/* Offset anchor links so the sticky header doesn't cover the target section */
html { scroll-padding-top: 100px; }

/* Remove brightness/invert filter from hero form inputs — it turns Chrome autofill solid white.
   Colors are already set correctly (white text, transparent bg) in style.css. */
.hero-two .hero-form .form-inner .form-group input {
    filter: none !important;
    color: #fff !important;
}
/* Keep calendar picker icon white (it would turn dark without the filter) */
.hero-two .hero-form .form-inner .form-group input[type="date"]::-webkit-calendar-picker-indicator {
    filter: brightness(0) invert(1);
    opacity: 0.7;
    cursor: pointer;
}
/* Fix Chrome autofill — use inset box-shadow to paint over the autofill bg */
.hero-two .hero-form .form-inner .form-group input:-webkit-autofill,
.hero-two .hero-form .form-inner .form-group input:-webkit-autofill:hover,
.hero-two .hero-form .form-inner .form-group input:-webkit-autofill:focus,
.hero-two .hero-form .form-inner .form-group input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0.1) inset !important;
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #fff;
    transition: background-color 5000s ease-in-out 0s;
}

/* Hero background — stronger overlay for readable white text */
.hero-two-bg::before {
    background: linear-gradient(270deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.65) 100%) !important;
}

.header-two .navbar{ padding: 12px 0; }
.sticked .navbar{ padding:12px 0 !important; }
.blog-three-section .blog-detail .blog-read p{ background-color: #0006; }
.top-destination .destination-detail .destination-img a{ display:inline-block; width:120px; aspect-ratio:1; }
.top-destination .destination-detail .destination-img a img{ width:100%; height:100%; object-fit:cover; }
.popular-tour-three .nav-item.active{ color:#FF7400 !important; }
.popular-tour-three .tour-detail-box .tour-img a img{ border-radius:10px; }

.explore-place-three .gallery-box{ margin-bottom:25px; }
.explore-place-three .gallery-box a img{ border-radius:10px; }
.about-us-three .about-info img{ border-radius:14px; }

/* Specialist Banner */
.specialist-banner{ background:linear-gradient(135deg,#FF7400,#cc5c00); padding:18px 0; text-align:center; }
.specialist-banner h2{ color:#fff; font-size:1.35rem; font-weight:700; letter-spacing:2.5px; margin:0; text-transform:uppercase; text-align:center; line-height: 1.4; }
@media(max-width:576px){ .specialist-banner h2{ font-size:1rem; letter-spacing:1px; } }

/* Tour Packages Section */
.tour-packages-section{ padding:70px 0; background:#f8f8f8; }
.package-card{ background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 4px 30px rgba(0,0,0,.08); transition:transform .3s ease,box-shadow .3s ease; height:100%; }
.package-card:hover{ transform:translateY(-6px); box-shadow:0 12px 40px rgba(0,0,0,.15); }
.package-card-header{ background:linear-gradient(135deg,#FF7400,#cc5c00); padding:26px 28px; color:#fff; }
.package-card-header h3{ font-size:1.1rem; font-weight:700; margin:0 0 8px; letter-spacing:.5px; line-height:1.3; }
.package-card-header .pkg-duration{ font-size:.9rem; opacity:.92; }
.package-card-body{ padding:24px 28px; }
.package-info-row{ display:flex; align-items:flex-start; gap:10px; margin-bottom:13px; color:#555; font-size:.93rem; }
.package-info-row i{ color:#FF7400; width:16px; margin-top:3px; flex-shrink:0; }
.package-price{ border-top:1px solid #f0f0f0; padding-top:18px; margin-top:16px; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.pkg-price-label{ font-size:.8rem; color:#888; margin-bottom:2px; }
.pkg-price-amount{ font-size:1.7rem; font-weight:700; color:#FF7400; line-height:1; }
.pkg-per-head{ font-size:.78rem; color:#888; margin-top:3px; }




/* =====================================================
   Why Choose Beduin Bangali
   ===================================================== */
.why-choose-bb { padding: 80px 0; background: #f8f8f8; }
.bb-feature-card { display:flex; align-items:flex-start; gap:20px; background:#fff; border-radius:12px; border:1px solid #e1e1e1; padding:28px 24px; height:100%; transition:box-shadow .3s,border-color .3s,transform .3s; }
.bb-feature-card:hover { box-shadow:0 10px 30px rgba(0,0,0,.10); border-color:transparent; transform:translateY(-4px); }
.bb-feature-icon { width:52px; height:52px; min-width:52px; background:linear-gradient(135deg,#FF7400,#cc5c00); border-radius:10px; display:flex; align-items:center; justify-content:center; color:#fff; font-size:20px; }
.bb-feature-body h6 { font-size:17px; font-weight:600; color:#000; margin:0 0 8px; line-height:1.3; }
.bb-feature-body p { font-size:14.5px; color:#666; margin:0; line-height:1.6; }

/* =====================================================
   How It Works
   ===================================================== */
.how-it-works-bb { padding: 80px 0; background: #fff; }
.bb-step-card { background:#f8f8f8; border-radius:14px; padding:36px 28px 32px; text-align:center; height:100%; border:1px solid #e8e8e8; transition:box-shadow .3s,border-color .3s,transform .3s; }
.bb-step-card:hover { box-shadow:0 10px 30px rgba(255,116,0,.12); border-color:#FF7400; transform:translateY(-4px); }
.bb-step-number { width:64px; height:64px; border-radius:50%; background:linear-gradient(135deg,#FF7400,#cc5c00); color:#fff; font-size:22px; font-weight:700; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; box-shadow:0 4px 16px rgba(255,116,0,.30); }
.bb-step-card h6 { font-size:18px; font-weight:600; color:#000; margin:0 0 12px; text-align: center;}
.bb-step-card p { font-size:15px; color:#666; margin:0; line-height:1.6; }

/* =====================================================
   Travel For Everyone
   ===================================================== */
.travel-for-everyone-bb { padding: 80px 0; background: #f8f8f8; }
.bb-travel-type-card { background:#fff; border-radius:14px; border:1px solid #e1e1e1; padding:36px 24px 32px; text-align:center; height:100%; transition:box-shadow .3s,border-color .3s,transform .3s; }
.bb-travel-type-card:hover { box-shadow:0 10px 30px rgba(255,116,0,.12); border-color:#FF7400; transform:translateY(-4px); }
.bb-travel-type-icon { width:64px; height:64px; border-radius:50%; background:linear-gradient(135deg,#FF7400,#cc5c00); display:flex; align-items:center; justify-content:center; margin:0 auto 18px; }
.bb-travel-type-icon i { font-size:26px; color:#fff; }
.bb-travel-type-card h6 { font-size:17px; font-weight:600; color:#000; margin:0 0 10px; text-align: center;}
.bb-travel-type-card p { font-size:14.5px; color:#666; margin:0; line-height:1.6; }

/* Hero form — FA icon replacement for form-icon images */
.hero-two .hero-form .form-inner .form-group i.form-icon { position:absolute; top:35px; left:22px; transform:translateY(-50%); color:#fff; font-size:16px; pointer-events:none; }
/* Hide native number spinner */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
[type=number] { -moz-appearance: textfield; }

/* CF7 hero form — wrapper must behave like the original <form> */
.hero-two .hero-form .wpcf7 { width: 100%; }
.hero-two .hero-form .wpcf7-form { width: 100%; }
/* Neutralize any residual p/br CF7 might inject */
.hero-two .hero-form .wpcf7-form > p { margin: 0; padding: 0; }
.hero-two .hero-form .wpcf7-form br { display: none; }
/* Validation error tip */
.hero-two .hero-form .wpcf7-not-valid-tip {
    color: #FF7400;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}
/* CF7 response message (success / mail failed) */
.hero-two .hero-form .wpcf7-response-output {
    border: none;
    color: #fff;
    text-align: center;
    padding: 8px 12px;
    margin: 10px 0 0;
    border-radius: 8px;
    background: rgba(255,255,255,.12);
    font-size: 14px;
}

footer .footer-col .footer-logo{ max-width:100px; }
.header-two .contact-details ul{ margin:0; gap:15px; list-style:none; }
.header-two .contact-details a{ color:#000; }
.header-two .contact-details ul li a i{ color:#FF7400; }


.banner-three-slider{ width:100%; }

.hero-three .banner-three button.slick-arrow {
	border: 1px solid #FF7400;
	outline: 0;
	font-size: 22px;
	color: #FF7400;
	width: 54px;
	height: 54px;
	background-color: #FFFFFF;
	border-radius: 50%;
	transition: all 0.5s;
}


.banner-three-slider .slick-dots{ position:absolute; display:flex; align-items:center; bottom:30px; left:0; right:0; margin:0 auto; text-align:center; justify-content:center; gap:10px; list-style:none; }

.banner-three-slider .slick-dots li button{ text-indent:-999999999px; border:none; }
.banner-three-slider .slick-dots li{ text-indent:-999999999px; background:rgba(255, 255, 255, .5); border-radius:50%; width:16px; aspect-ratio:1; height:16px; border:none; cursor:pointer; }
.banner-three-slider .slick-dots li.slick-active{ text-indent:-999999999px; background:#D86200; width:20px; height:20px; }


.header-two a.navbar-brand{ max-width:140px; margin-bottom:-44px; }
.header-two .navbar .contact-mobile{ margin:0; padding:0; display:none; }
.header-two .navbar .contact-mobile ul{ list-style:none; gap:15px; margin:0; }
.header-two .navbar .contact-mobile ul li a{ width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#104409; }




























@media screen and (max-width: 991px){
.header-two .navbar .contact-details .d-flex.align-items-center{ flex-direction:column; align-items:initial !important; padding-left:0; }
.header-two .navbar-nav .nav-item .nav-link.active{ padding-left:8px; padding-right:8px; }
.header-two .navbar .contact-mobile{ display:block; }








}


.footer-menu li{ list-style: none;}

/* Footer contact list text */
footer .footer-contact ul li,
footer .footer-contact ul li span { color: #ffffff; }

/* CF7 submit button loader spinner */
.cf7-spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.4);
    border-top-color: #ffffff;
    border-radius: 50%;
    animation: cf7spin 0.7s linear infinite;
    vertical-align: middle;
    margin-right: 6px;
}
@keyframes cf7spin {
    to { transform: rotate(360deg); }
}
.contact-us .contact-form .wpcf7-submit:disabled {
    opacity: 0.8;
    cursor: not-allowed;
}

/* Contact form icons — FA icons replace broken <img> tags */
.contact-us .contact-form .form-inner .form-group i.form-icon {
    position: absolute;
    top: 60px;
    left: 40px;
    color: #999;
    font-size: 16px;
    z-index: 2;
}
.contact-us .contact-form .form-inner .form-group i.email-icon {
    position: absolute;
    top: 65px;
    left: 40px;
    color: #999;
    font-size: 16px;
    z-index: 2;
}
.contact-us .contact-form .form-inner .form-group i.massage-icon {
    position: absolute;
    top: 60px;
    left: 40px;
    color: #999;
    font-size: 16px;
    z-index: 2;
}

/* CF7 form integration — neutralise wrapper spans so existing CSS still applies */
.contact-us .contact-form .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}
.contact-us .contact-form .wpcf7-form-control-wrap input,
.contact-us .contact-form .wpcf7-form-control-wrap textarea {
    width: 100%;
    box-sizing: border-box;
}

/* Textarea max-height */
.contact-us .contact-form .form-inner .form-group textarea {
    max-height: 205px;
    resize: vertical;
}

/* Placeholder default color — visible without hover */
.contact-us .contact-form .form-inner .form-group input::placeholder,
.contact-us .contact-form .form-inner .form-group textarea::placeholder {
    color: #aaaaaa;
}

.contact-us .contact-form .wpcf7-response-output {
    margin: 24px 0 0;
    padding: 10px 16px;
    border-radius: 6px;
    font-size: 15px;
}
.contact-us .contact-form .wpcf7-not-valid-tip {
    font-size: 13px;
    color: #e74c3c;
    margin-top: 4px;
    display: block;
}

/* Blog single post — override global white paragraph color */
.blog-detail-content p,
.blog-detail-content li,
.blog-detail-content h1,
.blog-detail-content h2,
.blog-detail-content h3,
.blog-detail-content h4,
.blog-detail-content h5,
.blog-detail-content h6 {
    color: #1a1a1a;
}
/* =====================================================
   FAQ Section
   ===================================================== */
.faq-section {
    padding: 120px 0;
    background: #f8f8f8;
}
.faq-section .main-title {
    margin: 0 0 50px 0;
}

/* accordion — matches destination-book style */
.faq-accordion .accordion-item {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #E7E7E7;
    border-radius: 0;
}
.faq-accordion .accordion-item:first-of-type .accordion-button {
    border-radius: 0;
}
.faq-accordion .accordion-button {
    background: transparent;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    padding: 20px 0;
    box-shadow: none;
    border: none;
}
.faq-accordion .accordion-button:not(.collapsed) {
    background: transparent;
    color: #000;
    box-shadow: none;
}
.faq-accordion .accordion-button:focus {
    box-shadow: none;
}
.faq-accordion .accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    background-image: url(../img/accordion-arrow-icon.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transform: rotate(-90deg);
    content: "";
}
.faq-accordion .accordion-button:not(.collapsed)::after {
    background-image: url(../img/accordion-arrow-icon.svg);
    transform: rotate(0deg);
}
.faq-accordion .accordion-body {
    padding: 10px 0 20px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #7F7F7F;
}

/* =====================================================
   NE India Intro Section — left text + right numbered rows
   ===================================================== */
.ne-intro-section {
    padding: 90px 0;
    background: #f8f8f8;
}
.ne-intro-section .main-title { margin: 0 0 32px 0; }
.ne-intro__para {
    font-size: 17px;
    line-height: 1.8;
    color: #7F7F7F;
    margin: 0 0 16px 0;
}
.ne-intro__para:last-child { margin-bottom: 0; }
.ne-intro__feature {
    display: flex;
    align-items: flex-start;
    gap: 0;
    background: #fff;
    border: 1px solid #E1E1E1;
    border-radius: 10px;
    padding: 22px 24px;
    margin-bottom: 16px;
    transition: box-shadow .3s, border-color .3s;
}
.ne-intro__feature:last-child { margin-bottom: 0; }
.ne-intro__feature:hover {
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    border-color: transparent;
}
.ne-intro__feature .number-box {
    width: 50px;
    min-width: 50px;
    height: 60px;
    border-radius: 10px;
    background: #FF7400;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
}
.ne-intro__feature .number-box span {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
}
.ne-intro__feature-text h6 {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin: 0 0 6px;
}
.ne-intro__feature-text p {
    font-size: 14.5px;
    color: #7F7F7F;
    margin: 0;
    line-height: 1.6;
}

/* =====================================================
   Explore by State — vertical tab layout
   ===================================================== */
.explore-by-state {
    padding: 120px 0;
    background: #f8f8f8;
}
.explore-by-state .main-title { margin: 0 0 50px 0; }
.state-tab-wrap {
    border: 1px solid #E1E1E1;
    border-radius: 16px;
    overflow: hidden;
}
/* Left nav */
.state-tab-nav {
    background: #012E41;
    padding: 0;
    gap: 0;
    height: 100%;
}
.state-tab-btn {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,.10);
    padding: 28px 24px;
    text-align: left;
    cursor: pointer;
    transition: background .25s;
    color: rgba(255,255,255,.65);
}
.state-tab-btn:last-child { border-bottom: none; }
.state-tab-btn.active,
.state-tab-btn:hover {
    background: rgba(255,116,0,.18);
    color: #fff;
}
.state-tab-btn__num {
    font-size: 22px;
    font-weight: 700;
    color: #FF7400;
    min-width: 32px;
}
.state-tab-btn__label {
    font-size: 15px;
    font-weight: 600;
    flex: 1;
}
.state-tab-btn__arrow {
    font-size: 12px;
    opacity: 0;
    transition: opacity .2s;
}
.state-tab-btn.active .state-tab-btn__arrow { opacity: 1; color: #FF7400; }
/* Right content panel */
.state-tab-content {
    padding: 48px 44px;
    background: #fff;
    min-height: 360px;
}
.state-tab-pane__icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg,#FF7400,#cc5c00);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.state-tab-pane__icon i { font-size: 24px; color: #fff; }
.state-tab-pane__title {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    margin: 0 0 14px;
}
.state-tab-pane__desc {
    font-size: 16px;
    line-height: 1.75;
    color: #7F7F7F;
    margin: 0 0 24px;
}
.state-tab-pane__spots {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 30px;
}
.state-tab-pane__spots li {
    font-size: 15px;
    font-weight: 500;
    color: #333;
}
.state-tab-pane__spots li i {
    color: #FF7400;
    margin-right: 6px;
    font-size: 13px;
}

/* =====================================================
   Corporate & Group Tours — icon info strip + text
   ===================================================== */
.corporate-tours-bb {
    padding-bottom: 90px;
    background: #fff;
}
/* Top strip — matches destination-details contact style */
.traveller-strip {
    background: #FAFAFA;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
    padding: 48px 0;
    margin-bottom: 70px;
}
.traveller-strip__item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding-right: 24px;
    border-right: 1px solid #E7E7E7;
}
.traveller-strip__item--last { border-right: none; }
.traveller-strip__icon {
    padding: 16px;
    border-radius: 40px;
    background: rgba(255,116,0,.12);
    flex-shrink: 0;
}
.traveller-strip__icon i {
    font-size: 22px;
    color: #FF7400;
    display: block;
}
.traveller-strip__text span {
    display: block;
    font-size: 14px;
    color: #7F7F7F;
    margin-bottom: 2px;
}
.traveller-strip__text strong {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.corporate-tours-bb .main-title { margin: 0 0 24px 0; }
.corporate-tours-bb__desc {
    font-size: 17px;
    line-height: 1.75;
    color: #7F7F7F;
    margin: 0 0 14px;
}

/* =====================================================
   Start Planning CTA — split layout (text left, actions right)
   ===================================================== */
.start-planning-cta {
    padding: 100px 0;
    background: linear-gradient(135deg, #025b82 0%, #013c59 100%);
}
.start-planning-cta__label {
    font-family: "Sacramento", sans-serif;
    font-size: 35px;
    font-weight: 400;
    color: #fff;
    margin: 0 0 -4px 0;
    line-height: 1.4;
    display: block;
}
.start-planning-cta__title {
    font-size: 44px;
    font-weight: 700;
    color: #fff;
    line-height: 1.15;
    margin: 0 0 24px 0;
}
.start-planning-cta__desc {
    font-size: 17px;
    color: rgba(255,255,255,.75);
    line-height: 1.75;
    margin: 0;
}
.start-planning-cta__desc strong { color: #fff; }
/* Right actions column */
.start-planning-cta__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    padding-left: 40px;
}
.start-planning-cta__primary-btn {
    width: 100%;
    text-align: center;
    justify-content: center;
}
.start-planning-cta__outline-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    border: 2px solid rgba(255,255,255,.5);
    border-radius: 50px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: background .3s, border-color .3s;
}
.start-planning-cta__outline-btn:hover {
    background: rgba(255,255,255,.1);
    border-color: #fff;
    color: #fff;
}
.start-planning-cta__highlights {
    list-style: none;
    padding: 0;
    margin: 8px 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.start-planning-cta__highlights li {
    font-size: 15px;
    color: rgba(255,255,255,.80);
}
.start-planning-cta__highlights li i {
    color: #FF7400;
    margin-right: 8px;
}