/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.5.1766981956
Updated: 2025-12-29 04:19:16

*/

.e-parent {
    transition: background-color 0.3s ease;
}

.e-parent.e-parent--scrolled {
/*     background-color: #01022e; /* change color */ */
}
.tick p {
    position: relative;
    padding-left: 28px;
   margin-bottom: -13px;
}
/* 
.tick p::before {
    content: "✔";
    position: absolute;
    left: 0;
    top: 0;
    color: #28a745; /* green tick */
    font-weight: bold;
}
 */


.tick p {
    position: relative;
    padding-left: 32px;
   margin-bottom: -19px;
}

.tick p::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.65039 14.03L0 7.3796L1.6626 5.71701L6.65039 10.7048L17.3552 0L19.0178 1.6626L6.65039 14.03Z' fill='url(%23paint0_linear)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear' x1='9.5089' y1='0' x2='9.5089' y2='14.03' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%232195C0'/%3E%3Cstop offset='1' stop-color='%232FDAB3'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}
.tick{
    margin-top: 21px;
}

.hfe-nav-menu li a {
  z-index: 9;
  position: relative;
}
/* 
.e-parent.e-parent--scrolled {
    background-color: #01022e;
    backdrop-filter: saturate(180%) blur(10px) contrast(1);
    background: rgba(1, 2, 46, 0.6);
    box-shadow: 0px 109px 106px #5c280003, 0px 45.5376px 44.2843px #5c280003, 0px 24.3466px 23.6765px #5c280003, 0px 13.6485px 13.2728px #5c280003, 0px 7.24861px 7.04911px #5c280003, 0px 3.01631px  2.93329px #5c280005, 0 0 0 1px #0000000a;
    width: 100%;
    border-radius: 0;
}
 */

.e-parent.e-parent--scrolled .e-con-inner {
    border-radius: 100px;
    /* background: #01022e; */
    padding: 0;
    border: 1px solid #012a2e;
    backdrop-filter: saturate(180%) blur(10px) contrast(1);
    background: rgba(1, 2, 46, 0.7);
    margin-top: 10px;
}

div#scheduledemo {
    margin-top: 3px;
}

 .animated-gradient-banner {
  background: linear-gradient(
    120deg,
    #020024,
    #092e5e,
    #0b6f6b,
    #8bcf9c,
    #f1e3a1
  );
  background-size: 400% 400%;
  animation: gradientFlow 18s ease infinite;
}

@keyframes gradientFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}


.animated-gradient-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(
    circle at 70% 30%,
    rgba(255,255,255,0.35),
    transparent 60%
  );
  pointer-events: none;
}
/*
.animated-gradient-banner {
  position: relative;
  overflow: hidden;
} */

.animated-gradient-banner {
  position: relative;
  overflow: hidden;
}

/* Bubble container */
.bubbles {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}

/* Bubble style */
.bubbles span {
  position: absolute;
  bottom: -150px;
  background: rgba(255, 255, 255, 0.20);
  border-radius: 50%;
  animation: floatBubble linear infinite;
  backdrop-filter: blur(5px);
}

/* Bubble animation */
@keyframes floatBubble {
  0% {
    transform: translateY(0) scale(0.8);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  100% {
    transform: translateY(-120vh) scale(1.2);
    opacity: 0;
  }
}

/* Individual bubbles */
.bubbles span:nth-child(1) {
  left: 10%;
  width: 40px;
  height: 40px;
  animation-duration: 18s;
}
.bubbles span:nth-child(2) {
  left: 20%;
  width: 25px;
  height: 25px;
  animation-duration: 12s;
}
.bubbles span:nth-child(3) {
  left: 35%;
  width: 60px;
  height: 60px;
  animation-duration: 22s;
}
.bubbles span:nth-child(4) {
  left: 50%;
  width: 15px;
  height: 15px;
  animation-duration: 10s;
}
.bubbles span:nth-child(5) {
  left: 65%;
  width: 45px;
  height: 45px;
  animation-duration: 20s;
}
.bubbles span:nth-child(6) {
  left: 75%;
  width: 20px;
  height: 20px;
  animation-duration: 14s;
}
.bubbles span:nth-child(7) {
  left: 85%;
  width: 70px;
  height: 70px;
  animation-duration: 26s;
}
.bubbles span:nth-child(8) {
  left: 30%;
  width: 18px;
  height: 18px;
  animation-duration: 11s;
}
.bubbles span:nth-child(9) {
  left: 55%;
  width: 35px;
  height: 35px;
  animation-duration: 16s;
}
.bubbles span:nth-child(10) {
  left: 90%;
  width: 22px;
  height: 22px;
  animation-duration: 13s;
}
.bubbles span:nth-child(11) {
  left: -10%;
  width: 30px;
  height: 30px;
  animation-duration: 10s;
}
.bubbles span:nth-child(12) {
  left: -20%;
  width: 40px;
  height: 40px;
  animation-duration: 15s;
}
.bubbles span:nth-child(13) {
  left: -30%;
  width: 50px;
  height: 50px;
  animation-duration: 18s;
}
/* Keep text above bubbles */
.animated-gradient-banner > * {
  position: relative;
  z-index: 2;
}

@media(max-width:767px){
	.hfe-nav-menu__breakpoint-tablet .hfe-nav-menu {
    display: none;
}
	.animated-gradient-banner {
    margin-top: 0px;
}
}