/* Landing Page Style */

:root {
	--theme-blue: #0093D0;
	--text-color: #0C0C0C;
}

h2.section-heading {
    color: #0C0C0C;
    font-size: 2.75rem;
    line-height: 1.2em;
	margin-bottom: 34px;
}

h3 {
    font-size: 1.95rem !important;
}

p, 
ul li {
    font-size: 1.25rem;
	color: var(--text-color);
}

.regular-button {
	height: 70px;
    display: inline-flex;
    align-items: center;
    padding-left: 4em !important;
    padding-right: 4em !important;
	border: 2px solid #2CD002;
}

.regular-button i {
    background-color: transparent !important;
	right: 50px !important;
    top: 35px;
}

.top-banner {
    height: 75vh;
    padding: 6em 0 0 !important;
    display: flex;
    align-items: center;
}

.top-banner h1, 
.top-banner p {
    color: #fff;
}

.top-banner p {
    margin: 1.5em 0 2em !important;
}

.top-banner .regular-button.btn-green {
    margin-right: 25px;
}

.content-col .vc_column-inner {
    margin-right: 20px;
}

.content-middle .vc_column-inner {
    max-width: 750px;
    margin: 0 auto;
}

.hired-to-manage ul {
    margin-left: 0;
}

.hired-to-manage ul li {
    list-style: none;
	position: relative;
	padding-left: 40px;
}

.hired-to-manage ul li:not(:last-child) {
    margin-bottom: 18px;
}

.hired-to-manage ul li::before {
    content: '';
    position: absolute;
    width: 21px;
    height: 21px;
    top: 3px;
    left: 0;
    background: url(/wp-content/uploads/2025/11/cross-circle.png);
}

.blue-bg-text {
    background-color: var(--theme-blue);
    padding: 3em 2.5em 2.5em;
    border-radius: 40px;
    margin-top: 3em;
}

.blue-bg-text * {
    color: #fff;
}

.save-time-stress ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
	margin-left: 45px;
}

.save-time-stress ul li {
    width: calc(50% - 15px);
    list-style: none;
	padding-left: 45px;
	position: relative;
}

.save-time-stress ul li::before {
    content: '';
    position: absolute;
    width: 27px;
    height: 27px;
    top: 0;
    left: 0;
    background: url(/wp-content/uploads/2025/11/check-circle.png);
}

.save-time-stress .vc_col-sm-6:last-child {
    display: flex;
    align-items: center;
}

.enquire-now .vc_column-inner {
	background-color: #F7F7F7;
	border-radius: 40px;
	margin-top: 2em;
	padding: 48px;
}

.enquire-now h3 {
    color: #0C0C0C;
}

.enquire-now .wpb_wrapper {
    display: flex;
	align-items: center;
}

.enquire-now .wpb_wrapper .nectar-button {
    flex: 0 0 22%;
    margin-right: 0;
    margin-bottom: 0;
}

.enquire-now .wpb_wrapper .wpb_text_column {
    margin-bottom: 0;
    padding-right: 60px;
}

.imagine ul {
    margin: 40px 0 40px;
}

.imagine ul li {
    list-style: none;
	position: relative;
	padding-left: 40px;
}

.imagine ul li:not(:last-child) {
    margin-bottom: 18px;
}

.imagine ul li::before {
    content: '';
    position: absolute;
    width: 27px;
    height: 27px;
    top: 0;
    left: 0;
    background: url(/wp-content/uploads/2025/11/check-circle-blue.png) center / cover;
}

.what-makes-different .row_col_wrap_12 {
    display: flex;
	align-items: center;
}

.what-makes-different .vc_col-sm-6:last-child {
    padding-left: 4em;
}

.what-makes-different ul {
	margin-left: 0;
}

.what-makes-different li {
    list-style: none;
	position: relative;
	padding-left: 40px;
}

.what-makes-different ul li:not(:last-child) {
    margin-bottom: 25px;
}

.what-makes-different ul li::before {
    content: '';
    position: absolute;
    width: 27px;
    height: 25px;
    top: 0;
    left: 0;
}

.what-makes-different ul li:first-child::before {
    background: url(/wp-content/uploads/2025/11/accountability-promise-icon1.png) center / contain no-repeat;
}

.what-makes-different ul li:nth-child(2)::before {
    background: url(/wp-content/uploads/2025/11/accountability-promise-icon2.png) center / contain no-repeat;
}

.what-makes-different ul li:nth-child(3)::before {
    background: url(/wp-content/uploads/2025/11/accountability-promise-icon3.png) center / contain no-repeat;
}

.what-makes-different ul li:nth-child(4)::before {
    background: url(/wp-content/uploads/2025/11/accountability-promise-icon4.png) center / contain no-repeat;
}

.what-makes-different ul li:nth-child(5)::before {
    background: url(/wp-content/uploads/2025/11/accountability-promise-icon5.png) center / contain no-repeat;
}

.what-makes-different ul li:last-child::before {
    background: url(/wp-content/uploads/2025/11/accountability-promise-icon6.png) center / contain no-repeat;
}

.testimonial h3 {
    color: var(--text-color);
    font-size: 1.575rem !important;
    margin: 30px 0 35px !important;
    line-height: 1.5em !important;
}

.flickity-viewport {
    margin-top: 4em !important;
}

.trusted-by-heading .wpb_wrapper {
    max-width: 800px;
}

.trusted-by .vc_col-sm-4 .vc_column-inner {
    background-color: #F7F7F7;
    padding: 32px;
    border-radius: 32px;
	min-height: 275px;
}

.trusted-by h3 {
    color: var(--text-color);
    font-size: 1.65rem !important;
    margin: 20px 0 !important;
}

.section-images .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
}

.section-images .wpb_wrapper .img-with-aniamtion-wrap {
    width: 33.333%;
}

.section-images .wpb_wrapper img {
    width: 110%;
}

.section-images .wpb_wrapper .inner {
    display: flex;
    align-items: center;
}

.area-manager .vc_col-sm-6 {
    display: flex;
    align-items: center;
}

.experience-cleaning .row_col_wrap_12 {
    background-color: var(--theme-blue);
    padding: 64px;
    border-radius: 40px;
}

.experience-cleaning * {
    color: #fff !important;
}

.experience-cleaning .vc_col-sm-6 {
    display: flex;
    align-items: center;
}

.faq-section .faq-container {
    width: 800px;
    margin: 60px auto 0 !important;
}

.faq-container .toggle-title .toggle-heading {
    color: #000;
    font-size: 18px !important;
	border: 0;
    border-top: 2px solid rgb(157 157 157 / 25%);
	background: transparent;
	padding: 24px 14px 12px !important;
}

.faq-container .toggles .toggle:last-child .toggle-title .toggle-heading {
    border-bottom: 2px solid rgb(157 157 157 / 25%);
	padding: 24px 14px 26px !important;
}

.faq-container .toggle>.toggle-title a:hover {
    background: transparent;
}

.faq-container .toggle.open > .toggle-title a {
    background: transparent !important;
    color: #000;
}

.faq-container .toggles p {
    font-size: 18px;
    color: #000;
}

.faq-container .toggle>div {
	box-shadow: none;
}

.faq-container .toggle-heading i {
    color: #2A8C97 !important;
}

.faq-container .toggle>.toggle-title a i {
    position: absolute;
    right: 0;
    left: auto;
    top: 60%;
    transform: translateY(-60%);
	font-size: 25px !important
}

.faq-container .toggles i:before {
    content: "\f106";
}

.faq-container .toggle.open i:before {
	content: "\f107";
}

.faq-container .toggle.open>.toggle-title a i {
	color: #888;
}

.faq-btn-container {
    text-align: center;
    margin-top: 60px;
}

.faq-btn-container .faq-btn {
    height: 50px;
    font-size: 16px !important;
    padding-left: 2em !important;
    padding-right: 2em !important;
	border: 2px solid #298c96 !important;
}

.wpforms-container {
    padding: 30px 40px 50px !important;
    background: #0093d0 !important;
	border-radius: 30px !important;
}

.enquire-form label {
    color: #fff;
}

.enquire-form input,
.enquire-form textarea {
    border-radius: 6px !important;
	background: #fffffffa !important;
}

.enquire-form .wpforms-submit-container {
	text-align: center;
}

body[data-button-style=rounded] .container-wrap button[type=submit] {
	padding: 10px 60px !important;
}

.enquire-form button:hover,
.enquire-form button:focus,
.enquire-form button:active {
	background: #fff !important;
	color: #0093d0 !important;
}

label.wpforms-error {
    color: #f9f9f9 !important;
    font-size: 0.875rem !important;
}

@media (max-width: 767px) {
	
	.regular-button {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		height: 60px !important;
		min-height: 60px;
	}
	
	h2.section-heading {
		font-size: 2rem;
	}

	h3 {
		font-size: 1.5rem !important;
	}

	p, 
	ul li {
		font-size: 1rem;
	}
	
	.top-banner {
		height: auto;
		padding: 3em 0 !important;
	}

	.top-banner .content-col .vc_column-inner {
		margin-right: 0;
	}

	.top-banner .regular-button {
		width: 100%;
		margin-right: 0 !important;
	}
	
	.save-time-heading p {
		text-align: center;
	}

	.save-time-heading .wpb_text_column {
		margin-bottom: 10px !important;
	}

	.save-time-stress ul {
		margin-left: 0;
		gap: 15px;
	}

	.save-time-stress ul li {
		width: 100%;
	}

	.enquire-now .vc_column-inner {
		margin-top: 1em;
		padding: 2em;
	}

	.enquire-now .wpb_wrapper {
		flex-direction: column;
		gap: 40px;
	}

	.enquire-now .wpb_wrapper .wpb_text_column {
		padding-right: 0;
	}
	
	.save-time-heading .wpb_text_column {
		margin-top: 30px !important;
	}
	
	.what-makes-different .vc_col-sm-6:last-child {
		padding-left: 0;
	}
	
	.testimonial h3 {
		font-size: 1.375rem !important;
	}
	
	.flickity-viewport {
		margin: 0 0 !important;
		height: 250px !important
	}
	
	.flickity-prev-next-button.previous, 
	.flickity-prev-next-button.next {
		top: 75% !important;
	}
	
	.trusted-by .vc_col-sm-4 .vc_column-inner {
		min-height: auto;
	}
	
	.trusted-by h3 {
		font-size: 1.375rem !important;
		margin: 0 0 12px !important;
	}
	
	.experience-cleaning .row_col_wrap_12 {
		padding: 2em 1.5em;
	}

	.experience-cleaning h2.section-heading {
		font-size: 1.5rem !important;
		margin-bottom: 20px;
	}
	
	.faq-section .faq-container {
		margin-top: 10px !important;
	}
	
	.faq-container .toggle-title .toggle-heading {
		line-height: 1.4em !important;
		padding: 19px 0 5px !important;
	}
	
	.faq-btn-container {
		margin-top: 40px;
	}
	
	.wpforms-container {
		padding: 25px 20px 50px !important;
	}
	
	.nectar-global-section.before-footer .img-with-aniamtion-wrap {
		text-align: center;
	}
	
	.faq-container .toggles .toggle:last-child .toggle-title .toggle-heading {
		padding: 19px 0 18px !important;
	}
}