/* =====================================================
   Astroshastra Homepage CSS
   File: homepage.css
   Use on: https://www.astroshastra.com/index.php
   Theme: Premium Red / Gold / Light Spiritual
   ===================================================== */

/* ------------------------------
   1. Root Variables & Global
------------------------------ */
:root{
    --astro-red:#c1121f;
    --astro-red-dark:#8b0000;
    --astro-red-light:#e63946;
    --astro-gold:#f4c430;
    --astro-gold-light:#ffd700;
    --astro-cream:#fff8e6;
    --astro-light:#fffdf5;
    --astro-text:#333;
}

*{
    box-sizing:border-box;
}

body{
    font-family:Arial, sans-serif;
    background:#fffdf5;
    color:var(--astro-text);
    margin:0;
}

a{
    text-decoration:none;
}

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

.section-title{
    text-align:center;
    margin-bottom:35px;
}

.section-title h2{
    color:var(--astro-red-dark);
    font-weight:900;
    position:relative;
    margin-bottom:15px;
}

.section-title h2:after{
    content:"";
    width:90px;
    height:4px;
    background:linear-gradient(90deg,var(--astro-red),var(--astro-gold-light));
    display:block;
    margin:14px auto 0;
    border-radius:30px;
}

.section-title p{
    max-width:780px;
    margin:auto;
    color:#666;
    line-height:1.8;
}

/* Top Bar */
.astro-topbar{
    background:linear-gradient(90deg,#b00018,#c1121f,#f4c430);
    color:#fff;
    font-size:14px;
    padding:8px 0;
}

/* Navbar */
.astro-navbar{
    background:#fff;
    box-shadow:0 5px 20px rgba(193,18,31,.12);
    padding:5px 0;
}

.navbar-brand{
    padding:0;
    margin:0;
    font-weight:900;
    font-size:30px;
    color:var(--astro-red)!important;
}

.logo-img{
    height:55px;
    width:auto;
    display:block;
}

@media(max-width:768px){
    .logo-img{
        height:45px;
    }
}

.nav-link{
    font-weight:700;
    color:#333!important;
}

.nav-link:hover{
    color:var(--astro-red)!important;
}

/* Buttons */
.btn-astro{
    background:linear-gradient(135deg,#c1121f,#e63946);
    color:#fff;
    border-radius:35px;
    padding:10px 24px;
    font-weight:800;
    border:none;
    box-shadow:0 8px 22px rgba(193,18,31,.28);
}

.btn-astro:hover{
    background:linear-gradient(135deg,#8b0000,#c1121f);
    color:#fff;
}

.btn-gold{
    background:linear-gradient(135deg,#ffd700,#ffcc00,#f4c430);
    color:#8b0000;
    border-radius:35px;
    padding:10px 24px;
    font-weight:900;
    border:none;
    box-shadow:0 8px 22px rgba(244,196,48,.38);
}

.btn-gold:hover{
    background:linear-gradient(135deg,#f4c430,#ffd700);
    color:#8b0000;
}

/* Hero */
.hero-section{
    padding:25px 0 35px;
    background:linear-gradient(135deg,#fffdf7,#fff3c4,#ffe8a3);
}

.hero-section .container{
    max-width:1320px;
}

.hero-section h1{
    font-size:34px;
    line-height:1.15;
    color:var(--astro-red-dark);
    font-weight:900;
}

.hero-section p{
    font-size:15px;
    line-height:1.6;
    max-width:480px;
}

.hero-image-box{
    padding:2px;
    margin:0;
    border:3px solid #f4c430;
    border-radius:24px;
    background:#fff;
    overflow:hidden;
}

.hero-image-box img{
    width:100%;
    height:auto;
    object-fit:contain;
    border-radius:20px;
    display:block;
}

/* Cards */
.quick-card,
.category-card,
.service-card{
    background:linear-gradient(180deg,#ffffff,#fffaf0);
    border:2px solid var(--astro-gold);
    border-radius:22px;
    padding:22px;
    height:100%;
    text-align:center;
    box-shadow:0 10px 28px rgba(244,196,48,.25);
    transition:.35s ease;
}

.quick-card:hover,
.category-card:hover,
.service-card:hover{
    transform:translateY(-8px);
    border-color:var(--astro-red);
    box-shadow:0 18px 38px rgba(193,18,31,.24);
}

.quick-card h3,
.category-card h3,
.service-card h3{
    color:var(--astro-red-dark);
    font-size:18px;
    font-weight:900;
}

.category-card p,
.service-card p{
    color:#666;
    line-height:1.6;
}

.category-card img{
    width:100%;
    height:250px;
    object-fit:contain;
    border-radius:18px;
    margin-bottom:15px;
    border:1px solid #ffe08a;
    background:#fffaf0;
}

/* Tools Section */
.tools-section{
    background:linear-gradient(180deg,#fffdf7,#fff4d8);
}

.tool-card{
    min-height:205px;
    padding:16px 10px;
    display:flex!important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border-radius:22px;
    overflow:hidden;
}

.tool-img{
    width:120px!important;
    height:120px!important;
    object-fit:contain!important;
    display:block;
    margin:0 auto 12px;
}

.tool-card h3,
.quick-card h3{
    font-size:15px;
    line-height:1.25;
    margin:0;
    color:#8b0000;
    font-weight:900;
}

/* Light Sections */
.bg-astro-light{
    background:linear-gradient(180deg,#fffef8,#fff4d8);
}

/* FAQ */
.accordion-item{
    border:1px solid #f4c430;
    border-radius:14px!important;
    overflow:hidden;
    margin-bottom:14px;
    box-shadow:0 6px 18px rgba(244,196,48,.18);
}

.accordion-button{
    font-weight:800;
    color:var(--astro-red-dark);
    background:#fffaf0;
}

.accordion-button:not(.collapsed){
    background:linear-gradient(90deg,#fff3c4,#fffaf0);
    color:var(--astro-red);
}

/* Footer CTA */
.footer-cta{
    background:radial-gradient(circle at top, rgba(255,215,0,.25), transparent 35%),
    linear-gradient(135deg,#a40000,#c1121f,#e63946);
    color:#fff;
    padding:60px 0;
}

.footer-cta h2{
    font-weight:900;
}

/* Footer */
footer{
    background:linear-gradient(135deg,#c1121f 0%,#e63946 45%,#f4c430 100%)!important;
    color:#fff;
}

footer h4,
footer h5{
    color:#fff8c6;
    font-weight:900;
}

footer a{
    color:#fff!important;
}

footer a:hover{
    color:#fff8c6!important;
}

/* Premium Features */
.whatsapp-float{
    position:fixed;
    right:18px;
    bottom:85px;
    background:#25d366;
    color:#fff;
    padding:12px 18px;
    border-radius:40px;
    font-weight:900;
    z-index:999;
    box-shadow:0 8px 24px rgba(0,0,0,.25);
}

.mobile-bottom-nav{
    display:none;
}

/* Tablet */
@media(max-width:992px){
    .hero-section h1{
        font-size:34px;
    }

    .category-card img{
        height:220px;
    }
}

/* Mobile */
@media(max-width:768px){
    .hero-section{
        padding:45px 0;
        text-align:center;
    }

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

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

    .section-padding{
        padding:42px 0;
    }

    .logo-img{
        height:55px;
    }

    .tool-img{
        width:95px!important;
        height:95px!important;
    }

    .tool-card{
        min-height:175px;
    }

    .mobile-bottom-nav{
        display:flex;
        position:fixed;
        bottom:0;
        left:0;
        right:0;
        background:#fff;
        z-index:999;
        box-shadow:0 -5px 22px rgba(193,18,31,.18);
        justify-content:space-around;
        padding:9px 0;
        border-top:2px solid var(--astro-gold);
    }

    .mobile-bottom-nav a{
        font-size:12px;
        color:var(--astro-red);
        font-weight:800;
    }

    body{
        padding-bottom:58px;
    }
}

/* Small Mobile */
@media(max-width:480px){
    .navbar-brand{
        font-size:24px;
    }

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

    .quick-card,
    .category-card,
    .service-card{
        padding:18px;
    }

    .category-card img{
        height:200px;
    }

    .tool-img{
        width:90px!important;
        height:90px!important;
    }
}

.premium-service{
    overflow:hidden;
    padding:0;
    border-radius:25px;
}

.premium-service:hover img{
    transform:scale(1.05);
}

.service-content{
    padding:20px;
}

.service-content h3{
    font-size:20px;
    margin-bottom:12px;
    color:#8b0000;
    font-weight:900;
}

.service-content p{
    min-height:75px;
    color:#555;
    line-height:1.6;
}

.service-content .btn{
    margin-top:10px;
}

  /* =================================
   PREMIUM ASTROLOGY SERVICES
================================= */

.service-card-premium{
    background:#fff;
    border-radius:25px;
    overflow:hidden;

    border:2px solid rgba(212,175,55,.35);

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

    transition:.35s ease;

    height:100%;
}

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

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

    border-color:#d4af37;
}

.service-card-premium img{
    width:100%;
    height:220px;

    object-fit:contain;

    background:
    linear-gradient(
    180deg,
    #fffef8,
    #fff4d8
    );

    padding:10px;

    display:block;
}

.service-content{
    padding:18px;
    text-align:center;
}

.service-content h3{
    color:#8b0000;

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

    margin-bottom:12px;

    line-height:1.25;
}

.service-content p{
    color:#555;

    font-size:14px;

    line-height:1.6;

    min-height:75px;

    margin-bottom:15px;
}

.service-content .btn{
    border-radius:30px;
}

/* Mobile */

@media(max-width:768px){

    .service-card-premium img{
        height:180px;
    }

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

    .service-content p{
        min-height:auto;
    }
}

/* ==========================
   PREMIUM MEMBERSHIP SECTION
========================== */

.membership-premium-section{
    background:
    linear-gradient(
    180deg,
    #fffdf6,
    #fff5d1
    );
}

.membership-premium-card{

    background:
    linear-gradient(
    135deg,
    #fff7cf 0%,
    #ffe58a 40%,
    #ffd700 100%
    );

    border-radius:30px;

    padding:30px;

    border:3px solid #d4af37;

    position:relative;

    overflow:hidden;

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

/* Decorative Glow */

.membership-premium-card:before{

    content:'';

    position:absolute;

    top:-100px;
    right:-100px;

    width:250px;
    height:250px;

    background:
    radial-gradient(
    circle,
    rgba(255,255,255,.6),
    transparent 70%
    );
}

/* Image */

.membership-image{
    max-width:320px;
    margin:auto;
}

.membership-image img{

    width:100%;

    height:220px;

    object-fit:cover;

    border-radius:20px;

    border:3px solid #d4af37;

    background:#fff;

    display:block;
}

/* Badge */

.membership-badge{

    display:inline-block;

    background:#8b0000;

    color:#ffd700;

    padding:8px 18px;

    border-radius:50px;

    font-size:13px;

    font-weight:900;

    margin-bottom:15px;
}

/* Heading */

.membership-premium-card h2{

    color:#8b0000;

    font-size:38px;

    font-weight:900;

    margin-bottom:12px;
}

/* Description */

.membership-desc{

    color:#5a2a00;

    font-size:16px;

    line-height:1.8;

    margin-bottom:22px;
}

/* Features */

.membership-features{

    display:grid;

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

    gap:12px;

    margin-bottom:22px;
}

.feature-box{

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

    border-radius:16px;

    padding:14px;

    font-weight:700;

    color:#8b0000;

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

.feature-box span{

    margin-right:8px;
}

/* Buttons */

.membership-buttons{

    display:flex;

    gap:12px;

    flex-wrap:wrap;
}

.btn-membership{

    background:
    linear-gradient(
    135deg,
    #8b0000,
    #c1121f
    );

    color:#fff;

    border-radius:35px;

    padding:12px 28px;

    font-weight:800;
}

.btn-membership:hover{

    color:#fff;
}

.btn-membership-outline{

    border:2px solid #8b0000;

    color:#8b0000;

    border-radius:35px;

    padding:12px 28px;

    font-weight:800;
}

.btn-membership-outline:hover{

    background:#8b0000;

    color:#fff;
}

/* Mobile */

@media(max-width:768px){

    .membership-premium-card{

        padding:20px;

        text-align:center;
    }

    .membership-image img{

        height:180px;
    }

    .membership-premium-card h2{

        font-size:28px;
    }

    .membership-features{

        grid-template-columns:1fr;
    }

    .membership-buttons{

        justify-content:center;
    }
}

/* Popular Rudraksha Image Fix */
.popular-section .category-card img,
.category-card img{
    width:100%;
    height:180px;
    object-fit:contain;
    padding:6px;
    background:#fff8df;
}

.daan-section{
    background:linear-gradient(180deg,#fff9ec,#fff3d5);
}

.daan-card{
    background:#fff;
    border-radius:25px;
    overflow:hidden;
    text-align:center;
    padding-bottom:20px;
    border:2px solid rgba(212,175,55,.35);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.4s;
    height:100%;
}

.daan-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(139,0,0,.15);
}

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

.daan-card h3{
    color:#8b0000;
    font-size:22px;
    font-weight:800;
    margin:18px 0 10px;
}

.daan-card p{
    color:#555;
    padding:0 18px;
    min-height:70px;
}

.daan-btn{
    display:inline-block;
    padding:10px 25px;
    border-radius:50px;
    text-decoration:none;
    color:#fff;
    background:linear-gradient(135deg,#b71c1c,#d4af37);
    font-weight:700;
    margin-top:10px;
}

.daan-btn:hover{
    color:#fff;
    background:linear-gradient(135deg,#8b0000,#f4c430);
}
.daan-mini-section{
    background:#fff9f3;
    border-radius:20px;
    padding:40px 20px;
}

.daan-heading{
    color:#8b1e1e;
    font-weight:700;
    margin-bottom:8px;
}

.daan-subtitle{
    color:#666;
    font-size:15px;
}

.daan-mini-card{
    display:block;
    background:#fff;
    border:1px solid #f2d6aa;
    border-radius:16px;
    text-align:center;
    padding:15px 10px;
    text-decoration:none;
    height:100%;
    transition:all .3s ease;
    box-shadow:0 4px 15px rgba(0,0,0,.05);
}

.daan-mini-card:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 20px rgba(139,30,30,.12);
}

.daan-mini-card img{
    width:120px;
    height:120px;
    object-fit:cover;
    border-radius:50%;
    border:4px solid #f6d7a2;
    margin-bottom:12px;
}

.daan-mini-card h3{
    font-size:15px;
    color:#8b1e1e;
    font-weight:600;
    margin:0;
}
/* ==========================
   EXCLUSIVE STORES SECTION
========================== */

.exclusive-store-section{
    padding:60px 0;
    background:#fffaf3;
}

.store-heading{
    text-align:center;
    margin-bottom:40px;
}

.store-heading span{
    color:#c89b3c;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:13px;
    font-weight:600;
}

.store-heading h2{
    color:#8b1e1e;
    font-size:38px;
    font-weight:700;
    margin:10px 0;
}

.store-heading p{
    color:#666;
    max-width:750px;
    margin:auto;
}

/* Grid */

.store-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:20px;
}

/* Base Card */

.store-card{
    position:relative;
    overflow:hidden;

    text-decoration:none;
    text-align:center;

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

    border:2px solid #d4af37;

    transition:.35s ease;

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

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

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

/* Gold Shine */

.store-card::before{
    content:'';
    position:absolute;
    top:0;
    left:-120%;
    width:60%;
    height:100%;

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

    transform:skewX(-25deg);
    transition:1s;
}

.store-card:hover::before{
    left:150%;
}

/* Images */

.store-card img{
    width:200px;
    height:200px;
    object-fit:cover;

    border-radius:15px;

    border:2px solid rgba(255,215,0,.35);

    display:block;
    margin:auto;
}

/* Title */

.store-card h3{
    margin-top:15px;
    margin-bottom:0;

    color:#ffd76a;
    font-size:20px;
    font-weight:600;
}

/* ==========================
   INDIVIDUAL STORE COLORS
========================== */

/* Parad Store */

.parad-store{
    background:
    linear-gradient(
    145deg,
    #1a1a1a,
    #2b2b2b,
    #3a3a3a
    );
}

/* Crystal Store */

.crystal-store{
    background:
    linear-gradient(
    145deg,
    #3c1d63,
    #5a2d82,
    #6d3ea5
    );
}

/* Feng Shui Store */

.fengshui-store{
    background:
    linear-gradient(
    145deg,
    #0f5132,
    #146c43,
    #198754
    );
}

/* Spiritual Jewelry */

.jewelry-store{
    background:
    linear-gradient(
    145deg,
    #121212,
    #242424,
    #3a3a3a
    );
}

/* Herbs Store */

.herbs-store{
    background:
    linear-gradient(
    145deg,
    #355e3b,
    #4f7942,
    #5f8f4f
    );
}

/* Responsive */

@media(max-width:1200px){

    .store-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:768px){

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

}

@media(max-width:576px){

    .store-grid{
        grid-template-columns:1fr;
    }

    
}
/* ==========================
   MAGIC OILS PREMIUM SECTION
========================== */

.luxury-oils-mini{
    padding:60px 0;
    background:#fffaf3;
}

/* Heading */

.oil-heading{
    text-align:center;
    margin-bottom:40px;
}

.oil-heading h2{
    font-size:38px;
    font-weight:700;
    color:#8b1e1e;
    margin-bottom:10px;
}

.oil-heading p{
    color:#666;
    font-size:16px;
    max-width:700px;
    margin:auto;
}

/* Grid */

.oil-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

/* Cards */

.oil-box{
    position:relative;
    overflow:hidden;

    text-decoration:none;
    text-align:center;

    padding:25px 15px;

    border-radius:20px;

    background:
    linear-gradient(
        145deg,
        #5a0d0d,
        #7b1113,
        #8b1e1e,
        #6a0f10
    );

    border:2px solid #d4af37;

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

    transition:all .35s ease;
}

/* Gold Shine Effect */

.oil-box::before{
    content:'';
    position:absolute;
    top:0;
    left:-120%;

    width:60%;
    height:100%;

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

    transform:skewX(-25deg);

    transition:1s;
}

.oil-box:hover::before{
    left:150%;
}

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

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

/* Images */

.oil-box img{
    width:200px;
    height:200px;
    object-fit:contain;
    display:block;
    margin:auto;

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

/* Title */

.oil-box h3{
    margin-top:18px;
    margin-bottom:6px;

    color:#ffd76a;

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

    line-height:1.3;
}

/* Subtitle */

.oil-box span{
    color:#fff4d4;

    font-size:13px;
    letter-spacing:.5px;

    font-weight:500;
}

/* Optional CTA */

.oil-box .view-more{
    display:inline-block;

    margin-top:15px;

    color:#ffd76a;

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

    text-transform:uppercase;
    letter-spacing:1px;
}

/* Mobile */

@media(max-width:991px){

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

}

@media(max-width:576px){

    .oil-row{
        grid-template-columns:1fr;
    }

    .oil-box img{
        width:130px;
        height:130px;
    }

    .oil-heading h2{
        font-size:30px;
    }

}
/* ==========================
   PREMIUM PUJA SECTION
========================== */

.premium-puja-section{
    padding:70px 0;
    background:#fffaf3;
}

.puja-heading{
    text-align:center;
    margin-bottom:40px;
}

.puja-heading span{
    color:#c89b3c;
    text-transform:uppercase;
    letter-spacing:2px;
    font-size:13px;
    font-weight:600;
}

.puja-heading h2{
    color:#8b1e1e;
    font-size:38px;
    font-weight:700;
    margin:10px 0;
}

.puja-heading p{
    color:#666;
    max-width:750px;
    margin:auto;
}

.puja-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.puja-card{
    text-decoration:none;
    text-align:center;

    padding:22px;
    border-radius:22px;

    border:2px solid #d4af37;

    overflow:hidden;
    position:relative;

    transition:.35s ease;

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

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

.puja-card img{
    width:200px;
    height:200px;
    object-fit:cover;

    border-radius:18px;

    margin:auto;
    display:block;

    border:2px solid rgba(255,215,0,.35);
}

.puja-card h3{
    color:#ffd76a;
    margin-top:18px;
    margin-bottom:10px;
    font-size:24px;
}

.puja-card p{
    color:#fff5dc;
    font-size:14px;
    line-height:1.6;
}

/* Online Puja */

.puja-service{
    background:
    linear-gradient(
    145deg,
    #b86b00,
    #d48806,
    #f0ad4e
    );
}

/* Abhishekam */

.abhishekam-service{
    background:
    linear-gradient(
    145deg,
    #0f3460,
    #1b4f8c,
    #2c6db8
    );
}

/* Homa */

.homa-service{
    background:
    linear-gradient(
    145deg,
    #8b1e1e,
    #b22222,
    #d94841
    );
}

/* Japa */

.japa-service{
    background:
    linear-gradient(
    145deg,
    #4b2a7a,
    #6d3ea5,
    #8d63d2
    );
}

@media(max-width:991px){

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

}

@media(max-width:576px){

    .puja-grid{
        grid-template-columns:1fr;
    }

}
.spiritual-dashboard-section{
    padding:70px 0;
    background:linear-gradient(135deg,#fff9ef,#fff4df);
}

.dashboard-heading{
    text-align:center;
    margin-bottom:45px;
}

.dashboard-tag{
    display:inline-block;
    padding:8px 18px;
    border-radius:30px;
    background:#7A1020;
    color:#fff;
    font-size:13px;
    font-weight:600;
    letter-spacing:1px;
    margin-bottom:15px;
}

.dashboard-heading h2{
    color:#7A1020;
    font-size:42px;
    font-weight:700;
    margin-bottom:12px;
}

.dashboard-heading p{
    color:#666;
    font-size:18px;
}

.dashboard-card{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    border:2px solid rgba(212,175,55,.25);
    box-shadow:0 15px 40px rgba(0,0,0,.08);
    transition:.4s;
    height:100%;
}

.dashboard-card:hover{
    transform:translateY(-8px);
    border-color:#D4AF37;
    box-shadow:0 20px 50px rgba(122,16,32,.18);
}

.dashboard-image{
    position:relative;
    overflow:hidden;
}

.dashboard-image img{
    width:100%;
    height:240px;
    object-fit:cover;
    transition:.5s;
}

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

.dashboard-content{
    padding:25px;
    text-align:center;
}

.dashboard-content h3{
    color:#7A1020;
    font-size:22px;
    margin-bottom:12px;
    font-weight:700;
}

.dashboard-content p{
    color:#666;
    min-height:55px;
    font-size:15px;
    line-height:1.6;
}

.dashboard-btn{
    display:inline-block;
    margin-top:12px;
    padding:12px 28px;
    border-radius:40px;
    text-decoration:none;
    font-weight:600;
    color:#7A1020;
    border:2px solid #D4AF37;
    background:linear-gradient(135deg,#fff8dc,#f7e6a5);
    transition:.3s;
}

.dashboard-btn:hover{
    background:#7A1020;
    color:#fff;
}
.latest-blog-premium{
    padding:70px 0;
    background:linear-gradient(180deg,#fff8f2,#ffffff);
}

.blog-premium-heading{
    text-align:center;
    max-width:800px;
    margin:0 auto 45px;
}

.blog-premium-heading span{
    background:#8b1e1e;
    color:#fff;
    padding:8px 20px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    display:inline-block;
    margin-bottom:12px;
}

.blog-premium-heading h2{
    color:#7a1111;
    font-size:38px;
    font-weight:700;
    margin-bottom:10px;
}

.blog-premium-heading p{
    color:#666;
}

.blog-premium-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.blog-premium-card{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    border:1px solid #f2d9aa;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
}

.blog-premium-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(139,30,30,.18);
}

.blog-premium-image{
    display:block;
}

.blog-premium-image img{
    width:100%;
    height:240px;
    object-fit:contain;
    padding:10px;
    background:#fffaf5;
}

.blog-premium-content{
    padding:22px;
}

.blog-premium-date{
    color:#b8860b;
    font-size:13px;
    font-weight:600;
    margin-bottom:10px;
}

.blog-premium-content h3{
    font-size:22px;
    line-height:1.4;
    margin-bottom:12px;
}

.blog-premium-content h3 a{
    color:#7a1111;
    text-decoration:none;
}

.blog-premium-content p{
    color:#555;
    line-height:1.8;
    margin-bottom:20px;
}

.blog-read-btn{
    background:linear-gradient(135deg,#8b1e1e,#c89b2b);
    color:#fff;
    padding:12px 24px;
    border-radius:30px;
    text-decoration:none;
    font-weight:600;
    display:inline-block;
}

.blog-read-btn:hover{
    color:#fff;
}

@media(max-width:991px){
    .blog-premium-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:768px){
    .blog-premium-grid{
        grid-template-columns:1fr;
    }
}
  .astro-knowledge-premium{
    padding:80px 0;
    background:linear-gradient(180deg,#fffaf5,#fff3e5);
}

.premium-title{
    text-align:center;
    margin-bottom:50px;
}

.premium-title span{
    color:#c89b3c;
    font-size:13px;
    font-weight:700;
    letter-spacing:2px;
}

.premium-title h2{
    color:#8b1e1e;
    font-size:42px;
    font-weight:800;
    margin:10px 0;
}

.premium-title p{
    max-width:750px;
    margin:auto;
    color:#666;
    font-size:17px;
}

.premium-astro-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    height:100%;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.4s;
    border:1px solid #f1d8a8;
}

.premium-astro-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(139,30,30,.18);
}

.astro-img-wrap{
    width:100%;
    height:220px;
    overflow:hidden;
}

.astro-img-wrap img{
    width:100%;
    height:100%;
    object-fit:contain;
    transition:.5s;
}

.premium-astro-card:hover .astro-img-wrap img{
    transform:scale(1.08);
}

.premium-astro-card h3{
    color:#8b1e1e;
    font-size:24px;
    font-weight:700;
    padding:20px 20px 10px;
    margin:0;
}

.premium-astro-card p{
    padding:0 20px;
    color:#555;
    font-size:15px;
    line-height:1.7;
    min-height:95px;
}

.astro-links{
    padding:0 20px 15px;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}

.astro-links a{
    background:#fff5df;
    border:1px solid #f2d28b;
    color:#8b1e1e;
    padding:6px 12px;
    border-radius:30px;
    text-decoration:none;
    font-size:12px;
    font-weight:600;
}

.astro-links a:hover{
    background:#8b1e1e;
    color:#fff;
}

.premium-view-btn{
    display:block;
    margin:0 20px 20px;
    text-align:center;
    background:linear-gradient(135deg,#8b1e1e,#c89b3c);
    color:#fff;
    padding:12px;
    border-radius:50px;
    font-weight:700;
    text-decoration:none;
    transition:.3s;
}

.premium-view-btn:hover{
    color:#fff;
    background:linear-gradient(135deg,#c89b3c,#8b1e1e);
}

@media(max-width:768px){

    .premium-title h2{
        font-size:32px;
    }

    .astro-img-wrap{
        height:200px;
    }

}
.astro-footer-mini{
    background:#5a1212;
    border-top:3px solid #d4af37;
    padding:12px 0;
}

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

.footer-copy{
    color:#f5e6d3;
    font-size:14px;
}

.footer-copy strong{
    color:#ffd700;
}

.footer-phone{
    color:#ffd700;
    font-size:14px;
    font-weight:600;
}

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

.footer-social a{
    width:32px;
    height:32px;
    border-radius:50%;
    background:rgba(255,255,255,.12);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    font-size:14px;
    transition:.3s;
}

.footer-social a:hover{
    background:#d4af37;
    color:#5a1212;
}

@media(max-width:768px){

    .footer-row{
        flex-direction:column;
        text-align:center;
        gap:10px;
    }

}