/*
Theme Name: YBI Recruiting
Theme URI: https://www.dotcomdesign.com/
Author: Dotcom Design
Author URI: https://www.dotcomdesign.com/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ybi-recruiting
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*--------------------------------------------------------------
    # Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea,
p {
	color: var(--common-color);
	font-size: 16px;
	line-height: 26px;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

.main-navigation {
	clear: both;
	display: inline-block;
	float: none;
	width: auto;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	display: inline-flex;
	align-items: center;
	gap: 10px 40px;
}

.main-navigation ul ul li:hover>ul,
.main-navigation ul ul li.focus>ul {
	left: 100%;
}

.main-navigation ul li:hover>ul,
.main-navigation ul li.focus>ul {
	left: auto;
}

.main-navigation li {
	float: none;
	display: inline-block;
	position: relative;
}

.main-navigation ul li.menu-item-has-children::after {
	content: "\f078";
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0, -50%);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 14px;
	line-height: 1;
	color: var(--dark-color);
	transition: var(--transition);
}

@keyframes swip_up {
	from {
		top: calc(100% + 20px);
		opacity: 0;
	}

	to {
		top: 100%;
		opacity: 1;
	}
}

.main-navigation li a {
	transition: var(--transition);
	position: relative;
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	font-family: var(--title-font);
	color: var(--common-color);
}

.main-navigation li a:hover,
.main-navigation li.current_page_item>a,
.main-navigation ul li.menu-item-has-children.current_page_item:after {
	color: var(--primary-color);
}

@media screen and (min-width: 992px) {
	.main-navigation ul li.menu-item-has-children {
		padding-right: 20px;
		position: relative;
	}

	.main-navigation ul ul li {
		display: block;
		margin: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.main-navigation ul ul li:last-child {
		border-bottom: 0;
	}

	.main-navigation ul ul li a {
		display: block;
		padding: 5px 10px;
		font-size: 16px;
		line-height: 26px;
		transition: var(--transition);
	}

	.main-navigation ul ul li.menu-item-has-children {
		padding-right: 0;
	}

	.main-navigation ul li.menu-item-has-children:hover::after {
		color: var(--primary-color);
		transform: translate(0, -50%) rotate(-180deg);
	}

	.main-navigation li.current-menu-ancestor ul li.current_page_item>a,
	.main-navigation ul ul li.current_page_item:hover>a,
	.main-navigation ul ul li a:hover {
		background: var(--secondary-color);
		color: var(--white-color);
	}

	.main-navigation li.current-menu-ancestor.menu-item-has-children:not(.sub-menu li.current-menu-ancestor.menu-item-has-children)::after {
		color: var(--primary-color);
	}

	.main-navigation ul ul li.current-menu-ancestor::after,
	.main-navigation ul ul li.menu-item-has-children:hover::after {
		color: var(--white-color);
	}

	/***** If Dropdown Menu CSS Avaliable Than Remove This CSS Start *****/
	.main-navigation ul li.menu-item-has-children:hover>ul.sub-menu:not(.dropdown-menu-wp ul .sub-menu) {
		display: block;
		top: 100%;
		left: 0;
		opacity: 1;
		animation: swip_up var(--transition) linear 1;
	}

	/***** If Dropdown Menu CSS Avaliable Than Remove This CSS End *****/

	.main-navigation ul .sub-menu:not(.dropdown-menu-wp ul .sub-menu) {
		position: absolute;
		top: 100%;
		left: -999em;
		float: none;
		width: 260px;
		background: var(--white-color);
		box-shadow: 0 0 10px rgba(60, 140, 244, 0.15);
		text-align: left;
		padding-left: 0;
		display: none;
		opacity: 0;
	}

	.main-navigation ul li.menu-item-has-children:hover .dropdown-menu-wp {
		display: block;
		opacity: 1;
	}

	.main-navigation .dropdown-menu-wp ul li.menu-item-has-children {
		padding-block: 4px;
	}

	.main-navigation ul ul li.menu-item-has-children:hover>ul.sub-menu:not(.dropdown-menu-wp ul .sub-menu) {
		top: 0;
		left: 100%;
	}

	.main-navigation ul ul li.menu-item-has-children:hover>ul.sub-menu:not(.dropdown-menu-wp ul .sub-menu) {
		top: 0;
		left: 100%;
		animation: unset;
	}

	.main-navigation ul ul li.menu-item-has-children:hover::after,
	.main-navigation ul ul li.menu-item-has-children::after {
		transform: translate(0, -50%) rotate(-90deg);
		right: 10px;
	}

	.main-navigation ul ul li.menu-item-has-children>a {
		padding-right: 15px;
	}
}

@media screen and (max-width: 1199px) {
	.main-navigation ul {
		gap: 10px 25px;
	}

	.main-navigation li a {
		font-size: 16px;
	}
}

/*========== Fonts CSS Start ==========*/
@font-face {
	font-family: 'Roboto';
	src: url('assets/fonts/Roboto-Regular.eot');
	src: url('assets/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/Roboto-Regular.woff2') format('woff2'),
		url('assets/fonts/Roboto-Regular.woff') format('woff'),
		url('assets/fonts/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('assets/fonts/Poppins-Bold.eot');
	src: url('assets/fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/Poppins-Bold.woff2') format('woff2'),
		url('assets/fonts/Poppins-Bold.woff') format('woff'),
		url('assets/fonts/Poppins-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('assets/fonts/Poppins-Medium.eot');
	src: url('assets/fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/Poppins-Medium.woff2') format('woff2'),
		url('assets/fonts/Poppins-Medium.woff') format('woff'),
		url('assets/fonts/Poppins-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Poppins';
	src: url('assets/fonts/Poppins-SemiBold.eot');
	src: url('assets/fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('assets/fonts/Poppins-SemiBold.woff2') format('woff2'),
		url('assets/fonts/Poppins-SemiBold.woff') format('woff'),
		url('assets/fonts/Poppins-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

/*========== Fonts CSS End ==========*/

/*========== Form CSS Start ==========*/
span.wpcf7-not-valid-tip {
	margin-bottom: -15px;
}

.form-element i {
	position: absolute;
	top: 16px;
	right: 15px;
	font-size: 16px;
	color: var(--primary-color);
	pointer-events: none;
}

.wpcf7-form-control-wrap {
	margin-bottom: 20px;
}

.form-input::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder {
	color: var(--input-color);
	opacity: 1;
}

.form-input::-moz-placeholder,
.input-text::-moz-placeholder {
	color: var(--input-color);
	opacity: 1;
}

.form-input:-ms-input-placeholder,
.input-text:-ms-input-placeholder {
	color: var(--input-color);
	opacity: 1;
}

.form-input::-ms-input-placeholder,
.input-text::-ms-input-placeholder {
	color: var(--input-color);
	opacity: 1;
}

.form-input::placeholder,
.input-text::placeholder {
	color: var(--input-color);
	opacity: 1;
}

select option {
	color: #000;
}

select {
	color: var(--input-color) !important;
}

.form-input,
.input-text,
.select2-container--default .select2-selection--single .select2-selection__rendered,
select {
	width: 100%;
	height: 56px;
	border: 1px solid var(--border-color);
	outline: none !important;
	padding: 0 16px;
	font-size: 16px;
	line-height: 26px;
	color: var(--dark-color);
	background: var(--white-color);
	border-radius: 8px;
	-webkit-appearance: none;
	appearance: none;
}

select,
select.form-input {
	padding-right: 30px;
}

.form-input.wpcf7-textarea {
	height: 213px;
	resize: none;
	padding: 15px;
	display: block;
}

.submit-btn {
	text-align: left;
}

.wpcf7 .wpcf7-spinner {
	position: absolute;
	top: 50%;
	left: 103%;
	transform: translate(0, -50%);
	margin: 0;
}

span.wpcf7-list-item-label::before,
.woocommerce-form__label-for-checkbox span::before,
.comment-form-cookies-consent label::before {
	--radio-label-size: 20px;
	content: "";
	position: absolute;
	top: 2px;
	left: 0;
	width: var(--radio-label-size);
	height: var(--radio-label-size);
	border-radius: calc(var(--radio-label-size));
	border: 1px solid var(--secondary-color);
	opacity: 0.5;
	z-index: 1;
}

.comment-form-cookies-consent label::before {
	border-radius: 0;
	border-width: 1px;
	border-color: var(--dark-color);
}

span.wpcf7-list-item-label::after,
.woocommerce-form__label-for-checkbox span::after,
.comment-form-cookies-consent label::after {
	--radio-label-inner-size: 20px;
	content: '\f00c';
	position: absolute;
	top: 2px;
	left: 0;
	width: var(--radio-label-inner-size);
	height: var(--radio-label-inner-size);
	border-radius: calc(var(--radio-label-inner-size)* 0.5);
	background: var(--primary-color);
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--white-color);
	opacity: 0;
	transition: var(--transition);
	z-index: 1;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	font-size: 8px;
	line-height: 1;
}

.comment-form-cookies-consent label::after {
	left: 0;
}

input[type=radio]:checked~span::after {
	opacity: 1;
}

.woocommerce-form__label-for-checkbox span::before,
.checkbox-wp .wpcf7-list-item-label::before,
.comment-form-cookies-consent label::before {
	border-radius: 3px;
}

.wpcf7-checkbox span.wpcf7-list-item-label::after,
.checkbox-wp .wpcf7-list-item-label::after,
.woocommerce-form__label-for-checkbox span::after,
.comment-form-cookies-consent label::after {
	--checkbox-label-size: 20px;
	content: "\f00c";
	width: var(--checkbox-label-size);
	height: var(--checkbox-label-size);
	background: transparent;
	color: var(--white-color);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 10px;
	background: var(--primary-color);
	border-radius: 3px;
}

.wpcf7-checkbox span.wpcf7-list-item-label::after {
	left: 0;
	background: var(--primary-color);
}

input[type="checkbox"]:checked~span::before,
input[type="checkbox"]:checked~span::after,
input[type="checkbox"]:checked~span.wpcf7-list-item-label::after,
input[type="checkbox"]:checked~span.wpcf7-list-item-label::before,
input[type="checkbox"]:checked~label:after {
	opacity: 1;
}

.checkbox-wp .wpcf7-not-valid .wpcf7-list-item-label::before {
	border-color: var(--red-color);
	opacity: 0.7;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	opacity: 1;
}

.wpcf7-not-valid,
.wpcf7-not-valid .wpcf7-list-item-label::before {
	border-color: var(--red-color) !important;
}

.wpcf7-list-item {
	margin: 0 20px 0 0;
}

.wpcf7-checkbox .wpcf7-list-item:last-child,
.wpcf7-radio .wpcf7-list-item:last-child {
	margin: 0;
}

.form-input-file {
	position: relative;
	height: 48px;
	background: 0 0;
	border-radius: 0;
	border: 1px solid var(--black-color);
	margin-bottom: var(--gutter);
}

.form-box.form-input-file {
	height: auto;
	border: 0;
}

.form-input-file p {
	color: var(--black-color);
	line-height: 1;
	margin-bottom: 0;
}

.form-box.form-input-file p {
	line-height: inherit;
}

.form-input-file .wpcf7-form-control-wrap {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.form-box.form-input-file .wpcf7-form-control-wrap {
	position: relative;
}

.form-input-file [type=file] {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	z-index: 1;
}

.form-box.form-input-file input[type=file] {
	width: 76px;
	height: 73px;
	line-height: 1;
}

.form-input-file .icon-label {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding: 0 15px;
}

.form-box.form-input-file .input-file-icon {
	position: absolute;
	top: 30px;
	left: 0;
	width: 76px;
	height: 73px;
	background: var(--input-color);
	border-radius: 13px;
	display: inline-block;
	cursor: pointer;
	z-index: 0;
}

.form-box.form-input-file .input-file-icon::before,
.form-box.form-input-file .input-file-icon::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: var(--gutter);
	height: 1px;
	background-color: var(--black-color);
}

.form-box.form-input-file .input-file-icon::after {
	width: 1px;
	height: var(--gutter);
}

.form-input-file .icon-label label {
	font-weight: inherit;
	font-size: 14px;
	line-height: 22px;
}

.form-input-file .icon-label label span {
	color: var(--black-color);
	font-weight: 600;
	margin-left: 3px;
}

.form-input-file .input-file-text {
	color: var(--black-color);
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 3px;
	font-size: 14px;
	line-height: 24px;
}

.radio-wp {
	padding-block: 16px;
}

.radio-wp .wpcf7-form-control.wpcf7-radio {
	display: block;
	column-count: 2;
	margin-bottom: -25px;
}

.radio-wp .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
	width: 100%;
	margin: 0 0 14px 0;
}

.radio-wp .wpcf7-form-control.wpcf7-radio .wpcf7-list-item label {
	position: relative;
}

.radio-wp .wpcf7-list-item-label {
	color: var(--secondary-color);
	padding-left: 35px;
}

.radio-wp p.body-l,
.checkbox-wp .wpcf7-list-item-label {
	color: var(--secondary-color);
}

.checkbox-wp .wpcf7-list-item {
	margin: 0;
	padding-bottom: 0;
}

/* Responsive Start */
@media screen and (max-width: 400px) {

	.form-input,
	.input-text,
	.select2-container--default .select2-selection--single .select2-selection__rendered,
	select {
		padding: 0 15px;
		height: 45px;
	}

	.form-input.wpcf7-textarea {
		padding: 15px;
		height: 180px;
	}

	.form-element i {
		right: 10px;
	}
}

/* Responsive End */

/*========== Form CSS End ==========*/

/*==========Common CSS ==========*/
:root {
	--primary-color: #0A8EE7;
	--secondary-color: #1C2056;
	--tertiary-color: #5CC9DF;
	--purple-color: #6220D3;
	--pink-color: #E85B7C;
	--yellow-color: #F7D13A;
	--dark-color: #241E20;
	--common-color: #606060;
	--white-color: #ffffff;
	--black-color: #000000;
	--red-color: #ff0000;
	--input-color: #606060;
	--border-color: #DAEEFC;
	--bg-color: color-mix(in srgb, var(--primary-color), white 92%);
	--box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
	--space-80: 80px;
	--body-font: 'Roboto';
	--title-font: 'Poppins';
	--transition: .3s;
	--gutter: 30px;
}

body {
	font-size: 16px;
	line-height: 1.5;
	color: var(--common-color);
	font-family: var(--body-font);
}

p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 16px;
}

.body-l {
	font-size: 18px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	color: var(--secondary-color);
	font-family: var(--title-font);
}

p a,
a {
	color: var(--primary-color);
	transition: var(--transition);
}

p a:hover,
a:hover {
	color: var(--secondary-color);
}

h1,
.h1-title {
	font-size: clamp(3.75rem, 2.155vw + 2.414rem, 5rem);
	/* 80px to 60px from 1920px to 992px */
	line-height: 1.2;
	font-weight: 700;
	color: var(--secondary-color);
	font-family: var(--title-font);
	margin-bottom: 16px;
}

.h1-title span {
	color: var(--primary-color);
}

h2,
.h2-title {
	font-size: 50px;
	line-height: 1.2;
	font-weight: 700;
	color: var(--secondary-color);
	font-family: var(--title-font);
	margin-bottom: 24px;
}

h3,
.h3-title {
	font-size: 40px;
	font-weight: 600;
	line-height: 1.2;
	color: var(--secondary-color);
	font-family: var(--title-font);
	margin-bottom: 16px;
}

h4,
.h4-title {
	font-size: 28px;
	line-height: 1.3;
	color: var(--secondary-color);
	font-family: var(--title-font);
	font-weight: 500;
	margin-bottom: 16px;
}

h5,
.h5-title {
	font-size: 22px;
	line-height: 1.3;
	font-weight: 500;
	color: var(--secondary-color);
	font-family: var(--title-font);
	margin-bottom: 16px;
}

h6,
.h6-title {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 600;
	color: var(--secondary-color);
	font-family: var(--title-font);
	margin-bottom: 16px;
}

.play-btn {
	width: 60px;
	height: 60px;
	color: var(--primary-color);
	background: var(--white-color);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 3px;
	box-shadow: var(--box-shadow);
	transition: 0.8s cubic-bezier(0.22, 0.78, 0.45, 1.02);
}

.play-btn:hover {
	background: var(--primary-color);
	color: var(--white-color);
}

.sec-btn,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	width: auto;
	max-width: 100%;
	height: 63px;
	background: var(--primary-color);
	border: 2px solid var(--primary-color);
	font-family: var(--title-font);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 40px;
	font-size: 18px;
	line-height: 1.3;
	color: var(--white-color);
	font-weight: 500;
	text-align: center;
	padding: 5px 32px;
	cursor: pointer;
	outline: none !important;
	transition: var(--transition);
	text-decoration: none;
	overflow: hidden;
	position: relative;
	z-index: 2;
	-webkit-appearance: none;
	appearance: none;
}

.sec-btn:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
	background: var(--tertiary-color);
	border-color: var(--tertiary-color);
	color: var(--white-color);
}

.sec-btn.outline {
	background: transparent;
	border-color: var(--primary-color);
	color: var(--secondary-color);
}

.sec-btn.outline:hover {
	background: var(--primary-color);
	color: var(--white-color);
}

.sec-btn.outline-white {
	background: transparent;
	border-color: var(--white-color);
	color: var(--white-color);
}

.sec-btn.outline-white:hover {
	background: var(--white-color);
	color: var(--secondary-color);
}

/* Responsive Start */
@media screen and (min-width: 1400px) {
	.container {
		max-width: 1320px;
	}
}

@media (min-width: 1921px) {
	.container {
		max-width: 1400px;
	}
}

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

	h1,
	.h1-title {
		font-size: clamp(3.2rem, 4.808vw + 0.147rem, 3.75rem);
	}

	h2,
	.h2-title {
		font-size: 40px;
	}

	h3,
	.h3-title {
		font-size: 35px;
	}

	h4,
	.h4-title {
		font-size: 25px;
	}

	h5,
	.h5-title {
		font-size: 20px;
	}
}

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

	h1,
	.h1-title {
		font-size: 50px;
	}

	h2,
	.h2-title {
		font-size: 40px;
	}

	h4,
	.h4-title {
		font-size: 22px;
	}

	h3,
	.h3-title {
		font-size: 30px;
	}

	.sec-btn,
	.woocommerce #respond input#submit,
	.woocommerce a.button,
	.woocommerce button.button,
	.woocommerce input.button {
		height: 55px;
	}
}

@media screen and (max-width: 575px) {
	:root {
		--space-80: 60px;
	}

	h1,
	.h1-title {
		font-size: clamp(1.875rem, 4.651vw + 0.828rem, 2.5rem);
		/* 30px to 40px from 360px to 575px */
	}

	h2,
	.h2-title {
		font-size: clamp(1.625rem, 2.791vw + 0.997rem, 2rem);
		/* 26px to 32px from 360px to 575px */
		font-weight: 600;
	}

	h4,
	.h4-title {
		font-size: 18px;
	}

	h5,
	.h5-title {
		font-size: clamp(1.125rem, 0.93vw + 0.916rem, 1.25rem);
		/* 18px to 20px from 360px to 575px */
	}

	h6,
	.h6-title {
		font-size: 16px;
	}

	.sec-btn,
	.woocommerce #respond input#submit,
	.woocommerce a.button,
	.woocommerce button.button,
	.woocommerce input.button {
		height: 45px;
		font-size: 16px;
		padding: 5px 24px;
	}
}

@media screen and (max-width: 400px) {
	:root {
		--gutter: 32px;
	}
}

/* Responsive End */
/*==========Common CSS End==========*/

/*========== Modal Popup CSS Start ==========*/
.modal-content {
	background: var(--white-color);
	-webkit-mask-image: -webkit-radial-gradient(var(--white-color), var(--black-color));
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 20px 30px rgba(60, 140, 244, 0.16);
}

.popup-title {
	position: relative;
	padding: 10px 65px 10px 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.popup-title .h2-title {
	font-size: 30px;
	line-height: 40px;
	margin-bottom: 0;
}

button.close {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	height: 100%;
	background: var(--primary-color);
	opacity: 1 !important;
	text-shadow: none;
	color: var(--white-color);
	border-radius: 0;
	outline: none !important;
	z-index: 2;
	transition: var(--transition);
}

button.close:hover {
	background: var(--primary-color);
	color: var(--dark-color);
}

.modal-dialog {
	max-width: 700px;
}

.common-popup-overflow {
	padding: 10px 0px;
}

.common-popup-text::-webkit-scrollbar-thumb {
	background: var(--primary-color);
}

/* Responsive Start */
@media screen and (max-width: 400px) {
	.popup-title {
		padding: 10px 65px 10px 15px;
	}
}

/* Responsive End */

/*========== Modal Popup CSS End ==========*/

/*==========Slider CSS Start ==========*/
.slick-dots {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 16px;
}

.slick-dots li {
	margin: 0;
}

.slick-dots li button {
	width: 12px;
	height: 12px;
	background: transparent;
	border: 2px solid var(--primary-color);
	transition: var(--transition);
	border-radius: 50%;
}

.slick-dots li.slick-active button,
.slick-dots li button:hover {
	background: var(--primary-color);
	transform: scale(1.333);
}

.slick-arrow {
	--slick-arrow-size: 64px;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	width: var(--slick-arrow-size);
	height: var(--slick-arrow-size);
	background: transparent;
	border: 2px solid var(--primary-color) !important;
	color: var(--secondary-color);
	border-radius: 50%;
	z-index: 10;
}

.slick-arrow:hover {
	background: var(--primary-color);
	color: var(--white-color);
}

.slide-arrow.next-arrow.slick-arrow {
	left: auto;
	right: 0;
}

/*==========Slider CSS End==========*/

/*==========Header CSS Start==========*/
.site-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	padding-block: 38px;
	transition: 0.3s;
}

.site-header.sticky_head {
	padding-block: 15px;
	background: var(--white-color);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.header-wp {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.site-branding {
	width: 200px;
}

.header-btn .sec-btn {
	height: 45px;
	padding-inline: 22px;
	font-size: 16px;
	min-width: 198px;
}

/* Responsive Start */
@media screen and (max-width: 1199px) {
	.header-btn .sec-btn {
		min-width: 180px;
		padding-inline: 15px;
	}
}

@media screen and (max-width: 991px) {
	.site-header {
		height: 75px;
		padding-block: 0;
		background: var(--bg-color);
	}

	.site-branding {
		position: fixed;
		top: 0;
		left: 30px;
		width: 160px;
		height: 75px;
		display: flex;
		align-items: center;
	}

	.menu-toggle {
		--menu-toggle-rotate: 45deg;
		--menu-toggle-space: 8px;
		position: fixed;
		top: 28px;
		right: 30px;
		border: none;
		outline: none !important;
		background: transparent;
		width: 30px;
		padding: 0;
		z-index: 105;
	}

	.menu-toggle span {
		display: block;
		width: 100%;
		height: 2px;
		background: var(--secondary-color);
		margin-bottom: 6px;
		border-radius: 0;
		position: relative;
		top: 0;
		opacity: 1;
		transition: var(--transition);
	}

	.menu-toggle span:last-child {
		margin-bottom: 0;
	}

	.toggled .menu-toggle span {
		background: var(--secondary-color);
	}

	.toggled .menu-toggle span:nth-child(1) {
		transform: rotate(var(--menu-toggle-rotate));
		top: var(--menu-toggle-space);
	}

	.toggled .menu-toggle span:nth-child(2) {
		opacity: 0;
	}

	.toggled .menu-toggle span:nth-child(3) {
		transform: rotate(calc(var(--menu-toggle-rotate)*-1));
		top: calc(var(--menu-toggle-space)*-1);
	}

	.header-mobile-menu {
		background: var(--bg-color);
		padding: 40px 30px 30px 30px;
		top: 75px;
		height: calc(100vh - 75px);
	}

	.header-mobile-menu:before {
		content: '';
		position: absolute;
		bottom: 0;
		right: 0;
		width: 100%;
		height: 100%;
		-webkit-mask-image: url('assets/images/banner-img-shape.svg');
		mask-image: url('assets/images/banner-img-shape.svg');
		-webkit-mask-size: 50vw;
		mask-size: 50vw;
		-webkit-mask-position: bottom right;
		mask-position: bottom right;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		background-color: var(--primary-color);
		opacity: 0.1;
		pointer-events: none;
	}

	.header-mobile-menu::-webkit-scrollbar-thumb {
		background: var(--dark-color);
	}

	.header-mobile-menu::-webkit-scrollbar-track {
		background: var(--white-color);
	}

	.main-navigation ul {
		text-align: left;
		display: block;
	}

	.main-navigation ul li {
		display: block;
		margin-left: 0;
		margin-bottom: 4.4vh;
	}

	.main-navigation ul li.menu-item-has-children {
		padding-right: 15px;
	}

	.main-navigation ul li:last-child {
		margin-bottom: 0;
	}

	.main-navigation ul li a {
		font-size: 20px;
		color: var(--common-color);
	}

	.main-navigation ul li.menu-item-has-children::after {
		color: inherit;
	}

	.main-navigation ul ul li.menu-item-has-children::after {
		font-size: 16px;
	}

	.main-navigation ul li.menu-item-has-children.active-child-menu::after,
	.main-navigation ul li.menu-item-has-children.active-sub-menu::after {
		transform: translate(0) rotate(-180deg);
	}

	.main-navigation ul ul {
		display: block;
		top: 0;
		left: 15px !important;
		position: relative;
		opacity: 1;
		animation: none;
		background: transparent;
		box-shadow: none;
		width: 100%;
		display: none;
		margin-top: 15px;
	}

	.main-navigation ul ul ul {
		padding-left: 0;
	}

	.main-navigation ul ul li {
		border-bottom: none;
		margin-bottom: 10px;
	}

	.main-navigation ul ul li:last-child {
		margin-bottom: 0;
	}

	.main-navigation ul ul li a {
		display: inline-block;
		border: 0;
		padding: 0;
		font-size: 16px;
	}

	.main-navigation ul ul ul li a {
		font-size: 14px;
	}

	.header-btn {
		margin-top: 6vh;
	}
}

@media screen and (max-width: 575px) {
	.site-branding {
		width: 151px;
	}

	.menu-toggle {
		width: 24px;
		--menu-toggle-space: 6px;
		top: 30px;
	}

	.menu-toggle span {
		margin-bottom: 4px;
		width: 18px;
		margin-inline: auto;
	}

	.main-navigation ul li,
	.main-navigation ul li a {
		font-size: 18px;
		line-height: 24px;
	}

	.main-navigation ul ul li,
	.main-navigation ul ul li a {
		font-size: 14px;
	}

	.main-navigation ul li.menu-item-has-children::after {
		top: 5px;
		font-size: 15px;
	}

	.main-navigation ul ul li.menu-item-has-children::after {
		font-size: 13px;
	}

	.main-navigation ul ul,
	.main-navigation ul li.menu-item-has-children:hover ul {
		left: 10px !important;
		margin-top: 10px;
	}
}

@media screen and (max-width: 400px) {
	.site-branding {
		width: 144px;
		left: 16px;
	}

	.menu-toggle {
		right: 16px;
	}

	.header-mobile-menu {
		padding-inline: 16px;
	}
}

/* Responsive End */
/*==========Header CSS End==========*/

/*==========Banner CSS Start==========*/
.main-banner {
	position: relative;
	background: var(--bg-color);
	padding-block: clamp(8.75rem, 4.741vw + 5.81rem, 11.5rem) clamp(7.5rem, 3.772vw + 5.162rem, 9.688rem);
	/* 184px to 140px from 1920px to 992px */
	/* 155px to 120px from 1920px to 992px */
}

.banner-content * {
	margin: 0;
}

.banner-content {
	padding-top: 39px;
	position: relative;
	z-index: 5;
}

.banner-content .h1-title {
	max-width: 86%;
}

.banner-content,
.banner-title {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.banner-title {
	gap: 16px;
}

.banner-content p {
	font-size: 18px;
	line-height: 1.5;
}

.banner-btn {
	margin-top: 16px;
	display: flex;
	align-items: center;
	gap: 30px;
	flex-wrap: wrap;
}

.banner-img-wp {
	position: relative;
	padding-left: clamp(1.75rem, 2.155vw + 0.414rem, 3rem);
	/* 48px to 28px from 1920px to 992px */
}

.banner-main-img {
	width: clamp(31rem, 10.776vw + 24.319rem, 37.25rem);
	/* 596px to 496px from 1920px to 992px */
	max-width: unset;
	position: relative;
	z-index: 5;
}

.banner-img-shape .img1 {
	position: absolute;
	bottom: 30px;
	left: -90px;
	width: clamp(6.875rem, 10.776vw + 0.194rem, 13.125rem);
	/* 210px to 110px from 1920px to 992px */
	z-index: 0;
}

.banner-img-shape .img2 {
	position: absolute;
	top: -18px;
	right: -239px;
	transform: rotateY(180deg);
	width: clamp(13.688rem, 10.776vw + 7.006rem, 19.938rem);
	/* 319px to 219px from 1920px to 992px */
	z-index: 0;
}

.banner-img-shape .img3 {
	position: absolute;
	bottom: -108px;
	right: -128px;
	transform: rotateX(180deg);
	width: clamp(6.25rem, 6.358vw + 2.308rem, 9.938rem);
	/* 159px to 100px from 1920px to 992px */
	z-index: 0;
}

.banner-hire-box {
	position: absolute;
	bottom: 131px;
	right: -160px;
	padding: clamp(0.625rem, 0.647vw + 0.224rem, 1rem);
	/* 16px to 10px from 1920px to 992px */
	background: var(--white-color);
	box-shadow: -12px 60px 17px 0px rgba(28, 32, 86, 0.00), -8px 38px 16px 0px rgba(28, 32, 86, 0.00), -4px 21px 13px 0px rgba(28, 32, 86, 0.02), -2px 10px 10px 0px rgba(28, 32, 86, 0.03), 0px 2px 5px 0px rgba(28, 32, 86, 0.03);
	#DAEEFC Ellipse 1 Image · 306 x 263 Ellipse 2 Image · 261 x 239 Ellipse 3 Image · 202 x 179 Ellipse 4 Image · 290 x 237 Show 3 more assets;
	text-align: center;
	border-radius: 12px;
	border: 1px solid var(--border-color);
	animation: movedelement 5s linear infinite forwards;
	z-index: 10;
}

@keyframes movedelement {
	0% {
		-webkit-transform: translate(0);
		transform: translate(0);
	}

	25% {
		-webkit-transform: translate(10px, 10px);
		transform: translate(10px, 10px);
	}

	50% {
		-webkit-transform: translate(5px, 5px);
		transform: translate(5px, 5px);
	}

	75% {
		-webkit-transform: translate(10px, -5px);
		transform: translate(10px, -5px);
	}

	to {
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}

.banner-hire-box p {
	margin-bottom: 6px;
	font-size: clamp(0.75rem, 0.431vw + 0.483rem, 1rem);
	/* 16px to 12px from 1920px to 992px */
}

.banner-hire-list {
	display: flex;
	align-items: center;
	justify-content: center;
}

.banner-hire-list img {
	width: clamp(2.188rem, 0.754vw + 1.72rem, 2.625rem);
	/* 42px to 35px from 1920px to 992px */
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: center;
	border-radius: 50%;
	border: 2px solid var(--white-color);
	position: relative;
	z-index: 1;
}

.banner-hire-list img:not(:first-child) {
	margin-left: -12px;
}

/* Responsive Start */
@media screen and (max-width: 1920px) {
	.banner-img-shape .img1 {
		left: min(0px, -4.6875vw);
		/* -90px */
	}

	.banner-img-shape .img2 {
		right: min(0px, -12.4479vw);
		/* -239px */
	}

	.banner-img-shape .img3 {
		bottom: min(0px, -5.625vw);
		/* -108px */
		right: min(0px, -6.66665vw);
		/* -128px */
	}

	.banner-hire-box {
		right: min(0px, -8.33331vw);
		/* -160px */
	}
}

@media screen and (max-width: 1599px) {
	.banner-hire-box {
		right: min(0px, -3.33331vw);
	}
}

@media screen and (max-width: 1399px) {
	.banner-hire-box {
		right: min(0px, -7.33331vw);
	}
}

@media screen and (max-width: 1199px) {
	.main-banner {
		padding-block: 140px 120px;
	}

	.banner-content .h1-title {
		max-width: 90%;
	}

	.banner-img-wp {
		padding-left: 0;
	}

	.banner-img-shape .img2 {
		right: -230px;
	}

	.banner-img-shape .img3 {
		bottom: -100px;
		right: -100px;
	}

	.banner-hire-box {
		right: auto;
		bottom: auto;
		left: -60px;
		top: 80px;
	}

	.banner-btn {
		margin-top: 0;
	}

	.banner-content p {
		font-size: 16px;
	}
}

@media screen and (max-width: 991px) {
	.banner-content {
		padding-top: 0;
	}

	.main-banner {
		padding-block: 120px 100px;
	}

	.banner-img-wp {
		width: 500px;
		max-width: 100%;
		margin-top: 60px;
		margin-inline: auto;
	}

	.banner-main-img {
		width: 100%;
		max-width: 100%;
	}

	.banner-img-shape .img1 {
		left: -30px;
		width: 180px;
		bottom: -30px;
		transform: rotateY(180deg);
	}

	.banner-img-shape .img2,
	.banner-img-shape .img3 {
		display: none;
	}

	.banner-content .h1-title {
		max-width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.banner-img-wp {
		width: 450px;
	}
}

@media screen and (max-width: 575px) {
	.main-banner {
		padding-block: clamp(5.875rem, 9.302vw + 3.782rem, 7.125rem) clamp(4.625rem, 9.302vw + 2.532rem, 5.875rem);
		/* 94px to 114px from 360px to 575px */
		/* 74px to 94px from 360px to 575px */
	}

	.banner-content {
		gap: clamp(0.75rem, 5.581vw - 0.506rem, 1.5rem);
		/* 12px to 24px from 360px to 575px */
	}

	.banner-title {
		gap: 8px;
	}

	.banner-btn {
		margin-top: 8px;
	}

	.banner-img-wp {
		width: calc(100% - 28px);
		margin-top: 27px;
		margin-right: 0;
	}

	.banner-img-shape .img1 {
		left: -6.335%;
		width: 35.335%;
		bottom: -6.925%;
	}

	.banner-hire-box {
		left: -9.335%;
		top: 15.656%;
		padding: clamp(0.5rem, 0.93vw + 0.291rem, 0.625rem);
		/* 8.6px to 10px from 360px to 575px */
		border-radius: clamp(0.375rem, 1.86vw - 0.044rem, 0.625rem);
		/* 6.45px to 10px from 360px to 575px */
		border-width: clamp(0rem, 0.465vw - 0.105rem, 0.063rem);
		/* 0.54px to 1px from 360px to 575px */
	}

	.banner-hire-box p {
		font-size: clamp(0.5rem, 0.93vw + 0.291rem, 0.625rem);
		/* 8.06px to 10px from 360px to 575px */
		margin-bottom: clamp(0.188rem, 1.395vw - 0.126rem, 0.375rem);
		/* 3.23px to 6px from 360px to 575px */
	}

	.banner-hire-list img {
		width: clamp(1.375rem, 5.116vw + 0.224rem, 2.063rem);
		/* 22.58px to 33px from 360px to 575px */
		border-width: 1px;
	}

	.banner-hire-list img:not(:first-child) {
		margin-left: -6.45px;
	}

}

@media screen and (max-width: 349px) {
	.banner-hire-box {
		left: -15.335%;
	}
}

/* Responsive End */
/*==========Banner CSS End==========*/

/*==========Counter CSS Start==========*/
.main-counter {
	position: relative;
	padding-block: 90px;
	background: var(--secondary-color);
}

.counter-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 60px;
}

.counter-title .h3-title {
	color: var(--white-color);
	margin-bottom: 0;
}

.counter-list {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.counter-list-box {
	max-width: 280px;
}

.counter-list-box h3 {
	font-size: clamp(3.75rem, 2.155vw + 2.414rem, 5rem);
	font-weight: 700;
	line-height: 1.2;
	color: var(--tertiary-color);
	margin-bottom: 16px;
}

.counter-list-box h3 span {
	color: var(--white-color);
}

.counter-list-box p {
	color: var(--white-color);
}

/* Responsive Start */
@media screen and (max-width: 1199px) {
	.counter-list-box h3 {
		font-size: clamp(3.2rem, 4.808vw + 0.147rem, 3.75rem);
	}
}

@media screen and (max-width: 991px) {
	.main-counter {
		padding-block: 80px;
	}

	.counter-title {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 40px;
	}

	.counter-list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 30px;
	}

	.counter-list-box {
		max-width: 100%;
	}

	.counter-list-box h3 {
		font-size: 50px;
	}
}

@media screen and (max-width: 575px) {
	.main-counter {
		padding-block: clamp(2.5rem, 9.302vw + 0.407rem, 3.75rem);
		/* 40px to 60px from 360px to 575px */
	}

	.counter-title {
		gap: 16px;
		margin-bottom: 32px;
	}

	.counter-title .h3-title {
		font-size: clamp(1.625rem, 1.86vw + 1.206rem, 1.875rem);
		/* 26px to 30px from 360px to 575px */
	}

	.counter-list {
		gap: clamp(1rem, 6.512vw - 0.465rem, 1.875rem);
		/* 16px to 30px from 360px to 575px */
	}

	.counter-list-box h3 {
		font-size: 40px;
		margin-bottom: 8px;
	}

	.counter-list-box p {
		font-size: 14px;
		line-height: 1.3;
	}
}

@media screen and (max-width: 349px) {
	.counter-list {
		column-gap: 12px;
	}

	.counter-list-box p {
		font-size: 13px;
	}
}

/* Responsive End */
/*==========Counter CSS End==========*/

/*==========Our Approach CSS Start==========*/
.main-approach {
	margin-block: 104px 120px;
}

.approach-title {
	text-align: center;
	max-width: 778px;
	margin: 0 auto 42px auto;
}

.approach-title .h1-title {
	margin-bottom: 24px;
}

.approach-title p {
	font-size: 18px;
}

.approach-wp {
	position: relative;
}

.approach-slide-img {
	width: 100%;
	aspect-ratio: 1/0.98182;
}

.approach-slider {
	width: 660px;
	max-width: 100%;
	margin-inline: auto;
	border-radius: 30px;
	overflow: hidden;
}

.approach-listing {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}

.approach-list-box {
	position: absolute;
	width: 444px;
	max-width: 100%;
	padding: 26px 30px 26px 26px;
	display: flex;
	gap: 24px;
	background: var(--white-color);
	border-radius: 24px 24px 0 24px;
}

.approach-list-box:nth-child(1) {
	top: 60px;
	left: 0;
	background: var(--secondary-color);
}

.approach-list-box:nth-child(2) {
	bottom: 134px;
	left: 0;
	border-radius: 24px 24px 24px 0;
	background: var(--tertiary-color);
}

.approach-list-box:nth-child(3) {
	top: 113px;
	right: 0;
	border-radius: 24px 24px 24px 0;
	background: var(--yellow-color);
}

.approach-list-box:nth-child(4) {
	bottom: 80px;
	right: 0;
	background: var(--primary-color);
}

.approach-list-box:before {
	content: '';
	position: absolute;
	top: calc(100% - 1px);
	right: 0;
	width: 77px;
	height: 34px;
	-webkit-mask-image: url('assets/images/approach-list-shape.svg');
	mask-image: url('assets/images/approach-list-shape.svg');
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-position: bottom right;
	mask-position: bottom right;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	background-color: var(--white-color);
}

.approach-list-box:nth-child(1):before {
	background-color: var(--secondary-color);
}

.approach-list-box:nth-child(2):before,
.approach-list-box:nth-child(3):before {
	background-color: var(--tertiary-color);
	left: 0;
	right: auto;
	transform: rotateY(180deg);
}

.approach-list-box:nth-child(3):before {
	background-color: var(--yellow-color);
}

.approach-list-box:nth-child(4):before {
	background-color: var(--primary-color);
}

.approach-list-box .icon {
	width: 90px;
	height: 90px;
	background: var(--white-color);
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 16px;
}

.approach-list-box .icon img {
	width: auto;
	height: auto;
	max-width: 48px;
	max-height: 48px;
	object-fit: contain;
	object-position: center;
}

.approach-list-box:nth-child(1) .text *,
.approach-list-box:nth-child(4) .text * {
	color: var(--white-color);
}

.approach-list-box:nth-child(2) .text *,
.approach-list-box:nth-child(3) .text * {
	color: var(--dark-color);
}

.approach-list-box .text .h5-title {
	margin-bottom: 12px;
}

.approach-btn {
	margin-top: 59px;
	text-align: center;
}

/* Responsive Start */
@media screen and (max-width: 1199px) {
	.approach-list-box {
		width: 400px;
		padding: 20px;
		gap: 20px
	}

	.approach-list-box .icon {
		width: 80px;
		height: 80px;
	}

	.approach-list-box .icon img {
		max-width: 40px;
		max-height: 40px;
	}

	.approach-list-box .text .h5-title {
		margin-bottom: 8px;
	}
}

@media screen and (max-width: 991px) {
	.main-approach {
		margin-block: 80px;
	}

	.approach-slider {
		display: none;
	}

	.approach-listing {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
	}

	.approach-list-box {
		position: relative;
		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;
		margin-bottom: 63px;
		margin-inline: auto;
	}

	.approach-list-box:nth-child(odd) {
		border-radius: 24px 24px 0 24px;
	}

	.approach-list-box:nth-child(odd):before {
		transform: rotateY(0deg);
		left: auto;
		right: 0;
	}

	.approach-list-box:nth-child(even) {
		border-radius: 24px 24px 24px 0;
	}

	.approach-list-box:nth-child(even):before {
		transform: rotateY(-180deg);
		left: 0;
		right: auto;
	}
}

@media screen and (max-width: 575px) {
	.main-approach {
		margin-block: 57px 73px;
	}

	.approach-title .h1-title {
		font-size: clamp(1.625rem, 2.791vw + 0.997rem, 2rem);
		/* 26px to 32px from 360px to 575px */
		margin-bottom: clamp(0.75rem, 5.581vw - 0.506rem, 1.5rem);
		/* 12px to 24px from 360px to 575px */
		font-weight: 600;
	}

	.approach-title p {
		font-size: 14px;
	}

	.approach-title {
		margin-bottom: 36px;
	}

	.approach-list-box {
		width: 328px;
		padding: 9px 24px 16px 10px;
		gap: 16px;
		margin-bottom: 25px;
	}

	.approach-list-box .icon {
		width: 60px;
		height: 60px;
	}

	.approach-list-box .icon img {
		max-width: 32px;
		max-height: 32px;
	}

	.approach-list-box .text .h5-title {
		margin-bottom: 6px;
		font-size: 18px;
	}

	.approach-list-box .text p {
		font-size: 14px;
	}

	.approach-list-box:before {
		width: 39px;
		height: 10px;
		-webkit-mask-image: url(assets/images/approach-list-shape-mob.svg);
		mask-image: url(assets/images/approach-list-shape-mob.svg);
	}

	.approach-btn {
		margin-top: 42px;
	}
}

/* Responsive End */
/*==========Our Approach CSS End==========*/

/*==========Testimonials CSS Start==========*/
.main-testimonials {
	padding-block: 139px 142px;
	background: var(--bg-color);
	position: relative;
}

.testimonial-shape {
	position: absolute;
	top: 48px;
	left: 50%;
	transform: translate(204px) rotate(180deg);
	width: clamp(18.75rem, 21.013vw + 5.722rem, 30.938rem);
	/* 495px 300px from 1920px to 992px */
}

.testimonial-title {
	margin-bottom: 68px;
}

.testimonial-title .h2-title {
	margin-bottom: 0;
}

.testimonial-box {
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 32px 13px 32px 24px;
	background: var(--white-color);
	border-radius: 16px;
	border: 1px solid var(--border-color);
	box-shadow: -12px 60px 17px 0px rgba(28, 32, 86, 0.00), -8px 38px 16px 0px rgba(28, 32, 86, 0.00), -4px 21px 13px 0px rgba(28, 32, 86, 0.02), -2px 10px 10px 0px rgba(28, 32, 86, 0.03), 0px 2px 5px 0px rgba(28, 32, 86, 0.03);
}

.star-rating-wp {
	display: block
}

.star-rating {
	font-size: 20px;
	position: relative;
	display: inline-block;
	line-height: 1.2;
}

.star-rating:before {
	content: "\f005\f005\f005\f005\f005";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	color: #e5e5e5;
	letter-spacing: 4px;
	line-height: 1.2;
}

.star-rating__fill {
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	overflow: hidden;
}

.star-rating__fill:before {
	content: "\f005\f005\f005\f005\f005";
	color: var(--yellow-color);
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	letter-spacing: 4px;
	line-height: 1.2;
}

.testimonial-box-content {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.testimonial-text {
	height: 189px;
}

.testimonial-text * {
	font-size: 18px;
	color: var(--secondary-color);
}

.review-by {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.review-by h3 {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
	margin-bottom: 0;
}

.review-by p {
	font-size: 14px;
	line-height: 1.3;
	color: var(--dark-color);
	margin: 0;
}

.review-by span {
	font-size: 14px;
	line-height: 1.3;
	color: var(--common-color);
	opacity: 0.7;
	display: block;
}

.testimonial-slider .slick-list {
	padding-block: 30px;
	margin-block: -30px;
}

.testimonial-slider .slick-dots {
	margin-top: 65px;
}

.testimonial-slider .slide-arrow {
	transform: none;
	top: -104px;
	left: auto;
	right: 91px;
}

.testimonial-slider .slide-arrow.next-arrow {
	right: 15px;
}

.testimonial-slider .slick-track {
	display: flex;
}

.testimonial-slider .slick-slide {
	height: auto;
}

/* Responsive Start */
@media screen and (max-width: 1199px) {
	.main-testimonials {
		padding-block: 120px;
	}

	.testimonial-slider .slide-arrow {
		top: -100px;
	}
}

@media screen and (max-width: 991px) {
	.main-testimonials {
		padding-block: 80px;
	}

	.testimonial-title {
		margin-bottom: 40px;
		text-align: center;
	}

	.testimonial-shape {
		top: 30px;
		width: 300px;
		transform: translate(25vw) rotate(180deg);
	}

	.testimonial-slider .slick-dots {
		margin-top: 40px;
	}
}

@media screen and (max-width: 575px) {
	.main-testimonials {
		padding-block: 60px 64px;
	}

	.testimonial-title {
		margin-bottom: 39px;
	}

	.testimonial-shape {
		top: 20px;
		width: clamp(14.438rem, 32.093vw + 7.217rem, 18.75rem);
		/* 231px to 300px from 360px to 575px */
		transform: translate(clamp(-1.125rem, 26.977vw - 7.195rem, 2.5rem)) rotate(180deg);
		/* -18px to 40px from 360px to 575px */
	}

	.testimonial-text * {
		font-size: 16px;
	}

	.testimonial-text {
		height: 192px;
	}

	.testimonial-slider .slick-dots {
		margin-top: 29px;
	}
}

/* Responsive End */
/*==========Testimonials CSS End==========*/

/*==========Specialized Talent CSS Start==========*/
.main-specialized-talent {
	padding-block: 230px;
	background: var(--secondary-color);
	position: relative;
	overflow: hidden;
}

.specialized-talent-shape {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	z-index: 0;
}

.specialized-talent-shape:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle, var(--secondary-color) 0%, transparent 50%);
}

.specialized-talent-content {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.specialized-talent-content * {
	color: var(--white-color);
}

.specialized-talent-content p {
	font-size: 18px;
	max-width: 430px;
	margin: 0;
}

.specialized-talent-content p span {
	display: block;
}

.specialized-talent-content .h2-title {
	max-width: 570px;
	margin: 0;
}

.specialized-talent-list-wp {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.specialized-talent-list {
	width: 100%;
	height: 100%;
	position: relative;
	left: 50%;
	transform: translate(-50%);
}

.specialized-talent-box {
	position: absolute;
	background: var(--tertiary-color);
	padding: 8px 24px 8px 8px;
	display: flex;
	align-items: center;
	gap: 12px;
	border-radius: 42px;
	box-shadow: -12px 60px 17px 0px rgba(28, 32, 86, 0.00), -8px 38px 16px 0px rgba(28, 32, 86, 0.00), -4px 21px 13px 0px rgba(28, 32, 86, 0.02), -2px 10px 10px 0px rgba(28, 32, 86, 0.03), 0px 2px 5px 0px rgba(28, 32, 86, 0.03);
	pointer-events: auto;
}

.specialized-talent-box:nth-child(1) {
	top: 100px;
	left: 268px;
}

.specialized-talent-box:nth-child(2) {
	top: 76px;
	right: 209px;
}

.specialized-talent-box:nth-child(3) {
	top: 278px;
	left: 0;
}

.specialized-talent-box:nth-child(4) {
	top: 287px;
	right: 0;
}

.specialized-talent-box:nth-child(5) {
	bottom: 175px;
	left: 68px;
}

.specialized-talent-box:nth-child(6) {
	bottom: 182px;
	right: 132px;
}

.specialized-talent-box:nth-child(7) {
	bottom: 91px;
	left: 50%;
	transform: translate(-50%);
}

.specialized-talent-box .img {
	flex-shrink: 0;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 2px solid var(--white-color);
	box-shadow: 0px 20px 6px 0px rgba(51, 29, 77, 0.00), 0px 13px 5px 0px rgba(51, 29, 77, 0.01), 0px 7px 4px 0px rgba(51, 29, 77, 0.05), 0px 3px 3px 0px rgba(51, 29, 77, 0.09), 0px 1px 2px 0px rgba(51, 29, 77, 0.10);
}

.specialized-talent-box .text h6 {
	margin-bottom: 0;
}

/* Responsive Start */
@media screen and (max-width: 1399px) {
	.specialized-talent-box:nth-child(1) {
		left: 168px;
	}

	.specialized-talent-box:nth-child(2) {
		right: 99px;
	}

	.specialized-talent-box:nth-child(5) {
		left: 28px;
	}

	.specialized-talent-box:nth-child(6) {
		right: 52px;
	}
}

@media screen and (max-width: 1199px) {
	.specialized-talent-list {
		width: 95vw;
	}

	.specialized-talent-box .img {
		width: 45px;
		height: 45px;
	}

	.specialized-talent-box .text h6 {
		font-size: 16px;
	}
}

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

	.main-specialized-talent {
		padding-block: 350px 430px;
	}

	.specialized-talent-list-wp {
		padding-block: 74px 72px;
	}

	.specialized-talent-list {
		width: 450px;
		max-width: 100%;
	}

	.specialized-talent-box:nth-child(1) {
		left: 0;
		top: 0;
	}

	.specialized-talent-box:nth-child(2) {
		right: auto;
		left: 70px;
		top: 81px;
	}

	.specialized-talent-box:nth-child(3) {
		top: 162px;
		left: auto;
		right: 0;
	}

	.specialized-talent-box:nth-child(4) {
		top: auto;
		right: auto;
		left: 0;
		bottom: 245px;
	}

	.specialized-talent-box:nth-child(5) {
		left: 28%;
		bottom: 164px;
	}

	.specialized-talent-box:nth-child(6) {
		right: auto;
		bottom: 81px;
		left: 0;
	}

	.specialized-talent-box:nth-child(7) {
		bottom: 0;
		left: auto;
		transform: translate(0);
		right: 0;
	}

	.specialized-talent-content .h2-title {
		max-width: 450px;
	}

	.specialized-talent-content p span {
		display: inline;
	}

	.specialized-talent-content p {
		max-width: 320px;
	}

	.specialized-talent-shape:before {
		background: radial-gradient(circle, var(--secondary-color) 20%, transparent) 50%;
	}
}

@media screen and (max-width: 575px) {
	.main-specialized-talent {
		padding-block: 322px 396px;
	}

	.specialized-talent-list {
		width: 313px;
	}

	.specialized-talent-box .img {
		width: 40px;
		height: 40px;
	}

	.specialized-talent-box .text h6 {
		line-height: 1.1;
	}

	.specialized-talent-box:nth-child(2) {
		left: 0;
		top: 76px;
	}

	.specialized-talent-box:nth-child(3) {
		top: 152px;
	}

	.specialized-talent-box:nth-child(4) {
		bottom: 228px;
	}

	.specialized-talent-box:nth-child(5) {
		left: auto;
		right: 0;
		bottom: 152px;
	}

	.specialized-talent-box:nth-child(6) {
		bottom: 76px;
		left: 16px;
	}

	.specialized-talent-content {
		gap: 24px;
	}

	.specialized-talent-content p {
		font-size: 16px;
		max-width: 280px;
	}

	.specialized-talent-content .h2-title {
		font-size: clamp(1.875rem, 4.651vw + 0.828rem, 2.5rem);
		/* 30px to 40px from 360px to 575px */
	}

	.specialized-talent-shape:before {
		background: radial-gradient(circle, var(--secondary-color) 10%, transparent);
		width: 400px;
		max-width: 100%;
		height: 350px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

/* Responsive End */
/*==========Specialized Talent CSS End==========*/

/*==========Hiring Process CSS Start==========*/
.main-hiring-process {
	margin-block: 113px;
}

.hiring-process-content {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.hiring-process-content * {
	margin: 0;
}

.hiring-process-content p {
	font-size: 18px;
	color: var(--secondary-color);
}

.hiring-process-btn {
	margin-top: 16px;
}

.hiring-process-img img {
	width: 100%;
}

.experience-box {
	position: absolute;
	top: 198px;
	right: -82px;
	padding: 16px 24px 16px 16px;
	background: var(--white-color);
	border: 1px solid var(--border-color);
	border-radius: 12px;
	box-shadow: -12px 60px 17px 0px rgba(28, 32, 86, 0.00), -8px 38px 16px 0px rgba(28, 32, 86, 0.00), -4px 21px 13px 0px rgba(28, 32, 86, 0.02), -2px 10px 10px 0px rgba(28, 32, 86, 0.03), 0px 2px 5px 0px rgba(28, 32, 86, 0.03);
	display: flex;
	align-items: center;
	gap: 12px;
	animation: movedelement 5s linear infinite forwards;
}

.experience-box .icon {
	flex-shrink: 0;
	width: 48px;
	height: 48px;
	background: var(--yellow-color);
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.experience-box .icon img {
	width: 30px;
}

.experience-box * {
	margin-bottom: 0;
}

/* Responsive Start */
@media screen and (max-width: 1599px) {
	.experience-box {
		right: -32px;
	}
}

@media screen and (max-width: 1399px) {
	.experience-box {
		top: 150px;
	}
}

@media screen and (max-width: 1199px) {
	.experience-box {
		top: 70%;
		right: -20px;
	}
}

@media screen and (max-width: 991px) {
	.main-hiring-process {
		margin-block: 80px;
	}

	.experience-box {
		top: 0;
		right: -20px;
	}

	.hiring-process-content {
		align-items: center;
		margin-top: 50px;
		text-align: center;
		max-width: 500px;
		margin-inline: auto;
	}
}

@media screen and (max-width: 767px) {
	.hiring-process-img {
		position: relative;
		padding-top: 80px;
	}
}

@media screen and (max-width: 575px) {
	.main-hiring-process {
		margin-block: 51px;
	}

	.experience-box {
		right: 0;
	}

	.hiring-process-content {
		max-width: 480px;
		margin-top: 39px;
		padding-inline: 10px;
	}

	.hiring-process-content p {
		font-size: 16px;
	}

	.hiring-process-btn {
		margin-top: 8px;
	}
}

/* Responsive End */
/*==========Hiring Process CSS End==========*/

/*==========Footer CSS Start==========*/
.site-footer {
	background: var(--dark-color);
}

.footer-info {
	padding-block: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

.footer-logo img {
	width: 196px;
}

.footer-menu ul {
	display: flex;
	align-items: center;
	gap: 40px;
}

.footer-menu ul li,
.footer-menu ul li a {
	font-size: 18px;
	line-height: 1.3;
}

.footer-menu ul li a {
	display: inline-block;
	font-weight: 500;
	font-family: var(--title-font);
	color: var(--white-color);
}

.footer-menu ul li a:hover,
.footer-menu ul li.current_page_item a {
	color: var(--primary-color);
}

.footer-social-media {
	display: flex;
	align-items: center;
	gap: 10px;
}

.footer-social-media a {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--white-color);
	border-radius: 50%;
	color: var(--dark-color);
	font-size: 17px;
}

.footer-social-media a:hover {
	background: var(--primary-color);
	color: var(--white-color);
}

.footer-bottom-box {
	position: relative;
	padding: 40px 0;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom-text {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.copy-right,
.footer-other-link {
	display: inline-block;
}

.copy-right p,
.footer-other-link p {
	color: var(--white-color);
	opacity: 0.6;
	margin-bottom: 0;
}

.footer-bottom-link {
	display: inline-block;
}

.footer-bottom-link ul {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	gap: 10px 24px;
}

.footer-bottom-link ul li a {
	color: var(--white-color);
}

.footer-bottom-link ul li a:hover {
	color: var(--primary-color);
}

.footer-other-link p a {
	color: var(--primary-color);
	font-weight: bold;
	transition: var(--transition);
}

.footer-other-link p a:hover {
	color: var(--dark-color);
}

.footer-other-link p i {
	color: var(--primary-color);
}

/* Responsive Start */
@media screen and (max-width: 1199px) {
	.footer-menu ul {
		gap: 25px;
	}

	.footer-bottom-link ul {
		gap: 10px 20px;
	}
}

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

	.footer-bottom-text {
		flex-direction: column-reverse;
		gap: 33px;
	}

	.copy-right,
	.footer-other-link,
	.footer-bottom-link {
		display: block;
		text-align: center;
	}

	.footer-info {
		flex-direction: column;
		gap: 30px;
		padding-block: 40px;
	}

	.footer-menu ul {
		gap: 18px;
		flex-direction: column;
	}

	.footer-bottom-box {
		padding: 34px 0 35px;
	}

	.footer-bottom-link ul {
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media screen and (max-width: 575px) {
	.footer-info {
		padding-block: 38px 34px;
	}

	.footer-social-media a {
		width: 34px;
		height: 34px;
	}

	.footer-bottom-link ul {
		gap: 10px 16px;
		padding-inline: 5px;
	}

	.footer-bottom-link ul li,
	.footer-bottom-link ul li a,
	.copy-right p,
	.footer-other-link p {
		font-size: 14px;
		line-height: 1.3;
	}
}

/* Responsive End */
/*==========Footer CSS End==========*/

/*==========About Us Page CSS Start==========*/
/* Banner CSS Start */
.main-inner-banner {
	padding-top: 177px;
	background: var(--bg-color);
	overflow: hidden;
}

.main-inner-banner.about-banner {
	padding-bottom: 27px;
}

.inner-banner-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-bottom: 30px;
	word-break: break-word;
}

.inner-banner-content * {
	margin-bottom: 0;
}

.inner-banner-text {
	margin-top: 16px;
}

.inner-banner-text * {
	font-size: 18px;
}

.inner-banner-content:has(.h1-title:last-child) {
	margin-bottom: 57px;
}

.inner-banner-img img {
	min-width: 380px;
	width: 30.5vw;
	max-width: 579px;
	margin-left: clamp(0rem, 16.154vw - 14.135rem, 5.25rem);
	/* 0 to 84px from 1400px to 1920px */
	margin-top: -91px;
}

.main-inner-banner.about-banner .inner-banner-img img {
	margin-top: -51px;
}

/* Responsive Start */
@media screen and (max-width: 1499px) {
	.inner-banner-img img {
		margin-top: -70px;
	}
}

@media screen and (max-width: 1199px) {
	.main-inner-banner {
		padding-top: 140px;
	}

	.inner-banner-text * {
		font-size: 16px;
	}

	.inner-banner-img img {
		margin-top: -30px;
	}

	.main-inner-banner.about-banner .inner-banner-img img {
		margin-top: 0;
	}
}

@media screen and (max-width: 991px) {
	.main-inner-banner {
		padding-top: 120px;
	}

	.inner-banner-img img {
		min-width: unset;
		width: 100%;
		max-width: 500px;
		margin-top: 0;
	}

	.inner-banner-content:has(.h1-title:last-child) {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 575px) {
	.main-inner-banner {
		padding-top: clamp(5.875rem, 9.302vw + 3.782rem, 7.125rem);
	}

	.inner-banner-text {
		margin-top: 8px;
	}
}

/* Responsive End */
/* Banner CSS End */

/* Who We Are Start */
.main-who-we-are {
	margin-block: 115px 125px;
}

.who-we-are-content {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-top: 38px;
}

.who-we-are-content .h2-title {
	margin-bottom: 0;
}

.who-we-are-img-wp {
	position: relative;
	height: 100%;
}

.who-we-are-img {
	width: 660px;
	min-height: 500px;
	height: 100%;
	max-width: 100%;
	margin-left: auto;
	border-radius: 16px;
}

.who-we-are-content-text * {
	font-size: 18px;
}

.who-we-are-content-text p:not(:last-child) {
	margin-bottom: 27px;
}

.who-we-are-img-wp .experience-box {
	top: 30px;
	right: auto;
	left: 34px;
}

.who-we-are-img-wp .experience-box .icon {
	background: var(--purple-color);
}

/* Responsive Start */
@media screen and (max-width: 1399px) {
	.who-we-are-img {
		width: 540px;
	}
}

@media screen and (max-width: 1199px) {
	.who-we-are-img {
		width: 480px;
	}

	.who-we-are-img-wp .experience-box {
		left: 0;
	}

	.who-we-are-content-text * {
		font-size: 16px;
	}

	.who-we-are-content-text p:not(:last-child) {
		margin-bottom: revert;
	}

	.who-we-are-img-wp .experience-box {
		top: auto;
		bottom: 0;
	}
}

@media screen and (max-width: 991px) {
	.main-who-we-are {
		margin-block: 80px 120px;
	}

	.who-we-are-content {
		padding-top: 0;
	}

	.who-we-are-img {
		width: 100%;
		margin-inline: auto;
		height: auto;
		min-height: unset;
		aspect-ratio: 1 / 0.7;
	}

	.who-we-are-img-wp {
		margin-top: 40px;
	}
}

@media screen and (max-width: 575px) {
	.main-who-we-are {
		margin-block: 60px 90px;
	}
}

/* Responsive End */
/* Who We Are End */

/* Our Mission Start */
.main-our-mission {
	background: var(--bg-color);
}

.our-mission-content {
	padding-block: 94px 95px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.our-mission-content * {
	margin-bottom: 0;
}

.our-mission-content p {
	font-size: 18px;
}

.our-mission-lists {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	overflow: hidden;
	position: relative;
	margin-bottom: -6px;
}

.our-mission-lists:before,
.our-mission-lists:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 73px;
	z-index: 5;
	pointer-events: none;
	background: linear-gradient(to top, transparent, var(--bg-color) 120%);
}

.our-mission-lists:after {
	background: linear-gradient(to bottom, transparent, var(--bg-color) 120%);
	top: auto;
	bottom: 0;
}

.our-mission-list-box {
	width: 490px;
	max-width: 100%;
	background: var(--white-color);
	padding: 24px;
	box-shadow: 0px 62px 17px 0px rgba(27, 54, 102, 0.00), 0px 39px 16px 0px rgba(27, 54, 102, 0.00), 0px 22px 13px 0px rgba(27, 54, 102, 0.01), 0px 10px 10px 0px rgba(27, 54, 102, 0.02), 0px 2px 5px 0px rgba(27, 54, 102, 0.02);
	#ECF6FD;
	border-radius: 24px;
	display: flex;
	align-items: center;
	gap: 24px;
	position: relative;
}

.our-mission-list-box .icon {
	width: 90px;
	height: 90px;
	background: var(--bg-color);
	border-radius: 16px;
	flex-shrink: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.our-mission-list-box .icon img {
	width: auto;
	height: auto;
	max-width: 40px;
	max-height: 40px;
}

.our-mission-lists .our-mission-list-box:nth-child(1) {
	transform: rotate(-7deg);
	z-index: 3;
	top: -12px;
	left: 6px;
}

.our-mission-lists .our-mission-list-box:nth-child(2) {
	transform: rotate(7deg);
	z-index: 2;
	top: 6px;
}

.our-mission-lists .our-mission-list-box:nth-child(3) {
	transform: rotate(-3.07deg);
	z-index: 1;
	top: 4px;
	left: 18px;
}

/* Responsive Start */
@media screen and (max-width: 1199px) {
	.our-mission-content p {
		font-size: 16px;
	}

	.our-mission-list-box {
		width: 420px;
	}
}

@media screen and (max-width: 991px) {
	.main-our-mission {
		padding-block: 80px;
	}

	.our-mission-content {
		padding-block: 0;
	}

	.our-mission-content {
		text-align: center;
		margin-bottom: 40px;
	}

	.our-mission-lists {
		margin-bottom: 0;
	}

	.our-mission-lists:before,
	.our-mission-lists:after {
		display: none;
	}

	.our-mission-lists .our-mission-list-box:nth-child(1),
	.our-mission-lists .our-mission-list-box:nth-child(2),
	.our-mission-lists .our-mission-list-box:nth-child(3) {
		transform: none;
		top: 0;
		left: 0;
	}

	.our-mission-list-box:not(:last-child) {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 575px) {
	.main-our-mission {
		padding-block: 60px;
	}

	.our-mission-list-box {
		width: 330px;
		padding: 15px;
		gap: 15px;
	}

	.our-mission-list-box .h5-title {
		font-size: 16px;
	}

	.our-mission-list-box .icon {
		width: 70px;
		height: 70px;
	}

	.our-mission-list-box .icon img {
		max-width: 32px;
		max-height: 32px;
	}
}

/* Responsive End */
/* Our Mission End */

/* Our Founder Start */
.main-our-founder {
	margin-block: 103px 125px;
}

.our-founder-content .h2-title {
	margin-bottom: 24px;
}

.our-founder-text * {
	font-size: 18px;
}

.our-founder-text p:not(:last-child) {
	margin-bottom: 27px;
}

.founder-img {
	width: 100%;
	aspect-ratio: 1/1.2762;
	margin-left: 54px;
	-webkit-mask-image: url('assets/images/founder-shape.svg');
	mask-image: url('assets/images/founder-shape.svg');
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

/* Responsive Start */
@media screen and (max-width: 1199px) {
	.our-founder-text * {
		font-size: 16px;
	}

	.our-founder-text p:not(:last-child) {
		margin-bottom: revert;
	}
}

@media screen and (max-width: 991px) {
	.main-our-founder {
		margin-block: 80px;
	}

	.founder-img {
		margin-inline: auto;
		margin-top: 40px;
		max-width: 500px;
	}
}

@media screen and (max-width: 575px) {
	.main-our-founder {
		margin-block: 60px;
	}
}

/* Responsive End */
/* Our Founder End */

/* Ready to Transform Start */
.main-ready-to-transform {
	position: relative;
	padding-block: 132px;
	background: var(--secondary-color);
}

.ready-to-transform-shape {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	z-index: 0;
}

.ready-to-transform-shape:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle, var(--secondary-color) 10%, transparent 30%);
}

.ready-to-transform-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 24px;
}

.ready-to-transform-content * {
	color: var(--white-color);
	margin-bottom: 0;
}

.ready-to-transform-content p {
	font-size: 18px;
	margin-bottom: 0;
}

.ready-to-transform-btn {
	margin-top: 16px;
}

.ready-to-transform-images {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.ready-to-transform-images img {
	--size: 52px;
	width: var(--size);
	height: var(--size);
	object-fit: cover;
	object-position: center;
	position: absolute;
	pointer-events: auto;
	border-radius: 50%;
	border: 2px solid var(--white-color);
}

.ready-to-transform-images img:nth-child(1) {
	top: 37px;
	left: 219px;
	animation: movedelement 3s linear infinite forwards;
}

.ready-to-transform-images img:nth-child(2) {
	--size: 34px;
	top: 138px;
	left: -55px;
	animation: movedelement 5s linear infinite forwards;
}

.ready-to-transform-images img:nth-child(3) {
	--size: 60px;
	top: 204px;
	left: 145px;
	animation: movedelement 10s linear infinite forwards;
}

.ready-to-transform-images img:nth-child(4) {
	--size: 34px;
	bottom: 147px;
	left: 182px;
	animation: movedelement 4s linear infinite forwards;
}

.ready-to-transform-images img:nth-child(5) {
	--size: 34px;
	top: 42px;
	right: 433px;
	animation: movedelement 6s linear infinite forwards;
}

.ready-to-transform-images img:nth-child(6) {
	--size: 42px;
	top: 93px;
	right: 181px;
	animation: movedelement 4s linear infinite forwards;
}

.ready-to-transform-images img:nth-child(7) {
	--size: 52px;
	top: 151px;
	right: -88px;
	animation: movedelement 7s linear infinite forwards;
}

.ready-to-transform-images img:nth-child(8) {
	--size: 34px;
	top: 283px;
	right: 45px;
	animation: movedelement 6s linear infinite forwards;
}

.ready-to-transform-images img:nth-child(9) {
	--size: 60px;
	bottom: 145px;
	right: 191px;
	animation: movedelement 8s linear infinite forwards;
}

/* Responsive Start */
@media screen and (max-width: 1599px) {
	.ready-to-transform-images img:nth-child(2) {
		left: 0;
	}

	.ready-to-transform-images img:nth-child(7) {
		right: 0;
	}
}

@media screen and (max-width: 1199px) {
	.ready-to-transform-content p {
		font-size: 16px;
	}

	.ready-to-transform-images img:nth-child(2) {
		top: 98px;
	}

	.ready-to-transform-images img:nth-child(3) {
		left: 45px;
	}

	.ready-to-transform-images img:nth-child(4) {
		left: 130px;
	}

	.ready-to-transform-images img:nth-child(6) {
		top: 83px;
		right: 141px;
	}

	.ready-to-transform-images img:nth-child(9) {
		right: 120px;
	}
}

@media screen and (max-width: 991px) {
	.main-ready-to-transform {
		padding-block: 180px;
	}

	.ready-to-transform-content {
		max-width: 500px;
		margin-inline: auto;
	}

	.ready-to-transform-shape:before {
		background: radial-gradient(circle, var(--secondary-color) 10%, transparent 50%);
	}

	.ready-to-transform-images img:nth-child(1) {
		top: 8%;
		left: 30%;
	}

	.ready-to-transform-images img:nth-child(3) {
		left: 0;
		top: auto;
		bottom: 15%;
	}

	.ready-to-transform-images img:nth-child(4) {
		left: 28%;
		bottom: 5%;
	}

	.ready-to-transform-images img:nth-child(5) {
		right: 5%;
		top: 20px;
	}

	.ready-to-transform-images img:nth-child(6) {
		right: 25%;
		top: 15%;
	}

	.ready-to-transform-images img:nth-child(7) {
		top: auto;
		bottom: 5%;
		right: 25%;
	}

	.ready-to-transform-images img:nth-child(8) {
		top: auto;
		bottom: 15%;
		right: 47%;
	}

	.ready-to-transform-images img:nth-child(9) {
		right: 2%;
		bottom: 20%;
	}
}

@media screen and (max-width: 575px) {
	.ready-to-transform-shape:before {
		background: radial-gradient(circle, var(--secondary-color), transparent);
	}

	.ready-to-transform-images img:nth-child(1) {
		--size: 42px;
	}

	.ready-to-transform-images img:nth-child(6) {
		--size: 35px;
	}

	.ready-to-transform-images img:nth-child(3),
	.ready-to-transform-images img:nth-child(9) {
		--size: 50px;
	}

	.ready-to-transform-images img:nth-child(7) {
		--size: 40px;
	}

	.ready-to-transform-btn {
		margin-top: 8px;
	}
}

/* Responsive End */
/* Ready to Transform End*/
/*==========About Us Page CSS End==========*/

/*==========Our Approach Page CSS Start==========*/
/* Banner Start */
.main-inner-banner.approach-banner .inner-banner-img img {
	width: 34.74vw;
	max-width: 667px;
	margin-left: -4px;
}

/* Responsive Start */
@media screen and (max-width: 991px) {
	.main-inner-banner.approach-banner .inner-banner-img img {
		width: 100%;
		max-width: 500px;
		margin: 0;
	}
}

/* Responsive End */

/* Banner End */

/* Discover Top Talent Start */
.main-discover-talent {
	margin-block: 96px 120px;
}

.discover-talent-content {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.discover-talent-content .h2-title {
	width: 95%;
	margin-bottom: 0;
}

.discover-talent-content-text * {
	font-size: 18px;
}

.discover-talent-content-text p:not(:last-child) {
	margin-bottom: 27px;
}

.discover-talent-img {
	position: relative;
}

.discover-talent-img>img {
	max-width: unset;
	width: 745px;
}

.discover-talent-img .experience-box .icon {
	background: var(--purple-color);
}

.discover-talent-img .experience-box {
	top: auto;
	bottom: 48px;
	right: -11px;
}

/* Responsive Start */
@media screen and (max-width: 1499px) {
	.discover-talent-img>img {
		width: 100%;
	}

	.discover-talent-img .experience-box {
		right: 0;
	}
}

@media screen and (max-width: 1199px) {
	.discover-talent-content-text * {
		font-size: 16px;
	}

	.discover-talent-content-text p:not(:last-child) {
		margin-bottom: revert;
	}

	.discover-talent-img>img {
		width: 45vw;
		min-width: 100%;
	}

}

@media screen and (max-width: 991px) {
	.main-discover-talent {
		margin-block: 80px;
	}

	.discover-talent-img {
		margin-top: 40px;
	}

	.discover-talent-img>img {
		width: 100%;
		max-width: 100%;
	}
}

@media screen and (max-width: 575px) {
	.main-discover-talent {
		margin-block: 60px;
	}

	.discover-talent-img .experience-box {
		bottom: 0;
	}
}

/* Responsive End */
/* Discover Top Talent End */

/* How It Works Start */
.main-how-it-works {
	margin-block: 120px 140px;
}

.how-it-works-list-wp {
	max-width: 550px;
	background: var(--bg-color);
	padding: 27px 30px;
	border-radius: 40px;
	position: relative;
	overflow: hidden;
	cursor: grab;
}

.how-it-works-list-wp:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 73px;
	z-index: 5;
	pointer-events: none;
	background: linear-gradient(to bottom, transparent, var(--bg-color) 60%);
}

.how-it-works-content-text h5:not(:first-child) {
	margin-top: 24px;
}

.how-it-works-list-box:not(:last-child) {
	margin-bottom: 24px;
}

.how-it-works-lists .slick-list {
	padding-bottom: 102px;
}

/* Responsive Start */
@media screen and (max-width: 1199px) {
	.main-how-it-works {
		margin-block: 120px;
	}
}

@media screen and (max-width: 991px) {
	.main-how-it-works {
		margin-block: 80px;
	}

	.how-it-works-list-wp {
		margin-top: 40px;
		margin-inline: auto;
		max-width: 480px;
	}
}

@media screen and (max-width: 575px) {
	.main-how-it-works {
		margin-block: 60px;
	}

	.how-it-works-list-wp {
		max-width: 380px;
		padding: 20px;
		border-radius: 25px;
	}

	.how-it-works-list-box:not(:last-child) {
		margin-bottom: 20px;
	}

	.how-it-works-lists .slick-list {
		padding-bottom: 60px;
	}
}

/* Responsive End */
/* How It Works End */

/* How Is YBI Different Start */
.main-how-ybi-different {
	margin-block: 140px 119px
}

.how-ybi-different-content {
	display: flex;
	flex-direction: column;
	gap: 29px;
}

.how-ybi-different-content .h2-title {
	margin-bottom: 0;
}

.how-ybi-different-content-text h5:not(:first-child) {
	margin-top: 24px;
}

.how-ybi-different-img-wp {
	position: relative;
}

.how-ybi-different-img {
	width: 100%;
	max-width: 513px;
	aspect-ratio: 1 / 1.14425;
	margin-inline: auto;
	-webkit-mask-image: url(assets/images/how-ybi-different-shape.svg);
	mask-image: url(assets/images/how-ybi-different-shape.svg);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
}

.how-ybi-different-img-wp .approach-list-box {
	position: relative;
	margin-left: auto;
	bottom: auto;
	margin-top: -28px;
	flex-direction: column;
	border-radius: 24px 24px 0 24px;
	width: 380px;
	max-width: 100%;
	padding: 25px 21px 30px 28px;
	margin-bottom: 33px;
}

.how-ybi-different-img-wp .approach-list-box::before {
	left: auto;
	right: 0;
	transform: none;
}

/* Responsive Start */
@media screen and (max-width: 1199px) {
	.main-how-ybi-different {
		margin-block: 120px;
	}
}

@media screen and (max-width: 991px) {
	.main-how-ybi-different {
		margin-block: 80px;
	}

	.how-ybi-different-img-wp {
		margin-top: 40px;
	}

	.how-ybi-different-img-wp .approach-list-box {
		margin-right: 0;
	}
}

@media screen and (max-width: 575px) {
	.how-ybi-different-img-wp .approach-list-box {
		margin-bottom: 10px;
	}

	.main-how-ybi-different {
		margin-block: 60px;
	}

	.how-ybi-different-img-wp .approach-list-box {
		padding: 20px;
	}

	.how-ybi-different-img-wp .approach-list-box {
		width: 320px;
	}
}

/* Responsive End */
/* How Is YBI Different End */

/* Impactful Results Start */
.main-impactful-result {
	padding-block: 99px 120px;
	background: var(--bg-color);
}

.impactful-result-title {
	margin-bottom: 77px;
}

.impactful-result-tabbing ul {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.impactful-result-tabbing ul li {
	padding: 30px 40px;
	border: 2px solid var(--white-color);
	border-radius: 24px;
	background: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	transition: 0.3s;
}

.impactful-result-tabbing ul li h5 {
	margin-bottom: 0;
}

.impactful-result-tabbing ul li:hover,
.impactful-result-tabbing ul li.active {
	background: var(--white-color);
	box-shadow: 0px 62px 17px 0px rgba(27, 54, 102, 0.00), 0px 39px 16px 0px rgba(27, 54, 102, 0.00), 0px 22px 13px 0px rgba(27, 54, 102, 0.01), 0px 10px 10px 0px rgba(27, 54, 102, 0.02), 0px 2px 5px 0px rgba(27, 54, 102, 0.02);
}

.impactful-result-tab-wp {
	position: relative;
}

.impactful-result-tab-wp .ajax-loader {
	background: color-mix(in srgb, var(--body-font), white 50%);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}

.ajax-loader i {
	font-size: 60px;
}

.impactful-result-tab-content {
	position: relative;
}

.impactful-result-tab-box {
	padding: 40px;
	background: var(--white-color);
	border-radius: 30px;
	display: none;
}

.impactful-result-tab-box.active {
	display: block;
}

.impactful-result-tab-text {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.impactful-result-tab-text ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.impactful-result-tab-text ul li {
	position: relative;
	padding-left: 32px;
}

.impactful-result-tab-text ul li strong {
	font-weight: 400;
	color: var(--secondary-color);
}

.impactful-result-tab-text ul li:before {
	content: '\f00c';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 1px;
	left: 2px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	background: var(--primary-color);
	border-radius: 5px;
	color: var(--white-color);
	font-size: 8px;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.impactful-result-tab-img {
	width: 100%;
	aspect-ratio: 1/0.5;
	border-radius: 16px;
	margin-top: 32px;
}

/* Responsive Start */
@media screen and (max-width: 1199px) {
	.impactful-result-title {
		margin-bottom: 60px;
	}

	.impactful-result-tab-box {
		padding: 30px;
	}
}

@media screen and (max-width: 991px) {
	.main-impactful-result {
		padding-block: 80px;
	}

	.impactful-result-title {
		margin-bottom: 40px;
		text-align: center;
	}

	.impactful-result-tab-dropdown {
		padding: 20px 30px;
		border: 2px solid var(--white-color);
		border-radius: 20px;
		cursor: pointer;
		transition: 0.3s;
		background: var(--white-color);
		box-shadow: 0px 62px 17px 0px rgba(27, 54, 102, 0.00), 0px 39px 16px 0px rgba(27, 54, 102, 0.00), 0px 22px 13px 0px rgba(27, 54, 102, 0.01), 0px 10px 10px 0px rgba(27, 54, 102, 0.02), 0px 2px 5px 0px rgba(27, 54, 102, 0.02);
		margin-bottom: 0;
		position: relative;
		display: flex;
		justify-content: space-between;
		gap: 20px;
		align-items: center;
	}

	.impactful-result-tab-dropdown:after {
		content: '\f078';
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		transition: 0.3s;
	}

	.impactful-result-tabbing.toggled .impactful-result-tab-dropdown:after {
		transform: rotate(-180deg);
	}

	.impactful-result-tabbing {
		position: relative;
	}

	.impactful-result-tabbing ul {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		z-index: 10;
		background: var(--white-color);
		box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
		border-radius: 20px;
		border: 1px solid var(--border-color);
	}

	.impactful-result-tabbing.toggled ul {
		display: block;
	}

	.impactful-result-tabbing ul li {
		background: transparent;
		box-shadow: none;
		padding: 20px;
		border: 0;
		border-radius: 0;
	}

	.impactful-result-tabbing ul li:hover,
	.impactful-result-tabbing ul li.active {
		background: transparent;
		box-shadow: none;
	}

	.impactful-result-tabbing ul li:not(:last-child) {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	}

	.impactful-result-tab-content {
		margin-top: 40px;
	}

	.impactful-result-tabbing ul li.active .h5-title {
		color: var(--primary-color);
	}
}

@media screen and (max-width: 575px) {
	.main-impactful-result {
		padding-block: 60px;
	}

	.impactful-result-tab-dropdown {
		padding: 20px;
	}

	.impactful-result-tab-content {
		margin-top: 20px;
	}

	.impactful-result-tabbing ul li {
		padding: 15px 20px;
	}

	.impactful-result-tab-box {
		padding: 20px;
		border-radius: 20px;
	}

}

/* Responsive End */
/* Impactful Results End */
/*==========Our Approach Page CSS End==========*/

/*==========Case Studies Page CSS Start==========*/
/* Banner Start */
.main-inner-banner.case-studies-banner .inner-banner-img img {
	margin-bottom: -48px;
}

/* Banner End */

/* Case Studies Start */
.main-case-studies {
	margin-block: 116px 120px;
}

.case-studies-lists {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.accordion-title {
	padding: 24px;
	display: flex;
	justify-content: space-between;
	position: relative;
	cursor: pointer;
	gap: 10px;
}

.accordion-title .h4-title {
	margin-bottom: 0;
	transition: 0.3s;
}

.accordion-close {
	display: block;
	width: 32px;
	height: 32px;
	position: relative;
	flex-shrink: 0;
	transition: 0.3s;
}

.accordion-close:before,
.accordion-close:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 2px;
	height: 23px;
	background: var(--secondary-color);
	display: block;
	border-radius: 10px;
	transition: 0.3s;
}

.accordion-close:after {
	width: 23px;
	height: 2px;
}

.accordion-box {
	border: 1px solid var(--border-color);
	border-radius: 24px;
	box-shadow: 0px 62px 17px 0px rgba(27, 54, 102, 0.00), 0px 39px 16px 0px rgba(27, 54, 102, 0.00), 0px 22px 13px 0px rgba(27, 54, 102, 0.01), 0px 10px 10px 0px rgba(27, 54, 102, 0.02), 0px 2px 5px 0px rgba(27, 54, 102, 0.02);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}

.accordion-title:hover .h4-title,
.accordion-title.active .h4-title {
	color: var(--primary-color);
}

.accordion-title.active .accordion-close {
	transform: rotate(45deg);
}

.accordion-title:hover .accordion-close:before,
.accordion-title:hover .accordion-close:after,
.accordion-title.active .accordion-close:before,
.accordion-title.active .accordion-close:after {
	background: var(--primary-color);
}

.accordion-content {
	padding: 0 24px 24px;
	display: none;
}

.case-studies-content {
	display: flex;
	gap: 49px;
	align-items: center;
}

.case-studies-content-text {
	flex: auto;
	padding-block: 24px;
}

.case-studies-content-text h6 {
	margin-block: 16px 8px;
}

.case-studies-content-text h6:first-child {
	margin-top: 0;
}

.case-studies-img {
	width: 586px;
	height: 633px;
	flex-shrink: 0;
	border-radius: 24px;
}

/* Responsive Start */
@media screen and (max-width: 1199px) {
	.case-studies-content {
		gap: 30px;
		flex-direction: column;
	}

	.case-studies-img {
		width: 100%;
		height: auto;
		aspect-ratio: 1 / 0.5;
	}

	.case-studies-content-text {
		padding: 0;
	}
}

@media screen and (max-width: 991px) {
	.main-case-studies {
		margin-block: 80px;
	}
}

@media screen and (max-width: 575px) {
	.main-case-studies {
		margin-block: 60px;
	}

	.accordion-title {
		padding: 20px;
	}

	.accordion-content {
		padding: 0 20px 20px;
	}

	.case-studies-content {
		gap: 20px;
	}

	.case-studies-img {
		aspect-ratio: 1 / 0.6;
		border-radius: 16px;
	}
}

/* Responsive End */
/* Case Studies End */
/*==========Case Studies Page CSS End==========*/

/*==========FAQ Page CSS Start==========*/
/* Banner Start */
.main-inner-banner.faq-banner {
	padding-bottom: 27px;
}

/* Banner End */

/* FAQs Start */
.main-faqs {
	margin-block: 92px 120px;
}

.faq-list.accordion {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.faq-content {
	padding-block: 15px;
}

/* Responsive Start */
@media screen and (max-width: 1199px) {
	.faq-content {
		padding-block: 0;
	}
}

@media screen and (max-width: 991px) {
	.main-faqs {
		margin-block: 80px;
	}
}

@media screen and (max-width: 575px) {
	.main-faqs {
		margin-block: 60px;
	}
}

/* Responsive End */
/* FAQs End */
/*==========FAQ Page CSS End==========*/

/*==========Find Your Next Hire Page CSS Start==========*/
.main-hire-form {
	padding-block: 195px 120px;
	background: var(--bg-color);
}

.hire-form-title .h1-title {
	margin-bottom: 24px;
}

.hire-form-wp .hire-form-title .h4-title {
	font-weight: 700;
	margin-bottom: 25px;
}

.hire-form-title p {
	font-size: 18px;
}

.hire-form-wp form .row {
	--gutter: 20px;
}

.hire-form-wp form .submit-btn .sec-btn {
	width: 240px;
}

.hire-form-wp {
	background-color: var(--white-color);
	padding: 40px;
	border-radius: 30px;
}

/* Responsive Start */
@media screen and (min-width: 992px) {
	html:has(body.page-template-template-hire) {
		overflow: unset !important;
	}

	.main-hire-form>.container>.row>.col-lg-6:first-child {
		align-self: start;
		position: sticky;
		top: 110px;
		left: 0;
	}

	.hire-form-content-title-text {
		max-width: 570px;
	}

	.hire-form-content-wp {
		margin-top: 30px;
	}
}

@media screen and (min-width: 1921px) {
	.hire-form-content-title-text {
		max-width: 620px;
	}
}

@media screen and (max-width: 1199px) {
	.main-hire-form {
		padding-block: 175px 120px;
	}

	.hire-form-wp {
		padding: 30px;
	}
}

@media screen and (max-width: 991px) {
	.main-hire-form {
		padding-block: 120px 80px;
	}

	.hire-form-content-wp {
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 575px) {
	.main-hire-form {
		padding-block: clamp(5.875rem, 9.302vw + 3.782rem, 7.125rem) 60px;
	}

	.hire-form-wp {
		border-radius: 20px;
		padding: 30px 20px;
	}

	.hire-form-title .h1-title {
		margin-bottom: 12px;
	}

	.hire-form-wp .hire-form-title .h4-title {
		margin-bottom: 20px;
	}

	.hire-form-wp form .submit-btn .sec-btn {
		width: 200px;
	}
}

@media screen and (max-width: 400px) {
	.hire-form-wp {
		border-radius: 20px;
		padding: 25px 15px;
	}
}

/* Responsive End */
/*==========Find Your Next Hire Page CSS End==========*/


/*==========Scroll To Top CSS Start==========*/
.scrolltop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	background: var(--primary-color);
	border: none;
	color: var(--white-color) !important;
	font-size: 25px;
	line-height: 30px;
	text-align: center;
	padding: 13px 0;
	border-radius: 8px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
	cursor: pointer;
	display: none;
	z-index: 50;
	transition: var(--transition);
}

.scrolltop:hover {
	background: var(--dark-color);
	color: var(--white-color) !important;
}

/*==========Scroll To Top CSS End==========*/

/*========== Inner Page CSS Start ==========*/
.main-inner-banner.common-banner {
	padding-bottom: 105px;
}

.main-inner-banner.common-banner .inner-banner-content {
	margin-bottom: 0;
}

.inner-page-text {
	padding: var(--space-80) 0;
}

.privacy-content h2,
.entry-content h2 {
	font-size: 35px;
	color: var(--secondary-color);
	margin-bottom: 16px;
}

.privacy-content h2:not(:first-child),
.entry-content h2:not(:first-child) {
	margin-top: 40px;
}

.sitemap-content ul {
	margin-left: 20px;
}

.privacy-content p a:not(.sec-btn),
.privacy-content a:not(.sec-btn),
.entry-content a:not(.sec-btn),
.entry-content p a:not(.sec-btn),
.entry-content a:not(.sec-btn) {
	transition: var(--transition);
	color: var(--primary-color);
}

.privacy-content p a:not(.sec-btn):hover,
.privacy-content a:not(.sec-btn):hover,
.entry-content p a:not(.sec-btn):hover,
.entry-content a:not(.sec-btn):hover {
	color: var(--dark-color);
}

.type-post .entry-content p {
	margin-bottom: 16px;
}

/* Responsive Start */
@media screen and (max-width: 1199px) {
	.main-inner-banner.common-banner {
		padding-bottom: 80px;
	}
}

@media screen and (max-width: 575px) {
	.main-inner-banner.common-banner {
		padding-bottom: 50px;
	}

	.privacy-content h2,
	.entry-content h2 {
		font-size: clamp(1.625rem, 2.791vw + 0.997rem, 2rem);
	}
}

/* Responsive End */
/*========== Inner Page CSS End ==========*/

/*========== Thank You Page CSS Start ==========*/
.thank-text h6 {
	font-size: 24px;
	line-height: 30px;
	text-transform: capitalize;
	color: var(--dark-color);
}

.thank-text p a {
	text-decoration: underline !important;
	color: var(--primary-color);
	transition: var(--transition);
}

.thank-text p a:hover {
	color: var(--dark-color);
}

/* Responsive Start */
@media screen and (max-width: 575px) {
	.thank-text h6 {
		font-size: 20px;
	}
}

/* Responsive End */
/*========== Thank You Page CSS End ==========*/

/*==========Site Map CSS Start==========*/
.site-map li a {
	color: var(--primary-color);
}

.site-map li::marker {
	color: var(--primary-color);
}

/*==========Site Map CSS End==========*/

/*========== View All Services CSS Start ==========*/
.footer-last {
	margin-block: 0 40px;
}

.footer-last .text,
.menu-seo-menu-container ul li a {
	font-size: 16px;
	line-height: 1.5;
	display: inline-block;
	color: var(--primary-color);
	cursor: pointer;
	transition: var(--transition);
}

.footer-last .text:hover {
	color: var(--tertiary-color);
	text-decoration: underline !important;
}

.all-services {
	margin-top: 15px;
}

.menu-seo-menu-container ul li:not(:last-child) {
	padding-right: 7px;
	margin-right: 7px;
	margin-bottom: 7px;
	border-right: 1px solid var(--white-color);
	transition: var(--transition);
}

.menu-seo-menu-container ul li a {
	color: var(--white-color);
}

.menu-seo-menu-container ul li a:hover {
	color: var(--primary-color);
}

/*========== View All Services CSS End ==========*/

/*========== SEO Page CSS Start ==========*/
.seo-form {
	padding: 50px;
	background: var(--white-color);
	border-radius: 24px;
	max-width: 550px;
	margin-left: auto;
	box-shadow: -12px 60px 17px 0px rgba(28, 32, 86, 0.00), -8px 38px 16px 0px rgba(28, 32, 86, 0.00), -4px 21px 13px 0px rgba(28, 32, 86, 0.02), -2px 10px 10px 0px rgba(28, 32, 86, 0.03), 0px 2px 5px 0px rgba(28, 32, 86, 0.03);
}

.seo-form .form-input {
	border-color: color-mix(in srgb, var(--common-color), white 80%);
}

.seo-form .submit-btn,
.seo-form .sec-btn {
	width: 100%;
}

.seo-form .wpcf7 .wpcf7-spinner {
	top: 103%;
	left: 50%;
	transform: translate(-50%, 0);
}

.main-seo-content {
	position: relative;
	padding: var(--space-80) 0;
}

.excerpt-content p a {
	color: var(--primary-color);
	transition: var(--transition);
}

.excerpt-content p a:hover {
	color: var(--primary-color);
}

.excerpt-content h3 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 500;
	color: var(--primary-color);
}

.main-seo-content .excerpt-content {
	max-height: 325px;
	position: relative;
}

.main-seo-content .excerpt-content:not([style*="max-height: unset;"]):before {
	content: '';
	position: absolute;
	width: 100%;
	height: 120px;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, white, transparent);
	pointer-events: none;
}

.excerpt-content ul,
.excerpt-content ol {
	padding: 0;
	margin: 0 0 1.5em 1.5rem;
	list-style: revert;
}

/* Responsive Start */
@media screen and (max-width: 1199px) {
	.seo-form {
		padding: 30px;
	}
}

@media screen and (max-width: 991px) {
	.seo-form {
		max-width: 100%;
		margin-top: 40px;
	}
}

@media screen and (max-width: 575px) {
	.seo-form {
		padding: 30px 20px;
		border-radius: 16px;
	}

	.excerpt-content h3 {
		font-size: 20px;
	}
}

/* Responsive End */
/*========== SEO Page CSS End ==========*/

/*========== Blog CSS Start ==========*/
.posted-on a,
.byline a,
.widget ul li a,
.entry-title a,
.logged-in-as a {
	transition: var(--transition);
	color: var(--primary-color);
}

.entry-title a:hover,
.posted-on a:hover,
.byline a:hover,
.widget ul li a:hover,
.comment-meta .url:hover,
.comment-content a:hover,
.comment-metadata a:hover,
.reply a:hover,
.entry-footer span a:hover,
.nav-previous a:hover,
.nav-next a:hover {
	color: var(--dark-color);
}

.entry-footer span a {
	color: var(--primary-color);
}

.entry-footer span a:hover {
	color: var(--primary-color);
	text-decoration: underline !important;
}

.entry-title {
	font-size: 30px;
	text-transform: uppercase;
	color: var(--primary-color);
	margin-bottom: 15px;
}

.widget-area .widget_search .wp-block-search .wp-block-search__input,
.page-content .wp-block-search .wp-block-search__input,
.search-form .search-field {
	background: transparent;
	font-size: 16px;
	outline: none;
	width: 100%;
	height: 56px;
	border-radius: 40px;
	border: 1px solid var(--primary-color);
	padding: 13px 95px 12px 20px;
	-webkit-appearance: none;
	appearance: none;
}

.widget-area .widget_search .wp-block-search .wp-block-search__button,
.page-content .wp-block-search .wp-block-search__button,
.search-form .search-submit {
	padding: 10px 15px;
	font-size: 16px;
	font-weight: 500;
	border-radius: 0 40px 40px 0;
	height: 56px;
	color: var(--white-color);
	position: absolute;
	right: 0;
	bottom: 0;
	outline: none;
	border: none;
	cursor: pointer;
	background: var(--primary-color);
	flex: 1;
	transition: var(--transition);
	font-family: var(--title-font);
}

.widget-area .widget_search .wp-block-search .wp-block-search__button:hover,
.page-content .wp-block-search .wp-block-search__button:hover,
.search-form .search-submit:hover {
	background: var(--tertiary-color);
	color: var(--white-color);
}

.comments-area textarea {
	resize: none;
	height: 180px;
	border-radius: 8px;
	box-shadow: none;
	background: transparent;
	border: 1px solid var(--common-color);
	outline: none;
	padding: 15px;
}

.comments-area p input {
	width: 100%;
	height: 56px;
	border-radius: 8px;
	background: transparent;
	border: 1px solid var(--common-color);
	outline: none;
	box-shadow: none;
	padding: 15px;
}

.form-submit .submit {
	width: 170px;
	height: 56px;
	background: var(--primary-color);
	color: var(--white-color);
	font-weight: 500;
	border: none;
	border-radius: 40px;
	outline: none !important;
	transition: var(--transition);
	font-family: var(--title-font);
}

.form-submit .submit:hover {
	background: var(--tertiary-color);
	color: var(--white-color);
}

.avatar.photo {
	width: 60px;
	height: 60px;
	border-radius: 50%;
}

.wp-block-latest-comments__comment-meta a:hover {
	color: var(--dark-color);
}

.comment-meta .url,
.comment-content a {
	color: var(--primary-color);
}

.comment-meta .url:hover,
.comment-content a:hover {
	color: var(--dark-color);
	text-decoration: none !important;
}

.comment-metadata a {
	color: var(--primary-color);
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 15px;
}

.reply a {
	color: var(--primary-color);
	display: inline-block;
	margin-bottom: 10px;
	transition: var(--transition);
}

.comment-reply-title {
	font-size: 30px;
	font-weight: bold;
	color: var(--secondary-color);
	margin-bottom: 20px;
}

.reply {
	margin-top: 15px;
}

.comment-reply-title small {
	display: block;
	margin-top: 15px;
	font-size: 20px;
}

.comment-reply-title small a:hover {
	color: var(--secondary-color);
}

.comment-form-comment .form-submit #submit {
	padding: 0;
	line-height: 42px;
}

.comments-area {
	margin-top: 60px;
}

.comments-title {
	margin-bottom: 30px;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 40px;
}

.comment-body {
	margin-bottom: 30px;
}

.comment-form-url {
	margin-right: 0;
}

.single-post .widget-area {
	margin-top: 0;
}

.nav-previous a,
.nav-next a {
	color: var(--primary-color);
	transition: var(--transition);
}

.result-pagination li a,
.result-pagination li,
.result-pagination .page-numbers {
	--pagination-size: 50px;
	width: var(--pagination-size);
	height: var(--pagination-size);
	background: var(--white-color);
	box-shadow: 0 10px 40px rgba(37, 58, 105, 0.09);
	border-radius: 10px;
	color: var(--dark-color);
	font-size: 20px;
	z-index: 10;
	transition: var(--transition);
}

.result-pagination a:hover,
.result-pagination .current {
	background: var(--primary-color);
	color: var(--white-color);
}

.page-numbers li a,
.page-numbers li,
span.page-numbers,
.page-numbers {
	width: 50px;
	height: 50px;
	background: color-mix(in srgb, var(--common-color), white 85%);
	box-shadow: 0 10px 40px rgba(37, 58, 105, 0.09);
	border-radius: 8px;
	border: none;
	outline: none;
	color: var(--secondary-color);
	font-size: 18px;
	z-index: 10;
	transition: var(--transition);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 10px 3px 0;
}

.page-numbers li {
	margin: 0 5px;
}

.page-numbers li a:hover,
.page-numbers.current,
.page-numbers:hover {
	background: var(--primary-color);
	color: var(--white-color);
}

.wp-block-heading {
	font-size: 30px;
	margin-bottom: 15px;
}

.widget ul li a,
.widget ol li a {
	color: var(--common-color);
}

.widget ul li:not(:last-child),
.widget ol li:not(:last-child) {
	margin-bottom: 10px;
}

.widget ul li a:hover,
.widget ol li a:hover {
	color: var(--primary-color);
}

.comment-form label:not(.comment-form-cookies-consent label) {
	margin-bottom: 10px;
}

.post-navigation .nav-links {
	display: flex;
	justify-content: space-between;
	gap: 30px;
}

/* Responsive Start */
@media screen and (max-width: 991px) {

	.entry-title,
	.wp-block-heading {
		font-size: 25px;
	}

	.single-post .widget-area {
		margin-top: 40px;
	}

	.post-navigation .nav-links {
		flex-direction: column;
	}
}

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

	.entry-title,
	.wp-block-heading {
		font-size: 22px;
	}

	.page-numbers li a,
	.page-numbers li,
	span.page-numbers,
	.page-numbers {
		font-size: 14px;
	}
}

/* Responsive End */
/*========== End of Blog CSS ==========*/