:root { --bg-primary: #EE8F96; --color: #8FC31F; --color-page: #EE8F96; --color-primary: #EE8F96; --color-paginate: #D12230; --font-primary: 'SVN-Gilroy'; --content-width: 1440px; --color-bortop: #ebebeb; --color-sale: #F6F6F6; --width-page-content: 1240px; --width-box-content: 1018px; --w-page-login: 500px; --width-box-footer: 946px; --content-width-other: 1085px; --content-width-cart: 870px; --content-width-danhgia: 1055px; }
.content-main img, .product-detail-content-item img { height: auto !important; }
.overflow-hidden { overflow: hidden; }
* { box-sizing: border-box; }
body { font-family: var(--font-primary); font-size: 14px; margin: 0 auto; max-width: 100% }
img { max-width: 100%; display: block; image-rendering: pixelated; image-rendering: -webkit-optimize-contrast; }
a { text-decoration: none !important; }
p, h1, h2, h3, h4 { margin: 0; }
ul, ol { list-style-type: none; padding: 0; margin: 0; }
body { top: 0px !important; max-width: 1920px; width: 100%; margin: 0 auto; }
.font-roboto { font-family: 'Roboto' }
p.hello { text-align: right; float: right; clear: both; color: #666; }
.glt-clear { height: 0px; clear: both; margin: 0px; padding: 0px; }
.text-split-1 { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 1; }
.text-split-2 { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.text-split { overflow: hidden; text-overflow: ellipsis; white-space: normal; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
.no-focus:focus { border: none !important; outline: none !important; box-shadow: none !important }
.bg-gadient { background-image: linear-gradient(90deg, #6CBD42 18.2%, #003D0D 100%); }
.bg-gadient-input { background-image: linear-gradient(90deg, #6CBD42 18.2%, #003D0D 100%); }
.css_define ul, .css_define ol { list-style-type: inherit; margin-left: 20px; }
[type='checkbox'], [type='radio'] { background-color: #ebebeb !important; }
.alert { z-index: 999; }
.logo-w svg{width: 100%}
.gap-5{grid-gap: 16px}
.css-define { font-family: var(--font-primary); line-height: 1.7; }
.css-define ul, .css-define ol { list-style: unset; margin: unset; padding: unset; padding-left: 30px; margin-bottom: 10px; }
.css-define p { margin-bottom: 10px; }
.css-define img { margin-bottom: 10px; }
.bg-contact-menu { background: #47775C !important; }
.bor-50 { border-radius: 50%; }
.no-focus:focus { outline: none; box-shadow: none }
.page-over { overflow: hidden; }
.content-css { line-height: 1.6; font-size: 16px; }
.content-css p, .content-css h1, .content-css h2, .content-css h3 { margin-bottom: 10px; }
.content-css img { margin-bottom: 10px; }
.content-css ul { list-style-type: initial; }
.content-detail-css { line-height: 1.6; font-size: 14px; }
.content-detail-css ul { list-style-type: initial; padding-left: 1.5rem; }
.content-home-css ul { padding-left: 1rem; }
.main_page_detail #slider { padding-bottom: 0 !important; }
.limit-2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; }
.limit-4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; /* number of lines to show */ line-clamp: 4; -webkit-box-orient: vertical; }
.scroll-css::-webkit-scrollbar { width: 5px; height: 5px; background-color: #ebebeb; /* or add it to the track */ }
.text-1 { background: linear-gradient(261.84deg, #C9E364 0%, #C9E364 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; transition: all ease 700; -webkit-transition: all ease 700; -moz-transition: all ease 700; -ms-transition: all ease 700; -o-transition: all ease 700; }
.group:hover .text-1 { -webkit-text-fill-color: #fff; }
.title-head { text-align: left; background: url('../img/before.png')left center no-repeat; position: relative; font-size: 32px; font-weight: 700; color: #11773c; padding: 13px 0px 14px 15px; text-transform: capitalize; }
.title-head:before { content: ""; position: absolute; height: 27px; border-right: 3px solid #11773c; left: 0; top: calc(50% - 26px/2); }
.shadow-custom { box-shadow: 0px 4px 70px 0px rgba(0, 0, 0, 0.20); }
.img-about{width: 90%}
/* Add a thumb */
.scroll-css::-webkit-scrollbar-thumb { background: #999; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.hover-btn:hover { background-image: linear-gradient(255deg, #6CBD42 18.2%, #003D0D 100%); }

/* Firefox */
input[type=number] { -moz-appearance: textfield; }
.eye-btn svg { width: 20px; }
.eye-btn svg:nth-child(1) { display: block }
.eye-btn svg:nth-child(2) { display: none; }
.eye-active svg:nth-child(1) { display: none; }
.eye-active svg:nth-child(2) { display: block; }
.arrow-up { width: 0; height: 0; border-left: 4px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid white; position: absolute; top: -5px; left: 50%; }
.header-scroll { opacity: 0; }
.swiper-hidden { opacity: 0; }
.content-page-layout { max-width: var(--width-page-content); margin: auto; }
.content-box-layout { max-width: var(--width-box-content); margin: auto; }
.content-layout { max-width: var(--content-width); margin: auto; }
.content-layout-other { max-width: var(--content-width-other); margin: auto; }
.content-layout-small { max-width: var(--width-box-footer); margin: auto; }
.content-layout-cart { max-width: var(--content-width-cart); margin: auto; }
.content-layout-danhgia { max-width: var(--content-width-danhgia); margin: auto; }
.content-layout-login { max-width: var(--w-page-login); margin: auto; }
.css-upload-file { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer;/*opacity: 0;*/ }
.login-form-alert { margin-top: 5px; display: none; font-size: 12px; color: red; font-style: italic; }
.login-form-alert-lg { display: block; padding: 15px 10px; margin-bottom: 20px; background: rgb(195 70 70 / 20%); border-radius: 3px; color: rgb(195 70 70); }
.login-form-alert-top { background: #ffff; padding: 1rem; border-radius: 4px; margin-bottom: 1rem; font-size: 15px; font-weight: 600; }
.is-invalid~.invalid-feedback, .is-invalid~.invalid-tooltip, .was-validated:invalid~.invalid-feedback, .was-validated:invalid~.invalid-tooltip { display: block; }
.invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: .875em; color: #dc3545; }
.checkbox-custom .invalid-feedback { position: absolute; left: 0; bottom: -24px }
.bg-gadient-1{background-image: linear-gradient(#f1f7dc, #fff0);}
/*=== dev pagination ===*/
.dev-paginator { margin: 3rem 0px; }
.dev-paginator .pagination { justify-content: center; display: flex; gap: 0px; }
.dev-paginator .page-item { width: 34px; height: 24px; display: flex; align-items: center; justify-content: center; background: #fff; font-size: 13px; }
.dev-paginator .page-item span { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.dev-paginator .page-item.active { border-color: #970023; }
.dev-paginator .page-item.active .page-link { z-index: 1; color: #fff; background-color: #970023; }
.dev-paginator .page-link { color: #333; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; }
.swal2-container { z-index: 99999999999993; }
.fancybox-container { z-index: 999999992; }
.center-layout { width: 100%; max-width: var(--width-page-content); margin-left: auto; margin-right: auto; }
.menu__nav > li > a:after, .product-items, .product-items__button, .product-items__name, .footer__link, .hlogin-form__input-group__icon, .hlogin-form__button, .hlogin__option button { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s; }
.transition { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; transition-duration: .3s; }
.himg { display: block; }
.himg img {/*display: block; */max-width: 100%; height: auto; }
.revealOnScroll { opacity: 0; }
.scroll-btn { cursor: pointer; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
.grecaptcha-badge { display: none; }
.p-relative { position: relative; }
.d-none { display: none !important; }
.d-block { display: block !important; }
img.lazy { -webkit-transition: all 1s; transition: all 1s; opacity: 0; }
img.initial, img.loaded, img.error { opacity: 1; }
img:not([src]) { visibility: hidden; }
.pd-10 { padding: 0 20px; }
.cart-table { background: #fff; }
.repay { background: #f00; border: none; color: #fff; border-radius: 3px; }
#hcontainer { position: relative; z-index: 9; /*background: #fff;*/ }
.bortop { border-top: 0px solid rgba(27, 73, 50, 5%); }
.scrollToTop { position: fixed; right: 0.313rem; bottom: 2.5rem; z-index: 99999; cursor: pointer; background: rgba(255, 255, 255, 0.8); padding: 5px 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); color: #000; }
.scrollToTop span { display: block; font-weight: bold; font-size: 0.75rem; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; }
.scrollToTop i { display: block; font-size: 1.125rem; }
.scrollToTop:hover { background: #000; color: var(--color-primary); }
.menu-side-lang { display: flex; align-items: center; }
.hbreadcrumb {/*background: #fafafa;*/position: relative; z-index: 9;/*padding:1rem 0;*/ }
.hbreadcrumb .breadcrumb { background: transparent !important; justify-content: left; padding: 0; list-style-type: none; display: flex; align-items: center; margin: 0; flex-wrap: wrap; }
.hbreadcrumb a { font-size: 13px; color: gray; font-weight: 300; }
.breadcrumb-item+.breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; padding-left: 0.5rem; color: #333333; content: ""; width: 10px; height: 10px; background: url('../img/brea.svg')center no-repeat; top: 1px !important; position: relative; }
.breadcrumb-item { display: flex; align-items: center; }
.breadcrumb-item.active { color: #6c757d; }
.breadcrumb-item.active a { opacity: 0.6; }
.current-active-category { background: #5F7B6F !important; color: #fff !important; }
.tabbar-active { background: #5F7B6F; color: #fff !important; }
#menu-main li.current-active > a { font-weight: 600; opacity: 1; color: #EE8F96; }
#menu-main li:before { content: ''; position: absolute; left: 5px; top: calc(50% - 36px/2); width: 39px; height: 39px; background: url('../img/icon/menu-li.png')center no-repeat; z-index: -1; opacity: 0; transform: translateX(10px); transition: 0.3s; }
#menu-main li:hover:before, #menu-main li.current-active:before { opacity: 1; transform: translateX(0px); }
.menu-fixed { transform: translateY(-45px); }
.detail-page-post {/*max-width: 945px;*/margin: auto; }
.content-main img { display: inline-block; }
.share { margin-top: 20px; }
.content-video { margin-bottom: 30px; }
.content-video iframe { height: 600px; }
.othernews { background: #fafafa; }
.othernews_title { text-transform: uppercase; margin: 0; display: block; color: rgb(252 176 37 / 80%); }
.list-news-other li a { color: #666; font-size: 14px; }
.banner-page { height: 390px; display: flex; align-items: center; justify-content: center; position: relative; }
.no-margin { margin-top: 0px !important }

/* .banner-page:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 30%);} */
.banner-title { text-align: center; color: #fff; position: relative; z-index: 9; }
.banner-title span { font-weight: 700; color: #fff; font-size: 50px; text-transform: uppercase; text-shadow: 0px 0px 8px #0B073F; }
#video_slide video { display: block; }
.login-account-contain { position: fixed; top: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: -1; opacity: 0; display: none; justify-content: right; transition: all ease 0.4s; }
.login-account-contain-open { display: flex; opacity: 1; z-index: 999999999; transition: all ease 0.4s; }
.login-account-box { width: 0px; transition: all ease 0.4s; opacity: 0 }
.login-account-contain-open .login-account-box { width: 380px; transition: all ease 0.4s; overflow: auto; opacity: 1; }
.login-account-iconphoto { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); fill: #ccc; }
.login-account-addpost { background: green; color: #fff; padding: 0.5rem 0.8rem; border-radius: 3px; margin-top: 0.5rem; min-width: 180px; }
.login-account-addpost:hover { color: #fff; background: #09a509; }
.login-account-has { background: green; color: #fff !important; padding: 0.5rem 0.8rem; border-radius: 3px; margin-top: 0.5rem; min-width: 180px; }
.login-account-edit { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; font-size: 10px; color: #fff; background: rgba(0, 0, 0, 0.6); padding: 5px; }
.login-account-edit:hover { background: rgba(255, 255, 255, 0.5); color: #333; text-decoration: underline !important; }
.ui-widget.ui-widget-content { border: 1px solid #ccc; background: #fff; }
.ui-datepicker .ui-datepicker-header { background: #ebebeb; border-color: #ccc; }
.ui-datepicker .ui-datepicker-title { color: #999; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background: #ebebeb; border: 1px solid #ccc; color: #666; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { color: #F40000; }
.ui-widget-header .ui-icon { background-image: url(../plugins/jquery-ui-1-13/images/ui-icons_222222_256x240.png); }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: none; background: none; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { border: 1px solid #ebebeb; }
.ui-state-default, .ui-widget-content .ui-state-default { background: #ccc !important; color: #333 !important; border: 1px solid #ccc !important; }
.slide__owl { position: initial !important; }
.slider-contain img { width: 100%; }
.slide__owl.owl-theme .owl-dots { margin-right: 0; text-align: center; margin-top: 0; width: initial; bottom: 10px; display: flex; left: 0; width: 100%; justify-content: center; }
.slide__owl.owl-theme .owl-dots .owl-dot span { width: 6px; height: 6px; border-radius: 13px; margin: 10px 5px; border: none; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; background: #e1e1e1; }
.slide__owl.owl-theme .owl-dots .owl-dot.active span { background: var(--color-primary); }
.slide__owl.owl-theme .owl-dots .owl-dot:hover span { background: var(--color-primary); }
.slide__owl.owl-theme .owl-nav { margin-top: 5px; }
.slide__owl.owl-carousel .owl-nav button.owl-next { position: absolute; top: calc(45% - 13px); right: 4rem; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; opacity: 0; }
.slide__owl.owl-carousel .owl-nav button.owl-prev { position: absolute; top: calc(45% - 13px); left: 4rem; outline: none; border: none; transition: all ease 0.3s; opacity: 0; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.slide__owl.owl-carousel .owl-nav button span { display: inline-flex; justify-items: center; align-items: center; justify-content: center; }
.slide__owl.owl-carousel .owl-nav button span svg path { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.slide__owl.owl-carousel .owl-nav button span:hover svg path { }
#slider:hover .slide__owl.owl-carousel .owl-nav button.owl-next, #slider:hover .slide__owl.owl-carousel .owl-nav button.owl-prev { opacity: 1; }
.custom-nav-left { position: absolute; top: calc(50% - 80px); left: -25px; transition: all ease 0.3s; }
.custom-nav-left svg path { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.custom-nav-right { position: absolute; top: calc(50% - 80px); right: -25px; transition: all ease 0.3s; }
.custom-nav-right svg path { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.partner-nav-left { position: absolute; top: calc(50% - 25px); left: -35px; transition: all ease 0.3s; }
.partner-nav-left svg path { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.partner-nav-right { position: absolute; top: calc(50% - 25px); right: -35px; transition: all ease 0.3s; }
.partner-nav-right svg path { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.category-nav-left { display: inline-flex; justify-items: center; align-items: center; justify-content: center; position: absolute; top: calc(50% - 16px); left: -20px; transition: all ease 0.3s; border: 1px solid black; border-radius: 20px; width: 30px; height: 30px; }
.category-nav-left svg path { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.category-nav-right { display: inline-flex; justify-items: center; align-items: center; justify-content: center; position: absolute; top: calc(50% - 16px); right: -20px; transition: all ease 0.3s; border: 1px solid black; border-radius: 30px; width: 30px; height: 30px; }
.category-nav-right svg path { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.hover-nav:hover .custom-nav-left { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); }
.hover-nav:hover .custom-nav-right { transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); }
.product-nav-left { display: inline-flex; justify-items: center; align-items: center; justify-content: center; position: absolute; top: calc(42% - 16px); left: -16px; transition: all ease 0.3s; }
.product-nav-left svg path { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.product-nav-left:hover svg path { fill: #FA841A; }
.product-nav-right { display: inline-flex; justify-items: center; align-items: center; justify-content: center; position: absolute; top: calc(42% - 16px); right: -16px; transition: all ease 0.3s; }
.product-nav-right svg path { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.product-nav-right:hover svg path { fill: #FA841A; }
.category-item-active { color: #FA841A !important; font-weight: bold; }
.faq-toggle-active svg:first-child { opacity: 0 !important; }
.faq-toggle-active svg:last-child { opacity: 1 !important; }
.button-flip svg circle { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.button-flip:hover svg circle { fill: #AFD3B9; }
.animate-balloon-cloud { -webkit-animation: balloon 5.5s linear 1s infinite alternate; animation: balloon 5.5s linear 1s infinite alternate; }
.animation_init { opacity: 0; }
.slider-name-animate { animation: fadeInUp; animation-duration: 1s; animation-delay: 0.5s; animation-fill-mode: forwards; opacity: 0; }
.slider-btn-animate { animation: fadeInUp; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards; opacity: 0; }
.text-gadient { background: -webkit-linear-gradient(71deg, #6CBD42 18.2%, #003D0D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gadient-left { background: -webkit-linear-gradient(36deg, #09009f, #00ff95 42%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.focus-line:focus { outline: none !important; box-shadow: none !important; border-color: var(--color) !important; }
.bg-gadient-top { background-image: linear-gradient(#296C7D, #55A0E4); }
.wrap-form { background-image: linear-gradient(#fff0, #F1FFE3); }

/*=== END HEADER ===*/

/*=== MENU ===*/
#menu-main, #menu-main ul { list-style-type: none; padding: 0; margin: 0; }
#menu-main { display: flex; align-items: center; position: relative; z-index: 999; }
#menu-main > li { padding: 17px 17px; position: relative; }
#menu-main > li:first-child {/* padding-left:0px; */ }
#menu-main >li >a { font-size: 16px; color: black; font-weight: 500; display: block; text-transform: capitalize; transition: 0.3s }
#menu-main ul.tab-li li:hover { background: #fff; cursor: pointer; }
#menu-main li.m-hover a:hover { background: -webkit-linear-gradient(45deg, #09009f, #00ff95 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
#menu-main >li >a { display: flex; align-items: center; cursor: pointer; transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
#menu-main >li:hover::before { opacity: 1; }
#menu-main li ul { position: absolute; width: 200px; top: 100%; left: 0; -webkit-transition: 350ms; -moz-transition: 350ms; -o-transition: 350ms; transition: 350ms; background: #fff; padding: 10px 0px; border-top: 2px solid var(--color-primary); transform: translateY(20px); opacity: 0; visibility: hidden; }
#menu-main li ul ul { left: 100%; top: -12px !important; }
#menu-main li:hover >ul { opacity: 1; z-index: 9; visibility: visible; visibility: visible; transform: translateY(0px); pointer-events: auto; top: 100%; box-shadow: 0px 12px 22px rgb(0 0 0 / 5%); }
#menu-main > li ul li { padding: 11px 27px; position: relative; }
#menu-main > li ul li a { display: block; color: black; font-size: 15px; text-transform: capitalize; font-weight: 500; }
#menu-main > li ul li:hover a { color: var(--color-primary); }
#menu-main > li ul span { display: block; font-size: 15px; padding: 10px 27px; position: relative; opacity: 0.7; }
#menu-main li:hover > a { color: #EE8F96; }
#menu-main > li ul span:before { content: ''; position: absolute; width: 6px; height: 6px; background-color: black; transform: rotate(45deg); left: 11px; top: 15px; }
#modal-menu { position: fixed; top: 0; left: -300px; width: 0; opacity: 0; z-index: -1; transition: all ease 0.4s; text-align: left; }
#modal-menu.modal-menu-show { opacity: 1; z-index: 99999999; width: 100%; text-align: left; left: 0; height: 100%; }
#modal-menu.modal-menu-show:before { content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.4); }
.modal-menu-close-main { display: flex; padding: 0; justify-content: left; align-items: center;/*border-bottom: 1px solid #f7f3f3; */ margin-bottom: 1.2rem; }
.modal-menu-close { position: relative; cursor: pointer; width: 40px; height: 40px; display: inline-block; /*background: #F5FAF4;*/ border-radius: 5px; padding: 5px; }
.modal-menu-close:after { content: ''; position: absolute; border-top: 2px solid #fff; width: 50%; top: calc(50% - 1px); right: 24%; transform: rotate(45deg); transition: all ease 0.3s; }
.modal-menu-close:before { content: ''; position: absolute; border-top: 2px solid #fff; width: 50%; top: calc(50% - 1px); right: 24%; transform: rotate(-45deg); transition: all ease 0.3s; }
.modal-menu-close:hover:after { transform: rotate(0deg); }
.modal-menu-close:hover:before { transform: rotate(0deg); }
.menu-side-home { display: flex; align-items: center; text-transform: capitalize; color: #444; font-size: 14px; letter-spacing: 1px; font-weight: 600; }
.modal-menu-container { display: flex; flex-direction: column; align-items: flex-start; height: calc(100vh - 8rem); position: relative; min-height: 100%; overflow: auto; justify-content: space-between; }
#menu-sidebar, #menu-sidebar ul { list-style-type: none; padding: 0; }
#menu-sidebar li { position: static; }
#menu-sidebar >li > ul { border: 0; position: absolute; width: 75%; min-height: 50vh; left: 25%; top: 0; padding: 25px 0 0 5%; margin-left: -1px; max-height: 100%; flex-flow: inherit; -ms-flex-wrap: wrap; flex-wrap: wrap; display: flex; flex-direction: row; visibility: hidden; opacity: 0; }
#menu-sidebar >li > ul li { position: relative; top: 5px; }
#menu-sidebar > li > a { text-transform: capitalize; padding: 5px 0; font-size: 1.15em; position: relative; }
#menu-sidebar a { position: relative; color: #333; }
#menu-sidebar a:after { content: ''; position: absolute; width: 0; border-top: 2px solid #333; left: 0; bottom: -2px; transition: all ease 0.3s; }
#menu-sidebar a:hover:after { width: 100%; }
#menu-sidebar >li > ul:before { content: ' '; left: 3%; top: 0; width: 1px; background: #f2f2f2; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 50%); float: left; position: absolute; height: 100%; }
#menu-sidebar >li { border: 0; display: flex; justify-content: space-between; }
#menu-sidebar >li >ul >li { width: 25%; }
.menu-sidebar-pad { padding-left: 15px !important; border-left: 2px solid #999; }
.menu-sidebar-right { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; border-radius: 50px; text-align: center; right: 0; cursor: pointer; font-size: 12px; transition: all ease 0.2s; }
.menu-sidebar-down { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50px; text-align: center; right: 0; cursor: pointer; font-size: 12px; transition: all ease 0.2s; display: none; position: relative; }
.menu-sidebar-down:before { content: ''; position: absolute; top: 10px; left: 10px; border: 1px solid #e8e8e8; width: 30px; height: 30px; border-radius: 50%; }
.menu-sidebar-down i { position: relative; }
#menu-sidebar >li:hover .menu-sidebar-right { background: #ebebeb; }
#menu-sidebar li:hover > .menu-sidebar-down {/*background: #ebebeb;*/ }
#menu-sidebar >li:hover ul { opacity: 1; visibility: visible; }
#menu-sidebar .menu-sidebar-active ul { opacity: 1; visibility: visible; }
#menu-sidebar >li > ul li { padding-bottom: 0; }
#menu-side-mobile { overflow-y: auto; text-align: left; }
#menu-side-mobile, #menu-side-mobile ul { list-style-type: none; padding: 0; width: 100%; }
#menu-side-mobile >li {/*border-bottom: 1px solid #f7f3f3;*/ }
#menu-side-mobile >li>div>a {display: block;text-transform: capitalize;color: #333;font-size: 16px;padding: 0.6rem 0 0.7rem 1.5rem;letter-spacing: 1px;font-weight: 600;}
#menu-side-mobile >li ul { display: none; padding-left: 2rem; }
#menu-side-mobile >li >ul {/*padding-bottom: 1.5rem;*/ background: rgb(0 0 0 / 2%); }
#menu-side-mobile >li ul >li { padding-bottom: 1rem; padding: 0.8rem 19px 0.8rem 1rem;/*border-bottom: 1px solid #f7f3f3;*/ }
#menu-side-mobile >li ul >li:first-child {/*border-top: 1px solid #f7f3f3;*/ }
#menu-side-mobile >li ul >li:last-child {/*padding-bottom: 0;*/ border-bottom: none; }
#menu-side-mobile >li ul >li a {color: #333;text-transform: capitalize;font-size: 15px;font-weight: 600;}
#menu-side-mobile >li ul >li >ul li { padding-bottom: 0; }
.menu-side-footer { width: 100%; padding: 0 0.5rem; color: #333; }
.menu-side-footer-copyright { font-size: 12px; text-align: center; }
.menu-side-title { display: flex; justify-content: space-between; align-items: center; }
.menu-side-title > a { }
.menu-side-title span { display: flex; width: 50px; height: 22px; justify-content: center; align-items: center;/*border-left: 1px solid #e8e8e1;*/ color: #333; cursor: pointer; }
#search-btn:before { content: ''; position: absolute; right: -13px; height: 16px; top: calc(50% - 16px/2); border-left: 1px solid #a5a5a5 }
.lang-google-div:hover { opacity: 1; }
.lang-google:before { content: ''; position: absolute; border-left: 1px solid #ffffffa6; height: 15px; top: calc(50% - 15px/2); left: -15px; }
.menu-side-header { width: 100%; }
.menu-side-info { margin-bottom: 1rem; padding: 0 1rem; }
.modal-menu-full { padding-bottom: 6rem; position: relative; width: 300px; display: inline-block; border-right: 2px solid #dbd4d43d; height: 100%; }
.menu-side-title-1 { display: flex; justify-content: space-between; align-items: center; }
.menu-fixed .menu-in-top { background: #e1f3bc; }
.menu-fixed .menu-in-bottom { background: white;/*IE 8*//*FF 3.5+*//*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*//* FF3.5+, Opera 9+, Saf1+, Chrome, IE10 */ /*IE 5.5-7*/box-shadow: 0 7px 12px -7px #BABABA; }

/*=== END MENU ===*/

/*===END ===*/
.show-popup-post { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.7); display: flex; align-items: center; justify-items: center; justify-content: center; z-index: -999; opacity: 0; overflow-y: scroll; }
.show-popup-main { background: #fff; }
.show-popup-active { z-index: 999999999; opacity: 1; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.show-popup-blur { transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; -o-transition: all ease 0.3s; }
.show-popup-active .show-popup-blur { z-index: 9; opacity: 1; backdrop-filter: blur(8px); }
.slide__owl .owl-dots { max-width: 1240px; margin: 0 auto !important; justify-content: flex-start !important; }

/* width */
.scroll-tintuc::-webkit-scrollbar { width: 2px; }

/* Track */
.scroll-tintuc::-webkit-scrollbar-track { background: #D9D9D9; }

/* Handle */
.scroll-tintuc::-webkit-scrollbar-thumb { background: #6EBB33; }

/* Handle on hover */
.scroll-tintuc::-webkit-scrollbar-thumb:hover { background: #D9D9D9; }
.sidebar-tab-inform-item { border: 1px solid #ebebeb; box-shadow: 0px 3px 10px rgb(153 153 153 / 30%); border-radius: 8px; background: #fff; margin-bottom: 1rem; }
.sidebar-tab-inform-item:last-child { margin-bottom: 0; }
.sidebar-tab-inform-topitem { padding: 0.5rem; border-bottom: 1px solid #ebebeb; font-size: 12px; color: #000; font-weight: 600; display: flex; justify-content: space-between; align-items: center; }
.sidebar-tab-inform-toptitle span { width: 5px; height: 5px; border-radius: 50%; background: #F40000; display: inline-block; }
.sidebar-tab-inform-topdate { font-size: 10px; color: #666; display: flex; align-items: center; }

/* .sidebar-tab-tools{font-size: 17px;margin-left: 1rem;cursor: pointer;} */
.sidebar-tab-inform-botitem { padding: 0.5rem; }
.sidebar-tab-inform-bottitle { font-weight: 600; font-size: 13px; margin-bottom: 0.2rem; }
.sidebar-tab-inform-botcontent { font-size: 12px; color: #000; }
.sidebar-tab-inform-view { font-size: 10px; }
.sidebar-tab-inform-comment { font-size: 11px; font-style: italic; margin-top: 0.3rem; color: #999; }
.sidebar-tab-inform-item-hasview { opacity: 0.5; }
.sidebar-tab-showtool { display: flex; position: absolute; bottom: -5%; left: 0; width: 100%; height: 100%;/*background: rgba(0,0,0,0.6);*/ flex-direction: column-reverse; border: 1px solid #999; z-index: -1; opacity: 0; transition: all ease 0.4s; border-top: none; }
.sidebar-tab-showtool .sidebar-tab-showtool-layout { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); transition: all ease 0.2s; z-index: -1; opacity: 0; cursor: pointer; }
.sidebar-tab-showtool-active { z-index: 9999999999; opacity: 1; bottom: 0; }
.sidebar-tab-showtool-active .sidebar-tab-showtool-layout { z-index: 99; opacity: 1; }
.sidebar-tab-showtool-list { background: #fff; padding: 1rem 0; border-radius: 5px 5px 0 0; position: relative; z-index: 999; padding-bottom: 0; }
.sidebar-tab-showtool-list p { padding: 0.5rem 1rem; border-bottom: 1px solid #ebebeb; font-weight: 600; cursor: pointer; }
.sidebar-tab-showtool-list p:last-child { border-bottom: none; }
.dots_custom__owl.owl-theme .owl-dots { margin-right: 0; text-align: center !important; margin-top: 0rem !important; margin-right: 0 !important; }
.dots_custom__owl.owl-theme .owl-dots .owl-dot span { width: 2px; height: 2px; margin: 4px; background: #020F50; border: none; border: 1px solid transparent; opacity: 0.5; }
.dots_custom__owl.owl-theme .owl-dots .owl-dot.active span { background: #020F50; width: 10px; opacity: 1; }
.dots_custom__owl.owl-theme .owl-dots .owl-dot:hover span { background: #020F50; opacity: 1; }
.dots_news__owl.owl-theme .owl-dots { margin-right: 0; text-align: center !important; margin-top: 1.5rem !important; margin-right: 0 !important; position: absolute; left: -5%; }
.dots_news__owl.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 10px; background: rgb(95 123 111 / 60%); border: none; border: 1px solid transparent; }
.dots_news__owl.owl-theme .owl-dots .owl-dot.active span { background: #808080; }
.dots_news__owl.owl-theme .owl-dots .owl-dot:hover span { background: #808080; }
.tintuc__owl.owl-theme .owl-nav { opacity: 0; }
.slick-news-one .slick-dots { text-align: left; margin-top: 0; left: -5%; bottom: -13%; width: initial; }
.slick-news-one .slick-dots li button:before { font-size: 10px; }
.slick-news-one .slick-dots li.slick-active button:before { color: #444 }
.slick-news-one.slick-dotted.slick-slider { margin-bottom: 0 !important; }
.alert-lock { background: #f9f7f7; border-color: #ebebeb; padding: 5rem 1rem; text-align: center; border: 2px dashed #ebebeb; margin-bottom: 2rem; border-radius: 8px; }
.text-border { text-shadow: -1px -1px 0 #e1e3e7, 1px -1px 0 #e1e3e7, -1px 1px 0 #e1e3e7, 1px 1px 0 #e1e3e7; }

/*===LOADER SEND MAIL===*/
.btn-tuyendung-bot { background: #40C6F3; color: #fff !important; padding: 0.3rem 1rem; border-radius: 4px; }
.marquee div { animation: marquee 5s linear infinite; }
.dichvu-nav-left { position: absolute; left: -40px; top: calc(50% - 12px); }
.dichvu-nav-right { position: absolute; right: -40px; top: calc(50% - 12px); }
.khachhang-nav-left { position: absolute; left: -20px; top: calc(45% - 12px); }
.khachhang-nav-right { position: absolute; right: -20px; top: calc(45% - 12px); }
.doitac-nav-left { position: absolute; left: -53px; top: calc(50% - 56px/2); width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; border: 1px solid #333333bd; border-radius: 27px; background: url('../img/l-black.svg') center no-repeat; transition: 0.3s; }
.doitac-nav-right { position: absolute; right: -53px; top: calc(50% - 56px/2); width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; border: 1px solid #333333bd; border-radius: 27px; background: url('../img/r-black.svg')center no-repeat; transition: 0.3s; }
.solieu-nav-left { position: absolute; left: -40px; top: calc(40% - 12px); }
.solieu-nav-right { position: absolute; right: -40px; top: calc(40% - 12px); }
.khachhang__owl.owl-carousel.owl-drag .owl-item { opacity: 0.5; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -ms-transition: all ease 0.5s; -o-transition: all ease 0.5s; }
.khachhang__owl.owl-carousel.owl-drag .owl-item.active { opacity: 1; }
.dot-vision-active { background: #FF5516 !important; }
.dot-vision-active:after { content: ''; position: absolute; width: calc(100% + 4px); height: calc(100% + 4px); top: -2px; left: -2px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #FF5516; opacity: 0.3; }
.person__owl.owl-carousel .owl-stage-outer { padding-bottom: 2rem; }
#box-menu-other { display: none; }
#box-menu-main { display: inline-block; }
.detail-menu-detail #box-menu-other { display: inline-block; }
.detail-menu-detail #box-menu-main { display: none; }
.detail__properties__color [type='checkbox']:focus, .detail__properties__color [type='radio']:focus { outline: 0px solid transparent; outline-offset: 0px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: transparent; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }
.detail__properties__color [type='radio']:checked { background-image: none; }

/*.btn-hover:hover label{transform: translateX(-5px);}*/
.btn-about:hover { transform: translateX(10px); }
.hover-black:hover { opacity: 1 }

/* custom css */
.bar-line-1 { height: 2px; background: #282828; transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91) 0s, opacity 500ms ease 0s, box-shadow 250ms ease 0s, background-color 500ms ease 0s; width: 33px; }
.bar-line-2 { width: 25px; height: 2px; background-color: #282828; transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91) 0s, opacity 500ms ease 0s, box-shadow 250ms ease 0s, background-color 500ms ease 0s; margin: 13px 0px; transition: 0.3s }
.bar-line-3 { height: 2px; background-color: #282828; transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91) 0s, opacity 500ms ease 0s, box-shadow 250ms ease 0s, background-color 500ms ease 0s; width: 33px; }
.header-menu-btn.active .bar-line-2 { margin: 4px 0px; }
.header-menu-btn.active .bar-line-1 { transform: translateY(6px) rotate(45deg); width: 33px !important; }
.header-menu-btn.active .bar-line-2 { transform: scale(0); }
.header-menu-btn.active .bar-line-3 { transform: translateY(-6px) rotate(-45deg); width: 33px !important; }
.bg-before { background: #3333331c; backdrop-filter: blur(10px); }
#scroller li:nth-child(even) { -webkit-text-stroke: 1px black; -webkit-text-fill-color: white; }
.text-ab { writing-mode: vertical-lr; transform: rotate(180deg); text-decoration: underline; text-decoration-thickness: 8px; }
.items-customer { box-shadow: 0px -1px 22px rgba(0, 0, 0, 0.05) !important }
.items-grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 80px; margin-bottom: 40px }
.items-grid:nth-child(2) { display: block }
.items-grid:nth-child(2) .items-customer { width: 50%; margin: 0 auto }
.content-footer { }
.content-footer p { margin-bottom: 10px; }
.select-option { background: #ffffff1f; padding: 20px; border-radius: 15px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; backdrop-filter: blur(10px); text-align: left; opacity: 0; transition: 0.3s; z-index: -1 }
.select-option .attribute span { padding: 5px 12px; font-size: 13px; margin-bottom: 7px }
.accept-event { display: flex; justify-content: flex-end; align-items: center; position: absolute; bottom: 10px; right: 10px; }
.accept-event span { display: inline-block; padding: 6px 8px; background: #00B4BC; color: #fff; margin-left: 10px; border-radius: 5px; cursor: pointer; }
.accept-event span:last-child { background: #F05C74 }
.select-option.open { opacity: 1; z-index: 10 }

/* filter */
.accordion .card { border: 1px solid #e3e3e3; }
.card { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: #fff; background-clip: border-box; border: 1px solid rgba(0, 0, 0, .125); border-radius: 0.25rem; }
.accordion .card-header { padding: 0px; background-color: #fff0; padding: 10px 27px 10px 27px; border: none; }
.card-header:first-child { border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
.card-header { padding: 0.75rem 1.25rem; margin-bottom: 0; background-color: rgba(0, 0, 0, .03); }
.collapse.show { display: block; }
.collapse { display: none; }
.accordion .card .card-body { padding: 0px; color: black; font-size: 17px; margin: 0px 0px 0px 0px; padding: 0px 20px 5px 28px; }
.card-body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1.25rem; }
.scroll-brand { height: 100%; overflow-y: auto; max-height: 170px; }
.product_danhmuc_list { list-style-type: none; padding-left: 0; }
.product_danhmuc_list li { margin-bottom: 20px; cursor: pointer; }
.flex-center { display: flex !important; }
.form-control-600 { font-weight: 600; --form-control-color: var(--color-page); font-family: system-ui, sans-serif; font-size: 14px; line-height: 1.1; display: grid; grid-template-columns: 1em auto; gap: 0.8em; }
.form-control-600 input { -webkit-appearance: none; appearance: none; background-color: #fff; margin: 0; font: inherit; color: currentColor; width: 1.15em; height: 1.15em; border: 0.1em solid #999; display: grid; place-content: center; }
.form-control-600 input:checked::before { transform: scale(1); }
.form-control-600 input { border: 1px solid #999 !important }
.form-control-600 input::before { content: ""; width: 10px; height: 10px; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em black; background-color: black; }

/* form popup send mail */
.fixed-alert { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 58%); display: flex; justify-content: center; align-items: center; z-index: 9999; }
.model-popup { position: relative; max-width: 600px; width: 100%; margin: 0 auto; padding: 50px; background: #fff; text-align: center; border-radius: 5px; border-top: 10px solid #01D871; }
.model-popup h3 { font-size: 25px; font-family: var(--font-bold); color: #fff; text-transform: capitalize; margin-bottom: 20px; background: #ffa719; padding: 20px; border-radius: 10px; }
.model-popup p { font-size: 20px; text-align: center; }
.model-popup .close-popup { position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; font-size: 20px; color: var(--color-page); }
.icon-sussces { font-size: 60px; color: #01D871; margin-top: 15px }
.attribute span { display: inline-block; margin-right: 4px; padding: 6px 20px; background: #f6f4f5; cursor: pointer; border-radius: 3px; color: black; transition: 0.3s }
.attribute span.active { background: #01D871; color: #fff }
.w-tag-name { width: 76% }
.menu-side-mobile ul { display: none; }

/* form booking */
.bottom-form .flex-form:nth-child(1) span { margin-bottom: 8px; }
.top-form span { cursor: pointer; color: black; text-transform: capitalize; display: inline-block; padding: 16px 27px; margin-right: -3px; font-size: 16px; position: relative; }
.top-form span.active { background: #00344a; color: #fff; }
.bottom-form { background: #fff; padding: 20px; display: flex; justify-content: space-between; align-items: center; gap: 15px; }
.flex-form { display: flex; justify-content: space-between; align-items: flex-start; min-width: 300px; background: #fff; padding: 1px 16px; border-right: 1px solid #f4f5f6; }
.flex-form svg { width: 32px; }
.flex-form .right-form { width: calc(100% - 39px); margin-left: 10px; }
.right-form label { display: block; text-transform: capitalize; font-size: 16px; font-weight: 400; color: black; margin-bottom: 10px; }
.right-form input { border: none; color: black; background: #fff0; font-size: 14px; padding: 0; font-family: 'Philosopher'; outline: none; height: 14px; }
.right-form input:focus { outline: none !important; box-shadow: none !important }
.right-form input::-webkit-input-placeholder { color: black; }
.right-form input:-moz-placeholder { color: black; }
.right-form input::-moz-placeholder { color: black; }
.right-form input:-ms-input-placeholder { color: black; }
.right-form .dropdown-top { height: 23px; font-weight: 600; }
.flex-form-button { display: flex; justify-content: center; align-items: center; border-radius: 50px; cursor: pointer; box-shadow: 0px 6px 20px rgb(27 72 90 / 2%); width: 177px; }
.flex-form-button button { transition: 0.3s; }
.flex-form-button button:hover { background-color: #00344a; cursor: pointer; }
.top-form span:last-child { border-radius: 0px 44px 0px 0px; }
.top-form span.active:before { content: ''; position: absolute; border-bottom: 2px solid #09a2db; left: 30px; width: calc(100% - 60px); bottom: 0; }
.img-animate { animation: jump 2s infinite alternate; }
@keyframes jump {
	0% { transform: translateY(-30px) }
	100% { transform: translateY(0px) }
}
.item-location.active { background-color: black; color: #fff; border-radius: 30px }
.btn-filter:hover { background-color: #e9ebed; color: black; border-color: var(--color-primary); cursor: pointer; }
.rounded-custom { border-radius: 160px 160px 0px 0px; overflow: hidden; }
.rounded-custom-1 { border-radius: 0px 0px 160px 160px; overflow: hidden; }
.no-focus:focus { outline: none; box-shadow: none }
.animate-img { animation: aniup 2s infinite alternate; }
@keyframes aniup {
	0% { transform: translateY(-5px) }
	100% { transform: translateY(0px) }
}
.animate-img-1 { animation: anidown 2s infinite alternate; }
@keyframes anidown {
	0% { transform: translateY(0px) }
	100% { transform: translateY(-5px) }
}
.copyright-css a { color: #09a2db }
.fixed-tool { border-radius: 30px 0px 0px 30px; box-shadow: 0px 0px 20px 0px #9A9A9A80; }

/* css form */
.before-input:before { content: ''; position: absolute; right: 20px; top: calc(50% - 24px/2); background: url('../img/down.svg')center no-repeat; width: 25px; height: 24px; z-index: 1; }
.focus-css:focus { outline: 1px solid var(--color-primary); box-shadow: var(--color-primary) }
.item-day { box-shadow: 0px 3px 0px 0px #E2F3FF; background: #fff }
.item-day.active { border: 1px solid #09a2db; box-shadow: none }
.item-filter .irs-grid, .irs-min, .irs-max, .irs-from, .irs-to { display: none !important }
.irs--flat .irs-handle.from>i:first-child { left: 0px; }
.irs--flat .irs-handle.to>i:first-child { left: unset; right: 0px; }

/* modal */
.modal-open .modal { overflow-x: hidden; overflow-y: auto; }
.modal { position: fixed; top: 0; left: 0; z-index: 1060; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; overflow-y: scroll !important; }
.modal-lg, .modal-xl { max-width: 900px !important; margin: 7rem auto; }
.modal-dialog { position: relative; width: auto; pointer-events: none; }
.modal.show .modal-dialog { -webkit-transform: none; transform: none; }
.modal.fade .modal-dialog { transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: translate(0, -50px); transform: translate(0, -50px); }
.modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-clip: padding-box; border-radius: 0.3rem; outline: 0; }
.modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; }
.modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; }
.modal-backdrop.show { opacity: 0.5; }
.modal-backdrop.fade { opacity: 0; }
.modal::-webkit-scrollbar { width: 2px; }
.modal::-webkit-scrollbar-thumb { width: 2px; background: var(--color-primary) }
.modal::-webkit-scrollbar-thumb:hover { width: 2px; }
.modal::-webkit-scrollbar-thumb:active { width: 2px; }
.modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); }
.modal-title { margin-bottom: 0; line-height: 1.5; }
.modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; }
button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; }
button.close { padding: 0; background-color: transparent; border: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.textarea-no-focus:focus { outline: none; box-shadow: none }
.focus-line:focus {/* border: 1px solid #4cc8f1; */outline: none !important; box-shadow: none !important }
.was-validated input {/* border-color:red; */ }

/* post detail */
.tags-group { display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
.tags-group a { display: block; padding: 8px 15px; border-radius: 30px; transition: 0.3s }
.tags-group a:nth-child(odd) { background: #f9f5ff; color: #6941c6 }
.tags-group a:nth-child(even) { background: #eef4ff; color: #3538cd }
.tags-group a:nth-child(3) { background: #fdf2fa; color: #c11574 }
.tags-group a:hover { background: var(--color-primary); color: #fff; cursor: pointer; }
.items-category.current-active { background: #d1e5f4; color: #0d6d92 }
.post-paginator { margin-top: 60px; }
.post-paginator nav { position: relative; }
.post-paginator .pagination { display: flex; justify-content: center; align-items: center; }
.post-paginator .pagination li a, .post-paginator .pagination li span { display: inline-block; padding: 6px 18px; color: black; }
.post-paginator .pagination li span, .post-paginator .pagination li a { color: black; }
.post-paginator .page-item.active span { background: #BD7EC4; font-weight: bold; color: #fff; }
.post-paginator .pagination li:first-child a { background: url('../img/left.svg') center no-repeat; width: 95px; height: 45px; position: absolute; left: 0; top: 0; }
.post-paginator .pagination li:last-child a, .post-paginator .pagination li:last-child span { background: url('../img/right.svg') center no-repeat; width: 117px; height: 45px; padding-left: 95px; padding-right: 0px; position: absolute; right: 0; top: 0; }
.post-paginator .pagination li:first-child span, .post-paginator .pagination li:last-child a { display: none }
.content-css img { border-radius: 15px; }
.item-message:before { content: ''; position: absolute; left: 22px; top: calc(100% + 3px); border-left: 2px solid #ddd; height: 34px; }
.item-message:last-child:before { display: none }
.items-news:hover:before { opacity: 1; }
.item-post img { width: 100%; height: 100%; object-fit: cover }
.item-post:nth-child(1) { grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-row-end: 2; }
.item-post:nth-child(2) { grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2; }
.bg-cover-line { background: url('../img/bgline.png')top center/cover no-repeat }
.footer-css p { margin-bottom: 20px }
.content-bv, .group-img { display: none; }
.content-bv { height: 336px; overflow: hidden; overflow-y: scroll; }
.content-bv.active, .group-img.active { display: block; }
.item-bv.active:before { background: var(--color-primary); }
.border-gadient { border-right: 2px dotted #fff; background: linear-gradient(#fff 0 0) padding-box, linear-gradient(to bottom, #6cbd42, #6cbd42 49%, #11773c) border-box; }
.item-bv:last-child .line { display: none; }
.content-bv::-webkit-scrollbar { width: 2px; }
.content-bv::-webkit-scrollbar-thumb { width: 2px; background: #11773c }
.content-bv::-webkit-scrollbar-thumb:hover { width: 2px; }
.content-bv::-webkit-scrollbar-thumb:active { width: 2px; }
.service_owl .center .left-box { opacity: 0.6; }
.service_owl .owl-item .right-box { opacity: 0; }
.service_owl .center .right-box { opacity: 1; }
.service_owl .owl-item .img-category-service { opacity: 0.5; }
.service_owl .center .img-category-service { opacity: 1; }
.service_owl .owl-dots { margin-left: auto !important; text-align: right !important; padding-right: 100px !important; margin-bottom: -10px; }
.items-criteria:nth-child(1) .simply-criteria:nth-child(odd) { position: relative; left: 60px }
.items-criteria:nth-child(2) .simply-criteria:nth-child(odd) { position: relative; right: 60px }
.hover-text:hover { background: -webkit-linear-gradient(351deg, #6CBD42 18.2%, #003D0D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.item-partner img { filter: grayscale(2.5); transition: 0.3s }
.item-partner img:hover { filter: grayscale(0) }
.partner_owl .owl-dots { margin-top: 30px }

/* css table */
.m-sele { border: 1px solid #d2d2d2; overflow: hidden; }
.m-sele dl { overflow: hidden; line-height: 52px; background-color: #f4f4f4; margin: 0; }
.m-sele dt { width: 80px; text-align: center; float: left; font-size: 14px; color: #000; }
.m-sele dd { overflow: hidden; padding-left: 38px; position: relative; height: 52px; overflow: hidden; background-color: #fff; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; }
.m-sele dd a { display: inline-block; font-size: 14px; color: #686868; margin-right: 65px; }
.m-sele dd a.current-active, .m-sele dt a.current-active { color: #970023 }
.so-box { display: flex; justify-content: start; align-items: center; }
.so-box .inp { width: 210px; border: 0; border-bottom: 1px solid #c2c2c2; height: 32px; line-height: 32px \9; padding: 0 55px 0 35px; background: url(../img/hd-icn1.png) no-repeat left center; margin: 0; font-size: 14px; }
.so-box .btn { background: 0; font-size: 15px; color: #000; margin-left: 25px; line-height: 32px; border: none; font-weight: 200; }
.txt:before { position: absolute; content: ''; left: 2px; bottom: -15px; height: 2px; width: 36px; background-color: #d1d1d1; }
.bds { background-image: url(../img/ico-07.png); display: block; height: 21px; line-height: 21px; padding-left: 31px; background-repeat: no-repeat; background-position: left center; font-size: 13px; color: black; font-weight: 300; opacity: 0.7; }
.sharbox { border: 1px solid #9f0028; width: 90px; border-radius: 5px; position: absolute; left: 0; top: 25px; display: none; }
.sharbox h3 { height: 20px; line-height: 20px; font-size: 12px; padding-left: 10px; font-weight: normal; background: #9f0028; color: #fff; }
.sharbox .bdsharebuttonbox { padding: 5px; }
.sharbox .bdsharebuttonbox a.bds_fbook { background-position: 0 1px; }
.sharbox .bdsharebuttonbox a { background: url(../img/sha1.png) no-repeat 0 3px; margin: 0; padding-left: 20px; height: 18px; line-height: 18px; margin: 2px 0; color: #666; }
.sharbox .bdsharebuttonbox a.bds_fbook { background-position: 0 1px; }
.sharbox .bdsharebuttonbox a.bds_weixin { background-position: 0 -20px; }
.sharbox .bdsharebuttonbox a.bds_insta { background: url(../img/insta.png) no-repeat 0 2px; }
.sharbox .bdsharebuttonbox a.bds_linkedin { background-position: 0 -62px; }
.sharbox .bdsharebuttonbox a.bds_copy { background-position: 0 -83px; }
.sharbox .bdsharebuttonbox a:hover { background-image: url(../img/sha2.png); color: #9f0028; }
.map-box iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

/* Search RP */
.search-res { position: relative; }
.search-res .icon-search {width: 40px;height: 40px;cursor: pointer;text-align: center;line-height: 42px;color: #fff;font-size: 18px;margin: 0px;background: var(--color);border-radius: 50%;}
.search-res .icon-search.active { color: var(--color-red); background: #fff; border-radius: 100%; }
.search-res .search-grid {position: absolute;top: 54px;right: 0px;width: 0px;height: 40px;overflow: hidden;background: #fff;border: 1px solid var(--color);z-index: 2;opacity: 0;border-radius: 25px;line-height: normal;}
.search-res .search-grid p {float: left;width: 35px;height: 38px;cursor: pointer;outline: none;border: none;margin: 0px;font-size: 17px;display: block;color: #EE8F96;line-height: 40px;text-align: center;font-family: 'SVN-Gilroy';}
.search-res .search-grid input {width: calc(100% - 35px);float: right;line-height: 38px;outline: none;border: none;color: var(--color-red);height: 38px;font-size: 15px;padding: 0;}
.search-res .search-grid input::-webkit-input-placeholder { color: #ccc; }
.search-res .search-grid input:-moz-placeholder { color: #ccc; }
.search-res .search-grid input::-moz-placeholder { color: #ccc; }
.search-res .search-grid input:-ms-input-placeholder { color: #ccc; }

/* form */
.notice-form { width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: center; align-items: center; background: #0000004a; position: fixed; z-index: 9999999; }
.notice-form-inset {    border: 7px solid #fff;
    max-width: 500px;
    margin: 0 auto;
    height: 300px;
    border-radius: 20px;
    width: 100%;
    background: var(--color);
    padding: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; }
.title-icon { font-size: 60px; color: #fff }
.title-text { font-size: 32px; display: block; color: #fff; font-weight: bold; margin: 15px 0px }
.text-content { font-size: 16px; color: #fff }

/* slogan */
.shadow-news { box-shadow: 0px 12px 22px 0px rgba(0, 0, 0, 0.05); }
.simply-criteria:hover label { background: -webkit-linear-gradient(351deg, #6CBD42 18.2%, #003D0D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.item-video { height: 300px }
.item-video iframe { position: absolute; left: 0; top: 0; height: 100%; border: none; width: 100% }
.grid-video { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px }
.hotline:before { content: ''; position: absolute; right: 0; top: calc(50% - 23px/2); border-right: 1px solid #D4D5D6; height: 23px; }
.menu-top::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 190px; background-image: linear-gradient(#fff, #fff0); ; }
.box-lang li a.active { color: #8FC31F }
.search-group:before { content: ''; position: absolute; right: 0; top: calc(50% - 24px/2); height: 24px; border-right: 1px solid #ddd; }
.box-tool:hover, .box-tool:focus { border-color: var(--color); }
.btn-more:before { content: ''; position: absolute; left: 0; top: -1px; width: calc(100% + 6px); height: calc(100% + 6px); background: #FBD900; border-radius: 39px; transition: 0.3s; }
.btn-more:hover:before { background: #EE8F96; }
.btn-more:hover span { background: #fbfff0; cursor: pointer; }
.btn-more { box-shadow: 0 11px 19px -9px #D1D1D1; }
.scroll-down { animation: bounce 2s infinite; cursor: pointer; }
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
	40% { transform: translateY(-15px); }
	60% { transform: translateY(-7.5px); }
}
.bird { animation: fly 10s cubic-bezier(0.65, 0.05, 0.36, 1) infinite; opacity: 0; z-index: -1; }
@keyframes fly {
	0% { left: 100%; /* Start position outside the right boundary */ top: 50px; transform: rotate(0deg) scale(0.9); opacity: 0; }
	10% { opacity: 1; /* Fully visible when entering the screen */ }
	25% { left: 75%; top: 10px; transform: rotate(-5deg) scale(1); opacity: 1; }
	50% { left: 50%; top: 30px; transform: rotate(0deg) scale(0.9); opacity: 1; }
	75% { left: 25%; top: 10px; transform: rotate(5deg) scale(1); opacity: 1; }
	90% { opacity: 1; /* Fully visible just before exiting the screen */ }
	100% { left: -100px; /* End position outside the left boundary */ top: 50px; transform: rotate(0deg) scale(1); opacity: 0; }
}
.animate-3 { animation: moveUp 1s infinite alternate; }
.animate-3-fast { animation: moveUp 0.6s infinite alternate; }
.animate-2 { animation: moveScale 2s infinite alternate; }
.animate-1 { animation: moveRight 1.5s infinite alternate; }
@keyframes moveUp {
	0% { transform: translateY(0); }
	100% { transform: translateY(15px); }
}
@keyframes moveScale {
	0% { transform: scale(0.8); }
	100% { transform: scale(1); }
}
@keyframes moveRight {
	0% { transform: translateX(0); }
	100% { transform: translateX(20px); }
}
.animate-bird { animation: animation01 4s infinite alternate }
@keyframes animation01 {
	0% { transform: translate(0, 0); }
	25% { transform: translate(-15px, 10px); }
	50% { transform: translate(0px, 0px); }
	75% { transform: translate(15px, -10px); }
	100% { transform: translate(0, 0); }
}
.animate-embe { animation: embe 1.5s infinite alternate; }
.img-banner { box-shadow: 0 11px 19px -10px #D1D1D1; border-radius: 20px; position: absolute; right: -32px; bottom: -85px; }
.wrap-why {background: url('../img/bgtieuchi.png')top center/cover no-repeat;}
.animate-bear { animation: bear 1s infinite alternate; }
@keyframes bear {
	0% { transform: rotate(0); }
	100% { transform: rotate(-5deg); }
}
@keyframes embe {
	0% { transform: translateX(200px) rotate(5deg); }
	25% { transform: translateX(150px) rotate(-5deg); }
	50% { transform: translateX(100px) rotate(5deg); }
	75% { transform: translateX(50px) rotate(-5deg); }
	100% { transform: translateX(0) rotate(0deg); }
}
.owl-why .owl-item:nth-child(even) .item-why { margin-top: 40px; }
.before-btn::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../img/hoa.png') center no-repeat; transition: 0.5s; }
.before-btn svg { position: relative; z-index: 1; }
.before-btn svg path { transition: 0.5s; }
.before-btn:hover svg path { stroke: #FFDC00 }
.before-btn:hover:before { transform: rotate(180deg); }
.before-btn:hover { cursor: pointer; }
.owl-hoatdong .owl-stage-outer { overflow: unset !important; }
.wrap-album { background: url('../img/bgalbum.png') top center; }
.wrapper { display: grid; grid-template-columns: repeat(12, 1fr); grid-template-rows: 170px 170px 170px; grid-gap: 15px; }
.item { display: block; border-radius: 10px; border: 2px dashed var(--color); overflow: hidden; height: 100%; }
.item a { display: block; height: 100%; }
.item a img { width: 100%; height: 100%; object-fit: cover; transition: 0.5s; }
.item a:hover img { transform: scale(1.1); }
.item:nth-child(1) { grid-column-start: 1; grid-column-end: 6; grid-row-start: 1; grid-row-end: 3; }
.item:nth-child(2) { grid-column-start: 6; grid-column-end: 9; grid-row-start: 1; grid-row-end: 4; border-color: #EE8F96; }
.item:nth-child(3) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 1; grid-row-end: 2; border-color: #FFDC00 }
.item:nth-child(4) { grid-column-start: 1; grid-column-end: 4; grid-row-start: 3; grid-row-end: 4; border-color: #EE8F96; }
.item:nth-child(5) { grid-column-start: 4; grid-column-end: 6; grid-row-start: 3; grid-row-end: 4; border-color: #FFDC00; }
.item:nth-child(6) { grid-column-start: 9; grid-column-end: 13; grid-row-start: 2; grid-row-end: 4; }
#pbThumbsToggler { display: none; }
.pbWrapper img { display: inline-block; }
.over img { display: inline-block !important; }
.item-active:hover .over { opacity: 1; }
.simply-scroll .simply-scroll-list li { float: left; width: 179px !important; margin: 0px 20px }
.footer { background: url('../img/bgfooter.png'); }
.shadow-custom { box-shadow: 0px 15px 29px rgba(0, 0, 0, 0.10000000149011612); }
.wrap-about-page { background: url('../img/bgalbum.png'); padding-bottom: 150px}
.number span { font-size: 48px; display: inline-block; font-weight: bold; }
.items-number:nth-child(1) span { color: #EE8F96 }
.items-number:nth-child(2) span { color: #FFDC00 }
.items-number:nth-child(3) span { color: #8FC31F }
.content-format h3 { font-size: 24px; font-weight: bold; color: var(--color); display: block; margin-bottom: 15px; }
.content-format p { color: black }
.item-dinhhuong:nth-child(1) .circil { background: #EE8F96; }
.item-dinhhuong:nth-child(2) .circil { background: var(--color); }
.item-dinhhuong:nth-child(2) {transform: translateY(40px);}
.item-dinhhuong:before { content: ''; position: absolute; right: -78px; top: 29px; width: 149px; height: 136px; background: url('../img/cong.png')center no-repeat; z-index: 1; }
.item-dinhhuong:last-child:before { display: none; }
.bg-about-gadient { background-image: linear-gradient(#F1F7DC, #fff); }
.category-list.active .img-category { border-color: var(--color); }
.category-list:nth-child(odd) { margin-top: 50px; }
.category-list:nth-child(1) h3 { color: var(--color) }
.category-list:nth-child(2) h3 { color: #EE8F96 }
.category-list:nth-child(3) h3 { color: #FFDC00 }
.category-list:nth-child(2).active .item-category .img-category { border-color: #EE8F96 }
.category-list:nth-child(3).active .item-category .img-category { border-color: #FFDC00 }
.category-list:hover .item-category .img-category { border-color: var(--color) }
.category-list:nth-child(2):hover .img-category { border-color: #EE8F96 }
.category-list:nth-child(3):hover .img-category { border-color: #FFDC00 }
.row-down { display: none }
.category-list.active .row-down { display: block; }
.owl-doingu .owl-stage-outer{overflow: unset !important}
.owl-doingu .owl-item{opacity: 0;transition: 0.5s;}
.owl-doingu .owl-item.active{opacity: 1;}
#scroller-album-1 li,#scroller-album-2 li{width: 400px !important}
#scroller-album-1 li,#scroller-album-2 li{}
#scroller-album-1 li img,#scroller-album-2 li img{border-radius: 10px !important}
#scroller-album-1 li:nth-child(odd){margin-top: 190px}
#scroller-album-2 li:nth-child(even){margin-top: 60px}
#scroller-album-1 li{padding: 0px 40px;}
#scroller-album-2 li{padding: 0px 40px;}
.star{width: unset !important;display: inline-block !important;}
.owl-camnhan .owl-item{margin-top: 70px;transition: 0.5s}
.owl-camnhan .owl-item .item-camnhan{border-color:#fff;transition: 0.5s}
.owl-camnhan .owl-item.center{margin-top: 0px}
.owl-camnhan .owl-item.center .item-camnhan{border-color: var(--color)}
.page-content{background: url('../img/bgalbum.png')}
.shadow-contact{box-shadow:0px 15px 29px rgba(0, 0, 0, 0.10000000149011612);}
.social-contact img{filter: brightness(0) invert(1);}
.px-120{    max-width: 600px;
    margin: 0 auto;}
/* The container */
.container-check {
    display: block;
    position: relative;
    padding-left: 29px;
    margin-bottom: 0;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default checkbox */
  .container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #eee;
    border-radius: 22px;
  }
  
  /* On mouse-over, add a grey background color */
  .container-check:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .container-check input:checked ~ .checkmark {
    background-color: #8fc31f;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .container-check input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .container-check .checkmark:after {
    left: 6px;
    top: 3px;
    width: 3px;
    height: 6px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  /* back to top */
.progress-wrap { position: fixed; right: 1.5%; bottom: 30px; height: 47px; width: 47px; cursor: pointer; display: block; border-radius: 50px; z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); transition: all 200ms linear; background: #fa6281; padding: 3px; }
.progress-wrap.active-progress { opacity: 1; visibility: visible; transform: translateY(0); }
.progress-wrap .top { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transform: scale(0.4) }
.progress-wrap svg path { fill: none; }
.progress-wrap svg.progress-circle path { stroke: #fff; stroke-width: 2; box-sizing: border-box; transition: all 200ms linear; }
#background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.desktop{display: block}
.mobile{display: none !important}
.item-chinhanh{text-align: center;}
.item-chinhanh h3{text-transform: uppercase;font-size: 17px;font-weight: bold;color: black;margin-top: 60px;margin-bottom: 15px;transition: 0.3s}
.img-small{width: 90px;position: absolute;bottom:-45px;left: 50%;transform: translateX(-50%);z-index: 10}
.item-chinhanh .desc-chinhanh{color: black;text-align: center;padding: 0px 10px}
.item-chinhanh .desc-chinhanh b,.item-chinhanh .desc-chinhanh strong{color: #8fc31f;font-weight: bold;margin-bottom: 10px}
.item-chinhanh:hover .img-main{transform: scale(1.1);}
.item-chinhanh:hover h3{color: #8fc31f}
.logo-happy{width: 70px;}
.logo-ayumi{width: 150px;}
.logo-pen{width: 20px;}

.logo-happy-footer{width: 80px;}
.logo-ayumi-footer{width: 170px;}
.logo-pen-footer{width: 30px;}
.grid-line{display: grid;grid-template-columns: repeat(5,1fr);bottom:-1px;}
.grid-line p{border-bottom:1px solid #8fc31f;}
.grid-line p:nth-child(1){border-color: #8fc31f}
.grid-line p:nth-child(2){border-color: #f3a3a9}
.grid-line p:nth-child(3){border-color: #8fc31f}
.grid-line p:nth-child(4){border-color: #ffdc00}
.grid-line p:nth-child(5){border-color: #8fc31f}