/*css fonts sf pro*/

/* @import url('https://fonts.googleapis.com/css2?family=Archivo&family=Roboto&display=swap'); */

/*@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");*/

@font-face {
    font-family: Roboto;
    src:
        url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype"),
        url("../fonts/Roboto/Roboto-Regular-webfont.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src:
        url("../fonts/Roboto/Roboto-Italic.ttf") format("truetype"),
        url("../fonts/Roboto/Roboto-Italic-webfont.woff") format("woff");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: Roboto;
    src:
        url("../fonts/Roboto/Roboto-Bold.ttf") format("truetype"),
        url("../fonts/Roboto/Roboto-BoldItalic-webfont.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src:
        url("../fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype"),
        url("../fonts/Roboto/Roboto-BoldItalic-webfont.woff") format("woff");
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: Archivo;
    src: url("../fonts/Archivo/static/Archivo/Archivo-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Archivo;
    src: url("../fonts/Archivo/static/Archivo/Archivo-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: Archivo;
    src: url("../fonts/Archivo/static/Archivo/Archivo-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Archivo;
    src: url("../fonts/Archivo/static/Archivo/Archivo-BlackItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
}
@media only screen and (max-width: 590px) {
    .header {
        display: none;
    }
    #text-left {
        float: left;
        width: 100% !important;
        position: relative !important;
        padding-right: 30px !important;
        font-size: 16px !important;
        margin-top: 10px;
    }
    .main-slider .archivo-bold-z80-w800-linear-gradient {
        font-size: 52px;
    }
    #bg-right {
        float: left;
        width: 100% !important;
        margin-top: 20px !important;
    }
    #text-left .archivo-bold-z64-w700 {
        font-size: 36px !important;
        line-height: 25px;
    }
    .container-fluid {
        overflow: hidden;
    }
}
/*.main-slider .archivo-bold-z24-w700{
			font-size: 20px !important;
			margin: 0px !important;
		}*/
.banner-3 {
    max-width: 97%;
    height: 90%;
}
.banner-2 {
    max-width: 100% !important;
    height: 90% !important;
}
.banner-2 {
    background-size: cover !important;
    height: 100%;
    background-position: center center;
    border-radius: 25px !important;
}
html {
    scroll-behavior: smooth;
}
.box-lang-img-left {
    display: flex;
    align-items: center;
}
.box-search {
    display: flex;
    align-items: center;
    position: relative;
}
/*.customize-container {
		    	width: 100vw ;

		     margin: 0px;
		}*/
.owl-carousel .owl-stage-outer {
    height: auto !important;
}
.hero-story,
.scrollTo {
    margin-right: 5px !important;
}
.footer {
    padding-top: 64px !important;
    padding-bottom: 32px !important;
    min-height: 280px !important;
}

.ms-signInLink {
    display: none !important;
}

.ms-webpartzone-cell {
    margin: 0 !important;
}
a {
    text-decoration: none !important;
}

.roboto-nomarl-z14-w500 {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #747272 !important;
}

.roboto-nomarl-z20-w500 {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    line-height: 28px;
}

.roboto-nomarl-z20-w400 {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #747272;
}

.roboto-nomarl-z14-w400 {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #747272 !important;
}

.roboto-nomarl-z16-w400 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #747272 !important;
}

.roboto-nomarl-z16-w400-italic {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    color: black !important;
}

.roboto-nomarl-z16-w500 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #747272 !important;
}

.roboto-bold-z14-w700 {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #747272 !important;
}

.roboto-bold-z18-w500 {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #747272 !important;
}

.roboto-bold-z20-w500 {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #747272 !important;
}

.roboto-bold-z16-w600 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    color: #1b1718 !important;
}

.roboto-bold-z16-w700 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #747272 !important;
}

.roboto-bold-z18-w700 {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #747272 !important;
}

.archivo-bold-red-z32-w700 {
    font-family: "Archivo", sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: #ba202e;
    line-height: 32px;
}

.archivo-bold-z36-w800 {
    font-family: "Archivo", sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 48px;
}

.archivo-bold-z20-w700 {
    font-family: "Archivo", sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #747272 !important;
}

.archivo-bold-z24-w700 {
    font-family: "Archivo", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #463638;
    line-height: 32px;
}

.archivo-bold-z14-w500 {
    font-family: "Archivo", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.archivo-bold-z48-w700 {
    font-family: "Archivo", sans-serif;
    font-size: 48px;
    font-weight: 700;
    line-height: 32px;
}

.archivo-bold-z48-w700-lh64 {
    font-family: "Archivo", sans-serif;
    font-size: 48px;
    font-weight: 700;
    color: #ba202e;
    line-height: 64px;
}

.archivo-bold-z32-w700 {
    font-family: "Archivo", sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: black;
    line-height: 64px;
}

.mx-auto {
    margin: 0 auto;
}

.font-Archivo {
    font-family: "Archivo", sans-serif;
}

.font-size-xxl {
    font-size: 68px;
}

.box-shadow {
    box-shadow: 4px 4px 64px rgba(116, 116, 116, 0.1);
}

.button {
    width: 66px;
    height: 44px;
    border: none;
    background: #fdfcfc;
    border-radius: 26px;
}

.bg-FDFCFC {
    background: #fdfcfc;
}

.bg-F8F7F7 {
    background-color: #f8f7f7 !important;
}

.bg-ECEAEA {
    background-color: #eceaea;
}

.color-1B1718 {
    color: #1b1718 !important;
}

.color-black {
    color: black !important;
}

.color-fdfcfc {
    color: #fdfcfc !important;
}

.color-463638 {
    color: #463638 !important;
}

.color-2C2022 {
    color: #2c2022 !important;
}

.color-747272 {
    color: #747272 !important;
}

.bg-05050080 {
    background-color: #05050080;
}

.mb-32 {
    margin-bottom: 32px;
}

.mb-48px {
    margin-bottom: 48px;
}

.mr-48px {
    margin-right: 48px;
}

.ml-48px {
    margin-left: 48px;
}

.mt-48px {
    margin-top: 48px;
}

.mt-64px {
    margin-top: 64px;
}

.mb-64 {
    margin-bottom: 64px;
}

.ml-64 {
    margin-left: 64px;
}

.mr-64 {
    margin-right: 64px;
}

.mt-68px {
    margin-top: 68px;
}

.mb-68 {
    margin-bottom: 68px;
}

.ml-68 {
    margin-left: 68px;
}

.mr-68 {
    margin-right: 68px;
}

.py-12px {
    padding-top: 12px;
    padding-bottom: 12px;
}

.px-14px {
    padding-left: 14px;
    padding-right: 14px;
}

.pb-120 {
    padding-bottom: 120px !important;
}

/*.padding-items-menu {
    padding: 10px 0 10px 16px !important;
}*/

.padding-items-menu-items {
    padding: 4px 0;
}

.padding-menu-mobile {
    padding: 10px 16px;
    align-items: center;
}
/* .no-home > img ,
div.padding-menu-mobile > a > img {
	width: 103px;
} */
.w-full {
    width: 100%;
}

.header,
.box-logo,
.navbar {
    float: left;
}

.header {
    background-color: #fdfcfc;
    width: 100%;
    /*padding: 0px 80px;*/
}

.navbar {
    width: 70%;
    position: relative;
    height: 60px;
}

.text-hover:hover {
    color: #ba202e !important;
}

.justify-evenly {
    justify-content: space-evenly;
}

.text-focus {
    color: #ba202e !important;
}

.line-text {
    text-align: center;
    border-bottom: 2px solid transparent;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #f15b40 0%, #fdb913 100%);
}

.navbar-full {
    width: 100%;
    position: relative;
    height: 60px;
}

.img-auto {
    width: 100%;
    height: auto;
}

.lag-booking {
    float: right;
    width: 15%;
    height: 60px;
    padding-top: 20px;
}

.box-language img {
    width: 20px !important;
    height: 20px !important;
}
.box-lang-content-right {
    display: flex;
    align-items: center;
}

.box-lag {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right: 25px;
}

.box-language {
    display: flex;
    align-items: center;
    gap: 8px;
}

.box-language {
    margin-left: 25px;
}

.box-language a {
    margin: 0px 5px;
}

.box-lang-content-right p {
    margin: 0px;
    max-height: 100%;
    top: -1px;
    padding: 0px;
    position: relative;
}

.container-fluid {
    padding: 0px !important;
    /* Huong author */
    background-color: #f8f7f7;
}

.footer {
    float: left;
    width: 100%;
    background: #eceaea;
}

.nav-item.nav-link {
    margin-right: 25px;
    display: flex;
}

.nav-item.nav-link span img {
    margin-left: 5px;
    margin-top: 0px;
    transition: 0.2s;
}
.row {
    margin: 0px !important;
}

.footer .row {
    margin: 0px !important;
}

.logo-footer {
    padding: 0px !important;
}

.social {
    margin: 25px 0px;
    display: flex;
}

.left_-100 {
    left: -100% !important;
}

.right-0 {
    right: 0 !important;
}

.social-item {
    margin-right: 25px;
}

.contact-item {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.contact-item img {
    margin-right: 25px;
}

.group ul,
.support ul {
    list-style: none;
    padding: 0px;
}

.group ul li,
.support ul li {
    margin-bottom: 10px;
}

.home-address {
    max-width: 170px;
}

/* .slider-banner {} */

.overflow-hidden {
    overflow: hidden;
}

/*@media screen and (max-width: 1599px) {
    .customize-container {
        width: 100vw !important;
    }
}*/
@media screen and (max-width: 991px) {
    .customize-container {
        padding: 0 !important;
    }
}

@media (max-width: 1024px) {
    .collapse.navbar-collapse {
        /* position: absolute;
        transform: translate(50%, 0%); */
        margin-left: 20%;
    }
}

@media (max-width: 1366px) {
    .collapse.navbar-collapse {
        /* position: absolute;
        transform: translate(50%, 0%); */
        margin-left: 10%;
    }
}

.gap-32px {
    gap: 32px;
}

/* Author: Huongpt */

/* Begin */

.color-676767 {
    color: #676767;
}

.color-747272 {
    color: #747272 !important;
}

.color-ED243A {
    color: #ba202e !important;
}

.color-FDFCFC {
    color: #fdfcfc !important;
}

.color-C3C0C0 {
    color: #c3c0c0 !important;
}

.color-777E91 {
    color: #777e91 !important;
}

.color-F8F7F7 {
    color: #f8f7f7 !important;
}

.color-000000 {
    color: #000000 !important;
}

.color-353945 {
    color: #353945 !important;
}

.color-817E7E {
    color: #817e7e !important;
}

.color-292929 {
    color: #292929 !important;
}

.color-83828A {
    color: #83828a !important;
}

.color-5B5A62 {
    color: #5b5a62 !important;
}

.color-2E2E2E {
    color: #2e2e2e;
}

.archivo-nomarl-z24-w700 {
    font-family: "Archivo", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: calc(32 / 24);
    color: #463638;
}

.archivo-bold-z48-w700 {
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: calc(64 / 48);
}

.archivo-bold-z32-w700 {
    font-family: "Archivo", sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: calc(40 / 32);
}

.archivo-bold-z68-w700 {
    font-family: "Archivo", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 68px;
    line-height: calc(84 / 68);
}
.archivo-nomarl-z14-w500-lh20 {
    font-family: "Archivo", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: calc(20 / 14);
}
.roboto-nomarl-z16-w500 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    line-height: calc(24 / 16);
}

.roboto-nomarl-z20-w500-lh20 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: calc(20 / 20);
}

.roboto-nomarl-z20-w500-lh28 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: calc(28 / 20);
}

.roboto-nomarl-z20-w400 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: calc(28 / 20);
}

.roboto-nomarl-z20-w600 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: calc(28 / 20);
    text-align: justify;
}

.roboto-light-z16-w400 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: calc(24 / 16);
    text-align: justify;
}

.roboto-nomarl-z16-w500-lh20 {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: calc(20 / 16);
}

.roboto-nomarl-z14-w500-lh14 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: calc(14 / 14);
}

.roboto-italic-z20-w500-lh36 {
    font-family: "Roboto", sans-serif;
    font-style: italic;
    font-weight: 500;
    font-size: 20px;
    line-height: calc(36 / 20);
    letter-spacing: -0.4px;
}

.roboto-bold-z20-w700-lh20 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 1;
}

.roboto-bold-z20-w700-lh28 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: calc(28 / 20);
}

.roboto-normal-z16-w500-lh16 {
    font-family: system-ui, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
}

.roboto-nomarl-z14-w400-lh20 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: calc(20 / 14);
}

.roboto-nomarl-z18-w500-lh20 {
    font-family: system-ui, sans-serif, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
}
.roboto-normal-z16-w500-lh24 {
    font-family: system-ui, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: calc(24 / 16);
}
.roboto-nomarl-z14-w500-lh20 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: calc(20 / 14);
}
.roboto-nomarl-z16-w400-lh20 {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: calc(20 / 14);
}
.button {
    outline: none;
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    padding: 16px 32px;
    border: 1px solid #747272;
    border-radius: 8px;
    width: auto;
    height: auto;
    background: none;
}

.button--dark {
    color: #2c2022;
    position: relative;
}

.button--light {
    color: #747272;
}

.button--transparent {
    position: relative;
    color: #ffffff;
    border: 1px solid transparent;
}

.button--pink {
    border: 1px solid transparent !important;
    background-color: #ba202e !important;
    color: #fdfcfc !important;
}

.button--back {
    padding: 16px !important;
}

.button--back span {
    font-size: 14px;
    line-height: 1;
    color: #463638;
    margin-left: 10px;
}

/*.button--dark::after,
.button--transparent::after {
    content: "";
    background-color: #ba202e;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0%;
    height: 2px;
    /* border-radius: 0px 4px 4px 0px;
    transition: 0.4s;
}

.button--dark:hover::after,
.button--transparent:hover::after {
    width: 100%;
    transition: 0.4s;
    box-shadow: 4px 4px 64px rgba(116, 116, 116, 0.1);
}*/

.button:hover {
    color: white;
}

.button--dark:hover {
    color: #2c2022;
}

.button--pink:hover {
    background: linear-gradient(to right, #f7b500, #ba202e);
}

/*.gap-83 {
    gap: 83px;
}*/

.red-caption {
    font-family: "Archivo", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: calc(32 / 24);
    position: relative;
    padding-left: 80px;
    margin-bottom: 32px;
    margin-top: 105px;
}

.red-caption::before {
    content: "";
    width: 60px;
    height: 2px;
    background-color: #ba202e;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.view-more {
    display: flex;
    align-items: center;
    gap: 0 20px;
    margin-top: 32px;
}

.view-more span {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: #ba202e;
}

.view-more img {
    width: fit-content !important;
}

.clear-both {
    clear: both;
}

.button-dropdown {
    background-color: #f8f7f7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 16px 25px;
    border: 1px solid #c3c0c0;
    border-radius: 8px;
}

.dropdown-menu.show {
    width: 100%;
}

.custom-pagination-num {
    gap: 4px;
}

.custom-pagination-num > li > a,
#pagination-reward > li > span {
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    font-family: system-ui, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #463638;
    cursor: pointer;
}

.custom-pagination-num > li.active > a {
    color: #fdfcfc;
    background-color: #ba202e;
}

a {
    text-decoration: none;
    color: #1e1e23;

    font-size: 1.5em;
    font-weight: 400;
    transition: 200ms;
}

.nav_menu_mobile {
    height: 100vh;
    display: none;
    flex-direction: column;
    left: 100%;
    position: fixed;
    z-index: 5;
    float: right;
    background: #fff;
    width: 90%;
    transition: 0.3s;
    top: 0;
}

.nav_menu_item {
    /*padding: 10px 0;*/
    color: #ba202e;
    transition: 0.5s;
}

.items-menu-sub:hover > a {
    box-sizing: content-box;
    border-left-width: 4px;
    border-left-style: solid;
    border-image: linear-gradient(-180deg, #f15b40 0%, #fdb913 100%);
    border-image-slice: 1;
}

.nav_menu .nav_menu_item:hover {
    padding: 10px 0;
    color: white !important;
    background-color: #ba202e;
    padding-left: 40px;
}

.nav_menu_item a:hover {
    color: #ba202e !important;
}

.an .custom-pagination-num > li > a,
#pagination-reward > li > span {
    display: inline-flex;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #463638;
    cursor: pointer;
}

.custom-pagination-num > li.active > a {
    color: #fdfcfc;
    background-color: #ba202e;
}

.rotate-180 {
    padding-left: 20px;
    transform: rotate(180deg);
    transition: 0.3s;
}

/* subsidiary SECTION */

.subsidiary {
    overflow: hidden;
    padding: 24px 0;
    background-color: #eceaea;
    width: 100%;
    border-bottom: 1px dashed #c3c0c0;
}

.subsidiary-img img {
    width: 100% !important;
    height: 40px;
    filter: grayscale(95%);
}

div.highlighted .subsidiary-item > a > img {
    filter: grayscale(0%) !important;
}
.subsidiary-item:hover a > img {
    filter: grayscale(0%) !important;
}
.subsidiary-container {
    position: relative;
}

.subsidiary-prev {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}

.subsidiary-next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 2;
    cursor: pointer;
}

#navbarNavAltMarkup {
    margin: 0 auto;
    flex-grow: 0 !important;
}

.view-more:hover span {
    color: #f7b500;
}

.border-big {
    border-top: 1px solid #727272;
    width: 77px;
    height: 1px;
    margin: 0px 5px;
}

.owl-dots .owl-dot.active {
    border-radius: 1px;
    border: 2px solid black !important;
    background-color: black !important;
}

.cus-owl-dots.owl-dots {
    padding: 12px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    /*gap: 0 30px;*/
    transform: rotate(0deg);
    border: 0;
    position: unset;
    bottom: 0px;
    left: 0px;
}

.cus-owl-dots.owl-dots .owl-dot {
    border: none;
    outline: none;
    width: 35px;
    min-width: 35px;
    height: 7px;
    border: 2px solid #eceaea;
    border-radius: 9px;
    background-color: #eceaea;
    margin: 0 15px;
    padding: 0;
}

.cus-owl-dots.owl-dots .owl-dot.active {
    border: 2px solid #ba202e !important;
    background-color: #f8f7f7 !important;
}

.custom-pagination {
    display: flex;
    align-items: center;
    /* justify-content: end; */
    /*gap: 0 24px;*/
}
.custom-pagination-prev {
    margin-right: 24px;
}

.custom-pagination-prev,
.custom-pagination-next {
    width: 66px;
    height: 44px;
    background: #fdfcfc;
    box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.04);
    border-radius: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.custom-pagination-prev img,
.custom-pagination-next img {
    width: auto !important;
}

.custom-disabled {
    background: transparent;
}

.custom-disabled img {
    filter: grayscale(100%);
}

.header-child .navbar-full {
    padding-top: 10px;
}

.row {
    margin: 0 !important;
}

/* BUTTON */

a.animated-button span {
    margin-left: 10px;
}

a.animated-button:link,
a.animated-button:visited {
    position: relative;
    display: block;
    /* margin: 30px auto 0; */
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    border-radius: 8px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

a.animated-button:link:after,
a.animated-button:visited:after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
}

a.animated-button:link:hover,
a.animated-button:visited:hover {
    text-shadow: none;
}

a.animated-button:link:hover:after,
a.animated-button:visited:hover:after {
    height: 450%;
}

a.animated-button.thar-three {
    cursor: pointer;
    display: inline-block;
    position: relative;
    border: 1px solid #c3c0c0;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    /* width: 200px; */
    border-radius: 8px;
}

a.animated-button.thar-three:hover {
    background-color: transparent;
    color: #fff !important;
    opacity: 0.9;
    border: 1px solid #ba202e;
}

a.animated-button.thar-three:hover:before {
    left: 0%;
    right: auto;
    width: 100%;
}

a.animated-button.thar-three:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: "";
    background: #ba202e;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}

.padding-16-16 {
    padding: 16px 16px !important;
}
.drop-down-menu .dropdown {
    align-items: center;
    justify-content: center;
}
.section-dropdown-menu {
    /*padding: 9px 0;*/
    width: 100%;
    background-color: #f8f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f7f7 !important;
    /*box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.04);*/
    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.04);
}
.section-dropdown-list {
    display: flex;
    align-items: center;
    justify-content: center;
    /*gap: 38px;*/
    flex-wrap: wrap;
    padding: 0;
}
.section-dropdown-item {
    padding: 12px 15px;
    /*padding: 12px 8px;*/
}
.section-dropdown-link {
    padding: 8px;
    /*padding: 17px 0;*/
    position: relative;
}

.section-dropdown-link.active {
    padding-left: 8px;
    color: #1b1718 !important;
    font-weight: 700;
}
.section-dropdown-link::before {
    content: url(../images/mini-icon-logo.png);
    position: absolute;
    top: 25%;
    left: -10px;
    transform: rotate(90deg);
    transition: all 1s ease-in-out;
    opacity: 0;
}

.section-dropdown-link:hover::before {
    opacity: 1;
    transform: rotate(180deg);
}
.section-dropdown-link::after {
    border-image-slice: 1;
    background: linear-gradient(to left, #f15b40 0%, #fdb913 100%);
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 0%;
    height: 2px;
}
.section-dropdown-link:hover::after {
    width: 100%;
    transition: 0.3s;
}
.section-dropdown-link.active::before {
    opacity: 1;
}
.section-dropdown-link.active::after {
    width: 100%;
}

/* CHI TIET TIN TUC */
.section-dropdown-link.active-ct {
    padding-left: 8px;
    color: #1b1718 !important;
    font-weight: 700;
}
.section-dropdown-link.active-ct::before {
    opacity: 1;
}
.section-dropdown-link.active-ct::after {
    width: 100%;
}

/* END BUTTON */

@media screen and (max-width: 992px) {
    .section-dropdown-menu {
        display: none;
    }
    .archivo-bold-z48-w700 {
        font-size: 28px;
        line-height: calc(38 / 28);
    }
    .archivo-bold-z32-w700 {
        font-size: 24px;
        line-height: calc(32 / 24);
    }
    .archivo-nomarl-z24-w700 {
        font-size: 24px;
        line-height: calc(32 / 24);
    }
    .roboto-light-z16-w400 {
        font-size: 14px;
        line-height: calc(20 / 14);
    }
    .roboto-nomarl-z20-w400 {
        font-size: 18px;
        line-height: calc(28 / 18);
    }
    .roboto-nomarl-z20-w500-lh28 {
        font-size: 16px;
        line-height: calc(20 / 16);
    }
    .roboto-bold-z20-w700-lh20 {
        font-size: 18px;
        line-height: calc(28 / 18);
    }
    .archivo-bold-z68-w700-mb {
        font-size: 36px;
        line-height: calc(48 / 36);
    }
    .button {
        font-size: 12px;
        line-height: calc(16 / 12);
    }
    .red-caption {
        font-weight: 500;
        font-size: 18px;
        line-height: calc(28 / 18);
        padding-left: 56px;
        margin-bottom: 16px;
        margin-top: 45px;
    }
    .red-caption::before {
        width: 40px;
    }
    .view-more {
        margin-top: 20px;
    }
    .view-more span {
        font-size: 14px;
        line-height: calc(16 / 14);
    }
    .custom-pagination-num > li > a,
    .custom-pagination-num > li > span {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .subsidiary {
        padding: 20px 0 20px 0px;
    }
    .subsidiary-prev,
    .subsidiary-next {
        display: none;
    }
}

.unactive-menu {
    transform: translate(0%);
    transition: all 0.5s ease 0s;
}

.active-menu {
    transform: translate(-90%);
    transition: all 0.5s ease 0s;
}

.h0 {
    visibility: hidden !important;
    height: 0 !important;
}

.h-288 {
    height: 288px;
}

.submenu {
    transition: 0.3s;
}

.menu-mobile {
    position: fixed;
    width: 100%;
    padding-right: 16px;
    z-index: 999999;
    background-color: #fdfcfc;
}

.menu-mobile ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* .menu-mobile ul li {
    Sub Menu
} */

.menu-mobile ul li a {
    display: block;
    padding: 14px 16px;
    text-decoration: none;
    -webkit-transition: 0.2s linear;
    -moz-transition: 0.2s linear;
    -ms-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

/* .menu-mobile ul li a:hover {
    background: #f8f8f8;
    color: #515151;
} */

.menu-mobile ul li a .fa {
    width: 16px;
    text-align: center;
    margin-right: 5px;
    float: right;
}

/* .menu-mobile ul ul {} */

.menu-mobile ul li ul li a {
    border-left: 4px solid transparent;
    padding: 10px 32px;
}

/* .menu-mobile ul li ul li a:hover {} */

.customize-container {
    /*width: 1440px !important;*/
    max-width: 1440px;
    padding: 0 80px;
    margin: 0px auto;
}
.box-language-mobile svg {
    width: auto !important;
}

/* End */

.drop-down-menu:hover .dropdown {
    z-index: 5;
    top: 60px;
    margin-bottom: 0;
    position: fixed;
}
/*.drop-down-menu:hover .dropdown a{
	    padding: 12px 20px;
}*/
.navbar {
    padding: 0px;
}
.nav-item.nav-link {
    padding: 20px 0px;
}
/*.container-fluid.dropdown ul{
	margin: 0 auto;
    padding: 0;
}
.dropdown li {
    padding: 12px 8px;
    list-style: none;
}
#tng-main .container{
	padding:0px !important;
}
.dropdown li a::before {
content: url(/_catalogs/masterpage/tng/images/mini-icon-logo.png);
    position: absolute;
    top: 13px;
    left: 2px;
    transform: rotate(45deg);
    transition: all 1s ease-in-out;
    opacity: 0;
    }

.dropdown li a:hover::before {
    opacity: 1;
    transform: rotate(90deg);
}*/
.home {
    display: none !important;
}
/* .no-home img{
	width: 73px;
    margin-top: 11px;
} */
.header-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1500px) {
    /* .customize-container{
		max-width: 1140px;
    	padding: 0px 20px;
	}
	.header .customize-container{
		height: 60px;
	} */
    .navbar {
        width: 78%;
    }
    .lag-booking {
        width: 12%;
    }
}

.ms-signInLink {
    display: none !important;
}
#s4-bodyContainer {
    padding-bottom: 0 !important;
}
.tng-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 99%;
    z-index: 100;
}
.group ul li a:hover {
    color: #ba202e;
}
.icon-mouse-scroll svg {
    width: 24px !important;
    height: auto;
}
.mouse-scroll-text {
    margin-top: 8px;
}
@media (max-width: 1500px) {
    .icon-mouse-scroll svg {
        width: 20px !important;
        height: auto;
    }

    .mouse-scroll-text {
        margin-top: 8px;
        font-family: "Archivo";
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: calc(16 / 12);
        color: #ffffff;
    }
}

.animated-button2 span {
    margin-left: 10px;
}

.animated-button2:link,
.animated-button2:visited {
    position: relative;
    display: block;
    /* margin: 30px auto 0; */
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    border-radius: 8px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.animated-button2:link:after,
.animated-button2:visited:after {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
}

.animated-button2:link:hover,
.animated-button2:visited:hover {
    text-shadow: none;
}

.animated-button2:link:hover:after,
.animated-button2:visited:hover:after {
    height: 450%;
}

.animated-button2.thar-three {
    cursor: pointer;
    display: inline-block;
    position: relative;
    /* border: 1px solid #C3C0C0; */
    border: transparent;
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    /* width: 200px; */
    border-radius: 8px;
    background-color: #ba202e;
    padding: 16px 32px;
    color: #fdfcfc;
    font-family: system-ui, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: calc(24 / 20);
}

.animated-button2.thar-three:hover {
    background-color: transparent;
    color: #ffffff !important;
    opacity: 0.9;
    border: 1px solid #ba202e;
}

.animated-button2.thar-three:hover:before {
    left: 0%;
    right: auto;
    width: 100%;
}

.animated-button2.thar-three:before {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 0px;
    z-index: -1;
    content: "";
    /* background: #ED243A; */
    /* background: linear-gradient(to right, #f7b500, #e02020);
     */
    /*background: linear-gradient(278.34deg, #F15B40 0%, #FDB913 100%);*/
    background: linear-gradient(to right, #f15b40 0%, #fdb913 100%);
    transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
    border-radius: 8px;
    color: #ffffff !important;
}
.contact-container-mobile,
.footer-link-mobile {
    display: none;
}
.icon-menu-dropdown {
    margin-left: 8px;
}
.navbar-nav-item.active > a {
    color: #ba202e !important;
}
.navbar-nav-item.active > a .icon-menu-dropdown svg path {
    stroke: #ba202e !important;
}

.navbar-nav-item > a.active {
    color: #ba202e !important;
}
.contact-container-desktop {
    max-width: 285px;
}
.navbar-nav-item:hover > a,
.footer-link:hover > a {
    color: #ba202e !important;
}
.navbar-nav-item:hover > a .icon-menu-dropdown svg path {
    stroke: #ba202e !important;
}
/*.subsidiary-img {
	display:block;
	height:48px;
}*/

.drop-down-menu .dropdown.active {
    display: flex !important;
}
.drop-down-menu .dropdown.active {
    z-index: 4;
    top: 60px;
    margin-bottom: 0;
    position: fixed;
}
.footer-cat.socail-mobile,
.copyright-mobile {
    display: none;
}
#test1 {
    position: relative;
}
.intro-main-title {
    font-family: system-ui, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 52px;
    line-height: 56px;
    color: #ba202e;
    position: absolute;
    right: 15%;
    top: 55%;
    display: none;
}
.intro-title-main {
    font-family: system-ui, sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 52px;
    line-height: 56px;
    color: #ba202e;
    position: absolute;
    top: 77%;
    right: 37.5%;
    white-space: nowrap;
}
.intro-main-text {
    font-family: system-ui, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #747272;
}
.intro-main-scroll {
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.header-search-wrapper {
    float: right;
    position: relative;
}
.search-main {
    cursor: pointer;
}
.header-search-wrapper .search-form-main {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.15);
    border-top: 2px solid #408c40;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 150%;
    width: 300px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
}
.search-form-main.active-search {
    opacity: 1;
    visibility: visible;
    display: flex;
}
.search-form {
    display: flex;
}
.header-search-wrapper .search-form-main {
    border-top-color: #ba202e;
    display: flex;
    align-items: center;
}
.header-search-wrapper .search-form-main:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #408c40;
    content: "";
    position: absolute;
    right: 0px;
    top: -10px;
}
.header-search-wrapper .search-form-main:before {
    border-bottom-color: #ba202e;
}
.header-search-wrapper .search-form-main .search-field {
    border-radius: 0;
    padding: 4px 10px;
    width: 100%;
    border: none;
    outline: none;
}
.header-search-wrapper .search-form-main .search-submit {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    min-width: 6em;
    margin-left: 10px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    padding: 10px 0 10px;
    height: 32px;
    font-family: system-ui, sans-serif;
    color: #fdfcfc;
    background: #ba202e;
    cursor: pointer;
    outline: none;
}
.object-fit-contain {
    object-fit: contain;
    height: 500px;
}
.object-fit-contain > img {
    height: unset !important;
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, 60%);
}
.text-justify {
    text-align: justify !important;
}

div#noidung * {
    max-width: 100% !important;
    width: 100%;
    clear: both !important;
    background: none !important;
    font-family: "Archivo" !important;
}
#icons-close {
    width: 14px !important;
    height: 14px !important;
}
#icons-bx {
    width: 23px !important;
    height: 14px !important;
}
div.contact-container-mobile > div:nth-child(1) > span {
    display: none;
}

@media screen and (max-width: 1680px) {
    .intro-main-title {
        right: 14%;
    }
}
@media screen and (max-width: 1339px) {
    .customize-container {
        width: 90vw !important;
        margin: 0 auto;
        padding: 0 !important;
    }
}
@media (max-width: 1366px) {
    .customize-container {
        max-width: 1266px;
    }
    .box-logo .flex-column img {
        width: 90% !important;
    }
    .header .effect {
        pointer-events: none;
        justify-content: center;
        align-items: center;
    }
    .intro-main-title {
        right: 17%;
    }
}
@media (max-width: 1280px) {
    .box-logo .flex-column img {
        width: 100% !important;
    }
    .intro-main-title {
        right: 11%;
    }
}

@media screen and (max-width: 991px) {
    .header {
        display: none;
    }
    .clear-both {
        height: 65px !important;
    }
    a.animated-button2.thar-three {
        font-weight: 500;
        font-size: 14px;
        line-height: calc(20 / 14);
        padding: 10px 24px;
    }
    .box-menu-mobile {
        /*height: 100vh;*/
        overflow: auto;
    }
    .box-menu-mobile > .nav_menu_item > a.active {
        color: #ba202e !important;
    }
    .nav_menu_mobile {
        border-left: 1px solid #eceaea;
    }
    .submenu .items-menu-sub a.active {
        font-weight: 500;
        box-sizing: content-box;
        border-left-width: 4px;
        border-left-style: solid;
        border-image: linear-gradient(-180deg, #f15b40 0%, #fdb913 100%);
        border-image-slice: 1;
    }
    .icon-down {
        transition: 0.3s;
        padding-right: 20px;
    }
    .social.desktop,
    .copright.desktop {
        display: none;
    }
    .footer-cat.socail-mobile,
    .copyright-mobile {
        display: block;
    }

    .contact-container-mobile {
        display: block;
    }
    .footer-link-mobile {
        display: flex;
        flex-wrap: wrap;
        margin-top: 32px;
    }
    .contact-container-desktop,
    .footer-cat-desktop.group,
    .footer-cat-desktop.support {
        display: none;
    }
    .box-language-mobile {
        display: flex;
        align-items: center;
        background: #ffffff;
        padding: 26px 0 34px 22px;
        box-shadow: 0px -2px 8px rgba(0, 0, 0, 0.08);
        margin-bottom: 40px;
        position: absolute;
        left: 0px;
        bottom: 100px;
        width: 100%;
    }
    .box-language-mobile .language__container {
        width: 53px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: 16px;
    }
    .contact-item-mobile-title {
        font-family: system-ui, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 14px;
        line-height: 20px;
        color: #1b1718;
    }
    .footer {
        padding-top: 16px !important;
        padding-bottom: 0 !important;
    }
    .contact-container-mobile {
        margin-top: 20px;
    }
    .footer-cat.socail-mobile {
        margin-top: 32px;
    }
    .copyright-mobile {
        margin-top: 16px;
        padding: 16px 0;
        text-align: center;
    }
    .contact-item-mobile-text {
        font-size: 14px;
        line-height: 20px;
    }
    div.footer-link-mobile > div.col-6.footer-cat.group > h3,
    div.footer-link-mobile > div.col-6.footer-cat.support > h3 {
        font-size: 16px;
        font-weight: 700;
    }

    div.footer-link-mobile > div.col-6.footer-cat.group > ul > li > a,
    div.footer-link-mobile > div.col-6.footer-cat.support > ul > li > a {
        font-size: 14px;
    }
    div.col-12.footer-cat.socail-mobile > h3 {
        font-size: 14px;
        font-weight: 700;
    }
    div.col-12.copyright-mobile > p {
        font-size: 12px;
    }
    div.footer-cat-desktop.footer-cat.contact > div.contact-container-mobile > div:nth-child(n + 2) > span {
        color: #463638;
    }
}