:root {
    --main-cl: #ce1e00;
    --sub-cl: #41b204;
    --third-cl: #007c00;
    --four-cl: #344c77;
    --five-cl: #bea69f;

    --main-color: #00e5a6 !important;
    --fs-color-primary: #00e5a6 !important;
    --fs-color-main: #00e5a6 !important;
    --fs-color-secondary: #ff8a00 !important;

    --body-cl: #344c77;

    --container-w: 75rem;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}
body::-webkit-scrollbar {
    width: 0.6rem;
    background-color: #cedbff;
}
body::-webkit-scrollbar-thumb {
    background-color: var(--third-cl);
}

input,
optgroup,
select,
textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    box-shadow: unset;
    outline: none !important;
}
input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type='number'] {
    -moz-appearance: textfield;
}

.grid-container {
    max-width: var(--container-w);
    margin-left: auto;
    margin-right: auto;
}
#search-lightbox {
    width: 37.5rem;
    max-width: 100%;
}
#search-lightbox .search-lightbox-title {
    margin-bottom: 1.667rem;
    font-size: 1.979rem;
    line-height: 1.2;
    font-weight: 700;
}
#search-lightbox .search-keywords {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2.083rem;
    gap: 0.521rem;
}
#search-lightbox .search-keywords > a {
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    font-size: 0.833rem;
    line-height: 1.042rem;
    border: 1.0003px solid rgba(255, 255, 255, 0.6);
    padding: 0.3125rem 0.833rem;
    display: flex;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#search-lightbox .search-keywords > a:hover {
    background-color: #fff;
    color: #000;
}
#search-lightbox .flex-row > div {
    display: flex;
}
#search-lightbox .flex-row {
    align-items: unset;
    display: flex;
    -webkit-border-radius: 2.604rem;
    -moz-border-radius: 2.604rem;
    border-radius: 2.604rem;
    overflow: hidden;
}
#search-lightbox input {
    height: 100%;
    border: none;
}
#search-lightbox .button.icon {
    line-height: normal;
    min-height: unset;
    height: 100%;
    border: none;
    min-width: unset;
    background-color: #fff;
    display: flex;
    align-items: center;
}
#search-lightbox .button.icon i {
    font-size: 0.9375rem;
    line-height: 1.25rem;
    color: #000;
}
#search-lightbox input {
    font-size: 1.042rem;
    line-height: 1.25rem;
    padding-left: 1.5625rem;
    box-shadow: unset;
    height: 2.604rem;
}
.mfp-ready {
    opacity: 0;
    pointer-events: none;
    transition: 0.35s all;
}
.mfp-ready.open {
    pointer-events: auto;
}
.mfp-bg.mfp-ready {
    opacity: 0;
}
.mfp-bg.mfp-ready.open {
    opacity: 0.9;
}
.mfp-ready.mfp-ready-search.open {
    opacity: 1;
}

.mfp-content #search-lightbox {
    transform: translateY(0);
}
.mfp-wrap.mfp-ready-search .mfp-container {
    display: flex;
    align-items: center;
}

.load_home_page svg {
    width: 20.833rem;
    max-width: 95%;
    height: auto;
    position: absolute;
    z-index: 99;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}
.load_home_page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999999999;
    transition: 1s all;
    opacity: 1;
    background: transparent;
}
.load_home_page img.logo_load_page {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30rem;
    height: auto;
    opacity: 1;
    transition: 0.5s all;
}
.load_home_page.complete img.logo_load_page {
    opacity: 0;
    transition-delay: 0.3s;
}

div.load_home_page .mask {
    /*background-color: #00BDFFFF;*/
    transition: 1s all ease-in-out;
    position: absolute;
    width: 100%;
    height: 100%;
}
div.load_home_page.complete .mask {
    background-color: transparent;
}
div.load_home_page .mask span {
    display: block;
    width: 100%;
    height: 20%;
    position: absolute;
    left: 0;
    transition: 1s all ease-in-out;
    background-color: #fff;
    /*backdrop-filter: blur(39.9994px);*/
}
div.load_home_page .mask span:nth-child(even) {
    left: unset;
    right: 0;
}
div.load_home_page .mask span:nth-child(1) {
    top: 0;
}
div.load_home_page .mask span:nth-child(2) {
    top: 20%;
}
div.load_home_page .mask span:nth-child(3) {
    top: 40%;
}
div.load_home_page .mask span:nth-child(4) {
    top: 60%;
}
div.load_home_page .mask span:nth-child(5) {
    top: 80%;
}
.load_home_page.complete {
    visibility: hidden;
}
div.load_home_page.complete .mask span {
    width: 0;
    opacity: 0;
    transition-delay: 0.8s;
}
#respond input#wp-comment-cookies-consent {
    height: auto !important;
    margin: 0 9.9994px 0 0 !important;
}
.load_home_page.complete svg {
    transition-delay: 0.8s;
    opacity: 0;
}
.load_home_page rect,
.load_home_page path {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.path-1 {
    animation-name: Signature2;
    animation-duration: 10s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, 0.25, 0.43, 0.96);
    stroke: #fff;
    stroke-width: 1.0003px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}
.path-2 {
    animation-name: Signature1;
    animation-duration: 20s;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(2, 0.25, 0.43, 0.96);
    stroke: var(--sub-cl);
    stroke-width: 1.0003px;
    stroke-dasharray: 2108;
    stroke-dashoffset: 2108;
    fill: transparent;
}
.load_home_page.complete .path-2 {
    fill: var(--sub-cl);
}
.load_home_page.complete .path-1 {
    fill: #fff;
}
@keyframes Signature1 {
    to {
        stroke: var(--sub-cl);
        stroke-dashoffset: 0;
    }
}
@keyframes Signature2 {
    to {
        stroke: #fff;
        stroke-dashoffset: 0;
    }
}
.tile-reveal {
    overflow: hidden;
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-flow: row wrap;
    align-self: flex-start;
    align-items: center;
    align-content: center;
    justify-content: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 99;
    background: #fff;
}
.tile-reveal-square {
    flex: 1 1 auto;
    width: 75px;
    height: 75px;
    background-color: #fff;
    opacity: 1;
}
.wrap-enter-site {
    position: fixed;
    width: 100%;
    height: auto;
    bottom: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
}

.search-page {
    padding: 5.208rem 0;
}
.search-page h1 {
    margin-bottom: 2.604rem;
}
.search-tabs .search-tabs-title {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
    gap: 0.833rem;
}
.search-tabs .search-tabs-title .search-tab-title {
    padding: 0.625rem 1.25rem;
    border: 1.0003px solid var(--fs-color-main);
    font-size: 0.833rem;
    line-height: 1.042rem;
    color: var(--fs-color-main);
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s;
}
.search-tabs .search-tab-title:hover,
.search-tabs .search-tab-title.active {
    background-color: var(--fs-color-main);
    color: #fff;
}
.search-tabs .search-tab-content {
    display: none;
}
.search-tabs .search-tab-content.active {
    display: block;
}
.search-tabs .search-empty {
    color: #333;
    font-size: 1.25rem;
    line-height: 2.083rem;
    padding: 0.521rem;
}
.search-tabs .search-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1.5rem 1rem;
    margin-bottom: 1.5625rem;
}
.search-tabs .search-item h3 {
    margin: 0.521rem 0 0 0;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}
.load-more-search.button {
    margin-bottom: 0 !important;
}

/*COMPONENTS*/
/*transition svg*/
[itemprop='name'],
cite,
circle,
svg,
rect,
stop,
path,
g,
img,
a,
input,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
.box_img,
span.icon,
span.text,
:before,
:after {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
html.js.has-off-canvas-undefined {
    margin-right: 0.6rem !important;
    overflow: hidden;
    height: 100vh;
}

/*heading style sec*/
.subtitle-sec {
    font-family: 'Inter Regular';
    font-size: 1.0417rem;
    color: #fff;
}
.subtitle-sec + .title,
.subtitle-sec + .title-sec {
    margin-top: 0.5208rem;
}
.title-sec {
    font-family: 'Inter Bold';
    font-size: 2.6042rem;
    line-height: 1.2;
}
.title-sec + .desc-sec {
    margin-top: 1rem;
}
.desc-sec {
    font-family: 'Inter Regular';
    font-size: 0.9375rem;
    color: var(--body-cl);
}
.desc-sec strong {
    font-family: 'Inter Medium';
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.banner h1,
.banner h2,
strong {
    font-weight: normal !important;
}
a {
    text-decoration: none;
}
b,
strong {
    font-family: 'Inter Bold';
}

.ts-03 {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ts-04 {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.ts-05 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.fs-11 {
    font-size: 0.573rem;
}
.fs-12 {
    font-size: 0.625rem;
}
.fs-13 {
    font-size: 0.677rem;
}
.fs-14 {
    font-size: 0.729rem;
}
.fs-15 {
    font-size: 0.7813rem;
}
.fs-16 {
    font-size: 0.833rem;
}
.fs-17 {
    font-size: 0.885rem;
}
.fs-18 {
    font-size: 0.9375rem;
}
.fs-19 {
    font-size: 0.99rem;
}
.fs-20 {
    font-size: 1.042rem;
}
.fs-21 {
    font-size: 1.0938rem;
}
.fs-22 {
    font-size: 1.146rem;
}
.fs-23 {
    font-size: 1.198rem;
}
.fs-24 {
    font-size: 1.25rem;
}
.fs-25 {
    font-size: 1.302rem;
}
.fs-28 {
    font-size: 1.458rem;
}
.fs-30 {
    font-size: 1.5625rem;
}
.fs-32 {
    font-size: 1.667rem;
}
.fs-35 {
    font-size: 1.823rem;
}
.fs-36 {
    font-size: 1.875rem;
}
.fs-40 {
    font-size: 2.083rem;
}
.fs-48 {
    font-size: 2.5rem;
}
.fs-50 {
    font-size: 2.604rem;
}
.fs-55 {
    font-size: 2.8646rem;
}
.fs-56 {
    font-size: 2.917rem;
}
.fs-60 {
    font-size: 3.125rem;
}
.fs-64 {
    font-size: 3.333rem;
}
.fs-70 {
    font-size: 3.646rem;
}
.fs-72 {
    font-size: 3.75rem;
}

.lh-20 {
    line-height: 1.042rem;
}
.lh-21 {
    line-height: 1.0938rem;
}
.lh-22 {
    line-height: 1.146rem;
}
.lh-23 {
    line-height: 1.198rem;
}
.lh-24 {
    line-height: 1.25rem;
}
.lh-25 {
    line-height: 1.302rem;
}
.lh-26 {
    line-height: 1.354rem;
}
.lh-27 {
    line-height: 1.4063rem;
}
.lh-28 {
    line-height: 1.458rem;
}
.lh-29 {
    line-height: 1.51rem;
}
.lh-30 {
    line-height: 1.5625rem;
}
.lh-31 {
    line-height: 1.615rem;
}
.lh-32 {
    line-height: 1.667rem;
}
.lh-33 {
    line-height: 1.7188rem;
}
.lh-34 {
    line-height: 1.771rem;
}
.lh-36 {
    line-height: 1.875rem;
}
.lh-40 {
    line-height: 2.083rem;
}
.lh-100p {
    line-height: 100%;
}
.lh-normal {
    line-height: normal;
}

.fw200 {
    font-family: 'Inter ExtraLight';
}
.fw300 {
    font-family: 'Inter Light';
}
.fw400 {
    font-family: 'Inter Regular';
}
.fw500 {
    font-family: 'Inter Medium';
}
.fw600 {
    font-family: 'Inter SemiBold';
}
.fw700 {
    font-family: 'Inter Bold';
}
.fw800 {
    font-family: 'Inter ExtraBold';
}
.fw900 {
    font-family: 'Inter Black';
}

.wrap-link {
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0 !important;
}
.m-auto {
    margin: auto;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.h-full {
    height: 100%;
}
.w-full {
    width: 100%;
}
.obj-cover {
    object-fit: cover;
}
.text-white {
    color: #fff;
}
.text-gray {
    color: #d9d9d9;
}
.text-underline {
    text-decoration: underline;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-uppercase {
    text-transform: uppercase;
}
.text-main {
    color: var(--main-cl);
}
.text-sub {
    color: var(--sub-cl);
}
.text-gradient-1 {
    width: fit-content;
    background: var(--gradient-1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-gradient-2 {
    width: fit-content;
    background: var(--gradient-2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-body {
    color: var(--body-cl);
}
.text-666 {
    color: #666666;
}

/*line camp*/
.limit-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.limit-line.limit-1 {
    -webkit-line-clamp: 1;
}
.limit-line.limit-2 {
    -webkit-line-clamp: 2;
}
.limit-line.limit-3 {
    -webkit-line-clamp: 3;
}
.limit-line.limit-4 {
    -webkit-line-clamp: 4;
}
.limit-line.limit-5 {
    -webkit-line-clamp: 5;
}
.limit-line.limit-6 {
    -webkit-line-clamp: 6;
}
.limit-line.limit-7 {
    -webkit-line-clamp: 7;
}
.limit-line.limit-8 {
    -webkit-line-clamp: 8;
}

/*show/hide - breakpoint*/
.pc-show {
    display: block !important;
}
.pc-hide {
    display: none !important;
}
.pc-show-flex {
    display: flex !important;
}
.pc-hide-flex {
    display: none !important;
}

/*wrap img*/
.img-center {
    margin-left: auto;
    margin-right: auto;
}
.img-wrap {
    overflow: hidden;
}
.img-wrap img {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*btn link*/
.btn {
    position: relative;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 2.0313rem;
    padding: 0.7813rem 1.4583rem 0.7rem;
    background: transparent;
    overflow: hidden;
}
.btn > * {
    position: relative;
    z-index: 1;
}
.btn span.text {
    font-family: 'Inter Bold';
    font-size: 0.8333rem;
    color: #fff;
    line-height: normal;
}
.btn span.icon {
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.9rem;
    height: 0.9rem;
}
.btn svg {
    display: flex;
}
.btn span.icon > svg {
    position: absolute;
    width: 100%;
    height: 100%;
}

.btn-style-1 {
    border-radius: 0.7813rem;
    box-shadow: 0px 4px 4px 0px transparent inset;
    background: var(--sub-cl);
}
.btn-style-1:hover {
    box-shadow: 0px 4px 4px 0px #00000040 inset;
    background: var(--sub-cl);
}

.btn-style-2 {
    border-radius: 0.5208rem;
    background: var(--main-cl);
    filter: drop-shadow(0px 4px 4px transparent);
}
.btn-style-2:hover {
    background: #ff300c;
    filter: drop-shadow(0px 4px 4px #00000040);
}

.btn-style-3 {
    border-radius: 0.5208rem;
    background: var(--sub-cl);
    filter: drop-shadow(0px 4px 4px transparent);
}
.btn-style-3:hover {
    background: #78c841;
    filter: drop-shadow(0px 4px 4px #00000040);
}

.btn-style-4 {
    padding: 0;
    gap: 0.8rem;
}
.btn-style-4 span.text {
    color: var(--body-cl);
}
.btn-style-4:hover span.text {
    color: var(--main-cl);
}
.btn-style-4:hover span.icon path {
    stroke: var(--main-cl);
}

/*hover icon rotate*/
.hover-rotate:hover img {
    transform: rotateY(180deg);
}

/*effect img*/
.item-hover .zoom-img img {
    transform: scale(1);
    transition: 1s all;
}
.item-hover:hover .zoom-img img {
    transform: scale(1.03);
}
.item-hover:hover h3 {
    color: var(--main-cl-2) !important;
}
.item-hover .box-logo > .img {
    max-width: 30%;
    width: 8rem;
    height: 100%;
    background-image: url('../images/footer-logo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: scale(0);
    opacity: 0;
    transition: 0.7s all;
}
.item-hover:hover .box-logo > .img {
    transform: scale(1);
    opacity: 1;
}
.item-hover .box-logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(255 255 255 / 0.7);
    backdrop-filter: blur(0.5rem);
    opacity: 0;
    transition: 0.5s all;
    z-index: 3;
}
.item-hover:hover .box-logo {
    opacity: 1;
}

.item-hover .box-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 60%);
    backdrop-filter: blur(0.95rem);
    opacity: 0;
    transition: 0.6s all;
    z-index: 3;
}
.item-hover .box-effect > .inner {
    transform: translateY(1rem);
    opacity: 0;
    transition: 0.8s all;
}
.item-hover .box-effect svg {
    margin: 0 auto;
}
.item-hover .box-effect span.title {
    font-weight: 500;
    font-size: 1rem;
    margin-top: 0.25rem;
}
.item-hover:hover .box-effect {
    opacity: 1;
}
.item-hover:hover .box-effect > .inner {
    opacity: 1;
    transform: translateY(0);
}

/*absolute arrow*/
.arrow-absolute > .arrow-slide {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    display: flex;
    align-items: center;
}
.arrow-absolute > .arrow-slide.prev {
    left: 0;
}
.arrow-absolute > .arrow-slide.next {
    right: 0;
}
.arrow-slide {
    cursor: pointer;
}
.arrow-slide svg {
    display: flex;
}
.arrow-slide rect {
    fill: transparent;
}
.arrow-slide:hover rect {
    fill: var(--main-cl-2);
}
.arrow-slide:hover path {
    stroke: var(--main-cl-2);
}
.swiper-button-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.arrow-slide.swiper-button-lock {
    display: none !important;
}

/*swiper same height*/
.swiper-same-height > .swiper-wrapper {
    align-items: unset;
}
.swiper-same-height > .swiper-wrapper .swiper-slide {
    height: auto;
}
.swiper-same-height > .swiper-wrapper .swiper-slide > div > div,
.swiper-same-height > .swiper-wrapper .swiper-slide > div {
    height: 100%;
}

/*swiper pagination*/
.tl-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.521rem;
    position: relative;
    top: unset !important;
    bottom: unset !important;
    left: unset !important;
    padding-top: 1.3542rem;
    padding-bottom: 0.5rem;
}
.tl-pagination .swiper-pagination-bullet {
    width: 0.625rem;
    height: 0.625rem;
    background: transparent;
    border: 1px solid var(--third-cl);
    opacity: 1;
    margin: 0 !important;
    position: relative;
    display: flex;
    transition: all 0.4s;
}
.tl-pagination .swiper-pagination-bullet-active {
    background: var(--third-cl);
}

.text-white.tl-pagination .swiper-pagination-bullet {
    background: rgb(255 255 255 / 0.6);
}
.text-white.tl-pagination .swiper-pagination-bullet-active {
    background: #fff;
}

.tl-pagination-fraction {
    font-size: 0;
    gap: 0.208rem;
    padding-top: 2.5rem;
}
.tl-pagination-fraction span {
    font-family: 'Inter Medium';
    font-size: 0.833rem;
    color: var(--main-cl-3);
}
.tl-pagination-fraction .swiper-pagination-total {
    position: relative;
    padding-left: 0.6rem;
    color: var(--sub-cl-3);
}
.tl-pagination-fraction .swiper-pagination-total:before {
    content: '/';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: fit-content;
    height: 100%;
    pointer-events: none;
}

/*effect loading img*/
.loading-show-more {
    position: relative;
    overflow: hidden;
}
.loading-show-more > div,
.loading-show-more .no-result {
    opacity: 0.3;
    transition: 0.5s all;
}
.no-result {
    margin-top: 3.84rem;
    font-size: 1.92rem;
    color: var(--main-cl);
    text-align: center;
}
.loading-show-more::before {
    content: '';
    position: absolute;
    z-index: 50;
    top: 11.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 9.6rem;
    height: 3.8rem;
    /* Logo làm background layer 1, shine làm layer 2 */
    background-image:
        linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.8) 50%, transparent 100%),
        url('../images/logo.svg');
    background-repeat: no-repeat, no-repeat;
    background-position:
        -150% center,
        center;
    background-size:
        60% 100%,
        contain;

    display: inline-block;
    box-sizing: border-box;
    animation: shine 0.7s ease-in-out infinite alternate;
}
.loading-show-more::after {
    content: '';
    position: absolute;
    z-index: 49;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 12rem;
    height: 4.8rem;
    background-color: white;
    border-radius: 0.5rem;
}
@keyframes shine {
    0% {
        background-position:
            -150% center,
            center;
    }
    100% {
        background-position:
            250% center,
            center;
    }
}

/*btn_loading*/
.btn-loading {
    position: relative;
}
.btn-loading span.text,
.btn-loading span.icon {
    opacity: 0;
}
.btn-loading:after {
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    content: '';
    z-index: 50;
    border: 2.0006px solid #f5f5f5;
    border-bottom-color: var(--sub-cl);
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
    left: calc(50% - 0.9rem);
    top: calc(50% - 0.9rem);
}
.btn-main.btn-loading {
    pointer-events: none !important;
    color: var(--main-cl) !important;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotateScale {
    0% {
        opacity: 0;
        transform: rotate(0deg) scale(0.1);
    }
    50% {
        opacity: 1;
        transform: rotate(180deg) scale(1.3);
    }
    100% {
        opacity: 1;
        transform: rotate(360deg) scale(1);
    }
}

.no-result-data {
    font-size: 2rem;
    margin-top: 2rem;
}

/*fixed contact*/
ul.fixed_button.desktop_display {
    position: fixed;
    top: 50%;
    right: 1.6rem;
    list-style: none;
    transform: translateY(-50%);
    z-index: 99;
}
ul.fixed_button > li:not(:last-child) {
    margin-bottom: 0.768rem;
}
ul.fixed_button > li > a {
    position: relative;
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    backdrop-filter: blur(1rem);
    background: var(--color);
    border: 1px solid var(--color);
    border-radius: 50%;
    z-index: 1;
    transition: 0.5s all;
}
ul.fixed_button > li > a img {
    /* max-width: 50%;
    max-height: 50%; */
    width: auto;
    height: auto;
    z-index: 1;
}
ul.fixed_button > li > a:hover {
    transform: scale(1.1);
    transition: 0.5s all;
}
ul.button_cta.mobile_display {
    display: none;
}
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}
ul.fixed_button li a {
    position: relative;
}

ul.fixed_button li a:before,
li.button_cta_open:before {
    display: block;
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    animation: pulse-border 1000ms ease-out infinite;
    background: var(--color);
    border-radius: 100%;
    transform: translate(-50%, -50%);
    z-index: 0;
}
li.button_cta_open:before {
    background: var(--main-cl);
}

/*custom select*/
.custom-sl {
    display: none;
}
.select-styled {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.521rem;
    padding: 0 0.625rem 0 1.25rem;
    border: 1.0003px solid #fff;
    font-size: 0.9375rem;
    color: rgb(255 255 255 / 0.5);
    transition: all 0.5s ease-in-out;
    margin: 0;
    cursor: pointer;
}
.select {
    position: relative;
    /*z-index: 9;*/
}
.select-styled:after {
    content: '';
    position: relative;
    display: block;
    width: 0.9rem;
    height: 0.9rem;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5LjUgOUwxMiAxNi41TDQuNSA5IiBzdHJva2U9IndoaXRlIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==');
    background-repeat: no-repeat;
    background-size: cover;
}
.select .select-options {
    display: none;
    position: absolute;
    z-index: 22;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
    list-style: none;
    overflow: hidden;
}
.select .select-options > li {
    font-size: 0.833rem;
    font-weight: 500;
    line-height: 0.857rem;
    margin-bottom: 0;
    padding: 0.625rem 0.833rem;
    cursor: pointer;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    color: #000;
}
.select .select-options > li.active,
.select .select-options > li:hover {
    background-color: var(--third-cl);
    color: #fff;
}
.select .select-options > li + li {
    border-top: 1.0003px solid #6d6d6d2b;
}
.form-wrap label {
    font-size: 0.833rem;
    font-weight: 400;
    line-height: 1.3;
    /*margin-bottom: .208rem;*/
    color: var(--third-cl);
}
.form-wrap span.required {
    color: red;
}
.select-styled span {
    flex-grow: 1;
}

.text-white .select-styled {
    border-color: #ffffff40;
    color: #ffffff40;
}
.text-white .select-styled:after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjYyNSA2Ljc1TDkgMTIuMzc1TDMuMzc1IDYuNzUiIHN0cm9rZT0iI0Y1RjVGNSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K');
}

.select-options {
    max-height: 11rem;
    overflow-y: auto !important;
}
.select-options::-webkit-scrollbar-track {
    padding-top: 1rem;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #f5f5f5;
}
.select-options::-webkit-scrollbar {
    width: 3.001px;
    background-color: #cedbff;
}
.select-options::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
}
.form-wrap .form-group.target {
    z-index: 10;
}
.form-wrap input.btn-main {
    width: 100%;
    text-transform: unset;
    height: 3.125rem;
    margin: 0.625rem 0 0 0 !important;
}
.form-wrap .input-wrap input {
    padding-right: 2.604rem;
}
.form-wrap .input-wrap > svg {
    width: 0.9375rem;
    height: 0.9375rem;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.042rem;
}
.form-wrap .form-group:not(:last-child) {
    margin-bottom: 1.042rem;
}
.form_group.flex {
    gap: 1.042rem;
    margin-bottom: 0.833rem;
}
.form_group.flex > * {
    width: calc((100% / 2) - 0.4rem);
}
.form_group.flex > div:only-child {
    width: 100%;
}

/*form style*/
form {
    margin-bottom: 0 !important;
}
.form-wrap .form-item :is(input, .select-styled) {
    height: 2.3438rem;
    font-size: 0.9375rem;
    color: var(--third-cl);
    border-radius: 5rem;
}
.form-item {
    margin-bottom: 1.042rem;
}
.form-wrap .form-item :is(input, textarea) {
    color: #eddcbe;
    background: #ececec;
    border-color: #fff;
    padding: 0 0.625rem 0 1.25rem;
    margin-bottom: 0;
    box-shadow: none !important;
}
.form-item textarea {
    border-radius: 0.833rem;
    padding-top: 0.8rem !important;
}
.form-wrap textarea::placeholder,
.form-wrap input::placeholder {
    font-size: 0.833rem;
    font-style: italic;
    color: #9b9b9b;
}
.form-item textarea:focus,
.form-item input:focus {
    color: var(--third-cl);
    border-color: var(--body-cl) !important;
}
.form-item.flex {
    gap: 1.667rem;
}
.form-group.flex {
    gap: 1rem;
}
.form-group.flex > .form-item {
    width: calc((100% / 2) - (1rem * 1 / 2));
    margin-bottom: 0;
}
.form-group.flex > div:only-child {
    width: 100%;
}

.form-wrap .submit-form-btn {
    position: relative;
    width: fit-content;
    margin: 2rem auto 0;
    border-radius: 5rem;
    border: 1px solid #ffffff;
    overflow: hidden;
}
.form-wrap .submit-form-btn > input {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    opacity: 0;
    z-index: 5;
    border-radius: 0;
}
.submit-form-btn > input ~ .btn {
    padding-left: 1.8rem;
    padding-right: 1.8rem;
    background: var(--main-cl);
    transition: 0.3s all;
}
.submit-form-btn:hover > input ~ .btn {
    background: var(--four-cl);
}
.submit-form-btn > input ~ .btn span.text {
    color: #fff;
}
.submit-form-btn > input ~ .btn path {
    stroke: #fff;
}

.form-wrap .wpcf7-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.wpcf7 form.sent .form-wrap + .wpcf7-response-output {
    border-color: var(--sub-cl) !important;
    color: #fff;
    background: var(--sub-cl) !important;
    margin-bottom: 0 !important;
}
.wpcf7 form.invalid .form-wrap + .wpcf7-response-output,
.wpcf7 form.unaccepted .form-wrap + .wpcf7-response-output,
.wpcf7 form.payment-required .form-wrap + .wpcf7-response-output {
    font-family: 'Quicksand Regular';
    font-size: 0.8rem;
    color: #e40000;
    margin-left: 0;
    margin-right: 0;
    border-width: 0.4992px !important;
    border-color: #e40000 !important;
}
.text_white .wpcf7 form.sent .wpcf7-response-output,
.text_white .wpcf7 form.invalid .form-wrap + .wpcf7-response-output,
.text_white .wpcf7 form.unaccepted .form-wrap + .wpcf7-response-output,
.text_white .wpcf7 form.payment-required .form-wrap + .wpcf7-response-output {
    color: #fff;
    border-color: #e40000 !important;
}
.wpcf7 form.sent .wpcf7-response-output {
    margin-left: 0;
    margin-right: 0;
}

span.required {
    color: #ff1b1b;
}
.site-content {
    display: block;
}
.wpcf7 form.sent .wpcf7-response-output {
    background: #46b450 !important;
    border-color: #46b450 !important;
    color: #fff !important;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output {
    background: red !important;
    border-color: red !important;
    color: #fff !important;
}
.wpcf7 form.wpcf7-form .wpcf7-response-output {
    margin-top: 1rem !important;
    text-align: center !important;
    -webkit-border-radius: 0.521rem;
    -moz-border-radius: 0.521rem;
    border-radius: 0.521rem;
    font-size: 0.833rem;
    position: absolute !important;
    width: 100%;
}
.form-wrap .wpcf7-not-valid-tip {
    font-size: 0.677rem;
    position: absolute;
    opacity: 1;
}
.wpcf7-spinner {
    display: none !important;
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(100%, -50%);
}
.processing:before {
    border-color: #fff;
}

.fancybox-slide--html .fancybox-close-small {
    top: 0.5rem;
    right: 1rem;
    padding: 0;
    transition: 0.5s all;
}
.fancybox-close-small:hover {
    transform: rotate(180deg);
    color: var(--main-cl-1);
}

.terms-menu,
.terms-menu ul {
    gap: 0.833rem;
}

/*slide nav/pagination PC*/
.slide-nav-wrap.slide-nav-pc {
    align-items: center;
    justify-content: center;
    gap: 0.833rem;
    padding-top: 1.667rem;
}
.slide-nav-wrap .swiper-pagination {
    padding: 0;
    display: flex;
    width: fit-content;
}
.slide-nav-wrap .arrow-slide.next {
    order: 3;
}
.slide-nav-pc .arrow-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: fit-content;
    flex: 0 0 auto;
}
.slide-nav-pc .arrow-slide:hover path {
    stroke: var(--main-cl-3) !important;
}
.a-style a {
    color: var(--main-cl) !important;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0.5px;
    text-decoration-color: transparent;
    transition: 0.35s all;
}
.a-style a:hover {
    text-decoration-color: currentColor;
}

/*-----------------*/
/* HEADER */
header#header {
    position: fixed;
}
header {
    background: #fff;
    transition: 0.3s all !important;
}
header > .container {
    max-width: 100% !important;
    padding: 0 4.1667rem;
}

.header-top {
    min-height: 0;
    background: #fff;
    padding: 1.8229rem 0 0.7292rem;
}
.header-top .inner-action {
    display: flex;
    gap: 0.8333rem;
}
.header-top .action-item {
    position: relative;
    padding: 0.4167rem 0.8333rem;
    border-radius: 0.8333rem;
    background: var(--main-cl);
    gap: 0.4167rem;
    overflow: hidden;
}
.header-top .action-item:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #fa632a 0%, #ffd900 100%);
    opacity: 0;
    transition: 0.35s all;
}
.header-top .action-item:hover:after {
    opacity: 1;
}
.header-top .action-item > * {
    position: relative;
    z-index: 1;
}
.header-top .action-item span.icon {
    display: flex;
    width: 1.25rem;
    height: 1.25rem;
}
.header-main .search-form-header span.icon {
    display: flex;
    width: 0.9rem;
    height: 0.9rem;
}
.search-form-header span.icon > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.header-top .action-item span.text {
    font-family: 'Inter Bold';
    font-size: 0.9375rem;
    color: #fff;
}
.actions-search,
.header-main .search-form-header {
    margin-right: -4rem;
}
.header-top .search-form-header {
    margin-top: 0.4rem;
}
.search-form-header form {
    display: flex;
    margin: 0;
}
.search-form-header .input-search {
    width: 100%;
    height: 2.6042rem;
    padding: 0 1.25rem;
    font-size: 0.9375rem;
    color: var(--third-cl);
    background: #e2e2e2 !important;
    border-color: transparent;
    box-shadow: none !important;
    border-radius: 1.042rem 0 0 1.042rem;
    margin: 0 !important;
}
.search-form-header .input-search:focus {
    border-color: #78c841;
    border-right-color: transparent !important;
}
.header-main .search-form-header .input-search:focus {
    border-color: var(--main-cl);
}
.search-form-header.style-2 .input-search {
    width: 12rem;
    height: 2rem;
}
.search-form-header .btn-search {
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 !important;
    background: #78c841;
    line-height: normal;
    min-height: unset;
    border: none !important;
    padding: 0 0.8333rem;
    border-radius: 0 1.042rem 1.042rem 0;
    overflow: hidden;
}
.search-form-header.style-1 .btn-search span.icon {
    width: 1.3rem;
    height: 1.3rem;
}
.header-main .search-form-header .btn-search {
    background: var(--main-cl);
    box-shadow: 0px 4px 4px 0px transparent inset;
}
.header-main .search-form-header .btn-search:hover {
    box-shadow: 0px 4px 4px 0px #00000040 inset;
}
.header-top .search-form-header .btn-search:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #78c841 0%, #3b6220 100%);
    opacity: 0;
    transition: 0.35s all;
    z-index: 0;
    pointer-events: none;
}
.search-form-header .btn-search:hover:after {
    opacity: 1;
}
.search-form-header .btn-search > span.icon {
    position: relative;
    z-index: 1;
}
.search-form-header .btn-search > img {
    width: 1.9792rem;
    height: 1.9792rem;
    object-fit: contain;
}
.header-main .search-form-header {
    margin-left: auto;
}

.header-main {
    background: var(--sub-cl);
}
.header-main .nav-wrap {
    display: flex;
    align-items: center;
    gap: 1.3542rem;
}

header #logo {
    width: fit-content;
    flex-shrink: 0;
    margin-bottom: -0.5rem;
}
header #logo img {
    width: fit-content;
    height: 3.6458rem;
    object-fit: contain;
}
header.stuck-scroll #logo img {
    height: 3.6458rem;
    transition: 0.3s all !important;
}
/* Ẩn header-top khi cuộn */
.header.has-sticky.stuck-scroll .header-top {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    transition:
        max-height 0.4s ease,
        opacity 0.2s ease,
        padding 0.3s ease;
}
/* Trạng thái bình thường */
.header-top {
    max-height: 200px;
    opacity: 1;
    transition:
        max-height 0.4s ease,
        opacity 0.2s ease,
        padding 0.3s ease;
    overflow: hidden;
}

.menu-header li > a {
    font-family: 'Inter Regular';
    font-size: 0.9375rem;
    line-height: 1.4;
    color: #fff !important;
    background: transparent;
    padding: 0.625rem 0.5208rem;
}
.menu-header li.current_page_item > a,
.menu-header li.active > a,
.menu-header li > a[aria-current='page'],
.menu-header li > a.active,
.menu-header li > a:hover {
    background: var(--main-cl);
}
.menu-header-primary {
    gap: 1.0417rem;
}
.menu-header-primary li > a {
    display: inline-block;
    font-family: 'Inter Bold';
    font-size: 0.92rem;
    height: 100%;
}
.menu-header-primary li > a > img {
    width: 1.25rem;
    object-fit: contain;
}
.menu-header-secondary {
    gap: 1.1458rem;
}

.icon-search {
    cursor: pointer;
}
.icon-search:before {
    content: '';
    width: 1.25rem;
    height: 1.25rem;
    display: block;
    background-image: url(../images/icon/icon_search_1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: 0.4s all;
}
.icon-search:hover:before {
    background-image: url(../images/icon/icon_search_2.svg);
}

/* FOOTER */
footer {
    margin-top: 2.0833rem;
}
.footer-links {
    background: #eeeeee;
    padding: 1.25rem 0;
}
.footer-links .list-menu {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
}
.menu-footer {
    margin-top: 0.8rem;
}
.menu-footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: fit-content;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(7, minmax(0, 1fr));
    grid-auto-flow: column;
    row-gap: 0.3rem;
    column-gap: 4rem;
}
.menu-footer ul > li {
    margin: 0;
}
.menu-footer ul > li > a {
    font-family: 'Inter Regular';
    font-size: 0.8333rem;
    color: var(--body-cl);

    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0.5px;
    text-decoration-color: transparent;
}
.menu-footer ul > li > a:hover {
    color: var(--main-cl);
    text-decoration-color: currentColor;
}

.footer-bottom {
    padding-top: 1.7708rem;
    padding-bottom: 3rem;
    background: var(--sub-cl);
}
.footer-bottom .logo-company {
    width: fit-content;
    margin: 1rem auto 0;
}
.footer-bottom .logo-company > img {
    width: fit-content;
    height: 3.5417rem;
    object-fit: contain;
}
.footer-info .search-form-header.style-2 .input-search {
    width: 18rem;
}
.footer-info .search-form-header.style-2 .input-search::placeholder {
    font-size: 0.7rem;
    font-style: italic;
}
.footer-info .search-form-header .btn-search {
    background: var(--main-cl);
}
.footer-info .search-form-header span.icon > img {
    width: 1.15rem;
    height: 1.15rem;
    object-fit: contain;
}
.footer-info .info-socials {
    flex-direction: column;
    gap: 1rem;
    margin-top: 0.8333rem;
}
.footer-info .box-info .item {
    display: flex;
    align-items: center;
    gap: 0.521rem;
}
.footer-info .box-info .item:not(:last-child) {
    margin-bottom: 0.4rem;
}
.footer-info .box-info span.icon {
    display: flex;
    width: fit-content;
    flex-shrink: 0;
}
.footer-info .box-info span.icon > img {
    width: 0.9375rem;
    object-fit: contain;
}
.footer-info .box-info span.text {
    font-family: 'Inter Regular';
    font-size: 0.7292rem;
    color: #fff;
}
.footer-info .list-socials {
    display: flex;
    gap: 0.521rem;
    justify-content: flex-end;
}
.footer-info .list-socials img {
    width: 1.5625rem;
    height: 1.5625rem;
    object-fit: contain;
}
.footer-info .list-socials a:hover img {
    transform: scale(0.95);
}
.copyright {
    font-family: 'Inter Regular';
    font-size: 0.6rem;
    color: #fff;
    font-style: italic;
    text-align: right;
}

/* footer fixed */
.footer-fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: var(--sub-cl);
    z-index: 100;
}
.footer-fixed .wrap-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8.25rem;
    width: fit-content;
}
.footer-fixed .hotline {
    width: fit-content;
    flex-shrink: 0;
}
.footer-fixed .hotline .btn {
    border-radius: 0;
    gap: 0.521rem;
}
.footer-fixed .hotline span.text {
    font-family: 'Inter Bold';
    font-size: 0.625rem;
    color: #fff;
}
.footer-fixed .hotline span.icon {
    display: flex;
    width: fit-content;
    flex-shrink: 0;
    width: 1.0417rem;
    height: 1.0417rem;
}
.footer-fixed .hotline span.icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.footer-fixed .list-item {
    display: flex;
}
.footer-fixed .item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.footer-fixed .item:not(:last-child) {
    margin-right: 1rem;
    padding-right: 2.5rem;
}
.footer-fixed .item:not(:last-child)::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1.25rem;
    height: 1.5rem;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iNDIiIHZpZXdCb3g9IjAgMCAyNSA0MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeTE9Ii0wLjUiIHgyPSIzMS42MjciIHkyPSItMC41IiB0cmFuc2Zvcm09Im1hdHJpeCgwLjc1ODg0NSAwLjY1MTI3MSAtMC41NDgxNjYgMC44MzYzNyAwLjI2MTcxOSAwLjgzNTkzOCkiIHN0cm9rZT0iI0NFMUUwMCIvPgo8bGluZSB5MT0iLTAuNSIgeDI9IjMxLjU2NTEiIHkyPSItMC41IiB0cmFuc2Zvcm09Im1hdHJpeCgtMC43Njg2MzcgMC42Mzk2ODUgLTAuNTM2Mzg3IC0wLjg0Mzk3MiAyNC4yNjE3IDIwLjI4OTEpIiBzdHJva2U9IiNDRTFFMDAiLz4KPC9zdmc+Cg==');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.footer-fixed .item > span {
    line-height: normal;
}
.footer-fixed .item .label {
    font-family: 'Inter Regular';
    font-size: 0.7292rem;
    color: #fff;
    font-style: italic;
}
.footer-fixed .item .number {
    font-family: 'Inter ExtraBold';
    font-size: 1.0417rem;
    color: #fff;
    -webkit-text-stroke: 1px #fff;
    color: #ff8c00;
}

/* HOME */
.item-banner-hero {
    height: 22.5rem;
}
.item-banner-hero > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.title-graphic-sub,
.title-graphic-main {
    width: fit-content;
    font-family: 'Inter Bold';
    font-size: 1.25rem;
    line-height: normal;
    color: #fff;
    background-image: url('../images/graphic/rush-title-main.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 0.9rem 1.8rem 0.7rem 1.5rem;
    margin-bottom: 0;
}
.title-graphic-sub {
    background-image: url('../images/graphic/rush-title-sub.png');
    padding: 0.8rem 1.5rem 0.7rem 2.5rem;
}
.action-link a {
    display: flex;
    align-items: center;
    gap: 0.521rem;
}
.action-link a span.text {
    font-family: 'Inter Bold';
    font-size: 0.9rem;
    font-style: normal;
    color: var(--main-cl);
}
.action-link a:hover span.text {
    color: #ff1e00;
}
.action-link a svg {
    display: flex;
    width: 1.8229rem;
}
.action-link a:hover svg > path {
    fill: #ff1e00;
}

.home-1 {
    padding-top: 1.25rem;
    padding-bottom: 1.5625rem;
    background: #fff6f4;
}
.home-content-1 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 1.0417rem;
    row-gap: 0.8333rem;
    margin-top: 1.25rem;
}
.home-2 {
    padding-top: 2.2rem;
}
.home-content-2 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 0.625rem;
    margin-top: 1.25rem;
    max-height: 25rem;
}
.home-content-2 .tour-item-style:nth-child(1) {
    grid-column: span 1;
    grid-row: span 2;
}
.home-content-2 .tour-item-style:nth-child(6) {
    grid-column: 3 / 5;
}
.tour-item-style {
    position: relative;
    filter: drop-shadow(0px 5px 10px transparent);
    transform-origin: top left;
    transition:
        filter 0.35s ease,
        transform 0.35s ease;
}
.tour-item-style:hover {
    filter: drop-shadow(0px 5px 10px #00000026);
    transform: scale(1.01);
}
.tour-item-style .img-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 1.0417rem;
}
.tour-item-style .title {
    position: absolute;
    top: 0.9375rem;
    right: 0;
    width: fit-content;
    margin: 0 1.15rem 0;
    padding-bottom: 0.3rem;
    text-shadow: 2px 2px 8px #00000066;
}
.tour-item-style.title-bottom .title {
    top: unset;
    bottom: 0.9375rem;
}
.tour-item-style .title::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 0.0521rem;
    background: #fff;
    box-shadow: 2px 2px 8px 0px #00000066;
}
.home-6,
.home-5,
.home-3 {
    padding-top: 2.5rem;
}
.home-content-3 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 0.625rem;
    margin-top: 1.25rem;
    max-height: 25rem;
}
.home-content-3 .tour-item-style:nth-child(5),
.home-content-3 .tour-item-style:nth-child(2) {
    grid-column: 2 / 4;
}
.home-content-3 .tour-item-style:nth-child(3) {
    grid-row: span 2;
}
.home-4 {
    padding-top: 2.5rem;
}
.home-content-4 {
    margin-top: 1.25rem;
}
.home-content-5 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.8333rem;
    margin-top: 1.25rem;
}
.home-content-5 .img-wrap {
    position: relative;
    width: fit-content;
    aspect-ratio: 1 / 1;
    border-radius: 1.0417rem;
}
.home-content-5 .img-wrap:hover img {
    transform: scale(1.02);
}
.marquee-container {
    margin-top: 2.083rem;
}
.marquee-container:hover .marquee-content {
    animation-play-state: paused;
}
.marquee-img-wrap .marquee-img img {
    width: max-content;
    max-height: 5.208rem;
    object-fit: contain;
}
.marquee-content {
    display: flex;
    width: max-content;
    animation: scroll 40s linear infinite;
    will-change: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}
.marquee-img-wrap .marquee-img {
    display: flex;
    width: max-content;
    flex-shrink: 0;
    align-items: center;
}
.marquee-img-wrap .marquee-img .box-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 1rem;
    flex-shrink: 0;
}
@keyframes scroll {
    0% {
        transform: translateX(0) translateZ(0);
    }
    100% {
        transform: translateX(-50%) translateZ(0);
    }
}
.home-marquee-6 .marquee-img img {
    max-height: 3.5rem;
}
.home-7 {
    padding-top: 4rem;
}
.achievements-content {
    padding-top: 1.25rem;
    margin: 0 -0.8333rem;
}
.achievements-content .item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0.8333rem;
}
.achievements-content .item img {
    width: fit-content;
}
.home-8 {
    padding-top: 2.5rem;
}
.home-content-8 {
    display: flex;
    gap: 2.0833rem;
    padding: 1rem;
    background: #f6f6f6;
}
.home-content-8 .home-blog-large {
    width: 60%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 1.0417rem;
}
.home-heading-8 .desc {
    margin-top: 0.5208rem;
}
.home-blog-large .item-large .desc {
    line-height: 1.35;
    color: #979797;
    font-style: italic;
    margin-top: 0.5208rem;
}
.home-blog-list {
    max-height: 34rem;
}
.home-blog-list .item-small:not(:last-child) {
    margin-bottom: 0.7rem;
}
.home-blog-list .item-small {
    gap: 0.8333rem;
}
.home-blog-list .item-small .img-wrap {
    width: 45%;
    flex-shrink: 0;
}
.home-9 {
    padding-top: 2.5rem;
}
.feedback-content {
    margin-top: 1rem;
}
.feedback-content .item {
    border-radius: 1.0417rem;
    overflow: hidden;
    filter: drop-shadow(0px 4px 4px #00000040);
    background: #fff;
    padding: 4.1667rem 1.6667rem;
    width: 100%;
    height: 100%;
    font-family: 'Inter Bold';
    color: #000;
}
.slide-feedback {
    padding: 0.5rem;
}
.home-10 {
    padding-top: 3rem;
}
.home-content-10 {
    padding-top: 1rem;
}
.home-content-10 .slide-home-10 {
    margin: 0 -0.8333rem;
}
.home-content-10 .item {
    margin: 0 0.8333rem;
}
.home-content-10 .item .logo {
    display: flex;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
}

/*custom scrollbar*/
.custom-scrollbar {
    overflow-y: auto;
    padding-right: 1rem;
}
.custom-scrollbar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 2px 2px 4px 0px #00000040;
    border-radius: 5rem;
    background-color: #fff;
}
.custom-scrollbar::-webkit-scrollbar {
    width: 0.5rem;
    background-color: #13653430;
    border-radius: 5rem;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--main-cl);
    border-radius: 5rem;
}
.text_white .custom-scrollbar::-webkit-scrollbar {
    background-color: rgba(255, 255, 255, 0.5);
}
.text_white .custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #fff;
}

/* SERVICE */
.style-li :is(ul, ol) {
    padding-left: 1.25rem;
}
.title-style {
    width: fit-content;
    color: #fff;
    text-align: center;
    padding: 0.4167rem 0.7813rem;
    background: var(--main-cl);
    border-radius: 0.7813rem;
    margin-bottom: 0;
}

.service-page {
    padding-top: 3rem;
}
.container-list-service .title-style {
    margin-bottom: 1.4rem;
}
.container-list-service .service-item:not(:last-child) {
    margin-bottom: 3rem;
}
.container-list-service .service-item .wrap-content {
    gap: 2rem;
}
.container-list-service .service-item .img-wrap {
    width: 38%;
    flex-shrink: 0;
    border-radius: 1.4583rem;
}
.container-list-service .action {
    gap: 0.9375rem;
    justify-content: flex-end;
}
.container-list-service .service-item:nth-child(even) .wrap-content {
    flex-direction: row-reverse;
}

/* BLOG */
.sidebar-fixed {
    position: sticky;
    top: 4rem;
    border-radius: 1.0417rem;
    filter: drop-shadow(0px 4px 4px #00000040);
}
.post-sidebar {
    margin-top: 2.8646rem;
    margin-left: 2rem;
    padding: 0.9375rem 0.7292rem 0.625rem 1.0417rem;
    background: #fff6f4;
}
.title-post-sidebar {
    color: #56423d;
    margin-bottom: 0.7292rem;
}
.list-post-sidebar .item:not(:last-child) {
    margin-bottom: 0.7292rem;
    padding-bottom: 0.7292rem;
    border-bottom: 1px solid #ce1e0080;
}
.list-post-sidebar .item {
    gap: 0.625rem;
}
.list-post-sidebar .item .img-wrap {
    width: 40%;
    flex-shrink: 0;
    border-radius: 0.5208rem;
}
.list-post-sidebar .item .content {
    display: flex;
    flex-direction: column;
    gap: 0.5208rem;
}
.list-post-sidebar .item .title {
    line-height: 1.4;
}
.list-post-sidebar .item .date {
    font-style: italic;
    color: #56423d;
}

.blog-page {
    padding-top: 3rem;
}
.blog-page .col-left {
    /* padding-right: 2rem; */
}
.container-list-blog {
    margin-top: 1.7708rem;
}
.container-list-blog .post-item:not(:last-child) {
    margin-bottom: 1.0417rem;
}
.post-item {
    gap: 1.4583rem;
}
.post-item .img-wrap {
    width: 16.6667rem;
    height: 100%;
    flex-shrink: 0;
    border-radius: 1.0417rem;
}
.post-item .title {
    line-height: 1.3;
}
.post-item .desc {
    text-align: justify;
    font-style: italic;
    margin-top: 0.5208rem;
    padding-right: 0.25rem;
}

/* BLOG DETAILS */
.blog-details {
    padding-top: 2.6042rem;
}
.blog-content-details {
    margin-top: 2rem;
}
.table-content h2.title {
    font-family: 'Inter Bold';
    font-size: 0.9375rem;
    color: #fff;
    margin-bottom: 0;
    padding: 0.8rem 2.0833rem;
    background: var(--body-cl);
}
.table-content ul {
    list-style: none;
    margin: 0;
}
.table-content ul li {
    line-height: normal;
}
.table-content ul li:last-child {
    margin-bottom: 0;
}
.table-content ul > li:not(:last-child) {
    margin-bottom: 0.5rem;
}
.table-content > ul {
    background: #344c7733;
    padding: 0.8rem 0.9375rem;
    padding-left: 2rem;
}
.table-content > ul a {
    color: var(--body-cl);
}
.table-content > ul a:hover {
    color: var(--main-cl);
}
.table-content > ul > li > a {
    font-family: 'Inter Bold';
    font-size: 0.9375rem;
}
.table-content ul.sub-heading {
    margin-top: 0.625rem;
    padding-left: 1.2rem;
}
.table-content ul.sub-heading > li:not(:last-child) {
    margin-bottom: 0.2rem;
}
.table-content ul.sub-heading a {
    /* font-family: 'Inter Medium'; */
    font-size: 0.88rem;
}

.blog-content-details .post-content {
    margin-top: 1.5rem;
}
.post-content ul,
.post-content ol {
    padding-left: 2.2rem;
}
.post-content iframe {
    height: 20rem;
    border-radius: 1.042rem;
}
.post-content {
    margin-top: 2.5rem;
}
.post-content :is(h1, h2, h3, h4, h5, h6) {
    font-family: 'Inter Bold';
    color: var(--body-cl);
    margin-bottom: 0.5208rem;
}
.post-content :is(h1, h2) {
    font-size: 1.0417rem;
}
.post-content :is(h3, h4, h5, h6) {
    font-size: 0.9375rem;
    font-style: italic;
}
.post-content :is(h1, h2) + :is(h3, h4, h5, h6) {
    padding-left: 1.4rem;
    margin-top: 1.3rem;
}
.post-content :is(ul, ol) + :is(h3, h4, h5, h6) {
    padding-left: 1.4rem;
}
.post-content :is(ul, ol) {
    padding-left: 2.4rem;
}
.post-content li {
    margin-bottom: 0.2rem;
}
.post-content :is(h3, h4, h5, h6) + :is(ul, ol) {
    padding-left: 3.4rem;
}
.post-content :is(strong, b) {
    font-family: 'Inter Bold';
}
.post-content p > img {
    margin-top: 1.25rem;
}
.post-content :is(img, figure) {
    width: 100% !important;
}
.post-content figcaption {
    background-color: transparent !important;
    padding-top: 0.5208rem;
    color: var(--body-cl);
    font-size: 0.833rem;
    text-align: center;
    font-style: italic;
}
.blog-details-footer {
    margin-top: 0.8333rem;
}
.blog-details-footer .tags {
    display: flex;
    flex-direction: column;
    gap: 0.8333rem;
}
.title-tour-related.title-style,
.blog-details-footer .tags span.label {
    border-radius: 0.5208rem;
}
.blog-details-footer .list-tags {
    display: flex;
    column-gap: 0.4167rem;
    row-gap: 0.9375rem;
    flex-wrap: wrap;
}
.blog-details-footer .list-tags > a {
    display: block;
    width: fit-content;
    font-family: 'Inter Medium';
    font-size: 0.7292rem;
    color: var(--body-cl);
    text-align: center;
    background: #344c7733;
    padding: 0.4rem 0.8rem;
    border-radius: 0.3rem;
}
.blog-details-footer .list-tags > a:hover {
    background: var(--body-cl);
    color: #fff;
}

.a-style a {
    color: var(--main-cl) !important;
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0.5px;
    text-decoration-color: transparent;
    transition: 0.35s all;
}
.a-style a:hover {
    text-decoration-color: currentColor;
}

.tour-related {
    padding-top: 4rem;
}
.list-tour-related {
    margin-top: 1.0417rem;
}
.tour-item-details {
    background: #fff6f4;
    border-radius: 0.7292rem;
    overflow: hidden;
    filter: drop-shadow(0px 4px 4px transparent);
    transition: 0.35s all;
}
.tour-item-details:hover {
    filter: drop-shadow(0px 4px 4px #00000040);
}
.tour-item-details > .inner {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    padding: 0.625rem 0.7292rem 0.7292rem;
}
.tour-item-details .img-wrap {
    border-radius: 0.9375rem;
}
.tour-item-details:hover .title {
    color: var(--main-cl) !important;
}
.tour-item-details .price {
    margin-top: 0.625rem;
}
.tour-item-details .price-origin {
    font-style: italic;
    text-decoration: line-through;
    color: #888888;
}
.tour-item-details .infos {
    display: flex;
    flex-direction: column;
    gap: 0.625rem;
    margin-top: 0.3rem;
    padding-top: 0.7rem;
    border-top: 1px solid var(--main-cl);
}
.tour-item-details .infos span.icon {
    display: flex;
    align-items: center;
    width: fit-content;
    flex-shrink: 0;
    margin-right: 0.5rem;
}
.tour-item-details .infos span.icon > img {
    width: 1rem;
    height: 1rem;
    object-fit: contain;
}
.tour-item-details .infos span.label {
    font-family: 'Inter Medium';
    font-size: 0.7813rem;
    font-style: italic;
}
.tour-item-details .action {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.625rem;
}
.tour-action-1.btn {
    border: 1px solid var(--four-cl);
    border-radius: 5px;
    background: #fff;
    padding: 0.6rem 0.4rem;
}
.tour-action-1 span.text {
    color: var(--four-cl);
}
.tour-action-1:hover {
    background: var(--four-cl);
}
.tour-action-1:hover span.text {
    color: #fff;
}
.tour-action-2.btn {
    border: 1px solid transparent;
    border-radius: 5px;
    background: var(--main-cl);
    padding: 0.6rem 0.4rem;
}
.tour-action-2 span.text {
    color: #fff;
}
.tour-action-2:hover {
    border-color: var(--main-cl);
    background: #fff;
}
.tour-action-2:hover span.text {
    color: var(--main-cl);
}
.bg-image {
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}

/* TOUR HOT PAGE */
.tour-hot-intro {
    padding-top: 2.5rem;
}
.tour-hot-heading {
    position: relative;
    width: fit-content;
    margin: 0 auto;
    padding: 1rem 2.5rem;
}
.tour-hot-summary {
    margin-top: 1.2rem;
}
.tour-hot-summary p {
    margin-bottom: 0;
    color: var(--body-cl);
}
.tour-hot-list {
    padding-top: 2.0833rem;
}
.tour-hot-list .list-tour {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.0417rem;
}
.tour-tag {
    position: absolute;
    top: 1.5rem;
    left: 0.45rem;
    width: 5rem;
    height: 1.6667rem;
    z-index: 2;
}
.tour-tag::after,
.tour-tag::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/graphic/tag-hot.png);
    background-repeat: no-repeat;
    background-size: cover;
    animation: tagFlip 1s step-end infinite;
}
.tour-tag::after {
    background-image: url(../images/graphic/tag-hot-2.png);
    animation: tagFlip 1s step-end infinite reverse;
}
@keyframes tagFlip {
    0%,
    49.9% {
        opacity: 1;
    }
    50%,
    100% {
        opacity: 0;
    }
}
.load-more-tour {
    margin-top: 1.4583rem;
}
.load-more-tour .btn {
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (max-width: 991px) {
    .tour-hot-banner .img-wrap {
        max-height: 15.5rem;
    }
    .tour-hot-intro {
        padding: 1.4rem 0 1.5rem;
    }
    .tour-hot-heading > img {
        width: 9.5rem;
    }
    .tour-hot-heading > h1 {
        font-size: 1.375rem;
    }
    .tour-hot-list {
        padding: 1.3rem 0 1.6rem;
    }
    .tour-hot-list .list-tour-related {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .tour-links-grid {
        grid-template-columns: 1fr 1fr;
    }
}
@media only screen and (max-width: 767px) {
    .tour-hot-banner .img-wrap {
        max-height: 12rem;
    }
    .tour-hot-summary {
        margin-top: 0.9rem;
    }
    .tour-hot-summary p {
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .tour-hot-list .list-tour-related {
        grid-template-columns: 1fr;
        gap: 0.9rem;
    }
    .tour-hot-list .tour-item-details > .inner {
        padding: 0.7rem;
    }
    .load-more-tour {
        margin-top: 1.1rem;
    }
}

/* TOUR DETAILS PAGE */
.tour-details-page {
    background: #fff;
}
.tour-details-banner .img-wrap {
    max-height: 20.5rem;
}
.tour-details-banner .img-wrap > img {
    width: 100%;
    object-fit: cover;
}
.tour-details-hero {
    padding-top: 1.4583rem;
}
.tour-details-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 0.52rem;
    row-gap: 0.1rem;
}
.tour-details-breadcrumb > a {
    color: var(--body-cl);
}
.tour-details-breadcrumb > a:hover {
    color: var(--main-cl);
}
.tour-details-title {
    margin-top: 0.8rem;
}
.tour-detail-layout {
    margin-top: 1.2rem;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18.6rem;
    gap: 1.0417rem;
    align-items: start;
}
.tour-detail-gallery {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 16.5rem;
    gap: 0.75rem;
}
.tour-detail-gallery .img-wrap {
    border-radius: 0.7813rem;
}
.tour-detail-gallery-main .img-wrap {
    height: 26.5rem;
}
.tour-detail-gallery-stack {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 0.75rem;
}
.tour-detail-gallery-stack .img-wrap {
    height: 12.875rem;
}
.tour-detail-meta {
    margin-top: 0.8333rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}
.tour-detail-chip {
    display: inline-flex;
    align-items: center;
    gap: 0.4167rem;
    border: 1px solid #344c772b;
    border-radius: 0.4167rem;
    padding: 0.35rem 0.52rem;
    background: #fff;
}
.tour-detail-chip span.icon {
    display: flex;
    width: 0.92rem;
    height: 0.92rem;
}
.tour-detail-chip span.icon > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.tour-detail-chip span.text {
    font-family: 'Inter Medium';
    font-size: 0.7292rem;
    color: var(--body-cl);
}
.tour-detail-chip.highlight {
    border-color: var(--main-cl);
    background: #fff6f4;
}
.tour-detail-chip.highlight span.text {
    color: var(--main-cl);
}
.tour-book-card {
    background: #fff6f4;
    border: 1px solid #ce1e001f;
    border-radius: 0.8333rem;
    padding: 0.8333rem;
    position: sticky;
    top: 6.5rem;
}
.tour-book-price {
    border-bottom: 1px solid #ce1e0026;
    padding-bottom: 0.75rem;
}
.tour-book-price .price-origin {
    margin-top: 0.25rem;
    text-decoration: line-through;
    color: #888;
}
.tour-book-price .price-sale {
    margin-top: 0.1rem;
    line-height: 1.2;
}
.tour-book-summary {
    padding-top: 0.72rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}
.tour-book-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
}
.tour-book-line .label {
    font-family: 'Inter Medium';
    font-size: 0.7813rem;
    color: #6d6d6d;
}
.tour-book-line .value {
    font-family: 'Inter Bold';
    font-size: 0.7813rem;
    color: var(--body-cl);
}
.tour-book-line .value.status-left {
    color: var(--sub-cl);
}
.tour-book-actions {
    margin-top: 0.72rem;
    display: flex;
    flex-direction: column;
    gap: 0.52rem;
}
.tour-book-actions .btn {
    justify-content: center;
    width: 100%;
    gap: 0.5rem;
}
.tour-book-hotline {
    margin-top: 0.82rem;
    border-top: 1px dashed #ce1e004f;
    padding-top: 0.72rem;
}
.tour-book-hotline .phone {
    display: inline-block;
    margin-top: 0.15rem;
    margin-bottom: 0.3rem;
}

.tour-details-nav {
    padding-top: 1.3rem;
}
.tour-anchor-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
}
.tour-anchor-nav a {
    font-family: 'Inter Medium';
    font-size: 0.8333rem;
    color: var(--body-cl);
    border: 1px solid #344c7740;
    border-radius: 1.2rem;
    padding: 0.38rem 0.82rem;
}
.tour-anchor-nav a:hover {
    border-color: var(--main-cl);
    color: var(--main-cl);
}

.tour-section-title {
    margin-bottom: 0.8333rem !important;
}

.tour-schedule,
.tour-highlight,
.tour-itinerary,
.tour-inclusions,
.tour-notes,
.tour-details-related {
    padding-top: 1.875rem;
}

.tour-table-wrap {
    overflow-x: auto;
    border-radius: 0.8333rem;
    border: 1px solid #344c7726;
    background: #fff;
}
.tour-schedule-table {
    width: 100%;
    min-width: 43rem;
    border-collapse: collapse;
}
.tour-schedule-table th,
.tour-schedule-table td {
    padding: 0.72rem 0.82rem;
    font-size: 0.7813rem;
    line-height: 1.4;
    text-align: left;
    color: var(--body-cl);
    border-bottom: 1px solid #344c7717;
}
.tour-schedule-table th {
    font-family: 'Inter Bold';
    color: #fff;
    background: var(--body-cl);
    border-bottom: none;
}
.tour-schedule-table tbody tr:last-child td {
    border-bottom: none;
}
.status-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.5rem;
    border-radius: 1rem;
    font-family: 'Inter Medium';
    font-size: 0.677rem;
    padding: 0.15rem 0.5rem;
}
.status-tag.ok {
    background: #41b2041f;
    color: #2b8f00;
}
.status-tag.running {
    background: #ce1e001f;
    color: var(--main-cl);
}
.status-tag.full {
    background: #8888882e;
    color: #666;
}
.tour-table-link {
    font-family: 'Inter Bold';
    font-size: 0.7292rem;
    color: var(--main-cl);
}

.tour-highlight-box,
.tour-policy-box,
.tour-note-box {
    border: 1px solid #344c7720;
    border-radius: 0.8333rem;
    background: #fff;
    padding: 0.8333rem;
}
.tour-highlight-box ul,
.tour-policy-box ul,
.tour-note-box ul {
    margin: 0;
    padding-left: 1.2rem;
}
.tour-highlight-box li,
.tour-policy-box li,
.tour-note-box li {
    font-family: 'Inter Regular';
    font-size: 0.8333rem;
    color: var(--body-cl);
    line-height: 1.45;
}
.tour-highlight-box li + li,
.tour-policy-box li + li,
.tour-note-box li + li {
    margin-top: 0.35rem;
}

.tour-itinerary-list {
    display: flex;
    flex-direction: column;
    gap: 1.0417rem;
}
.tour-itinerary-item {
    display: flex;
    align-items: stretch;
    gap: 1.0417rem;
    padding: 0.8333rem;
    border-radius: 0.8333rem;
    border: 1px solid #344c7720;
    background: #fff;
}
.tour-itinerary-item.reverse {
    flex-direction: row-reverse;
}
.tour-itinerary-media {
    flex: 0 0 17.5rem;
    border-radius: 0.72rem;
}
.tour-itinerary-content {
    display: flex;
    flex-direction: column;
    gap: 0.52rem;
}
.tour-itinerary-content > p {
    margin-bottom: 0;
    line-height: 1.45;
}
.tour-day-label {
    width: fit-content;
    font-family: 'Inter Bold';
    font-size: 0.72rem;
    color: #fff;
    border-radius: 0.35rem;
    background: var(--body-cl);
    padding: 0.18rem 0.48rem;
}

.tour-inclusions .row,
.tour-notes .row {
    row-gap: 1.0417rem;
}

.tour-details-related .list-tour-related {
    margin-top: 0.8333rem;
}

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

.breadcrumbs ol {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 100%;
}
.breadcrumbs ol > li {
    display: inline;
    font-family: 'Inter Regular';
    font-weight: unset;
    font-size: 0.9375rem;
    line-height: 1.5;
    color: #888888;
}
.breadcrumbs ol > li:first-of-type > a span.icon {
    background: var(--sub-cl);
    padding: 0.5208rem;
    display: inline-flex;
    width: fit-content;
    justify-content: center;
}
.breadcrumbs ol > li:first-of-type > a span.icon > img {
    width: 0.625rem;
    /* height: 100%; */
    object-fit: contain;
}
.breadcrumbs ol > li:last-of-type {
    font-family: 'Inter Bold';
    color: #888888;
}
.breadcrumbs ol > li a {
    font-family: inherit;
    font-weight: normal;
    color: inherit;
    font-size: 0.7292rem;
}
.breadcrumbs ol > li + li {
    margin-left: 0.2604rem;
}
.breadcrumbs ol > li + li:before {
    left: 0;
    position: relative;
    content: '';
    height: 0.833rem;
    width: 2px;
    opacity: 0.5;
    background: rgba(32, 32, 32, 0.5);
    margin-right: 0.26rem;
    display: inline-block;
    top: 2px;
}

.breadcrumb-single {
    margin-top: 1.5625rem;
    margin-bottom: 3.125rem;
}
.breadcrumbs ol [itemprop='title'] {
    font-style: normal;
}
.text-white .breadcrumbs ol > li a {
    color: #fff !important;
    opacity: 0.5;
    transition: 0.4s all;
}
.text-white .breadcrumbs ol > li a:hover {
    opacity: 1;
}
.text-white .breadcrumbs ol > li + li a {
    color: #fff !important;
    opacity: 1;
}
.text-white .breadcrumbs ol > li + li:before {
    background: #fff;
    opacity: 0.5;
}
/* --------- */

/* ABOUT */
.about-1 {
    padding-top: 2.0833rem;
}
.title-about-1 {
    margin-bottom: 1.2rem;
}
.about-img-1 span.action {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.8;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 21;
    transition: 0.3s all;
}
.about-img-1 span.action img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.about-img-1 span.action:hover {
    opacity: 1;
}
.action span.effect {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.action span.effect circle.eff_1 {
    animation: scaleEffect1 4s ease-in-out infinite;
    transform-origin: center;
}
.action span.effect circle.eff_2 {
    animation: opacityEffect2 4s ease-in-out infinite;
    transform-origin: center;
}
@keyframes scaleEffect1 {
    0% {
        transform: scale(0.5);
    }
    25% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    100% {
        transform: scale(0.5);
    }
}
@keyframes opacityEffect2 {
    0% {
        opacity: 1;
        transform: scale(0.5);
    }
    25% {
        opacity: 0;
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        transform: scale(0.5);
    }
}
.about-2 {
    margin-top: 2.5rem;
    padding: 0.7813rem 0;
    background: #fff6f4;
}
.about-list-2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4rem;
}
.about-list-2 .item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about-list-2 .item .icon > img {
    width: fit-content;
    height: 3.5rem;
    object-fit: contain;
}
.about-list-2 .item .title {
    width: fit-content;
    margin-top: 0.7292rem;
    margin-bottom: 0.5rem;
}
.about-list-2 .item .desc {
    text-align: justify;
}
.about-3 {
    padding-top: 2.0833rem;
}
.about-list-3 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.25rem;
    margin-top: 1rem;
}
.about-list-3 .img-wrap {
    border-radius: 1.3021rem;
}
.about-list-3 .title {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-shadow: 0px 4px 4px #00000040;
    padding: 1rem;
}
.about-list-3 .item-hover:hover .title {
    color: #fff !important;
}
.about-4 {
    padding: 2.0833rem 0 2.7083rem;
    margin-top: 2.0833rem;
    background: #fff6f4;
}
.about-marquee-4.marquee-container {
    margin-top: 1rem;
}
.about-5 {
    padding-top: 2rem;
}
.about-6 {
    padding-top: 2.0833rem;
}
.about-7 {
    padding-top: 2.6042rem;
}
.about-content-7 {
    margin-top: 1.6667rem;
}
.about-content-7 .box-logo {
    width: fit-content;
    margin: 0 auto;
}
.about-content-7 .box-logo > img {
    width: fit-content;
    height: 4rem;
    object-fit: contain;
}
.title-about-7 {
    margin-top: 1.25rem;
}
.about-content-7 .list-contact {
    margin-top: 0.9375rem;
}
.about-content-7 .list-contact .item {
    display: flex;
    align-items: center;
    gap: 0.7292rem;
}
.about-content-7 .list-contact .item:not(:last-child) {
    margin-bottom: 0.3rem;
}
.about-content-7 .list-contact span.icon {
    display: flex;
    width: 0.9375rem;
    height: 0.9375rem;
    flex-shrink: 0;
}
.about-content-7 .list-contact span.icon > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.about-content-7 .list-contact a {
    font-family: 'Inter Regular';
    color: var(--body-cl);
    text-decoration: underline;
}
.about-content-7 .list-contact a:hover {
    color: var(--main-cl);
}
.form-register {
    border-radius: 1.5625rem;
    padding: 2.3438rem 1.9792rem 1.4583rem;
    background: var(--sub-cl);
}
.form-register .box-form {
    margin-top: 1.25rem;
}

/* RECRUIT */
.recruit-page {
    padding-top: 3.4375rem;
}
.container-list-recruit {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 12rem;
    row-gap: 1.4rem;
}

.rercuit-item {
    display: flex;
    align-items: center;
    gap: 1.0417rem;
    border-radius: 1.5625rem;
    border: 1px solid var(--main-cl);
    background: #fff;
    overflow: hidden;
    transition: 0.35s all;
}
.rercuit-item .title {
    width: fit-content;
}
.rercuit-item .title a {
    transition: 0.3s all;
}
.rercuit-item .title:hover {
    color: var(--main-cl);
}
.rercuit-item .img-wrap {
    width: 8.8542rem;
    height: 100%;
    border-radius: 0 1.0417rem 1.0417rem 0;
    flex-shrink: 0;
}
.rercuit-item .img-wrap > img {
    object-fit: unset;
}
.rercuit-item .contents {
    gap: 1rem;
    flex-grow: 1;
    padding-top: 0.8333rem;
    padding-bottom: 0.8333rem;
    padding-right: 1.6667rem;
}
.rercuit-item .desc .item {
    gap: 0.3rem;
}
.rercuit-item .action {
    width: 1.4rem;
    height: 1.4rem;
    flex-shrink: 0;
}
.rercuit-item .action > a {
    display: flex;
    width: 100%;
    height: 100%;
}
.rercuit-item .action img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.action-load-more {
    margin-top: 2.5rem;
    display: flex;
    justify-content: center;
}

/* RECRUIT DETAILS */
.recruit-details {
    padding-top: 3.5417rem;
}
.recruit-details-content {
    padding-right: 2rem;
}
.recruit-details-content table {
    width: 100% !important;
    border: 1px solid var(--four-cl);
    border-bottom: none;
    margin: 0;
}
.recruit-details-content table :is(th, td) {
    color: var(--body-cl);
    border-color: var(--four-cl);
    padding: 0.5rem 0.75rem;
    font-size: 0.8333rem;
    height: 100% !important;
}
.recruit-details-content table tr > td:first-child {
    width: 20%;
    text-align: center;
    border-right: 1px solid var(--four-cl);
}
.recruit-details-content .post-content {
    margin-top: 1.8rem;
}
.recruit-details-content .post-content table :is(ul, ol) {
    padding-left: 1rem;
}
.recruit-details-btn {
    margin-top: 1.4rem;
}
.recruit-details-sidebar.sidebar-fixed {
    filter: unset;
    margin-top: 0;
    top: 6rem;
}
.recruit-details-sidebar > .box-img {
    display: flex;
    flex-direction: column;
    gap: 1.9792rem;
}
.recruit-details-sidebar .img-wrap {
    width: 14rem;
    aspect-ratio: 1 / 1;
}
.recruit-details-sidebar .img-wrap:hover img {
    transform: scale(1.05);
}

/* TOUR GROUP */
.tour-group-page {
    padding-top: 2.0833rem;
}
.tour-group-content .wrap-item:not(:last-child) {
    margin-bottom: 2.0833rem;
}
.tour-group-content .wrap-item:nth-child(even) {
    position: relative;
    z-index: 1;
    padding: 2rem 0;
}
.tour-group-content .wrap-item:nth-child(even)::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: 300%;
    height: 100%;
    transform: translateX(-50%);
    background: #fff6f4;
    z-index: -1;
    pointer-events: none;
}

.tour-group-content .wrap-item > .title {
    width: fit-content;
    margin: 0 auto;
}
.tour-group-content .container-list-tour {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.0417rem 0.7292rem;
    margin-top: 1.6rem;
}
.tour-group-content .load-more-tour {
    margin-top: 2.5rem;
}

/* TOUR DETAILS */
.title-tour-details {
    margin-top: 1.2rem;
}
.tour-details-overview {
    margin-top: 0.8rem;
}
.tour-details-overview .tour-gallery-wrap {
    display: flex;
    gap: 0.7813rem;
    height: 21.5rem;
}
.tour-details-overview .gallery-main {
    width: 72%;
    flex-shrink: 0;
    height: 100%;
}
.tour-details-overview .slide-thumb,
.tour-details-overview .slide-main,
.tour-details-overview .gallery-main .img-wrap {
    height: 100%;
}
.tour-details-overview .slide-thumb .img-wrap {
    position: relative;
    padding: 1px;
    cursor: pointer;
}
.tour-details-overview .gallery-thumb {
    width: calc((100% - 72%) - 0.7813rem);
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tour-details-overview .gallery-thumb .img-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--main-cl);
    pointer-events: none;
    z-index: -1;
    opacity: 0;
}
.tour-details-overview .gallery-thumb .img-wrap:hover:before,
.tour-details-overview .gallery-thumb .slide-thumb-active .img-wrap:before {
    opacity: 1;
}
.departure-schedule-wrap {
    padding-top: 1.6rem;
}
.departure-schedule-wrap .table_custom {
    margin-top: 1rem;
}
.table_custom #jobs_table_title {
    background: var(--main-cl);
    border-top-left-radius: 0.833rem;
    border-top-right-radius: 0.833rem;
    overflow: hidden;
}
.table_custom #jobs_table_list {
    border-bottom: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-bottom-left-radius: 0.833rem /* 16/19.2 */;
    border-bottom-right-radius: 0.833rem /* 16/19.2 */;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
}
.table_custom ul > li {
    display: flex;
    align-items: center;
    margin-left: 0;
}
.table_custom ul > li:not(:last-child) {
    border-bottom: 1px solid #ebebeb;
}
.table_custom ul > li > span {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.625rem;
    width: 100%;
}
.table_custom #jobs_table_list > li > span:first-child,
.table_custom #jobs_table_title > li > span:first-child {
    width: 10%;
    padding-left: 1rem;
    flex-shrink: 0;
}
.table_custom #jobs_table_list > li > span {
    font-family: 'Inter Regular';
    font-size: 0.9375rem;
    text-align: center;
}
.table_custom ul > li.title > span {
    height: 2.5rem;
    font-family: 'Inter Bold';
    font-size: 0.9375rem;
    line-height: 1.4;
}
.table_custom #jobs_table_title > li > span {
    display: flex;
    align-items: center;
    border-right: 1px solid rgb(255 255 255);
    color: #fff;
}
.table_custom #jobs_table_title > li > span:last-child {
    border: none;
}
.table_custom #jobs_table_list > li:hover {
    background: #ff70000d;
}
.table_custom #jobs_table_list > li > span {
    height: 3rem;
}
.table_custom #jobs_table_list > li > span:not(:last-child) {
    border-right: 1px solid #ebebeb;
}
.table_custom #jobs_table_list > li > span > strong {
    display: none;
}
.table_custom #jobs_table_list .action > a {
    background: transparent;
    padding: 0.3rem 0.8rem;
    color: #fff;
    line-height: normal;
    border-radius: 0.7813rem;
    min-width: 5rem;
    display: block;
}
.table_custom #jobs_table_list .action.status-full > a {
    cursor: not-allowed;
    background: #ebebeb;
    border: 1px solid #d9d9d9;
    color: #888;
}
.table_custom #jobs_table_list .action.status-almost-finished > a {
    background: var(--main-cl);
    border: 1px solid var(--main-cl);
}
.table_custom #jobs_table_list .action.status-available > a {
    background: var(--sub-cl);
    border: 1px solid var(--sub-cl);
}
.table_custom #jobs_table_list .action.status-almost-finished > a:hover {
    border-color: var(--main-cl);
    background: #fff;
    color: var(--main-cl);
}
.table_custom #jobs_table_list .action.status-available > a:hover {
    border-color: var(--sub-cl);
    background: #fff;
    color: var(--sub-cl);
}
.departure-schedule-wrap .action-load-more {
    margin-top: 1.5rem;
}
.departure-schedule-wrap .btn {
    border-radius: 5rem;
}
.tour-highlights-wrap {
    padding-top: 2rem;
}
.content-tour-highlights {
    border: 1px solid var(--main-cl);
    border-radius: 1.3021rem;
    padding: 0.9375rem 1rem;
    margin-top: 0.8rem;
}
.content-tour-highlights :is(ul, ol) {
    list-style: none;
}
.content-tour-highlights li {
    position: relative;
    padding-left: 1.2rem;
}
.content-tour-highlights li::before {
    content: '';
    position: absolute;
    top: 0.3rem;
    left: 0;
    width: 0.75rem;
    height: 0.75rem;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTEiIHZpZXdCb3g9IjAgMCAxMiAxMSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuNzA2MyAwTDcuMDUzMzggNC4xNDU5SDExLjQxMjZMNy44ODU5MyA2LjcwODJMOS4yMzMwMSAxMC44NTQxTDUuNzA2MyA4LjI5MThMMi4xNzk1OSAxMC44NTQxTDMuNTI2NjcgNi43MDgyTC00LjAwNTQzZS0wNSA0LjE0NTlINC4zNTkyMUw1LjcwNjMgMFoiIGZpbGw9IiNDRTFFMDAiLz4KPC9zdmc+Cg==');
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}
.detailed-schedule-wrap {
    display: flex;
    gap: 1rem;
    padding-top: 1.6rem;
}
.summary-schedule.sidebar-fixed {
    filter: none;
}
.detailed-schedule-wrap .summary-schedule {
    width: 28%;
    height: fit-content;
    flex-shrink: 0;
}
.detailed-schedule-wrap .summary-schedule .list-content {
    margin-top: 1rem;
}
.detailed-schedule-wrap .summary-schedule .list-content .item:not(:last-child) {
    margin-bottom: 0.7292rem;
}

.detailed-schedule-wrap .content-schedule .list-content .item,
.detailed-schedule-wrap .summary-schedule .list-content .item {
    padding-left: 0.9375rem;
}
.detailed-schedule-wrap .content-schedule .list-content .item::after,
.detailed-schedule-wrap .content-schedule .list-content .item::before,
.detailed-schedule-wrap .summary-schedule .list-content .item::after,
.detailed-schedule-wrap .summary-schedule .list-content .item::before {
    content: '';
    position: absolute;
    top: 35%;
    left: 1px;
    width: 2px;
    height: 200%;
    background: var(--main-cl);
    pointer-events: none;
}
.detailed-schedule-wrap .content-schedule .list-content .item:last-child::before {
    height: 99%;
}
.detailed-schedule-wrap .summary-schedule .list-content .item:last-child::before {
    content: unset;
}
.detailed-schedule-wrap .content-schedule .list-content .item::after,
.detailed-schedule-wrap .summary-schedule .list-content .item::after {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 5rem;
    top: 30%;
    left: -0.12rem;
}
.detailed-schedule-wrap .content-schedule .list-content .item::after,
.detailed-schedule-wrap .content-schedule .list-content .item::before {
    top: 0.4rem;
}

.detailed-schedule-wrap .summary-schedule .title-style {
    border-radius: 0.2604rem;
}
.detailed-schedule-wrap .summary-schedule .label {
    margin-top: 0.3rem;
}
.detailed-schedule-wrap .summary-schedule .label em {
    font-family: 'Inter Regular';
}
.detailed-schedule-wrap .content-schedule .list-content {
    margin-top: 1rem;
}
.detailed-schedule-wrap .content-schedule .content {
    margin-top: 0.7rem;
}
.detailed-schedule-wrap .content-schedule .note {
    gap: 0.5rem;
}
.tour-accordion-wrapper .accordion_item:not(:last-child) {
    margin-bottom: 0.5rem;
}
.tour-accordion-wrapper .accordion_title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    justify-content: center;
    background: #fff;
    color: var(--body-cl);
    border: 0.5px solid #344c77b2;
    padding: 0.3rem 1rem;
    cursor: pointer;
}
.tour-accordion-wrapper .accordion_title:hover,
.tour-accordion-wrapper .accordion_title.active {
    background: var(--four-cl);
    color: #fff;
}
.tour-accordion-wrapper .accordion_title path {
    stroke: var(--body-cl);
}
.tour-accordion-wrapper .accordion_title span.title {
    font-family: 'Inter Bold';
    font-size: 0.7292rem;
}
.tour-accordion-wrapper .accordion_title svg {
    width: 0.625rem;
    height: 0.625rem;
}
.tour-accordion-wrapper .accordion_title.active path {
    stroke: #fff;
}
.tour-accordion-wrapper .accordion_title.active path:nth-child(1) {
    opacity: 0;
}
.tour-accordion-wrapper .accordion_content {
    background: #ffffff;
}
.tour-accordion-wrapper .accordion_content .post-content {
    margin-top: 0.8rem;
    margin-bottom: 0.8rem;
}
.tour-details {
    padding-top: 2rem;
}
.booking-sidebar.sidebar-fixed {
    filter: none;
    margin-left: 5rem;
}
.booking-sidebar .inner {
    background: #f9f9f9;
    padding: 1.25rem;
    box-shadow: 0px 4px 4px 3px #0000001a;
    border-radius: 1.5625rem;
}
.booking-sidebar .inner .action {
    width: fit-content;
    margin: 1rem auto 0;
}

.tour-external-category {
    padding-top: 2.0833rem;
}
.group-tour-external .desc {
    margin-top: 0.8rem;
}
.container-tour-external {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.1rem;
    margin-top: 1rem;
}

/* filter tour */
.btn-close-filter,
.fixed-show-filter-btn {
    display: none;
}
.box-terms-tour.sidebar-fixed {
    filter: none;
    margin-top: 3rem;
}
.box-terms-tour .filter-outer {
    background: #fff6f4;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 1.25rem;
    padding: 0.7813rem 1.0417rem;
}
.box-terms-tour .filter-outer .title {
    padding-bottom: 0.5rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #56423d80;
}
.box-terms-tour .action-filter {
    margin-top: 1rem;
}

label.style-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.5s all;
    font-weight: normal;
}

label.style-checkbox:hover span.label {
    color: var(--main-cl) !important;
}

.style-checkbox input[type='checkbox'] {
    flex-shrink: 0;
    position: relative;
    appearance: none;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 100%;
    margin: 0;
    cursor: pointer;
    /* border: 1px solid transparent; */
    background: #fff;
    box-shadow: 0px 1px 1px 0px #00000040 inset;
    overflow: hidden;
}
.style-checkbox input[type='checkbox']::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150%;
    height: 150%;
    background: var(--four-cl);
    opacity: 0;
    transition: 0.5s all;
    pointer-events: none;
    z-index: 1;
}
.style-checkbox input[type='checkbox']:checked::after {
    opacity: 1;
}

/*-----------------*/
#wrapper,
#main {
    background: #ffffff;
}
#main {
    padding-top: var(--header-height);
}
.col {
    padding: 0 0.7813rem;
}
.container,
.grid-container,
.row {
    max-width: var(--container-w) !important;
}
body {
    font-family: 'Inter Regular';
    color: var(--body-cl);
    margin: 0 !important;
    background-color: #fff;

    /*overflow-x: hidden;*/
}
@media (min-width: 1200px) {
    body,
    html {
        font-size: 1vw;
    }
}
@media only screen and (max-width: 1699px) {
    :root {
        --container-w: 80rem;
    }

    header #logo {
        margin-bottom: 0;
    }
    header #logo img,
    header .stuck #logo img {
        height: 3.5rem;
    }
    .menu-header-primary li > a {
        font-size: 1.08rem;
    }

    .actions-search,
    .header-main .search-form-header {
        margin-right: 0;
    }
    .header-top {
        padding: 1.2rem 0 0.7rem;
    }
    .menu-header-primary {
        gap: 0.7rem;
    }

    .content-footer {
        font-size: 1.05rem;
    }
    .content-footer p:not(:last-child) {
        margin-bottom: 0.75rem;
    }
    .menu-footer > li:not(:last-child) {
        margin-bottom: 0.6rem;
    }
    .wrap-menu-footer > .item:nth-child(2) {
        margin-left: 3rem;
    }
    footer .col-left {
        padding-right: 3.5rem;
    }
    .title-footer {
        font-size: 1.25rem;
    }
    footer .list-socials ul a {
        width: 2.2rem;
        height: 2.2rem;
    }
    .footer-links .menu-title {
        font-size: 1.15rem;
    }
    .menu-footer ul > li > a {
        font-size: 1.02rem;
    }
    .footer-fixed .hotline span.icon {
        width: 1.4rem;
        height: 1.4rem;
    }
    .footer-info .search-form-header.style-2 .input-search::placeholder,
    .footer-info .box-info span.text,
    .footer-fixed .item .label,
    .footer-fixed .hotline span.text {
        font-size: 0.9rem;
    }
    .footer-fixed .item .number {
        font-size: 1.4rem;
    }
    footer .search-form-header.style-2 .input-search {
        height: 2.8rem;
    }
    .copyright {
        font-size: 0.8rem;
    }
    .footer-info .list-socials img {
        width: 1.8rem;
        height: 1.8rem;
    }

    .fs-25 {
        font-size: 1.15rem;
    }
    .fs-55 {
        font-size: 2.5rem;
    }
    .fs-40 {
        font-size: 1.8rem;
    }
    .lh-24 {
        line-height: 1.55rem;
    }
    .fs-14 {
        font-size: 0.9rem;
    }
    .fs-16 {
        font-size: 1rem;
    }
    .fs-18 {
        font-size: 1.12rem;
    }
    .fs-64 {
        font-size: 3rem;
    }

    .subtitle-sec {
        font-size: 0.95rem;
    }
    .title-sec + .desc-sec {
        margin-top: 0.8rem;
    }
    .title-sec {
        font-size: 2.5rem;
    }
    .desc-sec {
        font-size: 1.15rem;
    }
    .nav-tab-page li > a {
        font-size: 0.95rem;
    }
    .title-group > .fs-72 {
        font-size: 3.4rem;
    }

    .btn span.text {
        font-size: 0.95rem;
    }

    /* RECRUIT */
    .rercuit-item .action {
        width: 1.6rem;
        height: 1.6rem;
    }
    .rercuit-item .title {
        font-size: 1.15rem;
    }

    /* RECRUIT DETAILS */
    .recruit-details-content table :is(th, td) {
        font-size: 1rem;
    }
    .recruit-details-sidebar > .box-img {
        gap: 1.4rem;
    }

    /* BLOG */
    .title-blog-page {
        font-size: 1.35rem;
    }
    .post-item .title {
        font-size: 1.08rem;
    }
    .post-item .desc {
        font-size: 0.95rem;
        line-height: 1.45;
        -webkit-line-clamp: 5;
    }
    .title-post-sidebar {
        font-size: 1.2rem;
    }
    .list-post-sidebar .item .title {
        font-size: 0.95rem;
    }
    .list-post-sidebar .item .date {
        font-size: 0.8rem;
    }

    /* BLOG DETAILS */
    .table-content h2.title {
        font-size: 1.15rem;
    }
    .table-content > ul > li > a {
        font-size: 1rem;
    }
    .table-content ul.sub-heading a {
        font-size: 0.95rem;
    }
    .table-content ul.sub-heading > li:not(:last-child) {
        margin-bottom: 0.45rem;
    }

    .title-blog-details.fs-20 {
        font-size: 1.35rem;
    }
    .blog-content-details .post-content {
        font-size: 1.05rem;
        line-height: 1.5;
    }
    .blog-details-footer .list-tags > a {
        font-size: 0.95rem;
    }
    .post-content :is(h1, h2) {
        font-size: 1.25rem;
    }
    .post-content :is(h3, h4, h5, h6) {
        font-size: 1.1rem;
    }
    .post-content figcaption {
        font-size: 0.95rem;
    }

    /* HOME */
    .home-1 {
        padding-top: 2rem;
    }
    .home-content-3,
    .home-content-2 {
        max-height: 29rem;
    }
    .home-blog-list {
        max-height: 36rem;
    }
    .tour-tag {
        height: 1.78rem;
    }
    .tour-item-details .infos span.label {
        font-size: 0.88rem;
    }
    .tour-item-details .infos span.icon > img {
        width: 1.2rem;
        height: 1.2rem;
    }

    /* TOUR GROUP */
    .tour-group-content .btn span.text {
        font-size: 1.15rem;
    }
    .tour-group-content .wrap-item:nth-child(even) {
        padding: 3rem 0;
    }
    .tour-group-content .wrap-item:not(:last-child) {
        margin-bottom: 2.8rem;
    }
    .tour-group-content .load-more-tour {
        margin-top: 2rem;
    }

    /* ABOUT */
    .about-7 h2.title,
    .about-6 h2.title,
    .about-5 h2.title,
    .about-4 h2.title,
    .about-3 h2.title {
        font-size: 1.35rem;
    }
    .title-about-7 {
        font-size: 1.2rem;
        line-height: 1.5;
    }

    .form-wrap .form-item :is(input, .select-styled) {
        height: 3rem;
        font-size: 1.05rem;
    }
    .form-wrap textarea::placeholder,
    .form-wrap input::placeholder {
        font-size: 0.9rem;
    }

    .form-register {
        margin-left: 2rem;
    }
    .about-content-7 .list-contact span.text {
        font-size: 1.08rem;
    }
    .title-tour-details {
        font-size: 1.2rem;
    }

    /* TOUR DETAILS */
    .breadcrumbs ol > li:first-of-type > a span.icon > img {
        width: 1rem;
    }
    .breadcrumbs ol > li a {
        font-size: 0.9rem;
    }
    .tour-details-overview .tour-gallery-wrap {
        height: 24rem;
    }
}
@media only screen and (max-width: 1499px) {
    :root {
        --container-w: 92.365rem;
    }

    .fs-25 {
        font-size: 1.15rem;
    }
    .fs-20 {
        font-size: 1.15rem;
    }
    .fs-18 {
        font-size: 1.15rem;
    }
    .fs-16 {
        font-size: 1.15rem;
    }
    .fs-14 {
        font-size: 0.95rem;
    }
    .fs-12 {
        font-size: 0.82rem;
    }

    .tl-pagination-fraction span {
        font-size: 1rem;
    }

    header .nav > li > a {
        font-size: 1.05rem;
    }
    .nav-dropdown.nav-dropdown-default > li > a {
        font-size: 1rem;
        padding: 0.6rem 0.8rem !important;
    }
    .virtual-link span.text {
        font-size: 1rem;
    }

    footer {
        padding-bottom: 2rem;
    }
    .footer-links .menu-title {
        font-size: 1.4rem;
    }
    .menu-footer ul > li > a {
        font-size: 1.2rem;
    }
    .footer-info .search-form-header.style-2 .input-search::placeholder,
    .footer-info .box-info span.text,
    .footer-fixed .item .label,
    .footer-fixed .hotline span.text {
        font-size: 1.08rem;
    }
    footer .logo > img {
        height: 5rem;
    }
    footer .fs-16 {
        font-size: 1rem;
    }
    footer .item-info {
        gap: 1.3rem;
    }
    footer .item-info:not(:last-child) {
        margin-bottom: 0.6rem;
    }
    footer .title-footer {
        margin-bottom: 1rem;
    }
    footer .col-right > .wrap-menu {
        padding-left: 0;
    }
    footer .copyright {
        font-size: 0.9rem;
    }
    footer .list-socials ul a {
        width: 2.5rem;
        height: 2.5rem;
    }
    footer .col-left {
        padding-right: 3rem;
    }
    .form-wrap .form-item :is(input, .select-styled) {
        height: 3.2rem;
        font-size: 1.08rem;
    }
    .title-footer {
        font-size: 1.3rem;
    }
    .footer-bottom {
        padding-bottom: 2rem;
    }

    /* HOME */
    .item-banner-hero {
        height: 23rem;
    }
    .list-event-hero .item .title {
        font-size: 1.35rem;
    }
    .sec-marquee-img {
        margin-top: 6rem;
    }
    .about-marquee-4.marquee-container {
        margin-top: 2rem;
    }
    .marquee-img-wrap .marquee-img img {
        max-height: 3rem;
    }

    /* RECRUIT */
    .rercuit-item .title {
        font-size: 1.25rem;
    }
    .rercuit-item .action {
        width: 1.8rem;
        height: 1.8rem;
    }

    /* BLOG */
    .blog-page .col-left {
        padding-right: 2rem;
    }
    .post-item .desc {
        -webkit-line-clamp: 4;
    }

    /* BLOG DETAILS */
    .table-content h2.title {
        font-size: 1.2rem;
    }
    .table-content > ul > li > a {
        font-size: 1.05rem;
    }
    .table-content ul.sub-heading a {
        font-size: 1.05rem;
    }
    .blog-content-details .post-content {
        font-size: 1.1rem;
    }
    .post-content :is(h1, h2) {
        font-size: 1.3rem;
    }
    .post-content :is(h3, h4, h5, h6) {
        font-size: 1.18rem;
    }

    /* SERVICE */
    .container-list-service .service-item .img-wrap {
        width: 37%;
    }
    .service-item .btn span.text {
        font-size: 1rem;
    }

    /* ABOUT */
    .about-4 {
        margin-top: 3rem;
    }
    .about-7,
    .about-6,
    .about-5 {
        padding-top: 3rem;
    }
    .about-list-2 .item .icon > img {
        height: 4.5rem;
    }
    .about-list-2 .item .desc {
        margin-top: 0.5rem;
        line-height: 1.4;
    }
    .achievements-content {
        padding-top: 2rem;
    }
    .submit-form-btn > input ~ .btn span.text {
        font-size: 1.15rem;
    }
}
@media only screen and (max-width: 1399px) {
    .form-footer .form-wrap .submit-form-btn {
        width: 3.2rem;
    }

    .fs-70 {
        font-size: 2.9rem;
    }
    .fs-20 {
        font-size: 1.35rem;
    }
    .fs-18 {
        font-size: 1.2rem;
        line-height: 1.5;
    }
    .fs-16 {
        font-size: 1.1rem;
    }

    .btn {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .btn span.text {
        font-size: 1.15rem;
    }

    /* HEADER */
    .menu-header-primary {
        gap: 1rem;
    }
    .menu-header-primary li > a {
        font-size: 1.15rem;
    }
    .menu-header-primary li > a > img {
        width: 1.45rem;
    }
    .menu-header li > a {
        padding: 1rem 0.6rem;
    }
    .search-form-header.style-2 .input-search {
        width: 14rem;
        height: 2.7rem;
    }

    /* FOOTER */
    .footer-info .search-form-header.style-2 .input-search {
        width: 20rem;
    }

    /* HOME */
    .home-1 {
        margin-top: 0;
        padding-top: 2.8rem;
    }
    .home-content-3,
    .home-content-2 {
        max-height: 33rem;
    }
    .home-blog-list {
        max-height: 40rem;
    }
    .home-content-8 {
        padding: 1.8rem 2.5rem;
    }
    .home-blog-large .item-large .desc {
        -webkit-line-clamp: 3;
    }
    .home-heading-1 .title {
        font-size: 1.4rem;
    }
    .title-home-10,
    .title-home-9 {
        font-size: 1.5rem;
    }

    .action-link a span.text {
        font-size: 1.18rem;
    }
    .tour-tag {
        width: 6.2rem;
        height: 2.1rem;
    }
    .home-content-1 .tour-tag {
        left: 0.3rem;
        width: 7.2rem;
        height: 2.5rem;
    }
    .sec-marquee-img {
        margin-top: 5rem;
    }

    /* RECRUIT DETAILS */
    .title-recruit-details {
        font-size: 1.4rem;
    }
    .recruit-details-content table :is(th, td) {
        font-size: 1.08rem;
        line-height: 1.4;
    }
    .recruit-details-sidebar .img-wrap {
        width: 16rem;
    }

    /* BLOG */
    .blog-page .col-left {
        padding-right: 0;
    }
    .post-item .img-wrap {
        width: 18rem;
    }
    .post-item .title {
        font-size: 1.2rem;
    }
    .post-item .desc {
        font-size: 1.05rem;
    }
    .list-post-sidebar .item .title {
        font-size: 1.05rem;
    }
    .list-post-sidebar .item .date {
        font-size: 0.9rem;
    }
    .post-sidebar {
        padding-bottom: 1.2rem;
    }

    /* BLOG DETAILS */
    .title-blog-details.fs-20 {
        font-size: 1.5rem;
    }
    .table-content h2.title {
        font-size: 1.3rem;
    }
    .table-content > ul {
        padding: 1.2rem 2rem;
    }
    .table-content > ul > li > a {
        font-size: 1.18rem;
    }
    .table-content ul.sub-heading {
        margin-top: 0.9rem;
    }
    .table-content ul.sub-heading a {
        font-size: 1.15rem;
    }
    .table-content ul > li:not(:last-child) {
        margin-bottom: 0.9rem;
    }
    .table-content ul.sub-heading > li:not(:last-child) {
        margin-bottom: 0.55rem;
    }
    .blog-content-details .post-content {
        font-size: 1.2rem;
    }
    .post-content :is(h1, h2) {
        font-size: 1.4rem;
    }
    .blog-details-footer .list-tags > a {
        padding: 0.6rem 1rem 0.5rem;
        font-size: 1.05rem;
    }

    /* TOUR ITEM */
    .tour-item-details .infos span.label {
        font-size: 1.02rem;
    }
    .tour-item-details .title {
        font-size: 1.2rem;
    }
    .tour-item-details .action {
        margin-top: 1.2rem;
    }
    .tour-action-2.btn,
    .tour-action-1.btn {
        padding: 0.5rem 0.8rem;
    }
    .tour-item-details .pricing .price-sale {
        font-size: 1.5rem;
    }
    .home-content-1 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .tour-tag {
        left: 0.38rem;
        width: 5.2rem;
        height: 1.8rem;
    }

    /* ABOUT */
    .about-2 {
        padding: 1.5rem 0;
    }
    .about-list-2 .item .title {
        font-size: 1.4rem;
    }
    .about-list-2 .item .desc {
        font-size: 1.2rem;
    }
    .about-7 h2.title,
    .about-6 h2.title,
    .about-5 h2.title,
    .about-4 h2.title,
    .about-3 h2.title {
        font-size: 1.5rem;
    }

    /* HOME */
}

@media only screen and (max-width: 1199px) {
    :root {
        --container-w: 59.375rem;
    }
    .load_home_page svg {
        width: 320px;
    }
    .load_home_page img.logo_load_page {
        width: 24rem;
    }

    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr 1fr;
    }

    /*show/hide - breakpoint*/
    .lg-show {
        display: block !important;
    }
    .lg-hide {
        display: none !important;
    }
    .lg-show-flex {
        display: flex !important;
    }
    .lg-hide-flex {
        display: none !important;
    }

    .lg-col-12 {
        flex-basis: 100%;
        max-width: 100%;
    }

    .fs-25 {
        font-size: 0.9rem;
    }
    .fs-16 {
        font-size: 1rem;
    }
    .title-group > .fs-48 {
        font-size: 2rem;
    }
    .title-group > .fs-56 {
        font-size: 2.3rem;
    }
    .btn {
        padding: 0.7rem 0.8rem 0.7rem 1rem;
    }
    .btn span.text {
        font-size: 1rem;
    }
    .graphic-square {
        width: 18rem;
        height: 18rem;
    }
    .subtitle-sec + .title,
    .subtitle-sec + .title-sec {
        margin-top: 0.3rem;
    }
    .subtitle-sec {
        font-size: 0.85rem;
    }
    .title-sec {
        font-size: 2.25rem;
    }
    .desc-sec {
        font-size: 1rem;
    }

    html.js.has-off-canvas-undefined {
        margin-right: 0 !important;
    }
    header #logo img,
    header.stuck-scroll #logo img {
        height: 3rem;
    }
    .menu-header-primary li > a {
        font-size: 0.9rem;
    }
    .menu-header-primary {
        gap: 0;
    }

    footer .col-right {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 1rem;
        margin-top: 1.5rem;
    }
    footer .col-right > div {
        width: calc((100% / 2) - (1rem * 1 / 2));
        flex-shrink: 0;
    }
    footer .list-socials ul {
        gap: 0.6rem;
        justify-content: center;
        margin-top: 0;
    }
    .menu-footer ul {
        column-gap: 1rem;
        grid-template-rows: repeat(6, minmax(0, 1fr));
    }
    .menu-footer ul > li > a {
        font-size: 1rem;
    }
    .footer-links .menu-title {
        font-size: 1.2rem;
    }
    .footer-bottom .company {
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        gap: 1rem;
    }
    .footer-bottom .name-company {
        font-size: 0.9rem;
    }
    .footer-bottom .logo-company {
        margin-top: 0;
    }
    .footer-info .search-form-header.style-2 .input-search::placeholder,
    .footer-info .box-info span.text,
    .footer-fixed .item .label,
    .footer-fixed .hotline span.text {
        font-size: 0.9rem;
    }
    .footer-fixed .wrap-content {
        gap: 2rem;
    }
    .footer-fixed .item:not(:last-child) {
        padding-right: 2rem;
    }
    .footer-fixed .item:not(:last-child)::before {
        width: 1rem;
        height: 1rem;
    }
    .footer-fixed .item .number {
        font-size: 0.9rem;
        -webkit-text-stroke: unset;
        color: var(--main-cl);
    }

    /* HOME */
    .item-banner-hero {
        height: 15rem;
    }
    .home-heading-7 .title,
    .home-heading-6 .title,
    .home-heading-5 .title,
    .home-heading-4 .title,
    .home-heading-3 .title,
    .home-heading-2 .title,
    .home-heading-1 .title {
        font-size: 1rem;
    }
    .tour-action-2.btn,
    .tour-action-1.btn {
        padding: 0.4rem 0.6rem;
    }
    .tour-action-2.btn span.text,
    .tour-action-1.btn span.text {
        font-size: 0.95rem;
    }
    .home-content-8 {
        padding: 1.8rem 1.4rem;
    }
    .home-heading-8 .title {
        font-size: 1.15rem;
    }
    .home-heading-8 .desc {
        font-size: 0.9rem;
    }
    .home-blog-list {
        max-height: 27rem;
    }
    .home-blog-list .title-wrap .title {
        font-size: 0.85rem;
        font-family: 'Inter Medium';
    }
    .home-blog-large .item-large .desc {
        font-size: 0.85rem;
    }
    .custom-scrollbar::-webkit-scrollbar {
        width: 0.2rem;
    }
    .title-home-10,
    .title-home-9 {
        font-size: 1.3rem;
    }
    .home-10 {
        padding-top: 2rem;
    }

    /* RECRUIT */
    .container-list-recruit {
        column-gap: 2rem;
    }
    .recruit-item .img-wrap {
        width: 8.9rem;
    }

    /* RECRUIT DETAILS */
    .recruit-details-content table tr > td:first-child {
        width: 24%;
    }
    .recruit-details-content table :is(th, td) {
        font-size: 1rem;
    }
    .recruit-details-content {
        padding-right: 0;
    }
    .recruit-details-sidebar .img-wrap {
        width: 100%;
    }

    /* BLOG */
    .post-sidebar {
        margin-left: 2.5rem;
    }
    .title-post-sidebar {
        font-size: 1.2rem;
        text-align: center;
        margin-bottom: 1rem;
    }
    .post-item {
        gap: 1.2rem;
    }
    .post-item .img-wrap {
        width: 14rem;
        border-radius: 1rem;
    }
    .post-item .title {
        font-size: 1.05rem;
    }
    .post-item .desc {
        font-size: 0.95rem;
    }
    .list-post-sidebar .item {
        flex-direction: column;
    }
    .list-post-sidebar .item .img-wrap {
        width: 100%;
        aspect-ratio: 16 / 8;
    }
    .list-post-sidebar .item .title {
        font-size: 1rem;
    }
    .list-post-sidebar .item .date {
        font-size: 0.8rem;
    }

    /* BLOG DETAILS */
    .title-blog-details.fs-20 {
        font-size: 1.18rem;
    }
    .table-content h2.title {
        font-size: 1rem;
    }
    .table-content ul.sub-heading a,
    .table-content > ul > li > a {
        font-size: 1rem;
    }
    .table-content ul.sub-heading > li:not(:last-child),
    .table-content ul > li:not(:last-child) {
        margin-bottom: 0.6rem;
    }
    .blog-content-details .post-content {
        font-size: 1rem;
    }
    .post-content :is(h1, h2) {
        font-size: 1.2rem;
    }
    .post-content :is(h3, h4, h5, h6) {
        font-size: 1rem;
    }
    .blog-details-footer .list-tags > a {
        padding: 0.5rem 0.8rem 0.4rem;
        font-size: 0.95rem;
    }
    .title-tour-related.title-style {
        font-size: 1rem;
    }

    /* TOUR ITEM */
    .tour-item-details .pricing .price-sale {
        font-size: 1.3rem;
    }
    .tour-item-details .title {
        font-size: 1.05rem;
    }
    .tour-item-details .infos span.label {
        font-size: 0.95rem;
    }

    /* SERVICE */
    .container-list-service .title-style {
        margin-bottom: 1rem;
    }
    .container-list-service .service-item .wrap-content {
        flex-direction: column-reverse !important;
    }
    .container-list-service .service-item .img-wrap {
        width: 80%;
        margin: 0 auto;
    }

    /* TOUR GROUP */
    .tour-group-content .container-list-tour {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .tour-item-style .title {
        font-size: 1.05rem;
    }
    .tour-group-content .load-more-tour {
        margin-top: 1.5rem;
    }
    .tour-group-content .btn span.text {
        font-size: 1rem;
    }

    /* ABOUT */
    .title-about-1 {
        font-size: 1.5rem;
    }
    .about-content-1 {
        font-size: 1rem;
    }
    .about-list-2 {
        gap: 1.2rem;
    }
    .about-list-2 .item .icon > img {
        height: 3rem;
    }
    .about-list-2 .item .title {
        font-size: 1.2rem;
    }
    .about-list-2 .item .desc {
        font-size: 1rem;
    }
    .about-list-3 {
        gap: 0.8rem;
    }
    .about-list-3 .img-wrap {
        border-radius: 1rem;
    }
    .about-7 h2.title,
    .about-6 h2.title,
    .about-5 h2.title,
    .about-4 h2.title,
    .about-3 h2.title {
        font-size: 1.3rem;
    }
    .about-content-7 .list-contact span.text {
        font-size: 1rem;
    }
    .title-about-7 {
        font-size: 0.9rem;
    }
    .marquee-img-wrap .marquee-img img {
        max-height: 2.5rem;
    }
    .form-register {
        margin-left: 0;
    }
}
@media only screen and (max-width: 1199px) and (min-width: 850px) {
    .lg-col-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .lg-col-6 {
        flex-basis: 50%;
        max-width: 50%;
    }
    .lg-col-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .lg-col-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%;
    }
}

@media only screen and (max-width: 991px) {
    :root {
        --container-w: 58rem;
    }
    .load_home_page svg {
        width: 320.0006px;
    }
    .search-page {
        padding: 3rem 0 0;
    }
    .search-tabs .search-grid {
        grid-template-columns: 1fr 1fr;
    }

    .subtitle-sec {
        font-size: 0.8rem;
    }

    /* HEADER */
    .menu-header li > a {
        padding: 0.75rem 0.6rem;
    }

    header#header.stuck-scroll {
        box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.15);
    }
    header #logo img,
    header.stuck-scroll #logo img {
        height: 2rem;
    }
    .header-main-mobile .container {
        padding: 0;
    }
    header #openSidebar {
        display: flex;
        align-items: center;
        padding: 0;
        margin: 0;
    }
    header #openSidebar.action-close svg path:nth-child(1) {
        transform: rotate(45deg);
    }
    header #openSidebar.action-close svg path:nth-child(2) {
        transform: translate(-20%, 60%) rotate(-45deg);
    }
    header #openSidebar.action-close svg path:nth-child(3) {
        transform: rotate(-40deg);
        opacity: 0;
    }
    .header-slidebar .inner {
        width: 60%;
        display: flex;
        align-items: flex-start;
        padding: 0;
        position: relative;
        z-index: 3;
        background: #fff;
        transform: translateX(-100%);
        transition: 0.4s all;
    }
    .header-slidebar {
        position: fixed;
        top: var(--header-height);
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: rgb(0 0 0 / 50%);
        display: flex;
        justify-content: flex-start;
        opacity: 0;
        pointer-events: none;
        transition: 0.5s all;
    }
    .header-slidebar.active .inner {
        transform: translateX(0);
    }
    .header-slidebar.active {
        opacity: 1;
        pointer-events: unset;
    }
    .header-slidebar .menu a {
        font-family: 'Inter Medium';
        font-size: 1.15rem;
        color: var(--third-cl);
        padding: 0 3rem 0 1.8rem;
        display: inline-block;
        width: auto;
        transition: 0.5s all;
        position: relative;
    }
    .bg-close {
        position: fixed;
        top: var(--header-height);
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }
    .header-slidebar .menu li {
        border: none;
        margin: 0 !important;
        background: transparent;
    }
    .header-slidebar .menu {
        background: transparent;
        margin: 0 0 3rem;
    }
    .header-slidebar .inner .primary {
        width: 100%;
        background: transparent;
    }
    .header-slidebar .menu li:not(:last-child) {
        border-bottom: 1px solid #84848427;
    }
    .header-slidebar .menu li > a {
        display: flex;
        width: 100%;
        padding-bottom: 0.7rem;
        padding-top: 0.7rem;
        padding-left: 1.8rem !important;
        background: transparent;
    }
    .header-slidebar .menu li > a.active {
        background: var(--third-cl);
        color: #fff;
    }
    .header-slidebar .menu a svg {
        display: flex;
        width: 1.5rem;
        height: 1.5rem;
    }
    .header-slidebar .menu li > a g>path {
        fill: var(--third-cl);
    }
    .header-slidebar .menu li > a.active svg path {
        stroke: #fff;
    }
    .header-main-mobile .col-right {
        gap: 0.5rem;
    }
    .header-cta-mobile {
        gap: 0.5rem;
    }
    .header-cta-mobile .action-item img {
        width: 1.8rem;
        height: 1.8rem;
    }

    .home-1 {
        padding-top: 2rem;
    }

    /* BLOG DETAILS */
    .blog-content-details {
        margin-top: 1rem;
    }
    .table-content h2.title {
        padding: 0.8rem 1rem;
    }
    .table-content > ul {
        padding: 1.2rem 1rem;
    }
    .table-content ul.sub-heading {
        padding-left: 1rem;
    }
    .table-content ul.sub-heading a {
        font-size: 0.9rem;
    }
    .post-content figcaption {
        font-size: 0.88rem;
    }

    /* HOME */
    .action-link a span.text {
        font-size: 0.9rem;
    }
}
@media only screen and (max-width: 849px) {
    :root {
        --container-w: 45rem;
    }

    /*fixed contact*/
    ul.fixed_button.desktop_display {
        display: none;
    }
    ul.button_cta.mobile_display {
        display: block;
    }
    ul.button_cta {
        position: fixed;
        bottom: 1rem;
        right: 1rem;
        /* transform: translateY(-50%); */
        list-style: none;
        margin: 0;
        z-index: 99;
    }
    li.button_cta_open {
        width: 3rem;
        height: 3rem;
        background: var(--main-cl);
        position: relative;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
    }
    .button_cta_open svg {
        width: 100%;
        height: 100%;
        display: block;
    }
    span.button_cta_fixed_menu {
        width: 2rem;
        height: 2rem;
        display: block;
        opacity: 1;
        transition: 0.5s all;
        position: relative;
    }
    ul li .button_cta_fixed_menu_closed {
        width: 2rem;
        height: 2rem;
        display: block;
        opacity: 0;
        position: absolute;
        transition: 0.5s all;
    }
    ul.button_cta.active .button_cta_fixed_menu_closed {
        opacity: 1;
        transition: 0.5s all;
        transform: rotate(360deg);
    }
    ul.button_cta.active .button_cta_fixed_menu {
        opacity: 0;
        transition: 0.5s all;
        transform: rotate(480deg);
    }
    ul.fixed_button {
        list-style: none;
        transform: translateY(-30%) scale(0);
        transition: 0.5s all;
    }
    ul.button_cta .fixed_button {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: 0;
    }
    ul.button_cta.active .fixed_button {
        transform: translateY(-100%) scale(1);
        transition: 0.5s all;
    }

    /*HEADER*/
    header#header {
        padding: 0.3rem 0 0.35rem;
    }
    header #logo {
        margin-right: -3rem;
    }
    .icon-search:before {
        background-image: url(../images/icon/icon_search_2.svg);
    }
    footer {
        padding-bottom: 0;
    }
    .footer-info .info-socials {
        align-items: center;
    }
    .footer-fixed {
        display: none;
    }
    .footer-bottom {
        padding-bottom: 0.8rem;
    }

    /*FOOTER*/
    .menu-footer ul > li > a {
        font-size: 0.9rem;
    }
    .footer-links .menu-title {
        font-size: 1.05rem;
    }
    .footer-bottom .footer-info {
        margin-top: 1rem;
    }
    .footer-bottom .search-form-header {
        justify-content: center;
    }

    .title-group > .fs-72 {
        font-size: 2.3rem;
    }
    .title-group > .fs-56 {
        font-size: 1.9rem;
    }
    .desc-sec {
        font-size: 1rem;
    }

    /*show/hide - breakpoint*/
    .tablet-show {
        display: block !important;
    }
    .tablet-hide {
        display: none !important;
    }
    .tablet-show-flex {
        display: flex !important;
    }
    .tablet-hide-flex {
        display: none !important;
    }

    .btn {
        padding: 0.6rem 0.6rem 0.6rem 0.8rem;
    }
    .btn span.text {
        font-size: 0.9rem;
    }
    .title-sec {
        font-size: 1.8rem;
    }

    /* RECRUIT */
    .rercuit-item .action {
        width: 2rem;
        height: 2rem;
    }
    .container-list-recruit {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    /* RECRUIT DETAILS */
    .recruit-details-sidebar > .box-img {
        flex-wrap: wrap;
        flex-direction: row;
        gap: 1rem;
        margin-top: 3rem;
    }
    .recruit-details-sidebar .img-wrap {
        width: calc((100% / 2) - (1rem * 1 / 2));
    }

    /* BLOG */
    .post-item {
        gap: 1rem;
    }
    .post-item .img-wrap {
        width: 10rem;
        border-radius: 0.7rem;
    }
    .post-item .title {
        font-size: 1rem;
        -webkit-line-clamp: 1;
    }
    .post-item .desc {
        font-size: 0.85rem;
        -webkit-line-clamp: 3;
    }
    .post-sidebar {
        margin-left: 0;
    }
    .list-post-sidebar .item .title {
        font-size: 0.9rem;
    }

    /* SERVICE */
    .container-list-service .title-style {
        font-size: 1rem;
    }
    .container-list-service .wrap-content .desc {
        font-size: 1rem;
    }
    .service-item .btn span.text {
        font-size: 0.95rem;
    }
    .container-list-service .service-item .img-wrap {
        width: 70%;
    }

    /* TOUR GROUP */
    .tour-group-content .container-list-tour {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .tour-group-content .wrap-item:not(:last-child) {
        margin-bottom: 2rem;
    }
    .tour-group-content .wrap-item:nth-child(even) {
        padding: 2rem 0;
    }

    /* ABOUT */
    .about-1 .row > .large-5 {
        order: 3;
    }
    .about-img-1 {
        margin-top: 1rem;
    }
    .about-img-1 span.action {
        width: 3rem;
        height: 3rem;
    }
    .about-list-3 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .about-list-3 .title {
        font-size: 1.15rem;
        text-shadow: 0px 4px 4px #0000008f;
    }
    .about-7 h2.title,
    .about-6 h2.title,
    .about-5 h2.title,
    .about-4 h2.title,
    .about-3 h2.title {
        font-size: 1.4rem;
        text-align: center;
    }
    .title-about-7 {
        font-size: 1rem;
    }
    .about-content-7 .list-contact {
        margin-top: 1rem;
    }
    .form-register {
        margin-top: 1.5rem;
    }

    /* HOME */
    .home-content-1 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .item-banner-hero {
        height: 12rem;
    }
    .home-content-3,
    .home-content-2 {
        display: block;
    }
    .home-content-3 .tour-item-style .img-wrap,
    .home-content-2 .tour-item-style .img-wrap {
        height: 12rem;
        border-radius: 0.8rem;
    }
    .home-content-3 .tour-item-style .title,
    .home-content-2 .tour-item-style .title {
        position: unset;
        width: 100%;
        padding: 0;
        margin: 0.5rem 0 0;
        text-shadow: unset;
        color: var(--body-cl);
        font-size: 0.88rem;
        text-align: center;
    }
    .home-content-3 .tour-item-style .title::before,
    .home-content-2 .tour-item-style .title::before {
        content: unset;
    }
    .title-graphic-sub {
        padding-top: 0.6rem;
    }
    .home-content-5 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .home-content-8 {
        gap: 1.2rem;
    }
    .home-content-8 .home-blog-large {
        width: 55%;
    }
    .home-blog-list {
        max-height: 22rem;
    }
}
@media only screen and (max-width: 767px) {
    :root {
        --container-w: 100%;
    }
    .col {
        padding: 0 0.7rem;
    }

    .grid-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .load_home_page img.logo_load_page {
        width: 16rem;
    }
    .load_home_page svg {
        width: 240px;
    }
    #search-lightbox {
        margin-left: -20.0006px;
        margin-right: -20.0006px;
        max-width: calc(100% + 39.9994px);
    }
    #search-lightbox .search-lightbox-title {
        margin-bottom: 20.0006px;
        font-size: 20.0006px;
    }
    #search-lightbox .search-keywords {
        margin-top: 20.0006px;
    }
    #search-lightbox .search-keywords > a {
        font-size: 14.0006px;
    }
    .search-tabs .search-grid {
        grid-template-columns: 1fr;
        grid-gap: 1.2rem 0.8rem;
    }
    .search-page {
        padding: 2.5rem 0 0;
    }
    .search-page h1 {
        margin-bottom: 2rem;
    }
    .search-tabs .search-tabs-title .search-tab-title {
        font-size: 0.75rem;
        padding: 0.5rem 1rem;
    }

    .title-group > .fs-48 {
        font-size: 1.7rem;
    }
    .title-group > .fs-56 {
        font-size: 1.6rem;
    }
    .title-group > .fs-72 {
        font-size: 1.7rem;
    }
    .subtitle-sec {
        font-size: 0.8rem;
    }

    /* select mobile */
    .select-mobile {
        width: 100%;
        position: relative;
        z-index: 9;
        padding: 0;
    }
    .select-mobile .select-options > li,
    .select-mobile > .select {
        width: 100%;
    }
    .select-mobile .select-styled {
        height: 3.2rem;
        font-size: 1.05rem;
        color: #fff;
        border-radius: 0.5rem;
    }
    .select-mobile .select-styled:after {
        /* background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjI1IDcuNUwxMCAxMy43NUwzLjc1IDcuNSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=); */
    }
    .select .select-options {
        max-height: 10.7rem;
        padding-left: 0;
        filter: drop-shadow(0px 3.9994px 15.9994px #e2c89333);
    }
    .select .select-options > li {
        font-size: 0.9rem;
        line-height: 1.7rem;
    }

    /*show/hide - breakpoint*/
    .mobile-show {
        display: block !important;
    }
    .mobile-hide {
        display: none !important;
    }
    .mobile-show-flex {
        display: flex !important;
    }
    .mobile-hide-flex {
        display: none !important;
    }

    .loading-show-more::before,
    .loading-show-more::after {
        top: 2%;
    }

    /*slide nav/pagination tablet/mobile*/
    .slide-nav-mobile .swiper-pagination {
        padding: 0;
        display: flex;
    }
    .slide-nav-mobile {
        align-items: center;
        justify-content: space-between;
        gap: 0.5rem;
        padding: 1rem 0.6rem 0;
    }
    .slide-nav-mobile .arrow-slide.next {
        order: 3;
    }
    .slide-nav-mobile .arrow-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2.25rem;
        height: 2.25rem;
        flex: 0 0 auto;
        background: var(--third-cl);
        border-radius: 5.208rem;
    }
    .slide-nav-mobile .arrow-slide path {
        stroke: #fff !important;
    }

    .slide-nav-mobile.text-white .arrow-slide {
        background: #fff;
    }
    .slide-nav-mobile.text-white .arrow-slide path {
        stroke: var(--main-cl) !important;
    }

    .btn {
        gap: 0.6rem;
        padding: 0.7rem 1rem 0.6rem;
    }
    .graphic-square {
        width: 6rem;
        height: 6rem;
    }
    .title-sec {
        font-size: 1.35rem;
    }

    /* HEADER */
    header,
    header.stuck-scroll {
        padding: 0.45rem 0 0.45rem;
    }
    .header-main-mobile > .container {
        padding: 0 0.6rem;
    }
    .header-cta-mobile .action-item img {
        width: 1.3rem;
        height: 1.3rem;
    }
    header .account {
        width: 1.8rem;
    }
    header #logo {
        width: 10rem;
        margin-right: -1.6rem;
    }
    .header-slidebar .inner {
        width: 80%;
    }
    .header-slidebar .menu li > a {
        font-size: 1rem;
        padding-left: 1rem !important;
    }

    /* FOOTER */
    .footer-bottom .name-company {
        font-size: 1rem;
    }
    footer .copyright {
        font-size: 0.7rem;
    }
    .footer-links .list-menu {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .footer-links .menu-title {
        font-size: 1.1rem;
    }
    .menu-footer ul {
        width: 100%;
        grid-template-rows: repeat(6, minmax(0, 1fr));
    }
    .menu-footer ul > li > a {
        font-size: 1rem;
    }

    /* RECRUIT */
    .recruit-page {
        padding-top: 2rem;
    }
    .container-list-recruit {
        row-gap: 0.7rem;
    }
    .rercuit-item {
        flex-direction: column;
        gap: 0.6rem;
        align-items: flex-start;
        border-radius: 1rem;
    }
    .rercuit-item .img-wrap {
        display: none;
    }
    .rercuit-item .contents {
        width: 100%;
        padding: 0.8rem 1rem;
    }
    .rercuit-item .action {
        width: 1.7rem;
        height: 1.7rem;
    }
    .rercuit-item .title {
        font-size: 1.1rem;
    }

    /* RECRUIT DETAILS */
    .title-recruit-details {
        font-size: 1.1rem;
        line-height: 1.5;
    }
    .recruit-details-content .post-content {
        margin-top: 1rem;
    }
    .recruit-details-content table tr {
        display: flex;
        flex-direction: column;
    }
    .recruit-details-content table tr > td {
        width: 100% !important;
    }
    .recruit-details-content table tr > td:first-child {
        border-right: none;
        text-align: left;
        background: var(--body-cl);
        color: #fff;
    }
    .recruit-details-sidebar > .box-img {
        gap: 0.4rem;
        margin-top: 2rem;
    }
    .recruit-details-sidebar .img-wrap {
        width: calc((100% / 2) - (0.4rem * 1 / 2));
    }

    /* BLOG */
    .blog-page {
        padding-top: 2rem;
    }
    .title-blog-page {
        font-size: 1.35rem;
    }
    .title-blog-page {
        font-size: 1.2rem;
    }
    .container-list-blog {
        margin-top: 1.2rem;
    }
    .post-item {
        flex-direction: column;
        gap: 0.8rem;
    }
    .post-item .img-wrap {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }
    .post-item .desc {
        font-size: 0.95rem;
        -webkit-line-clamp: 2;
        margin-top: 0.4rem;
    }
    .list-post-sidebar .item {
        align-items: flex-start;
    }
    .list-post-sidebar .item .title {
        font-size: 1rem;
        -webkit-line-clamp: 1;
    }

    /* BLOG DETAILS */
    .post-content :is(h1, h2) {
        font-size: 1.08rem;
    }
    .blog-details-footer .list-tags > a {
        font-size: 0.9rem;
    }

    .list-tour-related .slide-nav-mobile {
        padding-left: 0;
        padding-right: 0;
    }

    /* SERVICE */
    .service-page {
        padding-top: 2rem;
    }
    .container-list-service .service-item:not(:last-child) {
        margin-bottom: 2.5rem;
    }
    .container-list-service .service-item .wrap-content {
        gap: 1.5rem;
    }
    .container-list-service .service-item .img-wrap {
        width: 100%;
        border-radius: 1rem;
    }
    .container-list-service .action {
        justify-content: flex-start;
    }

    /* TOUR GROUP */
    .tour-group-content .wrap-item .title {
        font-size: 1rem;
    }
    .tour-item-style .img-wrap {
        border-radius: 1rem;
    }
    .tour-group-content .container-list-tour {
        gap: 1rem 0.5rem;
        margin-top: 1rem;
    }

    /* ABOUT */
    .title-about-1 {
        font-size: 1.2rem;
        margin-bottom: 0.8rem;
    }
    .about-img-1 span.action {
        width: 2.5rem;
        height: 2.5rem;
    }
    .slide-home-9 .slide-nav-mobile,
    .about-list-2 .slide-nav-mobile {
        padding-left: 0;
        padding-right: 0;
    }
    .about-list-3 {
        gap: 1rem 0.6rem;
    }
    .about-list-3 .title {
        font-size: 1rem;
    }
    .about-list-3 .img-wrap {
        border-radius: 0.8rem;
    }
    .about-4 {
        padding-bottom: 1.2rem;
    }
    .about-marquee-4.marquee-container {
        margin-top: 1rem;
    }
    .achievements-content {
        padding: 0;
        margin: 0;
    }
    .achievements-content .item {
        margin: 0 0.8rem;
    }
    .about-6 h2.title,
    .about-5 h2.title,
    .about-4 h2.title,
    .about-3 h2.title {
        font-size: 1.2rem;
    }
    .feedback-content {
        margin-top: 0.8rem;
    }
    .feedback-content .item {
        filter: drop-shadow(0px 4px 4px #00000011);
    }
    .about-7 h2.title {
        font-size: 1.4rem;
    }
    .about-content-7 {
        margin-top: 1rem;
    }
    .about-content-7 .box-logo > img {
        height: 3rem;
    }
    .about-content-7 .list-contact .item {
        gap: 0.5rem;
    }
    .form-register {
        padding: 1.5rem 1rem 1rem;
    }
    .about-7 .form-register h2.title {
        font-size: 1.2rem;
    }
    .form-wrap .form-item :is(input, .select-styled) {
        height: 2.8rem;
    }
    .form-item {
        margin-bottom: 0.8rem;
    }
    .form-wrap .submit-form-btn {
        margin: 1rem auto 0;
    }

    /* HOME */
    .item-banner-hero {
        height: 6rem;
    }
    .home-content-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .home-5 .action-link,
    .home-4 .action-link,
    .home-3 .action-link,
    .home-2 .action-link,
    .home-1 .action-link {
        margin-top: 1.5rem;
    }
    .home-content-8 {
        display: block;
    }
    .home-content-8 .home-blog-large {
        width: 100%;
    }
    .home-blog-list {
        margin-top: 1.5rem;
        max-height: 20rem;
    }
    .home-content-10 .slide-home-10 {
        margin: 0 -0.5rem;
    }
    .home-content-10 .item {
        margin: 0 0.5rem;
    }
    .home-heading-7 .title,
    .home-heading-6 .title,
    .home-heading-5 .title,
    .home-heading-4 .title,
    .home-heading-3 .title,
    .home-heading-2 .title,
    .home-heading-1 .title {
        font-size: 0.9rem;
        margin: 0 auto;
    }
    .title-home-10,
    .title-home-9 {
        font-size: 1.08rem;
        text-align: center;
    }
}