/*import - Fonts*/

@import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,200;0,300;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=K2D:ital,wght@0,200;0,300;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

body{
    margin:0;
}

.container-rodobens{
    font-family: 'Montserrat';
}

/*Seção - Banner*/
.banner{
    background:#00441F;
    width:100%;
    display: none;
}

.banner__wrap{
    max-width:1300px;
    margin:0 auto;
    padding:0 40px;
}

.banner__line{
    display:flex;
    align-items: center;
    padding:150px 0;
}


.banner-col1{
    flex-basis: 60%;
    display: flex;
    flex-direction: column;
    color:#fff;
}

.banner-title1{
    text-transform: uppercase;
    font-weight: 400;
    font-size:20px;
    margin:0px;
}

.banner-title2{
    text-transform: uppercase;
    font-weight: 600;
    font-size:35px;
    margin:0px 0 30px 0;

}

.banner-button button{
    margin:30px 0;
    padding:10px 30px;
    border:none;
    background:#FF7A40;
    color:#00441F;
    font-size:16px;
    border-radius: 50px;;
    min-width:250px;
}


.banner-col2 img{
    width:100%;
    max-width: 475px;
    position: absolute;
    right: 0;
    top: 0;
}

/*Banner - Mobile*/

@media (max-width:886px){
    .banner__wrap{
        padding:30px 15px;
    }

    .banner__line{
        flex-direction: column;
    }

    .banner-col1{
        align-items: center;
        text-align: center;
    }
    .banner-col2{
        height:550px;
    }
    .banner-col2 img{
        width:100%;
        top: 500px;
    }
    .banner-title1{
        font-size:18px;
        margin:20px 0;
    }
    .banner-title2{
        font-size: 28px;
    }
    .banner-col2 img{
        width:100%;
    }

    .banner__line{
        padding:80px 0;
    }

}

@media (max-width:400px){
    .banner-col2 img{
        top: 580px;
    }
}


/*Banner 2*/
.banner2{
    width:100%;
    background:#DFE4CF;
}
.banner2__wrap{
    max-width:1300px;
    margin:0 auto;
    padding:80px 40px 0 40px;
    
}

.banner2__line{
    display:flex;
    align-items: center;
}

.banner2-title{
    text-transform: uppercase;
    line-height: 35px;
    max-width:550px;
    font-size:30px;
    color:#00441F;
}
.banner2-subtitle{
    color:#00441F;
    font-weight: bold;
}

.banner2-title-mob{
    display: none;
}
.banner2-title-color{
    color:#FF7A40;
}
.banner2-col1{
    display: flex;
    flex-direction: column;
    flex-basis:60%;
}

.banner2-col2{
    flex-basis:40%;
}

.banner2-col2 img{
    width:100%;
    margin-bottom: -5px;
}
.banner2-col1 a {
    margin-top:30px;
}


/*Banner 2 Mobile*/

@media (max-width:886px){
    .banner2__line{
        flex-direction: column;
        text-align: center;
    }
    .banner2-title{
        font-size:22px;
    }
    .banner2-title-mob{
        display: block;
        text-transform: uppercase;
        line-height: 25px;
        max-width:550px;
        font-size:25px;
        color:#00441F;
        line-height: 35px;
    }
    .banner2-subtitle{
        font-size: 15px;
    }
    .banner2-col2 img{
        max-width:500px;
    }
    
    .banner-button2{
        text-align: center;
    }
    .banner-button2 button{
        width:80%;

    }
    .banner2-col1 a {
        margin-top:0px;
    }
}



/*Servicos*/

.servicos{
    width:100%;
    background:#fff;
}

.servicos__wrap{
    margin: 0 auto;
    max-width: 1300px;
    padding:40px 40px;
}
.servicos__line{
    display: flex;
}


.servicos-col1{
    flex-basis: 30%;
    min-width:300px;
}

.servicos-title{
    display: flex;
    justify-content: center;
    font-weight: 400;
    font-size:20px;
    color:#00441F;
    text-align: start;
    max-width:200px;
}

.servicos-img-bg{
    max-width:300px;
    position:absolute;
    left:0;
}


/*Coluna 2 - Items*/
.servicos-col2{
    padding:20px 30px;
}

.servicos-items{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    
}

.servicos-item{
    margin:0 10px;
    border: 3px solid #E0E5CF;
    padding:20px;
    border-radius:25px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.servicos-items-mob{
    display: none;
}

.servicos-item-title{
    color:#00CF7B;
    font-weight: 300;
    font-size:23px;
    margin:0px;
    height: 60px;
}

.servicos-item-description{
    color:#00441F;
    font-weight: 400;
    font-size:16px;
}


.servicos-item-button button{
    margin-top:30px;
    padding:10px;
    border:none;
    background:#FF7A40;
    color:#00441F;
    font-size:15px;
    border-radius: 50px;;
    width:100%;
    padding:15px 0!important;
}

/*Servicos - Mobile*/

@media (max-width:986px){
    .servicos__wrap{
        padding:0 15px;
    }
    .servicos-col1{
        display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}
    
    .servicos-col2{
        padding:20px 15px;
    }

    .servicos-items-mob{
        display: block;
    }

    .servicos-items{
        display: none;
    }

    .servicos__line{
        flex-direction: column;
    }
    .servicos-img-bg{
        display: none;
    }
    .servicos-title{
        max-width:300px;
    }
    .servicos-items{
        display:none;
    }

    .servicos-item{
        height: 420px;
    }
}


/*Video*/

.video{
    width:100%;
    background: #E0E5CF;
}

.video__wrap{
    max-width:1300px;
    margin:0 auto;
    padding:40px 40px;
}

.video__line{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.video-title{
    text-align: center;
    color:#00441F;
    margin-bottom:40px;
    max-width: 500px;
}


.video iframe{
    max-width:640px;
    width:100%;
}
/*MOTIVOS PARA COMPRAR NO BALCAO DIGITAL*/

.motivos{
    background:#fff;
    width:100%;
}

.motivos__wrap{
    max-width:1300px;
    margin:0 auto;
    padding:60px 40px;
}

.motivos__line{
    display: flex;
    flex-direction: column;
}

.motivos-title h2{
    display: flex;
    justify-content: center;
    color:#00441F;
    font-weight:300;
    margin:40px 0;
}


/*Motivos Container*/

.motivos-items{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.motivos-items-mob{
    display: none;
}

.motivos-item{
    border: 3px solid #E0E5CF;
    border-radius: 30px;
    margin:0 10px;
    
}

.motivos-item-img{
    width:100%;
    height:250px!important;
    object-fit: cover;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}


.motivos-item-content{
    padding:0 15px;
}


.motivos-item-title{
    height:50px;
    color:#00CF7B;
}

.motivos-item-description{
    color:#00441F;
    margin-bottom:60px;
}

/*Botão*/

.motivos-cta{
    display: flex;
    justify-content: center;
    align-items: center;
    margin:50px 0;
}

.motivos-cta button{
    padding:10px 30px;
    border:none;
    background:#FF7A40;
    color:#00441F;
    font-size:16px;
    border-radius: 50px;;
}


/*Motivos - Mobile*/

@media(max-width:986px){
    .motivos-items-mob{
        display: block;
       
    }
    .motivos-item{
        height:600px;
    }
    .motivos-items{
        display:none;
        
    }

    .motivos__wrap{
        padding:60px 15px;
    }
}


/*MARCAS*/

.marcas{
    background:#fff;
    width:100%;
}

.marcas__wrap{
    max-width:1300px;
    margin:0 auto;
}

.marcas__line{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
/*Titulo*/
.marcas-title-container{
    text-align: center;
}

.marcas-title-text{
    color:#00441F;
    font-size:22px;
}


.marcas-title-description{
    color:#00441F;
    font-size:16px;
}



/*Marcas*/

.marcas-items{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin:60px 0px;
}
.marcas-item:nth-child(4){
    background:#f5d012;
}
.marcas-item{
    height:100px;
    border:3px solid #E0E5CF;
    border-radius: 25px;
    margin:0 10px;
}

.marcas-item img{
    width:100%;
    height:100%;
    border-radius: 20px;
    object-fit: none;
}


/*Botão*/

.marcas-cta{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:50px;
}

.marcas-cta button{
    padding:10px 30px;
    border:none;
    background:#FF7A40;
    color:#00441F;
    font-size:16px;
    border-radius: 50px;;
}

/*MARCAS - MOBILE*/
@media(max-width:786px){
    .marcas__wrap{
        padding:0 20px;
    }
    .marcas-items{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 15px;
    }
    .marcas-item{
        max-width:150px;
        padding: 0 10px;
        margin: 0 2px;
    }

    .marcas-item img{

        object-fit: scale-down;
    }
}

/*VIDEO VENDEDOR*/

.video-vendedor{
    width:100%;
    background-image: url(../img/bg-video-vendedor-100.jpg);
    background-size:cover;
    background-repeat: no-repeat;
    background-position:center right;
}

.video-vendedor__wrap{
    max-width:1300px;
    margin:0 auto;
    padding:80px 40px;
}

.video-vendedor__line{
    display: flex;
}

.video-vendedor-col1{
    flex-basis: 40%;
}
.video-vendedor-col2{
    flex-basis: 60%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.video-vendedor-title{
    color:#fff;
    font-size:25px;
    max-width: 200px;
}



/*VIDEO VENDEDOR -MOBILE*/

@media(max-width:786px){
    .video-vendedor{
        background-position: center left;
    }
    .video-vendedor__wrap{
        padding:30px 15px;
    }
    .video-vendedor__line{
        flex-direction: column;
        align-items: center;
    }
    .video-vendedor-title{
        text-align: center;
        max-width:500px;
        width:100%;
    }

    .video-vendedor-col2{
        justify-content: center;
    }

    
}




/*Baixar APP*/

.baixar-app{
    width:100%;
    background: #E0E5CF;
}

.baixar-app__wrap{
    max-width:1300px;
    margin:0 auto;
    padding:80px 40px;
}

.baixar-app__line{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.baixar-app-col1{
    width:50%;
    position: absolute;
    left:0;
}
.baixar-app-col2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
}
.baixar-app-img{
    max-width: 750px;
    width: 100%;
}


/*Coluna 2*/
.baixar-app-container{
    display:flex;
}


.baixar-app-title{
    display: flex;
    justify-content: center;
    text-align: center;
    color:#00441F;
}

/*Botao Download APP Store*/
.baixar-app-container-col1 , .baixar-app-container-col2{
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding:20px;
}

.btn-download-appstore,.btn-download-googleplay{
    border-radius: 20px;
}

.qr-download-appstore,.qr-download-googleplay{
    margin-top:20px;
    border-radius: 25px;;
}

.btn-download-ios button{
    margin:30px 0;
    padding: 10px 30px;
    border: none;
   
    background: #FF7A40;
    color: #00441F;
    font-size: 16px;
    border-radius: 50px;
    width:281px;
}

.btn-download-android button{
    margin:30px 0;
    padding: 10px 30px;
    border: none;
  
    background: #FF7A40;
    color: #00441F;
    font-size: 16px;
    border-radius: 50px;
    width:281px;
}

/*Baixar APP - Mobile*/

@media(max-width:986px){
    .baixar-app__line{
        flex-direction: column;
    }

    .baixar-app-container{
        flex-direction: column;
    }
    .qr-download-appstore,.qr-download-googleplay{
        display: none;
    }
    .btn-download-ios, .btn-download-android{
        display: block;
    }

    .baixar-app-img{
        display: none;;
    }

    .baixar-app-col2{
        width:100%;
    }
}


.container-rodobens button{
    cursor:pointer;
    font-weight: 600;
    padding:15px 35px;

}
.container-rodobens button:hover{
    background:#343434;
    color:#fff;
    transition: all ease 0.3s;
}


/*Swiper Slide*/
.navegacao-slide1{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 400px;;
    margin:30px auto;
    height:50px;

}

.navegacao-slide1 img{
    width:40px;
}


.swiper-button-next,.swiper-button-prev{
    position:unset!important;
    width:30px;
    margin: 0 40px;
    margin-top:50px;
}

.swiper-button-next2,.swiper-button-prev2{
    position:unset!important;
    width:30px;
    margin: 0 40px;
    margin-top:50px;
}

.swiper-button-next:after,.swiper-button-prev:after{
    display: none;
}