:root {
            --primary-color: #000000; /* Deep Navy */
            --accent-color: red;   /* Gold */
            --text-dark: #222;
            --text-light: #666;
            --white: #ffffff;
            --bg-light: #fcfcfc;
            --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        body {
            font-family: 'Poppins', sans-serif;
            color: var(--text-dark);
            overflow-x: hidden;
            background-color: var(--white);
        }

        h1, h2, h3, h4, .serif {
            font-family: 'Playfair Display', serif;
        }

        /* --- Header & Navigation --- */
        .top-bar {
            background: var(--primary-color);
            color: white;
            font-size: 13px;
            padding: 12px 0;
            border-bottom: 1px solid rgba(255,255,255,0.1);
        }
        .top-bar i{
            color: red !important;
        }
        .top-bar a{
            text-decoration: none;
             color: white;
        }

        .navbar {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(10px);
            padding: 15px 0;
            box-shadow: 0 4px 20px rgba(0,0,0,0.05);
            transition: var(--transition);
        }

        .navbar-brand {
              width: 208px;
            height: 44px; 
            display: flex;
            align-items: center;
        }
        .navbar-brand img{
            max-width:100%;
        }
        .navbar-brand span { color: var(--accent-color); }

        .nav-link {
            color: var(--primary-color) !important;
            font-weight: 500;
            margin: 0 12px;
            transition: var(--transition);
            position: relative;
            font-size: 14px;
            padding-right: 0px !important;
            padding-left: 0px !important;
            text-transform: uppercase;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            width: 0; height: 2px;
            bottom: 0; left: 0;
            background: var(--accent-color);
            transition: var(--transition);
        }
        .nav-link:hover::after { width: 100%; }
        .nav-link:hover { color: var(--accent-color) !important; }

        .btn-consult {
            background: var(--accent-color);
            color: white !important;
            border-radius: 50px;
            padding: 12px 28px;
            font-weight: 600;
            transition: var(--transition);
            border: 2px solid var(--accent-color);
        }
        .btn-consult:hover {
            background: white;
            color: #000 !important;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
        }

        /* --- Hero Section --- */
        .hero {
            height: 85vh;
            background: linear-gradient(rgba(26, 42, 68, 0.7), rgba(26, 42, 68, 0.7)), 
                        url('img/banner.jpeg');
            background-size: cover;
            background-position: center;
            display: flex;
            align-items: center;
            color: white;
            text-align: center;
        }
        .hero h1 {
            font-size: 4.5rem;
            line-height: 1.1;
            margin-bottom: 25px;
        }
        .hero h1 span { color: var(--accent-color); }
        .hero p { font-size: 1.25rem; opacity: 0.9; margin-bottom: 40px; max-width: 800px; margin-inline: auto; }

        /* --- Stats Section --- */
        .stats-section {
            margin-top: -80px;
            position: relative;
            z-index: 10;
        }
        .stat-card {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            padding: 40px 20px;
            border-radius: 20px;
            text-align: center;
            box-shadow: 0 15px 35px rgba(0,0,0,0.1);
            border-bottom: 5px solid var(--accent-color);
            transition: var(--transition);
        }
        .stat-card:hover { transform: translateY(-15px); }
        .stat-card i { font-size: 45px; color: var(--accent-color); margin-bottom: 20px; }
        .stat-card h3 { font-size: 36px; font-weight: 800; margin-bottom: 5px; font-family: auto;}

        /* --- About Section --- */
        .section-padding { padding: 40px 0; }
        .about-img-container { position: relative; }
        .about-img { 
            border-radius: 30px; 
            width: 100%; 
            box-shadow: 20px 20px 0px var(--accent-color);
        }
        .experience-badge {
            position: absolute;
            bottom: -30px;
            right: -30px;
            background: var(--primary-color);
            color: white;
            padding: 30px;
            border-radius: 20px;
            text-align: center;
            box-shadow: 0 15px 30px rgba(0,0,0,0.2);
            border: 2px solid var(--accent-color);
        }

        /* --- Practice Areas --- */
        .practice-card {
            background: white;
            padding: 50px 30px;
            border-radius: 20px;
            border: 1px solid #eee;
            transition: var(--transition);
            height: 100%;
            text-align: center;
        }
        .practice-card:hover {
            background: var(--primary-color);
            color: white;
            transform: translateY(-10px);
            box-shadow: 0 20px 40px rgba(26, 42, 68, 0.2);
        }
        .practice-card:hover h4, .practice-card:hover p { color: white; }
        .practice-card i { 
            font-size: 50px; 
            color: var(--accent-color); 
            margin-bottom: 25px; 
            transition: var(--transition);
        }
        .practice-card:hover i { transform: scale(1.2) rotate(10deg); }

        /* --- Case Study --- */
        .case-card {
            position: relative;
            overflow: hidden;
            border-radius: 20px;
            cursor: pointer;
            transition: var(--transition);
        }
        .case-card img { transition: var(--transition); width: 100%; height: 350px; object-fit: cover; }
        .case-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(transparent, rgba(26, 42, 68, 0.95));
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 30px;
            color: white;
            opacity: 0;
            transition: var(--transition);
        }
        .case-card:hover .case-overlay { opacity: 1; }
        .case-card:hover img { transform: scale(1.1); }

        /* --- Team Section --- */
        .attorney-card {
            text-align: center;
            transition: var(--transition);
            padding: 20px;
        }
        .attorney-img-wrap {
            position: relative;
            width: 220px;
            height: 220px;
            margin: 0 auto 25px;
        }
        .attorney-img {
            width: 100%;
            height: 100%;
            border-radius: 50%;
            object-fit: cover;
            border: 8px solid white;
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
            transition: var(--transition);
        }
        .attorney-card:hover .attorney-img { border-color: var(--accent-color); transform: scale(1.05); }

        /* Why Choose Us Section Styles */
.why {
    padding: 80px 0;
    background-color: #f8f9fa;
}

.why-list {
    list-style: none;
    padding: 0;
    margin: 0;
    
    /* CSS Columns for Multi-Column Layout */
    column-count: 2;
    column-gap: 2rem;
    
    /* Responsive Columns */
    @media (max-width: 991px) {
        column-count: 1;
    }
}

.why-item {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.5rem;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    margin-bottom: 1.5rem;
    
    /* Prevent Item from Breaking Across Columns */
    break-inside: avoid;
    page-break-inside: avoid;
    
    /* Smooth Hover Effect */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.why-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.why-icon {
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--accent-color);
    border-radius: 50%;
    color: #ffffff;
    font-size: 1.5rem;
}

.why-content {
    flex: 1;
}

.why-content h4 {
    margin-bottom: 0.5rem;
    color: #333333;
    font-size: 1.5rem;
}

.why-content p {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* Line Divider Under Heading */
.line {
    width: 60px;
    height: 3px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    margin: 1rem auto;
    border-radius: 2px;
}

/* Animation Delay for List Items */
.why-item:nth-child(1) { animation-delay: 0.1s; }
.why-item:nth-child(2) { animation-delay: 0.2s; }
.why-item:nth-child(3) { animation-delay: 0.3s; }
.why-item:nth-child(4) { animation-delay: 0.4s; }

        .navbar-brand p{
            font-size: 15px;
        }

        /* --- Testimonials --- */
        .testi-card {
            background: white;
            padding: 40px;
            border-radius: 20px;
            border: 1px solid #eee;
            box-shadow: 0 10px 30px rgba(0,0,0,0.03);
            position: relative;
            height: 100%;
        }
        .testi-card i {
            position: absolute;
            top: 20px; right: 20px;
            font-size: 40px;
            color: var(--accent-color);
        }

        /* --- Footer --- */
        .footer {
            background: var(--primary-color);
            color: white;
            padding: 100px 0 40px;
        }
        .footer h4 { color: var(--accent-color); margin-bottom: 30px; font-weight: 700; }
        .footer ul { list-style: none; padding: 0; }
        .footer ul li { margin-bottom: 15px; }
        .footer ul li a { color: #bdc3c7; text-decoration: none; transition: var(--transition); }
        .footer ul li a:hover { color: var(--accent-color); padding-left: 8px; }

        @media (max-width: 768px) {
            .hero h1 { font-size: 2.8rem; }
            .stats-section { margin-top: -40px; 
                padding-bottom: 30px;}
            .section-padding { padding: 30px 0; 
            }
            .why-content h4{
                font-size: calc(1.275rem + .3vw);
            }
        }

        /* --- Enhanced About Section Styles --- */
.about-wrapper {
    position: relative;
}

/* Image Layering */
.about-img-main {
    border-radius: 30px;
    width: 100%;
    box-shadow: 20px 20px 60px rgba(0,0,0,0.1);
    z-index: 2;
    position: relative;
}

.about-img-sub {
    position: absolute;
    width: 40%;
    bottom: -50px;
    left: -50px;
    border-radius: 20px;
    border: 8px solid white;
    box-shadow: 0 15px 30px rgba(0,0,0,0.2);
    z-index: 3;
    transition: var(--transition);
}
.about-img-sub:hover {
    transform: scale(1.05) rotate(-2deg);
}

/* Glassmorphism Badge */
.experience-badge-premium {
    position: absolute;
    top: 40px;
    right: -30px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.4);
    color: var(--primary-color);
    padding: 25px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    z-index: 4;
}
.experience-badge-premium h2 {
    color: var(--primary-color);
    font-weight: 800;
    margin-bottom: 0;
}

/* Feature Boxes */
.feature-box {
    background: var(--bg-light);
    padding: 20px;
    border-radius: 15px;
    border-left: 4px solid var(--accent-color);
    transition: var(--transition);
    height: 100%;
}
.feature-box:hover {
    background: white;
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}
.feature-box i {
    color: var(--accent-color);
    margin-bottom: 10px;
    display: block;
}
/* --- Premium Practice Area Styles --- */
.practice-card-premium {
   position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 428px;
    border: none;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    background: var(--white);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    margin-top: 22px;
}
.img-wrapper {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s ease;
}

/* The Gold Gradient Overlay on Image */
.img-overlay {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    opacity: 0.6;
    transition: var(--transition);
}

.practice-card-premium:hover .img-wrapper img {
    transform: scale(1.1) rotate(1deg);
}

.practice-card-premium:hover .img-overlay {
    opacity: 0.9;
}

.practice-content {
    padding: 30px;
    text-align: center;
    transition: var(--transition);
}

.practice-content h4 {
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 15px;
    transition: var(--transition);
}

.practice-content p {
    font-size: 14px;
    color: var(--text-light);
    line-height: 1.6;
    margin-bottom: 20px;
}

/* Hover State: Shift to Navy */
.practice-card-premium:hover {
    transform: translateY(-15px);
    box-shadow: 0 20px 40px rgba(26, 42, 68, 0.2);
}

.practice-card-premium:hover .practice-content {
    background: var(--primary-color);
    color: white;
}

.practice-card-premium:hover .practice-content h4, 
.practice-card-premium:hover .practice-content p {
    color: white;
}

.view-details-btn {
    display: inline-block;
    padding: 8px 20px;
    border: 2px solid var(--accent-color);
    color: var(--accent-color);
    border-radius: 50px;
    font-weight: 600;
    font-size: 13px;
    text-decoration: none;
    transition: var(--transition);
}
.practice-card-premium:hover .view-details-btn {
    background: #fff;
    color: var(--primary-color);
    border: 2px solid #fff;
}
/* --- Premium Case Study Styles --- */
.case-card-elite {
    position: relative;
    border-radius: 25px;
    overflow: hidden;
    height: 480px;
    cursor: pointer;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 15px 35px rgba(0,0,0,0.05);
    margin-top: 18px;
}

.case-img-wrap {
    position: relative;
    height: 100%;
    width: 100%;
}

.case-img-wrap img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: all 0.7s ease;
}

/* The "Curtain" Overlay */
.case-curtain {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(26, 42, 68, 0.95) 10%, rgba(26, 42, 68, 0.4) 40%, transparent 100%);
    z-index: 1;
    transition: all 0.5s ease;
}

/* The Slide-Up Content Box */
.case-details-box {
   position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 40px 30px;
    background: white;
    backdrop-filter: blur(10px);
    border-top: 3px solid var(--accent-color);
    transform: translateY(120px);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 2;
    color: black;

}
.case-card-elite:hover .case-details-box {
    transform: translateY(0);
}
.case-card-elite:hover .case-curtain {
    background: linear-gradient(to top, rgba(26, 42, 68, 1) 20%, rgba(26, 42, 68, 0.6) 60%, transparent 100%);
}
/* Case Outcome Styling */
.outcome-tag {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--accent-color);
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}
.case-title {
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}
.case-desc {
    font-size: 14px;
    opacity: 0.8;
    line-height: 1.6;
    margin-bottom: 20px;
}
.btn-case-view {
    background: var(--accent-color);
    color: #fff;
    padding: 8px 20px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: var(--transition);
    display: inline-block;
}
.btn-case-view:hover {
    background: red;
    transform: scale(1.05);
    color: white;
}
/* --- Premium Footer Styles --- */
.footer-cta {
    background: linear-gradient(45deg, var(--primary-color), #2c3e50);
    color: white;
    padding: 60px 0;
    border-bottom: 5px solid var(--accent-color);
}

.footer-main {
    background: #0f1b33; /* Slightly darker than primary for depth */
    color: white;
    padding: 60px 0 15px;
    position: relative;
}

.footer-main h4 {
    font-family: 'Playfair Display', serif;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
    position: relative;
}

.footer-main h4::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 40px;
    height: 2px;
    background: #fff;
}

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

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

.footer-links li a {
    color: #bdc3c7;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 15px;
    display: inline-block;
}

.footer-links li a:hover {
    color: var(--accent-color);
    transform: translateX(8px);
}

.footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 25px;
}

.footer-contact-item i {
    background: rgba(201, 168, 76, 0.15);
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: var(--transition);
}

.footer-contact-item:hover i {
    background: #fff;
    color: var(--primary-color);
}

.footer-newsletter {
    background: rgba(255, 255, 255, 0.05);
    padding: 30px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.newsletter-form .form-control {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: white;
    padding: 12px 20px;
    border-radius: 50px 0 0 50px;
}

.newsletter-form .btn {
    border-radius: 0 50px 50px 0;
    background: var(--accent-color);
    color: white;
    border: none;
    padding: 12px 25px;
    font-weight: 600;
}

.social-icon-circle {
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    transition: var(--transition);
    text-decoration: none;
}

.social-icon-circle:hover {
    background: #fff;
    transform: translateY(-5px);
    color: var(--primary-color);
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 15px;
    font-size: 14px;
    color: #888;
}

.footer-bottom a {
    color: #888;
    text-decoration: none;
    margin: 0 10px;
    transition: var(--transition);
}

.footer-bottom a:hover { color: var(--accent-color); }

.section-padding h2{
    font-size: 2.5rem;
}
/* --- Premium Contact Section Styles --- */
.contact-wrapper {
    background: var(--white);
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 25px 50px rgba(0,0,0,0.08);
    border: 1px solid #eee;
}

.contact-form-side {
    padding: 60px;
    background: var(--white);
}

.contact-info-side {
    background: var(--primary-color);
    color: white;
    padding: 60px;
    position: relative;
}

/* Custom Form Styling */
.form-group-premium {
    position: relative;
    margin-bottom: 20px;
}

.form-control-premium {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid #ddd;
    border-radius: 12px;
    background: #fdfdfd;
    font-family: 'Poppins', sans-serif;
}

.form-control-premium:focus {
    border-color: var(--accent-color);
    box-shadow: 0 0 0 4px rgba(201, 168, 76, 0.1);
    outline: none;
}

.confidentiality-badge {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--accent-color);
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    border: 1px solid var(--accent-color);
}

/* Contact Info Styling */
.contact-detail-item {
    display: flex;
    gap: 20px;
    margin-bottom: 35px;
    transition: var(--transition);
}

.contact-detail-item:hover {
    transform: translateX(10px);
}

.contact-icon-box {
    width: 55px;
    height: 55px;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 24px;
    flex-shrink: 0;
    transition: var(--transition);
}

.contact-detail-item:hover .contact-icon-box {
    background: var(--accent-color);
    color: var(--primary-color);
}

.office-hours-card {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 25px;
    border-radius: 20px;
    margin-top: 40px;
}

.office-hours-card h5 {
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
}
@media (max-width: 768px) {
    .btn-consult {
        font-size: 14px;
        padding: 11px 13px !important;
    }
    .btn {
    font-size: 13px;
    padding: 7px 10px !important;
}
.navbar-nav{
    align-items: start !important;
    margin-top:10px;
    margin-bottom: 10px;
}

.hero p {
    font-size: 17px;
    opacity: 0.9;
    margin-bottom: 40px;
}
.about-img-main {
    margin-bottom: 15px;
}
.section-padding h2{
    font-size: 28px;
}
.why-item {
    margin-bottom: 30px;
}
.contact-form-side{
    padding: 35px;
}
.confidentiality-badge{
        padding: 11px 21px;
        font-size: 12px;
}
}
.about{
    padding-top: 60px !important;
}
.about .btn{
    margin-right: 52px;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: var(--bs-breadcrumb-item-padding-x);
    color: white !important;
    content: var(--bs-breadcrumb-divider, "/");
}
.process-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1);
    border-color: var(--accent-color) !important;
}

.team-card:hover .member-img img {
    transform: scale(1.1);
}

.team-card:hover {
    transform: translateY(-10px);
}
.card:hover {
    border-color: var(--accent-color) !important;
}
.btn-head {
    background: var(--accent-color);
    color: white !important;
    border-radius: 50px;
    padding: 7px 10px;
    font-weight: 600;
    transition: var(--transition);
    border: 2px solid var(--accent-color);
    font-size: 14px;
}
.btn-head:hover {
    background: white;
    color: #000 !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767.98px) {
    /* Force table to not be a table */
    .table-responsive table, 
    .table-responsive thead, 
    .table-responsive tbody, 
    .table-responsive th, 
    .table-responsive td, 
    .table-responsive tr { 
        display: block; 
    }

    /* Hide table headers (the dark top bar) on mobile */
    .table-responsive thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    /* Style each row as a card */
    .table-responsive tr {
        border: 1px solid #eee !important;
        margin-bottom: 15px;
        border-radius: 15px !important;
        background: #fff;
        box-shadow: 0 4px 10px rgba(0,0,0,0.05);
        padding: 10px;
    }

    /* Style the cells */
    .table-responsive td {
        border: none !important;
        position: relative;
        padding-left: 50% !important; 
        text-align: right !important;
        font-size: 14px;
    }

    /* Add labels to the left of the data */
    .table-responsive td:before { 
        content: attr(data-label); /* This looks for a data-label attribute */
        position: absolute;
        left: 15px;
        width: 40%; 
        white-space: nowrap;
        text-align: left;
        font-weight: bold;
        color: #333;
    }

    /* Special handling for the first cell (The Analysis Type/Title) */
    .table-responsive td:first-child {
        background: #f8f9fa;
        text-align: center !important;
        padding-left: 15px !important;
        font-weight: 800;
        font-size: 16px;
        color: var(--accent-color);
        border-bottom: 1px solid #eee !important;
        margin-bottom: 10px;
    }
    
    .table-responsive td:first-child:before {
        content: ""; /* Remove label for the title cell */
    }
    .breadcrumb-area h1{
        font-size: 30px !important;
    }
}

        /* SITEMAP CARD */
        .sitemap-card {
            border-radius: 30px;
            background: white;
            box-shadow: 0 0 30px rgba(0,0,0,.07);
            padding: 40px 50px;
        }

        /* CATEGORY BLOCK */
        .category-block {
            margin-bottom: 48px;
        }
        .category-title {
            font-size: 1.15rem;
            font-weight: 700;
            color: #1a1a1a;
            margin-bottom: 16px;
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .category-title i { color: var(--accent-color); font-size: 1.2rem; }
        .category-divider {
            border-left: 3px solid var(--accent-color);
            padding-left: 20px;
            margin-left: 5px;
        }

        /* LINK GRID */
        .link-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
            gap: 10px;
        }
        .sitemap-link-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 11px 14px;
            border-radius: 10px;
            background: #f8f9fa;
            text-decoration: none;
            color: #444;
            font-size: 13.5px;
            font-weight: 500;
            border-left: 3px solid transparent;
            transition: all .25s;
        }
        .sitemap-link-item:hover {
            background: #fff5f5;
            color: var(--accent-color);
            border-left-color: var(--accent-color);
            transform: translateX(4px);
        }
        .sitemap-link-item i {
            color: var(--accent-color);
            font-size: 14px;
            flex-shrink: 0;
        }
        .sitemap-link-item:hover i { color: var(--accent-color); }

        /* SUB ITEMS */
        .sub-link-list {
            margin-top: 10px;
            padding-left: 16px;
            border-left: 2px dashed #ddd;
            margin-left: 8px;
            display: flex;
            flex-direction: column;
            gap: 6px;
        }
        .sitemap-link-item.sub {
            background: transparent;
            font-size: 13px;
            color: #666;
            padding: 7px 12px;
        }
        .sitemap-link-item.sub:hover {
            background: #fff5f5;
            color: var(--accent-color);
        }

        /* TREE SECTION */
        .tree-wrapper {
            background: #f8f9fa;
            border-radius: 20px;
            padding: 36px 30px;
            margin-top: 20px;
        }
        .tree-root-node {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: linear-gradient(135deg, var(--primary-dark), var(--secondary-dark));
            color: #fff;
            padding: 13px 30px;
            border-radius: 40px;
            font-family: 'Playfair Display', serif;
            font-size: 1rem;
            box-shadow: 0 6px 20px rgba(26,26,46,.25);
        }
        .tree-root-node i { color: var(--accent-color); }
        .vline { width: 2px; height: 28px; background: var(--accent-color); margin: 0 auto; }
        .hline-wrap { position: relative; height: 2px; margin: 0 4%; }
        .hline-wrap::before {
            content: '';
            position: absolute; top: 0; left: 0; right: 0; height: 2px;
            background: linear-gradient(to right, transparent, var(--accent-color) 15%, var(--accent-color) 85%, transparent);
        }
        .tree-cols { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; margin-top: 0; }
        .tree-col { flex: 1 1 145px; max-width: 185px; text-align: center; position: relative; margin-top: 28px; }
        .tree-col::before {
            content: ''; position: absolute; top: -28px; left: 50%;
            width: 2px; height: 28px;
            background: var(--accent-color);
            transform: translateX(-50%);
        }
        .branch-label {
            background: var(--accent-color);
            color: #fff;
            border-radius: 10px;
            padding: 10px 8px;
            font-size: 12px;
            font-weight: 600;
            box-shadow: 0 4px 12px rgba(192,57,43,.22);
            transition: background .3s;
        }
        .branch-label:hover { background: var(--primary-dark); }
        .branch-label i { display: block; font-size: 17px; margin-bottom: 4px; }
        .leaf-list { margin-top: 8px; display: flex; flex-direction: column; gap: 5px; }
        .leaf-item {
            display: block;
            background: #fff;
            border: 1px solid #eee;
            border-left: 3px solid var(--accent-color);
            border-radius: 6px;
            padding: 6px 9px;
            font-size: 11.5px;
            color: #555;
            text-align: left;
            text-decoration: none;
            transition: background .2s, color .2s;
        }
        .leaf-item:hover { background: #fff5f5; color: var(--accent-color); }

/* Sitemap Links */
.sitemap-body a {
    color: #555;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

.sitemap-body a:hover {
    color: var(--accent-color);
    text-decoration: underline;
}

/* Heading spacing */
.sitemap-body h6 {
    margin-bottom: 8px;
}
/* Sitemap Main */
.sitemap-body {
    font-family: 'Poppins', sans-serif;
}

.sitemap-title {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    margin-bottom: 25px;
    position: relative;
}

.sitemap-title::after {
    content: "";
    width: 50px;
    height: 3px;
    background: var(--accent-color);
    position: absolute;
    left: 0;
    bottom: -8px;
}

/* Grid Layout */
.sitemap-box {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 25px;
}

/* Each Column */
.sitemap-group h5 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
}

/* Links */
.sitemap-group a {
    display: inline-block;
    font-size: 14px;
    color: #555;
    margin: 3px 10px 3px 0;
    text-decoration: none;
    transition: 0.3s;
}

/* Hover */
.sitemap-group a:hover {
    color: var(--accent-color);
    text-decoration: underline;
}
.btn-outline-light{
 display: flex; 
 align-items: center;
}


   .about .line {
    width: 80px;
    height: 4px;
    background: var(--accent-color);
    margin-bottom: -14px !important;
    margin: 0 auto 0 0;
    margin-top: -10px;

}

.why .text-muted{
    margin-top:8px;
}
.section-padding span{
letter-spacing: 1px; 
font-size: 14px;
}

.pratice .text-muted{
    margin-top:8px;}
.line{
width: 70px;
    height: 4px;
    background: var(--accent-color);
    margin: 0 auto;
    margin-top: -9px;
}

.item img{
    width:70px !important;
   height: 70px !important;
}
.contact .text-muted{
    margin-bottom: 25px !important;
    margin-top: 10px;
}
.footer-cta .text-light{
font-size: 16px;
}
.footer-main .text-light{
    line-height: 1.8;
}
.footer-contact-item .text-light{
font-size:14px;
}
.footer-bottom p{
text-align: center;
}
.breadcrumb-area{
     background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('img/about.jpeg'); 
    background-size: cover; 
    background-position: center; 
    padding: 80px 0; 
     color: white;"
}
.breadcrumb-area .serif{
    font-size: 40px;
}
.breadcrumb-item a{
color: white;
 text-decoration: none;
  font-size: 16px;}
.breadcrumb li {
    color: white !important; 
    font-size: 16px;
     font-weight: 500;
  }
  .process-icon{
    font-size: 40px;
     color: var(--accent-color);
  }
  .process-card{
    border: 1px solid #eee;
     border-radius: 20px;
      transition: 0.3s; 
      position: relative; 
      background: #fff;
  }
  .team-card{
    background: white; 
    border-radius: 20px;
     overflow: hidden; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); 
    transition: 0.3s;
  }
  .member-img{
    border-radius: 15px;
    overflow: hidden;
  }
  .member-img img{
    transition: 0.3s; 
    width: 100%; 
    height: 300px; 
    object-fit: cover;
  }
  .register .card{
  border-radius: 20px;
  border: 1px solid white;
  }
  .register .icon{
  width: 60px;
   height: 60px;
    background: var(--accent-color); 
    color: white; 
    border-radius: 50%; 
    display: flex; 
    align-items: center;
     justify-content: center; 
     font-weight: bold; 
     font-size: 20px;
  }
  .doct col-lg-6{
  margin-top:3px;
  }
  .doct .card{
border-radius: 25px; 
background: #fcfcfc;
  }
  .register-one .card{
    border-radius: 20px;
    transition: 0.3s;"
  }
  .register-one .icon{
   width: 70px;
    height: 70px; 
    background: #fff; 
    color: var(--accent-color);
    border: 2px solid var(--accent-color);
  border-radius: 15px;
   display: flex;
    align-items: center; 
    justify-content: center; 
    font-size: 30px;"
  }
  .delay{
   background: #fff;
  }
  .delay .overflow-hidden{
  border-radius: 30px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.1);
  }
  .delay .red{
  background: #B22222 !important; 
  position: relative;}

  .delay .text-uppercase{
    letter-spacing: 2px;
    font-size: 14px;
    color: rgba(255,255,255,0.7);
  }
  
  .about-line{
      width: 80px; 
    height: 4px;
    background: var(--accent-color);
    margin-bottom: -14px !important;
    margin: 0 auto 0 0;
    margin-top: -10px;
  }
  .table-responsive{
    border-radius: 20px;
     overflow: hidden; 
     background: white;
  }
  .p-feature{
    width: 30%;
    text-align: left;
  }
  .black-box{
  background: #1a1a1a;
  color: white; 
  position: relative; 
  overflow: hidden;"
  }
  .black-box .container{
   z-index: 2;
  }
  .black-box .p-4{
    background:#fff; 
    border-radius: 20px;
  }
  .black-box .display-5{
    font-family: auto;
     color: red;
  }
  .black-box .text-dark{
   font-size: 17px;
  }
  .bg{
    position: absolute; 
    top: -100px; 
    right: -100px; 
    width: 300px; 
    height: 300px; 
    background: var(--accent-color); 
    filter: blur(150px); 
    opacity: 0.3; 
    z-index: 1;
  }
  .accordion-item{
  border-radius: 15px; 
  overflow: hidden;
  }
  .accordion-button{
    font-family: 'Poppins';
  }
  .logo-icon .p-3{
   background: #f8f9fa;
  }
  .logo-icon .fw-bold{
    font-size: 14px;
  }
  @media (max-width: 768px) {
   .about .btn {
    margin-right: 141px;
} 
  }
  /* ========================================
   PRIVACY POLICY PAGE - UNIQUE STYLES
   Prefix: priv- (to avoid conflicts)
   ======================================== */

/* Body Background */
.priv-page-body {
    background-color: #fdfdfd;
}

/* Main Policy Card */
.priv-policy-card {
    border-radius: 30px;
    background: white;
}

/* Policy Header Section */
.priv-policy-header {
    text-align: center;
}

/* Subtitle Span */
.priv-policy-subtitle {
    letter-spacing: 2px;
    font-size: 14px;
}

/* Main Title H2 */
.priv-policy-title {
    margin-top: 2rem;
}

/* Divider Line */
.priv-policy-divider {
    width: 60px;
    height: 3px;
    background: var(--accent-color);
    margin-bottom: 3rem;
}

/* Date Text */
.priv-policy-date {
    margin-bottom: 0;
}

/* Policy Content Wrapper */
.priv-policy-content {
    line-height: 1.8;
    font-family: 'Poppins', sans-serif;
}

/* Individual Policy Sections */
.priv-policy-section {
    margin-bottom: 5rem;
}

/* Section Title H4 */
.priv-policy-section-title {
    margin-bottom: 3rem;
}

/* Section Content Box with Border */
.priv-policy-section-content {
    border-left: 3px solid var(--accent-color);
    padding-left: 20px;
    margin-left: 5px;
}

/* Contact Box at Bottom */
.priv-policy-contact-box {
    background: #f8f9fa;
    border-radius: 20px;
    margin-top: 5rem;
    padding: 4rem;
    text-align: center;
}

/* Contact Box Title */
.priv-policy-contact-title {
    margin-bottom: 0;
}

/* Contact Box Text */
.priv-policy-contact-text {
    font-size: 0.875rem;
}

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

@media (max-width: 768px) {
    .priv-policy-card {
        padding: 2rem 1.5rem !important;
    }
    
    .priv-policy-section {
        margin-bottom: 3rem;
    }
    
    .priv-policy-contact-box {
        padding: 2rem 1.5rem !important;
    }
}
 /* Sitemap Header */
        .sitemap-header {
            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
            padding: 100px 0 60px;
            color: #fff;
            text-align: center;
        }
        
        .sitemap-header h1 {
            font-size: 3rem;
            margin-bottom: 20px;
        }
        
        .breadcrumb-custom {
            background: transparent;
            padding: 0;
            margin-bottom: 0;
        }
        
        .breadcrumb-custom a {
            color: rgba(255,255,255,0.8);
            text-decoration: none;
        }
        
        .breadcrumb-custom .active {
            color: #fff;
        }
        
        /* Sitemap Cards */
        .sitemap-section {
            background: #fff;
            border-radius: 15px;
            padding: 40px;
            margin-bottom: 30px;
            box-shadow: 0 5px 30px rgba(0,0,0,0.08);
            transition: all 0.3s ease;
        }
        
        .sitemap-section:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 40px rgba(0,0,0,0.12);
        }
        
        .sitemap-section h3 {
            color: var(--primary-color);
            margin-bottom: 25px;
            padding-bottom: 15px;
            border-bottom: 3px solid var(--accent-color);
            display: inline-block;
        }
        
        .sitemap-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }
        
        .sitemap-list li {
            margin-bottom: 12px;
        }
        
        .sitemap-list a {
            color: var(--text-muted);
            text-decoration: none;
            display: flex;
            align-items: center;
            padding: 10px 15px;
            border-radius: 8px;
            transition: all 0.3s ease;
        }
        
        .sitemap-list a:hover {
            background: rgba(220, 53, 69, 0.1);
            color: var(--accent-color);
            padding-left: 20px;
        }
        
        .sitemap-list a i {
            margin-right: 12px;
            color: var(--accent-color);
            font-size: 14px;
        }
        /* Search Box */
        .sitemap-search {
            max-width: 600px;
            margin: 0 auto 50px;
        }
        
        .sitemap-search .form-control {
            border-radius: 50px;
            padding: 15px 25px;
            border: 2px solid #e9ecef;
            font-size: 16px;
        }
        
        .sitemap-search .form-control:focus {
            border-color: var(--accent-color);
            box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
        }
        
        .sitemap-search .btn {
            border-radius: 50px;
            padding: 15px 30px;
        }
        
        /* Quick Access Grid */
        .quick-access-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 20px;
            margin-bottom: 50px;
        }
        
        .quick-access-card {
            background: #fff;
            padding: 25px;
            border-radius: 12px;
            text-align: center;
            box-shadow: 0 3px 15px rgba(0,0,0,0.06);
            transition: all 0.3s ease;
            text-decoration: none;
            color: var(--primary-color);
        }
        
        .quick-access-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            color: var(--accent-color);
        }
        
        .quick-access-card i {
            font-size: 2rem;
            color: var(--accent-color);
            margin-bottom: 15px;
        }
        
        .quick-access-card h5 {
            margin: 0;
            font-weight: 600;
        }
        
        /* Page Counter */
        .page-counter {
            background: var(--accent-color);
            color: #fff;
            padding: 30px;
            border-radius: 15px;
            text-align: center;
            margin-bottom: 50px;
        }
        
        .page-counter h2 {
            font-size: 3rem;
            margin: 0;
        }
        
        .page-counter p {
            margin: 10px 0 0;
            opacity: 0.9;
        }
        
        @media (max-width: 768px) {
            .sitemap-header h1 {
                font-size: 2rem;
            }
            
            .sitemap-section {
                padding: 25px;
            }
            
            .section-padding {
                padding: 50px 0;
            }
            .footer-main .column {
                margin-top: 15px !important;
            }
        }
       .quick-access-grid{
        margin-bottom: 0px !important;
       }
       .p-footer{
        font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    font-family: 'Poppins', sans-serif;
    color: #bdc3c7;
       }
       .hero .badge{
          background-color: rgb(255 0 0) !important;
          font-size: 16px;
       }
       .testimonial .text-muted{
        margin-top: 10px;
       }
       .process .text-muted{
        margin-top: 10px;
       }
       .team .text-muted{
        margin-top: 10px;
       }