#hero-section {
    background-color: transparent;
    max-height: 589px;
    min-height: 589px;
    height: 589px;
    width: 100%;
    max-width: 1440px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    color: black;
    padding: 9px 0 33px;
    margin-top: -1px;
}

.box-main-bg {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-x: hidden;
}

.box-main-bg h1 {
  transform: scaleY(1.03); /* 1.3 = 30% mais alta */
  display: inline-block;
  line-height: 1.12;
  position: absolute;
  top: 58px;
  right: 60px;
  width: 427px;
  height: 93px;
  flex-shrink: 0;
  color: #000;
  font-family: "Raleway Bold", sans-serif;
  font-size: 48.5px;
  letter-spacing: -0.3px;
  font-style: normal;
  font-weight: 700;
  z-index: 1;
  opacity: 0;
  text-align: left;
  transition: all 0.4s ease-in-out;
}

.box-main-bg div {
  position: absolute;
  border-radius: 1000px;
}

.box-main-bg img {
  position: absolute;
}

/* Imagem notebook 1 */
.box-main-img-1 {
  top: 30px;
  left: clamp(55.9px, calc(55.9px + (200 * ((100vw - 910px) / 530))), 255.9px);
  width: 358.71px;
  height: 259.11px;
  transform: scaleX(-1) rotate(-4.5deg);
  aspect-ratio: 358.71 / 259.11;
  opacity: 1;
  transition: all 0.4s ease-in-out;
}

.box-main-item-0 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;  
  top: 210px;
  right: 184px;
  width: 304px;
  height: 43px;
  background: #234BEC;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}

.box-main-item-0 h3 {
  color: #FFF;
  text-align: center;
  font-family: "Raleway Regular", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.25px;
  padding-bottom: 2px;
}

/* Item 1 */
.box-main-item-1 {
  top: 54.72px;
  left: 42.71px;
  width: 302.207px;
  height: 79.302px;
  background: rgba(255, 49, 22, 0.25);
  transition: all 0.4s ease-in-out;
}

/* Item 2 */
.box-main-item-2 {
  top: 278px;
  left: -43px;
  width: 250px;
  height: 35px;
  background: rgba(35, 75, 236, 0.84);
  box-shadow: -1px 1px 5.9px 1px rgba(0, 0, 0, 0.15);
  transition: all 0.4s ease-in-out;
}

/* Item 3 */
.box-main-item-3 {
  top: 387px;
  left: -12px;
  width: 188px;
  height: 63px;
  background: rgba(255, 49, 22, 0.15);
  box-shadow: -1px 1px 3.3px 0px rgba(0, 0, 0, 0.25);
  transition: all 0.4s ease-in-out;
}

/* Item 4 */
.box-main-item-4 {
  top: 489.81px;
  left: 187.03px;
  width: 185.039px;
  height: 78.588px;
  background: rgba(35, 75, 236, 0.5);
  transition: all 0.4s ease-in-out;
}

/* Item 5 */
.box-main-item-5 {
  top: 349.07px;
  left: 296.34px;
  width: 48.582px;
  height: 19.29px;
  background: #234BEC;
  box-shadow: 0px 2.858px 2.858px 0px rgba(0, 0, 0, 0.25);
  transition: all 0.4s ease-in-out;
}

/* Item 6 */
.box-main-item-6 {
  top: 381.21px;
  left: 324.91px;
  width: 302.921px;
  height: 66.443px;
  background: #234BEC;
  transition: all 0.4s ease-in-out;
}

/* Item 7 */
.box-main-item-7 {
  top: 568.4px;
  left: 385.64px;
  width: 48.582px;
  height: 19.29px;
  background: rgba(35, 75, 236, 0.5);
  transition: all 0.4s ease-in-out;
}

/* Item 8 */
.box-main-item-8 {
  top: 176.17px;
  left: 521.38px;
  width: 48.582px;
  height: 19.29px;
  background: rgba(35, 75, 236, 0.5);
  transition: all 0.4s ease-in-out;
}

/* Item 9 */
.box-main-item-9 {
  top: 212px;
  left: 551px;
  width: 217px;
  height: 63px;
  background: #234BEC;
  box-shadow: 0px 2px 5.3px 2px rgba(0, 0, 0, 0.25);
  transition: all 0.4s ease-in-out;
}

/* Imagem notebook 2 */
.box-main-img-2 {
  top: 253.33px;
  left: clamp(88.05px, calc(88.05px + (200 * ((100vw - 910px) / 530))), 288.05px);
  width: 393.495px;
  height: 297.92px;
  transform: scaleX(-1);
  aspect-ratio: 393.5 / 297.92;
  transition: all 0.4s ease-in-out;
}

/* Item 10 */
.box-main-item-11 {
  top: 469.09px;
  left: 586.4px;
  width: 267.199px;
  height: 82.16px;
  background: rgba(255, 49, 22, 0.35);
  transition: all 0.4s ease-in-out;
}

/* Item 11 */
.box-main-item-12 {
  top: 251.9px;
  right: 85px;
  width: 267.199px;
  height: 82.16px;
  background: rgba(255, 49, 22, 0.6);
  transition: all 0.4s ease-in-out;
}

/* Item 12 */
.box-main-item-13 {
  top: 107.59px;
  right: -93.04px;
  width: 185.039px;
  height: 77.874px;
  background: rgba(255, 49, 22, 0.5);
  transition: all 0.4s ease-in-out;
}

/* Item 13 */
.box-main-item-14 {
  top: 447.66px;
  right: 141.91px;
  width: 57.869px;
  height: 21.433px;
  background: #234BEC;
  transition: all 0.4s ease-in-out;
}

.div-form2 {
    position: absolute;
    z-index: 1;
    top: 36px;
    right: clamp(38px, calc(62.025vw - 659.16px), 234px);
    display: flex;
    width: 293px;
    height: 497px;
    padding: 26px 60px;
    flex-direction: column;
    align-items: center;
    gap: 14.923px;
    flex-shrink: 0;
    border-radius: 18.813px;
    background: #FFF;
    box-shadow:  0.985px 1.971px 14.782px 3.942px rgba(0, 0, 0, 0.10);
}

.form-header-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 34.88px;
    align-self: stretch;
}

.form-header-2 h1 {
    height: 39.352px;
    align-self: stretch;
    color: #23231A;
    font-family: "Raleway Bold", sans-serif;
    font-size: 27.5px;
    width: 100%;
    word-wrap: break-word;
    letter-spacing: -0.3px;
    line-height: 1.16;
}

.form-header-2 h3 {
    height: 16px;
    color: #23231A;
    font-family: "Raleway Regular", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.25px;
}

.div-form2 form {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    gap: 6.71px;
    width: 100%;
}


.boxa-input {
    position: relative;
    margin: 0;
    width: 100%;
    height: 33.45px;
    background: rgba(50, 75, 236, 0.05);
    border: 1px solid transparent;
    outline: none;
    border-radius: 5.38px;
}

.boxa-input input {
    width: calc(100% - 29px);
    height: calc(100% - 22.7px);
    padding: 17px 15px 5px 14px;
    font-size: 10.75px;
    font-family: 'Inter';
    color: #1E1358;
    font-weight: 400;
    outline: none;
    border: none;
    background-color: transparent;
}

.boxa-input label {
    position: absolute;
    top: 50%;
    left: 10.75px;
    transform: translateY(-50%);
    font-size: 10.75px;
    color: #1E1358;
    transition: all 0.3s ease;
    pointer-events: none;
    font-family: 'Inter';
    font-weight: 400;
    letter-spacing: 0.25px;
}

.boxa-input input:focus + label,
.boxa-input input.has-val + label {
    top: 14px;
    left: 9px;
    font-size: 9px;
    color: #666;
    transform: translateY(-100%);
    padding: 0 4px;
    font-weight: 400;
}

.objective-fa-input {
    width: 100%;
    gap: 3px;
    margin-top: -4px;
}

.select-fa-label {
    height: 10px;
    align-self: stretch;
    color: #5E6366;
    font-family: 'Inter';
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
}

.select-fa-label.invalid-label {
    color: #ac3e3b;
  }

.grid-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(84.158px, 1fr));
    padding: 3px 3px 5px 2px;
    gap: 9px;
  }
  
  .option-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 5.38px;
    padding: 5.38px 10.8px;
    background: rgba(50, 75, 236, 0.05);
    font-family: 'Inter', sans-serif;
    color: #1E1358;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
    text-align: center;
    height: 31px;
    user-select: none;
    gap: 5px;
  }

  .option-card span {
    line-height: 1;
    font-size: 9.4px;
    max-height: 14px;
    letter-spacing: -0.1px;
    font-weight: 500;
    color: #1E1358;
  }

  .fa-obj-icon-1 {
    width: 22px;
    height: 21px;
  }

  .fa-obj-icon-2 {
    width: 21px;
    height: 21px;
  }

  .fa-obj-icon-3 {
    width: 21px;
    height: 21px;
  }
   
  .fa-obj-icon-4 {
    margin-top:-2px;
    width: 28px;
    height: 26px;
  }
   
  .fa-obj-icon-5 {
    margin-bottom: 1px;
    width: 23px;
    height: 22px;
  }
    
  .fa-obj-icon-6 {
    width: 27px;
    height: 26px;
  }
  
  .option-card span.fa-obj-span-3, .option-card span.fa-obj-span-4, .option-card span.fa-obj-span-5 {
    font-size: 8px;
  } 
  
  .option-card input[type="radio"] {
    display: none;
  }
  
  .option-card input[type="radio"]:checked + span {
    color: #1E1358;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
  }
  
  .option-card input[type="radio"]:checked + span::before {
    color: #2a2a8e;
  }

  .option-card:hover {
    background-color: rgba(69, 203, 48, 0.201); 
    border: 1px solid transparent; 
  }

  .option-card.card-selected {
    background-color: #42d42b1b; 
    border: 1px solid #3bb056;
  }

  .invalid-card-selected {
    border: 1px solid #ac3e3b;
    background-color: #ffe6e6;
}


.fa-country-infos {
    position: relative;
    width: 100%;
    gap: 3px;
    margin-top: -10px;
}

.fa-country-input {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 2px 0 0;
    width: 100%;
    height: 36px;
    background: rgba(50, 75, 236, 0.05);
    border: 1px solid transparent;
    outline: none;
    border-radius: 5.38px;
}

.fa-country-name {
    padding: 0;
    font-size: 10.75px;
    font-family: 'Inter';
    color: #1E1358;
    font-weight: 400;
    outline: none;
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 5.38px;
}

.fa-country-name input {
    background-color: transparent;
    padding: 5.38px 10.8px;
    width: 100%;
    height: calc(100% - 10.8px);
    outline: none;
    border: none;
    font-size: 10.75px;
    font-family: 'Inter';
    color: #1E1358;
    font-weight: 400;
    letter-spacing: 0px;
}

.fa-country-selector {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: transparent;
    outline: none;
    position: relative; 
    padding: 5.38px 10.8px;
    cursor: pointer;
}

.fa-country-selector .dropdown-arrow {
    transition: transform 0.2s linear;
    transform-origin: center;
    width: 16px;
    height: 16px;
  }
  
.fa-country-selector.open .dropdown-arrow {
transform: scaleY(-1);
}

.fa-country-select {
    display: none;
    position: absolute;
    width: calc(100% - 5.38px);
    background-color: #234BEC;
    min-height: 220px;
    max-height: 220px;
    overflow-y: scroll;
    margin: 5px 4px; /* Adiciona um espaço abaixo da barra de pesquisa */
    z-index: 1000; /* Garante que a lista fique acima de outros elementos */
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 5.38px;
    padding-top: 2px;    
    scrollbar-width: thin; /* reduz a largura da barra */
    scrollbar-color: #1E1358 transparent; /* define a cor da barra e do fundo */
}

.fa-country-select ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.fa-country-select ul li {
    padding: 5px 10px;
    cursor: pointer;
    border-bottom: 1px solid #1E1358;
    color: rgba(255, 255, 255, 0.9);
    font-family: 'Inter';
    font-size: 10.75px;

}

.fa-country-select ul li:hover {
    background-color: #1E1358;
}

.fa-number-infos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 3px 0 0;
    outline: none;
    border: none;
    position: relative;
    width: 100%;
    min-height: 39px;
    max-height: 39px;
}

.fa-ddi-number img {
    width: 24.5px;
    height: auto;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.fa-ddi-number {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: 72px;
    max-width: 72px;
    min-height: calc(100% - 10.76px);
    padding: 5.38px 15px;
    border: 1px solid transparent;
    margin: 0;
    border-radius: 5.38px;
    background: rgba(50, 75, 236, 0.05);
    outline: none;
    position: relative;
    gap: 4px;
}

.fa-ddi-number input {
    width: 100%;
    padding: 0;
    height: 100%;
    font-size: 11px;
    border: none;
    background-color: transparent;
    outline: none;
    font-family: 'Inter';
    font-weight: 400;
    color: #1E1358;
    text-align: center;
    pointer-events: none;  
    user-select: none;         
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.fa-whatsapp-number {
    position: relative;
    margin: 0 0 0 6px;
    width: 100%;
    min-height: 100%;
    background: rgba(50, 75, 236, 0.05);
    border: 1px solid transparent;
    outline: none;
    border-radius: 5.38px;
}

.fa-whatsapp-number input {
    width: calc(100% - 22.7px);
    height: calc(100% - 22.7px);
    padding: 20.5px 15px 4px 13px;
    font-size: 11px;
    font-family: 'Inter';
    color: #5E6366;
    font-weight: 300;
    outline: none;
    border: none;
    background-color: transparent;
    letter-spacing: -0.1px;
}

.fa-whatsapp-number input::placeholder {
    color: rgba(0, 0, 0, 0.4); /* texto preto com 30% de opacidade */
  }

  .fa-whatsapp-number input.invalid-field-fa::placeholder {
    color: rgba(171, 62, 59, 0.65);
  }

.fa-whatsapp-number label {
    position: absolute;
    pointer-events: none;
    font-family: 'Inter';
    font-weight: 400;
    top: 16.5px;
    left: 9.5px;
    font-size: 9px;
    color: #1E1358;
    transform: translateY(-100%);
    padding: 0 4px;
    font-weight: 400;
    letter-spacing: -0.1px;
}

.footer-form-a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    gap: 14px;
    margin: 0;
}

.div-btn-form-a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
}

.div-form2 form button {
    background-color: #234BEC;
    box-shadow: 0px 4px 20px 0px rgba(61, 70, 112, 0.15);
    margin: 0;
    color: #F9F4F5;
    cursor: pointer;
    font-size: 12.5px;
    font-family: 'Inter';
    font-weight: 500;
    font-style: normal;
    min-width: 172px;
    min-height: 38px;
    line-height: normal;
    border: none;
    padding: 11px 10.8px;
    border-radius: 8px;
    letter-spacing: 0.4px;
    transition: all 0.2s ease;
}

.fa-error-message {
  display: hidden;
  color: #86302e;
  font-size: 8px;
  margin-top: 9px;
  width: 100%;
  text-align: center;
  font-family: 'Inter';
  min-height: 13px;
  font-weight: 400;
}

@media (max-width: 991px) {

  #hero-section {
    max-height: 1501px;
    min-height: 1501px;
    height: 1501px;
    max-width: 991px;
    align-items: center;
    padding: 9px 0 13px;
    margin-top: 0;
}

.box-main-bg h1 {
  opacity: 1;
}

/* Imagem notebook 1 */
.box-main-img-1 {
  top: 50px;
  left: 119px;
  width: 375.71px;
  height: 271.11px;
  transform: scaleX(-1) rotate(-4.5deg);
  aspect-ratio: 358.71 / 259.11;
}


.box-main-item-0 {
  display: flex;
  top: 189px;
  opacity: 1;
}

/* Item 1 */
.box-main-item-1 {
  top: 59.23px;
  left: -90px;
  width: 316px;
  height: 84px;
  background: rgba(255, 49, 22, 0.50);
}

/* Item 2 */
.box-main-item-2 {
  top: 281px;
  left: 118px;
  width: 113px;
  height: 45px;
  background: rgba(255, 49, 22, 0.50);
  box-shadow: none;
}

/* Item 3 */
.box-main-item-3 {
  top: 388px;
  left: -25px;
  width: 169px;
  height: 44px;
  background: rgba(35, 75, 236, 0.50);
  box-shadow: none;
}

/* Item 4 */
.box-main-item-4 {
  top: 450px;
  left: 91px;
  width: 53px;
  height: 21px;
  background: rgba(35, 75, 236, 0.50);
}

/* Item 5 */
.box-main-item-5 {
  top: 351px;
  left: 347px;
  width: 51px;
  height: 21px;
  background: #234BEC;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

/* Item 6 */
.box-main-item-6 {
  top: 401px;
  left: 334px;
  width: 318px;
  height: 70px;
  background: #234BEC;
}

/* Item 7 */
.box-main-item-7 {
  top: 595px;
  left: 440px;
  width: 53px;
  height: 21px;
  background: rgba(35, 75, 236, 0.50);
}

/* Item 8 */
.box-main-item-8 {
  top: 178px;
  left: auto;
  right: calc(333px + 25%);
  width: 50px;
  height: 20px;
  background: rgba(35, 75, 236, 0.50);
}

/* Item 9 */
.box-main-item-9 {
  top: 243px;
  left: 347px;
  width: 141px;
  height: 60px;
  background: #234BEC;
  box-shadow: 6px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

/* Imagem notebook 2 */
.box-main-img-2 {
  top: 264px;
  right: 111.23px;
  left: auto;
  width: 410.772px;
  height: 311px;
  transform: scaleX(-1);
  aspect-ratio: 393.5 / 297.92;
}

/* Item 10 */
.box-main-item-11 {
  top: 492px;
  left: auto;
  right: -71px;
  width: 280px;
  height: 87px;
  background: rgba(255, 49, 22, 0.50);
}

/* Item 11 */
.box-main-item-12 {
  top: 372px;
  right: 84px;
  width: 53px;
  height: 21px;
  background: rgba(35, 75, 236, 0.50);
}

/* Item 12 */
.box-main-item-13 {
  top: 264px;
  right: 137px;
  width: 113px;
  height: 45px;
  background: rgba(255, 49, 22, 0.50);
}

/* Item 13 */
.box-main-item-14 {
  top: 512px;
  right: auto;
  left: 244px;
  width: 193px;
  height: 83px;
  background: rgba(35, 75, 236, 0.50);
}










/* ------------------------- */

  .div-form2 {
    position: absolute;
    top: 702px;
    right: auto;
    display: flex;
    width: calc(100% - 292px);
    height: auto;
    min-height: 658px;
    margin: 0 60px;
    padding: 57px 85px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    border-radius: 28px;
    background: #FFF;
    box-shadow:  0.985px 1.971px 14.782px 3.942px rgba(0, 0, 0, 0.10);
  }

  .form-header-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 65px;
    align-self: stretch;
  }

  .form-header-2 h1 {
    height: 39.352px;
    align-self: stretch;
    color: #23231A;
    font-family: "Raleway Bold", sans-serif;
    font-size: 40px;
    width: 100%;
    word-wrap: break-word;
    letter-spacing: 0px;
    line-height: 1.18;
  }

  .form-header-2 h3 {
    height: auto;
    color: #23231A;
    font-family: "Raleway Regular", sans-serif;
    font-size: 20.5px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.25px;
  }

  .div-form2 form {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    gap: 12px;
    width: 100%;
  }


  .boxa-input {
    position: relative;
    margin: 0;
    width: 100%;
    height: 49px;
    background: rgba(50, 75, 236, 0.05);
    border: 1px solid transparent;
    outline: none;
    border-radius: 8px;
  }

  .boxa-input input {
    width: calc(100% - 35px);
    height: calc(100% - 20px);
    padding: 18px 15px 4px 17px;
    font-size: 16px;
    font-family: 'Inter';
    color: #1E1358;
    font-weight: 400;
    outline: none;
    border: none;
    background-color: transparent;
  }

  .boxa-input label {
    position: absolute;
    top: 50%;
    left: 17px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #1E1358;
    transition: all 0.3s ease;
    pointer-events: none;
    font-family: 'Inter';
    font-weight: 400;
    letter-spacing: 0.25px;
  }

  .boxa-input input:focus + label,
  .boxa-input input.has-val + label {
    top: 18px;
    left: 13px;
    font-size: 10px;
    color: #666;
    transform: translateY(-100%);
    padding: 0 4px;
    font-weight: 400;
  }

  .objective-fa-input {
    width: 100%;
    gap: 3px;
    margin-top: -4px;
  }

  .select-fa-label {
    height: 15px;
    align-self: stretch;
    color: #5E6366;
    font-family: 'Inter';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
  }

  .select-fa-label.invalid-label {
    color: #ac3e3b;
  }

  .grid-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
    padding: 3px 3px 5px 2px;
    gap: 6px;
  }

  .option-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 8px 16px;
    background: rgba(50, 75, 236, 0.05);
    font-family: 'Inter', sans-serif;
    color: #1E1358;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
    text-align: center;
    height: 45.5px;
    user-select: none;
    gap: 5px;
  }

  .option-card span {
    line-height: 1;
    font-size: 14px;
    max-height: 15px;
    letter-spacing: -0.1px;
    font-weight: 500;
    color: #1E1358;
  }

  .fa-obj-icon-3, .fa-obj-icon-4, .fa-obj-icon-5 {
    margin-top: -7px;
  }

  .fa-obj-icon-1 {
    width: 22px;
    height: 21px;
  }

  .fa-obj-icon-2 {
    width: 21px;
    height: 21px;
  }

  .fa-obj-icon-3 {
    width: 21px;
    height: 21px;
  }
   
  .fa-obj-icon-4 {
    width: 28px;
    height: 26px;
  }
   
  .fa-obj-icon-5 {
    width: 23px;
    height: 22px;
  }
    
  .fa-obj-icon-6 {
    width: 27px;
    height: 26px;
  }
  
  .option-card span.fa-obj-span-3, .option-card span.fa-obj-span-4, .option-card span.fa-obj-span-5 {
    font-size: 12px;
  } 
  
  .option-card input[type="radio"] {
    display: none;
  }

  .option-card input[type="radio"] {
    display: none;
  }

  .option-card input[type="radio"]:checked + span {
    color: #1E1358;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
  }

  .option-card input[type="radio"]:checked + span::before {
    color: #2a2a8e;
  }

  .option-card:hover {
    background-color: rgba(69, 203, 48, 0.201); 
    border: 1px solid transparent; 
  }

  .option-card.card-selected {
    background-color: #42d42b1b; 
    border: 1px solid #3bb056;
  }

  .invalid-card-selected {
    border: 1px solid #ac3e3b;
    background-color: #ffe6e6;
  }


  .fa-country-infos {
    position: relative;
    width: 100%;
    gap: 3px;
    margin-top: -4px;
  }

  .fa-country-input {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 3px 0 0;
    width: 100%;
    height: 52px;
    background: rgba(50, 75, 236, 0.05);
    border: 1px solid transparent;
    outline: none;
    border-radius: 8px;
  }

  .fa-country-name {
    padding: 0;
    font-size: 16px;
    font-family: 'Inter';
    color: #1E1358;
    font-weight: 400;
    outline: none;
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 8px;
  }

  .fa-country-name input {
    background-color: transparent;
    padding: 8px 16px;
    width: 100%;
    height: calc(100% - 16px);
    outline: none;
    border: none;
    font-size: 16px;
    font-family: 'Inter';
    color: #1E1358;
    font-weight: 400;
    letter-spacing: 0px;
  }

  .fa-country-selector {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: transparent;
    outline: none;
    position: relative; 
    padding: 8px 16px;
    cursor: pointer;
  }

  .fa-country-selector .dropdown-arrow {
    transition: transform 0.2s linear;
    transform-origin: center;
    width: 24px;
    height: 24px;
  }

  .fa-country-selector.open .dropdown-arrow {
  transform: scaleY(-1);
  }

  .fa-country-select {
    display: none;
    position: absolute;
    width: calc(100% - 16px);
    background-color: #234BEC;
    min-height: 260px;
    max-height: 260px;
    overflow-y: scroll;
    margin: 5px 8px; /* Adiciona um espaço abaixo da barra de pesquisa */
    z-index: 1000; /* Garante que a lista fique acima de outros elementos */
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 8px;
    padding-top: 2px;    
    scrollbar-width: thin; /* reduz a largura da barra */
    scrollbar-color: #1E1358 transparent; /* define a cor da barra e do fundo */
  }

  .fa-country-select ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

  .fa-country-select ul li {
    padding: 10px 17px;
    cursor: pointer;
    border-bottom: 1px solid #1E1358;
    color: rgba(255, 255, 255, 0.9);
    font-family: 'Inter';
    font-size: 14px;

  }

  .fa-country-select ul li:hover {
    background-color: #1E1358;
  }

  .fa-number-infos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    outline: none;
    border: none;
    position: relative;
    width: 100%;
    min-height: 58px;
    max-height: 58px;
  }

  .fa-ddi-number img {
    width: 35px;
    height: auto;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }

  .fa-ddi-number {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: calc(142px - 42px);
    max-width: calc(142px - 42px);
    height: calc(59px - 16px);
    padding: 8px 21px;
    border: 1px solid transparent;
    margin: 0;
    border-radius: 8px;
    background: rgba(50, 75, 236, 0.05);
    outline: none;
    position: relative;
    gap: 6px;
  }

  .fa-ddi-number input {
    width: 100%;
    padding: 0;
    height: 100%;
    font-size: 18px;
    border: none;
    background-color: transparent;
    outline: none;
    font-family: 'Inter';
    font-weight: 400;
    color: #1E1358;
    text-align: center;
    pointer-events: none;  
    user-select: none;         
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }

  .fa-whatsapp-number {
    position: relative;
    margin: 0 0 0 6px;
    padding: 0;
    width: 100%;
    height: 100%;
    background: rgba(50, 75, 236, 0.05);
    border: none;
    outline: none;
    border-radius: 8px;
  }

  .fa-whatsapp-number input {
    width: calc(100% - 29px);
    height: 19px;
    padding: 29px 16px 10px 16px;
    font-size: 18px;
    font-family: 'Inter';
    color: #5E6366;
    font-weight: 300;
    outline: none;
    border: 1px solid transparent;
    background-color: transparent;
    letter-spacing: -0.1px;
  }

  .fa-whatsapp-number input::placeholder {
    color: rgba(0, 0, 0, 0.4); /* texto preto com 30% de opacidade */
  }

  .fa-whatsapp-number input.invalid-field-fa::placeholder {
    color: rgba(171, 62, 59, 0.65);
  }

  .fa-whatsapp-number label {
    position: absolute;
    pointer-events: none;
    font-family: 'Inter';
    font-weight: 400;
    top: 23px;
    left: 14px;
    font-size: 12px;
    color: #1E1358;
    transform: translateY(-100%);
    padding: 0 4px;
    font-weight: 400;
    letter-spacing: -0.1px;
  }

  .footer-form-a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    gap: 24px;
    margin: 0;
  }

  .div-btn-form-a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
  }

  .div-form2 form button {
    background-color: #234BEC;
    box-shadow: 0px 4px 20px 0px rgba(61, 70, 112, 0.15);
    margin: 0;
    color: #F9F4F5;
    cursor: pointer;
    font-size: 20px;
    font-family: 'Inter';
    font-weight: 500;
    font-style: normal;
    min-width: 256px;
    min-height: 58px;
    line-height: normal;
    border: none;
    padding: 16px 16px 18px;
    border-radius: 12px;
    letter-spacing: 0.4px;
    transition: all 0.2s ease;
  }

  .fa-error-message {
    font-size: 14px;
    margin-top: 10px;
    min-height: 18px;
  }

}


@media (max-width: 930px) {
  .box-main-img-1, .box-main-item-5, .box-main-item-6, .box-main-item-9 {
    opacity: 0.5;
  }
}
@media (max-width: 895px) {
  .box-main-img-1, .box-main-item-5, .box-main-item-6, .box-main-item-9 {
    opacity: 0.3;
  }
}
@media (max-width: 865px) {
  .box-main-img-1, .box-main-item-5, .box-main-item-6, .box-main-item-9 {
    opacity: 0.1;
  }
}
@media (max-width: 850px) {
  .box-main-img-1, .box-main-item-5, .box-main-item-6, .box-main-item-9 {
    opacity: 0;
    pointer-events: none;
  }
}
@media (max-width: 800px) {
  .box-main-item-1 {
    opacity: 0.5;
  }
  .box-main-bg h1 {
    text-align: center;
    right: 122px;
  }
  .box-main-img-2 {
    right: 157px;
  }
}
@media (max-width: 755px) {
  .box-main-item-1 {
    opacity: 0.3;
  }
}
@media (max-width: 715px) {
  .box-main-item-1 {
    opacity: 0.1;
  }
}
@media (max-width: 680px) {
  .box-main-item-1 {
    opacity: 0;
    pointer-events: none;
  }
}

@media (max-width: 676px) {

      /* clamp(ValorMínimo, calc((valorMáximo - valorMínimo) * ((100vw - 340px) / (675 - 340)) + ValorMínimo), ValorMáximo);  */

  #hero-section {
    max-height: clamp(1124px, calc(1480px - (675px - 100vw) * ((1480 - 1124) / (675 - 340))), 1480px);
    min-height: clamp(1124px, calc(1480px - (675px - 100vw) * ((1480 - 1124) / (675 - 340))), 1480px);
    height: clamp(1124px, calc(1480px - (675px - 100vw) * ((1480 - 1124) / (675 - 340))), 1480px);
    max-width: clamp(340px, calc((675 - 340) * ((100vw - 340px) / (675 - 340)) + 340px), 675px);
    align-items: center;
    padding: 9px 0 13px;
    margin-top: 0;
  }   

  .box-main-bg h1 {
    transform: scaleY(1.03); /* 1.3 = 30% mais alta */
    display: inline-block;
    line-height: 1.12;
    position: absolute;
    top: clamp(28px, calc((56 - 28) * ((100vw - 340px) / (675 - 340)) + 28px), 56px);
    right: clamp(11px, calc((22 - 11) * ((100vw - 340px) / (675 - 340)) + 11px), 22px);
    width: clamp(155px, calc((310 - 155) * ((100vw - 340px) / (675 - 340)) + 155px), 310px);
    height: clamp(44px, calc((88 - 44) * ((100vw - 340px) / (675 - 340)) + 44px), 88px);
    flex-shrink: 0;
    color: #000;
    font-family: "Raleway Bold", sans-serif;
    font-size: clamp(19.25px, calc((38.5 - 19.25) * ((100vw - 340px) / (675 - 340)) + 19.25px), 38.5px); 
    letter-spacing: clamp(-0.15px, calc((0.3 - 0.15) * ((100vw - 340px) / (675 - 340)) + (-0.15px)), -0.3px);  
    font-style: normal;
    font-weight: 700;
    z-index: 1;
    opacity: 1;
    text-align: left;
  }

  /* Imagem notebook 1 */
  .box-main-img-1 {
    top: clamp(14.5px, calc((29 - 14.5) * ((100vw - 340px) / (675 - 340)) + 14.5px), 29px);
    left: clamp(12px, calc((24 - 12) * ((100vw - 340px) / (675 - 340)) + 12px), 24px);
    width: clamp(190px, calc((375.71 - 187) * ((100vw - 340px) / (675 - 340)) + 187px), 375.71px);
    height: clamp(136px, calc((271.11 - 136) * ((100vw - 340px) / (675 - 340)) + 136px), 271.11px);
    transform: scaleX(-1) rotate(-4.5deg);
    aspect-ratio: 358.71 / 259.11;
    opacity: 1;
  }

  .box-main-item-0 {       
    transform: scaleY(0.94); 
    top: clamp(150px, calc((300 - 150) * ((100vw - 340px) / (675 - 340)) + 150px), 300px);
    right: auto;
    left: clamp(22.5px, calc((43 - 22.5) * ((100vw - 340px) / (675 - 340)) + 22.5px), 43px);
    max-width: clamp(142px, calc((284 - 142) * ((100vw - 340px) / (675 - 340)) + 142px), 284px);
    max-height: clamp(24px, calc((48 - 24) * ((100vw - 340px) / (675 - 340)) + 24px), 48px);
    min-width: clamp(142px, calc((284 - 142) * ((100vw - 340px) / (675 - 340)) + 142px), 284px);
    min-height: clamp(24px, calc((48 - 24) * ((100vw - 340px) / (675 - 340)) + 24px), 48px);
    width: clamp(142px, calc((284 - 142) * ((100vw - 340px) / (675 - 340)) + 142px), 284px);
    height: clamp(24px, calc((48 - 24) * ((100vw - 340px) / (675 - 340)) + 24px), 48px);
    padding: 0 clamp(5px, calc((10 - 5) * ((100vw - 340px) / (675 - 340)) + 5px), 10px);
    opacity: 1;
  }

  .box-main-item-0 h3 {
    font-size: clamp(11.25px, calc((22.5 - 11.25) * ((100vw - 340px) / (675 - 340)) + 11.25px), 22.5px); 
    font-weight: 500;
    line-height: normal;
    letter-spacing: clamp(0.25px, calc((0.5 - 0.25) * ((100vw - 340px) / (675 - 340)) + 0.25px), 0.5px);
    padding-bottom: 1px;
  }

  /* Item 1 */
  .box-main-item-1 {
    top: clamp(27.3px, calc((54.78 - 27.3) * ((100vw - 340px) / (675 - 340)) + 27.3px), 54.78px);
    left: -27.5vw;
    width: clamp(149px, calc((314 - 149) * ((100vw - 340px) / (675 - 340)) + 149px), 314px); 
    height: clamp(39px, calc((84 - 39) * ((100vw - 340px) / (675 - 340)) + 39px), 84px);
    opacity: 1;
    background: rgba(255, 49, 22, 0.50);
  }

  /* Item 2 */
  .box-main-item-2 {
    top: clamp(180.5px, calc((361 - 180.5) * ((100vw - 340px) / (675 - 340)) + 180.5px), 361px); 
    left: clamp(39px, calc((78 - 39) * ((100vw - 340px) / (675 - 340)) + 39px), 78px); 
    width: clamp(25.3px, calc((50.625 - 25.3) * ((100vw - 340px) / (675 - 340)) + 25.3px), 50.625px);
    height: clamp(10.55px, calc((21.1 - 10.55) * ((100vw - 340px) / (675 - 340)) + 10.55px), 21.1px);
    background: #234BEC;
    box-shadow: 0px 8.438px 8.438px 0px rgba(0, 0, 0, 0.25);
  }

  /* Item 3 */
  .box-main-item-3 {
    top: clamp(198px, calc((396 - 198) * ((100vw - 340px) / (675 - 340)) + 198px), 396px);
    left: clamp(53.5px, calc((107 - 53.5) * ((100vw - 340px) / (675 - 340)) + 53.5px), 107px);
    width: clamp(158.2px, calc((316.406 - 158.2) * ((100vw - 340px) / (675 - 340)) + 158.2px), 316.406px);
    height: clamp(34.55px, calc((69.609 - 34.55) * ((100vw - 340px) / (675 - 340)) + 34.55px), 69.609px);
    background: #234BEC;
    box-shadow: none;
  }  

  /* Item 4 */
  .box-main-item-4 {
    top: clamp(293.7px, calc((587.95 - 293.7) * ((100vw - 340px) / (675 - 340)) + 293.7px), 587.95px);
    left: clamp(106.5px, calc((213.05 - 106.5) * ((100vw - 340px) / (675 - 340)) + 106.5px), 213.05px);
    width: clamp(26.3px, calc((52.734 - 26.3) * ((100vw - 340px) / (675 - 340)) + 26.3px), 52.734px);
    height: clamp(10.5px, calc((21.1 - 10.5) * ((100vw - 340px) / (675 - 340)) + 10.5px), 21.1px);
    background: rgba(35, 75, 236, 0.50);
  }

  /* Item 5 */
  .box-main-item-5 {
    display: none;
  }

  /* Item 6 */
  .box-main-item-6 {
    display: none;
  }

  /* Item 7 */
  .box-main-item-7 {
    display: none;
  }  
  
  /* Item 8 */
  .box-main-item-8 {
    top: clamp(89.5px, calc((179.23 - 89.5) * ((100vw - 340px) / (675 - 340)) + 89.5px), 179.23px);
    left: clamp(150.5px, calc((301.64 - 150.5) * ((100vw - 340px) / (675 - 340)) + 150.5px), 301.64px);
    right: auto;
    width: clamp(25.3px, calc((50.625 - 25.3) * ((100vw - 340px) / (675 - 340)) + 25.3px), 50.625px);
    height: clamp(10.5px, calc((21.094 - 10.5) * ((100vw - 340px) / (675 - 340)) + 10.5px),  21.094px);
    background: rgba(35, 75, 236, 0.50);
  }

  /* Item 9 */
  .box-main-item-9 {
    top: clamp(106.41px, calc((212.98 - 106.41) * ((100vw - 340px) / (675 - 340)) + 106.41px), 212.98px);
    left: auto;
    right: clamp(69.11px, calc((139.22 - 69.11) * ((100vw - 340px) / (675 - 340)) + 69.11px), 139.22px);
    width: clamp(110.7px, calc((221.484 - 110.7) * ((100vw - 340px) / (675 - 340)) + 110.7px), 221.484px);
    height: clamp(34.6px, calc((69.609 - 34.6) * ((100vw - 340px) / (675 - 340)) + 34.6px), 69.609px);
    background: #234BEC;
    box-shadow: 12.656px 8.438px 8.438px 0px rgba(0, 0, 0, 0.25);
    opacity: 1;
  }
    
  /* Imagem notebook 2 */
  .box-main-img-2 {
    top: clamp(130px, calc((259 - 130) * ((100vw - 340px) / (675 - 340)) + 130px), 259px);
    right: clamp(12px, calc((24 - 12) * ((100vw - 340px) / (675 - 340)) + 12px), 24px);
    left: auto;
    width: clamp(205px, calc((410 - 205) * ((100vw - 340px) / (675 - 340)) + 205px), 410px);
    height: clamp(155.5px, calc((311 - 155) * ((100vw - 340px) / (675 - 340)) + 155.5px), 311px);
    transform: scaleX(-1);
    aspect-ratio: 393.5 / 297.92;
  }

  /* Item 10 */
  .box-main-item-11 {
    top: clamp(243.3px, calc((484.59 - 243.3) * ((100vw - 340px) / (675 - 340)) + 243.3px), 484.86px);
    left: auto;
    right: -23vw;
    width: clamp(139.5px, calc((278.438 - 139.5) * ((100vw - 340px) / (675 - 340)) + 139.5px), 278.438px);
    height: clamp(43.24px, calc((86.484 - 43.24) * ((100vw - 340px) / (675 - 340)) + 43.24px), 86.484px);
    background: rgba(255, 49, 22, 0.50);
  }

  /* Item 11 */
  .box-main-item-12 {
    display: none;
  }

    /* Item 12 */
    .box-main-item-13 {
      display: none;
    }
  
    /* Item 13 */
    .box-main-item-14 {
      top: clamp(252.5px, calc((505.69 - 252.5) * ((100vw - 340px) / (675 - 340)) + 252.5px), 505.69px);
      right: auto;
      left: clamp(8.44px, calc((16.88 - 8.44) * ((100vw - 340px) / (675 - 340)) + 8.44px), 16.88px);
      width: clamp(95.5px, calc((191.953 - 95.5) * ((100vw - 340px) / (675 - 340)) + 95.5px), 191.953px);
      height: clamp(41.13px, calc((82.266 - 41.13) * ((100vw - 340px) / (675 - 340)) + 41.13px), 82.266px);
      background: rgba(35, 75, 236, 0.50);
    }

    







  /* --------------------------------------------- */

    /* clamp(ValorMínimo, calc((valorMáximo - valorMínimo) * ((100vw - 340px) / (675 - 340)) + ValorMínimo), ValorMáximo);  */

    

  .div-form2 {
    position: absolute;
    top: clamp(330.5px, calc((661 - 330.5) * ((100vw - 340px) / (675 - 340)) + 330.5px), 661px);
    right: auto;
    display: flex;
    width: clamp(205px, calc((406 - 205) * ((100vw - 340px) / (675 - 340)) + 205px), 406px);
    height: auto;
    min-height: 658px;
    margin: 0 clamp(30px, calc((60 - 30) * ((100vw - 340px) / (675 - 340)) + 30px), 60px);
    padding: clamp(27.5px, calc((57 - 27.5) * ((100vw - 340px) / (675 - 340)) + 27.5px), 57px)  clamp(37.5px, calc((75 - 37.5) * ((100vw - 340px) / (675 - 340)) + 37.5px), 75px);
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    border-radius: clamp(18px, calc((28 - 18) * ((100vw - 340px) / (675 - 340)) + 18px), 28px);
    background: #FFF;
    box-shadow:  0.985px 1.971px 14.782px 3.942px rgba(0, 0, 0, 0.10);
  }

  .form-header-2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: clamp(20px, calc((65 - 20) * ((100vw - 340px) / (675 - 340)) + 20px), 65px);
    align-self: stretch;
  }

  .form-header-2 h1 {
    height: 39.352px;
    align-self: stretch;
    color: #23231A;
    font-family: "Raleway Bold", sans-serif;
    font-size: clamp(20px, calc((40 - 20) * ((100vw - 340px) / (675 - 340)) + 20px), 40px);
    width: 100%;
    word-wrap: break-word;
    letter-spacing: 0px;
    line-height: 1.18;
  }

  .form-header-2 h3 {
    height: auto;
    color: #23231A;
    font-family: "Raleway Regular", sans-serif;
    font-size: clamp(14px, calc((20.5 - 14) * ((100vw - 340px) / (675 - 340)) + 14px), 20.5px);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.25px;
  }

  .div-form2 form {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0;
    gap: 12px;
    width: 100%;
  }


  .boxa-input {
    position: relative;
    margin: 0;
    width: 100%;
    height: 49px;
    background: rgba(50, 75, 236, 0.05);
    border: 1px solid transparent;
    outline: none;
    border-radius: 8px;
  }

  .boxa-input input {
    width: calc(100% - 35px);
    height: calc(100% - 20px);
    padding: 18px 15px 4px 17px;
    font-size: 16px;
    font-family: 'Inter';
    color: #1E1358;
    font-weight: 400;
    outline: none;
    border: none;
    background-color: transparent;
  }

  .boxa-input label {
    position: absolute;
    top: 50%;
    left: 17px;
    transform: translateY(-50%);
    font-size: 16px;
    color: #1E1358;
    transition: all 0.3s ease;
    pointer-events: none;
    font-family: 'Inter';
    font-weight: 400;
    letter-spacing: 0.25px;
  }

  .boxa-input input:focus + label,
  .boxa-input input.has-val + label {
    top: 18px;
    left: 13px;
    font-size: 10px;
    color: #666;
    transform: translateY(-100%);
    padding: 0 4px;
    font-weight: 400;
  }

  .objective-fa-input {
    width: 100%;
    gap: 3px;
    margin-top: -4px;
  }

  .select-fa-label {
    height: 15px;
    align-self: stretch;
    color: #5E6366;
    font-family: 'Inter';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0px;
  }

  .select-fa-label.invalid-label {
    color: #ac3e3b;
  }

  .grid-options {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(105px, 1fr));
    padding: 3px 3px 5px 2px;
    gap: 6px;
  }

  .option-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
    border-radius: 8px;
    padding: 8px 16px;
    background: rgba(50, 75, 236, 0.05);
    font-family: 'Inter', sans-serif;
    color: #1E1358;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease;
    text-align: center;
    height: 45.5px;
    user-select: none;
    gap: 5px;
  }

  .option-card span {
    line-height: 1;
    font-size: 14px;
    max-height: 15px;
    letter-spacing: -0.1px;
    font-weight: 500;
    color: #1E1358;
  }

  .fa-obj-icon-3, .fa-obj-icon-4, .fa-obj-icon-5 {
    margin-top: -7px;
  }

  .fa-obj-icon-1 {
    width: 22px;
    height: 21px;
  }

  .fa-obj-icon-2 {
    width: 21px;
    height: 21px;
  }

  .fa-obj-icon-3 {
    width: 21px;
    height: 21px;
  }
   
  .fa-obj-icon-4 {
    width: 28px;
    height: 26px;
  }
   
  .fa-obj-icon-5 {
    width: 23px;
    height: 22px;
  }
    
  .fa-obj-icon-6 {
    width: 27px;
    height: 26px;
  }
  
  .option-card span.fa-obj-span-3, .option-card span.fa-obj-span-4, .option-card span.fa-obj-span-5 {
    font-size: 12px;
  } 
  
  .option-card input[type="radio"] {
    display: none;
  }

  .option-card input[type="radio"] {
    display: none;
  }

  .option-card input[type="radio"]:checked + span {
    color: #1E1358;
    text-align: center;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
  }

  .option-card input[type="radio"]:checked + span::before {
    color: #2a2a8e;
  }

  .option-card:hover {
    background-color: rgba(69, 203, 48, 0.201); 
    border: 1px solid transparent; 
  }

  .option-card.card-selected {
    background-color: #42d42b1b; 
    border: 1px solid #3bb056;
  }

  .invalid-card-selected {
    border: 1px solid #ac3e3b;
    background-color: #ffe6e6;
  }


  .fa-country-infos {
    position: relative;
    width: 100%;
    gap: 3px;
    margin-top: -4px;
  }

  .fa-country-input {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 3px 0 0;
    width: 100%;
    height: 52px;
    background: rgba(50, 75, 236, 0.05);
    border: 1px solid transparent;
    outline: none;
    border-radius: 8px;
  }

  .fa-country-name {
    padding: 0;
    font-size: 16px;
    font-family: 'Inter';
    color: #1E1358;
    font-weight: 400;
    outline: none;
    border: none;
    background-color: transparent;
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 8px;
  }

  .fa-country-name input {
    background-color: transparent;
    padding: 8px 16px;
    width: 100%;
    height: calc(100% - 16px);
    outline: none;
    border: none;
    font-size: 16px;
    font-family: 'Inter';
    color: #1E1358;
    font-weight: 400;
    letter-spacing: 0px;
  }

  .fa-country-selector {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: transparent;
    outline: none;
    position: relative; 
    padding: 8px 16px;
    cursor: pointer;
  }

  .fa-country-selector .dropdown-arrow {
    transition: transform 0.2s linear;
    transform-origin: center;
    width: 24px;
    height: 24px;
  }

  .fa-country-selector.open .dropdown-arrow {
  transform: scaleY(-1);
  }

  .fa-country-select {
    display: none;
    position: absolute;
    width: calc(100% - 16px);
    background-color: #234BEC;
    min-height: 260px;
    max-height: 260px;
    overflow-y: scroll;
    margin: 5px 8px; /* Adiciona um espaço abaixo da barra de pesquisa */
    z-index: 1000; /* Garante que a lista fique acima de outros elementos */
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 8px;
    padding-top: 2px;    
    scrollbar-width: thin; /* reduz a largura da barra */
    scrollbar-color: #1E1358 transparent; /* define a cor da barra e do fundo */
  }

  .fa-country-select ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }

  .fa-country-select ul li {
    padding: 10px 17px;
    cursor: pointer;
    border-bottom: 1px solid #1E1358;
    color: rgba(255, 255, 255, 0.9);
    font-family: 'Inter';
    font-size: 14px;

  }

  .fa-country-select ul li:hover {
    background-color: #1E1358;
  }

  .fa-number-infos {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    outline: none;
    border: none;
    position: relative;
    width: 100%;
    min-height: 58px;
    max-height: 58px;
  }

  .fa-ddi-number img {
    width:  clamp(20px, calc((30 - 20) * ((100vw - 340px) / (675 - 340)) + 20px), 30px);
    height: auto;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }

        /* clamp(ValorMínimo, calc((valorMáximo - valorMínimo) * ((100vw - 340px) / (675 - 340)) + ValorMínimo), ValorMáximo);  */

  .fa-ddi-number {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    min-width: clamp(50px, calc((80 - 50) * ((100vw - 340px) / (675 - 340)) + 50px), 80px);
    max-width: clamp(50px, calc((80 - 50) * ((100vw - 340px) / (675 - 340)) + 50px), 80px);
    height: calc(59px - 16px);
    padding: 8px 14px;
    border: 1px solid transparent;
    margin: 0;
    border-radius: 8px;
    background: rgba(50, 75, 236, 0.05);
    outline: none;
    position: relative;
    gap: 6px;
  }

  .fa-ddi-number input {
    width: 100%;
    padding: 0;
    height: 100%;
    font-size: clamp(14px, calc((18 - 14) * ((100vw - 340px) / (675 - 340)) + 14px), 18px);
    border: none;
    background-color: transparent;
    outline: none;
    font-family: 'Inter';
    font-weight: 400;
    color: #1E1358;
    text-align: center;
    pointer-events: none;  
    user-select: none;         
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }

  .fa-whatsapp-number {
    position: relative;
    margin: 0 0 0 6px;
    padding: 0;
    width: 100%;
    height: 100%;
    background: rgba(50, 75, 236, 0.05);
    border: none;
    outline: none;
    border-radius: 8px;
  }

  .fa-whatsapp-number input {
    width: calc(100% - 29px);
    height: 19px;
    padding: 29px 16px 10px 16px;
    font-size: 18px;
    font-family: 'Inter';
    color: #5E6366;
    font-weight: 300;
    outline: none;
    border: 1px solid transparent;
    background-color: transparent;
    letter-spacing: -0.1px;
  }

  .fa-whatsapp-number input::placeholder {
    color: rgba(0, 0, 0, 0.4); /* texto preto com 30% de opacidade */
  }

  .fa-whatsapp-number input.invalid-field-fa::placeholder {
    color: rgba(171, 62, 59, 0.65);
  }

  .fa-whatsapp-number label {
    position: absolute;
    pointer-events: none;
    font-family: 'Inter';
    font-weight: 400;
    top: 23px;
    left: 14px;
    font-size: 12px;
    color: #1E1358;
    transform: translateY(-100%);
    padding: 0 4px;
    font-weight: 400;
    letter-spacing: -0.1px;
  }

  .footer-form-a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    gap: 24px;
    margin: 0;
  }

  .div-btn-form-a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
  }

  .div-form2 form button {
    background-color: #234BEC;
    box-shadow: 0px 4px 20px 0px rgba(61, 70, 112, 0.15);
    margin: 0;
    color: #F9F4F5;
    cursor: pointer;
    font-size: 20px;
    font-family: 'Inter';
    font-weight: 500;
    font-style: normal;
    min-width: 256px;
    min-height: 58px;
    line-height: normal;
    border: none;
    padding: 16px 16px 18px;
    border-radius: 12px;
    letter-spacing: 0.4px;
    transition: all 0.2s ease;
  }

}

@media (max-width: 451px) {

  .fa-ddi-number img {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.08;
    border-radius: 8px;
  }

  .fa-ddi-number input {
    font-size: clamp(16px, calc((20 - 16) * ((100vw - 340px) / (675 - 340)) + 16px), 20px);
  }

  .fa-whatsapp-number input {
    width: calc(100% - clamp(22px, calc((29 - 22) * ((100vw - 340px) / (675 - 340)) + 22px), 29px));
    height: 19px;
    padding: 29.5px clamp(8px, calc((16 - 8) * ((100vw - 340px) / (675 - 340)) + 8px), 16px) 10px;
    font-size: clamp(12px, calc((20 - 12) * ((100vw - 340px) / (675 - 340)) + 12px), 20px);
    font-family: 'Inter';
    color: #5E6366;
    font-weight: 300;
    outline: none;
    border: 1px solid transparent;
    background-color: transparent;
    letter-spacing: -0.1px;
  }

  .fa-whatsapp-number input::placeholder {
    color: rgba(0, 0, 0, 0.4); /* texto preto com 30% de opacidade */
  }

  .fa-whatsapp-number input.invalid-field-fa::placeholder {
    color: rgba(171, 62, 59, 0.65);
  }

  .fa-whatsapp-number label {
    position: absolute;
    pointer-events: none;
    font-family: 'Inter';
    font-weight: 400;
    top: 23px;
    left: clamp(8px, calc((14 - 8) * ((100vw - 340px) / (675 - 340)) + 8px), 14px);
    font-size: clamp(9px, calc((12 - 9) * ((100vw - 340px) / (675 - 340)) + 9px), 12px);
    color: #1E1358;
    transform: translateY(-100%);
    padding: 0 4px;
    font-weight: 400;
    letter-spacing: -0.1px;
  }

}

@media (max-width: 367px) {
  /* clamp(ValorMínimo, calc((valorMáximo - valorMínimo) * ((100vw - 340px) / (675 - 340)) + ValorMínimo), ValorMáximo);  */

  #hero-section {
    max-height: 1360px;
    min-height: 1360px;
    height: 1360px;
  }
}

.div-form2 form button:hover {    
  background-color: #3bb056;
  box-shadow: 0px 4px 22px 0px rgba(69, 203, 48, 0.201); 
}

/* Hover quando tudo estiver validado */
.div-form2 form button.validated:hover {
  background-color: #3bb056;
  box-shadow: 0px 4px 22px 0px rgba(69, 203, 48, 0.201);
}

/* Hover quando ainda houver erros */
.div-form2 form button.not-validated:hover {
  background-color: #b44440de;
  box-shadow: 0px 4px 22px 0px rgba(230, 94, 85, 0.25);
}

@keyframes shake {
  0%   { transform: translate(1px, 1px) rotate(0deg); }
  10%  { transform: translate(-1px, -2px) rotate(-1deg); }
  20%  { transform: translate(-3px, 0px) rotate(1deg); }
  30%  { transform: translate(3px, 2px) rotate(0deg); }
  40%  { transform: translate(1px, -1px) rotate(1deg); }
  50%  { transform: translate(-1px, 2px) rotate(-1deg); }
  60%  { transform: translate(-3px, 1px) rotate(0deg); }
  70%  { transform: translate(3px, 1px) rotate(-1deg); }
  80%  { transform: translate(-1px, -1px) rotate(1deg); }
  90%  { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

#btn-form-a.shake {
  animation: shake 0.4s ease;
}



.valid-field-fa {
  border: 1px solid #3bb056;
}

.invalid-field-fa {
  border: 1px solid #ac3e3b;
  background-color: #ffe6e6;
}