/* Fonte */

@font-face {

  font-family: 'Exo 2';

  src: url('../fontes/Exo2-Regular.ttf');

}



@font-face {

  font-family: 'Exo 2 Bold';

  src: url('../fontes/Exo2-Bold.ttf');

}



/* Scrollbar */

.scrollbar::-webkit-scrollbar-track

{

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

	border-radius: 10px;

	background-color: #F5F5F5;

}



.scrollbar::-webkit-scrollbar

{

	width: 12px;

	background-color: #F5F5F5;

}



.scrollbar::-webkit-scrollbar-thumb

{

	border-radius: 10px;

	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

	background-color: #596AE9;

}



/* Geral */

body {

  font-family: 'Exo 2', sans-serif !important;

}



h1, h2, h3, h4, b, strong, footer a .btn-verde, .bnt-grad {

  font-family: 'Exo 2 Bold', sans-serif !important;

}





.btn-verde, .btn-azul {

  border-radius: 50px !important;

  padding: .5rem 2rem !important;

  font-family: 'Exo 2 Bold', sans-serif !important;

}



.btn-verde {

  background-color: #3DBAA7 !important;

  color: #fff !important;

}



.btn-verde:hover {

  background-color: #29a491 !important;

}



.btn-azul {

  background-color: #fff !important;

  color: #3A3D3D !important;

  border: 2px solid #596AE9 !important;

}



.btn-azul:hover {

  background-color: #596AE9 !important;

  color: #fff !important;

}



.titulo {

  color: #596AE9;

}





p {

  color: #3A3D3D;

}



.txt-grad {

  font-size: 2.9rem;

  background: linear-gradient(to right, #30CFD0 0%, #330867 100%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

}



main span {

  font-size: 1.5rem;

}



.menu {

  width: 100%;

  position: fixed;

  z-index: 2;

  -webkit-box-shadow: 0 2px 12px 1px rgba(0, 0, 0, .2);

  box-shadow: 0 2px 12px 1px rgba(0, 0, 0, .2);

  background-color: #fff;

}



.menu img {

  height: 3rem;

}



.menu .btn-verde {

  margin-left: .5rem;

}



main {

  padding: 9rem 0 7rem;

}



.cc, .ck {

  background-color: #f2f2f2;

  border-radius: 3rem;

  padding: 3rem !important;

}


.cc img {
  width: 175px;
}



.cc p {

  margin:  0 auto;

  max-width: 51%;

}



.ck p {

  margin-bottom: 2rem !important;

  text-align: center;

}



.ck h4 {

  color: #30CFD0;

  text-align: center;

}



.ts {

  border: 1px solid #6A6E81;

  padding: 1.5rem;

  border-radius: 2.5rem;

  margin-bottom: 1rem;

}



.ts span {

  color: #C10134;

}



.ts p {

  margin-bottom: 1rem !important;

}



.cta .btn-verde {

  max-width: 205px;

}



footer {

  text-align: center;

}



footer a {

  color: #30CFD0;

}



.btn-whats, .btn-top {

  width: 50px;

  height: 50px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 150px;

  color: fff;

  font-size: 22px;

  position: fixed;

  bottom: 1rem;

}



.btn-whats svg {

  width: 25px;

}



.btn-top svg {

  width: 18px;

}



.btn-whats svg, .btn-top svg {

  height: auto;

}



.btn-whats {

  right: 5rem;

  background-image: linear-gradient(to right top, #01c38e, #00b8bc, #00a7e7, #008ffb, #596ae9);

}



.btn-top {

  right: 1rem;

  background-color: #596AE9;

}



/* Responsivo */

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

  main .btn-azul, main .btn-verde {

    margin-bottom: 1rem;

  } 



  .cc p {

    max-width: 100%;

  }



  .cta img {

    margin-top: 1rem;

  }



  .menu-mob {

    margin: 1rem 0;

    text-align: center;

  }



  .menu-mob a {

    font-size: 18px;

    padding: 1rem 0;

  }



  .menu {

    padding-bottom: 1rem;

  }



  .toggler {

    border-color: transparent !important;

   font-size: 1.3rem !important;

  }

}



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

  .cc li {

    margin: 1rem;

  }

}