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

/*-------- |-- Global Css --| ---------*/
	    
	.outline-text h2{
	    -webkit-text-fill-color: transparent;
	    -webkit-text-stroke-color: rgb(61 64 49 / 20%);
	    -webkit-text-stroke-width: .012em;
	}

	.page .site-main .page-header {
	    display:none;
	}


	ul.elementor-nav-menu li a:focus  {
		background: inherit!important;
		color: #000!important;
	}

/*-------- |-- Global Form Css END --| ---------*/


/*-------- |-- Home Page CSS Start   --| ---------*/

	.hm-sec2-slider .elementor-image-carousel-wrapper{
		border-radius: 20px;
		line-height: 0;
	}
	.hm-sec2-slider .custom-arrow-wrapper{
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 1;
		background: #fff;
		display: flex;
		align-items: center;
		grid-gap: 20px;
	}
	.hm-sec2-slider .custom-arrow-wrapper i {
		color: #000;
	}
	.hm-sec2-slider .custom-arrow-wrapper .elementor-swiper-button-prev{
		padding: 25px 10px 25px 20px;
	}
	.hm-sec2-slider .custom-arrow-wrapper .elementor-swiper-button-next{
		padding: 25px 20px 25px 10px;
	}
	.hm-sec2-slider .custom-arrow-wrapper .elementor-swiper-button{
		line-height: 0;
		cursor: pointer;
	}
	.hm-sec2-slider .custom-arrow-wrapper .elementor-swiper-button:focus-visible{
		outline: none;
	}
	.services-grid-box .elementor-image-box-img{
		margin-bottom: 20px !important;
	}
	.services-grid-box .elementor-image-box-title{
		margin: 0px 0 10px 0px;
	}
	.services-grid-box .elementor-image-box-description{
		max-width: 255px;
	}
	.services-grid-box .elementor-button-text{
		display: inline-block;
		position: relative;
	}
	.services-grid-box .elementor-button-text:after{
		content: "";
		height: 1.5px;
		display: inline-block;
		max-width: 60px;
		width: 100%;
		background: #3d235c;
		position: absolute;
		bottom: -5px;
		left: 0px;
	}
	.about-us-bg-overlay:after{
		content: "";
		height: 29px;
		background: #f5f5f5;
		width: 100%;
		position: absolute;
		bottom: -29px;
	}
	.about-us-btn .elementor-button-text{
		display: inline-block;
		position: relative;
	}
	.about-us-btn .elementor-button-text:after{
		content: "";
		height: 1.5px;
		display: inline-block;
		max-width: 60px;
		width: 100%;
		background: #3d235c;
		position: absolute;
		bottom: -5px;
		left: 0px;
	}



/*------ |-- Global template css code --| ------*/
	.pst-glob-tabs .e-n-tabs-heading {
	    padding-bottom: 20px;
	    border-bottom: dotted 4px #b9b9b9;
	}


/*------ |-- Login form css code --| ------*/
	.login-form .input-group {
	    text-align: left;
	    margin-bottom: 22px;
	    font-family: 'Heebo';
	}
	.login-form .input-group label {
	    display: block;
	    font-size: 12px;
	    font-weight: 600;
	    color: #000;
	    margin-bottom: 10px;
	    letter-spacing: 0px;
	}
	.login-form .input-group input {
	    width: 100%;
	    padding: 15px 25px;
	    border-radius: 50px;
	    border: 1px solid #bdbdbd;
	    font-size: 16px;
	    color: #000;
	    outline: none;
	    background-color: #fafafa;
	    font-family: 'Heebo';
	    height: auto;
	}
	.login-form .options {
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    margin-bottom: 45px;
	    font-family: 'Heebo';
	    font-size: 14px;
	    padding-top: 10px;
	}
	.login-form .options input[type="checkbox"] {
		margin-right: 7px;
		position: relative;
		top: 1px;
	}
	.login-form .options a.forgot {
	    font-family: 'Heebo';
	    display: block;
	    font-size: 14px;
	    font-weight: 500;
	    color: #000;
	}
	.login-form button.login-btn {
       	background-color: #7d45bf;
	    width: 100%;
	    font-family: 'Heebo';
	    padding: 18px;
	    font-weight: 400;
	    font-size: 16px;
	    border-radius: 100px;
	    line-height: 1;
	    text-transform: capitalize;
	}
	.login-form button.login-btn:hover ,
	.login-form button.login-btn:focus {
		background-color:#3d235c;
		color:#fff;
	}
	.already-loggedin {
	    text-align: center;
	    font-size: 18px;
	    font-family: 'Heebo';
	    color: #545454;
	    font-weight: 400;
	    line-height: 25px;
	}

	.already-loggedin strong {
	    color: #3d235c;
	}

	div#loginMessage {
	    font-family: 'Heebo';
	    font-weight: 400;
	    font-size: 16px;
	    line-height: 20px;
	}

.elementor-menu-toggle span.elementor-menu-toggle__icon--open {
	    line-height: 0;
	}
/*------------------------------------------------------------------------------------ 
		|--- Media Query CSS ---| 
-------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1440px) {

/*---|-- Home Page CSS --|------*/
    .about-us-bg-overlay:after{
        width: 75%;
    }
    
}


@media only screen and (max-width: 1280px) {
	
	
}



@media only screen and (max-width:1024px) {
    
    .about-us-bg-overlay:after { display:none; } 



	ul.elementor-nav-menu li a:hover  {
		background: inherit!important;
		color: #000!important;
	}

	



}



@media only screen and (max-width: 880px) {
    
    .about-us-bg-overlay:after { content: unset; }

}


@media only screen and (max-width: 767px) {
    
/*---|-- Home Page CSS --|------*/
    .hm-sec2-slider .elementor-image-carousel-wrapper{
        border-radius: 10px;
    }
    .hm-sec2-slider .custom-arrow-wrapper .elementor-swiper-button-prev {
        padding: 15px 0 15px 15px;
    }
    .hm-sec2-slider .custom-arrow-wrapper .elementor-swiper-button-next {
        padding: 15px 15px 15px 0;
    }
    .outline-text h2{
        -webkit-text-stroke-color: rgb(61 64 49 / 25%);
    }
    .services-grid-box .elementor-image-box-description{
        margin: 0 auto !important;
        max-width: 100%;
    }
    .services-grid-box .elementor-button-text:after{
        left: 50%;
        height: 1px;
        transform: translateX(-50%);
        bottom: -4px;
    }


	
}



@media only screen and (max-width: 580px) {


	.login-form .input-group input {
	    padding: 12px 25px;
	    font-size: 15px;
	}
	.login-form .options {
	    margin-bottom: 30px;
	    font-size: 14px;
	    padding-top: 5px;
	}

	.login-form button.login-btn {
	    padding: 15px;
	    font-size: 15px;
	}
	div#loginMessage {
	    font-size: 15px;
	    line-height: 19px;
	}

}