@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

@font-face {
    font-family: PlusJakartaSans-Light;
    src: url(../fonts/Plus_Jakarta_Sans/static/PlusJakartaSans-Light.ttf);
}

@font-face {
    font-family: PlusJakartaSans-SemiBold;
    src: url(../fonts/Plus_Jakarta_Sans/static/PlusJakartaSans-SemiBold.ttf);
}

@font-face {
    font-family: PlusJakartaSans-Bold;
    src: url(../fonts/Plus_Jakarta_Sans/static/PlusJakartaSans-Bold.ttf);
}

@font-face {
    font-family: PlusJakartaSans-Regular;
    src: url(../fonts/Plus_Jakarta_Sans/static/PlusJakartaSans-Regular.ttf);
}

@font-face {
    font-family: PlusJakartaSans-Medium;
    src: url(../fonts/Plus_Jakarta_Sans/static/PlusJakartaSans-Medium.ttf);
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Plus Jakarta Sans", sans-serif;
}

body {
    overflow-x: hidden;
    /* background-color: #f9f9f9; */
}


:root {
    /* //fontsize 50px */
    --fs-50-xl: 3.125rem;
    /* //fontsize 30px */
    --fs-30-xl: 1.875rem;
    /* //fontsize 24px */
    --fs-24-600: 1.5rem;
    /* //fontsize 20px */
    --fs-20-xl: 1.25rem;
    --fs-19-px: 1.1875rem;
    /* //fontsize 18px */
    --fs-18-xl: 1.125rem;
    /* //fontsize 14px */
    --fs-14-xl: 0.875rem;
    /* //fontsize 12px */
    --fs-12-xl: 0.75rem;
    /* //fontsize 16px */
    --fs-16: 1rem;
    /* 15px */
    --fs-15px: 0.9375rem;
    /* 13px */
    --fs-13px: 0.8125rem;
    /* 10px */
    --fs-10: 0.65rem;
    /* color code */
    --alice-Blue: #F1F7FE;
    --primary-color: #007BFF;
    --yello-color: #FBDE15;
    --white-color: #fff;
    --black-color: #000;
    --Dark-grayish-blue-color: #97A0A4;
    --darkcharcoal-color: #333333;
    --red-color: #EF5844;
    --Gray54-color: #8a8a8a;
    --border-color: #E9E9E9;
    --light-yellow-color: #FBF9EB;
    --ff: PlusJakartaSans-Light;
    --ff-sb: PlusJakartaSans-SemiBold;
    --ff-b: PlusJakartaSans-Bold;
    --ff-r: PlusJakartaSans-Regular;
    --ff-m: PlusJakartaSans-Medium;
    --container-width: 73.125rem;
    /* width 1320px*/
    --heroContainer-width: 63.5rem;
    /* width 1160px */
    --mt-100: 6.25rem;
    --mb-100: 6.25rem;
    --mt-70px: 4.375rem;
    --mb-70px: 4.375rem;
    --pt-100: 6.25rem;
    --pb-100: 6.25rem;
    --mt-50: 3.125rem;
    --mb-40px: 2.5rem;
    --ms-20px: 1.25rem;
    --me-20px: 1.25rem;
    --mt-20px: 1.25rem;
    --mb-20px: 1.25rem;
    --ms-25px: 1.52rem;
    --me-25px: 1.52rem;
    --mt-25px: 1.52rem;
    --mb-25px: 1.52rem;
    --mt-30px: 1.875rem;
    --mb-30px: 1.875rem;
    --ms-16px: 1rem;
    --me-16px: 1rem;
    --mt-16px: 1rem;
    --mb-16px: 1rem;
    --mb-12px: 0.75rem;
    --ps-16px: 1rem;
    --pe-16px: 1rem;
    --ps-10px: 0.625rem;
    --pe-10px: 0.625rem;
    --pt-16px: 1rem;
    --pb-16px: 1rem;
    --m: 1.25rem;
    --p-20px: 1.25rem;
    /* 50px */
    --mb-50: 3.125rem;
    --pt-50: 3.125rem;
    --pb-50: 3.125rem;
    --pb-70: 3.125rem;
    --p-30: 1.875rem;
    --p-12px: 0.75rem;
    --txt-mar: 8.125rem;
}

.mb-16px {
    margin-bottom: var(--mb-16px);
}

.mb-12px {
    margin-bottom: var(--mb-12px);
}

.mt-12px {
    margin-top: 12px;
}

.mt-16px {
    margin-top: var(--mt-16px);
}

.ms-16px {
    margin-left: var(--mt-16px);
}

.me-16px {
    margin-right: var(--mt-16px);
}

.pb-16px {
    padding-bottom: var(--mb-16px);
}

.pt-16px {
    padding-top: var(--mt-16px);
}

.ps-16px {
    padding-left: var(--mt-16px);
}

.pe-16px {
    padding-right: var(--mt-16px);
}



.mt-100 {
    margin-top: var(--mt-100);
}

.mt-50 {
    margin-top: var(--mt-50);
}

.pt-50 {
    padding-top: var(--pt-50);
}

.pb-50 {
    padding-bottom: var(--pb-50);
}

.pb-70 {
    padding-bottom: var(--pb-50);
}

.pb-100 {
    padding-bottom: var(--pb-100);
}

.mb-40px {
    margin-bottom: var(--mb-40px);
}

.mb-20px {
    margin-bottom: var(--mb-20px);
}

.mt-20px {
    margin-top: var(--mt-20px);
}

.mt-30px {
    margin-top: 30px;
}

.ms-20px {
    margin-left: var(--ms-20px);
}

.mr-20px {
    margin-right: var(--me-20px);
}

.pt-100 {
    padding-top: var(--pt-100);
}

.mb-25px {
    margin-bottom: var(--mb-25px);
}

.mt-25px {
    margin-top: var(--mt-25px);
}

.mt-30 {
    margin-top: var(--mt-30px);
}

.mb-30 {
    margin-bottom: var(--mb-30px);
}

.mt-70 {
    margin-top: var(--mt-70px);
}

.mb-70 {
    margin-bottom: var(--mt-70px);
}

.m {
    margin: var(--m);
}

.p-20px {
    padding: var(--p-20px);
}

.ps-30px {
    padding-left: 30px;
}

.pe-30px {
    padding-right: 30px;
}

.container {
    max-width: var(--container-width);
    width: 100%;
}

.custom-shadow {
    box-shadow: 11px 15px 30px 0px #0000000A;
}

/* start autocomplete css  */

.cities-dropdown-wrapper {
    position: relative;
}

.cities-dropdown-wrapper .autocomplete-items {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 289px;
    overflow-y: auto;
    background-color: #fff;
    z-index: 999;
    border-radius: 10px;
    border: 1px solid var(--border-color);
}

.cities-dropdown-wrapper .autocomplete-items div {
    color: var(--darkcharcoal-color);
    padding: 0.5rem 1rem;
    font-family: var(--ff-m) !important;
    font-size: var(--fs-16-xl);
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
}

.autocomplete-items .autocomplete-active {
    background-color: #007BFF !important;
    color: #ffffff !important;
}

.autocomplete-items .autocomplete-active strong {
    color: #ffffff !important;
}

.modify-citydropdown .autocomplete-items {
    top: 93% !important;
    border-radius: 4px !important;
}

/* modify autocomplete items scrollbar */

::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.autocomplete-items::-webkit-scrollbar-track {
    background: var(--border-color);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

/* Handle */
.autocomplete-items::-webkit-scrollbar-thumb {
    background: var(--darkcharcoal-color);
    border-radius: 10px;
}

/* end autocomplete item css */

.btn-wrapper .custom-btn {
    background-color: var(--primary-color);
    padding: 12px 16px;
    display: inline-block;
    color: var(--white-color);
    font-size: var(--fs-18-xl);
    font-weight: 600;
    border-radius: 10px;
    text-decoration: none;
    border: 0;
}

.btn-wrapper .btn-bg-none {
    border: 1px solid var(--primary-color);
    background-color: transparent;
    color: var(--primary-color);
}

.whatsapp-btn,
.backtop-btn {
    position: fixed;
    right: 8px;
    z-index: 200;
    cursor: pointer;
}

.backtop-btn {
    bottom: 103px;
    opacity: 0;
    transition: opacity 300ms ease-in-out;
    -webkit-transition: opacity 300ms ease-in-out;
    -moz-transition: opacity 300ms ease-in-out;
    animation: toppulse 1500ms infinite ease;
    -webkit-animation: toppulse 1500ms infinite ease;
    -moz-animation: toppulse 1500ms infinite ease;
}

.whatsapp-btn {
    bottom: 50px;
}

.enquiry-btn {
    position: fixed;
    top: 50%;
    right: -38px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    z-index: 999;
}

.enquiry-btn a {
    /* display: inline-block;
    text-decoration: none; */
    cursor: auto;

}

/********remove focus**/
input,
input[type="text"],
input:focus,
input[type="text"]:focus,
select,
select:focus {
    cursor: pointer;
    outline: none !important;
    /* Removes focus outline */
    box-shadow: none !important;
    /* Removes any box shadow */
}

input,
input[type="text"] {
    cursor: auto !important;
}

.rounded-pill {
    border-radius: 10px !important;
}

.ms-n5 {
    margin-left: -40px;
}

.input-group .search_input {
    position: relative;
    z-index: 0;
    height: 4.125rem;
    width: 29.5625rem;
}

.input-group input::placeholder {
    /* font-family: "Plus_Jakarta_Sans"; */
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    color: var(--Dark-grayish-blue-color);
    cursor: none;
    font-size: 16px;
}

.input-group input {
    font-family: "Plus Jakarta Sans";
    /* font-family: Plus_Jakarta_Sans; */
    font-weight: 500;
    color: var(--darkcharcoal-color);
}

.input-group-append {
    position: absolute;
    z-index: 999;
    right: 0;
    top: 20px;
}

input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

.input-group-append button {
    border: 0 !important;
    /* margin-top: 22px; */
}


/* section1 bg  navbar*/
#section1 {
    position: relative;
    background-image:
        linear-gradient(106.8deg, rgba(224, 240, 255, 0.98) -3.8%, rgba(140, 200, 255, 0.96) 17.79%, rgba(255, 238, 117, 0.88) 100%),
        url('../images/bg.svg');
    background-size: cover, cover;
    /* background-position: center, center; */
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    /* height: 90vh; */
    text-align: center;
    color: #fff;
    /* border-bottom: 1px solid #FFFFFF4D !important; */
    filter: blur(0px);
    animation: filterAnimation 1s ease-in-out;
    z-index: 1;
}

#section1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/Group.svg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.3;
    z-index: 0;
    pointer-events: none;
}


header {
    border-bottom: 1px solid #FFFFFF4D;
}

.logo_size {
    width: 8.16rem;
    height: 3.40rem;
}

nav button {
    width: 9.25rem;
    height: 3.0625rem;
    border-radius: 0.625rem;
    gap: 0.625rem;
    font-size: 18px;
    background-color: var(--primary-color);
    color: var(--white-color);
    border: 0;
    font-family: var(--ff);
    font-weight: 600;
    transition: background-color 0.5s ease-in-out, box-shadow 0.3s ease-in-out, color 0.3s ease-in-out;
}

.navbar-toggler {
    box-shadow: none !important;
    background: transparent;
    width: 34px;
    height: 34px;
    padding: 0;
    /*transition: all 0.3s ease-in-out; */
}

.navbar-toggler:hover {
    background-color: transparent !important;
    /* transform: scale(1); */
    box-shadow: none !important;
}

nav a {
    text-decoration: none;
}

.navbar-nav .register-btn,
.bg-primary-btn {
    text-decoration: none;
    border-radius: 0.625rem;
    font-size: var(--fs-18-xl);
    background-color: var(--primary-color);
    color: var(--white-color);
    font-family: var(--ff-sb);
    padding: 12px 25px;
    border: 1px solid transparent;
    transition: background-color 0.5s ease-in-out, box-shadow 0.3s ease-in-out, color 0.3s ease-in-out;
}

.navbar-nav .custom-link {
    font-size: var(--fs-18-xl);
    color: var(--darkcharcoal-color);
    text-decoration: none;
    font-family: var(--ff-sb);
    position: relative;
    transition: all 0.3s ease;
}

/* 
.navbar-nav .custom-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 0;
    background-color: var(--darkcharcoal-color);
    transition: width 0.3s ease;
} */

.navbar-nav .custom-link:hover {
    color: #007BFF;
}

.navbar-nav .blog-link {
    position: relative;
}

.navbar-nav .blog-link::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    width: 1px;
    height: 50px;
    /* color: #fff; */
    color: #007BFF;
    background: #fff;
    z-index: -1;
    border-radius: 8px;
}

.navbar-light .navbar-toggler {
    border: 0;
    width: 1rem !important;
}

.navbar-light .navbar-toggler:hover {
    background-color: transparent !important;
    box-shadow: none !important;

}

nav button:hover {
    background-color: var(--yello-color) !important;
    color: var(--white-color) !important;
    box-shadow: 0 14px 20px #3191ea21 !important;
}

.profile_login,
#hero_bg button {
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.profile_login:hover,
#hero_bg .profile_login:hover {
    transform: scale(1.1);
    /* box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); */
}

.user_img {
    height: 3.25rem;
    width: 3.25rem;
}

/*********hero section**********/
.nav-pills .nav-link,
.form-check-label {
    cursor: pointer;
}

.form-select {
    cursor: default;
    /* background-image: url('../svg/select-icon.svg');
    background-size: 20px 20px; */
}

.roundtrip-select-box {
    background-image: none;
}

#hero-section {
    /* width: 83.5rem; */
    max-width: var(--heroContainer-width);
    z-index: 99;
    position: relative;
    /* 1016px */
    min-height: 15.875rem;
    /* 277px */
    background-color: #fff;
    position: relative;
    margin: 1.2rem;
    margin-top: 11.0625rem;
    margin-bottom: 11.0625rem;
    padding: 2.5rem;
    box-shadow: 0px 2.46px 4.19px 0px #00000001;
    border-radius: 0.875rem;

}

/*********nav pills**********/
.form-check {
    display: flex;
    align-items: center;
}

#hero-section .form-check {
    display: flex;
    /* align-items: center; */
}

.form-check .form-check-label {
    font-family: var(--ff-m);
    font-size: var(--fs-14-xl);
}

.nav-pills .nav-link.active {
    color: var(--white-color);
    background-color: var(--primary-color) !important;
    transition: box-shadow 0.3s ease;
    /* Optional smooth transition */
}

.view-details-wrapper .nav-link.active:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    /* Light subtle shadow */
}

.nav-pills .nav-link.active input.form-check-input:checked {
    background-color: #0d6efd !important;
    /* border-color: #0d6efd; */
    border: 1px solid #fff !important;
    cursor: pointer !important;

}

input#Sedan:checked {
    background-color: #0d6efd !important;
    /* border-color: #0d6efd; */
    border: 1px solid #fff !important;
    cursor: pointer !important;
}

.nav-pills .nav-link {
    text-align: center;
    border-radius: 2rem;
    background-color: var(--alice-Blue);
    gap: 10px;
    font-family: var(--ff-m);
    color: var(--primary-color);
    /* border: 1px solid var(--alice-Blue); */
}

.nav-pills li:last-child {
    border-right: none;
}

/****radionbtn*****/
.form-check-input[type=radio] {
    border: 1px solid #007BFF
}

.nav-pills .nav-link.active .form-check-input:checked[type=radio] {
    border: 1px solid #007BFF;
    background-color: #007BFF;
    background-size: 19px;
    margin-bottom: 4px;
}

.form-check .form-check-input {
    margin-right: 0.5rem;
    cursor: pointer !important;
    margin-bottom: 4px;
}


.border-right-0 {
    border-right: 0 !important;
}

.border-right-1 {
    border-right: 1px solid rgba(233, 233, 233, 1)
}

/***********tab content************/
.select-border {
    border: 1px solid #e9e9e9;
    border-radius: 0.5rem;
    /* margin-bottom: 1rem; */
}

#pills-Roundtrip .select-border {
    /* margin-bottom: 1rem; */
}

.source_city {
    font-family: var(--ff-r);
    font-size: var(--fs-14-xl);
    text-align: left;
    color: var(--darkcharcoal-color);
}

.form-select,
.form-control,
.input-group {
    border: 0;
    font-size: 16px;
    /* color: var(--Dark-grayish-blue-color); */
    color: var(--black-color);
    /* font-family:var(--ff-m) ; */
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
}

#hero-section .input-arrow-down {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right -0.15rem center;
    background-size: 16px 12px;
    padding-right: 18px;
}


.form-control::placeholder {
    font-size: 16px;
    color: var(--Dark-grayish-blue-color);
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    /* font-family: var(--ff-m); */
}

.search-btn {
    position: absolute;
    bottom: -4.25rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    z-index: 3;
}

.search-btn input {
    width: 16.125rem;
    height: 3rem;
    background: var(--primary-color);
    color: var(--white-color);
    font-size: var(--fs-18-xl);
    font-family: var(--ff);
    font-weight: 600;
    border-radius: 0.5rem;
    border: transparent;
    /* position: absolute; */
    transition: background-color 0.5s ease-in-out;
    cursor: pointer !important;
}

.vertical-center {
    margin: 0;
    position: fixed;
    top: 50%;
    right: -49px;
    z-index: 1;
    transform: translateY(-50%) rotate(-90deg);
}

.top_right_btn {
    color: #fff;
    font-size: var(--fs-18-xl);
    font-family: var(--ff);
    font-weight: 500;
    background-color: #EF5844;
    box-shadow: 2px -9px 14px 0px rgba(0, 0, 0, 0.2);
    border: 1px solid #fff;
    Padding: 1.125rem 1.5625rem 1.125rem 1.5625rem;
    height: 3.25rem;
    width: 9.25rem;
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;

}

#pills-tabContent {
    position: relative;
}

/*********marquee*************/
.marquee-container {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.marquee {
    display: flex;
    width: 200%;
    animation: marquee 35s linear infinite;
    padding: 2rem;
}

.marquee img {

    height: 1.3rem;

}

/* Define the marquee animation */
@keyframes marquee {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

/*************mobile tabs view***********/
#new_ul li {
    background-color: #fff;
    border-right: 1px solid #F1F5F9;
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: var(--mb-25px);
}

/* #new_ul .nav-pills .nav-link {} */

#new_ul li:nth-child(1) {
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem;
}

#new_ul li:nth-child(5) {
    border-top-right-radius: 1.25rem;
    border-bottom-right-radius: 1.25rem;
    border: 0;
}

#new_ul .nav-item .nav-link {
    height: 5rem;
    width: 100%;
    border-radius: 8px;
    background-color: var(--white-color) !important;
    font-size: var(--fs-10);
    font-family: var(--ff-sb);
    color: var(--darkcharcoal-color) !important;

}

#new_ul .nav-item .nav-link.active {
    background-color: var(--primary-color) !important;
    position: relative;
    color: var(--white-color) !important;
    font-family: var(--ff-b) !important;
}

#new_ul button img {
    filter: none;
}

#new_ul button.active img {
    filter: brightness(0) invert(1);
}

#new_ul button.active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -13px;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: 14px solid var(--primary-color);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

/******************services**************/
.heading,
.heading_bedore {
    font-family: var(--ff-b);
    font-size: var(--fs-50-xl);
    line-height: 1.3;
    display: flex;
    align-items: center;
    font-weight: 700;
    color: var(--darkcharcoal-color);
    margin-bottom: 0 !important;
}


.heading::before {
    content: '';
    width: 10px;
    display: inline-block;
    height: 60px;
    margin-right: 10px;
    /* margin-left: 10px; */
    background-color: #FBDE15;
}

.explore a {
    font-size: var(--fs-20-xl);
    color: var(--primary-color);
    font-weight: 700;
    text-decoration-thickness: 0.5px;
    text-underline-offset: 3px;
    font-family: var(--ff-sb);
    text-decoration: underline;
    transition: color 0.2s;
    text-decoration-thickness: 1px;
    transition: all 0.3s ease;
}

.explore a:hover {
    color: #0a58ca;
}

.explore-btn {
    margin-top: 20px;
}

.offer-section button {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    margin-top: 10px;
}

.service-section button,
.offer-section button a,
button.explore-btn a {
    padding: 18px 25px;
    background-color: var(--primary-color);
    color: var(--white-color);
    font-family: var(--ff);
    font-size: var(--fs-14-xl);
    border-radius: 10px;
    border: 0;
    text-decoration: none;
}

button.explore-btn a {
    padding: 18px 25px;
    text-decoration: none;
    /* font-weight: 500; */
}

button.explore-btn a:hover {
    color: #fff;
}

.service-section .carousel-caption h5 {
    font-size: 24px;
    font-weight: 700;
    text-transform: lowercase;
    width: 100%;
}

.service-section .carousel-caption h5::first-letter {
    text-transform: uppercase;
}

.service-section .carousel-caption a {
    font-size: var(--fs-24-600);
    font-family: var(--ff-b);
    font-weight: 700;
    text-decoration: none;
    color: #fff !important;
}

.image-container {
    position: relative;
    cursor: pointer;
    /* display: inline-block; */
    overflow: hidden;
    transition: box-shadow 0.5s ease, transform 0.5s ease;
}

.img-1 {
    width: 100%;
    height: 318px;
    object-fit: fill;
    border-radius: 24px;
    transition: transform 0.5s ease, box-shadow 0.5s ease;
    transform: scale(1);
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    background: linear-gradient(119.36deg, rgba(34, 34, 34, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    opacity: 1;
    transition: opacity 0.5s ease;
}

.carousel-caption {
    position: absolute;
    top: 0rem;
    left: 0rem !important;
    padding: 20px 36px;
    color: #fff !important;
    font-family: PlusJakartaSans_Medium;
    z-index: 1;
    text-align: left !important;
    opacity: 1;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: translateY(20px);
}

/* Hover effect */
.image-container:hover .img-1 {
    transform: scale(1);
}

.image-container:hover .overlay {
    opacity: 1;
}

.image-container:hover .carousel-caption {
    opacity: 1;
    /* Show caption on hover */
    transform: translateY(0);
    /* Slide caption up to its final position */
}

.carousel-caption h5,
.carousel-caption p {
    margin: 0;
}

.carousel {
    position: relative;
    /* Ensure positioning context for buttons */
}

.slides .carousel-control-next,
.slides .carousel-control-prev {
    bottom: auto;
    width: auto;

}

.slides .carousel-control-prev {
    left: auto;
    right: 2rem;
}

.service-section .carousel-control-next,
.service-section .carousel-control-prev {
    top: -4rem;
}

/*********offers***********/
.offer-section h5 {
    font-family: var(--ff-b);
    font-size: var(--fs-20-xl);
    color: var(--darkcharcoal-color);
    margin-top: 0.875rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.offer-section span {
    font-family: var(--ff-m);
    font-size: var(--fs-12-xl);
    color: var(--Dark-grayish-blue-color);
}

.dotted-border {
    border: 1px dashed #E9E9E9;
    margin-top: 2px;
}

.bg-light-grey {
    background-color: #f9f9f9;
}

.offer-section .card_img {
    height: 8.125rem;
    border-radius: 1rem;
    width: 100%;
    object-fit: cover;
    object-position: center;

}

.offer-section .card {
    border-radius: 1.25rem;
    border: 0;
    background-color: #fff;
    border-radius: 10px;
    padding: 1rem;
    overflow: hidden;
    margin-bottom: 30px;
    transition: all 0.3s ease;

}

.offer-section .card:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);

    border-radius: 10px;
}

.offer-section .card-body {
    background-color: transparent;
    padding: 0;
}

/********** why choose *****/
.why_choose {
    background-color: var(--light-yellow-color);
}

.why_choose h6 {
    font-size: var(--fs-20-xl);
    color: var(--darkcharcoal-color);
    line-height: 20px;
    font-family: var(--ff-b);
}

.why_choose span {
    font-size: var(--fs-16);
    color: var(--Dark-grayish-blue-color);
    line-height: 30px;
    font-family: var(--ff-m);
}

.test_bg {
    position: relative;
    border-radius: 10px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
}

/******taxi in India *****/
.taxi_india {
    background-color: #f9f9f9 !important;
}

.dotted_bg {
    --c: #3333330A;
    /* Line color */
    --t: 2px;
    /* Line thickness */
    --g: 40px;
    /* Gap between lines */
    --s: 12px;
    /* Size of dashes */

    background:
        conic-gradient(at var(--t) 50%, #0000 75%, var(--c) 0) var(--g)/calc(var(--g) + var(--t)) var(--s);

    animation: moveLines 20s linear infinite;
    /* Slower animation for movement */
}

@keyframes moveLines {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 0 100%;
    }
}

.taxi_india p {
    font-size: var(--fs-15px);
    color: var(--darkcharcoal-color);
    /* line-height: 30px; */
    font-family: var(--ff-r);
}

.taxi_india .p_bold {
    font-size: var(--fs-16);
    color: var(--darkcharcoal-color);
    line-height: 15px;
    font-family: var(--ff-m);
    position: relative;
    display: flex;
    align-items: center;
}

.p_bold {
    display: flex;
    align-items: center;
}

.p_bold::before {
    content: "";
    display: inline-block;
    background-image: url(../images/Overlay.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    flex-shrink: 0;
}

.taxi_india button {
    background: var(--primary-color);
    border-radius: 10px;
    color: var(--white-color);
    width: 8.9375rem;
    height: 3.25rem;
    border: none;
    font-size: var(--fs-18-xl);
    font-family: var(--ff-sb);
    transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
}

.taxi_india button a {
    text-decoration: none;
    color: #fff !important;
}

/********Download**********/
.download_section {
    position: relative;
    background: linear-gradient(135deg, rgba(251, 222, 21, 0.1) 0%, rgba(0, 123, 255, 0.07) 50%, rgba(251, 222, 21, 0.1) 100%);
    background-repeat: repeat;
    background-size: contain;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #FFFFFF4D !important;
}

.download_section::before,
.search-bottom-wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 25rem;
    max-height: 19.8125rem;
    background-image: url('../images/Vector.svg');
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    opacity: 0.5;
    z-index: 0;
    pointer-events: none;
}

.download_section::after,
.search-bottom-wrapper::after {
    content: '';
    position: absolute;
    bottom: -21px;
    transform: rotate(180deg);
    right: 19px;
    width: 100%;
    height: 100%;
    max-width: 25rem;
    max-height: 19.8125rem;
    background-image: url(../images/Vector.svg);
    background-size: contain;
    background-position: bottom right;
    background-repeat: no-repeat;
    opacity: 0.5;
    z-index: 0;
    pointer-events: none;
}

.download_bg_top_left {
    position: absolute;
    top: 0;
    left: 0;
    padding: 5rem 0;
    width: auto;
    height: auto;
    background:
        linear-gradient(rgba(255, 255, 0, 0.2), rgba(255, 255, 0, 0.2)),
        /* Yellow overlay */
        url('/assets/images/Vector.svg');
    /* Background image */

    /* Background image */
    background-repeat: no-repeat;
    background-size: cover, cover;
    background-position: top left, center;
    z-index: 1;
}

.download_section h6 {
    text-transform: uppercase;
    font-size: var(--fs-16);
    font-family: var(--ff);
    font-weight: 900;
    color: var(--black-color);
    text-align: left;
    /* letter-spacing: 0.1.3rem; */
}

.download_section .Download_link {
    font-size: var(--fs-50-xl);
    color: var(--primary-color);
    font-family: var(--ff-b);
}

.input_number {
    box-shadow: 0px 14px 14px 0px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    background-color: #fff;
    max-width: 24.8125rem;
    max-height: 3.75rem;
    /* padding: 0.8rem; */
}

.country-code {
    color: var(--darkcharcoal-color);
    font-family: var(--ff-sb);
    font-size: var(--fs-16);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;

}

.downloadicons {
    margin-left: -1.3rem;

}

.downloadicons img {
    cursor: pointer;
}

.border_right_do {

    border-right: 1px solid rgba(233, 233, 233, 1) !important;
}

.download_input input[type="text"]::placeholder,
input::placeholder {
    color: var(--Dark-grayish-blue-color);
    font-family: "Plus Jakarta Sans";
    font-size: var(--fs-16);
    border: 0;
}

.link_btn {
    cursor: pointer;

    background-color: var(--primary-color);
    color: var(--white-color);
    font-size: var(--fs-16);
    font-family: var(--ff);
    border: 0;
    width: 8.6875rem;
    height: 3.75rem;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
    /* Smooth transition for background-color, box-shadow, and color */
}

.parent {
    position: relative;
    top: 0;
    left: 0;
}

.image2 {
    position: relative;

    z-index: 1;
}

.image1 {
    position: absolute;
    left: 210px;
    z-index: 0;
}

/******destination and review ******/
.destionation-section {
    background: #fbfbfb;
}

.destionation-section a {
    text-decoration: none;
    display: inline-block;
}

.destionation-section .card {
    border: 0;
    width: 16rem;
    background: linear-gradient(119.36deg, rgba(34, 34, 34, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
    /* background: linear-gradient(119.36deg, rgba(34, 34, 34, 0.5) 0%, rgba(0, 0, 0, 0) 100%); */
    /* box-shadow: -4px 12px 24px 0px #0000000D; */
    box-shadow: -22px 35px 25px -39px #0000000D;
    border-radius: 40px;

}

.destinations .card {
    background: transparent !important;
}

.destinations .card .image-container img {
    border-radius: 10px;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0 !important;
}

.destionation-section .card_title {
    font-size: 1.3rem;
    font-family: 'PlusJakartaSans_Medium';
    color: rgba(51, 51, 51, 1);

}

.destionation-section .card-body {
    background: #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    /* box-shadow: 0px 10.84px 8.67px 0px rgba(0, 0, 0, 0.1); */
}

.destionation-section .carousel-caption {
    position: absolute;

    top: -11px;
    left: unset !important;
    right: 0;
    color: #fff !important;
    font-family: PlusJakartaSans_Medium;
    z-index: 1;
    text-transform: uppercase;
    text-align: left !important;
}

.destionation-section .card_img {
    height: 16.75rem;
    width: 100%;
    object-fit: cover;
    border-radius: 1.5rem 1.5rem 0 0;
    object-position: top;
    overflow: hidden;
}

.destionation-section .overlay {
    position: absolute;
    border-radius: 1.5rem 1.5rem 0 0;
    background: linear-gradient(119.36deg, rgba(34, 34, 34, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

.destionation-section .card_title {
    color: var(--darkcharcoal-color);
    font-size: var(--fs-16);
    font-family: var(--ff-m);
}

.popular-city-slider .carousel-caption {
    width: 100%;
    left: 0 !important;
}

.popular-city-slider .carousel-caption h6 {
    font-size: 24px;
    font-weight: 700;
    text-transform: lowercase;
}

.popular-city-slider .carousel-caption h6::first-letter {
    text-transform: uppercase;
}

.popular-city-slider .overlay {
    border-radius: 1.5rem !important;
}

/* =====================  Rating Container ================= */

.rating-container,
.question-container {
    background-color: #fbfbfb;
}

.rating-carousel .carousel-card {
    background-color: var(--white-color);
    border: 2px solid var(--border-color);
    border-radius: 10px;
    padding: var(--p-30);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 240px;
    box-shadow: 0px 0px 17px 0px #7780A11A;
}

.carousel-card .rating-star img {
    margin-right: 6px;
    display: inline-block;
}

.carousel-card .rating-text {
    margin-top: var(--mt-30px);
    margin-bottom: var(--mb-30px);
}

.carousel-card .rating-text p {
    font-size: var(--fs-14-xl);
    font-family: "Plus Jakarta Sans";
    color: var(--darkcharcoal-color);
    margin-bottom: 0px;
    font-weight: 500;
    line-height: 28px;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.carousel-card .rating-user-name {
    font-size: var(--fs-16);
    font-family: "Plus Jakarta Sans";
    color: var(--primary-color);
    font-weight: 700;
}

/************how_work ******/
#how_work {
    background-color: var(--light-yellow-color);
    position: relative;
}

.circle {
    height: 6.5rem;
    width: 6.5rem;
    position: absolute;
    left: 36%;
    top: -227%;
    z-index: 1;
    display: flex;
    background-color: #fff;
    border-radius: 100% 100%;
}

#halfcircle {
    position: absolute;
    height: 8.25rem;
    width: 8.25rem;
    top: -129px;
    left: 32%;
    background: #FBF9EB;
    border-radius: 100% 100%;
}

#topdiv {
    height: 50px;
    /* background: lightblue; */
}

#bottomdiv {
    position: relative;
    height: 50px;
    background: #fff;
}

.white_bg {
    cursor: pointer;
    background-color: #fff;
    border-radius: 1.5rem;
    transition: background-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
}

.white_bg:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
    /* transform: scale(1.05); */
}

.serach_bottom {
    font-size: var(--fs-20-xl);
    color: var(--darkcharcoal-color);
    text-align: center;
    font-family: var(--ff-sb);
    position: relative;
    /* Add this to position the pseudo-element relative to the text */
}

.serach_bottom::after {
    content: '';
    width: 40px;
    height: 3px;
    background-color: #FBDE15;
    border: 1px solid #FBDE15;
    display: block;
    margin: 10px auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -35px;
}

.circle_p {
    font-size: var(--fs-18-xl);
    color: var(--Gray54-color);
    text-align: center;
    font-family: var(--ff);
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*============= frequenlty aksed question============== */

.question-wrapper .question-title {
    padding: var(--p-20px);
    background-color: var(--primary-color);
    color: var(--white-color);
    font-size: var(--fs-16-xl);
    font-family: var(--ff-sb);
    text-align: center;
    border-radius: 10px;
    margin-bottom: 0;
    /* cursor: pointer; */
}

.question-wrapper .accordion-item {
    border: 0px;
    border-radius: 10px;
    /* padding: var(--p-20px); */
    margin-bottom: var(--mb-20px);
    cursor: pointer;
}

.question-wrapper .accordion-item .accordion-button {
    font-size: var(--fs-16);
    font-family: "Plus Jakarta Sans";
    font-weight: 600;
    color: var(--darkcharcoal-color);
    box-shadow: none;
    background-color: transparent;
}

.question-wrapper .accordion-item .accordion-header {
    padding: 0;
}

.question-wrapper .accordion-item .accordion-button,
.question-wrapper .accordion-item .accordion-body {
    padding: var(--p-20px);
}

.question-wrapper .accordion-item .accordion-body {
    /* margin-top: var(--mt-20px); */
    font-size: var(--fs-14-xl);
    font-family: var(--ff-m);
    color: var(--Gray54-color);
    padding-top: 0;
}

.question-wrapper .accordion-item .accordion-button::after {
    background-image: url("../svg/plus.svg");
    width: 12px;
    height: 12px;
    background-size: auto;
}

.question-wrapper .accordion-button:not(.collapsed)::after {
    background-image: url("../svg/minus.svg");
}

.question-wrapper .accordion .accordion-item:last-child {
    margin-bottom: 0px;
}


/*********search page ***************/
#hero_bg {
    position: relative;
    background-image:
        linear-gradient(106.8deg, rgba(224, 240, 255, 0.98) -3.8%, rgba(140, 200, 255, 0.96) 17.79%, rgba(255, 238, 117, 0.88) 100%),
        url('../images/bg.svg');
    background-size: cover, cover;
    background-position: top;
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    text-align: center;
    color: #fff;
    /* Apply the initial filter (e.g., no blur) */
    filter: blur(0px);
    animation: filterAnimation 1s ease-in-out;
    /* Filter animation: 10s duration, ease-in-out timing, infinite loop */
}

#hero_bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/Clip\ path\ group.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.7;
    z-index: -1;
    pointer-events: none;
}


#search_hero_section h3 {
    color: var(--darkcharcoal-color);
    font-size: var(--fs-16);
    font-family: var(--ff-m);
}

#search_hero_section .bread-crumb {
    color: var(--darkcharcoal-color);
    font-family: var(--ff-m);
    text-decoration: none;
}

#search_hero_section .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: var(--mt-50);
    padding-bottom: var(--mb-100);

}

.hero-banner {
    text-align: left !important;
}

.hero-banner .hero_title {
    font-size: 14px;
    font-family: var(--ff-b);
    text-align: left;
    color: var(--primary-color);
    padding: 12px;
    display: inline-block;
    letter-spacing: 2px;
    text-transform: uppercase;
    border: 2px solid;
    border-color: #007BFF33;
    border-radius: 10px;
}

.hero-banner .hero_user_name,
.hero-banner .hero_sub_text {
    font-size: var(--fs-16-xl);
    font-family: var(--ff-b) !important;
    letter-spacing: 1px;
    margin-top: 24px;
    margin-bottom: 16px;
    color: var(--darkcharcoal-color);
}

.hero-banner .hero_sub_text {
    margin: 0px;
}

.select_input_bg {
    background: rgba(255, 255, 255, 0.3);

}

#search_hero_section .form-select,
#search_hero_section .form-control {
    font-size: var(--fs-14-xl);
    color: var(--darkcharcoal-color);
    font-family: "Plus Jakarta Sans";
    font-weight: 500 !important;
}

#search_hero_section .form-control::placeholder {
    font-size: var(--fs-14-xl);
    color: var(--darkcharcoal-color);
    font-family: "Plus Jakarta Sans";
    font-weight: 500 !important;
}

#search_hero_section .search-page-label {
    font-size: var(--fs-14-xl);
    color: var(--darkcharcoal-color);
    font-family: "Plus Jakarta Sans";
    font-weight: 500 !important;
}

#search_hero_section .search-page-input {
    padding-top: var(--p-12px);
    padding-bottom: var(--p-12px);
    padding-left: var(--ps-10px);
    /* padding-right: var(--pe-10px); */
}

#search_hero_section .search-page-btn {
    padding-top: var(--p-12px) !important;
    padding-bottom: var(--p-12px) !important;
}

.img_brightness {
    filter: brightness(0);
}

.search_btn {
    min-height: 2rem;
    max-width: 16.125rem;
    height: 100%;
    width: 100%;
    background: var(--primary-color);
    font-size: var(--fs-18-xl);
    color: var(--white-color);
    font-family: var(--ff-sb);
    border: 0;
    border-radius: 10px;
}

/********tour package********/
.tour_package,
.search-banner,
.breadcrumb-section {
    background-color: #fbfbfb;
}

.other_city_details ol.breadcrumb {
    list-style: none !important;
}

.tour_package h2.heading2,
.tour-package-wrapper h2.heading2 {
    font-size: var(--fs-24-600);
    font-family: var(--ff-b);
    color: var(--darkcharcoal-color);
    padding-right: var(--pe-10px);
}

.tour_package .roadtrip-title {
    font-size: var(--fs-30-xl);
    font-family: var(--ff-b);
    color: var(--darkcharcoal-color);
    margin-bottom: var(--mb-40px);
    display: flex;
    align-items: center;
}

.tour_package .roadtrip-title::before {
    content: '';
    width: 10px;
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    background-color: #FBDE15;
}

.tour_package .roadtrip-image-holder {
    width: auto;
    height: 100%;
    overflow: hidden;
    object-fit: cover;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 10px;
}

.tour_package .roadtrip-image-holder img {
    height: 100%;
    /* max-width: 100%; */
}

.hero_heading {
    font-size: var(--fs-50-xl);
    color: var(--darkcharcoal-color);
    font-family: var(--ff-b);
}

.span_text {
    font-size: var(--fs-13px);
    color: var(--darkcharcoal-color);
    font-family: var(--ff-m);
}

.rating_text {
    font-size: var(--fs-16);
    color: var(--Dark-grayish-blue-color);
    font-family: var(--ff-r)
}

.num_rating {
    font-size: var(--fs-12-xl);
    padding: 2px 5px;
    color: var(--white-color);
    background: rgba(24, 161, 96, 1);
    border-radius: 3px;
    font-family: var(--ff);
}

.car_type_btn {
    color: var(--primary-color);
    font-size: var(--fs-12-xl);
    font-family: var(--ff-m);
    border-radius: 23px;
    border: 1px solid rgba(0, 123, 255, 1);
    background-color: transparent;
    padding: 5px 15px;
    transition: all 0.3s ease-in;
    cursor: auto !important;
}



.tour_span,
.tour_span1 {
    font-size: var(--fs-14-xl);
    font-family: var(--ff-sb);
}

.tour_span1 {
    color: var(--Dark-grayish-blue-color);
}

.tour_span {
    color: var(--darkcharcoal-color);
}

.tour_package .card {
    z-index: 1;
}

.tour_package .card-header {
    box-shadow: 11px 15px 31px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    background-color: #fff;
    padding: var(--p-30);
}

.tour_package .cabdetails-body {
    padding: 0px;
}

.tour_package .card-body .package-details-wrapper,
.tour_package .card-body .package-price-wrapper {
    padding: 10px 30px;
}

.tour_package .card {
    border: 1px solid rgba(233, 233, 233, 1) !important;
    /* border-bottom: 0px !important; */
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.tour_package .roadtrip-package-title {
    font-family: var(--ff-sb);
    font-size: var(--fs-12-xl);
    color: var(--Dark-grayish-blue-color);
}

.tour_price_text {
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    font-size: var(--fs-12-xl);
    color: var(--primary-color);
    margin-bottom: 10px;
}

.tour_price {
    font-size: var(--fs-20-xl);
    font-family: "Plus Jakarta Sans";
    font-weight: 700;
    color: var(--black-color);
    line-height: 1rem;
}

.tour_price1 {
    font-size: var(--fs-12-xl);
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    color: var(--Dark-grayish-blue-color);
    line-height: 1rem;
}

.btn-book {
    width: 8.125rem;
    height: 2.8125rem;
    background-color: var(--primary-color);
    font-size: var(--fs-14-xl);
    border-radius: 6px;
    font-family: var(--ff-sb);
    color: var(--white-color);
    border: 0;
}

.view_detail {
    color: var(--primary-color);
    font-size: var(--fs-12-xl);
    font-family: var(--ff-sb);
    line-height: 1rem;
    cursor: pointer;
    background-color: transparent;
    border: 0px;
    transition: all 0.3s ease-in;
}

.view_detail img {
    transition: transform 0.3s ease-in-out;
}

/* When the button is NOT collapsed (i.e., expanded), rotate the image */
.view_detail:not(.collapsed) img {
    transform: rotate(180deg);
}

.view_detail:hover {
    text-decoration: underline;
}

.top_dist {
    margin-top: 10vh;
    /* Adjust based on your design needs */
}

.tour_package .slick-arrow {
    top: -45px;
    /* right: 17px; */
}

.slick-prev {
    right: 74px;
    left: unset;
}

.slick-prev,
.slick-next {
    z-index: 1000;
}

.tour_package .heading::before {
    height: 46px;
}

.tour_package .carousel-caption {
    width: 100%;
}

.tour_package .carousel-caption h5 {
    font-size: 24px;
    font-weight: 700;

}

.explor-text {
    font-size: var(--fs-16);
    font-family: var(--ff);
    color: var(--Dark-grayish-blue-color);
}

.view-details-wrapper {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    background: #fff;
    /* margin-top: -15px;
    padding-top: 32px !important; */
    z-index: 0 !important;
}

.view-details-wrapper .nav-link {
    background: var(--alice-Blue);
    color: var(--primary-color);
    font-size: var(--fs-12-xl);
    border-radius: 34px;
    font-family: var(--ff-m);
    margin-right: 14px;
    padding: 12px !important;
    margin-bottom: 12px;
    transition: box-shadow 0.3s ease;
    /* Optional smooth transition */
}

.view-details-wrapper .nav-link:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    /* Light subtle shadow */
}

.view-details-wrapper .btdetails-wrapper .view-details-table,
.view-details-wrapper .btdetails-wrapper .view-details-table2 {
    border: 0px;
}

.view-details-wrapper .btdetails-wrapper .view-details-table tr:last-child td,
.view-details-wrapper .btdetails-wrapper .view-details-table tr:last-child th {
    border: none;
    /* padding-bottom: 0px !important; */
}

.btdetails-wrapper .view-details-table td,
.btdetails-wrapper .view-details-table th {
    border-color: var(--border-color);
}

.btdetails-wrapper .view-details-table2 td,
.btdetails-wrapper .view-details-table2 th {
    border: none;
}

.view-details-wrapper .btdetails-wrapper .table-head {
    /* font-family: var(--ff-m); */
    font-size: var(--fs-14-xl);
}

.view-details-wrapper .btdetails-wrapper .table-data {
    /* font-family: var(--ff-sb); */
    font-size: var(--fs-14-xl);
}

.view-details-wrapper .btdetails-wrapper .view-details-table .table-data,
.view-details-wrapper .btdetails-wrapper .view-details-table .table-head {
    padding-top: var(--pt-16px);
    padding-bottom: var(--pb-16px);
    padding-left: 25px;
    /* padding-right: 30px; */
}

.view-details-wrapper .view-list-wrapper {
    padding-left: 30px;
    /* padding-right: 30px; */
}

.view-details-wrapper .view-list-wrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.view-list-wrapper ul li {
    margin-bottom: 12px;
    font-size: 14px;
}

.pills-conditions .view-list-wrapper ul ol {
    list-style: none;
}

.view-list-wrapper ul ol {

    list-style-type: none;
    padding-left: 0;
}

.view-list-wrapper ul li {
    margin-bottom: 12px;
    font-size: 12px;
    display: flex;
    align-items: center;
    color: #8A8A8A;
    font-weight: 500;
}

.view-list-wrapper ul ol li::before {
    content: "";
    background-image: url('../svg/tick-circle.svg') !important;
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    flex-shrink: 0;
}

.view-list-wrapper-2 ul li::before,
.rental-list-wrapper-2 ul li::before,
.pills-conditions .view-list-wrapper ul li::before,
.pills-conditions .view-list-wrapper ul ol li::before {
    content: "";
    background-image: url('../svg/tick-circle.svg');
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    flex-shrink: 0;
}

.view-list-wrapper-2 ul li,
.rental-list-wrapper-2 ul li,
.pills-conditions .view-list-wrapper ul li,
.pills-conditions .view-list-wrapper ul ol li {
    display: flex !important;
    align-items: center !important;
}

.view-list-wrapper ul li p {
    font-size: var(--fs-12-xl);
    font-family: var(--ff-m);
    color: var(--darkcharcoal-color);
    padding-left: 8px;
}

.view-list-wrapper ul li .list-text {
    font-size: var(--fs-16-xl);
    font-family: var(--ff-sb);
    color: var(--darkcharcoal-color);
    padding-left: 8px;
}

.view-list-wrapper ul li img {
    vertical-align: baseline !important;
}

.view-list-wrapper ul li:last-child {
    margin-bottom: 0;
}

.search-filter-wrapper .card {
    border-radius: 10px;
}

.search-filter-wrapper .card-header {
    padding: var(--p-20px) !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
}

.search-filter-wrapper .card-header h3 {
    font-family: var(--ff-b);
    font-size: var(--fs-20-xl);
}

.search-filter-wrapper .card-header a {
    font-family: var(--ff-m);
    font-size: var(--fs-16-xl);
    color: var(--Dark-grayish-blue-color);
    text-decoration: none;
}

.search-filter-wrapper .filter-list-wrapper {
    margin-top: var(--mt-20px);
}

.search-filter-wrapper .filter-list-wrapper .form-check {
    margin-bottom: 0px;
    min-height: auto;
}

.search-filter-wrapper .filter-list-wrapper .filter-type {
    font-size: var(--fs-16-xl);
    font-family: var(--ff-b);
    color: var(--darkcharcoal-color);
    margin-bottom: var(--mb-20px);
}

.filter-list-wrapper .filter-list .filter-checkbox {
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border-color: var(--border-color) !important;
    margin-top: 0px;
}

.filter-list-wrapper .filter-list .filter-label {
    font-family: var(--ff-r);
    font-size: var(--fs-14-xl);
    color: var(--darkcharcoal-color);
    cursor: pointer;
}

.filter-list-wrapper .filter-list .filter-total-car {
    font-family: var(--ff-r);
    font-size: var(--fs-14-xl);
    color: var(--darkcharcoal-color);
}

.roadtrip-content-wrapper h2,
.roadtrip-content-wrapper h2 strong {
    font-size: 24px;
    color: #007BFF;
}

.roadtrip-content-wrapper p {
    font-family: "Plus Jakarta Sans";
    font-weight: 400;
    font-size: var(--fs-16-xl);
    color: var(--Gray54-color);
    line-height: 30px;
}

.roadtrip-content-wrapper .roadtrip-content-title {
    font-family: var(--ff-b);
    font-size: 24px;
    color: var(--primary-color);
}

.roadtrip-content-wrapper ul {
    padding-left: 1rem;
}

.roadtrip-content-wrapper ul li::marker {
    color: #007BFF !important;
}

.roadtrip-content-wrapper ul li a {
    text-decoration: none;
    color: var(--darkcharcoal-color);
    font-size: var(--fs-16-xl);
    font-family: var(--ff-m);
}

.roadtrip-content-wrapper ul li a:hover {
    color: #007BFF;
    text-decoration: underline;
}

.roadtrip-content-wrapper .updated-datetime {
    color: var(--primary-color);
    font-size: var(--fs-16-xl);
    font-family: var(--ff-sb);
}

.roadtrip-content-wrapper .updated-datetime span {
    color: var(--darkcharcoal-color);
    font-size: var(--fs-16-xl);
    font-family: var(--ff-m);
}

.container1 {

    position: relative;

}

/* Custom radio button styling */
.custom-radio {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    border: 0.125rem solid #fff;
    /* Using rem for border */
    border-radius: 50%;
    width: 14px;
    /* Using rem for width */
    height: 14px;
    /* Using rem for height */
    position: relative;
    outline: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Hide the spinner controls for number inputs */
.download_input {
    --moz-appearance: textfield;
    /* For Firefox */
}

.download_input::-webkit-inner-spin-button,
.download_input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    /* For Chrome, Safari, and Opera */
    margin: 0;
    /* Remove margin */
}

/*********slick arrow*******/
.slick-arrow {
    cursor: pointer;
    position: absolute;
    top: 0;
    width: auto;
    height: 2.5rem;
    transition: transform .2s;
}

.slick-arrow:hover {
    transform: scale(1.1);
}

.service-section .slick-arrow {
    position: absolute !important;

    width: auto !important;
    cursor: pointer !important;
    display: none !important;
    /* top: -79px !important; */
    /* right: 60px !important; */
    height: 2.5rem !important;
}

.offer-section .slick-arrow {
    position: absolute;
    top: -123px;
    width: auto;
    cursor: pointer;
    /* right: 0; */
    height: 2.5rem;
}

/* .offer-section .slick-prev {
    right: 68px;
} */
.destionation-section .slick-arrow {
    top: -122px;
}

.rating-container .slick-arrow {
    /* top: -103px; */
}

.blog-section .slick-arrow {
    top: -103px;
    position: absolute;
    width: auto;
    /* cursor: pointer;
    right: 0; */
    height: 2.5rem;
}

.rating-container .slick-arrow {
    position: absolute;

    top: -125px;
    width: auto;
    /* cursor: pointer;
    right: 0; */
    height: 2.5rem;
}

.slick-next {
    right: 9px;
}


/*========================= Booking Confirmation ================= */

.booking-confirmation-wrapper {
    padding-top: var(--pt-100);
    padding-bottom: var(--pb-100);
    background-color: #fbfbfb;
}


.booking-details-wrapper {
    background-color: var(--white-color);
    border: 1px solid var(--border-color);
    border-radius: 10px;
}

.booking-details-wrapper .table tr:last-child th,
.booking-details-wrapper .table tr:last-child td {
    border-bottom: 0px;
}

.booking-details-wrapper .table-head {
    border-right: 1px solid var(--border-color);
}

.btdetails-wrapper .table-head {
    /* font-family: var(--ff) !important; */
    font-size: var(--fs-16);
    font-weight: 500 !important;
    color: var(--Dark-grayish-blue-color);
}

.btdetails-wrapper .table-data {
    color: var(--darkcharcoal-color);
    /* font-family: var(--ff) !important; */
    font-size: var(--fs-16);
    font-weight: 600 !important;
}

.btdetails-wrapper .table-data,
.btdetails-wrapper .table-head {
    padding: 15px 10px 15px 25px;
    width: 50%;
}

.btdetails-wrapper>.view-details-table2 .table-data,
.btdetails-wrapper>.view-details-table2 .table-head {
    padding: 13px 15px 15px 25px !important;
    width: 50%;
}

.btdetails-wrapper .table-caption {
    caption-side: top;
    font-family: var(--ff-b);
    font-size: 1.5rem;
    color: var(--darkcharcoal-color);
    border-bottom: 1px solid var(--border-color);
    padding: 20px 25px;
}

.confirmation-image-wrapper p {
    color: var(--primary-color);
    font-size: 32px;
    font-family: var(--ff-b);
}

/********terms and conditions *******/
.terms_header_text {
    font-family: "Plus Jakarta Sans";
    font-size: 60px;
    font-weight: 800;
    /* line-height: 80px; */
    text-align: center;
    color: #333;
    padding-top: 141px;
    padding-bottom: 141px;
}

.terms_heading {
    font-family: "Plus Jakarta Sans";
    color: #007BFF;
    font-size: 24px;
    font-weight: 700;
    /* line-height: auto; */
    text-align: left;
}

.terms_paragraph {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #8A8A8A;
}

.terms_paragraph a {
    color: #007BFF;
    text-decoration: none;
}

@media (max-width:48rem) {
    .terms_header_text {
        font-size: 30px;
    }

    .mb-100 {
        margin-bottom: 50px !important;
    }

    .terms_paragraph {
        font-size: 14px;
    }

    .terms_heading {
        font-size: 20px;
    }
}

/*=================== Blog Section============= */

.blog-section .blog-card {
    border: 0px;
    background: #fbfbfb;
}

.blog-section .blog-card .blog-image-holder img {
    border-radius: 10px;
    width: 100%;
    height: 200px;
}

.blog-section .blog-card .blog-date-wrapper .blog-date {
    font-size: var(--fs-14-xl);
    font-weight: 600;
    font-family: var(--ff-sb);
    color: var(--Gray54-color);
    padding-right: var(--pe-10px);
    border-right: 2px solid var(--primary-color);
}

.blog-section .blog-card .blog-date-wrapper .blog-by {
    font-size: var(--fs-14-xl);
    font-weight: 600;
    color: var(--darkcharcoal-color);
    padding-left: var(--ps-10px);
    font-family: var(--ff-sb);
}

.blog-section .blog-card .blog-title {
    font-size: var(--fs-20-xl);
    font-weight: 600;
    font-family: var(--ff-sb);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-section .blog-card .blog-text {
    font-size: var(--fs-16-xl);
    font-weight: 500;
    font-family: var(--ff-m);
    color: var(--Gray54-color);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.blog-section .blog-card .blog-link {
    font-family: var(--ff-sb);
    font-size: var(--fs-16-xl);
    font-weight: 600;
    color: var(--primary-color);
    text-decoration: none;
}

/**********blog css*********/
.blog_card {
    position: relative;
    max-width: 370px;
    width: 100%;
    padding-bottom: 150px;
    /* Add padding at the bottom to account for the card body */
}

.blog_card .card-img-top {
    height: 308px;
    object-fit: contain;
    border-radius: 10px;
}

.blog_card .custom-card-body {
    position: absolute;
    bottom: 0;
    left: 12px;
    right: 12px;
    /* max-width: 346px;
    width: 100%; */
    transform: translateY(0%);
    /* You can adjust the translate value to achieve the desired overlap */
    z-index: 1;
}

.blog_card .card-body-wrapper {
    background-color: #fff;
    color: #000;
    padding: 30px;
    border: 1px solid #007BFF;
    border-radius: 10px;
}


.blog_date {
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 15.12px;
    text-align: left;
    color: #8A8A8A;
    margin-left: 8px;
}

.blog_card h4 {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #007BFF;
    margin-bottom: 16px;
}

.blog_card p {
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    color: #8a8a8a;
}


.me-30px {
    margin-right: 30px;
}

.mt-30px {
    margin-top: 30px;
}

.mb-30px {
    margin-bottom: 30px;
}

/* General pagination styles */
.custom-pagination .page-item .page-link {
    border: none;
    border-radius: 8px;
    margin: 0 5px;
}

/* Prev button background */
.custom-pagination .prev-link {
    background-color: #F2F2F2;
    color: #000;
}

/* Active page background */
.custom-pagination .page-item.active .page-link {
    background-color: #007BFF;
    color: #fff;
    border-radius: 8px;
    padding: 8px 12px;
}

/* Other page numbers background */
.custom-pagination .page-item .page-link {
    background-color: #007BFF1A;
    /* Light blue background */
    color: #007BFF;
    padding: 8px 12px;
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-weight: 600;
    line-height: 16.38px;
    text-align: left;

}

/* Hover effect for other page numbers */
.custom-pagination .page-item .page-link:hover {
    background-color: #007BFF33;
    /* Slightly darker on hover */
    color: #007BFF;
    padding: 8px 12px;
}

/* Remove ellipsis border */
.custom-pagination .page-item.disabled .page-link {
    background-color: transparent;
}

.temp_name {
    font-family: "Plus Jakarta Sans";
    font-size: 32px;
    font-weight: 700;
    line-height: 40.32px;
    text-align: left;
    color: #333;
    margin-bottom: 30px;
}

.blog_detail .left-side {
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 17.64px;
    text-align: left;
    color: #8a8a8a;
    margin-left: 6px;
}

.ms-50px {
    margin-left: 50px;
}

.blog_text {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 17.64px;
    text-align: left;
    color: #8a8a8a;
    line-height: 24px;
}

.blog_text a {
    color: #007BFF !important;
    text-decoration: none;
}

.blog_detail .terms_paragraph {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: #333;

}

.color-dark-black {
    color: #333;
}

.blog_bold_text {
    font-family: "Plus Jakarta Sans";
    font-size: 20px;
    font-weight: 600;
    line-height: 16px;
    text-align: left;
    color: #333333;
}

.blog_heading {
    font-size: 24px;
}

.blog_heading::before {
    height: 44px;
}

.book_cab_right_slide .slick-arrow {
    top: -49px;
}

@media (max-width:48rem) {
    .temp_name {
        font-size: 24px;
    }
}

.blog_detail_right_slide .slick-arrow {
    top: -49px !important;
}

/*===================End Blog Section============= */


/********booking conformation css ********/
#booking_confirm_hero button {
    /* border: 1px solid var(--primary-color); */
    color: var(--primary-color);
    font-size: var(--fs-14-xl);
    border-radius: 10px;
    background-color: transparent;
    text-transform: uppercase;
    padding: 2rem 0.5rem;
    font-family: var(--ff-m);
    letter-spacing: 2px;
    border: 2px solid #007BFF33
}

/********** 7 sep book_cab_section**********/

#book_cab_section .container {
    text-align: left;
}

#book_cab_right .card {
    border: 1px solid #E9E9E9;
    /***new**/
    padding: var(--p-20px);
    border-radius: 10px;
}

#book_cab_right .card .card-header {
    padding: 0px !important;
}

#book_cab_right .card-body .left-text {
    font-size: var(--fs-16);
    font-family: var(--ff);
    color: var(--black-color);
    line-height: 16px;
}

#book_cab_right .card-body .right-text {
    font-size: var(--fs-16);
    font-family: var(--ff-m);
    color: var(--black-color);
    line-height: 16px;
}

.book_cab_right_slide .card {
    padding: var(--p-20px);
    border: 1px solid transparent !important;
    box-shadow: 0px -1px 3px 2px #0000000D;

}

.book_cab_right_slide .card-body {
    padding-top: var(--pb-16px);
    padding-bottom: var(--pb-16px);
}

.book_cab_right_slide .card-body h5 {
    font-size: var(--fs-20-xl);
    font-weight: 700;
    color: var(--darkcharcoal-color);
}

#book_cab_right .heading,
.book_cab_left h2.heading,
.tour_package h2.heading {
    font-size: var(--fs-24-600);
    font-family: var(--ff-sb);
    color: var(--darkcharcoal-color);
}

.city-page-subcities h2.heading {
    font-size: 50px;
}

#book_cab_right .heading::before {
    height: 40px;
}

#book_cab_right .slick-arrow {
    top: -34px;
}



#book_cab_right .view_more {
    text-decoration: none;
}

.textimonial_p {
    font-family: var(--ff);
    font-size: var(--fs-14-xl);
    color: var(--black-color);
    line-height: 24px;
    padding-top: var(--p-30px);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.traveler_detail hr {
    margin: 1.3rem -31rem !important;
}

.book_cab {
    background-color: #fbfbfb;
}

.book_cab .card {
    border: 1px solid #e9e9e9 !important;
}

.book-now-btn {
    /* width: 90px; */
    background-color: var(--primary-color);
    font-family: var(--ff-sb);
    font-size: var(--fs-16-xl);
    border: 0;
    border-radius: 10px;
    color: #fff;
    padding: 8px 14px;
}

.popular-routes a {
    text-decoration: none;
}

.popular-routes a span {
    font-size: var(--fs-16-xl) !important;
    /* font-family: var(--ff-m) !important; */
    color: var(--darkcharcoal-color) !important;
    font-weight: 600;
    line-height: 40px;
    /* margin-left: 10px; */

}

.popular-routes a span:hover {
    color: #007BFF !important;
}

.popular-routes span u {
    text-decoration: none !important;
}

.city-page-internal-link ol,
.city-main-content ol {
    padding-left: 1rem;
    list-style: unset;
}

.city-page-internal-link ol li::marker,
.city-main-content ol li::marker {
    color: #007BFF !important;
}


.city-page-internal-link ol li a,
.city-main-content ol li a,
.city-main-content ul li a,
.city-page-content ul li a span {
    color: #333 !important;
    font-size: 16px;
    font-weight: 500;
    transition: all 0.3s ease;
}

.city-main-content ol li a,
.city-main-content ul li a {
    text-decoration: none;
}

.city-main-content ul li a:hover,
.city-page-content ul li a span:hover {
    color: #007BFF !important;
    text-decoration: underline;
}

.city-main-content ol li a span span,
.city-main-content ul li a span {
    color: #333 !important;
    text-decoration: none;
}

.city-main-content ol li a span u,
.city-main-content ul li a span u {
    text-decoration: none !important;
}

.city-page-internal-link ol li a :hover,
.city-page-internal-link ol li a span:hover,
.city-page-internal-link ol li a span span:hover,
.city-main-content ol li a span span:hover,
.city-main-content ol li a :hover,
.city-main-content ol li a span:hover,
.city-main-content ul li a span:hover {
    color: #007BFF !important;
    text-decoration: underline;
}

.popular-routes span u:hover,
.popular-routes ol li a span:hover,
.city-main-content ul li a span:hover {
    color: var(--primary-color) !important;
    text-decoration: underline !important;
}

.border-right-2 {
    margin-top: -31px;
    margin-bottom: -30px;
    border-right: 1px solid rgba(233, 233, 233, 1);
}

.border-bottom-radius-none {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 0px !important;
}

.tour_package .card-header {
    border-radius: 10px;
}

.border-bottom-radius-none {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 0px !important;
}


/*******sitmap********/
#Sitemap span {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    color: #333 !important;
    text-decoration: none;
    margin-left: 10px;
}

#Sitemap a {
    text-decoration: none;
}

.ms-110px {
    margin-left: 110px;
}

#Sitemap span {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

#Sitemap span::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    /* thickness of underline */
    background-color: #007BFF;
    /* same as text color */
    transition: width 0.3s ease-in-out;
}

#Sitemap span:hover::after {
    width: 100%;
}

#Sitemap span:hover {
    color: #007BFF !important;
}


/* ============= popular routes section ============= */

.popular-routes a {
    text-decoration: none;
}

/*********footer********/
.footer_head {
    text-transform: uppercase;
    color: var(--primary-color);
    font-size: var(--fs-16);
}

footer h2 {
    color: var(--primary-color);
    font-size: var(--fs-16);
    text-transform: uppercase;
    font-weight: 600;
}


footer ul {
    list-style: none;
    margin: 0px;
}

.footer_icon {
    transition: transform 0.3s ease;
    /* Smooth transition for scaling effect */
}

.footer_icon:hover {
    transform: scale(1.5);
    /* Scale up on hover */
}

.footer .newsletter-wrapper {
    margin-top: var(--mt-20px);
}

.newsletter-wrapper h5 {
    font-size: var(--fs-16);
    font-weight: 600;
    color: var(--primary-color);
}

.newsletter-wrapper .input-wrapper {
    padding: var(--pb-16px);
    color: var(--Dark-grayish-blue-color);
    border: 2px solid var(--border-color);
    margin-top: var(--mt-20px);
    border-radius: 6px;
    vertical-align: middle;
    display: flex;
}

.input-wrapper input {
    border: 0px;
    padding-left: 4px;
    font-size: var(--fs-14-xl);
    color: var(--black-color);
    width: 85%;
}

.input-wrapper input::placeholder {
    font-size: var(--fs-14-xl);
    font-weight: 500;
    color: var(--Dark-grayish-blue-color);
}

.input-wrapper button {
    border: 0px;
    background-color: transparent;
    display: inline-block;
}

.email a,
footer li a,
footer .footer-list li,
footer p {
    color: #333;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
}

.email a {
    font-size: var(--fs-16);
    color: var(--darkcharcoal-color);
    /* font-family: var(--ff); */
    font-family: var(--ff-r);
}

.email a:hover {
    color: #007BFF !important;
}

footer span {
    font-size: var(--fs-14-xl) !important;
    /* font-family: var(--ff) !important; */
    font-family: var(--ff-m) !important;
    color: #555555 !important;
}

hr {
    margin: 1.3rem 0 !important;
    color: inherit;
    background-color: gray !important;
    border: 0;
    opacity: .25;
}

/********booking conformation css ********/
#booking_confirm_hero button {
    /* border: 1px solid var(--primary-color); */
    color: var(--primary-color);
    font-size: var(--fs-14-xl);
    border-radius: 10px;
    background-color: transparent;
    text-transform: uppercase;
    padding: 2rem 0.5rem;
    font-family: var(--ff-m);
    letter-spacing: 2px;
    border: 2px solid #007BFF33
}

/********** book_cab_section**********/


#book_cab_section button {
    font-size: var(--fs-14-xl);
    font-family: var(--ff-m);
    color: var(--primary-color);
    line-height: 17.6px;
    border: 2px solid #007BFF33;
    border-radius: 10px;
    text-transform: uppercase;
    max-width: max-content;
    background-color: #007BFF33;
    height: 100%;
    width: 100%;
    padding: var(--p-12px);
    cursor: auto !important;
}

#book_cab_section h6 {
    color: var(--darkcharcoal-color);
    font-size: var(--fs-16);
    font-family: var(--ff-m);
    margin-top: var(--mt-20px);
    line-height: 1.5;
}

.seats img {
    margin-right: 6px;
}

.seats h6 {
    font-size: 13px;
}

#book_cab_right h4 {
    font-size: var(--fs-24-600);
    font-family: var(--ff-sb);
    color: var(--black-color);
    line-height: 30px;
    margin-bottom: 12px;
}

#book_cab_right span {
    font-size: var(--fs-12-xl);
    font-family: var(--ff);
    color: var(--Dark-grayish-blue-color);
    line-height: 16px;
}

#book_cab_right .card {
    padding: var(--p-20px);
}

#book_cab_right .card-body .left-text {
    font-size: var(--fs-16);
    font-family: var(--ff);
    color: var(--black-color);
    line-height: 16px;
}



#book_cab_right .validate {
    font-family: var(--ff);
    font-size: var(--fs-12-xl);
    color: var(--Dark-grayish-blue-color);
    font-weight: 500;
    line-height: 30px;
}



#review .card {
    padding: var(--p-30px);
    box-shadow: 0px 0px 13px 0px #7780A11A;
    border-radius: 10px;
    border: 2px solid #E9E9E9
}

#review span {
    font-family: var(--ff-m);
    font-size: var(--fs-16-xl);
    color: var(--primary-color);
    line-height: 24px;
    padding-top: 5px;

}

.map {
    border: 1px solid transparent;
    border-radius: 10px;
    height: 14rem;
    max-width: 21rem;
    width: 100%;
}


/* button effect */

.register-btn,
.bg-primary-btn,
.taxi_india button,
.link_btn,
.btn-wrapper .custom-btn,
#search_hero_section .search-page-btn,
.btn-book,
.book-now-btn,
.search-btn>div,
.enquiry-btn a {
    position: relative;
    overflow: hidden;
}

.search-btn>div {
    border-radius: 10px;
}

.register-btn::before,
.bg-primary-btn::before,
.taxi_india button::before,
.link_btn::before,
.search-btn>div::before,
.btn-wrapper .custom-btn::before,
#search_hero_section .search-page-btn::before,
.btn-book::before,
.book-now-btn::before {
    position: absolute;
    content: '';
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    pointer-events: none;
}

.enquiry-btn a {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.enquiry-btn a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -175%;
    width: 50%;
    height: 100%;
    z-index: 2;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    transform: skewX(30deg);
    pointer-events: none;
    opacity: 0;
    /* visibility: hidden; */
}

.enquiry-btn a:hover::before {
    animation: shine1 1.1s ease-in-out forwards;
    /* visibility: visible; */
    opacity: 1;
}

@keyframes shine1 {
    0% {
        left: -175%;
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    100% {
        left: 225%;
        opacity: 0;
    }
}


.register-btn:hover::before,
.taxi_india button:hover::before,
.link_btn:hover::before,
.search-btn>div:hover::before,
.btn-wrapper .custom-btn:hover::before,
#search_hero_section .search-page-btn:hover::before,
.btn-book:hover::before,
.book-now-btn:hover::before,
.enquiry-btn a:hover::before,
.bg-primary-btn:hover::before {
    -webkit-animation: shine 1.1s;
    animation: shine 1.1s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

/* Breadcrumb section */

.breadcrumb-section .breadcrumb-item,
.breadcrumb-section .breadcrumb-item a {
    font-size: var(--fs-16);
    font-family: var(--ff-m);
    color: var(--Dark-grayish-blue-color);
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "/" !important;
    color: #333 !important;
    padding-right: 0 !important;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.2rem !important;
}

/* End Breadcrumb section */

/* Road trip details section */
.roadtrip-details-section .card {
    border-radius: 10px;
    border-color: var(--border-color);
    box-shadow: 11px 8px 16px 0px #0000000D;
}

.roadtrip-details-section .car-name {
    font-size: var(--fs-20-xl) !important;
}

.roadtrip-details-section .roadtrip-details-title,
.roadtrip-details-section h2 {
    font-family: var(--ff-b);
    font-size: var(--fs-24-600);
    color: var(--primary-color);

}

.roadtrip-details-section .roadtrip-para {
    color: var(--Gray54-color);
    font-family: 'Plus Jakarta Sans';
    font-weight: 400;
    font-size: var(--fs-16);
}

.roadtrip-details-section .terms-title {
    font-family: var(--ff-b);
    font-size: var(--fs-20-xl);
    color: var(--darkcharcoal-color);
}

.roadtrip-details-section .view-list-wrapper ul li p {
    color: var(--Gray54-color);
}


.roadtrip-details-section .change-car-wrapper label {
    font-family: var(--ff-sb);
    font-size: var(--fs-14-xl);
    color: var(--primary-color);
    margin-bottom: 12px;
}

.roadtrip-details-section .change-car-wrapper .change-cars {
    border: 1px solid #E9E9E9;
    font-family: var(--ff-m);
    font-size: var(--fs-14-xl);
    color: var(--darkcharcoal-color);
    padding: var(--p-12px);
    border-radius: 6px;
    width: 100%;
    padding-left: 40px;
}

.roadtrip-details-section .change-car-wrapper .change-car-box {
    position: relative;
}

.roadtrip-details-section .change-car-wrapper .change-car-box img {
    position: absolute;
    top: 50%;
    left: 12px;
    transform: translateY(-50%);
}

.roadtrip-whychoose-wrapper h4 {
    font-family: var(--ff-b);
    font-size: var(--fs-30-xl);
    color: var(--darkcharcoal-color);
    margin-bottom: var(--mb-40px);
    display: flex;
    align-items: center;
}

.roadtrip-whychoose-wrapper h4::before {
    content: '';
    width: 10px;
    display: inline-block;
    height: 40px;
    margin-right: 10px;
    background-color: #FBDE15;
}

.roadtrip-whychoose-wrapper .list-title {
    font-family: var(--ff-b);
    font-size: var(--fs-20-xl);
    color: var(--darkcharcoal-color);
    margin-bottom: 1rem;
}

.roadtrip-whychoose-wrapper ul,
.roadtrip-details-section ol {
    color: var(--Gray54-color);
}

.roadtrip-whychoose-wrapper ul li,
.roadtrip-details-section ol li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.roadtrip-details-section ol {
    padding-left: 0;
}

.roadtrip-whychoose-wrapper ul li,
.roadtrip-details-section ol li {
    font-family: var(--ff-m);
    font-size: var(--fs-12-xl);
    color: var(--Gray54-color);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.roadtrip-details-section p b,
b {
    color: #333;
}

.roadtrip-details-section ol li {
    font-size: 12px;
}

.roadtrip-whychoose-wrapper ul li::before {
    content: "";
    background-image: url('../svg/tick-circle.svg');
    background-repeat: no-repeat;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
}

.roadtrip-details-section ol li::before {
    content: "•";
    /* Unicode bullet */
    color: #007bff;
    /* Change color as needed */
    font-size: 18px;
    /* Optional: adjust size */
    display: inline-block;
    width: 16px;
    margin-right: 6px;
}

.roadtrip-whychoose-wrapper .icon-holder {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    background-color: var(--light-yellow-color);
    display: flex;
    align-items: center;
    justify-content: center;
}

/* End Road trip details section */
/*******playstore reviews**********/

.play-store-section {
    position: relative;
    background-color: #EDFAFF;
    background-repeat: repeat;
    background-size: contain;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    text-align: start;
}

.play-store-section {
    padding-top: 70px;
    padding-bottom: 70px;
}

.play-store-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 27rem;
    max-height: 13.8125rem;
    background-image: url('../images/Vector.png');
    background-size: contain;
    /* background-position: top left; */
    background-repeat: no-repeat;
    opacity: 0.9;
    z-index: 0;
    pointer-events: none;
}

.play-store-section::after {
    content: '';
    position: absolute;
    bottom: 0px;
    transform: rotate(180deg);
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 27rem;
    max-height: 13.8125rem;
    background-image: url(../images/Vector.png);
    background-size: contain;
    /* background-position: bottom right; */
    background-repeat: no-repeat;
    opacity: 0.9;
    z-index: 0;
    pointer-events: none;
}

.google_text {
    font-family: Plus Jakarta Sans;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    color: #333333;

}

.review_text {
    font-family: Plus Jakarta Sans;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    margin-top: 15px;
    text-align: left;
    color: #333333;
}

.unique_text {
    font-family: "Plus Jakarta Sans";
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    color: #333333;
}

/*********enquiry_form********/
.enquiry-herosection h2,
.enquiry-herosection h1 {
    font-family: "Plus Jakarta Sans";
    font-size: 60px;
    font-weight: 600;
    line-height: 75.6px;
    text-align: left;
    color: #007BFF;
    /* margin-top: 30px; */
}

.dial_text {
    font-family: "Plus Jakarta Sans";
    font-size: 20px;
    font-weight: 500;
    line-height: 25.2px;
    text-align: left;
    color: #252B42;
    margin-bottom: 20px;
    margin-top: 20px;
}

.dial_num {
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-weight: 600;
    /* line-height: 30.24px; */
    text-align: left;
    color: #007BFF !important;
    transition: all 0.3s ease;
    text-decoration: none !important;
}

.dial_num1 {
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-weight: 600;
    /* line-height: 30.24px; */
    text-align: left;
    color: #007BFF !important;
    transition: all 0.3s ease;
    text-decoration: none !important;
}

.dial_num:hover {
    color: #0a58ca !important;
}

.callIcon {
    border: 1px solid #007BFF;
    height: 50px;
    width: 50px;
    background: #EDFAFF;
    border-radius: 10px;
    padding: 10px;
}

.enquiry_border {
    border: 1px solid #007BFF;
    border-radius: 10px;
    padding: 30px;
}

.enquiry_h1 {
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-weight: 700;
    line-height: 34px;
    text-align: left;
    color: #007BFF;

}

.border-bottom-grey {
    border: 1px solid #E9E9E9;
    margin-top: 8px;
    margin-bottom: 26px;
}

.enquiry-form-contact label {
    font-family: "Plus Jakarta Sans" !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 20.16px;
    text-align: left;
    color: #333333;
    margin-bottom: 10px;
}

.enquiry-form-contact .form-control {
    border: 2px solid #E9E9E9 !important;
    border-radius: 10px;
    padding: 15px;
    font-size: 14px;
}

.enquiry-form-contact .form-select {
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 17.64px;
    border: 2px solid #E9E9E9 !important;
    border-radius: 10px;
    padding: 15px;
}

.enquiry-form-contact input,
.enquiry-form-contact input::placeholder,
.enquiry-form-contact textarea::placeholder {
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 17.64px;
    text-align: left;
    color: #97A0A4;

}

.enquiry-form-contact input,
.enquiry-form-contact select {
    color: #000;
}

.enquiry-form-contact .form-select {
    padding-right: 27px !important;
    background-position: right .75rem center !important;
}

.submit_enquiry_btn {
    background-color: #007BFF;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    text-align: left;
    color: #FFFFFF;
    border-radius: 10px;
    padding: 20px 63px;
    border: 0;
    margin-top: 30px;
    transition: all 0.3s ease;
}

/********filter Modal********/
#filterModal .modal-title {
    font-size: 20px;
    font-family: "Plus Jakarta Sans";
    font-weight: 700;
    line-height: 16px;
    color: #333333;
}

#filterModal .modal-header {
    border-bottom: 1px solid #E9E9E9;
}

.btn-clear {
    font-size: 16px;
    color: #97A0A4;
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    border: 0;
    background-color: transparent;
}

#filterModal .filter-type {
    font-size: 16px;
    font-family: "Plus Jakarta Sans";
    font-weight: 700;
    line-height: 16px;
    color: #333333;
}

#filterModal .filter-list-wrapper .filter-list .filter-label {
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 17.64px;
    text-align: left;

}

.roundtrip2,
.roundtrip3,
.roundtrip {
    margin-bottom: 1rem;
}

/******media queries**********/
@media (max-width:61.9375rem) {
    #hero-section {
        height: auto;
        z-index: 0;
    }
}

@media (max-width:991px) {

    .heading,
    .heading_bedore,
    .city-page-subcities h2.heading {
        font-size: 40px;
    }

    .service-section .slick-arrow {
        display: block !important;
        top: -111px !important;
        height: 2.25rem !important;
    }

    .destionation-section .slick-arrow,
    .rating-container .slick-arrow {
        top: -117px !important;
    }

    .filter-btn {
        margin-bottom: 30px;
        margin-right: 20px;
    }
}

@media (max-width:48rem) {
    :root {

        --fs-50-xl: 2.3rem;
        --fs-24-600: 1.25rem;
        --fs-20-xl: 1.25rem;
        --fs-18-xl: 1rem;
        --fs-14-xl: 0.875rem;
        --container-width: 82.125rem;
        /* width 1320px*/
        --heroContainer-width: 70.5rem;
        /* width 1160px */
        --mt-100: 4.375rem;
        /* 70px */
        --mb-100: 4.375rem;
        --pt-100: 4.375rem;
        --pb-100: 4.375rem;
        --txt-mar: 8.125rem;
    }

    .image2 {
        left: 0;
    }

    #hero-section {
        height: auto;
        z-index: 0;
        margin-top: 3.0625rem;
    }

    .search-btn {
        align-items: start;
    }

    .vertical-center {
        position: fixed;
        top: 96%;
        z-index: 1;
        /* right: -6.4%; */
    }

    .service-section .carousel-caption h5 {
        font-size: 20px;
    }

    .heading::before {
        height: 42px;
    }

    .service-section .slick-arrow {
        display: block !important;

    }

    .offer-section .slick-arrow,
    .destionation-section .slick-arrow {
        top: -65px;
        height: 30px !important;
    }

    .image1 {
        left: 88px;
    }

    .destionation-section .card_img {
        height: 13.75rem;
    }

}

@media (max-width:767px) {
    .border-bottom-grey {
        margin-top: 16px;
        margin-bottom: 16px;
    }

    .mt30-767px,
    .mt-70 {
        margin-top: var(--mt-30px);
    }

    #hero-section .search-btn {
        bottom: -39px;
    }

    .search-btn input {
        height: 3.5rem;
    }


    header .container {
        padding-left: var(--ps-16px);
        padding-right: var(--ps-16px);
    }


    #pills-tabContent {
        background-color: var(--white-color);
        border-radius: 10px;
        /* box-shadow: 0px 2.46px 4.19px 0px; */
        padding: var(--p-20px);
        position: relative;
    }

    #hero-section {
        background-color: transparent;
        margin-top: 2rem;
        margin-bottom: 2rem;
        padding-left: var(--ms-20px);
        padding-right: var(--me-20px);
        margin: 1.25rem 0;
        z-index: 0;
    }

    .seats h6 {
        color: var(--darkcharcoal-color);
        font-size: 13px !important;
        font-family: var(--ff-sb);
    }

    .car_type_btn {
        font-size: var(--fs-10);
    }

    .view-details-wrapper .nav-link {
        margin-right: 5px;
    }

    .view-details-wrapper .nav-pills {
        padding-left: var(--pb-16px);
        padding-right: var(--pb-16px);
    }

    .view-details-wrapper .tab-content {
        padding: 0px !important;
    }

    .tour_package h1 {
        font-size: var(--fs-16);
    }


    .tour_package .card-header {
        padding: var(--ps-16px)
    }

    .tour_package .card-body .package-details-wrapper,
    .tour_package .card-body .package-price-wrapper {
        padding: 24px 1rem;
    }

    .view-details-wrapper .btdetails-wrapper .table-data,
    .view-details-wrapper .btdetails-wrapper .table-head {
        padding-left: var(--ps-16px);
        padding-right: var(--pe-16px);
    }

    .logo_size {
        width: 7.5rem;
        height: 3.125rem;
    }

    #book_cab_right .card {
        padding-top: var(--p-20px);
        padding-bottom: var(--p-20px);
        padding-left: var(--ps-16px);
        padding-right: var(--pe-16px);
    }

    .search-banner {
        padding-top: 50px !important;
        padding-bottom: 24px !important;
    }



    .tour-package-wrapper .car-class-wrapper {
        margin-top: 12px !important;
    }

    footer {
        margin-top: 40px;
    }

    .roadtrip-title {
        font-size: 24px !important;
    }

    .roadtrip-content-wrapper p {
        font-size: 14PX;
        line-height: 30px;
    }

    .tour_package .carousel-caption h5 {
        font-size: 20px;
    }

    .roadtrip-details-section .roadtrip-details-title {
        font-size: 20px;
        line-height: 30px;
    }

    .breadcrumb-section .breadcrumb-item,
    .breadcrumb-section .breadcrumb-item a {
        font-size: 14px;
        line-height: 30px;
    }

    .roadtrip-details-section .roadtrip-para {
        font-family: 'Plus Jakarta Sans';
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
        color: #8a8a8a;
    }

    .question-wrapper .accordion-item .accordion-button {
        font-size: 14px;
    }

    .question-wrapper .accordion-item {
        padding: 15px;
    }

    .roadtrip-whychoose-wrapper h4 {
        font-size: 24px;
    }

    .unique_text {
        font-size: 16px;
    }

    .destionation-section .slick-arrow {
        top: -64px !important;
    }

    .rating-container .slick-arrow {
        top: -91px !important;
    }

    .service-section .slick-arrow {
        top: -77px !important;
    }

    .view-details-wrapper .view-list-wrapper {
        padding-left: 15px;
    }
}



@media (max-width:575px) {
    .border-right-1 {
        border-right: 0px;
    }

    .taxi_india button a {
        font-size: 14px;
    }

    #book_cab_section h6 {
        font-size: 14px;
        line-height: 24px;
    }

    .slick-arrow {
        height: 30px !important;
    }
}

@media (max-width:23.4375rem) {
    .link_btn {
        width: auto;
    }

    /* #new_ul .nav-item .nav-link {
        width: 4rem;
    } */

    nav button {
        width: 7.25rem;
        font-size: var(--fs-12-xl);
    }

    .destionation-section .card_img {
        height: 13.75rem;
    }

    #hero-section {
        margin-top: 0rem;
    }

}

@media (max-width:20.4375rem) {
    .link_btn {
        width: auto;
    }

    #hero-section .search-btn {
        bottom: 0x;
    }
}

/* Hide the toggle button on screens 375px and above */

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: none;
}

/*********custom selection option and search list ********/
.source_city_data {
    cursor: auto !important;
}

.search_list {
    list-style: none;
}

.search_list {
    background-color: #fff;
    /* border: 1px solid #E9E9E9; */
    border-radius: 10px;
    padding-left: 0;

}

.search_list li {
    color: #000;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #E9E9E9;
    font-size: 16px;
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
}

.search_list li:nth-child(5) {
    border-bottom: 0px solid #E9E9E9
}

.search_list {
    display: none;
    max-height: 220px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
}

/* Show the list when the parent div is focused */
.position-relative:focus-within .search_list {
    display: block;
}

.custom-dropdown {
    cursor: pointer;
}

/* Hide dropdown options by default */
.custom-dropdown-list {
    display: none;
    max-height: 150px;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    /* Show below the dropdown */
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
    border: 1px solid #ddd;
    padding: 0;
    list-style: none;
}

/* Show the dropdown when active */
.custom-dropdown.active+.custom-dropdown-list {
    display: block;
}

/* Add hover effect to list items */
.custom-dropdown-list .list-group-item:hover {
    background-color: #f1f1f1;
    cursor: pointer;
}

/* Style for the selected option (mimicking an input field) */
.custom-select {
    border: 1px solid #ddd;
    padding: 8px;
    flex-grow: 1;
    background-color: white;
}

#rental_package .custom-select {
    border: 0 !important;
}

#rental_package .select2-hidden-accessible {
    border: 0 !important;
}

.custom-select-dropdown .custom-select.select2-hidden-accessible {
    border: 0 !important;
}

.list-group-item {
    font-size: 16px;
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
}

/* Hide the dropdown options by default */
.custom-dropdown-list {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
    max-height: 150px;
    overflow-y: auto;
    border: 1px solid #ddd;
}

/* Show dropdown when active */
.custom-dropdown.active+.custom-dropdown-list {
    display: block;
}

/* Style the selected option */
.selected-option {
    cursor: pointer;
}

.press-release-section {
    background-color: #EDFAFF;
    position: relative;
}

.our_client-section {
    background-color: #FBF9EB;
    position: relative;
}

/******Modal*******/
.modal-content {
    border: transparent;
    border-radius: 10px;
}

.modal-header {
    border-bottom: 0;
}

.modal-title {
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;

}

.modal-body {
    font-family: "Plus Jakarta Sans";
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;

}

/********filter btn*****/
.filter-btn {
    border: 1px solid #007BFF;
    background-color: transparent;
    border-radius: 6px;
    color: #007BFF;
    font-size: 16px;
    font-family: "Plus Jakarta Sans";
    font-weight: 500;
    height: 2.75rem;
    width: 6.3125rem;
}

.breadcrumb {
    align-items: center !important;
}

.breadcrumb a,
.breadcrumb-item.active {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: #333;
    text-decoration: none;
}

.selct_type_card {
    background-color: #fff;
    margin-top: 70px;
    box-shadow: 11px 15px 30px 0px #0000000A;
    border-radius: 10px;
    padding: 30px 24px;
}

.selct_type_card h2 {
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-weight: 500;
    line-height: 36px;
    text-align: left;
    color: #333333;

}

.selct_type_card span {
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    color: #8A8A8A;

}

#pills-tabContent2 {
    /* margin-top: 40px; */
    background: #FFFFFF;
    border-radius: 10px;
    padding: 24px 30px;
}

div.dt-container div.dt-layout-row:not(.dt-layout-table) div.dt-layout-cell {
    text-align: left !important;
}

#pills-tabContent2 th {
    font-family: "Plus Jakarta Sans";
    font-size: 20px;
    font-weight: 500;
    /* line-height: 16px; */
    padding-bottom: 20px;
    text-align: left;
    color: var(--darkcharcoal-color);
}

.table>:not(:last-child)>:last-child>* {
    border-bottom: 1px solid #E9E9E9 !important;
}

#pills-tabContent2 h6 {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: var(--darkcharcoal-color);

}

#pills-tabContent2 span {
    font-family: "Plus Jakarta Sans";
    font-size: 13px;
    font-weight: 500;
    /* line-height: 16px; */
    text-align: left;
    color: #8A8A8A;

}

#pills-tabContent2 a,
#pills-tabContent2 .route-search-btn {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    color: var(--primary-color);
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

#pills-tabContent2 .route-search-btn {
    border: 0px;
    background-color: transparent;
    text-decoration: underline;
    cursor: pointer !important;
}

#pills-tabContent2 a:hover {
    color: #007BFF !important;
}

#pills-tabContent2 .span2 {
    margin-left: 6px;
    text-decoration: line-through;
    font-size: 12px;
}

.Header_lucknow {
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-weight: 700;
    text-align: left;
    margin-bottom: 0;
    color: var(--primary-color);
}

#city_detail_content p,
#city_detail_content2 p,
#city_detail_content3 p,
#city_detail_content5 p {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: justify;
    color: #8A8A8A;
    margin-top: 8px;
    margin-bottom: 0 !important;
    display: block;
}

.city-page-content p span {
    color: #8A8A8A;
}

.city-page-content p a span {
    color: #007BFF !important;
}

#city_detail_content3 p a,
.span3 a {
    text-decoration: none;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 300;
    color: #007BFF;
}

.slick-dots {
    display: flex;
    justify-content: center;

}

.slick-dots {
    text-align: center;
    /* Center the dots */
    margin-top: 10px;
    /* Optional: space above the dots */
}

.slick-dots li {
    margin: 0 5px;
    /* Adjust spacing between dots if needed */
}

.slick-dots li button {
    background: transparent;
    /* Remove background */
    border: none;
    /* Remove border */
    padding: 0;
    /* Remove padding */
}

.slick-dots li button:before {
    font-size: 30px !important;
    color: #aaa;
    opacity: 1;
    content: '●';
}

.slick-dots li.slick-active li::marker {
    color: rgba(0, 123, 255, 0.5) !important;
    ;
    /* Active dot color */
}

#city_detail_content5 strong {
    color: #007BFF;
}

#city_detail_content5 .read_more,
.read_more {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    text-align: left;
    color: #000;

}

#city_detail_content5 .read_more a,
.read_more a {
    color: #007BFF;
    text-decoration: none;
}

.affordable_price a {
    text-decoration: none;
    margin-bottom: 22px;
}

.affordable_price a span {
    color: #333333;
    text-decoration: none;
    margin-left: 1rem;
}

strong {
    color: #000;
    font-weight: 600;
}

.span3 {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: justify;
    color: #8A8A8A;
    margin-top: 24px;
}

.resons {
    margin-bottom: 24px;
}

#city_detail_content3 .table {
    margin-top: 30px;
}

#city_detail_content3 .table td {
    padding: 20px !important;
    text-align: center;
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    color: #97A0A4;

}

#city_detail_content3 .table th {
    font-family: "Plus Jakarta Sans";
    padding: 20px !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-align: center;
    color: #333333;
}

.view_link {
    font-family: "Plus Jakarta Sans";
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: #007BFF;
    text-decoration: none;
    margin-top: 30px;
}

.view_link a {
    text-decoration: none;
}

#fare_sheet button {
    background-color: #007BFF;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 20.16px;
    text-align: center;
    border-radius: 10px;
    border: 0;
    color: #fff;
    max-width: 366px;
    width: 100%;
    padding: 16px;
    cursor: default;
}

#fare_sheet .table {
    border-radius: 10px !important;
    background-color: #FFFFFF !important;
    margin-top: 10px;
    border: 1px solid #E9E9E9 !important;
}

#fare_sheet th {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    color: #333333;
    padding: 16px;
}

#fare_sheet td {
    font-family: Plus Jakarta Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    text-align: left;
    color: #97A0A4;
    padding: 16px;
}

#garage_lucknow h4 {
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-weight: 700;
    line-height: 30.24px;
    text-align: left;
    color: #333333;
    margin-bottom: 0;
}

#garage_lucknow span {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    color: #333;
}

#garage_lucknow .callIcon {
    background-color: #ffffff;
}

#garage_lucknow a {
    text-decoration: none;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    color: #333;
    transition: all 0.3s ease;
}

#garage_lucknow a:hover {
    color: #007BFF;
}



.slick-dots li button {
    visibility: hidden;
}

.newsletter-wrapper .input-wrapper {
    position: relative;
}

.input-wrapper button {
    position: absolute;
    right: 15px;
}

@media (max-width: 767px) {
    .download_confirm {
        margin-top: 30px;
    }

    .enquiry-btn button {
        font-size: 16px;
        padding: 13px 36px;
    }
}

.social-icon {
    margin-bottom: 1rem;
}

/* error 404 css */

.page404 h2 {
    font-family: "Plus Jakarta Sans";
    font-size: 50px;
    font-weight: 700;
    line-height: 63px;
    text-align: center;
    color: #333;
}

.page404 p {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    color: #8a8a8a;
}

@media (max-width: 767px) {
    .page404 h1 {
        font-size: 24px;
    }

    .page404 p {
        font-size: 14px;
    }

    .form-control::placeholder {
        font-size: 14px !important;
    }
}


/* parsely error css */

.parsley-success,
.parsley-error {
    color: var(--black-color) !important;
    background-color: #fff !important;
    border: none !important;
}

#hero-section .parsley-errors-list {
    margin-top: 5px;
}

#search_hero_section .parsley-success,
#search_hero_section .parsley-error {
    color: var(--black-color) !important;
    background-color: transparent !important;
    border: none !important;
}

/* terms and condition css */
.terms_condition_booking_confirmation .heading {
    font-size: 30px;
}

.terms_condition_booking_confirmation .heading::before {
    height: 40px;
}

.terms_condition_booking_confirmation p {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    text-align: left;
    color: #333333;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.terms_condition_booking_confirmation p::before {
    content: url(../svg/circle_tick.svg);
    display: inline-block;
    margin-right: 6px;
}

/* vendor select driver and cab css */
.customer_booking_form {
    border: 1px solid #e9e9e9;
    border-radius: 10px;
}

.customer_booking_form form {
    padding: 30px 24px;
}

.customer_booking_form .card {
    border-radius: 10px;
}

.customer_booking_form .card-header {
    font-family: var(--ff-b);
    font-size: 1.5rem;
    color: var(--darkcharcoal-color);
    border-bottom: 1px solid var(--border-color);
    padding: 20px 25px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.customer_booking_form label {
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    color: #333333;
}

.customer_booking_form .select-border {
    padding: 20px;
}

.customer_booking_form input::placeholder {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: #97A0A4;
    /* padding-left: 6px; */
}

.customer_booking_form .form-control {
    padding-left: 6px;
    ;
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;

}

.customer_booking_form input {
    color: #333;
    user-select: none;
    cursor: pointer;
}

.allot_btn {
    border: 0;
    background: #007BFF;
    border-radius: 10px;
    font-family: "Plus Jakarta Sans";
    font-size: 18px;
    font-weight: 600;
    line-height: 16px;
    text-align: left;
    color: #fff;
    padding: 18px 25px;
}

/* payment page css */

.payment-tables .card {
    border: 1px solid #e9e9e9;
    border-radius: 10px;
}

.payment-tables .card-header {
    padding: var(--p-30);
}

.payment-tables .table {
    border-radius: 0;
    border: 0;
}

.payment-tables .custom-table tr td,
.payment-tables .custom-table tr th {
    border-bottom: 1px solid #e9e9e9;
}

.payment-tables .card-border {
    max-width: 570px;
    width: 100%;
}

.payment-tables .card .card-header {
    background-color: #fff;
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-weight: 700;
    line-height: 16px;
    text-align: left;
    color: #333333;
    /* border: 1px solid #E9E9E9; */
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.payment-tables table input {
    border: 0;
    width: 80%;
}

.booking_confirmation_tables .left-side,
.payment-tables .left-side {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: #97A0A4;
}

.booking_confirmation_tables .right-side,
.payment-tables .right-side {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    color: #333;
}

.payment_img_bg {
    background: #10B9810F;
    padding-top: 45px;
    padding-bottom: 45px;

}

.payment_img_bg img {
    /* max-width: 189px;
 width: 100%; */
    height: 239px;
}

.payment_success {
    max-width: 585px;
    width: 100%;
}

.pay_name {
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 700;
    line-height: 17.64px;
    text-align: center;
    color: #333;
    padding-top: 20px;
}

.pay_name_p {
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-weight: 700;
    line-height: 30.24px;
    text-align: center;
    color: #34A853;
    margin-top: 10px;
    margin-bottom: 10px;

}

.pay_name_1 {
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 17.64px;
    text-align: center;
    color: #333;
    padding-bottom: 20px;
}

.paymentbg-white {
    background-color: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

/*******emergency********/
.emergency_p {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: #8A8A8A;
}

/* Hide the default checkbox */
.custom-checkbox-wrapper .custom-checkbox {
    position: relative;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #007bff;
    /* Bootstrap primary blue color */

    cursor: pointer;
}

/* Style for the checked state */
.custom-checkbox-wrapper .custom-checkbox:checked::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 17px;
    height: 17px;
    border: 3px solid #fff;
    background-color: #007bff;
    /* Blue color for the dot */
    border-radius: 50%;
    transform: translate(-50%, -50%);
}


/* loader css */

.loading {
    height: 0;
    width: 0;
    padding: 15px;
    border: 6px solid #ccc;
    border-right-color: var(--primary-color);
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    /* left, top and position just for the demo! */
    position: absolute;
    left: 50%;
    top: 50px;
}

@-webkit-keyframes rotate {

    /* 100% keyframe for  clockwise. 
       use 0% instead for anticlockwise */
    100% {
        -webkit-transform: rotate(360deg);
    }
}

#search_cities {
    background-color: transparent !important;
    border: 2px solid rgba(233, 233, 233, 1) !important;
}


.opacity-animate3 {
    animation: opt-animation3 0.5s;
    -moz-animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes opt-animation3 {
    0% {
        opacity: 0;
        transform: scale(0.75);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-moz-keyframes opt-animation3 {
    0% {
        opacity: 0;
        transform: scale(0.75);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@-o-keyframes opt-animation3 {
    0% {
        opacity: 0;
        transform: scale(0.75);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes opt-animation3 {
    0% {
        opacity: 0;
        transform: scale(0.75);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}


/* search page bottom wrapper */
.search-bottom-wrapper {
    position: relative;
    background: linear-gradient(135deg, rgba(251, 222, 21, 0.1) 0%, rgba(0, 123, 255, 0.07) 50%, rgba(251, 222, 21, 0.1) 100%);
    background-repeat: repeat;
    background-size: contain;
    background-position: center, center;
    background-repeat: no-repeat, no-repeat;
    width: 100%;
    padding-top: 80px;
    padding-bottom: 80px;
}

.search-bottom-wrapper a {
    text-decoration: none;
    display: inline-block;
}

.search-bottom-wrapper .search-bottom-text-wrapper h5 {
    text-transform: uppercase;
    font-family: var(--ff-sb);
    font-size: var(--fs-16-xl);
    color: var(--black-color);
    margin-bottom: 0;
}

.search-bottom-wrapper .search-bottom-text-wrapper h2 {
    font-family: var(--ff-b);
    font-size: 32px;
    color: var(--darkcharcoal-color);
    margin-top: 20px;
    margin-bottom: 20px;
}

.search-bottom-wrapper .search-bottom-text-wrapper a {
    font-family: var(--ff-b);
    font-size: var(--fs-30-xl);
    color: var(--primary-color);
    text-transform: capitalize;
}

/* custom tool tip */
.custom-tooltip {
    --bs-tooltip-bg: var(--darkcharcoal-color);
    --bs-tooltip-color: var(--white-color);
}

/* Custom tooltip styles */
.tooltip-inner {
    background-color: white !important;
    color: black !important;
    border: 0 !important;
    font-size: 14px;
    cursor: pointer;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    /* Optional: Add shadow */
}

/* Custom arrow styles for all positions */
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    height: 200px;
    border-top-color: white !important;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: white !important;
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: white !important;
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: white !important;
}

/* Ensure the parent element has sufficient z-index */
span[data-bs-toggle="tooltip"] {
    position: relative;
    z-index: 9999;
    /* Ensure tooltip appears above other content */
}

.custom-tooltip {
    max-width: 250px;
    /* Example custom style */
}

#news-letter-btn:hover svg path {
    stroke: #007BFF !important;
}

/*********custom dropdown**********/
.custom-select-dropdown {
    position: relative;
}

.custom-select-dropdown .select2-container {
    top: 0;
    left: 0 !important;
    right: 0;

}

.custom-select-dropdown .select2-dropdown {
    width: 100%;
}

.custom-select-dropdown .select2-container .select2-selection--single {
    border-radius: 10px;
    border: 0;
    color: #000;
    padding: .375rem .75rem;
    padding-top: 7.9px;
    padding-bottom: 7.9px;
    /* margin-bottom: 20px; */
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") no-repeat right 1px center !important;
    background-color: #fff;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 12px 12px !important;
    cursor: pointer;
    padding-right: 40px;
    height: unset !important;
    /* ensure there's room for the arrow */
    background-size: 12px !important;
    /* size of arrow image */
}

#search_hero_section .custom-select-dropdown .select2-container .select2-selection--single {
    padding-top: 12px;
    padding-bottom: 12px;
}

.custom-select-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.custom-select-dropdown .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #007BFF !important;
    color: #ffff;
}

.custom-select-dropdown .select2-results__option--selectable {
    color: black;
    border-bottom: 1px solid #ddd;
}

.custom-select-dropdown .select2-results__option--selectable:last-child {
    border-bottom: none;
    /* Remove border from last selectable option */
}

.custom-select-dropdown .select2-container--default .select2-results__option--selected {
    background-color: white;
    color: black;
}

.custom-select-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    line-height: normal;
}

.custom-select-dropdown .select2-dropdown {
    border: 0;
    border-radius: 0;
}

.custom-select-dropdown .select2-container--default .select2-results>.select2-results__options {
    border-radius: 10px;
    border: 1px solid #e9e9e9;
}

.custom-select-dropdown .select2-container--open .select2-dropdown {
    margin-top: 0px !important;
    width: 100% !important;
    /* Adjust as needed */
}

.custom-select-dropdown .select2-dropdown {
    border-radius: 10px;
}

.select2-container {
    width: 100% !important;
}

@media (max-width: 768px) {
    .custom-select-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
    }

    #search_hero_section .pe-16px {
        padding-right: 44px;
    }

    .pt-100 {
        padding-top: 40px;
    }

    .pb-100 {
        padding-bottom: 40px;
    }

    .google_text,
    .review_text {
        font-size: 18px;
    }

    .play-store-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (max-width: 575px) {
    #search_hero_section .pe-16px {
        padding-right: 38px;
    }

    .view-details-wrapper .btdetails-wrapper .view-details-table tr:last-child td,
    .view-details-wrapper .btdetails-wrapper .view-details-table tr:last-child th {
        /* border: auto; */
        padding-bottom: var(--pb-16px);
    }
}

.offer-section a>div.view_more {
    font-size: 16px;
    font-weight: 600;
    color: #007BFF;
    transition: all 0.3s ease;
    text-decoration: none !important;
}

.offer-section a div.view_more:hover {
    color: #0a58ca;
}

/* .city-page-content p span {
    font-size: 24px !important;
    font-weight: 600;
    color: #007BFF;
} */

.other_city_details p strong {}

.other_city_details h2::first-letter {
    text-transform: uppercase;
}

.city_details .tab-content {
    margin-bottom: 30px;
}

.other_city_details h2 {
    font-size: 24px;
    font-weight: 600;
    color: #007BFF;
    margin-top: 24px;
    margin-bottom: 0;
    text-transform: lowercase;
}

.other_city_details p {
    margin-top: 8px !important;
}

.city_details h2,
.city-main-content h2,
.city_details h3,
.city-main-content h3 {
    margin-top: 24px;
    color: #007BFF;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 24px;
}

.city_details .content1 p,
.city-main-content .content1 p {
    text-align: center;
}

.city_details .custom-col .content1 p {
    display: flex;
    justify-content: center;
}

.city_details .content1 p img {
    max-width: 330px !important;
    /* width: 100% !important; */
}

.city_details h4,
.other_city_details h4 {
    margin-top: 24px;
    color: #007BFF;
    font-weight: 700;
    margin-bottom: 0;
    font-size: 20px;
}

.city_details h3 a,
.other_city_details h3 a {
    text-decoration: none;
}

.city_details p a,
.other_city_details p a {
    color: #007BFF;
    text-decoration: none;
}



.city_details h2 strong,
.city_details h3 code,
.city_details h3 code strong,
.city-main-content h2 strong,
.other_city_details h2 strong,
.city_details h3 strong,
.other_city_details h3 strong {
    font-weight: 600;
    color: #007BFF;
    font-size: 24px;
}

/* .city_details p span {
    color: #8A8A8A !important;
} */

.city_details p strong,
.other_city_details p strong {
    font-weight: 700;
    color: #333;
}

.city_details p a strong,
.other_city_details p a strong {
    color: #007bff;
}

.city_details ul li,
.other_city_details ol li,
.city-page-content ul li,
.city-page-content ol li {
    color: #8A8A8A;
    font-weight: 400;
    font-size: 16px;
    margin-top: 16px;
    line-height: 30px;
    list-style-type: unset !important;
}

.city-page-content ul li {
    margin-top: 5px;
}

.city-page-content ul li a {
    text-decoration: none;
    color: #333;
}

.city-page-content ul li a:hover {
    color: #007BFF !important;
    text-decoration: underline;
}

.city_details ul li strong,
.other_city_details ul li strong,
.city_details ul li strong code,
.other_city_details ul li strong code,
.city_details code,
.other_city_details code {
    color: #333;
    font-weight: 600;
    font-size: 16px;
    font-family: "Plus Jakarta Sans", sans-serif !important;
}

.city_details ul,
.other_city_details ul {
    padding-left: 1rem;
}

.city_details ul li::marker,
.other_city_details ul li::marker {
    font-size: unset !important;
    color: #007BFF !important;
}

.city_details ol li::marker,
.other_city_details ol li::marker {
    color: #007BFF;
    font-weight: 600;
}



.city_details ol li a,
.other_city_details ol li a {
    color: #333 !important;
    text-decoration: none;
}

/* a {
    color: #007BFF !important;
} */

.city_details ol li a:hover {
    color: #007BFF !important;
    text-decoration: underline;
}

.city_details ol li a span,
.city_details ul li a span {
    color: #333;
    font-size: 16px !important;
}

.city-main-content ol li::marker {
    color: #007BFF !important;
}

.city-main-content ol li,
.city-main-content ul li {
    list-style-type: unset !important;
}

.city_details ol li,
.other_city_details ol li {
    color: #8a8a8a;
    font-size: 16px;
    margin-top: 16px;
}

ol li.breadcrumb-item a {
    color: #333 !important;
}

.city_details ol,
.other_city_details ol {
    padding-left: 1rem;
    list-style: unset;
}

ol.breadcrumb {
    padding-left: 0 !important;
    list-style: none;
}

.city_details table {
    margin-top: 16px;
    /* border: 2px solid #8a8a8a !important; */
    border-radius: 10px;
}

.city_details table tbody tr td {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.city_details img {
    border-radius: 10px;
}

.city_details table tbody tr td small {
    font-size: 16px;
}

.breadcrumb li.breadcrumb-item {
    color: #333;
}

.breadcrumb li.breadcrumb-item.active {
    color: #333;
}

.successModal {
    /* max-width: 238px; */
    width: 100%;
}

.modal-dialog {
    justify-content: center !important;
}

.successModal .modal-content {
    max-width: 280px;
}

.successModal .modal-body {
    display: flex;
    justify-content: center;
    align-items: center;

    flex-direction: column;
}

.successModal div svg {
    background-color: #F0FDF1;
    padding: 8px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.successModal .sucess-modal div svg {
    /* background: #FDE3E5; */
    padding: 8px;
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.successModal h5 {
    font-size: 24px;
    font-weight: 700;
    color: #333;
    margin-top: 15px;
    margin-bottom: 14px;
}

.successModal span {
    font-size: 14px;
    font-weight: 500;
    color: #8a8a8a !important;
    margin-bottom: 14px;
    text-align: center;
}

.successModal button.btn-sucess {
    background-color: #11B823;
    border-radius: 10px;
    color: #fff;
    padding: 14px;
    width: 232px;
    border: 0;
    font-weight: 700;
    font-size: 14px !important;
}

#logoutModal .modal-content {
    max-width: 331px;
    width: 100%;
}

#logoutModal .modal-dialog .modal-content .modal-header div {
    border: 3px solid #e63a48;
    height: 100px;
    width: 100px;
    background-color: #ffe2e5;
    border-radius: 50%;
    display: flex;
    padding: 20px;
    position: absolute;
    left: 36%;
    top: -50px;

}

#logoutModal .modal-dialog .modal-content .modal-header div {
    border: 3px solid #007BFF;
    background-color: #D6F2FF;
}

#logoutModal .modal-dialog .modal-content .modal-body {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

#logoutModal .modal-dialog .modal-content .modal-body h5 {
    font-size: 24px;
    color: #333;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 0
}

#logoutModal .modal-dialog .modal-content {
    border: 0
}

.custom-checkbox-label {
    cursor: pointer;
}

.custom-hr {
    height: 1px;
    border: none;
    background-color: rgba(128, 128, 128, 0.25);
    /* gray with 25% opacity */
}


/* Style the custom checkbox container */
.custom-checkbox-label .checkbox-icon {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid #3CD856;
    margin-top: 10px;
    transition: background-image 0.2s, background-color 0.2s;
    position: relative;
}

/* Show green check icon when checked */
#customCheckbox:checked+.custom-checkbox-label .checkbox-icon {
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' fill='%2300D085'/%3E%3Cpath d='M16.0303 8.96967C16.3232 9.26256 16.3232 9.73744 16.0303 10.0303L11.0303 15.0303C10.7374 15.3232 10.2626 15.3232 9.96967 15.0303L7.96967 13.0303C7.67678 12.7374 7.67678 12.2626 7.96967 11.9697C8.26256 11.6768 8.73744 11.6768 9.03033 11.9697L10.5 13.4393L12.7348 11.2045L14.9697 8.96967C15.2626 8.67678 15.7374 8.67678 16.0303 8.96967Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 24px;
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat;
    border: 1.5px solid #3CD856;
}

.road_trip .card {
    border: 0;
    background-color: #fff;
    border-radius: 10px;
    /* box-shadow: 0 4px 6px 0 #0000000D; */
    box-shadow: -4px 12px 24px 0 #0000000D;
}

.road_trip .overlay {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background: linear-gradient(119.36deg, rgba(34, 34, 34, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
}

.road_trip .card h5 {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: #333;
}

.road_trip .card a {
    text-decoration: none;
}

.road_trip .card .card_img {
    min-height: 261px !important;
    max-height: 261px !important;
    width: 100%;
    object-fit: cover;
    display: block;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;

}

.road_trip .card h6 {
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    color: #007BFF;
}

.road_trip .slick-arrow {
    top: -119px;
}

@media (max-width:768px) {
    .road_trip .slick-arrow {
        top: -66px;
    }
}

@media (max-width:425px) {
    .road_trip .slick-arrow {
        top: -48px;
        height: 30px;
    }
}

@media (max-width:37.5rem) {
    :root {
        /* //fontsize 50px */
        --fs-50-xl: 1.5rem;
        ;
        /* //fontsize 24px */
        --fs-24-600: 1.5rem;
        /* //fontsize 20px */
        --fs-20-xl: 1.25rem;
        --fs-18-xl: 1rem;
        --fs-14-xl: 0.875rem;
        --container-width: 82.125rem;
        /* width 1320px*/
        --heroContainer-width: 70.5rem;
        --mt-100: 3.125rem;
        /* 50px */
        --mb-100: 3.125rem;
        --pt-100: 3.125rem;
        --pb-100: 3.125rem;
        --txt-mar: 8.125rem;
    }

    #hero-section {
        background-color: transparent;
        margin-top: 2rem;
        margin-bottom: 2rem;
        padding-left: var(--ms-20px);
        padding-right: var(--me-20px);
        margin: 1.25rem 0;
        z-index: 0;
    }

    .marquee img {
        height: 3.2rem;
    }

    #pills-tabContent {
        background-color: var(--white-color);
        border-radius: 10px;
        /* box-shadow: 0px 2.46px 4.19px 0px; */
        padding: 20px;
        /* padding-bottom: 20px; */

    }

    .source_city {
        font-size: var(--fs-12-xl) !important;
    }

    .form-select,
    .form-control,
    .input-group {
        border: 0;
        font-size: var(--fs-14-xl);
        color: var(--black-color);
        font-family: "Plus Jakarta Sans";
        /* font-family: var(--ff); */

        font-weight: 500;
    }

    .cities-dropdown-wrapper .form-control {
        padding-right: 1rem !important;
    }


    .vertical-center {
        position: fixed;
        top: 90%;
        z-index: 1;
        /* right: -13.4%; */
    }

    .service-section .slick-arrow {
        top: -16% !important;
        height: 30px !important;
        /* right: 3% !important; */
    }

    .destionation-section .slick-arrow {
        top: -33px !important;
    }

    .popular-city-slider .slick-arrow {
        top: -30px !important;
    }

    .rating-container .slick-arrow {
        top: -48px !important;
        height: 30px !important;
    }

    /* .offer-section .slick-prev,
    .destionation-section .slick-prev {
        left: 70% !important;
        position: absolute;

    } */

    .offer-section h5 {
        font-size: var(--fs-19-px);
    }

    .taxi_india .p_bold {
        font-size: var(--fs-14-xl);
        line-height: 24px;
        margin-bottom: 10px;
    }

    .taxi_india p {
        font-size: var(--fs-12-xl);
        /* line-height: 36px; */
    }

    .input_number {
        max-width: 20rem;
    }

    .download_input {
        font-size: var(--fs-14-xl);
    }

    .link_btn {
        width: auto;
        padding: 2px;
        /* background-color: var(--yello-color); */
        font-size: var(--fs-14-xl);
    }

    .marquee {
        padding: 0 !important;
    }

    #hero-section {
        margin-top: 2rem;
    }

    .roadtrip_img_border {
        min-height: 120px;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}

@media (max-width:768px) {

    .enquiry-herosection h1,
    .enquiry-herosection h2 {
        font-size: 24px;
        line-height: 35px;
    }

    .enquiry_h1 {
        line-height: 24px;
        font-size: 16px;
    }

    .dial_num {
        font-size: 14px;
    }

    .enquiry_border {
        padding: 16px 10px;
    }

    .callIcon {
        height: 30px;
        width: 30px;
        padding: 7px;
    }

    .dial_text {
        font-size: 14px;
    }

    .submit_enquiry_btn {
        font-size: 14px;
        padding: 16px 51px;
    }

    .enquiry-form-contact .form-control {
        padding: 12px;
    }

    .enquiry-form-contact .mb-30px {
        margin-bottom: 16px;
    }

    #search_hero_section .container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .enquiry-herosection .breadcrumb {
        margin-bottom: 0;
    }

    .enquiry-form-contact label,
    h6.custom-checkbox-label {
        font-size: 14px !important;
    }

    .enquiry-form-contact .mt-30px {
        margin-top: 15px;
    }

    .enquiry-form-contact .pt-50 {
        padding-top: 30px;
    }

    .why_choose img {
        height: 40px;
    }

    .why_choose h6 {
        font-size: 16px;
    }

    .why_choose span {
        font-size: 14px;
    }

    .test_bg {
        padding: 0 !important;
    }

    .unique_taxi img {
        height: 40px;
    }

    .question-wrapper .accordion-item .accordion-button,
    .question-wrapper .accordion-item .accordion-body {
        padding: 0;

    }

    .question-wrapper .accordion-item .accordion-body {
        padding-top: 10px;
    }

    .terms_header_text {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .mt-50 {
        margin-top: 30px;
    }

    .question-wrapper .question-title {
        padding: 16px;
        margin-bottom: 0;
    }

    .newsletter-wrapper .input-wrapper {
        padding: 12px;
    }

    #fare_sheet td,
    #fare_sheet th {
        padding: 12px;
        font-size: 14px;
    }

    #fare_sheet button {
        font-size: 14px;
        padding: 12px;
    }

    #garage_lucknow h4 {
        font-size: 18px;
    }

    .city_details h2,
    .other_city_details h2 {
        font-size: 20px;
    }

    .marquee {
        width: 350%;
    }
}

@media (max-width:575px) {
    .custom-select-dropdown .select2-container .select2-selection--single {
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .custom-select-dropdown .select2-container .select2-selection--single {
        border-radius: 10px;
        border: 0;
        color: #000;
        padding: .375rem .75rem;
        padding-top: 12px;
        padding-bottom: 12px;
        display: flex;
        align-items: center;
        height: 45px !important;
        /* margin-bottom: 20px; */
        background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2016%2016%27%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23343a40%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20stroke-width%3D%272%27%20d%3D%27M2%205l6%206%206-6%27/%3E%3C/svg%3E") no-repeat right 1px center !important;
        background-size: 12px 12px !important;

    }

    #search_hero_section .form-select {
        background-position: right 0rem center !important;
    }

}

.form-select {
    background-position: right 0rem center;
}

.search_btn.py-2.search-page-btn {
    margin-top: 10px;
}

h4.panel-title a {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    cursor: default;
}

.roadtrip-details-section p {
    font-size: 16px;
    font-weight: 400;
    color: #8a8a8a;
    line-height: 30px;
}

/*****profile dropdown********/
.profile-toggle-dropdown .dropdown-menu {
    /* min-width: 9rem; */
    box-shadow: -8px 7px 22px 0px #0000000F;
    border: 1px solid #e5e5e5 !important;
    border-radius: 10px;
    position: absolute;
    border: 1px solid #e9e9e9;
    right: 0;
    left: unset;
}

.dropdown-menu.profile-dropdown {
    right: -10%;
    left: unset;
    min-width: 8.5rem;
}

ul.profile-dropdown {
    box-shadow: -8px 7px 22px 0px #0000000F;
    border: 1px solid #e5e5e5 !important;
    border-radius: 10px;
}

ul.profile-dropdown li a.dropdown-item {
    display: flex;
    align-items: center;
    color: #8A8A8A;
}

.dropdown-menu .dropdown-item {
    font-family: "Plus Jakarta Sans";
    font-size: 16px;
    font-weight: 400;
    line-height: 20.16px;
    text-align: left;
    color: #8A8A8A;
}

ul.dropdown-menu li a {
    padding: 12px 16px !important;
    padding-left: 9.5px !important;
}

.profile-dropdown.dropdown-menu::after {
    content: "";
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}

.profile-dropdown.dropdown-menu::after {
    content: "";
    position: absolute;
    top: -20px;
    left: 61%;
    transform: translateX(-50%);
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent white transparent;
}

ul.profile-dropdown li a.dropdown-item:hover {
    color: rgba(0, 123, 255, 1);
    background: none !important;
}

/* Change text color to #007bff on hover and active */
.dropdown-item:hover,
.dropdown-item:active {
    color: #007bff;
    /* Change text color to primary (#007bff) */
}

ul.profile-dropdown li:first-child:hover {
    background-color: #EDFAFF;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;

}

ul.profile-dropdown li:last-child:hover {
    background-color: #EDFAFF;
    border-radius: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dropdown-toggle .profile-img {
    height: 42px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 50%;
    width: 42px;
    border: 1px solid #e8e8e8;
    background: #fff;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

.dropdown-toggle .profile-img:hover {
    transform: scale(1.1);
}

.profile-toggle-dropdown.dropdown-toggle::after {
    display: none !important;
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
    border: 1px solid #e9e9e9;
    right: 0;
    left: unset;
}

/* Change image (SVG) color to #007bff on hover and active */
.dropdown-item:hover .icon,
.dropdown-item:active .icon {
    filter: invert(30%) sepia(100%) saturate(7479%) hue-rotate(189deg) brightness(97%) contrast(107%);
    /* Filter adjusted to approximate #007bff */
}


.nav-link.active img {
    /* filter: invert(40%) sepia(100%) saturate(3000%) hue-rotate(200deg) brightness(90%) contrast(100%); */
    /* Active state for images */
}

.nav-link img.inactive-icon {
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.readonly-input {
    background: #f3f3f3 !important;
    backdrop-filter: blur(12px);
    pointer-events: none;
    /* border: 1px solid #f3f3f3 !important; */
}

@media (min-width:1217px) {
    .dropdown-menu.profile-dropdown {
        right: -29px;
        top: 43px;
    }

    .profile-dropdown.dropdown-menu::after {
        left: 53%;
    }
}

@media (max-width:1216px) {
    .dropdown-menu.profile-dropdown {
        right: 0;
        top: 43px;
    }

    .profile-dropdown.dropdown-menu::after {
        left: 70%;
    }
}

/*******offer deatil page css*******/
.offer-detail-bg {
    background: url(../images/offers/offer-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.offer_header_text h1 {
    text-align: center;
    font-size: 60px;
    font-weight: 800;
    color: #fff !important;
    margin-bottom: 40px;
}

.offer-detail-bg p {
    text-align: center;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}

.offer-detail-table {
    background-color: #f9f9f9;
}

.offer-section-details h2 {
    font-size: 24px;
    font-weight: 700 !important;
    color: #007BFF;
}

.offer-section-details .border-bottom1 {
    border: 0.5px solid #E9E9E9;
    margin-bottom: 30px;
}

.rounded-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e9e9e9;
    /* Outer border */
    border-top: 0.5px solid #e9e9e9;
    border-bottom: 0.5px solid #e9e9e9;
    border-radius: 10px;
    /* Round corners */
    overflow: hidden;
    /* Clip the corners */
    margin-bottom: 40px;
    background-color: #fff;
}

.rounded-table th,
.rounded-table td {
    padding: 20px;
    text-align: left;
    border: 0.5px solid #e9e9e9;
    /* Cell borders */
}

.rounded-table th:first-child,
.rounded-table td:first-child {
    border-left: none;
    /* Remove left border for first column */
}

.rounded-table th:last-child,
.rounded-table td:last-child {
    border-right: none;
    /* Remove right border for last column */
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: #e9e9e9;
}

.offer-section-details button {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding: 14px;
    border-radius: 10px;
    max-width: 258px;
    width: 100%;
    border: 0;
    background-color: #007BFF;
}

.unique_taxi.secure-cabs h1.heading {
    font-family: var(--ff-b);
    font-size: var(--fs-50-xl);
    line-height: 51px;
    display: flex;
    align-items: start !important;
    font-weight: 700;
    color: var(--darkcharcoal-color);
    margin-bottom: 0;
}

.unique_taxi.secure-cabs h1.heading::before {
    content: '';
    width: 10px;
    display: inline-block;
    height: -webkit-fill-available;
    margin-right: 10px;
    margin-top: 7px;
    /* margin-left: 10px; */
    background-color: #FBDE15;
}

.stunning-destination {
    background-color: #f9f9f9;
}

.stunning-destination .image-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.stunning-destination .image-wrapper img {
    display: block;
    width: 100%;
    height: auto;
}

.stunning-destination .image-wrapper .overlay-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #12121270;
    /* #12121270 */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: all 0.3s ease;
    border-radius: 38px !important;
}

.stunning-destination .image-wrapper:hover .overlay-wrapper {
    opacity: 1;
}

.stunning-destination .overlay-text {
    color: white;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin: 0;
}

.trip-packages .card {
    background-color: #fff;
    padding: 12px;
    border-radius: 10px;
    border: 0;
}

.trip-packages .card h6.card_title {
    font-size: 16px;
    color: #007BFF;
    font-weight: 600;
    height: 35px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.trip-packages .card .card-body span {
    font-size: 12px;
    font-weight: 500;
    color: #333;
}

.trip-packages .card .card-body h5 {
    font-size: 16px;
    font-weight: 500;
    color: #333;
    margin-left: 10px;
}

.trip-packages-detail {
    position: relative;
    margin-bottom: 20px;
    /* Space between the rows */
}

.car-icon {
    margin-right: 10px;
    /* Space between icon and text */
}

.trip-packages-detail::after {
    content: '';
    position: absolute;
    left: 10px;
    /* Center the line */
    top: 100%;
    /* Start from the bottom of the div */
    transform: translateX(-50%);
    /* Adjust for centering */
    width: 2px;
    /* Width of the line */
    height: 20px;
    /* Adjust height as needed */
    border-left: 1.5px dotted #007BFF;
    /* Dotted blue line */
}

.trip-packages-detail:last-child::after {
    display: none;
    /* Remove the line for the last item */
}

.trip-packages .card button {
    background-color: transparent;
    border: 1px solid #007BFF;
    height: 48px;
    border-radius: 10px;
    max-width: 182px;
    width: 100%;
    color: #007BFF;
    font-size: 16px;
    font-weight: 600;
    margin-top: 30px;
    transition: all 0.5s ease;
}

.trip-packages .card button:hover {
    background-color: #007BFF;
    color: #fff;
}

.essential-tips h1 {
    font-size: 50px;
    font-weight: 700;
    color: #333333;
    margin-bottom: 24px;
    text-transform: uppercase;
    line-height: 70px;
}

.essential-tips ul {
    list-style: none;
    /* Remove default bullet points */
    padding: 0;
    margin: 0;
}

.essential-tips ul li {
    position: relative;
    padding-left: 35px;
    /* Adjust space for the image */
    margin-bottom: 16px;
    font-size: 16px;
    color: #333;
    font-weight: 500;
}

.essential-tips ul li::before {
    content: "";
    background: url("../images/offers/Overlay.svg") no-repeat center center;
    background-size: contain;
    /* Ensure the image fits the box */
    display: inline-block;
    position: absolute;
    left: 0;
    /* Align the image to the left */
    top: 50%;
    transform: translateY(-50%);
    /* Center vertically */
    width: 25px;
    /* Set width of the image */
    height: 25px;
    /* Set height of the image */
}

.easy-travel {
    background: url(../images/offers/easy-travel.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.easy-travel .easy-text {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.easy-travel h6 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: 700;
    color: #fff;
}

.easy-travel button.call-now {
    height: 60px;
    max-width: 171px;
    width: 100%;
    background-color: #3192EA;
    border-radius: 10px;
    border: 0;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;

}

@media (max-width: 767px) {

    .unique_taxi.secure-cabs h1.heading,
    .essential-tips h1,
    .easy-travel h6,
    .offer_header_text h1 {
        font-size: 24px;
        line-height: 1.5;
        align-items: center !important;
    }
}

.next-btn {
    background-color: #007BFF;
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 600;
    /* line-height: 16px; */
    text-align: left;
    border: 0;
    border-radius: 10px;
    color: #fff;
    padding: 12px 24px;
}

.modal-footer .btn-secondary1 {
    color: #97A0A4;
    background-color: transparent;
    border-radius: 10px;
    font-family: Plus Jakarta Sans;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    text-align: left;
    border: 1px solid #97A0A4;
    padding: 12px 24px;
    margin-left: 20px;
}

.modal p {
    font-family: "Plus Jakarta Sans";
    font-size: 14px;
    font-weight: 500;
    line-height: 17.64px;
    text-align: center;
    color: #5A5A8A8A;
    margin-top: 12px;
}

hr {
    margin: 0.8rem 0 !important;
}

.city-not-found h6 {
    color: #333333;
    font-size: 18px;
    font-weight: 500;
}

.city-not-found p {
    color: #97A0A4;
    font-size: 14px;
    font-weight: 400;
}

/* .offcanvas.show {
    height: 100vh;
} */
.offcanvas {
    position: fixed !important;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    /* Optional: or fixed width like 250px */
    max-width: 300px;
    overflow-y: auto;
    z-index: 1055;
    height: 100vh !important;
}


.city-page-content .city_detail_slider img {
    max-width: 270px;
    border-radius: 20px;
}

.services h6 {
    color: #fff !important;
    font-size: 24px;
    font-weight: 700;
}

.make-special .special-box {
    max-width: 270px;
    width: 100%;
}

.make-special .special-box p {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
}

.popular_routes a {
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    margin-bottom: 10px;
}

.make-special h2,
.paragraph-content h2,
.paragraph-content h2 strong {
    color: #007BFF;
    font-size: 24px;
    font-weight: 700;
    margin-top: 24px;
}

.make-special p,
.paragraph-content p,
.make-special ul li,
.paragraph-content ul li,
.paragraph-content ol li {
    font-size: 16px;
    font-weight: 400;
    color: #8A8A8A;
    line-height: 30px;
}

.paragraph-content .bottom-list ul {
    list-style: none;
    padding-left: 0;
}

.make-special ul li,
.paragraph-content ul li,
.paragraph-content ol li {
    margin-bottom: 10px;
}

.paragraph-content ul,
.paragraph-content ol {
    padding-left: 1rem;
}

.make-special ul li:last-child,
.paragraph-content ul li:last-child,
.paragraph-content ol li:last-child {
    margin-bottom: 0;
}

.paragraph-content ol li strong {
    color: #007BFF;
}

.make-special ul li::marker,
.paragraph-content ul li::marker,
.paragraph-content ol li::marker {
    font-size: unset !important;
    color: #007BFF !important;

}

ul.bottom-list {
    list-style: none !important;
    padding-left: 0;

}

.paragraph-content ul li a::before {
    content: "";
    display: inline-block;
    width: 16px;
    /* adjust as needed */
    height: 16px;
    margin-right: 8px;
    background-image: url('../images/roadtrip-link.svg');
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.paragraph-content ul li a {
    color: #333;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}

.go-to-home a {
    text-decoration: none;
    background-color: #007BFF;
    color: #fff;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;
    padding: 18px 25px;
}

h1.city_page_main_title {
    font-weight: 600;
    color: #007BFF;
    font-size: 24px;
}

.city-page-internal-link h2 span,
.city-page-internal-link h2,
.city-page-internal-link h2 strong {
    font-size: 24px;
    color: #007BFF !important;
}

.popular-routes h2 span {
    color: #007BFF !important;
}

/* Step 1: Set up a counter on the row */
/* .city-page-internal-link .row-2 {
    counter-reset: list-counter;
    display: flex;
   } */

/* Step 2: Remove default numbering from all <ol> */
/* .city-page-internal-link .row-2 ol {
    list-style: none;
    padding-left: 0;
} */

/* Step 3: Style each <li> with manual counter */
/* .city-page-internal-link .row-2 li {
    counter-increment: list-counter;
    position: relative;
    margin-left: 1.5em;
  } */

/* .city-page-internal-link .row-2 ol li::before {
    content: counter(list-counter) ". ";
    position: absolute;
    left: 0;
    color: #333;
   left: -19px;
    top: 8px;
   } */

/* .city-page-internal-link ol li {
    list-style-type: none !important;
}

.city-page-internal-link ol li a {
    margin-left: 4px;
} */
.city-page-internal-link ol,
.city-page-internal-link ul {
    list-style: none;
    /* Removes default numbering */
    padding-left: 0;
    /* Optional: remove default left padding */
}

.city-page-internal-link ol li::before,
.city-page-internal-link ul li::before {
    content: "\2022";
    color: #007BFF;
    margin-right: 8px;
    margin-top: 8px;
    font-weight: bold;
}

.city-page-internal-link .row-2 ol li:has(a + span)::before {
    margin-top: 10px;
}

.city-page-internal-link ol li,
.city-page-internal-link ul li {
    display: flex;
    align-items: flex-start;
}

.city-page-internal-link ul li a span {
    color: #333 !important;
}

.city-page-internal-link ul li a span:hover {
    color: #007BFF !important;
    text-decoration: underline;
}

.city-page-internal-link .row1 ol li a::before {
    margin-top: 0px;
}

@media (max-width: 1024px) {
    .slick-next {
        right: 47px;
    }

    .slick-prev {
        right: 100px;
    }

    .img-1 {
        height: 200px;
    }
}

@media (max-width:767px) {

    .heading,
    .heading_bedore {
        font-size: 24px;
    }

    .city-page-subcities h2.heading {
        font-size: 20px;
    }

    .selct_type_card {
        margin-top: 50px;
    }

    .selct_type_card h2,
    .services h6 {
        font-size: 20px;
    }

    #pills-tabContent2 th,
    #city_detail_content3 .table th,
    .make-special .special-box p {
        font-size: 14px;

    }

    #pills-tabContent2 h6 {
        font-size: 13px;
    }

    #pills-tabContent2 h6,
    #pills-tabContent2 a {
        font-size: 12px;
    }

    #pills-tabContent2 {
        padding: 16px;
    }

    table th,
    .table td {
        white-space: nowrap;
        /* Allow wrapping */
        word-break: break-word;
        /* Break long words */
    }

    .table th.w-40,
    .table th.w-30,
    .table th.w-20,
    .table th.w-10 {
        width: auto;
        /* Reset widths on small screens */
    }

    h1.city_page_main_title {
        font-size: 20px;
        line-height: 24px;
        color: #007BFF;
    }

    #city_detail_content p,
    #city_detail_content2 p,
    #city_detail_content3 p,
    #city_detail_content5 p,
    .city_details ul li,
    .city_details ul li strong,
    .city_details ul li strong code,
    .city_details code,
    .city_details ol li,
    .city_details ol li strong {
        font-size: 14px;
        /* line-height: 1.6; */
    }

    .city_details h2,
    .city_details h3 {
        font-size: 20px;
    }

    .city_details ol li,
    .city_details ul li {
        margin-top: 10px;
    }
}

@media (max-width:767px) {

    .heading,
    .heading_bedore {
        font-size: 24px;
    }

    .selct_type_card {
        margin-top: 50px;
    }

    .selct_type_card h2 {
        font-size: 20px;
    }

    #pills-tabContent2 th,
    #city_detail_content3 .table th {
        font-size: 14px;
    }

    #pills-tabContent2 h6 {
        font-size: 13px;
    }

    #pills-tabContent2 h6,
    #pills-tabContent2 a {
        font-size: 12px;
    }

    #pills-tabContent2 {
        padding: 16px;
    }

    table th,
    .table td {
        white-space: nowrap;
        /* Allow wrapping */
        word-break: break-word;
        /* Break long words */
    }

    .table th.w-40,
    .table th.w-30,
    .table th.w-20,
    .table th.w-10 {
        width: auto;
        /* Reset widths on small screens */
    }

    h1.city_page_main_title {
        font-size: 20px;
        line-height: 24px;
    }

    #city_detail_content p,
    #city_detail_content2 p,
    #city_detail_content3 p,
    #city_detail_content5 p,
    .city_details ul li,
    .city_details ul li strong,
    .city_details ul li strong code,
    .city_details code {
        font-size: 14px;
        /* line-height: 1.6; */
    }

    .span3 {
        font-size: 14px;
    }

    #city_detail_content3 .table td {
        font-size: 13px;
    }

    .view-details-wrapper .btdetails-wrapper .view-details-table.table {
        /* background-color: #fff; */
        border-color: transparent;
        border-radius: 10px;
    }
}

.span3 {
    font-size: 14px;
}

#city_detail_content3 .table td {
    font-size: 13px;
}

/* .table {
    background-color: #fff;
    border-color: transparent;
    border-radius: 10px;
} */


@media (max-width: 425px) {
    .search-btn input {
        max-width: 12.125rem;
        height: 3rem;
    }

    .modal .tab-content {
        padding: 0 !important;
    }

    .modal .tab-content .search-btn {
        bottom: -56px !important;
    }

    #pills-Roundtrip .select-border {
        /* margin-bottom: 1rem; */
    }

    .search-btn input {
        font-size: 14px;
    }

    .slick-next {
        right: 25px;
    }

    .slick-prev {
        right: 70px;
    }

    .backtop-btn svg,
    .whatsapp-btn svg {
        width: 35px;
    }

    .city-page-internal-link .row.row-2 .col.col-md-4.custom-col {
        flex: unset !important;
    }

    .row>.col.col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.datepicker-dropdown {
    z-index: 1055 !important;
    display: none !important;
}

.package-btn {
    background-color: transparent;
    border: 1px solid #007BFF;
    border-radius: 20px;
    padding: 10px;
    color: #007bff;
    font-size: 16px;
    font-weight: 600;
}

.modal.modal-width .modal-dialog {
    max-width: 408px;
}

.modal-backdrop.show:nth-of-type(2) {
    z-index: 1055;
    /* Below the top modal, but above the first modal */
}

.modal-backdrop.show:nth-of-type(1) {
    z-index: 1040;
    /* Default first modal backdrop */
}

.modal.fade.show {
    z-index: 1060 !important;
    /* Ensure top modal is above all backdrops */
}

/* Icon style */
#pills-itinerary .panel-collapse {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

#pills-itinerary .panel-title a::after {
    content: "+";
    float: right;
    /* font-weight: bold; */
    font-size: 20px;
    transition: transform 0.3s;
}

#pills-itinerary .panel-title a.active::after {
    content: "−";
}

#pills-itinerary .panel-title a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 10px 15px;
    text-decoration: none;
    color: inherit;
}

#pills-itinerary .panel-heading {
    padding: 0;
    cursor: pointer;
    /* padding-top: 10px; */
}

#pills-itinerary .panel-heading h4 {
    margin-bottom: 0;
}

#pills-itinerary .panel.panel-primary {
    font-size: var(--fs-16);
    font-family: "Plus Jakarta Sans";
    font-weight: 600;
    color: var(--darkcharcoal-color);
    /* box-shadow: 0 .5rem 2rem rgba(0, 0, 0, .15) !important; */
    background-color: #fff;

    border-radius: 10px;
    margin-bottom: 30px;
}

#pills-itinerary .panel-body {
    font-size: 15px;
    color: var(--Gray54-color);
    padding: var(--p-20px);
    padding-top: 0px;
    font-weight: 400;
    line-height: 25px;
    /* margin-top: 10px; */
}

#pills-itinerary .panel-title a {
    padding: 20px;
    cursor: pointer;
}

.panel-collapse {
    overflow: hidden;
    transition: max-height 0.5s ease;
}

table.table.dataTable>tbody>tr.selected a {
    color: #fff !important;
}

.bg-gray-color-bg {
    background-color: #f9f9f9;
}

.top-cities-india {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.top-cities-india {
    padding-left: 0 !important;
}

.top-cities-india li {
    flex: 0 0 33.3%;
    padding: 1px 10px;
    box-sizing: border-box;
    padding-left: 0;
    display: flex;
    align-items: center;
    margin-top: 0 !important;
}

.city-page-subcities div>a>img {
    margin-right: 10px;
}

.city-page-subcities div>a span {
    font-weight: 600;
}

.top-cities-india li::before {
    content: url(../svg/taxi.svg);
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 10px;
}

.top-cities-india li a {
    text-decoration: none;
    color: #007bff;
    font-weight: 600;
}

.top-cities-india li a:hover {
    text-decoration: none !important;
}

/* Responsive */
@media (max-width: 1250px) {
    .top-cities-india li {
        flex: 0 0 33.3%;
    }
}

@media (max-width: 992px) {
    .top-cities-india li {
        flex: 0 0 50%;
    }
}

@media (max-width: 576px) {
    .top-cities-india li {
        flex: 0 0 100%;
    }

    .tour_price {
        margin-top: 10px;
    }

    .cabdetails-body.card-body {
        padding: 10px;
    }

    .view-details-wrapper .nav-link {
        margin-bottom: 5px;
    }

    .view-details-wrapper .view-list-wrapper {
        padding-left: 0;
    }
}

.custom-select-select-option-dropdown .select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 2px solid #e9e9e9;
    border-radius: 6px;
    height: 45px;
    padding-left: 12px;
    display: flex;

    align-items: center;
    border-radius: 10px;
}

.custom-select-select-option-dropdown .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 40px;
}

.custom-select-select-option-dropdown.rating-for .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 16px;
}

/* Change text color inside the box */
.custom-select-select-option-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    /* color: #000; */
    line-height: 45px;
    font-size: 14px;
    font-weight: 500;
}

/* Customize dropdown list */
.custom-select-select-option-dropdown .select2-container--default .select2-results>.select2-results__options {
    background-color: #fff;
    border: 1px solid #e9e9e9;
    max-height: 200px;
    overflow-y: auto;
}

.custom-select-select-option-dropdown .select2-dropdown {
    border: 2px solid #e9e9e9 !important;
}

/* Individual option styles */
.custom-select-select-option-dropdown .select2-container--default .select2-results__option {
    padding: 8px 10px;
    color: #333;
    font-size: 12px;
}

.custom-select-select-option-dropdown .select2-results__option[aria-disabled="true"] {
    display: none;
}

/* Hovered/active option */
.custom-select-select-option-dropdown .select2-container--default .select2-results__option--highlighted {
    background-color: #0d6efd;
    color: #fff;
}

.custom-select-select-option-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px;
}

.custom-select-select-option-dropdown .select2-results__option[aria-disabled="true"] {
    display: none;
}

.custom-select-select-option-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none !important;
    background: url('../images/contact-us/blue-arrow.svg') no-repeat center center !important;
    background-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    display: block !important;
}


.custom-select-select-option-dropdown .select2-selection__arrow::before,
.custom-select-select-option-dropdown .select2-selection__arrow::after {
    display: none !important;
    content: none !important;
}

/* Selected text */
.custom-select-select-option-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    /* Selected option: black */
}

/* Placeholder */
.custom-select-select-option-dropdown .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999 !important;
    /* Placeholder: gray */
    /* font-style: italic; */
}

/* Optional: dropdown option styles */
.custom-select-select-option-dropdown .select2-results__option {
    color: #333;
}

.custom-select-select-option-dropdown .select2-results__option--highlighted {
    background-color: #0d6efd;
    color: #fff;
}

.custom-select-select-option-dropdown .select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-dropdown {
    background-color: white;
    border: 2px solid #e9e9e9 !important;
    border-radius: 10px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-top: 0 !important;
}

.update-company-details .custom-select-select-option-dropdown .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
}

/* Ensure Select2 container takes full width of parent */
.custom-select-select-option-dropdown .select2-container {
    min-width: 100% !important;
    max-width: 100% !important;
    width: auto !important;
    /* prevent overflow */
    box-sizing: border-box;
    /* ensures padding/borders don’t break width */
}

/* Ensure selection box aligns properly */
.custom-select-select-option-dropdown .select2-container .select2-selection--single {
    width: 100% !important;
    box-sizing: border-box;
}

.rating-user-image{
    width: 40px;
    height: 40px;
}