@import 'https://fonts.cdnfonts.com/css/satoshi';
:root {
    --color-bg-btn: #2e475a;
    --color-bg: #2e475a;
}
.theme-tulu-one .navbar .container .btns:nth-child(3),
.theme-tulu-two .navbar .container .btns:nth-child(3),
.theme-green-light .navbar .container .btns:nth-child(3),
.theme-deep-teal-blue .navbar .container .btns:nth-child(3),
.theme-charcoal-blue-gray .navbar .container .btns:nth-child(3),
.theme-dark-charcoal .navbar .container .btns:nth-child(3),
.theme-deep-teal-navy .navbar .container .btns:nth-child(3),
.theme-dark-espresso-brown .navbar .container .btns:nth-child(3),
.theme-rich-black .navbar .container .btns:nth-child(3),
.theme-black .navbar .container .btns:nth-child(3),
.theme-deep-forest-green .navbar .container .btns:nth-child(3),
.theme-dark-mocha-brown .navbar .container .btns:nth-child(3),
.theme-muted-sage-green .navbar .container .btns:nth-child(3),
.theme-sofy-ivory .navbar .container .btns:nth-child(3),
.theme-soft-light-gray .navbar .container .btns:nth-child(3),
.theme-midnight-blue-black .navbar .container .btns:nth-child(3),
.theme-deep-royal-blue .navbar .container .btns:nth-child(3),
.theme-abyss-navy .navbar .container .btns:nth-child(3),
.theme-deep-dark-navy .navbar .container .btns:nth-child(3),
.theme-warm-white .navbar .container .btns:nth-child(3) {
    display: none;
}
.theme-tulu-one .navbar.scrolled,
.theme-tulu-two .navbar.scrolled,
.theme-green-light .navbar.scrolled,
.theme-deep-teal-blue .navbar.scrolled,
.theme-charcoal-blue-gray .navbar.scrolled,
.theme-dark-charcoal .navbar.scrolled,
.theme-deep-teal-navy .navbar.scrolled,
.theme-dark-espresso-brown .navbar.scrolled,
.theme-rich-black .navbar.scrolled,
.theme-black .navbar.scrolled,
.theme-deep-forest-green .navbar.scrolled,
.theme-dark-mocha-brown .navbar.scrolled,
.theme-muted-sage-green .navbar.scrolled,
.theme-sofy-ivory .navbar.scrolled,
.theme-soft-light-gray .navbar.scrolled,
.theme-midnight-blue-black .navbar.scrolled,
.theme-deep-royal-blue .navbar.scrolled,
.theme-abyss-navy .navbar.scrolled,
.theme-deep-dark-navy .navbar.scrolled,
.theme-warm-white .navbar.scrolled {
    display: none;
}
@media only screen and (max-width: 482px) {
    .theme-tulu-one .navbar .container .mobile-btns,
    .theme-tulu-two .navbar .container .mobile-btns,
    .theme-green-light .navbar .container .mobile-btns,
    .theme-deep-teal-blue .navbar .container .mobile-btns,
    .theme-charcoal-blue-gray .navbar .container .mobile-btns,
    .theme-dark-charcoal .navbar .container .mobile-btns,
    .theme-deep-teal-navy .navbar .container .mobile-btns,
    .theme-dark-espresso-brown .navbar .container .mobile-btns,
    .theme-rich-black .navbar .container .mobile-btns,
    .theme-black .navbar .container .mobile-btns,
    .theme-deep-forest-green .navbar .container .mobile-btns,
    .theme-dark-mocha-brown .navbar .container .mobile-btns,
    .theme-muted-sage-green .navbar .container .mobile-btns,
    .theme-sofy-ivory .navbar .container .mobile-btns,
    .theme-soft-light-gray .navbar .container .mobile-btns,
    .theme-midnight-blue-black .navbar .container .mobile-btns,
    .theme-deep-royal-blue .navbar .container .mobile-btns,
    .theme-abyss-navy .navbar .container .mobile-btns,
    .theme-deep-dark-navy .navbar .container .mobile-btns,
    .theme-warm-white .navbar .container .mobile-btns {
        display: none !important;
        visibility: hidden !important;
    }
	
    .theme-tulu-one .connect .connect-figure,
    .theme-tulu-two .connect .connect-figure,
    .theme-green-light .connect .connect-figure,
    .theme-deep-teal-blue .connect .connect-figure,
    .theme-charcoal-blue-gray .connect .connect-figure,
    .theme-dark-charcoal .connect .connect-figure,
    .theme-deep-teal-navy .connect .connect-figure,
    .theme-dark-espresso-brown .connect .connect-figure,
    .theme-rich-black .connect .connect-figure,
    .theme-black .connect .connect-figure,
    .theme-deep-forest-green .connect .connect-figure,
    .theme-dark-mocha-brown .connect .connect-figure,
    .theme-muted-sage-green .connect .connect-figure,
    .theme-sofy-ivory .connect .connect-figure,
    .theme-soft-light-gray .connect .connect-figure,
    .theme-midnight-blue-black .connect .connect-figure,
    .theme-deep-royal-blue .connect .connect-figure,
    .theme-abyss-navy .connect .connect-figure,
    .theme-deep-dark-navy .connect .connect-figure,
    .theme-warm-white .connect .connect-figure {
        display: none;
    }
}
.theme-tulu-one {
    --color-bg-btn: #9f8266;
    --color-bg: #9f8266;
}
.theme-tulu-one .link-bg {
    color: #fff;
}
.theme-tulu-one .accordion .accordion-trigger .icon-box svg {
    color: #fff;
}
.theme-tulu-two {
    --color-bg-btn: #00416f;
    --color-bg: #00416f;
}
.theme-tulu-two .link-bg {
    color: #fff;
}
.theme-tulu-two .accordion .accordion-trigger .icon-box svg {
    color: #fff;
}
.theme-green-light {
    --color-bg-btn: #5d9c32;
    --color-bg: #5d9c32;
}
.theme-deep-teal-blue {
    --color-bg-btn: #264553;
    --color-bg: #264553;
}
.theme-charcoal-blue-gray {
    --color-bg-btn: #384047;
    --color-bg: #384047;
}
.theme-dark-charcoal {
    --color-bg-btn: #333333;
    --color-bg: #333333;
}
.theme-deep-teal-navy {
    --color-bg-btn: #00374b;
    --color-bg: #00374b;
}
.theme-dark-espresso-brown {
    --color-bg-btn: #1e0e08;
    --color-bg: #1e0e08;
}
.theme-rich-black {
    --color-bg-btn: #090909;
    --color-bg: #090909;
}
.theme-black {
    --color-bg-btn: #000000;
    --color-bg: #000000;
}
.theme-deep-forest-green {
    --color-bg-btn: #2a3d37;
    --color-bg: #2a3d37;
}
.theme-dark-mocha-brown {
    --color-bg-btn: #2e2824;
    --color-bg: #2e2824;
}
.theme-muted-sage-green {
    --color-bg-btn: #647360;
    --color-bg: #647360;
}
.theme-sofy-ivory {
    --color-bg-btn: #eae7e1;
    --color-bg: #eae7e1;
}
.theme-soft-light-gray {
    --color-bg-btn: #f3f3f3;
    --color-bg: #f3f3f3;
}
.theme-midnight-blue-black {
    --color-bg-btn: #101624;
    --color-bg: #101624;
}
.theme-deep-royal-blue {
    --color-bg-btn: #0650a0;
    --color-bg: #0650a0;
}
.theme-abyss-navy {
    --color-bg-btn: #011b2e;
    --color-bg: #011b2e;
}
.theme-deep-dark-navy {
    --color-bg-btn: #022a3a;
    --color-bg: #022a3a;
}
.theme-warm-white {
    --color-bg-btn: #e7e6e5;
    --color-bg: #e7e6e5;
}
.theme-warm-white .link-bg,
.theme-soft-light-gray .link-bg,
.theme-sofy-ivory .link-bg {
    color: #000;
}
.theme-warm-white .accordion .accordion-trigger .icon-box svg path,
.theme-soft-light-gray .accordion .accordion-trigger .icon-box svg path,
.theme-sofy-ivory .accordion .accordion-trigger .icon-box svg path {
    stroke: #000 !important;
}
.theme-warm-white .footer,
.theme-soft-light-gray .footer,
.theme-sofy-ivory .footer,
.theme-warm-white .how-works .container .header,
.theme-soft-light-gray .how-works .container .header,
.theme-sofy-ivory .how-works .container .header,
.theme-warm-white .how-works .container .how-steps .how-panel:hover,
.theme-soft-light-gray .how-works .container .how-steps .how-panel:hover,
.theme-sofy-ivory .how-works .container .how-steps .how-panel:hover {
    color: #000 !important;
}
:root {
    --padding-lg: 20rem 0;
    --padding-md: 15rem 0;
    --padding: 10rem 0;
}
@media only screen and (max-width: 1024px) {
    :root {
        --padding-lg: 15rem 0;
        --padding-md: 10rem 0;
        --padding: 7.5rem 0;
    }
}
@media only screen and (max-width: 482px) {
    :root {
        --padding-lg: 10rem 0;
        --padding-md: 7.5rem 0;
        --padding: 5rem 0;
    }
}
.how-works .container .how-steps,
.how-works .container .how-steps .how-panel,
.contact .container .contact-panel,
.contact .container .contact-panel .contact-content,
.contact .container .contact-panel .contact-content form,
.requirements .container table,
.career .container .career-form-wrapper,
.career .container .career-form-wrapper form,
.top-section .container .top-figure,
.top-section .container .top-figure img,
.detail .container .detail-panel,
.reviews .container .reviews-panel,
.reviews .container .reviews-panel .review-card,
.how .container .header .header-box .how-list,
.how .container .header .header-box .how-list .how-card,
.how .container .media-wrapper,
.include .container .accordions .accordion .accordion-content .accordion-content-inner .acc-list,
.include .container .accordions .accordion .accordion-content .accordion-content-inner .acc-list .acc-item,
.what .container .what-panel,
.what .container .what-panel .what-figure,
.expand .container .header .header-box .slider-wrapper,
.grid-section .container .grid-panel,
.grid-section .container .grid-panel .grid-card .card-figure,
.grid-section .container .grid-panel .grid-card .card-figure img,
.grid-section .container .grid-panel .grid-card .card-content .card-content-inner,
.team .team-content .embla .embla__container .embla__slide img,
.letest .embla .embla__container .embla__slide .slide-inner .slide-figure img,
.navbar,
.hamb-menu .hamb-top-bar,
.hamb-menu .hamb-menu-inner .hamb-menu-links .hamb-drop-down,
.hamb-menu .hamb-menu-inner .hamb-menu-links .hamb-drop-down .hamb-drop-down-content,
.footer .container .footer-panel,
.footer .container .footer-bottom,
.booking-section .container input:not([type='checkbox'], [type='radio']),
.booking-section .container textarea,
.booking-section .container .booking-layout,
.booking-section .container .booking-layout .booking-form-container .form-panel,
.booking-section .container .booking-layout .booking-form-container .form-panel .form-panel-header,
.booking-section .container .booking-layout .booking-form-container .form-panel .select-row,
.booking-section .container .booking-layout .booking-form-container .form-panel .option-grid,
.booking-section .container .booking-layout .booking-form-container .form-panel .inputs-grid,
.booking-section .container .booking-layout .booking-form-container .form-panel .discount-row,
.booking-section .container .booking-layout .booking-form-container .terms-panel,
.booking-section .container .booking-layout .booking-form-container .terms-panel .terms-box,
.booking-section .container .booking-layout .booking-sidebar .features-list,
.booking-section .container .booking-layout .booking-sidebar .price-summary,
.booking-section .container .booking-layout .booking-sidebar .price-summary .price-header,
.booking-section .container .booking-layout .booking-sidebar .price-summary .summary-items,
.booking-section .container .booking-layout .booking-sidebar .price-summary .summary-items .summary-item,
textarea,
input:not([type='submit'], [type='checkbox']),
select,
.accordions,
.accordions .accordion,
.accordions .accordion .accordion-trigger,
.partners .container .partners-grid,
.banner .banner-content .services-tabs,
.banner .banner-content .services-tabs .slider-control-btn,
.banner .banner-content .grid-panel,
.banner .banner-content .grid-panel figure,
.benefits .container .benefits-panel,
.benefits .container .benefits-panel .benefit-image-slider .embla__container .embla__slide img,
.why .container .why-list,
.connect .connect-content .form-wrapper,
.connect .connect-content .form-wrapper form,
.services .services-slider .embla__container .embla__slide .content-box .content-box-top,
.testimonial .testimonial-panel,
.other .container .embla .embla__container .embla__slide .content-box .reveal-box,
.hamb-link,
.page-wrapper,
.container,
figure img,
.header,
.embla {
    width: 100%;
    height: auto;
}
.drop-down {
    width: auto;
    height: auto;
}
.team .team-figure,
.team .team-figure img,
.letest .embla .embla__container .embla__slide .slide-inner,
.letest .embla .embla__container .embla__slide .slide-bg,
.hamb-menu,
.hamb-menu .hamb-menu-inner,
.hamb-menu .hamb-menu-inner .hamb-figure img,
.accordions .accordion .accordion-trigger .icon-box:after,
.banner .banner-figure img,
.banner .embla .embla__container .embla__slide .slide-figure,
.benefits .bg:after,
.connect .connect-figure img,
.services .services-slider .embla__container .embla__slide,
.services .services-slider .embla__container .embla__slide img,
section .bg,
section .bg img,
section .bg video,
section .bg .embla,
section .bg .embla .embla__container .embla__slide {
    width: 100%;
    height: 100%;
}
.banner .embla .embla__container .embla__slide .slide-content .content-box,
.why .container .why-list .why-card,
.services .services-slider .embla__container .embla__slide .content-box .content-box-inner,
.testimonial .testimonial-panel .hover-card .content-box {
    background: #d9d9d90d;
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    border-radius: 0.75rem;
    padding: 2rem;
    color: #fff;
}
.embla {
    overflow: hidden;
}
.embla__container {
    display: flex;
    transition: height 0.2s;
}
.embla__slide {
    flex: 0 0 100%;
    min-width: 0;
}
html.lenis,
html.lenis body {
    height: auto;
}
.lenis:not(.lenis-autoToggle).lenis-stopped {
    overflow: clip;
}
.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch] {
    overscroll-behavior: contain;
}
.lenis.lenis-smooth iframe {
    pointer-events: none;
}
.lenis.lenis-autoToggle {
    transition-property: overflow;
    transition-duration: 1ms;
    transition-behavior: allow-discrete;
}
* {
    margin: 0;
    padding: 0;
}
*,
*:before,
*:after {
    box-sizing: inherit;
    outline: none;
    -webkit-touch-callout: none;
}
:focus {
    outline: none;
}
::-moz-focus-inner {
    border: 0;
}
a {
    color: inherit;
    outline: none;
    pointer-events: auto;
    text-decoration: none;
}
button {
    background: none;
    border: none;
    border-radius: none;
    color: inherit;
    outline: none;
    cursor: pointer;
}
video,
img {
    vertical-align: middle;
    object-fit: cover;
    object-position: center;
}
input:not([type='checkbox']):not([type='radio']),
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    pointer-events: auto;
}
:root {
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-optical-sizing: auto;
}
html {
    box-sizing: border-box;
    overscroll-behavior: none;
    font-size: 0.5208333333vw !important;
}
@media only screen and (max-width: 1024px) {
    html {
        font-size: 0.9765625vw !important;
    }
}
@media only screen and (max-width: 482px) {
    html {
        font-size: 2.0746887967vw !important;
    }
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-synthesis: none;
    font-optical-sizing: auto;
    overscroll-behavior: none;
    font-weight: 400;
    width: 100%;
    min-height: 100vh;
    font-family:
        Apercu Pro,
        sans-serif;
}
body.theme-marshal {
    background: #7d736e;
}
body.theme-marshal section {
    background: #7d736e;
    color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Satoshi, sans-serif;
    font-weight: 500;
}
[data-animation='image'] {
    position: relative;
}
[data-animation='image'] .image-wrapper {
    overflow: hidden;
    transform: translate(-100%);
    transition: transform 1s cubic-bezier(0.3, 1, 0.3, 1);
}
[data-animation='image'] .image-wrapper img {
    transform: translate(100%);
    transition: transform 1s cubic-bezier(0.3, 1, 0.3, 1);
}
[data-animation='image'].reveal .image-wrapper,
[data-animation='image'].reveal .image-wrapper img {
    transform: translate(0);
}
[data-animation='line'] {
    position: relative;
}
[data-animation='line']:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 2s cubic-bezier(0.3, 1, 0.3, 1);
}
[data-animation='line'].reveal:before {
    transform: scaleX(1);
}
[data-animation='line'][data-animation-position='bottom']:before {
    top: auto;
    bottom: 0;
}
[data-animation='text'] {
    transition: opacity 1s cubic-bezier(0.3, 1, 0.3, 1);
    will-change: opacity;
}
[data-animation='text'].reveal {
    opacity: 1 !important;
}
@font-face {
    font-family: Apercu Pro;
    font-style: normal;
    font-weight: 400;
    src:
        local('Apercu Pro'),
        url(https://fonts.cdnfonts.com/s/67152/apercu_regular_pro.woff) format('woff');
}
@font-face {
    font-family: Apercu Pro;
    font-style: normal;
    font-weight: 600;
    src:
        local('Apercu Pro'),
        url(https://fonts.cdnfonts.com/s/67152/apercu_medium_pro.woff) format('woff');
}
@font-face {
    font-family: Apercu Pro;
    font-style: normal;
    font-weight: 700;
    src:
        local('Apercu Pro'),
        url(https://fonts.cdnfonts.com/s/67152/apercu_bold_pro.woff) format('woff');
}
@font-face {
    font-family: Apercu Mono Pro;
    font-style: normal;
    font-weight: 400;
    src:
        local('Apercu Mono Pro'),
        url(https://fonts.cdnfonts.com/s/66606/ApercuMonoProRegular.woff) format('woff');
}
@font-face {
    font-family: Apercu Mono Pro;
    font-style: normal;
    font-weight: 700;
    src:
        local('Apercu Mono Pro'),
        url(https://fonts.cdnfonts.com/s/66606/ApercuMonoProBold.woff) format('woff');
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
}
ol,
ul {
    list-style: none;
}
::-webkit-scrollbar {
    display: none;
}
.page-wrapper {
    overflow: hidden;
    transition: filter 0.4s cubic-bezier(0.3, 1, 0.3, 1);
}
.container {
    position: relative;
    max-width: 90%;
    margin: 0 auto;
    z-index: 3;
}
figure {
    position: relative;
    overflow: hidden;
}
section {
    position: relative;
    overflow: hidden;
}
section .bg {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
section .bg .embla .embla__container {
    height: 100%;
}
.content-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2.75rem;
    position: relative;
    z-index: 2;
}
.content-box h1,
.content-box h2,
.content-box h3,
.content-box h4 {
    margin-bottom: -1rem;
}
@media only screen and (max-width: 1024px) {
    .content-box {
        gap: 1.5rem;
    }
    .content-box h1,
    .content-box h2,
    .content-box h3,
    .content-box h4 {
        margin-bottom: 0;
    }
}
.header {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
}
.header .header-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2.5rem;
}
.header .header-box:nth-of-type(1) {
    grid-column: span 2;
}
.header .header-box:nth-of-type(2) {
    grid-column: span 1;
    padding-top: 8rem;
}
.header .header-box > * {
    max-width: 70%;
}
.header .header-box > *[data-animation='text'] * {
    max-width: 100% !important;
}
@media only screen and (max-width: 1024px) {
    .header .header-box > * {
        max-width: 100%;
    }
}
@media only screen and (max-width: 482px) {
    .header .header-box {
        grid-column: span 3 !important;
        padding-top: 0 !important;
    }
}
@media only screen and (max-width: 482px) {
    .header {
        gap: 2.5rem;
    }
}
.line {
    width: 100%;
    height: 0.1rem;
    background: #1d1d1d40;
}
.-mt-5 {
    margin-top: -5rem;
}
.-mt-10 {
    margin-top: -10rem;
}
.p-5 {
    padding: 2.5rem 0;
}
.badge-light,
.badge-theme,
.badge,
.link-outline,
.link-bg-blur,
.link-bg-white,
.link-bg,
.link {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-family: Satoshi, sans-serif;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.25;
    overflow: hidden;
    position: relative;
}
.badge-light .arrow,
.badge-theme .arrow,
.badge .arrow,
.link-outline .arrow,
.link-bg-blur .arrow,
.link-bg-white .arrow,
.link-bg .arrow,
.link .arrow {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNDI0LjM1NCA1LjU5NiA0LjE4MmExIDEgMCAwIDEtMS40MTQgMEwuMzUzLjM1NCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=);
    width: 1rem;
    height: 1rem;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: -0.25rem;
}
.badge-light:before,
.badge-theme:before,
.badge:before,
.link-outline:before,
.link-bg-blur:before,
.link-bg-white:before,
.link-bg:before,
.link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000001a;
    z-index: 1;
    opacity: 0;
    transform: scaleX(0);
    transform-origin: center;
    transition: all 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
@media only screen and (max-width: 1024px) {
    .badge-light,
    .badge-theme,
    .badge,
    .link-outline,
    .link-bg-blur,
    .link-bg-white,
    .link-bg,
    .link {
        font-size: 1.5rem;
    }
}
.badge-light,
.badge-theme,
.badge,
.link-outline,
.link-bg-blur,
.link-bg-white,
.link-bg {
    padding: 1rem 2rem;
    border-radius: 0.75rem !important;
}
.badge-light:has(.icon),
.badge-theme:has(.icon),
.badge:has(.icon),
.link-outline:has(.icon),
.link-bg-blur:has(.icon),
.link-bg-white:has(.icon),
.link-bg:has(.icon) {
    padding: 1.25rem 1.5rem;
}
.badge-light:has(.icon) .icon,
.badge-theme:has(.icon) .icon,
.badge:has(.icon) .icon,
.link-outline:has(.icon) .icon,
.link-bg-blur:has(.icon) .icon,
.link-bg-white:has(.icon) .icon,
.link-bg:has(.icon) .icon {
    height: 1.5rem;
}
.badge-light:hover:before,
.badge-theme:hover:before,
.badge:hover:before,
.link-outline:hover:before,
.link-bg-blur:hover:before,
.link-bg-white:hover:before,
.link-bg:hover:before {
    opacity: 1;
    transform: scaleX(1);
}
.link-xs {
    font-size: 1.2rem;
    font-weight: 700;
    font-family:
        Apercu Mono Pro,
        sans-serif;
}
.link-bg {
    background: var(--color-bg-btn) !important;
    color: #fff;
}
.link-bg-white {
    background: #fff;
    color: #000;
}
.link-bg-blur {
    background: #d9d9d90d;
    border: 1px solid rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    color: #fff;
}
.link-outline:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid currentColor;
    border-radius: 0.75rem;
    pointer-events: none;
}
.link-outline:hover {
    color: #000;
}
.link-outline:hover:after {
    border-color: #e8f3f7;
}
.link-outline {
    transition: color 0.3s cubic-bezier(0.3, 1, 0.3, 1);
}
.link-outline:before {
    background: #e8f3f7;
    z-index: -1;
}
.badges,
.btns,
.slider-controls {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}
.slider-controls .prev {
    transform: rotate(-90deg);
}
.slider-controls .next {
    transform: rotate(90deg);
}
.slider-controls.vertical {
    flex-direction: column;
}
.slider-controls.vertical .prev {
    transform: rotate(0);
}
.slider-controls.vertical .next {
    transform: rotate(180deg);
}
.prev,
.next {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTE0LjM1NCA3LjcwNy03LTctNyA3IiBzdHJva2U9IiMxZDFkMWQiLz48L3N2Zz4=) !important;
    width: 3.5rem;
    height: 3.5rem;
    background-size: 45% auto !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    border-radius: 0.5rem;
}
.prev,
.next {
    background: #fff;
}
.prev.outline,
.next.outline {
    border: 1px solid #000000;
}
.footer-link-sm {
    line-height: 1.25;
    transition: opacity 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.footer-link-sm:hover {
    opacity: 0.4;
}
.hamb-link {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    font-size: 3.25rem;
    font-weight: 500;
    line-height: 1;
    font-family: Satoshi, sans-serif;
    transition: color 0.5s cubic-bezier(0.3, 1, 0.3, 1);
    padding: 2rem 0;
}
.hamb-link .arrow-icon {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNDI0LjM1NCA1LjU5NiA0LjE4MmExIDEgMCAwIDEtMS40MTQgMEwuMzUzLjM1NCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=);
    width: 1.75rem;
    height: 1.75rem;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: -0.25rem;
    margin-right: auto;
    transition: all 0.5s cubic-bezier(0.3, 1, 0.3, 1);
    opacity: 0;
}
.hamb-link img {
    opacity: 0;
}
.hamb-link:hover {
    color: var(--color-bg);
}
@media only screen and (max-width: 1024px) {
    .hamb-link .arrow-icon,
    .hamb-link img {
        opacity: 1;
    }
}
.hamb-link-sm {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1;
    font-family: Satoshi, sans-serif;
    color: var(--color-bg);
    padding: 1rem 0;
}
.hamb-link-xs {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1;
    font-family: Satoshi, sans-serif;
    color: var(--color-bg);
    padding: 0.75rem 0;
}
.hamb-link-xs:hover {
    opacity: 0.75;
}
.footer-link {
    font-size: 2.4rem;
    font-family: Satoshi, sans-serif;
    transition: opacity 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.footer-link:hover {
    opacity: 0.4;
}
.footer-link-sm {
    font-family: Satoshi, sans-serif;
    font-size: 2rem;
}
.badge-light:hover:before,
.badge-theme:hover:before,
.badge:hover:before {
    opacity: 0;
    transform: scaleX(0);
}
.badge {
    background: #ffffff1a;
}
.badge-theme {
    background: var(--color-bg-btn);
    color: #fff;
}
.badge-light {
    background: #fafafa;
}
h1 {
    font-size: 13rem;
    line-height: 1.25;
}
h2 {
    font-size: 10rem;
    line-height: 1.25;
}
h3 {
    font-size: 7.5rem;
    line-height: 1.25;
}
h4 {
    font-size: 5rem;
    line-height: 1.25;
}
h5 {
    font-size: 3.5rem;
    line-height: 1.25;
}
h6 {
    font-size: 2.5rem;
    line-height: 1.25;
}
li,
p {
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: 400;
}
.paragraph-sm {
    font-size: 1.4rem;
    line-height: 1.6;
}
label,
td,
.subtitle {
    font-size: 2rem;
    line-height: 1.4;
    font-weight: 400;
}
.paragraph-md {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.6;
}
.paragraph-lg {
    font-size: 2.4rem;
    line-height: 1.6;
}
.paragraph-xs,
.tag {
    font-size: 1.2rem;
    line-height: 1.4;
    font-family:
        Apercu Mono Pro,
        sans-serif !important;
}
.tag {
    text-transform: uppercase;
}
.paragraph-xs {
    font-weight: 700;
}
.mono {
    font-family:
        Apercu Mono Pro,
        sans-serif !important;
    text-transform: uppercase;
}
.satoshi {
    font-family: Satoshi, sans-serif !important;
}
strong {
    font-weight: 700;
}
ul {
    list-style: disc;
    padding-left: 2rem;
}
ul.tick-list {
    list-style: none;
    padding-left: 0;
}
ul.tick-list li {
    position: relative;
    padding-left: 3rem;
}
ul.tick-list li:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.8rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtOC40OTMgMTAuNjYtMy42Ny0zLjY3MWEuNjA1LjYwNSAwIDAgMC0uODUgMCAuNjAzLjYwMyAwIDAgMCAwIC44NTJsNC4wOTUgNC4wOThhLjYxLjYxIDAgMCAwIC44NTUgMGw3LjM3LTcuMzY5IDMuNTM1LTMuNTQxYS42MDMuNjAzIDAgMCAwLS44NTItLjg1M0wxNC43NiA0LjM5M3oiIGZpbGw9IiMxZDFkMWQiLz48cGF0aCBkPSJNOC42NjUgMTcuMzU5YzQuNzc3IDAgOC42NjgtMy44ODggOC42NjgtOC42NjUgMC0xLjE3NS0uMjM2LTIuMy0uNjYyLTMuMzJsLS45MzMuOTM0Yy4yNTMuNzUuMzkgMS41NTMuMzkgMi4zODUgMCA0LjExMi0zLjM0OCA3LjQ2LTcuNDYzIDcuNDYtNC4xMTIgMC03LjQ2LTMuMzQ4LTcuNDYtNy40NnMzLjM0OC03LjQ2IDcuNDYtNy40NmMyLjIxIDAgNC4xOTcuOTY1IDUuNTY1IDIuNDk1bC44NTMtLjg1MkE4LjY1IDguNjUgMCAwIDAgOC42NjUuMDI5QzMuODg4LjAzIDAgMy45MTcgMCA4LjY5NGMwIDQuNzc4IDMuODg4IDguNjY1IDguNjY1IDguNjY1IiBmaWxsPSIjMWQxZDFkIi8+PC9zdmc+);
    background-size: contain;
    background-repeat: no-repeat;
}
.placeholder {
    color: #00000080;
}
label,
table {
    font-family: Satoshi, sans-serif !important;
}
label {
    font-weight: 500;
}
.badge-rounded {
    padding: 1.25rem 2rem;
    border-radius: 5rem;
    background: var(--color-bg-btn);
    color: #fff;
}
@media only screen and (max-width: 1024px) {
    h1 {
        font-size: 10rem;
    }
    h2 {
        font-size: 7.5rem;
    }
    h3 {
        font-size: 6.5rem;
    }
    h4 {
        font-size: 4rem;
    }
    h5 {
        font-size: 2.75rem;
    }
    h6 {
        font-size: 2rem;
    }
    label,
    td,
    .subtitle {
        font-size: 1.8rem;
    }
    .paragraph-md {
        font-size: 1.6rem;
    }
    .paragraph-lg {
        font-size: 2rem;
    }
    li,
    p {
        font-size: 1.5rem;
    }
}
@media only screen and (max-width: 482px) {
    h1 br,
    h2 br,
    h3 br,
    h4 br,
    h5 br,
    h6 br {
        display: none;
    }
}
.drop-down {
    position: relative;
}
.drop-down .drop-down-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    min-width: 15rem;
    width: max-content;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 2rem 0;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease;
}
.drop-down .drop-down-content a {
    width: 100%;
}
.drop-down:hover .drop-down-content {
    opacity: 1;
    visibility: visible;
}
body:has(.navbar .drop-down:hover) .page-wrapper {
    filter: blur(2rem);
}
.banner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    height: calc(var(--vh, 1vh) * 100);
}
.banner .banner-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4rem;
    padding: 20rem 10rem 15rem;
}
.banner .banner-content.center {
    justify-content: center;
}
.banner .banner-content .services-tabs {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}
.banner .banner-content .services-tabs .tag {
    margin-bottom: 1rem;
}
.banner .banner-content .services-tabs .slider-control-btn {
    position: relative;
    transition: opacity 0.5s cubic-bezier(0.3, 1, 0.3, 1);
    opacity: 0.2;
    text-align: left;
}
.banner .banner-content .services-tabs .slider-control-btn:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -7.5rem;
    width: 55%;
    height: 0.2rem;
    background: #1d1d1d;
    opacity: 0.5;
    transition: transform 0.5s cubic-bezier(0.3, 1, 0.3, 1);
    transform-origin: right;
    transform: scaleX(0);
}
.banner .banner-content .services-tabs .slider-control-btn.active {
    opacity: 1;
}
.banner .banner-content .services-tabs .slider-control-btn.active:after {
    transform: scaleX(1);
}
.banner .banner-content .content-box {
    max-width: 80%;
}
.banner .banner-content .grid-panel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    max-width: 80%;
    row-gap: 3rem;
}
.banner .banner-content .grid-panel figure {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}
.banner .banner-content .grid-panel figure img {
    max-width: 80%;
    max-height: 7rem;
    width: auto;
}
.banner .banner-figure,
.banner .embla {
    border-radius: 1rem 0 1rem 1rem;
}
.banner .embla .embla__container {
    height: 100%;
}
.banner .embla .embla__container .embla__slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 2rem;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding: 10rem;
}
.banner .embla .embla__container .embla__slide .slide-figure {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.banner .embla .embla__container .embla__slide .slide-figure img {
    height: 100%;
}
.banner .embla .embla__container .embla__slide .slider-controls {
    position: relative;
    z-index: 3;
}
.banner .embla .embla__container .embla__slide .slide-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 1.5rem;
    position: relative;
    z-index: 3;
}
.numbers {
    background: var(--color-bg);
    color: #fff;
}
.numbers .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    padding: var(--padding-lg);
}
.numbers .container .number-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 4rem;
    text-align: center;
}
.benefits {
    border-radius: 1rem;
}
.benefits .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    padding: var(--padding-lg);
    min-height: calc(var(--vh, 1vh) * 100);
    color: #fff;
}
.benefits .container .benefits-panel {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    margin-top: -13rem;
}
.benefits .container .benefits-panel .benefits-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4rem;
    padding-right: 15rem;
}
.benefits .container .benefits-panel .benefits-content .benefits-content-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
}
.benefits .container .benefits-panel .benefits-content .benefits-content-box .embla {
    max-width: 60%;
}
.benefits .container .benefits-panel .benefit-image-slider .embla__container {
    height: 100%;
}
.benefits .container .benefits-panel .benefit-image-slider .embla__container .embla__slide {
    background: #fff;
    padding: 1rem 1rem 0;
    border-radius: 1rem;
}
.benefits .container .benefits-panel .benefit-image-slider .embla__container .embla__slide img {
    height: 50rem;
    border-radius: 1rem;
}
.benefits .container .benefits-panel .benefit-image-slider .embla__container .embla__slide .slide-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    padding: 2rem;
    font-family:
        Apercu Mono Pro,
        sans-serif;
    text-transform: uppercase;
    color: #000;
}
.benefits .bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #00000080;
    -webkit-backdrop-filter: blur(2.5rem);
    backdrop-filter: blur(2.5rem);
}
.why {
    border-radius: 1rem;
}
.why .container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4rem;
    padding: 15rem 0 10rem;
    min-height: calc(var(--vh, 1vh) * 100);
    color: #fff;
}
.why .container .header .header-box:first-child * {
    max-width: 85%;
}
.why .container .why-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.4rem;
}
.why .container .why-list .why-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10rem;
    padding: 3rem;
}
.why .container .why-list:not(.grid-3):has(.why-card:nth-child(5)) {
    margin-top: -20rem;
    row-gap: 5rem;
}
.why .container .why-list:not(.grid-3):has(.why-card:nth-child(5)) .why-card:first-child {
    grid-column-start: 4;
}
.why .container .why-list.grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4rem;
}
.why .container .why-list.grid-3 .why-card {
    gap: 15rem;
}
.cta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12.5rem;
    padding: var(--padding-md);
}
.cta .header {
    max-width: 90%;
    margin: 0 auto;
}
.cta .embla {
    overflow: visible;
}
.cta .embla .embla__container .embla__slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2.5rem;
    max-width: 28rem;
    flex: 0 0 28rem;
    margin: 0 1.25rem;
}
.cta .embla .embla__container .embla__slide img {
    width: 100%;
    height: 32rem;
    border-radius: 1rem;
}
.faq .container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    padding: var(--padding-lg);
}
.connect {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    background: #fafafa;
}
.connect .connect-figure {
    border-radius: 1rem 1rem 0 0;
}
.connect .connect-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10rem;
    padding: 10rem;
}
.connect .connect-content .content-box {
    gap: 2.5rem;
    max-width: 60%;
    align-items: center;
    text-align: center;
}
.connect .connect-content .form-wrapper form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 3.5rem;
}
.connect .connect-content .form-wrapper form input[type='submit'] {
    width: max-content;
    margin-top: 2rem;
}
.services {
    height: calc(var(--vh, 1vh) * 100);
}
.services .text-slider {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    mix-blend-mode: color-dodge;
    pointer-events: none;
    transition: opacity 0.5s cubic-bezier(0.3, 1, 0.3, 1);
    color: var(--color-bg);
}
.services .text-slider .embla__container .embla__slide {
    flex: 0 0 auto;
    max-width: max-content;
    margin: 0 4rem;
}
.services .services-slider {
    position: relative;
    height: 100%;
    transform: scale(0.5);
    border-radius: 1rem;
}
.services .services-slider .embla__container {
    height: 100%;
}
.services .services-slider .embla__container .embla__slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    overflow: hidden;
    padding: 10rem;
    position: relative;
    color: #fff;
}
.services .services-slider .embla__container .embla__slide .content-box {
    max-width: 50%;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.services .services-slider .embla__container .embla__slide .content-box .content-box-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 0;
}
.services .services-slider .embla__container .embla__slide .content-box .content-box-top .box {
    max-width: 80%;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.services .services-slider .embla__container .embla__slide .content-box .content-box-top .box select {
    margin-top: 1.5rem;
}
.services .services-slider .embla__container .embla__slide .content-box .content-box-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
}
.services .services-slider .embla__container .embla__slide .content-box .content-box-inner[data-service-content] {
    display: none;
}
.services .services-slider .embla__container .embla__slide .content-box .content-box-inner[data-service-content].active {
    display: flex;
}
.services .services-slider .embla__container .embla__slide img {
    position: absolute;
    top: 0;
    left: 0;
}
.services .services-slider.done .embla__container .embla__slide .content-box {
    opacity: 1;
}
.services.done .text-slider {
    opacity: 0;
}
.testimonial {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 2.5rem;
    padding: 25rem 0 20rem;
    overflow: visible;
    z-index: 3;
}
.testimonial .testimonial-panel {
    position: relative;
}
.testimonial .testimonial-panel .embla .embla__container .embla__slide {
    color: #0000001a;
    flex: 0 0 auto;
    max-width: max-content;
    cursor: pointer;
}
.testimonial .testimonial-panel .embla .embla__container .embla__slide h1 {
    transition: color 0.3s cubic-bezier(0.3, 1, 0.3, 1);
}
.testimonial .testimonial-panel .embla:hover .embla__container .embla__slide {
    color: var(--color-bg);
}
.testimonial .testimonial-panel .hover-card {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 1.5rem;
    position: absolute;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}
.testimonial .testimonial-panel .hover-card .hover-card-close {
    display: none;
}
.testimonial .testimonial-panel .hover-card img {
    width: 27rem;
    height: 27rem;
    border-radius: 1rem;
}
.testimonial .testimonial-panel .hover-card .content-box {
    color: #000;
    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(0.5rem);
    backdrop-filter: blur(0.5rem);
    max-width: 40rem;
    gap: 2rem;
}
.testimonial .testimonial-panel .hover-card .content-box .tag {
    color: var(--color-bg);
}
.testimonial .testimonial-panel .hover-card.active {
    visibility: visible;
    opacity: 1;
}
.testimonial .link-outline {
    margin-top: 10rem;
}
.other {
    background: #fafafa;
}
.other .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10rem;
    padding: var(--padding-md);
    max-width: 100%;
}
.other .container .header {
    max-width: 90%;
    margin: 0 auto;
}
.other .container .header .header-box:first-child * {
    max-width: 100%;
}
.other .container .header .header-box:last-child {
    padding-top: 1rem;
}
.other .container .header .header-box:last-child .slider-controls {
    margin-left: auto;
}
.other .container .embla {
    overflow: visible;
}
.other .container .embla .embla__container {
    padding-left: 10rem;
}
.other .container .embla .embla__container .embla__slide {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    flex: 0 0 55rem;
    width: 55rem;
    height: max-content;
    background: #fff;
    padding: 1rem;
    border-radius: 1rem;
    margin-right: 2.5rem;
}
.other .container .embla .embla__container .embla__slide img {
    width: 100%;
    height: 35rem;
    border-radius: 0.5rem;
}
.other .container .embla .embla__container .embla__slide .content-box {
    gap: 2rem;
    padding: 3rem 2rem 2rem;
}
.other .container .embla .embla__container .embla__slide .content-box .reveal-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.3, 1, 0.3, 1);
}
.other .container .embla .embla__container .embla__slide:hover .content-box .reveal-box {
    height: auto;
    opacity: 1;
}
.other .container .embla .embla__container .embla__slide.blog-card {
    flex: 0 0 85rem;
    width: 85rem;
}
.other .container .embla .embla__container .embla__slide.blog-card img {
    height: 45rem;
}
.other .container .embla.loop .embla__container {
    padding-left: 0;
}
@media only screen and (max-width: 1024px) {
    .banner {
        grid-template-columns: 1fr;
        min-height: calc(var(--vh, 1vh) * 100);
        height: auto;
        padding-bottom: 5rem;
    }
    .banner .banner-content {
        padding: 15rem 5rem 5rem;
    }
    .banner .banner-content .content-box {
        gap: 2rem;
    }
    .banner .embla {
        max-width: 90%;
        margin: 0 auto;
        border-radius: 1rem;
        min-height: 60rem;
    }
    .banner .embla .embla__container .embla__slide {
        padding: 5rem;
    }
    .banner .banner-figure {
        max-width: 90%;
        margin: 0 auto;
        border-radius: 1rem;
        min-height: 60rem;
    }
    .services .services-slider .embla__container .embla__slide {
        padding: 5rem;
    }
    .services .services-slider .embla__container .embla__slide .content-box {
        max-width: 80%;
    }
    .benefits .container {
        gap: 5rem;
    }
    .benefits .container .benefits-panel {
        margin-top: 0;
        grid-template-columns: 1fr;
        gap: 5rem;
    }
    .benefits .container .benefits-panel .benefits-content {
        order: 2;
        padding-right: 0;
    }
    .benefits .container .benefits-panel .benefits-content .benefits-content-box .embla {
        max-width: 80%;
    }
    .why .container .why-list {
        grid-template-columns: repeat(2, 1fr) !important;
        row-gap: 2.5rem !important;
        gap: 2.5rem;
    }
    .why .container .why-list:has(.why-card:nth-child(5)) {
        margin-top: 0 !important;
    }
    .why .container .why-list:has(.why-card:nth-child(5)) .why-card:first-child {
        grid-column-start: auto !important;
    }
    .connect {
        grid-template-columns: 1fr;
    }
    .connect .connect-figure {
        border-radius: 1rem;
        max-width: 90%;
        margin: 0 auto;
    }
    .connect .connect-content {
        padding: 10rem 5rem;
    }
    .other .container {
        gap: 7.5rem;
    }
    .other .container .embla .embla__container {
        padding-left: 5rem;
    }
    .testimonial {
        padding: 15rem 0 10rem;
        position: relative;
        z-index: 6;
    }
    .testimonial .testimonial-panel .hover-card {
        width: 70%;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
    }
    .testimonial .testimonial-panel .hover-card .hover-card-close {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        gap: 0;
        width: 4.5rem;
        height: 4.5rem;
        border: 1px solid #1d1d1d;
        border-radius: 0.5rem;
        margin-left: auto;
        position: relative;
    }
    .testimonial .testimonial-panel .hover-card .hover-card-close .bar {
        width: 70%;
        height: 0.1rem;
        background: #1d1d1d;
        position: absolute;
    }
    .testimonial .testimonial-panel .hover-card .hover-card-close .bar:first-child {
        transform: rotate(45deg);
    }
    .testimonial .testimonial-panel .hover-card .hover-card-close .bar:last-child {
        transform: rotate(-45deg);
    }
    .testimonial .testimonial-panel .hover-card img {
        width: 100%;
    }
    .testimonial .testimonial-panel .hover-card:after {
        width: 100vw;
        height: 100vh;
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        background: #ffffffd9;
        z-index: -1;
        transform: translate(-50%, -50%);
    }
}
@media only screen and (max-width: 482px) {
    .banner .banner-content {
        padding: 15rem 5% 7.5rem;
    }
    .banner .banner-content .content-box {
        max-width: 100%;
    }
    .banner .banner-content .services-tabs {
        width: calc(95% - 15rem);
        background: #d9d9d90d;
        border: 1px solid rgba(255, 255, 255, 0.2);
        -webkit-backdrop-filter: blur(2rem);
        backdrop-filter: blur(2rem);
        border-radius: 0.75rem;
        padding: 2rem;
        color: #fff;
        position: absolute;
        bottom: 14rem;
        right: calc(5% + 2.5rem);
        z-index: 2;
    }
    .banner .banner-content .services-tabs .slider-control-btn h5 {
        font-size: 2.2rem;
    }
    .banner .banner-content .services-tabs .slider-control-btn:after {
        display: none;
    }
    .banner .embla .embla__container .embla__slide {
        align-items: flex-start;
        padding: 2.5rem;
    }
    .banner .embla .embla__container .embla__slide .slide-content .content-box {
        display: none;
    }
    .banner .embla .embla__container .embla__slide .slide-content .btns {
        padding-left: 7.5rem;
    }
    .banner .embla .embla__container .embla__slide .slider-controls {
        margin-bottom: 7rem;
    }
    .banner .embla .embla__container .embla__slide .slider-controls button {
        width: 5rem;
        height: 5rem;
        background: #d9d9d90d;
        border: 1px solid rgba(255, 255, 255, 0.2);
        -webkit-backdrop-filter: blur(2rem);
        backdrop-filter: blur(2rem);
        border-radius: 0.75rem;
        padding: 2rem;
        color: #fff;
    }
    .numbers .container {
        grid-template-columns: 1fr;
        gap: 5rem;
    }
    .numbers .container .number-box {
        gap: 1rem;
    }
    .services .services-slider .embla__container .embla__slide {
        padding: 7.5rem 5%;
    }
    .services .services-slider .embla__container .embla__slide .content-box {
        max-width: 100%;
        gap: 2.5rem;
    }
    .services .services-slider .embla__container .embla__slide .content-box .btns {
        gap: 2.5rem;
    }
    .services .text-slider {
        display: none;
    }
    .why .container {
        padding: 10rem 0;
    }
    .why .container .why-list {
        grid-template-columns: 1fr !important;
    }
    .why .container .why-list .why-card {
        gap: 5rem;
    }
    .cta {
        gap: 7.5rem;
    }
    .faq .container {
        grid-template-columns: 1fr !important;
        gap: 7.5rem;
    }
    .connect .connect-content {
        gap: 5rem;
        padding: 7.5rem 5%;
    }
    .connect .connect-content .content-box {
        max-width: 100%;
    }
    .connect .connect-content .form-wrapper form {
        grid-template-columns: 1fr !important;
    }
    .other .container {
        gap: 5rem;
    }
    .other .container .header .header-box .slider-controls {
        margin-left: 0 !important;
    }
    .other .container .embla .embla__container {
        padding-left: 2.5rem;
    }
    .other .container .embla .embla__container .embla__slide {
        flex: 0 0 calc(100% - 2.5rem);
        max-width: calc(100% - 2.5rem);
    }
    .other .container .embla .embla__container .embla__slide.blog-card img {
        height: 25rem;
    }
}
.partners {
    background: #fafafa;
}
.partners .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15rem;
    padding: var(--padding-lg);
    overflow: visible;
}
.partners .container .embla {
    overflow: visible;
    pointer-events: none;
}
.partners .container .embla .embla__container .embla__slide {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    flex: 0 0 35rem;
}
.partners .container .embla .embla__container .embla__slide img {
    max-width: 30rem;
    min-width: 15rem;
}
.partners .container .partners-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 5rem;
}
.partners .container .partners-grid .partner-figure {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}
.partners .container .partners-grid .partner-figure img {
    max-width: 70%;
}
@media only screen and (max-width: 1024px) {
    .partners .container {
        gap: 10rem;
    }
}
@media only screen and (max-width: 482px) {
    .partners .container {
        gap: 7.5rem;
    }
    .partners .container .embla .embla__container .embla__slide {
        flex: 0 0 30rem;
    }
    .partners .container .embla .embla__container .embla__slide img {
        max-width: 25rem;
        min-width: 12.5rem;
    }
    .partners .container .partners-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
.accordions {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
}
.accordions .accordion {
    padding: 3rem 0;
}
.accordions .accordion .accordion-trigger {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 0;
    cursor: pointer;
}
.accordions .accordion .accordion-trigger .trigger-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 6rem;
    max-width: calc(100% - 15rem);
}
.accordions .accordion .accordion-trigger .icon-box {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 0.5rem;
    color: currentColor;
    background: var(--color-bg-btn);
    position: relative;
    overflow: hidden;
}
.accordions .accordion .accordion-trigger .icon-box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.5rem;
    background: #ffffff40;
    transform: scale(0);
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.accordions .accordion .accordion-trigger .icon-box svg {
    width: 1.5rem;
    height: 1.5rem;
    transition: transform 0.6s cubic-bezier(0.3, 1, 0.3, 1);
}
.accordions .accordion .accordion-trigger .icon-box svg path {
    stroke: #fff;
    transform-origin: center;
    transition: transform 0.6s cubic-bezier(0.3, 1, 0.3, 1);
}
.accordions .accordion .accordion-trigger:hover .icon-box:after {
    opacity: 1;
    transform: scale(1);
}
.accordions .accordion .accordion-trigger:hover .icon-box svg {
    transform: rotate(180deg);
}
.accordions .accordion .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s cubic-bezier(0.3, 1, 0.3, 1);
}
.accordions .accordion .accordion-content .accordion-content-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
    padding-top: 4rem;
    max-width: 80%;
}
.accordions .accordion.active .accordion-trigger .icon-box svg path:first-child {
    transform: rotate(90deg);
}
@media only screen and (max-width: 1024px) {
    .accordions .accordion .accordion-content .accordion-content-inner {
        max-width: 100%;
    }
}
textarea,
input:not([type='submit'], [type='checkbox']) {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.25;
    font-family: Satoshi, sans-serif !important;
    border-bottom: 1px solid #1d1d1d !important;
    padding: 1.25rem 0;
}
textarea::placeholder,
input:not([type='submit'], [type='checkbox'])::placeholder {
    color: #1d1d1d;
}
input[type='date'] {
    position: relative;
    height: 4.6rem;
}
select {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.25;
    font-family: Satoshi, sans-serif !important;
    border: none;
    border-bottom: 1px solid #1d1d1d;
    padding: 1.25rem 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNSIgdmlld0JveD0iMCAwIDEwIDUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuNDI0LjM1NCA1LjU5NiA0LjE4MmExIDEgMCAwIDEtMS40MTQgMEwuMzUzLjM1NCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 1rem auto;
}
select::placeholder {
    color: #1d1d1d;
}
select.select-bg-white {
    width: max-content;
    background-color: #fff;
    color: #000;
    background-position: right 1.5rem center;
    padding: 1.25rem 3rem 1.25rem 1.25rem;
    border-radius: 0.75rem;
    border: none;
}
input[type='submit'] {
    cursor: pointer;
}
.custom-input {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    border: 1px solid currentColor;
    border-radius: 5rem;
    overflow: hidden;
    font-family: Satoshi, sans-serif !important;
}
.custom-input button {
    padding: 1rem 2rem;
}
.input-group {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2.5rem;
    max-width: 70%;
}
.input-group select,
.input-group input:not([type='submit'], [type='checkbox']),
.input-group textarea {
    border: 1px solid #1d1d1d;
    padding: 1.25rem;
    border-radius: 0.5rem;
}
.input-group select {
    width: max-content;
    padding: 1.25rem 4rem 1.25rem 1.25rem;
    background-position: right 1.5rem center;
}
@media only screen and (max-width: 482px) {
    .input-group {
        max-width: 100%;
        gap: 1.5rem;
    }
}
.file-input-wrapper {
    position: relative;
}
.file-input-wrapper input[type='file'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 4;
    cursor: pointer;
}
.file-input-wrapper .custom-file-input {
    pointer-events: none;
}
.booking-section {
    background: #fafafa;
    overflow: visible;
}
.booking-section .container {
    padding: 15rem 0;
    overflow: visible;
}
.booking-section .container select {
    border: 1px solid currentColor;
    border-radius: 0.5rem;
    padding: 1.05rem 3rem 1.25rem 1.25rem;
    width: max-content;
}
.booking-section .container input:not([type='checkbox'], [type='radio']),
.booking-section .container textarea {
    border: 1px solid currentColor;
    border-radius: 0.75rem;
    padding: 0.85rem 1.25rem;
}
.booking-section .container input[type='checkbox'] {
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    accent-color: #1a1a2e;
    border: 1px solid currentColor;
}
.booking-section .container .booking-layout {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 0;
}
.booking-section .container .booking-layout .booking-form-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5rem;
    flex: 0 0 60%;
    max-width: 60%;
    width: 100%;
    height: auto;
}
.booking-section .container .booking-layout .booking-form-container .form-panel {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 3rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    padding-bottom: 5rem;
}
.booking-section .container .booking-layout .booking-form-container .form-panel .form-panel-header {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}
.booking-section .container .booking-layout .booking-form-container .form-panel .select-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
}
.booking-section .container .booking-layout .booking-form-container .form-panel .option-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
}
@media only screen and (max-width: 1024px) {
    .booking-section .container .booking-layout .booking-form-container .form-panel .option-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}
@media only screen and (max-width: 482px) {
    .booking-section .container .booking-layout .booking-form-container .form-panel .option-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1.5rem;
    }
}
.booking-section .container .booking-layout .booking-form-container .form-panel .option-grid .selectable-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    position: relative;
    border: 1px solid #000000;
    padding: 2.5rem 2rem;
    cursor: pointer;
    transition: all 0.3s ease;
    min-height: 18rem;
    border-radius: 1rem;
}
.booking-section .container .booking-layout .booking-form-container .form-panel .option-grid .selectable-card:after {
    content: '';
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: var(--color-bg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.2s ease;
}
.booking-section .container .booking-layout .booking-form-container .form-panel .option-grid .selectable-card.selected {
    border-color: var(--color-bg);
    background: #e8f3f7;
}
.booking-section .container .booking-layout .booking-form-container .form-panel .option-grid .selectable-card.selected:after {
    opacity: 1;
    transform: scale(1);
}
.booking-section .container .booking-layout .booking-form-container .form-panel .option-grid .selectable-card .card-icon {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    width: 6rem;
    height: 6rem;
}
.booking-section .container .booking-layout .booking-form-container .form-panel .option-grid .selectable-card .card-icon svg {
    width: 100%;
    height: 100%;
    color: #000;
}
.booking-section .container .booking-layout .booking-form-container .form-panel .option-grid .selectable-card .card-title {
    font-size: 1.4rem;
    font-weight: 500;
    text-align: center;
    color: #000;
    line-height: 1.4;
}
.booking-section .container .booking-layout .booking-form-container .form-panel .option-grid .selectable-card .card-price {
    font-size: 1.3rem;
    color: #000000b3;
}
.booking-section .container .booking-layout .booking-form-container .form-panel .option-grid .selectable-card .card-select {
    font-size: 1.2rem;
    padding: 0.8rem 2.5rem 0.8rem 1.2rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.4rem;
    background: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.8rem center;
}
.booking-section .container .booking-layout .booking-form-container .form-panel .option-grid .selectable-card .card-select:focus {
    outline: none;
    border-color: #000;
}
.booking-section .container .booking-layout .booking-form-container .form-panel .option-grid .selectable-card.has-select .card-price {
    display: none;
}
.booking-section .container .booking-layout .booking-form-container .form-panel input,
.booking-section .container .booking-layout .booking-form-container .form-panel textarea {
    max-width: calc(50% - 1rem);
}
.booking-section .container .booking-layout .booking-form-container .form-panel .inputs-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}
.booking-section .container .booking-layout .booking-form-container .form-panel .inputs-grid input,
.booking-section .container .booking-layout .booking-form-container .form-panel .inputs-grid textarea {
    max-width: 100%;
}
.booking-section .container .booking-layout .booking-form-container .form-panel .discount-row {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.booking-section .container .booking-layout .booking-form-container .terms-panel {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4rem;
}
.booking-section .container .booking-layout .booking-form-container .terms-panel p {
    color: #00000080;
}
.booking-section .container .booking-layout .booking-form-container .terms-panel .terms-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}
.booking-section .container .booking-layout .booking-form-container .terms-panel .terms-box label {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    cursor: pointer;
}
.booking-section .container .booking-layout .booking-form-container .terms-panel .terms-box label p {
    color: currentColor;
}
.booking-section .container .booking-layout .booking-form-container #bookNowBtn {
    width: 100%;
    justify-content: center;
}
.booking-section .container .booking-layout .booking-sidebar {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    flex: 0 0 30%;
    max-width: 30%;
    width: 100%;
    height: auto;
}
.booking-section .container .booking-layout .booking-sidebar .features-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1.5rem;
}
.booking-section .container .booking-layout .booking-sidebar .features-list .feature-item {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}
.booking-section .container .booking-layout .booking-sidebar .features-list .feature-item h6 {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}
.booking-section .container .booking-layout .booking-sidebar .features-list .feature-item h6 .icon {
    width: 2.5rem;
}
.booking-section .container .booking-layout .booking-sidebar .features-list .feature-item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 2.5rem;
}
.booking-section .container .booking-layout .booking-sidebar .features-list .feature-item:not(:first-child) {
    padding-top: 2.5rem;
}
.booking-section .container .booking-layout .booking-sidebar .price-summary {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
    background: #fff;
    padding: 2.5rem;
    border-radius: 1.5rem;
    position: sticky;
    top: 10rem;
    right: auto;
}
.booking-section .container .booking-layout .booking-sidebar .price-summary .price-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 1.5rem 2.5rem;
    border-radius: 5rem;
    background: #e8f3f7;
}
.booking-section .container .booking-layout .booking-sidebar .price-summary .summary-items {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.booking-section .container .booking-layout .booking-sidebar .price-summary .summary-items .summary-item {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    font-family: Satoshi, sans-serif;
}
.booking-section .container .booking-layout .booking-sidebar .price-summary .summary-items .summary-item .summary-icon {
    font-size: 2rem;
}
.booking-section .container .booking-layout .booking-sidebar .price-summary .summary-items .summary-item img {
    width: 2rem;
}
.booking-section .container .booking-layout .booking-sidebar .price-summary .summary-items .summary-item p {
    font-weight: 500;
}
.page-wrapper:has(.booking-section) {
    overflow: visible;
}
@media only screen and (max-width: 1024px) {
    .booking-section .container .booking-layout {
        gap: 5rem;
    }
    .booking-section .container .booking-layout .booking-form-container,
    .booking-section .container .booking-layout .booking-sidebar {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .booking-section .container .booking-layout .booking-sidebar .price-summary {
        position: relative;
        top: auto;
        right: auto;
    }
}
@media only screen and (max-width: 482px) {
    .booking-section .container .booking-layout .booking-form-container .form-panel input,
    .booking-section .container .booking-layout .booking-form-container .form-panel textarea {
        width: 100%;
        max-width: 100%;
        resize: none;
    }
    .booking-section .container .booking-layout .booking-form-container .form-panel .inputs-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1.5rem;
    }
}
.footer {
    background: #2e475a;
    color: #fff;
}
.footer .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15rem;
    padding: 10rem 0 0;
}
.footer .container .footer-panel {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
}
.footer .container .footer-panel .footer-content {
    flex: 0 0 30%;
    max-width: 30%;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 5rem;
}
.footer .container .footer-panel .footer-content .logo-link img {
    width: 30rem;
}
.footer .container .footer-panel .footer-content .footer-content-box {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 5rem;
}
.footer .container .footer-panel .footer-content .footer-content-box .footer-content-bar {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.footer .container .footer-panel .footer-content .footer-content-box .footer-content-bar .footer-text {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 0.25rem;
}
.footer .container .footer-panel .footer-content .footer-content-box .footer-media {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}
.footer .container .footer-panel .footer-content .footer-content-box .footer-media img {
    width: 17.5rem;
}
.footer .container .footer-panel .footer-links {
    flex: 0 0 45%;
    max-width: 45%;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 6.5rem;
}
.footer .container .footer-panel .footer-links .footer-links-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
}
.footer .container .footer-bottom {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 17rem;
    padding: 3rem 0;
    border-top: 1px solid currentColor;
    font-family:
        Apercu Mono Pro,
        sans-serif !important;
}
.footer .container .footer-bottom .footer-bottom-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}
.footer .container .footer-bottom .footer-bottom-box .btns {
    gap: 4rem;
}
.footer.footer-theme {
    background: var(--color-bg);
}
.footer.footer-theme .container .footer-panel {
    display: grid;
    grid-template-columns: repeat(2, 1fr) !important;
}
.footer.footer-theme .container .footer-panel .footer-content-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.footer.footer-theme .container .footer-panel .footer-content-box .footer-text {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 0.5rem;
}
@media only screen and (max-width: 1024px) {
    .footer .container .footer-panel .footer-links .footer-links-list:last-child {
        margin: 0;
    }
    .footer .container .footer-bottom {
        gap: 10rem;
    }
}
@media only screen and (max-width: 482px) {
    .footer .container,
    .footer .container .footer-panel {
        gap: 7.5rem;
    }
    .footer .container .footer-panel .footer-links,
    .footer .container .footer-panel .footer-content {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .footer .container .footer-panel .footer-content {
        gap: 3rem;
    }
    .footer .container .footer-panel .footer-links .footer-links-list {
        width: 100%;
    }
    .footer .container .footer-panel .footer-links .footer-links-list:not(:last-child) {
        max-width: 42%;
    }
    .footer .container .footer-bottom {
        grid-template-columns: 1fr;
        gap: 1rem;
        position: relative;
    }
    .footer .container .footer-bottom .paragraph-xs {
        order: 2;
    }
    .footer .container .footer-bottom .footer-bottom-box {
        order: 1;
    }
    .footer .container .footer-bottom .footer-bottom-box .btns {
        justify-content: space-between;
        width: 100%;
        gap: 1rem;
    }
    .footer .container .footer-bottom .footer-bottom-box .paragraph-xs {
        position: absolute;
        bottom: 3rem;
        right: 0;
    }
    .footer.footer-theme .container .footer-panel {
        grid-template-columns: 1fr !important;
    }
}
.hamb-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    background: #fff;
    transform: translate(100%);
    transition: all 1s cubic-bezier(0.3, 1, 0.3, 1);
    overflow: hidden;
    visibility: hidden;
}
.hamb-menu .hamb-top-bar {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    padding: 5rem 5%;
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-100%);
    transition: all 1s cubic-bezier(0.3, 1, 0.3, 1);
    z-index: 5;
}
.hamb-menu .hamb-top-bar .hamb-logo {
    display: none;
}
.hamb-menu .hamb-top-bar .hamb-logo img {
    width: 11rem;
}
.hamb-menu .hamb-top-bar .hamb-close-button {
    margin-left: auto;
}
.hamb-menu .hamb-menu-inner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    padding: 20rem 5%;
    transform: translate(-100%);
    transition: all 1s cubic-bezier(0.3, 1, 0.3, 1);
}
.hamb-menu .hamb-menu-inner .hamb-menu-links {
    flex: 0 0 50%;
    max-width: 50%;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
}
.hamb-menu .hamb-menu-inner .hamb-menu-links .hamb-drop-down {
    position: relative;
}
.hamb-menu .hamb-menu-inner .hamb-menu-links .hamb-drop-down .hamb-drop-down-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    position: absolute;
    top: 2rem;
    right: 0;
    max-width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s cubic-bezier(0.3, 1, 0.3, 1);
    padding-left: 30rem;
    z-index: 1;
    max-width: 85%;
}
.hamb-menu .hamb-menu-inner .hamb-menu-links .hamb-drop-down .hamb-drop-down-content .hamb-drop-down-content-box {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
}
.hamb-menu .hamb-menu-inner .hamb-menu-links .hamb-drop-down .hamb-drop-down-content .hamb-drop-down-content-box .hamb-drop-down-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    padding-left: 5rem;
}
.hamb-menu .hamb-menu-inner .hamb-menu-links .hamb-drop-down:hover .hamb-link .arrow-icon {
    transform: rotate(180deg);
}
.hamb-menu .hamb-menu-inner .hamb-menu-links .hamb-drop-down:hover .hamb-drop-down-content {
    opacity: 1;
    visibility: visible;
}
.hamb-menu .hamb-menu-inner .hamb-figure {
    flex: 0 0 45%;
    max-width: 45%;
    width: 100%;
    height: auto;
}
.hamb-menu .hamb-menu-inner .hamb-figure img {
    border-radius: 1rem;
}
.hamb-menu.active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(0);
}
.hamb-menu.active .hamb-top-bar,
.hamb-menu.active .hamb-menu-inner {
    transform: translate(0);
}
@media only screen and (max-width: 1024px) {
    .hamb-menu {
        overflow-y: scroll;
    }
    .hamb-menu .hamb-top-bar {
        padding: 2.5rem 5%;
    }
    .hamb-menu .hamb-top-bar .hamb-logo {
        display: block;
    }
    .hamb-menu .hamb-menu-inner {
        padding: 15rem 5%;
        gap: 5rem;
        min-height: calc(var(--vh, 1vh) * 100);
        height: auto;
    }
    .hamb-menu .hamb-menu-inner .hamb-menu-links,
    .hamb-menu .hamb-menu-inner .hamb-figure {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .hamb-menu .hamb-menu-inner .hamb-menu-links .hamb-drop-down .hamb-drop-down-content {
        position: static;
        max-width: 100%;
        height: 0;
        overflow: hidden;
        gap: 1rem;
        padding-left: 0;
    }
    .hamb-menu .hamb-menu-inner .hamb-menu-links .hamb-drop-down.active .hamb-drop-down-content {
        padding: 1rem 0;
        height: auto;
        opacity: 1;
        visibility: visible;
    }
    .hamb-menu .hamb-menu-inner .hamb-menu-links .hamb-drop-down:hover .hamb-link {
        color: #000;
    }
    .hamb-menu .hamb-menu-inner .hamb-menu-links .hamb-drop-down:hover .hamb-link .arrow-icon {
        transform: rotate(0);
    }
}
.navbar {
    position: absolute;
    top: 0;
    z-index: 10;
    transition: all 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.navbar .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15rem;
    padding: 2rem 0;
}
.navbar .container .logo-link img {
    width: 14.5rem;
}
.navbar .container .btns {
    margin-top: 1rem;
}
.navbar .container .btns:nth-of-type(1) {
    margin-right: auto;
}
.navbar .container .mobile-btns {
    display: none;
    margin-right: 0;
}
.navbar.active {
    transform: translateY(-100%);
    opacity: 0;
}
.navbar.scrolled {
    position: fixed;
    transform: translateY(-100%);
    opacity: 0;
}
.navbar.scrolled .container {
    padding: 1rem 0;
    justify-content: flex-end;
}
.navbar.scrolled .container .logo-link-scrolled {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    margin-right: 2rem;
}
.navbar.scrolled .container .logo-link-scrolled img {
    width: 7rem;
}
.navbar.scrolled .container .btns {
    border-radius: 1rem;
    padding: 1rem;
    background: #00000040;
    margin-right: 0;
    -webkit-backdrop-filter: blur(2.5rem);
    backdrop-filter: blur(2.5rem);
}
.navbar.scrolled.active {
    transform: translateY(0) !important;
    opacity: 1 !important;
}
.navbar.theme-1 .container {
    padding: 3rem 0;
}
.navbar.theme-1 .container .logo-link img {
    width: 25rem;
}
.navbar.tulu-grance .container {
    align-items: center;
}
.navbar.tulu-grance .container .logo-link-sm img {
    width: 10rem;
}
.navbar.tulu-grance .container .btns {
    margin-top: 0;
}
@media only screen and (max-width: 1024px) {
    .navbar:not(.scrolled) .container .btns {
        display: none;
    }
    .navbar:not(.scrolled) .container .mobile-btns {
        display: flex !important;
    }
}
@media only screen and (max-width: 482px) {
    .navbar:not(.scrolled) .container {
        padding: 3rem 0;
        gap: 0;
    }
    .navbar:not(.scrolled) .container .logo-link img {
        width: 12rem;
    }
}
.team {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 0;
    min-height: calc(var(--vh, 1vh) * 100);
}
.team .team-figure {
    flex: 0 0 50%;
    max-width: 50%;
    width: 100%;
    height: auto;
    border-radius: 0 0 1rem;
}
.team .team-content {
    flex: 0 0 50%;
    max-width: 50%;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    text-align: center;
    padding: 10rem;
}
.team .team-content .embla {
    max-width: 50%;
    position: relative;
    overflow: visible;
}
.team .team-content .embla .embla__container .embla__slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 6rem;
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
}
.team .team-content .embla .embla__container .embla__slide .slide-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
}
.team .team-content .embla .embla__container .embla__slide .slide-content .mono {
    font-weight: 700;
}
.team .team-content .embla .slider-controls {
    position: absolute;
    bottom: 0;
    right: -15rem;
}
.letest .embla {
    border-radius: 1rem;
}
.letest .embla .embla__container .embla__slide {
    height: calc(var(--vh, 1vh) * 100);
    position: relative;
    overflow: hidden;
}
.letest .embla .embla__container .embla__slide .slide-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem;
    padding: 20rem 10rem;
    position: relative;
    z-index: 3;
    background: #0003;
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem);
    color: #fff;
}
.letest .embla .embla__container .embla__slide .slide-inner .slide-figure {
    background: #fff;
    padding: 1rem 1rem 0;
    border-radius: 1rem;
    height: max-content;
}
.letest .embla .embla__container .embla__slide .slide-inner .slide-figure img {
    height: 50rem;
    border-radius: 1rem;
}
.letest .embla .embla__container .embla__slide .slide-inner .slide-figure .figure-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    padding: 2rem;
    font-family:
        Apercu Mono Pro,
        sans-serif;
    text-transform: uppercase;
    color: #000;
}
.letest .embla .embla__container .embla__slide .slide-inner .slide-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 4rem;
    padding: 0 10rem;
    position: relative;
}
.letest .embla .embla__container .embla__slide .slide-inner .slide-content .slider-controls {
    position: absolute;
    top: 0;
    right: 0;
}
.letest .embla .embla__container .embla__slide .slide-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
@media only screen and (max-width: 1024px) {
    .letest .embla .embla__container .embla__slide {
        height: auto;
        min-height: calc(var(--vh, 1vh) * 100);
    }
    .letest .embla .embla__container .embla__slide .slide-inner {
        grid-template-columns: 1fr;
        padding: 10rem 5rem;
    }
    .letest .embla .embla__container .embla__slide .slide-inner .slide-content {
        padding: 0 10rem 0 0;
    }
    .team {
        gap: 5rem;
    }
    .team .team-content,
    .team .team-figure {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: auto;
    }
    .team .team-figure {
        max-width: 90%;
        border-radius: 1rem;
        margin: 0 auto;
    }
    .team .team-content {
        padding: 5rem;
        gap: 5rem;
    }
}
@media only screen and (max-width: 482px) {
    .team {
        gap: 0;
    }
    .team .team-content .embla {
        max-width: 100%;
    }
    .team .team-content .embla .embla__container .embla__slide {
        width: 100%;
        gap: 3rem;
    }
    .team .team-content .embla .embla__container .embla__slide img {
        width: 100%;
    }
    .team .team-content .embla .slider-controls {
        position: relative;
        right: unset;
        bottom: unset;
        transform: rotate(90deg);
    }
    .letest .embla .embla__container .embla__slide .slide-inner {
        padding: 7.5rem 5%;
        gap: 5rem;
    }
    .letest .embla .embla__container .embla__slide .slide-inner .slide-figure img {
        height: 25rem;
    }
    .letest .embla .embla__container .embla__slide .slide-inner .slide-figure .figure-content {
        padding: 2rem 0;
    }
    .letest .embla .embla__container .embla__slide .slide-inner .slide-figure .figure-content p {
        max-width: 80%;
    }
    .letest .embla .embla__container .embla__slide .slide-inner .slide-content {
        justify-content: flex-start;
        padding: 0;
    }
    .letest .embla .embla__container .embla__slide .slide-inner .slide-content .slider-controls {
        z-index: 3;
    }
}
.grid-section {
    background: #fafafa;
}
.grid-section .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10rem;
    padding: var(--padding-md);
}
.grid-section .container .grid-panel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}
.grid-section .container .grid-panel .grid-card {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
    background: #fff;
    border-radius: 1rem;
    padding: 1rem;
    cursor: pointer;
    color: #000;
}
.grid-section .container .grid-panel .grid-card .card-figure {
    border-radius: 1rem;
    position: relative;
}
.grid-section .container .grid-panel .grid-card .card-figure img {
    max-height: 50rem;
}
@media only screen and (max-width: 482px) {
    .grid-section .container .grid-panel .grid-card .card-figure img {
        max-height: 30rem;
    }
}
.grid-section .container .grid-panel .grid-card .card-figure .badges {
    position: absolute;
    top: 2.5rem;
    right: 2.5rem;
}
.grid-section .container .grid-panel .grid-card .content-box {
    padding: 2rem;
}
.grid-section .container .grid-panel .grid-card .content-box .reveal-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1.5rem;
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.3, 1, 0.3, 1);
}
.grid-section .container .grid-panel .grid-card .content-box .btns {
    margin-top: 1rem;
}
.grid-section .container .grid-panel .grid-card:hover .reveal-box {
    opacity: 1;
    height: auto;
}
.grid-section .container .grid-panel .grid-card .card-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2.5rem;
    padding: 2rem 2rem 5rem;
}
.grid-section .container .grid-panel .grid-card .card-content .box-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 1rem;
}
.grid-section .container .grid-panel .grid-card .card-content .box-top .box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.grid-section .container .grid-panel .grid-card .card-content .box-top .box:first-child {
    max-width: 70%;
}
.grid-section .container .grid-panel .grid-card .card-content .card-content-inner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
}
.grid-section .container .grid-panel .grid-card .card-content .btns {
    gap: 2rem;
}
.grid-section .container .grid-panel .grid-card:has(.card-content) {
    height: max-content;
}
.grid-section .container .grid-panel:has(.grid-card:hover) .grid-card {
    height: max-content;
}
.grid-section .container .grid-panel.grid-panel-2 {
    grid-template-columns: repeat(2, 1fr);
}
.grid-section .container.p-lg {
    padding: var(--padding-lg);
}
@media only screen and (max-width: 1024px) {
    .grid-section .container {
        gap: 7.5rem;
    }
    .grid-section .container .grid-panel {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 482px) {
    .grid-section .container .grid-panel {
        grid-template-columns: 1fr !important;
    }
}
.expand .container {
    padding: var(--padding-md);
}
.expand .container .header .header-box:last-child * {
    max-width: 100%;
}
.expand .container .header .header-box .slider-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 2.5rem;
}
.expand .container .header .header-box .slider-wrapper .embla {
    max-width: 70%;
    margin-top: 8rem;
}
.expand .container .header .header-box .slider-wrapper .embla .embla__container .embla__slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 6rem;
    background: #e8f3f7;
    padding: 4rem;
    border-radius: 2rem;
    text-align: center;
}
.expand .container .header .header-box .slider-wrapper .embla .embla__container .embla__slide img {
    height: 12rem;
}
@media only screen and (max-width: 1024px) {
    .expand .container .header {
        grid-template-columns: 1fr !important;
        gap: 5rem !important;
    }
    .expand .container .header .header-box {
        gap: 5rem;
        padding-top: 0;
    }
    .expand .container .header .header-box .slider-wrapper .embla {
        margin-top: 0;
    }
}
@media only screen and (max-width: 482px) {
    .expand .container .header .header-box .slider-wrapper .embla {
        max-width: 86%;
    }
}
.how .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10rem;
    padding: var(--padding);
}
.how .container .header {
    grid-template-columns: repeat(9, 1fr);
}
.how .container .header .header-box .how-list {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
}
.how .container .header .header-box .how-list .how-card {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 5rem;
    padding: 4rem 0;
}
.how .container .header .header-box .how-list .how-card .how-box:nth-of-type(1) {
    grid-column: span 2;
}
.how .container .header .header-box .how-list .how-card .how-box:nth-of-type(2) {
    grid-column: span 3;
}
.how .container .header .header-box .how-list .how-card:not(:last-child) {
    border-bottom: 1px solid currentColor;
}
.how .container .header .header-box:first-child {
    grid-column: span 4;
}
.how .container .header .header-box:last-child {
    grid-column: span 5;
}
.how .container .media-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
}
.how .container .media-wrapper div,
.how .container .media-wrapper img,
.how .container .media-wrapper video {
    max-width: 100%;
    width: 120rem;
    height: auto;
    max-height: 66rem;
    background: #000;
    border-radius: 1rem;
    overflow: hidden;
}
.how .container:has(.media-wrapper) .header .header-box:last-child {
    padding-top: 2.5rem;
}
.how .container:has(.media-wrapper) .header .header-box:last-child * {
    max-width: 100%;
}
.satisfaction {
    border-radius: 1rem;
}
.satisfaction .container {
    padding: var(--padding);
    color: #fff;
    min-height: calc(var(--vh, 1vh) * 100 - 30rem);
}
.include .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10rem;
    padding: var(--padding-md);
}
.include .container .accordions {
    max-width: 68.5%;
}
.include .container .accordions .accordion .accordion-content .accordion-content-inner {
    max-width: 100%;
}
.include .container .accordions .accordion .accordion-content .accordion-content-inner .acc-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
}
.include .container .accordions .accordion .accordion-content .accordion-content-inner .acc-list .acc-item {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
    padding-bottom: 2rem;
}
.include .container .accordions .accordion .accordion-content .accordion-content-inner .acc-list .acc-item p:last-child {
    color: var(--color-bg);
}
.include .container .accordions .accordion .accordion-content .accordion-content-inner .acc-list .acc-item:not(:last-child) {
    border-bottom: 1px solid currentColor;
}
.include .container .accordions .accordion:first-child {
    border-top: none;
}
.include .container .notice {
    max-width: 68.5%;
    width: 100%;
    justify-content: center;
    text-align: center;
}
.information {
    background: #fafafa;
}
.information .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10rem;
    padding: var(--padding-md);
}
.information .container .accordions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.5rem;
}
.information .container .accordions .accordion {
    border: none;
    background: #fff;
    border-radius: 1rem;
    padding: 3rem;
}
.information .container .accordions .accordion .accordion-trigger {
    justify-content: flex-start;
}
.information .container .accordions .accordion .accordion-trigger .trigger-content {
    max-width: 80%;
}
.information .container .accordions .accordion .accordion-trigger .arrow-box {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDE1IDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibS43MDcgNy45MTQgNi41LTYuNSA2LjUgNi41IiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) !important;
    width: 3rem;
    height: 3rem;
    background-size: 45% auto !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    transform: rotate(180deg);
    transition: all 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.information .container .accordions .accordion .accordion-content .accordion-content-inner {
    max-width: 100%;
}
.information .container .accordions .accordion.active .accordion-trigger .arrow-box {
    transform: rotate(0);
}
.what .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10rem;
    padding: 15rem 0 5rem;
}
.what .container .what-panel {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 25rem;
}
.what .container .what-panel .what-figure {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    max-width: 50%;
}
.what .container .what-panel .what-figure img {
    width: 60rem;
}
.what .container .what-panel .content-box {
    max-width: 25%;
}
@media only screen and (max-width: 1024px) {
    .include .container .notice,
    .include .container .accordions {
        max-width: 100%;
    }
    .information .container {
        gap: 7.5rem;
    }
    .information .container .accordions {
        grid-template-columns: repeat(2, 1fr);
    }
    .what .container {
        gap: 7.5rem;
    }
    .what .container .what-panel {
        gap: 5rem;
    }
    .what .container .what-panel .what-figure img {
        width: 100%;
    }
    .what .container .what-panel .content-box {
        max-width: 40%;
    }
}
@media only screen and (max-width: 482px) {
    .how .container {
        gap: 5rem;
    }
    .how .container .header .header-box {
        grid-column: span 9 !important;
    }
    .how .container .header .header-box .how-list .how-card {
        gap: 2.5rem;
    }
    .how .container .header .header-box .how-list .how-card .how-box:nth-of-type(1) {
        grid-column: span 5 !important;
    }
    .how .container .header .header-box .how-list .how-card .how-box:nth-of-type(2) {
        grid-column: span 5 !important;
    }
    .information .container {
        gap: 5rem;
    }
    .information .container .accordions {
        grid-template-columns: 1fr;
    }
    .include .container {
        gap: 7.5rem;
    }
    .include .container .accordions .accordion .accordion-content .accordion-content-inner .acc-list .acc-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
    .what .container {
        padding: 10rem 0 5rem;
        gap: 5rem;
    }
    .what .container .what-panel .what-figure,
    .what .container .what-panel .content-box {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: auto;
    }
}
.reviews .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 20rem;
    padding: 25rem 0 15rem;
}
.reviews .container .reviews-panel {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    max-width: 70%;
}
.reviews .container .reviews-panel .review-card {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem;
    border-bottom: 1px solid currentColor;
    padding: 3rem 0.25rem;
    cursor: pointer;
    position: relative;
}
.reviews .container .reviews-panel .review-card .review-card-top {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
}
.reviews .container .reviews-panel .review-card .review-card-top .index {
    display: none;
}
.reviews .container .reviews-panel .review-card .review-card-content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 2.5rem;
    max-height: 3.5rem;
    overflow: hidden;
}
.reviews .container .reviews-panel .review-card .review-card-content .subtitle {
    line-height: 1.75;
}
.reviews .container .reviews-panel .review-card:hover {
    background: #e8f3f7;
}
.reviews .container .reviews-panel .review-card .hover-image {
    position: absolute;
    top: -10rem;
    left: 40%;
    transform: translate(-50%);
    width: 25rem;
    height: 25rem;
    border-radius: 1rem;
    z-index: 2;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.reviews .container .reviews-panel .review-card.expanded .hover-image {
    opacity: 1;
}
@media only screen and (max-width: 1024px) {
    .reviews .container {
        gap: 10rem;
    }
    .reviews .container .reviews-panel {
        max-width: 100%;
    }
}
@media only screen and (max-width: 482px) {
    .reviews .container {
        padding: 15rem 0 10rem;
        gap: 5rem;
    }
    .reviews .container .reviews-panel {
        gap: 1.5rem;
    }
    .reviews .container .reviews-panel .review-card {
        grid-template-columns: 1fr;
        gap: 2rem;
        border-bottom: none;
    }
    .reviews .container .reviews-panel .review-card .review-card-top .index {
        display: block;
    }
    .reviews .container .reviews-panel .review-card .review-card-content {
        max-height: fit-content;
    }
    .reviews .container .reviews-panel .review-card .hover-image {
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        opacity: 1;
    }
}
.terms .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 7.5rem;
    padding: 25rem 30rem;
}
.terms .container .content-box ul {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
    padding-left: 3rem;
}
@media only screen and (max-width: 1024px) {
    .terms .container {
        padding: 15rem 0;
        gap: 5rem;
    }
}
.top-section .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12.5rem;
    padding: var(--padding-lg);
}
.top-section .container .header .header-box:last-child * {
    max-width: 100%;
}
.top-section .container .top-figure {
    border-radius: 1.5rem;
}
.detail .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    padding: 0 0 20rem;
}
.detail .container .detail-panel {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
    padding: 5rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
@media only screen and (max-width: 482px) {
    .top-section .container {
        padding: 15rem 0 10rem;
        gap: 5rem;
    }
    .top-section .container .top-figure img {
        height: 30rem;
    }
    .detail .container {
        padding: 0 0 10rem;
    }
    .detail .container .detail-panel {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
        gap: 2.5rem;
    }
}
.requirements .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 10rem;
    padding: var(--padding-md);
}
.requirements .container table tr {
    position: relative;
}
.requirements .container table tr td {
    padding: 3rem 0;
}
.requirements .container table tr:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background: #1d1d1d;
}
.career .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12.5rem;
    padding: var(--padding-md);
}
.career .container .career-form-wrapper form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 5rem;
}
@media only screen and (max-width: 1024px) {
    .requirements .container {
        gap: 7.5rem;
    }
    .career .container {
        gap: 10rem;
    }
}
@media only screen and (max-width: 482px) {
    .requirements .container {
        gap: 4rem;
    }
    .requirements .container table tbody tr td {
        display: flex;
        width: 100%;
        border-bottom: 1px solid #1d1d1d;
    }
    .requirements .container table tbody tr:after {
        display: none;
    }
    .career .container {
        gap: 7.5rem;
    }
    .career .container .career-form-wrapper form {
        grid-template-columns: 1fr;
        gap: 4rem;
    }
}
.contact .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12.5rem;
    padding: 25rem 0 15rem;
}
.contact .container .contact-header {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}
.contact .container .contact-header .header-box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
}
.contact .container .contact-header .header-box:last-child {
    padding-top: 10rem;
}
.contact .container .contact-panel {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}
.contact .container .contact-panel figure img {
    width: 80%;
    border-radius: 1rem;
}
.contact .container .contact-panel .contact-content form {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2.5rem;
    row-gap: 3rem;
}
.contact .container .contact-panel .contact-content form input[type='submit'] {
    margin-top: 2.5rem;
    width: max-content;
}
@media only screen and (max-width: 1024px) {
    .contact .container {
        gap: 10rem;
        padding: 15rem 0 10rem;
    }
    .contact .container .contact-panel {
        grid-template-columns: 1fr;
        gap: 7.5rem;
    }
    .contact .container .contact-panel figure {
        border-radius: 1rem;
    }
    .contact .container .contact-panel figure img {
        width: 100%;
    }
}
@media only screen and (max-width: 482px) {
    .contact .container {
        gap: 7.5rem;
    }
    .contact .container .contact-header {
        grid-template-columns: 1fr;
        gap: 3rem;
    }
    .contact .container .contact-header .header-box {
        padding-top: 0 !important;
    }
    .contact .container .contact-panel .contact-content form {
        grid-template-columns: 1fr;
    }
}
.hero .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 0;
    padding: 20rem 0;
    min-height: calc(var(--vh, 1vh) * 100);
}
.hero .container .content-box {
    flex: 0 0 50%;
    max-width: 50%;
    width: 100%;
    height: auto;
    gap: 4rem;
    justify-content: flex-end;
}
.hero .container .content-box .box {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
    max-width: 70%;
}
.hero .container .embla {
    flex: 0 0 40%;
    max-width: 40%;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: nowrap;
    gap: 5rem;
}
.hero .container .embla .embla__container .embla__slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 0;
    height: 100%;
    border-radius: 2rem;
    overflow: hidden;
}
.hero .container .embla .embla__container .embla__slide img {
    width: 100%;
    height: 70rem;
}
@media only screen and (max-width: 1024px) {
    .hero .container {
        gap: 7.5rem;
        padding: 15rem 0 10rem;
    }
    .hero .container .content-box,
    .hero .container .embla {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        height: auto;
    }
}
@media only screen and (max-width: 482px) {
    .hero .container .content-box .box {
        max-width: 100%;
    }
    .hero .container .embla {
        flex-direction: column;
        align-items: center;
        gap: 2rem;
    }
    .hero .container .embla .embla__container .embla__slide img {
        height: 40rem;
    }
    .hero .container .embla .slider-controls {
        transform: rotate(90deg);
    }
}
.banner-section {
    border-radius: 1rem;
}
.banner-section .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
    color: #fff;
    padding: var(--padding);
    height: calc(var(--vh, 1vh) * 100);
}
.how-works {
    background: #fafafa;
}
.how-works .container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 12.5rem;
    padding: var(--padding-md);
    color: var(--color-bg);
}
.how-works .container .header .header-box .link-bg {
    margin-top: auto;
}
.how-works .container .how-steps {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 0;
}
.how-works .container .how-steps .how-panel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
    position: relative;
    color: #878787;
    transition: all 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.how-works .container .how-steps .how-panel img {
    width: 27.5rem;
    height: 27.5rem;
    border-radius: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.3, 1, 0.3, 1);
}
.how-works .container .how-steps .how-panel:hover {
    background: var(--color-bg);
    color: #fff;
}
.how-works .container .how-steps .how-panel:hover img {
    opacity: 1;
    visibility: visible;
}
.how-works .container .how-steps .how-panel .how-box {
    padding: 3rem 0;
    border-bottom: 1px solid currentColor;
}
.how-works .container .how-steps .how-panel .how-box:first-child {
    grid-column: span 2;
    padding-left: 1rem;
}
.how-works .container .how-steps .how-panel .how-box:last-child {
    grid-column: span 1;
}
.contact-us {
    padding: 25rem 0;
}
.contact-us .content-box {
    color: #fff;
    align-items: center;
    text-align: center;
}
.contact-us .content-box .embla {
    pointer-events: none;
    overflow: visible;
}
.contact-us .content-box .embla .embla__container .embla__slide {
    flex: 0 0 auto;
    max-width: max-content;
}
@media only screen and (max-width: 482px) {
    .how-works .container {
        gap: 7.5rem;
    }
    .how-works .container .how-steps .how-panel {
        grid-template-columns: repeat(10, 1fr) !important;
    }
    .how-works .container .how-steps .how-panel .how-box:first-child {
        grid-column: span 2 !important;
    }
    .how-works .container .how-steps .how-panel .how-box:nth-child(2) {
        grid-column: span 8 !important;
    }
    .how-works .container .how-steps .how-panel img {
        display: none;
    }
    .contact-us {
        padding: 15rem 0;
    }
}