/**
 * Theme Name:     Hello Elementor Child
 * Author:         Elementor Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */


@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');

.elementor-element-19e6945{
	text-align:center !important;
}


.elementor-element-19e6945 a {
    font-family: 'Abhaya Libre' !important;
    font-size: 20px !important;
    font-weight: 500 !important; 
    text-transform: capitalize !important;
	    background-color: #000;
    padding: 10px;
    text-align: center !important;
    color: #fff !important;


}

.py-70{
	padding:70px 0px;
}

.py-50{
	padding:50px 0px;
}

.py-100{
	padding:100px 0px;
}

.alex{
	 font-family: "Alex Brush", cursive;
  font-weight: 400;
  font-style: normal;
	font-size:110px !important;
}

.smallalex{
	 font-family: "Alex Brush", cursive;
  font-weight: 400;
  font-style: normal;
	font-size:50px !important;
	line-height:60px;
}

.service-col .elementor-widget-heading {
    position: absolute;
    top: 175px;
    color: #fff !important;
}

.service-col img {
    filter: brightness(0.6);
}

.service-col:hover img {
    filter: brightness(1);
    transition-delay: 0.2s;
    transition-timing-function: ease-in-out;
}

.service-col:hover .elementor-widget-heading {
    display: none;
    transition-delay: 0.2s;
    transition-timing-function: ease-in-out;
}


.project-circles .elementor-icon-box-content {
    position: relative;
    top: -140px;
}

.elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-d7ee289 {
    min-height: 700px !important;
}
.elementor-element-2ae5b60 {
    background: #00000000 !important;
    position: absolute !important;
    left: 0;
    right: 0;
    top: 15px;
}

.header-area .logo img{
	filter:brightness(200);
}

.service-col img {
    height: 420px !important;
    object-fit: cover !important;
}

div#elementor-popup-modal-2222 {
    background: #000 !important;
}

a.dialog-close-button.dialog-lightbox-close-button {
    border: 2px solid #fff !important;
    border-radius: 100%;
    padding: 10px;
    left: auto !important;
    right: 48%;
    display: block !important;
}

ul#menu-1-e80ad8f {
    margin-top: 40px;
}

svg.e-font-icon-svg.e-eicon-close.eicon-close {
    fill: #fff !important;
    width: 23px !important;
    height: 20px !important;
}

/* Initial state */
.menu-animate .elementor-nav-menu > li {
  opacity: 0;
  transform: translateX(-20px);
  animation: menuFadeIn 0.9s ease forwards;
}

/* Stagger delay */
.menu-animate .elementor-nav-menu > li:nth-child(1) { animation-delay: 0.1s; }
.menu-animate .elementor-nav-menu > li:nth-child(2) { animation-delay: 0.2s; }
.menu-animate .elementor-nav-menu > li:nth-child(3) { animation-delay: 0.3s; }
.menu-animate .elementor-nav-menu > li:nth-child(4) { animation-delay: 0.4s; }
.menu-animate .elementor-nav-menu > li:nth-child(5) { animation-delay: 0.5s; }
.menu-animate .elementor-nav-menu > li:nth-child(6) { animation-delay: 0.6s; }

@keyframes menuFadeIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}



.footer-area img.attachment-large.size-large.wp-image-2030 {
    filter: brightness(200);
    width: 180px !important;
}

.elementor-element-31bf7e9{
	background-size:100% 100% !important;
}










@media(max-width:767px){
	
	.elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-d7ee289{
		min-height:505px !important;
	
	}
	.hero{
		height:56vh !important;
	}
	.py-50 , .py-70 , .py-100{
		padding:50px 0px !important;
	}
	
	.alex , .smallalex{
		font-size:50px!important;
	}
	
	.service-col img{
		height:280px !important;
	}
	
	.service-col h2{
		font-size:32px !important;
	}
	
	.service-col .elementor-widget-heading{
		top:120px !important; 
	}
	
	.footer-area ul.elementor-icon-list-items.elementor-inline-items {
    display: block !important;
}

.footer-area li.elementor-icon-list-item.elementor-inline-item {
    display: block;
}

.footer-area li.elementor-icon-list-item.elementor-inline-item::after {
    display: none !important;
}
}