@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Almarai:wght@300;400;700;800&family=Exo+2:ital,wght@0,100..900;1,100..900&family=Georama:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.cdnfonts.com/css/campuni-demo');


*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
body{
    
    font-family: "Alegreya Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #000;
}
/* 
#header .img-fluid {
 min-width: 776px !important;
} */


@media screen and (min-width: 1200px) {
    .container{
        max-width: 1000px;
    }

}

@media screen and (max-width: 1200px) {
  #header .img-fluid {
    min-width: 100% !important;
    max-width: 100%;
   }

}

figure{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
.img-header{
    width: 100%;
}
.btn{   
    font-family: "Alegreya Sans", sans-serif;
    font-weight: 700;   
    font-style: normal;   
    font-size: 21px;   
    color: #5B44F8;   
    background-color: #ADF8AD;   
    border-radius: 20px;   
    text-transform: uppercase;   
    padding-right: 3rem;   
    padding-left: 3rem;
}

.btn:hover,
.btn-check:checked+.btn, 
.btn.active, .btn.show, 
.btn:first-child:active, :not(.btn-check)+.btn:active{
    background-color: #ADF8AD;
    border-color: #ADF8AD;
    color: #5B44F8;
}

/** header **/
.header{
    position: relative;
}
.header.lp{
   
}
.header.tp{
 
}
.header h1{
    margin-bottom: 2rem;
}
.header h1 img{
    width: 115px;
}
.header h2{
    font-family: 'Campuni Demo', sans-serif;
    font-size: 55px;
    font-weight: 700;
    color: #5B44F8;
    margin-bottom: 1.5rem;
    background-color: #A3F7B2;
    transform: skewX(-10deg);
    padding: 0 20px;
}
.header p{
    font-family: 'Campuni Demo', sans-serif;
    font-size: 35px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 1rem;
    line-height: 1.1;
}

.header h3{
    font-family: 'Campuni Demo', sans-serif;
    font-size: 20px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 1rem;
}

.header::before{
    content: "";
    background-image: url(https://image.divulga.sebraesc.com.br/lib/fe3211727364047e7d1475/m/1/00e594f8-2440-4cee-a7f5-b60ce6b78c73.png);
    width: 174px;
    height: 55px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
}
.header .hero-img::after{
    content: "";
    background-image: url(https://image.divulga.sebraesc.com.br/lib/fe3211727364047e7d1475/m/1/4c3c1e1d-ab06-48be-83b2-c50aafe4a535.png);
    width: 127px;
    height: 80px;
    display: block;
    position: absolute;
    top: -30px;
    right: 0;
    background-repeat: no-repeat;
    background-size: contain;
}

.header::after{
    content: "";
    background-image: url(https://image.divulga.sebraesc.com.br/lib/fe3211727364047e7d1475/m/1/4245fedf-c8af-40f5-a912-8e3eaebbee95.png);
    background-size: cover;
    width: 228px;
    height: 108px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.header.tp p{
  font-size: 20px;
  font-weight: 400;
}
.header.tp p strong{
  font-weight: 700;
}
.header ul{
    margin: 0 0 1rem 0;
    padding: 0;
    text-decoration: none;
}
.header ul li{
    font-family: "Exo 2", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    list-style: none;
}

.header .btn{
    width: 270px;
    display: block;
}
.header.typ .btn{

} 
.bg-gradiente{
    background: rgb(145,125,245);
background: -moz-linear-gradient(-90deg, rgba(145,125,245,1) 0%, rgba(87,64,248,1) 100%);
background: -webkit-linear-gradient(-90deg, rgba(145,125,245,1) 0%, rgba(87,64,248,1) 100%);
background: linear-gradient(-90deg, rgba(145,125,245,1) 0%, rgba(87,64,248,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#917df5",endColorstr="#5740f8",GradientType=1);
}


/** Formulario **/
#form{
    background-color: #fff;
    padding: 0rem 0 0rem 0;
    position: relative;
    z-index: 0;
  }
  
.autorizacao-check{
    color: #fff !important;
}
  #form .section-title{
    color: #5C45F8;
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 0rem;
    font-family: 'Campuni Demo', sans-serif;
    line-height: 1;
  }
  #form .section-title strong{
    display: inline-block;
    width: 100%;
    font-weight: 700;
  }
  #form .section-subtitle{
    font-size: 1.25rem;
    font-weight: 400;
  }
  #form h3.text-bottom{
    color: #ADF8AD;
    font-size: 33px;
    font-weight: 700;
    margin-bottom: 1rem;
    margin-top: 0rem;
    font-family: 'Campuni Demo', sans-serif;
    line-height: 1;
  }
  #form .list-vantagens{
    margin: 1rem 0px 0 0px;
    padding: 0;
    display: inline-block;
    width: 100%;
  }
  #form .list-vantagens li{
    list-style: none;
    display: block;
    width: 100%;
    z-index: 0;
    min-height: 80px;
    margin-bottom: 40px;
    float: left;
    text-align: center;
    position: relative;
  }
  #form .list-vantagens li figure{
    width: 101px;
    height: 101px;
    display: inline-block;
    background: transparent;
    border-radius: 50%;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
  }
  #form .list-vantagens li figure img{
    width: 100%;
    display: inline-block;
  }
 
  #form .list-vantagens li h3{
    font-size: 23px;
    font-weight: 900;
    margin-bottom: 7px;
    width: 100%;
    text-align: left;
    font-family: "Alegreya Sans", sans-serif;
    color: #5B44F8;
  }
  #form .list-vantagens li p{
    padding: 0;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
    font-style: normal;
    text-align: left;
    font-family: "Alegreya Sans", sans-serif;
    margin-top: 0;
  }
  
  #form .list-vantagens li h3,
  #form .list-vantagens li p{
    padding-left: 125px;
    box-sizing: border-box;
  }
  
  #form-salesforce .label{   
    display: inline-block;
    width: 100%;
  }
  .form-label{
    display: none;
  }
  .form-control,.form-select{
    font-family: "Inter", sans-serif;
    height: 42px;
    margin-bottom: 0px;
    color: #363636;
    font-size: 14px;
    font-weight: 400;
    
  }
  .form-select{
    line-height: 1.2;
    color: #363636;
  }
  :placeholder {
    font-family: "Inter", sans-serif;
    color: #363636;
  }
  .formulario{
    background: #5C45F8;
    border-radius: 20px;
    position: relative;
    z-index: 2;
    padding: 5px 20px 20px 20px;
  }
  
  .formulario h3{
    font-size:  26px;
    color: #ADF8AD;
    text-align: center;
    margin: 0;
    padding: 20px 0 0 0;
    font-weight: 700;
    font-family: 'Campuni Demo', sans-serif;  
  }
  /*.formulario p{}*/
  
  .msgs-validacao {  
    display: block;
  }
  .msgs-validacao span {
    font-size: 13px;
    font-weight: 600;
  }
  
.erro {
  background-color: #FFE4E1;
  border-color: red;
}
.valido {
  background-color: #F1F1F1;
  border-color: green;   
}
.form-control:focus,
.form-select:focus {
  border-color: #020E40;
  outline: none;
  box-shadow: none;
}
  input:focus {
    outline: none;
  }

  #msgCelInvalido,.feedback{
    display: none;
  }
  #msgCelInvalido, .feedback, .dadoInvalido,.error-message {
    font-size: 14px;
    /*color: red;  */
    color: #fff;
    padding: 0;
    margin: 5px 0 0 0;
    font-weight: 600;
    background: transparent;
  }
  .formulario .politica-privacidade{
    padding: 10px 0px 15px 12px;
    text-align: center;
    box-sizing: border-box;
    display: block;
    margin: 0 auto;
    font-weight: 500;
    font-size: 12px;
    position: relative;
  }
  .formulario .politica-privacidade input{
    position: absolute;
    left: 0;
    display: none;
  }
  .formulario .politica-privacidade a {
    display: inline-block;
    color: #fff;
  }
  .formulario .btn-primary{
    width: 100%;
    font-size: 1rem;
    white-space: nowrap;
    padding: 10px 0px;
    border-color: #ADF8AD;
    background: #ADF8AD;
  }
  .formulario .btn-primary:active,
  .formulario .btn-primary:hover{
    background-color: #ADF8AD !important;
    border-color: #ADF8AD !important;
    color: #5C45F8!important;
  }
  
  .formulario p.spam{
    line-height: 1;
    text-align: center;
    margin-top: 0.575rem;
  }
  .formulario p.spam small{
    display: block;
    line-height: 1.4;
    text-align: center;
    margin-top: 1rem;
    font-size: 0.75rem;
    padding: 0 1rem;
    color: #fff;
  }
.error {
    color: red;
    font-size: 0.9em;
}
.valid {
    border-color: green;
}
.invalid {
    border-color: red;
}
.header .hero-content-wrapper {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    min-height: 465px;
}

@media only screen and (min-width: 1400px) {
  .header .hero-content-wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header .hero-content-wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header .hero-content-wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header .hero-content-wrapper {
    padding: 90px 0;
  }
}

@media (max-width: 767px) {
  .header .hero-content-wrapper {
    padding: 90px 0 60px;
  }
}

@media (max-width: 767px) {
  /* .header .hero-content-wrapper h1 {
    font-size: 40px;
    line-height: 52px;
  } */
}

.header .hero-content-wrapper p.text-share-on{
  max-width: 370px;
  width: 100%;
  margin: 2rem 0 0;
}
.header .hero-img {
  position: absolute;
  right: 0;
  top: 107px;
  /* width: 100%; */
  width: 50%;
  text-align: right;
}

@media only screen and (min-width: 1400px) {
  .header .hero-img {
    top: 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header .hero-img {
    top: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header .hero-img {
    top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header .hero-img {
    position: relative;
    width: 100%;
    top: 0;
  }
}

@media (max-width: 767px) {
  .header .hero-img {
    position: relative;
    width: 100%;
    top: 0;
  }
}

.header .hero-img.hero-img-2 {
  top: 0;
}

.header .hero-img .hero-img-right {
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header .hero-img .hero-img-right {
    position: static;
  }
}

@media (max-width: 767px) {
  .header .hero-img .hero-img-right {
    position: static;
  }
}

.header .hero-img img.dot-shape {
  position: absolute;
  left: -60px;
  bottom: 60px;
  z-index: -1;
}

.header .hero-img .video-btn {
  position: absolute;
  left: -40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header .hero-img .video-btn {
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
  }
}

@media (max-width: 767px) {
  .header .hero-img .video-btn {
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
  }
}
.header.typ .hero-content-wrapper {
    padding-bottom: 0px;
  }
.header .hero-content-wrapper {
  padding-bottom: 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header .hero-content-wrapper {
    padding: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header .hero-content-wrapper {
    padding: 15px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header .hero-content-wrapper {
    padding: 90px 0;
  }
}

@media (max-width: 767px) {
  .header .hero-content-wrapper {
    padding: 0px 0 60px;
  }
}
/** Formulario - Fim **/

/** Sobre **/

#sobre{
    /*
  background-image: url(https://image.divulga.sebraesc.com.br/lib/fe3211727364047e7d1475/m/1/c35ca4f2-f2ef-49af-8085-1b2340145057.png);
  background-repeat: no-repeat;
  background-size: cover;
   */
   overflow: hidden;
}
#sobre figure{
    margin: 0;
}
#sobre .btn{
  width: 100%;
  max-width: 336px;
  margin-left: 32px;
}
#sobre h2{
  color: #fff;
  font-size: 33px;
  font-weight: 700;
  font-family: 'Campuni Demo', sans-serif;  
  margin-top: 3rem;
  margin-bottom: 2rem;
}

#sobre ul p{
    font-family: 'Campuni Demo', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #0024A9;
    background-color: #fff;
    list-style: none;
    padding: 0.5rem;
}

#sobre .container {
    padding: 50px 0;
}

#sobre .img {
  padding: 50px 0;
}
/** Footer **/
footer{
    background: #0024A9;
    padding: 1.25rem 0;
}
footer.tp{
    background-color: #FC003C;
}

footer figure{
  margin: 0;
}
footer.typ{
  background: #0A216D;
  position: relative;
  z-index: 0;
  padding: 3rem 0;
}

.contato p{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    font-family: "Almarai", sans-serif;
    font-weight: 700;
}

.contato p a {
    font-size: 20px;
    display: inline-block;
    color: #fff;
    width: 100%;
    font-weight: 700;
    text-decoration: none;
}
.social-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.social-list li{
    text-decoration: none;
    list-style: none;
    border: none;
    padding: 0 0.375rem;
}

.social-network {
    margin-top: 1rem;
    margin-bottom: 2rem;
    }
    .social-network ul{
    margin: 0;
    padding: 0;
    list-style: none;
    }
    .social-network ul li {
    margin: 0 0 0 0px;
    padding: 0;
    text-decoration: none;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    }
    .social-network ul li a {
    text-decoration: none;
    height: 45px;
    width: 45px;
    background: #5F48F8;
    border-radius: 50px;
    display: inline-block;
    padding: 0;
    text-align: center;
    margin: 0 1rem 0 0;
    }
    .social-network ul li a svg {
    width: 100%;
    display: inline-block;
    height: 100%;
    margin: 0;
    text-align: center;
    padding: 7px;
    }
    .social-network a:last-child svg {
        text-align: left;
        padding: 10px 10px 10px 5px;
    }

/*** Compartilhe **/
.header p.text-share-on {
  font-family: "Georama", sans-serif;
    max-width: 370px;
    width: 100%;
    margin: 0;
    font-size: 18px;
}
.header p.text-share-on strong{
  font-weight: 700;
}
.compartilhar{
  background-color: #0041D9;
    padding: 1.5rem 3rem;
    margin-top: 2rem;
}
 /*** Compartilhe **/
 #compartilhar{
        
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.sub-title h2 {
    font-family: 'Campuni Demo', sans-serif;
}

#compartilhar h2{
font-weight: 700;
font-size: 2.313rem;
color: #2712B0;
text-align: center;
margin-bottom: 1rem;
line-height: 1.1;
font-family: 'Campuni Demo', sans-serif;
}
#compartilhar p{
font-weight: 400;
font-size: 1.875rem;
color: #2712B0;
text-align: center;
margin: 0;
}

/*
#compartilhar{
    background-color: #9285F9;
}
#compartilhar h2{
    font-family: 'Inter';
    font-weight: 700;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
#compartilhar h2 strong{
    font-weight: 400;
    display: inline-block;    
    width: 100%;
}
*/

#kit-de-vendas-ebook{

}
#kit-de-vendas h2{
    font-size: 2.313rem;
    color: #2712B0;
    text-align: center;
}
#kit-de-vendas .btn{
width: 100%;
text-transform: capitalize;
}
#kit-de-vendas .description{
    min-height: 126px;
    font-size: 18px;
    font-weight: 400;
}
#kit-de-vendas h4{color: #0041D9;font-weight: 700;font-size: 22px;min-height: 53px;display: flex;align-items: center;justify-content: center;}
#kit-de-vendas img{min-height: 339px !important;}

#kit-de-vendas p{min-height: 135px !important;}
#kit-de-vendas h5{
font-family: "Exo 2", serif;
font-size: 27px;
color: #0041D9;
font-weight: 700;
}

#kit-de-vendas .content{
background-color: #E4F998;
margin-top: 2rem;
padding: 1.5rem;
box-sizing: border-box;
border-radius: 15px;
}
#kit-de-vendas .content p{
font-family: "Georama", sans-serif;
font-size: 18px;
font-weight: 400;
color: #0041D9;
}
#kit-de-vendas .content p strong{
font-weight: 700;
    width: 100%;
    display: inline-block;
}
#kit-de-vendas .content .btn-secondary{
width: auto;
background: #0041D9;
color: #E4F998;
padding: 5px 35px;

}

@media screen and (max-width: 600px) {

    .header::after,
    .header::before,
    .header .hero-img::after{
        display: none;
    }
    .header h1 {
       text-align: center;
       font-size: 50px;
    }
    .header h2{
        text-align: center;
        max-width: 80%;
        margin: 0 auto 2rem;
    }
    .header p{
        text-align: center;
    }
    .header ul li{
        font-size: 17px;
        text-align: center;
    }
    .header .btn{
        margin: 1rem auto 2rem;
        display: block;
    }
    .social-network ul li{
      justify-content: center;
    }
    #sobre .btn {    
      margin-bottom: 2rem;
   }
   #form .container >.row {
    flex-direction: column-reverse;
   }
   .formulario{
      margin-bottom: 2rem;
   }
  ul.list-vantagens{
    margin: 0px 20px ;
    padding: 0;
  }

  #sobre h2{
    margin: 0px 20px 20px ;
    padding: 0;
  }
  #sobre figure{
    max-width: 80%;
    margin: 0 auto 2rem;
  }
  #sobre .btn{
    width: 100%;
    max-width: 90%;
    margin-left: 20px;
  }
  #kit-de-vendas .card{
    margin-bottom: 2rem;
  }
}