* {
    padding: 0;
    margin: 0;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    overflow-x: hidden;
}

.menu-desktop {
    background-color: #F9F9F8;
}

.menu-mobile {
    background-color: #F9F9F8;

}

.container {
    max-width: 90% !important;
}
.container-about {
    max-width: 90% !important;
}

.menu-desktop .border {
    border: 1px solid #DDDDDD;
}

.menu-mobile .border {
    border: 1px solid #DDDDDD !important;
}

.menu-desktop .item-menu ul .active a {
    color:#f8941e; !important;
}

.text-header {
    top: 15%;
    z-index: 1000;
}

.text-header h1 {
    line-height: 65px;
}

.header-desktop .bg-image {
    bottom: -12rem;
}

.box-servise {
    background-color: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    padding: 20px;
    border-radius: 12px;
}

.servises {
    padding: 0 10rem;
}

.servises .scrole {
    overflow-x: auto;
    flex-wrap: nowrap;
}

.btn-1 {
    background-color: #f8941e;
    border: 1px solid #f8941e;
    border-radius: 8px !important;
    color: #fff;
    padding: 10px 20px !important;
    font-size: 14px !important;
    transition: 0.5s;
}

.btn-1:hover {
    background-color: unset !important;
    border: 1px solid #f8941e;
    color: #f8941e;
}

.btn-2 {
    background-color: #f8941e;
    border: 1px solid #f8941e;
    border-radius: 8px !important;
    color: #333;
    padding: 10px 20px !important;
    font-size: 14px !important;
    transition: 0.5s;
}

.btn-2:hover {
    background-color: unset !important;
    border: 1px solid #f8941e !important;
    color: #f8941e !important;
}

.number .bg-image {
    bottom: -10rem;
}

/* .box-project {
    background-image: url('../images/coveer-pro.svg');
    background-size: 100% 100%;
    padding: 45px 55px 40px 40px !important;
} */

.projects .text-project .text-box {
    overflow:
        hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient:
        vertical;
}

.text-project {
    padding: 0 3rem;
}

.title .icon {
    z-index: -1;
}

/* .bg-category {
    background-image: url('../images/cover-category.svg');
    background-size: 100% 100%;
} */

.category .bg-image {
    top: -10rem;
}

.box-product {
    border: 1px solid #DDDDDD;
    border-radius: 15px;
    transition: 0.5s;
}

.box-product:hover {
    border: 1px solid #E8A837;
}

.box-product .img img {
    border: 1px solid #f9f9f9;
    border-radius: 15px;
}

.box-product .text-product .name {
    height: 4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product .bg-image {
    top: -13rem;
}

.brand .brand-box {
    border-left: 2px dashed #CCCCCC;
}

.brand .swiper-slide:last-child .brand-box {
    border-left: none;
}

.brand .swiper-button-next,
.swiper-button-prev {
    cursor: pointer;
    color: #8080807a !important;
}

.brand .swiper-button-next::after,
.swiper-button-prev::after {
    font-size: 30px !important;
}

.blog-box .time::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    background: #e8a73792;
    top: 115%;
    bottom: 0;
    margin:
        auto;
    right: 0;
}

.blog-box {
    border-radius: 15px;
}

.blog-box img {
    border-radius: 10px;
}

.menu-mobile .btn-primary {
    background-color: unset !important;
    border: unset !important;
}

.services {
    top: -12rem;
}

.footer {
    background: linear-gradient(191deg, rgba(255, 255, 255, 0) 40%, rgb(233, 233, 233) 100%);
}

.item-menu-mob ul .active a {
    color: #f8941e !important;
}

/* .item-menu-mob ul li {
    border-bottom: 1px solid #DDDDDD;
} */



.btn-close:focus {
    outline: none !important;
    box-shadow: none !important;
    opacity: none !important;
}

.separator-dot {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
}

.title .bg {
    z-index: -1;
}

.accordion-button::after {
    flex-shrink: 0;
    width: 13px;
    height: 7px;
    margin-right: auto;
    content: "";
    background-image: url('../images/icon-help-filter.svg');
    background-repeat: no-repeat;
    background-size: 100%;
}


.accordion-button:not(.collapsed)::after {
    background-image: url('../images/icon-help-filter1.svg') !important;
    transform: 2s !important;
    background-size: 100%;
}

.box-filter {
    border: 1px solid #DDDDDD;
    background-color: #fff;
    border-radius: 15px;
}

.item-filter .title button {
    background-color: unset !important;
    border: unset !important;
}

.box-filter .accordion-item .category .item {
    border-bottom: 1px solid #dddddd;
}

.box-filter .accordion-item .category .form-check-input:checked[type="radio"] {
    --bs-form-check-bg-image: url("../images/icon-form.svg");
    background-size: 100%;
}

.box-filter .accordion-item .category .form-check-input {
    border: unset !important;
}

.box-filter .accordion-item .category .form-check-input:checked {
    background-color: unset !important;
    border-color: unset !important;
    border: unset !important;
}

.box-filter .accordion-item .category .form-check-input {
    width: 1.2rem !important;
    height: 1.2rem !important;
}

.box-filter .form-check-input:focus {
    border-color: unset !important;
    outline: unset !important;
    box-shadow: unset !important;
}

.box-filter .accordion-item .category .form-check .form-check-label.active {
    color: #333 !important;
}

.box-filter .accordion-item .category .accordion-body .item:last-child {
    border-bottom: none;
}

.box-filter .accordion-item {
    border-bottom: 1px solid #CFCBC6;
}

.box-filter .accordion-item:last-child {
    border-bottom: none;
}

.colors .bg {
    width: 35px;
    height: 13px;
    background-color: #000;
}

.colors .form-check-input {
    border: 1px solid #dddd !important;
    width: 1.2rem;
    height: 1.2rem;
}

.colors .form-check-input:checked {
    background-color: unset !important;
    border: 1px solid #dddd !important;
    --bs-form-check-bg-image: url("../images/icon-form.svg");

}

.colors .form-check-label .form-check-input .br:checked {
    border: 1px solid #cccccc;
    padding: 2px;
}

.price-range-field {
    border-bottom: 1px solid #dddd !important;
    border-radius: 0 !important;
}

.ordering ul li.active a {
    color: #752A3E !important;
}

.ordering .offer-ordering {
    color: #F90000;
}

.box-product-list {
    border: 1px solid #DDDDDD;
    border-radius: 15px;
    transition: 0.5s;
}

.box-product-list:hover {
    border: 1px solid #E8A837;
}

.box-product-list .img img {
    border: 1px solid #f9f9f9;
    border-radius: 10px;
}

.box-product-list .text-product .name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.filter-desktop {
    position: sticky;
    top: 20px;
}

.btn-close-filter {
    border: 1px solid #E8A837 !important;
    background-color: unset !important;
    border-radius: 0 !important;
}

.btn-close-filter:hover {
    border: 1px solid #E8A837 !important;
    background-color: unset !important;
    color: #E8A837 !important;
}

.btn-apply-filter {
    background-color: #E8A837 !important;
    border: 1px solid #E8A837 !important;
    color: #fff !important;
    border-radius: 0 !important;
}

.btn-apply-filter:hover {
    background-color: #E8A837 !important;
    border: 1px solid #E8A837 !important;
    color: #fff !important;
}

.btn-filter-mob {
    background-color: #F9F9F8 !important;
    border: unset !important;
    border-radius: 0 !important;
}

.btn-filter-mob:hover {
    color: #333;
}

.form-select:focus {
    border-color: unset !important;
    outline: none !important;
    box-shadow: none !important;
}

.description h2 {
    font-size: 26px;
}

.description h3 {
    font-size: 24px;
}

.description h4 {
    font-size: 20px;
}

.description h5 {
    font-size: 18px;
}

.description h6 {
    font-size: 16px;
}

.description h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 1rem;
    font-family: font-ExtraBold;
}

.description p {
    margin-bottom: 0.5rem;
    font-family: font-Ligth;
}

.comment .form {
    position: sticky;
    top: 20px;
}

.form-send {
    border: 1px solid #eeeeee;
    border-radius: 20px;
}

.btn-reply-comment {
    background-color: unset !important;
    border: unset !important;
    border-radius: 0 !important;
}

.btn-reply-comment:hover {
    color: #333 !important;
}

.offcanvas-bottom {
    height: unset !important;
}

.form-control:focus {
    color: unset !important;
    background-color: unset !important;
    border-color: #E8A837 !important;
    outline: unset !important;
    box-shadow: unset !important;
}

.form-send .form-control {
    border-color: #eeeeee !important;
    border-radius: 12px !important;
}

.form-send .form-control::placeholder {
    color: #888888;
}

.btn-send-reply {
    background-color: #5CB85C;
    border: 1px solid #5CB85C;
    color: #fff;
    transition: 0.5s;
}

.btn-send-reply:hover {
    background-color: unset !important;
    border: 1px solid #5CB85C;
    color: #5CB85C;
    border-radius: 10px !important;
}

.box-user {
    border: 1px solid #eeeeee;
    border-radius: 20px;
}

.border-form {
    border: 1px solid #eeeeee;
    ;
}

.btn-form-mob:hover {
    background-color: #752A3E !important;
    color: #F9F9F8 !important;
    border: unset !important;
}

.products .bg-image {
    z-index: -1;
}

.detaile-product .bg {
    background-color: #F9F9F8;
}

.number-price p {
    color: #FFB142;
}

.number-price p span {
    color: #99999999;
}

.number-offr-price p span {
    color: #99999999;
}

.property ul li p {
    color: #888888;
}

.property ul li {
    border-left: 1px solid #88888888;
    width: max-content;
}

.property ul li:last-child {
    border-left: none;
    width: max-content;
}

.btn-info-tap.active {
    color: #333 !important;
    border-bottom: 1px solid #FFB142;
    background-color: unset !important;
    border-radius: 0 !important;
}

.btn-info-tap {
    color: #adadadad !important;
    background-color: unset;
}

.product-info .tab-content .table tbody,
td,
tfoot,
th,
thead,
tr {
    border: unset !important;
    border-color: unset !important;
    background-color: unset !important;
    padding: 25px !important;
}

.product-info .tab-content .table tr:nth-child(odd) {
    background-color: #F9F9F8 !important;
}

.modal-more {
    background-color: #F9F9F8 !important;
}

.btn-item-image.active {
    background-color: unset !important;
    border: unset !important;
    opacity: 1 !important;
}

.btn-item-image {
    opacity: 0.50 !important;
    border-radius: 0 !important;
    width: 80px;
    height: 80px;
}

.btn-item-image img {
    border: 1px solid #dddddd !important;
}

.btn-more-images {
    background-color: unset !important;
    border: unset !important;
    color: #000 !important;
}

.modal-footer .carousel-indicators {
    position: unset !important;
    overflow-x: scroll !important;
    display: flex;
    margin: 0 !important;
    width: 100% !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

.modal-footer .carousel-indicators button {
    height: 70px !important;
    width: 70px !important;
    margin: 3px !important;
}

.box-fix {
    background-color: #f9f9f8;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

.menu-desktop .btn-mega-menu:hover .box-mega {
    display: block;
    opacity: 1;
    z-index: 100;
    top: 100%;
    animation: show-box 0.5s;
    max-height: 300px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@keyframes show-box {
    0% {
        opacity: 0;
        top: 50%;
        display: none;
        z-index: 0;
    }

    100% {
        opacity: 1;
        display: block;
        top: 100%;
        z-index: 100;
    }
}

.menu-desktop .box-mega {
    display: none;
    opacity: 0;
    top: 100%;
    right: 0;
    padding: 5px;
    white-space: nowrap;
    background-color: #f9f9f8;
    /* box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); */
    z-index: 100;
}

.mega-menu .bg-mega {
    column-count: 4;
    column-gap: 2rem;
}

.menu-desktop .box-mega li {
    break-inside: avoid;

}

.menu-desktop .box-mega .title-mega-menu:hover {
    color: #752A3E !important;
    transition: 0.5s;
}

.menu-desktop .box-mega .title-mega-menu:hover i {
    color: #752A3E !important;

}

.menu-desktop .box-mega .title-mega-menu i {
    transition: 0.5s;
}

.menu-desktop .box-mega .title-mega-menu {
    transition: 0.5s;
}

.menu-desktop .box-mega .text-mega-menu:hover {
    color: #333 !important;
}

.menu-desktop .box-mega .text-mega-menu:hover i {
    color: #333 !important;
}

/* .number {
    margin-top: -8rem;
    margin-bottom: 2rem;
} */
.menu-desktop .box-mega .text-mega-menu i {
    transition: 0.5s;
}

.menu-desktop .box-mega .text-mega-menu {
    transition: 0.5s;
}

.btn-menu-mob {
    font-size: 20px;
    border-bottom: 1px solid #DDDDDD;
    background-color: #fff;
}

.item-btn-menu-mob {
    font-size: 18px;
    background-color: #fff;
}

.item-menu-mob ul li:last-child .btn-menu-mob {
    border-bottom: none;
}

.img-covermenu-mob {
    z-index: -1;
}

.reply-user .bg {
    background-color: #f9f9f8;
    border-radius: 12px;
}

.btn-form-check.active {
    color: #752A3E !important;
}

.accobutton {
    background-color: #f9f9f8 !important;
    box-shadow: unset !important;
}

.accobutton:focus {
    box-shadow: unset !important;
}

.mt-res {
    margin-top: 50px;
}

.fs-costum-new {
    line-height: 21px;
    font-size: 11px;
}
.bg-grey{
    background-color: #ececec;
}
.bg-about{
    background-color: #ececec;
}
/* .container-res {
    max-width: 90%;
} */
.min-h{
    min-height: 34px;
}
.fs-costum {
    font-size: 21px;
    line-height: 26px;
}
.bg-img-link{
    /* background-image: url("./../images/floor-1-1.png"); */
    background-image: url("./../images/bg-links-new.jpg");
    /* background-image: url("./../images/floor-2.jpg"); */
    /* height: 100vh; */
    /* background-image: url("./../images/floor-3.jpg"); */
    /* background-image: url("./../images/floor-4.jpg"); */
    z-index: 0;
    background-repeat: repeat;
    background-size:100% ;
    background-position:center ;
}

@media (min-width:576px){
    /* .number {
        margin-top: -8rem;
        margin-bottom: 8rem;
    } */
         .min-h{
    min-height: 54px;
}
.container-about {
        max-width: 100% !important;
    }
    .bg-about{
        background-color: white;
    }
}

@media(min-width:992px){

}
@media(max-width: 576px) {
    .container {
        max-width: 100% !important;
    }
    /* .bg-grey{
        background-color: #ececec;
    } */

    .text-project {
        padding: 0 0.5rem;
    }

    .services {
        position: unset !important;
    }

    .number {
        margin-top: 0rem !important;
    }

    .products .box-product .text-product .name {
        font-size: 14px !important;
    }

    .description img {
        width: 100% !important;
        height: auto !important;
    }

    .btn-cal-detaile a {
        width: 100% !important;
    }

    .projects {
        margin-top: 0 !important;
    }

    .h_iframe-aparat_embed_frame {
        width: 100% !important;
    }
}

@media (min-width: 576px) and (max-width: 768px) {
    /* .number {
        margin-top: -5rem;
    } */

    /* .number {
        margin-top: 0rem !important;
    } */

    .services {
        position: unset !important;
    }

    .container {
        max-width: 100% !important;
    }

    .description img {
        width: 100% !important;
    }

    .btn-cal-detaile a {
        width: 100% !important;
    }


    .projects {
        margin-top: 0 !important;
    }

    .h_iframe-aparat_embed_frame {
        width: 90% !important;
    }
}

@media (min-width:992px) {
    .mt-res {
        margin-top: 75px;
    }

    .fs-costum {
        font-size: 35px;
        line-height: 46px;
    }
    .min-h{
        min-height: 48px;
    }
    /* .bg-img-link::after{
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color:rgba(228, 228, 228, 0.732);
        z-index: 0 !important;
    } */
    .bg-img-link{
        background-repeat: repeat;
        background-size:50% ;
    }
    
}

@media (min-width: 768px) and (max-width: 992px) {
    .text-project {
        padding: 0 2rem;
    }

    .container {
        max-width: 100% !important;
    }

    .services {
        position: unset !important;
    }

    /* .number {
        margin-top: 0rem;
    } */
}
@media(min-width:1200px) {
    .fs-costum-new {
        font-size: 15px;
        line-height: 28px;

    }

}

@media (min-width: 992px) and (max-width: 1200px) {
    .services {
        top: -10rem;
    }

    .number {
        margin-top: -9rem;
    }

    .container {
        max-width: 100% !important;
    }

}

@media (min-width: 1200px) and (max-width: 1400px) {
    .text-project {
        padding: 0 1rem;
    }

    .services {
        top: -12rem;
    }

    .bg-footer::after {
        content: "";
        display: none !important;
    }

    .number {
        margin-top: -11rem;
    }
}


.description img {
    display: flex !important;
    margin: auto !important;
}

.description .table tbody,
td,
tfoot,
th,
thead,
tr {
    padding: .5rem !important;
}

.description .table-responsive td {
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.description .table-responsive td::-webkit-scrollbar {
    display: none;
}

.product-detail .bg {
    background-color: #f9f9f8;
    border-radius: 20px;
}

.project-detail .bg {
    background-color: #f9f9f8;
    border-radius: 20px;
}

.bg-header-mobile::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #0000004b;
}

.call-fix {
    z-index: 10;
}

.call-fix a {
    background-color: #00a30a;
    padding: 5px 50px;
    border-radius: 8px;
}

.call-fix a .tel {
    font-size: 22px !important;
}

.box-user ul li .loocation {
    filter: invert(16%) sepia(43%) saturate(2825%) hue-rotate(317deg) brightness(86%) contrast(83%);
}

.project-detail .bg .bg-project {
    position: sticky;
    top: 20px;
}

.h_iframe-aparat_embed_frame {
    margin: 2rem auto !important;
    height: auto !important;
    width: 55%;
}

.box-servise .text p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.title-feature {
    color: #2d53c8;
}

.box-feature {
    /* background-color: #f8f8f9; */
    padding: 15px;
    border-radius: 10px;
    /* border: 4px solid #2d53c8 ; */
}

.title .title-Purchase-steps {
    color: #2d53c8;
}

.box-Purchase-steps {
    background-color: #F8941E;
    padding: 15px;
    border-radius: 20px;
}

.box-Purchase-steps .boxs {
    background-color: #fff;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    padding: 10px;
    border-radius: 10px;
}

.text-project {
    position: absolute;
    bottom: 0;
    background-color: #0000002b;
    margin: 10px;
    border-radius: 10px;
    padding: 15px;
    backdrop-filter: blur(5px);
    border: .5px solid #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.box-project .img img {
    border-radius: 15px;
}

.category-list .link-category {
    background: #f8f8f8;
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-radius: 10px;
}

.category-list .link-category .text-category p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.product-detail .bg .image img {
    border-radius: 10px;
}

.box-feature .img-feature {
    background-color: #fff;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);
}

.img-abuot img {
    border-radius: 15px;
    box-shadow: 0px 0px 18px rgba(45, 83, 200, 0.49);
}

.manager .box-manager .img-manager {
    border-radius: 50%;
}

.box-manager {
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 15px;
    background-color: #fff;
}

.about img {
    object-fit: cover;
    height: 100%;
}

.px-res {
    padding-left: 80px;
    padding-right: 80px;
}

.btn-about {
    background-color: #f8941e;
    color: #fff;
    border: 1px solid #f8941e;
    padding: 10px 20px !important;
    font-size: 14px !important;
    transition: 0.5s;
}

.btn-about:hover {
    background-color: unset !important;
    border: 1px solid #f8941e;
    color:#f8941e;
}

.bg-color-2 {
    background-color: #f8941e;
}

/* .mySwiper-Manager .swiper-slide{
    width: 250px !important;
} */
.mt-team {
    margin-top: -55px;
}
.images-footer-img{
    opacity: 0.2 !important;
}
s
.mySwiper-brands .swiper-pagination {
    bottom: -54px;
}
.mySwiper-brands .swiper-pagination-bullet-active {
    background: #f8941e;
}
.limited-txt
{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media(min-width:1400px) {
     .number {
        margin-top: -11rem;
    }   
}


.fs-links-custom{
    font-size: 14px;
}
.fs-links-title{
    font-size: 16px;
}
.btn-links{
    backdrop-filter: blur(-18px);
    background-color:#bbbbbb82;
    /* opacity: 0.3; */
}
.btn-links:hover{
    backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background-color:#8d8d8de4;
    /* opacity: 0.3; */
}
.links-mobile .container{
    z-index: 1000;

}
/* .catalog-img{
    margin-right: 26px;
    margin-top: 14px;
    position: absolute;
    top: -77%;
    bottom: 0;
    right: 9px;
}
.catalogs .bg-black{
    width: 80%;
}
.bg-orange{
    background-color: #f8941e;
}
.catalogs .bg-orange{
    width: 20%;
}
.catalogs::after{
    content: "";
    width: 20%;
    height: 100%;
    background-color: rgb(176, 176, 176);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
} */
/* .catalogs .position-absolute{
    top: 0;
    left: 0;
} */
/* .catalogs img{
    width: 100%;
}

@media (min-width:992px) {
    .catalogs img{
        width: 230px;
    }
} */
/* .catalogs .position-absolute{
    top: 6%;
    left: 6%;
} */