.banners,
.banners .item{
    height: clamp(400px,36.51041vw,701px);
}

.banners .item{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    padding: clamp(2rem,8.85416vw,170px) 0 clamp(2rem,6.25vw,120px);
}

.banners .container{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    height: 100%;
}

.banners .title{
    /* color: var(--white); */
    font-size: 65px;
    font-weight: 700;
}

.banners .btns{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    grid-gap: 1rem;
}

.aboutus{
    position: relative;
    padding: 9.13rem 0 19rem;
}

.aboutus .row{
    grid-gap: 2rem 0;
}

.aboutus .row>*{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    -webkit-justify-content: center;
}

.aboutus .sectitle{
    margin-bottom: 10px;
}

.aboutus .img{
    position: absolute;
    z-index: 1;
    inset: auto 0 0 auto;
    width: 45.36458vw;
    height: 349px;
    border-top-left-radius: 254px;
    background: url(../../assets/img/aboutusimgbg.png) no-repeat bottom left/cover;
}

.aboutus .img img{
    position: absolute;
    inset: auto auto -11.74785% -9.07003%;
    width: 70.60849%;
    aspect-ratio: 1/.65203;
    object-fit: contain;
    -o-object-fit: contain;
}

.categories{
    position: relative;
    background-color: #EFEFEF;
    border-bottom-right-radius: 28.4375vw;
    padding: 4.46rem 0;
}

.categories .icon{
    position: absolute;
    inset: auto clamp(2rem,7.5%,144px) -1.04166% auto;
    width: clamp(10px,24.34843%,467px);
    aspect-ratio: 1/.42809;
}

.categories .icon img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
}

.categories .sectitle{
    margin-bottom: 2rem;
}

.categories .row{
    grid-gap: 1.2rem 0;
}

.categories .row>*{
    padding: 0 26px;
}

.categories .box,
.categories .box .vm{
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.categories .box{
    display: block;
/*     display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    grid-gap: 1rem; */
    height: 100%;
    border-bottom: 2px solid var(--main);
    overflow: hidden;
}

.categories .box:hover{
    background: linear-gradient(78deg, #ffffff00 12.6%, #FFF 91.96%);
}

.categories .box .img{
    width: 100%;
    aspect-ratio: 1/.56478;
    background-color: #fff;
}

.categories .box img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
}

.categories .box .bottom{
    padding: 1rem;
}

.categories .box .title{
    color: var(--main);
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 5px;
}

.categories .box .vm{
    display: block;
    display: -webkit-block;
    width: fit-content;
    color: var(--main);
    font-weight: 500;
    line-height: 1.16;
    padding: 2px 3px;
}

/* .categories .box:hover .vm{
    color: var(--white);
    background: var(--linear);
} */

.diferentials{
    position: relative;
    padding: 6rem 0 8.6rem;
}

.diferentials::before{
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0 auto auto 0;
    width: 55.72916vw;
    height: 326px;
    border-bottom-left-radius: 142px;
    background: var(--linear);
}

.diferentials .sectitle{
    margin-bottom: 2rem;
}

.diferentials .box{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    grid-gap: 1rem;
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
    width: 100%;
    height: 552px;
    border-radius: 22px;
    background-blend-mode: multiply !important;
    padding: 2rem 25px;
}

.diferentials .box .num{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    grid-gap: 4px;
    width: 100%;
    max-width: 92px;
    text-align: center;
    color: var(--white);
    font-size: 18px;
    font-weight: 300;
    margin: 0 auto;
}

.diferentials .box .num::before,
.diferentials .box .num::after{
    content: '';
    width: 100%;
    height: 14px;
    background: url(../../assets/img/line.svg) repeat-x left center;
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
}

.diferentials .box .title{
    text-align: center;
    color: var(--white);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.11;
}

.brands{
    padding: 2rem 0 6.66rem;
}

.brands .sectitle,
.brands .text{
    text-align: center;
}

.brands .sectitle{
    margin: 0 auto 2rem;
}

.brands .text{
    width: 594px;
    max-width: 100%;
    margin: 0 auto 3.33rem;
}

.brands .owl-carousel img{
    width: 100%;
    aspect-ratio: 1/.66513;
    object-fit: contain;
    -o-object-fit: contain;
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
    -ms-filter: grayscale(1);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.brands .owl-carousel img:hover{
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -ms-filter: grayscale(0);
}

.brands .owl-carousel .owl-dots{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    grid-gap: 14px;
    margin-top: 40px;
}

.brands .owl-carousel .owl-dots>*{
    width: 14px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background-color: #BCE4FA;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
}

.brands .owl-carousel .owl-dots>*.active{
    background-color: var(--main);
}

.iso{
    position: relative;
    padding: 3.86rem 0;
}

.iso::before{
    content: '';
    position: absolute;
    inset: 0 auto auto 0;
    width: 56.63802vw;
    height: 100%;
    background: var(--linear);
    mask-image: url(../../assets/img/isomask.svg);
    -webkit-mask-image: url(../../assets/img/isomask.svg);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: top right;
    -webkit-mask-position: top right;
    mask-size: cover;
    -webkit-mask-size: cover;
}

.iso .container{
    position: relative;
    z-index: 1;
}

.iso .row{
    grid-gap: 2rem 0;
}

.iso .sectitle{
    margin-bottom: 25px;
}

.iso .text{
    margin-bottom: 10px;
}

.iso .img{
	display: block;
	width: fit-content;
}

.contact{
    position: relative;
    padding: 8rem 0 12rem;
}

.contact::before{
    content: '';
    position: absolute;
    inset: 0 auto auto 0;
    width: 44.27083vw;
    height: calc(100% - 4rem);
    border-bottom-right-radius: 85px;
    background-color: #EFEFEF;
}

.contact .container{
    position: relative;
    z-index: 1;
}

.contact .row{
    grid-gap: 2rem 0;
}

.contact .sectitle{
    line-height: 1;
    margin-bottom: 40px;
}

.contact .conts{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -ms-flex-direction: column;
    grid-gap: 20px;
    max-width: 380px;
}

/* .contact .conts>*{
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
    grid-gap: 20px;
} */

.contact .conts>*>*:last-child{
    width: 100%;
}

.contact .conts>* img{
    min-width: 19px;
    max-width: 19px;
    aspect-ratio: 1/1;
    object-fit: contain;
    -o-object-fit: contain;
}

.contact .conts>* .title{
    color: var(--main);
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 5px;
}

.contact .conts>* .tels,
.contact .conts>* .mails
/* .contact .conts>* .tels>*:not(:nth-child(odd)),
.contact .conts>* .mails>*:not(:nth-child(odd)) */
{
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    grid-gap: 1rem;
}

/* .contact .conts>* .tels>*:not(:nth-child(odd)),
.contact .conts>* .mails>*:not(:nth-child(odd)){
    flex-wrap: unset;
    -ms-flex-wrap: unset;
} */

/* .contact .conts>* .tels>*:not(:nth-child(odd))::before,
.contact .conts>* .mails>*:not(:nth-child(odd))::before{
    content: '|';
} */

.contact .conts>* .telp,
.contact .conts>* .mailp,
.contact .conts>* .local,
.contact .conts>* .hour{
    color: var(--text);
    font-size: 19px;
}

@media(max-width:992px){
    .aboutus,
    .categories,
    .diferentials,
    .brands,
    .iso,
    .contact{
        padding: 2rem 0;
    }
    .aboutus .img{
        position: relative;
        width: 100%;
    }
    .diferentials::before,
    .contact::before{
        width: 100%;
    }
    .diferentials .box{
        height: unset;
        aspect-ratio: 1/1.97142;
    }
    .brands .owl-carousel .owl-dots{
        margin-top: 1.5rem;
    }
    .categories .row>*{
        padding: 0 12px;
    }
}

@media(max-width:768px){
    .banners,
    .categories .icon{
        display: none;
        display: -webkit-none;
    }
    .categories .box{
        flex-direction: column;
        -ms-flex-direction: column;
        align-items: flex-start;
        padding: 1rem;
    }
    .diferentials .box{
        aspect-ratio: 1/1.4;
    }
    .iso::before{
        width: 100%;
        background: linear-gradient(to right, #000000a3 54%, transparent 100%);
        mask-image: unset;
        -webkit-mask-image: unset;
    }
}