/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: A lightweight child theme for the Hello Elementor parent theme.
Author: advertyzed
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom CSS below this line. */

*{
	margin:0px;
	padding:0px;
	box-sizing:border-box;
}
.sticky{
	background-color: 
color-mix(in oklab, #0b0809 85%, transparent);
	border-color: 
color-mix(in oklab, oklch(0.3 0.02 145 / 1) 70%, transparent);
}
    .text-glow .elementor-heading-title{
        text-shadow: 0 0 12px 
color-mix(in oklab, oklch(0.79 0.23 133 / 1) 55%, transparent), 0 0 40px 
color-mix(in oklab, oklch(0.79 0.23 133 / 1) 30%, transparent);
    }
.elementor-heading-title span{
	 text-shadow: 0 0 12px 
color-mix(in oklab, oklch(0.79 0.23 133 / 1) 55%, transparent), 0 0 40px 
color-mix(in oklab, oklch(0.79 0.23 133 / 1) 30%, transparent);
color:oklch(79% .23 133);
}
.light-text .elementor-heading-title{
	            color: 
color-mix(in oklab, oklch(0.79 0.23 133 / 1) 20%, transparent);
}

.slash-tag-r .elementor-button {
    clip-path: polygon(1.35rem 0, 100% 0, 100% 100%, 0 100%);
}
.slash-tag .elementor-button {
    clip-path: polygon(0 0, 100% 0, calc(100% - 1.35rem) 100%, 0 100%);
}
.lightning-edge:before {
        content: "";
        pointer-events: none;
        background: radial-gradient(60% 90% at 0% 50%, #7BD700, transparent 70%), radial-gradient(60% 90% at 100% 50%, #7BD700, transparent 70%);
        position: absolute;
        inset: 0;
	background: radial-gradient(60% 90% at 0% 50%, 
color-mix(in oklab, oklch(0.79 0.23 133 / 1) 22%, transparent), transparent 70%), radial-gradient(60% 90% at 100% 50%, 
color-mix(in oklab, oklch(0.79 0.23 133 / 1) 22%, transparent), transparent 70%);
    }
.hero:before {
        background: radial-gradient(60% 90% at 0% 50%, 
color-mix(in oklab, oklch(0.79 0.23 133 / 1) 22%, transparent), transparent 70%), radial-gradient(60% 90% at 100% 50%, 
color-mix(in oklab, oklch(0.79 0.23 133 / 1) 22%, transparent), transparent 70%);
    }

    .grid-fracture {
		background-size: 72px 72px;
        background-image: linear-gradient(
color-mix(in oklab, oklch(0.79 0.23 133 / 1) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, 
color-mix(in oklab, oklch(0.79 0.23 133 / 1) 8%, transparent) 1px, transparent 1px);
		inset: 0;
    }
.inset-0{
	inset: 0;
}
.opacity-40{
	opacity:.4;
}
.hero-overlay {
  background: linear-gradient(
    to top,
    var(--background) 0%,
    color-mix(in oklab, #0b0809 70%, transparent) 50%,
    color-mix(in oklab, #0b0809 30%, transparent) 100%
  );
}
.hero-rule{
	 background: linear-gradient(100deg, oklch(0.55 0.19 138 / 1), oklch(0.9 0.25 132 / 1));
	opacity: 0.7;
	filter: blur(64px);
	border-radius: 2147483647px;
	inset-inline: calc(0.25rem * 4);
}
.monster-shadow {
  filter: drop-shadow(0 0 60px rgba(120, 255, 60, 0.28));
}
.toxic-rule {
    background: linear-gradient(100deg, oklch(0.55 0.19 138 / 1), oklch(0.9 0.25 132 / 1));
    box-shadow: 0 0 40px -8px oklch(0.79 0.23 133 / 1);
}
.hairline-num .elementor-heading-title{
        color: 
color-mix(in oklab, oklch(0.79 0.23 133 / 1) 80%, white);
    }
.bg-card{
	background-color: 
color-mix(in oklab, oklch(0.19 0.01 0 / 1) 60%, transparent);
}
.spacer .elementor-divider .elementor-divider-separator,
.service-box{
	transition:all .5s ease-in-out;
}
.service-box:hover .spacer .elementor-divider .elementor-divider-separator{
	width:20%;
}
.contact-gradient {
  background: linear-gradient(
    to bottom,
    color-mix(in oklab, oklch(0.14 0.01 0 / 1) 90%, transparent) 0%,
    color-mix(in oklab, oklch(0.14 0.01 0 / 1) 80%, transparent) 50%,
    oklch(0.14 0.01 0 / 1) 100%
  );
}