.tg_destination {
    box-shadow: 0 4px 30px 0 #7C006F1F;
}
.tg_destination {
    background-color: #ffffff;
    /*padding-top: 48px;*/
    font-family: "Montserrat";
}
/*! Swiper ---------------------------------------------------------------------------------- */
.tg_destination .swiper {
    width: 100%;
    height: calc(100% + 500px);
}
.tg_destination .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    border-radius: 24px;
    padding-bottom: 40px;
}
.tg_destination .swiper-slide .slide-card {
    width: 100%;
    cursor: pointer;
}
.tg_destination .swiper-slide .slide-card_img {
    display: block;
    width: 100%;
    aspect-ratio: 211/300;
    object-fit: cover;
    border-radius: 24px;
}
.tg_destination .swiper-1 .slide-card_content {
    line-height: 19.6px;
    font-size: 14px;
    font-weight: 400;
}
.tg_destination .swiper-slide .slide-card_card .img-container {
    height: 252px;
    width: 100%;
    position: relative;
}
.tg_destination .swiper-slide .slide-card_card .slide-card_card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.tg_destination .swiper-slide .slide-card_card {
    width: 100%;
    box-shadow: 0 4px 30px 0 rgba(124, 0, 111, 0.12);
    border-radius: 24px;
    background-color: #fff;
    cursor: pointer;
}
.tg_destination .swiper-slide .slide-card_card a {
    color: #231F20;
}
.tg_destination .swiper-slide .slide-card_card .slide-card_card-desc {
    padding: 20px 24px;
    text-align: left;
    height: 94px;
}
.tg_destination .swiper-slide .slide-card_card .slide-card_card-desc .slide-card_card-desc_title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22.4px;
    margin-bottom: 8px;
}
.tg_destination .swiper-slide .slide-card_card .slide-card_card-desc .slide-card_card-desc_description {
    font-size: 12px;
    font-weight: 500;
    line-height: 19.2px;
    margin-bottom: 8px;
    height: 40px;
}
.tg_destination .swiper-slide .slide-card_card .card-desc_vocher{
    padding: 20px 24px 10px 24px;
    text-align: left;
    height: 80px;
}
.tg_destination .swiper-slide .slide-card_card .card-desc_vocher .slide-card_card-desc_title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22.4px;
    margin-bottom: 8px;
}
.tg_destination .swiper-slide .slide-card_card .card-desc_vocher .slide-card_card-desc_description {
    font-size: 12px;
    font-weight: 500;
    line-height: 19.2px;
    margin-bottom: 8px;
    height: 40px;
}
.tg_destination .slide-card_card-desc_button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 25.2px;
    color: #dc502c;
    cursor: pointer;
}
.tg_destination .swiper-slide .slide-card_img {
    margin-bottom: 24px;
}
.tg_destination .swiper-slide .slide-card_content_title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24.38px;
    margin-bottom: 10px;
    color: #231F20;
}
.tg_destination .swiper-slide .slide-card-add-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}
.tg_destination .swiper-slide .slide-card_content_add {
    text-align: left;
    margin-left: 2px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #808285;
}
.tg_destination .experience_event .swiper-slide .slide-card_content_description {
    -webkit-line-clamp: 3;
    line-clamp: 3;
}
.tg_destination .swiper-slide .slide-card_content_description {
    font-size: 14px;
    line-height: 19.6px;
    color: #231F20;
}
.tg_destination .swiper .swiper-pagination-bullet-active {
    background-color: #f05b24;
}
.tg_destination .swiper-slide.experience-slide .slide-card_content_title,
.tg_destination .swiper-slide.experience-slide .slide-card_content_description {
    color: #231F20 !important;
}
.discovery-block .swiper .card_discovery-img img{
    width: 300px;
    height: 300px;
    border-radius: 50%;
    object-fit: cover;
}
.discovery-block .swiper-wrapper .swiper-slide{
    display: flex;
    flex-direction: column;
    align-items: center;
}
/*! Common ---------------------------------------------------------------------------------- */
.mh-49{
    min-height: 49px;
}
.tg_destination p {
    margin-bottom: 0;
}
.tg_destination .txt-ellipsis {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.tg_destination .txt-ellipsis-1r {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.tg_destination .txt-ellipsis-2r {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tg_destination .title {
    color: #dc502c;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 39px;
    padding-bottom: 32px;

    line-height: 1.4;
    background: #ffe436;
    color: #111;
    padding: 7px 16px;
    border-radius: 10px;
    box-shadow: 0 2px 8px 0 rgba(117, 85, 0, 0.15);
    display: inline-block;
    margin: 0 auto 32px auto;
}
.tg_destination .title-slide {
    color: #dc502c;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 39px;
    padding-bottom: 40px;
}
.tg_destination .cloud-down-trip {
    position: absolute;
    bottom: -75px;
    left: -70px;
}
.tg_destination .address-having,
.tg_destination .experience,
.tg_destination .trip,
.tg_destination .voucher {
    margin-bottom: 48px;
}
.tg_destination .address-having {
    margin-bottom: 30px;
}
.island-map-inner {
    margin: 0;
}
.island-map-inner .view-detail-btn {
    width: 100%;
    position: absolute;
    bottom: 47px;
    z-index: 10;
    display: flex;
    justify-content: center;
}
.island-map-inner .island-map_img {
    position: relative;
}
.island-map-inner .island-map_img::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    min-height: 168px;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
    border-radius: 80px;
}
.island-map-inner .map-link:hover{
    border-color: #DC502C !important;
    background: #FFF;
    color: #DC502C !important;
    padding: 7px 18px !important;
    line-height: 25.2px !important;
}
.island-map-inner .view-detail-btn .direction-guide-icon {
    margin-right: 7px;
}
.map-link:hover .direction-guide-icon {
    filter: brightness(0) saturate(100%) invert(33%) sepia(81%) saturate(7480%) hue-rotate(358deg) brightness(93%) contrast(94%);
}
.island-map-inner .view-detail-btn .map-link {
    width: auto;
    min-height: 42px;
    padding: 10px 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    transition: color 0.3s ease;
    border: 1px solid #FFF;
    border-radius: 999px;
}
/*.tg_destination .address-having_slide,*/
/*.tg_destination .experience_slide,*/
/*.tg_destination .trip_card-list,*/
/*.tg_destination .voucher_slide,*/
/*! Trip ---------------------------------------------------------------------------------- */
.tg_destination .trip {
    position: relative;
}
.tg_destination .trip .trip_card-item {
    width: 32%;
    box-shadow: 0 4px 30px 0 rgba(124, 0, 111, 0.12);
    border-radius: 24px;
    background-color: #fff;
    position: relative;
    z-index: 2;
    cursor: pointer;
}
.tg_destination .trip_card-item .trip_card-item-img {
    width: 100%;
    aspect-ratio: 12/7;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.tg_destination .trip_card-item .trip-card_card-desc {
    padding: 20px 24px;
}
.tg_destination .trip_card-item .trip-card_card-desc .trip-card_card-desc_title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22.4px;
    margin-bottom: 8px;
}
.tg_destination .trip_card-item .trip-card_card-desc .trip-card_card-desc_description {
    font-size: 12px;
    font-weight: 500;
    line-height: 19.2px;
    margin-bottom: 8px;
}
.tg_destination .trip_card-item .trip-card_card-desc .trip-card_card-desc_button {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 25.2px;
    color: #dc502c;
    cursor: pointer;
}
.tg_destination .trip_card-item .trip-card_card-desc .trip-card_card-desc_button a {
    color: #dc502c;
}
.tg_destination .trip_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.tg_destination .trip_card-list {
    display: flex;
    gap: 0 2%;
}
.tg_destination .trip_card-list.container::before {
    content: unset;
}
.tg_destination .trip_card-list.container::after {
    content: unset;
}
.tg_destination .trip_card-list .trip_card-list_item {
    width: 30%;
}
/*! Island map ---------------------------------------------------------------------------------- */
.tg_destination .island-map {
    position: relative;
    margin-bottom: 48px;
    text-align: center;
}
.tg_destination .island-map_img img {
    width: 100%;
    border-radius: 80px;
}
.tg_destination .cloud-up {
    position: absolute;
    top: -115px;
    right: -70px;
}
.tg_destination .cloud-down {
    position: absolute;
    bottom: -125px;
    left: -70px;
}
/*! Download section ---------------------------------------------------------------------------------- */
.tg_destination .download-section {
    background: url("../images/download-bg.png") no-repeat center center / cover;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 0 48px;
}
.tg_destination .download-section .download-info .download-info_title {
    font-size: 48px;
    font-weight: 700;
    line-height: 67.2px;
    color: #dc502c;
}
.tg_destination .download-section .download-info .download-info_description {
    font-size: 16px;
    line-height: 22.4px;
    color: #808285;
    margin: 24px 0;
}
.tg_destination .download-section .download-info_group-btn {
    display: flex;
    gap: 8px;
}
.tg_destination .download-section .download-info_group-btn .download-info_group-btn_item .link-app-store {
    display: flex;
    align-items: center;
    gap: 6px;
    background-color: black;
    color: white;
    padding: 5px 7px;
    border-radius: 4px;
}
.tg_destination .download-section .download-info_group-btn .download-info_group-btn_item .link-app-store img {
    width: 24px;
    height: 24px;
}
.tg_destination .download-section .download-info_group-btn .download_desc {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}
.tg_destination .download-section .download-info_group-btn .download_desc .download_desc-info {
    font-size: 12px;
}
.tg_destination .download-section .download-info_group-btn .download_desc .download_desc-name {
    font-size: 16px;
    font-weight: 600;
}
.tg_destination .download-section .download-img-pc {
    width: 500px;
    height: 490px;
    object-fit: cover;
}
.tg_destination .download-section .download-img-mobile {
    display: none;
}
/*! background --------------------------------------------- */
.tg_destination .blur-circle-violet,
.tg_destination .blur-circle-orange {
    display: none;
}
.tg_banner_hd .tg_slide_hd li .textwidget-location {
    position: absolute;
    bottom: 20%;
    left: 0;
    right: 0;
    z-index: 2;
}
.tg_banner_hd .tg_slide_hd li .textwidget-location h1.main_destination_title {
    color: #fff;
    font-size: 60px;
    line-height: 73.14px;
    margin: 0 0 10px 0;
    font-weight: 700;
    text-align: center;
}
.tg_banner_hd .tg_slide_hd li .textwidget-location p.main_destination_sub {
    color: #fff;
    font-size: 18px;
    line-height: 25.2px;
    margin: 0 0 10px 0;
    font-weight: 400;
    text-align: center;
}
.tg_bct_social_ft {
    padding: 0 15px 0 15px;
}
.tg_bct_social_ft  #media_image-3{
    padding-bottom: 24px;
}
.tg_bct_social_ft .social_ft ul li a {
    background: #F05B244D;
    border: none;
}
/*.tg_bct_social_ft .social_ft ul li a img {*/
/*    width: 17px;*/
/*}*/
.tg_bct_social_ft .widget_media_image img {
    width: 157.89px;
    height: 60px;
}
.tg_bct_social_ft .social_ft .social-icon {
    color: #383544;
    display: flex;
    justify-content: center;
}
.tg_banner_hd .tg_slide_hd .wrap_textwidget-location {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 800px;
    align-items: center;
    color: #fff;
    padding: 15px;
    padding-bottom: 100px;
}
.tg_banner_hd .tg_slide_hd .wrap_textwidget-location {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 800px;
    align-items: center;
    color: #fff;
    padding: 15px;
}
.tg_banner_hd .tg_slide_hd .wrap_textwidget-location .main_destination_title {
    font-size: 32px;
    text-align: center;
    font-weight: 600;
}
.tg_banner_hd .tg_slide_hd .wrap_textwidget-location .main_destination_sub {
    font-size: 14px;
    text-align: center;
}
@keyframes hovering {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(15px);
    }
}
.tg_banner_hd .tg_slide_hd .wrap_textwidget .double-arrow-down {
    animation-duration: 0.5s;
    animation-name: hovering;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}
.tg_menu_hd .tg_log_lang_hd .form-input input::placeholder {
    color: #D9D9D9;
}
.form-input.tg_search_hd_mobile {
    display: none; /* Show the element */
}
.tg_menu_hd_right.tg_search_hd {
    display: block;
}
@media (max-width: 400px) {
    .tg_bct_social_ft_mobile .widget_media_image {
        margin: 0;
    }
    .tg_bct_social_ft_mobile .social_ft {
        margin: 16px 0 16px 0;
    }
    .tg_bct_social_ft {
        padding: 0;
        flex-direction: column;
    }
}
/*!! Responsive ---------------------------------------------------------------------------------- */
@media (max-width: 768px) {
    /*! Swiper --------------------------------------------- */
    .tg_destination .swiper {
        padding-bottom: 10px;
        overflow: visible;
    }
    .tg_destination .swiper.sale-event{
        padding-bottom: 44px;
        overflow: visible;
    }
    .tg_destination .swiper-slide {
        transform: translateY(0);
        transition: transform 0.5s ease-in-out;
        padding-bottom: 35px;
    }
    .tg_destination .swiper-3 .swiper-slide {
        padding-bottom: 15px;
    }
    .tg_destination .swiper-slide-active .slide-card {
        transform: none;
    }
    .tg_destination .swiper-slide:not(.swiper-slide-active) .slide-card {
        padding-bottom: 0;
    }
    /*! Common --------------------------------------------- */
    .tg_destination .address-having_slide,
    .tg_destination .experience_slide,
    .tg_destination .trip_card-list,
    .tg_destination .voucher_slide,
    .tg_destination .discovery-container,
    .tg_destination .island-map-container {
        padding: 0;
    }
    .tg_destination .title-slide {
        padding: 0;
        color: #dc502c;
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 20px;
        width: 300px;
        margin: 0 auto 24px;
        line-height: 28px;
    }
    .tg_destination .title {
        padding: 16px;
        font-size: 20px;
        line-height: 28px;
    }
    .tg_destination {
        position: relative;
        margin-top: -70px;
        border-top-left-radius: 36px;
        border-top-right-radius: 36px;
        padding-top: 20px;
    }
    /*! Trip --------------------------------------------- */
    .tg_destination .trip .trip_card-list {
        flex-direction: column;
        gap: 24px 0;
        padding: 0 16px;
    }
    .tg_destination .trip .trip_card-list .trip_card-item {
        width: 100%;
    }
    /*! Island map --------------------------------------------- */
    .tg_destination .island-map-inner {
        margin: 0 16px;
    }
    .tg_destination .island-map_img img {
        border-radius: 24px;
    }
    .island-map-inner .island-map_img::after {
        min-height: 173px;
        border-radius: 24px;
    }
    .tg_destination .island-map .island-map_img img {
        aspect-ratio: 343/500;
        object-fit: cover;
    }
    .tg_destination .island-map .cloud-up {
        transform: scale(0.5);
        right: -105px;
    }
    /*! Download section --------------------------------------------- */
    .tg_destination .download-section {
        padding: 0 20px 20px;
    }
    .tg_destination .download-section .download-info .download-info_title {
        font-size: 20px;
        line-height: 28px;
    }
    .tg_destination .download-section .download-info .download-info_description {
        font-size: 12px;
        line-height: 16.8px;
        margin: 16px 0;
    }
    .tg_destination .download-section .download-img-pc {
        display: none;
    }
    .tg_destination .download-section .download-img-mobile {
        display: block;
        width: 100%;
    }
    .tg_destination .download-section .download-info_group-btn {
        flex-direction: column;
        align-items: flex-start;
    }
    .tg_destination .download-section .download-info_group-btn .download-info_group-btn_item {
        width: 135px;
        padding: 0;
    }
    .tg_destination .download-section .download-info_group-btn .download_desc .download_desc-info {
        font-size: 10px;
    }
    .tg_destination .download-section .download-info_group-btn .download_desc .download_desc-name {
        font-size: 14px;
    }
    .tg_destination .download-section .download-info_group-btn .phone-icon {
        width: 18px;
    }
    /*! background --------------------------------------------- */
    .tg_destination .blur-circle-violet {
        display: block;
        position: absolute;
        top: 350px;
        right: 0;
    }
    .tg_destination .blur-circle-orange {
        display: block;
        position: absolute;
        top: 600px;
        left: 0;
    }
    .tg_form_regis_ft button, .tg_form_regis_ft input[type="submit"] {
        position: absolute !important;
        top: 0;
        right: 0;
        width: auto;
        padding: 12px 10px;
        font-size: 14px;
        border-left: 1px solid #DDDDDD;
    }
    .top_header .tg_menu_hd {
        position: fixed;
    }
    .tg_logo_social_ft_mobile #media_image-2 {
        text-align: center;
    }
    .tg_bct_social_ft_mobile {
        display: flex;
        justify-content: space-between;
        justify-items: center;
    }
    .tg_bct_social_ft_mobile .social_ft {
        margin: 16px 0 30px 0;
    }
    .tg_bct_social_ft {
        padding: 0;
    }
    .tg_fixed {
        background: #fff;
    }
    .tg_fixed .nav-icon3 span {
        background: #000;
    }
    .tg_fixed .tg_log_lang_hd .form-input input {
        border: 1px solid #D9D9D9;
    }
    .tg_menu_hd.tg_fixed {
        box-shadow: 0 4px 30px 0 #7C006F1F;
    }
    .tg_log_lang_hd .form-input {
        position: relative;
        width: calc(100vw - 130px);
    }
    .tg_log_lang_hd .form-input input {
        width: 100%;
        height: 36px;
        border: none;
        outline: none;
        border-radius: 100px;
        background-color: #FFFFFF1F;
        padding: 8px 50px 8px 24px;
        backdrop-filter: blur(4px);
        color: #fff;
    }
    .tg_log_lang_hd .form-input .search-icon::after {
        position: absolute;
        right: 24px;
        top: 50%;
        width: 24px;
        height: 24px;
        transform: translateY(-50%);
        content: "";
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../images/search-header.svg);
    }
    .tg_fixed .tg_log_lang_hd .form-input .search-icon::after {
        position: absolute;
        right: 24px;
        top: 50%;
        width: 24px;
        height: 24px;
        transform: translateY(-50%);
        content: "";
        display: inline-block;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(../images/search_header_scroll.svg);
    }
    .form-input.tg_search_hd_mobile {
        display: block; /* Show the element */
    }
    .tg_menu_hd_right.tg_search_hd {
        display: none;
    }
    .tg_banner_hd .tg_slide_hd .wrap_textwidget-location {
        padding-bottom: 50px;
    }
    .island-map-inner .view-detail-btn {
        bottom: 36px;
    }
}
@media (max-width: 1024px) {
    .tg_destination {
        background-color: unset;
    }
    .des_phuquoc .tg_banner_hd {
        background: none;
    }
    .tg_banner_hd .tg_slide_hd li .textwidget-location {
        position: absolute;
        bottom: 20%;
        left: 0;
        right: 0;
        z-index: 2;
    }
    .tg_destination .tg_banner_hd .tg_slide_hd li figure.tg_slide_hd_wrap {
        height: 800px;
    }
    .tg_banner_hd .tg_slide_hd li .textwidget-location h1.main_destination_title {
        font-size: 32px;
        line-height: 39.01px;
        font-weight: 600;
        text-align: center;
    }
    .tg_banner_hd .tg_slide_hd li .textwidget-location p.main_destination_sub {
        font-size: 14px;
        line-height: 24px;
        font-weight: 400;
        text-align: center;
    }
}
@media (min-width: 1600px) {
    .tg_destination .trip_card-list {
        gap: 0 3.5%;
        display: flex;
    }
    .tg_destination .trip_card-list.container::before {
        content: unset;
    }
    .tg_destination .trip_card-list.container::after {
        content: unset;
    }
    .tg_form_regis_ft input[type=submit] {
        width: 25%;
        height: 44px;
        border-left: 1px solid #DDDDDD;
    }
}

.tg_form_regis_ft input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    height: 44px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border: none;
    background: #FFFFFF1F;
    color: #F05B24;
    font-size: 14px;
    font-weight: 500;
    transition: background-color 0.2s ease;
    border-left: 1px solid #DDDDDD;
}
.tg_form_regis_ft input[type="submit"].tg_hv_1:hover {
    border-left: none;
}
.qb_elite_page .tg_form_regis_ft input[type="submit"],
.project_submarine .tg_form_regis_ft input[type="submit"],
.project_tata_show .tg_form_regis_ft input[type="submit"],
.mc_project_cdhd .tg_form_regis_ft input[type="submit"],
.qb_one_show_page .tg_form_regis_ft input[type="submit"],
.project_night_sfr .tg_form_regis_ft input[type="submit"],
.project_sac_mau .tg_form_regis_ft input[type="submit"] {
    color: #fff;
    border-left: none;
}
@media (min-width: 1025px) and (max-width: 1600px) {
    .tg_form_regis_ft input[type="email"] {
        padding: 15px;
        width: 100%;
    }

    .tg_form_regis_ft input[type=submit] {
        width: 22%;
        height: 44px;
        border-left: 1px solid #DDDDDD;
    }

    .tg_banner_hd .tg_slide_hd li .textwidget-location {
        bottom: 30%;
    }
}
.tg_log_lang_hd .tg_search_hd_mobile input {
    pointer-events: none;
}



/* NEW DESTINATION END */

.wrap_exp_background_pc {
  position: absolute;
  right: 0;
  top: -50px;
  width: 100%;
  height: 100px;
}
.wrap_voucher_background_pc {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.bg-castle {
    right: 0%;
    top: 7%;
}
.tg_reason_to .wrap_exp_background_pc img 
.bestseller-section .wrap_exp_background_pc img {
    float: right;
    width: 97%;
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 82%, rgba(0, 0, 0, 0) 97%);

}

.wrap_voucher_background_pc img,
.wrap_exp_background_pc img {
    width: 100%;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 82%, rgba(0, 0, 0, 0) 97%);
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 82%, rgba(0, 0, 0, 0) 97%);
  }

.discovery-background-pc {
  position: absolute;
  /* top: -248px; */
  left: 0;
  right: 0;
  border-radius: 36px;
  z-index: -1;
  width: 100%;
}
.discovery-background-pc img {
  width: 100%;
}
.discovery-background-mobile {
  display: none;
}
.discovery-background-mobile img {
  width: 200%;
  max-width: 200%;
}
.mb-80 {
  margin-bottom: 80px;
}
.mb-0 {
    margin-bottom: 0;
}
.pb-40 {
  padding-bottom: 40px;
}
.mb-40 {
  margin-bottom: 40px;
}
.pt-40 {
  padding-top: 40px;
}
.tit_h2 {
  font-size: 32px;
  color: #DC502C;
  position: relative;
  z-index: 1;
  margin-bottom: 36px;
}
.list_reason_to {
  padding-bottom: 50px;
}

.top-special__text {
  padding: 16px 0;
  font-family: 'Montserrat', Arial, sans-serif;
}

.top-special__text--tittle {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  color: #231F20;
  text-decoration: none;
  display: inline-block;
}

.show-info-row {
  display: flex;
  align-items: flex-start;
  gap: 24px; /* khoảng cách giữa các cột */
  margin-top: 10px;
}

.show-info-row__col {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  min-width: 250px;
}

.show-info-row__icon {
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 4px;
}

.show-info-row__text {
  color: #231F20;
  font-size: 14px;
  line-height: 19.6px;
  font-weight: 400;
}
.show-info-row__text--right {
  color: #231F20;
  font-size: 14px;
  line-height: 19.6px;
  font-weight: 500;
}

.show-info-row__divider {
  display: block;
  width: 1px;
  height: 16px;
  background: #808285;
  margin: 0 16px;
  align-self: center;
}

@media (max-width: 600px) {
  .show-info-row {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
  .show-info-row__divider {
    display: none;
  }
}

.other-special {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.other-special__card {
  display: flex;
  border-radius: 18px;
  overflow: hidden;
  align-items: center;
  gap: 24px;
  padding-left: 40px;
}

.other-special__image img {
  width: 240px;
  height: 160px;
  object-fit: cover;
  border-radius: 16px;
  display: block;
}

.other-special__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  gap: 6px;
}

.other-special__title {
  font-size: 20px;
  font-weight: 600;
  color: #231F20;
  margin: 0 0 10px 0;
}



.food-card__title,
.food-card__time,
.food-card__place--text,
.top-special__text--tittle,
.show-info-row__col span,
.other-special__info-row span,
.other-special__title a {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: inherit;
    text-decoration: none;
    transition: color 0.2s;
}

.other-special__title a:hover {
  color: #D65825;
}

.other-special__info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.other-special__info-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #231F20;
  line-height: 20px;
}
.other-special__info-row--time {
    font-weight: 400;
}
.other-special__info-row--text {
    font-weight: 500;
}

.other-special__icon {
  width: 22px;
  height: 22px;
  vertical-align: middle;
  display: block;
}

.mc_card_game {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 2px 18px 0 rgba(0,0,0,0.08);
    margin-bottom: 32px;
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: box-shadow .2s;
}
.mc_card_game:hover {
    box-shadow: 0 6px 32px 0 rgba(0,0,0,0.18);
}
.mc_card_img img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    display: block;
}
.mc_card_body {
    padding: 18px 16px 22px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.mc_card_title {
    font-size: 1.1rem;
    font-weight: bold;
    color: #ca8000;
    margin-bottom: 10px;
}
.mc_card_desc {
    color: #3c3c3c;
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 10px;
}

.mc_list_food-shopping {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.food-card {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 4px 32px 0 rgba(0,0,0,0.08);
    overflow: hidden;
    transition: box-shadow .2s;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-width: 0;
    height: 100%;
    width: calc(33.333% - 21.34px); /* Trừ gap cho đều 3 card */
    /* Responsive sẽ thêm ở dưới */
}

.food-card__image img {
    width: 100%;
    aspect-ratio: 432 / 252;
    object-fit: cover;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
}

.food-card__content {
    display: flex;
    flex-direction: column;
    padding: 24px;
    flex: 1 1 0%;
    min-height: 180px;
}

.food-card__main { flex: 1 1 auto; text-align: left;}
.food-card__tag { margin-top: -16px; text-align: left;}

.food-card__title {font-family: "montserrat-semibold"; font-size: 20px; font-weight: bold; margin-bottom: 8px; margin-top: 0; text-align: left; line-height: 28px;}
.food-card__time { font-size: 16px; margin-bottom: 8px; color: #888; align-items: center; text-align: left; line-height: 23px;}
.food-card__place { font-size: 14px; margin-bottom: 24px; display: flex; align-items: center; text-align: left; font-weight: 500;}
/* 1) Cho các slide kéo giãn bằng nhau */
.mc_food-shopping .swiper-wrapper {  /* Swiper wrapper vốn là flex */
  align-items: stretch;               /* các slide cao bằng nhau */
}
.mc_food-shopping .swiper-slide {
  height: auto;                       /* để card quyết định chiều cao */
}

.btn-outline-food {
    border-radius: 18px;
    padding: 4.5px 32px;
    font-size: 14px;
    font-weight: 600;
    transition: background .2s, color .2s;
    display: inline-block;
    line-height: 25px;
    background-color: rgb(232, 232, 232);
    color: rgb(51, 51, 51);
}

/* Responsive: mobile xuống 1 cột */
@media (max-width: 991.98px) {
    .food-card {
        width: 100%;
        margin-bottom: 20px;
    }
    .mc_list_food-shopping {
        flex-direction: column;
        gap: 24px;
    }
}
/* --- Nền section gradient nhẹ --- */
.mc_news--bg {
    background: linear-gradient(115deg, #fff 60%, #fdeeea 100%);
    border-radius: 36px;
    padding: 68px 0 68px 0;
}

/* --- Card layout 2 cột, bo góc lớn, shadow sáng --- */
.mc_list_news--horizontal {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 24px 0px;
}

.box_list_news--horizontal {
    width: calc(50% - 24px); /* 2 item/row, trừ padding đều hai bên (nếu thích sát luôn thì dùng 50%) */
    margin-bottom: 12px; /* Khoảng cách giữa các hàng */
    background: transparent;
    box-shadow: 0 10px 36px 0 rgba(0,0,0,0.12);
    display: flex;
    align-items: stretch;
    padding: 0;
    transition: box-shadow 0.22s;
    margin: auto;
    border-radius: 12px;
}
.box_list_news--horizontal:hover {
    box-shadow: 0 24px 60px 0 rgba(0,0,0,0.18);
}

/* --- Content chia thành hàng ngang, spacing đều --- */
.content_box_list_news--horizontal {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
    padding: 11px 11px;
    border-radius: 12px;
}

/* --- Ảnh đúng tỉ lệ 197x164, bo góc lớn, spacing đều --- */
.img_news--horizontal {
    flex: 0 0 197px;
    width: 197px;
    height: 164px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    margin-right: 16px;
    margin-left: 0;
}
.img_news--horizontal a {
    display: block;
    width: 197px;
    height: 164px;
    overflow: hidden;
    box-shadow: 0 3px 16px 0 rgba(0,0,0,0.07);
}
.img_news--horizontal img {
    width: 197px;
    height: 164px;
    object-fit: cover;
    border-radius: 6px;
    display: block;
}

/* --- Text, icon & info trong card --- */
.txt_list_news--horizontal {
    flex: 1;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
}
.place_food-shopping--horizontal {
    color: #F16522;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 7px;
}
.place_food-shopping--horizontal .show-info-row__icon {
    width: 24px;
    height: 24px;
    margin-right: 7px;
    margin-bottom: 2px;
}

.txt_list_news--horizontal h5 {
    font-size: 20px;
    margin: 8px 0 18px 0;
    color: #232323;
    line-height: 1.32;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: "montserrat-semibold";
    font-weight: bold;
}

.mc_time_news--horizontal {
    font-size: 16px;
    color: #808285;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: auto;
    font-weight: 400;
}
.mc_time_news--horizontal .show-info-row__icon {
    width: 16px;
    height: 16px;
    margin-right: 6px;
    margin-bottom: 2px;
}

/* --- Tiêu đề section Tin tức --- */
.mc_news_title {
    font-size: 36px;
    font-weight: 900;
    margin-bottom: 36px;
    text-align: center;
    color: #DE5632;
}

/* --- Responsive --- */
@media (max-width: 1200px) {
    .box_list_news--horizontal { width: 100%; }
    .mc_list_news--horizontal { gap: 30px; }
    .content_box_list_news--horizontal { padding: 18px 12px; }
    .img_news--horizontal, .img_news--horizontal a, .img_news--horizontal img {
        width: 100%;
        max-width: 100%;
        height: 180px;
    }
}
.content_reason_to {
    padding-top: 0;
    margin: 0;
}
/* .address-having_slide {
  padding: 0;
  padding-bottom: 70px;
} */
.tg_destination .address-having_slide,
.tg_destination .experience,
.tg_destination .trip,
.tg_destination .list_event_top-pc,
.tg_destination .mc_food-shopping,
.tg_destination .mc_news,
.tg_destination .voucher,
.bestseller-section .container,
.island-map-container {
    margin-bottom: 70px;
}
.other-special .other-special__icon,
.list_event_top-pc .show-info-row__icon {
  margin-bottom: auto;
}

.tg_destination .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    border-radius: 24px;
    padding-bottom: 58px;
}
.tg_destination .swiper-slide .slide-card_card .img-container {
    width: 100%;
    position: relative;
}
.tg_destination .swiper-slide .slide-card_content_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 24.38px;
    margin-bottom: 10px;
    color: #231F20;
    text-transform: uppercase;
}
.tg_destination .address-having_slide .swiper-slide .slide-card_content_title {
    font-size: 16px;
    font-weight: 500;
    line-height: 24.38px;
    margin-bottom: 10px;
    color: unset;
    text-transform: none;
}
.btn-block-sale {
    margin-bottom: 24px;
}
.experience .swiper-slide .slide-card img {
    aspect-ratio: 432 / 566;
}
/* .experience_event .swiper-button-next, */
.tg_destination .voucher {
    position: relative;
}
.tg_reason_to .swiper-button-next {
    right: -15px;
    top: 45%;
}
.tg_reason_to .swiper-button-prev {
    left: -15px;
    top: 45%;
}
.voucher_slide .swiper-button-next {
    top: 55%;
} 
.voucher_slide .swiper-button-prev {
    top: 55%;
} 
.tg_destination .swiper-slide .slide-card_card .slide-card_card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    aspect-ratio: 432 / 252;
}
.mc_food-shopping .swiper-button-next,
.bestseller-section .swiper-button-next {
    top: 45%;
}
.mc_food-shopping .swiper-button-prev,
.bestseller-section .swiper-button-prev {
    top: 45%;
}

.swiper-pagination-lock {
    display: block;
}
.swiper-button-lock {
    display: block;
}

/* vw-4380 */
  /* <!--  SECTION 1: About Destination -----------------------------------------------------------------------> */

.address-having_slide {
    z-index: 1;
}
.mc_news_more {
    position: absolute;
    top: 7px;
    right: 0px;
    font-family: "montserrat-semibold";
    z-index: 3;
    font-size: 16px;
    color: #DC502C;
    padding: 0px 25px 0px 0px;
}
.mc_news_more::after{
    content: url(../images/arrow_right_readm_qb_orange.png.webp);
}
.mc_news_more {
    font-size: 16px;
    color: #DC502C;
    padding: 0px 25px 0px 0px;
    display: flex;
}
.mc_news_more:hover {
    color: #DC502C;
}
.mc_gallery h2,
.mc_news_header h2,
.mc_food-shopping h2 {
    padding: 0;
    color: #DC502C;
}
.experience_slide ,
.voucher_slide {
  padding: 0;
}
.mc_food-shopping .swiper-button-next, 
.bestseller-section .swiper-button-next,
.voucher_slide .swiper-button-next,
.experience_slide .swiper-button-next {
    right: -29px;
    top: 45%;
}
.mc_food-shopping .swiper-button-prev, 
.bestseller-section .swiper-button-prev,
.voucher_slide .swiper-button-prev,
.experience_slide .swiper-button-prev {
    left: -30px;
    top: 45%;
}
.box_reason_to .img_box_reason {
    height: 566px;
}

.box_reason_to .img_box_reason img {
    aspect-ratio: 421 / 566;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
}
.tg_reason_to.tg_active {
    height: unset;
}

.mc_food-shopping {
    padding: unset;
} 
.place_food-shopping--horizontal {
  padding: 0;
}.place_food-shopping::before {
  content: "";
  display: none;
}

.box_gallery_size1 a{
  padding-top: 56.5%;
  border-radius: 24px;
}
.box_gallery .box_gallery_size .box_gallery_size1,
.box_gallery .box_gallery_size .box_gallery_size2 {
  border-radius: 24px;
}
.box_gallery_size2 a{
  padding-top: 60.3%;
  border-radius: 24px;
}
.mc_left_gallery {
    border-radius: 24px;
}
.qb_destination .photo_main_img span:before {
    border-radius: 24px;
}
.bestseller-section {
    position: relative;
}
.bestseller-section .container,
.bestseller-section .swiper {
    /* overflow: visible !important;
    position: relative; */
}
/* 1) Cho các slide kéo giãn bằng nhau */
.bestseller-swiper .swiper-wrapper {  /* Swiper wrapper vốn là flex */
  align-items: stretch;               /* các slide cao bằng nhau */
}
.bestseller-swiper .swiper-slide {
  height: auto;                       /* để card quyết định chiều cao */
}
.bestseller-title {
  text-align: center;
  font-size: 2.1rem;
  color: #e85933;
  font-weight: 700;
  margin-bottom: 32px;
  letter-spacing: 1px;
  text-shadow: 0 2px 6px #fff6f8;
}

.bestseller-list {
  display: flex;
  gap: 28px;
  justify-content: center;
  align-items: stretch;
}

.bestseller-card {
  background: #fff;
  border-radius: 12px 12px 24px 24px;
  box-shadow: 0 6px 32px 0 rgba(77,88,240,0.10);
  overflow: hidden;
  width: 432px;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: box-shadow .2s;
  border: 1px solid #EBEBEB;
}



.bestseller-image img {
  width: 432px;
  height: 300px;
  object-fit: cover;
  display: block;
}

.bestseller-content {
  padding: 20px 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

/* 3) Khóa số dòng tiêu đề (2 dòng) để phần content đều nhau */
.bestseller-product-title {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 12px;
  text-align: left;
  line-height: 1.4;
  /* clamp 2 dòng */
  display: -webkit-box;
  -webkit-line-clamp: 2;              /* đổi 2 -> 3 nếu muốn 3 dòng */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.bestseller-product-title a {
  display: block;                   /* giúp clamp ổn định trên thẻ <a> */
  color: #3d405b;
}

.bestseller-price-row {
  font-size: 14px;
  color: #3d405b;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 4px;
  line-height: 19.5px;
}

.icon-ticket img {
  vertical-align: middle;
  margin-right: 2px;
  margin-bottom: 2px;
}

.bestseller-price-highlight {
  color: #e85933;
  font-weight: 700;
  margin-left: 3px;
  margin-right: 8px;
}

.bestseller-price-old {
  color: #aaa;
  font-size: 12px;
  text-decoration: line-through;
}

.bestseller-bottom-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
}

.bestseller-link-detail {
  color: #3179f6;
  font-size: 14px;
  text-decoration: none;
  font-weight: 500;
  display: flex;
  align-items: center;
  transition: color .18s;
}

.bestseller-link-detail .arrow {
  margin-left: 3px;
  font-size: 1.1em;
}

.bestseller-link-detail:hover {
  color: #e85933;
}
.bestseller-link-detail img {
  transition: filter 0.3s;
}

.bestseller-link-detail:hover img {
  filter: brightness(0) saturate(100%) invert(41%) sepia(94%) saturate(2629%) hue-rotate(353deg) brightness(92%) contrast(96%);
}
.bestseller-btn {
  background: #fff;
  color: #e85933;
  border: 1px solid #e85933;
  border-radius: 999px;
  padding: 7.5px 29px;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  box-shadow: 0 2px 10px 0 rgba(77, 88, 240, 0.06);
  transition: background .16s, color .16s;
  outline: none;
}

.bestseller-btn:hover {
  color: #fff;
  border: 2px solid transparent;
  background-color: #DC502C;
}

.bestseller-dots {
  display: flex;
  justify-content: center;
  margin-top: 24px;
  gap: 8px;
}

.bestseller-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #e4e8ef;
  border-radius: 50%;
  transition: background 0.2s;
}

.bestseller-dots .dot.active {
  background: linear-gradient(90deg, #ff7854 0%, #fd267d 100%);
}
.swiper-pagination-bestseller {
    margin-right: 40px;
    top: 036px;
    position: relative;
    text-align: center;
    margin-bottom: 54px;
}
.swiper-pagination-bestseller .swiper-pagination-bullet-active {
  background-color: #DC502C;
}
.swiper-pagination-bestseller .swiper-pagination-bullet {
    margin: 0 4px;
}
.wrap_textwidget {
    text-align: center;
}
.tg_banner_hd .tg_slide_hd li .textwidget a {
  font-family: "Montserrat";
  padding: 13px 23px;
  border-radius: 100px;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  width: auto;
  text-align: center;
  border: 1px solid #fff;
  font-weight: 600;
}
/* SECTION 1 */
.tg_reason_to .wrap_exp_background_pc
.bestseller-section .wrap_exp_background_pc {
  position: absolute;
  right: 0;
  top: -56px;
  background: #fff;
  width: 100%;
  height: 100px;
}
.tg_reason_to .wrap_exp_background_pc img
.bestseller-section .wrap_exp_background_pc img {
  width: 100%;
}
.wrap_voucher_background_mobile,
.bestseller-section .wrap_exp_background_mobile,
.tg_reason_to .wrap_exp_background_mobile {
  display: none;
}
.wrap_voucher_background_cloud_grp_mobile,
.bestseller-section .wrap_exp_background_cloud_grp_mobile,
.tg_reason_to .wrap_exp_background_cloud_grp_mobile {
  display: none;
}
.tg_reason_to .wrap_exp_cloud_background,
.bestseller-section .wrap_exp_cloud_background {
  position: absolute;
  left: 0;
  top: 8px;
  background: #fff;
}


/* END SECTION 1 */
/* <!--  SECTION 7: Food and Shopping -----------------------------------------------------------------------> */
/* Giới hạn chiều rộng tối thiểu cho card và slide */
.swiper-slide {
    min-width: 320px;    /* hoặc 300px, tuỳ bạn muốn nhỏ nhất là bao nhiêu */
    display: flex;
    justify-content: center;
}



/* Nếu có flex-wrap hoặc overflow ẩn cha, kiểm tra lại */
.mc_list_food-shopping {
    /* Không cần flex nữa, vì swiper đã handle scroll */
}
/* Ẩn swiper ở PC */
.mc_list_news--horizontal > .swiper-6 {
    display: none;
}
.mc_list_news--horizontal > .box_list_news {
    display: block;
}
.mc_list_news-pc { display: flex !important; } /* hoặc block, tuỳ layout bạn */
.mc_list_news-mobile { display: none !important; }
.mc_list_gallery-pc { display: block !important; }
.mc_list_gallery-mobile { display: none !important; }
.list_event_top-pc { display: block !important; }
.list_event_top-mobile { display: none !important; }

/* SECTION 3 ADV RESPONSIVE PC*/
/* ===== Khung banner cố định theo mẫu PC 2048x384 ===== */
    .adv_home{
        --ratio-desktop: 2048/384;  /* = 5.333... */
        --ratio-mobile:  750/750;   /* ví dụ: vuông, chỉnh theo banner SP */
        --btn-left: 19%;            /* vị trí nút trên PC (ước lượng theo ảnh mẫu) */
        --btn-top: 72%;
        --btn-left-sp: 50%;         /* vị trí nút trên SP */
        --btn-top-sp: 63%;
        position: relative;
        width: 100%;
        aspect-ratio: var(--ratio-desktop);
        overflow: hidden;
        max-height: 370px;
        margin: 40px auto 70px;
    }
    /* Ảnh phủ đầy khung, ảnh khác size vẫn fit */
    .adv_home picture,
    .adv_home__img{
    position:absolute; inset:0;
    width:100%; height:100%;
    }
    .adv_home__img{ object-fit: cover; }

    /* Nút đúng vị trí trong banner */
    .adv_home__btn{
    position:absolute;
    left: var(--btn-left); top: var(--btn-top);
    transform: translate(-50%,-50%);
    }


    /* Style nút: viền cam, hover nền cam */
    .adv-btn{
    display:inline-block;
    padding: 12px 22px;
    border:1px solid #F05A28;
    border-radius: 999px;
    background:#fff;
    color:#F05A28;
    font-weight:600;
    text-decoration:none;
    line-height:1;
    transition: all .2s ease;
    white-space: nowrap;
    }
    .adv-btn:hover{ background:#F05A28; color:#fff; }

    /* Khi chỉ có nút */
    .adv_home--btn-only{
        display:flex; justify-content:center; align-items:center;
        aspect-ratio: var(--ratio-desktop); /* muốn giữ khung thì để line này; muốn chỉ hiện nút thì bỏ */
        margin: 16px 0;
    }

    .adv_home {
        position: relative;
        z-index: 1;
        background: none;
    }
    .adv_home figure img {
        width: auto;
        height: auto;
        object-fit: none;
        max-height: unset;
        margin-bottom: 80px;
    }
    .adv-destination-mobile {
        display: none;
    }
    .top_special {
        min-width: 683px;
        max-width: 51%;
    }
    .top_special .wrap_figure figure img {
        aspect-ratio: 683 / 418;
        width: 683px;
        max-width: 683px;
        height: 418px;
        border-radius: 24px;
    }
/* END SECTION 3 ADV RESPONSIVE PC*/

@media (max-width: 1024px) {

    .tg_banner_hd .tg_slide_hd li .textwidget {
        bottom: 44px;
        position: absolute;
    }

}

@media (max-width: 768px) {

    .tg_destination {
        box-shadow: 0 4px 30px 0 #7C006F1F;
    }
    .top-special__text--tittle,
    .show-info-row__col span,
    .other-special__info-row span,
    .food-card__time,
    .food-card__place,
    .other-special__title a {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: inherit;
        text-decoration: none;
        transition: color 0.2s;
    }
    .mc_time_news.mc_time_news--horizontal,
    .place_food-shopping.place_food-shopping--horizontal span {
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .food-card__content {
        display: flex;
        flex-direction: column;
        padding: 16px;
        flex: 1 1 0%;
        min-height: 180px;
    }
    .food-card__title {font-family: "montserrat-semibold"; font-size: 16px; font-weight: bold; margin-bottom: 8px; margin-top: 0; text-align: left; line-height: 28px;}
    .food-card__time { font-size: 16px; margin-bottom: 8px; color: #888; align-items: center; text-align: left; line-height: 23px;}
    .food-card__place { font-size: 14px; margin-bottom: 12px; display: flex; align-items: center; text-align: left; font-weight: 500;}
    .tg_destination .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: transparent;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30%;
        border-radius: 24px;
        padding-bottom: 24px;
    }
    .tg_destination .swiper-slide.experience-slide.swiper-slide-active {
        margin-top: 24px;
        padding-bottom: 0;
    }
    .tg_destination .swiper-slide.experience-slide.swiper-slide-prev .slide-card_content,
    .tg_destination .swiper-slide.experience-slide.swiper-slide-next .slide-card_content {
        display: none;
    }
    .tg_destination .swiper-slide .slide-card_card .img-container {
        width: 100%;
        position: relative;
    }
    .tg_destination .swiper-slide .slide-card_content_title {
        font-size: 20px;
        font-weight: 700;
        line-height: 24.38px;
        margin-bottom: 10px;
        color: #231F20;
        text-transform: uppercase;
    }
    .btn-block-sale {
        margin-bottom: 24px;
    }
    .experience .swiper-slide .slide-card img {
        aspect-ratio: 300 / 393;
    }
    
    .tg_destination .swiper-slide .slide-card_content_title.txt-ellipsis {
        font-size: 20px;
        text-transform: uppercase;
    }
    .tg_destination .address-having_slide .swiper-slide .slide-card_content_title,
    .tg_destination .swiper-slide .slide-card_content_title {
        font-size: 16px;
        text-transform: math-auto;
    }
    .tg_destination .address-having_slide .swiper-slide .slide-card_content_title {
        margin-bottom: 24px;
    }
      .other-special__card {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 0;
    }
    .other-special__image img {
        width: 100%;
        height: 150px;
    }
    .tg_destination .tg_banner_hd .tg_slide_hd li figure {

        height: 846px;
    }
    .content_reason_to {
        margin: 0;
        position: relative;
        top: -33px;
    }
    .tg_banner_hd {
        margin: 0;
    }
    .tit_h2 {
        font-size: 18px;
        padding: 0 12px;
        z-index: 2;
        margin-bottom: 24px;
        margin-top: 0;
    }
    .tg_reason_to .tit_h2 {
        margin-top: 48px;
    }
    .tg_destination .experience {
        margin-bottom: 0;
    }
    .tg_destination .swiper-slide .slide-card_card .img-container {
        height: 160px;
        width: 100%;
        position: relative;
    }
    .bestseller-section .wrap_exp_background_pc,
    .tg_reason_to .wrap_exp_background_pc {
        display: none;
    }
    .tg_reason_to .wrap_exp_background_mobile,
    .bestseller-section .wrap_exp_background_mobile {
        display: block;
        position: absolute;
        z-index: 1;
        right: 0;
        background: #fff;
        height: 200px;
        border-top-left-radius: 36px;
        border-top-right-radius: 36px;
    }
    .tg_reason_to .wrap_exp_background_mobile img ,
    .bestseller-section .wrap_exp_background_mobile img {
        border-radius: 36px;
        top: -10px;
        position: relative;
        float: right;
    }
    .tg_reason_to .wrap_exp_background_cloud_grp_mobile,
    .bestseller-section .wrap_exp_background_cloud_grp_mobile {
        display: block;
        position: absolute;
        z-index: -1;
        right: 0;
        left: 0;
        top: 99px;
        background: #fff;
        height: 200px;
        width: 280%;
    }
    .tg_reason_to .wrap_exp_background_cloud_grp_mobile img,
    .bestseller-section .wrap_exp_background_cloud_grp_mobile img {
        -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 93%, rgba(0, 0, 0, 1) 20%);
        mask-image: linear-gradient(to top, rgba(0, 0, 0, 0.4) 93%, rgba(0, 0, 0, 1) 20%);
    }

    .discovery-background-mobile {
        position: absolute;
        top: -240px;
        right: 0;
        border-radius: 36px;
        z-index: -1;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    /* ADV RESPONSIVE SP */
    .adv-destination-mobile {
        display: block;
    }
    .adv_home figure.adv-destination-pc {
        display: none;
    }
    .discovery-background-pc {
        display: none;
    }
    .adv_home figure {
        max-width: 100vw;
        height: auto;
        max-height: 100vh;
        margin-bottom: 0;
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .adv_home figure img {
        object-fit: cover;
        width: 100%;
        height: auto;
        display: block;
        max-width: 100vw;
        max-height: fit-content;
    }
    .adv_home{
        margin: -33px auto 30px;
    }
    .adv_home figure img {
        margin-bottom: 0;
    }
    .adv_home{ aspect-ratio: var(--ratio-mobile); }
    .adv_home__btn{
        left: var(--btn-left-sp); top: var(--btn-top-sp);
    }
    /* END ADV RESPONSIVE SP */
    .top_special .wrap_figure figure img {
        border-radius: 24px;
    }
    .top_special figure {
        aspect-ratio: 343 / 228;
        height: auto;
    }
 

    .other-special {
        display: none;
    }


    .tg_event_top-custom {
        margin: 0;
        margin-bottom: 40px;
    }
    .tg_destination p {
        margin-bottom: 24px;
    }
    .swiper-button-prev, .swiper-button-next {
        top: 55%;
        display: none;
    }
    .mc_list_news--horizontal > .swiper-6 {
        display: block;
    }
    .mc_list_news--horizontal > .box_list_news {
        display: none;
    }
    
    .other-special__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }

    .other-special__image {
        height: 228px;
        width: 100%;
        position: relative;
    }
    .experience.experience_event {
        padding: 0;
    }
    .btn-block-sale {
        margin-bottom: 0;
    }
    .slide-card_card {
        margin-bottom: 24px;
    }
    .voucher .slide-card_card .trip-card_block-desc_button {
        margin-bottom: 16px;
    }
    .mc_news--bg { padding: 22px 0 22px 0; }
    .box_list_news--horizontal {
        flex-direction: column;
        width: 100%;
        min-width: 0;
        min-height: 0;
        border-radius: 24px;
    }
    .content_box_list_news--horizontal {
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
        border-radius: 24px;
    }
    .img_news--horizontal, .img_news--horizontal a, .img_news--horizontal img {
        max-width: 100%;
        border-radius: 24px 24px 0 0;
        margin: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .txt_list_news--horizontal {
        margin: 0;
        padding: 16px;
        text-align: left;
    }
    .island-map .island-map_title {
        color: #dc502c;
        box-shadow: unset;
        background: transparent;
    }
    .mc_gallery .more_tit {
        display: none;
    }
    .mc_gallery_swiper .swiper-slide {
    display: flex;
    justify-content: center;
}

.mc_gallery_swiper .box_gallery_size1 {
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center center;
}
/* 1) Ẩn mọi phần tràn ra ngoài khung Swiper */
.mc_list_gallery-mobile.swiper,
.mc_list_gallery-mobile .swiper {
  overflow: hidden;
}

/* 2) Ép mỗi slide đúng 100% bề ngang khung */
.mc_list_gallery-mobile .swiper-slide {
  flex: 0 0 100% !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
}

/* 3) Ảnh nền fill chuẩn, căn giữa */
.mc_list_gallery-mobile .box_gallery_size1,
.mc_list_gallery-mobile .photo_main_img {
  width: 100%;
  height: 230px !important;
  background-size: cover;
  background-position: center;
}

    .mc_list_news-pc { display: none !important; }
    .mc_list_news-mobile { display: block !important; }
    .mc_list_gallery-pc { display: none !important; }
    .mc_list_gallery-mobile { display: block !important; }
    .list_event_top-pc { display: none !important; }
    .list_event_top-mobile { display: block !important; }

    .tg_destination .address-having_slide,
    .tg_destination .experience,
    .tg_destination .trip,
    .tg_destination .list_event_top-pc,
    .tg_destination .mc_food-shopping,
    .tg_destination .mc_news,
    .tg_destination .voucher,
    .bestseller-section .container,
    .island-map-container {
        margin-bottom: 40px;
    }
    .wrap_banner_background {
        z-index: 1;
    }
    .bestseller-link-detail {
        display: none;
    }
    .bestseller-image img {
        width: 100%;
        height: 160px;
        object-fit: cover;
        display: block;
    }
    .bestseller-bottom-row {
        justify-content: center;
    }
    .tg_destination .swiper-slide{
        margin-bottom: 12px;
        min-width: 0 !important;
    }
    .bestseller-content {
        padding: 16px;
        display: flex;
        flex-direction: column;
        flex: 1;
    }
    .tg_destination .swiper-slide .slide-card_card .card-desc_vocher{
        padding: 16px 16px 12px 16px;
        text-align: left;
        height: 80px;
    }
    .box_gallery {
        margin-bottom: 0;
    }
    .tg_destination .swiper-3 .swiper-slide {
        padding-bottom: 0;
    }
}
@media (min-width: 768px) {
    .wrap_voucher_background_pc img,
    .tg_reason_to .wrap_exp_background_pc img {
        -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 82%, rgba(0, 0, 0, 0) 97%);
        mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 82%, rgba(0, 0, 0, 0) 97%);
    }
    .mc_food-shopping .container,
    .bestseller-section .container,
    .mc_news .container,
    .tg_event_top .container,
    .experience_slide ,
    .voucher_slide {
        padding: 0;
        min-width: 1344px;
    }
    .address-having_slide.container {
        max-width: 1342px;
    }
    .tg_destination .swiper-slide .slide-card_img {
        display: block;
        width: 100%;
        height: 566px;
        aspect-ratio: 421.33/566;
        object-fit: cover;
        border-radius: 40px;
    }
    .tg_reason_to .tit_h2 {
        padding-top: 84px;
    }
    .tg_destination .swiper-slide .slide-card_card .slide-card_card-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
        min-height: 252px;
        aspect-ratio: 432 / 252;
    }
    .food-card {
        min-width: 320px;    /* hoặc tuỳ chỉnh */
        width: 100%;
        /* Nếu đã có border-radius, box-shadow, giữ nguyên */
    }
}

@media (min-width: 1025px) and (max-width: 1600px) {
    .tg_reason_to .wrap_exp_background_pc {
        width: 130%;
        top: -62px;
    }

}

@media (min-width:2000px) { 
  .tg_reason_to .wrap_exp_background_pc img {
    width: 100%;
  }
}

@media (max-width: 375px){
  /* để Swiper quản width, không ép % hay min-width */
  .tg_destination .swiper-slide{
    /* min-width: 0 !important; */
  }
    .mobile-swiper-3 .swiper-slide{
        /* width:auto!important;
        min-width:0!important; */
    }

}
@media (max-width: 375px){
  /* .address-having_slide.container{ padding-left:0; padding-right:0; } */
  /* .address-having_slide .swiper{ padding-left:16px; padding-right:16px; } hoặc 24 tùy layout */
}

/* ===== Bestseller Modal ===== */

/* Kích thước dialog */
[id^="bestseller_modal_"] .modal-dialog {
  max-width: 679px;
  margin: 30px auto;
}

/* Khung modal */
[id^="bestseller_modal_"] .modal-content-tg_modal{
  display: flex;            /* layout cột */
  flex-direction: column;
  height: 100%;
  padding: 32px 48px 39px;
  background: #fff;
  border: 0;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0,0,0,.2);
  overflow: hidden;         /* tránh double scroll */
}

/* Header */
[id^="bestseller_modal_"] .modal-header{
  border: 0;
  padding: 0;
  margin: 0 0 24px;
  flex: 0 0 auto;
}
[id^="bestseller_modal_"] .modal-title{
  margin: 0 56px 0 0;
  font-size: 20px; 
  line-height: 1.35; 
  font-weight: 700;
  color: #231F20;
}
[id^="bestseller_modal_"] .close_popup--bestseller{
  position: absolute; top: 32px; right: 48px;
  font-size: 53px; font-weight: 300;
  background: transparent; border: 0; padding: 0;
  color: #231F20; cursor: pointer;
}

/* Body (ảnh + nội dung + footer) */
[id^="bestseller_modal_"] .modal-body{
  flex: 1 1 auto;
  min-height: 0;
  display: flex;            /* chia 3 phần: img / content(scroll) / footer(sticky) */
  flex-direction: column;
  padding: 0;
  overflow: hidden;
}
[id^="bestseller_modal_"] .img-fluid{
  flex: 0 0 auto;
  display: block; width: 100%; height: auto;
  margin: 0 0 24px;
  border-radius: 12px;
  object-fit: cover;
  aspect-ratio: 16/9;
}

/* Nội dung scroll */
[id^="bestseller_modal_"] .bestseller-modal-content{
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  font-size: 14px; line-height: 1.6; color: #333;
}
[id^="bestseller_modal_"] .bestseller-modal-content h4{
  margin: 0 0 16px 0; font-size: 16px; line-height: 1.4; font-weight: 700; color: #111;
}

/* List “Bao gồm” */
.bestseller-modal-list ul,
.bestseller-modal-list ol{ list-style: none; padding: 0; margin: 0; }
.bestseller-modal-list ul li,
.bestseller-modal-list ol li{
  position: relative; padding-left: 32px; margin: 16px 0; line-height: 1.55;
}

/* .bestseller-modal-list ul li::before,
.bestseller-modal-list ol li::before,
.bestseller-modal-list > p::before{
  content: ""; position: absolute; left: 0; top: 2px;
  width: 20px; height: 20px;
  background: url(../images/destination/check.svg) no-repeat center/20px 20px;
} */

/* Giá */
.bestseller-modal-price{ display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
.bestseller-modal-price .price{ font-size: 18px; line-height: 1; font-weight: 700; color: #cc0000; }
.bestseller-modal-price .old-price{ color: #999; text-decoration: line-through; }

/* Footer “Mua ngay” dính đáy */
[id^="bestseller_modal_"] .bestseller-modal-buy{
  position: sticky; bottom: 0; z-index: 2; flex: 0 0 auto;
  display: flex; justify-content: center;
  width: 100%;
  padding: 12px 0 0;
  background: #fff;
}
[id^="bestseller_modal_"] .bestseller-modal-buy .bestseller-btn{ margin: 0; }

/* ===== Drawer-right variant ===== */
.modal.modal-drawer-right{ padding: 0 !important; }
.modal.modal-drawer-right .modal-dialog{
  position: fixed; right: 0; top: 0; bottom: 0;
  margin: 0; width: 679px; max-width: 90vw;
  height: 100vh; max-height: 100vh; /* đảm bảo full viewport */
  transform: translate3d(100%,0,0) !important;
  transition: transform .30s ease-in-out;
}
.modal.modal-drawer-right.show .modal-dialog,
.modal.modal-drawer-right.in .modal-dialog{ transform: translate3d(0,0,0) !important; }
.modal.modal-drawer-right .modal-content-tg_modal,
.modal.modal-drawer-right .modal-content{
  height: 100%;
  background: #fff; border: 0; overflow: auto;
  border-radius: 16px 0 0 16px;
  box-shadow: 0 6px 24px rgba(0,0,0,.15);
}

[id^="bestseller_modal_"] .modal-content-tg_modal {
    padding: 0;
}

[id^="bestseller_modal_"] .modal-content-tg_modal .modal-header {
    padding: 32px 45px 24px 48px;
}

[id^="bestseller_modal_"] .modal-content-tg_modal .modal-body .bestseller-modal-content {
    padding: 0 45px 30px;
}

[id^="bestseller_modal_"] .modal-content-tg_modal .modal-body .bestseller-modal-buy {
    align-items: center;
    background: #fff;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -4px 30px rgba(124, 0, 111, .24);
    left: 0;
    padding: 16px 40px;
}

/* Backdrop */
.modal-backdrop{ opacity: .5; }

/* ===== Mobile ===== */
.modal-title-mobile{ display: none; }
@media (max-width: 767.98px){
  a.mc_news_more {
    display: none;
  }

  .modal.modal-drawer-right .modal-dialog {
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 0;
    transform: translateY(100%) !important;
    transition: transform 0.3s ease-out;
  }

  .modal.in.modal-drawer-right .modal-dialog {
    transform: translateY(0) !important;
  }

  .modal-title-mobile{ display: block; margin: 0; position: relative; top: -12px; font-size: 14px; color: #231F20;}
  .modal-header-mobile{ display: flex; justify-content: center; border-bottom: 1px solid #EBEBEB; }

  [id^="bestseller_modal_"] .close_popup--bestseller{ top: 20px; left: 16px; right: auto; }
  [id^="bestseller_modal_"] .modal-content-tg_modal{ padding: 32px 0 39px; margin: 0 8px; }
  [id^="bestseller_modal_"] .modal-header{ margin: 0; }
  [id^="bestseller_modal_"] .modal-title{ padding: 16px; margin: 0; font-size: 14px; font-weight: 600; text-transform: uppercase;}
  [id^="bestseller_modal_"] .modal-body{ padding: 0; }
  [id^="bestseller_modal_"] .img-fluid{ margin: 0 0 16px; }
  [id^="bestseller_modal_"] .bestseller-modal-content h4{ font-size: 14px; }

  .modal.modal-drawer-right .modal-dialog{ width: 100%; max-width: 100%; }
  .modal.modal-drawer-right .modal-content-tg_modal{ border-radius: 20px 20px 0 0; margin: 56px 0 0; }
  [id^="bestseller_modal_"] .bestseller-modal-buy{ bottom: 16px; padding: 12px 0;}
  [id^="bestseller_modal_"] .modal-content-tg_modal .modal-body .bestseller-modal-content{
    padding: 0 16px 45px;
  }

  [id^="bestseller_modal_"] .modal-content-tg_modal .modal-header {
    padding: 32px 0  0;
  }

  [id^="bestseller_modal_"] .modal-content-tg_modal.tg_destination p {
    margin-bottom: 10px;
  }
  /* .experience_event .swiper-pagination {
    padding-top: 24px;
  } */
  /* .tg_destination .experience_event p {
    margin-bottom: 0;
  } */

  .tit_h2, 
  .tg_destination .title-slide {
    line-height: 24px;
  }

  .tg_reason_to .tit_h2 {
    margin-bottom: 0;
  }

  .adv_home {
    margin-bottom: 48px;
  }

  .tg_event_top-custom .tit_h2 {
    margin-bottom: 32px;
  }

  .other-special__content {
    width: 100%;
  }

  .other-special__info-row {
    justify-content: center;
  }

  .tg_banner_hd .tg_slide_hd div .textwidget .wrap_textwidget {
    margin-bottom: 25px;
  }

  .tg_banner_hd.tp-destination {
    height: 851px;
  }

  .tg_destination .swiper {
    height: 100%;
  }

  .tg_destination .title-slide {
    margin-bottom: 0;
  }

  .tg_destination .experience .swiper-pagination {
    position: unset;
    margin-top: -28px;
  }

  .tg_destination .swiper-slide .slide-card_content_title.txt-ellipsis {
    -webkit-line-clamp: 1;
    line-clamp: 1;
  }
}