.exp-text h3 {
         font-size: 18px !important;
      }

      .hero-about-slider .swiper-slide {
         margin-right: 0 !important;
         width: 100% !important;
         box-sizing: border-box;
      }

      .hero-about-slider .hero__bg img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         display: block;
      }

      .pageHero.-type-2 {
         position: relative;
         display: flex;
         align-items: center;
         height: 70vh;
         z-index: 0;
      }

      .about-btn-more {
         padding: 10px;
         width: 100px;
         background: #83a17e;
         color: white;

      }

      .about-btn-more:hover {
         color: white;
         border-radius: 4px;
         background: #83a17e;

      }

      .custom-popup {
         display: none;
         position: fixed;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: rgba(0, 0, 0, 0.7);
         justify-content: center;
         align-items: center;
         z-index: 9999;
         padding: 20px;
         backdrop-filter: blur(4px);
      }

      .popup-content {
         background: #fff;
         display: flex;
         flex-direction: row;
         max-width: 900px;
         width: 100%;
         height: 520px;
         border-radius: 14px;
         overflow: hidden;
         position: relative;
         box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
         animation: fadeIn 0.4s ease;
      }

      .popup-left {
         width: 45%;
         height: 100%;
      }

      .popup-left img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         transform: scale(1.05);
         transition: transform 0.6s ease;
      }

      .popup-left:hover img {
         transform: scale(1.1);
      }

      .popup-right {
         width: 55%;
         height: 100%;
         padding: 50px 40px;
         text-align: left;
         display: flex;
         flex-direction: column;
         justify-content: center;
         background: #fafaf8;
      }

      .popup-right h2 {

         font-size: 30px;
         letter-spacing: 1px;
         color: #333;
         margin-bottom: 16px;
      }

      .popup-right p {
         color: #555;
         line-height: 1.7;
         font-size: 16px;
         margin-bottom: 28px;
      }

      .close-btn {
         position: absolute;
         top: 15px;
         right: 18px;
         background: rgba(255, 255, 255, 0.9);
         border: none;
         font-size: 28px;
         cursor: pointer;
         color: #333;
         font-weight: bold;
         border-radius: 50%;
         width: 36px;
         height: 36px;
         display: flex;
         align-items: center;
         justify-content: center;
         box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
         transition: all 0.3s ease;
         z-index: 10;
      }

      .close-btn:hover {
         background: #fff;
         color: #83a17e;
         transform: rotate(90deg);
      }

      @keyframes fadeIn {
         from {
            opacity: 0;
            transform: translateY(15px);
         }

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

      @media (max-width: 768px) {
         .popup-content {
            flex-direction: column;
            height: auto;
            max-width: 95%;
         }

         .popup-left,
         .popup-right {
            width: 100%;
            height: auto;
         }

         .popup-left img {
            height: 260px;
            object-fit: cover;
         }

         .popup-right {
            padding: 30px 20px;
         }

         .close-btn {
            top: 10px;
            right: 10px;
            font-size: 26px;
            width: 34px;
            height: 34px;
         }

         .book-btn {
            display: block;
            width: 100%;
            background: #83a17e;
            color: #F3A111;
            padding: 12px 0;
            text-align: center;
            border-radius: 100px;
            font-weight: 600;
            margin-top: 10px;
            transition: 0.3s;
         }


      }

      .experience-section {
         padding: 40px 0;
      }

      .experience-grid {
         display: grid;
         grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
         gap: 30px;
      }

      /* Card */
      .exp-card {
         text-align: center;
         cursor: pointer;
      }

      .exp-card img {
         width: 100%;
         height: 340px;
         object-fit: cover;
         border-radius: 6px;
         transition: transform 0.4s ease;
      }

      .exp-card img:hover {
         transform: scale(1.03);
      }

      /* Title */

      /* Description */
      .colorred {
         color: #83a17e;

      }

      .sec-color {
         background: #f8f8f1;
         padding-bottom: 20px;
      }