/*
Theme Name: 360 YYC
Text Domain: kobzzaa74.sg-host.com
Author: Kobzza
Author URI: https://kobzza.com/
*/

:root {
	--c-black: #000;
	--c-white: #FFF;
	--c-catskill-white: #E4EBF3;
	--c-athens-grey: #F5F5F7;
	--c-dark-grey: #2C2C2C;
	--c-dove-grey: #666;
	--c-mine-shaft: #333;
	--c-green: #2C9942;
	--c-spring-green: #63B894;
	--c-sushi: #84C341;
	--c-atoll: #0F577B;
	--c-eden: #124B5F;
	--c-first-service: #69B792;
	--c-second-service: #1B7D88;
	--c-third-service: #19495E;
	--c-azure-14: #082C3E;
	--c-azure-27: #0f577b;
	--c-blue: #145178;
	--c-tarawera: #0B415C;
	--c-red: #FF0000;

	--container-padding-x: 80px;

	--font-family-base: 'PlusJakartaSans';
}

*,
*::before,
*::after {
	box-sizing: border-box;
}
html {
	height: 100%;
	scroll-behavior: smooth;
	scroll-padding-top: 64px;
	margin-block: 0 !important;
}
html, body {
	min-height: 100%;
}
body {
	font-family: var(--font-family-base), sans-serif;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	line-height: 1.5;
	color: var(--c-black);
	background-color: var(--c-white);
	font-size: 16px;
}
body.scroll-lock {
	overflow-y: hidden;
}
body,
:where(blockquote, figure):where([class]) {
	margin: 0;
}
a:where([class]),
header a,
footer a,
.footer__contact-us_info a {
	text-decoration: unset;
}
a {
	color: inherit;
}
:where(ul, ol):where([class]) {
	padding-left: 0;
}
:where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  ul,
  ol,
  dl
):where([class]) {
	margin-block: 0;
}
p {
	margin: 0;
}
:where(dd[class]) {
	margin-left: 0;
}
:where(ul[class]) {
	list-style: none;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
input,
textarea,
select,
button {
	font: inherit;
}
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	overflow-x: clip;
	max-width: calc(1760px + var(--container-padding-x) * 2);
	padding: 0 var(--container-padding-x);
}
.content :where(ul,ol) {
	list-style: revert;
	padding-left: 20px;
	color: var(--c-black);
	font-size: 1.125rem;
}
main {
	flex: 1;
}
.button {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	color: var(--c-white);
	background-color: var(--c-green);
	border: 2px solid var(--c-green);
	padding: 1.25rem 2rem;
	font-size: 1rem;
	font-weight: 500;
	border-radius: 100px;
	transition: background-color .3s ease-in-out, color .3s ease-in-out, .3s ease-in-out border-color;
	line-height: 1;
	cursor: pointer;
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.button--spring-green {
	background-color: var(--c-spring-green);
}
.button--sm {
	padding: .95rem 2rem;
}
.button--outline {
	background-color: transparent;
	border: 2px solid var(--c-dove-grey);
	padding: 1rem 1.5rem;
}
.button--white-outline {
	background-color: transparent;
	border: 2px solid var(--c-white);
	padding: 1rem 1.5rem;
}
.button--outline .button__icon {
	filter: invert(1);
}
.button--form {
	border-radius: 10px;
	background-color: var(--c-spring-green);
	border-color: var(--c-spring-green);
	box-shadow: none;
}
.button--form__arrow {
	width: 17px;
	height: 17px;
	background-image: url('/wp-content/themes/360yyc/img/icon/arrow-left-white.svg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: inline-block;
}
.button--time-constrained-content {
	padding-block: 0;
	height: 64px;
}
.button--socials {
	padding: 0;
	width: 64px;
}
.button:hover {
	background-color: var(--c-white);
	border-color: var(--c-black);
	color: var(--c-black);
}
.button__icon,
.button__icon--no-translate,
.button--form__arrow {
	transition: .3s ease-in-out filter, .3s ease-in-out translate;
}
.button:hover .button__icon,
.button:hover .button--form__arrow {
	filter: invert(1);
	translate: 3px 0;
}
.button:hover .button__icon--no-translate {
	filter: invert(1);
}

.text-selection em {
	color: var(--c-sushi);
}
.text-selection-spring-green em {
	color: var(--c-spring-green);
}
.text-selection-second-service em {
	color: var(--c-second-service);
}
.text-selection-third-service em {
	color: var(--c-third-service);
}
.text-selection-strong strong {
	color: var(--c-azure-27);
}
.text-selection-strong--medium strong {
	font-weight: 600;
}
/* helpers */
.pos-r {
	position: relative;
}
.pos-a {
	position: absolute;
}
.br-8 {
	border-radius: 8px;
}
.br-10 {
	border-radius: 10px;
}
.br-14 {
	border-radius: 14px;
}
.br-circle {
	border-radius: 50%;
}
.c-white {
	color: var(--c-white);
}
.c-green {
	color: var(--c-green);
}
.c-azure-14 {
	color: var(--c-azure-14);
}
.c-catskill-white {
	color: var(--c-catskill-white);
}
.c-dark-grey {
	color: var(--c-dark-grey);
}
.c-mine-shaft {
	color: var(--c-mine-shaft);
}
.c-dove-grey {
	color: var(--c-dove-grey);
}
.c-eden {
	color: var(--c-eden);
}
.c-sushi {
	color: var(--c-sushi);
}
.bg-white {
	background-color: var(--c-white);
}
.bg-athens-grey {
	background-color: var(--c-athens-grey);
}
.bg-blue {
	background-color: var(--c-blue);
}
.box-shadow {
	box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.20);
}
.t-center {
	text-align: center;
}
.d-none {
	display: none;
}
.d-flex {
	display: flex;
	flex-wrap: wrap;
}
.d-inline-flex {
	display: inline-flex;
	flex-wrap: wrap;
}
.d-ib {
	display: inline-block;
}
.is-hidden {
	display: none !important;
}
.fs-0 {
	flex-shrink: 0;
}
.flex-1 {
	flex: 1;
}
.fd-column {
	flex-direction: column;
}
.ai-c {
	align-items: center;
}
.ai-fs {
	align-items: flex-start;
}
.ai-fe {
	align-items: flex-end;
}
.jc-c {
	justify-content: center;
}
.jc-fe {
	justify-content: flex-end;
}
.jc-sb {
	justify-content: space-between;
}
.d-grid {
	display: grid;
}
.grid-cl-2 {
	grid-template-columns: repeat(2, 1fr);
}
.grid-cl-3 {
	grid-template-columns: repeat(3, 1fr);
}
.grid-cl-4 {
	grid-template-columns: repeat(4, 1fr);
}
.fw-nowrap {
	flex-wrap: nowrap;
}
.mi-auto {
	margin-inline: auto;
}
.ml-auto {
	margin-left: auto;
}
.ws-pl,
.ws-pl-md-above {
	white-space: pre-line;
}
.paragraph-space p + p {
	margin-top: 1rem;
}
.mt-8 {
	margin-top: 0.5rem;
}
.mt-14 {
	margin-top: 0.875rem;
}
.mt-16 {
	margin-top: 1rem;
}
.mt-20 {
	margin-top: 1.25rem;
}
.mt-24 {
	margin-top: 1.5rem;
}
.mt-26 {
	margin-top: 1.625rem;
}
.mt-28 {
	margin-top: 1.75rem;
}
.mt-32 {
	margin-top: 2rem;
}
.mt-40 {
	margin-top: 2.5rem;
}
.mt-48 {
	margin-top: 3rem;
}
.mt-56 {
	margin-top: 3.5rem;
}
.mb-10 {
	margin-bottom: 0.625rem;
}
.gap-4 {
	gap: 4px;
}
.gap-16 {
	gap: 1rem;
}
.gap-20 {
	gap: 1.25rem;
}
.gap-24 {
	gap: 1.5rem;
}
.gap-32 {
	gap: 2rem;
}
.gap-40 {
	gap: 2.5rem;
}
.gap-56 {
	gap: 3.5rem;
}
.t-1-ease {
	transition: all .1s ease;
}
.t-3-ease {
	transition: all .3s ease;
}
.pe-none {
	pointer-events: none;
}
.o-hidden {
	overflow: hidden;
}
.w-100 {
	width: 100%;
}
.of-cover {
	object-fit: cover;
}
.pointer {
	cursor: pointer;
}
.layer-front {
	z-index: 1;
}

/* typography */
.fz-h1 {
	font-size: 4.5rem;
	line-height: 1.1;
	font-weight: 500;
	letter-spacing: -1.44%;
}
.fz-h2 {
	font-size: 3.75rem;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: -1.2%;
}
.fz-h3 {
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 600;
}
.fz-h4 {
	font-size: 1.125rem;
	line-height: 1.4;
	font-weight: 700;
}
.fz-p1 {
	font-size: 0.875rem;
	line-height: 1.3;
	font-weight: 300;
}
.fz-p2 {
	font-size: 2rem;
	line-height: 1.2;
	font-weight: 600;
}
.fz-p3 {
	font-size: 1.125rem;
	line-height: 1.4;
	font-weight: 400;
}
.fz-p4 {
	font-size: 1rem;
	line-height: 1.4;
	font-weight: 300;
}
.fz-form1 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.375rem;
	line-height: 1.2;
}
.fw-400 {
	font-weight: 400;
}

/* general */
.section {
	padding: 72px 0;
}
.section.section--top-0 {
	padding-top: 0;
}
.section-title {
	margin: 1rem auto 0;
}
.section-description {
	margin: 1.5rem auto 0;
	max-width: 815px;
	color: var(--c-dove-grey);
	font-size: 1.125rem;
}
.wpcf7-not-valid-tip {
	margin-top: 0.625rem;
}
.wpcf7-spinner {
	display: none;
}

/* booking form */
.iti {
	width: 100%;
}
.iti .iti__flag {
	background-image: url('img/flags.png');
}
.iti .iti__country {
	color: var(--c-black);
	font-size: 16px;
}
.booking-form-wrapper,
.booking-form-wrapper--mobile {
	top: 0;
	right: 0;
	background: linear-gradient(#3333336e, transparent);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.2));
}
.booking-form-wrapper--mobile {
	height: fit-content;
	width: calc(50% - 1rem);
	min-width: 400px;
}
.booking-form__header {
	max-width: calc(390px + 1.5rem);
	padding: 1.5rem 1.5rem 0;
	text-wrap: balance;
}
.booking-form {
	margin: 1.5rem 1.5rem 0;
}
.booking-form-inner {
	padding: 1.5rem;
}
.booking-form-item__text,
.booking-form-item__number {
	color: #0B415C;
}
.booking-form-item .wpcf7-text,
.booking-form-item .wpcf7-textarea {
	width: 100%;
	border: none;
	box-shadow: 0 0 0 2px #42506666;
	border-radius: 8px;
	padding-block: 1.188rem;
	padding-right: 1.188rem;
	filter: drop-shadow(0px 3px 6px rgba(66, 80, 102, 0.1));
}
.booking-form-item:not(:has(.iti--allow-dropdown)) .wpcf7-text {
	padding-left: 1.188rem;
}
.booking-form-item .wpcf7-textarea {
	padding-left: 1.188rem;
	resize: none;
}
.booking-form-item .wpcf7-text:focus-visible,
.booking-form-item .wpcf7-textarea:focus-visible {
	box-shadow: 0 0 0 2px var(--c-spring-green);
	outline: none;
}
.booking-form-wrapper .wpcf7 form.sent .wpcf7-response-output {
	display: none;
}
.booking-form-inner .service-checkboxes {
	padding-top: 0.25rem;
}
.booking-form-inner .service-checkboxes .wpcf7-list-item {
	margin: 0;
	display: flex;
	align-items: center;
}
.booking-form-inner .service-checkboxes .wpcf7-checkbox {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}
.booking-form-inner .service-checkboxes label {
	display: flex;
	align-items: center;
	cursor: pointer;
	width: 100%;
	gap: 0.75rem;
	color: var(--c-black);
}
.booking-form-inner .service-checkboxes input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	width: 32px;
	height: 32px;
	border-radius: 8px;
	cursor: pointer;
	position: relative;
	flex-shrink: 0;
	transition: all 0.3s ease;
	background-color: white;
	margin: 0;
	box-shadow: 0 0 0 2px #42506666;
	filter: drop-shadow(0px 3px 6px rgba(66, 80, 102, 0.1));
}
.booking-form-inner .service-checkboxes input[type="checkbox"]::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url('/wp-content/uploads/2025/09/i-form-check.svg');
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0;
	transition: opacity 0.2s ease;
}
.booking-form-inner .service-checkboxes input[type="checkbox"]:checked::after {
	opacity: 1;
}
.booking-form-inner .service-checkboxes input[type="checkbox"]:focus-visible {
	outline: 2px solid var(--c-spring-green);
	outline-offset: 2px;
}
.booking-form .wpcf7-submit {
	margin-block: -5px 1.5rem;
}

/* about us block */
.about-us__title em {
	color: var(--c-atoll);
}
.about-us__benefit {
	padding: 3rem 1.5rem 1.5rem;
}
.about-us__benefit:hover {
	background-color: var(--c-atoll);
}
.about-us__benefit:hover .about-us__benefit-title {
	color: var(--c-white);
}
.about-us__benefit:hover .about-us__benefit-text {
	color: var(--c-athens-grey);
}

/* offer (big) block */
.offer-big__title em {
	color: var(--c-spring-green);
}
.offer-big__logo-inner {
	width: 300px;
	padding-left: 10px;
}
.offer-big__services {
	grid-template-columns: repeat(3, minmax(200px, 479px));
	justify-content: center;
}
.offer-big__service {
	max-width: 479px;
}
.offer-big__service-header {
	background-color: rgba(255, 255, 255, 0.1);
	padding-inline: 1rem;
	height: 90px;
}
.offer-big__service-header:hover .offer-big__service-header-title {
	color: var(--c-white);
}
.offer-big__service-header--fill .offer-big__service-header-title {
	color: var(--c-white);
}
.offer-big__service-header--fill:hover .offer-big__service-header-title {
	color: var(--c-dark-grey);
}
.offer-big__service-card {
	padding: 3.5rem 1rem 2.5rem;
	box-shadow: inset 0 0 0 2px transparent, 9px 10px 20px -1px rgba(0, 0, 0, 0.2);
}
.offer-big__service-header-icon--background {
	width: 400px;
	opacity: 0.06;
	top: -20%;
	right: 35%;
}
.offer-big__service-item-header {
	max-width: 333px;
	z-index: 1;
}
.offer-big__services-list {
	z-index: 1;
}
.offer-big__service-item-icon {
	filter: brightness(0) saturate(100%) invert(100%);
}
.offer-big__service:nth-child(1) .offer-big__service-header {
	box-shadow: inset 0 0 0 2px var(--c-first-service), 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.offer-big__service:nth-child(1) .offer-big__service-header:hover,
.offer-big__service:nth-child(1) .offer-big__service-header--fill,
.offer-big__service:nth-child(1) .offer-big__service-card {
	background-color: var(--c-first-service);
}
.offer-big__service:nth-child(1) .offer-big__service-card:hover {
	box-shadow: inset 0 0 0 2px var(--c-first-service), 9px 10px 20px -1px rgba(0, 0, 0, 0.2);
	background-color: rgba(255, 255, 255, 0.1);
}
.offer-big__service:nth-child(1) .offer-big__service-card:hover .offer-big__service-item-icon {
	filter: brightness(0) saturate(100%) invert(59%) sepia(17%) saturate(1157%) hue-rotate(92deg) brightness(97%) contrast(87%);
}
.offer-big__service:nth-child(1) .offer-big__service-card:hover .offer-big__service-item-header,
.offer-big__service:nth-child(1) .offer-big__service-card:hover .offer-big__service-item-title {
	color: var(--c-first-service);
}
.offer-big__service:nth-child(2) .offer-big__service-header {
	box-shadow: inset 0 0 0 2px var(--c-second-service), 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.offer-big__service:nth-child(2) .offer-big__service-header:hover,
.offer-big__service:nth-child(2) .offer-big__service-header--fill,
.offer-big__service:nth-child(2) .offer-big__service-card {
	background-color: var(--c-second-service);
}
.offer-big__service:nth-child(2) .offer-big__service-card:hover {
	box-shadow: inset 0 0 0 2px var(--c-second-service), 9px 10px 20px -1px rgba(0, 0, 0, 0.2);
	background-color: rgba(255, 255, 255, 0.1);
}
.offer-big__service:nth-child(2) .offer-big__service-card:hover .offer-big__service-item-icon {
	filter: brightness(0) saturate(100%) invert(42%) sepia(36%) saturate(1347%) hue-rotate(149deg) brightness(95%) contrast(92%);
}
.offer-big__service:nth-child(2) .offer-big__service-card:hover .offer-big__service-item-header,
.offer-big__service:nth-child(2) .offer-big__service-card:hover .offer-big__service-item-title {
	color: var(--c-second-service);
}
.offer-big__service:nth-child(3) .offer-big__service-header {
	box-shadow: inset 0 0 0 2px var(--c-third-service), 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.offer-big__service:nth-child(3) .offer-big__service-header:hover,
.offer-big__service:nth-child(3) .offer-big__service-header--fill {
	background-color: var(--c-third-service);
}
.offer-big__service:nth-child(3) .offer-big__service-card {
	background-color: var(--c-third-service);
}
.offer-big__service:nth-child(3) .offer-big__service-card:hover {
	box-shadow: inset 0 0 0 2px var(--c-third-service), 9px 10px 20px -1px rgba(0, 0, 0, 0.2);
	background-color: rgba(255, 255, 255, 0.1);
}
.offer-big__service:nth-child(3) .offer-big__service-card:hover .offer-big__service-item-icon {
	filter: brightness(0) saturate(100%) invert(26%) sepia(25%) saturate(1456%) hue-rotate(167deg) brightness(95%) contrast(93%);
}
.offer-big__service:nth-child(3) .offer-big__service-card:hover .offer-big__service-item-header,
.offer-big__service:nth-child(3) .offer-big__service-card:hover .offer-big__service-item-title {
	color: var(--c-third-service);
}
.offer-big__service:nth-child(-n+3) .offer-big__service-header--fill:hover {
	background-color: transparent;
}
.quick-support-main .offer-big__services {
	justify-content: space-between;
}
.quick-support-main .offer-big__header {
	display: flex;
	justify-content: space-between;
	gap: 1.5rem 6rem;
}
.quick-support-main .offer-big__label,
.quick-support-main .offer-big__title {
	text-align: left;
}
.quick-support-main .offer-big__description {
	text-align: left;
	max-width: 712px;
	margin: unset;
	flex: 1;
}

/* process block */
.process__steps {
	max-width: 727px;
	gap: 1rem 4.75rem;
}
.process__steps-item:nth-child(1) { order: 1; }
.process__steps-item:nth-child(2) { order: 3; }
.process__steps-item:nth-child(3) { order: 5; }
.process__steps-item:nth-child(4) { order: 2; }
.process__steps-item:nth-child(5) { order: 4; }
.process__steps-item:nth-child(6) { order: 6; }
.process__steps-item-number {
	font-size: 1.5rem;
	line-height: 1;
	min-width: 50px;
	background-color: #082C3E;
}
.process__steps-item-number,
.process__steps-item-title {
	height: 50px;
}
.process__bg-image {
	z-index: -1;
	filter: brightness(0.6);
	top: 0;
	height: 100%;
	object-position: left;
}
.process__booking-form-wrapper {
	width: 31%;
	margin-right: 80px;
}

/* why choose (columns) block */
.why-choose-cols__title em {
	color: var(--c-atoll);
}
.why-choose-cols__content {
	max-width: calc(69% - 80px);
}
.why-choose-cols__card {
	box-shadow: 9px 10px 20px -1px rgba(0, 0, 0, 0.2);
	padding: 1.5rem;
}
.why-choose-cols__column-text {
	margin-bottom: 1.125rem;
}
.why-choose-cols__card-image {
	width: 100%;
	object-fit: cover;
}

/* priority block: from claude */
.priority-section {
	background-color: #f8f9fa;
	padding: 80px 0;
	text-align: center;
}
.priority-section__container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
.priority-section__label {
	color: rgb(0 0 0 / 60%);
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
	padding: 7px 20px;
	background: rgb(81 170 118 / .10);
	border-radius: 200px;
}
.priority-section__title {
	margin-bottom: 40px;
}
.priority-section__features {
	display: flex;
	justify-content: center;
	gap: 1.25rem 3.75rem;
	margin-bottom: 40px;
}
.priority-section__feature {
	display: flex;
	align-items: center;
	gap: 12px;
}
.priority-section__checkmark {
	width: 20px;
	height: 20px;
}
.priority-section__feature-text {
	color: #2c3e50;
	font-size: 16px;
	font-weight: 500;
}
.priority-section__truck-container {
	text-align: center;
}
.priority-section__truck-container--absolute-left {
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	z-index: -1;
}
.priority-section__truck-container--absolute-left .priority-section__truck {
	height: 100%;
}
.priority-section__truck {
	max-width: 500px;
	width: 100%;
	height: auto;
}
.priority-section__truck--static {
	max-height: 400px;
	width: auto;
	max-width: 100%;
	margin-top: 4.5rem;
	margin-left: -80px;
}

/* gallery block */
.gallery {
	background-color: var(--c-tarawera);
	padding: 4rem 0;
}
.gallery__title em {
	color: var(--c-green);
}
.gallery__slider-wrapper {
	margin-top: 3rem;
	position: relative;
}
.gallery__slider {
	overflow: visible;
}
.gallery__slider .splide__track {
	overflow: hidden;
}
.gallery__slider .splide__track,
.gallery__slider .splide__track * {
	cursor: grab;
}
.gallery__slider .splide__track:active,
.gallery__slider .splide__track:active * {
	cursor: grabbing;
}
.gallery__slider .splide__list {
	display: flex;
}
.gallery__slide-image {
	position: relative;
	width: 100%;
	padding-bottom: 75%; /* 4:3 aspect ratio */
	overflow: hidden;
	border-radius: 12px;
}
.gallery__slide-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/* Controls */
.gallery__controls {
	position: absolute;
	top: -4.5rem;
	right: 0;
	display: flex;
	gap: 0.75rem;
	z-index: 10;
}
.gallery__arrow {
	width: 48px;
	height: 48px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-radius: 8px;
	background: transparent;
	color: white;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}
.gallery__arrow:hover {
	border-color: var(--c-green);
	background: rgba(255, 255, 255, 0.1);
}
.gallery__arrow:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}
.gallery__arrow svg {
	width: 24px;
	height: 24px;
}
/* Pagination dots */
.gallery__slider .splide__pagination {
	position: relative;
	bottom: auto;
	margin-top: 2rem;
	padding: 0;
}
.gallery__slider .splide__pagination__page {
	width: 10px;
	height: 10px;
	aspect-ratio: 1 / 1;
	flex: 0 0 auto;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.3);
	border: none;
	border-radius: 50%;
	margin: 0 6px;
	transition: all 0.3s ease;
	cursor: pointer;
	padding: 0;
}
.gallery__slider .splide__pagination__page.is-active {
	background: var(--c-green);
	transform: scale(1.2);
}
@media (max-width: 1200px) {
	.gallery__controls {
		top: -4rem;
	}

	.gallery__arrow {
		width: 44px;
		height: 44px;
	}
}
@media (max-width: 768px) {
	.gallery {
		padding: 3rem 0;
	}

	.gallery__slider-wrapper {
		margin-top: 2rem;
	}

	.gallery__controls {
		position: static;
		justify-content: center;
		margin-top: 1.5rem;
		order: 3;
	}

	.gallery__slider .splide__pagination {
		margin-top: 1.5rem;
	}
}
@media (max-width: 480px) {
	.gallery__arrow {
		width: 40px;
		height: 40px;
	}

	.gallery__arrow svg {
		width: 20px;
		height: 20px;
	}
}

/* contact content block */
.contact-us-main {
	background: #0B415C;
}
.contact-content__container {
	z-index: 1;
}
.contact-content__flex-row {
	gap: 4.5rem;
}
.contact-content__info {
	gap: 4.5rem;
}
.contact-content__info ul li:not(:first-child) {
	margin-top: 1rem;
}
.contact-content__info a:hover {
	text-decoration: underline;
}
.contact-content__info_schedule-list li {
	text-wrap: balance;
}
.contact-content__booking-form-wrapper {
	min-width: 615px;
}
.contact-content__world-map-image {
	top: 25%;
}

/* service guarantee block */
.service-guarantee__content {
	margin-inline: auto;
	max-width: 574px;
}
.service-guarantee__title {
	color: #B3B9C2;
}
.service-guarantee__title em {
	color: var(--c-white);
}
.service-guarantee__title span {
	color: var(--c-spring-green);
}
.service-guarantee__flex-row {
	gap: 4.5rem;
}
.service-guarantee__flex-row img {
	width: 194px;
}
.service-guarantee__description {
	color: #B3B9C2;
}
.service-guarantee__description strong {
	color: var(--c-white);
}

/* availability block */
.availability {
	padding-bottom: 3rem;
}
.availability__list {
	gap: 5.5rem;
	background-color: var(--c-spring-green);
	width: fit-content;
	padding: 1rem;
	border-radius: 100px;
}
.availability__list-item {
	gap: 0.5rem;
}
.availability__list-item-title {
	color: var(--c-athens-grey);
	font-size: 1rem;
	line-height: 1.25;
	font-family: 'Roboto', sans-serif;
	white-space: nowrap;
}

/* time-constrained block */
.time-constrained__title em {
	color: var(--c-atoll);
}
.time-constrained__content {
	max-width: 800px;
}
.time-constrained__buttons {
	gap: 1.25rem 2rem;
}
.time-constrained__booking-form-wrapper {
	max-width: 747px;
	background: linear-gradient(#0b415cbd, transparent);
}
.time-constrained .booking-form .wpcf7-submit,
.contact-content .booking-form .wpcf7-submit {
	margin-block: 2rem 1.5rem;
}

/* Breadcrumbs */
.breadcrumbs {
	--breadcrumbs-color: var(--c-white);
	--breadcrumbs-color-alt: var(--c-dark-grey);
	position: relative;
	z-index: 1;
}
.breadcrumbs a {
	color: var(--c-green);
	transition: color 0.3s ease-in-out;
	text-decoration: none;
}
.breadcrumbs a:hover {
	color: var(--breadcrumbs-color);
}
.breadcrumbs > span {
	color: var(--c-green);
}
.breadcrumbs span[aria-current] {
	color: var(--breadcrumbs-color);
}
.breadcrumbs--alt-color span:last-child,
.breadcrumbs--alt-color a:hover {
	color: var(--breadcrumbs-color-alt);
}

/* hero front page block */
.hero {
	background: linear-gradient(180deg, #0F577B, #0D4968);
	z-index: 0;
}
.hero__content-container {
	width: 50%;
	margin-left: 0;
	padding-left: 0;
	max-width: calc(722px + 160px);
}
.hero__title {
	text-wrap: balance;
}
.hero__text {
	font-weight: 300;
}
.hero__content-buttons {
	margin-top: 6rem;
}
.hero__image-wrapper {
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.hero__image-wrapper_button {
	max-width: 294px;
	padding: 0.875rem;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
	background: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
	filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.2));
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
}
.hero__image-wrapper_button:hover {
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.9);
	background: linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2));
	filter: drop-shadow(6px 6px 12px rgba(0, 0, 0, 0.3));
	backdrop-filter: blur(7px);
	-webkit-backdrop-filter: blur(7px);
	transform: translateY(-3px);
}
.hero__image {
	top: 0;
	right: 0;
	height: 100%;
	z-index: -1;
	width: 50%;
	filter: brightness(0.75);
}

/* Hero Page */
.hero-page {
	z-index: 1;
}
.hero-page-title br {
	display: none;
}
.hero-page-title p {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 0.75rem;
}
.hero-page-title em {
	display: inline-flex;
	align-items: baseline;
	gap: 0.75rem;
	white-space: nowrap;
}
.hero-page-title__icon {
	flex-shrink: 0;
	align-self: flex-start;
}
.hero-page__container {
	display: grid;
	grid-template-columns: 1fr 400px 1fr;
	align-items: flex-end;
	gap: 2rem;
}
.hero-page__center {
	max-width: 404px;
	width: 100%;
}
.hero-page::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(95deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.00) 101.1%), 50% / cover no-repeat;
	z-index: -1;
}
.hero-page__text {
	max-width: 529px;
}
.hero-page-slide-item {
	width: 64px;
	aspect-ratio: 1 / 1;
	border: 1px solid transparent;
	transition: .3s ease-in-out border, .3s ease-in-out box-shadow;
	cursor: pointer;
}
.hero-page-slide-item:hover,
.hero-page-slide-item.is-active {
	border: 1px solid var(--c-white);
	box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.20);
}
.hero-page-slide-item__image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}
.hero-page-form-group {
	z-index: 1;
	padding: 1.15rem;
}
.hero-page-form-group::after {
	position: absolute;
	content: "";
	inset: 0;
	border: 1px solid rgba(255, 255, 255, 0.80);
	background: linear-gradient(180deg, rgba(51, 51, 51, 0.60) 0%, rgba(51, 51, 51, 0.00) 100%);
	box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.20);
	backdrop-filter: blur(2.5px);
	z-index: -1;
	border-radius: inherit;
}

/* Step Form */
.step-form-info,
.step-form-body {
	padding: 1rem;
}
.step-navs.is-absolute {
	position: absolute;
	left: 16px;
	top: 206px;
}
.step-nav {
	border-radius: 8px;
	padding: 1rem;
}
.step-form-body {
	display: flex;
	gap: 12px;
}
.hero-page-form-group {
	max-width: 510px;
	margin-inline: auto;
}
.step-form-subtitle {
	padding-bottom: 6px;
	border-bottom: 1px solid var(--c-green);
}
.step-form-head {
	padding-top: 10px;
}

.form-row {
	--font-size: 16px;
	--padding-form: 1rem;
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: var(--padding-form);
}
.form-item {
	width: 100%;
	display: block;
}
.form-item--w50 {
	max-width: calc(50% - var(--padding-form) / 2);
}
.form-item :where(input, textarea) {
	width: 100%;
	font-size: 1rem;
	padding: .75rem 1rem;
	color: var(--c-black);
	border-radius: 4px;
	border: 1.597px solid rgba(66, 80, 102, 0.40);
	background: #FFF;
	box-shadow: 0 3.193px 6.386px 0 rgba(66, 80, 102, 0.10);
}
.form-item :where(input, textarea)::placeholder {
	color: var(--c-black);
	opacity: .4;
}
.form-item textarea {
	max-height: 100px;
	resize: none;
}
.form-item.has-error :where(input, textarea) {
	border-color: var(--c-red);
	color: var(--c-red);
}
.form-item.has-error :where(input, textarea)::placeholder {
	color: var(--c-red);
	opacity: .75
}

.step-form-stage:not([data-js-step-form-stage="is-active"]),
.step-form-head__item:not([data-js-step-form-nav-item="is-active"]) {
	display: none;
}

/* Custom Dropdown */
.custom-dropdown {
	position: relative;
	display: block;
	vertical-align: middle;
	margin-top: 0;
	flex: 1;
	width: 100%;
	z-index: 1;
}

.custom-dropdown select {
	cursor: pointer;
	outline: var(--c-white);
	width: 100%;
	margin: 0;
	padding: .75rem 1rem;
	color: var(--c-black);
	border-radius: 4px;
	border: 1.597px solid rgba(66, 80, 102, 0.40);
	background-color: var(--c-white);
	box-shadow: 0 3.193px 6.386px 0 rgba(66, 80, 102, 0.10);
	/*text-overflow: '';*/
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.custom-dropdown select:invalid {
	color: var(--c-red);
}

.custom-dropdown::after {
	content: "";
	position: absolute;
	right: 4px;
	top: 50%;
	translate: -50% -50%;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 6px 0 5px;
	border-color: var(--c-black) transparent transparent transparent;
	border-radius: 4px;
	transition: rotate 0.15s ease-in-out;
}

.custom-dropdown:focus-within::after {
	rotate: 180deg;
}

.has-error .custom-dropdown select {
	border-color: var(--c-red);
	color: var(--c-red);
}


/* FAQs With Image */
.faqs-with-image-gallery{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2rem;
}
.faqs-with-image-gallery__item::after {
	content: "";
	inset: 0;
	position: absolute;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), 50% / cover no-repeat;
	border-radius: inherit;
}
.faqs-with-image__row {
	display: grid;
	align-items: flex-start;
	grid-template-columns: 46fr 54fr;
	gap: 1.5rem 5rem;
}

.accordion {
	position: relative;
	padding-bottom: 24px;
}
.accordion__content {
	display: grid;
	grid-template-rows: 0fr;
	transition-duration: 0.3s;
}
.accordion__details {
	padding-bottom: 1.5rem;
	border-bottom: 1px solid;
	transition: .3s ease-in-out color;
}
.accordion__details[open] + .accordion__content {
	grid-template-rows: 1fr;
}
.accordion__details:hover .accordion__icon,
.accordion__details[open] .accordion__icon {
	filter: invert(57%) sepia(2%) saturate(1183%) hue-rotate(120deg) brightness(146%) contrast(45%);
}
.accordion__details.--second-service:hover .accordion__icon,
.accordion__details.--second-service[open] .accordion__icon {
	filter: invert(37%) sepia(53%) saturate(600%) hue-rotate(146deg) brightness(83%) contrast(81%);
}
.accordion__details.--third-service:hover .accordion__icon,
.accordion__details.--third-service[open] .accordion__icon {
	filter: brightness(128%) saturate(142%) hue-rotate(1deg);
}
.accordion__details:hover,
.accordion__details[open] {
	color: var(--c-first-service);
}
.accordion__details.--second-service:hover,
.accordion__details.--second-service[open] {
	color: var(--c-second-service);
}
.accordion__details.--third-service:hover,
.accordion__details.--third-service[open] {
	color: var(--c-third-service);
}
.accordion__details--white:hover,
.accordion__details--white[open] {
	color: var(--c-white);
}
.accordion__details[open]  .accordion__indicator {
	rotate: 90deg;
}
.accordion__content-body {
	padding-top: 1.5rem;
}
.accordion__content-inner {
	overflow: hidden;
}
.accordion__summary {
	list-style: none;
}
.accordion__icon {
	width: 2.75rem;
	height: auto;
}
.accordion__indicator {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, 0.80);
	background: linear-gradient(92deg, rgba(255, 255, 255, 0.30) -55.14%, rgba(255, 255, 255, 0.00) 51.88%);
	box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.20);
	backdrop-filter: blur(2.5px);
	transition: .3s ease-in-out rotate;
}

/* list-marker */
.list-marker {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem 3rem;
}
.list-marker--2-column {
	grid-template-columns: 1fr 1fr;
}
.list-marker-item {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	font-weight: 600;
	color: #2c3e50;
	margin-bottom: 8px;
}
.list-marker-item::before {
	content: '';
	width: 46px;
	height: 32px;
	background: url("/wp-content/themes/360yyc/img/icon/check-mark-green.svg") no-repeat center / contain;
	flex-shrink: 0;
}

/* FAQs */
.faq__container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 2rem;
}
.faq-list-group {
	max-width: calc(50% - 1rem);
}
.faq-contact {
	padding: 2.5rem 2rem 2rem;
	box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.20);
}
.faq__button {
	border-radius: 10px;
}

/* Header */
header {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 3;
	width: 100%;
	transition: all .4s ease-in;
	background-color: var(--c-tarawera);
	padding-block: .875rem;
}
.header__logo-image {
	height: 62px;
	width: 100%;
}
.header-menu__container {
	display: flex;
	align-items: center;
	gap: 10px;
}
.header__overlay-menu-dialog {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--c-green);
	border: none;
	transition: .3s ease-in-out all;
	transition-behavior: allow-discrete;
}
.header__overlay-menu-dialog-inner {
	display: grid;
	align-items: flex-start;
	grid-template-columns: auto 1fr auto;
	width: 100%;
	max-width: calc(1760px + var(--container-padding-x) * 2);
	margin-inline: auto ;
	row-gap: 16px;
	padding-top: calc(var(--container-padding-x) + 1.5rem);
	padding-bottom: var(--container-padding-x);
}
.header__overlay-menu-dialog-inner:before {
	content: "";
}
.header__overlay-menu-dialog[open] {
	display: grid;
	@starting-style {
		opacity: 0;
		translate: 0 -50%;
	}
}
.header__overlay-menu-dialog:not([open]) {
	opacity: 0;
	translate: 0 -50%;
}
.burger-menu {
	display: flex;
	flex-direction: column;
	gap: 6px;
	font-size: 1rem;
	font-weight: 500;
	border-radius: 100px;
	padding: .4rem 2rem;
	background-color: var(--c-green);
	color: var(--c-white);
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.burger-menu__item {
	height: 1px;
	width: 100%;
	background: var(--c-white);
}
.burger-menu__text {
	transition: .3s ease-in-out opacity;
}
.burger-menu .burger-menu__item {
	transition: .3s ease-in-out transform;
}
.burger-menu.is-active .burger-menu__item--middle {
	transform: rotate(-45deg) translate(10px, -5px);
}
.burger-menu.is-active .burger-menu__item--bottom {
	transform: rotate(45deg) translate(-10px, -13px);
}
.burger-menu.is-active .burger-menu__text{
	opacity: 0;
}
.menu-header {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	flex-wrap: wrap;
	gap: 2rem;
	color: var(--c-white);
}
.menu-header .sub-menu {
	margin-top: 1.125rem;
}
header .sub-menu {
	display: flex;
	flex-direction: column;
	gap: .75rem;
}
header .sub-menu :where(.--yard-maintenance, .--exterior-maintenance, .--safety-systems-maintenance) {
	display: flex;
	gap: 16px;
	align-items: center;
}
header .sub-menu :where(.--yard-maintenance, .--exterior-maintenance, .--safety-systems-maintenance)::before {
	content: "";
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	flex-shrink: 0;
}

header .sub-menu .--yard-maintenance::before {
	background-image: url("/wp-content/themes/360yyc/img/icon/yard-icon.svg");
}
header .sub-menu .--exterior-maintenance::before {
	background-image: url("/wp-content/themes/360yyc/img/icon/exterior-icon.svg");
}
header .sub-menu .--safety-systems-maintenance::before {
	background-image: url("/wp-content/themes/360yyc/img/icon/search-icon.svg");
}
.menu-header > .menu-item > a {
	font-weight: 600;
}
.custom-link {
	display: inline-block;
	color: var(--c-white);
	border-bottom: 1px solid;
	padding-bottom: 1px;
	transition: .3s ease-in-out border-bottom-color;
	cursor: pointer;
}
.custom-link:hover {
	border-bottom-color: transparent;
}
button.custom-link {
	outline: unset;
	background-color: transparent;
	border: unset;
	border-bottom: 1px solid;
}
.button-toolbar.is-expanded {
	background-color: var(--c-green);
}
.button-toolbar.is-expanded .button-toolbar__text {
	color: var(--c-white);
	opacity: .65;
}
.button-toolbar.is-expanded .button__icon {
	display: none;
}
.button-toolbar__expand {
	display: none;
}
.button-toolbar.is-expanded .button-toolbar__expand {
	display: flex;
}
.button-toolbar__close {
	width: 20px;
}
.button-toolbar-support-group {
	margin-bottom: -100%;
	max-width: 281px;
	width: 100%;
	height: fit-content;
}
.button-toolbar-support {
	padding: 4px .5rem 1.25rem;
	background-color: var(--c-green);
	color: var(--c-white);
	font-size: 1.5rem;
	font-weight: 600;
	border-radius: 0 0 10px 10px;
}
.button-toolbar-support__close {
	position: relative;
	background-color: var(--c-green);
	padding: 0 24px 4px;
	margin: -4px auto 0;
	border-radius: 0 0 4px 4px;
}
.button-toolbar-support__close-icon {
	transition: .3s ease-in-out rotate;
}
.button-toolbar-support__expand {
	display: none;
	font-size: 14px;
	cursor: auto;
}
.button-toolbar-support__expand .custom-link,
.button-toolbar-support__expand .button-open-popup-form {
	font-weight: 400;
	text-align: left;
	padding: 0;
}
.button-toolbar-support-group.is-expanded .button-toolbar-support__expand {
	display: flex;
	flex-direction: column;
	gap: 16px;
	align-items: flex-start;
	padding: 1rem .75rem;
}
.is-expanded .button-toolbar-support__close-icon {
	rotate: 180deg;
}

/* footer */
.footer {
	background-color: #0B415C;
	padding-top: 4.25rem;
}
.footer--contact-us {
	padding-block: 0 72px;
}
.footer-top__container,
.footer__content {
	gap: 3rem 4.5rem;
}
.footer__logo-link {
	display: block;
	width: fit-content;
}
.footer__logo {
	min-width: 254px;
}
.footer-column__title {
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.25;
}
.footer-column__home .footer-column__title:hover {
	text-decoration: underline;
}
.footer-column__services {
	min-width: 150px;
}
.footer-column__about {
	min-width: 99px;
}
.footer-column__working-hours {
	min-width: 143px;
}
.footer-column__working-hours .footer-column__list-item {
	text-wrap: balance;
}
.footer-column__list :where(.--yard-maintenance, .--exterior-maintenance, .--safety-systems-maintenance)::before {
	content: "";
	width: 26px;
	height: 26px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	flex-shrink: 0;
}
.footer-column__list-item.--yard-maintenance::before {
	background-image: url("/wp-content/themes/360yyc/img/icon/yard-icon-atoll.svg");
}
.footer-column__list-item.--exterior-maintenance::before {
	background-image: url("/wp-content/themes/360yyc/img/icon/exterior-icon.svg");
}
.footer-column__list-item.--safety-systems-maintenance::before {
	background-image: url("/wp-content/themes/360yyc/img/icon/search-icon.svg");
}
.footer-column__list-item:not(:first-child) {
	margin-top: 1rem;
}
.footer-column__list-item .button--socials {
	width: 40px;
	height: 40px;
	padding: 0;
}
.footer-column__list-item-link:hover {
	text-decoration: underline;
}
.footer-separator {
	height: 1px;
	background-color: var(--c-catskill-white);
	margin-block: 2.5rem;
}
.footer-bottom {
	font-size: 0.875rem;
	line-height: 1.4;
}
.footer-bottom__container {
	gap: 1rem 4.5rem;
}
.footer-bottom__copyright strong {
	font-weight: 700;
}
.footer-bottom__copyright em {
	font-family: 'Bauhaus-93-Regular', sans-serif;
	font-style: normal;
	font-size: 1rem;
}
.footer-bottom__copyright em:hover,
.footer-bottom__link {
	text-decoration: underline;
}

/*popup*/
.popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99;
	padding: 4rem 2rem 2rem;
	max-width: 926px;
	width: calc(100% - 30px);
	max-height: calc(100% - 30px);
	min-height: 305px;
	background-color: var(--c-white);
	border-radius: 8px;
	border: 1px solid var(--c-dark-grey);
	box-shadow: 0 0 29px rgba(0, 0, 0, 0.25);
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.popup.--show {
	opacity: 1;
	visibility: visible;
}
.popup__overlay {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.7);
	z-index: 98;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.popup__overlay.--show {
	opacity: 1;
	visibility: visible;
}
.popup__close {
	position: absolute;
	top: 28px;
	right: 28px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	z-index: 3;
}

.popup__close::before,
.popup__close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: var(--c-black);
	transition: background-color 0.2s ease-in-out;
}

.popup__close::before {
	transform: translateY(-50%) rotate(45deg);
}

.popup__close::after {
	transform: translateY(-50%) rotate(-45deg);
}

.popup__close:hover::before,
.popup__close:hover::after {
	background-color: var(--c-dark-grey);
}

/* thank you */
.thank-you-heading__description p:has(em) {
	padding-bottom: 0.25rem;
}
.thank-you-heading__description p em {
	font-style: normal;
}
.thank-you-content ul {
	list-style: disc;
	padding-left: 20px;
}
.thank-you-heading__title {
	text-align: center;
	max-width: 700px;
	margin-inline: auto;
}
.thank-you-heading__description p:not(:has(em)):not(:last-child) {
	padding-bottom: 0.2rem;
}
.thank-you-content {
	margin-top: 3rem;
}
.thank-you-content p,
.thank-you-content ul {
	margin-top: 1.5rem;
}

/* 404 */
.page-404-php {
	width: 100%;
	text-align: center;
	display: flex;
	align-items: center;
	padding-bottom: 0;
	background-color: var(--c-blue);
	color: var(--c-white);
	position: relative;
	z-index: 0;
	min-height: 50vh;
}
.page-404-php .section {
	position: relative;
	z-index: 3;
}
.page-404-php .content {
	text-align: left;
}
.page-404-php .title {
	font-size: 94px;
	margin-bottom: 0;
}
.page-404-php .text {
	font-size: 28px;
	margin-top: 0;
	margin-bottom: 3rem;
}
.page-404-php .inner {
	display: flex;
	align-items: flex-end;
}

/* privacy policy */
.privacy-policy-content ul {
	list-style: disc;
	padding-left: 20px;
}
.privacy-policy-content {
	margin-top: 2rem;
}
.privacy-policy-content p,
.privacy-policy-content ul,
.privacy-policy-content h2 {
	margin-top: 1rem;
}

@media (max-width: 1768px) {
	.offer-big__services {
		gap: 2.5rem;
	}
	.offer-big__service {
		gap: 2rem;
	}
}

@media (max-width: 1440px) {
	.container {
		padding: 0 40px;
	}
	.hero__content-container {
		padding-left: 0;
	}

	.fz-h1 {
		font-size: 4.25rem;
	}
	.fz-form1 {
		font-size: 1.125rem;
	}

	.process__steps {
		gap: 1rem;
	}

	.process__booking-form-wrapper {
		margin-right: 40px;
	}
	.booking-form-item .wpcf7-text,
	.booking-form-item .wpcf7-textarea {
		padding-block: 1rem;
	}
	.booking-form-inner .service-checkboxes input[type="checkbox"] {
		width: 25px;
		height: 25px;
	}

	.why-choose-cols__content {
		max-width: calc(69% - 60px);
	}
	.hero-page__container {
		grid-template-columns: 1fr 320px 1fr;
	}

	.priority-section__truck--static {
		margin-left: -40px;
	}

	.contact-content__info {
		gap: 3rem;
	}

	.footer__content {
		gap: 3rem;
	}
}

@media (min-width: 1281px) and (max-width: 1768px) {
	.offer-big__service:last-child .offer-big__service-header-title {
		max-width: 204px;
	}
}

@media (max-width: 1280px) {
	.about-us__benefits {
		grid-template-columns: repeat(2, 1fr);
		margin-top: 2.25rem;
	}

	.offer-big__services {
		grid-template-columns: repeat(2, 1fr);
	}
	.offer-big__service {
		max-width: 100%;
	}
	.offer-big__service:last-child {
		width: 55%;
		grid-column: 1 / -1;
		justify-self: center;
	}
	.offer-big__service-card {
		padding: 2.5rem 1rem;
	}
	.offer-big__services-list {
		gap: 1.5rem;
		margin-top: 1.5rem;
	}
	.quick-support-main .offer-big__header {
		flex-direction: column;
	}
	.quick-support-main .offer-big__description {
		 max-width: 100%;
	}

	.time-constrained__buttons {
		gap: 1.25rem;
	}

	.process__bg-image {
		object-position: 20%;
	}

	.booking-form-wrapper--mobile {
		display: block;
	}
	.process__booking-form-wrapper {
		display: none;
	}
	.booking-form-wrapper--mobile .booking-form__header em {
		color: var(--c-atoll);
	}

	.why-choose-cols__content-wrapper {
		gap: 1.5rem;
	}
	.why-choose-cols__content {
		width: calc(50% - 1rem);
		flex-direction: column;
	}
	.why-choose-cols__card {
		padding: 1rem;
	}
	.why-choose-cols__card-title {
		margin-top: 1rem;
	}
	.why-choose-cols__card-list-item {
		gap: 0.5rem;
	}
	.why-choose-cols__card-list-item-icon {
		width: 25px;
	}
	.hero-page__container {
		grid-template-columns: 1fr 1fr;
	}
	.hero-page__center {
		order: 1;
	}
	.button-toolbar.is-expanded .button-toolbar__text {
		display: none;
	}

	.contact-content__info {
		flex-wrap: wrap;
	}
	.contact-content__world-map-image {
		top: 35%;
	}

	.footer-top__container {
		flex-wrap: wrap;
	}
}

@media (max-width: 1024px) {
	.container {
		padding: 0 30px;
	}
	.hero__content-container {
		padding-left: 0;
	}
	.section {
		padding: 30px 0;
	}
	.footer--contact-us {
		padding: 0 0 30px;
	}

	.fz-h1 {
		font-size: 3.5rem;
	}
	.fz-h2 {
		font-size: 3rem;
	}
	.fz-h3 {
		font-size: 1.25rem;
	}
	.fz-h4 {
		font-size: 1rem;
	}
	.fz-p2 {
		font-size: 1.5rem;
	}
	.fz-p3 {
		font-size: 1rem;
	}

	.section-title {
		margin-top: 0.5rem;
	}
	.section-description {
		font-size: 1rem;
	}

	.hero::after {
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(95deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.00) 101.1%), 50% / cover no-repeat;
		z-index: -1;
	}
	.hero__content-container {
		width: calc(100% - 277px);
		max-width: 580px;
	}
	.hero__title {
		margin-top: 1.5rem;
	}
	.hero__content-buttons {
		margin-top: 3rem;
	}
	.hero__image {
		filter: none;
		width: 100%;
	}
	.hero__image-wrapper_button {
		max-width: 250px;
	}

	.offer-big__services {
		margin-top: 2rem;
	}

	.process__bg-image {
		object-position: 30%;
		filter: brightness(0.3);
	}
	.faqs-with-image__row {
		grid-template-columns: 1fr;
	}
	.faqs-with-image-gallery {
		gap: 1rem;
	}
	.button-toolbar {
		display: none;
	}
	.burger-menu {
		margin-left: auto;
	}

	.priority-section__truck--static {
		margin: 3rem 0 0;
	}

	.contact-content__flex-row {
		gap: 3rem;
	}
	.contact-content__booking-form-wrapper {
		min-width: 100%;
	}

	.service-guarantee__title {
		text-align: center;
	}

	.footer__content {
		flex-wrap: wrap;
		gap: 3rem 4.5rem;
	}
}

@media (min-width: 769px) and (max-width: 1024px),
	   (min-width: 1281px) and (max-width: 1768px) {
	.offer-big__services {
		gap: 1.75rem;
	}
	.offer-big__service {
		gap: 1.5rem;
	}
	.offer-big__services-list {
		gap: 1rem;
	}
	.offer-big__service-item {
		gap: 0.5rem;
	}
}

@media (min-width: 769px) and (max-width: 1024px),
	   (max-width: 480px) {
	.offer-big__service:last-child .offer-big__service-header-title {
		max-width: 170px;
	}
}

@media (max-width: 768px) {
	.button {
		padding: 1rem 1.5rem;
	}
	.button--outline {
		padding: 0.75rem 1rem;
	}
	.button--socials {
		padding: 0;
	}
	.step-nav {
		padding: 1rem;
	}

	.fz-h1 {
		font-size: 3rem;
	}
	.fz-h2 {
		font-size: 2rem;
	}

	.hero::after {
		background: linear-gradient(95deg, rgba(0, 0, 0, 0.64) 0%, rgba(0, 0, 0, 0.22) 101.1%), 50% / cover no-repeat;
	}
	.hero__content-container {
		width: 100%;
		max-width: 100%;
	}
	.hero__title {
		max-width: 450px;
	}
	.hero__image-wrapper {
		display: none;
	}
	.hero-page-title p {
		gap: 0.25rem 0.5rem;
	}

	.about-us__benefits {
		grid-template-columns: 1fr;
	}
	.about-us__benefit-text {
		margin-top: 1rem;
	}

	.offer-big__logo-inner {
		width: 250px;
	}
	.offer-big__service-header {
		height: 75px;
	}
	.offer-big__service-header-icon {
		width: 38px;
	}
	.offer-big__services {
		grid-template-columns: 1fr;
	}
	.offer-big__service:last-child {
		width: 100%;
	}

	.process__steps-item-number,
	.process__steps-item-title {
		height: 40px;
	}
	.process__steps-item-number {
		min-width: 40px;
		font-size: 1.25rem;
	}
	.process__steps-item-title {
		height: auto;
		margin-bottom: 0.5rem;
	}
	.process__bg-image {
		object-position: 50%;
	}
	.list-marker-item {
		gap: 14px;
	}
	.list-marker--2-column {
		grid-template-columns: 1fr;
	}
	.list-marker-item::before {
		width: 36px;
		height: 26px;
	}
	.why-choose-cols__content-wrapper {
		flex-direction: column;
	}
	.why-choose-cols__content {
		max-width: 100%;
		width: 100%;
	}
	.booking-form-wrapper--mobile {
		width: 100%;
	}
	.why-choose-cols__card-image {
		max-height: 350px;
	}
	.faq__container,
	.priority-section__features {
		flex-direction: column;
	}
	.priority-section__features {
		align-items: center;
	}
	.priority-section__feature {
		width: 158px;
	}
	.w-100-md {
		width: 100%;
	}
	.faq-list-group {
		max-width: 100%;
	}
	.ws-pl-md-above {
		white-space: unset;
	}
	.priority-section__truck-container--absolute-left {
		left: -11%;
		top: 34%;
		width: 266px;
		opacity: .4;
		height: auto;
	}
	.hero-page__container {
		grid-template-columns: 1fr;
	}
	.faqs-with-image-gallery__item,
	.faqs-with-image-gallery__image {
		border-radius: 8px;
	}
	.faqs-with-image-gallery {
		gap: .75rem;
	}
	.popup {
		padding: 3rem 1.5rem 1.5rem;
	}
	.header__overlay-menu-dialog-inner {
		grid-template-columns: 1fr;
	}
	.header__overlay-menu-dialog-inner:before {
		content: none;
	}
	.menu-header {
		flex-direction: column;
		gap: 1rem;
	}
	.header__logo-image {
		height: 48px;
	}
	.button-toolbar-support-group {
		margin: 20px 0 0;
		max-width: 100%;
	}
	.button-toolbar__text {
		text-align: left;
	}
	.button-toolbar-support__expand {
		display: flex;
		flex-direction: column;
		gap: 16px;
		align-items: flex-start;
		margin-top: 16px;
	}
	.button-toolbar-support {
		padding: 0;
	}
	.button-toolbar-support__close {
		display: none;
	}
	.header__overlay-menu-dialog-inner {
		display: contents;
	}
	.header__overlay-menu-dialog {
		padding: 90px 20px 20px;
		height: 100vh;
		align-items: baseline;
		overflow: auto;
	}
	.header__overlay-menu-dialog::before {
		content: '';
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 90px;
		background-color: var(--c-green);
	}
	.menu-header__button {
		order: 1;
		margin-top: 40px;
	}
	.burger-menu {
		font-size: 14px;
		padding: .3rem 1.5rem;
	}

	.time-constrained__booking-form-wrapper {
		max-width: 100%;
	}

	.contact-content__info {
		gap: 2rem 3rem;
	}

	.service-guarantee__flex-row {
		gap: 2.5rem;
	}
	.service-guarantee__flex-row img {
		width: 140px;
	}

	.availability__list {
		gap: 1rem;
	}
	.availability__list-item-icon {
		width: 20px;
	}
	.availability__list-item-title {
		font-size: 0.938rem;
	}

	.footer-separator {
		margin-block: 2rem;
	}
	.footer-bottom__copyright {
		text-wrap: balance;
		text-align: center;
		margin-inline: auto;
	}
	.footer-bottom__links {
		margin-inline: auto;
	}
}

@media (max-width: 480px) {
	.container {
		padding: 0 20px;
	}
	.hero__content-container {
		padding-left: 0;
	}

	.fz-h1 {
		font-size: 2.5rem;
	}
	.fz-p3,
	.fz-p4,
	.fz-form1 {
		font-size: 0.938rem;
	}

	.section-description {
		font-size: 0.938rem;
		margin-top: 1rem;
	}

	.hero__content-buttons {
		margin-top: 2.5rem;
	}

	.about-us__benefit {
		padding: 2rem 1.25rem 1.5rem;
	}

	.offer-big__service-header {
		gap: 1rem;
	}
	.offer-big__service-card {
		padding: 1.5rem 1rem;
	}
	.offer-big__services-list {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
	.offer-big__service-item-icon {
		width: 36px;
	}

	.process__steps {
		grid-template-columns: 1fr;
	}
	.process__steps-item:nth-child(2) { order: 2; }
	.process__steps-item:nth-child(3) { order: 3; }
	.process__steps-item:nth-child(4) { order: 4; }
	.process__steps-item:nth-child(5) { order: 5; }

	.booking-form {
		margin: 1rem 1rem 0;
	}
	.booking-form-inner {
		padding: 1rem;
	}
	.process__booking-form-wrapper .booking-form-inner,
	.booking-form-wrapper--mobile .booking-form-inner {
		padding: 1rem 1rem 1.5rem;
	}
	.booking-form__header {
		padding: 1rem 1rem 0;
	}
	.booking-form-wrapper--mobile {
		min-width: auto;
	}
	.booking-form .recaptcha {
		transform-origin: left top;
		transform: scale(0.86);
	}
	.booking-form-item:not(:has(.iti--allow-dropdown)) .wpcf7-text,
	.booking-form-item .wpcf7-textarea {
		padding-left: 0.938rem;
	}
	.booking-form-item .wpcf7-text, .booking-form-item .wpcf7-textarea {
		padding-block: 0.875rem;
	}
	.booking-form-inner .service-checkboxes input[type="checkbox"] {
		width: 22px;
		height: 22px;
		border-radius: 6px;
	}
	.booking-form-inner .service-checkboxes input[type="checkbox"]::after {
		background-size: 24px;
	}
	.w-100-xs {
		width: 100%;
	}
	.form-item--w50 {
		max-width: 100%;
	}

	.availability__list {
		gap: 0.5rem;
		padding: 0.75rem;
	}
	.availability__list-item {
		gap: 0.25rem;
	}
	.availability__list-item-icon {
		width: 16px;
	}
	.availability__list-item-title {
		font-size: 0.75rem;
	}

	.footer-top__container,
	.footer__content {
		gap: 2rem;
	}
	.footer-column {
		min-width: 100%;
	}
	.footer-column__list {
		margin-top: 1rem;
	}
}

@media (max-width: 374px) {
	.booking-form .recaptcha {
		transform: scale(0.7);
	}

	.availability__list {
		flex-wrap: wrap;
		background-color: transparent;
		padding: 0;
		margin: 0;
	}
	.availability__list-item {
		width: 100%;
	}
}