:root {
            --brand-color: #EF9A15;     /* Orange/Gold */
            --brand-dark: #EF9A15;      /* Darker Orange for hovers */
            --text-dark: #1a1a1a;
            --text-gray: #555555;
            --bg-light: #f8f9fa;        
            --bg-white: #ffffff;
            --icon-blue: #EF9A15;       
        }

        /* --- GLOBAL STYLES --- */
        html, body {
            margin: 0;
            padding: 0;
            font-family: 'Poppins', sans-serif;
            background-color: var(--bg-white);
            color: var(--text-dark);
            overflow-x: hidden; 
            width: 100%;
        }

       /* --- NAVBAR STYLES --- */
        .navbar {
            padding-top: 20px;
            padding-bottom: 20px;
            background-color: #fff;
            
            /* Fixed position is required for this effect */
            position: fixed; 
            top: 0; 
            width: 100%;
            z-index: 1000;

            /* This creates the smooth sliding animation */
            transition: transform 0.3s ease-in-out;
        }

        /* Prevent content from hiding behind the fixed navbar */
        body {
            padding-top: 105px; 
        }

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

        .nav-link {
            color: var(--text-dark) !important;
            font-weight: 600;
            font-size: 1.1rem;
            margin: 0 15px;
            transition: color 0.3s ease;
        }
        
        .nav-link:hover { color: var(--brand-color) !important; }

        .btn-call-now {
            background-color: var(--brand-color);
            color: #fff;
            font-weight: 600;
            border-radius: 10px;
            padding: 10px 28px;
            border: none;
            transition: 0.3s ease;
        }

        .btn-call-now:hover { background-color: #d1820a; color: #fff; }
        /* --- HERO SECTION --- */
        .hero-section {
            padding-top: 20px;
            min-height: 85vh; 
            display: flex;
            align-items: center;
            margin-bottom: 80px; 
        }

        .hero-image-container {
            border-radius: 0 25px 25px 0; 
            overflow: hidden;
            height: 80vh; 
        }

        .hero-image {
            width: 100%;
            height: 100%;
            background-color: #333; 
            background-image: url('image/Rectangle 9.png'); 
            background-size: cover;
            background-position: center;
        }

        .hero-card {
            background-color: var(--brand-color);
            padding: 40px 50px;
            color: #fff;
            box-shadow: 0px 12px 30px rgba(0,0,0,0.15);
            border-radius: 5px;
            position: relative;
            z-index: 2;
        }

        .hero-card h1 {
            font-size: 2.1rem;
            font-weight: 700;
            line-height: 1.35;
            margin-bottom: 20px;
        }

        .btn-confidential {
            background-color: white;
            color: var(--brand-color);
            font-weight: 700;
            padding: 12px 32px;
            border-radius: 8px;
            border: none;
            transition: 0.25s;
        }
        .btn-confidential:hover { transform: scale(1.05); }

        /* --- INTRO & SECTIONS --- */
        .intro-section { padding: 60px 0 100px 0; }
        .intro-subtitle {
            color: var(--brand-color); 
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: 0.9rem;
            margin-bottom: 10px;
            display: block;
        }
        .main-headline {
            color: var(--text-dark);
            font-weight: 700;
            font-size: clamp(2rem, 3.5vw, 3rem); 
            line-height: 1.2;
            margin-bottom: 40px;
        }
        .content-text p {
            line-height: 1.8;
            margin-bottom: 25px;
            font-size: 1.05rem;
            color: #444; 
        }
        .justice-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 4px;
            max-height: 500px; 
        }

        .practice-item {
            margin-bottom: 40px;
            padding-bottom: 40px;
            border-bottom: 1px solid #e0e0e0;
        }
        .practice-item:last-child { border-bottom: none; }
        .practice-category {
            color: var(--brand-color);
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 8px;
            display: block;
        }
        .practice-title {
            font-size: 1.35rem;
            font-weight: 700;
            color: var(--text-dark);
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .practice-icon { color: var(--icon-blue); font-size: 1.4rem; }
        .practice-desc { font-size: 0.95rem; line-height: 1.7; color: var(--text-gray); margin-bottom: 15px; }
        .practice-sub-label { font-weight: 700; color: var(--text-dark); margin-right: 5px; }

        /* --- WHY CHOOSE US --- */
        .why-choose-section {
            background-color: #ffffff;
            padding-bottom: 80px;
            color: #EF9A15;
        }
        .why-card {
            background-color: #ffffff;
            color: var(--text-dark);
            border-radius: 20px; 
            padding: 50px 30px;
            height: 100%;
            text-align: center; 
            border: none;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1); 
            transition: transform 0.3s ease;
        }
        .why-card:hover { transform: translateY(-5px); }
        .why-card h3 { font-weight: 700; font-size: 1.25rem; margin-bottom: 20px; color: #cc7a00; }
        .why-card p { font-size: 0.9rem; line-height: 1.6; color: var(--text-dark); margin-bottom: 0; }

        /* --- FOOTER STYLES (NEW) --- */


        .footer-logo {
            font-size: 1.5rem;
            font-weight: 700;
            color: #000000;
            margin-bottom: 10px;
            display: block;
            text-decoration: none;
        }
        
        .footer-tagline {
            color: #414141;
            font-size: 0.9rem;
            margin-bottom: 20px;
        }

        .footer-heading {
            color: var(--brand-color);
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 20px;
            text-transform: uppercase;
        }

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

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

        .footer-links a {
            color: #000000;
            text-decoration: none;
            transition: 0.3s;
        }

        .footer-links a:hover {
            color: var(--brand-color);
            padding-left: 5px;
        }

        .contact-info p {
            color: #000000;
            margin-bottom: 12px;
            display: flex;
            align-items: flex-start;
            gap: 10px;
        }

        .contact-info i {
            color: var(--brand-color);
            margin-top: 4px;
        }

        .social-icons a {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 40px;
            height: 40px;
            background-color: #d1820a;
            color: #ffffff;
            border-radius: 50%;
            margin-right: 10px;
            text-decoration: none;
            transition: 0.3s;
        }

        .social-icons a:hover {
            background-color: var(--brand-color);
            transform: translateY(-3px);
        }

        /* Disclaimer Section */
        .footer-disclaimer {
            border-top: 1px solid #333;
            margin-top: 50px;
            padding-top: 30px;
        }

        .disclaimer-text {
            font-size: 0.75rem;
            color: #313131;
            text-align: justify;
            line-height: 1.6;
        }

        .disclaimer-title {
            color: #EF9A15;
            font-weight: 700;
            margin-bottom: 5px;
            display: block;
        }

        /* --- RESPONSIVE ADJUSTMENTS --- */
        @media (min-width: 992px) {
            .hero-card { margin-left: -100px; }
            .hero-image-container { margin-left: 0; }
        }

        @media (max-width: 991px) {
            .hero-section { display: block; height: auto; margin-bottom: 40px; }
            .hero-image-container { height: 50vh; border-radius: 0; margin-bottom: -40px; }
            .hero-card { width: 90%; margin: 0 auto; border-radius: 15px; }
            .justice-image { margin-bottom: 30px; }
            
            /* Footer mobile adjustments */
            .site-footer { text-align: left; }
            .footer-heading { margin-top: 30px; }
        }




        /* about section */

         /* --- HERO SECTION --- */
        .about-hero {
            position: relative;
            /* Placeholder for the Supreme Court image */
            background-image: url('image/33.png'); 
            background-size: cover;
            background-position: center 30%; /* Adjusts focus to the building dome */
            height: 60vh; /* Takes up 60% of the viewport height */
            display: flex;
            align-items: center;
            justify-content: center;
        }

          .about-hero1 {
            position: relative;
            /* Placeholder for the Supreme Court image */
            background-image: url('image/31.png'); 
            background-size: cover;
            background-position: center 30%; /* Adjusts focus to the building dome */
            height: 60vh; /* Takes up 60% of the viewport height */
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .about-hero3 {
            position: relative;
            /* Placeholder for the Supreme Court image */
            background-image: url('image/33.png'); 
            background-size: cover;
            background-position: center 30%; /* Adjusts focus to the building dome */
            height: 60vh; /* Takes up 60% of the viewport height */
            display: flex;
            align-items: center;
            justify-content: center;
        }


          .about-hero2 {
            position: relative;
            /* Placeholder for the Supreme Court image */
            background-image: url('image/44.png'); 
            background-size: cover;
            background-position: center 30%; /* Adjusts focus to the building dome */
            height: 60vh; /* Takes up 60% of the viewport height */
            display: flex;
            align-items: center;
            justify-content: center;
        }


        /* Dark overlay to make text readable */
        .hero-overlay {
            position: absolute;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0, 0, 0, 0.3); 
        }

        .hero-title {
            position: relative;
            font-size: 4rem;
            font-weight: 800;
            text-transform: capitalize;
            z-index: 2;
            /* text-shadow: 0 2px 10px rgba(0,0,0,0.3); */
        }

        /* --- FIRM OVERVIEW SECTION --- */
        .firm-overview-section {
            padding: 80px 0;
            background-color: #fff;
        }

        .lawyer-image-container {
            position: relative;
            height: 100%;
            min-height: 400px;
            overflow: hidden;
            border-radius: 4px;
        }

        .lawyer-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* Subtle zoom effect on hover */
            transition: transform 0.5s ease;
        }

        .lawyer-image-container:hover .lawyer-img {
            transform: scale(1.03);
        }

        .overview-content {
            padding-left: 40px; /* Space between image and text on desktop */
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;
        }

        .section-label {
            color: var(--brand-color);
            font-size: 0.9rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 10px;
            display: block;
        }

        .main-headline {
            font-size: 2.5rem;
            font-weight: 700;
            color: var(--text-dark);
            line-height: 1.2;
            margin-bottom: 25px;
        }

        .description-text {
            color: var(--text-gray);
            font-size: 1rem;
            line-height: 1.8;
            margin-bottom: 20px;
        }

        /* --- RESPONSIVE ADJUSTMENTS --- */
        @media (max-width: 991px) {
            .about-hero {
                height: 40vh; /* Smaller hero on mobile */
            }
            
            .hero-title {
                font-size: 2.5rem;
            }

            .overview-content {
                padding-left: 0;
                padding-top: 30px;
            }

            .lawyer-image-container {
                min-height: 300px;
            }
        }


        /* -------- */

         .firm-overview-section {
            padding: 80px 0;
            background-color: #fff;
        }

        /* --- Image Styling --- */
        .overview-image-wrapper {
            position: relative;
            overflow: hidden;
            border-radius: 4px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.08);
        }

        .overview-img {
            width: 100%;
            height: auto;
            object-fit: cover;
            display: block;
        }

        /* --- Typography --- */
        .section-label {
            color: var(--brand-color);
            font-size: 0.85rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            margin-bottom: 10px;
            display: block;
        }

        .main-headline {
            font-size: 2.2rem;
            font-weight: 800;
            line-height: 1.3;
            margin-bottom: 20px;
            color: var(--text-dark); /* Matches the 'Legacy of Trust' color in image */
        }
        
        .main-headline span {
            color: var(--brand-color);
        }

        .content-text {
            color: var(--text-body);
            font-size: 1rem;
            line-height: 1.7;
            margin-bottom: 15px;
            text-align: justify; /* Optional: adds that clean newspaper look */
        }


        /* --- Responsive Tweaks --- */
        @media (max-width: 991px) {
            .main-headline { font-size: 1.8rem; }
            .overview-image-wrapper { margin-bottom: 30px; }
        }

        /* --- Vision Section --- */
        .vision-title {
            color: var(--brand-color);
            font-size: 1.5rem;
            font-weight: 800;
            margin-bottom: 15px;
        }

        .vision-text {
            font-size: 1.05rem;
            line-height: 1.6;
            margin-bottom: 50px; /* Space between Vision and Founder section */
        }

        /* --- Founder Section --- */
        .sub-label {
            color: var(--brand-color);
            font-size: 0.85rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            display: block;
            margin-bottom: 5px;
        }

        .founder-headline {
            font-size: 2.2rem;
            font-weight: 800;
            color: var(--brand-color);
            margin-bottom: 30px;
        }

        /* Image Placeholder styling */
        .founder-img-placeholder {
            /* background-color:black; */
            background-image: url('image/WhatsApp\ Image\ 2025-12-01\ at\ 13.43.46.jpeg');
            background-size: cover;
            width: 100%;
            height: 385px; /* Fixed height to match screenshot shape */
            border-radius: 4px;
            margin-bottom: 20px;
        }

        /* Text Styling */
        .profile-details p {
            margin-bottom: 12px;
            font-size: 1rem;
            line-height: 1.5;
        }

        .label-bold {
            font-weight: 600;
            color: black;
            margin-right: 5px;
        }

        .bio-paragraph {
            margin-top: 20px;
            font-size: 1rem;
            line-height: 1.8;
            color: var(--text-body);
            text-align: justify;
        }

        /* --- Responsive Tweaks --- */
        @media (max-width: 768px) {
            .founder-img-placeholder {
                height: 250px; /* Smaller image height on mobile */
            }
        }


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

        /* --- Headings --- */
        .section-heading {
            color: var(--brand-color);
            font-size: 1.5rem; /* Matches 'Education & Credentials' size */
            font-weight: 700;
            margin-bottom: 20px;
        }

        /* --- List Styles --- */
        .credential-item {
            font-size: 1.05rem;
            line-height: 1.8;
            margin-bottom: 10px;
            color: var(--text-dark);
        }

        .credential-label {
            font-weight: 600; /* Extra bold for the label part */
            margin-right: 5px;
        }

        /* --- Note from Founder --- */
        .founder-note-text {
            font-size: 1.05rem;
            line-height: 1.6;
            color: var(--text-dark);
            font-style: normal; /* Kept normal as per screenshot, change to italic if desired */
        }

        /* --- Gray Bottom Section --- */
        .bottom-gray-block {
            background-color: var(--bg-gray);
            height: 300px; /* Fixed height to match the large gray area in screenshot */
            width: 100%;
        }

        /* --- Responsive Tweaks --- */
        @media (max-width: 768px) {
            .section-heading {
                font-size: 1.3rem;
            }
            .bottom-gray-block {
                height: 200px;
            }
        }


        /* service.  */

         .strategic-section {
            padding: 80px 0;
            background-color: #ffffff;
        }

        /* --- Image Styling --- */
        .image-wrapper {
            position: relative;
            box-shadow: 0 15px 40px rgba(0,0,0,0.1); /* Soft shadow to pop the image */
            border-radius: 4px;
            overflow: hidden;
        }

        .feature-img {
            width: 100%;
            height: auto;
            object-fit: cover;
            display: block;
        }

        /* --- Text Content Styling --- */
        .label-small {
            color: var(--brand-color);
            font-size: 0.9rem;
            font-weight: 700;
            text-transform: capitalize; /* 'Overview' in screenshot isn't fully uppercase */
            margin-bottom: 10px;
            display: block;
        }

        .main-headline {
            color: var(--text-dark);
            font-size: 2.5rem;
            font-weight: 800; /* Extra bold */
            line-height: 1.25;
            margin-bottom: 25px;
        }

        .body-paragraph {
            color: var(--text-dark);
            font-size: 1.05rem;
            line-height: 1.8;
            text-align: left;
        }

        .highlight-text {
            font-weight: 700; /* Bold text for emphasis */
            color: #000;
        }

        /* --- Responsive Adjustments --- */
        @media (max-width: 991px) {
            .strategic-section {
                padding: 50px 0;
            }
            .image-wrapper {
                margin-bottom: 40px;
                max-width: 100%;
            }
            .main-headline {
                font-size: 2rem;
            }
            .ps-lg-5 {
                padding-left: 0 !important; /* Remove left padding on mobile */
            }
        }


 .main-category-title {
            color: var(--brand-color);
            font-size: 2.8rem;
            font-weight: 800;
            margin-bottom: 30px;
            text-transform: capitalize;
        }

        .section-subtitle {
            font-size: 1.5rem;
            font-weight: 700;
            color: #000;
            margin-bottom: 15px;
            line-height: 1.2;
        }

        .sub-heading-gold {
            color: var(--brand-color);
            font-size: 1.2rem;
            font-weight: 700;
            margin-top: 30px;
            margin-bottom: 15px;
        }

        /* --- Image --- */
        .cyber-img {
            width: 100%;
            height: 200px;
            border-radius: 4px;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }

    
        .expertise-item {
            margin-bottom: 12px;
        }

        .highlight-bold {
            font-weight: 700;
            color: #000;
        }

        /* --- Pro Tip Section --- */
        .pro-tip-container {
            margin-top: 30px;
            padding-top: 20px;
            border-top: 1px solid #eee; /* Optional separator */
        }

        .pro-tip-label {
            color: var(--brand-color);
            font-weight: 800;
            font-size: 1rem;
            margin-right: 5px;
        }

        .action-list {
            padding-left: 20px;
            margin-top: 10px;
        }
        
        .action-list li {
            margin-bottom: 8px;
            color: var(--text-body);
            font-size: 0.95rem;
        }

        .action-list strong {
            color: #000;
        }

        /* --- Responsive --- */
        @media (max-width: 768px) {
            .content-card { padding: 30px 20px; margin: 20px 10px; }
            .main-category-title { font-size: 1.6rem; }
            .cyber-img { margin-bottom: 20px; }
        }


             /* --- Contact Page Styles --- */
.contact-hero {
    position: relative;
    background: url('image/supreme-court-bg.png') center/cover no-repeat;
    height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -20px;
}

.contact-hero .hero-overlay {
    position: absolute;
    inset: 0; /* Shorthand for top/right/bottom/left: 0 */
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
}

.contact-hero .hero-title {
    position: relative;
    z-index: 2;
    color: #fff !important;
    font-size: 4rem;
    font-weight: 800;
    text-transform: capitalize;
}

.contact-headline {
    color: var(--brand-color);
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 25px;
    line-height: 1.3;
}

.contact-body p {
    color: var(--text-dark);
    font-size: 1.05rem;
    line-height: 1.8;
    margin-bottom: 20px;
}

.contact-feature-img {
    width: 100%;
    border-radius: 4px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

/* --- Responsive --- */
@media (max-width: 991px) {
    .contact-hero { height: 40vh; }
    .contact-hero .hero-title { font-size: 2.8rem; }
    .contact-headline { font-size: 1.8rem; margin-top: 20px; }
    .ps-lg-5 { padding-left: 0 !important; }
}

/* ================ */


/* Titles */
.contact-form-title {
    color: var(--brand-color);
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 15px;
}

.contact-form-subtitle {
    color: var(--text-dark);
    font-size: 1.05rem;
    margin-bottom: 0;
}

/* Image wrapper adjustment for this section */
.form-image-wrapper {
    /* Ensure the image aligns well with the form's top */
    margin-top: 10px; 
}

/* Form Styling */
.consultation-form .form-label {
    font-weight: 700;
    color: var(--text-dark);
    margin-bottom: 8px;
}

.custom-input {
    background-color: #ededed; /* Light gray background from screenshot */
    border: none;
    border-radius: 8px;
    padding: 12px 15px;
    font-size: 1rem;
    color: var(--text-dark);
    transition: all 0.3s ease;
}

.custom-input:focus {
    background-color: #fff;
    box-shadow: 0 0 0 3px rgba(239, 154, 21, 0.25); /* Brand color focus ring */
    border: 1px solid var(--brand-color);
    color: var(--text-dark);
}

/* Styling for the select dropdown to match inputs */
select.custom-input {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
}

/* Submit Button */
.btn-submit-consultation {
    background-color: var(--brand-color);
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
    padding: 12px;
    border-radius: 8px;
    border: none;
    transition: all 0.3s ease;
}

.btn-submit-consultation:hover {
    background-color: var(--brand-dark);
    color: #fff;
    transform: translateY(-2px);
}

/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 991px) {
    .contact-form-title {
        font-size: 2rem;
    }
    /* Removes left padding on mobile so form goes full width */
    .contact-form-section .ps-lg-5 {
        padding-left: 0 !important;
    }
}

.info-heading {
    color: var(--brand-color);
    font-size: 1.75rem;
    font-weight: 800;
    margin-bottom: 25px;
}

/* Sub-labels (General Lines, Address, etc.) */
.info-sub-label {
    color: var(--brand-color);
    font-size: 1.1rem;
    font-weight: 700;
    margin-bottom: 10px;
}

/* WhatsApp Button */
.btn-whatsapp-chat {
    background-color: #EF9A15; /* Light gray background */
    color: #ffffff;
    font-weight: 600;
    border-radius: 8px; /* Rounded corners */
    padding: 10px 20px;
    border: none;
    transition: 0.3s ease;
    display: inline-block;
    text-decoration: none;
}

.btn-whatsapp-chat:hover {
    background-color: #d16901;
    color: #ffffff;
    transform: translateY(-2px);
}

/* Map Styling */
.map-container {
    width: 100%;
    overflow: hidden;
    border-radius: 20px; /* Rounded corners for the map image */
    /* box-shadow: 0 5px 15px rgba(0,0,0,0.05); */
}

.map-img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    /* Optional: Set a max-height if you want to limit how tall the map gets on large screens */
    max-height: 400px; 
}

/* Link Styling */
a.text-dark {
    text-decoration: none;
    transition: color 0.2s;
}

a.text-dark:hover {
    color: var(--brand-color) !important;
    text-decoration: underline;
}

/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 991px) {
    .info-heading {
        font-size: 1.5rem;
        margin-top: 10px;
    }
    
    .map-container {
        border-radius: 10px; /* Slightly smaller radius on mobile */
    }
}

/* --- DISCLAIMER SECTION STYLES --- */

.disclaimer-main-title {
    color: var(--brand-color);
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 20px;
}

.disclaimer-highlight-label {
    color: var(--brand-color);
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4;
}

.disclaimer-sub-heading {
    color: #000; /* Black for sub-headings as per screenshot */
    font-size: 1.1rem;
    font-weight: 800; /* Extra bold */
    margin-bottom: 8px;
}

.disclaimer-text {
    color: var(--text-dark);
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 0;
}

/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 991px) {
    .disclaimer-main-title {
        font-size: 1.75rem;
    }
    
    /* On mobile, add a small gap after the "IMPORTANT..." label */
    .disclaimer-highlight-label {
        margin-bottom: 10px;
    }
}

/* --- TECH SECTION STYLES --- */

.tech-headline {
    color: var(--brand-color);
    font-size: 2.2rem;
    font-weight: 800; /* Extra bold matches the screenshot */
    margin-bottom: 25px;
    line-height: 1.2;
}

.tech-body p {
    color: var(--text-dark);
    font-size: 1.05rem;
    line-height: 1.8;
    margin-bottom: 20px;
    text-align: left; /* Ensures clean left alignment like the image */
}

.tech-feature-img {
    width: 100%;
    height: auto;
    border-radius: 4px; /* Subtle rounding if desired, or set to 0 for sharp edges */
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    object-fit: cover;
}

/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 991px) {
    .tech-headline {
        font-size: 1.8rem;
    }
    
    /* Remove the left padding on mobile so text aligns with the edge */
    .ps-lg-5 {
        padding-left: 0 !important;
    }
    
    /* Add some space between the image and the headline on mobile */
    .image-wrapper {
        margin-bottom: 30px;
    }
}

/* --- INDIVIDUALS SECTION STYLES --- */

/* Section Title */
.individuals-title {
    color: var(--brand-color);
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 10px;
    line-height: 1.3;
}

/* Image Styling */
.vertical-image-wrapper {
    position: relative;
    border-radius: 20px; /* Stronger border radius as per screenshot */
    overflow: hidden;
    height: 100%;
    /* Optional: helps maintain aspect ratio if image size varies */
    min-height: 450px; 
}

.vertical-feature-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures image fills the vertical space without stretching */
    display: block;
}

/* Text Content Styling */
.defense-item {
    margin-bottom: 25px;
}

.defense-item p {
    font-size: 1.05rem;
    line-height: 1.6; /* Slightly tighter line height for list items */
    color: var(--text-dark);
    margin-bottom: 0;
}

.defense-label {
    font-weight: 800; /* Extra bold for the titles */
    color: #000; /* Pure black for the label part */
    font-size: 1.1rem;
    display: inline; /* Keeps it on the same line as the text */
}

/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 991px) {
    .individuals-title {
        font-size: 1.6rem;
        margin-bottom: 30px;
    }

    .vertical-image-wrapper {
        min-height: 300px; /* Smaller height on mobile */
        margin-bottom: 30px;
    }

    .ps-lg-5 {
        padding-left: 0 !important;
    }
}

/* --- BUSINESS SECTION STYLES --- */

.business-title {
    color: var(--brand-color);
    font-size: 2rem;
    font-weight: 800;
    margin-bottom: 10px;
    line-height: 1.3;
}

/* Note: The classes .vertical-image-wrapper, .vertical-feature-img, 
   .defense-item, and .defense-label are already defined in your 
   previous "For Individuals" CSS block. They will automatically 
   style this section perfectly. 
*/

/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 991px) {
    .business-title {
        font-size: 1.6rem;
        margin-bottom: 30px;
    }
}

/* --- EMERGENCY PROTOCOL STYLES --- */

.protocol-title {
    font-size: 2rem;
    font-weight: 800; /* Extra bold */
    color: #000;
    margin-bottom: 20px;
}

.text-gold {
    color: var(--brand-color);
}

.protocol-subtitle {
    font-size: 1.1rem;
    color: #000;
    margin-bottom: 25px;
}

.fw-bold {
    font-weight: 700 !important;
}

/* Step Items */
.step-item {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #000;
    margin-bottom: 12px;
}

.step-item strong {
    font-weight: 700;
    margin-right: 5px;
}

/* Link Styling */
.protocol-link {
    color: #000;
    text-decoration: underline;
    font-weight: 500;
}
.protocol-link:hover {
    color: var(--brand-color);
}


/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 991px) {
    .protocol-title {
        font-size: 1.6rem;
    }
  
}

/* --- WHY CHOOSE & FAQ STYLES --- */

/* Heading Style */
.section-heading-black {
    font-size: 1.8rem;
    font-weight: 800; /* Extra bold */
    color: #000;
    margin-bottom: 20px;
}
/* --- REDESIGNED USP BOXES --- */
.usp-box {
    background-color: #ffffff;
    padding: 35px 30px;
    border-radius: 12px;
    /* Soft shadow for depth instead of flat gray background */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05); 
    /* Gold accent line at the top */
    border-top: 4px solid var(--brand-color); 
    /* Ensures all boxes in the row are the same height */
    height: 100%; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* Smooth animation on hover */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover Effect: Lifts the card up slightly */
.usp-box:hover {
    transform: translateY(-7px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.usp-box p {
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-gray); /* Uses your text-gray variable for softer reading */
    margin: 0;
}

/* The Headline inside the box */
.usp-label {
    display: block; /* Forces it to its own line */
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--text-dark);
    margin-bottom: 15px; /* Spacing between title and text */
}

/* Optional: Make the number (1, 2, 3) stand out in Gold */
.usp-number {
    color: var(--brand-color);
    margin-right: 5px;
}
/* --- CUSTOM ACCORDION (FAQ) --- */
.custom-accordion .accordion-item {
    border: none;
    border-bottom: 1px solid #e0e0e0;
    background-color: transparent;
    margin-bottom: 10px;
}

.custom-accordion .accordion-button {
    background-color: transparent;
    color: #000;
    font-weight: 700;
    font-size: 1.1rem;
    padding: 20px 0;
    box-shadow: none; /* Removes default Bootstrap blue glow */
}

/* Style for the button when the dropdown is OPEN */
.custom-accordion .accordion-button:not(.collapsed) {
    color: var(--brand-color); /* Turns Gold when open */
    background-color: transparent;
    box-shadow: none;
}

/* The arrow icon color adjustment */
.custom-accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23EF9A15'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.custom-accordion .accordion-body {
    padding: 0 0 20px 0;
    font-size: 1rem;
    line-height: 1.7;
    color: var(--text-dark);
}

/* --- RESPONSIVE ADJUSTMENTS --- */
@media (max-width: 991px) {
    .section-heading-black {
        font-size: 1.5rem;
        text-align: left; /* Align left on mobile for better readability */
    }
    
    .usp-box {
        margin-bottom: 20px;
    }
}


/* --- DROPDOWN HOVER STYLES --- */

/* 1. Make Dropdown Open on Hover (Desktop Only) */
@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0; /* Removes gap so mouse doesn't lose focus */
        animation: fadeIn 0.3s ease; /* Smooth fade-in animation */
    }
}

/* 2. Style the Dropdown Menu Box */
.dropdown-menu {
    border: none;
    border-radius: 8px; /* Soft corners */
    box-shadow: 0 10px 30px rgba(0,0,0,0.1); /* Nice shadow */
    padding: 10px 0;
    margin-top: 10px; /* Slight gap from the navbar */
}

/* 3. Style the Individual Links */
.dropdown-item {
    font-size: 0.95rem;
    font-weight: 500;
    color: var(--text-dark);
    padding: 10px 20px;
    transition: all 0.2s ease;
}

/* 4. Hover State for Links (Gold Background) */
.dropdown-item:hover {
    background-color: var(--brand-color); /* Your Brand Gold */
    color: #fff; /* White text on hover */
    padding-left: 25px; /* Slight slide effect */
}

/* Optional: Fade In Animation Keyframes */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}





        .breadcrumb-custom {
            color: var(--brand-color);
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.9rem;
            margin-bottom: 15px;
            display: block;
        }

        .hero-title {
            font-size: 3rem;
            font-weight: 800;
            margin-bottom: 20px;
        }

        /* --- DOCUMENT ANALYSIS SECTION --- */
        .analysis-section {
            padding: 60px 0;
        }

        .doc-preview-card {
            background-color: #f0f0f0;
            border: 1px solid #ddd;
            padding: 20px;
            text-align: center;
            border-radius: 8px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        
        .doc-preview-card img {
            max-width: 100%;
            height: auto;
            border: 1px solid #ccc;
        }

        .case-stat-row {
            display: flex;
            gap: 20px;
            margin-bottom: 30px;
        }

        .stat-box {
            background: var(--bg-light);
            border-left: 4px solid var(--brand-color);
            padding: 15px 25px;
            flex: 1;
        }

        .stat-label {
            font-size: 0.85rem;
            text-transform: uppercase;
            color: #666;
            font-weight: 700;
        }

        .stat-value {
            font-size: 1.2rem;
            font-weight: 700;
            color: var(--text-dark);
        }

        /* --- TOP 5 STEPS SECTION --- */
        .steps-section {
            background-color: var(--bg-light);
            padding: 80px 0;
        }

        .step-card {
            background: #fff;
            padding: 30px;
            border-radius: 8px;
            height: 100%;
            transition: transform 0.3s ease;
            position: relative;
            overflow: hidden;
        }

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

        .step-number {
            position: absolute;
            top: -20px;
            right: -20px;
            font-size: 6rem;
            font-weight: 900;
            color: rgba(239, 154, 21, 0.1); /* Faded Brand Color */
            z-index: 0;
        }

        .step-content {
            position: relative;
            z-index: 1;
        }

        .step-title {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 15px;
            color: var(--brand-dark);
        }

        /* --- Hero Content Section --- */
        .noc-hero-section {
            padding: 60px 0 50px 0;
            text-align: center;
        }

        .main-heading {
            color: var(--brand-color);
            font-weight: 700;
            font-size: 2.5rem;
            margin-bottom: 15px;
            line-height: 1.2;
        }

        .sub-heading {
            font-size: 1.1rem;
            color: var(--text-dark);
            font-weight: 400;
            max-width: 800px;
            margin: 0 auto 40px auto;
        }

        /* --- Buttons --- */
        .btn-noc-primary {
            background-color: var(--brand-color);
            color: #fff;
            font-weight: 600;
            padding: 12px 30px;
            border-radius: 4px;
            border: 2px solid var(--brand-color);
            transition: all 0.3s ease;
            margin: 0 10px 10px 10px;
            display: inline-block;
            text-decoration: none;
        }

        

        .btn-noc-outline {
            background-color: transparent;
            color: var(--brand-color);
            font-weight: 600;
            padding: 12px 30px;
            border-radius: 4px;
            border: 2px solid var(--brand-color);
            transition: all 0.3s ease;
            margin: 0 10px 10px 10px;
            display: inline-block;
            text-decoration: none;
        }

        .btn-noc-outline:hover {
            background-color: var(--brand-color);
            color: #fff;
            transform: translateY(-2px);
        }

        /* --- Info Cards Section --- */
        .cards-container {
            padding-bottom: 80px;
        }

        .info-card {
            background: #fff;
            border-radius: 10px;
            padding: 30px 25px;
            text-align: center;
            height: 100%;
            /* The specific Gold Top Border */
            border-top: 5px solid var(--brand-color);
            box-shadow: 0 10px 30px rgba(0,0,0,0.08); /* Soft shadow */
            transition: transform 0.3s ease;
        }

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

        .card-title {
            font-size: 1.4rem;
            font-weight: 700;
            color: #000;
            margin-bottom: 20px;
        }

        .card-text {
            font-size: 0.95rem;
            line-height: 1.6;
            color: var(--text-gray);
        }

        .highlight-bold {
            font-weight: 700;
            color: #000;
        }

        /* --- Responsive Tweaks --- */
        @media (max-width: 768px) {
            .main-heading { font-size: 1.8rem; }
            .sub-heading { font-size: 1rem; padding: 0 15px; }
            .btn-noc-primary, .btn-noc-outline { width: 100%; margin: 10px 0; }
            .info-card { margin-bottom: 20px; }
        }

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

        /* --- HEADINGS --- */
        .section-title {
            color: var(--brand-color);
            font-size: 2rem;
            font-weight: 800;
            margin-bottom: 40px;
        }

        /* --- NOC TYPES GRID --- */
        .noc-item-wrapper {
            display: flex;
            align-items: center;
            margin-bottom: 30px;
            background: #fff;
            /* Optional: Add hover lift effect */
            transition: transform 0.3s ease;
        }

        .noc-item-wrapper:hover {
            transform: translateX(5px);
        }

        .noc-img-container {
            flex-shrink: 0;
            width: 180px; /* Fixed width for consistency */
            height: 110px;
            overflow: hidden;
            border-radius: 4px;
            margin-right: 20px;
        }

        .noc-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .noc-text {
            font-size: 1.1rem;
            font-weight: 700;
            line-height: 1.4;
            color: #000;
        }

        /* --- DOCUMENTS SECTION --- */
        .doc-list-item {
            font-size: 1.05rem;
            font-weight: 500;
            margin-bottom: 12px;
            display: flex;
            align-items: flex-start;
            color: var(--text-body);
        }

        .check-icon {
            font-weight: 900; /* Make checkmark thick */
            margin-right: 12px;
            color: #000; /* Black checkmarks as per screenshot */
            font-size: 1.2rem;
            line-height: 1;
        }

        /* --- RESPONSIVE ADJUSTMENTS --- */
        @media (max-width: 768px) {
            .section-title { font-size: 1.8rem; margin-bottom: 30px; }
            
            /* Stack image and text on very small screens if needed, 
               but side-by-side usually works best for this layout */
            .noc-item-wrapper {
                align-items: flex-start;
            }
            .noc-img-container {
                width: 120px; /* Smaller image on mobile */
                height: 80px;
            }
            .noc-text { font-size: 1rem; }
        }

        

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

        /* --- SIDEBAR STYLES --- */
        .sidebar-title {
            font-size: 1.25rem;
            font-weight: 800;
            margin-bottom: 20px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .sidebar-menu {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .sidebar-menu li {
            margin-bottom: 10px;
        }

        .sidebar-link {
            display: block;
            padding: 10px 20px;
            text-decoration: none;
            color: var(--text-dark);
            font-weight: 500;
            transition: all 0.3s ease;
            border-radius: 4px;
        }

        /* Active State (Orange Box) */
        .sidebar-link.active {
            background-color: var(--brand-color);
            color: #fff;
        }

        .sidebar-link:hover:not(.active) {
            background-color: #f8f9fa;
            padding-left: 25px; /* Slight slide effect */
        }

        /* --- MAIN CONTENT HEADER --- */
        .content-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid var(--brand-color);
            padding-bottom: 10px;
            margin-bottom: 30px;
        }

        .header-title {
            font-size: 1rem;
            font-weight: 500;
            margin: 0;
        }

        .search-icon {
            font-size: 1rem;
            cursor: pointer;
        }

        /* --- BLOG CARDS --- */
        .blog-card {
            border: none;
            margin-bottom: 30px;
        }

        .blog-img-container {
            height: 220px;
            border-radius: 8px;
            overflow: hidden;
            margin-bottom: 15px;
        }

        .blog-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .blog-card:hover .blog-img {
            transform: scale(1.05); /* Zoom effect */
        }

        .blog-title {
            font-size: 1.1rem;
            font-weight: 700;
            margin-bottom: 10px;
            line-height: 1.4;
        }

        .blog-excerpt {
            font-size: 0.9rem;
            color: var(--text-gray);
            line-height: 1.6;
        }

        /* --- RESPONSIVE --- */
        @media (max-width: 991px) {
            .sidebar-menu {
                display: flex;
                overflow-x: auto;
                white-space: nowrap;
                margin-bottom: 30px;
                padding-bottom: 10px;
            }
            .sidebar-menu li {
                margin-bottom: 0;
                margin-right: 10px;
            }
            .sidebar-title {
                display: none; /* Hide 'Categories' title on mobile to save space */
            }
        }