body{
    margin:0;
    font-family: 'Montserrat';
}

/*Barra Superior de informação*/


.info-menu{
    width:100%;
    background:#00CA7B;
}

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

.info-menu__line{
    padding:0 25px;
    display: flex;
    align-items: center;
}

.text-info-menu{
    font-family: 'Montserrat';
    font-weight: bold;
    font-size: 30px;
    color:#00441F;
}

/*Barra Superior de informação - MOBILE*/
@media(max-width:900px){
    .text-info-menu{
        font-size:22px;
    }
}


/*Banner*/

.banner{
    width:100%;
    background:#00441F;
    background-image: url(../img/bg-banner.jpg);
    background-size:cover;
    background-position: center center;
}

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

.banner__line{
    padding:50px 25px;
    display: flex;
}

.banner-col1{
    flex-basis:35%;
}


.banner-col2{
    flex-basis:65%;
}

.banner-title{
    max-width:500px;
    text-transform: uppercase;
    color:#fff;
    font-size:40px;
}
.destaque-title{
    color:#00CA7B;
}
.banner-description{
    color:#fff;
    font-size:22px;
}

.btn-banner{
    width:250px;
    height:40px;
    border-radius: 50px;
    border:none;

    font-family: 'Montserrat';
    font-weight: bold;
    color:#00441F;

    background:#FF7A40;
}

.btn-banner:hover{
    background:#ff5f1a;
    cursor:pointer;
}

/*Banner - Mobile*/

@media(max-width:900px){

    .banner{
        background:#00441F;
    }
    .banner__line{
        flex-direction: column-reverse;
        align-items: center;
    }
    .banner-col2{
        text-align: center;
    }
    .btn-banner{
        width:100%;
        max-width:400px;
    }
    .banner-col1{
        padding:40px 0;
    }
    .banner-col1 img{
        width:100%;
    }
    .banner-title{
        font-size:30px;
    }

}

/*Video*/

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

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

.video__line{
    padding:50px 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.video-title{
    color:#00441F;
    margin:0;
    font-size:40px;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
}

.video-description{
    font-size:22px;
    color: #00441F;
    text-align: center;
}

.video-assista{
    color:#00441F;
    font-size:25px;
    font-weight: bold;
    
}

.video iframe{
    margin:30px 0;
    width: 100%;
    max-width:640px;
}


/*Video - MOBILE*/

@media(max-width:900px){
    .video-title{
        font-size:25px;
    }
}


/*Imagem de App Rodobens*/

.img-app-rodobens-container{
    display: flex;
    justify-content: center;
}
.img-app-rodobens-container img{
    width:100%;
    max-width: 640px;
    margin-bottom: -200px;
}

/*Imagem de App Rodobens - MOBILE*/
@media(max-width:900px){
    .img-app-rodobens-container img{
        margin-bottom:-140px;
    }
}


/*Funcionalidades*/

.funcionalidades{
    background:#DBE0CA;
    width:100%;
    
}

.funcionalidades__wrap{
    max-width: 1000px;
    margin:0 auto;
}

.funcionalidades__line{
    padding:50px 25px;
    padding-top: 200px;
    display: flex;
    flex-direction: column;
}

.funcionalidade-title{
    display: flex;
    justify-content: center;
    align-items: center;
}
.funcionalidade-title-text{
    text-align: center;
    text-transform: uppercase;
    color:#00441F;
    font-size:35px;
    margin:40px 0;
}

.funcionalidades-content{
    display: flex;
    flex-direction: column;
}

.funcionalidades-line-1{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.funcionalidade-col{

    margin:10px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:flex-start;
    text-align: center;
    line-height: 25px;

    padding:10px;
}
.funcionalidade-col p {
    margin:10px 0;
}

.funcionalidade-col-title{
    text-align: center;
    font-weight: bold;
    color:#00441F;
    font-size: 22px;
    
}

.funcionalidades-description{
    color:#00441F;
    font-weight: 500;
}

.funcionalidades-line-2{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

/*Funcionalidades - MOBILE*/

@media (max-width:900px){
    .funcionalidades{
        display: none;
    }
    .funcionalidades-line-1{
        grid-template-columns: 1fr;
    }

    .funcionalidades-line-2{
        grid-template-columns: 1fr;
    }
    .funcionalidade-title-text{
        font-size: 25px;
    }
}


/*Funcionalidades - Slide - Just Mobile*/

.slide-rodobens-funcionalidades-mob {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding-top: 200px;
  }

.funcionalidades-mob{
    width:100%;
    overflow: hidden;
    background:#DBE0CA;
    display: none;
}

.funcionalidades-mob__wrap{
    max-width:900px;
    margin:0 auto;
}
.swiper-slide img{
    width:unset!important;
}

.slide-buttons-container{
    display: flex;
    justify-content: space-between;
    max-width: 130px;
    margin: 30px auto;
}

.swiper-button-prev,.swiper-button-next{
    width:50px!important;
    height:50px;
    position:unset!important;
}

.swiper-button-next:after{
    content:url(../img/arrow-r.png)!important;
}
.swiper-button-prev:after{
    content:url(../img/arrow-l.png)!important;
}
/*Funcionalidades Slide - MObile*/

@media (max-width:900px){
    .funcionalidades-mob{
        display: block;
    }
}


/*Baixar APP*/
.baixar-app{
    background:#DBE0CA;
    padding-bottom:50px
}

.baixar-app__line{
    padding:0 25px;
    max-width:600px;
    margin:0 auto;
}

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

.baixar-app-container{
 
    display: flex;
    justify-content: center;
}

.baixar-app-col1{
    display: flex;
    flex-direction: column;
    padding:20px;
}

.btn-android-container{
    margin:30px 0;
}

.baixar-app-col2{
    display: flex;
    flex-direction: column;
    padding:20px;
}

.btn-ios-container{
    margin:30px 0;
}

/*Baixar APP -mobile*/

@media(max-width:900px){
    .baixar-app-container{
        flex-direction: column;
    }

    .btn-android-container {
        display: flex;
        justify-content: center;
    }

    .btn-ios-container{
        display: flex;
        justify-content: center;
    }

    .qr-ios{
        display: none;
    }

    .qr-android{
        display: none;
    }
    .btn-android-container{
        margin:10px 0;
    }
    .btn-ios-container{
        margin:10px 0;
    }
}