.aboutus{

    /* background: url(../../assets/img/brandsbg1.png) repeat top left,url(../../assets/img/brandsbg2.png) repeat top left;

    background-blend-mode: hard-light,normal; */
    background: url(../../assets/img/brandsbg1.png) repeat top left,url(../../assets/img/brandsbg2.png) repeat top left,var(--white);
    background-blend-mode: hard-light,normal;

    padding: 6.26rem 0;

}



.aboutus .text{

    width: 100%;

    text-align: center;

    color: var(--title2);

    max-width: 778px;

    font-size: 24px;

    line-height: 29px;

    letter-spacing: -0.36px;

    margin-bottom: 2rem;

}



.aboutus hr{

    width: 1px;

    height: 84px;

    margin: 0 auto 2rem;

}



.aboutus .custom-logo-link{

    display: block;

    display: -webkit-block;

    width: 100%;

    max-width: 540px;

    margin: 0 auto;

}



.aboutus .custom-logo-link img{

    width: 100%;

}



.mvv{

    /* background: url(../../assets/img/prodsbg2.svg) no-repeat bottom right,url(../../assets/img/prodsbg3.svg) repeat top left,url(../../assets/img/brandsbg1.png) repeat top left,var(--white);

    background-blend-mode: normal,normal,hard-light; */

    background: url(../../assets/img/prodsbg2.svg) no-repeat bottom right,url(../../assets/img/brandsbg1.png) repeat top left,url(../../assets/img/brandsbg2.png) repeat top left,var(--white);
    background-blend-mode: normal,hard-light,normal;

    padding: 8rem 0;

}



.mvv .container{

    max-width: calc(1180px + 140px);

}



.mvv .owl-carousel .owl-stage>*:not(:last-child) .item{

    position: relative;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    grid-gap: 39px;

}



.mvv .owl-carousel .owl-stage>*:not(:last-child) .item hr{

    position: absolute;

    left: calc(100% + 39px);

    min-width: 137px;

}



.mvv .owl-carousel .owl-stage>*:last-child .item hr{

    display: none;

    display: -webkit-none;

}



.mvv .owl-carousel .box{

    position: relative;

    border: 1px solid var(--line);

    background: url(../../assets/img/mvvboxbg.png) no-repeat center/cover,var(--white);

    background-blend-mode: multiply;

    padding: 10px 1rem;

}



.mvv .owl-carousel .box::before{

    content: '';

    position: absolute;

    inset: auto 0 0 auto;

    width: 30px;

    aspect-ratio: 1/1;

    background-color: var(--red);

    clip-path: polygon(100% 0,100% 100%,0 100%);

    -webkit-clip-path: polygon(100% 0,100% 100%,0 100%);

    filter: drop-shadow(-2px -2px 13.5px #00000040);

    -webkit-filter: drop-shadow(-2px -2px 13.5px #00000040);

    -ms-filter: drop-shadow(-2px -2px 13.5px #00000040);

}



.mvv .owl-carousel .box .title{

    text-align: center;

    text-transform: uppercase;

    color: var(--title);

    font-size: 30px;

    font-weight: 900;

    line-height: 36px;

    letter-spacing: -0.45px;

    margin: 0 auto 10px;

}



.mvv .owl-carousel .box .title::before{

    content: url(../../assets/img/secbef.svg);

    display: block;

    display: -webkit-block;

    width: fit-content;

    height: 44px;

    margin: 0 auto 20px;

}



.mvv .owl-carousel .box .text{

    text-align: center;

    color: #AAADB6;

    font-weight: 300;

}



.brands{
    background: url(../../assets/img/brandsbg1.png) repeat top left,url(../../assets/img/brandsbg2.png) repeat top left,var(--white);
    background-blend-mode: hard-light,normal;
    padding: 5.86rem 0 5.33rem;

}



.brands .df{

    display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    grid-gap: 1rem 35px;

    margin: 0 auto 20px;

}



.brands .df::before,

.brands .df::after{

    content: '';

    display: block;

    display: -webkit-block;

    width: 179px;

    height: 3px;

    background: linear-gradient(to right,var(--red),var(--red)) no-repeat top right/64% 100%,linear-gradient(to right,var(--line),var(--line)) no-repeat bottom left/100% 1px;

}



.brands .df::after{

    transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    -moz-transform: rotateY(180deg);

    -ms-transform: rotateY(180deg);

    -o-transform: rotateY(180deg);

}



.brands .sectitle{

    text-align: center;

}



.brands .sectitle::before{

    display: block;

    display: -webkit-block;

    margin: 0 auto 20px;

}



.brands .brds{

    display: flex;

    display: -webkit-flex;

    align-items: stretch;

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    border-top: 1px solid var(--line);

    border-left: 1px solid var(--line);

    background-color: var(--white);

}



.brands .brds>*{

    position: relative;

    z-index: 1;

    flex: 0 1 calc(100% / 6);

    display: flex;

    display: -webkit-flex;

    flex-direction: column;

    -ms-flex-direction: column;

    justify-content: center;

    -webkit-justify-content: center;

    grid-gap: 28px;

    border-right: 1px solid var(--line);

    border-bottom: 1px solid var(--line);

    padding: 56px 0 13px;

}



.brands .brds>*::before{

    content: '';

    position: absolute;

    z-index: -1;

    inset: 0;

    background: url(../../assets/img/brandsboxbg.png) no-repeat center/cover,var(--white);

    background-blend-mode: multiply;

    opacity: 30%;

    -webkit-opacity: 30%;

    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 .brds>*:hover::before{

    background-color: #FCFCFC;

    opacity: 100%;

    -webkit-opacity: 100%;

}



.brands .brds>* img{

    width: 100%;

    aspect-ratio: 1/.35025;

    object-fit: contain;

    -o-object-fit: contain;

}



.brands .brds>* .vt{

    display: flex;

    display: -webkit-flex;

    align-items: center;

    grid-gap: 0;

    text-align: center;

    color: #C1C1C1;

    font-size: 11.429px;

    font-weight: 700;

    line-height: 14px;

    letter-spacing: 0.017px;

    margin: 0 auto;

    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 .brds>* .vt::after{

    content: url('data:image/svg+xml;utf8,<svg width="9" height="7" viewBox="0 0 10 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.552734 0.555664L9.2532 5.45339L0.552734 10.3437V5.45339V0.555664Z" fill="rgb(236,28,36)"/></svg>');

    width: 0;

    overflow: hidden;

    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 .brds>*:hover .vt{

    grid-gap: 10px;

    color: #EC1C24;

    font-size: 14px;

    line-height: 17px;

    letter-spacing: 0.021px;

}



.brands .brds>*:hover .vt::after{

    width: 8px;

}



@media(max-width:992px){

    .aboutus,

    .mvv,

    .brands{

        padding: 2rem 0;

    }

    .mvv{

        background-size: 0,auto,auto;

    }

    .brands .brds>*{

        flex: 0 1 calc(100% / 5);

    }

}



@media(max-width:768px){

    .brands .brds>*{

        flex: 0 1 calc(100% / 4);

    }

}



@media(max-width:575px){

    .brands .brds>*{

        flex: 0 1 calc(100% / 3);

    }

}



@media(max-width:425px){

    .brands .brds>*{

        flex: 1 1 calc(100% / 2);

    }

}