:root{

    --primary:#6B3E16;
    --primary-dark:#4B2B10;
    --gold:#D4AF37;
    --cream:#FFF8EB;
    --border:#E2C98B;
    --text:#4B2B10;
    --shadow:0 10px 30px rgba(0,0,0,.12);

}

body{

    margin:0;
    font-family:'Segoe UI',sans-serif;
    background:#faf6ef;

}

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

.astro-card{

    max-width:900px;
    margin:30px auto;
    background:#fff;
    border:2px solid var(--border);
    border-radius:18px;
    overflow:hidden;
    box-shadow:var(--shadow);

}

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

.consultant-office{

    background:linear-gradient(135deg,#6B3E16,#8B5A2B);

    color:#fff;

    text-align:center;

    padding:35px;

}

/*================ NAME =================*/

.consultant-office h3{

    margin:0;
    font-size:40px;
    font-weight:700;

}

/*================ VERIFIED =================*/

.verified-badge{

    display:inline-block;

    margin-left:10px;

    background:#D4AF37;

    color:#fff;

    font-size:13px;

    padding:5px 14px;

    border-radius:30px;

}

/*================ PHOTO =================*/

.consultant-office img{

    width:220px;

    max-width:100%;

    border-radius:10px;

    margin:25px auto;

    display:block;

    border:4px solid #fff;

}

/*================ CATEGORY =================*/

.consultant-category{

    display:inline-block;

    margin-bottom:18px;

    background:linear-gradient(90deg,#6B3E16,#D4AF37);

    color:#fff;

    padding:10px 22px;

    border-radius:30px;

    font-size:13px;

    letter-spacing:1px;

    font-weight:bold;

}

/*================ OFFICE =================*/

.astro-info{

    margin:12px 0;

    font-size:18px;

    font-weight:700;

}

/*================ BADGES =================*/

.qualification-badge{

    display:inline-block;

    margin:8px;

    padding:10px 18px;

    background:#FFF4CC;

    border:1px solid #D4AF37;

    color:#5B3311;

    border-radius:40px;

    font-size:15px;

}

/*================ LOCATION =================*/

.consultant-location{

    margin-top:15px;

    color:#FFE8A0;

    font-size:16px;

}

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

.info-box,
.consultant-expertise,
.consultant-services,
.consultant-address,
.consultant-timing{

    background:#FFF8EB;

    color:#4B2B10;

    border-left:5px solid #D4AF37;

    border-radius:12px;

    margin-top:22px;

    padding:22px;

    line-height:1.9;

    font-size:16px;

    text-align:left;

    box-shadow:0 4px 12px rgba(0,0,0,.07);

}

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

.info-box strong,
.consultant-expertise strong,
.consultant-services strong,
.consultant-address strong,
.consultant-timing strong{

    display:block;

    margin-bottom:12px;

    color:#6B3E16;

    font-size:21px;

}

/*================ BRAND =================*/

.directory-brand{

    margin:25px 0;

    padding-top:15px;

    border-top:1px dashed #D4AF37;

    text-align:center;

    color:#8B5A2B;

    font-size:14px;

}

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

.consultant-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

    margin-top:30px;

}

.consultant-buttons a{

    flex:1;

    min-width:180px;

    text-decoration:none;

    text-align:center;

    padding:15px;

    border-radius:40px;

    font-weight:bold;

    transition:.3s;

}

.btn-call{

    background:#6B3E16;

    color:#fff;

}

.btn-whatsapp{

    background:#25D366;

    color:#fff;

}

.btn-profile{

    background:#D4AF37;

    color:#4B2B10;

}

.consultant-buttons a:hover{

    transform:translateY(-3px);

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

}

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

@media(max-width:768px){

.consultant-office{

    padding:25px;

}

.consultant-office h3{

    font-size:28px;

}

.consultant-office img{

    width:170px;

}

.consultant-buttons{

    flex-direction:column;

}

}

    /* ==========================================
   SHARE SECTION
   Brown & Gold Theme
========================================== */

.share{
    margin-top:35px;
    padding:30px;
    text-align:center;
    background:linear-gradient(135deg,#fffaf0,#f8f1df);
    border:2px solid #d4af37;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(122,78,29,.12);
}

.share strong{
    display:block;
    color:#5C3610;
    font-size:1.05rem;
    line-height:1.7;
    margin-bottom:20px;
}

.share a{
    display:inline-block;
    margin:6px;
    padding:12px 20px;
    border-radius:40px;
    text-decoration:none;
    font-weight:600;
    color:#fff;
    transition:.35s ease;
    box-shadow:0 4px 12px rgba(0,0,0,.15);
}

.share a:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 20px rgba(0,0,0,.22);
}

/* Facebook */
.share a:first-of-type{
    background:#1877F2;
}

/* WhatsApp */
.share .wa{
    background:#25D366;
}

/* X */
.share .tw{
    background:#3b2a18;
}

/* Telegram */
.share .tg{
    background:#b8860b;
}

/* LinkedIn */
.share .li{
    background:#7A4E1D;
}
.share a{
    background:linear-gradient(135deg,#7A4E1D,#C89B3C);
    color:#fff;
}
/*==========================================
  Directory Disclaimer
  Brown & Gold Theme
==========================================*/

.directory-cta{
    margin:40px 0;
    padding:35px;
    background:linear-gradient(135deg,#fffdf7,#f7ead1);
    border:2px solid #C89B3C;
    border-left:8px solid #7A4E1D;
    border-radius:20px;
    box-shadow:0 12px 30px rgba(122,78,29,.12);
}

.directory-cta h2{
    margin:0 0 20px;
    color:#5C3610;
    font-size:2rem;
    font-weight:700;
}

.directory-cta p{
    margin:0;
    color:#4b3a2b;
    font-size:1rem;
    line-height:1.9;
    text-align:justify;
}

/* Mobile */

@media(max-width:768px){

    .directory-cta{
        padding:25px;
        border-radius:16px;
    }

    .directory-cta h2{
        font-size:1.55rem;
    }

    .directory-cta p{
        font-size:.96rem;
        line-height:1.8;
    }

}
    /*==========================================
  COMPANY BOX
  Brown & Gold Theme
==========================================*/

.company-box{
    margin:50px 0;
    padding:40px;
    background:linear-gradient(135deg,#fffdf8,#f6ebd3);
    border:2px solid #C89B3C;
    border-radius:24px;
    box-shadow:0 15px 40px rgba(122,78,29,.12);
}

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

.company-logo{
    width:120px;
    height:120px;
    object-fit:contain;
    margin-bottom:20px;
}

.company-content h3{
    margin:0;
    color:#5C3610;
    font-size:2rem;
    font-weight:700;
}

.company-tagline{
    margin:18px auto 0;
    max-width:700px;
    font-size:1.05rem;
    line-height:1.9;
    color:#5f5142;
}

.company-tagline strong{
    color:#7A4E1D;
}

.company-divider{
    width:90px;
    height:4px;
    background:linear-gradient(90deg,#7A4E1D,#C89B3C);
    margin:30px auto;
    border-radius:50px;
}

.company-info{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
    margin-top:15px;
}

.info-block{
    background:#ffffff;
    padding:30px 25px;
    border:1px solid #e4c978;
    border-radius:18px;
    transition:.35s;
    box-shadow:0 8px 20px rgba(122,78,29,.08);
}

.info-block:hover{
    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(122,78,29,.15);
}

.info-icon{
    width:65px;
    height:65px;
    margin:0 auto 18px;
    border-radius:50%;
    background:linear-gradient(135deg,#7A4E1D,#C89B3C);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
}

.info-title{
    display:block;
    margin-bottom:15px;
    color:#5C3610;
    font-size:1.15rem;
    font-weight:700;
}

.info-block p{
    margin:0;
    color:#5b5248;
    line-height:1.9;
    font-size:1rem;
}

.info-block strong{
    color:#7A4E1D;
}

.info-block a{
    color:#7A4E1D;
    text-decoration:none;
    font-weight:600;
}

.info-block a:hover{
    color:#C89B3C;
}

/*=========================
        Mobile
=========================*/

@media(max-width:768px){

    .company-box{
        padding:25px;
        border-radius:18px;
    }

    .company-content h3{
        font-size:1.6rem;
    }

    .company-tagline{
        font-size:.96rem;
    }

    .company-info{
        grid-template-columns:1fr;
        gap:20px;
    }

    .company-logo{
        width:90px;
        height:90px;
    }

}
    /*==========================================
  PROFILE HEADER
  Brown & Gold Theme
==========================================*/

.profile-header{

    background:linear-gradient(135deg,#7A4E1D,#5C3610);

    color:#fff;

    text-align:center;

    padding:70px 20px;

    position:relative;

    overflow:hidden;

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

}

/* Decorative Glow */

.profile-header::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(200,155,60,.15);

    top:-120px;

    left:-120px;

}

.profile-header::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    background:rgba(244,227,178,.08);

    right:-80px;

    bottom:-100px;

}

.header-content{

    position:relative;

    z-index:2;

    max-width:850px;

    margin:auto;

}

.header-icon{

    width:90px;

    height:90px;

    margin:0 auto 25px;

    background:linear-gradient(135deg,#C89B3C,#E7C96A);

    color:#5C3610;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:42px;

    font-weight:bold;

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

}

.profile-header h1{

    margin:0;

    font-size:2.8rem;

    font-weight:700;

    color:#fff;

}

.profile-header p{

    margin-top:18px;

    font-size:1.08rem;

    color:#F8F4E8;

    line-height:1.8;

}

.header-badge{

    display:inline-block;

    background:#C89B3C;

    color:#5C3610;

    padding:10px 22px;

    border-radius:30px;

    font-weight:700;

    font-size:.95rem;

    margin-bottom:12px;

    box-shadow:0 4px 12px rgba(0,0,0,.2);

}

/*=========================
        Mobile
=========================*/

@media(max-width:768px){

    .profile-header{

        padding:50px 20px;

    }

    .header-icon{

        width:75px;

        height:75px;

        font-size:34px;

    }

    .profile-header h1{

        font-size:2rem;

    }

    .profile-header p{

        font-size:.95rem;

    }

    .header-badge{

        font-size:.85rem;

        padding:8px 18px;

    }

}
    /*==========================================
  Spiritual Background
==========================================*/

.page-bg{
    position:fixed;
    inset:0;
    overflow:hidden;
    pointer-events:none;
    z-index:-1;
}

.page-bg span{
    position:absolute;
    color:rgba(122,78,29,.06);
    font-family:"Noto Sans Devanagari","Mangal",serif;
    font-weight:700;
    user-select:none;
    animation:floatSymbol 28s linear infinite;
}

.page-bg span::before{
    content:"ॐ";
}

.page-bg span:nth-child(1){
    top:8%;
    left:8%;
    font-size:120px;
    animation-duration:30s;
}

.page-bg span:nth-child(2){
    top:22%;
    right:10%;
    font-size:180px;
    animation-duration:36s;
}

.page-bg span:nth-child(3){
    bottom:12%;
    left:15%;
    font-size:150px;
    animation-duration:32s;
}

.page-bg span:nth-child(4){
    bottom:6%;
    right:8%;
    font-size:220px;
    animation-duration:40s;
}

@keyframes floatSymbol{

    0%{
        transform:translateY(0) rotate(0deg);
    }

    50%{
        transform:translateY(-20px) rotate(8deg);
    }

    100%{
        transform:translateY(0) rotate(0deg);
    }

}

/*==========================================
    Back Button
    Brown & Gold Theme
==========================================*/

.back-area{
    text-align:center;
    margin:45px 0;
}

.back-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    padding:14px 28px;

    background:linear-gradient(135deg,#7A4E1D,#C89B3C);

    color:#fff;
    text-decoration:none;
    font-size:1rem;
    font-weight:700;

    border-radius:50px;
    border:2px solid #C89B3C;

    box-shadow:0 8px 22px rgba(122,78,29,.22);

    transition:all .35s ease;
}

.back-btn:hover{

    background:linear-gradient(135deg,#5C3610,#B8892A);

    color:#fff;

    transform:translateY(-4px);

    box-shadow:0 14px 30px rgba(122,78,29,.35);

}

.back-btn:active{

    transform:translateY(-1px);

}

.back-btn::before{

    content:"🪔";

    font-size:1.1rem;

}

@media(max-width:768px){

    .back-btn{

        width:100%;
        max-width:320px;

        padding:14px 20px;

        font-size:.95rem;

    }

}
/*==========================================
  Social Media link of astrolger
==========================================*/

/*==========================================
  Social Media Box
==========================================*/

.social-box{
    margin-top:35px;
    padding:30px;
    text-align:center;
    background:linear-gradient(135deg,#fffdf8,#f7edd8);
    border:2px solid #C89B3C;
    border-radius:20px;
    box-shadow:0 10px 25px rgba(122,78,29,.12);
}

.social-box strong{
    display:block;
    color:#5C3610;
    font-size:1.05rem;
    line-height:1.8;
    margin-bottom:18px;
}

.social-box a{
    display:inline-block;
    margin:6px;
    padding:12px 20px;
    border-radius:40px;
    text-decoration:none;
    color:#fff;
    font-weight:600;
    transition:.35s;
    box-shadow:0 5px 15px rgba(0,0,0,.15);
}

.social-box a:hover{
    transform:translateY(-4px);
    box-shadow:0 10px 22px rgba(0,0,0,.25);
}

/* Social Colors */

.fb{
    background:#1877F2;
}

.ig{
    background:linear-gradient(135deg,#833AB4,#FD1D1D,#FCAF45);
}

.yt{
    background:#FF0000;
}

.x{
    background:#000;
}

.li{
    background:#0A66C2;
}

@media(max-width:768px){

    .social-box{
        padding:25px;
    }

    .social-box a{
        display:block;
        margin:10px auto;
        max-width:240px;
    }

}