/**
 * 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.
 * Version:        1.0.0
 */
 /*contact popup */
img.image.wp-image-1239.attachment-medium.size-medium {
    width: 355px !important;
    border-radius: 5px;
    height: 257px !important;
    object-fit: cover;
}
.textwidget p {
    width: 79%;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item a.mega-menu-link:before {
    font-size: 18px;
    color: #000000 !important;
    border-radius: 45px;
    line-height: 21px;
}
.mega-sub-menu{
	margin-top:30px !important;
} 
#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
	margin-top: 0 !important;	
}

li#mega-menu-34-0-1 {
	margin-top: 0 !important;
}
li#mega-menu-34-0,li#mega-menu-35-0{
	padding: 30px 60px 50px !important;
}

/* .formhire.home input[type=text]:focus {
    border-color: #66666675;
}
.formhire.home input[type=tel]:focus{
    border-color: #66666675;
} */
.formhire.home input:focus{
    border-color: #66666675;
}
.formhire.home input {
    outline: none !important;
    border-color: #66666675;
    border-radius: 5px;
	font-size: 14px;
    font-weight: 500;
    color: #000;
    font-family: "Sharp", sans-serif;
}
.formhire.home input::placeholder {
	font-size: 14px !important;
    font-weight: 500;
    color: #000 !important;
}
.formhire.home select {
    width: 100% !Important;
    outline: none !important;
    border-color: #66666675;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    font-family: "Sharp", sans-serif;
}
.cotact-sub {
    width: 20%;
}
.formhire.home label {
    font-size: 14px;
    line-height: 20px;
	font-family: "Sharp", sans-serif;
    font-weight: 500;
}
.formhire.home textarea {
    height: 100px !important;
	outline: none !important;
    border-color: #66666675 !important;
    border-radius: 5px;
	font-size: 14px;
    font-weight: 500;
    color: #000;
    font-family: "Sharp", sans-serif;
	
}
.main-1 p {
    width: 100%;
}
.elementor-popup-modal .dialog-close-button {
    font-size: 26px;
    position: absolute;
    right: -16px;
    border: 2px solid #E30000;
	fill:  #E30000;
    background: #fff;
    border-radius: 5px;
	font-size: 26px; 
}
.elementor-popup-modal .dialog-close-button svg{
	fill:  #E30000 !important;
}
.hire.popup.all  input.wpcf7-form-control.wpcf7-submit.has-spinner{
 	color: #fff;
	padding: 14px 15px !important; 
	border: 1px solid #fff;
    width: 23%;
}
hire.popup.all .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color:  #E30000;
    color: #E30000;
	padding: 6px 15px;
	font-size: 14px;
    font-weight: 600;
}
.hirepopup.all select{
	border-color: #66666675 !important;
    outline: none !important;
    border-radius: 5px;
	 font-size: 13px !Important;
    font-weight: 600;
    color: #474747 !Important;
    font-family: "Sharp", sans-serif;
	outline: none !Important;
}

.main-2 input::placeholder{
	font-size: 13px;
    font-weight: 500;
    color: #474747;
}
.ustom-submit input.wpcf7-form-control.wpcf7-submit.has-spinner {
    color: #fff !important;
    border: none;
}
.wpcf7-response-output {
	color: #474747 !Important;
	border-color: #66666675!important;
	padding: 15px 15px !important;
}
.wpcf7-response-output {
    font-size: 16px;
    text-align: center;
}
.hirepopup.all input::placeholder {
    color: #474747;
	font-size: 13px;
    font-weight: 600;
}
.main-2 label {
    font-size: 14px;
    line-height: 24px;
}

.hirepopup.all label {
    font-size: 14px;
    line-height: 24px;
}
.hirepopup.all input {
    outline: none;
    border-color: #66666675 !important;
    outline: none !important;
    border-radius: 5px;
    font-size: 13px !Important;
    font-weight: 600;
    color: #474747 !Important;
}
.hirepopup.all textarea {
    height: 100px !important;
	outline: none !important;
    border-color: #66666675 !important;
    border-radius: 5px;
	font-size: 13px;
    font-weight: 500;
    font-family: "Sharp", sans-serif;
}
.main-2 p {
    width: 50%;
}
.main-2{
	display: flex;
    gap: 20px;
}

.ustom-submit {
    text-align: center;
}

.main-1{
	display: flex;
    gap: 20px;
}
.d-flex input {
    width: 480px !important;
}
@media (max-width: 767px) {
	.d-flex input {
		width: 100% !important;
	}
	.d-flex {
		display: block;
	}
}

.home-category-sec li.menu-item{
	z-index: 29;
}
.home-category-sec li.menu-item:hover ul.sub-menu{
	margin-left: 200px;
	min-width: 450px;
    max-height: 541px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    background-color: #ffffff;
	z-index: 99;
}
/**/
@media only screen and (min-width: 1024px){
	.hero-image-section:before {
		content: '' !important;
		background-color: #E30000 !important;
		position: absolute !important;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		clip-path: polygon(30.1% 0%, 53.1% 100%, 74% 0);
		z-index: 2;
	}
}
.value-sec .elementor-counter-title{
	text-align: center;
}
.agency-loc .elementor-widget-heading{
	border: 2px solid transparent;
}
.agency-loc .elementor-widget-heading:hover{
	border: 2px solid #E30000;
}
.agency-loc .elementor-widget-heading:hover p.elementor-heading-title {
	color: #E30000;
}
 .contacttt-form form input {
    border: 2px solid #ddd;
    outline: none !important;
    background: #ffe5e500;
    border-radius: 5px;
    margin-top: 3px !important;
} 

.contacttt-form input.wpcf7-form-control.wpcf7-submit{
    color: #fff !important;
    background: #E30000 !important
}
.contacttt-form span.wpcf7-list-item.first {
    margin: 0;
}
.contacttt-form input.wpcf7-form-control.wpcf7-submit:hover{
    background:#fff !important;
    color: #E30000 !important;
   border: 1px solid #E30000 !important;
}
.contacttt-form input{
	margin-bottom: 15px;
}
.contacttt-form label span.wpcf7-checkbox span.wpcf7-list-item,
.contacttt-form .wpcf7-acceptance span.wpcf7-list-item{
	margin-left: 0px !important;
	margin-right: 20px;
	margin-top: 15px;
}
.contacttt-form label{
	width: 100%;
}
/*header*/
#mega-menu-34-0-1{
	padding-top:20px !important;
}
#mega-menu-wrap-menu-1, #mega-menu-wrap-menu-1 #mega-menu-menu-1, #mega-menu-wrap-menu-1 #mega-menu-menu-1 ul.mega-sub-menue{
	position:unset !important;
	
}
.site-logo.show {
    width: 143px;
}
@media (min-width:1024px){
/* header {
    position: fixed !important;
  top: 20px;
    left: 50%;
	width: 100%;
    transform: translateX(-50%);
    width: calc(100% - 0px);
    max-width: 100% !important;
    z-index: 999;
    background: #fff;
    box-shadow: 0 12px 24px rgba(0,0,0,0.3);
    transition:
        width 0.5s ease,
        max-width 0.5s ease,
        border-radius 0.4s ease;
} */

/* header.scrolled {
    width: 100%;
    max-width: 100%;
    border-radius: 0;
	top:0;
} */
}
@media(max-width:769px){
/* 	.site-header .site-branding {
		padding-left: 12px;
	}
	.site-logo.show {
		width: 109px;
	}
	header {
	  top: 9px;
	  width: calc(100% - 30px);
	  transition: width 0.5s ease,
	  max-width 0.5s ease,
	 background: transparent;
	  border-radius 0.4s ease;
	} */
}
/* CSS for Job Sub-Category templates starts from here*/
.container{
	max-width: 998px;
	margin: auto;
}
section.job-subcat-template,
.single-awsm_job_openings main#content,
body.post-type-archive-awsm_job_openings .awsm-job-archive-content{
	margin-top: 100px;
}
.job-subcat-template{background-color: #f6f6f6;}
.job-subcat-template .job-listing{
	background-color: #ffffff;
	padding: 25px 20px;
	margin-bottom: 50px;
}
.job-subcat-template .job-listing .job-item{
	margin-bottom: 20px;
	border-bottom: 1px solid #e30000a3;
	padding-bottom: 30px;
}
.job-subcat-template .job-listing .job-item a{text-decoration: none;}
.job-subcat-template .job-listing .job-item h5{
	font-weight: 700;
}
.job-subcat-template .job-listing .job-item p{
	color: #000000;
	font-size: 16px;
	line-height: 21px;
	margin-bottom: 0;
	font-weight: 500;
}
.job-subcat-template .job-listing .job-item:last-child{
	border-bottom: none;
	padding-bottom: 0px;
}
.job-subcat-template .pagination{
	display: flex;
	justify-content: center;
	gap: 15px;
}
.cstm-tmp-asidebar .csmt-tech-lisst ul{
	height: 250px;
	overflow-y: scroll;
	overflow-x: hidden; 
	padding: 0;
}
.cstm-tmp-asidebar .csmt-tech-lisst ul li{
	list-style-type: none;
	margin-bottom: 8px;
	text-transform: capitalize;
}
ul.list-of-categories,
ul.list-of-categories li ul.tmpt-job-subcate-list{
	padding: 0;
}
ul.list-of-categories{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 40px;
}
ul.list-of-categories li{
	list-style-type: none;
	position: relative;
}
ul.list-of-categories .tmpt-job-category div{
	padding: 20px 25px;
    border: 2px solid #ffffff;
    background: #ffffff;
    color: #000000;
    text-align: left;
    position: relative;
}
ul.list-of-categories li.tmpt-job-category:hover div{
	border: 2px solid #E30000;
	background: #E30000;
	color: #ffffff;
}
ul.list-of-categories li ul.tmpt-job-subcate-list{display: none;}
li.tmpt-job-category span{
	position: absolute;
	right: 50px;
	transition: right 0.5s;
}
li.tmpt-job-category:hover span{right: 15px;}
ul.tmpt-job-subcate-list{
	position: absolute;
    top: 45px;
    left: 30px;
    display: none;
    z-index: 70;
    background: #ffffff;
    min-width: 480px;
    padding: 0px 15px !important;
    padding-top: 12px !important;
    grid-template-rows: repeat(5, minmax(0, 1fr));
	box-shadow: 0 0 10px 0 #0a0a0a96;
	opacity: 0;
	transition: opacity 0.1s ease, transform 0.1s ease;
}
li.tmpt-job-sub-category{margin-bottom: 10px;}
li.tmpt-job-sub-category a{color: #000000; text-transform: capitalize; font-weight: 600;}
li.tmpt-job-sub-category a:hover{color: #E30000; text-decoration: underline; font-weight: 600;}

.wrapper-list-job{min-height: 70vh;}
.subcategory-banner h1.cstm-banner_heading{
	font-weight: 700;
	text-transform: uppercase;
}
.single-awsm_job_openings main#content h1.entry-title{padding-top: 50px;}
/* Ends Here*/


/* Last menu item ko button banana */
/*    #mega-menu-menu-1 > li:last-child > a.mega-menu-link {
    color:#E30000 !important;
    padding: 12px 22px;
    border-radius: 50px !important;
	border: 1px solid #E30000 !important;
    font-weight: 600;
    transition: all 0.3s ease;
	font-weight:500 !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
}

#mega-menu-menu-1 > li:last-child > a.mega-menu-link:hover {
    color:#fff !important;
    border-radius: 50px !important;
	border: 1px solid #E30000 !important;
    font-weight: 500;
    transition: all 0.3s ease;
	border: 1px solid #E30000 !important;
}     */
span.colored{
	color:#e30000;
}
.contacttt-form .elementor-kit-6 input[type="button"], .elementor-kit-6 input[type="submit"] {
        padding: 9px 50px 9px 50px !important;
}
.contacttt-form span.wpcf7-list-item-label, label{
	
	font-size: 16px !important;
}
/* Button base */
.btn-10 > .elementor-button, .btn-11 > .elementor-button{
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.3s ease;
}

/* Background layer */
.btn-10 .elementor-button::after{
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  transform: scale(0);
  transform-origin: center;
  transition: transform 0.35s ease;
  z-index: 0;
  border-radius: 50px !important;
}
.btn-11 .elementor-button::after{
  content: "";
  position: absolute;
  inset: 0;
  background: #e30000;
  transform: scale(0);
  transform-origin: center;
  transition: transform 0.35s ease;
  z-index: 0; 
  border-radius: 50px !important;
}

/* Text above background */
.btn-10 .elementor-button-text {
  position: relative;
  z-index: 2;
}
.btn-11 .elementor-button-text {
  position: relative;
  z-index: 2;
}
/* Hover */
 .btn-10 a.elementor-button:hover {
  color: #e30000 !important;
}
.btn-11 a.elementor-button:hover {
  color: #fff !important;
}

.btn-10 .elementor-button:hover::after {
  transform: scale(1);
	border: 1px solid #e30000;
}
.btn-11 .elementor-button:hover::after {
    transform: scale(0.9);
}


.foter-icon .elementor-icon-list-icon{
	border: 2px solid #ffffff75 !important;
    text-align: center;
    background:#f4f4f4 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 7px !important;
    border-radius: 5px !important;
}
.foter-icon .elementor-icon-list-icon svg{
	margin-right: 0 !important;
	height:22px;
    width: 22px;
}
.foter-icon a {
    gap: 10px !important;
}
