@charset "UTF-8";
.home-main-heading {
    position: relative;
    padding-top: 3rem;
    padding-bottom: 3rem !important;
    background-color: var(--bs-dark-blue) !important;
    background-size: cover;
    background-position: center center;
}

.home-main-heading .list-title {
    color: #fff; /* Adjust the text color as needed */
    /* Additional styling for the text */
}

@media only screen and (max-width: 767px) {
    .home-main-heading .list-title {
        position: static;
        transform: none;
        text-align: center; /* Center the text on small screens */
    }
}

.full-header .package-list {
    display: none
}

.full-header .header-content .menu-item .menu-link {
    border-radius: 12px;
    border: 1px solid rgba(230,225,242,.4);
    box-shadow: 0 0 20px 0 rgba(20,4,66,.1);
    padding: 12px
}

.full-header .header-content {
    /* padding-top: 4.8rem */
}

.portrait {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #FCFCFD
}

.portrait .custom-vr {
    display: inline-block;
    align-self: stretch;
    min-height: 1em;
    background-color: currentcolor;
    opacity: .25;
    width: 2px;
    height: 16px;
    margin-top: 4px
}

.portrait .h-420px {
    height: 420px;
    border-radius: 40px
}

.portrait .pt-80 {
    padding-top: 80px
}

.portrait .blue-border {
    border-bottom: 2px solid #494b90;
    padding-bottom: 24px;
    width: 250px
}

.portrait .w-256 {
    width: 256px
}

.portrait .w-35 {
    width: 35%
}

.popular-tag-bg {
    background-color: rgb(238 238 238 / 95%)
}

.umrah-plus-packages {
    padding-top: 2.5rem!important;
    padding-bottom: 2.5rem!important
}

.umrah-plus-packages .title {
    font-size: 2.5rem!important;
    margin-bottom: .75rem
}

.umrah-plus-packages .inner-card {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.umrah-plus-packages .w-325px {
    width: 285px!important
}

.umrah-plus-packages .view-more-btn {
    border-radius: 8px!important;
    border: 1.5px solid #E6E1F2!important
}

.umrah-plus-packages .list-title {
    padding-right: 0
}

.umrah-plus-packages .owl-theme .owl-nav {
    padding-top: 1.75rem
}

.umrah-plus-packages .home-packages {
    background-image: none!important;
    padding: 0!important
}

.popular-hotels {
    padding-top: 2.5rem!important;
    margin-bottom: 2.5rem
}

.popular-hotels .location {
    margin-top: 1rem;
    align-items: center
}

.popular-hotels .package-content .home-img img {
    border-radius: 20px!important
}

.popular-hotels .title {
    font-size: 2.5rem!important;
    margin-bottom: .75rem
}

.popular-hotels .location img {
    width: 20px!important
}

.popular-hotels .location .text-secondary {
    font-size: .875rem!important
}

.popular-hotels .excellent-text {
    font-size: .875rem!important
}

.popular-hotels .h-280px {
    height: 280px
}

.popular-hotels .view-more-btn {
    border-radius: 8px!important;
    border: 1.5px solid var(--bs-light-cyan)!important
}

.popular-hotels .list-title {
    padding-right: 0
}

.popular-hotels .owl-theme .owl-nav {
    padding-top: 1.75rem
}

.popular-hotels .popular-hotel-carousel .owl-stage {
    display: flex
}

.popular-hotels .popular-hotel-carousel .card {
    height: 100%
}

.home-packages {
    background-position: 0 -25px;
    padding-bottom: 2.5rem
}

.home-packages .view-more-btn {
    font-size: .875rem!important
}

.home-packages .list-title {
    padding-right: 0
}

.home-packages .pink-text {
    color: #ff678c
}

.home-packages .package-content .home-img img {
    border-radius: 20px!important
}

.home-packages .btn-width-200 {
    width: 200px!important
}

.home-packages .h-38px {
    height: 38px!important
}

.home-packages .h-286px {
    height: 286px
}

.home-packages .owl-theme .owl-nav {
    padding-top: 1.75rem
}

.home-packages .home-package-carousel .owl-stage {
    display: flex
}

.home-packages .home-package-carousel .card {
    height: 100%
}

.download-app {
    padding-top: 5rem!important
}

.owl-carousel .owl-nav {
    text-align: right!important;
    position: relative!important
}

.owl-carousel .owl-nav button {
    width: 48px!important;
    height: 48px!important;
    padding: 8px!important;
    border-radius: 40px!important;
    border: 1px solid var(--bs-blue)!important
}

.owl-carousel .owl-nav .disabled {
    background-color: transparent!important
}

.owl-carousel .owl-dots {
    position: absolute;
    bottom: 1.5rem;
    left: 1%
}

.owl-carousel .owl-dots .owl-dot span {
    -webkit-border-radius: 0!important;
    -moz-border-radius: 0!important;
    border-radius: 0!important;
    width: 20px!important;
    height: 3px!important;
    margin-left: 2px!important;
    margin-right: 2px!important;
    border: none!important;
    border-radius: 8px!important
}

.owl-carousel .owl-dots .owl-dot.active span {
    background: var(--bs-blue)!important
}

.owl-carousel .owl-dots .owl-dot:hover span {
    background: var(--bs-blue)!important
}

.owl-carousel .owl-nav [class*=owl-]:hover {
    background: none!important
}

.slider {
    margin-bottom: 30px;
    position: relative
}

.slider .owl-item.active.center .slider-card {
    transform: scale(1.15);
    opacity: 1;
    background: var(--bs-white);
    color: #fff
}

.slider .slider-card {
    background: var(--bs-white);
    padding: 0 0;
    margin: 50px 15px 90px 15px;
    border-radius: 16px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
    transform: scale(.9);
    opacity: .5;
    transition: all .3s
}

.slider .slider-card img {
    border-radius: 5px 5px 0 0
}

.slider .owl-carousel .owl-dots {
    position: absolute;
    bottom: 1.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
    left: 0!important
}

@media only screen and (max-width: 767.5px) {
    .owl-carousel .owl-nav {
        display:none
    }

    .owl-carousel .owl-dots {
        position: relative;
        left: 0;
        margin-top: 30px
    }

    .umrah-plus-packages .flex-row {
        flex-direction: column!important
    }

    .umrah-plus-packages .mob-height {
        height: 220px
    }

    .umrah-plus-packages .w-325px {
        width: 100%!important
    }

    .umrah-plus-packages .pt-18 {
        padding-top: 0!important
    }

    .umrah-plus-packages .inner-card {
        padding-bottom: 0
    }

    .umrah-plus-packages .text-lg-start {
        text-align: center!important;
        width: 48px!important;
        font-size: .825rem!important
    }

    .umrah-plus-packages .package-content .separator {
        border-bottom: none!important
    }

    .umrah-plus-packages .breadcrumb-item {
        font-size: .75rem!important
    }

    .home-main-heading {
        padding-top: 5.5rem;
        padding-bottom: 1.5rem!important
    }

    .home-main-heading .title {
        font-size: 1.125rem!important
    }

    .home-packages {
        padding-bottom: 0;
        background-position: 0px -100px
    }

    .home-packages .title {
        font-size: 1.125rem!important
    }

    .home-packages .breadcrumb-item {
        font-size: .75rem!important
    }

    .home-packages .package-content .rating {
        font-size: .875rem
    }

    .home-packages .package-service .d-flex {
        flex-direction: column
    }

    .home-packages .mb-12 {
        margin-bottom: 20px!important
    }

    .home-packages .mob-list-title {
        margin-top: 5rem
    }

    .home-packages .h-286px {
        height: 220px
    }

    .home-packages .home-package-carousel .owl-stage {
        padding-left: 0!important
    }

    .popular-hotels {
        padding-top: 1rem!important;
        margin-bottom: 2.5rem
    }

    .popular-hotels .title {
        font-size: 1.125rem!important
    }

    .popular-hotels .view-more-btn {
        border-radius: 0!important;
        border: none!important;
        font-size: .875rem!important
    }

    .popular-hotels .mb-12 {
        margin-bottom: 1.7rem!important
    }

    .popular-hotels .location img {
        width: 20px!important
    }

    .popular-hotels .location .text-secondary {
        font-size: 1rem!important
    }

    .popular-hotels .excellent-text {
        font-size: 1rem!important
    }

    .popular-hotels .h-280px {
        height: 220px
    }

    .umrah-plus-packages {
        padding-top: 0!important
    }

    .umrah-plus-packages .title {
        font-size: 1.125rem!important
    }

    .umrah-plus-packages .view-more-btn {
        border-radius: 0!important;
        border: none!important;
        font-size: .875rem!important
    }

    .umrah-plus-packages .package-content {
        margin-top: 0
    }

    .umrah-plus-packages .inner-card {
        padding-top: 1.25rem
    }

    .slider .slider-card {
        margin: 30px 15px 40px 15px
    }

    .slider .owl-item.active.center .slider-card {
        transform: scale(1.02)!important
    }

    .slider .owl-carousel .owl-dots {
        bottom: .8rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1023px) {
    .home-main-heading {
        /* padding-top:1rem; */
        padding-bottom: 2rem!important
    }

    .portrait .fs-2x {
        font-size: 1.5rem!important
    }

    .portrait .custom-icon-size {
        font-size: .875rem!important
    }

    .portrait .fs-3 {
        font-size: .75rem!important
    }

    .portrait .fs-4 {
        font-size: .875rem!important
    }

    .portrait .fs-6 {
        font-size: 12px!important
    }

    .portrait .img-fluid {
        max-width: 45%
    }

    .portrait .w-35 {
        width: 48%
    }

    .download-app .img-fluid {
        max-width: 34%!important
    }

    .umrah-plus-packages {
        padding-top: 0!important
    }

    .umrah-plus-packages .flex-lg-row {
        flex-direction: row!important
    }

    .umrah-plus-packages .text-lg-start {
        text-align: left!important;
        width: 65px!important
    }

    .umrah-plus-packages .w-325px {
        width: 230px!important
    }

    .umrah-plus-packages .inner-card {
        width: 280px!important;
        padding-top: 1.875rem;
        padding-bottom: 1.875rem
    }

    .umrah-plus-packages .package-content .listing-content {
        border-right: 1px solid var(--bs-light-blue)
    }

    .umrah-plus-packages .py-lg-7 {
        padding-top: 1.875rem!important;
        padding-bottom: 1.875rem!important
    }

    .umrah-plus-packages .separator {
        display: none
    }

    .umrah-plus-packages .bg-blue {
        height: 42px;
        padding: .75rem 1.5rem!important
    }

    .umrah-plus-packages .text-red {
        font-size: 9px!important
    }

    .umrah-plus-packages .pt-18 {
        padding-top: 3rem!important
    }

    .umrah-plus-packages .package-content .package-cities {
        font-size: .825rem
    }

    .home-main-heading .title {
        font-size: 1.75rem!important
    }

    .home-packages {
        background-image: url(../media/bg/bg_gradient.png)!important;
        margin-top: 0
    }

    .home-packages .title {
        font-size: 1.75rem!important
    }

    .home-packages .breadcrumb-item {
        font-size: .825rem!important
    }

    .home-packages .owl-carousel .owl-item img {
        width: 15px
    }

    .home-packages .package-service .d-flex {
        flex-direction: column
    }

    .popular-hotels {
        padding-top: 0;
        margin-bottom: 2.5rem
    }
}

@media only screen and (min-width: 1024px) and (max-width:1246px) {
    .home-main-heading {
        /* padding-top:2.2rem; */
        padding-bottom: 2.2rem!important
    }

    .home-main-heading .title {
        font-size: 2rem!important
    }

    .home-packages {
        background-image: url(../media/bg/bg_gradient.png)!important
    }

    .home-packages .title {
        font-size: 2rem!important
    }

    .home-packages .package-title {
        font-size: 1.0625rem
    }

    .home-packages .breadcrumb .breadcrumb-item {
        font-size: .95rem!important
    }

    .home-packages .fs-2tx {
        font-size: 1.5rem!important
    }

    .home-packages .fs-7 {
        font-size: .625rem!important
    }

    .home-packages .service-title {
        font-size: .925rem
    }

    .home-packages .owl-carousel .owl-item img {
        width: 15px
    }

    .home-packages .fs-4 {
        font-size: .75rem!important
    }

    .home-packages .btn-width-200 {
        width: 285px!important
    }

    .popular-hotels .title {
        font-size: 1.75rem!important
    }

    .popular-hotels .fs-6 {
        font-size: .875rem!important
    }

    .popular-hotels .fs-4 {
        font-size: .75rem!important
    }

    .popular-hotels .fs-7 {
        font-size: .625rem!important
    }

    .popular-hotels .fs-8 {
        font-size: .625rem!important
    }

    .popular-hotels .fs-2tx {
        font-size: 1.5rem!important
    }

    .popular-hotels .fs-24px {
        font-size: 1.5rem!important
    }

    .portrait .fs-2x {
        font-size: 1.5rem!important
    }

    .portrait .custom-icon-size {
        font-size: 1.125rem!important
    }

    .portrait .fs-3 {
        font-size: .75rem!important
    }

    .portrait .fs-4 {
        font-size: .875rem!important
    }

    .portrait .fs-6 {
        font-size: .75rem!important
    }

    .portrait .img-fluid {
        max-width: 55%
    }

    .download-app .fs-3x {
        font-size: 1.75rem!important
    }

    .download-app .fs-5 {
        font-size: .875rem!important
    }

    .download-app .img-fluid {
        max-width: 50%
    }

    .umrah-plus-packages .w-325px {
        width: 220px!important
    }

    .umrah-plus-packages .listing-content {
        border-right: 1px solid var(--bs-light-cyan)
    }

    .umrah-plus-packages .package-price .rates {
        align-items: end
    }

    .umrah-plus-packages .package-price {
        display: grid
    }

    .umrah-plus-packages .px-one {
        padding-left: .84rem;
        padding-right: .84rem
    }
}

/* .home-packages {
    background: #f4ebe5 !important;
} */

@media only screen and (min-width: 1200px) {
    .home-packages {
        background: linear-gradient(0deg, rgb(241 232 225) 0%, rgb(128 150 113) 100%);
    }

    .home-packages .title {
        font-size: 3rem!important;
        margin-left: .625rem
    }

    .home-packages .package-title {
        font-size: 1.75rem
    }

    .home-main-heading .title {
        font-size: 3rem!important;
        margin-left: .625rem
    }
}

@media only screen and (min-width: 768px) and (max-width:1244px) {
    .full-header .header-content {
        /* padding-top:4.3rem */
    }
}

@media only screen and (max-width: 992px) {
    .home-package-carousel .package-price .rates {
        flex-direction:row-reverse
    }

    .home-package-carousel .package-price .price {
        align-items: end
    }
}

@media only screen and (min-width: 992px) and (max-width:1244px) {
    .home-packages .h-286px {
        height:220px
    }

    .popular-hotels .h-280px {
        height: 220px
    }

    .portrait .h-420px {
        height: 320px
    }
}

@media only screen and (min-width: 768px) and (max-width:992px) {
    .home-packages .h-286px {
        height:285px
    }

    .popular-hotels .h-280px {
        height: 220px
    }

    .portrait .h-420px {
        height: 320px
    }
}

@media only screen and (min-width: 1550px) {
    .home-packages {
        background-position:center center!important
    }
}

.home-shimmer-content .owl-dots {
    display: none!important
}

.home-shimmer-content .owl-nav {
    display: none!important
}

.app-main {
    padding: 32px 0 0 20px;
    margin-top: 14.8rem;
    margin-bottom: 12rem
}

.list-title {
    padding-right: 3.7rem
}

.list-title a {
    font-size: 14px
}

.hotel-package {
    margin-top: 14px
}

.hotel-package .package-content .package-price .tag {
    background-color: var(--bs-light-red)
}

.umrahplus-package {
    margin-top: 14px
}

.package-content {
    margin-top: 18px
}

.package-content .home-img img {
    width: 100%;
    height: auto;
    border-radius: 28px;
    object-fit: cover
}

.package-content .rating {
    font-size: 16px;
    margin-top: 2px;
    letter-spacing: .14px
}

/* .package-content .package-cities {
    margin-top: 16px;
    font-size: 11px;
    font-weight: 400
} */

.package-content .breadcrumb-dot .breadcrumb-item:after {
    color: var(--bs-light-gray);
    font-size: 14px;
    content: "•"!important
}

.package-content .package-service .service-icon {
    border-radius: 50px
}

.package-content .package-service .disable .service-icon {
    background-color: #f1f3f8;
    filter: opacity(.7)
}

.package-content .separator {
    border-bottom: 1px solid var(--bs-light-cyan)!important;
    margin: 16px 0
}

.package-content hr {
    border-top: 2px solid var(--bs-light-blue);
    margin: 16px 0
}

.package-content .package-price .tag {
    background-color: rgba(255,103,140,.15);
    font-size: 12px
}

.tns .tns-nav button {
    display: block;
    outline: none;
    width: 20px;
    height: 3px;
    background-color: var(--bs-light-gray);
    margin: 0 .25rem;
    border: 0;
    border-radius: .35rem
}

.tns .tns-nav button.tns-nav-active {
    background-color: var(--bs-blue)
}

@media only screen and (min-width: 1244px) {
    .listing-header {
        padding:4.5px 80px 97px 80px!important;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        position: static
    }

    .monthPickDesk .month-pick-inner {
        margin-top: -3.5rem;
        z-index: 101
    }

    .monthPickDesk .select2-container {
        width: auto!important
    }

    .listing-main .list-title {
        padding-right: 0
    }

    .listing-main .package-content {
        margin-top: 35px
    }

    .listing-main .package-content .home-img {
        width: 316px
    }

    .listing-main .package-content .home-img .card-img-overlay {
        width: 389px
    }

    .listing-main .package-content .listing-content {
        border-right: 1px solid var(--bs-light-blue)
    }

    .listing-main .package-content .package-cities {
        font-size: 16px
    }

    .listing-main .package-content .package-itenary {
        margin-top: 54px
    }

    .listing-main .package-content .package-itenary .service-title {
        font-size: 14px!important
    }

    .listing-main .package-content .vr {
        background-color: var(--bs-light-blue);
        opacity: 1;
        width: 2px
    }

    .listing-main .package-content .service-icon img {
        width: auto;
        height: auto
    }

    .listing-main .package-content .package-price {
        display: grid
    }

    .listing-main .package-content .package-price .rates {
        flex-direction: column;
        align-items: end
    }

    .listing-main .package-content .package-price .tag {
        margin-top: 0
    }

    .listing-main .package-content .package-price .price .detail-btn {
        width: 200px;
        height: 56px
    }

    .about-app .about-app-text {
        width: 533px
    }

    .about-app .download-app .apple {
        width: 162px;
        height: 46px
    }

    .about-app .download-app .googlePlay {
        width: 163px;
        height: 48px
    }

    .homeHeader {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

@media only screen and (min-width: 992px) and (max-width:1244px) {
    .app-main {
        margin-top:-3.3rem
    }

    .listing-header {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding-bottom: 6rem!important
    }

    .monthPickDesk {
        display: flex!important;
        position: relative;
        top: -3.3rem
    }

    .monthPickDesk .select2-container {
        width: auto!important
    }

    .listing-main {
        top: 12.4rem;
        z-index: 100
    }

    .listing-main .package-content .home-img .card-img-overlay {
        width: 34.7%
    }

    .detail-main {
        padding: 40px 80px
    }

    .detail-main .detail-tabs {
        margin-top: 61px
    }

    .detail-main .detail-tabs .nav-link {
        font-size: 14px;
        padding: 0 12px 24px 12px
    }

    .detail-main .detail-product {
        padding-top: 40px
    }

    .detail-main .detail-product .overview .feature-points {
        margin-top: 24px;
        padding: 0 41px 0 11.7px
    }

    .detail-main .detail-product .overview .icon {
        width: 48px;
        height: 48px
    }

    .detail-main .detail-product .overview .text {
        font-size: 14px
    }

    .detail-main .detail-product .overview .overview-hotel,.detail-main .detail-product .overview .overview-transfer,.detail-main .detail-product .overview .overview-activity {
        margin-top: 40px
    }

    .detail-main .detail-product .overview .overview-hotel .hotel-content,.detail-main .detail-product .overview .overview-transfer .hotel-content,.detail-main .detail-product .overview .overview-activity .hotel-content {
        margin-top: 8px;
        width: 80%
    }

    .detail-main .detail-product .overview .overview-hotel .place,.detail-main .detail-product .overview .overview-transfer .place,.detail-main .detail-product .overview .overview-activity .place {
        font-size: 12px!important
    }

    .detail-main .detail-product .overview .overview-hotel .activity-place,.detail-main .detail-product .overview .overview-transfer .activity-place,.detail-main .detail-product .overview .overview-activity .activity-place {
        font-size: 14px
    }

    .detail-main .detail-product .overview .overview-hotel .transfer-place,.detail-main .detail-product .overview .overview-transfer .transfer-place,.detail-main .detail-product .overview .overview-activity .transfer-place {
        font-size: 12px
    }

    .detail-main .detail-product .overview .overview-hotel .hotel-name,.detail-main .detail-product .overview .overview-hotel .transfer-name,.detail-main .detail-product .overview .overview-hotel .activity-name,.detail-main .detail-product .overview .overview-transfer .hotel-name,.detail-main .detail-product .overview .overview-transfer .transfer-name,.detail-main .detail-product .overview .overview-transfer .activity-name,.detail-main .detail-product .overview .overview-activity .hotel-name,.detail-main .detail-product .overview .overview-activity .transfer-name,.detail-main .detail-product .overview .overview-activity .activity-name {
        font-size: 16px
    }

    .detail-main .detail-product .overview .overview-hotel .hotel-place,.detail-main .detail-product .overview .overview-transfer .hotel-place,.detail-main .detail-product .overview .overview-activity .hotel-place {
        font-size: 14px
    }

    .detail-main .detail-product .overview .description {
        margin-top: 32px
    }

    .detail-main .detail-product .overview .description .desc-name {
        font-size: 18px
    }

    .detail-main .detail-product .overview .description .desc-info {
        margin-top: 17px;
        font-size: 14px
    }

    .detail-main .detail-product .transfer .car-title {
        font-size: 24px!important
    }

    .detail-main .detail-product .transfer .car-model {
        font-size: 12px!important
    }

    .detail-main .detail-product .transfer .read-more p {
        font-size: 14px!important
    }

    .detail-main .detail-product .transfer .read-more span {
        font-size: 16px!important
    }

    .detail-main .detail-product .transfer .check-in p:nth-of-type(1),.detail-main .detail-product .transfer .check-out p:nth-of-type(1) {
        font-size: 14px!important
    }

    .detail-main .detail-product .transfer .check-in p:nth-of-type(2),.detail-main .detail-product .transfer .check-out p:nth-of-type(2) {
        font-size: 12px!important
    }

    .detail-main .detail-product .transfer .car-path span:nth-of-type(1) {
        font-size: 14px!important
    }

    .detail-main .detail-product .transfer .car-path span:nth-of-type(2) {
        font-size: 12px!important
    }

    .detail-main .detail-product .transfer .transfer-btn span {
        font-size: 16px!important
    }

    .detail-main .detail-product .detail-price .card-header .free-cancel {
        font-size: 10px;
        margin: 24px 0
    }

    .detail-main .detail-product .detail-price .card-header .price div {
        font-size: 28px!important
    }

    .detail-main .detail-product .detail-price .card-header .price span:nth-of-type(1) {
        font-size: 14px!important
    }

    .detail-main .detail-product .detail-price .card-header .price span:nth-of-type(2) {
        font-size: 12px!important
    }

    .detail-main .detail-product .detail-price .service-title span:nth-of-type(2) {
        font-size: 14px!important
    }
}

@media only screen and (min-width: 768px) and (max-width:992px) {
    .listing-header {
        padding-bottom:3rem
    }

    .monthPickDesk .month-pick-inner {
        z-index: 101;
        margin-top: 5rem
    }

    .monthPickDesk .select2-container {
        width: auto!important
    }

    .modalHeader {
        padding: 4.5px 26px 20px 26px!important
    }

    .modalHeader .navbar .lang img {
        width: 16px;
        height: 16px
    }

    .modalHeader .listing-tabs .menu-icon img {
        width: 18px;
        height: 18px
    }

    .detail-main {
        padding: 26px;
        margin-top: 12.2rem
    }

    .detail-main .detail-tabs {
        margin-top: 26px
    }

    .detail-main .detail-tabs .nav-link {
        font-size: 14px;
        padding: 0 12px 24px 12px
    }

    .detail-main .detail-tabs .nav-link img {
        margin-right: 6px;
        width: 16px;
        height: 16px
    }

    .detail-main .detail-product {
        padding-top: 26px
    }

    .detail-main .detail-product .overview .feature-points {
        margin-top: 24px;
        padding: 0 41px 0 11.7px
    }

    .detail-main .detail-product .overview .icon {
        width: 48px;
        height: 48px
    }

    .detail-main .detail-product .overview .text {
        font-size: 12px
    }

    .detail-main .detail-product .overview .overview-hotel,.detail-main .detail-product .overview .overview-transfer,.detail-main .detail-product .overview .overview-activity {
        margin-top: 30px
    }

    .detail-main .detail-product .overview .overview-hotel .hotel-content,.detail-main .detail-product .overview .overview-transfer .hotel-content,.detail-main .detail-product .overview .overview-activity .hotel-content {
        margin-top: 6px;
        width: 80%
    }

    .detail-main .detail-product .overview .overview-hotel .place,.detail-main .detail-product .overview .overview-transfer .place,.detail-main .detail-product .overview .overview-activity .place {
        font-size: 10px!important
    }

    .detail-main .detail-product .overview .overview-hotel .activity-place,.detail-main .detail-product .overview .overview-transfer .activity-place,.detail-main .detail-product .overview .overview-activity .activity-place {
        font-size: 12px
    }

    .detail-main .detail-product .overview .overview-hotel .transfer-place,.detail-main .detail-product .overview .overview-transfer .transfer-place,.detail-main .detail-product .overview .overview-activity .transfer-place {
        font-size: 12px;
        width: 70%
    }

    .detail-main .detail-product .overview .overview-hotel .hotel-name,.detail-main .detail-product .overview .overview-hotel .transfer-name,.detail-main .detail-product .overview .overview-hotel .activity-name,.detail-main .detail-product .overview .overview-transfer .hotel-name,.detail-main .detail-product .overview .overview-transfer .transfer-name,.detail-main .detail-product .overview .overview-transfer .activity-name,.detail-main .detail-product .overview .overview-activity .hotel-name,.detail-main .detail-product .overview .overview-activity .transfer-name,.detail-main .detail-product .overview .overview-activity .activity-name {
        font-size: 14px
    }

    .detail-main .detail-product .overview .overview-hotel .hotel-place,.detail-main .detail-product .overview .overview-transfer .hotel-place,.detail-main .detail-product .overview .overview-activity .hotel-place {
        font-size: 12px
    }

    .detail-main .detail-product .overview .description {
        margin-top: 26px
    }

    .detail-main .detail-product .overview .description .desc-name {
        font-size: 16px
    }

    .detail-main .detail-product .overview .description .desc-info {
        margin-top: 16px;
        font-size: 12px
    }

    .detail-main .detail-product .detail-price {
        padding: 16px
    }

    .detail-main .detail-product .detail-price .card-header .free-cancel {
        font-size: 8px;
        margin: 15px 0
    }

    .detail-main .detail-product .detail-price .service-title span:nth-of-type(2) {
        font-size: 12px!important
    }
}

@media only screen and (max-width: 767px) {
    .listing-header {
        padding-bottom:3rem
    }

    .listing-main .package-content .home-img {
        height: 316px
    }

    .listing-main .package-content .package-price {
        width: 100%
    }

    .monthPickDesk .month-pick-inner {
        z-index: 101;
        margin-top: 5rem
    }

    .monthPickDesk .select2-container {
        width: auto!important
    }

    .detail-main .about-package {
        flex-direction: column-reverse
    }

    .modalHeader {
        display: none
    }

    .booking-main {
        margin-top: 0;
        padding: 22px 24px;
        background-color: white
    }

    .booking-main .booking-title p {
        font-size: 16px!important;
        text-align: center
    }

    .booking-main .mob-progress {
        margin-bottom: 24px
    }

    .booking-main .traveler .contact-detail {
        border: 1px solid var(--bs-light-cyan)
    }

    .booking-main .traveler .contact .add-passenger button {
        width: 100%
    }

    .booking-main .traveler .Passenger-detail {
        border: 1px solid var(--bs-light-cyan)
    }

    .booking-main .traveler .Passenger-detail .upload-file-btn {
        width: 100%!important
    }

    .booking-main .add-ons .add-ons-package {
        margin-top: 16px!important;
        border: 1px solid var(--bs-light-cyan);
        border-radius: 24px
    }

    .booking-main .baggage .baggage-detail {
        border: 1px solid var(--bs-light-cyan)
    }

    .booking-main .baggage .baggage-detail .include-btn {
        width: auto!important;
        padding: 11px 24px!important
    }

    .booking-main .baggage .baggage-modal .modal-dialog {
        float: none!important;
        width: auto!important;
        margin: 0
    }

    .booking-main .baggage .baggage-modal .modal-dialog .modal-footer {
        border-radius: 0;
        margin-top: 40px
    }

    .booking-main .baggage .baggage-modal .modal-dialog .modal-footer .confirm-btn {
        width: 170px
    }

    .booking-main .baggage .baggage-modal .modal-content {
        background-color: var(--bs-light-secondary);
        border-radius: 0
    }

    .booking-main .baggage .baggage-modal .modal-body .baggage-weight div {
        width: 100%!important;
        padding: 12px 16px!important
    }

    .booking-main .baggage .baggage-modal .baggage-kg {
        border: none
    }

    .booking-main .detail-price {
        padding: 0;
        margin-top: 8rem;
        z-index: 2
    }

    .booking-main .detail-price .card-footer {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
        background-color: white;
        padding: 16px!important;
        box-shadow: 0 0 20px 0 rgba(20,4,66,.1)
    }

    .book-detail-name {
        padding-bottom: 16rem;
        border-bottom-left-radius: 35px;
        border-bottom-right-radius: 35px
    }

    .book-detail-name .booking-title img {
        filter: invert(1)
    }

    .book-detail-name .booking-title p {
        font-size: 16px!important;
        text-align: center
    }

    .book-detail-main .book-img {
        height: 220px
    }

    .book-detail-main .detail-tabs .nav-tabs {
        border-bottom: none
    }

    .book-detail-main .detail-product {
        padding-top: 28px
    }

    .book-detail-main .flights .hotel-detail .hotel-service,.book-detail-main .flights .hotel-detail .hotel-facility {
        display: none!important
    }

    .book-detail-main .flights .activity-detail .activity-service {
        justify-content: center
    }

    .book-detail-main .terms ul li {
        font-size: 12px
    }
}

.flex-shrink-0.rounded-16.bgi-position-center {
    margin: 8px;
}

.gray-dot {
    color: var(--bs-light-gray);
    font-size: 14px;
    content: "•"!important;
}

li.breadcrumb-item {
    margin-top: 11px;
    font-size: 12px !important;
    font-weight: 500;
}

.typewriter {
    overflow: hidden; /* Hide overflow content */
    border-right: 2px solid white; /* Cursor pointer */
    white-space: nowrap; /* Keep text in a single line */
    font-size: 18px;
  }
  
  .cursor {
    display: inline-block;
    width: 1px;
    height: 1em;
    animation: blink 0.7s infinite alternate; /* Blinking cursor animation */
  }
  
  @keyframes blink {
    to {
      opacity: 0;
    }
  }


:root {
    --marquee-width: 100vw;
    --marquee-height: 33vh;
    /* --marquee-elements: 12; */ /* defined with JavaScript */
    --marquee-elements-displayed: 5;
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
    --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
  }
  
  .marquee {
    width: var(--marquee-width);
    height: var(--marquee-height);
    background-color: #fff;
    color: #eee;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
  }
  .marquee-content {
    list-style: none;
    height: 100%;
    display: flex;
    animation: scrolling var(--marquee-animation-duration) linear infinite;
  }
  /* .marquee-content:hover {
    animation-play-state: paused;
  } */
  @keyframes scrolling {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements))); }
  }
  .marquee-content li {
    display: flex;
    justify-content: center;
    align-items: center;
    /* text-align: center; */
    flex-shrink: 0;
    width: var(--marquee-element-width);
    max-height: 100%;
    font-size: calc(var(--marquee-height)*3/4); /* 5rem; */
    white-space: nowrap;
  }
  
  .marquee-content li img {
    width: 100%;
  }