@charset "UTF-8";
.header {
  background-color: #fcf6e8;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  pointer-events: auto;
}

.header.sticky {
  position: fixed;
  z-index: 9999;
  animation: fade-down 0.5s ease;
  background-color: rgba(244, 233, 189, 0.6);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.header__menu {
  display: none;
}

.header__left {
  display: block;
  position: absolute;
  left: 0;
}

.menu-button {
  background-color: transparent;
  padding: 1rem;
  border: 0;
}

.menu-button:hover .menu-icon .line, .menu-button:focus .menu-icon .line {
  width: 5rem;
  transition: all 0.5s ease;
}

.menu-button .menu-icon {
  display: block;
  position: relative;
  width: 5rem;
  height: 2rem;
  cursor: pointer;
  z-index: 999;
}

.menu-button .menu-icon .line {
  display: block;
  background-color: #1a3a05;
  width: 3rem;
  height: 0.2rem;
  border-radius: 0.5rem;
  position: absolute;
  top: 50%;
  right: 0;
}

.menu-button .menu-icon .line:first-child {
  top: 0;
  width: 5rem;
}

.menu-button .menu-icon .line:last-child {
  top: 100%;
  width: 5rem;
}

.open-menu .bg_overlay {
  transition: all 0.2s ease;
  display: block;
  z-index: 99;
}

.open-menu .canvas-push {
  display: -ms-flexbox;
  display: flex;
  left: 0;
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
  transition: all 0.3s ease;
}

.open-menu .menu-button .menu-icon .line {
  transition: all 0.3s ease;
  opacity: 0;
}

.open-menu .menu-button .menu-icon .line:first-child, .open-menu .menu-button .menu-icon .line:last-child {
  opacity: 1;
  width: 3rem;
  right: 20%;
  top: 1rem;
}

.open-menu .menu-button .menu-icon .line:first-child {
  -ms-transform: skewY(45deg);
      transform: skewY(45deg);
}

.open-menu .menu-button .menu-icon .line:last-child {
  -ms-transform: skewY(-45deg);
      transform: skewY(-45deg);
}

.canvas-push {
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  position: fixed;
  width: 80vw;
  left: -100%;
  top: 0;
  z-index: 100;
  background-color: #1a3a05;
  -ms-transform: translate(-100%, 0);
      transform: translate(-100%, 0);
  padding: 3rem;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 3rem;
  -ms-flex-align: center;
      align-items: center;
}

.canvas-push__content {
  width: 100%;
}

.canvas-push__content .menu {
  gap: 2rem;
}

.canvas-push__content .menu a {
  font-size: 1.8rem;
  font-weight: 400;
  text-transform: uppercase;
}

.canvas-push a,
.canvas-push p,
.canvas-push h4 {
  color: #f4e9bd;
}

@media (min-width: 1024px) {
  .header__logo {
    max-width: 15rem;
  }
  .header__menu {
    display: block;
    -ms-flex: 0 0 43%;
        flex: 0 0 43%;
    max-width: 43%;
  }
  .header__menu .menu {
    gap: 3rem;
  }
  .header__menu .menu a {
    color: #1a3a05;
    font-size: 1.4rem;
    font-weight: 400;
    text-transform: uppercase;
  }
  .header__right--language {
    display: block;
  }
  .header__right--cta {
    display: block;
  }
}

.footer {
  background-color: #1a3a05;
  color: #f4e9bd;
}

.footer .footer__title {
  color: #f4e9bd;
  font-size: 1.8rem;
  letter-spacing: 1.5px;
  font-weight: 300;
}

.footer ul li {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}

.footer p,
.footer span,
.footer a {
  display: block;
  font-weight: 300;
  color: #f4e9bd;
  margin-bottom: 1rem;
}

/* Text meant only for screen readers. */
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex='-1']:focus {
  outline: 0;
}

.is-inview .ani img {
  animation-name: clipPath;
  animation-duration: 1.2s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  clip-path: circle(0% at 100% 0%);
  transition: all 0.5s ease-in-out;
}

.heading {
  font-family: "Neulis Sans", sans-serif;
}

.text-justify {
  text-align: justify;
}

.gsap-clip-path {
  clip-path: circle(0 at 100% 0);
}

.gsap-clip-path.gsap-animated {
  animation: clipPath 1.2s 0.5s forwards ease-in-out;
}

.img-ani {
  animation-name: clipPath;
  animation-duration: 1.2s;
  animation-delay: 0.5s;
  animation-fill-mode: forwards;
  clip-path: circle(0 at 100% 0);
  transition: all 0.5s ease-in-out;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

.clear {
  clear: both;
}

div:where(.swal2-container) div:where(.swal2-popup) {
  font-size: 1.4rem !important;
}

div:where(.swal2-container) .swal2-modal .swal2-html-container {
  font-size: inherit;
}

.bg_overlay {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1000;
  background-color: #000000;
  opacity: 0.8;
}

.bg_overlay.show {
  display: block;
}

.bg_white_2 {
  background-color: #fcf6e8;
}

.bg_white {
  background-color: #ffffff;
}

.bg_white_3 {
  background-color: #fffaee;
}

.bg_yellow-light {
  background-color: #f4e9bd;
}

.bg_green {
  background-color: #1a3a05;
}

/* For the title specifically */
.swal2-popup {
  font-family: "Neulis Sans", sans-serif;
  font-weight: 300;
  letter-spacing: 1.5px;
  font-size: 1.4rem;
  text-transform: uppercase;
  background: #fcf6e8;
  color: #1a3a05;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  border: 1px solid #1a3a05;
  padding: 2rem;
}

.swal2-popup:before {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #1a3a05;
  margin: 1rem;
}

.contact-popup .swal2-html-container {
  font-weight: 300;
  letter-spacing: 1.5px;
}

.contact-popup .swal2-success {
  color: #1a3a05;
}

.contact-popup .swal2-success .swal2-success-ring {
  border: 1px solid #1a3a05;
}

.contact-popup .swal2-success [class^='swal2-success-line'] {
  background-color: #1a3a05;
}

.contact-popup .swal2-title {
  font-family: "Neulis Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 1.5px;
  font-size: 2.4rem;
  text-transform: uppercase;
}

.contact-popup .swal2-confirm.swal2-styled {
  background-color: #a0873c;
  color: #ffffff;
  letter-spacing: 1.5px;
  min-width: 15rem;
  border-radius: 0;
  color: #ffffff;
}

.list-style-none {
  list-style: none;
}

.list-style-circle .item {
  padding-left: 1rem;
}

.list-style-circle .item a {
  color: #000000;
  text-decoration: none;
}

.list-style-circle .item a:hover {
  text-decoration: underline;
}

.list-style-circle .item::before {
  content: '•';
  color: #000000;
  font-weight: bold;
  display: inline-block;
  margin-right: 0.5rem;
}

.countdown__timer {
  border-right: 1px solid #f4e9bd;
  padding-right: 1.5rem;
  margin-right: 1.5rem;
}

.countdown__timer span {
  display: block;
  text-transform: uppercase;
  font-weight: 200;
  letter-spacing: 1.5px;
}

.countdown__timer span:last-child {
  padding-top: 1rem;
  letter-spacing: 1.5px;
  font-size: 1.2rem;
}

.countdown__timer:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}

.font-light {
  font-family: 'Fraunces', serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: italic;
  font-variation-settings: 'SOFT' 0, 'WONK' 0;
}

.section-subtitle {
  font-weight: 200;
  font-size: 1.4rem;
  letter-spacing: 1.5px;
}

.section-title {
  font-size: 2.2rem;
  letter-spacing: 1.5px;
  line-height: 1.3;
  color: #1a3a05;
  font-weight: 400;
}

.lang-item img {
  width: 2.5rem;
  height: 2.5rem;
}

.lang-item.lang-item-first::after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 2rem;
  margin-right: 1.2rem;
  margin-left: 1.2rem;
  background-color: #1a3a05;
}

.lang-item.current-lang a::after, .lang-item:hover a::after, .lang-item:focus a::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  border: 2px solid #1a3a05;
  border-radius: 50%;
}

.lang-item a {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  background-color: transparent;
}

.desc {
  font-weight: 300;
}

.line {
  display: block;
  width: 9.5rem;
  height: 0.5rem;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.line__green {
  background-image: url(../image/bg_hr_2.svg);
}

.line__yellow {
  background-image: url(../image/bg_hr_1.svg);
}

.line-highlight {
  display: block;
  width: 19rem;
  height: 2rem;
  margin: 0 auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(../image/pattern_hr.svg);
}

.icon a {
  display: block;
  width: 3rem;
  height: 2rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
}

.icon__arrow-right {
  display: block;
  width: 3rem;
  height: 1rem;
  background-image: url(../image/right-arrow.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
}

.icon__facebook a {
  background-image: url(../image/icon_facebook.svg);
}

.icon__instagram a {
  background-image: url(../image/icon_insta.svg);
}

.icon__zalo a {
  background-image: url(../image/icon_zalo.svg);
}

.icon__youtube a {
  background-image: url(../image/icon_youtube.svg);
}

.icon__tiktok a {
  background-image: url(../image/icon_tiktok.svg);
}

.icon__linkedin a {
  background-image: url(../image/icon_in.svg);
}

.booking-bottom {
  left: 0;
  right: 0;
  z-index: 99;
}

.booking-bottom .btn-booking-bottom {
  width: 100%;
}

.customer-service {
  z-index: 100;
  right: 2%;
  bottom: 10%;
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}

.customer-service a,
.customer-service button {
  display: block;
  width: 4rem;
  height: 4rem;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 0;
}

.customer-service__zalo a {
  background-image: url(../image/zalo_icon.svg);
}

.customer-service__messenger a {
  background-image: url(../image/messenger_icon.svg);
}

.customer-service__phone a {
  background-image: url(../image/phone_icon.svg);
}

.customer-service__top button {
  background-image: url(../image/backtoptop_icon.svg);
  background-color: transparent;
  visibility: hidden;
}

.customer-service__top button.show {
  visibility: visible;
  transition: all 0.3s ease-in;
}

.promotion-popup__wrap {
  max-width: 75rem;
  position: relative;
  overflow: hidden;
}

.promotion-popup__wrap .modal-content {
  background-color: transparent;
}

.promotion-popup button {
  background-color: transparent;
}

.promotion-popup .close {
  background-color: transparent;
  position: absolute;
  right: 2rem;
  top: 2rem;
}

.promotion-popup .close:hover, .promotion-popup .close:focus {
  outline: none;
}

[data-split-text] {
  opacity: 0;
}

[data-split-text].gsap-animated {
  opacity: 1;
}

.split-line {
  overflow: hidden;
}

.gsap-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.gsap-slider__track {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  will-change: transform;
  width: 100%;
}

.gsap-slider__slide {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
  position: relative;
}

.gsap-slider .gsap-dots {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  list-style: none;
  padding: 0;
  margin: 2rem 0 0;
}

.gsap-slider .gsap-dots li {
  margin: 0 0.5rem;
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  background: rgba(26, 58, 5, 0.3);
  border-radius: 50%;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}

.gsap-slider .gsap-dots li.active {
  background: rgba(26, 58, 5, 0.1);
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}

.gsap-slider .gsap-dots li .progress {
  display: block;
  height: 100%;
  background-color: #1a3a05;
  width: 0%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.gsap-slider .gsap-dots li span:not(.progress) {
  display: none;
}

.gsap-slider .slick-prev,
.gsap-slider .slick-next {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  z-index: 10;
  background: rgba(255, 255, 255, 0.5);
  border: none;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  cursor: pointer;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  transition: background 0.3s ease;
}

.gsap-slider .slick-prev:hover,
.gsap-slider .slick-next:hover {
  background: rgba(255, 255, 255, 0.8);
}

.gsap-slider .slick-prev .icon,
.gsap-slider .slick-next .icon {
  font-size: 0;
}

.gsap-slider .slick-prev .icon::before,
.gsap-slider .slick-next .icon::before {
  content: '';
  display: block;
  width: 1rem;
  height: 1rem;
  border-top: 2px solid #1a3a05;
  border-right: 2px solid #1a3a05;
}

.gsap-slider .slick-prev {
  left: 1rem;
}

.gsap-slider .slick-prev .icon::before {
  -ms-transform: rotate(-135deg);
      transform: rotate(-135deg);
}

.gsap-slider .slick-next {
  right: 1rem;
}

.gsap-slider .slick-next .icon::before {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

.breadcrumb {
  padding: 1.5rem 0;
  background-color: #ffffff;
}

.breadcrumb .separator {
  margin: 0 0.5rem;
}

.breadcrumb p {
  margin: 0;
}

.breadcrumb a {
  color: #1a3a05;
  font-weight: 400;
  text-decoration: none;
}

.grid {
  display: -ms-grid;
  display: grid;
}

.grid__cols-5 {
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: (1fr)[3];
      grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
}

.grid__cols-5 .item-1 {
  grid-area: 1 / 1 / 2 / 3;
}

.grid__cols-5 .item-2 {
  grid-area: 2 / 1 / 3 / 2;
}

.grid__cols-5 .item-3 {
  grid-area: 2 / 2 / 3 / 3;
}

.grid__cols-5 .item-4 {
  grid-area: 3 / 1 / 4 / 2;
}

.grid__cols-5 .item-5 {
  grid-area: 3 / 2 / 4 / 3;
}

.grid__cols-5 .gallery-item {
  position: relative;
  width: 100%;
  height: 100%;
}

.grid__cols-5 .gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.grid__cols-5 .image-more-count {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  color: #ffffff;
  font-size: 3.5rem;
  font-weight: 500;
  pointer-events: none;
}

@media (min-width: 1024px) {
  .mw-50 {
    max-width: 50%;
  }
  .mw-60 {
    max-width: 60%;
  }
  .mw-65 {
    max-width: 65%;
  }
  .mw-70 {
    max-width: 70%;
  }
  .mw-80 {
    max-width: 80%;
  }
  .mw-90 {
    max-width: 90%;
  }
  .section-subtitle {
    font-size: 1.8rem;
    letter-spacing: 5px;
  }
  .section-title {
    color: #1a3a05;
    font-weight: 400;
  }
  .section-title__large {
    font-size: 4.4rem;
    color: #1a3a05;
    font-weight: 400;
  }
  .countdown__timer {
    padding-right: 4.5rem;
    margin-right: 4.5rem;
  }
  .countdown__timer span:last-child {
    font-size: 1.6rem;
  }
  .lang-item:hover a::after, .lang-item:focus a::after {
    animation: dash_offset 0.2s ease-in;
  }
  .lang-item a {
    display: inline-block;
    position: relative;
    background-color: transparent;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #1a3a05;
  }
  .reservations-modal .modal-header {
    padding: 2rem;
    font-size: 3.3rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
  }
  .reservations-modal .modal-header .close {
    padding: 0;
    border: 2px solid #000000;
    position: absolute;
    right: -2rem;
    top: -2rem;
    background-color: #ffffff;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    cursor: pointer;
  }
  .reservations-modal .modal-header .close span {
    font-size: 3.3rem;
    color: #000000;
    font-weight: 300;
    line-height: 4rem;
  }
  .reservations-modal .modal-dialog {
    max-width: 1300px;
  }
  .grid__cols-5 {
    -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: (1fr)[2];
        grid-template-rows: repeat(2, 1fr);
  }
  .grid__cols-5 .item-1 {
    grid-area: 1 / 1 / 3 / 3;
  }
  .grid__cols-5 .item-2 {
    grid-area: 1 / 3 / 2 / 4;
  }
  .grid__cols-5 .item-3 {
    grid-area: 1 / 4 / 2 / 5;
  }
  .grid__cols-5 .item-4 {
    grid-area: 2 / 3 / 3 / 4;
  }
  .grid__cols-5 .item-5 {
    grid-area: 2 / 4 / 3 / 5;
  }
}

.slick-slider .slick-slide > div {
  height: 100%;
}

.slick-slider .slick-list {
  margin: 0 -10px;
  /* Negative margin to offset padding on slides */
}

.slick-slider .slick-slide > div {
  padding: 0 10px;
  /* Add padding to the content inside each slide */
}

.slick-slider .slick-dots {
  padding-left: 0;
  margin-bottom: 0;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-pack: center;
      justify-content: center;
}

.slick-slider .slick-dots li {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #1a3a05;
  font-size: 0;
  transition: all 0.5s ease;
  border-radius: 0.5rem;
}

.slick-slider .slick-dots li button {
  font-size: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

.slick-slider .slick-dots li button::before {
  display: none;
}

.slick-slider .slick-dots li.slick-active {
  background-color: #1a3a05;
  width: 5.5rem;
  border-radius: 1rem;
}

.slick-arrow {
  position: absolute;
  top: 40%;
  z-index: 100;
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
  display: -ms-flexbox;
  display: flex;
  height: 5rem;
  width: 5rem;
  font-size: 0;
  border-radius: 100%;
  text-align: center;
  border: 0;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  opacity: 0.3;
}

.slick-arrow:hover, .slick-arrow:focus {
  opacity: 1;
}

.slick-arrow .icon {
  width: 5rem;
  height: 5rem;
  font-size: 0;
  background-image: url(../image/backtoptop_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.slick-arrow.slick-prev {
  left: 1rem;
  -ms-transform: rotate(270deg);
      transform: rotate(270deg);
}

.slick-arrow.slick-next {
  right: 1rem;
}

.slick-arrow.slick-disabled {
  visibility: hidden;
}

.page-loader {
  position: fixed;
  z-index: 1000;
  background-color: #1a3a05;
  width: 100vw;
  height: 100vh;
}

.page-loader__contain {
  position: absolute;
  width: 14.7rem;
  height: 12.1rem;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  z-index: 1001;
}

.page-loader svg {
  width: 14.7rem;
  height: 12.1rem;
  stroke: #f4e9bd;
  fill: transparent;
  stroke-width: 0.5;
}

.smooth-wrapper {
  padding-top: 8rem;
}

.banner-slide {
  height: 38vh;
  position: relative;
  overflow: hidden;
}

.banner-slide video {
  height: 38vh;
  width: 100vw;
  object-fit: cover;
  object-position: center;
}

.banner-slide__item img {
  height: 38vh;
  object-fit: cover;
  object-position: center;
}

.banner-slide .slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3rem;
  z-index: 10;
}

.banner-slide .slick-dots li {
  position: relative;
  width: 5.5rem;
  height: 4px;
  margin: 0 5px;
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.3) !important;
  overflow: hidden;
}

.banner-slide .slick-dots li button {
  display: none;
  width: 100%;
  height: 100%;
  padding: 0;
}

.banner-slide .slick-dots li .progress {
  display: block;
  height: 100%;
  background-color: #fff;
  width: 0%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.banner-slide .slick-dots li.slick-active .progress {
  width: 0%;
  animation: progress-bar linear forwards;
  animation-duration: 5s;
}

.about-us__description {
  color: #1a3a05;
  font-weight: 300;
}

.about-us__video {
  width: 100%;
  height: 50vh;
  margin: 0 auto;
}

.about-us__video .vjs-poster {
  border-radius: 1rem !important;
}

.about-us__video .vjs-tech {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 1rem !important;
  object-fit: cover;
  object-position: center center;
  border: 0;
}

.services__title {
  font-size: 2.2rem;
  line-height: 1.5;
  color: #1a3a05;
  font-weight: 400;
}

.services__title a {
  color: inherit;
}

.services .slick-slide {
  width: 80vw;
}

.services__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.gallery-wrapper {
  overflow: hidden;
}

.gallery-marquee {
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -ms-flex-flow: row;
      flex-flow: row;
  width: auto;
  will-change: transform;
  visibility: visible;
  position: relative;
}

.gallery-grid {
  display: -ms-flexbox;
  display: flex;
  min-width: 100vw;
  height: 40vh;
  gap: 1rem;
  -ms-flex-align: center;
      align-items: center;
}

.gallery-col {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.gallery-col__1, .gallery-col__2 {
  margin-bottom: 0;
  height: 100%;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.gallery-col__1 {
  width: 50%;
}

.gallery-col__2 {
  width: 50%;
}

.gallery-col .img-lg,
.gallery-col .img-md {
  height: 100%;
}

.gallery-col .img-sm {
  height: calc(60% - 5px);
}

.gallery-col .img-xs {
  height: calc(40% - 5px);
}

.gallery-item {
  position: relative;
  overflow: hidden;
  border-radius: 1rem !important;
}

.gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.gallery-item:hover img {
  -ms-transform: scale(1.05);
      transform: scale(1.05);
}

.testimonial__item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 1rem;
  padding: 2rem;
  color: #1a3a05;
  text-align: center;
}

.testimonial__content {
  font-weight: 300;
  font-style: italic;
}

.testimonial__content::after {
  content: '';
  display: block;
  height: 4rem;
  background-color: #1a3a05;
  width: 1px;
  margin: 0 auto;
}

.testimonial__name {
  font-weight: 300;
}

.testimonial .slick-dots {
  margin-top: 2rem;
}

.faqs__item {
  padding: 1rem 0;
  border-bottom: 1px solid #1a3a05;
}

.faqs__title {
  font-size: 1.4rem;
  color: #1a3a05;
  cursor: pointer;
  font-weight: 400;
  position: relative;
  padding-right: 2rem;
  transition: all 0.3s ease;
}

.faqs__title::after {
  content: '+';
  position: absolute;
  right: 0;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  font-weight: 300;
  font-size: 3.5rem;
}

.active .faqs__title::after {
  content: '-';
}

.faqs__answer {
  display: none;
  padding-top: 1rem;
  font-weight: 300;
  color: #1a3a05;
  line-height: 1.5;
}

.archive__post {
  background-color: #f4e9bd;
  height: 100%;
}

.archive__post .wp-post-image {
  height: 25rem;
  background-color: #1a3a05;
  object-fit: cover;
  object-position: center;
}

.archive__post .entry-title,
.archive__post .entry-meta,
.archive__post a {
  color: #1a3a05;
}

.format-standard h2,
.format-standard h3,
.format-standard h4,
.format-manual h2,
.format-manual h3,
.format-manual h4 {
  font-size: 2.2rem;
  line-height: 1.4;
}

.format-standard p,
.format-standard span,
.format-standard li,
.format-standard a,
.format-standard .wp-block-table td,
.format-manual p,
.format-manual span,
.format-manual li,
.format-manual a,
.format-manual .wp-block-table td {
  font-size: 1.8rem;
  line-height: 1.4;
  color: #1a3a05;
}

.format-standard figure,
.format-manual figure {
  margin: 3rem 0;
}

.format-standard figure img,
.format-manual figure img {
  margin: 1rem auto;
}

.format-standard figure figcaption,
.format-manual figure figcaption {
  text-align: center;
  font-style: italic;
}

.format-standard .wp-block-quote,
.format-manual .wp-block-quote {
  padding: 2.5rem;
  background-color: #f4e9bd;
  border-radius: 1rem;
  font-size: 2.2rem;
  line-height: 1.5;
  color: #1a3a05;
  font-weight: 300;
  position: relative;
}

.format-standard .wp-block-quote p,
.format-manual .wp-block-quote p {
  max-width: 100%;
  font-weight: 400;
  font-style: italic;
}

.format-standard .wp-block-quote::before, .format-standard .wp-block-quote::after,
.format-manual .wp-block-quote::before,
.format-manual .wp-block-quote::after {
  display: block;
  text-align: center;
  font-size: 3.5rem;
  color: #1a3a05;
  opacity: 0.5;
}

.format-standard .wp-block-quote::before,
.format-manual .wp-block-quote::before {
  content: '❝';
}

.format-standard .wp-block-quote::after,
.format-manual .wp-block-quote::after {
  content: '❞';
}

.format-standard .wp-block-heading,
.format-manual .wp-block-heading {
  font-size: 2.2rem;
  margin: 2rem 0;
}

.format-standard .wp-block-heading,
.format-standard p,
.format-standard ul,
.format-manual .wp-block-heading,
.format-manual p,
.format-manual ul {
  text-align: justify;
}

.format-standard .wp-block-woocommerce-single-product .wp-block-columns,
.format-manual .wp-block-woocommerce-single-product .wp-block-columns {
  background-color: #f4e9bd;
  padding: 1rem;
  border-radius: 1rem;
}

.format-standard .wp-block-woocommerce-single-product .wp-block-post-title,
.format-manual .wp-block-woocommerce-single-product .wp-block-post-title {
  font-size: 2.2rem;
  line-height: 1.3;
  max-width: 100%;
}

.format-standard .wp-block-woocommerce-single-product .wp-block-post-title a,
.format-manual .wp-block-woocommerce-single-product .wp-block-post-title a {
  color: #000000;
  display: block;
  font-size: inherit;
}

.format-standard .wp-block-woocommerce-single-product .wp-block-post-title a:hover, .format-standard .wp-block-woocommerce-single-product .wp-block-post-title a:focus,
.format-manual .wp-block-woocommerce-single-product .wp-block-post-title a:hover,
.format-manual .wp-block-woocommerce-single-product .wp-block-post-title a:focus {
  color: #a61d43;
}

.format-standard .wp-block-woocommerce-single-product .wc-block-components-product-image,
.format-manual .wp-block-woocommerce-single-product .wc-block-components-product-image {
  margin: 0;
  border-radius: 1rem;
}

.format-standard .wp-block-woocommerce-single-product .wp-block-woocommerce-product-button,
.format-manual .wp-block-woocommerce-single-product .wp-block-woocommerce-product-button {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

.format-standard .wp-block-woocommerce-single-product .wp-block-woocommerce-product-button .wc-block-components-product-button__button,
.format-manual .wp-block-woocommerce-single-product .wp-block-woocommerce-product-button .wc-block-components-product-button__button {
  background: linear-gradient(180deg, #ef3006 0%, #ad0830 100%);
  color: #ffffff;
  border: 1px solid transparent;
}

.format-standard .wp-block-woocommerce-single-product del,
.format-manual .wp-block-woocommerce-single-product del {
  color: #cccccc;
}

.format-standard .wp-block-woocommerce-single-product ins,
.format-manual .wp-block-woocommerce-single-product ins {
  margin-left: 1.5rem;
  font-weight: bold;
}

.format-standard .wp-post-image,
.format-standard img,
.format-manual .wp-post-image,
.format-manual img {
  border-radius: 1rem;
  margin: 1.5rem auto;
}

.hero-banner {
  background-color: #1a3a05;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 35vh;
  position: relative;
  overflow: hidden;
}

.hero-banner::before {
  content: '';
  display: block;
  position: absolute;
  background-color: #000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.2;
  z-index: 1;
}

.hero-banner__slider .banner-image {
  margin: 0 auto;
}

.hero-banner__subtitle {
  font-size: 1.8rem;
  color: #ffffff;
  margin-bottom: 1rem;
  position: relative;
  z-index: 2;
}

.hero-banner__title {
  font-size: 2.2rem;
  color: #ffffff;
  font-weight: 700;
  position: relative;
  z-index: 2;
}

.hero-banner .entry-meta {
  margin-top: 1rem;
  color: #ffffff;
  position: relative;
  z-index: 2;
}

.hero-banner .entry-meta a {
  color: #ffffff;
}

.hall-info .text {
  font-weight: 400;
}

.hall-info .icon {
  display: block;
  width: 10rem;
  height: 10rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.hall-info .icon__circle {
  background-image: url("../image/layout_circle.svg");
}

.hall-info .icon__standing {
  background-image: url("../image/layout_standing.svg");
}

.hall-info .icon__theater {
  background-image: url("../image/layout_theater.svg");
}

.hall-info .icon__u-shape {
  background-image: url("../image/layout_shape_U.svg");
}

.hall-info .icon__classroom {
  background-image: url("../image/layout_classroom.svg");
}

.rank-math-block .rank-math-list-item {
  margin: 1rem 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid #1a3a05;
}

.rank-math-block .rank-math-list-item.active .rank-math-question::after {
  content: '\2212';
}

.rank-math-block .rank-math-question {
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 400;
  position: relative;
  padding-right: 2rem;
}

.rank-math-block .rank-math-question::after {
  content: '\002B';
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 300;
  font-size: 2rem;
  line-height: 1;
  color: #1a3a05;
}

.rank-math-block .rank-math-answer {
  background-color: #fcf6e8;
  color: #1a3a05;
  padding: 1rem 1.5rem;
  margin-bottom: 1.5rem;
  border-radius: 1rem !important;
}

.sub-page__image img {
  aspect-ratio: 4/3;
  object-fit: cover;
  object-position: center;
}

@media (min-width: 1024px) {
  .smooth-wrapper {
    padding-top: 8.5rem;
  }
  .banner-slide {
    height: calc(100vh - 8.5rem);
  }
  .banner-slide video {
    height: calc(100vh - 8.5rem);
  }
  .banner-slide__item img {
    height: calc(100vh - 8.5rem);
  }
  .about-us__video {
    height: 80vh;
  }
  .services .slick-slide {
    width: 100%;
  }
  .gallery-grid {
    -ms-flex: 0 0 90%;
        flex: 0 0 90%;
    height: 65vh;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin-bottom: 0px;
    -ms-flex-align: center;
        align-items: center;
    gap: 5rem;
  }
  .gallery-marquee {
    gap: 5rem;
    width: auto;
  }
  .gallery-col {
    gap: 2.5rem;
  }
  .gallery-col__1, .gallery-col__2, .gallery-col__3, .gallery-col__4 {
    margin-bottom: 0;
    height: 100%;
    -ms-flex-pack: justify;
        justify-content: space-between;
  }
  .gallery-col__1, .gallery-col__5 {
    width: 22%;
    height: 43vh;
  }
  .gallery-col__2, .gallery-col__4 {
    width: 18%;
  }
  .gallery-col__3 {
    width: 40%;
  }
  .hero-banner {
    height: 40vh;
  }
  .hero-banner__title {
    font-size: 3.6rem;
    margin: 0 auto;
    max-width: 70%;
  }
  .format-standard .wp-block-heading,
  .format-standard .wp-block-quote,
  .format-standard .wp-block-table,
  .format-standard p,
  .format-standard ul,
  .format-manual .wp-block-heading,
  .format-manual .wp-block-quote,
  .format-manual .wp-block-table,
  .format-manual p,
  .format-manual ul {
    text-align: justify;
    max-width: 80rem;
    margin: 3.5rem auto;
  }
  .format-standard .post-thumbnail,
  .format-manual .post-thumbnail {
    max-width: 102.4rem;
    margin: 0 auto;
  }
  .format-standard .wp-block-heading,
  .format-manual .wp-block-heading {
    font-size: 2.8rem;
  }
}

.needs-validation.was-validated .form-group {
  position: relative;
}

.needs-validation.was-validated .form-control:invalid ~ .invalid-feedback,
.needs-validation.was-validated .form-select:invalid ~ .invalid-feedback,
.needs-validation.was-validated .form-check-input:invalid ~ .invalid-feedback {
  position: absolute;
  bottom: -2rem;
  display: block;
  color: #a61d43;
}

.needs-validation .invalid-feedback {
  display: none;
}

.form-label {
  color: #1a3a05;
  font-size: 1.4rem;
  font-weight: 300;
  margin-bottom: 0;
  pointer-events: none;
  transition: 0.2s ease all;
  -ms-transform-origin: left top;
      transform-origin: left top;
}

.form-label span {
  color: #1a3a05;
}

.form-group {
  margin-bottom: 2rem;
  position: relative;
  padding-top: 1.5rem;
}

.form-group.focused .form-label,
.form-group.has-value .form-label {
  top: 0;
  -ms-transform: translateY(-100%) scale(0.85);
      transform: translateY(-100%) scale(0.85);
  color: #1a3a05;
}

.form-control {
  display: block;
  width: 100%;
  height: 3.5rem;
  padding: 0;
  font-family: "Neulis Sans", sans-serif;
  font-size: 1.6rem;
  color: #1a3a05;
  appearance: none;
  background-color: transparent;
  background-clip: padding-box;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #1a3a05;
  border-radius: 0;
}

.form-control:-ms-input-placeholder {
  color: #1a3a05;
  font-weight: 300;
  font-size: 1.2rem;
  opacity: 0.5;
  font-style: italic;
}

.form-control::placeholder {
  color: #1a3a05;
  font-weight: 300;
  font-size: 1.2rem;
  opacity: 0.5;
  font-style: italic;
}

.form-control:focus, .form-control:active, .form-control:focus-visible, .form-control:focus-within {
  box-shadow: none;
  outline: none;
}

.password-input {
  display: block;
  position: relative;
}

.password-input .show-password-input {
  top: 60%;
}

.show-password-input {
  position: absolute;
  top: 50%;
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  right: 2rem;
  width: 2rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyMyAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0yMi44MjgzIDUuNTU1MzNDMjIuNjIzIDUuMzI4NzYgMTcuNjg0OSAwIDExLjUgMEM1LjMxNTA5IDAgMC4zNzcwOTcgNS4zMjg3NiAwLjE3MTc1OSA1LjU1NTMzQy0wLjA1NzI1MjkgNS44MDg1OCAtMC4wNTcyNTI5IDYuMTkxNDIgMC4xNzE3NTkgNi40NDQ2N0MwLjM3NzA5NyA2LjY3MTI0IDUuMzE1MTggMTIgMTEuNSAxMkMxNy42ODQ5IDEyIDIyLjYyMjkgNi42NzEyNCAyMi44MjgzIDYuNDQ0NjdDMjMuMDU3MiA2LjE5MTQyIDIzLjA1NzIgNS44MDg1OCAyMi44MjgzIDUuNTU1MzNaTTExLjUgMTAuNjY2N0M4Ljg5OTQ1IDEwLjY2NjcgNi43ODMyMiA4LjU3MjkzIDYuNzgzMjIgNkM2Ljc4MzIyIDMuNDI3MDcgOC44OTk0NSAxLjMzMzMzIDExLjUgMS4zMzMzM0MxNC4xMDA2IDEuMzMzMzMgMTYuMjE2OCAzLjQyNzA3IDE2LjIxNjggNkMxNi4yMTY4IDguNTcyOTMgMTQuMTAwNiAxMC42NjY3IDExLjUgMTAuNjY2N1oiIGZpbGw9IiM5RTlFOUUiLz4NCjxwYXRoIGQ9Ik0xMi4xNzM4IDQuNjY2OTlDMTIuMTczOCAzLjk5NjMzIDEyLjUxMDMgMy40MDYzMyAxMy4wMjIzIDMuMDQzNDRDMTIuNTYyOSAyLjgxMDc3IDEyLjA1MDUgMi42NjY5OSAxMS41IDIuNjY2OTlDOS42NDIzNCAyLjY2Njk5IDguMTMwODYgNC4xNjI0MSA4LjEzMDg2IDYuMDAwMzNDOC4xMzA4NiA3LjgzODI0IDkuNjQyMzQgOS4zMzM2NiAxMS41IDkuMzMzNjZDMTMuMTYzMiA5LjMzMzY2IDE0LjUzOTggOC4xMzIxNSAxNC44MTE3IDYuNTYyMTlDMTMuNDU0OCA2Ljk5NDQxIDEyLjE3MzggNS45NzkwOCAxMi4xNzM4IDQuNjY2OTlaIiBmaWxsPSIjOUU5RTlFIi8+DQo8L3N2Zz4NCg==");
  background-size: contain;
  background-repeat: no-repeat;
  box-shadow: none;
  background-color: transparent;
  border: 0;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  margin-bottom: 0.5rem;
}

.form-check .form-check-label {
  margin-bottom: 0;
  margin-left: 0.5rem;
}

.form-check-input {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2…' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  margin: 0;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #233b60;
}

.form-check-input[type='checkbox'], .form-check-input[type='radio'] {
  border-radius: 1rem !important;
}

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input:checked[type='checkbox'], .form-check-input:checked[type='radio'] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2…' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-check-label {
  cursor: pointer;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #1a3a05;
}

input::placeholder,
textarea::placeholder {
  color: #1a3a05;
}

.quantity-group {
  margin-top: 0.5rem;
}

.quantity-group input {
  height: 3rem;
  width: 3rem;
  padding: 0;
  margin: 0;
  text-align: center;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #1a3a05;
  font-weight: 400;
  appearance: none;
  -moz-appearance: textfield;
}

.quantity-group input::-webkit-outer-spin-button, .quantity-group input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity-group button {
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: 1px solid #1a3a05;
  border-radius: 50%;
  background-color: transparent;
  color: #1a3a05;
  font-size: 1.8rem;
  line-height: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  cursor: pointer;
  transition: all 0.3s ease;
}

.quantity-group button:hover {
  background-color: #1a3a05;
  color: #fff;
}

.quantity-group .form-control {
  border-radius: 0;
}

.quantity-group .form-control:focus {
  box-shadow: none;
  outline: none;
}

.registration-form .select2-container--default .select2-selection--single {
  background-color: transparent;
  height: 3.5rem;
  padding: 0.5rem 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #1a3a05;
  border-radius: 0;
}

.registration-form .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #1a3a05;
  font-weight: 300;
  font-size: 1.2rem;
  font-style: italic;
  opacity: 0.5;
}

.registration-form .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__arrow {
  height: 3.5rem;
}

.registration-form .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__arrow b {
  border-color: #1a3a05 transparent transparent transparent;
}

.registration-form .select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #1a3a05;
  font-weight: 300;
  font-size: 1.2rem;
  opacity: 0.5;
  font-style: italic;
}

.registration-form .select2-container--below .select2-selection--single .select2-selection__rendered,
.registration-form .select2-container--focus .select2-selection--single .select2-selection__rendered {
  font-size: 1.4rem;
  font-weight: 400;
  font-style: normal;
  opacity: 1;
  padding-left: 0;
}

.page .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #1a3a05;
  color: #ffffff;
}

.hasDatepicker {
  background: url("../image/calendar.svg") no-repeat right center;
  background-size: 15px 16px;
  padding-right: 30px;
}

.btn {
  display: block;
  font-family: "Neulis Sans", sans-serif;
  font-size: 1.4rem;
  padding: 1rem 2.2rem;
  border: 1px solid transparent;
  transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
  font-weight: 400;
}

.btn__link {
  padding: 0 0.5rem;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  text-decoration: underline;
}

.btn__outline {
  background-color: transparent;
  border: 1px solid #a61d43;
  color: #000;
}

.btn__outline:hover, .btn__outline:focus {
  background-color: #a61d43;
  color: #ffffff;
  border: 1px solid transparent;
}

.btn__primary {
  background-color: #a0873c;
  color: #f4e9bd;
}

.btn__primary:hover, .btn__primary:focus {
  background-color: #f4e9bd;
  color: #a0873c;
  border: 1px solid #f4e9bd;
}

.btn__secondary {
  background-color: #1a3a05;
  color: #f4e9bd;
}

.btn__secondary path {
  fill: #f4e9bd;
}

.btn__secondary:hover, .btn__secondary:focus {
  background-color: #f4e9bd;
  color: #1a3a05;
  border: 1px solid #1a3a05;
}

.btn__secondary:hover path, .btn__secondary:focus path {
  fill: #1a3a05;
}

.btn__width--md {
  min-width: 25rem;
}

.btn__width--sm {
  max-width: 25rem;
}

.fixed-bottom {
  position: fixed;
  bottom: 0;
  z-index: 100;
  left: 0;
  right: 0;
}

.cro-mobile {
  background-color: #ffffff;
}

.cro-mobile ul {
  margin-bottom: 0;
  padding-left: 0;
}

.cro-mobile ul li {
  padding: 0;
  list-style: none;
}

.cro-mobile ul button {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: 0;
}

.cro-mobile ul button span {
  color: #000000;
}

.cro-mobile ul a {
  display: block;
  color: #000000;
}

.cro-mobile ul span {
  font-size: 1.2rem;
  text-align: center;
  margin-top: 0.3rem;
}

.cro-mobile__img {
  width: 100%;
  height: 2rem;
}

@keyframes slide-right {
  0% {
    transform: translate(-100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes fade-down {
  0% {
    transform: translate(0, -100%);
  }
  100% {
    transform: translate(0, 0%);
  }
}

@keyframes spinLoading {
  to {
    transform: rotate(0.5turn);
  }
}

@keyframes progress-bar {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes pulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.2);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}

@keyframes clipPath {
  from {
    clip-path: circle(0% at 100% 0%);
  }
  to {
    clip-path: circle(150% at 100% 0%);
  }
}

.modal .modal-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  min-height: calc(100% - (1.75rem * 2));
}

@media (min-width: 1024px) {
  .modal .modal-dialog-centered:before {
    content: "";
    display: block;
    height: calc(100vh - (1.75rem * 2));
  }
}

.hotspot-viewer {
  position: relative;
  max-width: 100%;
  margin: auto;
}

/* HOTSPOT */
.hotspot {
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}

.hotspot:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  width: 3.5rem;
  height: 3.5rem;
  z-index: 1;
  background-color: var(--bs-border-color-translucent);
  box-shadow: 0 0 0 3px var(--bs-border-color-translucent);
  animation: pulse 1.5s infinite ease-in-out;
  border-radius: 50%;
}

.hotspot img {
  position: relative;
  z-index: 2;
}

.hotspot:after {
  content: 'i';
  z-index: 2;
  font-size: 1.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
  font-weight: 400;
  color: #1a3a05;
  text-align: center;
}

/* TOOLTIP */
.tooltip-hotspot {
  position: absolute;
  background-color: #1a3a05;
  color: #fffaee;
  padding: 0.5rem 1.2rem;
  border-radius: 1rem !important;
  min-width: 8rem;
  font-weight: 300;
  font-size: 1.4rem;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s, transform 0.25s;
  z-index: 99;
  text-align: center;
}

.tooltip-hotspot.show {
  opacity: 1;
}

.tooltip-hotspot .tooltip-arrow {
  width: 0;
  height: 0;
  position: absolute;
  display: block;
  border-style: solid;
}

.tooltip-hotspot.pos-top {
  -ms-transform: translate(-50%, -100%);
      transform: translate(-50%, -100%);
  margin-top: -20px;
}

.tooltip-hotspot.pos-top .tooltip-arrow {
  bottom: -8px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  border-width: 8px 7px 0 7px;
  border-color: #1a3a05 transparent transparent transparent;
}

.tooltip-hotspot.pos-bottom {
  -ms-transform: translate(-50%, 0);
      transform: translate(-50%, 0);
  margin-top: 20px;
}

.tooltip-hotspot.pos-bottom .tooltip-arrow {
  top: -8px;
  left: 50%;
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  border-width: 0 7px 8px 7px;
  border-color: transparent transparent #1a3a05 transparent;
}

.tooltip-hotspot.pos-left {
  -ms-transform: translate(-100%, -50%);
      transform: translate(-100%, -50%);
  margin-left: -20px;
}

.tooltip-hotspot.pos-left .tooltip-arrow {
  right: -8px;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  border-width: 7px 0 7px 8px;
  border-color: transparent transparent transparent #1a3a05;
}

.tooltip-hotspot.pos-right {
  -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
  margin-left: 20px;
}

.tooltip-hotspot.pos-right .tooltip-arrow {
  left: -8px;
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  border-width: 7px 8px 7px 0;
  border-color: transparent #1a3a05 transparent transparent;
}

.tooltip-hotspot img {
  max-width: 100%;
  height: auto;
  border-radius: 1rem !important;
  margin-bottom: 1rem;
}

.tooltip-hotspot .cta-btn {
  display: block;
  background-color: #1a3a05;
  color: #ffffff;
  padding: 1rem 1.2rem;
  text-align: center;
  margin-top: 1rem;
  border-radius: 1rem !important;
  text-decoration: none;
  font-weight: bold;
}

@media (min-width: 1024px) {
  .hotspot {
    width: 2.5rem;
    height: 2.5rem;
  }
}