/*
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.9.1779993003
Updated: 2026-05-28 18:30:03

*/
/* WebKit browsers (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #111827; /* darker background */
}

::-webkit-scrollbar-thumb {
    background-color: #1fb6ff;
    border-radius: 10px;
    border: 2px solid #111827;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #38c2ff;
}

/* Firefox */
html,
body {
    scrollbar-color: #1fb6ff #111827;
}

body {
  position: relative;
  overflow-x: hidden;
  background: #050816;
}

body::before {
  content: "";
  position: fixed;
  width: 700px;
  height: 700px;
  top: -200px;
  left: -200px;

  background: radial-gradient(
    circle,
    rgba(31,182,255,0.18) 0%,
    transparent 70%
  );

  filter: blur(40px);

  animation: floatBlue 8s ease-in-out infinite alternate;

  pointer-events: none;
  z-index: -1;
}
body::after {
  content: "";
  position: fixed;
  width: 700px;
  height: 700px;
  bottom: -200px;
  right: -200px;

  background: radial-gradient(
    circle,
    rgba(139,92,246,0.18) 0%,
    transparent 70%
  );

  filter: blur(40px);

  animation: floatPurple 20s ease-in-out infinite alternate;

  pointer-events: none;
  z-index: -1;
}
.gradient-text, .gradient-text * {
  background: linear-gradient(to right, #60A5FA, #a646f7)!important;
  -webkit-background-clip: text!important;
  -webkit-text-fill-color: transparent!important;
  background-clip: text!important;
  color: transparent!important;
}
@keyframes floatBlue {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(120px, 80px);
  }
}

@keyframes floatPurple {
  0% {
    transform: translate(0, 0);
  }

  100% {
    transform: translate(-120px, -80px);
  }
}


@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #header-cta {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}

@media only screen and (max-width: 767px) {

    .xpro-elementor-nav-link {
        margin: 10px 0px !important;
        font-size: 18px !important;
    }

    .xpro-elementor-nav-link:hover {
        color: #1fb6ff !important;
    }

    .xpro-elementor-horizontal-menu-close:hover,
    .xpro-elementor-horizontal-menu-toggler:hover {
        color: #1fb6ff !important;
    }
    .xpro-elementor-horizontal-navbar-wrapper {
        backdrop-filter: blur(10px)!important;
border-style: solid;
border-color: #1fb6ff;
border-width: 0px 0px 0px 1px;        
    }
        .xpro-elementor-horizontal-menu-toggler:hover {
        background: transparent;
    }
}

.wpcf7-textarea {
	backdrop-filter: blur(10px);
}
.wpcf7-response-output {
	padding: 8px!important;
	margin: 0px!important;
	color: white;
	border-width: 0px 0px 0px 10px!important;
	border-radius: 6px;
		background: rgba(255, 255, 255, 0.4);
	backdrop-filter: blur(10px);
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	background: rgba(255, 0, 0, 0.1);
		color: #da3232;
	border-color: #da3232
}