/* 
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 */
:root {
	--color-purple: #7A50F2;
	--color-white: #ffffff;
	--button-outline: #ffffff1a;
	--badge-outline: #ffffff0d;
	--opaque-button-border-intensity: 9;
	--elevate-1: #ffffff0a;
	--elevate-2: #ffffff17;
	--background: 0 0% 0%;
	--background-purple:#7954f233;
	--foreground: 0 0% 100%;
	--border: 0 0% 15%;
	--card: 0 0% 5%;
	--card-foreground: 0 0% 100%;
	--card-border: 0 0% 15%;
	--sidebar: 0 0% 5%;
	--sidebar-foreground: 0 0% 100%;
	--sidebar-border: 0 0% 15%;
	--sidebar-primary: 254 86% 64%;
	--sidebar-primary-foreground: 0 0% 100%;
	--sidebar-accent: 0 0% 10%;
	--sidebar-accent-foreground: 0 0% 100%;
	--sidebar-ring: 254 86% 64%;
	--popover: 0 0% 5%;
	--popover-foreground: 0 0% 100%;
	--popover-border: 0 0% 15%;
	--primary: 254 86% 64%;
	--primary-foreground: 0 0% 100%;
	--secondary: 354 70% 53%;
	--secondary-foreground: 0 0% 100%;
	--muted: 0 0% 10%;
	--muted-foreground: 0 0% 60%;
	--accent: 254 86% 64%;
	--accent-foreground: 0 0% 100%;
	--destructive: 0 84% 60%;
	--destructive-foreground: 0 0% 100%;
	--input: 0 0% 15%;
	--ring: 254 86% 64%;
	--chart-1: 254 86% 64%;
	--chart-2: 354 70% 53%;
	--chart-3: 254 86% 84%;
	--chart-4: 0 0% 80%;
	--chart-5: 0 0% 60%;
	--app-font-sans: "DM Sans", sans-serif;
	--app-font-display: "Bebas Neue", sans-serif;
	--app-font-serif: Georgia, serif;
	--app-font-mono: Menlo, monospace;
	--radius: 5px;
	--shadow-2xs: 0px 2px 0px 0px #00000080;
	--shadow-xs: 0px 2px 0px 0px #00000080;
	--shadow-sm: 0px 2px 0px 0px #00000080, 0px 1px 2px -1px #00000080;
	--shadow: 0px 2px 0px 0px #00000080, 0px 1px 2px -1px #00000080;
	--shadow-md: 0px 2px 0px 0px #00000080, 0px 2px 4px -1px #00000080;
	--shadow-lg: 0px 2px 0px 0px #00000080, 0px 4px 6px -1px #00000080;
	--shadow-xl: 0px 2px 0px 0px #00000080, 0px 8px 10px -1px #00000080;
	--shadow-2xl: 0px 2px 0px 0px #00000080;
	--tracking-normal: 0em;
	--spacing: .25rem;
	--sidebar-primary-border: hsl(from hsl(var(--sidebar-primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
	--sidebar-accent-border: hsl(from hsl(var(--sidebar-accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
	--primary-border: hsl(from hsl(var(--primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
	--secondary-border: hsl(from hsl(var(--secondary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
	--muted-border: hsl(from hsl(var(--muted)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
	--accent-border: hsl(from hsl(var(--accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
	--destructive-border: hsl(from hsl(var(--destructive)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
	--fa-font-solid:"Font Awesome 6 Free Solid";
}
.page-header .entry-title, .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {max-width: 1250px;}
body:not([class*=elementor-page-]) .site-main {padding:10px}
.highlight {color:var(--purple)}
.gradient-text {
    background: linear-gradient(45deg, var(--color-purple), var(--color-white));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
/* Icons */
.elementor-icon-list-icon {padding: 7px;background: var(--background-purple); border-radius: 50px;align-items: center;justify-content: center;aspect-ratio: 1 / 1;margin-right:10px}


/* Cards */
.card .icon {transform:scale(1);transition:0.2s ease all; transform-origin:bottom left}
.card:hover .icon {transform:scale(1.1)}
.card .learn-more, .card .arrow-right {transform:translatex(0);transition:0.2s ease all}
.card:hover .learn-more, .card:hover .arrow-right {transform:translatex(10px)}
.card .arrow-right {fill:#999999}
.card:hover .arrow-right {fill:var(--purple)}
.card .card-icon {transform:scale(1);transition:0.2s ease transform;}
.card:hover .card-icon {transform:scale(1.1)}
.card h2, .card h3 {transition:0.2s ease color;}
.card:hover h2, .card:hover h3 {color:var(--purple)}

/* Buttons */
.button-no-bg {}

/* Footer Menu */
.footer-menu li:before { font-family: var(--fa-font-solid);
  content: '\f105';
  display: inline-block;
	transition:0.2s ease all;
	width:0!important;
	overflow:hidden;
	font-size:14px;
	transform:scale(0);
	transform-origin:left;
	fill:currentcolor;
	
}
.footer-menu li:hover:before {
	width:15px!important;
	transform:scale(1);
}
.footer-menu li a {display:inline-block}