/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Description: Child theme for the Astra theme
Author: Murtaza Musheer
Author URI: https://mufime.com/
Template: astra
Version: 1.0.0
*/

a:focus,
a:focus-visible {
	outline: none !important;
}

.w-fit-content {
	width: fit-content;
}

#ast-scroll-top {
	width: 35px;
	height: 60px;
}

#ast-scroll-top .ast-icon {
	display: none;
}

#ast-scroll-top::before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	background-image: url('https://mufime.com/wp-content/uploads/2025/08/arrow-up.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	filter: brightness(0) saturate(100%) invert(100%);
	margin: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#ast-scroll-top:hover::before {
	filter: brightness(1) saturate(0%) invert(0%);
}


#header {
	backdrop-filter: blur(0px);
	border-bottom: 1px solid #0000;
	background-color: rgba(0, 0, 0, 0); /* Initial */
	transition: background-color 0.1s linear; /* For smoother step updates */
}

.main-menu .elementor-menu-toggle {
	padding: 9px;
}

#home {
	background-image: radial-gradient(circle at 100% 0, #724dff40, #fff0 44%, #fff0), radial-gradient(circle, #724dff66, #fff0 65%), radial-gradient(circle at 50% 91%, #724dff40, #0000 21%);
	position: relative;
}

#home .hero-head .hero-img {
	background-image: url(https://mufime.com/wp-content/uploads/2025/08/6750a12a570fde0a13a9f49b_icon-inside.png);
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 9vw;
}

#home .hero-head h1 {
	-webkit-text-fill-color: transparent;
	background-image: radial-gradient(circle,#fff,#5b55c5bd),linear-gradient(#fff,#fff);
	background-clip: text;
	padding-top: 5px;
}

#home .hero-head .hero-img {
	animation: up_down 2s ease-in-out infinite;
	will-change: transform; 
}

@keyframes up_down {
	0% {
		transform: translateY(-13px);
	}
	50% {
		transform: translateY(2px);
	}
	100% {
		transform: translateY(-13px);
	}
}

#who-we-are {
	background-image: radial-gradient(circle at 0 40%, #f3d4af85, #fff0 29%), radial-gradient(circle at 100% 100%, #f3d4af73, #fff0 45%), radial-gradient(circle at 0 100%, #9981f657, #fff0 49%), radial-gradient(circle at 100% 0, #9981f657, #fff0 64%);
}

#services {
	background-image: radial-gradient(circle at 50% 0, #9981f640, #fefeff00 57%, #fff0);
}

#services .serv {
	background-image: radial-gradient(circle at 0 100%, #6662ff2e, #fff0 57%);
}

#services .serv:hover {
	background-color: #9981f640;
}

#case-studies {
	background-image: radial-gradient(circle at 0 0, #f3d4af52, #fff0), radial-gradient(circle at 0 100%, #9981f669, #fff0 62%), radial-gradient(circle at 100%, #9981f64a, #fff0 53%);
}

.study-btn .elementor-button .elementor-button-content-wrapper {
	align-items: center;
}

.study-btn .elementor-button svg {
	width: 26px;
	height: 26px;
}

.study-btn .elementor-button:hover svg {
	animation: left_right 2s ease-in-out infinite;
}

@keyframes left_right {
	0% {
		transform: translateX(0px);
	}
	50% {
		transform: translateX(10px);
	}
	100% {
		transform: translateX(0px);
	}
}

.study-video .elementor-custom-embed-play svg {
	color: #fff !important;
	fill: #fff !important;
	opacity: 1;
}

.study-video .elementor-custom-embed-play {
	top: unset;
	left: 10px;
	bottom: 0px;
	transform: unset;
}

#testimonials {
	background-image: radial-gradient(circle at 1% 100%, #ffedd869, #fff0 46%), radial-gradient(circle at 100% 0, #ffedd87d, #fff0 47%);
}

.test-btn .elementor-button-icon {
	background-color: #fff;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.test-btn .elementor-button-content-wrapper {
	align-items: center;
}

.test-btn .elementor-button-icon svg {
	color: #000;
	fill: #000;
	width: 22px;
	height: 22px;
}

.swiper {
	user-select: none;
	cursor: grab;
}

#testimonials .elementor-widget-n-carousel .e-n-carousel.offset-right {
	padding-inline-start: 100px;
}

#process {
	background-image: radial-gradient(circle at 50% 100%, rgba(153, 129, 246, 0.25), rgba(255, 255, 255, 0) 11%), radial-gradient(circle at 0px 80%, rgba(153, 129, 246, 0.25), rgba(255, 255, 255, 0) 34%), radial-gradient(circle at 100% center, rgba(153, 129, 246, 0.25), rgba(255, 255, 255, 0) 29%), radial-gradient(circle at 50% 0px, rgba(153, 129, 246, 0.25), rgba(255, 255, 255, 0) 43%);
}

#faq {
	z-index: 1;
	background-image: radial-gradient(circle at 100% 100%, rgba(243, 212, 175, 0.28), rgba(255, 255, 255, 0) 82%), radial-gradient(circle at -5% center, rgba(153, 129, 246, 0.29), rgba(255, 255, 255, 0) 46%), radial-gradient(circle farthest-side at 100% 0px, rgba(153, 129, 246, 0.32), rgba(255, 255, 255, 0) 77%);
	background-repeat: repeat, repeat, repeat, repeat;
	background-size: 100% auto, auto, auto, auto;
	position: relative;
	background-position: 50% 100%, 0px 0px, 0px 0px, 0px 0px;
}

#faq details {
	background-color: #ffffff80;
	border: 1px solid #fff;
	border-radius: 15px;
	backdrop-filter: blur(12px);
}

#faq details .e-n-accordion-item-title-icon svg path {
	transition: all 0.3s linear;
}

#faq details .e-n-accordion-item-title-icon svg {
	transform: rotate(0deg);
	transition: transform 0.3s linear;
}

#faq details[open] .e-n-accordion-item-title-icon svg {
	transform: rotate(-180deg);
}


#faq details[open] .e-n-accordion-item-title-icon svg path {
	fill: #7f62f4;
}

#contact {
	background-image: radial-gradient(circle at 100% 0,#ffffff5e,#fff3 36%),radial-gradient(circle at 0 100%,#ffffff73,#fff0 28%);
}

#contact input, 
#contact textarea {
	box-shadow: none !important;
	outline: none !important;
	backdrop-filter: blur(11px);
}

#contact input::placeholder, 
#contact textarea::placeholder {
	opacity: 1;
}

#contact input:focus, 
#contact textarea:focus {
	box-shadow: none !important;
	outline: none !important;
	background-color: #ffffff63;
}

#contact input:hover,
#contact textarea:hover {
	background-color: #ffffff57 !important;
}

.study-btn.case-study-btn .elementor-button svg {
	width: 33px;
	height: 33px;
}

.study-btn.case-study-btn .elementor-button svg path {
	fill: #cfff5e !important;
	color: #cfff5e !important;
}

.case-study-loop-item {
	text-decoration: none !important;
}

.case-study-loop-item .case-study-video {
	transition: all .3s ease-in-out;
}

.case-study-loop-item:hover .case-study-video {
	box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);
}

.client-img-box .elementor-image-box-content {
	width: 80% !important;
}

.client-img-box .elementor-image-box-img img {
	width: 100% !important;
}


@media screen and (max-width:1024px) {
	#testimonials .elementor-widget-n-carousel .e-n-carousel.offset-right {
		padding-inline-start: 50px;
	}

	#home .hero-head .hero-img {
		width:10vw;	
	}

	#ast-scroll-top {
		height: 50px;
	}
}

@media screen and (max-width:767px) {
	#home .hero-head .hero-img {
		width:17vw;	
	}

	@keyframes up_down {
		0% {
			transform: translateY(-10px);
		}
		50% {
			transform: translateY(1px);
		}
		100% {
			transform: translateY(-10px);
		}
	}

	#testimonials .elementor-widget-n-carousel .e-n-carousel.offset-right {
		padding-inline-start: 30px;
	}

	.client-img-box .elementor-image-box-content {
		width: 100% !important;
	}

	#ast-scroll-top {
		width: 30px;
		height: 40px;
	}

	#ast-scroll-top::before {
		width: 25px;
		height: 25px;
	}

}