/*=========Hero Section CSS Start=========*/
.hero_section {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 81.848vh;
    margin-top: 12px;
}

.hero_section .hero_wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0px 24px 0px 24px round 24px);
    animation-name: welcomeFadeIn, welcomeMoveIn;
    animation-duration: calc(0.9 * 1s), calc(0.7 * 1s);
    animation-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    animation-fill-mode: both;
    position: relative;
}

.hero_section .hero_wrapper.with_overlay::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.28) 100%);
}

.hero_section .bnr_video,
.hero_section .bnr_video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero_section:has(.bnr_img) {
    padding: 0;
    margin-top: 8px;
    height: 350px;
    position: relative;
}

.hero_section:has(.bnr_img)::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%);
}

.hero_section .bnr_img {
    width: 100%;
    height: 100%;
}

.hero_section .bnr_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero_section:has(.bnr_img) .bnr_text {
    padding: 72px 232px 56px 232px;
}

.hero_section:has(.bnr_img) .bnr_text h1 {
    font: normal normal 600 56px / 100% var(--font-heading);
}

.hero_section .bnr_text {
    position: absolute;
    z-index: 0;
    transition: 0.3s all ease-out;
}

.hero_section .bnr_text h1 {
    color: var(--color-white);
    text-align: center;
}

.hero_section .bnr_text h4 {
    font: normal normal 300 28px/100% var(--font-primary);
    color: var(--color-white);
    text-align: center;
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.12);
    letter-spacing: 0.28px;
    margin: 23px 0 48px;
}

.hero_section .search_container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    gap: 12px;
}

.hero_section .search_box {
    position: relative;
    width: 599px;
    border-radius: 100px;
    background: var(--color-white);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px 0px rgba(0, 0, 0, 0.06);
}

.hero_section .search_box .search_form {
    position: relative;
    border-bottom: 1px solid var(--Gray-Mode-100);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.hero_section .search_form span {
    position: absolute;
    left: 0;
    line-height: 1;
}

.hero_section .search_form span img {
    width: 24px;
    height: auto;
}

.hero_section .search_box .form-control {
    font: normal normal 400 18px/144.44% var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.027px;
    width: 100%;
    border: none;
    padding: 20px 24px;
    border-radius: 60px;
}

.hero_section .search_box .form-control::placeholder {
    color: #8a94a6;
}

.hero_section .search_box .btn_search {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 6px;
    margin: auto;
    width: 56px;
    height: 56px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-primary);
    border-radius: 100px;
    backdrop-filter: blur(3px);
}

.hero_section .search_box .btn_search img,
.hero_section .search_box .btn_cross img,
.hero_section .search_popup .btn_cross img {
    width: 24px;
    height: auto;
}

.hero_section .search_box .btn_cross,
.hero_section .search_popup .btn_cross {
    position: absolute;
    right: 78px;
    top: 0;
    bottom: 0;
    padding: 0;
    margin: auto;
    width: 24px;
    height: 24px;
    display: none;
    animation: scaleZoom 0.3s ease-out;
}

@keyframes scaleZoom {
    from {
        opacity: 0;
        transform: scale(0);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.hero_section .search_popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 148px;
    width: 100%;
    display: block;
    max-width: 816px;
    height: 483px;
    margin: auto;
    padding: 20px;
    border-radius: 24px;
    background: var(--color-white);
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
    z-index: 999;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.hero_section .search_popup.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.hero_section .search_popup:has([data-type="domestic"]),
.hero_section .search_popup:has([data-type="international"]) {
    height: auto;
}

.hero_section .search_popup .search_card {
    height: 100%;
    overflow: hidden;
}

.hero_section .search_popup .search_form {
    position: relative;
    border-bottom: 1px solid var(--Gray-Mode-100);
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.hero_section .search_popup .search_form .form-control {
    font: normal normal 400 18px/26px var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.027px;
    width: 100%;
    border: none;
    padding: 0 0 0 36px;
}

.hero_section .search_popup .btn_cross {
    right: 0;
    bottom: unset;
}

.hero_section .search_popup .result_box {
    height: calc(100% - 67px);
    overflow-x: hidden;
    overflow-y: auto;
}

.hero_section .search_popup .result_box::-webkit-scrollbar-track,
.hero_section .search_popup .top_item::-webkit-scrollbar-track {
    background-color: #fff;
}

.hero_section .search_popup .result_box::-webkit-scrollbar,
.hero_section .search_popup .top_item::-webkit-scrollbar {
    width: 6px;
    background-color: #fff;
}

.hero_section .search_popup .result_box::-webkit-scrollbar-thumb,
.hero_section .search_popup .top_item::-webkit-scrollbar-thumb {
    background-color: #babac0;
}


.hero_section .search_popup .search_result:not(:last-child) {
    border-bottom: 1px solid var(--Gray-Mode-100);
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.hero_section .search_popup .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.hero_section .search_popup .top span,
.hero_section .search_popup .no-results {
    letter-spacing: 0.035px;
    font: normal normal 500 14px/142.857% var(--font-primary);
    color: var(--Gray-Mode-950);
    display: block;
}

.hero_section .search_popup .top span a {
    color: var(--color-primary);
    text-decoration: none;
}

.hero_section .search_popup .top_item {
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: calc(100% - 67px);
    overflow-x: hidden;
    overflow-y: auto;
}

.hero_section .search_item .thd_section .row {
    row-gap: 16px;
    --bs-gutter-x: 16px;
}

.hero_section .search_item .thd_section .card_box {
    padding: 7px;
    border-radius: 16px;
    border: 1px solid var(--Gray-Mode-100);
    display: flex;
    align-items: center;
    gap: 12px;
}

.hero_section .search_item .thd_section .img_box {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    border: 1px solid #f2f0f1;
    overflow: hidden;
}

.hero_section .search_item .thd_section .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero_section .search_item .thd_section .text_box {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.hero_section .search_item .thd_section .text_box span {
    font: normal normal 400 14px/142.857% var(--font-primary);
    letter-spacing: 0.035px;
    color: var(--Gray-Mode-950);
    display: block;
}

.hero_section .search_item .thd_section .text_box a {
    font: normal normal 500 12px/133.333% var(--font-primary);
    letter-spacing: 0.06px;
    color: var(--color-primary);
    text-decoration: none;
}

.hero_section .search_result ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.hero_section .search_result ul li a {
    font: normal normal 400 14px/142.857% var(--font-primary);
    letter-spacing: 0.035px;
    color: var(--Gray-Mode-700);
    padding: 0px 6px 0px 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    letter-spacing: 0.14px;
    text-decoration: none;
}

.hero_section .search_result ul li img {
    width: 32px;
    height: auto;
}

.hero_section .voice_assistance .btn {
    width: 68px;
    height: 68px;
    border-radius: 100px;
    padding: 22px;
    background: var(--color-white);
    backdrop-filter: blur(3px);
}

.hero_section .voice_assistance .btn img {
    width: 100%;
    height: auto;
}

/*=========Hero Section CSS End=========*/

/*********Tour Packages CSS Start********/

.tour_packages {
    padding: 0 0 80px;
}

.tour_packages .top_wrapper {
    padding: 24px 0 0;
    background: #fff;
    z-index: 997;
    transition: padding 0.5s ease;
}

.onScroll_filter {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 997;
    padding: 16px 0;
    background: var(--color-white);
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-90px);
    transition: opacity 0.4s ease, visibility 0.5s ease, transform 0.5s ease;
}

.onScroll_filter.is-sticky {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

.onScroll_filter .top_wrapper {
    padding: 0;
}

.onScroll_filter .top_wrapper .filter_block {
    grid-template-columns: 148px calc(1296px - 457px) 277px;
    gap: 16px;
}

.onScroll_filter .top_wrapper .filter_block.grid-with-filter {
    grid-template-columns: 306px calc(1296px - 615px) 277px;
}

.onScroll_filter .filter-col-right {
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    background: var(--Blue-blue-2);
    padding: 0px 8px;
}

.onScroll_filter .filter-col-right .fc_right {
    display: flex;
    align-items: center;
    gap: 8px;
}

.onScroll_filter .top_wrapper .filter_block .filter_btn.active {
    border-radius: 8px;
}

.onScroll_filter .seprtr {
    min-width: 1px;
    height: 24px;
    background: #d7dae0;
}

.onScroll_filter .short_filter {
    position: relative;
}

.onScroll_filter .short_filter .btn {
    background-color: var(--color-primary);
    width: 36px;
    height: 36px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.onScroll_filter .short_filter .btn img {
    width: 20px;
    height: auto;
}

.onScroll_filter .short_filter .sort_option {
    display: none;
    position: absolute;
    right: 0;
    border-radius: 8px;
    border: 1px solid var(--Gray-Mode-100);
    background: var(--color-white);
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
    list-style: none;
    margin: 8px 0 0;
    padding: 8px 0 0;
    width: 185px;
    z-index: 99;
    overflow: hidden;
}

.short_filter .sort_option li {
    font: normal normal 400 14px / 142.857% var(--font-primary);
    color: var(--Gray-Mode-900);
    letter-spacing: 0.035px;
    background: var(--color-white);
    padding: 8px 12px;
    cursor: pointer;
}

.short_filter .sort_option li.active {
    background: var(--Gray-Mode-50);
}

.short_filter .sort_option li:hover,
.short_filter .sort_option li.active {
    background-color: #f0f0f0;
}

/********Breadcrumbs css*******/
.breadcrumb {
    margin: 0;
    flex-wrap: nowrap;
}

.breadcrumb-item {
    font: normal normal 500 14px/142.857% var(--font-primary);
    color: var(--Gray-Mode-600);
    letter-spacing: 0.035px;
}

.breadcrumb-item a {
    color: var(--color-primary);
    text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
    display: flex;
    align-items: center;
}

.breadcrumb-item+.breadcrumb-item::before {
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(../../images/common-img/chevron-right.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0 6px;
    filter: opacity(0.45);
}

/**********Package Info CSS*********/
.package_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 24px 0;
}

.package_info .left_block {
    display: flex;
    align-items: center;
    gap: 16px;
}

.package_info .left_block h6 {
    color: var(--Gray-Mode-950);
    letter-spacing: 0.027px;
}

.package_info .left_block .rating_forMobile,
.tour_packages .filter_forMobile {
    display: none;
}

.package_info .left_block .rating {
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 8px;
    border: 1px solid var(--Gray-Mode-100);
    padding: 4px 8px;
}

.package_info .left_block .rating .stars {
    display: flex;
    align-items: center;
    padding: 1px 0;
}

.package_info .left_block .rating .stars img {
    width: 12px;
    height: auto;
}

.package_info .left_block .rating .brdr,
.package_info .right_block .brdr {
    width: 1px;
    height: 24px;
    background-color: var(--Gray-Mode-200);
}

.package_info .left_block .rating span {
    font: normal normal 600 14px/20px var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.035px;
    display: block;
    text-align: center;
}

.package_info .left_block .rating span span {
    font: normal normal 400 10px/140% var(--font-primary);
    color: var(--Gray-Mode-700);
    letter-spacing: 0.05px;
}

.package_info .right_block {
    display: flex;
    align-items: center;
    gap: 16px;
}

.tour_packages .top_wrapper .form-check {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 0;
    margin-bottom: 0;
    min-height: 1px;
}

.tour_packages .top_wrapper .form-check-input {
    width: 20px;
    height: 20px;
    margin: 0;
    border-radius: 4px;
    border: 1.5px solid var(--Gray-Mode-400);
}

.tour_packages .top_wrapper .form-check-input:checked[type="checkbox"] {
    background-image: url(../../images/common-img/check.svg);
    background-size: 16px;
    background-position: center;
}

.tour_packages .top_wrapper .form-check-input:checked {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.tour_packages .top_wrapper .form-check-label {
    font: normal normal 500 14px/142.857% var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.035px;
}

.form-check-input:focus {
    box-shadow: none;
}

.package_info .right_block .sorting_blck {
    display: flex;
    align-items: center;
    gap: 8px;
}

.package_info .right_block .sorting_blck .sort_icon {
    background-color: var(--color-primary);
    width: 36px;
    height: 36px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.package_info .right_block .sorting_blck .sort_icon img {
    width: 20px;
    height: auto;
}

.package_info .right_block .sort_dropdown {
    position: relative;
}

.package_info .right_block .sort_selected {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.package_info .right_block .arrow img {
    width: 20px;
    height: auto;
    transition: transform 0.3s ease;
}

.package_info .right_block .sort_dropdown label {
    font: normal normal 400 14px/142.857% var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.035px;
    cursor: pointer;
}

.package_info .right_block .sort_dropdown label span {
    font-weight: 500;
}

.package_info .right_block .sort_dropdown.active .sort_label {
    color: var(--color-primary);
}

.package_info .right_block .sort_dropdown.active .arrow img {
    transform: rotate(180deg);
    filter: brightness(0) invert(0);
}

.package_info .right_block .sort_options {
    display: none;
    position: absolute;
    right: 0;
    border-radius: 8px;
    border: 1px solid var(--Gray-Mode-100);
    background: var(--color-white);
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
    list-style: none;
    margin: 8px 0 0;
    padding: 8px 0 0;
    width: 185px;
    z-index: 99;
    overflow: hidden;
}

.package_info .right_block .sort_options li {
    font: normal normal 400 14px/142.857% var(--font-primary);
    color: var(--Gray-Mode-900);
    letter-spacing: 0.035px;
    background: var(--color-white);
    padding: 8px 12px;
    cursor: pointer;
}

.package_info .right_block .sort_options li.active {
    background: var(--Gray-Mode-50);
}

.tour_packages .gridlist_buttons {
    display: flex;
    align-items: center;
    gap: 8px;
}

.tour_packages .gridlist_buttons .btn {
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    cursor: pointer;
}

.tour_packages .gridlist_buttons .btn img {
    width: 20px;
    height: auto;
    transition: 0.5s all ease-out;
}

.tour_packages .gridlist_buttons .btn.active {
    background-color: var(--color-primary);
}

.tour_packages .gridlist_buttons .btn.active img {
    filter: brightness(0) invert(1);
}

.top_wrapper .filter_block {
    display: grid;
    grid-template-columns: 150px calc(1296px - 174px);
    gap: 24px;
    /* transition: grid-template-columns 0.5s ease; */
}

.top_wrapper .filter_block .filter_btn {
    font: normal normal 600 18px / 144.444% var(--font-primary);
    color: var(--color-white);
    letter-spacing: 0.032px;
    background-color: var(--color-primary);
    border-radius: 8px;
    border: none;
    height: 52px;
    padding: 0px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    /* width: 150px;
  transition: width 0.5s ease, border-radius 0.5s ease; */
    transition: unset;
}

.top_wrapper .filter_block .filter_btn.active {
    width: 100%;
    border-radius: 8px 8px 0 0;
    border-bottom: none;
}

.top_wrapper .filter_block .filter_btn span {
    display: flex;
    align-items: center;
    gap: 8px;
}

.top_wrapper .filter_block .filter_btn span span {
    font: normal normal 600 14px/20px var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.035px;
    background-color: var(--color-secondary);
    border-radius: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    /* transition: opacity 0.5s ease; */
}

.top_wrapper .filter_block .filter_btn.active span span {
    opacity: 0;
}

.top_wrapper .filter_block .filter_btn img {
    width: 24px;
    height: auto;
    transition: transform 0.5s ease;
}

.top_wrapper .filter_block .filter_btn.active img {
    transform: rotate(180deg);
}

.top_wrapper .filter_block .filter_btn.list img {
    opacity: 0;
}

.top_wrapper .filter_block .filter_bar {
    padding: 0 12px;
    border-radius: 8px;
    border-bottom: 1px solid var(--Gray-Mode-200, #d7dae0);
    background: var(--Gray-Mode-25, #f8f9fa);
    overflow: hidden;
}

.top_wrapper .filter_block .badge {
    background: orange;
    border-radius: 50%;
    padding: 2px 8px;
    margin-left: 5px;
    font-size: 12px;
}

.top_wrapper .filter_block .filter-scroll-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
}

.top_wrapper .filter_block .scroll-btn {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}

.top_wrapper .filter_block .scroll-btn img {
    width: 24px;
    height: auto;
    filter: brightness(0) invert(0);
}

.top_wrapper .filter_block .scroll-btn.disable img {
    filter: none;
}

.top_wrapper .filter_block .filter-scroll {
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
    flex: 1;
}

.top_wrapper .filter_block .filter-scroll::-webkit-scrollbar {
    display: none;
}

.top_wrapper .filter_block .filter-list {
    display: inline-flex;
    gap: 12px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.top_wrapper .filter_block .filter-tab {
    font: normal normal 500 14px/20px var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.14px;
    padding: 16px 2px;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.top_wrapper .filter_block .filter-tab.active {
    color: var(--color-primary);
}

.top_wrapper .filter_block .filter-tab::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 100%;
    height: 3px;
    background-color: var(--color-primary);
    transition: 0.5s all ease;
    opacity: 0;
}

.top_wrapper .filter_block .filter-tab.active::before {
    opacity: 1;
}

.top_wrapper .filter_block.grid-with-filter,
.filter_andCards.grid-with-filter {
    grid-template-columns: 306px calc(1296px - 330px);
}

.all_filters {
    border-radius: 0 0 8px 8px;
    border: 1px solid var(--Gray-Mode-100);
    border-top: none;
    background: var(--Blue-blue-1);
    height: calc(100vh - 88px);
    position: sticky;
    top: 0;
    z-index: 996;
    height: calc(100vh - 88px);
    transition: 0.5s all ease;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
}

.all_filters.is-sticky {
    top: 85px;
}

.all_filters::-webkit-scrollbar {
    width: 4px;
}

.all_filters::-webkit-scrollbar-track {
    background: transparent;
}

.all_filters::-webkit-scrollbar-thumb {
    background-color: #c6c6c6;
    border-radius: 0;
    border: 0 solid transparent;
    background-clip: content-box;
    transition: background-color 0.3s ease;
}

.all_filters .header_forMobile,
.tour_packages .sort_wrapper {
    display: none;
}

.all_filters .comn_filter {
    padding: 16px 16px 20px 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.all_filters .comn_filter .top_block {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.all_filters .comn_filter .top_block p {
    color: var(--Gray-Mode-950);
    font-weight: 600;
}

.all_filters .comn_filter .top_block .btn {
    font: normal normal 500 14px/142.857% var(--font-primary);
    color: var(--color-primary);
    letter-spacing: 0.035px;
    padding: 0;
}

.all_filters .comn_filter .applied {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.all_filters .comn_filter .applied li {
    font: normal normal 500 12px/133.333% var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.06px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 4px 6px 4px 12px;
    border-radius: 60px;
    border: 1px solid var(--Gray-Mode-100);
    background: var(--color-white);
}

.all_filters .comn_filter .applied li .btn {
    padding: 0;
}

.all_filters .comn_filter .applied li .btn {
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 40px;
    background: var(--Gray-Mode-100);
}

.all_filters .comn_filter .applied li .btn img {
    width: 16px;
    height: auto;
}

.all_filters .seperator {
    width: 100%;
    height: 2px;
    background: #edeef1;
}

.all_filters .dropdown_filter .btn {
    font: normal normal 500 16px/150% var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.024px;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.all_filters .dropdown_filter .btn img {
    width: 24px;
    height: auto;
    transition: transform 0.5s ease;
}

.all_filters .dropdown_filter .btn.active img {
    transform: rotate(180deg);
}

.all_filters .dropdown_filter .dropdown_list {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.all_filters .dropdown_filter .dropdown_list ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 211px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.all_filters .dropdown_filter.themes_filter .dropdown_list ul {
    max-height: unset;
}

.all_filters .dropdown_filter.themes_filter .dropdown_list ul:hover {
    overflow: hidden;
}

.all_filters .dropdown_filter .dropdown_list ul:hover {
    overflow-y: auto;
}

.all_filters .dropdown_filter .dropdown_list ul::-webkit-scrollbar {
    width: 4px;
}

.all_filters .dropdown_filter .dropdown_list ul::-webkit-scrollbar-track {
    background: transparent;
}

.all_filters .dropdown_filter .dropdown_list ul::-webkit-scrollbar-thumb {
    background-color: var(--Gray-Mode-300);
}

.all_filters .dropdown_filter .dropdown_list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.all_filters .dropdown_filter .dropdown_list .form-check {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

.all_filters .dropdown_filter .dropdown_list .form-check-input {
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1.5px solid var(--Gray-Mode-300);
    margin: 0;
}

.all_filters .dropdown_filter .dropdown_list .form-check-input:checked[type="checkbox"] {
    background-image: url(../../images/common-img/check.svg);
    background-size: 16px;
    background-position: center;
}

.all_filters .dropdown_filter .dropdown_list .form-check-input:checked {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.all_filters .dropdown_filter .dropdown_list label {
    font: normal normal 500 14px/20px var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.024px;
}

.all_filters .dropdown_filter .dropdown_list span {
    font: normal normal 500 14px/142.857% var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.035px;
}

.all_filters .comn_filter .search_box {
    width: 100%;
    position: relative;
}

.all_filters .comn_filter .search_box .form-control {
    font: normal normal 400 14px/20px var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.035px;
    padding: 11px 16px;
    border-radius: 8px;
    border: 1px solid var(--Gray-Mode-200);
    background: var(--color-white);
}

.all_filters .comn_filter .search_box .form-control::placeholder {
    color: var(--Gray-Mode-500);
}

.all_filters .comn_filter .search_box span {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: auto;
}

.all_filters .comn_filter .search_box span img {
    width: 20px;
    height: auto;
}

.all_filters .comn_filter .seemore_wrapper {
    margin-top: -4px;
}

.all_filters .comn_filter .seemore_wrapper .seemore_btn {
    font: normal normal 500 14px / 142.857% var(--font-primary);
    color: var(--color-primary);
    letter-spacing: 0.035px;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
    background-color: transparent;
    border: none;
}

.all_filters .comn_filter .seemore_wrapper .seemore_btn img {
    width: 18px;
    height: auto;
    transition: transform 0.5s ease;
}

.all_filters .comn_filter .year_calendar {
    width: 100%;
    border-radius: 8px;
    border: 1px solid var(--Gray-Mode-100);
    background: var(--color-white);
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.all_filters .comn_filter .year_calendar .top_block {
    margin-bottom: 8px;
}

.all_filters .comn_filter .months-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.all_filters .comn_filter .month {
    border-radius: 8px;
    border: 1px solid var(--Gray-Mode-100);
    background: var(--color-white);
    padding: 7px 15px;
    text-align: center;
    font: normal normal 400 14px/20px var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.035px;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}

.all_filters .comn_filter .month.selected {
    color: var(--color-white);
    border: 1px solid var(--color-primary);
    background: var(--color-primary);
}

.all_filters .comn_filter .range_container {
    width: 100%;
}

.all_filters .comn_filter .range_container .sliders_control {
    position: relative;
    min-height: 20px;
}

.all_filters .comn_filter .range_container input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 20px;
    height: 20px;
    border-radius: 30px;
    background: var(--color-white);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.all_filters .comn_filter .range_container input[type="range"]::-webkit-slider-thumb:active {
    background: var(--Gradient-Blue, linear-gradient(225deg, #2E90FA 0%, #175CD3 100%));
    );
}

.all_filters .comn_filter .range_container input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    height: 4px;
    width: 100%;
    position: absolute;
    background-color: #c6c6c6;
    pointer-events: none;
}

.all_filters .comn_filter .range_container .sliders_control .min_value {
    top: 2px;
    height: 0;
    z-index: 1;
}

.all_filters .comn_filter .range_container .display_value {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.all_filters .comn_filter .range_container .display_value span {
    font: normal normal 500 12px/133.333% var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.06px;
    padding: 8px 16px;
    border-radius: 4px;
    border: 1px solid var(--Gray-Mode-100);
    background: var(--color-white);
    display: block;
}

.filter_andCards {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
}

.filter_andCards .inner_gap {
    margin-top: 24px;
    row-gap: 24px;
}

.filter_andCards .list.inner_gap {
    height: fit-content;
}

.filter_andCards .package-card.is-animated {
    -webkit-animation: 0.6s zoom-in;
    animation: 0.6s zoom-in;
}

@keyframes zoom-in {
    0% {
        transform: scale(0.5);
    }

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

.filter_andCards .card_box {
    padding: 16px 16px 20px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    border-radius: 16px;
    border: 1px solid var(--Gray-Mode-200);
    background: var(--color-white);
    transition: 0.5s all ease-out;
}

.filter_andCards .card_box:hover {
    border: 1px solid var(--Blue-blue-4);
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.filter_andCards .list .card_box {
    flex-direction: row;
}

.filter_andCards .list .card_box .top_block {
    max-width: 360px;
}

.filter_andCards .list .card_box .img_box img {
    height: 270px;
}

.filter_andCards .card_box .top_block {
    width: 100%;
    position: relative;
    z-index: 0;
    border-radius: 8px;
    overflow: hidden;
}

.filter_andCards .card_box .img_box img {
    width: 100%;
    height: auto;
}

.filter_andCards .img_slider .owl-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}

.filter_andCards .img_slider .owl-nav button.owl-prev,
.filter_andCards .img_slider .owl-nav button.owl-next {
    width: 28px;
    height: 28px;
    padding: 0 !important;
}

.filter_andCards .img_slider .owl-nav button {
    background-color: var(--color-white);
}

.filter_andCards .img_slider .owl-nav button img {
    width: 20px;
    height: auto;
    filter: brightness(0) invert(0);
}

.filter_andCards .card_box .over_img {
    position: absolute;
    top: 0;
    padding: 12px 12px 0 0;
    width: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: end;
}

.filter_andCards .card_box .over_img:has(.left_strip) {
    justify-content: space-between;
}

.filter_andCards .card_box .over_img .left_strip {
    padding: 6px 10px;
    border-radius: 0px 100px 100px 0px;
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    position: relative;
}

.filter_andCards .card_box .over_img .left_strip.primary {
    background: var(--color-primary);
}

.filter_andCards .card_box .over_img .left_strip.secondary {
    background: #f70;
    cursor: pointer;
}

.filter_andCards .card_box .over_img .left_strip.tertiary {
    background: #ea2b77;
}

.filter_andCards .card_box .over_img .left_strip img {
    width: 16px;
    height: auto;
}

.filter_andCards .card_box .over_img .left_strip span {
    font: normal normal 500 14px/20px var(--font-primary);
    color: var(--color-white);
    letter-spacing: 0.035px;
    display: block;
}

.filter_andCards .card_box .over_img .left_strip .custom_tooltip {
    position: absolute;
    left: 8px;
    top: calc(100% + 12px);
    width: 220px;
    border-radius: 8px;
    background: var(--Gray-Mode-950, #24262D);
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.12);
    padding: 10px;
    z-index: 999;
    display: none;
    opacity: 0;
}

.filter_andCards .card_box .over_img .left_strip .custom_tooltip::after {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    width: fit-content;
    margin: auto;
    border: 10px solid transparent;
    border-bottom-color: var(--Gray-Mode-950);
}

.filter_andCards .card_box .over_img .left_strip .custom_tooltip.show {
    display: block;
    opacity: 1;
}

.filter_andCards .card_box .over_img .left_strip .custom_tooltip span {
    font: normal normal 500 12px/16px var(--font-primary);
    color: var(--color-white);
    letter-spacing: 0.06px;
    display: block;
}

.filter_andCards .card_box .over_img .wishlist {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid var(--Gray-Mode-700);
    background: rgba(0, 0, 0, 0.56);
    backdrop-filter: blur(4px);
}

.filter_andCards .card_box .over_img .wishlist img {
    width: 20px;
    height: auto;
}

.filter_andCards .card_box .over_img .ratings {
    width: 84px;
    padding: 4px 7px;
    border-radius: 4px;
    background: var(--Gray-Mode-700);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.filter_andCards .card_box .over_img .ratings span {
    font: normal normal 400 14px/20px var(--font-primary);
    color: var(--color-white);
    letter-spacing: 0.035px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.filter_andCards .card_box .over_img .ratings span b {
    font-weight: 600;
}

.filter_andCards .card_box .over_img .ratings img {
    width: 18px;
    height: auto;
}

.filter_andCards .card_box .compare {
    position: absolute;
    right: 12px;
    bottom: 12px;
    border-radius: 100px;
    background: var(--Gray-Mode-25);
    padding: 6px 12px 6px 8px;
    display: flex;
    align-items: center;
    gap: 4px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.4s ease-out;
}

.filter_andCards .card_box .compare.active {
    opacity: 1;
}

.filter_andCards .card_box .compare .form-check {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-left: 0;
    margin-bottom: 0;
    min-height: auto;
}

.filter_andCards .card_box .compare .form-check-input {
    width: 16px;
    height: 16px;
    margin: 0;
    border-radius: 4px;
    border: 1.5px solid var(--Gray-Mode-500);
}

.filter_andCards .card_box .compare .form-check-label {
    font: normal normal 400 10px / 140% var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.05px;
}

.filter_andCards .card_box .compare .form-check-input:checked[type="checkbox"] {
    background-image: url(../../images/common-img/check.svg);
    background-size: 12px;
    background-position: center;
}

.filter_andCards .card_box .compare .form-check-input:checked {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.filter_andCards .cbt_blc,
.filter_andCards .center_block {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.filter_andCards .center_block .ctop_blc {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.filter_andCards .center_block .ctop_blc .ctl_blc {
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter_andCards .center_block .ctop_blc .ctl_blc span {
    font: normal normal 600 12px/133.333% var(--font-primary);
    color: var(--color-primary);
    letter-spacing: 0.06px;
    padding: 6px 8px;
    border-radius: 4px;
    border: 1px solid var(--Gray-Mode-100);
    background: var(--Gray-Mode-50);
    backdrop-filter: blur(2px);
}

.filter_andCards .center_block .ctop_blc .ratings {
    display: flex;
    align-items: center;
    gap: 4px;
}

.filter_andCards .center_block .ctop_blc .ratings span {
    line-height: 1;
    font-weight: 600;
    margin: 0;
}

.filter_andCards .center_block .ctop_blc .ratings img {
    width: 18px;
    height: auto;
}

.filter_andCards .center_block .ctop_blc span {
    font: normal normal 400 14px / 142.857% var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.035px;
    display: inline-block;
}

.filter_andCards .center_block .ctop_blc .ratings span:last-child {
    font-weight: 400;
    color: var(--Gray-Mode-500);
}

.filter_andCards .center_block .select_wrapper .custom_select,
.filter_andCards .center_block .select_wrapper .form-select {
    font: normal normal 600 12px / 16px var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.06px;
    padding: 6px 8px;
    min-width: 92px;
}

.filter_andCards .center_block .select_wrapper:after {
    right: 8px;
    width: 16px;
    height: 16px;
    background-size: 16px;
}

.filter_andCards .center_block .select_wrapper .select_options {
    padding: 4px 0;
}

.filter_andCards .center_block .select_wrapper .select_options li {
    font: normal normal 500 12px / 16px var(--font-primary);
    letter-spacing: 0.06px;
    padding: 4px 8px !important;
}

.filter_andCards .center_block .ccntr_blc h6 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    letter-spacing: 0.027px;
    color: var(--Gray-Mode-950);
}

.filter_andCards .center_block .ccntr_blc .ccbtm_blc {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin: 12px 0 0;
}

.filter_andCards .center_block .ccntr_blc .ccbtm_blc span {
    font: normal normal 500 14px/142.857% var(--font-primary);
    letter-spacing: 0.035px;
    color: var(--Gray-Mode-600);
    display: block;
}

.filter_andCards .center_block .ccntr_blc .ccbtm_blc .dot {
    width: 4px;
    height: 4px;
    background-color: var(--Gray-Mode-300);
    border-radius: 50%;
}

.filter_andCards .center_block .ccntr_blc .ccbtm_blc span a {
    color: var(--Gray-Mode-950);
    text-decoration: none;
}

.filter_andCards .center_block .cbtm_blc .cbtm_inr {
    display: flex;
    align-items: center;
    gap: 13px;
}

.filter_andCards .center_block .cbtm_blc span {
    font: normal normal 500 10px/100% var(--font-primary);
    letter-spacing: 0.05px;
    color: var(--Gray-Mode-900);
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 2px;
    width: 53px;
    min-width: 53px;
    height: 56px;
    padding-bottom: 4px;
    cursor: pointer;
}

.filter_andCards .center_block .cbtm_blc span img {
    width: 36px;
    height: auto;
    display: block;
    margin: auto;
}

.filter_andCards .center_block .cbtm_blc .optional {
    position: relative;
    border-radius: 4px;
    border: 1px solid var(--Blue-blue-3);
    background: var(--Blue-blue-2);
}

.filter_andCards .center_block .cbtm_blc .optional span {
    position: absolute;
    right: 4px;
    top: -9px;
    border-radius: 2px;
    background: var(--color-secondary);
    font: normal normal 600 8px/175% var(--font-primary);
    letter-spacing: 0.04px;
    color: var(--Gray-Mode-950);
    width: auto;
    min-width: auto;
    height: auto;
    padding: 0 4px;
}

.filter_andCards .center_block .cbtm_blc .brdr_dotted {
    width: 100%;
    height: 1px;
    background-image: repeating-linear-gradient(to right, #d7dae0, #d7dae0 10px, transparent 10px, transparent 15px);
    margin-top: 8px;
}

.filter_andCards .bottom_block {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}

.filter_andCards .bottom_block .fair_blc .btf_blc {
    display: flex;
    align-items: center;
    gap: 8px;
}

.filter_andCards .bottom_block .fair_blc .btf_blc .price {
    font: normal normal 500 14px/142.857% var(--font-primary);
    letter-spacing: 0.035px;
    color: var(--Gray-Mode-900);
    text-decoration-line: line-through;
}

.filter_andCards .bottom_block .fair_blc .btf_blc .discount {
    font: normal normal 600 10px/140% var(--font-primary);
    letter-spacing: 0.05px;
    color: var(--color-white);
    border-radius: 4px;
    background: linear-gradient(225deg, #fd853a 0%, #ec4a0a 100%);
    padding: 4px 8px;
}

.filter_andCards .bottom_block .fair_blc h5 {
    color: var(--Gray-Mode-950);
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.02px;
    margin-top: 4px;
    display: flex;
    align-items: flex-end;
}

.filter_andCards .bottom_block .fair_blc .price_tag {
    font: normal normal 500 10px/140% var(--font-primary);
    letter-spacing: 0.05px;
    color: var(--Gray-Mode-900);
    display: block;
    margin: 0 0 4px 2px;
}

.filter_andCards .bottom_block .fair_blc .availability {
    font: normal normal 500 12px/16px var(--font-primary);
    letter-spacing: 0.06px;
    color: var(--Gray-Mode-950);
    display: block;
    margin-top: 2px;
}

.filter_andCards .bottom_block .btn_primary {
    font: normal normal 400 14px / 20px var(--font-primary);
    padding: 10px 16px;
}

.filter_andCards .card_trip {
    border-radius: 16px;
    background: linear-gradient(0deg, rgba(241, 187, 55, 0.24) 0%, #f1bb37 77.13%), #fff;
    padding: 24px;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.filter_andCards .list .card_trip {
    height: auto;
    min-height: 245px;
}

.filter_andCards .list .card_trip h5 {
    max-width: 25%;
}

.filter_andCards .card_trip::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url(../../images/searchResultPage/tourPackages/own-trip-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.filter_andCards .list .card_trip::before {
    background-image: url(../../images/searchResultPage/tourPackages/own-trip-list-bg.png);
}

.filter_andCards .card_trip h5 {
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 0.02px;
    color: var(--Gray-Mode-950);
    max-width: 60%;
}

.filter_andCards .card_trip .btn_withIcon {
    background-color: var(--color-primary);
    padding: 6px 12px;
    width: fit-content;
    overflow: hidden;
    gap: 0;
    margin-top: 16px;
}

.filter_andCards .card_trip .btn_withIcon span {
    font: normal normal 500 14px / 142.857% var(--font-primary);
    letter-spacing: 0.035px;
    color: var(--color-white);
    white-space: nowrap;
    display: inline-block;
    max-width: 0;
    opacity: 0;
    padding: 0;
    transition: max-width 0.6s ease, opacity 0.6s ease, padding 0.6s ease;
}

.filter_andCards .card_trip:hover .btn_withIcon span {
    max-width: 100px;
    opacity: 1;
    padding-right: 4px;
}

.filter_andCards .card_trip .btn_withIcon img {
    filter: brightness(0) invert(1);
}

.filter_andCards .help_block {
    padding: 24px;
    border-radius: 12px;
    border: 1px solid #d1e9ff;
    background: linear-gradient(225deg, #2e90fa 0%, #175cd3 100%);
    position: relative;
    z-index: 2;
}

.filter_andCards .help_block::before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 110px;
    height: 110px;
    background: url(../../images/searchResultPage/tourPackages/Ellipse-01.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: 0 0 0 12px;
    z-index: -1;
}

.filter_andCards .help_block h4 {
    font: normal normal 600 28px var(--font-heading);
    color: var(--color-white);
    text-align: left;
}

.filter_andCards .help_block .top_heading span {
    font: normal normal 400 14px/142.857% var(--font-primary);
    color: var(--color-white);
    letter-spacing: 0.035px;
    display: block;
    margin-top: 4px;
}

.filter_andCards .help_block .contact_form {
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-radius: 8px;
    border: 1px solid var(--Gray-Mode-50);
    background: var(--color-white);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    padding: 16px;
    margin-top: 16px;
}

.filter_andCards .help_block .contact_form .form_wrpr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.filter_andCards .help_block .contact_form .btn_primary {
    padding: 10px 18px;
    border-bottom: none;
}

.filter_andCards .more_wrapper {
    padding: 24px 0 0;
}

.filter_andCards .btn_loadMore {
    font: normal normal 400 16px / 150% var(--font-primary);
    letter-spacing: 0.024px;
    padding: 11px 20px;
}

.addtoCompare_blc {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 1344px;
    height: 88px;
    padding: 0px 24px;
    display: flex;
    align-items: center;
    gap: 48px;
    border-radius: 12px 12px 0px 0px;
    background: linear-gradient(0deg, #062d66 -96.32%, #000711 97.67%);
    box-shadow: 0px -4px 8px -2px rgba(0, 0, 0, 0.08);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100px);
    transition: all 0.5s ease;
}

.addtoCompare_blc.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.addtoCompare_blc .left_blc {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    width: 100%;
}

.addtoCompare_blc .left_blc .card_blc {
    border-radius: 8px;
    background: var(--Gray-Mode-25);
    padding: 4px 12px 4px 4px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.addtoCompare_blc .left_blc .card_blc .cl_blc {
    display: flex;
    align-items: center;
    gap: 8px;
}

.addtoCompare_blc .left_blc .card_blc .img_blc {
    width: 88px;
    min-width: 88px;
    height: 56px;
}

.addtoCompare_blc .left_blc .card_blc .img_blc img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
    object-position: center;
}

.addtoCompare_blc .left_blc .card_blc span {
    font: normal normal 500 14px/20px var(--font-primary);
    letter-spacing: 0.035px;
    color: var(--Gray-Mode-950);
    display: block;
}

.addtoCompare_blc .left_blc .card_blc .btn {
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 100px;
    background: var(--Gray-Mode-100);
}

.addtoCompare_blc .left_blc .card_blc .btn img {
    width: 14px;
    height: auto;
}

.addtoCompare_blc .right_blc {
    display: flex;
    align-items: center;
    gap: 16px;
}

.addtoCompare_blc .right_blc .btn {
    font: normal normal 400 16px/150% var(--font-primary);
    letter-spacing: 0.024px;
    color: var(--color-white);
    padding: 12px 20px;
    width: max-content;
}

.addtoCompare_blc .right_blc .btn_compare {
    border-radius: 100px;
    border: 1px solid var(--color-primary);
    background: var(--color-primary);
}

/*********Tour Packages CSS End********/

/***********Tour Managers CSS Start*************/
.tour_managers {
    background: #f6fbff;
}

.tour_managers .card_box {
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    padding-bottom: 24px;
    display: flex;
    align-items: flex-start;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.tour_managers .card_box::before,
.tour_managers .card_box::after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: -1;
}

.tour_managers .card_box::before {
    left: 0;
    bottom: 0;
    width: 300px;
    height: 242px;
}

.tour_managers .card_box::after {
    right: 0;
    top: 0;
    width: 160px;
    height: 185px;
}

.tour_managers .card_box.white_bg::before {
    background-image: url(../../images/searchResultPage/tourManagers/ctm-01.svg);
}

.tour_managers .card_box.white_bg::after {
    background-image: url(../../images/searchResultPage/tourManagers/ctm-02.svg);
}

.tour_managers .card_box.mint_bg::before {
    background-image: url(../../images/searchResultPage/tourManagers/ctm-03.svg);
}

.tour_managers .card_box.mint_bg::after {
    background-image: url(../../images/searchResultPage/tourManagers/ctm-04.svg);
}

.tour_managers .card_box.peach_bg::before {
    background-image: url(../../images/searchResultPage/tourManagers/ctm-05.svg);
}

.tour_managers .card_box.peach_bg::after {
    background-image: url(../../images/searchResultPage/tourManagers/ctm-06.svg);
}

.tour_managers .card_box.white_bg {
    border: 1px solid var(--Blue-blue-3);
    background: var(--White, #fff);
}

.tour_managers .card_box.white_bg h5 {
    color: var(--color-primary);
}

.tour_managers .card_box.mint_bg {
    border: 1px solid #ddf3ec;
    background: #f2fffb;
}

.tour_managers .card_box.mint_bg h5 {
    color: #208362;
}

.tour_managers .card_box.peach_bg {
    border: 1px solid var(--Orange-orange-2);
    background: var(--Orange-orange-1);
}

.tour_managers .card_box.peach_bg h5 {
    color: var(--Orange-orange-6);
}

.tour_managers .card_box .left_blc img {
    border-radius: 0px 0px 12px 0px;
    width: 188px;
    height: auto;
}

.tour_managers .card_box .info_blc {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 26px 0 16px;
}

.tour_managers .card_box .info_blc h5 {
    font-weight: 600;
    line-height: 140%;
    letter-spacing: 0.02px;
}

.tour_managers .card_box .info_blc .info_inr {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.tour_managers .card_box .info_blc .info_inr .title {
    font: normal normal 600 12px / 16px var(--font-primary);
    letter-spacing: 0.06px;
    color: var(--Gray-Mode-950);
    display: block;
}

.tour_managers .card_box .info_blc .info_inr .sub_title {
    font: normal normal 400 14px / 20px var(--font-primary);
    letter-spacing: 0.035px;
    color: var(--Gray-Mode-950);
    display: block;
}

.tour_managers .card_box .info_blc .btn {
    font: normal normal 400 14px / 20px var(--font-primary);
    letter-spacing: 0.035px;
    color: var(--color-primary);
    text-decoration: none;
    padding: 0;
    width: fit-content;
}

.tour_managers .owl-carousel .owl-nav button.owl-prev,
.tour_managers .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}

.tour_managers .owl-carousel .owl-nav button.owl-prev {
    left: -22px;
}

.tour_managers .owl-carousel .owl-nav button.owl-next {
    right: -22px;
}

/***********Tour Managers CSS End*************/

.optional_modal .modal-header .btn-close {
    background-image: unset;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    padding: 0;
    margin: 0;
}

.optional_modal .modal-header .btn-close img {
    width: 24px;
}

.optional_modal .modal-header .btn-close:focus {
    box-shadow: unset;
}

.optional_modal .modal-content {
    border-radius: 16px;
    border: 1px solid #D0D0D0;
    background: var(--color-white);
    min-height: 375px;
}

.optional_modal .modal-dialog {
    max-width: 960px;
}

.optional_modal .modal-header {
    padding: 0 16px;
    border-bottom: 3px solid var(--Gray-Mode-100);
}

.optional_modal .nav-tabs {
    border-bottom: none;
    display: flex;
    align-items: flex-start;
    gap: 24px;
}

.optional_modal .nav-tabs .nav-link {
    font: normal normal 500 10px/14px var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.05px;
    border: none;
    padding: 10px 8px;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: -3px;
}

.optional_modal .nav-tabs .nav-item.show .nav-link,
.optional_modal .nav-tabs .nav-link.active {
    border-bottom: 3px solid var(--color-primary);
}

.optional_modal .nav-tabs .nav-link span {
    width: 53px;
    height: 36px;
    display: block;
}

.optional_modal .nav-tabs .nav-link .optional {
    border-radius: 4px;
    border: 1px solid var(--Blue-blue-3);
    background: var(--Blue-blue-2);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.optional_modal .nav-tabs .nav-link img {
    width: 36px;
    height: auto;
}

.optional_modal .nav-tabs .nav-link .optional .text {
    font: normal normal 600 8px / 14px var(--font-primary);
    color: var(--Gray-Mode-950);
    letter-spacing: 0.04px;
    padding: 0 4px;
    border-radius: 2px;
    background: var(--color-secondary);
    display: block;
    width: auto;
    height: auto;
    position: absolute;
    top: -7px;
}

.optional_modal .modal-body {
    padding: 24px 16px;
}

.optional_modal .modal-body .content_block {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.optional_modal .modal-body .content_block p {
    color: var(--Gray-Mode-950);
    font-weight: 600;
    letter-spacing: 0.024px;
    margin-bottom: 8px;
}

.optional_modal .modal-body .content_block ul {
    margin-bottom: 0;
}

.optional_modal .modal-body .content_block ul li {
    font: normal normal 400 14px/20px var(--font-primary);
    color: var(--Gray-Mode-900);
    letter-spacing: 0.035px;
}

/*=========Travel Highlights CSS End==========*/
@media only screen and (min-width: 1200px) and (max-width: 1439px) {
    .hero_section:has(.bnr_img) {
        height: 270px;
    }

    .hero_section:has(.bnr_img) .bnr_text {
        padding: 62px 200px 46px 200px;
    }

    .hero_section:has(.bnr_img) .bnr_text h1 {
        font: normal normal 600 42px / 100% var(--font-heading);
    }

    .hero_section .bnr_text h4 {
        font: normal normal 300 20px / 100% var(--font-primary);
        margin: 16px 0 32px;
    }

    .hero_section .search_box {
        width: 499px;
    }

    .hero_section .search_container {
        gap: 8px;
    }

    .hero_section .search_box .form-control {
        font: normal normal 400 14px/144.44% var(--font-primary);
        padding: 16px 20px;
    }

    .hero_section .search_box .btn_search {
        right: 5px;
        width: 44px;
        height: 44px;
    }

    .hero_section .search_box .btn_search img,
    .hero_section .search_box .btn_cross img,
    .hero_section .search_popup .btn_cross img {
        width: 20px;
    }

    .hero_section .voice_assistance .btn {
        width: 52px;
        height: 52px;
        padding: 0;
    }

    .hero_section .voice_assistance .btn img {
        width: 20px;
    }

    .hero_section .search_popup {
        top: 100px;
        max-width: 680px;
        height: 383px;
        padding: 16px;
        border-radius: 18px;
    }

    .hero_section .search_popup .search_form {
        padding-bottom: 12px;
        margin-bottom: 12px;
    }

    .hero_section .search_form span img {
        width: 20px;
    }

    .hero_section .search_popup .top_item {
        gap: 18px;
        height: calc(100% - 45px);
    }

    .hero_section .search_popup .top span,
    .hero_section .search_popup .no-results {
        font: normal normal 500 12px/133.333% var(--font-primary);
    }

    .hero_section .search_popup .search_form .form-control {
        font: normal normal 400 14px/20px var(--font-primary);
        padding: 0 0 0 30px;
    }

    .hero_section .search_popup .top {
        margin-bottom: 8px;
    }

    .hero_section .search_item .thd_section .card_box {
        padding: 5px;
        border-radius: 10px;
        gap: 8px;
    }

    .hero_section .search_item .thd_section .img_box {
        width: 42px;
        height: 42px;
        border-radius: 8px;
    }

    .hero_section .search_item .thd_section .text_box {
        gap: 3px;
    }

    .hero_section .search_item .thd_section .text_box span {
        font: normal normal 400 12px / 133.333% var(--font-primary);
    }

    .hero_section .search_item .thd_section .text_box a {
        font: normal normal 500 11px / 133.333% var(--font-primary);
    }

    .hero_section .search_item .thd_section .row {
        row-gap: 12px;
        --bs-gutter-x: 12px;
    }

    .hero_section .search_result ul li a {
        font: normal normal 400 12px / 133.333% var(--font-primary);
        padding: 0px 4px 0px 12px;
        gap: 12px;
    }

    .hero_section .search_result ul li img {
        width: 28px;
    }

    .hero_section .search_popup .search_result:not(:last-child) {
        margin-bottom: 12px;
        padding-bottom: 12px;
    }

    .tour_packages .top_wrapper {
        padding: 16px 0 0;
    }

    .breadcrumb-item {
        font: normal normal 500 12px / 133.333% var(--font-primary);
    }

    .breadcrumb-item+.breadcrumb-item::before {
        width: 12px;
        height: 12px;
        margin: 0 4px;
    }

    .package_info {
        margin: 16px 0;
    }

    .package_info .left_block .rating {
        gap: 10px;
        border-radius: 6px;
    }

    .package_info .left_block .rating span {
        font: normal normal 600 12px / 16px var(--font-primary);
    }

    .package_info .left_block .rating .stars img {
        width: 10px;
    }

    .package_info .left_block .rating span span {
        font: normal normal 400 9px / 140% var(--font-primary);
    }

    .package_info .left_block .rating .brdr,
    .package_info .right_block .brdr {
        height: 20px;
    }

    .package_info .right_block {
        gap: 12px;
    }

    .package_info .right_block .sorting_blck {
        gap: 6px;
    }

    .tour_packages .top_wrapper .form-check {
        gap: 6px;
    }

    .tour_packages .top_wrapper .form-check-input {
        width: 16px;
        height: 16px;
        border-radius: 3px;
    }

    .tour_packages .top_wrapper .form-check-label {
        font: normal normal 500 12px / 133.333% var(--font-primary);
    }

    .package_info .right_block .sorting_blck .sort_icon {
        width: 30px;
        height: 30px;
        border-radius: 4px;
    }

    .package_info .right_block .sorting_blck .sort_icon img {
        width: 16px;
    }

    .package_info .right_block .sort_dropdown label {
        font: normal normal 400 12px / 133.333% var(--font-primary);
    }

    .package_info .right_block .arrow img {
        width: 16px;
    }

    .tour_packages .gridlist_buttons {
        gap: 6px;
    }

    .tour_packages .gridlist_buttons .btn {
        padding: 7px;
        border-radius: 4px;
    }

    .tour_packages .gridlist_buttons .btn img {
        width: 16px;
    }

    .top_wrapper .filter_block .filter_btn {
        font: normal normal 500 14px / 144.444% var(--font-primary);
        border-radius: 6px;
        height: 42px;
        padding: 0px 12px;
        gap: 8px;
    }

    .top_wrapper .filter_block .filter_btn span span {
        font: normal normal 600 12px / 16px var(--font-primary);
        width: 24px;
        height: 24px;
    }

    .top_wrapper .filter_block .filter_btn img {
        width: 20px;
    }

    .top_wrapper .filter_block .filter_btn span {
        gap: 6px;
    }

    .top_wrapper .filter_block .filter_bar {
        padding: 0 8px;
        border-radius: 6px;
    }

    .top_wrapper .filter_block .filter-scroll-wrapper {
        gap: 8px;
    }

    .top_wrapper .filter_block .filter-tab {
        font: normal normal 500 12px / 18px var(--font-primary);
        padding: 12px 2px;
    }

    .top_wrapper .filter_block .scroll-btn img {
        width: 20px;
    }

    .filter_andCards {
        gap: 16px;
    }

    .filter_andCards .inner_gap {
        margin-top: 16px;
        row-gap: 16px;
        --bs-gutter-x: 16px;
    }

    .top_wrapper .filter_block {
        grid-template-columns: 116px calc(1116px - 132px);
        gap: 16px;
    }

    .top_wrapper .filter_block.grid-with-filter,
    .filter_andCards.grid-with-filter {
        grid-template-columns: 272px calc(1116px - 288px);
    }

    .filter_andCards .card_box {
        padding: 12px 12px 16px 12px;
        gap: 12px;
        border-radius: 12px;
    }

    .filter_andCards .img_slider .owl-nav {
        padding: 8px;
    }

    .filter_andCards .card_box .over_img {
        padding: 10px 10px 0 0;
    }

    .filter_andCards .card_box .over_img .left_strip {
        padding: 4px 10px;
        gap: 6px;
    }

    .filter_andCards .card_box .over_img .left_strip img {
        width: 14px;
    }

    .filter_andCards .card_box .over_img .left_strip span {
        font: normal normal 500 12px / 16px var(--font-primary);
    }

    .filter_andCards .card_box .over_img .wishlist {
        width: 32px;
        height: 32px;
    }

    .filter_andCards .card_box .over_img .wishlist img {
        width: 16px;
    }

    .filter_andCards .img_slider .owl-nav button.owl-prev,
    .filter_andCards .img_slider .owl-nav button.owl-next {
        width: 24px;
        height: 24px;
    }

    .filter_andCards .img_slider .owl-nav button img {
        width: 18px;
    }

    .filter_andCards .center_block .ctop_blc .ctl_blc {
        gap: 6px;
    }

    .filter_andCards .center_block .ctop_blc .ctl_blc span {
        font: normal normal 600 10px / 133.333% var(--font-primary);
        padding: 4px 6px;
    }

    .filter_andCards .cbt_blc,
    .filter_andCards .center_block {
        gap: 12px;
    }

    .filter_andCards .center_block .ctop_blc span {
        font: normal normal 400 12px / 133.333% var(--font-primary);
    }

    .filter_andCards .center_block .ctop_blc .ratings img {
        width: 16px;
    }

    .filter_andCards .center_block .ccntr_blc .ccbtm_blc span {
        font: normal normal 500 12px / 133.333% var(--font-primary);
    }

    .filter_andCards .center_block .ccntr_blc .ccbtm_blc {
        gap: 5px;
        margin: 6px 0 0;
    }

    .filter_andCards .center_block .cbtm_blc span img {
        width: 28px;
    }

    .filter_andCards .center_block .cbtm_blc span {
        font: normal normal 500 9px / 100% var(--font-primary);
        gap: 2px;
        width: 45px;
        min-width: 45px;
        height: 48px;
        padding-bottom: 3px;
    }

    .filter_andCards .center_block .cbtm_blc .optional span {
        right: 3px;
        top: -6px;
        font: normal normal 600 7px / 175% var(--font-primary);
        padding: 0px 3px;
    }

    .filter_andCards .bottom_block .fair_blc .btf_blc {
        gap: 6px;
    }

    .filter_andCards .bottom_block .fair_blc .btf_blc .price {
        font: normal normal 500 12px / 133.333% var(--font-primary);
    }

    .filter_andCards .bottom_block .fair_blc .btf_blc .discount {
        font: normal normal 600 9px / 140% var(--font-primary);
        padding: 3px 6px;
    }

    .filter_andCards .bottom_block .fair_blc h5 {
        margin-top: 3px;
    }

    .filter_andCards .bottom_block .fair_blc .price_tag {
        font: normal normal 500 9px / 130% var(--font-primary);
        margin: 0 0 3px 2px;
    }

    .filter_andCards .bottom_block .btn_primary {
        font: normal normal 400 12px / 16px var(--font-primary);
        padding: 8px 14px;
    }

    .filter_andCards .card_trip {
        border-radius: 12px;
        padding: 16px;
    }

    .filter_andCards .card_trip .btn_withIcon {
        padding: 5px 10px;
        margin-top: 12px;
    }

    .filter_andCards .card_trip .btn_withIcon img {
        width: 18px !important;
    }

    .filter_andCards .card_trip .btn_withIcon span {
        font: normal normal 500 12px / 133.333% var(--font-primary);
    }

    .filter_andCards .card_trip:hover .btn_withIcon span {
        padding-right: 3px;
    }

    .filter_andCards .help_block {
        padding: 18px 22px 18px 18px;
        border-radius: 10px;
    }

    .filter_andCards .help_block h4 {
        font: normal normal 600 24px var(--font-heading);
    }

    .filter_andCards .help_block .top_heading span {
        font: normal normal 400 12px / 133.333% var(--font-primary);
        margin-top: 3px;
    }

    .filter_andCards .help_block .contact_form {
        gap: 10px;
        border-radius: 12px;
        padding: 10px;
        margin-top: 12px;
    }

    .filter_andCards .help_block .contact_form .form-control {
        font: normal normal 400 12px / 16px var(--font-primary);
        padding: 11px 14px;
        border-radius: 6px;
    }

    .filter_andCards .help_block .contact_form label {
        font: normal normal 400 12px / 16px var(--font-primary);
        left: 14px;
        height: 16px;
    }

    .filter_andCards .help_block .contact_form .input_inr:has(input:focus) label,
    .filter_andCards .help_block .contact_form .input_inr:has(input:not(:placeholder-shown)) label {
        font: normal normal 400 11px / 14px var(--font-primary);
        padding: 0 3px;
        left: 7px;
    }

    .filter_andCards .help_block .contact_form .input_inr:has(.icon) .form-control {
        padding-left: 40px;
    }

    .filter_andCards .help_block .contact_form .input_inr .icon img {
        width: 36px;
    }

    .filter_andCards .help_block .contact_form .btn_primary {
        padding: 8px 16px;
    }

    .filter_andCards .more_wrapper {
        padding: 16px 0 0;
    }

    .filter_andCards .btn_loadMore {
        font: normal normal 400 14px / 150% var(--font-primary);
        padding: 9px 18px;
    }

    .tour_packages {
        padding: 0 0 42px;
    }

    .onScroll_filter {
        padding: 10px 0;
    }

    .onScroll_filter .top_wrapper {
        padding: 0;
    }

    .onScroll_filter .filter-col-right {
        gap: 12px;
        border-radius: 6px;
        padding: 0px 6px;
    }

    .onScroll_filter .top_wrapper .filter_block {
        grid-template-columns: 116px calc(1116px - 373px) 225px;
    }

    .onScroll_filter .top_wrapper .filter_block.grid-with-filter {
        grid-template-columns: 272px calc(1116px - 529px) 225px;
    }

    .onScroll_filter .top_wrapper .filter_block .filter_btn.active {
        border-radius: 6px;
    }

    .onScroll_filter .short_filter .btn {
        width: 30px;
        height: 30px;
        border-radius: 4px;
    }

    .onScroll_filter .short_filter .btn img {
        width: 16px;
    }

    .all_filters.is-sticky {
        top: 63px;
    }

    .all_filters .comn_filter {
        padding: 12px 12px 16px 12px;
        gap: 12px;
    }

    .all_filters .comn_filter .top_block .btn {
        font: normal normal 500 12px / 142.857% var(--font-primary);
    }

    .all_filters .comn_filter .applied li {
        font: normal normal 500 10px / 120% var(--font-primary);
        gap: 6px;
        padding: 3px 4px 3px 10px;
    }

    .all_filters .comn_filter .applied li .btn {
        width: 16px;
        height: 16px;
    }

    .all_filters .comn_filter .applied li .btn img {
        width: 14px;
    }

    .all_filters .dropdown_filter .btn {
        font: normal normal 500 14px / 150% var(--font-primary);
    }

    .all_filters .dropdown_filter .btn img {
        width: 20px;
    }

    .all_filters .dropdown_filter .dropdown_list .form-check {
        gap: 6px;
    }

    .all_filters .dropdown_filter .dropdown_list .form-check-input {
        width: 17px;
        height: 17px;
        border-radius: 3px;
    }

    .all_filters .dropdown_filter .dropdown_list .form-check-input:checked[type="checkbox"] {
        background-size: 13px;
    }

    .all_filters .dropdown_filter .dropdown_list label {
        font: normal normal 500 12px / 16px var(--font-primary);
    }

    .all_filters .dropdown_filter .dropdown_list ul {
        gap: 8px;
        max-height: 181px;
    }

    .all_filters .dropdown_filter .dropdown_list span {
        font: normal normal 500 12px / 133.333% var(--font-primary);
    }

    .all_filters .comcomn_filter .search_box .form-control {
        font: normal normal 400 12px / 16px var(--font-primary);
        padding: 9px 14px;
        border-radius: 6px;
    }

    .all_filters .comcomn_filter .search_box span {
        width: 32px;
        height: 32px;
    }

    .all_filters .comcomn_filter .search_box span img {
        width: 16px;
    }

    .all_filters .dropdown_filter .dropdown_list {
        gap: 12px;
    }

    .all_filters .comn_filter .year_calendar {
        border-radius: 6px;
        padding: 10px 12px;
    }

    .all_filters .comn_filter .year_calendar .top_block {
        margin-bottom: 12px;
    }

    .all_filters .comn_filter .year_calendar button img {
        width: 16px;
    }

    .all_filters .comn_filter .month {
        border-radius: 6px;
        padding: 6px 10px;
        font: normal normal 400 12px / 16px var(--font-primary);
    }

    .all_filters .comn_filter .months-grid {
        gap: 6px;
    }

    .all_filters .comn_filter .seemore_wrapper .seemore_btn {
        font: normal normal 500 12px / 133.333% var(--font-primary);
        gap: 3px;
    }

    .all_filters .comn_filter .seemore_wrapper .seemore_btn img {
        width: 16px;
    }

    .all_filters .comn_filter .range_container .display_value span {
        font: normal normal 500 11px / 133.333% var(--font-primary);
        padding: 6px 12px;
    }

    .all_filters .comn_filter .range_container input[type="range"] {
        height: 3px;
    }

    .all_filters .comn_filter .range_container .sliders_control {
        min-height: 16px;
    }

    .all_filters .comn_filter .range_container input[type="range"]::-webkit-slider-thumb {
        width: 16px;
        height: 16px;
    }

    .filter_andCards .list .card_trip {
        min-height: 208px;
    }

    .tour_managers .card_box {
        border-radius: 6px;
        padding-bottom: 16px;
    }

    .tour_managers .card_box .info_blc {
        gap: 6px;
        padding: 12px 20px 0 12px;
    }

    .tour_managers .card_box .info_blc .info_inr {
        gap: 3px;
    }

    .tour_managers .card_box .info_blc .info_inr .title {
        font: normal normal 600 11px / 14px var(--font-primary);
    }

    .tour_managers .card_box .info_blc .info_inr .sub_title,
    .tour_managers .card_box .info_blc .btn {
        font: normal normal 400 12px / 16px var(--font-primary);
    }

    .tour_managers .card_box .left_blc img {
        border-radius: 0px 0px 8px 0px;
        width: 175px;
    }

    .tour_managers .card_box::before {
        width: 270px;
        height: 218px;
    }

    .tour_managers .card_box::after {
        width: 144px;
        height: 168px;
    }

    .tour_managers .owl-carousel .owl-nav button.owl-prev {
        left: -18px;
    }

    .tour_managers .owl-carousel .owl-nav button.owl-next {
        right: -18px;
    }
}

@media only screen and (max-width: 767px) {
    .hero_section {
        height: 240px;
        margin: 0;
    }

    .hero_section .hero_wrapper {
        clip-path: inset(0px round 0px);
    }

    .hero_section .hero_wrapper.with_overlay::before,
    .hero_section .bnr_video video {
        border-radius: 0;
    }

    .hero_section:has(.bnr_img) .bnr_text {
        padding: 32px 48px;
    }

    .hero_section:has(.bnr_img) {
        margin-top: 0;
        height: 178px;
    }

    .hero_section:has(.bnr_img) .bnr_text h1 {
        font: normal normal 400 20px / 100% var(--font-heading);
    }

    .hero_section .bnr_text h4 {
        margin: 8px 0 20px;
    }

    .hero_section .bnr_text h4 {
        font: normal normal 300 12px / 150% var(--font-primary);
        letter-spacing: 0.12px;
    }

    .hero_section .voice_assistance {
        position: absolute;
        right: 4px;
    }

    .hero_section .voice_assistance .btn {
        width: 36px;
        height: 36px;
        padding: 0;
        background: #e7edf6;
        backdrop-filter: blur(3px);
    }

    .hero_section .voice_assistance .btn img {
        width: 18px;
        height: auto;
    }

    .hero_section .search_container {
        gap: 0;
        width: 270px;
        margin: auto;
    }

    .hero_section .search_box {
        width: 100%;
    }

    .hero_section .search_box .btn_search {
        right: 4px;
        width: 36px;
        height: 36px;
        display: none;
    }

    .hero_section .search_box .search_icon {
        position: absolute;
        left: 16px;
        top: 0;
        bottom: 0;
        margin: auto;
        display: flex;
        align-items: center;
    }

    .hero_section .search_box .search_icon img {
        width: 18px;
        height: auto;
    }

    .hero_section .search_box .form-control {
        font: normal normal 300 14px/142.857% var(--font-primary);
        letter-spacing: 0.035px;
        padding: 12px 16px;
        padding-left: 42px;
    }

    .hero_section .search_box .btn_cross {
        right: 40px;
    }

    .hero_section .search_popup {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        margin-top: 0;
        padding: 8px 16px;
        border-radius: 0;
        z-index: 9999;
        overflow-x: hidden;
        overflow-y: auto;
        transform: translateX(500px);
    }

    .hero_section .search_popup.show {
        transform: translateX(0);
    }

    .hero_section .search_popup:has([data-type="domestic"]),
    .hero_section .search_popup:has([data-type="international"]) {
        height: 100vh;
    }

    .hero_section .search_popup .search_card {
        height: auto;
        overflow: unset;
    }

    .hero_section .search_popup .search_card .for_mobile {
        position: sticky;
        top: 0;
        background-color: #fff;
    }

    .hero_section .search_item .recent_searches {
        gap: 16px;
    }

    .hero_section .search_popup .top span,
    .hero_section .search_popup .no-results {
        letter-spacing: 0.06px;
        font: normal normal 500 12px / 133.333% var(--font-primary);
    }

    .hero_section .search_item .recent_searches li {
        font: normal normal 400 12px / 133.333% var(--font-primary);
        padding: 6px 12px;
        gap: 8px;
        letter-spacing: 0.12px;
    }

    .hero_section .search_box .top_item,
    .hero_section .search_box .result_box {
        height: auto;
    }

    .hero_section .search_item .thd_section .row {
        --bs-gutter-x: 12px;
        --bs-gutter-y: 12px;
    }

    .hero_section .search_item .thd_section .card_box {
        border-radius: 12px;
        gap: 6px;
    }

    .hero_section .search_item .thd_section .img_box {
        width: 40px;
        min-width: 40px;
        height: 40px;
    }

    .hero_section .search_item .thd_section .text_box span {
        font: normal normal 400 12px / 133.333% var(--font-primary);
        letter-spacing: 0.06px;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .hero_section .search_item .thd_section .text_box a {
        font: normal normal 500 10px / 133.333% var(--font-primary);
        letter-spacing: 0.05px;
    }

    .hero_section .search_result ul li a {
        padding: 0px 6px 0px 0px;
    }

    .hero_section .search_card .search_form {
        border-bottom: none;
        padding-bottom: 0;
        margin: 12px 0 24px;
    }

    .hero_section .search_form {
        position: relative;
        margin: 16px 0 24px;
    }

    .hero_section .search_popup .search_form .form-control {
        font: normal normal 400 16px / 24px var(--font-primary);
        letter-spacing: 0.024px;
        padding: 6px 14px;
        border: 2px solid var(--Gray-Mode-100);
        background: var(--color-white);
        border-radius: 100px;
    }

    .hero_section .search_popup .btn_cross {
        right: 60px;
    }

    .hero_section .search_popup .search_form .btn_cross {
        right: 40px;
        bottom: 0;
    }

    .hero_section .search_popup .btn_search {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 4px;
        margin: auto;
        width: 32px;
        height: 32px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--color-primary);
        border-radius: 100px;
        backdrop-filter: blur(3px);
    }

    .hero_section .search_box .btn_search img,
    .hero_section .search_box .btn_cross img,
    .hero_section .search_popup .btn_cross img {
        width: 18px;
        height: auto;
    }

    .hero_section .nav_heading {
        display: flex;
        align-items: center;
        gap: 34px;
    }

    .hero_section .nav_heading .btn {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
    }

    .hero_section .nav_heading .btn img {
        width: 24px;
        height: auto;
    }

    .hero_section .nav_heading span {
        font: normal normal 600 14px / 142.857% var(--font-primary);
        letter-spacing: 0.035px;
        color: var(--color-black);
        display: block;
    }

    .breadcrumb-item {
        font: normal normal 500 10px / 14px var(--font-primary);
        letter-spacing: 0.05px;
    }

    .breadcrumbs nav {
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .breadcrumbs nav::-webkit-scrollbar {
        display: none;
    }

    .breadcrumb {
        width: max-content;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        width: 12px;
        height: 12px;
        margin: 0 4px;
    }

    .srp_header {
        background-color: #fff;
        padding: 12px;
        border-bottom: 1px solid #edeef1;
    }

    .srp_header .btn {
        font: normal normal 600 16px/24px var(--font-primary);
        color: var(--Gray-Mode-950);
        letter-spacing: 0.024px;
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 0;
    }

    .srp_header .btn img {
        width: 24px;
        height: auto;
    }

    .tour_packages .top_wrapper {
        padding: 8px 0 0;
    }

    .top_wrapper .filter_block {
        display: block;
    }

    .top_wrapper .filter-col-left {
        display: none;
    }

    .top_wrapper .filter_block .filter_bar {
        padding: 0 12px;
        border-radius: 0;
        margin-left: -12px;
        margin-right: -12px;
        border-color: var(--Gray-Mode-100);
    }

    .top_wrapper .filter_block .scroll-btn {
        display: none;
    }

    .top_wrapper .filter_block .filter-tab span {
        display: block;
        text-align: center;
    }

    .top_wrapper .filter_block .filter-tab {
        font: normal normal 500 10px / 14px var(--font-primary);
        letter-spacing: 0.05px;
        padding: 12px 0;
    }

    .filter_andCards {
        display: flex;
        gap: 0;
        width: 100%;
    }

    .filter_andCards .inner_gap {
        margin-top: 12px;
        row-gap: 12px;
        width: -webkit-fill-available;
    }

    .filter_andCards .card_box {
        padding: 12px 12px 14px 12px;
        gap: 12px;
    }

    .filter_andCards .img_slider .owl-nav {
        padding: 8px;
    }

    .filter_andCards .card_box .over_img {
        padding: 8px 8px 0 0;
    }

    .filter_andCards .card_box .over_img .left_strip {
        padding: 5px 8px;
        gap: 4px;
    }

    .filter_andCards .card_box .over_img .left_strip span {
        font: normal normal 500 10px / 14px var(--font-primary);
        letter-spacing: 0.05px;
    }

    .filter_andCards .card_box .over_img .left_strip img {
        width: 12px;
    }

    .filter_andCards .card_box .over_img .left_strip .custom_tooltip::after {
        top: -12px;
        border: 6px solid transparent;
        border-bottom-color: var(--Gray-Mode-950);
    }

    .filter_andCards .card_box .over_img .left_strip .custom_tooltip {
        left: 4px;
        top: calc(100% + 7px);
        width: 165px;
        border-radius: 6px;
        padding: 8px;
    }

    .filter_andCards .card_box .over_img .left_strip .custom_tooltip span {
        font: normal normal 400 10px / 14px var(--font-primary);
        letter-spacing: 0.05px;
    }

    .filter_andCards .card_box .over_img .ratings {
        width: auto;
        padding: 3px 6px;
    }

    .filter_andCards .card_box .over_img .ratings span {
        font: normal normal 400 12px / 16px var(--font-primary);
        letter-spacing: 0.06px;
    }

    .filter_andCards .card_box .over_img .ratings img {
        width: 14px;
    }

    .filter_andCards .center_block .ctop_blc .ctl_blc span {
        font: normal normal 500 10px / 18px var(--font-primary);
        letter-spacing: 0.05px;
        padding: 4px 6px;
    }

    .filter_andCards .center_block .ctop_blc .ratings img {
        width: 16px;
    }

    .filter_andCards .center_block .ctop_blc .ratings span:last-child {
        font: normal normal 300 12px / 133.333% var(--font-primary);
    }

    .filter_andCards .center_block .ccntr_blc {
        margin-top: -8px;
    }

    .filter_andCards .center_block .ccntr_blc h6 {
        font: normal normal 600 16px / 150% var(--font-primary);
        -webkit-line-clamp: 3;
        letter-spacing: 0.025px;
    }

    .filter_andCards .center_block .ccntr_blc .ccbtm_blc span {
        font: normal normal 500 10px / 140% var(--font-primary);
        letter-spacing: 0.05px;
    }

    .filter_andCards .center_block .ccntr_blc .ccbtm_blc {
        margin: 4px 0 0;
    }

    .filter_andCards .center_block .cbtm_blc .cbtm_inr {
        gap: 8px;
    }

    .filter_andCards .center_block .cbtm_blc .cbtm_inr:has(.optional) {
        justify-content: space-between;
        gap: unset;
    }

    .filter_andCards .center_block .cbtm_blc span {
        height: 52px;
    }

    .filter_andCards .center_block .cbtm_blc span img {
        width: 32px;
        margin: 0 auto;
    }

    .filter_andCards .center_block .cbtm_blc .brdr_dotted {
        margin-top: 12px;
    }

    .filter_andCards .center_block .select_wrapper .custom_select,
    .filter_andCards .center_block .select_wrapper .form-select {
        font: normal normal 600 12px / 14px var(--font-primary);
        border-radius: 6px;
    }

    .filter_andCards .bottom_block .fair_blc .btf_blc {
        gap: 4px;
    }

    .filter_andCards .bottom_block .fair_blc .btf_blc .price {
        font: normal normal 500 12px / 133% var(--font-primary);
    }

    .filter_andCards .bottom_block .fair_blc .btf_blc .discount {
        padding: 2px 4px;
    }

    .filter_andCards .bottom_block .fair_blc h5 {
        font: normal normal 700 16px / 150% var(--font-primary);
        letter-spacing: 0.024px;
    }

    .filter_andCards .bottom_block .fair_blc .price_tag {
        font-weight: 400;
        margin: 0 0 3px 2px;
    }

    .filter_andCards .bottom_block .btn_primary {
        font: normal normal 400 12px / 16px var(--font-primary);
        padding: 8px 14px;
    }

    .filter_andCards .img_slider .owl-nav button.owl-prev,
    .filter_andCards .img_slider .owl-nav button.owl-next {
        width: 24px;
        height: 24px;
    }

    .filter_andCards .img_slider .owl-nav button img {
        width: 18px;
    }

    .filter_andCards .card_trip {
        padding: 24px;
        height: 426px;
    }

    .filter_andCards .card_trip::before {
        background-size: 420px;
    }

    .filter_andCards .card_trip h5 {
        font-size: 20px;
        max-width: 70%;
    }

    .filter_andCards .help_block .contact_form {
        flex-direction: column;
        gap: 16px;
        padding: 12px;
        margin-top: 16px;
    }

    .filter_andCards .help_block .contact_form .form_wrpr {
        gap: 16px;
        flex-direction: column;
    }

    .filter_andCards .help_block .contact_form .btn_primary {
        font: normal normal 400 16px / 150% var(--font-primary);
        width: 100%;
    }

    .filter_andCards .help_block {
        padding: 20px 16px;
    }

    .filter_andCards .help_block h4 {
        font: normal normal 600 20px var(--font-heading);
    }

    .filter_andCards .help_block .top_heading span {
        font: normal normal 400 12px / 133.333% var(--font-primary);
        letter-spacing: 0.06px;
        margin-top: 8px;
    }

    .filter_andCards .help_block .components {
        display: none;
    }

    .filter_andCards .more_wrapper {
        padding: 4px 0 0;
    }

    .tour_packages {
        padding: 0 0 24px;
    }

    .filter_andCards .btn_loadMore {
        font: normal normal 500 12px / 16px var(--font-primary);
        letter-spacing: 0.06px;
        padding: 7px 13px;
    }

    .tour_managers .card_box {
        padding: 16px;
        flex-direction: column;
        align-items: normal;
        gap: 12px;
    }

    .tour_managers .card_box .left_blc img {
        border-radius: 8px;
        width: 100%;
        height: 170px;
        object-fit: cover;
    }

    .tour_managers .card_box .info_blc {
        padding: 0;
        gap: 12px;
    }

    .tour_managers .card_box .info_blc h5 {
        font: normal normal 600 16px / 150% var(--font-primary);
        letter-spacing: 0.024px;
        margin-bottom: -4px;
    }

    .tour_managers .card_box .info_blc .info_inr {
        display: flex;
        flex-direction: row;
    }

    .tour_managers .card_box .info_blc .info_inr .title::after {
        content: ":";
    }

    .tour_managers .card_box .info_blc .info_inr .sub_title {
        font: normal normal 400 12px / 16px var(--font-primary);
        letter-spacing: 0.06px;
    }

    .tour_managers .card_box::before {
        display: none;
    }

    .tour_managers .card_box::after {
        top: unset;
        right: -50px;
        bottom: -30px;
        width: 220px;
        height: 180px;
        transform: rotate(45deg);
    }

    .package_info {
        margin: 0 -12px 0;
        padding: 12px 12px 8px;
        border-bottom: 1px solid var(--Gray-Mode-100);
    }

    .package_info .right_block,
    .package_info .left_block .rating {
        display: none;
    }

    .package_info .left_block {
        justify-content: space-between;
        width: 100%;
    }

    .package_info .left_block .rating_forMobile {
        display: flex;
        align-items: center;
        gap: 2px;
    }

    .package_info .left_block .rating_forMobile img {
        width: 16px;
        height: auto;
    }

    .package_info .left_block .rating_forMobile span {
        font: normal normal 500 12px/16px var(--font-primary);
        letter-spacing: 0.06px;
        color: var(--Gray-Mode-950);
        display: block;
    }

    .package_info .left_block .rating_forMobile span b {
        font-weight: 600;
    }

    .package_info .left_block h6 {
        font: normal normal 600 12px / 133.333% var(--font-primary);
        letter-spacing: 0.06px;
    }

    .tour_packages .filter_forMobile {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 12px 0;
    }

    .tour_packages .filter_forMobile .btn {
        font: normal normal 500 10px/14px var(--font-primary);
        color: var(--Gray-Mode-900, #363a44);
        letter-spacing: 0.05px;
        padding: 7px;
        border-radius: 4px;
        border: 1px solid var(--Gray-Mode-100);
        background: var(--Gray-Mode-50);
        backdrop-filter: blur(2px);
        display: flex;
        align-items: flex-start;
        gap: 8px;
        height: auto;
    }

    .top_wrapper .filter_block .filter_btn.active {
        width: fit-content;
        border-radius: 4px;
        border: 1px solid var(--color-primary);
    }

    .tour_packages .filter_forMobile .btn img {
        width: 14px;
        height: auto;
        filter: brightness(0) invert(0);
    }

    .top_wrapper .filter_block .filter_btn.active img {
        transform: rotate(0);
    }

    .tour_packages .all_filters,
    .tour_packages .sort_wrapper {
        border-radius: 16px 16px 0 0;
        background-color: #fff;
        position: fixed;
        left: 0;
        top: unset;
        bottom: 0;
        margin: auto;
        width: 100%;
        height: 100%;
        z-index: 1002;
        overflow-x: hidden;
        overflow-y: auto;
        transform: translateY(100%);
        transition: transform 0.4s ease, opacity 0.4s ease;
        opacity: 0;
        scrollbar-width: none;
        -ms-overflow-style: none;
        display: block;
    }

    .tour_packages .all_filters {
        max-height: 673px;
    }

    .tour_packages .sort_wrapper {
        max-height: 241px;
    }

    .tour_packages .all_filters.active,
    .tour_packages .sort_wrapper.active {
        transform: translateY(0%);
        opacity: 1;
        pointer-events: auto;
    }

    .all_filters::-webkit-scrollbar {
        display: none;
    }

    .all_filters .comn_filter {
        padding: 16px;
        gap: 16px;
    }

    .all_filters .dropdown_filter .dropdown_list ul {
        overflow-y: auto;
    }

    .all_filters .comn_filter .top_block p {
        font: normal normal 600 16px / 150% var(--font-primary);
        letter-spacing: 0.024px;
    }

    .tour_packages .header_forMobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px 20px 14px 16px;
        border-bottom: 1px solid var(--Gray-Mode-100);
        background-color: #fff;
        position: sticky;
        top: 0;
        z-index: 999;
    }

    .tour_packages .header_forMobile h6 {
        font: normal normal 500 16px / 150% var(--font-primary);
        letter-spacing: 0.024px;
        color: var(--Gray-Mode-950);
    }

    .tour_packages .header_forMobile .btn_close {
        padding: 0;
        border: none;
        background: #fff;
    }

    .tour_packages .header_forMobile .btn_close img {
        width: 20px;
        height: auto;
        filter: unset;
    }

    .all_filters .footer_forMobile {
        padding: 16px;
        background: #fff;
        box-shadow: 0px -4px 12px -1px rgba(0, 0, 0, 0.08);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        position: sticky;
        bottom: 0;
    }

    .all_filters .footer_forMobile .btn {
        font: normal normal 400 14px / 20px var(--font-primary);
        padding: 9px 15px;
        width: -webkit-fill-available;
        justify-content: center;
    }

    .all_filters .footer_forMobile .btn_primary:hover {
        border: 1px solid var(--color-primary);
    }

    .all_filters .footer_forMobile .btn_primary:hover {
        border: 1px solid var(--color-secondary);
    }

    .filter-open {
        overflow: hidden;
    }

    .onScroll_filter {
        display: none;
    }

    .tour_packages .sort_wrapper .sort_content {
        padding: 16px;
    }

    .tour_packages .sort_wrapper .sort_content ul {
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding: 0;
        list-style: none;
        margin: 0;
    }

    .tour_packages .sort_wrapper .sort_content ul li {
        padding: 8px 0;
    }

    .tour_packages .sort_wrapper .sort_content ul li label {
        font-weight: 400;
    }

    .tour_packages .sort_wrapper .sort_content .form-check-input {
        border-radius: 10px;
        border: 1px solid var(--Gray-Mode-300);
    }


    .tour_managers .card_box {
        padding: 16px;
        flex-direction: column;
        align-items: normal;
        gap: 12px;
    }

    .tour_managers .card_box .left_blc img {
        border-radius: 8px;
        width: 100%;
        height: 170px;
        object-fit: cover;
    }

    .tour_managers .card_box .info_blc {
        padding: 0;
        gap: 12px;
    }

    .tour_managers .card_box .info_blc h5 {
        font: normal normal 600 16px / 150% var(--font-primary);
        letter-spacing: 0.024px;
        margin-bottom: -4px;
    }

    .tour_managers .card_box .info_blc .info_inr {
        display: flex;
        flex-direction: row;
    }

    .tour_managers .card_box .info_blc .info_inr .title::after {
        content: ":";
    }

    .tour_managers .card_box .info_blc .info_inr .sub_title {
        font: normal normal 400 12px / 16px var(--font-primary);
        letter-spacing: 0.06px;
    }

    .tour_managers .card_box::before {
        display: none;
    }

    .tour_managers .card_box::after {
        top: unset;
        right: -50px;
        bottom: -30px;
        width: 220px;
        height: 180px;
        transform: rotate(45deg);
    }

    .optional_modal .modal-dialog {
        display: flex;
        align-items: center;
        min-height: calc(100% - 1rem);
    }

    .optional_modal .modal-content {
        overflow: hidden;
    }

    .optional_modal .modal-header {
        padding: 12px 12px 0;
        display: block;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        margin-left: -12px;
        margin-right: -12px;
        border: none;
    }

    .optional_modal .modal-header .btn-close {
        display: none;
    }

    .optional_modal .nav-tabs {
        flex-wrap: nowrap;
        gap: 4px;
        border-bottom: 2px solid var(--Gray-Mode-100);
        width: fit-content;
    }

    .optional_modal .nav-tabs .nav-link {
        white-space: nowrap;
    }

    .optional_modal .nav-tabs .nav-link span {
        margin: auto;
    }

    .optional_modal .modal-body {
        padding: 16px;
    }

    .optional_modal .modal-body .content_block {
        gap: 16px;
    }

    .optional_modal .modal-body .content_block p {
        font: normal normal 600 14px / 20px var(--font-primary);
        margin-bottom: 6px;
    }

    .optional_modal .modal-body .content_block ul li {
        font: normal normal 400 12px / 16px var(--font-primary);
        letter-spacing: 0.06px;
    }
}