@import url('https://fonts.googleapis.com/css2?family=Arial&display=swap');

body{
    overflow-x: hidden;
}
.container {
    width: 100%;
    max-width: 1200px !important;
    margin: auto;
}

/* service dropdown */
.header-ul {
    overflow: visible !important;
}

.header-li.dropdown {
    position: relative;
}
.dropdown-menu-custom {
    position: absolute;
    top: 100%;
    left: 0;
    background: transparent;
    list-style: none;
    padding: 10px 0;
    margin: 0;
    min-width: 180px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.15);
    display: none;
    z-index: 999;
    border-radius: 6px;
      opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s ease;
}
/* show only when <a> is hovered */
.header-li.dropdown > a:hover + .dropdown-menu-custom,
.header-li.dropdown:hover .dropdown-menu-custom {
    opacity: 1;
    visibility: visible;
}
/* Dropdown items */
.dropdown-menu-custom li {
    padding: 0;
}
.dropdown-menu-custom li a {
    display: block;
    padding: 10px 16px;
    color: #333;
    text-decoration: none;
    font-weight: 500;
}

.dropdown-menu-custom li a:hover {
    background: #f5f5f5;
    color: #000;
}

/* Show on hover */
.header-li.dropdown:hover .dropdown-menu-custom {
    display: block;
}


#ui-header{
    /* position:fixed; */
    position:sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    /* padding: 18px 0; */
    padding: 10px 0;
    transition: 0.4s ease;
    background: transparent;
   

}
#ui-header.scrolled {
    padding: 10px 0;
    backdrop-filter: blur(15px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: #fff;
    /* background: rgba(255, 255, 255, 0.1); */
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
}
.header-container{
    display:flex;
    justify-content: space-between;
    align-items: center;
     position: relative;
    /* padding: 15px 20px; */
    /* background-color: #fff; */
    /* box-shadow: 0 2px 5px  rgba(0,0,0,1);     */
}
.scrolled .nav-menu li {
    color: #000;
}
.scrolled .nav-menu li a {
    color: #000;
}
.logo img{
    /* display: block; */
    max-width: 75px;
    height: auto;
}

.nav-menu ul{
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 25px;
    margin-right: 30px;
}
.nav-menu li{
        color: #ffff;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 16px;
    cursor: pointer;
    transition: color  0.3s, transform 0.3s;
     
}
.nav-menu li a{
     text-decoration: none;
     /* color:#fff; */
     color:#000;
}
.nav-menu li a:hover{
    color: #ff3b6c;
    transform: translateY(-2px);
}
.nav-menu li:hover{
   /* color: #ff6600; */
    color: #ff3b6c;
    transform: translateY(-2px);
}


.footer-section{
    background-color: #111;
    color: #fff;
    padding: 50px 0 20px;
    font-family: 'Inter' , sans-serif;
}

.footer-section a{
    color: #fff;
    text-decoration: none;
    transition: color 0.3s;
}
.footer-section a:hover{
    color: #ff3b6c;
}
.footer-container{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}
.footerbanner .footer-logo{
    border-radius: 10px;
}
.footerbanner .footer-desc{
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 1.6;;
}

.icons a{
    display: inline-block;
    margin-right: 10px;
    font-size: 20px;
    color : #fff;
    transition: color 0.3s;
}
.icons a:hover{
    color: #ff3b6c;
}
.customer-service h4,
.col-lg-2 h4,
.col-lg-2 h4 {
    font-size: 16px;
    margin-bottom: 15px;
}

.customer-service-icon h6{
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
}

.customer-service-icon p, .customer-service-icon a{
    font-size: 14px;
    margin: 0;
}
.copyright{
    border-top: 1px solid rgba(255,255,255,0.2);
    margin-top: 30px;
    padding-top: 15px;
    font-size: 14px;
}

.phone,
.whtsapp {
    position: fixed;
    bottom: 20px; /* Distance from the bottom of the screen */
    background-color: #25D366; /* Green color for WhatsApp */
    border-radius: 50%; /* Make the div circular */
    padding: 15px; /* Adjust size of the circle */
    z-index: 9999; /* Make sure the icons are above other content */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); /* Add some shadow for modern effect */
    transition: all 0.3s ease; /* Smooth transition for hover effect */
}

.phone {
    left: 20px; 
    background-color: #34b7f1; /* Blue color for Phone */
}

.whtsapp {
    right: 20px; /* Place WhatsApp icon on the right */
    background-color: #25D366; /* Green color for WhatsApp */
}

.phone a,
.whtsapp a {
    color: #fff;
    font-size: 24px; /* Icon size */
    display: block;
    text-align: center;
    line-height: 0; /* Remove space around the icon */
    text-decoration: none;
    
}
.phone a{
    rotate: 90deg;
}
.phone:hover,
.whtsapp:hover {
    transform: scale(1.1); /* Make the icons grow a little on hover */
}

.phone:hover {
    background-color: #0078D4; /* Darker blue when hovering over phone */
}

.whtsapp:hover {
    background-color: #128C7E; /* Darker green when hovering over WhatsApp */
}

/* Optional: If you want to add some icons, use font-awesome icons */
.fas, .fab {
    font-size: 30px; /* Adjust the size of the icons */
}
.phone i {
    transform: rotate(90deg); /* Rotate the icon */
    font-size: 30px; /* Adjust size of the icon as needed */
    transition: transform 0.3s ease; /* Smooth rotation transition */
}

.footer-bg {
    background: #1f2423;
    color: #fff;
    font-family: 'Inter', sans-serif;
    padding-top: 40px;
    padding-bottom: 8px;
}

.footerupper {
    background-image: url("/public/assets/images/bg-footer.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;   /* ⭐ KEY POINT */
    padding-top: 123px;           /* image ke liye space */
    /* padding-bottom: 30px; */
}

.footer-title {
    font-size: 18px;
    margin-bottom: 20px;
    position: relative;
}

.footer-title::after {
    content: "";
    width: 30px;
    height: 3px;
    background: #ff3b6c;
    display: block;
    margin-top: 8px;
}
.quote-form input,
.quote-form textarea,
.quote-form select {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    border: none;
    margin-bottom: 10px;
    font-size: 14px;
}
.phone-input {
    display: flex;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
}

.phone-input span {
    padding: 14px 10px 10px 10px;
    background: #747474;
    font-size: 14px;
}

.phone-input input {
    border: none;
    flex: 1;
     padding: 14px 10px 10px 10px;
}

.two-select {
    display: flex;
    gap: 10px;
}
.quote-form button {
    width: 100%;
    background: linear-gradient(45deg, #ff3b6c, #ff6a88);
    border: none;
    padding: 12px;
    color: #fff;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
}
.service-item {
    display: flex;
    gap: 12px;
    margin-bottom: 15px;
}

.service-item i {
    font-size: 20px;
    color: #ff3b6c;
}
.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 8px;
}
.footer-links a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.footer-links a:hover {
    color: #ff3b6c;
}
.footer-social {
    display: flex;
    gap: 25px;
    justify-content: center;
    margin-top: 40px;
    flex-wrap: wrap;
}

.footer-social a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.footer-social i {
    margin-right: 6px;
}
.select-up {
    position: relative;
}

/* Chrome / modern browsers */
.select-up {
    direction: rtl;              /* dropdown upar feel deta */
    text-align: left;
}

.select-up option {
    direction: ltr;
}

.footer-shimmer-btn {
      position: relative;
    overflow: hidden;  
    width: 100%;
    height: 48px;
    border: none;
    border-radius: 9999px; /* rounded-full */
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    cursor: pointer;

    /* EXACT gradient like Tailwind */
    background-image: linear-gradient(
        110deg,
        #e23464 0%,
        #ff779c 45%,
        #e23464 100%
    );

    background-size: 200% 100%;
    animation: footer-shimmer 2s linear infinite;

    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    /* transition: transform 0.2s ease; */
}

.footer-shimmer-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 150%;
    height: 100%;

    background: linear-gradient(
        120deg,
        transparent 40%,
        rgba(255,255,255,0.6) 50%,
        transparent 60%
    );

    animation: footer-shine 3s infinite;
}

.footer-shimmer-btn:hover {
    transform: translateY(-1px);
}
@keyframes footer-shimmer {
    0% {
        background-position: 200% 0;
    }
    100% {
        background-position: -200% 0;
    }
}

@keyframes footer-shine {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}

.confidence-payment {
    background: #fff;
    border-top: 1px solid #e5e7eb;
    font-family: 'Inter', sans-serif;
}

.confidence-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 30px 0;
    gap: 40px;
}

.confidence-left h4,
.confidence-right h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 16px;
    color: #000;
}

/* LEFT LOGOS */
.confidence-logos {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.logo-box {
    width: 70px;
    height: 60px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.logo-box img {
    max-width: 90%;
    max-height: 90%;
    object-fit: contain;
}

/* RIGHT PAYMENT */
.payment-logos {
    display: flex;
    gap: 12px;
    align-items: center;
}

.payment-logos img {
    height: 28px;
    object-fit: contain;
}

/* BOTTOM COPYRIGHT */
.confidence-bottom {
    text-align: center;
    font-size: 14px;
    padding: 14px 0;
    border-top: 1px solid #e5e7eb;
    color: #000;
}

/* MOBILE RESPONSIVE */
@media (max-width: 768px) {
    .confidence-wrap {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .confidence-logos,
    .payment-logos {
        justify-content: center;
    }
}


/* main css  */

.video-hero {
    position: relative;
    width: 100%;
    height: 80vh; /* full screen */
    overflow: hidden;
}

/* Video */
.hero-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -2;
}

/* Dark overlay for readability */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.45);
    z-index: -1;
}

/* Text Center */
.hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    width: 100%;
    padding: 0 20px;
}

/* Main Heading */
.hero-content h1 {
    font-size: 52px;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: 'Inter', sans-serif;
}

/* Subtitle */
.hero-content span {
    display: inline-block;
    /* background: #1e73be; */
    padding: 10px 22px;
    font-size: 20px;
    font-weight: 600;
    border-radius: 4px;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .hero-content h1 {
        font-size: 32px;
    }

    .hero-content span {
        font-size: 16px;
        padding: 8px 16px;
    }
}

.explore-section {
    padding: 70px 0;
    background: #fff;
}

.section-title h2 {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 10px;

}

.section-title span {
    width: 40px;
    height: 2px;
    background: #ff3b6c;
    display: inline-block;
    margin-bottom: 40px;
}

/* CARD */
.explore-card {
    position: relative;
    border-radius: 14px;
    overflow: hidden;
    height: 260px;
    cursor: pointer;
}

.big-card {
    height: 550px;
}

.explore-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

/* DARK GRADIENT */
.explore-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.7),
        rgba(0,0,0,0.15)
    );
}

/* TEXT */
.explore-overlay {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 2;
    color: #fff;
}

.explore-overlay h3 {
    font-size: 20px;
    font-weight: 600;
    position: relative;
}

/* SMALL LINE */
.explore-overlay h3::after {
    content: "";
    width: 30px;
    height: 2px;
    background: #fff;
    display: block;
    margin-top: 8px;
}

/* HOVER EFFECT */
.explore-card:hover img {
    transform: scale(1.12);
}

/* MOBILE */
@media(max-width:768px) {
    .big-card {
        height: 320px;
    }
}
.popTour{
    color:#ff3b6c;
}


.travelsection {
    position: relative;
    background: url('/public/assets/images/HomeBannerVideo.mp4');
    padding: 250px 15px 250px 15px;
    background-position: center 0%;
    background-size: cover;
    z-index: 99;
}

/* .travelsection::after {
    content: '';
    background: url(../assets/images/mask-layer.png);
    position: absolute;
    bottom: 0px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0px;
    width: 100%;
    height: 65%;
    z-index: -1;
}    */

h1.travel {
    font-weight: 900;
    font-size: 148px;
    color: #FFFCFA;
    width: 100%;
    display: flex;
    justify-content: center;
    line-height: normal;
    letter-spacing: 5px;
    font-family: 'Inter', sans-serif;
    z-index: -1;
    position: relative;
     /* 👇 Animation Added */
    opacity: 0;
    transform: translateY(40px);
    animation: slideUp 1.0s ease-out forwards;
}
/* 👇 Keyframes */
@keyframes slideUp {
    from {
        opacity: 0;
        transform: translateY(40px); /* नीचे */
    }
    to {
        opacity: 1;
        transform: translateY(0); /* अपनी position पर */
    }
}

.travel-para {
    font-family: "Italianno", "cursive";
    font-weight: 400;
    font-size: 35px;
    line-height: 120%;
    text-align: center;
    color: #fff;
    margin-top: -20px;
    margin-bottom: 0px !important;
}

.contactBanner{
    /* position: relative;
    width: 100%;
    text-align: center; */
     width: 100%;
    overflow: hidden;
}
.contactBannerimg{
    /* width: 100%;
    height: 320px;
    object-fit: cover;
    object-position: center;
       display: block; */
           width: 100%;
    height: auto;
    display: block;
}
/* Dark overlay (optional but recommended) */
.package-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: flex-end;   /* text bottom me */
    padding-bottom: 40px;
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.55),
        rgba(0,0,0,0.15)
    );
}
.contactBanner h1{
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color:#fff;
    font-size: 48px;
    font-weight: bold;
}
.ContactForm{
    width: 100%;
    padding: 50px 0;
    background: #f9f9f9;
}
.formContact{
    display: flex;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    gap: 20px;
}

/* left form */
.letinTouch{
    width: 48%;
}
.contactform{
    margin-bottom: 10px;
    font-weight: bold;
}
.inputform{
    margin-bottom: 10px;
}
.inputform input ,.inputform textarea{
width: 100%;
padding: 5px;
border: 1px solid #ccc;
border-radius : 5px;
}

.nameFeilds{
    display: flex;
    gap:20px;
}

.nameFeilds .inputform{
    width: 50%;
}

/* Right info */
.youcanfind{
    width: 48%;
}
.youcanfind h1{
    margin-bottom: 10px;
}
.email, .location , .aboutowner{
    margin-bottom: 10px;
}

.ownerimg img{
    width: 100%;
    max-width: 200px;
    cursor: pointer;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    
}
.ownerimg img:hover{
    transform: scale(1.08);
    box-shadow: 0 10px 20px rgba(0,0,0,0.25);
}
.container.formContact {
    gap: 4%;
}

.sndBtnContact-form{
    border:none;
    background: #ff3b6c;
    color: #fff;
    width: 70px;
    height: 35px;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s ease;
}
.sndBtnContact-form:hover{
    background: #e05500;      
    transform: scale(1.05);
}
.contact-span{
    color: #ff0000;
    font-weight: normal;
}

label.emails,
label.locations {
    display: block;
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 4px;
    color: #333;
}
.email a,
.location a {
    font-size: 15px;
    color: #444;
    text-decoration: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    transition: color 0.3s ease;
}
.email a:hover,
.location a:hover {
    color: #0078ff;
}

/* Tooltip for Location */
.loc-link {
    position: relative;
}

/* Tooltip text */
.loc-link:hover::after {
    content: "Shrivastav Car Rental, Shiv Murti Gali, near Gujarat Bhawan, Sharvan Nath Nagar, Haridwar, Uttarakhand 249401";
    position: absolute;
    left: 0;
    top: 25px;
    background: #000;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    white-space: normal;
    width: 260px;
    border-radius: 5px;
    z-index: 10;
}
.aboutowner {
    width: 100%;
    display: flex;
    justify-content: space-between; 
    /* align-items: center; */
      align-items: flex-start;
    margin-bottom: 10px;
}
/* Left Content */
.aboutowner .left {
    width: 46%;
     display: flex;
    flex-direction: column;  
    gap: 5px; 
}

/* Right Content */
.aboutowner .ownerimg {
    width: 46%;
    text-align: right;
}
.socialmedia i {
    margin-right: 10px;
    font-size: 20px;
    cursor: pointer;
    transition: 0.3s ease;
}
.socialmedia {
    font-size: 20px;
}

.fb {
  color: #1877f2;
  cursor: pointer;
}
.fb:hover {
  color: #0b4796;
}
.insta {
    color: #e4405f;
      cursor: pointer;
}
.insta:hover {
    color: #9e1c34;
}

.whatsapp, .whtsapp {
    color: #25d366;  
      cursor: pointer;
}
.whatsapp:hover ,.whtsapp:hover {
    color: #0b8a39;  
}
.you-tube{
 color: #FF0000;
}
.you-tube:hover{
   color: #cc0000;
}
.chat{
color: #0078ff;
}
.chat:hover{
color: #033d80;
}
label.anymessage {
    font-size: 14px;
}
.contact-touch ,.contact-youcanfindus{
    font-family:"Times New Roman", Sans-serif;
    
}

.contactform label {
    font-size: 16px;
    font-weight: 600;
    color: #444;
    transition: 0.3s ease;
}

.contactform label:hover {
    color: #ff3b6c;
    letter-spacing: 1px;
}

/* Required * color */
.contact-span {
    color: red;
}

/* ----------------------------------------- */
/* 🟢 INPUT FOCUS EFFECT (Glow + Border Highlight) */
/* ----------------------------------------- */

.inputform input,
.inputform textarea {
    width: 100%;
    padding: 8px;
    border: 1.5px solid #ccc;
    border-radius: 5px;
    outline: none;
    transition: all 0.3s ease;
    background: #fff;
}

/* On focus - beautiful highlight effect */
.inputform input:focus,
.inputform textarea:focus {
    border-color: #ff3b6c;
    box-shadow: 0 0 8px rgba(255, 102, 0, 0.4);
    background: #fff;
}

/* ----------------------------------------- */
/* 🌫 Placeholder Fade Effect */
/* ----------------------------------------- */

::placeholder {
    opacity: 0.5;
    transition: 0.3s ease;
}

input:focus::placeholder {
    opacity: 0.25;
}

/* ----------------------------------------- */
/* 🔵 Name Fields Layout Fix */
/* ----------------------------------------- */

.nameFeilds {
    display: flex;
    gap: 20px;
}

.nameFeilds .inputform {
    width: 50%;
}

/* ----------------------------------------- */
/* ✨ SEND BUTTON IMPROVED EFFECT */
/* ----------------------------------------- */

.sndBtnContact-form {
    border: none;
    background: #ff3b6c;
    color: #fff;
    width: 90px;
    height: 40px;
    border-radius: 6px;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s ease;
}

.sndBtnContact-form:hover {
    background: #e05500;
    transform: scale(1.08);
    box-shadow: 0 6px 12px rgba(255, 102, 0, 0.4);
}


section.homeabout {
    padding: 60px 15px;
    position: relative;
}
/* .indeximgBlog-card {
    position: relative;
} */
.homeAbout-img{
    width: 100%;
}
.indexaboutusText {
    color: #000;
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
}
.indexaboutus{
    color: #ff3b6c !important;
    font-family: "Italianno", "cursive";
    font-weight: 400;
        font-size: 46px;
    line-height: 120%;
    letter-spacing: -0.51px;
}
.indexaboutusLearnMore {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #ff3b6c;         /* Button Color */
    padding: 12px 30px;
    border-radius: 6px;
    transition: 0.3s ease;
       margin-top: 30px;
}

/* Link Styling */
.indexaboutusLearnMore a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

/* Hover Effect */
.indexaboutusLearnMore:hover {
    background:  #d14508;       /* Darker shade */
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0,0,0,0.2);
}




.indeximgBlog-card {
    position: relative;
    width: 350px;
    height: 450px;
}

.homeAbout-img {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

/* hidden stacked images initially */
.stack-img {
    opacity: 0;
    transform: translateX(80px) rotate(0deg);
    transition: all 0.8s ease;
}
/* Scroll UP - slide-in + rotate */
.img2.slide-in { opacity:1; transform:translateX(0) rotate(2deg); }
.img3.slide-in { opacity:1; transform:translateX(0) rotate(7deg); }
.img4.slide-in { opacity:1; transform:translateX(0) rotate(12deg); }

/* Scroll DOWN - slide-out */
.stack-img.slide-out {
    opacity: 0;
    transform: translateX(120px) rotate(0deg);
}

/* animation classes added from JS */
.img2.show {
    opacity: 1;
    transform: translateX(0) rotate(2deg);
}
.img3.show {
    opacity: 1;
    transform: translateX(0) rotate(7deg);
}
.img4.show {
    opacity: 1;
    transform: translateX(0) rotate(12deg);
}




.pop-tour-heading {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 42px;
    font-weight: 500;
    transform: translateX(-60px);
    opacity: 0;
    animation: slideIn 1s ease forwards;
}

/* Left side से slide-in */
@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateX(-80px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* static text */
.pop-tour-most,
.pop-tour-ofindia {
    font-family: "Inter", sans-serif;
    color: #000;
}

/* typewriter text */
.typewriter {
   font-family: "Arial", serif;
    font-size: 50px;
    font-weight: 500;
    /* font-style: italic; */
    color: #ff3b6c;
    white-space: nowrap;
}

/* blinking cursor */
.cursor {
    display: inline-block;
    font-family: "Arial", serif;
    
    font-size: 50px;
    font-weight: 500;
    color: #ff3b6c;
    margin-left: 2px;
    animation: blink 0.7s infinite;
}

@keyframes blink {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
}


.testimonial-swiper {
  width: 100%;
 height: 340px; /* Card height + pagination के लिए extra space */
  padding: 20px 0;
  /* padding: 40px 0; */
  
}

.testimonial-card {
  background: #fff;
  border-radius: 14px;
  height:250px; 
  text-align: center;
  padding: 20px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
}

.testimonial-card img {
  /* width: 80px;
  height: 80px; */
    width: 100%;
  height: auto;
  background-image: cover;
  border-radius: 14px;
  margin-bottom: 10px;
}

.popularTourindia{
 height:400px !important; 
  padding: 20px 0px !important; 
}

.popularTourindia img {
  height: 400px !important;
  object-fit: cover;
  object-position: bottom;
}


/* Pagination color */
.swiper-pagination-bullet {
  background: #ccc;
  opacity: 1;
  
}

.swiper-pagination-bullet-active {
  background: #ff3b6c;
}


.swiper-wrapper{
      align-items: center;
  height: 300px;
    margin-bottom: 40px;
}

.populatTourDots , .DestinationTourDots{
    bottom: 0px !important;
}
.swiper-slide.testimonial-card {
  background: #fff;
  border-radius: 14px;
  height: 300px !important; /* Fixed height */
  text-align: center;
  padding: 0 !important; /* Remove padding to maximize image space */
  box-shadow: 0 6px 20px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
/* Card hover effect */
.swiper-slide.testimonial-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.15);
}

/* Image styling - पूरी space cover करे */
.swiper-slide.testimonial-card img {
  width: 100%;
  height: 300px !important; /* Exact card height */
  object-fit: cover; /* Image को अच्छे से fit करे बिना distort किए */
  object-position: center; /* Center se crop करे */
  border-radius: 14px;
  transition: transform 0.5s ease;
}

/* Image hover zoom effect */
.swiper-slide.testimonial-card:hover img {
  transform: scale(1.08);
}

/* Pagination styling */
.swiper-pagination {
  position: absolute;
  bottom: 0;
}

.swiper-pagination-bullet {
  width: 12px;
  height: 12px;
   background: #ccc;
  opacity: 1;
}

.swiper-pagination-bullet-active {
  background: #ff3b6c;
  width: 30px;
  border-radius: 6px;
}

/* Swiper settings के लिए - एक साथ 5 slides दिखाने के लिए */
.testimonial-swiper .swiper-slide {
  width: calc(20% - 20px) !important; /* 5 slides = 20% each minus gap */
  margin-right: 20px;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  .testimonial-swiper .swiper-slide {
    width: calc(25% - 20px) !important; /* 4 slides on medium screens */
  }
}

@media (max-width: 992px) {
  .testimonial-swiper .swiper-slide {
    width: calc(33.333% - 20px) !important; /* 3 slides */
  }
}

@media (max-width: 768px) {
  .testimonial-swiper .swiper-slide {
    width: calc(50% - 20px) !important; /* 2 slides */
  }
}

@media (max-width: 576px) {
  .testimonial-swiper .swiper-slide {
    width: calc(100% - 20px) !important; /* 1 slide */
  }
}
.featured-program{
    /* background: #ebebeb8c; */
    margin-top: 70px;
    margin-bottom: 30px;

}
a.prev.recomendPrev ,a.next.recomendNext {
    top: 45%;
}

a.prev.recomendPrev:hover,a.next.recomendNext:hover {
    color: #fff;
    background: #e23464;
}

.feat-program-heading {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 36px;
    font-weight: 700;
    transform: translateX(-60px);
    opacity: 0;
    animation: slideIn 1s ease forwards;
}

/* Left side से slide-in */
@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateX(-80px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* static text */
.feat-program-our,
.feat-program-ofmonth {
    font-family: "Inter", sans-serif;
    color: #000;
}

/* typewriter text */
.typewriters {
   font-family: "Arial", serif;
    font-size: 50px;
    font-weight: 500;
    /* font-style: italic; */
    color: #ff3b6c;
    white-space: nowrap;
}

/* blinking cursor */
.cursors {
    display: inline-block;
    font-family: "Arial", serif;
    
    font-size: 50px;
    font-weight: 500;
    color: #ff3b6c;
    margin-left: 2px;
    animation: blink 0.7s infinite;
}

@keyframes blink {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
}



* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  /* max-width: 1000px; */
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  margin-top: 12px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
/* Slide animation */
.slide {
  animation-name: slideRightToLeft;
  animation-duration: 1s;
}

@keyframes slideRightToLeft {
  from {
    transform: translateX(100%);
    opacity: 0.6;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}



.recom-program{
    margin-top: 60px;
    margin-bottom: 30px;
}

.recommended-program-heading {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 50px;
    font-weight: 700;
    transform: translateX(-60px);
    opacity: 0;
    animation: slideIn 1s ease forwards;
}

/* Left side से slide-in */
@keyframes slideIn {
    0% {
        opacity: 0;
        transform: translateX(-80px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/* static text */
.recommended-program-our,
.recommended-program-ofmonth {
    font-family: "Inter", sans-serif;
    color: #000;
}

.cust-happy{
    position: relative;
}
.happyCustomoverlay{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin-bottom: 10px;
    background-color: #ebebeb8c;
    opacity: 0.5;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    z-index: 00000;
}
.happycustomer{
     color: #ff3b6c;
     opacity: 1 !important;
       border-color: #000;
    font-family: "Roboto", Sans-serif;
     font-weight: 600;
    border-style: none;
}
.happyCustom {
    opacity: 1 !important;
    position: relative;
    z-index: 11;
    padding-top: 20px;
}

.a-legacy{
    color: #7B7B7B;
    border-color: #000;
    font-family: "Roboto", Sans-serif;
    /* font-size: 50px; */
    font-weight: 300;
    border-style: none;
    margin-right: 0px;
}

.happy-customer-para{
    color: #989898;
    font-family: "Roboto", Sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
}




/* Blog card */
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700&subset=latin-ext');

.news-slider__wrp.swiper-wrapper {
    width: 32% !important;
}
.wrapper {
    position: relative;
    width: 100%;
    /* margin: 40px auto;
    padding: 20px 0; */
}

.item-bg {
    width: 300px;
    height: 500px;
    position: absolute;
    top: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 26px 6px rgba(0,0,0,0.25);
    opacity: 0;
    transition: all .3s;
    left: -30px;
    z-index: 1;
}

.item-bg.active {
    left: 0;
    top: 0;
    opacity: 1;
}

.news-slider {
    z-index: 2;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    position: relative;
}

@media screen and (max-width: 1300px) {
    .news-slider {
        max-width: 1000px;
    }
}

@media screen and (max-width: 576px) {
    .news-slider {
        margin-top: 45px;
    }
}

.news-slider__wrp {
    display: flex;
    align-items: flex-start;
    position: relative;
    z-index: 2;
}

.news-slider__item {
    width: 400px;
    flex-shrink: 0;
}

@media screen and (max-width: 992px) {
    .news-slider__item {
        width: 340px;
    }
}

.news-slider__item.swiper-slide {
    opacity: 0;
    pointer-events: none;
    transition: all .3s;
}

.news-slider__item.swiper-slide-active,
.news-slider__item.swiper-slide-prev,
.news-slider__item.swiper-slide-next {
    opacity: 1;
    pointer-events: auto;
}

.news-slider__ctr {
    position: relative;
    z-index: 12;
}

.news-slider__arrow {
    background: #fff;
    border: none;
    display: inline-flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    box-shadow: 0 6px 26px 6px rgba(0,0,0,0.25);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    z-index: 12;
    cursor: pointer;
    outline: none !important;
    transition: all 0.3s ease;
}

.news-slider__arrow:hover {
    background: #ff3b6c;
}

.news-slider__arrow:hover .icon {
    fill: white;
}

.news-slider__arrow:focus {
    outline: none !important;
}

.news-slider-prev {
    left: 15px;
    transform: translateY(-50%);
}

.news-slider-next {
    right: 15px;
    transform: translateY(-50%);
}

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.icon-font {
    display: inline-flex;
}

.news-slider__pagination {
    text-align: center;
    margin-top: 50px;
}

.swiper-pagination-bullet {
    width: 13px;
    height: 10px;
    display: inline-block;
    background: #fff;
    opacity: .2;
    margin: 0 5px;
    border-radius: 20px;
    transition: opacity .5s, background-color .5s, width .5s;
    transition-delay: .5s, .5s, 0s;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
    width: 100px;
    transition-delay: 0s;
}

/* Recommended Destinations – Active pagination dot color */
.DestinationTourDots .swiper-pagination-bullet-active {
  background-color: #e23464 !important;
}


@media screen and (max-width: 576px) {
    .swiper-pagination-bullet-active {
        width: 70px;
    }
    .news-slider__arrow {
        width: 40px;
        height: 40px;
    }
}

.news__item {
    padding: 40px;
    color: #fff;
    border-radius: 10px;
    display: block;
    transition: all .3s;
    background: rgba(255, 255, 255, 0.9);
}

@media screen and (min-width: 800px) {
    .news__item:hover {
        color: #222222;
        transition-delay: .1s;
        background: #ff3b6c;
        box-shadow: 0 6px 26px 6px rgba(0,0,0,0.25);
    }
    
    .news__item:hover .news-date,
    .news__item:hover .news__title,
    .news__item:hover .news__txt {
        opacity: 1;
        transition-delay: .1s;
    }
    
    .news__item:hover .news__img {
        box-shadow: none;
    }
}

.news__item.active {
    color: #222222;
    background: #ff3b6c;
}

.news__item.active .news-date,
.news__item.active .news__title,
.news__item.active .news__txt {
    opacity: 1;
}

.news__item.active .news__img {
    box-shadow: none;
}

@media screen and (max-width: 992px) {
    .news__item {
        padding: 30px;
    }
}

@media screen and (max-width: 576px) {
    .news__item {
        padding: 20px;
    }
}

.news-date {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid;
    display: inline-block;
    opacity: .7;
    transition: opacity .3s;
}

@media screen and (max-width: 576px) {
    .news-date {
        margin-bottom: 10px;
        display: inline-flex;
        align-items: center;
        padding-bottom: 0;
    }
}

.news-date__title {
    display: block;
    font-size: 32px;
    margin-bottom: 10px;
    font-weight: 500;
    color: #ff3b6c;
}

.news__item:hover .news-date__title,
.news__item.active .news-date__title {
    color: white;
}

@media screen and (max-width: 576px) {
    .news-date__title {
        margin-right: 10px;
    }
}

.news-date__txt {
    font-size: 16px;
    color: #666;
}

.news__item:hover .news-date__txt,
.news__item.active .news-date__txt {
    color: white;
}

.news__title {
    font-size: 25px;
    font-weight: 500;
    opacity: .7;
    margin-top: 10px;
    margin-bottom: 15px;
    transition: opacity .3s;
    color: #222;
}

.news__item:hover .news__title,
.news__item.active .news__title {
    color: white;
}

@media screen and (max-width: 576px) {
    .news__title {
        font-size: 22px;
        margin-bottom: 10px;
    }
}

.news__txt {
    margin: 10px 0;
    line-height: 1.6em;
    font-size: 15px;
    opacity: .7;
    transition: opacity .3s;
    color: #555;
}

.news__item:hover .news__txt,
.news__item.active .news__txt {
    color: white;
}

.news__img {
    border-radius: 10px;
    box-shadow: 0 6px 26px 6px rgba(0,0,0,0.25);
    height: 200px;
    margin-top: 30px;
    width: 100%;
    transition: all .3s;
    transform-origin: 0% 0%;
    overflow: hidden;
}

.news__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

@media screen and (max-width: 576px) {
    .news__img {
        height: 180px;
        margin-top: 20px;
    }
}

/* Card borders and hover effects */
.news__item {
    border: 2px solid transparent;
}

.news__item:hover,
.news__item.active {
    border-color: #ff3b6c;
}

/* Make sure text is visible on hover */
.news__item:hover .news-date,
.news__item:hover .news__title,
.news__item:hover .news__txt {
    color: white;
}

/* Fix border color on active slide */
.news__item.active {
    border-color: white;
}




/* Customer review */
.testimonial-section {
  background: #fff;
  padding: 80px 0;
  text-align: center;
  overflow: hidden;
}

.testimonial-title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 50px;
}

.testimonial-slider {
  width: 100%;
  overflow: hidden;
}

.testimonial-track {
  display: flex;
  gap: 30px;
  animation: scroll 35s linear infinite;
}

.testimonial-card {
  min-width: 360px;
  background: #fff;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
  text-align: left;
  height: 310px;
  margin-bottom: 20px;
}

.user {
  display: flex;
  gap: 15px;
  align-items: center;
}

.user img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.user h4 {
  font-size: 16px;
  margin: 0;
}

.role {
  font-size: 13px;
  color: #777;
}

.company {
  font-size: 18px;
  font-weight: 700;
  color: #ccc;
}

.stars {
  color: #f5a623;
  margin: 15px 0;
  font-size: 18px;
}

.review {
  font-size: 15px;
  line-height: 1.6;
  color: #444;
}

/* Slow infinite movement */
@keyframes scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Pause on hover */
.testimonial-slider:hover .testimonial-track {
  animation-play-state: paused;
}

.travelStory{
      font-size: 28px;
    font-weight: 700;
    line-height: 24px;
    color: #E23464;
}
.PackageBan{
/* position: absolute; */
width: 100%;
height: 100%;
position: relative;
}
.packageBanner{
      width: 100%;
    position: relative;
}
.package-div {
    /* width: 100%;
    position: absolute;  /* Position the text absolutely within the contactBanner */
     /* bottom: 15%;          
     left: 57%;         */
     /* transform: translate(-50%, -50%);  */
    /* color: white !important;        Set the text color as needed */ 
    text-align: center;  /* Center-align the text */
    padding: 10px;
    font-size: 24px;
        margin-top: 70px;
}
.trav-pac , .trav-pack {
  color:#fff !important; 
}
.pack-div{
    font-size: 20px;
}
.about-pac ,.populr-package ,.chardham-yatra-detail ,.chardhamyatra-jour{
    margin-top: 15px;
    margin-bottom: 20px;
}
.package-p{
 font-family: "Amiri", Sans-serif;
 font-size: 15px;
 font-weight: 400;   
}

/* Responsive */
@media (max-width: 768px) {

    .feat-program-heading {
        font-size: 32px;
        flex-wrap: wrap;
        justify-content: center;
    }
}
.best-seller-section {
    padding: 70px 0;
    background: #fff;
}

.section-title h2 {
    font-size: 32px;
    font-weight: 500;
    margin-top: 25px;
}

.section-title span {
    width: 35px;
    height: 2px;
    background: #e33c74;
    display: inline-block;
    margin: 12px 0 40px;
}

/* CARD BASE */
.seller-card {
    position: relative;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 20px rgba(0,0,0,0.18);
}

/* SLIDER */
.slider {
    overflow: hidden;
}

.slides {
    position: relative;
    width: 100%;
    height: 370px !important;
    transition: transform 0.9s cubic-bezier(0.4, 0, 0.2, 1);
}

.slides img {
    height: 370px;
    width: 100%;
    object-fit: cover;
    flex-shrink: 0;
}


/* HEIGHTS */
.big-seller {
    height: 420px;
}
.small-slider .slides img {
    height: 160px !important;
}
.small-slider .slides {
    height: 160px !important;
}

.small-slider {
    height: 200px;
}

/* WHITE FRAME */
.seller-frame {
    position: absolute;
    inset: 18px;
    height: 330px;
    border: 3px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    display: none;
}
.leftframe{
    height: 64%;
}
.seller-text {
    text-align: center;
    color: #fff;
}

.seller-text span {
    font-size: 32px;
    font-weight: 600;
    color: #ff2e8b;
}

.seller-text h3 {
    font-size: 44px;
    font-weight: 700;
}


.sellertext-left span {
    font-size: 30px;
}
.sellertext-left h3 {
    font-size: 23px;
}

/* PRICE */
.seller-price {
    padding: 15px 24px;
    font-size: 17px;
    font-weight: 600;
    background: #fff;
    color:#000;
}
.seller-price.sellprice-left {
    padding: 2px;
    padding-left: 27px;
}
/* MOBILE */
/* @media (max-width: 768px) {
    .big-seller {
        height: 280px;
    }
} */
.trending-packages {
    padding: 60px 0;
    background:#ebebeb8c;
}
.section-title {
    text-align: center;
    color: #e91e63;
    margin-bottom: 40px;
    font-size: 28px;
}
.packages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
}
.package-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 25px rgba(0,0,0,0.08);
    transition: transform .3s;
}

.package-card:hover {
    transform: translateY(-6px);
}
/* BADGE */
.badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 5px 12px;
    font-size: 12px;
    border-radius: 20px;
    color: #fff;
}
.popular { background: #2979ff; }
.best { background: #2e7d32; }
.sliderzz {
    position: relative;
    height: 200px;
    overflow: hidden;
}
.slideszz{
     display: flex;
    transition: transform .4s ease;
}

.slideszz img {
    width: 100%;
    flex-shrink: 0;
    object-fit: cover;
}
.navzz{
     position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0,0,0,0.4);
    color: #fff;
    border: none;
    padding: 8px 12px;
    cursor: pointer;
}
.prev { left: 8px; }
.next { right: 8px; }
.card-body {
    padding: 15px;
}
.route-wrapper {
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.routetag {
  background: #f3f3f3;
  padding: 2px 6px;
  font-size: 11px;
}
.routemore-btn {
  position: relative;
  background: #f3f3f3;
  border: none;
  padding: 2px 2px;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
}

.routetooltip {
  position: absolute;
  bottom: 120%;
  left: 50%;
  margin-left: 40px;
  transform: translateX(-50%);
  background: rgba(243, 243, 243, 1);
  color: #000;
  padding: 4px;
  font-size: 11px;
  white-space: nowrap;
  display: none;
  border-radius: 4px;
  z-index: 10;
}

/* Hover par show */
.routemore-btn:hover .routetooltip {
  display: block;
}
span.badge.popular {
    background: #ef1e42fa;
}
span.routelabel {
    font-size: 14px;
    font-weight: 600;
}
.card-body h3 {
    font-size: 16px;
    margin-bottom: 6px;
    font-weight: 700;
}
.duration, .route {
    font-size: 14px;
    font-weight: 600
    /* color: #666; */
}


.home-trendingPac-day{
color: #666;
}
.features {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 12px 0;
    font-size: 14px;
    border: 1.5px solid #E23464;
    border-radius: 3px;
    height: 30px;
    padding-top: 3px;
    overflow: hidden;
}

.actions {
    display: flex;
    gap: 10px;
}
.btnz{
     flex: 1;
    padding: 8px;
    font-size: 13px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
}
button.btn.btnz.red {
  color: #e70d3f;
  font-weight: 600;
  border: none;
  padding: 10px 20px;
  background: #fff;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

/* Shimmer effect overlay */
button.btn.btnz.red::after {
  content: '';
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.5) 50%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-25deg);
  transition: all 0.5s ease;
}
/* Bottom line pseudo-element */
button.btn.btnz.red::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 66%;
  margin-left: 23px;
  height: 3px; /* line thickness */
  background: #e70d3f; 
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s ease;
  overflow: hidden;
}
/* Hover animation */
button.btn.btnz.red:hover::after {
  animation: shimmer 1s infinite;
}
button.btn.btnz.red:hover::before {
  transform: scaleX(1); /* line appear */
}
@keyframes shimmer {
  0% {
    left: -75%;
  }
  100% {
    left: 125%;
  }
}
/* Shimmer for bottom line */
@keyframes shimmer-line {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.green {
    background: #2e7d32;
    color: #fff;
}
.red {
    background: #e91e63;
    color: #fff;
}
/* TOUR PACKAGE  */

.tour-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    padding: 40px;
}

.tour-card {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    text-decoration: none;
    color: #333;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    transition: transform 0.3s ease;
}

.image-box {
    position: relative;
    overflow: hidden;
    height: 220px;
}

.image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

/* 🔥 Hover zoom effect */
.tour-card:hover .image-box img {
    transform: scale(1.15);
}

.image-box h3 {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #fff;
    font-size: 20px;
    text-shadow: 0 2px 6px rgba(0,0,0,0.7);
}

.tour-card p {
    padding: 15px;
    font-size: 14px;
    line-height: 1.6;
}

/* Optional lift effect */
.tour-card:hover {
    transform: translateY(-5px);
}



/* Chardham yatra Tour detail */
section.chardham {
    position: relative;
}

/* .chardhamBannerimg{
    width: 100%;
    height: 320px;

     object-fit: contain;   
    background: #000;
    object-position: top; 
} */
.yatraOver {
    display: flex;
    gap: 4%;
    align-items: flex-start;
}
.yatraOver-view {
    width: 70%;
}
.yatraPrice {
    width: 26%; 
    /* border: 1px solid rgba(0,0,0,0.3); */
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    /* background: #fff3df; */
    padding: 20px;
    border-radius: 8px;
    text-align: center;
}
.yatraPrice span {
    display: block;
    font-size: 28px;
    font-weight: bold;
    color: #ff3b6c;
    margin: 10px 0;
}
.yatraPrice h3 {
    font-size: 22px;
    font-weight: 700;
}
.whatsapp-btn {
    background: #25D366;
    color: #fff;
    border: none;
    padding: 10px 16px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    transition: 0.3s ease;
}

.whatsapp-btn:hover {
    background: #1ebe5d;
    transform: scale(1.05);
}

.pdfDownload:hover {
    background: #c24d45;
    transform: scale(1.05);
}
.ChardhamHeading {
    font-family: "Arial", serif;
    font-size: 30px;
    font-weight: 500;
    /* font-style: italic; */
    color: #ff3b6c;
    white-space: nowrap;
}
.chardhamyatra-story {
    /* float: left; */
    /* width: 50%; */
}
.chardhamyatra-story p{
 text-align: left;
    font-family: "Amiri Quran", Sans-serif;
    font-size: 16px;
}
/* FLEX LAYOUT */
.chardhamFlex {
    display: flex;
    gap: 16px;
    align-items: flex-start;
}

/* LEFT */
.chardhamyatra-story {
    width: 70%;
}

/* RIGHT */
.chardhamPhoto {
    width: 29%;
}

/* SLIDER */
.slider {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    /* height: 320px; */
}

.slides {
    display: flex;
     transition: transform 1.5s ease-in-out;
}
.chardhamBannerimg {
    width: 100%;
    height: 440px;
    object-fit: cover;
    flex-shrink: 0;
    transition: transform 0.5s ease;
        object-position: center 65%;
}

/* 🔥 Hover Zoom */
.slider:hover .chardhamBannerimg {
    transform: scale(1.1);
}

/* NAV BUTTONS */
.nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;        /* ❌ background hata diya */
    border: none;
    color: #fff;
    font-size: 30px;         /* arrow size */
    cursor: pointer;
    padding: 0;              /* ❌ extra space hata diya */
    line-height: 1;
}

.prev { left: 10px; }
.next { right: 10px; }
.nav:hover {
    color: #e4e4e4;
    background: none;
}


.wave-section{
    position: relative;
    background: #DFDFDF;
    padding: 120px 0;
    overflow: hidden;
}
.wave{
    position: absolute;
    left: 0;
    width: 100%;
      height: 120px; 
      overflow: hidden;
    line-height: 0;
}
.wave svg {
    width: 100%;
    height: 100%;
    display: block;
}
.wave path{
    fill:#fff;
}
.wave-top{
    top:0;
}
.wave-bottom {
   bottom: -1px;              /* ⭐ gap remove */
    transform: rotate(0deg);
    transform-origin: center;
}

.itinerary-item{
    display: flex;
    gap:20px;
    position: relative;
    margin-bottom: 40px;
}
.day{
    position: relative;
    text-align: center;
    min-width: 60px;
}

.day::after{
    content: "";
    position: absolute;
    top: 60px;
    left: 50%;
    width: 2px;
     height: 100%;
    background: repeating-linear-gradient(
        to bottom,
        #e91e63,
        #e91e63 5px,
        transparent 5px,
        transparent 10px
    );
    transform: translateX(-50%);
}

.day span{
    width: 32px;
    height: 32px;
    background: #e91e63;
    color: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.day p{
    font-size: 12px;
    margin-top: 4px;
}
.content{
   margin-top: -10px;
   width: 100%;
}
.title{
    background: #e91e63;
    color: #fff;
    padding: 8px 12px;
    font-weight: bold;
    margin-top: 10px;
}
.content ul{
        margin-top: 20px;
    padding-left: 20px;
}
.content li{
    margin-bottom: 6px;
    font-size: 14px;
}

.inclusion{
    margin-top: 15px;
}
.icons{
    display: flex;
    gap:20px;
    margin-top: 8px;
}
.icons div{
    text-align: center;
    font-size: 20px;
}
.icons span {
    display: block;
    font-size: 12px;
    margin-top: 4px;
}
.tour-inc {
    margin: 70px 0 20px;
    font-family: "Roboto", sans-serif;
}

.tour-box {
    padding: 20px 25px;
    margin-bottom: 20px;
    border-radius: 4px;
}

.tour-box h3 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}

.tourHiglight{
    background: rgb(230, 230, 230);
}
.tourHiglight ul li::before {
    content: "*";
    color: #1d1d1d;
    font-weight: bold;
    margin-right: 10px;
    margin-top: 5px;
}

/* Inclusion */
.inclusionzz {
    background: #EAF7EA;
}

.inclusionzz ul li::before {
    content: "✔";
    color: #2E7D32;
    font-weight: bold;
    margin-right: 10px;
}

/* Exclusion */
.exclusion {
    background: #FBEBEB;
}

.exclusion ul li::before {
    content: "✖";
    color: #C62828;
    font-weight: bold;
    margin-right: 10px;
}

.tour-box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tour-box ul li {
    font-size: 15px;
    line-height: 1.8;
    display: flex;
    align-items: flex-start;
}

.gst {
    color: #0d6efd;
    font-weight: 600;
}








.blog-sectionz {
    margin-top: 10px;
    margin-bottom: 20px;
    padding: 10px 0;
    font-family: "Roboto", sans-serif;
}


.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.blog-card h4 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: 600;
}

.blog-card p {
    font-size: 14px;
    color: #555;
}

.blog-card a {
    color: #5A4FF3;
    font-weight: 500;
    text-decoration: none;
}

.img-box {
    overflow: hidden;
    border-radius: 4px;
}

.img-box img {
    width: 100%;
    transition: transform 0.5s ease;
}

.blog-card:hover img {
    transform: scale(1.15);
}

.load-more {
    text-align: center;
    margin-top: 40px;
}

.load-more button {
    background: #5A4FF3;
    color: #fff;
    border: none;
    padding: 10px 25px;
    border-radius: 4px;
    cursor: pointer;
}


.taxi-section{
      padding: 0;
}
.taxi-image-wrapper {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    /* border-radius: 12px; */
}
.taxi-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
}
.tax-section-title{
      position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    z-index: 2;
}

.tax-section-title h2{
  font-size: 42px;
    font-weight: 700;
    margin-bottom: 10px;
}
.tax-section-title p{
     font-size: 16px;
}
.taxi-image-wrapper::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.45);
    z-index: 1;
}
.transport-section {
    padding: 70px 0;
    background: #fff;
    font-family: 'Segoe UI', sans-serif;
}
.main-title {
    text-align: center;
    font-size: 28px;
    font-weight: 600;
}
.title-line {
    display: block;
    width: 40px;
    height: 2px;
    background: #e33c74;
    margin: 10px auto 40px;
}
.transport-wrapper {
    display: grid;
    grid-template-columns: 70% 30%;
    gap: 30px;
}
/* LEFT CONTENT */
.left-content p {
    font-size: 16px;
    color: #555;
    margin-bottom: 15px;
    line-height: 1.6;
}
.vehicle-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin: 30px 0;
}
.vehicle-card {
    text-align: center;
        height: 300px;
    margin-bottom: 42px;
     object-fit: cover;
    
}

.vehicle-card img {
    width: 100%;
        height: 300px;
    border-radius: 6px;
}

.vehicle-card h4 {
    font-size: 15px;
    margin: 10px 0 5px;
}
.vehicle-card p {
    font-size: 12px;
    color: #777;
}
.contact-btn {
    display: inline-block;
    background: #ff3b6c;
    color: #fff;
    padding: 10px 22px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
}
.contact-btn:hover{
     background: #e4194c;
}
/* RIGHT FORM */
.right-form {
    height: 450px;
    background: #f7f7f7;
    padding: 20px;
    border-radius: 6px;
}

.right-form h4 {
    margin-bottom: 15px;
    font-size: 16px;
}
.right-form input,
.right-form textarea {
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
}

.right-form textarea {
    resize: none;
    height: 80px;
}
.right-form button {
    width: 100%;
    background: #ff3b6c;
    border: none;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
}

/* What we do in Index page*/
section.whatwedo {
    margin-bottom: 20px;
    margin-top: 50px;
    padding: 10px 0px 0px 0px;
    background: #ebebeb8c;
}
.whatwedoPara {
    width: 100%;
    padding: 10px 15px;
    text-align: center;
    color: #69727d;
    margin-bottom: 18px;
}

.ofWhatwedo {
   margin-bottom: 0px;
}

.whatweDoimg {
  width: 100%;
   position: relative;   
  text-align: center;
}
.whatweDoimg img {
  width: 100%;
  height: auto;
  display: block;
}
.whatwedobtn {
      position: absolute;
       left: 50%;
  bottom: -20px; 
  transform: translateX(-50%); 
  /* margin-top: 15px; */
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  border:none;
  border-radius: 5px;
  color:#fff;
  background:#ff3b6c ;
}
.whatwedobtn:hover{
    background-color: #d11645;
}


/* travel Section */
.carService{
    margin-bottom: 30px;
    margin-top: 50px;
    padding: 10px 0px 0px;
    background: rgba(235, 235, 235, 0.55);
}
.carServ{
        width: 100%;
    position: relative;
    text-align: center;
}
.carServ img {
    width: 100%;
    height: 500px;
    display: block;
}
.carServBtn{
        position: absolute;
    left: 50%;
    bottom: -20px;
    transform: translateX(-50%);
    font-size: 16px;
    cursor: pointer;
    color: rgb(255, 255, 255);
    padding: 10px 20px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 5px;
    background: rgb(255, 59, 108);
    text-decoration: none;

}
.carServBtn:hover{
    background:#d11645 ;
}




/* Term and Codn page */
/* Terms & Conditions Section */
.termandCodn {
    background: #cdcdcdb5;
    font-family: 'Poppins', sans-serif;
    /* margin-top: 70px; */
    margin-bottom: 40px;
}

.termandCodn h3 {
    font-size: 28px;
    font-weight: 600;
    color: #222;
    border-left: 5px solid #e63946;
    padding-left: 12px;
    margin-top: 90px;

}

.termandCodn h4 {
    font-size: 22px;
    font-weight: 500;
    margin-top: 30px;
    margin-bottom: 15px;
    color: #333;
}

.termandCodn p {
    font-size: 15px;
    color: #555;
    line-height: 1.7;
    margin-bottom: 12px;
}

.termandCodn strong {
    color: #111;
}

/* List Styling */
.termandCodn ul {
    padding-left: 20px;
    margin-top: 15px;
}

.termandCodn ul li {
    font-size: 14.5px;
    color: #444;
    line-height: 1.8;
    margin-bottom: 10px;
    position: relative;
    padding-left: 10px;
}

/* Custom Bullet */
.termandCodn ul li::marker {
    color: #e63946;
}

/* Contact Section */
.termandCodn .contact-info {
    margin-top: 25px;
    font-size: 15px;
    color: #333;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .termandCodn h3 {
        font-size: 24px;
    }

    .termandCodn h4 {
        font-size: 20px;
    }

    .termandCodn p,
    .termandCodn ul li {
        font-size: 14px;
    }
}


/* top trending slider in home page  or International Packages */
.top-trending {
  padding: 40px 0;
  background: #ebebeb8c;
}
section.top-trending.InternationalPackages {
    background: #ffff;
}
.trending-box {
  background: #fff;
  padding: 30px;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.trending-head {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 25px;
}

.trending-head img {
  width: 36px;
  height: 32px;
}

.trending-head h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 24px;
  color: #E23464;

}

.trending-head span {
  font-size: 14px;
  color: #999;
  font-weight: 400;
}

/* Swiper card */
.trending-card {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 14px;
  overflow: hidden;
}


.trending-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;    
  display: block;
   z-index: 1;
  position: absolute;
}

.trending-card .overlay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 50px 8px 12px;
  color:#fff;
  margin-bottom: 15px;
  text-align: center;
  /* background: linear-gradient(to top, rgba(0,0,0,0.85), transparent 60%); */
   z-index: 2;  
}
.trending-card h3,
.trending-card p

.trending-card h3 {
  font-size: 16px;
  margin: 0;
}


.trending-card p {
  font-size: 12px;
  margin: 0;
}
.trending-swiper {
  width: 100%;
  padding: 10px 0 40px;
}
.trending-swiper .swiper-slide {
  height: 260px; 
   /* position: relative;     */
}
.trending-card img {
  transition: transform 0.5s ease;
}

.trending-card:hover img {
  transform: scale(1.08);
}
/* Common arrow styling */
.trending-swiper .swiper-button-next,
.trending-swiper .swiper-button-prev {
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}

/* Arrow icon size & color */
.trending-swiper .swiper-button-next::after,
.trending-swiper .swiper-button-prev::after {
  font-size: 14px;        /* 👈 arrow chhota */
  font-weight: bold;
  color: #e23464;         /* 👈 arrow color */
}

/* Position thoda andar */
.trending-swiper .swiper-button-prev {
  left: -15px;
}

.trending-swiper .swiper-button-next {
  right: -15px;
}

/* Hover effect */
.trending-swiper .swiper-button-next:hover,
.trending-swiper .swiper-button-prev:hover {
  background: #e23464;
  transform: scale(1.08);
}

/* Hover pe arrow ka color white */
.trending-swiper .swiper-button-next:hover::after,
.trending-swiper .swiper-button-prev:hover::after {
  color: #fff;
}
/* Normal dots */
.trending-swiper .swiper-pagination-bullet {
  background: #e23464;
  opacity: 0.3;
}

/* Active dot */
.trending-swiper .swiper-pagination-bullet-active {
  background: #e23464;
  opacity: 1;
}
.container.trending-box {
    padding: 30px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
}



/* About Page */
.aboutusSec{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.aboutusSec .aboutusImg {
    width: 100%;
    object-fit: cover;
    height: 470px;
    display: block;
}
.aboutusSec .aboutusText {
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50% , -50%);
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    text-shadow: 2px 2px 8x rgba(0,0,0,0.6);
}
.aboutusText h2{
font-weight: 700
}

.our-mission{
    padding: 70px 0;
    background: #fff;
}
.mission-container{
  margin: 0 auto;
  text-align: center;
}

.mission-container h2 {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 25px;
  color: #0b1c2d;
}
.mission-container p {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
  margin-bottom: 18px;
}

.mission-container .highlight {
  color: #e91e63;
  font-weight: 600;
}

.mission-container .highlight-text {
  color: #e91e63;
  font-weight: 500;
}
section.whyChooseUS {
    padding: 60px 0;
    background: #f3f7ff;
}
.whyChooseUS h1{
    text-align: center;
    font-size: 32px;
    margin-bottom: 40px;
    font-weight: 700;
}
.whyChooseWrapper {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}
.whyImage {
    width: 55%;
}
.whyImage img {
  width: 100%;
  border-radius: 6px;
  object-fit: cover;
}
.whyAccordion {
    width: 45%;
}
.accordion-item {
  background: #fff;
  border-radius: 8px;
  margin-bottom: 12px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  cursor: pointer;
}


.accordion-header {
  padding: 15px 18px;
  font-weight: 600;
  font-size: 15px;
}
.accordion-body {
  padding: 0 18px;
  font-size: 14px;
  line-height: 1.7;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease;
}

.accordion-item.active .accordion-body {
  padding: 15px 18px;
  max-height: 500px;
  background: #f7f3ec;
}




/* Admin panel Blog section */
    button.btn.btn-sm.btn-warning.btnz.red {
    margin-left: 176px;
    font-size: 16px;
}
 button.btn.btn-sm.btn-warning.btnz.red::before{
    margin-left:20px;
 }
 a.btn.btn-sm.btn-info {
    background: #fff;
    border: none;
    color: blue;
    font-size: 16px;
}
a.btn-link-anim {
    position: relative;
    background: #fff;
    border:none;
    color: #0d6efd;
    font-size: 16px;
    font-weight:600px;
    /* padding: 8px 10px; */
    text-decoration:none;
    overflow:hidden;
}
a.btn-link-anim::before {
content: '';
position: absolute;
bottom:0;
left:0;
width: 100%;
height:3px;
background: #0d6efd;
transform: scaleX(0);
transform-origin: left;
transition: transform 0.4s ease;
}

a.btn-link-anim:hover::before {
    transform: scaleX(1);
}

section.top-trending.InternationalPackages.specialTourSlider {
     background: #ebebeb8c;
}

        .confidence-bottom {
    text-align: center;
    font-size: 14px;
    color: #555;
    padding: 15px 0;
}

.confidence-bottom .developer a {
    color: #555;
    text-decoration: none;
    transition: all 0.3s;
}

.confidence-bottom .developer a:hover {
    text-decoration: underline;
    color: #005582; /* Darker blue on hover */
}
.video-hero {
  display: block;
}

.mobile-slider {
  display: none;
}

.travelBlog, .blog-card, .wrapper, .news-slider {
    padding-bottom: 20px;
}
/* Media query for Index page,allpackage,footer */

@media (min-width: 240px) and (max-width: 479px) {
      .contactBanner {
        height: 200px;
    }

    .contactBannerimg {
        width: 100%;
        height: 100%;
        object-fit: contain; /* poori image dikhe */
    }
 .col-lg-3.col-md-6.footer-col {
    margin-top: 12px;
}
.route-wrapper{
    gap: 4px !important;
}
.trending-head {
   flex-direction: column;
}
.actions button.btn.btnz.red {
            margin-left: 0px !important;
        padding: 0px !important;
}
button.btn.btnz.green.requestPriceBtn.red.reqbtngreen {
    margin:0px !important;
}
.actions {
           display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        align-items: center;
}
.feat-program-heading {
gap:0px;
}
.slideshow-container {
    margin-top: 15px;
}
.feat-program-heading {
    font-size: 21px;
    flex-direction: column;
    text-align: center;
    padding-top: 10px;
}
.recom-program {
    margin-top: 60px;
    margin-bottom: 30px;
    padding: 0px 15px !important;
}
section.top-trending.InternationalPackages {
    background: #ffff;
    padding: 0px 15px !important;
}
.featured-program {
    padding: 0px 15px !important;
}
section.top-trending.InternationalPackages {
    background: #ffff;
    padding: 20px 15px !important;
}
h2.section-title {
    /* margin-top: 20px; */
    padding-top: 20px;
}
.top-trending {
    padding: 20px 15px !important;
}
.carService {
    padding: 20px 15px !important;
}
.trending-packages {
    padding: 0px 15px !important;
    padding-bottom: 15px !important;
    margin-top:30px;
    
}
.best-seller-section {
    padding: 0px 15px !important;
}
section.whatwedo {
    padding: 0px 15px !important;
}
.explore-section {
    padding: 0px 15px !important;
}
.cust-happy {
    position: relative;
    padding: 0px 15px !important;
}
section.travelBlog.mt-3.mb-3 {
    padding: 0px 15px !important;
}
.wrapper {
  margin: 0px;

}
.testimonial-card {
    min-width: 300px !important;
    height: auto !important;
}
/* Media query for allPackages page  */

.tour-grid {
    padding-left: 0px;
    padding-right: 0px;
}
    .allpackfeat {
        display: flex;
        align-items: center;
        /* gap: 12px; */
        font-size: 20px;
        gap: 30px !important;
        justify-content: center;
    }
.packagetBtn {
    flex-direction: column;
}

.qwertyu {
    grid-template-columns: 100%;
}
.sdvbn {
    grid-template-columns: 100%;

}
button#loadMoreBtn {
    /* size: 26px; */
    font-size: 10px;
}
.qwertyu {
    grid-template-columns: 100% !important;
    gap: 10px !important;
}
.sdvbn {
    grid-template-columns: 100% !important;
    gap: 10px !important;
}
/* Car Rental */
.transport-section {
    padding: 35px 15px !important;
}
.vehicle-card img{
    object-fit: cover;
    
}
.tab-btn {
    margin-bottom: 0px !important;
}
/* Blog section */
.blog-sectionz {
padding-left: 15px;
padding-right: 15px;
}
section.blogsTitle {
    padding: 0px 15px;
}
section.blogsTitle span.typewrite {
    font-size: 28px;
}
.ContactForm {
    padding-left: 15px;
    padding-right: 15px !important;
}
.aboutowner {
    flex-direction: column-reverse;
}
.aboutowner .ownerimg {
    width: 100%;
    text-align: start;
}
.aboutowner h2{
    font-size: 19px;
}
.blog-banner {
    /* position: relative; */
    width: 100% !important;
    margin-top: 50px !important;
}
.blogbannerimg {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}
section.Blogread {
    padding: 0px 15px;
}
    .blog-content h3 {
        font-size: 20px !important;
    }
.blog-content h2{
    font-size: 16px !important;
}
.chardham-pac {
    padding-top: 66px;
}
    section.chardham-yatra-detail {
        width: 100%;
        padding: 0px 15px;
    }
    .ChardhamHeading {
        font-size: 20px;
    }
section.tour-inc {
    padding: 0px 15px;
}

.video-hero{
    display: none !important;
}
.mobile-slider{
    display: block !important;
    margin-top: 65px;
}
.slideshow-container{
     display: block !important;
}
.container.wedowhat {
    padding-top: 6px;
}
.bestSellcontainer{
     padding-top: 6px;
}
.trendPackageContainer{
    padding-bottom: 15px;
}
.ExploreUk {
    margin-bottom: 0px !important;
}
/* button.btn.btnz.green.requestPriceBtn.red.reqbtngreen::before {
    background: #28A745 !important;
    width: 43% !important;
    margin-left: 73px !important;
    margin-bottom: 1px !important;
    height: 3px !important;
    padding-bottom: 5px;
} */
 button.btn.btnz.green.requestPriceBtn.red.reqbtngreen::before {
    background: #28A745 !important;
    width: 69% !important;
    margin-left: 5px !important;
    margin-bottom: 0px !important;
    margin-top: 10px;
    /* padding-top: 10px; */
    height: 3px !important;
}
.features {
    font-size: 11px !important;
        padding-top: 6px;
    padding-left: 10px;
}
}


@media (min-width: 480px) and (max-width: 767px) {
    .features {
    font-size: 11px !important;
        padding-top: 6px;
    padding-left: 10px;
}
    .actions{
                display: flex;
        flex-direction: column;
        gap: 10px;
        justify-content: center;
        align-items: center;
    }
    .actions button.btn.btnz.red {
            margin-left: 0px !important;
        padding: 0px !important;
}
button.btn.btnz.green.requestPriceBtn.red.reqbtngreen {
    margin:0px !important;
}
    .feat-program-heading {
     font-size: 21px;
    flex-direction: column;
    text-align: center;
    padding-top: 10px;
}
    section.top-trending.InternationalPackages {
    background: #ffff;
    padding: 20px 15px !important;
}
h2.section-title {
    padding-top: 20px;
}
    /* Contact Page */
    .contactBanner {
        height: 260px;
    }

    .contactBannerimg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .ContactForm {
    padding-left: 15px;
    padding-right: 15px !important;
}
.aboutowner {
    flex-direction: column-reverse;
}
.aboutowner .ownerimg {
    width: 100%;
    text-align: start;
}
.aboutowner h2{
    font-size: 19px;
}
.blog-banner {
    width: 100% !important;
    margin-top: 50px !important;
}
.blogbannerimg {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}
section.Blogread {
    padding: 0px 15px;
}

.chardham-pac {
    padding-top: 66px;
}
    section.chardham-yatra-detail {
        width: 100%;
        padding: 0px 15px;
    }
    .ChardhamHeading {
        font-size: 20px;
    }
section.tour-inc {
    padding: 0px 15px;
}
.video-hero{
    display: none !important;
}
.mobile-slider{
    display: block !important;
    margin-top: 65px;
}
.container.wedowhat {
    padding-top: 6px;
}
.bestSellcontainer{
     padding-top: 6px;
}
.trendPackageContainer{
    padding-bottom: 15px;
}
.ExploreUk {
    margin-bottom: 0px !important;
}
button.btn.btnz.green.requestPriceBtn.red.reqbtngreen::before {
    background: #28A745 !important;
    width: 43% !important;
    margin-left: 73px !important;
    margin-bottom: 1px !important;
    height: 3px !important;
    padding-bottom: 5px;
}
section.explore-section {
    padding: 0px 15px;
}
section.whatwedo {
    padding: 0px 15px;
}
section#bestSeller {
    padding: 0px 15px;
}
section.trending-packages {
    padding: 20px 15px;
}
section.carService {
    padding: 20px 15px;
}
section.top-trending {
    padding: 20px 15px;
}
section#featuredprogram {
    padding: 0px 15px;
}
section#populardestination {
    padding: 0px 15px;
}
section.cust-happy {
    padding: 0px 15px;
}
section.travelBlog.mt-3.mb-3 {
    padding: 20px 15px;
}
/* all Packages */
section.PackageBan {
    margin-top: 65px;
}
section.aboutHeaddd {
    padding: 20px 15px;
}
section.about-pac {
    padding: 0px 15px;
}
section.populr-package {
    padding: 0px 15px;
}
section.International.py-5.india {
    padding: 0px 15px;
}
section.International.py-5.uutrakhand {
    padding: 0px 15px;
}
section.International.py-5 {
    padding: 0px 15px;
}
}

@media (min-width: 768px) and (max-width: 999px) {
    /* contact page */
    .contactBanner {
        height: 293px;
    }

    .contactBannerimg {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .video-hero{
    display: block;
    margin-top: 65px;
}
.mobile-slider{
    display: none;
}
section.explore-section {
    padding: 0px 15px;
}
section.whatwedo {
    padding: 5px 15px;
}
section#bestSeller {
    padding-left: 15px;
    padding-right: 15px;
}
section.trending-packages {
    padding-left: 15px;
    padding-right: 15px;
}
section.carService {
    padding: 20px 0px;
}
section.top-trending {
    padding: 20px 15px;
}
section.top-trending.InternationalPackages {
    padding: 20px 15px;
}
section#weekendgetaway {
    padding: 20px 15px;
}
section#featuredprogram {
    padding: 0px 15px;
}
section#populardestination {
    padding: 20px 15px;
}
section.cust-happy {
    padding: 0px 15px;
}
section.travelBlog.mt-3.mb-3 {
    padding: 20px 15px;
}
img.contactBannerimg {
    margin-top: 60px;
}
/* section.aboutHeaddd {
    padding: 20px 15px;
} */
section.about-pac {
    padding: 0px 15px;
}
section.populr-package {
    padding: 0px 15px;
}
section.International.py-5.india {
    padding: 10px 15px !important;

}
.footerupper {
    background-position: bottom;
}
  section.chardham-yatra-detail {
        width: 100%;
        padding: 0px 15px;
    }
    .ChardhamHeading {
    white-space: normal;
    text-align: center;
}
.yatraOver {
    display: block;
}
.yatraOver-view {
    width: 100%;
}
.yatraPrice {
    width: 100%;
}
.chardhamFlex {
    display: block;
}
.chardhamyatra-story {
    width: 100%;
}
.chardhamPhoto {
    width: 100%;
    padding: 0px 15px;
}
section.tour-inc {
    padding: 0px 15px;
}
}

@media (min-width: 1000px) and (max-width: 1100px) {
    .contactBanner {
        height: 380px;
    }

    .contactBannerimg {
        width: 100%;
        height: 100%;
        object-fit: contain; /* image puri dikhegi */
    }
    .video-hero{
    display: block;
}
.mobile-slider{
    display: none;
}
.slideshow-container{
    display: none;
}
.mobile-slider div{
    display: none;
}
 .PackageBan {
        width: 100%;
        overflow: hidden;
    }

    .packageBanner {
        width: 100%;
        height: 300px;      /* 1024px screen ke liye balanced */
        position: relative;
    }

    img.contactBannerimg {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin-top: 40px;   /* tablet/laptop transition fix */
        display: block;
    }

    .package-overlay {
        inset: 0;
    }
  
}