.banners,

.banners .item{

    height: clamp(400px,39.0625vw,750px);

}



.banners .item{

    display: flex;

    display: -webkit-flex;

    align-items: center;

    background-size: cover,0 !important;

}



.banners .container{

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

}



.banners .title{

    text-transform: uppercase;

    color: var(--black);
    /* color: var(--red); */

    font-size: clamp(16px,2.70833vw,52px);

    font-weight: 900;

    line-height: clamp(19px,3.22916vw,62px);

    letter-spacing: 2.6px;

    margin-bottom: 19px;

}



.banners .text{

    max-width: clamp(10px,42.91666vw,824px);

    color: var(--black);

    font-size: clamp(16px,1.97916vw,30px);
    /* font-size: clamp(16px,1.97916vw,38px); */

    line-height: 109.524%;

    letter-spacing: 0.38px;

    margin-bottom: clamp(1rem,3.75vw,72px);

}



.banners .dbtn{

    color: var(--red);

    font-size: clamp(16px,1.5625vw,30px);

    font-weight: 900;

    line-height: clamp(19px,1.875vw,36px);

    letter-spacing: 0.3px;

    border-radius: 3px;
    background-color: var(--black);

    padding: 10px 29px;

}



.banners .dbtn::after{

    content: url('data:image/svg+xml;utf8,<svg width="15" height="20" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10.5 10L2.5 18" stroke="rgb(236,28,36)" stroke-width="5"/></svg>');

    /*  */

    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;

}



.banners .dbtn:hover::after{

    content: url('data:image/svg+xml;utf8,<svg width="15" height="20" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 2L10.5 10L2.5 18" stroke="white" stroke-width="5"/></svg>');

}



.banners .dbtn:hover{

    color: var(--white);

}



.banners .owl-carousel .owl-dots{

    position: absolute;

    bottom: 20px;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    grid-gap: 5px;

    width: 100%;

}



.banners .owl-carousel .owl-dots>*{

    width: 20px;

    height: 6px;

    background-color: #00000024;

    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;

}



.banners .owl-carousel .owl-dots>*.active{

    width: 45px;

    background-color: var(--main);

}



.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: 4.73rem 0;

}



.brands .sectitle{

    max-width: 677px;

    /* text-align: center; */

    margin: 0 auto;

}



/* .brands .sectitle::before{

    display: block;

    display: -webkit-block;

    margin: 0 auto 20px;

} */



.brands hr{

    max-width: 984px;

    margin: 20px auto 2rem;

}



.brands .brds{

    display: flex;

    display: -webkit-flex;

    align-items: stretch;

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

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

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

    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(--black);

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

    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;

}



.products{

    background: url(../../assets/img/prodsbg1.svg) no-repeat top left,url(../../assets/img/prodsbg2.svg) no-repeat bottom right,url(../../assets/img/prodsbg3.svg) repeat top left;

    padding: 5.46rem 0 7.33rem;

}



.products .container{

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

}



.products .row{

    grid-gap: 10px 0;

}



.products .row>*{

    display: flex;

    display: -webkit-flex;

    align-items: center;

    padding: 0 17px;

}



.products .sectitle{

    position: relative;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    grid-gap: 20px;

    width: 100%;

    border-bottom: 1px solid #E8E8E899;

    padding-bottom: 20px;

}



.products .sectitle::after{

    content: '';

    position: absolute;

    inset: auto auto 0 0;

    width: 41.07142%;

    height: 2px;

    background-color: var(--red);

}



/* .products .cats-wrapper{

    max-height: 468px;

    overflow: hidden scroll;

    padding-right: 3px;

}



.products .cats-wrapper::-webkit-scrollbar{

    width: 3px;

    height: 3px;

}



.products .cats-wrapper::-webkit-scrollbar-track{

    background: #f2F2F2;

}



.products .cats-wrapper::-webkit-scrollbar-thumb{

    background: var(--main);

    border-radius: 0;

} */



.products .box{

    background-color: var(--white);

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

    box-shadow: 0px 0px 38.065px -16.313px rgba(0, 0, 0, 0.10);

}



.products .box .top{

    padding: 21px 24px;

}



.products .box .img{

    position: relative;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    width: 100%;

    aspect-ratio: 1/1.24609;

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

    background: url(../../assets/img/prodsboxbg.svg) repeat top left;

    padding: 2rem;

}



.products .box .img .brand{

    position: absolute;

    inset: 0 auto auto 0;

    width: 59.375%;

    aspect-ratio: 1/.28947;

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

    background-color: var(--white);

}



.products .box .img .brand img{

    width: 100%;

    height: 100%;

    object-fit: contain;

    -o-object-fit: contain;

}



.products .box .img>img{

    width: fit-content;

}



.products .box .title{

    color: #3C3C3B;

    font-size: 17.401px;

    line-height: 21px;

    margin-top: 21px;

}



.products .box .sm{

    display: flex;

    display: -webkit-flex;

    align-items: center;

    grid-gap: 0;

    width: 100%;

    color: #AAADB6;

    font-size: 17.401px;

    font-weight: 700;

    line-height: 20.664px;

    letter-spacing: 0.026px;

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

    padding: 13px 25px;

    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;

}



.products .box .sm::after{

    content: url('data:image/svg+xml;utf8,<svg width="10" height="11" 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;

}



.products .box:hover .sm{

    color: var(--red);

    grid-gap: 1rem;

}



.products .box:hover .sm::after{

    width: 10px;

}



.products .owl-carousel .owl-nav{

    position: absolute;

    inset: auto 0 calc(100% + 2rem) auto;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    grid-gap: 1rem;

}



.products .owl-carousel .owl-nav>* svg path,

.products .owl-carousel .owl-nav>* svg rect{

    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;

}



.products .owl-carousel .owl-nav>*:hover svg path{

    fill: var(--white);

}



.products .owl-carousel .owl-nav>*:first-child:hover svg rect{

    fill: var(--main);

}



.products .owl-carousel .owl-nav>*:last-child:hover svg rect{

    fill: var(--black);

}



.aboutus{

    padding-left: 5.2rem;

}



.aboutus .box{

    position: relative;

    background: url(../../assets/img/brandsbg1.png) repeat top left,url(../../assets/img/aboutusbg.png) repeat top left,#141414;

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

}



.aboutus .box::before,

.aboutus .box::after{

    content: '';

    position: absolute;

    left: -1px;

    width: 67px;

    aspect-ratio: 1/1;

    background-color: var(--white);

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

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

}



.aboutus .box .fx{

    position: absolute;

    z-index: -1;

    inset: -10px auto auto -10px;

    width: 100%;

    height: 88.72180%;

    background: url(../../assets/img/brandsbg1.png) repeat top left,url(../../assets/img/aboutusbg.png) repeat top left,var(--red);

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

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

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

}



.aboutus .box::before{

    top: -1px;

    transform: rotateZ(90deg);

    -webkit-transform: rotateZ(90deg);

    -moz-transform: rotateZ(90deg);

    -ms-transform: rotateZ(90deg);

    -o-transform: rotateZ(90deg);

}



.aboutus .box::after{

    bottom: -1px;

}



.aboutus .box .container{

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

}



.aboutus .box .row>*{

    padding: 0 41px;

}



.aboutus .box .row>*:first-child{

    padding: 4.2rem 41px 7.06rem;

}



.aboutus .sectitle{

    border-bottom: 1px solid #E6E7E926;

    margin-bottom: 20px;

    padding-bottom: 20px;

}



.aboutus .sectitle::before{

    margin-right: 20px;

}



.aboutus .text{

    color: #ffffffb3;

}



.aboutus .text strong{

    color: var(--white);

}



.aboutus .box .img{

    position: relative;

    width: 100%;

    max-width: 537px;

    aspect-ratio: 1/.74301;

    height: 100%;

    background: url(../../assets/img/aboutusfx.png) no-repeat left center/cover;

}



.aboutus .box .img img{

    position: absolute;

    inset: 20% auto auto 15%;

    width: 55.12104%;

    aspect-ratio: 1/.40540;

    object-fit: contain;

    -o-object-fit: contain;

}



.depoimentos{

    background: url(../../assets/img/depsbg1.svg) no-repeat bottom left,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: 5.33rem 0;

}



.depoimentos .row{

    grid-gap: 2rem 0;

}



.depoimentos .sectitle{

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

    margin-bottom: 24px;

    padding-bottom: 20px;

}



/* .depoimentos .sectitle::before{

    display: block;

    display: -webkit-block;

    margin-bottom: 20px;

} */



.depoimentos .text.main{

    color: #5E685E;

    font-family: var(--mont);

    font-size: 18px;

    font-weight: 700;

    line-height: 22px;

    margin-bottom: 5px;

}



.depoimentos .stars,

.depoimentos .sts{

    display: flex;

    display: -webkit-flex;

    align-items: center;

    grid-gap: 8px;

    color: #E7711B;

    font-family: var(--int);

    font-size: 22px;

    font-weight: 500;

    line-height: 27px;

}



.depoimentos .btnn{

    display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    width: fit-content;

    font-family: var(--int);

    color: var(--white);

    font-size: 14px;

    line-height: 17px;

    border-radius: 180px;

    background-color: #4185F4;

    margin-top: 10px;

    padding: 10px 1rem;

}



.depoimentos .owl-carousel{

    display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    width: 100%;

    max-width: 950px;

    margin-left: auto;

}



.depoimentos .owl-carousel .owl-nav{

    position: absolute;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: space-between;

    -webkit-justify-content: space-between;

    width: 106%;

    height: 0;

}



.depoimentos .owl-carousel .owl-stage-outer{

    margin: -2rem -1rem;

    padding: 2rem 1rem;

}



.depoimentos .box{

    min-height: 214px;

    border-radius: 10px;

    background: var(--black);
    /* background: var(--white); */

    box-shadow: 0px 0px 24.3px 0px #0000000d, 0px 0px 23.6px -10px #7090b040;

    padding: 2rem 20px;

}



.depoimentos .box .df{

    display: flex;

    display: -webkit-flex;

    align-items: center;

    grid-gap: 14px;

}



.depoimentos .box .icon{

    min-width: 45px;

    max-width: 45px;

    aspect-ratio: 1/1;

}



.depoimentos .box .icon img{

    width: 100%;

    height: 100%;

    object-fit: contain;

    -o-object-fit: contain;

}



.depoimentos .box .df hr{

    min-width: 30px;

    max-width: 30px;

    margin: 0;

}



.depoimentos .box .name{

    white-space: nowrap;

    color: var(--white);
    /* color: #4185F4; */

    font-family: var(--mont);

    font-size: 24px;

    font-weight: 700;

    line-height: 29px;

}



.depoimentos .box .date,

.depoimentos .box .text{

    max-width: 312px;

    /* color: #5E685E; */
    color: var(--white);

    font-family: var(--mont);

    font-size: 14px;

    line-height: 17px;

    margin-left: 103px;

}



.depoimentos .box .date{

    margin-bottom: 17px;

}



.blog{

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

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


    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.66rem 0;

}



.blog .row{

    grid-gap: 20px 0;

}



.blog .row>*{

    display: flex;

    display: -webkit-flex;

    flex-direction: column;

    -ms-flex-direction: column;

    justify-content: flex-end;

    -webkit-justify-content: flex-end;

}



.blog .row .col-12{

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

    padding-top: 20px;

}



.blog .sectitle{

    margin-bottom: 1rem;

}



.blog .sectitle::before{

    margin-right: 20px;

}



.blog .text.main{

    color: var(--red);

    font-size: 18px;

    line-height: 22px;

    letter-spacing: -0.27px;

}



.blog .owl-carousel .owl-stage-outer{

    margin: -2rem -1rem;

    padding: 2rem 1rem;

}



.blog .box .img{

    width: 100%;

    aspect-ratio: 1/.63157;

}



.blog .box .img img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    -o-object-fit: cover;

    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;

}



.blog .box:hover .img img{

    filter: grayscale(0);

    -webkit-filter: grayscale(0);

    -ms-filter: grayscale(0);

}



.blog .box .bottom{

    position: relative;

    width: 73.68421%;

    background: var(--white);

    box-shadow: 0px 0px 24.3px 0px #0000000d;

    margin-top: -25.23659%;

}



.blog .box .bottom .top{

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

    padding: 20px 2rem 14px 20px;

}



.blog .box .bottom .title{

    color: #3C3C3B;

    font-size: 16px;

    font-weight: 700;

    line-height: 19px;

    letter-spacing: -0.24px;

    margin-bottom: 10px;

}



.blog .box .bottom .text{

    display: -webkit-box;

    display: -moz-box;

    color: #AAADB6;

    font-size: 14px;

    font-weight: 300;

    line-height: 17px;

    letter-spacing: -0.21px;

    line-clamp: 3;

    -webkit-line-clamp: 3;

    -moz-line-clamp: 3;

    box-orient: vertical;

    -webkit-box-orient: vertical;

    -moz-box-orient: vertical;

    overflow: hidden;

}



.blog .box .bottom .sm{

    display: flex;

    display: -webkit-flex;

    align-items: center;

    grid-gap: 0;

    color: #AAADB6;

    font-weight: 700;

    letter-spacing: 0.024px;

    padding: 12px 23px;

    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;

}



.blog .box .bottom .sm::after{

    content: url('data:image/svg+xml;utf8,<svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L8 4.50342L0 9V4.50342V0Z" 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;

}



.blog .box:hover .bottom .sm{

    grid-gap: 1rem;

    color: var(--red);

}



.blog .box:hover .bottom .sm::after{

    width: 7px;

}



.contact{

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

    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.46rem 0 5.73rem;

}



.contact .container>.row{

    grid-gap: 2rem 0;

}



.contact .container>.row>*{

    display: flex;

    display: -webkit-flex;

    flex-direction: column;

    -ms-flex-direction: column;

    justify-content: center;

    -webkit-justify-content: center;

    padding: 0 22px;

}



.contact .sectitle{
    color: var(--black);

    margin-bottom: 10px;

}



.contact .sectitle::before{

    margin-right: 20px;

}



.contact .text{
    color: var(--black);
    font-size: 18px;

    line-height: 22px;

    margin-bottom: 20px;

}



.contact .conts{

    display: flex;

    display: -webkit-flex;

    flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    grid-gap: 11px 0;

    border-top: 1px solid #ffffff33;

    margin-bottom: 2rem;

    padding-top: 11px;

}



.contact .conts>*{

    flex: 1 1 50%;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    grid-gap: 11px;

    padding-top: 20px;

    padding-bottom: 20px;

}



.contact .conts>*:nth-child(odd){

    padding-right: 20px;

}



.contact .conts>*:nth-child(even){

    border-left: 1px solid #ffffff33;

    padding-left: 20px;

}



.contact .conts>*:last-child{

    border-top: 1px solid #ffffff33;

    border-bottom: 1px solid #ffffff33;

}



.contact .conts>* .icon{

    position: relative;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    min-width: 35px;

    max-width: 35px;

    aspect-ratio: 1/1;

    /* background-color: var(--white); */
    background-color: var(--black);

    margin-right: 6px;

}



.contact .conts>* .icon::after{

    content: '';

    position: absolute;

    inset: 5px auto auto 5px;

    width: 100%;

    height: 100%;

    background-color: var(--red);

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

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

}



.contact .conts>* .icon img{

    position: absolute;

    z-index: 1;

    inset: 5px auto auto 5px;

    width: 100%;

    height: 100%;

    object-fit: none;

    -o-object-fit: none;

}



.contact .conts>* hr{

    min-width: 20px;

    background-color: #ffffff33;

    margin: 0;

}



.contact .conts>* .telp,

.contact .conts>* .mailp,

.contact .conts>* .local{

    /* color: var(--white); */
    color: var(--black);

    font-size: 14px;

    line-height: 17px;

    letter-spacing: -0.21px;

}



.contact .mapa{

    position: relative;

    z-index: 1;

    display: flex;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    width: 100%;

    aspect-ratio: 1/.65701;

}



.contact .mapa::before{

    content: '';

    position: absolute;

    z-index: -1;

    width: calc(100% + 20px);

    height: calc(100% + 20px);

    background-color: var(--red);

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

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

}



.contact .mapa>div,

.contact .mapa iframe{

    width: 100% !important;

    height: 100% !important;

}



.contact .form{

    border: 1px solid #ffffff26;

    /* background: #fcfcfc14; */
    background: rgba(0, 0, 0, 0.078);

    box-shadow: 0px 16px 36px -8px #7090b01a;

    padding: 32px 46px 32px 32px;

}



.contact .form .row{

    grid-gap: 24px 0;

}



.contact .form .row>*{

    padding: 0 12.5px;

}



.contact .form .lb,

.contact .form .tlb{

    /* color: var(--white); */
    color: var(--black);

    font-size: 18px;

    font-weight: 300;

    line-height: 22px;

    margin-bottom: 5px;

}



.contact .form .ipts{

    width: 100%;

    color: var(--title);

    font-size: 14px;

    font-weight: 300;

    line-height: 17px;

    letter-spacing: 0.07px;

    background: var(--white);

    border: 1px solid #D6D5DE;

    border-radius: 0;

    padding: 12px 1rem;

}



.contact .form .ipts::placeholder{color:#C3C3C3}

.contact .form .ipts:-moz-placeholder{color:#C3C3C3}

.contact .form .ipts::-moz-placeholder{color:#C3C3C3}

.contact .form .ipts:-ms-input-placeholder{color:#C3C3C3}

.contact .form .ipts::-webkit-input-placeholder{color:#C3C3C3}



.contact .form textarea{

    height: 103px;

    resize: none;

}



.contact .form input[type="checkbox"]{

    /* border-color: var(--white) !important; */
    border-color: var(--black) !important;

    border-width: 1px !important;

}



.contact .form input[type="checkbox"]:checked{

    border-color: var(--main) !important;

}



.contact .form input[type="checkbox"]:checked::before{

    width: 18px;

    height: 18px;

    margin: -1px 0 0 -2px;

}



.contact .form .tlb{

    font-size: 14px;

    line-height: 17px;

    letter-spacing: 0.07px;

}



.contact .form .dbtn{

    width: 100%;

    color: var(--white);

    background-color: #1D1D1B;

}



.contact .form .dbtn::after{

    content: url('data:image/svg+xml;utf8,<svg width="8" height="9" viewBox="0 0 8 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 0L8 4.50342L0 9V4.50342V0Z" fill="white"/></svg>');

}



.contact .form .dbtn:hover{

    background-color: var(--red);

}



@media(max-width:1200px){

    .depoimentos{

        background-size: 0,auto,auto;

    }

}



@media(max-width:992px){

    .brands,

    .products,

    .depoimentos,

    .blog,

    .contact{

        padding: 2rem 0;

    }

    .brands .brds>*{

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

    }

    .products{

        background-size: 0,0,auto;

        padding-bottom: 4rem;

    }

    .products .row{

        grid-gap: 2rem 0;

    }

    .products .cats-wrapper{

        width: 100%;

        max-height: 135px;

    }

    .products .cats-wrapper .cats{

        flex-direction: row;

        -ms-flex-direction: row;

        flex-wrap: wrap;

        -ms-flex-wrap: wrap;

    }

    .products .cats-wrapper .cats>*{

        flex: 1 1 calc(50% - 10px);

    }

    .products .owl-carousel{

        display: flex;

        display: -webkit-flex;

        align-items: center;

        justify-content: center;

        -webkit-justify-content: center;

    }

    .products .owl-carousel .owl-nav{

        inset: auto;

        width: 103%;

        justify-content: space-between;

        -webkit-justify-content: space-between;

    }

    .aboutus{

        padding-left: 0;

    }

    .aboutus .box{

        padding-top: 2rem;

    }

    .aboutus .box .fx{

        display: none;

        display: -webkit-none;

    }

    .aboutus .box .row{

        grid-gap: 2rem 0;

    }

    .aboutus .box .row>*{

        padding: 0 12px;

    }

    .aboutus .box .row>*:first-child,

    .contact .container>.row>*{

        padding: 0 12px;

    }

}



@media(max-width:768px){

    .banners{

        display: none;

        display: -webkit-none;

    }

    /* .banners .item{

        background-size: 0,cover !important;

    } */

    .brands .brds>*{

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

    }

    .products .box .top{

        padding: 1rem;

    }

    .aboutus .box::before,

    .aboutus .box::after{

        display: none;

        display: -webkit-none;

    }

    .contact .conts>*{

        flex: 1 1 100%;

    }

    .contact .conts>*:nth-child(even){

        border-left: unset;

        padding-left: 0;

    }

    .contact .conts{

        padding-top: 0;

    }

    .contact .conts>*{

        border-bottom: 1px solid #ffffff33;

    }

    .contact .conts>*:last-child{

        border-top: unset;

    }

    .contact .form{

        padding: 1rem;

    }

}



@media(max-width:575px){

    .brands .brds>*{

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

    }

    .products .cats-wrapper .cats>*{

        flex: 1 1 100%;

    }

    .depoimentos .box .df{

        align-items: flex-start;

        flex-direction: column;

        -ms-flex-direction: column;

        margin-bottom: 1rem;

    }

    .depoimentos .box .df hr{

        max-width: 100%;

        width: 100%;

    }

    .depoimentos .box .date,

    .depoimentos .box .text{

        margin-left: 0;

    }

    .depoimentos .owl-carousel .owl-nav>*{

        width: 40px;

    }

    .blog .box .bottom{

        width: 100%;

        margin-top: 0;

    }

}



@media(max-width:425px){

    .brands .brds>*{

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

    }

    .contact .conts>*{

        align-items: flex-start;

        flex-direction: column;

        -ms-flex-direction: column;

        grid-gap: 1rem;

    }

    .contact .conts>* hr{

        width: 40px;

        margin-top: 5px;

    }

}