@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap");
:root {
    --primary-color: #B72025;
    --red-color: #ED1C24;
    --grey-color: #58595B;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

@media(max-width:576px) {
    .hidden-mobile {
        display: none;
    }
}

@media(min-width:576px) {
    .hidden-xs {
        display: none;
    }
}

@media(min-width:992px) {
    .hidden-lg {
        display: none !important;
    }
}

@media(max-width:991.98px) {
    .hidden-collapse-lg {
        display: none !important;
    }
    .hidden-mobile-lg {
        display: block !important;
    }
}

img,
picture,
svg,
video {
    max-width: 100%;
}

ol,
ul {
    list-style: none;
}

html {
    font-size: 62.5%;
    scroll-behavior: smooth;
}

body {
    font-family: "Arial", sans-serif;
    display: block;
    color: #000000;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0.02rem;
    user-select: none;
	-webkit-text-size-adjust: 100%;
}

.ov-hidden {
    overflow: hidden;
}

@media(min-width:1380px) {
    .container {
        max-width: 1300px;
    }
}

@media(min-width:992px) and (max-width:1400px) {
    .container {
        width: 90%;
    }
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0;
}

a {
    text-decoration: none;
}

a:hover,
a:focus {
    text-decoration: none;
}

input:focus,
button:focus {
    outline: 0;
}

.form-control:focus {
    box-shadow: none;
}

.slick-dots li button:before {
    color: #000;
    font-size: 12px;
    opacity: 1;
}

.slick-dots li.slick-active button::before {
    color: #fff;
    opacity: 1;
}

.tb-space {
    padding: 50px 0;
}

@media(max-width:767.98px) {
    .hidden-md {
        display: none;
    }
}

.heading-title {
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 15px;
    color: #000000;
}

.heading-title::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90%;
    max-width: 250px;
    height: 3px;
    background-color: var(--primary-color);
    z-index: 1;
    display: none;
}

.heading-title.text-center::before {
    left: 50%;
    transform: translateX(-50%);
}

.heading-title .sectitle {
    color: #000;
    font-style: normal;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0em;
}

@media (max-width: 767.98px) {
    .heading-title .sectitle {
        font-size: 1.8rem;
    }
}

.btn {
    color: #000000;
}

.btn-primary {
    background-color: var(--primary-color);
    color: #fff;
    padding: 10px;
    min-width: 140px;
    font-family: Arial;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0em;
    border-radius: 5px;
    border: 1px solid transparent;
    text-transform: uppercase;
}

.btn-primary:hover {
    background-color: transparent;
    border-color: var(--primary-color);
    color: var(--primary-color);
}

.btn-secondary {
    padding: 10px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.3;
    border-radius: 5px;
}

.btn-more {
    display: inline-block;
    background-color: transparent;
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    font-family: Roboto;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0em;
    text-align: center;
    padding: 10px;
    color: var(--primary-color);
}

.btn-more:hover {
    background-color: var(--primary-color);
    color: #fff;
    border-color: var(--primary-color);
}

.bg-grey {
    background-color: #f8e8e9;
}
.bg-white {
    background-color: #fff;
}
.discount {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    color: #fff;
    font-weight: 700;
}

.discount::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 101px;
    height: 60px;
    background-color: var(--primary-color);
    transform: rotate(45deg) translate(-15px, 40px);
}

.discount span {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(45deg) translate(-8px, -10px);
}

.btn-groups .btn-more {
    width: 100%;
    max-width: 50%;
}

@media(max-width:576px) {
    .select2-container {
        font-size: 1.4rem;
    }
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #fff;
}

.select2-container .select2-selection--single {
    height: 45px;
    border-radius: 25px;
}

.calculation-tour-form .select2-container--default {
    width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 45px;
    padding: 0 20px;
    font-weight: 400;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
    display: none;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--primary-color);
}

.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
    cursor: pointer;
    height: 50px;
    border-radius: 25px;
    padding: 0 20px;
    line-height: 50px;
}

.selectize-dropdown .selected {
    background-color: var(--primary-color) !important;
}

.slick-arrow {
    z-index: 1;
}

.slick-prev::before {
    content: "\f053";
    font-family: fontawesome;
}

.slick-next::before {
    content: "\f054";
    font-family: fontawesome;
}

.header {
    position: relative;
    /*position: sticky;*/
    top: 0;
    z-index: 50;
    background: #fff;
}

.header-wrap {
    border-bottom: 1px solid #BFBFBF;
}

.header-top {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 65px;
}

.header-top .back {
    width: 45px;
    height: 45px;
    background-color: #ffe9e9;
    border-radius: 10px;
    color: var(--primary-color);
    display: flex;
    justify-content: center;
    align-items: center;
}

@media(min-width:768px) {
    .header-top .back {
        display: none;
    }
}

.header-top .logo {
    max-width: 150px;
    height: 100%;
    transition: all 0.3s ease;
}

.header-top .logo img {
    width: 100%;
    height: 100%;
}

@media (max-width: 991.98px) {
    .header-top .logo {
        max-width: 150px;
        transition: all 0.3s ease;
    }
}

@media (max-width: 767.98px) {
    .header-top .logo {
        max-width: 150px;
        transition: all 0.3s ease;
    }
}

.header-top .search-top-inner {
    position: relative;
}

.header-top .search-top-inner input {
    height: 40px;
    border-color: var(--primary-color);
    padding: 5px 40px 5px 20px;
    border-radius: 16px;
    background-color: #f5f5f5;
    color: var(--primary-color);
    font-size: 1.6rem;
    transition: all 0.3s ease;
}

.header-top .search-top-inner input:hover {
    box-shadow: 0 1px 5px 0 rgba(0, 123, 255, 0.25);
    border-color: transparent;
    transition: all 0.3s ease;
}

.header-top .search-top-inner button {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    background-color: transparent;
    border: 0;
    width: 46px;
    height: 100%;
}
.header-top .search-top-inner .form__search-header button{
	pointer-events: none;
}
.header-top .search-top-inner .form__search-header.active button{
	pointer-events: unset;
}
.header-top .search-top-inner button i {
    color: var(--red-color);
    font-size: 1.8rem;
}

.header-top .search-top-inner button img {
    max-width: 35px;
}

@media (max-width: 767.98px) {
    .header-top .search-top {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 40;
        background: #fff;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 15px;
        display: none;
    }
    .header-top .search-top-inner {
        max-width: 60%;
        margin: auto;
    }
    .header-top .search-top.active {
        display: block;
    }
}

@media (max-width: 576px) {
    .header-top .search-top-inner {
        max-width: 100%;
    }
}

.suggest-search {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(0, 0);
    background: #fff;
    width: 100%;
    height: auto;
    padding: 10px;
    z-index: 15;
    display: none;
}

.suggest-search .suggest-search-wrap .group-tags a {
    display: inline-block;
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 7px 15px;
    margin-right: 10px;
    color: #000000;
    font-size: 1.4rem;
    margin-bottom: 5px;
}

.header-top .popup-search {
    position: absolute;
    top: 100%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, 0%);
    max-width: 800px;
    max-height: 100vh;
    overflow-y: auto;
    z-index: 10;
    display: none;
}

.header-top .popup-search-wrap {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}

.header-top .popup-search-wrap .title-box {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.374px;
    margin-bottom: 20px;
}

.header-top .popup-search-wrap .group-tags a {
    display: inline-block;
    background-color: #f3f3f3;
    border-radius: 5px;
    padding: 7px 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #000000;
    font-size: 1.4rem;
}

.header-top .popup-search-wrap .group-blogs {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.header-top .popup-search-wrap .group-blogs .item {
    flex: 1;
    background: linear-gradient(180deg, #B72025 -53.13%, rgba(217, 217, 217, 0) 37.23%);
    padding: 20px;
    border-radius: 10px;
}

.header-top .popup-search-wrap .group-blogs .item-list-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.header-top .popup-search-wrap .group-blogs .item-list-image {
    margin-right: 15px;
    width: 25%;
    width: 100px;
    height: 100px;
    min-width: 100px;
}

.header-top .popup-search-wrap .group-blogs .item-list-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header-top .popup-search-wrap .group-blogs .item-list-content .title a {
    color: inherit;
}

.header-top .popup-search-wrap .group-blogs .item-list-content p {
    font-size: 14px;
    margin-bottom: 3px;
}

.header-top .social-top ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.header-top .social-top ul li {
    margin-right: 10px;
}

.header-top .social-top ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 50%;
    font-size: 1.8rem;
}

@media (max-width: 991.98px) {
    .header-top .social-top {
        display: none;
    }
}

.header-top .group-active-mobile {
    display: flex;
    align-items: center;
}

.header-top .search-mobile-collapse,
.header-top .group-active-mobile .search-mobile {
    font-size: 24px;
    color: var(--primary-color);
    cursor: pointer;
}

.header-top .group-active-mobile .search-mobile {
    display: none;
}

@media (min-width: 991px) {
    .header-top .group-active-mobile {
        display: none;
    }
}

.header-top .search-mobile-collapse {
    display: block;
}

@media(min-width:768px) {
    .header-top .search-mobile-collapse {
        display: none;
    }
    .header-top .group-active-mobile .search-mobile {
        display: none;
    }
}

.header-top .toggle-bar {
    display: block;
    cursor: pointer;
}

.header-top .toggle-bar span {
    display: block;
    width: 32px;
    height: 2px;
    background-color: var(--primary-color);
    margin-bottom: 10px;
    transition: all 0.3s ease;
}

.header-top .toggle-bar span:last-child {
    margin-bottom: 0;
}

.header-top .toggle-bar.opened span:nth-child(1) {
    transform: translate(0px, 12px) rotate(45deg);
}

.header-top .toggle-bar.opened span:nth-child(3) {
    transform: translate(0px, -12px) rotate(-45deg);
}

.header-top .toggle-bar.opened span:nth-child(2) {
    opacity: 0;
}

@media (min-width: 992px) {
    .header-top .toggle-bar {
        display: none;
    }
}

.header-nav {
    position: relative;
    padding: 5px 0;
}

.header-nav .menu li {
    position: relative;
}

.header-nav .menu li.has-submenu .icon {
    position: absolute;
    top: 8px;
    right: 0;
    transform: translate(0, 0);
    z-index: 10;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2e6e6;
    color: var(--primary-color);
    cursor: pointer;
    transition: all .3s ease;
}

.header-nav .menu li.has-submenu .icon.active {
    transform: translate(0, 0) rotate(180deg);
}

@media(min-width:992px) {
    .header-nav .menu li.has-submenu .icon {
        display: none;
    }
}

.header-nav .menu li .submenu {
    position: absolute;
    top: 100%;
    left: 50%;
    width: max-content;
    width: auto;
    min-width: 216px;
    height: auto;
    transform: translate(-50%, 10px) scaleY(0);
    transform-origin: top center;
    background-color: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 10px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.16);
    padding: 15px;
    z-index: 20;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

@media(max-width:991.98px) {
    .header-nav .menu li .submenu {
        position: relative;
        top: 0;
        border: 0;
        box-shadow: unset;
        padding: 0;
        transform: translate(-50%, 0px);
        opacity: 1;
        visibility: visible;
        display: none;
    }
}

@media(max-width:480px) {
    .header-nav .menu li .submenu {
        left: 0;
        transform: translate(0, 0);
        width: 100%;
    }
}

.header-nav .menu li .submenu li {
    display: block;
    padding-right: 0;
    width: 100%;
}

.header-nav .menu li .submenu li a {
    display: block;
    padding: 5px 10px;
    font-size: inherit;
}

.header-nav .menu li:hover .submenu {
    transform: translate(-50%, 0) scaleY(1);
    opacity: 1;
    visibility: visible;
    transition: all 0.3s;
}

@media(max-width:480px) {
    .header-nav .menu li:hover .submenu {
        transform: translate(0, 0);
    }
}

.header-nav .menu li.lozy .submenu {
    width: 62vw;
    max-width: 680px;
    max-height: calc(90vh - 96px);
    overflow-y: auto;
}

@media(max-width:480px) {
    .header-nav .menu li.lozy .submenu {
        width: 100%;
    }
}

.header-nav .menu li .grouptour .nav {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: unset;
}

.header-nav .menu li .grouptour .nav .nav-item {
    display: inline-block;
    width: auto;
}

.header-nav .menu li .grouptour .nav .nav-item button.active,
.header-nav .menu li .grouptour .nav .nav-item button:hover {
    background-color: var(--primary-color);
    color: #fff;
    opacity: 1 !important;
}

.header-nav .menu li .grouptour .tab-content {
    padding: 10px 0;
}

.header-nav .menu li .grouptour-address {
    display: flex;
}

.header-nav .menu li .grouptour-address-tab {
    width: 35%;
    display: block;
}

@media(max-width:576px) {
    .header-nav .menu li .grouptour-address-tab {
        width: 50%;
    }
}

.header-nav .menu li .grouptour-address-tab li {
    margin-bottom: 5px;
}

.header-nav .menu li .grouptour-address-tab li a {
    white-space: nowrap;
}

.header-nav .menu li .grouptour-address-tab li a.active {
    background-color: var(--primary-color);
    color: #fff;
}

.header-nav .menu li .grouptour-address-list {
    width: 65%;
    padding-left: 15px;
}

.header-nav .menu li .grouptour-address-list ul {
    display: block;
}

.header-nav .menu li .grouptour-address-list ul li {
    display: inline-block;
    width: auto;
}


/* group tour type 2 */

.header-nav .menu li.lozy-type2 .submenu {
    width: max-content;
    max-width: 680px;
    left: 0%;
    /*opacity: 1;
	visibility: visible;*/
    transform: translate(0%, 0%) scaleY(0);
    transform-origin: top center;
    transition: all .3s;
}

.header-nav .menu li.lozy-type2:hover .submenu {
    transform: translate(0%, 0%) scaleY(1);
    transition: all .3s;
}

.header-nav .menu li .grouptour-address-tab {
    width: unset;
}

.header-nav .menu .lozy-type2 li .grouptour-address-list {
    display: none;
}

@media(max-width:991px) {
    .header-nav .menu li.lozy-type2 .submenu {
        left: 0;
        transform: translate(0, 0);
        width: 100%;
    }
}

.header-nav .menu li .gr-tour {
    display: flex;
}

@media(max-width:768px) {
    .header-nav .menu li .gr-tour {
        flex-wrap: wrap;
    }
}

.header-nav .menu li .gr-tour .nav-tabs {
    width: 20%;
    min-width: 170px;
    display: block;
}

.header-nav .menu li .gr-tour .nav-tabs.flex__menu {
    border-bottom: none;
}

.header-nav .menu li .gr-tour .nav-tabs li {
    display: block;
    width: 100%;
}

@media(max-width:991px) {
    .header-nav .menu li .gr-tour .nav-tabs {
        width: 100%;
    }
    .header-nav .menu li .gr-tour .nav-tabs li {
        display: inline-block;
        width: auto;
    }
}

.header-nav .menu li .gr-tour .nav-tabs button,
.header-nav .menu li .gr-tour .nav-tabs a {
    border: 1px solid var(--primary-color);
    background-color: transparent;
    color: var(--primary-color);
    transition: all .3s;
    margin-bottom: 10px;
    border-radius: 4px;
    max-width: max-content;
}

.header-nav .menu li .gr-tour .nav-tabs button:hover,
.header-nav .menu li .gr-tour .nav-tabs button:focus,
.header-nav .menu li .gr-tour .nav-tabs button.active,
.header-nav .menu li .gr-tour .nav-tabs a:hover,
.header-nav .menu li .gr-tour .nav-tabs a:focus,
.header-nav .menu li .gr-tour .nav-tabs a.active {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: #fff;
    transition: all .3s;
    opacity: 1 !important;
}

.header-nav .menu li .gr-tour .tab-content {
    width: 80%;
}

@media(max-width:991px) {
    .header-nav .menu li .gr-tour .tab-content {
        width: 100%;
    }
}

.header-nav .menu .lozy-type2 li .grouptour-address-list {
    width: 100%;
    width: 65%;
    display: flex;
}


/*.header-nav .menu .lozy-type2 li .grouptour-address-list .grouptour-address-list-item{
flex:1;
padding-right:6px;
}*/

.header-nav .menu .lozy-type2 li .grouptour-address-list>ul {
    display: none;
}

@media(max-width:991px) {
    .header-nav .menu .lozy-type2 li .grouptour-address-list>ul:first-child {
        display: block;
    }
}

.header-nav .menu .lozy-type2 li .grouptour-address-list>ul.active {
    display: block;
}

.header-nav .menu .lozy-type2 li .grouptour-address-list ul {
    max-height: 400px;
    overflow-y: auto;
}

.header-nav .menu .lozy-type2 li .grouptour-address-list ul li {
    width: 100%;
    display: block;
    width: 48%;
    display: inline-block;
}

.header-nav .menu .lozy-type2 li .grouptour-address-list ul li a {
    text-align: left;
    padding: 5px 10px;
}


/* end gr tour type 2 */

.header-nav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.header-nav ul li {
    padding-right: 15px;
}

.header-nav ul li a {
    display: block;
    font-family: Arial;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0em;
    text-align: center;
    color: #000000;
    padding: 10px 15px;
    border-radius: 25px;
    transition: all 0.3s ease;
}

.header-nav ul li a:hover {
    background-color: #f5f5f5;
    transition: all 0.3s ease;
    color: var(--primary-color);
}

@media (max-width: 1240px) {
    .header-nav ul li a {
        font-size: 1.8rem;
        padding: 10px;
    }
}

@media(max-width:480px) {
    .header-nav ul li a {
        text-align: left;
    }
}

.header-nav ul li:last-child {
    padding-right: 0;
}

@media (max-width: 1300px) {
    .header-nav ul li {
        padding-right: 0;
    }
}

@media (max-width: 991.98px) {
    .header-nav {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: auto;
        max-height: calc(90vh - 10px);
        overflow-y: auto;
        display: none;
        z-index: 105;
        background-color: #fff;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .header-nav ul {
        flex-direction: column;
    }
    .header-nav ul li {
        display: block;
        width: 100%;
    }
    .header-nav.opened {
        display: block;
    }
}

.header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 60;
    background-color: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    animation-name: slideDown;
    animation-duration: .8s;
}

@keyframes slideDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.banner {
    position: relative;
}
.banner-article{
	padding:30px 0;
}
.banner-article .search__des{
	position:relative;
	top:auto;
	left:auto;
	transform:translate(0,0);
	margin:0px auto;
}
.banner-slide {
    margin-bottom: 0 !important;
}

.banner-slide .item {
    position: relative;
}


/*.banner-slide .item::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}*/

.banner-slide .item img {
    width: 100%;
    object-fit: cover;
	aspect-ratio:8 / 3;
	max-height:420px;
}

@media(max-width:1024px) {
    .banner-slide .item img {
        height: 500px;
    }
	.banner-other .banner-slide .item img{
		height: auto;
	}
}


.banner-slide .slick-arrow {
    z-index: 1;
}

.banner-slide .slick-arrow::before {
    color: #fff;
    opacity: 1;
    font-size: 42px;
}

.banner-slide .slick-prev {
    left: 20px;
}

.banner-slide .slick-prev::before {
    content: "\f053";
    font-family: fontawesome;
}

.banner-slide .slick-next {
    right: 20px;
}

.banner-slide .slick-next::before {
    content: "\f054";
    font-family: fontawesome;
}

.banner-slide .slick-dots {
    bottom: 16px;
}

.banner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.banner-content .sectitle {
    font-size: 48px;
    font-weight: 700;
    line-height: 55px;
    letter-spacing: 0em;
    color: #fff;
    text-align: center;
}

.calculationtour {
    padding: 30px 0;
}

.calculationtour .box-wrapper {
    text-align: center;
}

.calculationtour .box-wrapper .banner-home-button a {
    display: inline-block;
    white-space: nowrap;
    /*background-color: rgba(255, 255, 255, 0.75);
    padding: 15px 20px;
    color: var(--primary-color);
    border-radius: 20px;
    border: 1px solid var(--primary-color);*/
    font-family: Arial;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0em;
    text-align: left;
    text-transform: uppercase;
    /*box-shadow: 0px 4px 4px 0px #00000040;*/
	filter:drop-shadow(0px 4px 4px 0px #00000040);
    transition: all 0.3s ease;
}
.calculationtour .box-wrapper .banner-home-button a img{
	max-width:300px;
}
/*.calculationtour .box-wrapper .banner-home-button a:hover {
    background-color: var(--primary-color);
    color: #fff;
    transition: all 0.3s ease;
}*/

@media (max-width: 1280px) {
    .calculationtour .box-wrapper .banner-home-button a {
        font-size: 2rem;
    }
}

@media (max-width: 991.98px) {
    .calculationtour .box-wrapper .banner-home-button a {
        padding: 10px;
        font-size: 1.8rem;
    }
}

.wrapbox {
    position: relative;
    background: #F8E8E9;
}

.promotion-slider {
    margin: 0 -15px;
}

.promotion-slider .item {
    padding: 0 15px;
    margin-bottom: 15px;
}

.promotion-slider .item img {
    width: 100%;
    height: 100%;
    /*max-height: 165px;*/
	aspect-ratio: 4 / 3;
    object-fit: fill;
    border-radius: 20px;
    transition: all .3s ease;
}

.promotion-slider .item a:hover img {
    transform: matrix(1, 0, 0, 1, 1, 2);
}

.search-tours {
    background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0px 0px 4px 0px #00000040;
}

.search-tours .form-group {
    position: relative;
    margin-bottom: 30px;
}

.search-tours .form-group input,
.search-tours .form-group select {
    width: 100%;
    height: 52px;
    border: 1px solid #d9d9d9;
    border-radius: 25px;
    background-color: #fff;
    color: #000000;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0em;
    padding: 10px 15px;
    appearance: none;
}

.search-tours .form-group input::placeholder {
    color: #000000;
}

@media (max-width: 767.98px) {
    .search-tours .form-group input,
    .search-tours .form-group select {
        font-size: 1.8rem;
    }
}

.search-tours .form-group .icon {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 24px;
    /*height: 24px;*/
    transform: translate(0, -50%);
}

.search-tours .form-group .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.search-tours .btn-primary {
    border-radius: 10px;
    min-width: 190px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0em;
}

@media (max-width: 767.98px) {
    .search-tours .btn-primary {
        font-size: 1.8rem;
    }
}

@media (max-width: 991.98px) {
    .search-tours {
        margin-bottom: 30px;
    }
}

@media (max-width: 767.98px) {
    .search-tours {
        padding: 30px 15px;
    }
}

.whychoose,
.about-wrapper {
    position: relative;
}

.whychoose-item__image,
.about-wrapper-item__image {
    max-width: 71px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

.whychoose-item__title,
.about-wrapper-item__title {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.02em;
    text-align: center;
    color: #000000;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.whychoose-item__desc,
.about-wrapper-item__desc {
    /*font-family: Roboto, sans-serif;*/
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0em;
    text-align: justify;
    color: #000000;
}

@media (max-width: 767.98px) {
    .whychoose-item,
    .about-wrapper-item {
        margin-bottom: 30px;
    }
}

@media (max-width: 576px) {
    .whychoose-item__image,
    .about-wrapper-item__image {
        margin: 0 auto 15px;
    }
    .whychoose-item__title,
    .about-wrapper-item__title {
        font-size: 1.4rem;
    }
    .whychoose-item__desc,
    .about-wrapper-item__desc {
        text-align: justify;
        font-size: 1.8rem;
    }
}

.maps-content-info--item {
    position: absolute;
    width: 250px;
    height: auto;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border: 2px solid #6d6d6d;
    border-radius: 4px;
    padding: 15px;
    display: none;
}

.tours-country--item {
    display: none;
}

.tours-list .tour-item {
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.tours-list .tour-item .discount.type2 {
    left: auto;
    bottom: auto;
    right: 0;
    top: 0;
}

.tours-list .tour-item .discount.type2::before {
    left: auto;
    bottom: auto;
    right: 0;
    top: 0;
    transform: rotate(45deg) translate(15px, -40px);
}

.tours-list .tour-item .discount.type2 span {
    left: unset;
    bottom: unset;
    top: 0;
    right: 0;
    transform: rotate(45deg) translate(8px, 10px);
}

.tours-list .tour-item .box-image {
    width: 35%;
    overflow: hidden;
    position: relative;
}

.tours-list .tour-item .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease;
}

.tours-list .tour-item .box-content {
    width: 65%;
    padding: 20px;
    display: flex;
}

@media(max-width:1024px) {
    .tours-list .tour-item .box-image {
        width: 100%;
        height: 315px;
    }
    .tours-list .tour-item .box-content {
        width: 100%;
    }
}

.tours-list .tour-item .box-content-info {
    /*width: 65%;*/
    width: 76%;
}

.tours-list .tour-item .box-content-info--detail {
    font-size: 1.2rem;
    line-height: 1.3;
}

.tours-list .tour-item .box-content-info--detail p {
    display: flex;
}

.tours-list .tour-item .box-content-info--detail p strong {
    display: inline-block;
    width: 100px;
    min-width: 100px;
}
.mta-date span{
	display: inline-block !important;
    background: #269b4c;
    padding: 3px 5px;
    border-radius: 4px;
    font-size: 12px !important;
    color: #fff !important;
    width: auto !important;
}
.tours-list .tour-item .box-content-group {
    width: 35%;
}

.tours-list .tour-item .box-content-group .timedate {
    text-align: center;
    margin-bottom: 15px;
}

.tours-list .tour-item .box-content-group .price-wrap {
    text-align: right;
    margin-bottom: 75px;
}

@media(max-width:1024px) {
    .tours-list .tour-item .box-content-group .price-wrap {
        margin-bottom: 50px;
    }
}

@media(max-width:576px) {
    .tours-list .tour-item .box-content-group .price-wrap {
        margin-bottom: 30px;
    }
}

.tours-list .tour-item .box-content-group .price-wrap .price-old {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0em;
}

.tours-list .tour-item .box-content-group .price-wrap .price-new {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0em;
    color: var(--primary-color);
	color: #0081c5;
}

.tours-list .tour-item .box-content-group .group-btn>.btn {
    min-width: auto;
    width: 100%;
    margin-bottom: 15px;
    font-weight: 700;
}

.tours-list .tour-item .box-content-title {
    margin-bottom: 10px;
}

.tours-list .tour-item .box-content-title h3 {
    font-family: Arial;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0em;
    text-align: left;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 70.5px;
}
.tours-list .tour-item.tour__item-sidebar .box-content-group .group-btn>.btn{
	font-size: 1.3rem;
}
.tours-list .tour-item.tour__item-sidebar .box-content-group .price-wrap .price-new,
.tours-list .tour-item.tour__item-sidebar .box-content-title h3{
	font-size: 1.4rem;
}
.tours-list .tour-item .box-content-title h3 a {
    color: inherit;
}

.tours-list .tour-item .box-content-title h3 a:hover {
    color: var(--primary-color);
}

.tours-list .tour-item .box-content-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: Arial;
    font-size: 1.2rem;
    font-style: italic;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 10px;
}

.tours-list .tour-item .box-content-desc h2 {
    font-size: inherit;
}

.tours-list .tour-item:hover {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
}

.tours-list .tour-item:hover .box-image img {
    transform: scale(1.2);
    transition: all 0.3s ease;
}

@media (max-width: 991px) {
    .tours-list .tour-item {
        flex-direction: column;
    }
    .tours-list .tour-item .box-image,
    .tours-list .tour-item .box-content {
        width: 100%;
    }
    .tours-list .tour-item .box-content {
        display: block;
    }
    .tours-list .tour-item .box-content-info,
    .tours-list .tour-item .box-content-group {
        width: 100%;
    }
    .tours-list .tour-item .box-content .timedate {
        text-align: right;
    }
}

.detail-tours-country {
    position: relative;
    display: none;
}

.detail-tours-country .back-tri {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    border: 1px solid var(--primary-color);
    background: var(--primary-color);
    color: #fff;
    padding: 6px;
    border-radius: 4px;
}

.detail-tours-country .tours-country--item .heading-title {
    text-align: center;
}

.detail-tours-country .tours-country--item .desc-str {
    margin-bottom: 30px;
}

.detail-tours-country .tours-country--item .desc-str .desc-str-main {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.detail-tours-country .tours-country--item .desc-str.more-less .desc-str-main {
    display: block;
}

.detail-tours-country .tours-country--item .list-str .title-str {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
}

.detail-tours-country .tours-country--item .list-str ul {
    display: flex;
    flex-wrap: wrap;
}

.detail-tours-country .tours-country--item .list-str ul li {
    display: inline-block;
    width: 50%;
    margin-bottom: 15px;
}

.detail-tours-country .tours-country--item .list-str ul li a {
    color: #000;
}

.detail-tours-country .tours-country--item .list-str ul li img {
    float: left;
    max-width: 80px;
    margin-right: 10px;
    width: 80px;
    height: 45px;
    object-fit: cover;
    border-radius: 4px;
}

.detail-tours-country .tours-country--item .group-btnstr {
    text-align: center;
    margin-top: 40px;
}

.detail-tours-country .tours-country--item .group-btnstr a {
    width: 100%;
    max-width: 50%;
}

.list-tour-last-group .group-btn .btn-more {
    width: 50%;
}

.list-tour-last__item {
    position: relative;
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
}

.list-tour-last__item .wrap-time-line {
    position: relative;
    background-color: #c95b5f;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-tour-last__item .wrap-time-line .time-label {
    font-family: Arial;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0em;
    color: #fff;
    margin-right: 40px;
}

.list-tour-last__item .wrap-time-line .flip-clock-wrapper {
    margin: 0 !important;
    padding: 25px 0 0;
}

.list-tour-last__item .wrap-info-item {
    display: flex;
    width: 100%;
}

.list-tour-last__item .wrap-info-item .discount {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    color: #fff;
    font-weight: 700;
}

.list-tour-last__item .wrap-info-item .discount::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 101px;
    height: 60px;
    background-color: var(--primary-color);
    transform: rotate(45deg) translate(-15px, 40px);
}

.list-tour-last__item .wrap-info-item .discount span {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: rotate(45deg) translate(-8px, -10px);
}

.list-tour-last__item .wrap-info-item .box-image {
    width: 35%;
    overflow: hidden;
    position: relative;
}

.list-tour-last__item .wrap-info-item .box-image img {
    width: 100%;
    height: 100%;
    max-height: 240px;
    object-fit: cover;
    transition: all 0.3s ease;
}

.list-tour-last__item .wrap-info-item .box-content {
    width: 65%;
    padding: 10px;
}

.list-tour-last__item .wrap-info-item .box-content-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.list-tour-last__item .wrap-info-item .box-content-meta .start-departure {
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: var(--primary-color);
    display: none;
}

.list-tour-last__item .wrap-info-item .box-content-title {
    margin-bottom: 10px;
}

.list-tour-last__item .wrap-info-item .box-content-title h3 {
    font-family: Arial;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0em;
}

.list-tour-last__item .wrap-info-item .box-content-title h3 a {
    color: inherit;
}

.list-tour-last__item .wrap-info-item .box-content-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: Arial;
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 10px;
}

.list-tour-last__item .wrap-info-item .box-content-desc h2 {
    font-size: inherit;
}

.list-tour-last__item .wrap-info-item .box-content-time {
    display: none;
}

.list-tour-last__item .wrap-info-item .box-content-press {
    display: flex;
	flex-direction: row-reverse;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
}
.list-tour-last__item .wrap-info-item .box-content-press > a{
	min-width: unset;
	padding: 5px 10px;
	font-size: 1.4rem;
}

.list-tour-last__item .wrap-info-item .box-content-press .price-wrap {
    text-align: right;
	width: 50%;
	display: flex;
	flex-direction: column;
    align-items: center;
}

.list-tour-last__item .wrap-info-item .box-content-press .price-wrap .price-old {
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
}

.list-tour-last__item .wrap-info-item .box-content-press .price-wrap .price-new {
    font-family: Arial;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    color: var(--primary-color);
}

@media (max-width: 576px) {
    .list-tour-last__item .wrap-info-item {
        flex-direction: column;
    }
    .list-tour-last__item .wrap-info-item .box-image,
    .list-tour-last__item .wrap-info-item .box-content {
        width: 100%;
    }
}

.list-tour-last__item:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.list-tour-last__item:hover .wrap-info-item .box-image img {
    transform: scale(1.2);
    transition: all 0.3s ease;
}

.news-box {
    background: linear-gradient(180deg, #B72025 -53.13%, rgba(217, 217, 217, 0) 37.23%);
    box-shadow: 0px 0px 4px 0px #00000040;
    border-radius: 10px;
    padding: 20px;
    height: 100%;
}

.news-box .box-title {
    font-size: 32px;
    font-weight: 400;
    line-height: 37px;
    letter-spacing: 0em;
    margin-bottom: 20px;
}

.news-box hr {
    border-color: var(--primary-color);
    margin-bottom: 20px;
}


.news-list .news-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.news-list .news-image {
    margin-right: 15px;
    width: 35%;
    min-width: 100px;
    /*width: 100px;*/
    /*height: 100px;*/
}

.news-list .news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
	aspect-ratio: 8 / 5;
}

@media (max-width: 991px) {
    .news-list .news-image {
        width: 35%;
    }
}

.news-list .news-content {
    width: 65%;
}

@media (max-width: 991px) {
    .news-list .news-content {
        width: 65%;
    }
}

.news-list .news-title {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0em;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-list .news-title a {
    color: inherit;
}

.news-list .news-desc {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: 0em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.partner-box {
    background-color: #fff;
    border-radius: 20px;
    padding: 20px;
}

.partner-box-title {
    font-size: 32px;
    font-weight: 700;
    line-height: 37px;
    letter-spacing: 0em;
    text-align: center;
    text-transform: capitalize;
}

@media (max-width: 767.98px) {
    .partner-box {
        margin-bottom: 30px;
    }
}

.partner-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 15px;
}
.partner-list-item:nth-child(1) {
    grid-row: span 2;
}
.partner-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;
}
.partner-video{
	position:relative;
	height:100%;
}
.partner-video a{
	display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.partner-video a:after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 0;
}
.partner-video a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.partner-video-title {
    color: #fff;
    text-align: center;
    padding-top: 10px;
    font-weight: bolder;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 15px;
    z-index: 1;
}
.partner-video .button-play{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:1;
	width:55px;
	opacity:0;
	visibility:hidden;
	transition:all .2s;
}
.partner-video:hover .button-play{
	opacity:1;
	visibility:visible;
	transition:all .2s;
}
/*update css new form buid tour 20-5-2024*/

.calculation-tour .title {
    color: var(--primary-color);
    margin-bottom: 30px;
}
@media (max-width: 767.98px) {
    .calculation-tour  {
        padding-top:15px;
    }
}
@media (max-width: 576px) {
    .calculation-tour .title {
        font-size: 1.7rem;
    }
}

.calculation-tour-form {
    border: 1px solid var(--primary-color);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    padding: 20px;
	font-family: "Exo", sans-serif;
	background: #f5f7fa;
}
.calculation-tour-form .form-group{
	margin-bottom:15px;
}
.calculation-tour-form .form-label {
    display: block;
    font-weight: 600;
    font-size: 1.8rem;
	margin-bottom:10px;
}
.calculation-tour-form .form-label i{
	color:var(--primary-color);
}
.calculation-tour-form .form-label .require {
    color: red;
}

@media (max-width: 576px) {
    .calculation-tour-form .form-label {
        font-size: 1.6rem;
    }
}
.calculation-tour-form .form-label span{
	font-size:14px;
}
.calculation-tour-form .form-input {
    position: relative;
}
.calculation-tour-form .form-inner{
	display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #9f998d;
    border-radius: 6px;
    padding: 6px 10px;
	background:#fff;
}
.calculation-tour-form .form-inner .form-label{
	font-size:1.2rem;
	margin-bottom:0;
}
.calculation-tour-form .form-inner .icon{
	color:var(--primary-color);
}
.calculation-tour-form .form-inner .form-input{
	flex:1;
}
.calculation-tour-form .form-inner .form-control{
	height:auto;
	padding:0;
	border:0;
	line-height:1;
}
.calculation-tour-form .form-inner .option-paxCount .optbtn{
	height:auto;
}
.calculation-tour-form .form-inner .option-paxCount .close-done{
	    background: var(--primary-color);
    color: #fff;
    padding: 6px;
}
.calculation-tour-form .form-inner .select2-container .select2-selection--single{
	height:auto;
	border:0;
	
}
.calculation-tour-form .form-inner .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: normal;
    padding: 0;
    font-weight: normal;
}
.calculation-tour-form .form-inner .select2-container--default .select2-search--dropdown .select2-search__field{
	-webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}
.calculation-tour-form .form-input .icon {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 24px;
    transform: translate(0, -50%);
}

.calculation-tour-form .form-input .select2-selection__arrow {
    display: none !important;
}

@media (max-width: 576px) {
    .calculation-tour-form .form-input {
        font-size: 1.2rem;
    }
}

.calculation-tour-form .form-control {
    height: 45px;
    background-color: #fff;
    padding: 10px;
    font-size: 1.6rem;
	border-radius:24px;
}

@media (max-width: 576px) {
    .calculation-tour-form .form-control {
        height: 35px;
        font-size: 1.6rem;
    }
	.calculation-tour-form.form-search-ticket .form-control{
		height:45px;
	}
}

.calculation-tour-form .option-paxCount {
    position: relative;
}

.calculation-tour-form .option-paxCount .optbtn {
    /*border: 1px solid #ced4da;*/
    height: 45px;
    width: 100%;
    font-size: 1.6rem;
    padding: 0;
}

@media (max-width: 576px) {
    .calculation-tour-form .option-paxCount .optbtn {
        height: 35px;
    }
}

.calculation-tour-form .option-paxCount button {
    text-transform: capitalize;
    color: #000;
    display: flex;
    align-items: center;
}

.calculation-tour-form .option-paxCount .close-done {
    justify-content: center;
}

.calculation-tour-form .option-paxCount .paxCount-dropmain {
    position: absolute;
    top: 100%;
    left: 0;
    transform: translate(0, 0);
    height: auto;
    min-width: 240px;
    max-width: 450px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
    background-color: white;
    color: rgba(0, 0, 0, 0.87);
    transition: opacity 304ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 202ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    opacity: 0;
    visibility: hidden;
    display: none;
    z-index: 20;
}

.calculation-tour-form .option-paxCount .paxCount-dropmain__inner {
    font-size: 16px;
    padding: 20px;
}

.calculation-tour-form .option-paxCount .paxCount-dropmain__inner .row {
    margin-bottom: 10px;
}

.calculation-tour-form .option-paxCount .paxCount-dropmain__inner .row>div:nth-child(2) {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.calculation-tour-form .option-paxCount .paxCount-dropmain__inner .pax-count-label div {
    display: block;
}

.calculation-tour-form .option-paxCount .paxCount-dropmain__inner .pax-count-label div:first-child {
    font-weight: 700;
}

.calculation-tour-form .option-paxCount .paxCount-dropmain__inner .pax-count-label div:nth-child(2) {
    margin-top: -7px;
    margin-top: 0;
}

.calculation-tour-form .option-paxCount .paxCount-dropmain__inner .pax-count-label span {
    color: #8e9aad;
    font-size: 16px;
}

@media (max-width: 576px) {
    .calculation-tour-form .option-paxCount .paxCount-dropmain__inner .pax-count-label span {
        font-size: 1.2rem;
    }
}

.calculation-tour-form .option-paxCount .paxCount-dropmain__inner div:nth-child(2) button {
    text-transform: capitalize;
    color: #000;
    display: flex;
    align-items: center;
}

@media (max-width: 576px) {
    .calculation-tour-form .option-paxCount .paxCount-dropmain__inner {
        font-size: 1.2rem;
    }
}

.calculation-tour-form .option-paxCount .paxCount-dropmain.active {
    opacity: 1;
    visibility: visible;
    display: block;
}

.calculation-tour-form .movetype {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
	gap:15px;
}

/*.calculation-tour-form .movetype-item {
    margin-right: 20px;
}*/

.calculation-tour-form .movetype-item input[type=radio] {
    display: none;
}

.calculation-tour-form input[type=radio]+label {
    margin-bottom: 0;
    padding: 10px 15px;
    border: 1px solid #9f998d;
    border-radius: 24px;
    min-width: 95px;
    text-align: center;
    cursor: pointer;
	background:#fff;
}
.calculation-tour-form input[type=radio]+label.radius6{
	border-radius:6px;
}
@media (max-width: 576px) {
    .calculation-tour-form input[type=radio]+label {
        font-size: 1.2rem;
    }
}

.calculation-tour-form input[type=radio]:checked+label {
    background-color: var(--primary-color);
    color: #fff;
}

.calculation-tour-form .wrap-check-type {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.calculation-tour-form .wrap-check-type input[type=radio] {
    display: none;
}

.calculation-tour-form .wrap-check-type>span {
    margin-right: 0px;
}

.calculation-tour-form .choose-hireservices-list {
    background-color: #efefef;
    margin-top: 10px;
    border-radius: 16px;
}

.calculation-tour-form .choose-hireservices-list__wrap h2 {
    font-weight: 600;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
}

@media (max-width: 576px) {
    .calculation-tour-form .choose-hireservices-list__wrap h2 {
        font-size: 1.4rem;
    }
}

@media (max-width: 576px) {
    .calculation-tour-form .choose-hireservices-list__wrap {
        font-size: 1.4rem;
    }
}

.calculation-tour-form .choose-hireservices-item {
    padding: 15px 10px;
}

.calculation-tour-form .choose-hireservices-item .wrap-check-type {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.calculation-tour-form .choose-hireservices-item .wrap-check-type span {
    margin-bottom: 6px;
}

.calculation-tour-form .shuttletype {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.calculation-tour-form .shuttletype>span {
    margin-bottom: 0.5rem;
}

@media (max-width: 576px) {
    .calculation-tour-form .shuttletype>span {
        font-size: 1.4rem;
    }
}

.calculation-tour-form .number-night-stay {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}
.calculation-tour-form .number-night-stay .form-label{
	margin-bottom:0;
}
.calculation-tour-form .number-night-stay .form-control {
    width: auto;
	background:#fff;
	border-radius:6px;
	    border: 1px solid #9f998d;
}

.calculation-tour-form .accompanied-service-list ul li {
    margin-bottom: 10px;
}
.calculation-tour-form .accompanied-service-list ul li input[type=checkbox]{
	display:none;
}
.calculation-tour-form .accompanied-service-list ul li label {
	position:relative;
    cursor: pointer;
	padding-left:25px;
}
.calculation-tour-form .accompanied-service-list ul li label:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	z-index:1;
	width:14px;
	height:14px;
	border-radius:2px;
	border:1px solid var(--primary-color);
}
.calculation-tour-form .accompanied-service-list ul li label:after{
	content:'';
	position:absolute;
	top:50%;
	left:2px;
	transform:translateY(-50%);
	z-index:1;
	width:10px;
	height:10px;
	background:var(--primary-color);
	display:none;
}
.calculation-tour-form .accompanied-service-list ul li input[type=checkbox]:checked+label:after{
	display:block;
}
.calculation-tour-form .addDestination {
    padding: 6px 10px;
    font-size: 16px;
    background-color: var(--primary-color);
    color: #fff;
    text-align: center;
    min-width: 100px;
    display: inline-block;
    margin-top: 20px;
}

@media (max-width: 576px) {
    .calculation-tour-form .addDestination {
        font-size: 1.4rem;
    }
}

.calculation-tour-form .btn-success {
    font-size: 18px;
    color: #fff;
    background-color: var(--primary-color);
    border: 0;
	width:100%;
	height:45px;
    padding: 10px;
    border-radius: 24px;
	max-width:175px;
}

@media (max-width: 576px) {
    .calculation-tour-form .btn-success {
        font-size: 1.4rem;
    }
}

@media (max-width: 576px) {
    .calculation-tour-form {
        box-shadow: none;
        border: 0;
        padding: 10px;
        /*border-radius: 0;*/
    }
}


/* end update css new form buid tour 20-5-2024 */

#acm,
#ccm,
#icm {
    padding: 0.0625rem 0.75rem;
    padding: 1rem;
}

.group-checked {
    position: relative;
    padding-right: 15px;
}

.group-checked input[type=checkbox] {
    display: none !important;
}

.group-checked label {
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
    border: 0.25px solid var(--primary-color);
    padding: 10px 10px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.group-checked label::before {
    content: "";
    position: absolute;
    left: 4px;
    bottom: 4px;
    transform: translate(0, 0);
    border-radius: 3px;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
}

.group-checked label::after {
    content: "\f00c";
    font-family: fontawesome;
    position: absolute;
    left: 7px;
    bottom: 4px;
    transform: translate(0, 0);
    color: #fff;
    transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}

.group-checked input:checked+label {
    box-shadow: rgba(0, 0, 0, 0.6) 0px 4px 12px;
}

.group-checked input:checked+label::before {
    background-color: var(--primary-color);
    background-color: #fff;
    box-shadow: 1px 1px 7px 1px var(--primary-color);
}

.group-checked input:checked+label::after {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
    color: var(--primary-color);
}

.group-checked-info {
    display: flex;
    align-items: center;
}

.group-checked-info .image-box img {
    max-width: 70px;
    max-width: 100px;
    min-width: 100px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.group-checked-info .desc-box {
    margin-left: 5px;
}


/*update css new form buid tour 20-5-2024 */

.detail-calculation-tour {
    background-color: #f5f5f5;
}

.detail-calculation-tour .title {
    color: var(--primary-color);
    margin-bottom: 30px;
}

@media (max-width: 576px) {
    .detail-calculation-tour .title {
        font-size: 1.7rem;
    }
}

.detail-calculation-tour .tour-idenerary-item {
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    padding: 15px;
}
@media (max-width: 576px) {
	.detail-calculation-tour .tour-idenerary-item{
		padding:0;
		background:var(--primary-color);
	}
}
.detail-calculation-tour .tour-idenerary-item:not(:last-child) {
    margin-bottom: 15px;
}

.detail-calculation-tour .accordion-content {
    position: relative;
}

@media (min-width: 578px) {
    .detail-calculation-tour .accordion-content {
        margin-left: 40px;
    }
    .detail-calculation-tour .accordion-content::before {
        position: absolute;
        content: "";
        border-left: 2px solid #e3e5e6;
        width: 0;
        height: 100%;
        padding-top: 0;
        top: 0;
        left: -28px;
    }
	.detail-calculation-tour .accordion-content.active::before {
		display:none;
	}
    .detail-calculation-tour .accordion-content::after {
        position: absolute;
        content: "";
        width: 20px;
        height: 28px;
        /* border: 2px solid #fff; */
        background-color: #323637;
        background: url(../images/logo-place.png) #fff;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 50%;
        transition: all 0.2s;
        top: 0;
        left: -38px;
    }
	.detail-calculation-tour .accordion-content.active::after {
		top:10px;
		transform:translateY(-50%);
		transition: all 0.2s;
	}
}
@media(min-width:576px) and (max-width:1380px){
	.detail-calculation-tour .accordion-content{
		margin-left:20px;
	}
	.detail-calculation-tour .accordion-content::before{
		left:-18px;
	}
	.detail-calculation-tour .accordion-content::after{
		left:-28px;
	}
}
.detail-calculation-tour .accordion-content__title {
    padding: 12px 0;
	padding:0;
    font-weight: 600;
    cursor: pointer;
    position: relative;
	transition:all .2s;
}
.detail-calculation-tour .accordion-content__title.active{
	/*padding:0;*/
	transition:all .2s;
}
.detail-calculation-tour .accordion-content__title h2 {
    font-weight: 600;
}

.detail-calculation-tour .accordion-content__title::before {
    content: "\f107";
    font-family: fontawesome;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    z-index: 1;
    transition: all 0.3s ease;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.detail-calculation-tour .accordion-content__title.active::before {
    transform: translate(0, -50%) rotate(180deg);
    transition: all 0.3s ease;
}

@media (max-width: 576px) {
    .detail-calculation-tour .accordion-content__title {
        padding: 13px 8px;
		padding-right:40px;
        min-height: 40px;
        color: #fff;
    }
    .detail-calculation-tour .accordion-content__title h2 {
        font-size: 1.7rem;
        position: relative;
        margin-left: 30px;
    }
    .detail-calculation-tour .accordion-content__title h2::before {
        position: absolute;
        content: "";
        width: 20px;
        height: 28px;
        /* border: 2px solid #fff; */
        background-color: #323637;
        background: url(../images/logo-place.png) ;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 50%;
        transition: all 0.2s;
        top: 50%;
        left: -30px;
        transform: translate(0, -50%);
		filter: brightness(0) invert(1);
    }
	
}

.detail-calculation-tour .accordion-content__desc {
    padding: 12px 0 0;
}
@media (max-width: 576px) {
	.detail-calculation-tour .accordion-content__desc {
		padding: 8px;
		background:#fff;
	}
}
.detail-calculation-tour .accordion-content__desc ul {
    list-style-type: disc;
}

.detail-calculation-tour .accordion-content__desc>ul {
    margin-left: 20px;
}

.detail-calculation-tour .accordion-content__desc>ul>li {
    margin-bottom: 6px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
}

.detail-calculation-tour .accordion-content__desc>ul>li:last-child {
    border: 0;
}

.detail-calculation-tour .accordion-content__desc h2,
.detail-calculation-tour .accordion-content__desc h3 {
    font-weight: 600;
    line-height: 1.5;
}

.detail-calculation-tour .accordion-content__desc .desc-box-location {
    font-size: 1.4rem;
}

@media (max-width: 576px) {
    .detail-calculation-tour .accordion-content__desc h3 {
        font-size: 1.4rem;
    }
}

.detail-calculation-tour>* {
    font-family: "Exo", sans-serif;
}

.detail-calculation-tour .head-box {
	position:relative;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.detail-calculation-tour .head-box .icon-head {
    width: 30px;
    height: 30px;
    background-color: var(--primary-color);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.detail-calculation-tour .head-box .icon-head i {
    font-size: 1.8rem;
}

.detail-calculation-tour .head-box .dateplane {
    color: #222;
    text-transform: none;
}

.detail-calculation-tour .list-servicepax {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    column-count: 2;
}

.detail-calculation-tour .list-servicepax .item-servicepax {
    width: calc(50% - 5px);
    margin-bottom: 15px;
}

.detail-calculation-tour .list-servicepax .item-servicepax:not(:last-child) {
    margin-bottom: 15px;
}

@media (max-width: 991.98px) {
    .detail-calculation-tour .list-servicepax .item-servicepax {
        width: 100%;
    }
}

.detail-calculation-tour .list-servicepax .item-content {
    display: block;
}

@media (max-width: 767.98px) {
    .detail-calculation-tour .list-servicepax {
        column-count: 1;
    }
}

.detail-calculation-tour .choose-box {
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    background-color: #f5f5f5;
	font-size:1.4rem;
}

.detail-calculation-tour .choose-box .choose-value {
    padding: 10px;
    cursor: pointer;
    appearance: none;
    position: relative;
}

.detail-calculation-tour .choose-box .choose-value::after {
    content: "\f329";
    font-family: fontawesome;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    z-index: 1;
    color: var(--primary-color);
    font-size: 1.8rem;
}

.detail-calculation-tour .choose-box .choose-value span strong {
    color: var(--primary-color);
}

.detail-calculation-tour .choose-box .choose-value span+span {
    color: #cdaaaa;
}

.detail-calculation-tour .choose-box .choose-value.active {
    border-bottom: 1px solid #c4c4c4;
    border-radius: 0 0 8px 8px;
}

.detail-calculation-tour .choose-box .choose-list {
    display: none;
}

.detail-calculation-tour .choose-box .choose-item {
    padding: 10px;
    font-weight: 500;
    cursor: pointer;
}

.detail-calculation-tour .choose-box .choose-item span strong {
    color: var(--primary-color);
}

.detail-calculation-tour .choose-box .choose-item span+span {
    color: #cdaaaa;
}

.detail-calculation-tour .tourguide-item {
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    background-color: #f5f5f5;
    padding: 10px;
}

.detail-calculation-tour .tourguide-item:not(:last-child) {
    margin-bottom: 15px;
}

.detail-calculation-tour .tourguide-item-info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.detail-calculation-tour .tourguide-item-info .box-image img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.detail-calculation-tour .tourguide-item-info .box-content .tourguide-name {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 8px;
}

.detail-calculation-tour .tourguide-item-info .box-content .tourguide-price {
    font-size: 1.6rem;
}

.detail-calculation-tour .tourguide-item-info .box-content .tourguide-price-number {
    color: var(--primary-color);
    font-weight: bold;
}

.detail-calculation-tour .tourguide-item-info .box-content .tourguide-detail-btn {
    color: var(--primary-color);
    text-decoration: underline;
    font-style: italic;
    cursor: pointer;
    font-weight: bold;
}

.detail-calculation-tour .tourguide-item-info .box-content .groupbtn {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.detail-calculation-tour .tourguide-item-info .box-content .groupbtn button {
    border: 0;
    padding: 6px 10px;
    border-radius: 4px;
}

.detail-calculation-tour .tourguide-item-info .box-content .groupbtn .tourguide-add {
    background-color: var(--primary-color);
    color: #fff;
}

.detail-calculation-tour .tourguide-item-info .box-content .groupbtn .tourguide-removeadd {
    background-color: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.detail-calculation-tour .tourguide-item-meta {
    margin-top: 10px;
    display: none;
}

.detail-calculation-tour .tourguide-item-meta p:last-child {
    margin-bottom: 0;
}

.detail-calculation-tour .restaurant-sg {
    border: 1px solid #c4c4c4;
    padding: 10px;
    border-radius: 4px;
    background-color: #f5f5f5;
}

.detail-calculation-tour .restaurant-sg .restaurant-item:not(:last-child) {
    margin-bottom: 15px;
}

.detail-calculation-tour .restaurant-sg .restaurant-item .box-head {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.detail-calculation-tour .restaurant-sg .restaurant-item .box-head label {
    padding: 5px;
    background-color: #e8e0e8;
    color: var(--primary-color);
	margin-bottom:0;
}

.detail-calculation-tour .restaurant-sg .restaurant-item .box-head select {
    padding: 3px 7px;
	border:1px solid var(--primary-color);
	border-radius:3px;
	color:inherit;
}

.detail-calculation-tour .restaurant-sg .restaurant-item .box-head select:focus {
    outline: 0;
}

.detail-calculation-tour .restaurant-sg .restaurant-item .box-head select option:focus,
.detail-calculation-tour .restaurant-sg .restaurant-item .box-head select option:hover {
    background-color: var(--primary-color);
}

.detail-calculation-tour .restaurant-sg .restaurant-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.detail-calculation-tour .restaurant-sg .restaurant-box:not(:last-child) {
    margin-bottom: 10px;
}

.detail-calculation-tour .restaurant-sg .restaurant-box .box-image {
    position: relative;
	min-width:100px;
}

.detail-calculation-tour .restaurant-sg .restaurant-box .box-image img,
.detail-calculation-tour .restaurant-sg .restaurant-box .box-image svg {
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.detail-calculation-tour .restaurant-sg .restaurant-box .box-image i{
	font-size:75px;
	color:var(--primary-color);
}
.detail-calculation-tour .restaurant-sg .restaurant-box .box-image .link-detail {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}

.detail-calculation-tour .restaurant-sg .restaurant-box .box-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000040;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
}

.detail-calculation-tour .restaurant-sg .restaurant-box .box-image:hover::before {
    opacity: 1;
    visibility: visible;
}

.detail-calculation-tour .restaurant-sg .restaurant-box .box-image:hover .link-detail {
    opacity: 1;
    visibility: visible;
}

.detail-calculation-tour .restaurant-sg .restaurant-box .box-content .restaurant-name {
    color: var(--primary-color);
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 8px;
}
.detail-calculation-tour .restaurant-sg .restaurant-box .box-content .restaurant-price{
    color: #7f7e7e;
    font-size: 1.4rem;
	margin-bottom:2px;
}
.detail-calculation-tour .restaurant-sg .restaurant-box .box-content .restaurant-price__number{
	color:var(--primary-color);
	font-weight:bold;
}
.detail-calculation-tour .restaurant-sg .restaurant-box .box-content .restaurant-location {
    color: #7f7e7e;
    font-size: 1.4rem;
}

.detail-calculation-tour .restaurant-sg .restaurant-box .box-content .groupbtn {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.detail-calculation-tour .restaurant-sg .restaurant-box .box-content .groupbtn button {
    border: 0;
    padding: 6px 10px;
    border-radius: 4px;
}

.detail-calculation-tour .restaurant-sg .restaurant-box .box-content .groupbtn .button-add {
    background-color: var(--primary-color);
    color: #fff;
}

.detail-calculation-tour .restaurant-sg .restaurant-box .box-content .groupbtn .button-removeadd {
    background-color: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.detail-calculation-tour .amusement-sg {
    border: 1px solid #c4c4c4;
    padding: 10px;
    border-radius: 4px;
    background-color: #f5f5f5;
}

.detail-calculation-tour .amusement-sg .item-ap:not(:last-child) {
    margin-bottom: 15px;
}

.detail-calculation-tour .amusement-sg .item-ap .box-head {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.detail-calculation-tour .amusement-sg .item-ap .box-head label {
    padding: 5px;
    background-color: #e8e0e8;
    color: var(--primary-color);
}

.detail-calculation-tour .amusement-sg .item-ap .box-head select {
    padding: 3px 7px;
}

.detail-calculation-tour .amusement-sg .item-ap .box-head select:focus {
    outline: 0;
}

.detail-calculation-tour .amusement-sg .item-ap .box-head select option:focus,
.detail-calculation-tour .amusement-sg .item-ap .box-head select option:hover {
    background-color: var(--primary-color);
}

.detail-calculation-tour .amusement-sg .amusement-box {
    display: flex;
    align-items: center;
    gap: 10px;
}

.detail-calculation-tour .amusement-sg .amusement-box:not(:last-child) {
    margin-bottom: 10px;
}

.detail-calculation-tour .amusement-sg .amusement-box .box-image {
    position: relative;
	min-width:100px;
}

.detail-calculation-tour .amusement-sg .amusement-box .box-image img {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.detail-calculation-tour .amusement-sg .amusement-box .box-image .link-detail {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
}

.detail-calculation-tour .amusement-sg .amusement-box .box-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000040;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
}

.detail-calculation-tour .amusement-sg .amusement-box .box-image:hover::before {
    opacity: 1;
    visibility: visible;
}

.detail-calculation-tour .amusement-sg .amusement-box .box-image:hover .link-detail {
    opacity: 1;
    visibility: visible;
}

.detail-calculation-tour .amusement-sg .amusement-box .box-content .amusement-name {
    color: var(--primary-color);
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 8px;
}

.detail-calculation-tour .amusement-sg .amusement-box .box-content .amusement-location {
    color: #7f7e7e;
    font-size: 1.4rem;
}
.detail-calculation-tour .amusement-sg .amusement-box .box-content .amusement-location .amusement-location__number{
	color:var(--primary-color);
	font-weight:bold;
}
.detail-calculation-tour .amusement-sg .amusement-box .box-content .groupbtn {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.detail-calculation-tour .amusement-sg .amusement-box .box-content .groupbtn button {
    border: 0;
    padding: 6px 10px;
    border-radius: 4px;
}

.detail-calculation-tour .amusement-sg .amusement-box .box-content .groupbtn .button-add {
    background-color: var(--primary-color);
    color: #fff;
}

.detail-calculation-tour .amusement-sg .amusement-box .box-content .groupbtn .button-removeadd {
    background-color: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.detail-calculation-tour .hotel-sg .filter-hotel-sg {
    border: 1px solid #c4c4c4;
    padding: 10px;
    border-radius: 4px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.detail-calculation-tour .hotel-sg .filter-hotel-sg .widget-item {
    flex: 1;
    text-align: center;
    color: #000000;
    position: relative;
}
@media (max-width:576px){
	.detail-calculation-tour .hotel-sg .filter-hotel-sg .widget-item {
		flex: auto;
		width:50%;
	}
}
.detail-calculation-tour .hotel-sg .filter-hotel-sg .widget-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 1px;
    height: 30px;
    background-color: #6d6d6d;
    z-index: 1;
}
@media(max-width:576px){
	.detail-calculation-tour .hotel-sg .filter-hotel-sg .widget-item:nth-child(2):after{
		display:none;
	}
}
.detail-calculation-tour .hotel-sg .filter-hotel-sg .widget-item a {
    color: inherit;
}

.detail-calculation-tour .hotel-sg .filter-hotel-sg .widget-item .search-hotel-sg {
    position: relative;
    width: 100%;
}

.detail-calculation-tour .hotel-sg .filter-hotel-sg .widget-item .search-hotel-sg input {
    border: 0;
    background-color: transparent;
    padding: 6px 10px;
	width:100%;
}

.detail-calculation-tour .hotel-sg .filter-hotel-sg .widget-item .search-hotel-sg button {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    z-index: 1;
    width: 30px;
    height: 30px;
    border: 0;
    outline: 0;
    color: var(--primary-color);
	background:#f5f5f5;
}

.detail-calculation-tour .hotel-sg .filter-hotel-sg .widget-item .search-star {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

.detail-calculation-tour .hotel-sg .filter-hotel-sg .widget-item .search-star .rating select {
    border: 0;
    background-color: transparent;
    outline: 0;
    text-align: center;
	color:inherit;
}

.detail-calculation-tour .hotel-sg .filter-hotel-sg .widget-item .hotel-type {
    width: 100%;
    border: 0;
    outline: 0;
    padding: 6px 10px;
    text-align: center;
    background-color: transparent;
    cursor: pointer;
	color:inherit;
}

.detail-calculation-tour .hotel-sg-item .inner-box {
    border: 1px solid #c4c4c4;
    padding: 10px;
    border-radius: 4px;
    background-color: #f5f5f5;
	position: relative;
}
.tag-promo{
	position: absolute;
	top: 4px;
	right: 10px;
}
@media (max-width: 767.98px){
	.tag-promo{
		right:auto;
		left: 0;
	}
}
.tag-promo span {
  background-color: #e53935;
  color: white;
  font-size: 14px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 4px 0 0 4px;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.tag-promo span:after {
  content: '';
  position: absolute;
  top: 0;
  right: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 0 13px 8px;
  border-color: transparent transparent transparent #e53935;
}
.detail-calculation-tour .hotel-sg-item:not(:last-child) {
    margin-bottom: 10px;
}

.detail-calculation-tour .hotel-sg-info {
    display: flex;
    gap: 10px;
}

.detail-calculation-tour .hotel-sg-info .hotel-info {
    width: 50%;
    /*padding-right: 10px;
    border-right: 2px solid #ddd;*/
}

.detail-calculation-tour .hotel-sg-info .hotel-info-wrap {
    display: flex;
    gap: 10px;
	height:100%;
}

.detail-calculation-tour .hotel-sg-info .hotel-info-wrap .box-image {
    width: 35%;
}

.detail-calculation-tour .hotel-sg-info .hotel-info-wrap .box-image img {
    aspect-ratio: 6/6;
	width:100%;
	height:auto;
    object-fit: cover;
}

.detail-calculation-tour .hotel-sg-info .hotel-info-wrap .box-content {
    width: 65%;
}
@media (max-width: 767.98px){
	.detail-calculation-tour .hotel-sg-info .hotel-info-wrap {
		flex-wrap: wrap;
	}
	.detail-calculation-tour .hotel-sg-info .hotel-info-wrap .box-image {
		width: 100%;
	}
	.detail-calculation-tour .hotel-sg-info .hotel-info-wrap .box-content {
		width: 100%;
	}
}
.detail-calculation-tour .hotel-sg-info .hotel-info-wrap .box-content .hotel-name {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 6px;
}

.detail-calculation-tour .hotel-sg-info .hotel-info-wrap .box-content .hotel-location {
    color: #7f7e7e;
    font-size: 1.4rem;
}

.detail-calculation-tour .hotel-sg-info .hotel-info-wrap .box-content .hotel-rating {
    font-size: 12px;
    margin: 4px 0;
    color: #f4cd03;
}

.detail-calculation-tour .hotel-sg-info .hotel-info-wrap .box-content .hotel-discount {
    margin: 10px 0;
}

.detail-calculation-tour .hotel-sg-info .hotel-info-wrap .box-content .hotel-discount .discount-total {
    padding: 6px;
    background-color: #fd7e14;
    border-radius: 25px 0 25px 25px;
    color: #fff;
    margin-right: 6px;
}

.detail-calculation-tour .hotel-sg-info .hotel-info-wrap .box-content .hotel-discount label {
    margin-bottom: 0;
    font-size: 1.4rem;
    font-style: italic;
}

.detail-calculation-tour .hotel-sg-info .hotel-info-wrap .box-content .hotel-service {
    margin-top: 10px;
    column-count: 2;
}

.detail-calculation-tour .hotel-sg-info .hotel-info-wrap .box-content .hotel-service i {
    color: var(--primary-color);
}

.detail-calculation-tour .hotel-sg-info .hotel-info-wrap .box-content .hotel-service-item {
    margin-bottom: 10px;
}

@media (max-width: 991.98px) {
    .detail-calculation-tour .hotel-sg-info .hotel-info {
        width: 100%;
        border: 0;
    }
}

@media (max-width: 991.98px) {
    .detail-calculation-tour .hotel-sg-info {
        flex-wrap: wrap;
    }
}

.detail-calculation-tour .hotel-sg .type-room {
    width: calc(50% - 5px);
}

.detail-calculation-tour .hotel-sg .type-room-inner {
    display: flex;
    gap: 10px;
}

.detail-calculation-tour .hotel-sg .type-room-info {
    width: 55%;
    padding-right: 10px;
    border-right: 2px solid #ddd;
}

.detail-calculation-tour .hotel-sg .type-room-meta {
    width: 45%;
}

.detail-calculation-tour .hotel-sg .type-room-name {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: 6px;
}

.detail-calculation-tour .hotel-sg .type-room-desc ul {
    list-style: none;
    margin-bottom: 15px;
}

.detail-calculation-tour .hotel-sg .type-room-desc ul li {
    font-size: 1.6rem;
    color: #7f7e7e;
}

.detail-calculation-tour .hotel-sg .type-room-desc ul li i {
    margin-right: 6px;
    color: var(--primary-color);
}

.detail-calculation-tour .hotel-sg .type-room-image {
    display: flex;
    align-items: center;
	font-size:1.4rem;
}

.detail-calculation-tour .hotel-sg .type-room-image img {
    aspect-ratio: 6/6;
    object-fit: cover;
}

.detail-calculation-tour .hotel-sg .type-room-image .item {
    position: relative;
    width: 33.3333333333%;
    margin-right: 10px;
}

.detail-calculation-tour .hotel-sg .type-room-image .item:last-child a {
    position: relative;
    display: block;
}

.detail-calculation-tour .hotel-sg .type-room .hidden-type-room-img {
    display: none;
}

.detail-calculation-tour .hotel-sg .type-room-price {
    color: #7e7e7e;
}

.detail-calculation-tour .hotel-sg .type-room-price-total {
    color: var(--primary-color);
    font-size: 2.4rem;
}

.detail-calculation-tour .hotel-sg .type-room .groupbtn {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
}

.detail-calculation-tour .hotel-sg .type-room .groupbtn button {
    border: 0;
    padding: 6px 10px;
    border-radius: 4px;
}

.detail-calculation-tour .hotel-sg .type-room .groupbtn .button-add {
    background-color: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.detail-calculation-tour .hotel-sg .type-room .groupbtn .button-removeadd {
    background-color: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
}

.detail-calculation-tour .hotel-sg .type-room .groupbtn.active .button-add {
    color: var(--primary-color);
    background-color: var(--primary-color);
    color: #fff;
}

@media (max-width: 991.98px) {
    .detail-calculation-tour .hotel-sg .type-room {
        width: 100%;
    }
}

.detail-calculation-tour .hotel-sg .type-room-more {
    display: none;
}

.detail-calculation-tour .hotel-sg .type-room-more__inner {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (max-width: 991.98px) {
    .detail-calculation-tour .hotel-sg .type-room-more__inner {
        flex-wrap: wrap;
    }
}

.detail-calculation-tour .hotel-sg .type-room-more .type-room-inner {
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
}

.detail-calculation-tour .hotel-sg .type-room-more .groupbtn .button-removeadd {
    display: none;
}

.detail-calculation-tour .tours-sg {
    margin-top: 20px;
}
/*.detail-calculation-tour .tours-sg .tour__image .img{
	height:100%;
}*/
.showhide-mobile-toursg{
	position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    text-decoration: underline;
    text-transform: math-auto;
	display:block;
	cursor:pointer;
}
.detail-calculation-tour .tours-sg .tours-sg-content{
	display:none;
}
/*@media (max-width:576px){
	.detail-calculation-tour .tours-sg .tours-sg-content .list__tour:not(:first-child){
		display:none;
	}
	.showhide-mobile-toursg{
		display:block;
	}
}*/
.detail-calculation-tour .tours-sg .price-sale strong {
    font-size: 2.4rem;
}

.detail-calculation-tour .box-sidebar-total .widget {
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 8px;
}

.detail-calculation-tour .box-sidebar-total .widget:not(:last-child) {
    margin-bottom: 15px;
}

.detail-calculation-tour .box-sidebar-total .tour-quote-head {
    background-color: var(--primary-color);
    display: flex;
    align-items: center;
}

.detail-calculation-tour .box-sidebar-total .tour-quote-head .item {
    width: 50%;
    text-align: center;
    padding: 10px;
    color: #fff;
}

.detail-calculation-tour .box-sidebar-total .tour-quote-head .item+.item {
    border-left: 1px solid #ddd;
}

.detail-calculation-tour .box-sidebar-total .tour-quote-content {
    padding: 10px;
}

.detail-calculation-tour .box-sidebar-total .tour-quote-content .item-qt {
    margin: 5px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.detail-calculation-tour .box-sidebar-total .tour-quote-content .item-qt:not(:last-child) {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}

.detail-calculation-tour .box-sidebar-total .tour-quote-content .item-qt-label {
    display: flex;
    align-items: center;
    gap: 10px;
    color: inherit;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1;
}

.detail-calculation-tour .box-sidebar-total .tour-quote-content .item-qt .icon-label {
    width: 30px;
    height: 30px;
    background-color: var(--primary-color);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.detail-calculation-tour .box-sidebar-total .tour-quote-content .item-qt .icon-label i {
    font-size: 1.8rem;
}

.detail-calculation-tour .box-sidebar-total .tour-quote-content .item-qt-desc {
    color: var(--primary-color);
    font-weight: bold;
}

.detail-calculation-tour .box-sidebar-total .total-wrap {
    padding: 10px;
}

.detail-calculation-tour .box-sidebar-total .total-wrap table thead {
    border-bottom: 1px solid #ddd;
}

.detail-calculation-tour .box-sidebar-total .total-wrap table tbody tr {
    border-bottom: 1px solid #ddd;
}

.detail-calculation-tour .box-sidebar-total .total-wrap table th {
    text-transform: uppercase;
    font-weight: bold;
    color: var(--primary-color);
}

.detail-calculation-tour .box-sidebar-total .total-wrap table th,
.detail-calculation-tour .box-sidebar-total .total-wrap table td {
    padding: 10px 0;
	font-size:1.4rem;
}

.detail-calculation-tour .box-sidebar-total .total-wrap table td {
    color: #4c4c4c;
}

.detail-calculation-tour .box-sidebar-total .form-contact-calculation {
    padding: 10px;
}

.detail-calculation-tour .box-sidebar-total .form-contact-calculation .title-form {
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 600;
    color: #737373;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.detail-calculation-tour .box-sidebar-total .form-contact-calculation .form-group input,
.detail-calculation-tour .box-sidebar-total .form-contact-calculation .form-group textarea {
    width: 100%;
    padding: 10px;
    background-color: #f5f7fa;
    color: #737373;
    font-size: 1.6rem;
    line-height: 1.2;
    border: 1px solid #ddd;
}

.detail-calculation-tour .box-sidebar-total .form-contact-calculation .form-group .note-form p {
    color: #0f294d;
    font-size: 1.4rem;
    line-height: 1.2;
}

.detail-calculation-tour .box-sidebar-total .form-contact-calculation .form-group .note-form p:last-child {
    margin-bottom: 0;
}

.detail-calculation-tour .box-sidebar-total .form-contact-calculation .form-button {
    margin: 20px 0 10px;
    text-align: center;
}

.detail-calculation-tour .box-sidebar-total .form-contact-calculation .form-button .button-submit {
    background-color: var(--primary-color);
    padding: 10px;
    color: #fff;
    border: 0;
    border-radius: 18px;
    min-width: 180px;
    text-align: center;
    font-size: 14px;
    line-height: 1.2;
    text-transform: uppercase;
}


/* end update css new form buid tour 20-5-2024 */

.append-item {
    padding: 15px 0;
}

.append-title-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 15px;
}

.append-title-header h3 {
    border:1px solid var(--primary-color);
	background: var(--primary-color);
	color:#fff;
	padding:7px 10px;
	border-radius:6px;
	font-size:1.6rem;
}

@media (max-width: 576px) {
    .append-title-header h3 {
        font-size: 1.6rem;
    }
}
.append-title-header h3 img{
	width:16px;
	filter: brightness(0) invert(1);
}
.append-title-header .remove-append {
    display: inline-block;
    padding: 6px 10px;
    color: #fff;
    font-size: 16px;
    background-color: var(--primary-color);
    cursor: pointer;
    border-radius: 4px;
}

.blogs .filter-blogs {
    margin-bottom: 30px;
}

.blogs .filter-blogs>a {
    display: inline-block;
    border: 0.5px solid #8e8e8e;
    color: inherit;
    padding: 9px 12px;
    border-radius: 16px;
}

.blogs-item {
    /*padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 0.5px solid #000000;*/
    margin-bottom: 15px;
    border: 0.5px solid #ebe4e4;
    border-radius: 20px;
}

.blogs-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    aspect-ratio: 9/6;
}

.blogs-item-content {
    padding: 15px 10px;
}

.blogs-item-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    margin-bottom: 15px;
}

.blogs-item-title a {
    color: inherit;
}

.blogs-item-title a:hover {
    color: var(--primary-color);
}


.blogs-item-desc {
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: justify;
    color: #787878;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blogs-item-image{
	height: 100%;
}
.blog__btn{
	display: flex;
	align-items: center;
}
.post__date,
.btn__view-blog{
	width: 50%;
	text-align: center;
}
.btn__view-blog a{
	display: inline-block;
	padding: 6px 10px;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    outline: none;
    transition: all 0.2s;
}
.pagination {
    margin-top: 30px;
}

.pagination {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.pagination li {
    cursor: pointer;
}

.pagination li a {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primary-color) !important;
    border-radius: 4px;
    color: var(--primary-color) !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    transition: all 0.3s ease-in-out;
}

@media(max-width:576px) {
    .pagination li a {
        width: 25px;
        height: 25px;
        font-size: 16px;
        line-height: 1.3;
    }
}

.pagination li.active .page-link,
.pagination li:hover .page-link {
    background-color: var(--primary-color);
    color: #fff !important;
    transition: all 0.3s ease-in-out;
}

.page-link.pagi-item {
    padding: 0;
    border: 0;
}

.page-link.pagi-item.active a {
    background-color: var(--primary-color);
    color: #fff !important;
}

.blogs-sidebar .widget-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    margin-bottom: 15px;
}

.blogs-sidebar-item {
    position: relative;
    border: .5px solid #ebe4e4;
    margin-bottom: 15px;
    border-radius: 20px;
}

.blogs-sidebar-item figure {
    margin-bottom: 0;
}

.blogs-sidebar-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
    aspect-ratio: 9/6;
}

.blogs-sidebar-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0em;
    /*margin-bottom:15px;*/
}

.blogs-sidebar-title a {
    color: inherit;
}

.blogs-sidebar-title a:hover {
    color: var(--primary-color);
}

.blogs-sidebar-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.blogs-sidebar-tag {
    position: absolute;
    top: 0;
    right: 0;
}

.blogs-sidebar-tag span {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-transform: uppercase;
    color: #B72025;
    background: #FFD4D4;
    padding: 4px;
    border-radius: 0 5px 0 0;
}


/*@media (min-width: 360px) {
.blogs-sidebar .blogs-sidebar-item:not(:nth-child(1)) {
display: flex;
align-items: center;
justify-content: center;
}

.blogs-sidebar .blogs-sidebar-item:not(:nth-child(1)) .blogs-sidebar-image {
max-width: 35%;
}

.blogs-sidebar .blogs-sidebar-item:not(:nth-child(1)) .blogs-sidebar-content {
max-width: 65%;
padding-left: 15px;
}
}*/

.blogs-sidebar .blogs-sidebar-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.blogs-sidebar .blogs-sidebar-item .blogs-sidebar-image {
    /*max-width: 35%;*/
}

.blogs-sidebar .blogs-sidebar-item .blogs-sidebar-content {
    /*max-width: 65%;*/
    padding: 10px 15px;
}

@media(max-width:991px) {
    .blogs-sidebar .blogs-sidebar-item .blogs-sidebar-image {
        max-width: 100%;
    }
    .blogs-sidebar .blogs-sidebar-item .blogs-sidebar-content {
        max-width: 100%;
    }
}


/*.blogs-detail .heading-title .sectitle {
text-transform: capitalize;
}*/

.blogs-detail-meta {
    margin-bottom: 30px;
}

.blogs-detail-meta .blogs-times {
    text-align: right;
    color: var(--primary-color);
}

@media (max-width: 768px) {
    .blogs-detail-meta .filter-blogs {
        display: none;
    }
}

.blogs-detail .filter-blogs a {
    border-radius: 5px;
    background: #E7E7E7;
    display: inline-block;
    color: #000000;
    padding: 7px 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}

.blogs-detail-content {
    text-align: justify;
}
.blogs-detail-content table col{
	width: auto;
}
.blogs-detail-content .content-desc {
    margin-bottom: 30px;
	line-height:1.5;
}
.blogs-detail-content .content-desc h1,
.blogs-detail-content .content-desc h2,
.blogs-detail-content .content-desc h3,
.blogs-detail-content .content-desc h4,
.blogs-detail-content .content-desc h5,
.blogs-detail-content .content-desc h6{
	margin: 15px 0;
	line-height:1.5;
}
.blogs-detail-content .content-desc h2{
	font-size: 18px;
}
.blogs-detail-content .content-desc iframe {
    max-width: 100%;
}

.blogs-detail-content .content-desc ul,
.blogs-detail-content .content-desc ol{
	margin-left: 30px;
    list-style-type: revert;

}

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

@media(max-width:576px) {
    .blogs-detail-content img {
        width: 100% !important;
        height: auto !important;
    }
}

.blogs-detail-content-author {
    text-align: right;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 0.5px solid #000000;
}

.blogs-detail-content-author span {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.blogs-detail-content-share {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

.blogs-detail-content-share .content-share-label {
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    color: var(--primary-color);
}

.blogs-detail-content-share .content-share-label i {
    font-size: 24px;
}

.blogs-detail-content-share .content-share-social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.blogs-detail-content-share .content-share-social a {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 50%;
    font-size: 18px;
}

.blogs-detail-sidebar .related-tours .item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 0.5px solid #000000;
}


.index{
	border: 1px solid #ced4da;
	border-radius: 4px;
	overflow: hidden;
}
.overlay__news{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #00000080;
	z-index: 10;
	display: none;
}
.overlay__news.show{
	display: block;
}
.index.active{
	position: fixed;
	top: 150px;
	left: 20px;
	width: 650px;
	max-width: 90%;
	max-height: 546px;
	border: none;
	display: flex;
	gap: 5px;
	z-index: 100;
}
.title__index{
	position: relative;
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	padding: 15px;
	background-color: #f7f7f7;

}
.title__index::before{
	content: "\f078";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	font-family: 'fontawesome';
	font-size: 20px;
	color: #000;
	transition: all .4s;
}
.index.open .title__index::before{
	transform: translateY(-50%) rotate(180deg);
	transition: all .4s;
}
.main__index{
	padding: 20px 40px;
	margin: 0;
	max-height: 300px;
	overflow-y: auto;
}
.main__index ul{
	padding-left: 10px;
}
.main__index li {
	list-style-type: none;
	margin-top: 5px;
}
.main__index li a{
	font-size: 14px;
	color: #0079c0;
	text-decoration: none !important;
}
.index.active .title__index{
	width: 90px;
	height: 70px;
	flex-direction: column;
	border-radius: 4px;
	padding: 10px;
	justify-content: center;
	border: 1px solid #ced4da;
}
.index.active .title__index::before{
	display: none;
}
.index img{
	width: 20px !important;
	height: 20px !important;
	object-fit: cover;
}
.index.active .title__index.show-icon img{
	display: none;
	width: 20px;
	height: 20px;
	object-fit: cover;
}
.title__index.title__index.show-icon img.x{
	display: inline-block;
}
.index.active .main__index{
	flex: 1;
	background-color: #f7f7f7;
	border-radius: 3px;
}
.x{
	display: none;
}



/*.blogs-detail-sidebar .related-tours .item .image-box {
max-width: 35%;
}

.blogs-detail-sidebar .related-tours .item .image-box figure {
margin-bottom: 0;
}*/

.blogs-detail-sidebar .related-tours .item .image-box a {
    display: block;
    width: 130px;
}

.blogs-detail-sidebar .related-tours .item .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
    aspect-ratio: 9/6;
}


/*.blogs-detail-sidebar .related-tours .item .content-box {
max-width: 65%;
padding-left: 15px;
}*/

.blogs-detail-sidebar .related-tours .item .content-box-title {
    font-size: 16px;
    color: #000000;
    margin-bottom: 10px;
    font-weight: 600;
}

.blogs-detail-sidebar .related-tours .item .content-box-title a {
    color: inherit;
}

.blogs-detail-sidebar .related-tours .item .content-box .tours-price {
    margin-bottom: 10px;
}

.blogs-detail-sidebar .related-tours .item .content-box .tours-price span {
    color: #B72025;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.blogs-detail-sidebar .related-tours .item .content-box-button .btn-more {
    display: block;
    background-color: var(--primary-color);
    color: #fff;
    font-weight: 700;
}

.tag-name {
    margin-top: 70px;
}

.tag-name ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.tag-name ul li a {
    display: inline-block;
    background-color: #e7e7e7;
    padding: 7px 15px;
    border-radius: 5px;
    color: inherit;
}

.other-blogs {
    padding-bottom: 70px;
}

.other-blogs .heading-title {
    text-transform: capitalize;
}

.other-blogs .heading-title .sectitle {
    text-align: left;
    text-transform: capitalize;
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.other-blogs-slide {
    margin: 0 -15px;
}

.other-blogs-slide .item {
    padding: 0 15px;
}

@media(max-width:576px) {
    .other-blogs-slide {
        margin: 0;
    }
    .other-blogs-slide .item {
        padding: 0;
    }
}

.other-blogs-slide .item-wrap {
    border: 0.25px solid #ccc;
    border-radius: 10px;
}

.other-blogs-slide .item .image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.other-blogs-slide .item .content-box {
    padding: 12px;
}

.other-blogs-slide .item .content-box .blogs-title {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
}

.other-blogs-slide .item .content-box .blogs-title a {
    color: inherit;
}

.other-blogs-slide .item .content-box .blogs-title:hover {
    color: var(--primary-color);
}

.other-blogs-slide .item .content-box hr {
    border-top: 0.25px solid #5c5c5c;
}

.other-blogs-slide .item .content-box .blogs-desc {
    color: #010101;
    text-align: justify;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.other-blogs-slide .item .content-box .btn-group {
    margin-top: 25px;
}

.other-blogs-slide .item .content-box .btn-group .btn-more {
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    min-width: 200px;
}

.other-blogs-slide .slick-arrow {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1;
}

.other-blogs-slide .slick-arrow::before {
    color: #000;
    opacity: 1;
}

.other-blogs-slide .slick-prev {
    left: 0;
}

.other-blogs-slide .slick-prev::before {
    content: "\f053";
    font-family: fontawesome;
}

.other-blogs-slide .slick-next {
    right: 0;
}

.other-blogs-slide .slick-next::before {
    content: "\f054";
    font-family: fontawesome;
}

.contact-about-content .sectitle {
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
}

@media(max-width:991px) {
    .contact-about-content .sectitle {
        font-size: 20px;
        margin-bottom: 15px;
    }
}

.contact-about-content .desc {
    text-align: justify;
    margin-bottom: 30px;
}

.contact-about-content .desc img {
    margin-left: 10px;
}

@media(max-width:480px) {
    .contact-about-content .desc img {
        float: none !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 0 10px;
    }
}

.contact-about-content .desc .author-about {
    float: right;
    margin-left: 15px;
}

.contact-about-content .group-button a {
    padding: 10px 20px;
}

.contact-about-content .group-button .btn-primary:hover,
.contact-about-content .group-button .btn-primary:focus,
.contact-about-content .group-button .btn-primary:active {
    background-color: var(--primary-color);
    color: #fff;
    box-shadow: unset;
}

.contact-about-content .group-button .modal .close span {
    font-size: 28px;
}

.contact-about-content .group-button .modal .form-control {
    font-size: 16px;
}

.contact-about-content .group-button .modal .form-label {
    font-weight: 600;
}

.contact-about-content .group-button .modal .form-label .red {
    color: red;
}

.contact-about-content .group-button .modal input.form-control {
    height: 35px;
}

.contact-about .author-about a {
    display: inline-block;
}

.contact-about .author-about a:not(:first-child) {
    margin-left: -30px;
}

.contact-about .author-about a img {
    object-fit: cover;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.25);
}

@media(max-width:576px) {
    .contact-about .author-about {
        margin-top: 30px;
    }
    .contact-about .author-about a img {
        width: 60px;
        height: 60px;
    }
}

.contact-support .item .image-box {
    height: 0;
    position: relative;
    padding-bottom: 67.25%;
}

.contact-support .item .image-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-support .item .content-box {
    padding: 20px 0;
}

.contact-support .item .content-box .sectitle {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.contact-support .item .content-box .desc {
    color: #010101;
    font-size: 14px;
}

.contact-location .heading-title .sectitle {
    text-align: left;
}

.contact-location .group-button {
    display: inline-flex;
    flex-direction: column;
    gap: 20px;
}

.contact-location .group-button a {
    display: inline-block;
    min-width: 200px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0em;
    border-color: var(--primary-color);
    margin-bottom: 10px;
}

.contact-location .group-button a.active {
    background-color: var(--primary-color);
    color: #fff;
}

@media (max-width: 767.98px) {
    .contact-location .group-button {
        display: block;
        margin-bottom: 20px;
    }
}

.contact-location-map .item {
    display: none;
}

.contact-location-map .item.active {
    display: block;
}

.contact-location-map .item iframe {
    width: 100%;
    max-width: 100%;
}

.about-desc .heading-title .sectitle {
    color: var(--primary-color);
    text-align: left;
    margin-bottom: 30px;
}

.about-desc .heading-title .subtitle {
    font-size: 20px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0em;
    margin-bottom: 30px;
}

.about-desc .heading-title .desc {
    text-transform: initial;
    font-size: 20px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
}

.about-image {
    position: relative;
}

.about-image iframe {
    width: 100%;
    height: 345px;
    object-fit: cover;
    display: block;
}

.about-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-image .iconplay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.about-image .iconplay a {
    display: inline-block;
    transition: all 0.3s ease;
}

.about-image .iconplay a:hover {
    transform: scale(1.1);
    transition: all 0.3s ease;
}

.box-about {
    min-height: 260px;
    padding: 15px;
    background: #FFF;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    /*box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);*/
}

.about-wrapper .heading-title .sectitle {
    text-align: center;
    text-transform: uppercase;
}

.about-legal .heading-title {
    text-align: center;
}

.about-legal-slide .item {
    padding: 10px;
}

.about-legal-slide .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
    min-height: 250px;
}

.about-legal-slide .slick-prev {
    left: 0;
}

.about-legal-slide .slick-next {
    right: 0;
}


/*.timeline {
padding-bottom: 0;
}

.timeline .heading-title {
text-align: center;
}

.timeline .heading-title .sectitle {
text-transform: uppercase;
}

.timeline-wrap {
max-width: 100%;
overflow-x: auto;
overflow-y:auto;
}

.timeline-wrap .horizontal-line {
height: auto;
width: 100%;
background-color: transparent;
padding: 255px 0 200px;
position: relative;
}
@media(max-width:1024px){
.timeline-wrap .horizontal-line{
padding:310px 0 250px;
}
}
.timeline-wrap .vertical-line {
background-color: grey;
height: 3px;
}

.timeline-wrap ol {
display: flex;
justify-content: center;
align-items: center;
}

.timeline-wrap .item {
flex-grow: 1;
flex-shrink: 1;
position: relative;
padding: 20px;
width:20%;
}

.timeline-wrap .item .dot {
position: absolute;
top: 0;
left: 50%;
transform: translate(0, -50%);
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #663b97;
border: 2px solid #fff;
transition: 0.3s ease;
}

.timeline-wrap .item .dot span {
position: relative;
display: block;
width: 100%;
height: 100%;
}

.timeline-wrap .item .dot span::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-block;
width: 40px;
height: 40px;
border-radius: 50%;
border: 2px solid #27b45c;
}

.timeline-wrap .item .dot span::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: inline-block;
width: 70px;
height: 70px;
border-radius: 50%;
border: 2px solid #27b45c;
}

.timeline-wrap .item .dot span .line {
position: absolute;
top: 200%;
left: 50%;
transform: translate(-50%, -50%);
width: 3px;
height: 50px;
background-color: #663b97;
}

.timeline-wrap .item-desc {
position: absolute;
top: 100%;
left: 50%;
width: 95%;
min-width:230px;
height: auto;
transform: translate(-50%, 0%);
padding: 20px;
}

@media (max-width: 991.98px) and (min-width: 768px) {
.timeline-wrap .item-desc {
min-width: 160px;
min-width:200px;
}
}

.timeline-wrap .item .date {
text-align: center;
font-weight: 700;
color: var(--primary-color);
margin-top: 5px;
margin-bottom: 15px;
}

.timeline-wrap .item .panel .content {
text-align: center;
}

.timeline-wrap .item:nth-child(even) .dot span .line {
bottom: 200%;
top: auto;
transform: translate(-50%, 50%);
}

.timeline-wrap .item:nth-child(even) .item-desc {
top: -100%;
transform: translate(-50%, -100%);
}

@media (max-width: 767.98px) {
.timeline-wrap .timeline-wrap {
overflow-x: unset;
}

.timeline-wrap .horizontal-line {
padding: 40px 0;
padding-left: 30px;
}

.timeline-wrap .vertical-line {
position: absolute;
height: 100%;
left: 30px;
top: 0;
border-left: 2px solid var(--primary-color);
}

.timeline-wrap ol {
flex-direction: column;
}

.timeline-wrap .item-desc {
position: relative;
left: 0;
transform: translate(0);
width: 100%;
padding: 10px;
}

.timeline-wrap .item .dot {
left: -10px;
top: 50%;
transform: translate(0, -50%);
}

.timeline-wrap .item .dot span::after {
display: none;
}

.timeline-wrap .item .dot .line {
display: none;
}

.timeline-wrap .item:nth-child(even) .item-desc {
position: relative;
left: 0;
transform: translate(0);
}
}

@media (max-width: 576px) {
.timeline-wrap .horizontal-line {
padding: 20px 0;
padding-left: 30px;
}
}*/


/* Timeline building */

.timeline {
    position: relative;
    white-space: nowrap;
    max-width: 1400px;
    padding: 0 10px;
    margin: 0 auto;
    display: grid;
    /*grid-template-columns: 320px auto;*/
    grid-gap: 20px;
	text-align: center;
}

.timeline::before,
.timeline::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 30px;
    width: 100px;
    z-index: 2;
    display: none;
}

.timeline::after {
    right: 0;
    background: linear-gradient(270deg, var(--timeline-gradient));
}

.timeline::before {
    left: 0;
    background: linear-gradient(90deg, var(--timeline-gradient));
}

.timeline .info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 20px 40px;
    color: var(--white);
    background: var(--midnight-green);
    white-space: normal;
    border-radius: 10px;
}

.timeline .info img {
    margin-bottom: 20px;
}

.timeline .info p {
    margin-top: 10px;
    color: var(--crystal);
}

.timeline .info a {
    text-decoration: none;
}

.timeline ol::-webkit-scrollbar {
    height: 10px;
}

.timeline ol::-webkit-scrollbar-thumb,
.timeline ol::-webkit-scrollbar-track {
    border-radius: 92px;
}

.timeline ol::-webkit-scrollbar-thumb {
    background: var(--primary-color);
}

.timeline ol::-webkit-scrollbar-track {
    background: #ddd;
}

.timeline ol {
    font-size: 0;
    padding: 250px 0;
    transition: all 1s;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-color: var(--yellow) var(--midnight-green);
}

.timeline ol li {
    position: relative;
    display: inline-block;
    list-style-type: none;
    width: 160px;
    width: calc(100% / 5);
    height: 5px;
    background: var(--white);
    background-color: var(--primary-color);
    scroll-snap-align: start;
}

@media(max-width:991px) {
    .timeline ol li {
        width: 160px;
    }
}

.timeline ol li:first-child {
    width: 160px;
    background: transparent;
}

.timeline ol li:first-child .box-timeline {
    left: 20%;
}

.timeline ol li:last-child:before {
    content: '\f072';
    font-family: fontawesome;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translate(0, -50%);
    z-index: 1;
    font-size: 26px;
    color: var(--primary-color);
}

.timeline ol li:not(:first-child) {
    margin-left: 14px;
}

.timeline ol li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 1px);
    bottom: 0;
    width: 16px;
    height: 16px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: var(--midnight-green);
    z-index: 1;
}

.timeline ol li .box-timeline {
    position: absolute;
    left: calc(100% + 7px);
    left: 50%;
    width: 280px;
    padding: 15px;
    font-size: 1.6rem;
    white-space: normal;
    color: var(--black);
    background: var(--white);
    background-color: #ededed;
    border-radius: 0 10px 10px 10px;
}

@media(max-width:1024px) {
    .timeline ol li>.box-timeline {
        left: 30%;
    }
}

@media(max-width:991px) {
    .timeline ol li>.box-timeline {
        left: 13%;
    }
	.control__view{
        margin-bottom: 15px;
    }
    .add__guest{
        width: 100%;
    }
    .search__des{
        width: 70%;
    }

    .item__date .box__root:first-child{
        width: 55%;
    }
    .item__date .box__root:nth-child(2){
        width: 45%;
    }
}

.timeline ol li>.box-timeline::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    left: 55%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
}

.timeline ol li:nth-child(odd)>.box-timeline {
    top: -16px;
    transform: translate(0, -100%);
    border-radius: 10px 10px 10px 0;
}

.timeline ol li:nth-child(odd)>.box-timeline::before {
    top: 100%;
    border-width: 8px 8px 0 0;
    border-color: #ededed transparent transparent transparent;
}

.timeline ol li:nth-child(even)>.box-timeline {
    top: calc(100% + 16px);
}

.timeline ol li:nth-child(even)>.box-timeline::before {
    top: -8px;
    border-width: 8px 0 0 8px;
    border-color: transparent transparent transparent #ededed;
}

.timeline time {
    display: block;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 8px;
    color: var(--primary-color);
}

.timeline ol li .box-timeline {
    opacity: 0;
}

.timeline.active ol li .box-timeline {
    animation: anmBox forwards .6s;
}

.timeline.active ol li:nth-child(odd) .box-timeline {
    animation: anmBoxOdd forwards .6s;
}

@keyframes anmBox {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes anmBoxOdd {
    0% {
        opacity: 0;
        transform: translate(-20px, -100%);
    }
    100% {
        opacity: 1;
        transform: translate(0, -100%);
    }
}


/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 800px) {
    .timeline {
        display: block;
    }
    .timeline::before,
    .timeline::after {
        width: 50px;
    }
    .timeline::before {
        left: 0;
    }
    .timeline .info {
        display: none;
    }
}

:root {
    --white: #fff;
    --black: #323135;
    --crystal: #a8dadd;
    --columbia-blue: #cee9e4;
    --midnight-green: #01565b;
    --yellow: #e5f33d;
    --timeline-gradient: rgba(206, 233, 228, 1) 0%, rgba(206, 233, 228, 1) 50%, rgba(206, 233, 228, 0) 100%;
}


/* End timline building*/
.bg-grey1{
	background:#f5f7fa;
}
.progress-wrap {
    position: relative;
    padding: 15px 0;
	padding-top:45px;
}

.progress-wrap .stepper-wrapper {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    max-width: 660px;
    margin: 0 auto;
    margin-bottom: 20px;
	border: 1px solid var(--primary-color);
    border-radius: 24px;
}

.progress-wrap .stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
	padding:12px;
	font-weight:bold;
	text-align:center;
}
.progress-wrap .stepper-item h2{
	font-size:inherit;
}
.progress-wrap .stepper-item:not(:last-child){
	border-right: 1px solid var(--primary-color);
}
.progress-wrap .stepper-item.completed:not(:last-child),
.progress-wrap .stepper-item.active:not(:last-child){
	border-color: #fff;
}
.progress-wrap .stepper-item:first-child{
	border-radius:24px 0 0 24px;
}
.progress-wrap .stepper-item:last-child{
	border-radius:0 24px 24px 0;
}
@media (max-width: 768px) {
    .progress-wrap .stepper-item {
        font-size: 12px;
		padding:8px 3px;
    }
}

/*.progress-wrap .stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #d9d9d9;
    width: 100%;
    top: 20px;
    left: -50%;
    z-index: 2;
}

.progress-wrap .stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #d9d9d9;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 2;
}*/

.progress-wrap .stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #d9d9d9;
    margin-bottom: 6px;
    color: #fff;
}

.progress-wrap .stepper-item .step-name {
    color: var(--primary-color);
}

.progress-wrap .stepper-item.active .step-name,
.progress-wrap .stepper-item.completed .step-name {
    color: #fff;
}

.progress-wrap .stepper-item.active,
.progress-wrap .stepper-item.completed {
    font-weight: bold;
	background: var(--primary-color);
}

.progress-wrap .stepper-item.completed .step-counter {
    background-color: #08a43b;
}

/*.progress-wrap .stepper-item.completed::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid var(--primary-color);
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3;
}*/

.progress-wrap .stepper-item.active .step-counter {
    background-color: #f09b0a;
}

.progress-wrap .stepper-item:first-child::before {
    content: none;
}

.progress-wrap .stepper-item:last-child::after {
    content: none;
}

.sidebar-box {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
}

.payment-information {
    background-color: #f5f5f5;
}

.payment-information-wrap {
    background-color: #fff;
    border-radius: 10px;
}

.payment-information-wrap .title-box {
    padding: 17px 25px;
    border-bottom: 0.25px solid #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment-information-wrap .title-box span {
    color: var(--primary-color);
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

.payment-information-wrap .title-box a {
    color: var(--primary-color);
}

.payment-information-wrap .title-box a i {
    margin-left: 5px;
}

.payment-information-wrap .payment-footer-box a {
    display: block;
    text-align: center;
    padding: 20px;
    border-top: 1px solid var(--primary-color);
    color: var(--primary-color);
    transition: all 0.3s ease;
}

.payment-information-wrap .payment-footer-box a.active i {
    transform: rotate(180deg);
    transition: all 0.3s ease;
}

.payment-information-wrap .info-box {
    padding: 17px 25px;
}

@media(max-width:767.98px) {
    .payment-information-wrap .info-box {
        padding: 15px;
    }
}

@media(max-width:576px) {
    .payment-information-wrap .info-box .total-payment table td,
    .payment-information-wrap .info-box .total-payment table th {
        padding: 5px 0;
    }
    .payment-information-wrap .info-box .total-payment table td {
        text-align: right;
    }
}

.payment-information-wrap .info-box .title-label {
    color: #000000;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 10px;
}

.payment-information-wrap .info-box .info-payment {
    margin-bottom: 40px;
}

.payment-information-wrap .info-box .info-payment-box {
    border: 0.25px solid #000000;
    padding: 15px 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}

.payment-information-wrap .info-box .info-payment-box .image {
    width: 35%;
}

.payment-information-wrap .info-box .info-payment-box .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.payment-information-wrap .info-box .info-payment-box .content {
    width: 65%;
    padding-left: 15px;
}

@media(max-width:576px) {
    .payment-information-wrap .info-box .info-payment-box {
        flex-direction: column;
        gap: 10px;
    }
    .payment-information-wrap .info-box .info-payment-box .image {
        width: 100%;
    }
    .payment-information-wrap .info-box .info-payment-box .content {
        width: 100%;
        padding-left: 0;
    }
}

.payment-information-wrap .info-box .info-payment-box .content-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 14px;
    margin-bottom: 15px;
}

.payment-information-wrap .info-box .info-payment-box .content-meta .label {
    color: var(--primary-color);
}

.payment-information-wrap .info-box .info-payment-box .content-title {
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.payment-information-wrap .info-box .info-payment-box .content-desc {
    margin-bottom: 15px;
    font-style: italic;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.payment-information-wrap .info-box .info-people {
    margin-bottom: 40px;
}

@media(max-width:767.98px) {
    .payment-information-wrap .info-box .info-people .info-people-wrap {
        margin-bottom: 15px;
    }
}

.payment-information-wrap .info-box .info-people .info-people-wrap .form-label {
    font-weight: 600;
}

.payment-information-wrap .info-box .info-people .info-people-wrap .form-control {
    height: 40px;
    padding: 6px 10px;
    font-size: 1.6rem;
    line-height: 1.2;
}

.payment-information-wrap .info-box .info-contact .addInfo {
    display: inline-block;
    margin-top: 15px;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    padding: 10px 25px;
}

.payment-information-wrap .info-box .info-contact-box {
    margin-top: 30px;
    border: 0.25px solid #000000;
    border-radius: 10px;
    padding: 15px 20px;
}

.payment-information-wrap .info-box .info-contact-box .table-info {
    width: 100%;
    background-color: transparent;
}

.payment-information-wrap .info-box .info-contact-box .table-info .form-input label {
    font-weight: bold;
    margin-bottom: 0;
    height: 100%;
    display: inline-flex;
    align-items: center;
}

.payment-information-wrap .info-box .info-contact-box .table-info .form-input {
    padding: 7px;
    height: 100%;
}

.payment-information-wrap .info-box .info-contact-box .table-info .form-input input {
    width: 100%;
    border: 1px solid #ccc;
    height: 40px;
    padding: 6px 10px;
    font-size: 1.6rem;
    line-height: 1.2;
}

.payment-information-wrap .info-box .info-contact-box .link-changeinfo {
    display: inline-block;
    color: #000000;
    text-decoration: underline;
    margin: 10px 0;
    cursor: pointer;
}

.payment-information-wrap .info-box .info-contact-box #Deleteitem {
    display: inline-block;
    color: #000000;
    text-decoration: underline;
    margin: 10px 0;
    cursor: pointer;
}

.payment-information-wrap .info-box .info-contact .addinfo-box-btn form .form-group label {
    font-weight: bold;
}

.payment-information-wrap .info-box .info-contact .addinfo-box-btn form .form-control {
    height: 45px;
    padding: 10px 12px;
    font-size: 16px;
    line-height: 1.3;
    color: #000;
}

.payment-information-wrap .info-box .info-contact .agreebox {
    margin-top: 50px;
    margin-bottom: 30px;
    position: relative;
}

.payment-information-wrap .info-box .info-contact .agreebox input[type=checkbox] {
    display: inline-block;
    border: 1px solid var(--primary-color);
    height: 20px;
    width: 20px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 1;
    cursor: pointer;
}

.payment-information-wrap .info-box .info-contact .agreebox label {
    padding-left: 30px;
    margin-bottom: 0;
    cursor: pointer;
}

.payment-information-wrap .info-box .info-contact .art {
    font-size: 16px;
    line-height: 1.3;
    color: #818181;
    letter-spacing: 0.02rem;
}

.payment-information-wrap .info-box .info-contact .art a {
    text-decoration-line: underline;
    color: inherit;
}

.payment-information-wrap .info-box .info-contact .art a:hover {
    color: var(--primary-color);
}

.payment-information-wrap .info-box .info-contact .note-text {
    border-radius: 10px;
    border: 1px solid #FDD99B;
    background: #FCF3DE;
    padding: 18px 20px;
}

.payment-information-wrap .info-box .info-contact .group-ftbtn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}

.payment-information-wrap .info-box .info-contact .group-ftbtn span {
    max-width: 70%;
}

.payment-information .payment-methods {
    background-color: #fff;
    border-radius: 10px;
    margin-top: 30px;
}

.payment-information .payment-methods .title-box {
    padding: 17px 25px;
    border-bottom: 0px solid #000000;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.payment-information .payment-methods .title-box span {
    color: var(--primary-color);
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
}

.payment-information .payment-methods .title-box a {
    color: var(--primary-color);
}

.payment-information .payment-methods .title-box a i {
    margin-left: 5px;
}

.payment-information .payment-methods .note-text {
    border-radius: 10px;
    border: 1px solid #4985E6;
    background: #ECF3FC;
    padding: 18px 20px;
    margin: 20px;
}

.payment-information .payment-methods .group-typepayment {
    padding: 0 20px;
    padding-bottom: 30px;
}

.payment-information .payment-methods .group-typepayment ul li {
    padding: 10px 0;
    border-bottom: 0px solid #757575;
    position: relative;
}

.payment-information .payment-methods .group-typepayment ul li:last-child {
    border: 0;
}

.payment-information .payment-methods .group-typepayment ul li label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
    padding-left: 45px;
    cursor: pointer;
}

.payment-information .payment-methods .group-typepayment ul li input[type=radio] {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    z-index: 1;
    width: 25px;
    height: 25px;
}

.payment-information .group-termsconditions {
    background-color: #fff;
    margin-top: 30px;
    border-radius: 10px;
    padding: 20px;
}

.payment-information .group-termsconditions .group-termsconditions-text {
    border: 1px solid #ddd;
    padding: 10px 7px;
    height: 130px;
    overflow-y: auto;
    border-radius: 4px;
}

.payment-information .group-termsconditions .group-termsconditions-agree {
    margin-top: 30px;
    text-align: center;
}

.payment-information .group-ftbtn-payment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    margin-top: 30px;
    border-radius: 10px;
    padding: 20px;
}

@media(max-width:480px) {
    .payment-information .group-ftbtn-payment {
        flex-direction: column;
    }
    .payment-information .group-ftbtn-payment>span {
        width: 100%;
    }
    .payment-information .group-ftbtn-payment>span+span {
        text-align: right;
    }
}

.payment-information .group-ftbtn-payment .not-text {
    max-width: 75%;
}

@media(max-width:480px) {
    .payment-information .group-ftbtn-payment .not-text {
        max-width: 100%;
    }
}

.payment-information .group-ftbtn-payment .not-text a {
    color: var(--primary-color);
}

.payment-information .group-ftbtn-payment .price-tol {
    color: var(--primary-color);
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: right;
}

.payment-sidebar .title-tour {
    margin-bottom: 15px;
    font-weight: 700;
}

.payment-sidebar .detail-servicepack .head-showhide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--primary-color);
}

.payment-sidebar .detail-servicepack .head-showhide .btnshowhide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.payment-sidebar .sidebar-box:not(:first-child) {
    margin-top: 30px;
}

.payment-sidebar .sidebar-box table {
    width: 100%;
    vertical-align: top;
}

.payment-sidebar .sidebar-box table th,
.payment-sidebar .sidebar-box table td {
    padding: 10px 0;
    width: 50%;
}

.payment-sidebar .sidebar-box table th {
    font-weight: bold;
}

.payment-sidebar .sidebar-box table td {
    text-align: right;
}

@media(max-width:576px) {
    .detail-servicepack table th,
    .detail-servicepack table td {
        padding: 10px 0;
        width: 50%;
    }
    .detail-servicepack table td {
        text-align: right;
    }
}

@media (max-width: 991.98px) {
    .payment-sidebar {
        margin-top: 30px;
    }
}


/*footer*/


/*footer {
border-top: 1px solid #bfbfbf;
}*/


/*.footer__link{
margin-left:40px;
}*/

.social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer__link h4 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

@media (max-width: 480px) {
    .footer__link h4 {
        font-size: 1.7rem;
    }
}

.footer__link ul li {
    margin-bottom: 10px;
}

.footer__link ul li a {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    display: inline-block;
}

@media (max-width: 480px) {
    .footer__link ul li a {
        font-size: 1.4rem;
    }
}

.footer__link ul li a:hover {
    color: var(--primary-color);
    transition: all 0.2s;
}

.footer__link p {
    font-size: 16px;
    color: #000;
    font-weight: 400;
}



.footer__link .social li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    color: #fff !important;
    background-color: var(--primary-color);
    border-radius: 50%;
    font-size: 1.8rem;
}

.footer__location {
    /*border-top: 1px solid #bfbfbf;*/
    border-bottom: 1px solid #bfbfbf;
}

.office__location {
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.office__location p {
    font-size: 16px;
    color: #000;
    font-weight: 400;
}
.footer__link p a,
.office__location strong a{
	color: #000;
	text-decoration: !important;
}


.office__location img {
    width: auto;
    height: 55px;
    object-fit: cover;
}
@media (max-width: 480px) {
    .office__location img {
        height:28px;
    }
	.copyright p span span{
		display: block;
		color: #7d7d7d;
	}
}
.office__location strong {
    font-size: 16px;
    color: #000;
}


.copyright p {
    font-size: 15px;
    color: #7d7d7d;
    font-weight: 400;
    margin-bottom: 0;
}

@media (max-width: 480px) {
    .copyright p {
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    .copyright img {
        width: auto;
        height: 25px;
        object-fit: cover;
    }
}


/*end footer*/


/*tour*/

.heading__title .sectitle {
    font-size: 28px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.heading__title p {
    font-size: 14px;
    color: #000;
}

.overlay-filter {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #0000001e;
    z-index: 5;
    display: none;
}

.filter.active {
    width: 90%;
    transform: translateX(0);
    transition: all 0.3s;
}

.filter__mobile {
    display: none;
}

.filter__mobile span {
    padding: 5px 20px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    cursor: pointer;
    display: inline-block;
}

.title__tour .filter__mobile span {
    color: #fff;
}

.title__tour .filter__mobile i {
    font-size: 14px;
    color: #fff;
}

.title__filter {
    position: relative;
    padding: 16px 24px;
    background-color: var(--primary-color);
    border-radius: 5px;
    box-shadow: 0 0 12px #00000026;
}

.mb-10 {
    margin-bottom: 10px;
}

.title__filter h5 {
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
}

.close-filter {
    display: none;
}

.sort-dropdown {
    position: relative;
}


/*.selected {
position: relative;
padding: 16px 30px;
border: 1px solid #c7d0d9;
border-radius: 5px;
color: #000;
font-size: 14px;
cursor: pointer;
}

.selected::before {
content: "\f883";
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
font-family: "fontawesome";
}

.selected::after {
content: "\f078";
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-family: "fontawesome";
}
*/

.list-options {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-bottom: 0;
    background-color: #fff;
    display: none;
    z-index: 10;
}

.list-options.active {
    display: block;
}

.list-options ul {
    border: 1px solid #c7d0d9;
    margin-bottom: 0;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.list-options ul li {
    padding: 6px 30px;
    font-size: 14px;
    color: #000;
    cursor: pointer;
}

.list-options ul li:hover {
    background-color: var(--primary-color);
    color: #fff;
    border-color: transparent;
}

.list-options ul li:not(:last-child) {
    border-bottom: 1px solid #c7d0d9;
}

.main__box {
    border: 1px solid #c7d0d9;
    border-radius: 5px;
}

.filter__box {
    padding: 20px;
}
.filter__box.filter__box-date{
	padding: 10px;
}
.filter__box:not(:last-child) {
    border-bottom: 1px solid #c7d0d9;
}
.filter__box-date .list__filter__check{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.filter__box-date .list__filter__check li{
	width: 48%;
}
.filter__box-date .check__label label{
	font-size: 12px;
}
.filter__box h5 {
    position: relative;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
    cursor: pointer;
}

.filter__box .nation {
    font-size: 14px;
    color: #000;
    margin-bottom: 15px;
}

.filter__box h5.active {
    margin-bottom: 0;
}

.filter__box h5.active::before {
    content: "\f077";
}

.filter__box h5::before {
    content: "\f078";
    position: absolute;
    top: 0;
    right: 0;
    font-family: "fontawesome";
    color: #909496;
}

#slider-range,
#slider-range-price {
    border: none;
}

.ui-widget-content {
    background-color: #c7d0d9;
}

#slider-range .ui-widget-header,
#slider-range-price .ui-widget-header {
    background-color: var(--primary-color);
}

#slider-range .ui-slider-handle,
#slider-range-price .ui-slider-handle {
    border-radius: 50% !important;
    border-color: var(--primary-color);
    background-color: #fff;
    border-width: 2px;
    cursor: pointer;
    outline: none;
}

#slider-range .ui-slider-handle:focus,
#slider-range-price .ui-slider-handle:focus {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.ui-slider-horizontal {
    height: 8px;
}

.filter__price {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.filter__price input {
    border: none;
    outline: none;
    width: 100px;
    background-color: transparent;
    font-size: 11px;
    color: #595959;
}

#max,
#maxPrice,
#maxDay {
    text-align: right;
}

.list__choose li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.list__choose li label {
    margin-bottom: 0;
}

.list__choose.d-block>li {
    display: block;
}

.list__choose.d-block li .nation {
    cursor: pointer;
}

.list__filter__check li {
    display: none;
}

.list__filter__check li.active {
    display: flex;
}

.check__label {
    display: flex;
    gap: 10px;
    width: 100%;
}

.check__label>label {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.list__choose.d-block .check__label {
    justify-content: space-between;
    gap: 0;
    align-items: center;
}

.flex-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.list__choose-child {
    padding-left: 25px;
    margin-top: 10px;
}

.list__choose-child li {
    display: none;
}

.list__choose-child li.active {
    display: block;
}

.choose-destinations,
.list__choose-type {
    display: none;
}

.choose-destinations.active,
.list__choose-type.active {
    display: block;
}

.nation.change-icons i::before {
    content: "\f077";
}

.load-des {
    text-align: right;
}

.load-des span {
    display: inline-block;
    font-size: 14px;
    color: var(--primary-color);
    cursor: pointer;
}

.list__choose .list__choose-type li {
    display: block;
}

.check__label input {
    width: 22px;
    height: 22px;
}

.check__label label,
.list__choose li strong {
    font-size: 14px;
    color: #000;
    font-weight: 500;
    cursor: pointer;
}

.list__choose.rating-star li .check__label label {
    color: #fff203;
    font-size: 1.6rem;
}

.btn-more-wrap,
.btn-less-wrap {
    text-align: center;
}

.btn-more-dt,
.btn-less-dt {
    display: inline-block;
    padding: 6px 30px;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-more-dt:hover,
.btn-less-dt:hover {
    background-color: var(--primary-color);
    color: #fff !important;
    transition: all 0.2s;
}

.btn-less-wrap {
    text-align: center;
    display: none;
}

.btn-more-wrap {
    text-align: center;
    display: block;
}

.filter__date {
    margin-top: 15px;
}

.filter__date input {
    width: 100%;
    padding: 4px 4px 4px 27px;
    border: 1px solid #c7d0d9;
    outline: none;
    font-size: 14px;
    color: #000;
    background-image: url("../images/icon-calendar.svg");
    background-repeat: no-repeat;
    background-position: 10px center;
}

.filter__box select {
    font-size: 14px;
}

.title__tour {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 15px;
    margin-bottom: 30px;
}

.filter__tour {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.filter__tour select {
    padding: 8px 10px;
    border: 1px solid #c7d0d9;
    outline: none;
    cursor: pointer;
}

.title__tour i {
    color: #f39a2d;
    font-size: 30px;
}

.title__tour span {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    display: inline-block;
}

.ticket {
    position: absolute;
    top: 0;
    right: 0;
    border-left: 45px solid transparent;
    border-top: 45px solid var(--primary-color);
}

.ticket span {
    font-size: 12px;
    color: #fff;
    transform: rotate(45deg);
    position: absolute;
    top: -38px;
    right: 0;
}

.list__tour {
    position: relative;
    display: flex;
    /*flex-wrap: wrap;*/
    /*box-shadow: 0 0 12px #00000026;*/
    margin-bottom: 15px;
    border-radius: 10px;
    overflow: hidden;
	filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.3));
}
@media(max-width:1024px){
	.list__tour{
		flex-wrap:wrap;
	}
	.tour__image img{
		aspect-ratio:6/4;
	}
}
.list__tour .rip{
	position: relative;
    display: flex;
    align-items: center;
    background: #fff;
    height: auto;
    width: 20px;
    margin: 10px 0;
    justify-content: center;
    min-width: 20px;
}
.list__tour .rip:before, .list__tour .rip:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    border: 5px solid transparent;
    border-radius: 100%;
    pointer-events: none;
    border-top-color: #fff;
    border-right-color: #fff;
    box-sizing: content-box;
}
.list__tour .rip:before {
    transform: translate(-50%, -50%) rotate(135deg);
    left: 10px;
    top: -10px;
    box-sizing: content-box;
}
.list__tour .rip:after {
    right: -40px;
    transform: rotate(-45deg);
    bottom: -25px;
    left: -5px;
    top: unset;
}
.list__tour .rip .rip-line {
    width: 1px;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 50%, #52b 50%);
    background-size: 100% 10px;
}
.tour__image,
.price__info {
    width: 27%;
	background:#fff;
}
.price__info{
	width:auto;
	flex:1;
}
@media(max-width:1024px) {
    .tour__image,
    .price__info {
        width: 100%;
    }
}


/*.tour__image {
display: flex;
flex-direction: column;
justify-content: space-between;
}*/

@media(max-width:991.98px) {
    #ListTour {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    #ListTour .list__tour {
        width: calc(100% / 2 - 5px);
    }
}

@media(max-width:767.98px) {
    #ListTour .list__tour {
        width: 100%;
    }
}

.tour__image .img {
    height: 160px;
}

@media(max-width:767.98px) {
    .tour__image .img {
        height: 100%;
    }
}

.img {
    height: 69%;
}

.map__img {
    height: 30%;
}

.tour__image .map__img {
    height: calc(100% - 160px);
    max-height: 50%;
    position: relative;
}

.tour__image .map__img .msk-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.tour__image .map__img img,
.tour__image .map__img iframe {
    width: 100%;
    height: 100%;
}

.main__map {
    display: flex;
    flex-wrap: wrap;
    /*max-height: 500px;
    overflow-y: auto;*/
}


.img-map,
.map__content {
    width: 50%;
}
.main__map .img-map{
	height:500px;
}
.main__map .img-map iframe {
    width: 100%;
    height: 100%;
    /*height: 90vh;
    max-height: 670px;*/
}

.map__content .download p {
    background: transparent;
    color: var(--primary-color);
}

.map-modal .modal-dialog.m-width {
    max-width: 900px;
    width: 100%;
}

/*.map-modal.show {
    display: flex !important;
    justify-content: center;
    align-items: center;
}*/
.modal.model-bookcontact{
	z-index: 1055;
}
.modal-backdrop + .modal-backdrop {
  z-index: 1051 !important;
}
.main__map .map__content{
	max-height:500px;
	overflow-y:auto;
}
.map__content {
    padding: 30px 15px;
}

.m-width .modal-body {
    padding: 0;
}

.close-modal button {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
    z-index: 20;
}

.close-modal button span {
    color: #000;
}

.heading__map {
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
}

.heading__map p {
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
}

.heading__map h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
}

.price__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.download {
    padding: 10px 0;
    /*border-bottom: 1px solid #ddd;*/
}

.download p,
.download>a {
    font-size: 14px;
    color: #8e8e8e;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    cursor: pointer;
    text-transform: capitalize;
    background: var(--primary-color);
    color: #fff;
    display: inline-block;
}

.map__content .download>a {
    background: transparent;
    color: var(--primary-color);
}

.price-modal strike,
.price-modal strong {
    display: block;
}

.price-modal strike {
    font-size: 14px;
    color: #959595;
}

.price-modal strong {
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 600;
}

.price-modal,
.btn-modal {
    width: 48%;
}

.btn-tour.btn-modal a {
    padding: 3px 20px;
    text-transform: uppercase;
}

.map__location {
    padding-top: 10px;
}

.map__location h4 {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}

.map__location ul li {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.circle {
    position: relative;
    width: 20px;
    min-width: 20px;
    height: 20px;
    border: 2px solid var(--primary-color);
    border-radius: 50%;
}

.circle::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 18px;
    transform: translateX(-50%);
    width: 2px;
    height: 100%;
    border-right: 1px dashed var(--primary-color);
}

.map__location ul li:last-child .circle::after {
    display: none;
}

.map__location ul li span {
    font-size: 14px;
    color: #000;
}

.map__location ul li:first-child .circle {
    background-color: #2EC707;
    border-color: #2EC707;
}

.map__location ul li:last-child .circle {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.map__location ul li:first-child .circle::before {
    content: "\f3c5";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: "fontawesome";
    color: #fff;
    font-size: 11px;
}

.map__location ul li:last-child .circle::before {
    content: "\f024";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-family: "fontawesome";
    color: #fff;
    font-size: 10px;
}

.map__location ul li:first-child span,
.map__location ul li:last-child span {
    font-size: 14px;
    color: #000;
    font-weight: 700;
}

.price__info {
    padding: 24px 15px;
}

.tour__des {
    position: relative;
    width: 46%;
    padding: 0 15px;
    padding-top: 20px;
	background:#fff;
}

.tour__des::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #c7d0d9;
	display:none;
}

/*.tour__des::after {
    content: "";
    position: absolute;
    right: -1px;
    top: 50%;
    background-color: #c7d0d9;
    width: 1px;
    height: 90%;
    transform: translateY(-50%);
    background-image: linear-gradient(to bottom, transparent 50%, var(--primary-color) 50%);
    background-size: 100% 10px;
}*/
@media(max-width:1024px) {
    .tour__des {
        width: 100%;
    }
    .tour__des:before,
    .tour__des:after {
        display: none;
    }
}

.tour__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media(max-width:576px) {
    .tour__image img {
        height: 200px;
    }
}

.tour__name {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    display: inline-block;
}

.tour__name:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.rating__tour {
    display: flex;
    align-items: center;
    gap: 3px;
}

.rating__tour li i {
    color: #f39a2d;
    font-size: 10px;
}

.tour__des > p,
.tour__des__text {
    font-size: 12px;
    font-style: italic;
    color: #000;
    line-height: 16px;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.tour__des h2,
.tour__des__text h2 {
    font-size: 12px;
    /*font-style: italic;*/
    color: #000;
    line-height: 1.3;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.tour__info {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #ebeef2;
}

.tour__info li {
    display: flex;
    margin-bottom: 10px;
}

.tour__info li strong ,
.tour__info li .label-text{
    width: 50%;
    font-size: 12px;
    color: #000;
	font-weight:bold;
}

.tour__info li span {
    display: block;
    width: 66%;
    font-size: 12px;
    color: #000;
}

.text__right {
    display: flex;
    justify-content: flex-end;
}

.tour .initial__price {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.initial__price {
    /*width: max-content;*/
    text-align: right;
}

.initial__price span {
    display: block;
    font-size: 14px;
    color: #000;
    margin-bottom: 20px;
}

.text__right strike,
.text__right strong {
    display: block;
}

.initial__price strike {
    font-size: 20px;
    color: #959595;
}

.price-sale strong {
    font-size: 26px;
    color: var(--primary-color);
    font-weight: bold;
}

.price-sale {
    text-align: right;
    margin-top: 10px;
}

.info__bottom .price-sale {
    margin-top: 0;
}

.btn-tour {
    margin-top: 30px;
}

.btn-tour>button,
.btn-tour>a,
.btn-tour a.btn-download {
    width: 100%;
    display: inline-block;
    padding: 6px 0;
    padding: 10px;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    background-color: var(--primary-color);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    outline: none;
    transition: all 0.2s;
}

.btn-tour a:hover {
    background-color: #fff;
    color: var(--primary-color);
    transition: all 0.2s;
}

.btn-tour a.btn-download {
    background-color: #fff;
    color: var(--primary-color);
    margin-top: 10px;
}

.btn-tour a.btn-download:hover {
    background-color: var(--primary-color);
    color: #fff;
}

.item__img img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    object-fit: cover;
}

.slide__tour-mobile {
    display: none;
}

.slide__tour .item__img {
    height: 400px;
}

@media(max-width:576px) {
    .slide__tour .item__img {
        height: 200px;
    }
}

.slide__tour .item__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide__tour .owl-nav i {
    color: #000000a8;
}

.slide__tour .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

.slide__tour .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

.slide__tour .owl-nav button:hover {
    background-color: var(--primary-color) !important;
}

.slide__tour .owl-nav button:hover i {
    color: #fff;
}

.special-tag {
    display: inline-block;
    padding: 0 8px;
    background-color: var(--primary-color);
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    border-radius: 10px;
    margin-bottom: 10px;
}

.sidebar__info-head {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.sidebar__info-head span {
    display: inline-block;
    padding: 4px 8px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 6px;
    background-color: #FFD4D4;
    color: var(--primary-color);
}

.day__number {
    font-size: 16px;
    color: #000;
}

.from ul li {
    display: flex;
    margin-bottom: 8px;
}

.from ul strong {
    width: 40%;
}

.from ul strong,
.from ul span {
    font-size: 16px;
    color: #000;
}

.tour__explore {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.tour__explore li a {
    display: inline-block;
    padding: 7px 20px;
    font-size: 14px;
    color: #000;
    background-color: #e7e7e7;
    transition: all 0.2s;
    border-radius: 5px;
}

.tour__explore li a:hover {
    background-color: var(--primary-color);
    color: #fff !important;
    transition: all 0.2s;
}

.tour__property {
    display: flex;
    flex-wrap: wrap;
}

.tour__property li {
    display: flex;
    width: 100%;
    font-size: 16px;
    color: #000;
    margin-bottom: 8px;
}

.tour__property li strong {
    display: inline-block;
    width: 40%;
}

.sticky__box {
    position: relative;
    padding: 24px;
    border-radius: 13px;
    box-shadow: 0 1px 2px rgba(3, 54, 63, 0.4), 0 -1px 2px rgba(3, 54, 63, 0.04);
}

.detail__tour .sticky__box .item-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.sticky__box span {
    font-size: 20px;
    color: #959595;
    display: inline-block;
}

.sticky__box h2 {
    font-size: 32px;
    color: var(--primary-color);
    font-weight: 600;
    /*margin: 10px 0;*/
}

.sticky__box h3 {
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 600;
    /*margin: 10px 0;*/
}

.sticky__box a {
    display: inline-block;
    padding: 8px 30px;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    color: #000;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    border-radius: 5px;
    /*margin-bottom: 15px;*/
    text-transform: uppercase;
    transition: all 0.3s;
}

.sticky__box a:hover {
    background-color: #fff;
    color: var(--primary-color);
    transition: all 0.3s;
}

.sticky__box ul li {
    display: flex;
    gap: 15px;
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
}

.sticky__box ul li img {
    height: 31px;
    object-fit: cover;
}
.sticky__box .modal .form-label {
    font-weight: 600;
} 
.sticky__box .modal .form-control {
    font-size: 16px;
	height: 35px;
} 
.sticky__box .modal textarea.form-control {
    height: auto;
} 
.sticky__box .modal .form-label .red {
    color: red;
	font-size: inherit;
}
/* .sidebar__sticky{
position: sticky;
top: 20px;
left: 0;
background-color: #fff;
} */

.food .food-head {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    margin-bottom: 30px;
}

.list__items {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #000;
    /*padding-left: 10px;*/
}

.tag__items {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #FFD4D4;
    /*padding: 3px 8px;*/
    border-radius: 0 5px 0 0;
    padding: 0 8px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tag__items span {
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 600;
    text-transform: uppercase;
}

@media(max-width:1300px) {
    .tag__items span {
        font-size: 14px;
    }
}

.items__title {
    padding: 20px 0;
}

.items__title a {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.items__title a:hover {
    color: var(--primary-color);
}

.food ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.food ul li a {
    display: inline-block;
    font-size: 14px;
    color: #000;
    padding: 7px 15px;
    background-color: #e7e7e7;
    border-radius: 5px;
}

.food ul li a:hover {
    background-color: var(--primary-color);
    color: #fff;
    transition: all 0.3s;
}

.img__items img {
    min-width: 160px;
    height: 160px;
    min-width: 130px;
    width: 130px;
    height: 100px;
    border-radius: 5px;
    object-fit: cover;
    display: block;
}

.other__info h2.other__info__title {
    font-size: 24px;
    color: #000;
    font-weight: 600;
    margin-bottom: 15px;
}

.other__info-description h2 {
    font-size: 18px;
}

.slide__destinations img {
    width: 100%;
    height: auto;
    height: 175px;
    border-radius: 11px;
    object-fit: cover;
}

.des__name {
    margin-top: 15px;
}

.des__name h4 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.slide__destinations .des__name h4 {
    text-align: center;
}

.slide__destinations .owl-nav i {
    color: #000000a8;
}

.slide__destinations .owl-nav button.owl-next {
    position: absolute;
    top: calc(50% - 22px);
    right: -20px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(3, 54, 63, 0.4), 0 -1px 2px rgba(3, 54, 63, 0.04);
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

.slide__destinations .owl-nav button.owl-prev {
    position: absolute;
    top: calc(50% - 22px);
    left: -20px;
    transform: translateY(-50%);
    box-shadow: 0 1px 2px rgba(3, 54, 63, 0.4), 0 -1px 2px rgba(3, 54, 63, 0.04);
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

.other__slide .owl-nav button.owl-prev,
.other__slide .owl-nav button.owl-next {
    top: 50%;
}

.slide__destinations .owl-nav button:hover {
    background-color: var(--primary-color) !important;
}

.slide__destinations .owl-nav button:hover i {
    color: #fff;
}

.map__detail {
    position: relative;
    margin-bottom: 20px;
    border-radius: 20px;
    overflow: hidden;
}

.map__detail iframe {
    width: 100%;
    height: 226px;
}

.btn-map {
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 5px 9px;
    background-color: var(--primary-color);
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 5px;
    cursor: pointer;
}

.highlights ul li {
    font-size: 14px;
    color: #000;
    margin-bottom: 9px;
}

.highlights ul li i {
    font-size: 19px;
    margin-right: 10px;
}

.other__info>div>ul {
    list-style: disc;
    margin-left: 20px;
}

.other__info p {
    font-size: 14px;
    color: #000;
    line-height: 24px;
}

.more-all {
    text-align: right;
}

.other__info .more-all {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.other__info .more-all>.other__info__title {
    margin-bottom: 0;
}

.more-all span {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
}

@media(max-width:576px) {
    .other__info .more-all {
        flex-direction: column;
        align-items: flex-start;
    }
    .more-all span {
        display: block;
        width: 100%;
        text-align: right;
    }
}

.sub__trip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 10px 12px 0;
    border-top: 1px solid #e3e5e6;
    cursor: pointer;
}

.list__itinerary {
    padding-left: 20px;
    position: relative;
}

.list__itinerary::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    width: 20px;
    height: 28px;
    left: -6px;
    top: 20px;
    border-radius: 50%;
    background-color: #0000008a;
    background: url('../../content/images/logo-place.png');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
}

.list__itinerary::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    left: 3px;
    top: 28px;
    background-color: #e3e5e6;
}


/*.list__itinerary:first-child::before {
content: "\f059";
font-family: "fontawesome";
font-size: 20px;
color: #327df3;
width: unset;
height: unset;
border-radius: 0;
top: 18px;
left: 40px;
background-color: transparent;
}

.list__itinerary:first-child::after,
.list__itinerary:last-child::after {
display: none;
}*/

.list__itinerary:last-child::after {
    display: none;
}

.list__itinerary .list__tags {
    margin-top: 7px;
}

.list__itinerary .list__tags span {
    font-size: 12px;
    color: #959595;
}

.list__itinerary .list__tags>* {
    display: inline-block;
}

.itinerary__content .list__itinerary .list__tags span {
    border: 1px solid #959595;
    border-radius: 20px;
    padding: 3px 10px;
}

.list__itinerary strong {
    color: #000;
}

.list__itinerary.active .days-count {
    color: var(--primary-color);
    font-weight: 600;
    text-decoration: underline;
}

.icon-drop {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-drop i {
    font-size: 20px;
    color: #000;
    transition: all 0.3s;
}

.sub__trip:hover .icon-drop {
    box-shadow: 0 1px 2px rgba(3, 54, 63, 0.4), 0 -1px 2px rgba(3, 54, 63, 0.04);
}

.trip__content {
    display: none;
}

.list__itinerary .trip__content {
    padding-bottom: 10px;
}

.list__itinerary .trip__content ul {
    margin-left: 20px;
}

.list__itinerary .trip__content ul {
    list-style: disc;
	padding-inline-start: 0 !important;
	
}
.list__itinerary .trip__content ul li{white-space:normal !important;}
.list__itinerary .trip__content ul li span{font-weight:normal !important;}
.list__itinerary.active .trip__content {
    display: block;
}

.list__itinerary.active .trip__content .currency>* {
    font-size: 16px !important;
}


/*.list__itinerary.active .trip__content span{
font-weight:normal;
}*/

.currency {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.currency div {
    height: 60px;
    background-color: #f2f2f2;
}

.currency div:nth-child(1) {
    line-height: 60px;
    padding: 0 15px;
}

.currency strong {
    display: block;
}

.currency span {
    font-size: 12px;
    display: inline-block;
    width: max-content;
    color: #000;
    font-weight: 400 !important;
}

.currency div.w-100 {
    width: 100%;
    padding-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.currency div.w-100 strong {
    font-size: 14px;
}

.list__itinerary.active .icon-drop i {
    transform: rotate(-180deg);
    transition: all 0.3s;
}

.included .list__itinerary::before,
.included .list__itinerary::after {
    display: none;
}

.sub__trip img {
    position: absolute;
    top: 20px;
    left: 0;
}

.included .sub__trip,
.included .trip__content {
    padding-left: 30px;
}

.included .list__itinerary {
    padding-left: 0;
}

.included .list__itinerary span,
.included .list__itinerary span strong {
    font-weight: 600;
}

.days-count {
    position: absolute;
    top: 14px;
    left: -1px;
    font-size: 14px;
    color: #959595;
}

.questions .sub__trip {
    padding-left: 0;
}

.download__itinerary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 10px 0px #00000040;
    border-radius: 10px;
    padding: 30px;
}

.download__itinerary h3 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.download__itinerary p {
    color: #000;
    margin-bottom: 0;
}

.download__itinerary a.popup-dowloadpdf {
    display: inline-block;
    padding: 9px 30px;
    border: 1px solid var(--primary-color);
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 5px;
    width: max-content;
    transition: all 0.3s;
}

.download__itinerary a.popup-dowloadpdf:hover {
    background-color: var(--primary-color);
    color: #fff;
    transition: all 0.3s;
}

.download-modal-box .modal-content,
.download__itinerary .modal-content {
    border-radius: 15px;
}

.download-modal-box .modal-title {
    font-weight: 700;
}

.download-modal-box .modal-body {
    padding: 40px 25px;
}

.download-modal-box form .form-input,
.download__itinerary form .form-input {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

.download-modal-box form .form-input .note-text,
.download__itinerary form .form-input .note-text {
    text-align: left;
    font-size: 14px;
    line-height: 1.3;
    color: #897979;
}

.download-modal-box form .form-input .note-text a,
.download__itinerary form .form-input .note-text a {
    color: var(--primary-color);
}

.download-modal-box form .form-input input {
    flex: 1 1 auto;
    padding: 6px 10px;
    border-radius: 4px;
    outline: 0;
    border: 1px solid #ccc;
}

.download-modal-box form .form-input .captcha {
    font-size: 1.6rem;
}

.similar__tour h2 {
    font-size: 25px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.list__similar__tour {
    display: block;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 1px 1px 4px 0px #00000040;
    margin-bottom: 10px;
}

.list__similar__tour .similar__tour__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    height: 230px;
}

.title__abs-mb {
    display: none;
}

.txt__abs {
    padding: 20px 15px;
    transition: all 0.3s;
}

.days {
    font-size: 12px;
    color: #000;
}

.txt__abs h3 {
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
    font-weight: 600;
    min-height: 43.5px;
}

.txt__abs h3 a {
    color: inherit;
}

.txt__abs p {
    font-size: 16px;
    color: #000;
    margin-bottom: 0;
}

.btn-similar {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #747474;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-similar a {
    width: 50%;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 5px;
    background-color: var(--primary-color);
    text-align: center;
}

.more__tour__similar {
    display: none;
}

.price__similar__tour {
    text-align: right;
}

.price__similar__tour strike {
    display: block;
    font-size: 16px;
    color: #959595;
}

.price__similar__tour strong {
    font-size: 20px;
    color: var(--primary-color);
}

.slide__similar__tour .owl-nav i {
    color: #000 !important;
}

.slide__similar__tour .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 1px 2px #00000014, 0 4px 12px #0000000d;
    background-color: #fff !important;
}

.slide__similar__tour .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 1px 2px #00000014, 0 4px 12px #0000000d;
    background-color: #fff !important;
}

.checking__tour .checking__tour__title {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
}

.checking__tour .nav-tabs {
    border: 0;
    gap: 10px;
    list-style: none;
    margin: 0;
}

.checking__tour .nav-tabs .nav-link {
    border: 1px solid var(--primary-color);
    padding: 10px;
    color: var(--primary-color);
    border-radius: 6px;
    transition: all .3s ease;
}

.checking__tour .nav-tabs .nav-link.active,
.checking__tour .nav-tabs .nav-link:hover {
    background-color: var(--primary-color);
    color: #fff;
    transition: all .3s ease;
}

.tabs-content {
    display: none;
}

.tabs-content.current {
    display: block;
}

.tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.list__tabs {
    width: 115px;
    padding: 9px;
    border: 1px solid #b720256e;
    border-radius: 9px;
    color: #000;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
}

.list__tabs:hover,
.list__tabs.current {
    background-color: var(--primary-color);
    color: #fff;
    transition: all 0.3s;
}

.tour__card {
    position: relative;
    padding: 20px 0;
    border-radius: 5px;
    box-shadow: 0 2px 6px #818d99;
    margin-bottom: 30px;
}

.confirm__date-mobile {
    display: none;
}

.card__info {
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.tour__time {
    width: 55%;
}

.btn-confirm {
    width: 40%;
}

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

.time span {
    font-size: 14px;
    color: #000;
}

.time h4 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
}

.icons i {
    font-size: 22px;
    color: #818d99;
}

.btn-confirm {
    display: flex;
    justify-content: space-between;
}

.tour__price span {
    color: #818d99;
    position: relative;
    display: inline-block;
    letter-spacing: 0.2px;
}

.tour__price span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 45%;
    border-top: 1px solid var(--primary-color);
    width: 100%;
}

.tour__price h5 {
    font-size: 20px;
    color: var(--primary-color);
    font-weight: 600;
}

.confirm__date a {
    display: inline-block;
    padding: 10px 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    transition: all 0.3s;
}

.confirm__date a:hover {
    background-color: #fff;
    color: var(--primary-color);
    transition: all 0.3s;
}

.status {
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    margin-top: 15px;
    padding: 15px;
    padding-bottom: 0;
    border-top: 1px solid #ebeef2;
}

.status span img {
    width: 20px;
    height: auto;
    object-fit: cover;
}

.status p {
    font-size: 14px;
    color: #000;
    margin-bottom: 0;
}

.left__label {
    position: absolute;
    top: -10px;
    left: 15px;
}

.right__label {
    position: absolute;
    top: -10px;
    right: 15px;
}

.left__label span {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    background-color: var(--primary-color);
    opacity: 0.9;
}

.right__label span {
    display: inline-block;
    padding: 4px 8px;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    background-color: var(--primary-color);
    opacity: 0.9;
}

.choose-month {
    position: relative;
}

.selected-month {
    display: none;
    position: relative;
    padding: 10px 30px 10px 10px;
    border: 1px solid #c7d0d9;
    border-radius: 4px;
}

.selected-month::before {
    content: "\f0d7";
    position: absolute;
    top: 10px;
    right: 15px;
    color: #a0a0a0;
    font-family: "fontawesome";
}

.tour__item {
    display: none;
}

.tour__item.active {
    display: block;
}

.more-tour a {
    display: inline-block;
    padding: 8px 175px;
    border: 1px solid #6d6d6d;
    font-size: 16px;
    color: #000 !important;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s;
}

.more-tour a:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: #fff !important;
    transition: all 0.3s;
}


/*end tour*/


/*destination*/

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

.slide__banner .item img {
    max-height: 500px;
    min-height: 50vh;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slide__banner .owl-nav i {
    font-size: 22px;
    color: #fff;
}

.slide__banner .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: 40px;
    transform: translateY(-50%);
}

.slide__banner .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
}

.slide__banner .owl-dots {
    position: absolute;
    bottom: 20px;
    right: 40px;
}

.slide__banner .owl-dots .owl-dot span {
    background-color: #000;
    width: 12px !important;
    height: 12px !important;
}

.slide__banner .owl-dots .owl-dot.active span {
    background-color: #fff;
}

.top__destinations .head-title,
.destinations__post .head-title,
.heading__destinations .head-title {
    font-size: 28px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
}

.top__destination-content .nav-pills .nav-item {
    margin-right: 10px;
}

.top__destination-content .nav-pills .nav-link {
    border: 1px solid var(--primary-color);
    background: transparent;
    padding: 10px 15px;
}

.top__destination-content .nav-pills .nav-link.active,
.top__destination-content .nav-pills .nav-link:hover,
.top__destination-content .nav-pills .nav-link:focus,
.top__destination-content .nav-pills .show>.nav-link {
    background: var(--primary-color);
    color: #fff;
    opacity: 1 !important;
}

.list__destinations {
    display: block;
}

.destinations__img {
    position: relative;
}

.slide__top__destinations .destinations__img img {
    height: 260px;
}

@media(max-width:576px) {
    .slide__top__destinations .destinations__img img {
        height: 180px;
    }
}

.destinations__img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, #0C0C0C -33.33%, rgba(12, 12, 12, 0) 78.91%);
    border-radius: 10px;
}

.destinations__img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
    overflow: hidden;
}

.destinations__img p {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.slide__top__destinations .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(3, 54, 63, 0.4), 0 -1px 2px rgba(3, 54, 63, 0.04);
    background-color: #fff;
}

.slide__top__destinations .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: -20px;
    transform: translateY(-50%);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(3, 54, 63, 0.4), 0 -1px 2px rgba(3, 54, 63, 0.04);
    background-color: #fff;
}

.slide__top__destinations .owl-nav button:hover {
    background-color: var(--primary-color) !important;
    transition: all 0.3s;
}

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

.heading__items a {
    display: inline-block;
    font-size: 18px;
    color: var(--primary-color);
}

.slide__destinations__items .tour__des::before,
.slide__destinations__items .tour__des::after {
    display: none;
}

.slide__destinations__items .initial__price strike {
    font-size: 16px;
}

.slide__destinations__items .price-sale strong {
    font-size: 24px;
}

.btn-tour .uppercase {
    text-transform: uppercase;
}

.slide__destinations__items .list__tour {
    /*box-shadow: 0px 0px 5px 0px #00000040;*/
    margin-top: 5px;
}

@media(max-width:576px) {
    .slide__destinations__items .list__tour .btn-tour .download {
        display: none;
    }
}

.list__tour .btn-tour .download {
    border: 0;
}

.list__tour .btn-tour .download .popup-dowloadpdf {
    display: block;
}

.slide__destinations__items .owl-nav {
    margin-top: 0;
    text-align: right;
}

.slide__destinations__items .owl-nav button {
    width: 45px;
    height: 45px;
    background-color: #fff !important;
    border-radius: 50% !important;
    border: 0.5px solid #000000 !important;
}

.slide__destinations__items .owl-nav button:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    transition: all 0.3s;
}

.result-filter {
    display: flex;
    align-items: center;
    gap: 10px;
}

.result-filter p {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
}

.title__filter-des::before {
    display: none;
}

.flex-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.flex-title input {
    width: 22px;
    height: 22px;
}

.icon-show i {
    cursor: pointer;
}

.icon-show.change-icons i::before {
    content: "\f077";
}

.pl-25 {
    padding-left: 25px;
}

.prominent {
    display: none;
    margin-top: 30px;
}

.prominent.active {
    display: block;
}

.load-prominent a {
    display: inline-block;
    padding: 11px 170px;
    font-size: 16px;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    transition: all 0.3s;
}

.load-prominent a:hover {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    color: #fff;
    transition: all 0.3s;
}

.heading__destinations p {
    font-size: 16px;
    color: #000;
    line-height: 1.3;
}

.post__img img {
    width: 100%;
    height: auto;
    border-radius: 20px;
    object-fit: cover;
    display: block;
    height: 230px;
}

.post__des {
    padding: 15px 0;
}

.post__des a {
    display: inline-block;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
    min-height: 42px;
}

.post__des p,
.post__des__content {
    font-size: 14px;
    color: #787878;
    line-height: 1.3;
    font-style: italic;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.item__post {
    margin-bottom: 30px;
}


/*.list__destinations__post {
border-bottom: 0.5px solid #000;
}*/

.slide__destinations__post .owl-nav button.owl-prev {
    position: absolute;
    top: -65px;
    right: 55px;
    width: 45px;
    height: 45px;
    background-color: #fff !important;
    border-radius: 50% !important;
    border: 0.5px solid #000000 !important;
}

.slide__destinations__post .owl-nav button.owl-next {
    position: absolute;
    top: -65px;
    right: 0;
    width: 45px;
    height: 45px;
    background-color: #fff !important;
    border-radius: 50% !important;
    border: 0.5px solid #000000 !important;
}

.slide__destinations__post .owl-nav button:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.main__tour .list__tour {
    margin-bottom: 30px;
}

.main__tour .initial__price strike {
    font-size: 16px;
}

.main__tour .price-sale strong {
    font-size: 24px;
}


/*end destinations*/


/*booking*/

.booking .heading-title {
    text-align: center;
}

.contact__info {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.25);
    padding: 20px;
}

.booking__info {
    height: 100%;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.25);
}

.contact__info h3 {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}

.contact__info label {
    font-size: 14px;
    color: #000000;
    font-weight: 600;
}

.rq {
    color: red;
}

.contact__info input,
.contact__info select {
    height: 40px;
    font-size: 14px;
    border: 0.5px solid #8e8e8e;
    padding: 10px;
    color: #8e8e8e;
}

.contact__info textarea {
    font-size: 14px;
}

.btn-book button {
    padding: 8px 30px;
    border: 1px solid var(--primary-color);
    font-size: 16px;
    color: #fff;
    outline: none;
    border-radius: 4px;
    transition: all 0.3s;
}

.btn-book button:hover {
    background-color: var(--primary-color);
    color: #fff;
    transition: all 0.3s;
}

.booking__info img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

.booking__content {
    padding: 15px;
}

.booking__content h3 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.booking__content ul li {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 10px;
}

.booking__content ul li span {
    font-size: 16px;
    color: #000;
    text-transform: uppercase;
}

.booking__content ul li span i {
    color: var(--primary-color);
    min-width: 18px;
}

.booking__content ul li strong {
    color: #000;
}

.booking__content ul li strong.price-total {
    display: inline-block;
    font-size: 25px;
    color: var(--primary-color);
}


/*end booking*/


/*===*/
.search{
    position: relative;
}
.form__search{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -58.5px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 8px 10px 0 rgb(15 41 77 / 12%);
    padding: 24px 16px;
}
.control__view{
    border-radius: 35px;
    border: 2px solid rgba(0, 0, 0, 0.12);
}
.control__view.item__date{
    padding: 0;
}
.form__search .lr-4{
    padding-left: 4px;
    padding-right: 4px;
}
.box__root{
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}
.box__root input{
    cursor: pointer;
}
.item__location .box__root{
    padding: 10px 18px;
    border-radius: 35px;
}
.location__txt{
    text-align: left;
}
.item__location .control__content{
    width: 100%;
}
.icon__input i{
    font-size: 20px;
    color: #000;
}
.control__content p{
    font-size: 14px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
}
.control__content select,
.control__content > input{
    height: 19px;
    width: 100%;
    border: none;
    outline: none;
}

.item__date{
    display: flex;
    flex-wrap: wrap;
}
.item__date .box__root{
    width: 50%;
    padding: 10px 18px;
}
.item__date .box__root:first-child{
    border-right: 2px solid rgba(0, 0, 0, 0.12);
    border-radius: 35px 0 0 35px;
}
.btn__search .box__root{
    border-radius: 35px 0 0 35px;
}
.item__date .box__root:nth-child(2){
    border-radius: 0 35px 35px 0;
}
.btn__search.control__view{
    padding: 0;
}
.btn__search .box__root{
    padding: 10px 18px;
    width: 50%;
}
.root__button{
    width: 50%;
    padding: 4px;
}
.btn__search{
    display: flex;
    flex-wrap: wrap;
}
.root__button button{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background-color: #b72025;
    border-radius: 50px;
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s;
}
.root__button button i{
    color: #fff;
}
.root__button button:hover{
    background-color: #a10e13;
    transition: all .3s;
}

.item__location:hover .box__root input,
.item__location:hover,
.box__root:hover,
.box__root:hover input,
.box__root:hover select{
    background-color: #f2f2f2;
}
.item__location{
    position: relative;
}
.item__location .result__des,
.add__guest{
    position: absolute;
    width: 100%;
    top: calc(100% + 10px);
    left: 0;
    background-color: #fff;
    padding: 32px;
    border-radius: 24px;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 8px 16px;
    z-index: 2;
    display: none;
}
.add__guest{
    left: unset;
    right: 0;
    width: calc(100% + 100px);
}
.add__guest.active{
    display: block;
}
.result__des p{
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.flex__des{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}
.list__result-des{
    width: calc(33% - 10px);
    cursor: pointer;
}
.list__result-des img{
    aspect-ratio: 6 / 4;
    border-radius: 12px;
}
.list__result-des p{
    margin-top: 5px;
    margin-bottom: 0;
}
.list__rs-location{
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 8px;
    cursor: pointer;
}
.list__rs-location:hover{
    background-color: rgb(245, 245, 245);
}
.icon-rs{
    width: 50px;
    height: 50px;
    border-radius: 8px;
    background-color: rgb(238, 238, 238);
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-rs i{
    font-size: 20px;
    color: #000;
}
.result__des-img.hide,
.result__location{
    display: none;
}
.result__location.active,
.result__des.active{
    display: block;
}
.add__guest h6{
    font-size: 13px;
    color: #000;
}
.list__add{
    display: flex;
    justify-content: space-between;
}
.item__info-add h5{
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.item__info-add p{
    font-size: 13px;
    color: #000;
    margin-bottom: 0;
}
.list__add{
    margin-top: 20px;
    padding-bottom: 20px;
}
.list__add:not(:last-child){
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.btn__change{
    display: flex;
    align-items: center;
}
.btn__change span{
    display: inline-flex;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    border: 1px solid #1c2d4a;
    cursor: pointer;
}
.btn__change input{
    width: 50px;
    border: none;
    outline: none;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
}

/*banner homee*/
.op-0{
	opacity: 0;
}
.search__des{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    background-color: #fff;
    border-radius: 50px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    z-index: 2;
	display:flex;
	align-items:center;
}
.banner-home .search__des{
	border-radius: 50px;
}
@media only screen and (min-width: 768px){
	.search__des{
		position:relative;
	}
}
.search__des > .search__des-form,
.search__des > form{
	flex: 1;
}
.search__des .book-rightrip{
	flex: 0 1 240px;
}
.search__des .book-rightrip:hover{
	border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px 0px;
    background-color: #fff;
}
.search__des .book-rightrip a{
	display: flex;
	flex-direction: column;
	align-items: center;
	border-left:2px solid var(--primary-color);
	padding:8px;
	color: var(--primary-color);
}
.search__des .book-rightrip a svg path{
	fill: var(--primary-color);
}
.search__des .book-rightrip a span+span{
	font-weight:600;
	margin-top:3px;
}
.main__search-des{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 50px;
}
.result__location-bn{
    position: absolute;
    left: 0;
    top: calc(100% + 10px);
    width: 100%;
	max-width:430px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.04) 0px 0px 0px 1px, rgba(0, 0, 0, 0.15) 0px 8px 16px;
    display: none;
	z-index: 5;
}
.result__location-bn.active{
    display: block;
}
.result__location-bn ul{
    margin-bottom: 0;
    border-radius: 8px;
    overflow: hidden;
	overflow-y: auto;
	max-height: 300px;
}
.result__location-bn ul li{
    position: relative;
    padding: 20px 30px;
    display: flex;
    cursor: pointer;
}
.result__location-bn ul li:not(:last-child)::before{
    content: "";
    position: absolute;
    width: calc(100% - 60px);
    left: 30px;
    bottom: 0;
    height: 1px;
    background-color: #ddd;
}
.result__location-bn ul li:hover{
    background-color: #dddddd94;
}
.result__location-bn ul li p{
    margin-bottom: 0;
}
.result__location-bn ul li i{
    width: 25px;
    font-size: 25px;
    color: #b72025;
}
.main__search-des input,
.main__search-des:hover{
    background-color: #f5f5f5;
}
.input__location,
.input__time{
    width: 50%;
    padding: 12px 30px;
}
.input__location:hover input,
.input__location:hover,
.input__time:hover,
.input__time:hover input{
    border-radius: 50px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 10px 0px;
    background-color: #fff;
}
.input__location:hover input,
.input__time:hover input{
    box-shadow: none;
}
.input__location{
    position: relative;
}
.input__location::before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 55%;
    border-right: 1px solid #d9d9d9;
}
.input__location > p,
.input__time p{
    font-size: 13px;
    color: #000;
    font-weight: 600;
    margin-bottom: 3px;
}
.input__time .input__time__content{
	flex:1;
}
.input__time input,
.input__location input{
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 14px;
	height: auto;
	width:100%;
}
.destination__txt{
    /*height: 16px;*/
	height:100%;
	width:100%;
}
.input__time{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 30px;
}
.input__time button{
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #b72025;
    justify-content: center;
    align-items: center;
    color: #fff;
    border: none;
    outline: none;
    cursor: pointer;
}
.input__time button i{
    color: #fff;
}
.slide__promotion .owl-item img{
	max-height: 302px;
	border-radius: 20px;
}
.slide__promotion .owl-dots .owl-dot.active span{
	background-color: #fff;
}
.slide__promotion .owl-dots .owl-dot span{
	background-color: #000;
}

.btn-add{
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
}
.btn-add select{
	background: #ffffff;
    color: #b72025;
    border-radius: 4px;
    border: 1px solid #b72025 !important;
	outline: none !important;
}

.btn-add a{
	display: inline-block;
	padding: 6px 10px;
	background-color: var(--primary-color);
	color: #fff;
	border-radius: 4px;
	cursor: pointer;
}
.other__hotel{
	margin-bottom: 10px;
}
.other__hotel button,
.more__rooms button{
	display: inline-block;
	padding: 6px 10px;
	border: 1px solid var(--primary-color);
	background: #fff;
	color: var(--primary-color);
	border-radius: 4px;
	color: var(--primary-color) !important;
	cursor: pointer;
}
.item-selected .type-room-inner{
	padding: 10px;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 4px;
}
.sidebar__hotel{
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 10px;
}
.sidebar__hotel h5{
	font-size: 2.2rem;
    font-weight: 600;
    color: var(--primary-color);
	margin-bottom: 20px;
	text-align: center;
}
.list__hotel-choose li label,
.list__hotel-choose:last-child{
	margin-bottom: 0;
}
.list__hotel-choose{
	padding-bottom: 10px;
	border-bottom: 1px solid var(--primary-color);
}
.list__hotel-choose li:not(:last-child){
	margin-bottom: 8px;
}
.list__hotel-choose li{
	display: flex;
}
.list__hotel-choose li label,
.list__hotel-choose li span{
	display: block;
    width: 50%;
}
.list__hotel-choose li span,
.list__hotel-choose li span.room-number,
.list__hotel-choose li span.room-price{
	text-align:right;
}
.hotel__total{
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}
.hotel__total h5{
	text-align: right:
}
.btn__banner{
	position: absolute;
	top: calc(50% + 80px);
	left: 50%;
	transform: translate(-50%, -50%);
}
.btn__banner a{
	display: inline-block;
	padding: 10px 30px;
	background-color: #fff;
	color: var(--primary-color);
	border-radius: 10px;
	font-size: 25px;
	font-weight: 600;
}

@media only screen and (max-width: 1200px) {
    .swap {
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 1025px) {
    /*tour*/
    .tour__property li strong {
        display: inline-block;
    }
    .txt__abs {
        opacity: 1;
        padding: 0 15px;
    }
    /*end tour*/
    .load-prominent a {
        padding: 11px 50px;
    }
}

@media only screen and (max-width: 991px) {
    .office__location:not(:last-child),
    .main__box {
        margin-bottom: 30px;
    }
    .top__destinations .head-title,
    .destinations__post .head-title {
        font-size: 24px;
    }
    .price-sale strong {
        font-size: 24px;
    }
    .heading__destinations p,
    .initial__price strike {
        font-size: 16px;
    }
    .txt__abs.txt__sml-tour {
        padding: 15px;
    }
}

@media only screen and (max-width: 767.98px) {
	.btn-add{
		gap: 5px;
	}
    .filter__mobile {
        display: block;
    }
    .filter {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        transform: translateX(-100%);
        overflow-y: auto;
        z-index: 100;
        transition: all 0.3s;
    }
    .close-filter {
        position: absolute;
        top: 16px;
        right: 24px;
        color: #fff;
        display: block;
    }
    .slide__tour .owl-nav i {
        font-size: 10px;
        color: #000;
    }
    .slide__tour .owl-nav button.owl-prev,
    .slide__tour .owl-nav button.owl-next {
        width: 19px;
        height: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .slide__tour .owl-nav button.owl-prev {
        left: 0;
    }
    .slide__tour .owl-nav button.owl-next {
        right: 0;
    }
    .tour__image,
    .price__info,
    .tour__des {
        width: 100%;
    }
    .tour__des::before,
    .tour__des::after {
        display: none;
    }
    .price__info {
        padding: 15px;
        /*margin-top: 15px;*/
    }
	.list__tour  .rip{
		display:none;
	}
    .title__tour {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .filter__tour select,
    .title__tour span {
        font-size: 12px;
    }
    .title__tour .filter__mobile span {
        height: 100%;
        display: flex;
        align-items: center;
        gap: 3px;
    }
    .map__img {
        display: none;
    }
    .img {
        height: 100%;
    }
    .tour__des {
        position: relative;
        padding-top: 10px;
        margin-top: 10px;
    }
    .tour__des::before {
        width: calc(100% - 30px);
        height: 1px;
        left: 15px;
        top: 0;
        background-color: #00000042;
        display: none;
    }
    .tour__des::after {
        display: none;
        right: unset;
        top: unset;
        left: 15px;
        bottom: 0;
        width: calc(100% - 30px);
        height: 1px;
        background-color: #00000042;
    }
    .tour__info {
        border-color: #00000042;
    }
    .other__info p,
    .highlights ul li {
        font-size: 14px;
    }
    .text__right {
        justify-content: flex-start;
    }
    .initial__price {
        width: 100%;
		
        /*display: flex;
		justify-content: space-between;
		align-items: center;*/
    }
	.left-mb{
		text-align: left;
	}
    .initial__price span {
        margin-bottom: 0;
    }
    .initial__price strike {
        font-size: 14px;
    }
    .price-sale strong {
        font-size: 20px;
    }
    .price__info .btn-tour {
        display: flex;
        justify-content: space-between;
        gap: 10px;
        margin-top: 10px;
    }
	.detail-calculation-tour .tours-sg .price-sale strong{
		font-size: 16px;
	}
    .price__info .btn-tour>* {
        flex: 1;
    }
	.price__info .btn-tour.build__tour-btn a{
		width: unset;
		flex: unset;
		margin: auto;
	}
    .list__tour .btn-tour .download {
        padding: 0;
    }
    .btn-tour a.btn-download {
        margin-top: 0;
    }
    .sticky__box a {
        font-size: 16px;
    }
    .sidebar__info-head {
        font-size: 17px;
    }
    .from ul strong,
    .from ul span,
    .tour__explore li a {
        font-size: 12px;
    }
    .tour__explore li a {
        border-radius: 5px;
    }
    .tour__property li strong,
    .selected-month {
        display: block;
    }
    .sticky__box span {
        font-size: 14px;
    }
    .sticky__box h2 {
        font-size: 20px;
    }
    .sticky__box ul li p,
    .tour__property li strong,
    .tour__property li span {
        font-size: 12px;
    }
    .tour__time,
    .btn-confirm {
        width: 100%;
    }
    .card__info {
        gap: 20px;
    }
    .btn-confirm {
        padding-top: 15px;
        border-top: 1px solid #c7d0d9;
    }
    .food,
    .food.tags {
        display: none;
    }
    .other__info h2 {
        font-size: 17px;
    }
    .slide__destinations .owl-nav button.owl-prev,
    .slide__destinations .owl-nav button.owl-next {
        width: 28px;
        height: 28px;
    }
    .slide__destinations .owl-nav i {
        font-size: 14px;
        color: #000;
    }
    .slide__destinations .owl-nav button.owl-prev {
        left: -10px;
    }
    .slide__destinations .owl-nav button.owl-next {
        right: -10px;
    }
    .des__name h4 {
        font-size: 14px;
    }
    .btn-map {
        display: none;
    }
    .img-map,
    .map__content {
        width: 100%;
    }
    .m-width {
        max-width: 80%;
    }
    .included .trip__content {
        padding-left: 0;
    }
    .download__itinerary {
        padding: 15px;
        align-items: flex-end;
    }
    .download__itinerary h3 {
        font-size: 17px;
    }
    .download__itinerary p {
        font-size: 12px;
    }
    .w-60 {
        width: 60%;
    }
    .w-40 {
        width: 40%;
    }
    .download__itinerary a.popup-dowloadpdf {
        width: unset;
        font-size: 14px;
        padding: 4px;
    }
    .more-tour a {
        padding: 8px 0;
        width: 100%;
    }
    .confirm__date-mobile {
        display: block;
        border-top: 1px solid #ebeef2;
        padding: 10px 15px;
        margin-top: 10px;
    }
    .card__info .btn-confirm,
    .status {
        display: none;
    }
    .s-mobile {
        display: block;
    }
    .heading__confirm__date {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .confirm__price {
        width: 50%;
        text-align: right;
    }
    .confirm__price strike {
        font-size: 14px;
        color: #959595;
    }
    .confirm__price strong {
        font-size: 20px;
        font-weight: 600;
    }
    .s-mobile p {
        font-size: 14px;
    }
    .confirm__date a {
        width: 100%;
        border-radius: 5px;
        font-size: 20px;
        text-align: center;
    }
    .slide__similar__tour .owl-nav button.owl-prev,
    .slide__similar__tour .owl-nav button.owl-next {
        display: none;
    }
    .txt__abs.txt__sml-tour {
        padding: 15px;
    }
    .txt__abs h3 {
        font-size: 17px;
    }
    .title__abs-mb {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        margin-bottom: 8px;
    }
    .title__abs-mb p {
        font-size: 12px;
        color: var(--primary-color);
    }
    .title__abs-mb span {
        color: #000;
    }
    .price__similar__tour strike {
        font-size: 14px;
    }
    .more__tour__similar {
        display: block;
    }
    .more__tour__similar a {
        display: inline-block;
        padding: 10px 72px;
        border: 1px solid var(--primary-color);
        font-size: 12px;
        color: var(--primary-color);
        border-radius: 5px;
    }
    .top__destinations .head-title {
        font-size: 18px;
    }
    .filter__tour {
        justify-content: flex-start;
    }
    .tabs {
        display: none;
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
        background-color: #fff;
        border: 1px solid #c7d0d9;
        z-index: 2;
    }
    .list__tabs {
        width: 100%;
        height: auto;
        border: none;
        border-radius: 0;
        padding: 5px 10px;
        text-align: left;
    }
    .list__tabs.current {
        background-color: #fff;
        color: #000;
    }
    /*footer*/
    .copyright p {
        font-size: 15px;
    }
    .copyright img {
        display: block;
    }
	.copyright span{
		display: inline-block;
		margin: 5px 0;
	}
    /*end footer*/
}

@media only screen and (min-width: 576px) {
    .modal-dialog.m-width {
        max-width: 780px;
    }
}

@media (max-width: 480px) {
    .copyright p {
        font-size: 1.4rem;
		text-align: left;
		align-items: flex-start;
    }
}


/*==================================================================*/

.list-hotels {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.list-hotels .hotels-item {
    width: calc(100% / 2 - 10px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 12px #00000026;
}

@media(max-width:767.98px) {
    .list-hotels .hotels-item {
        width: 100%;
    }
}

.list-hotels .hotels-item .hotels-item-image {
    width: 45%;
    height: 100%;
}

@media(max-width:576px) {
    .list-hotels .hotels-item .hotels-item-image {
        width: 100%;
        height: auto;
    }
}

.list-hotels .hotels-item .hotels-item-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    height: 220px;
}

.list-hotels .hotels-item .hotels-item-content {
    width: 55%;
    padding: 10px;
}

@media(max-width:576px) {
    .list-hotels .hotels-item .hotels-item-content {
        width: 100%;
    }
}

.list-hotels .hotels-item .hotels-item-content .hotels-item-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: var(--primary-color);
    margin-bottom: .5rem;
}

.list-hotels .hotels-item .hotels-item-content .hotels-item-title a {
    color: inherit;
}

.list-hotels .hotels-item .hotels-item-content .hotels-item-rating,
.hotels-rating {
    color: #fff203;
    margin-bottom: .5rem;
}

.list-hotels .hotels-item .hotels-item-content .hotels-item-location,
.hotels-location {
    font-size: 1.4rem;
    font-style: italic;
    margin-bottom: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.other-hotels-item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    border: .5px solid #ccc;
}

.other-hotels .other-hotels-content {
    padding: 15px;
}

.other-hotels .other-hotels-title {
    color: var(--primary-color);
    font-weight: 600;
    margin-bottom: .5rem;
}

.other-hotels .other-hotels-rating {
    color: #cbf500;
    margin-bottom: .5rem;
}

.other-hotels .other-hotels-location {
    font-size: 1.4rem;
    font-style: italic;
    margin-bottom: 5px;
}

.hotels-typeroom {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.hotels-typeroom-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    margin-bottom: 20px;
    padding: 10px;
    width: calc(100% / 2 - 10px);
}

.hotels-typeroom-item .hotels-typeroom-title {
    font-weight: 700;
    width: 100%;
}

.hotels-typeroom-item .hotels-typeroom-info {
    display: flex;
    align-items: center;
    margin-right: 10px;
    width: 35%;
}

.hotels-typeroom-item .hotels-typeroom-info .image-box {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 300px;
}

.hotels-typeroom-item .hotels-typeroom-info .desc-box {
    display: none;
    padding-left: 15px;
}

.hotels-typeroom-item .hotels-typeroom-info .desc-box-title {
    margin-bottom: 10px;
}

.hotels-typeroom-item .hotels-typeroom-info .desc-box .typeroom-detail {
    display: block;
}

.hotels-typeroom-item .hotels-typeroom-info .desc-box .typeroom-detail i {
    font-size: 14px;
    font-weight: 700;
    margin-left: 3px;
}

.hotels-typeroom-item .hotels-typeroom-info .desc-box .typeroom-detail-meta {
    display: flex;
    flex-wrap: wrap;
    display: none;
}

.hotels-typeroom-item .hotels-typeroom-info .desc-box .typeroom-detail-meta-item {
    width: 50%;
    margin-top: 7px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.hotels-typeroom-item .hotels-typeroom-info .desc-box .typeroom-detail-meta-item i {
    margin-right: 7px;
    color: #bababa;
}

.hotels-typeroom-item .hotels-typeroom-rightselect {
    width: calc(65% - 10px);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.hotels-typeroom-item .hotels-typeroom-number {
    order: 2;
}

.hotels-typeroom-item .hotels-typeroom-number label {
    display: block;
    font-weight: 600;
    display: none;
}

.hotels-typeroom-item .hotels-typeroom-number .input-group-number {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    border-radius: 24px;
    border: 2px solid var(--primary-color);
    width: max-content;
    padding: 1px 4px;
}

.hotels-typeroom-item .hotels-typeroom-number .input-group-number input {
    width: 40px;
    background-color: #FEF7F4;
    text-align: center;
    border: 0;
    pointer-events: none;
}

.hotels-typeroom-item .hotels-typeroom-number .input-group-number .input-group-btn {
    width: fit-content;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    touch-action: manipulation;
    color: #fff;
    cursor: pointer;
}

.hotels-typeroom-item .hotels-typeroom-number .input-group-number .minus-button {
    background: #8d8686;
    border: 1px solid #8d8686;
}

.hotels-typeroom-item .hotels-typeroom-number .input-group-number .plus-button {
    background: #2d9cdb;
    border: 1px solid #2d9cdb;
}

.hotels-typeroom-item .hotels-typeroom-price {
    text-align: right;
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 4px;
}

.hotels-typeroom-item .hotels-typeroom-price .price-from {
    font-weight: 600;
    font-size: 20px;
}

.hotels-typeroom-item .hotels-typeroom-price .price-from .price-new {
    color: var(--primary-color);
}

.hotels-typeroom-item .hotels-typeroom-price .price-from .price-old {
    font-size: 18px;
    display: none;
}

@media (max-width: 576px) {
    .hotels-typeroom-item .hotels-typeroom-price .price-from {
        font-size: 1.7rem;
    }
    .hotels-typeroom-item .hotels-typeroom-price .price-from .price-old {
        font-size: 1.4rem;
    }
}

.hotels-typeroom-item .hotels-typeroom-price .per-night {
    color: #828282;
}

@media (max-width: 576px) {
    .hotels-typeroom-item .hotels-typeroom-price .per-night {
        font-size: 1.4rem;
    }
}

@media (max-width: 1300px) {
    .hotels-typeroom-item {
        width: calc(50% - 10px);
    }
}

@media (max-width: 767.98px) {
    .hotels-typeroom-item {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .hotels-typeroom-rightselect {
        font-size: 1.4rem;
    }
}

/*.rating {
    color: #cbf500;
}*/


/*==================================================================*/


/*# sourceMappingURL=style.css.map */

.hotel-rating-star {
    margin-bottom: 20px;
}

.hotel-rating-star-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px 30px;
}

.hotel-rating-star .item-star {
    margin-bottom: 5px;
}

.hotel-rating-star .item-star input[type=checkbox] {
    display: none !important;
}

.hotel-rating-star .item-star label {
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
    color: #766f19;
}

.hotel-rating-star .item-star label .price-ap {
    font-weight: normal;
}

.hotel-rating-star .item-star label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid var(--primary-color);
}

.hotel-rating-star .item-star label::after {
    content: "\f00c";
    font-family: fontawesome;
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translate(0, -50%);
    color: var(--primary-color);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.hotel-rating-star .item-star input:checked+label::before {
    background-color: var(--primary-color);
}

.hotel-rating-star .item-star input:checked+label::after {
    color: #fff;
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease;
}


/* airfare ticket */

.airfare {
    margin-bottom: 15px;
}

.airfare .airfare-tabs {
    margin-bottom: 15px;
}

.airfare .airfare-tabs .airfare-tabs-item {
    display: inline-block;
    /*margin-bottom: 7px;*/
}

.airfare .airfare-tabs .airfare-tabs-item input[type=checkbox] {
    display: none;
}

.airfare .airfare-tabs .airfare-tabs-item label {
    margin-bottom: 0;
    color: var(--primary-color);
    /*padding: 6px 10px;
    border: 1px solid var(--primary-color);
    border-radius: 6px;*/
    transition: all .3s ease;
    cursor: pointer;
	position:relative;
	padding-left:25px;
	margin-left:10px;
}
.airfare .airfare-tabs .airfare-tabs-item label:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	z-index:1;
	width:14px;
	height:14px;
	border-radius:2px;
	border:1px solid var(--primary-color);
}
.airfare .airfare-tabs .airfare-tabs-item label:after{
	content:'';
	position:absolute;
	top:50%;
	left:2px;
	transform:translateY(-50%);
	z-index:1;
	width:10px;
	height:10px;
	background:var(--primary-color);
	display:none;
}
/*.airfare .airfare-tabs .airfare-tabs-item label:hover {
    color: #fff;
    transition: all .3s ease;
    background: #b72025bd;
}*/
/*@media(max-width:768px) {
    .airfare .airfare-tabs .airfare-tabs-item label {
        padding: 4px 6px;
    }
}*/
.airfare .airfare-tabs .airfare-tabs-item label img{
	width:20px;
	height:20px;
}
/*.airfare .airfare-tabs .airfare-tabs-item input[type=checkbox]:checked+label {
    background: var(--primary-color);
    color: #fff;
    transition: all .3s ease;
}*/
.airfare .airfare-tabs .airfare-tabs-item input[type=checkbox]:checked+label:after{
	display:block;
}

.detail-calculation-tour .list-type-return{
	margin-bottom:20px;
}
.detail-calculation-tour .list-type-return .head{
	margin-right:15px;
}
.detail-calculation-tour .list-type-return .head i{
	color:var(--primary-color);
}
.detail-calculation-tour .list-type-return .list-type-return-wrap{
	display: flex;
    flex-wrap: wrap;
	align-items:center;
    gap: 12px;
}
.detail-calculation-tour .list-type-return .list-type-return-wrap input[type=radio] {
    display: none;
}
.detail-calculation-tour .list-type-return .list-type-return-wrap input[type=radio]+label {
    margin-bottom: 0;
    padding: 10px 15px;
    border: 1px solid #9f998d;
    border-radius: 24px;
    min-width: 95px;
    text-align: center;
    cursor: pointer;
    background: #fff;
}
.detail-calculation-tour .list-type-return .list-type-return-wrap input[type=radio]:checked+label {
    background-color: var(--primary-color);
    color: #fff;
}
.detail-calculation-tour .list-type-return .item-type-return{
	display:inline-block;
}
.filter-search-plane .widget .widget-title {
    font-weight: 600;
    margin-bottom: 10px;
}

.filter-search-plane .widget .form-input label span img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
}

.airfare .airfare-tabs .form-input {
    display: block;
    /*margin-right:15px;*/
}

@media(max-width:767.98px) {
    .airfare .airfare-tabs .form-input {
        /*display: inline-block;
        margin-right: 15px;*/
		flex:1;
    }
}

.airfare .airfare-tabs .form-input span {
    display: inline-block;
}

@media(max-width:767.98px) {
    .airfare .airfare-tabs .form-input span>span {
        display: none;
    }
}

.airfare .airfare-tabs .form-input img {
    width: 50px;
}

.airfare-content-group-wrap {
    margin-bottom: 15px;
}

.airfare .airfare-content-item {
    position: relative;
    filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.3));
    width: 100%;
    display: flex;
    margin-top: 1em;
    margin-bottom: 0;
    height: 79px;
}

@media(max-width:768px) {
    .airfare .airfare-content-item {
        filter: unset;
        height: 80px;
        margin-top: 6px;
    }
}



.airfare .airfare-details {
    background: #ffffff;
	background: #f5f7fa;
}

.airfare .airfare-details:last-child {
    width: 221px;
}

@media(max-width:768px) {
    .airfare .airfare-details:last-child {
        padding: 8px 10.5px 15px calc(3% - 8.5px);
        min-width: 123px;
        width: 30%;
    }
}

.airfare .airfare-details,
.airfare .airfare-details-footer {
    padding: 5px calc(3% - 15px) 0 calc(3% - 15px);
    text-align: center;
    border-radius: 0.375em;
    width: 100%;
}

@media(max-width:768px) {
    .airfare .airfare-details:first-child {
        padding: 9px;
        min-width: 209px;
    }
}

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

@media(max-width:768px) {
    .airfare .airfare-details-info {
        flex-direction: column;
        height: 100%;
    }
}

.airfare .airlineflightinfo {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 170px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    text-align: left;
    vertical-align: middle;
    margin: 0.8em;
    min-width: 52px;
}

@media(max-width:768px) {
    .airfare .airlineflightinfo {
        margin: 0;
        display: flex;
        border-right: none;
        gap: 3px;
    }
}

.airfare .airlineflightinfo .iconairline {
    height: 38px;
    width: 38px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    background-size: cover;
    display: inline-block;
}

@media(max-width:768px) {
    .airfare .airlineflightinfo .iconairline {
        width: 28.89px;
        height: 28.89px;
        margin-right: 8px;
    }
}

.airfare .airlineflightinfo>div {
    flex-grow: 1;
}

@media(max-width:768px) {
    .airfare .airlineflightinfo>div {
        display: inline-block;
    }
}

.airfare .airlineflightinfo .brandnameairline {
    font-size: 0.9em;
    line-height: 1.5625em;
}

.airfare .airlineflightinfo .brandnameairline>span {
    display: none;
}

@media(max-width:768px) {
    .airfare .airlineflightinfo .brandnameairline {
        font-size: 11px;
        line-height: 150%;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }
}

.airfare .airlineflightinfo .flightcode {
    line-height: 1.2156em;
    font-size: 0.8em;
    color: #808089;
}

@media(max-width:768px) {
    .airfare .airlineflightinfo .flightcode {
        line-height: 13px;
        font-size: 10px;
        text-align: left;
        font-weight: 600;
        white-space: nowrap;
    }
}

.airfare .airlineflightinfo .flightcode .airfare-details-button {
    font-size: inherit;
}

@media(max-width:768px) {
    .airfare .airlineflightinfo .flightcode .airfare-details-button {
        display: none;
    }
}

.airfare .airfare-details-info .routeinfo {
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding: 0 calc(8% - 28px);
}

@media(max-width:768px) {
    .airfare .airfare-details-info .routeinfo {
        margin-top: 12px;
    }
}

.airfare .airfare-details-info .routeinfo .flightposition {
    margin: auto;
}

.airfare .airfare-details-info .routeinfo .flightposition .flight-time {
    font-size: 0.9em;
    font-weight: 600;
    line-height: 1.5343em;
}

@media(max-width:768px) {
    .airfare .airfare-details-info .routeinfo .flightposition .flight-time {
        font-size: 14px;
        line-height: 142%;
        color: #27272a;
        font-weight: 700;
        margin-bottom: 3px;
    }
}

.airfare .airfare-details-info .routeinfo .flightposition .flight-airport {
    border-radius: 2.6em;
    background-color: #eff1f2;
    color: #666666;
    padding: 2px 10px;
    font-weight: 600;
    line-height: normal;
    font-size: 12px;
}

@media(max-width:768px) {
    .airfare .airfare-details-info .routeinfo .flightposition .flight-airport {
        font-size: 12px;
        line-height: 130%;
        color: #27272a;
    }
}

.airfare .airfare-details-info .routeinfo .routetimeandtransit {
    width: 100%;
    vertical-align: middle;
}

@media(max-width:768px) {
    .airfare .airfare-details-info .routeinfo .routetimeandtransit {
        max-width: 350px;
    }
}

.airfare .airfare-details-info .routeinfo .routetimeandtransit>p {
    display: inline-block;
    margin: auto;
    text-align: center;
    font-size: 14px;
}

@media(max-width:768px) {
    .airfare .airfare-details-info .routeinfo .routetimeandtransit>p {
        font-size: 10px;
        line-height: 130%;
        color: #808089;
    }
}

.airfare .airfare-details-info .routeinfo .routetimeandtransit .routelabel {
    background-image: url('../../assets/images/lineflight.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 20px;
    width: 100%;
}

.airfare-details-button {
    font-size: 0.8em;
    font-weight: lighter;
    cursor: pointer;
    text-decoration: none;
    color: var(--primary-color);
}

@media(max-width:768px) {
    .airfare-details-button {
        font-size: 12px;
        font-weight: 600;
    }
}

.airfare .rip {
    position: relative;
    display: flex;
    align-items: center;
    background: #fff;
    height: auto;
    width: 20px;
    margin: 10px 0;
    justify-content: center;
    min-width: 20px;
}

@media(max-width:768px) {
    .airfare .rip {
        width: 12px;
        margin: 6px 0;
        min-width: 12px;
    }
}

.airfare .rip:before,
.airfare .rip:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    border: 5px solid transparent;
    border-radius: 100%;
    pointer-events: none;
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    box-sizing: content-box;
}

@media(max-width:768px) {
    .airfare .rip:before,
    .airfare .rip:after {
        display: none;
    }
}

.airfare .rip:before {
    transform: translate(-50%, -50%) rotate(135deg);
    left: 10px;
    top: -10px;
    box-sizing: content-box;
}

.airfare .rip:after {
    right: -40px;
    transform: rotate(-45deg);
    bottom: -25px;
    left: -5px;
    top: unset;
}

.airfare .rip .rip-line {
    width: 1px;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 50%, #5522BB 50%);
    background-size: 100% 10px;
}

.airfare .airfareprice {
    width: 100%;
    padding-right: 7px;
}

@media(max-width:768px) {
    .airfare .airfareprice {
        padding-right: 0;
    }
}

.airfare .airfareprice .airfarepricenumber {
    display: flex;
    flex-wrap: nowrap;
    font-size: 1em;
    font-weight: 700;
    justify-content: center;
    text-align: center;
    align-items: center;
    color: var(--primary-color);
    margin-bottom: 3px;
}

@media(max-width:768px) {
    .airfare .airfareprice .airfarepricenumber {
        font-size: 14px;
        height: 20px;
        margin-bottom: 0;
    }
}

.airfare .airfareprice .airfarepricenumber>p {
    display: inline-block;
    color: #898993;
    font-size: 0.7em;
    font-weight: lighter;
    margin: 0em;
}

.airfare-button {
    width: 100%;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 0.25rem;
    border: none;
    color: #ffffff;
    cursor: pointer;
    background: var(--primary-color);
}

@media(max-width:768px) {
    .airfare-button {
        margin: 4px 0;
    }
}

.DesktopHide {
    display: none;
}

@media(max-width:768px) {
    .DesktopHide {
        display: block;
    }
}

.DesktopHideInline {
    display: none;
}

@media(max-width:768px) {
    .DesktopHideInline {
        display: inline;
    }
}

.MobileHide {
    display: block;
}

@media(max-width:768px) {
    .MobileHide {
        display: none;
    }
}

.MobileHideIB {
    display: inline-block;
}

@media(max-width:768px) {
    .MobileHideIB {
        display: none !important;
    }
}

.flightdetailsborder {
    margin-top: 8px;
    display: block;
    border: 1.8px solid #5522bb;
    border-radius: 0.375em;
    background-color: #f5f5f5;
}

@media(max-width:768px) {
    .flightdetailsborder {
        border: none;
        border-radius: 0;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        background: #ffffff;
        -webkit-animation-name: slideIn;
        -webkit-animation-duration: 0.4s;
        animation-name: slideIn;
        animation-duration: 0.4s;
        z-index: 9999;
    }
    .flightdetailsborder .airfare-result-title {
        height: auto !important;
    }
}

.airfare-result-title {
    background: #5522BB;
    background: var(--primary-color);
    color: #ffffff !important;
    padding: 10px 21px;
    letter-spacing: 0.025em;
    display: none;
}

@media(max-width:768px) {
    .airfare-result-title {
        display: flex;
        position: static;
        width: 100%;
        /*height: 67px;*/
        gap: 0;
        /*padding: 0;*/
    }
    .backward-icon {
        display: flex;
        align-items: center;
        margin: 0 15px;
        cursor: pointer;
    }
}

.airfare-result-title .airfare-itineraryinfo {
    display: flex;
}

@media(max-width:768px) {
    .airfare-result-title .airfare-itineraryinfo {
        margin: auto 8% auto 0;
        width: 100%;
    }
}

.airfare-result-title .airfare-itineraryinfo .airfare-itinerarypoint {
    display: flex;
    flex-direction: column;
    height: 40px;
    height: auto !important;
}

@media(max-width:768px) {
    .airfare-result-title .airfare-itineraryinfo .airfare-itinerarypoint {
        width: 100%;
    }
}

.airfare-result-title .airfare-itineraryinfo .airfare-itinerarypoint-title {
    position: relative;
    padding-bottom: 45px;
    align-items: start;
    display: flex;
    line-height: 18px;
    font-weight: 600;
    height: 50%;
}

.airfare-result-title .airfare-itineraryinfo .airfare-itinerarypoint-desc {
    align-items: end;
    display: flex;
    line-height: 13px;
    font-size: 13px;
    height: 28%;
}

@media(max-width:768px) {
    .airfare-result-title .airfare-itineraryinfo .airfare-itinerarypoint-title,
    .airfare-result-title .airfare-itineraryinfo .airfare-itinerarypoint-desc {
        justify-content: center;
    }
}

.airfare-itinerarypoint-title::after {
    content: "(Giá đã bao gồm thuế phí)";
    position: absolute;
    bottom: 0px;
}

.airfare-result-body {
    display: flex;
    flex-wrap: wrap;
    padding: 1em;
    gap: 1em;
}

.airfare-result-body .modaldetailsbox {
    margin: 0;
}

.airfare-result-body .modaldetailsbox.segment {
    width: calc(60% - 1em);
}

.airfare-result-body .modaldetailsbox.dt-active {
    width: 40%;
}

.airfare-result-body .modaldetailsbox.full-width {
    width: 100%;
}

@media(max-width:991px) {
    .airfare-result-body .modaldetailsbox.segment {
        width: 100%;
    }
    .airfare-result-body .modaldetailsbox.dt-active {
        width: 100%;
    }
}

@media(max-width:768px) {
    .airfare-result-body {
        display: block;
        overflow: auto;
        height: 100%;
        padding-bottom: 180px;
    }
    .airfare-result-body .modaldetailsbox.segment {
        width: 100%;
    }
    .airfare-result-body .modaldetailsbox.dt-active {
        width: 100%;
    }
}

.modaldetailsbox {
    border-radius: 0.25em;
    border: 1px solid #c4c4c4;
    padding: 1.375em;
    margin: 1em;
    background-color: #ffffff;
    text-align: left;
}

@media(max-width:768px) {
    .modaldetailsbox.segment {
        overflow: scroll;
        max-height: calc(100vh - 80px);
    }
    .airfare-result-body .modaldetailsbox {
        border: 0;
        padding: 0;
    }
}

.modaldetailsbox .detailsboxheader {
    line-height: 22px;
    color: #5522bb;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: var(--primary-color);
}

@media(max-width:768px) {
    .modaldetailsbox .detailsboxheader {
        display: none;
    }
    .airfare-result-body .modaldetailsbox .detailsboxheader {
        display: block;
    }
}

.modaldetailsbox>table {
    text-align: center;
    border-spacing: 0;
}

table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.modaldetailsbox.segment tr>td>div {
    display: flex;
}

.modaldetailsbox>table>tbody>tr:last-child>td>div {
    text-align: right;
    padding-right: 20px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
}

@media(max-width:768px) {
    .modaldetailsbox>table>tbody>tr:last-child>td>div {
        padding: 0;
    }
}

.airfare-segmentairline {
    width: 130px;
    text-align: center;
    padding: 10px 0 0 0;
}

.modaldetailsbox .iconairline {
    height: 33.9px;
    width: 33.9px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    background-size: cover;
    display: inline-block;
}

@media(max-width:768px) {
    .modaldetailsbox .iconairline {
        background-size: contain;
        width: 24px;
        height: 24px;
    }
}

.airfare-segairname {
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
}

@media(max-width:768px) {
    .airfare-segairname {
        margin: auto 5px;
    }
}

.airfare-segmentinfo {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

@media(max-width:768px) {
    .airfare-segmentinfo {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
    }
}

.airfare-segmentinfo>div:first-child {
    width: 112px;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:first-child {
        width: 112px;
    }
}

.airfare-segmentinfo>div:nth-child(2) {
    width: 20px;
    margin: auto;
    text-align: left;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:nth-child(2) {
        width: 20px;
        margin: auto;
        text-align: left;
    }
}

.airfare-segmentinfo>div:last-child {
    width: calc(100% - 132px);
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:last-child {
        width: calc(100% - 132px);
    }
}

.airfare-segmentinfo>div:first-child>div {
    text-align: center;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:first-child>div {
        font-size: 14px;
    }
}

.airfare-segmentinfo>div:first-child>div:nth-child(2) {
    margin: 28% 0;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:first-child>div:nth-child(2) {
        margin: 37% 0;
    }
}

.airfare-segmentinfo>div:first-child>div:last-child {
    margin: auto;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:first-child>div:last-child {
        margin: auto;
    }
}

.airfare-segmentinfo>div:first-child>div:first-child>p,
.airfare-segmentinfo>div:first-child>div:last-child>p {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    margin: 10px 0;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:first-child>div:first-child>p,
    .airfare-segmentinfo>div:first-child>div:last-child>p {
        font-weight: 700;
        line-height: 130%;
    }
}

.flightdayicon3 {
    background-image: url(data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.76491 6.19138L3.39466 0.906593L4.83766 0.519501L10.032 5.31706L13.9642 4.26339C14.2514 4.18649 14.5574 4.22682 14.8148 4.37551C15.0723 4.5242 15.2601 4.76907 15.337 5.05625C15.4139 5.34343 15.3736 5.6494 15.2249 5.90684C15.0762 6.16428 14.8313 6.35211 14.5441 6.42901L3.3558 9.42562L2.77591 7.25999L2.95601 7.21142L4.79955 9.03852L2.83719 9.56461C2.67627 9.60775 2.50555 9.59589 2.35215 9.5309C2.19875 9.46591 2.07147 9.35153 1.99052 9.20591L0.0303955 5.67426L1.11321 5.38431L2.95601 7.21142L6.76491 6.19063V6.19138ZM1.92401 11.6974H13.8805V13.1919H1.92401V11.6974Z' fill='%23073B91'/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: left;
    display: inline-block;
    width: 15.34px;
    height: 12.67px;
}

.airfare-segmentinfo>div:first-child>div:nth-child(2)>p {
    font-weight: 500;
    font-size: 15.5px;
    line-height: 21px;
    margin: 0;
    color: #5522bb;
    color: var(--primary-color);
}

.iconroute {
    background-image: url('../../assets/images/iconroute.svg');
    background-repeat: no-repeat;
    width: 8px;
    height: 157px;
    display: inline-block;
}

.airfare-segmentinfo>div:last-child>div,
.flightinfobox>div {
    text-align: left;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:last-child>div,
    .flightinfobox>div {
        text-align: left;
    }
}

.airfare-segmentinfo>div:first-child>div:first-child>p:last-child,
.airfare-segmentinfo>div:first-child>div:last-child>p:last-child {
    font-weight: 400;
    color: #6A7175;
    font-size: 13px;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:first-child>div:first-child>p:last-child,
    .airfare-segmentinfo>div:first-child>div:last-child>p:last-child {
        font-size: 13px;
    }
}

.airfare-segmentinfo>div:last-child>div>p:first-child {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    margin: 10px 0;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:last-child>div>p:first-child {
        font-weight: 700;
        font-size: 14px;
        line-height: 130%;
        margin: 10px 0;
    }
}

.airfare-segmentinfo>div:last-child>div>p:last-child {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    margin: 10px 0;
    color: #6A7175;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:last-child>div>p:last-child {
        font-weight: 400;
        font-size: 13px;
        line-height: 18px;
        margin: 10px 0;
        color: #6A7175;
    }
}

.flightinfobox {
    display: flex;
    justify-content: space-between;
    max-width: 440px;
    min-height: 75px;
    margin-bottom: 25px;
    background-color: #5522bb;
    border-radius: 4px;
    color: #ffffff;
    padding: 14px;
    background: var(--primary-color);
}

@media(max-width:768px) {
    .flightinfobox {
        flex-direction: column;
        /*background-color: rgba(238,238,238,0.7);*/
        color: #fff;
        padding: 0;
    }
    .flightinfobox .DesktopHide {
        border-bottom: 1px solid #FFF;
    }
    .flightinfobox .DesktopHide .DetailMobileAirline {
        display: flex;
        padding: 8px 10px 5px 10px;
        border-bottom: 2px solid #EEE;
        align-items: center;
    }
    .flightinfobox .DesktopHide .DetailMobileAirline img {
        width: 22px;
        height: 22px;
    }
    .flightinfobox .DesktopHide .DetailMobileAirline .airfare-segairname {
        margin: 0 8px;
        font-weight: 600;
    }
}

.flightinfobox .InfoRow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 5px;
    display: block;
}

@media(max-width:768px) {
    .flightinfobox .InfoRow {
        display: block;
        grid-template-columns: none;
        gap: 0;
    }
    .flightinfobox .InfoRow p {
        display: block;
        padding: 4px 10px 4px 10px;
        font-weight: 500;
    }
    .flightinfobox .InfoRow p span {
        font-weight: 600;
    }
}

.flightinfobox>div>p {
    /*display: inline-block;*/
    font-size: 14px;
    line-height: 19px;
    margin: 0;
    font-weight: 600;
}

@media(max-width:768px) {
    .flightinfobox>div>p {
        font-size: 13px;
    }
}

.flightinfobox>div>p:last-child {
    grid-column: auto / span 2;
}

.airfare-mobile-tab-details {
    display: none;
}

@media(max-width:768px) {
    .airfare-mobile-tab-details {
        display: flex;
        height: 44px;
        margin: 0 15px;
        justify-content: space-between;
        border-bottom: 1.5px solid #ebebf0;
    }
    .airfare-mobile-tab-details .DT-tabs {
        height: 44px;
        font-size: 14px;
        color: #808089;
        flex-grow: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
    }
    .airfare-mobile-tab-details .DT-tabs.dt-active {
        font-weight: 700;
        color: var(--primary-color);
        border-bottom: 1.5px solid var(--primary-color);
    }
}

@media(max-width:768px) {
    .airfare-mobile-tab-content .modaldetailsbox {
        display: none;
    }
    .airfare-mobile-tab-content .modaldetailsbox.dt-active {
        display: block;
    }
    .box-pricedetails table td:nth-child(1) {
        text-align: left;
    }
}

.box-pricedetails table td:nth-child(4),
.box-pricedetails table td:last-child {
    text-align: right;
}

.farerules-body {
    max-height: 250px;
    overflow: auto;
}

@media(max-width:768px) {
    .farerules-body {
        font-size: 12px;
    }
    .farerules-body ul {
        margin: 0;
        padding: 0 0 0 20px;
        list-style: none !important;
    }
    .farerules-body ul li {
        margin-bottom: 8px;
    }
}

.airfare-mobile-details-footer {
    display: none;
}

@media(max-width:768px) {
    .airfare-mobile-details-footer {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        background: #ffffff;
        width: 100%;
        height: 105px;
        padding: 12px 16px;
        box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.05);
        z-index: 9999;
    }
    .airfare-mobile-details-footer .airfare-button {
        font-size: 16px;
        margin-top: 16px;
        border-radius: 4px;
        height: 40px;
        line-height: 24px;
    }
}

.mobile-total-price {
    display: none;
}

@media(max-width:768px) {
    .mobile-total-price {
        display: flex;
        justify-content: space-between;
    }
    .mobile-total-price-footer {
        color: var(--primary-color);
        font-weight: 600;
        margin: 0 0 5px 0;
        display: flex;
        align-items: center;
    }
}

.airfare-suggest-more {
    margin-top: 20px;
}


/***********************************************/

.h-100 {
    height: 100%;
}

.airfare-detailsrow.show {
    display: block;
}

.none-evn {
    pointer-events: none;
}

.group-checked.none-check label::before {
    display: none;
}

.group-checked.none-check {
    margin-bottom: 20px;
}

.rooms-number {
    background-color: var(--primary-color);
}

.rooms-number-txt {
    color: #fff;
}

label.none-check::before {
    display: none;
}

.disable-check .item-ap label {
    pointer-events: none;
}

label.none-check {
    pointer-events: none;
}

.print {
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
    justify-content: center;
    margin-top: 20px;
}

.print button {
    padding: 8px 30px;
    background-color: var(--primary-color);
    border-radius: 6px;
    color: #fff;
    border: none;
    outline: none !important;
}


/*=====================*/

.search__result {
    border-radius: 16px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    margin-bottom: 30px;
    transition: all .3s;
}

.search__result:hover {
    transform: translateY(-5px);
    transition: all .3s;
}

.result__img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
    height: 225px;
}

.result__des {
    padding: 12px 16px;
	overflow-y: auto;
    max-height: 300px;
}

.result__des__text,
.result__des__text h2 {
    font-size: 12px;
    font-style: italic;
    color: #000;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.title__des {
    font-size: 14px;
    color: #757575;
    display: block;
}

.result__title {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    display: inline-block;
    margin: 6px 0;
}

.result__title:hover {
    color: var(--primary-color);
    text-decoration: none;
}

.rating__avg span {
    font-size: 14px;
    color: #f09b0a;
}

.rating__avg strong {
    color: #000;
    font-weight: 500;
}

.general__tag {
    margin-top: 10px;
}

.general__tag ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.general__tag ul li {
    font-size: 14px;
    color: #757575;
    font-weight: 600;
    background-color: #f5f5f5;
    padding: 3px 8px;
}

.info__bottom p {
    color: #000;
    font-weight: 600;
}

.info__bottom p span {
    font-weight: 500;
}

.info__bottom strike {
    color: #757575;
    font-weight: 500;
}

.toggle {
    cursor: pointer;
    display: inline-block;
}

.toggle-switch {
    display: inline-block;
    background: #ccc;
    border-radius: 16px;
    width: 58px;
    height: 32px;
    position: relative;
    vertical-align: middle;
    transition: background 0.25s;
}

.toggle-switch:before,
.toggle-switch:after {
    content: "";
}

.toggle-switch:before {
    display: block;
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 4px;
    left: 4px;
    transition: left 0.25s;
}

.toggle:hover .toggle-switch:before {
    background: linear-gradient(to bottom, #fff 0%, #fff 100%);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}

.toggle-checkbox:checked+.toggle-switch {
    background: #56c080;
}

.toggle-checkbox:checked+.toggle-switch:before {
    left: 30px;
}

.toggle-checkbox {
    position: absolute;
    visibility: hidden;
}

.toggle-label {
    margin-left: 5px;
    position: relative;
    top: 2px;
}

.airfare {
    margin-bottom: 15px;
}

@media(max-width:576px) {
    .airfare .container {
        padding: 0 7px;
    }
}

/*.airfare-list {
    border: .5px solid #ccc;
    margin-bottom: 15px;
}*/
@media (max-width:480px){
	.airfare-list{
		border:0;	
	}
}
.airfare-list-head {
    height: auto;
    width: 100%;
    display: flex;
    color: White;
    padding: 10px;
    background: var(--primary-color);
    margin-bottom: 15px;
}

.airfare-list-head .dtc-icon {
    width: 46px;
    height: 46px;
    border: 1px solid #FFF;
    border-radius: 50%;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding-top: 8px;
}

.airfare-list-head .dtc-icon i {
    font-size: 30px;
}

.airfare-list-head .dtc-flight-title {
    flex: 1;
    padding-left: 16px;
    text-align: left;
}

.airfare-list-head .dtc-flight-title p {
    font-weight: 500;
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.airfare-list-head .dtc-flight-title span {
    font-weight: 300;
    margin: 0px;
    font-size: 12px;
    font-style: italic;
}

.airfare .airfare-tabs {
	margin:0;
    padding: 15px 10px;
	white-space:nowrap;
	overflow-x:auto;
	background:#f5f7fa;
	border:1px solid #ccc;
}

@media(max-width:576px) {
    .airfare .airfare-tabs {
        padding: 10px;
		margin-bottom:10px;
    }
}

/*.airfare .airfare-tabs .airfare-tabs-item {
    display: inline-block;
    padding: 6px 10px;
    color: var(--primary-color);
    border: 1px solid var(--primary-color);
    border-radius: 6px;
    transition: all .3s ease;
    margin-bottom: 7px;
}

@media(max-width:768px) {
    .airfare .airfare-tabs .airfare-tabs-item {
        padding: 4px 6px;
    }
}*/

/*.airfare .airfare-tabs .airfare-tabs-item.active,
.airfare .airfare-tabs .airfare-tabs-item:hover,
.airfare .airfare-tabs .airfare-tabs-item:focus {
    background: var(--primary-color);
    color: #fff;
    transition: all .3s ease;
}*/

.airfare-content-group-wrap {
    margin-bottom: 15px;
}

/*.airfare .airfare-content {
    padding: 0 15px;
}

@media(max-width:576px) {
    .airfare .airfare-content {
        padding: 0 7px;
    }
}*/

.airfare .airfare-content-item {
    position: relative;
    filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.3));
    width: 100%;
    display: flex;
    margin-top: 1em;
    margin-bottom: 0;
    height: 79px;
}

@media(max-width:768px) {
    .airfare .airfare-content-item {
        /*filter: unset;*/
        height: 80px;
        margin-top: 6px;
    }
}

.airfare-detailsrow {
    display: none;
}

.airfare .airfare-details:last-child {
    width: 221px;
}

@media(max-width:768px) {
    .airfare .airfare-details:last-child {
        padding: 8px 10.5px 15px calc(3% - 8.5px);
        min-width: 123px;
        width: 30%;
    }
}

.airfare .airfare-details,
.airfare .airfare-details-footer {
    padding: 5px calc(3% - 15px) 0 calc(3% - 15px);
    text-align: center;
    border-radius: 0.375em;
    width: 100%;
}

@media(max-width:768px) {
    .airfare .airfare-details:first-child {
        padding: 9px;
        min-width: 209px;
    }
}
@media(max-width:480px) {
    .airfare .airfare-details:first-child {
        min-width:auto;
    }
}
.airfare .airfare-details-info {
    display: flex;
}

@media(max-width:768px) {
    .airfare .airfare-details-info {
        flex-direction: column;
        height: 100%;
    }
}

.airfare .airlineflightinfo {
    display: flex;
    gap: 10px;
    width: 170px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    text-align: left;
    vertical-align: middle;
    margin: 0.8em;
    min-width: 52px;
}

@media(max-width:768px) {
    .airfare .airlineflightinfo {
        margin: 0;
        display: flex;
        border-right: none;
        gap: 3px;
    }
}

.airfare .airlineflightinfo .iconairline {
    height: 38px;
    width: 38px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    background-size: cover;
    display: inline-block;
}

@media(max-width:768px) {
    .airfare .airlineflightinfo .iconairline {
        width: 28.89px;
        height: 28.89px;
        margin-right: 8px;
    }
}

@media(max-width:480px) {
    .airfare .airlineflightinfo .iconairline {
        margin-right: 0;
    }
}

.airfare .airlineflightinfo>div {
    flex-grow: 1;
}

@media(max-width:768px) {
    .airfare .airlineflightinfo>div {
        display: inline-block;
    }
}

.airfare .airlineflightinfo .brandnameairline {
    font-size: 0.9em;
    line-height: 1.5625em;
}

@media(max-width:768px) {
    .airfare .airlineflightinfo .brandnameairline {
        font-size: 11px;
        line-height: 150%;
        font-weight: 700;
        text-align: left;
        white-space: nowrap;
    }
}

.airfare .airlineflightinfo .flightcode {
    line-height: 1.2156em;
    font-size: 0.8em;
    color: #808089;
}

@media(max-width:768px) {
    .airfare .airlineflightinfo .flightcode {
        line-height: 13px;
        font-size: 10px;
        text-align: left;
        font-weight: 600;
        white-space: nowrap;
    }
}

.airfare .airlineflightinfo .flightcode .airfare-details-button {
    font-size: inherit;
	font-weight:500;
}

@media(max-width:768px) {
    .airfare .airlineflightinfo .flightcode .airfare-details-button {
        display: none;
    }
}

.airfare .airfare-details-info .routeinfo {
    display: flex;
    align-items: center;
    flex-grow: 1;
    padding: 0 calc(8% - 28px);
}

@media(max-width:768px) {
    .airfare .airfare-details-info .routeinfo {
        margin-top: 12px;
    }
}

.airfare .airfare-details-info .routeinfo .flightposition {
    margin: auto;
}

.airfare .airfare-details-info .routeinfo .flightposition .flight-time {
    font-size: 0.9em;
    font-weight: 600;
    line-height: 1.5343em;
}

@media(max-width:768px) {
    .airfare .airfare-details-info .routeinfo .flightposition .flight-time {
        font-size: 14px;
        line-height: 142%;
        color: #27272a;
        font-weight: 700;
        margin-bottom: 3px;
    }
}

.airfare .airfare-details-info .routeinfo .flightposition .flight-airport {
    border-radius: 2.6em;
    background-color: #eff1f2;
    color: #666666;
    padding: 2px 10px;
    font-weight: 600;
    line-height: normal;
    font-size: 12px;
}

@media(max-width:768px) {
    .airfare .airfare-details-info .routeinfo .flightposition .flight-airport {
        font-size: 12px;
        line-height: 130%;
        color: #27272a;
    }
}

.airfare .airfare-details-info .routeinfo .routetimeandtransit {
    width: 100%;
    vertical-align: middle;
}

@media(max-width:768px) {
    .airfare .airfare-details-info .routeinfo .routetimeandtransit {
        max-width: 350px;
    }
}

.airfare .airfare-details-info .routeinfo .routetimeandtransit>p {
    display: inline-block;
    margin: auto;
    text-align: center;
    font-size: 14px;
}

@media(max-width:768px) {
    .airfare .airfare-details-info .routeinfo .routetimeandtransit>p {
        font-size: 10px;
        line-height: 130%;
        color: #808089;
    }
}

.airfare .airfare-details-info .routeinfo .routetimeandtransit .routelabel {
    background-image: url('../../assets/images/lineflight.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 20px;
    width: 100%;
}

.airfare-details-button {
    font-size: 0.8em;
    font-weight: lighter;
    cursor: pointer;
    text-decoration: none;
    color: var(--primary-color);
}

@media(max-width:768px) {
    .airfare-details-button {
        font-size: 12px;
        font-weight: 600;
    }
}

.airfare .rip {
    position: relative;
    display: flex;
    align-items: center;
    background: #f5f7fa;
    height: auto;
    width: 20px;
    margin: 10px 0;
    justify-content: center;
    min-width: 20px;
}

@media(max-width:768px) {
    .airfare .rip {
        width: 12px;
        margin: 6px 0;
        min-width: 12px;
    }
}

.airfare .rip:before,
.airfare .rip:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    border: 5px solid transparent;
    border-radius: 100%;
    pointer-events: none;
    border-top-color: #f5f7fa;
    border-right-color: #f5f7fa;
    box-sizing: content-box;
}

.airfare .rip:before {
    transform: translate(-50%, -50%) rotate(135deg);
    left: 10px;
    top: -10px;
    box-sizing: content-box;
}

.airfare .rip:after {
    right: -40px;
    transform: rotate(-45deg);
    bottom: -25px;
    left: -5px;
    top: unset;
}

.airfare .rip .rip-line {
    width: 1px;
    height: 100%;
    background-image: linear-gradient(to bottom, transparent 50%, #5522BB 50%);
    background-size: 100% 10px;
}

.airfare .airfareprice {
    width: 100%;
    padding-right: 7px;
}

@media(max-width:768px) {
    .airfare .airfareprice {
        padding-right: 0;
    }
}

.airfare .airfareprice .airfarepricenumber {
    display: flex;
    flex-wrap: nowrap;
    font-size: 1em;
    font-weight: 700;
    justify-content: center;
    text-align: center;
    align-items: center;
    color: var(--primary-color);
    margin-bottom: 3px;
}

@media(max-width:768px) {
    .airfare .airfareprice .airfarepricenumber {
        font-size: 14px;
        height: 20px;
        margin-bottom: 0;
    }
}

.airfare .airfareprice .airfarepricenumber>p {
    display: inline-block;
    color: #898993;
    font-size: 0.7em;
    font-weight: lighter;
    margin: 0em;
}

.airfare-button {
    width: 100%;
    padding: 6px 10px;
    font-size: 16px;
    border-radius: 0.25rem;
    border: none;
    color: #ffffff;
    cursor: pointer;
    background: var(--primary-color);
}

@media(max-width:768px) {
    .airfare-button {
        margin: 4px 0;
		width: max-content
    }
}

.DesktopHide {
    display: none;
}

@media(max-width:768px) {
    .DesktopHide {
        display: block;
    }
}

.DesktopHideInline {
    display: none;
}

@media(max-width:768px) {
    .DesktopHideInline {
        display: inline;
    }
}

.MobileHide {
    display: block;
}

@media(max-width:768px) {
    .MobileHide {
        display: none;
    }
}

.MobileHideIB {
    display: inline-block;
}

@media(max-width:768px) {
    .MobileHideIB {
        display: none !important;
    }
}

.flightdetailsborder {
    margin-top: 8px;
    display: block;
    border: 1.8px solid #5522bb;
    border-radius: 0.375em;
    background-color: #f5f5f5;
}

@media(max-width:768px) {
    .flightdetailsborder {
        border: none;
        border-radius: 0;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        height: 100%;
        background: #ffffff;
        -webkit-animation-name: slideIn;
        -webkit-animation-duration: 0.4s;
        animation-name: slideIn;
        animation-duration: 0.4s;
        z-index: 9999;
    }
    .flightdetailsborder .airfare-result-title {
        height: auto !important;
    }
}

.airfare-result-title {
    background: #5522BB;
    background: var(--primary-color);
    color: #ffffff !important;
    padding: 10px 21px;
    letter-spacing: 0.025em;
    display: none;
}

@media(max-width:768px) {
    .airfare-result-title {
        display: flex;
        position: static;
        width: 100%;
        /*height: 67px;*/
        gap: 0;
        /*padding: 0;*/
    }
    .backward-icon {
        display: flex;
        align-items: center;
        margin: 0 15px;
        cursor: pointer;
        font-size: 38px;
    }
}

.airfare-result-title .airfare-itineraryinfo {
    display: flex;
}

@media(max-width:768px) {
    .airfare-result-title .airfare-itineraryinfo {
        margin: auto 8% auto 0;
        width: 100%;
    }
}

.airfare-result-title .airfare-itineraryinfo .airfare-itinerarypoint {
    display: flex;
    flex-direction: column;
    height: 40px;
    height: auto !important;
}

@media(max-width:768px) {
    .airfare-result-title .airfare-itineraryinfo .airfare-itinerarypoint {
        width: 100%;
    }
}

.airfare-result-title .airfare-itineraryinfo .airfare-itinerarypoint-title {
    position: relative;
    padding-bottom: 45px;
    align-items: start;
    display: flex;
    line-height: 18px;
    font-weight: 600;
    height: 50%;
}

.airfare-result-title .airfare-itineraryinfo .airfare-itinerarypoint-desc {
    align-items: end;
    display: flex;
    line-height: 13px;
    font-size: 13px;
    height: 28%;
}

@media(max-width:768px) {
    .airfare-result-title .airfare-itineraryinfo .airfare-itinerarypoint-title,
    .airfare-result-title .airfare-itineraryinfo .airfare-itinerarypoint-desc {
        justify-content: center;
    }
}

.airfare-itinerarypoint-title::after {
    content: "(Giá đã bao gồm thuế phí)";
    position: absolute;
    bottom: 0px;
}

@media(max-width:768px) {
    .airfare-result-body {
        overflow: auto;
        height: 100%;
        padding-bottom: 180px;
    }
}

.modaldetailsbox {
    border-radius: 0.25em;
    border: 1px solid #c4c4c4;
    padding: 1.375em;
    margin: 1em;
    background-color: #ffffff;
    text-align: left;
}

@media(max-width:768px) {
    .modaldetailsbox.segment {
        overflow: scroll;
        max-height: calc(100vh - 80px);
    }
    .airfare-result-body .modaldetailsbox {
        border: 0;
        padding: 0;
        margin-bottom: 30px;
    }
}

.modaldetailsbox .detailsboxheader {
    line-height: 22px;
    color: #5522bb;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: var(--primary-color);
}

@media(max-width:768px) {
    .modaldetailsbox .detailsboxheader {
        display: none;
    }
}

.modaldetailsbox>table {
    text-align: center;
    border-spacing: 0;
}

table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
}

.modaldetailsbox.segment tr>td>div {
    display: flex;
}

.modaldetailsbox>table>tbody>tr:last-child>td>div {
    text-align: right;
    padding-right: 20px;
    font-size: 18px;
    line-height: 25px;
    font-weight: 600;
}

@media(max-width:768px) {
    .modaldetailsbox>table>tbody>tr:last-child>td>div {
        padding: 0;
    }
}

.airfare-segmentairline {
    width: 130px;
    text-align: center;
    padding: 10px 0 0 0;
}

.modaldetailsbox .iconairline {
    height: 33.9px;
    width: 33.9px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    background-size: cover;
    display: inline-block;
}

@media(max-width:768px) {
    .modaldetailsbox .iconairline {
        background-size: contain;
        width: 24px;
        height: 24px;
    }
}

.airfare-segairname {
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
}

@media(max-width:768px) {
    .airfare-segairname {
        margin: auto 5px;
    }
}

.airfare-segmentinfo {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

@media(max-width:768px) {
    .airfare-segmentinfo {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
    }
}

.airfare-segmentinfo>div:first-child {
    width: 112px;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:first-child {
        width: 112px;
    }
}

.airfare-segmentinfo>div:nth-child(2) {
    width: 20px;
    margin: auto;
    text-align: left;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:nth-child(2) {
        width: 20px;
        margin: auto;
        text-align: left;
    }
}

.airfare-segmentinfo>div:last-child {
    width: calc(100% - 132px);
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:last-child {
        width: calc(100% - 132px);
    }
}

.airfare-segmentinfo>div:first-child>div {
    text-align: center;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:first-child>div {
        font-size: 14px;
    }
}

.airfare-segmentinfo>div:first-child>div:nth-child(2) {
    margin: 28% 0;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:first-child>div:nth-child(2) {
        margin: 37% 0;
    }
}

.airfare-segmentinfo>div:first-child>div:last-child {
    margin: auto;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:first-child>div:last-child {
        margin: auto;
    }
}

.airfare-segmentinfo>div:first-child>div:first-child>p,
.airfare-segmentinfo>div:first-child>div:last-child>p {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    margin: 10px 0;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:first-child>div:first-child>p,
    .airfare-segmentinfo>div:first-child>div:last-child>p {
        font-weight: 700;
        line-height: 130%;
    }
}

.flightdayicon3 {
    background-image: url(data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.76491 6.19138L3.39466 0.906593L4.83766 0.519501L10.032 5.31706L13.9642 4.26339C14.2514 4.18649 14.5574 4.22682 14.8148 4.37551C15.0723 4.5242 15.2601 4.76907 15.337 5.05625C15.4139 5.34343 15.3736 5.6494 15.2249 5.90684C15.0762 6.16428 14.8313 6.35211 14.5441 6.42901L3.3558 9.42562L2.77591 7.25999L2.95601 7.21142L4.79955 9.03852L2.83719 9.56461C2.67627 9.60775 2.50555 9.59589 2.35215 9.5309C2.19875 9.46591 2.07147 9.35153 1.99052 9.20591L0.0303955 5.67426L1.11321 5.38431L2.95601 7.21142L6.76491 6.19063V6.19138ZM1.92401 11.6974H13.8805V13.1919H1.92401V11.6974Z' fill='%23073B91'/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: left;
    display: inline-block;
    width: 15.34px;
    height: 12.67px;
}

.airfare-segmentinfo>div:first-child>div:nth-child(2)>p {
    font-weight: 500;
    font-size: 15.5px;
    line-height: 21px;
    margin: 0;
    color: #5522bb;
    color: var(--primary-color);
}

.iconroute {
    background-image: url('../../assets/images/iconroute.svg');
    background-repeat: no-repeat;
    width: 8px;
    height: 157px;
    display: inline-block;
}

.airfare-segmentinfo>div:last-child>div,
.flightinfobox>div {
    text-align: left;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:last-child>div,
    .flightinfobox>div {
        text-align: left;
    }
}

.airfare-segmentinfo>div:first-child>div:first-child>p:last-child,
.airfare-segmentinfo>div:first-child>div:last-child>p:last-child {
    font-weight: 400;
    color: #6A7175;
    font-size: 13px;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:first-child>div:first-child>p:last-child,
    .airfare-segmentinfo>div:first-child>div:last-child>p:last-child {
        font-size: 13px;
    }
}

.airfare-segmentinfo>div:last-child>div>p:first-child {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    margin: 10px 0;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:last-child>div>p:first-child {
        font-weight: 700;
        font-size: 14px;
        line-height: 130%;
        margin: 10px 0;
    }
}

.airfare-segmentinfo>div:last-child>div>p:last-child {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    margin: 10px 0;
    color: #6A7175;
}

@media(max-width:768px) {
    .airfare-segmentinfo>div:last-child>div>p:last-child {
        font-weight: 400;
        font-size: 13px;
        line-height: 18px;
        margin: 10px 0;
        color: #6A7175;
    }
}

.flightinfobox {
    display: flex;
    justify-content: space-between;
    max-width: 440px;
    min-height: 75px;
    margin-bottom: 25px;
    background-color: #5522bb;
    border-radius: 4px;
    color: #ffffff;
    padding: 14px;
    background: var(--primary-color);
}

@media(max-width:768px) {
    .flightinfobox {
        flex-direction: column;
        /*background-color: rgba(238,238,238,0.7);*/
        color: #fff;
        padding: 0;
    }
    .flightinfobox .DesktopHide {
        border-bottom: 1px solid #FFF;
    }
    .flightinfobox .DesktopHide .DetailMobileAirline {
        display: flex;
        padding: 8px 10px 5px 10px;
        border-bottom: 2px solid #EEE;
        align-items: center;
    }
    .flightinfobox .DesktopHide .DetailMobileAirline img {
        width: 22px;
        height: 22px;
    }
    .flightinfobox .DesktopHide .DetailMobileAirline .airfare-segairname {
        margin: 0 8px;
        font-weight: 600;
    }
}

.flightinfobox .InfoRow {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    gap: 5px;
    display: block;
}

@media(max-width:768px) {
    .flightinfobox .InfoRow {
        display: block;
        grid-template-columns: none;
        gap: 0;
    }
    .flightinfobox .InfoRow p {
        display: block;
        padding: 4px 10px 4px 10px;
        font-weight: 500;
    }
    .flightinfobox .InfoRow p span {
        font-weight: 600;
    }
}

.flightinfobox>div>p {
    /*display: inline-block;*/
    font-size: 14px;
    line-height: 19px;
    margin: 0;
    font-weight: 600;
}

@media(max-width:768px) {
    .flightinfobox>div>p {
        font-size: 13px;
    }
}

.flightinfobox>div>p:last-child {
    grid-column: auto / span 2;
}

.airfare-mobile-tab-details {
    display: none;
}

@media(max-width:768px) {
    .airfare-mobile-tab-details {
        display: flex;
        height: 44px;
        margin: 0 15px;
        justify-content: space-between;
        border-bottom: 1.5px solid #ebebf0;
    }
    .airfare-mobile-tab-details .DT-tabs {
        height: 44px;
        font-size: 14px;
        color: #808089;
        flex-grow: 1;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
    }
    .airfare-mobile-tab-details .DT-tabs.dt-active {
        font-weight: 700;
        color: var(--primary-color);
        border-bottom: 1.5px solid var(--primary-color);
    }
}

@media(max-width:768px) {
    .airfare-mobile-tab-content .modaldetailsbox {
        display: none;
    }
    .airfare-mobile-tab-content .modaldetailsbox.dt-active {
        display: block;
    }
    .box-pricedetails table td:nth-child(1) {
        text-align: left;
    }
}

.search-flight-selected .box-wrapper {
    margin-bottom: 15px;
    border: .5px solid #ccc;
}

.search-flight-selected .dtc-head {
    background: var(--primary-color);
    color: #fff;
    padding: 10px;
}

.search-flight-selected .box-wrapper-main {
    padding: 15px;
}

.search-flight-selected .box-wrapper-main input,
.search-flight-selected .box-wrapper-main select {
    width: 100%;
    padding: 6px 10px;
    height: 40px;
    border: 1px solid #ccc;
}

.search-flight-selected .box-wrapper-main textarea {
    width: 100%;
    padding: 6px 10px;
    border: 1px solid #ccc;
}

.search-flight-selected .box-wrapper-main button {
    height: 40px;
}

.dtc-box-option {
    background-color: #FFF;
    min-height: 20px;
    padding: 8px 10px;
}

ul.dtc-pax-info {
    padding: 0px !important;
    margin: 0px !important;
    list-style-type: none;
}

ul.dtc-pax-info li {
    width: 100%;
    padding: 0px;
    align-items: center;
    margin: 0 0 10px;
    border: 0.5px solid #ccc;
    border-radius: 3px;
}

ul.dtc-pax-info li:first-child {
    font-weight: 600;
    font-size: 16px;
    border: none;
    display: flex;
    align-items: center;
    background: #FFF;
    color: #000;
}

@media(max-width:991px) {
    ul.dtc-pax-info li:first-child {
        display: none;
    }
}

.dtc-pax-info thead>tr>th {
    font-weight: 600;
}

.dtc-pax-info tbody>tr {
    background: #fefafa;
}

ul.dtc-pax-info li .dtc-pax-cus,
.dtc-pax-info .dtc-pax-cus {
    width: 15%;
    padding: 5px 5px;
    text-align: center;
    color: #000;
}

ul.dtc-pax-info li .dtc-pax-sex,
.dtc-pax-info .dtc-pax-sex {
    width: 10%;
    padding: 5px 5px;
    text-align: center;
}

ul.dtc-pax-info li .dtc-pax-firstname,
.dtc-pax-info .dtc-pax-firstname {
    /*width: 18%;*/
    width: 30%;
    padding: 5px 5px;
    text-align: center;
}

ul.dtc-pax-info li .dtc-pax-lastname,
.dtc-pax-info .dtc-pax-lastname {
    width: 28%;
    padding: 5px 5px;
    text-align: center;
}

ul.dtc-pax-info li .dtc-pax-bir,
.dtc-pax-info .dtc-pax-bir {
    width: 20%;
    padding: 5px 5px;
    text-align: center;
}

ul.dtc-pax-info li .dtc-pax-checkedbaggage,
.dtc-pax-info .dtc-pax-checkedbaggage {
    width: 25%;
    padding: 5px 5px;
    text-align: center;
}
ul.dtc-pax-info li .dtc-pax-checkedbaggage .dtc-input-group ,
.dtc-pax-info .dtc-pax-checkedbaggage .dtc-input-group {
    margin-bottom: 5px;
}
.dtc-pax-row {
    display: flex;
    background: #fefafa;
    padding: 6px 3px;
    align-items: center;
    font-size: 16px !important;
    border-radius: 3px 3px 0px 0px;
}

@media(max-width:991px) {
    .dtc-pax-row {
        display: flex;
		flex-wrap:wrap;
        background: transparent;
    }
    ul.dtc-pax-info .dtc-pax-customer {
        width: 100% !important;
        padding-top: 10px !important;
    }
	ul.dtc-pax-info .dtc-pax-cus{width: 35% !important;}ul.dtc-pax-info .dtc-pax-sex{width:auto !important;flex:1;}
}

ul.dtc-pax-info li .dtc-pax-cus.adt,
.dtc-pax-info .dtc-pax-cus.adt {
    background: url(https://plugin.datacom.vn/Resources/Images/Icon/adt.png) no-repeat left center;
    background-size: 20px;
    padding-left: 20px;
    text-align: left;
}

.provisional-valuation {
    /*border-radius: 5px;
	border: 0.5px solid #ccc;*/
    padding: 10px;
}

.provisional-valuation .item:not(:last-child) {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: .25px solid #f4ecec;
}

.provisional-valuation .item .totalprice {
    color: var(--primary-color);
    font-weight: 600;
}

.dtc-input-group {
    background-color: #fff;
    position: relative;
    width: 100%;
    height: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-radius: 3px;
    border: 1px solid #f9f9f9;
    border-color: #ccc !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.dtc-input {
    padding: 0 5px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
    background-color: transparent;
    background-image: none;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dtc-input-group>.dtc-input {
    position: relative;
    flex: 1 1 auto;
    width: 1% !important;
    border-radius: 3px;
    border: none;
    background-color: transparent;
    margin: 0 !important;
    height: 100%;
    line-height: 36px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    display: block !important;
    background-color: transparent !important;
    border: none !important;
    color: #333 !important;
}

#dtc-result input:focus,
#dtc-result textarea:focus,
#dtc-result button:focus,
#dtc-result select {
    outline: none !important;
}

.dtc-input-group>.dtc-input {
    position: relative;
    flex: 1 1 auto;
    width: 1% !important;
    border-radius: 3px;
    border: none;
    background-color: transparent;
    margin: 0 !important;
    height: 100%;
    line-height: 36px;
    box-shadow: none;
    cursor: pointer;
    font-size: 14px;
    display: block !important;
    background-color: transparent !important;
    border: none !important;
    color: #333 !important;
}

.dtc-input-icon {
    width: 38px;
    display: block;
    padding-top: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #f5f5f5;
    border-radius: 3px 0 0 3px;
}

.dtc-result span {
    font-weight: 500;
    font-size: 14px;
}


/* end search flight */

.box-pricedetails table td:nth-child(4),
.box-pricedetails table td:last-child {
    text-align: right;
}

.farerules-body {
    max-height: 250px;
    overflow: auto;
}

@media(max-width:768px) {
    .farerules-body {
        font-size: 12px;
    }
    .farerules-body ul {
        margin: 0;
        padding: 0 0 0 20px;
        list-style: none !important;
    }
    .farerules-body ul li {
        margin-bottom: 8px;
    }
}

.airfare-mobile-details-footer {
    display: none;
}

@media(max-width:768px) {
    .airfare-mobile-details-footer {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        background: #ffffff;
        width: 100%;
        height: 55px;
        padding: 12px 16px;
        box-shadow: 0 -2px 15px rgba(0, 0, 0, 0.05);
        z-index: 9999;
    }
    .airfare-mobile-details-footer .airfare-button {
        font-size: 16px;
        margin-top: 16px;
        border-radius: 4px;
        height: 40px;
        line-height: 24px;
    }
}

.mobile-total-price {
    display: none;
}

@media(max-width:768px) {
    .mobile-total-price {
        display: flex;
        justify-content: space-between;
    }
    .mobile-total-price-footer {
        color: var(--primary-color);
        font-weight: 600;
        margin: 0 0 5px 0;
        display: flex;
        align-items: center;
    }
}

.airfare-suggest-more {
    margin-top: 20px;
}


/*update*/

.dnone {
    display: none;
}


/*end update*/

.title-maps {
    width: 300px;
    margin: auto;
    text-align: justify;
    color: #333;
    font-size: 13px;
    background: linear-gradient(to right, #95bfe3, #eef2f3);
    border-radius: 5px;
    border: 1px solid #959595;
    padding: 10px;
    margin-bottom: 30px;
    z-index: 90;
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translate(-50%, 0%);
}

.name-province {
    color: #A85D00;
    font-size: 20px;
}

.introduce-province {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.infor-province {
    margin-bottom: 10px;
}

li.list-destination h4 {
    font-size: 20px;
}

.intro-place {
    padding-left: 20px;
    margin-bottom: 30px;
}

.list-place h2 {
    padding-top: 10px;
    font-size: 20px;
    border-top: 1px solid #3333;
}

.general {
    margin-bottom: 10px;
}

a.more-info {
    text-align: center;
    margin-left: 40%;
    margin-top: 10px!important;
    padding: 3px 13px;
    border: 1px solid #A85D00;
    border-radius: 5px;
    color: #025599;
}

.mapsno {
    position: absolute;
}

.maps .col-images-inner {
    position: relative;
	width: 90%;
}

.maps-ab {
    position: absolute;
    /* display: none; */
    opacity: 0;
}

.maps-ab:hover {
    opacity: 1;
}

@media(max-width:991.98px) {
    .slide__tour-desk {
        display: none;
    }
    .slide__tour-mobile {
        display: block;
    }
}

.counter {
    padding: calc(121/1920*100%) 0 calc(186/1920*100%);
    position: relative;
}

.counter .counter-wrap {
    max-width: 44.889rem;
    max-width: 68rem;
    position: relative;
    z-index: 1;
}

@media(max-width:1366px) {
    .counter .counter-wrap {
        max-width: 50%;
    }
}

@media(max-width:767px) {
    .counter .counter-wrap {
        max-width: 100%;
    }
	.control__content select, .control__content > input{
		background-color: transparent;
	}
	.form__search{
		margin-top: 20px;
		padding: 20px 10px;
	}
	.add__guest{
		width: 100%;
	}
	.search__des{
        border-radius: 10px;
        width: 90%;
		box-shadow: none;
    }
	.search__des .book-rightrip{
		flex:1;
	}
    .input__location, .input__time{
        width: 100%;
        box-shadow: none !important;
    }
    .input__location{
        border-radius: 50px 50px 0 0 !important;
    }
    .input__time{
        border-radius:  0 0 50px 50px !important;
    }
    .main__search-des:hover{
        background-color: #fff;
    }
}

.counter-wrap-title {
    font-weight: 700;
    font-size: 2.8rem;
    line-height: 1.3;
    white-space: pre-line;
    color: #000000;
}

.counter-wrap-desc {
    margin: 20px 0 30px;
}

.counter .number::after {
    content: "+";
    display: inline-block;
    position: relative;
    margin-left: 8px;
    font-size: inherit;
    bottom: 12px;
    bottom: 0;
}

.count-boxes {
    display: flex;
    justify-content: space-between;
}

.count-boxes .count-boxes__item {
    max-width: 232px;
    width: 100%;
}

.count-boxes .count-boxes__item:not(:last-child) {
    margin-right: 15px;
}

.count-boxes .count-boxes__item .number {
    font-weight: 700;
    font-size: 4.8rem;
    line-height: 1.22;
    color: var(--primary-color);
    position: relative;
    width: max-content;
}

@media(max-width:1366px) {
    .count-boxes .count-boxes__item .number {
        font-size: 70px;
    }
}

@media(max-width:1199px) {
    .count-boxes .count-boxes__item .number {
        font-size: 60px;
    }
}

@media(max-width:991px) {
    .count-boxes .count-boxes__item .number {
        font-size: 38px;
    }
}

@media(max-width:576px) {
    .count-boxes .count-boxes__item .number {
        font-size: 23px;
    }
}


/*.count-boxes .count-boxes__item .meaning {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}*/

.counter .bg-vector {
    position: absolute;
    width: calc(900/1920*100%);
    max-height: 100%;
    aspect-ratio: 1/1;
    bottom: 0;
    right: 0;
    border: none;
}

@media(max-width:1366px) {
    .counter .bg-vector {
        width: calc(750/1366*100%);
    }
}

@media(max-width:767px) {
    .counter .bg-vector {
        width: 100%;
        position: relative;
        right: 0;
        aspect-ratio: 0;
        height: 100vw;
    }
}

.counter .bg-vector::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1.5%;
    background: #fff;
    bottom: 0px;
}

.counter .bg-vector video {
    display: block;
    height: 100%;
    object-position: bottom;
}

.search-more-container {
    padding-top: 30px;
}

.search-form-footer-box {
    text-align: center;
    margin-top: 15px;
}

.search-form-footer-box .btn-sr {
    display: inline-block;
    padding: 10px 15px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 4px;
}

.tour-detail__desc-content-info>ul {
    margin-left: 20px;
    list-style: disc;
}

.filter-widget {
    background: transparent;
    border: 1px solid #ccc;
    border-radius: 10px;
    margin-bottom: 30px;
}

.filter-widget .filter-title {
    padding: 15px 10px;
    border-bottom: 1px solid #ccc;
    font-weight: 600;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 10px 10px 0 0;
}

.filter-widget .widget {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.filter-widget .widget.airfare-tabs {
    margin-bottom: 0;
}


/* transport */

.detail-calculation-tour .accordion-content .transport {
    position: relative;
    padding: 20px 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    border-top: 1px solid var(--primary-color);
}


/*.detail-calculation-tour .accordion-content .transport > .transport-item {
flex: 1;
}

@media(max-width:830px) {
.detail-calculation-tour .accordion-content .transport > .transport-item {
flex: unset;
}
}*/


/*.detail-calculation-tour .accordion-content .transport > .hotel-suggest-item-detail {
flex: 1;
}*/

.detail-calculation-tour .accordion-content .transport .transport-item {
    border-radius: 8px;
    margin-bottom: 20px;
    /*padding: 10px;*/
    width: calc(33.3333333333% - 10px);
}

.detail-calculation-tour .accordion-content .transport .transport-item .group-checked-info {
    flex-wrap: wrap;
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-title {
    font-weight: 700;
    width: 100%;
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-info {
    display: flex;
    align-items: center;
    margin-right: 10px;
    width: 35%;
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-info .image-box {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 300px;
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-info .desc-box {
    display: none;
    padding-left: 15px;
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-info .desc-box-title {
    margin-bottom: 10px;
}


/*.detail-calculation-tour .accordion-content .transport-item .transport-item-info .desc-box .typeroom-detail {
display: block;
}*/


/*.detail-calculation-tour .accordion-content .hotel-suggest-typeroom-item .suggest-typeroom-info .desc-box .typeroom-detail i {
font-size: 14px;
font-weight: 700;
margin-left: 3px;
}

.detail-calculation-tour .accordion-content .hotel-suggest-typeroom-item .suggest-typeroom-info .desc-box .typeroom-detail-meta {
display: flex;
flex-wrap: wrap;
display: none;
}

.detail-calculation-tour .accordion-content .hotel-suggest-typeroom-item .suggest-typeroom-info .desc-box .typeroom-detail-meta-item {
width: 50%;
margin-top: 7px;
display: flex;
align-items: center;
font-size: 14px;
}

.detail-calculation-tour .accordion-content .hotel-suggest-typeroom-item .suggest-typeroom-info .desc-box .typeroom-detail-meta-item i {
margin-right: 7px;
color: #bababa;
}*/

.detail-calculation-tour .accordion-content .transport-item .transport-item-rightselect {
    width: calc(65% - 10px);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-number {
    order: 2;
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-number label {
    display: block;
    font-weight: 600;
    display: none;
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-number .input-group-number {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    border-radius: 24px;
    border: 2px solid var(--primary-color);
    width: max-content;
    padding: 1px 4px;
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-number .input-group-number input {
    width: 40px;
    background-color: #FEF7F4;
    text-align: center;
    border: 0;
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-number .input-group-number .input-group-btn {
    width: fit-content;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    touch-action: manipulation;
    color: #fff;
    cursor: pointer;
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-number .input-group-number .minus-button {
    background: #8d8686;
    border: 1px solid #8d8686;
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-number .input-group-number .plus-button {
    background: #2d9cdb;
    border: 1px solid #2d9cdb;
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-price {
    text-align: right;
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 4px;
}

@media(max-width:830px) {
    .detail-calculation-tour .accordion-content .transport-item .transport-item-price {
        flex-direction: column;
        align-items: flex-end;
        gap: 0;
        margin-bottom: 5px;
    }
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-price .price-from {
    font-weight: 600;
    font-size: 20px;
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-price .price-from .price-new {
    color: var(--primary-color);
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-price .price-from .price-old {
    font-size: 18px;
    display: none;
}

@media (max-width: 576px) {
    .detail-calculation-tour .accordion-content .transport-item .transport-item-price .price-from {
        font-size: 1.7rem;
    }
    .detail-calculation-tour .accordion-content .transport-item .transport-item-price .price-from .price-old {
        font-size: 1.4rem;
    }
}

.detail-calculation-tour .accordion-content .transport-item .transport-item-price .per-night {
    color: #828282;
}

@media (max-width: 576px) {
    .detail-calculation-tour .accordion-content .transport-item .transport-item-price .per-night {
        font-size: 1.4rem;
    }
}

@media (max-width: 1300px) {
    .detail-calculation-tour .accordion-content .transport .transport-item {
        width: calc(50% - 10px);
    }
}

@media (max-width: 767.98px) {
    .detail-calculation-tour .accordion-content .transport .transport-item {
        width: 100%;
    }
}

@media (max-width: 576px) {
    .detail-calculation-tour .accordion-content .transport-item-rightselect {
        font-size: 1.4rem;
    }
}

@media (max-width: 576px) {
    .detail-calculation-tour .accordion-content .transport {
        padding: 10px 0;
    }
}

.detail-calculation-tour .accordion-content .restaurant-suggest-wrap {
    display: flex;
    flex-wrap: wrap;
}

.detail-calculation-tour .accordion-content .restaurant-suggest-item {
    width: 33.3333333333%;
    list-style-type: none;
    margin-bottom: 15px;
}

@media(max-width:1024px) {
    .detail-calculation-tour .accordion-content .restaurant-suggest-item {
        width: 50%;
    }
	.search__des{
		width: 70%;
	}
}
@media(max-width:991px) {
	.search__des{
		width: 90%;
	}
}
@media(max-width:830px) {
    .detail-calculation-tour .accordion-content .restaurant-suggest-item {
        width: 50%;
    }
}

@media (max-width: 576px) {
    .detail-calculation-tour .accordion-content .restaurant-suggest-item {
        width: 100%;
        margin-bottom: 15px;
    }
}
.detail-calculation-tour .box-sidebar-total{
	position:sticky;
	top:75px;
}

/* end transport */

.tourguide-icon {
    width: 25px;
    margin-right: 3px;
}

.selectpicker:placeholder {
    color: red;
}

.menu-bottom {
    position: sticky;
    left: 0;
    bottom: 0;
    padding: 12px 0;
    background-color: #fff;
    border-top: 1px solid #bfbfbf;
    width: 100%;
    z-index: 100;
}
@media(max-width:767.98px) {
	.menu-bottom{
		display:none;
	}
}
@media(min-width:992px) {
    .menu-bottom {
        display: none;
    }
}

.menu-bottom ul {
    /*display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0;
	z-index: 20;*/
}

@media(max-width:480px) {
    .menu-bottom ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0;
    }
}

.menu-bottom ul li a {
    width: 48px;
    height: 41px;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-bottom ul li.active a {
    background-color: var(--primary-color);
}

.menu-bottom ul li.active i {
    color: #fff;
}

.menu-bottom ul li.active img {
    filter: brightness(10);
}

.menu-bottom ul li i {
    font-size: 20px;
    color: var(--primary-color);
}

.menu-bottom ul img {
    width: 20px;
    height: auto;
    object-fit: cover;
    /*filter: sepia(1);*/
}

@media(max-width:480px) {
    .hide-mobile-bottomli {
        display: none;
    }
}


/*.menu-bottom-desktop{
	display:none;
}*/

@media(min-width:481px) {
    .menu-bottom-desktop {
        position: fixed;
        bottom: 40px;
        right: 0;
        left: auto;
        background-color: #fff;
        padding: 10px;
        z-index: 100;
        box-shadow: 1px 0 1px 1px #00000040;
        display: block;
        width: auto;
    }
    .menu-bottom>.container {
        padding: 0;
    }
    .menu-bottom ul {
        margin-bottom: 0;
    }
    .menu-bottom ul li:not(:last-child) {
        margin-bottom: 15px;
    }
    .menu-bottom ul li a {
        width: 45px;
        height: 40px;
        border-radius: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .menu-bottom ul li.active a {
        background-color: var(--primary-color);
    }
    .menu-bottom ul li.active a img {
        filter: brightness(0) invert(1);
    }
    .menu-bottom ul img {
        width: 25px;
        height: auto;
        object-fit: cover;
        /*filter: sepia(1);*/
    }
    .menu-bottom ul .zalo-icon-link img {
        width: 40px;
    }
    .menu-bottom ul li i {
        font-size: 20px;
        color: var(--primary-color);
    }
    .menu-bottom ul li.active i {
        font-size: 20px;
        color: #fff;
    }
}

.RequestInvoice-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
}

.RequestInvoice-wrap input {
    width: auto !important;
}

@media(max-width:576px) {
    .w-50fl {
        width: 50%;
        float: left;
    }
    .filter-search-plane {
        float: left;
        width: 100%;
    }
	.footer__location{
		padding: 15px 0 !important;
        margin-bottom: 15px !important;
	}
}

.fixed-social {
    position: fixed;
    bottom: 90px;
    right: 20px;
    z-index: 100;
}

@media(min-width:480px) {
    .fixed-social {
        display: none;
    }
}

.fixed-social .zalo-social a {
    display: block;
    position: relative;
}

.fixed-social .zalo-social a:before {
    position: absolute;
    content: '';
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    z-index: -1;
    background: rgba(0, 0, 0, .4);
    border-radius: 50%;
    animation: checks 1s infinite;
}

@keyframes checks {
    0% {
        opacity: 0;
    }
    30% {
        opacity: .5;
    }
    70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fixed-social .zalo-social img {
    width: 55px;
}

.regulations-list {
    display: none;
}

.regulations-list.active {
    display: block;
}
.regulations-list ul{
	list-style: disc;
	margin-left: 20px;
}
.border-x-1 {
    border-top: 1px solid #e3e5e6;
}
.option-active {
    background-color: transparent !important;
    border: 1px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
}



.button-show-more-hotel{
	margin-top:6px;
	margin-bottom:10px;
	background-color: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
	padding: 6px 10px;
    border-radius: 4px;
}
.load-more-res,
.load-more-ets,
.load-more-hotel{
	margin-top:15px;
	background-color: transparent;
    border: 1px solid var(--primary-color);
    color: var(--primary-color);
	padding: 6px 10px;
    border-radius: 4px;
}

.bookticket{
	background:#fff;
	font-size:14px !important;
	border-radius:10px;
	border:1px solid #f5f7fa;
}
.bookticket .filter-widget{
	border-radius:10px 10px 0 0;
}
.bookticket .head-box{
	margin-bottom:0px;
	position:relative;
	padding:15px;
	cursor:pointer;
}
@media(max-width:576px){
	.bookticket .head-box{
		padding:13px 8px;
	}
}
.bookticket .head-box:before{
	content: "\f107";
    font-family: fontawesome;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0, -50%);
    z-index: 1;
    transition: all 0.3s ease;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
@media(max-width:576px){
	.bookticket .head-box:before{
		right:0;
	}
}
.bookticket .head-box.active:before{
	transform: translate(0, -50%) rotate(180deg);
    transition: all 0.3s ease;
}
.bookticket .head-box .icon-head{
	background:transparent;
	color: var(--primary-color);
}
.bookticket .box-content{
	padding:0 15px 15px 15px;
}
.bookticket .filter-widget .filter-title {
    padding: 15px 10px;
    border-bottom: 1px solid #ccc;
    font-weight: 600;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 10px 10px 0 0;
}
.bookticket .dtc-head {
     padding: 15px 10px;
    border-bottom: 1px solid #ccc;
    font-weight: 600;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 10px 10px 0 0;
}
.bookticket .provisional-valuation{
	    padding: 10px;
    background: #f5f7fa;
}
.bookticket .bookticket-selected{
    background: #f5f7fa;
	border:1px solid #ccc;
	border-radius:10px 10px 0 0;
}
.bookticket .bookticket-selected .dtc-box-option{
	background:transparent;
}
.bookticket ul.dtc-pax-info li:first-child{
	font-size:1.4rem;
	background:transparent;
	margin:0;
	margin-bottom:5px;
}
/*.bookticket ul.dtc-pax-info li:first-child>div{
	text-align:left ;
}*/
.bookticket ul.dtc-pax-info li:last-child{
	margin-bottom:0;
}
.bookticket .dtc-pax-row{
	font-size:1.4rem !important;
}
.bookticket ul.dtc-pax-info li .dtc-pax-cus, .bookticket .dtc-pax-info .dtc-pax-cus{
	width:20%;
}
@media (max-width:991px){
	.bookticket ul.dtc-pax-info li .dtc-pax-cus, .bookticket .dtc-pax-info .dtc-pax-cus{
		width:35% !important;
	}
}
.bookticket ul.dtc-pax-info li .dtc-pax-sex, .bookticket .dtc-pax-info .dtc-pax-sex{
	width:15%;
}
@media (max-width:991px){
	.bookticket ul.dtc-pax-info li .dtc-pax-sex, .bookticket .dtc-pax-info .dtc-pax-sex{
		width:65% !important;
	}
}
.bookticket ul.dtc-pax-info li .dtc-pax-firstname, .bookticket .dtc-pax-info .dtc-pax-firstname{
	width:35%;
}
.bookticket ul.dtc-pax-info li .dtc-pax-bir, .bookticket .dtc-pax-info .dtc-pax-bir{
	width:30%;
}

.detail-calculation-tour .hotel-sg .type-room-facilities{
	display:block;
	list-style-type:none;
}
.detail-calculation-tour .hotel-sg .type-room-facilities li{
	position:relative;
	padding-left:20px;
}	
.detail-calculation-tour .hotel-sg .type-room-facilities li:before{
	content:'';
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:10px;
	height:10px;
	z-index:1;
	border:1px solid var(--primary-color);
	border-radius:50%;
}
.detail-calculation-tour .hotel-sg .type-room-facilities li:after{
	content:'';
	position:absolute;
	top:50%;
	left:2px;
	transform:translateY(-50%);
	width:6px;
	height:6px;
	border-radius:50%;
	background:var(--primary-color);
}
.width-65{
	width: 65% !important;
}
#checking__tour{
	scroll-margin-top:70px;
	scroll-behavior: smooth;
}

.flatpickr-current-month{
	font-size:130%;
}

.promotion-list{
	position: relative;
    background: #fff;
    padding: 15px;
    display: flex;
	justify-content:center;
	gap: 50px;
    overflow-x: auto;
	margin-bottom:30px;
}
.promotion-list::-webkit-scrollbar {
	width: 50px;
	height:6px;
	background-color: #f1f1f1;
}
.promotion-list::-webkit-scrollbar-thumb {
	background-color: #333;
	height: 6px;
}
.promotion-list .promotion-list-item{
	text-align: center;
    flex: 0 0 130px;
}
.promotion-list .promotion-list-item a{
	color:inherit;
}
.promotion-list .promotion-list-item .box-icon{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:55px;
	height:55px;
	background: #e6e2e2;
	border-radius:4px;
	font-size:30px;
}
.promotion-list .promotion-list-item .box-icon img{
	width:100%;
	height:100%;
	border-radius:4px;
}
.promotion-list .promotion-list-item .box-text .box-text-title{
	margin-top:10px;
	text-transform: uppercase;
	font-weight:500;
	font-size:1.6rem;
}

.promotion-slider .slick-dots li{
	width:15px;
	height:15px;
}
.promotion-slider .slick-dots li button{
	width:15px;
	height:15px;
}
.promotion-slider .slick-dots li button:before{
	width:15px;
	height:15px;
	color: #ddd;
    font-size: 8px;
}
.promotion-slider .slick-dots li.slick-active button:before{
	color:#333;
}

@media (min-width:768px){
	.blogs-sidebar .tours-list .tour-item .box-content-info--detail .mta-date span:nth-child(3){
		display:none !important;
	}
	.blogs-sidebar .tours-list .tour-item .box-content-title h3{
		min-height:auto;
	}
}
.model-bookcontact .form-group .form-label{
	font-weight:bold;
}
.model-bookcontact .form-group .form-control{
    width: 100%;
    border: 1px solid #ccc;
    height: 35px;
    padding: 6px 10px;
    font-size: 1.6rem;
    line-height: 1.2;
}
.model-bookcontact .form-group textarea.form-control{
	height:auto;
}

.select2-container--open .select2-dropdown--above, .select2-container--open .select2-dropdown--below {
    min-width: 200px !important;
}

.detail-calculation-tour .hotel-sg-info .hotel-info-wrap .box-content .hotel-discount ul{
	list-style: disc;
	margin-left: 20px;
}

.tour-detail__desc-content-info ul{
	list-style: disc;
	margin-left: 20px;
}

@media (max-width: 576px) {
    .detail-servicepack .head-showhide {
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: var(--primary-color);
		font-size: 18px;
    }
}

.blogs-detail-content .content-desc table th,
.blogs-detail-content .content-desc table td{
	padding: 5px;
	text-align: left;
}
.blogs-detail-content .content-desc table{
    table-layout: auto;
}
.blogs-detail-content .content-desc table th{
	font-weight: bold;
}