:root {

    --gold: #d4af37;
    --rose: #ff3d81;
    --dark: #090909;
    --light: #ffffff;

}

html,
body {
    overflow-x: hidden;
}


body {

    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
    padding-top: 68px;

}

section{
    scroll-margin-top: 68px;
}

ul{
    font-size: 1.3rem;
}


/* NAVBAR */


.luxury-navbar {

    background: rgba(0, 0, 0, .75);
    backdrop-filter: blur(15px);

}


.logo-circle {

    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--gold), var(--rose));

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

    color: white;
    font-size: 25px;
    font-weight: 700;

}


.brand-name {

    color: white;
    font-size: 22px;
    margin-left: 12px;
    font-weight: 700;

}



.nav-link {

    color: white !important;
    margin: 0 10px;

}


.premium-btn {

    background: linear-gradient(135deg, var(--gold), var(--rose));
    color: white;

}



/* HERO */


.luxury-hero {

    background:

        linear-gradient(120deg,
            #090909,
            #24101b);

    padding-top: 80px;
    padding-bottom: 70px;
    color: white;

    position: relative;
    overflow: hidden;

}



.hero-shape {

    position: absolute;
    border-radius: 50%;
    filter: blur(80px);

}


.shape-one {

    width: 400px;
    height: 400px;
    background: #ff3d81;
    top: -100px;
    right: -100px;

}



.shape-two {

    width: 300px;
    height: 300px;
    background: #d4af37;
    bottom: -100px;
    left: -100px;

}




.hero-tag {

    display: inline-block;
    padding: 12px 25px;
    border-radius: 50px;

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

    color: #ffd76a;

}




.hero-title {

    font-size: 65px;
    font-weight: 800;
    line-height: 1.1;

}


.hero-title span {

    color: #ff4b8b;

}



.hero-description {

    font-size: 18px;
    line-height: 1.8;
    color: #ddd;

}





.hero-mini-card {

    background: rgba(255, 255, 255, .1);
    padding: 15px;
    border-radius: 20px;

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

}


.hero-mini-card i {

    color: #ffd76a;
    font-size: 22px;

}



.hero-mini-card p {

    margin: 0;

}





.hero-image-wrapper {

    position: relative;

}



.hero-main-image {

    border-radius: 40px;
    box-shadow: 0 30px 80px rgba(0, 0, 0, .5);

}

p {
    font-size: 1.4rem !important;
}


.small-floating-image {

    position: absolute;
    width: 150px;
    bottom: -30px;
    left: -30px;

    border-radius: 25px;
    border: 5px solid white;

}




.floating-card {

    position: absolute;
    right: -30px;
    bottom: 50px;

    background: white;
    color: #111;

    padding: 20px;
    border-radius: 25px;

    display: flex;
    align-items: center;

}



.icon-box {

    width: 55px;
    height: 55px;

    background: #ff3d81;
    color: white;

    border-radius: 50%;

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

}





/* TRUST */


.trust-card {

    padding: 35px;
    border-radius: 25px;
    text-align: center;

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

    height: 100%;

}



.trust-card i {

    font-size: 40px;
    color: #ff3d81;

}



.trust-card p {

    color: #777;

}





/* STATS */


.stats-section {

    background:
        linear-gradient(135deg, #111, #000);

    color: white;
    padding: 70px 0;

}


.stats-section h2 {

    font-size: 55px;
    color: #ffd76a;

}


.stats-section p {

    color: #ddd;

}


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


.about-section {

    background: #fff;

}


.section-label {

    display: inline-block;

    padding: 10px 22px;

    border-radius: 50px;

    background: #111;

    color: #ffd76a;

    font-weight: 600;

    letter-spacing: 1px;

}



.section-heading {

    font-size: 48px;

    font-weight: 800;

    line-height: 1.2;

}



.section-heading span {
  
    color: #ff3d81;

}



.section-text {

    font-size: 17px;

    line-height: 1.8;

    color: #666;

}





.about-image-wrapper {

    position: relative;

}



.about-floating-card {


    position: absolute;

    bottom: 30px;

    right: 30px;


    background: white;

    padding: 20px;

    border-radius: 25px;

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


    display: flex;

    align-items: center;

    gap: 15px;


}



.about-floating-card i {

    width: 55px;

    height: 55px;

    background: #ff3d81;

    color: white;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 25px;

}




.about-floating-card h4 {

    margin: 0;

    font-weight: 800;

}



.about-floating-card p {

    margin: 0;

    color: #777;

}




.about-feature {

    display: flex;

    gap: 15px;

}



.about-feature i {

    font-size: 28px;

    color: #ff3d81;

}



.about-feature h5 {

    font-weight: 700;

}



.about-feature p {

    font-size: 14px;

    color: #777;

}





/* ==========================
WHY SECTION
========================== */


.premium-card {

    background: white;

    padding: 40px;

    border-radius: 30px;

    height: 100%;

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

    transition: .3s;

}



.premium-card:hover {

    transform: translateY(-10px);

}




.feature-icon {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    background: #ff3d81;

    color: white;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 30px;

    margin-bottom: 25px;

}





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


.premium-feature-section {

    background: #090909;

    color: white;

}



.premium-feature-section .section-text {

    color: #bbb;

}



.premium-list {

    list-style: none;

    padding: 0;

}



.premium-list li {

    margin-bottom: 20px;

    font-size: 18px;

}



.premium-list i {

    color: #ffd76a;

    margin-right: 15px;

}




.dark-feature-card {


    background: #171717;

    padding: 35px;

    border-radius: 25px;

    height: 100%;


}



.dark-feature-card i {

    font-size: 35px;

    color: #ffd76a;

    margin-bottom: 20px;

}



.dark-feature-card p {

    color: #aaa;

}


/* ==========================
PROCESS SECTION
========================== */


.process-card {

    background: white;

    padding: 35px;

    border-radius: 30px;

    text-align: center;

    height: 100%;

    box-shadow: 0 15px 35px rgba(0, 0, 0, .08);

    transition: .3s;

}


.process-card:hover {

    transform: translateY(-12px);

}



.step-number {

    font-size: 55px;

    font-weight: 800;

    color: #eee;

}



.process-card i {

    font-size: 45px;

    color: #ff3d81;

    margin: 20px 0;

}



.process-card h3 {

    font-weight: 700;

}








/* ==========================
MEMBERS
========================== */


.member-card {

    background: white;

    border-radius: 30px;

    overflow: hidden;

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

}



.member-image {

    position: relative;

}



.member-image img {

    width: 100%;

    height: 380px;

    object-fit: cover;

}



.member-image span {

    position: absolute;

    bottom: 20px;

    left: 20px;

    background: #ff3d81;

    color: white;

    padding: 10px 18px;

    border-radius: 50px;

}



.member-content {

    padding: 30px;

}



.member-content h3 {

    font-weight: 700;

}





/* ==========================
GALLERY
========================== */


.gallery-box {

    position: relative;

    overflow: hidden;

    border-radius: 30px;

}



.gallery-box img {

    width: 100%;

    height: 450px;

    object-fit: cover;

    transition: .5s;

}



.gallery-box:hover img {

    transform: scale(1.1);

}



.gallery-overlay {

    position: absolute;

    bottom: 0;

    left: 0;

    right: 0;

    padding: 30px;

    background: linear-gradient(transparent,
            rgba(0, 0, 0, .8));

    color: white;

}

/* TESTIMONIAL */


.testimonial-card {

    background: white;

    padding: 35px;

    border-radius: 30px;

    height: 100%;

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

}


.testimonial-card>i {

    font-size: 40px;

    color: #ff3d81;

}



.testimonial-card p {

    color: #666;

    line-height: 1.8;

}



.user-box {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-top: 25px;

}


.user-box img {

    width: 60px;

    height: 60px;

    border-radius: 50%;

    object-fit: cover;

}





/* PRIVACY */


.privacy-list div {

    display: flex;

    align-items: center;

    gap: 15px;

    margin: 20px 0;

    font-size: 18px;

    font-weight: 600;

}



.privacy-list i {

    color: #ff3d81;

    font-size: 25px;

}







/* CTA */


.cta-section {

    padding: 80px 0;

    background: #090909;

}



.cta-box {

    padding: 70px 30px;

    border-radius: 40px;

    background:

        linear-gradient(135deg,
            #ff3d81,
            #d4af37);

    color: white;

}



.cta-box h2 {

    font-size: 50px;

    font-weight: 800;

}


.cta-box span {

    color: #111;

}

.accordion-item{
    font-size: 1.3rem;
}

.accordion-button{
    font-size: 1.4rem;
    font-weight: 600;
}




/* FOOTER */


.luxury-footer {

    background: #050505;

    color: white;

    padding: 70px 0 30px;

}



.luxury-footer a {

    display: block;

    color: #aaa;

    text-decoration: none;

    margin-bottom: 15px;

}



.luxury-footer a:hover {

    color: #ff3d81;

}



.luxury-footer p {

    color: #aaa;

}



@media(max-width:991px) {

.luxury-hero{
    padding-top: 40px;
}


    .hero-title {
        font-size: 35px !important;
    }

    h2 {
        font-size: 25px !important;
    }

    .small-floating-image{
        margin-left: 15px !important;
    }

    .btn{
        width: 100% !important;
    }

    .floating-card{
        display: none;
    }

    .shape-one{
        display: none;
    }
}