/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/
Description: Hello Elementor Child Theme - A lightweight child theme for Hello Elementor. Add your custom code here without losing changes on parent theme updates.
Author: Your Name
Author URI: https://yourwebsite.com
Template: hello-elementor
Version: 1.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 CSS BELOW THIS LINE
   ================================================================= */


html,body{
	overflow-x: hidden !important;
}
/* header css */
.custom-menu .elementor-nav-menu li:last-child a {
    margin-left: 45px;
  background: linear-gradient(90deg, #BC6EFA, #573EF5, #BC6EFA);
  background-size: 200% 200%;
  transition: background-position 0.4s ease;
    border-radius: 7px;
    padding: 12px 18px !important;
	  text-align: center;
	  color: #ffffff !important;
}
.custom-menu .elementor-nav-menu li:last-child a:hover {
  background-position: 100% 50%;
	color: #ffffff !important;
	-webkit-text-fill-color: unset;
}
.custom-menu .elementor-nav-menu li:last-child a.elementor-item-active {
    color: #ffffff !important;
    -webkit-text-fill-color: unset;
}
.custom-menu .elementor-nav-menu li:last-child a:hover::after{
	display: none;
}
.custom-menu a.elementor-item-active {
    background: -webkit-linear-gradient(
45deg, #BC6EFA, #FFFFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 100% 250%;
}
.custom-menu a:hover {
    background: -webkit-linear-gradient(
45deg, #BC6EFA, #FFFFFF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 100% 250%;
}
/* home btn css */
.custom-btn-1 a.elementor-button {
    background: linear-gradient(90deg, #BC6EFA, #573EF5, #BC6EFA);
    background-size: 200% 200%;
    transition: background-position 0.4s ease;
}
.custom-btn-1 a.elementor-button:hover {
	background-position: 100% 50%;
}
.custom-btn-2 {
    background: linear-gradient(90deg, #BC6EFA, #573EF5, #BC6EFA);
    background-size: 200% 200%;
    transition: background-position 0.4s ease;
    border-radius: 7px;
	padding: 1px;
}
.custom-btn-2 a.elementor-button {
    background: linear-gradient(90deg, #000000, #000000, #000000);
    background-size: 200% 200%;
    transition: background-position 0.4s ease;
}
.custom-btn-2:hover {
	background-position: 100% 50%;
}

/* icon box shape css */
.custom-icon-shape::before {
    position: absolute;
    content: "";
    width: 78px;
    height: 5px;

    background: linear-gradient(
        90deg,
        rgba(188, 110, 250, 0) -19.42%,
        #573EF5 6.82%,
        rgba(188, 110, 250, 0) 40.59%
    );
    background-size: 200% 100%;
    background-position: 200% 50%;
    inset: auto -90px -30px auto;
    transform: rotate(30deg);
    animation: gradientMove 2.8s ease-in-out infinite;
	border-radius: 5px;
}
@keyframes gradientMove {
    0% {
        background-position: 200% 50%;
    }
    50% {
        background-position: 250% 0%;
    }
    100% {
        background-position: 200% 50%;
    }
}
.shape-2.custom-icon-shape::before {
    inset: auto auto -30px -100px;
    transform: rotate(150deg);
}
.shape-3.custom-icon-shape::before {
    inset: -30px -100px auto auto;
    transform: rotate(
330deg);
}
.shape-4.custom-icon-shape::before {
    inset: -30px auto auto -100px;
    transform: rotate(
210deg);
}

/* contact us style */
.custom-from input, .custom-from textarea {
    backdrop-filter: blur(4px);
}
.custom-from textarea{
	resize: none;
	padding-top: 15px !important;
}
.custom-from button {
	margin-top: 20px;
  background: linear-gradient(90deg, #BC6EFA, #573EF5, #BC6EFA);
  background-size: 200% 200%;
  transition: background-position 0.4s ease;
}
.custom-from button:hover {
  background-position: 100% 50%;
}
/* participaction css */
.custom-icon-box span {
background: linear-gradient(92.32deg, rgba(255, 255, 255, 0.424) -1.28%, rgba(255, 255, 255, 0.8) 45.96%, rgba(255, 255, 255, 0.224) 98.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.cutom-tab span.e-n-tab-title-text strong {
    border: 1px solid #FFFFFF24;
    border-radius: 100px;
    padding: 3px 12px 3px 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    position: absolute;
    right: -7vw;
}
.cutom-tab span.e-n-tab-title-text strong{
position: unset!important;
	margin-left: 10px;
}

@media only screen and (max-width: 880px) {
	.custom-menu ul {
    margin-top: 50px;
}
	.custom-menu {
  background: linear-gradient(90deg, #BC6EFA, #573EF5, #BC6EFA);
  background-size: 200% 200%;
  transition: background-position 0.4s ease;
}
.custom-menu .elementor-nav-menu li:last-child a {
    color: #fff !important;
    justify-content: center;
    padding: 18px 18px !important;
    width: 85%;
    margin: 50px auto;
}
}