/* 
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.1.3
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
*/

/* fallback for older browsers */
:root {
  --display--font-size: 5rem;
  --h1--font-size: 3.97rem;
  --h2--font-size: 3.15rem;
  --h3--font-size: 2.5rem;
  --h4--font-size: 1.98rem;
  --h5--font-size: 1.57rem;
  --h6--font-size: 1.25rem;
  --text-large--font-size: 1.51rem;
  --text-medium--font-size: 1.26rem;
  --text-main--font-size: 1.05rem;
  --text-small--font-size: 0.875rem;
  --text-extrasmall--font-size: 0.73rem;
  --btn-shadow-distance: 1.25em;
  --animation-smooth: .8s cubic-bezier(.3, 1, .3, 1);
}
@media screen and (max-width: 767px) {
  :root {
    --display--font-size: 2.03rem;
    --h1--font-size: 1.8rem;
    --h2--font-size: 1.6rem;
    --h3--font-size: 1.42rem;
    --h4--font-size: 1.27rem;
    --h5--font-size: 1.13rem;
    --h6--font-size: 1rem;
    --text-large--font-size: 1.3rem;
    --text-medium--font-size: 1.14rem;
    --text-main--font-size: 1rem;
    --text-small--font-size: 0.875rem;
    --text-extrasmall--font-size: 0.77rem;
  }
}

/* fluid sizes */
@supports (font-size: clamp(1rem, 0.5rem + 3vw, 3rem)) {
  :root {
    --display--font-size: clamp(2.03rem, 1.182rem + 4.24vw, 5rem);
    --h1--font-size: clamp(1.8rem, 1.18rem + 3.1vw, 3.97rem);
    --h2--font-size: clamp(1.6rem, 1.158rem + 2.21vw, 3.15rem);
    --h3--font-size: clamp(1.42rem, 1.112rem + 1.54vw, 2.5rem);
    --h4--font-size: clamp(1.27rem, 1.068rem + 1.01vw, 1.98rem);
    --h5--font-size: clamp(1.13rem, 1.004rem + 0.63vw, 1.57rem);
    --h6--font-size: clamp(1rem, 0.928rem + 0.36vw, 1.25rem);
    --text-large--font-size: clamp(1.3rem, 1.24rem + 0.3vw, 1.51rem);
    --text-medium--font-size: clamp(1.14rem, 1.106rem + 0.17vw, 1.26rem);
    --text-main--font-size: clamp(1rem, 0.986rem + 0.07vw, 1.05rem);
    --text-small--font-size: clamp(0.875rem, 0.875rem + 0vw, 0.875rem);
    --text-extrasmall--font-size: clamp(0.77rem, 0.782rem + -0.06vw, 0.73rem);
  }
}
html,
body {
  overflow-x: hidden !important;
}
.elementor-field-group input,
.elementor-widget-button .elementor-button .elementor-button-content-wrapper,
.elementor-button.single_add_to_cart_button .elementor-button-content-wrapper {
  position: relative;
  overflow: hidden;
  line-height: 1.5;
  top: -1px;
}
.elementor-widget-button .elementor-button .elementor-button-text,
.elementor-button.single_add_to_cart_button .elementor-button-text {
  color: #ffffff;
  white-space: nowrap;
  padding: 0;
  text-shadow: 0px calc(var(--btn-shadow-distance) * 1.5) transparent;
  transform: translateY(0em) rotate(0.001deg);
  transition: text-shadow var(--animation-smooth);
}

@media (hover: hover) {
  @media screen and (min-width: 1025px) {
    .elementor-widget-button .elementor-button:hover .elementor-button-text,
    .elementor-button.single_add_to_cart_button:hover .elementor-button-text {
      transition: all var(--animation-smooth);
      transform: translateY(calc(var(--btn-shadow-distance) * -1))
        rotate(0.001deg);
      color: transparent;
      text-shadow: 0px var(--btn-shadow-distance) #ffffff;
    }
  }
}
.elementor-field-group input::placeholder {
  color: var(--e-global-color-primary);
  white-space: nowrap;
  padding: 0;
  text-shadow: 0px calc(var(--btn-shadow-distance) * 1.5) transparent;
  transform: translateY(0em) rotate(0.001deg);
}
.elementor-field-group input:focus::placeholder {
  transition: all var(--animation-smooth);
  transform: translateY(calc(var(--btn-shadow-distance) * -1)) rotate(0.001deg);
  color: transparent !important;
}
#particles-js {
  position: absolute;
  inset: 0;
  z-index: 0;
  height: 100%;
  width: 100vw;
  background-color: transparent;
  background-image: radial-gradient(at top right, #1B46C275 0%, var(--e-global-color-text) 50%);
}
.section-home-intro {
  height: 100vh;
}
.grid {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0 24px;
  display: flex;
  justify-content: space-between;
  z-index: 999;
  pointer-events: none;
  user-select: none;
}
.grid .grid-line {
  width: 1px;
  flex-shrink: 0;
  flex-grow: 0;
  background: rgba(159, 161, 163, 0.2);
}
@media screen and (max-width: 1120px) {
  .grid .grid-line:last-child {
     display: none;
  }
}
@media screen and (max-width: 880px) {
  .grid .grid-line:nth-last-child(2) {
     display: none;
  }
}
@media screen and (max-width: 600px) {
  .grid .grid-line:nth-last-child(3) {
     display: none;
  }
}




.page-transitions {
  background-color: transparent;
  background-image: radial-gradient(at top right, #1B46C2 0%, var(--e-global-color-text) 50%);
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  z-index: 9999;
  pointer-events: none;
}

.page-transition-logo {
  height: 96px;
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
  top: -50px;
}
.logo-lion,
.logo-text {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%);
}

.logo-text {
  opacity: 0;
  position: absolute;
  top: 73px;
  left: 36px;
}

#testLogo {
  opacity: 0.3;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
}