*{
  margin: 0;
  padding: 0;
  font-family: 'Fellix';
  overflow-x: hidden!important;
}

body{
  overflow-x: hidden!important;
}

p {
  color: #4a4b4d;
}

a{
  text-decoration: none;
}

strong{
  font-weight: 500;
}

.lightPurple{
  background-color: #6900ff!important;
}

#mais{
  border: none;
  font-size: 18px;
  color: #4500ba;
  font-weight: 500;
  margin-top: 20px;
  display: none;
}

@media (max-width: 991px){
  #mais{
      display: block;
  }
}

@media (max-width: 580px){
    #mais{
      display: block;
  }
}

#mais span.txt-mais{
  color: #4500ba;
  padding-right: 10px;
}

.btn-white{
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: 100%;
  letter-spacing: .5px;
  color: #4500ba;
  white-space: nowrap;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 24px;
  border-radius: 16px;
  background-color: #fff;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  border: none;
}

.btn-white:hover{
  background-color: #ecebeb;
}

.btn-purple{
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  line-height: 100%;
  letter-spacing: .5px;
  color: #ffff;
  white-space: nowrap;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 24px;
  border-radius: 16px;
  background-color: #4500ba;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  border: none;
}

.btn-purple:hover{
  background-color: #260066;
}

.container {
  width: 1246px;
  padding: 0 15px;
  margin: 0 auto;
}

@media (max-width: 991px){
  .container{
      width: 92%;
  }
}

@media (max-width: 580px){
  .container{
      width: 92%;
  }
}

.s-general{
  padding-top: 120px;
  padding-bottom: 120px;
}

header{
  padding: 28px 0;
  border-bottom: 1px solid #ffffffc2;
  background-color: #f000;
  width: 100%;
  /* height: 105px; */
  position: fixed;
  z-index: 3;
  top: 0;
}

header.header-scroll{
  border-color: #dcddde;
}

.header-scroll{
  padding: 14px 0;
  background-color: #fff;
}

header.header-scroll .container button{
  display: block;
}

header .container{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 991px){
  header .container{
      width: 100%;
  }
}

@media (max-width: 580px){
  header .container{
    width: 100%;
  }
}

header .container img{
  width: 84px;
  aspect-ratio: auto 84 / 42;
  height: 42px;
}

header .container button{
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  line-height: 100%;
  letter-spacing: .5px;
  color: #fff;
  white-space: nowrap;
  height: -moz-fit-content;
  height: fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px 24px;
  border-radius: 16px;
  /* background-color: #fff; */
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: center;
  border: none;
  background-color: #4500ba;
  display: none;
}

header .container button:hover{
  background-color: #260066;
  /* color: #4500ba; */
}

header.header-scroll .container button{
  background-color: #4500ba;
  color: #fff;
}

header.header-scroll .container button:hover{
  background-color: #260066;
}

@media (max-width: 991px){
  header.header-scroll .container button{
      display: none;
  }
}

@media (max-width: 580px){
  header.header-scroll .container button{
    display: none;
  }
}

/* estilo hero */
.bannerWrapper{
  background-color: #000;
  height: 95vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  /* background-image: url("../images/bg-estudo-02.svg");
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 80%;
  background-size: 35%; */
}

@media (max-width: 991px){
  .bannerWrapper{
    width: 100%;
    height: 90vh;
  }
}

.bannerWrapper .container{
  width: 1246px;
  padding: 0 15px;
  margin: 0 auto;
  padding-top: 50px;
}

@media (max-width: 991px){
  .bannerWrapper .container{ 
    width: 90%;
  }
}

.bannerWrapper .container span.hat{
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  grid-column: 1 / span 4;
  padding-bottom: 32px;
}

.bannerWrapper .container h1{
  font-weight: 300;
  font-size: 60px;
  margin-bottom: 15px;
  margin-top: 10px;
  color: #fff;
}

@media (max-width: 991px){
  .bannerWrapper .container h1{ 
    font-size: 38px;
  }
}

.bannerWrapper .container h1 span{
  font-weight: 500;
}

.bannerWrapper .container h2{
  font-size: 18px;
  font-weight: 300;
  line-height: 150%;
  width: 50%;
  margin-bottom: 40px;
  color: #fff;
}

@media (max-width: 991px){
  .bannerWrapper .container h2{ 
    width: 100%;
  }
}
/* fim estilo hero */

/* estilo cta */
.ctaWrapper{
  padding-bottom: 50px;
}

@media (max-width: 991px){
  .ctaWrapper{
      width: 100%;
  }
}

@media (max-width: 580px){
  .ctaWrapper{
    width: 100%;
    padding-bottom: 0;
  }
}

.ctaWrapper .container{
  width: 1246px;
  padding: 0 15px;
  margin: 0 auto;
  background-color: #f1f1f2;
  border-radius: 12px;
  height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

@media (max-width: 991px){
  .ctaWrapper .container{
      width: 100%;
      border-radius: 0;
      padding: 100px 0;
      height: auto;
  }
}

@media (max-width: 580px){
  .ctaWrapper .container{
    width: 100%;
    border-radius: 0;
  }
}

.ctaWrapper .container h2{
  font-weight: 400;
}

@media (max-width: 991px){
  .ctaWrapper .container h2{
    width: 90%;
    text-align: center;
    margin-bottom: 20px;
  }
}

.ctaWrapper .container p{
  font-size: 18px;
  font-weight: 300;
  width: 60%;
  text-align: center;
  margin-bottom: 30px;
}

@media (max-width: 991px){
  .ctaWrapper .container p{
    width: 90%;
  }
}
/* fim estilo cta */

@media (min-width: 1600px) {
  .s-index{
    padding-top: 170px;
    padding-bottom: 170px;
  }
}

@media (max-width: 991px){
  .s-index{
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

@media (max-width: 580px){
  .s-index{
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.s-index .container{
  display: flex;
  justify-content: space-between;
}

@media (max-width: 991px){
  .s-index .container{
    flex-direction: column;
  }
}

@media (max-width: 580px){
  .s-index .container{
    flex-direction: column;
  }
}

.s-index .container .header{
  display: flex;
  justify-content: space-between;
  width: 50%;
  /* margin-bottom: 100px; */
}

@media (max-width: 991px){
  .s-index .container .header{
    flex-direction: column;
    margin-bottom: 10px;
    width: 100%;
  }
}

@media (max-width: 580px){
  .s-index .container .header{
    flex-direction: column;
    margin-bottom: 10px;
    width: 100%;
  }
}

.s-index .container .header .text{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 991px){
  .s-index .container .header .text{
    width: 100%;
    margin-bottom: 20px;
  }
}

@media (max-width: 580px){
  .s-index .container .header .text{
    width: 100%;
    margin-bottom: 20px;
  }
}

.s-index .container .header .text span{
  color: #4500ba;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 2px;
}

.s-index .container .header .text h2{
  font-size: 40px;
  line-height: 130%;
  font-weight: 500;
  width: 70%;
  margin-top: 20px;
  margin-bottom: 20px;
}

@media (max-width: 991px){
  .s-index .container .header .text h2{
    width: 100%;
    font-size: 28px;
  }
}

@media (max-width: 580px){
  .s-index .container .header .text h2{
    width: 100%;
    font-size: 28px;
  }
}

.s-index .container .header .text p{
  font-size: 18px;
  line-height: 150%; /* 27px */
  font-weight: 300;
  width: 80%;
}

@media (max-width: 991px){
  .s-index .container .header .text p{
    width: 100%;
  }
}

@media (max-width: 580px){
  .s-index .container .header .text p{
    width: 100%;
  }
}

.s-index .container .header .text img{
  margin-top: 30px;
}

.s-index .container .header .image{
  width: 50%;
  position: relative;
}

@media (max-width: 991px){
  .s-index .container .header .image{
    display: none;
  }
}

@media (max-width: 580px){
  .s-index .container .header .image{
    display: none;
  }
}

.s-index .container .header .image img{
  width: 120%;
  height: 406px;
  object-fit: cover;
  position: absolute;
  right: -130px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.s-index .container .list-wrapper{
  width: 50%;
}

@media (max-width: 991px){
  .s-index .container .list-wrapper{
    width: 100%;
  }
}

@media (max-width: 580px){
  .s-index .container .list-wrapper{
    width: 100%;
  }
}

.s-index .container .list-wrapper p{
  font-size: 18px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
}

.s-index .container .list-wrapper p:first-of-type{
  /* margin-bottom: 20px; */
  margin-bottom: 40px;
  margin-top: 50px;
}

.s-index .container .list-wrapper .list-column{
  width: 100%;
  /* padding-top: 80px; */
}

@media (max-width: 991px){
  .s-index .container .list-wrapper p:first-of-type{
    margin-top: 0;
  }

  .s-index .container .list-wrapper .list-column{
    width: 100%;
    padding-top: 0;
  }
}

@media (max-width: 580px){
  .s-index .container .list-wrapper .list-column{
    width: 100%;
    padding-top: 0;
  }
}

.s-index .container .list-wrapper .list-column p{
  font-size: 18px;
  font-weight: 500;
}

.s-index .container .list-wrapper .list-column ul{
  padding-left: 0;
}

.s-index .container .list-wrapper .list-column ul li{
  list-style: none;
  margin-bottom: 10px;
  display: flex;
  gap: 20px;
}

.s-index .container .list-wrapper .list-column ul li:last-of-type{
  margin-bottom: 0;
}

.s-index .container .list-wrapper .list-column ul li>div{
  min-width: 12px;
  width: 12px;
  height: 4px;
  min-height: 4px;
  margin-top: 10px;
  border-radius: 32px;
  background-color: #4500ba;
  /* background-color: #000; */
}

.s-index .container .list-wrapper .list-column ul li p{
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 31.2px */
  margin-bottom: 8px;
}

@media (max-width: 991px){
  .s-index .container .list-wrapper .list-column ul li p{
    margin-bottom: 2px;
  }
}

@media (max-width: 580px){
  .s-index .container .list-wrapper .list-column ul li p{
    margin-bottom: 2px;
  }
}

footer .container{
  border-top: 1px solid #DCDDDE;
  padding-top: 48px;
}

footer .container .institucional-wrapper{
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
}

@media (max-width: 991px){
  footer .container .institucional-wrapper{
    flex-direction: column;
  }
}

@media (max-width: 580px){
  footer .container .institucional-wrapper{
    flex-direction: column;
  }
}

footer .container .institucional-wrapper .social-wrapper{
  display: flex;
  align-items: flex-start;
  gap: 24px;
}

footer .container .institucional-wrapper .social-wrapper a{
  color: #4500ba;
}

footer .container .institucional-wrapper .legal-wrapper{
  display: flex;
  align-items: flex-start;
  gap: 40px;
}

@media (max-width: 991px){
  footer .container .institucional-wrapper .legal-wrapper{
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
  }
}

@media (max-width: 580px){
  footer .container .institucional-wrapper .legal-wrapper{
    flex-direction: column;
    gap: 15px;
    margin-top: 30px;
  }
}

footer .container .institucional-wrapper .legal-wrapper a{
  color: #4A4B4D;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%; /* 18.2px */
}

.copy{
  background-color: #F1F2F2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 23px;
  padding-bottom: 23px;
}

@media (max-width: 580px){
  .copy{
    margin-bottom: 70px;
  }
}

.copy p{
  color: #4A4B4D;
  text-align: center;
  font-size: 14px;
  margin-bottom: 0;
}

.s-bottom-mobile{
  background-color: #4500ba;
    padding-top: 15px;
    padding-bottom: 15px;
    position: fixed;
    z-index: 99;
    bottom: 0;
    width: 100%;
    display: none;
}

@media (max-width: 991px){
  .s-bottom-mobile{
    display: block;
  }
}

@media (max-width: 580px){
  .s-bottom-mobile{
    display: block;
  }
}

.s-bottom-mobile .container{
  display: flex;
  justify-content: center;
}



.floating-svg-container {
  width: 613px;
  height: 523px;
  position: absolute;
  right: 0;
  /* top: 120px; */
  top: 21%;
  display: flex;
  justify-content: end;
  align-items: center;
  overflow: hidden;
}

@media (min-width: 1600px){
  .floating-svg-container{
    width: 663px;
    height: 673px;
    top: 21%;
  }
}

@media (max-width: 991px){
  .floating-svg-container{
    display: none;
  }
}


@media (max-width: 580px){
  .floating-svg-container{
    display: none;
  }
}

.floating-svg {
  width: 77%;
  height: 100%;
}

@media (min-width: 1600px){
  .floating-svg{
    width: 100%;
  }
}

.floating-path-1 {
  animation: floatPath1 1s ease-in-out infinite alternate;
}

.floating-path-2 {
  animation: floatPath2 1.5s ease-in-out infinite alternate;
}

@keyframes floatPath1 {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}

@keyframes floatPath2 {
  0% {
    transform: translateY(5px);
  }
  100% {
    transform: translateY(-5px);
  }
}


/* estilo form */
.modal-form-wrapper .modal-dialog {
  max-width: 60%;
}

@media (max-width: 991px) {
  .modal-form-wrapper .modal-dialog {
    max-width: 100%;
  }
}

@media (max-width: 580px) {
  .modal-form-wrapper .modal-dialog {
    max-width: 100%;
  }
}

.modal-form-wrapper .modal-dialog .modal-content {
  display: flex;
  flex-direction: row;
  border: none;
  border-radius: 4px;
}

@media (max-width: 991px) {
  .modal-form-wrapper .modal-dialog .modal-content {
    flex-direction: column;
  }
}

@media (max-width: 580px) {
  .modal-form-wrapper .modal-dialog .modal-content {
    flex-direction: column;
  }
}

.modal-form-wrapper .modal-dialog .modal-content .modal-text {
  width: 35%;
  background-color: #000;
  padding: 30px;
}

@media (max-width: 991px) {
  .modal-form-wrapper .modal-dialog .modal-content .modal-text {
    width: 100%;
    padding: 20px 30px;
  }
}

@media (max-width: 580px) {
  .modal-form-wrapper .modal-dialog .modal-content .modal-text {
    width: 100%;
    padding: 20px 30px;
  }
}

.modal-form-wrapper .modal-dialog .modal-content .modal-text .header {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: space-between;
  height: 100%;
}

.modal-form-wrapper
  .modal-dialog
  .modal-content
  .modal-text
  .header
  .content
  h3 {
  color: #fff;
  font-weight: 500;
}

@media (max-width: 991px) {
  .modal-form-wrapper
    .modal-dialog
    .modal-content
    .modal-text
    .header
    .content
    h3 {
    margin-top: 12px;
  }
}

/* @media (max-width: 580px) {
  .modal-form-wrapper
    .modal-dialog
    .modal-content
    .modal-text
    .header
    .content
    h3 {
    margin-top: 12px;
  }
} */

.modal-form-wrapper
  .modal-dialog
  .modal-content
  .modal-text
  .header
  .content
  p {
  color: #fff;
  font-weight: 300;
}

.modal-form-wrapper
  .modal-dialog
  .modal-content
  .modal-text
  .header
  .btn-close {
  background-image: none;
  width: auto;
  color: #fff;
}

.modal-form-wrapper .modal-dialog .modal-content .modal-form {
  width: 65%;
  padding: 30px;
}

@media (max-width: 991px) {
  .modal-form-wrapper .modal-dialog .modal-content .modal-form {
    width: 100%;
  }
}

@media (max-width: 580px) {
  .modal-form-wrapper .modal-dialog .modal-content .modal-form {
    width: 100%;
  }
}