/*
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.2.1.1736399692
Updated: 2025-01-09 05:14:52

*/

.hfeed.site{	
	--heading-font-family: 'Synonym';
}
img{
	vertical-align: bottom;
}

/*---- Layout ----*/
.align-container .e-child:first-child{
	padding-left: calc((100% - var(--content-width) + 40px) / 2);
}

/*---- Heading ----*/
.elementor-widget-heading .elementor-heading-title,
.elementor-button .elementor-button-text{
	font-family: var(--heading-font-family);
}
.elementor-heading-title span{
	color: var(--e-global-color-77a382c);
}
.elementor-heading-title span.color-orange{
	color: var(--e-global-color-45d44e4);
}

/*---- Buttons ----*/
.elementor-widget-button .elementor-button{
	position: relative;
}
.elementor-widget-button .elementor-button:after{
	width: 78px;
	height: 78px;	
	background-color: var(--e-global-color-fd1f24b);
	background-image: url('assets/images/hand.png');
	background-repeat: no-repeat;	
	background-position: center center;
	background-size: 50px;	
	border-radius: 50%;
	border: 2px solid var(--e-global-color-4146f09);
	display: block;
	content: "";
	position: absolute;
	top: -1px;
	right: 0;	
	transform: scale(1.04);
}
.talent_banner_btn.elementor-widget-button .elementor-button:after {
    right: auto;
    left: 0;
    content: "";
    display: grid;
    place-items: center;
    color: #000;
    font-family: var(--heading-font-family);
    background: url('assets/images/plus_black_icon.svg') no-repeat center;
    width: auto;
    height: 100%;
    aspect-ratio: 1/1;
	background-size: 70%;
}
.talent_banner_btn.elementor-element {
    top: calc(48% - 22px) !important;
}
.banner-button .elementor-widget-container{
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.banner-button .elementor-widget-container:before{
	width: 100%;
	height: 100%;	
	mix-blend-mode: screen;
	display: block;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
.button-blue .elementor-widget-container:before{
	background: var(--e-global-color-77a382c);
}
.button-yellow .elementor-widget-container:before{
	background: var(--e-global-color-e11b888);
	mix-blend-mode: hard-light;	
}
.button-blue .elementor-button:after{
	background: rgb(39,106,255,0.4);
	right: 0;
}
.button-yellow .elementor-button:after{
	background: rgb(193,228,23,0.4);
	left: 0;
	right: unset;
}

/*---- Header ----*/
header .e-con-inner{
	position: relative;
}
header .elementor-element .elementor-widget.elementor-widget-navigation-menu{
	top: unset;
}
.top-left-menu li{
	position: relative;
}
header nav li:after{
	background-repeat: no-repeat;	
	background-position: center center;
	background-size: contain;
	display: block;
	content: "";
	position: absolute;	
}
.top-left-menu li:nth-child(1):after{
	width: 34px;
	height: 31px;
	background-image: url('assets/images/menu-vector-1.png');
	top: -14px;
	right: -40px;
}
.top-left-menu li:nth-child(2):after{
	width: 58px;
	height: 52px;
	background-image: url('assets/images/menu-vector-2.png');
	top: -20px;
	right: -45px;
}
.top-left-menu li:nth-child(3):after{
	width: 40px;
	height: 23px;
	background-image: url('assets/images/menu-vector-3.png');
	top: -14px;
	right: -40px;
}
.top-right-menu li:nth-child(1):after{
	width: 34px;
	height: 31px;
	background-image: url('assets/images/menu-vector-1.png');
	top: -14px;
	right: -40px;
}
.top-right-menu li:nth-child(2):after{
	width: 58px;
	height: 52px;
	background-image: url('assets/images/menu-vector-4.png');
	top: -28px;
	right: -40px;
}
.language_switcher ul {
    display: flex;
    align-items: center;
    padding: 0 !important;
	list-style: none;
}
.language_switcher ul li:first-child a {
    border-right: 3px solid #000;
}
.language_switcher ul li a {
    font-size: 18px;
    font-weight: 700;
    color: #8E8E8E;
    font-family: 'Dosis';
    padding: 0 8px;
}
.language_switcher ul li.current-lang a {
    color: #000;
}
.hfe-nav-menu__submenu-arrow li a.hfe-menu-item {
    font-weight: bold !important;
}
.flag-dropdown {
    width: 100%;
}

.country-select.inside .selected-flag {
	position: absolute;
    right: -2px;
    top: -2px;
    width: 59px;
    height: 58px;
    background-color: var(--e-global-color-accent);
    background-image: url(assets/images/polygon_with_bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    display: block;
    content: "";
    background-position: center;
}
.country-select.inside .selected-flag>div{
	display: none;
}


/*---- Home ----*/
.home-hero-search .elementor-icon-box-icon{
	transform: translateY(-4px);
}
.home-hero-search .elementor-icon-box-title span{
	font-family: var(--heading-font-family);
}

/*---- About ----*/
.our-vision .e-con-inner{
	position: relative;
}
.our-vision .elementor-widget-heading{
	margin: 0 auto;
	right: 0;
}
.our-vision .elementor-widget-icon-box{
	margin: 0 auto;
	right: 0;
}
.about_banner h3.elementor-heading-title.elementor-size-default{
	font-family: var(--heading-font-family) !important;
}

/*---- I am client ----*/
.offer-plans .elementor-widget-icon-box{
	height: 185px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.offer-plans .elementor-widget-icon-box .elementor-widget-container{
	display: flex;
	justify-content: center;
	align-items: center;
}
.offer-plans .elementor-widget-icon-box,
.offer-plans .elementor-widget-button{
	margin: 0 auto;
	right: 0;
}
.offer-plans h3,
.offer-plans h3 span{
	font-family: var(--heading-font-family);
	color: #000;
}
.offer-plans .elementor-widget-text-editor{
	height: 100%;
}
.offer-plans .elementor-button:after{
	display: none;
}
.offer-plans .e-child:nth-child(2) .elementor-widget-container{
	width: 100%;
}
.client_banner_btn { 
	transform: translate(-50%, -10%); 
}
.client_banner_text {
    transform: translate(-50%, -50%);
    max-width: 575px !important;
    text-align: center;
    top: calc(50% + 100px) !important;
}
.client_banner_text h3 { 
	font-family: var(--heading-font-family) !important;
}
.client_banner_btn.elementor-widget-button .elementor-button:after {
    background-image: url(https://jmk-sourcing.securework.co.in/wp-content/uploads/2025/01/client_btn_img.png);
    background-color: var( --e-global-color-e11b888 );
	left: 0;
}

/*---- Input ----*/
.form-field .wpcf7-form-control-wrap{
	position: relative;
}
.form-field{
	padding: 0 0 35px;
}
span.wpcf7-not-valid-tip {
    position: absolute;
    top: calc(100% + 1px);
    font-size: 14px;
}
.form-field p{
	margin: 0;
	display: grid;
	grid-template-columns: 140px auto;
	align-items: flex-start;
	column-gap: 20px;
}
.form-field label{
	flex: 0 0 160px;
	width: auto;
	font-family: var(--heading-font-family);
	line-height: 1.3;
}
.form-fields-2{
	max-width: 800px;
}
.form-fields-2 .form-field p{
	grid-template-columns: 450px auto;
}
.form-fields .column-2{
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 80px;
}
.form-field input:not([type="radio"]):not([type="checkbox"]),
.form-field select,
.form-field textarea{
    width: 100%;
    height: 55px;
    padding: 0 20px;
    background: none;
 	border: none;
 	font-size: 18px;
	font-family: 'Dosis';
	font-weight: 500;
}
.form-field input:focus, .form-field select:focus, .form-field textarea:focus{
	outline: none;
}
.form-field input:-webkit-autofill {
    background-color: transparent;
    box-shadow: 0 0 0 100px #CCCED2 inset !important;
	border-radius: 40px;
}
.form-field input:-moz-autofill {
    background-color: transparent ;
    box-shadow: 0 0 0 100px #CCCED2 inset !important;
	border-radius: 40px;
}
.form-field input:focus:-webkit-autofill,
.form-field input:focus:-moz-autofill {
    background-color: transparent;
    box-shadow: 0 0 0 100px #CCCED2 inset !important;
	border-radius: 40px;
}
.form-field textarea{
	height: 150px;
	padding: 15px;
	border-radius: 24px;
}
.select-field .wpcf7-form-control-wrap:after, .label.ui.selection.fluid.dropdown.multiple::after{
	width: 59px;
	height: 58px;
	background-color: var(--e-global-color-accent);
	background-image: url("assets/images/polygon_with_bg.svg");
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 50%;
	display: block;
	content: "";
	position: absolute;
	top: -2px;
	right: -2px;
	pointer-events: none;
}
.number-buttons button {
    position: absolute;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    padding: 0;
    font-size: 34px;
    font-weight: 400;
    font-family: var(--heading-font-family);
    color: #000;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    display: flex;
    align-items: center; /* Vertical centering */
    justify-content: center; /* Horizontal centering */
    appearance: none;
    -webkit-appearance: none;
    text-align: center;
    line-height: normal; /* Prevents line-height issues */
	box-sizing: border-box;
}

.number-buttons button span {
    position: relative;
    z-index: 1;
    display: flex; 
	align-items: center;
    margin: 0;
    line-height: normal; 
    text-align: center; 
    vertical-align: middle; 
}
.form-field.upload_file span.file_name {
    grid-column: 2;
    margin-top: -55px;
    z-index: 1;
    padding-left: 20px;
    font-size: 14px;
	font-family: var(--heading-font-family);
}
.form-field.upload_file input.wpcf7-file { 
	opacity: 0; 
}
.number-buttons button::before{
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    margin: 0px;
    border-radius: inherit;
    background: var(--e-global-color-accent);
}
.number-buttons button::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -3px;
    border-radius: inherit;
    background: linear-gradient(to right, #0B0B0B, #C9C9C9);
}

.number-buttons button.increment { 
	right: 0; 
}
.form-field:has(.number-buttons) input {
    display: block;
    text-align: center;
    font-family: 'Dosis';
	font-size: 18px;
}
.form-field.select-field select.wpcf7-select {
    font-family: 'Dosis';
	font-size: 18px;
	color: #000;
}
.form-field.select-field select.wpcf7-select:focus{
	outline: none;
}
.form-field.select-field select.wpcf7-select option{
	color: #000;
}
.number-buttons span.wpcf7-form-control-wrap {
    display: block;
}
.number-buttons button:focus, .number-buttons button:hover {
    color: #000;
}
.form-field:has(.number-buttons) p {
	display: block;
}
.form-field:has(.number-buttons){
	margin: 0;
    display: grid;
    grid-template-columns: 450px auto;
    align-items: center;
    column-gap: 20px;
}
.number-buttons{
	position: relative;
}

.form-field .wpcf7-form-control-wrap, .label.ui.selection.fluid.dropdown.multiple{
  position: relative;  
  background: #EAEAEA;
  background-clip: padding-box;
  border-radius: 40px;
}
.label.ui.selection.fluid.dropdown.multiple .text {
    background: #efefef;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    padding: 0 20px;
    width: 101%;
    height: 100%;
    display: flex;
    align-items: center;
    margin: 0;
    border-radius: 60px;
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
}
a.ui.label.transition.visible {
    padding-right: 17px;
	font-family: 'Dosis';
	opacity: 1;
	font-size: 12px;
}
.label.ui.selection.fluid.dropdown.multiple{
	display: flex;
	align-items: center;
	height: 56px;
	padding: 0;
}
.label.ui.selection.fluid.dropdown.multiple  i.dropdown.icon {
    display: none;
}

.label.ui.selection a.ui.label + .text span{
	display: none;
}

.form-field .wpcf7-form-control-wrap[data-name="your-message"]{
	border-radius: 20px;
}
.form-field .wpcf7-form-control-wrap:before, .label.ui.selection.fluid.dropdown.multiple::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	margin: -3px;	
	border-radius: inherit;	
	background: linear-gradient(170deg, #0B0B0B 40%, #C9C9C9);
}
.label.ui.selection.fluid.dropdown.multiple::before{
	border-radius: 60px;
	height: 60px;

}
.form-field .ui.selection.active.dropdown .menu {
    border: 1px solid #ccc !important;
    transform: translateY(5px);
    border-radius: 10px;	
}

.label.ui.selection.fluid.dropdown.multiple {
    display: flex;
    align-items: center;
    height: 54px;
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
	flex-wrap: wrap;
	padding-left: 11px;
    position: relative;
    padding-right: 70px;
}
.ui.multiple.dropdown>.label {
    position: relative;
}
.ui.label>.close.icon, .ui.label>.delete.icon {
    position: absolute;
    top: 5px;
    right: 4px;
    opacity: 1 !important;
}
.country-select ul.country-list {
    transform: translateY(60px);
    max-width: 340px;
	border-radius: 10px;
	font-family: 'Dosis';
    font-weight: 600;
    color: #000;
    font-size: 14px;
}
.form-field .ui.selection.dropdown .menu>.item{
	padding: 14px 15px 15px !important;
	font-family: 'Dosis';
    font-weight: 600;
    color: #000;
    font-size: 16px;
	line-height:1;
}
.country-select ul.country-list li .flag {
    display: none !important;
}
.country-select .country-list li.country{
	padding: 14px 15px 15px;
	border-top: 1px solid #fafafa;
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
	font-size: 16px;
	line-height:1;
}
.country-select .country-list .divider{
	margin: 0;	
	padding: 0;	
}

.form-field input:focus,
.form-field textarea:focus{
	outline: none;
	box-shadow: none;
}
.form-button{
	max-width: 380px;	
	margin: 60px auto 0;	
	position: relative;
}
.form-button input[type="submit"]{
	width: 100%;
	height: 80px;
	padding: 0 50px 2px 0;
	background: var(--e-global-color-accent);
	font-family: var(--heading-font-family);
	font-size: 21px;
	color: #fff;
}

.form-button:before,
.form-button:after{
	border-radius: 50%;
	display: block;
	content: "";
	position: absolute;	
	top: 0;
}
.form-button:before{
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	margin: auto;
	background: var(--e-global-color-accent);	
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
	pointer-events: none;
} 
.form-button:after{	
	width: 78px;
	height: 78px;	
	display: flex;
	justify-content: center;
	align-items: center;		
	background-color: var(--e-global-color-fd1f24b);
	background-image: url("assets/images/hand.png");
	background-repeat: no-repeat;
	background-size: 65%;
	background-position: center center;
	border: 2px solid #000;	
	right: 0;
	pointer-events: none;
}
.submitting .form-button:before{
	opacity: 1;
}
.wpcf7-spinner{
	margin: 0 auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;	
}


.wpcf7-radio{
	display: flex;
	align-items: center;	
}
.wpcf7-radio .wpcf7-list-item{
	margin: 0;
	flex: 1;
}
.wpcf7-radio .wpcf7-list-item label{
	width: 100%;
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.wpcf7-radio .wpcf7-list-item-label{
	width: 100%;
	height: 100%;
	display: flex;
	border-radius: 40px;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.wpcf7-radio .last .wpcf7-list-item-label:before,
.wpcf7-radio .last .wpcf7-list-item-label:after{	
	border-radius: 40px;	
	display: block;	
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
}
.wpcf7-radio .last .wpcf7-list-item-label:before{	
	margin: -3px;		
	background: linear-gradient(to right, #0B0B0B, #C9C9C9);
	z-index: -2;
}
.wpcf7-radio .last .wpcf7-list-item-label:after{
	background: #EAEAEA;
	z-index: -1;
}
.wpcf7-radio input{
	opacity: 0;
}
.wpcf7-radio input:checked + .wpcf7-list-item-label{
	background: var(--e-global-color-accent);
	color: #fff;	
}
.wpcf7-radio .first .wpcf7-list-item-label:before{
	width: 170%;
	height: 100%;
	background: var(--e-global-color-accent);
	border-radius: 40%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
	z-index:  -1;
}
.wpcf7-radio .first  input:checked + .wpcf7-list-item-label:before{
	visibility: visible;
	opacity: 1;
}
.wpcf7-radio .last input:checked + .wpcf7-list-item-label:after{
	background: var(--e-global-color-accent);	
}
.wpcf7-form .divider{
	width: 100%;
	height: 1px;
	margin: 30px 0 40px;
	background: #0000;
}

/*---- Footer ----*/
footer .elementor-icon-box-content{
	position: relative;
}
/* footer .elementor-icon-box-content:before,
footer .elementor-icon-box-content p:before,
footer .elementor-icon-box-content p:after{
	width: 21px;
	height: 21px;
	border-radius: 50%;
	display: block;
	content: "";
	position: absolute;
	bottom: 1px;
} */
footer .elementor-icon-box-content:before{
	left: 0;
	background: var(--e-global-color-45d44e4);
}
footer .elementor-icon-box-content p{
	padding: 0 0 0 90px;
}
footer .elementor-icon-box-content a{
	color: #fff;
	text-decoration: none;
}
footer .elementor-icon-box-content p:before{
	left: 28px;
	background: var(--e-global-color-77a382c);
}
footer .elementor-icon-box-content p:after{
	left: 56px;
	background: var(--e-global-color-fd1f24b);
}
.footer_menu a.hfe-menu-item { 
/* 	font-family: var(--heading-font-family) !important; */
	font-size: 23px;
	font-weight: 800;
}
.home-hero-search .elementor-icon-box-content::before{
	content: none !important;
}
footer .elementor-widget-icon-box .elementor-icon-box-icon {
    transform: translateY(-3px);
}

/* Policy Content */
.policy_content ol { padding-left: 20px; }


/*---- Responsive ---*/

@media(max-width:  1365px){
	
	.client_banner_text {
		max-width: 30% !important;
	}
	
}

@media(max-width:  1024px){
	.talent_banner_btn.elementor-widget-button .elementor-button:after {
		font-size: 32px;
		width: 47px;
		height: 47px;
	}
	.talent_banner_btn.elementor-element {
		top: calc(50% - 20px) !important;
	}
	.client_banner_text {
		top: calc(50% + 63px) !important;
	}
	.client_banner_btn.elementor-widget-button .elementor-button:after {
		width: 48px;
		height: 48px;
		background-size: 27px;
	}
	header .elementor-element .elementor-widget.elementor-widget-navigation-menu{
		top: 28px;
	}

}



@media(max-width:  767px){

	.elementor-widget-button .elementor-button:after{
		width: 72px;
		height: 72px;
	}
	.elementor-widget-button .elementor-button:after{
		background-size: 40px;
	}
	.talent_banner_btn.elementor-element {
		top: calc(59% - 20px) !important;
		transform: translate(-50%, -42%);
		width: 100%;
	}
	.client_banner_btn { 
		width: 100%; 
		text-align: center; 
	}
	.client_banner_text {
		max-width: 72% !important;
		top: auto !important;
		bottom: 32px;
		width: 100%;
	}
	.right_text_about_banner, .left_text_about_banner {
		position: unset !important;
		width: calc(100% - 40px) !important;
		margin: 0 auto;
	}
	.form-fields .column-2 {
		grid-template-columns: 1fr;
	}
	.form-fields-2 .form-field p, .form-field:has(.number-buttons), .form-field p { 
		grid-template-columns: 1fr; gap: 20px; 
	}
	.talent_page_form .form-field p { 
		grid-template-columns: 85px auto; 
		gap: 10px; 
	}
	.form-field label { 
		font-size: 14px; 
	}
	.form-button {
		margin: 15px auto 0;
	}
	.footer_menu a.hfe-menu-item { 
		justify-content: center !important;
		text-align: center;
	}
	.home-hero-search .elementor-icon-box-icon{
		display: flex !important;
		align-items: center;
	}
	.home-hero-search .elementor-icon-box-wrapper {
		align-items: center;
	}
	.home-hero-search .elementor-icon-box-wrapper .elementor-icon-box-icon {
		display: flex;
		transform: unset;
	}
	

}

@media(max-width:  380px){

	.home-hero-search .elementor-icon-box-wrapper h3.elementor-icon-box-title {
		font-size: 12px !important;
	}

}