/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/

html, body {
	overflow-x: hidden !important;
}

::selection {
	background: var(--e-global-color-primary);
	color: black;
	-webkit-text-fill-color: black;
}

body,
a {
	transition: 0.25s ease-out;
}

h1,h2,h3,h4,h5,h6 {
	transition: 0.25s ease-out;
}

p {
/* 	transition: 0.25s ease-out; */
}

strong {
	color: var(--e-global-color-primary);
}

h1 strong,h2 strong,h3 strong,h4 strong,h5 strong, h6 strong {
	font-weight: inherit;
}

ul ::marker,
ol ::marker {
	color: var(--e-global-color-primary);
	font-weight: bold;
}

.elementor-button {
	min-width: 140px;
}

h1 strong,
h2 strong {
    color: var(--e-global-color-primary);
    background-image: linear-gradient(90deg, var(--e-global-color-primary), var(--e-global-color-secondary));
    color: transparent;
    background-clip: content-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.elementor-button .elementor-button-icon svg * {
	color: inherit;
}

.elementor-button {
	min-width: 190px;
}

.elementor-button .elementor-button-icon {
	font-size: 0.8rem;
    transform: translateY(0.1rem);
}

.fadeInUp {
   animation-name: fadeInUp2 !important;
	animation-duration: 1s !important;
}

.elementor-view-stacked .elementor-icon {
	background-image: linear-gradient(180deg, var(--e-global-color-primary), var(--e-global-color-secondary));	
}

.elementor-view-stacked .elementor-icon svg * {
    fill: inherit;
}

@keyframes fadeInUp2 {
    from {
        opacity: 0;
        transform: translate3d(0,20%,0);
    }

    to {
        opacity: 1;
        transform: none
    }
}

.main-button .elementor-button,
form button[type="submit"] {
	box-shadow: 0 4px 20px rgba(184, 131,232,0.4);
	overflow: hidden;
	transition: 0.4s ease-in-out;
	color: white !important;
	background-image: linear-gradient(90deg, var(--e-global-color-secondary), var(--e-global-color-primary));
}

.main-button .elementor-button:hover,
form button[type="submit"]:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 30px rgba(184, 131,232,0.5);
}