/* GLOBAL */
      body {
          font-family: 'Poppins', sans-serif;
          background: #f8f9fb;
      }

      /* HEADER MAIN */
      .custom-header {
          width: 100%;
          display: flex;
          justify-content: center;
          padding: 18px 0;
          position: sticky;
          top: 0;
          z-index: 5000;
          background: transparent;
          transition: all .35s ease;
      }

      .custom-header.sticky {
          padding: 10px 0;
      }

      .custom-header.sticky .header-inner {
          border: none;
          border-radius: 40px;
          box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.10);
          padding: 10px 25px;
      }

      /* MENU COLOR CHANGE ON SCROLL */
      .custom-header.sticky .menu-left a,
      .custom-header.sticky .menu-right a {
          color: #444 !important;
      }

      /* ACTIVE UNDERLINE */
      .custom-header.sticky .menu-left a.active,
      .custom-header.sticky .menu-right a.active {
          position: relative;
      }

      .custom-header.sticky .menu-right a.active::after,
      .custom-header.sticky .menu-left a.active::after {
          content: "";
          position: absolute;
          bottom: -3px;
          left: 0;
          width: 18px;
          height: 3px;
          border-radius: 3px;
      }

      .header-inner {
          width: 70%;
          border: 3px solid #FCC71B;
          border-radius: 18px;
          padding: 12px 25px;
          background: #fff;
          display: flex;
          justify-content: space-between;
          align-items: center;
          transition: all .35s ease;
      }

      /* MENUS */
      .menu-left,
      .menu-right {
          display: flex;
          gap: 28px;
          list-style: none;
          margin: 0;
      }

      .menu-left a,
      .menu-right a {
          text-decoration: none;
          color: #000;
          font-weight: 600;
          font-size: 14px;
      }

      .header-logo img {
          height: 60px;
      }

      /* 360 BUTTON */
      .rotation-btn {
          background: #FCC71B;
          color: #fff !important;
          padding: 7px 16px;
          border-radius: 40px;
          font-weight: 600;
      }

      .rotation-btn:hover {
          background: #FCC71B;
      }

      /* MOBILE MENU BUTTON */
      .mobile-menu-btn {
          display: none;
          font-size: 32px;
          cursor: pointer;
      }

      /* DESKTOP DROPDOWN */
      .dropdown {
          position: relative;
      }

      .dropdown-menu {
          position: absolute;
          top: 40px;
          left: 0;
          background: white;
          list-style: none;
          padding: 10px 0;
          width: 160px;
          border-radius: 10px;
          box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
          display: none;
          z-index: 9999;
      }

      .dropdown-menu li a {
          display: block;
          padding: 8px 18px;
          text-decoration: none;
          color: #000;
          font-weight: 500;
          font-size: 14px;
      }

      .dropdown-menu li a:hover {
          background: #f2f2f2;
      }

      /* SHOW DROPDOWN ON HOVER */
      .dropdown:hover .dropdown-menu {
          display: block;
      }

      .drop-btn i {
          font-size: 12px;
          margin-left: 4px;
      }

      /* ----------------- MOBILE SIDEBAR ----------------- */
      .mobile-sidebar {
          width: 260px;
          height: 100vh;
          background: #fff;
          position: fixed;
          top: 0;
          left: -260px;
          transition: .3s;
          z-index: 6000;
          padding: 20px;
          box-shadow: 4px 0 25px rgba(0, 0, 0, 0.15);
      }

      .mobile-sidebar.active {
          left: 0;
      }

      .sidebar-close-btn {
          font-size: 26px;
          position: absolute;
          right: 15px;
          top: 12px;
          cursor: pointer;
      }

      .mobile-sidebar ul {
          list-style: none;
          padding: 0;
          margin-top: 60px;
      }

      .mobile-sidebar ul li {
          margin-bottom: 18px;
      }

      .mobile-sidebar ul li a {
          text-decoration: none;
          font-size: 18px;
          font-weight: 600;
          color: #000;
      }

      /* OVERLAY */
      .sidebar-overlay {
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.45);
          position: fixed;
          top: 0;
          left: 0;
          display: none;
          z-index: 5500;
      }

      .sidebar-overlay.active {
          display: block;
      }

      /* RESPONSIVE */
      @media (max-width: 992px) {

          .menu-left,
          .menu-right {
              display: none !important;
          }

          .mobile-menu-btn {
              display: block;
          }

          .header-logo img {
              height: 50px;
          }

      }

      /* MOBILE MENU LIST FIX */
      .mobile-sidebar ul li {
          margin-bottom: 12px !important;
      }

      /* ACCORDION TITLE FIX */
      .mobile-accordion .acc-title {
          font-size: 18px;
          font-weight: 600;
          color: #000;
          cursor: pointer;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 4px 0 !important;
      }

      /* ARROW */
      .acc-arrow {
          font-size: 14px;
          transition: .3s ease;
          margin-left: 8px;
      }

      /* ACCORDION CONTENT FIX */
      .mobile-accordion .acc-content {
          max-height: 0;
          overflow: hidden;
          transition: max-height .3s ease;
          padding-left: 12px;
          margin-top: 4px;
      }

      /* LINKS INSIDE ACCORDION */
      .mobile-accordion .acc-content li {
          margin: 6px 0 !important;
      }

      .mobile-accordion .acc-content li a {
          font-size: 16px;
          font-weight: 500;
      }

      /* WHEN OPEN */
      .mobile-accordion.active .acc-content {
          max-height: 200px;
      }

      .mobile-accordion.active .acc-arrow {
          transform: rotate(180deg);
      }

      /* ---------------- HERO ---------------- */
      .hero-container {
          width: 100%;
          margin: 20px 20px 20px 20px;
          padding: 15px;
      }

      .hero-img {
          width: 100%;
          height: 520px;
          background-size: cover;
          background-position: center;
          border-radius: 20px;
          overflow: hidden;
      }

      /* PAVITRAA SECTION */
      .pavitraa-section {
          margin: 30px auto;
          max-width: 1500px;
          /* 👈 CONTROLLED WIDTH */
          padding: 0 30px;
          margin-bottom: 76px;
      }

      .left-row {
          width: 100%;
          display: flex;
          justify-content: space-between;
      }

      .section-title {
          font-size: 20px;
          font-weight: 700;
          margin-bottom: 18px;
          /* text-align: center; */
      }

      .pavitraa-wrap {
          align-items: center;
      }

      .pavitraa-project-name {
          font-size: 26px;
          font-weight: 700;
      }

      .pavitraa-location {
          font-size: 14px;
          color: #555;
          margin: 6px 0 12px;
      }

      .pavitraa-price {
          font-size: 16px;
          font-weight: 600;
          margin-bottom: 16px;
      }

      .pavitraa-price span {
          color: #FCC71B;
      }

      .pavitraa-amenities {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 12px;
          margin-bottom: 20px;
      }

      .amenity-box {
          background: #fff2c7;
          border-radius: 12px;
          padding: 14px;
          font-size: 13px;
          font-weight: 600;
          display: grid;
          text-align: center;
          gap: 8px;
          align-items: center;
          justify-content: center;
      }

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

      .pavitraa-btn {
          display: inline-block;
          background: #FCC71B;
          color: #fff;
          padding: 12px 26px;
          border-radius: 999px;
          font-size: 14px;
          text-decoration: none;
          transition: 0.5s;
      }

      .pavitraa-btn:hover {
          background: #000;
      }

      /* SHORT DESCRIPTION */
      .pavitraa-short-desc {
          font-size: 15px;
          color: #555;
          margin: 10px 0 14px;
          max-width: 420px;
      }

      /* PRICE HIGHLIGHT BOX */
      .pavitraa-price-box {
          background: linear-gradient(135deg, #fff4c2, #ffe27a);
          border-radius: 14px;
          padding: 14px 20px;
          display: inline-block;
          margin-bottom: 22px;
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
      }

      .price-label {
          font-size: 12px;
          font-weight: 600;
          color: #8a6b00;
          text-transform: uppercase;
          letter-spacing: 0.6px;
      }

      .price-value {
          font-size: 24px;
          font-weight: 700;
          color: #000;
      }

      /* RIGHT SIDE MEDIA */
      .pavitraa-right {
          display: flex;
          justify-content: center;
      }

      /* MEDIA WRAPPER */
      .pavitraa-media {
          position: relative;
          width: 100%;
          max-width: 590px;
      }

      /* MAIN IMAGE */
      .pavitraa-main-img {
          width: 100%;
          height: auto;
          border-radius: 18px 260px 18px 18px;
          object-fit: cover;
      }

      /* VIDEO THUMB FLOAT */
      .pavitraa-video-thumb {
          position: absolute;
          bottom: -40px;
          right: 40px;

          width: 260px;
          border-radius: 16px;
          overflow: hidden;

          cursor: pointer;
          box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
      }

      /* VIDEO IMAGE */
      .pavitraa-video-thumb img {
          width: 100%;
          height: auto;
          display: block;
      }

      /* PLAY ICON */
      .play-icon {
          position: absolute;
          inset: 0;
          background: rgba(0, 0, 0, 0.35);

          display: flex;
          align-items: center;
          justify-content: center;
      }

      .play-icon i {
          font-size: 42px;
          color: #fff;
      }

      @media (max-width: 768px) {

          .pavitraa-section {
              padding: 0 20px;
          }

          .pavitraa-media {
              max-width: 100%;
              margin-top: 30px;
          }

          .pavitraa-video-thumb {
              width: 180px;
              bottom: -20px;
              right: 20px;
          }
      }

      /* DARK OVERLAY */
      .video-modal {
          position: fixed;
          inset: 0;
          background: rgba(0, 0, 0, 0.65);
          display: none;
          align-items: center;
          justify-content: center;
          z-index: 9999;
      }

      /* WHITE POPUP BOX */
      .video-popup {
          position: relative;
          width: 90%;
          max-width: 820px;
          background: #ffffff;
          border-radius: 18px;
          box-shadow: 0 25px 60px rgba(0, 0, 0, 0.4);
          padding: 20px;
          animation: popupScale 0.3s ease;
      }

      /* CLOSE BUTTON (RIGHT TOP) */
      .video-close {
          position: absolute;
          top: 14px;
          right: 16px;
          font-size: 26px;
          font-weight: bold;
          color: #333;
          cursor: pointer;
          z-index: 2;
      }

      .video-close:hover {
          color: #000;
      }

      /* HEADER LOGO */
      .video-popup-header {
          text-align: center;
          margin-bottom: 12px;
      }

      .video-popup-header img {
          height: 42px;
      }

      /* VIDEO BODY */
      .video-popup-body video {
          width: 100%;
          height: auto;
          border-radius: 12px;
          background: #000;
      }

      /* ANIMATION */
      @keyframes popupScale {
          from {
              transform: scale(0.9);
              opacity: 0;
          }

          to {
              transform: scale(1);
              opacity: 1;
          }
      }



      /* ---------------- ABOUT BLOCK ---------------- */
      .about-container {
          width: 100%;
          margin: 10px auto;
          background: #f7f1e6;
          padding: 40px;
          border-radius: 22px;
      }

      .two-image-wrapper {
          position: relative;
      }

      .two-image-wrapper .img-main {
          width: 100%;
          height: 340px;
          border-radius: 20px;
          box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.15);
          object-fit: cover;
      }

      .two-image-wrapper .img-small {
          width: 60%;
          height: 230px;
          position: absolute;
          bottom: -35px;
          right: 20px;
          border-radius: 18px;
          box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.25);
          object-fit: cover;
          border: 6px solid #ffffff;
      }

      .section-eyebrow {
          font-size: 12px;
          color: #9c8a69;
          text-transform: uppercase;
          letter-spacing: 2px;
          margin-bottom: 8px;
      }


      /* CONTENT */
      .about-content h2 {
          font-size: 36px;
          margin-bottom: 12px;
      }

      .about-content p {
          color: #666;
          margin-bottom: 26px;
          line-height: 1.7;
      }

      /* STATS */
      .stats {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 18px;
          margin-bottom: 30px;
      }

      .stat-card {
          background: #fff;
          padding: 22px;
          border-radius: 16px;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
      }

      .stat-card h3 {
          color: #c9a227;
          font-size: 26px;
      }

      .stat-card span {
          font-size: 13px;
          color: #555;
      }

      .about-btn {
          background: linear-gradient(135deg, #e1ab4b, #d08d2a);
          border: none;
          color: #fff;
          padding: 10px 28px;
          border-radius: 25px;
          font-size: 14px;
          cursor: pointer;
          box-shadow: 0px 6px 18px rgba(208, 141, 42, 0.35);
          transition: 0.3s;
      }

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


      /* Smooth hide */
      .property-card.smooth-hide {
          opacity: 0;
          transform: translateY(20px);
          transition: all 0.35s ease;
      }

      /* Smooth show */
      .property-card.smooth-show {
          opacity: 1;
          transform: translateY(0);
          transition: all 0.35s ease;
      }

      /* Container fade + slide */
      #property-list.smooth-transition {
          opacity: 0;
          transform: translateY(20px);
          transition: all 0.35s ease;
      }

      #property-list.smooth-transition.active {
          opacity: 1;
          transform: translateY(0);
      }


      /* Responsive */
      @media (max-width:768px) {
          .header-inner {
              width: 90%;
          }
          .hero-img {
                  height: 260px;
          }
          .hero-container {
                      width: 95%;
                         margin: 0px 20px 0px 20px;
                     padding: 15px;
          }
      }

      /* ---------------- PROPERTY SECTION ---------------- */
      .property-container {
          width: 95%;
          margin: 40px auto;
      }

      .section-title {
          font-size: 28px;
          font-weight: 700;
          margin-bottom: 8px;
      }

      .section-sub {
          color: #666;
          font-size: 14px;
          max-width: 600px;
          margin: 0 auto 20px;
      }

      /* MOBILE SCROLLABLE TABS */
      .property-menu {
          scroll-behavior: smooth;
      }

      @media (max-width: 600px) {
          .property-menu {
              display: flex;
              gap: 10px;
              overflow-x: auto;
              white-space: nowrap;
              padding-bottom: 6px;
              justify-content: flex-start !important;
              /* left align on mobile */
              -webkit-overflow-scrolling: touch;
          }

          .property-menu::-webkit-scrollbar {
              display: none;
              /* hide scrollbar */
          }

          .property-menu button {
              flex: 0 0 auto;
              /* do not shrink */
              padding: 8px 18px;
              font-size: 13px;
              border-radius: 50px;
              white-space: nowrap;
          }
      }

      .property-menu {
          display: flex;
          justify-content: center;
          gap: 12px;
      }

      .property-menu button {
          background: #eee;
          border: none;
          padding: 8px 20px;
          border-radius: 25px;
          font-size: 14px;
          transition: .3s;
      }

      .property-card {
          opacity: 1;
          transition: .4s ease;
      }

      .hidden-card {
          opacity: 0;
          transform: translateY(20px);
      }

      .property-menu button.active {
          background: #000;
          color: #fff;
      }

      .card-box {
          border-radius: 16px;
          overflow: hidden;
          background: #fff;
          box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
          transition: .3s;

      }

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

      .card-box img {
          width: 100%;
          height: 160px;
          object-fit: cover;
      }

      .card-body {
          padding: 15px;
          display: grid;
      }

      .card-body h5 {
          font-size: 15px;
          font-weight: 700;
      }

      .location {
          font-size: 13px;
          color: #666;
          margin-bottom: 6px;
          display: inline-grid;
      }

      .meta {
          font-size: 12px;
          color: #777;
          display: inline-grid;
      }

      /* .meta span {
            float: right;
        } */

      .price {
          font-size: 15px;
          margin-top: 8px;
          font-weight: 700;
      }

      .badge-card {
          background: #ffecc7;
          color: #8a6400;
          padding: 4px 10px;
          border-radius: 12px;
          font-size: 11px;
      }

      /* ---------------- WHY SECTION ---------------- */
      /* FIX WHY SECTION MOBILE HEIGHT */
      @media (max-width: 600px) {

          .why-container {
              padding: 20px 18px !important;
              /* reduce padding */
              margin: 20px auto !important;
              /* reduce margin */
          }

          .why-list li {
              margin-bottom: 12px !important;
              /* reduce gaps */
          }

          .why-list p {
              margin: 4px 0 !important;
              /* reduce paragraph spacing */
          }

          .why-img-box {
              padding: 3px !important;
              /* slightly smaller image wrapper */
          }

          .why-img-box img {
              border-radius: 14px !important;
          }
      }

      .why-container {
          width: 95%;
          margin: 40px auto;
          background: #fbf1df;
          padding: 40px;
          border-radius: 22px;
          display: block;
      }

      .section-desc {
          font-size: 14px;
          margin-bottom: 20px;
          color: #555;
      }

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

      .why-list li {
          display: flex;
          gap: 12px;
          margin-bottom: 20px;
      }

      .check {
          width: 26px;
          height: 26px;
          border-radius: 50%;
          color: #000;
          background: #fff;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 14px;
      }

      .why-img-box {
          border-radius: 22px;
          overflow: hidden;
          padding: 6px;
          background: #fff;
          box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.08);
      }

      .why-img-box img {
          width: 100%;
          border-radius: 18px;
      }

      /* TESTIMONIAL SECTION */
      .testimonialSwiper .swiper-pagination {
          position: relative !important;
          margin-top: 20px;
          text-align: center !important;
      }

      .testimonialSwiper .swiper-pagination-bullet {
          width: 10px;
          height: 10px;
          background: #d4d4d4;
          opacity: 1;
          margin: 0 5px !important;
          transition: .3s ease;
      }

      .testimonialSwiper .swiper-pagination-bullet-active {
          background: #0066ff;
          transform: scale(1.3);
      }

      .testimonial-section {
          width: 95%;
          margin: 40px auto;
      }

      .testimonial-title {
          font-size: 28px;
          font-weight: 700;
      }

      .testimonial-sub {
          color: #666;
          max-width: 600px;
          margin: 0 auto 25px;
      }

      /* SWIPER CARD */
      .testimonial-card {
          background: #ffffff;
          border-radius: 20px;
          padding: 25px;
          box-shadow: 0 8px 25px rgba(0, 0, 0, 0.10);
          height: auto;
      }

      .testimonial-content p {
          font-size: 14px;
          color: #555;
          margin: 14px 0;
          line-height: 1.5;
      }

      .testimonial-user {
          display: flex;
          align-items: center;
          gap: 12px;
          margin-top: 10px;
      }

      .testimonial-user img {
          width: 55px;
          height: 55px;
          border-radius: 50%;
      }

      .testimonial-user h5 {
          margin: 0;
          font-size: 15px;
          font-weight: 600;
      }

      .testimonial-user span {
          font-size: 12px;
          color: #777;
      }

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

          .testimonial-card {
              padding: 20px;
          }
      }

      /* LOGO SLIDER SECTION */
      .logo-slider-section {
          width: 95%;
          margin: 40px auto;
          overflow: hidden;
      }

      .logo-title {
          font-size: 24px;
          font-weight: 700;
      }

      /* Wrapper */
      .logo-slider {
          width: 100%;
          overflow: hidden;
          position: relative;
      }

      /* Track (no fixed width anymore) */
      .logo-track {
          display: flex;
          gap: 40px;
          white-space: nowrap;
          animation: logoScroll 20s linear infinite;
      }

      /* Logos */
      .logo-track img {
          height: 55px;
          width: auto;
          flex-shrink: 0;
          filter: grayscale(100%);
          opacity: 0.7;
          transition: .3s;
      }

      .logo-track img:hover {
          filter: none;
          opacity: 1;
      }

      /* TRUE INFINITE SCROLL FIX */
      @keyframes logoScroll {
          from {
              transform: translateX(0);
          }

          to {
              transform: translateX(-50%);
          }
      }

      /* RESPONSIVE */
      @media (max-width: 768px) {
          .logo-track img {
              height: 45px;
          }
      }

      @media (max-width: 480px) {
          .logo-track img {
              height: 36px;
          }
      }


      /* ---------------- FOOTER ---------------- */
      /* --- MAIN FOOTER --- */
      .main-footer {
          background: #0a0a0a;
          color: #ddd;
          margin-top: 40px;
      }

     .footer-inner {
    width: 100%;
    /* margin: auto; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 35px;
    padding: 40px;
}
      .footer-col h4 {
          font-size: 22px;
          font-weight: 700;
          color: #e1ab4b;
          margin-bottom: 10px;
      }

      .footer-col h5 {
          font-size: 16px;
          font-weight: 600;
          color: #e1ab4b;
          margin-bottom: 12px;
      }

      .footer-col p {
          font-size: 13px;
          line-height: 1.5;
          margin-bottom: 15px;
      }

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

      .footer-col ul li {
          margin-bottom: 8px;
          font-size: 13px;
      }

      .footer-col ul li a {
          text-decoration: none;
          color: #ccc;
          transition: 0.25s;
      }

      .footer-col ul li a:hover {
          color: #e1ab4b;
      }

      /* Social Icons */
      .footer-social a {
          display: inline-flex;
          width: 32px;
          height: 32px;
          background: #1a1a1a;
          justify-content: center;
          align-items: center;
          border-radius: 50%;
          color: #e1ab4b;
          margin-right: 8px;
          font-size: 16px;
          transition: .25s;
      }

      .footer-social a:hover {
          background: #e1ab4b;
          color: #000;
      }

      /* Bottom Bar */
      .footer-bottom {
          width: 95%;
          margin: 20px auto 0;
          border-top: 1px solid #333;
          padding-top: 15px;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          font-size: 12px;
      }

      .footer-bottom a {
          margin-left: 15px;
          color: #ddd;
          text-decoration: none;
          transition: .25s;
      }

      .footer-bottom a:hover {
          color: #e1ab4b;
      }

      @media (max-width: 768px) {
          .footer-inner {
              flex-direction: column;
          }

          .footer-bottom {
              flex-direction: column;
              gap: 10px;
              text-align: center;
          }
      }

      .rotation-btn {
          background: #FCC71B;
          color: #fff !important;
          padding: 7px 16px;
          border-radius: 40px;
          font-weight: 600;
          transition: 0.3s ease;
      }

      .rotation-btn:hover {
          background: #FCC71B;
          color: #fff !important;
      }

      #preloader {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: #ffffff;
          display: flex;
          justify-content: center;
          align-items: center;
          z-index: 99999;
      }

      .preloader-inner {
          text-align: center;
      }

      .preloader-logo {
          width: 120px;
          margin-bottom: 20px;
          animation: fadeLogo 1.5s infinite alternate;
      }

      @keyframes fadeLogo {
          0% {
              opacity: 0.4;
          }

          100% {
              opacity: 1;
          }
      }

      .loader {
          width: 45px;
          height: 45px;
          border: 4px solid #FCC71B;
          border-top-color: transparent;
          border-radius: 50%;
          animation: spin 0.8s linear infinite;
      }

      @keyframes spin {
          0% {
              transform: rotate(0deg);
          }

          100% {
              transform: rotate(360deg);
          }
      }

      /* Fade out */
      #preloader.fade-out {
          opacity: 0;
          visibility: hidden;
          transition: opacity .6s ease, visibility .6s;
      }

      /* ---------------- HERO ---------------- */
      .hero-new {
          width: 100%;
          height: 450px;
          background:
              linear-gradient(rgba(5, 20, 50, 0.85), rgba(5, 20, 50, 0.80)),
              url('assets/Main-Banner-Image.png');
          background-size: cover;
          background-position: bottom;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          color: white;
          padding: 0 20px;
      }

      .hero-new-content h1 {
          font-size: 54px;
          font-weight: 700;
      }

      .hero-new-content p {
          font-size: 18px;
          margin-top: 6px;
          opacity: .9;
          max-width: 600px;
          margin-left: auto;
          margin-right: auto;
      }

      /* GLASS CARD */
      .glass-info-card {
          width: 90%;
          max-width: 1050px;
          margin: -60px auto 40px;
          background: rgba(255, 255, 255, 0.16);
          backdrop-filter: blur(12px);
          border: 1px solid rgba(255, 255, 255, 0.25);
          border-radius: 18px;
          padding: 28px 35px;
          color: white;
          text-align: center;
      }

      /* ---------------- ABOUT BLOCK ---------------- */
      .about-flex {
          width: 90%;
          max-width: 1300px;
          margin: 60px auto;
          display: grid;
          grid-template-columns: 1fr 1fr;
          align-items: center;
          gap: 50px;
      }

      .about-flex img {
          width: 100%;
          height: 380px;
          border-radius: 18px;
          object-fit: cover;
          box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
      }

      .about-text {
          max-width: 550px;
      }

      .about-text h2 {
          font-size: 42px;
          font-weight: 700;
          margin-bottom: 20px;
      }

      .about-text p {
          font-size: 16px;
          line-height: 1.8;
          color: #555;
      }

      /* ABOUT SECTION RESPONSIVE FIX */
      @media (max-width: 992px) {
          .about-flex {
              grid-template-columns: 1fr;
              text-align: center;
          }

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

          .about-flex img {
              height: 260px;
              margin-top: 10px;
          }
      }

      @media (max-width: 576px) {
          .about-flex img {
              height: 220px;
          }
      }

      /* ---------------- SPECIALIZATION ---------------- */
      .new-section {
          width: 95%;
          margin: 40px auto;
      }

      .section-head {
          text-align: center;
          margin-bottom: 30px;
      }

      .section-head h2 {
          font-size: 32px;
          font-weight: 700;
      }

      .section-head p {
          color: #666;
      }

      .spec-grid {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
          gap: 22px;
      }

      .spec-item {
          background: white;
          border-radius: 16px;
          padding: 25px;
          text-align: center;
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
          transition: .3s;
      }

      .spec-item:hover {
          transform: translateY(-6px);
      }

      .spec-item i {
          font-size: 34px;
          color: #0a72c6;
          margin-bottom: 10px;
      }

      /* ---------------- TESTIMONIALS ---------------- */
      .testimonial-row {
          width: 95%;
          margin: 40px auto;
      }

      .testimonial-slider {
          display: flex;
          overflow-x: auto;
          gap: 18px;
          scroll-behavior: smooth;
          justify-content: center;
      }

      .testimonial-slider::-webkit-scrollbar {
          display: none;
      }

      .t-box {
          min-width: 330px;
          background: white;
          padding: 25px;
          border-radius: 16px;
          box-shadow: 0 5px 18px rgba(0, 0, 0, 0.08);
      }

      .t-client {
          font-weight: 600;
          margin-top: 8px;
      }

      @media (min-width: 992px) {
          .testimonial-slider {
              justify-content: center;
          }

          .team-slider {
              justify-content: center;
          }
      }

      /* MOBILE & TABLET: left align for proper scrolling */
      @media (max-width: 991px) {

          .testimonial-slider,
          .team-slider {
              justify-content: flex-start !important;
          }
      }

      /* ---------------- TEAM ---------------- */
      .team-slider {
          width: 95%;
          margin: 40px auto;
          display: flex;
          gap: 18px;
          overflow-x: auto;
          scroll-behavior: smooth;
          justify-content: center;
      }

      .team-card {
          min-width: 240px;
          background: white;
          border-radius: 14px;
          padding: 22px;
          text-align: center;
          box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
      }

      .team-card img {
          width: 110px;
          height: 110px;
          border-radius: 50%;
          object-fit: cover;
          margin-bottom: 10px;
      }

      /* ---------------- FOOTER ACCORDION (MOBILE ONLY) ---------------- */
      @media (max-width: 768px) {

          .accordion-title {
              cursor: pointer;
              font-size: 18px !important;
              display: flex;
              justify-content: space-between;
              align-items: center;
              padding: 7px 5px;
              color: #e1ab4b !important;
              border-bottom: 1px solid #333;
          }

          .accordion-title::after {
              content: "+";
              font-size: 20px;
              color: #e1ab4b;
              transition: .3s;
          }

          .accordion-item.active .accordion-title::after {
              content: "-";
          }

          .accordion-content {
              max-height: 0;
              overflow: hidden;
              transition: max-height .35s ease;
          }

          .accordion-item.active .accordion-content {
              max-height: 300px;
          }
      }

      /* simple top bar */
      .top-nav {
          display: none;
          width: 100%;
          background: #ffffff;
          border-bottom: 1px solid #e5e7f0;
          padding: 8px 0;
          position: sticky;
          top: 0;
          z-index: 999;
      }

      .top-nav-inner {
          max-width: 1180px;
          margin: 0 auto;
          padding: 12px 16px;
          display: flex;
          justify-content: space-between;
          align-items: center;
      }

      .breadcrumb-line {
          font-size: 11px;
          color: #777;
      }

      .btn-brochure {
          background: #2563ff;
          color: #fff;
          border-radius: 30px;
          padding: 8px 22px;
          font-size: 14px;
          border: none;
      }

      .btn-brochure:hover {
          background: #134ad0;
      }

      /* main container */
      .page-wrap {
          max-width: 1180px;
          margin: 24px auto 60px;
          padding: 0 16px;
      }

      /* =============== FULL WIDTH TABS =============== */
      .fullwidth-tabs {
          width: 100%;
          background: #ffffff;
          border-bottom: 1px solid #e5e7f0;
          padding: 12px 0;
          margin-bottom: 22px;
          position: sticky;
          top: 0px;
          /* sits just under the top nav */
          z-index: 998;
      }

      .tabs-inner {
          max-width: 1180px;
          margin: 0 auto;
          padding: 0 16px;
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
      }

      .tab-btn {
          padding: 7px 18px;
          border-radius: 999px;
          border: 1px solid #e2e2e2;
          background: white;
          font-size: 13px;
          cursor: pointer;
      }

      .tab-btn.active {
          background: #2563ff;
          color: #fff;
          border-color: #2563ff;
      }

      /* hero section */
      .hero-head {
          display: grid;
          grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
          gap: 24px;
          align-items: flex-start;
          margin-bottom: 24px;
      }

      .hero-title {
          font-size: 26px;
          font-weight: 700;
      }

      .hero-sub {
          font-size: 14px;
          margin: 6px 0 12px;
          color: #555;
      }

      .hero-badges span {
          display: inline-flex;
          align-items: center;
          gap: 5px;
          padding: 4px 10px;
          border-radius: 999px;
          background: #eef4ff;
          font-size: 11px;
          margin-right: 6px;
          color: #2563ff;
      }

      .hero-rating {
          display: flex;
          align-items: center;
          gap: 6px;
          margin-top: 6px;
          font-size: 13px;
      }

      .hero-rating i {
          color: #fbbf24;
      }

      .hero-price-box {
          background: #0f172a;
          color: #ffffff;
          padding: 18px 18px 16px;
          border-radius: 16px;
          text-align: left;
      }

      .hero-price-main {
          font-size: 20px;
          font-weight: 700;
      }

      .hero-price-sub {
          font-size: 11px;
          opacity: 0.8;
      }

      .hero-download {
          margin-top: 14px;
      }

      .hero-download button {
          width: 100%;
          border-radius: 999px;
          border: none;
          padding: 10px;
          background: #2563ff;
          color: #fff;
          font-size: 14px;
      }

      .hero-download button:hover {
          background: #134ad0;
      }

      .hero-download small {
          display: block;
          margin-top: 6px;
          font-size: 11px;
          opacity: .85;
      }

      /* LIGHTBOX ANIMATION */
      .lightbox {
          display: flex;
          justify-content: center;
          align-items: center;
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.85);
          z-index: 99999;

          opacity: 0;
          visibility: hidden;
          transition: opacity 0.35s ease, visibility 0.35s ease;
      }

      .lightbox.show {
          opacity: 1;
          visibility: visible;
      }

      .lightbox-content {
          max-width: 85%;
          max-height: 85%;
          border-radius: 10px;
          transform: scale(0.9);
          transition: transform 0.35s ease;
      }

      .lightbox.show .lightbox-content {
          transform: scale(1);
      }

      .close-lightbox {
          position: absolute;
          top: 20px;
          right: 30px;
          font-size: 40px;
          color: #fff;
          cursor: pointer;
          opacity: 0.8;
          transition: 0.25s ease;
      }

      .close-lightbox:hover {
          opacity: 1;
      }


      .gallery-wrap {
          display: grid;
          grid-template-columns: 2fr 1fr;
          gap: 12px;
          margin-bottom: 22px;
      }

      .gallery-main {
          border-radius: 12px;
          overflow: hidden;
          background: #000;
      }

      .gallery-main img {
          width: 100%;
          height: 260px;
          /* auto height */
          object-fit: cover;
          border-radius: 12px;
      }

      .gallery-small {
          display: flex;
          flex-direction: column;
          gap: 8px;
      }

      .gallery-small img {
          width: 100%;
          height: 260px;
          /* auto height */
          object-fit: cover;
          border-radius: 12px;
      }

      @media (max-width: 600px) {
          .gallery-main img {
              height: 180px !important;
          }

          .gallery-small img {
              height: 100px !important;
          }
      }

      .dev-logo {
          width: 40px;
          height: 40px;
          background: #2563ff;
          color: #fff;
          border-radius: 8px;
          font-weight: 700;
          display: flex;
          justify-content: center;
          align-items: center;
          margin-right: 10px;
      }

      /* quick facts */
      .facts-row {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 12px;
          margin-bottom: 22px;
      }

      .fact-card {
          background: #ffffff;
          border-radius: 14px;
          padding: 12px 14px;
          border: 1px solid #ebedf4;
          font-size: 13px;
      }

      .fact-label {
          font-size: 11px;
          text-transform: uppercase;
          letter-spacing: .06em;
          color: #888;
          margin-bottom: 3px;
      }

      .fact-value {
          font-weight: 600;
      }

      /* layout: left content + right enquiry card */
      .content-grid {
          display: grid;
          grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
          gap: 24px;
      }

      .section-card {
          background: #ffffff;
          border-radius: 18px;
          padding: 18px 42px 16px;
          border: 1px solid #e5e7f0;

          margin: 15px;
      }

      .section-card h3 {
          font-size: 18px;
          margin-bottom: 8px;
      }

      .section-card p {
          font-size: 13px;
          margin-bottom: 6px;
          color: #444;
      }

      .highlight-strip {
          margin-top: 10px;
          font-size: 12px;
          padding: 10px 12px;
          border-radius: 10px;
          background: #fff7e6;
          color: #92400e;
      }

      .overview-grid {
          display: grid;
          grid-template-columns: repeat(4, minmax(0, 1fr));
          gap: 10px;
          margin-top: 14px;
          font-size: 12px;
      }

      .overview-item span {
          display: block;
      }

      .overview-item .label {
          color: #777;
          font-size: 11px;
      }

      .overview-item .value {
          font-weight: 600;
          margin-top: 2px;
      }

      /* TABLETS (768px) – 2 columns */
      @media (max-width: 900px) {
          .overview-grid {
              grid-template-columns: repeat(2, 1fr);
              gap: 12px 18px;
          }
      }

      /* MOBILE (500px) – 1 column */
      @media (max-width: 520px) {
          .overview-grid {
              grid-template-columns: 1fr;
              gap: 15px;
          }

          .overview-item {
              padding: 10px 0;
              border-bottom: 1px solid #f0f0f0;
          }

          .overview-item:last-child {
              border-bottom: none;
          }
      }

      /* PROJECT GALLERY GRID */
      .project-gallery-grid {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 12px;
          margin-top: 12px;
      }

      .project-gallery-grid img {
          width: 100%;
          height: 160px;
          object-fit: cover;
          border-radius: 12px;
          cursor: pointer;
          transition: transform .3s ease, box-shadow .3s ease;
      }

      .project-gallery-grid img:hover {
          transform: scale(1.03);
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
      }

      /* Tablet */
      @media (max-width: 900px) {
          .project-gallery-grid {
              grid-template-columns: repeat(3, 1fr);
          }
      }

      /* Mobile */
      @media (max-width: 520px) {
          .project-gallery-grid {
              grid-template-columns: repeat(2, 1fr);
          }

          .project-gallery-grid img {
              height: 120px;
          }
      }

      /* RIGHT ENQUIRY – COMPACT & PERFECTLY STICKY */
      .enquiry-card {
          background: #ffffff;
          border-radius: 16px;
          padding: 18px;
          border: 1px solid #e5e7f0;
          position: sticky;
          top: 110px;
          /* form top distance */
          max-height: 370px;
          /* FIXED compact height */
          overflow-y: auto;
          /* scroll inside, not whole page */
      }

      /* Smooth scroll inside form */
      .enquiry-card::-webkit-scrollbar {
          width: 6px;
      }

      .enquiry-card::-webkit-scrollbar-thumb {
          background: #d1d1d1;
          border-radius: 10px;
      }

      /* Developer top section */
      .enquiry-devtop {
          display: flex;
          align-items: center;
          gap: 12px;
          margin-bottom: 10px;
      }

      .dev-icon {
          width: 45px;
          height: auto;
          border-radius: 10px;
      }

      .small-text {
          font-size: 11px;
          color: #999;
      }

      .dev-name {
          font-size: 14px;
          font-weight: 600;
      }

      #mapEmbed iframe {
          width: 100% !important;
          height: 350px;
          border: 0;
          border-radius: 12px;
          display: block;
      }

      /* FAQ Accordion */
      .faq-accordion {
          margin-top: 10px;
      }

      .faq-item {
          border-bottom: 1px solid #e6e6e6;
          padding: 10px 0;
      }

      .faq-question {
          width: 100%;
          background: none;
          border: none;
          font-size: 14px;
          font-weight: 600;
          text-align: left;
          padding: 8px 0;
          display: flex;
          justify-content: space-between;
          align-items: center;
          cursor: pointer;
      }

      .faq-question i {
          transition: transform .25s ease;
      }

      .faq-item.active .faq-question i {
          transform: rotate(180deg);
      }

      .faq-answer {
          font-size: 13px;
          color: #555;
          line-height: 1.5;
          max-height: 0;
          overflow: hidden;
          transition: max-height .3s ease;
          padding-right: 10px;
      }

      .faq-item.active .faq-answer {
          max-height: 200px;
          /* enough for 2–3 lines */
          margin-top: 6px;
      }

      /* Wrapper styling */
      #mapEmbed {
          margin-top: 15px;
          padding: 0;
          overflow: hidden;
          border-radius: 12px;
          box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
      }

      /* Title */
      .enquiry-title {
          margin-bottom: 8px;
          font-size: 14px;
          font-weight: 600;
      }

      /* Inputs */
      .custom-input {
          height: 42px;
          border-radius: 8px;
          border: 1px solid #d5dae5;
          font-size: 13px;
          margin-bottom: 10px;
      }

      /* Checkbox text */
      .checkbox-label {
          font-size: 12px;
      }

      /* CTA Button */
      .enquiry-btn {
          width: 100%;
          border-radius: 8px;
          padding: 10px;
          font-size: 14px;
          background: #2563ff;
          color: #fff;
          border: none;
          margin-top: 5px;
      }

      .enquiry-btn:hover {
          background: #134ad0;
      }

      /* Small note */
      .small-note {
          font-size: 11px;
          margin-top: 10px;
          color: #666;
      }

      /* QR compact */
      .qr-block {
          text-align: center;
          margin: 14px 0 10px;
      }

      .qr-img {
          width: 120px;
          height: 120px;
      }

      /* RERA */
      .rera-id {
          text-align: center;
          font-weight: 700;
          margin-top: 4px;
      }

      .rera-link {
          text-align: center;
          font-size: 11px;
      }

      /* AMENITIES – RESPONSIVE GRID */
      .amenities-cols {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 10px 20px;
          margin-top: 10px;
          padding-left: 5px;
          font-size: 14px;
      }

      .amenities-cols li {
          list-style: none;
          line-height: 1.4;
          display: flex;
          align-items: flex-start;
      }

      .amenities-cols li i {
          color: #2563ff;
          margin-right: 6px;
          margin-top: 2px;
      }

      /* TABLET VIEW */
      @media (max-width: 768px) {
          .amenities-cols {
              grid-template-columns: 1fr 1fr;
              /* two columns */
              gap: 10px 15px;
          }
      }

      /* MOBILE – single column */
      @media (max-width: 520px) {
          .amenities-cols {
              grid-template-columns: 1fr;
              /* single column */
              gap: 10px 0;
              font-size: 11px;
          }
      }

      /* FAQ style – very light */
      .faq-item {
          border-top: 1px solid #edf0fa;
          padding: 10px 0;
      }

      .faq-q {
          font-weight: 600;
          font-size: 13px;
      }

      .faq-a {
          font-size: 12px;
          margin-top: 4px;
          color: #555;
      }

      /* simple table style for offers / area price */
      .simple-table {
          width: 100%;
          font-size: 13px;
      }

      .simple-table th,
      .simple-table td {
          padding: 6px 8px;
          border-bottom: 1px solid #f0f0f0;
      }

      .simple-table th {
          font-weight: 600;
          color: #555;
      }

      @media (max-width: 992px) {

          .hero-head,
          .gallery-wrap,
          .facts-row,
          .content-grid {
              grid-template-columns: 1fr;
          }

          .enquiry-card {
              position: static;
              top: auto;
          }
      }


      /* SMALL HERO SECTION */
      .hero-small {
          width: 100%;
          height: 160px;
          /* small height */
          background:
              linear-gradient(rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55)),
              url('https://images.pexels.com/photos/439391/pexels-photo-439391.jpeg');
          background-size: cover;
          background-position: center;
          display: flex;
          align-items: center;
          justify-content: center;
          color: white;
          text-align: center;
      }

      .hero-small h1 {
          font-size: 34px;
          font-weight: 700;
          margin: 0;
      }

      .hero-small p {
          font-size: 14px;
          margin-top: 4px;
          opacity: 0.9;
      }

      /* PAGE WRAPPER */
      .gallery-page {
          width: 95%;
          margin: 40px auto;
      }

      /* TITLE */
      .gallery-title {
          text-align: center;
          margin-bottom: 10px;
      }

      .gallery-title h2 {
          font-size: 32px;
          font-weight: 700;
      }

      .gallery-sub {
          color: #666;
          font-size: 14px;
          text-align: center;
          margin-bottom: 25px;
      }

      /* FILTER BUTTONS */
      .gallery-filter {
          display: flex;
          justify-content: center;
          gap: 12px;
          flex-wrap: wrap;
          margin-bottom: 25px;
      }

      .gallery-filter button {
          border: none;
          padding: 8px 22px;
          border-radius: 50px;
          background: #f1f2f6;
          font-size: 14px;
          cursor: pointer;
          transition: 0.25s ease;
      }

      .gallery-filter button.active {
          background: #000;
          color: #fff;
      }

      /* GRID */
      .gallery-grid {
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 18px;
      }

      /* RESPONSIVE */
      @media (max-width: 992px) {
          .gallery-grid {
              grid-template-columns: repeat(2, 1fr);
          }
      }

      @media (max-width: 576px) {
          .gallery-grid {
              grid-template-columns: 1fr;
          }
      }

      /* IMAGE BOX */
      .gallery-item {
          position: relative;
          overflow: hidden;
          border-radius: 16px;
          cursor: pointer;
          transition: .3s ease;
      }

      .gallery-item img {
          width: 100%;
          height: 260px;
          object-fit: cover;
          transition: .3s ease;
          border-radius: 16px;
      }

      .gallery-item:hover img {
          transform: scale(1.05);
      }

      /* FILTER ANIMATION */
      .gallery-item {
          opacity: 1;
          transform: scale(1);
          transition: opacity .35s ease, transform .35s ease;
      }

      .gallery-item.hide {
          opacity: 0;
          transform: scale(0.8);
          pointer-events: none;
          visibility: hidden;
          position: absolute;
      }

      /* LIGHTBOX CAPTION */
      .lb-caption {
          font-size: 14px !important;
      }

      /* Mobile Slider for Filter Buttons */
      @media (max-width: 768px) {

          .gallery-filter {
              display: flex;
              flex-wrap: nowrap;
              overflow-x: auto;
              gap: 10px;
              padding-bottom: 5px;

              scroll-behavior: smooth;
              -webkit-overflow-scrolling: touch;
              justify-content: flex-start;
              /* remove center align on mobile */
          }

          .gallery-filter::-webkit-scrollbar {
              display: none;
          }

          .gallery-filter button {
              flex: 0 0 auto;
              /* keep width fixed */
              white-space: nowrap;
              /* prevent breaking */
              font-size: 13px;
          }
      }

      /* ---------------- FOOTER ACCORDION (MOBILE ONLY) ---------------- */
      @media (max-width: 768px) {

          .accordion-title {
              cursor: pointer;
              font-size: 18px !important;
              display: flex;
              justify-content: space-between;
              align-items: center;
              padding: 7px 5px;
              color: #e1ab4b !important;
              border-bottom: 1px solid #333;
          }

          .accordion-title::after {
              content: "+";
              font-size: 20px;
              color: #e1ab4b;
              transition: .3s;
          }

          .accordion-item.active .accordion-title::after {
              content: "-";
          }

          .accordion-content {
              max-height: 0;
              overflow: hidden;
              transition: max-height .35s ease;
          }

          .accordion-item.active .accordion-content {
              max-height: 300px;
          }
      }


      /* SMALL HERO SECTION */
      .hero-small {
          width: 100%;
          height: 160px;
          /* small height like Gallery */
          background:
              linear-gradient(rgba(5, 20, 50, 0.70), rgba(5, 20, 50, 0.70)),
              url('https://images.pexels.com/photos/439391/pexels-photo-439391.jpeg');
          background-size: cover;
          background-position: center;
          display: flex;
          align-items: center;
          justify-content: center;
          text-align: center;
          color: white;
      }

      .hero-small h1 {
          font-size: 34px;
          font-weight: 700;
          margin: 0;
      }

      .hero-small p {
          font-size: 14px;
          opacity: 0.9;
          margin-top: 6px;
      }

      /* PAGE WRAPPER */
      .faq-page {
          width: 95%;
          max-width: 1100px;
          margin: 40px auto;
      }

      /* TITLE */
      .faq-title {
          text-align: center;
          margin-bottom: 20px;
      }

      .faq-title h2 {
          font-size: 32px;
          font-weight: 700;
      }

      .faq-sub {
          font-size: 14px;
          color: #666;
      }

      /* SEARCH */
      .faq-search {
          margin: 25px auto 40px;
          max-width: 450px;
      }

      .faq-search input {
          width: 100%;
          padding: 12px 18px;
          border-radius: 50px;
          border: 1px solid #ddd;
          font-size: 15px;
          outline: none;
      }

      /* ACCORDION SECTION */
      .faq-accordion {
          display: flex;
          flex-direction: column;
          gap: 15px;
      }

      /* ACCORDION ITEM */
      .faq-item {
          background: #ffffff;
          padding: 18px 22px;
          border-radius: 16px;
          box-shadow: 0 4px 14px rgba(0, 0, 0, 0.07);
          cursor: pointer;
          transition: .3s ease;
      }

      .faq-item:hover {
          transform: translateY(-3px);
      }

      /* QUESTION */
      .faq-question {
          display: flex;
          justify-content: space-between;
          font-weight: 600;
          font-size: 16px;
          color: #222;
      }

      .faq-question i {
          transition: .3s ease;
      }

      /* ANSWER */
      .faq-answer {
          font-size: 14px;
          color: #555;
          margin-top: 10px;
          max-height: 0;
          overflow: hidden;
          line-height: 1.6;
          transition: max-height .4s ease;
      }

      /* OPEN STATE */
      .faq-item.active .faq-answer {
          max-height: 300px;
      }

      .faq-item.active .faq-question i {
          transform: rotate(180deg);
      }

      /* RESPONSIVE */
      @media (max-width: 576px) {
          .faq-title h2 {
              font-size: 26px;
          }
      }

      /* CONTACT SECTION */
      .contact-section {
          width: 95%;
          margin: 40px auto;
          background: #fff;
          padding: 40px 50px;
          border-radius: 22px;
          box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
      }

      .contact-title {
          font-size: 34px;
          font-weight: 700;
          margin-bottom: 10px;
      }

      .contact-desc {
          color: #666;
          font-size: 14px;
          max-width: 550px;
          margin-bottom: 20px;
      }

      .info-box p {
          color: #555;
          margin-bottom: 5px;
      }

      /* RIGHT FORM */
      .contact-form-box {
          background: #eef8fc;
          padding: 28px;
          border-radius: 18px;
      }

      .contact-form-box h4 {
          font-weight: 600;
          margin-bottom: 15px;
      }

      .form-control {
          border-radius: 12px;
          padding: 12px;
          font-size: 14px;
      }

      .send-btn {
          width: 100%;
          background: #FCC71B;
          border: none;
          padding: 12px;
          border-radius: 12px;
          color: #fff;
          font-weight: 600;
          margin-top: 10px;
          transition: 0.3s;
      }

      .send-btn:hover {
          background: #1a8cff;
      }