body { margin: 0; padding: 0; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-family: "Open Sans", sans-serif; font-size: 16px; font-weight: 400; line-height: 30px; width: 100%; height: 100%; color:#50362D; background: #fff; counter-reset: section; }
p { font-size: 16px; line-height: 30px; font-family: "Open Sans", sans-serif; color: #50362D; margin-bottom: 15px; font-weight: 400; }
h1, h2, h3, h4, h5, h6{font-family: "Bricolage Grotesque", sans-serif; font-weight:700; color: #32180F; font-family: "Bricolage Grotesque", sans-serif;}

@media (min-width: 576px) {
    .container, .container-sm { max-width: 560px; }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm { max-width: 740px; }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm { max-width: 960px; }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1180px; }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1320px; }
}


@media (min-width: 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1420px; }
}

.page-template-template-landing-page .ftco-navbar-light::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); z-index: -1; }

.page-template-template-landing-page .ftco-navbar-light { top: 0; padding: 15px 0; }

.page-template-template-landing-page .ftco-navbar-light .navbar-nav>.nav-item>.nav-link { padding: 10px 20px; font-weight: 600 !important; color: #50362D;     font-size: 18px; line-height: 30px; font-family: "Open Sans", sans-serif; }
.ftco-navbar-light .navbar-nav>.nav-item>.nav-link:before { background-color: #50362D !important; }
.page-template-template-landing-page .ftco-navbar-light .navbar-nav>.nav-item>.nav-link:hover:before { background-color: #50362D !important; }
.page-template-template-landing-page .navbar-brand img { width: 300px; }

.page-template-template-landing-page .ftco-navbar-light .dropbtn { color: #50362D; font-weight: 600; font-size: 18px; line-height: 30px; margin-top: 10px; cursor: pointer; }
.page-template-template-landing-page .ftco-navbar-light .dropbtn:focus { outline: none; }
.page-template-template-landing-page .ftco-navbar-light .dropdown-content a { color: #50362D; font-weight: 600; }
.page-template-template-landing-page .ftco-navbar-light .dropdown-content a:hover { color: #3e270f; }

.navbar .menu-bar { display: flex; }

.navbar .whatsapp-btn { background-color: #00C008; border: 2px solid #fff; font-size: 16px; line-height: 30px; padding: 8px 25px; font-weight: 500; color: #fff; border-radius: 7px; margin-left: 15px; cursor: pointer; display: flex; align-items: center; }
.navbar .whatsapp-btn svg { margin-right: 12px; }

.hero-section-new { position: relative; height: 100vh; overflow: hidden; color: #fff; text-align: center; }
.hero-section-new::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 18.8%, rgba(0, 0, 0, 0.8) 100%); z-index: 0; }
.hero-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; filter: brightness(70%); }
.hero-content { position: relative; top: 70%; transform: translateY(-50%); z-index: 999; }
.hero-section-new .hero-content ul.highlights-list { display: flex; justify-content:center; list-style: none; margin:0; padding:0; }
.hero-section-new .hero-content ul.highlights-list { list-style: none; padding: 0; margin: 0 auto; display: flex; justify-content: center; align-items: center; gap: 50px; font-size: 1rem; font-weight: 500; color: #fff; }

.hero-section-new .hero-content ul.highlights-list li { position: relative; }

.hero-section-new .hero-content ul.highlights-list li:not(:last-child)::after { content: ""; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); height: 16px; width: 2px; background-color: rgba(255, 255, 255, 0.3); }

.hero-section-new .hero-content h1 {  font-weight: 600; font-size: 70px; line-height: 75px; text-align: center; color: #fff; margin: 20px 0 25px; }
.hero-section-new .hero-content .feature-list { gap: 30px; justify-content: center; text-align: left; }
.hero-section-new .hero-content .feature-item { display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 30px; color: #fff; white-space: nowrap; }
.hero-section-new .hero-content .feature-icon { width: 22px; height: 18px; flex-shrink: 0; filter: drop-shadow(0 0 1px #000); }

.booking-form-section { margin: -155px auto 0; }
.booking-box-wrapper { display: flex; justify-content: center; margin-top: 40px; position: relative; flex-direction: column; justify-content: center; align-items: center; z-index: 10; }

.booking-box { position: relative; background: #F0EADB; border-radius: 10px; padding: 30px 30px 30px; }

.booking-tab-title { background: #F0EADB; padding: 12px 40px 10px; font-weight: 700; color: #3e270f; font-size: 28px; line-height: 38px; border-radius: 10px 10px 0 0; z-index: 2; position: relative; margin: auto; font-family: "Bricolage Grotesque", sans-serif; }

.booking-tab-title::before, .booking-tab-title::after { content: ""; position: absolute; bottom: 0; width: 55px; height: 55px; background: #F0EADB; z-index: -1;}

.booking-tab-title::before { left: -12px; border-bottom-right-radius: 25px; transform: skewX(-25deg); }

.booking-tab-title::after { right: -12px; border-bottom-left-radius: 25px; transform: skewX(25deg); }

.booking-box input, .booking-box select { width: 100%; border: none; border-radius: 7px; padding: 10px 15px; background: #fff; color: #000; font-size: 16px; border: 1px solid #E3E3E3; font-family: "Open Sans", sans-serif; backdrop-filter: blur(200px); }
.booking-box input:focus, .booking-box select:focus { border: 1px solid #50362D; }

.booking-box input:focus-visible, .booking-box select:focus-visible { outline: none; }
.booking-box select { padding: 12px 15px; }
.booking-box input::placeholder,
.booking-box textarea::placeholder,
.booking-box select::placeholder { color: #9E9E9E; opacity: 1; }
.booking-box input:-ms-input-placeholder { color: #9E9E9E; }
.booking-box input::-ms-input-placeholder { color: #9E9E9E; }
.booking-box textarea:-ms-input-placeholder { color: #9E9E9E; }
.booking-box textarea::-ms-input-placeholder { color: #9E9E9E; }

.booking-box input[type="submit"] { background: #50362D; color: #fff; border: none; border-radius: 6px; padding: 10px 20px; font-weight: 600; transition: all 0.3s ease; cursor: pointer; }

.booking-box input[type="submit"]:hover { background: #3e270f; }

.booking-box .row { display: flex; flex-wrap: wrap; justify-content: center; }

.booking-box .book-safari-now-form .form-group { margin-bottom: 0; padding: 0 10px; }
.booking-box .wpcf7-form p { margin: 0 !important; padding: 0 !important; }
.booking-box .book-safari-now-form .button-group { position: relative; padding-left: 10px; }
.booking-box .wpcf7-spinner { position: absolute; right: 0px; top: 14px; }

.booking-flex { display: flex; flex-wrap: nowrap; gap: 15px; align-items: center; }
.booking-field { flex: 1; }
.booking-btn { flex: 0 0 180px; }
.booking-field input, .booking-field select { width: 100%; height: 48px !important; padding: 10px 14px; border-radius: 8px; }

.book-safari-now-form .wpcf7-not-valid-tip { color: #c00; font-size: 14px; font-weight: 500; line-height: 25px; }
.booking-form .wpcf7 form .wpcf7-response-output { margin: 20px 0 0; padding: 5px 15px; font-size: 14px; line-height: 20px; box-shadow: 0 6px 35px 0 rgba(0,0,0,.1); border: none; display: inline-block; }
.booking-form .wpcf7 form.invalid .wpcf7-response-output { color: #c00; font-weight: 700; background-color: #fff; }

.about-musakhan { padding: 80px 0; }
.about-musakhan img { width: 100%; height: auto; }
.about-musakhan .about-caption { padding-left: 20px; }
.about-musakhan .about-caption h2.aboutTitle { font-size: 55px; line-height: 65px; font-weight: 600; margin-bottom: 15px; }
.about-musakhan .about-caption p { font-size: 18px; line-height: 30px; }
.about-musakhan .about-caption ul { margin: -5px 0 0; padding: 0 0 0 20px; }
.about-musakhan .about-caption ul li { font-size: 18px; line-height: 30px; font-weight: 600; margin-bottom: 10px; }

.why-choose { position: relative; background-size: cover; background-position: center; color: #fff; padding: 80px 0; z-index: 1; }
.why-choose::before { content: ""; position: absolute; inset: 0; background-color: #000000D9; z-index: 0; }
.why-choose .overlay { position: relative; z-index: 1; }
.why-choose h2 { font-size: 55px; line-height: 65px; font-weight: 600; margin-bottom: 20px; color: #fff; }
.why-choose ul.point-list { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; padding: 0; margin: 0; color: #fff; font-weight: 600; font-size: 20px; line-height: 30px; }
.why-choose ul.point-list li { position: relative; padding: 0 8px; }
.why-choose ul.point-list li:not(:last-child)::after { content: "•"; position: absolute; right: -5px; color: #fff; }
.why-choose .why-choose-grid { display: grid; grid-column-gap: 15px; grid-row-gap: 15px; grid-template-columns: repeat(4, 1fr); margin-top: 50px; }
.why-choose .why-choose-grid .why-choose-item { background-color: #fff; padding: 25px 20px; border-radius: 10px; }
.why-choose .why-choose-grid .why-choose-item h3 { font-size: 20px; line-height: 30px; margin-top: 15px; margin-bottom: 5px; color: #32180F; }
.why-choose .why-choose-grid .why-choose-item p { margin-bottom: 0; color: #32180F; }
.why-choose .why-choose-grid .why-choose-item .why-choose-icon svg { width: 60px; height: 60px; min-width: 60px; }

.meet-your-guide { padding: 80px 0; }
.meet-your-guide img { width: 100%; height: auto; }
.meet-your-guide .meet-guide-caption h2.meetguideTitle { font-size: 55px; line-height: 65px; font-weight: 600; margin-bottom: 15px; }
.meet-your-guide .meet-guide-caption p { font-size: 18px; line-height: 30px; color: #50362D; margin-top: 20px; }
.meet-your-guide .meet-guide-caption .feature-list { gap: 20px; justify-content: start; text-align: left; }
.meet-your-guide .meet-guide-caption .feature-item { display: flex; align-items: center; gap: 6px; font-size: 18px; line-height: 30px; color: #32180F; white-space: nowrap; font-weight: 600; }
.meet-your-guide .meet-guide-caption .feature-icon { width: 22px; height: 18px; flex-shrink: 0; margin: 0; }
.meet-your-guide .meet-guide-caption ul { margin: 0; padding: 0 0 0 20px; }
.meet-your-guide .meet-guide-caption ul li { font-size: 18px; line-height: 30px; font-weight: 600; margin-bottom: 10px; color: #32180F; }
.meet-your-guide .meet-guide-caption a { background-color: #50362D; color: #fff; padding: 15px 40px; font-size: 18px; line-height: 30px; border-radius: 7px; margin-top: 20px; display: inline-block; }
.meet-your-guide .meet-guide-caption a:hover { background-color: #32180F; }

.traveler-reviews { padding: 0px 0 80px; }
.traveler-reviews h2 { font-size: 55px; line-height: 65px; font-weight: 600; margin-bottom: 15px; }
.traveler-reviews p { text-align: center; font-size: 20px; line-height: 30px; font-weight: 600; }
.traveler-reviews .total-reviews { text-align: center; margin-top: 30px; display: flex; justify-content: center; }
.traveler-reviews .total-reviews span { padding: 20px 60px; border: 1px solid rgba(0,0,0,0.1); color: #32180F; font-size: 20px; line-height: 30px; border-radius: 10px; text-align: center; display: flex; justify-content: center; align-items: center; font-weight: 600; background-color: #FBFBFB; }
.traveler-reviews .total-reviews span svg { margin-right: 20px; width: 170px; }
.traveler-reviews-slider-sec { margin-top: 40px; }

.traveler-reviews-slider-sec .ItemTravelerReviews { background-color: #fff; border: 1px solid rgba(0,0,0,0.1); border-radius: 10px; padding: 25px 30px; height: 100%; }
.traveler-reviews-slider-sec .ItemTravelerReviews .traveler-reviews-image { display: flex; align-items: center; }
.traveler-reviews-slider-sec .ItemTravelerReviews .traveler-reviews-image img { width: 80px; height: 80px; min-width: 80px; object-fit: cover; object-position: center; border-radius: 50px; }
.traveler-reviews-slider-sec .ItemTravelerReviews h3 { font-size: 26px; line-height: 36px; font-weight: 600; color: #32180F; }
.traveler-reviews-slider-sec .ItemTravelerReviews .traveler-details { width: 100%; margin-left: 20px; }
.traveler-reviews-slider-sec .ItemTravelerReviews .traveler-details span.location { font-size: 16px; line-height: 25px; color: #8B8B8B; }
.traveler-reviews-slider-sec .ItemTravelerReviews .review-stars { margin-top: 15px; }
.review-btn-wrap { text-align: center; }
.traveler-reviews-slider-sec .ItemTravelerReviews p { text-align: left; font-weight: 500; font-size: 18px; line-height: 30px; margin-top: 15px; margin-bottom: 0; }
.traveler-reviews-slider-sec .ItemTravelerReviews .read-more-btn { display: inline-block; font-size: 18px; line-height: 30px; color: #50362D; margin-top: 10px; font-weight: 700; }
.traveler-reviews a.review-btn { margin: 40px auto 0; display: inline-flex; justify-content: center; align-items: center; background-color: #50362D; padding: 22px 55px; border-radius: 7px; font-size: 18px; line-height: 30px; color: #fff; }
.traveler-reviews a.review-btn svg { margin-right: 10px; }

.traveler-reviews-slider-sec .owl-carousel .owl-dots .owl-dot:after { border: 1px solid #F0EADB; background-color: #F0EADB; }
.traveler-reviews-slider-sec .owl-carousel .owl-dots .owl-dot.active:after { background: #50362D !important; border-color: #50362D !important; }

.faq-section { padding: 80px 0 70px; }
.faq-section h2 { font-size: 55px; line-height: 65px; font-weight: 600; color: #32180F; margin-bottom: 50px; }
#faqAccordion .card { width: auto; height: auto; box-shadow: none; border: none; background-color: #FBFBFB; border: 1px solid rgba(0,0,0,0.1); border-radius: 10px; padding: 20px; margin-bottom: 20px; }
#faqAccordion .card .card-header { padding: 0; background-color: transparent !important; border: none; }
#faqAccordion .card .card-header h3 { font-size: 18px; line-height: 30px; color: #32180F !important; font-weight: 600; font-family: "Open Sans", sans-serif; }
#faqAccordion .card .card-header h3 a { color: #32180F; }
#faqAccordion .card .card-body { padding: 0 0 0 30px; margin-top: 30px; }
.collapse.show + .card-body, .faq-card.active .faq-icon { background: #5b3b14; }
.faq-card .collapse.show ~ .card-header .faq-icon i, .faq-card.active .faq-icon i { color: #fff; }
#faqAccordion .card .card-body ul { margin: 0 0 10px 0; padding: 0 0 0 20px; }

.footer-landing-page-sec { padding: 50px 0; background-size: cover; background-position: center; background-repeat: no-repeat; text-align: center; }
.footer-landing-page-sec h2 { font-size: 42px; line-height: 52px; font-weight: 600; color: #fff; margin-top: 20px; }
.footer-cta-box .profile-image img { width: 200px; height: auto; }
.footer-cta-box p { color: #fff; font-size: 20px; line-height: 30px; margin-top: 15px; }
.footer-cta-box .footer-cta-btn { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px; }
.footer-cta-box .footer-cta-btn a.whatsapp-btn { background-color: #00C008; border: 2px solid #fff; font-size: 16px; line-height: 30px; padding: 8px 25px; font-weight: 500; color: #fff; border-radius: 7px; margin-left: 15px; cursor: pointer; display: flex; align-items: center; }
.footer-cta-box .footer-cta-btn a.whatsapp-btn:hover { background-color: #075e54; }
.footer-cta-box .footer-cta-btn a.whatsapp-btn svg { margin-right: 10px; }
.footer-cta-box .footer-cta-btn a.whatsapp-btn:hover svg path.icon { fill: #075e54; }
.footer-cta-box .footer-cta-btn a.book-stay-btn { background-color: #32180F; border: 2px solid #fff; font-size: 16px; line-height: 30px; padding: 8px 25px; font-weight: 500; color: #fff; border-radius: 7px; margin-left: 15px; cursor: pointer; }
.footer-cta-box .footer-cta-btn a.book-stay-btn:hover { background-color: #3e270f; }

.footer .ftco-footer-social li a { background-color: #F0EADB; color: #32180F; }
.footer .ftco-footer-social li a span { color: #32180F; }

.footer .copyright a { color: #fff; }

.footer .block-23 ul li .icon { width: 25px; height: 25px; padding-top: 6px; }
.footer .block-23 ul li span.text p { margin-bottom: 0; }
.footer .footer-heading:after { background: #fff; }

.safari-itinerary { padding: 80px 0; }
.safari-itinerary h2 { font-size: 55px; line-height: 65px; font-weight: 600; color: #32180F; margin-bottom: 15px; }
.safari-itinerary p { font-size: 20px; line-height: 30px; font-weight: 600; color: #32180F; }
.safari-itinerary .safari-itinerary-menu { background-color: #FBFBFB; height: 100%; }
.safari-itinerary .safari-itinerary-menu .nav-link { background-color: #FBFBFB; color: #32180F; font-size: 18px; line-height: 30px; padding: 18px 25px; font-weight: 500 !important; border-radius: 0px; opacity: 1; border-bottom: 1px solid #0000000D; display: flex; align-items: center; }
.safari-itinerary .safari-itinerary-menu .nav-link.active { background-color: #50362D; color: #fff !important; }
.safari-itinerary .safari-itinerary-menu .nav-link img { margin-right: 20px; width: 40px; height: 40px; min-width: 40px; }
.safari-itinerary .safari-itinerary-menu .bird-img { width: 80%; }

.safari-itinerary .tab-content { display: block; height: 100%; border: 1px solid #0000001A; background-color: #fff; padding: 0 0 30px 0; }
.safari-itinerary .tab-content .tab-title { padding: 25px 30px; border-bottom: 1px solid #0000001A; }
.safari-itinerary .tab-content h3 { font-size: 30px; line-height: 40px; display: flex; align-items: center; }
.safari-itinerary .tab-content h3 img { margin-right: 20px; width: 50px; height: 50px; min-width: 50px; }
.safari-itinerary .tab-content .tab-itinerary { padding: 30px 30px 0px 30px; }

@media(min-width: 992px){
    .timeline { margin-left: 250px; }
}

.timeline { position:relative; }
.timeline:before{ content:''; position:absolute; left:0%; width:6px; height:100%; background:#F2F2F2; border-radius: 20px; }
.timeline ul{ padding:0; margin:0; }
.timeline ul li{ list-style:none; position:relative; width:100%; padding:10px 30px; box-sizing:border-box; }
.timeline ul li { text-align:left; clear:both; }
.content{ text-align: left; border: 1px solid #0000001A; padding: 15px 25px; border-radius: 10px; background-color: #FBFBFB; }
.timeline ul li::before { content: ''; position: absolute; width: 25px; height: 25px; top: 54px; left: -10px; background-color: #E07728; border-radius: 50%; border: 6px solid #fff; }
.timeline ul li h4{ padding:0; margin:0; color: #32180F; font-weight:600; font-size: 22px; line-height: 32px; }
.timeline ul li p{ padding:0; margin:0; font-size: 18px; line-height: 30px; font-weight: 500; }
.timeline ul li .time span{ margin:0; padding:0; font-size:20px; line-height: 30px; }
.timeline ul li .time { position:absolute; top:42px; left:-230px; margin:0; padding:8px 20px; color:#000; border-radius:5px; border: 1px solid #0000001A; width: 210px; text-align: center; }
#safariAccordion { display: none; }

.safari-itinerary-perks-grid { display: grid; grid-column-gap: 15px; grid-row-gap: 15px; grid-template-columns: repeat(2, 1fr); margin-top: 30px; }
.safari-itinerary-perks-grid .safari-itinerary-perks { display: flex; align-items: center; justify-content: center; background-color: #F0EADB; padding: 15px; border: 1px solid #0000001A; border-radius: 10px; }
.safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-img img { width: 170px; height: 170px; min-width: 170px; }
.safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-content { margin-left: 20px; }
.safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-content h3 { font-size: 30px; line-height: 40px; font-weight: 600; color: #32180F; }
.safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-content span { font-size: 20px; line-height: 30px; font-weight: 500;color: #32180F; margin-top: 5px; display: inline-block; }
.safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-content p { font-size: 17px; line-height: 27px; font-weight: 500; color: #32180F; margin-top: 5px; margin-bottom: 0; }


/*offer area*/
.offer-area {position: relative;z-index: 1; width: 100%; overflow: hidden; background-color: #F0EADB; padding: 50px 0 60px;} 
.offer-area ul.point-list { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; padding: 0; margin: 0; color: #32180F; font-weight: 600; font-size: 20px; line-height: 30px; }
.offer-area ul.point-list li { position: relative; padding: 0 8px; }
.offer-area ul.point-list li:not(:last-child)::after { content: "•"; position: absolute; right: -5px; color: #32180F; }
.offer-area h2 { font-size: 55px; line-height: 65px; font-weight: 600; margin-bottom: 10px; color: #32180F; }
.offer-tab-link {text-align: center;}
.offer-tab-link ul li {display: inline-block;padding: 10px 0;margin: 0 -3px;}
.offer-tab-link ul li a {display: block;color: #000;font-size: 20px;padding: 10px 60px;border-bottom: 4px solid #000; font-weight: 500;}
.offer-tab-link ul {list-style: none;padding: 0;margin: 0; border: 0;justify-content: center;}
.offer-tab-link ul li a.active {color: darkcyan; border-color: darkcyan;}
.offer-content p {text-align: left;margin: 0;width: 100%; font-size: 18px; line-height: 30px; color: #32180F; font-weight: 400; margin-top: 20px;}
.offer-content h2 {text-align: left;}
.offerItem {padding: 0;width: 240px;overflow: hidden;float: left;position: relative; transition: 0.3s ease; height: 100%; }
.offer-img {margin: 0 -15px; height: 100%}
.offer-img img{width: 100%; height:100%}
.offer-detail {width: 800px;height: 100%;}
.offerItemTitle {position: absolute;z-index: 1;color: #fff; margin: 0 auto;top: 0;height: 100%; background: rgba(0,0,0,0.5); cursor: pointer; display: flex; align-items: end; font-size: 30px; line-height: 40px; font-family: "Bricolage Grotesque", sans-serif;  font-weight: 600; padding: 20px; }
.offerItem.active {width: calc(100% - 6*80px);}
.offerItem.active .offer-detail {width: 900px; padding: 30px; }
.offerItem.active .offer-img {max-width: 415px;}
.offerItem.active .offer-detail .row .col:first-child {max-width: 40% !important;}
.offer-content {margin: 0 auto;top: 50%;position: relative;transform: translate(0, -50%); opacity: 0; transition: opacity 0.3s ease; display:none; }
.offer-tabs.tab-content {background-color: transparent; display: flex;margin-top: 40px;padding: 0; }
.offerslide { background-color: #fff; }
.offerslide:after {content: '';clear: both;display: block;}
.offer-content p {color: #000;}
.offer-content h2 {font-size: 24px;color: #000; text-transform: uppercase;}
.offerItemTitle.hide {display: none;}
.offerItem.active .offer-content{ transition: 0.3s ease; opacity: 1; display: block;}
.offer-content a {background: darkcyan;color: #fff;padding: 10px 20px; display: inline-block; margin-top: 10px; border: 0; border-radius: 3px;}

.offer-content h3 { font-size: 36px; line-height: 46px; font-weight: 600; color: #32180F; }

.offer-detail .offer-content ul.packages-benefits { list-style: none; padding: 0; margin: 0 auto; display: flex; gap: 10px; flex-wrap: wrap; margin-top: 15px; }
.offer-detail>.row{height: 100%}
.offer-detail .offer-content ul.packages-benefits li { position: relative; background: #50362D1A; font-size: 18px; line-height: 30px; color: #32180F; font-weight: 500; border-radius: 7px; padding: 8px 20px; }

.offerItem.active .offer-detail .row .col:first-child { display: none; }

.offer-content .section-title { margin: 20px 0 10px; font-size: 22px; line-height: 32px; font-family: "Open Sans", sans-serif; font-weight: 600; color: #32180F; }

.offer-content .grid { display: flex; gap: 15px; margin-bottom: 20px; }
.offer-content .box { padding: 8px 20px; border: 1px solid #E3E3E3; border-radius: 7px; background: #fff; width: 350px; }
.offer-content .box.add-ons { display: flex; align-items: center; justify-content: space-between; }
.offer-content .box h4 { font-size: 18px; line-height: 30px; color: #32180F; font-weight: 400; }
.offer-content .box.add-ons h4 { font-size: 20px; line-height: 30px; font-weight: 600; color: #32180F; }
.offer-content .price { font-size: 22px; line-height: 30px; font-weight: 600; color: #D66D1E; margin-top: 0; }
.offer-content .highlight { color: #D66D1E !important; font-weight: 600 !important; font-size: 20px !important; line-height: 30px !important; }
.offer-content .grid .box p { margin: 0; }
.offer-content .notice { font-size: 18px; line-height: 30px; font-weight: 400; text-align: left; margin: 15px 0 15px; color: #32180F; }
.offer-content .action-btns { display: flex; gap: 15px; flex-wrap: wrap; }
.offer-content .btn { padding: 10px 30px 14px; border-radius: 7px; font-size: 18px; line-height: 30px; text-decoration: none; display: inline-flex; align-items: center; justify-content: center; font-weight: 500; }

.offer-content .box.add-ons img { width: 100px; height: 100px; min-width: 100px; border-radius: 50px; }

.offer-content .btn.primary.booking-btn { background: #50362D; color: #fff; text-transform: capitalize; }
.offer-content .btn.primary.booking-btn:hover { background-color: #3e270f; }

.offer-content .btn.outline.photo-gallery-btn { border: 1px solid #50362D; color: #50362D; background-color: transparent; text-transform: capitalize; }
.offer-content .btn.outline.photo-gallery-btn:hover { background-color: #3e270f; border: 1px solid #3e270f; color: #fff; }
.offer-content .btn.outline.photo-gallery-btn:hover svg path { fill: #fff; }

.offer-content .btn .icon { margin-right: 8px; }

.sam-dune-list { margin:0; padding:0 0 0 20px; }
.sam-dune-list li { color: #32180F; font-size: 18px; line-height: 30px; font-weight: 400; margin-bottom: 10px; }

ul.sam-dune-addons { list-style: none; display: flex; flex-wrap: wrap; justify-content: start; align-items: center; gap: 8px; padding: 0; margin: 0; color: #32180F; font-weight: 600; font-size: 18px; line-height: 30px; }
ul.sam-dune-addons li { position: relative; padding: 0 8px; }
ul.sam-dune-addons li:first-child { padding-left: 0; }
ul.sam-dune-addons li:not(:last-child)::after { content: "•"; position: absolute; right: -5px; color: #32180F; }

.gallery-section { background-color: #F0EADB; padding: 60px 0; }
.gallery-section h2 { font-size: 55px; line-height: 65px; margin-bottom: 10px; }
.gallery-section p { font-size: 20px; line-height: 30px; font-weight: 600; color: #32180F; }
.slider-wrapper { padding-left: 60px; margin-top: 40px; }
.owl-carousel .owl-stage-outer { padding-right: 150px !important; }
.owl-gallery .item { border-radius: 0; overflow: hidden; height: auto; box-shadow: none !important; background-color: transparent; padding: 0; margin: 0; }
.owl-gallery .item img { width: 100%; height: 100%; object-fit: cover; }
.owl-dots { text-align: center; margin-top: 15px;}
.owl-carousel .owl-dots .owl-dot { background-color: transparent !important; margin: 0 15px !important; width: 0px !important; height: 0px !important; }
.owl-dots .owl-dot span { width: 8px !important; height: 8px !important; background: #8A7A6A !important; border-radius: 50px !important; margin: 5px !important; display: block; opacity: 0.5; transition: 0.3s ease; }
.owl-dots .owl-dot.active span { width: 22px !important; opacity: 1 !important; background: #524335 !important; }
.owl-carousel .owl-dots .owl-dot:after { display: none; }
.item .overlay {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%);
    opacity: 1;
    transition: 0.4s ease-in-out;
    pointer-events: none;
}

.owl-item.active.center .overlay { opacity: 0; }

@media (max-width: 1499px) {
    .offer-area h2 { font-size: 50px; line-height: 60px; }
    .offerItem.active .offer-detail { width: 100%; max-width:800px }
}

@media (max-width:1399px){
    .offer-area h2 { font-size: 45px; line-height: 55px; }
    .offer-content h3 { font-size: 30px; line-height: 30px; }
    .offerItem.active .offer-detail { width: 680px; }
    .offer-detail .offer-content ul.packages-benefits li { font-size: 16px; line-height: 30px; padding: 5px 16px; }
    .offer-content .box.add-ons img { width: 100px; height: 100px; min-width: 100px; }
    .offer-content .box.add-ons h4 { font-size: 18px; line-height: 30px; }
    .offer-content .grid .box p { font-size: 16px; line-height: 30px; }
    .offer-content .price { font-size: 18px !important; line-height: 30px !important; }
    .offer-content .btn.primary.booking-btn { font-size: 16px; line-height: 30px; }
    .offer-content .btn.outline.photo-gallery-btn { font-size: 16px; line-height: 30px; }
    .offer-content .btn { padding: 10px 25px; }
    .sam-dune-list li { font-size: 16px; line-height: 30px; }
    ul.sam-dune-addons { font-size: 16px; line-height: 30px; }
}

@media (max-width:1280px){
    .offerItem.active .offer-detail {width: 750px;}
    .offer-detail {width: 595px;}
}

@media (max-width:1199px){
    .offer-area h2 { font-size: 38px; line-height: 48px; }
    .offerItem.active { width: calc(100% - 6 * 60px); }
    .offerItem { width: 180px; }
    .offerItemTitle { font-size: 24px; line-height: 34px; }
    .offerItem.active .offer-detail { width: 550px; }
    .offer-content h3 { font-size: 26px; line-height: 36px; } 
    .offer-content p { font-size: 16px; line-height: 30px; margin-top: 10px; }
    .offer-content .section-title { font-size: 20px; line-height: 30px; }
    .offer-content .highlight { font-size: 18px; line-height: 30px; }
    .offer-content .box.add-ons img { width: 80px; height: 80px; min-width: 80px; }

}

@media (max-width:991px){
    .offerItem.active .offer-content {margin-left: 0;}
    .offer-content h2 {font-size: 18px;margin: 0;}
    .offer-content a {padding: 7px 13px; font-size: 16px; margin-top: 10px;}
    .offer-detail {width: 395px; max-height: 279px;}
    .offerItem {width: 35px;}
    .offerItem.active {width: calc(100% - 6*35px);}
    .offerItem {width: 100%;}
    .offer-detail {width: 100%;max-height: unset;display: none;}
    h4.offerItemTitle{ font-size: 20px; line-height: 30px; top: 93%; width: 280px; left: 17px; background-color: #FBFBFB; color: #32180F; text-align: left;padding-left: 15px; position: relative; transform: rotate(0); border-top: 1px solid #0000000D; border-bottom: 1px solid #0000000D; height: auto; width: 100%; left: 0; font-family: "Open Sans", sans-serif;}
    .offer-img {margin: 0;}
    .offer-content {margin: 0;max-width: 100%;}
    .offerItemTitle.hide {background: #50362D; color: #fff; display: block;}
    .offerItem.active .offer-detail {width: 100%; display: block;}
    .offerItem.active .offer-detail .row .col:first-child {max-width: 50% !important;}
    .offerItem.active{ width: 100%;}
    .offerItem{height: auto}
    .offer-content .grid{ flex-direction: column; }
    .offer-content .package-image { width: 200px; margin-bottom: 30px; }
}
 
@media (max-width:574px){
    .offerItem.active .offer-detail .row {display: block;}
    .offerItem.active .offer-detail .row .col {max-width: 100% !important;}
    .offer-content {transform: translate(0);top: 0;padding: 10px 0;}
    .offer-img,.offerItem.active .offer-img {width: 100%;max-width: unset;}
    .offer-img img{ width: 100%;}
    .offerItem.active .offer-detail .row .col:first-child {max-width: 100% !important;}
    .offer-content .box { width: 100%; }
    .offerItem.active .offer-detail { padding: 20px; }
    .offer-content .btn.outline.photo-gallery-btn 
}
@media (max-width:480px){
    .offer-content .package-image { width: 100%; }
}

@media (max-width: 1880px) {
    .hero-content { top: 64%; }
}

@media (max-width: 1599px) {
    .hero-content { top: 60%; }
}

@media (max-width: 1500px) {
    .hero-section-new .hero-content .feature-list { gap: 10px 30px; }
}

@media (max-width: 1499px) {
    .hero-content { top: 65%; }
    .hero-section-new .hero-content .feature-list { gap: 10px 30px; }
    .hero-section-new .hero-content h1 { font-size: 60px; line-height: 70px; }
    .about-musakhan .about-caption h2.aboutTitle { font-size: 50px; line-height: 60px; }
    .meet-your-guide .meet-guide-caption h2.meetguideTitle { font-size: 50px; line-height: 60px; }
    .meet-your-guide .meet-guide-caption .feature-list { gap: 10px 20px; }
    .traveler-reviews h2 { font-size: 50px; line-height: 60px; }
    .traveler-reviews-slider-sec .ItemTravelerReviews h3 { font-size: 24px; line-height: 34px; }
    .safari-itinerary h2 { font-size: 50px; line-height: 60px; }
    .safari-itinerary { padding: 70px 0; }
    .safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-content h3 { font-size: 26px; line-height: 36px; }
    .safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-content span { font-size: 18px; line-height: 30px; margin-top: 5px; }
    .safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-content p { font-size: 16px; line-height: 25px; }
    .gallery-section h2 { font-size: 50px; line-height: 60px; }
}

@media (max-width: 1399px) {
    .hero-content { top: 62%; }
    .about-musakhan .about-caption h2.aboutTitle { font-size: 45px; line-height: 55px; }
    .faq-section h2 { font-size: 45px; line-height: 55px; margin-bottom: 40px; }
    .why-choose h2 { font-size: 45px; line-height: 55px; margin-bottom: 15px; }
    .why-choose ul.point-list { font-size: 18px; }
    .meet-your-guide .meet-guide-caption h2.meetguideTitle { font-size: 45px; line-height: 55px; }
    .traveler-reviews { padding: 0 0 60px; }
    .traveler-reviews h2 { font-size: 45px; line-height: 55px; }
    .traveler-reviews-slider-sec .ItemTravelerReviews p { font-size: 18px; line-height: 30px; }
    .traveler-reviews-slider-sec .ItemTravelerReviews { padding: 30px; }
    .traveler-reviews .total-reviews span { font-size: 18px; line-height: 30px; }
    .traveler-reviews .total-reviews span svg { width: 150px; }
    .traveler-reviews a.review-btn { padding: 20px 50px; }
    .safari-itinerary h2 { font-size: 45px; line-height: 55px; }
    .safari-itinerary .tab-content h3 { font-size: 26px; line-height: 36px; }
    .safari-itinerary .tab-content h3 img { width: 40px; height: 40px; }
    .timeline ul li .time span { font-size: 18px; line-height: 38px; }
    .timeline ul li .time { width: 190px; }
    .timeline:before { left: -2%; }
    .timeline ul li::before { left: -22px; }
    .timeline ul li h4 { font-size: 20px; line-height: 30px; }
    .timeline ul li p { font-size: 16px; line-height: 25px; margin-top: 5px; }
    .safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-content h3 { font-size: 24px; line-height: 34px; }
    .gallery-section h2 { font-size: 45px; line-height: 55px; }
}

@media (max-width: 1199px) {
    .hero-section-new .hero-content h1 { font-size: 55px; line-height: 65px; margin: 20px 0 15px; }
    .hero-content { top: 60%; }
    .booking-box .book-safari-now-form .form-group { margin-bottom: 20px; }
    .about-musakhan .about-caption h2.aboutTitle { font-size: 40px; line-height: 50px; }
    .about-musakhan .about-caption { padding-left: 0; }
    .footer-landing-page-sec h2 { font-size: 38px; line-height:48px; }
    .faq-section h2 { font-size: 38px; line-height: 48px; margin-bottom: 40px; }
    .faq-section { padding: 70px 0 60px; }
    .why-choose h2 { font-size: 38px; line-height: 48px; }
    .why-choose .why-choose-grid { grid-template-columns: repeat(2, 1fr); }
    .meet-your-guide .meet-guide-caption h2.meetguideTitle { font-size: 38px; line-height: 48px; }
    .meet-your-guide .meet-guide-caption a { padding: 12px 35px; }
    .traveler-reviews h2 { font-size: 38px; line-height: 48px; margin-bottom: 10px; }
    .traveler-reviews .total-reviews span { padding: 18px 50px; }
    .traveler-reviews-slider-sec .ItemTravelerReviews p { height: 70px; }
    .traveler-reviews h2 { font-size: 38px; line-height: 48px; margin-bottom: 10px; }
    .timeline ul li .time span { font-size: 16px; line-height: 38px; }
    .safari-itinerary h2 { font-size: 38px; line-height: 38px; }
    .timeline:before { left: -4%; }
    .timeline ul li .time { width: 170px; padding: 5px 20px; }
    .timeline { margin-left: 230px; }
    .safari-itinerary .safari-itinerary-menu .nav-link { padding: 14px 25px; }
    .safari-itinerary .safari-itinerary-menu .nav-link img { width: 30px; height: 30px; min-width: 30px; }
    .timeline:before { left: -9%; }
    .timeline ul li::before { left: -39px; }
    .timeline ul li { padding: 10px; }
    .safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-content h3 { font-size: 22px; line-height: 32px; }
    .safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-content span { font-size: 16px; line-height: 25px; }
    .safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-img img { width: 150px; height: 150px; min-width: 150px; }
    .gallery-section h2 { font-size: 38px; line-height: 48px; }
}

@media (max-width: 992px) {
    .page-template-template-landing-page .ftco-navbar-light { position: absolute; top: 0; background-color: transparent; }
    .page-template-template-landing-page .navbar-brand img { width: 250px; }
    .page-template-template-landing-page .ftco-navbar-light .menu-bar { position: relative; }
    .page-template-template-landing-page .ftco-navbar-light .navbar-collapse { position: absolute; width: 160px; background: rgb(255, 255, 255); top: 60px; right: 170px; }
    .hero-section-new { height: 80vh; }
    .hero-content { top: 50%; z-index: 1; }
    .hero-section-new .hero-content ul.highlights-list { gap: 20px; }
    .hero-section-new .hero-content ul.highlights-list li:not(:last-child)::after { right: -11px; }
    .hero-section-new .hero-content h1 { font-size: 50px; line-height: 60px; margin: 15px 0 15px;  }
    .hero-section-new .hero-content .feature-item { font-size: 16px; line-height: 30px; }
    .hero-section-new .hero-content .feature-list { gap: 5px 0px; }
    .ftco-navbar-light .navbar-toggler { color: #3e270f !important; }
    .about-musakhan img { margin-bottom: 30px; width: 80%; text-align: center; }
    .about-musakhan { padding: 60px 0; }
    .footer-landing-page-sec { padding: 40px 0; }
    .faq-section { padding: 60px 0 50px; }
    .meet-your-guide { padding: 60px 0 50px; }
    .meet-your-guide img { width: 80%; margin-top: 40px; }
    .traveler-reviews-slider-sec .ItemTravelerReviews p { height: 100px; }
    .traveler-reviews-slider-sec .ItemTravelerReviews h3 { font-size: 22px; line-height: 32px; }
    .traveler-reviews-slider-sec .ItemTravelerReviews .traveler-reviews-image img { width: 70px; height: 70px; min-width: 70px; }
    .traveler-reviews a.review-btn { padding: 18px 40px; }
    .traveler-reviews .total-reviews span { padding: 16px 40px; }
    .timeline{ width:100%; padding-bottom:0; margin-top: 60px; }
    .timeline:before{ left:20px; height:103%; }
    .timeline ul li:nth-child(odd), .timeline ul li:nth-child(even) { width:100%; text-align:left; padding-left:50px; padding-bottom:70px; }
    .timeline ul li:last-child { padding-bottom: 0; }
    .timeline ul li:nth-child(odd):before, .timeline ul li:nth-child(even):before { top:-20px; left:10px; }
    .timeline ul li:nth-child(odd) .time, .timeline ul li:nth-child(even) .time{ top:-30px; left:50px; right:inherit; }
    .timeline { margin-left: 0; }
    .safari-itinerary .tab-content .tab-itinerary { padding: 70px 30px 0px 30px; }
    .timeline:before { height: 100%; top: -7%; }
    .timeline ul li .time { padding: 0 20px; }
    .timeline ul li:nth-child(4) { padding-bottom: 0; }
    .content { margin-top: 20px; }
    .safariTabs { display: none; }
    #safariAccordion { display: block; }
    #safariAccordion { margin-top: 40px; }
    #safariAccordion .card { width: 100%; height: auto; box-shadow: none; border: 1px solid #0000001A; border-radius: 0; }
    #safariAccordion .card-header { cursor: pointer; border-bottom: 1px solid #0000000D; background-color: #FBFBFB; padding: 20px; }
    #safariAccordion .card-header .btn-link { width: 100%; text-align: left; padding: 0 25px 0 0; position: relative; }
    #safariAccordion .card-header .icon { position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 30px; }
    #safariAccordion .card-header.active-accordion { background: #50362D; color: #fff; }
    #safariAccordion .card-header.active-accordion .btn-link { color: #fff !important; }
    #safariAccordion .card-header h3 button { font-size: 18px; line-height: 30px; font-weight: 500; text-transform: capitalize; font-family: "Open Sans", sans-serif; text-decoration: none; color: #32180F; display: flex; align-items: center; }
    #safariAccordion .card-header h3 button img { width: 30px; height: 30px; min-width: 30px; margin-right: 15px; }
    #safariAccordion .card .card-body { padding-bottom: 30px; }
    .safari-itinerary-perks-grid { grid-template-columns: repeat(1, 1fr); }
    .safari-itinerary-perks-grid .safari-itinerary-perks { justify-content: start; }
    .booking-flex { flex-wrap: wrap; }
    .booking-field { flex: 1 1 48%; }
    .page-template-template-landing-page .ftco-navbar-light .dropdown .dropbtn { padding: 10px 20px; margin: 0 !important; }
}

@media (max-width: 767px) {
    .booking-form-section { margin: 0 auto; }
    .page-template-template-landing-page .navbar-brand img { width: 220px; }
    .hero-section-new .hero-content ul.highlights-list { flex-wrap: wrap; }
    .hero-section-new .hero-content ul.highlights-list li:not(:last-child)::after { display: none; }
    .hero-section-new .hero-content ul.highlights-list { gap: 5px 20px; }
    .hero-section-new .hero-content h1 { font-size: 40px; line-height: 50px; }
    .hero-content { transform: translateY(-20%); }
    .booking-tab-title { padding: 12px 20px 10px; font-size: 24px; line-height: 34px; }
    .navbar .whatsapp-btn { padding: 5px 9px; border-radius: 50px; }
    .navbar .whatsapp-btn span { display: none; }
    .navbar .whatsapp-btn svg { margin-right: 0; margin-top: -3px; }
    .about-musakhan .about-caption h2.aboutTitle { font-size: 30px; line-height: 40px; }
    .faq-section h2 { font-size: 32px; line-height: 42px; margin-bottom: 30px; }
    .faq-section { padding: 50px 0 40px; }
    .why-choose { padding: 50px 0; }
    .why-choose h2 { font-size: 32px; line-height: 42px; }
    .why-choose .why-choose-grid { margin-top: 40px; }
    .meet-your-guide .meet-guide-caption h2.meetguideTitle { font-size: 32px; line-height: 42px; }
    .traveler-reviews { padding: 0 0 40px; }
    .traveler-reviews-slider-sec .ItemTravelerReviews p { height: auto; }
    .traveler-reviews a.review-btn { margin: 30px auto 0; }
    .traveler-reviews h2 { font-size: 32px; line-height: 42px; }
    .safari-itinerary h2 { font-size: 32px; line-height: 42px; }
    .safari-itinerary { padding: 40px 0; }
    .offer-area h2 { font-size: 32px; line-height: 42px; }
    .gallery-section h2 { font-size: 32px; line-height: 32px; }
    .page-template-template-landing-page .ftco-navbar-light .navbar-collapse { top: 60px; right: 60px; }
}

@media (max-width: 575px) {
    .booking-field { flex: 1 1 100%; }
    .booking-btn { flex: 1 1 100%; }
    .offer-content .btn.outline.photo-gallery-btn { width: 100%; padding: 8px 25px; }
    .offer-content .action-btns { gap: 5px; }
}

@media (max-width: 574px) {
    .hero-section-new .hero-content h1 { font-size: 30px; line-height: 40px; text-align: left; }
    .hero-section-new .hero-content .feature-list { justify-content: start !important; }
    .hero-section-new .hero-content .feature-item { white-space: normal; align-items: start; }
    .hero-section-new .hero-content ul.highlights-list { gap: 0px 20px; justify-content: start; }
    .hero-section-new .hero-content .feature-icon { margin-top: 7px; }
    .hero-content { transform: translateY(-50%); }
    .hero-section-new { height: 90vh; }
    .about-musakhan .about-caption h2.aboutTitle { font-size: 28px; line-height: 38px; }
    .about-musakhan .about-caption p { font-size: 16px; line-height: 30px; }
    .about-musakhan .about-caption ul li { font-size: 16px; line-height: 30px; margin-bottom: 8px; }
    .about-musakhan img { width: 100%; }
    .footer-landing-page-sec h2 { font-size: 32px; line-height: 42px; }
    .footer-landing-page-sec { padding: 40px 20px; }
    .footer-cta-box .profile-image img { width: 180px; }
    .footer-cta-box p { font-size: 18px; line-height: 30px; }
    .footer-cta-box .footer-cta-btn a { margin-bottom: 15px; }
    .faq-section h2 { font-size: 30px; line-height: 40px; margin-bottom: 25px; }
    #faqAccordion .card .card-body { margin-top: 15px; }
    #faqAccordion .card { padding: 15px 20px; }
    #faqAccordion .pricing-table th { font-size: 16px; line-height: 30px; }
    .why-choose .why-choose-grid { grid-template-columns: repeat(1, 1fr); }
    .why-choose ul.point-list { gap: 6px; }
    .meet-your-guide { padding: 50px 0 40px; }
    .meet-your-guide .meet-guide-caption h2.meetguideTitle { font-size: 30px; line-height: 40px; }
    .meet-your-guide .meet-guide-caption .feature-item { font-size: 16px; line-height: 30px; }
    .meet-your-guide .meet-guide-caption p { font-size: 16px; line-height: 30px; margin-top: 10px; }
    .meet-your-guide .meet-guide-caption .feature-list { gap: 5px 20px; }
    .meet-your-guide .meet-guide-caption ul li { font-size: 16px; line-height: 30px; margin-bottom: 5px; }
    .meet-your-guide .meet-guide-caption a { font-size: 16px; line-height: 30px; padding: 10px 30px; }
    .meet-your-guide img { width: 100%; margin-top: 30px; }
    .traveler-reviews a.review-btn { padding: 15px 25px; font-size: 16px; line-height: 30px; }
    .traveler-reviews .total-reviews span { font-size: 16px; line-height: 30px; }
    .traveler-reviews .total-reviews span { padding: 15px 25px; }
    .traveler-reviews p { font-size: 18px; line-height: 30px; }
    .traveler-reviews-slider-sec .ItemTravelerReviews { padding: 20px 25px; }
    .safari-itinerary p { font-size: 18px; line-height: 30px; }
    #safariAccordion .card-header { padding: 15px; }
    #safariAccordion .card-header h3 button { font-size: 16px; line-height: 30px; }
    .timeline:before { top: -5%; left: 0px; }
    .timeline ul li:nth-child(odd):before, .timeline ul li:nth-child(even):before { left: -10px; }
    .timeline ul li:nth-child(odd), .timeline ul li:nth-child(even) { padding-left: 30px; }
    .timeline ul li:nth-child(odd) .time, .timeline ul li:nth-child(even) .time { left: 30px; }
    .content { padding: 15px 20px; }
    .timeline ul li h4 { font-size: 18px; line-height: 30px; }
    .safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-img img { width: 110px; height: 110px; min-width: 110px; }
    .safari-itinerary-perks-grid .safari-itinerary-perks { align-items: start; }
    .safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-content h3 { font-size: 20px; line-height: 30px; }
    .safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-content span { margin-top: 0px; }
    .offer-area h2 { font-size: 30px; line-height: 40px; margin-bottom: 10px; }
    .gallery-section h2 { font-size: 30px; line-height: 40px; }
    .safari-itinerary h2 { font-size: 30px; line-height: 40px; }
    .offer-area ul.point-list { font-size: 18px; line-height: 30px; }
    h4.offerItemTitle { font-size: 18px; line-height: 30px; padding: 15px; }
}

@media (max-width: 400px) {
    .booking-tab-title { padding: 12px 10px 10px; font-size: 20px; line-height: 40px; }
    .hero-section-new .hero-content h1 { font-size: 24px; line-height: 34px; margin: 5px 0 5px; }
    .hero-section-new .hero-content .feature-item { gap: 5px; }
    .navbar .whatsapp-btn svg { width: 20px; height: 20px; }
    .navbar .whatsapp-btn { margin-left: 5px; padding: 1px 6px; }
    .page-template-template-landing-page .navbar-brand img { width: 180px; }
    .footer-cta-box .footer-cta-btn a:last-child { margin-bottom: 0; }
    .footer-landing-page-sec { padding: 40px 0; }
    .footer-landing-page-sec h2 { font-size: 28px; line-height: 38px; }
    .safari-itinerary-perks-grid .safari-itinerary-perks { flex-wrap: wrap; }
    .safari-itinerary-perks-grid .safari-itinerary-perks .safari-itinerary-perks-content { margin-top: 20px; margin-left: 0; }
    .safari-itinerary p { font-size: 16px; }
}

@media (max-width: 350px) {
    .page-template-template-landing-page .navbar-brand img { width: 150px; }
}