* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background: #FFF7ED;
    color: #111;
    overflow-x: hidden;
    opacity: 1;
    transition: opacity .4s;
}

h2,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Crimson pro';
}

p {
    font-family: 'IBM plex sans';
}

.carousel-indicators.custom-indicators.py-15 {
    top: unset;
}

:root {
    --page-bg: #F7F1E8;
    --text: #111111;
    --white: #ffffff;
    --primary: #1f73ff;
    /*blue accent from design*/
    --accent: #9b8350;
    /*button / gold accent*/
    --dark-bg: #07122b;
    /*deep navy background*/
    --card-bg: #0f172c;
    /*dark card background*/
    --overlay: rgba(0, 0, 0, 0.35);
    --muted-dark: rgba(0, 0, 0, 0.08);
}

img {
    display: block;
}

a {
    text-decoration: none;
    color: #111827;
}


/* ELIGIBILITY MODAL - NEW DESIGN */


/* Modal positioning */

#eligibilityModal .modal-dialog {
    width: min(670px, calc(100vw - 24px));
    max-width: 670px;
    margin: 6px auto;
}


/*MAIN WHITE CARD*/

.eligibility-modal-content {
    position: relative;
    min-height: 658px;
    background: #ffffff;
    color: #171111;
    border: 0 !important;
    border-radius: 18px !important;
    padding: 40px 46px 34px !important;
    overflow: hidden;
    box-shadow: none;
    margin-top: 120px;
}


/*MODAL HEADER*/

.eligibility-modal-content .modal-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    margin: 0 0 22px;
    padding: 0 !important;
    border: 0 !important;
}


/* BACK BUTTON */

.eligibility-modal-content .eligibility-go-back {
    width: auto !important;
    max-width: none !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #1a1717 !important;
    font-family: "IBM Plex Sans";
    font-size: 12px !important;
    font-weight: 400;
    text-transform: uppercase;
    box-shadow: none !important;
}


/* Back arrow */

.eligibility-modal-content .eligibility-go-back::before {
    content: "←";
    display: inline-block;
    font-size: 15px;
    line-height: 1;
}


/*TOP RIGHT CLOSE BUTTON*/

.eligibility-modal-content .btn-close,
.eligibility-modal-content .btn-close-white {
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 38px;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-radius: 50%;
    background-color: #F8FAFC !important;
    opacity: 1 !important;
    box-shadow: none !important;
}


/*BODY*/

.eligibility-modal-content .modal-body {
    padding: 0 !important;
}

.eligibility-steps {
    display: block;
}


/* Individual step */

.eligibility-step {
    display: none;
}

.eligibility-step.active {
    display: block;
}


/* Small blue helper text */

.eligibility-step>p:first-child,
.eligibility-step .step-description,
.eligibility-step .question-label {
    margin: 0 0 18px;
    color: #4061b0;
    font-family: "IBM Plex Sans";
    font-size: 12px;
    font-weight: 400;
}


/* Question heading */

.eligibility-step h4 {
    margin: 0 0 12px !important;
    color: #140203;
    font-family: "Crimson Pro";
    font-size: 37px !important;
    font-weight: 400;
}


/*OPTIONS*/

.eligibility-option-group {
    display: grid;
    gap: 12px;
    margin: 0;
}


/* Option box */

.eligibility-option {
    position: relative;
    width: 100%;
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 12px 17px;
    background: #ffffff;
    color: #171111;
    border: 1px solid #ebe4db;
    border-radius: 12px;
    text-align: left;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: none;
    transition: border-color .2s ease, background-color .2s ease, box-shadow .2s ease;
}


/* Radio circle */

.eligibility-option::before {
    content: "";
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    border: 1.5px solid #a99b8c;
    border-radius: 50%;
    background: #ffffff;
    box-sizing: border-box;
}


/* Selected option */

.eligibility-option.active {
    background: #E8F1FC !important;
    border: 2px solid #087de0 !important;
    padding: 11px 16px;
    box-shadow: 0 3px 8px rgba(0, 124, 224, .12) !important;
}


/* Selected radio */

.eligibility-option.active::before {
    border: 6px solid #087de0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}


/* Hover should not overpower selected state */

.eligibility-option:not(.active):hover {
    background: #ffffff;
    border-color: #d8cec3;
    box-shadow: none;
}


/* Existing label span */

.eligibility-option span.label-text {
    display: block;
    color: #171111;
    font-size: 16px;
    font-weight: 600;
}


/*INVALID / SHAKE
   Keep existing functionality*/

.eligibility-option-group.invalid {
    animation: shake .45s ease;
}

@keyframes shake {
    20% {
        transform: translateX(-4px);
    }
    40% {
        transform: translateX(4px);
    }
    60% {
        transform: translateX(-3px);
    }
    80% {
        transform: translateX(3px);
    }
}


/*BUTTON AREA
   GET IN TOUCH + NEXT QUESTION*/

.eligibility-footer {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 27px;
    margin-top: 36px;
    padding: 0;
}


/* All primary footer buttons */

.eligibility-footer .btn {
    width: 100% !important;
    min-height: 45px;
    margin: 0 !important;
    padding: 10px 18px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px !important;
    font-family: "IBM Plex Sans";
    font-size: 16px !important;
    font-weight: 400;
    text-transform: uppercase;
    box-shadow: none !important;
}


/* First CTA - GET IN TOUCH */

.eligibility-footer .btn:first-child {
    background: #087de0 !important;
    border: 1px solid #087de0 !important;
    color: #ffffff !important;
}


/* NEXT QUESTION */

.eligibility-footer .btn.btn-dark,
.eligibility-footer .btn:last-child {
    background: #1c0000 !important;
    border: 1px solid #1c0000 !important;
    color: #ffffff !important;
}


/* Remove global button lift effect inside modal */

.eligibility-modal-content .btn:hover {
    transform: none !important;
}


/*BOTTOM CLOSE*/

.eligibility-close {
    display: block;
    width: fit-content;
    margin: 38px auto 0 !important;
    padding: 6px 12px !important;
    background: transparent !important;
    border: 0 !important;
    color: #140203;
    font-family: "IBM Plex Sans";
    font-size: 16px !important;
    font-weight: 400;
    text-transform: uppercase;
    box-shadow: none !important;
}


/*RESULT SCREEN
   Keep functionality*/

.eligibility-result {
    display: none;
    text-align: center;
    gap: 14px;
}

.eligibility-result.active {
    display: grid;
}

.eligibility-result .result-icon {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    margin: 0 auto;
    border-radius: 50%;
    background: rgba(8, 125, 224, .12);
    color: #087de0;
    font-size: 15px;
}

.eligibility-result.not-eligible .result-icon {
    background: rgba(255, 77, 79, .12);
    color: #ff4d4f;
}

.eligibility-result h4 {
    margin: 0;
    color: #171111;
    font-family: "Crimson Pro";
    font-size: 27px;
    font-weight: 500;
}

.eligibility-result .result-text {
    max-width: 500px;
    margin: 0 auto;
    color: #555;
    font-family: "IBM Plex Sans";
    font-size: 12px;
    line-height: 1.6;
}


/*FORM SCREEN*/

.eligibility-form {
    display: grid;
    gap: 12px;
    margin-top: 10px;
}

.eligibility-form .form-group {
    display: grid;
    gap: 6px;
    text-align: left;
}

.eligibility-form label {
    font-family: "IBM Plex Sans";
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: 700;
    color: #140203;
}

.eligibility-form .form-control {
    height: 44px;
    padding: 10px 14px;
    background: #F8FAFC;
    border: 1px solid #927D4D33;
    border-radius: 8px;
    color: #000000;
    font-size: 16px;
    box-shadow: none;
    font-family: "IBM Plex Sans";
}

.form-select {
    height: 44px;
    padding: 10px 14px;
    background-color: #F8FAFC;
    border: 1px solid #927D4D33;
    border-radius: 8px;
    color: #000000;
    font-size: 16px;
    box-shadow: none;
    font-family: "IBM Plex Sans";
}

.form-select:focus {
    border-color: #087de0;
    box-shadow: 0 0 0 2px rgba(8, 125, 224, .08);
}

.eligibility-form .form-control:focus {
    border-color: #087de0;
    box-shadow: 0 0 0 2px rgba(8, 125, 224, .08);
}

.eligibility-form .form-control::placeholder {
    color: #9C9080;
    font-family: "IBM Plex Sans";
    font-size: 15px;
}


/* Result CTA */

.eligibility-result .request-access.btn-dark {
    width: 100%;
    min-height: 45px;
    background: #1c0000 !important;
    border: 1px solid #1c0000 !important;
    color: #ffffff !important;
    border-radius: 8px;
    font-family: "IBM Plex Sans";
    font-size: 12px;
    text-transform: uppercase;
}


/*Carousel arrows (floating pill)*/

.custom-arrow {
    width: 55px;
    height: 55px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, .12);
    border-radius: 50%;
    opacity: 1;
    border: 1px solid rgba(255, 255, 255, .15);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.25s ease, transform 0.25s ease;
}

.custom-arrow:hover {
    background: #fff;
    transform: translateY(-50%) scale(1.04);
}

.custom-arrow i {
    font-size: 22px;
    color: #000;
    transition: color 0.25s ease;
}

.custom-arrow:hover i {
    color: var(--accent);
}


/*=========================
INDICATORS
=========================*/

.custom-indicators button {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px;
    border-radius: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, 0.75);
    border: 0;
    box-shadow: none;
    opacity: 1;
}

.custom-indicators button::after {
    display: none;
}

.custom-indicators .active {
    width: 28px !important;
    height: 8px !important;
    border-radius: 4px !important;
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    box-shadow: 0 6px 18px rgba(31, 115, 255, 0.18);
}


/*=========================
ABOUT SECTION
=========================*/

.about-section {
    background: #FFF7ED;
}

ul {
    font-family: 'IBM plex sans';
}

.about-intro {
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    overflow: hidden;
    border-radius: 14px;
    background: #FFE4BF;
}

.about-intro-copy {
    padding: 34px 38px;
}

.about-intro-copy h2 {
    margin: 0 0 4px;
    font-size: clamp(34px, 4vw, 58px);
}

.about-subtitle {
    margin: 0 0 32px;
    color: #9B6335;
    font-family: 'IBM Plex Sans';
    font-size: 13px;
}

.about-lead {
    max-width: 520px;
    margin: 0 0 14px;
    font-family: 'IBM Plex Sans';
    font-size: clamp(22px, 2.2vw, 34px);
    line-height: 1.08;
}

.about-intro .about-desc {
    max-width: 560px;
    font-size: 13px;
    line-height: 1.45;
}

.about-intro-video {
    position: relative;
    min-height: 300px;
    overflow: hidden;
}

.about-intro-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.about-video-caption {
    position: absolute;
    right: 52px;
    bottom: 18px;
    color: #fff;
    font-family: 'IBM Plex Sans';
    font-size: 13px;
}

.about-video-play {
    position: absolute;
    right: 16px;
    bottom: 12px;
    width: 32px;
    height: 32px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    color: #fff;
}

.about-section h2 {
    font-family: 'Crimson Pro';
    font-size: 58px;
    font-weight: 400;
    line-height: 1.15;
    margin-bottom: 30px;
}

.about-desc {
    font-family: 'IBM Plex Sans';
    max-width: 720px;
    color: #555;
    line-height: 160%;
    font-size: 16px;
}


/*=========================
FEATURES
=========================*/

.feature-card {
    margin-left: 7px;
    padding-right: 30px;
    opacity: 1;
    transform: translateY(0);
    transition: none !important;
}

.feature-card .feature-icon {
    display: block;
    object-fit: contain;
    margin-bottom: 20px;
}

.feature-icon {
    font-size: 32px;
    color: #000;
}

.feature-card h4 {
    font-family: 'IBM Plex Sans';
    font-size: 21px;
    margin-bottom: 22px;
    font-weight: 400;
}

.mobile-feature-title {
    display: none;
}

.feature-card p {
    font-family: 'IBM Plex Sans';
    color: #000000;
    line-height: 1.6;
    font-weight: 400;
    font-size: 16px;
    margin: 0;
    max-width: 400px;
}


/*Carousel Arrow < >*/

#heroCarousel .carousel-control-prev {
    left: 30px;
    left: 30px !important;
}

#heroCarousel .carousel-control-next {
    right: 30px;
    right: 30px !important;
}


/*==========================================
   PREMIUM HERO CROSS-FADE
   ==========================================*/


/*Very light & soft hero fade*/

#heroCarousel .carousel-inner {
    background: transparent;
    overflow: hidden;
    position: relative;
}

#heroCarousel .carousel-fade .carousel-item {
    opacity: 0;
    transition: opacity 0.2s ease-in-out !important;
    transform: none !important;
}

#heroCarousel .carousel-fade .carousel-item.active {
    opacity: 1;
}

#heroCarousel .carousel-fade .carousel-item-next,
#heroCarousel .carousel-fade .carousel-item-prev,
#heroCarousel .carousel-fade .carousel-item-start,
#heroCarousel .carousel-fade .carousel-item-end {
    transform: none !important;
}


/*HERO CAPTION (editable wrapper)*/

.carousel-caption {
    bottom: 18%;
    z-index: 5;
}

.hero-top {
    padding-top: 25px;
    position: absolute;
    top: 108px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    display: flex;
    justify-content: center;
    pointer-events: none;
}

.hero-editable {
    min-height: 140px;
    display: grid;
    gap: 12px;
    align-items: center;
    justify-items: center;
    text-align: center;
    outline: none;
}

.hero-editable:empty:before {
    content: attr(data-placeholder);
    color: rgba(255, 255, 255, 0.85);
    font-size: 18px;
    opacity: 0.9;
}

.hero-editable:focus {
    box-shadow: 0 8px 30px rgba(31, 115, 255, 0.08);
    border-radius: 8px;
}


/*Main heading*/

.hero-top .hero-editable {
    pointer-events: auto;
    text-align: center;
    background: transparent;
    min-height: auto;
    color: #fff;
}

.hero-top .small-text {
    font-family: "IBM Plex sans";
    color: #fff;
}

.hero-top h2 {
    color: #FFFAF3;
    font-family: 'Crimson Pro';
    font-weight: 250;
    font-size: 58px;
    line-height: 1.02;
    margin: 0;
}

.hero-bottom {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: min(1100px, 92%);
    z-index: 20;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    padding: 0;
    min-height: 0;
    pointer-events: none;
    z-index: 100 !important;
}


/*==========================================
   HERO CAROUSEL INDICATORS
   ==========================================*/

.hero-bottom .carousel-indicators {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    z-index: 50;
    top: 100px;
    /*IMPORTANT:
       Override .hero-bottom pointer-events:none*/
    pointer-events: auto;
}


/*EVERY INDICATOR - SAME SIZE*/

.hero-bottom .carousel-indicators button {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 3px !important;
    background-color: rgba(255, 255, 255, 0.75);
    opacity: 1 !important;
    transform: none !important;
    cursor: pointer;
    pointer-events: auto;
    transition: background-color 0.2s ease, opacity 0.2s ease;
}


/*ACTIVE INDICATOR
   Same size — ONLY COLOR changes*/

.hero-bottom .carousel-indicators button.active {
    width: 14px !important;
    height: 14px !important;
    min-width: 14px !important;
    min-height: 14px !important;
    background-color: #1478F2;
    border-radius: 3px !important;
    transform: none !important;
    opacity: 1 !important;
}


/*=====================================
 BUTTON TRANSITION
=====================================*/

.btn:hover {
    transform: translateY(-3px);
}


/*Duplicate dark modal styles removed — using light modal rules above*/


/*=====================================
 PAGE LOADED
=====================================*/

body.loaded {
    opacity: 1;
}

.learn-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: .3s;
    font-family: 'IBM Plex Sans';
    font-weight: 600;
    font-size: 14px;
    text-decoration-line: underline;
    background: none;
    border: none;
    color: #222;
}

.learn-btn i {
    transition: .35s;
}

.learn-btn.active i {
    transform: rotate(180deg);
}


/*======================================
PRODUCT NAVIGATION
======================================*/


/* .products-navigation {
    display: flex;
    justify-content: flex-end;
    gap: 14px;
    margin-top: 24px;
    display: flex;
    justify-content: flex-end;
    gap: 16px;
    margin-top: 28px;
}

.product-nav {
    width: 54px;
    height: 54px;
    border: none;
    border-radius: 50%;
    background: #8D7A46;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.25s ease, background 0.25s ease;
    position: absolute !important;
    top: 0 !important;
    left: 40px !important;
    width: 58px !important;
    height: auto;
    display: block;
    object-fit: contain;
    margin: 0 !important;
    z-index: 20 !important;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative !important;
    width: 56px !important;
    height: 56px !important;
    padding: 0 !important;
}

.product-nav i {
    font-size: 24px;
    font-size: 24px;
    position: absolute !important;
    width: 10px !important;
    height: 10px !important;
    font-size: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
}

.product-nav:hover {
    background: #6F6037;
    transform: translateY(-2px);
} */

.compare-section {
    /* padding: 100px 0 80px; */
    background: #FFF7ED;
}

.compare-section .compare-toolbar {
    padding-left: 0;
    padding-right: 0;
}

.compare-section .compare-table {
    width: 100%;
    min-width: 0;
    margin: 0 auto;
}

.compare-heading h2 {
    font-family: 'Crimson Pro';
    font-size: 58px;
    font-weight: 400;
    margin: 20px auto 30px;
    line-height: 105%;
    white-space: nowrap !important;
    text-align: center !important;
    color: #000000;
}

.check-btn {
    background: #000000;
    color: var(--white);
    border-radius: 10px;
    padding: 12px 20px;
    border: none;
    font-family: 'IBM Plex Sans';
    font-size: 16px;
    font-weight: 400;
    width: 114;
    height: 26;
}

.compare-toolbar {
    padding: 0;
    background: transparent;
}

.compare-label {
    font-size: 21px;
    font-weight: 400;
    color: #0F172A;
    font-family: 'IBM Plex Sans';
}

.checkbox-group {
    align-items: center;
}

.filter-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 400;
    color: #334155;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.filter-checkbox input {
    width: 16px;
    height: 16px;
    margin: 0;
    accent-color: #0F1B43;
}

.compare-card {
    background: transparent;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}

.product-video-btn i {
    color: #01133E;
    font-size: 25px;
}

.product-video-content p {
    color: #162D64;
    font-size: 20px;
    display: inline;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
    text-decoration-skip-ink: auto;
    font-family: 'Crimson pro';
}

.product-left {
    width: 55%;
    position: relative;
    z-index: 3;
}

.product-left h2 {
    font-family: 'Crimson Pro';
    font-size: 58px;
    font-weight: 400;
    line-height: 105%;
    margin-bottom: 25px;
    margin-right: -41px;
    color: #140203;
}

.product-left p {
    font-family: 'IBM Plex Sans';
    font-size: 16px;
    line-height: 160%;
    color: #000000;
    max-width: 90%;
}


/*==========================================================*/

.product-buttons {
    display: flex;
    align-items: center;
    gap: 25px;
    margin-top: 45px;
}

.invest-btn {
    width: 155px;
    height: 54px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #140203;
    color: #fff;
    border: none;
    border-radius: 40px;
    font-family: "IBM Plex Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    box-sizing: border-box;
}


/*==========================================================*/

.info-card {
    position: absolute;
    top: 28px;
    right: 28px;
    width: 560px;
    background: #FFF7ED;
    padding: 40px;
    z-index: 5;
}

.info-card small {
    color: #302310;
    font-size: 21px;
    font-family: 'IBM Plex Sans';
    font-weight: 400;
}

.info-card h3 {
    font-family: 'Crimson Pro';
    color: #302310;
    font-size: 37px;
    /*margin-top: 5px;*/
}


/*==========================================================*/

.manager-list {
    list-style: none;
    padding: 0;
    margin-top: 15px;
}

.manager-list li {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    font-family: 'Crimson Pro';
    font-size: 37px;
    font-weight: 400;
    text-decoration: underline;
}

.fundmanager {
    font-family: 'IBM Plex Sans';
    font-weight: 400;
    font-size: 21px;
}

.manager-list img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
}


/*=========================================================
TEAM SECTION
=========================================================*/

.team-section {
    background: #020914;
    padding: 58px 0 18px;
    position: relative;
    overflow: hidden;
}

.team-card {
    cursor: pointer;
}

.team-section .container {
    max-width: 1200px;
}

.team-heading h2 {
    color: #fff;
    font-family: 'Crimson Pro';
    font-weight: 400;
    font-size: 60px;
    line-height: 105%;
    margin: 18px auto 0;
}

.team-heading .section-tag {
    color: #166DDD;
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'IBM Plex Sans';
    margin: 0;
}

.team-section .row {
    margin-top: 40px !important;
}

.team-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .45);
}

.team-overlay {
    position: absolute;
    left: 18px;
    bottom: 16px;
    z-index: 4;
    max-width: 85%;
}

.team-overlay h3 {
    color: #fff8ef;
    font-family: 'Crimson Pro';
    font-weight: 600;
    font-size: 34px;
    line-height: 100%;
    margin-bottom: 5px;
}

.team-overlay p {
    color: #fff8ef;
    font-size: 16px;
    font-family: 'IBM Plex Sans';
    line-height: 100%;
    letter-spacing: .3px;
    text-transform: uppercase;
    margin: 0;
}

.team-card {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    background: #000F31;
    border: none;
    /* cursor: pointer; */
    transition: transform .35s ease, box-shadow .35s ease;
}

.team-card:nth-child(2) {
    background: #000;
}


/* Candlestick PNG */

.team-card .team-candles {
    pointer-events: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 52%;
    z-index: 1;
}

.team-card .team-candles img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* Manager PNG */

.team-img {
    width: 100%;
    height: 485px;
    object-fit: contain;
    object-position: center bottom;
    display: block;
    position: relative;
    z-index: 2;
}

.team-card:nth-child(2) {
    background: #000000;
}

.team-card::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 45%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0));
    z-index: 3;
    pointer-events: none;
}

.team-card.team-card-black {
    background-color: #000000;
}


/*==================================================
VIDEO BANNER
==================================================*/

.video-banner {
    margin: 30px auto 15px;
    padding: 32px 30px;
    display: flex;
    align-items: center;
    gap: 18px;
    box-sizing: border-box;
    background: #EFCB9D !important;
    border: 1px solid #B8C8D8;
    border-radius: 10px;
}

.play-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    font-size: 18px;
    display: none;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.play-btn:hover {
    background: rgba(255, 255, 255, .2);
    transform: translate(-50%, -50%) scale(1.05);
}


/*==============================*/

.video-content {
    flex: 1;
    min-width: 0;
}


/*==============================*/

.watch-video-btn {
    border: 1px solid rgba(255, 255, 255, .75);
    color: #fff;
    background: transparent;
    border-radius: 999px;
    padding: 10px 26px;
    font-size: 16px;
    font-weight: 500;
    transition: .3s;
}

.watch-video-btn:hover {
    background: rgba(255, 255, 255, .12);
    color: #fff;
}


/*Light crossfade for the hero carousel*/

.carousel-fade .carousel-item {
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

.carousel-fade .carousel-item.active {
    opacity: 1;
}


/*Ensure carousel images don't inherit transform during fade*/

.carousel-fade .carousel-item img {
    transform: none !important;
}


/* =========================================
   FAQ SECTION
   ========================================= */

.faq-section {
    background: #FFF7ED;
}

.faq-title {
    font-family: 'Crimson Pro';
    font-size: 60px;
    font-weight: 400;
    line-height: 1.05;
    color: #140203;
    margin-bottom: 28px;
}

.faq-text {
    font-family: 'IBM Plex Sans';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.7;
    color: #302315;
    max-width: 420px;
}


/* =========================================
   FAQ ACCORDION
   ========================================= */

.custom-faq .accordion-item {
    background: transparent;
    border: none;
    border-bottom: 1px solid #DED6CC;
}


/* NORMAL STATE */

.custom-faq .accordion-button {
    position: relative;
    width: 100%;
    background: transparent !important;
    box-shadow: none !important;
    border: none;
    padding: 26px 0;
    font-family: 'IBM Plex Sans';
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    color: #302315;
    border-radius: 0 !important;
    transition: background-color 0.2s ease, color 0.2s ease, padding 0.2s ease, border-radius 0.2s ease;
}

.custom-faq .accordion-button:focus {
    box-shadow: none !important;
}


/* REMOVE BOOTSTRAP ARROW + ADD PLUS */

.custom-faq .accordion-button::after {
    content: "+";
    background-image: none !important;
    width: auto;
    height: auto;
    margin-left: auto;
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    color: #302315;
    transform: none !important;
}


/* =========================================
   HOVER STATE
   ========================================= */

.custom-faq .accordion-button.collapsed:hover {
    background: #302315 !important;
    color: #FFFAF3 !important;
    border-radius: 10px !important;
    padding: 26px 20px;
}

.custom-faq .accordion-button.collapsed:hover::after {
    color: #FFFAF3;
}


/* =========================================
   OPEN STATE
   ========================================= */

.custom-faq .accordion-button:not(.collapsed) {
    background: transparent !important;
    color: #927D4D !important;
    padding: 26px 0;
    border-radius: 0 !important;
    font-weight: 700;
}


/* X ICON */

.custom-faq .accordion-button:not(.collapsed)::after {
    content: "×";
    background-image: none !important;
    color: #9B8350;
    font-size: 22px;
    transform: none !important;
}


/* NO DARK HOVER FOR OPEN ITEM */

.custom-faq .accordion-button:not(.collapsed):hover {
    background: transparent !important;
    color: #9B8350 !important;
}


/* =========================================
   ANSWER
   ========================================= */

.custom-faq .accordion-body {
    padding: 0 0 22px;
    font-family: 'IBM Plex Sans';
    font-size: 16px;
    font-weight: 400;
    line-height: 1.55;
    color: #6B5838;
}


/* REMOVE BOOTSTRAP DEFAULT BACKGROUND */

.custom-faq .accordion-collapse {
    background: transparent;
}


/*=========================================================
FOOTER
=========================================================*/

.footer a {
    font-family: 'IBM PLEX SANS';
}

.footer {
    background: #01133E;
    color: #fff;
    position: relative;
    overflow: hidden;
    background: #01133E;
}


/*==============================*/

.footer-top {
    padding-bottom: 80px;
    padding-bottom: 30px;
    padding-left: inherit;
}


/*==============================*/

.footer-invest {
    display: flex;
    align-items: center;
    gap: 18px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    color: #AAC8F0;
    margin-bottom: 20px;
}

.footer h5 {
    color: #8DA4DA;
    font-size: 16px;
    font-weight: 600;
    font-family: "Crimpson pro";
    letter-spacing: 1px;
    margin-bottom: 25px;
}

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

.footer ul li {
    margin-bottom: 10px;
}

.footer ul li a {
    text-decoration: none;
    transition: .3s;
    color: #AAC8F0;
    font-family: "Geist", sans-serif !important;
    font-size: 15px;
}


/*==============================*/

.market-container {
    margin-top: 60px;
    position: relative;
    height: 260px;
    width: 100%;
    overflow: hidden;
    background: transparent;
    height: 250px;
    margin-top: 20px;
    width: calc(100vw - 56px);
    margin-left: calc(50% - 50vw + 28px);
    border-bottom: 1px solid rgba(29, 102, 190, 0.26);
}


/*=========================================================
   FOOTER CANDLESTICKS
   =========================================================*/


/*=========================================================
   FOOTER CANDLE GRAPH
   EXACT SVG PATTERN + FAST MOUSE ANIMATION
   =========================================================*/

.footer-candle-graph {
    position: relative;
    width: calc(100vw - 56px);
    height: auto;
    aspect-ratio: 1440 / 353;
    margin-left: calc(50% - 50vw + 28px);
    overflow: hidden;
    background: transparent;
}


/*SVG container*/

#footerGraph,
[id^="footerGraph"] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


/*SVG itself*/

#footerGraph svg {
    display: block;
    width: 100%;
    height: 100%;
    overflow: visible;
    user-select: none;
    pointer-events: none;
}

#footerGraph svg>g {
    transform-box: fill-box;
    transform-origin: center center;
    transition: filter 1ms linear, opacity 1ms linear;
    will-change: filter, opacity;
}

#footerGraph svg>g.candle-active {
    opacity: 1 !important;
}


/*Active wick*/

#footerGraph svg>g.candle-active rect:first-child {
    filter: brightness(1.45);
}


/*Active candle body*/

#footerGraph svg>g.candle-active rect:nth-child(2) {
    filter: brightness(2.55);
}

#footerGraph svg>g.candle-pop-up {
    transform: translateY(-20px);
}

#footerGraph svg>g.candle-pop-down {
    transform: translateY(20px);
}

#footerGraph svg>g.candle-wave-1-up {
    transform: translateY(-4px);
}

#footerGraph svg>g.candle-wave-1-down {
    transform: translateY(4px);
}

#footerGraph svg>g.candle-wave-2-up {
    transform: translateY(-2px);
}

#footerGraph svg>g.candle-wave-2-down {
    transform: translateY(2px);
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    font-size: 14px;
    width: 90%;
    margin: auto;
}

.footer-bottom p {
    margin: 0;
    color: #AAC8F0;
    font-size: 14px;
}

.footer-bottom a {
    color: #C4D1F2;
    margin-left: 30px;
    text-decoration: none;
    transition: .3s;
    color: #AAC8F0 !important;
    font-family: 'Geist', sans-serif;
    width: 90%;
    margin: auto;
}

.footer h6 {
    color: #93B3E4;
    font-size: 10px;
    font-family: "Geist";
    letter-spacing: 0;
    margin-bottom: 16px;
}

.hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 48%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.14) 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.03) 70%, transparent 100%);
}

.bi,
[class^="bi-"],
[class*=" bi-"] {
    font-family: "bootstrap-icons" !important;
}

#footerGraph svg>g rect:nth-child(2) {
    transform-box: fill-box;
    transform-origin: center center;
    transition: transform 1400ms cubic-bezier(.16, 1, .3, 1);
    will-change: transform;
}

#footerGraph svg>g rect:first-child {
    transform-box: fill-box;
    transform-origin: center center;
    transition: transform 1400ms cubic-bezier(.16, 1, .3, 1);
    will-change: transform;
}

#footerGraph.is-settling svg>g {
    transition-duration: 3000ms, 2200ms;
    transition-timing-function: ease-out, ease-out;
}

#footerGraph.is-settling svg>g rect:nth-child(2) {
    transition: transform 1300ms cubic-bezier(.16, 1, .3, 1);
    transition: transform 2200ms cubic-bezier(.16, 1, .3, 1) !important;
}

#footerGraph svg>g.sif-fading {
    /*Quick fade to a quieter afterglow (300ms)*/
    opacity: 0.45;
    transition: opacity 300ms ease-out, filter 300ms ease-out;
}

#footerGraph svg>g.sif-fading-quick {
    opacity: 0.45;
    transition: opacity 100ms ease-out, filter 100ms ease-out;
    opacity: 1 !important;
    /*Highlight disappears very quickly*/
    transition: opacity 70ms ease-out, filter 70ms ease-out !important;
    opacity: 1 !important;
    transition: opacity 50ms linear, filter 50ms linear !important;
    opacity: 1 !important;
    transition: opacity 100ms ease-out, filter 100ms ease-out !important;
}

#footerGraph svg>g.sif-active {
    opacity: 1 !important;
    filter: none;
    opacity: 1 !important;
    opacity: 1 !important;
}

#footerGraph svg>g.sif-active rect:first-child {
    filter: brightness(1.45);
    filter: brightness(1.45);
    filter: brightness(0.45);
}

#footerGraph svg>g.sif-active rect:nth-child(2) {
    filter: brightness(2.25);
    filter: brightness(2.25);
    filter: brightness(2.25);
}

#footerGraph svg>g.sif-up {
    transform: none;
    transform: none;
}

#footerGraph svg>g.sif-up rect:nth-child(2) {
    transform: translateY(-22px);
    transform: translateY(-22px);
    transform: translateY(-22px);
    transform: translateY(-52px) !important;
}

#footerGraph svg>g.sif-up rect:first-child {
    transform: translateY(-24px);
    transform: translateY(-24px);
    transform: translateY(-24px);
    transform: translateY(-54px) !important;
}

#footerGraph svg>g.sif-down {
    transform: none;
    transform: none;
}

#footerGraph svg>g.sif-down rect:nth-child(2) {
    transform: translateY(22px);
    transform: translateY(22px);
    transform: translateY(22px);
    transform: translateY(52px) !important;
}

#footerGraph svg>g.sif-down rect:first-child {
    transform: translateY(24px);
    transform: translateY(24px);
    transform: translateY(24px);
    transform: translateY(54px) !important;
}

#footerGraph svg>g.sif-wave-up {
    transform: none;
}

#footerGraph svg>g.sif-wave-up rect:nth-child(2) {
    transform: translateY(-10px);
}

#footerGraph svg>g.sif-wave-up rect:first-child {
    transform: translateY(-12px);
}

#footerGraph svg>g.sif-wave-down {
    transform: none;
}

#footerGraph svg>g.sif-wave-down rect:nth-child(2) {
    transform: translateY(10px);
}

#footerGraph svg>g.sif-wave-down rect:first-child {
    transform: translateY(12px);
}

#footerGraph svg>g.sif-idle-up {
    transform: translateY(-4px);
    filter: brightness(1.18);
}

#footerGraph svg>g.sif-idle-down {
    transform: translateY(4px);
    filter: brightness(1.18);
}


/* FLOATING BACK TO TOP */

.back-to-top {
    position: fixed;
    right: 28px;
    bottom: 28px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 50%;
    background: rgba(7, 18, 43, 0.78);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    z-index: 2000;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(12px);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease, background 0.25s ease;
}

.back-to-top.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.back-to-top:hover {
    background: rgba(7, 18, 43, 0.95);
    transform: translateY(-3px);
}


/* Footer */

#footerGraph svg>g.sif-fading-quick rect:first-child {
    filter: brightness(1) !important;
    transition: filter 70ms ease-out, fill 70ms ease-out !important;
    filter: brightness(1) !important;
    transition: filter 50ms linear, fill 50ms linear !important;
}

#footerGraph svg>g.sif-fading-quick rect:nth-child(2) {
    filter: brightness(1) !important;
    transition: filter 70ms ease-out, fill 70ms ease-out !important;
    filter: brightness(1) !important;
    transition: filter 50ms linear, fill 50ms linear !important;
}

#footerGraph svg>g rect:nth-child(2),
#footerGraph svg>g rect:first-child {
    transform-box: fill-box;
    transform-origin: center center;
    /*Fast response while hovering*/
    transition: transform 180ms cubic-bezier(.16, 1, .3, 1);
}

#footerGraph.is-settling svg>g rect:first-child {
    transition: transform 2200ms cubic-bezier(.16, 1, .3, 1) !important;
}

#footerGraph svg>g rect:first-child,
#footerGraph svg>g rect:nth-child(2) {
    transition: transform 1800ms cubic-bezier(.16, 1, .3, 1);
    transform-box: fill-box;
    transform-origin: center center;
    transition: transform 800ms cubic-bezier(0.14, 1, 0.3, 1) !important;
    will-change: transform;
}

#footerGraph svg>g.sif-fading-quick rect:first-child,
#footerGraph svg>g.sif-fading-quick rect:nth-child(2) {
    transition: fill 50ms linear !important;
    filter: none !important;
    filter: brightness(1) !important;
    transition: filter 100ms ease-out, fill 100ms ease-out !important;
}


/*==========================================
   HERO BUTTON CLICK FIX
   ==========================================*/

.hero-bottom .hero-buttons {
    position: relative;
    font-size: 16px;
    font-family: 'IBM Plex Sans';
    font-weight: 400;
    z-index: 101 !important;
    pointer-events: auto !important;
}

.hero-bottom .hero-buttons .btn {
    font-size: 16px;
    font-family: 'IBM Plex Sans';
    font-weight: 400;
    position: relative;
    z-index: 102 !important;
    pointer-events: auto !important;
    cursor: pointer;
}


/*=========================================================
   HERO CAROUSEL
   CUSTOM SVG ARROWS
   =========================================================*/

#heroCarousel .custom-arrow {
    width: 56px !important;
    height: 56px !important;
    top: 50% !important;
    bottom: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
    opacity: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    z-index: 20 !important;
    transition: none !important;
}

#heroCarousel .custom-arrow svg {
    width: 56px !important;
    height: 56px !important;
    display: block;
    overflow: visible;
}

#heroCarousel .hero-arrow-circle {
    fill: #817048;
    transition: fill 0.2s ease;
}

#heroCarousel .hero-arrow-chevron {
    stroke: #ffffff;
    stroke-width: 2.8;
    transition: stroke 0.2s ease;
}

#heroCarousel .custom-arrow:hover .hero-arrow-circle {
    fill: #ffffff;
}

#heroCarousel .custom-arrow:hover .hero-arrow-chevron {
    stroke: #8B7750;
}

#heroCarousel .custom-arrow:hover {
    transform: translateY(-50%) !important;
}

#heroCarousel .custom-arrow i,
#heroCarousel .custom-arrow .carousel-control-prev-icon,
#heroCarousel .custom-arrow .carousel-control-next-icon {
    display: none !important;
}


/*All hero slides carousel*/

#heroCarousel .carousel-item {
    opacity: 0 !important;
    transform: translateX(0);
    transition: transform 0.75s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.55s ease-in-out !important;
}

#heroCarousel .carousel-item.active {
    opacity: 1 !important;
    transform: translateX(0);
    z-index: 2;
}

#heroCarousel .carousel-item-next {
    opacity: 0 !important;
    transform: translateX(35%) !important;
    z-index: 3;
}

#heroCarousel .carousel-item-next.carousel-item-start {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

#heroCarousel .carousel-item.active.carousel-item-end {
    opacity: 0 !important;
    transform: translateX(-12%) !important;
    z-index: 1;
}

#heroCarousel .carousel-item-prev {
    opacity: 0 !important;
    transform: translateX(-35%) !important;
    z-index: 3;
}

#heroCarousel .carousel-item-prev.carousel-item-end {
    opacity: 1 !important;
    transform: translateX(0) !important;
}

#heroCarousel .carousel-item.active.carousel-item-start {
    opacity: 0 !important;
    transform: translateX(12%) !important;
    z-index: 1;
}

#heroCarousel .hero-img {
    transform: none !important;
    transition: none !important;
}

#heroCarousel .carousel-control-prev,
#heroCarousel .carousel-control-next {
    z-index: 20 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

#heroCarousel .carousel-control-prev-icon,
#heroCarousel .carousel-control-next-icon {
    position: relative;
    z-index: 21 !important;
}

#footerGraph.is-settling svg>g rect:first-child,
#footerGraph.is-settling svg>g rect:nth-child(2) {
    transition: transform 5000ms cubic-bezier(0.16, 1, 0.3, 1) !important;
}


/*Hover*/

.login-btn:hover {
    color: #ffffff !important;
    background: #8B7750 !important;
}

.login-btn:active,
.login-btn:focus,
.login-btn:focus-visible {
    color: #ffffff !important;
    background: #8B7750 !important;
    outline: none !important;
    box-shadow: none !important;
}


/*LEFT CHEVRON*/

.product-nav .bi-chevron-left {
    border-left: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    /*Center + move slightly RIGHT*/
    transform: translate(calc(-50% + 2px), -50%) rotate(45deg) !important;
}

.product-nav .bi-chevron-right {
    border-left: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    /*Center + move slightly LEFT*/
    transform: translate(calc(-50% - 2px), -50%) rotate(225deg) !important;
}

.hero-bottom .hero-buttons .btn-dark {
    font-family: 'IBM Plex Sans' !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

.our-offerings {
    font-size: 58px;
    font-weight: 400;
    margin-bottom: 20px;
}


/* FUND MANAGER VIDEO
    ========================================================= */

.fund-manager-video {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 12px 0 28px;
    color: #162D64;
    font-family: 'IBM Plex Sans';
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
}

.fund-video-btn {
    width: 24px;
    height: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 50%;
    background: #122C67;
    color: #ffffff;
    cursor: pointer;
    line-height: 1;
}

.fund-video-btn i {
    font-size: 8px;
    line-height: 1;
    margin-left: 1px;
}


/* Team Owl Carousel */

.team-carousel .owl-item>[class*="col-"] {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

.team-carousel .owl-stage {
    display: flex;
    margin-bottom: 42px;
}

.team-carousel .owl-item,
.team-carousel .owl-item>[class*="col-"] {
    display: flex;
}

.team-carousel .team-card {
    width: 100%;
}


/* =========================
   VIDEO BANNER
   ========================= */

.video-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-banner .play-btn {
    display: none !important;
}

.video-content {
    flex: 1;
    min-width: 0;
}

.video-content h3 {
    margin: 0 0 5px;
    font-family: 'Crimson Pro';
    font-size: 37px;
    font-weight: 500;
    line-height: 1;
    color: #302310 !important;
}

.video-content p {
    margin: 0;
    font-family: 'IBM Plex Sans';
    font-size: 16px;
    line-height: 1.3;
    color: #302310 !important;
}

.watch-video-btn {
    flex-shrink: 0;
    width: 145px;
    height: 50px;
    padding: 0;
    border: 0;
    border-radius: 50px;
    background: #231B12 !important;
    color: #fff !important;
    font-size: 14px !important;
    font-family: 'IBM Plex Sans';
}

.watch-video-btn:hover,
.watch-video-btn:focus,
.watch-video-btn:active {
    background: #231B12 !important;
    color: #fff !important;
    box-shadow: none !important;
}

.Hyper-about {
    width: 100%;
    margin: 35px auto 0;
    text-align: right;
}

.Hyper-about a {
    font-family: 'IBM Plex Sans';
    font-size: 16px;
    color: #04080E;
    text-decoration: underline;
}

.feature-see-more {
    display: none;
}


/*FUND MANAGER PROFILE POPUP*/

.manager-list img {
    cursor: pointer;
}

.manager-profile-popup {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(20, 15, 10, .18);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .2s ease, visibility .2s ease;
}

.manager-profile-popup.show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.manager-profile-box {
    position: relative;
    width: min(665px, calc(100vw - 40px));
    max-height: calc(100vh - 30px);
    overflow-y: auto;
    padding: 42px 46px;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, .18);
    box-sizing: border-box;
}

.manager-profile-close {
    position: absolute;
    top: 28px;
    right: 28px;
    width: 38px;
    height: 38px;
    border: 0;
    border-radius: 50%;
    background: #f8f9fa;
    color: #111;
    font-size: 18px;
    cursor: pointer;
}

.manager-profile-label {
    margin-bottom: 38px;
    color: #1769d1;
    font-family: 'IBM Plex Sans';
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

.manager-profile-image {
    width: 110px;
    height: 110px;
    margin-bottom: 20px;
    border-radius: 50%;
    object-fit: cover;
}

.manager-profile-name {
    margin: 0;
    color: #180607;
    font-family: 'Crimson Pro';
    font-size: 38px;
    font-weight: 500;
    line-height: 1;
}

.manager-profile-role {
    margin: 7px 0 20px;
    color: #765d43;
    font-family: 'IBM Plex Sans';
    font-size: 14px;
}

.manager-profile-divider {
    height: 1px;
    margin: 0 0 25px;
    background: #e6e0d9;
}

.manager-profile-description p {
    margin: 0 0 18px;
    color: #211b19;
    font-family: 'IBM Plex Sans';
    font-size: 12px;
    line-height: 1.65;
}

.manager-profile-stats {
    display: none;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e6e0d9;
}

.manager-profile-stat {
    padding: 14px;
    background: #f8fafb;
    border: 1px solid #e5e8ea;
    border-radius: 9px;
}

.manager-profile-stat small {
    display: block;
    margin-bottom: 6px;
    color: #806d58;
    font-family: 'IBM Plex Sans';
    font-size: 12px;
    text-transform: uppercase;
}

.manager-profile-stat span {
    color: #086ee8;
    font-family: 'IBM Plex Sans';
    font-size: 14px;
}

.manager-profile-funds {
    width: 100%;
    margin-top: 36px;
    padding: 14px;
    border: 0;
    border-radius: 7px;
    background: #180000;
    color: #fff;
    font-family: 'IBM Plex Sans';
    font-size: 12px;
    cursor: pointer;
}

.product-buttons {
    display: flex;
    align-items: center;
    gap: 22px;
}

.invest-btn,
.learn-more-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: -25px;
    border-radius: 50px;
    text-decoration: none;
    font-family: 'IBM Plex Sans';
    font-size: 14px;
}

.invest-btn {
    background: #140203;
    color: #fff;
    font-weight: 400;
}

.learn-more-btn {
    background: #fff;
    color: #05112B;
    min-width: 134px;
}

.product-buttons {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: nowrap;
}

.team-heading a {
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: 400;
    font-family: 'IBM Plex Sans';
    font-size: 12px;
}

.eligibility-step[data-step="4"],
.eligibility-step[data-step="5"] {
    position: relative;
    padding: 0px 38px 30px;
    text-align: center;
}

.eligibility-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 35px;
}

.eligibility-topbar .eligibility-back {
    border: 0;
    background: none;
    padding: 0;
    color: #1d1715;
    font-size: 12px;
}

.eligibility-profile-icon {
    width: 55px;
    height: 55px;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: #E8F1FC;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #166DDD;
    font-size: 24px;
    padding-bottom: 9px;
}

.eligibility-subtitle {
    margin: 0 0 24px;
    font-size: 16px;
    color: #6B5938;
}

.eligibility-form {
    width: 100%;
    text-align: left;
}

.eligibility-field {
    margin-bottom: 12px;
}

.eligibility-action {
    display: block;
    margin: 20px auto 0;
    border: 0;
    border-radius: 10px;
    background: #140203;
    color: #fff;
    font-size: 16px;
    font-family: "IBM Plex Sans";
    padding: 10px 20px;
}

.eligibility-close-text {
    display: block;
    margin: 25px auto 0;
    border: 0;
    background: transparent;
    color: #140203;
    font-size: 16px;
    padding: 0;
}

.otp-container {
    display: flex;
    justify-content: center;
    gap: 19px;
    margin: 28px auto 0;
}

.otp-input {
    width: 52px;
    height: 57px;
    border: 1px solid #e1ddd8;
    border-radius: 5px;
    background: #f8fafc;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    outline: none;
    font-family: "IBM Plex Sans";
}

.otp-sent-message {
    margin: 10px 0 15px;
    padding: 9px 14px;
    background-color: #EEF6FF;
    border: 1px solid #B8D8FF;
    border-radius: 6px;
    color: #00a50e;
    font-family: var(--body-font);
    font-size: 13px;
    text-align: center;
    font-weight: 600;
}

a#ResendOTP {
    color: #166ddd;
    font-size: 12px;
    text-decoration: underline;
}

.otp-input:focus {
    border-color: #087de1;
    box-shadow: 0 0 0 1px #087de1;
    background: #eef6ff;
}

.otp-submit {
    margin-top: 120px;
}

.eligibility-step[data-step="6"] {
    position: relative;
    width: 100%;
    min-height: 100%;
    padding: 0 !important;
}

.eligibility-success {
    position: relative;
    width: 100%;
    min-height: 500px;
}

.success-back {
    position: absolute;
    top: 28px;
    left: 40px;
    display: flex;
    align-items: center;
    gap: 7px;
    border: 0;
    background: transparent;
    padding: 0;
    font-size: 13px;
    color: #1c0a0a;
    cursor: pointer;
}

.success-back img {
    width: 14px;
    height: 14px;
    object-fit: contain;
}

.success-back span {
    text-decoration: none;
}

.success-close {
    position: absolute;
    top: 22px;
    right: 32px;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: #f7f8fa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
}

.success-close img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.success-content {
    width: 100%;
    text-align: center;
    padding-top: 120px;
}

.success-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 32px;
    border-radius: 50%;
    background: #e8f2ff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.success-icon span {
    color: #0879e8;
    font-size: 32px;
    font-weight: 300;
    line-height: 1;
}

.success-content h4 {
    color: #140203;
    font-size: 27px;
    font-weight: 400;
}

.success-content p {
    margin: 18px 0 0;
    color: #6B5938;
    font-size: 16px;
}

.success-bottom-close {
    margin-top: 55px;
    border: 0;
    background: transparent;
    padding: 0;
    color: #140203;
    font-size: 16px;
    cursor: pointer;
    font-family: "IBM Plex Sans";
}

#footerGraph,
#footerGraph svg {
    pointer-events: auto !important;
    touch-action: pan-y !important;
    user-select: none;
    -webkit-user-select: none;
}

.hero-picture {
    display: block;
    width: 100%;
    height: 100%;
}

.hero-picture .hero-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.hero-carousel .carousel-item:first-child .hero-top h2 {
    max-width: 600px;
}


/* Hero information */

.hero-info-card {
    position: relative;
    z-index: 2;
    padding: 15px;
    background: #FFFAF3;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .04);
}

.hero-info-vector {
    padding: 10px 10px 20px 10px;
}

.info-row {
    margin-bottom: 18px;
}

.info-row:last-child {
    margin-bottom: 0;
}

.info-label {
    margin-bottom: 4px;
    color: #302310;
    font-size: 21px;
    font-weight: 400;
}

.info-row h4 {
    color: #302310;
    font-size: 37px;
    font-weight: 400;
}

.fund-manager-img img {
    border-radius: 50%;
}

.info-row strong {
    display: block;
    color: #262626;
    font-size: 13px;
    font-weight: 500;
}

.risk-level {
    display: flex !important;
    align-items: center;
    gap: 7px;
}

.manager-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.manager {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #333;
    font-size: 11px;
}

.manager-avatar {
    width: 21px;
    height: 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #b28b65;
    font-size: 9px;
    font-weight: 600;
}


/*HERO
========================================================= */

.sif-hero {
    position: relative;
    min-height: 700px;
    padding: 146px 0 30px;
    background: var(--hero-blue);
    overflow: hidden;
}

.offer-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px;
    margin-bottom: 34px;
    color: #fff;
    background: linear-gradient(359deg, #39328F, #6155F5);
    border-radius: 4px;
    font-size: 11px;
    font-weight: 600;
}

.offer-badge-content p {
    color: #010137;
    background-color: #fff;
    border-radius: 10px;
    padding: 4px 10px;
}

.hero-title {
    margin: 0 0 15px;
    color: #140203;
    font-family: "Crimson pro";
    font-size: 58px;
    font-weight: 400;
    line-height: 1.04;
    letter-spacing: -0.8px;
}

.hero-description {
    max-width: 590px;
    margin: 17px 0px;
    color: #000000;
    line-height: 1.6;
    font-size: 16px;
}

.hero-buttons {
    display: flex;
    gap: 10px;
}

.hero-btn,
.hero-btn-outline {
    padding: 14px 18px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .2px;
    font-family: 'IBM Plex Sans';
}

.hero-btn {
    color: #fff;
    background-color: #140203;
    font-weight: 500;
}

.hero-btn:hover {
    color: #fff;
    background: #08265e;
}

.hero-btn-outline {
    color: #000000;
    background: #fff;
    border-color: #fff;
    font-weight: 400;
}

.filter-checkbox input {
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: #3366E5;
    border: 1px solid #94A3B8;
    border-radius: 3px;
    appearance: none;
    -webkit-appearance: none;
    background-color: #fff;
    cursor: pointer;
}

.filter-checkbox input:checked {
    background-color: #3366E5;
    border-color: #94A3B8;
    position: relative;
}

.filter-checkbox input:checked::after {
    content: "✓";
    position: absolute;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    left: 5px;
    top: 0;
    line-height: 15px;
}

.manager-list h4 {
    color: #302310;
    font-size: 21px;
    font-family: "Crimson pro";
    display: inline;
    color: #3b2a18;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2px;
    text-decoration-skip-ink: auto;
    margin-bottom: 0px;
}


/* Hero chart */

.hero-chart {
    position: absolute;
    left: 30%;
    bottom: 0px;
    display: flex;
    align-items: flex-end;
    gap: 3px;
    opacity: .8;
}

.hero-chart img:nth-child(2) {
    display: none;
}


/* Hero information */

.hero-info-card {
    position: relative;
    z-index: 2;
    padding: 15px;
    background: #FFFAF3;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .04);
}

.hero-info-vector {
    padding: 10px 10px 20px 10px;
}

.info-row {
    margin-bottom: 18px;
}

.info-row:last-child {
    margin-bottom: 0;
}

.info-label {
    /* margin-bottom: 4px; */
    color: #302310;
    font-size: 21px;
    font-weight: 400;
}

.info-row h4 {
    color: #302310;
    font-weight: 400;
}

.fund-manager-img img {
    border-radius: 50%;
}

.info-row strong {
    display: block;
    color: #262626;
    font-size: 13px;
    font-weight: 500;
}

.risk-level {
    display: flex !important;
    align-items: center;
    gap: 7px;
}

.manager-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.manager {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #333;
    font-size: 11px;
}

.manager-avatar {
    width: 21px;
    height: 21px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #b28b65;
    font-size: 9px;
    font-weight: 600;
}

.offer-row-card-bg {
    background-color: #BACEFF;
    border-radius: 10px;
    padding: 40px 43px 46px 26px;
    position: relative;
    margin: 0px;
}

#eligibilityModal .step-indicator {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0px 20px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    position: absolute;
    left: 0;
    top: 0;
    gap: 0px;
}

#eligibilityModal .step-indicator .step {
    display: block !important;
    width: 45px !important;
    min-width: 100px !important;
    height: 5px !important;
    min-height: 5px !important;
    padding: 0 !important;
    margin: 0 !important;
    background-color: #dedede !important;
    border-radius: 10px !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: background-color 0.3s ease, width 0.3s ease !important;
    box-sizing: border-box !important;
}

#eligibilityModal .step-indicator .step.active {
    background-color: #166DDD !important;
    opacity: 1 !important;
}

#eligibilityModal .step-indicator .step.completed {
    background-color: #166DDD !important;
    opacity: 1 !important;
}

.footer-line {
    border: 1px solid #5FA0E633;
}

#fundManagerVideoModal .fund-manager-video {
    width: 100%;
    display: block;
}

#fundManagerVideoModal .modal-dialog {
    margin: auto;
}

.fund-manager-player {
    width: 100%;
    display: block;
}

.modal-header {
    padding: 10px;
}

h5.modal-title {
    font-family: 'Crimson Pro';
    font-size: 21px;
}

.sif-nav-logoHeader {
    width: 20%;
    padding: 15px;
    margin-right: 45px;
}

.modal-dialog {
    margin: 8px;
}


/* =========================================
   MEDIA SECTION
========================================= */

.media-section {
    background: #fff7ee;
    font-family: 'IBM Plex Sans';
}


/* =========================================
   SECTION LABEL
========================================= */

.media-label small {
    font-size: 12px;
    letter-spacing: 3px;
    font-weight: 500;
    color: #000000;
}

.media-label span {
    width: 32px;
    height: 1px;
    background: #00427F;
}


/* =========================================
   TITLE
========================================= */

.media-title {
    font-family: 'Crimson Pro', serif;
    font-size: clamp(40px, 5vw, 58px);
    line-height: 1;
    font-weight: 500;
    color: #092344;
}

.media-title span {
    color: #0B55A0;
}


/* =========================================
   SUBTITLE
========================================= */

.media-subtitle {
    max-width: 700px;
    color: #647084;
    font-size: 16px;
    line-height: 1.5;
}


/* =========================================
   CARD
========================================= */

.media-card {
    border: 1px solid #E2E7EC;
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
}


/* =========================================
   IMAGE
========================================= */

.media-image {
    position: relative;
    height: 145px;
    overflow: hidden;
}

.media-image > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* =========================================
   MEDIA LOGO
========================================= */

.media-logo {
    position: absolute;
    top: 10px;
    left: 10px;

    min-width: 75px;
    height: 40px;

    padding: 7px 10px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #fff;
    border-radius: 5px;
}

.media-logo img {
    max-width: 100px;
    max-height: 28px;
    object-fit: contain;
}

.media-logo span {
    font-size: 12px;
    font-weight: 600;
}


/* =========================================
   CARD CONTENT
========================================= */

.media-content {
    padding: 12px 18px 18px;
}

.media-date {
    display: block;
    margin-bottom: 8px;

    font-size: 10px;
    letter-spacing: 1.5px;
    color: #788494;
}

.media-card h3 {
    font-family: 'Crimson Pro', serif;
    font-size: 19px;
    line-height: 1.25;
    font-weight: 600;
    color: #071D3A;

    margin-bottom: 10px;
}

.media-card p {
    font-size: 13px;
    line-height: 1.45;
    color: #687486;

    margin-bottom: 22px;
}


/* =========================================
   READ ARTICLE
========================================= */

.media-link {
    color: #0054A6;
    text-decoration: none;

    font-size: 13px;
    font-weight: 500;
}

.media-link span {
    font-size: 19px;
    margin-left: 8px;
}


/* =========================================
   BOTTOM CONTROLS
========================================= */

.media-bottom-controls {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;

    min-height: 48px;

    margin-top: 25px;
}


/* =========================================
   CAROUSEL ARROWS
========================================= */

.media-arrows {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 18px;
}

.media-arrow {
    width: 34px;
    height: 34px;
    padding: 0;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    border: 1px solid #D7E0EA;
    border-radius: 50%;

    background: #fff;
    color: #9AA9B8;

    font-size: 18px;
    line-height: 1;

    cursor: pointer;
    transition: all .2s ease;
}


/* Hover */
.media-arrow:hover:not(:disabled) {
    background: #005BAA;
    border-color: #005BAA;
    color: #fff;
}


/* Disabled */
.media-arrow:disabled {
    background: #fff;
    border-color: #D7E0EA;
    color: #B9C5D2;

    opacity: 0.55;
    cursor: not-allowed;
}


/* Disabled hover */
.media-arrow:disabled:hover {
    background: #fff;
    border-color: #D7E0EA;
    color: #B9C5D2;
}


/* =========================================
   VIEW ALL MEDIA
========================================= */

.media-view-all {
    position: absolute;
    right: 0;
    top: 50%;

    transform: translateY(-50%);

    display: inline-flex;
    align-items: center;
    gap: 12px;

    padding: 9px 18px;

    border: 1px solid #005BAA;
    border-radius: 25px;

    color: #005BAA;

    text-decoration: none;

    font-size: 12px;
    font-weight: 500;
}

.media-view-all span {
    font-size: 18px;
    line-height: 1;
}

/* =========================================
   CAROUSEL TRANSITION
========================================= */

.carousel-item {
    transition: transform .5s ease-in-out;
}

@media (min-width: 1024px) {
    #mediaCarousel .carousel-item .row {
        justify-content: center;
    }
}

@media (min-width: 2000px) {
    #mediaCarousel .carousel-item .row {
        justify-content: center;
    }
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .media-image {
        height: 160px;
    }

    .media-card h3 {
        font-size: 18px;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575px) {

    .media-section {
        padding-top: 40px !important;
    }

    .media-title {
        font-size: 42px;
    }

    .media-subtitle {
        font-size: 14px;
    }

    .media-image {
        height: 180px;
    }

    .media-bottom-controls {
        flex-wrap: wrap;
        gap: 20px;
    }

    .media-arrows {
        order: 2;
        width: 100%;
        justify-content: center;
    }

    .media-view-all {
        position: static;
        transform: none;

        order: 1;

        margin: auto;
    }

}


/* -------------------- media css start ----------------------- */

@media (min-width: 576px) and (max-width: 991.98px) {
    #eligibilityModal .modal-dialog {
        width: calc(100% - 32px) !important;
        max-width: 670px !important;
        margin: 16px auto !important;
    }
    .eligibility-modal-content {
        min-height: 620px;
        padding: 34px 38px 28px !important;
    }
    .eligibility-step h4 {
        font-size: 25px !important;
    }
    .eligibility-option {
        min-height: 54px;
        font-size: 14px;
    }
    .eligibility-option span.label-text {
        font-size: 14px;
    }
}

@media (max-width: 991.98px) {
    .hero-top {
        top: 100px;
        width: min(720px, calc(100% - 48px));
    }
    .hero-top h2 {
        font-size: 58px;
        /* padding: 3px 29px !important; */
    }
    .hero-bottom {
        bottom: 18px;
        width: calc(100% - 48px);
    }
    .about-section,
    .products-section,
    .compare-section {
        padding-top: 76px;
        padding-bottom: 76px;
    }
    .about-section h2,
    .products-heading,
    .compare-heading h2,
    .team-heading h2 {
        font-size: clamp(40px, 6vw, 56px);
        white-space: normal !important;
        font-size: 58px;
    }
    .feature-card {
        margin-top: 24px;
        padding-right: 0;
    }
    .about-section>.container>.row:first-of-type>[class*="col-"] {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .about-section #moreContent .row>[class*="col-"] {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .product-details,
    .performance-card {
        padding: 24px;
    }
    .calculator-row {
        align-items: stretch;
    }
    .calculator-row select,
    .calculator-row input,
    .calculator-row button {
        flex: 1 1 200px;
        min-width: 0;
    }
    .compare-card .table-responsive {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .compare-table {
        width: 100%;
    }
    .team-img {
        height: 420px;
    }
    .video-content {
        flex: 1 1 calc(100% - 210px);
    }
    .video-content h3 {
        font-size: 30px;
    }
    .footer-bottom {
        gap: 16px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .modal-dialog {
        margin: 12px;
    }
    .eligibility-modal-content {
        padding: 24px 20px 22px;
    }
    .sif-nav-logoHeader {
        width: 35%;
        padding: 15px;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .about-section {
        padding: 72px 24px;
    }
    .about-intro {
        grid-template-columns: 1.05fr .95fr;
        border-radius: 12px;
    }
    .about-intro-copy {
        padding: 26px 22px;
    }
    .about-intro-copy h2 {
        font-size: clamp(30px, 4.5vw, 44px);
    }
    .about-subtitle {
        margin-bottom: 24px;
        font-size: 11px;
    }
    .about-lead {
        font-size: clamp(18px, 2.5vw, 27px);
    }
    .about-intro .about-desc {
        font-size: 11px;
    }
    .about-intro-video {
        min-height: 270px;
    }
    .about-video-caption {
        right: 44px;
        bottom: 14px;
        font-size: 11px;
    }
    .about-section>.container>.row:first-of-type {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 24px;
        margin-top: 40px !important;
        margin-bottom: 15px;
    }
    .about-section>.container>.row:first-of-type>[class*="col-"] {
        width: auto;
        max-width: none;
        padding: 0;
    }
    .about-section .feature-card {
        height: 100%;
        padding-right: 35px;
        margin-bottom: 10px;
        text-align: justify;
    }
    .about-section .feature-card h4 {
        font-size: clamp(21px, 1.8vw, 18px);
        line-height: 1.2;
    }
    .about-section .feature-card p {
        font-size: clamp(16px, 1.35vw, 14px);
        line-height: 1.5;
    }
    /* .about-section #moreContent,
    .about-section>.container>.text-center {
        display: none;
    } */
}

@media (max-width: 575.98px) {
    .about-section {
        display: block !important;
        padding: 18px 34px 28px;
    }
    .about-section>.container {
        padding: 0;
    }
    .about-section>.container>.section-tag {
        margin: 0 0 14px 11px;
        font-size: 37px;
        letter-spacing: 0;
    }
    .about-intro {
        display: block;
        overflow: visible;
        background: transparent;
    }
    .about-intro-copy {
        padding: 0;
    }
    .about-intro-copy h2,
    .about-subtitle,
    .about-intro-video {
        display: none;
    }
    .about-lead {
        max-width: 260px;
        margin: 0 0 12px 11px;
        font-size: 18px;
        line-height: 1.08;
    }
    .about-intro .about-desc {
        max-width: 260px;
        margin: 0 0 0 11px;
        font-size: 10px;
        line-height: 1.7;
    }
    .about-section>.container>.row:first-of-type {
        display: block;
        margin: 30px 0 0 !important;
    }
    .about-section>.container>.row:first-of-type>[class*="col-"] {
        display: block;
        width: 100%;
        max-width: none;
        padding: 0;
    }
    .about-section>.container>.row:first-of-type>[class*="col-"]:nth-child(3) {
        display: none;
    }
    .about-section .feature-card {
        margin: 0 0 36px;
        padding: 0 13px;
    }
    .about-section .feature-icon {
        margin-bottom: 14px;
    }
    .about-section .feature-card h4 {
        display: none;
    }
    .about-section .mobile-feature-title {
        display: block;
        margin-bottom: 12px;
        font-family: 'IBM Plex Sans';
        font-size: 21px;
        font-weight: 400;
        line-height: 1.2;
    }
    .about-section .feature-card p {
        max-width: 235px;
        font-size: 16px;
        line-height: 1.65;
    }
    .about-section #moreContent {
        display: none;
    }
    /* .about-section>.container>.text-center {
        display: block;
        margin-top: 0 !important;
    } */
    .about-section .see-more-btn {
        margin-top: 0;
        font-size: 9px;
        gap: 5px;
    }
    .offer-row-card-bg {
        padding: 30px 20px;
    }
}

@media (min-width: 992px) {
    .about-section>.container>.row:first-of-type {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 32px;
    }
    .about-section>.container>.row:first-of-type>[class*="col-"] {
        width: auto;
        max-width: none;
        padding: 0;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .product-card {
        min-height: 480px;
    }
    .product-left {
        width: 58%;
        padding: 58px 30px 70px;
    }
    .product-left h2 {
        font-size: clamp(34px, 5vw, 50px);
    }
    .product-left p {
        max-width: 100%;
    }
    .info-card {
        position: absolute;
        top: 28px;
        right: 24px;
        width: 38%;
        padding: 22px;
    }
    .info-card small,
    .fundmanager {
        font-size: 14px;
    }
    .info-card h3,
    .manager-list li {
        font-size: clamp(20px, 3vw, 30px);
    }
    .manager-list li {
        gap: 8px;
        margin-bottom: 9px;
    }
    .manager-list img {
        width: 26px;
        height: 26px;
    }
    .team-section>.container>.row:first-of-type>[class*="col-"] {
        flex: 1 1 0;
        max-width: none;
        min-width: 0;
    }
    .team-img {
        height: clamp(220px, 45vw, 325px);
        object-fit: cover;
        object-position: center top;
    }
    .team-section {
        padding: 54px 0 30px;
    }
    .team-heading h2 {
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
        font-size: clamp(40px, 5vw, 52px);
        line-height: 1.05;
    }
    .team-heading .section-tag {
        font-size: 14px;
    }
    .team-section .row {
        margin-top: 30px !important;
    }
    .team-section .row:first-of-type {
        --bs-gutter-x: 18px;
        --bs-gutter-y: 0;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch;
    }
    .team-section .row:first-of-type>[class*="col-"] {
        flex: 0 0 calc(33.333333% - 12px) !important;
        width: calc(33.333333% - 12px) !important;
        max-width: calc(33.333333% - 12px) !important;
        min-width: 0;
    }
    .team-card {
        border-radius: 9px;
    }
    .team-overlay {
        left: 10px;
        bottom: 10px;
    }
    .team-overlay h3 {
        font-size: clamp(20px, 2.5vw, 28px);
    }
    .team-overlay p {
        font-size: 10px;
    }
    .team-section .row:nth-of-type(2) {
        margin-top: 48px !important;
    }
    .video-banner {
        padding: 18px 22px;
        gap: 18px;
    }
    .video-content h3 {
        font-size: 27px;
    }
    .video-content p,
    .watch-video-btn {
        font-size: 12px;
    }
    .watch-video-btn {
        padding: 8px 18px;
    }
    .products-navigation {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 12px;
        margin-top: 18px;
        padding-right: 0;
    }
    .products-navigation .product-nav {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        flex: 0 0 48px;
        width: 48px !important;
        height: 48px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    .products-navigation .product-nav i {
        top: 50% !important;
        left: 50% !important;
        width: 9px !important;
        height: 9px !important;
    }
}

@media (max-width: 575.98px) {
    .products-section {
        padding: 28px 0 38px;
    }
    .products-section>.container {
        padding-left: 0;
        padding-right: 0;
    }
    .products-section .section-tag,
    .products-section .products-heading {
        text-align: center;
    }
    .products-section .section-tag {
        margin-bottom: 4px !important;
        font-size: 37px;
    }
    .products-section .products-heading {
        margin-bottom: 10px !important;
        font-size: 20px;
    }
    #productsCarousel {
        width: calc(100% - 80px);
        margin: 0 auto;
    }
    #productsCarousel .product-card {
        border-radius: 7px;
    }
    #productsCarousel .product-left h2 {
        margin-bottom: 10px;
        font-size: 25px;
        line-height: 1.02;
    }
    #productsCarousel .product-left p {
        max-width: none;
        font-size: 9px;
        line-height: 1.55;
    }
    #productsCarousel .product-buttons {
        gap: 24px;
        margin-top: 16px;
    }
    #productsCarousel .invest-btn {
        width: 87px;
        height: 29px;
        font-size: 8px;
    }
    #productsCarousel .learn-btn {
        font-size: 8px;
    }
    #productsCarousel .info-card {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        width: calc(100% - 28px);
        margin: 22px 14px 14px;
        padding: 13px 12px;
    }
    #productsCarousel .info-card .feature-icon {
        width: 28px;
        height: 28px;
        margin-bottom: 5px;
    }
    #productsCarousel .info-card small,
    #productsCarousel .fundmanager {
        font-size: 9px;
    }
    #productsCarousel .info-card h3 {
        font-size: 16px;
        line-height: 1.05;
    }
    #productsCarousel .manager-list {
        margin-top: 7px;
    }
    #productsCarousel .manager-list li {
        gap: 8px;
        margin-bottom: 7px;
        font-size: 13px;
    }
    #productsCarousel .manager-list img {
        width: 20px;
        height: 20px;
    }
    .products-navigation {
        gap: 8px;
        margin-top: 12px;
        padding-right: 0;
    }
    .products-navigation .product-nav {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 35px !important;
        height: 35px !important;
    }
    .products-navigation .product-nav i {
        width: 8px !important;
        height: 8px !important;
    }
    .hero-top {
        top: 92px;
        width: calc(100% - 52px);
    }
    .hero-top h2 {
        font-size: 37px;
        line-height: 1.02;
        margin-top: -20px;
    }
    #heroCarousel .custom-arrow {
        width: 42px !important;
        height: 42px !important;
    }
    #heroCarousel .custom-arrow svg {
        width: 42px !important;
        height: 42px !important;
    }
    #heroCarousel .carousel-control-prev {
        left: 4px !important;
    }
    #heroCarousel .carousel-control-next {
        right: 4px !important;
    }
    .hero-bottom {
        bottom: 8px;
        width: calc(100% - 44px);
        gap: 7px;
    }
    .hero-buttons {
        justify-content: center !important;
        width: 100%;
        gap: 5px;
        display: flex;
        align-items: center;
        width: 100%;
        gap: 5px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        /* margin-bottom: 25px; */
    }
    .hero-bottom .hero-buttons .btn {
        width: auto;
        min-width: 0;
        padding: 5px 8px;
        font-size: 8px !important;
    }
    .custom-indicators {
        gap: 8px !important;
    }
    .about-section,
    .products-section,
    .compare-section {
        padding: 38px 10px;
    }
    .section-tag
    /* .section-tag-new { */
    {
        font-size: 37px;
    }
    .about-section h2,
    .products-heading,
    .compare-heading h2,
    .team-heading h2 {
        font-size: 28px;
        line-height: 1.05;
    }
    p.section-tag.team-edit {
        font-size: 12px;
    }
    .about-desc,
    .feature-card p,
    .filter-checkbox,
    .compare-label {
        font-size: 9px;
        line-height: 1.35;
    }
    .product-left {
        padding: 34px 14px 28px;
    }
    .product-left h2 {
        font-size: 25px;
        line-height: 1.05;
    }
    .product-left p {
        font-size: 9px;
        line-height: 1.35;
    }
    .product-buttons {
        flex-direction: row;
        gap: 6px;
        margin-top: 16px;
    }
    .invest-btn {
        width: auto;
        height: 26px;
        padding: 0 9px;
        font-size: 8px;
    }
    .learn-btn {
        font-size: 8px;
        gap: 3px;
    }
    .product-wave,
    .product-wave-2,
    .product-wave-3 {
        width: 110% !important;
        left: -5% !important;
    }
    .info-card {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        width: calc(100% - 28px);
        margin: 0 14px 14px;
        padding: 12px;
    }
    .info-card small,
    .fundmanager {
        font-size: 9px;
    }
    .info-card h3,
    .manager-list li {
        font-size: 15px;
    }
    .manager-list li {
        gap: 5px;
        margin-bottom: 5px;
    }
    .manager-list img {
        width: 32px;
        height: 32px;
    }
    .product-details,
    .performance-card {
        padding: 12px;
        border-radius: 10px;
    }
    .documents-buttons {
        display: grid;
        grid-template-columns: 1fr;
    }
    .document-btn {
        width: 100%;
    }
    .calculator-row {
        display: grid;
        grid-template-columns: 1fr;
    }
    .calculator-row select,
    .calculator-row input,
    .calculator-row button {
        width: 100%;
        min-width: 0;
    }
    .compare-toolbar {
        align-items: flex-start !important;
        flex-direction: column;
    }
    .compare-table th,
    .compare-table td {
        padding: 7px 6px;
    }
    .compare-table th {
        font-size: 20px;
    }
    .compare-table td,
    .compare-table th:first-child,
    .compare-table td:first-child {
        font-size: 14px;
    }
    .team-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .team-section {
        padding: 38px 0 16px;
    }
    .team-section>.container>.row:first-of-type {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start !important;
        overflow-x: auto;
        margin: 28px -10px 0 !important;
        padding: 0 10px 8px;
        scrollbar-width: none;
    }
    .team-section>.container>.row:first-of-type::-webkit-scrollbar {
        display: none;
    }
    .team-section>.container>.row:first-of-type>[class*="col-"] {
        flex: 0 0 42%;
        max-width: 42%;
        padding-left: 4px;
        padding-right: 4px;
    }
    .team-section>.container>.row:first-of-type {
        scroll-snap-type: x mandatory;
        scroll-padding-inline: max(10px, calc((100% - 195px) / 2));
        touch-action: pan-x;
    }
    .team-section>.container>.row:first-of-type>[class*="col-"] {
        flex: 0 0 min(62%, 195px);
        width: min(62%, 195px);
        max-width: min(62%, 195px);
        scroll-snap-align: center;
    }
    .team-card {
        aspect-ratio: 0.62;
    }
    .team-overlay {
        left: 7px;
        bottom: 7px;
    }
    .team-overlay h3 {
        font-size: 13px;
    }
    .team-overlay p {
        font-size: 6px;
    }
    .video-banner {
        display: none;
        grid-template-columns: 1fr;
        padding: 18px;
    }
    .video-content {
        display: block;
    }
    .watch-video-btn {
        width: 100%;
        padding: 6px 12px;
        font-size: 9px;
    }
    .modal-dialog {
        margin: 8px;
    }
    .eligibility-modal-content {
        border-radius: 10px;
        padding: 16px 12px 14px;
    }
    .eligibility-modal-content .modal-header {
        padding: 0 4px 10px;
    }
    .eligibility-modal-content .modal-body {
        padding: 8px 4px 0;
    }
    .eligibility-step {
        gap: 12px;
    }
    .eligibility-step h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .eligibility-option-group {
        gap: 8px;
    }
    .eligibility-option {
        min-height: 42px;
        padding: 10px 12px;
        gap: 9px;
        font-size: 12px;
    }
    .eligibility-footer {
        gap: 8px;
        margin-top: 10px;
    }
    .eligibility-footer .btn.btn-dark,
    .eligibility-step .btn.btn-dark,
    .eligibility-result .btn.btn-dark,
    .request-access.btn-dark {
        font-size: 12px;
        padding: 9px 12px;
    }
    .footer-bottom a {
        margin-left: 0;
        margin-right: 20px;
    }
    .back-to-top {
        right: 14px;
        bottom: 14px;
        width: 42px;
        height: 42px;
    }
    /* Reference mobile product-card layout */
    .products-section {
        padding: 28px 0 38px !important;
    }
    .products-section>.container {
        padding-left: 0;
        padding-right: 0;
    }
    .products-section .section-tag,
    .products-section .products-heading {
        text-align: center;
    }
    .products-section .section-tag {
        margin-bottom: 4px !important;
    }
    .products-section .products-heading {
        margin-bottom: 10px !important;
        font-size: 20px !important;
    }
    #productsCarousel {
        width: calc(100% - 80px);
        margin: 0 auto;
    }
    #productsCarousel .product-card {
        border-radius: 7px;
    }
    .fund-manager-video {
        display: none !important;
    }
    #productsCarousel .product-left h2 {
        margin-bottom: 10px;
        font-size: 25px;
        line-height: 1.02;
    }
    #productsCarousel .product-left p {
        max-width: none;
        font-size: 9px;
        line-height: 1.55;
    }
    #productsCarousel .product-buttons {
        gap: 13px;
        margin-top: 16px;
    }
    #productsCarousel .invest-btn {
        width: 100px;
        height: 44px;
        font-size: 12px;
    }
    #productsCarousel .learn-btn {
        font-size: 8px;
    }
    #productsCarousel .info-card {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        width: calc(100% - 28px);
        margin: 22px 14px 14px;
        padding: 13px 12px;
    }
    #productsCarousel .info-card .feature-icon {
        width: 32px;
        height: 16px;
        margin-bottom: 5px;
    }
    #productsCarousel .info-card small,
    #productsCarousel .fundmanager {
        font-size: 9px;
    }
    #productsCarousel .info-card h3 {
        font-size: 16px;
        line-height: 1.05;
    }
    #productsCarousel .manager-list {
        margin-top: 7px;
    }
    #productsCarousel .manager-list li {
        gap: 8px;
        margin-bottom: 7px;
        font-size: 13px;
    }
    #productsCarousel .manager-list img {
        width: 20px;
        height: 20px;
    }
    .products-navigation {
        gap: 8px;
        margin-top: 12px;
        padding-right: 0;
    }
    .products-navigation .product-nav {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 35px !important;
        height: 35px !important;
    }
    .products-navigation .product-nav i {
        width: 8px !important;
        height: 8px !important;
    }
}

@media (min-width: 992px) {
    #productsCarousel .info-card {
        position: absolute !important;
        top: 44px !important;
        right: 28px !important;
        width: min(500px, calc(50% - 40px));
        padding: 41px 32px;
    }
    #productsCarousel .info-card small,
    #productsCarousel .fundmanager {
        font-size: 16px;
    }
    #productsCarousel .info-card h3 {
        font-size: 37px;
        line-height: 1.05;
    }
    #productsCarousel .manager-list {
        margin-top: 10px;
    }
    #productsCarousel .manager-list li {
        gap: 8px;
        margin-bottom: 10px;
        font-size: 28px;
    }
    #productsCarousel .manager-list img {
        width: 30px;
        height: 30px;
    }
    #productsCarousel .products-navigation {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 16px;
        margin-top: 28px;
    }
    #productsCarousel .products-navigation .product-nav {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        flex: 0 0 56px;
        width: 56px !important;
        height: 56px !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

@media (hover: none) {
    .team-card:hover,
    .btn:hover {
        transform: none;
    }
    #footerGraph {
        pointer-events: none;
    }
}

@media (min-width: 480px) and (max-width: 575.98px) {
    .team-section {
        padding: 38px 0 28px;
    }
    .team-section>.container {
        padding-left: 24px;
        padding-right: 24px;
    }
    .team-heading h2 {
        font-size: 32px;
        line-height: 1.05;
    }
    .team-section>.container>.row:first-of-type {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto;
        overflow-y: hidden;
        margin: 28px 0 0 !important;
        padding: 0 max(10px, calc((100% - 195px) / 2)) 8px;
        --bs-gutter-x: 18px;
        --bs-gutter-y: 0;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: max(10px, calc((100% - 195px) / 2));
        scrollbar-width: none;
        touch-action: pan-x;
    }
    .team-section>.container>.row:first-of-type::-webkit-scrollbar {
        display: none;
    }
    .team-section>.container>.row:first-of-type>[class*="col-"] {
        flex: 0 0 min(62%, 195px) !important;
        width: min(62%, 195px) !important;
        max-width: min(62%, 195px) !important;
        padding-left: 0;
        padding-right: 0;
        scroll-snap-align: center;
    }
    .team-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
    }
    .team-card {
        border-radius: 8px;
        aspect-ratio: 0.62;
    }
    .team-overlay {
        left: 7px;
        bottom: 7px;
    }
    .team-overlay h3 {
        font-size: 13px;
        margin-bottom: 3px;
    }
    .team-overlay p {
        font-size: 5px;
    }
    .team-section>.container>.row:nth-of-type(2) {
        margin-top: 48px !important;
    }
    .video-banner {
        display: flex;
        padding: 18px 14px;
        gap: 18px;
    }
    .video-content h3 {
        font-size: 21px;
    }
    .video-content p,
    .watch-video-btn {
        font-size: 8px;
    }
    .watch-video-btn {
        padding: 6px 12px;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .team-section .row:has(> .col-lg-4 > .team-card) {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch;
        --bs-gutter-x: 18px;
        --bs-gutter-y: 0;
    }
    .team-section .row:has(> .col-lg-4 > .team-card)>.col-lg-4 {
        flex: 0 0 calc(33.333333% - 12px) !important;
        width: calc(33.333333% - 12px) !important;
        max-width: calc(33.333333% - 12px) !important;
        min-width: 0;
    }
    .team-section .row:has(> .col-lg-4 > .team-card) .team-img {
        height: clamp(240px, 34vw, 320px) !important;
        object-fit: cover;
        object-position: center top;
    }
    .team-section .row:has(> .col-lg-4 > .team-card) .team-overlay {
        left: 10px;
        bottom: 10px;
    }
    .team-section .row:has(> .col-lg-4 > .team-card) .team-overlay h3 {
        font-size: clamp(20px, 2.5vw, 28px);
    }
    .team-section .row:nth-of-type(2) {
        margin-top: 48px !important;
    }
    .team-section .row:nth-of-type(2)>[class*="col-"] {
        width: 100%;
        max-width: 720px;
    }
    .team-section .video-banner {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center;
        width: 100%;
        padding: 18px 22px;
        gap: 18px;
    }
    .team-section .video-content {
        flex: 1 1 auto;
        min-width: 0;
    }
    .team-section .video-content h3 {
        font-size: clamp(22px, 3vw, 30px);
        white-space: nowrap;
    }
    .team-section .video-content p,
    .team-section .watch-video-btn {
        font-size: 11px;
    }
    .team-section .watch-video-btn {
        flex: 0 0 auto;
        padding: 8px 16px;
    }
}

@media (min-width: 1200px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1259px !important;
    }
}

@media (max-width: 575.98px) {
    #eligibilityModal .modal-dialog {
        width: calc(100% - 14px) !important;
        margin: 7px auto !important;
    }
    .eligibility-modal-content {
        min-height: calc(100vh - 14px);
        border-radius: 15px !important;
        padding: 32px 22px 24px !important;
    }
    .eligibility-modal-content .modal-header {
        margin-bottom: 20px;
    }
    .eligibility-step h4 {
        margin-bottom: 20px !important;
        font-size: 25px !important;
    }
    .eligibility-option-group {
        gap: 11px;
    }
    .eligibility-option {
        min-height: 55px;
        padding: 11px 14px;
        font-size: 14px;
    }
    .eligibility-option span.label-text {
        font-size: 14px;
    }
    .eligibility-footer {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 28px;
    }
    .eligibility-close {
        margin-top: 24px !important;
    }
}

@media (max-width: 575.98px) {
    .team-carousel {
        margin-top: 28px !important;
    }
    .team-carousel .team-card {
        aspect-ratio: 0.62;
        border-radius: 8px;
    }
    .team-carousel .team-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center top;
    }
    .team-carousel .team-overlay {
        left: 7px;
        bottom: 7px;
    }
    .team-carousel .team-overlay h3 {
        font-size: 16px;
        margin-bottom: 3px;
    }
    .team-carousel .team-overlay p {
        font-size: 12px;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .video-banner {
        max-width: 700px;
        padding: 18px;
        margin-left: -2px;
    }
}


/* =========================
   MOBILE
   ========================= */

@media (max-width: 575.98px) {
    .video-banner {
        padding: 7px;
        display: block;
    }
    .video-content {
        padding-top: 27px;
    }
    .video-content h3 {
        font-size: 26px;
    }
    .video-content p {
        font-size: 11px;
    }
    .watch-video-btn {
        width: 117px;
        height: 41px;
        margin-top: 17px;
        font-size: 11px;
    }
    .Hyper-about {
        width: calc(100% - 28px);
        margin-top: 17px;
    }
    .Hyper-about a {
        font-size: 12px;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .about-section .row.mt-5 {
        --bs-gutter-x: 24px;
    }
    .about-section .row.mt-5>.col-lg-4 {
        flex: 0 0 50%;
        width: 50%;
    }
    .about-section .feature-third {
        display: none;
    }
    .about-section .feature-third.show {
        display: block;
    }
    .feature-see-more {
        display: block;
        margin: 0 0 0;
        padding-top: 0;
        border-top: 1px solid #B9B2AA;
        border-bottom: 1px solid #B9B2AA;
        text-align: center;
    }
    .feature-see-more button {
        width: 100%;
        padding: 8px 0;
        border: 0;
        background: transparent;
        color: #000000;
        font-family: 'IBM Plex Sans';
        font-size: 14px;
    }
    .feature-see-more i {
        margin-left: 5px;
        font-size: 8px;
        transition: transform .25s ease;
    }
    .feature-see-more button.open i {
        transform: rotate(180deg);
    }
}

@media (max-width: 575.98px) {
    .about-section .row.mt-5 {
        display: flex;
        flex-direction: column;
        --bs-gutter-y: 0;
    }
    .about-section .row.mt-5>.col-lg-4 {
        width: 100%;
    }
    .about-section .feature-third {
        display: none;
    }
    .about-section .feature-third.show {
        display: block;
    }
    .feature-see-more {
        display: block;
        margin: 0 20px;
        border-top: 1px solid #000000;
        border-bottom: 1px solid #000000;
        text-align: center;
    }
    .feature-see-more button {
        width: 100%;
        padding: 8px 0;
        border: 0;
        background: transparent;
        color: #000000;
        font-family: 'IBM Plex Sans';
        font-size: 14px;
        cursor: pointer;
    }
    .feature-see-more i {
        margin-left: 5px;
        transition: transform .25s ease;
        font-size: 14px;
        color: #000000;
    }
    .feature-see-more button.open i {
        transform: rotate(180deg);
    }
}

@media (min-width: 992px) {
    .about-section .row.mt-5 {
        column-gap: 40px;
        justify-content: center;
    }
    .about-section .row.mt-5>.col-lg-4 {
        width: calc((100% - 80px) / 3);
    }
}

@media (max-width: 575.98px) {
    .manager-profile-box {
        width: calc(100vw - 20px);
        max-height: calc(100vh - 20px);
        padding: 30px 28px;
        border-radius: 16px;
    }
    .manager-profile-close {
        top: 18px;
        right: 18px;
        width: 34px;
        height: 34px;
    }
    .manager-profile-label {
        margin-bottom: 25px;
    }
    .manager-profile-image {
        width: 95px;
        height: 95px;
    }
    .manager-profile-name {
        font-size: 32px;
    }
    .manager-profile-stats {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .product-buttons {
        gap: 16px;
    }
    .invest-btn,
    .learn-more-btn {
        height: 48px;
        padding: 0 22px;
        font-size: 13px;
        white-space: nowrap;
    }
    .learn-more-btn {
        min-width: 120px;
    }
}


/* Mobile */

@media (max-width: 575.98px) {
    .product-buttons {
        width: 100%;
        justify-content: center;
        gap: 14px;
    }
    .invest-btn,
    .learn-more-btn {
        height: 43px;
        padding: 0 18px;
        font-size: 12px;
        white-space: nowrap;
    }
    .invest-btn {
        min-width: 100px;
    }
    .learn-more-btn {
        min-width: 120px;
    }
}

@media (max-width: 575.98px) {
    .compare-toolbar {
        display: block !important;
        text-align: center;
    }
    .compare-label {
        margin-bottom: 20px !important;
        font-size: 24px;
    }
    .checkbox-group {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px !important;
        width: fit-content;
        margin: 0 auto;
    }
    .filter-checkbox {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0;
        font-size: 14px;
        text-align: left;
    }
    .filter-checkbox input {
        width: 23px;
        height: 23px;
        flex: 0 0 23px;
        margin: 0;
    }
}

@media (max-width: 991.98px) {
    /* Keep first 2 cards visible */
    .about-section .row.mt-5>.col-lg-4 {
        display: block !important;
    }
    /* Hide only the 3rd card initially */
    .about-section .row.mt-5>.feature-third {
        display: none !important;
    }
    /* Show 3rd card after See More */
    .about-section .row.mt-5>.feature-third.show {
        display: block !important;
    }
    /* Make the third card use the same width */
    .about-section .feature-third.show .feature-card {
        width: 100%;
    }
    /* See More must stay clickable */
    .feature-see-more {
        display: block !important;
        position: relative;
        z-index: 10;
    }
    .feature-see-more button {
        display: block !important;
        pointer-events: auto !important;
        cursor: pointer;
    }
}

@media (max-width: 767px) {
    .eligibility-step[data-step="4"],
    .eligibility-step[data-step="5"] {
        min-height: 500px;
        padding: 22px 25px 25px;
    }
    .eligibility-topbar {
        margin-bottom: 30px;
    }
    .eligibility-profile-icon {
        margin-bottom: 18px;
    }
    .eligibility-step[data-step="4"] h4,
    .eligibility-step[data-step="5"] h4 {
        font-size: 21px;
    }
    .otp-container {
        gap: 8px;
    }
    .otp-input {
        width: 45px;
        height: 54px;
    }
    .otp-submit {
        margin-top: 110px;
    }
    .sif-nav-logoHeader {
        width: 26%;
        padding: 15px;
    }
}

@media (max-width: 767px) {
    .eligibility-success {
        min-height: 480px;
    }
    .success-back {
        top: 25px;
        left: 28px;
    }
    .hero-chart img:nth-child(1) {
        display: none;
    }
    .hero-chart img:nth-child(2) {
        display: block !important;
    }
    .hero-chart {
        left: 0%;
        bottom: 23%;
    }
    .success-close {
        top: 20px;
        right: 22px;
        width: 40px;
        height: 40px;
    }
    .success-content {
        padding: 190px 20px 30px;
    }
    .success-icon {
        width: 62px;
        height: 62px;
        margin-bottom: 28px;
    }
    .success-content h4 {
        font-size: 23px;
        line-height: 1.3;
    }
    .success-content p {
        font-size: 12px;
        margin-top: 16px;
    }
    .success-bottom-close {
        margin-top: 48px;
    }
    .sif-nav-logoHeader {
        width: 27%;
        padding: 15px;
    }
}


/* Tablet */

@media (min-width: 768px) and (max-width: 991px) {
    #footerGraph svg>g:nth-child(3n) {
        display: none !important;
    }
}


/* Mobile */


/* @media (max-width: 767px) {
    #footerGraph svg>g:nth-child(2n) {
        display: none !important;
    }
} */

@media (min-width: 992px) {
    #footerGraph,
    #footerGraph svg {
        pointer-events: auto !important;
        touch-action: auto;
    }
}


/* TABLET */

@media (min-width: 768px) and (max-width: 991.98px) {
    .footer-candle-graph {
        height: 230px !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
    }
    #footerGraph {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        pointer-events: auto !important;
        touch-action: pan-y !important;
    }
    #footerGraph svg {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        pointer-events: auto !important;
    }
}


/* MOBILE */

@media (max-width: 767.98px) {
    .footer-candle-graph {
        height: 190px !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
    }
    #footerGraph {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        touch-action: pan-y !important;
    }
    #footerGraph svg {
        width: 100% !important;
        height: 100% !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
}

@media (max-width: 991px) {
    .hero-carousel .carousel-item:first-child .hero-top h2 {
        max-width: 500px;
    }
}

@media (max-width: 575px) {
    .hero-carousel .carousel-item:first-child .hero-top h2 {
        max-width: 90%;
    }
}


/* -------------------- media css end ----------------------- */


/* ==========================================
   MOBILE
   ========================================== */

@media (max-width: 576px) {
    #eligibilityModal .step-indicator {
        gap: 5px !important;
        padding: 12px 10px !important;
    }
    #eligibilityModal .step-indicator .step {
        width: 30px !important;
        min-width: 30px !important;
        height: 4px !important;
        min-height: 4px !important;
    }
}

@media (max-width: 992px) {
    a.mobile-invest-btn {
        display: none;
    }
    .hero-title {
        font-size: 28px;
    }
    .info-label {
        font-size: 14px;
    }
    .info-row h4 {
        font-size: 21px;
    }
    .offer-badge {
        margin-bottom: 10px;
    }
    .hero-description {
        margin: 11px 0px;
    }
    .hero-info-card {
        padding: 11px;
    }
}

@media (max-width: 529px) {
    a.mobile-invest-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 118px;
        height: 44px;
        padding: 0 20px;
        border-radius: 24px;
        background: #fff !important;
        color: #111 !important;
        text-decoration: none;
        font-family: "IBM Plex Sans";
        font-size: 16px;
        white-space: nowrap;
        margin-top: 20px;
    }
    .info-label {
        font-size: 14px;
    }
    .info-row h4 {
        font-size: 24px;
    }
    .hero-title {
        font-size: 37px;
    }
}

@media (max-width: 575.98px) {
    .our-offerings {
        font-size: 37px;
    }
    .about-section-tag {
        font-size: 37px;
        font-weight: 400;
    }
    .compare-table th {
        font-size: 20px !important;
    }
    .compare-table td {
        font-size: 14px !important;
    }
    bg-change {
        font-size: 16px !important;
    }
    .faq-title {
        font-size: 37px;
    }
    .custom-faq .accordion-button {
        font-size: 16px;
    }
    .custom-faq .accordion-body {
        font-size: 14px;
    }
    .sif-nav-logoHeader {
        width: 42%;
        padding: 15px;
    }
}


/* ================= MANAGED FUNDS POPUP ================= */

.managed-funds-popup {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.45);
    display: none;
    align-items: center;
    justify-content: center;
    padding-top: 25px;
    z-index: 100001;
}

.managed-funds-popup.show {
    display: flex;
}

.managed-funds-box {
    width: 450px;
    max-width: calc(100% - 30px);
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.managed-funds-header {
    padding: 17px 45px 17px 14px;
    border-bottom: 1px solid #ddd;
    color: #064d8f;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.managed-funds-close {
    position: absolute;
    right: 12px;
    top: 9px;
    border: 0;
    background: none;
    font-size: 30px;
    line-height: 1;
    color: #777;
    cursor: pointer;
}

.managed-funds-list {
    margin: 0;
    padding: 12px 20px 15px 35px;
    color: #064d8f;
    font-size: 14px;
}

.managed-funds-list li {
    padding: 3px 0;
}

.compare-table {
    width: 86%;
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    min-width: 720px;
    background: #FFF7EF;
}

.compare-table th,
.compare-table td {
    border: 1px solid #EBCA9B;
    padding: 13px 11px;
    text-align: left;
    vertical-align: middle;
    background: #FFF7EF;
    color: #01133E;
    font-family: 'IBM Plex Sans';
}

.compare-table th {
    font-family: 'Crimson Pro';
    font-size: 27px;
    font-weight: 400;
    line-height: 1.1;
}

.compare-table td {
    font-size: 20px;
    font-weight: 400;
}

.compare-table td.featured {
    font-weight: 600;
    color: #01133E;
}

.compare-table th:first-child,
.compare-table td:first-child {
    background: #FFFFFF;
    color: #475569;
    font-family: 'IBM Plex Sans';
    font-weight: 400;
    font-size: 22px;
    white-space: nowrap;
}

.compare-table .featured-column,
.compare-table .is-highlighted {
    background: #FFF7EF;
}

.compare-table th.is-collapsed,
.compare-table td.is-collapsed {
    display: none;
}

.compare-table th.featured-column,
.compare-table td.featured-column {
    background-color: #FFFFFF;
}

@media (min-width: 675.98px) {
    .about-section-tag {
        font-size: 58px;
        font-weight: 400;
    }
}

th.featured-column {
    font-weight: 600;
}

/* h2.pad-edit {
    padding: 0px 150px;
} */

h2.pad-edit-3 {
    /* padding: 0 45px; */
    margin-top: -22px;
}

@media (max-width: 480px) {
    h2.pad-edit {
        padding: 0px 12px;
    }
    h2.hero1-pad-mobile {
        padding: 0px 0px;
    }
    h2.pad-edit-3 {
        padding: 0px 8px;
    }
    h2.pad-edit-4 {
        padding: 0px 8px;
    }
    .sif-nav-logoHeader {
        width: 56%;
        padding: 15px;
    }
}


/* ======================================================
   MOBILE LANDSCAPE / ROTATED VIEW
====================================================== */

@media (min-width: 500px) and (max-width: 975px) and (orientation: landscape) {
    h2.hero1-pad-mobile,
    h2.pad-edit,
    h2.pad-edit-4,
    h2.pad-edit-3 {
        font-size: 37px;
    }
}
/* nav.sif-navbar.scrolled .sif-nav-logoHeader {
    width: 28%;
} */
@media (min-width: 997px) and (max-width: 1440px) {
    h2.pad-edit {
        padding: 0px 36px;
    }
}

@media (min-width: 765px) {
    h2.pad-edit {
        padding: 0px 63px !important;
        max-width: 700px;
        margin: 0 auto;
        text-align: center;
        margin-top: -22px;
    }
}

@media (max-width: 375px) {
    h2.hero1-pad-mobile {
        padding: 0px 0px !important;
    }
}

@media (min-width: 600px) and (max-width: 900px) {
    .compare-table th:first-child,
    .compare-table td:first-child {
        font-size: 16px;
    }
    .compare-table th {
        font-size: 20px
    }
    .compare-table td.featured {
        font-size: 14px;
    }
    .compare-table td {
        font-size: 14px;
    }
}

@media (max-width: 1100px) and (min-width: 1024px) {
    .team-overlay h3 {
        font-size: 28px;
    }
    .team-overlay p {
        font-size: 14px;
    }
}

.managed-funds-list a {
    color: #064d8f;
    text-decoration: none;
}

.managed-funds-list a:hover {
    text-decoration: underline;
}

h2.pad-edit-4 {
    margin-top: -26px;
}

@media (min-width: 768px) and (max-width: 1100px) {
    #heroCarousel .carousel-item:nth-child(n) h2 {
        font-size: 41px;
        line-height: 1.15;
        max-width: 600px;
        margin: 0 auto;
        margin-top: -26px;
    }
}

@media (min-width: 1100px) and (max-width: 1500px) {
    #heroCarousel .carousel-item:nth-child(n) h2 {
        line-height: 1.15;
        max-width: 900px;
        margin: 0 auto;
        margin-top: -26px;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    #heroCarousel .carousel-item:nth-child(n) h2 {
        font-size: 48px;
        line-height: 1.15;
        max-width: 600px;
        margin: 0 auto;
        margin-top: -18px;
    }
}

@media (min-width: 556px) and (max-width: 786px) {
    #heroCarousel .carousel-item:nth-child(n) h2 {
        font-size: 48px;
        line-height: 1.15;
        max-width: 600px;
        margin: 0 auto;
        margin-top: -18px;
    }
}


/*================================
   HERO IMAGE POSITIONING
   ================================*/


/*Slide 1*/

#heroCarousel .carousel-item .hero-img {
    width: 100%;
    height: 100%;
    display: block;
    transition: none !important;
    transform: none !important;
}


/*Slide 2*/


/* #heroCarousel .carousel-item:nth-child(2) .hero-img {
    object-position: center 0% !important;
    object-fit: cover;
    width: 100%;
    height: 100vh;
    display: block;
    transition: none !important;
    transform: none !important;
} */


/*Slide 3*/


/* #heroCarousel .carousel-item:nth-child(3) .hero-img {
    object-position: center 0% !important;
    object-fit: cover;
    width: 100%;
    height: 100vh;
    display: block;
    transition: none !important;
    transform: none !important;
} */


/*Slide 4*/


/* #heroCarousel .carousel-item:nth-child(4) .hero-img {
    object-position: center 0% !important;
    object-fit: cover;
    width: 100%;
    height: 100vh;
    display: block;
    transition: none !important;
    transform: none !important;
} 
     .hero,
    #heroCarousel,
    #heroCarousel .carousel-inner {
        min-height: 100vh;
        min-height: 100svh;
    }




*/


/* =========================================================
   FOOTER CANDLESTICKS - TABLET + MOBILE
   Desktop remains completely unchanged
========================================================= */


/* TABLET */

@media (min-width: 768px) and (max-width: 991.98px) {
    /* Show more candles, but keep them visually separated */
    #footerGraph svg>g:nth-child(3n) {
        display: none !important;
    }
    /* Candle body */
    #footerGraph svg>g rect:nth-child(2) {
        transform-box: fill-box;
        transform-origin: center center;
        transform: scaleY(1.45);
    }
    /* Slightly stronger blue */
    #footerGraph svg>g rect:nth-child(2) {
        opacity: 0.9;
    }
    /* Keep wick thin */
    #footerGraph svg>g rect:first-child {
        width: 1px;
    }
}


/* MOBILE */

@media (max-width: 767.98px) {
    /* Reduce candle density */
    /* #footerGraph svg>g:nth-child(2n) {
        display: none !important;
    } */
    /* Make candle bodies taller */
    #footerGraph svg>g rect:nth-child(2) {
        transform-box: fill-box;
        transform-origin: center center;
        transform: scaleY(1.55);
    }
    /* Slightly stronger body visibility */
    #footerGraph svg>g rect:nth-child(2) {
        opacity: 0.9;
    }
    /* Keep wicks thin */
    #footerGraph svg>g rect:first-child {
        width: 1px;
    }
}


/* =========================================================
   FOOTER CANDLESTICKS - TABLET + MOBILE
   Same colors as desktop
========================================================= */


/* MOBILE */

@media (max-width: 767.98px) {
    /* #footerGraph svg>g:nth-child(2n) {
        display: none !important;
    } */
    /* Make candle bodies taller */
    #footerGraph svg>g rect:nth-child(2) {
        transform-box: fill-box;
        transform-origin: center center;
        transform: scaleY(1.55);
    }
    /* Keep original desktop wick color */
    #footerGraph svg>g rect:first-child {
        fill: #174784 !important;
    }
    #footerGraph svg>g rect:nth-child(2) {
        opacity: 1;
    }
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767.98px) {
    .footer-candle-graph {
        height: 260px !important;
        min-height: 260px !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
    }
    #footerGraph,
    #footerGraph svg {
        width: 100% !important;
        height: 100% !important;
    }
    /* Candle body */
    #footerGraph svg>g rect:nth-child(2) {
        transform-box: fill-box;
        transform-origin: center center;
        transform: scaleX(1.7) scaleY(1.6);
    }
    /* Wick */
    #footerGraph svg>g rect:first-child {
        transform-box: fill-box;
        transform-origin: center center;
        transform: scaleY(1.5);
    }
}


/* =====================================================
   MOBILE FOOTER CANDLE GRAPH ONLY
   ===================================================== */

@media (max-width: 767.98px) {
    .footer-candle-graph {
        height: 305px !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
        position: relative !important;
    }
    #footerGraph {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 305px !important;
        overflow: hidden !important;
    }
    #footerGraph svg {
        width: 1020px !important;
        max-width: none !important;
        height: 305px !important;
        display: block !important;
        transform-origin: left bottom !important;
    }
    /* =========================================
       DO NOT RESTRICT THE NUMBER OF CANDLES
       ========================================= */
    #footerGraph svg>g {
        display: block !important;
    }
    /* =========================================
       KEEP YOUR CURRENT PERFECT CANDLE SIZE
       ========================================= */
    #footerGraph svg>g rect:nth-child(2) {
        transform-box: fill-box;
        transform-origin: center bottom;
        transform: scaleY(1.45);
    }
    #footerGraph svg>g rect:first-child {
        transform-box: fill-box;
        transform-origin: center bottom;
        transform: scaleY(1.18);
    }
}


/* =====================================================
   TABLET - WIDER & BRIGHTER CANDLESTICKS
   ===================================================== */

@media (min-width: 768px) and (max-width: 991.98px) {
    /* Increase candle body width */
    #footerGraph svg>g rect:nth-child(2) {
        width: 10px !important;
    }
    /* Slightly brighter candle bodies */
    #footerGraph svg>g rect:nth-child(2) {
        filter: brightness(1.25);
    }
    /* Slightly brighter wicks */
    #footerGraph svg>g rect:first-child {
        filter: brightness(1.20);
    }
}


/* =====================================================
   FOOTER CANDLESTICK - BRIGHTER ON ALL SCREENS
   ===================================================== */


/* Candle body */

#footerGraph svg>g rect:nth-child(2) {
    filter: brightness(1.25);
}


/* Candle wick */

#footerGraph svg>g rect:first-child {
    filter: brightness(1.20);
}


/* =========================================================
   SIF NAVBAR
========================================================= */


/* =========================================================
   GET IN TOUCH
========================================================= */

.getintouch {
    color: #000 !important;
    background: #fff !important;
    font-weight: 400 !important;
    padding: 10px 22px !important;
    border: none !important;
    border-radius: 40px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


/* =========================================================
   MAIN NAVBAR
========================================================= */

.sif-navbar {
    position: fixed;
    top: 26px;
    left: 0;
    width: 100%;
    z-index: 9999;
    display: flex;
    justify-content: center;
    transition: top .3s ease;
}


/* =========================================================
   NAVBAR INNER
========================================================= */

.sif-nav-inner {
    position: relative;
    width: min(1260px, calc(100% - 40px));
    /* height: 88px; */
    padding: 0px 20px 0px 0px;
    display: flex;
    align-items: center;
    background: #000;
    border-radius: 12px;
    box-sizing: border-box;
    transition: width .3s ease, border-radius .3s ease, padding .3s ease;
}


/* =========================================================
   LOGO BACKGROUND
========================================================= */

.logobg {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 30px;
    padding: 5px 12px;
    z-index: 100;
}


/* =========================================================
   LOGO
========================================================= */

.sif-logo {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    margin-right: 43px;
    text-decoration: none;
}

.sif-logo img {
    /* width: 150px; */
    height: auto;
    display: block;
}

.sif-logo-igk {
    background-color: white;
    border-radius: 32px 0 0 32px;
    box-sizing: border-box;
    border-style: solid;
    border-width: 14px;
    border-color: white;
}


/* =========================================================
   DESKTOP NAVIGATION
========================================================= */

.sif-desktop-nav {
    display: flex;
    align-items: center;
    gap: 27px;
}


/* =========================================================
   NAVIGATION LINKS
========================================================= */

.sif-nav-link {
    padding: 0;
    border: 0;
    background: none;
    color: #baceff;
    text-decoration: none;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer;
}


/* =========================================================
   RIGHT NAVIGATION
========================================================= */

.sif-right-nav {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 24px;
}


/* =========================================================
   INVEST NOW
========================================================= */

.sif-invest-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 118px;
    height: 44px;
    padding: 0 20px;
    border-radius: 24px;
    background: #fff !important;
    color: #111 !important;
    text-decoration: none;
    font-family: "IBM Plex Sans";
    font-size: 16px;
    white-space: nowrap;
}

.sif-invest-btn:hover {
    color: #111;
}


/* =========================================================
   ARROW
========================================================= */

.sif-arrow {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid currentColor;
    vertical-align: middle;
}


/* =========================================================
   DESKTOP DROPDOWN
========================================================= */

.sif-nav-dropdown {
    position: relative;
}

.sif-dropdown-btn {
    display: flex;
    align-items: center;
}

.sif-dropdown {
    position: absolute;
    top: calc(100% + 12px);
    left: 50%;
    display: none;
    background: #fff;
    border-radius: 9px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, .12);
    transform: translateX(-50%);
    z-index: 10000;
}

.sif-dropdown.open {
    display: block;
}


/* Products */

.sif-products-dropdown {
    width: 377px;
    padding: 20px 27px;
}


/* Resources */

.sif-resources-dropdown {
    width: 326px;
    padding: 20px 22px 18px;
}

.sif-dropdown-title {
    margin-bottom: 13px;
    color: #9CA3AF;
    font-size: 12px;
    font-family: "IBM Plex Sans";
}

.sif-dropdown-item {
    display: block;
    margin-bottom: 18px;
    color: #172033;
    text-decoration: none;
    font-family: "IBM Plex Sans";
}

.sif-dropdown-item:last-child {
    margin-bottom: 0;
}

.sif-dropdown-item span {
    display: block;
    font-size: 16px;
    line-height: 1.4;
    color: #111827;
}

.sif-dropdown-item small {
    display: block;
    margin-top: 3px;
    color: #4B5563;
    font-size: 12px;
    line-height: 1.35;
}


/* Resources item hover */

.sif-resources-dropdown .sif-dropdown-item {
    display: block;
    padding: 12px;
    border-radius: 12px;
    text-decoration: none;
    transition: background-color .2s ease;
}

.sif-resources-dropdown .sif-dropdown-item:hover {
    background-color: #FFF7EF;
}

.sif-resources-dropdown .sif-dropdown-item span {
    display: block;
    color: #302315;
    transition: color .2s ease;
}

.sif-resources-dropdown .sif-dropdown-item:hover small {
    display: block;
    margin-top: 3px;
    color: #B8843A;
}

.sif-dropdown-item .small:hover {
    color: #B8843A;
}


/* =========================================================
   MOBILE MENU BUTTON
========================================================= */

.sif-menu-btn {
    display: none;
    width: 24px;
    height: 20px;
    margin-left: auto;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.sif-menu-btn span {
    display: block;
    width: 22px;
    height: 1px;
    margin: 5px 0;
    background: #fff;
}


/* =========================================================
   MOBILE MENU
========================================================= */

.sif-mobile-menu {
    display: none;
}


/* =========================================================
   SCROLLED NAVBAR
========================================================= */

.sif-navbar.scrolled {
    top: 0;
}

.sif-navbar.scrolled .sif-nav-inner {
    width: 100%;
    border-radius: 0;
    padding-left: 0px;
    padding-right: 26px;
}

.sif-navbar.scrolled .sif-nav-inner .sif-logo-igk {
    border-radius: 0;
}


/* =========================================================
   LAPTOP
   992px - 1250px
========================================================= */

@media (min-width: 992px) and (max-width: 1250px) {
    .sif-nav-inner {
        width: calc(100% - 20px);
        padding: 0px 16px 0px 0px;
    }
    /* Logo */
    .logobg {
        padding: 5px 10px;
    }
    .sif-logo {
        margin-right: 25px;
    }
    /* .sif-logo img {
        width: 100px;
    } */
    /* Desktop links */
    .sif-desktop-nav {
        gap: 14px;
        padding-left: 35px;
    }
    .sif-nav-link {
        font-size: 14px;
    }
    /* Right side */
    .sif-right-nav {
        gap: 14px;
    }
    /* Invest */
    .sif-invest-btn {
        min-width: 105px;
        height: 42px;
        font-size: 14px;
    }
    /* -----------------------------------------------------
       SCROLLED LAPTOP
    ----------------------------------------------------- */
    .sif-navbar.scrolled .sif-nav-inner {
        width: 100%;
        /* height: 60px; */
        padding: 0px 16px 0px 0px;
        border-radius: 0;
    }
}


/* =========================================================
   TABLET
   768px - 991px
========================================================= */

@media (min-width: 768px) and (max-width: 991.98px) {
    .sif-navbar {
        top: 16px;
        padding: 0;
    }
    .sif-nav-inner {
        position: relative;
        width: calc(100% - 42px);
        height: 88px;
        padding: 0px 20px 0px 0px;
        border-radius: 12px;
    }
    /* Logo */
    .logobg {
        padding: 4px 10px;
    }
    .sif-logo {
        margin: 0;
    }
    /* .sif-logo img {
        width: 105px;
    } */
    /* Hide desktop */
    .sif-desktop-nav {
        display: none;
    }
    .sif-right-nav {
        display: none;
    }
    /* Hamburger */
    .sif-menu-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        width: 32px;
        height: 32px;
        margin-left: auto;
        padding: 5px;
        position: absolute;
        right: 18px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9999;
        box-sizing: border-box;
    }
    .sif-menu-btn span {
        display: block;
        width: 22px;
        height: 2px;
        margin: 0;
        background: #fff;
        flex-shrink: 0;
    }
    /* Scrolled */
    .sif-navbar.scrolled .sif-nav-inner {
        width: 100%;
        border-radius: 0;
        padding-left: 0px;
        padding-right: 24px;
    }
    .sif-navbar.scrolled .sif-menu-btn {
        right: 18px;
    }
    /* Mobile menu */
    .sif-mobile-menu {
        position: fixed;
        top: 76px;
        right: 21px;
        width: min(300px, calc(100% - 42px));
        padding: 20px;
        display: none;
        background: #000;
        border-radius: 16px;
        z-index: 9998;
    }
    .sif-mobile-menu.open {
        display: block;
    }
    .sif-mobile-menu>a,
    .sif-mobile-dropdown>button {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 12px 0;
        border: 0;
        background: none;
        color: #e4e2e2;
        font-family: "IBM Plex Sans";
        font-size: 14px;
        text-decoration: none;
        text-align: left;
    }
    .sif-mobile-dropdown>button .sif-arrow {
        margin-left: auto;
    }
    .sif-mobile-submenu {
        display: none;
        padding: 0 0 5px 12px;
    }
    .sif-mobile-submenu.open {
        display: block;
    }
    .sif-mobile-submenu a {
        display: block;
        padding: 8px 0;
        color: #fff;
        font-size: 12px;
        line-height: 1.4;
        text-decoration: none;
    }
    .sif-mobile-submenu small {
        display: block;
        margin-top: 3px;
        color: #999;
        font-size: 9px;
    }
    .sif-mobile-invest {
        justify-content: center;
        margin-top: 15px;
        padding: 10px 15px !important;
        border-radius: 22px;
        background: #fff;
        color: #111 !important;
    }
}


/* =========================================================
   MOBILE
   BELOW 768px
========================================================= */

@media (max-width: 767.98px) {
    .sif-navbar {
        top: 16px;
        padding: 0;
    }
    .sif-nav-inner {
        position: relative;
        width: calc(100% - 24px);
        /* height: 56px; */
        padding: 0px 14px 0px 0px;
        /* border-radius: 28px; */
    }
    /* Logo */
    .logobg {
        padding: 4px 9px;
    }
    .sif-logo {
        margin: 0;
    }
    /* .sif-logo img {
        width: 135px;
    } */
    /* Hide desktop */
    .sif-desktop-nav {
        display: none;
    }
    .sif-right-nav {
        display: none;
    }
    /* Hamburger */
    .sif-menu-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        width: 32px;
        height: 32px;
        margin-left: auto;
        padding: 5px;
        position: absolute;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 9999;
        box-sizing: border-box;
    }
    .sif-menu-btn span {
        display: block;
        width: 22px;
        height: 2px;
        margin: 0;
        background: #fff;
        flex-shrink: 0;
    }
    /* Scrolled */
    .sif-navbar.scrolled .sif-nav-inner {
        width: 100%;
        /* height: 56px; */
        padding: 0px 14px 0px 0px;
        /* border-radius: 0; */
    }
    .sif-navbar.scrolled .sif-menu-btn {
        right: 14px;
    }
    /* Mobile menu */
    .sif-mobile-menu {
        position: fixed;
        top: 72px;
        right: 12px;
        width: min(300px, calc(100% - 24px));
        padding: 20px;
        display: none;
        background: #000;
        border-radius: 16px;
        z-index: 9998;
    }
    .sif-mobile-menu.open {
        display: block;
    }
    .sif-mobile-menu>a,
    .sif-mobile-dropdown>button {
        display: flex;
        align-items: center;
        width: 100%;
        padding: 12px 0;
        border: 0;
        background: none;
        color: #e4e2e2;
        font-family: "IBM Plex Sans";
        font-size: 14px;
        text-decoration: none;
        text-align: left;
    }
    .sif-mobile-dropdown>button .sif-arrow {
        margin-left: auto;
    }
    .sif-mobile-submenu {
        display: none;
        padding: 0 0 5px 12px;
    }
    .sif-mobile-submenu.open {
        display: block;
    }
    .sif-mobile-submenu a {
        display: block;
        padding: 8px 0;
        color: #fff;
        font-size: 12px;
        line-height: 1.4;
        text-decoration: none;
    }
    .sif-mobile-submenu small {
        display: block;
        margin-top: 3px;
        color: #999;
        font-size: 9px;
    }
    .sif-mobile-invest {
        justify-content: center;
        margin-top: 15px;
        padding: 10px 15px !important;
        border-radius: 22px;
        background: #fff;
        color: #111 !important;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   BELOW 576px
========================================================= */

@media (max-width: 575.98px) {
    .sif-nav-inner {
        width: calc(100% - 20px);
        padding: 0px 18px 0px 0px;
    }
    .logobg {
        padding: 4px 8px;
    }
    /* .sif-logo img {
        width: 98px;
    } */
    .sif-menu-btn {
        width: 30px;
        height: 30px;
        right: 12px;
    }
    .sif-menu-btn span {
        width: 20px;
    }
}


/* =========================================================
   SMALL SCREEN INVEST NOW
========================================================= */

@media (max-width: 529px) {
    .sif-nav-inner>.sif-invest-btn {
        display: none !important;
    }
    .sif-menu-btn {
        margin-left: auto !important;
    }
    .sif-mobile-menu .sif-mobile-invest {
        display: flex !important;
        align-items: center;
        justify-content: center;
        background: #fff !important;
        color: #111 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    .sif-mobile-menu .sif-mobile-invest:hover,
    .sif-mobile-menu .sif-mobile-invest:focus {
        background: #fff !important;
        color: #111 !important;
    }
}


/* =========================================================
   HERO RESPONSIVE
========================================================= */

@media (max-width: 991px) {
    .hero-carousel .carousel-item:first-child .hero-top h2 {
        max-width: 500px;
    }
}

@media (max-width: 575px) {
    .hero-carousel .carousel-item:first-child .hero-top h2 {
        max-width: 90%;
    }
}

.hero1-pad-mobile,
.pad-edit,
.pad-edit-3,
.pad-edit-4,
.about-section-tag {
    font-size: 58px;
}


    

.external-link-modal {
    border: 0;
    border-radius: 12px;
}

.external-link-modal h5 {
    font-family: 'Crimson Pro', serif;
    color: #00427F;
    font-size: 26px;
}

.external-link-modal p {
    font-family: 'IBM Plex Sans', sans-serif;
    color: #666;
    font-size: 14px;
}

.external-link-modal .btn {
    font-family: 'IBM Plex Sans', sans-serif;
    border-radius: 6px;
}

.external-link-modal .btn-primary {
    background: #00427F;
    border-color: #00427F;
}



.skip-questions-top {
    border: none;
    background: transparent;
    color: #ababab;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.skip-questions-top:hover {
    text-decoration: underline;
		color: #353535;
}

eligibility-question-note{
	color: "#5e5e5e";
}


.required {
    font-size: 9px;
    color: rgb(214, 8, 8);
}