*{font-family: Montserrat, sans-serif;}
.aside{ width: 266px ; height: 100vh; overflow: hidden ; text-align: center; position:fixed;    background: white;
 }
 .sem_classes{   margin: 0px; border:none; }

 .contato_container a{ font-weight: bold; color:#CA6E58  ; font-size: 14px ; padding-left: 10px; padding-right: 10px;}
 .grafismo_final { 
        min-height: 600px;
        background: url(../imgs/grafismo_final.svg) bottom right no-repeat;
        background-position-x: 85vw;
        padding-bottom: 100px;
        background-position-y: 110%;
}




.button.is-hovered, .button:hover,
.button.is-focused:not(:active), .button:focus:not(:active),
.button.is-active, .button:active{ border:none!important;box-shadow: none ; }

aside .button.is-focused, 
aside .button:focus ,
aside .button:hover ,
aside a:hover { color: #a75a47!important; }

.dropdown-menu,
.dropdown-trigger{ width: 100%; padding-left: 0px ;}
.menu .dropdown-item{ font-size: 14px; line-height: 16px;}
.sub_menu_controller{ width: 100%;}

.dropdown{ flex-direction: column; margin-bottom: 10px;}
.dropdown-menu{ position: relative; margin-bottom: 10px;}

@media(min-width: 1700px){
    .dropdown{   margin-bottom: 20px;}

}

 
.menu button.dropdown-item, .menu a.dropdown-item{color: #CA6E58;}
a.dropdown-item,  button.dropdown-item{ padding-left: 0px!important; }

.btn_geral{ padding: 5px 10px; background-color: #CA6E58; border-radius: 5px; margin-bottom: 10px; color:white; display: block; width: fit-content;}
.btn_geral:hover{ color:white; background-color: #9C3A2B; }

.conteiner ul li { padding-left: 20px;}
.conteiner ul li::before { position: relative;top: 15px; left: -20px; background-color: #333;  width: 5px; height: 5px; content: " "; display: block; 
                                border-radius: 10px;;}
body{ background-color:#F2F2F2;}

 .redondo{ border-radius: 5px;}
.aside a{ color: #333333; }

.conteiner{ max-width: 900px ; margin: 0 auto 0 115px  ; padding-left: 20px; padding-right: 20px;}

.conteudo{ background-color: #333333; padding-top: 60px;;}

    .conteudo .escuro{ background-image: url(../imgs/grafismo-3.png) ; background-position: bottom right;
        background-repeat: no-repeat;}

    .sobre__slide__container{ max-width: 675px; width: 100%;}

    .descricao__superior{ margin-bottom: 60px; }

    .conteudo p { margin-bottom: 30px; font-size: 16px ; line-height: 24px;}


    .texto_slide > div{ display: flex; align-items: flex-start ; gap: 10px;}

    .texto_slide p { margin-bottom: 0px ;}

    .texto_slide small { font-size: 14px; line-height: 20px; color:white; }

    .white{ color:white !important; }

.menu { margin-top: 50px; margin-bottom: 80px ;}
.menu button,
.menu a{ display: block; text-align: center; margin: auto;
            font-size: 18px ; margin-bottom: 20px; font-weight: bold; color: #CA6E58; }

.menu button{ margin-bottom: 0px;}
    .logo__container{ margin-top: 32px; text-align: center;}

    .aside__whats__btn{ margin-top: 10px; margin-bottom: 20px;}

    .aside__selo { margin-top: 20px; text-align: center;    }
    
    .aside__contato{     display: flex;   flex-direction: column;     align-items: center;}

    h1{ font-size: 32px ;}
    .conteudo h1,
    h2{ font-size: 26px ;}
    
    h3{ font-size: 18px ; line-height: bold ;}

    .escuro h1 , 
    .escuro h2{  color: #CA6E58; margin-bottom: 10px; font-weight: bold ; }
    .escuro p {  color:white; }
    .claro  h2{  color: #333; font-weight: bold; margin-bottom: 10px; }

    p{ font-size: 18px; line-height: 22px;}

    section{ padding-top: 60px;}

    small { font-size: 14px; line-height: 20px;}

.banner__1{color:white;  background-image: url(../imgs/Banner.jpg) ; background-size: cover; min-height: 500px; padding-top: 155px;}

    .banner__1 h1{ color: #fff ; font-weight: bold ; max-width: 520px; }
    
    .banner__1 p { max-width: 520px;}
    

    .solucoes__2{ min-height: 700px; 
        background-color: #333333;
        background-image: url(../imgs/triangulo1.png) ; background-position: bottom right; background-repeat: no-repeat;}


.menu__lateral__container {
    position: fixed;     display: inline-block;     vertical-align: top;     max-height: 100vh;
    overflow-y: auto;     width: 380px;     top: 0;     bottom: 0;     padding: 30px;     right: -500px;
    background-color: #fff; z-index: 999999;    -webkit-transition: all ease-in-out 0.5s;    -o-transition: all ease-in-out 0.5s;    transition: all ease-in-out 0.5s;
}

.menu__lateral__container.mostrar{   right: 0px ;; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; transition: all ease-in-out 0.5s; }
.menu__lateral__container {  min-height: 100vh }

.navbar__fixed{ display: none ;}


#btn_x {  margin-left: auto;  display: block; }



.slider__item_card{ background-color: #4B4B4B ; box-shadow: 0px 15px 30px #00000029; text-align: center;
    max-width: 280px ;margin: auto ; border-radius: 20px; padding-top: 40px; padding-bottom: 60px;}

    .slider_container{ margin-top: 60px;}
 
    .titulo_slide{ margin-top: 25px ; margin-bottom: 15px; height: 70px;}

    .descricao{ height: 100px; display: block; color:white ; padding-left: 25px; padding-right: 25px; }

    .tns-outer{     flex-direction: column-reverse;        display: flex; }

    [data-controls]{display: none;}

    .tns-nav{ text-align: center; margin-top: 10px;}

    .tns-outer [aria-controls], .tns-outer [data-action] {
        cursor: pointer;  width: 15px;  height: 15px;  border-radius: 50%;  padding: 0px;  border: none; 
        margin: 10px;  background: #4B4B4B;  border: 1px solid #707070;  }

    .tns-outer [aria-controls].tns-nav-active{ background: #fff; }

    
#beneficios{  background: url(../imgs/triangulo2.svg) top left no-repeat ,url(../imgs/triangulo3.png) bottom right no-repeat  ; }

#contato{  
    min-height: 600px;
    background: url(../imgs/triangulo4.svg) top left no-repeat ,  url(../imgs/grafismo2.svg) bottom right no-repeat , #333333 ;  }

.links{ padding-top: 230px ;}

.links a,
.links div { color:white;     display: flex;    gap: 6px ; align-items: center; }

[type=submit]{background: transparent linear-gradient(90deg, #E8B8A1 0%, #E8B8A1 10%, #E19A82 20%, #DA7A62 30%, #CD634D 40%, #BC5441 50%, #AB4735 60%, #9C3A2B 70%, #8D2F23 80%, #8C2E22 90%, #8C2E22 100%) 0% 0% no-repeat padding-box;
border-radius: 5px;font-size: 23px ; padding: 5px 20px; font-weight: 600; text-transform: uppercase; color:white; border:none; ;}

.input{ margin-bottom: 20px;}

.bloco_avancado_imagem{ position: absolute;}

    .bloco_avancado{ max-width: 900px; position:relative ; margin-bottom: 50px;}

    .bloco_avancado:last-of-type{margin-bottom: 0px;}

    .bloco_avancado__titulo *{ font-size: 18px; line-height: 22px ; font-weight: bold;}
    .bloco_avancado__titulo span{ font-size: 28px ; color: #CA6E58;}

    .bloco_avancado__texto{  background-color: white; }


    .bloco_avancado__titulo, 
    .bloco_avancado__texto{  padding: 20px; font-size: 14px;line-height: 20px;}

    .bloco-esc .bloco_avancado__titulo, 
    .bloco-esc .bloco_avancado__texto{ padding-left: 180px;  }

    .bloco-esc .bloco_avancado__titulo{padding-left: 300px;}


    .bloco-dir .bloco_avancado__titulo, 
    .bloco-dir .bloco_avancado__texto{ padding-right: 250px;  }

    .bloco-dir  .bloco_avancado_imagem{ right: 0;}


     .form__text{ margin-bottom: 30px; display: block;}


     .sobre .conteudo__site{ background: url(../imgs/grafismo-3.png) bottom right no-repeat , #4a4a4a;}
@media(min-width: 1000px){
    .conteudo__site { padding-left: 262px; height: 100vh ;  }

    .bloco_avancado__texto.mr-6{ margin-right: 130px!important;}
    .bloco_avancado__texto.ml-6{ margin-left: 130px!important;}

}

@media(min-width: 1000px) and (max-width: 1700px){
    .menu a{ margin-bottom: 10px;}
    .aside__whats__btn{ margin-bottom:  0px; margin-top: 0px;}
    .logo__container{ margin-top: 0px;}
}

@media(min-width: 1700px){
    .conteiner{ max-width: 1100px; }

    .slider__item_card{ max-width: 310px;}

    .conteiner{ margin: 0px auto  0 200px}

    #beneficios{background-size: 520px ;}


    .bloco_avancado{ max-width: 1100px; position:relative}

    .bloco-esc .bloco_avancado__titulo, .bloco-esc .bloco_avancado__texto{ font-size: 16px;}

}


@media(max-width:1000px)
{

    .navbar__fixed{ padding: 5px;     background: white; z-index: 999;}

    .navbar__fixed{ display: block; width: 100%; }
    .navbar__fixed .container{     padding: 20px;   text-align: right; }
    .navbar__fixed .is-mobile{ text-align: right ; margin: 0px; ;}

    #mostrar_menu{ margin-left: auto; border:none ; padding-top: 10px;}

    #btn_x{ border:none; border-radius: 50%;}

    #beneficios,
    .solucoes__2,
    #contato{ background-size: 100px; padding-bottom: 100px}

    .links{ padding-top: 80px; padding-bottom: 30px;}

    .banner__1 h1{ font-size: 24px; line-height: 30px;}

    .aside{ display: none;}

    .conteiner{ margin-left: 20px; margin-right: 20px;}

    .bloco_avancado_imagem{ position: relative;}

    .bloco-esc .bloco_avancado__titulo, .bloco-esc .bloco_avancado__texto{ padding-left: 10px;}
    .bloco-dir .bloco_avancado__titulo, .bloco-dir .bloco_avancado__texto{ padding-right: 10px;}


    .bloco_avancado__titulo.ml-6, .bloco_avancado__texto.ml-6{ margin-left: 0px!important;}
    .bloco_avancado__titulo.mr-6, .bloco_avancado__texto.mr-6{ margin-right: 0px!important;}


    .sobre{ padding-top: 30px}

     .menu a,
    .dropdown{ margin-bottom: 10px;}

    .dropdown-content a { margin-bottom: 5px;}

    .dropdown-content { 
        box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .001), 0 0 0 1px rgba(10, 10, 10, .001);

    }

}

@media(max-width: 1000px){
    .navbar__fixed .conteiner{ padding-left: 0px!important; padding-right: 0px!important;}
}