/* 
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 */

#site-header, #site-footer {
	display: none;
}

.heading-decor {
	position: relative;
	&:after {
		content: "";
		left: 50%;
		bottom: -40px;
		height: 34px;
		width: 272px;
		position: absolute;
		transform: translateX(-50%) scale(-1);
		background: url(images/heading-asset.png) no-repeat;
	}
}

.service-list-scroll span {
	margin: 0 50px;
	position: relative;
	display: inline-block;
	&:after {
		content: "";
        top: 15px;
        right: -65px;
        width: 20px;
        height: 20px;
        background: #d8b255;
        position: absolute;
        transform: rotate(45deg);
	}
}

.counter-block {
	.e-con-inner {
		overflow: hidden;
	}
	.rotate-image {
	    padding: 0;
	    aspect-ratio: 1;
	    max-width: 250px;
	    position: relative;
	    justify-content: center;
	    min-height: 0 !important;
		&:before {
			content: "";
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			position: absolute;
			border-radius: 50%;
			background: url(images/bg.jpg) no-repeat;
			background-size: contain;
			z-index: -1;
			animation: zodiacRotate 90s linear infinite;
		}
	}
	.elementor-widget-counter {
		position: relative;
		background: #fff;
        border-radius: 50%;
        height: 80%;
        min-width: 80%;
        position: relative;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
	}
}

.circular {
	animation: zodiacRotate 90s linear infinite;
}

@keyframes zodiacRotate {
	0% {
	    transform: rotate(0deg);
	}
	100% {
    	transform: rotate(360deg);
	}
}

.center {
	text-align: center;
}

ul.bullet {
	margin: 0;
	padding: 0;
	list-style: none;
	li {
		position: relative;
		padding: 5px 0 5px 30px;
		&:before {
			content: "";
            top: 10px;
            left: 0;
            width: 18px;
            height: 18px;
            position: absolute;
            background: url(images/star.webp) no-repeat;
            background-size: contain;
		}
		&:hover {
			color: #d8b255;
			&:before {
            	animation: zodiacRotate 4s linear infinite;
            }
		}
	}
}

.web-footer {
	strong {
		color: #D8B255;
	}
}

.service-block .e-con-inner {
	gap: 20px;
	display: flex;
	flex-wrap: wrap !important;
	flex-direction: row !important;
	
}
.service-block .e-con-inner > .elementor-element {
	flex-basis: calc(25% - 15px);
}

.marquee-text {
	font-size: 26px;
	font-weight: 800;
	margin-bottom: 0 !important;
	.elementor-element {
		line-height: 1.5;
		padding: 10px 0 0 0;
	}
}


@media (max-width: 1400px) {
	.service-block .e-con-inner > .elementor-element {
		flex-basis: calc(33.33% - 15px);
	}
}

@media (max-width: 1024px) {
	.footer-sticky-mobile {
		right: 10px;
		z-index: 99;
		width: 50px;
		bottom: 10px;
		position: fixed;
	}
	.stickyicon {
		padding: 11px 11px 11px 11px !important;
		svg {
			height: 20px !important;
		}
	}
	.page-header .e-con-inner {
		flex-direction: column !important;
		.elementor-image-box-wrapper {
		    display: flex;
		    margin: 0 auto;
		    max-width: 250px;
		}
	}
}
@media (max-width: 999px) {
	.overflow-x-scroll > .e-con-inner {
		display: flex !important;
        overflow-x: scroll;
        flex-wrap: nowrap !important;
        flex-direction: row !important;
        padding: 25px 0 40px 0 !important;
		.e-con-full  {
			flex-basis: 33.33%;
			min-width: 40%;
		}
	}
	.service-block .e-con-inner > .elementor-element {
		flex-basis: calc(50% - 10px);
	}

}

@media (max-width: 780px) {
	.overflow-x-scroll .e-con-inner .e-con-full  {
		min-width: 55%;
	}
}

@media (max-width: 670px) {
	.overflow-x-scroll .e-con-inner .e-con-full  {
		min-width: 75%;
	}
	.service-block .e-con-inner {
		flex-direction: column !important;
	}
	.marquee-text {
		font-size: 20px;
	}
}

@media (max-width: 520px) {
	.overflow-x-scroll .e-con-inner .e-con-full  {
		min-width: 90%;
	}
}