/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 28 2026 | 07:02:58 */
/* Heading Text Reveal */
.tcf-reveal {
  margin: 0;
}

.tcf-reveal__line {
  display: block;
  overflow: hidden;
}

.tcf-reveal__inner {
  display: inline-block;
  color: inherit;
  transform: translateY(110%);
  opacity: 0;
  transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.5s ease;
  transition-delay: calc(0.12s * var(--i));
}

.tcf-reveal .elementor-heading-title.in-view .tcf-reveal__inner {
  transform: translateY(0);
  opacity: 1;
}

.tcf-reveal .green-heading {
  position: relative;
  display: inline-block;
  color: #EAF3F9;
}

.tcf-reveal .green-heading::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  color: #8BDB6B;
  white-space: normal;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
  transition-delay: var(--accent-delay, 0.9s);
}

.tcf-reveal .elementor-heading-title.in-view .green-heading::after {
  clip-path: inset(0 0 0 0);
}

@media (prefers-reduced-motion: reduce) {
  .tcf-reveal__inner {
    transition: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
  .tcf-reveal .green-heading::after {
    transition: none !important;
    clip-path: inset(0 0 0 0) !important;
  }
}

/* ------ HEADING TEXT REVEAL ------ */

/* HEADER SCROLL ANIMATION */
.main-header {
  position: static;
  width: 100%;
  padding: 10px;
  background: #122149;
}

.main-header__menu {
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.2, 1), background 0.35s ease, border-color 0.35s ease;
  border: 1px solid transparent;
}

.main-header__menu.header--fixed {
  position: fixed;
  top: 10px;
  left: 0;
  right: 0;
  z-index: 999;
margin: 0 auto;
	width: 95%;
}

.main-header__menu.header--active .main-header__menu-nav {
  background: #314671A6 !important;
  border: 1px solid #41518BA1 !important;
  backdrop-filter: blur(20px);
}

.main-header__menu.header--active .services-submenu {
  background: var(--dark-blue) !important;
  border: 1px solid #41518BA1 !important;
  backdrop-filter: blur(20px);
}

.tcf-header-spacer {
  display: none;
  height: 0;
}

.tcf-header-spacer.active {
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .main-header__menu {
    transition: none;
  }
}