/* Apply to all home sections */
.home-hero,
.home-luxury,
.home-cards,
.home-token,
.home-swing,
.home-exchange,
.home-investment,
.home-bitcoin,
.home-features {
    max-width: 1200px;   /* keeps content centered */
    margin: 0 auto;      /* equal gap left/right */
    padding: 0 20px;     /* breathing room on small screens */
    box-sizing: border-box;
}

/* Hero Section */
.home-hero {
    text-align: center;
    padding: 80px 20px 5px 20px;   /* top right bottom left → bottom = 5px */
    background: linear-gradient(135deg, #0f0f0f, #1a1a1a);
    color: #fff;
    position: relative;
    overflow: hidden;
}

/* Title */
.home-title {
    font-family: 'Playfair Display', serif;
    font-size: 3rem;       /* slightly reduced */
    line-height: 1.1;      /* tighter line height */
    margin-bottom: 10px;   /* reduced margin-bottom by 15px */
    text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
    position: relative;
    z-index: 1;
}

.home-title span {
    display: block;
    font-size: 3.4rem;
    line-height: 1.05;
    color: #d4af37;
    font-style: italic;
    text-shadow: 0 0 12px rgba(212,175,55,0.8);
}

/* Subtitle */
.home-subtitle {
    font-family: 'Lora', serif; /* matured serif font */
    font-size: 1.2rem;
    line-height: 1.3;
    color: #e0e0e0;
    margin-bottom: 10px;   /* reduced margin-bottom */
    letter-spacing: 1px;
    font-style: normal;
    text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
    position: relative;
    z-index: 1;
}

/* Buttons */
.home-action-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;
    position: relative;
    z-index: 1;
}

.home-auth-btn {
    padding: 12px 28px;   /* desktop size */
    font-size: 1rem;
    font-weight: 600;
    border-radius: 30px;
    text-decoration: none;
    transition: all 0.3s ease;
    background: #d4af37;
    color: #111;
    box-shadow: 0 6px 16px rgba(0,0,0,0.4);
}

.home-auth-btn:hover {
    background: #fff;
    color: #d4af37;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.5);
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .home-hero {
        padding: 50px 15px; /* reduced gap by 30px on mobile */
    }

    .home-title {
        font-size: 2rem;
        line-height: 1.05;
        margin-bottom: 8px;
    }

    .home-title span {
        font-size: 2.4rem;
        line-height: 1.05;
    }

    .home-subtitle {
        font-size: 1rem;
        line-height: 1.25;
        margin-bottom: 8px;
    }

    .home-auth-btn {
        padding: 8px 18px; /* reduced by ~10px */
        font-size: 0.85rem;
    }
}
@media (max-width: 768px) {
    .home-hero {
        padding: 50px 15px 0 15px; /* bottom = 0 on mobile */
    }
}

.elite-investment-showcase{

    position:relative;
    width:100%;
    padding:90px 0;
    overflow:hidden;

    background:
    radial-gradient(circle at top left,#004aad33,transparent 40%),
    radial-gradient(circle at bottom right,#7a00ff22,transparent 35%),
    linear-gradient(180deg,#05070d,#0a1020);

}


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

.elite-investment-wrapper{

    width:90%;
    max-width:1600px;

    margin:auto;

    display:grid;

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

    gap:35px;

}


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

.elite-heading-box{

    position:relative;

    padding:35px;

    border-radius:30px;

    overflow:hidden;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);

    border:1px solid rgba(255,255,255,.12);

    box-shadow:

    0 15px 45px rgba(0,0,0,.35),

    inset 0 1px 0 rgba(255,255,255,.15);

    transition:.45s ease;

}


/* Floating Glow */

.elite-heading-box::before{

    content:"";

    position:absolute;

    width:240px;
    height:240px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(0,216,239,.35),

    transparent 70%);

    top:-120px;
    right:-120px;

    transition:.7s;

}


.elite-heading-box:hover{

    transform:translateY(-12px);

    border-color:rgba(255,255,255,.25);

    box-shadow:

    0 25px 80px rgba(0,0,0,.45),

    0 0 45px rgba(0,216,239,.20);

}


.elite-heading-box:hover::before{

    transform:scale(1.4);

}


.elite-badge{

    position:relative;

    display:inline-flex;

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

    padding:12px 28px;

    margin-bottom:12px;

    border-radius:60px;

    font-size:25px;
    font-weight:800;
    letter-spacing:1.5px;
    text-transform:uppercase;

    color:#e8fdff;

    background:
    linear-gradient(
        135deg,
        rgba(0,216,239,.35),
        rgba(255,255,255,.12)
    );

    backdrop-filter:blur(22px);
    -webkit-backdrop-filter:blur(22px);

    border:1px solid rgba(255,255,255,.30);

    box-shadow:
        inset 0 1px 1px rgba(255,255,255,.45),
        inset 0 -8px 18px rgba(0,216,239,.12),
        0 12px 35px rgba(0,216,239,.25),
        0 0 25px rgba(0,216,239,.18);

    overflow:hidden;

    animation:eliteFloat 4s ease-in-out infinite;

    transition:.45s ease;

}

.elite-badge::before{

    content:"";

    position:absolute;

    top:0;
    left:-180%;

    width:70%;
    height:100%;

    transform:skewX(-25deg);

    background:
    linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.8),
        transparent
    );

    animation:eliteShine 4.5s linear infinite;

}
.elite-badge::after{

    content:"";

    position:absolute;

    inset:-2px;

    border-radius:inherit;

    background:
    radial-gradient(
        circle,
        rgba(0,216,239,.30),
        transparent 70%
    );

    z-index:-1;

    filter:blur(18px);

}
.elite-badge:hover{

    transform:translateY(-6px) scale(1.04);

    box-shadow:

        inset 0 2px 2px rgba(255,255,255,.55),

        0 20px 45px rgba(0,216,239,.40),

        0 0 35px rgba(0,216,239,.35);

}


.elite-badge:hover::before{

    left:170%;

}


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

.elite-main-title{

    font-size:25px;

    font-weight:800;

    line-height:1.15;

    color:#ffffff;

    margin-bottom:10px;

    letter-spacing:.5px;

    text-shadow:

    0 0 10px rgba(255,255,255,.15);

    transition:.35s;

}


.elite-heading-box:hover .elite-main-title{

    letter-spacing:1px;

}


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

.elite-subtitle{

    font-size:18px;

    line-height:1.55;

    color:rgba(255,255,255,.95);

    margin-bottom:8px;

    text-shadow:

    0 0 8px rgba(255,255,255,.10);

}


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

.elite-description{

    font-size:16px;

    line-height:1.55;

    color:rgba(255,255,255,.78);

    text-shadow:

    0 0 6px rgba(255,255,255,.05);

}


/*=========================
      FADE ANIMATION
=========================*/

.elite-heading-box{

    animation:eliteFadeUp .9s ease both;

}


@keyframes eliteFadeUp{

    from{

        opacity:0;

        transform:translateY(60px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@keyframes eliteFloat{

    0%{

        transform:translateY(0px);

    }

    50%{

        transform:translateY(-6px);

    }

    100%{

        transform:translateY(0px);

    }

}

@keyframes eliteShine{

    0%{

        left:-180%;

    }

    100%{

        left:220%;

    }

}

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

@media (max-width:991px){

.elite-investment-wrapper{

grid-template-columns:1fr;

width:92%;

}

}


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

@media (max-width:600px){

.elite-investment-showcase{

padding:65px 0;

}

.elite-investment-wrapper{

width:95%;

}

.elite-heading-box{

padding:24px;

border-radius:22px;

}

.elite-badge{

font-size:17px;

padding:8px 18px;

margin-bottom:10px;

}

.elite-main-title{

font-size:22px;

margin-bottom:8px;

}

.elite-subtitle{

font-size:16px;

line-height:1.45;

margin-bottom:6px;

}

.elite-description{

font-size:15px;

line-height:1.5;

}

}
/*=====================================================
            ELITE FEATURE GALLERY
=====================================================*/

.elite-feature-gallery{

    position:relative;

    width:100%;

    padding:40px 0 90px;

    background:
    radial-gradient(circle at top left,#004aad33,transparent 40%),
    radial-gradient(circle at bottom right,#7a00ff22,transparent 35%),
    linear-gradient(180deg,#05070d,#0a1020);

}


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

.elite-feature-grid{

    width:90%;

    max-width:1600px;

    margin:auto;

    display:grid;

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

    gap:35px;

}


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

.elite-feature-card{

    position:relative;

    overflow:hidden;

    border-radius:30px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);

    border:1px solid rgba(255,255,255,.12);

    box-shadow:

        inset 0 1px 0 rgba(255,255,255,.15),

        0 15px 45px rgba(0,0,0,.35);

    transition:.45s ease;

}


.elite-feature-card::before{

    content:"";

    position:absolute;

    width:260px;
    height:260px;

    top:-120px;
    right:-120px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(0,216,239,.28),

    transparent 72%);

    transition:.6s;

}


.elite-feature-card:hover{

    transform:translateY(-12px);

    border-color:rgba(255,255,255,.25);

    box-shadow:

    0 30px 70px rgba(0,0,0,.45),

    0 0 40px rgba(0,216,239,.18);

}


.elite-feature-card:hover::before{

    transform:scale(1.4);

}
.elite-image-wrapper{

    display:flex;

    justify-content:center;

    align-items:center;

    padding:20px 20px 0;

}

.elite-feature-image{

    width:198px;

    height:180px;

    object-fit:cover;

    border-radius:18px;

    display:block;

    transition:.7s ease;

    box-shadow:
        0 10px 30px rgba(0,0,0,.35);

}

.elite-feature-card:hover .elite-feature-image{

    transform:scale(1.08);

}
.elite-feature-content{

    padding:30px;

}


.elite-feature-title{

    color:white;

    font-size:24px;

    font-weight:700;

    margin-bottom:10px;

    line-height:1.2;

    letter-spacing:.5px;

    text-shadow:

    0 0 10px rgba(255,255,255,.12);

}


.elite-feature-text{

    color:rgba(255,255,255,.78);

    font-size:16px;

    line-height:1.6;

}
.elite-feature-card::after{

    content:"";

    position:absolute;

    top:0;

    left:-160%;

    width:50%;

    height:100%;

    transform:skewX(-25deg);

    background:

    linear-gradient(

    90deg,

    transparent,

    rgba(255,255,255,.28),

    transparent);

    transition:.9s;

}


.elite-feature-card:hover::after{

    left:170%;

}


.elite-feature-card{

    animation:eliteCardRise .9s ease both;

}


@keyframes eliteCardRise{

    from{

        opacity:0;

        transform:translateY(60px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

@media (max-width:991px){

.elite-feature-grid{

grid-template-columns:1fr;

width:92%;

}

}


@media (max-width:600px){

.elite-feature-gallery{

padding:20px 0 60px;

}

.elite-feature-grid{

width:95%;

gap:25px;

}
.elite-image-wrapper{

    height:180px !important;

}

.elite-feature-image{

    width:162px;

    height:153px;

}

}

.elite-feature-content{

padding:22px;

}

.elite-feature-title{

font-size:21px;

}

.elite-feature-text{

font-size:15px;

line-height:1.55;

}

/*==================================================
            ELITE TOKEN SALE
==================================================*/

.elite-sale-showcase{

    padding:90px 0;

    background:
    radial-gradient(circle at top left,#004aad33,transparent 40%),
    radial-gradient(circle at bottom right,#7a00ff22,transparent 35%),
    linear-gradient(180deg,#05070d,#0a1020);

}

.elite-sale-wrapper{

    width:90%;

    max-width:1600px;

    margin:auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:35px;

}


/*==========================
        GLASS PANELS
==========================*/

.elite-sale-left,
.elite-sale-right{

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);

    border:1px solid rgba(255,255,255,.12);

    border-radius:30px;

    padding:30px;

    position:relative;

    overflow:hidden;

    transition:.45s;

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 18px 45px rgba(0,0,0,.35);

}

.elite-sale-left::before,
.elite-sale-right::before{

    content:"";

    position:absolute;

    width:250px;
    height:250px;

    border-radius:50%;

    background:
    radial-gradient(circle,
    rgba(0,216,239,.28),
    transparent 70%);

    top:-120px;
    right:-120px;

    transition:.6s;

}

.elite-sale-left:hover,
.elite-sale-right:hover{

    transform:translateY(-10px);

    box-shadow:
    0 25px 70px rgba(0,0,0,.45),
    0 0 40px rgba(0,216,239,.18);

}

.elite-sale-left:hover::before,
.elite-sale-right:hover{

    transform:scale(1.4);

}

/*==========================
        TITLES
==========================*/

.elite-sale-small-title{

    font-size:18px;

    color:#00d8ef;

    margin:12px 0 8px;

}

.elite-sale-main-title{

    font-size:22px;

    font-weight:800;

    line-height:1.15;

    margin-bottom:12px;

    color:#fff;

}

.elite-sale-platform-title{

    font-size:16px;

    line-height:1.2;

    color:#fff;

    margin-bottom:22px;

}

.elite-sale-highlight{

    color:#00d8ef;

}

.elite-sale-description,
.elite-sale-info{

    color:rgba(255,255,255,.82);

    line-height:1.52;

    font-size:15px;

    margin-bottom:12px;

}


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

.elite-sale-button{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:70%;

    margin-top:18px;

    padding:12px 22px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    font-size:15px;

    color:#041826;

    background:#00d8ef;

    transition:.4s;

    box-shadow:
    0 10px 30px rgba(0,216,239,.35);

}

.elite-sale-button:hover{

    transform:translateY(-4px);

    box-shadow:
    0 15px 40px rgba(0,216,239,.5);

}


/*==========================
        COUNTDOWN
==========================*/

.elite-sale-countdown{

    display:grid;

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

    gap:12px;

    margin:24px 0;

}

.elite-sale-time-box{

    text-align:center;

    padding:15px 8px;

    border-radius:18px;

    background:rgba(255,255,255,.07);

    backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.12);

    transition:.4s;

}

.elite-sale-time-box:hover{

    transform:translateY(-6px);

    background:rgba(0,216,239,.15);

}

.elite-sale-time-box span{

    display:block;

    font-size:28px;

    font-weight:800;

    color:#fff;

}

.elite-sale-time-box small{

    color:#00d8ef;

    text-transform:uppercase;

    letter-spacing:1px;

    font-size:12px;

}


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

@media(max-width:991px){

.elite-sale-wrapper{

grid-template-columns:1fr;

}

}


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

@media(max-width:600px){

.elite-sale-showcase{

padding:60px 0;

}

.elite-sale-wrapper{

width:95%;

}

.elite-sale-left,
.elite-sale-right{

padding:24px;

}

.elite-sale-small-title{

font-size:18px;

}

.elite-sale-main-title{

font-size:30px;

}

.elite-sale-platform-title{

font-size:28px;

}

.elite-sale-description,
.elite-sale-info{

font-size:15px;

line-height:1.5;

}

.elite-sale-countdown{

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

gap:12px;

}

.elite-sale-time-box span{

font-size:26px;

}

    .elite-sale-button{

        width:50%;

        text-align:center;

        margin:18px auto 0;

        display:flex;

        justify-content:center;

        align-items:center;

    }

}

/*==================================================
            ELITE SWING SHOWCASE
==================================================*/

.elite-swing-showcase{

    position:relative;

    width:100%;

    padding:90px 0;

    overflow:hidden;

    background:
    radial-gradient(circle at top left,#004aad33,transparent 40%),
    radial-gradient(circle at bottom right,#7a00ff22,transparent 35%),
    linear-gradient(180deg,#05070d,#0a1020);

}

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

.elite-swing-wrapper{

    width:90%;

    max-width:1600px;

    margin:auto;

}

/*=========================
        LINK
=========================*/

.elite-swing-link{

    text-decoration:none;

}

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

.elite-swing-title{

    margin:22px 0 45px;

    font-size:44px;

    font-weight:800;

    line-height:1.18;

    color:#fff;

    letter-spacing:.5px;

    text-shadow:

    0 0 18px rgba(255,255,255,.10);

}

.elite-swing-accent{

    color:#00d8ef;

    text-shadow:

    0 0 18px rgba(0,216,239,.45);

}

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

.elite-swing-grid{

    display:grid;

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

    gap:35px;

}

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

.elite-swing-card{

    position:relative;

    padding:34px;

    border-radius:30px;

    overflow:hidden;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);

    border:1px solid rgba(255,255,255,.12);

    box-shadow:

    inset 0 1px 0 rgba(255,255,255,.15),

    0 15px 45px rgba(0,0,0,.35);

    transition:.45s ease;

}

.elite-swing-card::before{

    content:"";

    position:absolute;

    width:230px;
    height:230px;

    top:-120px;
    right:-120px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(0,216,239,.30),

    transparent 70%);

    transition:.6s;

}

.elite-swing-card:hover{

    transform:translateY(-12px);

    border-color:rgba(255,255,255,.22);

    box-shadow:

    0 30px 70px rgba(0,0,0,.45),

    0 0 45px rgba(0,216,239,.18);

}

.elite-swing-card:hover::before{

    transform:scale(1.4);

}
.elite-swing-card-title{

    font-family:'Poppins',sans-serif;

    font-size:22px;      /* Reduced from 24px */

    font-weight:800;

    line-height:1.2;

    letter-spacing:.4px;

    margin-bottom:12px;

    background:linear-gradient(
        135deg,
        #ffffff 0%,
        #dffcff 45%,
        #00d8ef 100%
    );

    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;

    text-shadow:
        0 0 12px rgba(0,216,239,.18);

    transition:.45s ease;

}

.elite-swing-card-text{

    font-size:16px;

    color:rgba(255,255,255,.82);

    line-height:1.6;

}
.elite-swing-card:hover .elite-swing-card-title{

    letter-spacing:1px;

    text-shadow:
        0 0 18px rgba(0,216,239,.35);

}

.elite-swing-card::after{

    content:"";

    position:absolute;

    top:0;

    left:-180%;

    width:55%;

    height:100%;

    transform:skewX(-25deg);

    background:

    linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.28),

        transparent

    );

}

.elite-swing-card:hover::after{

    animation:eliteSwingShine .9s ease;

}

@keyframes eliteSwingShine{

    from{

        left:-180%;

    }

    to{

        left:180%;

    }

}

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

@media(max-width:991px){

.elite-swing-grid{

grid-template-columns:1fr;

}

.elite-swing-title{

font-size:34px;

}

}

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

@media(max-width:600px){

.elite-swing-showcase{

padding:60px 0;

}

.elite-swing-wrapper{

width:95%;

}

.elite-swing-title{

font-size:26px;

margin:18px 0 30px;

}

.elite-swing-card{

padding:24px;

border-radius:22px;

}

.elite-swing-card-title{

font-size:20px;

}

.elite-swing-card-text{

font-size:15px;

line-height:1.5;

}

}

/*==================================================
            ELITE EXCHANGE SHOWCASE
==================================================*/

.elite-exchange-showcase{

    width:100%;

    padding:90px 0;

    background:
    radial-gradient(circle at top left,#004aad33,transparent 40%),
    radial-gradient(circle at bottom right,#7a00ff22,transparent 35%),
    linear-gradient(180deg,#05070d,#0a1020);

}

.elite-exchange-wrapper{

    width:90%;

    max-width:1600px;

    margin:auto;

}

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

.elite-exchange-card{

    display:grid;

    grid-template-columns:1.1fr 1fr;

    gap:40px;

    align-items:center;

    padding:35px;

    border-radius:30px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);

    border:1px solid rgba(255,255,255,.12);

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 18px 45px rgba(0,0,0,.35);

    transition:.45s;

}

.elite-exchange-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 30px 70px rgba(0,0,0,.45),
    0 0 40px rgba(0,216,239,.18);

}

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

.elite-exchange-image{

    display:flex;

    justify-content:center;

}
.elite-exchange-image{

    display:flex;

    justify-content:center;

    align-items:center;

    padding:20px 20px 0;

}

.elite-exchange-main-image{

    width:76%;

    max-width:450px;

    border-radius:24px;

    display:block;

    transition:.6s ease;

    filter:drop-shadow(0 20px 35px rgba(0,0,0,.35));

}
.elite-exchange-card:hover
.elite-exchange-main-image{

    transform:scale(1.04);

}

.elite-exchange-title{

    margin:18px 0 12px;

    font-size:34px;

    font-weight:800;

    color:#fff;

    line-height:1.2;

}

.elite-exchange-description{

    font-size:16px;

    line-height:1.6;

    color:rgba(255,255,255,.82);

}

.elite-exchange-icons-grid{

    margin-top:40px;

    display:grid;

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

    gap:25px;

}

.elite-exchange-icon-card{

    display:flex;

    justify-content:center;

    align-items:center;

    padding:24px;

    border-radius:24px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(20px);

    border:1px solid rgba(255,255,255,.12);

    transition:.45s;

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 12px 30px rgba(0,0,0,.30);

}

.elite-exchange-icon-card:hover{

    transform:translateY(-8px) scale(1.05);

    background:rgba(0,216,239,.10);

    box-shadow:
    0 20px 45px rgba(0,216,239,.18);

}

.elite-exchange-icon-image{

    width:70px;

    height:70px;

    object-fit:contain;

}

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

@media(max-width:991px){

.elite-exchange-card{

grid-template-columns:1fr;

text-align:center;

}

.elite-exchange-icons-grid{

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

}

}

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

@media(max-width:600px){

.elite-exchange-showcase{

padding:60px 0;

}

.elite-exchange-wrapper{

width:95%;

}

.elite-exchange-card{

padding:24px;

gap:24px;

}

.elite-exchange-title{

font-size:28px;

}

.elite-exchange-description{

font-size:15px;

line-height:1.55;

}

.elite-exchange-main-image{

     width:68%;

    max-width:256px;

}

.elite-exchange-icons-grid{

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

gap:18px;

}

.elite-exchange-icon-card{

padding:18px;

}

.elite-exchange-icon-image{

width:55px;

height:55px;

}

}
/*==================================================
            ELITE INVESTMENT PLANS
==================================================*/

.elite-plan-showcase{

    width:100%;

    padding:90px 0;

    background:
    radial-gradient(circle at top left,#004aad33,transparent 40%),
    radial-gradient(circle at bottom right,#7a00ff22,transparent 35%),
    linear-gradient(180deg,#05070d,#0a1020);

}

.elite-plan-wrapper{

    width:90%;

    max-width:1600px;

    margin:auto;

    text-align:center;

}

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

.elite-plan-title{

    margin:22px 0 12px;

    font-size:42px;

    font-weight:800;

    color:#fff;

    line-height:1.15;

}

.elite-plan-accent{

    color:#00d8ef;

    text-shadow:
    0 0 18px rgba(0,216,239,.35);

}

.elite-plan-subtitle{

    color:rgba(255,255,255,.75);

    font-size:18px;

    margin-bottom:55px;

    letter-spacing:1px;

}

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

.elite-plan-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(300px,1fr));

    gap:35px;

}

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

.elite-plan-card{

    position:relative;

    overflow:hidden;

    padding:38px 30px;

    border-radius:30px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(24px);

    -webkit-backdrop-filter:blur(24px);

    border:1px solid rgba(255,255,255,.12);

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 18px 45px rgba(0,0,0,.35);

    transition:.45s;

}

.elite-plan-card::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

    top:-110px;

    right:-110px;

    background:

    radial-gradient(circle,

    rgba(0,216,239,.28),

    transparent 70%);

    transition:.6s;

}

.elite-plan-card:hover{

    transform:translateY(-12px);

    box-shadow:

    0 28px 70px rgba(0,0,0,.45),

    0 0 40px rgba(0,216,239,.18);

}

.elite-plan-card:hover::before{

    transform:scale(1.4);

}

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

.elite-plan-name{

    font-size:28px;

    font-weight:800;

    color:#fff;

    margin-bottom:20px;

}

.elite-plan-return{

    font-size:42px;

    font-weight:900;

    color:#00d8ef;

    margin-bottom:22px;

}

.elite-plan-detail{

    color:rgba(255,255,255,.82);

    font-size:16px;

    line-height:1.6;

    margin-bottom:10px;

}

.elite-plan-limit{

    margin:24px 0;

    color:#fff;

    font-weight:600;

}

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

.elite-plan-button{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    width:70%;

    padding:14px;

    border-radius:50px;

    text-decoration:none;

    font-weight:700;

    color:#041826;

    background:#00d8ef;

    transition:.4s;

    box-shadow:

    0 10px 30px rgba(0,216,239,.35);

}

.elite-plan-button:hover{

    transform:translateY(-4px);

    box-shadow:

    0 15px 40px rgba(0,216,239,.5);

}

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

@media(max-width:991px){

.elite-plan-grid{

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

}

}
@media(max-width:600px){

.elite-plan-showcase{

padding:60px 0;

}

.elite-plan-wrapper{

width:95%;

}

.elite-plan-title{

font-size:27px;

}

.elite-plan-subtitle{

font-size:14px;

margin-bottom:32px;

}

.elite-plan-grid{

grid-template-columns:1fr;

gap:25px;

}

.elite-plan-card{

padding:24px;

}

.elite-plan-name{

font-size:22px;

}

.elite-plan-return{

font-size:31px;

}

.elite-plan-detail{

font-size:13px;

line-height:1.45;

}

.elite-plan-limit{

font-size:14px;

margin:18px 0;

}

.elite-plan-button{

width:60%;

padding:11px;

font-size:14px;

margin:auto;

display:flex;

justify-content:center;

align-items:center;

}

}
/*==================================================
            ELITE BITCOIN CALCULATOR
==================================================*/

.elite-calculator-showcase{

    width:100%;

    padding:90px 0;

    background:
    radial-gradient(circle at top left,#004aad33,transparent 40%),
    radial-gradient(circle at bottom right,#7a00ff22,transparent 35%),
    linear-gradient(180deg,#05070d,#0a1020);

}
.elite-calculator-wrapper{

    width:99%;

    max-width:1800px;

    margin:auto;

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:40px;

    align-items:center;

}

.elite-calculator-panel,
.elite-calculator-canvas{

    position:relative;

    overflow:hidden;

    padding:35px;

    border-radius:30px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(24px);
    -webkit-backdrop-filter:blur(24px);

    border:1px solid rgba(255,255,255,.12);

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 18px 45px rgba(0,0,0,.35);

    transition:.45s;
    width:100%;

    box-sizing:border-box;

}

.elite-calculator-panel::before,
.elite-calculator-canvas::before{

    content:"";

    position:absolute;

    width:240px;

    height:240px;

    top:-120px;

    right:-120px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(0,216,239,.25),

    transparent 70%);

    transition:.6s;

}

.elite-calculator-panel:hover,
.elite-calculator-canvas:hover{

    transform:translateY(-10px);

    box-shadow:

    0 30px 70px rgba(0,0,0,.45),

    0 0 40px rgba(0,216,239,.18);

}

.elite-calculator-panel:hover::before,
.elite-calculator-canvas:hover::before{

    transform:scale(1.4);

}

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

.elite-calculator-title{

    margin:20px 0 15px;

    font-size:38px;

    font-weight:800;

    line-height:1.2;

    color:#fff;

}

.elite-calculator-accent{

    color:#00d8ef;

    text-shadow:

    0 0 18px rgba(0,216,239,.35);

}

.elite-calculator-description{

    font-size:16px;

    line-height:1.6;

    color:rgba(255,255,255,.82);

    margin-bottom:30px;

}

/*==============================
        CALCULATOR
==============================*/

.elite-calculator-row {
    display: flex;
    align-items: center;   /* aligns label and select vertically */
    gap: 10px;             /* spacing between label and select */
    margin-top: 20px;      /* pushes the whole row down */
}


.elite-calculator-row input,
.elite-calculator-row select,
#calcResult {
    height:54px;
    border:none;
    outline:none;
    border-radius:16px;
    padding:0 18px;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(15px);
    color:#fff;
    font-size:16px;
    border:1px solid rgba(255,255,255,.12);
}


elite-calculator-row input#btcAmount {
    flex: 0 0 50%; /* shrink input width more aggressively (about 30% less) */
    max-width: 160px; /* optional cap for mobile screens */
}

.elite-calculator-row input{

    flex:1;

    min-width:180px;

}

.elite-calculator-row img{

    width:55px;

    height:55px;

    object-fit:contain;

}

.elite-calculator-row span{

    font-size:26px;

    font-weight:700;

    color:#00d8ef;

}

#calcResult {
    flex: 0 0 25%; /* reserve space for result box */
    min-width: 100px; /* slightly smaller than before */
    display: flex;
    justify-content: center;
    align-items: center;
}
.elite-calculator-row label {
    margin-top: 20px; /* creates space above the label and select */
}
.elite-calculator-row select {
    background-color: rgba(0,0,0,0.7);
    color: #fff;
    height: 54px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.12);
    padding: 0 18px;
    appearance: none;        /* removes default styling */
    overflow: visible;       /* ensures options can expand downward */
}
.elite-calculator-row select option {
    background-color: #222; /* dark background for options */
    color: #fff;            /* white text */
}

.elite-calculator-canvas{

    display:flex;

    justify-content:center;

    align-items:center;

    min-height:450px;

}

#btcCalcCanvas{

    width:100%;

    max-width:520px;

    height:auto;

}

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

@media(max-width:991px){

.elite-calculator-wrapper{

grid-template-columns:1fr;

}

}

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

@media(max-width:600px){

.elite-calculator-showcase{

padding:60px 0;

}

.elite-calculator-wrapper{

    width:100%;

    max-width:none;

}

.elite-calculator-panel,
.elite-calculator-canvas{

padding:24px;

}

.elite-calculator-title{

font-size:28px;

}

.elite-calculator-description{

font-size:15px;

line-height:1.5;

}

.elite-calculator-row{

display:flex;

    flex-direction:column;

    align-items:center;

    gap:14px;

}
.elite-calculator-row input,
#calcResult{

    width:100%;

    max-width:100%;

    box-sizing:border-box;

}
}

.elite-calculator-row img{

width:45px;

height:45px;

margin:auto;

}

.elite-calculator-row span{

text-align:center;

}

.elite-calculator-canvas{

min-height:300px;

}

/*==================================================
        ELITE FEATURE HIGHLIGHTS
==================================================*/

.elite-feature-showcase{

     width:100%;

    padding:90px 0 40px;

    position:relative;

    overflow:hidden;

    background:
    radial-gradient(circle at top left,#004aad33,transparent 40%),
    radial-gradient(circle at bottom right,#7a00ff22,transparent 35%),
    linear-gradient(180deg,#05070d,#0a1020);

}
.elite-feature-grid-premium{

    width:88%;

    max-width:1400px;

    margin:auto;

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

    gap:35px;

}

.elite-feature-panel{

    position:relative;

    overflow:hidden;

    text-align:center;

    padding:35px 28px;

    border-radius:30px;

    background:rgba(255,255,255,.08);

    backdrop-filter:blur(24px);

    -webkit-backdrop-filter:blur(24px);

    border:1px solid rgba(255,255,255,.12);

    box-shadow:
    inset 0 1px 0 rgba(255,255,255,.15),
    0 18px 45px rgba(0,0,0,.35);

    transition:.45s ease;
    margin-bottom:50px;

}

.elite-feature-panel::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    top:-120px;

    right:-120px;

    border-radius:50%;

    background:

    radial-gradient(circle,

    rgba(0,216,239,.28),

    transparent 70%);

    transition:.6s;

}

.elite-feature-panel:hover{

    transform:translateY(-12px);

    box-shadow:
    0 30px 70px rgba(0,0,0,.45),
    0 0 40px rgba(0,216,239,.18);

}

.elite-feature-panel:hover::before{

    transform:scale(1.4);

}

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

.elite-feature-panel-image{

    display:flex;

    justify-content:center;

    margin-bottom:20px;

}
.elite-feature-panel-image img{

    width:136px;

    height:136px;

    object-fit:contain;

    transition:.6s;

    filter:drop-shadow(0 15px 25px rgba(0,0,0,.35));

}
.elite-feature-panel:hover img{

    transform:scale(1.08);

}

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

.elite-feature-panel-title{

    font-size:24px;

    font-weight:800;

    color:#fff;

    margin-bottom:15px;

    line-height:1.25;

}

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

.elite-feature-panel-description{

    font-size:15px;

    color:rgba(255,255,255,.80);

    line-height:1.6;

}
.home-canvas{

    width:90%;

    max-width:500px;

    margin:45px auto 0;

    padding:20px;

    border-radius:28px;

    background:rgba(255,255,255,.06);

    backdrop-filter:blur(18px);

    -webkit-backdrop-filter:blur(18px);

    border:1px solid rgba(255,255,255,.10);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 12px 30px rgba(0,0,0,.28);

}
@media(max-width:991px){

    .elite-feature-grid-premium{

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

    }

}


@media(max-width:600px){

    .elite-feature-showcase{

    padding:60px 0;

    }

    .elite-feature-grid-premium{

    width:95%;

    grid-template-columns:1fr;

    gap:24px;

    }

    .elite-feature-panel{

    padding:24px;

    }

    .elite-feature-panel-image img{

        width:110px;

        height:110px;

        object-fit:contain;
    }

    .elite-feature-panel-title{

    font-size:21px;

    }

    .elite-feature-panel-description{

    font-size:14px;

    line-height:1.5;

    }
.home-canvas{

    width:92%;

    max-width:320px;

    padding:16px;

    margin:30px auto 0;

}
}
/*==================================================*
* HOME ACCESSIBLE SHOWCASE STYLE
*==================================================*/

/*==================================================
        HOME ACCESSIBLE SHOWCASE
        LANDING PAGE ONLY
==================================================*/

.home-accessible-showcase {
    width: 100%;
    padding: 90px 0;
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(
            circle at top left,
            #004aad33,
            transparent 40%
        ),
        radial-gradient(
            circle at bottom right,
            #7a00ff22,
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #05070d,
            #0a1020
        );

    box-sizing: border-box;
}


/*==================================================
        HEADING CONTAINER
==================================================*/

.home-accessible-heading {
    width: 90%;
    max-width: 1600px;

    margin: 0 auto 60px;
    padding: 25px;

    text-align: center;

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

    border-radius: 20px;

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border: 1px solid rgba(255, 255, 255, 0.08);

    box-shadow:
        0 0 25px rgba(0, 216, 239, 0.35);

    box-sizing: border-box;
}


/*==================================================
        BADGE
==================================================*/

.home-accessible-badge {
    display: inline-block;

    margin-bottom: 15px;
    padding: 8px 18px;

    border-radius: 20px;

    background: rgba(0, 216, 239, 0.10);

    border: 1px solid rgba(0, 216, 239, 0.30);

    color: #00d8ef;

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

    letter-spacing: 2px;

    text-transform: uppercase;

    box-shadow:
        0 0 15px rgba(0, 216, 239, 0.15);

    box-sizing: border-box;
}


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

.home-accessible-title {
    margin: 0 0 15px;

    font-size: 25px;
    font-weight: 900;

    color: #ffffff;

    text-transform: uppercase;

    letter-spacing: 2px;

    line-height: 1.25;

    text-shadow:
        0 0 10px #00d8ef,
        0 0 20px #00d8ef,
        0 0 40px #7a00ff;

    animation:
        homeAccessibleGlow 3s infinite alternate;
}


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

.home-accessible-subtitle {
    max-width: 1100px;

    margin: 0 auto 18px;

    font-size: 18px;
    font-weight: 600;

    line-height: 1.6;

    background:
        linear-gradient(
            90deg,
            #00d8ef,
            #7a00ff,
            #ff0080
        );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

    background-size: 200% auto;

    animation:
        homeAccessibleShine 6s linear infinite;

    letter-spacing: 1px;
}


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

.home-accessible-description {
    max-width: 1100px;

    margin: 0 auto;

    font-size: 15px;

    line-height: 1.8;

    color: rgba(255, 255, 255, 0.75);
}


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

.home-accessible-grid {
    width: 90%;
    max-width: 1600px;

    margin: 0 auto;

    display: grid;

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

    gap: 35px;

    position: relative;

    z-index: 2;

    box-sizing: border-box;
}


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

.home-accessible-card {
    position: relative;

    overflow: hidden;

    width: 100%;

    text-align: center;

    padding: 0 0 35px;

    border-radius: 30px;

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

    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);

    border: 1px solid rgba(255, 255, 255, 0.12);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.15),
        0 18px 45px rgba(0, 0, 0, 0.35);

    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease;

    margin-bottom: 5px;

    box-sizing: border-box;
}


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

.home-accessible-card::before {
    content: "";

    position: absolute;

    width: 220px;
    height: 220px;

    top: -120px;
    right: -120px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(0, 216, 239, 0.28),
            transparent 70%
        );

    transition:
        transform 0.6s ease;

    pointer-events: none;

    z-index: 0;
}


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

.home-accessible-card:hover {
    transform: translateY(-10px);

    box-shadow:
        0 30px 70px rgba(0, 0, 0, 0.45),
        0 0 40px rgba(0, 216, 239, 0.18);
}


.home-accessible-card:hover::before {
    transform: scale(1.4);
}


/*==================================================
        ISOLATED IMAGE CONTAINER
        NEW CLASS
==================================================*/

.home-card-visual-box {
    width: 100%;

    height: 150px;

    display: flex;

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

    overflow: hidden;

    position: relative;

    border-radius: 30px 30px 0 0;

    background: rgba(0, 0, 0, 0.10);

    box-sizing: border-box;

    z-index: 1;
}


/*==================================================
        ISOLATED LANDING PAGE IMAGE
        NEW CLASS
==================================================*/

.home-card-visual {
    display: block;

    width: 180px !important;
    height: 120px !important;

    max-width: 180px !important;
    max-height: 120px !important;

    min-width: 0 !important;
    min-height: 0 !important;

    object-fit: contain !important;

    object-position: center;

    border-radius: 12px;

    box-sizing: border-box;

    transition:
        transform 0.5s ease;
}


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

.home-accessible-card:hover .home-card-visual {
    transform: scale(1.05);
}


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

.home-accessible-content {
    position: relative;

    z-index: 2;

    width: 100%;

    padding: 28px 28px 0;

    box-sizing: border-box;
}


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

.home-accessible-card-title {
    margin: 0 0 15px;

    font-size: 24px;

    font-weight: 800;

    color: #ffffff;

    line-height: 1.25;
}


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

.home-accessible-card-description {
    margin: 0;

    font-size: 15px;

    color: rgba(255, 255, 255, 0.80);

    line-height: 1.7;
}


/*==================================================
        EMPTY STATE
==================================================*/

.home-accessible-empty {
    width: 100%;

    grid-column: 1 / -1;

    padding: 40px 25px;

    text-align: center;

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

    border: 1px solid rgba(255, 255, 255, 0.10);

    border-radius: 20px;

    color: rgba(255, 255, 255, 0.75);

    box-sizing: border-box;
}


.home-accessible-empty p {
    margin: 0;

    font-size: 15px;

    line-height: 1.7;
}


/*==================================================
        ANIMATION — TITLE
==================================================*/

@keyframes homeAccessibleGlow {

    from {
        text-shadow:
            0 0 10px #00d8ef,
            0 0 20px #00d8ef;
    }

    to {
        text-shadow:
            0 0 20px #7a00ff,
            0 0 40px #ff0080;
    }
}


/*==================================================
        ANIMATION — SUBTITLE
==================================================*/

@keyframes homeAccessibleShine {

    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}


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

@media (max-width: 991px) {

    .home-accessible-showcase {
        padding: 75px 0;
    }


    /*----------------------------------------------
            HEADING
    ----------------------------------------------*/

    .home-accessible-heading {
        width: 92%;

        margin-bottom: 50px;

        padding: 25px;
    }


    .home-accessible-title {
        font-size: 25px;
    }


    .home-accessible-subtitle {
        font-size: 17px;

        line-height: 1.6;
    }


    .home-accessible-description {
        font-size: 15px;

        line-height: 1.7;
    }


    /*----------------------------------------------
            GRID
    ----------------------------------------------*/

    .home-accessible-grid {
        width: 92%;

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

        gap: 25px;
    }


    /*----------------------------------------------
            CARD
    ----------------------------------------------*/

    .home-accessible-card {
        border-radius: 26px;

        padding-bottom: 28px;
    }


    /*----------------------------------------------
            ISOLATED IMAGE
    ----------------------------------------------*/

    .home-card-visual-box {
        height: 135px;

        border-radius: 26px 26px 0 0;
    }


    .home-card-visual {
        width: 160px !important;
        height: 105px !important;

        max-width: 160px !important;
        max-height: 105px !important;
    }


    /*----------------------------------------------
            CONTENT
    ----------------------------------------------*/

    .home-accessible-content {
        padding: 24px 22px 0;
    }


    .home-accessible-card-title {
        font-size: 22px;
    }


    .home-accessible-card-description {
        font-size: 14px;

        line-height: 1.6;
    }
}


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

@media (max-width: 600px) {

    .home-accessible-showcase {
        width: 100%;

        padding: 60px 0;

        overflow: hidden;
    }


    /*----------------------------------------------
            HEADING
    ----------------------------------------------*/

    .home-accessible-heading {
        width: 94%;

        margin: 0 auto 40px;

        padding: 20px 16px;

        border-radius: 18px;
    }


    .home-accessible-badge {
        padding: 7px 14px;

        font-size: 11px;

        letter-spacing: 1.5px;
    }


    .home-accessible-title {
        margin-bottom: 14px;

        font-size: 25px;

        line-height: 1.25;

        letter-spacing: 1.5px;
    }


    .home-accessible-subtitle {
        margin-bottom: 16px;

        font-size: 16px;

        line-height: 1.6;

        letter-spacing: 0.5px;
    }


    .home-accessible-description {
        font-size: 14px;

        line-height: 1.7;
    }


    /*----------------------------------------------
            GRID
    ----------------------------------------------*/

    .home-accessible-grid {
        width: 94%;

        margin: 0 auto;

        grid-template-columns: 1fr;

        gap: 24px;
    }


    /*----------------------------------------------
            CARD
    ----------------------------------------------*/

    .home-accessible-card {
        width: 100% !important;

        max-width: 100% !important;

        margin: 0;

        padding-bottom: 24px;

        border-radius: 24px;
    }


    /*----------------------------------------------
            ISOLATED IMAGE CONTAINER
    ----------------------------------------------*/

    .home-card-visual-box {
        width: 100% !important;

        height: 120px !important;

        min-height: 120px !important;
        max-height: 120px !important;

        border-radius: 24px 24px 0 0;

        overflow: hidden;

        box-sizing: border-box;
    }


    /*----------------------------------------------
            ISOLATED IMAGE
    ----------------------------------------------*/

    .home-card-visual {
        width: 125px !important;

        height: 85px !important;

        min-width: 0 !important;
        min-height: 0 !important;

        max-width: 125px !important;
        max-height: 85px !important;

        object-fit: contain !important;

        object-position: center;

        border-radius: 10px;
    }


    /*----------------------------------------------
            CARD CONTENT
    ----------------------------------------------*/

    .home-accessible-content {
        width: 100%;

        padding: 20px 18px 0;
    }


    .home-accessible-card-title {
        margin-bottom: 12px;

        font-size: 21px;

        line-height: 1.3;
    }


    .home-accessible-card-description {
        font-size: 14px;

        line-height: 1.6;
    }


    /*----------------------------------------------
            EMPTY STATE
    ----------------------------------------------*/

    .home-accessible-empty {
        padding: 30px 18px;

        border-radius: 18px;
    }


    .home-accessible-empty p {
        font-size: 14px;

        line-height: 1.6;
    }
}


/*==================================================
        SMALL PHONES
==================================================*/

@media (max-width: 380px) {

    .home-accessible-showcase {
        padding: 50px 0;
    }


    .home-accessible-heading {
        width: 94%;

        padding: 18px 14px;
    }


    .home-accessible-title {
        font-size: 22px;
    }


    .home-accessible-subtitle {
        font-size: 15px;
    }


    .home-accessible-description {
        font-size: 13px;
    }


    .home-card-visual-box {
        height: 110px !important;

        min-height: 110px !important;
        max-height: 110px !important;
    }


    .home-card-visual {
        width: 115px !important;

        height: 78px !important;

        max-width: 115px !important;
        max-height: 78px !important;
    }


    .home-accessible-content {
        padding: 18px 16px 0;
    }


    .home-accessible-card-title {
        font-size: 20px;
    }


    .home-accessible-card-description {
        font-size: 13px;
    }
}



/* =========================================================
   HOME PAGE — 8PX SECTION SPACING
   Keeps sections tight with a small 8px separation.
   ========================================================= */

/* =========================
   ALL MAJOR HOME SECTIONS
   ========================= */

.elite-investment-showcase,
.elite-feature-gallery,
.elite-sale-showcase,
.elite-swing-showcase,
.elite-exchange-showcase,
.elite-plan-showcase,
.elite-calculator-showcase,
.elite-feature-showcase,
.home-accessible-showcase {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* =========================
   INTERNAL SECTION SPACING
   ========================= */

.home-accessible-heading {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

.elite-swing-title {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.elite-exchange-icons-grid {
    margin-top: 8px !important;
}

.elite-plan-title {
    margin-top: 8px !important;
}

.elite-plan-subtitle {
    margin-bottom: 8px !important;
}

.elite-feature-panel {
    margin-bottom: 0 !important;
}

.home-canvas {
    margin-top: 8px !important;
}


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

@media (max-width: 991px) {

    .elite-investment-showcase,
    .elite-feature-gallery,
    .elite-sale-showcase,
    .elite-swing-showcase,
    .elite-exchange-showcase,
    .elite-plan-showcase,
    .elite-calculator-showcase,
    .elite-feature-showcase,
    .home-accessible-showcase {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .home-accessible-heading {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
    }

    .elite-swing-title {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .elite-plan-title {
        margin-top: 8px !important;
    }

    .elite-plan-subtitle {
        margin-bottom: 8px !important;
    }

    .elite-exchange-icons-grid {
        margin-top: 8px !important;
    }

    .home-canvas {
        margin-top: 8px !important;
    }
}


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

@media (max-width: 600px) {

    .elite-investment-showcase,
    .elite-feature-gallery,
    .elite-sale-showcase,
    .elite-swing-showcase,
    .elite-exchange-showcase,
    .elite-plan-showcase,
    .elite-calculator-showcase,
    .elite-feature-showcase,
    .home-accessible-showcase {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .home-accessible-heading {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
    }

    .elite-swing-title {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .elite-plan-title {
        margin-top: 8px !important;
    }

    .elite-plan-subtitle {
        margin-bottom: 8px !important;
    }

    .elite-exchange-icons-grid {
        margin-top: 8px !important;
    }

    .home-canvas {
        margin-top: 8px !important;
    }
}


/* =========================================================
   SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

    .elite-investment-showcase,
    .elite-feature-gallery,
    .elite-sale-showcase,
    .elite-swing-showcase,
    .elite-exchange-showcase,
    .elite-plan-showcase,
    .elite-calculator-showcase,
    .elite-feature-showcase,
    .home-accessible-showcase {
        padding-top: 8px !important;
        padding-bottom: 8px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .home-accessible-heading {
        margin-top: 0 !important;
        margin-bottom: 8px !important;
    }

    .elite-swing-title {
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .elite-plan-title {
        margin-top: 8px !important;
    }

    .elite-plan-subtitle {
        margin-bottom: 8px !important;
    }

    .elite-exchange-icons-grid {
        margin-top: 8px !important;
    }

    .home-canvas {
        margin-top: 8px !important;
    }
}