* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Segoe UI", sans-serif;
}
html {
    scroll-behavior: smooth;
}
body.expertise-page .page-title {
    margin-top: 0;
}
body.expertise-page .expertise-section:first-of-type {
    padding-top: 25px;
}
body.expertise-page .expertise-nav {
    padding: 10px 0;
}


body {
    background: #fff;
    margin: 0;
    padding-top: 95px; /* top-bar + navbar height */
}


/* Container */
.container {
    width: 90%;
    max-width: 1300px;
    margin: auto;
}

/* Top Bar */
.top-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 4px 20px;
    background: #ffffff;
    z-index: 1100;
    margin: 0; /* REMOVE GAP */
    line-height: 1.2;
}



.top-right {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    padding: 10px 0;
    color: #003b5c;
}

.top-right i {
    margin-right: 6px;
    color: #0077a3;
}

/* Header */
header {
    position: fixed;
    top: 25px; /* height of top-bar */
    left: 0;
    width: 100%;
    background: #ffffff;
    z-index: 1050;
    margin: 0;
    padding: 4px 0;
}


.navbar-brand img {
    height: 52px !important; /* Adjust this value as needed */
    width: auto;
    max-height: none !important;
    transition: transform 0.3s ease;
}

/* Ensure the navbar brand container doesn't restrict height */
.navbar-brand {
    margin-top: 0; /* VERY IMPORTANT */
    padding-top: 6px; /* reduce space */
    padding-bottom: 6px;
    margin-right: 2rem;
}

/* Optional: Center the menu items vertically with the larger logo */
.navbar-nav {
    align-items: center;
}
/* Navigation */
.nav-menu ul {
    list-style: none;
    display: flex;
    gap: 30px;
}

.nav-menu ul li a {
    text-decoration: none;
    color: #003b5c;
    font-weight: 600;
    font-size: 16px;
    transition: color 0.3s ease;
}

.nav-menu ul li a:hover {
    color: #d42603;
    font-size: large;
    text-decoration: underline;
}

/* Retaining your original base styles */
a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
    font-weight: 600;
}

a {
    color: #0077cc;
}

/* Professional Nav Styling */
.navbar-nav .nav-link {
    color: #334155 !important; /* Professional slate gray */
    font-weight: 500;
    font-size: 15px;
}

 .navbar-nav .nav-link:hover {
        color: #0077cc !important;
    }


.dropdown-item:active {
    background-color: #1b6ec2;
}

/* Utilities from your original file */

header,
.navbar {
    border-bottom: none !important;
    box-shadow: none !important;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px;
}
/* Contact Button */
.btn-outline-primary {
    border-color: #0077cc;
    color: #0077cc;
    border-radius: 6px;
    font-weight: 700;
}

    .btn-outline-primary:hover {
        background-color: #0077cc;
        color: white;
    }
/* Floating Social Container */
.floating-social {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Social Icon Style */
.floating-social .social {
     width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
}

/* Individual Colors */
.facebook {
    background: #1877f2;
}

.linkedin {
    background: #0077b5;
}
.social.twitter {
     background: #000000; 
    }

.whatsapp {
    background: #25d366;
}

.instagram {
    background: linear-gradient(
        45deg,
        #f58529,
        #feda77,
        #dd2a7b,
        #8134af,
        #515bd4
    );
}
.social.youtube {
  background-color: #ff0000;
}

/* Hover Effect */
.floating-social .social:hover {
    padding-right: 12px;
    width: 60px;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Segoe UI", sans-serif;
}

/* HERO SECTION */
.hero {
    position: relative;
    min-height: 90vh;
    background: url("../documents/taximg1.jpeg") no-repeat center right;
    background-size: cover;
    display: flex;
    align-items: center;
    padding: 0 8%;
}

/* White Gradient Overlay */
.hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0.95) 0%,
        rgba(255, 255, 255, 0.9) 45%,
        rgba(255, 255, 255, 0.6) 65%,
        rgba(255, 255, 255, 0.2) 100%
    );
}

.hero-content {
    position: relative;
    max-width: 600px;
    color: #1f2d3d;
}
.hero-title-1 {
    /*font-family: 'Rubik', sans-serif;*/
    font-family: 'OpenSans', 'Arial', sans-serif;
    font-weight: 500; /* Medium */
}
.hero-title-2{
    font-size: 35px;
    font-weight: normal;
    font-family: 'OpenSans', 'Arial', sans-serif;
}

.hero h1 {
    font-size: 20px;
    margin-bottom: 10px;
}

.hero p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400; /* Regular */
    margin-bottom: 30px;
}


.btn-primary {
    background-color: #FFD700; /* Gold */
    color: #001f3f; /* Dark Navy */
    padding: 12px 30px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: background-color 0.3s;
}

.btn-primary:hover {
    background-color: #E6C300;
}
/* Main Content Sections */
.section {
    padding: 60px 5%;
    text-align: center;
}

.section h2 {
    font-size: 2em;
    color: #001f3f;
    margin-bottom: 40px;
    position: relative;
}

.section h2::after {
    content: '';
    display: block;
    width: 50px;
    height: 3px;
    background-color: #FFD700;
    margin: 10px auto 0;
}
.section p {
      text-align: justify;        /* fits text cleanly within margins */
  text-justify: inter-word;
}

.grid-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
    margin-top: 20px;
}

.card {
    background-color: white;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    text-align: left;
    border-top: 4px solid #003366;
    transition: transform 0.3s;
    display: flex;
    flex-direction: column; /* IMPORTANT */
}
 .card a {
        margin-top: auto; /* MAGIC LINE */
    }

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

    .card h3 {
        color: #003366;
        margin-top: 0;
        font-family: 'Rubik', sans-serif;
        font-weight: 500;
    }
.card p{
    margin-bottom: 10px;
}



/* Footer */
footer {
    background: linear-gradient(135deg, #1f2937, #111827);
    color: #e5e7eb;
}
.footer {
    background-color: #001f3f;
    color: #ccc;
    padding: 40px 5%;
    text-align: center;
}

.footer-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.footer-links a {
    color: white;
    text-decoration: none;
    margin: 0 15px 10px 15px;
    font-size: 0.9em;
}

.footer-links a:hover {
    color: #FFD700;
}

.social-media a {
    color: #FFD700;
    font-size: 1.5em;
    margin: 0 10px;
    text-decoration: none;
}
/* Footer CTA */
.footer-cta {
background: #eeeeee;
padding: 20px 0;
}

.cta-flex {
display: flex;
align-items: center;
justify-content: space-between;
}

.footer-cta p {
font-size: 18px;
color: #1f3a52;
font-weight: 600;
}

.cta-btn {
background: #4a90e2;
color: #fff;
padding: 12px 25px;
border-radius: 25px;
text-decoration: none;
font-size: 14px;
}

.cta-btn:hover {
background: #357abd;
}

/* Main Footer */
.footer-main {
    background: #C9CCD3;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%);
    background-blend-mode: lighten;
    padding: 60px 0;
    color: black;
}

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

.footer-col h3 {
color: black;
margin-bottom: 20px;
font-size: 18px;
}

.footer-col p {
font-size: 14px;
line-height: 1.7;
margin-bottom: 10px;
}
/* Links */
.footer-col ul {
    list-style: none;
    }
    
    .footer-col ul li {
    margin-bottom: 12px;
    }
    
    .footer-col ul li a {
    color: black;
    text-decoration: none;
    font-size: 14px;
    }
    
    .footer-col ul li a:hover {
    color: #4a90e2;
    }
    
    /* Social Icons */
    .social-icons {
    margin-top: 15px;
    display: flex;
    gap: 10px;
    }
    
    .social-icons a {
    width: 35px;
    height: 35px;
    background: #3b536a;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    text-decoration: none;
    }
    
    .social-icons a:hover {
    background: #4a90e2;
    }
    
/* WRAPPER */
.contact-wrapper {
    padding: 80px 8%;
    background: #ffffff;
}

/* HEADER */
.contact-header {
    margin-bottom: 50px;
}

.contact-header h2 {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.contact-header p {
    font-size: 15px;
    color: #666;
}

/* CONTENT */
.contact-content {
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 40px;
    align-items: start;
}

/* FORM */
.contact-form input,
.contact-form textarea {
    width: 100%;
    padding: 16px 18px;
    margin-bottom: 22px;
    border: 1px solid #ddd;
    font-size: 15px;
}

.contact-form textarea {
    height: 160px;
    resize: none;
}

/* BUTTON */
.contact-form button {
    background: #1bb15e;
    color: #fff;
    border: none;
    padding: 14px 35px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
}

.contact-form button:hover {
    background: #169b51;
}

/* IMAGE */
.contact-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* RESPONSIVE */
@media (max-width: 900px) {
    .contact-content {
        grid-template-columns: 1fr;
    }

    .contact-image {
        margin-top: 30px;
    }
}
/* PAGE TITLE SECTION */
.page-title {
    position: relative;
    height: 320px;
    background: url("contact_img2.jpg") no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    padding-left: 8%;
    margin-top: 20px; /* adjust if header is fixed */
}

/* DARK OVERLAY */
.page-title-overlay {
    position: absolute;
    inset: 0;
    background: rgba(5, 20, 40, 0.65);
}

/* CONTENT */
.page-title-content {
    position: relative;
    color: #fff;
}

/* GREEN LINE */
.title-line {
    display: inline-block;
    width: 60px;
    height: 4px;
    background: #6dbb45;
    margin-bottom: 15px;
}

/* TITLE */
.page-title-content h1 {
    font-size: 44px;
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .page-title {
        height: 240px;
        padding-left: 5%;
    }

    .page-title-content h1 {
        font-size: 32px;
    }
}
    
@media (max-width: 768px) {
    .logo img {
        height: 50px;   /* smaller logo for mobile */
    }
}
/* ===== Income Tax / Expertise Detail Page Styling ===== */
.expertise-section {
    padding: 50px 8%;
}

.expertise-detail {
    padding: 70px 8%;
    background: #ffffff;
}

    /* Main Heading */
    .expertise-detail h2 {
        font-size: 34px;
        color: #0f172a;
        margin-bottom: 12px;
        font-weight: 700;
        position: relative;
    }

        /* Accent line under heading */
        .expertise-detail h2::after {
            content: "";
            display: block;
            width: 70px;
            height: 3px;
            background: #facc15; /* gold accent */
            margin-top: 10px;
        }

    /* Intro paragraph */
    .expertise-detail > p {
        font-size: 16px;
        color: #475569;
        max-width: 720px;
        line-height: 1.8;
        margin-bottom: 40px;
    }

    /* Sub-heading */
    .expertise-detail h3 {
        font-size: 22px;
        color: #1e293b;
        margin-bottom: 20px;
        font-weight: 600;
    }

/* Services box */
.services-box {
    background: #f8fafc;
    padding: 30px 35px;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.04);
    max-width: 760px;
}

    /* Service list */
    .services-box ul {
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

        /* Each item */
        .services-box ul li {
            font-size: 15.5px;
            color: #334155;
            padding-left: 30px;
            margin-bottom: 14px;
            position: relative;
        }

    /* Custom bullet */
     .services-box ul li::before {
                content: "✔";
                position: absolute;
                left: 0;
                top: 0;
                color: #16a34a;
                font-weight: bold;
            }

/* Closing paragraph */
.expertise-detail .closing-text {
    margin-top: 28px;
    font-size: 15px;
    color: #475569;
    line-height: 1.8;
}

/* CTA button spacing */
.expertise-detail .btn-primary {
    margin-top: 35px;
    padding: 14px 34px;
    border-radius: 30px;
}

/* Image styling */
.expertise-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .expertise-image img {
        width: 100%;
        max-width: 480px; /* 👈 ideal consultancy width */
        height: auto;
        border-radius: 16px;
        box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
    }

.contact-content {
    display: grid;
    grid-template-columns: 1fr 1.1fr; /* image | content */
    gap: 40px;
    align-items: center;
}
/* Responsive */
@media (max-width: 900px) {
    .expertise-detail {
        padding: 50px 6%;
    }

        .expertise-detail h2 {
            font-size: 28px;
        }

    .services-box {
        padding: 25px;
    }
}
/* Expertise / Consultancy style sections */
.expertise-section {
    padding: 35px 8%; /* reduced spacing */
}

    .expertise-section.alt {
        background: #f9fafc;
    }
.expertise-section {
    padding: 50px 8%;
    background: #ffffff;
}

/* Solid content block */
.expertise-block {
    background: #ffffff;
    border-radius: 18px;
    padding: 45px 50px;
    position: relative;
    box-shadow: 0 25px 55px rgba(0, 0, 0, 0.06);
}

    /* Left accent bar */
    .expertise-block::before {
        content: "";
        position: absolute;
        left: 0;
        top: 40px;
        width: 5px;
        height: calc(100% - 80px);
        background: linear-gradient( to bottom, #facc15, #f59e0b );
        border-radius: 4px;
    }

    /* Grid layout */
    .expertise-block .contact-content {
        display: grid;
        grid-template-columns: 1.1fr 1fr;
        gap: 45px;
        align-items: stretch;
    }

/* Text side */
.expertise-detail {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: 90px;
}
.expertise-detail h2 {
    font-size: 30px;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 16px;
}

.expertise-detail p {
    font-size: 15.5px;
    line-height: 1.9;
    color: #475569;
    margin-bottom: 14px;
}

.expertise-detail .btn-primary {
    background: #334155;
    color: #ffffff;
    border-radius: 999px;
    transition: all 0.25s ease;
    position: absolute;
    bottom: 35px; /* distance from bottom of block */
    left: 50%;
    transform: translateX(-50%);
    padding: 14px 36px;
    border-radius: 999px;
}
    .expertise-detail .btn-primary:hover {
        background: #1e293b;
        box-shadow: 0 10px 25px rgba(51, 65, 85, 0.35);
    }



/* Image side */
.expertise-image img {
    width: 100%;
    max-width: 440px;
    border-radius: 16px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.15);
}

/* Alternate background spacing */
.expertise-section.alt {
    background: #f8fafc;
}

/* Responsive */
@media (max-width: 900px) {
    .expertise-block {
        padding: 35px 28px;
    }

        .expertise-block::before {
            display: none;
        }

        .expertise-block .contact-content {
            grid-template-columns: 1fr;
        }

    .expertise-image {
        order: 1;
        margin-bottom: 25px;
        text-align: center;
    }

    .expertise-detail {
        order: 2;
    }
}
/* Expertise anchor navigation */
/* ===============================
   STYLISH EXPERTISE NAVIGATION
================================ */

.expertise-nav {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    padding: 16px 0;
    position: sticky;
    top: 110px; /* ✅ FIX */
    z-index: 900;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}


    /* Centered container */
    .expertise-nav .container {
        display: flex;
        justify-content: center;
        gap: 16px;
        flex-wrap: wrap;
    }

    /* Nav items (pills) */
    .expertise-nav a {
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.2px;
        color: #334155;
        text-decoration: none;
        padding: 10px 22px;
        border-radius: 999px;
        background: #f8fafc;
        border: 1px solid #e5e9f2;
        transition: all 0.25s ease;
    }

        /* Hover */
        .expertise-nav a:hover {
            background: #0f172a;
            color: #ffffff;
            transform: translateY(-1px);
        }

        /* Active state */
        .expertise-nav a.active {
            background: linear-gradient(135deg, #facc15, #f59e0b);
            color: #0f172a;
            border-color: transparent;
            box-shadow: 0 8px 20px rgba(250, 204, 21, 0.35);
        }

/* ===============================
   HEADER SHRINK ON SCROLL
================================ */

/* ===============================
   STRONG HEADER SHRINK ON SCROLL
================================ */

/* Smooth transitions */
.top-bar,
header,
.navbar-brand img,
.expertise-nav {
    transition: all 0.3s ease;
}

/* SHRUNK STATE */
body.header-shrink .top-bar {
    padding: 1px 18px; /* almost collapsed */
}

body.header-shrink header {
    padding: 1px 0; /* tight header */
}

body.header-shrink .navbar-brand img {
    height: 38px !important; /* 🔥 more shrink */
}

/* Reduce nav spacing slightly */
body.header-shrink .navbar-nav .nav-link {
    padding-top: 6px;
    padding-bottom: 6px;
}

/* Sticky expertise nav moves up */
body.header-shrink .expertise-nav {
    top: 78px;
}

@media (max-width: 768px) {
    body.header-shrink .top-bar {
        padding: 3px 14px;
    }

    body.header-shrink .navbar-brand img {
        height: 44px !important;
    }

    body.header-shrink .expertise-nav {
        top: 96px;
    }
}
/* News & Articles */
.article-tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 12px;
    border-radius: 999px;
    background: #e0f2fe;
    color: #075985;
    margin-bottom: 10px;
}

.article-meta {
    font-size: 13px;
    color: #64748b;
    margin: 10px 0 15px;
}
/* ===============================
   TAX NEWSROOM STYLING
================================ */

.news-item {
    display: block;
    background: #ffffff;
    padding: 28px 32px;
    border-radius: 14px;
    margin-bottom: 22px;
    text-decoration: none;
    box-shadow: 0 14px 35px rgba(0, 0, 0, 0.06);
    transition: all 0.25s ease;
    color: inherit;
}

    .news-item:hover {
        transform: translateY(-3px);
        box-shadow: 0 22px 45px rgba(0, 0, 0, 0.1);
    }

/* Source + date */
.news-meta {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.news-source {
    font-size: 13px;
    font-weight: 600;
    color: #1e40af;
}

.news-date {
    font-size: 13px;
    color: #64748b;
}

/* Headline */
.news-item h3 {
    font-size: 20px;
    color: #0f172a;
    margin-bottom: 8px;
}

/* Summary */
.news-item p {
    font-size: 15px;
    color: #475569;
    line-height: 1.7;
}

/* Read more */
.news-readmore {
    display: inline-block;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 600;
    color: #1e40af;
}
/* Section header */
.section-header {
    text-align: center;
    margin-bottom: 45px;
}

    .section-header h2 {
        font-size: 32px;
        font-weight: 700;
        color: #0f172a;
        margin-bottom: 10px;
    }

    .section-header p {
        font-size: 16px;
        color: #475569;
        max-width: 720px;
        margin: auto;
        line-height: 1.8;
    }
/* ===============================
   ARTICLE PAGE STYLING
================================ */

.article-wrapper {
    padding: 60px 6%;
    background: #f8fafc;
}

.article-container {
    max-width: 900px;
    margin: auto;
    background: #ffffff;
    padding: 55px 60px;
    border-radius: 18px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.06);
}

/* Header */
.article-header {
    margin-bottom: 35px;
}

.article-category {
    display: inline-block;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.6px;
    color: #1e40af;
    background: #e0f2fe;
    padding: 6px 14px;
    border-radius: 999px;
    margin-bottom: 12px;
}

.article-header h1 {
    font-size: 34px;
    line-height: 1.3;
    color: #0f172a;
    margin-bottom: 10px;
}

.article-meta {
    font-size: 14px;
    color: #64748b;
}

/* Content */
.article-content p {
    font-size: 16px;
    line-height: 1.9;
    color: #334155;
    margin-bottom: 18px;
}

.article-content h2 {
    font-size: 24px;
    color: #0f172a;
    margin: 35px 0 15px;
}

.article-content ul {
    margin: 15px 0 25px;
    padding-left: 22px;
}

    .article-content ul li {
        font-size: 15.5px;
        margin-bottom: 10px;
        color: #334155;
    }

/* CTA */
.article-cta {
    text-align: center;
    margin-top: 45px;
    padding-top: 35px;
    border-top: 1px solid #e5e7eb;
}

/* Responsive */
@media (max-width: 768px) {
    .article-container {
        padding: 35px 25px;
    }

    .article-header h1 {
        font-size: 26px;
    }
}
/* ===============================
   GST EXPERTISE MODAL
================================ */

.gst-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2000;
}

.gst-modal {
    background: #ffffff;
    width: 90%;
    max-width: 900px;
    max-height: 85vh;
    overflow-y: auto;
    padding: 45px 50px;
    border-radius: 18px;
    position: relative;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3);
}

    .gst-modal h2 {
        font-size: 32px;
        margin-bottom: 25px;
        color: #0f172a;
    }

.gst-modal-content h3 {
    font-size: 20px;
    margin-top: 30px;
    color: #1e293b;
}

.gst-modal-content p {
    font-size: 15.5px;
    line-height: 1.9;
    color: #475569;
    margin-top: 8px;
}

/* Close button */
.gst-modal-close {
    position: absolute;
    top: 20px;
    right: 22px;
    font-size: 28px;
    background: none;
    border: none;
    cursor: pointer;
    color: #64748b;
}

/* Trigger button */
.gst-modal-btn {
    margin-top: 20px;
    background: transparent;
    color: #1e40af;
    border: 1px solid #c7d2fe;
    padding: 10px 20px;
    border-radius: 999px;
    font-weight: 600;
    cursor: pointer;
}

    .gst-modal-btn:hover {
        background: #eef2ff;
    }
.article-cta {
    text-align: center;
}
.consult-modal-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 3000;
}

.consult-modal {
    background: #ffffff;
    width: 90%;
    max-width: 420px;
    padding: 35px 30px;
    border-radius: 18px;
    text-align: center;
    position: relative;
    box-shadow: 0 30px 70px rgba(0, 0, 0, 0.3);
}

    .consult-modal h3 {
        font-size: 22px;
        color: #0f172a;
        margin-bottom: 10px;
    }

    .consult-modal p {
        font-size: 15px;
        color: #475569;
        margin-bottom: 25px;
    }

.consult-actions {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Buttons */
.consult-btn {
    display: block;
    padding: 14px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    color: #ffffff;
}

    /* Call */
    .consult-btn.call {
        background: #0f172a;
    }

    /* WhatsApp */
    .consult-btn.whatsapp {
        background: #25d366;
    }

/* Close */
.consult-close {
    position: absolute;
    top: 12px;
    right: 16px;
    font-size: 26px;
    background: none;
    border: none;
    cursor: pointer;
    color: #64748b;
}
.footer-logo img {
    max-width: 140px; /* adjust as needed */
    height: auto;
    filter: brightness(1.1) contrast(1.1);
}
.footer-bottom {
    background: #C9CCD3;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%);
    background-blend-mode: lighten;
    margin-top: 0px; /* reduce gap from footer content */
    padding: 6px 0; /* 🔑 key reduction */
    border-top: none;
    font-size: 12px;
    line-height: 1.4; /* compact line height */
    color: Black;
    text-align: center;
}

/*GST PAGE*/

/* Layout */
/* Wrapper between header & footer */
.gst-layout {
    display: flex;
    min-height: calc(100vh - 95px); /* header space already in body */
}



/* Sidebar */
.gst-sidebar {
    width: 280px;
    background: #0d1b2a;
    color: #fff;
    transition: 0.3s;
    position: sticky;
    top: 95px; /* stick below header */
    height: fit-content; /* stop before footer */
}


    /* Collapsed sidebar */
    .gst-sidebar.collapsed {
        width: 70px;
    }
        .gst-sidebar.collapsed + .gst-content {
            margin-left: 70px;
        }


/* Header */
.sidebar-header {
    padding: 15px;
    font-size: 18px;
    cursor: pointer;
    background: #1b263b;
    display: flex;
    align-items: center;
    gap: 10px;
}
.gst-content {
    flex: 1;
    background: #f4f6f9;
    min-height: calc(100vh - 95px);
    position: relative;
}
#pdfViewer {
    width: 100%;
    height: 100%;
    display: none;
}


/* Tree menu */
.tree,
.tree ul {
    list-style: none;
    padding-left: 15px;
}

    .tree li {
        padding: 8px 10px;
        cursor: pointer;
    }

/* Toggle label */
.tree-toggle {
    font-weight: 600;
    display: block;
}

/* Hide children initially */
.tree ul {
    display: none;
}

    /* Expanded */
    .tree ul.open {
        display: block;
    }

/* Hover */
.tree li:hover {
    background: rgba(255,255,255,0.08);
}

/* Content */
.gst-content {
    flex: 1;
    position: relative;
    background: #f4f6f9;
}



/* Empty message */
#emptyMsg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #666;
    font-size: 18px;
}
/* ================================
   GST PAGE – HEADER OFFSET FIX
================================ */

/* Entire GST page starts below fixed header */
body.gst-page .gst-layout {
    position: relative;
    top: 95px; /* EXACT header height */
    height: calc(100vh - 95px);
}

/* Sidebar aligned below header */
body.gst-page .gst-sidebar {
    position: fixed;
    top: 95px;
    left: 0;
    height: calc(100vh - 95px);
    z-index: 100; /* below header, above content */
}

/* Main content beside sidebar */
body.gst-page .gst-content {
    margin-left: 280px;
    height: calc(100vh - 95px);
}

/* Collapsed sidebar support */
body.gst-page .gst-sidebar.collapsed + .gst-content {
    margin-left: 70px;
}
body.gst-page .gst-sidebar {
    position: fixed;
    top: 95px;
    left: 0;
    height: calc(100vh - 95px);
}

body.gst-page .gst-content {
    margin-left: 280px;
    height: calc(100vh - 95px);
}
/* Scrollable chapter list inside Acts */
.chapter-scroll {
    max-height: 300px; /* visible height of chapter area */
    overflow-y: auto; /* enable vertical scroll */
    padding-right: 6px; /* space for scrollbar */
}

    /* Smooth thin scrollbar (modern look) */
    .chapter-scroll::-webkit-scrollbar {
        width: 6px;
    }

    .chapter-scroll::-webkit-scrollbar-thumb {
        background: rgba(255,255,255,0.25);
        border-radius: 10px;
    }

        .chapter-scroll::-webkit-scrollbar-thumb:hover {
            background: rgba(255,255,255,0.45);
        }
/* Search box inside sidebar */
.chapter-search-box {
    padding: 12px;
    border-bottom: 1px solid rgba(255,255,255,0.08);
}

    .chapter-search-box input {
        width: 100%;
        padding: 8px 10px;
        border-radius: 6px;
        border: none;
        outline: none;
        font-size: 14px;
    }
/* RIGHT CHAPTER SIDEBAR */
.chapter-sidebar {
    width: 300px;
    background: #ffffff;
    border-left: 1px solid #e5e7eb;
    display: none;
    flex-direction: column;
}

    /* When open */
    .chapter-sidebar.open {
        display: flex;
    }

/* Header */
.chapter-header {
    padding: 12px 15px;
    font-weight: 600;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Chapter list scroll */
#chapterList {
    list-style: none;
    padding: 10px;
    overflow-y: auto;
    flex: 1;
}

    #chapterList li {
        padding: 8px;
        cursor: pointer;
        border-radius: 6px;
    }

        #chapterList li:hover {
            background: #f1f5f9;
        }

/* Adjust center width when right sidebar open */
.chapter-sidebar.open ~ .gst-content {
    margin-right: 300px;
}
/* GST Top Banner */
.gst-top-banner {
    width: 100%;
    background: linear-gradient(90deg, #1CB5E0 0%, #000851 100%);
    color: #f8fafc;
    text-align: center;
    padding: 10px 15px;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid rgba(0,0,0,0.08);
}

    .gst-top-banner p {
        margin: 0;
    }

    .gst-top-banner strong {
        font-weight: 600;
    }

    .gst-top-banner span {
        margin-left: 8px;
        opacity: 0.85;
    }

/* Responsive */
@media (max-width: 600px) {
    .gst-top-banner {
        font-size: 13px;
        padding: 12px 10px;
        line-height: 1.5;
    }

        .gst-top-banner span {
            display: block;
            margin-left: 0;
        }
}
/* 📱 Mobile Responsive */
@media (max-width: 768px) {
    .nav-menu {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 60px;
        right: 20px;
        background: #fff;
        padding: 15px;
        border: 1px solid #eee;
        border-radius: 8px;
    }

    .menu-toggle {
        display: block;
    }
}
/* 📱 Mobile */
@media (max-width: 768px) {
    .footer-container {
        flex-direction: column;
        gap: 25px;
        text-align: center;
    }
}