/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
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.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.0.2.1719831136
Updated: 2024-07-01 10:52:16

*/


.logo-clippath {
    clip-path: polygon(0% 0%, 101% 0%, 100% 67%, 0% 104%, 0% 85%);
}



.blur8{
	backdrop-filter: blur(8px);
}
.elementor-location-header .elementor-nav-menu--main .elementor-item:hover {
    background: var(--e-global-color-primary);
	color: #fff!important;
}
/* .elementor-location-header .elementor-nav-menu--main .sub-menu{
	padding: 16px 0px;
} */
.elementor-location-header .elementor-nav-menu--main .elementor-item:hover svg {
    fill: #fff;
}
/* Referral Form */
.referral-form .flex p{
	display: flex;
	gap: 16px;
	margin-bottom: 16px;
}
.referral-form input[type="text"], .referral-form input[type="tel"], .referral-form input[type="email"],.referral-form textarea, .referral-form select{
	background: transparent;
    font-family: 'Museo Sans';
    color: #444;
    padding: 16px 22px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.24);
    outline: none;
    font-weight: 100;
	margin-top: 16px;
}
.referral-form span.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item {
    margin-top: 16px;
    margin-left: 0px;
    margin-right: 16px;
}
.referral-form span.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{
	font-family: 'Museo Sans';
    color: #444;
	font-weight: 100;
}
.referral-form textarea{
/* 	margin-top: 16px; */
}
.referral-form input[type='submit']{
    width: 200px;
    background: var(--e-global-color-primary);
    padding: 12px;
    border: none;
    color: #fff;
    font-family: 'Museo Sans';
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 8px;
	margin-top: 16px;
}
/* Hero Section */
.hero-content{
    backdrop-filter: blur(8px);
}
.contact-form p{
    margin: 0;
}
.contact-form .flex p{
    display: flex;
    gap: 16px;
    margin-bottom: 16px;
}
.contact-form .flex p br{
    display: none;
}
.contact-form .flex p span{
    flex: 0 0 calc(50% - 8px);
}
.contact-form input[type='email'], .contact-form textarea{
    margin-bottom: 16px;
}
.contact-form input[type='text'], .contact-form input[type='email'], .contact-form input[type='tel'], .contact-form textarea{
    background: transparent;
    font-family: 'Museo Sans';
/*     color: #fff; */
    padding: 16px 22px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.24);
    outline: none;
    font-weight: 100;
	margin-bottom: 16px;
}
.contact-form input[type='text']::placeholder, .contact-form input[type='email']::placeholder, .contact-form input[type='tel']::placeholder, .contact-form textarea::placeholder{
    color: rgb(0, 0, 0, 0.8);
    font-family: 'Museo Sans';
    font-weight: 100;
}
.contact-form input[type='submit']{
    width: 200px;
    background: var(--e-global-color-primary);
    padding: 12px;
    border: none;
    color: #fff;
    font-family: 'Museo Sans';
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 8px;
}
.contact-form span.wpcf7-spinner {
    position: absolute;
    left: 0;
    margin-top: 10px;
}


/* Service Section */
#serv-prev, #serv-next{
    cursor: pointer;
}
#serv-prev svg, #serv-next svg {
    margin-top: 3px;
}
.th-service-cont .elementor-swiper-button-prev, .th-service-cont .elementor-swiper-button-next{
    visibility: hidden;
}

/* About Us Tab */
.about-us-tab .e-n-tab-title[aria-selected="false"] {
    border-bottom: 4px solid var(--e-global-color-primary);
    border-radius: 0px;
}
.about-us-tab .e-n-tab-title[aria-selected="false"]:hover{
	background: var(--e-global-color-primary);
	border-radius: 8px 8px 0px 0px;
}



@media only screen (min-width: 767px) and (max-width: 1024px){
	.logo-clippath {
    clip-path: polygon(0 0, 100% 0, 100% 77%, 0% 104%, 0 85%);
}
	
}
@media only screen and (max-width: 766px){
	.logo-clippath{
		clip-path: polygon(0% 0%, 100% 0%, 100% 87%, 0% 104%, 0% 85%);
/* 		background: transparent!important; */
	}
/* 	.elementor-location-header .elementor-element-67b878f {
    background: #1A1A1A !important;
} */
	.elementor-location-header .elementor-element > .e-con-inner {
    align-items: center!important;
}
	.about-us-tab .e-n-tabs-heading {
    display: flex!important;
    flex-wrap: nowrap!important;
    gap: 16px!important;
}

.about-us-tab .e-n-tabs-heading button {
    flex: 0 0 60%;
    margin: 0px!important;
}
	.referral-form .flex p{
		display: flex;
        flex-direction: column;
        gap: 16px;
	}
	.referral-form .flex p br{
		display: none;
	}
}
@media only screen and (max-width: 1024px){
	.contact-form .flex p span {
    flex: 0 0 100%;
}

.contact-form .flex p {flex-wrap: wrap;}

.contact-form input[type='text'], .contact-form input[type='email'], .contact-form textarea {
    padding: 12px;
    font-size: 14px;
}

.contact-form textarea {
    height: 130px;
}
}


/* Single Job Page */
@media only screen and (min-width: 1024px){
	.job-content .awsm-job-single-wrap {
    display: flex;
    gap: 40px;
}
}


.job-content .awsm-job-single-wrap .awsm-job-content {
    flex: 0 0 calc(65% - 20px);
}

.job-content .awsm-job-single-wrap .awsm-job-form {
    flex: 0 0 calc(35% - 20px);
}
.job-content .awsm-job-form-inner h2 {
    font-family: 'Poppins';
    font-size: 24px;
}
.job-content input[type='text'], .job-content input[type='email'], .job-content input[type='tel'], .job-content textarea {
    background: transparent;
    font-family: 'Museo Sans';
/*     color: #fff; */
    padding: 8px 22px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.24);
    outline: none;
    font-weight: 100;
}
.job-content input[type='submit']{
	width: 200px;
    background: var(--e-global-color-primary);
    padding: 12px;
    border: none;
    color: #fff;
    font-family: 'Museo Sans';
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 8px;
	margin-top: 16px;
}
.job-content input[type='checkbox'] {
    appearance: none;
    border: 1px solid #222;
    width: 16px;
    height: 16px;
    margin-bottom: -4px;
}

.job-content input[type='checkbox']:checked {
    background: #0095ff;
    border-color: #0095ff;
}

.job-content input[type='checkbox']:checked:before {
    content: '🗸';
    font-size: 18px;
    position: absolute;
    margin-top: -6px;
    text-align: center;
    width: 16px;
    color: #fff;
}


/* Mobile Side Menu */
@media only screen and (max-width: 767px){
	.header-menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    	position: fixed;
		left: auto!important;
		top: -69px !important;
		width: 60% !important;
		height: 100%;
		padding-top: 69px;
		background: #333!important;
		right: 0px;
		
}
	.header-menu .elementor-nav-menu--dropdown a.elementor-item .sub-arrow svg{
		fill: #fff;
	}
	.header-menu .elementor-nav-menu--dropdown a.elementor-item-active .sub-arrow svg {
		fill: var(--e-global-color-primary);
	}
	.header-menu nav.elementor-nav-menu--dropdown.elementor-nav-menu__container a{
		justify-content: flex-start;
	}
	.elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container {
		max-height: 100%!important;
		max-width: 0;
/* 		overflow: hidden; */
		transform: scaleX(0)!important;
}
	.elementor-nav-menu--toggle .elementor-menu-toggle.elementor-active+.elementor-nav-menu__container {
/*     animation: hide-scroll .3s backwards; */
    max-height: 100%!important;
		max-width: 100%;
    transform: scaleX(1)!important;
}
	.elementor-nav-menu--dropdown.elementor-nav-menu__container{
		transition: max-width .3s!important;
	}
/* 	.header-menu:has(.elementor-active) nav.elementor-nav-menu--dropdown{
		
		animation: mobilemenuslide 3s linear 2s!important;
		max-height: 100% !important;
        transition: none;
        transform-origin: left;
	} */
	.header-menu .elementor-menu-toggle.elementor-active{
		z-index: 99999;
	}
	.header-menu .elementor-menu-toggle.elementor-active svg{
		fill: #fff!important;
	}
	
}



/* Mobile Menu */
@keyframes mobilemenuslide {
	from{transform: translateX(100%);}
	to{transform: translatex(0%);}
}

@keyframes slideoutanimation{
	from{
		transform: translatex(0%);
	}
	to{
		transform: translatex(100%);
	}
}


.mobile-menu{
	display: none!important;
}
.mobile-menu.active{
	display: block!important;
}
.mobile-menu-slide {
/*     transform: translateX(100%); */
	animation-name: mobilemenuslide;
	animation-duration: 0.5s;
}
.mobile-menu .sub-arrow svg {
    fill: #fff;
}
.slide-out{
	animation-name: slideoutanimation;
	animation-duration: 0.5s;
	transform: translatex(100%);
}

@media only screen and (max-width: 1215px) and (min-width: 1024px){
	.header-menu a.elementor-item{
		padding: 12px 8px !important;
        font-size: 14px !important;
	}
}


/* Our Team CSS */
.our-team .elementor-widget-theme-post-excerpt {
    height: 90px;
    width: 100%;
    overflow: auto;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
	padding: 0px 12px;
}

.our-team .elementor-widget-theme-post-excerpt::-webkit-scrollbar {
    appearance: none;
    width: 4px;
}

.our-team .elementor-widget-theme-post-excerpt::-webkit-scrollbar-track {
    background: #eeeeee;
}

.our-team .elementor-widget-theme-post-excerpt::-webkit-scrollbar-thumb {
    background: #AA1149;
}