/* =========================================================
   RESET / REMOVE ALL SIDE SPACE
========================================================= */

html,
body {
    width: 100%;
    min-width: 100%;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden;
}

html {
  scroll-behavior: smooth;
}

html {
    margin: 0 !important;
    padding: 0 !important;
}

body {
    background: #081426;
}

.fc-page,
.fc-page * {
    box-sizing: border-box;
}

.fc-page {
    --fc-navy: #081426;
    --fc-navy-light: #0d1d34;
    --fc-gold: #dcb544;
    --fc-gold-light: #f0d16c;
    --fc-white: #f5f2e9;
    --fc-text: #d9e0e9;
    --fc-muted: #8192aa;

    width: 100vw;
    max-width: 100vw;

    min-height: 10vh;

    margin: 0 !important;
    padding: 0 !important;

    position: relative;

    background: var(--fc-navy);
    color: var(--fc-white);

    font-family: "Inter", sans-serif;

    overflow-x: clip;
}

.fc-page a {
    text-decoration: none;
}

.fc-page button,
.fc-page input,
.fc-page select {
    font-family: inherit;
}


/* =========================================================
   HEADER
========================================================= */

.fc-header {
    position: fixed;

    top: 0;
    left: 0;

    width: 100vw;
    max-width: 100vw;

    height: 78px;

    margin: 0;
    padding: 0;

    z-index: 9999;

    background: rgba(6, 18, 35, 0.98);

    border-bottom:
        1px solid rgba(255,255,255,0.04);
}


.fc-header-inner {
    width: 100%;
    max-width: none;

    height: 100%;

    margin: 0;

    padding: 0 32px;

    display: flex;

    align-items: center;

    justify-content: space-between;
}


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

.fc-logo {
    display: flex;

    align-items: center;

    gap: 12px;

    flex-shrink: 0;
}


.fc-logo-image {
    width: 66px;
    height: 64px;

    object-fit: contain;

    background: #f4f5f1;

    padding: 5px;
}


.fc-logo-content {
    display: flex;

    flex-direction: column;
}


.fc-logo-title {
    color: var(--fc-gold-light);

    font-family: "Cinzel", serif;

    font-size: 18px;

    font-weight: 600;

    letter-spacing: 3px;

    line-height: 1.2;
}


.fc-logo-subtitle {
    margin-top: 3px;

    color: #71839b;

    font-size: 8px;

    font-weight: 500;

    letter-spacing: 1.7px;

    text-transform: uppercase;
}


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

.fc-navigation {
    display: flex;

    align-items: center;

    gap: 30px;

    margin-left: auto;

    margin-right: 30px;
}


.fc-navigation a {
    color: #aab2c0;

    font-family: "Cinzel", serif;

    font-size: 12px;

    font-weight: 500;

    letter-spacing: 0.8px;

    white-space: nowrap;

    transition:
        color 0.3s ease;
}


.fc-navigation a:hover {
    color: var(--fc-gold-light);
}


/* =========================================================
   HEADER ACTIONS
========================================================= */

.fc-header-actions {
    display: flex;

    align-items: center;

    gap: 13px;

    flex-shrink: 0;
}


.fc-card-icon {
    width: 46px;
    height: 32px;

    object-fit: contain;

    cursor: pointer;
}


.fc-header-divider {
    width: 1px;
    height: 30px;

    background:
        rgba(255,255,255,0.12);
}


.fc-account-btn {
    min-width: 140px;

    height: 40px;

    padding: 0 18px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid rgba(220,181,68,0.6);

    border-radius: 8px;

    color: var(--fc-gold-light);

    background: transparent;

    font-family: "Cinzel", serif;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 1px;

    cursor: pointer;
}


.fc-join-btn {
    min-width: 120px;

    height: 40px;

    padding: 0 20px;

    border: 0;

    border-radius: 8px;

    color: #081426;

    background:
        linear-gradient(
            135deg,
            #cfa82e,
            #efd16c
        );

    font-family: "Cinzel", serif;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1px;

    cursor: pointer;
}


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

.fc-menu-toggle {
    display: none;

    width: 40px;
    height: 40px;

    border:
        1px solid rgba(220,181,68,0.5);

    border-radius: 7px;

    background: transparent;

    cursor: pointer;
}


.fc-menu-toggle span {
    display: block;

    width: 20px;
    height: 2px;

    margin: 4px auto;

    background:
        var(--fc-gold-light);
}


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

.fc-hero {
    position: relative;

    width: 100vw;
    max-width: 100vw;

    min-height: 790px;

    margin: 78px 0 0 0;

    padding: 0;

    overflow: hidden;

    background: #07172a;
}


/* =========================================================
   SLIDER
========================================================= */

.fc-slider {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    z-index: 0;
}


.fc-slide {
    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background-position: center center;

    background-size: cover;

    background-repeat: no-repeat;

    opacity: 0;

    transform: scale(1.03);

    transition:
        opacity 1s ease,
        transform 6s ease;

    pointer-events: none;
}


.fc-slide.fc-active {
    opacity: 1;

    transform: scale(1);
}


/* =========================================================
   SLIDER IMAGES
========================================================= */

.fc-slide-1 {
    background-image:
        url("../images/1.jpg");
}

.fc-slide-2 {
    background-image:
        url("../images/2.jpg");
}

.fc-slide-3 {
    background-image:
        url("../images/3.jpg");
}


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

.fc-hero-overlay {
    position: absolute;

    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            90deg,
            rgba(5,17,33,0.94) 0%,
            rgba(6,22,41,0.82) 28%,
            rgba(6,23,42,0.62) 55%,
            rgba(5,18,34,0.46) 100%
        );

    pointer-events: none;
}


.fc-hero-bottom-overlay {
    position: absolute;

    left: 0;
    right: 0;
    bottom: 0;

    height: 190px;

    z-index: 2;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(5,18,34,0.95)
        );

    pointer-events: none;
}


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

.fc-hero-container {
    position: relative;

    z-index: 5;

    width: 100%;

    max-width: none;

    min-height: 710px;

    margin: 0;

    padding:
        42px 8% 105px;

    display: grid;

    grid-template-columns:
        minmax(450px,1fr)
        minmax(420px,560px);

    align-items: center;

    gap: 55px;
}


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

.fc-hero-content {
    max-width: 650px;

    padding-top: 15px;
}


.fc-eyebrow {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    padding:
        6px 15px;

    border:
        1px solid rgba(220,181,68,0.4);

    border-radius: 30px;

    color:
        var(--fc-gold-light);

    font-family:
        "Cinzel", serif;

    font-size: 10px;

    font-weight: 500;

    letter-spacing: 1.8px;

    background:
        rgba(8,20,38,0.28);
}


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

.fc-hero-title {
    margin:
        21px 0 22px;

    color:
        var(--fc-white);

    font-family:
        "Cinzel", serif;

    font-size:
        clamp(45px,4.3vw,68px);

    font-weight: 600;

    line-height: 1.04;

    letter-spacing: -1.5px;

    text-transform: uppercase;
}


.fc-hero-title span {
    display: block;

    color: #e4bd47;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.fc-hero-description {
    max-width: 610px;

    margin: 0;

    color: #aebdd0;

    font-size: 16px;

    line-height: 1.65;
}


/* =========================================================
   OFFER
========================================================= */

.fc-offer {
    display: flex;

    align-items: center;

    gap: 14px;

    margin-top: 22px;
}


.fc-offer-icon {
    width: 42px;
    height: 42px;

    display: flex;

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

    border:
        1px solid rgba(220,181,68,0.5);

    border-radius: 50%;

    background:
        rgba(220,181,68,0.1);

    font-size: 20px;

    flex-shrink: 0;
}


.fc-offer-title {
    color: #efcb54;

    font-family: "Cinzel", serif;

    font-size: 13px;

    font-weight: 700;
}


.fc-offer-text {
    margin-top: 3px;

    color: #7891ad;

    font-size: 11px;
}


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

.fc-hero-buttons {
    display: flex;

    align-items: center;

    gap: 13px;

    margin-top: 27px;
}


.fc-primary-btn,
.fc-secondary-btn {
    min-width: 175px;

    height: 53px;

    padding: 0 24px;

    border-radius: 11px;

    font-family: "Cinzel", serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 0.8px;

    cursor: pointer;
}


.fc-primary-btn {
    border:
        1px solid #e5c14e;

    background:
        linear-gradient(
            135deg,
            #cba52e,
            #efd16c
        );

    color: #101b2b;
}


.fc-secondary-btn {
    border:
        1px solid rgba(220,181,68,0.55);

    background:
        rgba(4,19,35,0.28);

    color:
        #dcb544;
}


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

.fc-callback-card {
    width: 100%;

    max-width: 560px;

    margin-left: auto;

    padding: 27px;

    border:
        1px solid rgba(220,181,68,0.36);

    border-radius: 18px;

    background:
        linear-gradient(
            145deg,
            rgba(8,22,41,0.97),
            rgba(7,18,34,0.91)
        );

    box-shadow:
        0 20px 60px rgba(0,0,0,0.28);

    backdrop-filter: blur(7px);
}


.fc-callback-heading {
    display: flex;

    align-items: center;

    gap: 13px;

    margin-bottom: 20px;
}


.fc-callback-logo {
    width: 55px;
    height: 49px;

    padding: 5px;

    object-fit: contain;

    background: #f3f4f0;
}


.fc-callback-title {
    margin: 0;

    color: #f3f0e8;

    font-family: "Cinzel", serif;

    font-size: 17px;

    font-weight: 600;
}


.fc-callback-subtitle {
    margin: 4px 0 0;

    color: #778da8;

    font-size: 12px;
}


/* =========================================================
   FORM
========================================================= */

.fc-form-group {
    margin-bottom: 14px;
}


.fc-form-label {
    display: block;

    margin-bottom: 7px;

    color: #8b9ab0;

    font-family: "Cinzel", serif;

    font-size: 10px;

    letter-spacing: 1px;

    text-transform: uppercase;
}


.fc-form-input,
.fc-form-select {
    width: 100%;

    height: 47px;

    padding: 0 15px;

    border:
        1px solid rgba(220,181,68,0.22);

    border-radius: 11px;

    outline: none;

    background:
        rgba(31,45,64,0.72);

    color: #dce1e7;

    font-size: 13px;
}


.fc-form-input::placeholder {
    color: #7a828e;
}


.fc-submit-btn {
    width: 100%;

    height: 52px;

    margin-top: 6px;

    border: 0;

    border-radius: 11px;

    background:
        linear-gradient(
            135deg,
            #caa52f,
            #efd16b
        );

    color: #101827;

    font-family: "Cinzel", serif;

    font-size: 12px;

    font-weight: 700;

    letter-spacing: 1px;

    cursor: pointer;
}


.fc-security-text {
    margin: 14px 0 0;

    color: #70839d;

    font-size: 10px;

    text-align: center;
}


.fc-security-text span {
    color: #f0bd38;
}


/* =========================================================
   SLIDER ARROWS
========================================================= */

.fc-slider-arrow {
    position: absolute;

    z-index: 15;

    top: 50%;

    width: 40px;
    height: 40px;

    border:
        1px solid rgba(220,181,68,0.4);

    border-radius: 50%;

    background:
        rgba(5,19,35,0.55);

    color: #e5c45d;

    font-size: 22px;

    line-height: 1;

    cursor: pointer;

    transform:
        translateY(-50%);
}


.fc-slider-prev {
    left: 18px;
}


.fc-slider-next {
    right: 18px;
}


/* =========================================================
   SLIDER DOTS
========================================================= */

.fc-slider-controls {
    position: absolute;

    z-index: 20;

    left: 50%;

    bottom: 70px;

    transform:
        translateX(-50%);

    display: flex;

    align-items: center;

    gap: 8px;
}


.fc-slider-dot {
    width: 7px;
    height: 7px;

    padding: 0;

    border: 0;

    border-radius: 50%;

    background:
        rgba(255,255,255,0.35);

    cursor: pointer;
}


.fc-slider-dot.fc-active {
    width: 27px;

    border-radius: 10px;

    background:
        var(--fc-gold);
}


/* =========================================================
   STATS
========================================================= */

.fc-stats {
    position: absolute;

    z-index: 20;

    left: 0;
    right: 0;
    bottom: 0;

    width: 100%;

    min-height: 96px;

    background:
        rgba(6,19,36,0.94);

    border-top:
        1px solid rgba(255,255,255,0.04);
}


.fc-stats-inner {
    width: 100%;

    min-height: 96px;

    margin: 0;

    padding:
        12px 5%;

    display: grid;

    grid-template-columns:
        repeat(6,1fr);

    align-items: center;
}


.fc-stat {
    position: relative;

    text-align: center;
}


.fc-stat:not(:last-child)::after {
    content: "";

    position: absolute;

    right: 0;
    top: 15%;

    width: 1px;
    height: 70%;

    background:
        rgba(255,255,255,0.07);
}


.fc-stat-number {
    color: #e7c34e;

    font-family: "Cinzel", serif;

    font-size: 19px;

    font-weight: 700;
}


.fc-stat-label {
    margin-top: 4px;

    color: #7187a4;

    font-size: 10px;
}


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

@media (max-width: 1350px) {

    .fc-header-inner {
        padding:
            0 24px;
    }

    .fc-navigation {
        gap: 21px;

        margin-right: 20px;
    }

    .fc-navigation a {
        font-size: 10px;
    }

    .fc-hero-container {
        grid-template-columns:
            minmax(420px,1fr)
            minmax(400px,510px);

        padding-left: 6%;
        padding-right: 6%;

        gap: 35px;
    }

    .fc-hero-title {
        font-size: 53px;
    }

}


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

@media (max-width: 1100px) {

    .fc-navigation {
        display: none;
    }

    .fc-menu-toggle {
        display: block;
    }

    .fc-header-actions {
        margin-left: auto;

        margin-right: 10px;
    }

    .fc-hero {
        min-height: 850px;
    }

    .fc-hero-container {
        grid-template-columns:
            1fr 450px;

        padding-left: 5%;
        padding-right: 5%;

        gap: 30px;
    }

    .fc-hero-title {
        font-size: 48px;
    }

    .fc-hero-description {
        font-size: 14px;
    }

    .fc-callback-card {
        padding: 24px;
    }

}


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

@media (max-width: 900px) {

    /* HEADER */

    .fc-hero {
        position: relative;
        width: 100vw;
        max-width: 100vw;
        min-height: auto;
        margin-top: 70px;
        overflow: hidden;
        background: #07172a;
    }

    .fc-header-inner {
        padding:
            0 15px;
    }

    .fc-logo-image {
        width: 52px;
        height: 52px;
    }

    .fc-logo-title {
        font-size: 14px;

        letter-spacing: 2px;
    }

    .fc-logo-subtitle {
        font-size: 7px;
    }

    .fc-card-icon,
    .fc-header-divider,
    .fc-account-btn {
        display: none;
    }

    .fc-join-btn {
        min-width: 90px;

        height: 38px;

        padding:
            0 14px;

        font-size: 9px;
    }


    /* HERO */

    .fc-hero {

        width: 100vw;
        max-width: 100vw;

        min-height: 0;

        margin-top: 70px;

        overflow: hidden;
    }


    /* MOBILE SLIDER */

    .fc-slider {
    position: absolute;
        inset: 0;
    }


.fc-slide {
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }

    .fc-slide.fc-active {
        transform: none;
    }

    .fc-hero-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(4,17,32,0.15) 0%,
                rgba(4,17,32,0.35) 35%,
                rgba(4,17,32,0.72) 70%,
                rgba(4,17,32,0.96) 100%
            );
    }


    .fc-hero-bottom-overlay {
        height: 150px;
    }


    /* CONTENT + BUTTONS + FORM */

    .fc-hero-container {

        position: relative;

        z-index: 5;

        width: 100%;

        min-height: auto;

        display: flex;

        flex-direction: column;

        align-items: center;

        gap: 28px;

        padding:
            38px 16px 90px;
    }


    /* CONTENT */

    .fc-hero-content {

        width: 100%;

        max-width: 650px;

        margin: 0 auto;

        padding: 0;

        text-align: center;

        position: relative;

        z-index: 10;
    }


    .fc-eyebrow {

        font-size: 8px;

        letter-spacing: 1px;

        padding:
            6px 10px;
    }


    .fc-hero-title {

        margin:
            17px 0 18px;

        font-size:
            clamp(35px,9vw,52px);

        line-height: 1.05;

        letter-spacing: -0.5px;
    }


    .fc-hero-description {

        width: 100%;

        max-width: 600px;

        margin:
            0 auto;

        font-size: 13px;

        line-height: 1.65;

        color: #dce4ed;
    }


    /* OFFER */

    .fc-offer {

        justify-content: center;

        margin-top: 19px;

        text-align: left;
    }


    .fc-offer-icon {

        width: 38px;
        height: 38px;

        font-size: 18px;
    }


    .fc-offer-title {
        font-size: 10px;
    }


    .fc-offer-text {
        font-size: 9px;
    }


    /* BUTTONS ABOVE FORM */

    .fc-hero-buttons {

        width: 100%;

        max-width: 500px;

        display: flex;

        flex-direction: row;

        justify-content: center;

        align-items: center;

        gap: 10px;

        margin:
            24px auto 0;

        position: relative;

        z-index: 20;
    }


    .fc-primary-btn,
    .fc-secondary-btn {

        width: 50%;

        min-width: 0;

        height: 48px;

        padding:
            0 8px;

        border-radius: 10px;

        font-size: 10px;

        white-space: nowrap;
    }


    /* FORM */

    .fc-callback-card {

        position: relative;

        z-index: 20;

        width: 100%;

        max-width: 550px;

        margin:
            0 auto;

        padding:
            20px 16px;

        border-radius: 15px;

        background:
            rgba(7,18,34,0.94);

        backdrop-filter:
            blur(5px);
    }


    .fc-callback-heading {

        margin-bottom: 18px;

        gap: 10px;
    }


    .fc-callback-logo {

        width: 48px;
        height: 43px;
    }


    .fc-callback-title {
        font-size: 14px;
    }


    .fc-callback-subtitle {
        font-size: 10px;
    }


    /* FORM FIELDS */

    .fc-form-group {
        margin-bottom: 12px;
    }


    .fc-form-label {

        font-size: 9px;

        margin-bottom: 6px;
    }


    .fc-form-input,
    .fc-form-select {

        width: 100%;

        height: 45px;

        font-size: 12px;

        border-radius: 10px;
    }


    .fc-submit-btn {

        height: 49px;

        font-size: 10px;

        border-radius: 10px;
    }


    /* ARROWS */

    .fc-slider-arrow {

        width: 32px;
        height: 32px;

        font-size: 17px;

        top: 20%;
    }


    .fc-slider-prev {
        left: 7px;
    }


    .fc-slider-next {
        right: 7px;
    }


    /* DOTS */

    .fc-slider-controls {

        left: 50%;

        bottom: 20px;

        z-index: 50;
    }


    /* STATS */

    .fc-stats {

        position: relative;

        z-index: 30;

        width: 100%;

        min-height: auto;
    }


    .fc-stats-inner {

        width: 100%;

        min-height: auto;

        grid-template-columns:
            repeat(2,1fr);

        padding:
            16px 8px;

        row-gap: 18px;
    }


    .fc-stat-number {
        font-size: 16px;
    }


    .fc-stat-label {
        font-size: 9px;
    }

}


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

@media (max-width: 600px) {

    .fc-header-inner {
        padding:
            0 12px;
    }


    .fc-logo {
        gap: 8px;
    }


    .fc-logo-image {

        width: 48px;
        height: 48px;
    }


    .fc-logo-title {

        font-size: 12px;

        letter-spacing: 2px;
    }


    .fc-logo-subtitle {
        display: none;
    }


    .fc-join-btn {

        min-width: 82px;

        height: 36px;

        padding:
            0 10px;

        font-size: 8px;
    }


    .fc-menu-toggle {

        width: 38px;
        height: 38px;
    }


    /* IMAGE */

    .fc-slide {

        /*
          Show more of the original banner
          on small screens.
        */

        background-size: cover;

        background-position:
            center 32%;
    }


    /* HERO */

    .fc-hero-container {

        padding:
            32px 13px 80px;

        gap: 25px;
    }


    .fc-eyebrow {

        font-size: 7px;

        letter-spacing: 0.8px;

        padding:
            6px 9px;
    }


    .fc-hero-title {

        margin:
            17px 0 18px;

        font-size: 34px;
    }


    .fc-hero-description {

        font-size: 12px;
    }


    .fc-offer {

        margin-top: 18px;
    }


    .fc-offer-icon {

        width: 36px;
        height: 36px;

        font-size: 17px;
    }


    .fc-offer-title {
        font-size: 9px;
    }


    .fc-offer-text {
        font-size: 8px;
    }


    /* BUTTONS */

    .fc-hero-buttons {

        width: 100%;

        gap: 8px;

        margin-top: 22px;
    }


    .fc-primary-btn,
    .fc-secondary-btn {

        height: 46px;

        font-size: 9px;

        padding:
            0 7px;
    }


    /* FORM */

    .fc-callback-card {

        width: 100%;

        padding:
            18px 13px;

        border-radius: 14px;
    }


    .fc-callback-heading {

        gap: 9px;

        margin-bottom: 16px;
    }


    .fc-callback-logo {

        width: 45px;
        height: 41px;
    }


    .fc-callback-title {
        font-size: 13px;
    }


    .fc-callback-subtitle {
        font-size: 9px;
    }


    .fc-form-input,
    .fc-form-select {

        height: 44px;

        font-size: 11px;
    }


    .fc-submit-btn {

        height: 47px;

        font-size: 9px;
    }


    /* ARROWS */

    .fc-slider-arrow {

        width: 31px;
        height: 31px;

        font-size: 16px;

        top: 16%;
    }


    .fc-slider-prev {
        left: 6px;
    }


    .fc-slider-next {
        right: 6px;
    }


    /* DOTS */

    .fc-slider-controls {
        bottom: 18px;
    }


    /* STATS */

    .fc-stats-inner {

        grid-template-columns:
            repeat(2,1fr);

        padding:
            15px 6px;

        row-gap: 16px;
    }


    .fc-stat-number {
        font-size: 15px;
    }


    .fc-stat-label {
        font-size: 8px;
    }

}


/* =========================================================
   EXTRA SMALL MOBILE
========================================================= */

@media (max-width: 380px) {

    .fc-logo-title {
        font-size: 11px;
    }


    .fc-join-btn {

        min-width: 75px;

        padding:
            0 7px;
    }


    .fc-hero-title {
        font-size: 31px;
    }


    .fc-hero-container {
        padding-left: 11px;
        padding-right: 11px;
    }


    .fc-callback-card {
        padding:
            17px 11px;
    }


    .fc-primary-btn,
    .fc-secondary-btn {
        font-size: 8px;
    }

}

/*=====================================
    Full Width Banner
======================================*/

.fc-full-banner{
    width:100%;
    margin:0;
    padding:0;
    overflow:hidden;
    line-height:0;
}

.fc-full-banner img{
    display:block;
    width:100%;
    height:auto;
    object-fit:cover;
}



.fc-membership{background:#16284d;color:#fff;padding:50px 0;}
.fc-membership p{    font-family: Arial, Helvetica, sans-serif;}
.fc-container{width:100%;max-width:1400px;padding:0 20px;margin:auto}
.fc-heading{text-align:center;margin-bottom:30px}.fc-tag{border:1px solid #6d7aa3;padding:6px 14px;border-radius:20px;color:#d8b55b}
.fc-heading h2{font-size:42px;margin:15px 0}.fc-heading span{color:#d8b55b}
.fc-grid{display:grid;gap:2%}.fc-left{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.fc-item{
    display:flex;
    align-items:center;
    gap:16px;
    padding:18px 22px;
    background:linear-gradient(180deg,#1b3265,#1a2e5c);
    border:1px solid rgba(255,255,255,.06);
    border-radius:14px;
    transition:all .35s ease;
    cursor:pointer;
    position:relative;
    overflow:hidden;
}

.fc-item::before{
    content:"";
    position:absolute;
    left:-100%;
    top:0;
    width:100%;
    height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
    transition:.7s;
}

.fc-item:hover::before{
    left:100%;
}

.fc-item:hover{
    transform:translateY(-8px);
    background:linear-gradient(180deg,#21407c,#1d3870);
    border-color:#d8b55b;
    box-shadow:0 20px 40px rgba(0,0,0,.35);
}

.fc-item span{
    transition:.35s;
    font-size:15px;
    font-weight:500;    font-family: Arial, Helvetica, sans-serif;
}

.fc-item:hover span{
    color:#ffffff;
    letter-spacing:.4px;
}
.fc-card{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg,#1c3365,#172b55);
    border:1px solid rgba(216,181,91,.4);
    border-radius:18px;
    padding:30px;
    transition:.4s;
}


.fc-card:hover{
    transform:translateY(-8px);
    box-shadow:0 30px 60px rgba(0,0,0,.35);
}



.fc-badge{
    width:54px;
    height:54px;
    border-radius:50%;
    background:linear-gradient(135deg,#ffe49b,#d8b55b);
    color:#16284d;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    transition:.4s;
	    margin: 14px 0 0;
}



.fc-heading h2{
    font-size:46px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:12px;
}

.fc-heading h2 span{
    color:#d8b55b;
    position:relative;
}

.fc-heading h2 span::after{
    content:"";
    width:100%;
    height:4px;
    background:#d8b55b;
    position:absolute;
    bottom:-8px;
    left:0;
    border-radius:5px;
}

.fc-box{    background: rgba(255, 255, 255, 0.15);padding:14px;border:1px solid #d8b55b;border-radius:10px;margin:18px 0;}
.fc-card ul{padding-left:18px;    font-family: Arial, Helvetica, sans-serif;}



@media(max-width:768px){
.fc-container{padding:0 15px}.fc-grid,.fc-left{grid-template-columns:1fr}.fc-heading h2{font-size:28px}.fc-item{padding:14px}.fc-item span,.fc-card p,.fc-card li{font-size:15px;line-height:1.6}
}


  :root{
    --bg-deep:#0b1330;
    --bg-panel:#141f45;
    --bg-panel-2:#18234c;
    --header-band-1:#26366a;
    --header-band-2:#182352;
    --border:#2c3a6c;
    --gold-2:#e3c26b;
    --gold-3:#c9982e;
    --gold-text:#d3aa4c;
    --text-main:#f2eee0;
    --text-sub:#8d9ac2;
    --text-muted:#6d7aa3;
  }

  *{box-sizing:border-box;}

  body{
    
    background:
      radial-gradient(ellipse 900px 500px at 50% -10%, #16224e 0%, transparent 60%),
      #0b1330;
    color:var(--text-main);
   
    padding:56px 20px 80px;
  }

  .hh-wrap{max-width:1200px;margin:40px auto;}

  .hh-sc{font-variant-caps:small-caps;letter-spacing:0.3px;}

  /* ---------- Header ---------- */
  .hh-header{text-align:center;margin-bottom:40px;}

  .hh-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    border:1px solid var(--border);
    border-radius:999px;
    color:var(--gold-text);
    font-size:13px;
    font-weight:700;
    background:rgba(255,255,255,0.02);
  }

  .hh-title{
    font-size:clamp(30px, 4.8vw, 44px);
    margin:22px 0 14px;
    font-weight:700;
    letter-spacing:0.3px;
  }
  .hh-title .accent{color:var(--gold-text);}

  .hh-subtitle{
    color:var(--text-sub);
    font-family:Georgia, serif;
    font-size:15px;
    max-width:480px;
    margin:0 auto;
  }

  /* ---------- Tabs ---------- */
  .hh-tabs{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px;
    margin:36px 0 40px;
  }

  .hh-tab{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:11px 22px;
    border-radius:999px;
    border:1px solid var(--border);
    background:#131c40;
    color:var(--text-sub);
    font-family:Georgia, serif;
    font-size:14px;
    font-weight:700;
    cursor:pointer;
    transition:all .2s ease;
  }

  .hh-tab:hover{border-color:var(--gold-3);color:var(--text-main);}

  .hh-tab.is-active{
    background:linear-gradient(180deg, var(--gold-2), var(--gold-3));
    color:#251c05;
    border-color:transparent;
  }

  .hh-tab .icon{font-size:14px;}

  /* ---------- Plan groups ---------- */
  .hh-plan-group{display:none;padding: 0 10px 0;}
  .hh-plan-group.is-active{display:block;}

  /* ---------- Cards ---------- */
  .hh-cards{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    align-items:start;
  }

  @media (max-width:820px){
    .hh-cards{grid-template-columns:1fr;}
  }

  .hh-card{
    position:relative;
    background:var(--bg-panel);
    border:1px solid var(--border);
    border-radius:14px;
    overflow:visible;
  }

  .hh-card.is-popular{
    border-color:var(--gold-3);
    box-shadow:0 0 0 1px rgba(201,152,46,0.35), 0 25px 50px -25px rgba(201,152,46,0.4);
  }

  .hh-badge{
    position:absolute;
    top:0;
    left:50%;
    transform:translate(-50%,-50%);
    background:linear-gradient(180deg, var(--gold-2), var(--gold-3));
    color:#251c05;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.5px;
    padding:6px 18px;
    border-radius:999px;
    white-space:nowrap;
    z-index:2;
  }

  .hh-card-head{
    padding:26px 28px 20px;
    background:linear-gradient(90deg, var(--header-band-1), var(--header-band-2));
    border-bottom:1px solid var(--border);
    border-radius:14px 14px 0 0;
  }

  .hh-card-title{
    font-size:22px;
    font-weight:700;
    margin:0 0 8px;
    letter-spacing:0.3px;
    color:var(--text-main);
  }

  .hh-card-meta{
    color:var(--gold-text);
    font-size:13px;
    font-weight:600;
    letter-spacing:0.2px;
  }

  .hh-card-body{padding:24px 24px 28px;}

  .hh-pkg{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:16px 20px;
    background:var(--bg-panel-2);
    border:1px solid rgba(255,255,255,0.05);
    border-radius:10px;
    margin-bottom:14px;
    cursor:pointer;
    transition:border-color .2s ease, transform .15s ease, background .2s ease;
  }

  .hh-pkg:hover{border-color:var(--gold-3);transform:translateY(-1px);}

  .hh-pkg.is-selected{
    border-color:var(--gold-3);
    background:linear-gradient(90deg, rgba(201,152,46,0.16), rgba(201,152,46,0.03));
  }

  .hh-pkg-name{
    font-size:16px;
    font-weight:700;
    margin:0 0 4px;
    color:var(--text-main);
  }

  .hh-pkg-sub{
    font-size:13px;
    color:var(--text-muted);
    font-family:Arial, sans-serif;
  }

  .hh-pkg-price{
    font-size:21px;
    font-weight:700;
    color:var(--text-main);
    white-space:nowrap;
  }

  .hh-bonus{
    background:rgba(255,255,255,0.02);
    border:1px solid rgba(255,255,255,0.05);
    border-radius:10px;
    padding:18px 20px;
    margin:6px 0 22px;
  }

  .hh-bonus-title{
    font-size:13px;
    letter-spacing:0.3px;
    color:var(--gold-text);
    font-weight:700;
    margin:0 0 12px;
    font-family:Georgia, serif;
  }

  .hh-bonus ul{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:10px;
    font-family:Arial, sans-serif;
    font-size:14px;
    color:#c9d2ea;
  }

  .hh-bonus li{display:flex;align-items:center;gap:10px;}
  .hh-bonus li::before{
    content:"✓";
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:17px;height:17px;
    border-radius:50%;
    border:1px solid var(--gold-3);
    color:var(--gold-text);
    font-size:10px;
    flex-shrink:0;
  }

  .hh-cta{
    display:block;
    width:100%;
    padding:15px;
    border-radius:8px;
    text-align:center;
    font-family:Georgia, serif;
    font-weight:700;
    font-size:15px;
    letter-spacing:0.2px;
    cursor:pointer;
    border:1px solid var(--border);
    background:transparent;
    color:var(--text-main);
    transition:all .2s ease;
  }

  .hh-cta.is-primary{
    background:linear-gradient(180deg, var(--gold-2), var(--gold-3));
    color:#251c05;
    border-color:transparent;
  }

  .hh-cta:hover{filter:brightness(1.08);}

  .hh-selected-note{
    text-align:center;
    margin-top:10px;
    font-size:12px;
    font-family:Arial, sans-serif;
    color:var(--text-muted);
    min-height:16px;
  }
  
  
  /* =========================================================
   FAUJI PLAN COMPARISON - ISOLATED CSS
   ========================================================= */

.faujiplan-section {
    width: 100%;
    margin: 0;
    padding: 64px 24px 80px;
    background: #0b1428;
    color: #ffffff;
    font-family: "Inter", Arial, sans-serif;
    box-sizing: border-box;
    overflow: hidden;
}

.faujiplan-section *,
.faujiplan-section *::before,
.faujiplan-section *::after {
    box-sizing: border-box;
}


/* =========================================================
   HEADER
   ========================================================= */

.faujiplan-header {
    width: 100%;
    text-align: center;
    margin-bottom: 54px;
}

.faujiplan-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 15px;
    border: 1px solid rgba(215, 171, 67, 0.35);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.035);

    color: #d9ae45;
    font-family: "Inter", Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.faujiplan-label::before {
    content: "✦";
    margin-right: 8px;
    font-size: 10px;
    color: #d9ae45;
}

.faujiplan-label::after {
    content: "✦";
    margin-left: 8px;
    font-size: 10px;
    color: #d9ae45;
}

.faujiplan-title {
    margin: 18px 0 0;
    padding: 0;
    color: #f5f3ee;
    font-family: "Playfair Display", Georgia, serif;
    font-size: clamp(30px, 3.1vw, 42px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.faujiplan-title span {
    color: #d9ae45;
}


/* =========================================================
   TABLE WRAPPER
   ========================================================= */

.faujiplan-table-wrap {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;

    border: 1px solid rgba(106, 137, 180, 0.28);
    border-radius: 16px;
    overflow: hidden;

    background: #101f3d;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.12);
}


/* =========================================================
   TABLE
   ========================================================= */

.faujiplan-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}


/* =========================================================
   TABLE HEADER
   ========================================================= */

.faujiplan-table thead {
    background: #182a50;
}

.faujiplan-table th {
    height: 93px;
    padding: 14px 15px;

    border-bottom: 1px solid rgba(106, 137, 180, 0.25);

    color: #f4f4f2;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    vertical-align: middle;
}

.faujiplan-table th:first-child {
    width: 25%;
    color: #7194c4;

    font-family: "Inter", Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0.5px;
    text-align: left;
    text-transform: uppercase;
}

.faujiplan-table th:not(:first-child) {
    width: 18.75%;
}

.faujiplan-plan-name {
    display: block;
    font-family: "Playfair Display", Georgia, serif;
    font-size: 14px;
    font-weight: 700;
    color: #f5f5f2;
}

.faujiplan-plan-duration {
    display: block;
    margin-bottom: 3px;
}

.faujiplan-plan-popular {
    display: block;
    margin-top: 5px;

    color: #d9ae45;
    font-family: "Inter", Arial, sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.2px;
}


/* =========================================================
   TABLE BODY
   ========================================================= */

.faujiplan-table tbody tr {
    background: #101f3d;
}

.faujiplan-table tbody tr:nth-child(even) {
    background: #122342;
}

.faujiplan-table td {
    height: 49px;
    padding: 10px 16px;

    border-bottom: 1px solid rgba(79, 108, 149, 0.16);

    color: #f0f2f5;
    font-family: "Inter", Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
}

.faujiplan-table td:first-child {
    color: #7096ca;
    font-size: 13px;
    font-weight: 400;
    text-align: left;
}

.faujiplan-table tbody tr:last-child td {
    border-bottom: 0;
}


/* =========================================================
   CHECK / CROSS ICONS
   ========================================================= */

.faujiplan-status {
    width: 20px;
    height: 20px;

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

    border-radius: 50%;

    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.faujiplan-status-check {
    color: #16d08b;
    border: 1px solid rgba(22, 208, 139, 0.48);
    background: rgba(22, 208, 139, 0.055);
}

.faujiplan-status-cross {
    color: #6b7d9b;
    border: 1px solid rgba(107, 125, 155, 0.25);
    background: rgba(107, 125, 155, 0.05);
}


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

@media (max-width: 900px) {

    .faujiplan-section {
        padding: 50px 16px 60px;
    }

    .faujiplan-header {
        margin-bottom: 38px;
    }

    .faujiplan-title {
        font-size: 30px;
    }

    .faujiplan-table-wrap {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .faujiplan-table {
        min-width: 760px;
    }

    .faujiplan-table th {
        height: 85px;
    }

    .faujiplan-table td {
        height: 47px;
    }
}


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

@media (max-width: 600px) {

    .faujiplan-section {
        padding: 42px 10px 50px;
    }

    .faujiplan-header {
        margin-bottom: 30px;
    }

    .faujiplan-label {
        min-height: 29px;
        padding: 0 12px;
        font-size: 9px;
        letter-spacing: 1.6px;
    }

    .faujiplan-title {
        margin-top: 15px;
        font-size: 25px;
        line-height: 1.2;
    }

    .faujiplan-table-wrap {
        border-radius: 12px;
    }

    .faujiplan-table {
        min-width: 720px;
    }

    .faujiplan-table th {
        height: 78px;
        padding: 10px 12px;
        font-size: 12px;
    }

    .faujiplan-table th:first-child {
        font-size: 10px;
    }

    .faujiplan-plan-name {
        font-size: 12px;
    }

    .faujiplan-plan-popular {
        font-size: 9px;
    }

    .faujiplan-table td {
        height: 45px;
        padding: 8px 12px;
        font-size: 12px;
    }

    .faujiplan-table td:first-child {
        font-size: 12px;
    }

    .faujiplan-status {
        width: 19px;
        height: 19px;
        font-size: 11px;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

    .faujiplan-section {
        padding-left: 7px;
        padding-right: 7px;
    }

    .faujiplan-title {
        font-size: 22px;
    }

    .faujiplan-table {
        min-width: 690px;
    }
}


/* =========================================================
   FAUJI STATS - COMPACT VERSION
   ========================================================= */

.faujistats-section {
    width: 100%;
    margin: 0;
    padding: 55px 0px 40px;
    background: #18294e;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
}

.faujistats-section *,
.faujistats-section *::before,
.faujistats-section *::after {
    box-sizing: border-box;
}

.faujistats-container {
    width: 100%;
    max-width: 1278px;
    margin: 0 auto;
}

/* =========================
   GRID
   ========================= */

.faujistats-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
}

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

.faujistats-card {
    min-height: 130px;
    padding: 16px 10px;

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

    text-align: center;

    background: linear-gradient(
        145deg,
        rgba(8, 25, 57, 0.96),
        rgba(18, 38, 77, 0.92)
    );

    border: 1px solid rgba(102, 130, 170, 0.24);
    border-radius: 17px;

    transition: transform 0.25s ease,
                border-color 0.25s ease;
}

.faujistats-card:hover {
    transform: translateY(-2px);
    border-color: rgba(218, 175, 68, 0.35);
}

/* =========================
   ICON
   ========================= */

.faujistats-icon {
    width: 34px;
    height: 34px;

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

    margin-bottom: 4px;

    font-size: 25px;
    line-height: 1;
}

/* =========================
   NUMBER
   ========================= */

.faujistats-number {
    margin: 0;

    color: #f1c34d;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 26px;
    font-weight: 700;
    line-height: 1.05;
}

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

.faujistats-label {
    margin: 5px 0 0;

    color: #7598c9;

    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
}

/* =========================
   DIVIDER
   ========================= */

.faujistats-divider {
    width: 100%;
    max-width: 1220px;

    height: 1px;

    margin: 48px auto 0;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(104, 132, 171, 0.22),
        transparent
    );
}


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

@media (max-width: 1200px) {

    .faujistats-section {
        padding: 45px 20px 35px;
    }

    .faujistats-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }

    .faujistats-card {
        min-height: 135px;
    }

    .faujistats-number {
        font-size: 30px;
    }
}


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

@media (max-width: 768px) {

    .faujistats-section {
        padding: 35px 14px 30px;
    }

    .faujistats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .faujistats-card {
        min-height: 125px;
        padding: 13px 8px;
        border-radius: 13px;
    }

    .faujistats-icon {
        width: 30px;
        height: 30px;
        font-size: 22px;
    }

    .faujistats-number {
        font-size: 27px;
    }

    .faujistats-label {
        font-size: 12px;
        margin-top: 4px;
    }

    .faujistats-divider {
        margin-top: 30px;
    }
}


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

@media (max-width: 480px) {

    .faujistats-section {
        padding: 28px 10px 25px;
    }

    .faujistats-grid {
        gap: 9px;
    }

    .faujistats-card {
        min-height: 115px;
        padding: 10px 5px;
    }

    .faujistats-icon {
        width: 27px;
        height: 27px;
        font-size: 20px;
        margin-bottom: 3px;
    }

    .faujistats-number {
        font-size: 23px;
    }

    .faujistats-label {
        font-size: 10px;
    }

    .faujistats-divider {
        margin-top: 25px;
    }
}

/* =========================================================
   Fauji Membership Section
   All selectors are namespaced with .fauji-membership
   to avoid conflicts with existing website CSS.
   ========================================================= */

.fauji-membership {
  --fauji-bg: #09172e;
  --fauji-card: #0e2040;
  --fauji-card-hover: #12284d;
  --fauji-border: rgba(197, 157, 58, 0.22);
  --fauji-border-soft: rgba(117, 147, 190, 0.16);
  --fauji-gold: #d7ad4b;
  --fauji-gold-light: #e5c15f;
  --fauji-white: #f5f3ef;
  --fauji-text: #77a2d6;
  --fauji-line: rgba(153, 126, 63, 0.32);

  width: 100%;
  box-sizing: border-box;
  background: var(--fauji-bg);
  color: var(--fauji-white);
  overflow: hidden;
  padding: 62px 24px 58px;

}

.fauji-membership *,
.fauji-membership *::before,
.fauji-membership *::after {
  box-sizing: border-box;
}

.fauji-membership__container {
  width: min(100%, 1280px);
  margin: 0 auto;
}

.fauji-membership__intro {
  text-align: center;
  margin-bottom: 58px;
}

.fauji-membership__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  padding: 5px 14px;
  border: 1px solid rgba(215, 173, 75, 0.25);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.035);
  color: var(--fauji-gold);

  font-size: 11px;
  font-weight: 600;
  letter-spacing: 2px;
}

.fauji-membership__eyebrow span {
  font-size: 9px;
}

.fauji-membership__intro h2 {
  margin: 12px 0 0;
  color: var(--fauji-white);

  font-size: clamp(32px, 3.15vw, 49px);
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.fauji-membership__intro h2 em {
  color: var(--fauji-gold-light);
  font-style: normal;
  font-weight: 500;
}

.fauji-membership__timeline {
  position: relative;
  width: 100%;
}

.fauji-membership__timeline::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 25px;
  bottom: 25px;
  left: 40px;
  width: 1px;
  background: var(--fauji-line);
}

.fauji-membership__item {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 80px minmax(0, 1fr);
  align-items: center;
  gap: 0;
  min-height: 110px;
  margin-bottom: 0;
}

.fauji-membership__marker {
  width: 56px;
  height: 56px;
  margin-left: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(113, 144, 190, 0.28);
  border-radius: 50%;
  background: #0b1a35;
  box-shadow: 0 0 0 5px var(--fauji-bg);
  color: #fff;
}

.fauji-membership__item.is-active .fauji-membership__marker {
  border-color: rgba(215, 173, 75, 0.45);
  background: linear-gradient(145deg, #e4c05a, #bd8d28);
  color: #1a1a1a;
}

.fauji-membership__number {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 15px;
  font-weight: 700;
}

.fauji-membership__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 21px;
  height: 21px;
  font-size: 15px;
  line-height: 1;
}

.fauji-membership__icon--id {
  width: 15px;
  height: 15px;
  border-radius: 1px;
  background: #7858e9;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 8px;
  font-weight: 700;
}

.fauji-membership__icon--check {
  width: 16px;
  height: 16px;
  border-radius: 2px;
  background: #0bd33e;
  color: #06150b;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
}

.fauji-membership__icon--star {
  color: #ffc42f;
  font-size: 19px;
}

.fauji-membership__card {
  min-width: 0;
  min-height: 88px;
  padding: 18px 25px 17px 26px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 1px solid var(--fauji-border-soft);
  border-radius: 12px;
  background: linear-gradient(115deg, rgba(16, 34, 66, 0.94), rgba(13, 30, 59, 0.94));
  transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.fauji-membership__item:first-child .fauji-membership__card {
  border-color: rgba(215, 173, 75, 0.25);
}

.fauji-membership__card:hover {
  transform: translateX(5px);
  border-color: rgba(215, 173, 75, 0.28);
  background: var(--fauji-card-hover);
}

.fauji-membership__card h3 {
  margin: 0 0 7px;
  color: var(--fauji-white);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 700;
  text-transform: capitalize;
  font-variant: small-caps;
  letter-spacing: 0.2px;
}

.fauji-membership__card h3 span {
  margin-right: 8px;
  color: #a98135;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 13px;
  font-variant: normal;
  letter-spacing: 0;
}

.fauji-membership__card p {
  margin: 0;
  color: var(--fauji-text);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 400;
  font-family: Arial, Helvetica, sans-serif;
}

/* Tablet */
@media (max-width: 900px) {
  .fauji-membership {
    padding: 50px 20px;
  }

  .fauji-membership__intro {
    margin-bottom: 42px;
  }

  .fauji-membership__timeline::before {
    left: 31px;
  }

  .fauji-membership__item {
    grid-template-columns: 62px minmax(0, 1fr);
    min-height: 105px;
  }

  .fauji-membership__marker {
    width: 52px;
    height: 52px;
    margin-left: 5px;
  }

  .fauji-membership__card {
    padding: 17px 20px;
  }
}

/* Mobile */
@media (max-width: 600px) {
  .fauji-membership {
    padding: 38px 14px 42px;
  }

  .fauji-membership__container {
    width: 100%;
  }

  .fauji-membership__intro {
    margin-bottom: 32px;
  }

  .fauji-membership__eyebrow {
    font-size: 9px;
    letter-spacing: 1.5px;
    padding: 5px 11px;
  }

  .fauji-membership__intro h2 {
    margin-top: 11px;
    font-size: clamp(27px, 8vw, 36px);
    line-height: 1.15;
  }

  .fauji-membership__timeline::before {
    top: 23px;
    bottom: 23px;
    left: 24px;
  }

  .fauji-membership__item {
    grid-template-columns: 48px minmax(0, 1fr);
    min-height: auto;
    margin-bottom: 13px;
    align-items: stretch;
  }

  .fauji-membership__marker {
    position: relative;
    z-index: 2;
    width: 46px;
    height: 46px;
    margin: 11px 0 0 1px;
    box-shadow: 0 0 0 4px var(--fauji-bg);
  }

  .fauji-membership__card {
    min-height: 0;
    padding: 14px 13px 14px 15px;
    border-radius: 9px;
  }

  .fauji-membership__card h3 {
    margin-bottom: 6px;
    font-size: 14px;
    line-height: 1.25;
  }

  .fauji-membership__card h3 span {
    margin-right: 5px;
    font-size: 11px;
  }

  .fauji-membership__card p {
    font-size: 12px;
    line-height: 1.45;
  }

  .fauji-membership__icon {
    font-size: 13px;
  }

  .fauji-membership__icon--star {
    font-size: 17px;
  }

  .fauji-membership__number {
    font-size: 12px;
  }

  .fauji-membership__card:hover {
    transform: none;
  }
}

/* Very small screens */
@media (max-width: 380px) {
  .fauji-membership {
    padding-left: 10px;
    padding-right: 10px;
  }

  .fauji-membership__item {
    grid-template-columns: 43px minmax(0, 1fr);
  }

  .fauji-membership__timeline::before {
    left: 21px;
  }

  .fauji-membership__marker {
    width: 41px;
    height: 41px;
  }

  .fauji-membership__card {
    padding: 13px 11px;
  }

  .fauji-membership__card h3 {
    font-size: 13px;
  }

  .fauji-membership__card p {
    font-size: 11px;
  }
}


/* =========================================================
   Fauji Club Testimonials
   All selectors are scoped under .fauji-testimonials
   to prevent conflicts with existing website CSS.
   ========================================================= */

.fauji-testimonials {
  --ft-bg: #17294f;
  --ft-card: #10254a;
  --ft-card-2: #142a53;
  --ft-border: rgba(191, 154, 63, .22);
  --ft-border-soft: rgba(124, 151, 190, .18);
  --ft-gold: #dcb24d;
  --ft-text: #f5f3ee;
  --ft-muted: #a9b5c9;
  --ft-blue: #83a5d4;
  --ft-green: #21c98a;

  width: 100%;
  padding: 65px 24px 55px;
  background: var(--ft-bg);
  color: var(--ft-text);
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
}

.fauji-testimonials *,
.fauji-testimonials *::before,
.fauji-testimonials *::after {
  box-sizing: border-box;
}

.fauji-testimonials__container {
  width: min(100%, 1390px);
  margin: 0 auto;
}

.fauji-testimonials__heading {
  text-align: center;
  margin-bottom: 70px;
}

.fauji-testimonials__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 17px;
  border: 1px solid rgba(220, 178, 77, .28);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: var(--ft-gold);
  font: 600 11px/1 Georgia, "Times New Roman", serif;
  letter-spacing: 2px;
}

.fauji-testimonials__eyebrow span {
  font-size: 9px;
}

.fauji-testimonials__heading h2 {
  margin: 18px 0 0;
  color: var(--ft-text);
  font: 700 clamp(32px, 3.2vw, 48px)/1.12 Georgia, "Times New Roman", serif;
  text-transform: uppercase;
  letter-spacing: .4px;
}

.fauji-testimonials__heading h2 em {
  color: var(--ft-gold);
  font-style: normal;
  font-weight: 500;
}

/* Slider */
.fauji-testimonials__slider-wrap {
  position: relative;
  width: 100%;
}

.fauji-testimonials__viewport {
  width: 100%;
  overflow: hidden;
}

.fauji-testimonials__track {
  display: flex;
  gap: 28px;
  transition: transform .5s cubic-bezier(.22,.61,.36,1);
  will-change: transform;
}

.fauji-testimonial {
  flex: 0 0 calc((100% - 56px) / 3);
  min-width: 0;
  min-height: 315px;
  padding: 35px 30px 27px;
  border: 1px solid var(--ft-border);
  border-radius: 16px;
  background: linear-gradient(125deg, rgba(13,34,70,.98), rgba(20,43,83,.95));
  display: flex;
  flex-direction: column;
  transition: border-color .25s ease, transform .25s ease;
}

.fauji-testimonial:hover {
  transform: translateY(-3px);
  border-color: rgba(220,178,77,.38);
}

.fauji-testimonial__stars {
  color: var(--ft-gold);
  font-size: 19px;
  line-height: 1;
  letter-spacing: 1px;
  margin-bottom: 22px;
}

.fauji-testimonial__quote {
  margin: 0;
  color: #aebbd0;
  font-size: 16px;
  line-height: 1.7;
  font-style: italic;
}

.fauji-testimonial__member {
  margin-top: auto;
  padding-top: 21px;
  border-top: 1px solid rgba(151,165,190,.12);
  display: flex;
  align-items: center;
  gap: 15px;
}

.fauji-testimonial__avatar {
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 35% 30%, #d7d7d2, #7b817e 48%, #3d4545);
  border: 1px solid rgba(255,255,255,.18);
  color: #17294f;
  font: 700 13px Arial, sans-serif;
}

.fauji-testimonial__member h3 {
  margin: 0 0 4px;
  color: #f0eee9;
  font: 700 14px/1.2 Georgia, "Times New Roman", serif;
  font-variant: small-caps;
  text-transform: capitalize;
}

.fauji-testimonial__member span,
.fauji-testimonial__member small {
  display: block;
  font-size: 12px;
  line-height: 1.4;
}

.fauji-testimonial__member span {
  color: var(--ft-blue);
}

.fauji-testimonial__member small {
  color: var(--ft-gold);
}

/* Slider arrows */
.fauji-testimonials__arrow {
  position: absolute;
  z-index: 5;
  top: 50%;
  width: 42px;
  height: 42px;
  transform: translateY(-50%);
  border: 1px solid rgba(220,178,77,.35);
  border-radius: 50%;
  background: #10244a;
  color: var(--ft-gold);
  font: 28px/36px Arial, sans-serif;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s ease, color .2s ease;
}

.fauji-testimonials__arrow:hover {
  background: var(--ft-gold);
  color: #132342;
}

.fauji-testimonials__arrow--prev {
  left: -21px;
}

.fauji-testimonials__arrow--next {
  right: -21px;
}

.fauji-testimonials__dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 22px;
  margin: 17px 0 26px;
}

.fauji-testimonials__dot {
  width: 7px;
  height: 7px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255,255,255,.3);
  cursor: pointer;
  transition: width .25s ease, background .25s ease;
}

.fauji-testimonials__dot.is-active {
  width: 22px;
  border-radius: 999px;
  background: var(--ft-gold);
}

/* Benefits */
.fauji-testimonials__benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}

.fauji-testimonials__benefit {
  min-height: 64px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  gap: 14px;
  border: 1px solid rgba(118,145,185,.15);
  border-radius: 12px;
  background: rgba(255,255,255,.025);
  color: #d7dbe3;
  font-size: 16px;
  font-weight: 600;
}

.fauji-testimonials__benefit span {
  width: 22px;
  height: 22px;
  flex: 0 0 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(33,201,138,.55);
  border-radius: 50%;
  color: var(--ft-green);
  font-size: 13px;
}

/* Tablet */
@media (max-width: 1000px) {
  .fauji-testimonials {
    padding: 55px 20px 45px;
  }

  .fauji-testimonials__heading {
    margin-bottom: 45px;
  }

  .fauji-testimonial {
    flex-basis: calc((100% - 28px) / 2);
    min-height: 315px;
  }

  .fauji-testimonials__benefits {
    grid-template-columns: repeat(2, 1fr);
  }

  .fauji-testimonials__arrow--prev {
    left: -12px;
  }

  .fauji-testimonials__arrow--next {
    right: -12px;
  }
}

/* Mobile */
@media (max-width: 650px) {
  .fauji-testimonials {
    padding: 42px 14px 38px;
  }

  .fauji-testimonials__heading {
    margin-bottom: 34px;
  }

  .fauji-testimonials__eyebrow {
    padding: 6px 12px;
    font-size: 9px;
    letter-spacing: 1.5px;
  }

  .fauji-testimonials__heading h2 {
    margin-top: 13px;
    font-size: clamp(27px, 8vw, 36px);
  }

  .fauji-testimonials__track {
    gap: 0;
  }

  .fauji-testimonial {
    flex: 0 0 100%;
    min-height: 330px;
    padding: 26px 20px 23px;
    border-radius: 12px;
  }

  .fauji-testimonial__stars {
    margin-bottom: 18px;
    font-size: 17px;
  }

  .fauji-testimonial__quote {
    font-size: 14px;
    line-height: 1.65;
  }

  .fauji-testimonial__member {
    padding-top: 17px;
  }

  .fauji-testimonials__arrow {
    width: 36px;
    height: 36px;
    font-size: 24px;
  }

  .fauji-testimonials__arrow--prev {
    left: 7px;
  }

  .fauji-testimonials__arrow--next {
    right: 7px;
  }

  .fauji-testimonials__benefits {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .fauji-testimonials__benefit {
    min-height: 55px;
    padding: 0 15px;
    font-size: 14px;
  }
}

@media (max-width: 380px) {
  .fauji-testimonials {
    padding-left: 10px;
    padding-right: 10px;
  }

  .fauji-testimonial {
    padding-left: 16px;
    padding-right: 16px;
  }

  .fauji-testimonial__quote {
    font-size: 13px;
  }
}


/* =========================================================
   Fauji Club FAQ
   All selectors are scoped to .fauji-faq to prevent conflicts.
   ========================================================= */

.fauji-faq {
  --ff-bg: #091326;
  --ff-panel: #0d1e3c;
  --ff-border: rgba(107, 135, 175, .22);
  --ff-gold: #d9ae45;
  --ff-gold-light: #e5c15e;
  --ff-white: #f4f2ed;
  --ff-text: #8799b3;

  width: 100%;
  padding: 68px 24px 64px;
  background: var(--ff-bg);
  color: var(--ff-white);
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
}

.fauji-faq *,
.fauji-faq *::before,
.fauji-faq *::after {
  box-sizing: border-box;
}

.fauji-faq__container {
  width: min(100%, 1180px);
  margin: 0 auto;
}

.fauji-faq__heading {
  text-align: center;
  margin-bottom: 67px;
}

.fauji-faq__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 7px 17px;
  border: 1px solid rgba(217,174,69,.28);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: var(--ff-gold);
  font: 600 12px/1 Georgia, "Times New Roman", serif;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.fauji-faq__eyebrow span {
  font-size: 9px;
}

.fauji-faq__heading h2 {
  margin: 20px 0 0;
  color: var(--ff-white);
  font: 700 clamp(34px, 3.25vw, 50px)/1.08 Georgia, "Times New Roman", serif;
  text-transform: uppercase;
}

.fauji-faq__heading h2 em {
  color: var(--ff-gold-light);
  font-style: normal;
  font-weight: 500;
}

.fauji-faq__tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 49px;
}

.fauji-faq__tab {
  min-height: 43px;
  padding: 9px 21px;
  border: 1px solid rgba(110,133,168,.18);
  border-radius: 999px;
  background: rgba(255,255,255,.025);
  color: #7089ae;
  font-family: "Cinzel", serif;
  cursor: pointer;
  transition: all .25s ease;
    text-transform: uppercase;
 
}

.fauji-faq__tab:hover {
  border-color: rgba(217,174,69,.38);
  color: var(--ff-gold-light);
  
}

.fauji-faq__tab.is-active {
  border-color: transparent;
  background: linear-gradient(135deg,#c99e3a,#e8c65f);
  color: #13213b;
  font-weight: 700;
      text-transform: uppercase;
    font-family: "Cinzel", serif;
}

.fauji-faq__content {
  display: none;
  width: 100%;
  border: 1px solid var(--ff-border);
  border-radius: 19px;
  background: linear-gradient(120deg,rgba(13,31,61,.98),rgba(14,31,61,.94));
  overflow: hidden;
}

.fauji-faq__content.is-active {
  display: block;
}

.fauji-faq__item {
  border-bottom: 1px solid rgba(119,142,177,.14);
}

.fauji-faq__item:last-child {
  border-bottom: 0;
}

.fauji-faq__question {
  width: 100%;
  min-height: 81px;
  padding: 0 30px;
  border: 0;
  background: transparent;
  color: var(--ff-white);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  text-align: left;
  cursor: pointer;

  text-transform: uppercase;
      font-family: "Cinzel", serif;
    font-weight: bold;
}

.fauji-faq__question:hover {
  color: var(--ff-gold-light);
}

.fauji-faq__toggle {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255,255,255,.055);
  color: var(--ff-gold);
  display: flex;
  align-items: center;
  justify-content: center;
  font: 700 17px/1 Arial, sans-serif;
  transition: transform .25s ease;
}

.fauji-faq__answer {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .3s ease;
}

.fauji-faq__answer-inner {
  overflow: hidden;
}

.fauji-faq__answer p {
  margin: 0;
  padding: 0 30px 26px;
  color: var(--ff-text);
  font-size: 16px;
  line-height: 1.65;
}

.fauji-faq__item.is-open {
  background: rgba(17,39,77,.35);
}

.fauji-faq__item.is-open .fauji-faq__answer {
  grid-template-rows: 1fr;
}

.fauji-faq__item.is-open .fauji-faq__toggle {
  transform: rotate(45deg);
}

@media (max-width: 900px) {
  .fauji-faq {
    padding: 54px 20px;
  }

  .fauji-faq__heading {
    margin-bottom: 46px;
  }

  .fauji-faq__tabs {
    margin-bottom: 35px;
  }

  .fauji-faq__tab {
    padding: 9px 17px;
    font-size: 13px;
  }

  .fauji-faq__question {
    min-height: 74px;
    padding: 0 23px;
    font-size: 15px;
  }

  .fauji-faq__answer p {
    padding: 0 23px 23px;
    font-size: 14px;
  }
}

@media (max-width: 600px) {
  .fauji-faq {
    padding: 40px 13px 42px;
  }

  .fauji-faq__heading {
    margin-bottom: 32px;
  }

  .fauji-faq__eyebrow {
    min-height: 32px;
    padding: 6px 13px;
    font-size: 10px;
    letter-spacing: 1.6px;
  }

  .fauji-faq__heading h2 {
    margin-top: 15px;
    font-size: clamp(27px,8vw,36px);
  }

  .fauji-faq__tabs {
    justify-content: flex-start;
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: 2px 1px 8px;
    margin-bottom: 25px;
    scrollbar-width: none;
  }

  .fauji-faq__tabs::-webkit-scrollbar {
    display: none;
  }

  .fauji-faq__tab {
    flex: 0 0 auto;
    min-height: 39px;
    padding: 8px 15px;
    font-size: 12px;
  }

  .fauji-faq__content {
    border-radius: 12px;
  }

  .fauji-faq__question {
    min-height: 67px;
    padding: 0 15px;
    gap: 12px;
    font-size: 13px;
  }

  .fauji-faq__toggle {
    flex-basis: 27px;
    width: 27px;
    height: 27px;
    font-size: 15px;
  }

  .fauji-faq__answer p {
    padding: 0 15px 20px;
    font-size: 13px;
    line-height: 1.55;
  }
}


/* =========================================================
   Fauji Club - Early Bird Ticker
   All CSS is scoped to .fauji-earlybird to avoid conflicts.
   ========================================================= */

.fauji-earlybird {
  
  --eb-gold: #d99b3d;
  --eb-gold-light: #e2ad4c;
  --eb-text: #f1eee8;
  --eb-muted: #c1a579;
  --eb-track: #27354b;

  width: 100%;
  padding: 18px 22px 20px;
  background: var(--eb-bg);
  color: var(--eb-text);
  font-family: "Courier New", Courier, monospace;
  overflow: hidden;

  
}

.fauji-earlybird *,
.fauji-earlybird *::before,
.fauji-earlybird *::after {
  box-sizing: border-box;
}

.fauji-earlybird__inner {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

.fauji-earlybird__title {
  margin-bottom: 17px;
  color: var(--eb-gold);
  font-size: 15px;
  line-height: 1.35;
  letter-spacing: 1.35px;
  white-space: nowrap;
}

.fauji-earlybird__timer {
  display: flex;
  align-items: flex-start;
  gap: 17px;
}

.fauji-earlybird__unit {
  width: 93px;
  text-align: center;
}

.fauji-earlybird__number {
  height: 89px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(218, 155, 61, .12);
  border-top: 2px solid rgba(218, 155, 61, .85);
  border-radius: 2px;
  background: #111a25;
  color: var(--eb-gold-light);
  font-family: "Courier New", Courier, monospace;
  font-size: 39px;
  font-weight: 700;
  line-height: 1;
  box-shadow: inset 0 0 18px rgba(0,0,0,.08);
}

.fauji-earlybird__label {
  margin-top: 11px;
  color: var(--eb-muted);
  font-size: 12px;
  line-height: 1;
  letter-spacing: 1.8px;
}

.fauji-earlybird__claimed {
  max-width: 525px;
  margin-top: 33px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  color: var(--eb-text);
  font-size: 16px;
  line-height: 1.4;
}

.fauji-earlybird__claimed strong {
  color: var(--eb-gold-light);
  font-size: 18px;
}

.fauji-earlybird__claimed > div:first-child {
  white-space: nowrap;
}

.fauji-earlybird__left {
  white-space: nowrap;
}

.fauji-earlybird__progress {
  width: 525px;
  max-width: 100%;
  height: 7px;
  margin-top: 11px;
  border-radius: 999px;
  background: var(--eb-track);
  overflow: hidden;
}

.fauji-earlybird__progress-bar {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #9e3440 0%, #d99b3d 100%);
  transition: width .5s ease;
}

.fauji-earlybird__note {
  max-width: 560px;
  margin: 15px 0 0;
  color: #a58f6e;
  font-size: 13px;
  line-height: 1.45;
  letter-spacing: .15px;
}

/* Tablet */
@media (max-width: 700px) {
  .fauji-earlybird {
    padding: 17px 18px 20px;
  }

  .fauji-earlybird__title {
    white-space: normal;
    font-size: 13px;
    letter-spacing: 1px;
  }

  .fauji-earlybird__timer {
    gap: 10px;
  }

  .fauji-earlybird__unit {
    width: 78px;
  }

  .fauji-earlybird__number {
    height: 76px;
    font-size: 32px;
  }

  .fauji-earlybird__claimed {
    max-width: 100%;
    font-size: 14px;
  }

  .fauji-earlybird__progress {
    width: 100%;
  }
  
  .fauji-earlybird {
background-color: rgba(0, 0, 0, 0.5);
  
}
}

/* Mobile */
@media (max-width: 480px) {
  .fauji-earlybird {
    padding: 15px 14px 18px;
  }

  .fauji-earlybird__title {
    margin-bottom: 14px;
    font-size: 11px;
    line-height: 1.5;
    letter-spacing: .7px;
  }

  .fauji-earlybird__timer {
    width: 100%;
    gap: 7px;
  }

  .fauji-earlybird__unit {
    flex: 1 1 0;
    width: auto;
  }

  .fauji-earlybird__number {
    height: 62px;
    font-size: clamp(25px, 8vw, 32px);
  }

  .fauji-earlybird__label {
    margin-top: 8px;
    font-size: 9px;
    letter-spacing: 1px;
  }

  .fauji-earlybird__claimed {
    margin-top: 25px;
    gap: 10px;
    font-size: 12px;
  }

  .fauji-earlybird__claimed strong {
    font-size: 15px;
  }

  .fauji-earlybird__note {
    margin-top: 13px;
    font-size: 11px;
    line-height: 1.5;
  }
}

@media (max-width: 350px) {
  .fauji-earlybird__number {
    height: 56px;
    font-size: 23px;
  }

  .fauji-earlybird__label {
    font-size: 8px;
  }

  .fauji-earlybird__claimed {
    font-size: 11px;
  }
}

/* =========================================================
   Fauji Club Footer
   All selectors are scoped to .fauji-footer
   so they won't conflict with existing website CSS.
   ========================================================= */

.fauji-footer {
  width: 100%;
  background: #071326;
  color: #8392ad;
  font-family: Arial, Helvetica, sans-serif;
  border: 0;
}

.fauji-footer *,
.fauji-footer *::before,
.fauji-footer *::after {
  box-sizing: border-box;
}

.fauji-footer__inner {
  width: min(100% - 40px, 1395px);
  margin: 0 auto;
  padding: 65px 0 32px;
}

.fauji-footer__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

.fauji-footer__brand {
  color: #f1eee8;
  text-decoration: none;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 27px;
  font-weight: 700;
  line-height: 1;
  transition: color .25s ease;
}

.fauji-footer__brand:hover {
  color: #d8ad48;
}

.fauji-footer__nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 34px;
}

.fauji-footer__nav a {
  color: #b5c0d2;
  text-decoration: none;
  font-size: 15px;
  line-height: 1.4;
  white-space: nowrap;
  transition: color .25s ease;
}

.fauji-footer__nav a:hover {
  color: #e0b64f;
}

.fauji-footer__line {
  width: 100%;
  height: 1px;
  margin-top: 44px;
  background: rgba(125, 145, 174, .17);
}

.fauji-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  padding-top: 31px;
}

.fauji-footer__bottom p {
  margin: 0;
  color: #61728f;
  font-size: 14px;
  line-height: 1.5;
}

.fauji-footer__bottom p:last-child {
  text-align: right;
}

/* Tablet */
@media (max-width: 900px) {
  .fauji-footer__inner {
    width: min(100% - 36px, 1395px);
    padding: 48px 0 28px;
  }

  .fauji-footer__top {
    align-items: flex-start;
  }

  .fauji-footer__nav {
    gap: 20px 25px;
  }

  .fauji-footer__nav a {
    font-size: 14px;
  }

  .fauji-footer__line {
    margin-top: 35px;
  }

  .fauji-footer__bottom {
    padding-top: 25px;
  }

  .fauji-footer__bottom p {
    font-size: 13px;
  }
}

/* Mobile */
@media (max-width: 650px) {
  .fauji-footer__inner {
    width: calc(100% - 28px);
    padding: 38px 0 25px;
  }

  .fauji-footer__top {
    display: block;
  }

  .fauji-footer__brand {
    display: inline-block;
    font-size: 24px;
  }

  .fauji-footer__nav {
    justify-content: flex-start;
    gap: 15px 22px;
    margin-top: 27px;
  }

  .fauji-footer__nav a {
    font-size: 13px;
  }

  .fauji-footer__line {
    margin-top: 30px;
  }

  .fauji-footer__bottom {
    display: block;
    padding-top: 22px;
  }

  .fauji-footer__bottom p {
    font-size: 12px;
  }
2
  .fauji-footer__bottom p:last-child {
    margin-top: 10px;
    text-align: left;
  }
}

/* Small mobile */
@media (max-width: 400px) {
  .fauji-footer__nav {
    gap: 13px 18px;
  }

  .fauji-footer__nav a {
    font-size: 12px;
  }
}

/* =========================================================
   FAUJI CLUB MEMBERSHIP
   FULLY ISOLATED CSS
   Main wrapper: #fcp-membership-design
========================================================= */

#fcp-membership-design {
    --fcp-bg: #070d1c;
    --fcp-bg-top: #0b1734;
    --fcp-card: #0d1830;
    --fcp-border: rgba(76, 132, 220, 0.28);

    --fcp-blue: #3f8cff;
    --fcp-blue-light: #67a9ff;

    --fcp-text: #eaf1ff;
    --fcp-muted: #7083a7;

    --fcp-gold: #f4a900;

    width: 100%;
    min-height: 100vh;

    margin: 0;
    padding: 0;

    background: var(--fcp-bg);
    color: var(--fcp-text);

    font-family: Arial, Helvetica, sans-serif;

    box-sizing: border-box;

    position: relative;
    isolation: isolate;

    overflow: hidden;
}


/* Reset only inside membership component */

#fcp-membership-design *,
#fcp-membership-design *::before,
#fcp-membership-design *::after {
    box-sizing: border-box;
}

#fcp-membership-design h1,
#fcp-membership-design h2,
#fcp-membership-design h3,
#fcp-membership-design h4,
#fcp-membership-design p,
#fcp-membership-design ul,
#fcp-membership-design li {
    margin: 0;
    padding: 0;
}

#fcp-membership-design ul {
    list-style: none;
}

#fcp-membership-design a {
    color: inherit;
    text-decoration: none;
}

#fcp-membership-design button {
    font-family: inherit;
}


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

#fcp-membership-design .fcp-navbar {
    width: 100%;
    height: 62px;

    background: #0a142a;

    border-bottom: 1px solid rgba(86, 125, 194, .22);

    position: relative;
    z-index: 10;
}

#fcp-membership-design .fcp-navbar-inner {
    width: min(1100px, calc(100% - 40px));

    height: 100%;

    margin: 0 auto;

    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* Brand */

#fcp-membership-design .fcp-brand {
    display: flex;
    align-items: center;

    gap: 12px;
}

#fcp-membership-design .fcp-brand-logo {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    border-radius: 50%;

    background: #1550b8;

    border: 1px solid #397be1;

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

    font-size: 20px;
}

#fcp-membership-design .fcp-brand-name {
    color: #73aaff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 17px;
    font-weight: 700;

    line-height: 1.1;
}

#fcp-membership-design .fcp-brand-sub {
    color: #435b83;

    font-size: 8px;

    letter-spacing: 2px;

    line-height: 1;

    margin-top: 3px;
}


/* =========================================================
   STEPS
========================================================= */

#fcp-membership-design .fcp-steps {
    display: flex;
    align-items: center;

    gap: 26px;

    font-size: 12px;
}

#fcp-membership-design .fcp-step {
    color: #40537a;
}

#fcp-membership-design .fcp-step.fcp-active {
    color: #4b91ff;

    font-weight: 700;
}


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

#fcp-membership-design .fcp-hero {
    position: relative;

    width: 100%;

    padding: 58px 20px 35px;

    text-align: center;

    background:
        linear-gradient(
            180deg,
            #0b1734 0%,
            #081126 100%
        );
}

#fcp-membership-design .fcp-hero::before {
    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background-image:
        linear-gradient(
            90deg,
            rgba(62,112,191,.14) 1px,
            transparent 1px
        ),
        linear-gradient(
            rgba(62,112,191,.14) 1px,
            transparent 1px
        );

    background-size: 112px 100px;

    opacity: .45;
}

#fcp-membership-design .fcp-hero-inner {
    position: relative;

    z-index: 1;

    width: min(850px, 100%);

    margin: 0 auto;
}

#fcp-membership-design .fcp-eyebrow {
    color: #d9ae45;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 3px;

    margin-bottom: 18px;
}

#fcp-membership-design .fcp-title {
    color: #edf3ff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: clamp(42px, 5vw, 42px);

    line-height: .95;

    font-weight: 700;    text-transform: uppercase;
}

#fcp-membership-design .fcp-title em {
    color: #d9ae45;

    font-weight: 700;
}

#fcp-membership-design .fcp-description {
    max-width: 650px;

    margin: 22px auto 0;

    color: #435a82;

    font-size: 14px;

    line-height: 1.6;
}


/* =========================================================
   PLANS AREA
========================================================= */

#fcp-membership-design .fcp-plans-area {
    width: 100%;

    padding: 0 20px 48px;

    background: #070d1c;
}

#fcp-membership-design .fcp-plans {
    width: min(1100px, 100%);

    margin: 0 auto;

    display: grid;

    grid-template-columns: repeat(4, minmax(0, 1fr));

    gap: 20px;
}


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

#fcp-membership-design .fcp-plan-card {
    min-width: 0;

    min-height: 520px;

    padding: 26px 24px 24px;

    position: relative;

    display: flex;

    flex-direction: column;

    border: 1px solid var(--fcp-border);

    border-radius: 20px;

    background:
        linear-gradient(
            180deg,
            rgba(17,31,59,.96),
            rgba(7,15,31,.98)
        );

    transition:
        transform .3s ease,
        border-color .3s ease,
        box-shadow .3s ease;
}

#fcp-membership-design .fcp-plan-card:hover {
    transform: translateY(-5px);

    border-color: rgba(73,139,239,.65);

    box-shadow:
        0 15px 40px rgba(0,0,0,.3);
}


/* Gold card */

#fcp-membership-design .fcp-plan-card.fcp-gold {
    background:
        linear-gradient(
            180deg,
            rgba(28,29,38,.98),
            rgba(9,15,27,.98)
        );
}


/* =========================================================
   POPULAR LABEL
========================================================= */

#fcp-membership-design .fcp-popular {
    position: absolute;

    top: 14px;
    right: 14px;

    padding: 6px 12px;

    border-radius: 20px;

    background: #1765ed;

    color: #fff;

    font-size: 9px;

    font-weight: 700;

    letter-spacing: 1.3px;
}


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

#fcp-membership-design .fcp-card-header {
    display: flex;

    align-items: flex-start;

    gap: 12px;

    margin-bottom: 14px;
}

#fcp-membership-design .fcp-icon {
    width: 44px;
    height: 44px;

    flex: 0 0 44px;

    border-radius: 50%;

    border: 1px solid rgba(68,133,222,.5);

    background: #0b234b;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 21px;
}

#fcp-membership-design .fcp-gold .fcp-icon {
    background: #241f14;

    border-color: rgba(226,163,39,.55);
}

#fcp-membership-design .fcp-plan-name {
    color: #f0f4fc;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 19px;

    line-height: 1.05;

    font-weight: 700;
}

#fcp-membership-design .fcp-plan-duration {
    margin-top: 5px;

    color: #4775b5;

    font-size: 9px;

    letter-spacing: 1px;

    font-weight: 700;
}

#fcp-membership-design .fcp-gold .fcp-plan-duration {
    color: #c98d17;
}


/* =========================================================
   TAGS
========================================================= */

#fcp-membership-design .fcp-tags {
    display: flex;

    flex-wrap: wrap;

    gap: 7px;

    margin-bottom: 18px;
}

#fcp-membership-design .fcp-tag {
    padding: 6px 10px;

    border-radius: 15px;

    border: 1px solid rgba(63,133,236,.25);

    background: rgba(30,82,157,.18);

    color: #76aaff;

    font-size: 9px;

    line-height: 1;
}

#fcp-membership-design .fcp-gold .fcp-tag {
    color: #f3ae21;

    border-color: rgba(232,168,30,.25);

    background: rgba(133,88,9,.13);
}


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

#fcp-membership-design .fcp-features {
    margin: 0;

    padding: 0;
}

#fcp-membership-design .fcp-features li {
    position: relative;

    padding-left: 16px;

    margin-bottom: 12px;

    color: #9eb0cf;

    font-size: 12px;

    line-height: 1.45;
}

#fcp-membership-design .fcp-features li::before {
    content: "✓";

    position: absolute;

    left: 0;
    top: 0;

    color: #4b9aff;

    font-weight: 700;
}

#fcp-membership-design .fcp-gold .fcp-features li::before {
    color: #f0ad18;
}


/* =========================================================
   DIVIDER
========================================================= */

#fcp-membership-design .fcp-divider {
    width: 100%;

    height: 1px;

    margin: 2px 0 15px;

    background: rgba(79,126,197,.22);
}


/* =========================================================
   BONUS
========================================================= */

#fcp-membership-design .fcp-bonus-title {
    color: #4a628b;

    font-size: 9px;

    letter-spacing: 1.4px;

    font-weight: 700;

    margin-bottom: 9px;
	    text-transform: uppercase;
}

#fcp-membership-design .fcp-bonus-title span {
    color: #f2a600;

    margin-right: 5px;
}

#fcp-membership-design .fcp-bonuses {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 6px;
}

#fcp-membership-design .fcp-bonus {
    display: inline-block;

    max-width: 100%;

    padding: 5px 9px;

    border-radius: 14px;

    border: 1px solid rgba(60,117,208,.28);

    background: rgba(24,59,120,.3);

    color: #76a9ff;

    font-size: 11px;

    line-height: 1.1;
}

#fcp-membership-design .fcp-gold .fcp-bonus {
    border-color: rgba(220,157,28,.25);

    background: rgba(109,72,10,.2);

    color: #f1ad20;
}


/* =========================================================
   PRICE
========================================================= */

#fcp-membership-design .fcp-price-area {
    margin-top: auto;

    padding-top: 25px;
}

#fcp-membership-design .fcp-price-from {
    color: #496182;

    font-size: 9px;

    margin-right: 4px;
}

#fcp-membership-design .fcp-price {
    color: #539cff;

    font-family: Georgia, "Times New Roman", serif;

    font-size: 25px;

    font-weight: 700;
}

#fcp-membership-design .fcp-gold .fcp-price {
    color: #ffb31a;
}

#fcp-membership-design .fcp-price-label {
    color: #596a87;

    font-size: 9px;
}


/* =========================================================
   BOOK NOW BUTTON
========================================================= */

#fcp-membership-design .fcp-book-btn {
    width: 100%;

    min-height: 42px;

    margin-top: 16px;

    padding: 11px 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #3f8cff;

    border-radius: 8px;

    background:
        linear-gradient(
            135deg,
            #1765ed,
            #3f8cff
        );

    color: #ffffff;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: .6px;

    cursor: pointer;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

#fcp-membership-design .fcp-book-btn:hover {
    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(34,116,239,.28);
}

#fcp-membership-design .fcp-book-btn:active {
    transform: translateY(0);
}

#fcp-membership-design .fcp-gold .fcp-book-btn {
    border-color: #f2a900;

    background:
        linear-gradient(
            135deg,
            #d88b00,
            #f5ad18
        );

    color: #101725;
}


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

#fcp-membership-design .fcp-footer {
    width: min(900px, calc(100% - 40px));

    margin: 0 auto;

    padding: 0 0 35px;

    text-align: center;

    color: #35496c;

    font-size: 10px;

    line-height: 1.9;
}


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

@media (max-width: 1000px) {

    #fcp-membership-design .fcp-plans {
        grid-template-columns: repeat(2, minmax(0, 1fr));

        max-width: 760px;
    }

    #fcp-membership-design .fcp-plan-card {
        min-height: 500px;
    }

    #fcp-membership-design .fcp-steps {
        gap: 12px;
    }
}


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

@media (max-width: 650px) {

    #fcp-membership-design .fcp-navbar {
        height: auto;

        min-height: 62px;

        padding: 10px 0;
    }

    #fcp-membership-design .fcp-navbar-inner {
        width: calc(100% - 28px);
    }

    #fcp-membership-design .fcp-steps {
        display: none;
    }

    #fcp-membership-design .fcp-brand-logo {
        width: 36px;
        height: 36px;

        flex-basis: 36px;
    }

    #fcp-membership-design .fcp-brand-name {
        font-size: 14px;
    }

    #fcp-membership-design .fcp-brand-sub {
        font-size: 7px;
    }

    #fcp-membership-design .fcp-hero {
        padding: 48px 18px 35px;
    }

    #fcp-membership-design .fcp-title {
        font-size: 40px;
    }

    #fcp-membership-design .fcp-description {
        font-size: 12px;
    }

    #fcp-membership-design .fcp-plans-area {
        padding: 0 14px 35px;
    }

    #fcp-membership-design .fcp-plans {
        grid-template-columns: 1fr;

        gap: 16px;

        max-width: 450px;
    }

    #fcp-membership-design .fcp-plan-card {
        min-height: auto;

        padding: 23px 21px;
    }

    #fcp-membership-design .fcp-footer {
        width: calc(100% - 30px);

        font-size: 9px;
    }
}


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

@media (max-width: 380px) {

    #fcp-membership-design .fcp-title {
        font-size: 34px;
    }

    #fcp-membership-design .fcp-plan-card {
        padding: 20px 17px;
    }

    #fcp-membership-design .fcp-price {
        font-size: 23px;
    }
}


/* =========================================================
   FAUJI CLUB HOTEL CATEGORY
   ALL CSS IS SCOPED TO .fc-tier-section
   ========================================================= */

.fc-tier-section,
.fc-tier-section * {
    box-sizing: border-box;
}

.fc-tier-section {
    width: 100%;
    background: #070d1b;
    color: #f4f1e9;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0 0 70px;
}

.fc-tier-wrapper {
    width: min(1180px, calc(100% - 50px));
    margin: 0 auto;
}


/* ================= TOP ================= */

.fc-tier-back {
    padding-top: 34px;
    margin-bottom: 18px;
}

.fc-tier-back a {
    color: #d89516;
    text-decoration: none;
    font-size: 14px;
}

.fc-tier-heading {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-bottom: 38px;
}

.fc-tier-heading-icon {
    width: 52px;
    height: 52px;
    border: 1px solid rgba(220, 145, 15, .45);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e5a31b;
    font-size: 21px;
    flex: 0 0 52px;
}

.fc-tier-kicker {
    color: #d89516;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.6px;
    margin-bottom: 7px;
}

.fc-tier-heading h1 {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(32px, 3.2vw, 52px);
    line-height: 1.08;
    font-weight: 700;
}

.fc-tier-heading h1 span {
    color: #e39a16;
    font-style: italic;
}


/* ================= MAIN LAYOUT ================= */

.fc-tier-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 330px;
    gap: 25px;
    align-items: start;
}

.fc-tier-left {
    min-width: 0;
}


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

.fc-tier-section-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.fc-tier-number {
    width: 26px;
    height: 26px;
    border: 1px solid rgba(216, 149, 22, .45);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e39a16;
    font-size: 10px;
    flex: 0 0 26px;
}

.fc-tier-section-title h2 {
    margin: 0;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
}

.fc-tier-section-title p {
    margin: 1px 0 0;
    color: #52617b;
    font-size: 11px;
}

.fc-tier-section-title > div:last-child {
    flex: 1;
    position: relative;
}

.fc-tier-section-title > div:last-child:after {
    content: "";
    position: absolute;
    left: 220px;
    right: 0;
    top: 50%;
    height: 1px;
    background: #1d2941;
}


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

.fc-tier-hotel-card {
    width: 100%;
    min-height: 145px;
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    margin-bottom: 14px;
    background: #0d1629;
    border: 1px solid #1e3152;
    border-radius: 13px;
    overflow: hidden;
    cursor: pointer;
    transition: .25s ease;
}

.fc-tier-hotel-card:hover {
    border-color: #d89516;
    transform: translateY(-1px);
}

.fc-tier-hotel-card.fc-tier-active {
    border: 2px solid #d89516;
    box-shadow: 0 8px 30px rgba(0,0,0,.18);
}


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

.fc-tier-image-wrap {
    position: relative;
    min-height: 145px;
    overflow: hidden;
}

.fc-tier-image-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 145px;
    object-fit: cover;
}

.fc-tier-hotel-label {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #f5a400;
    color: #07101e;
    font-weight: 800;
    font-size: 13px;
    padding: 7px 13px;
    border-radius: 18px;
}

.fc-tier-label-blue {
    background: #19385f;
    color: #fff;
}

.fc-tier-check {
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #f5a400;
    color: #07101e;
    display: none;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.fc-tier-active .fc-tier-check {
    display: flex;
}


/* ================= HOTEL CONTENT ================= */

.fc-tier-hotel-content {
    padding: 14px 17px;
    min-width: 0;
}

.fc-tier-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 16px;
}

.fc-tier-tags span {
    display: inline-flex;
    border: 1px solid #5b3d13;
    background: #171b25;
    color: #e8a016;
    border-radius: 14px;
    padding: 5px 10px;
    font-size: 11px;
    line-height: 1;
}


/* ================= PRICE ================= */

.fc-tier-price-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.fc-tier-price-grid > div {
    min-width: 0;
    border: 1px solid #20304c;
    background: #101a30;
    border-radius: 7px;
    padding: 10px;
}

.fc-tier-price-grid small {
    display: block;
    color: #64728b;
    font-size: 12px;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.fc-tier-price-grid strong {
    display: block;
    color: #b8c2d2;
    font-size: 13px;
}

.fc-tier-price-grid em {
    display: block;
    margin-top: 3px;
    color: #52617b;
    font-size: 11px;
    font-style: normal;
}

.fc-tier-price-grid .fc-tier-total {
    border-color: #5d4118;
}

.fc-tier-price-grid .fc-tier-total strong {
    color: #f0a20d;
}


/* ================= SELECTION ================= */

.fc-tier-selection {
    position: sticky;
    top: 25px;
    min-width: 0;
    background: #0e172a;
    border: 1px solid #203251;
    border-radius: 15px;
    overflow: hidden;
}

.fc-tier-selection-data {
    width: 100%;
}

.fc-tier-selection-top {
    padding: 23px 22px 19px;
    background: linear-gradient(
        145deg,
        #101e3c,
        #0d1628
    );
    border-bottom: 1px solid #20304c;
}

.fc-tier-selection-top small {
    color: #c47c0d;
    font-size: 9px;
    letter-spacing: 1.5px;
    font-weight: 700;
}

.fc-tier-selection-top h2 {
    margin: 8px 0 5px;
    color: #f3efe6;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 20px;
    line-height: 1.15;
}

.fc-tier-selection-top p {
    margin: 0;
    color: #64718a;
    font-size: 11px;
}

.fc-tier-selection-body {
    padding: 19px;
}

.fc-tier-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 11px;
    font-size: 11px;
}

.fc-tier-summary-row span {
    color: #59677f;
}

.fc-tier-summary-row strong {
    color: #d7dce4;
    text-align: right;
}

.fc-tier-selection-total {
    border-top: 1px solid #202e46;
    margin-top: 15px;
    padding-top: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.fc-tier-selection-total span {
    color: #68758b;
    font-size: 9px;
    letter-spacing: 1px;
}

.fc-tier-selection-total strong {
    color: #f0a20d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
}


/* ================= INCLUDED ================= */

.fc-tier-included {
    margin-top: 18px;
    padding: 14px;
    border: 1px solid #40351f;
    background: #181b25;
    border-radius: 8px;
}

.fc-tier-included small {
    display: block;
    color: #69758b;
    font-size: 9px;
    letter-spacing: 1px;
    margin-bottom: 9px;
}

.fc-tier-included ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fc-tier-included li {
    color: #b9c2d0;
    font-size: 10px;
    line-height: 1.5;
    margin-bottom: 6px;
}

.fc-tier-included li:last-child {
    margin-bottom: 0;
}

.fc-tier-included li:before {
    content: "✓";
    color: #e69c0b;
    margin-right: 7px;
}


/* ================= BOOK BUTTON ================= */

.fc-tier-book-btn {
    display: flex;
    width: 100%;
    height: 48px;
    margin-top: 17px;
    align-items: center;
    justify-content: center;
    background: #2563eb;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
    transition: .2s ease;
}

.fc-tier-book-btn:hover {
    background: #3474f5;
    transform: translateY(-1px);
}


/* ================= ADDONS ================= */

.fc-tier-addons-title {
    margin-top: 36px;
}

.fc-tier-addons-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.fc-tier-addon {
    min-height: 100px;
    display: grid;
    grid-template-columns: 16px 30px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    padding: 13px 11px;
    background: #0d1629;
    border: 1px solid #1d2d4b;
    border-radius: 10px;
    cursor: pointer;
}

.fc-tier-addon input {
    margin: 0;
}

.fc-tier-addon-icon {
    font-size: 18px;
}

.fc-tier-addon-text {
    min-width: 0;
}

.fc-tier-addon-text b {
    display: block;
    color: #e7e9ed;
    font-size: 12px;
    line-height: 1.35;
}

.fc-tier-addon-text small {
    display: block;
    color: #56647d;
    font-size: 9px;
    line-height: 1.35;
    margin-top: 3px;
}

.fc-tier-addon > strong {
    color: #f0a20d;
    font-size: 11px;
    white-space: nowrap;
}


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

@media (max-width: 1100px) {

    .fc-tier-wrapper {
        width: min(1100px, calc(100% - 30px));
    }

    .fc-tier-layout {
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 18px;
    }

    .fc-tier-hotel-card {
        grid-template-columns: 145px minmax(0, 1fr);
    }

    .fc-tier-addons-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 850px) {

    .fc-tier-wrapper {
        width: calc(100% - 24px);
    }

    .fc-tier-layout {
        grid-template-columns: 1fr;
    }

    .fc-tier-selection {
        position: relative;
        top: auto;
        order: -1;
    }

    .fc-tier-heading {
        padding-bottom: 25px;
    }

    .fc-tier-heading h1 {
        font-size: 34px;
    }
}


@media (max-width: 600px) {

    .fc-tier-wrapper {
        width: calc(100% - 20px);
    }

    .fc-tier-back {
        padding-top: 20px;
    }

    .fc-tier-heading {
        gap: 11px;
    }

    .fc-tier-heading-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .fc-tier-heading h1 {
        font-size: 28px;
    }

    .fc-tier-kicker {
        font-size: 8px;
        letter-spacing: 1px;
    }

    .fc-tier-hotel-card {
        grid-template-columns: 1fr;
    }

    .fc-tier-image-wrap {
        min-height: 180px;
    }

    .fc-tier-image-wrap img {
        min-height: 180px;
    }

    .fc-tier-price-grid {
        grid-template-columns: 1fr;
    }

    .fc-tier-addons-grid {
        grid-template-columns: 1fr;
    }

    .fc-tier-section-title > div:last-child:after {
        display: none;
    }

    .fc-tier-selection-top {
        padding: 20px 17px;
    }

    .fc-tier-selection-body {
        padding: 17px;
    }
}


@media (max-width: 400px) {

    .fc-tier-heading h1 {
        font-size: 25px;
    }

    .fc-tier-hotel-content {
        padding: 12px;
    }

    .fc-tier-tags span {
        font-size: 9px;
    }

    .fc-tier-summary-row {
        font-size: 10px;
    }
}