@font-face {
            font-family: 'Montserrat';
            src: url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
            font-weight: normal;
            font-style: normal;
            font-display: swap;
        }
            
  @font-face {
  font-family: 'Avenir Next LT Pro';
  src: url('https://wow.hcm.ss.bfcplatform.vn/AvenirNextLTPro-Regular.ttf');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
   

        
          @font-face {
            font-family: "Noto Serif Display";
            src: url("https://fonts.gstatic.com/s/notoserifdisplay/v24/buERppa9f8_vkXaZLAgP0G5Wi6QmA1QaeYah2sovLCDq_ZgLyt3idQfktOG-PVpd4tgKaDU9hvzC.ttf");
            font-style: normal;
            font-weight: 400;
            font-display: swap;
          }
        

    

        

          header{
         font-family: Avenir Next LT Pro !important;
         }
         
     
.header.active {
  position: fixed;
  z-index: 999;

  padding-right: 0.9375rem;
padding-left: 0.9375rem;
  background-color: #fff !important;
  color:#0c4f2b !important;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}
  .header.active a div {
    font-size: 18px !important;
   color:#0c4f2b !important;
  }
   
  .header.active div {
    height:75px !important;
    padding: 25px 21px;
    
  }
     .header.active div div {
      font-size: 18px !important;
   color:#0c4f2b !important;
  }
   .header.active div .company-logo {
   display:none;
   }
      [data-sidebar='menu-item'][data-active='true'] {
        background-color: var(--sidebar-accent);
        color: var(--sidebar-accent-foreground);
      }
      
      .transition {
        transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
      }
      
      .swiper-button-next:after,
      .swiper-rtl .swiper-button-prev:after,
      .swiper-button-prev:after,
      .swiper-rtl .swiper-button-next:after {
        content: '';
      }
      
      .swiper-button-next {
        right: 0;
      }
      
      .swiper-button-next,
      .swiper-button-prev {
        width: 19%;
        margin: 0;
        height: calc(100% - 90px);
        top: 50%;
        -webkit-transform: translate(-0%, -50%);
        -ms-transform: translate(-0%, -50%);
        transform: translate(-0%, -50%);
      }
      
      .swiper-button-prev {
        left: 0;
      }
      
      #bodyLayout .swiper-horizontal .swiper-button-next {
        top: 50%;
        right: 24px;
        width: 30px;
        height: 30px;
        left: inherit;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
      }
      
      #bodyLayout .swiper-horizontal .swiper-button-next:after {
        content: '';
        background: url('https://www.wowweekend.vn/partnership/emeralda-tamcoc/assets/images/icon-next_2x.png') no-repeat;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        top: 50%;
        right: 50%;
        transition: 0.3s all ease 0s;
        -webkit-transition: 0.3s all ease 0s;
      }
      
      #bodyLayout .swiper-horizontal .swiper-button-prev {
        top: 50%;
        left: 24px;
        width: 30px;
        height: 30px;
        right: inherit;
        -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
      }
      
      #bodyLayout .swiper-horizontal .swiper-button-prev:after {
        content: '';
        background: url('https://www.wowweekend.vn/partnership/emeralda-tamcoc/assets/images/icon-prev_2x.png') no-repeat;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        top: 50%;
        right: 50%;
        transition: 0.3s all ease 0s;
        -webkit-transition: 0.3s all ease 0s;
      }
      
      .swiper-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 11px;
        height: 11px;
        margin: 0 3px;
        background: #fafaf7;
        opacity: 1;
      }
      
      .swiper-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active {
        background: #bdaa88;
      }
      
      .container-query {
        container-type: inline-size;
        container-name: responsive;
      }
      
      .base-render-node {
        font-size: 12px !important;
        padding-top: 2px !important;
        padding-bottom: 2px !important;
        font-weight: 400 !important;
        font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
      }
      
      .swiper-container {
        width: 100%;
        height: auto;
        overflow: hidden;
        display: grid;
      }
      
      .hero-banner-height {
        height: 100vh;
      }
      
      @media screen and (max-width: 1280px) {
        .hero-banner-height {
          height: auto;
          aspect-ratio: 16/9;
        }
      }
        footer {
        font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;
        }
    
        h1 { 
          font-size: 48px !important;
          font-family: Noto Serif Display !important;
        }
        h2 { 
          font-size: 40px !important;
          font-family: Noto Serif Display !important;
        }
        h3 { 
          font-size: 32px !important;
          font-family: Noto Serif Display !important;
        }
        h4 { 
          font-size: 24px !important;
          font-family: Noto Serif Display !important;
        }
        body { 
          font-size: 16px !important;
          font-family: Noto Serif Display !important;
        }
      
  .textEtd ol {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
    counter-increment: list-0;
    list-style-type: none !important;
    padding-left: 1.5em !important;
  }

  .textEtd ol>li {
    counter-increment: list-1;
    position: relative;
  }

  .textEtd ol>li::before {
    content: counter(list-1, decimal) '. ';
    position: absolute;
    left: -1.5em;
  }

  .textEtd ul {
    list-style-type: none !important;
    padding-left: 1.5em !important;
  }

  .textEtd ul>li {
    position: relative;
  }

  .textEtd ul>li::before {
    content: '•';
    position: absolute;
    left: -1em;
  }

  .textEtd .ql-indent-1 {
    padding-left: 3em !important;
  }

  .textEtd .ql-indent-2 {
    padding-left: 6em !important;
  }

  .textEtd .ql-indent-3 {
    padding-left: 9em !important;
  }

  .textEtd .ql-indent-4 {
    padding-left: 12em !important;
  }

  .textEtd .ql-indent-5 {
    padding-left: 15em !important;
  }

  .textEtd .ql-indent-6 {
    padding-left: 18em !important;
  }

  .textEtd .ql-indent-7 {
    padding-left: 21em !important;
  }

  .textEtd .ql-indent-8 {
    padding-left: 24em !important;
  }

  .textEtd .ql-indent-9 {
    padding-left: 27em !important;
  }

  .textEtd ul .ql-indent-1::before {
    left: 1.5em;
  }

  .textEtd ul .ql-indent-2::before {
    left: 4.5em;
  }

  .textEtd ul .ql-indent-3::before {
    left: 7.5em;
  }

  .textEtd ul .ql-indent-4::before {
    left: 10.5em;
  }

  .textEtd ul .ql-indent-5::before {
    left: 13.5em;
  }

  .textEtd ul .ql-indent-6::before {
    left: 16.5em;
  }

  .textEtd ul .ql-indent-7::before {
    left: 19.5em;
  }

  .textEtd ul .ql-indent-8::before {
    left: 22.5em;
  }

  .textEtd ul .ql-indent-9::before {
    left: 25.5em;
  }

  .textEtd ol .ql-indent-1::before {
    left: 1.5em;
  }

  .textEtd ol .ql-indent-2::before {
    left: 4.5em;
  }

  .textEtd ol .ql-indent-3::before {
    left: 7.5em;
  }

  .textEtd ol .ql-indent-4::before {
    left: 10.5em;
  }

  .textEtd ol .ql-indent-5::before {
    left: 13.5em;
  }

  .textEtd ol .ql-indent-6::before {
    left: 16.5em;
  }

  .textEtd ol .ql-indent-7::before {
    left: 19.5em;
  }

  .textEtd ol .ql-indent-8::before {
    left: 22.5em;
  }

  .textEtd ol .ql-indent-9::before {
    left: 25.5em;
  }
#bodyLayout .swiper-horizontal .swiper-button-coverflow::after {
  background: none !important;
}
#bodyLayout .swiper-horizontal .swiper-button-coverflow-next {
  position: absolute;
  right: 0;
}

#bodyLayout .swiper-horizontal .swiper-button-coverflow-next,
#bodyLayout .swiper-horizontal .swiper-button-coverflow-prev {
  width: 19%;
  margin: 0;
  height: 90%;
  top: 50%;
  -webkit-transform: translate(-0%, -50%);
  -ms-transform: translate(-0%, -50%);
  transform: translate(-0%, -50%);
  z-index: 99;
}

#bodyLayout .swiper-horizontal .swiper-button-coverflow-prev {
  left: 0;
  position: absolute;
}

        @media (max-width: 1024px) { /* Tablet */
          h1 { 
            font-size: 40px !important;
          }
          h2 { 
            font-size: 32px !important;
          }
          h3 { 
            font-size: 28px !important;
          }
          h4 { 
            font-size: 22px !important;
          }
          body { 
            font-size: 14px !important;
          }
        }
    
        @media (max-width: 768px) { /* Mobile */
          h1 { 
            font-size: 32px !important;
          }
          h2 { 
            font-size: 28px !important;
          }
          h3 { 
            font-size: 24px !important;
          }
          h4 { 
            font-size: 20px !important;
          }
          body { 
            font-size: 10px !important;
          }
        }