* {
          margin: 0;
          padding: 0;
          box-sizing: border-box;
      }

      body {
          font-family: Arial, Helvetica, sans-serif;
      }

      /* ===== TOP HEADER ===== */
      .top-header {
          background: linear-gradient(90deg, #000000, #121212);
          color: #fff;
          font-size: 14px;
      }

      .top-header .container {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 8px 15px;
      }

      /* ===== NAVBAR ===== */
      .main-navbar {
          background: #ffffff;
          box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
      }

      /* LOGO IMAGE */
      .navbar-brand img {
          height: 70px;
          width: 120px;
      }

      .navbar-nav .nav-link {
          font-weight: 600;
          color: #000;
          margin: 0 10px;
          position: relative;
      }

      /* underline effect */
      .navbar-nav .nav-link::after {
          content: "";
          position: absolute;
          left: 0;
          bottom: -4px;
          width: 0;
          height: 2px;
          background: #000;
          transition: 0.3s;
      }

      .navbar-nav .nav-link:hover::after {
          width: 100%;
      }

      /* Enquiry Button */
      .enquiry-btn {
          background: #000;
          color: #fff !important;
          padding: 10px 22px;
          border-radius: 30px;
          font-weight: 600;
          text-decoration: none;
          transition: 0.3s;
      }

      .enquiry-btn:hover {
          background: #333;
      }

      /* ===== MOBILE ===== */
      @media (max-width: 991px) {
          .navbar-brand img {
              height: 50px;
              width: 90px;
          }

          .navbar-nav .nav-link {
              margin: 8px 0;
          }

          .enquiry-btn {
              margin-top: 12px;
              display: inline-block;
          }
      }

      /* topbar end */

      /* crousel start */
      /* ===== CAROUSEL ===== */
      .carousel-img {
          height: 80vh;
          /* Desktop height */
          background-size: cover;
          background-position: center;
          position: relative;
      }

      .carousel-img::after {
          content: "";
          position: absolute;
          inset: 0;
          background: rgba(0, 0, 0, 0.35);
      }

      /* Remove caption completely */
      .carousel-caption {
          display: none;
      }

      /* Indicators */
      .carousel-indicators button {
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background-color: #ffd6f4;
      }

      /* MOBILE VIEW */
      @media (max-width: 768px) {
          .carousel-img {
              height: 45vh;
          }
      }

      /* EXTRA SMALL DEVICES */
      @media (max-width: 480px) {
          .carousel-img {
              height: 30vh;
          }
      }

      /* crousel end */
      /* crousel end */

      /* ===== ABOUT SECTION ===== */
      .about-section {
          background: linear-gradient(180deg, #f8f8f8, #ffffff);
      }

      .about-img-wrap {
          position: relative;
          overflow: hidden;
          /* IMPORTANT for zoom */
          border-radius: 16px;
      }

      .about-img {
          border-radius: 16px;
          box-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
          transition: transform 0.6s ease;
          /* smooth zoom */
      }

      /* HOVER ZOOM EFFECT */
      .about-img-wrap:hover .about-img {
          transform: scale(1.1);
      }

      /* Text */
      .about-subtitle {
          display: inline-block;
          font-size: 14px;
          font-weight: 700;
          color: #000;
          letter-spacing: 1.2px;
          text-transform: uppercase;
          margin-bottom: 10px;
      }

      .about-title {
          font-size: 36px;
          font-weight: 800;
          color: #000;
          margin-bottom: 15px;
      }

      .about-title span {
          color: #444;
      }

      .about-highlight {
          font-size: 16px;
          font-weight: 600;
          color: #333;
          margin-bottom: 16px;
      }

      .about-content p {
          font-size: 15.5px;
          color: #555;
          line-height: 1.8;
          margin-bottom: 12px;
      }

      /* List */
      .about-list {
          list-style: none;
          padding: 0;
          margin: 22px 0;
      }

      .about-list li {
          font-size: 15px;
          color: #222;
          margin-bottom: 10px;
          display: flex;
          align-items: center;
          gap: 12px;
      }

      .about-list i {
          color: #000;
          font-size: 15px;
      }

      /* Button */
      .about-btn {
          display: inline-block;
          margin-top: 10px;
          background: #000;
          color: #fff;
          padding: 13px 34px;
          border-radius: 40px;
          font-weight: 600;
          text-decoration: none;
          transition: all 0.3s ease;
      }

      .about-btn:hover {
          background: #333;
          transform: translateY(-2px);
      }

      /* ===== RESPONSIVE ===== */
      @media (max-width: 768px) {
          .about-title {
              font-size: 28px;
          }

          .about-content {
              text-align: center;
          }

          .about-list li {
              justify-content: center;
          }
      }

      /* about end */

      /* why us start */
      /* ================= PRACTICE AREAS ================= */
      .practice-section {
          background: #f5f3f3;
      }

      .section-subtitle {
          display: inline-block;
          font-size: 14px;
          font-weight: 700;
          letter-spacing: 1.2px;
          text-transform: uppercase;
          color: #000;
          margin-bottom: 8px;
      }

      .section-title {
          font-size: 34px;
          font-weight: 800;
          color: #000;
          margin-bottom: 10px;
      }

      .section-desc {
          max-width: 650px;
          margin: auto;
          font-size: 15.5px;
          color: #555;
      }

      .practice-card {
          background: #f9f9f9;
          padding: 32px 26px;
          border-radius: 18px;
          text-align: center;
          height: 100%;
          transition: all 0.4s ease;
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
      }

      .practice-card i {
          font-size: 36px;
          color: #000;
          margin-bottom: 18px;
      }

      .practice-card h4 {
          font-size: 20px;
          font-weight: 700;
          color: #000;
          margin-bottom: 10px;
      }

      .practice-card p {
          font-size: 14.5px;
          color: #555;
          line-height: 1.7;
      }

      .practice-card:hover {
          background: #000;
          transform: translateY(-6px);
      }

      .practice-card:hover i,
      .practice-card:hover h4,
      .practice-card:hover p {
          color: #fff;
      }

      /* ================= RESPONSIVE ================= */
      @media (max-width: 768px) {
          .section-title {
              font-size: 28px;
          }
      }

      /* why us  end */

      /* practice start */
      /* ===== COMMON ===== */
      .law-subtitle {
          font-size: 14px;
          font-weight: 700;
          letter-spacing: 1.2px;
          text-transform: uppercase;
          color: #000;
          margin-bottom: 8px;
          display: inline-block;
      }

      .law-title {
          font-size: 34px;
          font-weight: 800;
          color: #000;
          margin-bottom: 12px;
      }

      .law-desc {
          max-width: 700px;
          margin: auto;
          font-size: 15.5px;
          color: #555;
      }

      /* ===== PRACTICE AREAS ===== */
      .law-practice-wrapper {
          background: #f8f8f8;
      }

      .law-area-box {
          background: #fff;
          padding: 18px 20px;
          border-radius: 14px;
          font-size: 15px;
          font-weight: 600;
          color: #000;
          display: flex;
          align-items: center;
          gap: 10px;
          box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
          transition: all 0.3s ease;
      }

      .law-area-box i {
          color: #000;
          font-size: 16px;
      }

      .law-area-box:hover {
          background: #000;
          color: #fff;
          transform: translateY(-4px);
      }

      .law-area-box:hover i {
          color: #fff;
      }

      /* ===== COURTS ===== */
      .law-courts-wrapper {
          background: #ffffff;
      }

      .law-court-box {
          background: #f9f9f9;
          padding: 22px 20px;
          border-radius: 16px;
          display: flex;
          align-items: center;
          gap: 12px;
          font-size: 15px;
          font-weight: 600;
          color: #000;
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.07);
          transition: all 0.3s ease;
      }

      .law-court-box i {
          font-size: 18px;
          color: #000;
      }

      .law-court-box:hover {
          background: #000;
          color: #fff;
          transform: translateY(-4px);
      }

      .law-court-box:hover i {
          color: #fff;
      }

      /* ===== RESPONSIVE ===== */
      @media (max-width: 768px) {
          .law-title {
              font-size: 28px;
          }
      }

      /* practice end */

      /* sevices start */

      /* ================= OUR SERVICES ================= */
      .law-services-wrapper {
          background: linear-gradient(180deg, #ffffff, #f6f6f6);
      }

      .law-service-card {
          background: #ffffff;
          padding: 40px 28px;
          border-radius: 20px;
          text-align: center;
          height: 100%;
          box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
          transition: all 0.4s ease;
          position: relative;
          overflow: hidden;
      }

      /* Icon circle */
      .law-icon {
          width: 70px;
          height: 70px;
          margin: 0 auto 20px;
          border-radius: 50%;
          background: #000;
          display: flex;
          align-items: center;
          justify-content: center;
          transition: all 0.4s ease;
      }

      .law-icon i {
          color: #fff;
          font-size: 28px;
      }

      .law-service-card h4 {
          font-size: 21px;
          font-weight: 700;
          color: #000;
          margin-bottom: 12px;
      }

      .law-service-card p {
          font-size: 14.5px;
          color: #555;
          line-height: 1.7;
      }

      /* Hover effect */
      .law-service-card:hover {
          transform: translateY(-8px);
      }

      .law-service-card:hover .law-icon {
          background: #333;
      }

      /* Responsive */
      @media (max-width: 768px) {
          .law-service-card {
              padding: 34px 24px;
          }
      }

      /* services end */

      /* banner start */

      /* ================= HERO WITH BACKGROUND IMAGE ================= */
      .law-hero-bg {
          position: relative;
          min-height: 85vh;
          display: flex;
          align-items: center;
          background: url("images/ban1.png") center/cover no-repeat;
          overflow: hidden;
      }

      /* Dark overlay for readability */
      .hero-overlay {
          position: absolute;
          inset: 0;
          background: rgba(0, 0, 0, 0.6);
          z-index: 1;
      }

      /* Center alignment */
      .center-hero {
          display: flex;
          align-items: center;
      }

      /* Content */
      .hero-simple-content {
          position: relative;
          z-index: 2;
          color: #fff;
          animation: fadeUp 1s ease forwards;
      }

      .hero-tag {
          display: inline-block;
          background: rgba(255, 255, 255, 0.15);
          color: #fff;
          font-size: 13px;
          font-weight: 600;
          padding: 6px 16px;
          border-radius: 20px;
          margin-bottom: 18px;
      }

      .hero-simple-content h1 {
          font-size: 52px;
          font-weight: 800;
          line-height: 1.2;
          margin-bottom: 18px;
      }

      .hero-simple-content h1 span {
          color: #f1f1f1;
      }

      .hero-simple-content p {
          font-size: 16px;
          color: #e0e0e0;
          max-width: 620px;
          margin: 0 auto 30px;
          line-height: 1.8;
      }

      /* Button */
      .hero-actions {
          display: flex;
      }

      .hero-main-btn {
          background: #ffffff;
          color: #000;
          padding: 14px 38px;
          border-radius: 40px;
          font-weight: 600;
          text-decoration: none;
          transition: 0.3s;
      }

      .hero-main-btn:hover {
          background: #e5e5e5;
          transform: translateY(-2px);
      }

      /* Animation */
      @keyframes fadeUp {
          from {
              opacity: 0;
              transform: translateY(35px);
          }

          to {
              opacity: 1;
              transform: translateY(0);
          }
      }

      /* ================= RESPONSIVE ================= */
      @media (max-width: 992px) {
          .hero-simple-content h1 {
              font-size: 40px;
          }
      }

      @media (max-width: 768px) {
          .law-hero-bg {
              min-height: 75vh;
              padding: 60px 0;
          }

          .hero-simple-content h1 {
              font-size: 32px;
          }
      }

      /* banner end */

      /* footer start */
      /* ================= HERO WITH BACKGROUND IMAGE ================= */
      .law-hero-bg {
          position: relative;
          min-height: 85vh;
          display: flex;
          align-items: center;
          background: url("images/ban3.png") center/cover no-repeat;
          overflow: hidden;
      }

      /* Dark overlay for readability */
      .hero-overlay {
          position: absolute;
          inset: 0;
          background: rgba(0, 0, 0, 0.6);
          z-index: 1;
      }

      /* Center alignment */
      .center-hero {
          display: flex;
          align-items: center;
      }

      /* Content */
      .hero-simple-content {
          position: relative;
          z-index: 2;
          color: #fff;
          animation: fadeUp 1s ease forwards;
      }

      .hero-tag {
          display: inline-block;
          background: rgba(255, 255, 255, 0.15);
          color: #fff;
          font-size: 13px;
          font-weight: 600;
          padding: 6px 16px;
          border-radius: 20px;
          margin-bottom: 18px;
      }

      .hero-simple-content h1 {
          font-size: 52px;
          font-weight: 800;
          line-height: 1.2;
          margin-bottom: 18px;
      }

      .hero-simple-content h1 span {
          color: #f1f1f1;
      }

      .hero-simple-content p {
          font-size: 16px;
          color: #e0e0e0;
          max-width: 620px;
          margin: 0 auto 30px;
          line-height: 1.8;
      }

      /* Button */
      .hero-actions {
          display: flex;
      }

      .hero-main-btn {
          background: #ffffff;
          color: #000;
          padding: 14px 38px;
          border-radius: 40px;
          font-weight: 600;
          text-decoration: none;
          transition: 0.3s;
      }

      .hero-main-btn:hover {
          background: #e5e5e5;
          transform: translateY(-2px);
      }

      /* Animation */
      @keyframes fadeUp {
          from {
              opacity: 0;
              transform: translateY(35px);
          }

          to {
              opacity: 1;
              transform: translateY(0);
          }
      }

      /* ================= RESPONSIVE ================= */
      @media (max-width: 992px) {
          .hero-simple-content h1 {
              font-size: 40px;
          }
      }

      @media (max-width: 768px) {
          .law-hero-bg {
              min-height: 75vh;
              padding: 60px 0;
          }

          .hero-simple-content h1 {
              font-size: 32px;
          }
      }

      /* footer start */
      /* ================= FOOTER ================= */
      .law-footer {
          background: #0f0f0f;
          color: #cfcfcf;
          padding: 70px 0 0;
          font-family: Arial, Helvetica, sans-serif;
      }

      .law-footer h4 {
          font-size: 18px;
          font-weight: 700;
          color: #ffffff;
          margin-bottom: 18px;
      }

      .footer-about p {
          font-size: 14.5px;
          line-height: 1.8;
          color: #bdbdbd;
      }

      /* Links */
      .footer-links ul {
          list-style: none;
          padding: 0;
          margin: 0;
      }

      .footer-links ul li {
          margin-bottom: 10px;
          font-size: 14.5px;
      }

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

      .footer-links ul li a:hover {
          color: #ffffff;
          padding-left: 5px;
      }

      /* Contact */
      .footer-contact p {
          font-size: 14.5px;
          color: #bdbdbd;
          display: flex;
          align-items: center;
          gap: 10px;
          margin-bottom: 10px;
      }

      .footer-contact i {
          color: #ffffff;
      }

      /* Social Icons */
      .footer-social {
          margin-top: 15px;
          display: flex;
          gap: 12px;
      }

      .footer-social a {
          width: 34px;
          height: 34px;
          background: rgba(255, 255, 255, 0.1);
          color: #ffffff;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          transition: 0.3s;
          text-decoration: none;
      }

      .footer-social a:hover {
          background: #ffffff;
          color: #000000;
      }

      /* Bottom */
      .footer-bottom {
          margin-top: 40px;
          border-top: 1px solid rgba(255, 255, 255, 0.1);
          padding: 18px 0;
          text-align: center;
      }

      .footer-bottom p {
          font-size: 14px;
          color: #9e9e9e;
          margin: 0;
      }

      /* ================= RESPONSIVE ================= */
      @media (max-width: 768px) {
          .law-footer {
              text-align: center;
          }

          .footer-contact p {
              justify-content: center;
          }

          .footer-social {
              justify-content: center;
          }
      }

      /* footer end */