/* ======================================
DIVINE PSYCHIC CENTRE
STYLE.CSS
====================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');

:root{

--primary:#4B0082;
--primary-light:#6A0DAD;
--primary-dark:#32005A;

--secondary:#D4AF37;
--secondary-dark:#B8941F;

--white:#ffffff;
--light:#f8f7fb;

--text:#222222;
--text-light:#666666;

--radius:18px;
--transition:.3s ease;

}

html,
body{
    overflow-x:hidden;
}

/* =========================
RESET
========================= */

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

html{
scroll-behavior:smooth;
}

body{
font-family:'Poppins',sans-serif;
font-size:16px;
line-height:1.8;
color:var(--text);
background:#fff;
overflow-x:hidden;
}

img{
max-width:100%;
display:block;
}

a{
text-decoration:none;
}

/* =========================
TYPOGRAPHY
========================= */

h1,h2,h3,h4,h5,h6{
font-family:'Playfair Display',serif;
font-weight:700;
color:var(--primary);
}

h1{
font-size:52px;
line-height:1.2;
}

h2{
font-size:42px;
line-height:1.3;
}

.section-title{
margin-bottom:60px;
}

.section-title span{
display:block;
color:var(--secondary);
font-size:14px;
font-weight:600;
letter-spacing:3px;
margin-bottom:12px;
text-transform:uppercase;
}

.section-title h2{
margin-bottom:15px;
}

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

.header{
background:#fff;
box-shadow:0 2px 20px rgba(0,0,0,.08);
padding:12px 0;
}

.logo{
font-family:'Playfair Display',serif;
font-size:28px;
font-weight:700;
color:var(--primary);
}

.navbar-nav .nav-link{
color:#222;
font-weight:500;
margin:0 10px;
}

.navbar-nav .nav-link:hover{
color:var(--primary);
}

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

.btn-gold{
background:var(--secondary);
color:#fff;
padding:14px 30px;
border-radius:50px;
font-weight:600;
border:none;
}

.btn-gold:hover{
background:var(--secondary-dark);
color:#fff;
}

.btn-outline-gold{
border:2px solid var(--secondary);
color:var(--secondary);
padding:14px 30px;
border-radius:50px;
font-weight:600;
}

.btn-outline-gold:hover{
background:var(--secondary);
color:#fff;
}
/* ==========================================
   PREMIUM HERO SLIDER - FINAL FIXED
========================================== */

.hero-slider-section{
    position:relative;
    overflow:hidden;
    min-height:100vh;
    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
    color:#fff;
}

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

.hero-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
    radial-gradient(
        circle at right center,
        rgba(212,175,55,.15),
        transparent 45%
    );
}

/* ==========================
   PARTICLES
========================== */

.hero-particles{
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:2;
    pointer-events:none;
}

.hero-particles::before,
.hero-particles::after{
    content:'';
    position:absolute;
    inset:0;
    background-image:
    radial-gradient(#D4AF37 1px, transparent 1px);
    background-size:80px 80px;
    opacity:.08;
    animation:moveParticles 30s linear infinite;
}

.hero-particles::after{
    opacity:.04;
    animation-duration:50s;
}

/* ==========================
   SWIPER
========================== */

.hero-slider-section .swiper,
.hero-slider-section .swiper-wrapper,
.hero-slider-section .swiper-slide{
    min-height:100vh;
}

.hero-slider-section .swiper-slide{
    display:flex;
    align-items:center;
}

.hero-slider-section .container{
    position:relative;
    z-index:20;
}

.hero-slider-section .row{
    min-height:100vh;
    align-items:center;
}

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

.hero-left{
    max-width:650px;
    position:relative;
    z-index:50;
}

/* ==========================
   TAG
========================== */

.hero-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:50px;
    border:1px solid rgba(212,175,55,.35);
    background:rgba(212,175,55,.08);
    color:#D4AF37;
    font-size:12px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:20px;
}

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

.hero-slider-section h1{
    font-family:'Playfair Display',serif;
    font-size:clamp(28px,4vw,48px);
    line-height:1.15;
    font-weight:700;
    color:#fff;
    margin-bottom:20px;
    max-width:650px;
}

.text-gold{
    color:#D4AF37;
}

/* ==========================
   PARAGRAPH
========================== */

.hero-slider-section p{
    font-size:18px;
    line-height:1.8;
    color:rgba(255,255,255,.85);
    max-width:620px;
}

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

.hero-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-top:35px;
}

.hero-buttons .btn{
    min-width:200px;
    text-align:center;
    position:relative;
    z-index:100;
}

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

.hero-stats{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-top:35px;
}

.stat-item{
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:15px;
    padding:15px 20px;
    min-width:140px;
}

.stat-item strong{
    display:block;
    color:#D4AF37;
    font-size:22px;
    margin-bottom:4px;
}

.stat-item span{
    color:#fff;
    font-size:13px;
}

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

.hero-image-wrap{ position:relative; display:flex; justify-content:center; align-items:center; z-index:10; }

.hero-image-wrap img{
    border-radius:10%;
}

.hero-image{
    width:100%;
    max-width:500px;
    height:auto;
    position:relative;
    z-index:10;
    border-radius:50%;
}
/* ======================================
   PREMIUM SERVICE CARD
====================================== */

.service-card{
    position:relative;
    height:350px;
    overflow:hidden;
    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.15);
    transition:all .4s ease;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}

/* Background Image */

.service-img{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;

    z-index:1;

    transition:transform .8s ease;
}

.service-card:hover .service-img{
    transform:scale(1.08);
}

/* Dark Overlay */

.service-overlay{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    background:linear-gradient(
        to top,
        rgba(20,0,35,.95) 0%,
        rgba(20,0,35,.60) 45%,
        rgba(20,0,35,.15) 100%
    );

    z-index:2;
}

/* Gold Glow */

.service-card::before{
    content:'';

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    background:
    radial-gradient(
        circle at top right,
        rgba(212,175,55,.25),
        transparent 45%
    );

    opacity:0;
    transition:.4s;

    z-index:3;
}

.service-card:hover::before{
    opacity:1;
}

/* Content */

.service-content{
    position:absolute;
    bottom:0;
    left:0;

    width:100%;

    padding:30px;

    z-index:999;
}

.service-content h3{
    font-family:'Playfair Display',serif;
    font-size:28px;
    font-weight:700;

    color:#D4AF37 !important;

    margin-bottom:10px;
    line-height:1.3;
}

.service-content p{
    color:#ffffff !important;
    font-size:15px;
    line-height:1.8;
    margin:0;
}

/* Mobile */

@media(max-width:768px){

    .service-card{
        height:280px;
    }

    .service-content{
        padding:22px;
    }

    .service-content h3{
        font-size:24px;
    }

    .service-content p{
        font-size:14px;
    }

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

.logo{
    display:flex;
    align-items:center;
    padding:0;
}

.logo-img{
    height:20px;
    width:auto;
    object-fit:contain;
    transition:.3s ease;
}

.logo-img:hover{
    transform:scale(1.03);
}

/* Responsive */

@media(max-width:991px){

    .logo-img{
        height:60px;
    }

}

@media(max-width:576px){

    .logo-img{
        height:50px;
    }

}

.logo-img{
    height:40px;
    width:auto;
    object-fit:contain;
}


/* =========================
   ROTATING CHAKRA
========================= */

.hero-chakra{
    position:absolute;
    top:50%;
    right:50px;
    width:600px;
    height:600px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    transform:translateY(-50%);
    z-index:-2;
    opacity:0.5;
    animation:rotateChakra 80s linear infinite;
}

.hero-overlay{
    z-index:1;
}

.hero-chakra{
    z-index:2;
}

.hero-particles{
    z-index:3;
}

.hero-image-wrap{
    position:relative;
    z-index:5;
}

.hero-left{
    position:relative;
    z-index:5;
}

.hero-slider-section .container{
    position:relative;
    z-index:5;
}

@keyframes rotateChakra{
    from{
        transform:translateY(-50%) rotate(0deg);
    }
    to{
        transform:translateY(-50%) rotate(360deg);
    }
}



@media(max-width:991px){

.hero-chakra{
    width:800px;
    height:800px;
    right:-120px;
    opacity:.05;
}

}

@media(max-width:576px){

.hero-chakra{
    width:800px;
    height:800px;
    right:-80px;
    opacity:.04;
}

}

.hero-chakra{
    filter:
        drop-shadow(0 0 20px rgba(212,175,55,.3))
        drop-shadow(0 0 50px rgba(212,175,55,.2));
}



/* ==========================
   GLOW EFFECT
========================== */

.hero-image-wrap{
    position:relative;
    z-index:5;
}
.hero-image-wrap::before{
    content:'';
    position:absolute;

    width:700px;
    height:700px;

    top:50%;
    left:-950px;

    background:url('../images/yant.png') center center no-repeat;
    background-size:contain;

    opacity:.08;

    z-index:1;

    pointer-events:none;

    animation:rotateChakra 120s linear infinite;
}


.hero-image-wrap,
.hero-left,
.hero-slider-section .container,
.hero-buttons,
.hero-buttons .btn{
    position:relative;
    z-index:999;
}

.hero-overlay,
.hero-particles,
.hero-chakra,
.hero-image-wrap::before,
.hero-image-wrap::after{
    pointer-events:none;
}

.hero-image{
    position:relative;
    z-index:3;
}

/* ==========================
   FLOATING CARDS
========================== */

.floating-card{
    position:absolute;
    z-index:20;
    pointer-events:none;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:16px;
    padding:14px 20px;
    color:#fff;
    font-size:14px;
    font-weight:500;
    box-shadow:0 15px 35px rgba(0,0,0,.20);
}

.card-1{
    top:60px;
    right:0;
    animation:floatCard 4s ease-in-out infinite;
}

.card-2{
    bottom:60px;
    left:0;
    animation:floatCard 4s ease-in-out infinite;
    animation-delay:2s;
}

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

.swiper-button-next,
.swiper-button-prev{
    width:55px !important;
    height:55px !important;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(212,175,55,.30);
    backdrop-filter:blur(10px);
    color:#D4AF37 !important;
}

.swiper-button-next:after,
.swiper-button-prev:after{
    font-size:18px !important;
    font-weight:700;
}

/* ==========================
   PAGINATION
========================== */

.swiper-pagination{
    bottom:25px !important;
}

.swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:#fff;
    opacity:.4;
}

.swiper-pagination-bullet-active{
    width:35px;
    border-radius:50px;
    background:#D4AF37;
    opacity:1;
}

/* ==========================
   ANIMATIONS
========================== */

@keyframes pulseGlow{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.08);
    }
}

@keyframes floatCard{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-12px);
    }
}

@keyframes moveParticles{
    from{
        transform:translateY(0);
    }
    to{
        transform:translateY(-200px);
    }
}

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

@media(max-width:1199px){

    .hero-image{
        max-width:420px;
    }

}

@media(max-width:991px){

    .hero-slider-section{
        text-align:center;
    }

    .hero-slider-section .row{
        min-height:auto;
        padding:120px 0 80px;
    }

    .hero-left{
        max-width:100%;
    }

    .hero-slider-section h1{
        max-width:100%;
        font-size:46px;
    }

    .hero-slider-section p{
        max-width:100%;
    }

    .hero-buttons,
    .hero-stats{
        justify-content:center;
    }

    .hero-image{
        max-width:340px;
        margin-top:40px;
    }

    .floating-card,
    .swiper-button-next,
    .swiper-button-prev{
        display:none !important;
    }

    .hero-image-wrap::before{
        width:300px;
        height:300px;
    }

    .hero-image-wrap::after{
        width:380px;
        height:380px;
    }
}

@media(max-width:767px){

    .hero-slider-section h1{
        font-size:36px;
        line-height:1.2;
    }

    .hero-slider-section p{
        font-size:16px;
    }

    .hero-buttons{
        flex-direction:column;
        width:100%;
    }

    .hero-buttons .btn{
        width:100%;
    }

    .hero-image{
        max-width:100%;
    }
    
    .header-buttons{
        display:none;
    }
}

@media(max-width:576px){

    .hero-slider-section h1{
        font-size:30px;
    }

    .hero-tag{
        font-size:11px;
        letter-spacing:1px;
    }

    .hero-image{
        max-width:100%;
    }

    .hero-image-wrap::before{
        width:220px;
        height:220px;
    }

    .hero-image-wrap::after{
        width:280px;
        height:280px;
    }
    .header-buttons{
        display:none;
    }
}
/* =========================
TRUST BAR
========================= */

.trust-section{
padding:50px 0;
background:var(--primary);
}

.trust-box h4{
color:#fff;
margin-bottom:5px;
}

.trust-box p{
color:rgba(255,255,255,.85);
margin:0;
}

/* =========================
SERVICES
========================= */

.service-card{
    position:relative;
    overflow:hidden;
    border-radius:20px;
    height:350px;

    box-shadow:0 10px 30px rgba(0,0,0,.15);
    transition:.4s ease;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}

/* Image */

.service-img{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;
    z-index:1;

    transition:.8s ease;
}

.service-card:hover .service-img{
    transform:scale(1.08);
}

/* Overlay */

.service-card::before{
    content:'';
    position:absolute;
    inset:0;

    background:linear-gradient(
        to top,
        rgba(20,0,35,.92) 0%,
        rgba(20,0,35,.60) 45%,
        rgba(20,0,35,.10) 100%
    );

    z-index:2;
}

.section-title{
    margin-top:70px;
}


/* Content */

.service-content{
    position:absolute;
    bottom:0;
    left:0;

    width:100%;
    padding:30px;

    z-index:5;   /* IMPORTANT */
}

.service-content h3{
    color:#D4AF37 !important;
    font-size:28px;
    font-family:'Playfair Display',serif;
    margin-bottom:10px;
}

.service-content p{
    color:#fff !important;
    margin:0;
    line-height:1.8;
}

/* Mobile */

@media(max-width:768px){

    .service-card{
        height:280px;
    }

    .service-content{
        padding:20px;
    }

    .service-content h3{
        font-size:22px;
    }

}


/* =========================
WHY CHOOSE US
========================= */

.why-section{
    padding:120px 0;
    background:
    linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
    position:relative;
    overflow:hidden;
}

.why-section::before{
    content:'';
    position:absolute;
    width:700px;
    height:700px;
    top:-250px;
    right:-250px;
    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.12),
        transparent 70%
    );
}

.why-section .section-title span{
    color:#D4AF37;
}

.why-section .section-title h2{
    color:#fff;
    margin-bottom:15px;
}

.why-section .section-title p{
    color:rgba(255,255,255,.75);
    max-width:700px;
    margin:auto;
}

.why-card{
    position:relative;
    height:100%;

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

    backdrop-filter:blur(18px);

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

    border-radius:24px;

    padding:40px 30px;

    text-align:center;

    transition:.4s ease;

    overflow:hidden;
}

.why-card::before{
    content:'';
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        135deg,
        rgba(212,175,55,.15),
        transparent
    );

    opacity:0;
    transition:.4s;
}

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

    border-color:rgba(212,175,55,.35);

    box-shadow:
    0 20px 50px rgba(0,0,0,.25);
}

.why-card:hover::before{
    opacity:1;
}

.why-icon{
    width:80px;
    height:80px;

    margin:0 auto 25px;

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

    font-size:34px;

    border-radius:50%;

    background:
    rgba(212,175,55,.12);

    border:
    1px solid rgba(212,175,55,.25);

    color:#D4AF37;
}

.why-card h3{
    color:#fff;
    font-size:24px;
    margin-bottom:15px;
}

.why-card p{
    color:rgba(255,255,255,.75);
    margin:0;
    line-height:1.8;
}

/* Mobile */

@media(max-width:991px){

    .why-section{
        padding:90px 0;
    }

    .why-card{
        padding:30px 25px;
    }

}

@media(max-width:576px){

    .why-section{
        padding:80px 0;
    }

    .why-card h3{
        font-size:22px;
    }

}

/* =========================
REVIEWS SECTION
========================= */

.reviews-section{
    padding:120px 0;
    background:#f8f7fb;
    overflow:hidden;
}

.reviewSwiper{
    margin-top:60px;
    padding-bottom:60px;
}

/* Equal Height Slides */

.reviewSwiper .swiper-slide{
    height:auto;
}

/* Review Card */

.review-card{
    position:relative;

    height:100%;
    min-height:320px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    background:#fff;
    border-radius:25px;
    padding:40px;

    border:1px solid rgba(75,0,130,.08);

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

    transition:.4s ease;

    overflow:hidden;
}

/* Gold Glow */

.review-card::before{
    content:'';
    position:absolute;
    top:0;
    right:0;

    width:120px;
    height:120px;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.15),
        transparent 70%
    );

    pointer-events:none;
}

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

    box-shadow:
    0 25px 60px rgba(75,0,130,.15);
}

/* Stars */

.stars{
    color:#D4AF37;
    font-size:24px;
    letter-spacing:3px;
    margin-bottom:20px;
}

/* Review Text */

.review-card p{
    color:#666;
    line-height:1.9;
    font-style:italic;
    margin-bottom:30px;
    flex-grow:1;
}

/* Reviewer */

.review-user{
    border-top:1px solid rgba(75,0,130,.08);
    padding-top:20px;
}

.review-user h5{
    margin:0;
    color:#4B0082;
    font-size:18px;
    font-weight:600;
}

.review-user span{
    color:#999;
    font-size:14px;
}

/* Pagination */

.reviewSwiper .swiper-pagination{
    position:relative;
    margin-top:40px;
}

.reviewSwiper .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#ccc;
    opacity:1;
    transition:.3s;
}

.reviewSwiper .swiper-pagination-bullet-active{
    width:35px;
    border-radius:50px;
    background:#D4AF37;
}

/* Responsive */

@media(max-width:991px){

    .reviews-section{
        padding:90px 0;
    }

    .review-card{
        min-height:280px;
        padding:30px;
    }

}

@media(max-width:576px){

    .reviews-section{
        padding:80px 0;
    }

    .review-card{
        padding:25px;
    }

    .stars{
        font-size:20px;
    }

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

.faq-section{
    padding:120px 0;
    background:
    linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
}

.faq-section .section-title span{
    color:#D4AF37;
}

.faq-section .section-title h2{
    color:#fff;
}

.faq-section .section-title p{
    color:rgba(255,255,255,.75);
}

/* Accordion */

#faqAccordion{
    max-width:900px;
    margin:60px auto 0;
}

.accordion-item{
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(15px);

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

    border-radius:18px !important;

    overflow:hidden;

    margin-bottom:20px;
}

.accordion-button{
    background:transparent !important;
    color:#fff !important;

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

    padding:25px 30px;

    box-shadow:none !important;
}

.accordion-button:not(.collapsed){
    color:#D4AF37 !important;
}

.accordion-button::after{
    filter:brightness(0) invert(1);
}

.accordion-button:not(.collapsed)::after{
    filter:none;
}

.accordion-body{
    color:rgba(255,255,255,.80);
    font-size:16px;
    line-height:1.9;

    padding:0 30px 30px;
}

/* Hover */

.accordion-item:hover{
    border-color:rgba(212,175,55,.35);

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

/* Mobile */

@media(max-width:768px){

    .faq-section{
        padding:90px 0;
    }

    .accordion-button{
        font-size:17px;
        padding:20px;
    }

    .accordion-body{
        padding:0 20px 20px;
    }

}

/* =========================
LOCATIONS
========================= */

.locations-section{
padding:100px 0;
}

.location-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:15px;
}

.location-grid a{
background:#fff;
border:1px solid rgba(75,0,130,.08);
padding:15px;
text-align:center;
border-radius:12px;
color:var(--primary);
font-weight:600;
}

.location-grid a:hover{
background:var(--primary);
color:#fff;
}

/* =========================
CONTACT SECTION
========================= */

.contact-section{
    padding:100px 0;
    background:#f8f7fb;
}

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

.contact-section .row{
    align-items:center;
}

.contact-info{
    margin-top:30px;
}

.contact-item{
    margin-bottom:25px;
}

.contact-item strong{
    display:block;
    color:#4B0082;
    font-size:18px;
    margin-bottom:8px;
}

.contact-item p{
    margin:0;
    color:#666;
}

/* Form */

.contact-form{
    background:#fff;
    padding:40px;
    border-radius:20px;

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

    border:1px solid rgba(75,0,130,.08);
}

.contact-form .form-control{
    height:55px;
    border-radius:12px;
    border:1px solid #ddd;
    padding:0 18px;
}

.contact-form textarea.form-control{
    height:auto;
    padding:15px 18px;
}

.contact-form .form-control:focus{
    border-color:#D4AF37;
    box-shadow:none;
}

.contact-form select.form-control{
    appearance:none;
}

/* Mobile */

@media(max-width:991px){

    .contact-section{
        text-align:center;
    }

    .contact-info{
        margin-bottom:40px;
    }

    .contact-form{
        padding:30px;
    }

}

@media(max-width:576px){

    .contact-section{
        padding:80px 0;
    }

    .contact-form{
        padding:25px;
    }

}
/* =========================
CTA
========================= */

.cta-section{
padding:100px 0;
background:var(--primary);
text-align:center;
}

.cta-section h2{
color:#fff;
margin-bottom:20px;
}

.cta-section p{
color:rgba(255,255,255,.85);
margin-bottom:30px;
}

/* =========================
FOOTER
========================= */
/*.footer{*/
/*background:#2D004F;*/
/*color:#fff;*/
/*padding:80px 0 30px;*/
/*}*/

/*.footer .container{*/
/*max-width:1200px;*/
/*margin:auto;*/
/*}*/

/*.footer-grid{*/
/*display:grid;*/
/*grid-template-columns:2fr 1fr 1fr 1fr;*/
/*gap:40px;*/
/*align-items:start;*/
/*width:100%;*/
/*}*/

/*.footer-brand{*/
/*max-width:100%;*/
/*}*/

/*.footer h3{*/
/*color:#D4AF37;*/
/*font-size:32px;*/
/*margin-bottom:20px;*/
/*}*/

/*.footer h4{*/
/*color:#D4AF37;*/
/*font-size:22px;*/
/*margin-bottom:20px;*/
/*}*/

/*.footer p{*/
/*color:rgba(255,255,255,.85);*/
/*line-height:1.8;*/
/*margin-bottom:10px;*/
/*}*/

/*.footer-contact-mini{*/
/*margin-top:25px;*/
/*}*/

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

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

/*.footer ul li a{*/
/*color:#fff;*/
/*transition:.3s;*/
/*}*/

/*.footer ul li a:hover*/

/*.footer-bottom{*/
/*margin-top:50px;*/
/*padding-top:25px;*/
/*border-top:1px solid rgba(255,255,255,.15);*/
/*text-align:center;*/
/*}*/

/* Tablet */

/*@media (max-width:991px){*/


/*.footer-grid{*/
/*    grid-template-columns:repeat(2,1fr);*/
/*    gap:30px;*/
/*}*/


/*}*/

/* Mobile */

/*@media (max-width:767px){*/


/*.footer{*/
/*    text-align:left;*/
/*}*/

/*.footer-grid{*/
/*    grid-template-columns:1fr;*/
/*    gap:25px;*/
/*}*/


/*}*/

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

@media(max-width:991px){

h1{
font-size:42px;
}

h2{
font-size:34px;
}

.hero-section{
padding:150px 0 80px;
text-align:center;
}

.hero-image{
margin-top:40px;
}

}

@media(max-width:768px){

.hero-buttons{
justify-content:center;
}

.footer-grid{
display:block;
}

.footer-col{
margin-top:30px;
}

}

@media(max-width:576px){

h1{
font-size:34px;
}

h2{
font-size:28px;
}

.btn-gold,
.btn-outline-gold{
width:100%;
}

.hero-buttons{
flex-direction:column;
}

}


/* =========================
ABOUT PSYCHIC
========================= */

.about-psychic-section{
    padding:120px 0;
    background:#fff;
}

.about-tag{
    display:inline-block;
    color:#D4AF37;
    font-size:14px;
    font-weight:600;
    letter-spacing:3px;
    margin-bottom:15px;
}

.about-psychic-section h2{
    margin-bottom:25px;
    color:#4B0082;
}

.about-psychic-section p{
    color:#666;
    line-height:1.9;
    margin-bottom:20px;
}

.about-image-wrap{
    position:relative;
    text-align:center;
}

.about-image{
    width:100%;
    max-width:450px;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(75,0,130,.15);
}

.experience-badge{
    position:absolute;
    bottom:20px;
    right:20px;

    background:#D4AF37;
    color:#fff;

    padding:20px;
    border-radius:15px;
    text-align:center;
}

.experience-badge strong{
    display:block;
    font-size:30px;
}

.about-highlights{
    display:flex;
    gap:20px;
    margin:35px 0;
    flex-wrap:wrap;
}

.highlight-box{
    background:#f8f7fb;
    padding:20px 25px;
    border-radius:15px;
    min-width:150px;
    text-align:center;
}

.highlight-box strong{
    display:block;
    color:#4B0082;
    font-size:28px;
}

.highlight-box span{
    color:#666;
    font-size:14px;
}

@media(max-width:991px){

    .about-psychic-section{
        text-align:center;
    }

    .about-image{
        margin-bottom:40px;
    }

    .about-highlights{
        justify-content:center;
    }

    .experience-badge{
        right:50%;
        transform:translateX(50%);
    }
}


/* =========================
FLOATING BUTTONS
========================= */

.floating-text,
.floating-call,
.floating-whatsapp{

    position:fixed;

    width:65px;
    height:65px;

    border-radius:50%;

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

    color:#fff;
    font-size:28px;

    text-decoration:none;

    z-index:9999;

    transition:all .3s ease;

}

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

.floating-text{

    left:25px;
    bottom:105px;

    background:#7C3AED;

    box-shadow:
    0 8px 30px rgba(124,58,237,.45);

    animation:pulseText 2s infinite;

}

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

.floating-call{

    left:25px;
    bottom:25px;

    background:#2563EB;

    box-shadow:
    0 8px 30px rgba(37,99,235,.45);

    animation:pulseCall 2s infinite;

}

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

.floating-whatsapp{

    right:25px;
    bottom:25px;

    background:#25D366;

    box-shadow:
    0 8px 30px rgba(37,211,102,.45);

    animation:pulseWhatsapp 2s infinite;

}

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

.floating-text:hover,
.floating-call:hover,
.floating-whatsapp:hover{

    transform:scale(1.1);

    color:#fff;

}

/* =========================
TEXT PULSE
========================= */

@keyframes pulseText{

    0%{

        box-shadow:
        0 0 0 0 rgba(124,58,237,.65),
        0 8px 30px rgba(124,58,237,.45);

    }

    70%{

        box-shadow:
        0 0 0 20px rgba(124,58,237,0),
        0 8px 30px rgba(124,58,237,.45);

    }

    100%{

        box-shadow:
        0 0 0 0 rgba(124,58,237,0),
        0 8px 30px rgba(124,58,237,.45);

    }

}

/* =========================
CALL PULSE
========================= */

@keyframes pulseCall{

    0%{

        box-shadow:
        0 0 0 0 rgba(37,99,235,.65),
        0 8px 30px rgba(37,99,235,.45);

    }

    70%{

        box-shadow:
        0 0 0 20px rgba(37,99,235,0),
        0 8px 30px rgba(37,99,235,.45);

    }

    100%{

        box-shadow:
        0 0 0 0 rgba(37,99,235,0),
        0 8px 30px rgba(37,99,235,.45);

    }

}

/* =========================
WHATSAPP PULSE
========================= */

@keyframes pulseWhatsapp{

    0%{

        box-shadow:
        0 0 0 0 rgba(37,211,102,.65),
        0 8px 30px rgba(37,211,102,.45);

    }

    70%{

        box-shadow:
        0 0 0 20px rgba(37,211,102,0),
        0 8px 30px rgba(37,211,102,.45);

    }

    100%{

        box-shadow:
        0 0 0 0 rgba(37,211,102,0),
        0 8px 30px rgba(37,211,102,.45);

    }

}

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

@media(max-width:768px){

    .floating-text,
    .floating-call,
    .floating-whatsapp{

        width:58px;
        height:58px;

        font-size:24px;

    }

    .floating-text{

        left:15px;
        bottom:88px;

    }

    .floating-call{

        left:15px;
        bottom:15px;

    }

    .floating-whatsapp{

        right:15px;
        bottom:15px;

    }

}

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

@media(max-width:991px){

    .navbar-collapse{
        position:fixed !important;

        top:0;
        left:0;

        width:290px;
        height:100vh;

        background:#fff;

        padding:25px;

        overflow-y:auto;

        z-index:9999;

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

        transform:translateX(-100%);
        transition:transform .35s ease-in-out;

        display:block !important;
    }

    /* Smooth Slide */

    .navbar-collapse.show{
        transform:translateX(0);
    }

    /* Disable Bootstrap animation */

    .navbar-collapse.collapsing{
        height:auto !important;
        transition:none !important;
    }

    /* Logo Header */

    .mobile-menu-header{
        display:flex;
        align-items:center;
        justify-content:space-between;

        padding-bottom:15px;
        margin-bottom:20px;

        border-bottom:
        1px solid rgba(212,175,55,.25);
    }

    .mobile-logo{
        height:45px;
        width:auto;
    }

    .mobile-close{
        border:none;
        background:none;

        font-size:30px;
        color:#4B0082;

        cursor:pointer;
    }

    /* Navigation */

    .navbar-nav{
        text-align:left;
        margin-top:10px;
    }

    .navbar-nav .nav-item{
        margin-bottom:0;
    }

    .navbar-nav .nav-link{
        display:block;

        padding:12px 0;

        font-size:16px;
        font-weight:500;

        color:#222;

        border-bottom:
        1px solid rgba(0,0,0,.05);

        transition:.3s;
    }

    .navbar-nav .nav-link:hover{
        color:#D4AF37;
        padding-left:8px;
    }

    /* Buttons */

    .header-buttons{
        margin-top:20px;

        display:flex;
        flex-direction:column;

        gap:10px;
    }

    .header-buttons .btn{
        width:100%;
        text-align:center;
        padding:12px;
    }

}

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

.mobile-overlay{
    position:fixed;
    inset:0;

    background:rgba(0,0,0,.55);

    opacity:0;
    visibility:hidden;

    transition:.3s ease;

    z-index:9998;
}

.mobile-overlay.show{
    opacity:1;
    visibility:visible;
}

/* Premium Avatar */

.review-avatar{
    width:80px;
    height:80px;

    margin:0 auto 25px;

    position:relative;
}

.review-avatar-letter{
    display:flex;
    align-items:center;
    justify-content:center;

    width:80px;
    height:80px;

    border-radius:50%;

    background:#4B0082;

    color:#fff;

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

    border:3px solid #D4AF37;

    box-shadow:
    0 0 25px rgba(212,175,55,.25);
}

/* Premium Quote Icon */

.review-card{
    position:relative;
}

.review-card::after{
    content:'❝';

    position:absolute;

    top:20px;
    right:25px;

    font-size:80px;

    line-height:1;

    color:rgba(212,175,55,.10);

    font-family:serif;

    pointer-events:none;
}

/* =========================
GOLD BUTTON ONLY
========================= */

.btn-gold{
    position:relative;
    overflow:hidden;

    background:linear-gradient(
        90deg,
        #B8860B,
        #D4AF37,
        #F5D76E,
        #D4AF37,
        #B8860B
    );

    background-size:300% 100%;

    animation:goldFlow 6s linear infinite;

    color:#fff !important;
    border:none;
}

/* Shine only on button */

.btn-gold::before{
    content:'';

    position:absolute;

    top:0;
    left:-120%;

    width:50%;
    height:100%;

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

    transform:skewX(-25deg);

    animation:buttonShine 4s infinite;

    pointer-events:none;
}

@keyframes goldFlow{
    0%{
        background-position:0% 50%;
    }
    100%{
        background-position:100% 50%;
    }
}

@keyframes buttonShine{
    0%{
        left:-120%;
    }
    100%{
        left:200%;
    }
}


.btn-outline-gold{
    position:relative;
    overflow:hidden;
    border:2px solid #D4AF37;
    background:transparent;
    transition:.3s;
}

.btn-outline-gold::before{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:50%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(212,175,55,.35),
        transparent
    );
    transform:skewX(-25deg);
    animation:buttonShine 4s infinite;
    pointer-events:none;
}

/* =========================
PREMIUM CTA
========================= */

.cta-section{
    padding:120px 0;
    background:#f8f7fb;
}

.cta-box{
    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );

    border-radius:30px;

    padding:50px;

    overflow:hidden;

    position:relative;

    box-shadow:
    0 25px 60px rgba(0,0,0,.15);
}

.cta-box::before{
    content:'';

    position:absolute;

    width:500px;
    height:500px;

    right:-150px;
    top:-150px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.18),
        transparent 70%
    );
}

.cta-image{
    text-align:center;
}

.cta-image img{
    max-width:100%;
    width:100%;
    border-radius:20px;
    filter:
    drop-shadow(0 15px 30px rgba(0,0,0,.25));
}

.cta-content{
    color:#fff;
}

.cta-tag{
    display:inline-block;

    padding:10px 18px;

    border-radius:50px;

    background:
    rgba(212,175,55,.12);

    border:
    1px solid rgba(212,175,55,.25);

    color:#D4AF37;

    margin-bottom:20px;
}

.cta-content h2{
    font-size:35px;
    line-height:1.2;
    margin-bottom:20px;

    font-family:'Playfair Display',serif;
}

.cta-content p{
    font-size:18px;
    color:rgba(255,255,255,.85);

    margin-bottom:30px;
}

.cta-buttons{
   
    gap:15px;
    flex-wrap:wrap;
}

/* Mobile */

@media(max-width:991px){

    .cta-box{
        text-align:center;
        padding:40px 25px;
    }

    .cta-image img{
        max-width:100%;
        margin-bottom:30px;
    }

    .cta-content h2{
        font-size:34px;
    }

    .cta-buttons{
        justify-content:center;
         display:flex;
    }

}

@media(max-width:576px){

    .cta-content h2{
        font-size:28px;
    }

    .cta-buttons{
        flex-direction:column;
    }

    .cta-buttons .btn{
        width:100%;
         display:flex;
    }
    
    
.footer img{
    align-items:center!important;
}

}

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

.footer{
    position:relative;
    overflow:hidden;

    width:100%;

    background:
    linear-gradient(
        135deg,
        #18002d 0%,
        #2f0057 50%,
        #18002d 100%
    );

    padding:90px 0 30px;

    color:#fff;
}

/* =========================
LARGE CHAKRA
========================= */

.footer::before{
    content:'';

    position:absolute;

    width:1000px;
    height:1000px;

    right:-300px;
    bottom:-300px;

    background:url('../images/yant.png')
    center center no-repeat;

    background-size:contain;

    opacity:.04;

    animation:rotateChakra 180s linear infinite;

    pointer-events:none;

    z-index:1;
}

/* Keep content above chakra */

.footer .container{
    position:relative;
    z-index:2;
}

/* Glow */

.footer-glow{
    position:absolute;

    width:700px;
    height:700px;

    top:-250px;
    right:-250px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.12),
        transparent 70%
    );

    pointer-events:none;
}

/* Logo */

.footer-logo{
    height:50px;
    width:auto;

    margin-bottom:20px;
}

.footer-brand p{
    color:rgba(255,255,255,.75);
    line-height:1.9;
}

/* Headings */

.footer h4{
    color:#D4AF37;

    font-size:22px;

    margin-bottom:25px;

    font-family:'Playfair Display',serif;
}

/* Links */

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

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    color:rgba(255,255,255,.75);

    text-decoration:none;

    transition:.3s;
}

.footer-links a:hover{
    color:#D4AF37;
    padding-left:6px;
}

/* Contact */

.footer-contact{
    margin-top:25px;

    display:flex;
    flex-direction:column;

    gap:12px;
}

.footer-contact a,
.footer-contact span{
    color:rgba(255,255,255,.8);
    text-decoration:none;
}

/* Divider */

.footer-divider{
    height:1px;

    margin:50px 0 25px;

    background:
    linear-gradient(
        to right,
        transparent,
        rgba(212,175,55,.4),
        transparent
    );
}

/* Bottom */

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

.footer-bottom p{
    margin:0;
    color:rgba(255,255,255,.65);
}

/* Social */

.footer-social{
    display:flex;
    gap:12px;
}

.footer-social a{
    width:42px;
    height:42px;

    border-radius:50%;

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

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

    color:#D4AF37;

    text-decoration:none;

    transition:.3s;
}

.footer-social a:hover{
    transform:translateY(-4px);
    background:#D4AF37;
    color:#fff;
}

/* Mobile */

@media(max-width:991px){

    .footer{
        text-align:left;
    }

    .footer-bottom{
        flex-direction:column;
    }

    .footer-contact{
        align-items:center;
    }

    .footer-social{
        justify-content:center;
    }

}

/* Mobile Chakra */

@media(max-width:768px){

    .footer::before{

        width:700px;
        height:700px;

        right:-250px;
        bottom:-250px;

        opacity:.035;
    }

}
/* =========================
GOOGLE REVIEW BADGE
========================= */

.google-rating-box{

    max-width:500px;

    margin:0 auto 60px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;

    background:#fff;

    padding:25px 35px;

    border-radius:20px;

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

    border:1px solid rgba(0,0,0,.05);
}

.google-left img{
    height:20px;
    width:auto;
}

.google-right h3{
    margin:0;

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

    color:#4B0082;
}

.google-stars{
    color:#fbbc05;
    font-size:22px;
    letter-spacing:3px;
}

.google-right p{
    margin:5px 0 0;
    color:#666;
    font-size:14px;
}

.review-badge img{
    width:25%;
    align-items:left;
}


/* ==========================================
   ABOUT PAGE BANNER
========================================== */

.page-banner{
    position:relative;
    overflow:hidden;

    padding:180px 0 120px;

    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );

    text-align:center;
}

.page-banner::before{
    content:'';

    position:absolute;

    width:700px;
    height:700px;

    top:50%;
    right:-250px;

    transform:translateY(-50%);

    background:url('../images/yant.png')
    center center no-repeat;

    background-size:contain;

    opacity:.04;

    animation:rotateChakra 120s linear infinite;
}

.page-banner-content{
    position:relative;
    z-index:2;
}

.page-banner span{
    color:#D4AF37;

    letter-spacing:3px;

    font-size:13px;

    font-weight:600;
}

.page-banner h1{
    color:#fff;

    font-family:'Playfair Display',serif;

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

    margin:20px 0;
}

.page-banner p{
    color:rgba(255,255,255,.85);

    max-width:700px;

    margin:auto;

    font-size:18px;
}


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

.about-section{
    padding:120px 0;
}

.about-image-wrap{
    position:relative;
}

.about-image{
    width:100%;

    border-radius:30px;

    box-shadow:
    0 20px 50px rgba(75,0,130,.15);
}

.section-subtitle{
    color:#D4AF37;

    font-size:13px;

    letter-spacing:3px;

    font-weight:600;
}

.about-section h2{
    margin:15px 0 25px;

    color:#250046;

    font-size:42px;

    font-family:'Playfair Display',serif;
}

.about-section p{
    color:#666;

    line-height:1.9;

    margin-bottom:18px;
}

.about-points{
    display:grid;

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

    gap:15px;

    margin-top:30px;
}

.about-points div{
    background:#fff;

    padding:16px 20px;

    border-radius:12px;

    border-left:4px solid #D4AF37;

    box-shadow:
    0 8px 25px rgba(75,0,130,.06);
}


/* ==========================================
   TRUST SECTION
========================================== */

.trust-section{
    padding:120px 0;

    background:#f8f7fb;
}

.trust-card{
    background:#fff;

    padding:40px 30px;

    border-radius:25px;

    text-align:center;

    height:100%;

    transition:.35s;

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

.trust-card:hover{
    transform:translateY(-8px);
}

.trust-icon{
    width:80px;
    height:80px;

    margin:auto auto 25px;

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

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        #D4AF37,
        #f4d87a
    );

    font-size:34px;
}

.trust-card h3{
    color:#250046;

    margin-bottom:15px;

    font-size:24px;
}

.trust-card p{
    color:#666;

    line-height:1.8;

    margin:0;
}


/* ==========================================
   MISSION SECTION
========================================== */

.mission-section{
    padding:120px 0;

    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
}

.mission-card{
    height:100%;

    padding:45px;

    border-radius:30px;

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

    backdrop-filter:blur(20px);

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

.mission-card span{
    color:#D4AF37;

    font-size:13px;

    letter-spacing:3px;

    font-weight:600;
}

.mission-card h3{
    color:#fff;

    margin:18px 0 20px;

    font-size:34px;

    font-family:'Playfair Display',serif;
}

.mission-card p{
    color:rgba(255,255,255,.82);

    line-height:1.9;
}

.value-list{
    list-style:none;

    padding:0;

    margin:25px 0 0;
}

.value-list li{
    color:#fff;

    margin-bottom:15px;

    position:relative;

    padding-left:30px;
}

.value-list li::before{
    content:'✓';

    position:absolute;

    left:0;

    color:#D4AF37;

    font-weight:700;
}


/* ==========================================
   ABOUT CTA
========================================== */

.cta-card{
    background:linear-gradient(
        135deg,
        #22003f,
        #4B0082
    );

    padding:70px 40px;

    border-radius:35px;

    overflow:hidden;

    position:relative;
}

.cta-card span{
    color:#D4AF37;

    letter-spacing:3px;

    font-size:13px;

    font-weight:600;
}

.cta-card h2{
    color:#fff;

    margin:20px 0;

    font-size:48px;

    font-family:'Playfair Display',serif;
}

.cta-card p{
    color:rgba(255,255,255,.85);

    max-width:700px;

    margin:0 auto 30px;
}


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

@media(max-width:991px){

    .about-section,
    .trust-section,
    .mission-section{
        padding:90px 0;
    }

    .about-section h2{
        font-size:34px;
    }

    .mission-card h3{
        font-size:28px;
    }

    .cta-card h2{
        font-size:36px;
    }

    .about-points{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .page-banner{
        padding:150px 0 90px;
    }

    .page-banner h1{
        font-size:42px;
    }

    .mission-card,
    .trust-card,
    .cta-card{
        padding:30px;
    }

    .cta-card h2{
        font-size:30px;
    }
}

/* ==========================================
   INNER PAGE BANNER
========================================== */

.page-banner{
    position:relative;
    overflow:hidden;

    padding:140px 0 70px;

    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );

    text-align:center;
}

.page-banner-chakra{
    position:absolute;

    top:50%;
    right:-120px;

    width:500px;
    height:500px;

    transform:translateY(-50%);

    background:url('../images/yant.png')
    center center no-repeat;

    background-size:contain;

    opacity:.04;

    animation:rotateChakra 120s linear infinite;
}

.page-banner-content{
    position:relative;
    z-index:2;
}

.breadcrumb-wrap{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;

    margin-bottom:15px;

    font-size:14px;
}

.breadcrumb-wrap a{
    color:#D4AF37;
    text-decoration:none;
}

.breadcrumb-wrap span{
    color:rgba(255,255,255,.7);
}

.page-banner h1{
    color:#fff;

    font-family:'Playfair Display', serif;

    font-size:clamp(36px,4vw,56px);

    margin:0;
}

@media(max-width:768px){

    .page-banner{
        padding:120px 0 60px;
    }

    .page-banner h1{
        font-size:34px;
    }

    .page-banner-chakra{
        width:350px;
        height:350px;
        right:-120px;
    }

}


/* ==========================================
   CONTACT PAGE
========================================== */

.contact-page-section{
    padding:120px 0;
    background:#f8f7fb;
}

.contact-info-card,
.contact-form-card{
    background:#fff;

    border-radius:25px;

    padding:40px;

    height:100%;

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

    border:1px solid rgba(212,175,55,.12);
}

.section-subtitle{
    display:inline-block;

    color:#D4AF37;

    font-size:13px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:15px;
}

.contact-info-card h3,
.contact-form-card h3{
    color:#2d1245;

    font-size:34px;

    font-family:'Playfair Display',serif;

    margin-bottom:15px;
}

.contact-info-card p,
.contact-form-card p{
    color:#666;

    line-height:1.9;
}

/* Contact Items */

.contact-info-list{
    margin-top:35px;
}

.info-item{
    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:28px;
}

.info-icon{
    width:58px;
    height:58px;

    min-width:58px;

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        #D4AF37,
        #b89228
    );

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

    color:#fff;

    font-size:20px;
}

.info-item h5{
    color:#2d1245;

    font-size:18px;

    margin-bottom:6px;
}

.info-item a,
.info-item span{
    color:#666;

    text-decoration:none;
}

/* Form */

.contact-form-card .form-control{
    height:58px;

    border-radius:14px;

    border:1px solid #e7e2ef;

    padding:12px 18px;

    box-shadow:none;
}

.contact-form-card textarea.form-control{
    height:auto;
}

.contact-form-card .form-control:focus{
    border-color:#D4AF37;

    box-shadow:
    0 0 0 4px rgba(212,175,55,.15);
}

/* ==========================================
   CONSULTATION SECTION
========================================== */

.consultation-section{
    padding:120px 0;

    background:
    linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
}

.consultation-section .section-title h2,
.consultation-section .section-title p{
    color:#fff;
}

.option-card{
    background:rgba(255,255,255,.08);

    backdrop-filter:blur(12px);

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

    border-radius:25px;

    padding:40px 30px;

    text-align:center;

    height:100%;

    transition:.4s ease;
}

.option-card:hover{
    transform:translateY(-8px);
}

.option-icon{
    width:75px;
    height:75px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#D4AF37;

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

    color:#fff;

    font-size:28px;
}

.option-card h3{
    color:#fff;

    font-size:24px;

    margin-bottom:15px;

    font-family:'Playfair Display',serif;
}

.option-card p{
    color:rgba(255,255,255,.85);

    margin:0;
}

/* ==========================================
   SERVICE AREAS
========================================== */

.service-areas-section{
    padding:120px 0;

    background:#fff;
}

.service-area-grid{
    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:15px;

    margin-top:50px;
}

.service-area-grid div{
    padding:14px 28px;

    border-radius:50px;

    background:
    linear-gradient(
        135deg,
        rgba(212,175,55,.12),
        rgba(75,0,130,.08)
    );

    border:1px solid rgba(212,175,55,.18);

    color:#2d1245;

    font-weight:600;

    transition:.3s;
}

.service-area-grid div:hover{
    background:#D4AF37;

    color:#fff;

    transform:translateY(-3px);
}

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

@media(max-width:768px){

    .contact-page-section,
    .consultation-section,
    .service-areas-section{
        padding:80px 0;
    }

    .contact-info-card,
    .contact-form-card{
        padding:25px;
    }

    .contact-info-card h3,
    .contact-form-card h3{
        font-size:28px;
    }

    .info-item{
        gap:15px;
    }

    .info-icon{
        width:50px;
        height:50px;

        min-width:50px;

        font-size:18px;
    }

    .option-card{
        padding:30px 25px;
    }

    .service-area-grid{
        gap:10px;
    }

    .service-area-grid div{
        font-size:14px;

        padding:12px 18px;
    }

}



/* ==========================================
SERVICES INTRO
========================================== */

.services-intro{
padding:120px 0 80px;
background:#fff;
}

.services-intro-content{
max-width:900px;
margin:auto;
text-align:center;
}

.services-intro-content p{
color:#666;
font-size:17px;
line-height:1.9;
margin-bottom:20px;
}

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

.services-grid-section{
padding:40px 0 120px;
background:#fff;
}

.service-card{
background:#fff;
padding:40px 30px;
border-radius:24px;
text-align:center;
/*height:100%;*/
border:1px solid rgba(212,175,55,.12);


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

transition:.4s ease;


}

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


box-shadow:
0 25px 60px rgba(75,0,130,.15);


}

.service-icon{
width:80px;
height:80px;


margin:0 auto 25px;

border-radius:50%;

background:
linear-gradient(
    135deg,
    #D4AF37,
    #b68d1f
);

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

color:#fff;

font-size:30px;


}

.service-card h3{
color:#2d1245;
font-size:26px;
margin-bottom:15px;
font-family:'Playfair Display',serif;
}

.service-card p{
color:#666;
line-height:1.8;
margin:0;
}

/* ==========================================
WHY CHOOSE US
========================================== */

.why-choose-section{
padding:120px 0;


background:
linear-gradient(
    135deg,
    #22003f 0%,
    #4B0082 50%,
    #22003f 100%
);


}

.why-choose-section .section-title h2,
.why-choose-section .section-title p{
color:#fff;
}

.why-card{
background:rgba(255,255,255,.08);


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

backdrop-filter:blur(12px);

padding:40px 30px;

border-radius:25px;

text-align:center;

height:100%;

transition:.3s;


}

.why-card:hover{
transform:translateY(-8px);
}

.why-card h3{
color:#D4AF37;
font-size:26px;
margin-bottom:15px;
font-family:'Playfair Display',serif;
}

.why-card p{
color:rgba(255,255,255,.85);
line-height:1.8;
margin:0;
}

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

.service-content-section{
padding:120px 0;
background:#f8f7fb;
}

.service-content-wrapper{
max-width:950px;
margin:auto;
}

.service-content-wrapper h3{
color:#2d1245;
font-size:34px;
margin-top:50px;
margin-bottom:20px;
font-family:'Playfair Display',serif;
}

.service-content-wrapper p{
color:#666;
font-size:17px;
line-height:2;
margin-bottom:22px;
}

/* ==========================================
SERVICES FAQ
========================================== */

.services-faq-section{
padding:120px 0;
background:#fff;
}

.services-faq-section .accordion{
max-width:950px;
margin:auto;
}

.services-faq-section .accordion-item{


border:none !important;

border-left:
4px solid #D4AF37 !important;

border-radius:20px !important;

overflow:hidden;

margin-bottom:18px;

background:#fff;

box-shadow:
0 12px 35px rgba(75,0,130,.08);


}

.services-faq-section .accordion-button{


padding:24px 30px;

color:#2d1245 !important;

background:#fff !important;

font-size:20px;

font-weight:600;

font-family:'Playfair Display',serif;

box-shadow:none !important;


}

.services-faq-section .accordion-button:not(.collapsed){


color:#4B0082 !important;

background:
linear-gradient(
    135deg,
    rgba(212,175,55,.08),
    rgba(75,0,130,.05)
) !important;


}

.services-faq-section .accordion-button:focus{


box-shadow:none !important;

border-color:transparent !important;


}

.services-faq-section .accordion-body{


color:#666;

line-height:1.9;

font-size:16px;

padding:0 30px 30px;


}

.services-faq-section .accordion-button::after{


width:36px;
height:36px;

border-radius:50%;

background-color:#f5f3fa;

background-position:center;

background-size:16px;


}

.services-faq-section .accordion-button:not(.collapsed)::after{


background-color:#D4AF37;


}

/* ==========================================
SERVICE AREAS
========================================== */

.service-areas-section{
padding:120px 0;
background:#f8f7fb;
}

.service-area-grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
margin-top:50px;
}

.service-area-grid div{


padding:14px 28px;

border-radius:50px;

background:#fff;

border:1px solid rgba(212,175,55,.20);

color:#2d1245;

font-weight:600;

transition:.3s;


}

.service-area-grid div:hover{


background:#D4AF37;

color:#fff;

transform:translateY(-4px);


}

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

@media(max-width:991px){


.services-intro,
.services-grid-section,
.why-choose-section,
.service-content-section,
.services-faq-section,
.service-areas-section{

    padding:80px 0;
}

.service-content-wrapper h3{
    font-size:28px;
}

.service-card,
.why-card{
    padding:30px 25px;
}


}

@media(max-width:768px){


.services-intro-content p,
.service-content-wrapper p{
    font-size:16px;
}

.service-card h3,
.why-card h3{
    font-size:22px;
}

.service-icon{
    width:70px;
    height:70px;
    font-size:26px;
}

.services-faq-section .accordion-button{
    font-size:18px;
    padding:20px;
}

.services-faq-section .accordion-body{
    padding:0 20px 20px;
}

.service-area-grid{
    gap:10px;
}

.service-area-grid div{
    padding:12px 18px;
    font-size:14px;
}


}

/* ======================================
DIVINE PSYCHIC CENTRE
STYLE.CSS
====================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');

:root{

--primary:#4B0082;
--primary-light:#6A0DAD;
--primary-dark:#32005A;

--secondary:#D4AF37;
--secondary-dark:#B8941F;

--white:#ffffff;
--light:#f8f7fb;

--text:#222222;
--text-light:#666666;

--radius:18px;
--transition:.3s ease;

}

html,
body{
    overflow-x:hidden;
}

/* =========================
RESET
========================= */

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

html{
scroll-behavior:smooth;
}

body{
font-family:'Poppins',sans-serif;
font-size:16px;
line-height:1.8;
color:var(--text);
background:#fff;
overflow-x:hidden;
}

img{
max-width:100%;
display:block;
}

a{
text-decoration:none;
}

/* =========================
TYPOGRAPHY
========================= */

h1,h2,h3,h4,h5,h6{
font-family:'Playfair Display',serif;
font-weight:700;
color:var(--primary);
}

h1{
font-size:52px;
line-height:1.2;
}

h2{
font-size:42px;
line-height:1.3;
}

.section-title{
margin-bottom:60px;
}

.section-title span{
display:block;
color:var(--secondary);
font-size:14px;
font-weight:600;
letter-spacing:3px;
margin-bottom:12px;
text-transform:uppercase;
}

.section-title h2{
margin-bottom:15px;
}

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

.header{
background:#fff;
box-shadow:0 2px 20px rgba(0,0,0,.08);
padding:12px 0;
}

.logo{
font-family:'Playfair Display',serif;
font-size:28px;
font-weight:700;
color:var(--primary);
}

.navbar-nav .nav-link{
color:#222;
font-weight:500;
margin:0 10px;
}

.navbar-nav .nav-link:hover{
color:var(--primary);
}

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

.btn-gold{
background:var(--secondary);
color:#fff;
padding:14px 30px;
border-radius:50px;
font-weight:600;
border:none;
}

.btn-gold:hover{
background:var(--secondary-dark);
color:#fff;
}

.btn-outline-gold{
border:2px solid var(--secondary);
color:var(--secondary);
padding:14px 30px;
border-radius:50px;
font-weight:600;
}

.btn-outline-gold:hover{
background:var(--secondary);
color:#fff;
}
/* ==========================================
   PREMIUM HERO SLIDER - FINAL FIXED
========================================== */

.hero-slider-section{
    position:relative;
    overflow:hidden;
    min-height:100vh;
    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
    color:#fff;
}

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

.hero-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
    radial-gradient(
        circle at right center,
        rgba(212,175,55,.15),
        transparent 45%
    );
}

/* ==========================
   PARTICLES
========================== */

.hero-particles{
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:2;
    pointer-events:none;
}

.hero-particles::before,
.hero-particles::after{
    content:'';
    position:absolute;
    inset:0;
    background-image:
    radial-gradient(#D4AF37 1px, transparent 1px);
    background-size:80px 80px;
    opacity:.08;
    animation:moveParticles 30s linear infinite;
}

.hero-particles::after{
    opacity:.04;
    animation-duration:50s;
}

/* ==========================
   SWIPER
========================== */

.hero-slider-section .swiper,
.hero-slider-section .swiper-wrapper,
.hero-slider-section .swiper-slide{
    min-height:100vh;
}

.hero-slider-section .swiper-slide{
    display:flex;
    align-items:center;
}

.hero-slider-section .container{
    position:relative;
    z-index:20;
}

.hero-slider-section .row{
    min-height:100vh;
    align-items:center;
}

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

.hero-left{
    max-width:650px;
    position:relative;
    z-index:50;
}

/* ==========================
   TAG
========================== */

.hero-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:50px;
    border:1px solid rgba(212,175,55,.35);
    background:rgba(212,175,55,.08);
    color:#D4AF37;
    font-size:12px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:20px;
}

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

.hero-slider-section h1{
    font-family:'Playfair Display',serif;
    font-size:clamp(28px,4vw,48px);
    line-height:1.15;
    font-weight:700;
    color:#fff;
    margin-bottom:20px;
    max-width:650px;
}

.text-gold{
    color:#D4AF37;
}

/* ==========================
   PARAGRAPH
========================== */

.hero-slider-section p{
    font-size:18px;
    line-height:1.8;
    color:rgba(255,255,255,.85);
    max-width:620px;
}

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

.hero-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-top:35px;
}

.hero-buttons .btn{
    min-width:200px;
    text-align:center;
    position:relative;
    z-index:100;
}

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

.hero-stats{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-top:35px;
}

.stat-item{
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:15px;
    padding:15px 20px;
    min-width:140px;
}

.stat-item strong{
    display:block;
    color:#D4AF37;
    font-size:22px;
    margin-bottom:4px;
}

.stat-item span{
    color:#fff;
    font-size:13px;
}

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

.hero-image-wrap{ position:relative; display:flex; justify-content:center; align-items:center; z-index:10; }

.hero-image-wrap img{
    border-radius:10%;
}

.hero-image{
    width:100%;
    max-width:500px;
    height:auto;
    position:relative;
    z-index:10;
    border-radius:50%;
}
/* ======================================
   PREMIUM SERVICE CARD
====================================== */

.service-card{
    position:relative;
    height:350px;
    overflow:hidden;
    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.15);
    transition:all .4s ease;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}

/* Background Image */

.service-img{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;

    z-index:1;

    transition:transform .8s ease;
}

.service-card:hover .service-img{
    transform:scale(1.08);
}

/* Dark Overlay */

.service-overlay{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    background:linear-gradient(
        to top,
        rgba(20,0,35,.95) 0%,
        rgba(20,0,35,.60) 45%,
        rgba(20,0,35,.15) 100%
    );

    z-index:2;
}

/* Gold Glow */

.service-card::before{
    content:'';

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    background:
    radial-gradient(
        circle at top right,
        rgba(212,175,55,.25),
        transparent 45%
    );

    opacity:0;
    transition:.4s;

    z-index:3;
}

.service-card:hover::before{
    opacity:1;
}

/* Content */

.service-content{
    position:absolute;
    bottom:0;
    left:0;

    width:100%;

    padding:30px;

    z-index:999;
}

.service-content h3{
    font-family:'Playfair Display',serif;
    font-size:28px;
    font-weight:700;

    color:#D4AF37 !important;

    margin-bottom:10px;
    line-height:1.3;
}

.service-content p{
    color:#ffffff !important;
    font-size:15px;
    line-height:1.8;
    margin:0;
}

/* Mobile */

@media(max-width:768px){

    .service-card{
        height:280px;
    }

    .service-content{
        padding:22px;
    }

    .service-content h3{
        font-size:24px;
    }

    .service-content p{
        font-size:14px;
    }

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

.logo{
    display:flex;
    align-items:center;
    padding:0;
}

.logo-img{
    height:20px;
    width:auto;
    object-fit:contain;
    transition:.3s ease;
}

.logo-img:hover{
    transform:scale(1.03);
}

/* Responsive */

@media(max-width:991px){

    .logo-img{
        height:60px;
    }

}

@media(max-width:576px){

    .logo-img{
        height:50px;
    }

}

.logo-img{
    height:40px;
    width:auto;
    object-fit:contain;
}


/* =========================
   ROTATING CHAKRA
========================= */

.hero-chakra{
    position:absolute;
    top:50%;
    right:50px;
    width:600px;
    height:600px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    transform:translateY(-50%);
    z-index:-2;
    opacity:0.5;
    animation:rotateChakra 80s linear infinite;
}

.hero-overlay{
    z-index:1;
}

.hero-chakra{
    z-index:2;
}

.hero-particles{
    z-index:3;
}

.hero-image-wrap{
    position:relative;
    z-index:5;
}

.hero-left{
    position:relative;
    z-index:5;
}

.hero-slider-section .container{
    position:relative;
    z-index:5;
}

@keyframes rotateChakra{
    from{
        transform:translateY(-50%) rotate(0deg);
    }
    to{
        transform:translateY(-50%) rotate(360deg);
    }
}



@media(max-width:991px){

.hero-chakra{
    width:800px;
    height:800px;
    right:-120px;
    opacity:.05;
}

}

@media(max-width:576px){

.hero-chakra{
    width:800px;
    height:800px;
    right:-80px;
    opacity:.04;
}

}

.hero-chakra{
    filter:
        drop-shadow(0 0 20px rgba(212,175,55,.3))
        drop-shadow(0 0 50px rgba(212,175,55,.2));
}



/* ==========================
   GLOW EFFECT
========================== */

.hero-image-wrap{
    position:relative;
    z-index:5;
}
.hero-image-wrap::before{
    content:'';
    position:absolute;

    width:700px;
    height:700px;

    top:50%;
    left:-950px;

    background:url('../images/yant.png') center center no-repeat;
    background-size:contain;

    opacity:.08;

    z-index:1;

    pointer-events:none;

    animation:rotateChakra 120s linear infinite;
}


.hero-image-wrap,
.hero-left,
.hero-slider-section .container,
.hero-buttons,
.hero-buttons .btn{
    position:relative;
    z-index:999;
}

.hero-overlay,
.hero-particles,
.hero-chakra,
.hero-image-wrap::before,
.hero-image-wrap::after{
    pointer-events:none;
}

.hero-image{
    position:relative;
    z-index:3;
}

/* ==========================
   FLOATING CARDS
========================== */

.floating-card{
    position:absolute;
    z-index:20;
    pointer-events:none;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:16px;
    padding:14px 20px;
    color:#fff;
    font-size:14px;
    font-weight:500;
    box-shadow:0 15px 35px rgba(0,0,0,.20);
}

.card-1{
    top:60px;
    right:0;
    animation:floatCard 4s ease-in-out infinite;
}

.card-2{
    bottom:60px;
    left:0;
    animation:floatCard 4s ease-in-out infinite;
    animation-delay:2s;
}

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

.swiper-button-next,
.swiper-button-prev{
    width:55px !important;
    height:55px !important;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(212,175,55,.30);
    backdrop-filter:blur(10px);
    color:#D4AF37 !important;
}

.swiper-button-next:after,
.swiper-button-prev:after{
    font-size:18px !important;
    font-weight:700;
}

/* ==========================
   PAGINATION
========================== */

.swiper-pagination{
    bottom:25px !important;
}

.swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:#fff;
    opacity:.4;
}

.swiper-pagination-bullet-active{
    width:35px;
    border-radius:50px;
    background:#D4AF37;
    opacity:1;
}

/* ==========================
   ANIMATIONS
========================== */

@keyframes pulseGlow{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.08);
    }
}

@keyframes floatCard{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-12px);
    }
}

@keyframes moveParticles{
    from{
        transform:translateY(0);
    }
    to{
        transform:translateY(-200px);
    }
}

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

@media(max-width:1199px){

    .hero-image{
        max-width:420px;
    }

}

@media(max-width:991px){

    .hero-slider-section{
        text-align:center;
    }

    .hero-slider-section .row{
        min-height:auto;
        padding:120px 0 80px;
    }

    .hero-left{
        max-width:100%;
    }

    .hero-slider-section h1{
        max-width:100%;
        font-size:46px;
    }

    .hero-slider-section p{
        max-width:100%;
    }

    .hero-buttons,
    .hero-stats{
        justify-content:center;
    }

    .hero-image{
        max-width:340px;
        margin-top:40px;
    }

    .floating-card,
    .swiper-button-next,
    .swiper-button-prev{
        display:none !important;
    }

    .hero-image-wrap::before{
        width:300px;
        height:300px;
    }

    .hero-image-wrap::after{
        width:380px;
        height:380px;
    }
}

@media(max-width:767px){

    .hero-slider-section h1{
        font-size:36px;
        line-height:1.2;
    }

    .hero-slider-section p{
        font-size:16px;
    }

    .hero-buttons{
        flex-direction:column;
        width:100%;
    }

    .hero-buttons .btn{
        width:100%;
    }

    .hero-image{
        max-width:100%;
    }
    
    .header-buttons{
        display:none;
    }
}

@media(max-width:576px){

    .hero-slider-section h1{
        font-size:30px;
    }

    .hero-tag{
        font-size:11px;
        letter-spacing:1px;
    }

    .hero-image{
        max-width:100%;
    }

    .hero-image-wrap::before{
        width:220px;
        height:220px;
    }

    .hero-image-wrap::after{
        width:280px;
        height:280px;
    }
    .header-buttons{
        display:none;
    }
}
/* =========================
TRUST BAR
========================= */

.trust-section{
padding:50px 0;
background:var(--primary);
}

.trust-box h4{
color:#fff;
margin-bottom:5px;
}

.trust-box p{
color:rgba(255,255,255,.85);
margin:0;
}

/* =========================
SERVICES
========================= */

.service-card{
    position:relative;
    overflow:hidden;
    border-radius:20px;
    height:350px;

    box-shadow:0 10px 30px rgba(0,0,0,.15);
    transition:.4s ease;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}

/* Image */

.service-img{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;
    z-index:1;

    transition:.8s ease;
}

.service-card:hover .service-img{
    transform:scale(1.08);
}

/* Overlay */

.service-card::before{
    content:'';
    position:absolute;
    inset:0;

    background:linear-gradient(
        to top,
        rgba(20,0,35,.92) 0%,
        rgba(20,0,35,.60) 45%,
        rgba(20,0,35,.10) 100%
    );

    z-index:2;
}

.section-title{
    margin-top:70px;
}


/* Content */

.service-content{
    position:absolute;
    bottom:0;
    left:0;

    width:100%;
    padding:30px;

    z-index:5;   /* IMPORTANT */
}

.service-content h3{
    color:#D4AF37 !important;
    font-size:28px;
    font-family:'Playfair Display',serif;
    margin-bottom:10px;
}

.service-content p{
    color:#fff !important;
    margin:0;
    line-height:1.8;
}

/* Mobile */

@media(max-width:768px){

    .service-card{
        height:280px;
    }

    .service-content{
        padding:20px;
    }

    .service-content h3{
        font-size:22px;
    }

}


/* =========================
WHY CHOOSE US
========================= */

.why-section{
    padding:120px 0;
    background:
    linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
    position:relative;
    overflow:hidden;
}

.why-section::before{
    content:'';
    position:absolute;
    width:700px;
    height:700px;
    top:-250px;
    right:-250px;
    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.12),
        transparent 70%
    );
}

.why-section .section-title span{
    color:#D4AF37;
}

.why-section .section-title h2{
    color:#fff;
    margin-bottom:15px;
}

.why-section .section-title p{
    color:rgba(255,255,255,.75);
    max-width:700px;
    margin:auto;
}

.why-card{
    position:relative;
    height:100%;

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

    backdrop-filter:blur(18px);

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

    border-radius:24px;

    padding:40px 30px;

    text-align:center;

    transition:.4s ease;

    overflow:hidden;
}

.why-card::before{
    content:'';
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        135deg,
        rgba(212,175,55,.15),
        transparent
    );

    opacity:0;
    transition:.4s;
}

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

    border-color:rgba(212,175,55,.35);

    box-shadow:
    0 20px 50px rgba(0,0,0,.25);
}

.why-card:hover::before{
    opacity:1;
}

.why-icon{
    width:80px;
    height:80px;

    margin:0 auto 25px;

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

    font-size:34px;

    border-radius:50%;

    background:
    rgba(212,175,55,.12);

    border:
    1px solid rgba(212,175,55,.25);

    color:#D4AF37;
}

.why-card h3{
    color:#fff;
    font-size:24px;
    margin-bottom:15px;
}

.why-card p{
    color:rgba(255,255,255,.75);
    margin:0;
    line-height:1.8;
}

/* Mobile */

@media(max-width:991px){

    .why-section{
        padding:90px 0;
    }

    .why-card{
        padding:30px 25px;
    }

}

@media(max-width:576px){

    .why-section{
        padding:80px 0;
    }

    .why-card h3{
        font-size:22px;
    }

}

/* =========================
REVIEWS SECTION
========================= */

.reviews-section{
    padding:120px 0;
    background:#f8f7fb;
    overflow:hidden;
}

.reviewSwiper{
    margin-top:60px;
    padding-bottom:60px;
}

/* Equal Height Slides */

.reviewSwiper .swiper-slide{
    height:auto;
}

/* Review Card */

.review-card{
    position:relative;

    height:100%;
    min-height:320px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    background:#fff;
    border-radius:25px;
    padding:40px;

    border:1px solid rgba(75,0,130,.08);

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

    transition:.4s ease;

    overflow:hidden;
}

/* Gold Glow */

.review-card::before{
    content:'';
    position:absolute;
    top:0;
    right:0;

    width:120px;
    height:120px;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.15),
        transparent 70%
    );

    pointer-events:none;
}

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

    box-shadow:
    0 25px 60px rgba(75,0,130,.15);
}

/* Stars */

.stars{
    color:#D4AF37;
    font-size:24px;
    letter-spacing:3px;
    margin-bottom:20px;
}

/* Review Text */

.review-card p{
    color:#666;
    line-height:1.9;
    font-style:italic;
    margin-bottom:30px;
    flex-grow:1;
}

/* Reviewer */

.review-user{
    border-top:1px solid rgba(75,0,130,.08);
    padding-top:20px;
}

.review-user h5{
    margin:0;
    color:#4B0082;
    font-size:18px;
    font-weight:600;
}

.review-user span{
    color:#999;
    font-size:14px;
}

/* Pagination */

.reviewSwiper .swiper-pagination{
    position:relative;
    margin-top:40px;
}

.reviewSwiper .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#ccc;
    opacity:1;
    transition:.3s;
}

.reviewSwiper .swiper-pagination-bullet-active{
    width:35px;
    border-radius:50px;
    background:#D4AF37;
}

/* Responsive */

@media(max-width:991px){

    .reviews-section{
        padding:90px 0;
    }

    .review-card{
        min-height:280px;
        padding:30px;
    }

}

@media(max-width:576px){

    .reviews-section{
        padding:80px 0;
    }

    .review-card{
        padding:25px;
    }

    .stars{
        font-size:20px;
    }

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

.faq-section{
    padding:120px 0;
    background:
    linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
}

.faq-section .section-title span{
    color:#D4AF37;
}

.faq-section .section-title h2{
    color:#fff;
}

.faq-section .section-title p{
    color:rgba(255,255,255,.75);
}

/* Accordion */

#faqAccordion{
    max-width:900px;
    margin:60px auto 0;
}

.accordion-item{
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(15px);

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

    border-radius:18px !important;

    overflow:hidden;

    margin-bottom:20px;
}

.accordion-button{
    background:transparent !important;
    color:#fff !important;

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

    padding:25px 30px;

    box-shadow:none !important;
}

.accordion-button:not(.collapsed){
    color:#D4AF37 !important;
}

.accordion-button::after{
    filter:brightness(0) invert(1);
}

.accordion-button:not(.collapsed)::after{
    filter:none;
}

.accordion-body{
    color:rgba(255,255,255,.80);
    font-size:16px;
    line-height:1.9;

    padding:0 30px 30px;
}

/* Hover */

.accordion-item:hover{
    border-color:rgba(212,175,55,.35);

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

/* Mobile */

@media(max-width:768px){

    .faq-section{
        padding:90px 0;
    }

    .accordion-button{
        font-size:17px;
        padding:20px;
    }

    .accordion-body{
        padding:0 20px 20px;
    }

}

/* =========================
LOCATIONS
========================= */

.locations-section{
padding:100px 0;
}

.location-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:15px;
}

.location-grid a{
background:#fff;
border:1px solid rgba(75,0,130,.08);
padding:15px;
text-align:center;
border-radius:12px;
color:var(--primary);
font-weight:600;
}

.location-grid a:hover{
background:var(--primary);
color:#fff;
}

/* =========================
CONTACT SECTION
========================= */

.contact-section{
    padding:100px 0;
    background:#f8f7fb;
}

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

.contact-section .row{
    align-items:center;
}

.contact-info{
    margin-top:30px;
}

.contact-item{
    margin-bottom:25px;
}

.contact-item strong{
    display:block;
    color:#4B0082;
    font-size:18px;
    margin-bottom:8px;
}

.contact-item p{
    margin:0;
    color:#666;
}

/* Form */

.contact-form{
    background:#fff;
    padding:40px;
    border-radius:20px;

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

    border:1px solid rgba(75,0,130,.08);
}

.contact-form .form-control{
    height:55px;
    border-radius:12px;
    border:1px solid #ddd;
    padding:0 18px;
}

.contact-form textarea.form-control{
    height:auto;
    padding:15px 18px;
}

.contact-form .form-control:focus{
    border-color:#D4AF37;
    box-shadow:none;
}

.contact-form select.form-control{
    appearance:none;
}

/* Mobile */

@media(max-width:991px){

    .contact-section{
        text-align:center;
    }

    .contact-info{
        margin-bottom:40px;
    }

    .contact-form{
        padding:30px;
    }

}

@media(max-width:576px){

    .contact-section{
        padding:80px 0;
    }

    .contact-form{
        padding:25px;
    }

}
/* =========================
CTA
========================= */

.cta-section{
padding:100px 0;
background:var(--primary);
text-align:center;
}

.cta-section h2{
color:#fff;
margin-bottom:20px;
}

.cta-section p{
color:rgba(255,255,255,.85);
margin-bottom:30px;
}

/* =========================
FOOTER
========================= */
/*.footer{*/
/*background:#2D004F;*/
/*color:#fff;*/
/*padding:80px 0 30px;*/
/*}*/

/*.footer .container{*/
/*max-width:1200px;*/
/*margin:auto;*/
/*}*/

/*.footer-grid{*/
/*display:grid;*/
/*grid-template-columns:2fr 1fr 1fr 1fr;*/
/*gap:40px;*/
/*align-items:start;*/
/*width:100%;*/
/*}*/

/*.footer-brand{*/
/*max-width:100%;*/
/*}*/

/*.footer h3{*/
/*color:#D4AF37;*/
/*font-size:32px;*/
/*margin-bottom:20px;*/
/*}*/

/*.footer h4{*/
/*color:#D4AF37;*/
/*font-size:22px;*/
/*margin-bottom:20px;*/
/*}*/

/*.footer p{*/
/*color:rgba(255,255,255,.85);*/
/*line-height:1.8;*/
/*margin-bottom:10px;*/
/*}*/

/*.footer-contact-mini{*/
/*margin-top:25px;*/
/*}*/

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

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

/*.footer ul li a{*/
/*color:#fff;*/
/*transition:.3s;*/
/*}*/

/*.footer ul li a:hover*/

/*.footer-bottom{*/
/*margin-top:50px;*/
/*padding-top:25px;*/
/*border-top:1px solid rgba(255,255,255,.15);*/
/*text-align:center;*/
/*}*/

/* Tablet */

/*@media (max-width:991px){*/


/*.footer-grid{*/
/*    grid-template-columns:repeat(2,1fr);*/
/*    gap:30px;*/
/*}*/


/*}*/

/* Mobile */

/*@media (max-width:767px){*/


/*.footer{*/
/*    text-align:left;*/
/*}*/

/*.footer-grid{*/
/*    grid-template-columns:1fr;*/
/*    gap:25px;*/
/*}*/


/*}*/

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

@media(max-width:991px){

h1{
font-size:42px;
}

h2{
font-size:34px;
}

.hero-section{
padding:150px 0 80px;
text-align:center;
}

.hero-image{
margin-top:40px;
}

}

@media(max-width:768px){

.hero-buttons{
justify-content:center;
}

.footer-grid{
display:block;
}

.footer-col{
margin-top:30px;
}

}

@media(max-width:576px){

h1{
font-size:34px;
}

h2{
font-size:28px;
}

.btn-gold,
.btn-outline-gold{
width:100%;
}

.hero-buttons{
flex-direction:column;
}

}


/* =========================
ABOUT PSYCHIC
========================= */

.about-psychic-section{
    padding:120px 0;
    background:#fff;
}

.about-tag{
    display:inline-block;
    color:#D4AF37;
    font-size:14px;
    font-weight:600;
    letter-spacing:3px;
    margin-bottom:15px;
}

.about-psychic-section h2{
    margin-bottom:25px;
    color:#4B0082;
}

.about-psychic-section p{
    color:#666;
    line-height:1.9;
    margin-bottom:20px;
}

.about-image-wrap{
    position:relative;
    text-align:center;
}

.about-image{
    width:100%;
    max-width:450px;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(75,0,130,.15);
}

.experience-badge{
    position:absolute;
    bottom:20px;
    right:20px;

    background:#D4AF37;
    color:#fff;

    padding:20px;
    border-radius:15px;
    text-align:center;
}

.experience-badge strong{
    display:block;
    font-size:30px;
}

.about-highlights{
    display:flex;
    gap:20px;
    margin:35px 0;
    flex-wrap:wrap;
}

.highlight-box{
    background:#f8f7fb;
    padding:20px 25px;
    border-radius:15px;
    min-width:150px;
    text-align:center;
}

.highlight-box strong{
    display:block;
    color:#4B0082;
    font-size:28px;
}

.highlight-box span{
    color:#666;
    font-size:14px;
}

@media(max-width:991px){

    .about-psychic-section{
        text-align:center;
    }

    .about-image{
        margin-bottom:40px;
    }

    .about-highlights{
        justify-content:center;
    }

    .experience-badge{
        right:50%;
        transform:translateX(50%);
    }
}


/* =========================
FLOATING BUTTONS
========================= */

.floating-call,
.floating-whatsapp{
    position:fixed;

    width:65px;
    height:65px;

    border-radius:50%;

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

    color:#fff;
    font-size:28px;

    text-decoration:none;

    z-index:9999;

    transition:all .3s ease;
}

/* =========================
CALL BUTTON (LEFT)
========================= */

.floating-call{
    left:25px;
    bottom:25px;

    background:#2563EB;

    box-shadow:
    0 8px 30px rgba(37,99,235,.45);

    animation:pulseCall 2s infinite;
}

/* =========================
WHATSAPP BUTTON (RIGHT)
========================= */

.floating-whatsapp{
    right:25px;
    bottom:25px;

    background:#25D366;

    box-shadow:
    0 8px 30px rgba(37,211,102,.45);

    animation:pulseWhatsapp 2s infinite;
}

/* Hover */

.floating-call:hover,
.floating-whatsapp:hover{
    transform:scale(1.1);
    color:#fff;
}

/* =========================
CALL PULSE
========================= */

@keyframes pulseCall{

    0%{
        box-shadow:
        0 0 0 0 rgba(37,99,235,.65),
        0 8px 30px rgba(37,99,235,.45);
    }

    70%{
        box-shadow:
        0 0 0 20px rgba(37,99,235,0),
        0 8px 30px rgba(37,99,235,.45);
    }

    100%{
        box-shadow:
        0 0 0 0 rgba(37,99,235,0),
        0 8px 30px rgba(37,99,235,.45);
    }

}

/* =========================
WHATSAPP PULSE
========================= */

@keyframes pulseWhatsapp{

    0%{
        box-shadow:
        0 0 0 0 rgba(37,211,102,.65),
        0 8px 30px rgba(37,211,102,.45);
    }

    70%{
        box-shadow:
        0 0 0 20px rgba(37,211,102,0),
        0 8px 30px rgba(37,211,102,.45);
    }

    100%{
        box-shadow:
        0 0 0 0 rgba(37,211,102,0),
        0 8px 30px rgba(37,211,102,.45);
    }

}

/* =========================
MOBILE FLOATING BUTTONS
========================= */

@media(max-width:768px){

    .floating-call,
    .floating-whatsapp{
        width:58px;
        height:58px;
        font-size:24px;
    }

    .floating-call{
        left:15px;
        bottom:15px;
    }

    .floating-whatsapp{
        right:15px;
        bottom:15px;
    }

}

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

@media(max-width:991px){

    .navbar-collapse{
        position:fixed !important;

        top:0;
        left:0;

        width:290px;
        height:100vh;

        background:#fff;

        padding:25px;

        overflow-y:auto;

        z-index:9999;

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

        transform:translateX(-100%);
        transition:transform .35s ease-in-out;

        display:block !important;
    }

    /* Smooth Slide */

    .navbar-collapse.show{
        transform:translateX(0);
    }

    /* Disable Bootstrap animation */

    .navbar-collapse.collapsing{
        height:auto !important;
        transition:none !important;
    }

    /* Logo Header */

    .mobile-menu-header{
        display:flex;
        align-items:center;
        justify-content:space-between;

        padding-bottom:15px;
        margin-bottom:20px;

        border-bottom:
        1px solid rgba(212,175,55,.25);
    }

    .mobile-logo{
        height:45px;
        width:auto;
    }

    .mobile-close{
        border:none;
        background:none;

        font-size:30px;
        color:#4B0082;

        cursor:pointer;
    }

    /* Navigation */

    .navbar-nav{
        text-align:left;
        margin-top:10px;
    }

    .navbar-nav .nav-item{
        margin-bottom:0;
    }

    .navbar-nav .nav-link{
        display:block;

        padding:12px 0;

        font-size:16px;
        font-weight:500;

        color:#222;

        border-bottom:
        1px solid rgba(0,0,0,.05);

        transition:.3s;
    }

    .navbar-nav .nav-link:hover{
        color:#D4AF37;
        padding-left:8px;
    }

    /* Buttons */

    .header-buttons{
        margin-top:20px;

        display:flex;
        flex-direction:column;

        gap:10px;
    }

    .header-buttons .btn{
        width:100%;
        text-align:center;
        padding:12px;
    }

}

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

.mobile-overlay{
    position:fixed;
    inset:0;

    background:rgba(0,0,0,.55);

    opacity:0;
    visibility:hidden;

    transition:.3s ease;

    z-index:9998;
}

.mobile-overlay.show{
    opacity:1;
    visibility:visible;
}

/* Premium Avatar */

.review-avatar{
    width:80px;
    height:80px;

    margin:0 auto 25px;

    position:relative;
}

.review-avatar-letter{
    display:flex;
    align-items:center;
    justify-content:center;

    width:80px;
    height:80px;

    border-radius:50%;

    background:#4B0082;

    color:#fff;

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

    border:3px solid #D4AF37;

    box-shadow:
    0 0 25px rgba(212,175,55,.25);
}

/* Premium Quote Icon */

.review-card{
    position:relative;
}

.review-card::after{
    content:'❝';

    position:absolute;

    top:20px;
    right:25px;

    font-size:80px;

    line-height:1;

    color:rgba(212,175,55,.10);

    font-family:serif;

    pointer-events:none;
}

/* =========================
GOLD BUTTON ONLY
========================= */

.btn-gold{
    position:relative;
    overflow:hidden;

    background:linear-gradient(
        90deg,
        #B8860B,
        #D4AF37,
        #F5D76E,
        #D4AF37,
        #B8860B
    );

    background-size:300% 100%;

    animation:goldFlow 6s linear infinite;

    color:#fff !important;
    border:none;
}

/* Shine only on button */

.btn-gold::before{
    content:'';

    position:absolute;

    top:0;
    left:-120%;

    width:50%;
    height:100%;

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

    transform:skewX(-25deg);

    animation:buttonShine 4s infinite;

    pointer-events:none;
}

@keyframes goldFlow{
    0%{
        background-position:0% 50%;
    }
    100%{
        background-position:100% 50%;
    }
}

@keyframes buttonShine{
    0%{
        left:-120%;
    }
    100%{
        left:200%;
    }
}


.btn-outline-gold{
    position:relative;
    overflow:hidden;
    border:2px solid #D4AF37;
    background:transparent;
    transition:.3s;
}

.btn-outline-gold::before{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:50%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(212,175,55,.35),
        transparent
    );
    transform:skewX(-25deg);
    animation:buttonShine 4s infinite;
    pointer-events:none;
}

/* =========================
PREMIUM CTA
========================= */

.cta-section{
    padding:120px 0;
    background:#f8f7fb;
}

.cta-box{
    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );

    border-radius:30px;

    padding:50px;

    overflow:hidden;

    position:relative;

    box-shadow:
    0 25px 60px rgba(0,0,0,.15);
}

.cta-box::before{
    content:'';

    position:absolute;

    width:500px;
    height:500px;

    right:-150px;
    top:-150px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.18),
        transparent 70%
    );
}

.cta-image{
    text-align:center;
}

.cta-image img{
    max-width:100%;
    width:100%;
    border-radius:20px;
    filter:
    drop-shadow(0 15px 30px rgba(0,0,0,.25));
}

.cta-content{
    color:#fff;
}

.cta-tag{
    display:inline-block;

    padding:10px 18px;

    border-radius:50px;

    background:
    rgba(212,175,55,.12);

    border:
    1px solid rgba(212,175,55,.25);

    color:#D4AF37;

    margin-bottom:20px;
}

.cta-content h2{
    font-size:35px;
    line-height:1.2;
    margin-bottom:20px;

    font-family:'Playfair Display',serif;
}

.cta-content p{
    font-size:18px;
    color:rgba(255,255,255,.85);

    margin-bottom:30px;
}

.cta-buttons{
   
    gap:15px;
    flex-wrap:wrap;
}

/* Mobile */

@media(max-width:991px){

    .cta-box{
        text-align:center;
        padding:40px 25px;
    }

    .cta-image img{
        max-width:100%;
        margin-bottom:30px;
    }

    .cta-content h2{
        font-size:34px;
    }

    .cta-buttons{
        justify-content:center;
         display:flex;
    }

}

@media(max-width:576px){

    .cta-content h2{
        font-size:28px;
    }

    .cta-buttons{
        flex-direction:column;
    }

    .cta-buttons .btn{
        width:100%;
         display:flex;
    }
    
    
.footer img{
    align-items:center!important;
}

}

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

.footer{
    position:relative;
    overflow:hidden;

    width:100%;

    background:
    linear-gradient(
        135deg,
        #18002d 0%,
        #2f0057 50%,
        #18002d 100%
    );

    padding:90px 0 30px;

    color:#fff;
}

/* =========================
LARGE CHAKRA
========================= */

.footer::before{
    content:'';

    position:absolute;

    width:1000px;
    height:1000px;

    right:-300px;
    bottom:-300px;

    background:url('../images/yant.png')
    center center no-repeat;

    background-size:contain;

    opacity:.04;

    animation:rotateChakra 180s linear infinite;

    pointer-events:none;

    z-index:1;
}

/* Keep content above chakra */

.footer .container{
    position:relative;
    z-index:2;
}

/* Glow */

.footer-glow{
    position:absolute;

    width:700px;
    height:700px;

    top:-250px;
    right:-250px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.12),
        transparent 70%
    );

    pointer-events:none;
}

/* Logo */

.footer-logo{
    height:50px;
    width:auto;

    margin-bottom:20px;
}

.footer-brand p{
    color:rgba(255,255,255,.75);
    line-height:1.9;
}

/* Headings */

.footer h4{
    color:#D4AF37;

    font-size:22px;

    margin-bottom:25px;

    font-family:'Playfair Display',serif;
}

/* Links */

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

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    color:rgba(255,255,255,.75);

    text-decoration:none;

    transition:.3s;
}

.footer-links a:hover{
    color:#D4AF37;
    padding-left:6px;
}

/* Contact */

.footer-contact{
    margin-top:25px;

    display:flex;
    flex-direction:column;

    gap:12px;
}

.footer-contact a,
.footer-contact span{
    color:rgba(255,255,255,.8);
    text-decoration:none;
}

/* Divider */

.footer-divider{
    height:1px;

    margin:50px 0 25px;

    background:
    linear-gradient(
        to right,
        transparent,
        rgba(212,175,55,.4),
        transparent
    );
}

/* Bottom */

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

.footer-bottom p{
    margin:0;
    color:rgba(255,255,255,.65);
}

/* Social */

.footer-social{
    display:flex;
    gap:12px;
}

.footer-social a{
    width:42px;
    height:42px;

    border-radius:50%;

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

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

    color:#D4AF37;

    text-decoration:none;

    transition:.3s;
}

.footer-social a:hover{
    transform:translateY(-4px);
    background:#D4AF37;
    color:#fff;
}

/* Mobile */

@media(max-width:991px){

    .footer{
        text-align:left;
    }

    .footer-bottom{
        flex-direction:column;
    }

    .footer-contact{
        align-items:center;
    }

    .footer-social{
        justify-content:center;
    }

}

/* Mobile Chakra */

@media(max-width:768px){

    .footer::before{

        width:700px;
        height:700px;

        right:-250px;
        bottom:-250px;

        opacity:.035;
    }

}
/* =========================
GOOGLE REVIEW BADGE
========================= */

.google-rating-box{

    max-width:500px;

    margin:0 auto 60px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;

    background:#fff;

    padding:25px 35px;

    border-radius:20px;

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

    border:1px solid rgba(0,0,0,.05);
}

.google-left img{
    height:20px;
    width:auto;
}

.google-right h3{
    margin:0;

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

    color:#4B0082;
}

.google-stars{
    color:#fbbc05;
    font-size:22px;
    letter-spacing:3px;
}

.google-right p{
    margin:5px 0 0;
    color:#666;
    font-size:14px;
}

.review-badge img{
    width:25%;
    align-items:left;
}


/* ==========================================
   ABOUT PAGE BANNER
========================================== */

.page-banner{
    position:relative;
    overflow:hidden;

    padding:180px 0 120px;

    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );

    text-align:center;
}

.page-banner::before{
    content:'';

    position:absolute;

    width:700px;
    height:700px;

    top:50%;
    right:-250px;

    transform:translateY(-50%);

    background:url('../images/yant.png')
    center center no-repeat;

    background-size:contain;

    opacity:.04;

    animation:rotateChakra 120s linear infinite;
}

.page-banner-content{
    position:relative;
    z-index:2;
}

.page-banner span{
    color:#D4AF37;

    letter-spacing:3px;

    font-size:13px;

    font-weight:600;
}

.page-banner h1{
    color:#fff;

    font-family:'Playfair Display',serif;

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

    margin:20px 0;
}

.page-banner p{
    color:rgba(255,255,255,.85);

    max-width:700px;

    margin:auto;

    font-size:18px;
}


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

.about-section{
    padding:120px 0;
}

.about-image-wrap{
    position:relative;
}

.about-image{
    width:100%;

    border-radius:30px;

    box-shadow:
    0 20px 50px rgba(75,0,130,.15);
}

.section-subtitle{
    color:#D4AF37;

    font-size:13px;

    letter-spacing:3px;

    font-weight:600;
}

.about-section h2{
    margin:15px 0 25px;

    color:#250046;

    font-size:42px;

    font-family:'Playfair Display',serif;
}

.about-section p{
    color:#666;

    line-height:1.9;

    margin-bottom:18px;
}

.about-points{
    display:grid;

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

    gap:15px;

    margin-top:30px;
}

.about-points div{
    background:#fff;

    padding:16px 20px;

    border-radius:12px;

    border-left:4px solid #D4AF37;

    box-shadow:
    0 8px 25px rgba(75,0,130,.06);
}


/* ==========================================
   TRUST SECTION
========================================== */

.trust-section{
    padding:120px 0;

    background:#f8f7fb;
}

.trust-card{
    background:#fff;

    padding:40px 30px;

    border-radius:25px;

    text-align:center;

    height:100%;

    transition:.35s;

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

.trust-card:hover{
    transform:translateY(-8px);
}

.trust-icon{
    width:80px;
    height:80px;

    margin:auto auto 25px;

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

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        #D4AF37,
        #f4d87a
    );

    font-size:34px;
}

.trust-card h3{
    color:#250046;

    margin-bottom:15px;

    font-size:24px;
}

.trust-card p{
    color:#666;

    line-height:1.8;

    margin:0;
}


/* ==========================================
   MISSION SECTION
========================================== */

.mission-section{
    padding:120px 0;

    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
}

.mission-card{
    height:100%;

    padding:45px;

    border-radius:30px;

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

    backdrop-filter:blur(20px);

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

.mission-card span{
    color:#D4AF37;

    font-size:13px;

    letter-spacing:3px;

    font-weight:600;
}

.mission-card h3{
    color:#fff;

    margin:18px 0 20px;

    font-size:34px;

    font-family:'Playfair Display',serif;
}

.mission-card p{
    color:rgba(255,255,255,.82);

    line-height:1.9;
}

.value-list{
    list-style:none;

    padding:0;

    margin:25px 0 0;
}

.value-list li{
    color:#fff;

    margin-bottom:15px;

    position:relative;

    padding-left:30px;
}

.value-list li::before{
    content:'✓';

    position:absolute;

    left:0;

    color:#D4AF37;

    font-weight:700;
}


/* ==========================================
   ABOUT CTA
========================================== */

.cta-card{
    background:linear-gradient(
        135deg,
        #22003f,
        #4B0082
    );

    padding:70px 40px;

    border-radius:35px;

    overflow:hidden;

    position:relative;
}

.cta-card span{
    color:#D4AF37;

    letter-spacing:3px;

    font-size:13px;

    font-weight:600;
}

.cta-card h2{
    color:#fff;

    margin:20px 0;

    font-size:48px;

    font-family:'Playfair Display',serif;
}

.cta-card p{
    color:rgba(255,255,255,.85);

    max-width:700px;

    margin:0 auto 30px;
}


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

@media(max-width:991px){

    .about-section,
    .trust-section,
    .mission-section{
        padding:90px 0;
    }

    .about-section h2{
        font-size:34px;
    }

    .mission-card h3{
        font-size:28px;
    }

    .cta-card h2{
        font-size:36px;
    }

    .about-points{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .page-banner{
        padding:150px 0 90px;
    }

    .page-banner h1{
        font-size:42px;
    }

    .mission-card,
    .trust-card,
    .cta-card{
        padding:30px;
    }

    .cta-card h2{
        font-size:30px;
    }
}

/* ==========================================
   INNER PAGE BANNER
========================================== */

.page-banner{
    position:relative;
    overflow:hidden;

    padding:140px 0 70px;

    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );

    text-align:center;
}

.page-banner-chakra{
    position:absolute;

    top:50%;
    right:-120px;

    width:500px;
    height:500px;

    transform:translateY(-50%);

    background:url('../images/yant.png')
    center center no-repeat;

    background-size:contain;

    opacity:.04;

    animation:rotateChakra 120s linear infinite;
}

.page-banner-content{
    position:relative;
    z-index:2;
}

.breadcrumb-wrap{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;

    margin-bottom:15px;

    font-size:14px;
}

.breadcrumb-wrap a{
    color:#D4AF37;
    text-decoration:none;
}

.breadcrumb-wrap span{
    color:rgba(255,255,255,.7);
}

.page-banner h1{
    color:#fff;

    font-family:'Playfair Display', serif;

    font-size:clamp(36px,4vw,56px);

    margin:0;
}

@media(max-width:768px){

    .page-banner{
        padding:120px 0 60px;
    }

    .page-banner h1{
        font-size:34px;
    }

    .page-banner-chakra{
        width:350px;
        height:350px;
        right:-120px;
    }

}


/* ==========================================
   CONTACT PAGE
========================================== */

.contact-page-section{
    padding:120px 0;
    background:#f8f7fb;
}

.contact-info-card,
.contact-form-card{
    background:#fff;

    border-radius:25px;

    padding:40px;

    height:100%;

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

    border:1px solid rgba(212,175,55,.12);
}

.section-subtitle{
    display:inline-block;

    color:#D4AF37;

    font-size:13px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:15px;
}

.contact-info-card h3,
.contact-form-card h3{
    color:#2d1245;

    font-size:34px;

    font-family:'Playfair Display',serif;

    margin-bottom:15px;
}

.contact-info-card p,
.contact-form-card p{
    color:#666;

    line-height:1.9;
}

/* Contact Items */

.contact-info-list{
    margin-top:35px;
}

.info-item{
    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:28px;
}

.info-icon{
    width:58px;
    height:58px;

    min-width:58px;

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        #D4AF37,
        #b89228
    );

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

    color:#fff;

    font-size:20px;
}

.info-item h5{
    color:#2d1245;

    font-size:18px;

    margin-bottom:6px;
}

.info-item a,
.info-item span{
    color:#666;

    text-decoration:none;
}

/* Form */

.contact-form-card .form-control{
    height:58px;

    border-radius:14px;

    border:1px solid #e7e2ef;

    padding:12px 18px;

    box-shadow:none;
}

.contact-form-card textarea.form-control{
    height:auto;
}

.contact-form-card .form-control:focus{
    border-color:#D4AF37;

    box-shadow:
    0 0 0 4px rgba(212,175,55,.15);
}

/* ==========================================
   CONSULTATION SECTION
========================================== */

.consultation-section{
    padding:120px 0;

    background:
    linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
}

.consultation-section .section-title h2,
.consultation-section .section-title p{
    color:#fff;
}

.option-card{
    background:rgba(255,255,255,.08);

    backdrop-filter:blur(12px);

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

    border-radius:25px;

    padding:40px 30px;

    text-align:center;

    height:100%;

    transition:.4s ease;
}

.option-card:hover{
    transform:translateY(-8px);
}

.option-icon{
    width:75px;
    height:75px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#D4AF37;

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

    color:#fff;

    font-size:28px;
}

.option-card h3{
    color:#fff;

    font-size:24px;

    margin-bottom:15px;

    font-family:'Playfair Display',serif;
}

.option-card p{
    color:rgba(255,255,255,.85);

    margin:0;
}

/* ==========================================
   SERVICE AREAS
========================================== */

.service-areas-section{
    padding:120px 0;

    background:#fff;
}

.service-area-grid{
    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:15px;

    margin-top:50px;
}

.service-area-grid div{
    padding:14px 28px;

    border-radius:50px;

    background:
    linear-gradient(
        135deg,
        rgba(212,175,55,.12),
        rgba(75,0,130,.08)
    );

    border:1px solid rgba(212,175,55,.18);

    color:#2d1245;

    font-weight:600;

    transition:.3s;
}

.service-area-grid div:hover{
    background:#D4AF37;

    color:#fff;

    transform:translateY(-3px);
}

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

@media(max-width:768px){

    .contact-page-section,
    .consultation-section,
    .service-areas-section{
        padding:80px 0;
    }

    .contact-info-card,
    .contact-form-card{
        padding:25px;
    }

    .contact-info-card h3,
    .contact-form-card h3{
        font-size:28px;
    }

    .info-item{
        gap:15px;
    }

    .info-icon{
        width:50px;
        height:50px;

        min-width:50px;

        font-size:18px;
    }

    .option-card{
        padding:30px 25px;
    }

    .service-area-grid{
        gap:10px;
    }

    .service-area-grid div{
        font-size:14px;

        padding:12px 18px;
    }

}



/* ==========================================
SERVICES INTRO
========================================== */

.services-intro{
padding:120px 0 80px;
background:#fff;
}

.services-intro-content{
max-width:900px;
margin:auto;
text-align:center;
}

.services-intro-content p{
color:#666;
font-size:17px;
line-height:1.9;
margin-bottom:20px;
}

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

.services-grid-section{
padding:40px 0 120px;
background:#fff;
}

.service-card{
background:#fff;
padding:40px 30px;
border-radius:24px;
text-align:center;
/*height:100%;*/
border:1px solid rgba(212,175,55,.12);


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

transition:.4s ease;


}

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


box-shadow:
0 25px 60px rgba(75,0,130,.15);


}

.service-icon{
width:80px;
height:80px;


margin:0 auto 25px;

border-radius:50%;

background:
linear-gradient(
    135deg,
    #D4AF37,
    #b68d1f
);

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

color:#fff;

font-size:30px;


}

.service-card h3{
color:#2d1245;
font-size:26px;
margin-bottom:15px;
font-family:'Playfair Display',serif;
}

.service-card p{
color:#666;
line-height:1.8;
margin:0;
}

/* ==========================================
WHY CHOOSE US
========================================== */

.why-choose-section{
padding:120px 0;


background:
linear-gradient(
    135deg,
    #22003f 0%,
    #4B0082 50%,
    #22003f 100%
);


}

.why-choose-section .section-title h2,
.why-choose-section .section-title p{
color:#fff;
}

.why-card{
background:rgba(255,255,255,.08);


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

backdrop-filter:blur(12px);

padding:40px 30px;

border-radius:25px;

text-align:center;

height:100%;

transition:.3s;


}

.why-card:hover{
transform:translateY(-8px);
}

.why-card h3{
color:#D4AF37;
font-size:26px;
margin-bottom:15px;
font-family:'Playfair Display',serif;
}

.why-card p{
color:rgba(255,255,255,.85);
line-height:1.8;
margin:0;
}

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

.service-content-section{
padding:120px 0;
background:#f8f7fb;
}

.service-content-wrapper{
max-width:950px;
margin:auto;
}

.service-content-wrapper h3{
color:#2d1245;
font-size:34px;
margin-top:50px;
margin-bottom:20px;
font-family:'Playfair Display',serif;
}

.service-content-wrapper p{
color:#666;
font-size:17px;
line-height:2;
margin-bottom:22px;
}

/* ==========================================
SERVICES FAQ
========================================== */

.services-faq-section{
padding:120px 0;
background:#fff;
}

.services-faq-section .accordion{
max-width:950px;
margin:auto;
}

.services-faq-section .accordion-item{


border:none !important;

border-left:
4px solid #D4AF37 !important;

border-radius:20px !important;

overflow:hidden;

margin-bottom:18px;

background:#fff;

box-shadow:
0 12px 35px rgba(75,0,130,.08);


}

.services-faq-section .accordion-button{


padding:24px 30px;

color:#2d1245 !important;

background:#fff !important;

font-size:20px;

font-weight:600;

font-family:'Playfair Display',serif;

box-shadow:none !important;


}

.services-faq-section .accordion-button:not(.collapsed){


color:#4B0082 !important;

background:
linear-gradient(
    135deg,
    rgba(212,175,55,.08),
    rgba(75,0,130,.05)
) !important;


}

.services-faq-section .accordion-button:focus{


box-shadow:none !important;

border-color:transparent !important;


}

.services-faq-section .accordion-body{


color:#666;

line-height:1.9;

font-size:16px;

padding:0 30px 30px;


}

.services-faq-section .accordion-button::after{


width:36px;
height:36px;

border-radius:50%;

background-color:#f5f3fa;

background-position:center;

background-size:16px;


}

.services-faq-section .accordion-button:not(.collapsed)::after{


background-color:#D4AF37;


}

/* ==========================================
SERVICE AREAS
========================================== */

.service-areas-section{
padding:120px 0;
background:#f8f7fb;
}

.service-area-grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
margin-top:50px;
}

.service-area-grid div{


padding:14px 28px;

border-radius:50px;

background:#fff;

border:1px solid rgba(212,175,55,.20);

color:#2d1245;

font-weight:600;

transition:.3s;


}

.service-area-grid div:hover{


background:#D4AF37;

color:#fff;

transform:translateY(-4px);


}

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

@media(max-width:991px){


.services-intro,
.services-grid-section,
.why-choose-section,
.service-content-section,
.services-faq-section,
.service-areas-section{

    padding:80px 0;
}

.service-content-wrapper h3{
    font-size:28px;
}

.service-card,
.why-card{
    padding:30px 25px;
}


}

@media(max-width:768px){


.services-intro-content p,
.service-content-wrapper p{
    font-size:16px;
}

.service-card h3,
.why-card h3{
    font-size:22px;
}

.service-icon{
    width:70px;
    height:70px;
    font-size:26px;
}

.services-faq-section .accordion-button{
    font-size:18px;
    padding:20px;
}

.services-faq-section .accordion-body{
    padding:0 20px 20px;
}

.service-area-grid{
    gap:10px;
}

.service-area-grid div{
    padding:12px 18px;
    font-size:14px;
}


}

/* ======================================
DIVINE PSYCHIC CENTRE
STYLE.CSS
====================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');

:root{

--primary:#4B0082;
--primary-light:#6A0DAD;
--primary-dark:#32005A;

--secondary:#D4AF37;
--secondary-dark:#B8941F;

--white:#ffffff;
--light:#f8f7fb;

--text:#222222;
--text-light:#666666;

--radius:18px;
--transition:.3s ease;

}

html,
body{
    overflow-x:hidden;
}

/* =========================
RESET
========================= */

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

html{
scroll-behavior:smooth;
}

body{
font-family:'Poppins',sans-serif;
font-size:16px;
line-height:1.8;
color:var(--text);
background:#fff;
overflow-x:hidden;
}

img{
max-width:100%;
display:block;
}

a{
text-decoration:none;
}

/* =========================
TYPOGRAPHY
========================= */

h1,h2,h3,h4,h5,h6{
font-family:'Playfair Display',serif;
font-weight:700;
color:var(--primary);
}

h1{
font-size:52px;
line-height:1.2;
}

h2{
font-size:42px;
line-height:1.3;
}

.section-title{
margin-bottom:60px;
}

.section-title span{
display:block;
color:var(--secondary);
font-size:14px;
font-weight:600;
letter-spacing:3px;
margin-bottom:12px;
text-transform:uppercase;
}

.section-title h2{
margin-bottom:15px;
}

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

.header{
background:#fff;
box-shadow:0 2px 20px rgba(0,0,0,.08);
padding:12px 0;
}

.logo{
font-family:'Playfair Display',serif;
font-size:28px;
font-weight:700;
color:var(--primary);
}

.navbar-nav .nav-link{
color:#222;
font-weight:500;
margin:0 10px;
}

.navbar-nav .nav-link:hover{
color:var(--primary);
}

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

.btn-gold{
background:var(--secondary);
color:#fff;
padding:14px 30px;
border-radius:50px;
font-weight:600;
border:none;
}

.btn-gold:hover{
background:var(--secondary-dark);
color:#fff;
}

.btn-outline-gold{
border:2px solid var(--secondary);
color:var(--secondary);
padding:14px 30px;
border-radius:50px;
font-weight:600;
}

.btn-outline-gold:hover{
background:var(--secondary);
color:#fff;
}
/* ==========================================
   PREMIUM HERO SLIDER - FINAL FIXED
========================================== */

.hero-slider-section{
    position:relative;
    overflow:hidden;
    min-height:100vh;
    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
    color:#fff;
}

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

.hero-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
    radial-gradient(
        circle at right center,
        rgba(212,175,55,.15),
        transparent 45%
    );
}

/* ==========================
   PARTICLES
========================== */

.hero-particles{
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:2;
    pointer-events:none;
}

.hero-particles::before,
.hero-particles::after{
    content:'';
    position:absolute;
    inset:0;
    background-image:
    radial-gradient(#D4AF37 1px, transparent 1px);
    background-size:80px 80px;
    opacity:.08;
    animation:moveParticles 30s linear infinite;
}

.hero-particles::after{
    opacity:.04;
    animation-duration:50s;
}

/* ==========================
   SWIPER
========================== */

.hero-slider-section .swiper,
.hero-slider-section .swiper-wrapper,
.hero-slider-section .swiper-slide{
    min-height:100vh;
}

.hero-slider-section .swiper-slide{
    display:flex;
    align-items:center;
}

.hero-slider-section .container{
    position:relative;
    z-index:20;
}

.hero-slider-section .row{
    min-height:100vh;
    align-items:center;
}

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

.hero-left{
    max-width:650px;
    position:relative;
    z-index:50;
}

/* ==========================
   TAG
========================== */

.hero-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:50px;
    border:1px solid rgba(212,175,55,.35);
    background:rgba(212,175,55,.08);
    color:#D4AF37;
    font-size:12px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:20px;
}

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

.hero-slider-section h1{
    font-family:'Playfair Display',serif;
    font-size:clamp(28px,4vw,48px);
    line-height:1.15;
    font-weight:700;
    color:#fff;
    margin-bottom:20px;
    max-width:650px;
}

.text-gold{
    color:#D4AF37;
}

/* ==========================
   PARAGRAPH
========================== */

.hero-slider-section p{
    font-size:18px;
    line-height:1.8;
    color:rgba(255,255,255,.85);
    max-width:620px;
}

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

.hero-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-top:35px;
}

.hero-buttons .btn{
    min-width:200px;
    text-align:center;
    position:relative;
    z-index:100;
}

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

.hero-stats{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-top:35px;
}

.stat-item{
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:15px;
    padding:15px 20px;
    min-width:140px;
}

.stat-item strong{
    display:block;
    color:#D4AF37;
    font-size:22px;
    margin-bottom:4px;
}

.stat-item span{
    color:#fff;
    font-size:13px;
}

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

.hero-image-wrap{ position:relative; display:flex; justify-content:center; align-items:center; z-index:10; }

.hero-image-wrap img{
    border-radius:10%;
}

.hero-image{
    width:100%;
    max-width:500px;
    height:auto;
    position:relative;
    z-index:10;
    border-radius:50%;
}
/* ======================================
   PREMIUM SERVICE CARD
====================================== */

.service-card{
    position:relative;
    height:350px;
    overflow:hidden;
    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.15);
    transition:all .4s ease;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}

/* Background Image */

.service-img{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;

    z-index:1;

    transition:transform .8s ease;
}

.service-card:hover .service-img{
    transform:scale(1.08);
}

/* Dark Overlay */

.service-overlay{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    background:linear-gradient(
        to top,
        rgba(20,0,35,.95) 0%,
        rgba(20,0,35,.60) 45%,
        rgba(20,0,35,.15) 100%
    );

    z-index:2;
}

/* Gold Glow */

.service-card::before{
    content:'';

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    background:
    radial-gradient(
        circle at top right,
        rgba(212,175,55,.25),
        transparent 45%
    );

    opacity:0;
    transition:.4s;

    z-index:3;
}

.service-card:hover::before{
    opacity:1;
}

/* Content */

.service-content{
    position:absolute;
    bottom:0;
    left:0;

    width:100%;

    padding:30px;

    z-index:999;
}

.service-content h3{
    font-family:'Playfair Display',serif;
    font-size:28px;
    font-weight:700;

    color:#D4AF37 !important;

    margin-bottom:10px;
    line-height:1.3;
}

.service-content p{
    color:#ffffff !important;
    font-size:15px;
    line-height:1.8;
    margin:0;
}

/* Mobile */

@media(max-width:768px){

    .service-card{
        height:280px;
    }

    .service-content{
        padding:22px;
    }

    .service-content h3{
        font-size:24px;
    }

    .service-content p{
        font-size:14px;
    }

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

.logo{
    display:flex;
    align-items:center;
    padding:0;
}

.logo-img{
    height:20px;
    width:auto;
    object-fit:contain;
    transition:.3s ease;
}

.logo-img:hover{
    transform:scale(1.03);
}

/* Responsive */

@media(max-width:991px){

    .logo-img{
        height:60px;
    }

}

@media(max-width:576px){

    .logo-img{
        height:50px;
    }

}

.logo-img{
    height:40px;
    width:auto;
    object-fit:contain;
}


/* =========================
   ROTATING CHAKRA
========================= */

.hero-chakra{
    position:absolute;
    top:50%;
    right:50px;
    width:600px;
    height:600px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    transform:translateY(-50%);
    z-index:-2;
    opacity:0.5;
    animation:rotateChakra 80s linear infinite;
}

.hero-overlay{
    z-index:1;
}

.hero-chakra{
    z-index:2;
}

.hero-particles{
    z-index:3;
}

.hero-image-wrap{
    position:relative;
    z-index:5;
}

.hero-left{
    position:relative;
    z-index:5;
}

.hero-slider-section .container{
    position:relative;
    z-index:5;
}

@keyframes rotateChakra{
    from{
        transform:translateY(-50%) rotate(0deg);
    }
    to{
        transform:translateY(-50%) rotate(360deg);
    }
}



@media(max-width:991px){

.hero-chakra{
    width:800px;
    height:800px;
    right:-120px;
    opacity:.05;
}

}

@media(max-width:576px){

.hero-chakra{
    width:800px;
    height:800px;
    right:-80px;
    opacity:.04;
}

}

.hero-chakra{
    filter:
        drop-shadow(0 0 20px rgba(212,175,55,.3))
        drop-shadow(0 0 50px rgba(212,175,55,.2));
}



/* ==========================
   GLOW EFFECT
========================== */

.hero-image-wrap{
    position:relative;
    z-index:5;
}
.hero-image-wrap::before{
    content:'';
    position:absolute;

    width:700px;
    height:700px;

    top:50%;
    left:-950px;

    background:url('../images/yant.png') center center no-repeat;
    background-size:contain;

    opacity:.08;

    z-index:1;

    pointer-events:none;

    animation:rotateChakra 120s linear infinite;
}


.hero-image-wrap,
.hero-left,
.hero-slider-section .container,
.hero-buttons,
.hero-buttons .btn{
    position:relative;
    z-index:999;
}

.hero-overlay,
.hero-particles,
.hero-chakra,
.hero-image-wrap::before,
.hero-image-wrap::after{
    pointer-events:none;
}

.hero-image{
    position:relative;
    z-index:3;
}

/* ==========================
   FLOATING CARDS
========================== */

.floating-card{
    position:absolute;
    z-index:20;
    pointer-events:none;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:16px;
    padding:14px 20px;
    color:#fff;
    font-size:14px;
    font-weight:500;
    box-shadow:0 15px 35px rgba(0,0,0,.20);
}

.card-1{
    top:60px;
    right:0;
    animation:floatCard 4s ease-in-out infinite;
}

.card-2{
    bottom:60px;
    left:0;
    animation:floatCard 4s ease-in-out infinite;
    animation-delay:2s;
}

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

.swiper-button-next,
.swiper-button-prev{
    width:55px !important;
    height:55px !important;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(212,175,55,.30);
    backdrop-filter:blur(10px);
    color:#D4AF37 !important;
}

.swiper-button-next:after,
.swiper-button-prev:after{
    font-size:18px !important;
    font-weight:700;
}

/* ==========================
   PAGINATION
========================== */

.swiper-pagination{
    bottom:25px !important;
}

.swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:#fff;
    opacity:.4;
}

.swiper-pagination-bullet-active{
    width:35px;
    border-radius:50px;
    background:#D4AF37;
    opacity:1;
}

/* ==========================
   ANIMATIONS
========================== */

@keyframes pulseGlow{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.08);
    }
}

@keyframes floatCard{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-12px);
    }
}

@keyframes moveParticles{
    from{
        transform:translateY(0);
    }
    to{
        transform:translateY(-200px);
    }
}

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

@media(max-width:1199px){

    .hero-image{
        max-width:420px;
    }

}

@media(max-width:991px){

    .hero-slider-section{
        text-align:center;
    }

    .hero-slider-section .row{
        min-height:auto;
        padding:120px 0 80px;
    }

    .hero-left{
        max-width:100%;
    }

    .hero-slider-section h1{
        max-width:100%;
        font-size:46px;
    }

    .hero-slider-section p{
        max-width:100%;
    }

    .hero-buttons,
    .hero-stats{
        justify-content:center;
    }

    .hero-image{
        max-width:340px;
        margin-top:40px;
    }

    .floating-card,
    .swiper-button-next,
    .swiper-button-prev{
        display:none !important;
    }

    .hero-image-wrap::before{
        width:300px;
        height:300px;
    }

    .hero-image-wrap::after{
        width:380px;
        height:380px;
    }
}

@media(max-width:767px){

    .hero-slider-section h1{
        font-size:36px;
        line-height:1.2;
    }

    .hero-slider-section p{
        font-size:16px;
    }

    .hero-buttons{
        flex-direction:column;
        width:100%;
    }

    .hero-buttons .btn{
        width:100%;
    }

    .hero-image{
        max-width:100%;
    }
    
    .header-buttons{
        display:none;
    }
}

@media(max-width:576px){

    .hero-slider-section h1{
        font-size:30px;
    }

    .hero-tag{
        font-size:11px;
        letter-spacing:1px;
    }

    .hero-image{
        max-width:100%;
    }

    .hero-image-wrap::before{
        width:220px;
        height:220px;
    }

    .hero-image-wrap::after{
        width:280px;
        height:280px;
    }
    .header-buttons{
        display:none;
    }
}
/* =========================
TRUST BAR
========================= */

.trust-section{
padding:50px 0;
background:var(--primary);
}

.trust-box h4{
color:#fff;
margin-bottom:5px;
}

.trust-box p{
color:rgba(255,255,255,.85);
margin:0;
}

/* =========================
SERVICES
========================= */

.service-card{
    position:relative;
    overflow:hidden;
    border-radius:20px;
    height:350px;

    box-shadow:0 10px 30px rgba(0,0,0,.15);
    transition:.4s ease;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}

/* Image */

.service-img{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;
    z-index:1;

    transition:.8s ease;
}

.service-card:hover .service-img{
    transform:scale(1.08);
}

/* Overlay */

.service-card::before{
    content:'';
    position:absolute;
    inset:0;

    background:linear-gradient(
        to top,
        rgba(20,0,35,.92) 0%,
        rgba(20,0,35,.60) 45%,
        rgba(20,0,35,.10) 100%
    );

    z-index:2;
}

.section-title{
    margin-top:70px;
}


/* Content */

.service-content{
    position:absolute;
    bottom:0;
    left:0;

    width:100%;
    padding:30px;

    z-index:5;   /* IMPORTANT */
}

.service-content h3{
    color:#D4AF37 !important;
    font-size:28px;
    font-family:'Playfair Display',serif;
    margin-bottom:10px;
}

.service-content p{
    color:#fff !important;
    margin:0;
    line-height:1.8;
}

/* Mobile */

@media(max-width:768px){

    .service-card{
        height:280px;
    }

    .service-content{
        padding:20px;
    }

    .service-content h3{
        font-size:22px;
    }

}


/* =========================
WHY CHOOSE US
========================= */

.why-section{
    padding:120px 0;
    background:
    linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
    position:relative;
    overflow:hidden;
}

.why-section::before{
    content:'';
    position:absolute;
    width:700px;
    height:700px;
    top:-250px;
    right:-250px;
    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.12),
        transparent 70%
    );
}

.why-section .section-title span{
    color:#D4AF37;
}

.why-section .section-title h2{
    color:#fff;
    margin-bottom:15px;
}

.why-section .section-title p{
    color:rgba(255,255,255,.75);
    max-width:700px;
    margin:auto;
}

.why-card{
    position:relative;
    height:100%;

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

    backdrop-filter:blur(18px);

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

    border-radius:24px;

    padding:40px 30px;

    text-align:center;

    transition:.4s ease;

    overflow:hidden;
}

.why-card::before{
    content:'';
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        135deg,
        rgba(212,175,55,.15),
        transparent
    );

    opacity:0;
    transition:.4s;
}

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

    border-color:rgba(212,175,55,.35);

    box-shadow:
    0 20px 50px rgba(0,0,0,.25);
}

.why-card:hover::before{
    opacity:1;
}

.why-icon{
    width:80px;
    height:80px;

    margin:0 auto 25px;

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

    font-size:34px;

    border-radius:50%;

    background:
    rgba(212,175,55,.12);

    border:
    1px solid rgba(212,175,55,.25);

    color:#D4AF37;
}

.why-card h3{
    color:#fff;
    font-size:24px;
    margin-bottom:15px;
}

.why-card p{
    color:rgba(255,255,255,.75);
    margin:0;
    line-height:1.8;
}

/* Mobile */

@media(max-width:991px){

    .why-section{
        padding:90px 0;
    }

    .why-card{
        padding:30px 25px;
    }

}

@media(max-width:576px){

    .why-section{
        padding:80px 0;
    }

    .why-card h3{
        font-size:22px;
    }

}

/* =========================
REVIEWS SECTION
========================= */

.reviews-section{
    padding:120px 0;
    background:#f8f7fb;
    overflow:hidden;
}

.reviewSwiper{
    margin-top:60px;
    padding-bottom:60px;
}

/* Equal Height Slides */

.reviewSwiper .swiper-slide{
    height:auto;
}

/* Review Card */

.review-card{
    position:relative;

    height:100%;
    min-height:320px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    background:#fff;
    border-radius:25px;
    padding:40px;

    border:1px solid rgba(75,0,130,.08);

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

    transition:.4s ease;

    overflow:hidden;
}

/* Gold Glow */

.review-card::before{
    content:'';
    position:absolute;
    top:0;
    right:0;

    width:120px;
    height:120px;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.15),
        transparent 70%
    );

    pointer-events:none;
}

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

    box-shadow:
    0 25px 60px rgba(75,0,130,.15);
}

/* Stars */

.stars{
    color:#D4AF37;
    font-size:24px;
    letter-spacing:3px;
    margin-bottom:20px;
}

/* Review Text */

.review-card p{
    color:#666;
    line-height:1.9;
    font-style:italic;
    margin-bottom:30px;
    flex-grow:1;
}

/* Reviewer */

.review-user{
    border-top:1px solid rgba(75,0,130,.08);
    padding-top:20px;
}

.review-user h5{
    margin:0;
    color:#4B0082;
    font-size:18px;
    font-weight:600;
}

.review-user span{
    color:#999;
    font-size:14px;
}

/* Pagination */

.reviewSwiper .swiper-pagination{
    position:relative;
    margin-top:40px;
}

.reviewSwiper .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#ccc;
    opacity:1;
    transition:.3s;
}

.reviewSwiper .swiper-pagination-bullet-active{
    width:35px;
    border-radius:50px;
    background:#D4AF37;
}

/* Responsive */

@media(max-width:991px){

    .reviews-section{
        padding:90px 0;
    }

    .review-card{
        min-height:280px;
        padding:30px;
    }

}

@media(max-width:576px){

    .reviews-section{
        padding:80px 0;
    }

    .review-card{
        padding:25px;
    }

    .stars{
        font-size:20px;
    }

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

.faq-section{
    padding:120px 0;
    background:
    linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
}

.faq-section .section-title span{
    color:#D4AF37;
}

.faq-section .section-title h2{
    color:#fff;
}

.faq-section .section-title p{
    color:rgba(255,255,255,.75);
}

/* Accordion */

#faqAccordion{
    max-width:900px;
    margin:60px auto 0;
}

.accordion-item{
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(15px);

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

    border-radius:18px !important;

    overflow:hidden;

    margin-bottom:20px;
}

.accordion-button{
    background:transparent !important;
    color:#fff !important;

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

    padding:25px 30px;

    box-shadow:none !important;
}

.accordion-button:not(.collapsed){
    color:#D4AF37 !important;
}

.accordion-button::after{
    filter:brightness(0) invert(1);
}

.accordion-button:not(.collapsed)::after{
    filter:none;
}

.accordion-body{
    color:rgba(255,255,255,.80);
    font-size:16px;
    line-height:1.9;

    padding:0 30px 30px;
}

/* Hover */

.accordion-item:hover{
    border-color:rgba(212,175,55,.35);

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

/* Mobile */

@media(max-width:768px){

    .faq-section{
        padding:90px 0;
    }

    .accordion-button{
        font-size:17px;
        padding:20px;
    }

    .accordion-body{
        padding:0 20px 20px;
    }

}

/* =========================
LOCATIONS
========================= */

.locations-section{
padding:100px 0;
}

.location-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:15px;
}

.location-grid a{
background:#fff;
border:1px solid rgba(75,0,130,.08);
padding:15px;
text-align:center;
border-radius:12px;
color:var(--primary);
font-weight:600;
}

.location-grid a:hover{
background:var(--primary);
color:#fff;
}

/* =========================
CONTACT SECTION
========================= */

.contact-section{
    padding:100px 0;
    background:#f8f7fb;
}

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

.contact-section .row{
    align-items:center;
}

.contact-info{
    margin-top:30px;
}

.contact-item{
    margin-bottom:25px;
}

.contact-item strong{
    display:block;
    color:#4B0082;
    font-size:18px;
    margin-bottom:8px;
}

.contact-item p{
    margin:0;
    color:#666;
}

/* Form */

.contact-form{
    background:#fff;
    padding:40px;
    border-radius:20px;

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

    border:1px solid rgba(75,0,130,.08);
}

.contact-form .form-control{
    height:55px;
    border-radius:12px;
    border:1px solid #ddd;
    padding:0 18px;
}

.contact-form textarea.form-control{
    height:auto;
    padding:15px 18px;
}

.contact-form .form-control:focus{
    border-color:#D4AF37;
    box-shadow:none;
}

.contact-form select.form-control{
    appearance:none;
}

/* Mobile */

@media(max-width:991px){

    .contact-section{
        text-align:center;
    }

    .contact-info{
        margin-bottom:40px;
    }

    .contact-form{
        padding:30px;
    }

}

@media(max-width:576px){

    .contact-section{
        padding:80px 0;
    }

    .contact-form{
        padding:25px;
    }

}
/* =========================
CTA
========================= */

.cta-section{
padding:100px 0;
background:var(--primary);
text-align:center;
}

.cta-section h2{
color:#fff;
margin-bottom:20px;
}

.cta-section p{
color:rgba(255,255,255,.85);
margin-bottom:30px;
}

/* =========================
FOOTER
========================= */
/*.footer{*/
/*background:#2D004F;*/
/*color:#fff;*/
/*padding:80px 0 30px;*/
/*}*/

/*.footer .container{*/
/*max-width:1200px;*/
/*margin:auto;*/
/*}*/

/*.footer-grid{*/
/*display:grid;*/
/*grid-template-columns:2fr 1fr 1fr 1fr;*/
/*gap:40px;*/
/*align-items:start;*/
/*width:100%;*/
/*}*/

/*.footer-brand{*/
/*max-width:100%;*/
/*}*/

/*.footer h3{*/
/*color:#D4AF37;*/
/*font-size:32px;*/
/*margin-bottom:20px;*/
/*}*/

/*.footer h4{*/
/*color:#D4AF37;*/
/*font-size:22px;*/
/*margin-bottom:20px;*/
/*}*/

/*.footer p{*/
/*color:rgba(255,255,255,.85);*/
/*line-height:1.8;*/
/*margin-bottom:10px;*/
/*}*/

/*.footer-contact-mini{*/
/*margin-top:25px;*/
/*}*/

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

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

/*.footer ul li a{*/
/*color:#fff;*/
/*transition:.3s;*/
/*}*/

/*.footer ul li a:hover*/

/*.footer-bottom{*/
/*margin-top:50px;*/
/*padding-top:25px;*/
/*border-top:1px solid rgba(255,255,255,.15);*/
/*text-align:center;*/
/*}*/

/* Tablet */

/*@media (max-width:991px){*/


/*.footer-grid{*/
/*    grid-template-columns:repeat(2,1fr);*/
/*    gap:30px;*/
/*}*/


/*}*/

/* Mobile */

/*@media (max-width:767px){*/


/*.footer{*/
/*    text-align:left;*/
/*}*/

/*.footer-grid{*/
/*    grid-template-columns:1fr;*/
/*    gap:25px;*/
/*}*/


/*}*/

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

@media(max-width:991px){

h1{
font-size:42px;
}

h2{
font-size:34px;
}

.hero-section{
padding:150px 0 80px;
text-align:center;
}

.hero-image{
margin-top:40px;
}

}

@media(max-width:768px){

.hero-buttons{
justify-content:center;
}

.footer-grid{
display:block;
}

.footer-col{
margin-top:30px;
}

}

@media(max-width:576px){

h1{
font-size:34px;
}

h2{
font-size:28px;
}

.btn-gold,
.btn-outline-gold{
width:100%;
}

.hero-buttons{
flex-direction:column;
}

}


/* =========================
ABOUT PSYCHIC
========================= */

.about-psychic-section{
    padding:120px 0;
    background:#fff;
}

.about-tag{
    display:inline-block;
    color:#D4AF37;
    font-size:14px;
    font-weight:600;
    letter-spacing:3px;
    margin-bottom:15px;
}

.about-psychic-section h2{
    margin-bottom:25px;
    color:#4B0082;
}

.about-psychic-section p{
    color:#666;
    line-height:1.9;
    margin-bottom:20px;
}

.about-image-wrap{
    position:relative;
    text-align:center;
}

.about-image{
    width:100%;
    max-width:450px;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(75,0,130,.15);
}

.experience-badge{
    position:absolute;
    bottom:20px;
    right:20px;

    background:#D4AF37;
    color:#fff;

    padding:20px;
    border-radius:15px;
    text-align:center;
}

.experience-badge strong{
    display:block;
    font-size:30px;
}

.about-highlights{
    display:flex;
    gap:20px;
    margin:35px 0;
    flex-wrap:wrap;
}

.highlight-box{
    background:#f8f7fb;
    padding:20px 25px;
    border-radius:15px;
    min-width:150px;
    text-align:center;
}

.highlight-box strong{
    display:block;
    color:#4B0082;
    font-size:28px;
}

.highlight-box span{
    color:#666;
    font-size:14px;
}

@media(max-width:991px){

    .about-psychic-section{
        text-align:center;
    }

    .about-image{
        margin-bottom:40px;
    }

    .about-highlights{
        justify-content:center;
    }

    .experience-badge{
        right:50%;
        transform:translateX(50%);
    }
}


/* =========================
FLOATING BUTTONS
========================= */

.floating-call,
.floating-whatsapp{
    position:fixed;

    width:65px;
    height:65px;

    border-radius:50%;

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

    color:#fff;
    font-size:28px;

    text-decoration:none;

    z-index:9999;

    transition:all .3s ease;
}

/* =========================
CALL BUTTON (LEFT)
========================= */

.floating-call{
    left:25px;
    bottom:25px;

    background:#2563EB;

    box-shadow:
    0 8px 30px rgba(37,99,235,.45);

    animation:pulseCall 2s infinite;
}

/* =========================
WHATSAPP BUTTON (RIGHT)
========================= */

.floating-whatsapp{
    right:25px;
    bottom:25px;

    background:#25D366;

    box-shadow:
    0 8px 30px rgba(37,211,102,.45);

    animation:pulseWhatsapp 2s infinite;
}

/* Hover */

.floating-call:hover,
.floating-whatsapp:hover{
    transform:scale(1.1);
    color:#fff;
}

/* =========================
CALL PULSE
========================= */

@keyframes pulseCall{

    0%{
        box-shadow:
        0 0 0 0 rgba(37,99,235,.65),
        0 8px 30px rgba(37,99,235,.45);
    }

    70%{
        box-shadow:
        0 0 0 20px rgba(37,99,235,0),
        0 8px 30px rgba(37,99,235,.45);
    }

    100%{
        box-shadow:
        0 0 0 0 rgba(37,99,235,0),
        0 8px 30px rgba(37,99,235,.45);
    }

}

/* =========================
WHATSAPP PULSE
========================= */

@keyframes pulseWhatsapp{

    0%{
        box-shadow:
        0 0 0 0 rgba(37,211,102,.65),
        0 8px 30px rgba(37,211,102,.45);
    }

    70%{
        box-shadow:
        0 0 0 20px rgba(37,211,102,0),
        0 8px 30px rgba(37,211,102,.45);
    }

    100%{
        box-shadow:
        0 0 0 0 rgba(37,211,102,0),
        0 8px 30px rgba(37,211,102,.45);
    }

}

/* =========================
MOBILE FLOATING BUTTONS
========================= */

@media(max-width:768px){

    .floating-call,
    .floating-whatsapp{
        width:58px;
        height:58px;
        font-size:24px;
    }

    .floating-call{
        left:15px;
        bottom:15px;
    }

    .floating-whatsapp{
        right:15px;
        bottom:15px;
    }

}

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

@media(max-width:991px){

    .navbar-collapse{
        position:fixed !important;

        top:0;
        left:0;

        width:290px;
        height:100vh;

        background:#fff;

        padding:25px;

        overflow-y:auto;

        z-index:9999;

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

        transform:translateX(-100%);
        transition:transform .35s ease-in-out;

        display:block !important;
    }

    /* Smooth Slide */

    .navbar-collapse.show{
        transform:translateX(0);
    }

    /* Disable Bootstrap animation */

    .navbar-collapse.collapsing{
        height:auto !important;
        transition:none !important;
    }

    /* Logo Header */

    .mobile-menu-header{
        display:flex;
        align-items:center;
        justify-content:space-between;

        padding-bottom:15px;
        margin-bottom:20px;

        border-bottom:
        1px solid rgba(212,175,55,.25);
    }

    .mobile-logo{
        height:45px;
        width:auto;
    }

    .mobile-close{
        border:none;
        background:none;

        font-size:30px;
        color:#4B0082;

        cursor:pointer;
    }

    /* Navigation */

    .navbar-nav{
        text-align:left;
        margin-top:10px;
    }

    .navbar-nav .nav-item{
        margin-bottom:0;
    }

    .navbar-nav .nav-link{
        display:block;

        padding:12px 0;

        font-size:16px;
        font-weight:500;

        color:#222;

        border-bottom:
        1px solid rgba(0,0,0,.05);

        transition:.3s;
    }

    .navbar-nav .nav-link:hover{
        color:#D4AF37;
        padding-left:8px;
    }

    /* Buttons */

    .header-buttons{
        margin-top:20px;

        display:flex;
        flex-direction:column;

        gap:10px;
    }

    .header-buttons .btn{
        width:100%;
        text-align:center;
        padding:12px;
    }

}

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

.mobile-overlay{
    position:fixed;
    inset:0;

    background:rgba(0,0,0,.55);

    opacity:0;
    visibility:hidden;

    transition:.3s ease;

    z-index:9998;
}

.mobile-overlay.show{
    opacity:1;
    visibility:visible;
}

/* Premium Avatar */

.review-avatar{
    width:80px;
    height:80px;

    margin:0 auto 25px;

    position:relative;
}

.review-avatar-letter{
    display:flex;
    align-items:center;
    justify-content:center;

    width:80px;
    height:80px;

    border-radius:50%;

    background:#4B0082;

    color:#fff;

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

    border:3px solid #D4AF37;

    box-shadow:
    0 0 25px rgba(212,175,55,.25);
}

/* Premium Quote Icon */

.review-card{
    position:relative;
}

.review-card::after{
    content:'❝';

    position:absolute;

    top:20px;
    right:25px;

    font-size:80px;

    line-height:1;

    color:rgba(212,175,55,.10);

    font-family:serif;

    pointer-events:none;
}

/* =========================
GOLD BUTTON ONLY
========================= */

.btn-gold{
    position:relative;
    overflow:hidden;

    background:linear-gradient(
        90deg,
        #B8860B,
        #D4AF37,
        #F5D76E,
        #D4AF37,
        #B8860B
    );

    background-size:300% 100%;

    animation:goldFlow 6s linear infinite;

    color:#fff !important;
    border:none;
}

/* Shine only on button */

.btn-gold::before{
    content:'';

    position:absolute;

    top:0;
    left:-120%;

    width:50%;
    height:100%;

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

    transform:skewX(-25deg);

    animation:buttonShine 4s infinite;

    pointer-events:none;
}

@keyframes goldFlow{
    0%{
        background-position:0% 50%;
    }
    100%{
        background-position:100% 50%;
    }
}

@keyframes buttonShine{
    0%{
        left:-120%;
    }
    100%{
        left:200%;
    }
}


.btn-outline-gold{
    position:relative;
    overflow:hidden;
    border:2px solid #D4AF37;
    background:transparent;
    transition:.3s;
}

.btn-outline-gold::before{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:50%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(212,175,55,.35),
        transparent
    );
    transform:skewX(-25deg);
    animation:buttonShine 4s infinite;
    pointer-events:none;
}

/* =========================
PREMIUM CTA
========================= */

.cta-section{
    padding:120px 0;
    background:#f8f7fb;
}

.cta-box{
    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );

    border-radius:30px;

    padding:50px;

    overflow:hidden;

    position:relative;

    box-shadow:
    0 25px 60px rgba(0,0,0,.15);
}

.cta-box::before{
    content:'';

    position:absolute;

    width:500px;
    height:500px;

    right:-150px;
    top:-150px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.18),
        transparent 70%
    );
}

.cta-image{
    text-align:center;
}

.cta-image img{
    max-width:100%;
    width:100%;
    border-radius:20px;
    filter:
    drop-shadow(0 15px 30px rgba(0,0,0,.25));
}

.cta-content{
    color:#fff;
}

.cta-tag{
    display:inline-block;

    padding:10px 18px;

    border-radius:50px;

    background:
    rgba(212,175,55,.12);

    border:
    1px solid rgba(212,175,55,.25);

    color:#D4AF37;

    margin-bottom:20px;
}

.cta-content h2{
    font-size:35px;
    line-height:1.2;
    margin-bottom:20px;

    font-family:'Playfair Display',serif;
}

.cta-content p{
    font-size:18px;
    color:rgba(255,255,255,.85);

    margin-bottom:30px;
}

.cta-buttons{
   
    gap:15px;
    flex-wrap:wrap;
}

/* Mobile */

@media(max-width:991px){

    .cta-box{
        text-align:center;
        padding:40px 25px;
    }

    .cta-image img{
        max-width:100%;
        margin-bottom:30px;
    }

    .cta-content h2{
        font-size:34px;
    }

    .cta-buttons{
        justify-content:center;
         display:flex;
    }

}

@media(max-width:576px){

    .cta-content h2{
        font-size:28px;
    }

    .cta-buttons{
        flex-direction:column;
    }

    .cta-buttons .btn{
        width:100%;
         display:flex;
    }
    
    
.footer img{
    align-items:center!important;
}

}

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

.footer{
    position:relative;
    overflow:hidden;

    width:100%;

    background:
    linear-gradient(
        135deg,
        #18002d 0%,
        #2f0057 50%,
        #18002d 100%
    );

    padding:90px 0 30px;

    color:#fff;
}

/* =========================
LARGE CHAKRA
========================= */

.footer::before{
    content:'';

    position:absolute;

    width:1000px;
    height:1000px;

    right:-300px;
    bottom:-300px;

    background:url('../images/yant.png')
    center center no-repeat;

    background-size:contain;

    opacity:.04;

    animation:rotateChakra 180s linear infinite;

    pointer-events:none;

    z-index:1;
}

/* Keep content above chakra */

.footer .container{
    position:relative;
    z-index:2;
}

/* Glow */

.footer-glow{
    position:absolute;

    width:700px;
    height:700px;

    top:-250px;
    right:-250px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.12),
        transparent 70%
    );

    pointer-events:none;
}

/* Logo */

.footer-logo{
    height:50px;
    width:auto;

    margin-bottom:20px;
}

.footer-brand p{
    color:rgba(255,255,255,.75);
    line-height:1.9;
}

/* Headings */

.footer h4{
    color:#D4AF37;

    font-size:22px;

    margin-bottom:25px;

    font-family:'Playfair Display',serif;
}

/* Links */

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

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    color:rgba(255,255,255,.75);

    text-decoration:none;

    transition:.3s;
}

.footer-links a:hover{
    color:#D4AF37;
    padding-left:6px;
}

/* Contact */

.footer-contact{
    margin-top:25px;

    display:flex;
    flex-direction:column;

    gap:12px;
}

.footer-contact a,
.footer-contact span{
    color:rgba(255,255,255,.8);
    text-decoration:none;
}

/* Divider */

.footer-divider{
    height:1px;

    margin:50px 0 25px;

    background:
    linear-gradient(
        to right,
        transparent,
        rgba(212,175,55,.4),
        transparent
    );
}

/* Bottom */

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

.footer-bottom p{
    margin:0;
    color:rgba(255,255,255,.65);
}

/* Social */

.footer-social{
    display:flex;
    gap:12px;
}

.footer-social a{
    width:42px;
    height:42px;

    border-radius:50%;

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

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

    color:#D4AF37;

    text-decoration:none;

    transition:.3s;
}

.footer-social a:hover{
    transform:translateY(-4px);
    background:#D4AF37;
    color:#fff;
}

/* Mobile */

@media(max-width:991px){

    .footer{
        text-align:left;
    }

    .footer-bottom{
        flex-direction:column;
    }

    .footer-contact{
        align-items:center;
    }

    .footer-social{
        justify-content:center;
    }

}

/* Mobile Chakra */

@media(max-width:768px){

    .footer::before{

        width:700px;
        height:700px;

        right:-250px;
        bottom:-250px;

        opacity:.035;
    }

}
/* =========================
GOOGLE REVIEW BADGE
========================= */

.google-rating-box{

    max-width:500px;

    margin:0 auto 60px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;

    background:#fff;

    padding:25px 35px;

    border-radius:20px;

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

    border:1px solid rgba(0,0,0,.05);
}

.google-left img{
    height:20px;
    width:auto;
}

.google-right h3{
    margin:0;

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

    color:#4B0082;
}

.google-stars{
    color:#fbbc05;
    font-size:22px;
    letter-spacing:3px;
}

.google-right p{
    margin:5px 0 0;
    color:#666;
    font-size:14px;
}

.review-badge img{
    width:25%;
    align-items:left;
}


/* ==========================================
   ABOUT PAGE BANNER
========================================== */

.page-banner{
    position:relative;
    overflow:hidden;

    padding:180px 0 120px;

    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );

    text-align:center;
}

.page-banner::before{
    content:'';

    position:absolute;

    width:700px;
    height:700px;

    top:50%;
    right:-250px;

    transform:translateY(-50%);

    background:url('../images/yant.png')
    center center no-repeat;

    background-size:contain;

    opacity:.04;

    animation:rotateChakra 120s linear infinite;
}

.page-banner-content{
    position:relative;
    z-index:2;
}

.page-banner span{
    color:#D4AF37;

    letter-spacing:3px;

    font-size:13px;

    font-weight:600;
}

.page-banner h1{
    color:#fff;

    font-family:'Playfair Display',serif;

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

    margin:20px 0;
}

.page-banner p{
    color:rgba(255,255,255,.85);

    max-width:700px;

    margin:auto;

    font-size:18px;
}


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

.about-section{
    padding:120px 0;
}

.about-image-wrap{
    position:relative;
}

.about-image{
    width:100%;

    border-radius:30px;

    box-shadow:
    0 20px 50px rgba(75,0,130,.15);
}

.section-subtitle{
    color:#D4AF37;

    font-size:13px;

    letter-spacing:3px;

    font-weight:600;
}

.about-section h2{
    margin:15px 0 25px;

    color:#250046;

    font-size:42px;

    font-family:'Playfair Display',serif;
}

.about-section p{
    color:#666;

    line-height:1.9;

    margin-bottom:18px;
}

.about-points{
    display:grid;

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

    gap:15px;

    margin-top:30px;
}

.about-points div{
    background:#fff;

    padding:16px 20px;

    border-radius:12px;

    border-left:4px solid #D4AF37;

    box-shadow:
    0 8px 25px rgba(75,0,130,.06);
}


/* ==========================================
   TRUST SECTION
========================================== */

.trust-section{
    padding:120px 0;

    background:#f8f7fb;
}

.trust-card{
    background:#fff;

    padding:40px 30px;

    border-radius:25px;

    text-align:center;

    height:100%;

    transition:.35s;

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

.trust-card:hover{
    transform:translateY(-8px);
}

.trust-icon{
    width:80px;
    height:80px;

    margin:auto auto 25px;

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

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        #D4AF37,
        #f4d87a
    );

    font-size:34px;
}

.trust-card h3{
    color:#250046;

    margin-bottom:15px;

    font-size:24px;
}

.trust-card p{
    color:#666;

    line-height:1.8;

    margin:0;
}


/* ==========================================
   MISSION SECTION
========================================== */

.mission-section{
    padding:120px 0;

    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
}

.mission-card{
    height:100%;

    padding:45px;

    border-radius:30px;

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

    backdrop-filter:blur(20px);

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

.mission-card span{
    color:#D4AF37;

    font-size:13px;

    letter-spacing:3px;

    font-weight:600;
}

.mission-card h3{
    color:#fff;

    margin:18px 0 20px;

    font-size:34px;

    font-family:'Playfair Display',serif;
}

.mission-card p{
    color:rgba(255,255,255,.82);

    line-height:1.9;
}

.value-list{
    list-style:none;

    padding:0;

    margin:25px 0 0;
}

.value-list li{
    color:#fff;

    margin-bottom:15px;

    position:relative;

    padding-left:30px;
}

.value-list li::before{
    content:'✓';

    position:absolute;

    left:0;

    color:#D4AF37;

    font-weight:700;
}


/* ==========================================
   ABOUT CTA
========================================== */

.cta-card{
    background:linear-gradient(
        135deg,
        #22003f,
        #4B0082
    );

    padding:70px 40px;

    border-radius:35px;

    overflow:hidden;

    position:relative;
}

.cta-card span{
    color:#D4AF37;

    letter-spacing:3px;

    font-size:13px;

    font-weight:600;
}

.cta-card h2{
    color:#fff;

    margin:20px 0;

    font-size:48px;

    font-family:'Playfair Display',serif;
}

.cta-card p{
    color:rgba(255,255,255,.85);

    max-width:700px;

    margin:0 auto 30px;
}


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

@media(max-width:991px){

    .about-section,
    .trust-section,
    .mission-section{
        padding:90px 0;
    }

    .about-section h2{
        font-size:34px;
    }

    .mission-card h3{
        font-size:28px;
    }

    .cta-card h2{
        font-size:36px;
    }

    .about-points{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .page-banner{
        padding:150px 0 90px;
    }

    .page-banner h1{
        font-size:42px;
    }

    .mission-card,
    .trust-card,
    .cta-card{
        padding:30px;
    }

    .cta-card h2{
        font-size:30px;
    }
}

/* ==========================================
   INNER PAGE BANNER
========================================== */

.page-banner{
    position:relative;
    overflow:hidden;

    padding:140px 0 70px;

    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );

    text-align:center;
}

.page-banner-chakra{
    position:absolute;

    top:50%;
    right:-120px;

    width:500px;
    height:500px;

    transform:translateY(-50%);

    background:url('../images/yant.png')
    center center no-repeat;

    background-size:contain;

    opacity:.04;

    animation:rotateChakra 120s linear infinite;
}

.page-banner-content{
    position:relative;
    z-index:2;
}

.breadcrumb-wrap{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;

    margin-bottom:15px;

    font-size:14px;
}

.breadcrumb-wrap a{
    color:#D4AF37;
    text-decoration:none;
}

.breadcrumb-wrap span{
    color:rgba(255,255,255,.7);
}

.page-banner h1{
    color:#fff;

    font-family:'Playfair Display', serif;

    font-size:clamp(36px,4vw,56px);

    margin:0;
}

@media(max-width:768px){

    .page-banner{
        padding:120px 0 60px;
    }

    .page-banner h1{
        font-size:34px;
    }

    .page-banner-chakra{
        width:350px;
        height:350px;
        right:-120px;
    }

}


/* ==========================================
   CONTACT PAGE
========================================== */

.contact-page-section{
    padding:120px 0;
    background:#f8f7fb;
}

.contact-info-card,
.contact-form-card{
    background:#fff;

    border-radius:25px;

    padding:40px;

    height:100%;

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

    border:1px solid rgba(212,175,55,.12);
}

.section-subtitle{
    display:inline-block;

    color:#D4AF37;

    font-size:13px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:15px;
}

.contact-info-card h3,
.contact-form-card h3{
    color:#2d1245;

    font-size:34px;

    font-family:'Playfair Display',serif;

    margin-bottom:15px;
}

.contact-info-card p,
.contact-form-card p{
    color:#666;

    line-height:1.9;
}

/* Contact Items */

.contact-info-list{
    margin-top:35px;
}

.info-item{
    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:28px;
}

.info-icon{
    width:58px;
    height:58px;

    min-width:58px;

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        #D4AF37,
        #b89228
    );

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

    color:#fff;

    font-size:20px;
}

.info-item h5{
    color:#2d1245;

    font-size:18px;

    margin-bottom:6px;
}

.info-item a,
.info-item span{
    color:#666;

    text-decoration:none;
}

/* Form */

.contact-form-card .form-control{
    height:58px;

    border-radius:14px;

    border:1px solid #e7e2ef;

    padding:12px 18px;

    box-shadow:none;
}

.contact-form-card textarea.form-control{
    height:auto;
}

.contact-form-card .form-control:focus{
    border-color:#D4AF37;

    box-shadow:
    0 0 0 4px rgba(212,175,55,.15);
}

/* ==========================================
   CONSULTATION SECTION
========================================== */

.consultation-section{
    padding:120px 0;

    background:
    linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
}

.consultation-section .section-title h2,
.consultation-section .section-title p{
    color:#fff;
}

.option-card{
    background:rgba(255,255,255,.08);

    backdrop-filter:blur(12px);

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

    border-radius:25px;

    padding:40px 30px;

    text-align:center;

    height:100%;

    transition:.4s ease;
}

.option-card:hover{
    transform:translateY(-8px);
}

.option-icon{
    width:75px;
    height:75px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#D4AF37;

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

    color:#fff;

    font-size:28px;
}

.option-card h3{
    color:#fff;

    font-size:24px;

    margin-bottom:15px;

    font-family:'Playfair Display',serif;
}

.option-card p{
    color:rgba(255,255,255,.85);

    margin:0;
}

/* ==========================================
   SERVICE AREAS
========================================== */

.service-areas-section{
    padding:120px 0;

    background:#fff;
}

.service-area-grid{
    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:15px;

    margin-top:50px;
}

.service-area-grid div{
    padding:14px 28px;

    border-radius:50px;

    background:
    linear-gradient(
        135deg,
        rgba(212,175,55,.12),
        rgba(75,0,130,.08)
    );

    border:1px solid rgba(212,175,55,.18);

    color:#2d1245;

    font-weight:600;

    transition:.3s;
}

.service-area-grid div:hover{
    background:#D4AF37;

    color:#fff;

    transform:translateY(-3px);
}

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

@media(max-width:768px){

    .contact-page-section,
    .consultation-section,
    .service-areas-section{
        padding:80px 0;
    }

    .contact-info-card,
    .contact-form-card{
        padding:25px;
    }

    .contact-info-card h3,
    .contact-form-card h3{
        font-size:28px;
    }

    .info-item{
        gap:15px;
    }

    .info-icon{
        width:50px;
        height:50px;

        min-width:50px;

        font-size:18px;
    }

    .option-card{
        padding:30px 25px;
    }

    .service-area-grid{
        gap:10px;
    }

    .service-area-grid div{
        font-size:14px;

        padding:12px 18px;
    }

}



/* ==========================================
SERVICES INTRO
========================================== */

.services-intro{
padding:120px 0 80px;
background:#fff;
}

.services-intro-content{
max-width:900px;
margin:auto;
text-align:center;
}

.services-intro-content p{
color:#666;
font-size:17px;
line-height:1.9;
margin-bottom:20px;
}

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

.services-grid-section{
padding:40px 0 120px;
background:#fff;
}

.service-card{
background:#fff;
padding:40px 30px;
border-radius:24px;
text-align:center;
/*height:100%;*/
border:1px solid rgba(212,175,55,.12);


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

transition:.4s ease;


}

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


box-shadow:
0 25px 60px rgba(75,0,130,.15);


}

.service-icon{
width:80px;
height:80px;


margin:0 auto 25px;

border-radius:50%;

background:
linear-gradient(
    135deg,
    #D4AF37,
    #b68d1f
);

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

color:#fff;

font-size:30px;


}

.service-card h3{
color:#2d1245;
font-size:26px;
margin-bottom:15px;
font-family:'Playfair Display',serif;
}

.service-card p{
color:#666;
line-height:1.8;
margin:0;
}

/* ==========================================
WHY CHOOSE US
========================================== */

.why-choose-section{
padding:120px 0;


background:
linear-gradient(
    135deg,
    #22003f 0%,
    #4B0082 50%,
    #22003f 100%
);


}

.why-choose-section .section-title h2,
.why-choose-section .section-title p{
color:#fff;
}

.why-card{
background:rgba(255,255,255,.08);


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

backdrop-filter:blur(12px);

padding:40px 30px;

border-radius:25px;

text-align:center;

height:100%;

transition:.3s;


}

.why-card:hover{
transform:translateY(-8px);
}

.why-card h3{
color:#D4AF37;
font-size:26px;
margin-bottom:15px;
font-family:'Playfair Display',serif;
}

.why-card p{
color:rgba(255,255,255,.85);
line-height:1.8;
margin:0;
}

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

.service-content-section{
padding:120px 0;
background:#f8f7fb;
}

.service-content-wrapper{
max-width:950px;
margin:auto;
}

.service-content-wrapper h3{
color:#2d1245;
font-size:34px;
margin-top:50px;
margin-bottom:20px;
font-family:'Playfair Display',serif;
}

.service-content-wrapper p{
color:#666;
font-size:17px;
line-height:2;
margin-bottom:22px;
}

/* ==========================================
SERVICES FAQ
========================================== */

.services-faq-section{
padding:120px 0;
background:#fff;
}

.services-faq-section .accordion{
max-width:950px;
margin:auto;
}

.services-faq-section .accordion-item{


border:none !important;

border-left:
4px solid #D4AF37 !important;

border-radius:20px !important;

overflow:hidden;

margin-bottom:18px;

background:#fff;

box-shadow:
0 12px 35px rgba(75,0,130,.08);


}

.services-faq-section .accordion-button{


padding:24px 30px;

color:#2d1245 !important;

background:#fff !important;

font-size:20px;

font-weight:600;

font-family:'Playfair Display',serif;

box-shadow:none !important;


}

.services-faq-section .accordion-button:not(.collapsed){


color:#4B0082 !important;

background:
linear-gradient(
    135deg,
    rgba(212,175,55,.08),
    rgba(75,0,130,.05)
) !important;


}

.services-faq-section .accordion-button:focus{


box-shadow:none !important;

border-color:transparent !important;


}

.services-faq-section .accordion-body{


color:#666;

line-height:1.9;

font-size:16px;

padding:0 30px 30px;


}

.services-faq-section .accordion-button::after{


width:36px;
height:36px;

border-radius:50%;

background-color:#f5f3fa;

background-position:center;

background-size:16px;


}

.services-faq-section .accordion-button:not(.collapsed)::after{


background-color:#D4AF37;


}

/* ==========================================
SERVICE AREAS
========================================== */

.service-areas-section{
padding:120px 0;
background:#f8f7fb;
}

.service-area-grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
margin-top:50px;
}

.service-area-grid div{


padding:14px 28px;

border-radius:50px;

background:#fff;

border:1px solid rgba(212,175,55,.20);

color:#2d1245;

font-weight:600;

transition:.3s;


}

.service-area-grid div:hover{


background:#D4AF37;

color:#fff;

transform:translateY(-4px);


}

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

@media(max-width:991px){


.services-intro,
.services-grid-section,
.why-choose-section,
.service-content-section,
.services-faq-section,
.service-areas-section{

    padding:80px 0;
}

.service-content-wrapper h3{
    font-size:28px;
}

.service-card,
.why-card{
    padding:30px 25px;
}


}

@media(max-width:768px){


.services-intro-content p,
.service-content-wrapper p{
    font-size:16px;
}

.service-card h3,
.why-card h3{
    font-size:22px;
}

.service-icon{
    width:70px;
    height:70px;
    font-size:26px;
}

.services-faq-section .accordion-button{
    font-size:18px;
    padding:20px;
}

.services-faq-section .accordion-body{
    padding:0 20px 20px;
}

.service-area-grid{
    gap:10px;
}

.service-area-grid div{
    padding:12px 18px;
    font-size:14px;
}


}

/* ======================================
DIVINE PSYCHIC CENTRE
STYLE.CSS
====================================== */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap');

:root{

--primary:#4B0082;
--primary-light:#6A0DAD;
--primary-dark:#32005A;

--secondary:#D4AF37;
--secondary-dark:#B8941F;

--white:#ffffff;
--light:#f8f7fb;

--text:#222222;
--text-light:#666666;

--radius:18px;
--transition:.3s ease;

}

html,
body{
    overflow-x:hidden;
}

/* =========================
RESET
========================= */

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

html{
scroll-behavior:smooth;
}

body{
font-family:'Poppins',sans-serif;
font-size:16px;
line-height:1.8;
color:var(--text);
background:#fff;
overflow-x:hidden;
}

img{
max-width:100%;
display:block;
}

a{
text-decoration:none;
}

/* =========================
TYPOGRAPHY
========================= */

h1,h2,h3,h4,h5,h6{
font-family:'Playfair Display',serif;
font-weight:700;
color:var(--primary);
}

h1{
font-size:52px;
line-height:1.2;
}

h2{
font-size:42px;
line-height:1.3;
}

.section-title{
margin-bottom:60px;
}

.section-title span{
display:block;
color:var(--secondary);
font-size:14px;
font-weight:600;
letter-spacing:3px;
margin-bottom:12px;
text-transform:uppercase;
}

.section-title h2{
margin-bottom:15px;
}

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

.header{
background:#fff;
box-shadow:0 2px 20px rgba(0,0,0,.08);
padding:12px 0;
}

.logo{
font-family:'Playfair Display',serif;
font-size:28px;
font-weight:700;
color:var(--primary);
}

.navbar-nav .nav-link{
color:#222;
font-weight:500;
margin:0 10px;
}

.navbar-nav .nav-link:hover{
color:var(--primary);
}

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

.btn-gold{
background:var(--secondary);
color:#fff;
padding:14px 30px;
border-radius:50px;
font-weight:600;
border:none;
}

.btn-gold:hover{
background:var(--secondary-dark);
color:#fff;
}

.btn-outline-gold{
border:2px solid var(--secondary);
color:var(--secondary);
padding:14px 30px;
border-radius:50px;
font-weight:600;
}

.btn-outline-gold:hover{
background:var(--secondary);
color:#fff;
}
/* ==========================================
   PREMIUM HERO SLIDER - FINAL FIXED
========================================== */

.hero-slider-section{
    position:relative;
    overflow:hidden;
    min-height:100vh;
    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
    color:#fff;
}

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

.hero-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:
    radial-gradient(
        circle at right center,
        rgba(212,175,55,.15),
        transparent 45%
    );
}

/* ==========================
   PARTICLES
========================== */

.hero-particles{
    position:absolute;
    inset:0;
    overflow:hidden;
    z-index:2;
    pointer-events:none;
}

.hero-particles::before,
.hero-particles::after{
    content:'';
    position:absolute;
    inset:0;
    background-image:
    radial-gradient(#D4AF37 1px, transparent 1px);
    background-size:80px 80px;
    opacity:.08;
    animation:moveParticles 30s linear infinite;
}

.hero-particles::after{
    opacity:.04;
    animation-duration:50s;
}

/* ==========================
   SWIPER
========================== */

.hero-slider-section .swiper,
.hero-slider-section .swiper-wrapper,
.hero-slider-section .swiper-slide{
    min-height:100vh;
}

.hero-slider-section .swiper-slide{
    display:flex;
    align-items:center;
}

.hero-slider-section .container{
    position:relative;
    z-index:20;
}

.hero-slider-section .row{
    min-height:100vh;
    align-items:center;
}

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

.hero-left{
    max-width:650px;
    position:relative;
    z-index:50;
}

/* ==========================
   TAG
========================== */

.hero-tag{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:10px 18px;
    border-radius:50px;
    border:1px solid rgba(212,175,55,.35);
    background:rgba(212,175,55,.08);
    color:#D4AF37;
    font-size:12px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:20px;
}

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

.hero-slider-section h1{
    font-family:'Playfair Display',serif;
    font-size:clamp(28px,4vw,48px);
    line-height:1.15;
    font-weight:700;
    color:#fff;
    margin-bottom:20px;
    max-width:650px;
}

.text-gold{
    color:#D4AF37;
}

/* ==========================
   PARAGRAPH
========================== */

.hero-slider-section p{
    font-size:18px;
    line-height:1.8;
    color:rgba(255,255,255,.85);
    max-width:620px;
}

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

.hero-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-top:35px;
}

.hero-buttons .btn{
    min-width:200px;
    text-align:center;
    position:relative;
    z-index:100;
}

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

.hero-stats{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
    margin-top:35px;
}

.stat-item{
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:15px;
    padding:15px 20px;
    min-width:140px;
}

.stat-item strong{
    display:block;
    color:#D4AF37;
    font-size:22px;
    margin-bottom:4px;
}

.stat-item span{
    color:#fff;
    font-size:13px;
}

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

.hero-image-wrap{ position:relative; display:flex; justify-content:center; align-items:center; z-index:10; }

.hero-image-wrap img{
    border-radius:10%;
}

.hero-image{
    width:100%;
    max-width:500px;
    height:auto;
    position:relative;
    z-index:10;
    border-radius:50%;
}
/* ======================================
   PREMIUM SERVICE CARD
====================================== */

.service-card{
    position:relative;
    height:350px;
    overflow:hidden;
    border-radius:20px;

    box-shadow:0 10px 30px rgba(0,0,0,.15);
    transition:all .4s ease;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}

/* Background Image */

.service-img{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;

    z-index:1;

    transition:transform .8s ease;
}

.service-card:hover .service-img{
    transform:scale(1.08);
}

/* Dark Overlay */

.service-overlay{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    background:linear-gradient(
        to top,
        rgba(20,0,35,.95) 0%,
        rgba(20,0,35,.60) 45%,
        rgba(20,0,35,.15) 100%
    );

    z-index:2;
}

/* Gold Glow */

.service-card::before{
    content:'';

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    background:
    radial-gradient(
        circle at top right,
        rgba(212,175,55,.25),
        transparent 45%
    );

    opacity:0;
    transition:.4s;

    z-index:3;
}

.service-card:hover::before{
    opacity:1;
}

/* Content */

.service-content{
    position:absolute;
    bottom:0;
    left:0;

    width:100%;

    padding:30px;

    z-index:999;
}

.service-content h3{
    font-family:'Playfair Display',serif;
    font-size:28px;
    font-weight:700;

    color:#D4AF37 !important;

    margin-bottom:10px;
    line-height:1.3;
}

.service-content p{
    color:#ffffff !important;
    font-size:15px;
    line-height:1.8;
    margin:0;
}

/* Mobile */

@media(max-width:768px){

    .service-card{
        height:280px;
    }

    .service-content{
        padding:22px;
    }

    .service-content h3{
        font-size:24px;
    }

    .service-content p{
        font-size:14px;
    }

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

.logo{
    display:flex;
    align-items:center;
    padding:0;
}

.logo-img{
    height:20px;
    width:auto;
    object-fit:contain;
    transition:.3s ease;
}

.logo-img:hover{
    transform:scale(1.03);
}

/* Responsive */

@media(max-width:991px){

    .logo-img{
        height:60px;
    }

}

@media(max-width:576px){

    .logo-img{
        height:50px;
    }

}

.logo-img{
    height:40px;
    width:auto;
    object-fit:contain;
}


/* =========================
   ROTATING CHAKRA
========================= */

.hero-chakra{
    position:absolute;
    top:50%;
    right:50px;
    width:600px;
    height:600px;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    transform:translateY(-50%);
    z-index:-2;
    opacity:0.5;
    animation:rotateChakra 80s linear infinite;
}

.hero-overlay{
    z-index:1;
}

.hero-chakra{
    z-index:2;
}

.hero-particles{
    z-index:3;
}

.hero-image-wrap{
    position:relative;
    z-index:5;
}

.hero-left{
    position:relative;
    z-index:5;
}

.hero-slider-section .container{
    position:relative;
    z-index:5;
}

@keyframes rotateChakra{
    from{
        transform:translateY(-50%) rotate(0deg);
    }
    to{
        transform:translateY(-50%) rotate(360deg);
    }
}



@media(max-width:991px){

.hero-chakra{
    width:800px;
    height:800px;
    right:-120px;
    opacity:.05;
}

}

@media(max-width:576px){

.hero-chakra{
    width:800px;
    height:800px;
    right:-80px;
    opacity:.04;
}

}

.hero-chakra{
    filter:
        drop-shadow(0 0 20px rgba(212,175,55,.3))
        drop-shadow(0 0 50px rgba(212,175,55,.2));
}



/* ==========================
   GLOW EFFECT
========================== */

.hero-image-wrap{
    position:relative;
    z-index:5;
}
.hero-image-wrap::before{
    content:'';
    position:absolute;

    width:700px;
    height:700px;

    top:50%;
    left:-950px;

    background:url('../images/yant.png') center center no-repeat;
    background-size:contain;

    opacity:.08;

    z-index:1;

    pointer-events:none;

    animation:rotateChakra 120s linear infinite;
}


.hero-image-wrap,
.hero-left,
.hero-slider-section .container,
.hero-buttons,
.hero-buttons .btn{
    position:relative;
    z-index:999;
}

.hero-overlay,
.hero-particles,
.hero-chakra,
.hero-image-wrap::before,
.hero-image-wrap::after{
    pointer-events:none;
}

.hero-image{
    position:relative;
    z-index:3;
}

/* ==========================
   FLOATING CARDS
========================== */

.floating-card{
    position:absolute;
    z-index:20;
    pointer-events:none;
    background:rgba(255,255,255,.10);
    backdrop-filter:blur(15px);
    border:1px solid rgba(255,255,255,.15);
    border-radius:16px;
    padding:14px 20px;
    color:#fff;
    font-size:14px;
    font-weight:500;
    box-shadow:0 15px 35px rgba(0,0,0,.20);
}

.card-1{
    top:60px;
    right:0;
    animation:floatCard 4s ease-in-out infinite;
}

.card-2{
    bottom:60px;
    left:0;
    animation:floatCard 4s ease-in-out infinite;
    animation-delay:2s;
}

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

.swiper-button-next,
.swiper-button-prev{
    width:55px !important;
    height:55px !important;
    border-radius:50%;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(212,175,55,.30);
    backdrop-filter:blur(10px);
    color:#D4AF37 !important;
}

.swiper-button-next:after,
.swiper-button-prev:after{
    font-size:18px !important;
    font-weight:700;
}

/* ==========================
   PAGINATION
========================== */

.swiper-pagination{
    bottom:25px !important;
}

.swiper-pagination-bullet{
    width:10px;
    height:10px;
    background:#fff;
    opacity:.4;
}

.swiper-pagination-bullet-active{
    width:35px;
    border-radius:50px;
    background:#D4AF37;
    opacity:1;
}

/* ==========================
   ANIMATIONS
========================== */

@keyframes pulseGlow{
    0%,100%{
        transform:scale(1);
    }
    50%{
        transform:scale(1.08);
    }
}

@keyframes floatCard{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-12px);
    }
}

@keyframes moveParticles{
    from{
        transform:translateY(0);
    }
    to{
        transform:translateY(-200px);
    }
}

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

@media(max-width:1199px){

    .hero-image{
        max-width:420px;
    }

}

@media(max-width:991px){

    .hero-slider-section{
        text-align:center;
    }

    .hero-slider-section .row{
        min-height:auto;
        padding:120px 0 80px;
    }

    .hero-left{
        max-width:100%;
    }

    .hero-slider-section h1{
        max-width:100%;
        font-size:46px;
    }

    .hero-slider-section p{
        max-width:100%;
    }

    .hero-buttons,
    .hero-stats{
        justify-content:center;
    }

    .hero-image{
        max-width:340px;
        margin-top:40px;
    }

    .floating-card,
    .swiper-button-next,
    .swiper-button-prev{
        display:none !important;
    }

    .hero-image-wrap::before{
        width:300px;
        height:300px;
    }

    .hero-image-wrap::after{
        width:380px;
        height:380px;
    }
}

@media(max-width:767px){

    .hero-slider-section h1{
        font-size:36px;
        line-height:1.2;
    }

    .hero-slider-section p{
        font-size:16px;
    }

    .hero-buttons{
        flex-direction:column;
        width:100%;
    }

    .hero-buttons .btn{
        width:100%;
    }

    .hero-image{
        max-width:100%;
    }
    
    .header-buttons{
        display:none;
    }
}

@media(max-width:576px){

    .hero-slider-section h1{
        font-size:30px;
    }

    .hero-tag{
        font-size:11px;
        letter-spacing:1px;
    }

    .hero-image{
        max-width:100%;
    }

    .hero-image-wrap::before{
        width:220px;
        height:220px;
    }

    .hero-image-wrap::after{
        width:280px;
        height:280px;
    }
    .header-buttons{
        display:none;
    }
}
/* =========================
TRUST BAR
========================= */

.trust-section{
padding:50px 0;
background:var(--primary);
}

.trust-box h4{
color:#fff;
margin-bottom:5px;
}

.trust-box p{
color:rgba(255,255,255,.85);
margin:0;
}

/* =========================
SERVICES
========================= */

.service-card{
    position:relative;
    overflow:hidden;
    border-radius:20px;
    height:350px;

    box-shadow:0 10px 30px rgba(0,0,0,.15);
    transition:.4s ease;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,.25);
}

/* Image */

.service-img{
    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:100%;

    object-fit:cover;
    z-index:1;

    transition:.8s ease;
}

.service-card:hover .service-img{
    transform:scale(1.08);
}

/* Overlay */

.service-card::before{
    content:'';
    position:absolute;
    inset:0;

    background:linear-gradient(
        to top,
        rgba(20,0,35,.92) 0%,
        rgba(20,0,35,.60) 45%,
        rgba(20,0,35,.10) 100%
    );

    z-index:2;
}

.section-title{
    margin-top:70px;
}


/* Content */

.service-content{
    position:absolute;
    bottom:0;
    left:0;

    width:100%;
    padding:30px;

    z-index:5;   /* IMPORTANT */
}

.service-content h3{
    color:#D4AF37 !important;
    font-size:28px;
    font-family:'Playfair Display',serif;
    margin-bottom:10px;
}

.service-content p{
    color:#fff !important;
    margin:0;
    line-height:1.8;
}

/* Mobile */

@media(max-width:768px){

    .service-card{
        height:280px;
    }

    .service-content{
        padding:20px;
    }

    .service-content h3{
        font-size:22px;
    }

}


/* =========================
WHY CHOOSE US
========================= */

.why-section{
    padding:120px 0;
    background:
    linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
    position:relative;
    overflow:hidden;
}

.why-section::before{
    content:'';
    position:absolute;
    width:700px;
    height:700px;
    top:-250px;
    right:-250px;
    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.12),
        transparent 70%
    );
}

.why-section .section-title span{
    color:#D4AF37;
}

.why-section .section-title h2{
    color:#fff;
    margin-bottom:15px;
}

.why-section .section-title p{
    color:rgba(255,255,255,.75);
    max-width:700px;
    margin:auto;
}

.why-card{
    position:relative;
    height:100%;

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

    backdrop-filter:blur(18px);

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

    border-radius:24px;

    padding:40px 30px;

    text-align:center;

    transition:.4s ease;

    overflow:hidden;
}

.why-card::before{
    content:'';
    position:absolute;
    inset:0;

    background:
    linear-gradient(
        135deg,
        rgba(212,175,55,.15),
        transparent
    );

    opacity:0;
    transition:.4s;
}

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

    border-color:rgba(212,175,55,.35);

    box-shadow:
    0 20px 50px rgba(0,0,0,.25);
}

.why-card:hover::before{
    opacity:1;
}

.why-icon{
    width:80px;
    height:80px;

    margin:0 auto 25px;

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

    font-size:34px;

    border-radius:50%;

    background:
    rgba(212,175,55,.12);

    border:
    1px solid rgba(212,175,55,.25);

    color:#D4AF37;
}

.why-card h3{
    color:#fff;
    font-size:24px;
    margin-bottom:15px;
}

.why-card p{
    color:rgba(255,255,255,.75);
    margin:0;
    line-height:1.8;
}

/* Mobile */

@media(max-width:991px){

    .why-section{
        padding:90px 0;
    }

    .why-card{
        padding:30px 25px;
    }

}

@media(max-width:576px){

    .why-section{
        padding:80px 0;
    }

    .why-card h3{
        font-size:22px;
    }

}

/* =========================
REVIEWS SECTION
========================= */

.reviews-section{
    padding:120px 0;
    background:#f8f7fb;
    overflow:hidden;
}

.reviewSwiper{
    margin-top:60px;
    padding-bottom:60px;
}

/* Equal Height Slides */

.reviewSwiper .swiper-slide{
    height:auto;
}

/* Review Card */

.review-card{
    position:relative;

    height:100%;
    min-height:320px;

    display:flex;
    flex-direction:column;
    justify-content:space-between;

    background:#fff;
    border-radius:25px;
    padding:40px;

    border:1px solid rgba(75,0,130,.08);

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

    transition:.4s ease;

    overflow:hidden;
}

/* Gold Glow */

.review-card::before{
    content:'';
    position:absolute;
    top:0;
    right:0;

    width:120px;
    height:120px;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.15),
        transparent 70%
    );

    pointer-events:none;
}

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

    box-shadow:
    0 25px 60px rgba(75,0,130,.15);
}

/* Stars */

.stars{
    color:#D4AF37;
    font-size:24px;
    letter-spacing:3px;
    margin-bottom:20px;
}

/* Review Text */

.review-card p{
    color:#666;
    line-height:1.9;
    font-style:italic;
    margin-bottom:30px;
    flex-grow:1;
}

/* Reviewer */

.review-user{
    border-top:1px solid rgba(75,0,130,.08);
    padding-top:20px;
}

.review-user h5{
    margin:0;
    color:#4B0082;
    font-size:18px;
    font-weight:600;
}

.review-user span{
    color:#999;
    font-size:14px;
}

/* Pagination */

.reviewSwiper .swiper-pagination{
    position:relative;
    margin-top:40px;
}

.reviewSwiper .swiper-pagination-bullet{
    width:12px;
    height:12px;
    background:#ccc;
    opacity:1;
    transition:.3s;
}

.reviewSwiper .swiper-pagination-bullet-active{
    width:35px;
    border-radius:50px;
    background:#D4AF37;
}

/* Responsive */

@media(max-width:991px){

    .reviews-section{
        padding:90px 0;
    }

    .review-card{
        min-height:280px;
        padding:30px;
    }

}

@media(max-width:576px){

    .reviews-section{
        padding:80px 0;
    }

    .review-card{
        padding:25px;
    }

    .stars{
        font-size:20px;
    }

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

.faq-section{
    padding:120px 0;
    background:
    linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
}

.faq-section .section-title span{
    color:#D4AF37;
}

.faq-section .section-title h2{
    color:#fff;
}

.faq-section .section-title p{
    color:rgba(255,255,255,.75);
}

/* Accordion */

#faqAccordion{
    max-width:900px;
    margin:60px auto 0;
}

.accordion-item{
    background:rgba(255,255,255,.08);
    backdrop-filter:blur(15px);

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

    border-radius:18px !important;

    overflow:hidden;

    margin-bottom:20px;
}

.accordion-button{
    background:transparent !important;
    color:#fff !important;

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

    padding:25px 30px;

    box-shadow:none !important;
}

.accordion-button:not(.collapsed){
    color:#D4AF37 !important;
}

.accordion-button::after{
    filter:brightness(0) invert(1);
}

.accordion-button:not(.collapsed)::after{
    filter:none;
}

.accordion-body{
    color:rgba(255,255,255,.80);
    font-size:16px;
    line-height:1.9;

    padding:0 30px 30px;
}

/* Hover */

.accordion-item:hover{
    border-color:rgba(212,175,55,.35);

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

/* Mobile */

@media(max-width:768px){

    .faq-section{
        padding:90px 0;
    }

    .accordion-button{
        font-size:17px;
        padding:20px;
    }

    .accordion-body{
        padding:0 20px 20px;
    }

}

/* =========================
LOCATIONS
========================= */

.locations-section{
padding:100px 0;
}

.location-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
gap:15px;
}

.location-grid a{
background:#fff;
border:1px solid rgba(75,0,130,.08);
padding:15px;
text-align:center;
border-radius:12px;
color:var(--primary);
font-weight:600;
}

.location-grid a:hover{
background:var(--primary);
color:#fff;
}

/* =========================
CONTACT SECTION
========================= */

.contact-section{
    padding:100px 0;
    background:#f8f7fb;
}

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

.contact-section .row{
    align-items:center;
}

.contact-info{
    margin-top:30px;
}

.contact-item{
    margin-bottom:25px;
}

.contact-item strong{
    display:block;
    color:#4B0082;
    font-size:18px;
    margin-bottom:8px;
}

.contact-item p{
    margin:0;
    color:#666;
}

/* Form */

.contact-form{
    background:#fff;
    padding:40px;
    border-radius:20px;

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

    border:1px solid rgba(75,0,130,.08);
}

.contact-form .form-control{
    height:55px;
    border-radius:12px;
    border:1px solid #ddd;
    padding:0 18px;
}

.contact-form textarea.form-control{
    height:auto;
    padding:15px 18px;
}

.contact-form .form-control:focus{
    border-color:#D4AF37;
    box-shadow:none;
}

.contact-form select.form-control{
    appearance:none;
}

/* Mobile */

@media(max-width:991px){

    .contact-section{
        text-align:center;
    }

    .contact-info{
        margin-bottom:40px;
    }

    .contact-form{
        padding:30px;
    }

}

@media(max-width:576px){

    .contact-section{
        padding:80px 0;
    }

    .contact-form{
        padding:25px;
    }

}
/* =========================
CTA
========================= */

.cta-section{
padding:100px 0;
background:var(--primary);
text-align:center;
}

.cta-section h2{
color:#fff;
margin-bottom:20px;
}

.cta-section p{
color:rgba(255,255,255,.85);
margin-bottom:30px;
}

/* =========================
FOOTER
========================= */
/*.footer{*/
/*background:#2D004F;*/
/*color:#fff;*/
/*padding:80px 0 30px;*/
/*}*/

/*.footer .container{*/
/*max-width:1200px;*/
/*margin:auto;*/
/*}*/

/*.footer-grid{*/
/*display:grid;*/
/*grid-template-columns:2fr 1fr 1fr 1fr;*/
/*gap:40px;*/
/*align-items:start;*/
/*width:100%;*/
/*}*/

/*.footer-brand{*/
/*max-width:100%;*/
/*}*/

/*.footer h3{*/
/*color:#D4AF37;*/
/*font-size:32px;*/
/*margin-bottom:20px;*/
/*}*/

/*.footer h4{*/
/*color:#D4AF37;*/
/*font-size:22px;*/
/*margin-bottom:20px;*/
/*}*/

/*.footer p{*/
/*color:rgba(255,255,255,.85);*/
/*line-height:1.8;*/
/*margin-bottom:10px;*/
/*}*/

/*.footer-contact-mini{*/
/*margin-top:25px;*/
/*}*/

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

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

/*.footer ul li a{*/
/*color:#fff;*/
/*transition:.3s;*/
/*}*/

/*.footer ul li a:hover*/

/*.footer-bottom{*/
/*margin-top:50px;*/
/*padding-top:25px;*/
/*border-top:1px solid rgba(255,255,255,.15);*/
/*text-align:center;*/
/*}*/

/* Tablet */

/*@media (max-width:991px){*/


/*.footer-grid{*/
/*    grid-template-columns:repeat(2,1fr);*/
/*    gap:30px;*/
/*}*/


/*}*/

/* Mobile */

/*@media (max-width:767px){*/


/*.footer{*/
/*    text-align:left;*/
/*}*/

/*.footer-grid{*/
/*    grid-template-columns:1fr;*/
/*    gap:25px;*/
/*}*/


/*}*/

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

@media(max-width:991px){

h1{
font-size:42px;
}

h2{
font-size:34px;
}

.hero-section{
padding:150px 0 80px;
text-align:center;
}

.hero-image{
margin-top:40px;
}

}

@media(max-width:768px){

.hero-buttons{
justify-content:center;
}

.footer-grid{
display:block;
}

.footer-col{
margin-top:30px;
}

}

@media(max-width:576px){

h1{
font-size:34px;
}

h2{
font-size:28px;
}

.btn-gold,
.btn-outline-gold{
width:100%;
}

.hero-buttons{
flex-direction:column;
}

}


/* =========================
ABOUT PSYCHIC
========================= */

.about-psychic-section{
    padding:120px 0;
    background:#fff;
}

.about-tag{
    display:inline-block;
    color:#D4AF37;
    font-size:14px;
    font-weight:600;
    letter-spacing:3px;
    margin-bottom:15px;
}

.about-psychic-section h2{
    margin-bottom:25px;
    color:#4B0082;
}

.about-psychic-section p{
    color:#666;
    line-height:1.9;
    margin-bottom:20px;
}

.about-image-wrap{
    position:relative;
    text-align:center;
}

.about-image{
    width:100%;
    max-width:450px;
    border-radius:25px;
    box-shadow:0 20px 50px rgba(75,0,130,.15);
}

.experience-badge{
    position:absolute;
    bottom:20px;
    right:20px;

    background:#D4AF37;
    color:#fff;

    padding:20px;
    border-radius:15px;
    text-align:center;
}

.experience-badge strong{
    display:block;
    font-size:30px;
}

.about-highlights{
    display:flex;
    gap:20px;
    margin:35px 0;
    flex-wrap:wrap;
}

.highlight-box{
    background:#f8f7fb;
    padding:20px 25px;
    border-radius:15px;
    min-width:150px;
    text-align:center;
}

.highlight-box strong{
    display:block;
    color:#4B0082;
    font-size:28px;
}

.highlight-box span{
    color:#666;
    font-size:14px;
}

@media(max-width:991px){

    .about-psychic-section{
        text-align:center;
    }

    .about-image{
        margin-bottom:40px;
    }

    .about-highlights{
        justify-content:center;
    }

    .experience-badge{
        right:50%;
        transform:translateX(50%);
    }
}


/* =========================
FLOATING BUTTONS
========================= */

.floating-call,
.floating-whatsapp{
    position:fixed;

    width:65px;
    height:65px;

    border-radius:50%;

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

    color:#fff;
    font-size:28px;

    text-decoration:none;

    z-index:9999;

    transition:all .3s ease;
}

/* =========================
CALL BUTTON (LEFT)
========================= */

.floating-call{
    left:25px;
    bottom:25px;

    background:#2563EB;

    box-shadow:
    0 8px 30px rgba(37,99,235,.45);

    animation:pulseCall 2s infinite;
}

/* =========================
WHATSAPP BUTTON (RIGHT)
========================= */

.floating-whatsapp{
    right:25px;
    bottom:25px;

    background:#25D366;

    box-shadow:
    0 8px 30px rgba(37,211,102,.45);

    animation:pulseWhatsapp 2s infinite;
}

/* Hover */

.floating-call:hover,
.floating-whatsapp:hover{
    transform:scale(1.1);
    color:#fff;
}

/* =========================
CALL PULSE
========================= */

@keyframes pulseCall{

    0%{
        box-shadow:
        0 0 0 0 rgba(37,99,235,.65),
        0 8px 30px rgba(37,99,235,.45);
    }

    70%{
        box-shadow:
        0 0 0 20px rgba(37,99,235,0),
        0 8px 30px rgba(37,99,235,.45);
    }

    100%{
        box-shadow:
        0 0 0 0 rgba(37,99,235,0),
        0 8px 30px rgba(37,99,235,.45);
    }

}

/* =========================
WHATSAPP PULSE
========================= */

@keyframes pulseWhatsapp{

    0%{
        box-shadow:
        0 0 0 0 rgba(37,211,102,.65),
        0 8px 30px rgba(37,211,102,.45);
    }

    70%{
        box-shadow:
        0 0 0 20px rgba(37,211,102,0),
        0 8px 30px rgba(37,211,102,.45);
    }

    100%{
        box-shadow:
        0 0 0 0 rgba(37,211,102,0),
        0 8px 30px rgba(37,211,102,.45);
    }

}

/* =========================
MOBILE FLOATING BUTTONS
========================= */

@media(max-width:768px){

    .floating-call,
    .floating-whatsapp{
        width:58px;
        height:58px;
        font-size:24px;
    }

    .floating-call{
        left:15px;
        bottom:15px;
    }

    .floating-whatsapp{
        right:15px;
        bottom:15px;
    }

}

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

@media(max-width:991px){

    .navbar-collapse{
        position:fixed !important;

        top:0;
        left:0;

        width:290px;
        height:100vh;

        background:#fff;

        padding:25px;

        overflow-y:auto;

        z-index:9999;

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

        transform:translateX(-100%);
        transition:transform .35s ease-in-out;

        display:block !important;
    }

    /* Smooth Slide */

    .navbar-collapse.show{
        transform:translateX(0);
    }

    /* Disable Bootstrap animation */

    .navbar-collapse.collapsing{
        height:auto !important;
        transition:none !important;
    }

    /* Logo Header */

    .mobile-menu-header{
        display:flex;
        align-items:center;
        justify-content:space-between;

        padding-bottom:15px;
        margin-bottom:20px;

        border-bottom:
        1px solid rgba(212,175,55,.25);
    }

    .mobile-logo{
        height:45px;
        width:auto;
    }

    .mobile-close{
        border:none;
        background:none;

        font-size:30px;
        color:#4B0082;

        cursor:pointer;
    }

    /* Navigation */

    .navbar-nav{
        text-align:left;
        margin-top:10px;
    }

    .navbar-nav .nav-item{
        margin-bottom:0;
    }

    .navbar-nav .nav-link{
        display:block;

        padding:12px 0;

        font-size:16px;
        font-weight:500;

        color:#222;

        border-bottom:
        1px solid rgba(0,0,0,.05);

        transition:.3s;
    }

    .navbar-nav .nav-link:hover{
        color:#D4AF37;
        padding-left:8px;
    }

    /* Buttons */

    .header-buttons{
        margin-top:20px;

        display:flex;
        flex-direction:column;

        gap:10px;
    }

    .header-buttons .btn{
        width:100%;
        text-align:center;
        padding:12px;
    }

}

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

.mobile-overlay{
    position:fixed;
    inset:0;

    background:rgba(0,0,0,.55);

    opacity:0;
    visibility:hidden;

    transition:.3s ease;

    z-index:9998;
}

.mobile-overlay.show{
    opacity:1;
    visibility:visible;
}

/* Premium Avatar */

.review-avatar{
    width:80px;
    height:80px;

    margin:0 auto 25px;

    position:relative;
}

.review-avatar-letter{
    display:flex;
    align-items:center;
    justify-content:center;

    width:80px;
    height:80px;

    border-radius:50%;

    background:#4B0082;

    color:#fff;

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

    border:3px solid #D4AF37;

    box-shadow:
    0 0 25px rgba(212,175,55,.25);
}

/* Premium Quote Icon */

.review-card{
    position:relative;
}

.review-card::after{
    content:'❝';

    position:absolute;

    top:20px;
    right:25px;

    font-size:80px;

    line-height:1;

    color:rgba(212,175,55,.10);

    font-family:serif;

    pointer-events:none;
}

/* =========================
GOLD BUTTON ONLY
========================= */

.btn-gold{
    position:relative;
    overflow:hidden;

    background:linear-gradient(
        90deg,
        #B8860B,
        #D4AF37,
        #F5D76E,
        #D4AF37,
        #B8860B
    );

    background-size:300% 100%;

    animation:goldFlow 6s linear infinite;

    color:#fff !important;
    border:none;
}

/* Shine only on button */

.btn-gold::before{
    content:'';

    position:absolute;

    top:0;
    left:-120%;

    width:50%;
    height:100%;

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

    transform:skewX(-25deg);

    animation:buttonShine 4s infinite;

    pointer-events:none;
}

@keyframes goldFlow{
    0%{
        background-position:0% 50%;
    }
    100%{
        background-position:100% 50%;
    }
}

@keyframes buttonShine{
    0%{
        left:-120%;
    }
    100%{
        left:200%;
    }
}


.btn-outline-gold{
    position:relative;
    overflow:hidden;
    border:2px solid #D4AF37;
    background:transparent;
    transition:.3s;
}

.btn-outline-gold::before{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:50%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(212,175,55,.35),
        transparent
    );
    transform:skewX(-25deg);
    animation:buttonShine 4s infinite;
    pointer-events:none;
}

/* =========================
PREMIUM CTA
========================= */

.cta-section{
    padding:120px 0;
    background:#f8f7fb;
}

.cta-box{
    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );

    border-radius:30px;

    padding:50px;

    overflow:hidden;

    position:relative;

    box-shadow:
    0 25px 60px rgba(0,0,0,.15);
}

.cta-box::before{
    content:'';

    position:absolute;

    width:500px;
    height:500px;

    right:-150px;
    top:-150px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.18),
        transparent 70%
    );
}

.cta-image{
    text-align:center;
}

.cta-image img{
    max-width:100%;
    width:100%;
    border-radius:20px;
    filter:
    drop-shadow(0 15px 30px rgba(0,0,0,.25));
}

.cta-content{
    color:#fff;
}

.cta-tag{
    display:inline-block;

    padding:10px 18px;

    border-radius:50px;

    background:
    rgba(212,175,55,.12);

    border:
    1px solid rgba(212,175,55,.25);

    color:#D4AF37;

    margin-bottom:20px;
}

.cta-content h2{
    font-size:35px;
    line-height:1.2;
    margin-bottom:20px;

    font-family:'Playfair Display',serif;
}

.cta-content p{
    font-size:18px;
    color:rgba(255,255,255,.85);

    margin-bottom:30px;
}

.cta-buttons{
   
    gap:15px;
    flex-wrap:wrap;
}

/* Mobile */

@media(max-width:991px){

    .cta-box{
        text-align:center;
        padding:40px 25px;
    }

    .cta-image img{
        max-width:100%;
        margin-bottom:30px;
    }

    .cta-content h2{
        font-size:34px;
    }

    .cta-buttons{
        justify-content:center;
         display:flex;
    }

}

@media(max-width:576px){

    .cta-content h2{
        font-size:28px;
    }

    .cta-buttons{
        flex-direction:column;
    }

    .cta-buttons .btn{
        width:100%;
         display:flex;
    }
    
    
.footer img{
    align-items:center!important;
}

}

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

.footer{
    position:relative;
    overflow:hidden;

    width:100%;

    background:
    linear-gradient(
        135deg,
        #18002d 0%,
        #2f0057 50%,
        #18002d 100%
    );

    padding:90px 0 30px;

    color:#fff;
}

/* =========================
LARGE CHAKRA
========================= */

.footer::before{
    content:'';

    position:absolute;

    width:1000px;
    height:1000px;

    right:-300px;
    bottom:-300px;

    background:url('../images/yant.png')
    center center no-repeat;

    background-size:contain;

    opacity:.04;

    animation:rotateChakra 180s linear infinite;

    pointer-events:none;

    z-index:1;
}

/* Keep content above chakra */

.footer .container{
    position:relative;
    z-index:2;
}

/* Glow */

.footer-glow{
    position:absolute;

    width:700px;
    height:700px;

    top:-250px;
    right:-250px;

    border-radius:50%;

    background:
    radial-gradient(
        circle,
        rgba(212,175,55,.12),
        transparent 70%
    );

    pointer-events:none;
}

/* Logo */

.footer-logo{
    height:50px;
    width:auto;

    margin-bottom:20px;
}

.footer-brand p{
    color:rgba(255,255,255,.75);
    line-height:1.9;
}

/* Headings */

.footer h4{
    color:#D4AF37;

    font-size:22px;

    margin-bottom:25px;

    font-family:'Playfair Display',serif;
}

/* Links */

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

.footer-links li{
    margin-bottom:12px;
}

.footer-links a{
    color:rgba(255,255,255,.75);

    text-decoration:none;

    transition:.3s;
}

.footer-links a:hover{
    color:#D4AF37;
    padding-left:6px;
}

/* Contact */

.footer-contact{
    margin-top:25px;

    display:flex;
    flex-direction:column;

    gap:12px;
}

.footer-contact a,
.footer-contact span{
    color:rgba(255,255,255,.8);
    text-decoration:none;
}

/* Divider */

.footer-divider{
    height:1px;

    margin:50px 0 25px;

    background:
    linear-gradient(
        to right,
        transparent,
        rgba(212,175,55,.4),
        transparent
    );
}

/* Bottom */

.footer-bottom{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
}

.footer-bottom p{
    margin:0;
    color:rgba(255,255,255,.65);
}

/* Social */

.footer-social{
    display:flex;
    gap:12px;
}

.footer-social a{
    width:42px;
    height:42px;

    border-radius:50%;

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

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

    color:#D4AF37;

    text-decoration:none;

    transition:.3s;
}

.footer-social a:hover{
    transform:translateY(-4px);
    background:#D4AF37;
    color:#fff;
}

/* Mobile */

@media(max-width:991px){

    .footer{
        text-align:left;
    }

    .footer-bottom{
        flex-direction:column;
    }

    .footer-contact{
        align-items:center;
    }

    .footer-social{
        justify-content:center;
    }

}

/* Mobile Chakra */

@media(max-width:768px){

    .footer::before{

        width:700px;
        height:700px;

        right:-250px;
        bottom:-250px;

        opacity:.035;
    }

}
/* =========================
GOOGLE REVIEW BADGE
========================= */

.google-rating-box{

    max-width:500px;

    margin:0 auto 60px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:25px;

    background:#fff;

    padding:25px 35px;

    border-radius:20px;

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

    border:1px solid rgba(0,0,0,.05);
}

.google-left img{
    height:20px;
    width:auto;
}

.google-right h3{
    margin:0;

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

    color:#4B0082;
}

.google-stars{
    color:#fbbc05;
    font-size:22px;
    letter-spacing:3px;
}

.google-right p{
    margin:5px 0 0;
    color:#666;
    font-size:14px;
}

.review-badge img{
    width:25%;
    align-items:left;
}


/* ==========================================
   ABOUT PAGE BANNER
========================================== */

.page-banner{
    position:relative;
    overflow:hidden;

    padding:180px 0 120px;

    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );

    text-align:center;
}

.page-banner::before{
    content:'';

    position:absolute;

    width:700px;
    height:700px;

    top:50%;
    right:-250px;

    transform:translateY(-50%);

    background:url('../images/yant.png')
    center center no-repeat;

    background-size:contain;

    opacity:.04;

    animation:rotateChakra 120s linear infinite;
}

.page-banner-content{
    position:relative;
    z-index:2;
}

.page-banner span{
    color:#D4AF37;

    letter-spacing:3px;

    font-size:13px;

    font-weight:600;
}

.page-banner h1{
    color:#fff;

    font-family:'Playfair Display',serif;

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

    margin:20px 0;
}

.page-banner p{
    color:rgba(255,255,255,.85);

    max-width:700px;

    margin:auto;

    font-size:18px;
}


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

.about-section{
    padding:120px 0;
}

.about-image-wrap{
    position:relative;
}

.about-image{
    width:100%;

    border-radius:30px;

    box-shadow:
    0 20px 50px rgba(75,0,130,.15);
}

.section-subtitle{
    color:#D4AF37;

    font-size:13px;

    letter-spacing:3px;

    font-weight:600;
}

.about-section h2{
    margin:15px 0 25px;

    color:#250046;

    font-size:42px;

    font-family:'Playfair Display',serif;
}

.about-section p{
    color:#666;

    line-height:1.9;

    margin-bottom:18px;
}

.about-points{
    display:grid;

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

    gap:15px;

    margin-top:30px;
}

.about-points div{
    background:#fff;

    padding:16px 20px;

    border-radius:12px;

    border-left:4px solid #D4AF37;

    box-shadow:
    0 8px 25px rgba(75,0,130,.06);
}


/* ==========================================
   TRUST SECTION
========================================== */

.trust-section{
    padding:120px 0;

    background:#f8f7fb;
}

.trust-card{
    background:#fff;

    padding:40px 30px;

    border-radius:25px;

    text-align:center;

    height:100%;

    transition:.35s;

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

.trust-card:hover{
    transform:translateY(-8px);
}

.trust-icon{
    width:80px;
    height:80px;

    margin:auto auto 25px;

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

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        #D4AF37,
        #f4d87a
    );

    font-size:34px;
}

.trust-card h3{
    color:#250046;

    margin-bottom:15px;

    font-size:24px;
}

.trust-card p{
    color:#666;

    line-height:1.8;

    margin:0;
}


/* ==========================================
   MISSION SECTION
========================================== */

.mission-section{
    padding:120px 0;

    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
}

.mission-card{
    height:100%;

    padding:45px;

    border-radius:30px;

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

    backdrop-filter:blur(20px);

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

.mission-card span{
    color:#D4AF37;

    font-size:13px;

    letter-spacing:3px;

    font-weight:600;
}

.mission-card h3{
    color:#fff;

    margin:18px 0 20px;

    font-size:34px;

    font-family:'Playfair Display',serif;
}

.mission-card p{
    color:rgba(255,255,255,.82);

    line-height:1.9;
}

.value-list{
    list-style:none;

    padding:0;

    margin:25px 0 0;
}

.value-list li{
    color:#fff;

    margin-bottom:15px;

    position:relative;

    padding-left:30px;
}

.value-list li::before{
    content:'✓';

    position:absolute;

    left:0;

    color:#D4AF37;

    font-weight:700;
}


/* ==========================================
   ABOUT CTA
========================================== */

.cta-card{
    background:linear-gradient(
        135deg,
        #22003f,
        #4B0082
    );

    padding:70px 40px;

    border-radius:35px;

    overflow:hidden;

    position:relative;
}

.cta-card span{
    color:#D4AF37;

    letter-spacing:3px;

    font-size:13px;

    font-weight:600;
}

.cta-card h2{
    color:#fff;

    margin:20px 0;

    font-size:48px;

    font-family:'Playfair Display',serif;
}

.cta-card p{
    color:rgba(255,255,255,.85);

    max-width:700px;

    margin:0 auto 30px;
}


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

@media(max-width:991px){

    .about-section,
    .trust-section,
    .mission-section{
        padding:90px 0;
    }

    .about-section h2{
        font-size:34px;
    }

    .mission-card h3{
        font-size:28px;
    }

    .cta-card h2{
        font-size:36px;
    }

    .about-points{
        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .page-banner{
        padding:150px 0 90px;
    }

    .page-banner h1{
        font-size:42px;
    }

    .mission-card,
    .trust-card,
    .cta-card{
        padding:30px;
    }

    .cta-card h2{
        font-size:30px;
    }
}

/* ==========================================
   INNER PAGE BANNER
========================================== */

.page-banner{
    position:relative;
    overflow:hidden;

    padding:140px 0 70px;

    background:linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );

    text-align:center;
}

.page-banner-chakra{
    position:absolute;

    top:50%;
    right:-120px;

    width:500px;
    height:500px;

    transform:translateY(-50%);

    background:url('../images/yant.png')
    center center no-repeat;

    background-size:contain;

    opacity:.04;

    animation:rotateChakra 120s linear infinite;
}

.page-banner-content{
    position:relative;
    z-index:2;
}

.breadcrumb-wrap{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;

    margin-bottom:15px;

    font-size:14px;
}

.breadcrumb-wrap a{
    color:#D4AF37;
    text-decoration:none;
}

.breadcrumb-wrap span{
    color:rgba(255,255,255,.7);
}

.page-banner h1{
    color:#fff;

    font-family:'Playfair Display', serif;

    font-size:clamp(36px,4vw,56px);

    margin:0;
}

@media(max-width:768px){

    .page-banner{
        padding:120px 0 60px;
    }

    .page-banner h1{
        font-size:34px;
    }

    .page-banner-chakra{
        width:350px;
        height:350px;
        right:-120px;
    }

}


/* ==========================================
   CONTACT PAGE
========================================== */

.contact-page-section{
    padding:120px 0;
    background:#f8f7fb;
}

.contact-info-card,
.contact-form-card{
    background:#fff;

    border-radius:25px;

    padding:40px;

    height:100%;

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

    border:1px solid rgba(212,175,55,.12);
}

.section-subtitle{
    display:inline-block;

    color:#D4AF37;

    font-size:13px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:15px;
}

.contact-info-card h3,
.contact-form-card h3{
    color:#2d1245;

    font-size:34px;

    font-family:'Playfair Display',serif;

    margin-bottom:15px;
}

.contact-info-card p,
.contact-form-card p{
    color:#666;

    line-height:1.9;
}

/* Contact Items */

.contact-info-list{
    margin-top:35px;
}

.info-item{
    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-bottom:28px;
}

.info-icon{
    width:58px;
    height:58px;

    min-width:58px;

    border-radius:50%;

    background:
    linear-gradient(
        135deg,
        #D4AF37,
        #b89228
    );

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

    color:#fff;

    font-size:20px;
}

.info-item h5{
    color:#2d1245;

    font-size:18px;

    margin-bottom:6px;
}

.info-item a,
.info-item span{
    color:#666;

    text-decoration:none;
}

/* Form */

.contact-form-card .form-control{
    height:58px;

    border-radius:14px;

    border:1px solid #e7e2ef;

    padding:12px 18px;

    box-shadow:none;
}

.contact-form-card textarea.form-control{
    height:auto;
}

.contact-form-card .form-control:focus{
    border-color:#D4AF37;

    box-shadow:
    0 0 0 4px rgba(212,175,55,.15);
}

/* ==========================================
   CONSULTATION SECTION
========================================== */

.consultation-section{
    padding:120px 0;

    background:
    linear-gradient(
        135deg,
        #22003f 0%,
        #4B0082 50%,
        #250046 100%
    );
}

.consultation-section .section-title h2,
.consultation-section .section-title p{
    color:#fff;
}

.option-card{
    background:rgba(255,255,255,.08);

    backdrop-filter:blur(12px);

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

    border-radius:25px;

    padding:40px 30px;

    text-align:center;

    height:100%;

    transition:.4s ease;
}

.option-card:hover{
    transform:translateY(-8px);
}

.option-icon{
    width:75px;
    height:75px;

    margin:0 auto 20px;

    border-radius:50%;

    background:#D4AF37;

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

    color:#fff;

    font-size:28px;
}

.option-card h3{
    color:#fff;

    font-size:24px;

    margin-bottom:15px;

    font-family:'Playfair Display',serif;
}

.option-card p{
    color:rgba(255,255,255,.85);

    margin:0;
}

/* ==========================================
   SERVICE AREAS
========================================== */

.service-areas-section{
    padding:120px 0;

    background:#fff;
}

.service-area-grid{
    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:15px;

    margin-top:50px;
}

.service-area-grid div{
    padding:14px 28px;

    border-radius:50px;

    background:
    linear-gradient(
        135deg,
        rgba(212,175,55,.12),
        rgba(75,0,130,.08)
    );

    border:1px solid rgba(212,175,55,.18);

    color:#2d1245;

    font-weight:600;

    transition:.3s;
}

.service-area-grid div:hover{
    background:#D4AF37;

    color:#fff;

    transform:translateY(-3px);
}

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

@media(max-width:768px){

    .contact-page-section,
    .consultation-section,
    .service-areas-section{
        padding:80px 0;
    }

    .contact-info-card,
    .contact-form-card{
        padding:25px;
    }

    .contact-info-card h3,
    .contact-form-card h3{
        font-size:28px;
    }

    .info-item{
        gap:15px;
    }

    .info-icon{
        width:50px;
        height:50px;

        min-width:50px;

        font-size:18px;
    }

    .option-card{
        padding:30px 25px;
    }

    .service-area-grid{
        gap:10px;
    }

    .service-area-grid div{
        font-size:14px;

        padding:12px 18px;
    }

}



/* ==========================================
SERVICES INTRO
========================================== */

.services-intro{
padding:120px 0 80px;
background:#fff;
}

.services-intro-content{
max-width:900px;
margin:auto;
text-align:center;
}

.services-intro-content p{
color:#666;
font-size:17px;
line-height:1.9;
margin-bottom:20px;
}

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

.services-grid-section{
padding:40px 0 120px;
background:#fff;
}

.service-card{
background:#fff;
padding:40px 30px;
border-radius:24px;
text-align:center;
/*height:100%;*/
border:1px solid rgba(212,175,55,.12);


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

transition:.4s ease;


}

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


box-shadow:
0 25px 60px rgba(75,0,130,.15);


}

.service-icon{
width:80px;
height:80px;


margin:0 auto 25px;

border-radius:50%;

background:
linear-gradient(
    135deg,
    #D4AF37,
    #b68d1f
);

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

color:#fff;

font-size:30px;


}

.service-card h3{
color:#2d1245;
font-size:26px;
margin-bottom:15px;
font-family:'Playfair Display',serif;
}

.service-card p{
color:#666;
line-height:1.8;
margin:0;
}

/* ==========================================
WHY CHOOSE US
========================================== */

.why-choose-section{
padding:120px 0;


background:
linear-gradient(
    135deg,
    #22003f 0%,
    #4B0082 50%,
    #22003f 100%
);


}

.why-choose-section .section-title h2,
.why-choose-section .section-title p{
color:#fff;
}

.why-card{
background:rgba(255,255,255,.08);


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

backdrop-filter:blur(12px);

padding:40px 30px;

border-radius:25px;

text-align:center;

height:100%;

transition:.3s;


}

.why-card:hover{
transform:translateY(-8px);
}

.why-card h3{
color:#D4AF37;
font-size:26px;
margin-bottom:15px;
font-family:'Playfair Display',serif;
}

.why-card p{
color:rgba(255,255,255,.85);
line-height:1.8;
margin:0;
}

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

.service-content-section{
padding:120px 0;
background:#f8f7fb;
}

.service-content-wrapper{
max-width:950px;
margin:auto;
}

.service-content-wrapper h3{
color:#2d1245;
font-size:34px;
margin-top:50px;
margin-bottom:20px;
font-family:'Playfair Display',serif;
}

.service-content-wrapper p{
color:#666;
font-size:17px;
line-height:2;
margin-bottom:22px;
}

/* ==========================================
SERVICES FAQ
========================================== */

.services-faq-section{
padding:120px 0;
background:#fff;
}

.services-faq-section .accordion{
max-width:950px;
margin:auto;
}

.services-faq-section .accordion-item{


border:none !important;

border-left:
4px solid #D4AF37 !important;

border-radius:20px !important;

overflow:hidden;

margin-bottom:18px;

background:#fff;

box-shadow:
0 12px 35px rgba(75,0,130,.08);


}

.services-faq-section .accordion-button{


padding:24px 30px;

color:#2d1245 !important;

background:#fff !important;

font-size:20px;

font-weight:600;

font-family:'Playfair Display',serif;

box-shadow:none !important;


}

.services-faq-section .accordion-button:not(.collapsed){


color:#4B0082 !important;

background:
linear-gradient(
    135deg,
    rgba(212,175,55,.08),
    rgba(75,0,130,.05)
) !important;


}

.services-faq-section .accordion-button:focus{


box-shadow:none !important;

border-color:transparent !important;


}

.services-faq-section .accordion-body{


color:#666;

line-height:1.9;

font-size:16px;

padding:0 30px 30px;


}

.services-faq-section .accordion-button::after{


width:36px;
height:36px;

border-radius:50%;

background-color:#f5f3fa;

background-position:center;

background-size:16px;


}

.services-faq-section .accordion-button:not(.collapsed)::after{


background-color:#D4AF37;


}

/* ==========================================
SERVICE AREAS
========================================== */

.service-areas-section{
padding:120px 0;
background:#f8f7fb;
}

.service-area-grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:15px;
margin-top:50px;
}

.service-area-grid div{


padding:14px 28px;

border-radius:50px;

background:#fff;

border:1px solid rgba(212,175,55,.20);

color:#2d1245;

font-weight:600;

transition:.3s;


}

.service-area-grid div:hover{


background:#D4AF37;

color:#fff;

transform:translateY(-4px);


}

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

@media(max-width:991px){


.services-intro,
.services-grid-section,
.why-choose-section,
.service-content-section,
.services-faq-section,
.service-areas-section{

    padding:80px 0;
}

.service-content-wrapper h3{
    font-size:28px;
}

.service-card,
.why-card{
    padding:30px 25px;
}


}

@media(max-width:768px){


.services-intro-content p,
.service-content-wrapper p{
    font-size:16px;
}

.service-card h3,
.why-card h3{
    font-size:22px;
}

.service-icon{
    width:70px;
    height:70px;
    font-size:26px;
}

.services-faq-section .accordion-button{
    font-size:18px;
    padding:20px;
}

.services-faq-section .accordion-body{
    padding:0 20px 20px;
}

.service-area-grid{
    gap:10px;
}

.service-area-grid div{
    padding:12px 18px;
    font-size:14px;
}


}

@media (min-width:1280px) and (max-width:1450px){

    .home-hero .hero-right{
        margin-top:30px;
    }

    .home-hero .hero-left{
        max-width:560px;
    }

    .home-hero h1{
        font-size:40px;
    }

}


.coming-soon-page{
    min-height:75vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:100px 20px;
    background:#faf8ff;
}

.coming-soon-box{
    max-width:700px;
    margin:auto;
    text-align:center;
    background:#fff;
    border-radius:20px;
    padding:60px 40px;
    box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.coming-icon{
    width:90px;
    height:90px;
    margin:0 auto 30px;
    border-radius:50%;
    background:#4B0082;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:38px;
}

.coming-soon-box h1{
    font-size:48px;
    font-weight:700;
    margin-bottom:20px;
    color:#222;
}

.coming-soon-box p{
    font-size:18px;
    color:#666;
    line-height:1.8;
    margin-bottom:35px;
}

.coming-buttons{
    display:flex;
    justify-content:center;
    gap:15px;
    flex-wrap:wrap;
}

@media (max-width:768px){

    .coming-soon-page{
        padding:80px 15px;
    }

    .coming-soon-box{
        padding:40px 25px;
    }

    .coming-icon{
        width:75px;
        height:75px;
        font-size:30px;
    }

    .coming-soon-box h1{
        font-size:34px;
    }

    .coming-soon-box p{
        font-size:16px;
    }

}


/*=========================================
404 / COMING SOON PAGE
=========================================*/

.error-page{

    position:relative;

    padding:120px 0;

    overflow:hidden;

    background:
    radial-gradient(circle at top,#6d28d9 0%,#3b0764 40%,#160428 100%);
}

/* Background Glow */

.error-glow{

    position:absolute;

    border-radius:50%;

    filter:blur(140px);

    opacity:.25;

    pointer-events:none;

}

.error-glow-one{

    width:420px;
    height:420px;

    background:#7c3aed;

    top:-140px;
    left:-120px;

}

.error-glow-two{

    width:380px;
    height:380px;

    background:#d4af37;

    bottom:-120px;
    right:-100px;

}

/* Card */

.error-card{

    position:relative;

    z-index:2;

    max-width:760px;

    margin:0 auto;

    padding:70px 60px;

    text-align:center;

    border-radius:30px;

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

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

    backdrop-filter:blur(18px);

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

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

    transition:.4s;

}

.error-card:hover{

    transform:translateY(-6px);

    box-shadow:
    0 35px 80px rgba(0,0,0,.45);

}

/* Icon */

.error-icon{

    width:120px;
    height:120px;

    margin:0 auto 35px;

    border-radius:50%;

    background:linear-gradient(135deg,#d4af37,#f6d76f);

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

    font-size:50px;

    color:#4b0082;

    box-shadow:
    0 10px 35px rgba(212,175,55,.35);

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

}

/* Subtitle */

.error-subtitle{

    display:inline-block;

    color:#d4af37;

    text-transform:uppercase;

    letter-spacing:4px;

    font-size:14px;

    font-weight:600;

    margin-bottom:15px;

}

/* 404 */

.error-card h1{

    font-size:110px;

    color:#ffffff;

    font-weight:700;

    line-height:1;

    margin-bottom:10px;

    font-family:'Playfair Display',serif;

}

/* Title */

.error-card h2{

    font-size:42px;

    color:#ffffff;

    margin-bottom:25px;

    line-height:1.3;

}

/* Description */

.error-card p{

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

    font-size:18px;

    line-height:1.9;

    max-width:620px;

    margin:0 auto 40px;

}

/* Buttons */

.error-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    flex-wrap:wrap;

}

.error-buttons .btn{

    min-width:210px;

}

/* Floating Animation */

@keyframes errorFloat{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0);

}

}

/*==========================
Responsive
==========================*/

@media(max-width:991px){

.error-page{

padding:100px 0;

}

.error-card{

padding:55px 40px;

}

.error-card h1{

font-size:90px;

}

.error-card h2{

font-size:34px;

}

}

@media(max-width:767px){

.error-page{

padding:80px 15px;

}

.error-card{

padding:40px 25px;

border-radius:22px;

}

.error-icon{

width:90px;
height:90px;

font-size:36px;

margin-bottom:25px;

}

.error-card h1{

font-size:70px;

}

.error-card h2{

font-size:28px;

}

.error-card p{

font-size:16px;

line-height:1.8;

margin-bottom:30px;

}

.error-buttons{

flex-direction:column;

}

.error-buttons .btn{

width:100%;

max-width:300px;

}

}


/*=====================================================
TRUST MARQUEE
=====================================================*/

.trust-marquee{

    position:relative;

    margin-top:90px; /* Adjust according to header height */

    background:linear-gradient(
    90deg,
    #2b024d,
    #3a0668,
    #2b024d);

    border-top:1px solid rgba(212,175,55,.15);

    border-bottom:1px solid rgba(212,175,55,.15);

    overflow:hidden;

    z-index:10;

    padding:10px 0;

}

.trust-marquee::before,
.trust-marquee::after{

    content:"";

    position:absolute;

    top:0;

    width:80px;

    height:100%;

    z-index:2;

    pointer-events:none;

}

.trust-marquee::before{

    left:0;

    background:linear-gradient(
    to right,
    #2b024d 20%,
    transparent);

}

.trust-marquee::after{

    right:0;

    background:linear-gradient(
    to left,
    #2b024d 20%,
    transparent);

}

.marquee-wrapper{

    overflow:hidden;

}

.marquee-track{

    display:flex;

    align-items:center;

    width:max-content;

    animation:marqueeMove 40s linear infinite;

}

.marquee-track:hover{

    animation-play-state:paused;

}

.marquee-item{

    display:flex;

    align-items:center;

    gap:12px;

    white-space:nowrap;

    margin-right:65px;

    color:#fff;

    font-size:15px;

    font-weight:500;

}

.marquee-item i{

    color:#D4AF37;

    font-size:16px;

    min-width:18px;

    text-shadow:0 0 10px rgba(212,175,55,.4);

}

.marquee-item span{

    letter-spacing:.3px;

}

/* Small Gold Separator */

.marquee-item::after{

    content:"◆";

    color:#D4AF37;

    margin-left:40px;

    font-size:11px;

    opacity:.7;

}

.marquee-item:last-child::after{

    display:none;

}

@keyframes marqueeMove{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}

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

@media(max-width:991px){

.trust-marquee{

margin-top:82px;

}

.marquee-item{

margin-right:50px;

font-size:14px;

}

}

@media(max-width:767px){

.trust-marquee{

margin-top:74px;

padding:14px 0;

}

.trust-marquee::before,
.trust-marquee::after{

width:35px;

}

.marquee-track{

animation-duration:28s;

}

.marquee-item{

font-size:13px;

margin-right:35px;

gap:8px;

}

.marquee-item::after{

margin-left:20px;

}

}

.ic{
    color:white;
}

.video-marquee-section{
    padding:90px 0;
    background:#faf7f1;
    overflow:hidden;
}

.video-marquee{
    margin-top:50px;
    overflow:hidden;
    position:relative;
}

.video-track{
    display:flex;
    gap:30px;
    width:max-content;
    animation:videoScroll 35s linear infinite;
}

.video-marquee:hover .video-track{
    animation-play-state:paused;
}

.video-card{
    width:260px;
    flex-shrink:0;
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 40px rgba(0,0,0,.12);
    transition:.35s;
    position:relative;
}

.video-card:hover{
    transform:translateY(-8px);
}

.video-card img{
    width:100%;
    height:470px;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.video-card:hover img{
    transform:scale(1.05);
}

.video-popup{
    display:block;
    position:relative;
    text-decoration:none;
}

.play-btn{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:70px;
    height:70px;
    background:rgba(212,175,55,.95);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
    transition:.3s;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
}

.video-card:hover .play-btn{
    transform:translate(-50%,-50%) scale(1.12);
}

.play-btn i{
    margin-left:4px;
}

@keyframes videoScroll{

    from{
        transform:translateX(0);
    }

    to{
        transform:translateX(-50%);
    }

}

@media(max-width:768px){

    .video-card{
        width:220px;
    }

    .video-card img{
        height:390px;
    }

    .play-btn{
        width:60px;
        height:60px;
        font-size:22px;
    }

}
/* =========================
FOOTER DISCLAIMER
========================= */

.footer-disclaimer{

    margin:35px 0;
    padding:25px;

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

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

    border-radius:12px;

}

.footer-disclaimer h5{

    color:#D4AF37;

    font-size:20px;

    margin-bottom:12px;

    font-weight:600;

}

.footer-disclaimer p{

    margin:0;

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

    line-height:1.8;

    font-size:15px;

}