/* ---------------------------------------------------------- */
/* menu scoll */
@media (min-width: 1000px) {
    .horizontalMenu>.horizontalMenu-list {
        overflow: auto;
        white-space: nowrap;
        margin: 0 10px;
        -webkit-overflow-scrolling: touch;
    }
}
.horizontalMenu {
    overflow-x: scroll;
    display: inline-flex;
}

.horizontalMenu>.horizontalMenu-list>li>a {
    padding: 9px 4px;
}

.active .horizontalMenu {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    visibility: visible;
    z-index: 1000;
    top: 0;
    height: 100% !important;
    display: -webkit-inline-box;
}
.select-country .select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 13px;
}
.top-bar .select-country .select2-container {
    width: 140px !important;
}
/* socials header */
.socials .social-icon {
    background-color: #fff;
    width: 25px;
    height: 25px;
    display: inline-flex;
    text-align: center;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.socials .social-icon:hover {
    border-radius: 3px;
    transition: 0.5s;
}

.socials .social-icon .fa-line {
    color: #08C653;
}

.socials .social-icon .fa-facebook-f {
    color: #1876f2;
}

/* .socials .social-icon .x-twitter {
    color: #1876f2;
} */

.socials .social-icon .fa-youtube {
    color: #f00;
}

.socials .social-icon .fa-instagram {
    background: -webkit-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -webkit-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -moz-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -moz-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -ms-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -ms-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: -o-radial-gradient(32% 106%, circle cover, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), -o-linear-gradient(-45deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.socials .social-icon .fa-tiktok {
    color: #111;
}

/* header */
.search-menu-box {
    border-radius: 2rem;
    width: -webkit-fill-available;
}

/* main_page */
.wickedpicker {
    display: none;
}

.menuFlagCountry {
    width: 20px;
    margin-right: 5px;
}

.special-offer4 {
    position: absolute;
    width: 50px;
    height: 50px;
    top: -10px;
    text-align: center;
    padding-top: 5px;
    border-radius: 50%;
    right: -10px;
    transition: all 0.4s;
    opacity: 1;
    z-index: 5;
}

.special-offer4 .percentage {
    font-size: 1rem;
    font-weight: 600 !important;
    padding-top: 0px;
    padding-left: 0px;
    color: #fff;
}

.special-offer4 .percentage-off {
    font-size: 0.55rem;
    padding-left: 0px;
    color: #fff;
}

.special-offer .percentage-off span,
.special-offer4 .percentage-off span {
    display: none;
}

/* img Destination Area*/
.img-trans50 {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

/* ความสูงของรูป */
/* DestinationArea ตัวเลขตามชื่อไฟล์ */
/* Col-sm */ 
@media (min-width: 390px) {
    /* .destinationArea-1 {
        height: 95px;
    }

    .destinationArea-2 {
        height: 105px;
    }

    .destinationArea-3-1 {
        height: 220px;
    }

    .destinationArea-3-2 {
        height: 100px;
    }

    .destinationArea-4 {
        height: 120px;
    } */
}
/* Col-md */ @media (min-width: 768px) {
    /* .destinationArea-1 {
        height: 125px;
    }

    .destinationArea-2 {
        height: 100px;
    }

    .destinationArea-3-1 {
        height: 130px;
    }

    .destinationArea-3-2 {
        height: 90px;
    }

    .destinationArea-4 {
        height: 115px;
    } */
}
/* Col-lg */ @media (min-width: 992px) {
    /* .destinationArea-1 {
        height: 80px;
    }
    
    .destinationArea-2 {
        height: 135px;
    }

    .destinationArea-3-1 {
        height: 185px;
    }

    .destinationArea-3-2 {
        height: 135px;
    }
    .destinationArea-4 {
        height: 155px;
    }     */
}
/* Col-xl */ @media (min-width: 1200px) {
    /* .destinationArea-1 {
        height: 95px;
    }
    
    .destinationArea-2 {
        height: 165px;
    }
    
    .destinationArea-3-1 {
        height: 225px;
    }
    
    .destinationArea-3-2 {
        height: 165px;
    }
    
    .destinationArea-4 {
        height: 185px;
    } */
}

/* Col-xxl */ @media (min-width: 1400px) {
    /* .destinationArea-1 {
        height: 125px;
    }
    
    .destinationArea-2 {
        height: 210px;
    }
    
    .destinationArea-3-1 {
        height: 280px;
    }
    
    .destinationArea-3-2 {
        height: 205px;
    }
    
    .destinationArea-4 {
        height: 229px;
    } */
}

/* ---------------------------------------------------------- */

/* package_grid */
.item-imgs-grid {
    position: relative;
    overflow: hidden;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    /* height: 325px; */
}

.item-imgs-grid img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.item-imgs-grid:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/* ความสูงของรูป ตามขนาดจอ*/
/* Col-sm */ @media (max-width: 480px) {
    .item-imgs-grid {
        height: 415px !important;
    }
}
/* Col-sm */ @media (max-width: 400px) {
    .item-imgs-grid {
        height: 375px !important;
    }
}
/* Col-md */ @media (min-width: 768px) {
    .item-imgs-grid {
        height: 340px;
    }
}
/* Col-lg */ @media (min-width: 992px) {
    .item-imgs-grid {
        height: 300px;
    }
}
/* Col-xl */ @media (min-width: 1200px) {
    .item-imgs-grid {
        height: 340px;
    }
}
/* Col-xxl */ @media (min-width: 1400px) {
    .item-imgs-grid {
        height: 335px;
    }
}


/* package detail */
.package-stepselect.selectgroup-input:checked+.selectgroup-button {
    color: #fff;
    background: var(--success);
}

.package-stepselect.selectgroup-input:hover+.selectgroup-button {
    border: 1px solid var(--success);
}

.selectgroup-button.selectgroup-disable {
    color: #999;
    background: var(--light);
    cursor: default;
}

/* car list */
.car-list>.selectgroup-input:checked+.selectgroup-button {
    color: #fff;
    background: var(--info);
}

.car-list>.selectgroup-input:hover+.selectgroup-button {
    border: 1px solid var(--info);
}

/* ---------------------------------------------------------- */
/* Hotel Detail areaifo */
.column-count-4 {
    column-count: 4;
    column-gap: 30px;
    margin-bottom: -16px;
    display: block;
}

/* ---------------------------------------------------------- */
/* BarRight Booking */
@media (min-width: 1200px) {
    .review-r {
        width: 445px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .review-r {
        width: 297px;
    }
}

@media only screen and (max-device-width: 480px) {
    .review-r {
        position: inherit !important;
        top: inherit !important;
        z-index: 1;
    }
}

@media (min-width: 1600px) {
    .modal-xxl {
        max-width: 1080px;
        width: 1080px;
    }
}
/* ---------------------------------------------------------- */
/* menu scoll */
@media (min-width: 1000px) {
    .horizontalMenu>.horizontalMenu-list {
        overflow: auto;
        white-space: nowrap;
        margin: 0 10px;
        -webkit-overflow-scrolling: touch;
    }
}

/* main_page */
.wickedpicker {
    display: none;
}

.menuFlagCountry {
    width: 20px;
    margin-right: 5px;
}

.special-offer4 {
    position: absolute;
    width: 50px;
    height: 50px;
    top: -10px;
    text-align: center;
    padding-top: 5px;
    border-radius: 50%;
    right: -10px;
    transition: all 0.4s;
    opacity: 1;
    z-index: 5;
}

.special-offer4 .percentage {
    font-size: 1rem;
    font-weight: 600 !important;
    padding-top: 0px;
    padding-left: 0px;
    color: #fff;
}

.special-offer4 .percentage-off {
    font-size: 0.55rem;
    padding-left: 0px;
    color: #fff;
}

.special-offer .percentage-off span,
.special-offer4 .percentage-off span {
    display: none;
}

/* img Destination Area*/
.img-trans50 {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


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

.line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.bg-gradient {
    background: linear-gradient(45deg, rgb(255 255 255 / 70%) 0%, rgb(246 246 246 / 55%) 47%, rgb(214 211 214 / 20%) 100%);
}

/*===== ribbon-top-right =====*/
.power-ribbon-top-right {
    top: -7px;
    right: -6px;
}

.power-ribbon-top-right span {
    left: -3px;
    top: 3px;
    transform: rotate(45deg);
}

.power-ribbon-top-right span i {
    transform: rotate(135deg);
    padding-top: 1px;
    padding-left: 0px;
}

/*===== post-share (share blog)======*/
.post-share ul li {
    position: relative;
}

.post-share ul li .icon-element {
    width: 35px;
    height: 35px;
    line-height: 35px;
    background-color: rgb(229 228 240);
    cursor: pointer;
    font-size: 16px;
    color: var(--dark-purple);
    text-align: center;
}

.post-share ul li .icon-element:hover {
    background-color: var(--azure);
    color: #fff;
}

.post-share ul li .post-share-dropdown {
    position: absolute;
    top: 0;
    right: 42px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.3);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.3);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.3);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    opacity: 0;
    visibility: hidden;
}

.post-share ul li .post-share-dropdown::before {
    position: absolute;
    content: "";
    top: 50%;
    right: -4px;
    width: 8px;
    height: 8px;
    background-color: #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -moz-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    -o-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

.post-share ul li .post-share-dropdown li {
    display: inline-block;
}

.post-share ul li .post-share-dropdown li a {
    padding: 5px 6px;
    display: block;
    color: var(--dark-purple);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.post-share ul li .post-share-dropdown li a:hover {
    color: var(--azure);
}

.post-share ul li:hover .post-share-dropdown {
    right: 47px;
    opacity: 1;
    visibility: visible;
}

/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* tour_list */
@media (max-width: 575px) {
    .absolute-tour-timeline-icon {
        left: 0;
    }
}

/* ---------------------------------------------------------- */
/* ---------------------------------------------------------- */
/* ipad แนวตั้ง */
/* @media (min-width: 768px) {
    .item-imgs-grid {
        height: 340px;
    }
} */

/* ipad แนวนอน */
/* @media (min-width: 992px) {
    .item-imgs-grid {
        height: 300px;
    }
} */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .review-r {
        width: 297px;
    }
}

@media only screen and (max-device-width: 480px) {
    .review-r {
        position: inherit !important;
        top: inherit !important;
        z-index: 1;
    }
}

@media (min-width: 1600px) {
    .modal-xxl {
        max-width: 1080px;
        width: 1080px;
    }
}

.carousel-item {
    cursor: pointer;
}


/* --------- cover img --------- */
.img-gray {
    filter: grayscale(100%);
    position: relative;
    display: inline-block;
}

.img-gray:hover {
    transition: filter 0.3s;
    filter: grayscale(0%);
}

.sold-out-label {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(325deg);
    color: red;
    font-size: 35px;
    text-wrap: nowrap;
    white-space: nowrap;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 10px;
    border: 6px double #f00;
    box-shadow: rgb(53 53 53) 5px 5px 8px 0px;
    text-shadow: 1px 1px 2px black, 0 0 2em #606060, 0 0 0.4em #eaeaea;
}

/* price-overview */
.price-overview {
    font-weight: 900;
    color: #e70000;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    position: relative;
}
/* price-period */
.price-period {
    font-weight: bold;
    color: #e70000;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    position: relative;
    }

    .item-card7-overlaytext h4 {
        background: #e70000 !important;
    }

/*  */
.discount-all {
    margin: auto;
    width: 75px;
    height: 75px;
    /* position: absolute; */
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #fff;
    /* right: 0px; */
    /* top: 15px; */
    text-align: center;
    flex-direction: column;
    z-index: 1;
    line-height: 18px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.discount-all .label {
    color: #fff;
    font-size: 10px !important;
}

.discount-all .price-discount {
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}

.discount-all-index {
    width: 60px;
    height: 60px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    color: #fff;
    right: 0px;
    top: 10px;
    text-align: center;
    flex-direction: column;
    z-index: 1;
    line-height: 15px;
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.discount-all-period {
    width: 20px;
    height: auto;
}

.discount-all-index .label-index {
    color: #fff;
    font-size: 9px !important;
}

.discount-all-index .price-discount-index {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
.discount-all-period {
    right: 0;
    margin: auto 5px;
    width: 37px;
    height: 37px;
    position: absolute;
    border-radius: 50%;
    display: flex;
    align-content: center;
    align-items: center;
    color: #fff;
    top: 0;
    text-align: center;
    z-index: 1;
    line-height: 10px;
    box-shadow: rgba(0, 0, 0, 0.19) 2px 2px 18px, rgb(0 0 0 / 5%) 0px 6px 6px;
    flex-direction: column;
    justify-content: center;
}.discount-all-period .label {
    color: #fff;
    font-size: 8px !important;
    font-weight: 400;
}.discount-all-period .price-discount-period {
    color: #fff;
    font-weight: bold;
    font-size: 10px;
}
.discount-500 {
    background: linear-gradient(29deg, #29ae2e 0%, #017d72 100%);
    border: 2px solid #92d7ae;
}

.discount-800 {
    background: linear-gradient(29deg, #2196F3 0%, #673AB7 100%);
    border: 2px solid #97b9ff;
}

.discount-1000 {
    background: linear-gradient(29deg, #FF9800 0%, #ff3d00 100%);
    border: 2px solid #ffc196;
}

.discount-2000 {
    background: linear-gradient(29deg, #ff0000 0%, #a80000 100%);
    border: 2px solid #ffadad;
}

.discount-img-period {
    width: 50px;
    height: 50px;
    right: 0;
    top: 5px;
    position: absolute;
    z-index: 1;
}

.discount-detail-period {
    width: 70px;
    height: auto;
    right: 0;
    top: 10px;
    position: absolute;
    z-index: 1;
}

.discount-schedule-period {
    width: 30px;
    height: auto;
}

.discount-index-period {
    width: 60px!important;
    height: auto;
    right: 0;
    top: 10px;
    position: absolute;
    z-index: 1;
}

a.no-hover:hover {
    color: inherit !important;
    text-decoration: inherit !important;
}
media
.btn-tiktok {
    color: #fff;
    background-color: #212529 !important;
    box-shadow: 0px 0px 12px 0px rgb(96 105 98 / 35%);
    border-top: 2px solid #07ebe6;
    border-bottom: 2px solid #f10548;
    background-image: linear-gradient(#07ebe6, #f10548), linear-gradient(#07ebe6, #f10548);
    background-size: 2px 100%;
    background-position: -1px 0px, 35px 0px;
    background-repeat: no-repeat;
}

.btn-tiktok:hover {
    color: #fff;
    background-color: #000 !important;
    box-shadow: 0px 0px 12px 0px rgba(59, 89, 152, 0.35);
}

/* Hot Deal */
.fire-gif {
    width: 100px;
    position: relative;
    top: -30px;
}
@media only screen and (max-device-width: 480px) {
    .fire-gif {
        width: 50px;
        position: relative;
        top: -10px;
    }
}
.pd-search06{
    padding-top: 1rem!important;
    padding-bottom: 1rem!important;
}.pd-unset{
    padding: unset !important;
}.btn-search-05{
    line-height: unset !important;
    height: unset  !important;    
    margin: unset !important;
}.input-height-unset{
    /* line-height: unset !important; */
    height: unset  !important;
}.line-height-nm{
    line-height: normal !important;
}
.fi-zh-cn {
    background-image: url(/public/assets/templateV2/images/flags/zh-cn.svg);
}
.fi-zh-tw {
    background-image: url(/public/assets/templateV2/images/flags/zh-tw.svg);
}

.btn-tiktok {
    color: #333;
    background-color: #fff !important;
    border-color: #01efe8 !important;
    box-shadow: 0px 0px 12px 0px rgb(1 239 232 / 35%);
} 

.btn-tiktok:hover {
    color: #f7004c ;
}

.socials a.btn {
    color: #fff;
    font-weight: 300;
}

.socials a.btn:hover {
    font-weight: 500;
}

/* .select2-selection__rendered span{
    color: #333;
    mix-blend-mode: difference;
} */

@media only screen and (max-device-width: 480px) {
.socials a.btn {
    color: #333!important;
}
}

.modal-popup {
    border: none;
    background-color: transparent;
    box-shadow: none;
}

.cursor-default {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

.coupons-code {
    /* color: #000000; */
    background: #ffffffcf;
    padding: 0px 6px;
    /* border-radius: 5px; */
    /* margin-left: 5px; */
    margin-top: 3px;
    font-size: 14px;

}

.coupon-bg {
    padding: 0.75rem;
    border-radius: 8px;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.coupon-box-top {
    /* margin: 0 10px 20px; */
    min-height: 134px;
    /* width: 23%; */
    box-shadow: 1px 1px 6px rgb(0 0 0 / 15%);
    background: #fff;
    border-radius: 10px;
    /* width: -webkit-fill-available; */
    min-width: -webkit-fill-available;
}

.coupon-right {
    mask-image: radial-gradient(circle at 7px center, transparent 7px, red 7.5px);
    mask-position: -7px center;
    mask-size: 100% 25px;
    mask-composite: subtract, add;
    padding: 0 12px;
    margin-left: -13px;
    z-index: 0;
    /* background: linear-gradient(45deg, rgb(255 255 255 / 70%) 0%, rgb(246 246 246 / 55%) 14%, rgb(214 211 214 / -20%) 100%); */
}

.coupon-box-head {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    font-size: 18px;
    font-style: normal;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    width: 100%;
    word-break: break-word;
}

/* coupons tour detail img */
.img-list-coupons{
    /* width: max-content; */
    position: absolute;
    z-index: 5;
    bottom: 0;
    margin: 5px;
    }
    .box-text-list-coupons {
    /* display: flex; */
    right: 0;
    position: absolute;
    z-index: 5;
    padding:1px 7px;
    text-align: center;
}
    .text-list-coupons{
    color: #000000;
    /* position: absolute; */
    z-index: 6;
    font-size: xx-small;
    }
    .price-list-coupons{
    /* position: absolute; */
    z-index: 7;
    font-size: xx-small;
    bottom: 0;
    /* padding: 0 10px; */
    font-weight: 800;
    }

    .box-coupons-detail3{
    align-items: stretch;
    font-size: smaller;
    background: #fbddd4;
    width: max-content;
    border-radius: 0 3px 3px 3px;
    mask-image: radial-gradient(circle at right center, #00000000 5px, red 5.5px);
    display: flex;
    position: absolute;
    z-index: 50;
    bottom: 0;
    margin: 5px;
}
.card-coupons-detail3{
    font-size: smaller;
    display: flex;
    align-items: center;
    border: 1px solid #ffd2ce;
    /* width: max-content; */
    height: auto;
    padding: 0px 6px;
    background: #fff;
    color: #e72214;
    justify-content: center;
}

.card-coupons-price3 {
    font-size: small;
    width: max-content;
    color: #e62315;
    font-weight: bold;
    padding: 0px 10px 0px 5px;
    align-items: center;
    display: flex;
}
.img-detail-coupons {
    z-index: 5;
    margin-top: 5px;
}
.box-text-detail-coupons {
    /* display: flex; */
    right: 0;
    position: absolute;
    z-index: 5;
    padding: 1px 7px;
    /* text-align: center; */
    width: fit-content;
}
.text-detail-coupons {
    color: #000000;
    /* position: absolute; */
    z-index: 6;
    font-size: xx-small;
}
.price-detail-coupons {
    /* position: absolute; */
    z-index: 7;
    font-size: xx-small;
    bottom: 0;
    /* padding: 0 10px; */
    font-weight: 800;
    color: red;
}
.box-coupons-detail {
    font-size: smaller;
    background: #fbddd4;
    width: max-content;
    border-radius: 0 3px 3px 3px;
    /* padding: 5px; */
    /* border: 1px solid #ffd2ce; */
    mask-image: radial-gradient(circle at right center, #00000000 5px, red 5.5px);
    /* mask-position: -11px 0; */
    /* mask-size: 100% 15px; */
}

.card-coupons-price {
    width: max-content;
    color: #e62315;
    font-weight: bold;
    /* border: 1px solid #ffd2ce; */
    padding: 2px 10px;
    /* background: #fcdcd4; */
    /* border: 1px solid #e5e4f0; */
    /* border-radius: .5rem; */
    /* mask-image: radial-gradient(circle at right center, #ffffff00 4px, #ff0000 5.5px); */
    /* mask-position: -9px center; */
    /* mask-size: 100% 15px; */
}

.card-coupons-detail {
    border: 1px solid #ffd2ce;
    width: max-content;
    height: auto;
    padding: 1px 5px;
    background: #fff;
    /* font-weight: 600; */
    color: #e72214;
    /* margin: 2rem auto; */
    border-radius: 0 3px 3px 3px;
    /* background: orange; */
    /* mask-image: radial-gradient(circle at 8px center, transparent 4px, red 5.5px); */
    /* mask-position: -9px center; */
}.box-coupons-detail2{
    align-items: stretch;
    font-size: smaller;
    background: #fbddd4;
    width: max-content;
    border-radius: 0 3px 3px 3px;
    mask-image: radial-gradient(circle at right center, #00000000 5px, red 5.5px);
}
.card-coupons-detail2{
    display: flex;
    align-items: center;
    border: 1px solid #ffd2ce;
    width: max-content;
    height: auto;
    padding: 1px 5px;
    background: #fff;
    color: #e72214;
   
}

.card-coupons-price2 {
    width: max-content;
    color: #e62315;
    font-weight: bold;
    padding: 2px 10px;
    align-items: center;
    display:flex;
}
.coupons-tag {
    font-size: smaller;
    background: #ffffff;
    border: 1px solid #ffc9c6;
    color: #e72214;
    border-radius: 5px;
    padding: 0px 5px;
    width: fit-content;
    margin: 5px 0;
}

.box-coupons-tag-vertical {
    display: flex;
    width: max-content;
    font-size: smaller;
    background: #ffffff;
    border: 1px solid #ffc9c6;
    color: #e72214;
    border-radius: 5px;
    width: fit-content;
    margin: 5px 0;
}

.coupons-tag-vertical {
    padding-right: 4px;
    text-indent: 1.42em;
    background-color: rgba(244, 70, 34, .2);
    margin-left: -3px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    background-image: radial-gradient(circle at .9em center, #fff .22em, transparent 0), linear-gradient(125deg, #fff .68em, transparent 0), linear-gradient(55deg, #fff .68em, transparent 0);
}

.text-limite {
    font-size: smaller;
    background: #e72214;
    color: #fff;
    width: max-content;
    padding: 0 6px;
    border-radius: 5px 5px 0 0px;
}

.img-coupons-icon {
    width: 40px;
}
.discount-coupons-right{
    position: absolute;
    z-index: 1;
    right: 0;
    margin: 5px;
    cursor: pointer;
}.discount-coupons-right-top{
    position: absolute;
    z-index: 1;
    right: 0;
    margin: 5px;
    cursor: pointer;
    top:0;
}
.discount-coupons-left-bottom{
    position: absolute;
    z-index: 1;
    left: 0;
    bottom:0;
    margin: 5px;
    cursor: pointer;
}
/* coupons tour detail img END */

/* coupons css detail */
.coupons-css-card {
    -webkit-mask-image: radial-gradient(circle at 30% 10px, transparent 4px, red 4.5px);
    -webkit-mask-position: 0 -10px;
    align-items: center;
    box-shadow: 1px 1px 6px rgb(0 0 0 / 15%);
    border-radius: 5px;
    min-width: -webkit-fill-available;
    padding: 4px 3px;
    cursor: pointer;
}

.coupons-discount-text{
    font-size: x-small;
    color:#000;
}
.coupons-card-price{
    font-size: smaller;
    font-weight: 800;
    line-height: normal;
}.coupons-bg-white {
    mask-image: radial-gradient(circle at right center, #ffffff00 2px, #ff0000 3.5px);
    mask-size: 100% 9px;
    mask-composite: subtract, add;
    background: #fff;
    border-radius: 3px;
    line-height: 1.2;    
    padding: 3px;
}.coupons-price {
    font-size: small;
    font-weight: 800;
}
.coupons-css-card-condition {
    -webkit-mask-image: radial-gradient(circle at 30% 10px, transparent 4px, red 4.5px);
    -webkit-mask-position: 0 -10px;
    align-items: center;
    box-shadow: 1px 1px 6px rgb(0 0 0 / 15%);
    border-radius: 5px;
    min-width: -webkit-fill-available;
    padding: 5px;
}

.coupons-bg-white-condition {
    mask-image: radial-gradient(circle at right center, #ffffff00 2px, #ff0000 3.5px);
    mask-size: 100% 9px;
    mask-composite: subtract, add;
    background: #fff;
    border-radius: 3px;
    line-height: 1.2;
    padding: 3px 10px;
}

.coupons-discount-text-condition {
    font-size: medium;
    color: #000;
}

.coupons-price-condition {
    font-size: x-large;
    font-weight: 800;
}
/* coupons css detail END */

/* css color coupons START */
.coupons-discount-300{
    background:#fd7902 ;
    color:#fd7902 ;
}
.coupons-discount-500{
    background:#1caf45 ;
    color:#1caf45 ;
}
.coupons-discount-800{
    background:#f3c600 ;
    color:#f3c600 ;
}
.coupons-discount-1000{
    background:#d62d2d ;
    color:#d62d2d ;
}
.coupons-discount-1500{
    background:#2672d6 ;
    color:#2672d6 ;
}
.coupons-discount-2000{
    background:#e24da4 ;
    color:#e24da4 ;
}
.coupons-discount-2500{
    background:#d18555 ;
    color:#d18555 ;
}
.coupons-discount-3000{
    background:#a841c2 ;
    color:#a841c2 ;
}.discount-color-300 {
    background: linear-gradient(90deg, rgba(253,121,2,1) 0%, rgba(255,168,86,1) 42%, rgba(255,117,30,1) 67%, rgba(253,121,2,1) 95%);
    border: 2px solid #ffa14d;
    background-size: 300% 300%;
    /* animation: gradient 3s ease infinite; */
    animation: bg 30s linear infinite;
    /* text-shadow: 0px 0px 4px #0000008c; */
}
.discount-color-500 {
    background: linear-gradient(90deg, rgba(41, 201, 86, 1) 0%, rgba(28, 175, 69, 1) 26%, rgb(30 167 68) 50%, rgba(28, 175, 69, 1) 72%, rgba(41, 201, 86, 1) 100%);
    border: 2px solid #23d515;
    background-size: 300% 300%;
    /* animation: gradient 3s ease infinite; */
    animation: bg 30s linear infinite;
}
.discount-color-800 {
    background: linear-gradient(90deg, rgb(255 188 0) 0%, rgb(253 212 0) 42%, rgb(255 212 49) 67%, rgb(255 188 0) 95%);
    border: 2px solid #ffeea2;
    background-size: 300% 300%;
    /* animation: gradient 3s ease infinite; */
    animation: bg 30s linear infinite;
    /* text-shadow: 0px 0px 4px #0000008c; */
}
.discount-color-1000 {
    background: linear-gradient(90deg, rgba(255, 0, 0, 1) 0%, rgba(255, 89, 89, 1) 26%, rgba(255, 0, 0, 1) 50%, rgba(255, 108, 108, 1) 72%, rgba(255, 0, 0, 1) 100%);
    border: 2px solid #ff0000;
    background-size: 300% 300%;
    /* animation: gradient 3s ease infinite; */
    animation: bg 30s linear infinite;
}
.discount-color-1500 {
    background: linear-gradient(90deg, rgba(38,114,214,1) 0%, rgba(48,167,255,1) 42%, rgba(1,83,255,1) 67%, rgba(38,114,214,1) 95%);
    border: 2px solid #2785ff;
    background-size: 300% 300%;
    /* animation: gradient 3s ease infinite; */
    animation: bg 30s linear infinite;
}
.discount-color-2000 {
    background: linear-gradient(90deg, rgba(203,57,141,1) 0%, rgba(255,98,189,1) 42%, rgba(215,0,126,1) 67%, rgba(207,88,157,1) 97%);
    border: 2px solid #e24da4;
    background-size: 300% 300%;
    /* animation: gradient 3s ease infinite; */
    animation: bg 30s linear infinite;
}
.discount-color-2500 {
    background: linear-gradient(90deg, rgba(209, 133, 85, 1) 0%, rgb(191 99 41) 42%, rgb(191 98 38) 67%, rgba(209, 133, 85, 1) 97%);
    border:2px solid #e1864d;
    background-size: 300% 300%;
    /* animation: gradient 3s ease infinite; */
    animation: bg 30s linear infinite;
}
.discount-color-3000 {
    background: linear-gradient(90deg, rgba(168, 65, 194, 1) 0%, rgb(213 50 255) 42%, rgb(176 24 213) 67%, rgb(183 9 227) 97%);
    border: 2px solid #bb44d9;
    background-size: 300% 300%;
    /* animation: gradient 3s ease infinite; */
    animation: bg 30s linear infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

@keyframes bg {
    0% {
        background-position-x: 0;
    }

    100% {
        background-position-x: 10000px;
    }
}
/* css color coupons END */
.w-max {
    width: max-content;
}
.w-inherit{
    width: inherit!important;
}
/* 
coupons gradient border */

@property --gradient-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}

@keyframes rotate-gradient {
    to {
        --gradient-angle: 360deg;
    }
}

.font-x-large {
    font-size: x-large;
}
.font-medium {
    font-size: medium;
}

.border-gold {
    border: 3px solid #ffc02c;
    border-radius: 5px;
}

.gradient-border {
    /* --border-width: -3px; */
    text-align: center;
    position: inherit;
    right: 5px;
    /* background: #fff;
    border-radius:3px; */
}

/* .gradient-border::before,
.gradient-border::after {
    content: "";
    position: absolute;
    background: linear-gradient(var(--gradient-angle, 45deg), #ffd800, #f1b210, #fff6db, #ffe000);
    animation: rotate-gradient 3s infinite linear;
} */

.gradient-border::after {
    top: var(--border-width);
    left: var(--border-width);
    right: var(--border-width);
    bottom: var(--border-width);
    z-index: -1;
    border-radius: 5px;
}

.gradient-border::before {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    filter: blur(40px);
}  .gold-move {
    background-image: repeating-linear-gradient(to right, #a2682a 0%, #be8c3c 8%, #be8c3c 18%, #d3b15f 27%, #faf0a0 35%, #ffffc2 40%, #faf0a0 50%, #d3b15f 58%, #be8c3c 67%, #b17b32 77%, #bb8332 83%, #d4a245 88%, #e1b453 93%, #a4692a 100%);
    background-size: 150%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 1px rgba(255, 200, 0, .3));
    animation: MoveBackgroundPosition 6s ease-in-out infinite;
    font-weight: 600;
  }
  .red-move {
    background-image: repeating-linear-gradient(to right, #d71515 0%, #ff4545 8%, #ff5c5c 18%, #ff3838 27%, #ff6060 35%, #ff5656 40%, #ffb2b2 50%, #ff3131 58%, #ff0000 67%, #ff3939 77%, #e11c1c 83%, #ff0000 88%, #db0000 93%, #cf1e1e 100%);
    background-size: 150%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 1px rgba(255, 153, 153, 0.3));
    animation: MoveBackgroundPosition 3s ease-in-out infinite;
    font-weight: 600;
}
  
  @keyframes MoveBackgroundPosition { 
    0% {
        background-position: 0% 50%
    }
    
    50% {
      background-position: 100% 50%
    }
    
    100% {
      background-position: 0% 50%
    }
  }
  .position-inherit{
    position:inherit;
  }
  .red-move-fast{
    background-image: repeating-linear-gradient(to right, rgba(255, 0, 0, 1) 0%, rgba(255, 89, 89, 1) 26%, rgba(255, 0, 0, 1) 50%, rgba(255, 108, 108, 1) 72%, rgba(255, 0, 0, 1) 100%);
    background-size: 150%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: bg 25s linear infinite;
    font-weight: 600;
  }    
  
  @media screen and (max-width: 768px){
    .mb-column {
          flex-direction: column!important;
      }
    .mb-w-100{
          flex-direction: column!important;
      }
      .mb-flex-wrap{
        flex-wrap:wrap!important;
      }
  }
  @media only screen and (min-width: 576px) and (max-width: 767px) {
      .mb-none {
          display: none !important;
      }.mb-show  {
          display: block !important;
      }  .mb-center{
        text-align: center!important;
      }
  }
  
  /* Extra small devices (phones, 600px and down) */
  @media only screen and (max-width: 600px) {
      .mb-none {
          display: none !important;
      }.mb-show  {
          display: block !important;
      }  .mb-center{
        text-align: center!important;
      }
  }
  
  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px)and (max-width: 767) {
      .mb-none {
          display: none !important;
      } .mb-show  {
          display: block !important;
      }  .mb-center{
        text-align: center!important;
      }
  }
  
  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) and (max-width: 991) {
      .mb-none {
          display: none !important;
      }.mb-show  {
          display: block !important;
      } .mb-center{
        text-align: center!important;
      }
  }
  
  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) and (max-width: 1199px) {
      .mb-show  {
          display: none !important;
      } 
      }
  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {
      .mb-show  {
          display: none !important;
      } 
  } 
  .mb-show  {
          display: none;
  } 
  
  .border-right-dashed {
       border-right:1px dashed #b6b5c0
  }
  @media only screen and (max-width: 600px) {
    .border-right-dashed {
        border-right:0px
  } }
  .bg-moccasin{
    background: moccasin!important;
  }
  .bg-dateperiod{
    background:cornsilk; 
    width:fit-content;
    font-size: small;
  }
  .width-inherit{
    width:inherit!important;
  }.bg-lemonchiffon{
    background: lemonchiffon!important;
  }.bg-lightcyan {
    background: lightcyan!important;
}.bg-lavenderblush {
    background-color: lavenderblush!important;
}.fw-600{
font-weight: 600!important;
}

.max-300 {
    max-width: 300px !important;
}.hover-filter:hover{
    transition: filter 0.3s ease, transform 0.3s ease; /* ทำให้เอฟเฟกต์ลื่นไหล */
    filter: brightness(1.1) contrast(1.0); /* เพิ่มความสว่างและความคมชัด */
    transform: scale(1.00); /* ขยายเล็กน้อยเพื่อให้เด่นขึ้น */
}.card-simple2 {
    box-shadow: 2px 2px 7px 0px rgb(0 0 0 / 22%) !important;
    border: 0px solid #ffffff00 !important;
}.card-simple{
    box-shadow: 1px 1px 4px 0px rgb(0 0 0 / 7%) !important;
    border: 1px solid #e3e3e3!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    color:#333 !important;
}

/* daily tour */
.box-daily {
    border: 1px solid #f1f1f1;
    border-radius: 1rem;
    background: #fff;
    width: 98%;
    height: auto;
    margin: 5px;
    box-shadow: 0px 0px 10px 0px #00000024;
}

.box-daily:hover {
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.39) !important;
}.hotdeal-table-wrapper {
    background: linear-gradient(to bottom, #ffffff, #ffc8c8);
    border-radius: 1rem;
    padding: 1.5rem;
    padding-top: 1rem;
    overflow-x: auto;
    box-shadow: 0 0 7px #00000020;
    margin: 1.5rem auto;
    border: 2px solid #fff;
    position: relative;
}

.hotdeal-table-container {
    max-height: 400px;
    overflow-y: auto;
    border-radius: 0.75rem;
    position: relative;
}

.hotdeal-table thead {
    position: sticky;
    top: 0;
    z-index: 10;
    background: linear-gradient(to right, #ff8f8f, #ffaeae);
    color: #000000;
}

.hotdeal-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;

}

.hotdeal-table thead tr:first-child th:first-child {
    border-top-left-radius: 0.75rem;
}

.hotdeal-table thead tr:first-child th:last-child {
    border-top-right-radius: 0.75rem;
}

.hotdeal-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 0.75rem;
}

.hotdeal-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 0.75rem;
}

.hotdeal-table th,
.hotdeal-table td {
    padding: 0.65rem;
    border: 1px solid #ffffff30;
    font-size: 0.95rem;
}

.hotdeal-table tbody tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.3);
}

.hotdeal-table tbody tr:nth-child(odd) {
    background-color: rgb(255 255 255 / 61%);
}

.hotdeal-table .price {
    color: #d32f2f;
    font-weight: bold;
    text-align: center;
    position: relative;
}

.hotdeal-table .price .old-price {
    text-decoration: line-through;
    color: #888;
    margin-right: 8px;
    
}

.hotdeal-table .code {
    font-size: 0.85rem;
    color: #2e7d32;
    font-weight: 500;
    background: #f9fff9;
    padding: 2px 7px;
    border-radius: 1rem;
}.date-color{
    color: #4673b9;
    font-weight: 500;
    background: rgb(255 255 255);
    padding: 7px 7px;
    border-radius: 7px;

}
@media screen and (max-width: 768px) {
    .hotdeal-table-container {
        overflow-x: auto;
    }

    .hotdeal-table {
        min-width: 700px;
    }
}
.hotdeal-table-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; 
}

.hotdeal-table {
    min-width: 700px; 
}    .box-daily2 {
    width: 95%;
    }
/* daily tour end*/

/* button list tour */
.btn-headtag{
    font-size: 14px;
    border: 1px solid;
    border-color: var(--secondary) !important;
    color: white;
    overflow: hidden;
    display: flex;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    background: var(--secondary) ;
    align-items: center;
    justify-content: center;
    margin-right:5px;
    margin-bottom:5px;
}
.btn-list-tag{
    cursor: pointer;
    font-size: 14px;
    border: 1px solid;
    border-color: var(--primary) !important;
    color: var(--primary) ;
    overflow: hidden;
    display: flex;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    background: white;
    align-items: center;
    justify-content: center;
    margin-right:5px;
    margin-bottom:5px;
}
.btn-list-tag:hover{
    background:  var(--primary)  !important;
    color: #fff!important;
}
.btn-list-tag.active{
    background:  var(--primary)  !important;
}


 @media only screen and (min-width: 576px) and (max-width: 767px) {
        .mb-price-none {
            display: none !important;
        }

        .mb-price {
            display: flex !important;
        }
         .p-mb-none{
        padding: 5px 0!important;
        }
    }

    /* Extra small devices (phones, 600px and down) */
    @media only screen and (max-width: 600px) {

        .mb-price-none {
            display: none !important;
        }

        .mb-price {
            display: flex !important;
        }
        .p-mb-none{
        padding: 5px  0!important;
        }

    }

    /* Small devices (portrait tablets and large phones, 600px and up) */
    @media only screen and (min-width: 600px)and (max-width: 767) {

        .mb-price-none {
            display: none !important;
        }

        .mb-price {
            display: flex !important;
        }
         .p-mb-none{
        padding: 5px  0!important;
        }
    }

    /* Medium devices (landscape tablets, 768px and up) */
    @media only screen and (min-width: 768px) and (max-width: 991) {

        .mb-price {
            display: flex !important;
        }

        .mb-price-none {
            display: none !important;
        }
        .p-mb-none{
        padding: 5px  0!important;
        }

    }

    /* Large devices (laptops/desktops, 992px and up) */
    @media only screen and (min-width: 992px) and (max-width: 1199px) {

        .mb-price {
            display: none !important;
        }

    }

    /* Extra large devices (large laptops and desktops, 1200px and up) */
    @media only screen and (min-width: 1200px) {

        
        .mb-price {
            display: none !important;
        }
    }

    .mb-price {
        display: none;
    }    
    .group-btn-tour {
        border: 1px solid #c3c3c3;
        padding: 1rem;
        justify-content: center;
        border-radius: 1rem;
        flex-direction: column;
    }
    .w-min{
        width: min-content;
    }.flex-inherit {
        flex:inherit !important;
    }
        span.select2-search.select2-search--dropdown {
        display: none !important;
    }
    .text-regis {
        color: #fff;
    }
    .text-regis:hover {
        color: #fff;
        text-shadow: 4px 3px 2px #202020;
        transition: .2s
    }