:root {
       --Fantasy: #FCF3EC;
       --Dark-Jungle-Green: #222222;
       --Winter-Hazel: #EDC692;
   }

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

   body {
       font-family: 'Poppins', sans-serif;
       background: #000;
       color: #fff;
       overflow-x: hidden;
   }

   a {
       text-decoration: none;
   }

   /* =========================
         HERO SECTION
         ========================== */
   .hero-section {
       position: relative;
       width: 100%;
       height: 100vh;
       background: url('./assets/images/banner.png') center center/cover no-repeat;
       background-position: center center;
       background-repeat: no-repeat;
       background-size: cover;
       overflow: hidden;
   }

   .hero-overlay {
       position: absolute;
       inset: 0;
       background: rgb(45 45 45 / 70%);
   }

   /* =========================
         TOP BAR
         ========================== */
   .top-bar {
       position: relative;
       z-index: 10;
       padding: 12px 0;
       border-bottom: 1px solid rgba(255, 255, 255, 0.15);
   }

   .top-bar p {
       margin: 0;
       font-size: 14px;
       color: #f1f1f1;
   }

   .top-contact {
       display: flex;
       gap: 25px;
       justify-content: end;
       align-items: center;
   }

   .top-contact span {
       font-size: 14px;
       color: #f1f1f1;
   }

   /* =========================
         NAVBAR
         ========================== */
   .navbar .container {
       position: relative;
   }

   .navbar-logo {
       position: absolute;
       left: 50%;
       transform: translateX(-50%);
       margin: 0;
   }

   .navbar-logo img {
       height: 80px;
       /* adjust as needed */
       width: auto;
   }

   .navbar {
       position: relative;
       z-index: 100;
       padding: 20px 0;
       background-color: #fff;
   }

   .navbar-brand {
       font-size: 42px;
       font-family: 'Playfair Display', serif;
       color: #d4a44f !important;
       font-weight: 700;
       letter-spacing: 4px;
   }

   .navbar-nav .nav-link {
       /*color:#fff !important;*/
       font-size: 14px;
       font-weight: 500;
       letter-spacing: 2px;
       margin-right: 20px;
       text-transform: uppercase;
       position: relative;
   }

   .navbar-nav .nav-link::after {
       content: '';
       position: absolute;
       left: 0;
       bottom: -8px;
       width: 0;
       height: 2px;
       background: #d4a44f;
       transition: 0.4s;
   }

   .navbar-logo img {
       width: 130px;
   }

   .custom-navbar.sticky .navbar-logo img {
       width: 120px;
   }

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

   .book-btn {
       background: linear-gradient(to right, #c89b3c, #f0d48a);
       padding: 14px 30px;
       color: #000;
       border: none;
       font-size: 14px;
       font-weight: 600;
       letter-spacing: 2px;
       transition: 0.4s;
   }

   .book-btn:hover {
       transform: translateY(-3px);
   }

   .custom-navbar {
       width: 100%;
       padding: 18px 0;
       transition: 0.4s ease;
       z-index: 9999;
   }

   /* STICKY CLASS */
   .custom-navbar.sticky {
       position: fixed;
       top: 0;
       left: 0;
       background: var(--Fantasy);
       animation: slideDown 0.4s ease;
       box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
   }

   .custom-navbar.sticky .navbar-nav .nav-link {
       color: var(--Dark-Jungle-Green) !important;
   }

   /* ANIMATION */
   @keyframes slideDown {
       0% {
           transform: translateY(-100%);
       }

       100% {
           transform: translateY(0);
       }
   }

   .dropdown-icon {
       font-size: 12px;
       transition: transform 0.3s ease;
   }

   /* Rotate icon when dropdown opens */
   .dropdown.show .dropdown-icon {
       transform: rotate(180deg);
   }

   .dropdown-menu {

       border-radius: 0 !important;
       padding: 0;
       margin: 0;
   }

   .dropdown-item {
       padding: 12px;
   }

   .dropdown-item:hover {
       background: #fdf2f3;
       color: #e58b94;

   }

   .dropdown-toggle::after {
       transition: transform 0.3s ease;
   }

   .dropdown.show .dropdown-toggle::after {
       transform: rotate(180deg);
   }

   /* =========================
         HERO CONTENT
         ========================== */
   .carousel-control-prev,
   .carousel-control-next {
       z-index: 999 !important;
   }

   .hero-content {
       position: relative;
       z-index: 5;
       /* height:75vh; */
       display: flex;
       align-items: center;
       justify-content: center;
       text-align: center;
       margin-top: 30px;
   }

   .hero-content h5 {
       color: #d4a44f;
       font-size: 24px;
       margin-bottom: 20px;
       font-family: 'Playfair Display', serif;
   }

   .hero-content h1 {
       font-size: 90px;
       line-height: 1.1;
       font-family: 'Playfair Display', serif;
       font-weight: 700;
       margin-bottom: 25px;
   }

   .hero-content p {
       max-width: 850px;
       margin: auto;
       font-size: 18px;
       color: #e5e5e5;
       line-height: 1.8;
   }

   .discover-btn {
       margin-top: 35px;
       background: #d4a44f;
       color: #000;
       border: none;
       padding: 16px 40px;
       font-size: 16px;
       font-weight: 600;
       transition: 0.4s;
   }

   .discover-btn:hover {
       background: #fff;
       transform: translateY(-3px);
   }

   /* =========================
         ABOUT SECTION
         ========================== */
   .about-section {
       padding: 120px 0;
       background: #fff;
       overflow: hidden;
   }

   /* =========================
         IMAGE WRAPPER
         ========================== */
   .about-image-wrapper {
       position: relative;
       padding-right: 80px;
   }

   .about-main-image img {
       width: 100%;
       height: 650px;
       object-fit: cover;
   }

   .about-small-image {
       position: absolute;
       right: 0;
       bottom: 40px;
       width: 260px;
       border: 10px solid #fff;
   }

   .about-small-image img {
       width: 100%;
       height: 300px;
       object-fit: cover;
   }

   /* =========================
         EXPERIENCE BOX
         ========================== */
   .about-experience {
       position: absolute;
       top: 40px;
       left: -20px;
       background: #f2a6a0;
       width: 170px;
       height: 170px;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       text-align: center;
   }

   .about-experience h3 {
       color: #fff;
       font-size: 58px;
       font-family: 'Playfair Display', serif;
       margin-bottom: 5px;
   }

   .about-experience span {
       color: #fff;
       font-size: 14px;
       letter-spacing: 2px;
       text-transform: uppercase;
   }

   /* =========================
         CONTENT
         ========================== */
   .about-content {
       padding-left: 20px;
   }

   .about-subtitle {
       color: #f2a6a0;
       font-size: 28px;
       font-family: 'Playfair Display', serif;
       font-style: italic;
       display: block;
       margin-bottom: 20px;
   }

   .about-content h2 {
       font-size: 62px;
       line-height: 1.15;
       color: #4c6173;
       font-family: 'Playfair Display', serif;
       margin-bottom: 25px;
   }

   .about-text {
       color: #7b7b7b;
       font-size: 17px;
       line-height: 1.9;
       margin-bottom: 40px;
   }

   /* =========================
         FEATURES
         ========================== */
   .about-feature {
       display: flex;
       gap: 20px;
       margin-bottom: 30px;
   }

   .feature-icon {
       width: 65px;
       height: 65px;
       min-width: 65px;
       border-radius: 50%;
       background: #fdf1ef;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .feature-icon i {
       color: #f2a6a0;
       font-size: 24px;
   }

   .feature-text h4 {
       color: #4c6173;
       font-size: 30px;
       font-family: 'Playfair Display', serif;
       margin-bottom: 8px;
   }

   .feature-text p {
       color: #7b7b7b;
       font-size: 16px;
       line-height: 1.8;
   }

   /* =========================
         SERVICES SECTION
         ========================== */
   .services-section {
       background: #f8f8f8;
       padding: 100px 0;
   }

   .service-price {
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 10px;
       margin: 15px 0 20px;
       flex-wrap: wrap;
   }

   .current-price {
       font-size: 32px;
       font-weight: 700;
       color: #111;
       line-height: 1;
   }

   .old-price {
       font-size: 18px;
       color: #ffffff;
       text-decoration: line-through;
   }

   .discount-badge {
       background: #e25770;
       color: #fff !important;
       font-size: 12px;
       font-weight: 600;
       padding: 5px 10px;
       border-radius: 30px;
       letter-spacing: 0.5px;
   }

   /* =========================
         SECTION TITLE
         ========================== */
   .section-title span {
       color: #f2a6a0;
       font-size: 28px;
       font-family: 'Playfair Display', serif;
       display: block;
       margin-bottom: 15px;
       font-style: italic;
   }

   .section-title h2 {
       font-size: 72px;
       line-height: 1.1;
       color: #4b6174;
       font-family: 'Playfair Display', serif;
       font-weight: 500;
       margin-bottom: 20px;
   }

   .section-title p {
       color: #8c8c8c;
       font-size: 18px;
   }

   /* =========================
         SERVICE CARD
         ========================== */
   .service-card {
       background: #fff;
       overflow: hidden;
       transition: 0.4s;
   }

   .service-card:hover {
       transform: translateY(-10px);
   }

   /* IMAGE */
   .service-img {
       overflow: hidden;
   }

   .service-img img {
       width: 100%;
       height: 420px;
       object-fit: cover;
       transition: 0.5s;
   }

   .service-card:hover .service-img img {
       transform: scale(1.08);
   }

   /* CONTENT */
   .service-content {
       padding: 40px 30px;
   }

   .service-content span {
       color: #f2a6a0;
       font-size: 13px;
       letter-spacing: 3px;
       display: block;
       margin-bottom: 10px;
   }

   .service-content h3 {
       font-size: 42px;
       color: #1e3550;
       font-family: 'Playfair Display', serif;
       margin-bottom: 30px;
   }

   /* BUTTON */
   .service-btn {
       display: inline-block;
       padding: 14px 35px;
       border: 1px solid #f2a6a0;
       color: #f2a6a0;
       font-size: 15px;
       transition: 0.4s;
   }

   .service-btn:hover {
       background: #f2a6a0;
       color: #fff;
   }

   /* =========================
         WHY CHOOSE SECTION
         ========================== */
   .why-choose-section {
       background: #f7f7f7;
       overflow: hidden;
   }

   /* =========================
         LEFT CONTENT
         ========================== */
   .why-content {
       padding: 80px 60px;
   }

   .sub-title {
       color: #f2a6a0;
       font-size: 30px;
       font-family: 'Playfair Display', serif;
       font-style: italic;
       display: block;
       margin-bottom: 20px;
   }

   .why-content h2 {
       font-size: 60px;
       line-height: 1.1;
       color: #4c6173;
       font-family: 'Playfair Display', serif;
       margin-bottom: 25px;
   }

   .main-text {
       color: #7b7b7b;
       font-size: 18px;
       line-height: 1.8;
       margin-bottom: 45px;
   }

   /* =========================
         WHY BOX
         ========================== */
   .why-box {
       display: flex;
       gap: 25px;
       margin-bottom: 35px;
   }

   .why-icon {
       width: 70px;
       height: 70px;
       min-width: 70px;
       border-radius: 50%;
       background: #fdf1ef;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .why-icon i {
       color: #f2a6a0;
       font-size: 28px;
   }

   .why-text h4 {
       font-size: 40px;
       color: #4c6173;
       font-family: 'Playfair Display', serif;
       margin-bottom: 10px;
   }

   .why-text p {
       color: #7b7b7b;
       font-size: 17px;
       line-height: 1.8;
   }

   /* =========================
         RIGHT IMAGE
         ========================== */
   .why-image {
       position: relative;
       height: 100%;
   }

   .why-image img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       min-height: 850px;
   }

   /* =========================
         EXPERIENCE BOX
         ========================== */
   .experience-box {
       position: absolute;
       top: 30px;
       left: 30px;
       width: 220px;
       height: 180px;
       background: #fff;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       z-index: 2;
   }

   .experience-box h3 {
       font-size: 90px;
       color: #f2a6a0;
       font-family: 'Playfair Display', serif;
       margin-bottom: 5px;
   }

   .experience-box span {
       color: #4c6173;
       font-size: 13px;
       letter-spacing: 3px;
   }

   /* =========================
         GALLERY SECTION
         ========================== */
   .gallery-section {
       padding: 100px 0;
       background: #fff;
       overflow: hidden;
   }

   /* =========================
         TITLE
         ========================== */
   .gallery-title {
       margin-bottom: 20px;
   }

   .gallery-title span {
       color: #f2a6a0;
       font-size: 30px;
       font-family: 'Playfair Display', serif;
       font-style: italic;
       display: block;
       margin-bottom: 15px;
   }

   .gallery-title h2 {
       font-size: 60px;
       color: #4c6173;
       font-family: 'Playfair Display', serif;
       margin-bottom: 20px;
       line-height: 1.1;
   }

   .gallery-title p {
       color: #7b7b7b;
       font-size: 17px;
       line-height: 1.8;
       max-width: 650px;
       margin: auto;
   }

   /* =========================
         GALLERY ITEM
         ========================== */
   .gallery-item {
       position: relative;
       display: block;
       overflow: hidden;
       border-radius: 10px;
   }

   .gallery-item img {
       width: 100%;
       height: 400px;
       object-fit: cover;
       transition: 0.5s ease;
       border-radius: 10px;
   }

   /* =========================
         OVERLAY
         ========================== */
   .gallery-overlay {
       position: absolute;
       inset: 0;
       background: rgba(0, 0, 0, 0.45);
       display: flex;
       align-items: center;
       justify-content: center;
       opacity: 0;
       visibility: hidden;
       transition: 0.4s ease;
       border-radius: 10px;
   }

   .gallery-overlay i {
       width: 70px;
       height: 70px;
       background: #f2a6a0;
       color: #fff;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 22px;
       transform: scale(0);
       transition: 0.4s ease;
   }

   /* =========================
         HOVER EFFECT
         ========================== */
   .gallery-item:hover img {
       transform: scale(1.08);
   }

   .gallery-item:hover .gallery-overlay {
       opacity: 1;
       visibility: visible;
   }

   .gallery-item:hover .gallery-overlay i {
       transform: scale(1);
   }

   /* =========================
         GLIGHTBOX FIX
         ========================== */
   .glightbox-container {
       background: rgba(0, 0, 0, 0.92) !important;
   }

   .gslide {
       display: flex !important;
       align-items: center !important;
       justify-content: center !important;
   }

   .gslide-media {
       overflow: hidden !important;
   }

   .gslide-image {
       width: 100%;
       text-align: center;
   }

   .gslide-image img {
       max-width: 95vw !important;
       max-height: 90vh !important;
       width: auto !important;
       height: auto !important;
       object-fit: contain !important;
       margin: auto;
       border-radius: 10px;
       box-shadow: none !important;
   }

   /* REMOVE SCROLL */
   .ginner-container {
       overflow: hidden !important;
   }

   .gslide-inline {
       overflow: hidden !important;
   }

   /* CLOSE BUTTON */
   .gclose {
       background: #f2a6a0 !important;
       border-radius: 50%;
   }

   /* NEXT PREV BUTTON */
   .gprev,
   .gnext {
       background: #f2a6a0 !important;
       border-radius: 50%;
   }

   .contactbackground {
       position: relative;
       width: 100%;
       height: 60vh;
       background: url('./assets/images/contact.png') center center/cover no-repeat;
       background-position: center center;
       background-repeat: no-repeat;
       background-size: cover;
       overflow: hidden;
   }

   .inquiry-tabs {
       width: 100%;
       display: flex;
       border: 1px solid #e6e6e6;
       overflow: hidden;
       margin-bottom: 20px;
   }

   .inquiry-tabs .nav-item {
       flex: 1;
   }

   .inquiry-tabs .tab-btn {
       width: 100%;
       padding: 12px 20px;
       border: none;
       background: #fff;
       display: flex;
       align-items: center;
       justify-content: center;
       gap: 10px;
       font-size: 16px;
       font-weight: 600;
       color: #444;
   }

   .inquiry-tabs .tab-btn.active {
       background: #fdf2f3;
       color: #e58b94;
       border: 1px solid #efc5ca;
   }

   .inquiry-tabs .tab-btn svg {
       width: 20px;
       height: 20px;
       stroke: currentColor;
   }

   .tab-btn.active {
       background: #fdf2f3;
       color: #e58b94;
       border: 1px solid #efc5ca;
   }

   .tab-btn:not(.active) {
       border-left: 1px solid #e6e6e6;
   }

   .tab-btn svg {
       width: 22px;
       height: 22px;
       stroke: currentColor;
   }

   .feature-section {
       padding: 20px 0;
       background: #fff;
   }

   .feature-card {
       text-align: center;
       padding: 25px 15px;
       background: #fff;
       border-radius: 20px;
       transition: all .3s ease;
   }

   .feature-card:hover {
       transform: translateY(-8px);
   }

   .feature-image {
       width: 140px;
       height: 140px;
       margin: 0 auto 20px;
       border-radius: 50%;
       overflow: hidden;
       border: 5px solid #f8e4e8;
       box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
   }

   .feature-image img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       transition: .4s;
   }

   .feature-card:hover .feature-image img {
       transform: scale(1.08);
   }

   .feature-content h5 {
       font-size: 18px;
       font-weight: 600;
       color: #222;
       margin: 0;
       line-height: 1.5;
   }

   /* Owl Navigation */
   .feature-carousel .owl-nav {
       margin-top: 30px;
       text-align: center;
   }

   .feature-carousel .owl-nav button {
       width: 45px;
       height: 45px;
       border-radius: 50% !important;
       background: #f8e4e8 !important;
       margin: 0 8px;
   }

   .feature-carousel .owl-nav button span {
       font-size: 24px;
       line-height: 1;
   }

   /* =========================
         RESPONSIVE
         ========================== */
   @media(max-width:1199px) {
       .gallery-title h2 {
           font-size: 58px;
       }

       .navbar-nav .nav-link {
           margin-right: 0;
       }
   }

   @media(max-width:991px) {
       .gallery-section {
           padding: 80px 0;
       }

       .gallery-title h2 {
           font-size: 48px;
       }

       .gallery-item img {
           height: 340px;
       }
   }

   @media(max-width:767px) {
       .gallery-section {
           padding: 70px 0;
       }

       .gallery-title span {
           font-size: 24px;
       }

       .gallery-title h2 {
           font-size: 36px;
       }

       .gallery-title p {
           font-size: 15px;
       }

       .gallery-item img {
           height: 280px;
       }

       .gallery-overlay i {
           width: 55px;
           height: 55px;
           font-size: 18px;
       }
   }

   @media(max-width:575px) {
       .gallery-title h2 {
           font-size: 32px;
       }

       .gallery-item img {
           height: 250px;
       }
   }

   /* =========================
         CONTACT SECTION
         ========================== */
   .contact-section {
       padding: 100px 0;
       background: #f7f7f7;
   }

   /* =========================
         LEFT IMAGE
         ========================== */
   .contact-image {
       height: 100%;
   }

   .contact-image img {
       width: 100%;
       height: 100%;
       min-height: 760px;
       object-fit: cover;
   }

   /* =========================
         FORM WRAPPER
         ========================== */
   .contact-form-wrapper {
       background: #f5f5f5;
       padding: 0 50px;
       height: 100%;
   }

   /* SUBTITLE */
   .contact-subtitle {
       color: #f2a6a0;
       font-size: 30px;
       font-family: 'Playfair Display', serif;
       font-style: italic;
       display: block;
       margin-bottom: 15px;
   }

   /* TITLE */
   .contact-form-wrapper h2 {
       font-size: 72px;
       line-height: 1.1;
       color: #4c6173;
       font-family: 'Playfair Display', serif;
       margin-bottom: 20px;
   }

   /* TEXT */
   .contact-form-wrapper p {
       color: #7b7b7b;
       font-size: 17px;
       margin-bottom: 20px;
   }

   /* =========================
         FORM
         ========================== */
   .form-group {
       margin-bottom: 22px;
   }

   .form-group label {
       display: block;
       color: #4c6173;
       font-size: 18px;
       font-weight: 600;
       margin-bottom: 10px;
   }

   .form-control {
       height: 58px;
       border: none;
       border-radius: 0;
       background: #ececec;
       padding: 15px 18px;
       font-size: 15px;
       color: #555;
       box-shadow: none !important;
   }

   textarea.form-control {
       height: auto;
       resize: none;
   }

   .form-control::placeholder {
       color: #9a9a9a;
   }

   /* =========================
         BUTTON
         ========================== */
   .contact-btn {
       width: 100%;
       height: 60px;
       border: none;
       background: #f2a6a0;
       color: #fff;
       font-size: 17px;
       font-weight: 600;
       transition: 0.4s;
   }

   .contact-btn i {
       margin-right: 8px;
   }

   .contact-btn:hover {
       background: #4c6173;
   }

   /* =========================
         FOOTER
         ========================== */
   .footer-section {
       background: var(--Fantasy);
       padding-top: 100px;
       color: var(--Dark-Jungle-Green);
       box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
   }

   /* =========================
         LOGO
         ========================== */
   .footer-logo img {
       width: 200px;
   }

   /* =========================
         ABOUT
         ========================== */
   .footer-about p {
       color: #be8a41;
       line-height: 1.9;
       font-size: 16px;
       margin-bottom: 30px;
   }

   /* =========================
         SOCIAL
         ========================== */
   .footer-social {
       display: flex;
       gap: 15px;
   }

   .footer-social a {
       width: 45px;
       height: 45px;
       border: 1px solid rgba(255, 255, 255, 0.1);
       display: flex;
       align-items: center;
       justify-content: center;
       color: var(--Dark-Jungle-Green);
       transition: 0.4s;
   }

   .footer-social a:hover {
       background: #f2a6a0;
       border-color: #f2a6a0;
       transform: translateY(-5px);
   }

   /* =========================
         LINKS
         ========================== */
   .footer-links h4,
   .footer-contact h4 {
       color: var(--Dark-Jungle-Green);
       font-size: 32px;
       font-family: 'Playfair Display', serif;
       margin-bottom: 30px;
   }

   .footer-links ul,
   .footer-contact ul {
       padding: 0;
       margin: 0;
       list-style: none;
   }

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

   .footer-links ul li a {
       color: #474545;
       transition: 0.4s;
   }

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

   /* =========================
         CONTACT
         ========================== */
   .footer-contact ul li {
       display: flex;
       gap: 15px;
       margin-bottom: 20px;
       color: #474545;
       line-height: 1.7;
   }

   .footer-contact ul li i {
       color: #f2a6a0;
       margin-top: 5px;
   }

   .footer-bottom {
       border-top: 1px solid rgb(255 219 190);
       margin-top: 70px;
       padding: 25px 0;
       text-align: center;
   }

   .footer-bottom p {
       color: #474545;
       margin: 0;
       font-size: 15px;
   }

   /* =========================
         RESPONSIVE
         ========================== */
   @media(max-width:1199px) {
       .about-content h2 {
           font-size: 52px;
       }

       .why-content h2 {
           font-size: 56px;
       }

       .why-text h4 {
           font-size: 32px;
       }

       .contact-form-wrapper h2 {
           font-size: 58px;
       }
   }

   @media(max-width:992px) {
       .hero-content h1 {
           font-size: 70px;
       }

       .offcanvaslogo img {
           width: 110px !important;
       }

       .top-contact {
           justify-content: center;
           margin-top: 10px;
           flex-wrap: wrap;
       }

       .navbar-brand {
           font-size: 32px;
       }

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

       .offcanvaslogo img {
           width: 120px;
       }

       .mobileoffcanvas {
           background: var(--Fantasy);
       }

       .navbar-toggler:focus {
           box-shadow: none;
           border: 0;
       }

       .navbar-toggler {
           border: 0;
       }

       .footer-section {
           padding-top: 80px;
       }

       .footer-links h4,
       .footer-contact h4 {
           font-size: 28px;
       }

       .about-section {
           padding: 90px 0;
       }

       .about-image-wrapper {
           padding-right: 50px;
       }

       .about-content {
           padding-left: 0;
       }

       .about-content h2 {
           font-size: 44px;
       }

       .why-content {
           padding: 70px 30px;
       }

       .why-content h2 {
           font-size: 46px;
       }

       .why-image img {
           min-height: 600px;
       }

       .section-title h2 {
           font-size: 52px;
       }

       .service-img img {
           height: 360px;
       }

       .contact-section {
           padding: 80px 0;
       }

       .contact-image img {
           min-height: 500px;
       }

       .contact-form-wrapper {
           padding: 60px 35px;
       }

       .contact-form-wrapper h2 {
           font-size: 46px;
       }

   }

   @media(max-width:992px) {
       .mobileoffcanvas .navbar-nav .nav-link {
           color: var(--Dark-Jungle-Green) !important;
       }

       .mobileoffcanvas .nav-item {
           padding: 12px 8px;
           border-bottom: 1px solid var(--Winter-Hazel);
       }
   }

   @media(max-width:767px) {
       .about-section {
           padding: 70px 0;
       }

       .about-main-image img {
           height: 450px;
       }

       .about-small-image {
           width: 170px;
           bottom: 20px;
       }

       .about-small-image img {
           height: 200px;
       }

       .about-experience {
           width: 120px;
           height: 120px;
           left: 0;
           top: 20px;
       }

       .about-experience h3 {
           font-size: 38px;
       }

       .about-experience span {
           font-size: 10px;
       }

       .about-content h2 {
           font-size: 34px;
       }

       .about-text {
           font-size: 15px;
       }

       .feature-text h4 {
           font-size: 24px;
       }

       .feature-text p {
           font-size: 14px;
       }

       .about-btn {
           width: 100%;
           text-align: center;
       }

       .footer-section {
           padding-top: 60px;
       }

       .footer-about p,
       .footer-links ul li a,
       .footer-contact ul li {
           font-size: 14px;
       }

       .footer-links h4,
       .footer-contact h4 {
           font-size: 24px;
           margin-bottom: 20px;
       }

       .footer-social a {
           width: 40px;
           height: 40px;
       }

       .footer-bottom {
           margin-top: 50px;
       }

       .why-content {
           padding: 60px 20px;
       }

       .why-content h2 {
           font-size: 36px;
       }

       .main-text {
           font-size: 15px;
       }

       .why-box {
           gap: 18px;
       }

       .why-icon {
           width: 60px;
           height: 60px;
           min-width: 60px;
       }

       .why-icon i {
           font-size: 22px;
       }

       .why-text h4 {
           font-size: 28px;
       }

       .why-text p {
           font-size: 15px;
       }

       .experience-box {
           width: 160px;
           height: 130px;
           top: 20px;
           left: 20px;
       }

       .experience-box h3 {
           font-size: 58px;
       }

       .services-section {
           padding: 70px 0;
       }

       .section-title h2 {
           font-size: 38px;
       }

       .section-title p {
           font-size: 15px;
       }

       .service-content {
           padding: 30px 20px;
       }

       .service-content h3 {
           font-size: 34px;
       }

       .service-img img {
           height: 300px;
       }

       .service-btn {
           width: 100%;
           text-align: center;
       }

       .hero-content {
           /* height:70vh; */
           padding: 0 15px;
       }

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

       .hero-content p {
           font-size: 15px;
       }

       .book-btn,
       .discover-btn {
           padding: 12px 25px;
       }

       .contact-section {
           padding: 60px 0;
       }

       .contact-form-wrapper {
           padding: 45px 20px;
       }

       .contact-form-wrapper h2 {
           font-size: 36px;
       }

       .contact-form-wrapper p {
           font-size: 15px;
       }

       .contact-subtitle {
           font-size: 24px;
       }

       .form-group label {
           font-size: 15px;
       }

       .contact-btn {
           font-size: 15px;
       }
   }

   @media(max-width:575px) {
       .navbar-logo img {
           width: 120px;
       }

       .book-btn,
       .discover-btn {
           padding: 14px 20px;
       }
   }

   @media(max-width:450px) {

       .book-btn,
       .discover-btn {
           padding: 10px;
           font-size: 12px;
       }
   }

   @media(max-width:375px) {

       .book-btn,
       .discover-btn {
           padding: 6px 8px;
           font-size: 12px;
           letter-spacing: 1px;
       }

       .navbar-logo img {
           width: 80px;
           height: auto;
       }

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

       .custom-navbar.sticky .navbar-logo img {
           width: 110px;
       }
   }