@import url('https://fonts.googleapis.com/css2?family=Ancizar+Sans:ital,wght@0,100..1000;1,100..1000&family=Arimo:ital,wght@0,400..700;1,400..700&family=Bebas+Neue&family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Host+Grotesk:ital,wght@0,300..800;1,300..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway+Dots&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&family=Unica+One&display=swap');
 :root {
     --primary: #0e76bc;
     --secondary: #2e72a0;
     --warm-bg: #f8f5f2;
     --warm-card: #ffffff;
     --text-dark: #333333;
     --text-muted: #666666;
     --border-light: #e0e0e0;
 }
 
 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: "Nunito", sans-serif;
 }
 
 html {
     scroll-padding-top: 88px;
 }
 
 body {
     font-family: "Nunito", sans-serif;
     overflow-x: hidden;
 }
 
 p {
     font-size: 14px;
 }
 
 .header {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     z-index: 1030;
     transition: all var(--transition-speed) ease;
     background-color: transparent;
 }
 
 .header.sticky {
     position: fixed;
     box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     animation: slideDown 0.35s ease-out;
     background-color: #1a1f2b;
 }
 
 .navbar-brand {
     padding-top: 1rem;
 }
 
 .header.sticky .navbar-brand {
     padding-top: 0rem;
 }
 
 .navbar-brand img {
     width: 200px;
 }
 
 .head-logo {
     display: block;
 }
 
 .head-sticky-logo {
     display: none;
 }
 
 .header.sticky .head-logo {
     display: none;
 }
 
 .header.sticky .head-sticky-logo {
     display: block;
     width: 75px;
 }
 
 @keyframes slideDown {
     from {
         transform: translateY(-100%);
     }
     to {
         transform: translateY(0);
     }
 }
 
 .navbar-nav .nav-link {
     color: #fff;
 }
 
 .nav-link:focus,
 .nav-link:hover {
     color: #0e76bc !important;
 }
 
 .dropdown-toggle::after {
     display: none !important;
 }
 
 .navbar-nav .nav-link {
     color: #fff;
     padding-top: 10px;
     padding-bottom: 10px;
     font-size: 14px;
     padding-left: 20px !important;
     padding-right: 0 !important;
 }
 /* Dropdown Menu Styling */
 
 .dropdown-menu {
     min-width: 200px;
     padding: 0.5rem 0;
     border-radius: 10px;
     overflow: hidden;
 }
 /* Dropdown Items */
 
 .dropdown-menu .dropdown-item {
     position: relative;
     padding-right: 40px;
     transition: all 0.3s ease;
     font-size: 14px;
 }
 /* Hover Effect */
 
 .dropdown-menu .dropdown-item:hover {
     color: #ffffff;
     background-color: #0e76bc;
 }
 /* Font Awesome Right Arrow */
 
 .dropdown-menu .dropdown-item::after {
     content: "\f061";
     /* fa-arrow-right */
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     position: absolute;
     right: 15px;
     top: 50%;
     transform: translateY(-50%) translateX(-5px) rotate(0deg);
     opacity: 0;
     color: #fff;
     transition: all 0.4s ease;
 }
 /* On Hover — Arrow fades, moves, and rotates 45° */
 
 .dropdown-menu .dropdown-item:hover::after {
     opacity: 1;
     transform: translateY(-50%) translateX(0) rotate(-30deg);
     animation: 1.2s infinite;
 }
 
 .header.sticky .navbar-expand-md .navbar-nav .dropdown-menu {
     background: #1a1f2b;
     border-radius: 0;
 }
 
 .header.sticky .navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item {
     color: #fff;
 }
 
 .nav-top {
     font-size: 0.95rem;
     color: #222;
     letter-spacing: 0.3px;
 }
 /* === Inner Container === */
 
 .nav-top .container {
     /* max-width: 1300px; */
     margin: 0 auto;
     padding: 8px 0px 0 8px;
     display: flex;
     justify-content: flex-end;
     align-items: center;
     gap: 20px;
     flex-wrap: wrap;
 }
 /* === Helpline === */
 
 .nav-top .helpline {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     color: #0e76bc;
     font-weight: 600;
     text-decoration: none;
     transition: color 0.2s ease;
 }
 
 .nav-top .helpline:hover {
     color: #0e76bc;
 }
 /* === Social Icons === */
 
 .nav-top .socials {
     display: inline-flex;
     align-items: center;
     gap: 10px;
 }
 
 .nav-top .socials a {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 34px;
     height: 34px;
     border: 1px solid #0e76bc;
     /* 👈 crisp border */
     border-radius: 6px;
     color: #fff;
     background: #0e76bc;
     text-decoration: none;
     transition: all 0.2s ease;
 }
 
 .nav-top .socials a:hover {
     background: #0b5ed7;
     color: #fff;
     border-color: #0b5ed7;
     transform: translateY(-2px);
     box-shadow: 0 3px 8px rgba(11, 94, 215, 0.25);
 }
 /* === Enquire Button === */
 
 .nav-top .btn-enquire {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     background: #0e76bc;
     color: #fff;
     padding: 8px 15px;
     border-radius: 8px;
     text-decoration: none;
     font-weight: 600;
     /* border: 1px solid #0b5ed7; */
     transition: all 0.2s ease;
     box-shadow: 0 3px 10px rgba(11, 94, 215, 0.25);
 }
 
 .nav-top .btn-enquire:hover {
     background: #084eb0;
     transform: translateY(-2px);
     box-shadow: 0 6px 16px rgba(11, 94, 215, 0.3);
 }
 
 .hero-section {
     position: relative;
     height: 100vh;
     background: #000000;
     overflow: hidden;
     cursor: pointer;
 }
 
 .hero-section .hero-image {
     position: absolute;
     right: 0;
     top: 0;
     height: 100%;
     width: 100%;
     object-fit: cover;
     object-position: top right;
     transition: transform 0.4s ease;
 }
 
 .hero-section .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     /* background: linear-gradient(to right, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.3) 70%, transparent 100%); */
     z-index: 1;
 }
 
 .hero-section .content-container {
     position: relative;
     z-index: 9;
     height: 100vh;
     display: flex;
     align-items: end;
     padding-left: 14%;
     /* padding-top: 130px; */
 }
 
 .hero-section .content-container-box {
     position: absolute;
     bottom: 4%;
     width: 250px;
     height: 350px;
     z-index: 1;
     transition: transform 0.5s ease;
     will-change: transform;
 }
 
 .hero-section .text-box {
     padding: 45px 0px 70px 40px;
     max-width: 1000px;
     background: transparent;
     position: relative;
     z-index: 9;
     transition: transform 0.4s ease;
     will-change: transform;
 }
 
 .hero-section .text-box h1 {
     font-size: 2.2rem;
     font-weight: 400;
     color: #ffffff;
     margin-bottom: 8px;
     line-height: 1.15;
     letter-spacing: 0.5px;
 }
 
 .hero-section .description {
     color: #0e76bc;
     line-height: 1.7;
     margin-bottom: 15px;
     font-weight: 300;
 }
 
 .hero-section .learn-more-link {
     display: inline-block;
     color: #b8964f;
     font-size: 0.75rem;
     letter-spacing: 2.5px;
     text-transform: uppercase;
     font-weight: 500;
     text-decoration: none;
     font-family: Arial, sans-serif;
     transition: color 0.3s ease;
 }
 
 .hero-section .learn-more-link:hover {
     color: #d4b86a;
 }
 
 section {
     padding: 70px 0px;
 }
 
 .section-title {
     text-align: center;
     margin-bottom: 60px;
 }
 
 .section-title h2 {
     font-size: 32px;
     font-weight: 800;
     color: #1a1a1a;
     margin-bottom: 15px;
     position: relative;
     display: inline-block;
 }
 
 .section-title h2::after {
     content: '';
     position: absolute;
     bottom: -10px;
     left: 50%;
     transform: translateX(-50%);
     width: 80px;
     height: 4px;
     background: linear-gradient(90deg, #0e76bc, #2e72a0);
     border-radius: 2px;
 }
 
 .section-title p {
     color: #666;
     font-size: 14px;
     margin-top: 20px;
 }
 
 .about-laws .section-title p span {
     display: inline-block;
     padding: 0 15px;
     background: #0e76bc;
     border-radius: 10px;
     color: #fff;
 }
 
 .legal-services-section {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
 }
 
 .legal-services-section .section-title {
     text-align: center;
     color: white;
     margin-bottom: 50px;
     font-size: 2.5rem;
     font-weight: 700;
 }
 
 .legal-services-section .services-slider {
     position: relative;
 }
 
 .legal-services-section .services-slider .service-card {
     margin: 15px;
     height: 400px;
     position: relative;
     border-radius: 15px;
     overflow: hidden;
     cursor: pointer;
     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 }
 
 .legal-services-section .services-slider .service-card.extra-cards {
     visibility: hidden;
 }
 
 .legal-services-section .services-slider .service-card .card-content {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: white;
     padding: 40px 20px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     text-align: center;
     transition: opacity 0.5s ease;
     z-index: 2;
 }
 
 .legal-services-section .services-slider .service-card .card-content .card-icon {
     font-size: 4rem;
     color: #667eea;
     margin-bottom: 20px;
     transition: all 0.5s ease;
 }
 
 .legal-services-section .services-slider .service-card .card-content .card-title {
     font-size: 18px;
     font-weight: 700;
     color: #333;
     margin-bottom: 15px;
     transition: color 0.5s ease;
 }
 
 .legal-services-section .services-slider .service-card .card-content .card-description {
     color: #666;
     font-size: 14px;
     line-height: 1.6;
     margin-bottom: 15px;
     transition: color 0.5s ease;
 }
 
 .legal-services-section .services-slider .service-card .card-content .read-more-btn {
     padding: 12px 30px;
     background: #667eea;
     color: white;
     border: none;
     border-radius: 25px;
     font-size: 1rem;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
     text-decoration: none;
     display: inline-block;
 }
 
 .legal-services-section .services-slider .service-card .card-content .read-more-btn:hover {
     background: #764ba2;
     transform: translateY(-2px);
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
 }
 
 .legal-services-section .services-slider .service-card .card-background {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-position: center;
     opacity: 0;
     transition: opacity 0.5s ease;
     z-index: 1;
 }
 
 .legal-services-section .services-slider .service-card .card-background::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
 }
 
 .legal-services-section .services-slider .service-card:hover .card-background {
     opacity: 1;
 }
 
 .legal-services-section .services-slider .service-card:hover .card-content {
     opacity: 0;
 }
 
 .legal-services-section .services-slider .service-card .hover-content {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 40px 20px;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: end;
     text-align: center;
     opacity: 0;
     transition: opacity 0.5s ease;
     z-index: 3;
 }
 
 .legal-services-section .services-slider .service-card:hover .hover-content {
     opacity: 1;
 }
 
 .legal-services-section .services-slider .service-card .hover-content .card-title {
     color: white;
     font-size: 1.8rem;
     font-weight: 700;
     margin-bottom: 15px;
 }
 
 .legal-services-section .services-slider .service-card .hover-content .card-description {
     color: rgba(255, 255, 255, 0.9);
     font-size: 14px;
     line-height: 1.6;
     margin-bottom: 15px;
 }
 
 .legal-services-section .services-slider .service-card .hover-content .read-more-btn {
     background: white;
     color: #667eea;
     padding: 12px 30px;
     border: none;
     border-radius: 25px;
     font-size: 1rem;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.3s ease;
     text-decoration: none;
     display: inline-block;
 }
 
 .legal-services-section .services-slider .service-card .hover-content .read-more-btn:hover {
     background: #f0f0f0;
     color: #764ba2;
     transform: translateY(-2px);
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
 }
 
 .legal-services-section .services-slider .slick-prev,
 .legal-services-section .services-slider .slick-next {
     width: 50px;
     height: 50px;
     z-index: 10;
 }
 
 .legal-services-section .services-slider .slick-prev:before,
 .legal-services-section .services-slider .slick-next:before {
     font-size: 40px;
     color: rgb(2, 0, 0);
 }
 
 .legal-services-section .services-slider .slick-prev {
     left: -60px;
 }
 
 .legal-services-section .services-slider .slick-next {
     right: -60px;
 }
 
 .legal-services-section .services-slider .slick-dots {
     bottom: -50px;
 }
 
 .legal-services-section .services-slider .slick-dots li button:before {
     /* font-size: 50px; */
     color: rgb(0, 0, 0);
     width: 10px !important;
     background: #1a1f2b;
     border-radius: 10px;
     height: 10px;
 }
 
 .legal-services-section .services-slider .slick-dots li.slick-active button:before {
     width: 25px !important;
     background: #1a1f2b;
     border-radius: 10px;
     height: 10px;
 }
 /* ============ LAW SECTION ============ */
 
 .law-section {
     display: flex;
     flex-wrap: wrap;
 }
 /* ---------- LEFT SIDE ---------- */
 
 .law-section .law-left {
     background: url('../Images/Nyaya-devatha-hammer.webp') center/cover no-repeat;
     flex: 1;
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     position: relative;
     padding: 60px 20px;
 }
 
 .law-section .law-left::before {
     content: "";
     position: absolute;
     inset: 0;
     background: rgba(0, 0, 0, 0.55);
 }
 
 .law-section .law-left .law-content {
     position: relative;
     z-index: 1;
 }
 
 .law-section .law-left .circle-wrap {
     display: flex;
     justify-content: center;
     gap: 2rem;
     margin-bottom: 2rem;
     flex-wrap: wrap;
 }
 
 .law-section .law-left .circle {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     /* border: 8px solid #e5e5e5; */
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     font-weight: 700;
     font-size: 1rem;
 }
 
 .law-section .law-left .circle::before {
     content: "";
     position: absolute;
     inset: 0;
     border-radius: 50%;
     border: 8px solid #0e76bc;
     border-right-color: #fdfafa;
     transform: rotate(90deg);
 }
 
 .law-section .law-left .circle-label {
     font-size: 14px;
     text-transform: uppercase;
     margin-top: 0.5rem;
     color: #ccc;
 }
 
 .law-section .law-left h3 {
     font-size: 18px;
     font-weight: 700;
     line-height: 1.3;
 }
 /* ---------- RIGHT SIDE ---------- */
 
 .law-section .law-right {
     flex: 1;
     background-color: #1a1f2b;
     color: #fff;
     display: flex;
     align-items: center;
     padding: 80px 80px 80px 40px;
 }
 
 .law-section .law-right .content {
     max-width: 550px;
 }
 
 .law-section .law-right h6 {
     color: #bbb;
     font-size: 0.9rem;
     text-transform: uppercase;
 }
 
 .law-section .law-right h2 {
     font-weight: 700;
     margin: 10px 0;
 }
 
 .law-section .law-right .law-item {
     display: flex;
     align-items: flex-start;
     margin-bottom: 25px;
 }
 
 .law-section .law-right .law-item i {
     width: 70px;
     font-size: 1.5rem;
     color: #0e76bc;
     /* margin-right: 15px; */
     margin-top: 5px;
     position: relative;
     display: block;
 }
 
 .law-section .law-right .law-item h5 {
     font-size: 1.1rem;
     margin-bottom: 5px;
 }
 
 .law-section .law-right .law-item p {
     color: #aaa;
     margin-bottom: 0;
 }
 /* Count Section */
 
 .stats-section {
     padding: 0 0 50px;
     position: relative;
     background-color: #1a1f2b;
 }
 
 .stats-section .stats-wrapper {
     position: relative;
 }
 
 .stats-section .stats-card {
     background: #ffffff00;
     border-radius: 15px;
     padding: 25px;
     text-align: center;
     transition: all 0.5s cubic-bezier(0.23, 1, 0.320, 1);
     /* box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08); */
     height: 100%;
     position: relative;
     overflow: hidden;
     /* border: 1px solid #f0f0f0; */
 }
 
 .stats-section .stats-card::before {
     content: '';
     position: absolute;
     top: 0;
     left: -100%;
     width: 100%;
     height: 100%;
     background: linear-gradient(120deg, transparent, rgba(212, 165, 116, 0.1), transparent);
     transition: left 0.6s ease;
 }
 /* .stats-section .stats-card:hover::before {
     left: 100%;
 } */
 
 .stats-section .stats-card::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 0;
     background: linear-gradient(135deg, #d4a574 0%, #c7935a 100%);
     transition: height 0.4s ease;
     z-index: 0;
 }
 /* .stats-section .stats-card:hover::after {
     height: 5px;
 } */
 /* .stats-section .stats-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 15px 45px rgba(212, 165, 116, 0.25);
     border-color: #d4a574;
 } */
 
 .stats-section .stats-icon-wrapper {
     position: relative;
     margin-bottom: 30px;
     display: inline-block;
 }
 
 .stats-section .stats-icon-wrapper::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     width: 100px;
     height: 100px;
     background: linear-gradient(135deg, rgba(212, 165, 116, 0.1), rgba(199, 147, 90, 0.1));
     border-radius: 50%;
     transition: all 0.4s ease;
     z-index: 0;
 }
 /* .stats-section .stats-card:hover .stats-icon-wrapper::before {
     width: 120px;
     height: 120px;
     background: linear-gradient(135deg, rgba(212, 165, 116, 0.2), rgba(199, 147, 90, 0.2));
 } */
 
 .stats-section .stats-icon-wrapper::after {
     content: '';
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) rotate(0deg);
     width: 90px;
     height: 90px;
     border: 2px dashed #d4a574;
     border-radius: 50%;
     opacity: 0;
     transition: all 0.6s ease;
     z-index: 0;
 }
 /* .stats-section .stats-card:hover .stats-icon-wrapper::after {
     transform: translate(-50%, -50%) rotate(180deg);
     opacity: 1;
     width: 110px;
     height: 110px;
 } */
 
 .stats-section .stats-icon {
     width: 75px;
     height: 75px;
     margin: 0 auto;
     /* background: linear-gradient(135deg, #d4a574 0%, #c7935a 100%); */
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     transition: all 0.4s ease;
     position: relative;
     z-index: 1;
     box-shadow: 0 8px 20px rgba(212, 165, 116, 0.3);
 }
 
 .stats-section .stats-card:hover .stats-icon {
     transform: scale(1.1);
     box-shadow: 0 12px 30px rgba(212, 165, 116, 0.5);
 }
 
 .stats-section .stats-icon i {
     font-size: 32px;
     color: #ffffff;
     transition: transform 0.4s ease;
 }
 
 .stats-section .stats-card:hover .stats-icon i {
     transform: rotateY(360deg);
 }
 
 .stats-section .stats-content {
     position: relative;
     z-index: 1;
 }
 
 .stats-section .stats-number {
     font-size: 35px;
     font-weight: 900;
     background: linear-gradient(135deg, #d4a574 0%, #0e76bc 100%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
     margin: 20px 0 10px;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     line-height: 1;
 }
 
 .stats-section .stats-plus {
     font-weight: 900;
 }
 
 .stats-section .stats-label {
     font-size: 15px;
     color: #666;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 2px;
     margin-top: 10px;
     position: relative;
     display: inline-block;
 }
 
 .stats-section .stats-label::before {
     content: '';
     position: absolute;
     top: -10px;
     left: 50%;
     transform: translateX(-50%);
     width: 40px;
     height: 2px;
     background: #0e76bc;
     transition: width 0.4s ease;
 }
 
 .stats-section .stats-card:hover .stats-label::before {
     width: 60px;
 }
 
 .stats-section .stats-card:hover .stats-label {
     color: #fff;
 }
 
 .stats-section .row {
     --bs-gutter-x: 30px;
     --bs-gutter-y: 30px;
 }
 
 .lawyer-team {
     padding: 60px 0;
 }
 
 .lawyer-team .lawyer-card {
     position: relative;
     overflow: hidden;
     border-radius: 12px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s ease;
 }
 
 .lawyer-team .lawyer-card:hover {
     transform: translateY(-5px);
 }
 
 .lawyer-team .lawyer-card img {
     width: 100%;
     height: 350px;
     object-fit: cover;
     border-radius: 12px;
     transition: transform 0.5s ease;
 }
 
 .lawyer-team .lawyer-card:hover img {
     transform: scale(1.05);
 }
 /* Always visible name overlay */
 
 .lawyer-team .lawyer-name-strip {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     background: rgba(0, 0, 0, 0.6);
     color: #fff;
     padding: 10px 20px;
     font-size: 18px;
     font-weight: 600;
     z-index: 2;
     border-radius: 0 0 12px 12px;
     /* Animation base styles */
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
     transition: all 0.4s ease-in-out;
 }
 
 .lawyer-team .lawyer-card:hover .lawyer-name-strip {
     opacity: 0;
     visibility: hidden;
     transform: translateY(30px);
     /* Moves down while fading */
 }
 /* Badge */
 
 .lawyer-team .lawyer-badge {
     position: absolute;
     top: 12px;
     right: 12px;
     background: #0e75ba;
     color: #fff;
     font-size: 13px;
     padding: 6px 14px;
     border-radius: 20px;
     font-weight: 600;
     z-index: 3;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
     display: none;
 }
 /* Hidden overlay content */
 
 .lawyer-team .lawyer-overlay {
     position: absolute;
     bottom: -100%;
     right: -100%;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.9);
     color: #fff;
     border-radius: 12px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
     padding: 20px;
     transition: all 0.6s ease;
     opacity: 0;
 }
 
 .lawyer-team .lawyer-card:hover .lawyer-overlay {
     bottom: 0;
     right: 0;
     opacity: 1;
 }
 
 .lawyer-team .lawyer-overlay h4 {
     color: #0e75ba;
     font-size: 20px;
     margin-bottom: 8px;
     font-weight: bold;
 }
 
 .lawyer-team .lawyer-overlay p {
     font-size: 14px;
     margin: 3px 0;
 }
 
 .lawyer-team .lawyer-social a {
     color: #0e75ba;
     font-size: 16px;
     margin: 0 8px;
     transition: color 0.3s ease;
 }
 
 .lawyer-team .lawyer-social a:hover {
     color: #fff;
 }
 
 .lawyer-team a {
     text-decoration: none;
 }
 
 .faq-section {
     padding: 80px 0;
     background: #f8f9fa;
 }
 
 .faq-section .image-side img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     border-radius: 12px;
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
 }
 
 .faq-section .faq-title {
     font-weight: 700;
     color: #222;
     margin-bottom: 30px;
     border-left: 5px solid #0e76bc;
     padding-left: 15px;
     font-size: 1.8rem;
 }
 
 .faq-section .accordion-item {
     border: none;
     border-bottom: 1px solid #ddd;
     background: #fff;
     transition: all 0.3s ease;
     border-radius: 0;
 }
 
 .faq-section .accordion-button {
     background: none;
     font-weight: 600;
     color: #333;
     box-shadow: none !important;
     transition: all 0.3s ease;
     position: relative;
     padding-right: 45px;
     /* space for icon */
     font-size: 14px;
 }
 /* Hide default Bootstrap arrow */
 
 .faq-section .accordion-button::after {
     display: none;
 }
 /* Custom + / - icon on right side */
 
 .faq-section .accordion-button::before {
     content: '+';
     position: absolute;
     right: 15px;
     top: 50%;
     transform: translateY(-50%);
     font-size: 22px;
     font-weight: bold;
     color: #0e76bc;
     transition: all 0.3s ease;
 }
 /* When accordion is expanded, show - instead of + */
 
 .faq-section .accordion-button:not(.collapsed)::before {
     content: '-';
 }
 
 .faq-section .accordion-button:hover {
     color: #0e73b8;
 }
 
 .faq-section .accordion-body {
     color: #555;
     background: #fff;
     line-height: 1.6;
 }
 /* Blog section container */
 /* Individual blog cards */
 
 .blog-card {
     position: relative;
     border-radius: 12px;
     overflow: hidden;
     background-color: #fff;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
     transition: transform 0.3s, box-shadow 0.3s;
     margin-bottom: 30px;
 }
 
 .blog-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 15px 25px rgba(0, 0, 0, 0.2);
 }
 /* Image container with hover effect */
 
 .blog-card .blog-image-container {
     position: relative;
     overflow: hidden;
 }
 
 .blog-card .blog-image-container img {
     width: 100%;
     height: 220px;
     object-fit: cover;
     transition: transform 0.5s ease;
     display: block;
 }
 
 .blog-card .blog-image-container:hover img {
     transform: scale(1.1);
 }
 
 .blog-card .blog-image-container::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.15);
     opacity: 0;
     transition: opacity 0.5s ease;
 }
 
 .blog-card .blog-image-container:hover::after {
     opacity: 1;
 }
 /* Date badge */
 
 .blog-card .date-badge {
     position: absolute;
     top: 12px;
     left: 12px;
     background: #ff5e57;
     color: #fff;
     font-weight: 600;
     font-size: 0.85rem;
     padding: 6px 12px;
     border-radius: 8px;
     box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
 }
 /* Blog content */
 
 .blog-card .blog-content {
     padding: 20px;
 }
 
 .blog-card .blog-content h5 {
     font-weight: 600;
     margin-bottom: 10px;
 }
 
 .blog-card .blog-content p {
     color: #555;
     margin-bottom: 15px;
 }
 /* Read More button */
 
 .blog-content a {
     display: inline-block;
     padding: 8px 20px;
     background: linear-gradient(135deg, #007bff, #00c6ff);
     color: #fff !important;
     border-radius: 50px;
     font-size: 0.9rem;
     font-weight: 500;
     transition: all 0.4s ease;
     text-decoration: none;
     box-shadow: 0 4px 15px rgba(0, 123, 255, 0.3);
 }
 
 .blog-card .blog-content a:hover {
     background: linear-gradient(135deg, #0056b3, #00a1d6);
     transform: scale(1.05);
     box-shadow: 0 6px 20px rgba(0, 123, 255, 0.4);
     text-decoration: none;
 }
 /* Footer */
 
 .footer {
     background-color: #283249;
     color: #fff;
     padding: 60px 0 25px;
 }
 
 .footer h5 {
     color: #0e76bc;
     /* heading color */
     margin-bottom: 20px;
     font-weight: 600;
     letter-spacing: 0.5px;
     position: relative;
 }
 
 .footer h5::after {
     content: "";
     display: block;
     width: 40px;
     height: 2px;
     background-color: #0e76bc;
     margin-top: 8px;
     transition: width 0.4s ease;
 }
 
 .footer h5:hover::after {
     width: 40px;
 }
 /* Links */
 
 .footer ul {
     padding-left: 0;
     list-style: none;
 }
 
 .footer ul li {
     position: relative;
     margin-bottom: 10px;
 }
 
 .footer ul li a {
     color: #cfcfcf;
     text-decoration: none;
     display: block;
     padding-right: 25px;
     transition: all 0.3s ease;
     position: relative;
     font-size: 14px;
 }
 /* Animated underline */
 
 .footer ul li a::before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 0%;
     height: 2px;
     background-color: #0e76bc;
     transition: width 0.3s ease;
 }
 
 .footer ul li a:hover::before {
     width: 100%;
 }
 /* Arrow at far right end */
 
 .footer ul li a::after {
     content: "\f105";
     /* Font Awesome arrow */
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%) translateX(10px);
     color: #0e76bc;
     opacity: 0;
     transition: all 0.3s ease;
 }
 
 .footer ul li a:hover {
     color: #0e76bc;
 }
 
 .footer ul li a:hover::after {
     transform: translateY(-50%) translateX(0);
     opacity: 1;
 }
 /* Contact Info */
 
 .footer .contact-info li {
     display: flex;
     align-items: center;
     color: #ddd;
     font-size: 15px;
     margin-bottom: 12px;
 }
 
 .footer .contact-info i {
     background-color: rgba(255, 255, 255, 0.08);
     color: #0e76bc;
     border-radius: 50%;
     width: 36px;
     height: 36px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 10px;
     font-size: 16px;
     transition: background-color 0.3s ease, color 0.3s ease;
 }
 
 .footer .contact-info li:hover i {
     background-color: #0e76bc;
     color: #fff;
 }
 /* Social media icons */
 
 .footer .social-icons {
     margin-top: 20px;
 }
 
 .footer .social-icons a {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     width: 38px;
     height: 38px;
     margin-right: 10px;
     border-radius: 50%;
     background-color: rgba(255, 255, 255, 0.08);
     color: #0e76bc;
     transition: all 0.3s ease;
     font-size: 16px;
     text-decoration: none;
 }
 
 .footer .social-icons a:hover {
     background-color: #0e76bc;
     color: #fff;
     transform: translateY(-3px);
 }
 /* Copyright */
 
 .footer .copyright {
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     padding-top: 15px;
     margin-top: 25px;
     font-size: 14px;
     color: #ccc;
 }
 
 .footer .copyright-content a {
     color: #0e76bc;
     text-decoration: none;
     transition: color 0.3s ease;
 }
 
 .footer .copyright-content a:hover {
     color: #fff;
 }
 
 .copyright-content {
     display: flex;
     align-items: center;
     gap: 3px;
 }
 
 #backToTop {
     position: fixed;
     bottom: 40px;
     right: 40px;
     /* width: 60px; */
     /* height: 60px; */
     background: transparent;
     color: #fff;
     border: none;
     border-radius: 50%;
     font-size: 0.8rem;
     cursor: pointer;
     /* box-shadow: 0 6px 15px rgba(0, 123, 255, 0.3); */
     transition: all 0.3s ease;
     opacity: 0;
     visibility: hidden;
     z-index: 999;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 /* About Us */
 
 .inside-banner {
     width: 100%;
     height: 480px;
     position: relative;
     display: flex;
     align-items: end;
     color: #000;
     padding: 50px 0px 0px;
 }
 
 .about-banner {
     background-image: url(../Images/Banners/about-law.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .about-subbanner {
     position: relative;
     margin-top: -30px;
 }
 
 .twenty-two-years {
     position: relative;
 }
 
 .twenty-two-years .twenty-two-years-icon {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 60%;
     /* background-color: #1a1a1a; */
     border-radius: 50%;
 }
 
 .about-subbanner-mini {
     position: relative;
 }
 
 .twenty-two-years-bg {
     visibility: hidden;
 }
 
 .about-subbanner-mini .row {
     background-image: url(../Images/About/owl-shape.webp);
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
 }
 /* White bottom angled shape */
 /* .inside-banner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 45%;
  background: #fff;
  clip-path: polygon(0 60%, 15% 10%, 100% 100%, 100% 100%, 0 100%);
} */
 /* Optional text styling */
 
 .inside-banner h1 {
     color: #000;
     position: relative;
     z-index: 2;
     font-size: 30px;
     font-weight: 700;
 }
 
 .inside-banner p {
     color: #000;
     position: relative;
     z-index: 2;
 }
 
 .vision-mission .vision {
     background-image: url(../Images/About/vision.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
     width: 100%;
     height: 570px;
 }
 
 .vision-mission {
     padding: 100px 0;
     background: linear-gradient(135deg, #f0f4f8 0%, #e1e8f0 100%);
     position: relative;
     overflow: hidden;
 }
 
 .vision-mission::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-image: radial-gradient(circle at 20% 30%, rgba(201, 171, 129, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(26, 54, 93, 0.1) 0%, transparent 50%);
     z-index: 1;
 }
 
 .vision-mission .container {
     position: relative;
     z-index: 2;
 }
 
 .vision-mission .vision-card {
     background: linear-gradient(145deg, #ffffff, #f5f7fa);
     padding: 50px 40px;
     border-radius: 20px;
     box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.08), -8px -8px 20px rgba(255, 255, 255, 0.8);
     height: 100%;
     position: relative;
     overflow: hidden;
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     border: 1px solid rgba(255, 255, 255, 0.5);
 }
 
 .vision-mission .mission-card {
     background: linear-gradient(145deg, #ffffff, #f5f7fa);
     padding: 50px 40px;
     border-radius: 20px;
     box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.08), -8px -8px 20px rgba(255, 255, 255, 0.8);
     height: 100%;
     position: relative;
     overflow: hidden;
     transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     border: 1px solid rgba(255, 255, 255, 0.5);
 }
 
 .vision-mission .mission-card:hover {
     transform: translateY(-10px) scale(1.02);
     box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.12), -12px -12px 25px rgba(255, 255, 255, 0.9);
 }
 
 .vision-mission .card-header {
     display: flex;
     align-items: center;
     margin-bottom: 30px;
     position: relative;
 }
 
 .vision-mission .vision-card .card-header::after {
     content: "";
     position: absolute;
     bottom: -15px;
     left: 0;
     width: 60px;
     height: 3px;
     background: linear-gradient(90deg, #c9ab81, transparent);
     border-radius: 2px;
 }
 
 .vision-mission .mission-card .card-header::after {
     content: "";
     position: absolute;
     bottom: -15px;
     left: 0;
     width: 60px;
     height: 3px;
     background: linear-gradient(90deg, #8b4513, transparent);
     border-radius: 2px;
 }
 
 .vision-mission .card-icon {
     width: 80px;
     height: 80px;
     background: linear-gradient(135deg, #1a365d, #2d4a7c);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 25px;
     box-shadow: 0 8px 20px rgba(26, 54, 93, 0.3);
     position: relative;
     overflow: hidden;
 }
 
 .vision-mission .card-icon::before {
     content: "";
     position: absolute;
     top: -10px;
     left: -10px;
     right: -10px;
     bottom: -10px;
     background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 70%);
     border-radius: 50%;
 }
 
 .vision-mission .card-icon i {
     font-size: 2.2rem;
     color: white;
     z-index: 2;
     text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
 }
 
 .vision-mission .card-title {
     color: #1a365d;
     font-weight: 700;
     font-size: 2rem;
     margin: 0;
     text-transform: uppercase;
     letter-spacing: 1px;
 }
 
 .vision-mission .vision-card p,
 .vision-mission .mission-card p {
     line-height: 1.8;
     color: #2d3748;
     position: relative;
     z-index: 2;
 }
 
 .vision-mission .highlight-text {
     background: linear-gradient(120deg, transparent 0%, transparent 50%, rgba(201, 171, 129, 0.2) 50%, transparent 100%);
     background-size: 220% 100%;
     background-position: 100% 0;
     transition: all 0.5s ease;
     padding: 2px 5px;
     border-radius: 3px;
 }
 
 .vision-mission .vision-card:hover .highlight-text,
 .vision-mission .mission-card:hover .highlight-text {
     background-position: 0 0;
 }
 
 .vision-mission .owl-container {
     text-align: center;
     margin: 60px 0 40px;
     position: relative;
 }
 
 .vision-mission .owl-svg {
     width: 200px;
     height: 200px;
     filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.15));
     transition: all 0.5s ease;
 }
 
 .vision-mission .owl-svg:hover {
     transform: scale(1.05) rotate(5deg);
     filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.2));
 }
 
 .vision-mission .legal-symbols {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     pointer-events: none;
     z-index: 1;
 }
 
 .vision-mission .scale-symbol {
     position: absolute;
     top: 15%;
     left: 8%;
     font-size: 3rem;
     color: #c9ab81;
     opacity: 0.4;
     animation: float 8s ease-in-out infinite;
 }
 
 .vision-mission .gavel-symbol {
     position: absolute;
     bottom: 20%;
     right: 8%;
     font-size: 3rem;
     color: #8b4513;
     opacity: 0.4;
     animation: float 8s ease-in-out infinite 2s;
 }
 
 .vision-mission .book-symbol {
     position: absolute;
     top: 60%;
     left: 5%;
     font-size: 2.5rem;
     color: #1a365d;
     opacity: 0.3;
     animation: float 7s ease-in-out infinite 1s;
 }
 
 .vision-mission .shield-symbol {
     position: absolute;
     top: 25%;
     right: 5%;
     color: #2d3748;
     opacity: 0.3;
     animation: float 9s ease-in-out infinite 0.5s;
 }
 
 @keyframes float {
     0% {
         transform: translateY(0px) rotate(0deg);
     }
     50% {
         transform: translateY(-15px) rotate(5deg);
     }
     100% {
         transform: translateY(0px) rotate(0deg);
     }
 }
 
 @media (max-width: 991px) {
     .vision-mission .vision-card,
     .vision-mission .mission-card {
         margin-bottom: 40px;
         padding: 40px 30px;
     }
     .vision-mission .owl-svg {
         width: 160px;
         height: 160px;
     }
     .vision-mission .card-icon {
         width: 70px;
         height: 70px;
         margin-right: 20px;
     }
     .vision-mission .card-icon i {
         font-size: 1.8rem;
     }
     .vision-mission .card-title {
         font-size: 1.7rem;
     }
 }
 
 @media (max-width: 767px) {
     .vision-mission {
         padding: 70px 0;
     }
     .vision-mission .vision-card,
     .vision-mission .mission-card {
         padding: 35px 25px;
     }
     .vision-mission .owl-svg {
         width: 140px;
         height: 140px;
     }
     .vision-mission .scale-symbol,
     .vision-mission .gavel-symbol,
     .vision-mission .book-symbol,
     .vision-mission .shield-symbol {
         display: none;
     }
     .vision-mission .card-header {
         flex-direction: column;
         text-align: center;
     }
     .vision-mission .card-icon {
         margin-right: 0;
         margin-bottom: 20px;
     }
     .vision-mission .vision-card .card-header::after,
     .vision-mission .mission-card .card-header::after {
         left: 50%;
         transform: translateX(-50%);
     }
 }
 
 .why-choose-section {
     background: var(--warm-bg);
     color: var(--text-dark);
 }
 
 .why-choose-section .text-accent {
     color: var(--primary);
 }
 /* Feature Cards */
 
 .why-choose-section .feature-cards {
     margin-bottom: 60px;
 }
 
 .why-choose-section .feature-card {
     background: var(--warm-card);
     border-radius: 8px;
     padding: 30px 25px;
     text-align: center;
     height: 100%;
     transition: all 0.3s ease;
     border: 1px solid var(--border-light);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
 }
 
 .why-choose-section .feature-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
 }
 
 .why-choose-section .feature-card .feature-icon {
     width: 70px;
     height: 70px;
     margin: 0 auto 20px;
     background: rgba(14, 118, 188, 0.08);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--primary);
     font-size: 1.8rem;
 }
 
 .why-choose-section .feature-card h4 {
     font-size: 1.3rem;
     font-weight: 600;
     margin-bottom: 15px;
     color: var(--text-dark);
 }
 
 .why-choose-section .feature-card p {
     color: var(--text-muted);
     /* font-size: 0.95rem; */
     line-height: 1.6;
 }
 /* Content Rows */
 
 .why-choose-section .content-row {
     margin-bottom: 60px;
 }
 
 .why-choose-section .content-box {
     padding: 15px;
 }
 
 .why-choose-section .content-box h4 {
     font-size: 1.5rem;
     font-weight: 600;
     margin-bottom: 15px;
     color: var(--primary);
 }
 
 .why-choose-section .content-box p {
     line-height: 1.7;
     color: var(--text-dark);
 }
 
 .why-choose-section .image-box {
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
 }
 
 .why-choose-section .image-box img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }
 /* Stats Section */
 
 .why-choose-section .stats-section {
     background: var(--warm-card);
     border-radius: 8px;
     padding: 40px 30px;
     margin: 50px 0;
     border: 1px solid var(--border-light);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
 }
 
 .why-choose-section .stats-section .stat-item {
     text-align: center;
     padding: 15px;
 }
 
 .why-choose-section .stats-section .stat-item .stat-number {
     font-size: 2.5rem;
     font-weight: 600;
     margin-bottom: 8px;
     color: var(--primary);
 }
 
 .why-choose-section .stats-section .stat-item .stat-text {
     font-size: 1rem;
     color: var(--text-muted);
 }
 
 .owl-symbolism .grid-wrapper {
     position: relative;
 }
 
 .owl-symbolism .vertical-divider {
     position: absolute;
     left: 50%;
     top: 0;
     bottom: 0;
     width: 3px;
     background: #333;
     transform: translateX(-50%);
     z-index: 1;
 }
 
 .owl-symbolism .horizontal-divider {
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     height: 3px;
     background: #333;
     transform: translateY(-50%);
     z-index: 1;
 }
 
 .owl-symbolism .grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     position: relative;
 }
 
 .owl-symbolism .card {
     background: white;
     padding: 50px;
     position: relative;
     min-height: 400px;
     display: flex;
     flex-direction: column;
     border: none;
     border-radius: 0;
 }
 
 .owl-symbolism .card-header {
     display: flex;
     align-items: center;
     margin-bottom: 25px;
     gap: 15px;
 }
 
 .owl-symbolism .icon-wrapper {
     width: 50px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #0066cc;
     font-size: 32px;
 }
 
 .owl-symbolism .card-number {
     font-size: 1.8em;
     color: #0066cc;
     font-weight: 600;
     margin-right: 10px;
 }
 
 .owl-symbolism .card-title {
     font-size: 1.1em;
     color: #0066cc;
     font-weight: 600;
     margin-bottom: 0;
     flex: 1;
 }
 
 .owl-symbolism .card-content {
     color: #333;
     line-height: 1.8;
     font-size: 1.05em;
 }
 
 .owl-symbolism .card-content p {
     margin-bottom: 18px;
 }
 
 .owl-symbolism .highlight {
     color: #0066cc;
     font-weight: 600;
 }
 
 .owl-symbolism .bullet-list {
     list-style: none;
     padding-left: 0;
     margin-top: 10px;
 }
 
 .owl-symbolism .bullet-list li {
     padding: 5px 0;
     padding-left: 30px;
     position: relative;
     color: #333;
     line-height: 1.7;
 }
 
 .owl-symbolism .bullet-list li::before {
     content: '■';
     position: absolute;
     left: 0;
     color: #333;
     font-size: 18px;
     top: 0px;
 }
 /* Border styling */
 
 .owl-symbolism .card:nth-child(1) {
     border-right: 2px solid #333;
     border-bottom: 2px solid #333;
 }
 
 .owl-symbolism .card:nth-child(2) {
     border-bottom: 2px solid #333;
 }
 
 .owl-symbolism .card:nth-child(3) {
     border-right: 2px solid #333;
 }
 /* civil disputes */
 
 .civil-disputes-banner {
     background-image: url(../Images/Banners/civil-disputes.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 /* cruelty-to-animals */
 
 .cruelty-to-animals-banner {
     background-image: url(../Images/Banners/cruelty-to-animals.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 /* civil disputes */
 
 .environment-protection-banner {
     background-image: url(../Images/Banners/Environmental-protection.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .intellectual-property-rights-banner {
     background-image: url(../Images/Banners/Intellectual-property-Rights.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .criminal-cases-banner {
     background-image: url(../Images/Banners/Criminal-Cases.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .consumer-disputes-banner {
     background-image: url(../Images/Banners/Consumer-disputes.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .labour-disputes-banner {
     background-image: url(../Images/Banners/Labour-disputes.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .matrimonial-cases-banner {
     background-image: url(../Images/Banners/Matrimonial-cases.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .motor-vehicle-accident-claims-banner {
     background-image: url(../Images/Banners/Motor-Vehicle-Accident-Claims.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .industrial-disputes-banner {
     background-image: url(../Images/Banners/Industrial-disputes.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .industrial-disputes-banner {
     background-image: url(../Images/Banners/Industrial-disputes.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .public-interest-litigation-banner {
     background-image: url(../Images/Banners/Public-Interest-litigation.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .medical-legal-cases-banner {
     background-image: url(../Images/Banners/Medical-legal-cases.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .contact-us-banner {
     background-image: url(../Images/Banners/contact.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .blogs-banner {
     background-image: url(../Images/Banners/blogs.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .testimonials-banner {
     background-image: url(../Images/Banners/Testimonials.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .careers-banner {
     background-image: url(../Images/Banners/career.webp);
     background-repeat: no-repeat;
     background-position: center center;
     background-size: cover;
 }
 
 .typesofdisputes {
     padding: 80px 0;
     background-color: #f8f9fa;
 }
 /* Dispute List Styling */
 
 .typesofdisputes .types-list {
     list-style: none;
     padding-left: 0;
 }
 
 .typesofdisputes .types-list li {
     margin-bottom: 15px;
     border-radius: 10px;
     transition: all 0.3s ease;
     position: relative;
     padding-left: 35px;
 }
 /* Custom Bullet Icon */
 
 .typesofdisputes .types-list li::before {
     content: "⚖️";
     font-size: 20px;
     position: absolute;
     left: 0;
     top: -2px;
     color: #457b9d;
 }
 /* Text Styling */
 
 .typesofdisputes .types-list li strong {
     color: #1d3557;
     /* font-weight: 600; */
     display: block;
     margin-bottom: 0px;
 }
 
 .typesofdisputes .types-list li span {
     color: #555;
     font-size: 15px;
     line-height: 1.6;
 }
 /* Right Image */
 
 .typesofdisputes .types-image img {
     width: 100%;
     border-radius: 15px;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
     transition: transform 0.4s ease;
 }
 
 .lawSection {
     background: #f7f9fc;
 }
 
 .lawSection .lawSection__title {
     font-weight: 700;
 }
 
 .lawSection .lawSection__intro {
     color: #666;
     font-size: 15px;
 }
 
 .lawSection .lawSection__card {
     background: #ffffff;
     border-radius: 18px;
     border: 1px solid #e6ebf2;
     transition: all 0.25s ease;
 }
 
 .lawSection .lawSection__card:hover {
     transform: translateY(-4px);
     box-shadow: 0 18px 35px rgba(0, 0, 0, 0.06);
 }
 
 .lawSection .lawSection__badge {
     display: inline-block;
     padding: 6px 14px;
     border-radius: 999px;
     background: #e9f2ff;
     color: #0a58ca;
     font-size: 13px;
     font-weight: 600;
 }
 
 .lawSection .lawSection__badge--accent {
     background: #e9ffef;
     color: #0c8a3b;
 }
 
 .lawSection .lawSection__heading {
     font-weight: 600;
 }
 
 .lawSection .lawSection__text {
     color: #555;
     font-size: 15px;
     line-height: 1.6;
 }
 
 .lawSection .lawSection__list {
     padding-left: 18px;
 }
 
 .lawSection .lawSection__list li {
     margin-bottom: 6px;
     color: #333;
 }
 /* .civil-dispute-container {   
            overflow: hidden;
            background-image: url(../Images/civil-dispute/disputel-study.webp);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
            background-attachment: fixed;
        } */
 
 .dispute-resolution-container .dispute-resolution-process {
     padding: 80px 0px;
 }
 
 .dispute-resolution-container .process-title {
     text-align: center;
     margin-bottom: 50px;
 }
 
 .dispute-resolution-container .process-title h2 {
     font-size: 2rem;
     color: #ffffff;
     margin-bottom: 10px;
 }
 
 .dispute-resolution-container .process-title p {
     color: #ffffff;
     max-width: 730px;
     margin: 0 auto;
 }
 
 .dispute-resolution-container .process-steps {
     position: relative;
     /* max-width: 1100px; */
     margin: 0 auto;
     min-height: 320px;
 }
 
 .dispute-resolution-container .process-steps::before {
     content: '';
     position: absolute;
     top: 75px;
     left: 10%;
     right: 10%;
     height: 4px;
     background-color: #d1d9e6;
     z-index: 1;
 }
 
 .dispute-resolution-container .process-steps::after {
     content: '';
     position: absolute;
     top: 75px;
     left: 10%;
     right: 90%;
     height: 4px;
     background: linear-gradient(to right, #1a3a5f, #2c5c8a);
     z-index: 2;
     animation: fillLine 2s ease-in-out forwards;
 }
 
 @keyframes fillLine {
     0% {
         right: 90%;
     }
     100% {
         right: 10%;
     }
 }
 
 .dispute-resolution-container .process-step {
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
     position: relative;
     z-index: 3;
     height: 100%;
 }
 
 .dispute-resolution-container .step-icon {
     width: 100px;
     height: 100px;
     background: white;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
     margin-bottom: 25px;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     position: relative;
     z-index: 4;
 }
 
 .dispute-resolution-container .process-step:hover .step-icon {
     transform: scale(1.1);
     box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
 }
 
 .dispute-resolution-container .step-icon i {
     font-size: 2.5rem;
     color: #2c5c8a;
 }
 
 .dispute-resolution-container .step-content {
     background: white;
     padding: 25px 20px;
     border-radius: 10px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
     width: 100%;
     flex-grow: 1;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     /* min-height: 180px;
            height: 100%; */
 }
 
 .dispute-resolution-container .step-title {
     font-size: 1.3rem;
     font-weight: 600;
     margin-bottom: 10px;
     color: #1a3a5f;
 }
 
 .dispute-resolution-container .step-description {
     color: #555;
     font-size: 0.95rem;
 }
 
 .dispute-resolution-container .dispute-resolution-footer {
     background-color: #0d1f33;
     color: white;
     text-align: center;
     padding: 25px;
     font-size: 0.9rem;
 }
 
 .civil-dispute-container {
     overflow: hidden;
     background-image: url(../Images/civil-dispute/disputel-study.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
 }
 
 .environmental-issues-container {
     overflow: hidden;
     background-image: url(../Images/Environmental-Protection/environmental-protection.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
 }
 
 .animal-cruelty-container {
     overflow: hidden;
     background-image: url(../Images/Cruelty-to-Animals/Cruelty-of-animals-protection.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
 }
 
 .intellectual-property-container {
     overflow: hidden;
     background-image: url(../Images/IPR/Intellectual-Property-Rights.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
 }
 
 .criminal-cases-container {
     overflow: hidden;
     background-image: url(../Images/criminal/Criminal-Cases.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
 }
 
 .consumer-dispute-container {
     overflow: hidden;
     background-image: url(../Images/Consumer-disputes/Consumer-Disputes.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
 }
 
 .labour-dispute-container {
     overflow: hidden;
     background-image: url(../Images/Labour-Disputes/labour-Disputes.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
 }
 
 .matrimonial-cases-container {
     overflow: hidden;
     background-image: url(../Images/Matrimonial-Cases/Matrimonial-Cases.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
 }
 
 .motor-vehicle-accident-container {
     overflow: hidden;
     background-image: url(../Images/Motor-Accident-Claims/Motor-Accident-Claims.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
 }
 
 .industrial-disputes-container {
     overflow: hidden;
     background-image: url(../Images/Industrial-dispute/Industrial-Disputes.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
 }
 
 .public-interest-litigation-container {
     overflow: hidden;
     background-image: url(../Images/Public-Interest-Litigation/Public-Interest-Litigation.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
 }
 
 .medical-legal-cases-container {
     overflow: hidden;
     background-image: url(../Images/Medico-Legal-Cases/Medico-Legal-Cases.webp);
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
     background-attachment: fixed;
 }
 /* ====== TESTIMONIAL SECTION ====== */
 
 .testimonials-section {
     background-color: #f8fafc;
 }
 
 .testimonials-section .section-title {
     font-weight: 700;
     font-size: 2.2rem;
     margin-bottom: 10px;
 }
 
 .testimonials-section .section-desc {
     margin: 0 auto 50px;
     color: #555;
     line-height: 1.7;
     font-style: italic;
 }
 
 .testimonials-section .testimonial-grid {
     column-count: 3;
     column-gap: 1.5rem;
 }
 
 @media (max-width: 992px) {
     .testimonials-section .testimonial-grid {
         column-count: 2;
     }
 }
 
 @media (max-width: 576px) {
     .testimonials-section .testimonial-grid {
         column-count: 1;
     }
 }
 
 .testimonials-section .testimonial-card {
     display: inline-block;
     background: #fff;
     border-radius: 16px;
     padding: 25px;
     margin: 0 0 1.5rem;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
     transition: all 0.3s ease;
 }
 
 .testimonials-section .testimonial-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 8px 18px rgba(0, 0, 0, 0.12);
 }
 
 .testimonials-section .testimonial-quote {
     line-height: 1.6;
     color: #333;
     position: relative;
     margin-bottom: 20px;
 }
 
 .testimonials-section .testimonial-quote::before {
     content: "“";
     font-size: 3rem;
     color: #000;
     position: absolute;
     top: -10px;
     left: -5px;
     opacity: 0.15;
 }
 
 .testimonials-section .testimonial-profile {
     display: flex;
     align-items: center;
     margin-top: 10px;
 }
 
 .testimonials-section .testimonial-profile img {
     width: 55px;
     height: 55px;
     border-radius: 50%;
     object-fit: cover;
     margin-right: 15px;
 }
 
 .testimonials-section .testimonial-profile h6 {
     margin: 0;
     font-weight: 600;
     color: #111;
 }
 
 .testimonials-section .testimonial-profile small {
     color: #777;
 }
 
 .testimonials-section .signature {
     font-family: 'Dancing Script', cursive;
     font-size: 1.1rem;
     margin-top: 5px;
     color: #333;
 }
 
 .testimonials-section .stars {
     color: #f6b500;
     margin-bottom: 10px;
 }
 
 .testimonials-section .bg-legalmint {
     background-color: #b7e0cf;
 }
 /* ===== Hero Banner ===== */
 
 .contact-banner .banner-content {
     position: relative;
     text-align: center;
     z-index: 1;
     background: rgba(255, 255, 255, 0.15);
     padding: 40px 60px;
     border-radius: 20px;
     border: 1px solid rgba(255, 255, 255, 0.2);
     backdrop-filter: blur(10px);
 }
 
 .contact-banner .banner-content h1 {
     font-size: 3rem;
     font-weight: 700;
     letter-spacing: 1px;
     color: #fefefe;
 }
 
 .contact-banner .banner-content p {
     font-size: 1.2rem;
     color: #ddd;
     margin-top: 10px;
 }
 /* ===== Contact Info Cards ===== */
 
 .contact-section {
     padding: 90px 0;
     position: relative;
 }
 
 .contact-section .contact-info {
     background: #fff;
     border-radius: 18px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
     padding: 25px;
     text-align: center;
     transition: all 0.4s ease;
     position: relative;
     overflow: hidden;
 }
 
 .contact-section .contact-info::before {
     content: "";
     position: absolute;
     top: -50%;
     left: -50%;
     width: 200%;
     height: 200%;
     background: linear-gradient(45deg, #004aad, #bfa45f);
     transform: rotate(25deg);
     opacity: 1;
     transition: opacity 0.4s ease;
     z-index: 0;
 }
 
 .contact-section .contact-info:hover::before {
     opacity: 0.15;
 }
 
 .contact-section .contact-info i {
     font-size: 2.5rem;
     color: #004aad;
     margin-bottom: 20px;
     z-index: 1;
     position: relative;
 }
 
 .contact-section .contact-info h5 {
     font-weight: 600;
     color: #222;
     margin-bottom: 10px;
     position: relative;
     z-index: 1;
 }
 
 .contact-section .contact-info p {
     color: #ffffff;
     font-size: 0.95rem;
     position: relative;
     z-index: 1;
     text-align: center;
 }
 
 .contact-section .contact-info:hover {
     transform: translateY(-8px);
 }
 
 .contact-section .contact-info:hover p {
     color: #222;
 }
 /* ===== Contact Form ===== */
 
 .contact-section .contact-form {
     background: #fff;
     border-radius: 18px;
     box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
     padding: 50px;
     margin-top: 60px;
     position: relative;
     overflow: hidden;
 }
 
 .contact-section .contact-form::after {
     content: "";
     position: absolute;
     bottom: 0;
     right: 0;
     width: 150px;
     height: 150px;
     background: radial-gradient(circle at bottom right, rgba(0, 74, 173, 0.2), transparent);
     border-radius: 50%;
 }
 
 .contact-section .contact-form h4 {
     font-weight: 700;
     text-align: center;
     color: #004aad;
     margin-bottom: 30px;
     text-transform: uppercase;
     letter-spacing: 1px;
 }
 
 .contact-section .contact-form .form-control {
     border-radius: 10px;
     padding: 12px 15px;
     border: 1px solid #ccc;
     transition: all 0.3s;
 }
 
 .contact-section .contact-form .form-control:focus {
     border-color: #004aad;
     box-shadow: 0 0 0 0.2rem rgba(0, 74, 173, 0.15);
 }
 
 .contact-section .contact-form .btn-send {
     background: linear-gradient(90deg, #004aad, #bfa45f);
     border: none;
     color: #fff;
     border-radius: 50px;
     padding: 12px 40px;
     font-weight: 600;
     letter-spacing: 1px;
     text-transform: uppercase;
     transition: all 0.3s ease;
 }
 
 .contact-section .contact-form .btn-send:hover {
     transform: scale(1.05);
     box-shadow: 0 5px 15px rgba(0, 74, 173, 0.3);
 }
 /* ===== Map Section ===== */
 
 .map-section iframe {
     width: 100%;
     height: 450px;
     border: none;
     border-radius: 18px;
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
 }
 /* ===== LEFT SIDE IMAGE ===== */
 /* ===== RIGHT SIDE CONTENT ===== */
 
 .career-section .career-content h2 {
     font-weight: 700;
     color: #1a1f2b;
     font-size: 2.2rem;
     margin-bottom: 20px;
     position: relative;
 }
 
 .career-section .career-content h2::after {
     content: '';
     position: absolute;
     left: 0;
     bottom: -10px;
     width: 70px;
     height: 3px;
     background: #0e76bc;
     border-radius: 2px;
 }
 
 .career-section .career-content p {
     color: #444;
     line-height: 1.8;
     margin-bottom: 20px;
 }
 /* ===== QUOTE STYLING ===== */
 
 .career-section .career-content .career-quote {
     font-style: italic;
     color: #777;
     border-left: 4px solid #0e76bc;
     padding-left: 15px;
     margin-bottom: 30px;
 }
 /* ===== MAIL SECTION ===== */
 
 .career-section .career-content .career-mail {
     font-weight: 600;
     color: #1a1f2b;
     font-size: 1.1rem;
 }
 
 .career-section .career-content .career-mail a {
     color: #0e76bc;
     text-decoration: none;
     transition: color 0.3s ease;
 }
 
 .career-section .career-content .career-mail a:hover {
     color: #ccc;
 }
 
 .contact-wrap {
     padding: 80px 0;
     background: #f6f8fb;
 }
 /* Address Cards */
 
 .contact-card {
     background: #fff;
     padding: 35px;
     border-radius: 15px;
     height: 100%;
     box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
     transition: .4s;
     position: relative;
 }
 
 .contact-card:hover {
     transform: translateY(-5px);
 }
 
 .contact-icon {
     width: 55px;
     height: 55px;
     border-radius: 50%;
     background: #1c2d59;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-bottom: 20px;
 }
 
 .contact-icon i {
     color: #fff;
     font-size: 22px;
 }
 
 .contact-card h5 {
     font-weight: 700;
     margin-bottom: 12px;
     color: #1c2d59;
 }
 
 .contact-card p {
     font-size: 15px;
     line-height: 1.7;
     color: #555;
 }
 /* Right Panel */
 
 .contact-side {
     background: #1c2d59;
     padding: 50px;
     border-radius: 20px;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 35px;
     color: #fff;
 }
 
 .contact-line {
     display: flex;
     gap: 18px;
     align-items: flex-start;
 }
 
 .contact-line i {
     font-size: 28px;
     color: #f9b233;
 }
 
 .contact-line h6 {
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 1px;
     color: #ddd;
     margin-bottom: 5px;
 }
 
 .contact-line p {
     font-size: 16px;
     font-weight: 600;
     margin: 0;
 }
 
 .deep-disclaimer-modal .modal-content {
     border-radius: 12px;
     overflow: hidden;
     background: linear-gradient(135deg, #0c1220, #121a2f);
     color: #fff;
     border: none;
 }
 
 .deep-disclaimer-box {
     padding: 25px;
 }
 
 .deep-disclaimer-brand {
     display: flex;
     align-items: center;
     gap: 15px;
 }
 
 .deep-disclaimer-brand img {
     height: 150px;
 }
 
 .modal-header {
     justify-content: center;
 }
 
 .deep-disclaimer-brand h4 {
     margin: 0;
     font-weight: 700;
     color: #f5b642;
 }
 
 .deep-disclaimer-brand span {
     font-size: 13px;
     color: #ccc;
 }
 
 .deep-disclaimer-title {
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 15px;
     color: #f5b642;
 }
 
 .deep-disclaimer-box p {
     font-size: 15px;
     line-height: 1.7;
     color: #ddd;
     margin-bottom: 10px;
 }
 
 .deep-btn-agree {
     background: linear-gradient(135deg, #f5b642, #d99a28);
     color: #000;
     padding: 10px 30px;
     border-radius: 30px;
     font-weight: 600;
     border: none;
 }
 
 .deep-btn-decline {
     background: transparent;
     border: 1px solid #555;
     color: #aaa;
     padding: 10px 30px;
     border-radius: 30px;
 }
 
 .deep-btn-decline:hover {
     background: #222;
     color: #fff;
 }
 /* Responsive */
 
 @media(max-width:991px) {
     .contact-side {
         padding: 35px;
     }
 }
 /* ===== Responsive Design ===== */
 
 @media (max-width: 992px) {
     .contact-banner .banner-content h1 {
         font-size: 2.4rem;
     }
     .contact-section {
         padding: 70px 0;
     }
 }
 
 @media (max-width: 768px) {
     .contact-banner .banner-content {
         padding: 30px 20px;
     }
     .contact-section .contact-form {
         padding: 30px;
     }
 }
 
 @media (max-width: 576px) {
     .contact-banner .banner-content h1 {
         font-size: 1.8rem;
     }
     .contact-section .contact-form .btn-send {
         width: 100%;
     }
 }
 /* Responsive Design */
 
 @media (max-width: 767px) {
     p {
         text-align: justify;
     }
     .section-title {
         text-align: center;
         margin-bottom: 20px;
     }
     .section-title p br {
         display: none;
     }
     .about-subbanner {
         position: relative;
         margin-top: 20px;
     }
     .twenty-two-years-bg {
         visibility: visible;
     }
     .about-subbanner-mini .row {
         background-image: none;
     }
     .twenty-two-years .twenty-two-years-icon {
         position: absolute;
         left: 53% !important;
         top: 0px;
         width: 40%;
         /* background-color: #1a1a1a; */
         border-radius: 50%;
     }
     .about-subbanner p {
         text-align: justify;
     }
     .about-subbanner p br {
         display: none;
     }
     .about-banner {
         background-image: url(../Images/Banners/mobile/about-law.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .civil-disputes-banner {
         background-image: url(../Images/Banners/mobile/civil-disputes.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .intellectual-property-rights-banner {
         background-image: url(../Images/Banners/mobile/Intellectual-property-Rights.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .criminal-cases-banner {
         background-image: url(../Images/Banners/mobile/Criminal-Cases.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .consumer-disputes-banner {
         background-image: url(../Images/Banners/mobile/Consumer-disputes.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .labour-disputes-banner {
         background-image: url(../Images/Banners/mobile/Labour-disputes.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .matrimonial-cases-banner {
         background-image: url(../Images/Banners/mobile/Matrimonial-cases.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .motor-vehicle-accident-claims-banner {
         background-image: url(../Images/Banners/mobile/Motor-Vehicle-Accident-Claims.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .industrial-disputes-banner {
         background-image: url(../Images/Banners/mobile/Industrial-disputes.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .industrial-disputes-banner {
         background-image: url(../Images/Banners/mobile/Industrial-disputes.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .public-interest-litigation-banner {
         background-image: url(../Images/Banners/mobile/Public-Interest-litigation.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .cruelty-to-animals-banner {
         background-image: url(../Images/Banners/mobile/cruelty-to-animals.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .environment-protection-banner {
         background-image: url(../Images/Banners/mobile/Environmental-protection.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .medical-legal-cases-banner {
         background-image: url(../Images/Banners/mobile/Medical-legal-cases.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .contact-us-banner {
         background-image: url(../Images/Banners/mobile/contact.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .blogs-banner {
         background-image: url(../Images/Banners/mobile/blogs.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .testimonials-banner {
         background-image: url(../Images/Banners/mobile/Testimonials.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
     .careers-banner {
         background-image: url(../Images/Banners/mobile/career.webp);
         background-repeat: no-repeat;
         background-position: center center;
         background-size: cover;
     }
 }
 
 @media (min-width: 1400px) {
     .hero-section .content-container {
         padding-left: 7%;
     }
 }
 /* Extra Large Screens (e.g., 1600px and above) */
 
 @media (min-width: 1600px) {
     .content-container-box {
         width: 300px;
         height: 420px;
         margin-top: 14%;
     }
     .hero-section .content-container {
         padding-left: 12%;
     }
 }
 /* Large Screens (Desktops, 1200px - 1599px) */
 
 @media (min-width: 1200px) and (max-width: 1599px) {
     .content-container-box {
         width: 220px;
         height: 350px !important;
     }
 }
 /* Medium Screens (Laptops/Tablets Landscape, 992px - 1199px) */
 
 @media (min-width: 992px) and (max-width: 1199px) {
     .content-container-box {
         width: 220px;
         height: 320px;
         margin-top: 14%;
     }
 }
 /* Small Screens (Tablets Portrait, 768px - 991px) */
 
 @media (min-width: 768px) and (max-width: 991px) {
     .content-container-box {
         width: 190px;
         height: 280px;
         margin-top: 16%;
     }
 }
 /* Extra Small Screens (Mobiles, 577px - 767px) */
 
 @media (min-width: 577px) and (max-width: 767px) {
     .content-container-box {
         width: 160px;
         height: 240px;
         margin-top: 18%;
     }
 }
 
 @media (max-width: 400px) {
     .hero-section .text-box h1 {
         font-size: 1.5rem !important;
     }
 }
 /* Very Small Screens (Mobile Portrait, ≤576px) */
 
 @media (max-width: 576px) {
     .content-container-box {
         position: relative;
         width: 90%;
         height: auto;
         margin: 51% auto 0;
         /* top: 0; */
         transform: none;
         left: 15px !important;
         display: block !important;
         bottom: 10% !important;
         height: 360px;
     }
     .hero-section .text-box h1 br {
         display: none;
     }
     .hero-section .content-container {
         padding-left: 0%;
     }
     .hero-section .text-box h1 {
         font-size: 1.7rem;
         font-weight: 400;
         color: #ffffff;
         margin-bottom: 8px;
         line-height: 1.4;
         letter-spacing: 0.5px;
     }
     .hero-section .text-box {
         padding: 44px 0px 105px 40px;
     }
     .hero-section .hero-image {
         position: absolute;
         right: 0;
         top: 0;
         height: 100%;
         width: 100%;
         object-fit: cover;
         object-position: 50% top;
         transition: transform 0.4s ease;
     }
     .nav-top {
         font-size: 0.95rem;
         color: #222;
         letter-spacing: 0.3px;
         position: absolute;
         bottom: 28px;
     }
     .nav-top .container {
         padding: 8px 80px;
     }
     .nav-top .container {
         justify-content: center;
         gap: 10px;
     }
     #backToTop {
         bottom: 100px;
     }
 }
 
 @media (max-width: 992px) {
     .content-container {
         padding-left: 5%;
     }
     .text-box {
         max-width: 450px;
         padding: 35px 30px;
     }
     .navbar-nav .nav-link {
         color: #000000;
         padding-top: 10px;
         padding-bottom: 10px;
     }
     .dropdown-toggle::after {
         display: inline-block !important;
     }
     .navbar-toggler:focus {
         text-decoration: none;
         outline: 0;
         box-shadow: none;
     }
 }
 
 @media (max-width: 768px) {
     /* .overlay {
         background: rgba(0, 0, 0, 0.75);
     } */
     .content-container {
         padding: 0 20px;
         justify-content: center;
     }
     .text-box {
         max-width: 100%;
         padding: 30px 25px;
     }
     .description {
         font-size: 0.8rem;
     }
 }
 
 @media (max-width: 480px) {
     .text-box {
         padding: 25px 20px;
     }
 }
 /* ---------- RESPONSIVE ---------- */
 
 @media (max-width: 991px) {
     .law-section .law-right,
     .law-section .law-left {
         flex: 100%;
         min-height: 50vh;
         padding: 40px 20px;
     }
     .law-section .law-right {
         text-align: center;
     }
     .law-section .law-right .law-item {
         justify-content: center;
         text-align: left;
         gap: 20px;
     }
 }
 
 @media (max-width: 768px) {
     .legal-services-section .services-slider .slick-prev {
         left: 0px;
     }
     .legal-services-section .services-slider .slick-next {
         right: 0px;
     }
     .legal-services-section .section-title {
         font-size: 2rem;
         margin-bottom: 30px;
     }
     /* .legal-services-section .services-slider .service-card {
         height: 350px;
     } */
     .legal-services-section .services-slider .service-card .card-content .card-title,
     .legal-services-section .services-slider .service-card .hover-content .card-title {
         font-size: 1.5rem;
     }
     .legal-services-section .services-slider .service-card .card-content {
         display: none !important;
     }
     .legal-services-section .services-slider .service-card .card-background {
         opacity: 1 !important;
     }
     .legal-services-section .services-slider .service-card .hover-content {
         opacity: 1 !important;
     }
 }
 
 @media (max-width: 992px) {
     .stats-section .section-title h2 {
         font-size: 36px;
     }
     .stats-section .stats-card {
         padding: 40px 25px;
     }
     .stats-section .stats-number {
         font-size: 48px;
     }
 }
 
 @media (max-width: 768px) {
     .stats-section .section-title {
         margin-bottom: 40px;
     }
     .stats-section .section-title h2 {
         font-size: 32px;
     }
     .stats-section .stats-card {
         padding: 35px 20px;
         margin-bottom: 20px;
     }
     .stats-section .stats-number {
         font-size: 42px;
     }
     .stats-section .stats-icon {
         width: 65px;
         height: 65px;
     }
     .stats-section .stats-icon i {
         font-size: 28px;
     }
     .stats-section .stats-label {
         font-size: 13px;
         letter-spacing: 1.5px;
     }
     .stats-section .row {
         --bs-gutter-x: 20px;
         --bs-gutter-y: 20px;
     }
 }
 
 @media (max-width: 576px) {
     .stats-section .section-title h2 {
         font-size: 28px;
     }
     .stats-section .stats-number {
         font-size: 38px;
     }
     .stats-section .stats-icon {
         width: 60px;
         height: 60px;
     }
     .stats-section .stats-icon i {
         font-size: 26px;
     }
     .stats-section .stats-icon-wrapper::before {
         width: 85px;
         height: 85px;
     }
     .stats-section .stats-card:hover .stats-icon-wrapper::before {
         width: 100px;
         height: 100px;
     }
 }
 
 @media (max-width: 768px) {
     .legal-services-section .services-slider .service-card.extra-cards {
         visibility: unset !important;
         display: none !important;
     }
     .lawyer-card img {
         height: 320px;
     }
     .legal-services-section .services-slider .slick-dots li.slick-active button:before {
         width: 18px !important;
         background: #1a1f2b;
         border-radius: 10px;
         height: 10px;
     }
     .slick-dots li {
         position: relative;
         display: inline-block;
         width: 15px;
         height: 15px;
         margin: 0 4px;
         padding: 0;
         cursor: pointer;
     }
 }
 
 @media (max-width: 992px) {
     .faq-section {
         text-align: center;
     }
     .faq-section .faq-title {
         text-align: center;
         border-left: none;
         border-bottom: 4px solid #0e76bc;
         display: inline-block;
         padding-left: 0;
         padding-bottom: 8px;
     }
     .faq-section .image-side {
         margin-bottom: 30px;
     }
 }
 /* Responsive Adjustments */
 
 @media (max-width: 991.98px) {
     .why-choose-section .content-box {
         text-align: center;
         margin-bottom: 0px;
     }
 }
 
 @media (max-width: 767.98px) {
     .why-choose-section .feature-cards {
         margin-bottom: 20px;
     }
     .why-choose-section .content-row {
         margin-bottom: 20px;
     }
     .why-choose-section .stats-section .stat-item .stat-number {
         font-size: 2rem;
     }
     .why-choose-section {
         padding: 60px 0;
     }
 }
 
 @media (max-width: 968px) {
     .owl-symbolism .grid {
         grid-template-columns: 1fr;
     }
     .owl-symbolism .card {
         padding: 15px;
         min-height: auto;
         border: 2px solid #333 !important;
         border-bottom: 3px solid #333 !important;
         margin-bottom: 20px;
     }
     .owl-symbolism .card:last-child {
         margin-bottom: 0;
     }
     .owl-symbolism .vertical-divider,
     .owl-symbolism .horizontal-divider {
         display: none;
     }
     .owl-symbolism h1 {
         font-size: 2em;
     }
     .owl-symbolism .card-title {
         font-size: 1.3em;
     }
 }
 
 @media (max-width: 992px) {
     .dispute-resolution-container .process-steps::before,
     .dispute-resolution-container .process-steps::after {
         display: none;
     }
     .dispute-resolution-container .step-content {
         min-height: 200px;
     }
 }
 
 @media (max-width: 768px) {
     .dispute-resolution-container .step-icon {
         width: 90px;
         height: 90px;
     }
     .dispute-resolution-container .step-icon i {
         font-size: 2.2rem;
     }
     .dispute-resolution-container .step-content {
         min-height: auto;
     }
     .copyright-content {
         justify-content: center;
     }
     .copyright-link p {
         font-size: 12px;
         text-align: center;
     }
 }