/*
Theme Name: Hello Elementor Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

.custom-btn-contact .elementor-button-content-wrapper,
.custom-btn-contact-v2 .elementor-button-content-wrapper{
	align-items: center;
}

.custom-btn-contact .elementor-button-icon {
	background: #000;
	border-radius: 50%;
	padding: 5px;
	width: 20px;
	height: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.custom-btn-contact .elementor-button-icon svg {
	fill: #E9FB21 !important;
	rotate: -40deg;
	width: 10px !important;
	height: 10px !important;
}

.custom-btn-contact:hover .elementor-button-icon {
	background: #E9FB21;
}

.custom-btn-contact:hover .elementor-button-icon svg {
	fill: #000 !important;
}


.custom-btn-contact-v2 .elementor-button-icon {
	background: #E9FB21;
	border-radius: 50%;
	padding: 5px;
	width: 20px;
	height: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.custom-btn-contact-v2 .elementor-button-icon svg {
	fill: #000  !important;
	rotate: -40deg;
	width: 10px !important;
	height: 10px !important;
}

.custom-btn-contact-v2:hover .elementor-button-icon {
	background: #000;
}

.custom-btn-contact-v2:hover .elementor-button-icon svg {
	fill: #E9FB21 !important;
}


.elementor-form .elementor-button .elementor-button-icon {
	background: #E9FB21;
	border-radius: 50%;
	padding: 5px;
	width: 20px;
	height: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

.elementor-form .elementor-button svg {
	rotate: -40deg;
	width: 10px !important;
	height: 10px !important;
}

.elementor-form .elementor-button svg * {
	fill: #000 !important;
}

.elementor-form .elementor-button:hover .elementor-button-icon {
	background: #000;
}

.elementor-form .elementor-button:hover .elementor-button-icon svg * {
	fill: #E9FB21 !important;
}

.custom-faq .e-n-accordion-item {
	border-bottom: 1px solid #1F1F1E1A;
}


.custom-testimonials .swiper-slide-active .slider-block {
	background-color: #1E1E1E !important;
}


.custom-testimonials .swiper-slide-active .slider-content {
	color: #E9FB21 !important;
}

.custom-testimonials .swiper-slide-active .slider-name {
	color: #fff !important;	
}

.price-range-container {
	display: flex;
	background: #f5f5f5;
	border-radius: 40px;
	padding: 5px 5px;
}

.price-item {
	color: #1A203D4D;
	width: 25%;
	text-align: center;
	padding: 10px;
	cursor: pointer;
	font-family: "Inter", Sans-serif !important;
}

.active-price {
	background: #fff;
	color: #000;
	border-radius: 50px;
}

.btn-container:hover {
    background-color: #E9FB21 !important;
}

.btn-container:hover h2 {
    color: #000 !important;
}

.service {
	position: sticky !important;
	top: 30px;
}

.word {
    display: inline-block;
}

.is-sticky {
	-webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.magic-video {
    width: 50%;
    transition: width 0.8s ease, transform 0.8s ease;
}

.magic-content-left, .magic-content-right {
    position: relative;
    transition: transform 0.8s ease;
}

.magic-content-left {
    transform: translateX(0);
}

.magic-content-right {
    transform: translateX(0);
}

.scrolled .magic-video {
    width: 100vw; /* Expand to full width */
}

.scrolled .magic-content-left {
    transform: translateX(-100vw); /* Push out left */
}

.scrolled .magic-content-right {
    transform: translateX(100vw); /* Push out right */
}

html,
body {
	overflow-x: hidden;
}

.custom-circle img {
  width: 100px; 
  height: 100px;
  animation: rotate 10s linear infinite;
  transition: animation-play-state 0.3s ease;
}

.custom-circle img:hover {
  animation-play-state: paused;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.custom-team-item .custom-team-hover {
	display: none !important;
	height: 100% !important;
}

.custom-team-item:hover .custom-team-hover {
	display: flex !important;
}