/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 27 2026 | 16:53:35 */
/* Custom Blocks 

1. Header Image
2. Cover Section
3. Icon Slider
4. Services Slider
5. Flexible Image and Text
6. Image and Block Overlay
7. Insights Slider
8. Text Slider And Image
9. Coverage
10. Our Team
11. Icon Columns
12. Map Section
13. Our Careers
14. Image Text Loop
*/ 



/* 1. BLOCK - Header Image */

.block-header-image .wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow, .block-cover-section .wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow {
	max-width: 1000px;
}

@media (max-width: 781px) {
	.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.contact-map {
		min-height: 100vw;
	}
	.block-map-section .mm-contact-details {
		justify-content: center !important;
		flex-wrap: wrap;
		font-size: 14px;
		text-align: center;
		width: 100%;
		margin-bottom: 50px;
	}
	.block-map-section .mm-detail {
		padding-left: 0 !important;
		flex-basis: 100%;
		margin-top: 60px;
	}
	.block-map-section .mm-detail::before {
		left: 50% !important;
    	top: -20px !important;
		margin-left: -15px;
	}
}

/* --- */


/* 2. BLOCK - Cover Section */

.block-cover-section.wp-block-cover {
	margin-top:0;
	padding-top:48px;
	padding-right:48px;
	padding-bottom:48px;
	padding-left:48px;
	min-height:auto;
	aspect-ratio:unset;
}

.block-cover-section.wp-block-cover.textTitle {
	min-height:450px;
}

.wp-block-cover__inner-container.testimonial-outer {
	margin-top: 0;
    padding-top: 48px;
    padding-right: 5%;
    padding-bottom: 48px;
    padding-left: 5%;
    min-height: 450px;
    aspect-ratio: unset;
	width: 100%;
    max-width: calc(1000px + 10%) !important;
}

.testimonial-wrapper {
	text-align: center;
}

.testimonial .column-one {
	flex-basis: 60% !important;
}

.block-text-slider-and-image .testimonial-wrapper {
	text-align: left;
}

.testimonial-wrapper .testimonial-content {
	font-style: italic;
}

.testimonial-wrapper .testimonial-contact {
	font-weight: 300;
	font-family: "anton", sans-serif;
	text-transform: uppercase;
	color: var(--mm-blue);
}

.block-cover-section .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background: var(--mm-yellow);
	opacity: 1;
	outline: 1px solid var(--mm-blue);
}

.block-cover-section .swiper-pagination-bullet-active {
	background: var(--mm-blue);
	opacity: 1; 
}

.block-cover-section .mm-testimonial-slider {
	position: relative;
}

.block-cover-section .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
	position: absolute;
	left: 25%;
	right: 25%;
	bottom: 80px;
    width: auto;
    top: auto;
}

.block-cover-section .swiper-slide {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	width: 100%!important;
	top: 0;
	left: 0;
	pointer-events: none;
}

.block-cover-section .swiper-slide-active {
	visibility: visible;
	opacity: 1;
	position: relative;
	pointer-events: auto;
	left: 0;
}

/* --- */



.block-logo-slider.margin-120 {
	margin-top: -120px;
}

/* 3. BLOCK - Icon Slider */

.block-icon-slider {
	display: block;
	max-width: 1500px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
}


	
.block-icon-slider .icon-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.block-icon-slider img {
	flex: 0 1 calc(16.66% - 20px);
	margin: 10px;
	object-fit: contain;
	max-height: 80px;
	max-width: calc((100vw / 6) - 30px);
}

@media (max-width: 781px) {
	.block-icon-slider {
		padding-top: 0;
	}
	
	.block-icon-slider img {
		flex: 0 1 calc(33.33% - 20px);
		max-height: 80px;
		max-width: calc((100vw / 3) - 30px);
	}
	
}

/* --- */







/* 4. BLOCK - Services Slider */

.block-services-slider .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
	max-width: 1500px;
	padding-top: 80px;
	padding-bottom: 50px;
}

.block-services-slider .service-title {
	text-transform: uppercase;
	text-align: center;
}

.block-services-slider a.slider-link {
	text-decoration: none;
}

.block-services-slider .swiper-slide .hover-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent linear-gradient(180deg, rgba(15,61,97,0.81) 0%, rgba(7,37,60,0.81) 100%) 0% 0% no-repeat padding-box;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease, visibility 0.5s;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.block-services-slider .swiper-slide:hover .hover-overlay {
	opacity: 1;
	visibility: visible;
}

.block-services-slider .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background: var(--mm-white);
	opacity: 1;
}

.block-services-slider .swiper-pagination-bullet-active {
	background: var(--mm-yellow);
	opacity: 1; 
}

.block-services-slider .hover-overlay .hover-icon {
	align-self: center;
	margin-top: 10%;
	max-height: -webkit-fill-available;
	aspect-ratio: auto !important;
}

.block-services-slider .hover-overlay .hover-label {
	background-color: var(--mm-blue-dark);
	color: var(--mm-white);
	text-align: center;
	padding: 16px 0;
	font-size: 16px;
	text-transform: uppercase;
}

.block-services-slider .swiper-button-prev, .block-services-slider .swiper-button-next {
	display: none !important;
}

.block-services-slider .mm-slider-image {
	margin-bottom: 10px;
}

.block-services-slider .wp-block-image.size-full {
	position: relative;
}

/* RESPONSIVE */

@media (max-width: 781px) {
	.block-services-slider .swiper-horizontal>.swiper-pagination-bullets, 
	.block-services-slider .swiper-pagination-bullets.swiper-pagination-horizontal, 
	.block-services-slider .swiper-pagination-custom,
	.block-services-slider .swiper-pagination-fraction
	{
		bottom: 40px;
		margin-top: -20px;
	}
	
	.block-services-slider {
		border-bottom: 4px solid var(--mm-yellow);
	}
}



/* --- */







/* 5. BLOCK - Flexible Image and Text */

.block-custom-flexible-image-text .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
	max-width: 1500px;
	padding-top: 80px;
	padding-bottom: 50px;
}

.block-custom-flexible-image-text .wp-block-button__link {
	font-size: 18px;
	padding: 18px 26px;
}

.block-custom-flexible-image-text .order-1, .block-custom-flexible-image-text .order-2 {
	position: relative;
}

.block-custom-flexible-image-text .order-1 .overlay-top {
	position: absolute;
	top: -70px;
	left: -40px;
}

.block-custom-flexible-image-text .order-1 .overlay-bottom {
	position: absolute;
	bottom: -70px;
	left: -40px;
}

.block-custom-flexible-image-text .order-2 .overlay-top {
	position: absolute;
	top: -70px;
	right: -40px;
}

.block-custom-flexible-image-text .order-2 .overlay-bottom {
	position: absolute;
	bottom: -70px;
	right: -40px;
}

.block-custom-flexible-image-text .wp-block-columns.is-layout-flex {
	display: flex;
	flex-wrap: wrap;
}

.block-custom-flexible-image-text .wp-block-column.order-1 {
	order: 1;
}

.block-custom-flexible-image-text .wp-block-column.order-2 {
	order: 2;
}

.block-custom-flexible-image-text .gallery-container {
    width: 100%;
    height: auto;
}

.block-custom-flexible-image-text .swiper-wrapper {
	aspect-ratio: 9 / 6;
}

.block-custom-flexible-image-text .swiper-pagination {
	bottom: 0 !important;
	background: var(--mm-yellow);
	padding: 10px;
}

.block-custom-flexible-image-text .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: var(--mm-yellow);
    opacity: 1;
    outline: 1px solid var(--mm-blue);
}

.block-custom-flexible-image-text .swiper-pagination-bullet-active {
    background: var(--mm-blue);
    opacity: 1;
}

.block-custom-flexible-image-text .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Accordion */
.block-custom-flexible-image-text .accordion {
/*     border: 1px solid #ccc; */
    
}

.block-custom-flexible-image-text .accordion-item {
/*     border-bottom: 1px solid #ccc; */
}

.block-custom-flexible-image-text .accordion-header {
    background-color: var(--mm-yellow);
    cursor: pointer;
	font-family: 'anton';
	color: var(--mm-blue);
    padding: 10px 20px;
    font-weight: lighter;
    display: flex;
    justify-content: space-between;
    align-items: center;
	border-radius: 20px;
	z-index: 2;
    position: relative;
	margin-bottom: 5px;
}

.block-custom-flexible-image-text .accordion-header:hover {
    background-color: var(--mm-blue);
	color: var(--mm-white);
}

.block-custom-flexible-image-text .accordion-header::after {
    content: '\25BC'; /* Down arrow */
    font-size: 1.2em;
}

.block-custom-flexible-image-text .accordion-content {
    display: none;
    padding: 10px 20px;
    background-color: var(--mm-grey-light);
	color: var(--mm-black);
	font-size: 16px;
	margin-top: -20px;
    z-index: 1;
    position: relative;
        margin-bottom: -40px;
    padding-top: 30px;
    padding-bottom: 60px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.block-custom-flexible-image-text .accordion .accordion-item:last-child .accordion-content {
	padding-bottom: 20px;
}

.block-custom-flexible-image-text .accordion-item.active .accordion-header {
	background-color: var(--mm-blue);
	color: var(--mm-white);
}

.block-custom-flexible-image-text .accordion-item.active .accordion-header::after {
    content: '\25B2'; /* Up arrow */
}

.block-custom-flexible-image-text .accordion-item.active .accordion-content {
    display: block;
}

/* Icon Block */

.block-custom-flexible-image-text .icon-block {
    margin-bottom: 20px;
}

.block-custom-flexible-image-text .icon-block-columns {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.block-custom-flexible-image-text .icon-block-item {
    display: flex;
    align-items: left;
	color: var(--mm-black);
}

.block-custom-flexible-image-text .icon-block .icon-header {
    text-transform: uppercase;
	font-size: 22px;
	color: var(--mm-yellow);
}

.block-custom-flexible-image-text .icon-block-item img.icon {
    margin-right: 10px;
	max-height: 30px;
}

/* Video */
.block-custom-flexible-image-text .embed-container { 
	position: relative; 
	padding-bottom: 56.25%;
	overflow: hidden;
	max-width: 100%;
	height: auto;
	border-bottom: var(--mm-yellow) 4px solid;
	aspect-ratio: 12/9;
	background: var(--mm-blue);
} 

.block-custom-flexible-image-text .embed-container iframe, .block-custom-flexible-image-text .embed-container object, .block-custom-flexible-image-text .embed-container embed { 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grey-bg.block-custom-flexible-image-text .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
	padding-top: 0px;
	padding-bottom: 10px;
}

.grey-bg .wp-block-cover__background {
    background:linear-gradient(90deg,rgb(255,255,255) 0%,rgb(237,238,238) 0%) !important;
}

.zero-bg .wp-block-cover__background {
    background: var(--mm-zero) !important;
}

.zero-bg .has-mm-black-color, .zero-bg h2.wp-block-heading {
	color: #FFFFFF !important;
}

.zero-bg.mmzero .wp-block-button__link {
	background: #FFFFFF !important;
	color: var(--mm-zero) !important;
}

.zero-icon h2 {
	position: relative;
	padding-top: 90px;
}

.zero-icon h2:before {
	position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 75px;
    padding-bottom: 20px;
    width: 100%;
    background: url(/wp-content/uploads/mm-zero-logo.png);
    background-size: contain;
    background-repeat: no-repeat;
}


/* Our Skips */

.our-skips {
	padding-top: 60px;
	padding-bottom: 50px;
}

.our-skips .in.wide {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding: 30px;
}

.our-skips-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
	justify-content: center;
}

@media (max-width: 899px) {
	.our-skips-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 500px) {
	.our-skips-grid {
		grid-template-columns: 1fr;
	}
}

.our-skips-item {
	min-width: 0;
}

.skip-box {
	height: 100%;
	display: flex;
	flex-direction: column;
}

.skip-box .button {
	margin-top: auto;
}

.skip-box {
    width: 100%;
    border: 1px solid #cfdbe1;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
	background: #EDEDED;
	text-align: center;
}

.skip-box .name {
    width: 100%;
    background: #1f3e77;
    color: #fff;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    font-family: "anton", sans-serif;
    font-size: 18px;
}

.skip-box .description {
    color: #888888;
    padding: 1em 1.5em
}

.skip-box .description p {
    font-size: 16px
}

.skip-box p {
    margin-bottom: 0
}

.skip-box .title {
    text-transform: uppercase;
    margin-top: 1em;
    color: #1f3e77;
	font-size: 1.2rem !important;
}

.skip-box .title:first-of-type {
    margin-top: 0
}

.skip-box img {
    display: block;
    margin: 0 auto
}

.skip-box a, 
.skip-box a:visited {
    display: block;
    background: #fcbf10;
    color: var(--mm-blue);
    text-decoration: none;
    text-align: center;
    padding: 1em 2em;
    margin-top: auto;
    width: 100%;
	text-transform: uppercase;
    font-family: "anton", sans-serif;
    font-size: 18px;;
}


@media (max-width: 1610px) {
	.block-custom-flexible-image-text .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
		padding-left: 30px;
		padding-right: 30px;
	}
	.block-custom-flexible-image-text .overlay-bottom {
		max-width: 175px;
	}
}

@media (max-width: 781px) {
	
	.grey-bg .wp-block-cover__background::after, 
	.zero-bg .wp-block-cover__background::after {
		display: none !important;
	}
	.grey-bg figure, 
	.zero-bg figure {
		opacity: 1 !important;
	}
	
	.grey-bg .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.col-text {
		background: linear-gradient(90deg,rgb(255,255,255) 0%,rgb(237,238,238) 0%) !important;
		padding: 0 20px 20px;
	}
		 
	.zero-bg .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.col-text {
		background: var(--mm-zero) !important;
		padding: 0 20px 20px;
	}
	
	.grey-bg.wp-block-cover,
	.zero-bg.wp-block-cover {
		padding: 0 !important;
	}
	
	.grey-icon h2:before, 
	.zero-icon h2:before {
		left: calc(50% - 102px);
	}
	
	.grey-icon .wp-block-cover__inner-container, 
	.zero-icon .wp-block-cover__inner-container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	.block-custom-flexible-image-text .wp-block-column.order-1,
	.block-custom-flexible-image-text .wp-block-column.order-2 {
		order: initial;
	}
	.block-custom-flexible-image-text h2, .block-custom-flexible-image-text h3, .block-custom-flexible-image-text p {
		text-align: center;
	}
	
	.block-custom-flexible-image-text .wp-block-button {
		margin: 0 auto;
	} 
	
	.block-custom-flexible-image-text .col-text {
		order: 1 !important;
	}

	.block-custom-flexible-image-text .col-image {
		order: 2 !important;
	}

	.block-custom-flexible-image-text .tank1, .block-custom-flexible-image-text .tank2 {
		background: transparent !important;
	}
	.block-custom-flexible-image-text .overlay-bottom {
		left: 35% !important;
		right: 35% !important;
		max-width: 150px;
	}

}

/* --- */







/* 6. BLOCK - Image and Block Overlay */

.block-image-and-block-overlay .wp-block-cover {
	padding-top: 80px;
	padding-bottom: 30px;
}

.block-image-and-block-overlay .wp-block-cover__inner-container {
	max-width: 1500px;
	position: relative;
	margin-bottom: 90px;
}

.columns-container {
  position: relative;
  width: 100%;
  min-height: 400px;
  padding-left: 10%;
  padding-right: 10%;
}

/* Left column */
.block-image-and-block-overlay .column-left {
  width: calc(65% + 10%);
  position: relative;
  z-index: 1;
}

/* Right column */
.block-image-and-block-overlay .column-right {
  width: 35%;
  background: var(--mm-yellow);
  position: absolute;
  top: 25%;
  right: 10%;
  z-index: 2;
}

.block-image-and-block-overlay .column-right .header-icon {
	margin-top: -80px;
}

.block-image-and-block-overlay .column-left .wp-block-cover__image-background {
	height: auto;
}

.block-image-and-block-overlay h3 {
	margin-block-start: 30px;
}

.block-image-and-block-overlay .text-inner {
	padding: 0 10% 20px 10%;
	margin-bottom: 30px;
}

/* .block-image-and-block-overlay .wp-block-cover {
	padding-bottom: 60px !important;
} */


@media (max-width: 1190px) {
	.block-image-and-block-overlay .column-right {
		width: 40%;
	}
/* 	.block-image-and-block-overlay .wp-block-cover {
		padding-bottom: 20px !important;
	} */
}

@media (max-width: 1000px) {
	.block-image-and-block-overlay .column-right {
		width: 45%;
	}
}

@media (max-width: 900px) {
	.block-image-and-block-overlay .column-right {
		width: 45%;
	}
	
}

@media (max-width: 781px) {
	
	.block-image-and-block-overlay .wp-block-cover, .block-image-and-block-overlay {
		margin: 0;
		padding: 0;
		padding-bottom: 0;
		padding-top: 0;
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.block-image-and-block-overlay .wp-block-cover__inner-container {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	
	.block-image-and-block-overlay .columns-container {
		position: relative;
		width: 100%;
		height: auto;
		padding-left: 0;
		padding-right: 0;
		margin: 0 auto;
		text-align: center;
	}
	
	.block-image-and-block-overlay .header-icon.wp-block-image img {
		margin-top: -60px;
	}
	
	.block-image-and-block-overlay .column-left {
		width: 100%;
		position: relative;
		z-index: 1;
		height: 100%;
		padding-top: 70%;
	}
	
	.block-image-and-block-overlay .column-right {
		width: 90%;
		background: var(--mm-yellow);
		position: relative;
		top: 0;
		right: 0;
		z-index: 2;
		margin: 0 auto;
		padding: 0;
	}
	
}

/* --- */







/* 7. BLOCK - Insights Slider */

.block-insights-slider .wp-block-cover__inner-container.is-layout-constrained.wp-block-cover-is-layout-constrained {
	max-width: 1500px;
	padding-top: 80px;
	padding-bottom: 50px;
}

.block-insights-slider .wp-block-buttons {
	margin-top: 50px;
}

.block-insights-slider .insight-title {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 0;
}

.block-insights-slider .slide-content figure {
	margin: 0 !important;
}

.block-insights-slider a.slider-link {
	text-decoration: none;
}
.block-insights-slider .swiper-slide .hover-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent linear-gradient(180deg, rgba(15,61,97,0.81) 0%, rgba(7,37,60,0.81) 100%) 0% 0% no-repeat padding-box;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s ease, visibility 0.5s;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.block-insights-slider .swiper-slide:hover .hover-overlay {
	opacity: 1;
	visibility: visible;
}

.block-insights-slider .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background: var(--mm-white);
	opacity: 1;
}

.block-insights-slider .swiper-pagination-bullet-active {
	background: var(--mm-yellow);
	opacity: 1; 
}

.block-insights-slider .hover-overlay .hover-icon {
	align-self: center;
	margin-top: 20%;
	max-height: calc(100% - 150px);
}

.block-insights-slider .hover-overlay .hover-label {
	background-color: var(--mm-yellow);
	color: var(--mm-blue);
	text-align: center;
	padding: 16px 0;
	font-size: 16px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.block-insights-slider .swiper-button-prev, .block-insights-slider .swiper-button-next {
	display: none !important;
}

.block-insights-slider .wp-block-image.size-full {
	position: relative;
}

.block-insights-slider .insight-title-block {
	background: var(--mm-white);
	padding: 5px 30px;
}

.block-insights-slider .slider-content {
	background: var(--mm-white);
}

.block-insights-slider .insight-content {
	font-size: 14px;
	line-height: 26px;
	text-align: center;
	padding: 0;
}
.block-insights-slider .mm-slider-image {
	width: 100%;
	height: 220px;
	object-fit: cover;
}

.block-insights-slider .swiper-wrapper {
	display: flex;
	align-items: stretch;
}

.block-insights-slider .swiper-slide {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: auto;
	background: var(--mm-white);
}

@media (max-width: 781px) {
	.block-insights-slider .mm-slider-image {
		height: auto;
		width: 100%;
	}
	
	.block-insights-slider .swiper-horizontal>.swiper-pagination-bullets, 
	.block-insights-slider .swiper-pagination-bullets.swiper-pagination-horizontal, 
	.block-insights-slider .swiper-pagination-custom, 
	.block-insights-slider.swiper-pagination-fraction {
		bottom: 130px;
	}
	
}

/* --- */






/* 8. BLOCK - Text Slider And Image */

.block-text-slider-and-image .wp-block-cover {
	padding-top: 80px;
	padding-bottom: 30px;
}

.block-text-slider-and-image .wp-block-cover__inner-container {
	max-width: 1500px;
	position: relative;
	margin-bottom: 90px;
}
#logo-slider img{
	object-fit: contain !important;
}
.block-text-slider-and-image h3 {
	margin-block-start: 30px;
}

.swiper-slide {
    opacity: 1; /* All slides start as hidden */
    transition: opacity 0.5s ease; /* Smooth transition for opacity changes */
}

.mm-services-slider .swiper-slide img{
	width: 100% !important;
}

.swiper-slide-active {
    opacity: 1 !important; /* Make the active slide visible */
}


.block-text-slider-and-image .text-inner {
	padding: 0 20%;
	transition: background-color 0.5s ease-in-out;
}

.block-text-slider-and-image .wp-block-cover__background {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, white 50%), linear-gradient(to left, rgba(0, 0, 0, 0) 70%, white 70%);
}

.block-text-slider-and-image .mm-slider-outer {
	padding: 20px;
	flex-basis: 60%;
}

.block-text-slider-and-image.testimonial .mm-slider-outer {
	flex-basis: 85% !important;
}

.block-text-slider-and-image .mm-image-block {
	top: 90px;
	position: absolute;
}

.block-text-slider-and-image .mm-overlay-image {
	position: absolute;
	top: -150px;
	max-height: 150px;
}

.block-text-slider-and-image figure {
	margin: 0;
}

.block-text-slider-and-image .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background: var(--mm-yellow);
	opacity: 1;
	outline: 1px solid var(--mm-blue);
}

.block-text-slider-and-image .swiper-pagination-bullet-active {
	background: var(--mm-blue);
	opacity: 1; 
}

.block-text-slider-and-image .mm-text-slider {
	position: relative;
	padding-left: 10%;
}

.block-text-slider-and-image .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
	position: absolute;
	left: 0%;
	bottom: -30px;
}

.block-text-slider-and-image.testimonial .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
	position: absolute;
	left: 0%;
	bottom: -30px;
}

.block-text-slider-and-image .swiper-slide {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	width: 100%!important;
	top: 0;
	left: 0;
	pointer-events: none;
}

.block-text-slider-and-image .swiper-slide-active {
	visibility: visible;
	opacity: 1;
	position: relative;
	pointer-events: auto;
	left: 0;
}

.block-text-slider-and-image .mm-text-title, .mm-text-button {
	font-weight: normal;
	font-family: "anton", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.96px;
}


/* RESPONSIVE */

@media (max-width: 781px) {
	.block-text-slider-and-image {
		text-align: center;
	}
	
	.block-text-slider-and-image .wp-block-cover {
		padding-bottom: 0;
	}
	
	.block-text-slider-and-image .columns-outer {
		position: relative;
	}
		
	.block-text-slider-and-image .columns-outer .column-one {
		padding-bottom: 60%;
	}
	
	.block-text-slider-and-image.testimonial .columns-outer .column-one {
		padding-bottom: 25%;
	}
	
	.block-text-slider-and-image.testimonial .mm-overlay-image {
		margin-top: 0;
	}
	
	.block-text-slider-and-image .mm-text-slider {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	.block-text-slider-and-image .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
		left: 0;
	}
	.block-text-slider-and-image .mm-image-block {
		position: relative;
		top: 0;
		margin-top: -60%;
	}
	
	.block-text-slider-and-image .mm-overlay-image {
		position: relative;
		top: 0;
        max-height: 150px;
		max-width: 70vw;
        margin: 0;
        margin-top: -120px;
	}
	
	.block-text-slider-and-image .wp-block-cover__inner-container {
		margin-bottom: 0;
	}
}

@media (max-width: 500px) {

}

/* --- */




/* 9. BLOCK - Coverage */

.block-coverage .wp-block-column.order-1 {
    order: 1;
}

.block-coverage .wp-block-column.order-2 {
    order: 2;
}

.block-coverage h2 {
	padding-top: 80px;
}

@media (max-width: 781px) {
	
	.block-coverage {
		text-align: center;
	}
	
	.mm-coverage-cover {
			background: linear-gradient(0deg, rgb(237, 238, 238) 60%, rgb(255, 255, 255) 0%) !important;
	}
	
	.block-coverage .wp-block-columns {
		gap: 0;
	}
	
	.block-coverage .wp-block-column.order-1 {
		order: 2;
	}

	.block-coverage .wp-block-column.order-2 {
		order: 1;
	}
	
	.block-coverage .wp-block-column.order-2 .wp-block-column {
		text-align: center;
	}
	
	.block-coverage .wp-block-button {
		margin: 0 auto;
		margin-bottom: 20px;
	}
	
	.block-coverage h2 {
		margin-top: 0;
		padding-top: 0;
	}
}

@media (max-width: 768px) {
	
}

/* --- */






/* 10. BLOCK - Our Team */
.block-our-team p.job-role{
	text-align: center !important;
}
.block-our-team {
	padding-bottom: 0;
}

.block-our-team .our-team-cover {
	color: var(--mm-white);
	padding-bottom: 80px;
	border-bottom: var(--mm-yellow) 4px solid;
	margin-bottom: 0;
}

.block-our-team .our-team-container {
	max-width: 1200px;
}

.block-our-team .expanded-content {
	overflow: hidden;
	max-height: 0;
	transition: max-height 0.9s ease-in-out;
	padding-bottom: 0;
	margin-bottom: 0;
}
.block-our-team .our-team-lower-bar{
	background-color: #A09D84;
	color: white;
	width: 100% !important;
	text-align: center;
	position: absolute;
	left: 0;
	height: 33px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.8rem;
}
.block-our-team .team-outer {
	margin-top:5rem;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 15px;
}
.block-our-team .custom-container, .block-our-team.directors .custom-container {
	flex-basis: 25%;
	max-width: 24%;
	transition: max-height 0.9s ease-in-out;
	padding-top: 20px;
}
/*
.block-our-team.management .custom-container {
	flex-basis: 33%;
	max-width: 32%;
}
*/

/* .block-our-team.management .custom-container:nth-child(-n+4) {
    flex-basis: 25%;
    max-width: 24%;
} */

.block-our-team .icon-group{
	height: fit-content !important;
}
.block-our-team .custom-container.active .expanded-content {
	max-height: 1200px;
	min-height: 100% !important;
}
.block-our-team .text-column{
	padding: 2rem !important;
	position: relative;
}
.block-our-team .text-block {
	height: 100% !important;
	display: flex;
	flex-direction: column;
	align-items: start;
/* 	margin: 0 auto !important; */
	margin-left: calc(50vw - 600px);
	text-align: left !important;
	max-width: 500px !important;
	color: white !important;
/* 	justify-content: center; */
	transition: all 0.5s ease-in-out;
/* 	gap: 35px !important; */
	font-size: 1.3rem !important;
	padding-bottom: 0;
}

.block-our-team h5.our-team-name {
	font-size: 18px;
	font-weight: 300;
}

.block-our-team .our-team-job-title {
	color: var(--mm-yellow);
	text-transform: uppercase;
	font-size: 22px;
}

.block-our-team p.job-role {
	font-size: 14px;
	color: var(--mm-yellow);
}

.block-our-team .our-team-contact {
	color: var(--mm-blue);
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}

.block-our-team .our-team-contact a {
	text-decoration: none !important;
}

.block-our-team .our-team-contact span {
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
}

.block-our-team .our-team-contact span img {
    margin-right: 10px;
    width: 30px;
    height: auto;
}


.block-our-team .our-team-bio {
	color: var(--mm-blue);
}

.block-our-team .expanded-content .wp-block-column{
	background-color: #ffffff; 
}

.block-our-team .custom-container .wp-block-image {
	margin: 0 !important;
	object-fit: cover;
	min-height: 100% !important;
	min-width: 100% !important;
}

.block-our-team .expanded-content img, .block-our-team .expanded-content .wp-block-image{
	object-fit: cover !important;
}

.block-our-team .label-h3{
	color: #B48D47 !important;
	text-transform: uppercase !important;
	/* margin-top: 210px !important; */
	font-weight: 400 !important;
	font-size: 1.3rem !important;
	margin-bottom: 29px;
	width: max-content !important;
	text-align: center;
	margin-top: 20px;
}

.block-our-team .space-evenly{
	justify-content: space-evenly !important;
}

.block-our-team .custom-container .icon-group {
	display: flex;
	flex-direction: column;
	align-items: center;
	top: -10px;
	position: relative;
	z-index: 0 !important;
}

.block-our-team .icon-group {
	margin: 0 auto !important;
	cursor: pointer !important;
}

.block-our-team .text-block h3{
	text-transform: uppercase !important;
	font-size: 1.4rem !important;
}

.block-our-team .icon-group .icon-wrapper {
	position: relative;
	z-index: -1;
	height: 100%;
	width: 100%;
	max-height: 200px;
	max-width: 200px;
	aspect-ratio: 1;
	align-items: center;
	justify-content: center;
	display: flex;
	text-align: center;
	align-self: auto;
	background-color: #1B222F;
	border-radius: 50%;
}

.block-our-team .icon-group .icon-wrapper img{
	cursor: pointer !important;
	aspect-ratio: 1/1 !important;
	object-fit: cover;
}

.block-our-team .learn-more:hover, .block-our-team .learn-more.active{
	width: 131px;
	text-align: center;
	background-color: #004438;
	color: white;
	text-transform: uppercase;
	border: 1px solid #004438;
	text-decoration: none !important;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	border-radius: 48px;
	transition: 0.5s ease-in-out !important;
	cursor: pointer;
}

.block-our-team .learn-more{
	width: 131px;
	text-align: center;
	background-color: transparent;
	color: #004438;
	text-transform: uppercase;
	border: 1px solid #004438;
	text-decoration: none !important;
	padding-top: 0.6rem;
	padding-bottom: 0.6rem;
	padding-right: 0.5rem;
	padding-left: 0.5rem;
	border-radius: 48px;
	transition: 0.5s ease-in-out !important;
	cursor: pointer;
}

.block-our-team .icon-group .icon {
	position: absolute;
	/* top: 40px; */
	height: 100%;
	/* left: -33px; */
	transition: opacity 0.5s;
	cursor: pointer !important;
	border-radius: 50%;
}

.block-our-team .icon-group .active-icon {
	opacity: 0;
	top: 1px;
	height: 190px;
	left: -65px;
	cursor: pointer !important;
}

.block-our-team .expanded-content {
	min-width: 100vw !important;
}

.block-our-team .expanded-content img, .block-our-team .expanded-content .wp-block-image{
	min-height: 100% !important;
	height: 100% !important;
}

.block-our-team .expanded-content h3{
	margin-bottom: 0 !important;
	color: var(--mm-blue);
	font-family: 'anton';
	font-size: 40px !important;
	font-weight: 400;
}

.block-our-team .get-quote-button{
	color: white !important;
	font-size: 0.8rem;
	text-decoration: none;
	border: 1px solid white;
	border-radius: 48px;
	background-color: transparent;
	transition: 0.5s ease-in-out;
	cursor: pointer;
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

.block-our-team .get-quote-button:hover{
	color: #004438 !important;
	text-decoration: none;
	border: 1px solid #004438;
	border-radius: 48px;
	background-color: white;
	transition: 0.5s ease-in-out;
}

.block-our-team .custom-container.active .icon-group {
  position: relative;
}

.block-our-team .custom-container.active .icon-group::after {
  content: ""; 
  position: absolute;
  bottom: -10px; 
  left: 50%; 
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent white transparent;
}

.block-our-team .expanded-content {
    display: flex;
    flex-wrap: wrap;
	background: var(--mm-white);
}

.block-our-team .expanded-content .wp-block-column {
    flex: 1 1 50%;
}

.block-our-team .add-padd-left .image-column {
	padding-left: 20px;
}

.block-our-team .rem-padd-left .text-column .text-block {
	margin-left: 0;
}

.block-our-team.directors .mm-grad-top-light-bottom-dark-blue {
	background: transparent linear-gradient(180deg, var(--mm-blue) 0%, var(--mm-blue-dark) 200%) 0% 0% no-repeat padding-box;
}

.block-our-team.management .mm-grad-top-light-bottom-dark-blue {
	background: transparent linear-gradient(180deg, var(--mm-blue) -100%, var(--mm-blue-dark) 100%) 0% 0% no-repeat padding-box;
}

.block-our-team.directors .our-team-cover {
	border-bottom: none;
}

.block-our-team h2.sub-header {
	font-size: 38px;
}

.pb50 {
	padding-bottom: 50px;
}


@media screen and (max-width: 1200px){
	.block-our-team .text-block {
		margin: 0 auto !important;
	}
}

@media screen and (max-width: 860px){
	.block-our-team .custom-container, .block-our-team.management .custom-container, .block-our-team.directors .custom-container  {
		flex-basis: 33%;
		max-width: 32%;
	}
}

@media screen and (max-width: 781px){
	.block-our-team .add-padd-left .image-column {
		padding-left: 0;
	}
}

@media screen and (max-width: 599px){
	.block-our-team .custom-container, .block-our-team.management .custom-container, .block-our-team.directors .custom-container  {
		flex-basis: 50%;
		max-width: 49%;
	}
}

@media screen and (max-width: 500px){
	.block-our-team .team-outer {
		flex-wrap: wrap;
	}
	.block-our-team .custom-container, .block-our-team.management .custom-container, .block-our-team.directors .custom-container  {
		flex-basis: 100%;
		max-width: 100%;
	}
	.block-our-team .icon-group .icon {
		position: absolute;
		top: 0;
		transition: opacity 0.5s;
		cursor: pointer !important;
	}
	.block-our-team .label-h3{
		width: 100% !important;
	}
	.block-our-team .custom-container .icon-group{
		max-width: 100% !important;
	}
	.block-our-team .icon-group .active-icon {
		opacity: 0;
		top: -38px;
		left: -73px;
		cursor: pointer !important;
		width: 215px !important;
	}
}

/* --- */




/* 11. BLOCK - Icon Columns */

.block-icon-columns {
	padding-bottom: 0;
}

.block-icon-columns.icon-columns-cover {
	color: var(--mm-white);
	padding-bottom: 80px;
	border-bottom: var(--mm-yellow) 4px solid;
	margin-bottom: 0;
}

.block-icon-columns .icon-columns-container {
	max-width: 1800px;
	color: var(--mm-white);
}

.block-icon-columns .icon-columns-outer {
	margin-top:5rem;
	align-items: flex-start;
	flex-wrap: wrap;
}
.block-icon-columns .custom-container {
	flex-basis: calc(20% - 20px);
	max-width: calc(20% - 20px);
	transition: max-height 0.9s ease-in-out;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}
.block-icon-columns .icon-group{
	height: fit-content !important;
}

.block-icon-columns .custom-container .icon-group .icon-wrapper {
	position: relative;
}

.block-icon-columns .custom-container .icon-group .icon-wrapper:after {
    content: "+";
    position: absolute;
    right: -35px;
    top: calc(50% - 43px);
    color: var(--mm-yellow);
    font-weight: 900;
    font-size: 50px;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 0;
}

.block-icon-columns.skip-minus .custom-container .icon-group .icon-wrapper:after {
    content: "-";
    position: absolute;
    right: -35px;
    top: calc(50% - 43px);
    color: var(--mm-yellow);
    font-weight: 900;
    font-size: 50px;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 0;
}

.block-icon-columns .custom-container:last-child .icon-group .icon-wrapper:after {
	content: "";
	font-size: 0;
}

.block-icon-columns .text-column{
	padding: 2rem !important;
	position: relative;
}

.block-icon-columns .text-block {
	height: 100% !important;
	display: flex;
	flex-direction: column;
	align-items: start;
	margin-left: calc(50vw - 600px);
	text-align: left !important;
	max-width: 500px !important;
	color: white !important;
	transition: all 0.5s ease-in-out;
	font-size: 1.3rem !important;
	padding-bottom: 0;
}

.block-icon-columns h5.icon-columns-title {
	font-size: 22px;
	font-weight: 400;
	text-transform: uppercase;
	text-align: center;
}

.block-icon-columns p.icon-columns-bio {
	font-size: 14px;
	font-weight: 200;
}

@media (max-width: 1500px) {
	.block-icon-columns .custom-container {
		flex-basis: 33%;
		max-width: 32%;
	}
}


@media (max-width: 899px) {
	.block-icon-columns .custom-container {
		flex-basis: 33%;
		max-width: 32%;
	}
}

@media screen and (max-width: 767px){
	.block-icon-columns .custom-container{
		flex-basis: 100% !important;
		max-width: 500px !important;
	}
	
	.block-icon-columns .custom-container {
		position: relative;
		padding-bottom: 50px;
	}

	.block-icon-columns .custom-container:after {
		content: "+";
		position: absolute;
		left: calc(50% - 15px);
		bottom: 0;
		color: var(--mm-yellow);
		font-weight: 900;
		font-size: 50px;
	}

	.block-icon-columns .custom-container:last-child:after, .block-icon-columns .custom-container .icon-group .icon-wrapper:after {
		content: "";
		font-size: 0;
	}
	
}
@media screen and (min-width: 767px){
	.block-icon-columns h5.icon-columns-title{
		min-height: 67px;
	}
}

@media (max-width: 500px) {
	.block-icon-columns .custom-container {
		flex-basis: 50%;
		max-width: 49%;
	}
}


/* --- */



/* 12. BLOCK - Map Section */

.block-map-section {
	margin-bottom: -40px;
}

.block-map-section .map-container {
	max-width: 1200px;
	color: var(--mm-blue);
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	text-transform: uppercase;
	text-decoration: none;
}

.block-map-section .mm-contact-details {
    display: flex;
    align-items: center;
	justify-content: space-between;
}

.block-map-section .mm-detail {
    position: relative;
    padding-left: 40px; /* Space for the circle */
}

.block-map-section .mm-detail::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
	background-image: url('/wp-content/uploads/Call.png');
	background-size: cover;
    background-position: center;
    border-radius: 50%;
}

.block-map-section .mm-detail.mm-tel::before {
	background-image: url('/wp-content/uploads/Call.png');
}

.block-map-section .mm-detail.mm-email::before {
	background-image: url('/wp-content/uploads/Email.png');
}

.block-map-section .mm-detail.mm-address::before {
	background-image: url('/wp-content/uploads/mm-address.png');
}

.block-map-section.maylarch .mm-detail.mm-tel::before {
	background-image: url('/wp-content/uploads/maylarch-icon-callus.svg');
}

.block-map-section.maylarch .mm-detail.mm-email::before {
	background-image: url('/wp-content/uploads/maylarch-icon-email.svg');
}

.block-map-section.maylarch .mm-detail.mm-address::before {
	background-image: url('/wp-content/uploads/maylarch-icon-location.svg');
	height: 26px;
	width: 19px;
	border-radius: 0;
}


.block-map-section .mm-contact-details, .block-map-section .mm-contact-details a {
    font-size: 14px;
	color: var(--mm-blue);
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
	text-decoration: none;
}

.block-map-section .mm-map iframe {
	height: 400px;
	width: 100%;
}

.block-map-section .mm-section-header {
	text-align: center;
	margin-bottom: 0;
}

.block-map-section .mm-sub-header {
	text-align: center;
    color: var(--mm-yellow);
    margin-top: 0;
    margin-bottom: 60px;
}

.block-map-section.maylarch .mm-section-header {
	color: var(--mm-white);
}

.block-map-section.maylarch .mm-sub-header, .block-map-section.maylarch .mm-detail {
	color: var(--mm-white);
}

.block-map-section.maylarch .map-container, .block-map-section.maylarch .map-container a {
	color: var(--mm-white);
}



/* --- */

/* 13. Our Careers */

@media (max-width: 960px) {
	
	.mm-careers-vacancy .custom-post-layout {
		flex-wrap: wrap;
	}
	
	.mm-careers-vacancy .column.column-description, .mm-careers-vacancy .column.column-summary {
		flex-basis: 100%;
	}
	
	mm-careers-vacancy .column.column-summary {
		order: 1;
	}
	
	.mm-careers-vacancy .column.column-description {
		order: 2;
	}
}

@media (max-width: 940px) {
	.mm-career-item {
		flex-wrap: wrap;
	}
	
	.mm-career-item .column-details {
		flex-basis: 100%;
	}
	
	.mm-career-item .mm-excerpt {
		width: 100%;
		justify-content: center;
    	align-items: center;
	}
	
	.mm-career-item span.mm-excerpt {
		width: 100%;
	}
	
	.mm-career-item .column-button {
		padding-bottom: 20px;
		flex-basis: 100%;
	}
}

@media (max-width: 700px) {
	
	.mm-careers-list {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
	}
	
	.mm-career-item {
		flex-wrap: wrap;
		flex-basis: 100%;
	}
	
	.mm-career-item {
		flex-wrap: wrap;
	}
	
	.mm-career-item .column-details {
		flex-basis: 100%;
	}
	
	.mm-career-item .mm-career-excerpt {
		flex-wrap: wrap;
    	gap: 20px;
	}
	
	.mm-career-item .mm-excerpt {
		width: 100%;
		justify-content: center;
    	align-items: center;
	}
	
	.mm-career-item span.mm-excerpt {
		width: 100%;
	}
	
	.mm-career-item .column-button {
		padding-bottom: 20px;
		flex-basis: 100%;
	}
	
}

/* 14. Image Text Loop */

@media (max-width: 960px) {
	.block-image-text-loop .grid-container {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}

@media (max-width: 720px) {
	.block-image-text-loop .grid-container {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

/* 15. Delivery Areas */

.delivery-zones-block {
	padding: 40px 0;
}

.delivery-zones-inner {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 24px;
}

.delivery-zones-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 28px;
	align-items: start;
}

.delivery-zones-column {
	width: 100%;
}

.delivery-zones-column-header {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 62px;
	padding: 16px 24px;
	margin-bottom: 20px;
	border-radius: 999px;
	background: linear-gradient(180deg, #0d426d 0%, #082b4c 100%);
}

.delivery-zones-column-header h3 {
	margin: 0;
	color: #ffffff;
	font-size: clamp(24px, 2vw, 28px);
	line-height: 1.1;
	font-family: "anton", sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	text-align: center;
	font-weight: 300;
}

.delivery-zones-rows {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.delivery-zones-row {
	display: grid;
	grid-template-columns: 112px 1fr;
	gap: 24px;
	align-items: center;
}

.delivery-zones-postcode {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 62px;
	padding: 12px 16px;
	border-radius: 999px;
	background: #f3c400;
}

.delivery-zones-postcode span {
	display: block;
	color: #003d73;
	font-size: clamp(18px, 1.5vw, 24px);
	font-weight: 300;
	font-family: "anton", sans-serif;
	line-height: 1;
	text-transform: uppercase;
	text-align: center;
}

.delivery-zones-location {
	display: flex;
	align-items: center;
	min-height: 62px;
	padding: 16px 32px;
	border: 1.5px solid #0d426d;
	border-radius: 32px;
	background: transparent;
}

.delivery-zones-location p {
	margin: 0;
	color: #0d426d;
	font-size: clamp(14px, 1.2vw, 16px);
	line-height: 1.35;
	text-transform: uppercase;
}

@media (max-width: 1100px) {
	.delivery-zones-grid {
		grid-template-columns: 1fr;
	}

/* 	.delivery-zones-column-header h3 {
		font-size: 21px;
	}

	.delivery-zones-postcode span {
		font-size: 24px;
	} */
}

@media (max-width: 640px) {
	.delivery-zones-inner {
		padding: 0 16px;
	}

	.delivery-zones-row {
/* 		grid-template-columns: 2fr; */
		gap: 12px;
	}

	.delivery-zones-postcode,
	.delivery-zones-location {
		min-height: 56px;
	}

	.delivery-zones-location {
		padding: 14px 20px;
		border-radius: 28px;
	}
}