@font-face {
    font-family: "UTM Bustamalaka";
    src: url("../fonts/UTM_Fonts/UTM-Bustamalaka.ttf") format("truetype");
}

@font-face {
    font-family: "UTM Alberta Heavy";
    src: url("../fonts/UTM_Fonts/UTM-Alberta-Heavy.ttf") format("truetype");
}

@font-face {
    font-family: "Asap";
    src: url("../fonts/Asap/Asap-VariableFont_wdth,wght.ttf") format("truetype");
}

@font-face {
    font-family: "Playfair Display";
    src: url("../fonts/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");
}

@font-face {
    font-family: "Paytone One";
    src: url("../fonts/Paytone_One/PaytoneOne-Regular.ttf") format("truetype");
}

:root {
    /* Green theme colors */
    --special-template-color-1: #00A63E;
    --special-template-color-2: #067530;
    --special-template-color-3: #66D19E;
    --special-template-color-4: #D6FFE5;
    --special-template-color-5: #F7FCF9;
    --special-template-color-6: #FFEA88;
    --special-template-color-7: #0F172B;
    --special-template-color-8: #314158;
    --special-template-color-9: #FFFFFF;
    --special-template-color-10: #E6FFE9;
    --special-template-color-11: #20A151;
    --special-template-color-12: #00A63E40;

    --special-template-logo-1: var(--special-template-color-1);

    --special-template-background-1: var(--special-template-color-2);
    --special-template-background-2: var(--special-template-color-1);
    --special-template-background-3: var(--special-template-color-11);
    --special-template-background-4: var(--special-template-color-1);
    --special-template-background-5: var(--special-template-color-5);
    --special-template-background-6: var(--special-template-color-5);
    --special-template-background-7: var(--special-template-color-10);
    --special-template-background-8: var(--special-template-color-3);
    --special-template-background-9: var(--special-template-color-9);
    --special-template-background-10: var(--special-template-color-1);
    --special-template-background-11: var(--special-template-color-1);
    --special-template-background-12: var(--special-template-color-9);

    --special-template-title-1: var(--special-template-color-7);
    --special-template-title-2: var(--special-template-color-1);
    --special-template-title-3: var(--special-template-color-1);

    --special-template-text-1: var(--special-template-color-8);
    --special-template-text-2: var(--special-template-color-1);
    --special-template-text-3: var(--special-template-color-7);
    --special-template-text-4: var(--special-template-color-1);
    --special-template-text-5: var(--special-template-color-1);

    --special-template-border-1: var(--special-template-color-1);
    --special-template-border-2: var(--special-template-color-4);
    --special-template-border-3: var(--special-template-color-1);
    --special-template-border-4: var(--special-template-color-1);

    --special-template-button-1: var(--special-template-color-2);
    --special-template-button-2: var(--special-template-color-6);
    --special-template-button-3: var(--special-template-color-12);

    --special-template-font-title-1: 'Asap', sans-serif;
    --special-template-font-title-2: var(--special-template-font-title-1);

    --special-template-font-size-1: 1.5rem;

    --special-template-font-weight-1: 600;

    --special-template-filter-1: brightness(0) saturate(100%) invert(47%) sepia(80%) saturate(466%) hue-rotate(76deg) brightness(92%) contrast(87%);
    --special-template-filter-2: brightness(0) saturate(100%) invert(45%) sepia(99%) saturate(1653%) hue-rotate(11deg) brightness(98%) contrast(98%);

    /* Orange theme colors */
    /* --special-template-color-1: #B75706;
    --special-template-color-2: #DD7C02;
    --special-template-color-3: #D39E62;
    --special-template-color-4: #B7570640;
    --special-template-color-5: #F7FCF9;
    --special-template-color-6: #FFEA88;
    --special-template-color-7: #0F172B;
    --special-template-color-8: #314158;
    --special-template-color-9: #FFFFFF;
    --special-template-color-10: #FFF3E0;
    --special-template-color-11: #FFC18C;
    --special-template-color-12: #FFE3CC;

    --special-template-logo-1: var(--special-template-color-9);

    --special-template-background-1: var(--special-template-color-1);
    --special-template-background-2: var(--special-template-color-11);
    --special-template-background-3: var(--special-template-color-3);
    --special-template-background-4: var(--special-template-color-1);
    --special-template-background-5: var(--special-template-color-1);
    --special-template-background-6: var(--special-template-color-9);
    --special-template-background-7: var(--special-template-color-10);
    --special-template-background-8: var(--special-template-color-12);
    --special-template-background-9: var(--special-template-color-10);
    --special-template-background-10: var(--special-template-color-2);
    --special-template-background-11: var(--special-template-color-9);
    --special-template-background-12: var(--special-template-color-1);

    --special-template-title-1: var(--special-template-color-7);
    --special-template-title-2: var(--special-template-color-2);
    --special-template-title-3: var(--special-template-color-9);

    --special-template-text-1: var(--special-template-color-8);
    --special-template-text-2: var(--special-template-color-1);
    --special-template-text-3: var(--special-template-color-9);
    --special-template-text-4: var(--special-template-color-9);
    --special-template-text-5: var(--special-template-color-2);

    --special-template-border-1: var(--special-template-color-1);
    --special-template-border-2: var(--special-template-color-4);
    --special-template-border-3: var(--special-template-color-9);
    --special-template-border-4: var(--special-template-color-2);

    --special-template-button-1: var(--special-template-color-1);
    --special-template-button-2: var(--special-template-color-6);
    --special-template-button-3: var(--special-template-color-4);

    --special-template-font-title-1: 'Asap', sans-serif;
    --special-template-font-title-2: 'Playfair Display', serif;

    --special-template-font-size-1: 2.25rem;

    --special-template-font-weight-1: 700; */
}

body {
    font-family: var(--special-template-font-title-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
}

img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

header {
    position: sticky;
    top: 0;
    z-index: 1000 !important;
    background: var(--special-template-background-5);
    box-shadow: 0 4px 8px 0 rgba(0, 54, 21, 0.12);
}

.DLNN {
    background-color: var(--special-template-background-6);
    min-height: calc(100vh - 344px);
}

/* .section-special {
    position: relative;
}

.section-special > .overlay {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 79%;
    transform: translateY(-50%);
    background: var(--special-template-background-5);
}

.section-special > .overlay .overlay-inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.section-special > .overlay .overlay-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mask: url("../images/vector-special.svg") no-repeat center / contain;
    -webkit-mask: url("../images/vector-special.svg") no-repeat center / contain;
    background-color: var(--special-template-background-3);
    opacity: 0.1;
    z-index: 0;
}

.section-special > .overlay .overlay-inner::after {
    content: "";
    position: absolute;
    top: calc(-100% + 300px);
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 1;
    background-color: var(--white);
} */

.section-special .container {
    position: relative;
    z-index: 1;
}

.media-wrapper .item-main .item .image-light::before {
    background-color: var(--special-template-background-8);
}

.media-wrapper .item-main .item .image-light::after {
    background-color: var(--special-template-background-2);
}

.back-to-top i {
    border-color: var(--special-template-border-4);
    color: var(--special-template-text-5);
}

.yhy-append-wrap {
    position: fixed;
    bottom: 0;
    z-index: 1;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 100%);
    z-index: 1;
}

.skins-page:not(:last-of-type) div[class*="main_"]:not(.DNNEmptyPane) {
    margin-bottom: 5rem;
}

.slick-slide .overlay {
    border-radius: 0 !important;
}

.svg_icon {
    display: inline-block;
    /* vertical-align: middle; */
    width: 24px;
    height: 24px;
    background-position: 0 0;
    background-size: contain;
    padding: 0;
    font-size: 1.5rem;
    text-align: center;
    line-height: 24px;
    flex-shrink: 0;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    outline: none !important;
}

.svg_icon.svg_search {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--special-template-background-11);
    padding: 8px;
}

.svg_icon.svg_search::before {
    content: "";
    width: 24px;
    height: 24px;
    display: inline-block;
    mask: url("../images/icon-search-filled.svg") no-repeat center / contain;
    -webkit-mask: url("../images/icon-search-filled.svg") no-repeat center / contain;
    background-color: var(--special-template-background-12);
    vertical-align: top;
}

.svg_icon.svg_point {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0013 1.0415C6.81282 1.0415 3.77087 2.92736 2.49762 5.90374C1.31265 8.67367 1.95413 11.0309 3.28976 13.0494C4.38481 14.7043 5.98196 16.1813 7.42285 17.5138L7.42353 17.5144C7.69807 17.7683 7.96692 18.017 8.22555 18.2606L8.22692 18.2619C8.70608 18.7105 9.34267 18.9582 10.0013 18.9582C10.6599 18.9582 11.2965 18.7105 11.7757 18.2618C12.0203 18.0328 12.2738 17.7992 12.5325 17.5608C13.9891 16.2188 15.6087 14.7265 16.7152 13.0506C18.0492 11.03 18.6884 8.67025 17.5049 5.90374C16.2317 2.92736 13.1897 1.0415 10.0013 1.0415ZM10 5.83317C8.15905 5.83317 6.66667 7.32555 6.66667 9.1665C6.66667 11.0074 8.15905 12.4998 10 12.4998C11.8409 12.4998 13.3333 11.0074 13.3333 9.1665C13.3333 7.32555 11.8409 5.83317 10 5.83317Z" fill="white"/></svg>');
}
.svg_icon.svg_phone {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.57611 4.21308L7.36507 3.73822C7.08079 3.09861 6.93865 2.7788 6.70473 2.55275C6.55033 2.40353 6.36863 2.28545 6.16957 2.20495C5.86799 2.08301 5.51802 2.08301 4.81808 2.08301C3.77586 2.08301 3.25476 2.08301 2.84874 2.33603C2.59972 2.49122 2.36155 2.75468 2.23221 3.01805C2.02131 3.44747 2.06915 3.92057 2.16483 4.86677C2.95878 12.7183 7.2815 17.041 15.133 17.835C16.0792 17.9306 16.5523 17.9785 16.9817 17.7675C17.2451 17.6382 17.5086 17.4 17.6638 17.151C17.9167 16.745 17.9167 16.2239 17.9167 15.1817C17.9167 14.4818 17.9167 14.1318 17.7948 13.8302C17.7143 13.6311 17.5962 13.4495 17.447 13.295C17.221 13.0611 16.9012 12.919 16.2616 12.6347L15.7867 12.4236C15.2262 12.1745 14.946 12.05 14.6649 12.0264C14.3659 12.0012 14.0656 12.057 13.7956 12.1878C13.5417 12.3108 13.3248 12.5276 12.8912 12.9613C12.4645 13.388 12.2512 13.6013 11.9733 13.7269C11.703 13.8491 11.3231 13.9011 11.0298 13.856C10.7285 13.8095 10.507 13.6846 10.064 13.4348C8.49358 12.549 7.45072 11.5061 6.56499 9.93579C6.31515 9.49279 6.19023 9.27129 6.14381 8.96996C6.09864 8.67671 6.15061 8.29676 6.27286 8.02641C6.39849 7.74858 6.61182 7.53525 7.03848 7.10859C7.47216 6.67491 7.689 6.45807 7.81199 6.20419C7.94282 5.93415 7.99858 5.63387 7.97341 5.33487C7.94975 5.05377 7.8252 4.77353 7.57611 4.21308Z" fill="white"/></svg>');
}
.svg_icon.svg_mail {
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.4333 2.32217C10.8058 2.28128 9.19416 2.28128 7.56665 2.32217L7.51817 2.32339C6.24749 2.35529 5.22501 2.38096 4.40557 2.52367C3.54766 2.67308 2.85039 2.95965 2.26134 3.55094C1.67475 4.13976 1.38969 4.827 1.24312 5.67101C1.10356 6.47465 1.08231 7.47217 1.05598 8.70786L1.05493 8.75686C1.03723 9.58711 1.03723 10.4125 1.05494 11.2429L1.05598 11.2918C1.08231 12.5275 1.10356 13.525 1.24312 14.3287C1.38969 15.1727 1.67476 15.8599 2.26134 16.4487C2.85039 17.04 3.54766 17.3266 4.40557 17.476C5.225 17.6187 6.24746 17.6444 7.51813 17.6763L7.56665 17.6775C9.19416 17.7184 10.8058 17.7184 12.4333 17.6775L12.4818 17.6763C13.7525 17.6444 14.775 17.6187 15.5944 17.476C16.4523 17.3266 17.1496 17.04 17.7387 16.4487C18.3252 15.8599 18.6103 15.1727 18.7568 14.3287C18.8964 13.525 18.9177 12.5275 18.944 11.2918L18.9451 11.2429C18.9627 10.4125 18.9627 9.58711 18.9451 8.75686L18.944 8.70786C18.9177 7.47219 18.8964 6.47466 18.7568 5.67102C18.6103 4.82701 18.3252 4.13977 17.7387 3.55096C17.1496 2.95966 16.4523 2.6731 15.5944 2.52369C14.775 2.38097 13.7525 2.3553 12.4818 2.3234L12.4333 2.32217ZM6.15151 6.54527C5.85438 6.3696 5.4711 6.46806 5.29542 6.76518C5.11975 7.06231 5.21821 7.4456 5.51533 7.62127L7.96701 9.07078C8.69274 9.49987 9.31891 9.79161 10.0001 9.79161C10.6812 9.79161 11.3075 9.49987 12.0332 9.07078L14.4848 7.62127C14.782 7.4456 14.8804 7.06231 14.7047 6.76518C14.5291 6.46806 14.1458 6.3696 13.8487 6.54527L11.397 7.9948C10.6933 8.41078 10.3192 8.54161 10.0001 8.54161C9.68091 8.54161 9.30682 8.41078 8.60316 7.9948L6.15151 6.54527Z" fill="white"/></svg>');
}

.svg_icon.svg_green_facebook,
.svg_icon.svg_green_youtube,
.svg_icon.svg_green_x {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--white);
    padding: 8px;
}

.svg_icon.svg_green_mail::before,
.svg_icon.svg_green_facebook::before,
.svg_icon.svg_green_youtube::before,
.svg_icon.svg_green_x::before,
.svg_icon.svg_map::before {
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    background-color: var(--special-template-background-4);
}

.svg_icon.svg_green_mail::before,
.svg_icon.svg_map::before {
    width: 24px;
    height: 24px;
}


.svg_icon.svg_green_mail::before {
    mask: url("../images/icon-mail-open-filled.svg") no-repeat center / contain;
    -webkit-mask: url("../images/icon-mail-open-filled.svg") no-repeat center / contain;
}

.svg_icon.svg_green_facebook::before {
    mask: url("../images/icon-facebook-filled.svg") no-repeat center / contain;
    -webkit-mask: url("../images/icon-facebook-filled.svg") no-repeat center / contain;
}

.svg_icon.svg_green_youtube::before {
    mask: url("../images/icon-youtube-filled.svg") no-repeat center / contain;
    -webkit-mask: url("../images/icon-youtube-filled.svg") no-repeat center / contain;
}

.svg_icon.svg_green_x::before {
    mask: url("../images/icon-x-filled.svg") no-repeat center / contain;
    -webkit-mask: url("../images/icon-x-filled.svg") no-repeat center / contain;
}

.svg_icon.svg_location {background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.6177 21.367C13.1841 21.773 12.6044 22 12.0011 22C11.3978 22 10.8182 21.773 10.3845 21.367C6.41302 17.626 1.09076 13.4469 3.68627 7.37966C5.08963 4.09916 8.45834 2 12.0011 2C15.5439 2 18.9126 4.09916 20.316 7.37966C22.9082 13.4393 17.599 17.6389 13.6177 21.367Z" stroke="%23314158" stroke-width="1.5"/><path d="M15.5 11C15.5 12.933 13.933 14.5 12 14.5C10.067 14.5 8.5 12.933 8.5 11C8.5 9.067 10.067 7.5 12 7.5C13.933 7.5 15.5 9.067 15.5 11Z" stroke="%23314158" stroke-width="1.5"/></svg>');}
.svg_icon.svg_phone_black {background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.1585 5.71223L8.75584 4.80625C8.49256 4.21388 8.36092 3.91768 8.16405 3.69101C7.91732 3.40694 7.59571 3.19794 7.23592 3.08785C6.94883 3 6.6247 3 5.97645 3C5.02815 3 4.554 3 4.15597 3.18229C3.68711 3.39702 3.26368 3.86328 3.09497 4.3506C2.95175 4.76429 2.99278 5.18943 3.07482 6.0397C3.94815 15.0902 8.91006 20.0521 17.9605 20.9254C18.8108 21.0075 19.236 21.0485 19.6496 20.9053C20.137 20.7366 20.6032 20.3131 20.818 19.8443C21.0002 19.4462 21.0002 18.9721 21.0002 18.0238C21.0002 17.3755 21.0002 17.0514 20.9124 16.7643C20.8023 16.4045 20.5933 16.0829 20.3092 15.8362C20.0826 15.6393 19.7864 15.5077 19.194 15.2444L18.288 14.8417C17.6465 14.5566 17.3257 14.4141 16.9998 14.3831C16.6878 14.3534 16.3733 14.3972 16.0813 14.5109C15.7762 14.6297 15.5066 14.8544 14.9672 15.3038C14.4304 15.7512 14.162 15.9749 13.834 16.0947C13.5432 16.2009 13.1588 16.2403 12.8526 16.1951C12.5071 16.1442 12.2426 16.0029 11.7135 15.7201C10.0675 14.8405 9.15977 13.9328 8.28011 12.2867C7.99738 11.7577 7.85602 11.4931 7.80511 11.1477C7.75998 10.8414 7.79932 10.457 7.90554 10.1663C8.02536 9.83828 8.24905 9.56986 8.69643 9.033C9.14586 8.49368 9.37058 8.22402 9.48939 7.91891C9.60309 7.62694 9.64686 7.3124 9.61719 7.00048C9.58618 6.67452 9.44362 6.35376 9.1585 5.71223Z" stroke="%23314158" stroke-width="1.5" stroke-linecap="round"/></svg>');}
.svg_icon.svg_map::before {
    mask: url("../images/icon-location.svg") no-repeat center / contain;
    -webkit-mask: url("../images/icon-location.svg") no-repeat center / contain;
    background-color: var(--special-template-background-10);
}

.svg_icon.svg_grid_view {background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.88886 9.66294C4.39331 10 5.09554 10 6.5 10C7.90447 10 8.6067 10 9.11115 9.66294C9.32953 9.51702 9.51703 9.32952 9.66294 9.11114C10 8.60669 10 7.90446 10 6.5C10 5.09554 10 4.39331 9.66294 3.88886C9.51703 3.67048 9.32953 3.48298 9.11115 3.33706C8.6067 3 7.90447 3 6.5 3C5.09554 3 4.39331 3 3.88886 3.33706C3.67048 3.48298 3.48298 3.67048 3.33707 3.88886C3 4.39331 3 5.09554 3 6.5C3 7.90446 3 8.60669 3.33707 9.11114C3.48298 9.32952 3.67048 9.51702 3.88886 9.66294Z" stroke="%230F172B" stroke-width="1.5" stroke-linejoin="round"/><path d="M14.8888 9.66294C15.3933 10 16.0955 10 17.5 10C18.9044 10 19.6067 10 20.1111 9.66294C20.3295 9.51702 20.517 9.32952 20.6629 9.11114C21 8.60669 21 7.90446 21 6.5C21 5.09554 21 4.39331 20.6629 3.88886C20.517 3.67048 20.3295 3.48298 20.1111 3.33706C19.6067 3 18.9044 3 17.5 3C16.0955 3 15.3933 3 14.8888 3.33706C14.6705 3.48298 14.483 3.67048 14.337 3.88886C14 4.39331 14 5.09554 14 6.5C14 7.90446 14 8.60669 14.337 9.11114C14.483 9.32952 14.6705 9.51702 14.8888 9.66294Z" stroke="%230F172B" stroke-width="1.5" stroke-linejoin="round"/><path d="M3.88886 20.6629C4.39331 21 5.09554 21 6.5 21C7.90447 21 8.6067 21 9.11115 20.6629C9.32953 20.517 9.51703 20.3295 9.66294 20.1111C10 19.6067 10 18.9045 10 17.5C10 16.0955 10 15.3933 9.66294 14.8889C9.51703 14.6705 9.32953 14.483 9.11115 14.3371C8.6067 14 7.90447 14 6.5 14C5.09554 14 4.39331 14 3.88886 14.3371C3.67048 14.483 3.48298 14.6705 3.33707 14.8889C3 15.3933 3 16.0955 3 17.5C3 18.9045 3 19.6067 3.33707 20.1111C3.48298 20.3295 3.67048 20.517 3.88886 20.6629Z" stroke="%230F172B" stroke-width="1.5" stroke-linejoin="round"/><path d="M14.8888 20.6629C15.3933 21 16.0955 21 17.5 21C18.9044 21 19.6067 21 20.1111 20.6629C20.3295 20.517 20.517 20.3295 20.6629 20.1111C21 19.6067 21 18.9045 21 17.5C21 16.0955 21 15.3933 20.6629 14.8889C20.517 14.6705 20.3295 14.483 20.1111 14.3371C19.6067 14 18.9044 14 17.5 14C16.0955 14 15.3933 14 14.8888 14.3371C14.6705 14.483 14.483 14.6705 14.337 14.8889C14 15.3933 14 16.0955 14 17.5C14 18.9045 14 19.6067 14.337 20.1111C14.483 20.3295 14.6705 20.517 14.8888 20.6629Z" stroke="%230F172B" stroke-width="1.5" stroke-linejoin="round"/></svg>');}
.svg_icon.svg_map_location {background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M22 10V9.21749C22 7.27787 22 6.30807 21.4142 5.7055C20.8284 5.10294 19.8856 5.10294 18 5.10294H15.9214C15.004 5.10294 14.9964 5.10116 14.1715 4.68834L10.8399 3.02114C9.44884 2.32504 8.75332 1.97699 8.01238 2.00118C7.27143 2.02537 6.59877 2.41808 5.25345 3.20351L4.02558 3.92037C3.03739 4.49729 2.54329 4.78576 2.27164 5.26564C2 5.74553 2 6.32993 2 7.49873V15.7157C2 17.2514 2 18.0193 2.34226 18.4467C2.57001 18.731 2.88916 18.9222 3.242 18.9856C3.77226 19.0808 4.42148 18.7018 5.71987 17.9437C6.60156 17.429 7.45011 16.8944 8.50487 17.0394C9.38869 17.1608 10.21 17.7185 11 18.1138" stroke="%230F172B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 2V17" stroke="%230F172B" stroke-width="1.5" stroke-linejoin="round"/><path d="M15 5V9.5" stroke="%230F172B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M18.3083 21.6835C18.0915 21.8865 17.8017 22 17.5001 22C17.1985 22 16.9087 21.8865 16.6919 21.6835C14.7063 19.813 12.0455 17.7235 13.3431 14.6898C14.0447 13.0496 15.7289 12 17.5001 12C19.2713 12 20.9555 13.0496 21.6571 14.6898C22.9531 17.7196 20.2988 19.8194 18.3083 21.6835Z" stroke="%230F172B" stroke-width="1.5"/><path d="M17.5 16.5H17.509" stroke="%230F172B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');}
.svg_icon.svg_vr360 {background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.79817 11.4217C5.23665 11.4217 4.67579 11.1769 4.43116 11.045L4.15112 12.118C4.49454 12.3441 5.13714 12.551 5.89768 12.551C7.39073 12.551 8.30527 11.7604 8.30527 10.6779C8.30527 9.87776 7.73486 9.3225 7.02888 9.19067V9.17188C7.75329 8.90861 8.10631 8.40009 8.10631 7.75057C8.10631 6.91286 7.40915 6.22583 6.15125 6.22583C5.39071 6.22583 4.68473 6.45191 4.33177 6.68722L4.61253 7.72267C4.85716 7.57206 5.36347 7.35553 5.84324 7.35553C6.42247 7.35553 6.71211 7.62836 6.71211 7.9955C6.71211 8.51319 6.12401 8.69214 5.66272 8.70138H5.12844V9.72721H5.69002C6.29577 9.72721 6.875 10.0004 6.875 10.6028C6.87482 11.0638 6.51304 11.4217 5.79817 11.4217Z" fill="%230F172B"/><path d="M11.4396 12.5508C12.716 12.5508 13.6121 11.5533 13.6121 10.3389C13.6121 9.06818 12.7793 8.34351 11.7926 8.34351C11.2406 8.34351 10.8331 8.52208 10.5435 8.83286H10.5162C10.6702 8.11743 11.2134 7.46791 12.4352 7.36442C12.6526 7.34564 12.8155 7.33646 12.9695 7.34564V6.24428C12.8332 6.2351 12.6703 6.2351 12.4168 6.25389C11.4941 6.30102 10.7336 6.60224 10.1455 7.15751C9.51177 7.76908 9.10425 8.72944 9.10425 9.87748C9.10419 11.3367 9.87355 12.5508 11.4396 12.5508ZM10.5258 9.90589C10.6613 9.59548 10.9686 9.35979 11.3401 9.35979C11.9281 9.35979 12.2178 9.84952 12.2178 10.4144C12.2178 11.0356 11.9105 11.4965 11.4211 11.4965C10.7969 11.4965 10.4984 10.9129 10.4712 10.2634C10.4713 10.094 10.4889 9.98135 10.5258 9.90589Z" fill="%230F172B"/><path d="M16.3465 12.5511C17.8491 12.5511 18.5824 11.2524 18.5824 9.36007C18.5824 7.68472 17.967 6.22583 16.3922 6.22583C14.8719 6.22583 14.1475 7.62836 14.1475 9.39802C14.1563 11.1297 14.8262 12.5511 16.3465 12.5511ZM16.3737 7.3084C16.9257 7.3084 17.2065 8.02384 17.2065 9.37924C17.2065 10.7722 16.9168 11.4685 16.3826 11.4685C15.849 11.4685 15.5233 10.8005 15.5321 9.39802C15.5233 7.97671 15.8668 7.3084 16.3737 7.3084Z" fill="%230F172B"/><path d="M20.4943 8.76716C21.2364 8.76716 21.879 8.18356 21.879 7.37419C21.879 6.63042 21.3182 6 20.5031 6C19.7338 6 19.1184 6.62118 19.128 7.40253C19.128 8.15522 19.6976 8.76716 20.4943 8.76716ZM20.5031 6.65876C20.9194 6.65876 21.1457 7.01628 21.1457 7.38342C21.1457 7.79763 20.8745 8.10847 20.5031 8.10847C20.1324 8.10847 19.8516 7.79769 19.8516 7.39304C19.8517 7.00711 20.1052 6.65876 20.5031 6.65876Z" fill="%230F172B"/><path d="M3.29872 14.4359C2.26992 13.832 1.72242 13.0832 1.75631 12.3279C1.79021 11.5688 2.43281 10.843 3.51978 10.3367L3.21171 9.62012C1.85503 10.252 1.05027 11.2257 1.00236 12.2915C0.954446 13.3579 1.63831 14.3619 2.92727 15.1195C4.93984 16.3009 7.45129 16.4956 9.66657 16.6673L9.74396 16.673L9.79997 15.8905L9.72258 15.8844C7.5862 15.7189 5.16393 15.5315 3.29872 14.4359Z" fill="%230F172B"/><path d="M20.181 9.50122L19.8745 10.2186C21.1206 10.793 21.806 11.553 21.8052 12.3577C21.8045 13.259 20.957 14.1863 19.5377 14.8378C17.4663 15.7892 15.0798 15.9665 12.9685 15.9908L12.9704 15.207L11.0127 16.3757L12.9647 17.5549L12.9665 16.7756C15.1587 16.7509 17.6455 16.5653 19.8429 15.5559C21.5688 14.7635 22.5593 13.5978 22.56 12.358C22.5606 11.2241 21.7161 10.2094 20.181 9.50122Z" fill="%230F172B"/></svg>');}

.svg_icon.icon-half-arrow-left {background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18" stroke="%23FFFBEB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');}
.svg_icon.icon-half-arrow-right {background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18" stroke="%23FFFBEB" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>');}
.svg_icon.icon-half-arrow-left::before {content: none}
.svg_icon.icon-half-arrow-right::before {content: none}
/*****************************************************************************************************/
/**********************************NAVBAR STYLE****************************************/
/*****************************************************************************************************/
.navbar_layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 28px;
    gap: 12px;
}

.skin-dulich .navbar_layout .logocontent {
    display: flex;
    flex-direction: column;
    color: var(--special-template-logo-1);
    font-style: normal;
    font-weight: 400;
    flex-shrink: 0;
}

.skin-dulich .navbar_layout .toplogocontent {
    font-family: "UTM Bustamalaka";
    font-size: 2.125rem;
    line-height: 0.7588; /* 70.588% */
    letter-spacing: 1px;
}

.skin-dulich .navbar_layout .bottomlogocontent {
    font-family: "UTM Alberta Heavy";
    font-size: 1.5rem;
    line-height: normal;
}

.sm-contra a, .sm-contra a:hover, .sm-contra a:focus, .sm-contra a:active, .sm-contra a.highlighted {
    color: var(--special-template-text-3);
    /* Asap/Title/Medium */
    font-family: var(--special-template-font-title-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.15px;
}

.sm-contra > li {
    margin-right: 1.5rem;
    position: relative;
}

.skin-dulich .sm-contra a.has-submenu {
    padding-right: 0 !important;
}

.sm-contra > li .sub-arrow {
    display: none;
}

.sm-contra a {
    color: var(--special-template-text-3);
}

.sm-contra a.current, .sm-contra a:hover, .sm-contra a:focus, .sm-contra a:active, .sm-contra > li a.has-submenu[aria-expanded="true"] {
    background-color: transparent;
    color: var(--special-template-text-4);
}

.sm-contra a.current::after, .sm-contra a:hover::after, .sm-contra a:focus::after, .sm-contra a:active::after, .sm-contra > li a.has-submenu[aria-expanded="true"]::after {
    border-top: 2px solid var(--special-template-border-3);
}

/*****************************************************************************************************/
/**********************************FOOTER STYLE****************************************/
/*****************************************************************************************************/
footer {
    background-color: var(--special-template-background-1);
    /* background-image: url("../images/Background_Footer_Image.png"); */
    padding: 40px 0;
    position: relative;
}

footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mask: url("../images/vector-footer.svg") no-repeat center / cover;
    -webkit-mask: url("../images/vector-footer.svg") no-repeat center / cover;
    background-color: var(--special-template-background-3);
    opacity: 0.1;
    z-index: 0;
}

footer .container {
    position: relative;
    z-index: 1;
}

footer .footer-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 1rem;
}

footer .footer-info .logocontent {
    display: flex;
    flex-direction: column;
    color: var(--white);
    font-style: normal;
    font-weight: 400;
}

footer .footer-info .toplogocontent {
    font-family: "UTM Bustamalaka";
    font-size: 2.125rem;
    line-height: 0.7588; /* 70.588% */
    letter-spacing: 1px;
}

footer .footer-info .bottomlogocontent {
    font-family: "UTM Alberta Heavy";
    font-size: 1.5rem;
    line-height: 1.0833;
}

footer .copyright p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
}

footer .footer-info .info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

footer .footer-info .info * {
    color: var(--white);
    /* Asap/Body/Large */
    font-family: var(--special-template-font-title-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.5px;
}

footer .footer-info .info .address,
footer .footer-info .info .phone,
footer .footer-info .info .email {
    display: flex;
    align-items: center;
    gap: 8px;
}

footer .footer-info .info .info-row {
    display: flex;
    align-items: center;
    gap: 24px;
}

footer .footer-info .info .phone {
    padding-right: 24px;
    border-right: 1px solid var(--special-template-border-2);
}

footer .copyright,
footer .copyright a,
footer .copyright .Normal {
    color: var(--white) !important;
    /* Asap/Body/Small */
    font-family: var(--special-template-font-title-1);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.43; /* 143% */
    letter-spacing: 0.25px;
}

footer .contact-button {
    background: var(--background-bg-white, var(--white));
    border-radius: 8px;
    padding: 8px 16px 8px 16px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    margin-bottom: 1rem;
}

footer .contact-button * {
    /* Asap/Body/Medium */
    font-family: var(--special-template-font-title-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.15px;
    color: var(--special-template-button-1);
}

.onlinecounter-statistics {
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.onlinecounter-statistics .counteronline {
    display: flex;
    justify-content: space-between;
    color: var(--white);
    font-family: var(--special-template-font-title-1);
    font-style: normal;
    align-items: flex-end;
}

.onlinecounter-statistics .counteronline span:first-child {
    /* Asap/Body/Medium */
    font-size: 0.875rem;
    font-weight: 400;
    letter-spacing: 0.25px;
    line-height: 20px;
}

.onlinecounter-statistics .counteronline span:last-child {
    /* Asap/Body/Large */
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 28px;
}

footer .social {
    display: flex;
    justify-content: flex-end;
    gap: 16px;
}

.DLNN_BigTitle_Green h4 span {
    color: var(--special-template-title-2);
    /* Asap/Title/H4 */
    font-family: var(--special-template-font-title-2);
    font-size: var(--special-template-font-size-1);
    font-style: normal;
    font-weight: var(--special-template-font-weight-1);
    line-height: 1.3333; /* 133.333% */
    letter-spacing: 0.25px;
}

/*****************************************************************************************************/
/**********************************MAIN BANNER STYLE****************************************/
/*****************************************************************************************************/
@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.5, 1.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes zoom-in-only {
    0% {
        transform: scale(1, 1);
    }

    20% {
        transform: scale(1.5, 1.5);
    }

    100% {
        transform: scale(1, 1);
    }
}

@keyframes fadezoom {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.16);
    }
}

.slick-main .slick-item {
    height: 100vh;
    width: 100%;
}

.slick-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.slide-animation img {
    animation: fadezoom 10s 0s forwards;
}

@keyframes fadezoom {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.16);
    }
}

/***********BANNER************/
.mainBanner,
.mainBanner .slick-dotted.slick-slider {
    margin: 0
}

.mainBanner.mb-60 {
    margin-bottom: 60px;
}

.slide-areas {
    margin-bottom: 5rem;
}

.slide-areas.slider-half .slick-wrapper .slide-item {
    height: 500px;
}

.slide-areas.slider-full .slick-wrapper .slide-item {
    height: 712px;
    padding: 0;
}

.slide-areas .slick-wrapper .slide-item {
    position: relative;
}

.slide-areas .slick-wrapper .slide-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}

.slide-areas.slider-half .slick-wrapper .slide-item .slide-caption {
    position: absolute;
    color: var(--white);
    max-width: 600px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.slide-areas.slider-half .slick-wrapper .slide-item .slide-caption .slide-title {
    color: var(--white);
    /* Asap/Headline/Small */
    font-family: "Asap";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.3333; /* 133.333% */
    text-align: center;
}

.slide-areas.slider-full .slick-wrapper .slide-item .slide-caption {
    position: absolute;
    color: var(--white);
    bottom: 64px;
    z-index: 2;
}

.slide-areas.slider-full .slick-wrapper .slide-item .slide-caption .slide-title {
    margin-bottom: 0;
}

.slide-areas.slider-full .slick-wrapper .slide-item .slide-caption .slide-title a {
    color: var(--white) !important;
    font-family: "Paytone One" !important;
    font-size: 3rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; 
    text-transform: uppercase;
}

.slide-areas.slider-full .slick-wrapper .slide-item .slide-caption .slide-subtitle,
.slide-areas.slider-full .slick-wrapper .slide-item .slide-caption .slide-subtitle p {
    overflow: hidden;
    color: rgba(255, 255, 255, 0.80);
    text-overflow: ellipsis;
    font-family: var(--special-template-font-title-1);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4; /* 140% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    align-self: stretch;
    max-width: 700px
}

.slide-with-dots .slick-dots {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    display: flex;
    padding: 4px 8px;
    align-items: center;
    gap: 8px;
    z-index: 1;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.40);
    cursor: pointer;
}

.slide-with-dots .slick-dots li {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    opacity: 0.5;
    background: var(--Background-bg-white, #FFF);
    margin: 0;
    transition: all 0.5s ease;
}

.slide-with-dots .slick-dots li.slick-active {
    width: 24px;
    height: 8px;
    border-radius: 999px;
    opacity: 1;
    background: var(--Background-bg-white, #FFF);
}

.slide-with-dots .slick-dots li button {
    padding: 0;
    width: 100%;
    /* height: 100%; */
}

.slide-with-dots .slick-dots li button:before {
    content: none
}

/*****************************************************************************************************/
/**********************************KHUNG GIỚI THIỆU****************************************/
/*****************************************************************************************************/
.DLNN_TinBai2Cot_MotAnhSlide .slick-wrapper img {
    border-radius: 24px;
    aspect-ratio: 872 / 495;
}

.small_CM_Link,
.small_CM_Link a {
    color: var(--special-template-title-2);
    /* Asap/Title/Small */
    font-family: var(--special-template-font-title-1);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.42857; /* 142.857% */
    letter-spacing: 0.1px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.main_CM_Link,
.main_CM_Link a {
    color: var(--special-template-title-2);
    /* Asap/Headline/Small */
    font-family: var(--special-template-font-title-2);
    font-size: var(--special-template-font-size-1);
    font-style: normal;
    font-weight: var(--special-template-font-weight-1);
    line-height: 1.333; /* 133.333% */
    margin-bottom: 1.5rem;
    text-align: center;
    text-transform: uppercase;
}

.TieuDe {
    color: var(--special-template-title-1);
    /* Asap/Headline/Small */
    font-family: var(--special-template-font-title-1);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.333; /* 133.333% */
    margin-bottom: 1rem;
}

.news_summary {
    color: var(--special-template-text-1);
    /* Asap/Body/Large */
    font-family: var(--special-template-font-title-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.5px;
    margin-bottom: 1rem;
}

.link_showmore,
.link_showmore a {
    display: flex;
    width: 140px;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 999px;
    border: 1px solid var(--special-template-border-1);
    color: var(--special-template-text-5) !important;
    /* Asap/Label/Large */
    font-family: var(--special-template-font-title-1);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.42857; /* 142.857% */
    letter-spacing: 0.1px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.link_showmore.no-border {
    border: none;
    padding: 0;
    justify-content: flex-start;
    padding-top: 8px;
}

.link_showmore:hover {
    background-color: var(--special-template-border-1);
    color: var(--white) !important;
}

.link_showmore.no-border:hover {
    background-color: transparent;
    color: var(--special-template-border-1) !important;
}

.link_showmore::after {
    content: '';
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: block;
    mask: url("../images/icon-arrow-right.svg") no-repeat center / contain;
    -webkit-mask: url("../images/icon-arrow-right.svg") no-repeat center / contain;
    background-color: var(--special-template-background-10);
}

.link_showmore:hover::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(65deg) brightness(100%) contrast(103%);
}

.link_showmore.no-border:hover::after {
    filter: unset
}

/*****************************************************************************************************/
/**********************************KHUNG KHÁM PHÁ ĐIỂM ĐẾN NỔI BẬT****************************************/
/*****************************************************************************************************/
.DLNN_TinBaiGrid_6Caro .destination-grid {
    --gap: 24px;
    display: grid;
    grid-template-columns: repeat(3, calc(100% / 3 - var(--gap) * 2 / 3));
    grid-template-rows: repeat(3, 232px);
    grid-column-gap: var(--gap);
    grid-row-gap: var(--gap);
}

.DLNN_TinBaiGrid_6Caro .destination-grid .destination-content .destination-news{
    display: inline-block;
    cursor: pointer;
    perspective: 500px;
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.destination-news .overlay {
    z-index: unset;
}

.DLNN_TinBaiGrid_6Caro .destination-grid .destination-content .destination-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    margin: 0;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 78.1%, rgba(0, 0, 0, 0.8) 100%);
}

/* .DLNN_TinBaiGrid_6Caro .destination-grid .destination-content:nth-child(3) .destination-img,
.DLNN_TinBaiGrid_6Caro .destination-grid .destination-content:nth-child(4) .destination-img {
    aspect-ratio: 424 / 228;
} 

.DLNN_TinBaiGrid_6Caro .destination-grid .destination-content:nth-child(1) .destination-img,
.DLNN_TinBaiGrid_6Caro .destination-grid .destination-content:nth-child(2) .destination-img,
.DLNN_TinBaiGrid_6Caro .destination-grid .destination-content:nth-child(5) .destination-img {
    aspect-ratio: 424 / 506;
} */

.destination-content .destination-news .destination-caption .btn-destination a {
    padding: 9px 30px;
}

.DLNN_TinBaiGrid_6Caro .destination-grid .destination-content .destination-description {
    border-radius: 12px;
    position: absolute;
    bottom: 0;
    padding: 10px;
    height: 100%;
    left: 0;
    right: 0;
    opacity: 1;
    transition: all 0.5s ease-out;
}

.DLNN_TinBaiGrid_6Caro .destination-grid .destination-description .destination-link{
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    position: absolute;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
}

.destination-content .destination-link,
.destination-content .destination-link a {
    color: var(--white);
    /* Asap/Headline/Small */
    font-family: var(--special-template-font-title-1);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.333; /* 133.333% */
}

.destination-content .destination-description .destination-link {
    font-size: 1.125rem;
    text-align: center;
}

.DLNN_TinBaiGrid_6Caro .destination-grid .destination-content .destination-caption {
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    padding: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    border-radius: 12px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.DLNN_TinBaiGrid_6Caro .destination-grid .introdution {
    background: #FFFFFF;
    border-radius: 24px;
    border: 1px solid var(--Border-border-primary, #CAD5E2);
    background: var(--Background-bg-white, #FFF);
    padding: 24px;
}

.DLNN_TinBaiGrid_6Caro .destination-grid .introdution h1 {
    color: var(--special-template-title-1);
    /* Asap/Headline/Small */
    font-family: var(--special-template-font-title-1);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.333; /* 133.333% */
    margin-bottom: 1rem;
}

.DLNN_TinBaiGrid_6Caro .destination-grid .introdution .intro-summary {
    color: var(--text-secondary);
    /* Asap/Body/Large */
    font-family: var(--special-template-font-title-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.5px;
}

.DLNN_TinBaiGrid_6Caro .destination-grid .introdution .btn-introdution a {
    padding: 14px 30px;
}

.DLNN_TinBaiGrid_6Caro .destination-grid .destination-content .destination-news:hover .destination-caption {
    opacity: 1;
    animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1);
    animation-duration: 500ms;
    z-index: 3;
}

.destination-grid .introdution-details,
.destination-grid .destination-details {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    background: var(--special-template-button-2);
    color: var(--special-template-button-1);
    /* Asap/Label/Large */
    font-family: var(--special-template-font-title-1);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.42857; /* 142.857% */
    letter-spacing: 0.1px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.destination-grid .introdution-details:hover,
.destination-grid .destination-details:hover {
    background-color: var(--special-template-border-1);
    color: var(--white);
}

.destination-grid .introdution-details::after,
.destination-grid .destination-details::after {
    content: '';
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: block;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M16.6667 9.99988H3.33337" stroke="%2300A63E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M12.5002 14.1667C12.5002 14.1667 16.6668 11.098 16.6668 10C16.6668 8.90204 12.5001 5.83337 12.5001 5.83337" stroke="%2300A63E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.destination-grid .introdution-details:hover::after,
.destination-grid .destination-details:hover::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(65deg) brightness(100%) contrast(103%);
}

.destination-content .destination-news .destination-caption .destination-link{
    padding-bottom: 8px;
}

.destination-content .destination-news .destination-caption .destination-summary{
    color: var(--white);
    /* Asap/Body/Large */
    font-family: var(--special-template-font-title-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 15;
    margin-bottom: 1rem;
    min-height: calc(100% - 86px);
}

.destination-content:nth-child(4) .destination-news .destination-caption .destination-summary,
.destination-content:nth-child(5) .destination-news .destination-caption .destination-summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
    min-height: unset;
}

.destination-content .destination-news .destination-caption .btn-destination a {
    padding: 9px 30px;
}

#intro-grid { grid-area: 1 / 1 / 2 / 2; }
#destination-1 { grid-area: 2 / 1 / 4 / 2; }
#destination-2{ grid-area: 1 / 2 / 3 / 3; }
#destination-3 { grid-area: 3 / 2 / 4 / 3; }
#destination-4 { grid-area: 1 / 3 / 2 / 4; }
#destination-5 { grid-area: 2 / 3 / 4 / 4; }

/* #destination-2 img,
#destination-3 img, 
#destination-6 img {
    aspect-ratio: 424 / 506 ;
}
#destination-4 img,
#destination-5 img {
    aspect-ratio: 424 / 228 ;
} */

/*****************************************************************************************************/
/**********************************KHUNG HỘ KINH DOANH****************************************/
/*****************************************************************************************************/
.destination-content .destination-news{
    display: inline-block;
    cursor: pointer;
    perspective: 500px;
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
}

.destination-content .destination-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 50%;
    margin: 0;
    border-radius: 12px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 78.1%, rgba(0, 0, 0, 0.8) 100%);
    aspect-ratio: 312 / 448;
}

.two_item .destination-content .destination-img {
    aspect-ratio: 472 / 296;
}

.destination-content .destination-news .destination-caption .btn-destination a {
    padding: 9px 30px;
}

.destination-content .destination-description {
    border-radius: 12px;
    position: absolute;
    bottom: 0;
    padding: 10px;
    height: 100%;
    left: 0;
    right: 0;
    opacity: 1;
    transition: all 0.5s ease-out;
}

.destination-description .destination-link{
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    position: absolute;
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
}

.destination-content:hover .destination-description .destination-link .destination-title,
.destination-content:hover .destination-description .destination-link .destination-address {
    display: none;
}

.destination-content .destination-link,
.destination-content .destination-link a {
    color: var(--white);
    /* Asap/Headline/Small */
    font-family: var(--special-template-font-title-1);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.333; /* 133.333% */
}

.destination-content .destination-description .destination-link {
    font-size: 1.125rem;
    text-align: left;
}

.destination-content .destination-caption {
    --padding: 24px;
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    padding: var(--padding);
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    border-radius: 12px;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

.destination-content .destination-caption .main-destination-detail {
    position: absolute;
    width: calc(100% - var(--padding) * 2);
    bottom: 24px;
}

.destination-content .destination-address {
    color: var(--Content-text-white, #FFF);
    /* Asap/Body/Medium */
    font-family: var(--special-template-font-title-1);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.42857; /* 142.857% */
    letter-spacing: 0.25px;
}

.destination-content .introdution {
    background: #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    border-radius: 12px;
    padding: 24px;
}

.destination-content .introdution h1 {
    color: var(--special-template-title-1);
    /* Asap/Headline/Small */
    font-family: var(--special-template-font-title-1);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.333; /* 133.333% */
    margin-bottom: 1rem;
}

.destination-content .introdution .intro-summary {
    color: var(--text-secondary);
    /* Asap/Body/Large */
    font-family: var(--special-template-font-title-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.5px;
}

.destination-content .introdution .btn-introdution a {
    padding: 14px 30px;
}

.destination-content .destination-news:hover .destination-caption {
    opacity: 1;
    animation-timing-function: cubic-bezier(0.45, 1.45, 0.8, 1);
    animation-duration: 500ms;
    z-index: 3;
}

.destination-content .introdution-details,
.destination-content .destination-details {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    background: var(--special-template-button-2);
    color: var(--special-template-button-1);
    /* Asap/Label/Large */
    font-family: var(--special-template-font-title-1);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.42857; /* 142.857% */
    letter-spacing: 0.1px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.destination-content .introdution-details:hover,
.destination-content .destination-details:hover {
    background-color: var(--special-template-border-1);
    color: var(--white);
}

.destination-content .introdution-details::after,
.destination-content .destination-details::after {
    content: '';
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    display: block;
    mask: url("../images/icon-arrow-right.svg") no-repeat center / contain;
    -webkit-mask: url("../images/icon-arrow-right.svg") no-repeat center / contain;
    background-color: var(--special-template-background-10);
}

.destination-content .introdution-details:hover::after,
.destination-content .destination-details:hover::after {
    background-color: var(--white);
}

.destination-content .destination-news .destination-caption .destination-link{
    padding-bottom: 8px;
}

.destination-content .destination-news .destination-caption .destination-summary {
    color: var(--white);
    /* Asap/Body/Large */
    font-family: var(--special-template-font-title-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.5px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 15;
    margin-bottom: 1rem;
    /* min-height: calc(100% - 86px); */
}

.destination-content .destination-news .destination-caption .destination-summary .destination-content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 11;
}

.destination-content:nth-child(4) .destination-news .destination-caption .destination-summary .destination-content,
.destination-content:nth-child(5) .destination-news .destination-caption .destination-summary .destination-content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
    min-height: unset;
}

.destination-content .destination-news .destination-caption .btn-destination a {
    padding: 9px 30px;
}

.slick-wrapper .slide-item {
    overflow: hidden;
    padding: 0 12px;
}

.slick-wrapper {
    margin: 0 -12px;
}

.big_CM_Link, 
.big_CM_Link a {
    color: var(--special-template-title-2);
    /* Asap/Headline/Small */
    font-family: var(--special-template-font-title-2);
    font-size: var(--special-template-font-size-1);
    font-style: normal;
    font-weight: var(--special-template-font-weight-1);
    line-height: 1.33; /* 133.333% */
    margin-bottom: 1rem;
}

.DLNN_TinBaiSlide_CMTomTat .intro-CM {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-bottom: 64px;
}

.slick-arrow {
    box-sizing: border-box;
    border: 1px solid #e5e7eb;
    border-radius: 999px;
    padding: 10px;
    width: 48px;
    height: 48px;
    background-color: #FFF !important;
    /* background-repeat: no-repeat !important;
    background-size: 24px 24px !important;
    background-position: center !important; */
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
}

.slick-arrow::before {
    content: none
} 

.slick-arrow.slick-prev {
    left: -60px
}

.slick-arrow.slick-next {
    right: -60px
}

.slick-arrow i,
.slick-arrow i::before {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.slick-arrow i::before {
    content: '';
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    background-color: var(--special-template-background-10);
}

.slick-arrow.slick-arrow.slick-prev i::before {
    mask: url("../images/icon-arrow-left.svg") no-repeat center / contain;
    -webkit-mask: url("../images/icon-arrow-left.svg") no-repeat center / contain;
}

.slick-arrow.slick-arrow.slick-next i::before {
    mask: url("../images/icon-arrow-right.svg") no-repeat center / contain;
    -webkit-mask: url("../images/icon-arrow-right.svg") no-repeat center / contain;
}

.slick-arrow.slick-disabled {
    opacity: 0.3;
    pointer-events: none;
}

.slick-arrow:hover {
    background-color: var(--special-template-background-10) !important;
}

.slick-arrow:hover i::before {
    background-color: var(--special-template-background-9);
}

.DLNN_TinBaiSlide_CMTomTat .slick-arrow.slick-prev {
    position: absolute;
    bottom: 55px;
    left: -32%;
    top: unset;
}

.DLNN_TinBaiSlide_CMTomTat .slick-arrow.slick-next {
    position: absolute;
    bottom: 55px;
    left: calc(-32% + 56px);
    top: unset;
}

.DLNN_TinBaiSlide_CMTomTat #intro-CM {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-bottom: 128px;
}

/*****************************************************************************************************/
/**********************************KHUNG DANH SÁCH SẢN PHẨM****************************************/
/*****************************************************************************************************/
.DLNN_TinBaiSlide_4Anh .container_module {
    position: relative;
}

.DLNN_TinBaiSlide_4Anh .container_module_title {
    position: absolute;
    top: 12px;
    z-index: 1;
}

.DLNN_TinBaiSlide_4Anh .news_list__first {
    display: flex !important;
    margin-bottom: 1.5rem;
}

.DLNN_TinBaiSlide_4Anh .news_list__first__content {
    width: calc(100%/3);
    margin-right: 24px;
    padding: 80px 0 0 0;
    flex: none;
}

.DLNN_TinBaiSlide_4Anh .news_list__first__content>.news_link_bold a {
    overflow: hidden;
    color: var(--special-template-title-1);
    /* Asap/Headline/Small */
    font-family: var(--special-template-font-title-2);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: var(--special-template-font-weight-1);
    line-height: 1.33; /* 133.333% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    margin-bottom: 1rem;
}

.DLNN_TinBaiSlide_4Anh .news_content {
    margin-bottom: 20px;
    text-align: justify;
    font-family: 'Inter';
    font-size: 16px;
    line-height: 28px;
    color: var(--text);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
}

.DLNN_TinBaiSlide_4Anh .news_list__first__content > .new_traditional_conten {
    font-family: 'Inter';
    font-size: 16px;
    line-height: 28px;
    color: var(--text);
}

.DLNN_TinBaiSlide_4Anh .news_list__first__content .btn-viewdetail-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 72px;
    margin-top: 20px;
}

.DLNN_TinBaiSlide_4Anh .news_list__first__content .news_summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    align-self: stretch;
    overflow: hidden;
}

.DLNN_TinBaiSlide_4Anh .btn-viewdetail {
    border: 4px solid #feca05;
    border-radius: 999px;
    background: #feca05;
    padding: 8px 16px 8px 16px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: rgba(0, 97, 94, 1);
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.15px;
    text-align: left;
}

.btn-arrow::after {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24.000000" height="24.000000" fill="none"><rect id="arrow-right-filled" width="24.000000" height="24.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" fill-opacity="0" /><path id="Vector" d="M21 12C21 12.5523 20.5523 13 20 13L4 13C3.44772 13 3 12.5523 3 12C3 11.4477 3.44772 11 4 11L20 11C20.5523 11 21 11.4477 21 12Z" fill="rgb(0,97,94)" fill-rule="evenodd" /><path id="Vector" d="M18.9723 12C18.879 11.8452 18.6834 11.5671 18.4695 11.3251C18.0438 10.8432 17.457 10.2928 16.8445 9.76105C16.237 9.23357 15.6265 8.74365 15.1662 8.38437C14.9365 8.20515 14.5402 7.90576 14.407 7.80521C13.9624 7.47768 13.8674 6.85173 14.1949 6.40706C14.5224 5.96236 15.1484 5.86736 15.5931 6.19487L15.5968 6.19767C15.7412 6.30672 16.1599 6.62291 16.3966 6.80767C16.8737 7.18002 17.5133 7.69303 18.1557 8.25084C18.7932 8.80434 19.4565 9.4216 19.9683 10.0008C20.2231 10.2892 20.4616 10.5918 20.6417 10.8906C20.8053 11.162 21.0001 11.5568 21.0001 12C21.0001 12.4431 20.8053 12.838 20.6417 13.1094C20.4616 13.4082 20.2231 13.7108 19.9683 13.9992C19.4565 14.5784 18.7932 15.1957 18.1557 15.7492C17.5133 16.307 16.8737 16.82 16.3966 17.1923C16.1599 17.3771 15.7415 17.6931 15.5971 17.8021L15.5931 17.8051C15.1484 18.1326 14.5224 18.0376 14.1949 17.5929C13.8674 17.1483 13.9624 16.5223 14.407 16.1948C14.5402 16.0942 14.9365 15.7948 15.1662 15.6156C15.6265 15.2564 16.237 14.7664 16.8445 14.2389C17.457 13.7072 18.0438 13.1568 18.4695 12.6749C18.6834 12.4329 18.879 12.1548 18.9723 12Z" fill="rgb(0,97,94)" fill-rule="nonzero" /></svg>');
}

.DLNN_TinBaiSlide_4Anh .btn-viewdetail-wrapper {
    position: relative;
}

.DLNN_TinBaiSlide_4Anh .btn-viewdetail-wrapper .material-icons-sharp {
    position: absolute;
    left: 134px;
    color: var(--red-bg);
}

.DLNN_TinBaiSlide_4Anh .container_module_list_img {
    display: flex;
    width: calc(100%/3 * 2);
    align-items: center;
    justify-content: center;
}

.DLNN_TinBaiSlide_4Anh .list_img_traditional {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--gap);
    --item: 2;
    --gap: 16px;
}

.DLNN_TinBaiSlide_4Anh .img_tranditional_item {
    flex: 0 0 calc((100% - var(--gap)) / var(--item));
    max-width: calc((100% - var(--gap)) / var(--item));
    height: auto;
}

.DLNN_TinBaiSlide_4Anh .img_tranditional_item:nth-child(even),
.DLNN_TinBaiSlide_4Anh .img_tranditional_item:last-child {
    margin-top: 24px;
    margin-bottom: -24px;
}

.DLNN_TinBaiSlide_4Anh .img_tranditional_item:only-child {
    flex: 0 0 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
}

.DLNN_TinBaiSlide_4Anh .item_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
    aspect-ratio: 369 / 215;
}

.DLNN_TinBaiSlide_4Anh .news_list__first_navication {
    z-index: 10;
}

.DLNN_TinBaiSlide_4Anh .news_list__first_navication .material-symbols-rounded {
    color: var(--text);
    border: 1px solid var(--text);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 16px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}

.btn-viewdetail-wrapper .material-symbols-rounded {
    margin-left: 8px;
}

.DLNN_TinBaiSlide_4Anh .news_list__first_navication_text {
    font-family: 'Inter';
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    margin-left: 20px;
}

.DLNN_TinBaiSlide_4Anh .news_list__first_navication::before {
    content: '';
    color: #240507;
    margin: 0 8px;
    height: 32px;
    border-right: 1px solid #240507;
    position: absolute;
    left: 80px
}

.DLNN_TinBaiSlide_4Anh .slick-event .slick-arrow.slick-prev {
    position: absolute;
    bottom: 0;
    left: 0;
    top: unset;
}

.DLNN_TinBaiSlide_4Anh .slick-event .slick-arrow.slick-next {
    position: absolute;
    bottom: 0;
    left: 56px;
    top: unset;
}

/*****************************************************************************************************/
/**********************************KHUNG HOẠT ĐỘNG TRẢI NGHIỆM****************************************/
/*****************************************************************************************************/
#slick-DLNN_TinBai_HoatDongTraiNghiem .slide-item {
    padding: 0 12px;
}

#slick-DLNN_TinBai_HoatDongTraiNghiem .item_link_img {
    position: relative;
    overflow: hidden;
    display: block;
}

#slick-DLNN_TinBai_HoatDongTraiNghiem .item_img {
    aspect-ratio: 1144 / 553;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 24px;
    border: none;
    padding: 0;
}

#slick-DLNN_TinBai_HoatDongTraiNghiem .item_title_wrapper {
    display: flex;
    flex-direction: column;
    gap: 4px;
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 60px;
    transform: translateY(-50%);
    align-items: flex-start;
    width: max-content;
}

#slick-DLNN_TinBai_HoatDongTraiNghiem .item_title_wrapper .title-normal {
    color: var(--white);
    text-shadow: 0 0 16px #000;
    /* Asap/Headline/Small */
    font-family: var(--special-template-font-title-1);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.333; /* 133.333% */
}

#slick-DLNN_TinBai_HoatDongTraiNghiem .item_title_wrapper h3 {
    margin-bottom: 0;
}

#slick-DLNN_TinBai_HoatDongTraiNghiem .item_title_wrapper .title-normal {
    color: var(--white);
    text-shadow: 0 0 16px #000;
    /* Asap/Headline/Small */
    font-family: var(--special-template-font-title-1);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.333; /* 133.333% */
    text-transform: uppercase;
}

#slick-DLNN_TinBai_HoatDongTraiNghiem .item_title_wrapper .title-highlight {
    color: var(--special-template-title-2);
    text-shadow: 0 0 16px #000;
    font-family: "Paytone One";
    font-size: 2.8125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.15556; /* 115.556% */
    text-transform: uppercase;
}

.overlay.left-overlay {
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 100%);
    border-radius: 24px !important;
}

#slick-DLNN_TinBai_HoatDongTraiNghiem .slick-arrow.slick-prev {
    top: 50%;
    transform: translateY(-50%);
    left: 16px;
    display: none !important;
}

#slick-DLNN_TinBai_HoatDongTraiNghiem .slick-arrow.slick-next {
    top: 50%;
    transform: translateY(-50%);
    right: 16px;
    display: none !important;
}

#slick-DLNN_TinBai_HoatDongTraiNghiem:hover .slick-arrow.slick-prev,
#slick-DLNN_TinBai_HoatDongTraiNghiem:hover .slick-arrow.slick-next {
    display: block !important;
}


/*****************************************************************************************************/
/**********************************KHUNG ĐIỂM ĐẾN HOẠT ĐỘNG 2****************************************/
/*****************************************************************************************************/
.DLNN_TinBaiSlide .big_CM_Link {
    margin-bottom: 8px;
}

.DLNN_TinBaiSlide .big_CM_Link a {
    color: var(--special-template-title-2);
    text-align: center;
    display: block;

    /* Playfair Display/Display/Small */
    font-family: var(--special-template-font-title-2);
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.222; /* 122.222% */
}

.DLNN_TinBaiSlide .introdution span {
    color: var(--special-template-text-1);
    text-align: center;

    /* Asap/Body/Large */
    font-family: var(--special-template-font-title-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.5px;
    margin-bottom: 40px;
    display: block;
}

/*****************************************************************************************************/
/**********************************KHUNG ĐIỂM ĐẾN HOẠT ĐỘNG 2****************************************/
/*****************************************************************************************************/

.DLNN_TinBai2Cot_AnhDaiDien .TieuDe {
    font-family: var(--special-template-font-title-2);
    font-weight: 700;
}

.DLNN_TinBai2Cot_AnhDaiDien .item_img {
    aspect-ratio: 648 / 380;
    border-radius: 24px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.DLNN_TinBai2Cot_AnhDaiDien .news_summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
}

.DLNN_TinBai2Cot_AnhDaiDien .slick-arrow.slick-next {
    right: calc(50% - 100px);
    transform: translateX(50%);
    top: calc(50% + 60px);
}

.DLNN_TinBai2Cot_AnhDaiDien .slick-arrow.slick-arrow.slick-prev {
    left: calc(50% + 37px);
    transform: translateX(-50%);
    top: calc(50% + 60px);
}

/*****************************************************************************************************/
/**********************************KHUNG HOẠT ĐỘNG TRẢI NGHIỆM 2****************************************/
/*****************************************************************************************************/
.DLNN_TinBai_HoatDongTraiNghiem_4Item .item_img {
    aspect-ratio: 1;
    border-radius: 999px;
    border: 1px solid var(--Border-border-secondary, #E2E8F0);
    padding: 6px;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.DLNN_TinBai_HoatDongTraiNghiem_4Item .item_link_img {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.DLNN_TinBai_HoatDongTraiNghiem_4Item .item_title_wrapper .item_title {
    color: var(--special-template-title-1);
    text-align: center;
    /* Asap/Title/Large */
    font-family: var(--special-template-font-title-1);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4; /* 140% */
}

/*****************************************************************************************************/
/**********************************KHUNG DANH SÁCH ĐỊA ĐIỂM****************************************/
/*****************************************************************************************************/ 
.inner_CM_link, .inner_CM_link a{
    color: var(--special-template-title-2);
    /* Playfair Display/Display/Small */
    font-family: var(--special-template-font-title-1);
    font-size: 2.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.22; /* 122.222% */
    margin-bottom: 40px;
}

.DLNN_DanhSachTinBai .destination-group {
    --item: 4;
    --gap: 24px;
    display: flex;
    flex-wrap: wrap;
    gap: var(--gap);
}

.three_item .DLNN_DanhSachTinBai .destination-group {
    --item: 3;
}

.two_item .DLNN_DanhSachTinBai .destination-group {
    --item: 2;
}

.two_item .DLNN_DanhSachTinBai .destination-content .destination-news .destination-caption .destination-summary .destination-content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
}

.DLNN_DanhSachTinBai .destination-group > .destination-content {
    flex: 0 0 calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    max-width: calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
}

.breadcrumb {
    padding: 24px 0;
    margin-bottom: 0;
}

.breadcrumb span>span>span:last-child>a {
    color: var(--special-template-title-2) !important;
}

.breadcrumb span>span>span>a {
    font-weight: 500;
}

.btn-sidebar {
    position: fixed;
    right: 0;
    top: 30%;
    transform: translateY(-50%);
    z-index: 11;
    background: #fff;
    padding: 8px;
    border-radius: 50% 0 0 50%;
    box-shadow: -2px 0 4px .1rem rgba(30,45,190,.15);
    align-items: center;
    justify-content: center
}

.div-full>.btn-sidebar,.div-news>.btn-sidebar,.div-sidebar>.btn-close {
    display: none
}

@media screen and (max-width: 1117px) {
    .div-full>.btn-sidebar,.div-news>.btn-sidebar {
        display:flex;
        text-align: right;
        margin-bottom: 8px
    }

    .div-sidebar>.btn-close {
        display: block;
        margin-bottom: 8px
    }

    .div-sidebar {
        max-width: 335px;
        width: 100%;
        top: 0;
        height: 100vh;
        position: fixed;
        right: -100%;
        transition: .5s;
        display: block;
        z-index: 101;
        padding-top: 30px;
        overflow: hidden auto
    }

    .div-sidebar.show {
        display: block;
        right: 0;
        background: #fff;
        box-shadow: -4px 0 4px rgba(30,45,190,.12);
        z-index: 100000;
    }

    .dim-background {
        display: none;
        transition: .5s ease-in-out
    }

    .div-full.has_sidebar .dim-background,.div-news.has_sidebar .dim-background {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0,0,0,.6);
        z-index: 100;
        display: block
    }

    .div-full,.div-main,.div-news {
        flex: 0 0 100%;
        max-width: 100%
    }
}

.pagination.pagination-customize {
    gap: 8px;
}

.paginationjs-pages ul li, .pagination.pagination-customize li.page-item {
    display: flex;
    width: 36px;
    height: 36px;
    padding: 8px !important;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 8px;
    border: 1px solid var(--Border-border-secondary, #E2E8F0);
    background: var(--Background-bg-white, #FFF);
}

.paginationjs-pages ul li.active, .pagination.pagination-customize li.page-item.active {
    border-radius: 8px;
    background: var(--special-template-title-2) !important;
}

.pagination.pagination-customize li.page-item.active, .pagination.pagination-customize li.page-item.active a.page-link {
    color: var(--white) !important;
    background-color: var(--special-template-title-2) !important;
    pointer-events: none;
    cursor: none;
}


/*****************************************************************************************************/
/**********************************KHUNG CHI TIẾT DU LỊCH - ĐỊA ĐIỂM****************************************/
/*****************************************************************************************************/ 
.TinBai_BaiViet_DLNN .news_image {
    width: 100%;
}

.TinBai_BaiViet_DLNN .news-image-slider {
    width: 100%;
    position: relative;
    background: rgb(226, 232, 240);
    border-radius: 16px;
    overflow: hidden;
}

.TinBai_BaiViet_DLNN .news-image-item {
    width: 100%;
    text-align: center;
}

.TinBai_BaiViet_DLNN .news-image-item img {
    width: 100%;
    height: auto;
    max-height: 464px;
    object-fit: contain;
    cursor: pointer;
}

.TinBai_BaiViet_DLNN .news-image-thumb {
    width: 100%;
    margin-top: 15px;
}

.TinBai_BaiViet_DLNN .news-image-thumb-item {
    text-align: center;
    padding: 5px;
}

.TinBai_BaiViet_DLNN .news-image-thumb-item img {
    width: 100%;
    height: 112px;
    object-fit: cover;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 8px;
}

.TinBai_BaiViet_DLNN .news-image-thumb-item img:hover {
    border: 6px solid transparent;
    border-color: rgba(0, 0, 0, 0.50);
    opacity: 0.8;
}

.TinBai_BaiViet_DLNN .news-image-thumb .slick-slide.slick-current img {
    border: 6px solid transparent;
    border-color: rgba(0, 0, 0, 0.50);
    opacity: 1;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_GioiThieu .news_title {
    font-family: var(--special-template-font-title-1);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.33;
    margin-bottom: 4px;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_GioiThieu .summary-information {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_GioiThieu .summary-information > * {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_GioiThieu .summary-information > *:not(:last-child)::after {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    aspect-ratio: 1 / 1;
    background: var(--Border-border-primary, #CAD5E2);
    border-radius: 999px;
    margin-left: 8px;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_GioiThieu .summary-information * {
    overflow: hidden;
    color: var(--special-template-text-1) !important;
    /* Asap/Body/Large */
    font-family: var(--special-template-font-title-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.5px;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_GioiThieu .summary-information .map {
    color: var(--special-template-title-2) !important;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_GioiThieu .new_summary {
    font-weight: 400;
    text-align: justify;
    margin-bottom: 1.5rem;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_GioiThieu .Media {
    margin-bottom: 1.5rem;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .slick-arrow.slick-prev {
    left: 16px
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .slick-arrow.slick-next {
    right: 16px
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_Media .news_video, .main_media .video-main {
    height: 100%;
}

/* Video Slider Styling */
.ChiTietTinBai.TinBai_BaiViet_DLNN .news-video-slider {
    width: 100%;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .news-video-item {
    padding: 0 8px;
    text-align: center;
    position: relative;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .news-video-item img {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    cursor: pointer;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .news-video-item .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 10;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_Khac .Title {
    padding-bottom: 1.5rem;
    padding-left: 0;
    margin: 0;
    border-bottom: none;
    color: var(--special-template-title-1) !important;
    /* Asap/Headline/Small */
    font-family: var(--special-template-font-title-1);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.33; /* 133.333% */
    text-transform: none;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_Khac {
    padding-top: 0;
    border-top: none;
}

.div-news .ChiTietTinBai.TinBai_BaiViet_DLNN #ChiTiet {
    flex: 0 0 auto;
    width: 100%;
}

.div-news .ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_Khac {
    flex: 0 0 auto;
    width: 100%;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_Khac .Title::before {
    content: none;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_Khac .list_news {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.div-news .ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_Khac .list_news {
    display: flex;
    flex-direction: row;
    gap: var(--gap);
    --item: 3;
    --gap: 24px;
    flex-wrap: wrap;
}

.div-news .ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_Khac .list_news li {
    flex: 0 0 calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    max-width: calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
}

.div-news .ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_Khac .list_news li:nth-child(n+4) {
    display: none;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_Khac .news_other .list_news li:not(:last-of-type) {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_GioiThieu .Media .news_thumb img {
    max-width: 100%;
    border-radius: 16px;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_Khac .news_other .list_news li .news_info {
    flex-direction: column;
    align-items: flex-start;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_Khac .news_other .list_news li .news_info img {
    border-radius: 16px;
    aspect-ratio: 312 / 180;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN  .group-function>div {
    padding: 8px;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN  .group-function>div:not(.text-zoom) {
    aspect-ratio: 1;
}


.half-arrows .slick-arrow {
    box-sizing: border-box;
    border-radius: 999px;
    padding: 12px;
    width: 32px;
    height: 48px;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 4px;
    background: rgba(0, 0, 0, 0.60) !important;
}

.hover-arrows:hover .slick-arrow {
    display: flex;
}

.hover-arrows .slick-arrow {
    display: none;
}

.half-arrows .slick-arrow::before {
    content: none !important
} 

.half-arrows .slick-arrow.slick-prev {
    border-radius: 0 999px 999px 0;
    left: 12px;
    padding: 12px 8px 12px 0 !important;
}

.half-arrows .slick-arrow.slick-next {
    right: 12px;
    border-radius: 999px 0 0 999px;
    padding: 12px 0 12px 8px !important;
}

/* .ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_BaiViet {
    display: flex;
    flex-wrap: wrap;
}

.ChiTietTinBai.TinBai_BaiViet_DLNN .TinBai_Media {
    flex: 1 1 100%;
} */

.DLNN .div-news .contraC h4.titleH span {
    color: var(--special-template-title-2);
    font-family: var(--special-template-font-title-2);
    font-size: var(--special-template-font-size-1);
    font-style: normal;
    font-weight: var(--special-template-font-weight-1);
    line-height: 1.22;
    margin-bottom: 1rem;
}

.DLNN .ChiTietTinBai .TinBai_GioiThieu .news_title {
    font-family: var(--special-template-font-title-1);
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.33;
    margin-bottom: 4px;
}

.DLNN .ChiTietTinBai .TinBai_GioiThieu .news_date {
    overflow: hidden;
    color: var(--special-template-text-1) !important;
    font-family: var(--special-template-font-title-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.5px;
}

.DLNN .ChiTietTinBai .TinBai_GioiThieu .new_summary {
    font-weight: 400;
    text-align: justify;
    margin-bottom: 1.5rem;
    font-size: 1rem;
    letter-spacing: 0.5px;
}

.DLNN .ChiTietTinBai .TinBai_ChiTiet .news_content span, .DLNN .ChiTietTinBai .TinBai_ChiTiet .news_content p span {
    font-family: var(--special-font-family-asap) !important;
}

.DLNN .ChiTietTinBai .TinBai_Khac .news_other .list_news li .news_title a {
    font-family: var(--special-font-family-asap);
}

.ChiTietTinBai .TinBai_GioiThieu .Media .news_thumb img {
    border-radius: 16px;
}

/*****************************************************************************************************/
/**********************************KHUNG CHUYÊN MỤC***************************************/
/*****************************************************************************************************/ 
.DLNN_Title_Green.contraC h5.circle span, 
.DLNN_Title_Green.contraC h4.titleH span,
.DLNN_Title_Green.contraC h4.titleH span a,
.module-right h4.titleH span {
    color: var(--special-template-title-2);
    /* Playfair Display/Headline/Small */
    font-family: var(--special-template-font-title-1);
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.33; /* 133.333% */
}

.showmore {
    color: var(--special-template-title-2) !important;
}

.DLNN_Title_Green {
    padding: 16px 24px 24px;
    border-radius: 16px;
    background: var(--special-template-background-7);
}

.DLNN_Title_Green .menu-m8-group ul > li:not(:last-of-type), 
.DLNN_Title_Green .sidebar-content ul.list_chuyenmuc.list_child > li:not(:last-of-type), 
.DLNN_Title_Green .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child > li:not(:last-of-type), 
.DLNN_Title_Green .DanhSachChuyenMucCapDoc ul.list_chuyenmuc > li:not(:last-of-type) {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 16px;
}

.DLNN_Title_Green .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li::before {
    background-color: var(--special-template-title-1);
}

.DLNN_Title_Green .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li.active::before,
.DLNN_Title_Green .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li:hover::before {
    background-color: var(--special-template-title-2);
}

.DLNN_Title_Green .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li.active a {
	color: var(--special-template-title-2);
}

.DLNN_Title_Green .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li a:hover {
    color: var(--special-template-title-2);
}

.DLNN .DanhSachChuyenMucNhieuCap ul.list_chuyenmuc.list_child li a {
    font-family: var(--special-template-font-title-1);
}

.DLNN_ListTinBai.DanhSachTinBai .list_news li .item_img_link img {
    width: 100%;
    aspect-ratio: 336 / 212;
    object-fit: cover;
    border-radius: 16px;
}

.DLNN_ListTinBai.DanhSachTinBai .list_news li .item_img_link {
    margin-right: 1.5rem;
}

.DLNN_ListTinBai.DanhSachTinBai .list_news li:not(:last-of-type) {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #E2E8F0;
}

.DLNN_ListTinBai.DanhSachTinBai .list_news li .news_title a {
    font-family: var(--special-template-font-title-1);
    font-size: 1.25rem;
}

.DLNN_ListTinBai.DanhSachTinBai .list_news li .news_date::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    flex-shrink: 0;
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 1.6665V3.33317M5 1.6665V3.33317" stroke="%2362748E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.99658 10.8335H10.0041M9.99658 14.1668H10.0041M13.3262 10.8335H13.3337M6.66699 10.8335H6.67447M6.66699 14.1668H6.67447" stroke="%2362748E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.91699 6.6665H17.0837" stroke="%2362748E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.08301 10.2027C2.08301 6.57162 2.08301 4.75607 3.12644 3.62803C4.16987 2.5 5.84925 2.5 9.20801 2.5H10.7913C14.1501 2.5 15.8295 2.5 16.8729 3.62803C17.9163 4.75607 17.9163 6.57162 17.9163 10.2027V10.6307C17.9163 14.2618 17.9163 16.0773 16.8729 17.2053C15.8295 18.3333 14.1501 18.3333 10.7913 18.3333H9.20801C5.84925 18.3333 4.16987 18.3333 3.12644 17.2053C2.08301 16.0773 2.08301 14.2618 2.08301 10.6307V10.2027Z" stroke="%2362748E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.5 6.6665H17.5" stroke="%2362748E" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.DLNN_ListTinBai.DanhSachTinBai .list_news li .news_date {
    display: flex;
    align-items: center;
}

/*****************************************************************************************************/
/**********************************KHUNG THƯ VIỆN MEDIA***************************************/
/*****************************************************************************************************/ 
.DLNN .category-media_list .category-list, 
.DLNN .media-wrapper .item-main {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    --item: 3;
    --gap: 24px;
    gap: var(--gap);
}

.DLNN .category-media_list .category-list .category-item, 
.DLNN .media-wrapper .item-main .item {
    flex: 0 0 calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    max-width: calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    padding: 0;
    margin-bottom: 0;
}

.DLNN .media-wrapper .item-main .item .image-light > a {
    border-radius: 16px;
    overflow: hidden;
}

.DLNN .media-wrapper .item-main .item .image-light {
    position: relative;
}

.DLNN .media-wrapper .item-main .item .image-light a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.80) 100%);
    z-index: 2;
    pointer-events: none;
}

.DLNN .category-media_list .category-list .category-item .category-inner, 
.DLNN .media-wrapper .item-main .item .album-lg, 
.DLNN .media-wrapper .item-main .item .videosAlbum {
    position: relative;
}

.DLNN .media-wrapper .item-main .item .image-title {
    position: absolute;
    bottom: 1.5rem;
    left: 1.5rem;
    z-index: 3;
}

.DLNN .media-wrapper .item-main .item .image-title span {
    color: var(--Content-text-white, #FFF);
    /* Asap/Title/Large */
    font-family: var(--special-template-font-title-1);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.4; /* 140% */
}

.DLNN .media-wrapper .item-main .item .total-item {
    top: 1.25rem;
    bottom: unset;
    right: 0.75rem;
    padding: 0.35rem;
    font-size: 0.875rem;
}

/*****************************************************************************************************/
/**********************************KHUNG KHÁM PHÁ VR360***************************************/
/*****************************************************************************************************/ 
#VR360_Tabs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: none;
    gap: 8px;
    margin-bottom: 24px;    
}

#VR360_Tabs h4 {
    margin-bottom: 0;
}

#VR360_Tabs .list_tab {
    display: flex;
    justify-content: flex-end;
    border-bottom: none;
    gap: 8px;
}

#VR360_Tabs li .nav-link {
    display: flex;
    padding: 8px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--Border-border-secondary, #E2E8F0);
    color: var(--special-template-text-1);
    /* Asap/Body/Large */
    font-family: var(--special-template-font-title-1);
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5; /* 150% */
    letter-spacing: 0.5px;
} 

#VR360_Tabs li .nav-link.active,
#VR360_Tabs li:hover .nav-link {
    background-color: var(--special-template-title-2);
    color: var(--white);
}

#VR360_Tabs li .nav-link.active i,
#VR360_Tabs li:hover .nav-link i {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(329deg) brightness(112%) contrast(101%);
}

.view_list_VR360 ul {
    display: flex;
    flex-wrap: wrap;
    --item: 3;
    --gap: 24px;
    gap: var(--gap);
    padding-bottom: 60px;
}

.view_list_VR360 ul li {
    flex: 0 0 calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    max-width: calc((100% - (var(--item) - 1) * var(--gap)) / var(--item));
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.view_list_VR360 ul li .group-image {
    position: relative;
}

.view_list_VR360 ul li .group-image img {
    aspect-ratio: 424 / 272;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.view_list_VR360 ul li .VR360-title {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    margin-bottom: 0;
    width: 100%;
    padding: 0 24px;
}

.view_list_VR360 ul li .VR360-title a {
    color: var(--Content-text-white, #FFF);
    text-align: center;
    /* Asap/Title/Large */
    font-family: var(--special-template-font-title-1);
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.4; /* 140% */
}   

.view_list_VR360 ul li .group-image .svg_vr360.svg_big {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    background: url("../images/vr360.svg") no-repeat center / 80px auto;
}

.view_list_VR360 ul li .group-image a {
    display: block;
    width: 100%;
    height: 100%;
}

.module-right .DnnModule:not(.DnnModule-TrinhDienQuangCao, .DnnModule-TrinhDienThongTinDoanhNghiep, .DnnModule-Empty) {
    padding: 1rem 1.5rem;
    border: 1px solid var(--Border-border-secondary, #E2E8F0);
    border-radius: 16px;
}

.form-GuiGopY {
    margin-bottom: 5rem;
}

.form-GuiGopY .title-container p.title-top {
    color: var(--special-template-title-2) !important;
}

.form-GuiGopY .group-button-action .btn.btn-primary, 
.form-GuiGopY .group-button-action .btn.btn-primary:hover, 
.form-GuiGopY .group-button-action .btn.btn-primary:focus {
    color: var(--white);
    background-color: var(--special-template-title-2) !important;
    border-color: var(--special-template-title-2) !important;
}

.form-GuiGopY .group-button-action .btn.btn-outline-secondary, 
.form-GuiGopY .group-button-action .btn.btn-outline-secondary:hover, 
.form-GuiGopY .group-button-action .btn.btn-outline-secondary:focus {
    color: var(--special-template-title-2);
    background-color: var(--white) !important;
    border-color: var(--special-template-title-2) !important;
}

.form-GuiGopY [type="radio"]:checked+label:after, 
.form-GuiGopY [type="radio"]:not(:checked)+label:after {
    background-color: var(--special-template-title-2);
}

.form-GuiGopY [type="radio"]:checked+label:before {
    border-color: var(--special-template-title-2);
}

.TinBai_VR360 {
    position: relative;
    margin-top: 2rem
}

.TinBai_VR360 img {
    border-radius: 16px;
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 968 / 432;
}

.TinBai_VR360 .KhamPha_VR360 {
    position: absolute;
    z-index: 1;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    display: flex;
    width: calc(100% / 3 * 2);
    padding: 32px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    background: rgba(0, 0, 0, 0.10);
    backdrop-filter: blur(4px);
}

.TinBai_VR360 .KhamPha_VR360 .TieuDe_VR360 {
    color: var(--Content-text-white, #FFF);
    text-align: center;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.50);

    /* Playfair Display/Headline/Medium */
    font-family: "Playfair Display";
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4; /* 128.571% */
    margin-bottom: 8px;
}

.TinBai_VR360 .KhamPha_VR360 .button {
    border-radius: 999px;
    background: var(--Secondary-200, #FFEA88);
    box-shadow: 0 0 16px 0 rgba(128, 96, 16, 0.12);
    display: flex;
    padding: 8px 16px;
    align-items: flex-start;
    gap: 4px;
}

.TinBai_VR360 .KhamPha_VR360 .button a {
    color: var(--Content-text-black, #000);
    text-align: center;
    font-family: Asap;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.42857; /* 142.857% */
    letter-spacing: 0.1px;
}

.TinBai_DatHang {
    position: relative;
    margin: 2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.TinBai_DatHang .news_order_button a{
    border-radius: 999px;
    background: var(--Secondary-200, #FFEA88);
    box-shadow: 0 0 16px 0 rgba(128, 96, 16, 0.12);
    display: flex;
    padding: 16px 32px;
    align-items: flex-start;
    gap: 4px;

    font-family: "Playfair Display";
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.4; /* 128.571% */
    letter-spacing: 0.1px;
}

.personabar-visible .lg-outer {
    left: 80px;
    width: calc(100% - 80px);
}

body {
    top: 0 !important;
}

.goog-te-banner-frame.skiptranslate,
.goog-logo-link,
.goog-te-gadget span,
.skiptranslate {
    display: none !important;
}

.language-group {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: none;
    margin-right: 16px;
}

.language-group button,
.language-group button:hover {
    padding: 0;
    border: 0;
    background-color: transparent;
    flex: none;
}

.language-group button:focus {
    outline: none;
}

.language-group button img {
    width: 24px;
    height: 24px;
    padding: 0;
}