/* Variables CSS
-------------------------------------------------- */
:root {
    --white: #fff;
    --black: #000;
    --color-100: #b1733e;
    --color-200: #4f4f4f;
    --bk-grade-100: #eaeaea;
    --bk-grade-150: #d6d6d6;
    --bk-grade-200: #c1c1c1;
    --bk-grade-250: #adadad;
    --bk-grade-300: #999999;
    --bk-grade-350: #848484;
    --bk-grade-400: #707070;
    --bk-grade-450: #5b5b5b;
    --bk-grade-500: #474747;
    --bk-grade-550: #333333;
    --bk-grade-600: #2d2d2d;
    --bk-grade-650: #282828;
    --bk-grade-700: #232323;
    --bk-grade-750: #1e1e1e;
    --bk-grade-800: #191919;
    --bk-grade-850: #141414;
    --bk-grade-900: #0f0f0f;
    --bk-grade-950: #0a0a0a;
    --primary-font-family: "DINNextLTPro";
    --secondary-font-family: "DIN";
    --tertiary-font-family: "Creattion Demo";
    --quaternary-font-family: "GretaArabic";
    --font-weight-lighter: 200;
    --font-weight-light: 300;
    --font-weight-normal: normal;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: bold;
}
/* Mixins CSS
-------------------------------------------------- */
/* Main CSS
-------------------------------------------------- */
@font-face {
    font-family: "DIN";
    src: url("../fonts/DIN-Medium.woff2") format("woff2"),
        url("../fonts/DIN-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DIN";
    src: url("../fonts/DIN-Black.woff2") format("woff2"),
        url("../fonts/DIN-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DIN";
    src: url("../fonts/DIN-Light.woff2") format("woff2"),
        url("../fonts/DIN-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DINNextLTPro";
    src: url("../fonts/DINNextLTPro-Regular.woff2") format("woff2"),
        url("../fonts/DINNextLTPro-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DINNextLTPro";
    src: url("../fonts/DINNextLTPro-Medium.woff2") format("woff2"),
        url("../fonts/DINNextLTPro-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "DIN Next LT Pro";
    src: url("../fonts/DINNextLTPro-Bold.woff2") format("woff2"),
        url("../fonts/DINNextLTPro-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Creattion Demo";
    src: url("../fonts/CreattionDemo.woff2") format("woff2"),
        url("../fonts/CreattionDemo.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "GretaArabic";
    src: url("../fonts/GretaArabic-Light.woff2") format("woff2"),
        url("../fonts/GretaArabic-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "GretaArabic";
    src: url("../fonts/GretaArabic-Regular.woff2") format("woff2"),
        url("../fonts/GretaArabic-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "GretaArabic";
    src: url("../fonts/GretaArabic-Medium.woff2") format("woff2"),
        url("../fonts/GretaArabic-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "GretaArabic";
    src: url("../fonts/GretaArabic-Bold.woff2") format("woff2"),
        url("../fonts/GretaArabic-Bold.woff") format("woff");
    font-weight: bold;
    font-weight: normal;
    font-display: swap;
}
body {
    font-family: "DINNextLTPro";
    font-weight: var(--font-weight-normal);
    font-size: 1rem;
}
a,
button {
    transition: 0.3s ease-out;
}
ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
a:focus,
button:focus {
    outline: none !important;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
::selection {
    color: var(--white);
    background: var(--color-100);
}
/* Works on Firefox */
* {
    scrollbar-width: none;
    scrollbar-color: var(--color-100) var(--white);
}
/* Works on Chrome, Edge, and Safari */
::-webkit-scrollbar {
    width: 12px;
}
/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background-color: var(--color-100);
    border-radius: 20px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0, 0, 0, 0.4);
}
.form-control:focus {
    box-shadow: none;
}
.return-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: var(--color-100);
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
    text-decoration: none;
    text-align: center;
    transform: rotate(45deg);
    transition: 0.3s linear;
    z-index: 10;
}
.return-top span {
    display: block;
    transform: rotate(-45deg);
}
.return-top span img {
    position: relative;
    width: 15px;
    animation: upBounce 2s infinite;
}
.return-top:hover span img {
    top: 5px;
}
.navbar-main {
    position: relative;
    font-weight: var(--font-weight-medium);
    padding: 0 0 0 1rem;
    background-color: var(--white);
    border-radius: 0;
    box-shadow: none;
}
.navbar-main .logo {
    max-width: 200px;
}
.navbar-main .logo img {
    width: 100%;
}
.navbar-main.navbar-fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.08);
    z-index: 1030;
}
.nav-marquee {
    width: 250px;
    font-weight: bold;
    margin-left: auto;
    color: #b1733e;
}
.main-nav {
    position: relative;
    margin-left: auto;
}
.main-nav .nav-item .nav-link {
    color: var(--bk-grade-950) !important;
    font-size: 0.875rem;
    padding: 0 1rem;
}
.main-nav .nav-item .nav-link .nav-block {
    position: relative;
    display: inline-block;
    padding: 1.5rem 0 1.5rem;
}
.main-nav .nav-item .nav-link .nav-block::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background-color: var(--color-100);
    transition: 0.3s ease-out;
}
.main-nav .nav-item .nav-link:hover {
    color: var(--color-100) !important;
}
.main-nav .nav-item .nav-link:hover .nav-block::after {
    height: 3px;
}
.main-nav .dropdown-toggle::after {
    content: "\f107" !important;
    font-family: "FontAwesome";
    font-size: 0.75rem;
    margin-left: 0.255em;
    vertical-align: 0;
    border-top: 0 solid;
    border-right: 0 solid transparent;
    border-bottom: 0;
    border-left: 0 solid transparent;
}
.nav-ticket {
    color: var(--bk-grade-650);
    padding: 0.5rem 1.5rem;
    margin-left: 5rem;
    border: 2px solid var(--bk-grade-650);
    border-radius: 0;
    box-shadow: none;
}
.nav-ticket:hover {
    color: var(--white);
    background-color: var(--color-100);
    border: 2px solid var(--color-100);
}
.navbar-info {
    display: flex;
    margin-left: 2rem;
}
.navbar-info .nav-item {
    position: relative;
}
.navbar-info .nav-item + .nav-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 1px;
    height: 18px;
    background-color: var(--bk-grade-900);
}
.navbar-info .nav-item .nav-link {
    color: var(--bk-grade-950);
    font-size: 1.25rem;
    padding: 0.25rem 1rem;
}
.navbar-info .nav-item .nav-link:hover {
    color: var(--color-100);
}
.dropdown-search {
    left: auto;
    right: 0;
    padding: 0;
}
.drop-search {
    display: flex;
    width: unset !important;
    min-width: 20rem;
}
.drop-search .form-control {
    flex: 1 1 0;
    min-height: 45px;
    background-color: var(--white);
    border: 1px solid var(--color-100);
    border-radius: 0;
}
.drop-search .btn-search {
    flex: 0 0 45px;
    max-width: 45px;
    margin: 0;
    padding: 0;
    background-color: var(--color-100);
    border: 0;
    border-radius: 0;
}
.drop-search .btn-search i {
    color: var(--white);
    font-size: 1.25rem;
}
.drop-search .btn-search img {
    width: 20px;
}
.nav-lng {
    position: relative;
    display: flex;
    align-items: center;
    height: 85px;
    font-family: "GretaArabic";
    padding: 1.75rem 1.75rem;
    margin-left: 1rem;
    background-color: var(--color-200);
    overflow: hidden;
    cursor: pointer;
    transition: 0.3s ease-out;
}
.nav-lng:hover {
    background-color: var(--color-100);
}
.nav-lng .lng-label {
    color: var(--white);
    margin-right: 1rem;
}
.nav-lng .lng-icon {
    flex: 0 0 28px;
    max-width: 28px;
}
.nav-lng .lng-icon img {
    width: 100%;
}
.dropdown-mega {
    position: absolute;
    left: 0;
    right: 0;
    top: 75px;
    width: 900px;
    padding: 0.5rem 1rem;
    margin: 0 auto;
    background-color: var(--white);
    background-position: right 3px bottom 3px;
    background-repeat: no-repeat;
    border: 0;
    border-radius: 0;
}
.menu-cover {
    display: flex;
    flex-wrap: wrap;
}
.menu-cover .menu-cell {
    flex: 0 0 25%;
    padding: 0.5rem;
}
.menu-cover .menu-cell li {
    padding-bottom: 0.25rem;
    margin-bottom: 0.25rem;
    border-bottom: 1px solid var(--bk-grade-100);
}
.menu-cover .menu-cell li a {
    position: relative;
    display: block;
    color: var(--bk-grade-750);
    font-weight: var(--font-weight-medium);
}
.menu-cover .menu-cell li a::after {
    content: "\f105";
    position: absolute;
    right: 0;
    top: 50%;
    font-family: "FontAwesome";
    color: var(--bk-grade-750);
    transform: translateY(-50%);
    transition: 0.3s ease-out;
}
.menu-cover .menu-cell li a:hover {
    color: var(--color-100);
}
.menu-cover .menu-cell li a:hover::after {
    color: var(--color-100);
    right: 0.5rem;
}
.banner-sec {
    position: relative;
}
.banner-cover {
    position: relative;
}
.banner-cover::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 30%;
    background: rgba(255, 255, 255, 0);
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0) 0%,
        rgba(0, 0, 0, 0.75) 100%
    );
    z-index: 10;
}
.banner-cover .carousel .carousel-inner .carousel-item.active img {
    transition: transform 5000ms linear 0s;
    transform: scale(1.1, 1.1);
}
.banner-cover .carousel .carousel-indicators li {
    position: relative;
    width: 10px;
    height: 10px;
    margin: 0 0.5rem;
    background-color: var(--white);
    border-radius: 50%;
    opacity: 1;
}
.banner-cover .carousel .carousel-indicators li::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    border: 2px solid var(--color-100);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.75);
    opacity: 0;
    transition: 0.3s ease-out;
}
.banner-cover .carousel .carousel-indicators li.active {
    background-color: var(--color-100);
}
.banner-cover .carousel .carousel-indicators li.active::before {
    opacity: 1;
}
.banner-cover .carousel .carousel-inner .carousel-item img,
.banner-cover .carousel .carousel-inner .carousel-item video {
    width: 100%;
    height: calc(100vh - 85px);
    object-fit: cover;
}
.banner-cover .carousel-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
}
.banner-cover .carousel-content .carousel-hd {
    position: relative;
    max-width: 750px;
    margin-left: auto;
    text-align: right;
}
.banner-cover .carousel-content .carousel-hd h2 {
    color: var(--white);
    font-size: 3.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.ticket-info {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: 50%;
    padding: 2rem 1rem 2rem 0.5rem;
    border-radius: 0 0.5rem 0.5rem 0;
    transform: translateY(-50%);
    z-index: 30;
}
.ticket-info .card {
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
}
.ticket-info .card .card-header {
    padding: 0;
    border: 0;
    background-color: transparent;
}
.ticket-info .card .card-body {
    padding: 0 0 0 5rem;
}
.ticket-info .card .card-body a {
    display: block;
    color: var(--white);
    padding: 0.25rem;
    border-radius: 0.5rem;
    background-color: rgba(0, 0, 0, 0.5);
}
.ticket-info .card .card-body a:hover {
    background-color: rgba(0, 0, 0, 0.6);
}
.tic-info-item {
    position: relative;
    display: flex !important;
    align-items: center;
    padding: 0.5rem 0.5rem;
    margin: 0;
    box-shadow: none;
    text-transform: unset;
}
.tic-info-item::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 0.25rem;
    z-index: -1;
    transition: 0.3s ease-out;
}
.tic-info-item .tic-info-icon {
    flex: 0 0 60px;
    max-width: 60px;
    height: 60px;
    margin-right: 1rem;
    background-color: var(--color-100);
    border-radius: 50%;
}
.tic-info-item .tic-info-icon img {
    width: 100%;
}
.tic-info-item .tic-info-label h4 {
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 0.25rem 0;
    text-transform: unset;
}
.tic-info-item .tic-info-label h5 {
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 0.25rem 0;
}
.tic-info-item .tic-info-label p {
    color: var(--white);
    margin: 0;
}
.tic-info-item:hover::before {
    left: 0;
    width: 100%;
}
.tic-info-item:hover .tic-info-icon {
    animation: facilityPulse 1s ease 0s infinite;
}
.exhibition-sec {
    position: relative;
    padding: 6rem 0 6rem;
    background-color: #929191;
    background-image: url(../images/events-bg.png);
    background-position: left bottom;
    background-size: 400px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.exhibition-top-cover {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4rem;
}
.exhibition-top-cover .exhibition-hd {
    position: relative;
    padding: 1.875rem 0 1.875rem 1.875rem;
}
.exhibition-top-cover .exhibition-hd::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: var(--white);
}
.exhibition-top-cover .exhibition-hd h2 {
    color: var(--white);
    font-size: 1.875rem;
    font-weight: var(--font-weight-bold);
    margin: 0;
}
.exhibition-top-cover .btn-more {
    display: flex;
    align-items: center;
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    padding: 0.25rem 1rem;
    margin: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
    text-transform: capitalize;
}
.exhibition-top-cover .btn-more .icon-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 0.5rem;
    border-radius: 2px;
}
.exhibition-top-cover .btn-more:hover {
    color: var(--white);
    background-color: var(--color-100);
    border-color: var(--color-100);
}
.exhibition-top-cover .btn-more:hover .icon-right {
    color: var(--color-100);
    background-color: var(--white);
    animation: iconMoveRight 1s infinite;
}
.exhibition-item {
    position: relative;
    background-color: var(--black);
    overflow: hidden;
}
.exhibition-item .exhi-top {
    position: relative;
    min-height: 225px;
    padding: 3rem 1.75rem 0.5rem;
    z-index: 10;
}
.exhibition-item .exhi-hd {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.25);
}
.exhibition-item .exhi-hd h3 {
    color: var(--white);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.exhibition-item .exhi-body {
    position: relative;
    margin-bottom: 0.5rem;
}
.exhibition-item .exhi-body h4 {
    color: var(--white);
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.exhibition-item .exhi-body p {
    color: var(--white);
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.exhibition-item .exhi-nav .btn-book {
    display: inline-flex;
    align-items: center;
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    padding: 0.25rem 1rem;
    margin: 0;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    box-shadow: none;
}
.exhibition-item .exhi-nav .btn-book .icon-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 0.5rem;
    border-radius: 2px;
}
.exhibition-item .exhi-nav .btn-book:hover {
    border-color: var(--white);
}
.exhibition-item .exhi-nav .btn-book:hover .icon-right {
    color: var(--color-100);
    background-color: var(--white);
    animation: iconMoveRight 1s infinite;
}
.exhibition-item .exhi-img {
    position: relative;
    margin-top: -80px;
}
.exhibition-item .exhi-img::before,
.exhibition-item .exhi-img::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
}
.exhibition-item .exhi-img::before {
    height: 500px;
    background-color: #2f2f2f;
    transform: translateY(-100%);
}
.exhibition-item .exhi-img::after {
    height: 150px;
    background-image: url(../images/events-it-shape.png);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.exhibition-item .exhi-img img {
    width: 100%;
    transition: 0.3s ease-out;
}
.exhibition-item:hover .exhi-img img {
    transform: scale(1.1);
    filter: grayscale(1);
    opacity: 0.35;
}
.exhibition-carousel {
    overflow: hidden;
}
.exhibition-carousel .owl-theme .owl-nav .owl-prev,
.exhibition-carousel .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    background-color: var(--color-200);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease-out;
}
.exhibition-carousel .owl-theme .owl-nav .owl-prev {
    left: -5rem;
    background-image: url(../images/arrow-left.svg);
}
.exhibition-carousel .owl-theme .owl-nav .owl-next {
    right: -5rem;
    background-image: url(../images/arrow-right.svg);
}
.exhibition-carousel .owl-theme .owl-nav .owl-prev:hover,
.exhibition-carousel .owl-theme .owl-nav .owl-next:hover {
    background-color: var(--color-100);
}
.exhibition-carousel:hover .owl-theme .owl-nav .owl-prev {
    left: 25px;
}
.exhibition-carousel:hover .owl-theme .owl-nav .owl-next {
    right: 25px;
}
.knowledge-sec {
    position: relative;
    padding: 4rem 0 4rem;
    background-color: #dbdcdc;
    background-image: url(../images/knowledge-bg.png);
    background-position: right top;
    background-size: 400px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.knowledge-hd {
    position: relative;
    padding: 1.875rem 0 1.875rem 1.875rem;
    margin-bottom: 2rem;
}
.knowledge-hd::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: #c9c8c6;
}
.knowledge-hd h2 {
    color: var(--bk-grade-750);
    font-size: 1.875rem;
    font-weight: var(--font-weight-bold);
    margin: 0;
}
.knowledge-nav-list {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-end;
}
.knowledge-nav-list .nav-item + .nav-item {
    margin-left: 0.5rem;
}
.knowledge-nav-list .nav-item .nav-link {
    color: var(--bk-grade-950);
    padding: 0;
}
.knowledge-nav-list .nav-item .nav-link .nav-block {
    position: relative;
    display: block;
    padding: 0.5rem 0.5rem;
}
.knowledge-nav-list .nav-item .nav-link .nav-block::before,
.knowledge-nav-list .nav-item .nav-link .nav-block::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    transition: 0.3s ease-out;
}
.knowledge-nav-list .nav-item .nav-link .nav-block::before {
    left: 0;
    width: 100%;
    background-color: var(--bk-grade-950);
}
.knowledge-nav-list .nav-item .nav-link .nav-block::after {
    right: 0;
    width: 0;
    background-color: var(--color-100);
}
.knowledge-nav-list .nav-item .nav-link:hover,
.knowledge-nav-list .nav-item .nav-link.active {
    background-color: var(--bk-grade-200);
}
.knowledge-nav-list .nav-item .nav-link:hover .nav-block::after,
.knowledge-nav-list .nav-item .nav-link.active .nav-block::after {
    left: 0;
    width: 100%;
}
.knowledge-carousel .owl-theme .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 4rem;
}
.knowledge-carousel .owl-theme .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 4rem;
}
.knowledge-carousel .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 5px;
    background: var(--bk-grade-200);
    border: 1px solid var(--bk-grade-200);
    border-radius: 50%;
    transition: 0.3s ease-out;
}
.knowledge-carousel .owl-theme .owl-dots .owl-dot.active span,
.knowledge-carousel .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--color-100);
    border: 1px solid var(--color-100);
}
.knowledge-carousel .owl-theme .owl-nav .owl-prev,
.knowledge-carousel .owl-theme .owl-nav .owl-next {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -1rem;
    margin: 0;
    background-color: var(--bk-grade-950);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    border-radius: 50%;
    z-index: 10;
    transition: 0.3s ease-out;
}
.knowledge-carousel .owl-theme .owl-nav .owl-prev {
    left: 50%;
    margin-left: -125px;
    background-image: url(../images/arrow-left.svg);
}
.knowledge-carousel .owl-theme .owl-nav .owl-next {
    right: 50%;
    margin-right: -125px;
    background-image: url(../images/arrow-right.svg);
}
.knowledge-carousel .owl-theme .owl-nav .owl-prev:hover,
.knowledge-carousel .owl-theme .owl-nav .owl-next:hover {
    background-color: var(--color-100);
}
.knowledge-carousel .owl-item .item {
    padding: 2rem 0;
}
.knowledge-item {
    position: relative;
    width: 100%;
    height: 450px;
    transform-style: preserve-3d;
    perspective: 1200px;
    cursor: pointer;
}
.knowledge-item .card-side {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: transform 0.8s ease-in-out;
}
.knowledge-item .card-front {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 2rem 2rem;
}
.knowledge-item .card-front .card-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.knowledge-item .card-front .card-bg::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 50%;
    background-color: rgba(0, 0, 0, 0);
    background-image: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.85) 100%
    );
}
.knowledge-item .card-front .card-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.knowledge-item .card-front .front-title {
    position: relative;
    text-align: center;
    transform: translateZ(100px);
}
.knowledge-item .card-front .front-title h3 {
    color: var(--white);
}
.knowledge-item .card-back {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 2rem;
    background-color: var(--color-200);
    transform: rotateY(180deg);
}
.knowledge-item .card-back .back-title {
    position: relative;
    text-align: center;
    transform: translateZ(100px);
}
.knowledge-item .card-back .back-title h3 {
    color: var(--white);
}
.knowledge-item .card-back .back-title p {
    color: var(--white);
}
.knowledge-item .card-back .back-title .date {
    color: #dd9251;
}
.knowledge-item:hover .card-front {
    transform: rotateY(-180deg);
}
.knowledge-item:hover .card-back {
    transform: rotateY(0);
}
.facilities-sec {
    background-color: #e6e7e7;
    overflow: hidden;
}
.col-faci-con {
    flex: 0 0 62%;
    max-width: 62%;
}
.col-faci-nav {
    order: 2;
    flex: 0 0 38%;
    max-width: 38%;
    background-color: #4f4f4f;
}
.col-faci-nav::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 1000px;
    height: 100%;
    background-color: #4f4f4f;
}
.facilities-tb-nav {
    display: flex;
    flex-direction: column;
    max-width: 450px;
    padding: 6rem 1rem 4rem 4rem;
}
.facilities-tb-nav .nav-item {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.25);
}
.facilities-tb-nav .nav-item .nav-link {
    position: relative;
    display: flex;
    align-items: center;
    color: var(--white);
}
.facilities-tb-nav .nav-item .nav-link::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    transition: 0.3s ease-out;
}
.facilities-tb-nav .nav-item .nav-link .nav-icon {
    position: relative;
    flex: 0 0 72px;
    max-width: 72px;
    margin-right: 2rem;
}
.facilities-tb-nav .nav-item .nav-link .nav-icon i {
    position: relative;
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto;
}
.facilities-tb-nav .nav-item .nav-link .nav-icon i img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    transition: 0.2s ease-out;
    filter: brightness(0) invert(1);
}
.facilities-tb-nav .nav-item .nav-link .nav-icon i .hover {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
}
.facilities-tb-nav .nav-item .nav-link .nav-label {
    position: relative;
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
}
.facilities-tb-nav .nav-item .nav-link:hover,
.facilities-tb-nav .nav-item .nav-link.active {
    color: var(--color-100);
}
.facilities-tb-nav .nav-item .nav-link:hover::before,
.facilities-tb-nav .nav-item .nav-link.active::before {
    left: 0;
    width: 100%;
}
.facilities-tb-nav .nav-item .nav-link:hover .nav-icon i img,
.facilities-tb-nav .nav-item .nav-link.active .nav-icon i img {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
}
.facilities-tb-nav .nav-item .nav-link:hover .nav-icon i .hover,
.facilities-tb-nav .nav-item .nav-link.active .nav-icon i .hover {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    filter: none;
}
.facilities-cover {
    padding: 6rem 4rem 6rem 0;
}
.facilities-hd {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1.875rem 0 1.875rem 1.875rem;
    margin-bottom: 2rem;
}
.facilities-hd::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: #c9c8c6;
}
.facilities-hd h2 {
    color: var(--bk-grade-750);
    font-size: 1.875rem;
    font-weight: var(--font-weight-bold);
    margin: 0;
}
.facilities-hd .btn-explore {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 200px;
    color: var(--bk-grade-750);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    padding: 0.5rem 1rem;
    margin: 0;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    box-shadow: none;
    text-transform: capitalize;
}
.facilities-hd .btn-explore .icon-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 0.5rem;
    border-radius: 2px;
}
.facilities-hd .btn-explore:hover {
    color: var(--color-100);
    border-color: var(--color-100);
}
.facilities-hd .btn-explore:hover .icon-right {
    color: var(--white);
    background-color: var(--color-100);
    animation: iconMoveRight 1s infinite;
}
.facility-tb-item figure {
    position: relative;
    margin: 0;
}
.facility-tb-item figure::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/imgpattern-left-btm-01.png);
    background-size: 50%;
}
.facility-tb-item figure img {
    width: 100%;
}
.facility-tb-item .facility-tb-body {
    padding: 1.875rem 0 0 1.875rem;
}
.facility-tb-item .facility-tb-body h3 {
    color: var(--bk-grade-750);
    font-size: 1.875rem;
    font-weight: var(--font-weight-bold);
    margin: 0 0 1.5rem 0;
}
.facility-tb-item .facility-tb-body p {
    color: var(--bk-grade-750);
}
.facility-tb-item .facility-tb-body .btn-explore {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 200px;
    color: var(--bk-grade-750);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    padding: 0.5rem 1rem;
    margin: 0;
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    box-shadow: none;
    text-transform: capitalize;
}
.facility-tb-item .facility-tb-body .btn-explore .icon-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 0.5rem;
    border-radius: 2px;
}
.facility-tb-item .facility-tb-body .btn-explore:hover {
    color: var(--color-100);
    border-color: var(--color-100);
}
.facility-tb-item .facility-tb-body .btn-explore:hover .icon-right {
    color: var(--white);
    background-color: var(--color-100);
    animation: iconMoveRight 1s infinite;
}
.collection-sec {
    position: relative;
    padding: 8rem 0 8rem;
    background-color: #929191;
    background-image: url(../images/collection-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.collection-parallax {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1100px;
    height: 100%;
}
.para-item {
    position: absolute;
}
.para-item img {
    width: 100%;
}
.para-item.para-item-01 {
    left: 0;
    bottom: 0;
    width: 498px;
}
.para-item.para-item-02 {
    left: 35%;
    bottom: 0;
    width: 354px;
}
.para-item.para-item-03 {
    right: 0;
    bottom: 0;
    width: 502px;
}
.para-item .layer {
    position: absolute;
    width: 100%;
    height: 100%;
}
.collection-cover {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}
.collection-cover p {
    color: var(--white);
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.collection-cover h2 {
    color: var(--white);
    font-size: 3.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 2rem 0;
    line-height: 100%;
}
.collection-cover .btn-explore {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 200px;
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-normal);
    padding: 0.5rem 1rem;
    margin: 0 auto;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    box-shadow: none;
}
.collection-cover .btn-explore .icon-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 0.5rem;
    border-radius: 2px;
}
.collection-cover .btn-explore:hover {
    border-color: var(--white);
}
.collection-cover .btn-explore:hover .icon-right {
    color: var(--color-100);
    background-color: var(--white);
    animation: iconMoveRight 1s infinite;
}
.about-sec {
    background-color: #858383;
}
.about-img img {
    width: 100%;
}
.about-cover {
    padding: 4rem calc(((100vw - 1320px) / 2)) 4rem 4rem;
}
.about-cover h4 {
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.about-cover .sound-icon {
    display: inline-block;
    width: 42px;
    height: 42px;
    margin-left: 2rem;
    background-color: var(--bk-grade-750);
    border-radius: 50%;
}
.about-cover h2 {
    color: var(--white);
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 2rem 0;
    line-height: 125%;
}
.about-cover p {
    color: var(--white);
}
.about-cover .btn-more {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 200px;
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    padding: 0.5rem 1rem;
    margin: 0;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 0;
    box-shadow: none;
    text-transform: capitalize;
}
.about-cover .btn-more .icon-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 0.5rem;
    border-radius: 2px;
}
.about-cover .btn-more:hover {
    border-color: var(--white);
}
.about-cover .btn-more:hover .icon-right {
    color: var(--color-100);
    background-color: var(--white);
    animation: iconMoveRight 1s infinite;
}
.info-sec {
    position: relative;
    padding: 4rem 0 4rem;
    background-color: #eae6e6;
    background-image: url(../images/info-bg.png);
    background-position: right bottom;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.info-list-cover {
    display: flex;
    flex-flow: row nowrap;
}
.info-list-cover .info-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0.5rem 1rem;
    flex: 1 1 0;
}
.info-list-cover .info-item::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    transition: 0.3s ease-out;
}
.info-list-cover .info-item + .info-item {
    border-left: 1px solid var(--bk-grade-950);
}
.info-list-cover .info-item .info-icon {
    position: relative;
    flex: 0 0 48px;
    max-width: 48px;
    margin-right: 1.75rem;
}
.info-list-cover .info-item .info-icon img {
    width: 100%;
}
.info-list-cover .info-item .info-body {
    position: relative;
}
.info-list-cover .info-item .info-body h3 {
    color: var(--bk-grade-950);
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 0.25rem 0;
}
.info-list-cover .info-item .info-body p {
    color: var(--bk-grade-950);
    margin: 0;
}
.info-list-cover .info-item:hover::before {
    left: 0;
    width: 100%;
}
.footer-sec {
    position: relative;
    padding: 4rem 0 4rem;
    background-color: #4f4f4f;
}
.ft-link-cover {
    margin-bottom: 1rem;
}
.ft-link-cover h3 {
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.ft-links .link-item {
    margin-bottom: 1rem;
}
.ft-links .link-item .link-nav {
    color: var(--white);
}
.ft-links .link-item .link-nav:hover {
    color: var(--color-100);
}
.ft-contact {
    margin-bottom: 2rem;
}
.ft-contact h3 {
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.ft-contact p {
    color: var(--white);
}
.ft-connect {
    margin-bottom: 2rem;
}
.ft-connect h3 {
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.con-list .con-item {
    color: var(--white);
}
.con-list .con-item .con-link {
    color: var(--white);
}
.con-list .con-item .con-link:hover {
    color: var(--color-100);
}
.footer-logo {
    max-width: 200px;
    margin-bottom: 2rem;
}
.footer-logo img {
    width: 100%;
    filter: invert(1);
}
.ft-social h3 {
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.social-list {
    display: flex;
    flex-wrap: wrap;
}
.social-list .soc-item {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0.25rem;
}
.social-list .soc-item .soc-link {
    display: flex;
    align-items: center;
    color: var(--white);
}
.social-list .soc-item .soc-link .soc-icon {
    position: relative;
    width: 36px;
    height: 36px;
    margin-right: 0.5rem;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 50%;
    text-align: center;
}
.social-list .soc-item .soc-link .soc-icon::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 42px;
    height: 42px;
    border: 1px solid var(--color-100);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
    transition: 0.2s ease-out;
}
.social-list .soc-item .soc-link .soc-icon .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 1.25rem;
    transform: translate(-50%, -50%);
    z-index: 5;
}
.social-list .soc-item .soc-link:hover .soc-icon {
    color: #ffffff;
    background-color: var(--color-100);
    border: 1px solid var(--color-100);
}
.social-list .soc-item .soc-link:hover .soc-icon::before {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}
.footer-hr {
    margin-top: 2rem;
    margin-bottom: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.btm-list {
    display: flex;
    flex-wrap: wrap;
}
.btm-list .btm-item {
    position: relative;
    padding: 0.25rem;
}
.btm-list .btm-item + .btm-item {
    margin-left: 1rem;
}
.btm-list .btm-item + .btm-item::before {
    content: "";
    position: absolute;
    left: -0.5rem;
    top: 12px;
    width: 1px;
    height: 12px;
    background-color: var(--white);
}
.btm-list .btm-item .btm-link {
    display: block;
    color: var(--white);
}
.btm-list .btm-item .btm-link:hover {
    color: var(--color-100);
}
.copyright {
    color: var(--white);
    text-align: right;
}
.ins-banner-sec {
    position: relative;
    padding: 4rem 0 4rem;
    background-image: url(../images/ins-banner-bg.jpg);
    background-attachment: fixed;
}
.ins-banner-about {
    background-image: url(../images/ins-banner-bg-about.jpg);
}
.ins-banner-hd h1 {
    color: var(--white);
    font-size: 3rem;
    font-weight: var(--font-weight-bold);
    margin: 0 0 1rem 0;
    text-align: center;
}
.ins-banner-hd .breadcrumb {
    justify-content: center;
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0.25rem;
}
.ins-banner-hd .breadcrumb .breadcrumb-item {
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
}
.ins-banner-hd .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    content: "\f105";
    color: var(--white);
    font-family: "FontAwesome";
}
.ins-banner-hd .breadcrumb .breadcrumb-item a {
    color: var(--white);
    text-decoration: none;
}
.ins-banner-hd .breadcrumb .breadcrumb-item a:hover {
    color: var(--color-200);
}
.nav-support {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 2rem;
    bottom: 0;
    width: 76px;
    height: 76px;
    padding: 0.5rem;
    background-color: var(--white);
    border-radius: 50%;
    transform: translateY(50%);
    overflow: hidden;
    z-index: 10;
}
.nav-support img {
    width: 50px;
}
.nav-support:hover {
    background-color: var(--color-100);
}
.story-sec {
    position: relative;
    padding: 7.5rem 0 7.5rem;
    overflow: hidden;
}
.story-graphic {
    position: absolute;
    width: 1100px;
    left: 50%;
    top: 0px;
    height: 100%;
    transform: translateX(-150px);
}
.story-graphic .story-img {
    position: relative;
    height: 100%;
}
.story-graphic .story-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-image: url(../images/imgpattern-right-btm-01.png);
    background-size: 50%;
}
.story-graphic .story-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.story-graphic .story-shape {
    position: absolute;
    left: 0;
    top: 0;
    width: 150px;
    height: 100%;
    background-color: white;
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    clip-path: url("#story-shape");
}
.story-cover {
    max-width: 400px;
}
.story-cover .sub-hd {
    color: var(--bk-grade-750);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.story-cover h3 {
    color: var(--bk-grade-750);
    font-size: 6rem;
    font-family: var(--tertiary-font-family);
    line-height: 75%;
}
.story-cover h4 {
    color: var(--bk-grade-750);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.vision-sec {
    position: relative;
    padding: 7.5rem 0 7.5rem;
    overflow: hidden;
}
.vision-graphic {
    position: absolute;
    width: 1200px;
    right: 50%;
    top: 0px;
    height: 100%;
    transform: translateX(150px);
}
.vision-graphic .vision-img {
    position: relative;
    height: 100%;
}
.vision-graphic .vision-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/imgpattern-left-btm-01.png);
    background-size: 50%;
}
.vision-graphic .vision-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.vision-graphic .vision-shape {
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    height: 100%;
    background-color: white;
    clip-path: polygon(0 0, 100% 100%, 100% 0);
    clip-path: url("#vision-shape");
}
.vision-cover {
    padding-left: 200px;
}
.vision-cover .sub-hd {
    color: var(--bk-grade-750);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.vision-cover h3 {
    color: var(--bk-grade-750);
    font-size: 2rem;
    font-weight: var(--font-weight-bold);
    margin: 0 0 1rem 0;
}
.vision-cover p {
    color: var(--bk-grade-750);
    margin: 0 0 1rem 0;
}
.overview-sec {
    position: relative;
    background-color: #9d968d;
}
.overview-cover {
    position: relative;
}
.overview-cover .overview-video video {
    width: 100%;
    height: 100%;
    max-height: 700px;
    object-fit: cover;
}
.overview-cover .overview-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.overview-content {
    text-align: center;
}
.overview-content .overview-hd {
    transition: 0.3s ease-out;
}
.overview-content .overview-hd.is-hide {
    opacity: 0;
}
.overview-content .overview-hd .sub-hd {
    color: var(--white);
    font-size: 1.875rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 2rem 0;
}
.overview-content .overview-hd h2 {
    color: var(--white);
    font-size: 4rem;
    font-family: var(--quaternary-font-family);
    font-weight: var(--font-weight-medium);
    margin: 0 0 2rem 0;
}
.buttons {
    max-width: 120px;
    margin: 5rem auto 0;
}
.buttons .btn {
    width: 100px;
    height: 100px;
    color: var(--white);
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transition: 0.3s ease-out;
}
.buttons .btn img {
    width: 100%;
}
.buttons .btn.btnPause {
    display: none;
    opacity: 0;
}
.overview-cover:hover .buttons .btnPause {
    opacity: 1;
}
.key-facts-sec {
    position: relative;
    padding: 6rem 0 6rem;
    background-color: #dbdcdc;
}
.key-facts-hd {
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    text-align: center;
}
.key-facts-hd::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 4px;
    margin: 0 auto;
    background-color: #bab8b8;
}
.key-facts-hd h2 {
    color: var(--bk-grade-750);
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.key-fact-item {
    max-width: 200px;
    margin: 0 auto;
}
.key-fact-item figure {
    position: relative;
    width: 160px;
    height: 160px;
    padding: 0.5rem;
    margin: 0 auto 2rem;
    border: 6px solid var(--color-100);
    border-radius: 50%;
}
.key-fact-item figure::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.3s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.key-fact-item figure .icon {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.key-fact-item figure .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.key-fact-item .facts-body {
    text-align: center;
}
.key-fact-item .facts-body p {
    color: var(--bk-grade-750);
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.key-fact-item:hover figure {
    animation: iconPulse 1s ease 0s infinite;
}
.key-fact-item:hover figure::before {
    transform: translate(-50%, -50%) scale(0.95);
}
.abt-award-img {
    max-width: 435px;
}
.abt-award-img img {
    width: 100%;
}

.abt-award-content .abt-award-hd {
    position: relative;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.abt-award-content .abt-award-hd::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 65px;
    height: 3px;
    background-color: var(--bk-grade-200);
}
.abt-award-content ul li {
    position: relative;
    color: var(--bk-grade-750);
    padding: 0 0 1rem 2rem;
    margin-bottom: 1rem;
    border-bottom: 2px solid var(--color-100);
}

.abt-award-content ul li + li {
    margin-top: 1rem;
}

.abt-award-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='rgba(177, 115, 62, 1)' stroke-linecap='round' stroke-miterlimit='10' d='M8 0a1 1 0 0 1 1 1v5.268l4.562-2.634a1 1 0 1 1 1 1.732L10 8l4.562 2.634a1 1 0 1 1-1 1.732L9 9.732V15a1 1 0 1 1-2 0V9.732l-4.562 2.634a1 1 0 1 1-1-1.732L6 8 1.438 5.366a1 1 0 0 1 1-1.732L7 6.268V1a1 1 0 0 1 1-1'/%3E%3C/svg%3E");
    background-size: 20px;
    background-repeat: no-repeat;
}
.eve-exh-sec {
    position: relative;
    padding: 6rem 0 6rem;
    background-color: #dbdcdc;
}
.eve-landing {
    position: relative;
    margin-bottom: 2rem;
    background-color: #000000;
    overflow: hidden;
}
.eve-landing figure {
    margin: 0;
}
.eve-landing figure img {
    width: 100%;
    transition: 0.3s ease-out;
}
.eve-landing .eve-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 2rem 2rem;
    background-color: #262626;
    transition: 0.3s ease-out;
}
.eve-landing .eve-overlay::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 80px;
    background-image: url(../images/eve-land-shape.png);
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;
    transform: translateY(-100%);
}
.eve-landing .eve-overlay h3 {
    color: var(--white);
    font-size: 2.25rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 0.5rem 0;
}
.eve-landing .eve-overlay p {
    color: #c48a66;
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.eve-landing:hover figure img {
    opacity: 0.5;
    transform: scale(1.1);
}
.eve-landing:hover .eve-overlay {
    padding: 0 2rem 0.5rem;
}
.eve-exh-sec {
    position: relative;
    padding: 6rem 0 6rem;
    background-color: #dbdcdc;
}
.ins-events-cover {
    margin-bottom: 4rem;
}
.ins-events-cover .ins-events-hd {
    position: relative;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #bcbaba;
}
.ins-events-cover .ins-events-hd h3 {
    position: relative;
    color: var(--bk-grade-750);
    font-size: 1.875rem;
    font-weight: var(--font-weight-bold);
    padding: 1.5rem 0 1.5rem 1.875rem;
    margin: 0;
}
.ins-events-cover .ins-events-hd h3::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: #c9c8c6;
}
.ins-events-carosel .owl-theme .owl-nav .owl-prev,
.ins-events-carosel .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: -5rem;
    width: 40px;
    height: 40px;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
    background-position: center;
    background-size: 22px;
    background-repeat: no-repeat;
    border-radius: 0.15rem;
    transform: translateY(-50%);
    transition: 0.3s ease-out;
}
.ins-events-carosel .owl-theme .owl-nav .owl-prev {
    right: 3rem;
    background-image: url(../images/arrow-dk-left.svg);
}
.ins-events-carosel .owl-theme .owl-nav .owl-next {
    right: 0;
    background-image: url(../images/arrow-dk-right.svg);
}
.ins-events-carosel .owl-theme .owl-nav .owl-prev:hover,
.ins-events-carosel .owl-theme .owl-nav .owl-next:hover {
    background-color: var(--color-100);
}
.ins-event-item {
    margin-bottom: 1rem;
}
.ins-event-item figure {
    position: relative;
    margin: 0;
    background-color: #000000;
    overflow: hidden;
}
.ins-event-item figure::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/imgpattern-left-btm-01.png);
    background-size: 50%;
    transform-origin: left bottom;
    transition: 0.3s ease-out;
}
.ins-event-item figure img {
    width: 100%;
    transition: 0.3s ease-out;
    height: 300px;
    object-fit: cover;
}
.ins-event-item figure .event-label {
    position: absolute;
    right: 1rem;
    top: 1rem;
    color: var(--white);
    padding: 0.25rem 1rem;
    background-color: var(--color-100);
    border-radius: 4px;
    z-index: 10;
}
.ins-event-item .ins-event-body {
    position: relative;
    padding: 2rem 2rem 4rem;
    background-color: #e6e7e7;
    border-left: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
}
.ins-event-item .ins-event-top {
    min-height: 100px;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px dotted #a2a2a2;
}
.ins-event-item .ins-event-top .event-date {
    color: var(--bk-grade-750);
    font-size: 0.875rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 0.25rem 0;
}
.ins-event-item .ins-event-top .event-title {
    color: var(--bk-grade-750);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.ins-event-item .ins-event-content {
    min-height: 250px;
}
.ins-event-item .ins-event-content .event-loc {
    color: var(--bk-grade-750);
    font-size: 0.875rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.ins-event-item .ins-event-content .event-loc img {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    margin-right: 1rem;
}
.ins-event-item .ins-event-nav {
    position: relative;
    padding: 0 2rem 1rem;
    background-color: #262626;
}
.ins-event-item .ins-event-nav::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 44px;
    background-image: url(../images/eve-nav-ft-shape.png);
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;
    transform: translateY(-100%);
}
.ins-event-item .ins-event-nav .btn-book {
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    padding: 0.25rem 0.25rem;
    box-shadow: none;
}
.ins-event-item .ins-event-nav .btn-book:hover {
    color: var(--color-100);
}
.ins-event-item:hover figure::after {
    transform: scale(3);
    opacity: 0;
}
.ins-event-item:hover figure img {
    opacity: 0.5;
    transform: scale(1.1);
}
.content-sec {
    position: relative;
    background-color: #ececec;
}
.visit-page-hd {
    padding-bottom: 1rem;
    margin-bottom: 4rem;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
}
.visit-page-hd h2 {
    color: var(--bk-grade-750);
    font-size: 1.875rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.ticket-page-hd {
    padding-bottom: 1rem;
    margin-bottom: 4rem;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
}
.ticket-page-hd h2 {
    color: var(--bk-grade-750);
    font-size: 1.875rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.pro-search-sec {
    position: relative;
    padding: 4rem 0 4rem;
    background-image: url(../images/ins-banner-bg.jpg);
    background-attachment: fixed;
}
.pro-search-hd h1 {
    color: var(--white);
    font-size: 3rem;
    font-weight: var(--font-weight-bold);
    margin: 0 0 1rem 0;
    text-align: center;
}
.search-product {
    max-width: 900px;
    padding: 0.5rem;
    margin: 0 auto;
    background-color: var(--white);
    border: 0;
    border-radius: 0;
}
.search-product .form-control {
    height: 35px;
    border: 0;
}
.search-product .input-group-append {
    margin-left: -1px;
}
.search-product .btn-search {
    height: 35px;
    padding: 0.5rem 1rem;
    margin: 0;
    border-left: 1px solid var(--bk-grade-200);
    box-shadow: none;
}
.search-product .btn-search img {
    width: 20px;
}
.offer-sec {
    position: relative;
    padding: 6rem 0 9rem;
    background-color: #929191;
    background-image: url(../images/offer-bg.png);
    background-position: left top;
    background-size: 500px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.offer-carousel .owl-theme .owl-nav {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 4rem;
}
.offer-carousel .owl-theme .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    margin-top: 4rem;
}
.offer-carousel .owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 5px;
    background: var(--bk-grade-200);
    border: 1px solid var(--bk-grade-200);
    border-radius: 50%;
    transition: 0.3s ease-out;
}
.offer-carousel .owl-theme .owl-dots .owl-dot.active span,
.offer-carousel .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--white);
    border: 1px solid var(--white);
}
.offer-carousel .owl-theme .owl-nav .owl-prev,
.offer-carousel .owl-theme .owl-nav .owl-next {
    position: absolute;
    width: 40px;
    height: 40px;
    top: -1rem;
    margin: 0;
    background-color: var(--bk-grade-950);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    border-radius: 50%;
    z-index: 10;
    transition: 0.3s ease-out;
}
.offer-carousel .owl-theme .owl-nav .owl-prev {
    left: 50%;
    margin-left: -125px;
    background-image: url(../images/arrow-left.svg);
}
.offer-carousel .owl-theme .owl-nav .owl-next {
    right: 50%;
    margin-right: -125px;
    background-image: url(../images/arrow-right.svg);
}
.offer-carousel .owl-theme .owl-nav .owl-prev:hover,
.offer-carousel .owl-theme .owl-nav .owl-next:hover {
    background-color: var(--color-100);
}
.support-sec {
    position: relative;
    padding: 4rem 0 4rem;
    background-color: #eae6e6;
    background-image: url(../images/info-bg.png);
    background-position: right bottom;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.support-list-cover {
    display: flex;
    flex-flow: row nowrap;
}
.support-list-cover .support-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    flex: 1 1 0;
}
.support-list-cover .support-item::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    transition: 0.3s ease-out;
}
.support-list-cover .support-item + .support-item {
    border-left: 1px solid var(--bk-grade-500);
}
.support-list-cover .support-item .support-icon {
    position: relative;
    flex: 0 0 90px;
    max-width: 90px;
    margin-right: 1.75rem;
}
.support-list-cover .support-item .support-icon img {
    width: 100%;
}
.support-list-cover .support-item .support-body {
    position: relative;
}
.support-list-cover .support-item .support-body h3 {
    color: var(--bk-grade-950);
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 0.25rem 0;
}
.support-list-cover .support-item .support-body p {
    color: var(--bk-grade-950);
    margin: 0;
}
.support-list-cover .support-item:hover::before {
    left: 0;
    width: 100%;
}
.cate-pro-sec {
    position: relative;
    padding: 6rem 0 3rem;
    background-color: #dbdcdc;
    background-image: url(../images/category-bg.png);
    background-position: right top;
    background-size: 375px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.category-list-hd {
    position: relative;
    padding: 1.875rem 0 1.875rem 1.875rem;
    margin-bottom: 2rem;
}
.category-list-hd::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: #c9c8c6;
}
.category-list-hd h2 {
    color: var(--bk-grade-750);
    font-size: 1.875rem;
    font-weight: var(--font-weight-bold);
    margin: 0;
}
.cate-list-item {
    margin-bottom: 1rem;
    overflow: hidden;
}
.cate-list-item figure {
    margin: 0;
    background-color: var(--black);
    overflow: hidden;
}
.cate-list-item figure img {
    width: 100%;
    transition: 0.3s ease-out;
    transition-duration: 500ms;
}
.cate-list-item .cate-li-body {
    position: relative;
    padding: 0.25rem 1.5rem 1.5rem;
    background-color: #252525;
}
.cate-list-item .cate-li-body::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 57px;
    background-image: url(../images/cate-item-shape.png);
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;
    transform: translateY(-100%);
}
.cate-list-item .cate-li-body h3 {
    color: var(--white);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.cate-list-item .cate-li-body .btn-shop {
    display: inline-flex;
    align-items: center;
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    padding: 0.25rem 1rem 0.25rem 0;
    margin: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
}
.cate-list-item .cate-li-body .btn-shop .icon-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 0.5rem;
    border-radius: 2px;
}
.cate-list-item .cate-li-body .btn-shop:hover {
    padding: 0.25rem 1rem 0.25rem 1rem;
    border-color: var(--white);
}
.cate-list-item .cate-li-body .btn-shop:hover .icon-right {
    color: var(--color-100);
    background-color: var(--white);
    animation: iconMoveRight 1s infinite;
}
.cate-list-item:hover figure img {
    transform: scale(1.1);
    opacity: 0.75;
}
.popular-pro-sec {
    position: relative;
    padding: 6rem 0 3rem;
    background-color: #dbdcdc;
    background-image: url(../images/category-bg.png);
    background-position: right top;
    background-size: 375px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.popular-pro-hd {
    position: relative;
    padding: 1.875rem 0 1.875rem 1.875rem;
    margin-bottom: 2rem;
}
.popular-pro-hd::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: #c9c8c6;
}
.popular-pro-hd h2 {
    color: var(--bk-grade-750);
    font-size: 1.875rem;
    font-weight: var(--font-weight-bold);
    margin: 0;
}
.popular-carousel .owl-theme .owl-nav .owl-prev,
.popular-carousel .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    background-color: var(--color-100);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease-out;
}
.popular-carousel .owl-theme .owl-nav .owl-prev {
    left: -5rem;
    background-image: url(../images/arrow-left.svg);
}
.popular-carousel .owl-theme .owl-nav .owl-next {
    right: -5rem;
    background-image: url(../images/arrow-right.svg);
}
.popular-carousel .owl-theme .owl-nav .owl-prev:hover,
.popular-carousel .owl-theme .owl-nav .owl-next:hover {
    background-color: var(--color-200);
}
.popular-carousel:hover .owl-theme .owl-nav .owl-prev {
    left: 25px;
}
.popular-carousel:hover .owl-theme .owl-nav .owl-next {
    right: 25px;
}
.popular-item {
    margin-bottom: 1rem;
    background-color: #e6e7e7;
    border: 1px solid #ccc6c6;
    overflow: hidden;
    transition: 0.3s ease-out;
}
.popular-item figure {
    margin: 0;
    overflow: hidden;
}
.popular-item figure img {
    width: 100%;
    transition: 0.3s ease-out;
    transition-duration: 500ms;
}
.popular-item .popular-body {
    position: relative;
    padding: 0.25rem 1.5rem 1.5rem;
    background-color: #252525;
}
.popular-item .popular-body::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    background-image: url(../images/popular-item-shape.png);
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;
    transform: translateY(-100%);
}
.popular-item .popular-body h3 {
    color: var(--white);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.popular-item .popular-body .item-price {
    color: #676666;
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.popular-item .popular-body .btn-shop {
    display: inline-flex;
    align-items: center;
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    padding: 0.25rem 1rem 0.25rem 0;
    margin: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
}
.popular-item .popular-body .btn-shop .icon-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 0.5rem;
    border-radius: 2px;
}
.popular-item .popular-body .btn-shop:hover {
    padding: 0.25rem 1rem 0.25rem 1rem;
    border-color: var(--white);
}
.popular-item .popular-body .btn-shop:hover .icon-right {
    color: var(--color-100);
    background-color: var(--white);
    animation: iconMoveRight 1s infinite;
}
.popular-item:hover {
    background-color: #e6e7e7;
}
.popular-item:hover figure img {
    transform: scale(1.1);
    opacity: 0.75;
}
.product-list-sec {
    position: relative;
    padding: 6rem 0 6rem;
    background-color: #dbdcdc;
    background-image: url(../images/product-list-bg.png);
    background-position: left bottom;
    background-size: 550px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.exhibition-top-cover {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4rem;
}
.exhibition-top-cover .exhibition-hd {
    position: relative;
    padding: 1.875rem 0 1.875rem 1.875rem;
}
.exhibition-top-cover .exhibition-hd::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: var(--white);
}
.exhibition-top-cover .exhibition-hd h2 {
    color: var(--white);
    font-size: 1.875rem;
    font-weight: var(--font-weight-bold);
    margin: 0;
}
.exhibition-top-cover .btn-more {
    display: flex;
    align-items: center;
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    padding: 0.25rem 1rem;
    margin: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
    text-transform: capitalize;
}
.exhibition-top-cover .btn-more .icon-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 0.5rem;
    border-radius: 2px;
}
.exhibition-top-cover .btn-more:hover {
    color: var(--white);
    background-color: var(--color-100);
    border-color: var(--color-100);
}
.exhibition-top-cover .btn-more:hover .icon-right {
    color: var(--color-100);
    background-color: var(--white);
    animation: iconMoveRight 1s infinite;
}
.col-pro-filter {
    order: 1;
}
.col-pro-list {
    order: 2;
}
.product-hd-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #bcbaba;
}
.product-hd-top .product-hd {
    position: relative;
    padding: 1.5rem 0 1.5rem 1.875rem;
}
.product-hd-top .product-hd::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: #c9c8c6;
}
.product-hd-top .product-hd h2 {
    position: relative;
    color: var(--bk-grade-750);
    font-size: 1.875rem;
    font-weight: var(--font-weight-bold);
    margin: 0;
}
.product-hd-top .breadcrumb {
    padding: 0;
    margin: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
}
.product-hd-top .breadcrumb .breadcrumb-item {
    color: var(--bk-grade-750);
    font-weight: var(--font-weight-medium);
}
.product-hd-top .breadcrumb .breadcrumb-item .breadcrumb-link {
    color: var(--bk-grade-750);
}
.products-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 2rem 0;
}
.products-toolbar .pro-count {
    color: var(--bk-grade-950);
    font-weight: var(--font-weight-medium);
    padding: 0 0.5rem;
}
.products-toolbar .pro-sorter {
    display: flex;
    align-items: center;
}
.products-toolbar .pro-sorter label {
    color: var(--bk-grade-750);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    padding: 0 0.5rem;
    margin: 0;
}
.products-toolbar .pro-sorter .form-control {
    background-color: transparent;
}
.products-toolbar .pro-sorter .bootstrap-select .dropdown-toggle {
    color: var(--bk-grade-750);
    margin: 0;
    background-color: var(--white) !important;
    border: 1px solid var(--bk-grade-200) !important;
    box-shadow: none;
}
.products-toolbar .pro-sorter .bootstrap-select .dropdown-toggle:hover,
.products-toolbar .pro-sorter .bootstrap-select .dropdown-toggle:focus {
    color: var(--bk-grade-950) !important;
    background-color: var(--white) !important;
}
.products-toolbar .pro-sorter .bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted transparent !important;
    outline: 0 auto -webkit-focus-ring-color !important;
}
.products-toolbar
    .pro-sorter
    .bootstrap-select
    .btn-light:not([disabled]):not(.disabled):active,
.products-toolbar
    .pro-sorter
    .bootstrap-select
    .btn-light:not([disabled]):not(.disabled).active,
.products-toolbar
    .pro-sorter
    .bootstrap-select
    .show
    > .btn-light.dropdown-toggle {
    color: var(--bk-grade-950);
    background-color: var(--white) !important;
}
.products-toolbar .pro-sorter .bootstrap-select .dropdown-menu {
    padding: 0 !important;
    background-color: transparent;
    border-radius: 0;
}
.products-toolbar .pro-sorter .bootstrap-select .dropdown-menu .dropdown-item {
    color: var(--white);
    background-color: var(--bk-grade-700);
}
.products-toolbar
    .pro-sorter
    .bootstrap-select
    .dropdown-menu
    .dropdown-item.active {
    background-color: var(--color-200);
}
.category-filter {
    max-width: 275px;
}
.category-filter .filter-hd {
    margin-bottom: 2rem;
}
.category-filter .filter-hd h3 {
    color: var(--bk-grade-750);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.cate-accordion .card {
    background-color: transparent;
    box-shadow: none;
}
.cate-accordion .card-header {
    padding: 0.75rem 0;
    margin-bottom: 1rem !important;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.cate-accordion .card-body {
    padding: 0;
}
.cate-accordion .cate-col-nav {
    position: relative;
    display: block;
    color: var(--bk-grade-750);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
}
.cate-accordion .cate-col-nav .icon {
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 1.5rem;
    transform: translateY(-50%) rotate(-180deg);
    transition: 0.3s ease-out;
}
.cate-accordion .cate-col-nav.collapsed .icon {
    transform: translateY(-50%) rotate(0deg);
}
.cate-accordion .cate-list .cate-item {
    margin-bottom: 1rem;
}
.cate-accordion .cate-list .cate-item .cate-link {
    color: var(--bk-grade-750);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
}
.filter-amount {
    display: flex;
    margin-bottom: 1rem;
}
.filter-amount .filter-value {
    flex: 1 1 0;
    padding: 0.5rem 0.5rem;
    margin: 0.25rem;
    background-color: var(--white);
    border: 1px solid var(--bk-grade-200);
}
.filter-input .slider-horizontal {
    width: 100%;
}
.filter-input .slider-horizontal .slider-track {
    height: 5px;
    margin-top: -3px;
}
.filter-input .slider-track {
    background-color: #999896;
    background-image: linear-gradient(to bottom, #999896, #999896);
}
.filter-input .slider-selection {
    background-color: #333232;
    background-image: linear-gradient(to bottom, #333232, #333232);
}
.filter-input .slider-handle {
    background-color: #f3f4f4;
    background-image: linear-gradient(to bottom, #f3f4f4, #f3f4f4);
}
.product-item {
    margin-bottom: 1rem;
    background-color: #e6e7e7;
    border: 1px solid #ccc6c6;
    overflow: hidden;
}
.product-item figure {
    margin: 0;
    overflow: hidden;
}
.product-item figure img {
    width: 100%;
}
.product-item .product-body {
    position: relative;
    padding: 0.25rem 1.5rem 1.5rem;
    background-color: #252525;
}
.product-item .product-body::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    background-image: url(../images/popular-item-shape.png);
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;
    transform: translateY(-100%);
}
.product-item .product-body h3 {
    color: var(--white);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.product-item .product-body .item-price {
    color: #676666;
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.product-item .product-body .btn-cart {
    display: inline-flex;
    align-items: center;
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    padding: 0.25rem 1rem 0.25rem 0;
    margin: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0;
    box-shadow: none;
    text-transform: capitalize;
}
.product-item .product-body .btn-cart .icon-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 0.5rem;
    border-radius: 2px;
}
.product-item .product-body .btn-cart:hover {
    padding: 0.25rem 1rem 0.25rem 1rem;
    border-color: var(--white);
}
.product-item .product-body .btn-cart:hover .icon-right {
    color: var(--color-100);
    background-color: var(--white);
    animation: iconMoveRight 1s infinite;
}
.pro-tool-btm {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2rem;
}
.pro-pagination {
    position: relative;
}
.pro-pagination .pagination {
    justify-content: flex-end;
}
.pro-pagination .pagination .page-item .page-link {
    color: var(--bk-grade-750);
    border: 2px solid transparent;
}
.pro-pagination .pagination .page-item .page-link:hover {
    background-color: var(--white);
    border-bottom: 2px solid var(--bk-grade-750);
}
.pro-page-result {
    display: flex;
    align-items: center;
}
.pro-page-result label {
    color: var(--bk-grade-750);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    padding: 0 0.5rem;
    margin: 0;
}
.pro-page-result .form-control {
    background-color: transparent;
}
.pro-page-result .bootstrap-select .dropdown-toggle {
    color: var(--bk-grade-750);
    margin: 0;
    background-color: var(--white) !important;
    border: 1px solid var(--bk-grade-200) !important;
    box-shadow: none;
}
.pro-page-result .bootstrap-select .dropdown-toggle:hover,
.pro-page-result .bootstrap-select .dropdown-toggle:focus {
    color: var(--bk-grade-950) !important;
    background-color: var(--white) !important;
}
.pro-page-result .bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted transparent !important;
    outline: 0 auto -webkit-focus-ring-color !important;
}
.pro-page-result
    .bootstrap-select
    .btn-light:not([disabled]):not(.disabled):active,
.pro-page-result
    .bootstrap-select
    .btn-light:not([disabled]):not(.disabled).active,
.pro-page-result .bootstrap-select .show > .btn-light.dropdown-toggle {
    color: var(--bk-grade-950);
    background-color: var(--white) !important;
}
.pro-page-result .bootstrap-select .dropdown-menu {
    padding: 0 !important;
    background-color: transparent;
    border-radius: 0;
}
.pro-page-result .bootstrap-select .dropdown-menu .dropdown-item {
    color: var(--white);
    background-color: var(--bk-grade-700);
}
.pro-page-result .bootstrap-select .dropdown-menu .dropdown-item.active {
    background-color: var(--color-200);
}
.product-dtl-sec {
    position: relative;
    padding: 6rem 0 6rem;
    background-color: #dbdcdc;
    background-image: url(../images/product-list-bg.png);
    background-position: left bottom;
    background-size: 550px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.pro-big-carousel {
    overflow: hidden;
}
.pro-big-carousel .owl-theme .owl-nav .owl-prev,
.pro-big-carousel .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    background-color: var(--color-200);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease-out;
}
.pro-big-carousel .owl-theme .owl-nav .owl-prev {
    left: -5rem;
    background-image: url(../images/arrow-left.svg);
}
.pro-big-carousel .owl-theme .owl-nav .owl-next {
    right: -5rem;
    background-image: url(../images/arrow-right.svg);
}
.pro-big-carousel .owl-theme .owl-nav .owl-prev:hover,
.pro-big-carousel .owl-theme .owl-nav .owl-next:hover {
    background-color: var(--color-100);
}
.pro-big-carousel:hover .owl-theme .owl-nav .owl-prev {
    left: 25px;
}
.pro-big-carousel:hover .owl-theme .owl-nav .owl-next {
    right: 25px;
}
.pro-big-img {
    max-width: 750px;
    margin: 0 auto;
}
.pro-big-img img {
    width: 100%;
}
.pro-details-cover {
    max-width: 400px;
    padding: 2rem 2rem;
    background-color: #e6e7e7;
    border: 1px solid #c7c7c7;
}
.pro-details-cover .pro-stock {
    color: var(--color-100);
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.pro-details-cover .pro-dt-price {
    font-size: 1.875rem;
    font-weight: var(--font-weight-medium);
    margin-bottom: 1rem;
}
.pro-details-cover .pro-dt-price .price-old {
    color: var(--bk-grade-300);
    text-decoration: line-through;
}
.pro-details-cover .pro-dt-price .price-cur {
    color: var(--bk-grade-950);
}
.pro-details-cover .pro-quantity {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}
.pro-details-cover .pro-quantity label {
    color: var(--bk-grade-750);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    padding: 0 0.5rem;
    margin: 0;
}
.pro-details-cover .pro-quantity .form-control {
    background-color: transparent;
}
.pro-details-cover .pro-quantity .bootstrap-select .dropdown-toggle {
    color: var(--bk-grade-750);
    max-width: 100px;
    margin: 0;
    background-color: var(--white) !important;
    border: 1px solid var(--bk-grade-200) !important;
    box-shadow: none;
}
.pro-details-cover .pro-quantity .bootstrap-select .dropdown-toggle:hover,
.pro-details-cover .pro-quantity .bootstrap-select .dropdown-toggle:focus {
    color: var(--bk-grade-950) !important;
    background-color: var(--white) !important;
}
.pro-details-cover .pro-quantity .bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted transparent !important;
    outline: 0 auto -webkit-focus-ring-color !important;
}
.pro-details-cover
    .pro-quantity
    .bootstrap-select
    .btn-light:not([disabled]):not(.disabled):active,
.pro-details-cover
    .pro-quantity
    .bootstrap-select
    .btn-light:not([disabled]):not(.disabled).active,
.pro-details-cover
    .pro-quantity
    .bootstrap-select
    .show
    > .btn-light.dropdown-toggle {
    color: var(--bk-grade-950);
    background-color: var(--white) !important;
}
.pro-details-cover .pro-quantity .bootstrap-select .dropdown-menu {
    padding: 0 !important;
    background-color: transparent;
    border-radius: 0;
}
.pro-details-cover
    .pro-quantity
    .bootstrap-select
    .dropdown-menu
    .dropdown-item {
    color: var(--white);
    background-color: var(--bk-grade-700);
}
.pro-details-cover
    .pro-quantity
    .bootstrap-select
    .dropdown-menu
    .dropdown-item.active {
    background-color: var(--color-200);
}
.pro-details-cover .pro-dt-nav {
    margin-bottom: 1rem;
}
.pro-details-cover .pro-dt-nav .btn-cart {
    display: block;
    width: 100%;
    color: var(--white);
    background-color: var(--black);
    border: 0;
    border-radius: 0;
}
.pro-details-cover .pro-dt-nav .btn-cart:hover {
    background-color: var(--color-100);
}
.pro-details-cover .pro-dt-deli .form-control {
    background-color: transparent;
    border: 0;
    border-top: 1px solid var(--bk-grade-750);
    border-radius: 0;
}
.pro-tb-cover {
    margin-bottom: 4rem;
}
.pro-tb-nav {
    display: flex;
    margin-bottom: 2rem;
    border-bottom: 1px solid #b7b6b6;
}
.pro-tb-nav .nav-item {
    flex: 0 1 auto;
    padding: 0 0.15rem;
}
.pro-tb-nav .nav-item .nav-link {
    color: var(--bk-grade-750);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    padding: 0.7rem 2rem;
    background-color: transparent;
    border-radius: 0.15rem 0.15rem 0 0;
}
.pro-tb-nav .nav-item .nav-link.active {
    color: var(--white);
    background-color: var(--bk-grade-950);
}
.pro-tb-content h3 {
    color: var(--bk-grade-950);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.pro-tb-content p {
    color: var(--bk-grade-750);
    font-size: 1.125rem;
    margin: 0 0 1rem 0;
}
.review-tb-nav {
    display: flex;
    margin-bottom: 2rem;
    border-bottom: 1px solid #b7b6b6;
}
.review-tb-nav .nav-item {
    flex: 0 1 auto;
    padding: 0 0.15rem;
}
.review-tb-nav .nav-item .nav-link {
    color: var(--bk-grade-750);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    padding: 0.7rem 2rem;
    background-color: transparent;
    border-radius: 0.15rem 0.15rem 0 0;
}
.review-tb-nav .nav-item .nav-link.active {
    color: var(--white);
    background-color: var(--bk-grade-950);
}
.review-form .form-group {
    margin-bottom: 1.5rem;
}
.review-form label {
    color: var(--bk-grade-500);
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
}
.review-form .form-control {
    min-height: 50px;
    background-color: #e9e9e9;
    border: 1px solid var(--bk-grade-300);
    border-radius: 0;
    transition: 0.3s ease-out;
}
.review-form .form-control:hover,
.review-form .form-control:focus {
    border: 1px solid var(--bk-grade-700);
}
.review-form .mandatory {
    color: #ff0000;
}
.review-form .btn-submit {
    width: 100%;
    max-width: 175px;
    color: var(--white);
    font-size: 0.875rem;
    padding: 1rem 1rem;
    background-color: var(--bk-grade-950);
    border: 0;
    border-radius: 2px;
}
.review-form .btn-submit:hover {
    background-color: var(--color-100);
}
.page-sec-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #bcbaba;
}
.page-sec-hd .page-hd {
    position: relative;
    padding: 1.5rem 0 1.5rem 1.875rem;
}
.page-sec-hd .page-hd::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background-color: #c9c8c6;
}
.page-sec-hd .page-hd h2 {
    position: relative;
    color: var(--bk-grade-750);
    font-size: 1.875rem;
    font-weight: var(--font-weight-bold);
    margin: 0;
}
.page-sec-faq-hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1.5rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #bcbaba;
}
.page-sec-faq-hd .page-hd {
    position: relative;
    padding: 1.5rem 0 1.5rem 1.875rem;
}
.page-sec-faq-hd .page-hd::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background-color: #b1733e;
}
.page-sec-faq-hd .page-hd h2 {
    position: relative;
    color: var(--bk-grade-750);
    font-size: 1.475rem;
    font-weight: var(--font-weight-bold);
    margin: 0;
}
.page-sec-wt-hd {
    border-color: var(--white);
}
.page-sec-wt-hd .page-hd::before {
    background-color: var(--white);
}
.page-sec-wt-hd .page-hd h2 {
    color: var(--white);
}
.fac-dtl-intro {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 4rem;
    background-color: #e1e0e0;
    border: 1px solid #d2d2d2;
}
.fac-dtl-intro .fac-dtl-img {
    position: relative;
    flex: 0 0 560px;
    max-width: 560px;
}
.fac-dtl-intro .fac-dtl-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right top;
}
.fac-dtl-intro .fac-dtl-body {
    display: flex;
    align-items: center;
    flex: 1 1 0;
    padding: 2.5rem 1.5rem 1rem 2.5rem;
}
.fac-dtl-intro .fac-dtl-body h3 {
    color: var(--bk-grade-750);
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 0.25rem 0;
}
.fac-dtl-intro .fac-dtl-body p {
    color: var(--bk-grade-750);
    font-size: 1.125rem;
    margin: 0;
}
.venue-gallery-hd {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
}
.venue-gallery-hd h2 {
    position: relative;
    color: var(--bk-grade-750);
    font-size: 1.875rem;
    font-weight: var(--font-weight-bold);
    margin: 0;
}
.ven-gallery-item figure {
    position: relative;
    background-color: var(--black);
    overflow: hidden;
}
.ven-gallery-item figure::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/gallery-overlay.png);
    background-position: left bottom;
    background-size: 250px;
    background-repeat: no-repeat;
    transform-origin: left bottom;
    transition: 0.3s ease-out;
}
.ven-gallery-item figure img {
    width: 100%;
    transition: 0.3s ease-out;
    transition-duration: 500ms;
}
.ven-gallery-item:hover figure::after {
    transform: scale(3);
    opacity: 0;
}
.ven-gallery-item:hover figure img {
    opacity: 0.75;
    transform: scale(1.1);
}
.rest-menu-sec {
    position: relative;
    padding: 6rem 0 6rem;
    background-image: url(../images/menu-bg.jpg);
    background-size: 100%;
    background-attachment: fixed;
}
.rest-menu-sec::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/imgpattern-left-btm-01.png);
    background-size: 25%;
}
.rest-menu {
    position: relative;
    z-index: 10;
}
.rest-menu a {
    position: relative;
    display: block;
    color: var(--white);
    font-size: 1.875rem;
    font-weight: var(--font-weight-medium);
    padding-bottom: 1rem;
    margin: 0;
    text-align: center;
}
.rest-menu a .icon {
    display: block;
    width: 60px;
    margin: 0 auto 1.5rem;
}
.rest-menu a .icon img {
    width: 100%;
}
.rest-menu a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 4px;
    margin: 0 auto;
    background-color: var(--white);
    transition: 0.3s ease-out;
    transition-duration: 500ms;
}
.rest-menu a:hover::after {
    width: 0;
}
.advance-search {
    max-width: 900px;
    padding: 0.5rem;
    margin: 0 auto;
}
.adv-search-top .search-hd {
    color: var(--white);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.advance-search .radio-input label {
    color: #fff;
}
.adv-search {
    padding: 0.5rem;
    background-color: var(--white);
    border: 0;
    border-radius: 0;
}
.adv-search .form-control {
    height: 35px;
    border: 0;
}
.adv-search .input-group-append {
    margin-left: -1px;
}
.adv-search .btn-search {
    height: 35px;
    padding: 0.5rem 1rem;
    margin: 0;
    border-left: 1px solid var(--bk-grade-200);
    box-shadow: none;
}
.adv-search .btn-search img {
    width: 20px;
}

.center-cover {
    padding-left: 1.875rem;
}
.center-cover h3 {
    color: var(--bk-grade-950);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.center-cover p {
    color: var(--bk-grade-750);
    font-size: 1.125rem;
    margin: 0 0 1rem 0;
}
.mission-sec {
    position: relative;
    padding: 6rem 0 6rem;
    background-color: var(--white);
    overflow: hidden;
}
.mission-graphic {
    position: absolute;
    width: 1100px;
    left: 50%;
    top: 0px;
    height: 100%;
}
.mission-graphic .mission-img {
    height: 100%;
}
.mission-graphic .mission-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mission-graphic .mission-shape {
    position: absolute;
    left: 0;
    top: 0;
    width: 210;
    height: 100%;
}
.mission-graphic .mission-shape img {
    width: 100%;
    height: 100%;
}
.mission-cover {
    max-width: 400px;
}
.mission-cover .sub-hd {
    color: var(--bk-grade-750);
    font-size: 1.875rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.mission-cover h3 {
    color: var(--bk-grade-750);
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
}
.mission-cover p {
    color: var(--bk-grade-750);
    margin: 0;
}
.values-sec {
    position: relative;
    padding: 6rem 0 6rem;
    background-color: var(--white);
    overflow: hidden;
}
.values-graphic {
    position: absolute;
    width: 1100px;
    right: 50%;
    top: 0px;
    height: 100%;
}
.values-graphic .values-img {
    height: 100%;
}
.values-graphic .values-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.values-graphic .values-shape {
    position: absolute;
    right: 0;
    top: 0;
    width: 210;
    height: 100%;
}
.values-graphic .values-shape img {
    width: 100%;
    height: 100%;
}
.values-cover {
    padding-left: 200px;
}
.values-cover .sub-hd {
    color: var(--bk-grade-750);
    font-size: 1.875rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.values-cover h3 {
    color: var(--bk-grade-750);
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
}
.values-cover p {
    color: var(--bk-grade-750);
    margin: 0;
}
.center-caro-sec {
    position: relative;
    padding: 4rem 0 4rem;
}
.center-carousel .owl-theme .owl-dots .owl-dot span {
    position: relative;
    width: 10px;
    height: 10px;
    background-color: var(--color-200);
    transition: 0.3s ease-out;
}
.center-carousel .owl-theme .owl-dots .owl-dot span::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18px;
    height: 18px;
    border: 2px solid var(--color-100);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0.75);
    opacity: 0;
    transition: 0.3s ease-out;
}
.center-carousel .owl-theme .owl-dots .owl-dot.active span {
    background-color: var(--color-100);
}
.center-carousel .owl-theme .owl-dots .owl-dot.active span::before {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
}
.center-carousel .owl-theme .owl-nav .owl-prev,
.center-carousel .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    background-color: var(--color-100);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease-out;
}
.center-carousel .owl-theme .owl-nav .disabled {
    background-color: var(--color-200);
}
.center-carousel .owl-theme .owl-nav .owl-prev {
    left: -25px;
    background-image: url(../images/arrow-left.svg);
}
.center-carousel .owl-theme .owl-nav .owl-next {
    right: -25px;
    background-image: url(../images/arrow-right.svg);
}
.center-carousel .owl-theme .owl-nav .owl-prev:hover,
.center-carousel .owl-theme .owl-nav .owl-next:hover {
    background-color: var(--color-100);
}
.center-caro-item {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--white);
}
.center-caro-item figure {
    position: relative;
    flex: 0 0 660px;
    max-width: 660px;
    margin: 0;
}
.center-caro-item figure::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/imgpattern-left-btm-01.png);
    background-size: 50%;
}
.center-caro-item figure img {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}
.center-caro-item .center-caro-body {
    flex: 1 1 0;
    padding: 5rem 3rem 2rem 5rem;
}
.center-caro-item .center-caro-body h3 {
    color: var(--bk-grade-750);
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.center-caro-item .center-caro-body p {
    color: var(--bk-grade-750);
    margin: 0 0 1rem 0;
}
.find-pgm-sec {
    position: relative;
    padding: 4rem 0 4rem;
}
.find-pgm-item {
    margin-bottom: 1.5rem;
    transition-duration: 500ms;
    background-color: transparent;
    transition: 0.3s ease-out;
}
.find-pgm-item figure {
    position: relative;
    background-color: var(--black);
    overflow: hidden;
}
.find-pgm-item figure::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/imgpattern-left-btm-01.png);
    background-size: 50%;
}
.find-pgm-item figure img {
    width: 100%;
    transition: 0.3s ease-out;
    transition-duration: 500ms;
}
.find-pgm-item .find-pgm-body {
    min-height: 225px;
    padding: 2rem 2rem 1rem;
}
.find-pgm-item .find-pgm-body h3 {
    color: var(--bk-grade-750);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.find-pgm-item .find-pgm-body p {
    color: var(--bk-grade-750);
    margin: 0;
}
.find-pgm-item .find-pgm-footer {
    padding: 2rem 2rem 1rem;
}
.find-pgm-item .find-pgm-footer .btn-book {
    display: inline-flex;
    align-items: center;
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    padding: 0.25rem 1rem;
    margin: 0;
    background-color: var(--bk-grade-800);
    border: 1px solid var(--bk-grade-800);
    border-radius: 0;
    box-shadow: none;
}
.find-pgm-item .find-pgm-footer .btn-book .icon-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 0.5rem;
    border-radius: 2px;
}
.find-pgm-item .find-pgm-footer .btn-book:hover .icon-right {
    color: var(--color-100);
    background-color: var(--white);
    animation: iconMoveRight 1s infinite;
}
.find-pgm-item:hover {
    background-color: #e4e8e8;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.find-pgm-item:hover figure img {
    transform: scale(1.1);
}
.annu-calendar-sec {
    position: relative;
    padding: 6rem 0 6rem;
    background-image: url(../images/annual-calendar-bg.jpg);
    background-size: 100%;
    background-attachment: fixed;
}
.annu-calendar {
    max-width: 750px;
    margin: 0 auto;
    text-align: center;
}
.annu-calendar h3 {
    color: var(--white);
    font-size: 2.5rem;
    font-weight: var(--font-weight-medium);
    padding-bottom: 1rem;
    margin: 0 0 1rem 0;
}
.annu-calendar .btn-view {
    display: inline-flex;
    align-items: center;
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    padding: 0.25rem 1rem;
    margin: 0;
    background-color: var(--bk-grade-800);
    border: 1px solid var(--bk-grade-800);
    border-radius: 0;
    box-shadow: none;
}
.annu-calendar .btn-view .icon-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-left: 0.5rem;
    border-radius: 2px;
}
.annu-calendar .btn-view:hover .icon-right {
    color: var(--color-100);
    background-color: var(--white);
    animation: iconMoveRight 1s infinite;
}
.opinion-sec {
    position: relative;
    padding: 6rem 0 6rem;
    background-image: url(../images/events-bg.png);
    background-position: left bottom;
    background-size: 400px;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.opinion-form .form-group {
    margin-bottom: 2rem;
}
.opinion-form .form-control {
    border: 1px solid #c5c5c5;
    border-radius: 0;
    transition: 0.3s ease-out;
}
.opinion-form .form-control:hover {
    border: 1px solid #bdbcbc;
}
.opinion-form .btn-submit {
    color: var(--white);
    font-size: 1.125rem;
    background-color: var(--bk-grade-800);
    border: 0;
}
.opinion-form .btn-submit:hover {
    background-color: var(--color-100);
}
.photo-gallery-hd {
    padding-bottom: 1rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
}
.photo-gallery-hd h2 {
    position: relative;
    color: var(--bk-grade-750);
    font-size: 1.875rem;
    font-weight: var(--font-weight-bold);
    margin: 0;
}
.pho-gallery-item {
    position: relative;
    overflow: hidden;
}
.pho-gallery-item::after {
    content: "";
    display: none;
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--white);
    opacity: 0;
    animation: glow 0.75s ease-out 1;
    transform: skew(30deg);
    background: linear-gradient(
        to right,
        rgba(255, 255, 255, 0) 0%,
        rgba(255, 255, 255, 0.8) 50%,
        rgba(255, 255, 255, 0) 100%
    );
    z-index: 10;
}
.pho-gallery-item figure {
    position: relative;
    background-color: var(--black);
    overflow: hidden;
}
.pho-gallery-item figure::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/imgpattern-left-btm-01.png);
    background-size: 50%;
    transform-origin: left bottom;
    transition: 0.3s ease-out;
}
.pho-gallery-item figure img {
    width: 100%;
    transition: 0.3s ease-out;
    transition-duration: 500ms;
}
.pho-gallery-item:hover::after {
    display: block;
}
.pho-gallery-item:hover figure::after {
    transform: scale(3);
    opacity: 0;
}
.pho-gallery-item:hover figure img {
    opacity: 0.5;
    transform: scale(1.1);
    filter: grayscale(1) blur(1px);
}
.plan-visit-sec {
    position: relative;
}
.plan-visit-nav {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: space-between;
}
.plan-visit-nav .nav-item .nav-link {
    color: var(--bk-grade-950);
    padding: 0;
}
.plan-visit-nav .nav-item .nav-link .nav-block {
    position: relative;
    display: block;
    padding: 0.5rem 0.5rem;
}
.plan-visit-nav .nav-item .nav-link .nav-block::before,
.plan-visit-nav .nav-item .nav-link .nav-block::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    transition: 0.3s ease-out;
}
.plan-visit-nav .nav-item .nav-link .nav-block::before {
    left: 0;
    width: 100%;
    background-color: var(--bk-grade-950);
}
.plan-visit-nav .nav-item .nav-link .nav-block::after {
    right: 0;
    width: 0;
    background-color: var(--color-100);
}
.plan-visit-nav .nav-item .nav-link:hover,
.plan-visit-nav .nav-item .nav-link.active {
    background-color: var(--bk-grade-150);
}
.plan-visit-nav .nav-item .nav-link:hover .nav-block::after,
.plan-visit-nav .nav-item .nav-link.active .nav-block::after {
    left: 0;
    width: 100%;
}
.opening-hour-sec {
    position: relative;
    padding: 2rem 0 2rem;
}
.opening-hour {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--white);
    border: 1px solid #dde1e1;
}
.opening-hour .hour-img {
    position: relative;
    flex: 0 0 50%;
    max-width: 50%;
}
.opening-hour .hour-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right top;
}
.opening-hour .hour-body {
    display: flex;
    align-items: center;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 1.5rem 1.5rem;
    background-image: url(../images/opening-hour-bg.png);
    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
}
.opening-hour .time-item {
    display: flex;
    align-items: flex-start;
    padding: 0.5rem 0;
}
.opening-hour .time-item .time-icon {
    flex: 0 0 90px;
    max-width: 90px;
    margin-right: 1.75rem;
}
.opening-hour .time-item .time-icon img {
    width: 100%;
}
.opening-hour .time-item .time-label h4 {
    color: var(--bk-grade-750);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 0.25rem 0;
}
.opening-hour .time-item .time-label p {
    color: var(--bk-grade-750);
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.opening-hour .time-item .time-label ul li {
    position: relative;
    color: var(--bk-grade-750);
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    padding: 0 0 0 2.5rem;
    margin-bottom: 1rem;
}
.opening-hour .time-item .time-label ul li .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    color: var(--color-100);
    font-size: 1.25rem;
}
.opening-hour .time-item .time-label ul li a {
    color: var(--bk-grade-750);
}
.opening-hour .time-item .time-label ul li a:hover {
    color: var(--color-100);
}
.opening-hour .time-item .time-label .btn-location {
    display: block;
    color: var(--white);
    background-color: var(--color-200);
    text-align: center;
}
.opening-hour .time-item .time-label .btn-location i {
    display: inline-block;
    font-size: 1.125rem;
    margin-right: 0.5rem;
}
.opening-hour .time-item .time-label .btn-location:hover {
    background-color: var(--color-100);
}
.facility-sec {
    position: relative;
    padding: 2rem 0 2rem;
}
.facility-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}
.facility-item {
    flex: 0 0 20%;
    max-width: 250px;
    padding: 1rem 1rem 0.25rem;
    margin-bottom: 1rem;
}
.facility-item figure {
    position: relative;
    width: 140px;
    height: 140px;
    padding: 0.25rem;
    margin: 0 auto 1rem;
    border: 10px solid var(--color-100);
    border-radius: 50%;
}
.facility-item figure::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background-color: var(--white);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.3s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.facility-item figure .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}
.facility-item figure .icon img {
    width: 100%;
    transition: 0.25s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.facility-item .facility-body {
    min-height: 60px;
    text-align: center;
}
.facility-item .facility-body p {
    color: var(--bk-grade-750);
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.facility-item:hover figure {
    animation: facilityPulse 1s ease 0s infinite;
}
.facility-item:hover figure::before {
    transform: translate(-50%, -50%) scale(1.1);
}
.facility-item:hover figure .icon img {
    transform: scale(0.75);
}
.free-entry-sec {
    position: relative;
    padding: 2rem 0 2rem;
}
.free-entry-cover {
    padding-left: 2rem;
    border-left: 10px solid var(--color-100);
}
.free-entry-list li {
    position: relative;
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    padding-left: 1.5rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #935f33;
}
.free-entry-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 12px;
    height: 12px;
    background-image: url(../images/tick-icon.png);
}
.free-entry-list .txt-small {
    font-size: 80%;
}
.ticket-fees-sec {
    position: relative;
    padding: 4rem 0 4rem;
    background-image: url(../images/ticket-fees-bg.jpg);
    background-size: 100%;
    background-attachment: fixed;
}
.ticket-fees-sec::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/imgpattern-left-btm-01.png);
    background-size: 25%;
}
.ticket-item {
    position: relative;
    padding: 1.5rem;
    margin-bottom: 2rem;
    background-color: var(--white);
    border: 1px solid var(--bk-grade-350);
    overflow: hidden;
    transition: 0.3s ease-out;
}
.ticket-item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 110px;
    background-image: url(../images/ticket-shape-left.png);
    background-size: 100%;
    background-position: center bottom;
    transition: 0.3s ease-out;
}
.ticket-item.odd-item::before {
    background-image: url(../images/ticket-shape-right.png);
}
.ticket-item .ticket-top {
    position: relative;
    margin-bottom: 1rem;
}
.ticket-item .ticket-top figure {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-color: #b1733e;
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.2);
}
.ticket-item .ticket-top figure img {
    width: 100%;
    transition: 0.3s ease-out;
}
.ticket-item .ticket-body {
    position: relative;
    min-height: 80px;
    text-align: center;
}
.ticket-item .ticket-body p {
    color: var(--bk-grade-750);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 0.25rem 0;
}
.ticket-item .ticket-body h3 {
    color: var(--bk-grade-750);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.ticket-item:hover {
    background-color: #dbdcdc;
}
.ticket-item:hover::before {
    top: -15px;
}
.ticket-item:hover .ticket-top figure {
    animation: facilityPulse 1s ease 0s infinite;
}
.ticket-item:hover .ticket-top figure img {
    transform: scale(0.75);
}
.ticket-note {
    color: var(--white);
    font-size: 0.875rem;
}
.guidelines-sec {
    position: relative;
    padding: 4rem 0 4rem;
}
.guideline-cover {
    position: relative;
    padding: 4rem 2.5rem;
    background-image: url(../images/guide-line-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
.guideline-cover::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-image: url(../images/imgpattern-right-btm-01.png);
    background-size: 35%;
}
.guideline-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1020px;
    margin: 0 auto;
}
.guide-item {
    flex: 0 0 25%;
    max-width: 250px;
    margin-bottom: 1rem;
}
.guide-item .guide-top {
    margin-bottom: 1rem;
    border-right: 1px solid #d2d2d2;
}
.guide-item .guide-top figure {
    position: relative;
    max-width: 110px;
    height: 110px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}
.guide-item .guide-top figure::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background-color: var(--color-200);
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.3s 0s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.guide-item .guide-top figure img {
    position: relative;
    width: 100%;
    transition: 0.25s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.guide-item .guide-top figure .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transition: 0.3s ease-out;
    z-index: 10;
}
.guide-item .guide-top figure .overlay img {
    width: 100%;
}
.guide-item .guide-body {
    min-height: 60px;
    text-align: center;
}
.guide-item .guide-body p {
    color: var(--white);
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.guide-item:hover .guide-top figure img {
    transform: scale(0.75);
}
.guide-item:hover .guide-top figure::before {
    transform: translate(-50%, -50%) scale(1);
}
.guide-item:hover .guide-top figure .overlay {
    transform: scale(1.1);
}
.guide-item:hover .guide-top figure .overlay img {
    transform: scale(1);
}
.view-map-sec {
    position: relative;
    padding: 8rem 0 8rem;
    background-image: url(../images/view-map-bg.jpg);
    background-size: 100%;
    background-attachment: fixed;
}
.view-map-sec::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/imgpattern-left-btm-01.png);
    background-size: 25%;
}
.view-map-left-nav {
    position: relative;
    display: flex;
    margin-bottom: 0.5rem;
    z-index: 10;
}
.view-map-left-nav .map-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 90px;
    max-width: 90px;
    height: 80px;
    margin-right: 60px;
    background-color: var(--bk-grade-650);
}
.view-map-left-nav .map-icon::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-left: 0 solid transparent;
    border-right: 50px solid transparent;
    border-top: 80px solid var(--bk-grade-650);
    transform: translateX(100%);
}
.view-map-left-nav .map-label {
    display: flex;
    align-items: center;
    position: relative;
    flex: 1 1 0;
    color: var(--white);
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    padding: 0.5rem;
    background-color: var(--color-100);
    justify-content: center;
    transition: 0.3s ease-out;
}
.view-map-left-nav .map-label::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-left: 50px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 80px solid var(--color-100);
    transform: translateX(-100%);
    transition: 0.3s ease-out;
}
.view-map-left-nav:hover .map-label {
    background-color: var(--bk-grade-650);
}
.view-map-left-nav:hover .map-label::after {
    border-bottom: 80px solid var(--bk-grade-650);
}
.view-map-right-nav {
    position: relative;
    display: flex;
    margin-bottom: 0.5rem;
    z-index: 10;
}
.view-map-right-nav .map-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 90px;
    max-width: 90px;
    height: 80px;
    margin-left: 60px;
    background-color: var(--bk-grade-650);
    order: 2;
}
.view-map-right-nav .map-icon::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-left: 50px solid transparent;
    border-right: 0 solid transparent;
    border-top: 80px solid var(--bk-grade-650);
    transform: translateX(-100%);
}
.view-map-right-nav .map-label {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 1 1 0;
    color: var(--white);
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    padding: 0.5rem;
    background-color: var(--color-100);
    transition: 0.3s ease-out;
}
.view-map-right-nav .map-label::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border-left: 0 solid transparent;
    border-right: 50px solid transparent;
    border-bottom: 80px solid var(--color-100);
    transform: translateX(100%);
    transition: 0.3s ease-out;
}
.view-map-right-nav:hover .map-label {
    background-color: var(--bk-grade-650);
}
.view-map-right-nav:hover .map-label::after {
    border-bottom: 80px solid var(--bk-grade-650);
}
.snapshot-sec {
    position: relative;
    padding: 4rem 0 2rem;
}
.snapshot-item figure {
    position: relative;
    background-color: var(--black);
    overflow: hidden;
}
.snapshot-item figure::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/gallery-overlay.png);
    background-position: left bottom;
    background-size: 60%;
    background-repeat: no-repeat;
    transform-origin: left bottom;
    transition: 0.3s ease-out;
}
.snapshot-item figure img {
    width: 100%;
    transition: 0.3s ease-out;
    transition-duration: 500ms;
}
.snapshot-item:hover figure::after {
    transform: scale(3);
    opacity: 0;
}
.snapshot-item:hover figure img {
    opacity: 0.75;
    transform: scale(1.1);
}
.faq-sec {
    position: relative;
    padding: 4rem 0 2rem;
}
.faq-main-accordion .faq-main-card {
    margin-bottom: 1rem;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.faq-main-accordion .faq-main-card .faq-main-card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0 solid var(--bk-grade-150);
}
.faq-main-accordion .faq-main-card .faq-main-card-header .btn-main-acc {
    position: relative;
    display: flex;
    width: 100%;
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    margin: 0;
    border-left: 3px solid var(--color-100);
    border-radius: 0;
    box-shadow: none;
    text-transform: none;
}
.faq-main-accordion
    .faq-main-card
    .faq-main-card-header
    .btn-main-acc
    .icon-sign {
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px;
    height: 10px;
    transform: translateY(-50%);
}
.faq-main-accordion
    .faq-main-card
    .faq-main-card-header
    .btn-main-acc
    .icon-sign::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    border-top: 8px solid var(--black);
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    transform: rotate(180deg);
    transition: 0.3s ease-out;
}
.faq-main-accordion
    .faq-main-card
    .faq-main-card-header
    .btn-main-acc.collapsed
    .icon-sign::after {
    transform: rotate(0deg);
}
.faq-main-accordion .faq-main-card .faq-main-card-body {
    padding: 1rem 0.5rem;
}
.faq-sub-accordion .faq-sub-card {
    margin-bottom: 0.25rem;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.faq-sub-accordion .faq-sub-card .faq-sub-card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid var(--bk-grade-150);
}
.faq-sub-accordion .faq-sub-card .faq-sub-card-header .btn-sub-acc {
    display: flex;
    width: 100%;
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    padding: 0.5rem 1.5rem 0.5rem 0.5rem;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    text-transform: none;
}
.faq-sub-accordion .faq-sub-card .faq-sub-card-header .btn-sub-acc .icon {
    position: absolute;
    right: 0;
    top: 50%;
    width: 26px;
    height: 26px;
    transform: translateY(-50%);
}
.faq-sub-accordion
    .faq-sub-card
    .faq-sub-card-header
    .btn-sub-acc
    .icon::before,
.faq-sub-accordion
    .faq-sub-card
    .faq-sub-card-header
    .btn-sub-acc
    .icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 2px;
    background-color: var(--bk-grade-750);
    transform: translate(-50%, -50%);
}
.faq-sub-accordion
    .faq-sub-card
    .faq-sub-card-header
    .btn-sub-acc.collapsed
    .icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.faq-sub-accordion .faq-sub-card .faq-sub-card-body {
    padding: 0.5rem 0;
}
.faq-sub-accordion .faq-sub-card .faq-sub-card-body p {
    color: var(--bk-grade-750);
}
.faq-sub-accordion .faq-sub-card .faq-sub-card-body ul {
    margin-bottom: 1.5rem;
}
.faq-sub-accordion .faq-sub-card .faq-sub-card-body ul li {
    position: relative;
    color: var(--bk-grade-950);
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}
.faq-sub-accordion .faq-sub-card .faq-sub-card-body ul li::before {
    content: "\f00c";
    font-family: "FontAwesome";
    position: absolute;
    color: var(--bk-grade-950);
    left: 0;
    top: 0;
}
.faq-accordion .card {
    background-color: transparent;
    border: 0;
    box-shadow: none;
}
.faq-accordion .card .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 1px solid var(--bk-grade-150);
}
.faq-accordion .card .card-header h3 {
    position: relative;
    color: var(--bk-grade-950);
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    padding: 1.25rem 2rem 1.25rem 0;
    margin: 0;
}
.faq-accordion .card .card-header h3 .icon {
    position: absolute;
    right: 0;
    top: 50%;
    width: 26px;
    height: 26px;
    background-color: var(--bk-grade-950);
    border-radius: 50%;
    transform: translateY(-50%);
}
.faq-accordion .card .card-header h3 .icon::before,
.faq-accordion .card .card-header h3 .icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 2px;
    background-color: var(--white);
    transform: translate(-50%, -50%);
}
.faq-accordion .card .card-header h3.collapsed .icon::after {
    transform: translate(-50%, -50%) rotate(90deg);
}
.faq-accordion .card .card-body {
    padding: 1rem 0.5rem;
}
.faq-accordion .card .faq-item p {
    color: var(--bk-grade-950);
    margin: 0;
}
.about-know-sec {
    position: relative;
    padding: 3rem 0 3rem;
}
.knowledge-pdf-sec {
    position: relative;
    padding: 6rem 0 3rem;
    background-image: url(../images/knowledge-center-bg.jpg);
    background-size: 100%;
    background-attachment: fixed;
}
.knowledge-pdf-sec::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/imgpattern-left-btm-01.png);
    background-size: 25%;
}
.knowledge-pdf-cover {
    text-align: center;
}
.knowledge-pdf-cover .pdf-icon {
    width: 60px;
    margin: 0 auto 2rem;
}
.knowledge-pdf-cover .pdf-icon img {
    width: 100%;
}
.knowledge-pdf-cover h3 {
    color: var(--white);
    font-size: 2.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.knowledge-pdf-cover .btn-download {
    color: var(--white);
    font-size: 1rem;
    box-shadow: none;
}
.knowledge-pdf-cover .btn-download:hover {
    background-color: var(--color-100);
}
.librarian-sec {
    position: relative;
    padding: 4rem 0 4rem;
}
.librarian-form .form-group {
    margin-bottom: 1rem;
}
.librarian-form .form-control {
    min-height: 50px;
    border: 1px solid #c5c5c5;
    border-radius: 0;
    transition: 0.3s ease-out;
}
.librarian-form .form-control:hover {
    border: 1px solid #bdbcbc;
}
.librarian-form textarea.form-control {
    min-height: 250px;
}
.librarian-form .checkbox {
    position: relative;
    display: inline-block;
    color: var(--bk-grade-700);
    font-size: 1rem;
    padding: 0 0 0 35px;
    margin: 5px 10px 5px 0;
    cursor: pointer;
    user-select: none;
}
.librarian-form .checkbox input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0;
}
.librarian-form .checkbox input:checked ~ .checkmark {
    background-color: transparent;
    border: solid 1px var(--color-100);
}
.librarian-form .checkbox input:checked ~ .checkmark:after {
    opacity: 1;
    transform: scale(1);
}
.librarian-form .checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: transparent;
    border: solid 1px var(--bk-grade-300);
    border-radius: 0px;
    transition: 0.25s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.librarian-form .checkbox .checkmark:after {
    left: 1px;
    top: 1px;
    width: 16px;
    height: 16px;
    background: var(--color-100);
    transition: 0.25s cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
.librarian-form .checkbox a {
    color: var(--color-100);
}
.librarian-form .checkbox:hover input ~ .checkmark {
    background-color: transparent;
    border: solid 1px var(--color-100);
}
.librarian-form .checkbox .checkmark:after {
    content: "";
    position: absolute;
    opacity: 0;
    transform: scale(0);
}
.librarian-form .btn-submit {
    color: var(--white);
    font-size: 1.125rem;
    background-color: var(--bk-grade-800);
    border: 0;
    text-transform: unset;
}
.librarian-form .btn-submit:hover {
    background-color: var(--color-100);
}
.collection-tb-nav {
    margin-bottom: 2rem;
}
.collection-tb-nav .nav-item + .nav-item {
    margin-left: 0.5rem;
}
.collection-tb-nav .nav-item .nav-link {
    color: var(--bk-grade-950);
    padding: 0;
}
.collection-tb-nav .nav-item .nav-link .nav-block {
    position: relative;
    display: block;
    padding: 0.5rem 0.5rem;
}
.collection-tb-nav .nav-item .nav-link .nav-block::before,
.collection-tb-nav .nav-item .nav-link .nav-block::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 2px;
    transition: 0.3s ease-out;
}
.collection-tb-nav .nav-item .nav-link .nav-block::before {
    left: 0;
    width: 100%;
    background-color: var(--bk-grade-950);
}
.collection-tb-nav .nav-item .nav-link .nav-block::after {
    right: 0;
    width: 0;
    background-color: var(--color-100);
}
.collection-tb-nav .nav-item .nav-link:hover,
.collection-tb-nav .nav-item .nav-link.active {
    background-color: var(--bk-grade-150);
}
.collection-tb-nav .nav-item .nav-link:hover .nav-block::after,
.collection-tb-nav .nav-item .nav-link.active .nav-block::after {
    left: 0;
    width: 100%;
}
.book-item {
    position: relative;
    margin-bottom: 2rem;
    background-color: var(--white);
    overflow: hidden;
}
.book-item figure {
    position: relative;
    margin: 0;
    background-color: var(--black);
    overflow: hidden;
}
.book-item figure::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/imgpattern-left-btm-01.png);
    background-size: 50%;
    transform-origin: left bottom;
    transition: 0.3s ease-out;
}
.book-item figure img {
    width: 100%;
    transition: 0.3s ease-out;
}
.book-item .book-body {
    position: relative;
    padding: 1.5rem 1.5rem;
    background-color: var(--white);
}
.book-item .book-hd {
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--bk-grade-150);
}
.book-item .book-hd h3 {
    color: var(--bk-grade-750);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.book-item .book-info {
    display: flex;
    margin-bottom: 1rem;
}
.book-item .book-info .b-info-item {
    display: flex;
    padding: 0.25rem;
}
.book-item .book-info .b-info-item img {
    margin-right: 0.25rem;
}
.book-item .book-info .b-info-item .b-info-label {
    color: var(--bk-grade-950);
    font-weight: var(--font-weight-medium);
    margin-right: 0.25rem;
}
.book-item .book-info .b-info-item .b-info-value {
    color: var(--bk-grade-500);
}
.book-item .btn-book {
    display: block;
    width: 100%;
    color: var(--white);
    margin: 0;
    background-color: var(--color-100);
    border: 0;
    border-radius: 0;
}
.book-item .btn-book:hover {
    background-color: var(--color-200);
}
.book-item .book-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    padding: 3rem 2rem 2rem;
    background-color: var(--color-200);
    transform: translateY(100%) translateY(0);
    transition: transform 400ms;
    z-index: 10;
}
.book-item .book-overlay .overlay-nav .btn-book {
    color: var(--white);
    display: block;
    width: 100%;
    font-size: 1.125rem;
    padding: 0.875rem 1.5rem;
    margin: 0;
    background-color: var(--color-100);
    border-radius: 0.5rem;
    text-transform: uppercase;
}
.book-item .book-overlay .overlay-nav .btn-book:hover {
    color: var(--color-100);
    background-color: var(--white);
}
.book-item:hover figure::after {
    transform: scale(3);
    opacity: 0;
}
.book-item:hover figure img {
    opacity: 0.5;
    filter: grayscale(1);
}
.book-item:hover .book-overlay {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}
.book-item:hover .book-overlay .overlay-info {
    visibility: visible;
    transform: translateY(0);
}
.book-items-footer {
    margin-top: 2rem;
    text-align: center;
}
.book-items-footer .btn-book {
    display: block;
    width: 100%;
    max-width: 250px;
    color: var(--white);
    font-size: 1rem;
    padding: 0.875rem 1rem;
    margin: 0 auto;
    background-color: var(--color-100);
    border: 0;
    border-radius: 0;
}
.book-items-footer .btn-book:hover {
    background-color: var(--color-200);
}
.calendar-sec {
    position: relative;
    padding: 4rem 0 4rem;
}
.calendar-cover .fc .fc-button-primary {
    background-color: var(--color-100);
    border-color: var(--color-100);
}
.calendar-cover .fc-button-primary:not(:disabled).fc-button-active {
    background-color: #8b5a31;
    border-color: #8b5a31;
}
.calendar-cover .fc-theme-standard td,
.calendar-cover .fc-theme-standard th {
    border: 1px solid #eedccd;
    border: 1px solid #eedccd;
}
.reserve-item {
    position: relative;
    display: block;
    margin-bottom: 2rem;
    background-color: var(--white);
    overflow: hidden;
}
.reserve-item figure {
    position: relative;
    margin: 0;
    background-color: var(--black);
    overflow: hidden;
}
.reserve-item figure::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/imgpattern-left-btm-01.png);
    background-size: 50%;
    transform-origin: left bottom;
    transition: 0.3s ease-out;
}
.reserve-item figure img {
    width: 100%;
    transition: 0.3s ease-out;
}
.reserve-item .reserve-body {
    position: relative;
    padding: 1.5rem 1.5rem;
    background-color: var(--white);
}
.reserve-item .reserve-hd {
    text-align: center;
}
.reserve-item .reserve-hd h3 {
    color: var(--bk-grade-750);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.reserve-item .btn-reserve {
    display: block;
    width: 100%;
    color: var(--white);
    margin: 0;
    background-color: var(--color-100);
    border: 0;
    border-radius: 0;
}
.reserve-item .btn-reserve:hover {
    background-color: var(--color-200);
}
.reserve-item:hover figure::after {
    transform: scale(3);
    opacity: 0;
}
.reserve-item:hover figure img {
    opacity: 0.5;
    transform: scale(1.1);
    filter: grayscale(1);
}
.reserve-dtl-item {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--white);
}
.reserve-dtl-item figure {
    position: relative;
    flex: 0 0 660px;
    max-width: 660px;
    margin: 0;
}
.reserve-dtl-item figure::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(../images/imgpattern-left-btm-01.png);
    background-size: 50%;
}
.reserve-dtl-item figure img {
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}
.reserve-dtl-item .reserve-dtl-body {
    flex: 1 1 0;
    padding: 4rem 3rem 2rem 4rem;
}
.reserve-dtl-item .reserve-dtl-body h3 {
    color: var(--bk-grade-750);
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.reserve-dtl-item .reserve-dtl-body ul li .info-label {
    color: var(--color-100);
    margin-right: 0.25rem;
}
.reserve-dtl-item .reserve-dtl-body ul li .info-value {
    color: var(--bk-grade-950);
}
.events-item-sec {
    position: relative;
    padding: 0.5rem 0;
    background-color: #d7d7d7;
}
.events-carousel .owl-theme .owl-nav .owl-prev,
.events-carousel .owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: 0px;
    padding: 0px;
    background-color: var(--color-100);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    border-radius: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease-out;
}
.events-carousel .owl-theme .owl-nav .disabled {
    background-color: var(--color-200);
}
.events-carousel .owl-theme .owl-nav .owl-prev {
    left: 0;
    background-image: url(../images/arrow-left.svg);
}
.events-carousel .owl-theme .owl-nav .owl-next {
    right: 0;
    background-image: url(../images/arrow-right.svg);
}
.events-carousel .owl-theme .owl-nav .owl-prev:hover,
.events-carousel .owl-theme .owl-nav .owl-next:hover {
    background-color: var(--color-100);
}
.events-item {
    position: relative;
    width: 100%;
    height: 360px;
    transform-style: preserve-3d;
    perspective: 800px;
    cursor: pointer;
}
.events-item .card-side {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: 0.3s ease-out;
    transition-duration: 800ms;
}
.events-item .card-front {
    display: flex;
    align-items: flex-end;
    padding: 1rem;
}
.events-item .card-front .card-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.events-item .card-front .card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.events-item .card-front .event-date {
    position: absolute;
    left: 2rem;
    top: 2rem;
    padding: 0.25rem;
    background-color: var(--bk-grade-500);
    text-align: center;
    transform: translateZ(100px);
}
.events-item .card-front .event-date h4 {
    color: var(--white);
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 0.25rem 0;
    text-transform: uppercase;
}
.events-item .card-front .event-date h5 {
    color: var(--white);
    font-size: 1rem;
    text-transform: uppercase;
}
.events-item .card-front .front-body {
    position: relative;
    flex: 1;
    padding: 0.5rem;
    text-align: center;
    transform: translateZ(50px);
}
.events-item .card-front .front-body h4 {
    color: var(--white);
    font-size: 1.125rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 0.25rem 0;
}
.events-item .card-front .front-body p {
    color: var(--white);
    margin: 0 0 0.25rem 0;
}
.events-item .card-front .front-body .btn-more {
    display: block;
    width: 100%;
    color: var(--white);
    margin: 0;
    background-color: var(--color-100);
    border: 1px solid transparent;
    border-radius: 0;
}
.events-item .card-back {
    display: flex;
    padding: 1.5em 1.5rem;
    background-color: var(--color-100);
    transform: rotateY(180deg);
}
.events-item .card-back .back-body {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transform: translateZ(50px);
}
.events-item .card-back .back-body .back-mid {
    flex: 1;
    padding: 1rem 1rem 0.5rem;
    text-align: center;
}
.events-item .card-back .back-body .back-mid h4 {
    color: var(--white);
    font-size: 1.25rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 0.25rem 0;
}
.events-item .card-back .back-body .back-mid h5 {
    color: var(--white);
    font-size: 1rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 1rem 0;
}
.events-item .card-back .back-body .back-mid p {
    color: var(--white);
    margin: 0 0 0.25rem 0;
}
.events-item .card-back .back-body .back-btm .btn-more {
    display: block;
    width: 100%;
    color: var(--white);
    margin: 0;
    background-color: var(--color-200);
    border: 1px solid transparent;
    border-radius: 0;
}
.events-item .card-back .back-body .back-btm .btn-more:hover {
    background-color: var(--color-100);
    border-color: var(--white);
}
.events-item:hover .card-front {
    transform: rotateY(-180deg);
}
.events-item:hover .card-back {
    transform: rotateY(0);
}
.event-video-sec {
    position: relative;
    background-color: #ececec;
}
.event-video-cover {
    position: relative;
}
.event-video-cover .event-video video {
    width: 100%;
    height: 100%;
    max-height: 700px;
    object-fit: cover;
}
.event-video-cover .event-video-body {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.event-video-cover .event-video-hd {
    text-align: center;
    transition: 0.3s ease-out;
}
.event-video-cover .event-video-hd.is-hide {
    opacity: 0;
}
.event-video-cover .event-video-hd h3 {
    color: var(--white);
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    margin: 0 0 2rem 0;
}
.event-video-cover .buttons {
    max-width: 80px;
    margin: 0 auto 1.5rem;
}
.event-video-cover .buttons .btn {
    width: 80px;
    height: 80px;
    color: var(--white);
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transition: 0.3s ease-out;
}
.event-video-cover .buttons .btn img {
    width: 100%;
}
.event-video-cover .buttons .btn.btnPause {
    display: none;
    opacity: 0;
}
.event-video-cover:hover .buttons .btnPause {
    opacity: 1;
}
.eve-ex-item {
    background-color: var(--white);
}
.eve-ex-item figure {
    margin: 0;
    background-color: var(--black);
    overflow: hidden;
}
.eve-ex-item figure img {
    width: 100%;
    transition: 0.3s ease-out;
}
.eve-ex-item .eve-ex-body {
    padding: 2rem 1rem 1rem;
}
.eve-ex-item .eve-ex-body .exe-mid {
    min-height: 150px;
    text-align: center;
}
.eve-ex-item .eve-ex-body .exe-mid h4 {
    color: var(--bk-grade-750);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
}
.eve-ex-item .eve-ex-body .exe-mid p {
    color: var(--bk-grade-750);
    margin: 0;
}
.eve-ex-item .eve-ex-body .exe-btm .btn-more {
    display: block;
    width: 100%;
    color: var(--white);
    margin: 0;
    background-color: var(--color-100);
    border: 1px solid transparent;
    border-radius: 0;
}
.eve-ex-item .eve-ex-body .exe-btm .btn-more:hover {
    background-color: var(--bk-grade-950);
}
.eve-ex-item:hover figure img {
    opacity: 0.5;
    transform: scale(1.1);
}
.card-eve-calendar {
    position: relative;
    background-color: #f5ede6;
    border: 1px solid var(--color-100);
    border-radius: 0;
    box-shadow: none;
}
.card-eve-calendar .card-header {
    background-color: transparent;
    border-bottom: 1px solid var(--color-100);
    text-align: center;
}
.card-eve-calendar .card-header h4 {
    color: var(--bk-grade-950);
    font-size: 1.5rem;
    font-weight: var(--font-weight-medium);
    margin: 0;
}
.login-form-sec {
    position: relative;
    background-color: #f8f9fd;
}
.login-form-cover {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--white);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.login-form-cover .login-form {
    flex: 0 0 auto;
    width: 50%;
    padding: 2.5rem 2.5rem;
    background-color: var(--white);
}
.login-form-cover .login-form h2 {
    color: var(--bk-grade-950);
    font-size: 1.875rem;
    font-weight: var(--font-weight-bold);
    margin: 0 0 1rem 0;
}
.login-form-cover .login-form p {
    color: var(--bk-grade-950);
}
.login-form-cover .login-form label {
    color: var(--bk-grade-750);
    font-weight: var(--font-weight-medium);
}
.login-form-cover .login-form .form-control {
    min-height: 50px;
    border: 1px solid #c5c5c5;
    border-radius: 0;
}
.login-form-cover .login-form .btn-login {
    display: block;
    width: 100%;
    color: var(--white);
    margin: 0;
    background-color: var(--color-200);
    text-align: center;
}
.login-form-cover .login-form .btn-login:hover {
    background-color: var(--color-100);
}
.login-form-cover .login-form .btn-link {
    color: var(--color-100);
}
.login-form-cover .login-highlight {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 auto;
    width: 50%;
    padding: 2.5rem 2.5rem;
    background: linear-gradient(
        45deg,
        rgba(177, 116, 62, 1) 0%,
        rgba(154, 95, 47, 1) 100%
    );
}
.login-high-text {
    text-align: center;
}
.login-high-text h2 {
    position: relative;
    color: var(--white);
    font-size: 1.875rem;
    font-weight: var(--font-weight-bold);
    margin: 0 0 1rem 0;
}
.login-high-text p {
    color: var(--white);
    margin: 0 0 1rem 0;
}
.login-high-text .btn-login {
    display: inline-block;
    color: var(--white);
    padding: 0.875rem 2.5rem;
    background-color: transparent;
    border: 1px solid var(--white);
    text-align: center;
}
.login-high-text .btn-login:hover {
    background-color: var(--color-100);
}
@media (max-width: 991px) {
    .login-form-cover .login-form {
        width: 100%;
        padding: 2rem 1.5rem;
    }
    .login-form-cover .login-highlight {
        width: 100%;
        padding: 2rem 1.5rem;
    }
}
.check-cart-table {
    margin-bottom: 2rem;
}
.check-cart-table .table thead tr th {
    color: var(--bk-grade-900);
    font-size: 1rem;
    font-weight: normal;
    padding: 0.5rem 0.5rem;
    background-color: var(--white);
    border-bottom: 1px solid #eaeaea;
}
.check-cart-table .table tbody tr {
    background-color: var(--white);
}
.check-cart-table .table tbody tr td {
    color: var(--bk-grade-750);
    font-size: 1rem;
    padding: 0.5rem 0.5rem;
    border-bottom: 1px solid #eaeaea;
    vertical-align: middle;
}
.check-cart-table .table tbody tr td .chart-tb-value {
    color: var(--bk-grade-750);
    font-weight: bold;
    text-align: right;
}
.check-cart-table .table tfoot tr td {
    padding: 0.5rem;
    text-align: left;
}
.check-cart-table .qty-spinner {
    display: flex;
    max-width: 200px;
}
.check-cart-table .qty-spinner .btn-number {
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--white);
    width: 42px;
    height: 42px;
    padding: 0.25rem;
    margin: 0;
    background-color: var(--color-100);
    border-radius: 0;
    box-shadow: none;
}
.check-cart-table .qty-spinner .form-control {
    height: 42px;
}
.check-cart-table .txt-sub-total {
    font-size: 1.125rem;
    font-weight: bold;
}
.check-cart-table .txt-total {
    font-size: 1.125rem;
    font-weight: bold;
}
.check-cart-table .color-sub-total {
    color: var(--color-100);
    font-size: 1.125rem;
    font-weight: bold;
    text-align: right;
}
.check-cart-table .color-total {
    color: #dc3545;
    font-size: 1.125rem;
    font-weight: bold;
    text-align: right;
}
.coupon-apply .btn-apply {
    color: var(--white);
    margin: 0;
    background-color: var(--color-100);
    border-radius: 0;
}
/* Loader CSS
-------------------------------------------------- */
.loader-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ffffff;
    background-position: left top;
    background-repeat: repeat;
    z-index: 99999;
}
.loader-overlay .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px;
    aspect-ratio: 1;
    background: #b1733e;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    animation: l2 2s infinite cubic-bezier(0.3, 1, 0, 1);
}
@keyframes l2 {
    25% {
        clip-path: polygon(0 0, 100% 0, 0 100%);
    }
    50% {
        clip-path: polygon(0 0, 100% 100%, 0 100%);
    }
    75% {
        clip-path: polygon(100% 0, 100% 100%, 0 100%);
    }
    100% {
        clip-path: polygon(100% 0, 100% 100%, 0 0);
    }
}
.loader-txt {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    text-align: center;
    text-transform: uppercase;
}
.loader-txt span {
    color: transparent;
    display: inline-block;
    font-size: 2rem;
    font-weight: 600;
    text-shadow: 0 0 2px rgba(204, 208, 212, 0.9),
        0 15px 25px rgba(0, 0, 0, 0.3), 0 -2px 3px rgba(0, 0, 0, 0.1),
        0 -5px 10px rgba(255, 255, 255, 0.5), 0 5px 10px rgba(0, 0, 0, 0.3),
        0 3px 4px rgba(255, 255, 255, 0.2), 0 0 20px rgba(255, 255, 255, 0.45);
    animation: animate 0.85s ease-in-out infinite alternate;
}
.loader-txt span:nth-child(7) {
    animation-delay: 1.05s;
}
.loader-txt span:nth-child(6) {
    animation-delay: 0.9s;
}
.loader-txt span:nth-child(5) {
    animation-delay: 0.75s;
}
.loader-txt span:nth-child(4) {
    animation-delay: 0.6s;
}
.loader-txt span:nth-child(3) {
    animation-delay: 0.45s;
}
.loader-txt span:nth-child(2) {
    animation-delay: 0.3s;
}
.loader-txt span:nth-child(1) {
    animation-delay: 0.15s;
}
@keyframes animate {
    to {
        text-shadow: 0 0 2px rgba(204, 208, 212, 0.2),
            0 0 3px rgba(0, 0, 0, 0.02), 0 0 0 rgba(0, 0, 0, 0),
            0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(0, 0, 0, 0),
            0 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(255, 255, 255, 0);
    }
}
/* Animations
-------------------------------------------------- */
@keyframes navDown {
    0% {
        transform: translateY(-40px);
        opacity: 0;
    }
    100% {
        transform: translateY(0px);
        opacity: 1;
    }
}
@keyframes upBounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}
@keyframes drop-anim {
    0% {
        opacity: 0;
        transform: translateY(10px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes iconMoveRight {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateX(0);
    }
    40% {
        transform: translateX(10px);
    }
    60% {
        transform: translateX(5px);
    }
}
@keyframes iconPulse {
    0% {
        transform: scale(1);
    }
    15% {
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.4);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.4),
            0 0 0 20px rgba(255, 255, 255, 0.2);
    }
    25% {
        box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.4),
            0 0 0 30px rgba(255, 255, 255, 0.2);
    }
}
@keyframes facilityPulse {
    0% {
    }
    15% {
        box-shadow: 0 0 0 5px rgba(189, 130, 79, 0.4);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(189, 130, 79, 0.4),
            0 0 0 20px rgba(189, 130, 79, 0.2);
    }
    25% {
        box-shadow: 0 0 0 15px rgba(189, 130, 79, 0.4),
            0 0 0 30px rgba(189, 130, 79, 0.2);
    }
}
@keyframes glow {
    0% {
        left: -20%;
        opacity: 0;
    }
    30% {
        left: 40%;
        opacity: 0.5;
    }
    100% {
        left: 100%;
        opacity: 0;
    }
}
/* Breakpoints CSS
-------------------------------------------------- */
.pt-6 {
    padding-top: 4rem !important;
}
.pt-7 {
    padding-top: 6rem !important;
}
.pt-8 {
    padding-top: 8rem !important;
}
.pt-9 {
    padding-top: 10rem !important;
}
.pb-6 {
    padding-bottom: 4rem !important;
}
.pb-7 {
    padding-bottom: 6rem !important;
}
.pb-8 {
    padding-bottom: 8rem !important;
}
.pb-9 {
    padding-bottom: 10rem !important;
}
.ps-6 {
    padding-left: 4rem !important;
}
.ps-7 {
    padding-left: 6rem !important;
}
.ps-8 {
    padding-left: 6rem !important;
}
.ps-9 {
    padding-left: 6rem !important;
}
.pe-6 {
    padding-right: 4rem !important;
}
.pe-7 {
    padding-right: 6rem !important;
}
.pe-8 {
    padding-right: 8rem !important;
}
.pe-9 {
    padding-right: 10rem !important;
}
.px-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}
.px-7 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}
.px-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
}
.px-9 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
}
.py-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}
.py-7 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}
.py-8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
}
.py-9 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
}
@media (min-width: 576px) {
    .banner-cover .carousel .carousel-inner .carousel-item .slider-mob {
        display: none;
    }
}
@media (min-width: 768px) {
    .pt-md-6 {
        padding-top: 4rem !important;
    }
    .pt-md-7 {
        padding-top: 6rem !important;
    }
    .pt-md-8 {
        padding-top: 8rem !important;
    }
    .pt-md-10 {
        padding-top: 10rem !important;
    }
    .pb-md-6 {
        padding-bottom: 4rem !important;
    }
    .pb-md-7 {
        padding-bottom: 6rem !important;
    }
    .pb-md-8 {
        padding-bottom: 8rem !important;
    }
    .pb-md-10 {
        padding-bottom: 10rem !important;
    }
    .ps-md-6 {
        padding-left: 4rem !important;
    }
    .ps-md-7 {
        padding-left: 6rem !important;
    }
    .ps-md-8 {
        padding-left: 6rem !important;
    }
    .ps-md-10 {
        padding-left: 6rem !important;
    }
    .pe-md-4 {
        padding-right: 4rem !important;
    }
    .pe-md-6 {
        padding-right: 6rem !important;
    }
    .pe-md-8 {
        padding-right: 8rem !important;
    }
    .pe-md-10 {
        padding-right: 10rem !important;
    }
    .px-md-6 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    .px-md-7 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    .px-md-8 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
    .px-md-10 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
    .py-md-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .py-md-7 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
    .py-md-8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
    .py-md-10 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
}
@media (min-width: 992px) {
    .pt-lg-6 {
        padding-top: 4rem !important;
    }
    .pt-lg-7 {
        padding-top: 6rem !important;
    }
    .pt-lg-8 {
        padding-top: 8rem !important;
    }
    .pt-lg-9 {
        padding-top: 10rem !important;
    }
    .pb-lg-6 {
        padding-bottom: 4rem !important;
    }
    .pb-lg-7 {
        padding-bottom: 6rem !important;
    }
    .pb-lg-8 {
        padding-bottom: 8rem !important;
    }
    .pb-lg-9 {
        padding-bottom: 10rem !important;
    }
    .ps-lg-6 {
        padding-left: 4rem !important;
    }
    .ps-lg-7 {
        padding-left: 6rem !important;
    }
    .ps-lg-8 {
        padding-left: 6rem !important;
    }
    .ps-lg-9 {
        padding-left: 6rem !important;
    }
    .pe-lg-6 {
        padding-right: 4rem !important;
    }
    .pe-lg-7 {
        padding-right: 6rem !important;
    }
    .pe-lg-8 {
        padding-right: 8rem !important;
    }
    .pe-lg-9 {
        padding-right: 10rem !important;
    }
    .px-lg-6 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    .px-lg-7 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    .px-lg-8 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
    .px-lg-9 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
    .py-lg-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .py-lg-7 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
    .py-lg-8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
    .py-lg-9 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
}
@media (min-width: 1200px) {
    .pt-xl-6 {
        padding-top: 4rem !important;
    }
    .pt-xl-7 {
        padding-top: 6rem !important;
    }
    .pt-xl-8 {
        padding-top: 8rem !important;
    }
    .pt-xl-9 {
        padding-top: 10rem !important;
    }
    .pb-xl-6 {
        padding-bottom: 4rem !important;
    }
    .pb-xl-7 {
        padding-bottom: 6rem !important;
    }
    .pb-xl-8 {
        padding-bottom: 8rem !important;
    }
    .pb-xl-9 {
        padding-bottom: 10rem !important;
    }
    .ps-xl-6 {
        padding-left: 4rem !important;
    }
    .ps-xl-7 {
        padding-left: 6rem !important;
    }
    .ps-xl-8 {
        padding-left: 6rem !important;
    }
    .ps-xl-9 {
        padding-left: 6rem !important;
    }
    .pe-xl-6 {
        padding-right: 4rem !important;
    }
    .pe-xl-7 {
        padding-right: 6rem !important;
    }
    .pe-xl-8 {
        padding-right: 8rem !important;
    }
    .pe-xl-9 {
        padding-right: 10rem !important;
    }
    .px-xl-6 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    .px-xl-7 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    .px-xl-8 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
    .px-xl-9 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
    .py-xl-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .py-xl-7 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
    .py-xl-8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
    .py-xl-9 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
}
@media (min-width: 1280px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        width: 1220px;
        max-width: 1220px;
    }
}
@media (min-width: 1366px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        width: 1320px;
        max-width: 1320px;
    }
}
@media (min-width: 1400px) {
    .pt-xxl-6 {
        padding-top: 4rem !important;
    }
    .pt-xxl-7 {
        padding-top: 6rem !important;
    }
    .pt-xxl-8 {
        padding-top: 8rem !important;
    }
    .pt-xxl-9 {
        padding-top: 10rem !important;
    }
    .pb-xxl-6 {
        padding-bottom: 4rem !important;
    }
    .pb-xxl-7 {
        padding-bottom: 6rem !important;
    }
    .pb-xxl-8 {
        padding-bottom: 8rem !important;
    }
    .pb-xxl-9 {
        padding-bottom: 10rem !important;
    }
    .ps-xxl-6 {
        padding-left: 4rem !important;
    }
    .ps-xxl-7 {
        padding-left: 6rem !important;
    }
    .ps-xxl-8 {
        padding-left: 6rem !important;
    }
    .ps-xxl-9 {
        padding-left: 6rem !important;
    }
    .pe-xxl-6 {
        padding-right: 4rem !important;
    }
    .pe-xxl-7 {
        padding-right: 6rem !important;
    }
    .pe-xxl-8 {
        padding-right: 8rem !important;
    }
    .pe-xxl-9 {
        padding-right: 10rem !important;
    }
    .px-xxl-6 {
        padding-left: 4rem !important;
        padding-right: 4rem !important;
    }
    .px-xxl-7 {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
    .px-xxl-8 {
        padding-left: 8rem !important;
        padding-right: 8rem !important;
    }
    .px-xxl-9 {
        padding-left: 10rem !important;
        padding-right: 10rem !important;
    }
    .py-xxl-6 {
        padding-top: 4rem !important;
        padding-bottom: 4rem !important;
    }
    .py-xxl-7 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
    .py-xxl-8 {
        padding-top: 8rem !important;
        padding-bottom: 8rem !important;
    }
    .py-xxl-9 {
        padding-top: 10rem !important;
        padding-bottom: 10rem !important;
    }
}
@media (max-width: 1600px) {
    .navbar-main .logo {
        max-width: 175px;
    }
    .nav-ticket {
        font-size: 0.75rem;
        padding: 0.5rem 0.5rem;
        margin-left: 1rem;
    }
    .navbar-info {
        margin-left: 1rem;
    }
    .nav-lng {
        padding: 1rem 1rem;
        margin-left: 0.5rem;
    }
    .menu-toggle {
        padding: 1rem 1rem;
        margin-left: 0.5rem;
    }
    .collection-parallax {
        width: 900px;
    }
    .para-item.para-item-01 {
        width: 400px;
    }
    .para-item.para-item-02 {
        width: 300px;
    }
    .para-item.para-item-03 {
        width: 400px;
    }
}
@media (max-width: 1440px) {
    .main-nav .nav-item .nav-link {
        font-size: 0.875rem;
        padding: 0 0.75rem;
    }
    .menu-toggle .ham-label {
        font-size: 0.75rem;
        margin-right: 0.5rem;
    }
}
@media (max-width: 1366px) {
    .navbar-main .logo {
        max-width: 150px;
    }
    .facilities-tb-nav {
        padding: 8rem 1rem 4rem 4rem;
    }
    .about-cover {
        padding: 4rem 2rem 4rem 4rem;
    }
}
@media (max-width: 1280px) {
    .navbar-main .logo {
        max-width: 125px;
    }
    .video-content .sub-hd {
        font-size: 1.5rem;
        margin: 0 0 1rem 0;
    }
    .video-content h2 {
        font-size: 3rem;
        margin: 0 0 1rem 0;
    }
}
@media (max-width: 1200px) {
    .nav-lng {
        height: 100px;
    }
    .menu-toggle {
        height: 100px;
    }
    .dropdown-mega {
        top: 90px;
        width: 800px;
    }
    .exhibition-sec {
        padding: 4rem 0 4rem;
    }
    .exhibition-top-cover {
        margin-bottom: 2rem;
    }
    .knowledge-sec {
        padding: 4rem 0 4rem;
    }
    .knowledge-hd {
        margin-bottom: 2rem;
    }
    .facilities-cover {
        padding: 4rem 2rem 2rem 0;
    }
    .facilities-tb-nav {
        padding: 6rem 1rem 2rem 2rem;
    }
    .collection-parallax {
        width: 750px;
    }
    .para-item.para-item-01 {
        width: 350px;
    }
    .para-item.para-item-02 {
        width: 250px;
    }
    .para-item.para-item-03 {
        width: 350px;
    }
}
@media (max-width: 991px) {
    .navbar-main {
        padding: 0 1rem 0 1rem;
    }
    .main-nav .nav-item {
        position: relative;
    }
    .main-nav .nav-item .nav-link .nav-block {
        font-size: 0.875rem;
        padding: 0.5rem 0 0.5rem;
    }
    .nav-ticket {
        font-size: 0.875rem;
        margin: 0.5rem 0 0.5rem 0.5rem;
    }
    .navbar-info {
        font-size: 0.875rem;
        margin: 0.5rem 0 0.5rem 0.5rem;
    }
    .nav-lng {
        height: 60px;
    }
    .menu-toggle {
        height: 60px;
    }
    .dropdown-mega {
        top: 100%;
        width: unset;
        padding: 1rem;
        background-image: none;
    }
    .banner-cover .carousel-content .carousel-hd h2 {
        font-size: 3rem;
    }
    .info-list-cover {
        flex-wrap: wrap;
    }
    .info-list-cover .info-item {
        justify-content: flex-start;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 0.5rem;
    }
    .info-list-cover .info-item + .info-item {
        border-left: 0 solid var(--bk-grade-950);
    }
    .btm-list {
        justify-content: center;
        margin-bottom: 1rem;
    }
    .copyright {
        text-align: center;
    }
    .story-sec {
        padding: 0;
    }
    .story-graphic {
        position: relative;
        width: 100%;
        left: unset;
        top: unset;
        height: unset;
        transform: unset;
    }
    .story-graphic .story-shape {
        display: none;
    }
    .story-cover {
        max-width: unset;
        padding: 2rem 0;
    }
    .vision-sec {
        padding: 0;
    }
    .vision-graphic {
        position: relative;
        width: 100%;
        right: unset;
        top: unset;
        height: unset;
        transform: unset;
    }
    .vision-graphic .vision-shape {
        display: none;
    }
    .vision-cover {
        padding: 2rem 0;
    }
    .key-fact-item {
        margin: 0 auto 2rem;
    }
    .key-fact-item figure {
        width: 140px;
        height: 140px;
    }
    .key-facts-sec {
        padding: 4rem 0 4rem;
    }
    .eve-landing {
        margin-bottom: 2rem;
    }
    .eve-landing .eve-overlay {
        padding: 0 1rem 1rem;
    }
    .eve-landing .eve-overlay h3 {
        font-size: 2rem;
    }
    .eve-exh-sec {
        padding: 4rem 0 4rem;
    }
    .menu-cover .menu-cell {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .ticket-item {
        margin-bottom: 2rem;
    }
    .facility-item figure::before {
        transform: translate(-50%, -50%) scale(1.05);
    }
    .facility-item {
        flex: 0 0 25%;
        max-width: 250px;
    }
    .guide-item {
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    .fac-dtl-intro .fac-dtl-img {
        flex: 0 0 560px;
        max-width: 560px;
    }
    .fac-dtl-intro .fac-dtl-img {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .fac-dtl-intro .fac-dtl-body {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 2rem 1.5rem 2rem;
    }
    .center-cover {
        padding-left: 0;
    }
    .mission-sec {
        padding: 4rem 0 4rem;
    }
    .values-sec {
        padding: 4rem 0 4rem;
    }
}
@media (max-width: 767px) {
    .ticket-info {
        top: auto;
        bottom: 0;
        transform: unset;
    }
    .col-faci-nav {
        order: unset;
        flex: 0 0 100%;
        max-width: 100%;
        background-color: #4f4f4f;
    }
    .col-faci-nav::after {
        display: none;
    }
    .facilities-tb-nav {
        padding: 2rem 1rem 2rem 1rem;
    }
    .facilities-cover {
        padding: 2rem 1rem 2rem 1rem;
    }
    .col-faci-con {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .collection-sec {
        padding: 4rem 0 8rem;
    }
    .collection-parallax {
        width: 500px;
    }
    .para-item.para-item-01 {
        width: 250px;
    }
    .para-item.para-item-02 {
        width: 175px;
    }
    .para-item.para-item-03 {
        width: 250px;
    }
    .collection-cover h2 {
        font-size: 2.5rem;
    }
    .about-cover {
        padding: 2rem 2rem 2rem 2rem;
    }
    .video-content .sub-hd {
        font-size: 1.25rem;
    }
    .video-content h2 {
        font-size: 2rem;
    }
    .video-content .btn-play .btn-icon {
        width: 40px;
        margin: 0 auto 1rem;
    }
    .video-content .btn-play .btn-label {
        font-size: 1.25rem;
    }
    .ins-events-cover .ins-events-hd {
        position: relative;
    }
    .ins-events-cover .ins-events-hd h3 {
        font-size: 1.5rem;
        padding: 1rem 0 1rem 1rem;
    }
    .opening-hour .hour-img {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .opening-hour .hour-body {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 1rem 1rem;
    }
    .opening-hour .time-item .time-icon {
        flex: 0 0 75px;
        max-width: 75px;
        margin-right: 1rem;
    }
    .free-entry-list li {
        font-size: 1.125rem;
    }
    .visit-page-hd {
        margin-bottom: 2rem;
    }
    .ticket-page-hd {
        margin-bottom: 2rem;
    }
    .facility-item {
        flex: 0 0 33.333%;
        max-width: 250px;
    }
    .opening-hour .hour-body {
        background-image: none;
    }
    .free-entry-cover {
        padding-left: 0;
        border-left: 0 solid var(--color-100);
    }
    .view-map-sec {
        padding: 4rem 0 4rem;
    }
    .view-map-left-nav .map-icon {
        flex: 0 0 65px;
        max-width: 65px;
        height: 65px;
        margin-right: 45px;
    }
    .view-map-left-nav .map-icon img {
        width: 45px;
    }
    .view-map-left-nav .map-label {
        font-size: 1rem;
    }
    .view-map-left-nav .map-icon::after {
        border-right: 40px solid transparent;
        border-top: 65px solid var(--bk-grade-650);
    }
    .view-map-left-nav .map-label::after {
        border-left: 40px solid transparent;
        border-bottom: 65px solid var(--color-100);
    }
    .view-map-right-nav .map-icon {
        flex: 0 0 65px;
        max-width: 65px;
        height: 65px;
        margin-left: 45px;
    }
    .view-map-right-nav .map-icon img {
        width: 45px;
    }
    .view-map-right-nav .map-label {
        font-size: 1rem;
    }
    .view-map-right-nav .map-icon::after {
        border-left: 40px solid transparent;
        border-top: 65px solid var(--bk-grade-650);
    }
    .view-map-right-nav .map-label::after {
        border-right: 40px solid transparent;
        border-bottom: 65px solid var(--color-100);
    }
    .reserve-dtl-item {
        flex-direction: column;
    }
    .reserve-dtl-item figure {
        flex: 1;
        max-width: unset;
    }
    .reserve-dtl-item .reserve-dtl-body {
        flex: 1;
        padding: 2rem 1.5rem 1rem;
    }
    .mission-sec {
        padding: 3rem 0 3rem;
    }
    .mission-graphic {
        position: relative;
        width: 100%;
        left: auto;
        top: auto;
        /* min-height: 225px; */
    }
    .values-sec {
        padding: 3rem 0 3rem;
    }
    .values-graphic {
        position: relative;
        width: 100%;
        left: auto;
        right: auto;
        top: auto;
        /* min-height: 225px; */
    }
    .values-cover {
        padding-left: 0;
    }
}

@media (max-width: 576px) {
    .banner-cover .carousel .carousel-inner .carousel-item .slider-desk {
        display: none;
    }
    .banner-cover .carousel .carousel-inner .carousel-item .slider-mob {
        display: block;
    }
    .banner-cover .carousel-content .carousel-hd h2 {
        font-size: 2rem;
    }
    .tic-info-item .tic-info-icon {
        flex: 0 0 42px;
        max-width: 42px;
        height: 42px;
        margin-right: 0.25rem;
    }
    .tic-info-item .tic-info-label h4 {
        font-size: 1rem;
    }
    .tic-info-item .tic-info-label p {
        font-size: 0.875rem;
    }
    .ticket-info .card .card-body {
        padding: 0 4rem 0 0;
    }
    .menu-cover .menu-cell {
        flex: 0 0 50%;
        max-width: 250px;
        padding: 0.5rem;
    }
    .exhibition-sec {
        padding: 3rem 0 3rem;
    }
    .exhibition-top-cover .exhibition-hd {
        padding: 1rem 0 1rem 1rem;
    }
    .exhibition-top-cover .exhibition-hd h2 {
        font-size: 1.25rem;
    }
    .exhibition-item .exhi-top {
        padding: 2rem 1.5rem 0.5rem;
    }
    .knowledge-sec {
        padding: 3rem 0 3rem;
    }
    .knowledge-hd {
        padding: 1rem 0 1rem 1rem;
    }
    .knowledge-hd h2 {
        font-size: 1.25rem;
    }
    .knowledge-item .know-body {
        padding: 2rem 2rem 2rem;
    }
    .facilities-tb-nav .nav-item .nav-link .nav-icon {
        flex: 0 0 50px;
        max-width: 50px;
        margin-right: 1rem;
    }
    .facilities-tb-nav .nav-item .nav-link .nav-icon i {
        width: 50px;
        height: 50px;
    }
    .facilities-hd {
        padding: 1rem 0 1rem 1rem;
    }
    .facilities-hd h2 {
        font-size: 1.25rem;
    }
    .collection-cover h2 {
        font-size: 1.875rem;
    }
    .footer-sec {
        padding: 3rem 0 3rem;
    }
    .about-cover h2 {
        font-size: 1.875rem;
    }
    .info-sec {
        padding: 3rem 0 3rem;
    }
    .info-list-cover .info-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .info-list-cover .info-item .info-icon {
        flex: 0 0 36px;
        max-width: 36px;
        margin-right: 1rem;
    }
    .info-list-cover .info-item .info-body h3 {
        font-size: 1.125rem;
    }
    .ins-banner-sec {
        padding: 3rem 0 3rem;
    }
    .ins-banner-hd h1 {
        font-size: 2rem;
        font-weight: 500;
    }
    .key-facts-sec {
        padding: 3rem 0 3rem;
    }
    .key-fact-item {
        max-width: 150px;
    }
    .key-fact-item figure {
        position: relative;
        width: 125px;
        height: 125px;
        margin: 0 auto 1rem;
    }
    .story-cover h3 {
        font-size: 3rem;
    }
    .story-cover h4 {
        font-size: 1.25rem;
    }
    .vision-cover h3 {
        font-size: 1.5rem;
    }
    .eve-exh-sec {
        padding: 3rem 0 3rem;
    }
    .eve-landing figure img {
        min-height: 375px;
    }
    .eve-landing .eve-overlay h3 {
        font-size: 1.5rem;
    }
    .eve-landing .eve-overlay p {
        font-size: 0.875rem;
    }
    .ins-events-cover {
        margin-bottom: 2rem;
    }
    .ins-event-item .ins-event-body {
        padding: 1.5rem 1rem 4rem;
    }
    .ins-event-item .ins-event-nav {
        padding: 0 1rem 1rem;
    }
    .ins-events-carosel .owl-theme .owl-nav .owl-prev,
    .ins-events-carosel .owl-theme .owl-nav .owl-next {
        top: -3.5rem;
    }
    .facility-item {
        flex: 0 0 50%;
        max-width: 250px;
    }
    .facility-item .facility-body p {
        font-size: 1rem;
    }
    .guideline-cover {
        padding: 2rem 2rem;
    }
    .guide-item {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0.5rem;
    }
    .guide-item .guide-top {
        border-right: 0 solid #d2d2d2;
    }
    .guide-item .guide-top figure {
        max-width: 100px;
    }
    .guide-item .guide-body p {
        font-size: 1.125rem;
    }
    .page-sec-hd .page-hd {
        padding: 1rem 0 1rem 1rem;
    }
    .page-sec-hd .page-hd h2 {
        font-size: 1.25rem;
    }
    .venue-gallery-hd h2 {
        font-size: 1.5rem;
    }
    .rest-menu-sec {
        padding: 3rem 0 3rem;
    }
    .rest-menu a {
        font-size: 1.5rem;
    }
    .faq-accordion .card .card-header h3 {
        font-size: 1.125rem;
    }
    .vision-cover {
        padding: 1rem 0;
    }
    .overview-cover .overview-video video {
        min-height: 300px;
        max-height: 400px;
    }
    .overview-content .overview-hd .sub-hd {
        font-size: 1.25rem;
        margin: 0 0 1rem 0;
    }
    .overview-content .buttons {
        max-width: 72px;
        margin: 2rem auto 0;
    }
    .overview-content .buttons .btn {
        width: 72px;
        height: 72px;
    }
    .key-fact-item .facts-body p {
        font-size: 1.125rem;
    }
    .abt-award-img {
        margin-bottom: 1.5rem;
    }
    .plan-visit-nav {
        gap: 0.25rem;
        align-items: stretch;
        justify-content: stretch;
    }
    .plan-visit-nav .nav-item {
        flex: 0 0 auto;
        width: calc(50% - 0.5rem);
    }
    .center-caro-item .center-caro-body {
        padding: 2rem 1rem 1rem;
    }
    .center-caro-sec {
        padding: 2rem 0 2rem;
    }
    .center-caro-sec {
        padding: 2rem 0 2rem;
    }
    .find-pgm-sec {
        padding: 2rem 0 2rem;
    }
    .librarian-sec {
        padding: 2rem 0 2rem;
    }
    .faq-sec {
        padding: 2rem 0 2rem;
    }
    .opening-hour .time-item .time-icon {
        flex: 0 0 48px;
        max-width: 48px;
    }
    .find-pgm-item .find-pgm-body {
        padding: 2rem 0 1rem;
    }
    .book-item .book-info {
        flex-wrap: wrap;
        flex-direction: column;
    }
}
@media (max-width: 480px) {
    .social-list .soc-item {
        flex: 0 0 100%;
        max-width: 100%;
    }
}