@import url(https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=K2D:wght@400;500&display=swap);

.cut-text-2,
.cut-text-3 {
      display: -webkit-box;
      overflow: hidden
}

.cut-text-1,
.cut-text-2,
.cut-text-3,
.main,
.sustain-accordian .accordian-tab .sa-cover .sa-text,
body.body-preload,
html.open-menu {
      overflow: hidden
}

.box-video,
.boxmenu .submenu a,
.header.header-page,
.input-wrap,
.menu-search,
.parallax-section,
.search-event .form-group,
.slideHero,
.swiper-container,
.wrap-slide-custom,
.wrap-slideHero,
.wsanimated-arrow {
      position: relative
}

.wrap-breadcrumb,
body {
      font-family: Montserrat
}

.award-box:hover .inner .detail,
.header .header-search.active,
.header .main-menu>li:hover .submenu,
.main-menu-mobile.active,
.map-wrap .map-pin:hover .show-map-box {
      visibility: visible;
      opacity: 1
}

.back-page i,
.date i,
.wsanimated-arrow {
      margin-right: 10px
}

@font-face {
      font-family: "Gotham Pro Bold";
      src: url('/fonts/GothamProBold.woff2') format('woff2'), url('/fonts/GothamProBold.woff') format('woff');
      font-weight: 700;
      font-style: normal;
      font-display: swap
}

.color-main,
.color-title,
.header.active .breadcrumb-item+.breadcrumb-item::before,
.header.active .main-menu>li .submenu a,
.header.active .wrap-breadcrumb .breadcrumb-item.active,
.header.active .wrap-breadcrumb a,
.header.header-page .breadcrumb-item+.breadcrumb-item::before,
.header.header-page .main-menu>li .submenu a,
.header.header-page .wrap-breadcrumb .breadcrumb-item.active,
.header.header-page .wrap-breadcrumb a,
.wrap-menu-action .header .main-menu>li .submenu a {
      color: #2a2a2a
}

.color-ci {
      color: #df8557 !important
}

.color-ci-2 {
      color: #c7ae86 !important
}

.color-ci-brown {
      color: #dbb17e
}

.color-red {
      color: #ce171f;
      fill: #ce171f
}

.color-green {
      color: #5cc311;
      fill: #5cc311
}

.color-gray {
      color: #787777
}

.font-reg {
      font-weight: 400
}

.font-med {
      font-weight: 500
}

.footer,
.header {
      font-weight: 400
}

.cut-text-3 {
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical
}

.box-attraction .info-attraction h2,
.cut-text-2,
.event-box .text-title,
.promo-item .text-title {
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical
}

.cut-text-2 {
      text-overflow: ellipsis
}

.cut-text-1 {
      text-overflow: ellipsis;
      white-space: nowrap
}

body,
html {
      width: 100%;
      padding: 0;
      -webkit-font-smoothing: antialiased
}

html {
      scroll-padding-top: 80px
}

a,
a:active,
a:focus,
a:hover {
      cursor: pointer;
      text-decoration: none;
      outline: 0;
      color: inherit
}

a {
      text-decoration: none !important;
      outline: 0;
      transition: .3s
}

p {
      margin: 0 0 15px
}

ol,
ul {
      list-style: none;
      padding: 0
}

body {
      font-size: 16px;
      line-height: 1.6;
      overflow-x: hidden;
      color: #2a2a2a;
      height: 100%;
      background: #f2f5f5
}

.small-text {
      font-size: 12px;
      color: #000
}

button {
      background: 0 0;
      border: 0
}

button:active,
button:focus,
input:active,
input:focus,
textarea:active,
textarea:focus {
      outline: 0 !important;
      box-shadow: none !important;
      -webkit-box-shadow: none !important
}

textarea {
      resize: none;
      padding-top: 15px !important
}

select option {
      font-size: 14px;
      font-family: sans-serif
}

.form-control,
.form-select {
      font-size: 1em
}

.pad-30 {
      padding-top: 30px;
      padding-bottom: 30px
}

.pad-50 {
      padding-top: 50px;
      padding-bottom: 50px
}

.pad-80 {
      padding-top: 80px;
      padding-bottom: 80px
}

.container.container-1600 {
      width: 100%;
      max-width: 1650px;
      padding-left: 20px;
      padding-right: 20px
}

@media (max-width:1620.98px) {
      .container.container-1600 {
            max-width: 1420px
      }
}

.custom-control-input:checked~.custom-control-label::before {
      background: #2a2a2a;
      border-color: #2a2a2a
}

.custom-control-label::before {
      box-shadow: none
}

@media (min-width:1320px) {
      .container {
            max-width: 1300px
      }
}

.menu-search .form-control {
      background-color: #e9e9e9;
      border-radius: 0;
      border: 0;
      padding-left: 50px;
      background-image: url(../images/search.svg);
      background-repeat: no-repeat;
      background-position: left 20px center;
      height: 55px;
      padding-right: 50px
}

.menu-search .lang-mobile {
      position: absolute;
      right: 10px;
      top: 15px
}

.wsanimated-arrow {
      transition: .4s ease-in-out;
      cursor: pointer;
      padding: 19px 35px 19px 0;
      display: none;
      margin-left: auto
}

.boxmenu,
.overlay-boxleft {
      position: fixed;
      z-index: 999;
      height: 100%
}

.wsanimated-arrow span,
.wsanimated-arrow span:after,
.wsanimated-arrow span:before {
      cursor: pointer;
      height: 2px;
      width: 35px;
      background: #df8557;
      position: absolute;
      display: block;
      content: '';
      transition: .5s ease-in-out
}

.wsanimated-arrow span:before {
      top: -12px;
      width: 35px
}

.wsanimated-arrow span:after {
      bottom: -12px;
      width: 20px
}

.wsanimated-arrow .menuopen {
      position: absolute;
      left: 0;
      color: #fff;
      top: 50%;
      transform: translateY(-50%);
      margin-right: 10px
}

.accordion-main .accordion-show,
.boxmenu .main-menu-mobile>li.langboxleft .langboxshow,
.boxmenu .main-menu-mobile>li.show-mobile,
.button-prev-next.swiper-button-lock,
.daterangepicker::before,
.f-thumbs.is-classic,
.form-inquiry .dropdown-toggle::after,
.header.header-page::before,
.iti__search-icon,
.tab-detail,
.tab-stage-main,
.wsanimated-arrow.arrow-hide {
      display: none
}

.overlay-boxleft {
      width: 100%;
      background: #000;
      opacity: .4;
      display: none
}

.boxmenu {
      background-color: #f2f5f5;
      width: 500px;
      left: -500px;
      transition: .3s
}

.boxmenu .top-box-menu {
      background: #fff;
      display: flex;
      justify-content: space-between;
      height: 80px;
      align-items: center;
      padding-left: 25px;
      padding-right: 25px;
      width: 100%;
      border-bottom: 1px solid #dedcda
}

.boxmenu .top-box-menu .top-close {
      cursor: pointer;
      color: #df8557
}

.boxmenu .top-box-menu .top-close i,
.size-30,
.wrap-floor-plan .sidebar-plan .floor .num-floor {
      font-size: 30px
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect,
.footer {
      font-size: 15px
}

@media (max-width:767.98px) {
      .pad-50 {
            padding-top: 30px;
            padding-bottom: 30px
      }

      .boxmenu {
            width: 350px;
            left: -350px
      }
}

.boxmenu.active {
      left: 0
}

.boxmenu a {
      color: #000;
      display: inline-block
}

.boxmenu a::before {
      width: 0;
      bottom: -5px;
      height: 1px;
      background: #df8557;
      content: "";
      position: absolute;
      transition: .3s ease-in-out
}

.boxmenu .wrap-main-menu {
      height: calc(100vh);
      overflow: auto;
      padding-top: 30px
}

.boxmenu .main-menu-mobile {
      padding: 25px;
      margin-bottom: 0
}

.boxmenu .main-menu-mobile>li {
      margin-bottom: 7px;
      padding-bottom: 7px;
      position: relative
}

.boxmenu .main-menu-mobile>li:last-child {
      margin-bottom: 0;
      padding-bottom: 0
}

.boxmenu .main-menu-mobile>li>a {
      font-size: 16px;
      position: relative;
      color: #2a2a2a;
      display: block;
      padding: 5px 0;
      font-weight: 500;
      font-family: Jost, sans-serif
}

.boxmenu .main-menu-mobile>li .button-sub {
      position: absolute;
      right: 0;
      top: 1px;
      width: 30px;
      height: 30px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #df8557;
      cursor: pointer;
      font-size: 20px
}

.boxmenu .main-menu-mobile>li.active>a {
      color: #df8557 !important;
      font-weight: 700
}

.box-download:hover .title-download,
.boxmenu .main-menu-mobile>li.active .button-sub,
.btn-detail.btn-ci,
.btn-detail:hover,
.event-box:hover .title-download,
.filter-event-calendar .filter-slide-m a.active,
.header .header-right .header-book:hover,
.promo-item:hover .inner,
.wrapper-tag a:hover {
      background-color: #df8557;
      color: #fff
}

.boxmenu .main-menu-mobile>li.langboxleft {
      border-top: 1px solid #eee;
      padding-top: 15px;
      margin-top: 10px
}

.boxmenu .main-menu-mobile>li.langboxleft a {
      font-weight: 300
}

.boxmenu .main-menu-mobile>li.langboxleft i {
      font-size: 18px
}

.boxmenu .main-menu-mobile>li.langboxleft .bi-globe-americas {
      font-size: 16px;
      color: #545456;
      margin-right: 5px
}

.boxmenu .main-menu-mobile>li.langboxleft .langboxshow a:hover {
      text-decoration: underline !important;
      color: #df8557
}

.boxmenu .submenu {
      display: none;
      margin: 20px 0 20px 25px
}

.boxmenu .submenu li,
.footer .footer-first .footer-site .footer-site-01 li,
.footer .footer-first .footer-site .footer-site-02 li,
.map-wrap .show-map-box h2,
.wrap-floor-plan .box-second .group-fp,
.wrap-floor-plan .detail-f-plan .group-fp,
.wrap-list-view .list-view li {
      margin-bottom: 15px
}

.box-download figure,
.boxmenu .submenu li:last-child,
.footer .footer-first .footer-address .f-main-tel a:last-child,
.footer .footer-second .footer-partner .inner-logo figure,
.group-tab ul,
.header .main-menu>li .submenu ul,
.map-wrap .inner-list .inner-row:last-child,
.map-wrap .map-pin-detail .map-pd-row:last-child,
.sustain-accordian .accordian-tab .inner-sa.medical .m-row:last-child,
.wrap-floor-plan .box-second .group-fp:last-child,
.wrap-list-view .list-view li:last-child {
      margin-bottom: 0
}

.main-menu-mobile.active {
      top: 0
}

.wrap-breadcrumb::after,
.wrap-breadcrumb::before {
      height: 1px;
      background: #cacaca;
      opacity: .3;
      width: 100%;
      content: ""
}

.wrap-breadcrumb {
      position: relative
}

.wrap-breadcrumb::after {
      position: absolute;
      bottom: 0
}

.wrap-breadcrumb::before {
      position: absolute;
      top: 0
}

.wrap-breadcrumb .container {
      display: flex;
      align-items: center;
      height: 36px;
      width: 100%;
      max-width: 100%;
      padding: 0 50px
}

.wrap-breadcrumb .breadcrumb-item.active,
.wrap-breadcrumb a {
      color: #fff
}

.wrap-breadcrumb,
.wrap-breadcrumb .container,
.wrap-breadcrumb nav {
      min-width: 0
}

.breadcrumb {
      display: flex;
      flex-wrap: nowrap;
      white-space: nowrap;
      overflow: hidden
}

.breadcrumb-item {
      flex: 0 0 auto;
      max-width: none
}

.breadcrumb-item.active {
      flex: 1 1 0%;
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap
}

.breadcrumb-item+.breadcrumb-item::before {
      flex-shrink: 0;
      color: #fff
}

.header {
      z-index: 99;
      width: 100%;
      top: 0;
      position: absolute;
      color: #fff;
      font-family: Jost, sans-serif
}

.header.active,
.header.header-page {
      background-color: #fff;
      color: #2a2a2a
}

.header.active .header-right .header-book.virtual,
.header.header-page .header-right .header-book.virtual,
.wrap-menu-action .header .header-right .header-book.virtual {
      border-color: #2a2a2a;
      color: #2a2a2a;
      background-color: transparent
}

.header.active .header-right .header-book.virtual:hover,
.header.header-page .header-right .header-book.virtual:hover,
.wrap-menu-action .header .header-right .header-book.virtual:hover {
      color: #df8557;
      border-color: #df8557;
      background-color: transparent
}

.header.active .header-right .header-book,
.header.header-page .header-right .header-book,
.wrap-menu-action .header .header-right .header-book {
      background-color: #2a2a2a;
      color: #fff
}

.header.active .header-right .header-book:hover,
.header.header-page .header-right .header-book:hover,
.wrap-floor-plan .sidebar-plan .floor.active,
.wrap-menu-action .header .header-right .header-book:hover {
      color: #fff;
      background-color: #df8557
}

.award-box:hover,
.footer-end .footer-subscribe .form-group .form-control:focus,
.header.active .header-search,
.header.active .main-menu>li .submenu,
.header.header-page .header-search,
.header.header-page .main-menu>li .submenu,
.other-service-list li:nth-child(2n),
.wrap-menu-action .header .header-search,
.wrap-menu-action .header .main-menu>li .submenu,
.wrap-tab-main {
      background-color: #fff
}

.header.active .header-search .form-control,
.header.header-page .header-search .form-control,
.wrap-menu-action .header .header-search .form-control {
      background-color: #2a2a2a
}

.header::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(233, 233, 233, .05);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background-clip: padding-box;
      z-index: 0
}

.header>.container {
      z-index: 2;
      display: flex;
      align-items: center;
      height: 83px;
      width: 100%;
      max-width: 100%;
      padding: 0 50px;
      transition: .3s;
      position: relative
}

.header .logo {
      display: block;
      position: relative
}

.header .header-search,
.header .main-menu>li .submenu {
      position: absolute;
      top: 83px;
      visibility: hidden;
      transition: .3s;
      opacity: 0
}

.header .main-menu {
      display: flex;
      margin-bottom: 0;
      height: 100%;
      margin-left: 65px
}

@media (max-width:1620px) {
      .header .main-menu {
            margin-left: 30px
      }
}

.header .main-menu>li {
      display: flex;
      align-items: center;
      margin-right: 45px;
      position: relative
}

@media (max-width:1620px) {
      .header .main-menu>li {
            margin-right: 30px
      }
}

@media (max-width:1450px) {

      .header>.container,
      .wrap-breadcrumb .container {
            padding: 0 25px
      }

      .header .main-menu {
            margin-left: 15px
      }

      .header .main-menu>li {
            margin-right: 15px
      }
}

.daterangepicker th.available,
.footer .footer-first .footer-address .f-main-tel a:hover,
.header .main-menu>li .submenu ul li a:hover,
.header .main-menu>li:hover>a,
.header .main-menu>li>a.active {
      color: #df8557
}

.header .main-menu>li:last-child {
      margin-right: 0
}

.header .main-menu>li>a {
      position: relative;
      display: flex;
      align-items: center;
      font-size: 16px;
      padding: 5px 10px
}

.header .main-menu>li .submenu {
      left: -10px;
      overflow: hidden;
      width: 245px;
      background-color: rgba(255, 255, 255, .1);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background-clip: padding-box
}

.header .main-menu>li .submenu ul li {
      border-bottom: 1px solid #8b8b8b
}

.header .main-menu>li .submenu ul li a {
      display: block;
      color: #fff;
      padding: 10px 15px;
      position: relative;
      text-transform: uppercase;
      font-size: 15px
}

.header .main-menu>li .submenu ul li:last-child,
.table-fac li:last-child {
      border-bottom: 0
}

.feature-highlight,
.footer .footer-first .container,
.has-list li,
.header .main-menu>li .submenu [class*=col-],
.section-lr,
.wrap-floor-plan .tab-plan .box-tab-f-plan .tab-main {
      display: flex
}

.header .main-menu>li .submenu [class*=col-] i {
      margin-right: 7px
}

.header .header-right {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-left: auto
}

.header .header-right .header-book {
      position: relative;
      min-width: 190px;
      padding: 0 15px;
      height: 42px;
      display: flex;
      color: #222;
      font-size: 16px;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border-radius: 5px
}

.header .header-right .header-book.virtual {
      border: 1px solid #fff;
      background-color: transparent;
      color: #fff;
      margin-right: 15px
}

.btn-detail.btn-line:hover,
.header .header-right .header-book.virtual:hover {
      border-color: #df8557;
      color: #df8557
}

.header .header-right .btn-search {
      padding: 15px;
      cursor: pointer;
      margin-left: 40px
}

.header .header-right .btn-lang {
      width: 44px;
      height: 44px;
      display: flex;
      align-items: center;
      justify-content: center
}

.header .header-search {
      height: 83px;
      z-index: 3;
      width: 100%;
      background: rgba(233, 233, 233, .05);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background-clip: padding-box;
      display: flex;
      align-items: center
}

.header .header-search form {
      width: 100%;
      display: flex;
      justify-content: center
}

.header .header-search .form-group {
      max-width: 1000px;
      width: 100%;
      position: relative
}

.header .header-search .form-control {
      height: 40px;
      border-radius: 5px;
      background: rgba(0, 0, 0, .5);
      color: #fff;
      border: 0;
      font-family: Montserrat, sans-serif;
      font-size: 16px;
      padding: 0 20px
}

.header .header-search .form-control::placeholder {
      color: #fff
}

.header .header-search .btn-search-header,
.search-event .btn-search-header {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%)
}

.wrap-menu-action {
      position: fixed;
      top: 0;
      width: 100%;
      transform: translateY(-110%);
      transition: transform .72s cubic-bezier(.16, 1, .3, 1);
      will-change: transform;
      z-index: 99
}

.wrap-menu-action.is-scroll {
      transform: translateY(0)
}

.wrap-menu-action .header {
      background-color: #fff;
      color: #2a2a2a;
      position: relative
}

.sticky-wrapper {
      z-index: 9;
      position: relative
}

ol {
      list-style: decimal;
      margin-left: 20px
}

.btn-menu-mobile {
      padding: 0 20px;
      margin-top: 40px
}

.btn-menu-mobile a {
      width: 100%;
      color: #fff;
      display: flex;
      margin-top: 5px;
      height: 50px;
      font-size: 16px
}

.footer {
      position: relative;
      background: #161616;
      z-index: 0;
      color: #fff;
      overflow: hidden;
      font-family: Montserrat
}

.footer .footer-first {
      padding-bottom: 50px;
      padding-top: 100px
}

.footer .footer-first .logo-footer {
      flex: 0 0 31%
}

.footer .footer-first .footer-site {
      display: flex;
      flex: 0 0 28%
}

.footer .footer-first .footer-address .f-address-inner,
.footer .footer-first .footer-site .footer-site-01,
.footer .footer-first .footer-site .footer-site-02 {
      flex: 0 0 50%
}

.footer .footer-first .footer-site .footer-site-01 li a:hover,
.footer .footer-first .footer-site .footer-site-02 li a:hover {
      color: #df8557;
      padding-left: 10px
}

.footer .footer-first .footer-address {
      flex: 0 0 44%;
      display: flex;
      flex-wrap: wrap
}

.event-detail .wrap-ed-image,
.footer .footer-first .footer-address .f-address {
      padding-right: 50px
}

.footer .footer-first .footer-address .f-main-tel a {
      display: inline-flex;
      align-items: center;
      margin-bottom: 15px
}

.btn-detail.btn-line:hover i,
.footer .footer-first .footer-address .f-main-tel a:hover i,
.footer .footer-first .footer-address .f-social aside a:hover {
      filter: brightness(1) invert(0)
}

.footer .footer-first .footer-address .f-main-tel a i {
      width: 20px;
      height: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 15px;
      filter: brightness(0) invert(1)
}

.footer .footer-first .footer-address .f-findout,
.footer .footer-first .footer-address .f-social {
      margin-top: 25px
}

.footer .footer-first .footer-address .f-findout a {
      display: inline-flex;
      border: 2px solid #fff;
      padding: 7px 10px;
      font-family: Jost, sans-serif;
      font-weight: 500;
      font-size: 20px;
      border-radius: 5px;
      width: 175px;
      text-transform: uppercase;
      align-items: center
}

.footer .footer-first .footer-address .f-findout a:hover {
      color: #df8557;
      border-color: #df8557
}

.footer .footer-first .footer-address .f-findout a i {
      font-size: 25px;
      color: #df8557
}

.detail-contact .social-contact,
.footer .footer-first .footer-address .f-social aside {
      display: flex;
      gap: 15px
}

.footer .footer-first .footer-address .f-social aside a {
      display: flex;
      height: 23px;
      align-items: center;
      justify-content: center;
      filter: brightness(0) invert(1)
}

.footer .footer-second {
      padding: 15px 0;
      border-bottom: 1px solid #505050;
      border-top: 1px solid #505050
}

.footer .footer-second .container {
      display: flex;
      align-items: center;
      justify-content: center
}

.footer .footer-second .footer-partner {
      height: 65px;
      display: flex;
      align-items: center
}

.footer .footer-second .footer-partner:first-child {
      margin-right: 15%
}

.footer .footer-second .footer-partner .lab {
      padding-right: 60px;
      border-right: 1px dashed #505050;
      height: 100%;
      display: flex;
      align-items: center
}

.footer .footer-second .footer-partner .inner-logo {
      padding-left: 60px;
      display: flex;
      gap: 25px;
      align-items: center
}

.footer-end {
      padding: 40px 0
}

.flex-title,
.footer-end .container {
      display: flex;
      justify-content: space-between;
      align-items: center
}

.footer-end .footer-subscribe {
      display: flex;
      align-items: center;
      flex: 1
}

.footer-end .footer-subscribe .lab {
      font-family: Jost, sans-serif;
      font-size: 20px;
      margin-right: 30px
}

.footer-end .footer-subscribe .form-group {
      position: relative;
      width: 100%;
      max-width: 700px
}

.footer-end .footer-subscribe .form-group .form-control {
      background-color: #333;
      border: 0;
      height: 52px;
      border-radius: 0;
      font-size: 18px;
      padding-left: 20px;
      padding-right: 50px;
      transition: .3s
}

.footer-end .footer-subscribe .form-group .form-control::placeholder {
      color: #666;
      opacity: 1
}

.footer-end .footer-subscribe .form-group .btn-subscribe {
      position: absolute;
      top: 48%;
      transform: translateY(-50%);
      right: 10px
}

.form-inquiry {
      width: 100%;
      max-width: 1260px;
      margin: 0 auto;
      position: relative;
      z-index: 2
}

.form-inquiry .contact-infor {
      font-weight: 700;
      color: #c7ae86;
      text-transform: uppercase;
      margin-bottom: 35px;
      letter-spacing: .05em;
      font-size: 20px
}

.form-inquiry .form-row,
.main-banner {
      margin-bottom: 20px
}

.form-inquiry #phone,
.form-inquiry .form-group>.form-control {
      border-radius: 0;
      height: 50px;
      font-size: 16px
}

.form-inquiry textarea {
      height: auto !important
}

.form-inquiry .line-form {
      background-color: #6293a4;
      height: 1px;
      width: 100%;
      margin: 85px 0
}

.form-inquiry .dropdown-menu {
      border-radius: 0;
      z-index: 2
}

.button-prev-next.bp-prev,
.form-inquiry .dropdown-item.active,
.form-inquiry .dropdown-item:active {
      background-color: #009087
}

.form-inquiry .bs-searchbox .form-control {
      border-radius: 0;
      border-color: #ccc !important
}

.event-list.story-list,
.form-inquiry aside {
      margin-top: 80px
}

.form-inquiry .bootstrap-select .dropdown-item {
      white-space: normal
}

.bootstrap-select>.dropdown-toggle {
      box-shadow: none;
      background-color: #fff;
      height: 50px;
      border-radius: 0;
      background-image: url(../images/down.png);
      background-repeat: no-repeat;
      background-position: center right 15px
}

.bootstrap-select>.dropdown-toggle .filter-option {
      display: flex;
      align-items: center;
      font-family: Montserrat, sans-serif;
      color: #2a2a2a
}

.daterangepicker {
      background: #fff;
      border: 0;
      color: #000;
      z-index: 9;
      border-radius: 0
}

.daterangepicker td.off,
.daterangepicker th.available:hover {
      background: 0 0
}

.daterangepicker:after {
      display: none !important
}

.daterangepicker .drp-calendar {
      max-width: 290px
}

.daterangepicker .drp-calendar.left {
      padding: 12px 0 12px 12px
}

.daterangepicker .drp-calendar.right {
      padding: 12px
}

.calendar-table {
      transition: .3s;
      background: 0 0 !important;
      border: 0 !important
}

.calendar-table thead tr:first-child th {
      border: 0 !important;
      font-size: 17px;
      font-weight: 300;
      font-family: Montserrat, sans-serif !important;
      text-transform: uppercase;
      color: #000
}

.calendar-table td,
.calendar-table th {
      width: 39px !important;
      height: 39px !important;
      font-family: Montserrat, sans-serif;
      transition: .3s;
      border: 0 !important;
      color: #000 !important;
      font-size: 14px !important
}

.calendar-table td {
      font-family: Montserrat, sans-serif;
      border-radius: 0 !important
}

.calendar-table td.active {
      background-color: #df8557;
      border-radius: 0 !important;
      color: #fff !important
}

.button-prev-next.bp-next:hover,
.button-prev-next.bp-prev:hover,
.calendar-table td.active:hover,
.vjs-theme-sea .vjs-progress-control .vjs-play-progress {
      background-color: #df8557
}

.calendar-table td.in-range {
      background-color: #df8557;
      color: #000
}

.calendar-table td.disabled {
      text-decoration: none;
      cursor: auto;
      user-select: none;
      opacity: .4
}

.calendar-table td.off.ends:not(.disabled) {
      visibility: hidden
}

.calendar-table .next span,
.calendar-table .prev span {
      padding: 5px;
      color: #000 !important;
      border-color: #000 !important
}

.calendar-table .next span:hover,
.calendar-table .prev span:hover,
.swiper-logo .swiper-slide.is-active .box-logo {
      border-color: #df8557
}

.daterangepicker th.available.next span,
.daterangepicker th.available.prev span {
      border: 0;
      transform: rotate(0);
      -webkit-transform: rotate(0)
}

.daterangepicker th.available.next span:after,
.daterangepicker th.available.prev span:after {
      font-family: bootstrap-icons !important;
      font-size: 20px;
      color: #df8557
}

.daterangepicker th.available.prev span:after {
      content: "\F12F"
}

.daterangepicker th.available.next span:after {
      content: "\F138"
}

.monthselect,
.yearselect {
      background: #fff;
      border: 1px solid #ccc;
      padding: 5px 10px !important
}

.datepicker {
      background-image: url(../images/calendar.png);
      background-repeat: no-repeat;
      background-position: center right 15px
}

.box-video i img,
.iti {
      width: 100%
}

.error-icon,
.valid-icon {
      position: absolute;
      right: 12px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 20px;
      display: none
}

.valid-icon {
      color: #28a745
}

.error-icon {
      color: #dc3545
}

.iti__search-input {
      height: 40px;
      border-bottom: 1px solid #ccc;
      font-size: 16px
}

.flatpickr-monthSelect-month,
.iti .iti__selected-dial-code,
.iti__country {
      font-size: 16px
}

[data-aos] {
      transition-property: opacity, transform, filter;
      transition-duration: .8s;
      transition-timing-function: ease-out
}

.img-hover,
.img-hover img {
      transition: .6s
}

[data-aos=fade-up] {
      transform: translate3d(0, 20px, 0);
      filter: blur(4px);
      opacity: 0
}

[data-aos=fade-down] {
      transform: translate3d(0, -20px, 0);
      filter: blur(4px);
      opacity: 0
}

[data-aos=fade-left] {
      transform: translate3d(40px, 0, 0);
      filter: blur(4px);
      opacity: 0
}

[data-aos=fade-right] {
      transform: translate3d(-40px, 0, 0);
      filter: blur(4px);
      opacity: 0
}

[data-aos].aos-animate {
      transform: translate3d(0, 0, 0) !important;
      filter: blur(0) !important;
      opacity: 1 !important
}

h1,
h2 {
      line-height: 1.4
}

.img-hover {
      overflow: hidden;
      display: block
}

.img-hover:hover img {
      transform: scale(1.1)
}

.bg-gray {
      background-color: #f4f4f4
}

.hp-pin,
.img-affect {
      position: relative;
      overflow: hidden
}

.img-affect::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: 2;
      background: #f7f2ec;
      transform: translateX(0);
      transition: transform 1.2s cubic-bezier(.77, 0, .175, 1)
}

.img-affect.aos-animate::before {
      transform: translateX(100%)
}

.img-affect>img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform: scale(1.8);
      transition: transform 2.2s cubic-bezier(.25, 1, .5, 1)
}

.img-affect.right::before,
.item-fac img {
      transform: translateX(0)
}

.img-affect.aos-animate img {
      transform: scale(1)
}

.img-affect.right.aos-animate::before {
      transform: translateX(-100%)
}

.slide-arrow .swiper-button-next,
.slide-arrow .swiper-button-prev {
      position: static;
      top: auto;
      width: 50px;
      height: 50px;
      border: 1px solid #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      margin-top: 0
}

.slide-arrow .swiper-button-next:after,
.slide-arrow .swiper-button-prev:after {
      font-size: 20px;
      color: #fff
}

.gallery-thumbs .swiper-slide.swiper-slide-thumb-active img,
.showcase-box .showcase-img:hover .img-cover .btn-detail,
.slide-arrow .swiper-button-next.swiper-button-disabled,
.slide-arrow .swiper-button-prev.swiper-button-disabled,
.swiper.gallery-thumbslide .swiper-slide.swiper-slide-thumb-active {
      opacity: 1
}

.slide-arrow .swiper-button-prev {
      margin-right: 15px
}

.slide-arrow .wrap-arrow {
      display: flex;
      justify-content: flex-end;
      padding-right: 40px;
      margin-top: 20px
}

.main-pd {
      padding-top: 100px
}

.order-list {
      list-style: disc;
      margin-left: 20px
}

.order-list ul {
      margin-left: 5px;
      margin-top: 5px
}

.order-list ul li {
      position: relative;
      padding-left: 15px
}

.order-list ul li:before {
      content: "-";
      position: absolute;
      left: 0
}

.order-list.order-list-color-ci li::marker {
      color: #df8557
}

@media screen and (max-width:1280px) {

      .footer .footer-first .container,
      .footer .footer-first .footer-address,
      .footer-end .container,
      .wsanimated-arrow {
            display: block
      }

      .header {
            transition: .3s;
            position: fixed !important;
            top: 0;
            width: 100%;
            z-index: 9
      }

      .footer .footer-first .footer-site .footer-site-01,
      .footer .footer-first .logo-footer,
      .header .header-right,
      .header .main-menu,
      .wrap-menu-action {
            display: none
      }

      .footer .footer-first {
            padding-top: 50px
      }

      .footer .footer-first .footer-address .f-address {
            padding-right: 0;
            margin-bottom: 30px
      }

      .footer .footer-first .footer-address .f-findout a {
            width: 260px
      }

      .footer .footer-first .footer-address .f-findout a i {
            margin-left: auto
      }

      .footer-end .footer-subscribe {
            margin-bottom: 30px
      }

      .main-pd {
            padding-top: 80px
      }

      .main-page {
            padding-top: 100px
      }
}

.img-title,
.wrap-slide-option .slide-auto figure {
      margin-bottom: 30px
}

.slide-commitment .section-lr .section-right h2,
.title-contact {
      margin-bottom: 50px
}

.slideHero .swiper-pagination {
      bottom: 2%;
      padding: 5px 0;
      z-index: 2
}

.slideHero .img-slide-main {
      height: 100%;
      object-fit: cover;
      width: 100%;
      object-position: center center;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2
}

.slideHero .img-slide-main.position-bottom {
      object-position: center bottom
}

.slideHero .img-slide-main.position-top {
      object-position: center top
}

.slideHero .swiper-slide {
      background-size: cover;
      background-position: 50%;
      min-height: calc(100dvh - 90px);
      overflow: hidden;
      position: relative
}

@media (max-width:991.98px) {
      html {
            scroll-padding-top: 60px
      }

      .pad-80 {
            padding-top: 50px;
            padding-bottom: 50px
      }

      .wrap-breadcrumb a {
            font-size: 14px
      }

      .footer .footer-second .container {
            display: block
      }

      .footer .footer-second .footer-partner .lab {
            border-right: 0
      }

      .slideHero .swiper-slide {
            min-height: 70dvh
      }
}

@media (max-width:767.98px) {
      .form-inquiry .form-row {
            margin-bottom: 8px
      }

      .form-inquiry .line-form {
            margin: 40px 0
      }

      .form-inquiry aside {
            margin-top: 40px
      }

      .slideHero .swiper-slide {
            min-height: 60dvh
      }
}

.slideHero .swiper-slide .hero-video {
      display: block;
      margin: 0 auto;
      width: 105%;
      height: 105%;
      object-fit: cover;
      object-position: center calc(50% - 30px);
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3;
      pointer-events: none
}

.event-box .img-bg,
.hero-home .hero-home-img,
.hp-panel .img-inner,
.promo-item .promo-img img {
      object-fit: cover;
      object-position: center center
}

.slideHero .swiper-slide.has-text::before {
      content: "";
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(to top, rgba(0, 0, 0, .5), transparent);
      z-index: 3
}

.slideHero .swiper-button-next,
.slideHero .swiper-button-prev {
      color: #fff;
      background-color: rgba(0, 0, 0, .6) !important;
      width: 36px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 0;
      position: absolute;
      z-index: 9;
      opacity: 1
}

.hero-home,
.hp-panel,
.hp-track {
      position: relative
}

.slideHero .swiper-button-next:after,
.slideHero .swiper-button-prev:after {
      font-size: 22px
}

.hero-home .cover-about .font-title,
.hero-home .cover-home h2,
.hp-panel .cover .text-title {
      font-size: 70px;
      line-height: 1.2;
      text-transform: uppercase
}

.slideHero.slideLanding-page {
      padding-top: 0;
      position: relative
}

.slideHero.slideLanding-page .swiper-slide {
      min-height: calc(70vh)
}

@media (max-width:767.98px) {
      .slideHero.slideLanding-page .swiper-slide {
            min-height: 60dvh
      }
}

.slideHero .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      border: 1px solid rgba(255, 255, 255, .7);
      background: 0 0;
      transition: .3s
}

.slideHero .swiper-pagination-bullet-active {
      background: #fff;
      box-shadow: 0 0 6px rgba(255, 255, 255, .8);
      transform: scale(1.3)
}

video::-webkit-media-controls {
      display: none !important
}

.font-top-title {
      font-size: 30px;
      text-transform: uppercase;
      color: #000
}

.meeting-list,
.readmore {
      margin-top: 30px
}

.btn-viewmore:hover,
.download-list li a:hover,
.flex-title .view-more:hover,
.map-wrap .map-pin:hover .text-map-pin,
.meeting-list .container ul li a.active,
.meeting-list .container ul li a:hover,
.readmore a u,
.tab-getting a.active,
.wrap-slide-custom .swiper-button-next:hover,
.wrap-slide-custom .swiper-button-prev:hover,
.wrap-tab-main a.active {
      color: #df8557
}

.hero-home {
      min-height: 100dvh;
      width: 100%
}

.hero-home .announcement {
      display: flex;
      height: 46px;
      background: #f2f5f5;
      position: absolute;
      bottom: 0;
      z-index: 4;
      width: 100%;
      border-bottom: 1px solid #ccc
}

.hero-home .cover-home,
.hero-home .cover-page {
      bottom: 100px;
      color: #fff;
      position: absolute;
      text-align: center
}

.hero-home .announcement .a-left {
      padding: 0 25px;
      height: 100%;
      display: flex;
      align-items: center;
      background-color: #eaeaea
}

.hero-home .announcement .a-maquee {
      flex: 1;
      height: 100%;
      padding: 0 20px;
      overflow: hidden;
      display: flex
}

.hero-home .announcement .a-maquee .group-a {
      height: 100%;
      display: flex;
      align-items: center;
      text-transform: uppercase;
      flex: 0 0 auto;
      white-space: nowrap;
      margin-right: 40px
}

.hero-home .announcement .a-maquee .group-a .date-m {
      margin-left: 10px;
      padding-left: 10px;
      border-left: 1px solid #ccc
}

.hero-home .announcement .track {
      display: flex;
      width: max-content;
      will-change: transform
}

.hero-home::before {
      content: "";
      background-color: #000;
      position: absolute;
      z-index: 2;
      opacity: .3;
      inset: 0;
      width: 100%;
      height: 100%
}

.hero-home .cover-home {
      z-index: 3;
      width: 100%;
      padding: 0 20px;
      height: 100%;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column
}

.hero-home.hero-page {
      min-height: 495px
}

.hero-home .hero-home-img,
.hp-panel .img-inner {
      height: 100%;
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 1
}

.hero-home .cover-page {
      z-index: 3;
      width: 100%;
      padding: 0 20px
}

.hero-home .cover-about {
      position: absolute;
      z-index: 3;
      color: #fffaee;
      width: 100%;
      max-width: 1200px;
      padding-left: 6%;
      padding-right: 20px;
      top: 20%
}

.hero-home .cover-about .font-title {
      margin-bottom: 40px
}

.hero-home .cover-about .detail {
      font-size: 16px;
      line-height: 1.6
}

.hero-home .cover-about .why,
.hp-pin .why {
      font-size: 30px;
      z-index: 3;
      color: #fff;
      pointer-events: none;
      text-transform: uppercase
}

.hero-home .cover-about .why {
      top: 0;
      left: 0;
      font-family: Jost, sans-serif;
      margin-bottom: 5%
}

.hp-pin .why {
      position: absolute;
      top: 25%;
      left: 6%
}

.hp-track {
      display: flex;
      width: 100%;
      will-change: transform
}

.hp-panel {
      flex: 0 0 100%;
      height: 100dvh;
      z-index: 2
}

.hp-panel::before,
.sustain-accordian .accordian-tab:before {
      content: "";
      background-color: #000;
      position: absolute;
      z-index: 2;
      opacity: .4;
      inset: 0;
      width: 100%;
      height: 100%
}

.hp-panel .cover {
      position: absolute;
      z-index: 2;
      color: #fffaee;
      width: 100%;
      max-width: 1200px;
      padding: 15px;
      margin-left: 6%;
      top: 55%;
      transform: translateY(-50%)
}

.hp-panel .cover .detail {
      font-size: 16px;
      line-height: 1.6;
      max-width: 600px
}

.text-title {
      font-family: Jost, sans-serif
}

.font-title {
      font-size: 50px;
      font-weight: 500;
      text-transform: uppercase;
      font-family: "Gotham Pro Bold", sans-serif;
      line-height: 1.1
}

@media (max-width:991.98px) {
      .slideHero .swiper-slide .hero-video {
            object-position: center
      }

      .slideHero .swiper-button-next,
      .slideHero .swiper-button-prev {
            bottom: 20px
      }

      .hero-home .announcement .a-left {
            display: none
      }

      .font-title,
      .hero-home .cover-home h2,
      .hp-panel .cover .text-title {
            font-size: 40px
      }

      .hero-home .cover-about .font-title {
            font-size: 30px
      }

      .hp-pin .why {
            font-size: 20px
      }

      .hp-panel .cover {
            margin-left: 0;
            max-width: 100%;
            padding: 20px
      }
}

.box-stat .lab-stat,
.button-prev-next i,
.font-title-20,
.sustain-accordian.preparation .accordian-tab .sa-cover .text-title,
.wrap-floor-plan .sidebar-plan .floor .text-floor {
      font-size: 20px
}

.font-title-20 {
      font-family: Jost, sans-serif;
      font-weight: 500
}

.font-title-sub {
      font-size: 30px;
      font-weight: 400;
      text-transform: uppercase;
      font-family: Jost, sans-serif
}

.wrap-slide-option {
      padding-left: calc((100vw - 1650px)/ 2 + 20px);
      width: 100vw;
      position: relative
}

@media (max-width:1620px) {
      .header .header-right .btn-search {
            margin-left: 20px
      }

      .footer .footer-first .logo-footer {
            flex: 0 0 30%
      }

      .hero-home .cover-about {
            top: 25%
      }

      .wrap-slide-option {
            padding-left: calc((100vw - 1420px)/ 2 + 20px)
      }
}

@media screen and (max-width:1420px) {
      .wrap-slide-option {
            padding-left: 20px
      }
}

.wrap-slide-option .p-slide {
      padding-left: 40px
}

.wrap-slide-option .pd-slide {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-right: 50px
}

.wrap-slide-option .pd-slide h2 {
      margin-bottom: 28px;
      font-weight: 600
}

.detail-contact h2,
.modal-main .modal-content h2 {
      font-family: Jost, sans-serif;
      font-weight: 500;
      margin-bottom: 20px
}

.wrap-slide-option .swiper-slide {
      width: 510px
}

@media (max-width:991.98px) {
      .wrap-slide-option .p-slide {
            padding-left: 15px
      }

      .wrap-slide-option .pd-slide {
            padding-right: 30px;
            margin: 0 auto 25px;
            padding-left: 15px
      }

      .wrap-slide-option .swiper-slide {
            width: 400px
      }

      .g-custom-contact .col-form-contact {
            padding-left: 0;
            padding-right: 0
      }
}

@media (max-width:767.98px) {
      .font-top-title {
            font-size: 25px
      }

      .hero-home.hero-page {
            min-height: 350px
      }

      .hero-home .cover-page {
            bottom: 30px
      }

      .font-title-sub,
      .hero-home .cover-about .why,
      .size-30 {
            font-size: 20px
      }

      .size-20 {
            font-size: 17px
      }

      .font-title {
            font-size: 30px
      }

      .wrap-slide-option .swiper-slide {
            width: 350px
      }
}

.wrap-slide-option .slide-auto {
      padding-right: 30px
}

.wrap-slide-option .slide-auto .font-h4 {
      font-size: 22px;
      color: #df8557;
      font-family: Jost, sans-serif;
      font-weight: 600;
      margin-bottom: 30px;
      line-height: 1.4
}

.wrap-slide-option .wrapper-button-prev-next {
      display: flex;
      gap: 2px;
      margin-top: 30px
}

@media (max-width:450.98px) {
      .wrap-slide-option .swiper-slide {
            width: 300px
      }

      .wrap-slide-option .wrapper-button-prev-next {
            display: none
      }
}

.button-prev-next {
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      cursor: pointer;
      transition: .3s
}

.button-prev-next .swiper-navigation-icon {
      width: 10px
}

.button-prev-next.bp-next {
      background-color: #c7ae86
}

.flatpickr-current-month .numInputWrapper span.arrowDown,
.flatpickr-current-month .numInputWrapper span.arrowUp,
.swiper-notification {
      display: none !important
}

.btn-detail {
      position: relative;
      padding: 0 20px;
      height: 55px;
      display: inline-flex;
      background-color: #212121;
      font-size: 19px;
      align-items: center !important;
      justify-content: center !important;
      color: #fff;
      border-radius: 5px;
      font-family: Jost, sans-serif;
      transition: .3s;
      text-transform: uppercase
}

.container-1400,
.container-fluid,
.form-contact input.form-control,
.form-contact select.form-control,
.form-contact textarea.form-control,
.wrap-tab-main a {
      padding-left: 20px;
      padding-right: 20px
}

.btn-detail:hover i,
.event-box:hover i img,
.filter-view .view.active img {
      filter: brightness(0) invert(1)
}

.btn-detail.btn-line {
      background-color: transparent;
      border: 1px solid #212121;
      color: #212121
}

.btn-detail.btn-line i {
      color: #df8557 !important;
      font-size: 20px
}

.container-fluid {
      max-width: 1920px
}

.container-1400 {
      max-width: 1420px
}

.title-contact {
      padding-bottom: 50px;
      border-bottom: 1px solid #212121
}

.detail-contact h2 {
      font-size: 20px;
      text-transform: uppercase
}

.detail-contact .social-contact a,
.icon-dark {
      filter: brightness(0) invert(0)
}

.g-custom-contact {
      --bs-gutter-x: 80px;
      --bs-gutter-y: 50px
}

.contact-map {
      width: 100%;
      height: 530px
}

.form-contact {
      padding: 50px;
      background-color: #eaeded
}

.form-contact input.form-control {
      border-radius: 0;
      border: 0;
      height: 55px
}

.form-contact input.form-control::placeholder {
      color: #a7a7a7
}

.form-contact select.form-control {
      border-radius: 0;
      border: 0;
      height: 55px;
      background-size: 14px 7.6px;
      background-position: right 20px center;
      background-image: url(../images/down-select.png)
}

.form-contact textarea.form-control {
      border-radius: 0;
      border: 0
}

.form-contact textarea.form-control::placeholder {
      color: #a7a7a7
}

.form-contact .form-group {
      margin-bottom: 25px;
      position: relative
}

.form-contact .form-check-input {
      width: 20px;
      height: 20px
}

.form-contact .form-check-label {
      margin-left: 10px
}

.filter-view .view.active,
.form-contact .form-check-input:checked,
.item-fac:hover .btn-go,
.let-us .btn-detail:hover,
.virtual-home .btn-detail:hover {
      background-color: #df8557;
      border-color: #df8557
}

.help-block {
      position: absolute;
      bottom: -23px
}

.help-block ul {
      margin-bottom: 0;
      color: red;
      font-size: .9em
}

.flex-right {
      display: flex;
      justify-content: flex-end
}

.form-group .form-contact {
      padding-bottom: 25px
}

.event-detail .wrap-ed-image .ed-image,
.wrap-tab-main .container {
      display: flex;
      justify-content: center
}

.download-list li a,
.filter-event-calendar .filter-select-y .form-select,
.sustain-accordian .accordian-tab .inner-sa.electrical .wrap-box-el {
      display: inline-flex
}

.wrap-tab-main a {
      display: flex;
      height: 70px;
      align-items: center;
      position: relative
}

.wrap-tab-main a.active::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 1px;
      background-color: #df8557;
      bottom: 0;
      left: 0
}

.swiper-tab-main .swiper-slide {
      width: auto
}

.box-download {
      transition: .3s;
      position: relative;
      top: 0;
      display: block
}

.box-download .title-download {
      background-color: #fff;
      padding: 15px 30px 15px 15px;
      transition: .3s;
      position: relative
}

.box-download .title-download i {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      color: #df8557;
      font-size: 25px
}

.box-download:hover i,
.let-us {
      color: #fff
}

.box-download:hover,
.promo-item:hover {
      top: -15px
}

.pad-100 {
      padding-top: 120px;
      padding-bottom: 120px
}

.pad-100.pt-80 {
      padding-top: 80px
}

.pad-100.pt-50,
.pd-100.pt-50,
.pd-100.pt-80,
.pt-50,
.slide-3-list,
.slide-upcoming {
      padding-top: 50px
}

.pd-100 {
      padding-top: 100px;
      padding-bottom: 100px
}

.modal-main {
      width: 100%;
      padding: 40px
}

.modal-main .modal-content {
      border-radius: 0;
      position: relative
}

.modal-main .modal-content .close {
      position: absolute;
      font-size: 25px;
      padding: 10px;
      right: -40px;
      top: -20px
}

.modal-main .modal-content h2 {
      font-size: 30px
}

.accordion-main .accordian-button,
.flatpickr-current-month input.cur-year,
.let-us h2 {
      font-weight: 400;
      font-family: Jost, sans-serif
}

.modal-main.modal-download {
      max-width: 990px
}

.modal-main.modal-download .modal-content {
      padding: 40px
}

.modal-main.modal-slide {
      max-width: 740px
}

.modal-main.modal-slide .modal-content {
      padding: 10px
}

.swiper.gallery-thumbslide {
      margin-top: 10px
}

.swiper.gallery-thumbslide .swiper-slide {
      opacity: .7
}

.download-list li {
      margin-bottom: 15px;
      padding-bottom: 15px;
      border-bottom: 1px solid #d5d5d5
}

.download-list li:last-child,
.group-tab:last-child {
      margin-bottom: 0;
      padding-bottom: 0;
      border-bottom: 0
}

.download-list li a {
      position: relative;
      padding-left: 30px
}

.download-list li a i,
.map-wrap .inner-list .inner-row i {
      position: absolute;
      left: 0;
      top: 0
}

.let-us {
      display: flex;
      padding: 60px;
      background-color: #2a2a2a;
      align-items: center;
      justify-content: space-between
}

.let-us h2 {
      font-size: 30px;
      text-transform: uppercase;
      line-height: 1.1
}

.let-us .btn-detail {
      border: 1px solid #fff;
      background-color: transparent
}

.accordion-main>li {
      border-radius: 5px;
      overflow: hidden;
      margin-bottom: 10px;
      transition: .3s
}

.accordion-main>li.active {
      box-shadow: 5px 5px 16px 0 rgba(0, 0, 0, .1)
}

.accordion-main .accordian-button {
      padding: 15px 30px;
      min-height: 80px;
      font-size: 25px;
      display: flex;
      align-items: center;
      text-transform: uppercase;
      background-color: #fff;
      position: relative;
      margin-bottom: 0;
      cursor: pointer
}

.accordion-main .accordian-button .bi-plus-lg {
      color: #df8557;
      font-size: 25px;
      position: absolute;
      right: 30px;
      top: 50%;
      transform: translateY(-50%)
}

.other-service-list li {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      padding: 20px 40px
}

.other-service-list li:nth-child(odd) {
      background-color: #f9f9f9
}

.container-event {
      padding-top: 30px
}

.filter-event-calendar {
      padding: 10px;
      border-radius: 5px;
      background: #e9e9e9;
      display: flex
}

.filter-event-calendar .filter-slide-m {
      flex: 1 1 auto;
      min-width: 0;
      padding-right: 15px
}

.filter-event-calendar .filter-slide-m a {
      height: 40px;
      border-radius: 5px;
      background: #fff;
      align-items: center;
      padding: 0 20px;
      display: inline-flex
}

.filter-event-calendar .filter-slide-m a.pass {
      background-color: #d7d7d7;
      color: #848484;
      cursor: default
}

.filter-event-calendar .filter-select-y {
      display: flex;
      flex: 0 0 auto;
      margin-left: auto;
      flex-wrap: wrap
}

.custom-select {
      width: auto;
      height: 40px;
      background: url(../images/down-icon.png) right 10px center no-repeat;
      border: 1px solid #2a2a2a;
      border-radius: 5px
}

.filter-view,
.hall-table tbody .row-alt td {
      background-color: #e9e9e9
}

.form-select:focus {
      outline: 0;
      box-shadow: none;
      border-color: inherit
}

.event-list {
      margin-top: 50px;
      margin-bottom: -40px
}

.event-list li {
      margin-bottom: 40px
}

.event-box {
      top: 0;
      transition: .3s;
      position: relative;
      display: block
}

.event-box .status {
      position: absolute;
      height: 26px;
      font-size: 16px;
      padding: 0 7px;
      border-radius: 5px;
      left: 15px;
      top: 15px;
      background: rgba(255, 255, 255, .5);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background-clip: padding-box;
      display: flex;
      align-items: center;
      z-index: 3
}

.event-box .status::before,
.event-detail .status::before {
      content: "";
      width: 9px;
      height: 9px;
      border-radius: 100%;
      margin-right: 5px
}

.event-box .status.on::before,
.event-detail .status.on::before {
      background: #b1d026
}

.event-box .status.up::before,
.event-detail .status.up::before {
      background: #f58f00
}

.event-box .inner {
      padding: 15px;
      background-color: #fff;
      transition: .3s;
      width: 100%;
      position: relative;
      z-index: 3
}

.event-box .title-sub {
      margin-bottom: 10px
}

.event-box .text-title {
      display: -webkit-box;
      overflow: hidden;
      line-height: 1.4;
      min-height: calc(1.4em * 2);
      margin-bottom: 0
}

.event-box:hover {
      top: -20px
}

.event-box:hover .inner {
      background: #df8557;
      color: #fff;
      transform: translateY(-25%)
}

.event-box.hover-expand .text-title {
      -webkit-line-clamp: unset;
      overflow: visible;
      min-height: auto
}

.event-box figure {
      position: relative;
      width: 100%;
      aspect-ratio: 400/516;
      overflow: hidden;
      display: flex;
      align-items: center;
      padding: 10px;
      justify-content: center
}

.event-box .img-cover {
      position: relative;
      z-index: 1
}

.event-box .img-bg {
      width: 100%;
      height: 100%;
      display: block;
      filter: blur(15px);
      position: absolute;
      z-index: 0
}

.date {
      display: flex;
      margin-top: 10px
}

.btn-viewmore {
      font-family: Jost, sans-serif;
      font-size: 20px
}

.filter-view {
      display: inline-flex;
      padding: 7px;
      border-radius: 5px;
      margin-left: auto;
      gap: 7px
}

.filter-view .view {
      display: flex;
      width: 40px;
      height: 40px;
      border-radius: 5px;
      align-items: center;
      justify-content: center;
      border: 1px solid #2a2a2a
}

.event-detail .status {
      font-size: 16px;
      display: flex;
      align-items: center
}

.wrapper-tag,
.wrapper-tag a {
      align-items: center;
      display: flex
}

.event-detail h1 {
      font-weight: 500;
      text-transform: uppercase;
      line-height: 1.3;
      margin-top: 15px;
      margin-bottom: 20px
}

.event-detail .btn-buy {
      display: flex;
      gap: 10px
}

.event-detail .btn-detail {
      height: 44px;
      font-size: 17px
}

.wrapper-tag {
      gap: 8px;
      margin: 25px 0 15px
}

.wrapper-tag a {
      height: 34px;
      background-color: #ecd3c6;
      padding: 0 13px;
      border-radius: 5px
}

.back-page {
      display: flex;
      font-size: 17px;
      text-transform: uppercase;
      font-family: Jost, sans-serif
}

.back-page i {
      font-size: 20px;
      color: #df8557
}

.featured {
      padding: 20px 0;
      border-top: 1px solid #151515;
      border-bottom: 1px solid #151515;
      margin-top: 40px;
      margin-bottom: 40px
}

.story-right,
.sustain-accordian .accordian-tab.active .sa-cover .sa-text {
      padding-top: 20px
}

.featured .cd {
      font-size: 20px;
      display: flex;
      align-items: center
}

.featured .cd i {
      margin-right: 14px
}

.section-video {
      background-color: #222
}

.teaser-event {
      position: relative;
      width: 100%;
      aspect-ratio: 16/9;
      overflow: hidden;
      max-width: 1500px;
      margin: 0 auto
}

.mt-50,
.wrap-list-view {
      margin-top: 50px
}

.teaser-frame .video-js,
.teaser-frame video {
      width: 100%;
      height: 100%;
      border: 0
}

.vjs-theme-sea .vjs-big-play-button {
      background-color: transparent !important
}

.video-js .vjs-big-play-button {
      font-size: 7em
}

.story-right {
      padding-left: 50px;
      padding-bottom: 20px;
      display: flex;
      flex-direction: column
}

.story-right .text-title {
      font-size: 20px;
      margin: 20px 0 30px
}

.wrap-slide-custom .swiper {
      position: static
}

.wrap-slide-custom .swiper-button-next,
.wrap-slide-custom .swiper-button-prev {
      width: 22px;
      color: #cacaca;
      opacity: 1;
      z-index: 3
}

.wrap-slide-custom .swiper-button-prev {
      left: -40px
}

.wrap-slide-custom .swiper-button-next {
      right: -40px
}

.wrap-slide-custom .swiper-pagination {
      position: static;
      margin-top: 15px
}

.wrap-slide-custom .swiper-pagination-bullet {
      width: 25px;
      height: 4px;
      border-radius: 0;
      background-color: #d9d9d9;
      opacity: 1;
      transition: .3s
}

.wrap-slide-custom .swiper-pagination-bullet-active {
      width: 150px;
      background-color: #df8557
}

.wrap-slide-custom.custom-hl .swiper-button-next {
      right: -10%
}

.wrap-slide-custom.custom-hl .swiper-button-prev {
      left: -10%
}

@media (max-width:1700px) {
      .wrap-slide-custom.custom-hl .swiper-button-next {
            right: 0
      }

      .wrap-slide-custom.custom-hl .swiper-button-prev {
            left: 0
      }
}

.wrap-slide-custom.custom-hl .left-swiper {
      padding-left: 0;
      flex-direction: column
}

.event-list-head,
.wrap-list-view .list-view .event-list-box {
      display: grid;
      grid-template-columns: 90px 100px 1fr 220px 100px;
      gap: 24px
}

.feature-highlight .left-swiper {
      width: 40%;
      padding: 50px
}

@media (max-width:991.98px) {
      .contact-map {
            height: 400px
      }

      .getintouch {
            padding-bottom: 0
      }

      .form-group .form-contact {
            padding-bottom: 50px
      }

      .pad-100.pt-80 {
            padding-top: 70px
      }

      .pad-100 {
            padding-top: 70px;
            padding-bottom: 70px
      }

      .pd-100.pt-80 {
            padding-top: 50px
      }

      .pd-100 {
            padding-top: 50px;
            padding-bottom: 50px
      }

      .modal-main {
            padding: 30px 25px
      }

      .modal-main.modal-download .modal-content {
            padding: 40px 25px
      }

      .let-us {
            display: block;
            padding: 40px 30px
      }

      .let-us .let-us-left {
            margin-bottom: 30px
      }

      .accordion-main .accordian-button {
            font-size: 20px
      }

      .feature-highlight .left-swiper,
      .other-service-list li {
            padding: 20px
      }

      .event-box .date,
      .event-box .title-sub {
            font-size: 15px
      }

      .event-detail .wrap-ed-image {
            padding-right: 10px
      }

      .story-right {
            padding-left: 20px
      }

      .wrap-slide-custom .swiper-button-prev,
      .wrap-slide-custom.custom-hl .swiper-button-prev {
            left: 15px
      }

      .wrap-slide-custom .swiper-button-next,
      .wrap-slide-custom.custom-hl .swiper-button-next {
            right: 15px
      }

      .wrap-slide-custom .swiper-pagination-bullet-active {
            width: 80px
      }
}

.feature-highlight .left-swiper h2,
.section-lr .section-right h2 {
      text-transform: uppercase;
      margin-bottom: 25%
}

.feature-highlight .left-swiper h3,
.section-lr .section-right h3 {
      text-transform: uppercase;
      margin-bottom: 30px
}

.feature-highlight .right-swiper {
      width: 60%;
      padding-left: 40px
}

@media (max-width:991.98px) {
      .feature-highlight .right-swiper {
            padding-left: 20px
      }
}

.feature-highlight .right-swiper .swiper-slide {
      aspect-ratio: 1.40;
      overflow: hidden
}

.feature-highlight .right-swiper .swiper-slide video,
.gallery-grid img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block
}

.feature-highlight .right-swiper .swiper-slide video.contain {
      object-fit: contain
}

.feature-highlight .right-swiper .swiper-pagination {
      text-align: left;
      margin: 15px -4px 0
}

.virtual-home .btn-detail {
      color: #fff;
      border: 1px solid #fff;
      background: rgba(233, 233, 233, .05);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background-clip: padding-box
}

.parallax-section:before {
      background-color: #000;
      opacity: .4;
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      inset: 0;
      z-index: 2
}

.parallax-section.virtual-home {
      height: 590px
}

.parallax-section.parallax-about {
      height: 900px
}

.parallax-section .parallax-viewport {
      position: absolute;
      inset: 0;
      overflow: hidden
}

.parallax-section .parallax-img,
.parallax-section video {
      position: absolute;
      width: 100%;
      height: 100%;
      object-fit: cover;
      will-change: transform;
      z-index: 1
}

.parallax-section .parallax-content {
      position: absolute;
      z-index: 3;
      inset: 0;
      width: 100%;
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #fff;
      text-align: center
}

.parallax-section .parallax-content.text-start {
      width: 100%;
      max-width: 1000px;
      align-items: flex-start;
      left: calc((100vw - 1420px)/ 2 + 20px)
}

@media (max-width:1420px) {
      .parallax-section .parallax-content.text-start {
            left: 0;
            padding: 0 20px
      }
}

.wrap-list-view {
      max-width: 1420px;
      margin-inline: auto
}

.wrap-list-view .list-view .event-list-box {
      background-color: #fff;
      align-items: center;
      transition: box-shadow .25s
}

.wrap-list-view .list-view .event-list-box:hover {
      box-shadow: 0 6px 20px rgba(0, 0, 0, .08)
}

.wrap-floor-plan .hall-wrapper .hall-plan .hall-item-wrapper .floor-base,
.wrap-list-view .pic img {
      width: 100%;
      display: block
}

.wrap-list-view .date-list {
      text-align: center
}

.wrap-list-view .btn-go {
      text-align: center;
      color: #df8557;
      padding: 0 20px;
      font-size: 25px
}

.event-list-head {
      align-items: center;
      padding: 0 0 10px;
      margin-bottom: 10px
}

.promo-wrap {
      display: flex;
      flex-wrap: wrap;
      gap: 24px
}

.promo-item {
      flex-basis: 33.333%;
      flex-grow: 1;
      flex-shrink: 1;
      min-width: 0;
      display: flex;
      flex-direction: column;
      position: relative;
      transition: .3s;
      top: 0
}

.promo-item.is-lg {
      max-width: 480px;
      flex-grow: 1.2
}

.promo-item.is-sm {
      max-width: 390px;
      flex-grow: 1
}

.promo-item .promo-img {
      flex: 1;
      overflow: hidden
}

.promo-item .promo-img img {
      height: 100%;
      display: block
}

.promo-item .text-title {
      display: -webkit-box;
      overflow: hidden;
      line-height: 1.4;
      height: calc(1.4em * 2)
}

.promo-item .inner {
      padding: 20px;
      background-color: #fff
}

.promo-item:hover i {
      color: #fff;
      filter: brightness(0) invert(1)
}

.d-flex-package {
      display: flex;
      align-items: center;
      gap: 20px
}

.d-flex-package .date,
.d-flex-package .wrapper-tag {
      margin: 0
}

.tab-getting {
      display: flex;
      flex-wrap: wrap;
      margin: 40px 0 80px;
      width: 100%;
      max-width: 1400px
}

.tab-getting a {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      flex: 1
}

.tab-getting a .tg-icon {
      width: 115px;
      height: 100px;
      align-items: center;
      justify-content: center;
      display: flex;
      filter: brightness(0) saturate(100%) invert(18%) brightness(18%)
}

.tab-getting a .tg-name {
      width: 100%;
      text-align: center;
      text-transform: uppercase
}

.tab-getting a.active .tg-icon {
      filter: none
}

.size-20 {
      font-size: 19px
}

.img-slide-tab {
      padding-right: 80px
}

.img-right-about {
      padding-left: 80px
}

.group-tab {
      margin-bottom: 20px;
      padding-bottom: 20px;
      border-bottom: 1px solid #cacaca
}

.group-tab h3 {
      font-size: 16px;
      text-transform: uppercase
}

.news-list .inner {
      padding: 15px;
      background-color: #fff;
      transition: .3s;
      width: 100%
}

.has-list li:before {
      content: "";
      flex: 0 0 7px;
      width: 7px;
      height: 7px;
      background-color: #df8557;
      border-radius: 0;
      display: block;
      margin-right: 10px;
      position: relative;
      top: 9px
}

.enter-googlemap {
      position: relative;
      display: flex;
      align-items: center
}

.enter-googlemap figure {
      margin-right: 5px
}

.enter-googlemap .search-eg {
      position: relative;
      flex: 1;
      padding-left: 20px
}

.enter-googlemap .search-eg .form-control {
      border: 1px solid #3b3b3b;
      height: 40px;
      border-radius: 5px;
      background-color: transparent;
      padding-right: 45px;
      font-family: Jost, sans-serif;
      font-weight: 300
}

.enter-googlemap .search-eg .btn-search-eg {
      position: absolute;
      right: 5px;
      top: 0;
      height: 40px;
      width: 40px;
      font-size: 22px;
      color: #df8557
}

.item-fac {
      width: 100%;
      height: 355px;
      position: relative;
      overflow: hidden;
      display: block
}

@media (max-width:991.98px) {
      .parallax-section.parallax-about {
            height: 500px
      }

      .wrap-list-view .list-view {
            margin: -20px
      }

      .wrap-list-view .list-view .event-list-box {
            grid-template-columns: 110px 1fr auto;
            grid-template-rows: auto auto;
            grid-template-areas: "pic date location" "pic event btn";
            column-gap: 0;
            row-gap: 0;
            align-items: center
      }

      .wrap-list-view .list-view .event-list-box .pic {
            grid-area: pic
      }

      .wrap-list-view .list-view .event-list-box .date-list {
            grid-area: date;
            white-space: nowrap;
            text-align: left;
            padding: 0 15px;
            border-bottom: 1px solid #c3c3c3;
            height: 33px
      }

      .wrap-list-view .list-view .event-list-box .date-list .size-30 {
            font-size: 20px
      }

      .wrap-list-view .list-view .event-list-box .location {
            grid-area: location;
            justify-self: end;
            white-space: nowrap;
            padding: 0 20px;
            border-bottom: 1px solid #c3c3c3;
            height: 33px
      }

      .wrap-list-view .list-view .event-list-box .event {
            grid-area: event;
            grid-column: 2/-1;
            min-width: 0;
            padding: 0 50px 0 15px
      }

      .wrap-list-view .list-view .event-list-box .btn-go {
            grid-area: btn;
            justify-self: end
      }

      .event-list-head,
      .img-slide-tab,
      .tab-getting a .tg-icon {
            display: none
      }

      .promo-wrap {
            flex-direction: column;
            justify-content: center;
            align-items: center
      }

      .promo-item {
            flex-basis: 100%
      }

      .promo-item .promo-img {
            flex: none
      }

      .promo-item .promo-img img {
            height: auto;
            width: 100%;
            object-fit: contain
      }

      .tab-getting a .tg-name {
            text-align: left;
            font-size: 16px
      }

      .tab-getting {
            flex-direction: column;
            max-width: 100%;
            margin: 24px 0 40px;
            border: 1px solid #222;
            border-radius: 10px;
            overflow: hidden;
            position: relative
      }

      .tab-getting a {
            flex-direction: row;
            justify-content: flex-start;
            gap: 7px;
            padding: 10px 16px;
            width: 100%;
            display: none
      }

      .tab-getting a.active,
      .tab-getting.open a {
            display: flex
      }

      .tab-getting .tg-icon {
            width: 32px;
            height: 32px
      }

      .tab-getting::after {
            content: '';
            position: absolute;
            right: 20px;
            top: 18px;
            width: 6px;
            height: 6px;
            border-right: 2px solid #000;
            border-bottom: 2px solid #000;
            transform: rotate(45deg);
            pointer-events: none
      }

      .img-right-about {
            padding: 0 20px
      }

      .item-fac {
            height: 250px
      }
}

.item-fac .cover {
      width: 100%;
      height: 100%;
      inset: 0;
      position: absolute;
      z-index: 3;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: linear-gradient(to left, transparent 0, rgba(0, 0, 0, .3) 70%);
      color: #fff;
      padding: 30px
}

.item-fac .cover h2 {
      font-size: 25px;
      text-transform: uppercase
}

.item-fac .cover .btn-go {
      width: 40px;
      height: 40px;
      flex: 0 0 40px;
      border-radius: 100%;
      border: 1px solid #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 25px;
      background: rgba(233, 233, 233, .05);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background-clip: padding-box
}

.item-fac img {
      width: 105%;
      height: 100%;
      object-fit: cover;
      transition: transform 6s
}

.item-fac:hover img {
      transform: translateX(-5%)
}

.box-stat {
      border-radius: 20px;
      background-color: #fff;
      text-align: center;
      height: 200px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center
}

.map-wrap .show-map-box,
.zoom-ui {
      background-color: #fff;
      border-radius: 5px
}

@media (max-width:991.98px) {
      .item-fac .cover h2 {
            font-size: 20px
      }

      .box-stat {
            height: 150px
      }
}

.box-stat .num-stat {
      font-size: 70px;
      margin-bottom: 10px
}

.box-attraction {
      position: relative;
      overflow: hidden;
      display: block;
      padding-bottom: 72px
}

.box-attraction .info-attraction {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      padding: 20px;
      background-color: #fff
}

.box-attraction .info-attraction h2 {
      display: -webkit-box;
      overflow: hidden
}

.box-attraction .info-attraction .desc {
      overflow: hidden;
      max-height: 0;
      margin-bottom: 0
}

.box-attraction:hover .info-attraction .desc {
      max-height: 1000px
}

.section-lr.swap .section-left {
      order: 1
}

.section-lr.swap .section-right {
      order: 2
}

.section-lr .section-left {
      width: 55%;
      padding-right: 40px
}

@media (max-width:991.98px) {
      .box-stat .num-stat {
            font-size: 40px
      }

      .box-stat .lab-stat {
            font-size: 16px
      }

      .section-lr .section-left {
            padding-right: 20px
      }
}

.section-lr .section-right {
      width: 45%;
      padding: 50px 0 50px 40px;
      display: flex;
      flex-direction: column
}

@media (max-width:991.98px) {
      .section-lr .section-right {
            padding: 50px 20px 40px
      }
}

#sticker,
.sticky-wrapper {
      width: 100% !important
}

.map-wrap {
      position: relative;
      width: 100%;
      overflow: hidden;
      margin-top: 50px;
      cursor: default
}

.map-wrap .map-pin-detail {
      position: absolute;
      top: 20px;
      right: 20px;
      background-color: #fff;
      padding: 30px;
      z-index: 4;
      width: 280px
}

.map-wrap .map-pin-detail .map-pd-row {
      display: flex;
      align-items: center;
      margin-bottom: 15px
}

.map-wrap .map-pin-detail .map-pd-row i {
      margin-right: 10px;
      display: flex;
      align-items: center;
      flex: 0 0 35px
}

.map-wrap .icon-pin {
      position: absolute;
      z-index: 3;
      top: 410px;
      left: 932px
}

.map-wrap .map-pin {
      width: 100%;
      max-width: 210px;
      position: absolute;
      z-index: 3;
      cursor: pointer
}

.map-wrap .map-pin .flex-map-pin {
      display: flex;
      position: relative;
      align-items: center
}

.map-wrap .map-pin .img-map-pin {
      flex: 0 0 56px;
      margin-right: 10px;
      top: 0;
      transition: .3s;
      position: relative
}

.map-wrap .map-pin .text-map-pin {
      font-size: 16px;
      text-transform: uppercase;
      line-height: 1.3
}

.map-wrap .map-pin.active,
.map-wrap .map-pin:hover {
      z-index: 4
}

.map-wrap .map-pin:hover .img-map-pin {
      top: -10px
}

.map-wrap .map-pin.ics {
      width: 253px
}

.map-wrap .map-pin.ics .img-map-pin {
      margin-left: 10px;
      margin-right: 0
}

.map-wrap .map-pin.ics .show-map-box {
      left: 204pxguiเgg
}

.map-wrap #map {
      position: relative;
      width: 1920px;
      height: 1486px;
      transform-origin: 0 0
}

.map-wrap #map .map-bg {
      width: 100%;
      height: 100%;
      display: block;
      user-select: none;
      pointer-events: none
}

.map-wrap .show-map-box {
      position: absolute;
      width: 374px;
      padding: 25px;
      z-index: 3;
      top: 0;
      left: 63px;
      opacity: 0;
      visibility: hidden;
      transition: .3s
}

.map-wrap .map-pin.position-b .show-map-box {
      bottom: 0;
      top: auto
}

.map-wrap .inner-list .inner-row {
      font-size: 16px;
      padding-left: 30px;
      position: relative;
      margin-bottom: 15px
}

.flex-popup .btn-detail,
.map-wrap .btn-detail {
      height: 42px
}

.map-wrap .btn-detail i {
      margin-left: 15px
}

@media (max-width:1600px) {
      .map-wrap {
            height: 1200px
      }
}

@media (max-width:1400px) {
      .map-wrap {
            height: 1000px
      }
}

@media (max-width:1300px) {
      .map-wrap {
            height: 800px
      }
}

@media (max-width:992px) {
      .map-wrap {
            height: 600px
      }
}

.zoom-ui {
      display: none;
      position: absolute;
      right: 16px;
      bottom: 16px;
      gap: 10px;
      z-index: 10;
      padding: 5px
}

.zoom-ui .zoom-nav {
      font-size: 20px;
      padding: 0 5px
}

.award-box {
      display: block;
      transition: .3s
}

.award-box .inner,
.award-box figure {
      padding: 15px
}

.award-box .inner .text-title {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      line-height: 1.4;
      min-height: calc(1.4em * 3);
      text-align: center
}

.cut-text-2-fixed,
.showcase-box .showcase-content .show-case-name {
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      line-height: 1.4;
      min-height: calc(1.4em * 2);
      overflow: hidden
}

.award-box .inner .detail {
      opacity: 0;
      visibility: hidden;
      text-align: center;
      margin-top: 5px;
      transition: .3s
}

.slide-award .swiper-pagination {
      position: absolute;
      z-index: 0
}

.cut-text-2-fixed {
      display: -webkit-box
}

.stat-sustain {
      margin: 0 -60px
}

.stat-sustain .col-4,
.stat-sustain .col-lg-4 {
      padding: 20px
}

.group-tab-sustain {
      border-bottom: 0;
      position: relative;
      padding-left: 80px
}

.group-tab-sustain h3 {
      text-transform: capitalize !important;
      font-size: 20px;
      margin-bottom: 15px !important
}

.group-tab-sustain i {
      width: 60px;
      height: 60px;
      border-radius: 100%;
      background-color: #e8e8e8;
      position: absolute;
      left: 0;
      top: 0;
      display: flex;
      align-items: center;
      justify-content: center
}

.slide-commitment .section-lr .section-right {
      padding-top: 0;
      display: flex;
      flex-direction: column;
      justify-content: center
}

.sustain-accordian {
      display: flex;
      gap: 10px;
      margin-top: 50px;
      padding: 0 10px
}

.sustain-accordian .accordian-tab {
      height: 660px;
      overflow: hidden;
      flex: 1;
      position: relative;
      display: flex;
      align-items: center;
      transition: .3s
}

.sustain-accordian .accordian-tab.active {
      flex: 3
}

.sustain-accordian .accordian-tab.active .sa-cover .text-title {
      font-size: 50px !important
}

.sustain-accordian .accordian-tab .sa-img,
.wrap-slide-destination .swiper-slide .img-inner {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      object-fit: cover;
      object-position: center center;
      z-index: 1;
      transform: translateZ(0);
      backface-visibility: hidden
}

.sustain-accordian .accordian-tab .sa-cover {
      color: #fff;
      position: relative;
      z-index: 3;
      padding-left: 10%;
      width: 70%
}

.sustain-accordian .accordian-tab .sa-cover .text-title {
      font-size: 30px;
      text-transform: uppercase;
      margin-bottom: 0
}

.sustain-accordian .accordian-tab .inner-sa {
      padding: 5px 0
}

.sustain-accordian .accordian-tab .inner-sa.medical .m-row {
      display: flex;
      justify-content: space-between;
      padding: 10px 15px;
      margin-bottom: 5px;
      background: rgba(255, 255, 255, .05);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background-clip: padding-box;
      overflow: hidden
}

.sustain-accordian .accordian-tab .inner-sa.currency .currency-bath {
      display: inline-flex;
      flex-direction: column;
      align-items: flex-end;
      padding: 20px
}

.sustain-accordian .accordian-tab .inner-sa.weather .weather-box {
      margin-top: 30px;
      display: inline-flex;
      padding: 20px
}

.sustain-accordian .accordian-tab .inner-sa.weather .w-time {
      margin-right: 10px;
      padding-right: 10px;
      border-right: 1px solid #fff
}

.sustain-accordian .accordian-tab .inner-sa.electrical .box-el-01 {
      display: inline-flex;
      flex-direction: column;
      padding: 20px;
      min-width: 223px
}

.sustain-accordian.preparation {
      margin-top: 0
}

.sustain-accordian.preparation .sa-cover {
      padding-left: 10%;
      padding-right: 10%;
      width: 100%
}

.box-blur {
      background: rgba(255, 255, 255, .05);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background-clip: padding-box;
      overflow: hidden
}

.btn-detail.btn-trans-b {
      background: rgba(255, 255, 255, .05);
      -webkit-backdrop-filter: blur(10px);
      backdrop-filter: blur(10px);
      background-clip: padding-box;
      color: #fff;
      border: 1px solid #fff
}

.gallery-grid {
      width: 100%;
      overflow: hidden;
      position: relative
}

.gallery-grid .grid-sizer {
      height: 0;
      width: 5%
}

.gallery-grid .grid-item {
      height: 377px;
      padding: 3px;
      width: 25%;
      position: relative;
      overflow: hidden;
      background: #eee;
      will-change: transform
}

.gallery-grid .grid-item a {
      display: block;
      width: 100%;
      height: 100%;
      overflow: hidden
}

.gallery-grid .big {
      height: 600px;
      width: 60%
}

.gallery-grid .small-wide {
      width: 40%;
      height: 300px
}

.gallery-grid .wide {
      width: 50%
}

.search-event {
      max-width: 500px
}

.search-event .form-control {
      height: 40px;
      border-radius: 5px
}

.select-my {
      width: 100%;
      max-width: 200px
}

.select-my .form-control {
      height: 40px;
      border: 1px solid #2a2a2a;
      border-radius: 5px;
      background-color: transparent;
      background-image: url(../images/calenda-box.png);
      background-position: center left 15px;
      background-repeat: no-repeat;
      padding-left: 40px
}

.flatpickr-current-month input.cur-year {
      font-size: 20px;
      padding: 5px 0 0;
      text-align: center
}

.flatpickr-calendar {
      font-size: inherit
}

.flatpickr-calendar.open {
      width: 390px
}

div.flatpickr-monthSelect-months {
      padding: 15px;
      display: flex;
      gap: 5px
}

div.flatpickr-monthSelect-months span {
      background-color: #e6e6e6;
      width: calc(33% - 4px);
      transition: .3s
}

.flatpickr-monthSelect-month.inRange.today,
.flatpickr-monthSelect-month.selected,
.flatpickr-monthSelect-month.startRange,
.flatpickr-monthSelect-month:focus,
.flatpickr-monthSelect-month:hover {
      background: #df8557;
      border-color: #df8557;
      color: #fff
}

.flatpickr-monthSelect-month.today {
      border-color: #df8557 !important
}

.page-per-showcase>[class*=" col-"],
.page-per-showcase>[class^=col-] {
      margin-bottom: 45px
}

.showcase-box .showcase-hover {
      display: flex;
      justify-content: center;
      position: absolute;
      width: 100%;
      top: 80px;
      z-index: 3;
      transition: .3s
}

.showcase-box .showcase-hover .card-inner {
      position: relative;
      transition: .3s
}

.showcase-box .showcase-hover .card-inner.card-center {
      z-index: 2;
      top: 0
}

.showcase-box .showcase-hover .card-inner.card-left,
.showcase-box .showcase-hover .card-inner.card-right {
      transform: rotate(0);
      z-index: 1;
      bottom: -15px
}

.showcase-box .showcase-img {
      position: relative;
      display: block;
      padding-top: 60px
}

.showcase-box .showcase-img .img-cover::before {
      width: 100%;
      height: 100%;
      content: "";
      background-color: #df8557;
      position: absolute;
      bottom: 0;
      left: 0;
      z-index: 1;
      opacity: 0;
      transition: .3s
}

.box-video i,
.showcase-box .showcase-img .img-cover .btn-detail {
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      position: absolute
}

.showcase-box .showcase-img .img-cover .btn-detail {
      font-size: 15px;
      background-color: #2a2a2a;
      color: #fff;
      z-index: 2;
      padding: 7px 25px;
      height: 40px;
      opacity: 0;
      transition: .3s
}

.showcase-box .showcase-img:hover .showcase-hover {
      top: 0
}

.showcase-box .showcase-img:hover .showcase-hover .card-inner.card-left {
      transform: rotate(-15deg)
}

.showcase-box .showcase-img:hover .showcase-hover .card-inner.card-right {
      transform: rotate(15deg)
}

.showcase-box .showcase-img:hover .img-cover::before {
      opacity: .5
}

.showcase-box .showcase-img .img-bg {
      position: absolute;
      z-index: 2;
      width: 100%;
      padding: 0 10px;
      top: 50px
}

.showcase-box .showcase-img .img-cover {
      position: relative;
      z-index: 4
}

.showcase-box .showcase-content {
      margin-top: 20px;
      padding: 0 10px
}

.showcase-box .showcase-content p {
      margin-bottom: 0;
      font-size: 16px
}

.showcase-box .showcase-content .show-case-name {
      font-size: 20px;
      display: -webkit-box;
      margin-bottom: 0
}

.box-video i {
      width: 80px
}

.wrap-slide-destination {
      padding: 0 10px
}

.wrap-slide-destination .swiper-slide {
      width: 70%
}

.wrap-slide-destination .swiper-slide .box-destination {
      width: 100%;
      position: relative;
      height: 665px;
      display: block;
      overflow: hidden
}

@media (max-width:991.98px) {
      .zoom-ui {
            display: flex
      }

      .award-box .inner .detail {
            opacity: 1;
            visibility: visible
      }

      .slide-award .swiper-pagination {
            position: static
      }

      .stat-sustain {
            margin: 0 -20px
      }

      .sustain-accordian {
            flex-direction: column;
            gap: 5px;
            padding: 0
      }

      .sustain-accordian .accordian-tab {
            padding-top: 30px;
            padding-bottom: 30px;
            height: auto;
            min-height: 100px
      }

      .sustain-accordian .accordian-tab.active {
            padding-top: 50px;
            padding-bottom: 50px
      }

      .gallery-page .container {
            padding: 0
      }

      .gallery-page .container h2 {
            padding: 0 20px
      }

      .gallery-grid .grid-item a {
            border-radius: 0
      }

      .select-my {
            max-width: 100%;
            margin-top: 10px
      }

      .showcase-box .showcase-hover {
            display: none
      }

      .showcase-box .showcase-img {
            padding-top: 15px
      }

      .showcase-box .showcase-img .img-bg {
            top: 0
      }

      .box-video i {
            width: 38px
      }

      .wrap-slide-destination .swiper-slide .box-destination {
            height: 440px
      }
}

.wrap-slide-destination .swiper-slide .box-destination .cover-des {
      height: 70px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      left: 0;
      z-index: 2;
      color: #fff;
      width: 100%;
      background: rgba(233, 233, 233, .05);
      bottom: 0;
      transform: translateY(100%);
      transition: transform .6s cubic-bezier(.22, 1, .36, 1)
}

.wrap-slide-destination .swiper-slide .box-destination .cover-des i {
      margin-left: 15px;
      font-size: 25px
}

.wrap-slide-destination .swiper-slide.swiper-slide-active .box-destination .cover-des {
      bottom: 0;
      transform: translateY(0)
}

.swiper-logo {
      margin: 50px 0
}

.swiper-logo .swiper-slide {
      width: 150px
}

.swiper-logo .swiper-slide .box-logo {
      width: 150px;
      height: 150px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 20px;
      background-color: #fff;
      border-radius: 100%;
      border: 1px solid #fff
}

.swiper-logo .swiper-slide .box-logo img {
      max-width: 100%
}

.wrap-floor-plan {
      display: flex;
      position: relative
}

.wrap-floor-plan .wrap-button {
      position: absolute;
      right: 20px;
      top: 20px
}

.wrap-floor-plan .sidebar-plan {
      width: 100px;
      flex: 0 0 100px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      background-color: #2a2a2a;
      padding: 30px 0 50px
}

@media (max-width:1320px) {
      .header .main-menu>li {
            margin-right: 10px
      }

      .g-custom-contact {
            --bs-gutter-x: 3rem;
            --bs-gutter-y: 3rem
      }

      .sustain-accordian .accordian-tab.active {
            flex: 4
      }

      .sustain-accordian .accordian-tab.active .sa-cover .text-title {
            font-size: 30px !important
      }

      .sustain-accordian .accordian-tab .sa-cover {
            width: 100%;
            padding-right: 40px
      }

      .sustain-accordian .accordian-tab .sa-cover .text-title {
            font-size: 20px
      }

      .wrap-floor-plan .sidebar-plan {
            width: 70px;
            flex: 0 0 70px
      }
}

.wrap-floor-plan .sidebar-plan .floor {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #fff;
      height: 150px;
      cursor: pointer
}

.wrap-floor-plan .hall-wrapper {
      height: calc(100dvh);
      max-width: 100%;
      overflow: hidden
}

@media (max-width:991.98px) {
      .swiper-logo .swiper-slide {
            width: 110px
      }

      .swiper-logo .swiper-slide .box-logo {
            width: 110px;
            height: 110px;
            padding: 5px
      }

      .wrap-floor-plan {
            flex-wrap: wrap
      }

      .wrap-floor-plan .sidebar-plan {
            width: 100%;
            flex: 1;
            flex-direction: row;
            padding: 0
      }

      .wrap-floor-plan .sidebar-plan .floor {
            flex: 1;
            height: auto;
            padding: 10px 0
      }

      .wrap-floor-plan .sidebar-plan .floor .num-floor {
            font-size: 20px
      }

      .wrap-floor-plan .sidebar-plan .floor .text-floor {
            font-size: 16px
      }

      .wrap-floor-plan .hall-wrapper {
            height: 70dvh
      }
}

@media (max-width:767.98px) {
      .modal-main .modal-content h2 {
            font-size: 20px
      }

      .accordion-main .accordian-button {
            padding: 20px 50px 20px 20px;
            min-height: auto
      }

      .filter-event-calendar {
            display: block;
            background: 0 0;
            padding-left: 0;
            padding-right: 0
      }

      .filter-event-calendar .filter-slide-m {
            padding: 10px;
            border-radius: 5px;
            background: #e9e9e9;
            margin-bottom: 15px
      }

      .filter-event-calendar .filter-select-y .custom-select {
            width: calc(50% - 26px) !important
      }

      .event-list {
            margin-top: 20px
      }

      .wrap-slide-custom .swiper-button-next,
      .wrap-slide-custom .swiper-button-prev {
            width: 15px;
            color: #fff;
            opacity: 1
      }

      .wrap-slide-custom.custom-hl .left-swiper {
            padding-left: 0
      }

      .feature-highlight,
      .section-lr {
            display: block
      }

      .feature-highlight .swiper-button-next,
      .feature-highlight .swiper-button-prev {
            top: 70%
      }

      .feature-highlight .left-swiper,
      .section-lr .section-right {
            width: 100%;
            padding: 0;
            margin-bottom: 20px
      }

      .feature-highlight .left-swiper h2,
      .section-lr .section-right h2 {
            margin-bottom: 30px
      }

      .feature-highlight .right-swiper {
            width: 100%;
            padding: 0
      }

      .parallax-section.virtual-home {
            height: 450px
      }

      .gallery-grid .small-wide,
      .item-fac {
            height: 150px
      }

      .section-lr .section-left {
            width: 100%;
            padding-right: 0;
            margin-bottom: 20px
      }

      .gallery-grid .grid-item {
            padding: 1px;
            height: 150px
      }

      .gallery-grid .big {
            height: 300px
      }

      .wrap-slide-destination .swiper-slide {
            width: 90%
      }

      .wrap-slide-destination .swiper-slide .box-destination {
            height: 350px
      }

      .wrap-floor-plan .hall-wrapper {
            height: 60dvh
      }
}

.wrap-floor-plan .hall-wrapper .hall-plan {
      min-height: 100%;
      padding: 0 40px;
      transition: transform .6s ease-in-out;
      position: relative
}

@media (max-width:1199.98px) {
      .boxmenu .main-menu-mobile>li.show-mobile {
            display: block
      }

      .header .header-right {
            margin-left: auto
      }

      .container {
            padding-left: 15px;
            padding-right: 15px
      }

      .form-contact {
            padding: 50px 25px
      }

      .modal-main .modal-content .close {
            right: 0;
            top: -50px
      }

      .map-wrap .map-pin-detail {
            display: none
      }

      .map-wrap .show-map-box {
            display: none;
            opacity: 1;
            visibility: visible
      }

      .wrap-floor-plan {
            min-height: auto
      }

      .wrap-floor-plan .hall-wrapper .hall-plan {
            padding: 0 20px
      }
}

.wrap-floor-plan .hall-wrapper .hall-plan .hall-item-wrapper {
      width: 100%;
      height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center
}

@media (max-width:991.98px) {
      .wrap-floor-plan .hall-wrapper .hall-plan {
            padding: 0
      }

      .wrap-floor-plan .hall-wrapper .hall-plan .hall-item-wrapper {
            height: 70vh
      }
}

@media (max-width:767.98px) {
      .wrap-floor-plan .hall-wrapper .hall-plan .hall-item-wrapper {
            height: 60vh
      }
}

@media (max-width:575.98px) {
      body {
            font-size: 16px
      }

      .boxmenu {
            width: 100%;
            left: -100%
      }

      .slideHero .swiper-slide,
      .slideHero.slideLanding-page .swiper-slide {
            min-height: 40dvh
      }

      .wrap-slide-option .pd-slide h2,
      .wrap-slide-option .slide-auto .font-h4 {
            font-size: 22px
      }

      .wrap-slide-custom .swiper-button-next,
      .wrap-slide-custom .swiper-button-prev {
            display: none
      }

      .box-stat {
            height: 130px
      }

      .wrap-floor-plan .hall-wrapper {
            height: 50dvh
      }

      .wrap-floor-plan .hall-wrapper .hall-plan .hall-item-wrapper {
            height: 50vh
      }
}

.wrap-floor-plan .hall-wrapper .hall-plan .hall-item-wrapper .hall-item {
      position: relative;
      max-width: 100%
}

.wrap-floor-plan .hall-wrapper .hall-plan .hall-item-wrapper .room {
      position: absolute;
      transition: transform .25s, box-shadow .25s
}

.wrap-floor-plan .tab-plan {
      width: 100%;
      max-width: 395px;
      padding-right: 20px;
      margin-top: 80px;
      flex: 0 0 395px
}

.wrap-floor-plan .tab-plan .box-tab-f-plan {
      border-radius: 5px;
      background-color: #f4f4f4;
      overflow: hidden;
      box-shadow: 0 6px 25px rgba(0, 0, 0, .06)
}

.wrap-floor-plan .tab-plan .box-tab-f-plan .tab-main a {
      flex: 1;
      display: flex;
      height: 70px;
      align-items: center;
      justify-content: center;
      background-color: #fff
}

.wrap-floor-plan .tab-plan .box-tab-f-plan .tab-main a.active {
      border-bottom: 1px solid #df8557
}

.wrap-floor-plan .detail-f-plan {
      padding: 20px 30px
}

.wrap-floor-plan .detail-f-plan .wrap-numofper {
      margin-top: 5px
}

.wrap-floor-plan .detail-f-plan .box-nop {
      background-color: #e4e4e4;
      padding: 10px;
      border-radius: 10px
}

.wrap-floor-plan .detail-f-plan .btn-detail {
      height: 40px;
      font-size: 16px
}

.wrap-floor-plan .box-second {
      background: #eff0f0;
      padding: 20px 30px;
      margin-top: 30px;
      font-size: 16px
}

.wrap-floor-plan .box-second .group-fp .lab {
      color: #616161
}

.hall-table {
      margin: 0;
      min-width: 1920px
}

.hall-table thead th {
      background: #d8d8d8;
      color: #4a4a4a;
      font-size: 14px
}

.hall-table tbody tr td {
      background-color: #fff;
      text-align: center;
      font-size: 16px
}

.hall-table tbody tr td.bd-top {
      border-top: 1px solid #c2c2c2
}

.hall-table tbody tr td:first-child {
      background-color: #e4e4e4;
      text-align: center
}

.hall-table tbody .row-group td {
      background-color: #e7ccbe
}

.hall-table td,
.hall-table th {
      padding: 15px 10px
}

.show-table {
      padding: 20px;
      background-color: #303131;
      display: flex;
      color: #fff;
      flex-direction: column;
      align-items: center;
      transition: .3s
}

.show-table .b-show-table {
      transform: rotate(0);
      padding: 15px
}

.show-table.active .b-show-table {
      transform: rotate(180deg)
}

.gallery-thumbs .swiper-slide {
      background-color: #000
}

.gallery-thumbs .swiper-slide img {
      opacity: .6
}

.infor-f {
      padding: 40px 0;
      background-color: #fff
}

.th-fac,
.wrap-box-f .box {
      background-color: #eaeaea
}

.infor-f .container {
      max-width: 1700px;
      width: 100%
}

.wrap-box-f {
      display: flex;
      margin: 0 -5px;
      flex-wrap: wrap
}

.wrap-box-f .box {
      padding: 15px 20px;
      border-radius: 10px;
      margin: 5px
}

.a-center {
      display: flex;
      align-items: center
}

.table-fac {
      border: 1px solid #2a2a2a
}

.table-fac li {
      border-bottom: 1px solid #2a2a2a;
      background-color: #fff;
      padding: 0 10px
}

.table-fac li .row {
      padding: 15px 0
}

.table-fac .btn-detail {
      text-transform: capitalize;
      height: 50px
}

.table-fac .btn-detail.disabled {
      cursor: default;
      background-color: #c4c4c4
}

.th-fac {
      font-size: 16px;
      padding: 7px 0
}

.meeting-list .container {
      width: 100%;
      max-width: 1800px
}

.meeting-list .container ul {
      display: flex;
      flex-wrap: wrap;
      background-color: #eaeaea;
      padding: 5px
}

@media (max-width:767.98px) {
      .meeting-list .container ul {
            display: none
      }
}

.meeting-list .container ul li {
      padding: 5px;
      flex: 0 0 14.285%
}

@media (max-width:1320px) {
      .meeting-list .container ul li {
            flex: 0 0 25%
      }
}

@media (max-width:991.98px) {
      .wrap-floor-plan .tab-plan {
            max-width: 100%;
            padding-right: 0;
            margin-top: 0;
            flex: 0 0 100%
      }

      .table-fac li {
            padding: 0 20px
      }

      .meeting-list .container ul li {
            flex: 0 0 33.333333%
      }
}

.meeting-list .container ul li a {
      display: flex;
      height: 44px;
      border-radius: 5px;
      background-color: #fff;
      align-items: center;
      justify-content: center;
      text-transform: uppercase
}

.flex-popup {
      display: flex;
      justify-content: space-between;
      font-size: 15px;
      align-items: center;
      flex-wrap: wrap
}

.flex-popup>div {
      margin-bottom: 5px
}

.flex-popup .btn-detail i {
      margin-left: 5px
}

.modal-share .modal-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 55px;
      padding: 0 30px;
      background-color: #fff
}

.modal-share .modal-header p {
      margin-bottom: 0;
      font-size: 20px;
      font-family: Jost, sans-serif
}

.modal-share .modal-header .btn-close-custom {
      color: #df8557;
      font-size: 25px
}

.modal-share .modal-body {
      padding: 50px 0;
      background-color: #f2f5f5
}

.modal-share .modal-content {
      border-radius: 5px;
      border: 0;
      overflow: hidden
}