.main-slider span.badge {
    font-size: 18px
}
.main-slider form {
    padding: 40px 25px;
    background-color: white;
    border-radius: 10px;
    position: relative
}
.input-container {
    position: relative;
    margin: 20px 0;
}
.input-field {
    width: 100%;
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 1px 0px;
    transition: 450ms;
}
.input-label, .input-labelMob {
    position: absolute;
    top: 0;
    left: 15px;
    padding: 10px 0;
    font-size: 16px;
    transition: 0.3s;
    overflow: hidden;
    background-color: transparent
}

::-webkit-input-placeholder {
   color: #000;
   font: 12px verdana, arial, sans-serif;
}

:-moz-placeholder {
   color: #000;
   font: 12px verdana, arial, sans-serif;
}

::-moz-placeholder {
   color: #000;  
   font: 12px verdana, arial, sans-serif;
}

:-ms-input-placeholder {  
   color: #000;  
   font: 12px verdana, arial, sans-serif;
}
/*
.input-field:focus, .input-field:valid {
    box-shadow: rgba(25, 126, 78, 0.4) 0px 1px 0px;
}
*/
.input-field:focus ~ .input-label, .input-field:valid ~ .input-label,
.input-field:focus ~ .input-labelMob, .input-field:valid ~ .input-labelMob {
    top: -24px;
    left: 15px;
    font-size: 15px;
    color: #197E4E;
}
.input-label::after {
    background-color: white;
    content: '';
    width: 100%;
    position: absolute;
    height: 20%;
    left: 0;
    top: 49%;
    z-index: 0;
}
.btn-style-three{
  color: var(--theme-color1) !important;
  background: var(--theme-color-light) !important;
}
.btn-style-three:hover{
  color:var(--theme-color-light)  !important;
  background: var(--theme-color2) !important;
}
.btn-style-two.hover-light:before {
    background-color: var(--theme-color2);
}
.sticky-header.sticky-header-style-two.fixed-header a {
    color: black !important;
}
#essencial{
   background-color: #fff; 
}
#essencial p{
   color: #000; 
}
#mg3{
    background-color: #327746
}
#mg4{
    background-color: #1A5128
}
#black{
    background-color: #000
}
#essencial h2,  #essencial span.sub-title, #essencial h3{
    color: black
}
#mg3 h2,  #mg3 span.sub-title, #mg3 h3,
#mg4 h2, #mg4 span.sub-title, #mg4 h3,
#black h2, #black span.sub-title, #black h3{
    color: white
}
#black .contact-form-two{
    background: rgba(255, 255, 255, 0.16)
}
path{
    transition: 500ms
}
.group-estados{
    position: relative
}
.estado{
    transition: 1000ms;
    overflow: hidden
}
.estado.ativo,.estado.selecionado {
    padding-left: 50px
}
.estado.ativo::before, .estado.selecionado::before{
    content: '';
    width: 35px;
    height: 30px;
    background-image: url('../images/logos/icon.png');
    position: absolute;
    background-size: cover;
    left: -100%;
    transition: 1000ms;

}
.estado.ativo::before, .estado.selecionado::before{
    left: 2%
}
.selecionadoe{
    fill: #bbd035 !important
}
.indice-unidades ul{
  display: flex;
  justify-content: space-around
}
.indice-unidades ul > li{
  border-bottom: 2px solid black;
  text-transform: uppercase;
  font-weight: 600;
  cursor: pointer
}
.indice-unidades ul > li:hover{
  border-color: var(--theme-color1);
  color: var(--theme-color1)
}
#unidades{
  color: var(--theme-color1);
  transition: 450ms
}
.testimonial-section .name{
  position: absolute; 
  margin: -34px 0 0 20px; 
  color: white
}
.testimonial-section .name::before{
  background-color: var(--theme-color1);
  width: 120%;
  height: 160%;
  content: '';
  left: 0;
  top: 0;
  position: absolute;
  margin: -5px 0 0 -40px;
}
@media (max-width: 700px)
{
   .esconder-mobile{
       display: none !important;
   }
}

@media (min-width: 700px)
{
   .esconder-desktop{
       display: none !important;
   }
}
@media screen and (max-width:900px){
    .selo {
        width: 180px
    }
}
#abrangencia{
  padding: 230px 0 0px
}
@media screen and (max-width: 700px) {
    #abrangencia{
      padding: 230px 0 0px
  }
    .group-estados {
        display: inline-block;
        margin-bottom: 80px
    }
    .group-estados h4 {
        width: 100vw;
        box-sizing: border-box; /* Ensure padding and border are included in the width */
        text-align: center; /* Center the text */
        opacity: 0;
        transition: 300ms;
        position: absolute
    }
    .group-estados h4.ativo {
        padding-left: 15px;
        opacity: 1;
        transition: 300ms
    }
    .group-estados h4.riograndedosul.ativo {
        padding-left: 50px;
    }
    #mapa-brasil svg{
        width: 120%
    }
    .indice-unidades ul{
        display: block
    }
}
#formularioMob{
    padding: 13px;

}
.main-slider{
    background: linear-gradient(0deg, rgba(0,0,0,0.6) 0.5%, rgba(255,255,255,0) 100%), url('../images/banner/Banner_medsenior.jpg');
    background-size: cover;
    background-position: center
}
.main-slider h1{
    font-size: 49.494px;
    font-style: normal;
    font-weight: 800;
    line-height: 48.934px; /* 98.869% */
    letter-spacing: -1.475px;
}
.main-slider .col-md-7 p{
    color: #FFF;
    font-family: Poppins;
    font-size: 29.616px;
    font-style: normal;
    font-weight: 400;
    line-height: 36.094px; /* 121.875% */
    letter-spacing: -1.481px;

}
.main-slider .col-md-7 p span{
    color: var(--theme-color2);
    font-weight: 800;

}
@media screen and (max-width:380px){
    .main-slider h1{
        font-size: 40px !important;
    }
    .main-slider .content-banner {
        padding-top: 13vh !important;
    }
}
@media screen and (min-width: 100px) and (max-width: 980px){
    .main-slider{
        background: linear-gradient(0deg, rgba(0,0,0,0.6) 50%, rgba(255,255,255,0) 100%), url('../images/banner/banner_medsenior_mobile.jpg');
        background-position-x: 20%;
        background-position-y: 30%;
        background-size: cover;
        height: 95vh
    }
    .main-slider .content-banner{
        position: relative;
        padding-top: 35vh
    }
    .main-slider h1{
        font-size: 49.494px;
        font-style: normal;
        font-weight: 800;
        line-height: 48.934px; /* 98.869% */
        letter-spacing: -1.475px;
    }
    .main-slider .col-md-7 p{
        color: #FFF;
        font-family: Poppins;
        font-size: 25px;
        font-style: normal;
        font-weight: 400;
        line-height: 36.094px; /* 121.875% */
        letter-spacing: -1.481px;

    }
    .main-slider .col-md-7 p span{
        color: var(--theme-color2);
        font-weight: 800;

    }
}
h5.name a{
    cursor: default
}
.cta-shapes{
    bottom: -10px;
    left: 100px;
}
.cta-shapes img:first-child{
    position: relative;
    bottom: -150px;
}
.cta-frame{
    position: relative;
}
@media screen and (max-width:700px){
    .cta-frame{
        text-align: center;
        justify-content: center;
        display: grid;
    }
    .outer-box{
        text-align: center
    }
}
.title-novidades{
    font-size: 74px !important;
    font-weight: 800 !important;
    line-height: 72.582px !important; 
    letter-spacing: -3px !important;
}
#novidades .theme-btn{
    width: 50%;
    top: 27px;
    left: -90px;
    text-transform: uppercase;
    background-color: var(--theme-color2);
    border-radius: 15px
}
@media screen and (max-width: 700px){
    .title-novidades{
        font-size: 55px !important
    }
    #novidades .bg{
        background-position: right
    }
    #novidades .theme-btn{
        top: 0;
        left: 140px
    }
}