@font-face {
    font-family:"FA 6 Pro";
    src:url("fonts/font-awesome/thin.otf") format("opentype");
    font-weight:100
}
@font-face {
    font-family:"FA 6 Pro";
    src:url("fonts/font-awesome/light.otf") format("opentype");
    font-weight:300
}
@font-face {
    font-family:"FA 6 Pro";
    src:url("/fonts/font-awesome/regular.otf") format("opentype");
    font-weight:400
}
@font-face {
    font-family:"FA 6 Pro";
    src:url("/fonts/font-awesome/solid.otf") format("opentype");
    font-weight:900
}
@font-face {
    font-family:"FA 6 Brands";
    src:url("/fonts/font-awesome/brands.otf") format("opentype");
    font-weight:400
}
.fat {
    font-family:"FA 6 Pro";
    font-weight:100
}
.fal {
    font-family:"FA 6 Pro";
    font-weight:300
}
.far {
    font-family:"FA 6 Pro";
    font-weight:400
}
.fas {
    font-family:"FA 6 Pro";
    font-weight:900
}
.fab {
    font-family:"FA 6 Brands";
    font-weight:normal
}
html {
    scroll-behavior:smooth
}
#root {
    overflow:hidden
}
* {
    margin:0;
    padding:0;
    box-sizing:border-box;
    color:#151515;
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat
}
strong {
    font-weight:bold
}
body {
    font-family:"League Spartan",Arial,Helvetica,sans-serif;
    margin:0;
    padding:0;
    font-size:16px;
    transition:background-color .2s;
    background-color:#fff;
    font-weight:300
}
h1,h2,h3,h4,h5,h6 {
    font-weight:bold;
    font-family:"League Spartan",Arial,Helvetica,sans-serif;
    line-height:1.2
}
h1.main-color,h2.main-color,h3.main-color,h4.main-color,h5.main-color,h6.main-color {
    color:#9291c1
}
h1.second-color,h2.second-color,h3.second-color,h4.second-color,h5.second-color,h6.second-color {
    color:#acd6ef
}
h1.center,h2.center,h3.center,h4.center,h5.center,h6.center {
    text-align:center
}
h1 {
    font-size:70px
}
@media only screen and (max-width: 1070px) {
    h1 {
        font-size:50px
    }
}
h2 {
    font-size:60px
}
@media only screen and (max-width: 1070px) {
    h2 {
        font-size:50px
    }
}
h3 {
    font-size:32px
}
h4 {
    font-size:24px
}
h5 {
    font-size:20px
}
h6 {
    font-size:16px
}
.main-section {
    width:100%;
    padding:8rem 0;
    overflow:hidden;
    background-color:#f2f5fd
}
@media only screen and (max-width: 1280px) {
    .main-section {
        padding:6rem 0
    }
}
@media only screen and (max-width: 1070px) {
    .main-section {
        padding:4rem 0
    }
}
.main-section.to-continue {
    padding-bottom:0
}
@media only screen and (max-width: 1070px) {
    .main-section.to-continue {
        padding-bottom:0
    }
}
.main-container {
    max-width:1080px;
    width:calc(100% - 2rem);
    margin-left:auto;
    margin-right:auto
}
.main-container.small {
    max-width:880px
}
.main-container.large {
    max-width:1400px
}
@media only screen and (max-width: 1070px) {
    .main-container.full-mobile {
        width:100%
    }
}
.main-container.full {
    width:100%;
    max-width:1920px
}
.cols {
    display:grid;
    column-gap:60px;
    align-items:center;
    grid-template-columns:1fr 1fr
}
.cols>div {
    min-width:0
}
.cols.start {
    align-items:flex-start
}
.cols.cols-60-40 {
    grid-template-columns:60% 40%
}
.cols.cols-70-30 {
    grid-template-columns:70% 30%
}
.cols.cols-30-70 {
    grid-template-columns:30% 70%
}
@media only screen and (max-width: 1070px) {
    .cols {
        grid-template-columns:1fr;
        column-gap:0px;
        row-gap:60px
    }
}
@media only screen and (max-width: 1070px) {
    .cols.mobile-reverse {
        display:flex;
        flex-direction:column-reverse;
        justify-content:flex-start;
        align-items:center
    }
}
a {
    text-decoration:none;
    cursor:pointer
}
img {
    display:block;
    max-width:100%;
    max-height:100%
}
.textbox {
    font-size:22px;
    color:#5d6473;
    line-height:1.6
}
@media only screen and (max-width: 1070px) {
    .textbox {
        font-size:18px
    }
}
.textbox.big {
    font-size:22px
}
.textbox.bigger {
    font-size:27px
}
@media only screen and (max-width: 1070px) {
    .textbox.bigger {
        font-size:20px
    }
}
.textbox.white {
    color:#fff
}
.textbox.gray {
    color:#5d6473
}
span {
    color:inherit
}
button {
    padding:0;
    background-color:rgba(0,0,0,0);
    border:0;
    appearance:none;
    cursor:pointer;
    font-family:inherit
}
i {
    font-style:normal
}
.text-centered {
    text-align:center
}
@media only screen and (max-width: 1070px) {
    .desktop {
        display:none
    }
}
b {
    color:inherit
}
.swiper.no-cut {
    overflow:visible
}
@media only screen and (max-width: 1070px) {
    .swiper.no-cut-mobile {
        overflow:visible
    }
}
.swiper.same-height .swiper-slide {
    height:auto !important
}
.box-centerer {
    display:flex;
    justify-content:center;
    align-items:center
}
.bg-white {
    background-color:#fff
}
.cta-wrapper {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin-top:2rem
}
.cta-wrapper.center {
    justify-content:center
}
.mb-half {
    margin-bottom:.5rem
}
.mb-1 {
    margin-bottom:1rem
}
.mb-2 {
    margin-bottom:2rem
}
.mb-3 {
    margin-bottom:3rem
}
.mb-4 {
    margin-bottom:4rem
}
.mt-half {
    margin-top:.5rem
}
.mt-1 {
    margin-top:1rem
}
.mt-2 {
    margin-top:2rem
}
.mt-3 {
    margin-top:3rem
}
.mt-4 {
    margin-top:4rem
}
.form-wrapper-glass {
    padding:4rem;
    background-color:rgba(255,255,255,.05);
    border-radius:1rem;
    backdrop-filter:blur(5px)
}
.main-button {
    background-color:#acd6ef;
    padding:12px 2rem;
    min-width:200px;
    cursor:pointer;
    position:relative;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    box-shadow:0px 3px 6px rgba(0,0,0,0);
    white-space:nowrap;
    transition:all .2s;
    width:fit-content;
    border-radius:12px;
    font-family:"League Spartan",Arial,Helvetica,sans-serif;
    border:1px solid #acd6ef
}
.main-button.slim {
    padding:8px 2rem;
    border-radius:4px;
    width:100%
}
.main-button.slim span {
    font-size:16px
}
.main-button span,.main-button i {
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.main-button span {
    color:#4b4991;
    z-index:1;
    position:relative;
    font-weight:600;
    font-size:1rem
}
.main-button:before,.main-button:after {
    content:"";
    position:absolute;
    width:0%;
    height:100%;
    background-color:#81c1e7;
    transition:all .3s
}
.main-button:before {
    left:-10%;
    transform:skew(30deg)
}
.main-button:after {
    right:-10%;
    transform:skew(30deg)
}
.main-button:focus:not([disabled],.disabled),.main-button:active:not([disabled],.disabled) {
    outline:none;
    background-color:#6cb6e3;
    box-shadow:0px 3px 6px #acd6ef
}
.main-button:focus:not([disabled],.disabled):before,.main-button:focus:not([disabled],.disabled):after,.main-button:active:not([disabled],.disabled):before,.main-button:active:not([disabled],.disabled):after {
    background-color:#6cb6e3;
    width:70%
}
.main-button:hover:not([disabled],.disabled) {
    border-color:#81c1e7;
    transform:translateY(-4px);
    box-shadow:0px 3px 6px #acd6ef
}
.main-button:hover:not([disabled],.disabled):before,.main-button:hover:not([disabled],.disabled):after {
    width:70%
}
.main-button:hover:not([disabled],.disabled) i {
    margin-left:1rem
}
.main-button:hover:not([disabled],.disabled) span,.main-button:hover:not([disabled],.disabled) i {
    color:#4b4991
}
.main-button i {
    z-index:1;
    position:relative;
    transition:all .2s;
    color:#4b4991;
    margin-bottom:1px;
    font-size:14px;
    margin-left:.5rem
}
.main-button.secondary-button {
    background-color:#acd6ef;
    border-color:#acd6ef
}
.main-button.secondary-button:before,.main-button.secondary-button:after {
    background-color:#81c1e7
}
.main-button.secondary-button:hover:not([disabled],.disabled),.main-button.secondary-button:focus:not([disabled],.disabled),.main-button.secondary-button:active:not([disabled],.disabled) {
    border-color:#acd6ef;
    box-shadow:0px 3px 6px #acd6ef
}
.main-button.secondary-button:hover:not([disabled],.disabled):before,.main-button.secondary-button:hover:not([disabled],.disabled):after,.main-button.secondary-button:focus:not([disabled],.disabled):before,.main-button.secondary-button:focus:not([disabled],.disabled):after,.main-button.secondary-button:active:not([disabled],.disabled):before,.main-button.secondary-button:active:not([disabled],.disabled):after {
    background-color:#81c1e7
}
.main-button.custom-color {
    background-color:blue;
    border-color:blue
}
.main-button.custom-color:before,.main-button.custom-color:after {
    background-color:#00c
}
.main-button.custom-color:hover:not([disabled],.disabled),.main-button.custom-color:focus:not([disabled],.disabled),.main-button.custom-color:active:not([disabled],.disabled) {
    border-color:blue;
    box-shadow:0px 3px 6px blue
}
.main-button.custom-color:hover:not([disabled],.disabled):before,.main-button.custom-color:hover:not([disabled],.disabled):after,.main-button.custom-color:focus:not([disabled],.disabled):before,.main-button.custom-color:focus:not([disabled],.disabled):after,.main-button.custom-color:active:not([disabled],.disabled):before,.main-button.custom-color:active:not([disabled],.disabled):after {
    background-color:#00c
}
.main-button.ghost-button {
    background-color:rgba(0,0,0,0);
    border:1px solid #acd6ef
}
.main-button.ghost-button span,.main-button.ghost-button i {
    color:#acd6ef
}
.main-button.ghost-button:before,.main-button.ghost-button:after {
    background-color:#fff
}
.main-button.ghost-button:hover:not([disabled],.disabled) span,.main-button.ghost-button:hover:not([disabled],.disabled) i,.main-button.ghost-button:focus:not([disabled],.disabled) span,.main-button.ghost-button:focus:not([disabled],.disabled) i,.main-button.ghost-button:active:not([disabled],.disabled) span,.main-button.ghost-button:active:not([disabled],.disabled) i {
    color:#acd6ef
}
.main-button.ghost-button:hover:not([disabled],.disabled):before,.main-button.ghost-button:hover:not([disabled],.disabled):after,.main-button.ghost-button:focus:not([disabled],.disabled):before,.main-button.ghost-button:focus:not([disabled],.disabled):after,.main-button.ghost-button:active:not([disabled],.disabled):before,.main-button.ghost-button:active:not([disabled],.disabled):after {
    background-color:#fff
}
.main-button.ghost-button.white-button {
    border-color:#fff;
    box-shadow:0px 3px 6px #fff
}
.main-button.ghost-button.white-button span,.main-button.ghost-button.white-button i {
    color:#fff
}
.main-button.ghost-button.white-button:hover {
    border-color:#acd6ef
}
.main-button.ghost-button.secondary-button {
    border-color:#acd6ef
}
.main-button.ghost-button.secondary-button span,.main-button.ghost-button.secondary-button i {
    color:#acd6ef
}
.main-button.ghost-button.secondary-button:before,.main-button.ghost-button.secondary-button:after {
    background-color:#fff
}
.main-button.ghost-button.secondary-button:hover:not([disabled],.disabled),.main-button.ghost-button.secondary-button:focus:not([disabled],.disabled),.main-button.ghost-button.secondary-button:active:not([disabled],.disabled) {
    box-shadow:0px 3px 6px #acd6ef
}
.main-button.ghost-button.secondary-button:hover:not([disabled],.disabled) span,.main-button.ghost-button.secondary-button:hover:not([disabled],.disabled) i,.main-button.ghost-button.secondary-button:focus:not([disabled],.disabled) span,.main-button.ghost-button.secondary-button:focus:not([disabled],.disabled) i,.main-button.ghost-button.secondary-button:active:not([disabled],.disabled) span,.main-button.ghost-button.secondary-button:active:not([disabled],.disabled) i {
    color:#acd6ef
}
.main-button.ghost-button.secondary-button:hover:not([disabled],.disabled):before,.main-button.ghost-button.secondary-button:hover:not([disabled],.disabled):after,.main-button.ghost-button.secondary-button:focus:not([disabled],.disabled):before,.main-button.ghost-button.secondary-button:focus:not([disabled],.disabled):after,.main-button.ghost-button.secondary-button:active:not([disabled],.disabled):before,.main-button.ghost-button.secondary-button:active:not([disabled],.disabled):after {
    background-color:#fff
}
.main-button.ghost-button.custom-color {
    border-color:blue
}
.main-button.ghost-button.custom-color span,.main-button.ghost-button.custom-color i {
    color:blue
}
.main-button.ghost-button.custom-color:before,.main-button.ghost-button.custom-color:after {
    background-color:#e6e6ff
}
.main-button.ghost-button.custom-color:hover:not([disabled],.disabled),.main-button.ghost-button.custom-color:focus:not([disabled],.disabled),.main-button.ghost-button.custom-color:active:not([disabled],.disabled) {
    box-shadow:0px 3px 6px blue
}
.main-button.ghost-button.custom-color:hover:not([disabled],.disabled) span,.main-button.ghost-button.custom-color:hover:not([disabled],.disabled) i,.main-button.ghost-button.custom-color:focus:not([disabled],.disabled) span,.main-button.ghost-button.custom-color:focus:not([disabled],.disabled) i,.main-button.ghost-button.custom-color:active:not([disabled],.disabled) span,.main-button.ghost-button.custom-color:active:not([disabled],.disabled) i {
    color:blue
}
.main-button.ghost-button.custom-color:hover:not([disabled],.disabled):before,.main-button.ghost-button.custom-color:hover:not([disabled],.disabled):after,.main-button.ghost-button.custom-color:focus:not([disabled],.disabled):before,.main-button.ghost-button.custom-color:focus:not([disabled],.disabled):after,.main-button.ghost-button.custom-color:active:not([disabled],.disabled):before,.main-button.ghost-button.custom-color:active:not([disabled],.disabled):after {
    background-color:#e6e6ff
}
.main-button:disabled,.main-button.disabled {
    cursor:default;
    background-color:#d9d9d9;
    border-color:#d9d9d9;
    box-shadow:none
}
.main-button:disabled.ghost-button,.main-button.disabled.ghost-button {
    background-color:#f8f8f8;
    border-color:#d9d9d9;
    box-shadow:none
}
.main-button:disabled span,.main-button:disabled i,.main-button.disabled span,.main-button.disabled i {
    color:#767676
}
.main-button:disabled:hover span,.main-button:disabled:hover i,.main-button.disabled:hover span,.main-button.disabled:hover i {
    color:#767676
}
.main-button.loading:disabled {
    position:relative;
    cursor:default;
    background-color:#acd6ef;
    border-color:#acd6ef
}
.main-button.loading:disabled i {
    opacity:0;
    display:none
}
.main-button.loading:disabled span {
    color:rgba(0,0,0,0);
    display:block;
    position:relative
}
.main-button.loading:disabled span:after {
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    display:inline-block;
    width:16px;
    height:16px;
    border-radius:50%;
    border:3px solid #1e1d1d;
    border-color:#fff rgba(0,0,0,0) #fff rgba(0,0,0,0);
    animation:lds-dual-ring 1.2s linear infinite
}
@keyframes lds-dual-ring {
    0% {
        transform:translate(-50%, -50%) rotate(0deg)
    }
    100% {
        transform:translate(-50%, -50%) rotate(360deg)
    }
}
.main-form {
    display:grid;
    grid-template-columns:1fr;
    gap:20px
}
.main-form .actions {
    display:flex;
    justify-content:space-between;
    align-items:center
}
@media only screen and (max-width: 1070px) {
    .main-form .actions {
        flex-direction:column-reverse;
        justify-content:center
    }
}
.main-form .actions p {
    font-size:11px;
    color:#767676
}
.main-form .actions .main-button {
    margin:0;
    margin-left:auto
}
@media only screen and (max-width: 1070px) {
    .main-form .actions .main-button {
        margin:0 auto;
        margin-bottom:32px
    }
}
input,select,textarea {
    font-size:1rem;
    font-family:"League Spartan",Arial,Helvetica,sans-serif
}
.main-select {
    height:calc(.5rem + 16px + .5rem + 3px);
    width:100%;
    position:relative
}
.main-select.icon {
    display:flex;
    justify-content:flex-start;
    align-items:flex-start
}
.main-select.icon .icon-wrapper {
    position:relative;
    width:45px;
    flex-shrink:0;
    z-index:2;
    border-right:1px solid #ebebeb;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    display:flex;
    justify-content:center;
    align-items:center
}
.main-select select {
    appearance:none;
    -webkit-appearance:none;
    border:0;
    padding:0;
    margin:0;
    background-color:rgba(0,0,0,0);
    width:100%;
    height:100%;
    padding-left:1rem;
    padding-right:2.5rem;
    position:relative;
    z-index:2
}
.main-select select[disabled] {
    color:#d9d9d9;
    background-color:#f8f8f8
}
.main-select select:focus {
    outline:none
}
.main-select select:focus+div {
    background-color:#fff;
    border-color:rgba(0,0,0,0);
    box-shadow:0px 0px 6px rgba(146,145,193,.5)
}
.main-select select.invalid:focus+div {
    box-shadow:0px 0px 6px rgba(255,70,70,.5)
}
.main-select select.invalid+div {
    border:1px solid #ff4646
}
.main-select select.invalid~span.error {
    display:block;
    top:-32px
}
.main-select:before {
    font-family:"Font Awesome 6 Pro";
    font-weight:600;
    content:"";
    position:absolute;
    top:50%;
    right:1rem;
    transform:translateY(-50%);
    z-index:2;
    color:#9291c1
}
.main-select>div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    border-radius:8px;
    background-color:#fff;
    border:2px solid rgba(255,255,255,.2);
    transition:all .2s
}
.main-select.white-select>div {
    background-color:#fff
}
.input-wrapper {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    position:relative
}
.input-wrapper label {
    margin-bottom:.5rem;
    font-family:"League Spartan",Arial,Helvetica,sans-serif;
    font-weight:normal;
    display:flex;
    justify-content:flex-start;
    align-items:flex-start;
    width:100%;
    color:#fff
}
.input-wrapper label span.info-text {
    color:#d9d9d9;
    font-weight:normal;
    font-size:12px;
    margin-left:auto;
    margin-top:auto;
    display:block
}
.input-wrapper span.error {
    font-size:12px;
    position:absolute;
    bottom:2px;
    right:30px;
    color:#ff4646;
    font-weight:normal;
    display:none
}
.input-wrapper span.error * {
    color:#ff4646
}
.input-wrapper.show-error {
    position:relative
}
.input-wrapper.show-error label {
    color:#ff4646
}
.input-wrapper.show-error input,.input-wrapper.show-error .main-select div {
    border-color:#ff4646;
    border-width:2px
}
.input-wrapper.show-error .main-select:before {
    color:#ff4646
}
.input-wrapper.show-error:after {
    content:"Por favor, corrige este campo";
    position:absolute;
    bottom:4px;
    right:8px;
    text-align:right;
    font-size:12px;
    color:#ff4646
}
.input-wrapper.show-error:has(input[business-email]):after {
    content:"Por favor, ingresa un correo corporativo."
}
textarea.main-input {
    resize:none;
    display:block;
    height:120px;
    border-radius:8px;
    background-color:#fff
}
textarea.main-input:disabled {
    color:#d9d9d9
}
.main-input,.iti__search-input {
    border:0;
    background-color:#fff;
    padding:.5rem 1rem;
    width:100%;
    border-radius:8px;
    transition:all .2s;
    border:2px solid rgba(255,255,255,.2);
    appearance:none;
    font-size:16px
}
.main-input.slim,.iti__search-input.slim {
    padding:8px 1rem
}
.main-input.no-border,.iti__search-input.no-border {
    border:none
}
.main-input::-webkit-outer-spin-button,.main-input::-webkit-inner-spin-button,.iti__search-input::-webkit-outer-spin-button,.iti__search-input::-webkit-inner-spin-button {
    -webkit-appearance:none;
    margin:0
}
.main-input[type=number],.iti__search-input[type=number] {
    -moz-appearance:textfield
}
.main-input:focus,.iti__search-input:focus {
    outline:none;
    border-color:rgba(0,0,0,0);
    box-shadow:0px 0px 6px rgba(146,145,193,.5);
    background-color:#fff
}
.main-input.invalid:not(.not-error),.iti__search-input.invalid:not(.not-error) {
    border:1px solid #ff4646
}
.main-input.invalid:not(.not-error):focus,.iti__search-input.invalid:not(.not-error):focus {
    box-shadow:0px 0px 6px #ff4646
}
.main-input.invalid:not(.not-error)+span.error,.iti__search-input.invalid:not(.not-error)+span.error {
    display:block
}
.main-input::placeholder,.iti__search-input::placeholder {
    color:#999
}
.main-input:disabled,.iti__search-input:disabled {
    color:#d9d9d9
}
.main-input-radio {
    display:none
}
.main-input-radio+label {
    cursor:pointer;
    font-family:"League Spartan",Arial,Helvetica,sans-serif;
    font-weight:normal
}
.main-input-radio+label .input {
    width:20px;
    height:20px;
    border:1px solid #767676;
    border-radius:50%;
    position:relative
}
.main-input-radio+label .input:before {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    display:block;
    content:"";
    background-color:#9291c1;
    width:0;
    height:0;
    border-radius:50%;
    transition:all .2s
}
.main-input-radio:checked+label .input {
    border-color:#9291c1
}
.main-input-radio:checked+label .input:before {
    width:calc(100% - 8px);
    height:calc(100% - 8px)
}
.main-checkbox input {
    display:none
}
.main-checkbox input:checked+label {
    color:#9291c1
}
.main-checkbox input:checked+label:before {
    content:"";
    color:#9291c1;
    font-weight:bold;
    animation:checkedAnimation .2s
}
.main-checkbox input:disabled+label {
    color:#d9d9d9
}
.main-checkbox input:disabled+label:before {
    color:#767676;
    font-weight:600
}
.main-checkbox label {
    font-family:"League Spartan",Arial,Helvetica,sans-serif;
    font-weight:normal;
    font-size:1rem;
    display:flex;
    justify-content:flex-start;
    align-items:center;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    cursor:pointer;
    color:#767676
}
.main-checkbox label:before {
    display:block;
    content:"";
    font-family:"Font Awesome 6 Pro";
    font-weight:100;
    margin-right:.5rem;
    font-size:1.2rem
}
.main-switch {
    margin-bottom:.5rem
}
.main-switch.mb-1 {
    margin-bottom:1rem
}
.main-switch input {
    display:none
}
.main-switch input+label {
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-family:"League Spartan",Arial,Helvetica,sans-serif;
    font-weight:normal
}
.main-switch input+label span {
    display:block;
    flex-shrink:0;
    white-space:nowrap
}
.main-switch input+label span.big-switch {
    font-size:1.25rem
}
.main-switch input+label .switch {
    width:42px;
    height:22px;
    border-radius:100000px;
    background-color:#f8f8f8;
    position:relative;
    transition:all .2s;
    flex-shrink:0
}
.main-switch input+label .switch:after {
    content:"";
    position:absolute;
    width:18px;
    height:18px;
    background-color:#fff;
    top:2px;
    left:2px;
    border-radius:50%;
    transition:all .2s
}
.main-switch input:checked+label .switch {
    background-color:#9291c1
}
.main-switch input:checked+label .switch:after {
    left:22px
}
.input-wrapper.two-options-wrapper .options-wrapper {
    display:flex;
    width:100%;
    border-radius:8px;
    overflow:hidden
}
.input-wrapper.two-options-wrapper .options-wrapper input {
    display:none
}
.input-wrapper.two-options-wrapper .options-wrapper input:checked+label {
    background-color:#9291c1;
    color:#fff
}
.input-wrapper.two-options-wrapper .options-wrapper label {
    height:45px;
    display:flex;
    justify-content:center;
    align-items:center;
    width:50%;
    background-color:#f8f8f8;
    font-weight:normal;
    margin:0;
    transition:all .2s;
    cursor:pointer;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    font-family:"League Spartan",Arial,Helvetica,sans-serif;
    font-weight:normal
}
.inputs-wrapper {
    display:grid;
    gap:1rem
}
.inputs-wrapper-2 {
    grid-template-columns:1fr 1fr
}
.inputs-wrapper-3 {
    grid-template-columns:1fr 1fr 1fr
}
.inputs-wrapper-4 {
    grid-template-columns:1fr 1fr 1fr 1fr
}
@media only screen and (max-width: 1070px) {
    .inputs-wrapper {
        grid-template-columns:1fr
    }
}
@keyframes checkedAnimation {
    0% {
        transform:scale(1)
    }
    80% {
        transform:scale(1.2)
    }
    100% {
        transform:scale(1)
    }
}
@keyframes toggleAnimation {
    0% {
        opacity:0;
        transform:scale(0.8)
    }
    70% {
        transform:scale(1.05)
    }
    100% {
        opacity:1;
        transform:scale(1)
    }
}
@keyframes toggleAnimationLeft {
    0% {
        opacity:0;
        transform:scale(0.8);
        transform-origin:top left
    }
    70% {
        transform:scale(1.05)
    }
    100% {
        opacity:1;
        transform:scale(1)
    }
}
@keyframes nonStatic {
    0% {
        opacity:0;
        transform:scale(0.9)
    }
    80% {
        transform:scale(1.05)
    }
    100% {
        opacity:1;
        transform:scale(1)
    }
}
@keyframes justOpacity {
    from {
        opacity:0
    }
    to {
        opacity:1
    }
}
@keyframes leftAnimation {
    0% {
        opacity:0;
        transform:translateX(100px)
    }
    100% {
        transform:translateX(0);
        opacity:1
    }
}
@keyframes rightAnimation {
    0% {
        opacity:0;
        transform:translateX(-100px)
    }
    100% {
        transform:translateX(0);
        opacity:1
    }
}
@keyframes bottomAnimationMargin {
    0% {
        opacity:0;
        margin-bottom:-100px
    }
    100% {
        opacity:1;
        margin-bottom:0px
    }
}
.modal {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:rgba(0,0,0,.7);
    z-index:20;
    backdrop-filter:blur(5px)
}
.modal .abs-close-button {
    position:absolute;
    top:2rem;
    right:2rem;
    cursor:pointer
}
.modal .abs-close-button:before {
    content:"";
    font-family:"FA 6 Pro";
    font-weight:400;
    color:#000;
    font-size:2rem;
    transition:all .2s;
    display:block
}
.modal .abs-close-button:hover:before {
    color:#9291c1;
    transform:scale(0.8)
}
@media only screen and (max-width: 1070px) {
    .modal .abs-close-button {
        top:1rem;
        right:1rem
    }
}
.modal .modal-content {
    width:calc(100% - 1rem);
    max-width:800px;
    background-color:#fff;
    overflow:hidden;
    border-radius:16px;
    overflow:hidden;
    padding:4rem;
    position:relative;
    animation:toggleAnimation .2s
}
@media only screen and (max-width: 1070px) {
    .modal .modal-content {
        max-height:calc(100% - 4rem);
        overflow-y:scroll;
        display:block;
        display:block;
        padding:4rem 1rem
    }
}
.modal .modal-content .title-section {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:1rem 2rem;
    border-bottom:1px solid #f2f2f2
}
.modal .modal-content .title-section button i {
    font-size:32px
}
.modal .modal-content .content-section {
    padding:4rem
}
@media only screen and (max-width: 1070px) {
    .modal .modal-content .content-section {
        padding:3rem 1rem
    }
}
.modal .lateral-modal-content {
    width:90%;
    background-color:#f8f8f8;
    height:100%;
    margin-left:auto;
    max-width:850px;
    box-shadow:0px 3px 6px rgba(0,0,0,.1);
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-start;
    overflow-x:hidden;
    overflow-y:scroll;
    animation:fromRight .3s
}
.modal .lateral-modal-content .content-wrapper,.modal .lateral-modal-content .buttons-wrapper {
    padding:1.5rem;
    width:100%
}
.modal .lateral-modal-content .buttons-wrapper {
    border-top:1px solid #fff;
    display:flex;
    justify-content:flex-end;
    align-items:center;
    margin-top:auto
}
.modal .lateral-modal-content .buttons-wrapper button {
    margin-left:1rem
}
.modal .lateral-modal-content .content-wrapper {
    padding:2.5rem 1.5rem
}
.modal .lateral-modal-content .content-wrapper .header {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:2.5rem
}
.modal .lateral-modal-content .content-wrapper .form-section {
    background-color:#fff;
    padding:1.5rem;
    border-radius:8px;
    display:grid;
    grid-template-columns:1fr;
    gap:1rem;
    margin-bottom:1rem;
    box-shadow:0px 1px 1px rgba(0,0,0,.1)
}
.modal .lateral-modal-content .content-wrapper .form-section:last-child {
    margin-bottom:0
}
@keyframes fromRight {
    from {
        opacity:0;
        transform:translateX(100px)
    }
    to {
        opacity:1;
        transform:translateX(0)
    }
}
.privacy {
    padding-top:60px
}
.privacy h2 {
    font-size:32px;
    margin-bottom:2rem;
    text-align:center
}
.privacy p {
    line-height:1.6;
    margin-bottom:1rem
}
nav {
    padding:24px 0;
    box-shadow:none;
    transition:all .2s;
    background-color:rgba(255,255,255,0);
    border-bottom:1px solid rgba(255,255,255,.3);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:100
}
@media only screen and (max-width: 1070px) {
    nav {
        padding:16px 0
    }
}
nav .main-container {
    display:flex;
    justify-content:space-between;
    align-items:center
}
nav .main-container .brand-logo {
    flex-shrink:0;
    z-index:2;
    transition:all .2s;
    height:64px
}
@media only screen and (max-width: 1070px) {
    nav .main-container .brand-logo {
        height:44px
    }
}
nav .main-container .brand-logo img {
    transition:all .2s
}
nav .main-container .nav-menu {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%
}
@media only screen and (max-width: 1070px) {
    nav .main-container .nav-menu {
        position:absolute;
        top:-620%;
        left:0;
        width:100%;
        flex-direction:column;
        padding:40px 16px;
        transition:all .2s;
        z-index:1;
        background-color:#4b4991
    }
}
nav .main-container .nav-menu .nav-links {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:16px;
    gap:16px;
    font-family:"League Spartan",Arial,Helvetica,sans-serif
}
nav .main-container .nav-menu .nav-links a:not(.main-button) {
    display:block;
    text-align:center;
    padding:12px 1rem;
    border-radius:8px;
    transition:all .2s;
    font-size:18px;
    color:#fff
}
nav .main-container .nav-menu .nav-links a:not(.main-button):hover {
    background-color:rgba(255,255,255,.1);
    color:#acd6ef
}
@media only screen and (max-width: 1070px) {
    nav .main-container .nav-menu .nav-links a:not(.main-button) {
        font-size:20px
    }
}
nav .main-container .nav-menu .nav-links a:not(.main-button).active {
    color:#acd6ef
}
@media only screen and (max-width: 1070px) {
    nav .main-container .nav-menu .nav-links {
        margin-right:0;
        margin-bottom:32px;
        flex-direction:column
    }
}
nav .main-container .nav-menu .nav-links {
    margin-right:0;
    margin:0 auto
}
nav .bars-button {
    display:none;
    z-index:2;
    font-size:32px;
    color:#fff
}
@media only screen and (max-width: 1070px) {
    nav .bars-button {
        display:block
    }
}
@media only screen and (max-width: 1070px) {
    nav.show-menu {
        background-color:rgba(255,255,255,0)
    }
    nav.show-menu .nav-menu {
        top:77px
    }
    nav.show-menu .bars-button {
        color:#acd6ef
    }
}
nav {
    transition:all .2s
}
nav.scrolled {
    background-color:rgba(75,73,145,.8);
    padding:12px 0;
    backdrop-filter:blur(5px)
}
@media only screen and (max-width: 1070px) {
    nav.scrolled {
        padding:12px 0
    }
}
nav.scrolled .brand-logo {
    height:54px
}
@media only screen and (max-width: 1070px) {
    nav.scrolled .brand-logo {
        height:38px
    }
}
nav.scrolled.show-menu .nav-menu {
    top:63px
}
.hero {
    padding:180px 0;
    padding-top:293px;
    background-image:url("assets/hero.png");
    background-size:cover;
    background-position:left center;
    position:relative
}
.hero:before {
    content:"";
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(75,73,145,.2)
}
@media only screen and (max-width: 1070px) {
    .hero:before {
        background-color:rgba(75,73,145,.5)
    }
}
@media only screen and (max-width: 1070px) {
    .hero {
        padding:180px 0;
        padding-top:257px;
        background-image:url("assets/hero.png");
        background-position:top right
    }
}
.hero .main-container {
    position:relative
}
.hero .main-container .hero-content {
    max-width:480px
}
.hero .main-container .hero-content h1 {
    color:#fff;
    font-size:48px
}
@media only screen and (max-width: 1070px) {
    .hero .main-container .hero-content h1 {
        font-size:40px
    }
}
.hero .main-container .hero-content p {
    font-size:24px;
    color:#fff;
    line-height:1.6
}
@media only screen and (max-width: 1070px) {
    .hero .main-container .hero-content p {
        font-size:20px
    }
}
@media only screen and (max-width: 1070px) {
    .hero .main-container .hero-content h1,.hero .main-container .hero-content p {
        text-align:center
    }
}
@media only screen and (max-width: 1070px) {
    .hero .main-container .hero-content .main-button {
        margin:0 auto
    }
}
.marquee-wrapper {
    padding:4rem 0;
    overflow:hidden
}
.marquee-wrapper .marquee {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    padding:0 40px;
    animation:marquee 2000s infinite linear
}
@media only screen and (max-width: 1070px) {
    .marquee-wrapper .marquee {
        animation:marquee 250s infinite linear
    }
}
.marquee-wrapper .marquee:hover {
    animation-play-state:paused
}
.marquee-wrapper .marquee .marquee-img {
    margin-right:40px;
    flex-shrink:0;
    height:56px;
    display:flex;
    justify-content:center;
    align-items:center
}
.marquee-wrapper.right .marquee {
    justify-content:flex-end;
    animation-name:marqueeRight
}
@media only screen and (max-width: 1070px) {
    .marquee-wrapper.right .marquee {
        animation-name:marqueeRight
    }
}
@keyframes marquee {
    0% {
        margin-left:0
    }
    100% {
        margin-left:-10000%
    }
}
@keyframes marqueeRight {
    0% {
        margin-right:0
    }
    100% {
        margin-right:-10000%
    }
}
.swiper-container .swiper-pagination {
    position:relative;
    margin:0 auto;
    margin-top:2.5rem;
    background-color:#fff;
    width:max-content;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:4px 0;
    border-radius:1000px
}
.swiper-container .swiper-pagination .swiper-pagination-bullet {
    width:12px;
    height:12px;
    transition:all .2s
}
.swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color:#9291c1
}
.swiper-container .swiper-btns {
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:2rem;
    margin-bottom:2rem
}
.swiper-container .swiper-btns.only-mobile {
    display:none
}
@media only screen and (max-width: 1070px) {
    .swiper-container .swiper-btns.only-mobile {
        display:flex
    }
}
.swiper-container .swiper-btns .swiper-btn {
    width:60px;
    height:60px;
    transition:all .2s;
    background-color:rgba(0,0,0,0);
    color:#acd6ef;
    border:1px solid #acd6ef;
    border-radius:50%;
    font-size:24px
}
.swiper-container .swiper-btns .swiper-btn.white-btn {
    border-color:#fff;
    color:#fff
}
.swiper-container .swiper-btns .swiper-btn.white-btn:hover:not(.swiper-button-disabled) {
    background-color:#fff;
    color:#9291c1
}
.swiper-container .swiper-btns .swiper-btn.swiper-button-disabled {
    cursor:default;
    border-color:#767676;
    color:#767676
}
.swiper-container .swiper-btns .swiper-btn:hover:not(.swiper-button-disabled) {
    background-color:#acd6ef;
    color:#fff
}
.swiper-container .swiper-btns .swiper-btn:last-child {
    margin-left:16px
}
.faqs {
    max-width:700px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr;
    gap:0px;
    justify-content:flex-start;
    align-items:flex-start
}
@media only screen and (max-width: 1070px) {
    .faqs {
        grid-template-columns:1fr
    }
}
.faqs .faq {
    border-radius:0px;
    display:block;
    text-align:left;
    width:100%;
    border:1px solid #d9d9d9
}
.faqs .faq .faq-head {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:12px 24px;
    background-color:#fff
}
.faqs .faq .faq-head h3 {
    font-size:16px;
    width:80%;
    font-family:"League Spartan",Arial,Helvetica,sans-serif;
    font-weight:normal;
    color:#151515
}
@media only screen and (max-width: 1070px) {
    .faqs .faq .faq-head h3 {
        font-size:16px
    }
}
.faqs .faq .faq-head span {
    font-size:24px;
    color:#9291c1
}
.faqs .faq .faq-answer {
    font-size:16px;
    display:none;
    animation:faqAnimation .1s;
    transform-origin:0 0;
    padding:12px 24px;
    background-color:#f9f9f9
}
.faqs .faq .faq-answer p {
    color:#000
}
.faqs .faq.active .faq-head {
    background-color:#9291c1
}
.faqs .faq.active .faq-head h3,.faqs .faq.active .faq-head span {
    color:#fff
}
.faqs .faq.active .faq-answer {
    display:block
}
@keyframes faqAnimation {
    from {
        transform-origin:top left;
        transform:scale(0.5);
        opacity:0
    }
    to {
        transform:scale(1);
        opacity:1
    }
}
.tabs-container .tabs {
    display:flex;
    align-items:center;
    justify-content:flex-start
}
.tabs-container .tab-content {
    display:none
}
.tabs-container .tab-content.active {
    display:block;
    animation:justOpacity 1s
}
.iti {
    width:100%;
    color:#151515
}
.iti__selected-country-primary {
    padding:0 16px;
    border-top-left-radius:8px;
    border-bottom-left-radius:8px
}
.iti__search-input {
    padding:12px;
    margin-bottom:1rem
}
.iti--inline-dropdown .iti__dropdown-content {
    padding:1rem;
    padding-bottom:0;
    border:1px solid #f2f2f2;
    border-radius:8px;
    z-index:100;
    transform-origin:0 0;
    animation:toggleAnimationLeft .2s
}
.form-error-message {
    display:none;
    margin-top:24px;
    background-color:#ff4646;
    color:#fff;
    padding:32px;
    text-align:center;
    border-radius:8px
}
.form-wrapper {
    background-color:rgba(0,0,0,.2);
    backdrop-filter:blur(10px);
    padding:50px;
    border-radius:16px
}
@media only screen and (max-width: 1070px) {
    .form-wrapper {
        padding:40px 1rem
    }
}
.footer-cols {
    background-color:#9291c1 !important;
    background-position:center;
    background-size:cover;
    z-index:10;
    position:relative
}
.footer-cols .main-section {
    background-color:rgba(0,0,0,0) !important
}
.footer-cols footer {
    padding:5rem 0
}
.footer-cols .footer-logo {
    display:block;
    margin-bottom:2rem;
    height:60px
}
.footer-cols .footer-logo img {
    margin:0 auto
}
.footer-cols .menus-wrapper {
    display:flex;
    justify-content:flex-end;
    align-items:flex-start;
    width:60%;
    max-width:100%;
    gap:80px
}
@media only screen and (max-width: 1070px) {
    .footer-cols .menus-wrapper {
        flex-direction:column;
        justify-content:center;
        align-items:center
    }
    .footer-cols .menus-wrapper h3 {
        text-align:center
    }
}
.footer-cols .menus-wrapper>div {
    max-width:240px
}
.footer-cols .social-links {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:1rem
}
.footer-cols .social-links a i {
    font-size:32px;
    transition:all .2s
}
.footer-cols .social-links a:hover i {
    color:#acd6ef
}
.footer-cols * {
    color:#fff
}
.footer-cols__cols {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    column-gap:32px;
    padding:2rem 0
}
@media only screen and (max-width: 1070px) {
    .footer-cols__cols {
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start
    }
}
.footer-cols__cols>div {
    width:100%;
    max-width:270px
}
@media only screen and (max-width: 1070px) {
    .footer-cols__cols>div {
        margin:0 auto;
        margin-bottom:2rem
    }
}
.footer-cols__cols>div h3 {
    font-size:20px;
    margin-bottom:1rem;
    color:#acd6ef
}
.footer-cols__cols>div .footer-cols-links-wrapper {
    display:grid;
    grid-template-columns:1fr;
    row-gap:20px
}
@media only screen and (max-width: 1070px) {
    .footer-cols__cols>div .footer-cols-links-wrapper {
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center
    }
}
.footer-cols__cols>div .footer-cols-links-wrapper a {
    display:flex;
    justify-content:flex-start;
    align-items:flex-start
}
@media only screen and (max-width: 1070px) {
    .footer-cols__cols>div .footer-cols-links-wrapper a {
        text-align:center
    }
}
.footer-cols__cols>div .footer-cols-links-wrapper a i {
    width:20px;
    height:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:.5rem;
    margin-top:2px
}
.footer-cols__cols>div .footer-cols-links-wrapper a:hover i {
    color:#acd6ef
}
.footer-cols__cols>div .footer-cols-links-wrapper a:hover span {
    text-decoration:underline
}
.footer-cols-last-section {
    text-align:center;
    padding:16px
}
.footer-cols-last-section,.footer-cols-last-section * {
    color:#fff
}
.youtube-video-wrapper .youtube-video-thumbnail {
    position:relative;
    display:block;
    width:100%
}
.youtube-video-wrapper .youtube-video-thumbnail img {
    width:100%;
    height:auto
}
.youtube-video-wrapper .youtube-video-thumbnail .play-btn {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:80px;
    height:80px;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:rgba(255,255,255,.1);
    border-radius:50%;
    transition:all .2s
}
.youtube-video-wrapper .youtube-video-thumbnail .play-btn:hover {
    background-color:rgba(146,145,193,.1)
}
.youtube-video-wrapper .youtube-video-thumbnail .play-btn i {
    font-size:24px;
    color:#fff
}
.youtube-video-wrapper .modal {
    display:none
}
.youtube-video-wrapper .modal.show {
    display:flex
}
.youtube-video-wrapper .modal .abs-close-button:before {
    color:#fff;
    font-weight:100
}
.youtube-video-wrapper .video-modal-content {
    width:80%;
    height:80%
}
@media only screen and (max-width: 1070px) {
    .youtube-video-wrapper .video-modal-content {
        width:calc(100% - 2rem)
    }
}
.dnm-whatsapp-button-wrapper {
    z-index:1000000
}
.dnm-whatsapp-button-wrapper * {
    box-sizing:border-box
}
.dnm-whatsapp-button-wrapper button.dnm-whatsapp-button {
    background-color:rgba(0,0,0,0);
    border:0;
    background-color:#25d366;
    width:60px;
    height:60px;
    border-radius:50%;
    position:fixed;
    bottom:32px;
    left:32px;
    display:flex;
    justify-content:center;
    align-items:center;
    box-shadow:0px 3px 6px rgba(0,0,0,.2);
    cursor:pointer;
    transition:all .2s;
    z-index:99999;
    padding:0
}
@media only screen and (max-width: 1070px) {
    .dnm-whatsapp-button-wrapper button.dnm-whatsapp-button {
        bottom:16px
    }
}
.dnm-whatsapp-button-wrapper button.dnm-whatsapp-button:active {
    background-color:#1da851
}
.dnm-whatsapp-button-wrapper button.dnm-whatsapp-button:hover:before {
    transform:scale(1.5)
}
.dnm-whatsapp-button-wrapper button.dnm-whatsapp-button:before {
    content:"";
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(37,211,102,.2);
    top:0;
    left:0;
    z-index:1;
    transform:scale(1);
    border-radius:50%;
    transition:all .2s
}
.dnm-whatsapp-button-wrapper button.dnm-whatsapp-button i {
    font-size:36px;
    color:#fff;
    display:block;
    z-index:2;
    margin-bottom:2px
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:1000;
    display:flex;
    justify-content:flex-end;
    align-items:flex-end;
    display:none;
    z-index:10000
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal.show {
    display:flex
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content {
    background-color:#fff;
    animation:modalAnimation .2s;
    padding:36px 16px;
    margin-bottom:100px;
    margin-right:32px;
    transform-origin:right bottom;
    width:100%;
    max-width:400px;
    border-radius:16px;
    box-shadow:0px 20px 50px rgba(0,0,0,.2)
}
@media only screen and (max-width: 1070px) {
    .dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content {
        margin-right:16px
    }
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content h2 {
    margin:0;
    font-size:24px;
    margin-bottom:16px;
    text-align:left;
    font-family:"League Spartan",Arial,Helvetica,sans-serif !important;
    color:#25d366
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form {
    display:grid;
    grid-template-columns:1fr;
    gap:16px
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .dnm-input.iti__tel-input {
    padding-left:82px !important
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .dnm-input {
    padding:16px;
    border-radius:8px;
    background-color:#f6f4f0;
    border:1px solid rgba(0,0,0,0);
    font-size:16px;
    outline:none;
    transition:all .2s;
    margin:0;
    width:100%;
    color:#000
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .dnm-input:focus {
    background-color:#fff;
    box-shadow:0px 0px 8px rgba(75,224,131,.5);
    border-color:#4be083
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .dnm-button {
    width:100%;
    padding:16px;
    font-size:16px;
    font-weight:bold;
    background-color:#25d366;
    border:0;
    color:#fff;
    border-radius:8px;
    cursor:pointer;
    transition:all .2s;
    margin-top:16px;
    border:1px solid rgba(0,0,0,0)
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .dnm-button:hover:not(:disabled) {
    box-shadow:0px 0px 8px rgba(37,211,102,.5);
    background-color:#21bd5c
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .dnm-button:focus {
    box-shadow:0px 0px 8px rgba(37,211,102,.5)
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .dnm-button:active {
    background-color:#1da851;
    box-shadow:0px 0px 8px rgba(37,211,102,.5)
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .dnm-button:disabled {
    background-color:#ccc;
    cursor:default;
    color:#888
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .dnm-button:disabled:hover {
    box-shadow:none
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .main-select {
    height:52px;
    width:100%;
    position:relative
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .main-select.icon {
    display:flex;
    justify-content:flex-start;
    align-items:flex-start
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .main-select.icon .icon-wrapper {
    position:relative;
    width:45px;
    flex-shrink:0;
    z-index:2;
    border-right:1px solid #e1e1e1;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    display:flex;
    justify-content:center;
    align-items:center
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .main-select select {
    appearance:none;
    -webkit-appearance:none;
    border:0;
    padding:0;
    margin:0;
    background-color:rgba(0,0,0,0);
    width:100%;
    height:100%;
    padding-left:1rem;
    padding-right:2.5rem;
    position:relative;
    z-index:2;
    font-size:16px
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .main-select select:focus {
    outline:none
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .main-select select:focus+div {
    background-color:#fff;
    border-color:#25d366;
    box-shadow:0px 0px 6px rgba(37,211,102,.5)
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .main-select:before {
    position:absolute;
    top:50%;
    right:1rem;
    transform:translateY(-50%);
    z-index:2;
    color:#25d366
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .main-select>div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    transition:all .2s;
    border-radius:8px;
    background-color:#f1f1f1;
    border:1px solid rgba(0,0,0,0);
    font-size:16px
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .main-select.white-select>div {
    background-color:#fff
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .custom-section {
    display:grid;
    grid-template-columns:1fr;
    gap:16px
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content form .custom-section p {
    color:gray;
    font-weight:bold;
    font-size:14px;
    margin:0
}
.dnm-whatsapp-button-wrapper .dnm-whatsapp-modal .modal-content.error {
    background-color:#fff;
    border:1px solid #ffadad;
    color:#af1a1a
}
.dnm-whatsapp-button-wrapper.right button.dnm-whatsapp-button {
    left:unset;
    right:32px
}
@media only screen and (max-width: 1070px) {
    .dnm-whatsapp-button-wrapper.right button.dnm-whatsapp-button {
        right:16px
    }
}
.dnm-whatsapp-button-wrapper.right .dnm-whatsapp-modal .modal-content {
    margin-left:auto;
    animation:modalAnimationRight .2s
}
@media only screen and (max-width: 1070px) {
    .dnm-whatsapp-button-wrapper.right .dnm-whatsapp-modal .modal-content {
        margin-left:16px
    }
}
@keyframes modalAnimation {
    from {
        transform:scale(0)
    }
    to {
        transform:scale(1)
    }
}
@keyframes modalAnimationRight {
    from {
        transform:scale(0)
    }
    to {
        transform:scale(1)
    }
}
.testimonial-card {
    box-shadow:0px 5px 30px rgba(0,0,0,.1);
    padding:2rem;
    border-radius:1rem;
    height:100%;
    background-color:#fff
}
.testimonial-card .user {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    margin-bottom:1rem
}
.testimonial-card .user img {
    height:40px;
    margin-right:1rem
}
.testimonial-card .user .user-name {
    font-size:12px
}
.testimonial-card .user .user-name span {
    font-weight:bold;
    font-size:20px
}
@media only screen and (max-width: 1070px) {
    .testimonial-card .user .user-name {
        font-size:20px
    }
}
.testimonial-card .testimonial-text {
    font-size:18px
}
@media only screen and (max-width: 1070px) {
    .testimonial-card .testimonial-text {
        font-size:18px
    }
}
.contact-section {
    background-image:url("assets/contact.png")
}
.contact-section h2,.contact-section p {
    text-align:left;
    margin:0;
    color:#fff
}
.contact-section p {
    font-size:1.5rem;
    margin-top:1rem
}
.video-card {
    height:500px;
    background-color:#e1e1e1;
    border-radius:1rem;
    display:flex;
    justify-content:center;
    align-items:center;
    background-position:center;
    background-size:cover
}
.video-card .play-button {
    width:60px;
    height:60px;
    background-color:rgba(255,255,255,.5);
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .2s
}
.video-card .play-button:hover {
    background-color:#fff
}
.video-card .play-button i {
    font-size:24px;
    color:#9291c1
}
.modal-video {
    z-index:1000;
    background-color:rgba(255,255,255,.6);
    backdrop-filter:blur(20px);
    display:none
}
.modal-video.show {
    display:flex
}
.modal-video iframe {
    width:80vw;
    height:80vh;
    display:block
}
.modal-video .abs-close-button:before {
    color:#000
}
.sticker {
    z-index:11;
    overflow:visible;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#f2f5fd
}
.sticker img {
    margin-top:-60px;
    height:120px
}
h2 {
    font-size:40px;
    font-weight:700;
    line-height:1;
    text-align:center;
    margin-bottom:4rem
}
h2 span {
    color:#9291c1
}
.icon-cards {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:60px
}
@media only screen and (max-width: 1070px) {
    .icon-cards {
        grid-template-columns:1fr;
        gap:16px
    }
}
.icon-cards .card {
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:1rem
}
.icon-cards .card img {
    width:50px
}
.icon-cards .card h3 {
    font-size:20px;
    font-weight:700;
    line-height:1
}
.icon-cards .card p {
    font-size:12px;
    line-height:1.5
}
.small-card {
    border-radius:12px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:1rem;
    background-color:#fff;
    padding:1rem
}
.small-card.shadow>img:first-child {
    box-shadow:0px 0px 5px rgba(0,0,0,.1);
    border-radius:12px
}
.small-card.model-card {
    height:100%;
    justify-content:flex-start
}
.small-card.model-card h4 {
    color:#9291c1
}
.small-card img {
    width:100%
}
.small-card h3,.small-card h4 {
    font-size:20px;
    font-weight:700;
    line-height:1;
    margin:8px 0
}
.small-card h4 {
    text-align:left;
    width:100%;
    font-weight:500
}
.small-card p {
    font-size:12px;
    text-align:center
}
.map {
    margin-top:4rem;
    border-radius:2rem
}
.main-section.gray {
    background-color:#e3e2f3
}
.grid-modelos {
    display:grid;
    grid-template-columns:.5fr .25fr .25fr;
    gap:2rem
}
@media only screen and (max-width: 1070px) {
    .grid-modelos {
        grid-template-columns:1fr
    }
}
.card-grid {
    padding:2rem;
    padding-bottom:200px;
    border-radius:1rem
}
.card-grid h3,.card-grid p {
    color:#fff
}
@media only screen and (max-width: 1070px) {
    .card-grid h3,.card-grid p {
        text-align:center
    }
}
.card-grid h3 {
    font-size:20px
}
@media only screen and (max-width: 1070px) {
    .card-grid h3 {
        font-size:32px;
        text-align:center
    }
}
.card-grid.grid-1 {
    background-image:url("assets/grid-1.png")
}
.card-grid.grid-2 {
    background-image:url("assets/grid-2.png")
}
.card-grid.grid-3 {
    background-image:url("assets/grid-3.png")
}
.white-card {
    background-color:#fff;
    padding:2rem;
    border-radius:1rem;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    gap:1.5rem;
    height:100%
}
.white-card h3,.white-card p {
    text-align:center
}
.white-card h3 {
    font-size:20px
}
.white-card img {
    height:64px
}
.typ-hero {
    padding:5rem 0 !important;
    padding-top:calc(113px + 2rem) !important
}
.evalor-logo {
    margin-top:3rem
}
.evalor-logo p {
    text-align:center;
    margin-bottom:1rem
}
.evalor-logo img {
    max-width:160px !important;
    margin:0 auto
}
.plain-button {
    color:#9291c1;
    font-weight:700;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    gap:.5rem;
    padding-top:4px;
    padding-left:1rem;
    padding-right:.5rem;
    border-radius:1000px;
    transition:all .2s
}
.plain-button i {
    color:inherit;
    margin-top:-3px
}
.plain-button:hover {
    background-color:#9291c1;
    color:#fff
}
.plain-button:hover i {
    color:#fff
}
/*# sourceMappingURL=index.css.map */