/*==================================================
INDIAN ASTRO VEDIC V2
STYLE.CSS
MODULE 1
==================================================*/

/*==============================
GOOGLE FONT
==============================*/

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

/*==============================
ROOT VARIABLES
==============================*/

:root{
  --primary:#071B3A;
  --secondary:#D4AF37;
  --white:#ffffff;
  --black:#222222;
  --text:#666666;
  --light:#F7F9FC;
  --border:#E8E8E8;
  --shadow:0 15px 40px rgba(0,0,0,.08);
  --radius:20px;
  --transition:.35s ease;
}

/*==============================
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.7;
  color:var(--text);
  background:#fff;
  overflow-x:hidden;
}

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

a{
  text-decoration:none;
  transition:var(--transition);
}

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

section{
  padding:100px 0;
  position:relative;
}

.container{
  max-width:1320px;
}

/*==============================
COMMON
==============================*/

.section-title{
  max-width:760px;
  margin:auto;
  margin-bottom:60px;
  text-align:center;
}

.section-title span{
  display:inline-block;
  background:#FFF6DA;
  color:var(--secondary);
  padding:8px 22px;
  border-radius:40px;
  font-size:14px;
  font-weight:600;
  margin-bottom:20px;
}

.section-title h2{
  font-size:46px;
  font-weight:700;
  color:var(--primary);
  margin-bottom:20px;
}

.section-title p{
  font-size:17px;
  color:var(--text);
}

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

.btn-consult{

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

    min-width:220px;
    height:58px;

    padding:0 30px;

    background:linear-gradient(135deg,#FFD54F,#F4C430);

    color:#071B3A !important;

    border:2px solid #FFD54F;

    border-radius:14px;

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

    text-decoration:none;

    transition:all .35s ease;

    box-shadow:0 15px 35px rgba(255,213,79,.30);
}

.btn-consult:hover,
.btn-consult:focus,
.btn-consult:active{

    background:linear-gradient(135deg,#FFC107,#E0A800) !important;

    color:#071B3A !important;

    border-color:#FFC107;

    transform:translateY(-4px);

    box-shadow:0 20px 40px rgba(255,193,7,.45);

    text-decoration:none;

}

.btn-consult i{

    color:#071B3A;

}

/*=====================================
PREMIUM TOP BAR
=====================================*/

.top-bar{
    background:#061C3D !important;
    color:#ffffff !important;
    padding:10px 0;
    font-size:15px;
    border-bottom:1px solid rgba(255,255,255,.08);
}

.top-bar a{
    color:#ffffff !important;
    text-decoration:none;
}

.top-bar a:hover{
    color:#FFD54A !important;
}

.top-bar i{
    color:#FFD54A !important;
    margin-right:8px;
}

.top-bar span{
    color:#ffffff !important;
}
/*==============================
HEADER
==============================*/

.main-header{
  background:#fff;
  box-shadow:0 5px 20px rgba(0,0,0,.05);
  z-index:999;
}

.navbar{
  padding:18px 0;
}

.navbar-brand img{
  height:65px;
}

.navbar-nav .nav-link{
  font-size:15px;
  font-weight:600;
  color:var(--primary);
  padding:12px 18px;
}

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

.navbar-toggler{
  border:none;
  box-shadow:none;
  font-size:26px;
  color:var(--primary);
}

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

/*==================================================
PREMIUM HERO SECTION V2
==================================================*/

.hero-section{
    position:relative;
    overflow:hidden;
    padding:90px 0 70px;
    background:
        linear-gradient(135deg,#071B3A 0%,#0E3D82 55%,#124C9D 100%);
}

/* Glow Effects */

.hero-shape{
    position:absolute;
    border-radius:50%;
    filter:blur(40px);
    opacity:.18;
}

.hero-shape-1{
    width:420px;
    height:420px;
    background:#FFD54F;
    top:-180px;
    right:-120px;
}

.hero-shape-2{
    width:350px;
    height:350px;
    background:#4FC3F7;
    bottom:-160px;
    left:-140px;
}

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

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

.hero-badge{

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

    gap:10px;

    padding:10px 22px;

    border-radius:50px;

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

    backdrop-filter:blur(15px);

    color:#fff;

    font-weight:600;

    font-size:15px;

    margin-bottom:25px;

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

}

.hero-section h1{

    font-size:58px;

    line-height:1.15;

    font-weight:800;

    color:#fff;

    margin-bottom:25px;

}

.hero-section h1 span{

    color:#FFD54F;

}

.hero-section p{

    font-size:19px;

    line-height:1.8;

    color:#E6ECF7;

    max-width:600px;

    margin-bottom:35px;

}

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

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

.hero-buttons a{
    min-width:220px;
    height:58px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    border-radius:12px;
    font-size:18px;
    font-weight:700;
    transition:all .35s ease;
}

/* Primary Button */

.btn-consult{

    background:linear-gradient(135deg,#FFD54F,#E5B800);

    color:#071B3A;

    border:2px solid #FFD54F;

    box-shadow:0 12px 30px rgba(255,213,79,.30);

}

.btn-consult:hover{

    transform:translateY(-4px);

    color:#071B3A;

    box-shadow:0 18px 40px rgba(255,213,79,.45);

}

/* WhatsApp Button */

.btn-outline-custom{

    background:linear-gradient(135deg,#FFD54F,#E5B800);

    color:#071B3A;

    border:2px solid #FFD54F;

    box-shadow:0 12px 30px rgba(255,213,79,.30);

}

.btn-outline-custom:hover{

    transform:translateY(-4px);

    color:#071B3A;

    box-shadow:0 18px 40px rgba(255,213,79,.45);

}

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

.hero-trust{

    margin-top:30px;

    color:#D8E3F2;

    font-size:15px;

}

.hero-trust i{

    color:#FFD54F;

    margin-right:8px;

}

/*=====================
COUNTERS
======================*/

.hero-counter{

    display:flex;

    gap:18px;

    margin-top:45px;

    flex-wrap:wrap;

}

.counter-box{

    flex:1;

    min-width:160px;

    padding:25px;

    border-radius:20px;

    text-align:center;

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

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

    backdrop-filter:blur(18px);

    transition:.35s;

}

.counter-box:hover{

    transform:translateY(-8px);

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

}

.counter-box h2{

    color:#FFD54F;

    font-size:38px;

    margin-bottom:8px;

    font-weight:800;

}

.counter-box p{

    color:#fff;

    margin:0;

    font-size:15px;

}

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

.hero-image{

    position:relative;

    text-align:center;

}

.hero-image img{

    max-width:540px;

    width:100%;

    animation:floatHero 5s ease-in-out infinite;

    filter:drop-shadow(0 30px 45px rgba(0,0,0,.28));

}

/*=====================
HOME HERO FLOATING CARD
======================*/

.home-floating-card{

    position:absolute;

    right:15px;

    bottom:60px;

    background:#fff;

    color:#071B3A;

    padding:18px 24px;

    border-radius:18px;

    font-weight:600;

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

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

}

.home-floating-card i{

    color:#FFD54F;

    margin-right:8px;

}

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

@keyframes floatHero{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-14px);

}

}

@keyframes floatCard{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-8px);

}

}

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

@media(max-width:991px){

.hero-section{

padding:70px 0;

}

.hero-section h1{

font-size:42px;

}

.hero-counter{

justify-content:center;

}

.hero-image{

margin-top:40px;

}

.home-floating-card{

position:relative;

right:auto;

bottom:auto;

display:inline-block;

margin-top:25px;

}

}

@media(max-width:576px){

.hero-section h1{

font-size:34px;

}

.hero-section p{

font-size:17px;

}

.hero-buttons{

flex-direction:column;

}

.btn-consult,

.btn-outline-custom{

width:100%;

text-align:center;

}

.counter-box{

min-width:100%;

}

}

/*==================================================
MODULE 2
SERVICES, WHY CHOOSE, PROCESS, TESTIMONIALS
==================================================*/
/* =====================================
   SERVICE CARD
===================================== */

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

.services-section{
  padding:100px 0;
  background:#F8FAFC;
}

.service-card{
  background:#fff;
  border-radius:20px;
  padding:40px 30px;
  text-align:center;
  box-shadow:0 15px 40px rgba(0,0,0,.08);
  transition:.35s;
  height:100%;
  position:relative;
  overflow:hidden;
  /* Flexbox fix button alignment ke liye */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.service-card::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:#D4AF37;
  transform:scaleX(0);
  transition:.35s;
}

.service-card:hover::before{
  transform:scaleX(1);
}

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

.service-icon{
  width:90px;
  height:90px;
  margin:auto;
  margin-bottom:25px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#FFF6DA;
  font-size:38px;
  color:#D4AF37;
  transition:.35s;
}

.service-card:hover .service-icon{
  background:#071B3A;
  color:#fff;
  transform:rotate(8deg);
}

.service-card h3{
  font-size:24px;
  font-weight:700;
  color:#071B3A;
  margin-bottom:15px;
}

.service-card p{
  color:#666;
  margin-bottom:25px;
  flex-grow: 1; /* Description area ko stretch karega */
}

/* Proper Button Styling & Bottom Alignment */
.service-card a{
  margin-top: auto; /* Button ko hamesha niche bottom me push karega */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 28px;
  background: var(--secondary);
  color: var(--primary);
  font-weight: 700;
  border-radius: 50px;
  transition: var(--transition);
  text-decoration: none;
}

.service-card a:hover{
  background: var(--primary);
  color: #fff;
  transform: translateY(-3px);
}


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

.why-section{
  padding:100px 0;
  background:#fff;
}

.why-box{
  background:#fff;
  border-radius:20px;
  padding:35px;
  box-shadow:0 15px 40px rgba(0,0,0,.08);
  transition:.35s;
  height:100%;
  text-align:center;
}

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

.why-icon{
  width:85px;
  height:85px;
  margin:auto;
  margin-bottom:20px;
  background:#071B3A;
  color:#D4AF37;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-size:34px;
}

.why-box h4{
  font-size:22px;
  font-weight:700;
  color:#071B3A;
  margin-bottom:15px;
}

.why-box p{
  color:#666;
  margin:0;
}

.stats-row{
  margin-top:60px;
}

.stat-box{
  text-align:center;
  padding:30px;
}

.stat-box h2{
  font-size:42px;
  font-weight:700;
  color:#D4AF37;
  margin-bottom:10px;
}

.stat-box span{
  font-weight:600;
  color:#071B3A;
}

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

.process-section{
  padding:100px 0;
  background:#F8FAFC;
}

.process-card{
  background:#fff;
  padding:35px;
  border-radius:20px;
  text-align:center;
  box-shadow:0 15px 40px rgba(0,0,0,.08);
  position:relative;
  height:100%;
  transition:.35s;
}

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

.process-number{
  position:absolute;
  top:-20px;
  left:50%;
  transform:translateX(-50%);
  width:45px;
  height:45px;
  border-radius:50%;
  background:#D4AF37;
  color:#071B3A;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
}

.process-icon{
  width:90px;
  height:90px;
  margin:20px auto;
  background:#FFF6DA;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:36px;
  color:#D4AF37;
}

.process-card h4{
  font-size:22px;
  font-weight:700;
  color:#071B3A;
  margin-bottom:15px;
}

.process-card p{
  margin:0;
  color:#666;
}

/*==============================
/*==============================
HOMEPAGE TESTIMONIALS ONLY
==============================*/

.home-testimonials .testimonial-card{

    background:#ffffff;

    padding:25px;

    border-radius:18px;

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

    display:flex;

    flex-direction:column;

    height:100%;

}

.home-testimonials .testimonial-stars{

    color:#D4AF37;

    margin-bottom:12px;

}

.home-testimonials .testimonial-text{

    font-size:15px;

    line-height:1.8;

    color:#555;

    margin-bottom:20px;

}

.home-testimonials .testimonial-user{

    display:flex;

    align-items:center;

    gap:15px;

    margin-top:auto;

}

.home-testimonials .testimonial-user img{

    width:50px;

    height:50px;

    border-radius:50%;

    object-fit:cover;

}

.home-testimonials .testimonial-user h5{

    margin:0;

    font-size:16px;

    color:#071B3A;

}

.home-testimonials .testimonial-user span{

    font-size:13px;

    color:#777;

}
/*==================================================
MODULE-3
BLOG, HOROSCOPE, CTA, FAQ, FOOTER, FLOATING BUTTONS
==================================================*/

/*==================================================
BLOG SECTION
==================================================*/

.blog-section{
    padding:100px 0;
    background:#F8FAFC;
    position:relative;
    overflow:hidden;
}

.blog-section::before{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:rgba(212,175,55,.05);
    border-radius:50%;
    top:-120px;
    right:-120px;
}

.blog-section::after{
    content:"";
    position:absolute;
    width:250px;
    height:250px;
    background:rgba(7,27,58,.03);
    border-radius:50%;
    bottom:-80px;
    left:-80px;
}

.blog-card{

    position:relative;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    height:100%;

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

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

    transition:all .4s ease;

}

.blog-card:hover{

    transform:translateY(-12px);

    box-shadow:
        0 25px 60px rgba(0,0,0,.12),
        0 8px 20px rgba(212,175,55,.18);

}

.blog-image{

    position:relative;

    overflow:hidden;

}

.blog-image img{

    width:100%;

    aspect-ratio:16/9;

    object-fit:cover;

    transition:transform .6s ease;

}

.blog-card:hover .blog-image img{

    transform:scale(1.08);

}

/* Optional Gradient Overlay */

.blog-image::after{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to top,
        rgba(0,0,0,.25),
        transparent
    );

    opacity:0;

    transition:.4s;

}

.blog-card:hover .blog-image::after{

    opacity:1;

}

.blog-content{

    padding:30px;

}

.blog-category{

    display:inline-flex;

    align-items:center;

    padding:8px 18px;

    background:#FFF7DD;

    color:#D4AF37;

    border-radius:40px;

    font-size:13px;

    font-weight:600;

    letter-spacing:.5px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.blog-content h4{

    font-size:24px;

    font-weight:700;

    line-height:1.4;

    margin-bottom:15px;

}

.blog-content h4 a{

    color:#071B3A;

    text-decoration:none;

    transition:.3s;

}

.blog-content h4 a:hover{

    color:#D4AF37;

}

.blog-content p{

    color:#666;

    font-size:15px;

    line-height:1.9;

    margin-bottom:22px;

}

.read-more{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#D4AF37;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

}

.read-more i{

    transition:.35s;

}

.read-more:hover{

    color:#071B3A;

}

.read-more:hover i{

    transform:translateX(6px);

}

/* Blog Meta */

.blog-meta{

    display:flex;

    gap:18px;

    margin-bottom:18px;

    color:#888;

    font-size:14px;

}

.blog-meta i{

    color:#D4AF37;

    margin-right:6px;

}

/* Responsive */

@media(max-width:991px){

    .blog-section{

        padding:80px 0;

    }

    .blog-content{

        padding:25px;

    }

    .blog-content h4{

        font-size:22px;

    }

}

@media(max-width:767px){

    .blog-section{

        padding:60px 0;

    }

    .blog-content{

        padding:22px;

    }

    .blog-content h4{

        font-size:20px;

    }

    .blog-meta{

        flex-direction:column;

        gap:8px;

    }

}

/*==============================
HOROSCOPE
==============================*/

/*==================================================
HOROSCOPE SECTION
==================================================*/

.horoscope-section{
    padding:100px 0;
    background:#f8fafc;
    position:relative;
}

.rashi-card{

    display:block;

    background:#fff;

    border-radius:22px;

    padding:35px 20px;

    text-align:center;

    text-decoration:none;

    height:100%;

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

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

    transition:all .35s ease;

    overflow:hidden;

    position:relative;

}

.rashi-card:hover{

    transform:translateY(-10px);

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

}

.rashi-card::before{

    content:"";

    position:absolute;

    top:-60px;

    right:-60px;

    width:120px;

    height:120px;

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

    border-radius:50%;

    transition:.4s;

}

.rashi-card:hover::before{

    transform:scale(1.4);

}

.rashi-icon{

    width:95px;

    height:95px;

    margin:0 auto 20px;

    border-radius:50%;

    background:linear-gradient(135deg,#071B3A,#12386f);

    color:#D4AF37;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:48px;

    transition:.4s;

    box-shadow:0 10px 25px rgba(7,27,58,.25);

}

.rashi-card:hover .rashi-icon{

    transform:rotate(10deg) scale(1.1);

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

    color:#071B3A;

}

.rashi-card h5{

    color:#071B3A;

    font-size:22px;

    font-weight:700;

    margin-bottom:12px;

}

.rashi-card span{

    display:inline-block;

    padding:10px 22px;

    background:#FFF6DA;

    color:#D4AF37;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    transition:.35s;

}

.rashi-card:hover span{

    background:#071B3A;

    color:#fff;

}

@media(max-width:991px){

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

}

@media(max-width:767px){

    .horoscope-section{
        padding:60px 0;
    }

    .rashi-card{
        padding:25px 15px;
    }

    .rashi-icon{

        width:75px;
        height:75px;
        font-size:38px;

    }

    .rashi-card h5{

        font-size:18px;

    }

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

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

.cta-section{
    padding:100px 0;
    background:linear-gradient(135deg,#071B3A,#12386F);
    position:relative;
    overflow:hidden;
}

.cta-section::before{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    background:rgba(212,175,55,.08);
    border-radius:50%;
    top:-180px;
    right:-180px;
}

.cta-section::after{
    content:"";
    position:absolute;
    width:320px;
    height:320px;
    background:rgba(255,255,255,.05);
    border-radius:50%;
    bottom:-120px;
    left:-120px;
}

.cta-box{

    position:relative;
    z-index:2;

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

    backdrop-filter:blur(14px);

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

    border-radius:25px;

    padding:60px;

    text-align:center;

}

.cta-badge{

    display:inline-block;

    background:#D4AF37;

    color:#071B3A;

    padding:8px 22px;

    border-radius:40px;

    font-weight:700;

    margin-bottom:20px;

}

.cta-box h2{

    color:#fff;

    font-size:44px;

    font-weight:700;

    line-height:1.3;

    margin-bottom:20px;

}

.cta-box h2 span{

    color:#D4AF37;

}

.cta-box p{

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

    font-size:17px;

    line-height:1.9;

    max-width:750px;

    margin:0 auto 35px;

}

.cta-buttons{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

}

.btn-whatsapp,
.btn-call,
.btn-book{

    padding:15px 30px;

    border-radius:50px;

    font-weight:700;

    text-decoration:none;

    transition:.35s;

}

.btn-whatsapp{

    background:#25D366;

    color:#fff;

}

.btn-call{

    background:#ffffff;

    color:#071B3A;

}

.btn-book{

    background:#D4AF37;

    color:#071B3A;

}

.btn-whatsapp:hover,
.btn-call:hover,
.btn-book:hover{

    transform:translateY(-4px);

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

}

.cta-trust{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:40px;

    margin-top:45px;

}

.trust-item{

    text-align:center;

}

.trust-item h3{

    color:#D4AF37;

    font-size:36px;

    font-weight:700;

    margin-bottom:5px;

}

.trust-item span{

    color:#fff;

    font-size:15px;

}

@media(max-width:767px){

    .cta-section{
        padding:60px 0;
    }

    .cta-box{
        padding:35px 25px;
    }

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

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

    .cta-buttons a{
        width:100%;
    }

    .cta-trust{
        gap:20px;
    }

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

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

.accordion-item{
  border:none;
  margin-bottom:20px;
  border-radius:15px!important;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.accordion-button{
  font-weight:600;
  color:#071B3A;
  padding:20px;
}

.accordion-button:not(.collapsed){
  background:#071B3A;
  color:#fff;
}

.accordion-body{
  padding:25px;
  line-height:1.8;
}

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

.footer{
  background:#071B3A;
  padding:90px 0 20px;
  color:#fff;
}

.footer h4,
.footer h5{
  color:#fff;
  margin-bottom:25px;
}

.footer p{
  color:#ddd;
}

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

.footer ul li a{
  color:#ddd;
}

.footer ul li a:hover{
  color:#D4AF37;
}

.footer-social{
  display:flex;
  gap:15px;
  margin-top:20px;
}

.footer-social a{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#D4AF37;
  color:#071B3A;
}

.footer-social a:hover{
  background:#fff;
}

.copyright{
  border-top:1px solid rgba(255,255,255,.15);
  margin-top:40px;
  padding-top:20px;
  text-align:center;
  font-size:14px;
  color:#ccc;
}

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

.whatsapp-float{
  position:fixed;
  right:25px;
  bottom:95px;
  width:60px;
  height:60px;
  border-radius:50%;
  background:#25D366;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  color:#fff;
  z-index:9999;
  box-shadow:0 10px 25px rgba(0,0,0,.25);
}

.call-float{
  position:fixed;
  right:25px;
  bottom:165px;
  width:60px;
  height:60px;
  border-radius:50%;
  background:#071B3A;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  color:#fff;
  z-index:9999;
}

.scroll-top{
  position:fixed;
  left:25px;
  bottom:30px;
  width:55px;
  height:55px;
  border-radius:50%;
  background:#D4AF37;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#071B3A;
  font-size:22px;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transition:.35s;
  z-index:9999;
}

.scroll-top.active{
  opacity:1;
  visibility:visible;
}

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

.fade-up{
  animation:fadeUp .8s ease;
}

@keyframes fadeUp{
  0%{
    opacity:0;
    transform:translateY(50px);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

.zoom{
  animation:zoom .7s ease;
}

@keyframes zoom{
  0%{
    transform:scale(.8);
    opacity:0;
  }
  100%{
    transform:scale(1);
    opacity:1;
  }
}

/*==============================
UTILITY
==============================*/

.bg-light{
  background:#F8FAFC!important;
}

.bg-primary{
  background:#071B3A!important;
}

.text-primary{
  color:#071B3A!important;
}

.text-gold{
  color:#D4AF37!important;
}

.shadow-lg{
  box-shadow:0 20px 60px rgba(0,0,0,.10)!important;
}

.rounded-xl{
  border-radius:20px!important;
}

.sticky-active{
  background:#ffffff;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  transition:.35s;
}

.input-group .btn-consult{
  border:none;
}

.blog-card h2{
  font-size:34px;
  font-weight:700;
  margin-bottom:20px;
}

.blog-card ul{
  padding-left:0;
}

.blog-card li{
  list-style:none;
  margin-bottom:12px;
}

.form-control,
.form-select{
  padding:14px 18px;
  border-radius:10px;
}

textarea.form-control{
  resize:none;
}

.input-group .form-control{
  border-radius:10px 0 0 10px;
}

.input-group button{
  border-radius:0 10px 10px 0;
}

.section-badge{
  display:inline-block;
  padding:8px 18px;
  background:#D4AF37;
  color:#fff;
  border-radius:30px;
  font-size:14px;
  font-weight:600;
  margin-bottom:15px;
}

.section-description{
  max-width:850px;
  margin:auto;
  color:#666;
}

/*=========================================
ONLINE PUJA SECTION (MATCHED TO GEMSTONE)
=========================================*/

.online-puja-section {
  padding: 100px 0;
  background: #ffffff;
}

.puja-card {
  background: #fff;
  border-radius: 18px; /* Same as gem-card */
  overflow: hidden;
  transition: 0.35s ease;
  box-shadow: 0 10px 35px rgba(0, 0, 0, 0.08); /* Same as gem-card */
  height: 100%;
  display: flex;
  flex-direction: column;
}

.puja-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.15);
}

.puja-card img {
  width: 100%;
  height: 240px; /* Same as gem-card image */
  object-fit: cover;
  display: block;
}

.puja-content {
  padding: 22px; /* Same as gem-content */
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-align: center;
  align-items: center;
}

.puja-content h3 {
  color: #0B3C5D; /* Same title color as Gemstones */
  margin-bottom: 12px;
  font-size: 20px;
  font-weight: 700;
}

.puja-content p {
  color: var(--text, #555);
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 20px;
  flex-grow: 1;
}

/* View Details Button */
.puja-content .btn-primary-custom {
  margin-top: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 24px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 50px;
  background: var(--secondary, #d4af37);
  color: var(--primary, #0B3C5D);
  text-decoration: none;
  transition: all 0.3s ease;
}

.puja-content .btn-primary-custom:hover {
  background: var(--primary, #0B3C5D);
  color: #ffffff;
  transform: translateY(-2px);
}
/*=========================================
GEMSTONE SECTION
=========================================*/

.gemstone-section{
  background:#ffffff;
}

.gem-card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  transition:.35s;
  box-shadow:0 10px 35px rgba(0,0,0,.08);
  height:100%;
}

.gem-card:hover{
  transform:translateY(-8px);
  box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.gem-card img{
  width:100%;
  height:240px;
  object-fit:cover;
}

.gem-content{
  padding:22px;
}

.gem-content h3{
  color:#0B3C5D;
  margin-bottom:12px;
}

/*=========================================
CONSULT BY PROBLEM
=========================================*/

.problem-section{
  background:#fff;
  padding:90px 0;
}

.problem-card{
  display:block;
  background:#fff;
  border-radius:18px;
  padding:30px 20px;
  text-align:center;
  text-decoration:none;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  transition:.35s;
  height:100%;
  border:1px solid #eee;
}

.problem-card:hover{
  transform:translateY(-10px);
  box-shadow:0 20px 40px rgba(0,0,0,.12);
  border-color:#D4AF37;
}

.problem-icon{
  width:75px;
  height:75px;
  margin:auto;
  margin-bottom:20px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#0B3C5D,#D4AF37);
}

.problem-icon i{
  font-size:28px;
  color:#fff;
}

.problem-card h5{
  color:#0B3C5D;
  font-size:18px;
  font-weight:600;
  margin:0;
}

/*=========================================
VASTU SECTION
=========================================*/

.vastu-section{
  background:#ffffff;
}

.vastu-section img{
  border-radius:20px;
}

/*=========================================
NUMEROLOGY SECTION
=========================================*/

.numerology-section{
  padding:100px 0;
  background:#f8fafc;
}

.numerology-section img{
  border-radius:20px;
}

/*=========================================
LAL KITAB SECTION
=========================================*/

.lalkitab-section{
  padding:100px 0;
  background:linear-gradient(180deg,#fff8f1,#ffffff);
}

.lalkitab-section .why-icon{
  background:linear-gradient(135deg,#8B0000,#D4AF37);
}

.lalkitab-section .why-box{
  border:1px solid #f1e4c3;
}

.lalkitab-section .why-box:hover{
  border-color:#D4AF37;
}

.lalkitab-section img{
  border-radius:20px;
}

/*=========================================
ABOUT PAGE HERO
=========================================*/

.inner-hero{
  padding:110px 0;
  background:linear-gradient(135deg,#071B3A,#0F3E87);
}

.inner-hero h1{
  font-size:56px;
  font-weight:800;
  color:#fff;
  line-height:1.2;
  margin:25px 0;
}

.inner-hero p{
  color:#f1f1f1;
  font-size:18px;
  line-height:1.9;
}

.inner-hero img{
  max-width:480px;
  margin:auto;
}

/*=========================================
ABOUT COMPANY
=========================================*/

.about-company{
  padding:100px 0;
  background:#fff;
}

.about-company h2{
  font-size:42px;
  font-weight:700;
  color:#071B3A;
  margin-bottom:25px;
}

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

.about-company img{
  border-radius:20px;
}

/*=========================================
FOUNDER SECTION
=========================================*/

.about-founder{
  padding:100px 0;
  background:#f8fafc;
}

.founder-image{
  max-width:420px;
  border-radius:25px;
  box-shadow:0 20px 50px rgba(0,0,0,.12);
}

.about-founder h2{
  font-size:44px;
  font-weight:700;
  color:#071B3A;
  margin-bottom:10px;
}

.about-founder p{
  color:#666;
  line-height:1.9;
  margin-bottom:18px;
}

.founder-stat{
  background:#fff;
  padding:25px;
  border-radius:18px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
  height:100%;
}

.founder-stat h3{
  color:#D4AF37;
  font-size:34px;
  font-weight:700;
  margin-bottom:8px;
}

.founder-stat span{
  color:#071B3A;
  font-weight:600;
  font-size:15px;
}

.expertise-card{
  background:#fff;
  border-radius:20px;
  padding:30px;
  text-align:center;
  height:100%;
  transition:.35s;
  box-shadow:0 12px 35px rgba(0,0,0,.08);
}

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

.expertise-card i{
  width:80px;
  height:80px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 20px;
  background:#071B3A;
  color:#D4AF37;
  font-size:30px;
}

.expertise-card h4{
  color:#071B3A;
  font-weight:700;
  margin-bottom:15px;
}

.expertise-card p{
  margin:0;
  color:#666;
}

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

.about-mission{
  padding:100px 0;
  background:#ffffff;
}

.mission-card{
  background:#fff;
  padding:40px 30px;
  border-radius:20px;
  text-align:center;
  height:100%;
  box-shadow:0 15px 40px rgba(0,0,0,.08);
  transition:.35s;
}

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

.mission-icon{
  width:90px;
  height:90px;
  margin:0 auto 25px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#071B3A,#D4AF37);
  color:#fff;
  font-size:34px;
}

.mission-card h3{
  color:#071B3A;
  font-size:28px;
  font-weight:700;
  margin-bottom:20px;
}

.mission-card p{
  color:#666;
  line-height:1.9;
}

.mission-list{
  margin:0;
  padding:0;
  list-style:none;
  text-align:left;
}

.mission-list li{
  margin-bottom:14px;
  color:#555;
  font-weight:500;
}

.mission-list i{
  color:#D4AF37;
  margin-right:10px;
}

/*=========================================
ABOUT PROCESS
=========================================*/

.about-process{
  padding:100px 0;
  background:#f8fafc;
}

.process-step{
  background:#fff;
  border-radius:20px;
  padding:35px 30px;
  text-align:center;
  position:relative;
  height:100%;
  box-shadow:0 15px 40px rgba(0,0,0,.08);
  transition:.35s;
}

.process-step:hover{
  transform:translateY(-8px);
}

.step-number{
  position:absolute;
  top:20px;
  right:20px;
  font-size:42px;
  font-weight:800;
  color:rgba(212,175,55,.18);
}

.step-icon{
  width:85px;
  height:85px;
  margin:0 auto 20px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#071B3A,#D4AF37);
  color:#fff;
  font-size:30px;
}

.process-step h3{
  font-size:24px;
  color:#071B3A;
  font-weight:700;
  margin-bottom:15px;
}

.process-step p{
  color:#666;
  line-height:1.8;
}

/*=========================================
ABOUT WHY CHOOSE
=========================================*/

.about-why{
  padding:100px 0;
  background:#ffffff;
}

.trust-card{
  background:#fff;
  border-radius:20px;
  padding:35px 30px;
  text-align:center;
  height:100%;
  box-shadow:0 15px 40px rgba(0,0,0,.08);
  transition:.35s;
}

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

.trust-icon{
  width:85px;
  height:85px;
  margin:0 auto 20px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#071B3A,#D4AF37);
  color:#fff;
  font-size:30px;
}

.trust-card h4{
  color:#071B3A;
  font-size:24px;
  font-weight:700;
  margin-bottom:15px;
}

.trust-card p{
  color:#666;
  line-height:1.8;
}

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

.about-stats{
  padding:100px 0;
  background:#f8fafc;
}

.stats-card{
  background:#fff;
  border-radius:20px;
  padding:40px 30px;
  text-align:center;
  height:100%;
  box-shadow:0 15px 40px rgba(0,0,0,.08);
  transition:.35s;
}

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

.stats-card i{
  width:85px;
  height:85px;
  margin:0 auto 20px;
  border-radius:50%;
  background:linear-gradient(135deg,#071B3A,#D4AF37);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:30px;
}

.stats-card h2{
  font-size:48px;
  font-weight:700;
  color:#D4AF37;
  margin-bottom:10px;
}

.stats-card h5{
  color:#071B3A;
  font-size:22px;
  font-weight:700;
  margin-bottom:15px;
}

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

/*=========================================
ABOUT FAQ
=========================================*/

.about-faq{
  padding:100px 0;
  background:#ffffff;
}

.about-faq .accordion-item{
  margin-bottom:20px;
  border:none;
  border-radius:18px !important;
  overflow:hidden;
  box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.about-faq .accordion-button{
  padding:22px 25px;
  font-size:18px;
  font-weight:600;
  color:#071B3A;
}

.about-faq .accordion-button:not(.collapsed){
  background:#071B3A;
  color:#fff;
}

.about-faq .accordion-body{
  padding:25px;
  line-height:1.9;
  color:#666;
}
/*=========================================
ABOUT CTA
=========================================*/

.about-cta{

    padding:100px 0;

    background:#f8fafc;

}

.cta-wrapper{

    background:linear-gradient(135deg,#071B3A,#0E3B7D);

    border-radius:30px;

    padding:70px;

    color:#fff;

    overflow:hidden;

    position:relative;

}

.cta-wrapper::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

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

    top:-150px;

    right:-100px;

}

.cta-tag{

    display:inline-block;

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

    padding:8px 20px;

    border-radius:40px;

    margin-bottom:25px;

    font-size:14px;

    font-weight:600;

}

.cta-wrapper h2{

    font-size:48px;

    font-weight:700;

    margin-bottom:25px;

    color:#fff;

}

.cta-wrapper p{

    color:#ddd;

    line-height:1.9;

    margin-bottom:30px;

}

.cta-features{

    list-style:none;

    padding:0;

    margin:0;

}

.cta-features li{

    margin-bottom:16px;

    font-size:17px;

}

.cta-features i{

    color:#FFD54F;

    margin-right:12px;

}

.cta-buttons-box{

    background:#fff;

    padding:35px;

    border-radius:20px;

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

}

.btn-call{

    display:block;

    width:100%;

    padding:15px;

    border-radius:50px;

    text-align:center;

    background:#28a745;

    color:#fff;

    font-weight:700;

    transition:.35s;

}

.btn-call:hover{

    background:#1f8a37;

    color:#fff;

    transform:translateY(-3px);

}
/*=========================================
TALK TO ASTROLOGER HERO
=========================================*/

.talk-hero-section{

    padding:110px 0;
    background:linear-gradient(135deg,#071B3A,#0F3E86);

}

.talk-hero-badge{

    display:inline-block;
    padding:10px 22px;
    background:rgba(255,255,255,.12);
    color:#fff;
    border-radius:40px;
    font-weight:600;
    margin-bottom:25px;

}

.talk-hero-title{

    font-size:58px;
    font-weight:800;
    color:#fff;
    line-height:1.2;
    margin-bottom:25px;

}

.talk-hero-title span{

    color:#D4AF37;

}

.talk-hero-description{

    font-size:18px;
    color:#ddd;
    line-height:1.9;
    margin-bottom:35px;

}

.talk-action-buttons{

    display:flex;
    gap:18px;
    flex-wrap:wrap;
    margin-bottom:40px;

}

.talk-btn-primary{

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

    padding:15px 30px;

    background:#D4AF37;

    color:#071B3A;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.talk-btn-primary:hover{

    background:#fff;

    color:#071B3A;

}

.talk-btn-secondary{

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

    padding:15px 30px;

    border:2px solid #D4AF37;

    color:#D4AF37;

    border-radius:50px;

    font-weight:700;

    transition:.35s;

}

.talk-btn-secondary:hover{

    background:#D4AF37;

    color:#071B3A;

}

.talk-feature-list{

    display:grid;

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

    gap:18px;

}

.talk-feature{

    color:#fff;

    font-weight:600;

}

.talk-feature i{

    color:#FFD54F;

    margin-right:10px;

}

.talk-form-card{

    background:#fff;

    padding:40px;

    border-radius:25px;

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

}

.talk-form-card h3{

    color:#071B3A;

    font-size:30px;

    font-weight:700;

    margin-bottom:15px;

}

.talk-form-card p{

    color:#666;

    margin-bottom:25px;

}

.talk-form-card .form-control,
.talk-form-card .form-select{

    padding:14px 18px;
    border-radius:12px;

}

@media(max-width:991px){

    .talk-hero-title{

        font-size:42px;

    }

    .talk-feature-list{

        grid-template-columns:1fr;

    }

}
/*=========================================
CONSULTATION BENEFITS
=========================================*/

.consult-benefits-section{

    padding:100px 0;

    background:#ffffff;

}

.benefit-card{

    background:#fff;

    border-radius:22px;

    padding:40px 30px;

    height:100%;

    text-align:center;

    border:1px solid #ececec;

    box-shadow:0 12px 35px rgba(0,0,0,.06);

    transition:.35s;

}

.benefit-card:hover{

    transform:translateY(-8px);

    border-color:#D4AF37;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.benefit-icon{

    width:90px;

    height:90px;

    margin:0 auto 25px;

    border-radius:50%;

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

    display:flex;

    align-items:center;

    justify-content:center;

}

.benefit-icon i{

    color:#fff;

    font-size:34px;

}

.benefit-card h4{

    font-size:24px;

    color:#071B3A;

    font-weight:700;

    margin-bottom:18px;

}

.benefit-card p{

    color:#666;

    line-height:1.9;

    margin:0;

}
/*=========================================
CONSULTATION PROCESS
=========================================*/

.consult-process-section{

    padding:100px 0;

    background:#f8fafc;

}

.consult-step-card{

    position:relative;

    background:#fff;

    border-radius:22px;

    padding:45px 30px;

    text-align:center;

    height:100%;

    border:1px solid #ececec;

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

    transition:.35s;

    overflow:hidden;

}

.consult-step-card:hover{

    transform:translateY(-10px);

    border-color:#D4AF37;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.consult-step-number{

    position:absolute;

    top:20px;

    right:20px;

    font-size:48px;

    font-weight:800;

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

    line-height:1;

}

.consult-step-icon{

    width:95px;

    height:95px;

    margin:0 auto 25px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

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

}

.consult-step-icon i{

    font-size:36px;

    color:#fff;

}

.consult-step-card h4{

    font-size:24px;

    color:#071B3A;

    font-weight:700;

    margin-bottom:18px;

}

.consult-step-card p{

    color:#666;

    line-height:1.9;

    margin:0;

}

/* Desktop connector line */

@media(min-width:992px){

.consult-step-card::after{

    content:"";

    position:absolute;

    top:95px;

    right:-42px;

    width:84px;

    height:2px;

    background:#D4AF37;

}

.col-lg-3:last-child .consult-step-card::after{

    display:none;

}

}
/*=========================================
CONSULTATION TRUST STRIP
=========================================*/

.consult-trust-section{

    margin-top:-70px;

    position:relative;

    z-index:5;

    padding-bottom:70px;

}

.trust-box{

    background:#fff;

    border-radius:20px;

    padding:35px 20px;

    text-align:center;

    box-shadow:0 18px 45px rgba(0,0,0,.10);

    transition:.35s;

    height:100%;

}

.trust-box:hover{

    transform:translateY(-8px);

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

}

.trust-box i{

    font-size:40px;

    color:#D4AF37;

    margin-bottom:18px;

}

.trust-box h3{

    color:#071B3A;

    font-size:36px;

    font-weight:700;

    margin-bottom:8px;

}

.trust-box span{

    color:#666;

    font-size:16px;

    font-weight:500;

}

@media(max-width:991px){

.consult-trust-section{

    margin-top:0;

    padding-top:60px;

}

}
/*=========================================
CONSULTATION PROBLEMS
=========================================*/

.consult-problem-section{

    padding:100px 0;

    background:#ffffff;

}

.consult-problem-card{

    background:#fff;

    border:1px solid #ececec;

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

    height:100%;

    transition:.35s;

    box-shadow:0 12px 30px rgba(0,0,0,.06);

}

.consult-problem-card:hover{

    transform:translateY(-8px);

    border-color:#D4AF37;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.consult-problem-icon{

    width:80px;

    height:80px;

    margin:0 auto 20px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

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

}

.consult-problem-icon i{

    font-size:30px;

    color:#fff;

}

.consult-problem-card h5{

    color:#071B3A;

    font-size:22px;

    font-weight:700;

    margin-bottom:12px;

}

.consult-problem-card p{

    color:#666;

    min-height:50px;

    margin-bottom:18px;

}

.consult-problem-card a{

    color:#D4AF37;

    font-weight:700;

    text-decoration:none;

}

.consult-problem-card a:hover{

    color:#071B3A;

}
/*=========================================
CAREER ASTROLOGY
=========================================*/

.career-hero{
padding:110px 0;
background:linear-gradient(135deg,#071B3A,#123F7A);
color:#fff;
}

.career-breadcrumb{
margin-bottom:20px;
font-size:14px;
}

.career-breadcrumb a{
color:#D4AF37;
}

.career-breadcrumb span{
margin:0 6px;
}

.career-badge{
display:inline-block;
padding:8px 20px;
background:rgba(255,255,255,.15);
border-radius:30px;
margin-bottom:20px;
font-weight:600;
}

.career-hero h1{
font-size:52px;
font-weight:700;
line-height:1.2;
margin-bottom:25px;
}

.career-hero p{
color:#e6e6e6;
}

.career-list{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin:35px 0;
padding:0;
}

.career-list li{
list-style:none;
}

.career-list i{
color:#D4AF37;
margin-right:8px;
}

.career-intro-section{
padding:100px 0;
}

.career-highlights{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:15px;
margin-top:30px;
}

.career-highlight{
background:#f8fafc;
padding:15px;
border-radius:12px;
font-weight:600;
}

.career-highlight i{
color:#D4AF37;
margin-right:8px;
}

.career-benefits-section,
.career-analysis-section,
.career-why-section{
padding:100px 0;
}

.career-benefit-card,
.analysis-card,
.why-career-card{
background:#fff;
padding:35px;
border-radius:18px;
box-shadow:0 10px 35px rgba(0,0,0,.08);
height:100%;
transition:.35s;
text-align:center;
}

.career-benefit-card:hover,
.analysis-card:hover,
.why-career-card:hover{
transform:translateY(-8px);
}

.career-benefit-card i,
.analysis-icon,
.why-career-card i{
font-size:40px;
color:#D4AF37;
margin-bottom:20px;
}

.analysis-icon{
margin-bottom:20px;
}
/*==============================
GEMSTONE TRUST STRIP
==============================*/

.gemstone-trust-strip{
    background:#ffffff;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}

.trust-item{
    padding:20px;
    border-radius:15px;
    transition:.35s;
    height:100%;
}

.trust-item:hover{
    transform:translateY(-8px);
    background:#fff8ef;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.trust-icon{
    width:70px;
    height:70px;
    margin:auto;
    border-radius:50%;
    background:linear-gradient(135deg,#f8d568,#d4af37);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
    margin-bottom:18px;
}

.trust-item h6{
    font-weight:700;
    margin-bottom:6px;
}

.trust-item p{
    margin:0;
    color:#666;
    font-size:14px;
}
/*====================================
BROWSE BY PLANET
====================================*/

.browse-planet-section{
    background:#f8fafc;
}

.planet-card{
    background:#fff;
    border-radius:18px;
    padding:35px 25px;
    text-align:center;
    transition:.35s;
    height:100%;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    border:1px solid #eee;
}

.planet-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.planet-icon{
    width:80px;
    height:80px;
    border-radius:50%;
    margin:0 auto 20px;
    background:linear-gradient(135deg,#f7d25d,#d4af37);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:34px;
    font-weight:bold;
}

.planet-card h4{
    font-weight:700;
    margin-bottom:12px;
}

.planet-card p{
    color:#666;
    min-height:55px;
    margin-bottom:20px;
}
/*=====================================
BROWSE BY PURPOSE
=====================================*/

.browse-purpose-section{
    background:#ffffff;
}

.purpose-card{
    background:#fff;
    border:1px solid #ececec;
    border-radius:18px;
    padding:30px 20px;
    text-align:center;
    transition:.35s;
    height:100%;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

.purpose-card:hover{
    transform:translateY(-10px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.purpose-icon{
    width:75px;
    height:75px;
    border-radius:50%;
    margin:auto;
    margin-bottom:20px;
    background:linear-gradient(135deg,#d4af37,#f8d568);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
}

.purpose-card h4{
    font-weight:700;
    margin-bottom:12px;
}

.purpose-card p{
    color:#666;
    min-height:70px;
}
/*====================================
POPULAR GEMSTONES
====================================*/

.popular-gem-card{

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    transition:.35s;

    height:100%;

    border:1px solid #eee;

    box-shadow:0 12px 30px rgba(0,0,0,.06);

}

.popular-gem-card:hover{

    transform:translateY(-10px);

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.popular-image{

    overflow:hidden;

}

.popular-image img{

    transition:.4s;

    width:100%;

}

.popular-gem-card:hover img{

    transform:scale(1.08);

}

.popular-content{

    padding:25px;

}

.popular-content h4{

    font-weight:700;

    margin-bottom:5px;

}

.popular-content p{

    color:#666;

    line-height:1.7;

}
/*====================================
SHOP BY ZODIAC
====================================*/

.zodiac-card{

    background:#fff;

    border-radius:18px;

    padding:25px;

    text-align:center;

    transition:.35s;

    height:100%;

    border:1px solid #eee;

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

}

.zodiac-card:hover{

    transform:translateY(-8px);

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

}

.zodiac-icon{

    width:70px;

    height:70px;

    margin:auto;

    margin-bottom:15px;

    border-radius:50%;

    background:linear-gradient(135deg,#d4af37,#f7d25d);

    color:#fff;

    font-size:34px;

    display:flex;

    align-items:center;

    justify-content:center;

}

/*====================================
BUYING GUIDE
====================================*/

.guide-box{

    background:#fff;

    padding:25px;

    border-radius:15px;

    margin-bottom:25px;

    border-left:5px solid #d4af37;

    box-shadow:0 8px 20px rgba(0,0,0,.05);

}

.guide-box h4{

    font-weight:700;

    margin-bottom:10px;

}
/*====================================
GEMSTONE PRODUCT HERO
====================================*/

.gemstone-hero{
    background:#f8fafc;
}

.gem-product-image{
    position:relative;
    overflow:hidden;
}

.gem-product-image img{
    transition:.4s;
}

.gem-product-image:hover img{
    transform:scale(1.05);
}

.gem-badge{
    position:absolute;
    top:20px;
    left:20px;
    background:#d4af37;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-weight:600;
    z-index:2;
}

.rating{
    color:#f4b400;
    font-size:18px;
    font-weight:600;
}

.rating span{
    color:#666;
    font-size:14px;
    margin-left:10px;
}

.price-box{
    background:#fff8e6;
    border-left:5px solid #d4af37;
    padding:18px 25px;
    border-radius:10px;
    margin:25px 0;
}

.price-box h2{
    margin:0;
    color:#c62828;
    font-weight:700;
}

.gem-features{
    list-style:none;
    padding:0;
    margin:0;
}

.gem-features li{
    margin-bottom:12px;
    color:#444;
}

.quick-info{
    background:#fff;
    border-radius:15px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.quick-info strong{
    color:#222;
}

.quick-info p{
    color:#666;
    margin-bottom:20px;
}
/*=====================================
GEMSTONE GALLERY
======================================*/

.gem-gallery{

    background:#ffffff;

}

.gallery-main{

    border-radius:18px;

    overflow:hidden;

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

}

.gallery-main img{

    width:100%;

    transition:.4s;

    cursor:zoom-in;

}

.gallery-main:hover img{

    transform:scale(1.04);

}

.gallery-thumb{

    border-radius:12px;

    cursor:pointer;

    transition:.35s;

    border:3px solid transparent;

}

.gallery-thumb:hover{

    transform:scale(1.05);

}

.active-thumb{

    border-color:#d4af37;

}
/*====================================
NEELAM OVERVIEW
====================================*/

.gem-overview{

    background:#fff;

}

.overview-box{

    background:#fff;

    border:1px solid #ececec;

    border-radius:15px;

    padding:20px;

    text-align:center;

    height:100%;

    transition:.35s;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.overview-box:hover{

    transform:translateY(-8px);

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

}

.overview-box i{

    font-size:32px;

    color:#d4af37;

    margin-bottom:15px;

}

.overview-box h5{

    font-weight:700;

    margin-bottom:10px;

}

.overview-box p{

    margin:0;

    color:#666;

}

.gem-overview table{

    background:#fff;

}

.gem-overview th{

    background:#f8f8f8;

    width:30%;

}
/*====================================
NEELAM BENEFITS
====================================*/

.gem-benefits{
    background:#f8fafc;
}

.benefit-card{
    background:#fff;
    border-radius:18px;
    padding:30px;
    text-align:center;
    height:100%;
    transition:.35s;
    border:1px solid #ececec;
    box-shadow:0 10px 25px rgba(0,0,0,.05);
}

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

.benefit-icon{
    width:75px;
    height:75px;
    margin:0 auto 20px;
    border-radius:50%;
    background:linear-gradient(135deg,#d4af37,#f7d25d);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:30px;
}

.benefit-card h4{
    font-weight:700;
    margin-bottom:15px;
}

.benefit-card p{
    color:#666;
    line-height:1.8;
}
/*====================================
WHO SHOULD WEAR
====================================*/

.who-should-wear{
    background:#ffffff;
}

.wear-card{
    background:#fff;
    border-radius:18px;
    padding:35px;
    height:100%;
    box-shadow:0 12px 30px rgba(0,0,0,.06);
    transition:.35s;
}

.wear-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.recommended{
    border-left:6px solid #28a745;
}

.caution{
    border-left:6px solid #dc3545;
}

.wear-header{
    display:flex;
    align-items:center;
    margin-bottom:20px;
}

.wear-header i{
    font-size:34px;
    margin-right:15px;
}

.recommended i{
    color:#28a745;
}

.caution i{
    color:#dc3545;
}

.wear-header h3{
    margin:0;
    font-size:24px;
    font-weight:700;
}

.wear-card ul{
    padding-left:20px;
    margin-bottom:0;
}

.wear-card li{
    margin-bottom:12px;
    color:#555;
    line-height:1.8;
}

.consult-box{
    background:#f8fafc;
    border-radius:18px;
    padding:35px;
    border-left:5px solid #d4af37;
}

.consult-box h3{
    font-weight:700;
    margin-bottom:15px;
}

.consult-box p{
    color:#555;
    line-height:1.9;
    margin-bottom:0;
}
/*====================================
SPECIFICATIONS
====================================*/

.gem-specifications{

    background:#f8fafc;

}

.spec-card{

    background:#fff;

    border-radius:18px;

    padding:30px;

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

}

.spec-card table{

    margin-bottom:0;

}

.spec-card th{

    background:#fafafa;

    font-weight:600;

}

.origin-card{

    background:#fff;

    border-radius:18px;

    padding:30px;

    height:100%;

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

}

.origin-item{

    padding:18px 0;

    border-bottom:1px solid #eee;

}

.origin-item:last-child{

    border-bottom:none;

}

.origin-item h5{

    font-weight:700;

    margin-bottom:8px;

}

.origin-item p{

    margin-bottom:0;

    color:#666;

}
/*====================================
GEMSTONE PRICING
====================================*/

.gem-pricing{

    background:#ffffff;

}

.pricing-table{

    background:#fff;

    border-radius:15px;

    overflow:hidden;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.pricing-table thead{

    background:#d4af37;

    color:#fff;

}

.pricing-table th{

    padding:18px;

    font-weight:700;

}

.pricing-table td{

    padding:16px;

    vertical-align:middle;

}

.price-feature{

    background:#fff;

    padding:30px;

    border-radius:18px;

    text-align:center;

    height:100%;

    box-shadow:0 10px 25px rgba(0,0,0,.06);

    transition:.35s;

}

.price-feature:hover{

    transform:translateY(-8px);

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

}

.price-feature i{

    font-size:38px;

    color:#d4af37;

    margin-bottom:20px;

}

.price-feature h4{

    font-weight:700;

    margin-bottom:15px;

}

.price-feature p{

    color:#666;

    margin-bottom:0;

}
/*====================================
GEMSTONE CERTIFICATION
====================================*/

.gem-certification{

    background:#f8fafc;

}

.cert-box{

    background:#fff;

    padding:35px;

    border-radius:18px;

    box-shadow:0 12px 30px rgba(0,0,0,.06);

}

.cert-item{

    display:flex;

    gap:18px;

    margin-bottom:25px;

}

.cert-item i{

    width:60px;

    height:60px;

    background:#d4af37;

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    flex-shrink:0;

}

.cert-item h5{

    font-weight:700;

    margin-bottom:6px;

}

.cert-item p{

    margin:0;

    color:#666;

}

.trust-card{

    background:#fff;

    border-radius:18px;

    padding:30px;

    text-align:center;

    height:100%;

    transition:.35s;

    box-shadow:0 10px 25px rgba(0,0,0,.06);

}

.trust-card:hover{

    transform:translateY(-8px);

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

}

.trust-card i{

    font-size:36px;

    color:#d4af37;

    margin-bottom:18px;

}

.trust-card h5{

    font-weight:700;

    margin-bottom:10px;

}

.trust-card p{

    color:#666;

    margin-bottom:0;

}
/*====================================
HOW TO WEAR
====================================*/

.how-to-wear{

    background:#ffffff;

}

.wear-guide{

    background:#fff;

    border-radius:18px;

    padding:30px;

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

}

.guide-item{

    display:flex;

    gap:18px;

    margin-bottom:25px;

}

.guide-item:last-child{

    margin-bottom:0;

}

.guide-item i{

    width:60px;

    height:60px;

    border-radius:50%;

    background:#d4af37;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    flex-shrink:0;

}

.guide-item h5{

    font-weight:700;

    margin-bottom:6px;

}

.guide-item p{

    margin-bottom:0;

    color:#666;

}

.wear-process{

    background:#f8fafc;

    padding:35px;

    border-radius:18px;

}

.process-card{

    background:#fff;

    border-radius:15px;

    padding:25px;

    text-align:center;

    height:100%;

    box-shadow:0 8px 20px rgba(0,0,0,.05);

    transition:.35s;

}

.process-card:hover{

    transform:translateY(-8px);

}

.process-card span{

    display:inline-flex;

    width:50px;

    height:50px;

    border-radius:50%;

    background:#d4af37;

    color:#fff;

    align-items:center;

    justify-content:center;

    font-weight:700;

    margin-bottom:15px;

}

.process-card h5{

    font-weight:700;

    margin-bottom:10px;

}

.process-card p{

    color:#666;

    margin-bottom:0;

}

/*=====================================
ACTIVE MENU
======================================*/

.navbar .nav-link.active{

    color:#D4AF37 !important;

    font-weight:600;

}

.navbar .nav-link.active::after{

    width:100%;

}
/*=================================================
SERVICES MEGA MENU
=================================================*/

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

.mega-services-menu{

    width:760px;
    min-width:760px;

    left:50%;
    transform:translateX(-50%);

    margin-top:18px;
    padding:0;

    border:none;
    border-radius:18px;

    overflow:hidden;

    background:#fff;

    box-shadow:0 30px 80px rgba(0,0,0,.18);

}

.mega-header{

    background:linear-gradient(135deg,#0B3D91,#123F87);

    color:#fff;

    padding:18px 28px;

    font-size:20px;

    font-weight:700;

}

.mega-header i{

    color:#FFD54A;

    margin-right:10px;

}

.mega-grid{

    display:grid;

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

    gap:8px;

    padding:22px;

}

.mega-grid a{

    display:flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    color:#071B3A;

    padding:14px 16px;

    border-radius:10px;

    transition:.30s;

    font-size:16px;

    font-weight:500;

}

.mega-grid a i{

    width:22px;

    text-align:center;

    color:#D4AF37;

}

.mega-grid a:hover{

    background:#0B3D91;

    color:#fff;

    transform:translateX(6px);

}

.mega-grid a:hover i{

    color:#FFD54A;

}

.mega-footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 25px;

    background:#F7F9FC;

    border-top:1px solid #EEE;

}

.mega-footer a{

    text-decoration:none;

    font-weight:600;

    color:#0B3D91;

}

.mega-footer a:hover{

    color:#D4AF37;

}

/* Desktop Hover */

@media(min-width:992px){

.nav-item.dropdown:hover>.dropdown-menu{

display:block;

animation:fadeDown .25s ease;

}

}

@keyframes fadeDown{

from{

opacity:0;

transform:translate(-50%,10px);

}

to{

opacity:1;

transform:translate(-50%,0);

}

}
/*==================================================
KUNDLI HERO
==================================================*/

.kundli-hero{

background:linear-gradient(135deg,#0b3d91,#1d5bbf);

color:#fff;

border-radius:25px;

overflow:hidden;

}

.hero-action-box{

background:#ffffff;

padding:30px;

border-radius:20px;

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

}

.hero-action-box h4{

color:#0b3d91;

font-weight:700;

}

.hero-action-box p{

font-size:14px;

}

.hero-action-box i{

color:#f5a623;

}
/*==================================================
KUNDLI PAGE
==================================================*/

.kundli-page{
    background:#f7f9fc;
    padding:60px 0;
}

.kundli-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 15px 35px rgba(0,0,0,.08);
    margin-bottom:30px;
}

.kundli-card-header{
    padding:18px 25px;
    color:#fff;
    font-size:22px;
    font-weight:700;
}

.bg-blue{
    background:#2d6cdf;
}

.bg-red{
    background:#e53935;
}

.bg-green{
    background:#43a047;
}

.bg-gold{
    background:#f4b400;
    color:#222;
}

.kundli-card-body{
    padding:30px;
}

.kundli-table{
    width:100%;
    border-collapse:collapse;
}

.kundli-table td,
.kundli-table th{
    border:1px solid #ececec;
    padding:12px;
}

.kundli-table th{
    width:35%;
    background:#fafafa;
}

.kundli-table td{
    font-weight:500;
}

.summary-box{
    text-align:center;
    padding:25px;
    border-radius:15px;
    background:#fff;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    transition:.3s;
    margin-bottom:20px;
}

.summary-box:hover{
    transform:translateY(-6px);
}

.summary-box h5{
    margin-bottom:12px;
    color:#666;
}

.summary-box h3{
    color:#d32f2f;
    font-weight:bold;
}

.chart-table{
    table-layout:fixed;
    width:100%;
    height:650px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
}

.chart-table td{
    border:2px solid #ddd;
    vertical-align:middle;
}

.chart-center{
    background:#fafafa;
}

.chart-center h2{
    color:#d32f2f;
}

.planet-table thead{
    background:#0d6efd;
    color:#fff;
}

.planet-table td{
    vertical-align:middle;
}

.badge-sign{
    background:#0d6efd;
    color:#fff;
    padding:5px 10px;
    border-radius:20px;
}

.badge-house{
    background:#43a047;
    color:#fff;
    padding:5px 10px;
    border-radius:20px;
}

.mahadasha-table thead{
    background:#198754;
    color:#fff;
}

@media(max-width:768px){

.chart-table{
height:auto;
font-size:14px;
}

.chart-table td{
height:90px;
}

.summary-box{
margin-bottom:15px;
}

}
/*=========================================================
GENERATE KUNDLI
=========================================================*/

.kundli-page{
    background:#f7f9fc;
    padding:60px 0;
}

.kundli-card{
    background:#fff;
    border-radius:18px;
    overflow:hidden;
    box-shadow:0 10px 35px rgba(0,0,0,.08);
    margin-bottom:30px;
    border:none;
}

.kundli-card .card-header{
    padding:18px 25px;
    border:none;
}

.kundli-card .card-body{
    padding:25px;
}

.kundli-card h4{
    margin:0;
    font-weight:700;
}

.kundli-table{
    width:100%;
    margin:0;
}

.kundli-table th{
    width:40%;
    background:#fafafa;
    font-weight:600;
}

.kundli-table td{
    color:#444;
}

.kundli-table th,
.kundli-table td{
    padding:12px 15px;
    border:1px solid #ececec;
}

/* Summary Cards */

.summary-box{
    background:#fff;
    border-radius:15px;
    padding:25px;
    text-align:center;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    margin-bottom:25px;
}

.summary-box h6{
    color:#888;
    margin-bottom:8px;
}

.summary-box h3{
    color:#0d6efd;
    font-weight:700;
}
/*=================================================
OM ICON
=================================================*/

.om-icon{
    width:120px;
    height:120px;
    margin:0 auto 20px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;

    background:linear-gradient(135deg,#fff8e1,#ffd54f);

    border:3px solid #ffb300;

    box-shadow:0 15px 35px rgba(255,193,7,.35);

    color:#ff6f00;

    font-size:72px;

    transition:.35s ease;
}

.om-icon i{
    line-height:1;
}

.om-icon:hover{
    transform:scale(1.08);
    box-shadow:0 20px 45px rgba(255,193,7,.45);
}
/*=========================================
VEDIC LOGO
=========================================*/

.vedic-logo{
    display:flex;
    justify-content:center;
    margin-bottom:25px;
}

.vedic-ring{

    width:140px;
    height:140px;

    border-radius:50%;

    background:
    linear-gradient(135deg,#ffd54f,#ff9800);

    padding:6px;

    animation:rotateRing 18s linear infinite;

    box-shadow:
    0 0 25px rgba(255,193,7,.45);
}

.vedic-inner{

    width:100%;
    height:100%;

    background:#fff;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:72px;

    color:#f57c00;

    font-weight:bold;

    font-family:
    "Noto Sans Devanagari",
    "Mangal",
    serif;
}

@keyframes rotateRing{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}
.horoscope-summary-card{

    border-radius:20px;

    overflow:hidden;

}

.horoscope-summary-card .card-header{

    background:linear-gradient(135deg,#ff9800,#ff5722);

    color:#fff;

    padding:25px;

}

.summary-box{

    background:#fff;

    border-radius:15px;

    padding:25px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.3s;

    height:100%;

}

.summary-box:hover{

    transform:translateY(-5px);

}

.summary-box h6{

    margin-top:15px;

    color:#666;

}

.summary-box h5{

    font-weight:700;

    color:#1d3557;

}