/*!
Theme Name: Clean Cut Painting & Handyman
Theme URI: https://www.dotcomdesign.com/
Author: Dotcom Design
Author URI: https://www.dotcomdesign.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: clean-cut-service
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;
	height: 100%;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	height: 100%;
	display: flex;
	align-items: center;
}

.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;
	margin-right: 49px;
}

.main-navigation li a {
	font-size: 16px;
	line-height: 20px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	transition: var(--transition);
	position: relative;
	color: var(--dark-blue-color);
}

@media screen and (min-width: 992px) {


	.main-navigation li.current-menu-ancestor>a,
	.main-navigation ul li.current_page_item>a,
	.main-navigation ul li a:hover,
	.main-navigation li:hover>a {
		color: var(--black-color);
		font-weight: 500;
	}



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

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

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

	.main-navigation li.current-menu-ancestor ul li.current_page_item>a,
	.main-navigation ul ul li:hover>a {
		background: var(--primary-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(--dark-blue-color);
	}

	.main-navigation ul ul li.current-menu-ancestor::after {
		color: var(--dark-blue-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;
		height: auto;
		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);
	}

	.main-navigation ul ul li {
		display: block;
		height: auto;
		margin: 0;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		background: var(--light-color-2);
	}

	.header-menu {
		display: flex;
		align-items: center;
		height: 94px;
		margin-left: 22px;
	}

	.process-step-wp.process-column-1 {
		grid-template-columns: repeat(1, 1fr);
	}

	.process-step-wp.process-column-2 {
		grid-template-columns: repeat(2, 1fr);
	}

	.process-step-wp.process-column-3 {
		grid-template-columns: repeat(3, 1fr);
	}

	.process-step-wp.process-column-4 {
		grid-template-columns: repeat(4, 1fr);
	}

	.process-step-wp.process-column-5 {
		grid-template-columns: repeat(5, 1fr);
	}

	.process-step-wp .process-step:last-child .process-step-path {
		display: none;
	}

	.process-step-wp.process-column-5 .process-step:nth-child(5n+0) .process-step-path,
	.process-step-wp.process-column-4 .process-step:nth-child(4n+0) .process-step-path,
	.process-step-wp.process-column-3 .process-step:nth-child(3n+0) .process-step-path,
	.process-step-wp.process-column-2 .process-step:nth-child(2n+0) .process-step-path,
	.process-step-wp.process-column-1 .process-step:nth-child(1n+0) .process-step-path {
		display: none;
	}

	.process-step-wp.process-column-5 .process-step:nth-child(5n+0),
	.process-step-wp.process-column-4 .process-step:nth-child(4n+0),
	.process-step-wp.process-column-3 .process-step:nth-child(3n+0),
	.process-step-wp.process-column-2 .process-step:nth-child(2n+0),
	.process-step-wp.process-column-1 .process-step:nth-child(1n+0) {
		padding-right: 0;
	}

	.process-step-wp {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		gap: 50px 0;
	}

	.process-step-wp .process-step .h3-title span {
		display: block;
	}

	.sec-title .h2-title span {
		display: block;
	}

	.journey-step:last-child {
		padding-right: 0;
	}

	.journey-step-box-wp {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}

	.journey-step-wp .journey-step-box-wp:nth-child(even) {
		direction: rtl;
		text-align: left;
	}

	.journey-step-wp .journey-step-box-wp:nth-child(odd) .journey-step:last-child .journey-step-path,
	.journey-step-wp .journey-step-box-wp:nth-child(even) .journey-step:first-child .journey-step-path {
		display: none;
	}

	.journey-step-wp .journey-step-box-wp:nth-child(odd) .journey-step:last-child:before {
		content: "";
		position: absolute;
		width: 346px;
		height: 412px;
		background-image: url(/wp-content/themes/clean-cut-service/assets/images/right-curve-path-img.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: -1;
		top: 12px;
		left: 0;
	}

	.journey-step-wp .journey-step-box-wp:nth-child(even) .journey-step:last-child:before {
		content: "";
		position: absolute;
		width: 1526px;
		height: 411px;
		background-image: url(/wp-content/themes/clean-cut-service/assets/images/left-full-curve-path-img.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		z-index: 0;
		top: var(--top-gap);
		left: -290px;
		z-index: -1;
	}

	.journey-step-wp .journey-step-box-wp:nth-child(even) .journey-step .journey-step-path:before {
		transform: translate(-50%, -50%) rotate(180deg);
	}

	.journey-step-wp .journey-step-box-wp:nth-child(odd) .journey-step:last-child {
		padding-right: 0;
	}

	.journey-step-wp .journey-step-box-wp:nth-child(even) .journey-step:first-child {
		padding-right: 0;
	}

	.service-include-card .h3-title span {
		display: block;
	}

	.main-service-include.commercial-service-include .service-include-icon {
		margin-bottom: 38px;
	}

	.core-values-info-row .row .col-lg-6:first-child {
		order: -1;
	}

	.journey-step-wp .journey-step-box-wp:first-child .journey-step:first-child:before {
		content: '';
		position: absolute;
		width: calc(100% + 80%);
		top: var(--top-gap);
		right: calc(100% - 6px);
		height: 16px;
		background: var(--dark-blue-color);
	}


	.journey-step-wp .journey-step-box-wp:first-child .journey-step:first-child:after {
		--shape-width: 33px;
		content: "";
		position: absolute;
		width: var(--shape-width);
		height: calc(var(--shape-width)*0.485);
		background: var(--white-color);
		-webkit-mask-image: url(/wp-content/themes/clean-cut-service/assets/images/arrow-steps.svg);
		-webkit-mask-position: center;
		-webkit-mask-size: cover;
		z-index: 0;
		top: 13px;
		left: -158px;
	}

	.journey-step-wp .journey-step-box-wp:nth-child(even) .simplebar-scroll-content {
		margin-right: 0;
		margin-left: -17px;
	}

	.simplebar-scroll-content {
		margin-right: -17px;
	}
}

/*========== Form CSS Start ==========*/
.custom-form-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 15px;
}

.custom-form-container {
	background: white;
	padding: 30px;
	border-radius: 8px;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	max-width: 600px;
	width: 100%;
}

.custom-form-row {
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
}

.custom-form-row div {
	flex: 1;
}

.custom-form-container label {
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
}

.custom-form-container input,
.custom-form-container select,
.custom-form-container textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 16px;
}

.custom-form-container textarea {
	height: 120px;
	resize: vertical;
}

.custom-submit-btn {
	width: 100%;
	padding: 12px;
	background-color: #00AEEF;
	color: white;
	font-size: 18px;
	font-weight: bold;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	text-transform: uppercase;
	margin-top: 10px;
}

.custom-submit-btn:hover {
	background-color: #008DCB;
}

@media (max-width: 600px) {
	.custom-form-row {
		flex-direction: column;
	}
}

.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: 25px;
}

.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 {
	font-family: var(--montserrat-font);
	width: 100%;
	height: 46px;
	border: 1px solid transparent;
	outline: none !important;
	padding: 0 20px;
	font-size: 13px;
	line-height: 24px;
	color: var(--dark-color);
	background: var(--white-color);
	border-radius: 4px;
	-webkit-appearance: none;
	appearance: none;
}

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

.form-input.wpcf7-textarea {
	height: 100px;
	resize: none;
	padding: 10px 20px;
	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: 2px solid var(--primary-color);
	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: 12px;
	content: "";
	position: absolute;
	top: 2px;
	left: 4px;
	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: 0;
}

.wpcf7-radio span.wpcf7-list-item-label::after {
	top: 6px;
}

.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: 0;
}

.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(--dark-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 rgba(0, 0, 0, 0.2);
	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;
}

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

/*========== Content Area ==========*/
.content-area {
    padding-top: 0px; /* Add padding to top of content area */
}

/*========== GHL FORMS ==========*/
@media screen and (max-width: 1000px) {
	.ghl-web-form-top {
	width:100%;height:100%;border:none;border-radius:0px;min-height: 750px;
	}
	}
	@media screen and (min-width: 1001px) {
	.ghl-web-form-top {
	width:100%;height:100%;border:none;border-radius:0px;min-height: 450px;
	}
	.about-sec {
		margin-top: 50px;
	}
	}

	/*
@font-face {
	font-family: 'PT Sans';
	src: url('/wp-content/themes/clean-cut-service/assets/fonts/PTSans-Bold.eot');
	src: url('/wp-content/themes/clean-cut-service/assets/fonts/PTSans-Bold.eot#iefix') format('embedded-opentype'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/PTSans-Bold.woff2') format('woff2'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/PTSans-Bold.woff') format('woff'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/PTSans-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
} */

@font-face {
	font-family: 'PT Sans';
	src: url('/wp-content/themes/clean-cut-service/assets/fonts/PTSans-Regular.eot');
	src: url('/wp-content/themes/clean-cut-service/assets/fonts/PTSans-Regular.eot#iefix') format('embedded-opentype'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/PTSans-Regular.woff2') format('woff2'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/PTSans-Regular.woff') format('woff'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/PTSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*
@font-face {
	font-family: 'Montserrat';
	src: url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-Bold.eot');
	src: url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-Bold.eot#iefix') format('embedded-opentype'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-Bold.woff2') format('woff2'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-Bold.woff') format('woff'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

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

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

@font-face {
	font-family: 'Montserrat';
	src: url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-Light.eot');
	src: url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-Light.eot#iefix') format('embedded-opentype'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-Light.woff2') format('woff2'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-Light.woff') format('woff'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
*/
@font-face {
	font-family: 'Montserrat';
	src: url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-Regular.eot');
	src: url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-Regular.eot#iefix') format('embedded-opentype'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-Regular.woff2') format('woff2'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-Regular.woff') format('woff'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/*
@font-face {
	font-family: 'Montserrat';
	src: url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-ExtraBold.eot');
	src: url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-ExtraBold.eot#iefix') format('embedded-opentype'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-ExtraBold.woff2') format('woff2'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-ExtraBold.woff') format('woff'),
		url('/wp-content/themes/clean-cut-service/assets/fonts/Montserrat-ExtraBold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
} */

/*========== Fonts CSS Start ==========*/

/*==========Common CSS ==========*/
:root {
	--primary-color: #00B7E1;
	--dark-blue-color: #1F4397;
	--dark-color: #221F20;
	--light-color: #BCC7E0;
	--light-color-2: #E5EAEE;
	--light-color-3: #B9D7EF;
	--light-blue-color: #9EC2D8;
	--light-ink-color: #E8EFFF;
	--blue-color-2: #E6F9FE;
	--blue-color-3: #E0F3FF;
	--grey-color: #7EACC7;
	--common-color: #777777;
	--white-color: #ffffff;
	--black-color: #000000;
	--red-color: #ff0000;
	--input-color: #555555;
	--box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
	--space-80: 80px;
	--body-font: 'PT Sans';
	--title-font: 'PT Sans';
	--montserrat-font: 'Montserrat';
	--transition: .3s;
	--gutter: 30px;
}

body {
	font-size: 16px;
	line-height: 30px;
	color: rgb(34 31 32 / 70%);
	font-family: var(--body-font);
}

p {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 16px;
	color: rgb(34 31 32 / 70%);
}

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

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

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

.h1-title {
	font-size: 68px;
	line-height: 1;
	font-weight: 700;
	color: var(--dark-color);
	text-transform: uppercase;
	margin-bottom: 52px;
	font-family: 'PT Sans', Arial, sans-serif !important;
}

.h2-title {
	font-size: 46px;
	line-height: 1;
	margin-bottom: 15px;
}

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

.play-btn {
	--size: 100px;
	width: var(--size);
	height: var(--size);
	color: var(--primary-color);
	background: rgb(255 255 255 / 60%);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: var(--box-shadow);
	transition: var(--transition);
}

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

.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-blue-color);
	transition: var(--transition);
}

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

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



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

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

.sec-btn,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
	width: 270px;
	height: 50px;
	background: var(--primary-color);
	border: 1px solid transparent;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	font-size: 16px;
	line-height: 20px;
	color: var(--white-color);
	font-weight: 700;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	text-align: center;
	padding: 5px;
	cursor: pointer;
	outline: none !important;
	transition: var(--transition);
	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(--dark-color);
	color: var(--white-color);
}

.our-service-btn {
	margin-top: 47px;
}

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

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

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

.sec-btn.dark-btn {
	background: var(--dark-blue-color);
}

.sec-btn.dark-btn:hover {
	background: var(--dark-color);
}

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

.d-flex {
	display: flex;
}

.flex-column {
	flex-direction: column;
}

/*==========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;
	border: 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);
}

.modal .form-input {
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.modal .sec-btn {
	width: 200px;
}

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

/*==========Slider CSS Start ==========*/
.slick-dots li {
	margin: 0 10px 0 0;
}

.slick-dots li button {
	width: 12px;
	height: 12px;
	border-radius: 4px;
	background: transparent;
	border: 1px solid var(--white-color);
	transition: var(--transition);
}

.slick-dots li.slick-active button,
.slick-dots li button:hover {
	background: var(--white-color);
}

.slick-arrow {
	--slick-arrow-size: 46px;
	border-radius: 4px;
	bottom: 0;
	left: 0;
	width: var(--slick-arrow-size);
	height: var(--slick-arrow-size);
	background: var(--primary-color);
	color: var(--white-color);
	font-size: 14px;
}

.slick-arrow:hover,
.slide-arrow.next-arrow.slick-arrow:hover {
	background: var(--dark-color);
}

.slide-arrow.next-arrow.slick-arrow {
	left: auto;
	right: 0;
	background: var(--dark-blue-color);
}

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

/*==========Header CSS Start==========*/
@media screen and (max-width: 1000px) {
    header.site-header {
        height: 93px; /* Set explicit height for header */
    }
}

.site-header {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	border-top: 6px solid var(--white-color);
	transition: var(--transition);
	z-index: 100;
	background: var(--white-color);
}

.sticky_head {
	box-shadow: 0 10px 20px rgba(255, 255, 255, .05);
}

.site-branding {
	width: 206px;
	height: calc(100% + 11px);
	background-color: var(--white-color);
	background: transparent;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	box-shadow: 0px 0px 0px 0 rgb(0 0 0 / 8%);
	transition: var(--transition);
}

.header-mobile-menu {
	height: 100%;
}

.menu-header-menu-container {
	height: 100%;
}

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

.site-branding .custom-logo-link {
	width: 186px;
}

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


/*==========Banner CSS Start==========*/

.banner-slider {
	width: 100%;
	height: 100vh; /* or your desired fixed height */
	overflow: hidden;
	position: relative;
  }
  
  .banner-slider img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
  } 

.banner-slider-wp {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

.banner-slider .slick-dots {
	bottom: 85px;
	z-index: 1;
}

.main-banner {
	position: relative;
	padding: 220px 0 210px;
}


.banner-slider-wp .banner-slider,
.banner-slider-wp .slick-list.draggable,
.banner-slider-wp .banner-slider,
.banner-slider-wp .slick-track {
	height: 100%;
}

.main-banner:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--dark-color);
	z-index: 1;
	opacity: 0.3;
	pointer-events: none;
}

.banner-info p {
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.banner-info {
	margin-bottom: 60px;
}

.banner-btn {
	display: flex;
	gap: 20px;
}

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

.banner-btn .sec-btn:hover {
	background: var(--white-color);
	color: var(--dark-color);
}

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

/*==========Banner Form CSS Start==========*/

.main-contact {
	margin: -50px 0;
	position: relative;
	z-index: 2
}

.main-contact .contact-form {
	width: 100%;
	box-shadow: 0px 3px 70px 0px rgba(0, 0, 0, .12);
	background: var(--white-color);
	border-radius: 4px;
	overflow: hidden
}

.header-form-wp .wpcf7-form-control-wrap {
	margin-bottom: 0;
}

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

.header-form-wp .header-form-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 20px 0 59px;
	gap: 46px
}

.header-form-btn .wpcf7-spinner {
	left: auto;
	right: 12px;
	z-index: 2
}

.header-form-wp .form-box {
	max-width: 170px
}

.form-box>p {
	margin-bottom: 0
}

.header-form-wp .sec-btn {
	line-height: 20px;
	font-weight: 700;
	width: 270px;
	height: 100px;
	border-radius: 0 4px 4px 0;
	background: var(--primary-color);
	border-color: transparent
}

.contact-form .wpcf7-response-output {
	margin-inline: 20px !important
}

.header-form-wp .sec-btn:hover {
	background: var(--dark-blue-color);
}

.main-contact .form-box label {
	margin-bottom: 0;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	color: var(--dark-color);
}

.main-contact .form-input {
	height: auto;
	border: 0;
	border-bottom: 1px solid #f2f2f2;
	padding: 4px 0 8px;
	color: var(--dark-color);
	font-size: 12px;
	line-height: 1;
	border-radius: 0
}

.main-contact select.form-input,
.main-contact .form-input::placeholder {
	color: var(--light-blue-color) !important
}

.main-contact select.form-input {
	padding-right: 20px
}

.main-contact .form-element i {
	top: 14px;
	right: 0;
	font-size: 12px;
	color: var(--light-grey-color)
}

.main-contact .wpcf7-not-valid.form-input {
	border-color: var(--red-color)
}

.main-contact .wpcf7-not-valid-tip,
.main-contact .screen-reader-response,
.main-contact .form-submit-btn .sec-btn .wpcf7-spinner,
.main-contact .wpcf7-form.invalid .wpcf7-response-output,
.main-contact .wpcf7 form.invalid .wpcf7-response-output,
.main-contact .wpcf7 form.unaccepted .wpcf7-response-output {
	display: none !important
}

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


/*==========About Sec CSS Start==========*/

.about-us-img .back-img {
	float: left;
	width: 60vw;
	margin-left: 70px;
	height: 750px;
	position: relative;
	top: 0;
	z-index: 0;
}

.about-content {
	position: relative;
	z-index: 1;
	padding: 50px 0;
	max-width: 667px;
}

.about-sec {
	position: relative;
	/* padding: 156px 0 0; */
	z-index: 1;
}

.big-text {
	position: absolute;
	font-size: 100px;
	font-weight: 700;
	line-height: 0.84;
	color: var(--dark-blue-color);
	opacity: .04;
	text-transform: uppercase;
	pointer-events: none;
}

.sec-title {
	position: relative;
}

.about-content .big-text {
	top: -35px;
	left: -80px;
	writing-mode: vertical-lr;
	transform: scale(-1, -1);
	height: max-content;
}

.about-sec-btn {
	margin-top: 40px;
}

.about-content .h2-title {
	margin-bottom: 27px;
}

/*==========About Sec CSS End==========*/

/*==========Our Services CSS Start==========*/

.main-our-services {
	position: relative;
	padding: 140px 0 94px;
	background: var(--dark-blue-color);
}

.main-our-services .sec-title {
	margin-bottom: 60px;
}

.main-our-services .sec-title .h3-title {
	font-size: 68px;
	line-height: 1;
	text-transform: uppercase;
	margin-bottom: 33px;
}

.main-our-services .sec-title .title-info {
	margin-bottom: 75px;
	max-width: 580px;
	margin-inline: auto;
}

.main-our-services .sec-title .big-text {
	top: -49px;
	color: white;
	font-size: 100px;
	font-weight: 800;
	font-family: var(--montserrat-font);
}

.big-text.big-text-center {
	left: 50%;
	transform: translateX(-50%);
}

.service-card-img {
	height: 200px;
}

.service-card-info {
	margin-top: 20px;
}

.service-card-info .h4-title {
	font-family: var(--montserrat-font);
	font-size: 16px;
	line-height: 30px;
	font-weight: 500;
	margin-bottom: 5px;
	transition: var(--transition);
}

.our-service-card:hover .h4-title {
	color: var(--primary-color);
}

.service-card-info-text p {
	font-family: var(--montserrat-font);
	color: var(--light-color);
	transition: var(--transition);
}

.our-services-row .row {
	gap: 37px 0;
}

.service-sec-img {
	min-height: 700px;
	height: 100%;
	width: calc(100% + 64%);
}

.service-sec-content {
	--inline-gap: 85px;
	padding-right: 60px;
	padding-block: 50px;
}

.service-sec-btn {
	margin-top: 40px;
}

.light-bg {
	background: var(--light-color-2);
}

.main-service-sec.home-service-sec .service-sec-content {
	max-width: 400px;
	padding-right: 0;
}

/*==========Our Services CSS End==========*/

/*==========Promotion CSS Start==========*/

.main-promotion {
	position: relative;
	padding: 88px 0 83px;
}

.promotion-card .h3-title {
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
	margin-bottom: 16px;
}

.promotion-card {
	position: relative;
	padding: 80px 40px 40px;
	background: var(--blue-color-2);
	margin-inline: var(--slide-gap);
}

.promotion-card-wp {
	--slide-gap: 15px;
}

.promotions-slider .slick-list.draggable {
	margin-inline: calc(var(--slide-gap) * -1);
	padding-top: 12px;
}

.promotion-card-info {
	max-height: 180px;
	height: unset;
}


.promo-batch {
	position: absolute;
	top: -10px;
	right: 30px;
	-webkit-mask-size: cover;
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	width: 46px;
	height: 69px;
	background: var(--primary-color);
}

.promo-batch .promo-text {
	position: absolute;
	font-size: 14px;
	line-height: 32px;
	top: 39%;
	left: 50%;
	color: var(--white-color);
	transform: translate(-50%, -50%);
}

.promotion-card.dark-blue {
	background: var(--light-ink-color);
}

.promotion-card.light-blue {
	background: var(--blue-color-3);
}

.promotion-card.dark-blue .promo-batch {
	background: var(--dark-blue-color);
}

.promotion-card.light-blue .promo-batch {
	background: var(--grey-color);
}

.main-promotion .sec-title {
	margin-bottom: 57px;
}

.promotion-card-info p {
	color: inherit;
}

/*==========Promotion CSS End==========*/

/*==========Gallery CSS Start==========*/

.main-gallery-wp {
	--img-size: 350px;
	--gap: 20px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--gap);
}

.main-gallery-wp .gallery-img {
	height: auto;
	padding-bottom: var(--img-size);
}

.main-gallery-wp .gallery-single-row .gallery-img {
	height: calc(calc(var(--img-size) * 2) + var(--gap));
}

.gallery-double-row {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}

.video-wp {
	position: relative;
	display: block;
}

.video-wp .play-btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.video-wp .play-btn i {
	font-size: 45px;
}


.video-wp .play-btn:before {
	content: '';
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 19px solid var(--primary-color);
	position: absolute;
	left: 54%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.video-wp .play-btn:hover:before {
	border-left-color: var(--white-color);
}

.main-gallery .sec-title {
	margin-bottom: 67px;
}

.open-gallery-btn {
	margin-top: 70px;
}

.main-gallery-video {
	padding: 80px 0 80px;
}

.gallery-video-sec .h3-title {
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
	max-width: 600px;
	margin-inline: auto;
	margin-bottom: 20px;
}

.gallery-video-box {
	height: 657px;
}

/* .main-gallery-video.home-gallery-video .gallery-video-wp:before {
	content: none;
} */

/*==========Gallery CSS End==========*/

/*==========Testimonial CSS Start==========*/

.main-testimonial {
	position: relative;
	padding: 87px 0 71px;
}

.main-testimonial .sec-title {
	margin-bottom: 65px;
}

.testimonial-by .h3-title {
	font-size: 24px;
	line-height: 32px;
	font-weight: bold;
}

.testimonial-by {
	margin-top: 20px;
}

.main-testimonial .title-info {
	max-width: 587px;
	margin-inline: auto;
	margin-top: 30px;
}

.testimonial-video .review-video {
	aspect-ratio: 1/1.58;
	width: 100%;
	transition: 0.3s;
}

.testimonial-slider .slick-slide {
	margin: 0 12px;
	transition: 0.3s;
	height: 800px;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.testimonial-slider .slick-slide.slick-current .testimonial-video .review-video {
	width: 100%;
	aspect-ratio: 1/1.75;
}

.testimonial-slider .slick-list.draggable .slick-track {
	display: flex;
	align-items: center;
}

.testimonial-slider {
	height: 800px;
}

.main-testimonial .big-text {
	top: 314px;
	right: 87%;
	writing-mode: vertical-rl;
	transform: scale(-1, -1);
	height: 570px;
	text-align: right;
}

.testimonial-slider .slick-list.draggable {
	padding: 0 !important;
}

.testimonial-video {
	width: 100%;
}


.testimonial-slider .slick-slide.slick-active.slick-current {
	width: 434px !important;
}

.testimonial-video .video-wp .play-btn {
	--size: 60px;
}

.testimonial-slider .slick-slide.slick-active.slick-current .testimonial-video .video-wp .play-btn {
	--size: 80px;
}

/*==========Testimonial CSS End==========*/

/*==========Join Us CSS Start==========*/

.main-join-us {
	position: relative;
	padding: 108px 0 95px;
	background: var(--light-color-3);
	overflow: hidden;
}

.main-join-us .bg-logo-img {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: calc(clamp(-9.563rem, 23.81vw - 31.884rem, -3.313rem));
	width: auto;
	height: fit-content;
}

.join-us-btn {
	text-align: right;
}

.join-us-wp {
	padding-left: 100px;
	max-width: 770px;
}

/*==========Join Us CSS End==========*/

/*==========Google Review CSS Start==========*/

.main-google-review .sec-title {
	padding-top: 70px;
	border-top: 1px solid var(--white-color);
	margin-bottom: 40px;
}

.main-google-review {
	position: relative;
	padding-bottom: 94px;
}

.google-review-btn {
	margin-top: 20px;
}

.wp-gr .grw-row-l .grw-header,
.wp-gr .grw-row-xl .grw-review {
	flex: 33.33%;
}

.wp-gr .grw-row-xl .grw-review {
	margin: 0 15px !important;
}

.wp-gr[data-layout="slider"] .grw-reviews {
	margin: 0 !important;
	width: 100% !important;
	padding: 0 !important;
}

.wp-gr.wpac {
	min-width: 2370px !important;
	width: 100% !important;
	position: relative !important;
	left: 50% !important;
	transform: translateX(-50%);
}

.wp-gr .grw-review-inner>svg {
	display: none;
}

.wp-gr .grw-header-inner,
.wp-gr .grw-review-inner {
	display: flex;
	flex-wrap: wrap;
	padding: 40px !important;
	margin: 0 !important;
}

.wp-gr .grw-review .wp-google-stars+div {
	width: 100% !important;
	margin-top: 10px !important;
}

.wp-gr:not(.wp-dark) .grw-review-inner.grw-backgnd {
	background: var(--white-color) !important;
}

.wp-gr .grw-review .wp-google-stars {
	order: -1;
	position: absolute !important;
	left: 40px !important;
	top: 40px !important;
	margin: 0 !important;
	width: 115px !important;
}

.wp-gr.wpac .wp-google-left img {
	display: none;
}

.wp-gr .grw-review .wp-google-left {
	display: flex !important;
	flex-direction: column-reverse;
}

.wp-gr .wp-google-time {
	padding-left: 123px !important;
	margin-bottom: 30px !important;
	font-family: var(--body-font) !important;
	font-size: 14px !important;
	line-height: 30px !important;
	color: rgb(34 31 32 / 70%) !important;
}

.wp-gr.wpac a.wp-google-name {
	font-size: 20px !important;
	line-height: 26px !important;
	font-weight: bold;
	color: var(--dark-color) !important;
}

.wp-gr .wp-google-text {
	font-family: var(--body-font) !important;
	font-size: 16px !important;
	line-height: 30px !important;
	color: rgb(34 31 32 / 70%) !important;
}

.google-review-title {
	margin-top: 20px;
}

.wp-gr .grw-dots {
	bottom: 0 !important;
}

.wp-gr .grw-content {
	padding-bottom: 63px !important;
}

.wp-gr .grw-dot {
	width: 12px !important;
	height: 12px !important;
	border-radius: 4px !important;
	background: transparent !important;
	border: 1px solid var(--primary-color) !important;
	opacity: 1 !important;
}

.wp-gr .grw-dot.active {
	background: var(--primary-color) !important;
}

.wp-gr .grw-review .wp-google-feedback {
	height: 175px !important;
}

/*==========Google Review CSS End==========*/

/*==========Footer CSS Start==========*/

.footer-bottom-box {
	position: relative;
	padding: 40px 0;
}

.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 {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
}

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

.footer-bottom-link ul {
	font-size: 0;
	line-height: 1;
	list-style: none;
	margin: 0;
}

.footer-bottom-link ul li {
	font-size: 14px;
	line-height: 24px;
	display: inline-block;
	padding-right: 8px;
	margin-right: 8px;
	border-right: 1px solid var(--common-color);
}

.footer-bottom-link ul li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}

.footer-bottom-link ul li a {
	font-size: 14px;
	line-height: 24px;
	color: var(--common-color);
	transition: var(--transition);
}

.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);
}


.site-footer {
	border-top: 6px solid var(--light-blue-color);
}

.top-footer {
	padding-bottom: 54px;
	background: var(--dark-color)
}

.footer-content .footer-logo {
	padding: 24px 12px 33px;
	margin-bottom: 30px;
	background-color: var(--white-color);
	--site-logo-back: url(/wp-content/themes/clean-cut-service/assets/images/Base.svg);
	width: 270px;
	height: 183px;
	background-color: var(--white-color);
	-webkit-mask-image: var(--site-logo-back);
	-webkit-mask-size: auto;
	-webkit-mask-position: bottom;
	-webkit-mask-repeat: no-repeat;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: var(--transition);
}

.contact-form-box .sec-btn {
	font-family: var(--montserrat-font);
	width: 170px;
	height: 46px;
	font-size: 14px;
	line-height: 18px;
}

.footer-text {
	margin-bottom: 15px
}

.footer-text p {
	font-size: 14px;
	line-height: 24px
}

.contact-link ul li:not(:last-child) {
	margin-bottom: 0
}

.contact-link h4 {
	font-family: var(--montserrat-font);
	font-size: 14px;
	line-height: 24px;
	color: var(--white-color);
	font-weight: 700;
	margin: 0
}

.contact-link li a {
	font-family: var(--montserrat-font);
	font-size: 14px;
	line-height: 24px;
	color: var(--white-color);
	transition: var(--transition);
	word-break: break-all
}

.contact-link li a:hover {
	-webkit-text-stroke: .7px
}

.social-link li a {
	color: var(--primary-color);
	font-size: 16px;
	transition: var(--transition)
}

.social-link li a:hover {
	color: var(--white-color)
}

.footer-menu {
	padding-top: 115px;
	padding-left: 70px
}

.footer-title {
	font-family: var(--montserrat-font);
	color: var(--white-color);
	font-size: 24px;
	line-height: 1;
	font-weight: 700
}

.footer-menu ul {
	margin: 0;
	padding: 28px 0 0;
	font-size: 0;
	line-height: 0;
	list-style: none
}

.footer-menu ul li {
	padding: 13px 0;
}

.footer-menu ul li:first-child {
	padding-top: 0
}

.footer-menu ul li:last-child {
	padding-bottom: 0
}

.footer-menu ul li a {
	font-size: 14px;
	line-height: 18px;
	color: var(--white-color);
	text-transform: uppercase;
	transition: var(--transition)
}

.footer-menu ul li.current_page_item>a,
.footer-menu ul li a:hover {
	-webkit-text-stroke: .7px
}

.footer-contact-form {
	padding-top: 115px
}

.contact-form-box {
	padding-top: 32px
}

.footer-contact-form .submit-btn .sec-btn:hover {
	background: var(--white-color);
	border-color: var(--white-color);
	color: var(--primary-color)
}

.bottom-footer {
	background: var(--light-color-2);
	padding: 61px 0 45px;
}

.copyright {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	margin-bottom: 3px
}

.copyright p {
	margin-bottom: 0
}

.copyright ul {
	font-size: 0;
	line-height: 0
}

.copyright ul li a {
	padding-left: 6px;
	margin-left: 6px;
	border-left: 1px solid rgba(48, 48, 48, .4)
}

.copyright p,
.copyright ul li,
.copyright ul li a,
.copyright-bottom-link p,
.copyright-bottom-link p a {
	font-family: var(--montserrat-font);
	display: inline-block;
	font-size: 13px;
	line-height: 16px;
	font-weight: 300;
	color: var(--dark-color);
}

.copyright ul li a:hover,
.copyright-bottom-link p a {
	color: var(--dark-blue-color);
}

.copyright ul li a:hover {
	-webkit-text-stroke: 0.3px;
}

.copyright-bottom-link p a:hover {
	text-decoration: underline !important
}

.copyright-bottom-link {
	text-align: center
}

.copyright-bottom-link p i {
	color: var(--primary-color);
	margin-inline: 2px
}

.address-info {
	padding-left: 70px;
	margin-top: 40px;
}

.address-info .h4-title {
	font-family: var(--montserrat-font);
	font-size: 14px;
	line-height: 24px;
	color: var(--white-color);
	font-weight: 700;
	margin: 0;
}

.address-info ul li {
	font-family: var(--montserrat-font);
	font-size: 14px;
	line-height: 24px;
	margin: 0;
}

.social-link-wp {
	margin-top: 30px;
}

.social-link-wp ul {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}

.social-link-wp ul li a {
	font-size: 28px;
}

.social-link-wp ul li a:hover {
	color: var(--white-color);
}

.cta-btn {
	position: fixed;
	top: 50%;
	right: 0;
	transform: translate(94px, -50%) rotate(-90deg);
	z-index: 10;
}

.cta-btn .sec-btn {
	width: 238px;
}

.cta-btn .sec-btn:hover {
	background: var(--dark-blue-color);
}

.contact-link ul li:last-child a span {
	display: block;
}

.join-us-text {
	margin-top: 22px;
}

.footer-content .footer-logo .custom-logo-link {
	width: 245px;
}

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

/*==========About Page CSS Start==========*/
.about-competitive-rates .core-value-img,
.full-staff-img {
	width: auto;
	height: 100%;
	aspect-ratio: 1/1.4;
	padding: 0;
}

.full-staff-img {
	aspect-ratio: 1/.6727;
}

.about-cleancut-row {
	margin-top: 80px;
}

.main-banner.inner-banner.about-banner .banner-info {
	position: relative;
	top: calc(var(--slide-anim-gap) * -1);
	margin-bottom: 30px;
	transition: all 0.3s ease-in-out;
	opacity: 0;
	visibility: hidden;
}

.main-banner.inner-banner.about-banner:before {
	opacity: 0.8;
}

.main-banner.inner-banner.about-banner .h1-title {
	margin: 0;
	position: relative;
	bottom: calc(var(--slide-anim-gap) * -1);
	transition: all 0.3s ease-in-out;
	opacity: 0;
}

.main-about-cleancut {
	position: relative;
	padding: 100px 0 84px;
}

.about-cleancut-card {
	padding: 40px;
	background: var(--light-color-2);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 395px;
	height: 100%;
	gap: 25px;
}

.cleancut-card-text {
	height: auto;
	max-height: 175px;
}

.cleancut-card-content .h3-title {
	font-size: 24px;
	margin-bottom: 17px;
	line-height: 32px;
}

.about-cleancut-row .row {
	gap: 30px 0;
}

.main-about-cleancut .sec-title p {
	margin-top: 23px;
	max-width: 500px;
}

.main-banner.inner-banner.about-banner {
	padding: 170px 0 133px;
	--slide-anim-gap: 30px;
}

.about-cleancut-row .sec-title {
	margin-top: 64px;
}

.about-slider .slick-list.draggable {
	padding: calc(var(--slide-anim-gap) * 2) 0;
}

.main-banner.inner-banner.about-banner .slick-active .banner-info {
	top: 0;
	opacity: 1;
	visibility: visible;
}

.main-banner.inner-banner.about-banner .slick-active .h1-title {
	bottom: 0;
	opacity: 1;
}


/*==========About Page CSS End==========*/

/*==========Residential Page CSS Start==========*/

.main-banner.inner-banner.residential-banner {
	min-height: 850px;
	display: flex;
	align-items: center;
	padding: 238px 0 140px;
}

.main-banner.inner-banner.residential-banner:before {
	opacity: 0.4;
}

.main-banner.inner-banner.residential-banner p {
	margin-top: 30px;
}

.main-banner.inner-banner.residential-banner .banner-slider .slick-dots {
	bottom: 47px;
}

.service-sec.even .service-sec-img {
	float: right;
}

.main-service-sec.residential-service-sec .service-sec-img {
	min-height: 626px;
}

.main-service-sec.residential-service-sec .service-sec-content {
	padding-right: var(--inline-gap);
}

.main-service-sec.residential-service-sec .service-sec.even .service-sec-content {
	padding-right: 0;
	padding-left: var(--inline-gap);
}

.main-service-sec.residential-service-sec .service-sec.even {
	background: var(--light-color-2);
}

.main-service-sec .service-sec {
	position: relative;
}

.main-service-sec.residential-service-sec .service-sec.even .big-text {
	bottom: 0;
	left: 50%;
	writing-mode: vertical-rl;
	transform: scale(-1, -1) translateX(-700px);
	height: 570px;
	text-align: right;
}

.main-service-sec.residential-service-sec .service-sec .big-text {
	bottom: 0;
	right: 50%;
	writing-mode: vertical-rl;
	transform: scale(-1, -1) translateX(700px);
	height: 570px;
	text-align: right;
}

.process-step-path {
	position: absolute;
	top: 12px;
	left: 5px;
	width: calc(100% - 3px);
	height: 16px;
	background: var(--dark-blue-color);
	z-index: -1;
}

.process-step-path:before {
	--shape-width: 33px;
	content: "";
	position: absolute;
	width: var(--shape-width);
	height: calc(var(--shape-width)*0.485);
	background: var(--white-color);
	-webkit-mask-image: url(/wp-content/themes/clean-cut-service/assets/images/arrow-steps.svg);
	-webkit-mask-position: center;
	-webkit-mask-size: cover;
	z-index: 3;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.main-process-step .sec-title {
	margin-bottom: 65px;
}

.service-include-row .row {
	gap: 40px 0;
}

.main-service-include .sec-title {
	margin-bottom: 74px;
}

.service-sec-content ul li {
	position: relative;
	padding-left: 28px;
	margin-bottom: 5px;
}

.service-sec-content ul li:before {
	--size: 12px;
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	width: var(--size);
	height: var(--size);
	background: var(--primary-color);
	border-radius: 50%;
}

.main-process-step {
	padding: 80px 0;
}

.process-step-number {
	position: absolute;
	top: 0;
	left: 0;
	width: 43px;
	height: 40px;
	background: var(--light-color);
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	line-height: 46px;
	font-weight: bold;
	color: var(--white-color);
}

.process-step-wp .process-step {
	position: relative;
	padding: 70px 40px 0 0;
}

.process-step-info {
	height: auto;
}

.process-step-wp .process-step .h3-title {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 13px;
}

.process-step:last-child {
	padding-right: 0;
}

.service-include-icon {
	margin-bottom: 24px;
}

.service-include-card .h3-title {
	margin-bottom: 16px;
	font-size: 24px;
	line-height: 32px;
}

.gallery-video-wp:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--dark-color);
	z-index: 1;
	opacity: 0.35;
}

.gallery-video-wp {
	position: relative;
}

.gallery-video-wp .video-wp .play-btn {
	z-index: 2;
}

.main-gallery.residential-gallery {
	padding: 68px 0 72px;
}

.main-gallery-video.residential-gallery-video {
	padding: 0 0 80px;
}

.main-service-include {
	padding: 90px 0;
}

.main-banner.inner-banner.residential-banner .banner-content p {
	max-width: 700px;
	margin-top: 30px;
}

.main-service-sec.residential-service-sec .service-sec.even .service-sec-img {
	min-height: 700px;
}

.service-sec-content .h2-title {
	margin-bottom: 25px;
}

.service-sec-content ul {
	margin: 20px 0;
}

.service-sec-content ul li:last-child {
	margin-bottom: 0;
}

/*==========Residential Page CSS End==========*/

/*==========Commercial Page CSS Start==========*/

.commercial-slider-wp .gallery-img {
	height: 380px;
}

.main-commercial-slider {
	position: relative;
	padding: 80px 0 70px;
}

.main-commercial-slider .sec-title {
	margin-bottom: 42px;
}

.commercial-slider-title .title-info {
	text-align: center;
}

.commercial-slider-title {
	justify-content: space-around;
	display: flex;
	margin-bottom: 25px;
}

.commercial-slider .slick-arrow.slide-arrow {
	right: 0;
	left: auto;
	bottom: auto;
	top: -127px;
}

.commercial-slider .slick-arrow.slide-arrow.prev-arrow {
	right: 54px;
}

.commercial-slider .slick-dots li button {
	border-color: var(--primary-color);
}

.commercial-slider .slick-dots li.slick-active button,
.commercial-slider .slick-dots li button:hover {
	background: var(--primary-color);
}

.commercial-slider .slick-list.draggable {
	padding-bottom: 50px;
}

.before-after-img {
	display: flex;
	gap: 16px;
}

.before-after-img a {
	width: 100%;
}

.commercial-slider-title .h3-title {
	font-size: 20px;
	line-height: 26px;
}

.main-service-include.commercial-service-include .sec-title {
	margin-bottom: 50px;
}

.main-service-include.commercial-service-include .service-include-card {
	padding-inline: 10px;
}

.main-service-include.commercial-service-include .service-include-card .h3-title {
	margin-bottom: 20px;
}

.main-service-include.commercial-service-include {
	padding: 98px 0 98px;
}

.main-banner.inner-banner.residential-banner.commercial:before {
	opacity: 0.6;
}

/*==========Commercial Page CSS End==========*/

/*==========Our Process Page CSS Start==========*/

.our-team-img {
	height: 294px;
}

.our-team-card-wp {
	display: flex;
	gap: 40px 18px;
	flex-wrap: wrap;
	justify-content: center;
}

.our-team-card {
	flex: 0 0 auto;
	width: 18.7%;
}

.our-team-name .h3-title {
	font-size: 25px;
	line-height: 33px;
	margin-bottom: 6px;
}

.our-team-name .designation {
	line-height: 1.25;
}

.our-team-name {
	margin-top: 19px;
	text-align: center;
}

.main-our-team {
	padding: 86px 0 100px;
}

.main-our-team .sec-title {
	margin-bottom: 56px;
}


.journey-step-wp {
	display: flex;
	flex-direction: column;
	gap: 49px;
}

.journey-step-path {
	position: absolute;
	top: var(--top-gap);
	left: 5px;
	width: calc(100% - 3px);
	height: 16px;
	background: var(--dark-blue-color);
	z-index: -1;
}

.journey-step-path:before {
	--shape-width: 33px;
	content: "";
	position: absolute;
	width: var(--shape-width);
	height: calc(var(--shape-width)*0.485);
	background: var(--white-color);
	-webkit-mask-image: url(/wp-content/themes/clean-cut-service/assets/images/arrow-steps.svg);
	-webkit-mask-position: center;
	-webkit-mask-size: cover;
	z-index: 3;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.main-journey-step .sec-title {
	margin-bottom: 59px;
}

.main-journey-step .sec-title p {
	font-size: 18px;
	margin-bottom: 66px;
}

.main-journey-step {
	padding-block: 112px 340px;
}

.journey-step-number {
	position: absolute;
	top: 0;
	left: 0;
	--size: 50px;
	width: 47px;
	height: 44px;
	background: var(--light-color);
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 26px;
	line-height: 46px;
	font-weight: bold;
	color: var(--white-color);
	border: 4px solid var(--white-color);
}

.journey-step-wp .journey-step {
	--top-gap: 13px;
	position: relative;
	padding: 62px 30px 0 0;
	min-height: 395px;
}

.journey-step-info {
	height: 210px;
}

.journey-step-wp .journey-step .h3-title {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 12px;
}

.main-our-team .sec-title .h2-title {
	font-size: 36px;
	line-height: 38px;
	margin-bottom: 20px;
}

.journey-info-wp {
	margin-top: -251px;
	padding-bottom: 65px;
}

.main-banner.inner-banner.residential-banner.our-process-banner {
	padding: 175px 0 140px;
}

/*==========Our Process Page CSS End==========*/

/*==========Core Values Page CSS Start==========*/

.core-values-row .row {
	gap: 30px 0;
}

.core-values-row .row:first-child {
	margin-bottom: 30px;
}

.core-value-img {
	height: 781px;
}

.main-core-values {
	position: relative;
	padding: 107px 0 80px;
}

.main-core-values .about-cleancut-card {
	height: 315px;
	min-height: unset;
}

.core-values-title-wp .h2-title {
	margin-bottom: 23px;
}

.core-values-info-row .row:before {
	content: '';
	flex: 0 0 auto;
	width: 50%;
	padding-right: calc(var(--gutter-x) * .5);
	padding-left: calc(var(--gutter-x) * .5);
}

.core-values-info-row .cleancut-card-text {
	max-height: 100px;
}

.core-values-info-row .row {
	position: relative;
	gap: 30px 0;
}

.core-values-info-row {
	margin-top: -315px;
}

.core-values-title-wp {
	padding-top: 100px;
	max-width: 500px;
}

/*==========Core Values Page CSS End==========*/

/*==========Our Work Page CSS Start==========*/

.our-work-slider .our-work-img {
	height: var(--img-height);
}

.our-work-slider .our-work-slide-single .our-work-img {
	height: calc(calc(var(--img-height) * 2) + calc(var(--img-gap) * 2));
}

.our-work-slider .slick-slide {
	margin-inline: var(--img-gap);
}

.our-work-slide-double {
	display: flex;
	gap: calc(var(--img-gap) * 2) 0;
	flex-direction: column;
}

.our-work-slider .slick-list.draggable {
	margin-inline: calc(var(--img-gap) * -1);
}

.our-work-slider .slick-arrow.slide-arrow,
.ourwork-gallery-slider .slick-arrow.slide-arrow {
	right: 0;
	left: auto;
	bottom: auto;
	top: -90px;
}

.our-work-slider .slick-arrow.slide-arrow.prev-arrow,
.ourwork-gallery-slider .slick-arrow.slide-arrow.prev-arrow {
	right: 54px;
}

.our-work-slider-box {
	--img-height: 350px;
	--img-gap: 10px;
	margin-bottom: 80px;
}

.our-work-slider-box:last-child {
	margin-bottom: 0;
}

.main-our-work {
	padding: 80px 0 90px;
}

.our-work-title .h2-title {
	font-size: 36px;
	line-height: 38px;
	margin-bottom: 0;
}

.our-work-title {
	margin-bottom: 46px;
}

.ourwork-gallery-img {
	height: 370px;
}

.ourwork-gallery-slider {
	--ourwork-img-gap: 10px;
}

.ourwork-gallery-slider .slick-slide {
	margin-inline: var(--ourwork-img-gap);
}

.ourwork-gallery-slider .slick-list.draggable {
	margin-inline: calc(var(--ourwork-img-gap) * -1);
}

.our-work-gallery {
	padding-bottom: 80px;
}

/*==========Our Work Page CSS End==========*/

/*==========Contact Page CSS Start==========*/

.main-contact-us {
	position: relative;
	padding: 74px 0 71px;
}

.contact-us-list a {
	color: rgb(34 31 32 / 70%);
}

.contact-us-list a:hover,
.contact-us-list.call-info a:hover {
	color: var(--dark-blue-color);
}

.contact-page-form {
	background: var(--dark-blue-color);
	padding: 40px;
	margin-left: 25px;
}

.contact-page-form .footer-contact-form {
	padding: 0;
}

.contact-us-info {
	margin-bottom: 30px;
}

.contact-us-list {
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 4px;
}

.contact-us-list .icon {
	background: var(--dark-blue-color);
}

.time-schedule-title {
	display: flex;
	align-items: center;
	gap: 7px;
}

.time-schedule-title .icon {
	background: var(--dark-blue-color);
}

.time-schedule {
	margin-top: 22px;
}

.contact-us-list.call-info {
	margin: 24px 0;
	gap: 11px;
}

.contact-us-list.call-info a {
	font-size: 20px;
	line-height: 26px;
	font-weight: bold;
	color: var(--dark-color);
}

.time-schedule-title p {
	font-size: 16px;
	font-weight: bold;
	color: var(--dark-color);
}

.time-schedule-info {
	padding-left: 20px;
	max-width: 285px;
}

.time-schedule-day {
	display: flex;
}

.time-schedule-day span {
	width: 50%;
}

.contact-page-form .h3-title {
	color: var(--white-color);
	font-family: var(--montserrat-font);
	font-size: 24px;
	line-height: 1;
}

.contact-us-info .h3-title,
.contact-us-list-wp .h3-tile {
	font-size: 24px;
	line-height: 32px;
	margin-bottom: 14px;
}

.locations {
	margin-top: 50px;
}

.contact-page-form .contact-form-box {
	padding-top: 42px;
}

.main-gallery-video.contact-gallery-video {
	padding-bottom: 0;
}


/*==========Contact 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-banner.inner-banner {
	position: relative;
	padding: 248px 0 140px;
}

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

.privacy-content h2,
.entry-content h2 {
	color: var(--primary-color);
}

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

.privacy-content p a:hover .privacy-content a:hover,
.entry-content p a:hover,
.entry-content a:hover {
	color: var(--dark-color);
	text-decoration: underline !important;
}

.inner-page-text .sec-btn,
.inner-page-text .sec-btn:hover {
	color: var(--white-color);
}

.main-banner.inner-banner .h1-title {
	margin-bottom: 0;
}

.error-404 img {
	width: unset;
}

.main-banner.inner-banner:before {
	opacity: 0.8;
}

/*========== 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);
}

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

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

.site-map li a:hover {
	color: var(--dark-color);
}


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

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

/*========== View All Services CSS Start ==========*/
.footer-last .text,
.menu-seo-menu-container ul li a {
	font-size: 14px;
	line-height: 20px;
	color: var(--primary-color);
	cursor: pointer;
	transition: var(--transition);
}

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

.menu-seo-menu-container ul li a {
	padding-right: 7px;
	margin-right: 7px;
	border-right: 1px solid var(--dark-color);
	transition: var(--transition);
}

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

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

/*========== SEO Page CSS Start ==========*/
.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(--dark-color);
}

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

.submit-btn:has(button.sec-btn[style*="display: none;"]) {
	display: none;
}

/*========== 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: 50px;
	border-radius: 0;
	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 16px;
	font-size: 15px;
	font-weight: 700;
	border-radius: 0;
	height: 50px;
	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);
}

.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(--dark-color);
	color: var(--white-color);
}

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

.comments-area p input {
	width: 100%;
	height: 46px;
	border-radius: 0;
	background: transparent;
	border: 1px solid var(--common-color);
	outline: none;
	box-shadow: none;
	padding: 15px;
}

.form-submit .submit {
	width: 170px;
	height: 46px;
	background: var(--primary-color);
	color: var(--white-color);
	font-weight: bold;
	border: none;
	border-radius: 4px;
	outline: none !important;
	transition: var(--transition);
}

.form-submit .submit:hover {
	background: var(--dark-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(--primary-color);
	margin-bottom: 20px;
}

.comment-reply-title small a:hover {
	color: var(--dark-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: var(--common-color);
	box-shadow: 0 10px 40px rgba(37, 58, 105, 0.09);
	border-radius: 8px;
	border: none;
	outline: none;
	color: var(--white-color);
	font-size: 18px;
	z-index: 10;
	transition: var(--transition);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin: 0 3px;
}

.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);
}

.privacy-content ol,
.privacy-content ul,
.entry-content ol,
.entry-content ul,
.excerpt-content ul,
.excerpt-content ol {
	padding: 0;
	margin: 0 0 1.5em 3em
}

.privacy-content ul,
.entry-content ul,
.excerpt-content ul {
	list-style: disc;
}

.privacy-content ol li,
.privacy-content ul li,
.entry-content ol li,
.entry-content ul li,
.excerpt-content li {
	margin-bottom: 10px;
}

/*========== End of Blog CSS ==========*/

/*==========Responsive Start==========*/

@media screen and (min-width: 2100px) {
	.service-sec-img {
		width: calc(100% + 90%);
	}

	.main-service-sec.residential-service-sec .service-sec-img,
	.main-service-sec.residential-service-sec .service-sec.even .service-sec-img {
		min-height: 800px;
	}

}

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

@media screen and (min-width: 992px) {
	.container-med {
		max-width: 1650px;
	}

}

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

	.join-us-wp {
		max-width: 100%;
	}

	.header-form-wp .header-form-content {
		gap: 80px;
	}

	.main-service-sec.home-service-sec .service-sec-content {
		max-width: 100%;
		padding-right: 30px;
	}

	.journey-step-wp .journey-step-box-wp:nth-child(odd) .journey-step:last-child:before {
		left: 38px;
	}

	.journey-step-wp .journey-step-box-wp:nth-child(odd) .journey-step:last-child {
		padding-right: 54px;
	}

	.journey-step-wp .journey-step-box-wp:nth-child(even):before {
		content: '';
		position: absolute;
		bottom: -29px;
		left: 100%;
		width: calc(100% + 2%);
		height: 16px;
		background: var(--dark-blue-color);
		z-index: -1;
	}

	.journey-step-box-wp {
		position: relative;
	}

}

@media screen and (max-width: 1499px) {
	.main-navigation li {
		margin-right: 34px;
	}

	.main-banner.inner-banner.residential-banner {
		min-height: 600px;
		padding: 160px 0 100px;
	}

	.main-banner.inner-banner.residential-banner .banner-content p {
		max-width: 100%;
	}

	.journey-step-wp .journey-step-box-wp:nth-child(odd) .journey-step:last-child:before {
		left: -29px;
	}

	.main-banner.inner-banner.residential-banner.our-process-banner {
		min-height: auto;
		padding: 230px 0 120px;
	}

	.main-join-us .bg-logo-img {
		left: calc(clamp(-16.25rem, 36.789vw - 43.842rem, -9.375rem));
	}
}

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

	.about-competitive-rates .core-value-img,
	.full-staff-img {
		/* height: 490px; */
	}
}

@media screen and (max-width: 1199px) {
	.main-navigation li {
		margin-right: 20px;
	}

	.about-content {
		padding: 20px 0 50px 0;
		margin: 0;
	}

	.about-us-img .back-img {
		width: 101vw;
		height: auto;
		aspect-ratio: 1/0.578;
		left: 50%;
		transform: translate(-50%, 0);
		margin: 0;
	}

	.promotion-card {
		padding: 70px 20px 20px;
		margin: 0 var(--slide-gap);
	}

	.header-form-wp .header-form-content {
		gap: 28px;
	}

	.header-form-wp .header-form-content {
		padding: 0 25px;
		gap: 25px
	}

	.header-form-wp .form-box {
		max-width: 140px
	}

	.banner-content .h1-title {
		font-size: 58px;
	}

	.testimonial-video .review-video {
		aspect-ratio: 1/1.4;
	}

	.testimonial-slider .slick-slide.slick-current .testimonial-video .review-video {
		aspect-ratio: 1/1.5;
	}

	.testimonial-slider {
		height: 530px;
	}

	.testimonial-slider .slick-slide.slick-active.slick-current {
		width: 310px !important;
	}

	.testimonial-slider .slick-slide {
		height: 536px;
	}

	.main-testimonial {
		padding: 80px 0 80px;
	}

	.main-testimonial .sec-title {
		margin-bottom: 60px;
	}

	.main-join-us {
		padding: 80px 0;
	}

	.join-us-wp {
		padding-left: 0;
	}

	.main-our-services {
		padding: 100px 0 100px;
	}

	.main-google-review {
		padding-bottom: 80px;
	}

	.join-us-wp {
		max-width: 650px;
	}

	.join-us-btn {
		text-align: left;
		margin-top: 30px;
	}

	.service-sec-content .h2-title {
		font-size: 34px;
	}

	.service-sec-content {
		--inline-gap: 40px;
	}

	.process-step-wp .process-step {
		padding: 70px 20px 0 0;
	}

	.main-service-include.commercial-service-include .service-include-card {
		padding: 0;
	}

	.main-core-values .about-cleancut-card {
		height: 330px;
	}

	.core-value-img {
		height: 720px;
	}

	.core-values-info-row {
		margin-top: -330px;
	}

	.core-values-title-wp {
		padding-top: 60px;
	}

	.our-work-slider-box {
		--img-height: 250px;
	}

	.journey-step-wp .journey-step .h3-title {
		font-size: 17px;
		line-height: 26px;
		margin-bottom: 2px;
	}

	.our-team-card {
		width: 28%;
	}

	.journey-step-wp .journey-step {
		padding-top: 54px;
	}

	.main-journey-step {
		padding-top: 80px;
	}

	.main-join-us .bg-logo-img {
		left: auto;
		right: -30px;
		top: auto;
		bottom: -80px;
		transform: none;
	}

	.footer-menu {
		padding-left: 20px;
	}

	.footer-content .footer-logo {
		width: 205px;
		height: 150px;
	}

	.address-info {
		padding-left: 20px;
	}
}

@media screen and (max-width: 991px) {
	.site-header {
		height: 93px;
	}

	.site-branding {
		position: fixed;
		top: 0;
		left: 30px;
		width: 160px;
		height: 94px;
		padding: 10px;
	}

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

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

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

	.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(--dark-color);
		padding: 16.3vh 30px 30px 30px;
	}

	.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-right: 0;
		margin-left: 0;
		font-size: 22px;
		line-height: 28px;
		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: 22px;
		line-height: 28px;
		padding-top: 0;
		padding-bottom: 9px;
		color: var(--dark-blue-color);
	}

	.main-navigation ul li.menu-item-has-children::after {
		color: var(--dark-blue-color);
		top: 6px;
		right: 0;
		transform: translate(0);
		font-size: 18px
	}

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

	.main-navigation ul li.menu-item-has-children.active-sub-menu:after {
		transform: 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;
		color: var(--light-blue-color);
	}

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

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

	.footer-bottom-link {
		margin: 15px 0;
	}

	.main-contact .contact-form {
		padding: 27px 0 0;
		font-size: 0;
		line-height: 1
	}

	.main-contact .form-submit-btn {
		padding: 0
	}

	.main-contact .form-submit-btn .sec-btn {
		width: calc(100% + 30px);
		height: 54px;
		top: 1px;
		left: -15px
	}

	.header-form-wp {
		flex-direction: column;
		align-items: unset
	}

	.header-form-wp .sec-btn {
		width: 100%;
		height: 54px;
		border-radius: 0 0 4px 4px
	}

	.header-form-wp .submit-btn {
		display: block
	}

	.header-form-wp .header-form-content {
		gap: 25px 0;
		flex-wrap: wrap;
		margin-left: -15px;
		margin-right: -15px
	}

	.header-form-wp .form-box {
		flex: 0 0 50%;
		max-width: 50%;
		padding-left: 15px;
		padding-right: 15px
	}

	.main-contact .form-input {
		padding: 2px 0 6px
	}

	.header-form-wp .header-form-btn {
		margin-top: 30px
	}

	.main-contact {
		margin: -80px 0 -164px
	}

	.banner-content {
		text-align: center;
	}

	.main-banner {
		padding: 180px 0 220px;
	}

	.banner-slider .slick-dots {
		bottom: 115px;
	}

	.banner-content .h1-title {
		font-size: calc(clamp(2.375rem, 2.086vw + 1.958rem, 3.25rem));
	}

	.about-sec {
		padding: 220px 0 0;
	}

	.main-our-services .sec-title .h3-title {
		font-size: calc(clamp(2.25rem, 1.192vw + 2.012rem, 2.75rem));
	}

	.big-text,
	.main-our-services .sec-title .big-text {
		font-size: 70px;
		top: -40px;
	}

	.main-our-services .sec-title .title-info {
		max-width: 100%;
		margin-bottom: 40px;
	}

	.main-our-services {
		padding-bottom: 80px;
	}

	.banner-btn {
		justify-content: center;
	}

	.site-branding .custom-logo-link {
		width: 100%;
	}

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

	.our-service-btn {
		margin-top: 40px;
	}

	.main-service-sec.home-service-sec .service-sec-content,
	.main-service-sec .service-sec-content {
		max-width: unset;
		padding: 0;
		margin-top: 50px;
	}

	.service-sec-img,
	.main-service-sec.residential-service-sec .service-sec.even .service-sec-img,
	.main-service-sec.residential-service-sec .service-sec-img {
		width: 100%;
		min-height: unset;
		height: 460px;
	}

	.promotion-card {
		height: 100%;
	}

	.join-us-content {
		text-align: center;
	}

	.join-us-btn {
		text-align: center;
	}

	.footer-content .footer-logo {
		margin-inline: auto;
	}

	.footer-menu {
		padding: 0;
		text-align: center;
		margin-top: 60px;
	}

	.address-info {
		text-align: center;
		padding: 0;
		margin-top: 50px;
	}

	.footer-contact-form {
		text-align: center;
		padding-top: 50px;
	}

	.main-service-sec .service-sec-wp .service-sec {
		padding: 80px 0;
	}

	.service-sec-btn {
		margin-top: 30px;
	}

	.main-gallery-wp {
		--img-size: 200px;
		--gap: 12px;
	}

	.main-gallery .sec-title {
		margin-bottom: 60px;
	}

	.open-gallery-btn {
		margin-top: 40px;
	}

	.play-btn {
		--size: 60px;
	}

	.video-wp .play-btn:before {
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: 15px solid var(--white-color);
	}

	.gallery-video-box {
		padding-bottom: 70%;
		height: auto;
	}

	.wp-gr.wpac {
		min-width: unset !important;
	}

	.wp-gr .grw-row-l .grw-header,
	.wp-gr .grw-row-xl .grw-review {
		flex: 50%;
	}

	.bottom-footer {
		padding: 30px 0 60px;
	}

	.footer-menu ul li {
		padding: 10px 0;
	}

	.main-join-us {
		padding: 60px 0;
	}

	.h2-title,
	.service-sec-content .h2-title,
	.our-work-title .h2-title {
		font-size: calc(clamp(1.75rem, 1.788vw + 1.392rem, 2.5rem));
	}

	.copyright {
		flex-direction: column;
		gap: 8px;
		margin: 0;
	}

	.copyright ul li:first-child a {
		padding-left: 0;
		margin-left: 0;
		border-left: 0;
	}

	.cta-btn {
		top: auto;
		right: auto;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 0);
		display: none;
	}

	.testimonial-slider .slick-slide.slick-active.slick-current {
		width: 270px !important;
	}

	.testimonial-video .review-video {
		aspect-ratio: 1/1.6;
	}

	.testimonial-slider .slick-slide {
		height: 440px;
	}

	.testimonial-slider .slick-slide.slick-current .testimonial-video .review-video {
		aspect-ratio: 1/1.5;
	}

	.testimonial-by .h3-title {
		font-size: 18px;
		line-height: 25px;
	}

	.testimonial-by {
		margin-top: 10px;
	}

	.testimonial-slider {
		height: 450px;
	}

	.main-testimonial .title-info {
		max-width: unset;
	}

	.main-testimonial .sec-title {
		margin-bottom: 40px;
	}

	.main-testimonial {
		padding: 80px 0 60px;
	}

	.main-testimonial .big-text {
		left: 60px;
		top: 230px;
	}

	.main-google-review .sec-title {
		padding-top: 60px;
	}

	.main-promotion .sec-title {
		margin-bottom: 60px;
	}

	.wp-gr .grw-review .wp-google-feedback {
		height: 175px !important;
	}

	.about-cleancut-row .sec-title {
		margin-top: 0;
	}

	.main-about-cleancut {
		padding: 80px 0;
	}

	.main-about-cleancut .sec-title p {
		max-width: unset;
	}

	.about-cleancut-card {
		min-height: unset;
		padding: 30px;
	}

	.cleancut-card-content .h3-title {
		margin-bottom: 7px;
	}

	.main-banner.inner-banner.about-banner {
		padding: 175px 0 98px;
	}

	.main-banner.inner-banner.residential-banner {
		min-height: 500px;
		padding: 150px 0 80px;
	}

	.main-banner.inner-banner.residential-banner .banner-slider .slick-dots {
		bottom: 30px;
	}

	.main-service-sec.residential-service-sec .service-sec-content {
		--inline-gap: 0;
		padding: 0;
	}

	.main-gallery.residential-gallery {
		padding: 70px 0;
	}

	.main-gallery-video.residential-gallery-video {
		padding: 0;
	}

	.main-process-step {
		padding: 60px 0;
	}

	.process-step-wp .process-step .h3-title {
		margin-bottom: 10px;
	}

	.step-slider .slick-list.draggable {
		padding-bottom: 70px;
		width: calc(100% + 160px);
		padding-right: 160px;
	}

	.step-slider .slick-arrow {
		right: 0;
		left: auto;
	}

	.slide-arrow.prev-arrow.slick-arrow {
		right: 60px;
	}

	.process-step-info {
		height: 127px;
	}

	.process-step-wp .process-step:last-child {
		padding-right: 0;
	}

	.process-step-wp .process-step .h3-title {
		font-size: 20px;
		line-height: 26px;
		min-height: 52px;
	}

	.main-banner.inner-banner .banner-content .h1-title {
		font-size: calc(clamp(1.875rem, 2.385vw + 1.398rem, 2.875rem));
	}

	.page-id-50 .main-process-step,
	.page-id-52 .main-process-step,
	.page-id-55 .main-process-step {
		padding-top: 0;
	}

	.main-process-step .sec-title {
		margin-bottom: 60px;
	}

	.main-service-include {
		padding-top: 0;
	}

	.main-service-include .sec-title {
		margin-bottom: 60px;
	}

	.main-service-include.commercial-service-include {
		padding: 80px 0;
	}

	.main-banner.inner-banner {
		padding: 180px 0 100px;
	}

	.main-our-work {
		padding: 80px 0;
	}

	.our-work-slider-box {
		--img-height: 150px;
	}

	.our-team-card {
		width: 215px;
	}

	.journey-step-wp .journey-step {
		padding-top: 60px;
		min-height: auto;
		padding-right: 20px;
	}

	.journey-step-info {
		height: 187px;
	}

	.journey-step-wp .journey-step:last-child {
		padding-right: 0;
	}

	.journey-step-wp .journey-step .h3-title {
		font-size: 20px;
		margin-bottom: 8px;
	}

	.main-journey-step {
		padding: 80px 0 50px;
	}

	.main-journey-step .sec-title>p {
		font-size: 16px;
		margin-bottom: 40px;
	}

	.journey-info-wp {
		margin: 0;
	}

	.contact-page-form {
		margin: 0 0 50px;
	}

	.contact-page-form .footer-contact-form {
		text-align: unset;
	}

	.main-seo-content {
		padding: 210px 0 60px;
	}

	.main-join-us .bg-logo-img {
		width: 280px;
		opacity: 0.2;
	}

	.core-values-info-row {
		margin-top: 0;
	}

	.wp-gr .grw-review {
		margin-inline: 8px !important;
	}

	.footer-menu ul {
		padding-top: 16px;
	}

	.social-link-wp {
		margin-top: 40px;
	}

	.contact-form-box {
		padding-top: 22px;
	}

	.main-banner:before {
		opacity: 0.625;
	}

	.promotions-slider .slick-list.draggable {
		padding-right: 70px;
		width: calc(100% + 10px);
	}

	.about-cleancut-row {
		margin-top: 40px;
	}

}


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

	.wp-gr .grw-row-x .grw-header,
	.wp-gr .grw-row-x .grw-header+.grw-content,
	.wp-gr .grw-row-x .grw-review,
	.wp-gr .grw-row-s .grw-header+.grw-content .grw-review {
		flex: 0 0 100%;
	}

	.banner-info p {
		font-size: 15px;
	}

	.testimonial-slider .slick-slide.slick-active.slick-current {
		width: 200px !important;
	}

	.testimonial-slider .slick-slide {
		height: 330px;
	}

	.testimonial-slider {
		height: 320px;
	}

	.big-text,
	.main-our-services .sec-title .big-text {
		font-size: 60px;
	}

	.commercial-slider-wp .gallery-img {
		height: 200px;
	}

	.commercial-slider .slick-arrow.slide-arrow {
		top: -135px;
	}

	.core-values-info-row .row:before {
		content: none;
	}

	.core-values-info-row {
		margin-top: 50px;
	}

	.main-core-values {
		padding: 80px 0;
	}

	.core-value-img {
		height: auto;
		padding-bottom: 93%;
	}

	.core-values-title-wp {
		max-width: unset;
		padding-top: 40px;
	}

	.main-core-values .about-cleancut-card {
		height: auto;
		min-height: 260px;
	}

	.core-values-info-row .cleancut-card-text {
		max-height: unset;
	}

	.our-work-slider-box {
		--img-gap: 5px;
	}

	.ourwork-gallery-slider {
		--ourwork-img-gap: 5px;
	}
}

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

	.header-mobile-menu {
		padding: 16.3vh 20px 30px 20px;
	}

	.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;
	}

	.popup-title .h2-title {
		font-size: 22px;
		line-height: 28px;
	}

	.main-banner {
		padding: 160px 0 200px;
	}

	.banner-content .h1-title {
		margin-bottom: 30px;
	}

	.banner-info {
		margin-bottom: 40px;
	}

	.service-card-info {
		margin-top: 10px;
	}

	.service-card-img {
		height: 240px;
	}

	.main-our-services {
		padding: 60px 0;
	}

	.main-our-services .sec-title {
		margin-bottom: 40px;
	}

	.main-promotion {
		padding: 60px 0;
	}

	.main-gallery .sec-title {
		margin-bottom: 40px;
	}

	.main-gallery-video {
		padding: 60px 0;
	}

	.main-service-sec .service-sec-wp .service-sec {
		padding: 60px 0;
	}

	.main-gallery-wp {
		--img-size: 120px;
	}

	.copyright-bottom-link {
		margin-top: 8px;
		line-height: 1;
	}

	.footer-contact-form {
		padding-top: 40px;
	}

	.main-google-review {
		padding-bottom: 60px;
	}

	.gallery-video-sec .h3-title {
		font-size: 18px;
		line-height: 24px;
	}

	.service-sec-img,
	.main-service-sec.residential-service-sec .service-sec.even .service-sec-img,
	.main-service-sec.residential-service-sec .service-sec-img {
		height: auto;
		padding-bottom: 70%;
	}

	.banner-btn {
		flex-direction: column;
		align-items: center;
	}

	.main-service-sec.home-service-sec .service-sec-content,
	.main-service-sec .service-sec-content {
		margin-top: 30px;
	}

	.service-sec-content .h2-title {
		margin-bottom: 18px;
	}

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

	.testimonial-slider .slick-slide {
		margin: 0 6px;
		height: 260px;
	}

	.main-about-cleancut {
		padding: 60px 0;
	}

	.about-cleancut-card {
		padding: 20px;
	}

	.cleancut-card-content .h3-title {
		font-size: 22px;
		line-height: 30px;
	}

	.main-banner.inner-banner.about-banner {
		padding: 160px 0 70px;
	}

	.step-slider .slick-list.draggable {
		padding-right: calc(clamp(1.875rem, 35.294vw - 5.184rem, 7.5rem));
		width: calc(100% + 30px);
	}

	p,
	body {
		line-height: 26px;
	}

	.main-process-step .sec-title {
		margin-bottom: 40px;
	}

	.main-banner.inner-banner.residential-banner .banner-content p {
		margin-top: 20px;
	}

	.main-service-include {
		padding-bottom: 60px;
	}

	.service-include-icon {
		margin-bottom: 18px;
	}

	.service-include-card .h3-title,
	.main-service-include.commercial-service-include .service-include-card .h3-title {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 4px;
	}

	.service-include-row .row {
		gap: 30px 0;
	}

	.main-service-include.commercial-service-include {
		padding: 60px 0;
	}

	.main-commercial-slider {
		padding: 60px 0;
	}

	.main-core-values {
		padding: 60px 0;
	}

	.main-banner.inner-banner {
		padding: 160px 0 80px;
	}

	.our-work-slider .slick-list.draggable,
	.ourwork-gallery-slider .slick-list.draggable {
		padding-bottom: 65px;
	}

	.our-work-slider .slick-arrow.slide-arrow,
	.ourwork-gallery-slider .slick-arrow.slide-arrow {
		top: auto;
		bottom: 0;
	}

	.our-work-slider .slick-arrow.slide-arrow,
	.ourwork-gallery-slider .slick-arrow.slide-arrow {
		right: auto;
		left: 0;
	}

	.our-work-slider .slick-arrow.next-arrow.slide-arrow,
	.ourwork-gallery-slider .slick-arrow.next-arrow.slide-arrow {
		left: 48px;
	}

	.our-work-title {
		margin-bottom: 22px;
	}

	.our-work-slider-box {
		margin-bottom: 40px;
	}

	.our-work-slider-box {
		--img-height: 100%;
	}

	.our-work-slider .our-work-img {
		height: auto;
		padding-bottom: var(--img-height);
	}

	.our-work-slider .our-work-slide-single .our-work-img {
		height: auto;
		padding-bottom: calc(calc(calc(var(--img-height) + 2%) * 2) + var(--img-gap));
	}

	.main-our-work {
		padding: 60px 0;
	}

	.main-our-team {
		padding: 60px 0;
	}

	.main-our-team .sec-title {
		margin-bottom: 40px;
	}

	.main-journey-step {
		padding-top: 60px;
	}

	.main-journey-step .sec-title {
		margin-bottom: 50px;
	}

	.our-team-card-wp {
		gap: 30px 18px;
	}

	.main-contact-us {
		padding: 60px 0;
	}

	.contact-page-form {
		padding: 20px;
	}

	.contact-page-form .contact-form-box {
		padding-top: 25px;
	}

	.wp-gr .grw-header-inner,
	.wp-gr .grw-review-inner {
		padding: 20px !important;
	}

	.wp-gr .grw-review .wp-google-stars {
		left: 20px !important;
		top: 20px !important;
	}

	.wp-gr .grw-content {
		padding-bottom: 60px !important;
	}

	.main-testimonial .big-text {
		display: none;
	}

	.main-gallery-wp {
		--img-size: 100%;
	}

	.main-gallery-wp .gallery-single-row .gallery-img {
		height: auto;
		padding-bottom: calc(calc(var(--img-size) * 2) + var(--gap));
	}

	.play-btn {
		--size: 45px;
	}

	.testimonial-slider .slick-slide.slick-active.slick-current {
		width: 150px !important;
	}

	.testimonial-slider .slick-slide.slick-current .testimonial-video .review-video {
		aspect-ratio: 1/1.5;
	}

	.testimonial-video .review-video {
		aspect-ratio: 1/1.3;
	}

	.testimonial-by .h3-title {
		font-size: 14px;
		line-height: 1;
	}

	.testimonial-by {
		margin-top: 8px;
	}

	.testimonial-slider {
		height: 230px;
	}

	.testimonial-video .video-wp .play-btn {
		--size: 32px;
	}

	.video-wp .play-btn:before {
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 10px solid var(--primary-color);
	}

	.testimonial-slider .slick-slide.slick-active.slick-current .testimonial-video .video-wp .play-btn {
		--size: 40px;
	}

	.cleancut-card-text {
		max-height: 180px;
	}

	.about-cleancut-card .icon-wp {
		width: 80px;
	}

	.site-branding {
		width: 140px;
		height: 80px;
	}

	.site-header {
		height: 93px;
	}
	.site-header img {
        max-width: 200px;
    }
	.menu-toggle {
		top: 28px;
	}

	.slick-arrow {
		--slick-arrow-size: 38px;
	}

	.slide-arrow.prev-arrow.slick-arrow {
		right: 45px;
	}

	.commercial-slider .slick-arrow.slide-arrow.prev-arrow {
		right: 48px;
	}

	.commercial-slider .slick-arrow.slide-arrow {
		top: -128px;
	}

	.before-after-img {
		gap: 10px;
	}

	.promotions-slider .slick-list.draggable {
		padding-right: 30px;
	}

	.promotion-card-wp {
		--slide-gap: 8px;
	}

	.about-competitive-rates>.row {
		--gutter: 10px;
	}

	.about-cleancut-row {
		margin-top: 30px;
	}

	.header-form-wp .form-box {
		flex: 100%;
		max-width: 100%;
	}

	.our-work-gallery {
		padding-bottom: 60px;
	}

	.ourwork-gallery-img {
		height: auto;
		padding-bottom: 67%;
	}

}

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

	.menu-toggle {
		right: 15px;
	}

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

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

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

	.popup-title {
		padding: 10px 65px 10px 15px;
	}

	.popup-title .h2-title {
		font-size: 18px;
	}
}

/*==========Responsive End==========*/