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

#mainHeader {
  position: relative;
  z-index: 1000;
  transition: all 0.3s ease;
  width: 100%;
}

/* State when scrolling */
#mainHeader.is-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;

  /* Glass effect */
  backdrop-filter: blur(80px);
  -webkit-backdrop-filter: blur(80px);
}

  .bg-hero-glow {
    background-image: radial-gradient(1000px 500px at 80% -10%, oklch(94% .05 145/.9), transparent 60%), radial-gradient(700px 400px at -10% 20%, oklch(97% .02 145/.9), transparent 60%);
  }

.grid-bg {
	background-image: linear-gradient(90deg,oklch(25% .03 260/.06) 1px,#0000 1px),linear-gradient(oklch(25% .03 260/.06) 1px,#0000 1px);
    background-size: 44px 44px;
    -webkit-mask-image: radial-gradient(#000 40%,#0000 80%);
    mask-image: radial-gradient(#000 40%,#0000 80%);
}

.text-transparent {
    color: #0000;
}

.bg-clip-text {
	-webkit-background-clip: text;
    background-clip: text;
}

  .inset-0 {
    inset: calc(.25rem * 0);
  }

  .absolute {
    position: absolute;
  }

 .pointer-events-none {
    pointer-events: none;
  }

.bg-gradient-leaf {
	background-image: linear-gradient(135deg, oklch(48% .1 145), oklch(40% .09 150));
}

.customProgressBar .elementor-progress-wrapper {
	background-color: #f9fafc !important;
}

.customProgressBar.dark .elementor-progress-wrapper {
	background-color: #38494d !important;
}

.customProgressBar .elementor-progress-wrapper .elementor-progress-bar {
	background: linear-gradient(
  180deg,
  rgba(72, 109, 60, 0.75) 0%,
  rgba(72, 109, 60, 1) 100%
) !important;
}

.bluredBg {
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

  .opacity-25 {
    opacity: .25;
  }

 .blur-3xl {
	 filter:  blur(64px);
}

 .-inset-4 {
    inset: calc(.25rem * -4);
  }

  .bg-gradient-brand {
    background-image: linear-gradient(135deg, #486D3C, #3B5B33);
  }