body {
   font-family: 'Montserrat', sans-serif;

 }

 .logo{
  width: 90px;
 }
.logo2{
  width: 110px;
}
 /* Custom navbar styling */
 .navbar-custom {
   background-color: white;
 }

 .navbar-custom .navbar-brand,
 .navbar-custom .nav-link {
   color: #3e3e3e;
   font-weight: 600;
   transition: color 0.3s ease, transform 0.3s ease;
      font-family: 'Montserrat', sans-serif;

 }

 .navbar-custom .nav-link:hover {
   color: #ff4500;
   transform: scale(1.1);
 }

 /* Navbar toggler customization */
 .navbar-toggler {
   border-color: #3e3e3e;
   transition: transform 0.3s ease;
 }

 .navbar-toggler:hover {
   transform: rotate(90deg);
 }



 /* Mobile menu full width */
 @media (max-width: 991px) {
   .navbar-collapse {
     background-color: white;
     width: 100vw;
     position: absolute;
     top: 56px;
     /* Height of navbar */
     left: 0;
     padding: 1rem 0;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
     border-radius: 0;
     z-index: 999;
     margin-top: 4px;
   }

   .navbar-collapse .nav-link {
     color: #3e3e3e;
     margin: 0.25rem 0;
     transition: all 0.3s ease;
     padding-left: 20px;
     background-color: #F5F5F5;
   }

 }

 /* Optional: carousel controls size */
 .carousel-control-prev,
 .carousel-control-next {
   width: 50px;
   height: 50px;
   top: 50%;
   transform: translateY(-50%);
   background-color: rgba(0, 0, 0, 0.5);
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .carousel-control-prev:hover,
 .carousel-control-next:hover {
   background-color: rgba(255, 69, 0, 0.8);
 }

 .about-section .about-heading {
   font-size: 43px;
   font-weight: 600;
   font-family: "Cormorant Garamond", serif;
 }

 .aboutsmall {
  line-height: .6; /* thoda tight */
}

.about-heading {
  line-height: .9; /* default se kam, spacing tight ho jayega */
}
@media (max-width: 480px) {
  .aboutsmall,
  h2 {
    text-align: center;
    font-size: 15px;
  }
  .about-section img{
margin-top: 10px;
  }

}


.cta-sectionmain{
 background-image: url("/assets/img/aboutmain2.jpg") !important;
 

  position: relative;
  min-height: 80vh;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-family: "Cormorant Garamond", serif;
}

/* Mobile Fix */
@media (max-width: 480px) {
  .cta-sectionmain {
    background-image: url("/assets/img/hero2.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    background-attachment: scroll;
    min-height: 50vh;
    text-align: center;
    padding: 40px 20px;
  }
}


/* Dark shadow overlay on top of the image */
.cta-sectionmain::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); /* adjust opacity as needed */
  z-index: 1;
}

.cta-overlay {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta-content {
  position: relative;
  z-index: 3;
  text-align: center;
  padding: 20px;
}

.cta-content h2 {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 10px;
  text-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);
}

.cta-content p {
  font-size: 1.1rem;
  margin-bottom: 25px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

 .video-btn {
   background: rgba(255, 255, 255, 0.2);
   border: 2px solid #fff;
   width: 80px;
   height: 80px;
   border-radius: 50%;
   color: #fff;
   font-size: 30px;
   transition: all 0.3s ease;
   cursor: pointer;
 }

 .video-btn:hover {
   background: #b88a44;
   border-color: #b88a44;
   box-shadow: 0 0 15px rgba(184, 138, 68, 0.7);
 }

 /* Popup Modal */
 .video-modal {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.85);
   justify-content: center;
   align-items: center;
   z-index: 9999;
 }

 .video-container {
   position: relative;
   width: 80%;
   max-width: 800px;
   aspect-ratio: 16/9;
 }

 .video-container iframe {
   width: 100%;
   height: 100%;
   border: none;
   border-radius: 10px;
 }

 .close-btn {
   position: absolute;
   top: -40px;
   right: 0;
   background: none;
   color: white;
   font-size: 35px;
   border: none;
   cursor: pointer;
 }

 @media (max-width: 768px) {
   .cta-content h2 {
     font-size: 1.8rem;
   }

   .video-btn {
     width: 65px;
     height: 65px;
     font-size: 24px;
   }

   .close-btn {
     top: -35px;
     font-size: 28px;
   }
 }


 .elegance-section {
   background-color: #faf8f4;
 }

 .btn-outline-discover {
   display: inline-block;
   border: 2px solid #b88a44;
   color: #b88a44;
   padding: 10px 25px;
   text-decoration: none;
   border-radius: 30px;
   font-weight: 600;
   transition: all 0.3s ease;
   font-family: "Cormorant Garamond", serif;
 }

 .btn-outline-discover:hover {
   background-color: #b88a44;
   color: #fff;
   box-shadow: 0 0 10px rgba(184, 138, 68, 0.5);
 }

 /* Zoom-out effect animation */
 .img-zoom img {
   transform: scale(1.1);
   transition: transform 5s ease-in-out;
 }

 .carousel-item.active .img-zoom img {
   transform: scale(1);
 }

 /* Carousel styling */
 .carousel-inner {
   overflow: hidden;
   box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
 }

 .carousel-control-prev-icon,
 .carousel-control-next-icon {
   border-radius: 50%;
   padding: 15px;
 }

 @media (max-width: 768px) {
   .elegance-section h2 {
     font-size: 1.8rem;
   }

   .btn-outline-discover {
     padding: 8px 20px;
     font-size: 0.95rem;
   }
 }


 /* Card hover effect */
 .service-card {
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   border-radius: 12px;
   text-align: center;
 }

 .service-card:hover {
   transform: translateY(-10px);
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
 }

 /* Image zoom on hover */
 .card-img-wrapper img {
   transition: transform 0.5s ease;
   border-top-left-radius: 12px;
   border-top-right-radius: 12px;
   height: 250px;
 }

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



 .choice-card {
   transition: transform 0.3s ease, box-shadow 0.3s ease;
   border-radius: 12px;
   background-color: #ffffff;
 }

 .choice-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
 }

 .icon-wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
 }

 .choice-card i {
   transition: transform 0.3s ease;
 }

 .choice-card:hover i {
   transform: scale(1.2);
 }

 .why-choose-us h5 {
   font-size: 1.25rem;
   margin-bottom: 10px;
 }

 .why-choose-us p {
   font-size: 0.95rem;
 }


 /* cta bottom */

 
 .desert-adventure h2 {
   font-size: 2rem;
 }

 .desert-adventure p.lead {
   font-size: 1.1rem;
   font-weight: 500;
 }

 .desert-adventure .row>.col-6 {
   font-size: 1rem;
 }

 .desert-adventure .btn {
   border-radius: 50px;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .desert-adventure .btn:hover {
   transform: translateY(-3px);
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
   text-decoration: none;
 }

 /* Icon styling */
 .desert-adventure i {
   transition: transform 0.3s ease;
 }

 .desert-adventure i:hover {
   transform: scale(1.2);
 }
 .desertsmall{
  font-size: 14px;
 }

/* Responsive Design for Mobile Devices */
@media (max-width: 480px) {
  .desert-adventure h2 {
    font-size: 1.5rem; /* smaller heading for mobile */
  }

  .desert-adventure p.lead {
    font-size: 1rem;
  }

  .desert-adventure .row > .col-6 {
    font-size: 0.9rem;
    margin-bottom: 10px;
  }

  .desert-adventure .btn {
    width: 100%; /* button full width */
    font-size: 0.95rem;
  }

}

 .faq-section .accordion-button {
   font-weight: 500;
   border-radius: 8px;
 }

 .faq-section .accordion-button:focus {
   box-shadow: none;
 }

 .faq-section .accordion-body {
   background-color: #fff8f0;
   color: #555;
 }

 .faq-section .accordion-item {
   border: none;
 }

 .faq-section .accordion-button::after {
   font-weight: bold;
 }

 .faq-section .accordion-button:not(.collapsed) {
 }


.footer-section{
  background-color: #27555A !important;
}

 .footer-section a:hover {
   color: #d78c3d;
   text-decoration: none;
 }

 .footer-section .btn-warning {
 
   transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .footer-section .btn-warning:hover {
   transform: translateY(-3px);
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
 }

 .footer-section input.form-control {
   border-radius: 50px;
 }

 .footer-section hr {
   opacity: 0.3;
 }


/* Base H2 Style */
h2 {
  color: #b88a44 !important;
  font-family: 'Cormorant Garamond', serif;
  font-weight: 700;
  font-size: 2.5rem; /* Desktop default */
  line-height: 1.2;
}

/* Medium Devices (Tablets) */
@media (max-width: 992px) {
  h2 {
    font-size: 2rem;
  }
}

/* Small Devices (Mobile Landscape) */
@media (max-width: 768px) {
  h2 {
    font-size: 1.75rem;
  }
}

/* Extra Small Devices (Mobile Portrait) */
@media (max-width: 576px) {
  h2 {
    font-size: 1.9rem;
  }
}

/* Base paragraph style */
p {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem; /* default desktop */
  line-height: 1.6;
  color: #555; /* optional: readable grey text */
}

/* Medium Devices (Tablets) */
@media (max-width: 992px) {
  p {
    font-size: 0.95rem;
  }
}

/* Small Devices (Mobile Landscape) */
@media (max-width: 768px) {
  p {
    font-size: 0.9rem;
  }
}

/* Extra Small Devices (Mobile Portrait) */
@media (max-width: 576px) {
  p {
    font-size: 0.85rem;
  }
}

/* Base Button Style */
.btn-hotel {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 1rem;
  padding: 0.65rem 1.8rem;
  border-radius: 50px; /* rounded-pill style */
  border: 2px solid transparent;
  transition: all 0.3s ease;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

/* Normal Filled Button */
.btn-hotel-filled {
  background-color: #b88a44; /* Burnt Orange */
  color: #FFFFFF;
}

.btn-hotel-filled:hover {
  background-color: #ca8721; /* Soft Gold on hover */
  color: #f7f3ef; /* Dark Brown text */
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.2);
}

/* Outline Button */
.btn-hotel-outline {
  background-color: transparent;
  color: #D78C3D;
  border: 2px solid #D78C3D;
}

.btn-hotel-outline:hover {
  background-color: #D78C3D;
  color: #FFFFFF;
  border-color: #D78C3D;
  transform: translateY(-2px);
  box-shadow: 0 6px 15px rgba(0,0,0,0.2);
}

.icon-common {
  color: #27555A !important; /* apna desired color yahan lagao */
}






/* about us section  */

.about-hero-section h2 {
  font-size: 2.5rem;
}

.about-hero-section p {
  line-height: 1.6;
}

.about-hero-img img {
  transition: transform 0.5s ease;
}

.about-hero-img img:hover {
  transform: scale(1.05);
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .about-hero-section h2 {
    font-size: 2rem;
  }

  .about-hero-section .col-lg-6 {
    text-align: center !important; /* center text on mobile */
  }
}
.our-story-section h2 {
  font-size: 2.5rem;
}

.our-story-section p {
  line-height: 1.6;
}

.story-img img {
  transition: transform 0.5s ease;
}

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

/* Responsive adjustments */
@media (max-width: 768px) {
  .our-story-section h2 {
    font-size: 2rem;
  }
  .story-img img {
    height: 300px;
  }
  .our-story-section .col-lg-6 {
    text-align: center !important;
  }
}
.amenity-card {
  transition: transform 0.4s, box-shadow 0.4s;
  background-color: #fff;
}

.amenity-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.2);
}

.amenity-card i {
  transition: transform 0.3s, color 0.3s;
}

.amenity-card:hover i {
  transform: scale(1.2);
  color: #D78C3D;
}

@media (max-width: 768px) {
  .amenity-card h5 {
    font-size: 1.2rem;
  }
  .amenity-card p {
    font-size: 0.9rem;
  }
}
.about-cta-section a.btn {
  color: #D78C3D;
  border-color: #D78C3D;
}

.about-cta-section a.btn:hover {
  background-color: #D78C3D;
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .about-cta-section h2 {
    font-size: 2rem;
  }
  .about-cta-section p {
    font-size: 1rem;
  }
  .about-cta-section a.btn {
    padding: 12px 30px;
    font-size: 1rem;
  }
}



/* contact us section design */

.hero-section-1 .hero-bg {
  z-index: 1;
}

.hero-section-1 .overlay {
  z-index: 2;
}

.hero-section-1 .container {
  z-index: 3;
}

@media (max-width: 768px) {
  .hero-section-1 h1 {
    font-size: 2rem;
    text-align: center;
    width: 100%;
  }
  .hero-section-1 p {
    font-size: 1rem;
    text-align: center;
    width: 100%;
  }
  .hero-section-1 .btn {
    margin: 0 auto;
  }
}



/* Hero Section Responsive */
.hero-section-1 .hero-heading {
    font-size: 3rem;
}

.hero-section-1 .hero-subtitle {
    font-size: 1.2rem;
}

/* Medium Devices (Tablets) */
@media (max-width: 992px) {
    .hero-section-1 {
        height: 500px;
    }
    .hero-section-1 .hero-heading {
        font-size: 2.5rem;
        text-align: center;
        width: 100%;
    }
    .hero-section-1 .hero-subtitle {
        font-size: 1.1rem;
        text-align: center;
        margin: 0 auto 20px auto;
    }
    .hero-section-1 .container {
        align-items: center !important;
    }
}

/* Small Devices (Mobile) */
@media (max-width: 576px) {
    .hero-section-1 {
        height: 400px !important;
    }
    .hero-section-1 .hero-heading {
        font-size: 2rem !important;
    }
    .hero-section-1 .hero-subtitle {
        font-size: 1rem !important;
        max-width: 90%;
    }
    .hero-section-1 .btn {
        padding: 0.8rem 2rem;
        font-size: 0.95rem;
    }
}


/* Contact Cards Hover Effect */
.contact-card {
  transition: transform 0.3s, box-shadow 0.3s;
}
.contact-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

/* Form & Text Responsive */
@media (max-width: 991px) {
  .contact-form-section .row {
    text-align: center;
  }
  .contact-form-section .col-lg-5 {
    margin-bottom: 30px;
  }
}