@font-face {
    font-family: Google Sans;
    src: url(assets/fonts/GoogleSans.ttf) format("truetype");
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Google Sans;
    src: url(assets/fonts/GoogleSans-Italic.ttf) format("truetype");
    font-style: italic;
    font-display: swap
}

::-webkit-scrollbar {
    width: 0
}

::-webkit-scrollbar-thumb {
    border-radius: 3px
}

::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(135, 141, 141, .47058823529411764)
}

button, input, select, textarea {
    margin: 0;
    outline: none
}

*, html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

/* -------------------language------------------------- */

select.gt_selector.notranslate {
    display: -webkit-box;
    /* display: inline-flex; */
    -webkit-box-align: center;
    align-items: center;
    padding: 10px 0px;
    border-radius: 100px;
    color: var(--blue);
    text-decoration: none;
    -webkit-transition: background-color .3s ease, color .3s ease, -webkit-box-shadow .3s ease;
    transition: background-color .3s ease, color .3s ease, -webkit-box-shadow .3s ease;
    transition: background-color .3s ease, color .3s ease, box-shadow .3s ease;
    transition: background-color .3s ease, color .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease;
    font-size: 16px;
    font-weight: 600;
    border: 0px;
    width: 100px;
}

.gt_selector option[value=""] {
    display: none;
}


img, video {
    height: auto;
    max-width: 100%
}

iframe {
    border: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

td:not([align]), th:not([align]) {
    text-align: left
}

body, html {
    margin: 0;
    padding: 0
}

.site-content {
    overflow: hidden
}

.typography blockquote, .typography body, .typography dd, .typography dl, .typography dt, .typography fieldset, .typography figure, .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6, .typography hr, .typography html, .typography iframe, .typography legend, .typography li, .typography ol, .typography p, .typography pre, .typography textarea, .typography ul {
    margin: 0;
    padding: 0
}

.typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 {
    font-size: 100%;
    font-weight: 400
}

.typography ul {
    list-style: none
}

@-webkit-keyframes spinAround {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spinAround {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes future {
    0% {
        -webkit-transform: translate(-660px, -50%) rotate(-45deg);
        transform: translate(-660px, -50%) rotate(-45deg)
    }

    50% {
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg)
    }

    to {
        -webkit-transform: translate(660px, -50%) rotate(-45deg);
        transform: translate(660px, -50%) rotate(-45deg)
    }
}

@keyframes future {
    0% {
        -webkit-transform: translate(-660px, -50%) rotate(-45deg);
        transform: translate(-660px, -50%) rotate(-45deg)
    }

    50% {
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg)
    }

    to {
        -webkit-transform: translate(660px, -50%) rotate(-45deg);
        transform: translate(660px, -50%) rotate(-45deg)
    }
}

:root {
    --primary-color: #510bf5;
    --blue: #510bf5;
    --purple: #8311ef;
    --gradient: linear-gradient(90deg, #510bf5, #8311ef)
}

.tw-themes .tw-display {
    font-weight: 700
}

.tw-themes .d-xs {
    font-size: 24px;
    line-height: 1.25
}

.tw-themes .d-sm {
    font-size: 30px;
    line-height: 1.26667
}

.tw-themes .d-md {
    font-size: 36px;
    line-height: 1.22222
}

.tw-themes .d-lg {
    font-size: 48px;
    line-height: 1.166667
}

.tw-themes .d-xl {
    font-size: 60px;
    line-height: 1.2
}

.tw-themes .d-2xl {
    font-size: 72px;
    line-height: 1.11111
}

.tw-themes .tw-text {
    font-family: Google Sans, Arial, Helvetica, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif
}

.tw-themes .t-xs {
    font-size: 12px;
    line-height: 1.8
}

.tw-themes .t-sm {
    font-size: 14px;
    line-height: 1.28571
}

.tw-themes .text-gradient-04 {
    background: var(--Gradient-04);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tw-themes .t-sm-regular {
    font-size: 14px;
    line-height: 1.28571
}

.tw-themes .t-md-medium {
    font-size: 16px;
    line-height: 1.25
}

.tw-themes .t-md-regular {
    font-size: 16px;
    line-height: 1.375
}

.tw-themes .t-lg {
    font-size: 18px;
    line-height: 1.333
}

.tw-themes .t-xl {
    font-size: 20px;
    line-height: 1.4
}

@media only screen and (max-width:640px) {
    .tw-themes .t-xl {
        font-size: 16px;
        line-height: 20px
    }
}

.tw-themes .f-regular {
    font-weight: 400
}

.tw-themes .f-medium {
    font-weight: 500
}

.tw-themes .f-semibold {
    font-weight: 600
}

.tw-themes .f-bold {
    font-weight: 700
}

.tw-themes .f-italic {
    font-style: italic
}

.tw-themes .text-center {
    text-align: center
}

.tw-themes .text-left {
    text-align: left
}

.tw-themes .text-right {
    text-align: right
}

.tw-themes .text-justify {
    text-align: justify
}

.tw-themes .text-uppercase {
    text-transform: uppercase
}

.tw-themes .text-capitalize {
    text-transform: capitalize
}

.tw-themes .text-line-through {
    text-decoration: line-through
}

.tw-themes .color-inherit {
    color: inherit
}

.tw-themes .color-red {
    color: red
}

.tw-themes .color-blue {
    color: var(--blue)
}

.tw-themes .color-purple {
    color: var(--purple)
}

.tw-themes .hover-color-blue:hover {
    color: var(--blue)
}

.tw-themes .hover-color-purple:hover {
    color: var(--purple)
}

.tw-themes .color-white {
    color: #fff
}

.tw-themes .color-black {
    color: #000
}

.tw-themes .color-gray-400 {
    color: var(--Gray-400)
}

.tw-themes .color-gray-300 {
    color: var(--Gray-300)
}

.tw-themes .color-gray-500 {
    color: var(--Gray-500)
}

.tw-themes .color-gradient {
    background: var(--gradient);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.tw-themes .bg-transparent {
    background: transparent
}

.tw-themes .bg-gradient {
    background: var(--gradient)
}

.tw-themes .bg-white {
    background: #fff
}

.tw-themes .bg-black {
    background: #000
}

.tw-themes .pad-0 {
    padding: 0
}

.tw-themes .pad-t-2 {
    padding-top: 2px
}

.tw-themes .pad-4 {
    padding: 4px
}

.tw-themes .pad-t-4 {
    padding-top: 4px
}

.tw-themes .pad-b-4 {
    padding-bottom: 4px
}

.tw-themes .pad-l-4 {
    padding-left: 4px
}

.tw-themes .pad-r-4 {
    padding-right: 4px
}

.tw-themes .pad-l-6 {
    padding-left: 6px
}

.tw-themes .pad-r-6 {
    padding-right: 6px
}

.tw-themes .pad-lr-6 {
    padding-left: 6px;
    padding-right: 6px
}

.tw-themes .pad-t-6 {
    padding-top: 6px
}

.tw-themes .pad-b-6 {
    padding-bottom: 6px
}

.tw-themes .pad-tb-6 {
    padding-top: 6px;
    padding-bottom: 6px
}

.tw-themes .pad-8 {
    padding: 8px
}

.tw-themes .pad-t-8 {
    padding-top: 8px
}

.tw-themes .pad-b-8 {
    padding-bottom: 8px
}

.tw-themes .pad-tb-8 {
    padding-top: 8px;
    padding-bottom: 8px
}

.tw-themes .pad-l-8 {
    padding-left: 8px
}

.tw-themes .pad-r-8 {
    padding-right: 8px
}

.tw-themes .pad-lr-8 {
    padding-left: 8px;
    padding-right: 8px
}

.tw-themes .pad-12 {
    padding: 12px
}

.tw-themes .pad-tb-12 {
    padding-top: 12px;
    padding-bottom: 12px
}

.tw-themes .pad-lr-12 {
    padding-left: 12px;
    padding-right: 12px
}

.tw-themes .pad-t-12 {
    padding-top: 12px
}

.tw-themes .pad-b-12 {
    padding-bottom: 12px
}

.tw-themes .pad-l-12 {
    padding-left: 12px
}

.tw-themes .pad-r-12 {
    padding-right: 12px
}

.tw-themes .pad-t-15 {
    padding-top: 15px
}

.tw-themes .pad-b-15 {
    padding-bottom: 15px
}

.tw-themes .pad-tb-15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.tw-themes .pad-16 {
    padding: 16px
}

.tw-themes .pad-tb-16 {
    padding-top: 16px;
    padding-bottom: 16px
}

.tw-themes .pad-lr-16 {
    padding-left: 16px;
    padding-right: 16px
}

.tw-themes .pad-t-16 {
    padding-top: 16px
}

.tw-themes .pad-b-16 {
    padding-bottom: 16px
}

.tw-themes .pad-l-16 {
    padding-left: 16px
}

.tw-themes .pad-r-16 {
    padding-right: 16px
}

.tw-themes .pad-tb-18 {
    padding-top: 18px;
    padding-bottom: 18px
}

.tw-themes .pad-b-22 {
    padding-bottom: 22px
}

.tw-themes .pad-24 {
    padding: 24px
}

.tw-themes .pad-tb-24 {
    padding-top: 24px;
    padding-bottom: 24px
}

.tw-themes .pad-lr-24 {
    padding-left: 24px;
    padding-right: 24px
}

.tw-themes .pad-t-24 {
    padding-top: 24px
}

.tw-themes .pad-b-24 {
    padding-bottom: 24px
}

.tw-themes .pad-l-24 {
    padding-left: 24px
}

.tw-themes .pad-r-24 {
    padding-right: 24px
}

.tw-themes .pad-32 {
    padding: 32px
}

.tw-themes .pad-tb-32 {
    padding-top: 32px;
    padding-bottom: 32px
}

.tw-themes .pad-lr-32 {
    padding-left: 32px;
    padding-right: 32px
}

.tw-themes .pad-t-32 {
    padding-top: 32px
}

.tw-themes .pad-b-32 {
    padding-bottom: 32px
}

.tw-themes .pad-l-32 {
    padding-left: 32px
}

.tw-themes .pad-r-32 {
    padding-right: 32px
}

.tw-themes .pad-b-40 {
    padding-bottom: 40px
}

.tw-themes .pad-t-40 {
    padding-top: 40px
}

.tw-themes .pad-tb-40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.tw-themes .pad-lr-40 {
    padding-left: 40px;
    padding-right: 40px
}

.tw-themes .pad-t-45 {
    padding-top: 45px
}

.tw-themes .pad-b-45 {
    padding-bottom: 45px
}

.tw-themes .pad-tb-45 {
    padding-top: 45px;
    padding-bottom: 45px
}

.tw-themes .pad-t-48 {
    padding-top: 48px
}

.tw-themes .pad-b-48 {
    padding-bottom: 48px
}

.tw-themes .pad-tb-48 {
    padding-top: 48px;
    padding-bottom: 48px
}

.tw-themes .pad-t-56 {
    padding-top: 56px
}

.tw-themes .pad-b-56 {
    padding-bottom: 56px
}

.tw-themes .pad-tb-56 {
    padding-top: 56px;
    padding-bottom: 56px
}

.tw-themes .pad-t-60 {
    padding-top: 60px
}

.tw-themes .pad-b-60 {
    padding-bottom: 60px
}

.tw-themes .pad-tb-60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.tw-themes .pad-t-64 {
    padding-top: 64px
}

.tw-themes .pad-lr-64 {
    padding-left: 64px;
    padding-right: 64px
}

.tw-themes .pad-t-72 {
    padding-top: 72px
}

.tw-themes .pad-b-72 {
    padding-bottom: 72px
}

.tw-themes .pad-l-72 {
    padding-left: 72px
}

.tw-themes .pad-r-72 {
    padding-right: 72px
}

.tw-themes .pad-lr-72 {
    padding-left: 72px;
    padding-right: 72px
}

.tw-themes .pad-tb-72 {
    padding-top: 72px;
    padding-bottom: 72px
}

.tw-themes .pad-b-64 {
    padding-bottom: 64px
}

.tw-themes .pad-b-80 {
    padding-bottom: 80px
}

.tw-themes .pad-t-80 {
    padding-top: 80px
}

.tw-themes .pad-tb-80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.tw-themes .pad-l-96 {
    padding-left: 96px
}

.tw-themes .pad-r-96 {
    padding-right: 96px
}

.tw-themes .pad-t-96 {
    padding-top: 96px
}

.tw-themes .pad-b-96 {
    padding-bottom: 96px
}

.tw-themes .pad-t-112 {
    padding-top: 112px
}

.tw-themes .pad-b-112 {
    padding-bottom: 112px
}

.tw-themes .mt-auto {
    margin-top: auto
}

.tw-themes .mb-auto {
    margin-bottom: auto
}

.tw-themes .mr-auto {
    margin-right: auto
}

.tw-themes .ml-auto {
    margin-left: auto
}

.tw-themes .mx-auto {
    margin-left: auto;
    margin-right: auto
}

.tw-themes .mb-4 {
    margin-bottom: 4px
}

.tw-themes .mb-6 {
    margin-bottom: 6px
}

.tw-themes .mb-8 {
    margin-bottom: 8px
}

.tw-themes .mb-12 {
    margin-bottom: 12px
}

.tw-themes .mb-16 {
    margin-bottom: 16px
}

.tw-themes .mb-20 {
    margin-bottom: 20px
}

.tw-themes .mb-24 {
    margin-bottom: 24px
}

.tw-themes .mb-32 {
    margin-bottom: 32px
}

.tw-themes .mb-40 {
    margin-bottom: 40px
}

.tw-themes .mb-56 {
    margin-bottom: 56px
}

.tw-themes .mb-60 {
    margin-bottom: 60px
}

.tw-themes .mt-4 {
    margin-top: 4px
}

.tw-themes .mt-8 {
    margin-top: 8px
}

.tw-themes .mt-12 {
    margin-top: 12px
}

.tw-themes .mt-16 {
    margin-top: 16px
}

.tw-themes .mt-24 {
    margin-top: 24px
}

.tw-themes .mt-32 {
    margin-top: 32px
}

.tw-themes .mt-40 {
    margin-top: 40px
}

.tw-themes .mt-48 {
    margin-top: 48px
}

.tw-themes [class*=rx-] {
    overflow: hidden
}

.tw-themes .rx-4 {
    border-radius: 4px
}

.tw-themes .rx-6 {
    border-radius: 6px
}

.tw-themes .rx-8 {
    border-radius: 8px
}

.tw-themes .rx-10 {
    border-radius: 10px
}

.tw-themes .rx-12 {
    border-radius: 12px
}

.tw-themes .rx-16 {
    border-radius: 16px
}

.tw-themes .rx-20 {
    border-radius: 20px
}

.tw-themes .rx-24 {
    border-radius: 24px
}

.tw-themes .rx-28 {
    border-radius: 28px
}

.tw-themes .rx-32 {
    border-radius: 32px
}

.tw-themes .rx-40 {
    border-radius: 40px
}

.tw-themes .rx-48 {
    border-radius: 48px
}

.tw-themes .rx-50 {
    border-radius: 50%
}

.tw-themes .rx-100 {
    border-radius: 100px
}

.tw-themes .w-50 {
    width: 50%
}

.tw-themes .w-100 {
    width: 100%
}

.tw-themes .swiper-slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tw-themes .border-0, .tw-themes .border-none {
    border: none
}

.tw-themes .d-none {
    display: none
}

.tw-themes .hover-opacity {
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.tw-themes .hover-opacity:hover {
    opacity: .8
}

.tw-themes .hover-bg-gray-100:hover {
    background-color: var(--Gray-100)
}

.tw-themes .cursor-pointer {
    cursor: pointer
}

.tw-themes strong {
    font-weight: 700
}

.tw-themes .line-clamp-1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden
}

.tw-container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

@media (max-width:1440px) {
    .tw-container {
        padding: 0 30px
    }
}

@media (max-width:768px) {
    .tw-container {
        padding: 0 15px
    }
}

body, html {
    font-family: Google Sans, Arial, Helvetica, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Open Sans, Helvetica Neue, sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: 1.4;
    color: #000
}

html {
    scroll-behavior: auto
}

html.hidden {
    overflow: hidden
}

html.hidden .overlay {
    opacity: 1;
    visibility: visible
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    opacity: 0;
    visibility: hidden;
    z-index: 99
}

.tw-button-teaser {
    font-family: iCiel Gotham, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    background: transparent;
    outline: 0;
    border: none;
    color: #fff;
    border-radius: 100px;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out;
    position: relative;
    overflow: hidden;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.tw-button-teaser span, .tw-button-teaser svg {
    position: relative;
    z-index: 9
}

.tw-button-teaser.__h-48 {
    height: 48px;
    padding: 16px 32px;
    gap: 9px
}

.tw-button-teaser.__h-40 {
    height: 40px;
    padding: 12px 24px;
    gap: 8px
}

.tw-button-teaser.primary {
    background: var(--Cyan, #00bed6)
}

.tw-button-teaser.primary:before {
    position: absolute;
    content: "";
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: var(--Blue-Gradient, linear-gradient(263deg, #00bed6 -.77%, #12768c 96.91%));
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out;
    opacity: 0;
    visibility: hidden
}

.tw-button-teaser.primary:hover:before {
    opacity: 1;
    visibility: visible
}

.tw-button-teaser.secondary {
    background: var(--Light-Blue, #cef2f7);
    color: var(--Cyan, #00bed6)
}

.tw-button-teaser.secondary:hover {
    color: #fff;
    background: var(--Cyan, #00bed6)
}

.tw-button-teaser.thirdty {
    border: 1px solid hsla(0, 0%, 100%, .2)
}

.tw-button-teaser.thirdty:hover {
    color: var(--Cyan);
    border: 1px solid var(--Cyan, #00bed6)
}

.tw-button-teaser.centered {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0 auto
}

.tab-content {
    position: relative
}

.tab-content .tab-panel {
    display: none
}

.tab-content .tab-panel.active {
    display: block
}

.d-flex {
    display: -webkit-box;
    display: flex
}

.d-inline-flex {
    display: -webkit-inline-box;
    display: inline-flex
}

.d-flex.flex-column, .d-inline-flex.flex-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.d-flex.align-start, .d-inline-flex.align-start {
    -webkit-box-align: start;
    align-items: flex-start
}

.d-flex.align-end, .d-inline-flex.align-end {
    -webkit-box-align: end;
    align-items: flex-end
}

.d-flex.align-center, .d-inline-flex.align-center {
    -webkit-box-align: center;
    align-items: center
}

.d-flex.align-baseline, .d-inline-flex.align-baseline {
    -webkit-box-align: baseline;
    align-items: baseline
}

.d-flex.justify-between, .d-inline-flex.justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between
}

.d-flex.justify-end, .d-inline-flex.justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end
}

.d-flex.justify-start, .d-inline-flex.justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start
}

.d-flex.justify-center, .d-inline-flex.justify-center {
    -webkit-box-pack: center;
    justify-content: center
}

.d-flex.flex-wrap, .d-inline-flex.flex-wrap {
    flex-wrap: wrap
}

.d-flex.gap-4, .d-inline-flex.gap-4 {
    gap: 4px
}

.d-flex.gap-8, .d-inline-flex.gap-8 {
    gap: 8px
}

.d-flex.gap-10, .d-inline-flex.gap-10 {
    gap: 10px
}

.d-flex.gap-12, .d-inline-flex.gap-12 {
    gap: 12px
}

.d-flex.gap-16, .d-inline-flex.gap-16 {
    gap: 16px
}

.d-flex.gap-8-16, .d-inline-flex.gap-8-16 {
    gap: 8px 16px
}

.d-flex.gap-20, .d-inline-flex.gap-20 {
    gap: 20px
}

.d-flex.gap-24, .d-inline-flex.gap-24 {
    gap: 24px
}

.d-flex.gap-30, .d-inline-flex.gap-30 {
    gap: 30px
}

.d-flex.gap-32, .d-inline-flex.gap-32 {
    gap: 32px
}

.d-flex.gap-40, .d-inline-flex.gap-40 {
    gap: 40px
}

.d-flex.gap-48, .d-inline-flex.gap-48 {
    gap: 48px
}

.d-flex.gap-56, .d-inline-flex.gap-56 {
    gap: 56px
}

.d-flex.gap-64, .d-inline-flex.gap-64 {
    gap: 64px
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-justify {
    text-align: justify
}

.text-uppercase {
    text-transform: uppercase
}

.text-lowercase {
    text-transform: lowercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-decoration-none {
    text-decoration: none
}

.text-decoration-underline {
    text-decoration: underline
}

.text-decoration-line-through {
    text-decoration: line-through
}

.text-decoration-overline {
    text-decoration: overline
}

.color-white {
    color: #fff
}

.color-black {
    color: #000
}

.lds-ring, .lds-ring div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 48px;
    height: 48px
}

.lds-ring div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 32px;
    height: 32px;
    margin: 8px 0;
    border-radius: 50%;
    -webkit-animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    animation: lds-ring 1.2s cubic-bezier(.5, 0, .5, 1) infinite;
    border: 4px solid transparent;
    border-top-color: currentcolor
}

.lds-ring div:first-child {
    -webkit-animation-delay: -.45s;
    animation-delay: -.45s
}

.lds-ring div:nth-child(2) {
    -webkit-animation-delay: -.3s;
    animation-delay: -.3s
}

.lds-ring div:nth-child(3) {
    -webkit-animation-delay: -.15s;
    animation-delay: -.15s
}

@-webkit-keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes lds-ring {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    z-index: 1000;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s, opacity .3s ease;
    transition: visibility 0s, opacity .3s ease
}

.modal.is-active {
    visibility: visible;
    opacity: 1
}

.modal__content {
    background-color: #fff;
    padding: 20px;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
    max-width: 750px;
    width: 95%;
    margin: 0 auto 60px;
    position: relative;
    max-height: 90vh;
    overflow-y: auto;
    border-radius: 8px;
    -webkit-overflow-scrolling: touch
}

@media (max-width:767px) {
    .modal__content {
        margin: 0 auto
    }
}

.modal__content .modal-body {
    padding: 2px;
    overflow-y: auto;
    max-height: 70vh
}

@media (max-width:767px) {
    .modal__content .modal-body {
        max-height: 70vh
    }
}

.modal__content .btn-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.modal__content .btn-close:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.modal__content h2 {
    margin-top: 0;
    margin-bottom: 24px
}

.modal__content p {
    margin-bottom: 20px
}

.modal__content button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 15px;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer
}

.modal__content button:hover {
    background-color: #0056b3
}

.modal__content .note {
    font-style: italic;
    font-weight: 500;
    color: #000036
}

.header-main {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 999;
    -webkit-transition: .4s ease-out;
    transition: .4s ease-out;
    padding: 20px 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.header-main .header__container {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    max-width: 1640px;
    margin: auto
}

@media only screen and (max-width:1680px) {
    .header-main .header__container {
        max-width: 1600px;
        padding: 0 30px
    }
}

@media only screen and (max-width:768px) {
    .header-main .header__container {
        padding: 0 15px
    }
}

.header-main .header__logo {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    text-decoration: none;
    flex-shrink: 0
}

.header-main .header__logo img {
    /* width: 100%;
    height: 100%; */
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left;
    object-position: left
}

@media only screen and (max-width:1680px) {
    .header-main .header__logo {
        width: 220px
    }
}

@media only screen and (max-width:1440px) {
    .header-main .header__logo {
        width: 180px
    }
}

@media only screen and (max-width:768px) {
    .header-main .header__logo {
        width: 120px
    }
}

.header-main .header__toggle {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer
}

@media (min-width:1200px) {
    .header-main .header__toggle {
        display: none
    }
}

.header-main .header__toggle-bar {
    display: block;
    width: 24px;
    height: 2px;
    border-radius: 2px;
    background: #000
}

.header-main .header__menu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0
}

@media only screen and (min-width:1200px) {
    .header-main .header__menu {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        gap: 4px;
        background: #fff;
        border-radius: 100px;
        padding: 6px 8px;
        -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .05);
        box-shadow: 0 10px 40px rgba(0, 0, 0, .05)
    }

    .header-main .header__menu>.menu-item:last-child {
        margin-left: 8px
    }

    .header-main .header__menu>.menu-item:last-child a {
        background: var(--gradient);
        color: #fff;
        padding: 10px 32px;
        -webkit-box-shadow: 0 4px 15px rgba(81, 11, 245, .2);
        box-shadow: 0 4px 15px rgba(81, 11, 245, .2);
        -webkit-transition: background-color .3s ease, color .3s ease, -webkit-box-shadow .3s ease;
        transition: background-color .3s ease, color .3s ease, -webkit-box-shadow .3s ease;
        transition: background-color .3s ease, color .3s ease, box-shadow .3s ease;
        transition: background-color .3s ease, color .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease
    }

    .header-main .header__menu>.menu-item:last-child a:after {
        content: "";
        display: inline-block;
        width: 14px;
        height: 14px;
        background-color: currentColor;
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 10.5l7-7m0 0v7m0-7h-7' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 10.5l7-7m0 0v7m0-7h-7' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        mask-size: contain;
        -webkit-mask-size: contain;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-position: center;
        margin-left: 8px;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }

    .header-main .header__menu>.menu-item:last-child a:hover {
        -webkit-box-shadow: 0 6px 20px rgba(131, 17, 239, .3);
        box-shadow: 0 6px 20px rgba(131, 17, 239, .3);
        background: var(--gradient) !important;
        color: #fff
    }

    .header-main .header__menu>.menu-item:last-child a:hover:after {
        -webkit-transform: translate(3px, -3px);
        transform: translate(3px, -3px)
    }

    .header-main .header__menu .menu-item {
        position: relative;
        font-size: 16px;
        font-weight: 600;
        display: -webkit-box;
        display: flex;
        padding: 0;
        border-radius: 100px
    }

    .header-main .header__menu .menu-item a {
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        padding: 10px 24px;
        border-radius: 100px;
        color: var(--blue);
        text-decoration: none;
        -webkit-transition: background-color .3s ease, color .3s ease, -webkit-box-shadow .3s ease;
        transition: background-color .3s ease, color .3s ease, -webkit-box-shadow .3s ease;
        transition: background-color .3s ease, color .3s ease, box-shadow .3s ease;
        transition: background-color .3s ease, color .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease
    }

    .header-main .header__menu .menu-item.menu-item-has-children>a:after {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        background-color: currentColor;
        mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5l3 3 3-3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5l3 3 3-3' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        mask-size: contain;
        -webkit-mask-size: contain;
        mask-repeat: no-repeat;
        -webkit-mask-repeat: no-repeat;
        mask-position: center;
        -webkit-mask-position: center;
        margin-left: 6px;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease
    }

    .header-main .header__menu .menu-item.current-menu-item>a, .header-main .header__menu .menu-item:hover>a {
        background: #e7e1ff;
        color: var(--blue)
    }

    .header-main .header__menu .menu-item:hover>a:after {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .header-main .header__menu .menu-item .sub-menu {
        display: block;
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%) translateY(10px);
        transform: translateX(-50%) translateY(10px);
        background: #fff;
        border-radius: 16px;
        min-width: 220px;
        padding: 12px;
        -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
        box-shadow: 0 10px 40px rgba(0, 0, 0, .1);
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        z-index: 100;
        margin: 0;
        list-style: none
    }

    .header-main .header__menu .menu-item .sub-menu:before {
        content: "";
        position: absolute;
        top: -15px;
        left: 0;
        right: 0;
        height: 15px;
        background: transparent
    }

    .header-main .header__menu .menu-item .sub-menu .menu-item {
        padding: 0;
        margin-bottom: 4px
    }

    .header-main .header__menu .menu-item .sub-menu .menu-item:last-child {
        margin-bottom: 0
    }

    .header-main .header__menu .menu-item .sub-menu .menu-item a {
        padding: 12px 20px;
        border-radius: 12px;
        color: var(--blue);
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .header-main .header__menu .menu-item .sub-menu .menu-item a:after {
        content: none
    }

    .header-main .header__menu .menu-item .sub-menu .menu-item:hover>a {
        background: #e7e1ff;
        padding-left: 24px
    }

    .header-main .header__menu .menu-item:hover .sub-menu {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateX(-50%) translateY(0);
        transform: translateX(-50%) translateY(0)
    }
}
@media only screen and (max-width:1300px) {
    .header-main .header__menu .menu-item a{
        font-size: 14px;
    }
}
.header-main .header__menu.is-active {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    padding: 20px
}

.header-main .header__menu.is-active .menu-item a {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 12px 0;
    color: var(--blue);
    font-weight: 600;
    text-decoration: none;
    font-size: 16px;
    border-bottom: 1px solid #f0f0f0
}

.header-main .header__menu.is-active .menu-item.menu-item-has-children>a:after {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5l4 4 4-4' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 4.5l4 4 4-4' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-position: center;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.header-main .header__menu.is-active .menu-item:last-child a {
    border-bottom: none;
    color: var(--purple)
}

.header-main .header__menu.is-active .menu-item .sub-menu {
    padding-left: 15px;
    list-style: none;
    display: none
}

.header-main .header__menu.is-active .menu-item .sub-menu .menu-item a {
    font-weight: 500;
    font-size: 15px;
    border-bottom: 1px dashed #f0f0f0
}

.header-main.scroll {
    padding: 10px 0;
    background: hsla(0, 0%, 100%, .95);
    -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .05);
    box-shadow: 0 5px 30px rgba(0, 0, 0, .05)
}

@media only screen and (min-width:1200px) {
    .header-main.scroll .header__menu {
        background: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        gap: 4px
    }

    .header-main.scroll .header__menu .menu-item a {
        padding: 8px 20px
    }

    .header-main.scroll .header__menu .menu-item.current-menu-item>a, .header-main.scroll .header__menu .menu-item:hover>a {
        background: #f4f2ff
    }

    >.header-main.scroll .header__menu .menu-item:last-child a {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    >.header-main.scroll .header__menu .menu-item:last-child a:hover {
        -webkit-box-shadow: 0 4px 15px rgba(131, 17, 239, .2);
        box-shadow: 0 4px 15px rgba(131, 17, 239, .2)
    }
}

.header-main.active {
    background: #fff
}

.site-footer {
    position: relative;
    background-color: #111;
    color: #fff;
    padding: 80px 0
}

@media only screen and (max-width:768px) {
    .site-footer {
        padding: 50px 0
    }
}

.site-footer .footer-row {
    gap: 20px;
    -webkit-box-align: start;
    align-items: flex-start
}

@media only screen and (max-width:991px) {
    .site-footer .footer-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        gap: 50px
    }
}

.site-footer .footer-col.links-col {
    width: 17%
}

.site-footer .footer-col.company-col {
    width: 20%
}

.site-footer .footer-col.contact-col {
    width: 30%
}

.site-footer .footer-col.brand-col {
    width: 280px
}

@media only screen and (max-width:1024px) {
    .site-footer .footer-col.brand-col, .site-footer .footer-col.company-col, .site-footer .footer-col.contact-col, .site-footer .footer-col.links-col {
        width: 45%
    }
}

@media only screen and (max-width:768px) {
    .site-footer .footer-col.brand-col, .site-footer .footer-col.company-col, .site-footer .footer-col.contact-col, .site-footer .footer-col.links-col {
        width: 100%
    }
}

.site-footer .footer-heading {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 0
}

@media only screen and (max-width:768px) {
    .site-footer .footer-heading {
        font-size: 18px;
        margin-bottom: 15px
    }
}

.site-footer .footer-list {
    list-style: disc;
    padding-left: 18px;
    margin: 0
}

.site-footer .footer-list li {
    color: #fff;
    margin-bottom: 15px
}

.site-footer .footer-list li::marker {
    font-size: 12px
}

.site-footer .footer-list li a {
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.site-footer .footer-list li a:hover {
    color: var(--primary-color, #6f15f8)
}

.site-footer .contact-items {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 24px
}

.site-footer .contact-item {
    gap: 16px
}

.site-footer .contact-item .c-icon {
    width: 36px;
    height: 36px;
    border: 1px solid hsla(0, 0%, 100%, .4);
    border-radius: 50%;
    flex-shrink: 0
}

.site-footer .contact-item .c-text {
    font-size: 15px;
    line-height: 1.5;
    color: #fff;
    /* padding-top: 6px */
}

.site-footer .contact-item .c-text a {
    color: #fff;
    text-decoration: none
}

.site-footer .contact-item .c-text a:hover {
    color: var(--primary-color, #6f15f8)
}

.site-footer .brand-col .f-socials .s-icon {
    width: 38px;
    height: 38px;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.site-footer .brand-col .f-socials .s-icon:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.site-footer .brand-col .f-divider {
    width: 100%;
    border: none;
    border-top: 1px solid hsla(0, 0%, 100%, .2);
    margin: 25px 0
}

.site-footer .brand-col .f-badges {
    width: 100%
}

@media only screen and (max-width:1024px) {
    .site-footer .brand-col .f-badges {
        -webkit-box-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        align-items: flex-start
    }
}

.site-footer .back-to-top {
    position: absolute;
    bottom: 40px;
    right: 40px;
    width: 48px;
    height: 48px;
    background-color: var(--primary-color, #6f15f8);
    border-radius: 50%;
    color: #fff;
    -webkit-transition: background-color .3s, -webkit-transform .3s ease;
    transition: background-color .3s, -webkit-transform .3s ease;
    transition: transform .3s ease, background-color .3s;
    transition: transform .3s ease, background-color .3s, -webkit-transform .3s ease;
    -webkit-box-shadow: 0 4px 12px rgba(111, 21, 248, .3);
    box-shadow: 0 4px 12px rgba(111, 21, 248, .3)
}

.site-footer .back-to-top:hover {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    background-color: #5806d4
}

@media only screen and (max-width:768px) {
    .site-footer .back-to-top {
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px
    }
}

.form-group {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    background: transparent;
    border: none;
    padding: 0
}

.form-group.invalid .form-control {
    border-color: #ff4d4f
}

.form-group.invalid .form-message {
    color: #ff4d4f;
    display: block;
    margin-top: 6px;
    font-size: 13px
}

.form-group.focus .form-control {
    border-color: var(--blue);
    -webkit-box-shadow: 0 0 0 3px rgba(81, 11, 245, .2);
    box-shadow: 0 0 0 3px rgba(81, 11, 245, .2)
}

.form-group.disabled {
    opacity: .5;
    pointer-events: none
}

.form-group.form-textarea .form-control {
    resize: none;
    min-height: 120px;
    padding-top: 14px
}

.form-label {
    display: block;
    width: 100%;
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 16px;
    color: #fff;
}

.form-label .required {
    color: #ff4d4f;
    font-weight: 600;
    margin-left: 3px
}

.form-control {
    width: 100%;
    height: 52px;
    background: #fff;
    border: 1px solid #e6e8f0;
    border-radius: 6px;
    padding: 10px 16px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    outline: none
}

.form-control::-webkit-input-placeholder {
    color: #acacac
}

.form-control::-moz-placeholder {
    color: #acacac
}

.form-control::placeholder {
    color: #acacac
}

.form-message {
    font-size: 13px;
    margin-top: 5px;
    display: none;
    position: absolute;
    left: 0;
    bottom: -22px
}

.checkbox {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    line-height: 1.4
}

.checkbox input[type=checkbox] {
    margin-top: 3px;
    cursor: pointer
}

.checkbox a {
    text-decoration: underline
}

.form-submit {
    font-family: inherit;
    border-radius: 100px;
    border: none;
    height: 52px;
    padding: 0 40px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    -webkit-transition: .3s ease;
    transition: .3s ease;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    background-color: #14E6E1;
    color: #fff
}

html.js .form-submit {
    -webkit-transition: opacity .3s ease, background-color .3s ease, color .3s ease, -webkit-box-shadow .3s ease;
    transition: opacity .3s ease, background-color .3s ease, color .3s ease, -webkit-box-shadow .3s ease;
    transition: opacity .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease;
    transition: opacity .3s ease, background-color .3s ease, color .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease
}

.form-submit:hover {
    opacity: .9
}

.form-submit.loading {
    cursor: not-allowed;
    opacity: .7
}

.form-submit.disabled {
    opacity: .5;
    cursor: not-allowed;
    -webkit-transform: none;
    transform: none
}

.form-response {
    display: none;
    margin-top: 15px;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    width: 100%
}

.form-response.failed {
    display: block;
    background: #fff2f0;
    color: #ff4d4f;
    border: 1px solid #ffccc7
}

.form-response.success {
    display: block;
    background: #f6ffed;
    color: #52c41a;
    border: 1px solid #b7eb8f
}

.tw-form .form-bottom {
    width: 100%
}

.tw-form .form-bottom .lds-ring {
    display: none;
    position: absolute;
    z-index: 9;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.tw-form.loading .lds-ring {
    display: inline-block
}

.h-section1 {
    position: relative;
    height: 100vh;
    overflow: hidden;
    -webkit-perspective: 2200px;
    perspective: 2200px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

html.js.is-preloading .h-section1 .banner-actions, html.js.is-preloading .h-section1 .banner-description, html.js.is-preloading .h-section1 .banner-title-line {
    opacity: 0;
    visibility: hidden
}

html.js.is-preloading .h-section1 .banner-title-line {
    -webkit-transform: translateY(32px);
    transform: translateY(32px)
}

html.js.is-preloading .h-section1 .banner-description {
    -webkit-transform: translateY(24px);
    transform: translateY(24px)
}

html.js.is-preloading .h-section1 .banner-actions {
    -webkit-transform: translateY(18px);
    transform: translateY(18px)
}

@media only screen and (max-width:1024px) {
    .h-section1 {
        height: 80vh
    }
}

@media only screen and (max-width:768px) {
    .h-section1 {
        height: 70vh
    }
}

@media only screen and (max-width:575px) {
    .h-section1 {
        height: 100vh;
    }
}

.h-section1 .banner-bg {
    clip-path: polygon(100% 0, 100% 93.086%, 100% 93.086%, 99.426% 92.955%, 98.854% 92.795%, 98.282% 92.608%, 97.713% 92.396%, 97.147% 92.159%, 96.584% 91.898%, 96.025% 91.617%, 95.471% 91.315%, 94.922% 90.993%, 94.378% 90.655%, 94.378% 90.655%, 93.059% 89.759%, 91.755% 88.792%, 90.463% 87.773%, 89.177% 86.723%, 87.894% 85.661%, 86.61% 84.607%, 85.32% 83.582%, 84.02% 82.605%, 82.706% 81.696%, 81.373% 80.875%, 81.373% 80.875%, 79.352% 79.857%, 77.296% 79.095%, 75.215% 78.593%, 73.121% 78.353%, 71.024% 78.377%, 68.934% 78.667%, 66.863% 79.225%, 64.821% 80.055%, 62.818% 81.158%, 60.867% 82.536%, 60.867% 82.536%, 59.535% 83.658%, 58.232% 84.881%, 56.949% 86.18%, 55.68% 87.528%, 54.418% 88.901%, 53.155% 90.272%, 51.885% 91.616%, 50.6% 92.906%, 49.294% 94.118%, 47.959% 95.225%, 47.959% 95.225%, 46.341% 96.369%, 44.693% 97.331%, 43.017% 98.125%, 41.318% 98.762%, 39.601% 99.255%, 37.87% 99.617%, 36.129% 99.86%, 34.384% 99.996%, 32.637% 100.039%, 30.894% 100%, 30.894% 100%, 28.228% 99.803%, 25.563% 99.435%, 22.907% 98.886%, 20.267% 98.144%, 17.65% 97.199%, 15.065% 96.041%, 12.517% 94.659%, 10.014% 93.041%, 7.564% 91.178%, 5.174% 89.059%, 5.174% 89.059%, 4.633% 88.532%, 4.095% 87.986%, 3.561% 87.421%, 3.031% 86.836%, 2.507% 86.232%, 1.99% 85.609%, 1.479% 84.966%, .977% 84.304%, .484% 83.622%, 0 82.92%, 0 0, 100% 0);
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}



.h-section1 .banner-bg img {
    pointer-events: none;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.h-section1 .swiper-banner {
    position: relative;
    width: 100%;
    -webkit-perspective: 2200px;
    perspective: 2200px
}

.h-section1 .swiper-banner, .h-section1 .swiper-banner .swiper-slide {
    height: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.h-section1 .swiper-banner .swiper-slide {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width:576px) {
    .h-section1 .swiper-banner .swiper-slide .tw-container {
        flex-wrap: wrap;
        gap: 24px
    }
}

.h-section1 .swiper-banner .swiper-slide .banner-content {
    position: relative;
    z-index: 9;
    padding-top: 18%;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    width: 55%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media only screen and (max-width:1680px) {
    .h-section1 .swiper-banner .swiper-slide .banner-content {
        font-size: 20px
    }
}

@media only screen and (max-width:1440px) {
    .h-section1 .swiper-banner .swiper-slide .banner-content {
        font-size: 18px
    }
}

@media only screen and (max-width:1200px) {
    .h-section1 .swiper-banner .swiper-slide .banner-content {
        font-size: 16px
    }
}

@media only screen and (max-width:1024px) {
    .h-section1 .swiper-banner .swiper-slide .banner-content {
        font-size: 14px;
        padding-top: 20%
    }
}

@media only screen and (max-width:768px) {
    .h-section1 .swiper-banner .swiper-slide .banner-content {
        padding-top: 25%
    }
}

@media only screen and (max-width:576px) {
    .h-section1 .swiper-banner .swiper-slide .banner-content {
        padding-top: 30%;
        width: 100%
    }
}

.h-section1 .swiper-banner .swiper-slide .banner-title {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 8px;
    font-size: 58px;
    font-weight: 700;
    line-height: 1.19359;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.h-section1 .swiper-banner .swiper-slide .banner-title .banner-title-line {
    display: block;
    overflow: hidden;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    will-change: transform, opacity
}

.h-section1 .swiper-banner .swiper-slide .banner-title .home-hero-word {
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, opacity
}

@media only screen and (max-width:1680px) {
    .h-section1 .swiper-banner .swiper-slide .banner-title {
        font-size: 64px
    }
}

@media only screen and (max-width:1440px) {
    .h-section1 .swiper-banner .swiper-slide .banner-title {
        font-size: 56px
    }
}

@media only screen and (max-width:1200px) {
    .h-section1 .swiper-banner .swiper-slide .banner-title {
        font-size: 48px
    }
}

@media only screen and (max-width:1024px) {
    .h-section1 .swiper-banner .swiper-slide .banner-title {
        font-size: 40px
    }
}

@media only screen and (max-width:768px) {
    .h-section1 .swiper-banner .swiper-slide .banner-title {
        font-size: 32px;
        width: 100%
    }
}

@media only screen and (max-width:576px) {
    .h-section1 .swiper-banner .swiper-slide .banner-title {
        font-size: 28px
    }
}

.h-section1 .swiper-banner .swiper-slide .banner-description {
    padding: 40px 0;
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media only screen and (max-width:1440px) {
    .h-section1 .swiper-banner .swiper-slide .banner-description {
        padding: 30px 0
    }
}

@media only screen and (max-width:768px) {
    .h-section1 .swiper-banner .swiper-slide .banner-description {
        width: 100%;
        line-height: 1.45;
        padding: 16px 0 20px
    }
}

.h-section1 .swiper-banner .swiper-slide .banner-cta {
    position: relative;
    width: 400px;
    height: 78px;
    border-radius: 36px;
    color: #fff;
    text-decoration: none;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-box-shadow: 0 14px 28px rgba(11, 48, 73, .16);
    box-shadow: 0 14px 28px rgba(11, 48, 73, .16);
    font-weight: 500;
    font-size: 24px;
    overflow: hidden;
    background: -webkit-gradient(linear, left top, right top, from(#510bf5), to(#8311ef));
    background: linear-gradient(90deg, #510bf5, #8311ef)
}

.h-section1 .swiper-banner .swiper-slide .banner-cta:before {
    content: "";
    width: 0;
    height: 200px;
    background: hsla(0, 0%, 100%, .45098039215686275);
    position: absolute;
    -webkit-box-shadow: 0 0 20px 20px hsla(0, 0%, 100%, .45098039215686275);
    box-shadow: 0 0 20px 20px hsla(0, 0%, 100%, .45098039215686275);
    -webkit-transition: .4s linear;
    transition: .4s linear;
    -webkit-transform: translate(-400px) rotate(45deg);
    transform: translate(-400px) rotate(45deg)
}

.h-section1 .swiper-banner .swiper-slide .banner-cta:hover:before {
    -webkit-transform: translate(400px) rotate(45deg);
    transform: translate(400px) rotate(45deg)
}

@media only screen and (max-width:1680px) {
    .h-section1 .swiper-banner .swiper-slide .banner-cta {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        height: auto;
        font-size: 22px;
        padding: 14px 28px
    }
}

@media only screen and (max-width:1440px) {
    .h-section1 .swiper-banner .swiper-slide .banner-cta {
        font-size: 20px;
        padding: 12px 24px
    }
}

@media only screen and (max-width:1200px) {
    .h-section1 .swiper-banner .swiper-slide .banner-cta {
        font-size: 18px
    }
}

@media only screen and (max-width:1024px) {
    .h-section1 .swiper-banner .swiper-slide .banner-cta {
        font-size: 16px
    }
}

@media only screen and (max-width:768px) {
    .h-section1 .swiper-banner .swiper-slide .banner-cta {
        font-size: 14px
    }
}

.h-section1 .swiper-banner .swiper-slide .banner-image {
    width: 45%;
    margin-top: 13%;
    position: relative;
    text-align: center;
    -webkit-perspective: 1800px;
    perspective: 1800px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

@media only screen and (max-width:1440px) {
    .h-section1 .swiper-banner .swiper-slide .banner-image {
        width: 40%;
    }
}


@media only screen and (max-width:1024px) {
    .h-section1 .swiper-banner .swiper-slide .banner-image {
        width: 34%
    }
}

@media only screen and (max-width:768px) {
    .h-section1 .swiper-banner .swiper-slide .banner-image {
        width: 42%;
        margin-top: 8%
    }
}

@media only screen and (max-width:575.98px) {
    .h-section1 .swiper-banner .swiper-slide .banner-image {
        width: 100%;
        margin: 0 auto
    }
}

.h-section1 .swiper-banner .swiper-slide .banner-image .banner-image-media {
    display: inline-block
}

.h-section1 .swiper-banner .swiper-slide .banner-image .banner-image-float, .h-section1 .swiper-banner .swiper-slide .banner-image .banner-image-media {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.h-section1 .swiper-banner .swiper-slide .banner-image .banner-image-float {
    display: block;
    pointer-events: none
}

.h-section1 .swiper-banner .swiper-slide .banner-image img {
    width: 100%;
    height: auto;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform
}

.h-section2 {
    position: relative;
    padding: 100px 0;
    margin-top: -3px
}

@media only screen and (max-width:1024px) {
    .h-section2 {
        padding: 80px 0
    }
}

@media only screen and (max-width:768px) {
    .h-section2 {
        padding: 50px 0
    }
}

.h-section2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -11.8229166667%;
    width: 125.520833333%;
    padding-top: 48.5416666667%;
    height: 0;
    clip-path: polygon(98.071% 3.631%, 98.071% 3.631%, 98.442% 4.798%, 98.774% 6.019%, 99.066% 7.295%, 99.319% 8.625%, 99.532% 10.007%, 99.705% 11.441%, 99.839% 12.927%, 99.933% 14.463%, 99.986% 16.049%, 100% 17.684%, 100% 17.684%, 99.987% 18.781%, 99.957% 19.898%, 99.909% 21.036%, 99.844% 22.196%, 99.762% 23.38%, 99.662% 24.59%, 99.544% 25.826%, 99.408% 27.09%, 99.254% 28.383%, 99.082% 29.707%, 99.082% 29.707%, 98.689% 32.468%, 98.262% 35.205%, 97.799% 37.917%, 97.302% 40.601%, 96.771% 43.257%, 96.206% 45.884%, 95.608% 48.479%, 94.976% 51.041%, 94.312% 53.57%, 93.614% 56.063%, 93.614% 56.063%, 92.9% 58.473%, 92.157% 60.834%, 91.387% 63.145%, 90.591% 65.403%, 89.768% 67.609%, 88.92% 69.76%, 88.046% 71.855%, 87.148% 73.894%, 86.226% 75.874%, 85.279% 77.796%, 85.279% 77.796%, 84.295% 79.68%, 83.292% 81.489%, 82.273% 83.221%, 81.237% 84.875%, 80.185% 86.45%, 79.118% 87.945%, 78.036% 89.361%, 76.94% 90.695%, 75.83% 91.947%, 74.707% 93.115%, 74.707% 93.115%, 73.521% 94.245%, 72.327% 95.278%, 71.126% 96.212%, 69.919% 97.049%, 68.706% 97.788%, 67.487% 98.428%, 66.264% 98.969%, 65.037% 99.41%, 63.806% 99.752%, 62.573% 99.994%, 62.527% 100%, 62.527% 100%, 60.166% 100.187%, 57.766% 100.039%, 55.325% 99.553%, 52.84% 98.728%, 50.308% 97.562%, 47.726% 96.055%, 45.092% 94.204%, 42.402% 92.008%, 39.653% 89.465%, 36.844% 86.575%, 36.844% 86.575%, 35.9% 85.532%, 34.961% 84.447%, 34.028% 83.327%, 33.1% 82.176%, 32.178% 81.001%, 31.261% 79.806%, 30.35% 78.598%, 29.445% 77.381%, 28.546% 76.162%, 27.652% 74.945%, 27.652% 74.945%, 26.634% 73.559%, 25.609% 72.172%, 24.579% 70.794%, 23.544% 69.434%, 22.506% 68.103%, 21.464% 66.808%, 20.42% 65.559%, 19.374% 64.366%, 18.327% 63.238%, 17.28% 62.183%, 17.28% 62.183%, 16.177% 61.163%, 15.093% 60.256%, 14.028% 59.463%, 12.978% 58.784%, 11.945% 58.217%, 10.926% 57.762%, 9.92% 57.419%, 8.926% 57.187%, 7.944% 57.065%, 6.97% 57.053%, 6.97% 57.053%, 6.888% 57.057%, 6.806% 57.062%, 6.723% 57.067%, 6.641% 57.074%, 6.559% 57.082%, 6.477% 57.09%, 6.395% 57.1%, 6.313% 57.11%, 6.231% 57.121%, 6.149% 57.133%, 6.149% 57.133%, 5.005% 57.404%, 3.875% 57.843%, 2.762% 58.447%, 1.669% 59.212%, .601% 60.136%, -.441% 61.216%, -1.453% 62.449%, -2.431% 63.831%, -3.374% 65.361%, -4.276% 67.033%, -5.807% 70.087%, -10.414% 57.367%, -8.883% 54.314%, -8.883% 54.314%, -7.623% 51.973%, -6.307% 49.834%, -4.941% 47.9%, -3.527% 46.176%, -2.072% 44.666%, -.579% 43.375%, .947% 42.306%, 2.502% 41.464%, 4.082% 40.853%, 5.681% 40.478%, 5.681% 40.478%, 5.796% 40.46%, 5.911% 40.445%, 6.027% 40.43%, 6.143% 40.417%, 6.259% 40.404%, 6.375% 40.393%, 6.49% 40.384%, 6.606% 40.375%, 6.722% 40.368%, 6.837% 40.363%, 6.837% 40.363%, 8.099% 40.375%, 9.366% 40.522%, 10.641% 40.806%, 11.925% 41.226%, 13.219% 41.784%, 14.525% 42.48%, 15.844% 43.314%, 17.178% 44.288%, 18.528% 45.403%, 19.895% 46.658%, 19.895% 46.658%, 21.08% 47.842%, 22.251% 49.094%, 23.41% 50.405%, 24.557% 51.766%, 25.693% 53.169%, 26.817% 54.605%, 27.932% 56.065%, 29.038% 57.542%, 30.134% 59.025%, 31.223% 60.508%, 31.223% 60.508%, 32.073% 61.666%, 32.928% 62.825%, 33.787% 63.98%, 34.648% 65.124%, 35.51% 66.251%, 36.374% 67.354%, 37.237% 68.427%, 38.099% 69.465%, 38.958% 70.46%, 39.814% 71.408%, 39.814% 71.408%, 42.293% 73.962%, 44.709% 76.211%, 47.065% 78.155%, 49.363% 79.796%, 51.605% 81.135%, 53.794% 82.172%, 55.932% 82.91%, 58.022% 83.349%, 60.067% 83.491%, 62.069% 83.337%, 62.104% 83.337%, 62.104% 83.337%, 63.098% 83.142%, 64.091% 82.866%, 65.082% 82.509%, 66.07% 82.07%, 67.056% 81.551%, 68.038% 80.952%, 69.016% 80.272%, 69.99% 79.512%, 70.958% 78.673%, 71.921% 77.755%, 71.921% 77.755%, 72.851% 76.787%, 73.77% 75.75%, 74.679% 74.643%, 75.577% 73.467%, 76.463% 72.224%, 77.337% 70.914%, 78.198% 69.537%, 79.047% 68.095%, 79.881% 66.588%, 80.702% 65.016%, 80.702% 65.016%, 81.499% 63.398%, 82.276% 61.729%, 83.033% 60.011%, 83.769% 58.246%, 84.483% 56.434%, 85.176% 54.575%, 85.847% 52.673%, 86.496% 50.726%, 87.121% 48.737%, 87.723% 46.707%, 87.723% 46.707%, 88.308% 44.615%, 88.866% 42.495%, 89.395% 40.348%, 89.897% 38.175%, 90.37% 35.976%, 90.815% 33.754%, 91.231% 31.51%, 91.618% 29.244%, 91.975% 26.958%, 92.303% 24.654%, 92.303% 24.654%, 92.413% 23.812%, 92.512% 23.001%, 92.599% 22.22%, 92.674% 21.469%, 92.738% 20.745%, 92.791% 20.05%, 92.832% 19.381%, 92.862% 18.738%, 92.881% 18.12%, 92.889% 17.526%, 92.889% 17.526%, 92.884% 16.863%, 92.864% 16.287%, 92.833% 15.792%, 92.793% 15.373%, 92.748% 15.022%, 92.699% 14.735%, 92.651% 14.505%, 92.605% 14.325%, 92.564% 14.19%, 92.532% 14.094%, 91.272% 10.422%, 96.813% -.044%, 98.071% 3.631%);
    background: linear-gradient(to right, #1ADFFF, #0FEDC7);
    opacity: .2;
    pointer-events: none
}

.h-section2 .tw-container {
    position: relative;
    z-index: 2
}

.h-section2 .coverage-row {
    margin-bottom: 80px
}

@media only screen and (max-width:1024px) {
    .h-section2 .coverage-row {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:768px) {
    .h-section2 .coverage-row {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:640px) {
    .h-section2 .coverage-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse
    }
}

.h-section2 .coverage-image {
    width: 45%;
    text-align: center;
    position: relative;
    -webkit-perspective: 1400px;
    perspective: 1400px
}

@media only screen and (max-width:640px) {
    .h-section2 .coverage-image {
        width: 100%;
        margin: 24px auto
    }
}

.h-section2 .coverage-image .coverage-visual {
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 650px;
    isolation: isolate;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.h-section2 .coverage-image .coverage-visual:before {
    content: "";
    position: absolute;
    inset: 8%;
    background: radial-gradient(circle, rgba(81, 11, 245, .22) 0, rgba(131, 17, 239, .08) 35%, hsla(0, 0%, 100%, 0) 70%);
    -webkit-filter: blur(18px);
    filter: blur(18px);
    border-radius: 50%;
    z-index: 0;
    pointer-events: none
}

.h-section2 .coverage-image .coverage-visual>img {
    position: relative;
    z-index: 2;
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.h-section2 .coverage-image .coverage-blob, .h-section2 .coverage-image .coverage-orbit {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible
}

.h-section2 .coverage-image .coverage-blob {
    z-index: 0;
    -webkit-filter: blur(10px);
    filter: blur(10px);
    mix-blend-mode: screen
}

.h-section2 .coverage-image .coverage-orbit {
    z-index: 1
}

.h-section2 .coverage-image .coverage-blob-shape {
    fill: url(#coverage-blob-gradient)
}

.h-section2 .coverage-image .coverage-blob-shape--alt {
    opacity: 0
}

.h-section2 .coverage-image .coverage-orbit-path {
    fill: none;
    stroke: rgba(81, 11, 245, .5);
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-dasharray: 2 18;
    opacity: .8
}

.h-section2 .coverage-image .coverage-orbit-dot {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: radial-gradient(circle, #fff 0, #a487ff 40%, rgba(81, 11, 245, 0) 72%);
    -webkit-box-shadow: 0 0 18px rgba(81, 11, 245, .45);
    box-shadow: 0 0 18px rgba(81, 11, 245, .45);
    z-index: 3;
    pointer-events: none
}

.h-section2 .coverage-image img {
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.h-section2 .coverage-content {
    width: 50%;
    text-align: center;
}

@media only screen and (max-width:640px) {
    .h-section2 .coverage-content {
        width: 100%;
        text-align: center
    }
}

.h-section2 .coverage-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px
}

@media only screen and (max-width:1440px) {
    .h-section2 .coverage-title {
        font-size: 48px
    }
}

@media only screen and (max-width:1024px) {
    .h-section2 .coverage-title {
        font-size: 40px
    }
}

@media only screen and (max-width:768px) {
    .h-section2 .coverage-title {
        font-size: 32px
    }
}

.h-section2 .coverage-subtitle {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 40px
}

@media only screen and (max-width:1440px) {
    .h-section2 .coverage-subtitle {
        font-size: 28px
    }
}

@media only screen and (max-width:1024px) {
    .h-section2 .coverage-subtitle {
        font-size: 24px;
        margin-bottom: 30px
    }
}

@media only screen and (max-width:768px) {
    .h-section2 .coverage-subtitle {
        font-size: 20px;
        margin-bottom: 25px
    }
}

.h-section2 .coverage-markets {
    gap: 40px 64px;
}

/* @media only screen and (max-width:1440px) {
    .h-section2 .coverage-markets {
        gap: 40px 90px;
    }
} */

@media only screen and (max-width:768px) {
    .h-section2 .coverage-markets {
        gap: 15px
    }
}

.h-section2 .market-tag {
    position: relative;
    display: inline-block;
    padding: 12px 45px;
    background: var(--gradient);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    text-align: center;
    border-radius: 99px
}

.h-section2 .market-tag:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--blue)
}

@media only screen and (max-width:1440px) {
    .h-section2 .market-tag {
        padding: 10px 24px;
        font-size: 16px
    }
}

@media only screen and (max-width:768px) {
    .h-section2 .market-tag {
        padding: 8px 20px;
        font-size: 14px
    }

    .h-section2 .market-tag:after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid var(--blue);
        bottom: -5px
    }
}

.h-section2 .coverage-stats {
    border-radius: 40px;
    padding: 60px 40px;
    -webkit-box-shadow: 0 10px 30px rgba(81, 11, 245, .2);
    box-shadow: 0 10px 30px rgba(81, 11, 245, .2)
}

@media only screen and (max-width:1024px) {
    .h-section2 .coverage-stats {
        flex-wrap: wrap;
        padding: 40px 20px;
        gap: 40px 0;
        border-radius: 30px
    }
}

@media only screen and (max-width:768px) {
    .h-section2 .coverage-stats {
        border-radius: 24px;
        padding: 30px 15px;
        gap: 24px 0
    }
}

.h-section2 .stat-item {
    -webkit-box-flex: 1;
    flex: 1;
    position: relative
}

@media only screen and (max-width:1024px) {
    .h-section2 .stat-item {
        -webkit-box-flex: 0;
        flex: 0 0 50%
    }
}

.h-section2 .stat-number {
    font-size: 64px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 15px
}

@media only screen and (max-width:1440px) {
    .h-section2 .stat-number {
        font-size: 56px
    }
}

@media only screen and (max-width:1200px) {
    .h-section2 .stat-number {
        font-size: 48px
    }
}

@media only screen and (max-width:768px) {
    .h-section2 .stat-number {
        font-size: 40px;
        margin-bottom: 10px
    }
}

.h-section2 .stat-label {
    font-size: 18px;
    font-weight: 500;
    opacity: .9;
    font-style: italic
}

@media only screen and (max-width:1440px) {
    .h-section2 .stat-label {
        font-size: 16px
    }
}

@media only screen and (max-width:768px) {
    .h-section2 .stat-label {
        font-size: 14px
    }
}

.h-section3 {
    position: relative;
    padding: 100px 0
}

.h-section3:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);
    width: 51.8229166667%;
    aspect-ratio: 1;
    border-radius: 100%;
    background: url(assets/images/ball.png) no-repeat 50%;
    background-size: cover;
    z-index: 0;
    pointer-events: none
}

@media only screen and (max-width:1024px) {
    .h-section3 {
        padding: 80px 0
    }

    .h-section3:before {
        z-index: -1;
    }
}

@media only screen and (max-width:768px) {
    .h-section3 {
        padding: 50px 0
    }
}

.h-section3 .section3-title {
    text-align: center;
    font-size: 48px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 80px;
    display: inline-block;
    position: relative;
    z-index: 2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #141516
}

.h-section3 .section3-title .home-split-word:last-child {
    background: -webkit-gradient(linear, right top, left top, from(#510bf5), to(#8311ef));
    background: linear-gradient(270deg, #510bf5, #8311ef);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

@media only screen and (max-width:1440px) {
    .h-section3 .section3-title {
        font-size: 48px
    }
}

@media only screen and (max-width:1024px) {
    .h-section3 .section3-title {
        font-size: 40px;
        margin-bottom: 50px
    }
}

@media only screen and (max-width:768px) {
    .h-section3 .section3-title {
        font-size: 32px;
        margin-bottom: 40px
    }
}

.h-section3 .s3-content-wrapper {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between
}

.h-section3 .s3-image {
    width: 45%;
    position: relative;
    text-align: center;
    -webkit-perspective: 1800px;
    perspective: 1800px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

@media only screen and (max-width:1024px) {
    .h-section3 .s3-image {
        width: 100%;
        margin-bottom: 50px
    }
}

.h-section3 .s3-image .s3-image-media {
    display: inline-block
}

.h-section3 .s3-image .s3-image-float, .h-section3 .s3-image .s3-image-media {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.h-section3 .s3-image .s3-image-float {
    display: block;
    pointer-events: none
}

.h-section3 .s3-image img {
    position: relative;
    z-index: 2;
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform
}

.h-section3 .s3-features {
    width: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 40px
}

@media only screen and (max-width:1024px) {
    .h-section3 .s3-features {
        width: 100%;
        gap: 30px
    }
}

.h-section3 .s3-feature-item {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start;
    gap: 25px
}

@media only screen and (max-width:768px) {
    .h-section3 .s3-feature-item {
        gap: 15px
    }
}

.h-section3 .s3-feature-icon {
    -webkit-box-flex: 0;
    flex: 0 0 80px;
    width: 110px;
    height: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

@media only screen and (max-width:768px) {
    .h-section3 .s3-feature-icon {
        -webkit-box-flex: 0;
        flex: 0 0 50px;
        width: 50px;
        height: 50px
    }
}

.h-section3 .s3-feature-icon img {
    max-width: 100%;
    height: auto
}

.h-section3 .s3-feature-text {
    -webkit-box-flex: 1;
    flex: 1
}

.h-section3 .s3-feature-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 12px;
    text-transform: uppercase;
    line-height: 1.3
}

@media only screen and (max-width:1440px) {
    .h-section3 .s3-feature-title {
        font-size: 18px
    }
}

@media only screen and (max-width:768px) {
    .h-section3 .s3-feature-title {
        font-size: 16px;
        margin-bottom: 8px
    }
}

.h-section3 .s3-feature-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5
}

@media only screen and (max-width:1440px) {
    .h-section3 .s3-feature-desc {
        font-size: 15px
    }
}

@media only screen and (max-width:768px) {
    .h-section3 .s3-feature-desc {
        font-size: 14px
    }
}

.h-section4 {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    background: url(assets/images/bg-ss8.png) no-repeat 50%;
    background-size: cover
}


@media only screen and (max-width:1024px) {
    .h-section4 {
        padding: 80px 0
    }
}

@media only screen and (max-width:768px) {
    .h-section4 {
        padding: 50px 0
    }
}

.h-section4 .tw-container {
    position: relative;
    z-index: 2
}

.h-section4 .section4-title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 80px
}

@media only screen and (max-width:1440px) {
    .h-section4 .section4-title {
        font-size: 48px
    }
}

@media only screen and (max-width:1024px) {
    .h-section4 .section4-title {
        font-size: 40px;
        margin-bottom: 60px
    }
}

@media only screen and (max-width:768px) {
    .h-section4 .section4-title {
        font-size: 32px;
        margin-bottom: 40px
    }
}

@media only screen and (max-width:1024px) {
    .h-section4 .s4-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse
    }
}

.h-section4 .s4-cards-wrapper {
    width: 48%
}

@media only screen and (max-width:1024px) {
    .h-section4 .s4-cards-wrapper {
        width: 100%;
        -webkit-box-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width:575.98px) {
    .h-section4 .s4-cards-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        gap: 20px
    }
}

.h-section4 .s4-cards-col {
    -webkit-box-flex: 1;
    flex: 1
}

.h-section4 .s4-cards-col.col-2 {
    margin-top: 60px
}

@media only screen and (max-width:575.98px) {
    .h-section4 .s4-cards-col.col-2 {
        margin-top: 0
    }
}

.h-section4 .s4-card {
    background: linear-gradient(56deg, #510bf5 2.35%, #8311ef 97.65%);
    border-radius: 20px;
    padding: 40px 30px;
    -webkit-box-shadow: 0 15px 30px rgba(81, 11, 245, .2);
    box-shadow: 0 15px 30px rgba(81, 11, 245, .2)
}

@media only screen and (max-width:1440px) {
    .h-section4 .s4-card {
        padding: 30px 20px
    }
}

@media only screen and (max-width:768px) {
    .h-section4 .s4-card {
        padding: 25px 20px
    }
}

.h-section4 .s4-card-icon {
    width: 64px;
    height: 64px;
    background-color: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin-bottom: 25px
}

.h-section4 .s4-card-icon img {
    max-width: 32px;
    max-height: 32px;
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (max-width:1440px) {
    .h-section4 .s4-card-icon {
        width: 50px;
        height: 50px;
        margin-bottom: 20px
    }

    .h-section4 .s4-card-icon img {
        max-width: 24px;
        max-height: 24px
    }
}

.h-section4 .s4-card-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
    line-height: 1.3
}

@media only screen and (max-width:1440px) {
    .h-section4 .s4-card-title {
        font-size: 20px
    }
}

@media only screen and (max-width:768px) {
    .h-section4 .s4-card-title {
        font-size: 16px
    }
}

.h-section4 .s4-card-desc {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
}

@media only screen and (max-width:1440px) {
    .h-section4 .s4-card-desc {
        font-size: 14px
    }
}

.h-section4 .s4-image {
    width: 40%;
    text-align: center;
    position: relative;
    -webkit-perspective: 1800px;
    perspective: 1800px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

@media only screen and (max-width:1440px) {
    .h-section4 .s4-image {
        width: 30%;
    }
}

@media only screen and (max-width:1024px) {
    .h-section4 .s4-image {
        width: 100%;
        margin-bottom: 40px
    }
}

.h-section4 .s4-image .s4-image-media {
    display: inline-block
}

.h-section4 .s4-image .s4-image-float, .h-section4 .s4-image .s4-image-media {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.h-section4 .s4-image .s4-image-float {
    display: block;
    pointer-events: none
}

.h-section4 .s4-image img {
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    position: relative;
    z-index: 2;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform
}

.h-section5 {
    position: relative;
    padding: 100px 0
}

@media only screen and (max-width:1024px) {
    .h-section5 {
        padding: 80px 0
    }
}

@media only screen and (max-width:768px) {
    .h-section5 {
        padding: 50px 0
    }
}

.h-section5:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -10.9895833333%;
    width: 42.2395833333%;
    aspect-ratio: 1;
    border-radius: 100%;
    height: auto;
    overflow: hidden;
    background: url(assets/images/ball.png) 50%/cover no-repeat;
    z-index: 0;
    pointer-events: none
}

.h-section5 .section5-title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 80px;
    line-height: 1.2
}

.h-section5 .section5-title .color-blue {
    color: var(--blue)
}

@media only screen and (max-width:1440px) {
    .h-section5 .section5-title {
        font-size: 48px
    }
}

@media only screen and (max-width:1024px) {
    .h-section5 .section5-title {
        font-size: 40px;
        margin-bottom: 50px
    }
}

@media only screen and (max-width:768px) {
    .h-section5 .section5-title {
        font-size: 32px;
        margin-bottom: 40px
    }
}

.h-section5 .s5-content {
    padding: 0 15%
}

@media only screen and (max-width:1440px) {
    .h-section5 .s5-content {
        padding: 0 10%
    }
}

@media only screen and (max-width:1024px) {
    .h-section5 .s5-content {
        padding: 0;
        -webkit-box-align: start;
        align-items: flex-start
    }
}

@media only screen and (max-width:640px) {
    .h-section5 .s5-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        gap: 50px
    }
}

@media only screen and (max-width:768px) {
    .h-section5 .s5-content {
        padding: 0
    }
}

.h-section5 .s5-process {
    width: 55%
}

@media only screen and (max-width:1024px) {
    .h-section5 .s5-process {
        margin-top: 10%
    }
}

@media only screen and (max-width:640px) {
    .h-section5 .s5-process {
        width: 100%;
        max-width: 600px;
        margin: 0 auto
    }
}

.h-section5 .s5-step-list {
    position: relative;
    padding-bottom: 50px;
    gap: 50px
}

.h-section5 .s5-step-list:before {
    content: "";
    position: absolute;
    top: 20px;
    bottom: 60px;
    left: 31px;
    width: 2px;
    background: var(--gradient);
    z-index: 1
}

@media only screen and (max-width:768px) {
    .h-section5 .s5-step-list:before {
        left: 23px
    }
}

@media only screen and (max-width:1024px) {
    .h-section5 .s5-step-list {
        gap: 40px;
        padding-bottom: 40px
    }
}

@media only screen and (max-width:768px) {
    .h-section5 .s5-step-list {
        gap: 30px;
        padding-bottom: 30px
    }
}

@media only screen and (max-width:640px) {
    .h-section5 .s5-step-list {
        padding-bottom: 20px;
        gap: 16px
    }
}

.h-section5 .s5-step-item {
    position: relative;
    z-index: 2
}

.h-section5 .s5-step-number {
    width: 64px;
    height: 64px;
    -webkit-box-flex: 0;
    flex: 0 0 64px;
    background: var(--gradient);
    border-radius: 50%;
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 4px 10px rgba(81, 11, 245, .3);
    box-shadow: 0 4px 10px rgba(81, 11, 245, .3)
}

@media only screen and (max-width:768px) {
    .h-section5 .s5-step-number {
        width: 48px;
        height: 48px;
        -webkit-box-flex: 0;
        flex: 0 0 48px;
        font-size: 20px
    }
}

.h-section5 .s5-step-text {
    -webkit-box-flex: 1;
    flex: 1
}

.h-section5 .step-label {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px
}

@media only screen and (max-width:768px) {
    .h-section5 .step-label {
        font-size: 16px
    }
}

.h-section5 .step-title {
    font-size: 22px;
    font-weight: 400;
    opacity: .9
}

@media only screen and (max-width:768px) {
    .h-section5 .step-title {
        font-size: 16px
    }
}

.h-section5 .s5-cta-wrapper {
    margin-left: 88px
}

@media only screen and (max-width:768px) {
    .h-section5 .s5-cta-wrapper {
        margin-left: 72px
    }
}

@media only screen and (max-width:640px) {
    .h-section5 .s5-cta-wrapper {
        margin-left: 0;
        text-align: center
    }
}

.h-section5 .s5-cta {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: 18px 40px;
    border-radius: 99px;
    font-size: 20px;
    font-weight: 600;
    background: #141516
}

.h-section5 .s5-cta:before {
    content: "";
    width: 0;
    height: 200px;
    background: hsla(0, 0%, 100%, .45098039215686275);
    position: absolute;
    -webkit-box-shadow: 0 0 20px 20px hsla(0, 0%, 100%, .45098039215686275);
    box-shadow: 0 0 20px 20px hsla(0, 0%, 100%, .45098039215686275);
    -webkit-transition: .38s linear;
    transition: .38s linear;
    -webkit-transform: translate(-300px) rotate(35deg);
    transform: translate(-300px) rotate(35deg)
}

.h-section5 .s5-cta:hover:before {
    -webkit-transform: translate(300px) rotate(35deg);
    transform: translate(300px) rotate(35deg)
}

@media only screen and (max-width:768px) {
    .h-section5 .s5-cta {
        padding: 14px 30px;
        font-size: 16px
    }
}

.h-section5 .s5-image {
    width: 40%;
    text-align: center
}

@media only screen and (max-width:640px) {
    .h-section5 .s5-image {
        width: 80%;
        margin: 0 auto
    }
}

.h-section5 .s5-image-inner {
    position: relative;
    display: inline-block;
    isolation: isolate;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    overflow: visible;
    -webkit-perspective: 1800px;
    perspective: 1800px
}

.h-section5 .s5-image-inner .s5-image-media {
    display: inline-block
}

.h-section5 .s5-image-inner .s5-image-float, .h-section5 .s5-image-inner .s5-image-media {
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.h-section5 .s5-image-inner .s5-image-float {
    display: block;
    pointer-events: none
}

.h-section5 .s5-image-inner img {
    position: relative;
    z-index: 2;
    max-width: 100%;
    height: auto;
    display: block;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform
}

.h-section6 {
    position: relative;
    padding: 100px 0;
    z-index: 1
}

.h-section6:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 118.802083333%;
    padding-top: 43.0208333333%;
    height: 0;
    z-index: -1;
    background: linear-gradient(to right, #1ADFFF, #0FEDC7);
    clip-path: polygon(-6.995% 95.919%, -6.995% 95.919%, -7.324% 94.628%, -7.613% 93.284%, -7.863% 91.89%, -8.072% 90.446%, -8.242% 88.952%, -8.372% 87.411%, -8.461% 85.821%, -8.51% 84.185%, -8.519% 82.503%, -8.488% 80.777%, -8.488% 80.777%, -8.446% 79.621%, -8.386% 78.447%, -8.309% 77.254%, -8.214% 76.039%, -8.101% 74.803%, -7.971% 73.543%, -7.822% 72.257%, -7.655% 70.945%, -7.47% 69.606%, -7.267% 68.237%, -7.267% 68.237%, -6.81% 65.386%, -6.319% 62.567%, -5.795% 59.78%, -5.239% 57.027%, -4.65% 54.309%, -4.029% 51.629%, -3.377% 48.987%, -2.693% 46.385%, -1.978% 43.824%, -1.232% 41.307%, -1.232% 41.307%, -.47% 38.879%, .317% 36.508%, 1.13% 34.195%, 1.966% 31.941%, 2.827% 29.747%, 3.712% 27.615%, 4.619% 25.546%, 5.549% 23.54%, 6.501% 21.601%, 7.475% 19.727%, 7.475% 19.727%, 8.484% 17.898%, 9.508% 16.153%, 10.547% 14.491%, 11.6% 12.914%, 12.666% 11.423%, 13.745% 10.019%, 14.837% 8.701%, 15.939% 7.472%, 17.053% 6.332%, 18.178% 5.282%, 18.178% 5.282%, 19.362% 4.282%, 20.55% 3.387%, 21.744% 2.595%, 22.941% 1.909%, 24.142% 1.327%, 25.345% .85%, 26.549% .478%, 27.755% .213%, 28.962% .053%, 30.168% 0, 30.211% 0, 30.211% 0, 32.513% .187%, 34.843% .735%, 37.204% 1.645%, 39.599% 2.921%, 42.03% 4.564%, 44.5% 6.575%, 47.013% 8.958%, 49.57% 11.714%, 52.174% 14.845%, 54.829% 18.354%, 54.829% 18.354%, 55.718% 19.608%, 56.602% 20.906%, 57.479% 22.241%, 58.35% 23.606%, 59.215% 24.997%, 60.075% 26.407%, 60.928% 27.831%, 61.775% 29.263%, 62.617% 30.696%, 63.453% 32.126%, 63.453% 32.126%, 64.406% 33.755%, 65.365% 35.386%, 66.329% 37.008%, 67.298% 38.612%, 68.272% 40.187%, 69.25% 41.723%, 70.232% 43.211%, 71.217% 44.64%, 72.205% 46.002%, 73.195% 47.285%, 73.195% 47.285%, 74.239% 48.542%, 75.269% 49.675%, 76.284% 50.685%, 77.286% 51.573%, 78.276% 52.34%, 79.255% 52.986%, 80.224% 53.512%, 81.184% 53.919%, 82.137% 54.208%, 83.083% 54.38%, 83.083% 54.38%, 83.163% 54.389%, 83.243% 54.397%, 83.323% 54.404%, 83.403% 54.41%, 83.484% 54.415%, 83.564% 54.419%, 83.644% 54.423%, 83.724% 54.425%, 83.804% 54.426%, 83.884% 54.427%, 83.884% 54.427%, 85.005% 54.328%, 86.116% 54.049%, 87.215% 53.593%, 88.299% 52.963%, 89.363% 52.162%, 90.406% 51.192%, 91.424% 50.056%, 92.414% 48.756%, 93.372% 47.296%, 94.296% 45.677%, 95.866% 42.705%, 100% 56.878%, 98.43% 59.85%, 98.43% 59.85%, 97.14% 62.116%, 95.802% 64.16%, 94.42% 65.979%, 92.998% 67.568%, 91.542% 68.925%, 90.054% 70.045%, 88.54% 70.925%, 87.004% 71.561%, 85.451% 71.949%, 83.886% 72.085%, 83.886% 72.085%, 83.773% 72.084%, 83.66% 72.082%, 83.547% 72.079%, 83.434% 72.074%, 83.321% 72.068%, 83.208% 72.061%, 83.095% 72.052%, 82.982% 72.042%, 82.87% 72.03%, 82.757% 72.017%, 82.757% 72.017%, 81.531% 71.8%, 80.302% 71.439%, 79.069% 70.932%, 77.832% 70.279%, 76.588% 69.479%, 75.337% 68.532%, 74.077% 67.436%, 72.806% 66.19%, 71.523% 64.793%, 70.227% 63.246%, 70.227% 63.246%, 69.107% 61.803%, 68.001% 60.291%, 66.91% 58.718%, 65.832% 57.094%, 64.765% 55.429%, 63.71% 53.73%, 62.665% 52.006%, 61.63% 50.268%, 60.604% 48.524%, 59.585% 46.782%, 59.585% 46.782%, 58.79% 45.421%, 57.99% 44.058%, 57.186% 42.7%, 56.379% 41.352%, 55.57% 40.023%, 54.76% 38.718%, 53.95% 37.445%, 53.141% 36.209%, 52.332% 35.019%, 51.526% 33.88%, 51.526% 33.88%, 49.184% 30.778%, 46.895% 28.01%, 44.656% 25.574%, 42.466% 23.468%, 40.321% 21.69%, 38.22% 20.238%, 36.16% 19.111%, 34.139% 18.307%, 32.154% 17.823%, 30.202% 17.658%, 30.168% 17.658%, 30.168% 17.658%, 29.195% 17.701%, 28.222% 17.831%, 27.248% 18.047%, 26.275% 18.349%, 25.302% 18.737%, 24.33% 19.21%, 23.36% 19.768%, 22.392% 20.411%, 21.427% 21.138%, 20.466% 21.95%, 20.466% 21.95%, 19.535% 22.82%, 18.612% 23.766%, 17.698% 24.786%, 16.792% 25.881%, 15.897% 27.048%, 15.011% 28.289%, 14.135% 29.602%, 13.271% 30.986%, 12.418% 32.441%, 11.577% 33.966%, 11.577% 33.966%, 10.757% 35.543%, 9.956% 37.177%, 9.173% 38.865%, 8.41% 40.608%, 7.665% 42.403%, 6.941% 44.25%, 6.237% 46.148%, 5.553% 48.096%, 4.891% 50.092%, 4.25% 52.136%, 4.25% 52.136%, 3.624% 54.248%, 3.024% 56.395%, 2.45% 58.575%, 1.903% 60.788%, 1.382% 63.031%, .889% 65.304%, .424% 67.605%, -.014% 69.934%, -.424% 72.288%, -.806% 74.668%, -.806% 74.668%, -.936% 75.538%, -1.054% 76.378%, -1.16% 77.188%, -1.254% 77.969%, -1.336% 78.722%, -1.406% 79.448%, -1.464% 80.147%, -1.511% 80.821%, -1.546% 81.47%, -1.57% 82.095%, -1.57% 82.095%, -1.583% 82.796%, -1.58% 83.408%, -1.563% 83.935%, -1.536% 84.385%, -1.501% 84.762%, -1.462% 85.073%, -1.421% 85.324%, -1.381% 85.521%, -1.345% 85.669%, -1.317% 85.775%, -.191% 89.856%, -5.866% 100%, -6.995% 95.919%);
    pointer-events: none;
    opacity: .2
}

@media only screen and (max-width:1024px) {
    .h-section6 {
        padding: 80px 0
    }
}

@media only screen and (max-width:768px) {
    .h-section6 {
        padding: 60px 0
    }
}

.h-section6 .s6-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    min-width: 1920px;
    z-index: -1;
    pointer-events: none
}

.h-section6 .s6-bg svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.h-section6 .section6-title {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 60px
}

@media only screen and (max-width:1440px) {
    .h-section6 .section6-title {
        font-size: 48px
    }
}

@media only screen and (max-width:1024px) {
    .h-section6 .section6-title {
        font-size: 40px;
        margin-bottom: 40px
    }
}

@media only screen and (max-width:768px) {
    .h-section6 .section6-title {
        font-size: 32px
    }
}

.h-section6 .s6-slider {
    position: relative;
    margin: 0 auto
}

.h-section6 .s6-slider .swiper-partners {
    overflow: visible
}

.h-section6 .s6-logo {
    height: 80px
}

.h-section6 .s6-logo img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto;
    height: auto
}

@media only screen and (max-width:768px) {
    .h-section6 .s6-logo {
        height: 60px
    }

    .h-section6 .s6-logo img {
        max-width: 120px
    }
}

.h-section7 {
    position: relative;
    padding: 100px 0;
    overflow: hidden
}

@media only screen and (max-width:1024px) {
    .h-section7 {
        padding: 80px 0
    }
}

@media only screen and (max-width:768px) {
    .h-section7 {
        padding: 60px 0
    }
}

.h-section7 .s7-header {
    margin-bottom: 80px
}

@media only screen and (max-width:1440px) {
    .h-section7 .s7-header {
        margin-bottom: 60px
    }
}

@media only screen and (max-width:768px) {
    .h-section7 .s7-header {
        margin-bottom: 40px
    }
}

.h-section7 .s7-bubble-icon {
    position: absolute;
    top: -30px;
    left: -10px;
    z-index: -1
}

.h-section7 .s7-bubble-icon img {
    width: 80px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (max-width:768px) {
    .h-section7 .s7-bubble-icon img {
        width: 60px
    }
}

@media only screen and (max-width:768px) {
    .h-section7 .s7-bubble-icon {
        top: -30px;
        left: -40px
    }
}

.h-section7 .section7-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
    color: #1e1e2f;
    position: relative;
    display: inline-block
}

@media only screen and (max-width:1024px) {
    .h-section7 .section7-title {
        font-size: 44px
    }
}

@media only screen and (max-width:768px) {
    .h-section7 .section7-title {
        font-size: 32px
    }
}

.h-section7 .section7-title-text {
    display: inline-block
}

.h-section7 .s7-content {
    gap: 40px
}

@media only screen and (max-width:1024px) {
    .h-section7 .s7-content {
        gap: 26px
    }
}

@media only screen and (max-width:640px) {
    .h-section7 .s7-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        gap: 20px
    }
}

.h-section7 .s7-left {
    width: 22%;
    flex-shrink: 0
}

@media only screen and (max-width:640px) {
    .h-section7 .s7-left {
        width: 100%;
        text-align: center;
        margin-bottom: 10px
    }
}

.h-section7 .s7-quote-icon {
    margin-bottom: 25px
}

.h-section7 .s7-quote-icon img {
    height: 70px;
    width: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (max-width:768px) {
    .h-section7 .s7-quote-icon img {
        height: 50px
    }
}

@media only screen and (max-width:640px) {
    .h-section7 .s7-quote-icon {
        margin: 0 auto 20px;
        position: absolute;
        z-index: -1;
        opacity: 0.2;
    }
}

.h-section7 .s7-desc-title {
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (max-width:1024px) {
    .h-section7 .s7-desc-title {
        font-size: 32px
    }
}

@media only screen and (max-width:768px) {
    .h-section7 .s7-desc-title {
        font-size: 28px
    }

    .h-section7 .s7-desc-title br {
        display: none
    }
}

.h-section7 .s7-right {
    width: 80%;
    min-width: 0
}

@media only screen and (max-width:640px) {
    .h-section7 .s7-right {
        width: 100%;
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        flex-direction: column-reverse;
        gap: 20px
    }
}

.h-section7 .s7-nav {
    margin-bottom: 25px;
    gap: 15px
}

@media only screen and (max-width:640px) {
    .h-section7 .s7-nav {
        -webkit-box-pack: center;
        justify-content: center;
        gap: 12px
    }
}

.h-section7 .swiper-nav-btn {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #141516;
    color: #fff;
    border: none;
    cursor: pointer;
    -webkit-transition: background-color .3s ease, opacity .3s ease, -webkit-box-shadow .3s ease;
    transition: background-color .3s ease, opacity .3s ease, -webkit-box-shadow .3s ease;
    transition: background-color .3s ease, opacity .3s ease, box-shadow .3s ease;
    transition: background-color .3s ease, opacity .3s ease, box-shadow .3s ease, -webkit-box-shadow .3s ease;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
}

.h-section7 .swiper-nav-btn svg {
    width: 20px;
    height: 20px;
    fill: currentColor
}

.h-section7 .swiper-nav-btn:hover {
    background-color: var(--primary-color);
    -webkit-box-shadow: 0 8px 18px rgba(81, 11, 245, .25);
    box-shadow: 0 8px 18px rgba(81, 11, 245, .25);
    opacity: 1
}

.h-section7 .swiper-nav-btn.swiper-button-disabled {
    opacity: .4;
    pointer-events: none
}

.h-section7 .swiper-reviews {
    overflow: visible;
    clip-path: inset(-50px -100vw -50px 0)
}

@media only screen and (max-width:640px) {
    .h-section7 .swiper-reviews {
        clip-path: none;
        overflow: hidden;
        margin: 0 -15px;
        padding: 0 15px
    }
}

.h-section7 .s7-card {
    background: linear-gradient(145deg, #e6e0ff, #fafaff);
    border-radius: 20px;
    padding: 40px 30px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    gap: 30px;
    height: auto;
    min-height: 280px;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:1024px) {
    .h-section7 .s7-card {
        padding: 30px 24px;
        min-height: 250px
    }
}

.h-section7 .s7-card-text {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4;
    color: #0d0d0d;
    margin: 0
}

@media only screen and (max-width:1024px) {
    .h-section7 .s7-card-text {
        font-size: 18px
    }
}

@media only screen and (max-width:768px) {
    .h-section7 .s7-card-text {
        font-size: 16px
    }
}

.h-section7 .s7-author {
    gap: 15px
}

.h-section7 .s7-author-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0
}

.h-section7 .s7-author-avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.h-section7 .author-name {
    font-size: 16px;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 4px
}

.h-section7 .author-loc {
    font-size: 14px;
    color: #666
}

.h-section8 {
    position: relative;
    padding: 120px 0 160px;
    overflow: hidden;
    background: url(assets/images/bg-ss8.png) no-repeat 50%;
    background-size: cover
}

@media only screen and (max-width:1024px) {
    .h-section8 {
        padding: 80px 0
    }
}

@media only screen and (max-width:768px) {
    .h-section8 {
        padding: 60px 0
    }
}

.h-section8 .s8-content {
    gap: 50px;
    padding: 0 4%
}

@media only screen and (max-width:1440px) {
    .h-section8 .s8-content {
        padding: 0 2%;
        gap: 36px
    }
}

@media only screen and (max-width:1024px) {
    .h-section8 .s8-content {
        padding: 0;
        gap: 30px
    }
}

@media only screen and (max-width:768px) {
    .h-section8 .s8-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        gap: 20px
    }
}

.h-section8 .s8-left {
    width: 48%
}

@media only screen and (max-width:768px) {
    .h-section8 .s8-left {
        width: 100%;
        text-align: center
    }
}

.h-section8 .section8-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (max-width:1440px) {
    .h-section8 .section8-title {
        font-size: 44px
    }
}

@media only screen and (max-width:768px) {
    .h-section8 .section8-title {
        font-size: 32px
    }
}

.h-section8 .s8-right {
    width: 45%;
    border-radius: 20px;
    padding: 34px 30px 40px;
    background: linear-gradient(to right, #510BFA, #8311EF);
    -webkit-box-shadow: 2px 2px 16px rgba(0, 0, 0, .15);
    box-shadow: 2px 2px 16px rgba(0, 0, 0, .15)
}

@media only screen and (max-width:991px) {
    .h-section8 .s8-right {
        width: 100%;
        max-width: 600px;
        margin: 0 auto
    }
}

@media only screen and (max-width:575px) {
    .h-section8 .s8-right {
        padding: 20px 16px;
        border-radius: 16px
    }
}

.s8-features .icon {
    width: 36px;
    height: 36px;
    background: linear-gradient(25deg, #8311EF, #510BF5);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.s8-features li {
    font-weight: 600;
    font-size: 22px;
}

@media only screen and (max-width:768px) {
    .s8-features li {
        font-size: 16px;
    }
}

.h-section9 {
    position: relative;
    padding: 280px 0 140px;
    margin-top: -140px;
    clip-path: polygon(100% 100%, 100% 6.161%, 100% 6.161%, 99.426% 6.277%, 98.854% 6.419%, 98.282% 6.584%, 97.713% 6.773%, 97.147% 6.983%, 96.584% 7.213%, 96.025% 7.463%, 95.471% 7.731%, 94.922% 8.016%, 94.378% 8.316%, 94.378% 8.316%, 93.059% 9.11%, 91.755% 9.967%, 90.463% 10.869%, 89.177% 11.8%, 87.894% 12.741%, 86.61% 13.674%, 85.32% 14.583%, 84.02% 15.449%, 82.706% 16.254%, 81.373% 16.982%, 81.373% 16.982%, 79.352% 17.884%, 77.296% 18.559%, 75.215% 19.004%, 73.121% 19.217%, 71.024% 19.196%, 68.934% 18.939%, 66.863% 18.444%, 64.821% 17.709%, 62.818% 16.731%, 60.867% 15.51%, 60.867% 15.51%, 59.535% 14.516%, 58.232% 13.432%, 56.949% 12.281%, 55.68% 11.086%, 54.418% 9.87%, 53.155% 8.655%, 51.885% 7.464%, 50.6% 6.32%, 49.294% 5.247%, 47.959% 4.265%, 47.959% 4.265%, 46.341% 3.252%, 44.693% 2.399%, 43.017% 1.696%, 41.318% 1.132%, 39.601% .695%, 37.87% .374%, 36.129% .159%, 34.384% .038%, 32.637% 0, 30.894% .034%, 30.894% .034%, 28.228% .209%, 25.563% .535%, 22.907% 1.022%, 20.267% 1.679%, 17.65% 2.516%, 15.065% 3.542%, 12.517% 4.767%, 10.014% 6.201%, 7.564% 7.852%, 5.174% 9.73%, 5.174% 9.73%, 4.633% 10.197%, 4.095% 10.682%, 3.561% 11.183%, 3.031% 11.701%, 2.507% 12.236%, 1.99% 12.789%, 1.479% 13.359%, .977% 13.946%, .484% 14.55%, 0 15.172%, 0 100%, 100% 100%)
}

@media only screen and (max-width:1024px) {
    .h-section9 {
        padding: 100px 0 80px;
        clip-path: none;
        margin-top: 0px;
    }
}

@media only screen and (max-width:575px) {
    .h-section9 {
        padding: 70px 0 60px
    }
}

.h-section9 .s9-title {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2
}

@media only screen and (max-width:1024px) {
    .h-section9 .s9-title {
        font-size: 44px
    }
}

@media only screen and (max-width:768px) {
    .h-section9 .s9-title {
        font-size: 32px;
        padding-bottom: 30px !important
    }
}

.h-section9 .faq-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    text-align: left
}

@media only screen and (max-width:768px) {
    .h-section9 .faq-grid {
        grid-template-columns: 1fr
    }
}

.h-section9 .faq-item {
    background: #fff;
    border-radius: 12px;
    padding: 24px 30px;
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    align-self: start
}

@media only screen and (max-width:1024px) {
    .h-section9 .faq-item {
        padding: 20px 24px
    }
}

@media only screen and (max-width:575px) {
    .h-section9 .faq-item {
        padding: 15px 20px
    }
}

.h-section9 .faq-item .faq-head {
    cursor: pointer
}

.h-section9 .faq-item .faq-question {
    font-size: 20px;
    color: #111;
    line-height: 1.4;
    padding-right: 15px;
    font-weight: 700
}

.h-section9 .faq-item .faq-icon {
    width: 24px;
    height: 24px;
    background-color: #111;
    border-radius: 50%;
    flex-shrink: 0;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.h-section9 .faq-item p {
    color: #111;
    font-size: 14px;
    line-height: 1.6
}

.h-section9 .faq-item .faq-body {
    margin-top: 16px
}

.h-section9 .faq-item.active .faq-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.h-section9 .s9-illustration img {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    -webkit-transform: scale(1.3) translateY(-40px);
    transform: scale(1.3) translateY(-40px);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

@media only screen and (max-width:1024px) {
    .h-section9 .s9-illustration img {
        -webkit-transform: none;
        transform: none;
        max-width: 400px;
        margin: 0 auto
    }
}

html.js .is-split-reveal {
    overflow: hidden
}

html.js.is-preloading .h-section2 .coverage-subtitle, html.js.is-preloading .h-section2 .coverage-title, html.js.is-preloading .h-section2 .coverage-visual, html.js.is-preloading .h-section2 .market-tag, html.js.is-preloading .h-section2 .stat-item, html.js.is-preloading .h-section3 .s3-feature-item, html.js.is-preloading .h-section3 .s3-image, html.js.is-preloading .h-section3 .section3-title, html.js.is-preloading .h-section4 .s4-card, html.js.is-preloading .h-section4 .s4-image, html.js.is-preloading .h-section4 .section4-title, html.js.is-preloading .h-section5 .s5-cta-wrapper, html.js.is-preloading .h-section5 .s5-image, html.js.is-preloading .h-section5 .s5-step-item, html.js.is-preloading .h-section5 .section5-title, html.js.is-preloading .h-section6 .s6-slider, html.js.is-preloading .h-section6 .section6-title, html.js.is-preloading .h-section7 .s7-card, html.js.is-preloading .h-section7 .s7-left, html.js.is-preloading .h-section7 .s7-right, html.js.is-preloading .h-section7 .section7-title, html.js.is-preloading .h-section8 .form-group, html.js.is-preloading .h-section8 .s8-right, html.js.is-preloading .h-section8 .section8-title, html.js.is-preloading .h-section9 .faq-item, html.js.is-preloading .h-section9 .s9-title {
    opacity: 0;
    visibility: hidden
}