/* Default CSS */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
span,
video {
    margin    : 0;
    padding   : 0;
    border    : 0;
    outline   : 0;
    font-size : 100%;
    background: transparent;
}

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

button {
    outline: none !important;
}

input {
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin : 0;
    padding: 0;
}

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

button:focus,
button:focus,
.btn:focus,
.btn:focus {
    outline   : none;
    box-shadow: none !important;
}

ul {
    margin    : 0;
    padding   : 0;
    list-style: none;
}

a {
    margin         : 0;
    padding        : 0;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* ===================================================
// Css Styling
// =================================================== */
:root {
    /* colors */
    --gray-web                  : #7e7f82;
    --pale-pink                 : #fee3e8;
    --primary-orange-red-crayola: #fb615d;
    --primary-vanilla-ice       : #eb8a9f;
    --primary-space-cadet       : #010d3f;
    --primary-black             : #000000;
    --primary-white             : #ffffff;
    --primary-fiery-rose        : #fd4a68;
    --primary-mango-tango       : #fe8e4c;
    --primary-cta-button        : linear-gradient(to right,
            var(--primary-orange-red-crayola, #fb615d),
            var(--primary-mango-tango, #fe8e4c));
    --secondary-rich-black-fogra: #111b26;
    --secondary-misty-rose      : #ffece6;
    --secondary-salmon          : #fa7f67;
    --secondary-baby-pink       : #efc5bb;
    --secondary-alice-blue      : #dce3ed;
    --secondary-roman-silver    : #83868d;

    /* fonts */
    --font-family-poppins    : "Poppins", sans-serif;
    --font-family-rubik      : "Rubik", sans-serif;
    --font-family-preahvihear: "Preahvihear", sans-serif;
}

body {
    font-family   : var(--font-family-rubik, sans-serif);
    color         : var(--gray-web, #7e7f82);
    font-size     : 18px;
    font-size     : 1.125rem;
    line-height   : 130%;
    letter-spacing: -0.01em;
    font-weight   : 400;
    overflow-x    : hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family   : var(--font-family-poppins, sans-serif);
    color         : var(--primary-space-cadet, #010d3f);
    letter-spacing: -0.015em;
}

section {
    padding : 24px 0;
    padding : 1.5rem 0;
    position: relative;
}

.op-60 {
    opacity: 0.6;
}

.op-80 {
    opacity: 0.8;
}

.container {
    max-width: 1210px;
    padding  : 0 38px;
    padding  : 0 1rem;
}

/* Header */
.header-main {
    background-color: var(--primary-space-cadet, #010d3f);
    padding         : 8px;
    padding         : 0.5rem;
}

.header-main .navbar {
    -webkit-box-pack: center;
    -ms-flex-pack   : center;
    justify-content : center;
    -ms-flex-wrap   : nowrap;
    flex-wrap       : nowrap;
    gap             : 10px;
}

/* CTA Buttons */
.cu-cta-btn {
    padding-right: 6px;
    vertical-align: bottom;
    font-size: x-large;
}

.navbar__notice {
    color         : var(--primary-white, #ffffff);
    font-size     : 20px;
    font-size     : 1.25rem;
    line-height   : 24px;
    line-height   : 1.5rem;
    letter-spacing: -0.01em;
    font-weight   : 500;
    font-style    : normal;
    text-align    : center;
}

.warning-icon {
    min-width: 23px;
}

/* Hero */
.hero-banner {
    max-width: 75%;
    margin   : 0 auto;
}

.grad-text {
    color                  : var(--primary-orange-red-crayola, #fb615d);
    background             : var(--primary-cta-button);
    -webkit-background-clip: text;
    background-clip        : text;
    -webkit-text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.hero-title {
    font-size    : 31px;
    font-size    : 1.938rem;
    font-weight  : 700;
    line-height  : 130%;
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.primary-title {
    font-weight  : 700;
    font-size    : 28px;
    font-size    : 1.75rem;
    line-height  : 140%;
    margin-bottom: 16px;
    margin-bottom: 1rem;
}

.buch-btn {
    background-image  : var(--primary-cta-button);
    padding           : 16px 48px;
    padding           : 1rem 3rem;
    font-size         : 18px;
    font-size         : 18px;
    font-size         : 1.125rem;
    font-weight       : 500;
    color             : var(--primary-white, #ffffff);
    border-radius     : 50rem;
    display           : inline-block;
    -webkit-transition: 300ms ease;
    transition        : 300ms ease;
    cursor            : pointer;
}

.buch-btn:hover {
    -webkit-transform: scale(1.125);
    transform        : scale(1.125);
    color            : var(--primary-white, #ffffff);
}

.hero .buch-btn {
    margin-top  : 30px;
    margin-top  : 1.875rem;
    margin-right: 15px;
    margin-right: 0.9375rem;
}

.hero .curved-arrow {
    max-width: 192px;
    max-width: 12rem;
}

/* Functions */
.section-title {
    font-size     : 26px;
    font-size     : 1.625rem;
    line-height   : 130%;
    font-weight   : 600;
    letter-spacing: -0.015em;
}

.calendar .section-title,
.steps .section-title,
.functions .section-title {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
}

.function-list {
    display            : -webkit-box;
    display            : -ms-flexbox;
    display            : flex;
    -webkit-box-pack   : space-evenly;
    -ms-flex-pack      : space-evenly;
    justify-content    : space-evenly;
    background-image   : url("../images/arrow.svg");
    background-repeat  : no-repeat;
    background-size    : contain;
    background-position: center;
    margin-bottom      : 64px;
    margin-bottom      : 4rem;
    -ms-flex-wrap      : wrap;
    flex-wrap          : wrap;
    gap                : 32px;
    gap                : 2rem;
}

.function-list .function-list__item {
    -ms-flex-preferred-size: 100%;
    flex-basis             : 100%;
    border-color           : var(--primary-vanilla-ice, #eb8a9f);
    border-radius          : 30px;
}

.function-list__item .card-body {
    padding: 20px;
    padding: 1.25rem;
}

.function-list__item .icon {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
}

.function-list__item .icon>* {
    max-width : 64px;
    max-width : 4rem;
    max-height: 64px;
    max-height: 4rem;
}

.function-list__item .card-title {
    margin-bottom : 13px;
    margin-bottom : 0.8125rem;
    font-weight   : 600;
    font-size     : 18px;
    font-size     : 1.125rem;
    letter-spacing: -0.01em;
}


/* About Us */
.cu-image-container {
    max-width: 75%;
    margin   : 0 auto;
}



/* Blog */
.blog .card {
    border-color: transparent;
}

.blog .card-img-top {
    border-radius: 30px;
    overflow     : hidden;
}

.blog .card-title {
    font-weight   : 600;
    font-size     : 18px;
    font-size     : 1.125rem;
    letter-spacing: -0.01em;
}

.blog .card-text {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -ms-flex-wrap    : wrap;
    flex-wrap        : wrap;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    gap              : 4px;
    gap              : 0.25rem;
}

/* Testimonials */
.testimonials {
    background-color: rgba(254, 142, 76, 0.031);
}

.testimonial__text {
    font-family: var(--font-family-rubik);
    font-size  : 18px;
    font-size  : 1.125rem;
    line-height: 130%;
    color      : var(--primary-space-cadet, #010d3f);
}

.cu-carousel-spacer {
    display: none;
}

.owl-carousel .owl-dots {
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    -webkit-box-pack : end;
    -ms-flex-pack    : end;
    justify-content  : flex-end;
    gap              : 4px;
    gap              : 0.25rem;
    padding-right    : 32px;
    padding-right    : 2rem;
}

.owl-dots button.owl-dot {
    height          : 16px;
    height          : 1rem;
    width           : 16px;
    width           : 1rem;
    background-color: var(--secondary-alice-blue, #dce3dc);
    background-image: -webkit-linear-gradient(left,
            var(--secondary-alice-blue, #dce3dc),
            var(--secondary-alice-blue, #dce3dc));
    background-image: linear-gradient(to right,
            var(--secondary-alice-blue, #dce3dc),
            var(--secondary-alice-blue, #dce3dc));
    border-radius: 50%;
}

.owl-dots button.owl-dot.active {
    background-color: var(--primary-orange-red-crayola, #fb615d);
    background-image: -webkit-linear-gradient(left,
            var(--primary-orange-red-crayola, #fb615d),
            var(--primary-orange-red-crayola, #fb615d));
    background-image: linear-gradient(to right,
            var(--primary-orange-red-crayola, #fb615d),
            var(--primary-orange-red-crayola, #fb615d));
}

.testimonials .card {
    border-color : transparent;
    box-shadow   : 0 0.24rem 2rem rgba(68, 90, 125, 0.12);
    margin       : 32px;
    margin       : 2rem;
    border-radius: 30px 30px 30px 0;
    position     : relative;
}

.testimonials .card:after {
    content                 : "";
    border-width            : 14px;
    border-width            : 0.875rem;
    border-style            : solid;
    border-color            : var(--primary-white, #ffffff) transparent transparent transparent;
    position                : absolute;
    top                     : 100%;
    left                    : 0;
    -webkit-transform-origin: center;
    transform-origin        : center;
    -webkit-transform       : rotate(130deg) translateY(70%);
    transform               : rotate(130deg) translateY(70%);
}

.testimonials .profile {
    width        : 56px;
    height       : 56px;
    border-radius: 50%;
    margin-left  : auto;
}

.testimonials .profile img {
    border-radius     : 50%;
    height            : 100%;
    width             : 100%;
    -o-object-fit     : cover;
    object-fit        : cover;
    -o-object-position: center;
    object-position   : center;
}

.owl-carousel .card-text {
    margin-bottom: 24px;
    margin-bottom: 1.5rem;

    font-size: 18px;
    font-size: 1.125rem;
    color    : var(--primary-space-cadet, #010d3f);
}

.owl-carousel .card-title {
    margin-bottom: 0;
    font-family  : var(--font-family-rubik, sans-serif);
    font-weight  : 500;
    font-size    : 18px;
    font-size    : 1.125rem;
}

.card-title,
.card-title a {
    color: var(--primary-space-cadet, #010d3f);
}

.owl-carousel .date {
    color    : var(--primary-space-cadet, #010d01);
    font-size: 16px;
    font-size: 1rem;
}

/* Benefits */
.cu-desktop-me {
    margin-right: 0;
}

.bg-holder {
    background-repeat  : no-repeat;
    background-position: center;
    background-size    : cover;
    position           : absolute;
    inset              : 0;
    z-index            : -1;
}

.steps .container,
.benefits .container {
    position  : relative;
    overflow-x: hidden;
}

.benefits .container::before {
    content          : "";
    background-image : url("../images/glow.png");
    background-repeat: no-repeat;
    background-size  : contain;
    height           : 502px;
    width            : 765px;
    position         : absolute;
    top              : -80px;
    top              : -5rem;
    left             : -144px;
    left             : -9rem;
    opacity          : 0.13;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=13)";
    z-index          : -1;
}

.benefit-list .benefit__item {
    padding          : 20px 16px;
    padding          : 1.25rem 1rem;
    border-radius    : 1.5rem;
    box-shadow       : 0 0.24rem 2rem rgba(68, 90, 125, 0.12);
    margin-bottom    : 28px;
    margin-bottom    : 1.75rem;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-align: center;
    -ms-flex-align   : center;
    align-items      : center;
    gap              : 15px;
    gap              : 0.938rem;
    background-color : var(--primary-white, #ffffff);
    color            : var(--gray-web, #7e7f82);
    font-size        : 19px;
    font-size        : 1.188rem;
    line-height      : 140%;
    font-family      : var(--font-family-preahvihear, sans-serif);
    font-weight      : 400;
    letter-spacing   : 0;
}

/* WA Button */
.float-button {
    text-decoration: none;
    position: fixed;
    padding: 10px;
    bottom: 0.5rem;
    right: 0.5rem;
    color: #fff;
    background-color: #25D366;
    border-radius: 20px 20px 5px 20px;
    z-index: 100;
    animation: whatsapp-animation 0.5s ease-in-out;
    box-shadow: 1px 2px 5px 2px rgb(30 30 30 / 30%);
    transition: all 0.3s ease-out;
    display: flex;
    align-items: center;
}

.float-button:hover {
    background-color: #128C7E;
    color: #fff;
}

.cu-wa-btn {
    /* padding-right: 10px; */
    font-size: xx-large;
}

.cu-wa-text {
    display: flex;
    flex-direction: column;
}

.cu-wa-text span {
    display: none;
}

@keyframes whatsapp-animation {
    from { opacity: 0%; }
    to { opacity: 100% }
}

/* Footer */
.footer-bg {
    position: relative;
    z-index : -1;
}

.qualified .footer-bg {
    height   : 275px;
    max-width: 1210px;
}

.footer-bg {
    height      : 120px;
    max-width   : 1210px;
    margin-left : auto;
    margin-right: auto;
}

.footer .copyright__text {
    font-family   : var(--font-family-poppins, sans-serif);
    font-style    : normal;
    font-weight   : 400;
    font-size     : 15px;
    font-size     : 0.9375rem;
    line-height   : 22px;
    line-height   : 1.375rem;
    letter-spacing: -0.01em;
    color         : var(--primary-space-cadet, #010d3f);
    opacity       : 0.6;
    -ms-filter    : "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.footer .footnote a:hover,
.footer .footnote a:focus {
    color: rgba(1, 13, 63, 0.6);
}

.footer .footnote a {
    font-family   : var(--font-family-poppins, sans-serif);
    font-style    : normal;
    font-weight   : 400;
    font-size     : 15px;
    font-size     : 0.9375rem;
    line-height   : 22px;
    line-height   : 1.375rem;
    letter-spacing: -0.01em;
    color         : var(--primary-space-cadet, #010d3f);
}

.footer .creadit,
.footer .creadit a {
    font-family   : var(--font-family-poppins, sans-serif);
    font-weight   : 400;
    font-size     : 15px;
    font-size     : 0.9375rem;
    text-align    : right;
    letter-spacing: -0.01em;
    color         : var(--primary-space-cadet, #010d3f);
}

/* Contact Page */
.contact-page .hero {
    margin-top   : 16px;
    margin-top   : 1rem;
    margin-bottom: 76px;
    margin-bottom: 4.75rem;
}

.hero__text {
    font-family   : var(--font-family-rubik, sans-serif);
    font-style    : normal;
    font-weight   : 400;
    font-size     : 18px;
    font-size     : 1.125rem;
    line-height   : 130%;
    letter-spacing: 0.01em;
}

.contact-page .hero__text {
    color         : var(--primary-space-cadet, #010d3f);
    letter-spacing: -0.01em;
}

.contact-link {
    font-family   : var(--font-family-rubik, sans-serif);
    font-weight   : 500;
    font-size     : 24px;
    font-size     : 1.5rem;
    line-height   : 130%;
    letter-spacing: 0.01em;
    color         : var(--primary-space-cadet, #010d3f);
}

.contact-vid {
    font-family   : var(--font-family-preahvihear, sans-serif);
    font-style    : normal;
    font-weight   : 400;
    font-size     : 29px;
    font-size     : 1.8125rem;
    line-height   : 140%;
    letter-spacing: -0.015em;
    position      : relative;
    margin-top    : 70px;
    margin-top    : 4.375rem;
}

.contact-vid:after {
    content            : "";
    background-image   : url("../images/curved-arrow.png");
    background-repeat  : no-repeat;
    background-size    : contain;
    background-position: center;
    width              : 345.87px;
    height             : 244.79px;
    position           : absolute;
    top                : 100%;
    left               : 100%;
    -webkit-transform  : translateX(-50%);
    transform          : translateX(-50%);
}

.cu-watch-arrow {
    width: 76.333333%;
}

.video-banner {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 181%;
    margin: 0 auto;
}

.wistia-banner {
    border-radius: 30px;
}

.wistia_embed {
    position: static !important;
}

.calendly-inline-widget {
    min-width: 280px !important;
}

.col-md-36 {
    padding: 0 7.047%;
}

.responsive-iframe {
    position: absolute;
    top     : 0;
    left    : 0;
    bottom  : 0;
    right   : 0;
    width   : 100%;
    height  : 100%;
}

/* Contact Page */


/* Qualified Page */
.benefit-wrapper {
    position: relative;
}

.benefit-wrapper::after {
    display: none;
}

.steps .container::before {
    content          : "";
    background-image : url("../images/glow.png");
    background-repeat: no-repeat;
    background-size  : contain;
    height           : 434px;
    width            : 743px;
    position         : absolute;
    top              : -40px;
    left             : -60px;
    opacity          : 0.1;
    -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    z-index          : -1;
}

.calendar {
    margin-bottom: -80px;
}

.calendar-wrapper {
    border    : none;
    box-shadow: none;
}

.calendar-wrapper::before {
    display: none;
}

.calendly-inline-widget {
    height    : 698px !important;
    min-width : 320px;
    overflow-y: hidden !important;
}