@import url('https://cdn-uicons.flaticon.com/2.6.0/uicons-regular-rounded/css/uicons-regular-rounded.css');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200..1000;1,200..1000&display=swap');

a:hover {
  color: #000000;
}

#section-ads {
  padding: 30px 0;
  background-color: #fff;
}

.logo-ads-container img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(0%) saturate(1132%) hue-rotate(239deg) brightness(68%) contrast(90%);
}

body {
  font-family: 'Montserrat';
  background-color: var(--bgColor);
  background-size: cover;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* Root */
:root {
  --primaryColorBlue: #00d5ff;
  --primaryColorBlueDark: #00a8ca;
  --primaryColorGreen: #5ced85;
  --primaryColorRed: #ff1f1d;
  --bgColor: #031931;
  --primaryColorYellow: #f7b210;
  --secondaryColor: #acd190;
  --terciaryColor: #054b2c;
  --secondaryColorVioletDark: #22163c;
  --Gray: #b9bcc2;
  --standardboxshadow: 0 0 25px var(--primaryColorGreen);
  --lightGray: #ecf0f6;
  --processSectionBg: none;
  --serviceSectionBg: url('/img/bg_section_2.png');
  --serviceHeroBg: none;
  --processIcon1: url('/img/icons/icon_card_1.svg');
  --processIcon2: url('/img/icons/icon_card_2.svg');
  --processIcon3: url('/img/icons/icon_card_3.svg');
  --processIcon4: url('/img/icons/icon_card_4.svg');
}

h3 {
  color: #6c6c6c;
}

/* Nav */
.nav {
  background-color: #fff;
  color: #6C6C6C;
}

.nav img {
  max-width: 120px;
  padding-block: 20px;
}

.nav img.img-fluid {
  max-width: 300px;
}

/* Section 0*/
#section-0 {
  min-height: 725px;
  align-content: center;
  padding: 50px 0px 50px;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
  margin-bottom: 0;
}

.forms-wrapper {
  z-index: 5;
  filter: blur(0) !important;
}

body.blur-background::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  overflow: hidden;
  bottom: 0;
  backdrop-filter: blur(5px) brightness(0.8);
  z-index: 1;
  pointer-events: none;
}

section.navigation.blur-background::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  backdrop-filter: blur(5px);
  z-index: 1;
  pointer-events: none;
}

/* Pre form */
.preformStep {
  color: #fff;
  text-wrap: balance;
  margin: 0px auto 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.preformStep img {
  margin: 15px 0;
  max-width: 450px;
}

.preformStep h1 {
  font-size: 30px;
}

.preformStep h2 {
  font-size: 30px;
  color: #fff;
  font-weight: 500;
}

.preformStep h3 {
  font-size: 25px;
  line-height: 1.1;
  font-weight: 600;
  color: #fff;
  text-wrap: balance;
  margin-top: 30px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 3px solid var(--primaryColorGreen);
}

.energized {
  color: #fff;
  font-weight: 700;
}

.preformStep button {
  font-size: 36px;
  padding: 10px;
  border: 4px solid transparent;
  width: 45%;
  max-width: 240px;
  text-transform: uppercase;
}

.preformStep button.next {
  background-color: #fff;
  color: var(--primaryColorGreen);
  font-weight: 700;
  transition: all 0.3s ease;
  border-radius: 50px;
}

.ver_2 .preformStep button.next {
  color: var(--primaryColorYellow);
}

.preformStep button.red-energized {
  border-radius: 50px;
  cursor: not-allowed;
  color: #ff004c;
  font-weight: 700;
  background-color: #fff;

}

.preformStep button:hover {
  transform: scale(1.15);
}

.preformStep button.red-energized:hover {
  transform: scale(1.0);
}

/* Process + Service sections */
.process-section {
  padding: 70px 0;
  background-color: #FFFBF2;
  background-image: var(--processSectionBg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.process-section .section-title {
  text-align: center;
  margin-bottom: 40px;
}

.process-section .section-title h2 {
  font-size: 30px;
  color: #6c6c6c;
  margin-bottom: 0px;
  font-weight: 700;
}

.process-section .section-title p {
  color: #8a8a8a;
  margin-bottom: 0;
  font-size: 30px;
}

.process-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}

.process-card {
  border: 0;
  display: flex;
  flex-direction: column;
  border-radius: 0;
  padding: 18px 18px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, color 0.3s ease;
  min-height: 260px;
  position: relative;
  max-width: 288px;
  margin: 0 auto;
}

.process-card::before {
  content: "";
  position: absolute;
  inset: 0px;
  border-radius: 0;
  pointer-events: none;
  background-image: var(--card-border-svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.process-card .process-icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 16px;
  background-color: #9b9b9b;
  mask-size: contain;
  mask-repeat: no-repeat;
  top: -35px;
  position: relative;
  mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
}

.process-card.icon-1 .process-icon {
  mask-image: var(--processIcon1);
  -webkit-mask-image: var(--processIcon1);
}

.process-card.icon-2 .process-icon {
  mask-image: var(--processIcon2);
  -webkit-mask-image: var(--processIcon2);
}

.process-card.icon-3 .process-icon {
  mask-image: var(--processIcon3);
  -webkit-mask-image: var(--processIcon3);
}

.process-card.icon-4 .process-icon {
  mask-image: var(--processIcon4);
  -webkit-mask-image: var(--processIcon4);
}

.process-card h3 {
  font-size: 23px;
  color: #5b5b5b;
  font-weight: 400;
  margin-left: auto;
  margin-right: auto;
}

.process-card p {
  color: #7b7b7b;
  font-size: 18px;
  line-height: 1.1;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: 0;
  margin-right: auto;
}

.process-card {
  --card-border-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='290' height='282' viewBox='0 0 290 282' fill='none'><path d='M73 1H1V281H289V1H217' stroke='%239B9B9B' stroke-width='2'/></svg>");
}

.process-card:hover {
  transform: translateY(-4px);
  --card-border-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='290' height='282' viewBox='0 0 290 282' fill='none'><path d='M73 1H1V281H289V1H217' stroke='url(%23paint0_linear_2083_1045)' stroke-width='2'/><defs><linearGradient id='paint0_linear_2083_1045' x1='145' y1='1' x2='145' y2='281' gradientUnits='userSpaceOnUse'><stop stop-color='%23ACD190'/><stop offset='1' stop-color='%23054B2C'/></linearGradient></defs></svg>");
}

.process-card:hover .process-icon {
  filter: brightness(0) saturate(100%) invert(80%) sepia(36%) saturate(304%) hue-rotate(51deg) brightness(92%) contrast(91%);
}

.process-card:hover h3,
.process-card:hover p {
  color: #4a4a4a;
}

.form-inputs-center {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto 0;
}

.form-content.center-vertical {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.form-content.no-bg {
  background-color: transparent;
  padding: 0;
  min-height: unset;
}

.thanks-content {
  text-align: left;
}

.thanks-content,
.thanks-content h1,
.thanks-content h2,
.thanks-content h3,
.thanks-content p {
  color: #ffffff;
}

.thanks-content h2 {
  margin-bottom: 40px !important;
  margin-left: 0 !important;
}
@media(max-width: 992px){
  .thanks-content h2{
    margin-left: auto !important;
    text-align: center;
    font-size: 28px;
    margin-top: 30px;
  }
    .thanks-content,
    .thanks-content h1,
    .thanks-content h2,
    .thanks-content h3,
    .thanks-content p{
      text-align: center;
    }
}
.service-section {
  padding: 40px 0 60px;
  min-height: 780px;
  background-color: #e6f6ff;
  background-image: var(--serviceSectionBg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  text-align: center;
}

.service-section h2 {
  font-size: 30px;
  color: #6c6c6c;
  max-width: 630px;
  font-weight: 500;
  margin: 0 auto 50px;
}

.service-section p {
  color: #6b6b6b;
  max-width: 1020px;
  margin: 10px auto 0;
  text-wrap: balance;
  font-size: 20px;
}

.service-hero {
  margin: 30px auto 0;
  width: 100%;
  max-width: 980px;
  height: 320px;
  border-radius: 16px;
  background-color: #d7e7ee;
  background-image: var(--serviceHeroBg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
}

/* FAQ */
.faq-section {
  padding: 50px 0 70px;
  background-color: #FFFBF2;
  text-align: center;
}

.faq-section h1 {
  font-size: 30px;
  color: #5b5b5b;
  margin-bottom: 26px;
  font-weight: 700;
}

.faq-section .accordion-header {
  margin-bottom: 0;
}

.faq-list {
  max-width: 760px;
  margin: 0 auto;
  display: grid;
  gap: 14px;
}

.faq-item {
  background: transparent;
  border: 2px solid #6c6c6c;
  border-radius: 0 !important;
  text-align: left;
  box-shadow: none;
  overflow: hidden;
}

.faq-item+.faq-item {
  border-top: 2px solid #6c6c6c;
}

.faq-item .accordion-button {
  background: transparent;
  box-shadow: none;
  padding: 12px 14px;
  font-size: 20px;
  font-weight: 700;
  color: #6C6C6C;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  height: auto;
  min-height: 0;
}

.faq-item .accordion-button::after {
  display: none;
}

.faq-item .accordion-button:focus {
  box-shadow: none;
}

.faq-item .faq-icon {
  min-width: 40px;
  height: 40px;
  flex: 0 0 20px;
  border-radius: 999px;
  background: no-repeat center / contain;
  background-image: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='20' cy='20' r='20' fill='%23054B2C'/><path d='M18 26C17.7188 26 17.4688 25.9062 17.2812 25.7188C16.875 25.3438 16.875 24.6875 17.2812 24.3125L21.5625 20L17.2812 15.7188C16.875 15.3438 16.875 14.6875 17.2812 14.3125C17.6562 13.9062 18.3125 13.9062 18.6875 14.3125L23.6875 19.3125C24.0938 19.6875 24.0938 20.3438 23.6875 20.7188L18.6875 25.7188C18.5 25.9062 18.25 26 18 26Z' fill='white'/></svg>");
  position: relative;
}

.faq-item .accordion-button:not(.collapsed) .faq-icon {
  background-image: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='20' cy='20' r='20' fill='%23ACD190'/><path d='M26 22C26 22.2813 25.9062 22.5313 25.7188 22.7188C25.3438 23.125 24.6875 23.125 24.3125 22.7188L20 18.4375L15.7188 22.7188C15.3438 23.125 14.6875 23.125 14.3125 22.7188C13.9062 22.3438 13.9062 21.6875 14.3125 21.3125L19.3125 16.3125C19.6875 15.9063 20.3438 15.9063 20.7188 16.3125L25.7188 21.3125C25.9062 21.5 26 21.75 26 22Z' fill='white'/></svg>");
}

body.ver_2 .faq-item .faq-icon {
  background-image: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='20' cy='20' r='20' fill='%233D296E'/><path d='M18 26C17.7188 26 17.4688 25.9062 17.2812 25.7188C16.875 25.3438 16.875 24.6875 17.2812 24.3125L21.5625 20L17.2812 15.7188C16.875 15.3438 16.875 14.6875 17.2812 14.3125C17.6562 13.9062 18.3125 13.9062 18.6875 14.3125L23.6875 19.3125C24.0938 19.6875 24.0938 20.3438 23.6875 20.7188L18.6875 25.7188C18.5 25.9062 18.25 26 18 26Z' fill='white'/></svg>");
}

body.ver_2 .faq-item .accordion-button:not(.collapsed) .faq-icon {
  background-image: url("data:image/svg+xml;utf8,<svg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'><circle cx='20' cy='20' r='20' fill='%23D1B3FD'/><path d='M26 22C26 22.2813 25.9062 22.5313 25.7188 22.7188C25.3438 23.125 24.6875 23.125 24.3125 22.7188L20 18.4375L15.7188 22.7188C15.3438 23.125 14.6875 23.125 14.3125 22.7188C13.9062 22.3438 13.9062 21.6875 14.3125 21.3125L19.3125 16.3125C19.6875 15.9063 20.3438 15.9063 20.7188 16.3125L25.7188 21.3125C25.9062 21.5 26 21.75 26 22Z' fill='white'/></svg>");
}

.faq-content {
  padding: 0 14px 12px;
  color: #7b7b7b;
  font-size: 13px;
  line-height: 1.45;
}

@media (max-width: 1400px) {
  .process-card h3 {
    font-size: 19px;
  }

  .process-card p {
    font-size: 14px;
  }
}

@media (max-width: 1200px) {
  .process-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 50px;
  }

  .process-card p {
    margin-bottom: auto;
  }
}

@media (max-width: 992px) {
  .process-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 576px) {
  .process-cards {
    grid-template-columns: 1fr;
  }

  .service-hero {
    height: 220px;
  }
}

/* Sliders */
.sliderSection {
  text-align: center;
  padding: 55px 0 45px;
  background: #FFF;
  box-shadow: 0 0 120.6px 0 var(--blue, #43CAF9);
}

.sliderSection .slick-slide img {
  margin: auto;
}

.sliderSection h1 {
  color: #031931;
  font-size: 36px;
  font-weight: 800;
  text-wrap: balance;
}

.sliderSection p {
  font-size: 20px;
  text-wrap: balance;
  color: #031931;
}

.sliderSection .row.flex-wrap {
  margin-top: 15px;
  gap: 30px;
}


.tall-assistant {
  width: 100%;
  margin: auto;
  max-width: 420px;
  filter: drop-shadow(0 0 40px var(--primaryColorGreen));
  transform: translateZ(0);
}

/* Form */
.form-content {
  background-color: #FFFBF2;
  padding: 25px;
  min-height: 480px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  border-radius: 0;
  align-items: center;
  transition: all 0.5s ease;
}

#finalStep {
  max-width: 1200px;
  display: flex;
  flex-direction: row;
}

#transitionFieldset .form-content {
  padding-bottom: 20px;
}

#transitionFieldset h3 {
  font-size: 20px;
  text-wrap: balance;
}

.form-content .radio-options label.col-12 {
  max-width: 170px;
  cursor: pointer;
}

fieldset h1 {
  font-size: 30px;
  font-weight: 500;
  text-wrap: balance;
  color: var(--secondaryColorVioletLight);
}

fieldset h2 {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px !important;
  max-width: 900px;
  font-size: 26px;
  text-wrap: balance;
  color: #6c6c6c;
  font-weight: 700;
}

fieldset img.assistant {
  max-width: 120px;
  margin: 15px auto 15px;
  display: none;
}

fieldset {
  align-items: center;
  justify-content: center;
  flex-direction: column;
  display: none;
  text-align: center;
}

fieldset.active {
  display: flex;
}

fieldset.tyPage {
  display: flex;
}

fieldset .radio-options {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  margin: auto;
}

.radio-options {
  margin-top: 10px;
}

.radio-options label.col-12 {
  background-color: transparent;
  padding: 20px;
  border-radius: 0px;
  border: 2px solid #c6c6c6;
  transition: all 0.5s ease;
}

.radio-options label .path {
  stroke: #b8b8b8;
  transition: all 0.3s;
}

.radio-options label:hover .path {
  stroke: var(--secondaryColor);
}
.ver_2 .radio-options label:hover .path{
}
.radio-options label.col-12:hover {
  animation: none;
  border: 2px solid transparent;
  border-image: linear-gradient(180deg, var(--secondaryColor) 0%, var(--terciaryColor) 100%) 1;
}

@keyframes glow-pulse {

  0%,
  100% {
    box-shadow: none;
  }

  50% {
    box-shadow: none;
  }
}

.radio-options img {
  max-height: 100px;
  display: block;
  margin: 0 auto 20px 0;
  object-fit: contain;
}

.radio-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-top: 20px;
}

.nombreVal {
  text-transform: capitalize;
}

.radio-group input:checked+label,
.radio-group label:hover {
  background-color: var(--secondaryColorVioletLight);
  color: white;
}

.radio-group label {
  padding: 15px 10px;
  color: var(--secondaryColorVioletLight);
  transition: all 0.1s ease;
  border-radius: 15px;
  background-color: #fff;
  border: 2px solid var(--secondaryColorVioletLight);
}

.img-label .label-mob {
  min-height: 50px;
  justify-content: center;
}

.img-label .col-md-5.col-lg-3 img {
  width: 100%;
  margin: 0;
}

.img-label {
  row-gap: 20px !important;
}

.radio-options label.col-12 img {
  width: 60px;
  transition: filter 0.1s ease-in-out;
  filter: brightness(0) saturate(100%) invert(21%) sepia(20%) saturate(2423%) hue-rotate(109deg) brightness(96%) contrast(96%);
}

.radio-options label.col-12:hover img {
  filter: brightness(0) saturate(100%) invert(77%) sepia(43%) saturate(254%) hue-rotate(51deg) brightness(95%) contrast(92%);
}

.radio-options h3,
.radio-options p {
  text-align: left;
  margin-bottom: 0;
  color: #6c6c6c;
}

.radio-options h3 {
  font-size: 20px;
  font-weight: 500;
  line-height: 1;
}

.radio-options h5 {
  text-align: left;
  color: #6c6c6c;
  font-weight: 700;
}

.radio-options p {
  font-size: 12px;
  line-height: 1.2;
}

.many-options .check {
  margin-bottom: 15px;
}

.many-options .label-mob {
  display: flex;
  align-items: center;
}

.many-options .label-mob img {
  margin: auto;
}

/* Custom checkboxes */
label.check {
  cursor: pointer;
  width: 100%;
  margin-bottom: -20px;
  display: flex;
  justify-content: flex-end;
}

label.check input {
  display: none;
}

label.check svg {
  overflow: visible;
}

.path {
fill: none;
  stroke: #000;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke-dasharray 0.5s ease;
  stroke-dasharray: 0 0 240 9999999;
  stroke-dashoffset: 1;
  scale: -1 1;
  transform-origin: center;
  animation: hi 0.5s;
}

label.check input:checked~svg .path {
  stroke-dasharray: 0 262 70 9999999;
  transition-delay: 0s;
  scale: 1 1;
  stroke: var(--secondaryColor);
  animation: none;
}

@keyframes hi {
  0% {
    stroke-dashoffset: 20;
  }

  to {
    stroke-dashoffset: 1;
  }
}

label.error {
  color: red;
  margin-top: 10px;
  font-size: 11px;
}

.btn-row {
  margin-top: 40px;
  gap: 15px;
  align-items: center;
}

.btn-form {
  background: transparent;
  background-position: center;
  background-size: cover;
  color: var(--secondaryColor);
  padding: 15px 20px;
  font-size: 22px;
  width: 250px;
  text-transform: uppercase;
  font-weight: 700;
  border: 2px solid var(--secondaryColor);
  border-radius: 30px;
  transition: all 0.1s ease;
}

.btn-form:hover {
  transform: scale(1.2);
  border: 2px solid var(--terciaryColor);
  color: var(--terciaryColor);
}

.fi-rr-arrow-left:before {
  top: 3px;
  position: relative;
}

.btn-prev {
  background-color: #fff;
  border-radius: 10px;
  height: 50px;
  width: 50px;
  border: 1px solid transparent;
}

.btn-prev:hover {
  border: 1px solid #6c6c6c;
}

fieldset .navigation {
  width: 100%;
  padding: 20px;
  margin-top: 20px;
}

section.navigation {
  width: 100%;
  padding: 10px;
  margin-top: auto;
  background-color: #ebeff6;
  align-items: center;
  position: relative;
}

section.navigation img {
  max-width: 400px;
}

section.navigation p {
  font-size: var(--bgColor);
  font-size: 20px;
  margin: 0;
  width: auto;
  font-weight: 700;
}

.passosContainer {
  color: #fff;
  font-weight: 600;
}

.passosContainer p {
  font-size: 24px;
  margin: 0 0 5px 0;
}

.navigation img.back {
  max-width: 50px;
  transform: rotate(90deg);
  transition: all 0.1s ease;
}

.navigation img.back:hover {
  cursor: pointer;
  filter: brightness(0) saturate(100%) invert(77%) sepia(43%) saturate(254%) hue-rotate(51deg) brightness(95%) contrast(92%);
}

/* Input custom */
::placeholder {
  color: #b8b8b8;
}

input:-internal-autofill-selected {
  appearance: none;
  background-color: #fff;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: var(--bgColor);
  transition: background-color 5000s ease-in-out 0s;
}

body.ver_2 .radio-options label.col-12 img {
  filter: brightness(0) saturate(100%) invert(16%) sepia(58%) saturate(1717%) hue-rotate(235deg) brightness(91%) contrast(94%);
}

body.ver_2 .radio-options label.col-12:hover img {
  filter: brightness(0) saturate(100%) invert(62%) sepia(58%) saturate(451%) hue-rotate(211deg) brightness(111%) contrast(98%);
}

body.ver_2 .process-card:hover .process-icon {
  filter: brightness(0) saturate(100%) invert(62%) sepia(58%) saturate(451%) hue-rotate(211deg) brightness(111%) contrast(98%);
}

body.ver_2 .navigation img.back:hover {
  filter: brightness(0) saturate(100%) invert(62%) sepia(58%) saturate(451%) hue-rotate(211deg) brightness(111%) contrast(98%);
}

body.ver_2 .process-card:hover {
  --card-border-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='290' height='282' viewBox='0 0 290 282' fill='none'><path d='M73 1H1V281H289V1H217' stroke='url(%23paint0_linear_2083_645)' stroke-width='2'/><defs><linearGradient id='paint0_linear_2083_645' x1='145' y1='1' x2='145' y2='281' gradientUnits='userSpaceOnUse'><stop stop-color='%23D1B3FD'/><stop offset='1' stop-color='%233D296E'/></linearGradient></defs></svg>");
}

.input,
.select2-container--default .select2-selection--single {
  height: 44px;
  max-width: 450px;
  font-size: 16px;
  padding: 12px;
  opacity: 0;
  border-radius: 0;
  border: 2px solid var(--bgColor);
  outline: none;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: 0px 0px 20px -18px;
  background-color: transparent;
}

.input:hover {
  box-shadow: 0px 0px 5px;
}

.input:active,
.selection:active {
  transform: scale(0.95);
}

.input:focus {
  border: 2px solid var(--primaryColorGreen);
  box-shadow: 0px 0px 10px;
}

.input.correct,
.correct {
  box-shadow: 0 0 10px 2px var(--primaryColorGreen) !important;
  border: 2px solid var(--primaryColorGreen) !important;
  transform: translateZ(0);
}

.input.incorrect,
.incorrect {
  box-shadow: 0 0 10px 2px #ff004c !important;
  border: 2px solid #ff004c !important;
}

.img-label label {
  box-shadow: none;
  padding: 10px 15px;
  border-radius: 0;
  max-width: 160px;
  border: 2px solid var(--terciaryColor);
  transition: all 0.3s ease;
}

.small-labels label {
  max-width: 140px !important;
}

.small-labels label.col-12 img {
  width: 45px;
  height: 45px;
  margin-bottom: 10px;
}

.selection {
  width: 100%;
  max-width: 450px;
  height: 60px;
}

.select2-container--default .select2-selection--single {
  padding: 0 0 0 3px;
  text-align: left;
  height: 60px;
  display: flex;
  align-items: center;
  border-radius: 10px;
  border: 2px solid var(--bgColor);
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--primaryColorGreenDark);
}

.select2 {
  margin-top: 20px;
}

.select2-container {
  width: 100% !important;
  max-width: 450px;
  padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  transform: translate(-40%, -50%);
  top: 50%;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-width: 7px 6px 0 6px;
}

.img-label label img {
  max-width: 100px;
}

.img-label label.next:hover {
  animation: none;
  border: 2px solid transparent;
  border-image: linear-gradient(180deg, var(--secondaryColor) 0%, var(--terciaryColor) 100%) 1;
}

select {
  height: 50px;
  max-width: 450px;
  padding: 12px;
  border-radius: 12px;
  border: 2px solid #b8b8b8;
  outline: none;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  box-shadow: 0px 0px 20px -18px;
  -webkit-appearance: none;
  background-image: url(/img/icons/arrow_down.svg);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: 95% center;
}

select:hover {
  border: 2px solid lightgrey;
  box-shadow: 0px 0px 20px -17px;
}

/* Disclaimer */
.disclaimer {
  min-height: 50px;
  justify-content: flex-start;
  max-width: 450px;
  width: 100%;
  border-radius: 15px; 
  align-items: center;
  background-color: transparent;
}

.disclaimer label.check {
  margin-bottom: 0;
}

.disclaimer img {
  max-width: 90px;
  max-height: 60px;
  object-fit: contain;
}

.disclaimer h4 {
  color: #6c6c6c;
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}

.disclaimer p {
  color: #6c6c6c;
  font-weight: 300;
  font-size: 14px;
  font-style: normal;
}

.disclaimer .path,
.disclaimer label.check input:checked~svg .path {
  stroke: #6c6c6c;
}

.disclaimer svg {
  margin-right: 15px;
}

.terms-box p {
  text-align: left;
  margin: 0;
}

#comparing-box {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  margin-top: 20px;
  justify-content: center;
}

#comparing-box img {
  width: 140px;
  padding: 5px;
  height: auto;
  opacity: 0.2;
  transition: opacity 0.3s ease;
  animation: highlight 2.5s infinite;
}

#comparing-box img:nth-child(1) {
  animation-delay: 0s;
}

#comparing-box img:nth-child(2) {
  animation-delay: 0.3s;
}

#comparing-box img:nth-child(3) {
  animation-delay: 0.6s;
}

#comparing-box img:nth-child(4) {
  animation-delay: 0.9s;
}

#comparing-box img:nth-child(5) {
  animation-delay: 1.2s;
}

#comparing-box img:nth-child(6) {
  animation-delay: 1.5s;
}

#comparing-box img:nth-child(7) {
  animation-delay: 1.8s;
}

#comparing-box img:nth-child(8) {
  animation-delay: 2.1s;
}

#comparing-box img:nth-child(9) {
  animation-delay: 2.4s;
}

#comparing-box img:nth-child(10) {
  animation-delay: 2.7s;
}

#comparing-box img:nth-child(11) {
  animation-delay: 3s;
}

@keyframes highlight {

  0%,
  80%,
  100% {
    opacity: 0.2;
    transform: scale(1);
  }

  40% {
    opacity: 1;
    transform: scale(1.2);
  }
}

/* TY page */
.animationTransition {
  position: relative;
}

.animationTransition::after {
  content: '';
  border-bottom: 4px dotted var(--primaryColorGreen);
  height: 1px;
  position: absolute;
  bottom: 50%;
  width: 0;
  left: 50%;
  z-index: -1;
  opacity: 0;
  transition: width 1s ease-in-out, opacity 0.5s ease-in-out;
}

.animationTransition.show-connector::after {
  width: 80%;
  left: 10%;
  opacity: 1;
}

.spinner-container {
  display: none;
  background-color: #fff;
  padding: 15px;
  border-radius: 100px;
}

.spinner {
  width: 60px;
  height: 60px;
  position: relative;
}

.spinner .dot {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
}

.spinner .dot::after {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: rgb(12, 180, 231);
}

.progress {
  margin-top: 25px;
  overflow: visible;
  height: 30px;
  border-radius: 50px;
}

.progress-stacked {
  min-width: 30px;
  height: 30px;
  border-radius: 50px;
  transition: all 0.8s ease-in-out;
  background-color: var(--terciaryColor);
  border: 3px solid var(--terciaryColor);
}

body.ver_2 .progress-stacked {
  background-color: var(--secondaryColor);
  border-color: var(--secondaryColor);
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.spinner .dot {
  animation: spin 2s infinite;
}

.spinner .dot:nth-child(2) {
  animation-delay: 100ms;
}

.spinner .dot:nth-child(3) {
  animation-delay: 200ms;
}

.spinner .dot:nth-child(4) {
  animation-delay: 300ms;
}

.spinner .dot:nth-child(5) {
  animation-delay: 400ms;
}

.modal .btn.btn-block {
  background-color: var(--primaryColorGreen);
  width: 200px;
  color: #fff;
  margin: auto;
  transition: all 0.3s ease;
  border-radius: 30px;
}

.modal .btn.btn-block:hover {
  transform: scale(1.1);
  background-color: var(--primaryColorGreen);
}

.extrah2 a {
  text-decoration: none;
  color: #fff;
  background-color: var(--secondaryColorVioletLight);
  padding: 10px;
  margin: 15px auto 0;
  display: block;
  width: 180px;
  transition: all 0.3s ease;
}

.extrah2 a:hover {
  background-color: var(--primaryColorGreen);
  transform: scale(1.2);
}

#finalStep h3 {
  font-size: 22px;
  text-wrap: balance;
}

.ty #finalStep {
  height: 500px;
}

.ty h1 {
  color: var(--primaryColorGreen);
}

@media (max-width: 1400px) {
  .tall-assistant {
    max-width: 280px;
  }
}

@media (max-width: 1200px) {
  .tall-assistant {
    max-width: 200px;
  }

  #finalStep {
    max-width: 100%;
  }

  .nav .col-md-8 img {
    padding: 5px;
    max-width: 210px;
  }
}

/* Menor do que LG */
@media (max-width: 1024px) {
  .radio-options p {
    margin: 0;
  }

  #progressbar {
    margin-bottom: 20px;
  }

  .tall-assistant {
    display: none !important;
  }

  #finalStep,
  .form-content {
    width: 620px;
    justify-content: flex-start;
    min-width: unset;
    padding: 20px 10px;
  }

  #finalStep h3 {
    font-size: 18px;
    text-wrap: balance;
  }

  .ty #finalStep {
    height: auto;
    padding: 30px;
  }

  .nav .col-md-8 {
    padding-block: 15px;
  }
}

@media(max-width: 992px) {
  fieldset h2 {
    font-size: 28px;
  }
}

/* Menor do que MD */
@media (max-width: 768px) {
  .radio-options label .path {
    display: none;
  }

  #section-0 {
    min-height: 300px;
  }

  .small-labels img {
    display: none;
  }

  .small-labels label.col-12 {
    padding-block: 15px !important;
    max-width: 130px !important;
  }

  .small-labels .gap-5 {
    gap: 10px !important;
  }

  .small-labels h3 {
    font-size: 15px !important;
  }

  .label-mob {
    display: flex;
    width: 100%;
    align-items: center;
  }

  .nav .col-md-8 p {
    display: none;
  }

  .nav img {
    margin-top: 10px;
    padding-block: 5px;
  }

  .nav .col-md-8 {
    padding: 0 0 5px;
  }

  .nav * {
    justify-content: center !important;
  }

  .nav .col-md-8 .img-fluid {
    margin-top: 0;
    margin-bottom: 5px;
  }

  .radio-options h5 {
    margin: 0;
  }

  .radio-options p {
    margin-inline: auto;
  }

  .offerFinal {
    font-size: 20px;
  }

  #comparing-box img {
    width: 80px;
  }

  #finalStep {
    height: auto;
    justify-content: center;
  }

  .input,
  .select2-container--default .select2-selection--single {
    height: 40px;
    max-width: 300px;
  }

  .select2-container--default .select2-selection--single {
    margin: auto;
  }

  .form-content .radio-options label.col-12 {
    max-width: 270px;
    width: 100%;
    padding-block: 5px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }

  .radio-options img {
    max-height: 65px;
  }

  #finalStep {
    width: 100%;
    max-width: 380px;
  }

  #finalStep h2 {
    font-size: 18px;
  }

  fieldset img.assistant {
    margin-bottom: 10px;
  }

  .radio-options label.col-12 img {
    margin-right: 15px;
    margin-bottom: 0;
  }

  .many-options label {
    max-width: 200px;
  }

  .many-options h3 {
    font-size: 20px;
  }

  .radio-options h3,
  .many-options .check {
    margin-bottom: 0 !important;
  }

  .many-options .check {
    margin-bottom: 5px !important;
  }

  .many-options label.col-12 img {
    margin: 0 0 10px 0;
  }

  .disclaimer {
    justify-content: center;
    gap: 10px;
  }

  fieldset h2 {
    font-size: 20px;
  }

  fieldset h1 {
    font-size: 24px;
  }

  .form-content {
    width: 90%;
  }

  .radio-options label.col-12 img {
    margin-left: 0;
  }

  .sliderSection h1 {
    font-size: 26px;
  }

  .sliderSection p {
    font-size: 16px;
    line-height: 1;
  }

  .sliderSection .slick-slide img {
    width: 100%;
    padding: 5px;
  }
}

@media (max-width: 768px) {
  fieldset img.assistant {
    display: block !important;
  }

  fieldset h1 {
    margin-bottom: 12px !important;
  }

  .preformStep h1 {
    font-size: 22px;
  }

  .service-section h2 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .service-section p {
    font-size: 14px;
  }

  .thanks-content {
    text-align: center;
  }
}

/* Menor do que SM */
@media (max-width: 575px) {
  .preformStep h1 {
    font-size: 26px;
  }

  .preformStep img {
    max-width: 300px;
  }

  #progressbar {
    width: 300px;
    padding: 0;
    margin-bottom: 20px;
  }

  .preformStep {
    margin-top: 30px;
  }

  fieldset h1 {
    font-size: 26px;
  }

  fieldset h2 {
    font-size: 22px;
  }

  .form-content {
    --bs-gutter-x: 15px;
  }

  .radio-options img {
    max-height: 70px;
    margin: 0 auto 0 auto;
  }

  .terms-box img {
    display: none;
  }

  .radio-options h3,
  .radio-options p {
    text-align: left;
  }

  .radio-options label.col-12 {
    max-width: 370px;
  }


  .many-options .check {
    margin: 0 !important;
    display: inline;
    width: 20px;
  }

  .radio-options.many-options label.col-12 {
    display: flex;
    gap: 15px;
  }

  .many-options h3 {
    margin: 0;
  }

  .disclaimer {
    max-width: 300px;
    justify-content: center;
  }

  .disclaimer p {
    margin: 0;
  }

  .disclaimer h4 {
    font-size: 18px;
  }

  .terms-box label.check {
    flex-wrap: wrap;
  }

  .terms-box img {
    margin: auto;
  }

  fieldset .terms-box {
    justify-content: center;
    padding: 15px 0 !important;
  }

  .radio-options h3,
  .radio-options p {
    width: 100%;
    margin: auto;
  }

  .radio-options h5 {
    margin: auto 15px auto;
  }

  .form-content {
    min-height: auto;
  }

  fieldset .radio-options {
    gap: 1rem !important;
  }

  .preformStep h2 {
    font-size: 24px;
  }
}

@media (max-width: 450px) {
  .preformStep h1 {
    font-size: 20px;
  }

  .preformStep h2 {
    font-size: 22px;
  }

  .nav p {
    text-align: center;
    font-size: 12px;
  }

  .nav img.img-fluid {
    margin: 0;
  }

  .img-label label.next {
    max-width: 130px;
    padding: 5px;
  }

  .many-options .label-mob img {
    max-width: 100px;
  }

  .nav img:not(.img-fluid) {
    width: 100px;
  }

  #finalStep {
    justify-content: center;
  }

  fieldset img.assistant {
    max-width: 80px;
  }

  .nav img {
    padding: 10px;
  }

  fieldset img.assistant {
    margin-top: 0;
  }

  fieldset h1 {
    font-size: 22px;
  }

  fieldset h2,
  fieldset h3 {
    font-size: 18px;
    text-wrap: balance;
  }

  #lastH2 {
    font-size: 14px;
    margin-top: 20px !important;
  }

  .radio-options label.col-12 {
    max-width: 350px;
    padding-top: 10px;
  }

  label.check {
    position: relative;
  }

  .many-options label {
    max-width: 170px;
  }

  .radio-options.many-options label.col-12 {
    padding-top: 15px;
    padding-bottom: 15px;
    align-items: center;
  }

  .radio-options.many-options label.col-12 img {
    width: 50px;
  }

  .radio-options.many-options label.col-12 {
    margin: auto;
  }

  .img-label .label-mob {
    margin: auto;
  }

  .radio-options.img-label label.col-12 img {
    width: 100px;
  }

  .radio-options label.col-12 img {
    width: 40px;
  }

  .btn-form {
    font-size: 18px;
    width: 200px;
  }

  section.navigation p {
    text-align: center;
  }

  .many-options .label-mob {
    gap: 15px;
  }

  fieldset .terms-box {
    justify-content: center;
    padding: 20px 0 !important;
  }

  .many-options label.check,
  .terms-box label.check {
    bottom: 0;
  }

  .radio-options h5 {
    max-width: 90%;
    text-align: left;
    font-size: 18px;
  }

  .many-options .label-mob {
    gap: 5px;
  }

  .radio-options.many-options label.col-12.col-md-3 {
    max-width: 300px;
    gap: 10px;
  }
}

@media (max-width: 375px) {
  .btn-form {
    font-size: 14px;
    width: 170px;
  }

  .navigation img.back {
    max-width: 30px;
    padding: 0;
  }
}

@media (max-width: 380px) {
  .radio-options label.col-12 img {
    width: 50px;
    margin-right: 15px;
  }

  fieldset h1,
  .radio-options h3 {
    font-size: 20px;
  }

  #finalStep {
    height: auto;
  }
}

.modal .modal-content {
  background-color: rgba(255, 255, 255, 1);
  color: #000;
  border-radius: 15px;
  box-shadow: var(--standardboxshadow);
}

.modal button.close {
  color: #000 !important;
}

.modal .modal-header {
  padding: 10px 30px;
}

.form-content .radio-options label.col-12 img,
body.ver_2 .form-content .radio-options label.col-12 img {
  filter: brightness(0) saturate(100%) invert(61%) sepia(0%) saturate(1132%) hue-rotate(239deg) brightness(68%) contrast(90%);
}

.form-content .radio-options label.col-12:hover img {
  filter: brightness(0) saturate(100%) invert(77%) sepia(43%) saturate(254%) hue-rotate(51deg) brightness(95%) contrast(92%);
}

body.ver_2 .form-content .radio-options label.col-12:hover img {
  filter: brightness(0) saturate(100%) invert(62%) sepia(58%) saturate(451%) hue-rotate(211deg) brightness(111%) contrast(98%);
}