@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

 body {
     font-family: 'Poppins', sans-serif;
     scroll-behavior: smooth;
 }

 /* .hero-section {
            background: linear-gradient(rgba(0, 0, 0, 40%), rgba(0, 0, 0, 40%)), url('');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            height: 90vh;
        } */

 .hero-section {
     position: relative;
     height: 100vh;
     min-height: 600px;
     overflow: hidden;
 }

 .hero-slide {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-size: cover;
     background-position: center;
     opacity: 0;
     transition: opacity 2s ease-in-out;
     z-index: 1;
 }

 .hero-slide.active {
     opacity: 1;
 }

 .hero-content {
     position: relative;
     z-index: 2;
     text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
 }

 .slide-indicators {
     position: absolute;
     bottom: 30px;
     left: 50%;
     transform: translateX(-50%);
     z-index: 3;
     display: flex;
     gap: 12px;
 }

 .slide-indicator {
     width: 12px;
     height: 12px;
     border-radius: 50%;
     background-color: rgba(255, 255, 255, 0.5);
     cursor: pointer;
     transition: all 0.3s ease;
 }

 .slide-indicator.active {
     background-color: white;
     transform: scale(1.2);
 }

 .slide-nav {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     z-index: 3;
     background-color: rgba(0, 0, 0, 0.3);
     color: white;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     transition: all 2s ease;
 }

 .slide-nav:hover {
     background-color: rgba(0, 0, 0, 0.6);
 }

 .slide-prev {
     left: 20px;
 }

 .slide-next {
     right: 20px;
 }

 @media (max-width: 768px) {
     .slide-nav {
         width: 40px;
         height: 40px;
     }
 }

 .package-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
 }

 .testimonial-card {
     transition: all 0.3s ease;
 }

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

 .form-section {
     background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
 }

 .nav-link {
     position: relative;
 }

 .nav-link::after {
     content: '';
     position: absolute;
     width: 0;
     height: 2px;
     bottom: 0;
     left: 0;
     background-color: #f59e0b;
     transition: width 0.3s ease;
 }

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

 .active-nav::after {
     width: 100%;
 }

 /* FAQ Styles */
 .faq-item {
     border-bottom: 1px solid #e5e7eb;
 }

 .faq-question {
     cursor: pointer;
     padding: 1.5rem 0;
     position: relative;
 }

 .faq-question::after {
     content: '+';
     position: absolute;
     right: 0;
     top: 50%;
     transform: translateY(-50%);
     font-size: 1.5rem;
     color: #f59e0b;
     transition: all 0.3s ease;
 }

 .faq-question.active::after {
     content: '-';
 }

 .faq-answer {
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.3s ease;
 }

 .faq-answer.show {
     max-height: 500px;
     padding-bottom: 1.5rem;
 }

 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

 /* body {
     font-family: 'Poppins', sans-serif;
     color: #333;
 } */

 .package-banner {
     background-image: url('../img/deoghar-package1.webp');
     height: 400px;
     background-size: cover;
     background-position: center right;
     position: relative;
 }

 .package-banner2 {
     background-image: url('../img/deoghar-package2.jpg');
     height: 400px;
     background-size: cover;
     background-position: center left;
     position: relative;
 }

 .package-banner3 {
     background-image: url('../img/deoghar-tour-banner1.webp');
     height: 400px;
     background-size: cover;
     background-position: center;
     position: relative;
 }

 .package-banner4 {
     background-image: url('../img/deoghar-trip4.webp');
     height: 400px;
     background-size: cover;
     background-position: center;
     position: relative;
 }

 .package-banner5 {
     background-image: url('../img/deoghar-package3.webp');
     height: 400px;
     background-size: cover;
     background-position: center;
     position: relative;
 }

 .package-banner6 {
     background-image: url('../img/deoghar-package4.webp');
     height: 400px;
     background-size: cover;
     background-position: center right;
     position: relative;
 }

  .modal-banner {
     background-image: url('../img/modal-img.webp');
     /* height: 400px; */
     background-size: cover;
     background-position: center ;
     position: relative;
 }

 /* .banner-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 41%));
 } */

 .banner-content {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     padding: 40px;
     color: white;
 }

 .package-tag {
     display: inline-block;
     background-color: #e74c3c;
     color: white;
     padding: 5px 15px;
     border-radius: 20px;
     font-size: 14px;
     font-weight: 600;
     margin-bottom: 15px;
 }

 .itinerary-day {
     position: relative;
     padding-left: 30px;
     margin-bottom: 30px;
 }

 .itinerary-day:before {
     content: '';
     position: absolute;
     left: 0;
     top: 5px;
     width: 15px;
     height: 15px;
     border-radius: 50%;
     background-color: #f59e0b;
     border: 3px solid #ecf0f1;
 }

 .itinerary-day:after {
     content: '';
     position: absolute;
     left: 7px;
     top: 25px;
     bottom: -30px;
     width: 1px;
     background-color: #ddd;
 }

 .itinerary-day:last-child:after {
     display: none;
 }

 .booking-form {
     background-color: #f8f9fa;
     border-radius: 10px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
     overflow: hidden;
 }

 .form-header {
     background-color: #F59e0b;
     color: white;
     padding: 15px;
     text-align: center;
 }

 .popular-package {
     transition: all 0.3s;
     border-radius: 8px;
     overflow: hidden;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
 }

 .popular-package:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
 }

 .highlight-item {
     display: flex;
     align-items: flex-start;
     margin-bottom: 15px;
 }

 .highlight-icon {
     background-color: #f59e0b;
     color: white;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 15px;
     flex-shrink: 0;
 }

 .price-badge {
     position: absolute;
     top: 20px;
     right: 20px;
     background-color: rgba(231, 76, 60, 0.9);
     color: white;
     padding: 8px 15px;
     border-radius: 5px;
     font-weight: 600;
 }

 .included-item,
 .excluded-item {
     display: flex;
     align-items: center;
     margin-bottom: 10px;
 }

 .included-item i {
     color: #2ecc71;
     margin-right: 10px;
 }

 .excluded-item i {
     color: #e74c3c;
     margin-right: 10px;
 }

 .about-banner {
     background: url(../img/about-banner.webp) no-repeat center center;
     background-size: cover;
     height: 60vh;
     position: relative;
     display: flex;
     align-items: center;
 }

 .contact-banner {
     background: url('../img/contact-banner.webp') no-repeat center center;
     background-size: cover;
     height: 60vh;
     position: relative;
     display: flex;
     align-items: center;
 }

 .banner-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, 0.281);
 }

 .banner-content {
     position: relative;
     z-index: 1;
     color: white;
     padding: 2rem;
 }

 .section-title {
     font-size: 1.75rem;
     font-weight: 700;
     margin-bottom: 1.5rem;
     position: relative;
     padding-bottom: 0.5rem;
 }

 .section-title:after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 60px;
     height: 3px;
     background: #f59e0b;
 }

 .team-card {
     border-radius: 0.5rem;
     overflow: hidden;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     transition: transform 0.3s ease;
 }

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

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

 .sticky-nav {
     position: sticky;
     top: 0;
     z-index: 1000;
 }

 .milestone-number {
     font-size: 3rem;
     font-weight: bold;
     color: #3b82f6;
     line-height: 1;
 }

 .values-card {
     background: white;
     border-radius: 0.5rem;
     padding: 2rem;
     box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
     transition: all 0.3s ease;
     border-top: 4px solid #f59e0b;
 }

 .values-card:hover {
     transform: translateY(-5px);
     box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
 }

 .hero-gradient {
     background: linear-gradient(135deg, rgb(0 0 0 / 31%) 0%, rgb(0 0 0 / 62%) 100%);
 }


 .parallax {
     height: 500px;
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .destination-card:hover .destination-overlay {
     opacity: 1;
     transform: translateY(0);
 }

 .destination-overlay {
     transition: all 0.3s ease;
     opacity: 0;
     transform: translateY(20px);
 }

 .overview-img img {
     height: 220px;
     width: 380px;
 }

 /* Swiper pagination bullet color */
 .swiper-pagination-bullet {
     background-color: #f59e0b !important;
 }

 /* Optional: active bullet slightly darker */
 .swiper-pagination-bullet-active {
     background-color: #ffffff !important;
 }
 .contact-management-header-wrapper {
    border-radius: 16px;
    border: solid 1px #d8d8d8;
    background: linear-gradient(236deg, #fffad4 -8.27%, #fff 53.01%);
    position: relative;
    padding: 32px 16px 16px;
    margin-bottom: 24px;
    margin-top: 20px;
}

.contact-management-header-wrapper .contact-management-header-icon-wrapper {
    width: 48px;
    height: 48px;
    background-image: linear-gradient(188deg, #3023ae 5%, #c86dd7 100%), linear-gradient(188deg, #3023ae 5%, #c86dd7 100%);
    position: absolute;
    left: 24px;
    top: -27px;
    border-radius: 50%;
}

.contact-management-header-wrapper .headerText {
    font-size: 20px;
    font-weight: 900;
    color: #000;
}

.contact-management-header-wrapper .subHeaderText {
    font-size: 14px;
    font-style: normal;
    color: #4a4a4a;
    margin-top: 8px;
}