/* CSS Section Tin tức - Inner */

.inner-header #main-menu > li > ul {
    border-radius: 10px;
}

.bluebackground {
    background: var(--lightblue-background);
    border-radius: 20px;
}

.graybackground {
    background: #F6FBFF;
    border-radius: 20px;
    border: 1px solid #DEEAF4;
    padding: 20px 15px;
    margin-bottom: 15px;
}

.whiteborder {
    border: 1px solid #EEEEEE;
    border-radius: 20px;
    background: #fff;
}

.section-news .inner-news .news-title,
.inner-event-container .other-event {
    font-family: 'Playfair Display Semi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: var(--title);
    margin-bottom: 20px;
    text-transform: none;
}

        .section-news .inner-news .news-title::before {
            content: none;
        }

        .section-event::after {
            content: none;
        }

        .inner-event-container {
            margin-bottom: 80px;
        }

/* CSS Section Tin tức - Details */

.detail-main ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .detail-main ul li {
        width: calc(100% / 3);
        padding: 0 15px 40px;
    }

        .details-news-main ul li .details-news-img img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            border-radius: 20px;
        }

.details-news-main ul li .details-news-title {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--title-dam);
    margin-top: 10px;
    margin-bottom: 5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

    .div-news .news-title {
        font-family: 'Playfair Display Semi', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 30px;
        line-height: 40px;
        color: var(--title);
        margin-bottom: 20px;
    }

/* CSS Sidebar - chuyên mục */

    .chuyenmuc-container {
        padding: 20px 15px;
        margin-bottom: 15px;
    }

        .chuyenmuc-head {
            border-bottom: 1px solid rgba(255, 255, 255, 0.4);
            margin-bottom: 15px;
            padding-bottom: 3px;
        }

            .sidebar-title {
                font-family: 'Playfair Display Semi', sans-serif;
                font-style: normal;
                font-weight: 600;
                font-size: 24px;
                line-height: 32px;
            }

            .chuyenmuc-title {
                color: #fff;
            }

        /*.chuyenmuc-list ul li {
            list-style-type: disc; 
            font-family: 'Mulish Bold', sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            color: #FFFFFF;
            margin-left: 20px;
            padding-bottom: 16px;
        }*/

            /*.chuyenmuc-list ul li:last-child {
                padding-bottom: 0;
            }*/

            .chuyenmuc-list ul li.active {
                color: var(--yellow-text);
                pointer-events: none;
            }

/* CSS Sidebar - sự kiện */

.sidebar-event {
    background: #F4F4F4;
    border-radius: 20px;
}

    .sidebar-event-container {
        padding: 20px 15px;
        margin-bottom: 15px;
    }

        .sidebar-event-head {
            border-bottom: 1px solid rgba(242, 114, 106, 0.4);
            margin-bottom: 15px;
            padding-bottom: 2px;
        }

        .sidebar-event-container.bluebackground .sidebar-event-head {
            border-bottom: 1px solid rgba(255, 255, 255, 0.4);
            margin-bottom: 15px;
        }

            .sidebar-event-title {
                color: var(--title);
            }

            .sidebar-event-container.bluebackground .sidebar-event-title,
            .sidebar-event-container.bluebackground .sub-event-title {
                color: #fff !important;
            }

        .chuyenmuc-list ul li {
            list-style-type: disc; 
            font-family: 'Mulish Bold', sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            color: #FFFFFF;
            margin-left: 20px;
            padding-bottom: 16px;
        }

            .chuyenmuc-list ul li:last-child {
                padding-bottom: 0;
            }

            .sub-event-container .owl-nav [class*=owl-]:hover {
                color: #fff;
                text-decoration: none;
            }
        
            .sub-event-container .owl-nav [class*=owl-]:focus {
                outline: none;
            }

            .sub-event-container.owl-theme .owl-nav .owl-prev,
            .sub-event-container.owl-theme .owl-nav .owl-next {
                width: 24px;
                height: 24px;
            }

/* CSS Sidebar - Điểm du lịch */

    /*.whiteborder {
        padding: 20px 15px;
        margin-bottom: 15px;
    }*/

        .white-head {
            border-bottom: 1px solid rgba(242, 114, 106, 0.4);
            margin-bottom: 15px;
            padding-bottom: 3px;
        }

            .white-title {
                color: var(--title);
            }

        .white-list ul li {
            padding-bottom: 10px;
            margin-bottom: 10px;
            /* border-bottom: 2px solid #F0F0F0; */
        }

            .white-list ul li:last-child {
                padding-bottom: 0;
                margin-bottom: 0;
                border-bottom: none;
            }

            .white-list ul li .white-link{
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-items: center;
            }

                .white-list ul li .white-image{
                    flex: 0 0 calc(100% / 3);
                    margin-right: 16px;
                }

                .white-list ul li .white-image img {
                    border-radius: 10px;
                    object-fit: cover;
                    height: 100%;
                    width: 100%;
                }

                .white-list ul li .white-inner-title a {
                    font-family: 'Mulish Bold', sans-serif;
                    font-style: normal;
                    font-weight: 700;
                    font-size: 16px;
                    line-height: 24px;
                    color: var(--text);
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    -webkit-line-clamp: 2;
                    text-align: left;
                }

/* CSS Sidebar - Điểm du lịch */

    .help-container {
        padding: 20px 15px;
        margin-bottom: 15px;
    }

        .help-head {
            border-bottom: 1px solid rgba(242, 114, 106, 0.4);
            margin-bottom: 15px;
        }

            .help-title {
                color: var(--title);
            }

        .help-list ul li,
        .help-list ul li:last-child {
            margin-bottom: 15px;
            border-bottom: none;
        }

            .help-list ul li .help-link{
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-items: center;
            }

                .help-list ul li .help-image{
                    flex: 0 0 60px;
                    margin-right: 16px;
                }

                .help-list ul li .help-image img {
                    background: #FFFFFF;
                    border: 2px solid #EBEBEB;
                    border-radius: 10px;
                    object-fit: cover;
                    height: 100%;
                    width: 100%;
                    padding: 10px;
                }

                .help-list ul li .help-location {
                    font-family: 'Mulish Bold', sans-serif;
                    font-style: normal;
                    font-weight: 700;
                    font-size: 16px;
                    line-height: 24px;
                    color: var(--text);
                }

                .help-list .btn-help {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .help-list .btn-help a {
                        padding: 9px 30px;
                    }

/* CSS Pagination */

.pagination {
    justify-content: center;
    margin-bottom: 70px;
}

    .pagination a {
        font-family: 'Mulish', sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        color: var(--text);
        padding: 0 5px;
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .pagination .page_disabled {
        color: #CACACA !important;
        pointer-events: none;
    }

    .pagination .page_active {
        background: var(--title);
        border-radius: 50%;
        color: #fff !important;
    }

    .pagination .page_move {
        color: var(--title);
    }

/* CSS Tin tức - Chi tiết tin bài */

.inner-news-title {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: var(--title-dam);
}

/*.inner-news-option {
    margin-top: 10px;
    margin-bottom: 25px;
}*/

    .inner-news-option .news-date {
        margin-bottom: 0;
    }

    .news-option {
        display: flex;
    }

        .news-option div {
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .news-option div span{
                padding: 0 4px;
            }

        .news-option .news-zoom {
            padding-right: 13px;
            margin-right: 13px;
            border-right: 1px solid var(--text);
        }

.inner-news-content {
    margin-bottom: 45px;
}

.inner-news-content .news-summary {
    margin-bottom: 20px;
    -webkit-line-clamp: unset;
}

    .news-banner-img,
    .news-img {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .news-banner-img .Loai-lich-trinh {
        position: absolute;
        z-index: 1;
        background: #FF847C;
        border-radius: 10px 0px 0px 10px;
        right: 0;
        top: 20px;
        font-family: 'Mulish Bold', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 28px;
        text-align: justify;
        color: #FFFFFF;
        padding: 10px 21px;
    }

        .news-banner-img span,
        .news-img span {
            font-style: italic;
            padding-top: 10px;
            padding-bottom: 20px;
        }

        .inner-news-content .news-content.hideContent {
            display: -webkit-box;
            -webkit-line-clamp: 10;
            overflow: hidden;
            -webkit-box-orient: vertical;
        }

        .inner-news-content .news-content.showContent {
            display: block;
        }

        .inner-news-content .show-group div {
            background: #D8F3FF;
            border-radius: 5px;
            padding: 7px 15px;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            width: fit-content;
            margin: 15px auto;
            font-family: 'Mulish Bold', sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 26px;
            color: #33396D;
            display: none;
        } 

        #showMore {
            display: flex;
        }

        .inner-news-content #showMore::after {
            content: "expand_more";
            font-family: 'Material Symbols Rounded', sans-serif;
            font-size: 30px;
            font-weight: 200;
        }

        .inner-news-content #showLess::after {
            content: "expand_less";
            font-family: 'Material Symbols Rounded', sans-serif;
            font-size: 30px;
            font-weight: 200;
        }

        .inner-news-content .news-apply-manager {
            text-align: center;
            margin-bottom: 20px;
        }

            .inner-news-content .news-apply-manager a {
                font-family: 'Mulish Bold', sans-serif;
                font-style: normal;
                font-weight: 700;
                font-size: 20px;
                line-height: 26px;
                text-decoration-line: underline;
                color: #FF847C;
            }

#modalAddTour .modal-title {
    color: #33396D;
    margin-bottom: 20px;
}

#modalAddTour .modal-title .account-name {
    color: #FF847C;
}

#modalAddTour .confirm-place {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #33396D;
    margin-bottom: 10px;
}

#modalAddTour .confirm-place .place-name {
    color: #FF847C;
}

.tour-table table {
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 6px;
}

.text-orange {
    color: #FF847C;
}

.tour-table table tr th {
    background: #009AF1;
    border-bottom: 1px solid #E5EAF5;
    border-right: 1px solid #E5EAF5;
    padding: 8px 12px;
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.tour-table table tbody {
    border: 1px solid #E5EAF5;
}

.tour-table table tr {
    border-bottom: 1px solid #E5EAF5;
}

.tour-table table tr td {
    padding: 13px 12px;
    border-right: 1px solid #E5EAF5;
}

.inner-news-content .news-caption {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .inner-news-content .news-share i {
        padding: 0 6px;
    }

    .inner-news-content .news-claimer {
        font-family: 'Mulish Bold', sans-serif;
        font-weight: 700;
    }

.div-news .inner-other h2 {
    font-size: 20px;
    line-height: 24px;
}

.inner-news-other ul li {
    list-style-type: disc;
    list-style-position: inside;
    font-family: 'Mulish Bold', sans-serif;
    font-weight: 600;
    color: var(--text);
    padding-bottom: 12px;
}

    .inner-news-other ul li .news-date{
        display: inline-flex;
        font-weight: 400;
        font-family: 'Mulish', sans-serif;
        margin-bottom: 0;
        font-size: 14px;
        line-height: 24px;
        margin-left: 12px;
    }

        .inner-news-other ul li .news-date::before{
            width: 14px;
            height: 14px;
        }

.inner-news-main {
    margin-bottom: 65px;
}

/* CSS Tin nổi bật */

.hotnews-container {
    padding: 20px 15px;
    margin-bottom: 15px;
}

/* CSS Chi tiết sự kiện */

.inner-event-banner {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 25px;
}

    .inner-event-info {
        position: absolute;
        bottom: 20px;
        left: 20px;
    }

        .inner-event-info .event-status {
            font-family: 'Mulish Bold', sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            line-height: 36px;
        }

        .inner-event-info .event-title {
            font-family: 'Mulish Bold', sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            line-height: 36px;
            color: #fff;
        }

        .inner-event-info .event-date {
            font-family: 'Mulish', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            color: #00FFC2;
            display: flex;
            align-items: center;
        }

            .inner-event-info .event-date::before {
                content:'';
                display: block;
                width: 18px;
                height: 18px;
                margin-right: 5px;
                background: url(../icons/calendar.png) no-repeat center;
                background-size: contain;
            }

        .inner-event-info .event-location {
            font-family: 'Mulish', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            color: #FF8A8A;
            display: flex;
            align-items: center;
        }

            .inner-event-info .event-location::before {
                content:'';
                display: block;
                width: 18px;
                height: 18px;
                margin-right: 5px;
                background: url(../icons/point.png) no-repeat center;
                background-size: contain;
            }

    .inner-event-summary .event-summary {
        padding-bottom: 45px;
    }

    .inner-event-other .details-event-main ul {
        margin: 0 -15px;
    }

        .inner-event-other .details-event-main ul li {
            padding-bottom: 0;
        }

/* CSS Section main điểm du lịch */

.inner-slide-main .inner .slide-news {
    display: inline-block;
    cursor: pointer;
    perspective: 500px;
    position: relative;
    height: 100%;
    width: 100%;
}

    .inner-slide-main .inner .inner-slide-img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50% 50%;
        margin: 0;
        border-radius: 20px;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 78.1%, rgba(0, 0, 0, 0.8) 100%);
    }

.inner-slide-main .inner .inner-slide-description {
    border-radius: 20px;
    position: absolute;
    bottom: 0;
    padding: 10px;
    height: 100%;
    left: 0;
    right: 0;
    opacity: 1;
    transition: all 0.5s ease-out;
}

    .inner-slide-description .inner-slide-link{
        padding: 10px;
        border-radius: 20px;
        position: absolute;
        height: calc(100% - 20px);
        width: calc(100% - 20px);
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        align-items: flex-start;
    }

        .inner .inner-slide-link{
            font-family: 'Mulish SemiBold', sans-serif;
            font-weight: 600;
            font-size: 20px;
            line-height: 24px;
            color: #FFFFFF;
        }

        .inner .inner-location-caption .inner-slide-link {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp: 1;
        }

        .inner-slide-main .inner .slide-news:hover .inner-slide-description {
            opacity: 0;
        }

        .inner .inner-slide-link .inner-slide-address{
            font-family: 'Mulish', sans-serif;
            font-style: normal;
            font-weight: 500;
            font-size: 16px;
            line-height: 24px;
            text-align: justify;
            color: rgba(255, 255, 255, 0.8);
            display: flex;
            padding-top: 5px;
        }

            .inner .inner-slide-link .inner-slide-address::before{
                content:'';
                display: block;
                width: 18px;
                height: 18px;
                margin-right: 8px;
                background: url(../icons/point.png) no-repeat center;
                background-size: contain;
                flex-shrink: 0;
            }

.inner-slide-main .inner .inner-slide-caption {
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    padding: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    border-radius: 20px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

    .inner-slide-main .inner .slide-news:hover .inner-slide-caption {
        opacity: 1;
        animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1);
        animation-duration: 500ms;
    }
    
        .inner .slide-news .inner-slide-caption .inner-slide-link{
            margin-bottom: 15px;
        }

        .inner .slide-news .inner-slide-caption .inner-slide-summary{
            font-weight: 400;
            font-size: 16px;
            line-height: 22px;
            color: #FFFFFF;
            text-align: justify;
            overflow-y: hidden;
            height: calc(100% - 90px);
            margin-bottom: 24px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
        }  

        .inner .slide-news .inner-slide-caption .inner-slide-summary span {
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp: 9;
        }

        .btn-grow a {
            padding: 9px 0;
            display: block;
            text-align: center;
        }

    .group-btn {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 -7.5px;
        position: absolute;
        width: calc(100% - 25px);
        bottom: 20px;
        left: 20px;
    }

    .group-btn.small-group-btn {
        margin: 0 -2.5px;
    }

    .group-btn.small-group-btn .btn-grow a {
        padding: 9px 10px;
    }

    .group-btn.small-group-btn .btn-special {
        padding: 0 2.5px;
    }

    .group-btn .btn-special {
        flex-grow: 1;
        padding: 0 7.5px;
    }

    .group-btn .btn-special-col9 {
        padding: 0 2.5px;
    }

.slide-head {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

    .div-news .slide-head h1 {
        margin-bottom: 0;
        padding-right: 20px;
    }

    .slide-head a {
        font-family: 'Mulish Bold', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: var(--text);
        padding-left: 20px;
        border-left: 1px solid var(--title);
    }

    .inner .owl-nav {
        float: right;
    }

    .inner .owl-nav [class*=owl-]:hover {
        background: none;
        color: inherit;
        text-decoration: none;
    }

    .inner .owl-nav [class*=owl-]:focus {
        outline: none;
    }

.inner {
    margin-bottom: 60px;
}

ul.inner {
    margin-bottom: 0;
}

/* .news:last-child .inner {
    margin-bottom: 120px;
} */

/* CSS ô tìm kiesm */

.inner-search {
    width: 60%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px;

}

    .inner-search .search-group {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .inner-search .search-group > span{
            width: 100%;
            height: 100%;
        }

            .inner-search input {
                margin: 0;
                padding-left: 30px !important;
                padding-right: 100px !important;
                color: #808080;
                width: 100%;
                height: 100%;
                max-width: 100%;
                background: #F6FBFF;
                border: 1px solid #DEEAF4;
                border-radius: 60px;
                transition: all ease-in-out 0.5s;
            }

            .inner-search input:focus-visible {
                background: #FFFFFF;
                border: 1px solid #EBEBEB;
                box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);
                border-radius: 60px;
                outline: none;
            }

                .inner-search input::placeholder {
                    font-weight: 500;
                    font-family: 'Mulish', sans-serif;
                    font-size: 16px;
                    line-height: 22px;
                    color: #808080;
                }

            .inner-search .search-group .icon-search {
                position: absolute;
                top: 10px;
                right: 11px;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                background-color: #FF7757;
                display: flex;
                align-items: center;
                justify-content: center;
            }

                .inner-search .search-group .icon-search img {
                    width: 24px;
                    height: 24px;
                }

/* CSS checkbox */

.checkbox-list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.checkbox-list ul li {
    flex: 0 0 50%;
    padding: 0 5px;
}

.label-checkbox {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: var(--text);
}

.graybackground div:last-child li:last-child .label-checkbox {
    margin-bottom: 0;
}

.sidebar-checkbox .checkbox-list input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #D0E0ED;
}

.label-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}

.label-checkbox input:checked ~ .checkmark:after {
    display: block;
}

.label-checkbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: 1px solid #27AE60;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container input:checked ~ .checkmark {
    background-color: #fff;
}

.white-category {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    color: var(--title);
}

.sp-image-container,
.sp-thumbnail-container  {
    border-radius: 20px;
    margin-bottom: 20px;
}

.inner-vacation-information {
    background: #F7F7F7;
    border-radius: 20px;
    margin-top: 14px;
    margin-bottom: -5px;
    padding: 20px;
    position: relative;
    width: 100%;
}

.inner-vacation-information .rating {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.inner-vacation-information .rating .main-rating {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #FFFFFF;
    background-color: #64C7FF;
    width: 100%;
    text-align: center;
    padding: 4px 0;
}

.inner-vacation-information .rating .counted-rating {
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #FFFFFF;
    padding: 6px 40px;
    background-color: #0099EF;
}

.inner-vacation-information ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.inner-vacation-information ul li {
    flex: 0 0 calc(50% - 30px);
    list-style-type: disc;
    font-family: 'Mulish', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--text);
    padding: 0 10px 0 0;
    text-align: left;
    margin-left: 30px;
    padding-bottom: 5px;
}

.sp-grab, .sp-grabbing {
    margin-bottom: 20px;
}

.sp-selected-thumbnail {
    position: relative;
}

.sp-thumbnail-container.sp-selected-thumbnail::before {
    content: '';
    inset: -2px;
    background: transparent;
    border-radius: 23px;
    overflow: hidden;
    border: 7px solid rgba(255,255,255,.4);
    position: absolute;
}

.news-comment {
    border: 1px solid #E8E8E8;
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 20px;
}

    .news-comment .comment-title {
        font-family: 'Mulish Bold', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 26px;
        color: var(--title);
        padding-bottom: 15px;
    }

    .news-comment .voting {
        display: flex;
        align-items: center;
        padding-bottom: 12px;
    }

        .news-comment .voting div{
            padding-right: 12px;
        }

        .news-comment .voting .rating {
            font-family: 'Mulish Bold', sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            line-height: 26px;
            color: var(--text);
        }

        .news-comment .voting .star-vote span {
            font-size: 20px;
        }

            .news-comment .voting .comment-counted{
                font-family: 'Mulish Bold', sans-serif;
                font-style: normal;
                font-weight: 700;
                font-size: 14px;
                line-height: 26px;
                color: #000000;
            }

        .news-comment .comment {
            display: flex;
            align-items: center;
            border-bottom: 1px solid #EEEEEE;
            padding-bottom: 15px;
        }

            .news-comment .comment .avatar-image {
                width: 55px;
                height: 55px;
                border-radius: 50%;
                overflow: hidden;
                margin-right: 10px;
                flex-shrink: 0;
            }

                .news-comment .comment .avatar-image img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }

            .news-comment .comment .customer-voting {
                display: flex;
                flex-direction: column;
            }

                .news-comment .comment .vote-details {
                    display: flex;
                    align-items: center;
                    padding-bottom: 4px;
                }

                .news-comment .comment .vote-details .star-vote{
                    margin-right: 11px;
                }

                    .news-comment .comment .vote-details .star-vote span{
                        font-size: 13px;
                    }

                .news-comment .comment .vote-details .customer-date{
                    font-family: 'Mulish', sans-serif;
                    font-style: normal;
                    font-weight: 400;
                    font-size: 14px;
                    line-height: 26px;
                    color: var(--text);
                }

                .news-comment .comment .customer-voting .customer-comment{
                    font-family: 'Mulish Bold', sans-serif;
                    font-style: normal;
                    font-weight: 700;
                    font-size: 14px;
                    line-height: 26px;
                    color: var(--text);
                }

    .news-comment .pagination {
        float: right;
        padding-top: 10px;
        margin-bottom: 0;
    }

    .news-comment .must-login {
        font-family: 'Mulish', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: var(--text);
        clear: both
    }

        .news-comment .must-login a {
            font-family: 'Mulish Bold', sans-serif;
            font-weight: 700;
            color: var(--title);
        }

    .news-map iframe {
        border-radius: 20px;
        margin-top: 10px;
        margin-bottom: 24px;
    }

    .details-other-main {
        margin-top: 12px;
    }

    .details-other-main ul {
        margin: 0 -12px;
    }

        .details-other-main ul li {
            flex: 0 0 calc(100% / 4);
            padding: 0 12px;
        }

        .details-other-main .sub-other-banner {
            border-radius: 20px;
            overflow: hidden;
            margin-bottom: 12px;
            height: 180px;
        }

            .details-other-main .sub-other-banner img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            

        .details-other-main .sub-other-content {
            font-family: 'Mulish Bold', sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            text-align: center;
            color: var(--text);
        }

.inner .inner-slide-link .inner-slide-price::before {
    content: none
}

.inner-slide-price {
    flex-direction: column;
}

.inner-slide-price div {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
}

.inner-slide-price div > span:first-child{
    display: flex;
    align-self: center;
}

.inner-slide-price div > span:first-child:before {
    content:'';
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-size: contain;
}

        .inner-slide-price .Chiphi::before {
            background: url(../icons/money2.png) no-repeat center;
        }

        .inner-slide-price .Songay::before {
            background: url(../icons/calendar2.png) no-repeat center;
        }

        .inner-slide-price .SoDiaDiem::before {
            background: url(../icons/point.png) no-repeat center;
        }

.inner .inner-slide-link .inner-slide-price {
    font-family: 'Mulish Bold', sans-serif;
    font-weight: 700;
    width: 100%;
}

.search-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-title .inner-search {
    margin: 0;
    margin-bottom: 20px;
}

.info-Tour .inner-vacation-information ul li {
    flex: 0 0 100%
}

.Luhanh-content {
    border: 1px solid #E3E3E3;
    border-radius: 20px;
    display: flex;
    overflow: hidden;
}

    .Luhanh-content .Luhanh-img {
        flex: 0 0 41.66666666666667%;
    }

        .Luhanh-content .Luhanh-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .inner-infoLuhanh-main ul li {
            width: calc(100% / 2);
            padding: 0 15px 30px;
        }

    .Luhanh-info {
        padding: 18px 20px;
        flex-grow: 1;
    }

        .Luhanh-info .Luhanh-Title {
            font-family: 'Mulish Bold', sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 24px;
            color: var(--title-dam);
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp: 1;
        }

        .Luhanh-vote {
            display: flex;
            align-items: center;
            padding-bottom: 6px;
        }

            .Luhanh-vote .star-vote span{
                font-size: 16px;
            }

            .star-vote {
                display: flex;
                align-items: center;
            }

            .Luhanh-vote .Luhanh-count {
                font-family: 'Mulish Bold', sans-serif;
                font-style: normal;
                font-weight: 700;
                font-size: 14px;
                line-height: 26px;
                color: var(--text);
                padding-left: 10px;
            }

            .Luhanh-info .Luhanh-contact {
                display: flex;
                flex-direction: column;
                font-family: 'Mulish', sans-serif;
                font-style: normal;
                font-weight: 400;
                font-size: 14px;
                line-height: 24px;
                color: var(--text);
            }

                /* .Luhanh-info .Luhanh-contact span {
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    overflow: hidden;
                    -webkit-line-clamp: 1;
                } */

                /* .Luhanh-info .Luhanh-contact span.Diachi {
                    -webkit-line-clamp: 2;
                } */

.filter-list .filter-title {
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--title);
    margin-bottom: 7px;
}

.news.inner-news .news-summary {
    -webkit-line-clamp: 3;
}

/*.details-news-main ul li .details-news-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;    
}*/

    .filter-list > div:not(:last-child) {
        padding-bottom: 20px;
    }

    .filter-list .filter-combobox {
        display: flex;
        align-items: center;
        border-bottom: 1px solid #E3E3E3;
    }

    .filter-list .filter-combobox > select {
        width: 100%;
        border: none;
        font-family: 'Mulish Bold', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 40px;
        color: var(--text);
        padding: 7px 0;
    }

        .filter-list .filter-combobox::before {
            content:'';
            display: block;
            width: 18px;
            height: 18px;
            margin-right: 3px;
            background: url(../icons/point.png) no-repeat center;
            background-size: contain;
            flex-shrink: 0;
        }

    .filter-list .filter-combobox option {
        font-family: 'Mulish Bold', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 40px;
        color: var(--text);
    }

    .filter-dropdown {
        position: relative;
        height: 40px;
    }

    .filter-dropdown::after {
        content:'';
        position: absolute;
        right: 20px;
        top: 7px;
        z-index: 10;
        width: 12px;
        height: 12px;
        border: 1px solid #828282;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(-45deg);
        transition: 0.5s;
        pointer-events: none;
    }

    .filter-dropdown::before {
        content:'';
        display: block;
        width: 18px;
        height: 18px;
        margin-right: 3px;
        background: url(../icons/point.png) no-repeat center;
        background-size: contain;
        flex-shrink: 0;
        z-index: 10;
        position: absolute;
        top: 5px;
        left: 0;
    }

    .filter-dropdown.filter-type-list::before {
        content:none;
    }

    .filter-dropdown.active::after {
        transform: rotate(-225deg);
        top: 16px;
    }

    .filter-dropdown input{
        width: 100%;
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        border: none;
        border-bottom: 1px solid #E3E3E3;
        padding: 5px 10px 5px 25px;
        font-family: 'Mulish Bold', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 22px;
        color: var(--text);
    }

    .filter-dropdown input:focus-visible{
        outline: none;
    }

    .filter-dropdown.filter-type-list input{
        padding: 5px 10px 5px 0;
    }

    .filter-dropdown .dropdown-list {
        position: absolute;
        top: 40px;
        width: 100%;
        background: #fff;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
        overflow: hidden;
        display: none;
        font-family: 'Mulish Bold', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 22px;
        color: var(--text);
        z-index: 11;
        max-height: 250px;
        overflow-y: auto;
    }

    .filter-dropdown.active .dropdown-list {
        display: block;
    }

    .filter-dropdown .dropdown-list .droplist-item{
        padding: 10px 15px;
        cursor: pointer;
    }

    .filter-dropdown .dropdown-list .droplist-item:hover{
        background: #ffa8a3;
        color: #fff;
    }

    .filter-datepicker {
        border-bottom: 1px solid #E3E3E3;
        display: flex;
        align-items: center;
    }

        .filter-datepicker input {
            border: none;
            padding-left: 5px;
            font-family: 'Mulish Bold', sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 40px;
            color: var(--text);
        }

        .filter-datepicker input:focus {
            outline: none;
            border: none;
            box-shadow: none;
        }

        .filter-datepicker .form-group {
            margin-bottom: 0;
        }

        .filter-datepicker::before {
            content:'';
            display: block;
            width: 18px;
            height: 18px;
            margin-right: 5px;
            background: url(../icons/calendar.png) no-repeat center;
            background-size: contain;
        }

        .filter-range #price-slider-handles-values,
        .filter-range #day-slider-handles-values {
            font-family: 'Mulish SemiBold', sans-serif;
            font-style: normal;
            font-weight: 600;
            font-size: 14px;
            line-height: 18px;
            color: var(--title);
            padding-bottom: 10px;
        }

        .filter-range .slidecontainer .noUi-horizontal {
            background: #EDEDED;
            border-radius: 40px;
            height: 6px;
            border: none;
        }

        .filter-range .slidecontainer .noUi-handle::before,
        .filter-range .slidecontainer .noUi-handle::after {
            content: none;
        }

        .filter-range .slidecontainer .noUi-handle {
            background: var(--text);
            border: none;
            border-radius: 50%;
            width: 16px;
            height: 16px;
            box-shadow: none;
            right: -10px;
            top: -5px;
        }

        .filter-range .slidecontainer .noUi-connect {
            background: var(--xanh-la);
        }

        #day-slider-handles .noUi-connects > .noUi-connect:last-child {
            background: none;
        }

    .filter-slot .sidebar-event-container {
        padding: 0;
        margin-bottom: 0;
    }

    .filter-slot .sidebar-event-container ul li {
        border-bottom: none;
        margin-bottom: 0;
    }

    .filter-slot .sidebar-event-container ul li:nth-last-child(1) label,
    .filter-slot .sidebar-event-container ul li:nth-last-child(2) label {
        margin-bottom: 0;
    }

    .filter-slot .sidebar-event-container .li-full ul li:nth-last-child(2) label {
        margin-bottom: 12px;
    }

    .company-name h4 {
        font-family: 'Mulish Bold', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 24px;
        color: var(--title-dam);
        margin-bottom: 10px;
    }

    .inner-company-information ul {
        margin: 0 -20px;
    }

    .inner-company-information ul li {
        list-style-type: none;
        padding: 0 20px 5px;
        font-family: 'Mulish', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: var(--text);
    }

    
    .filter-order {
        width: 30%;
        margin: 0 0 22px auto;
    }

    .filter-order .dropdown-list .droplist-item:hover{
        background: #9bdcf9;
        color: #fff;
    }

    .filter-order-list::before {
        background: url(../icons/order.png) no-repeat center;
    }

    .Luhanh-info .Luhanh-contact.info-vacation span {
        display: flex;
        align-items: center;
        padding-bottom: 5px;
    }

    .info-vacation {
        padding-bottom: 13px;
    }

    .info-vacation > span:before {
        content:'';
        display: block;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        background-size: contain;
    }

        .info-vacation .giodi:before {
            background: url(../icons/time3.png) no-repeat center;
        }

        .info-vacation .songay:before {
            background: url(../icons/calendar.png) no-repeat center;
        }

        .info-vacation .socho:before {
            background: url(../icons/user3.png) no-repeat center;
        }

    .Luhanh-price {
        display: flex;
        justify-content: space-between;
    }

    .Luhanh-price .price {
        font-family: 'Mulish Bold', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        color: var(--title);
    }

    .Luhanh-price a {
        padding: 9px 25px;
    }

    .ChiTiet-content-container .nav-tabs {
        border-bottom: none;
        margin-bottom: 20px;
    }

    .ChiTiet-content-container .nav-tabs li {
        border: none;
        background: #EDEDED;
        border-radius: 4px;
        font-family: 'Mulish Bold', sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 16px;
        line-height: 26px;
        display: flex;
        align-items: center;
        text-align: justify;
        color: var(--text);
        margin-right: 2px;
    }

    .ChiTiet-content-container .nav-tabs .nav-link.active {
        background-color: #7FC973;
        color: #fff;
        border-radius: 4px;
    }

    .ChiTiet-content-container .nav-tabs li a {
        padding: 9px 40px;
    }

    .ChiTiet-content-container .news-comment {
        border: none;
        padding: 0;
    }

    .no-option-title {
        margin-bottom: 24px;
    }

    .info-tour-container .info-tour-inner div > span:first-child {
        font-family: 'Mulish Bold', sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        padding-bottom: 2px;
    }

    .info-tour-container .info-tour-inner div {
        display: flex;
        flex-direction: column;
    }

    .info-tour-container .info-tour-inner:not(:last-child) {
        padding-bottom: 16px
    }

    .info-tour-container .info-tour-inner {
        display: flex;
        align-items: center;
    }

    .info-tour-container .info-tour-inner::before {
        display: block;
        content: '';
        width: 30px;
        height: 30px;
        margin-right: 22px;
    }

        .info-tour-container .DiadiemKhoihanh::before {
            background: url(../icons/point2.png) no-repeat center;
            background-size: contain;
        }

        .info-tour-container .ThoigianKhoihanh::before {
            background: url(../icons/timeto.png) no-repeat center;
            background-size: contain;
        }

        .info-tour-container .ThoigianTour::before {
            background: url(../icons/calendarto.png) no-repeat center;
            background-size: contain;
        }

        .info-tour-container .Loailichtrinh::before {
            background: url(../icons/starbanner.png) no-repeat center;
            background-size: contain;
        }

    .tour-rating {
        border: none;
        padding: 0;
        margin-bottom: 0;
    }

    .tour-rating .voting {
        padding-bottom: 25px;
    }

    .tour-rating .tour-status {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .tour-rating .tour-status div {
        display: flex;
        align-items: center;
        font-family: 'Mulish Bold', sans-serif;
        font-weight: 700;
        font-size: 16px;
        line-height: 26px;
    }

    .tour-rating .tour-status div::before {
        display: block;
        content: '';
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

        .tour-rating .tour-status .view-count::before {
            background: url(../icons/viewcount.png) no-repeat center;
            background-size: contain;
        }

        .tour-rating .tour-status .like-count::before {
            background: url(../icons/likecount.png) no-repeat center;
            background-size: contain;
        }

        .tour-rating .tour-status .comment-count::before {
            background: url(../icons/commentcount.png) no-repeat center;
            background-size: contain;
        }

    .white-price {
        font-family: 'Mulish Bold', sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 26px;
        color: var(--title);
    }

    .order-now-info {
        padding: 25px 15px;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 15px;
    }

        .order-now-info .order-now-information {
            display: flex;
            color: white;
            align-items: center;
            justify-content: space-around;
            width: 100%;
            padding-bottom: 21px;
        }

        .order-now-info .order-now-information div {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .order-now-info .order-now-information div::before {
            display: block;
            content: '';
            width: 30px;
            height: 30px;
            margin-bottom: 5px;
        }

            .order-now-info .order-now-information .sochoconnhan::before {
                background: url(../icons/userto.png) no-repeat center;
                background-size: contain;
            }

            .order-now-info .order-now-information .chiphiorder::before {
                background: url(../icons/moneyto.png) no-repeat center;
                background-size: contain;
            }

        .order-now-info .order-now-information div .count {
            font-family: 'Mulish Bold', sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 16px;
            line-height: 20px;
            color: var(--yellow-text);
        }

        .order-now-info .order-now-information div .price {
            font-family: 'Mulish Bold', sans-serif;
            font-style: normal;
            font-weight: 700;
            font-size: 20px;
            line-height: 25px;
            color: var(--yellow-text);
        }

.li-full ul li {
    flex: 0 0 100%;
}

.absolute-btn {
    position: absolute;
    top: calc(50% - 10px);
    right: 2%;
}

.absolute-btn .DatPhong-btn {
    padding: 12px 45px;
}

.main-btn .absolute-btn .DatPhong-btn {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #FFFFFF;
}

.room-explore {
    margin-bottom: 60px;
}

.sub-other-distance {
    display: flex;
    align-items: center;
}    

.sub-other-distance::before {
    display: block;
    content: '';
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background: url(../icons/distance.png) no-repeat center;
    flex-shrink: 0;
}   

.news-nearby {
    border: 1px solid #E8E8E8;
    border-radius: 20px;
    padding: 20px;
}

.news-nearby .ChiTiet-content-container{
    margin-top: 20px;
}

.news-nearby .ChiTiet-content-container .nav-tabs li a {
    padding: 7px 18px;
}

.details-long-list ul {
    flex-wrap: wrap;
    overflow: unset
}

.details-long-list ul li {
    padding-bottom: 10px;
    list-style-type: disc;
    list-style-position: inside;
    font-family: 'Mulish Medium', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #60BE80;
}

.service {
    margin-bottom: 10px;
}

.Chitiet-Tab .red-text {
    font-family: 'Mulish Bold', sans-serif;
    font-weight: 700;
}

.sub-other-distance-details {
    font-weight: 400;
    font-family: 'Mulish', sans-serif;
}

.white-list.no-category ul li .white-link {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.section-HelpDetails .news-title {
    font-family: 'Playfair Display Semi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: var(--title);
    margin-bottom: 30px;
}

.helping-list-details .list-help ul {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -15px;
}

.helping-list-details .list-help ul li {
    flex: 0 0 calc(100% / 4);
    max-width: calc(100% / 4);
    padding: 20px 15px;
}

.helping-list-details .list-help ul li .help-list-details{
    background: #FFFFFF;
    border: 2px solid #EEEEEE;
    border-radius: 10px;
    padding: 30px 0 25px;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.helping-list-details .list-help ul li img{
    width: 150px;
    height: 150px;
}

.help-name {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: var(--text);
    margin-top: 25px;
}


.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 100%;
    margin: 1em auto;
}

.highcharts-figure {
    font-family: 'Roboto', sans-serif;
}

#charts-container {
    height: auto;
}

.highcharts-data-table table {
    font-family: 'Roboto', sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 100%;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #003ECF;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.highcharts-container .highcharts-title {
    font-style: normal;
    line-height: 24px;
}

.highcharts-data-labels .highcharts-label .highcharts-text-outline {
    stroke: none;
    fill: none;
}

.highcharts-figure #check-boxes .check-boxes-container{
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px 0px 6px #DCE1F3;
    border-radius: 10px;
    padding: 10px;
    border: none;
    margin-bottom: 10px;
    width: 300px;
}

.highcharts-figure #check-boxes .check-boxes-container label{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #00123D;
    display: flex;
    align-items: center;
    padding-bottom: 16px;
}

.highcharts-figure #check-boxes .check-boxes-container label:last-child{
    padding-bottom: 0;
}

.highcharts-figure #check-boxes .check-boxes-container input{ 
    width: 18px;
    height: 18px;
    margin-right: 13px;
}

.highcharts-button-normal,
.highcharts-a11y-proxy-button,
.highcharts-credits,
.highcharts-exporting-group {
    display: none !important;
}

.highcharts-figure #check-boxes .iconcheck {
    box-sizing: border-box;
    width: fit-content;
    border: 1px solid #8E9EC8;
    border-radius: 4px; 
}

.highcharts-figure #check-boxes .icon i {
    padding: 10px;
}

.highcharts-figure #check-boxes {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: absolute;
    right: 15px;
    z-index: 10;
}

.highcharts-tooltip text > tspan:first-child {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 24px;
    color: var(--text);
}

.helping-list {
    margin-bottom: 60px;
}

.moving-list-details .nav-tabs {
    display: flex;
    margin: 0 -15px 45px -15px;
    border-bottom: none;
    margin-bottom: 45px;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.moving-list-details .nav-tabs li {
    flex: 0 0 calc(100% / 10);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
}

.moving-list-details .nav-tabs li a {
    padding: 0;
    border: none !important;
}

.moving-list-details .nav-tabs li .move-name{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 40px;
    color: var(--text);
}


.moving-list-details .nav-tabs li .move-list-details .border-round {
    background: #FFFFFF;
    border: 1px solid #EAEAEA;
    border-radius: 50%;
    padding: 29px;
    width: 130px;
    height: 130px;
}

.moving-list-details .nav-tabs li a.active .border-round {
    border: none;
}

.moving-list-details .nav-tabs li a.active.stop-station .border-round,
#stop-station .choose-list-details ul li .border-round {
    background: #E9F7FF;
}
.moving-list-details .nav-tabs li a.active.taxi .border-round,
#taxi .choose-list-details ul li .border-round {
    background: #FFF3D6;
}
.moving-list-details .nav-tabs li a.active.bus-stop .border-round,
#bus-stop .choose-list-details ul li .border-round {
    background: #FFEDD9;
}
.moving-list-details .nav-tabs li a.active.bus-station .border-round,
#bus-station .choose-list-details ul li .border-round {
    background: #E9EBFF;
}
.moving-list-details .nav-tabs li a.active.plane .border-round,
#plane .choose-list-details ul li .border-round {
    background: #E4F9EF;
}
.moving-list-details .nav-tabs li a.active.railway .border-round,
#railway .choose-list-details ul li .border-round {
    background: #FFEDED;
}
.moving-list-details .nav-tabs li a.active.rent-car .border-round,
#rent-car .choose-list-details ul li .border-round {
    background: #E9F3FF;
}
.moving-list-details .nav-tabs li a.active.bus-stopstation .border-round,
#bus-stopstation .choose-list-details ul li .border-round {
    background: #DBF9DE;
}
.moving-list-details .nav-tabs li a.active.moto .border-round,
#moto .choose-list-details ul li .border-round {
    background: #F6F9DA;
}
.moving-list-details .nav-tabs li a.active.parking .border-round,
#parking .choose-list-details ul li .border-round {
    background: #FFE9F6;
}

.choose-list-details {
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    padding: 20px 0 20px 20px;
}

.choose-list-details ul {
    height: 545px;
    overflow-y: auto;
}

.choose-list-details ul li:not(:last-child) {
    padding-bottom: 7px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ECECEC;
}

.choose-list-details ul li {
    padding-right: 20px;
}

.choose-list-details ul li .choose-list-category{
    display: flex;
}

.choose-list-details ul li .border-round {
    width: 80px;
    height: 80px;
    padding: 20px;
    border-radius: 50%;
    margin-right: 30px;
    flex-shrink: 0;
}

.what {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--text);
}

.where, 
.call {
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: var(--text);
    display: flex;
    align-items: center;
}

.where::before, 
.call::before {
    content:'';
    display: block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.where::before {
    background: url(../icons/pointnho.png) no-repeat center;
}

.call::before {
    background: url(../icons/call.png) no-repeat center;
}

#map {
    height: 100%;
}

.move-search {
    width: 100%;
    height: 45px;
}

.search-move .move-search {
    margin-bottom: 5px;
}

.move-search input {
    padding-left: 10px !important;
    padding-right: 60px !important;
    background: #fff;
    border: none;
    border-bottom: 1px solid #E3E3E3;
    border-radius: 0;
}

.move-search input:focus-visible {
    outline: none;
}

.move-search .search-group .icon-search {
    top: 11px;
    width: 20px;
    height: 20px;
    background-color: transparent;
}

.move-search .search-group .icon-search img {
    width: 19px;
    height: 19px;
}

.moving-list-details {
    margin-bottom: 45px;
}

.choose-list-details ul li .border-round.no-padding {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.details-help-title h1{
    font-family: 'Playfair Display Semi', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 40px;
    color: var(--title);
    margin-bottom: 22px;
}

.room-explore .nav-tabs {
    border-bottom: 0;
}

.room-explore .nav-tabs li .nav-link.active{
    border: 0;
    color: var(--title);
    border-bottom: 1.5px solid var(--title);
}

.room-explore .nav-tabs li .nav-link:hover{
    border: none;
    color: var(--title);
    border-bottom: 1.5px solid var(--title);
}

.room-explore .nav-tabs li {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: var(--text);
}

.room-explore .nav-tabs li a {
    padding-bottom: 1px;
    padding-left: 0;
    padding-right: 0;
    margin-right: 50px;
}

.room-explore .nav-tabs li:last-child a {
    margin-right: 0;
}

.room-price-table table {
    width: 100%;
}

.room-price-table table, 
.room-price-table td {
    border: 1px solid #FFE0D9;
}

.room-price-table th {
    border: 1px solid #FBC6BA;
}

.room-price-table table tr:first-child {
    background: #FFE0D9;
}

.room-price-table table tr:first-child th {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: var(--text);
    padding: 7px 10px;
}

.room-price-table table tr.colspan {
    background: #FFF6F3;
}

.room-price-table table tr.colspan td {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: var(--text);
    padding: 13px 10px;
}

.room-price-table table tr .room-info,
.room-price-table table tr .room-service,
.room-price-table table tr .price-room {
    padding: 9px 10px;
}

/*.room-price-table table tr .price-room {
    text-align: center;
}*/

.room-price-table table tr .room-info img {
    width: 60%;
    height: 100%;
    object-fit: cover;
}

.room-price-table table tr .room-info {
    display: flex;
    border: none;
}

.room-price-table table tr .room-info a {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: var(--title-dam);
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.room-price-table table tr .room-info a::after {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    margin-left: 10px;
    background: url(../icons/chevron_right.png) no-repeat center;
}

.room-price-table table tr .room-service ul li {
    line-height: 30px;
}

.room-price-table table tr .price-room {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: var(--title);
    text-align: center;
}

.room-container {
    width: 100%;
}

.room-modal-main .modal-dialog {
    max-width: 100%;
    margin: 0;
}

.room-modal-main .modal-dialog .modal-content {
    height: 100vh;
    border-radius: 0;
    border: none;
}

.room-container .sp-thumbnails-container {
    position: absolute;
    bottom: 0;
    padding: 10px;
    background: rgba(0, 0, 0, 0.5); 
    width: 100% !important;
}

.room-container .slider-pro img.sp-thumbnail {
    margin: 0 !important;
}

.room-modal-main {
    padding: 0 !important;
}

.room-container .sp-thumbnail-container {
    margin-bottom: 0
}

.room-container .sp-grab,
.room-container .sp-grabbing {
    margin: 0
}

.room-container .sp-image-container {
    border-radius: 0;
}

.room-container .btn-digital-library {
    width: 40px;
    height: 40px;
    background: #355F9E;
    border-radius: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-bottom: 20px;
}

.room-container .group {
    position: relative;
    height: 100%;
    z-index: 0;
    display: flex;
}

.room-container .group-icon {
    display: flex;
    flex-direction: column;
    margin-right: 15px;
    margin-top: 15px;
}

.room-container .show-more-info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
}

.room-container .btn-digital-library.active svg path{
    fill: var(--title);
}

.room-container .btn-digital-library svg path {
    fill: #fff;
}

.room-container .room-modal-info {
    background: var(--lightblue-background);
    box-shadow: -4px 0px 6px rgb(0 0 0 / 20%);
    padding: 20px 15px 10px 15px;
    border: none;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.room-container .modal {
    display: none;
    position: relative;
    z-index: 1;
    width: 276px;
    height: 100%;
    overflow: unset;
}

.room-container .room-information-title{
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: var(--yellow-text);
    margin-bottom: 20px;
}

.room-container .room-information > span { 
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--yellow-text);
}

.room-container .room-information ul {
    margin-top: 10px;
    margin-bottom: 20px;
}

.room-container .room-information ul li  { 
    font-family: 'Mulish Medium', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #FFFFFF;
    list-style-type: disc;
    list-style-position: inside;
}

.room-container .close:not(:disabled):not(.disabled) {
    outline: none;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 20px;
    color: #fff
}

.search-content {
    background: #FFFFFF;
    box-shadow: 0px 0px 4px #DAE4FF;
    border-radius: 10px;
    padding: 15px;
    position: absolute;
    top: 60px;
    right: 0;
    width: 400px;
    display: none;
}

.search-header {
    margin-bottom: 10px;
}

.search-header > span:first-child {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: var(--text);
}

.nav-action .search-content .search-header .material-icons-outlined {
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 20px;
}

.search-group #HeaderSearch {
    position: relative;
}

.search-group #HeaderSearch input {
    background: #F4F7FF;
    border: 1px solid #E5EBFD;
    border-radius: 8px;
    padding: 10px 20px;
    width: 100%;
}

.nav-action .search-content .icon-search {
    position: absolute;
    right: 30px;
    bottom: 27px;
}

#search-modal {
    cursor: pointer;
}

.inner-news-option {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 25px;
}

.mdtp__wrapper {
    bottom: 30%;
}

.news-order-main {
    border: 1px solid #E8E8E8;
    border-radius: 20px;
    padding: 30px 20px;
    margin-top: -15px;
}

.news-order-main .order-title {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: var(--title);
    margin-bottom: 12px;
}

.news-order-main .order-details {
    display: flex;
    position: relative;
    justify-content: space-between;
}

.news-order-main .order-details > div:not(:last-child) {
    width: 27%;
    overflow: hidden;
    padding-right: 15px;
}

.news-order-main .order-details > div {
    flex-grow: 1;
}

.news-order-main .order-label {
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    color: var(--text);
}

.news-order-main .order-details input {
    width: 100%;
    height: 36px;
    background: #FFFFFF;
    border: 0;
    border-bottom: 1px solid #E2E8F8;
    padding: 14px 0px;
}

.news-order-main .order-details input:focus {
    outline: none;
}

.news-order-main .order-details .btn-special a,
.confirm-form .main-btn .btn-special a,
.Tour-order-form .main-btn .btn-special a {
    padding: 12px 45px;
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #FFFFFF;
}

.confirm-form .main-btn .btn-special {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
}

.news-order-main .order-details .main-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.news-order-main .order-details .form-group {
    position: relative;
}

.news-order-main .order-details .form-group::after {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
}

.news-order-main .order-details .order-datepicker .form-group::after {
    background: url(../icons/calendarinput.png) no-repeat center;
}

.news-order-main .order-details .order-timepicker .form-group::after {
    background: url(../icons/timeinput.png) no-repeat center;
}

.confirm-form {
    border: 1px solid #E8E8E8;
    border-radius: 20px;
    padding: 20px 55px;
}

.order-information-title,
.person-info-title {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: var(--title);
    margin-bottom: 24px;
}

.order-info-details span,
.order-info-data span {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: var(--text);
}

.order-info-full {
    display: flex;
}

.order-info-details {
    margin-right: 36px;
}

.order-information {
    margin-bottom: 24px;
}

.person-info .order-label {
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: var(--text);
}

.person-info .form-group {
    margin-bottom: 20px;
}

.person-note .order-label {
    margin-bottom: 5px;
}

.person-info input {
    width: 100%;
    height: 36px;
    background: #FFFFFF;
    border: 0;
    border-bottom: 1px solid #E2E8F8;
    padding: 14px 0px;
}

.person-info input:focus {
    outline: none;
}

.person-info .person-note textarea {
    background: #FFFFFF;
    border: 1px solid #E2E8F8;
    height: 130px; 
    width: 100%;
    padding: 16px;
}

.order-captcha {
    display: flex;
    justify-content: space-between;
}

.order-info-details > div:not(:last-child),
.order-info-data > div:not(:last-child) {
    margin-bottom: 10px
}

.order-help {
    display: flex;
    justify-content: center;
}

.order-support {
    width: 410px;
}

.order-support-banner {
    margin-bottom: 40px;
}

.order-support div {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: var(--text);
    margin-bottom: 25px;
}

.order-support div i {
    margin-right: 18px;
}

.confirm-main {
    margin: 0 auto;
    margin-bottom: 65px;
}

.login-name {
    background: rgba(0, 0, 0, 0.6);
    border-radius: 0px 0px 10px 10px;
    padding: 6.5px 10px;
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    color: #FFE600;
}

.login-info .login-name span::after {
    content:'';
    width: 14px;
    height: 14px;
    display: block;
    background: url(../icons/chevron_down.png) no-repeat center;
    margin-left: 10px;
}

.tour-input-data {
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    padding: 20px;
}

.tour-input-title {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: var(--title);
    margin-bottom: 12px;
}

.tour-input {
    display: flex;
}

.tour-input > div {
    width: calc(100% / 3);
}

.tour-input > div:not(:last-child) {
    margin-right: 40px;
}

.tour-label {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 16px;
    color: var(--text);
    padding-bottom: 2px;
}

.tour-input-data .form-group {
    margin-bottom: 30px;
}

.tour-input > div input {
    background: #FFFFFF;
    border: none;
    border-bottom: 1px solid #E2E8F8;
    padding: 8px 0;
    width: 100%;
}

.tour-input > div input:focus {
    outline: none;
}

.tour-input .input-tour-place input {
    padding-left: 22px;
}

.input-tour-place::before {
    top: 8px;
}

.input-tour-place::after {
    right: 10px;
    top: 12px;
}

.tourday-datepicker {
    position: relative;
}

/*.input-tourday .tourday-datepicker .form-group::after {
    background: url(../icons/calendarinput.png) no-repeat center;
}*/

.input-tourday .tourday-datepicker .form-group::after {
    content: '';
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    background: url(../icons/calendarinput.png) no-repeat center;
}

.checkbox-list.li-quarter ul li {
    flex: 0 0 25%;
    padding: 0 10px;
}

.checkbox-list.li-quarter ul {
    margin: 0 -10px;
}

.tour-input-hobby-list .label-checkbox {
    padding-left: 30px;
    margin-bottom: 20px;
}

.tour-input-hobby-list li:nth-last-child(1) .label-checkbox,
.tour-input-hobby-list li:nth-last-child(2) .label-checkbox,
.tour-input-hobby-list li:nth-last-child(3) .label-checkbox,
.tour-input-hobby-list li:nth-last-child(4) .label-checkbox {
    margin-bottom: 0;
}

.tour-input-notes {
    background: #FFF6E9;
    border: 1px solid #F2E3CE;
    border-radius: 10px;
    margin: 15px 0;
    padding: 15px;
    display: flex;
}

.tour-input-notes .ghichu {
    margin-right: 20px;
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--title);
}

.tour-input-notes .notes {
    font-family: 'Mulish Medium', sans-serif;
    font-style: italic;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #AB7730;
}

.tour-input-notes .notes p {
    margin-bottom: 6px;
}

.tour-input-notes .notes p:last-child {
    margin-bottom: 0;
}

.tour-item-timeline-header {
    background: #FFE0D9;
    border: 1px solid #FBC6BA;
    border-radius: 10px;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: -65px;
    margin-bottom: 20px;
}

.tour-item-timeline-header .place-tour-day {
    background: #F2726A;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.tour-item-timeline-header .place-tour-day i {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.tour-item-timeline-title {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: var(--text);
}

.tour-item-timeline-icon {
    margin-right: 15px;
}

.tour-item-edit {
    padding: 10px 25px 0px 25px;
    padding-right: 0px;
    margin-left: 37.5px;
    border-left: 2px solid #eee;
    padding-bottom: 20px;
}

.tour-item-edit.tour-item-edit-header {
    padding-top: 0;
}

.tour-item-timeline-body {
    position: relative;
}

.tour-item-timeline-body ul li {
    background: #FFFFFF;
    mix-blend-mode: normal;
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: 64px;
    position: relative;
    margin-bottom: 36px;
}

.tour-item-timeline-body ul li:last-child {
    margin-bottom: 0;
}

.calculater-route-info {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: -30px;
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    color: var(--title);
}

.calculater-route-info .material-icons-outlined {
    margin-right: 5px;
}

.calculater-route-info.none-data {
    display: none;
}

.tour-route-distance,
.tour-route-time-cost {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tour-route-distance {
    margin-right: 65px;
}

.place-tour-action {
    position: absolute;
    right: -50px;
    top: calc(50% - 12px);
    color: var(--white);
    background: #F2726A;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.place-tour-action span {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.tour-item-timeline-body .place-tour-img {
    width: 12.87642782969886%;
    border-radius: 10px;
    overflow: hidden;
    margin-right: 16px;
    display: flex;
    align-items: flex-start;
}

.tour-item-timeline-body .place-tour-img img {
    width: 100%;
    object-fit: contain;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.tour-item-timeline-body>ul>li:before {
    left: -33px;
    content: ' ';
    top: calc(50% - 6px);
    position: absolute;
    border-radius: 100px!important;
    border: 6px solid var(--xanh-la);
    box-shadow: 0px 0px 0px 6px #fff;
}

.place-tour-info {
    flex-grow: 1;
}

.history-inner-details .place-tour-info {
    margin: auto 0;
}

.place-tour-info .place-tour-name {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: var(--text);
    margin-bottom: 5px;
}

.history-inner-details .place-tour-info .place-tour-name {
    margin-bottom: 10px;
}

.input-dropdown input {
    font-family: 'Mulish', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: var(--text);
}

.place-tour-info .place-tour-address,
.place-tour-info .place-tour-info-time {
    font-family: 'Mulish Medium', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text);
    }

.place-tour-info .place-tour-info-time {
    display: flex;
    flex-wrap: wrap;
}

.place-tour-settime {
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
}

.place-tour-settime input {
    background: var(--xanh-la);
    border-radius: 4px;
    border: none;
    width: 80px;
    cursor: pointer;
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
    display: flex;
    align-items: center;
    text-align: justify;
    color: #FFFFFF;
    padding: 2px 6px 2px 31px;
}

.place-tour-settime::before {
    content:'';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../icons/whiteclock.png) no-repeat center;
    position: absolute;
    top: calc(50% - 8px);
    left: 10px;
}

.place-tour-address,
.place-tour-info-time .place-tour-open {
    margin-bottom: 5px;
}

.history-inner-details .place-tour-address,
.history-inner-details .place-tour-info-time .place-tour-open {
    margin-bottom: 10px;
}

.place-tour-info-time .place-tour-open {
    display: flex;
}

.place-tour-info-time .place-tour-open .open-time {
    margin-right: 20px;
}

.place-tour-address span, 
.place-tour-info-time span {
    display: flex;
    align-items: center;
}

.place-tour-address span::before {
    content:'';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../icons/pointnho.png) no-repeat center;
    margin-right: 5px;
}

.place-tour-info-time span::before {
    content:'';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../icons/clocknho.png) no-repeat center;
    margin-right: 5px;
}

.place-tour-settime input:focus {
    outline: none;
}

.btn-addDayTour {
    background: #F2726A;
    border-radius: 4px;
    border: none;
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
    padding: 13px 20px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    cursor: pointer;
}

.btn-addDayTour:focus {
    outline: none;
}

.main-mytour-detail {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
}

.main-mytour-detail .btn-mytour.btn-green a {
    background: #71CD90;
}

.main-mytour-detail .btn-mytour a {
    padding: 12.5px 120px;
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #FFFFFF;
}

.news-nearby.mytour-choice-place {
    border: none;
    padding: 0;
} 

.mytour-choice-place .ChiTiet-content-container {
    margin-top: 0;
}

.mytour-choice-item {
    background: #FFFFFF;
    mix-blend-mode: normal;
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 7px;
}

.mytour-choice-item .sub-other {
    display: flex;
    flex-grow: 1;
}

.mytour-choice-item .sub-other .sub-other-banner {
    width: 23.39622641509434%;
    border-radius: 10px;
    margin-right: 16px;
    margin-bottom: 0;
    flex-shrink: 0;
}

.mytour-choice-item .sub-other .sub-other-content .sub-other-title {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: var(--text);
    margin-bottom: 5px;
}

.mytour-choice-item .sub-other .sub-other-content .sub-other-address {
    font-family: 'Mulish Medium', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text);
    display: flex;
    align-items: center
}

.mytour-choice-item .sub-other .sub-other-content .sub-other-address::before {
    content:'';
    display: block;
    width: 14px;
    height: 14px;
    background: url(../icons/pointnho.png) no-repeat center;
    margin-right: 7px;
    flex-shrink: 0;
}

.mytour-choice-place .details-other-main {
    margin-bottom: 60px;
    overflow-x: auto;
    height: 830px;
}

.mytour-search {
    margin-bottom: 10px;
}

.mytour-search input {
    background: #F8F8F8;
    border: 1px solid #EBEBEB;
    border-radius: 10px;
    padding: 13px 60px 13px 20px !important;
    font-family: 'Mulish Medium', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #808080;
}

.mytour-choice-place .ChiTiet-content-container .nav-tabs {
    flex-wrap: nowrap;
    border-bottom: none;
    margin-bottom: 15px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 5px;
    justify-content: space-between;
}

.mytour-choice-place .ChiTiet-content-container .nav-tabs li a {
    white-space: nowrap;
}

.user-avatar a {
    border: 1px solid #FFFFFF;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.user-expand-more .material-icons-outlined {
    color: white;
    cursor: pointer;
}

.user-avatar img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.user-action {
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 15px 20px;
    position: absolute;
    white-space: nowrap;
    right: 0;
    top: 60px;
    width: 200px;
    display: none;
}

.user-action ul li {
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: var(--text);
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.user-action ul li img {
    margin-right: 10px;
}

.user-action ul li.logout {
    padding-top: 5px;
    border-top: 1px solid #EAEAEA;
    margin-bottom: 0;
    color: var(--title)
}

.account-details {
    border: 1px solid #E8E8E8;
    border-radius: 20px;
    padding: 20px 40px;
}

.personal-info .info-title {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: var(--title);
    margin-bottom: 25px;
}

.personal-info .info-details {
    display: flex;
}

.personal-info .info-details .avatar {
    position: relative;
    margin-right: 100px;
    flex-shrink: 0;
    width: 150px;
    height: 150px;
}

.personal-info .info-details .avatar > img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
}

.personal-info .info-details .avatar .avatar-change {
    left: calc(50% - 18px);
    position: absolute;
    background: #33396D;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -15px;
    cursor: pointer;
}

.personal-info .info-details .avatar .avatar-change img {
    width: 18px;
    height: 100%;
}

.personal-info .user-info-action {
    display: flex;
    flex-wrap: wrap;
}

.personal-info .user-info-action .user-thing li {
    font-family: 'Mulish', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--text);
    padding-bottom: 30px;
}   

.personal-info .user-info-action .user-thing {
    margin-right: 40px;
}

.personal-info .user-info-action .user-name li {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: var(--text);
    padding-bottom: 30px;
}   

.personal-info .user-info-action .user-function {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    margin-top: 10px;
    margin-bottom: 20px;
}

.main-btn .btn-account .account-details {
    padding: 10px 30px;
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: var(--white);
}

.personal-info .user-info-action .user-function > div:not(:last-child) {
    margin-right: 10px
}

.personal-info .user-info-action .user-function > div {
    cursor: pointer;
}

.div-account {
    min-height: calc(100vh - 395px);
    margin-bottom: 30px;
}

.modal-form > div input {
    background: #FFFFFF;
    border: none;
    border-bottom: 1px solid #E2E8F8;
    padding-bottom: 8px;
    padding-top: 4px;
    width: 100%;
}

.modal-form > div input:focus {
    outline: none;
}

.modal-form > div {
    margin-bottom: 20px;
} 

.modal-form .modal-label {
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    color: var(--text);
}

.modal-title {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: var(--title);
    margin-bottom: 30px;
}

.modal-edit-info .modal-body {
    padding: 30px 30px 0 30px;
}

.modal-edit-info {
    border-radius: 10px;
    border: none;
    width: 800px;
}

.modal-edit-info .modal-footer {
    border-top: none;
    padding: 30px;
}

@media (min-width: 1366px) {
    .modal-dialog {
        max-width: 800px;
    }
}

.div-history .history-main ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.div-history .history-main ul li {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
    padding: 0 15px 30px;
}

.div-history .history-main ul li .history-tour-details {
    border: 1px solid #E2E2E2;
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
}

.history-tour-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.div-history .history-main ul li .history-tour-info {
    padding: 20px;
}

.history-tour-info .history-tour-title {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: var(--text);
}

.history-tour-info .history-tour-address {
    margin-top: 10px;
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--text);
}

.history-tour-info .history-tour-address div {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
}

.history-tour-info .history-tour-address div:last-child {
    padding-bottom: 0;
}

.history-tour-info .history-tour-address div > span:first-child::before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background-size: contain;
}

.history-tour-info .history-tour-address div > span:first-child {
    display: flex;
    align-items: center;
}

.history-tour-info .history-tour-address .Chiphi::before {
    background: url(../icons/money3.png) no-repeat center;
}
.history-tour-info .history-tour-address .Songay::before {
    background: url(../icons/calendar4.png) no-repeat center;
}
.history-tour-info .history-tour-address .SoDiaDiem::before {
    background: url(../icons/pointnho.png) no-repeat center;
}

.div-history {
    min-height: calc(100vh - 395px);
}

.advice .advice-list ul li {
    display: flex;
    align-items: center;
    padding-bottom: 0;
}

.advice .advice-list ul li .advice-icon {
    margin-right: 22px;
    flex-shrink: 0;
}

.advice .advice-list ul li .advice-icon img {
    width: 30px;
    height: 30px;
} 

.advice .advice-list ul li .advice-details {
    display: flex;
    flex-direction: column;
}

.needhelp .needhelp-list .needhelp-details {
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: var(--text);
    overflow-wrap: anywhere;
}

.needhelp .needhelp-list ul li {
    display: flex;
    align-items: center;
    padding-bottom: 0;
}

.needhelp .needhelp-list ul li .needhelp-icon {
    margin-right: 22px;
    flex-shrink: 0;
}

.history-header {
    border: 1px solid #E8E8E8;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 30px;
}

.history-header .history-tour-inner-title {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: var(--title);
    margin-bottom: 20px;
}

.history-header .history-tour-inner-info {
    display: flex;
}

.history-header .history-tour-inner-info .history-tour-inner-image {
    width: 41.46341463414634%;
    margin-right: 30px;
}

.history-header .history-tour-inner-info .history-tour-inner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.history-header .history-tour-inner-info .history-tour-inner-details {
    display: flex;
    flex-grow: 1;
}

.history-tour-inner-details .history-tour-thing {
    margin-right: 100px;
}

.history-tour-inner-details ul li:not(:last-child) {
    padding-bottom: 30px;
    font-family: 'Mulish', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: var(--text);
}

.history-tour-inner-details .history-tour-name ul li {
    font-family: 'Mulish Bold', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.history-tour-inner-details .history-tour-name ul li.comment::after {
    content:'';
    width: 18px;
    height: 18px;
    display: block;
    margin-left: 5px;
    background: url(../icons/commentmini.png) no-repeat center;
}

.history-tour-inner-details .history-tour-name ul li.rating::after {
    content:'';
    width: 18px;
    height: 18px;
    display: block;
    margin-left: 5px;
    background: url(../icons/ratingmini.png) no-repeat center;
}

.tour-item-timeline-header .watch-tour-day {
    background: none;
    border-radius: 0;
    width: unset;
    height: unset;
    display: flex;
    align-items: center;
}

.tour-item-timeline-header .watch-tour-day img {
    margin-right: 10px;
}

.tour-item-timeline-header .watch-tour-day span {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: var(--text);
}

.watch-tour-body ul li {
    margin-right: 0;
}

.maptest {
    margin-left: -65px;
    margin-bottom: 40px;
}

.watch-tour-settime {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 25px;
}

.watch-tour-settime span {
    display: flex;
    align-items: center;
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #68BC5B;
}

.watch-tour-settime span::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(../icons/clockgreen.png) no-repeat center;
    margin-right: 10px;
}

.comment-button .comment-button-submit {
    background: #FFB24A;
    border-radius: 4px;
    border: none;
    padding: 4px 14px;
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    color: #FFFFFF;
    cursor: pointer;
}

.comment-button .comment-button-submit:focus {
    outline: none;
}

.customer-comment-input {
    width: 100%;
}

.customer-comment-input textarea {
    width: 100%;
    padding: 16px;
    background: #FFFFFF;
    border: 1px solid #E2E8F8;
    border-radius: 4px;
}

.customer-comment-input textarea:focus {
    outline: none;
}

.confirm-comment {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-btn .btn-special .comment-details {
    padding: 12px 26px;
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #FFFFFF;
}

.history-inner-details {
    margin-bottom: 70px;
}

.tour-mini .tour-mini-head .tour-mini-title {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #FFFFFF;
}

.tour-mini .tour-mini-head {
    margin-bottom: 15px;
}

.tour-mini .tour-mini-container {
    padding: 15px;
}

.tour-mini .tour-mini-container .tour-mini-list div {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.tour-mini-container .tour-mini-list span:first-child {
    display: flex;
    align-items: center;
}

.tour-mini-container .tour-mini-list .Tour-mini-day span:first-child::before {
    content:'';
    width: 18px;
    height: 18px;
    display: block;
    margin-right: 10px;
    background: url(../icons/calendar-white.png) no-repeat center;
}

.tour-mini-container .tour-mini-list .Tour-mini-comment span:first-child::before {
    content:'';
    width: 18px;
    height: 18px;
    display: block;
    margin-right: 10px;
    background: url(../icons/comment-yellow.png) no-repeat center;
}

.main-tour-mini-detail .btn-tour-mini a {
    display: flex;
    align-items: center;
}

.main-tour-mini-detail .btn-tour-mini i {
    margin-right: 10px;
    z-index: 2;
}

.main-tour-mini-detail:not(:last-child) {
    margin-bottom: 15px;
}

.modal-for-app .app-download {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 15px -10px 0;
}

.modal-for-app .app-download a {
    padding: 0 10px;
}

.modal-for-app .applink {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-for-app .applink span {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: var(--title);
}

.modal-for-app .app-remind {
    font-family: 'Mulish', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--text);
}

.modal-for-app .modal-content {
    background: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 20px;
    padding: 4px;
}

.modal-for-app .app-notes{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.modal-for-app .close:not(:disabled):not(.disabled) {
    right: 15px;
    top: 15px;
}

.modal-for-delete .modal-body {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.modal-for-delete .modal-warning {
    margin-bottom: 16px;
}

.modal-for-delete .modal-warning-details {
    font-family: 'Mulish Medium', sans-serif;
    font-weight: 500;
    margin-bottom: 30px;
}

.modal-for-delete .modal-footer {
    border: none;
    align-items: center;
    justify-content: center;
}

.modal-for-delete .modal-content {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 20px 0px;
}

.modal-for-delete {
    max-width: 600px;
}

.modal-for-delete .main-btn .btn-delete .delete-details {
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--white);
    padding: 12px 43px;
}

.mc-picker {
    background-color: var(--white);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.mc-calendar {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
}

.search-group #HeaderSearch input:focus {
    outline: none;
}

#loginrequired .modal-footer {
    border: 0;
    margin-bottom: 5px;
}

#loginrequired .modal-body span {
    font-size: 18px;
    font-weight: 600;
    font-family: 'Mulish SemiBold', sans-serif;
}

#loginrequired .modal-content {
    border-radius: 10px;
    padding: 10px;
}

.bluebackground .sub-event-container .sub-event .sub-event-content .sub-event-date {
    color: var(--yellow-text);
}

.bluebackground .sub-event-container .sub-event .sub-event-content .sub-event-date::before {
    background: url(../icons/calendar-yellow.png) no-repeat center;
}

/***********BỔ SUNG CSS*********/

.inner-search.main-page {
    width: 100%;
}

.inner-search .filterSearch {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 100%;
    gap: 10px;
    width: 70%;
}

.inner-search .filtercol9 {
    width: 100%;
}

.inner-search .filterSearch .search-filter {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

select.blue-selectbox {
    padding: 16px 20px;
    border-radius: 60px;
    border: none;
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    background: #4BB7F4;
    outline: none;
}

select.green-selectbox {
    padding: 16px 20px;
    border-radius: 60px;
    border: none;
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    background: #71CD90;
    outline: none;
}

.blue-selectbox ~ .select2-container--default .select2-selection--single {
    padding: 16px 20px;
    border-radius: 60px;
    border: none;
    height: auto;
    background: #4BB7F4;
}

.green-selectbox ~ .select2-container--default .select2-selection--single {
    padding: 16px 20px;
    border-radius: 60px;
    border: none;
    height: auto;
    background: #71CD90;
}

.search-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    outline: none;
    padding: 0;
}

.search-filter .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-radius: 60px;
}

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

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: calc(50% + 5px);
    transform: translateY(-50%);
    width: auto;
    height: auto;
    right: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow::after {
    content: 'expand_more';
    font-family: 'Material Symbols Rounded', sans-serif;
    font-size: 30px;
    color: white;
    font-weight: 200;
}

.select2-container--open .select2-dropdown--below {
    border: none;
    background: #fff;
    box-shadow: 0 10px 10px rgb(0 0 0 / 5%);
}

.select2-container--default .select2-results__option {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: var(--text);
    padding: 10px 15px;
}

.Tour-order-form .all-in-form {
    border: 1px solid #E8E8E8;
    border-radius: 20px;
    padding: 20px;
    height: 100%;
}

.Tour-order-form .order-information-title {
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 26px;
}

.Tour-order-form .order-info-full {
    flex-direction: column;
}

.Tour-order-form .order-info-full .order-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.Tour-order-form .order-information {
    margin-bottom: 10px;
}

.Tour-order-form .order-information .order-place {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #CC5952;
    margin: 10px 0 9px;
}

.Tour-order-form .order-information .order-option {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 6px;
}

.Tour-order-form .order-information .order-option > div {
    flex: 0 0 calc(100% / 2 - 10px);
}

.Tour-order-form .order-information .order-option > div > span {
    font-family: 'Mulish', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #33396D; 
    display: flex;
    align-items: center;
}

.Tour-order-form .order-information .order-option > div > span::before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.Tour-order-form .order-information .order-option > .tour-start > span::before {
    background-image: url(../icons/calendar.png);
}
.Tour-order-form .order-information .order-option > .slot-remain > span::before {
    background-image: url(../icons/tickxanh.png);
}
.Tour-order-form .order-information .order-option > .tour-start-place > span::before {
    background-image: url(../icons/point.png);
}
.Tour-order-form .order-information .order-option > .tour-price > span::before {
    background-image: url(../icons/money4.png);
}

.Tour-order-form .order-information .order-option > div span.value {
    font-family: 'Mulish Bold', sans-serif;
    font-weight: 700;
}

.Tour-order-form .person-info .form-group {
    margin-bottom: 30px;
}

.person-info .select2-selection {
    width: 100%;
    height: 36px;
    background: #FFFFFF;
    border: 0;
    border-bottom: 1px solid #E2E8F8;
    padding: 0;
    outline: none;
}

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

.person-info .select2-container--default .select2-selection--single .select2-selection__arrow::after {
    color: #6D7692;
}

.person-info .select2-selection .select2-selection__rendered {
    line-height: 36px;
    padding: 0;
}

.all-in-form .main-btn {
    display: flex;
    gap: 10px;
    flex-direction: row;
    align-items: center;
}

.order-notice {
    border-radius: 10px;
    padding: 15px;
    overflow: hidden;
    margin-bottom: 10px;
    font-family: 'Mulish', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    /* identical to box height, or 120% */
    text-align: center;
    color: #FFFFFF;
}

.order-online {
    background: #7CCBEE;
}

.order-now {
    background: #F2726A;
}

.order-map {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.order-map span {
    position: absolute;
    bottom: 0;
    background: #68BC5B;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    font-family: 'Mulish', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #FFFFFF;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-map span::before {
    content: '';
    width: 40px;
    height: 40px;
    display: block;
    margin-right: 15px;
    background: url(../images/expandmore.png) no-repeat center;
}

#modalXacNhan .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#modalXacNhan .modal-body .modal-title {
    margin-bottom: 20px;
}

#modalXacNhan .modal-body .modal-form .confirm-code {
    text-align: center;
    font-family: 'Mulish', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #33396D;
}

#modalXacNhan .modal-body .modal-form .code-name {
    color: #FF847C
}

#modalXacNhan .modal-body .modal-form .caution {
    background: #FFEED7;
    border-radius: 10px;
    padding: 10px 20px;
    overflow: hidden;
    font-family: 'Mulish', sans-serif;
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    text-align: justify;
    color: #A25D00;
}

#modalXacNhan .modal-body .modal-form .caution span span {
    font-weight: 700;
    text-decoration-line: underline;
}

#modalXacNhan .modal-body .modal-form .thanks {
    font-family: 'Mulish', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #33396D;
}

#modalXacNhan .modal-footer {
    width: 100%;
    display: flex;
    justify-content: center;
}

#modalXacNhan .modal-footer > div {
    flex-grow: 1;
    width: 100%;
}

#modalXacNhan .modal-footer > div a {
    display: block;
    width: 100%;
    text-align: center;
}

.PhongTrong-btn {
    font-family: 'Mulish', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 20px;
    color: #FFFFFF;
    padding: 12px !important;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.empty-room {
    font-family: 'Mulish', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #FF847C;
    margin-top: 10px;
    display: block;
}

.result-title {
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #33396D;
    display: block;
    margin-bottom: 20px;
}

.result-search {
    margin-bottom: 40px;
}

.result-search ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.result-search ul li:not(:last-child) {
    padding-bottom: 20px;
    border-bottom: 1px solid #E8E8E8;
}

.result-search ul li .img-result {
    border-radius: 10px;
    overflow: hidden;
}

.result-search ul li .img-result img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.result-search ul li .title-result {
    font-family: 'Mulish', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #FF847C;
    margin-bottom: 15px;
    display: block;
}

.result-search ul li .content-result {
    font-family: 'Mulish', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #33396D;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
}

.order-prize {
    padding: 15px 15px 30px;
    background: #009AF1;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin-bottom: 15px;
}

.order-prize span {
    font-family: 'Mulish SemiBold', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    color: #FFFFFF;
}

.order-prize .prize {
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 24px;
    color: #FFFFFF;
}
.news-order-main .order-details .btn-special button,
.confirm-form .main-btn .btn-special button {
    padding: 12px 45px;
    font-family: 'Mulish Bold', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #FFFFFF;
    background: var(--red-button);
    box-sizing: border-box;
    transition: 0.5s;
    border-radius: 999px;
    border: none;
}