/* other page sce */


.other-page-sce .event-cart .cart-content .sub-title {
    margin-top: 0px;
}

.other-page-sce .event-cart .cart-content {
    padding: 8px 4px;
    padding-bottom: 4px;
}





header .module-header-main .m-item {
    position: relative;
    white-space: nowrap;
}

header .module-header-main .m-item .content {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--my-text-secondary);
    font-weight: var(--fw-600);
    font-size: var(--fs-md);
    line-height: var(--line-height-md);
    padding: 6px 8px;
    cursor: pointer;
    /* color: var(--my-border-secondary); */
}


header .module-header-main .m-item .module-h-dropdwon {
    background-color: var(--my-white);
    padding: 12px;
    border-radius: var(--radius-md);
    box-shadow: var(--n-shadow-2);
    position: absolute;
    top: 60px;
    left: 0;
    min-width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: .24s ease;
    max-height: 500px;
    overflow-y: auto;
    padding: 12px;
}

header .module-header-main .m-item .module-h-dropdwon ul {
    border: 1px solid #FC5A314D;
    box-shadow: -4px 4px 8px 0px #0000001A;
    border-radius: var(--radius-md);
    overflow: hidden;
    gap: 0;
}

header .module-header-main .m-item:hover .module-h-dropdwon {
    top: 34px;
    opacity: 1;
    visibility: visible;
    z-index: 10;
    /* transform: scale(1);
    transform-origin: top; */
}

header .module-header-main .m-item .module-h-dropdwon .d-item {
    font-weight: 600;
    text-wrap: nowrap;
    word-wrap: nowrap;
    color: var(--my-secondary-color);
    font-size: var(--fs-sm);
    padding: 12px 20px;
    cursor: pointer;
    white-space: nowrap;
    font-weight: 600;
    width: 100%;
}

/* When Hover */
header .module-header-main .m-item .module-h-dropdwon .d-item:hover,
header .module-header-main .m-item .module-h-dropdwon .d-item.active {
    background-color: var(--my-secondary-color);
    color: var(--my-white);
}



/*
======================================
=====||   Hero 1 Start Here    ||=====
======================================
*/

.g-hero {
    margin-top: 32px;
}

.g-hero-area {
    width: 100%;
    height: 484px;
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
}

.g-hero-banner-img img {
    border-radius: var(--radius-4xl);
    height: 100%;
    width: 100%;
    height: 400px;
}

.g-hero-img-wrap {
    overflow: hidden;
    position: absolute;
    width: 100%;
}


.g-hero-img-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background-color: #00000040;
    z-index: 1;
    border-radius: 32px;
}

.g-hero .bottom-search {
    z-index: 2;
}



/*
  ============  Filter Header   ============
*/
.filter-sec .filter-head {
    padding: 30px 0;
}

.filter-head .click-dropdown {
    animation: unset;
    border-radius: var(--radius-sm);
    padding: 4px;
}

.click-dropdown .item {
    padding: 6px 12px;
}

.filter-header .click-dropdown-btn {
    padding: 5px 16px;
    border-radius: var(--radius-pill);
    font-size: clamp(14px, 1.2vw, 16px);
    font-weight: 500 !important;
    border: 1px solid var(--my-border-color);
    line-height: var(--line-height-md);
    user-select: none;
    text-wrap: nowrap;
    width: fit-content;
    background-color: var(--my-white);
    gap: 8px;
}

.filter-sec .filter-head .filter-btn,
.filter-head .filter-btn {
    display: flex;
    align-items: center;
    padding: 6px 16px;
    gap: 8px;
    font-size: var(--fs-md);
    line-height: var(--line-height-md);
    border: 1px solid var(--my-border-color);
    border-radius: var(--radius-pill);
    user-select: none;
    background-color: var(--my-white);
}

.filter-sec .filter-head .filter-btn:hover {
    background-color: var(--my-secondary-color);
    color: var(--my-white);
}

.filter-sec .filter-head .filter-btn:hover svg path {
    stroke: var(--my-white);
}

.filter-sidebar .filter-item:last-child {
    border-bottom: none;
}




.tour-cart.package .cart-title {
    font-size: clamp(14px, 1.5vw, 24px);
    line-height: 1.3;
}



.package.tour-cart .visiable-content {
    padding: 20px 12px 10px 12px;
    padding-bottom: 12px;
}



.pick-up-location {
    color: var(--my-rating);
    font-weight: 600;
}




/* Top Destnation Page Start */
.top-destnation-sec .section-head {
    max-width: 700px;
    text-align: left;
}



.top-destnation-sec .tab-btn,
.c-tabs .tab-btn {
    padding: 8px 14px;
    border-radius: 4px;
    border: 1px solid var(--my-border-primary);
    color: var(--my-secondary-color);
}

.sub-continental .section-head {
    text-align: left;
    max-width: 480px;
    margin: unset;
}

.sub-continental .section-head .section-title {
    text-align: left;
}

.sub-continental .section-head .section-sub-title {
    font-size: var(--fs-md);
    line-height: var(--line-height-sm);
}

.top-destnation-sec .search-input {
    max-width: 280px;
}


.top-destnation-sec .section-title,
.top-destnation-sec .section-sub-title {
    text-align: left;
}

.main-sec .section-head {
    margin: 0 auto;
    text-align: center;
}

.filter-sec .tab-contents {
    margin-top: 0;
}


.main-sec .section-title,
.main-sec .section-sub-title {
    text-align: center;
}



/* other-page-sce */
.other-page-sce .tour-cart.package .cart-title,
.other-page-sce .event-cart .cart-content .cart-title {
    font-size: clamp(12px, 1.5vw, 20px) !important;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* max 2 line */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-destnation-sec .tour-cart .price .new-price {
    font-weight: var(--fw-700);
    font-size: clamp(12px, 1.5vw, 20px);
    line-height: var(--line-height-sm);
}

.other-page-sce .visiable-content .price-rating {
    margin-top: 8px;
}



/* sub-filter-btns */
.sub-filter-btns {
    gap: 16px;
}

.sub-filter-btns .f-btn {
    padding: 6px 10px;
    border-radius: 4px;
    color: var(--my-secondary-color);
    border: 1px solid var(--my-border-secondary);
    font-weight: 500;
    font-size: var(--fs-md);
}

.sub-filter-btns .f-btn:hover,
.sub-filter-btns .f-btn.active {
    background-color: var(--my-secondary-color);
    color: var(--my-white);
}


@media(max-width:1439px) {
    .filter-sec .event-cart .cart-content .title {
        /* font-size: var(--fs-md); */
    }

    /*
    .other-page-sce .tour-cart,
    .other-page-sce .event-cart {
        height: 420px;
    }

    .other-page-sce .event-cart .cart-img img {
        height: 190px;
    } */
}



@media (max-width: 1080px) {
    .filter-sec .event-cart .cart-content .title {
        margin-top: 4px;
        font-size: var(--fs-md);
    }

    .filter-sec .pick-up-location {
        font-size: var(--fs-xs);
    }

    .filter-sec .event-cart .cart-content {
        padding: 4px;
    }

    .filter-sec .total-seats div {
        font-size: var(--fs-xs);
    }

    .filter-sec .event-cart .new-price {
        font-size: var(--fs-xl);
    }

    .tour-cart.package .cart-title {
        font-size: var(--fs-md);
        line-height: var(--line-height-sm);
    }

    .package.tour-cart .hover-content .cart-title {
        font-size: var(--fs-md);
    }

    .tour-cart .price .new-price {
        font-size: var(--fs-lg);
        line-height: var(--line-height-sm);
    }

    .tour-cart .price .old-price {
        font-size: var(--fs-low);
    }


    .tour-cart.package .hover-content {
        padding: 6px;
        padding-bottom: 10px
    }

    .tour-cart.package .rating div {
        font-size: 10px;
    }



    .other-page-sce .tour-cart,
    .other-page-sce .event-cart {
        height: 348px;
    }

    .other-page-sce .event-cart .cart-content .sub-title {
        margin-top: 4px;
    }
}


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

    .other-page-sce .tour-cart,
    .other-page-sce .event-cart {
        height: 230px;
    }

    header .module-header-main .m-item {
        position: static;
    }

    .module-header-main {
        position: relative;
        background-color: var(--my-bg-secondary);
    }


    header .module-header-main .m-item:hover .module-h-dropdwon {
        padding: 12px 12px;
        width: fit-content;
        top: 48px;
        left: 50%;
        transform: translateX(-50%);
        min-width: 300px;
        max-width: 300px;
        border-radius: var(--radius-xl);
        z-index: 7;
        overflow-x: hidden;
    }

    header .header-main .module-header-main-wrap {
        gap: 12px !important;
    }

    header .module-header-main .m-item .content {
        font-size: var(--fs-sm);
        padding: 6px 8px;
        cursor: pointer;
        color: var(--my-primary-color);
        font-weight: 600;
    }

    header .module-header-main .m-item .module-h-dropdwon .d-item {
        padding: 12px 12px;
        font-size: var(--fs-xs);
    }


    .search-menu-wrapper {
        /* padding: 0px 0; */
    }

    header .m-search-menu .left-icon svg {
        position: absolute;
        left: -60px;
        top: 40px;
        z-index: 1;
        transform: rotate(4deg);
    }

    header .m-search-menu .right-icon {
        overflow: hidden;
    }

    header .m-search-menu .right-icon svg {
        position: absolute;
        right: -25px;
        top: 42px;
        z-index: 1;
        transform: rotate(6deg);
    }

    /* m-search-menu-wrapper */
    .m-search-menu-wrapper .top-grid {
        display: grid;
        grid-template-columns: 1fr 24px 1fr;
    }

    .m-search-menu-wrapper .bottom-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }

    .m-search-menu-wrapper .swap-btn-wrap {
        position: relative;
    }

    .m-search-menu-wrapper .swap-btn {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 1px solid #00000080;
        background-color: var(--my-white);
        position: absolute;
        left: -3px;
        top: 3px;
        z-index: 2;
    }

    .popular-tour-cart .offer-ribbon.ribbon {
        line-height: 1.4;
        padding: 2px 6px;
    }

    header .m-search-menu {
        position: relative;
    }

    /* .m-search-menu-wrapper .search-fields .input-item,
    .m-search-menu-wrapper .search-fields .search-button {
        position: relative;
    }

    .m-search-menu-wrapper .search-fields .input-item input {
        border: .5px solid #00000080;
        background-color: var(--my-white);
        border-radius: 4px;
        width: 100%;
        font-size: var(--fs-low);
        padding: 10px 12px;
    }

    .m-search-menu-wrapper .search-fields .text-icon {
        position: absolute;
        font-size: 8px;
        left: 12px;
        top: 12px;
        display: flex;
        align-items: center;
        gap: 4px;
        color: var(--my-text-primary);
    }

    .m-search-menu-wrapper .search-fields .search-button {
        background-color: var(--my-primary-color);
        border-radius: 4px;
        border: 1px solid #00000080;
        position: relative;
        font-size: 8px;
        text-align: left;
        padding: 8px 12px;
        display: flex;
        align-items: center;
        gap: 6px;
        width: 100%;
    }

    .m-search-menu-wrapper .search-fields .search-button .content {
        display: flex;
        align-items: center;
        gap: 12px;
        justify-content: center;
        font-size: var(--fs-low);
    }

    .m-search-menu-wrapper .checkbox-input {
        font-size: var(--fs-xs);
        color: var(--my-text-primary);
    }

    .m-search-menu-wrapper .checkbox-input input {
        border: 1px solid #00000080;
        border-radius: 2px;
    }

    .m-search-menu-wrapper input[type="checkbox"],
    .m-search-menu-wrapper input[type="radio"] {
        width: 12px;
        height: 12px;
        border-color: var(--my-secondary-color);
    }

    .m-search-menu-wrapper input[type="checkbox"]:checked::after {
        font-size: 10px;
    } */


    /* tourcart package */
    .tour-cart.package .hover-content .cart-title {
        font-size: clamp(12px, 2.2vw, 18px);
        margin-top: 4px;
        line-height: 1.3;
    }

    .tour-cart.package .cart-title {
        font-size: clamp(14px, 2.2vw, 18px);
        line-height: 1.4;
    }

    .tour-cart .price .new-price {
        font-size: 12px;
        line-height: 16px;
    }

    .package.tour-cart .visiable-content {
        padding: 8px;
        padding-top: 20px;
        padding-bottom: 12px;
    }

    .filter-sec .filter-head .filter-btn {
        display: flex;
        align-items: center;
        padding: 4px 12px;
        gap: 8px;
        font-size: var(--fs-sm);
        background-color: var(--my-white);
    }

    .filter-sec .filter-head .filter-btn svg {
        width: 16px;
        height: 16px
    }


    /* event card */
    .filter-sec .event-cart {
        min-height: 220px;
        max-height: 490px;
    }

    .event-cart .btns-wrap {
        margin-top: 8px;
    }

    .filter-sec .event-cart .cart-content {
        padding: 4px;
    }

    .filter-sec .event-cart .cart-content .title {
        margin-top: 4px;
        font-size: 10px;

        display: -webkit-box;
        -webkit-line-clamp: 1;
        /* max 2 line */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        min-height: 14px;
        height: 14px;
    }

    .filter-sec .event-cart .cart-content .sub-title {
        font-size: 8px;
    }

    .filter-sec .event-cart .cart-btn {
        font-size: 10px;
        padding: 6px 12px;
    }

    .trending-wrap {
        margin-top: 60px;
        padding-top: 20px;
    }

    /* .tour-cart.package {
        height: 100%;
        min-height: 290px;
    } */

    .filter-sec-wrap {
        padding-bottom: 20px;
    }



    /* hot dest cart */
    .hot-dest-cart {
        height: 190px;
        border-radius: var(--radius-lg);
    }


    .hot-dest-cart .title {
        font-size: var(--fs-lg);
        line-height: var(--line-height-lg);
    }


    .hot-dest-cart .content {
        padding-left: 12px;
        padding-bottom: 18px;
    }

    .other-page-sce .tour-cart.package .price .my-fs-xs {
        font-size: 8px;
    }

    .hot-dest-cart .sub-title {
        font-size: var(--fs-xs);
    }

    .hot-dest-cart .my-fs-xs {
        font-size: var(--fs-low);
        margin-top: 0;

    }



    .hot-dest-cart .explore-btn {
        position: unset;
        display: block;
        box-shadow: unset;
        margin-top: 8px;
        padding: 4px 19px;
        border: none;
        border-radius: 6px;
    }

    .hot-dest-cart .content {
        padding-left: 12px;
        padding-bottom: 12px;
    }

    .hot-dest-cart .img-wrapper::after {
        height: 70%;
        background: linear-gradient(to top,
                rgba(0, 0, 0, .6) 0%,
                rgba(0, 0, 0, 0.5) 40%,
                rgba(0, 0, 0, 0.4) 70%,
                rgba(0, 0, 0, .0) 100%);
    }

    .filter-area .tab-btns {
        padding: 12px 8px;
        gap: 4px;
    }


    .event-cart .total-seats div,
    .event-cart .total-seats span {
        font-size: clamp(8px, 2.2vw, 12px);
        font-weight: 500;
    }












    /*========================== Here section ==========================  */

    .g-hero.filter-hero {
        margin-top: 0;
    }

    .search-group.active {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        padding-left: 0px;
        padding-right: 0px;
    }

    .g-hero-area .bottom-search {
        height: unset;
        padding: 16px;
        border-radius: var(--radius-xl);
        height: fit-content;
        position: absolute;
        top: 180px;
        padding-bottom: 0;
    }

    .g-hero-area .scroll-btn {
        position: absolute;
        top: 15%;
        transform: translateY(-50%);
        background: var(--my-white-off);
        color: var(--my-primary-color);
        border: none;
        border-radius: 50%;
        width: 36px;
        height: 36px;
        cursor: pointer;
        z-index: 5;
        display: none !important;
    }

    .g-hero-area .tab-wrapper {
        margin: 0 auto;
        background-color: var(--my-primary-color);
        border-radius: var(--radius-xxl);
        max-width: 953px;
        margin: 0 auto;
        margin-top: -40px;
        padding: 7px;
    }

    .search-group label {
        font-size: var(--fs-sm);
        font-weight: 600;
        color: var(--my-text-secondary);
    }

    .search-group .my-input-control input::placeholder {
        font-size: 12px !important;
    }

    .g-hero-area {
        height: 580px;
    }

    .g-hero-area .bottom-search .my-input-control {
        border: 1px solid var(--my-white-off2);
        padding: 12px;
        border-radius: var(--radius-lg);
    }

    .g-hero-img-wrap::after {
        border-radius: 0px;
    }

    .g-hero-banner-img img {
        border-radius: 0;
        max-height: 280px;
    }

    .common-hero-sec {
        margin-top: 0px;
    }

    .common-hero-sec .my-container {
        padding: 0;
    }

    .search-group .my-input-control input,
    .search-group .my-input-control input::placeholder {
        font-size: var(--fs-xs) !important;
        line-height: 20px;
        margin-top: 4px;
    }

    /* m-view-all */
    .m-view-all {
        width: 100%;
        display: block;
        margin-top: 24px;
    }

    .m-view-all .section-btn.my-btn {
        padding: 16px 48px;
        font-weight: var(--fw-700);
        line-height: var(--line-height-sm);
        border-radius: var(--radius-pill) !important;
        font-size: var(--fs-md);
        background-color: var(--my-white);
        color: var(--my-primary-color);
        position: relative;
        box-shadow: unset;
        border: 1px solid var(--my-border-primary);
        width: 100%;
    }

    .filter-sec .filter-head {
        padding: 16px 0;
    }
}


@media (max-width:480px) {
    .filter-sec .event-cart .cart-content {
        padding: 4px 0;
    }
}