html,
body {
  position: relative;
  height: 100svh;
  overflow: hidden;
}

body {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #fff;
  margin: 0;
  padding: 0;
}

#debug {
  display: none;
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 5px 10px;
  border-radius: 5px;
  width: 1em;
  height: 1em;
  overflow: hidden;
}
#debug p {
  margin: 0;
  font-size: 12px;
  color: #fff;
}

#fixed_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../img/bg-2-2026.jpg");
  background-size: cover;
  background-position: center;
  z-index: -1;
}

@media (min-width: 992px) {
  #fixed_bg {
    background-image: url("../img/bg-1-2026.jpg");
  }
}
#content_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100dvh;
  overflow-y: scroll;
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
  scrollbar-gutter: stable;
}
#content_wrapper.resizing .slide {
  scroll-snap-align: center;
}

.slide {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.slide.snap {
  scroll-snap-align: center;
}
.slide .box {
  position: relative;
}
.slide .box .slide_img {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100dvw;
  height: 100dvh;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  aspect-ratio: 9/16;
}
.slide .box .btn_zoom {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 30px;
  height: auto;
  cursor: pointer;
  opacity: 0.6;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.slide .box .btn_zoom img {
  width: 100%;
  height: auto;
}
.slide .box .btn_popup, .slide .box .btn_ext_link {
  position: absolute;
  cursor: pointer;
  overflow: hidden;
}
.slide .box .btn_popup::before, .slide .box .btn_ext_link::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -30%;
  width: 30%;
  height: 200%;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #ffffff), to(transparent));
  background-image: linear-gradient(90deg, transparent, #ffffff 50%, transparent);
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  -webkit-animation: anm_button_kiran 3s linear infinite;
          animation: anm_button_kiran 3s linear infinite;
}
.slide .box .btn_popup img, .slide .box .btn_ext_link img {
  width: 100%;
  height: auto;
}

@-webkit-keyframes anm_button_kiran {
  0% {
    -webkit-transform: translateX(0%) rotate(20deg);
            transform: translateX(0%) rotate(20deg);
    opacity: 1;
  }
  25% {
    opacity: 0.9;
  }
  50% {
    -webkit-transform: translateX(400%) rotate(20deg);
            transform: translateX(400%) rotate(20deg);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes anm_button_kiran {
  0% {
    -webkit-transform: translateX(0%) rotate(20deg);
            transform: translateX(0%) rotate(20deg);
    opacity: 1;
  }
  25% {
    opacity: 0.9;
  }
  50% {
    -webkit-transform: translateX(400%) rotate(20deg);
            transform: translateX(400%) rotate(20deg);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes anm_glowing {
  0% {
    background-color: rgba(255, 255, 255, 0);
  }
  50% {
    background-color: rgba(255, 255, 255, 0.5);
  }
  100% {
    background-color: rgba(255, 255, 255, 0);
  }
}
@keyframes anm_glowing {
  0% {
    background-color: rgba(255, 255, 255, 0);
  }
  50% {
    background-color: rgba(255, 255, 255, 0.5);
  }
  100% {
    background-color: rgba(255, 255, 255, 0);
  }
}
@-webkit-keyframes anm_glowing-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
@keyframes anm_glowing-opacity {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
#slide2 .btn_popup_1 {
  top: 92%;
  left: 58%;
  width: 35%;
  height: 4%;
  border-radius: 9999px;
}

#slide3 .btn_popup_1 {
  top: 92%;
  left: 7%;
  width: 35%;
  height: 4%;
  border-radius: 9999px;
}
#slide3 .btn_ext_link_1 {
  display: block;
  top: 92%;
  left: 58%;
  width: 35%;
  height: 4%;
  border-radius: 9999px;
}

#slide4 .btn_popup_1 {
  top: 92%;
  left: 58%;
  width: 35%;
  height: 4%;
  border-radius: 9999px;
}

#slide5 .btn_popup_1 {
  top: 92%;
  left: 58%;
  width: 35%;
  height: 4%;
  border-radius: 9999px;
}

#slide6 .btn_popup_1 {
  top: 70%;
  left: 7%;
  width: 35%;
  height: 4%;
  border-radius: 9999px;
}

#slide7 .btn_popup_1 {
  top: 64%;
  left: 33%;
  width: 35%;
  height: 4%;
  border-radius: 9999px;
}

#slide9 .btn_popup_1 {
  top: 55%;
  left: 8%;
  width: 29%;
  height: 3%;
  border-radius: 9999px;
}
#slide9 .btn_popup_2 {
  top: 83%;
  left: 63%;
  width: 29%;
  height: 3%;
  border-radius: 9999px;
}
#slide9 .btn_popup_3 {
  top: 92.5%;
  left: 7.5%;
  width: 34%;
  height: 4%;
  border-radius: 9999px;
}

#slide10 .btn_ext_link_1 {
  display: block;
  top: 78%;
  left: 25%;
  width: 50%;
  height: 7%;
  border-radius: 9999px;
}

#zoom_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100dvw;
  height: 100dvh;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: -2;
  overflow: hidden;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
#zoom_container.active {
  opacity: 1;
  z-index: 300;
}
#zoom_container #zoom_wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 1500px;
  min-width: 200px;
  height: 100dvh;
}
#zoom_container #zoom_wrapper #zoom_parent {
  width: 100%;
  height: 100%;
}
#zoom_container #zoom_wrapper #zoom_parent #zoom_box #zoom_img {
  display: block;
  width: 100%;
  max-width: 1500px;
  height: auto;
}
@media (min-width: 576px) {
  #zoom_container #zoom_wrapper {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
#zoom_container .control_box {
  position: absolute;
  bottom: 10px;
  right: 0;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px 0 0 10px;
}
#zoom_container .control_box .btn_zoom_in {
  width: 30px;
  height: auto;
  cursor: pointer;
  margin-bottom: 10px;
}
#zoom_container .control_box .btn_zoom_in img {
  width: 100%;
  height: auto;
}
#zoom_container .control_box .btn_zoom_out {
  width: 30px;
  height: auto;
  cursor: pointer;
  margin-bottom: 10px;
}
#zoom_container .control_box .btn_zoom_out img {
  width: 100%;
  height: auto;
}
#zoom_container .control_box .btn_zoom_close {
  width: 30px;
  height: auto;
  cursor: pointer;
}
#zoom_container .control_box .btn_zoom_close img {
  width: 100%;
  height: auto;
}

#popup_container {
  position: absolute;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  scroll-snap-align: center;
  background-color: rgba(255, 255, 255, 0.5);
  opacity: 0;
  z-index: -2;
  overflow: hidden;
  -webkit-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
#popup_container.active {
  opacity: 1;
  z-index: 200;
}
#popup_container .btn_popup_close {
  position: absolute;
  width: 25%;
  height: 3%;
  bottom: 4.5%;
  left: 39%;
  border-radius: 9999px;
  cursor: pointer;
}
#popup_container .btn_popup_close::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -30%;
  width: 30%;
  height: 200%;
  background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, #ffffff), to(transparent));
  background-image: linear-gradient(90deg, transparent, #ffffff 50%, transparent);
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  -webkit-animation: anm_button_kiran 3s linear infinite;
          animation: anm_button_kiran 3s linear infinite;
}
#popup_container .btn_popup_close.right {
  left: 67% !important;
}
#popup_container #popup_box {
  position: relative;
}
#popup_container #popup_box .popup_img {
  display: block;
  width: 100dvw;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: 100dvh;
  max-height: -webkit-fit-content;
  max-height: -moz-fit-content;
  max-height: fit-content;
  aspect-ratio: 9/16;
}
#popup_container #popup_box .btn_popup_zoom {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 30px;
  height: auto;
  cursor: pointer;
  opacity: 0.6;
}
#popup_container #popup_box .btn_popup_zoom img {
  width: 100%;
  height: auto;
}

@media (min-width: 576px) {
  #popup_container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 0;
  }
}/*# sourceMappingURL=e-leaf2026.css.map */