main{

    margin-top:0 !important;

}

.hover_txt_green_dark:hover {

    color: var(--secondary-00818-a, #00818a) !important;

}



.hover_btn_green_dark:hover {

    background-color: var(--secondary-00818-a, #00818a) !important;

}



ol,

ul {

    list-style: none;

}



blockquote,

q {

    quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

    content: '';

    content: none;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}


img {

    width: 100%;

    object-fit: cover;

}



.hnv_trvs_intro {

    margin-bottom: 40px;

}



.hnv_trvs_intro_title h1 {

    color: var(--primary-1-d-2-d-53, #1D2D53);

    

    font-size: 28px;

    

    font-weight: 700;

    line-height: 40px;

    /* 142.857% */

    margin-bottom: 20px;

}



.hnv_trvs_intro_description {

    color: var(--primary-1-d-2-d-53, #1D2D53);

    

    font-size: 16px;

    

    font-weight: 400;

    line-height: 24px;

    /* 150% */

    margin-bottom: 32px;

}



.hnv_trvs_intro_category {

    overflow: hidden;

    position: relative;

}



.swiper-button-next,

.swiper-button-prev {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    padding: 10px;

    background: var(--chroma-ffffff, #fff);

    border-radius: 50%;

    z-index: 1;

}



.swiper-button-disabled {

    display: none;

}



.swiper-button-prev {

    left: -10px;

}



.swiper-button-next {

    right: -10px;

}



.hnv_trvs_intro_category .hnv_trvs_intro_category_link {

    color: var(--primary-1-d-2-d-53, #1D2D53);

    

    font-size: 16px;

    

    font-weight: 500;

    line-height: 24px;

    /* 150% */

    padding: 7px 13px;

    justify-content: center;

    align-items: center;

    border-radius: 80px;

    background: var(--chroma-f-6-f-6-fa, #F6F6FA);

    display: inline-flex;

}



.hnv_trvs_intro_category_item_active .hnv_trvs_intro_category_link {

    border: 1px solid var(--primary-18-babd, #18BABD);

}



.hnv_trvs_intro_category_list {

    display: flex;

    gap: 8px;

}



.hnv_trvs_intro_category_item {

    flex-shrink: 0;

    display: inline-block;

    white-space: nowrap;

    margin-right: 10px;

}



.hnv_trvs_intro_gallery {

    border-radius: 8px;

    overflow: hidden;

}



.hnv_trvs_main {

    margin-bottom: 80px;

}



.hnv_trvs_main_action {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 30px;

}



.hnv_trvs_main_result {

 
    font-size: 14px;

    font-weight: 400;

    line-height: 21px;

    /* 150% */

}



.hnv_trvs_main_sort {

    color: var(--chroma-717171, #717171);

    

    font-size: 14px;

    

    font-weight: 500;

    line-height: 21px;

    /* 150% */

}



.hnv_trvs_main_sort select {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    padding: 8px 12px;
    background: var(--main-light-color);
}



.hnv_trvs_main_tour_item {
    border-radius: 10px;
    border: 1px solid var(--border-color-1);
    background: #fff;
    box-shadow: rgb(84, 84, 84) 4px 4px 20px -15px;
    padding: 16px;
    margin-bottom: 24px;

}



.hnv_trvs_main_tour_item_image {

    overflow: hidden;

    border-radius: 8px;

}



.hnv_trvs_main_tour_item_image img {

    border-radius: 8px;

}



.hnv_trvs_main_tour_item_content_suggest_list {

    display: flex;

    gap: 8px;

}



.hnv_trvs_main_tour_item_content_suggest_item {

    color: var(--secondary-26456-e, #26456E);

    

    font-size: 14px;

    

    font-weight: 400;

    line-height: 21px;

    /* 150% */

    display: flex;

    padding: 3px 11px;

    align-items: center;

    gap: 10px;

    border-radius: 8px;

    background: linear-gradient(90deg, #CDFDE5 0%, #D6FDFB 100%);

    margin-bottom: 8px;

}



.hnv_trvs_main_tour_item_content_suggest_item .fa-star {

    font-size: 16px;

}



.hnv_trvs_main_tour_item_content_title {

    margin-bottom: 8px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;

}



.hnv_trvs_main_tour_item_content_title h3 a {

    color: var(--text-color);

    font-size: 20px;

    font-weight: 700;

    line-height: 1.3;

    /* 150% */

}



.hnv_trvs_main_tour_item_content_rate {

    color: var(--primary-1-d-2-d-53, #1D2D53);

    

    font-size: 14px;

    

    font-weight: 400;

    line-height: 28px;

    /* 150% */

    margin-left: 10px;

}



.hnv_trvs_main_tour_item_content_rate .fa-star {

    color: #FED141;

}

.hnv_trvs_main_tour_item_content_info {

    display: flex;

    flex-direction: column;

    gap: 6px;

    font-size: 12px;

    font-weight: 400;

    line-height: 1.3;

}

.hnv_trvs_main_tour_item_content_info_place_icon,

.hnv_trvs_main_tour_item_content_info_start_icon,

.hnv_trvs_main_tour_item_content_info_duration_icon {

    font-size: 16px;

    margin-right: 6px;

    width: 16px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    color: var(--main-color);

}



.hnv_trvs_main_tour_item_content_info_place span,

.hnv_trvs_main_tour_item_content_info_start span,

.hnv_trvs_main_tour_item_content_info_duration span {

    font-weight: 500;

}



.hnv_trvs_main_tour_item_content_info_place a {

    color: var(--primary-18-babd, #18BABD) !important;

    cursor: pointer;

}



.hnv_trvs_main_tour_item_content_price {

    text-align: right;

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    gap: 9px;

}



.hnv_trvs_main_tour_item_content_price_from {

    color: var(--chroma-a-5-a-5-a-5, #A5A5A5);

    text-align: right;

    

    font-size: 14px;

    

    font-weight: 400;

    line-height: 21px;

    /* 150% */

}



.hnv_trvs_main_tour_item_content_price_number {

    color: var(--secondary-c-81-e-3-a, #C81E3A);

    

    font-size: 14px;

    

    font-weight: 400;

    line-height: 21px;

    /* 150% */

    min-width: 70px;

}



.hnv_trvs_main_tour_item_content_price_number span {

    font-size: 20px;

    font-weight: 700;

    line-height: 30px;

}



.hnv_trvs_main_tour_item_content_price_note {

    color: var(--chroma-717171, #717171);

    

    font-size: 14px;

    

    font-weight: 400;

    line-height: 21px;

    /* 150% */

    margin-bottom: 8px;

}



.hnv_trvs_main_tour_item_content_price_link {

    color: var(--chroma-ffffff, #FFF);

    

    font-size: 16px;

    

    font-weight: 500;

    line-height: 24px;

    /* 150% */

    display: inline-flex;

    height: 42px;

    padding: 10px 20px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    border-radius: 4px;

    background: #087f38;

    min-width: 115px

}



/*Paginate*/

.hnv_trvs_main_tour_paginate {

    display: flex;

    justify-content: center;

    margin-top: 8px;

}



.pagination .page {

    border: 1px solid var(--primary-18-babd, #18BABD);

    color: var(--primary-18-babd, #18BABD);

    border-radius: 50%;

    width: 40px;

    height: 40px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

}



.pagination .current,

.pagination .page:hover {

    background: var(--primary-18-babd, #18BABD);

    color: #fff;

}



.pagination {

    float: unset;

}



.scale_img_hover {

    transition: transform 0.3s ease !important;

}



.scale_img_hover:hover {

    transform: scale(1.2) !important;

}



.empty_data .empy_data_img {

    max-width: 403px

}



.empty_data_title {

    color: var(--primary-1-d-2-d-53, #1D2D53);



    /* H3 */

    

    font-size: 20px;

    

    font-weight: 700;

    line-height: 30px;

    /* 150% */

    margin-top: 32px;

}



.empty_data_note {

    color: var(--chroma-717171, #717171);



    /* H5 */

    

    font-size: 16px;

    

    font-weight: 400;

    line-height: 24px;

    /* 150% */

    margin-top: 16px;

}



.btn_empty_data {

    margin-top: 32px;

}



.btn_a_tag {

    border-radius: 4px;

    background: var(--primary-18-babd, #18BABD);

    color: var(--chroma-ffffff, #FFF);



    /* Button */

    

    font-size: 16px;

    

    font-weight: 500;

    line-height: 24px;

    /* 150% */

    padding: 10px 20px;

}



.review_customer {

    margin-top: 120px;

}



.review_customer .txt_interser {

    margin-bottom: 12px;

}



.review_customer .txtinf_review {

    color: var(--secondary-26456-e, #26456E);

    font-size: 16px;

    

    font-weight: 400;

    line-height: 24px;

    /* 150% */

}



.txt_reviews {

    margin-bottom: 40px;

}



.owl-custreview .owl-prev,

.owl-custreview .owl-next {

    top: 186px;

    display: none;

    /* Mặc định ẩn đi */

}



.owl-custreview:hover .owl-prev,

.owl-custreview:hover .owl-next,

.owl-offers:hover .owl-prev,

.owl-offers:hover .owl-next,

.owl-dealcard:hover .owl-prev,

.owl-dealcard:hover .owl-next,

.owl-exploremore:hover .owl-prev,

.owl-exploremore:hover .owl-next,

.owl-whychoose:hover .owl-prev,

.owl-whychoose:hover .owl-next,

.owl_couponcode:hover .owl-prev,

.owl_couponcode:hover .owl-next {

    display: block;

}



.owl-custreview .owl-prev {

    left: -10px;

}



.owl-custreview .owl-next {

    right: -10px;

}



.card_review {

    display: flex;

    flex-direction: column;

    border-radius: 4px 4px 0px 0px;

    overflow: hidden;

}



.card_review img {

    transition: all 0.3s ease-in-out;

}



.card_review img:hover {

    scale: 1.2;

    border-radius: 8px;

}



.card_review .card_img_review {

    align-self: stretch;

    border-radius: 4px 4px 0px 0px;

    height: revert-layer;

}



.card-body-review {

    padding: 16px 14px 14px 14px;

    border-radius: 4px;

    border: 1px solid var(--chroma-dadfe-6, #DADFE6);

    background: var(--chroma-ffffff, #FFF);

}



.card_name_review {

    color: var(--secondary-00818-a, #00818A);

    font-size: 18px;

    

    font-weight: 700;

    line-height: 26px;

}



.card_region_review {

    color: var(--chroma-717171, #717171);

    font-size: 14px;

    

    font-weight: 400;

    line-height: 21px;

    margin-bottom: 12px;

}



.border_review {

    display: flex;

    padding: 1px 8px;

    justify-content: center;

    align-items: center;

    gap: 10px;

    border-radius: 2px;

    background: var(--primary-18-babd, #18BABD);

    color: var(--chroma-ffffff, #FFF);

}



.rating_custreview {

    color: var(--primary-18-babd, #18BABD);

    font-size: 14px;

    

    font-weight: 500;

    line-height: 21px;

    margin-bottom: 12px;

}



.txt_infdes_review {

    color: var(--primary-1-d-2-d-53, #1D2D53);

    font-size: 16px;

    

    font-weight: 700;

    line-height: 24px;

    /* 150% */

}



.card_des_review {

    color: var(--chroma-717171, #717171);

    font-size: 14px;

    

    font-weight: 400;

    line-height: 21px;

    /* 150% */

}



.owl-custreview .btn_viewmore {

    border: none;

    padding: unset;

    color: var(--secondary-177-fa-4, #177FA4);

    font-size: 14px;

    

    font-weight: 400;

    line-height: 21px;

    justify-content: left;

    align-items: start;

}



.owl-custreview .btn_viewmore:hover {

    text-decoration: underline;

    background: unset;

    color: var(--secondary-177-fa-4, #177FA4);

    border: none;

}



.txt_inf_des_review {

    display: flex;

    flex-direction: column;

    gap: 8px;

}



.banner_cruise {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
    height: 384px;
    position: relative;

}
.banner_cruise:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.1);
}


.intro_cruise-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    position: relative;

}
.intro_cruise_txt-content {
    width: 60%;
}


.banner_cruise .intro_cruise_title {

    color: #FFF;


    /* Shadow2 */

    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.10);


    font-size: 56px;

    

    font-weight: 700;

    line-height: 56px;

    /* 100% */

    margin-bottom: 16px;

}



.banner_cruise .intro_cruise_txt {

    color: var(--chroma-ffffff);
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    padding-bottom: 20px;
    padding-top: 80px;
    background-image: linear-gradient(rgba(2, 41, 2, 0) 0%, rgba(2, 41, 2, 0.79) 100%);

}
.banner_cruise .intro_cruise_txt h1 {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 8px;
}


.txt_cruise_highlight {

    color: var(--secondary-007850, #007850);

    font-size: 12px;

    font-weight: 400;

    line-height: 21px;

    cursor: pointer;

    /* 150% */

}



.form-check-input:checked {

    background-color: var(--secondary-00818-a, #00818a);

    border-color: var(--secondary-00818-a, #00818a);

    accent-color: var(--secondary-00818-a, #00818a);

}



.cruise_review {

    display: flex;

    gap: 8px;

    margin-bottom: 12px;

}



.cruise_review .review_score {

    padding: 0px 8px;

    color: var(--chroma-ffffff, #FFF);

    

    font-size: 14px;

    

    font-weight: 500;

    border-radius: 2px;

    background: var(--primary-18-babd, #18BABD);

    line-height: 21px;

    /* 150% */

}



.cruise_review .review_txt {

    /* Label */

    font-size: 12px;

    font-weight: 500;

    line-height: 21px;

}



.cruise_review .quantity_review {

    font-size: 12px;

    font-weight: 400;

    line-height: 21px;

}



.cruise_review .vertical_bar {

    color: var(--chroma-c-8-cbd-0, #C8CBD0);



    /* H6 */


    font-size: 14px;

    font-weight: 400;

    line-height: 21px;

    /* 150% */

}



.place_to_go a {

    color: var(--primary-1-d-2-d-53, #1D2D53);
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;

}



.pagination.pager {

    gap: 15px

}

 .breadcrumb li a, 
 .breadcrumb-item.active,
 .hnv_breadcrumb .breadcrumb-item + .breadcrumb-item::before{
    color: var(--chroma-ffffff);
}




.body_homecontainer{margin-top: 50px;}

.body_homecontainer .breadcrumb {

    margin-top: 0;

}



.txt_highlight {

    color: var(--chroma-717171, #717171);

    font-size: 12px;

    

    font-weight: 400;

    line-height: 18px;

    /* 150% */

}



.cruise_highlight_left {

    width: 60%;

}



@media (min-width: 992px) and (max-width: 1199px) {}



@media (min-width: 375px) {}



@media (min-width: 576px) {}



@media (min-width: 768px) {}



@media (min-width: 992px) {}



@media (min-width: 1200px) {}



@media (min-width: 1401px) {}



@media (max-width: 1400px) {}



@media (max-width: 1200px) {}



@media (max-width: 992px) {

    .intro_cruise_txt-content {
        width: 100%;
    }
    .banner_cruise .intro_cruise_txt h1 {
        font-size: 22px;
    }
}



@media (max-width: 768px) {}



@media (max-width: 576px) {

    .hnv_trvs_intro_category {

        margin-bottom: 24px;

    }



    .banner_cruise .intro_cruise_title {

        font-size: 32px;

        line-height: 32px;

    }



    .hnv_des_review {

        padding-bottom: 30px !important;

    }



    .hnv_trvs_main {

        margin-bottom: 0;

    }



    .hnv_breadcrumb .breadcrumb-item {

        margin-bottom: 12px;

    }



    .cruise_highlight {

        flex-direction: column;

    }



    .cruise_highlight_right {

        margin-top: 12px;

        margin-left: auto;

    }

}



@media (max-width: 375px) {}



.hnv_trvs_main_tour_item.pending::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(315deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);

    background-size: 200% 100%;

    animation: pending-effect 1.5s infinite;

    z-index: 2;

}



@keyframes pending-effect {

    0% {

        background-position: -200% -200%;

    }



    100% {

        background-position: 200% 200%;

    }

}