/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
/* reveal */
.reveal {
  overflow: clip;

  .fade {
  /*  display: none;*/
  }

  .shift {
  /*  display: none;*/
  }
}
.reveal__bg-wrap {
  position: absolute;
  width: 100%;
  height: 100lvh;
  top: 0;
  left: 0;
  z-index: -1;
  transition: none;
}
.reveal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.reveal__bg:nth-last-child(1) {
  z-index: 1;
  opacity: 1 !important;
}
.reveal__bg:nth-last-child(2) {
  z-index: 2;
}
.reveal__bg:nth-last-child(3) {
  z-index: 3;
}
.reveal__bg:nth-last-child(4) {
  z-index: 4;
}
.reveal__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.reveal__content {
  padding-block: 100lvh;
}
.reveal__content:nth-last-child(4) {
  padding-top: 60lvh;
}
.reveal__content:nth-last-child(1) {
  padding-bottom: 40lvh;
}
.reveal__content-inner {
  background: rgb(255 255 255 / 90%);
  padding: clamp(25px, 0.982vw + 21.32px, 40px);
  border-radius: clamp(6px, 0.327vw + 4.77px, 11px);
}
.reveal__content.left .reveal__content-inner {
  grid-column-start: 1;
}
.reveal__content.right .reveal__content-inner {
  grid-column-start: 2;
}
@media only screen and (max-width:767px) {
  .reveal__content:nth-last-child(4) {
    padding-top: 40lvh;
  }
  .reveal__content.right .reveal__content-inner {
    grid-column-start: 1;
  }
}



/* background change */
.bg-change {
/*  display: none;*/
}
.bg-change__bg-wrap {
  position: absolute;
  width: 100%;
  height: 100lvh;
  top: 0;
  left: 0;
  z-index: -1;
  transition: none;
}
.bg-change__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bg-change__bg:nth-last-child(1) {
  z-index: 1;
  opacity: 1 !important;
}
.bg-change__bg:nth-last-child(2) {
  z-index: 2;
}
.bg-change__bg:nth-last-child(3) {
  z-index: 3;
}
.bg-change__bg:nth-last-child(4) {
  z-index: 4;
}
.bg-change__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bg-change__content {
  padding-block: 120lvh;
}
.bg-change__content:nth-last-child(4) {
  padding-top: 60lvh;
}
.bg-change__content:nth-last-child(1) {
  padding-bottom: 40lvh;
}
.bg-change__content-inner {
  background: rgb(255 255 255 / 90%);
  padding: clamp(25px, 0.982vw + 21.32px, 40px);
  border-radius: clamp(6px, 0.327vw + 4.77px, 11px);
}
.bg-change__content.left .bg-change__content-inner {
  grid-column-start: 1;
}
.bg-change__content.right .bg-change__content-inner {
  grid-column-start: 2;
}
@media only screen and (max-width:767px) {
  .bg-change__content.right .bg-change__content-inner {
    grid-column-start: 1;
  }
}



/* horizontal */
.horizontal {
/*  display: none;*/
  overflow: clip;
}
.horizontal__bg-wrap {
  position: absolute;
  width: 100%;
  height: 100lvh;
  top: 0;
  left: 0;
  z-index: -1;
  flex-direction: row !important;
  flex-wrap: nowrap;
  gap: 0;
  transition: none;
}
.horizontal__bg {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
}
.horizontal__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.horizontal__content {
  padding-block: 150lvh;
  display: flex;
  justify-content: center !important;
}
.horizontal__content:nth-last-child(4) {
  padding-top: 60lvh;
}
.horizontal__content:nth-last-child(1) {
  padding-bottom: 40lvh;
}
.horizontal__content-inner {
  max-width: 780px;
  background: rgb(255 255 255 / 90%);
  padding: clamp(25px, 0.982vw + 21.32px, 40px);
  border-radius: clamp(6px, 0.327vw + 4.77px, 11px);
}



/* image change */
.img-change {
/*  display: none;*/
  padding-block: clamp(20px, 2.618vw + 10.18px, 60px);
}
.img-change > .e-con-inner {
  gap: clamp(0px, 6.545vw + -24.54px, 100px);
}
.img-change__content-wrap {
  gap: 60lvh;
}
.img-change__img-wrap {
  position: relative;
  max-height: calc(100lvh - calc(clamp(20px, 2.618vw + 10.18px, 60px)) * 2);
  transition: none;
}
.img-change__img {
  position: absolute;
  width: auto;
  height: 100%;
  top: 0;
  left: 0;
}
.img-change__img img {
  width: auto;
  height: 100%;
  border-radius: 11px;
}
.img-change__img:nth-last-child(1) {
  z-index: 1;
  opacity: 1 !important;
}
.img-change__img:nth-last-child(2) {
  z-index: 2;
}
.img-change__img:nth-last-child(3) {
  z-index: 3;
}
.img-change__img:nth-last-child(4) {
  z-index: 4;
}
.img-change__img:nth-last-child(5) {
  z-index: 5;
}
.img-change__img:nth-last-child(6) {
  z-index: 6;
}
.img-change__img:nth-last-child(7) {
  z-index: 7;
}
.img-change__img:nth-last-child(8) {
  z-index: 8;
}
@media only screen and (max-width:767px) {
  .img-change {
    padding: 0;
  }
  .img-change > .e-con-inner {
    gap: 0;
    padding-top: 0;
  }
  .img-change__content-wrap {
    padding-inline: 20px;
  }
  .img-change .pin-spacer {
    padding-bottom: 0 !important;
    height: auto !important;
    z-index: 1 !important;
  }
  .img-change__img-wrap  {
    min-height: 200px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    background: #fff;
    border-radius: 0 0 6px 6px;
  }
  .img-change__img {
    width: 100%;
  }
  .img-change__img img {
    width: 100%;
    border-radius: 0;
  }
}