/*
Theme Name: Starter
Author: starter
Author URI:
Description: Just another starter theme.
Version: 1.0
License: (c) Copyright of starter. All Rights Reserved.
Text Domain: starter
*/.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed !important;
}

.page-id-2818 .hero .triangle,
.page-id-2835 .hero .triangle,
.page-id-2836 .hero .triangle,
.page-id-2831 .hero .triangle,
.page-id-2828 .hero .triangle,
.page-id-2868 .hero .triangle,
.page-id-2875 .hero .triangle,
.page-id-2887 .hero .triangle {
	display: none;
}

.cky-accordion-header-wrapper .cky-accordion-header-des p {
	padding-top: 0px;
}
.cky-consent-bar .cky-notice-des p {
	padding-top: 0px;
}
.cky-notice .cky-title {
	padding-top: 0px;
}
.cky-preference-body-wrapper .cky-preference-content-wrapper p,
.cky-preference-body-wrapper .cky-dma-content-wrapper p {
	padding-top: 10px;
}
.cky-audit-table-element .cky-table-wrapper {
	padding: 0 30px;
	box-sizing: border-box;
}

.newsletter .wpcf7 form .wpcf7-response-output {
	margin: 20px 0;
}

@media (max-width: 600px) {
	.cky-audit-table-element .cky-table-wrapper {
		padding: 20px 20px 10px;
		box-sizing: border-box;
	}
}
/* === Zoom Out Effect for Small Screen or High Zoom === */
body.zoomed-out {
	overflow-x: hidden;
}

body.zoomed-out .site-wrapper {
	width: 1920px;
	transform-origin: top left;
	position: absolute;
	top: 0;
	left: 0;
}

/* Optional fix for WOW.js if still glitchy */
body.zoomed-out .wow {
	will-change: transform;
}


/* Optional: improve appearance during the scaling transition */
body {
	transition: transform 0.2s ease-out;
}
body.zoomed-out .wow {
	visibility: visible !important;
}
.wow {
	visibility: hidden;
}

/* CSS for Sticky Header */
header {
	transition: box-shadow 0.3s ease;
	width: 100%;
}

header.sticky-header {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Optional: You can add styles for submenu behavior when header is sticky */
header.sticky-header .submenu {
	top: 100%;
}



header.sticky-header {
	z-index: 1000;
}

header.sticky-header .main-container .main-container-inner {
	padding: 5px 30px;
}

.header-spacer {
	display: none;
}

/*** darken page behind menu ***/
.menu-tint {
	display: none;
	content: '';
	width: 100%;
	height: 100vh;
	top: 0px;
	left: 0px;
	background-color: #000000;
	/* 	opacity: 0.7; */
	position: absolute; 
	z-index: 2;
	pointer-events: none;
	/* 	opacity: 0; */
	/* 	transition: 0.2s; */
	position: fixed;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background-color: rgba(0, 0, 0, 0.7);
	opacity: 0.9;
}

.page-id-707 .image-text-items .item-container .image img {
	object-fit: contain;
	height: auto;
}

.page-id-33 .image-text-items .item-container .image img,
.page-id-2974 .image-text-items .item-container .image img {
	object-fit: contain;
	height: auto;
}

.page-id-33 .image-text-items.two-cols .item-container .item {
	min-width: 250px;
	max-width: none;
}
.page-id-37 .image-text-items.two-cols .item-container .item,
.image-text-items .item-container .text {
	text-align: left;
}

@media (max-width: 600px) {
	.page-id-37 .image-text-items.two-cols .item-container .item,
	.image-text-items .item-container .text {
		text-align: center;
	}
}

.single-floorcare .product-hero .right-side .buttons.small a.green-btn {
	color: #e1223a;
	border: 1px solid #e1223a;
}

.single-floorcare .product-hero .right-side .buttons.small a.green-btn:hover {
	background-color: #e1223a;
	color: #0C0705;
}

.single-floorcare .product-hero .right-side .green-btn {
	background-color: #e1223a;
}

.zero-emissions .product-hero .right-side .green-btn,
main.green .product-hero .right-side .green-btn {
	background-color: #8DC63F;
}

.single-floorcare .product-hero .right-side .main-btn .green-btn:hover {
	background-color: #fff !important;
}



.single-floorcare .product-hero .right-side .main-btn .white-btn:hover {
	background-color: #e1223a;
}

.single-floorcare .tabbed-section .standard-layout .a-button a {
	background-color: #e1223a;
	border: 1px solid #e1223a; 
}

.single-floorcare .tabbed-section .standard-layout .a-button a:hover {
	background-color: #0C0705;
	color: #e1223a;
	border: 1px solid #0C0705;
}

.single-floorcare .tabbed-section .spec-accordion-item .spec-accordion-toggle span {
	background-color: #e1223a;
	transition: 0.5s;
}

.single-floorcare .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover {
	background-color: #0C0705;
	color: #e1223a;
}

.single-floorcare .spec-accordion .a-button a {
	background-color: #e1223a;
	border: 1px solid #e1223a;
}

.single-floorcare .spec-accordion .a-button a:hover {
	background-color:#0C0705;
	color: #e1223a;
}

/*** blue ***/
/* 
.page-id-694.page-template-default .bread li.crumb:last-child a,
.page-id-694 .🍞 .crumb:last-child a span {
color: #009EE3;
}
.page-id-694 .hero .left .left-inner .inner-container .title span {
color: #009EE3;
}

.page-id-694 .text-block h2 span {
color: #009EE3;
}

.page-id-694 .text-block .contact-links svg {
color: #009EE3;
}

.page-id-694 .contact input[type=submit] {
background-color: #009EE3 !important;
border: 1px solid #009EE3;
}

.page-id-694 .contact input[type=submit]:hover {
border: 1px solid #009EE3;
}
*/

.page-id-690.page-template-default .bread li.crumb:last-child a,
.page-id-690 .🍞 .crumb:last-child a span {
	color: #009EE3;
}
.page-id-690 .hero .left .left-inner .inner-container .title span {
	color: #009EE3;
}

.page-id-690 .text-block h2 span {
	color: #009EE3;
}

.page-id-690 .text-block .contact-links svg {
	color: #009EE3;
}

.page-id-690 .contact input[type=submit] {
	background-color: #009EE3 !important;
	border: 1px solid #009EE3;
}

.page-id-690 .contact input[type=submit]:hover {
	border: 1px solid #009EE3;
}

.aries .product-hero .right-side .buttons.small a.green-btn,
.zeus .product-hero .right-side .buttons.small a.green-btn,
.permahot .product-hero .right-side .buttons.small a.green-btn,
.lux .product-hero .right-side .buttons.small a.green-btn,
.laser .product-hero .right-side .buttons.small a.green-btn,
.avant .product-hero .right-side .buttons.small a.green-btn,
.atom .product-hero .right-side .buttons.small a.green-btn,
.avant .product-hero .right-side .buttons.small a.green-btn,
.tornado .product-hero .right-side .buttons.small a.green-btn,
main.blue .product-hero .right-side .buttons.small a.green-btn{
	color: #0C0705 !important;
	border: 1px solid #009EE3 !important;
}


.aries .product-hero .right-side .buttons.small a.green-btn:hover,
.zeus .product-hero .right-side .buttons.small a.green-btn:hover,
.permahot .product-hero .right-side .buttons.small a.green-btn:hover,
.lux .product-hero .right-side .buttons.small a.green-btn:hover,
.laser .product-hero .right-side .buttons.small a.green-btn:hover,
.avant .product-hero .right-side .buttons.small a.green-btn:hover,
.atom .product-hero .right-side .buttons.small a.green-btn:hover,
.avant .product-hero .right-side .buttons.small a.green-btn:hover,
.tornado .product-hero .right-side .buttons.small a.green-btn:hover,
main.blue .product-hero .right-side .buttons.small a.green-btn:hover{
	color: #009EE3 !important;
	border: 1px solid #fff !important;
	background-color: #fff !important;
}



.aries .product-hero .right-side .green-btn,
.zeus .product-hero .right-side .green-btn,
.permahot .product-hero .right-side .green-btn,
.lux .product-hero .right-side .green-btn,
.laser .product-hero .right-side .green-btn,
.avant .product-hero .right-side .green-btn,
.atom .product-hero .right-side .green-btn,
.avant .product-hero .right-side .green-btn,
.tornado .product-hero .right-side .green-btn,
main.blue .product-hero .right-side .green-btn {
	background-color: #009EE3 !important;
}

.aries .product-hero .right-side .green-btn,
.zeus .product-hero .right-side .green-btn,
.permahot .product-hero .right-side .green-btn,
.lux .product-hero .right-side .green-btn,
.laser .product-hero .right-side .green-btn,
.avant .product-hero .right-side .green-btn,
.atom .product-hero .right-side .green-btn,
.avant .product-hero .right-side .green-btn,
.tornado .product-hero .right-side .green-btn,
main.blue .product-hero .right-side .green-btn {
	background-color: #009EE3 !important;
}

.aries .product-hero .right-side .main-btn .green-btn:hover,
.zeus .product-hero .right-side .main-btn .green-btn:hover,
.permahot .product-hero .right-side .main-btn .green-btn:hover,
.lux .product-hero .right-side .main-btn .green-btn:hover,
.laser .product-hero .right-side .main-btn .green-btn:hover,
.avant .product-hero .right-side .main-btn .green-btn:hover,
.atom .product-hero .right-side .main-btn .green-btn:hover,
.avant .product-hero .right-side .main-btn .green-btn:hover,
.tornado .product-hero .right-side .main-btn .green-btn:hover,
main.blue .product-hero .right-side .main-btn .green-btn:hover {
	background-color: #fff !important;
}

.aries .product-hero .right-side .main-btn .white-btn:hover,
.zeus .product-hero .right-side .main-btn .white-btn:hover,
.permahot .product-hero .right-side .main-btn .white-btn:hover,
.lux .product-hero .right-side .main-btn .white-btn:hover,
.laser .product-hero .right-side .main-btn .white-btn:hover,
.avant .product-hero .right-side .main-btn .white-btn:hover,
.atom .product-hero .right-side .main-btn .white-btn:hover,
.avant .product-hero .right-side .main-btn .white-btn:hover,
.tornado .product-hero .right-side .main-btn .white-btn:hover,
main.blue .product-hero .right-side .main-btn .white-btn:hover {
	background-color: #009EE3 !important;
}


.aries .tabbed-section .standard-layout .a-button a,
.zeus .tabbed-section .standard-layout .a-button a,
.permahot .tabbed-section .standard-layout .a-button a,
.lux .tabbed-section .standard-layout .a-button a,
.laser .tabbed-section .standard-layout .a-button a,
.avant .tabbed-section .standard-layout .a-button a,
.atom .tabbed-section .standard-layout .a-button a,
.avant .tabbed-section .standard-layout .a-button a,
.tornado .tabbed-section .standard-layout .a-button a,
main.blue .tabbed-section .standard-layout .a-button a,
.aries .spec-accordion .a-button a,
.zeus .spec-accordion .a-button a,
.permahot .spec-accordion .a-button a,
.lux .spec-accordion .a-button a,
.laser .spec-accordion .a-button a,
.avant .spec-accordion .a-button a,
.atom .spec-accordion .a-button a,
.tornado .spec-accordion .a-button a,
main.blue .spec-accordion .a-button a {
	border: 1px solid #009EE3 !important;
	color: #0C0705;
	background-color: #009EE3 !important;
}

.aries .tabbed-section .standard-layout .a-button a:hover,
.zeus .tabbed-section .standard-layout .a-button a:hover,
.permahot .tabbed-section .standard-layout .a-button a:hover,
.lux .tabbed-section .standard-layout .a-button a:hover,
.laser .tabbed-section .standard-layout .a-button a:hover,
.avant .tabbed-section .standard-layout .a-button a:hover,
.atom .tabbed-section .standard-layout .a-button a:hover,
.avant .tabbed-section .standard-layout .a-button a:hover,
.tornado .tabbed-section .standard-layout .a-button a:hover,
main.blue .tabbed-section .standard-layout .a-button a:hover,
.aries .spec-accordion .a-button a:hover,
.zeus .spec-accordion .a-button a:hover,
.permahot .spec-accordion .a-button a:hover,
.lux .spec-accordion .a-button a:hover,
.laser .spec-accordion .a-button a:hover,
.avant .spec-accordion .a-button a:hover,
.atom .spec-accordion .a-button a:hover,
.tornado .spec-accordion .a-button a:hover,
main.blue .spec-accordion .a-button a:hover {
	border: 1px solid #0C0705 !important;
	color: #009EE3;
	background-color: #0C0705 !important;
}

.spec-accordion .a-button {
	margin-bottom: 20px;


}

.spec-accordion .a-button a {
	border: 1px solid #8DC63F;
	color: #0C0705;
	background-color: #8DC63F;
}

.aries .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
.zeus .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
.permahot .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
.lux .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
.laser .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
.avant .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
.atom .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
.avant .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
.tornado .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
main.blue .tabbed-section .spec-accordion-item .spec-accordion-toggle span {
	background-color: #009EE3 !important;
	transition: 0.5s;
}

.aries .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
.zeus .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
.permahot .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
.lux .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
.laser .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
.avant .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
.atom .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
.avant .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
.tornado .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
main.blue .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover {
	color: #009EE3 !important;
	background-color: #0C0705 !important;
}

/*** yellow ***/
.plantmaster .product-hero .right-side .buttons.small a.green-btn,
.fix .product-hero .right-side .buttons.small a.green-btn,
.force .product-hero .right-side .buttons.small a.green-btn,
.volume-wash .product-hero .right-side .buttons.small a.green-btn,
main.yellow .product-hero .right-side .buttons.small a.green-btn {
	color: #0C0705 !important;
	border: 1px solid #FFD343 !important;
}

.plantmaster .product-hero .right-side .buttons.small a.green-btn:hover,
.fix .product-hero .right-side .buttons.small a.green-btn:hover,
.force .product-hero .right-side .buttons.small a.green-btn:hover,
.volume-wash .product-hero .right-side .buttons.small a.green-btn:hover,
main.yellow .product-hero .right-side .buttons.small a.green-btn:hover{
	/* 	color: #FFD343 !important; */
	border: 1px solid #0C0705 !important;
	background-color: #fff !important;
}


.plantmaster .product-hero .right-side .green-btn,
.revolution .product-hero .right-side .green-btn,
.fix .product-hero .right-side .green-btn,
.force .product-hero .right-side .green-btn,
.volume-wash .product-hero .right-side .green-btn,
main.yellow .product-hero .right-side .green-btn {
	background-color: #FFD343 !important;

}

.plantmaster .product-hero .right-side .main-btn .white-btn:hover,
.revolution .product-hero .right-side .main-btn .white-btn:hover,
.fix .product-hero .right-side .main-btn .white-btn:hover,
.force .product-hero .right-side .main-btn .white-btn:hover,
.volume-wash .product-hero .right-side .main-btn .white-btn:hover,
main.yellow .product-hero .right-side .main-btn .white-btn:hover {
	background-color: #FFD343 !important;
}

main.yellow .product-hero .right-side .green-btn:hover {
	background-color: #fff !important;
}

.plantmaster .tabbed-section .standard-layout .a-button a,
.fix .tabbed-section .standard-layout .a-button a,
.force .tabbed-section .standard-layout .a-button a,
.volume-wash .tabbed-section .standard-layout .a-button a,
main.yellow .tabbed-section .standard-layout .a-button a,
.plantmaster .spec-accordion .a-button a,
.fix .spec-accordion .a-button a,
.force .spec-accordion .a-button a,
.volume-wash .spec-accordion .a-button a,
main.yellow .spec-accordion .a-button a {
	border: 1px solid #FFD343 !important;
	color: #0C0705;
	background-color: #FFD343 !important;
}


.plantmaster .tabbed-section .standard-layout .a-button a:hover,
.fix .tabbed-section .standard-layout .a-button a:hover,
.force .tabbed-section .standard-layout .a-button a:hover,
.volume-wash .tabbed-section .standard-layout .a-button a:hover,
main.yellow .tabbed-section .standard-layout .a-button a:hover,
.plantmaster .spec-accordion .a-button a:hover,
.fix .spec-accordion .a-button a:hover,
.force .spec-accordion .a-button a:hover,
.volume-wash .spec-accordion .a-button a:hover,
main.yellow .spec-accordion .a-button a:hover {
	border: 1px solid #0C0705 !important;
	color: #FFD343;
	background-color: #0C0705 !important;
}


.plantmaster .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
.revolution .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
.fix .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
.force .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
.volume-wash .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
main.yellow .tabbed-section .spec-accordion-item .spec-accordion-toggle span{
	background-color: #FFD343 !important;
	transition: 0.5s;
}

.plantmaster .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
.revolution .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
.fix .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
.force .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
.volume-wash .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
main.yellow .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover {
	background-color: #0C0705 !important;
	color: #FFD343;
}


/*** red ***/
.revolution .product-hero .right-side .buttons.small a.green-btn,
.drop .product-hero .right-side .buttons.small a.green-btn,
main.red .product-hero .right-side .buttons.small a.green-btn{
	color: #0C0705 !important;
	border: 1px solid #e1223a !important;
}

.revolution .product-hero .right-side .green-btn,
.drop .product-hero .right-side .green-btn,
main.red .product-hero .right-side .green-btn {
	background-color: #e1223a !important;
}

.revolution .tabbed-section .standard-layout .a-button a, 
.revolution .spec-accordion .a-button a,
.drop .tabbed-section .standard-layout .a-button a,
.drop .spec-accordion .a-button a,
main.red .tabbed-section .standard-layout .a-button a,
main.red .spec-accordion .a-button a{
	border: 1px solid #e1223a !important;
	color: #0C0705;
	background-color: #e1223a !important;
}

.revolution .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
.drop .tabbed-section .spec-accordion-item .spec-accordion-toggle span,
main.red .tabbed-section .spec-accordion-item .spec-accordion-toggle span {
	background-color: #e1223a !important;
}


/*** red hover ***/


.revolution .product-hero .right-side .buttons.small a.green-btn:hover,
.drop .product-hero .right-side .buttons.small a.green-btn:hover, 
main.red .product-hero .right-side .buttons.small a.green-btn:hover {
	color: #0C0705 !important;
	border: 1px solid #fff !important;
	background-color: #fff !important;
}

.revolution .product-hero .right-side .green-btn:hover,
.drop .product-hero .right-side .green-btn:hover,
main.red .product-hero .right-side .green-btn:hover {
	background-color: #fff !important;
}

.revolution .tabbed-section .standard-layout .a-button a:hover, 
.revolution .spec-accordion .a-button a:hover,
.drop .tabbed-section .standard-layout .a-button a:hover,
.drop .spec-accordion .a-button a:hover,
main.red .tabbed-section .standard-layout .a-button a:hover,
main.red .spec-accordion .a-button a:hover {
	border: 1px solid #0C0705 !important;
	color: #e1223a;
	background-color: #0C0705 !important;
}

.revolution .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
.drop .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover,
main.red .tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover {
	background-color: #0C0705 !important;
	color: #e1223a !important;
}


.revolution .product-hero .right-side .main-btn .white-btn:hover,
.drop .product-hero .right-side .main-btn .white-btn:hover,
main.red .product-hero .right-side .main-btn .white-btn:hover {
	background-color: #e1223a !important;
}

/*** green ***/

.page-id-224.page-template-default .bread li.crumb:last-child a,
.page-id-224 .🍞 .crumb:last-child a span {
	color: #8DC63F;
}
.page-id-224 .hero .left .left-inner .inner-container .title span {
	color: #8DC63F;
}

.page-id-224 .text-block h2 span {
	color: #8DC63F;
}

.page-id-224 .text-block .contact-links svg {
	color: #8DC63F;
}

.page-id-224 .contact input[type=submit] {
	background-color: #8DC63F !important;
	border: 1px solid #8DC63F;
}

.page-id-224 .contact input[type=submit]:hover {
	border: 1px solid #8DC63F;
}


.zero-emissions {

}


.spec-accordion .a-button a {

}


.triangle {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;

}

.triangle img {
	display: block;
}

@media (max-width: 600px) {
	.triangle img {
		width: 40px;
	}
}

/*** search***/
.search-panel {
	display: block;
	content: '';
	width: 100%;
	height: 100vh;

	left: 0px;
	background-color:rgba(0,0,0, 0.7);

	position: absolute;
	z-index: 100;

	opacity: 0;
	transition: 0.5s;
	z-index: 999;
	pointer-events: none;
}

.search-panel-container {
	max-width: 720px;
	margin: 40px auto 0;
	padding: 0 20px;
}

.search-panel.active {
	opacity: 1;
	pointer-events: auto;
}

.search-icon:hover {
	cursor: pointer;
}

div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {
	font-family: "roboto", sans-serif !important;
	color:#0C0705 !important;
}


/*** search bar ***/


body div.asl_m.asl_w {
	/* 	border-radius: 5px !important; */
	/* 	border: 1px solid #222C3F !important; */
	/* 	border-radius: 7px !important; */
}

body #ajaxsearchlite1 .probox .proinput input, body div.asl_w .probox .proinput input {
	font-size: 16px !important;
	font-weight: 200 !important;
	font-family: "roboto", sans-serif;

}

body #ajaxsearchlite1 .probox .proinput input, body div.asl_w .probox .proinput input::placeholder {
	color: #000 !important;
	font-family: "roboto", sans-serif !important;
	font-weight: 200;
	font-size: 16px;
}
#ajaxsearchlite1 .probox, div.asl_w .probox {

	height: 50px !important;
}

body div.asl_m .probox .proinput input {
	height: 50px !important;
}

body div.asl_w .probox .proloading, body div.asl_w .probox .proclose, body div.asl_w .probox .prosettings {
	height: 50px !important;
	width: 50px !important;
}

body div.asl_m .probox .proclose svg {
	background: #ffffff !important;
}


body #ajaxsearchlite1 .probox .proinput, div.asl_w .probox .proinput {
	font-weight: 300;
	font-family: "roboto", sans-serif !important;
	font-size: 16px;
}
body .asl_m .probox .innericon {
	position: relative;
	background-color: #0C0705 !important;
	color: #ffffff;
	font-weight: 200;
	font-family: "roboto", sans-serif;
	font-size: 16px;
	outline: 1px solid #303470;
}
body .asl_m .probox .innericon:hover {
	background-color: #ffffff;
}
.asl_m .probox .innericon::after {
	content: 'Search';
	display: block;
	position:absolute;
	left: 50%;
	top: calc(50% - 2px);
	transform: translate(-50%, -50%);
	font-family: "roboto", sans-serif;
	font-size: 16px;
	font-weight: 200;
}

.asl_m .probox .innericon svg {
	display: none !important;
}
div.asl_w .probox .promagnifier {
	width: 130px !important;
	text-align: center;
	height: 50px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.search-bar {
	width: 450px;

}


.search-bar input {
	font-size: 16px;
	font-family: "roboto", sans-serif;
	font-weight: 200;
}


/*** image-slider ***/

.image-slider {
	padding: 60px 0 60px;
	box-sizing: border-box;
}

.image-slider {
	margin-top: 0px;
}

.image-slider .heading {
	max-width: 800px;
	margin: 0 auto 30px;
	padding: 0 30px;
	box-sizing: border-box;
}

.image-slider .heading p {
	color: #4B4B4B;
}

.image-slider .slick-initialized .slick-slide {
	margin: 0 20x !important;
	padding: 0 10px;
	transition: none;
	opacity: 0.5;
}

.image-slider .slick-initialized .slick-active {
	opacity: 1;
}


.image-slider .slick-list{
	padding:0 30% 0 30% !important;
}
.image-slider .slick-initialized .slick-slide .post-image > img {
	width: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 20px;
}

.image-slider .slick-initialized .slick-slide img:not(.a-button img) {
	height: 380px;
	width: 100%;
	display: block;
	object-fit: cover;
	object-position: center;

}

.image-slider .slick-initialized .slick-slide img,
.image-slider .slick-initialized .slick-slide {
	/* 		height: 435px; */
}


.image-slider.blue-bg .slick-initialized .slick-slide .text p:first-of-type {
	padding-top: 0px;
}

.image-slider.blue-bg .slick-initialized .slick-slide .text h3 {
	margin-top: 20px;
}

.image-slider.blue-bg .slick-initialized .slick-slide .text > * {
	color: #fff;
}

.image-slider .items-container {
	position: relative;
}


.image-slider .item .post-title {
	margin-top: 10px;
	margin-bottom: 10px;
}

.image-slider .item .post-title > * {
	/* 	color: #008AD2; */
}

.image-slider .item .post-title h2 a {
	font-size: 32px;
	display: block;
}

.image-slider .item .post-content .post-info {
	display: flex;
	gap: 20px;
	margin-bottom: 7px;
}

.image-slider .item .post-content .post-info div {
	display: flex;
	align-items: center;
}

.image-slider .item .post-content .post-info div span {
	color: #1B2024;
	font-size: 18px;
}

.image-slider .item .post-content .post-info div img {
	width: 33px;
	object-fit: contain;
	display:block;
	height: 33px;
	margin-right: 15px;
}

.image-slider .item .career-content p {
	padding-top: 10px;
	font-size: 18px;

}

.image-slider .item .a-button {
	margin-top: 20px;

}
.image-slider .item .a-button a {
	display: flex;
	gap: 10px;
	align-items: center;
	font-size: 18px;
	font-weight: 600;
	width: fit-content;
}
.image-slider .item .a-button img {
	width: 15px;
	object-fit: contain;
	height: auto;
	margin-top: -2px;

}

.image-slider .post-image {
	position: relative;
}

/* .post-slider .post-image .tint {
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
display: block;
width: 100%;
height: 100%;
position: absolute;
content: '';
top: 0px;
left: 0px;
border-radius: 20px;
} */

.image-slider .post-content {
	/* 	position: absolute; */
	bottom: 0px;
	left: 0;
	padding: 20px 0px;
	box-sizing: border-box;
}

.image-slider .a-button.outter {
	margin-top: 50px;
}

.image-slider .slick-dots {
	position: relative;
	bottom: auto;
	margin-top: 20px;
}
.image-slider .slick-dots li button:before {
	content: '' !important;
	border: 1px solid #303470;
	border-radius: 100%;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
}
.image-slider li.slick-active button:before {
	opacity: 1;
	background-color: #303470;
}

.image-slider .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0px;
}

.image-slider .slick-dots li {
	background-color: #F4F4F4;
	border: 2px solid #F4F4F4;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 33px;
	height: 33px;
	font-size: 18px;
	font-weight: 600;
	color: #008AD2;
}

.image-slider.blue-bg .slick-dots li {
	background-color: #008AD2;
	border: 2px solid #fff;
	color: #fff;
}

.image-slider .slick-dots li.slick-active {
	border: 2px solid #008AD2;
}

.image-slider .slick-dots li.slick-active {
	/* 	border: 2px solid #fff; */
	background-color: #fff;
	color: #008AD2;
}

.image-slider .navi {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.image-slider .navi .slick-arrow:hover {
	cursor: pointer;
}

.image-slider.blue-bg .navi .left-arrow,
.image-slider.blue-bg .navi .right-arrow {
	filter: brightness(0) invert(1);
}

@media (max-width: 1300px) {
	.image-slider .slick-list {
		padding: 0 20% !important;
	}
}

@media (max-width: 1100px) {
	.image-slider .slick-initialized .slick-slide .post-image > img:not(.a-button img) {
		height: 400px;
	}
}

@media (max-width: 900px) {
	.image-slider .slick-initialized .slick-slide {
		padding: 0 10px !important;
	}
	.image-slider .slick-list {
		padding: 0 10% !important;
	}

	.image-slider .arrows .right-arrow img,
	.image-slider .arrows .left-arrow img {
		width: 40px;
		object-fit: contain;
	}
}


@media (max-width: 600px) {

	.image-slider .slick-initialized .slick-slide .post-image > img:not(.a-button img)  {
		height: 200px;
	}

	.image-slider .slick-initialized .slick-slide {
		padding: 0 5px !important;
	}

	.image-slider .arrows .right-arrow {
		display: flex;
	}
	.image-slider .a-button.outter {
		padding: 0 20px;
	}

	/* 	.image-slider .slick-initialized .slick-slide img, .parent-pageid-760 .post-slider .slick-initialized .slick-slide {
	height: 356px;
} */

	.image-slider .arrows .right-arrow img,
	.image-slider .arrows .left-arrow img {
		width: 30px;
		object-fit: contain;
	}

	.image-slider .slick-list {
		padding: 0 5% !important;
	}



	.image-slider .item .post-title h2 a {
		font-size: 26px;
	}


	.image-slider .post-content {
		padding: 20px 0px;
	}

	.image-slider .heading {
		padding: 0 20px;
	}

	.image-slider .item .career-content p {
		font-size: 16px;
	}

	.image-slider .item .post-content .post-info div span {
		font-size: 16px;
	}

	.image-slider .item .post-content .post-info div img {
		width: 29px;
		height: 29px;
	}

}

/*** product hero ***/



.over-visible {
	overflow: visible;
}

.loading {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
	background: white;
}

.container {
	max-width: 880px;
	padding: 20px 10px;
	margin: 0 auto;
}

.synch-carousels {
	position: relative;
	display: flex;
	/* 	flex-wrap: wrap; */
	justify-content: center;
	gap: 20px;
	height: 100%;
	flex-direction: column-reverse;
}

.synch-carousels .slick-slider,
.synch-carousels .slick-list,
.synch-carousels .slick-track {
	height: 100% !important;
}

.synch-carousels .item img {
	display: block;
	object-fit: contain;
	height: 100%;
	margin: 0 auto;

}

.synch-carousels .left.child .item img {
	height: 130px;
	object-fit: cover;
}


.synch-carousels .left.child .item .no-thumbnail-container {
	height: 110px;
	display: flex;
	align-items: center;
}

.synch-carousels .left.child .item.no-thumbnail img {
	height: 50px;
	width: 80%;
	object-fit: contain;
	object-position: center;
	display: block;
}

.synch-carousels .right {
	padding: 0 30px;
	box-sizing: border-box;
}

.synch-carousels > * {
	width: 100%;
}

.synch-carousels .right {
	order: -1;
}

.synch-carousels .right .no-thumbnail {
	display: flex;
	justify-content: center;
	align-items: center;
}

.synch-carousels .right .no-thumbnail img {
	max-width: 200px;
	margin: 0 auto;
}

.synch-carousels .left {
	overflow: hidden;
	/* 	height: 100% !important; */
}



.synch-carousels .slick-slide {
	outline: none;
}

.synch-carousels .slick-vertical .slick-slide {
	border: none;
}

.synch-carousels .product_customizer_gallery .slick-list {
	height: auto !important;
	margin: 0 -20px;
}

.synch-carousels .product_customizer_gallery .slick-slide {
	cursor: pointer;
}

.synch-carousels .product_customizer_gallery .slick-slide {
	margin: 0 20px;
}

/* .synch-carousels .nav-arrows {
	display: flex;
	position: absolute;
	/* 		bottom: -50px; */
	/* 		left: 50%; 
	left: 0px;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	justify-content: space-between;
} */

.synch-carousels .right .arrow-left, .synch-carousels .right .arrow-right{
	position: absolute;
	position: absolute;
    top: calc(50% - 13px);
}


.synch-carousels .right .arrow-left{
	left: 0;
}

.synch-carousels .right .arrow-right{
	right: 0;
}

.synch-carousels .nav-arrows svg {
	fill: white;
}

.synch-carousels .arrow-left {
	margin-right: 35px;
}

.synch-carousels .photos-counter {
	position: absolute;
	left: 20px;
	bottom: 20px;
	padding: 5px 15px;
	color: #0C0705;
	background:#EDEDED;
}

@media screen and (min-width: 480px) {
	.synch-carousels .right {
		margin-bottom: 20px;
	}

	.synch-carousels .gallery {
		display: block;
	}
}
/* 
@media screen and (min-width: 1024px) { */
.synch-carousels .right {
	position: relative;
	/* 		width: calc(100% - 130px); */

	margin-bottom: 0;
	order: 2;
	height: calc(100% - 130px);
}

.synch-carousels .left {
	/* 		width:80px; */
	width: 100%;
}

.synch-carousels .product_customizer_gallery .slick-slide {
	margin: 0 20px 0px 0;
}

.synch-carousels .product_customizer_gallery .slick-list {
	margin: 0;
}
/* } */

.product-hero {
	height: 640px;
	margin-bottom: 60px;
}

.product-hero .breadcrumb-container {
	background-color: #EDEDED;
	padding: 15px 20px;
	box-sizing: border-box;
}
.product-hero .breadcrumb-container .breadcrumb {
	max-width: 1370px;
	margin: 0 auto;
}

.product-hero .breadcrumb-container .breadcrumb .🍞 li,
.product-hero .breadcrumb-container .breadcrumb .bread li,
.product-hero .breadcrumb-container .breadcrumb .🍞 li.crumb a,
.product-hero .breadcrumb-container .breadcrumb .bread span.arrow {
	color: #0C0705;
	padding-top: 0px;
	opacity: 1;
}
.product-hero .breadcrumb-container .breadcrumb .🍞 .crumb:last-child a span {
	color: #0C0705;
}
.product-hero .breadcrumb-container .breadcrumb .bread span.arrow {
	margin-left: 5px;
}
.product-hero .product-hero-container {
	display: flex;
	height: 100%;
	max-width: 1370px;
	margin: 0 auto;
}

.product-hero .left-side {
	width: 50%;
}

.product-hero .left-side button {
	border: none;
	background: none;
	outline: none;
}
.product-hero .left-side button.arrow-left {
	margin-left: 20px;
}
.product-hero .left-side button.arrow-right {
	margin-right: 20px;
}

.product-hero .left-side button:hover {
	cursor: pointer;
}

.product-hero .right-side {
	width: 50%;
	background-color: #0C0705;
	color: #fff;
	padding: 30px 80px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.product-hero .right-side .title > * {
	font-size: 46px;
	font-weight: 600;
	font-style: normal;
}

.product-hero .right-side .text h3 {
	font-size: 24px;
	text-transform: uppercase;
}

.product-hero .right-side .text h3 strong {
	color: #8DC63F;
	font-style: normal;
	font-weight: normal;
}

.product-hero .right-side .buttons {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}


.product-hero .right-side .buttons.small {
	margin-bottom: 15px;
}

.product-hero .right-side .buttons.small.mobile-show {
	display: none;
}

.product-hero .right-side .buttons.small a {
	font-size: 16px;
	padding: 10px;
	background-color: transparent;

}

.product-hero .right-side .buttons.small a.green-btn {
	color: #8DC63F;
	border: 1px solid #8DC63F;
}

.product-hero .right-side .buttons.small a.green-btn:hover {
	color: #8DC63F;
	border: 1px solid #fff;
	background-color: #fff;
}

.product-hero .right-side .buttons.small a.white-btn {
	color: #fff;
	border: 1px solid #fff;
}

.product-hero .right-side .buttons.small a.white-btn:hover {
	background-color: #fff;
	color: #0C0705;
}

.product-hero .right-side .green-btn  {
	background-color: #8DC63F;
	color: #0C0705;
	text-transform: uppercase;
}

.product-hero .right-side .main-btn .green-btn:hover {
	background-color: #fff;
}


.product-hero .right-side .white-btn  {
	background-color: #fff;
	color: #0C0705;
	text-transform: uppercase;
}

.product-hero .right-side .main-btn .white-btn:hover {
	background-color: #8DC63F;
}

@media (max-width: 1200px) {
	.product-hero .right-side {
		padding: 30px 30px;
	}

	.synch-carousels .product_customizer_gallery .slick-list {
		margin: 0px;
	}
}

@media (max-width: 1100px) {
	.product-hero .right-side .buttons.small.mobile-show {
		display: flex;
	}

	.product-hero .right-side .buttons.small {
		display: none;
	}
}

@media (max-width: 900px) {
	.synch-carousels .product_customizer_gallery .slick-list {
		/* 		display: none; */
	}

	.synch-carousels .item img {
		height: 380px;
	}

	.product-hero .product-hero-container {
		flex-direction: column;
	}

	.product-hero {
		height: auto;
		margin-bottom: 20px;
	}
	.product-hero .left-side {
		width: 100%;
	}
	.product-hero .right-side {
		width: 100%;
	}

	.product-hero .right-side {
		padding: 30px 30px 50px;
	}
}

@media (max-width: 600px) {
	.synch-carousels .product_customizer_gallery .slick-list {
		display: none;
	}
	.product-hero .right-side{
		text-align: center;
	}
	.product-hero .right-side .title > * {
		font-size: 36px;
	}

	.product-hero .right-side .a-button {
		display: block;
		width: 100%;
	}

	.product-hero .right-side .a-button a {
		width: 100%;
		text-align: center;
		display: block;
	}

	.product-hero .right-side .a-button {
		margin-top: 20px;
	}

	.product-hero .right-side .buttons {
		gap: 0px;
	}

	.product-hero {
		margin-bottom: 0px;
	}

	.synch-carousels .nav-arrows {
		padding: 0 10px;
		box-sizing: border-box;
	}

	.product-hero .right-side {
		padding: 30px 20px 50px;
	}

	.product-hero .left-side button.arrow-left {
		margin-left: 0px;
	}
	.product-hero .left-side button.arrow-right {
		margin-right: 0px;
	}

	.synch-carousels .right {
		padding: 0 20px;
	}

	.synch-carousels .photos-counter {
		bottom: 10px;
	}
}

/*** submenu ***/

.submenu {
	background-color: #EDEDED;
	padding: 40px 30px 40px;
	box-sizing: border-box;
	position: absolute;
	display: none;
	max-width: 1370px;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
}
.submenu-container {
	max-width: 1370px;
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	margin: 0 auto;
}

.submenu .submenu-item {
	flex: 1 1 calc(25% - 50px);
	max-width: 25%;
}
.submenu .submenu-item h3 {
	font-size: 20px;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 10px;
}
.submenu .submenu-item p {
	padding-top: 10px;
}
.submenu .submenu-item img {
	height: 140px;
	display: block;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.pressure-menu.submenu .submenu-item img,
.mac-brands-menu.submenu .submenu-item img {
	object-fit: contain;
}

.submenu.about-menu img {
	object-position: top;
}

.floorcare-menu.submenu .submenu-item img {
	object-fit: contain;
}

.submenu .a-button {
	margin-top: 10px;
}

.submenu .a-button a {
	text-transform: uppercase;
	color: #0C0705;
	font-size: 16px;
	font-weight: 700;
	font-style: normal;
}
.submenu .a-button a:hover {
	opacity: 0.7;
}

.submenu .submenu-item ul {
	padding-left: 0px;
	list-style-type: none;
	margin: 0;

}

.submenu .submenu-item ul li a{
	font-size: 16px;
	color: #0C0705;
}

.submenu .submenu-item ul li a:hover {
	opacity: 0.7;
}

/*** simple cta ***/

.simple-cta {
	padding: 0px 30px 50px;
	box-sizing: border-box;

}

.simple-cta-container {
	max-width: 800px;
	margin: 0 auto;
	background-color: #0C0705;
	padding: 40px 40px;
	box-sizing: border-box;
	color: #fff;
}


.simple-cta .a-button {
	margin: 50px 0 30px;
}

.simple-cta .a-button a{
	color: #FFD343;
	border: 1px solid #FFD343;
}

.simple-cta {
	padding: 0px 20px 50px;
}

/*** tabbed-section ***/

.tabbed-section.untabbed {
	padding-top: 0px;
}
.tabbed-section.untabbed .tab-content{
	display: block !important;
	padding: 50px 0;
	box-sizing: border-box;
}

.tabbed-section.untabbed #tab-0 {
	background-color: #EDEDED;
	color: #0C0705;
	position: relative;
}

.tabbed-section.untabbed #tab-0::before {
	width: 50%;
	left: -50%;
	top: 0;
	background-color: #EDEDED;
	height: 100%;
	position: absolute;
	content: '';
}

.tabbed-section.untabbed #tab-0::after {
	width: 50%;
	right: -50%;
	top: 0;
	background-color: #EDEDED;
	height: 100%;
	position: absolute;
	content: '';
}



.tabbed-section.untabbed #tab-2 {
	background-color: #fff;
	color: #0C0705;
	position: relative;
}

.tabbed-section.untabbed #tab-2::before {
	width: 50%;
	left: -50%;
	top: 0;
	background-color: #fff;
	height: 100%;
	position: absolute;
	content: '';
}

.tabbed-section.untabbed #tab-2::after {
	width: 50%;
	right: -50%;
	top: 0;
	background-color: #fff;
	height: 100%;
	position: absolute;
	content: '';
}

.tabbed-section.untabbed #tab-2 .spec-accordion-item {
	border: 1px solid #707070;
}


.tabbed-section.untabbed .tab-header {
	display: none;
}

.tabbed-section {
	box-sizing: border-box;
	padding: 50px 30px;
	/* 	background-color: #0C0705; */

}

.tabbed-section-container {
	max-width: 1370px;
	margin: 0 auto;
}

.tabbed-section .tab-header {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #0C0705;
	margin-bottom: 20px;

}

.tabbed-section .tab-header button {
	background-color: #EDEDED;
	border: none;
	padding: 20px 20px;
	cursor: pointer;
	font-size: 24px;
	text-transform: uppercase;
	color: #0C0705;
	flex: 1 1 25%;
	font-weight: 600;
	margin-bottom: 0px;
	border-bottom: 0px solid #0C0705;
	border-right: 1px solid #0C0705;
	font-family: "din-2014", sans-serif;
}

.tabbed-section .tab-header button:last-of-type {
	border-right: none;
}

.tabbed-section .tab-header button.active {

	font-weight: bold;
	background-color: #fff;
	background-color: #0C0705;
	color: #fff;
}

.tabbed-section .tab-content {
	display: none;
	/* 	color: #fff; */
}

.tabbed-section .tab-content.active {
	display: block;
}
.tabbed-section .standard-layout .title > * {
	text-transform: uppercase;
	font-size: 24px;
}
.tabbed-section .standard-layout .text-container {
	display: flex;
	gap: 20px;
}

.tabbed-section .standard-layout .text-container .text-left {
	flex: 1 1 50%;
}


.tabbed-section .standard-layout .text-container .text-right {
	flex: 1 1 50%;
}

.single-accessory .tabbed-section .standard-layout .text-container p {
	font-size: 20px;
}
.single-accessory .tabbed-section .standard-layout .text-container ul {
	list-style-type: none;
	padding-left: 0px;
	margin: 0;
	display: flex
		;
	gap: 0 50px;
	flex-wrap: wrap;
}
.single-accessory .tabbed-section .standard-layout .text-container ul li {
	position: relative;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #0C0705;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
	/*     width: calc(50% - 100px); */
	box-sizing: border-box;
	display: block;
	width: 100%;
}
.single-accessory .tabbed-section .standard-layout .text-container ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 13px;
	/* transform: translateY(-50%); */
	width: 15px;
	height: 20px;
	background-image: url(img/bullet_white.svg);
	background-size: cover;
	background-repeat: no-repeat;
}


.single-accessory .product-hero .right-side .buttons.small a.green-btn {
	color: #FFD342;
	border: 1px solid #FFD342;
}

.single-accessory .product-hero .right-side .buttons.small a.green-btn:hover {
	color: #0C0705;
}

.product-hero .right-side .green-btn {
	background-color: #FFD342;
}

.tabbed-section .standard-layout .a-button {
	margin-top: 40px;
}
.tabbed-section .standard-layout .a-button a {
	border: 1px solid #8DC63F;
	color: #0C0705;
	background-color: #8DC63F;

}

.tabbed-section .standard-layout .a-button a:hover {
	color: #8DC63F;
	background-color: #0C0705;
	border: 1px solid #0C0705;
}

.tabbed-section .features-layout .title > * {
	font-size: 24px;
	/* 	color: #8DC63F; */
}

.tabbed-section .features-layout .features {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	margin-top: 15px;
	margin-bottom: 30px;

}

.tabbed-section .features-layout .features .feature-item {
	background-color: #EDEDED;
	padding: 15px 15px;
	box-sizing: border-box;
	text-align: center;
	flex: 1 1 calc(25% - 15px);

}

.tabbed-section .features-layout .features .feature-item p {
	padding-top: 0px;
	color: #0C0705;
	text-transform: uppercase;
	font-weight: 400;
	font-style: normal;

	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.tabbed-section .features-layout .text h3 {
	font-size: 24px;
	/* 	color: #8DC63F; */
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
}

.tabbed-section .features-layout .text ul li {

}


.tabbed-section .features-layout .text ul {
	list-style-type: none;
	padding-left: 0px;
	margin: 0;
	display: flex;
	gap: 0 50px;
	flex-wrap: wrap;
}
.tabbed-section .features-layout .text ul li {
	position: relative;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #0C0705;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
	width: calc(50% - 100px);
	box-sizing: border-box;
}

.tabbed-section .features-layout .text ul > li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 13px;
	/* 	transform: translateY(-50%); */
	width: 15px; /* Bullet size */
	height: 20px; /* Bullet size */
	background-image: url('img/bullet.svg'); /* Custom bullet image */
	background-size: cover;
	background-repeat: no-repeat;
}


.tabbed-section .features-layout .text ul li ul li {
	padding-left: 0px;
	text-transform: none;
	font-size: 16px;
	font-weight: 300;
}

.tabbed-section .specs-layout .title > * {
	font-size: 24px;
}

.tabbed-section .spec-accordion {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	margin-top: 20px;
}

.tabbed-section .spec-accordion-title h3 {
	font-size: 24px;
}

.tabbed-section .spec-accordion-half {
	flex: 1 1 calc(50% - 15px);
}
.tabbed-section .spec-accordion-item {

	border: 1px solid #0C0705;
	padding: 20px 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
}


.tabbed-section .spec-accordion-item .spec-accordion-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.tabbed-section .spec-accordion-item .spec-accordion-toggle {
	transition: 0.5s;
	margin-left: 15px;
}

.tabbed-section .spec-accordion-item .spec-accordion-title:hover {
	cursor: pointer;
}

.tabbed-section .spec-accordion-item .spec-accordion-toggle span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background-color: #8DC63F;
	transition: 0.5s;

}

.tabbed-section .spec-accordion-item .spec-accordion-toggle span:hover {
	background-color: #0C0705;
	color: #8DC63F;
}

.tabbed-section .spec-accordion-item .spec-accordion-toggle span i {
	font-size: 24px;

}

.tabbed-section .spec-accordion-item .spec-accordion-toggle img {
	display: block;
}

.tabbed-section .spec-accordion-item .spec-accordion-toggle.active {
	transform: rotate(180deg);
}

.tabbed-section .spec-accordion-item .spec-detail {
	display: flex;
	border-bottom: 1px solid #EDEDED;
	padding: 10px 0;
}


.tabbed-section .spec-accordion-item .spec-detail:last-of-type {
	border-bottom: none;
}

.tabbed-section .spec-accordion-item .spec-detail .text-left {
	flex: 1 1 50%;
}

.tabbed-section .spec-accordion-item .spec-detail .text-right {
	flex: 1 1 50%;
}


.tabbed-section .spec-accordion-item .spec-detail .text-left,
.tabbed-section .spec-accordion-item .spec-detail .text-right{
	font-size: 20px;
}

.tabbed-section .downloads-list {
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
	margin-top: 20px;
}

.tabbed-section .download-item {
	display: flex;
	flex-direction: column;
	width: calc(25% - 80px);
}

.tabbed-section .download-item h3 {
	margin-top: 20px;
	display: block;
}
.tabbed-section .download-item .a-button {
	margin-top: auto;
	padding-top: 20px;
}
.tabbed-section .download-item .a-button a {
	border: 1px solid #0C0705;
	color: #0C0705;
	width: 100%;
	display: block;
	text-align: center;
	padding: 15px 20px;
}

.tabbed-section .download-item .a-button a:hover {
	color: #fff;
}

.tabbed-section .download-item .a-button a i {
	margin-left: 10px;
}


.tabbed-section #tab-3 .title > * {
	font-size: 24px;
}

@media (max-width: 1300px) {
	.tabbed-section .tab-header button {
		font-size: 20px;
	}
}

@media (max-width: 1100px) {
	.tabbed-section .tab-header {
		flex-direction: column;
	}
}

@media (max-width: 1000px) {
	.tabbed-section .spec-accordion {
		flex-direction: column;
	}

	.tabbed-section .spec-accordion-half {
		flex: 1 1 100%;
	}


}

/* Media Query for Mobile Sizes */
@media (max-width: 768px) {
	.tabbed-section {
		padding: 30px 20px 50px;
	}

	.tabbed-section .features-layout .text ul {
		flex-direction: column;
	}

	.tabbed-section .features-layout .text ul li {
		width: 100%;
	}

	.tabbed-section .spec-accordion-title h3 {
		font-size: 20px;
	}



	.tabbed-section .spec-accordion-item .spec-detail .text-left,
	.tabbed-section .spec-accordion-item .spec-detail .text-right{
		font-size: 16px;
	}

}

@media (max-width: 600px) {
	.tabbed-section .standard-layout .text-container {
		flex-direction: column;
		gap: 0px;
	}

	.tabbed-section .standard-layout .title > * {
		font-size: 18px;
	}

	.tabbed-section .specs-layout .title > * {
		font-size: 18px;
	}

	.tabbed-section #tab-3 .title > * {
		font-size: 18px;
	}

	.tabbed-section .features-layout .features .feature-item p {
		font-size: 18px;
	}

	.tabbed-section .features-layout .features .feature-item {
		flex: 1 1 100%;
	}

	.tabbed-section .features-layout .text ul li {
		font-size: 18px;
	}
	.tabbed-section .downloads-list {
		gap: 20px;
	}
	.tabbed-section .download-item {
		flex: 1 1 calc(50% - 20px);
	}

	.tabbed-section .download-item .btn-main {
		padding: 15px 20px;
	}

	.single-accessory .tabbed-section .standard-layout .text-container p {
		font-size: 18px;
	}

	.single-accessory .tabbed-section .standard-layout .text-container ul li {
		font-size: 18px;
	}
}


/*** accordion tabbed content ***/

.accordion-section {
	display: none;
}

@media (max-width: 1100px) {
	.tabbed-section {
		display: none;
	}

	.accordion-section {
		display: block;
	}
}

.accordion-section .accordion-content {
	color: #0C0705;
}

.accordion-section .accordion-header {
	width: 100%;
	color: #fff;
	background-color: #0C0705;
}

.accordion-section .accordion-header .accordion-title {
	font-size: 20px;
	text-transform: uppercase;
	padding:25px 20px;
	box-sizing: border-box;
	border-bottom: 1px solid #fff;
	font-weight: 400;
	font-style: normal;
	display: flex;
	justify-content: space-between;
}

.accordion-section .accordion-header .accordion-title .toggle {
	transition: 0.5s;
}

.accordion-section .accordion-header .accordion-title .toggle.active {
	transform: rotate(180deg);
}

.accordion-section .accordion-header .accordion-title:hover {
	cursor: pointer;
}

.accordion-section .acc-tab {
	margin-top: 20px;
	margin-bottom: 30px;
}

/*** blog item ***/

.news-container {
	padding: 0 30px;
	box-sizing: border-box;
}

.blog-sort {
	max-width: 1370px;
	margin: 40px auto 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}




.blog-results-container {
	max-width: 1370px;
	margin: 0 auto;
}
.blog-sort .left select {
	color: #0C0705;
	font-size: 16px;
	padding: 15px 15px;
	box-sizing: border-box;
	border: 1px solid #fff;
	font-family: "din-2014", sans-serif;
	font-weight: 300;
	-webkit-appearance: none;
	border-radius: 0;
	/* width: 100%; */
	background-color: #EDEDED;
	text-transform: uppercase;
	width: 350px;
}

.blog-sort select:focus {
	outline: none;
}

.blog-sort select {


	-webkit-appearance: none;
	border-radius: 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi43MDciIGhlaWdodD0iOS4wNjEiIHZpZXdCb3g9IjAgMCAxNi43MDcgOS4wNjEiPgogIDxwYXRoIGlkPSJQYXRoXzE2MyIgZGF0YS1uYW1lPSJQYXRoIDE2MyIgZD0iTTAsMCw4LDhsOC04IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjM1NCAwLjM1NCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNzA3MCIgc3Ryb2tlLXdpZHRoPSIxIi8+Cjwvc3ZnPgo=);

	background-position: calc(100% - 10px) center;
	background-repeat: no-repeat;
	-moz-appearance: none;
}

.blog-sort .right select {
	color: #0C0705;
	font-size: 16px;
	padding: 15px 15px;
	box-sizing: border-box;
	border: 1px solid #fff;
	font-family: "din-2014", sans-serif;
	font-weight: 300;
	-webkit-appearance: none;
	border-radius: 0;
	width: 65px;
	background-color: #EDEDED;
	text-transform: uppercase;
}
.blog-item-results {
	margin-top: 40px;
}

.blog-sort .right {
	display: flex;
	align-items: center;
}

.blog-sort .right label {
	margin-right: 15px;
}

.blog-sort .right .blog-pagination-filter {
	margin-left: 30px;
}

.blog-sort .right .blog-pagination-filter .blog-pagination a {
	color: #0C0705;
	font-size: 16px;
	padding: 15px 15px;
	box-sizing: border-box;
	border: 1px solid #fff;
	font-family: "din-2014", sans-serif;
	font-weight: 300;
	-webkit-appearance: none;
	border-radius: 0;
	/* width: 100%; */
	background-color: transparent;
	text-transform: uppercase;
}

.blog-sort .right .blog-pagination-filter .blog-pagination a.active {
	background-color: #EDEDED;
}

.blog-item {
	display: flex;
	/* 	align-items: center; */
}

.news .blog-item {
	margin-bottom: 30px;
}

.news .blog-item .no-thumbnail {
	background-color: #0C0705;
	height: 100%;
}

.news .blog-item .no-thumbnail img {
	width: 200px;
	min-width: 0px;
	object-fit: contain;
	margin: 0 auto;
}
.blog-item .post-thumbnail {
	flex: 1 1 40%;
	position: relative;
}
.blog-item .post-thumbnail img {

	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.blog-item .content {
	padding: 50px 0 70px 40px;
	box-sizing: border-box;
	flex: 1 1 60%;
}

.blog-item .content .title > * {
	font-size: 32px;
	font-weight: 600;
	color: #0C0705;
}

.blog-item .content .post-infos {
	display: flex;
	gap: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.blog-item .content .post-infos .text {
	display: flex;
	gap: 10px;
	align-items: center;
}


.blog-item .content .post-infos .text {
	font-size: 18px;
}

.blog-item .content .post-infos .text i {
	margin-right: 10px;
	color: #FFD343;
}

.related .blog-item {
	display: flex !important;
	height: 100%;
	opacity: 0.3;
}

.related .blog-item.slick-current {
	opacity: 1;
}
.related .blog-item .content .post-infos .text {
	display: flex;
	gap: 0px;
	align-items: center;
}

.related .slick-list {
	padding: 0 15% !important;
}


.related .blog-item .post-thumbnail {
	width: 50%;
}

.related .blog-item .post-thumbnail img {
	width: 100%;
	min-width: 0;
}

.related .blog-item .content {
	width: 50%;
}

.related .item-container {
	margin-top: 30px;
}

.related .blog-item .post-thumbnail img {
	/* 	height: 300px; */
}

.related .blog-item .content {
	padding: 40px 30px 50px 40px;
}
.related .slick-track {
	display: flex !important;
}

.related .blog-item .content .a-button {
	margin-top: 40px;
}

.related .blog-item .content .a-button a {
	color: #0C0705;
	background-color: #FFD343;
	border: 1px solid #FFD343;
}

.related .arrows {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	gap: 40px;
}

.related .arrows .slick-arrow:hover {
	cursor: pointer;
}

.news .pagin {
	display: flex;
	justify-content: center;
	margin: 60px auto 30px;
}

.news .pagin span {
	margin-right: 20px;
}
.news .pagin a {
	color: #0C0705;
	font-size: 16px;
	padding: 15px 15px;
	box-sizing: border-box;
	border: 1px solid #fff;
	font-family: "din-2014", sans-serif;
	font-weight: 300;
	-webkit-appearance: none;
	border-radius: 0;
	/* width: 100%; */

	background-color: transparent;
	text-transform: uppercase;
}

.news .pagin a.active {
	background-color: #EDEDED;
}

.news #blog-total-posts {
	width: 50px;
}

@media (max-width: 1300px) {
	.related .blog-item {
		flex-direction: column;
		margin: 0 20px;
	}

	.related .blog-item .post-thumbnail {
		width: 100%;
	}

	.related .blog-item .content {
		width: 100%;
		padding: 20px 0;
	}
}
@media (max-width: 1100px) {
	.blog-item .post-thumbnail img {
		min-width: 300px;
	}

	.blog-item .post-thumbnail {
		min-width: 300px;
	}
}

@media (max-width: 850px) {
	.blog-sort {
		flex-direction: column;
	}

	.blog-sort .right {
		margin-top: 20px;
	}
}
@media (max-width: 800px) {
	.blog-item {
		flex-direction: column;
	}
	.blog-item .post-thumbnail {
		height: 190px;
		min-width: 100%;
	}
	.blog-item .post-thumbnail img {
		height: 190px;
		min-width: 100%;
	}

	.blog-item .content {
		padding: 20px 0 20px;
	}

	.blog-item .post-thumbnail {
		flex: auto;
	}
}

@media (max-width: 600px) {
	.blog-sort {
		flex-direction: column;
	}

	.blog-sort .left {
		width: 100%;
	}

	.blog-sort .left select {
		width: 100%;
	}

	.blog-sort .right {
		width: 100%;
		/* 		justify-content: space-between; */
		margin-top: 20px;
	}

	.blog-sort {
		margin: 20px auto 0;
	}

	.news-container {
		padding: 0 20px;
	}

	.blog-item .content .title > * {
		font-size: 28px;
	}

	.related .slick-list {
		padding: 0 0 !important;
	}

	.related .blog-item .content .post-infos .text:last-of-type {
		display: none;
	}

	.blog-sort .right .blog-pagination-filter {
		margin-left: auto;
	}

	.news .pagin {
		margin: 30px auto 40px;
	}
}

@media (max-width: 450px) {
	.blog-sort .right {
		flex-wrap: wrap;
		justify-content: center;
	}

	.blog-sort .right .blog-pagination-filter {
		flex: 1 1 100%;
		padding-top: 30px;
		text-align: center;
	}
}

/*** career text ***/
.career-text {
	padding: 50px 30px;
	box-sizing: border-box;


}

.career-text-container {
	max-width: 1370px;
	margin: 0 auto;
}

.career-text-item {
	display: flex;
	margin-bottom: 30px;
	gap: 20px;
}

.career-text-item .title {
	width: 35%;

}

.career-text-item .text{
	width: 65%;

}

.career-text-item .text p:first-of-type {
	padding-top: 0px;
}

.career-text-item .text ul {
	list-style-type: none;
	padding-left: 0px;
	margin: 0;
}

.career-text-item .text ul li {
	position: relative;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #0C0705;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 400;
}

.career-text-item .text > ul > li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 13px;
	/* 	transform: translateY(-50%); */
	width: 15px; /* Bullet size */
	height: 20px; /* Bullet size */
	background-image: url('img/bullet.svg'); /* Custom bullet image */
	background-size: cover;
	background-repeat: no-repeat;
}


.career-text-item .text ul li ul li {
	padding-left: 0px;
	text-transform: none;
	font-size: 16px;
	font-weight: 300;
}

@media (max-width: 900px) {
	.career-text-item {
		flex-direction: column;
	}
	.career-text-item .title,
	.career-text-item .text {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.career-text-item .text ul li {
		font-size: 20px;
	}
	.career-text {
		padding: 30px 20px;
	}
}

/*** post product slider ***/

.post-slider {
	padding: 60px 60px 60px;
	box-sizing: border-box;
}

.post-slider-container {
	max-width: 1370px;
	margin: 0 auto;
}

.post-slider-container > .a-button .btn-main {
	display: block;
	width: fit-content;
	margin: 0 auto;
}

.post-slider {
	margin-top: 0px;
}

.post-slider .heading {
	max-width: 800px;
	margin: 0 auto 30px;
	padding: 0 30px;
	box-sizing: border-box;
}

.post-slider .heading p {
	color: #4B4B4B;
}

.post-slider .heading p a {
	color: #4B4B4B;
	text-decoration: underline;
}

.post-slider .slick-track {
	display: flex;


}

.post-slider .slick-track
{
	display: flex !important;
}

.post-slider .slick-slide
{
	height: inherit !important;
}

.post-slider .slick-initialized .slick-slide {
	margin: 0 20x !important;
	padding: 0 10px;
	transition: none;
	display: flex;
	flex-direction: column;

	height: 100%;
}


.post-slider .slick-list{
	/* 	padding:0 8% 0 8% !important; */
}
.post-slider .slick-initialized .slick-slide img {
	width: 100%;
	object-fit: contain;
	object-position: center;


	box-sizing: border-box;
	width: 100%;
	/*     height: calc(100% - 55px) !important; */
	height: 100% !important;
	object-fit: cover;
	display: block;
	max-height: 400px;
}

.post-slider  .slick-initialized .item.accessory.slick-slide  img {
	border: none;
}

.post-slider.related-products-section .slick-initialized .slick-slide img {
	/* 	height: 420px; */
	object-fit: contain;
}

/* .post-slider .slick-initialized .slick-slide img {
height: 600px;
} */

.post-slider .slick-initialized .slick-slide img,
.post-slider .slick-initialized .slick-slide {
	/* 		height: 435px; */
}

.post-slider .items-container {
	position: relative;


}
.post-slider .post-content {
	margin-top: 20px;
	height: 100%;
	display: flex
		;
	flex-direction: column;
}

.post-slider .post-content .a-button {
	padding-top: 20px;
	margin-top: auto;
}
.post-slider .arrows {
	display: flex;
	gap: 40px;
	justify-content: center;
	margin-top: 30px;

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: calc(100% + 60px);
	justify-content: space-between;
}

.post-slider .arrows .right-arrow, .post-slider .arrows .left-arrow {
	padding: 7px 5px 7px;
	box-sizing: border-box;
/* 	background-color: inherit; */
	transition: 0.5s;
}
.post-slider .arrows .right-arrow img, .post-slider .arrows .left-arrow img {
	width: 20px;
	display: block;

	filter: invert(100);
}

.post-slider .arrows .right-arrow.yellow-bg img, .post-slider .arrows .left-arrow.yellow-bg img,
.post-slider .arrows .right-arrow.blue-bg img, .post-slider .arrows .left-arrow.blue-bg img,
.post-slider .arrows .right-arrow.green-bg img, .post-slider .arrows .left-arrow.green-bg img {
	filter: none;
}
.post-slider .arrows .left-arrow {
	/* 	left: 30px;
	top: calc(50% - 30px);
	transform: translateY(-50%);
	position: absolute;
	transition: 0.5s; */
}

.post-slider .arrows .right-arrow {
	/* 	right: 30px;
	top: calc(50% - 30px);
	transform: translateY(-50%);
	position: absolute;
	transition: 0.5s; */
}

.post-slider .arrows .left-arrow:hover,
.post-slider .arrows .right-arrow:hover {
	opacity: 0.6;
	cursor: pointer;
}
.post-slider .item {
	flex: 1 1 calc(33.33% - 40px);

}
.post-slider .item .top-container {
	height: 470px;
	display: flex;
	flex-direction: column;
	border: 1px solid #EDEDED;
}
.post-slider .item .post-thumbnail {
	height: 470px;
	min-height: 470px;

	max-height: calc(100% - 60px);
}
.post-slider .item.accessory .post-thumbnail {
	height: 400px;
	min-height: 400px;
}
.post-slider .item .post-thumbnail.no-thumbnail {
	background-color: #0C0705;
	display: flex;
	align-items: center;
	justify-content: center;
}

.post-slider .item .post-thumbnail.no-thumbnail img {
	width: 200px;
	object-fit: contain;

}

.post-slider .item .post-excerpt {
	background-color: #EDEDED;
	text-align: center;
	color: #0C0705;
	padding: 10px 20px;
	box-sizing: border-box;
}

.post-slider .item .post-excerpt p {
	padding: 0px;
	font-size: 14px;
	font-weight: 200;
}


.post-slider .item .item-title a {
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	color:#0C0705;
}

.post-slider .item .post-content .text ul {
	list-style-type: none;
	padding-left: 0px;
}

.post-slider .item .post-content .text ul li {
	position: relative;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 400;
	text-transform: uppercase;
}

.post-slider .item .post-content .text ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	/* 	transform: translateY(-50%); */
	width: 15px; /* Bullet size */
	height: 20px; /* Bullet size */
	background-image: url('img/bullet.svg'); /* Custom bullet image */
	background-size: cover;
	background-repeat: no-repeat;
}


.post-slider .item .a-button .btn-main {
	width: 100%;
	text-align: center;
	display: block;
}

.post-slider .item .a-button .btn-main:hover {
	background-color: #0C0705;
	color: #fff;
}

.post-slider .slick-dots {
	position: relative;
	bottom: auto;
	margin-top: 20px;
}
.post-slider .slick-dots li button:before {
	content: '' !important;
	border: 1px solid #303470;
	border-radius: 100%;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
}
.post-slider li.slick-active button:before {
	opacity: 1;
	background-color: #303470;
}

@media (max-width: 900px) {
	.post-slider .slick-initialized .slick-slide {
		padding: 0 10px !important;
		opacity: 0.1;
	}

	.post-slider .slick-initialized .slick-slide.slick-active {
		opacity: 1;
	}

	.post-slider .arrows .right-arrow img,
	.post-slider .arrows .left-arrow img {
		width: 20px;
		object-fit: contain;
	}

	.post-slider .arrows {
		width: calc(100% + 70px);
	}
}


@media (max-width: 750px) {
	.post-slider .slick-initialized .slick-slide img {
		height: 350px !important;

	}

	.post-slider .item .post-thumbnail {
		height: 350px !important;
		min-height: 350px !important;
	}

	.post-slider .post-content .a-button{
		margin-top: 0px;
	}

	.post-slider .slick-track {
		display: block !important;
	}

	.post-slider .item .top-container {
		height: auto !important;
	}
}

@media (max-width: 600px) {
	.post-slider .slick-initialized .slick-slide {
		padding: 0 10px !important;
	}

	.post-slider .arrows .right-arrow {
		display: flex;
	}
	.post-slider .a-button.outter {
		padding: 0 20px;
	}

	/* 	.post-slider .slick-initialized .slick-slide img, .parent-pageid-760 .post-slider .slick-initialized .slick-slide {
	height: 356px;
} */

	.post-slider .arrows .right-arrow img,
	.post-slider .arrows .left-arrow img {
		width: 20px;
		object-fit: contain;
	}

.post-slider .arrows {
		width: calc(100% - 20px);
	top: calc(50% - 130px);
	}
	.post-slider .arrows {
		/* 		display: none; */
	}

	.post-slider .item .post-title h2 a {
		font-size: 22px;
	}




	.post-slider .heading {
		padding: 0 20px;
	}

	.post-slider {
		padding: 60px 0px 50px;
	}



	.post-slider .slick-list{
		padding:0 8% 0 8% !important;
	}

}


/*** hero ***/

.hero {
	/* 	height: 400px; */
	background-color: #0C0705;
	color: #fff;
	display: flex;
	/* 		align-items: center; */
	position: relative;
	overflow: hidden;
}

.hero-container {
	display: flex;
	/* 		align-items: center; */
	/* 		justify-content: center; */
	margin: 0 auto;
	/* 		max-width: 1370px; */
	width: 100%;
}

.hero .left {
	text-align: left;
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px 20px 20px 30px;
	box-sizing: border-box;
	position: relative;
	max-width: 715px;
	margin-left: auto;
}

.hero.full-width .left {
	width: 100%;
	max-width: none;
}

.hero.full-width .left .title > * {
	text-align: center;
}
.hero .left .left-inner {
	max-width: 950px;

	margin: 0 auto;

}

.hero .left .left-inner .inner-container {
	padding: 100px 0 100px;
	box-sizing: border-box;
}

.hero .left .left-inner .inner-container .a-button {
	margin-top: 40px;
}

.hero .left .left-inner .info {
	display: flex;
	gap: 20px;
	margin-top: 20px;
}

.hero .left .left-inner .info .text {
	display: flex;
	gap: 10px;
	align-items: center;
}

.hero .left .left-inner .info .text i {
	color: #FFD343;
}

.hero .left .left-inner .info .text p {
	padding-top: 0px;
	font-size: 18px;
}

.hero .left .left-inner .inner-container .title span {
	color: #FFD343;
}

.hero .post-infos {
	display: flex;
	gap: 20px;
	margin-top: 20px;
}

.hero .post-infos .text {
	display: flex;
	gap: 10px;
	align-items: center;
}

.hero .post-infos .text i {
	color: #FFD343;
}

.hero .right {
	width: 50%;
	position: relative;
}
.hero.green-bg-g .right {
	background-image: url('img/green-bg.svg');
	background-size: cover;
	background-position: center;
}
.hero.black-bg-g .right {
	background-image: url('img/black-bg.svg');
	background-size: cover;
	background-position: center;
}
.hero.yellow-bg-g .right {
	background-image: url('img/yellow-bg.svg');
	background-size: cover;
	background-position: center;
}
.hero.blue-bg-g .right {
	background-image: url('img/blue-bg.svg');
	background-size: cover;
	background-position: center;
}

.hero .right img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.hero.cluster-image .right img {
	padding: 20px 0;
	box-sizing: border-box;
	object-fit: contain;
}

.hero .breadcrumb {
	position: absolute;
	top: 20px;
	/* 	left: 80px; */
	max-width: 1370px;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 100%;
	margin-left: 25px;
}

.hero .breadcrumb nav {
	display: block;
}

.hero .title > * {
	font-size: 46px;
	line-height: 50px;
}

@media (max-width: 1200px) {
	.hero .left {
		padding: 20px 30px;
	}

	.hero .breadcrumb {
		left: 30px;
		transform: none;
		margin-left: 0px;
	}

	.hero .title > * {
		line-height: normal;
	}
}

@media (max-width: 900px) {
	.hero .left .left-inner .inner-container .a-button a {
		display: block;
		text-align: center;
		width: fit-content;
		margin: 0 auto;
	}
}

@media (max-width: 800px) {

	.hero {
		height: auto;
	}
	.hero-container {
		flex-direction: column;
	}

	.hero .left {
		width: 100%;
		max-width: none;
		text-align: center;
		padding: 80px 30px 30px;
	}
	.hero .right {
		width: 100%;
		height: 250px;
	}

	.hero .left .left-inner .inner-container {
		padding: 30px 0 50px;
	}

	.hero .post-infos {
		justify-content: center;
	}

	.hero.cluster-image .right img {
		padding: 20px 0 50px;
	}
}

@media (max-width: 600px) {
	.hero .left {
		padding: 60px 20px 0px;
	}

	.hero .breadcrumb {
		left: 20px;
	}

	.hero .title > * {
		font-size: 36px;
		line-height: normal;
	}

	.hero .left .left-inner .inner-container {
		padding: 30px 0 50px;
	}
	.hero .left .left-inner .inner-container .a-button {
		margin: 30px 0 auto;
		display: block;
	}

	.hero .left .left-inner .inner-container .a-button a {
		margin: 0 auto;
	}

	.hero.full-width .left {
		padding: 80px 20px 80px;
	}

	.hero.full-width .left .left-inner .inner-container {
		padding: 0px;
	}

}

/*** newsletter ***/

.newsletter {
	background-color:#0C0705;
	padding: 50px 30px;
	box-sizing: border-box;
}

.newsletter-container { 
	max-width: 1340px;
	margin: 0 auto;
	display: flex;
	background-color: #fff;
	padding: 30px 30px;
	box-sizing: border-box;
	align-items: center;
	border-radius: 5px;
}

.newsletter h2 {
	font-size: 22px;
}

.newsletter .text p {
	font-size: 18px;
	color: #0C0705;
	font-weight: 400;
}

.newsletter .left {
	width: 50%;
}

.newsletter .right {
	width: 50%;
	padding-left: 30px;
	/* 			box-sizing: border-box; */
}

.newsletter .right p {
	padding-top: 0px;
}

.newsletter .right p.form-text {
	padding-top: 15px;
	color: #fff;
}

.newsletter label {
	display: flex;
}

.newsletter label input[type=email] {
	color: #939190;
	font-size: 16px;
	padding: 15px 15px;
	box-sizing: border-box;
	border: 1px solid #fff;
	font-family: "din-2014", sans-serif;
	font-weight: 300;
	-webkit-appearance: none;
	border-radius: 0;
	width: 100%;
	background-color: #EDEDED;
}

.newsletter label input[type=email]:focus {
	outline: none;
}

.newsletter label input[type=email]::placeholder {
	color: #939190;
	font-size: 18px;
	font-family: "din-2014", sans-serif;
	font-weight: 400;
}

.newsletter label input[type=submit] {
	background: #FFD343;
	color: #0C0705;
	font-size: 18px;
	font-family: "din-2014", sans-serif;
	font-weight: 400;
	width: 50px;
	max-height: 50px;
	box-shadow: none;
	-webkit-appearance: none;
	border: none;
}

.newsletter .wpcf7-submit {
	background:#FFD343;
	color: #0C0705;
	font-size: 18px;
	font-family: "din-2014", sans-serif;
	font-weight: 400;
	border-radius: 0 0px 0px 0;
	max-height: 53px;
	box-shadow: none;
	-webkit-appearance: none;
	border: none;
	transition: 0.5s;
	width: 50px;
	box-sizing: border-box;
}

.newsletter .wpcf7-submit:hover {
	opacity: 0.6;
	cursor: pointer;
}
.newsletter .wpcf7-submit::before {
	/* 	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-weight: 900; */
}

.newsletter .wpcf7-form-control-wrap {
	width: 100%;
}

.newsletter .on-form {
	display: none;
}

@media (max-width: 800px) {

	.newsletter-container {
		flex-wrap: wrap;
	}

	.newsletter .left {
		width: 100%;

		margin-bottom: 20px;
	}


	.newsletter .right {
		width: 100%;
		padding-left: 0px;
	}

	/* 			.newsletter label {
	flex-direction: column;
}
	*/
	/* 			.newsletter .wpcf7-submit {
	border-radius: 40px 40px 40px 40px;
	padding: 15px 20px;
	text-align: center;
	margin: 0px auto 0px;
	width: 250px;
	display: block;
}
	*/

	.newsletter p.on-form {
		display: block;
		padding-top: 0px !important;
		text-align: center;
	}

	.newsletter .desktop {
		text-align: center;
	}

	.newsletter .title > * {
		font-size: 22px;
	}

	.newsletter {
		padding: 40px 20px;
	}

	.newsletter .wpcf7-submit ~ br {
		display: none;
	}

}


/*** product grid ***/
.product-grid {
	padding: 0px 0px;

	box-sizing: border-box;
}

.product-grid .product-grid-container {
	display: flex;
	flex-wrap: wrap;

	width: 100%;

}

.product-grid .item {
	flex: 1 1 calc(50% - 20px); /* Two items per row */
	min-width: 300px;
	color: #fff;
	overflow: hidden;
	padding: 70px 30px 70px 80px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
	background-color: #333; /* Example background color for each item */
	background-size: cover;
	background-repeat: no-repeat;
}

.product-grid .item .item-content {
	display: flex;
	gap: 20px;
}

.product-grid .text-content,
.product-grid .image-content {
	flex: 1 1 calc(50% - 20px); /* Each section takes 50% of the space */
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	box-sizing: border-box;
}

.product-grid .text-content h2 {
	font-size: 32px;
	font-weight: bold;

	text-transform: uppercase;
}

.product-grid .product-grid-content p {
	font-size: 16px;
	margin-bottom: 20px;
}

.product-grid .a-button {
	margin-top:auto;
	padding-top: 40px;
	margin-bottom: 20px;
}

.product-grid .a-button a {
	display: block;
}

.product-grid .text {
	margin-top: 10px;
}

.product-grid .text p:first-of-type {
	padding-top: 0px;
}
.product-grid .item.green {
	color: #0C0705;
}

.product-grid .item.green .btn-main.white {
	color: #0C0705;
	border: 1px solid #0C0705;
}

.product-grid .item.green .btn-main.white:hover {
	background-color: #0C0705;
	color: #fff;
}

@media (max-width: 1100px) {
	.product-grid .item .item-content {
		flex-direction: column;
		width: 100%;
	}
	.product-grid .image-content img {
		margin-left: auto;
		margin-right: auto;
	}
	.product-grid .item {
		padding: 30px 30px;
	}

	.product-grid .text-content {
		justify-content: flex-start;
		text-align: center;

		align-items: center;
		justify-content: center;
	}


}

@media (max-width: 620px) {
	.product-grid .item {
		flex: 1 1 100%;
	}

	.product-grid .item:nth-of-type(3) {
		order: 4
	}
}

@media (max-width: 600px) {
	.product-grid .item {
		padding: 30px 20px;
	}
	.product-grid .text-content h2 {
		font-size: 28px;
	}

	.product-grid .image-content img {
		max-width: 80%;
	}

	.product-grid .a-button {
		padding-top: 20px;
		margin-bottom: 10px;
	}
}

/*** home hero ***/
.home-hero {

}

.home-hero-container {
	display: flex;
	justify-content: center;
	text-align: center;
}

.home-hero .text-left {
	flex: 1 1 50%;
	padding: 50px 30px 70px;
	box-sizing: border-box;
	color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
}

.home-hero .text-left .title > * {
	color: #fff;
}

.home-hero .text-left .text {
	color: #fff;
}

.home-hero .text-right {
	flex: 1 1 50%;
	padding: 50px 30px;
	box-sizing: border-box;
	background-size: cover;
	background-repeat: no-repeat;
}

.home-hero .image img {
	object-fit: contain;
	display: block;
	margin: 0 auto;
	height: 400px;
}

.home-hero-container .a-button {
	margin-top: 40px;
}

@media(max-width: 650px) {
	.home-hero-container {
		flex-direction: column-reverse;
	}

	.home-hero .text-right {
		flex: 1 1 100%;
	}
	.home-hero .text-left {
		flex: 1 1 100%;
	}

	.home-hero .image {
		margin: 10px 0;
	}

	.home-hero .image img {
		/* 		width: 200px; */
		margin: 0 auto;
		height: auto;
	}

	.home-hero .logo img {
		object-fit: contain;
		display: block;
		margin: 0 auto;
		/* 		width: 77px; */
	}
}

@media(max-width: 650px) {
	.home-hero .text-left {
		padding: 50px 20px;
	}

	.home-hero .text-right {
		padding: 50px 20px;
	}

	.home-hero .text-left .a-button a {
		margin: 0 auto;
	}

	.home-hero .text-right .a-button a {
		margin: 0 auto;
	}
}

/*** text-slider ***/
.text-slider {
	box-sizing: border-box;
	padding: 60px 0px;

	/* 		color: #fff; */
	text-align: center;
}



.text-slider-container {
	/*     max-width: 1200px; */
	margin: 0 auto;
	position: relative;
}

.text-slider .slider .slide {
	background-color:#0C0705;
	color: #fff;
	padding: 30px 100px;
	box-sizing: border-box;

}
.text-slider .slider .slide {
	position: relative;
	margin: 0 20px;
	opacity: 0.5;
}

.text-slider .slider .slick-current {
	opacity: 1;
}
.text-slider .slider .quote-top {
	position: absolute;
	left: 30px;
	top: 50px;
	font-size: 100px;
	color: #FFD343;
	font-weight: 500;
}

.text-slider .slider .quote-bottom {
	position: absolute;
	right: 30px;
	bottom: 0px;
	font-size: 100px;
	color: #FFD343;
	font-weight: 500;
}
.text-slider .slick-slide {
	margin: 0 20x !important;
}
.text-slider .slick-list{
	padding:0 18% 0 18% !important;
}

.text-slider .slider {
	margin-top: 30px;
}

.text-slider .text p {
	/* 	text-transform: uppercase; */
	font-size: 20px;
	font-weight: 500;
}

.text-slider .arrows {
	display: flex;
	margin-top: 30px;
	justify-content: center;
	gap: 40px;
}

.text-slider .arrows .slick-arrow:hover {
	cursor: pointer;
}

@media (max-width: 1000px) {
	.text-slider .slick-list {
		padding: 0 12% 0 12% !important;
	}
}

@media (max-width: 850px) {
	.text-slider .slider .slide {
		padding: 60px 20px;			
	}

	.text-slider .slider .quote-top {
		top: 20px;
	}

	.text-slider .slider .quote-top {
		font-size: 60px;
	}
	.text-slider .slider .quote-bottom {
		font-size: 60px;
		bottom: 40px;
	}

	.text-slider .slider .slide {
		margin: 0 10px;
	}

}

@media (max-width: 768px) {
	.text-slider {
		padding: 30px 20px;
	}
}

@media (max-width: 600px) {
	.text-slider .slick-list {
		padding: 0px !important;
	}

	.text-slider .text p {
		font-size: 20px;
	}

	.text-slider .slider .slide {
		margin: 0 5px;
	}
}

/*** item-section ***/
.item-section {
	box-sizing: border-box;
	padding: 60px 30px;
	background-color:#0C0705; /* Assuming black background based on the image */
	position: relative;

	background-size: cover;
	background-position: center;
}

.item-section .tint {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: '';
	background-color: #000;
	opacity: 0.8;
	pointer-events: none;
}

.item-section .arrows {
	display: none;
}
.item-section.five-columns .arrows {
	display: flex;
}
.item-section.five-columns {
	padding: 60px 0px;
}

.item-section.white-bg {
	background-color: #fff;
}

.item-section-container {
	max-width: 1370px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 1;
}

.item-section .title {

	margin-bottom: 20px;
	color: #fff;
}

.item-section.white-bg .title {
	color: #0C0705;
}

.item-section.gray-bg .title {
	color: #0C0705;
}

.item-section .title span {
	color: #FFD343; /* Assuming yellow highlight color */
}
.item-section .text {

	max-width: 950px;
	margin: 0 auto 40px;
	color: #fff;
}

.item-section.white-bg .text {
	color: #0C0705;
}

.item-section.gray-bg .text {
	color: #0C0705;
}
.item-section .text p:first-of-type {
	padding-top: 0px;
}
.item-section .items {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	gap: 50px;
}

.item-section .items .item {
	flex: 1 1 calc(25% - 50px);
	margin-bottom: 0px;
	text-align: center;
	color: #fff;
	min-width: 200px;
}

.item-section.five-columns .items{
	gap: 30px;
}

.item-section.five-columns .items .item {
	flex: 1 1 calc(20% - 70px);
	margin-bottom: 0px;
	text-align: center;
	color: #fff;
	min-width: 0px;
}

.page-id-232 .item-section .items .item {
	flex: 0;
}

.page-id-232 .item-section .items .item img {
	width: 120px;
	max-width: 120px;
	height: 120px;
	margin-bottom: 0px !important;
}

.item-section.center-icon .items {
	justify-content: center;
}
.page-mac-classic .item-section.center-icon .items .item {
	flex: 1 1 calc(33% - 50px);
}
.page-id-197 .item-section.center-icon .items .item {
	max-width: calc(25% - 40px);
}

.item-section .items .item .a-button a {
	color: #fff;
	border: 1px solid #fff;
	width: 100%;
	display: block;
}
.item-section.download-section .items .item .a-button a:hover {
	background-color: #fff;
	color: #0C0705;
}
.item-section.download-section .items {
	justify-content: center;
}
.item-section.download-section .items .item {
	flex: 0;
	display: flex;
	flex-direction: column;

}

.item-section.download-section .items .item .a-button {
	margin-top: auto;
	padding-top: 20px;
}
.item-section.three-columns .items .item {
	flex: 1 1 calc(33.33% - 50px);
}
.item-section.five-columns .items .item {
	margin: 0 20px;
}
.item-section.gray-bg .items .item {
	color: #0C0705;
}


.item-section .items .item img {
	max-width: 80px;
	margin-bottom: 0px;
	background-color: #0C0705;
	display: block;
	width: 80px;
	height: 80px;
	object-fit: contain;
}

.item-section.icon-white-bg .items .item img {
	background-color: #fff;
}

.item-section.download-section .items .item img {
	width: 200px;
	object-fit: contain;
	max-width: none;
	min-width: 0;
	height: auto;
	margin-bottom: 20px;
}

.item-section.three-columns .items .item img {
	/* 	max-width: 120px;
	width: 120px;
	height: 120px; */
}

.item-section.center-icon .items .item img {
	margin: 0 auto 20px;
	padding: 15px 15px;
	box-sizing: border-box;
}

.item-section.five-columns .items .item img {
	max-width: none;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.item-section .items .item h3 {
	color: #EDEDED;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
}

.item-section.white-bg .items .item h3 {
	color: #0C0705;
}

.item-section.gray-bg .items .item h3 {
	color: #0C0705;
}

.item-section.three-columns .items .item h3 {
	font-size: 24px;
}

.item-section .items .item .text {

}

.item-section .items .item .text ul {
	text-align: center;
	list-style-position: inside;
	padding-lefT: 0px;
}

.item-section.five-columns .arrows {
	display: flex;
	gap: 30px;
	margin-top: 30px;
	justify-content: center;
}

.item-section.five-columns .arrows .slick-arrow:hover {
	cursor: pointer;
}

.item-section.five-columns .text,
.item-section.five-columns .title {
	padding: 0 20px;
	box-sizing: border-box;
}
.item-section > .a-button .btn-main {
	display: block;
	width: fit-content; 
	margin: 0 auto;
}
/* Responsive */
@media (max-width: 1024px) {
	.item {
		flex-basis: 48%;
	}
}

@media (max-width: 768px) {
	.item {
		flex-basis: 100%;
	}

	.item-section .items {
		gap: 20px !important;
	}
}

@media (max-width: 768px) {
	.item-section {
		padding: 30px 20px;
	}


	.item-section.five-columns {
		padding: 30px 0px;
	}

	.item-section.five-columns .slick-list {
		padding: 0 12% 0 12% !important;
	}
}


@media (max-width: 600px) {
	.item-section.center-icon .items .item {
		max-width: none;
	}
	
	.item-section.center-icon.five-columns .items .item {
		flex: 1 1 calc(50% - 70px);
	}

	.item-section.center-icon .items .item img {
		max-width: 80px;
		max-height: 80px;
		margin: 0 auto 10px;
	}

	.page-id-232 .item-section .text {
		margin-bottom: 20px;
	}
}


/*** products section item results ***/


.products-section {
	/* 	padding: 50px 30px; */
	box-sizing: border-box;
	overflow: hidden;
}
.products-section-container {

}

.products-section .filters-top {
	/* 	padding: 20px 30px; */
	box-sizing: border-box;
	/* 	background-color: #EDEDED; */


}

.products-section .filters-top .filter-fields {
	/* 	max-width: 1370px; */
	/* 	margin: 0 auto; */


}

.products-section .filters-top .filter-fields select {
	color: #939190;
	font-size: 16px;
	padding: 15px 15px;
	box-sizing: border-box;
	border: 1px solid #fff;
	font-family: "din-2014", sans-serif;
	font-weight: 300;
	-webkit-appearance: none;
	border-radius: 0;
	/*     width: 100%; */
	background-color: #fff;
	width: 330px;

	-webkit-appearance: none;
	border-radius: 0;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNi43MDciIGhlaWdodD0iOS4wNjEiIHZpZXdCb3g9IjAgMCAxNi43MDcgOS4wNjEiPgogIDxwYXRoIGlkPSJQYXRoXzE2MyIgZGF0YS1uYW1lPSJQYXRoIDE2MyIgZD0iTTAsMCw4LDhsOC04IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjM1NCAwLjM1NCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNzA3MCIgc3Ryb2tlLXdpZHRoPSIxIi8+Cjwvc3ZnPgo=);
	background-position: calc(100% - 10px) center;
	background-repeat: no-repeat;

	min-width: 180px;
	flex: 1 1 auto;


}
.products-section .fil-top-container {
	background-color: #EDEDED;
	box-sizing: border-box;
	padding: 20px 30px;

}
.products-section .fil-top {
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	gap: 15px;
	align-items: center;

	flex-wrap: wrap;
}

.products-section .sort-container {
	max-width: 1360px;
	margin: 0 auto;
	padding: 20px 30px;
	box-sizing: border-box;
}
.products-section .sort {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.products-section .sort select {
	background-color: #EDEDED !important;
}

.products-section .sort select[name="sort_by"] {
	width: 240px;
}

.products-section .sort select[name="posts_per_page"] {
	width: 65px;
	min-width: 65px;
}

.products-section .sort .right-side {
	display: flex;
	align-items: center;
}

.products-section .sort .right-side label {
	margin-right: 15px;
}

.products-section .item-results {
	max-width: 1370px;
	margin: 0 auto;
	padding: 0 30px 50px;
	box-sizing: border-box;
}

.products-section .item-results .result-container {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

.products-section .item-results .result-container .item {
	flex: 1 1 calc(33.33% - 40px);
	display: flex;
	flex-direction: column;
	max-width: calc(33.33% - 20px);
}

.products-section .item-results .result-container .item .a-button {
	margin-top: auto;
	padding-top: 20px;
}

.products-section .item-results .result-container .item .top-container {
	height: 470px;
	display: flex;
	flex-direction: column;
}

.products-section .item-results .result-container .item .post-excerpt {
	background-color: #EDEDED;
	text-align: center;
	color: #0C0705;
	padding: 10px 20px;
	box-sizing: border-box;
}

.products-section .item-results .result-container .item .post-excerpt p {
	padding: 0px;
	font-size: 14px;
	font-weight: 200;
}


.products-section .item-results .result-container .item .item-title a {
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;
	color:#0C0705;
}

.products-section .item-results .result-container .item .item-title a:hover {
	opacity: 0.6;
}

.products-section .item-results .result-container .item .post-content .text ul {
	list-style-type: none;
	padding-left: 0px;
}

.products-section .item-results .result-container .item .post-content .text ul li {
	position: relative;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 500;
	font-style: normal;
}

.products-section .item-results .result-container .item .post-content .text ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 15px; /* Bullet size */
	height: 20px; /* Bullet size */
	background-image: url('img/bullet.svg'); /* Custom bullet image */
	background-size: cover;
	background-repeat: no-repeat;
}


.products-section .item-results .result-container .item .a-button .btn-main {
	width: 100%;
	text-align: center;
	display: block;
}

.products-section #floorcare-results.item-results .result-container .item .a-button .btn-main {
	background-color: #fff !important;
	color: #000 !important;
	border: 1px solid #000 !important;
}
.products-section #floorcare-results.item-results .result-container .item .a-button .btn-main:hover {
	background-color: #DD052A !important;
	color: #fff !important;
}

.products-section #floorcare-results.item-results .cta-item .a-button .btn-main:hover {
	background-color: #fff !important;
	color: #000 !important;
}

.products-section #floorcare-results.item-results .result-container .item .a-button .btn-main {
	background-color: #fff !important;
	color: #000 !important;
	border: 1px solid #000 !important;
}
.products-section #floorcare-results.item-results .result-container .item .a-button .btn-main:hover {
	background-color: #DD052A !important;
	color: #fff !important;
}

.products-section #floorcare-results.item-results .cta-item .a-button .btn-main:hover {
	background-color: #fff !important;
	color: #000 !important;
}

.products-section .cta-item {
	flex: 1 1 100%;
	background-color: #0C0705;
	color: #fff;
	text-align: center;
	padding: 60px 30px;
	box-sizing: border-box;
	position: relative;

}

/* .products-section .cta-item::before {
width: 50%;
height: 100%;
display: block;
content: '';
background-color: #0C0705;
left: -50%;
top: 0;
position: absolute;
}

.products-section .cta-item::after {
width: 50%;
height: 100%;
display: block;
content: '';
background-color: #0C0705;
right: -50%;
top: 0;
position: absolute;
} */

.products-section .cta-item h2 {

}

.products-section .cta-item .contact-links {
	margin: 20px auto 20px;
	display: block
}

.products-section .cta-item .contact-links a {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
}
.products-section .cta-item .contact-links svg {
	color: #FFD343;
	margin-right: 15px;
}

.products-section .cta-item .a-button {
	margin-bottom: 30px;
}
.products-section .item-results .result-container .item .post-thumbnail {
	height: calc(100% - 70px);
}

.products-section .item-results .result-container .item .post-thumbnail.no-thumbnail {
	background-color: #0C0705;
}

.products-section .item-results .result-container .item .post-thumbnail.no-thumbnail img {
	width: 150px;
	margin: 0 auto;

}
.products-section .item-results .result-container .item .post-thumbnail img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}


.products-section .item-results .result-container .item .post-content {
	margin-top: 20px;
}

.products-section .sort .pagination-filter {
	padding: 0 20px;
	box-sizing: border-box;
	display: flex;
}

.products-section .sort .pagination-filter span {
	margin-right: 20px;
}
.products-section .sort .pagination-filter .pagination a {
	color: #0C0705;
	font-size: 16px;
	padding: 15px 15px;
	box-sizing: border-box;
	border: 1px solid #fff;
	font-family: "din-2014", sans-serif;
	font-weight: 300;
	-webkit-appearance: none;
	border-radius: 0;
	/* width: 100%; */

	text-transform: uppercase;
}

.products-section .sort .pagination-filter .pagination a.prev-page {
	padding-left: 0px;
}
.products-section .sort .pagination-filter .pagination a.next-page {
	padding-right: 0px;
}
.products-section .sort .pagination-filter .pagination a.active {
	background-color: #EDEDED;
}

.products-section .pagination-container {
	display: flex;
	margin-left: 10px;
	align-items: center;
}
.products-section .pagination-filter {
	padding: 20px 20px 50px;
	box-sizing: border-box;
	text-align: center;
	display: flex;
	justify-content: center;
}
.products-section .pagination-filter span {
	margin-right: 20px;
}
.products-section .pagination-filter a {
	color: #0C0705;
	font-size: 16px;
	padding: 15px 15px;
	box-sizing: border-box;
	border: 1px solid #fff;
	font-family: "din-2014", sans-serif;
	font-weight: 300;
	-webkit-appearance: none;
	border-radius: 0;
	/* width: 100%; */
	text-transform: uppercase;
}

.products-section .pagination-filter a.active {
	background-color: #EDEDED;
}

@media (max-width: 1200px) {
	.products-section .item-results .result-container {
		gap: 20px;
	}


	.products-section .item-results .result-container .item  {
		max-width: none;
	}
}

@media (max-width: 1000px) {
	.products-section .sort {
		flex-wrap: wrap;
		flex-direction: column;
	}
	.products-section .sort .right-side {
		margin-top: 20px;
	}
}

@media (max-width: 900px) {
	.products-section .item-results .result-container .item {
		flex: 1 1 calc(50% - 20px);
	}
}

@media (max-width: 700px) {
	.products-section .item-results .result-container .item {
		flex: 1 1 100%;
	}

	.products-section .sort .right-side {
		flex-wrap: wrap;
	}


	.products-section .sort .pagination-filter {
		padding: 30px 20px;
	}

	.products-section .pagination-container {
		width: 100%;
		margin-left: 0px;
		justify-content: center;
	}

	.products-section .sort .left-side {
		display: flex;
		align-items: center;
		gap: 10px;
		width: 100%;
	}

	.products-section .sort .left-side label {
		width: 60px;
	}

	.products-section .sort .left-side select {
		width: 100%;
	}

	.products-section .pagination-container > span {
		display: none;
	}

	.products-section .sort-container {
		padding: 20px 20px;
	}

	.products-section .sort .pagination-filter {
		padding: 30px 0;
	}

	.products-section .sort .pagination-filter span {
		margin-right: 5px;
	}

	.products-section .sort .pagination-filter .pagination a {
		padding: 15px 12px;
	}


}

@media (max-width: 600px) {
	.products-section .item-results .result-container .item {
		text-align: center;
	}
}


/* Mobile Filters CSS */
/* Hide the More Filters button by default on desktop */
.more-filters-btn {
	display: none;
}

@media screen and (max-width: 600px) {
	/* Hide all filters except the first one (range_type) */
	#filter-form .fil-top select:not(#range_type) {
		display: none;
	}

	/* Display the More Filters button on mobile */
	.more-filters-btn {
		display: block;
		width: 100%;
		padding: 10px;
		margin: 0px 0;
		background-color: #f5f5f5;
		border: 1px solid #ddd;
		border-radius: 4px;
		text-align: center;
		font-weight: bold;
		cursor: pointer;
		font-size: 16px;
		font-weight: 200;
		font-family: "din-2014", sans-serif;
	}

	/* When the filters are expanded, show all selects */
	.filters-expanded.fil-top select {
		display: block !important;

	}

	.products-section .item-results {
		padding: 0 20px 50px;
	}
}


/***/

.wpc-filters-scroll-container .wpc-filters-widget-wrapper {
	display: flex;

}

/*** key points section ***/

.key-points-section {
	padding: 60px 30px;
	box-sizing: border-box;
}

.key-points-section.gapless {
	padding: 60px 0px;

}

.key-points-section.gapless.no-padding {
	padding: 60px 0px 0px;
}

.key-points-section .key-points-section-container {
	max-width: 1370px;
	margin: 0 auto;
	text-align: center;
}

.key-points-section.gapless .key-points-section-container {
	max-width: 100%;
}

.key-points-section .heading {
	padding: 0 20px;
	box-sizing: border-box;
}

.key-points-section .text {
	max-width: 800px;
	margin: 0 auto 30px;
}

.key-points-section h2 {
	font-size: 32px;

}

.key-points-section p {

	font-size: 18px;
	color: #333;
}

.key-points-section .flex-container {
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
}

.key-points-section.gapless .flex-container {
	gap: 0px;
}
.key-points-section.three-col .key-point {
	flex: 1 1 calc(33.33% - 40px);
}

.key-points-section.three-col .key-point .image {
	margin: 0 auto 20px;
}
.key-points-section.three-col .key-point .image img {
	width: 80px;
	display: block;
	object-fit: contain;
}
.key-points-section .key-point {
	flex: 1 1 calc(25% - 40px);
	/* 		min-width: 250px; */
	box-sizing: border-box;
	padding: 50px 20px;
	color: #fff;
	min-height: 250px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.key-points-section .key-point.has-image {
	justify-content: flex-start;
}

.key-points-section .key-point.has-image {
	min-height: 0px !important;
}
.key-points-section .key-point .image {
	margin: 0 auto 20px;
}
.key-points-section .key-point .image img {
	height: 80px;
}

.key-points-section.gapless .key-point {
	min-height: 370px;
}

.key-points-section.gapless .key-point {
	flex: 1 1 25%;
}

.key-points-section.gapless .key-point {
	/* 	flex: 1 1 33.33%; */
}

.key-points-section.gapless.three-col .key-point {
	flex: 1 1 33.33%;
}

.key-points-section .key-point h3 {
	font-size: 46px;
	text-transform: uppercase;
	font-weight: 700;
}

.key-points-section .key-point h4 {
	font-size: 24px;
}

.key-points-section .a-button {

	margin-top: 50px;
}

@media (max-width: 1000px) {
	.key-points-section.gapless .key-point {
		flex: 1 1 calc(50% - 40px);
	}

	.key-points-section .key-point {
		flex: 1 1 calc(50% - 40px);
	}
}

@media (max-width: 600px) {
	.key-points-section .key-point {
		min-width: 100%;
	}

	.key-points-section .flex-container {
		gap: 20px;
	}

	.key-points-section {
		padding: 30px 20px 50px;
	}
	.key-points-section.gapless {
		padding: 30px 0px;
	}


	.key-points-section.gapless .key-point {
		min-height: 230px;
	}
}


/*** button section ***/

.button-section {
	padding-bottom: 60px;
	text-align: center;
}

.button-section a{
	border: 1px solid #1A2023;
}

.button-section a:hover {
	background-color: #1A2023;
	color: #fff;
}

.button-section.career-button {
	padding-top: 60px;
}
.button-section.career-button a {
	margin: 0 auto;
}

.single-career .button-section.career-button a {
	background-color: #FFD343;
	border: 1px solid #FFD343;
}
.single-career .button-section.career-button {
	margin-bottom: 40px;
}

.button-section.career-button.single-blog-button a {
	background-color: #FFD343;
	border: 1px solid #FFD343;
	color: #0C0705;
}

.single-career .button-section.career-button a:hover {
	background-color: transparent;
	color: #0C0705;
}

.button-section.career-button.single-blog-button a:hover {
	background-color: transparent;
}

@media (max-width: 600px) {
	.button-section {
		padding: 40px 20px 40px;

	}
	.button-section .a-button {
		margin-top: 0px;
	}
	.button-section.career-button {
		padding: 40px 0px 40px;
	}
	.single-career .button-section.career-button {
		margin-bottom: 0px;
	}
}

/*** privacy ***/

.privacy-policy {

}
/* 
.privacy-policy .single-post-section h2 {
font-size: 22px;
}
.privacy-policy .single-post-section h3 {
color:#1B2024;
font-size: 22px;
}
.privacy-policy .single-post-section ul {
margin-top: 10px !important;
}
.privacy-policy .single-post-section ul li {
padding-top: 15px;
}

.privacy-policy .single-post-section p a {
color: #008AD2;
font-weight: 500;
}
*/



/*** single post section ***/


/* .single-post .hero .title,
.single-news .hero .title,
.single-event .hero .title {
max-width: 600px;
margin: 0 auto;
}

.single-news .hero .tint {
opacity: 0.8;
}

.single-case_study .hero .title {
max-width: 1000px;
}

.single-case_study .hero .tint {
display: none;
}

.single .hero .text {
max-width: 600px;
margin: 10px auto 0;
}

.single .hero .text span {

font-size: 16px;
font-weight: 300;
font-family: "roboto", sans-serif;
display: flex;
align-items: center;
}

.single .hero .text span img {
margin-right: 10px;
}

.single .hero .text.black > * {
color: #0E0F20;
font-size: 16px;
font-weight: 300;
font-family: "roboto", sans-serif;
}

.single-post .hero .title > *,
.single-news .hero .title > *,
.single-event .hero .title > *{
font-size: 50px;
text-align: center;
}

.single-case_study .hero .title > * {
font-size: 50px;
text-align: center;
color: #fff;
}


.single .hero .post-infos {
display: flex;
justify-content: center;
align-items: center;
}

.single .hero .post-infos .text {
margin: 20px 20px 0;
}
*/
.ez-toc-title-container {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between;

	/* 	margin-bottom: 10px; */
}

.ez-toc-title-toggle {
	pointer-events: none;
	display: none !important;
}

.ez-toc-counter nav > ul {
	padding-top: 15px !important;
	/* 	border-top: 2px solid #008AD2; */
}
#ez-toc-container .ez-toc-js-icon-con, #ez-toc-container .ez-toc-toggle label, .ez-toc-cssicon {
	float: none !important;
	left: auto !important;
	border: none !important;
	color: #008AD2 !important;
}

.ez-toc-js-icon-con {
	margin-right: -13px;
}

#ez-toc-container {

	background-color: #EDEDED !important;
}

.ez-toc-icon-toggle-span svg {
	color: #008AD2 !important;
	fill: #008AD2 !important;
}

div#ez-toc-container p.ez-toc-title {
	padding-top: 0px !important;
	margin: 0 !important;
	font-size: 18px;
	color: #1B2024;
}

div#ez-toc-container {
	margin: 20px auto 0;
	width: 100%;
	padding: 15px 30px 15px;
	box-sizing: border-box;
	max-width: 740px;
	display: flex;
	flex-direction: column;
	color: #0C0705;
	font-weight: 300;
}
div#ez-toc-container:hover {
	cursor: pointer;
}
div#ez-toc-container ul {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-left: 0px !important;
	margin-top: 0px !important;
	float: left;
}

div#ez-toc-container .ez-toc-title {
	color: #0C0705;
	font-weight: 300 !important;
	font-family: "din-2014", sans-serif;
	font-size: 18px !important;

}

#ez-toc-container {
	border: none !important;
	border-radius: 5px;
}
#ez-toc-container a {
	color: #0C0705 !important;
	font-weight: 300 !important;
	font-family: "din-2014", sans-serif;
	font-size: 18px !important;
	display: block;
	margin: 5px 0;
}

div#ez-toc-container ul li, div#ez-toc-container ul li a {
	display: block;
}
.single-post-section {
	padding: 20px 0px 50px;
	box-sizing: border-box;
}

.single-post-section .wp-block-embed,
.single-post-section .wp-block-embed__wrapper {
	padding: 0 30px;
	margin: 15px auto 10px;
}
.single-post-section .wp-block-embed iframe,
.single-post-section .wp-block-embed__wrapper iframe {
	width: 100%;
	height: 450px;
}
.single-post-section h1 {
	font-size: 32px;
	font-family: "din-2014", sans-serif;
	margin-bottom: 20px;
	max-width: 940px;
	margin: 30px auto 0 !important;
	padding: 0 30px;
}

.single-post-section h2,
.single-post-section h3,
.single-post-section h4,
.single-post-section h5,
.single-post-section ul,
.single-post-section ol {
	margin-top: 25px;
	max-width: 860px;
	margin: 20px auto 0 !important;
	padding: 0 30px;
	box-sizing: border-box;


}

.single-post-section h2 a,
.single-post-section h3 a {
	color: inherit;
}

.single-post-section h2,
.single-post-section h3,
.single-post-section h4,
.single-post-section h5 {
	color: #0C0705;
	font-weight: 600;
	text-transform: uppercase;
}

.single-post-section h2 > *,
.single-post-section h3 > *,
.single-post-section h4 > *,
.single-post-section h5 > * {
	font-weight: 500 !important;

}

.single-post-section ul,
.single-post-section ol {
	padding-left: 35px !important;
}

.single-post-section ul {
	position: relative;

}

.single-post-section ul li {
	list-style-type: none;
	color: #767676;
	font-weight: 500;
}
.single-post-section ul:not(.ez-toc-list) li::before {
	content: '>';
	position: absolute;
	left: 30px;

}

.page-id-650 .single-post-section ul:not(.ez-toc-list) li::before {
	left: 20px;
}

.page-id-650.page-template-default .single-post-section ul {
	margin: 0 !important;
}

.single-post-section ul.ez-toc-list li::before {
	display: none;

}

.single-post-section p:first-of-type {
	padding-top: 20px !important;
}
.wp-block-image :where(figcaption) {
	padding: 0 30px;
	box-sizing: border-box;
}
.single-post-section p {
	max-width: 860px !important;
	margin: 0px auto 0 !important;
	padding: 5px 30px 10px;
	box-sizing: border-box;
	font-size: 18px;
}

.single-post-section p iframe {
	width: 100%;
	height: 360px;
}

.single-post-section .wp-block-table {
	max-width: 860px;
	margin: 20px auto 20px;
	padding: 0 30px;
	box-sizing: border-box;
}

.single-post-section .wp-block-table.styled {
	padding: 0 0px;
}
.single-post-section .wp-block-table.styled table {
	max-width: 660px;
	margin: 25px auto 0 !important;
	padding: 0 30px;
	box-sizing: border-box;
	display: block;
	border: none !important;


}

.single-post-section .wp-block-table.styled table tbody {
	/* 	border: 2px solid #008AD2; */
	display: block;
}


.single-post-section .wp-block-table.styled table tbody tr {
	border: 2px solid #008AD2 !important;
	display: block;
	margin-bottom: 10px;
	display: flex;
}


.single-post-section .wp-block-table.styled table tbody td {
	outline: 2px solid #008AD2 !important;
	/* 	display: block; */
	border: none !important;
	flex: 1 1 auto;
}



.single-post-section .wp-block-table.styled table tbody tr td {
	font-weight: 400 !important;
	padding: 15px 15px !important;
	font-size: 18px !important;
	line-height: 22px;
}


.single-post-section .wp-block-table.styled table tbody tr td:last-of-type {
	background-color: #008AD2;
	color: #fff;
	text-transform: uppercase;
	text-align: center !important;
	max-width: 105px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.single-post-section .wp-block-table tbody tr:nth-of-type(even) {
	background-color: #EDEDED;
}

.single-post-section ul.wp-block-list {
	list-style-type: none;
	padding-left: 0px;
	margin: 0 !important;
}

.single-post-section ul.wp-block-list li {
	position: relative;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #0C0705;
	/* 	text-transform: uppercase; */
	font-size: 18px;
	font-weight: 400;
	font-style: normal;
	/* 	font-weight: normal; */
}

.single-post-section ul.wp-block-list > li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 13px;
	/* 	transform: translateY(-50%); */
	width: 15px; /* Bullet size */
	height: 20px; /* Bullet size */
	background-image: url('img/bullet.svg'); /* Custom bullet image */
	background-size: cover;
	background-repeat: no-repeat;
}
.single-post-section ul.wp-block-list li ul li::before {
	display: none;
}


.single-post-section ul.wp-block-list li ul {
	padding-left: 0px !important;
	margin-top: 0px !important;
}

.single-post-section ul.wp-block-list li ul li {
	padding-left: 0px;
	text-transform: none;
	font-size: 16px;
	font-weight: 300;
}

.single-post-section p strong {
	/* 	color: #115153; */
	font-weight: 500;
}




.single-post-section img {
	max-width: 800px !important;
	margin: 20px auto 10px !important;
	/* 	padding: 0 30px; */
	box-sizing: border-box;
	object-fit:cover;
	object-position: center;
	display: block;
	width: 100%;

	padding: 0 30px;
}

.single-post-section .wp-block-image figure {
	width: 100%;
}

body .single-post-section .is-layout-flex {
	padding: 20px 0 50px;
	box-sizing: border-box;
	margin: 50px 0;
	max-width: 740px;
	margin: 20px auto 20px;
}

body .single-post-section .wp-block-columns.is-layout-flex {
	padding: 20px 30px 50px;
	max-width: 800px;
}

body .single-post-section .is-layout-flex h3 {
	padding: 0px;
}
body .single-post-section .is-layout-flex p {
	padding: 0px;
}
body .single-post-section .wp-block-buttons.is-layout-flex a.wp-block-button__link {
	background-color: transparent !important;
	border: 1px solid #FFD343;
	color: #FFD343;
	text-transform: uppercase;
}
.single-post-section-container {
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.page-template-default .single-post-section p,
.page-template-default .single-post-section img,
body.page-template-default .single-post-section .is-layout-flex,
.page-template-default .single-post-section h2,
.page-template-default .single-post-section h3,
.page-template-default .single-post-section h4,
.page-template-default .single-post-section h5,
.page-template-default .single-post-section ul,
.page-template-default .single-post-section ol {
	max-width: 950px !important;
}

.single-post-section h2 {
	font-size: 32px;
}

.single-post-section h3 {
	font-size: 28px;
}

.single-post-section .wp-block-image img {
	width: 100% !important;
}

.single-post-section p a,
.single-post-section ul a,
.single-post-section ol a {
	text-decoration: underline;
	/* 	font-weight: 700; */
	color: inherit;
}
.single-post-section p a:hover {
	opacity: 0.6;
}

.single-post-section ul {
	list-style-type: circle;
	padding-left: 20px;
}

.single-post-section .wp-block-group {
	max-width: 740px;
	margin: 20px auto 0;
	padding: 20px 20px;
	box-sizing: border-box;
	background-color: #008AD2;

	color: #FFFFFF;
}
.single-post-section .wp-block-group h2,
.single-post-section .wp-block-group h3,
.single-post-section .wp-block-group p {
	color: #FFFFFF;
}


.single-post-section .wp-block-group > div > h2 {
	margin-top: 10px !important;
}

body .single-post-section .wp-block-buttons.is-layout-flex {
	padding-bottom: 0px !important;
	padding-left: 30px;
	margin: 0px 0 20px;

}

body .single-post-section .wp-block-buttons.is-layout-flex a {
	width: 274px;
	display: block;
	text-align: center;
	padding: 20px 20px;
	box-sizing: border-box;
	border-radius: 40px;
	background-color: #fff;
	color: #008AD2;
	font-size: 16px;
	border: 2px solid #fff;
}


.single-post-section aside {
	max-width: 300px;
	min-width: 300px;
	padding-right: 30px;


	/* 	width: 25%; */
	height: fit-content; // experiment with this value, try changing to 110vh
	min-height: 200px;
	overflow: auto;
	position: -webkit-sticky;
	position: sticky;
	top: 110px;
}


.author-box {
	background-color: #F4F4F4;
	border-radius: 10px;
	padding: 25px 30px;
	box-sizing: border-box;
	margin-top: 20px;
}

.author-box h2 {
	margin-top: 0px !important;

	font-size: 18px;
	padding: 0px 0 0px;
	color: #1B2024 !important;
	font-weight: 400 !important;
	display: flex;
	justify-content: space-between;
}

.author-box h2:hover {
	cursor: pointer;
}

.author-box h2 img {
	width: 18px;
	margin: 0px !important;
	object-fit: contain !important;
	position: relative;
	transition: 0.5s;
}

.author-box h2 img.down {
	transform: rotate(180deg);
}

.author-box .bottom {
	border-top: 2px solid #008AD2;
	padding-top: 0px;
	margin-top: 10px;
}

.author-box .name-link {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}

.author-box .name-link svg {
	color: #008AD2;
	font-size: 18px;
}

.author-box .name-link h3 {
	color: #008AD2;
	font-size: 18px;
	font-weight: 500;
	margin: 0px auto 0 0 !important;
	padding: 0px !important;

}

.author-box p {
	padding: 10px 0 0 !important;
	font-size: 16px;
}

/* .single-post-section .wp-block-group > * * {
padding-left: 0px !important;
padding-right: 0px !important;
margin: 0px !important;
padding-bottom:
} */

.single-post .faq,
.single-news .faq,
.single-event .faq {
	padding-top: 0px;
	padding-bottom: 30px;
}

.single-post .faq .title,
.single-news .faq .title,
.single-event .faq .title {
	padding: 0px;
}

.single-post .faq .title > h2,
.single-news .faq .title > h2,
.single-event .faq .title > h2 {
	text-align: left;
	font-size: 26px;
}

.single-post .faq .faq-container,
.single-event .faq .faq-container,
.single-news .faq .faq-container {
	max-width: 740px;
}

.page-id-93 .single-post-section h2, .page-id-93 .single-post-section h3, .page-id-93 .single-post-section h4, .page-id-93 .single-post-section h5 {
	margin-top: 30px !important;
	margin-bottom: 10px !important;
}

.page-id-93 ul {
	margin-top: 10px !important;
}

.insights.related .heading .title {
	margin-bottom: 30px;
}

.insights.related .heading .title h2 {
	font-size: 26px;
}

.insights.related {
	padding: 30px 30px;
	box-sizing: border-box;
}

.insights.related > .a-button a {
	color: #0E0F20;
	text-decoration: underline;
	margin: 0 auto;
	text-align: center;
}

@media (max-width: 1100px) {
	.single-post-section h1 {
		font-size: 38px;
	}
}

@media (max-width: 1000px) {
	.single .hero .title > * {
		font-size: 30px;
	}
}

@media (max-width: 800px) {
	.single-post-section-container {
		flex-direction: column-reverse;
	}

	.single-post-section aside {
		max-width: none;

		/* 	width: 25%; */
		height: auto; // experiment with this value, try changing to 110vh
		min-height: 0px;
		overflow: auto;
		position: relative;
		top: auto;
	}



	.author-box {
		width: calc(100% - 40px);
		margin: 20px auto 0;
		padding: 20px 20px;
		max-width: 600px;
	}

	.single-post-section aside {
		padding-right: 0px;
	}

	.author-box h2 {
		padding: 0 0px 0px !important;
	}

	div#ez-toc-container .ez-toc-title {
		font-size: 16px !important; 
	}

	.author-box h2 {
		font-size: 16px !important;
	}

	div#ez-toc-container {
		padding: 10px 20px 5px;
	}
}

@media (max-width: 680px) {
	div#ez-toc-container {
		width: calc(100% - 40px);
	}
}

@media (max-width: 600px) {
	.single-post-section {
		padding: 30px 0px;
	}
	.single-post-section .wp-block-embed,
	.single-post-section .wp-block-embed__wrapper {
		padding: 0 20px;

	}

	.single-post-section .wp-block-embed iframe,
	.single-post-section .wp-block-embed__wrapper iframe {
		height: 300px;
	}
	.wp-block-image :where(figcaption) {
		padding: 0 0px;

	}
	.single-post-section .wp-block-table {
		margin-top: 20px;
		padding: 0 20px;
	}

	.single-post-section h1 {
		padding: 0 20px;
	}

	.single-case_study .hero .title > * {
		font-size: 32px;
		text-align: left;
	}

	.single-post-section h1 {
		font-size: 28px;
	}

	.single-post-section h2, .single-post-section h3, .single-post-section h4, .single-post-section h5 {
		font-size: 20px;
	}

	.single-post-section p {

		padding: 20px 20px 0px;

	}

	.single-post-section table {
		padding: 0 20px;
	}



	.single-post-section img {
		padding: 0 0px;
	}

	.single-post-section .wp-block-image {
		padding: 0 20px;
	}

	.single-post-section h2, .single-post-section h3, .single-post-section h4, .single-post-section h5 {
		padding: 0 20px;
	}

	.single-post .faq,
	.single-news .faq,
	.single-event .faq {
		padding: 20px 20px;
	}

	.single-post .faq .accordion,
	.single-news .faq .accordion,
	.single-event .faq .accordion {
		padding: 10px 0px;
	}

	body .single-post-section .wp-block-buttons.is-layout-flex {
		padding-left: 20px;
	}

	.single-post-section .wp-block-group {
		margin: 20px 20px 0;
	}

	.insights.related {
		padding: 30px 0px;
	}

	.insights .items {
		gap: 20px 20px;
	}



	.single .hero-container .left {
		padding: 60px 20px 0px;
	}

	.single-post-section p {
		font-size: 16px;
	}
	body .single-post-section .wp-block-columns.is-layout-flex {
		padding: 20px 20px 30px;
	}



}

@media (max-width: 500px) {
	.single .hero .post-infos {
		/* 		flex-direction: column; */
		flex-wrap: wrap;
	}
}


/*** error page ***/
.error-page {
	padding: 70px 30px 100px;
	box-sizing: border-box;
	text-align: center;
	background-color: #0C0705;
	margin-bottom: 50px;
}

.error-page .breadcrumb {
	position: absolute;
	top: 20px;
	padding: 0px;
}

.error-page .container {
	/* 	position: relative; */
}

.error-page .error-icon {
	margin-bottom: 20px;
}

.error-page h1 {
	font-size: clamp(65px, 5vw, 100px);
	font-weight: 700;
	line-height: 110%;

	font-style: normal;
	color: #fff;
}

.error-page h1 span {
	color: #FFD343;
}

.error-page h2 {
	font-size: 24x;
	color: #fff;
	text-transform: uppercase;
}

.error-page h2 {
	max-width: 800px;
	margin: 20px auto 0px;
	/
	font-weight: 500;
}

.error-page p {
	max-width: 800px;
	margin: 0 auto;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
}

.error-page p a {
	text-decoration: underline;
	color: inherit;
}

.error-page .buttons {
	display: flex;
	justify-content: center;
	margin-top: 10px;
	flex-wrap: wrap;
	margin: 10px auto 0;
	max-width: 1000px;
}

.error-page .buttons .a-button {
	margin: 10px 10px;
}

.error-page .a-button a {
	/* 		width: 270px; */
	display: block;
	border: 2px solid #fff;
	color: #fff;
	text-align: center;
	margin: 0 auto;
}

.error-page .a-button a.white  {
	/* 	background-color: #fff; */
	/* 	color: #008AD2; */
	width: fit-content;
}

.error-page .a-button a.white:hover {
	background-color: #fff;
	color: #0C0705;
}

.error-page .a-button a:hover {
	background-color: #fff;
	color: #0C0705;
}

.error-page .bg-marker {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.error-page .bg-marker {
	width: 650px;
	margin-top: 30px;
	pointer-events: none;
}

.error-page .other-links {
	margin-top: 30px;
}
.error-page .main-btn {
	margin-top: 30px;
}
@media (max-width: 1300px) {
	.error-page .bg-marker {
		width: 610px;
	}
}

@media (max-width: 600px) {
	.error-page .bg-marker {
		width: 280px;
		margin-top: -65px;
	}
	.error-page {
		padding: 85px 20px 85px;
	}
	.error-page h2 {
		margin: 40px auto 10px;
	}

	.error-page p {
		font-size: 18px;
	}

	.error-page h2 {
		font-size: 20px;
	}

	.error-page h1 {
		font-size: 65px;
	}
}

@media (max-width: 400px) {
	.error-page .buttons .a-button {
		width: 100%;
	}

	.error-page {
		padding: 100px 20px 60px;
	}



	.error-page .buttons .a-button {
		margin: 10px 0;
	}
}


/*** contact hero and form underneath ***/


.contact-hero {
	/* 	padding: 20px 30px 80px; */
	box-sizing: border-box;
	background-color: #F4F4F4;
}

.contact-hero .breadcrumb {
	max-width: 1500px;
	margin: 0;
	position: absolute;
	left: 0;
	top: -20px;
}

.contact-hero .🍞 li, .contact-hero .bread li {
	color: #fff;
}

.contact-hero .🍞 li.crumb:last-child a, .contact-hero .bread li.crumb:last-child a {
	color: #fff;
}

.contact-hero .🍞 li.crumb a {
	color: #fff;
}
.contact-hero .bread span.arrow {
	color: #fff;
}

.contact-hero-container {
	/* 	max-width: 1500px; */
	margin: 0 auto;
	display: flex;
	/* 	padding-top: 40px; */
	/* 	align-items: center; */
}

.contact-hero .left {
	width: calc(50% - 50px);
	background-color: #0C0705;
	padding: 50px 30px;
	box-sizing: border-box;

}

.contact-hero .left .left-inner {
	width: calc(1210px / 2);
	margin-left: auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	position: relative;
}

.contact-hero .left .left-inner .text h3 {
	color: #FFD343;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 600;
}

.contact-hero .left .left-inner .text > * {
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	font-weight: 300;
}

.contact-hero .left .left-inner .text p a {
	color: inherit;
}
.contact-hero .left .left-inner .text p a:hover {
	opacity: 0.6;
}

.contact-hero .left .left-inner .text strong {
	font-weight: 600;
}
.contact-hero .left .left-inner .text ul {
	list-style-type: none;
}
.contact-hero .left .left-inner .text ul li {
	position: relative;
}
.contact-hero .left .left-inner .text ul li::before {
	content: "";
	position: absolute;
	left: -35px;
	top: 12px;

	width: 15px; /* Bullet size */
	height: 20px; /* Bullet size */
	background-image: url('img/bullet_white.svg'); /* Custom bullet image */
	background-size: cover;
	background-repeat: no-repeat;
}

.contact-hero .left .title > * {
	font-size: 50px;
	line-height: 61px;
	color: #fff;
}

.page-id-2360 .contact-hero .left .title > * {
	/* 	font-size: 32px; */
	line-height: normal;
}

.contact-hero .left .left-inner .contacts {
	margin-top: 20px;
}

.contact-hero .right {
	width: 50%;
	padding: 80px 80px;
	box-sizing: border-box;
	background-color: #F4F4F4;
	max-width: 820px;
	margin: 0px;
}
.contact-hero .right .title {
	margin-bottom: 20px;
}
.contact-hero .right .title > * {
	font-size: 24px;
}
.contact-hero .right .wpcf7 {
	/* 	padding: 40px 40px; */
	box-sizing: border-box;
	/* 	background-color: #fff; */
}

.contact-hero .left h3 {
	font-size: 22px;
	margin-top: 30px;
	font-weight: 300;
}

.contact-hero .left .tel a,
.contact-hero .left .email a {
	font-size: 20px;
	color: #fff;
	font-family: "din-2014", sans-serif;
	font-weight: 500;
	display: block;
	margin-top: 5px;
}
.contact-hero .left .tel a:hover, .contact-hero .left .email a:hover {
	opacity: 0.6;
}
.contact-hero .left .tel a svg,
.contact-hero .left .email a svg {
	margin-right: 10px;
	color: #FFD343;
}


.contact-hero .left .social-icons {
	margin-top: 15px;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}



.contact-hero .left .social-icons .icon a {
	font-size: 32px;
	color: #fff;
}

.contact-hero .left .social-icons .icon a:hover {
	opacity: 0.6;
}

.contact-hero .p-submit {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

@media (max-width: 1650px) {
	.contact-hero .right {
		width: calc(50% + 50px);
		max-width: none;
	}
}

@media (max-width: 1500px) {
	.contact-hero .left .left-inner {
		width: auto;
	}
}

@media (max-width: 1300px) {
	.contact-hero-container {
		flex-direction: column;
	}

	.contact-hero .left {
		width: 100%;
		/* 		text-align: center; */
		padding: 100px 30px 50px;
	}

	.contact-hero .breadcrumb {
		top: -70px;
	}

	.contact-hero .right {
		width: 100%;
		/* 		margin-top: 30px; */
		padding: 40px 40px;
	}

	.contact-hero .left .social-icons {
		/* 		justify-content: center; */
	}
}




@media (max-width: 750px) {
	.contact-hero .p-submit {
		flex-direction: column;

	}

	.contact-hero .contact .acceptance {
		margin-bottom: 20px;
	}
}

@media (max-width: 600px) {
	.contact-hero .left {
		text-align: left;
		padding: 100px 20px 50px;
	}

	.contact-hero .breadcrumb {
		top: -60px;
	}
	.contact-hero .left .title > * {
		font-size: 34px;
		line-height: normal;
	}
	.contact-hero .right .title {
		margin-bottom: 0px;
	}
	.contact-hero .left .left-inner {
		align-items: center;
		text-align: center;
	}


	.contact-hero .contact label {
		font-size: 18px;
	}
	.contact-hero .right {
		padding: 40px 20px;
	}

	.contact-hero .contact .acceptance {
		justify-content: flex-start;
	}

	.contact-hero .p-submit {
		align-items: flex-start;
	}

	.contact-hero .contact input[type=submit] {
		text-align: center;
		width: 100%;
	}

	.contact-hero .p-submit > p {
		width: 100%;
	}

	.contact-hero .right .wpcf7 {
		padding: 20px 0px;
	}
}


/*** map section ***/


.map-section #map {
	height: 600px;
	max-width: 1100px;
	margin: 0 auto;
}

.map-section {
	padding: 60px 30px;
	box-sizing: border-box;
}

.map-section-container {
	display: flex;
	max-width: 1000px;
	margin: 0 auto;
	flex-direction: column-reverse;
}

.map-section .left {
	width: fit-content;
	margin: 50px auto 0;
	text-align: center;
	/* 	padding-right: 50px; */
	box-sizing: border-box;
}

.map-section .left .address > * {
	font-size: 18px;
	line-height: 32px;
}

.map-section .left .hours .title > * {
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #115153;
}

.map-section .right {
	width: 100%;

}

.map-section .right .address {
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 26px;

}

.map-section .right .address p {
	text-align: center !important;
}

.map-section .right iframe {
	height: 620px !important;
}

.map-section .icon {
	text-align: center;
	margin: 0 auto 15px;
}

.map-section .icon i {
	color: #FFD343;
	font-size: 42px;
}

.map-section .icon.clock {
	margin-top: 30px;

}

.mobile-map {
	display: none;
}


.map-section .hours {
	display: flex;
	justify-content: center;
}

.map-section .opening-hours {
	max-width: 200px;
	margin: 20px auto 0;

}

.map-section .opening-hours h3 {
	text-align: center;

	font-family: "din-2014", sans-serif;
	/* 	font-weight: 600; */
	font-size:16px;
	margin-bottom: 10px;
}

.map-section .opening-hours span {
	font-family: "din-2014", sans-serif;
	/* 	font-weight: 400; */
	font-style: normal;
	font-size:16px;
}

.map-section .hours .h-left {
	font-weight: 600;
}

.map-section .hours .h-left {
	display: flex;
	flex-direction: column;
	margin-right: 40px;
	text-align: left;
}

.map-section .hours .right {
	display: flex;
	flex-direction: column;
	text-align: right;
}

.map-section .hours .right span {
	font-weight: 400;
}
@media (max-width: 900px) {
	/* 	.mobile-map {
	display: block;
	margin-top: 20px;
	height: 350px;

}
	*/


	/* 	.map-section .right {
	display: none;
}
	*/
	.map-section .left {
		width: 100%;
		padding-right: 0px;
		text-align: center;
	}


}

@media (max-width: 600px) {
	.map-section {
		padding: 50px 20px 30px;
	}

	.map-section .left .address > * {
		font-size: 16px;
	}

	.map-section .right iframe {
		height: 430px !important;
	}
}
/*** team section ***/

.team-section {
	padding: 60px 30px 60px;
	box-sizing: border-box;
}

.team-section .heading {
	max-width: 900px;
	margin: 0 auto 30px;
	text-align: center;

}

.team-section-container {
	max-width: 1360px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 60px;

}

.team-section .post-content {
	margin-top: 20px;
}
.team-section .item {
	flex: 1 1 calc(33.33% - 60px);
}
.team-section .item .post-image img {
	/* 	border-radius: 20px; */
	object-fit: cover;
	object-position: center;
	height: 450px;
	display: block;
	width: 100%;
}
.team-section .post-content .post-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
}

.team-section .post-content .post-title p {
	font-size: 18px;
	padding-top: 0px;
	color: #0C0705;
}
/* 
.team-section .post-content .post-title a {
margin: 0;
font-size: 20px;
color: #0C0705;
}

.team-section .post-content .post-title a svg{
font-size: 18px;
margin-left: 10px;
color: #0072b1;
}
*/

.team-section .post-content .connect {
	margin:20px 0 0;
	font-size: 20px;
	color: #0C0705;
	display: block;

}
.team-section .post-content .connect:hover {
	opacity: 0.6;
}
.team-section .post-content .connect svg{
	font-size: 18px;
	margin-left: 10px;
	color: #0072b1;
}


.team-section .item h2 {
	font-size: 32px;
	margin: 0px;
	text-transform: uppercase;
	font-weight: 600;
}

.team-section .item .contact-number p,
.team-section .item .contact-number p > * {
	font-size: 20px;
	color: #232426;
	font-weight: 500;
	font-variation-settings: 'wght' 400;
}

.team-section .item .contact-number p a:first-of-type {
	margin-right: 20px;
}

.team-section .item .post-info p:first-of-type {
	padding-top: 10px;
	font-size: 20px;
	font-variation-settings: 'wght' 400;
}

@media (max-width: 1100px) {
	.team-section .item .post-image img {
		height: 400px;
	}
}

@media (max-width: 800px) {
	.team-section .item h2 {
		font-size: 28px;
	}
	.team-section .post-content .post-title a svg {
		font-size: 26px;
	}
	.team-section .item .post-content .career-content p {
		font-size: 16px;
	}

	.team-section .item .post-info p:first-of-type {
		font-size: 16px;
	}

	.team-section .item .contact-number p, .team-section .item .contact-number p > * {
		font-size: 18px;
	}
}

@media (max-width: 600px) {
	.team-section .item {
		flex: 1 1 100%;
	}

	.team-section {
		padding: 20px 20px 30px;
	}

	.team-section .post-content {
		text-align: center;

	}
	.team-section .post-content .post-title {
		justify-content: center;
	}
}



/*** faq ***/

.faq {
	padding: 60px 30px 60px;
	box-sizing: border-box;
}

.faq .search-container {
	max-width: 950px;
	margin: 0 auto;
	position: relative;
}

.faq .search-container::before {
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url('img/search_faq.svg');
	content: '';
	display: block;
	background-size: 15px 15px;
	width: 15px;
	height: 16px;
	background-repeat: no-repeat;
}

.faq .search-container input {
	width: 100%;
	background-color: #EDEDED;
	font-size; 16px;
	font-family: "din-2014", sans-serif;
	color: #0C0705;
	padding: 20px 30px;
	box-sizing: border-box;
	border: none;
	text-indent: 20px;
	font-weight: 300;
}
.faq .search-container input::placeholder {
	font-size; 16px;
	font-family: "din-2014", sans-serif;
	color: #0C0705;
	font-weight: 300;
}
.faq .search-container input:focus {
	outline: none;
}

.faq-container {
	margin: 0 auto;
	max-width: 800px;
}

.faq-container .title {
	padding: 25px 0px 10px;
	box-sizing: border-box;
}

.faq-container .title > * {
	/* 	text-align: center; */
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.faq-container .text p:first-of-type {
	padding-top: 0px;
}
.faq-container .text {
	padding:  0 0px 20px;
	box-sizing: border-box;
	text-align: center;
}

.faq-container .text p a {
	font-weight: 600;
	color: inherit;
}
.faq-container .text p a:hover {
	opacity: 0.6;
}

.faq .accordion {
	list-style-type: none;
	padding-left: 0px;
	margin: 0px;
	padding: 10px 0px;
	box-sizing: border-box;
}

.faq .accordion .set {
	padding: 20px 0px;
	background-color: #ffffff;
	margin-bottom: 20px;
	border-bottom: 1px solid #0C4341;
	position: relative;
}

.faq .accordion .set::after {
	/* 	display: block;
	width: 2px;
	right: 60px;
	content: '';
	background-color: #0C4341;
	position: absolute;
	height: 100%;
	top: 0; */
}

.faq .accordion .set:last-of-type {
	border-bottom: 0px;
}

.faq .accordion .accordion-title {
	display: flex;
	justify-content: space-between;
	color: #0C0705;
	font-size: 24px;
	font-weight: 500;
	align-items: center;

	text-transform: uppercase;
}

.faq .accordion .accordion-title span {
	display: flex;
	justify-content: center;
	width: 40px;
	height: 40px;
	/* 	border: 1px solid #303470; */
	align-items: center;
	margin-left: 20px;
}

.faq .accordion .accordion-title:hover {
	cursor: pointer;
}

.faq .accordion .accordion-title span img {
	position: relative;
	transition: 0.5s;
	display: block;
	min-width: 40px;
	/* 	height: 9px; */
	transform: rotate(0deg);
	object-fit: contain;
}

.faq .accordion .accordion-title.active span img {
	/* 	transform: rotate(180deg); */
}

.faq .accordion .accordion-title span {
	position: relative;
}

.faq .accordion .accordion-title span::after {


	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	top: 50%;
	content: '';
	width: 1px;
	height: 20px;
	background-color: #0C0705;
	transition: 0.5s;
}

.faq .accordion .accordion-title.active span::after {
	width: 0px;
	height: 0px;
	transition: 0.5s;

}

.faq .accordion h3 {
	color: #0F0F0F;
	font-size: 18px;
	font-weight: 700;
	margin-top: 0px;
}

.faq .accordion .accordion-content {
	padding-bottom: 10px; 
	box-sizing: border-box;
	padding-top: 10px;
	width: calc(100% - 70px);
}

.faq .accordion .accordion-content p:first-of-type {
	padding-top: 10px;
}

.faq .accordion .accordion-content p {
	font-size: 18px;
	color: #1B2024;
}

.faq .accordion .accordion-content p a {
	color: inherit;
	font-weight: 600;
	text-decoration: underline;
}
.faq .accordion .accordion-content p a:hover {
	opacity: 0.6;
}

.faq .accordion .accordion-content .link {
	background-color: #F4F4F4;
	padding: 10px 15px;
	box-sizing: border-box;
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
	border: 1px solid #44A2D5;
}

.faq .accordion .accordion-content .link a:first-of-type {
	color: #0F0F0F;
	font-size: 18px;
	font-weight: 700;
}

.faq .accordion .accordion-content .link a:last-of-type {
	color: #0F0F0F;
	font-size: 16px;
	min-width: 100px;
	text-decoration: underline;
}

.faq .accordion .accordion-content .images {
	display: flex;
	gap: 20px;
	margin-top: 20px;
}

.faq .accordion .accordion-content .images .image {
	flex: 1 1 calc(50% - 20px);
}

.faq .accordion .accordion-content .images .image img {
	height: 230px;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.faq .a-button {
	margin-top: 30px;
}

@media (max-width: 1300px) {

}
@media (max-width: 600px) {
	.faq .search-container {
		padding: 0 20px;
		box-sizing: border-box;
	}
	.faq .search-container::before {
		left: 40px;
	}
	.faq {
		padding: 30px 0px 10px;
	}
	.faq .accordion {
		padding: 0px 20px;
	}

	.faq .accordion .accordion-title span img {
		max-width: 40px;
	}
	.faq .accordion .accordion-content .link {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}

	.faq .accordion .accordion-title span {
		min-width: 40px;
		min-height: 40px;
	}

	.faq .accordion .accordion-title {
		font-size: 20px;
	}

	.faq-container .title {
		padding: 25px 20px 0;

	}


	.faq .accordion .accordion-content .images {
		flex-wrap: wrap;
	}

	.faq .accordion .accordion-content .images .image {
		flex: 1 1 100%;
	}

	.faq-container .text {
		padding: 20px 20px 20px;
	}

}


/*** accreditations ***/
.accreditations {
	padding: 60px 60px 60px;
	box-sizing: border-box;
}

.accreditations.no-bottom-pad {
	padding-bottom: 0px;
}

.accreditations.no-bottom-pad .images {
	margin-bottom: 0px;
}

.accreditations.no-bottom-pad.less-logo .images .image {
	margin: 20px 20px 0;
}

.accreditations .text {
	max-width: 950px;
	margin: 0 auto;
}

.accreditations.no-slider .arrows {
	display: none;
}

.accreditations-container {
	max-width: 1340px;
	margin: 0 auto;
}

.accreditations .title {

	margin: 0 auto 20px;
}

.accreditations .title > * {
	text-align: center;

}
.accreditations.black-bg {
	color: #fff;
}
.accreditations.black-bg .title > * {
	color: #fff;
}

.accreditations.less-logo .images .image {
	margin: 40px 20px 0;
}
.accreditations .text ul li {
	list-style: none;
}
.accreditations .text ul li::before {
	content: "-";
	font-weight: bold;
	display: inline-block;
	width: 1em;
	position: relative;
	left: -10px;
	margin-left: -1em;
}

.accreditations .images {
	display: flex;
	justify-content: center;
	gap: 30px;
	flex-wrap: wrap;
	/* 	margin-top: 20px; */
	margin-bottom: 40px;
}

.accreditations .images .image {
	margin: 40px 0 0;
}

.accreditations.no-slider .images .image {
	margin: 0;
}

.accreditations .images .image img {
	height:80px;
	display: block;
	object-fit: contain;
	object-position: center;
	width: 200px;
	margin: 0 auto;
}

.accreditations.less-logo .images .image img {
	height: 110px;
}

.accreditations .text p:first-of-type {
	padding-top: 0px;
}

.accreditations .images-container {
	position: relative;
}

.accreditations.less-logo .images-container {
	max-width: 800px;
	margin: 0 auto;
}

.accreditations .arrows {
	display: flex;
	gap: 40px;
	justify-content: space-between;
	margin-top: 20px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	left: 50%;
	width: calc(100% + 30px);
}

.accreditations .arrows .left-arrow {
	/* 	position: absolute;
	left: -40px;
	top: 50%;
	transform: translateY(-50%);
	transition: 0.5s; */
}

.accreditations .arrows .left-arrow:hover {
	cursor: pointer;
	opacity: 0.6;
}

.accreditations .arrows .left-arrow img {
	width: 30px;
	object-fit: contain;
	object-position: center;
}

.accreditations .arrows .right-arrow {
	/* 	position: absolute;
	right: -40px;
	top: 50%;
	transform: translateY(-50%);
	transition: 0.5s; */

}

.accreditations .arrows .right-arrow:hover {
	cursor: pointer;
	opacity: 0.6;
}

.accreditations .arrows .right-arrow img {
	width: 30px;
	object-fit: contain;
	object-position: center;
}


.accreditations .a-button {
	margin-top: 40px;
}


@media (max-width: 600px) {
	.accreditations .images .image img {
		height: 50px;
		margin: 0 auto;
	}
	/* 	.accreditations .images .image {
	margin: 5px 0;
	width: calc(33.33% – 20px);
} */
	.accreditations .images {
		gap: 20px;
	}
	.accreditations {
		padding: 30px 20px 45px;
	}
	.accreditations .arrows .left-arrow {
		left: 0px;
	}

	.accreditations .arrows .right-arrow {
		right: 0px;
	}
	.accreditations .arrows .left-arrow img {
		width: 18px;
	}

	.accreditations .arrows .right-arrow img {
		width: 18px;
	}

	.accreditations .images-container {
		padding: 0 30px;
	}

	.accreditations.no-slider .images-container {
		padding: 0 0;
	}

	.accreditations.less-logo .images .image img {
		height: 56px;
	}
	.accreditations .a-button .btn-main {
		margin: 0 auto;
	}
}

/*** careers section ***/

.careers-section {
	padding: 50px 30px 30px;
	box-sizing: border-box;
	background-color: #ffffff;
}

.careers-section-container {
	max-width: 1030px;
	margin: 0 auto;
}
.careers-section .heading {
	margin: 0 auto;
	max-width: 800px;
}

.careers-section .heading .text {
	margin: 20px auto 40px;
}

.careers-section .heading .text p:first-of-type {
	padding-top: 0px;
}
.careers-section .heading .a-button {
	text-align: center;
	margin-bottom: 70px;
	margin-top: 30px;
}
.careers-section .heading .a-button a {
	background-color: #FFD343;
	border: 1px solid #FFD343;
}
.careers-section .heading .a-button a:hover {
	background-color: transparent;
}
.careers-section .items {
	/* 	display: flex;
	flex-wrap: wrap;
	justify-content: center; */
}



.careers-section .items .item {
	width: 100%;
	margin: 60px 0px;
	background-color: #0C0705;
	padding: 30px 30px;
	box-sizing: border-box;
	border-left: 20px solid #FFD343;

}

.careers-section .items .item .career-content .info {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}

.careers-section .items .item .career-content .info .text {
	display: flex;
	gap: 10px;
	align-items: center;
}

.careers-section .items .item .career-content .info .text i {
	color: #fff;
	font-size: 22px;
}

.careers-section .items .item .career-content .info .text p {
	padding-top: 0px;
	font-size: 24px;
	font-weight: 500;
	text-transform: uppercase;
}

.careers-section .items .item .career-content p {
	color: #767676;
}

.careers-section .items .item .career-content .text:first-of-type p  {
	padding-top: 0px;
}

.careers-section .items .item .career-content .text p {
	padding-top: 10px;
}

.careers-section .items .item .career-content .excerpt p {
	color: #fff;
	padding-top: 0px;
	text-align: left;
}
.careers-section .items .item .career-content .excerpt {
	margin: 10px auto 40px;
}

.careers-section .items .item .career-title {
	margin-bottom: 10px;
}
.careers-section .items .item .career-title > * a {
	color: #FFD343;
}
.careers-section .items .item .career-content .text p {
	color: #fff;
}

.careers-section .items .item .career-title a {
	font-weight: 600;
	font-size: 32px;
}

.careers-section .a-button {
	width: 100%;
	text-align: left;
	margin-bottom: 15px;
}

.careers-section .items .item .a-button a {

	/* 	width: 100%; */
	text-align: center;
	/* 	width: fit-content; */
}

.careers-section .items .item .a-button a:hover {
	background-color: #FFD343;
	color: #0C0705;
}


@media (max-width: 1300px) {

}

@media (max-width: 670px) {
	.careers-section .items .item {
		width: 100%;
		margin: 0px 0 40px;
	}
}

@media (max-width: 600px) {


	.careers-section .items .item {
		padding: 20px 20px;
		border-top: 20px solid #FFD343;
		border-left: none;
	}

	.careers-section {
		padding: 40px 20px;
	}

	.careers-section .items .item .career-title a {
		font-size: 26px;
	}
	.careers-section .items .item .a-button a {
		text-align: center;
		display: block;
		margin: 0 auto;
	}

	.careers-section .a-button {
		margin-top: 15px;
	}

	.careers-section .items .item .career-content .info .text p {
		font-size: 16px;
	}

	.careers-section .items .item .career-content .excerpt {
		margin: 10px auto 20px;
	}
	.careers-section .heading .a-button {
		margin-bottom: 50px;
	}
}


/*** contact form ***/

.contact-section {
	padding: 50px 30px 70px;
	box-sizing: border-box;
}
.contact-section .heading {
	max-width: 950px;
	margin: 0 auto 30px;
}

.contact-section .heading .text a{
	text-decoration: underline;
	color: inherit;
}

.contact-section .contact-links {
	margin: 20px auto 0px;
	display: block;
	text-align: center;
}

.contact-section .contact-links a {
	color: #0C0705;
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
	display: block;
}

.contact-section .contact-links a svg {
	color: #FFD343;
	margin-right: 10px;
}

.contact {

	max-width: 950px;
	margin: 0px auto 0;

	/* 	position: absolute; */
	width: 100%;
	/* 		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
}

/* Base styling for the checkbox */
.wpcf7-acceptance .wpcf7-list-item input[type="checkbox"] {
	appearance: none;
	width: 7px; /* Adjust size as needed */
	height: 7px;
	background-color: #ffffff; /* Default color */
	border: 2px solid #ccc; /* Default border color */
	border-radius: 0px; /* Optional rounded corners */
	transition: background-color 0.3s ease;
	padding: 7px;
}

/* Change background color when checked */
.wpcf7-acceptance .wpcf7-list-item input[type="checkbox"]:checked {
	background-color: #FFD343;
	border-color: #FFD343; /* Optional to match border color */
}




.contact .form-container {
	margin: 0;

}

.contact .flex-space {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.contact .flex-full {
	margin-bottom: 15px;
}

.contact .input-half {
	width: 49%;
}

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

.contact p {
	padding-top: 0px;
}

.contact p br {
	display: none;
}

.contact input, .contact select {
	padding: 15px;
}

.contact select {
	-webkit-appearance: none;
	border-radius: 0;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC);
	background-position: center right;
	background-repeat: no-repeat;
	-moz-appearance: none;
}

.contact select option {
	color: #292929;
}

.contact .flex-full input, .flex-full textarea {
	width: 100%;
	box-sizing: border-box;
	/* 	margin-bottom: 15px; */
	color: #1a1d29 !important;
}

.contact .flex-full input, .flex-full textarea {

}

.contact select::placeholder {
	color: #1a1d29 !important;
	opacity: 0.5;
}
.contact select {
	color: #1a1d29 !important;
}

.contact input[type=text]::placeholder, .contact textarea::placeholder,  .contact input[type=email]::placeholder, .contact input[type=tel]::placeholder{
	color: #1a1d29 !important;
}
.contact input, .contact select, .contact textarea {
	background-color: #ffffff;
	border: none;
	width: 100%;
	transition: all 350ms ease-in-out;
	box-sizing: border-box;
	font-size:16px;

	font-family: "din-2014", sans-serif;
	/* 				-webkit-appearance: none; */
	border-radius: 0px;
	border: 1px solid #B5B5B5;
	margin-top: 0px;
	color: #1a1d29 !important;
	font-weight: 300;

}

.contact input:focus, .contact select:focus, .contact textarea:focus {
	outline: none;
}

.contact label {
	font-family: "din-2014", sans-serif;
	color: #008AD2;
	font-size: 22px;
	font-weight: 300;
}

.contact label br {
	display: none;
}

.contact textarea  {
	height: 120px;
	padding: 10px;
	box-sizing: border-box;
	text-indent: 5px;
}

.contact input[type=submit] {
	width: 275px;
	margin-top: 0px;
	color: #0C0705;
	background-color: #FFD343 !important;
	font-family: "din-2014", sans-serif;
	font-size: 16px;
	font-weight: 400 !important;
	border: 1px solid #FFD343;
	border-radius: 0px;
	text-align: center;
	padding: 20px 30px;
	font-weight: 600;
	box-sizing: border-box;

	text-transform: uppercase;
}

.contact input[type=submit]:hover {
	cursor: pointer;
	background-color: transparent !important;

}

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

.contact .wpcf7-list-item label {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.wpcf7-checkbox {
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.contact .acceptance,
.newsletter .acceptance {
	/* 	display: flex;
	align-items: center; */
	margin-bottom: 10px;
}
.contact .acceptance p {
	display: flex;
	flex-direction: row;
	align-items: center;
	/* 	color:#FFFFFF; */
	font-weight: 200;
	font-size: 16px;
}

.contact-hero .contact .acceptance p,
.newsletter .acceptance p{
	color: #0C0705;
	display: flex;
	flex-direction: row;
}
.newsletter .acceptance p {
	margin-top: 10px;

}
.newsletter .acceptance p span {
	width: auto;
}
.newsletter .wpcf7-acceptance .wpcf7-list-item input[type="checkbox"] {
	margin-top: 2px;
}
.newsletter .acceptance p a {
	text-decoration: underline;
	color: inherit;
	font-weight: 700;
}

.newsletter .acceptance p a:hover {
	opacity: 0.6;
}

.contact-hero .p-submit {
	margin-bottom: 20px;
}


.contact .acceptance p input[type=checkbox] {
	margin-bottom: 0px;
	margin-right: 10px;
	width: auto;
	margin-top: 5px;
}
.contact .acceptance p a {
	margin-left: 5px;
	margin-right: 5px;

}

.contact .acceptance p a:hover {
	opacity: 0.7;
}

.contact .acceptance p a {
	text-decoration: underline;
	color: inherit;
	font-weight: 700;
}


.wpcf7-spinner {
	display: none !important;
}

.contact .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.wpcf7-not-valid-tip {
	font-size: 16px !important;
	font-family: "din-2014", sans-serif;
}

.contact .submit-btn {
	padding-top: 0px;
	position: relative;
	text-align: right;
}
.contact .submit-btn::after {
	background-image: url(img/up_green.svg);
	position: absolute;
	left: 50%;
	margin-left: 35px;
	top: calc(50% - 7px);
	transform: translate(-50%);
	content: '';
	width: 15px;
	height: 10px;
	background-repeat: no-repeat;
	background-size: 15px 10px;
	display: block;
	pointer-events: none;

}

.contact .submit-btn:hover::after {
	background-image: url(img/up_right_arrow_green.svg);


}

.contact .p-submit {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}


@media (max-width: 1550px) {
	.contact .acceptance p {
		/* 		flex-direction: column;
		align-items: flex-start; */
	}
	.contact .acceptance p a {
		/* 		margin-left: 0px; */
	}
}

@media (max-width: 850px) {
	.contact .input-half {
		width: 100%;
	}
	.contact .flex-space {
		flex-direction: column;
	}

	.contact .flex-space {
		margin-bottom: 0px;
	}

	.contact .input-half {
		margin-bottom: 20px;
	}

	.contact {
		position: relative;

	}

	.page-id-24 .hero.has-image {

	}

	.contact .p-submit {
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}
}

@media (max-width: 600px) {
	.contact-section {
		padding: 50px 20px;
	}


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

	.contact .wpcf7-list-item label {
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
	}

	.contact .wpcf7-list-item label span {
		width:300px;
		text-align: left;
	}

	.contact .wpcf7-list-item label input {
		width: auto;
	}

	.contact .wpcf7-form-control-wrap .wpcf7-checkbox:first-of-type {
		margin-top: 20px;
	}
	.contact .wpcf7-form-control-wrap .wpcf7-checkbox:last-of-type {
		margin-bottom: 20px;
	}

}



@media (max-width: 600px) {
	.contact input[type=submit] {
		width: 250px;
	}

	.contact .acceptance p {
		/* 		flex-direction: column;
		align-items: flex-start; */
		font-size: 14px;
		line-height: 17px;
	}
	.contact .acceptance p a {
		/* 		margin-left: 0px; */
	}

	.contact .submit-btn {
		text-align: center;
	}

}	
/*** image text ***/

.image-text {
	padding: 0px 0px 0px;
	box-sizing: border-box;
	background-color: #0C0705;
	color: #fff;
}


.image-text.big-text {

}

.image-text.white-bg {
	background-color: #fff;
	color: #0C0705;
}

.image-text.white-bg .right h3 {
	color: #0C0705;
}

.image-text.white-bg .right .title > * {
	color: #0C0705;
}

.image-text.no-padding {
	padding: 0px;
}


.image-text.short-thumbnail {
	padding: 10px 30px;
}


.image-text.grey-bg {
	background-color: #E8E5DF;
}

.image-text.border {
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(244,244,244,1) 20%, rgba(244,244,244,1) 80%, rgba(255,255,255,1) 80%);
}

.image-text-container {
	display: flex;
	/* 	align-items: center; */
	/* 	max-width: 1340px; */
	margin: 0 auto;
	/* 	flex-direction: row-reverse; */
}

.image-text.normal .image-text-container {
	/* 	align-items: center; */
}

.single-sector .image-text.normal .image-text-container {
	/* 	align-items: unset; */
}

.image-text.post-section .image-text-container {
	align-items: center;
}

.image-text.flip .image-text-container {
	flex-direction: row-reverse;

}

.image-text .left {
	/* 	width: calc(50% - 0px); */
	width: 50%;
	position: relative;
}

.image-text.normal .left img {
	height: 100%;
	/* 	border-radius: 20px; */
	width: 100%;
	/* 	height: 600px; */
	display: block;
	object-fit: cover;

}

.image-text.normal .left img {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.image-text.normal.short .left img {
	/* 	height: 430px; */
}

.image-text.border .left {
	/* 	padding-left: 30px; */
	position: relative;
}

.image-text.border .left .image {
	max-width: 750px;
	margin-left: auto;

}

.image-text .left .image img {
	display: block;
	width: 100%;
	object-fit: cover;
	object-position: center;
	height: 450px;
	/* 	border-radius: 20px; */

}

.image-text.short-thumbnail .left .image img {
	height: 200px;
}

.image-text.short-thumbnail .right {
	padding: 0px 0px;
}

.image-text .right {
	flex: 1 1 50%;
	padding: 30px 0px;
	position: relative;
}


.image-text .right.green-bg-image {
	background-image: url('img/green-bg.svg');
	background-size: cover;
	background-position: center;

}

.single-sector .image-text .right::after {
	position: absolute;
	right: 50px;
	top: 50%;
	transform: translateY(-50%);
	background-image: url('img/image-text-bg.svg');
	width: 250px;
	height: 195px;
	background-size: 100%;
	background-position: center;
	content: '';
	background-repeat: no-repeat;
}

.image-text.normal .right {
	padding: 0px;
}

.image-text.border .right{
	max-width: 750px;
	margin-right: auto;

}
.image-text .right .title {
	margin-bottom: 10px;
}

.image-text.normal .right .title > * {
	text-align: left;
}

.image-text.normal .right .title span {
	color: #FFD343;
}

.image-text.normal.green-accent .right .title span {
	color:#8DC63F !important;
}

.image-text.normal.blue-accent .right .title span {
	color: #009EE3 !important;
}

.image-text .right .title > * {
	font-size:32px;
	text-align: center;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;
}

.image-text.big-text .right .title > * {
	font-size: 52px;
	line-height: normal;
}

.image-text.big-text .right .text p {
	font-size: 24px;
}

.image-text .right .title .yellow {
	color: #FFD343;
}

.image-text .right .subtitle .white {
	color: #fff;
}

.image-text .right h3 {
	font-size: 24px;
	color: #8DC63F;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.image-text.big-text .right h3 {
	color: #fff;
	font-size: 32px;
}

.image-text .right h3.yellow {
	color: #FFD343;
}

.image-text .right .title a {
	color: #1A2023;
}

.image-text .right .title.small > * {
	font-size: 26px;
}


.image-text .right .right-inner {
	/* 	background-color: #F4F4F4; */
	padding: 40px 40px 40px 40px;
	box-sizing: border-box;

	min-height: 430px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.image-text.big-text .right .right-inner {
	padding: 50px 40px 50px 40px !important;
}

.image-text.flip .right .right-inner {
	padding: 40px 40px 40px 40px;
}



.image-text .right .right-inner .inner-container {
	max-width: 600px;
	/* 	margin: 0 auto; */
	/* 	padding: 50px 0; */
	box-sizing: border-box;
	padding-left: 50px;
}

.image-text .right .right-inner .inner-container .text p:first-of-type {
	padding-top: 0px;
}

.image-text .right .right-inner .inner-container .text a {
	color: #0160B2;
	font-weight: 500;
	text-decoration: underline;
	display: inline-block;
}
.image-text.white-bg .right .right-inner .inner-container .text a {
	color: #0C0705 !important;
}

.image-text.white-bg .right .right-inner .inner-container .text a:hover {
	opacity: 0.7;
}
.image-text .right .right-inner .inner-container .text h3 {
	font-size: 24px;
	margin-bottom: 20px;
	color: #1A2023;
	font-weight: 300;
	line-height: 29px;
}

.image-text .right .right-inner .inner-container .text ol {
	list-style-type: disc;
}

.image-text .right .right-inner .inner-container .text a:hover {
	opacity: 0.7;
}

.image-text .right .right-inner .inner-container .text a:focus {
	color: #7DC159;
}

.image-text .right .right-inner .inner-container .text blockquote {
	margin-top: 20px;
	border-radius: 10px;
	background-color: #F4F4F4;
	border: none;

}

.image-text .right .right-inner .inner-container .text blockquote p {
	color: #008AD2;
	font-weight: 600;
}


.image-text .right .right-inner .inner-container .text ul {
	list-style-type: none;
	padding-left: 0px;
}

.image-text .right .right-inner .inner-container .text > ul > li {
	position: relative;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 24px;
	color: #FFD343;
	text-transform: uppercase;
	font-style: normal;
	font-weight: normal;
}

.image-text.green-list .right .right-inner .inner-container .text > ul > li {
	color: #8DC63F;
}

.image-text .right .right-inner .inner-container .text > ul > li ul li {
	font-size: 16px;
	color: #EDEDED;
	text-transform: none;
	font-weight: 300;
}
.image-text .right .right-inner .inner-container .text ul li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 15px;

	width: 15px; /* Bullet size */
	height: 20px; /* Bullet size */
	background-image: url('img/bullet_white.svg'); /* Custom bullet image */
	background-size: cover;
	background-repeat: no-repeat;
}

.image-text.green-list .right .right-inner .inner-container .text ul li::before {
	background-image: url('img/bullet_green.svg'); /* Custom bullet image */
}

.image-text.flip .right .right-inner .inner-container  {
/* 	margin-left: auto; */
	padding-left: 0px;
}

.image-text.flip .right {
	/* 		max-width: 750px; */
	margin-right: auto;
}

.image-text .a-button {
	margin-top: 0px;
}

.image-text.normal .a-button {
	margin-top: 40px;
	margin-bottom: 30px;
}

.image-text.normal .a-button .btn-main {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
}

.image-text.normal.big-text .a-button .btn-main {
	background-color: #fff;
	color: #90c43c;
}

.image-text.normal.big-text .a-button .btn-main:hover {
	background-color: #0C0705;
	border: 1px solid #0C0705;
	color: #fff;
}

.image-text.normal .a-button .btn-main:hover {
	border: 1px solid #FFD343;
	color: #FFD343;
}

.image-text.normal.green-list .a-button .btn-main:hover {
	border: 1px solid #8DC63F;
	color: #8DC63F;
}

.image-text .right .links {
	display: flex;
	flex-wrap: wrap;
	gap: 0 10px;
	margin-bottom: 10px;
}

.image-text .right .links a {
	font-size: 16px;
	color: #1B2024;
	background-color: #EFEEED;
	padding: 15px 20px;
	box-sizing: border-box;
	display: block;
	border-radius: 10px;
	margin-bottom: 10px;
}

.image-text .right .links a:hover {
	background-color: #008AD2;
	color: #fff;
}

.image-text.flip .left .image {
	/* 		max-width: 750px; */
	margin-right: auto;
	width: 100%;
}

.image-text.flip.border .left {
	padding-left: 0px;
}

.image-text.short-thumbnail .a-button {
	margin: 10px 0 30px;
}

.image-text > .a-button.center {
	margin-top: 60px;
}

.image-text .right .text.excerpt {
	margin-bottom: 20px;
}

.image-text .buttons {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
}


@media (max-width: 1000px) {
	.image-text-container {
		flex-direction: column;
	}
	.image-text.flip .image-text-container {
		flex-direction: column;
	}
	.image-text.normal .right .right-inner {
		padding: 30px 30px 30px;
	}

	.image-text.normal .left img {
		height: 330px;
	}

	.image-text .left {
		width: 100%;
		padding: 0 0px;
		box-sizing: border-box;
		margin-left: 0px;
		height: 330px;
	}

	.image-text .right {
		width: 100%;
		padding: 0px;
	}

	.image-text .right .right-inner {
		padding: 30px 30px;
	}

	.image-text.flip .right .right-inner {
		padding: 30px 30px;
	}
	.image-text .right .right-inner .inner-container {
		max-width: none;
		padding-left: 0px;
	}

	.image-text {
		padding: 0px 0px 0;
	}
	.image-text.short {
		padding: 0px;
	}

	.image-text.normal.short .right .right-inner {
		padding: 70px 30px;
	}

	.image-text.normal.big-text .left img {
		/* 		height: 530px; */
	}
	.image-text.big-text .right .right-inner {
		padding: 50px 40px 50px 40px !important;
	}

	.image-text.big-text .right .title > * {
		font-size: 42px;
	}
	.image-text.big-text .right .text p {
		font-size: 28px;
	}
}

@media (max-width: 600px) {
	.image-text {
		padding: 0px 0px 0px;
	}

	.image-text .left .image img {
		height: 235px;
		/* 		border-radius: 10px; */
	}
	.image-text.normal .right .right-inner {
		padding: 20px 20px 30px;
	}
	.image-text .right .right-inner {
		padding: 10px 20px 0;
	}

	.image-text .right .title > * {
		font-size: 28px;
		line-height: 34px;
	}



	.image-text .right .right-inner .inner-container .title {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.image-text .right .right-inner .inner-container .text p {
		padding-top: 10px;
	}

	.image-text .right .right-inner .inner-container .btn-main-2 {
		margin-top: -20px;
		display: block;
	}

	.image-text .right .links a {
		font-size: 12px;
	}
	.image-text.flip .right .right-inner {
		padding: 10px 20px 0;
	}
	.image-text .right .right-inner .inner-container .text h3 {
		font-size: 20px;
		line-height: 24px;
	}

	.image-text .right h3 {
		font-size: 20px;
	}

	.image-text.big-text .right .title > * {
		font-size: 34px;
		text-align: center;
	}

	.image-text.big-text .right .text p {
		font-size: 24px;
	}

	.image-text .right .right-inner .inner-container .text > ul > li {
		font-size: 18px;
	}

	.image-text.normal .a-button {
		margin-top: 20px;
	}

	.image-text.normal.big-text .a-button {
		margin-top: 40px;
	}

	.image-text .right .right-inner {
		min-height: 0px;
	}

	.image-text .right .right-inner .inner-container {
		padding-bottom: 30px;
		text-align: center;
	}

	.image-text.flip .right .right-inner .inner-container {
		padding-bottom: 30px;
	}

	.image-text.big-text .right h3 {
		text-align: center;
	}

	.image-text.big-text .buttons {
		justify-content: center;
	}
	.image-text.normal .right .title > * {
		text-align: center;
	}
	.image-text .right .right-inner .inner-container .text ul {
		text-align: left;
	}
	.image-text .buttons {
		margin-top: 20px;
		justify-content: center;
	}
}

@media (max-width: 500px) {
	.image-text .buttons .a-button {
		width: 100%;
	}

	.image-text .buttons {
		flex-direction: column;
	}

	.image-text.normal .a-button:nth-of-type(1){

		margin-bottom: 0px;
	}

	.image-text.normal .a-button:nth-of-type(2){
		margin-top: 0px;
		margin-bottom: 20px;
	}
	.image-text.normal .a-button .btn-main {
		width: 100%;
		display: block;
		text-align: center;
	}

	.image-text.big-text .right .right-inner {
		padding: 40px 30px 40px 30px;
	}

}


/*** image text items ***/

.image-text-items {
	padding: 60px 30px;
	box-sizing: border-box;
}


.image-text-items-container {
	max-width: 1340px;
	margin: 0 auto;
}


.image-text-items .heading {
	max-width: 950px;
	margin: 0 auto 50px;
}

.image-text-items .item-container {
	max-width: 1340px;
	margin: 0 auto;
	display: flex;
	gap: 30px;
	/* 	margin-top: 50px; */
	flex-wrap: wrap;
}

.image-text-items.four-cols .item-container {
	gap: 40px;
}

.image-text-items .item-container.center .item img {
	margin: 0 auto;
}

.image-text-items .item-container .item {
	flex: 1 1 calc(33.33% - 30px);
	border-radius: 0px;
	overflow: hidden;
}

.image-text-items.two-cols .item-container .item {
	/* 	flex: 1 1 calc(50% - 30px); */


	flex: 0 0 calc((100% - (1 * 30px)) / 2); /* Subtract total gaps and divide by 3 */
	max-width: calc((100% - (1 * 30px)) / 2);
	/* 	text-align: center; */
	display: flex;
	flex-direction: column;
}

.image-text-items.two-cols .item-container .buttons {
	margin-top: auto;
	padding-top: 10px;
	margin-bottom: 20px;
}

.image-text-items.center .item-container .item {
	text-align: center;
}

.image-text-items.four-cols .item-container .item {
	flex: 1 1 calc(25% - 30px);
}

.image-text-items .item-container .image {
	margin-bottom: 0px;
}

.image-text-items .item-container .image img {
	display: block;
	height: 380px;
	display: block;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.page-id-222 .image-text-items .item-container .image img {
	object-fit: contain;
	height: auto;
	max-height: 380px;
}

.image-text-items .item-container .title {
	margin-top: 20px;
}
.image-text-items .item-container .text {
	padding: 10px 0px;
	box-sizing: border-box;
}

.image-text-items .item-container .buttons {
	display: flex;
	margin-top: 25px;
	gap: 0 20px;
	flex-wrap: wrap;

}

.image-text-items .item-container .text.center {
	text-align: center;
}

.image-text-items .item-container .a-button {
	margin-top: 0px;
	margin-bottom: 20px;
}

.image-text-items .item-container .a-button .btn-main {
	display: block;
}
.image-text-items.four-cols .item-container .text {
	padding: 20px 0;
}
.image-text-items.four-cols .item-container .text > * {
	color: #115153;
}
.image-text-items .item-container .text h3 {
	font-size: 26px;
	font-weight: 300;
	color: #115153;
	line-height: 32px;
}

.image-text-items .item-container .text p:first-of-type {
	padding-top: 10px;
}
.image-text-items.green-bg .item-container .text p {
	color: #115153;
}

.image-text-items.bg-color .item-container .item .text {
	padding: 25px 25px;
}
.image-text-items.bg-color .item-container .item:nth-of-type(odd) .text {
	background-color: #115153;
	color: #fff;
}

.image-text-items.bg-color .item-container .item:nth-of-type(odd) .text > * {
	color: #fff;
}

.image-text-items.bg-color .item-container .item:nth-of-type(even) .text {
	background-color: #CCEDB7;
	color: #115153;
}

.image-text-items.bg-color .item-container .item:nth-of-type(even) .text > * {
	color: #115153;
}

.image-text-items .arrows {
	display: flex;
	gap: 40px;
	justify-content: center;
	margin-top: 30px;

}
.image-text-items .arrows .right-arrow img, .image-text-items .arrows .left-arrow img {
	width: 20px;
}
.image-text-items .arrows .left-arrow {
	/* 	left: 30px;
	top: calc(50% - 30px);
	transform: translateY(-50%);
	position: absolute;
	transition: 0.5s; */
}

.image-text-items .arrows .right-arrow {
	/* 	right: 30px;
	top: calc(50% - 30px);
	transform: translateY(-50%);
	position: absolute;
	transition: 0.5s; */
}

.image-text-items .arrows .left-arrow:hover,
.image-text-items .arrows .right-arrow:hover {
	opacity: 0.6;
	cursor: pointer;
}

.image-text-items .arrows {
	display: none;
}

@media (max-width: 1100px) {
	.image-text-items .item-container .text p:first-of-type {
		padding-top: 0px;
	}
}

@media (max-width: 800px) {
	.image-text-items .item-container .item {
		flex: 1 1 100%;
		border-radius: 0px;
	}


	.image-text-items.four-cols .item-container .item {
		flex: 1 1 calc(50% - 30px);
	}

	.image-text-items .item-container .image img {
		height: 300px;
	}
}
@media (max-width: 750px) {

	.page-id-222 .image-text-items.two-cols .item-container .item {

		flex: 1 1100%;
		max-width: 100%;
	}
}
@media (max-width: 600px) {
	.image-text-items .item-container .text h3 {
		font-size: 22px;
	}

	.image-text-items .item-container {
		margin-top: 30px;
	}

	.image-text-items.bg-color {
		padding: 30px 20px;
	}
	.image-text-items.two-cols .item-container .item {
		max-width: 100%;
	}
	.image-text-items .item-container .image img {
		height: 250px;
	}

	.image-text-items.four-cols .item-container {
		gap: 20px;
	}

	.image-text-items.four-cols .item-container .image img {
		height: 165px;
	}

	.image-text-items.four-cols .item-container .text {
		padding: 20px 0 0;
	}

	.image-text-items {
		padding: 30px 0px;
	}

	.image-text-items.bg-color .item-container .item .text {
		padding: 20px 20px;
	}


	.image-text-items.two-cols,
	.image-text-items.four-cols {
		padding: 30px 20px;
	}

	.image-text-items.two-cols .item-container .text,
	.image-text-items.four-cols .item-container .text{
		padding: 20px 0 0;
		text-align: center;
	}

	.image-text-items .item-container .text {
		padding: 20px 20px;
	}
	.image-text-items.two-cols .item-container .item {
		flex:  1 1 100%;
		text-align: center;
	}

	.slider-mobile.image-text-items.two-cols .item-container .item,
	.slider-mobile.image-text-items .item-container .text {
		text-align: center;
	}

	.slider-mobile.image-text-items .item-container .text {
		padding-top: 10px;
	}

	.slider-mobile.image-text-items .item-container .buttons {
		justify-content: center;
	}

	.slider-mobile.image-text-items .heading {
		margin: 0 auto 30px;
	}


	.image-text-items.slider-mobile .arrows {
		display: flex;
	}
	.image-text-items .item-container .a-button {
		margin-bottom: 10px;
		margin-top: 10px;
	}

	.image-text-items .item-container .buttons {
		justify-content: center;
	}
}

/*** text block ***/




.text-block {
	position: relative;
}
.text-block.image-only .tint {
	display: none;

}
.text-block.image-only {
	background-size: 0% !important;
	background-image: none;
	padding: 0px !important;
}

.text-block .career-form {
	display: none;
	margin-top: 30px;
}

.page-id-197 .text-block .career-form {
	display: block !important;
}

.text-block .career-form p {
	padding-top: 0px !important;
}

.text-block-container {
	position: relative;
}

.text-block.testimonial {
	padding: 70px 150px 70px;
}

.top-quote {
	position: absolute;
	font-size: 192px;
	color: #8EBDDD;
	left: -150px;
	top: -20px;
}

.bottom-quote {
	position: absolute;
	font-size: 192px;
	color: #8EBDDD;
	right: -150px;
	bottom: -20px;
	transform: rotate(180deg);
}


.connect-bottom {
	/* 			position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -50px; */
}

.connect-bottom .dot {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: #303470;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	display: block;
	bottom: 20px;
}

.connect-bottom .line {
	width: 1px;
	height: 20px;
	background-color: #303470;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0px;
}

.connect-top .dot {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: #303470;
	width: 15px;
	height: 15px;
	border-radius: 100%;
	display: block;
	top: 20px;
}

.connect-top .line {
	width: 1px;
	height: 20px;
	background-color: #303470;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 0px;
}

.text-block#section-2 .connect-top {
	display: none;
}


.text-block#section-8 .connect-bottom {
	display: none;
}

.connect-top {
	margin-bottom: 20px;
}

.text-block.testimonial p em {
	font-size: 18px;
	font-weight: 300;
	font-style: normal;
}

.text-block .big-image-container {
	max-width: 1340px;
	margin: 30px auto 0;
}

.text-block .big-image-container img {
	display: block;
	object-fit: cover;
	width: 100%;
}

@media (max-width: 600px) {
	.connect-bottom {
		margin-top: 20px;
	}

	.text-block.testimonial {
		padding: 100px 20px 100px;
	}

	.top-quote {
		font-size: 140px;
		left: -10px;
		top: -70px;
	}

	.bottom-quote {
		font-size: 140px;
		right: -10px;
		bottom: -70px;
	}

	.text-block.testimonial p em {
		font-size: 16px;

	}
}



.text-block {
	padding: 60px 30px 60px;
	box-sizing: border-box;
}

.text-block .text {
	max-width: 950px;
	margin: 0 auto;
}

.text-block.has-bg-image {
	padding: 200px 30px 200px;
}

.text-block.short.has-bg-image {
	padding: 150px 30px 150px;
}

.text-block.has-bg-image .title h2,
.text-block.has-bg-image .text > * {
	color: #fff;
}

.text-block .tint {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	content: '';
	background-color: #000;
	opacity: 0.8;
	pointer-events: none;
}

.text-block.has-bg-image .title h2.underline::after {
	background-color: #fff;
}

.text-block.purple-bg {
	background-color: #303470;
}

.text-block.no-top-pad {
	padding-top: 0px;
}

.text-block.no-bottom-pad {
	padding-bottom: 0px;
}






.text-block.small-bottom-padding {
	padding-bottom: 40px;
}

.text-block.small-padding {
	padding: 30px 30px 30px;
}

.text-block.gray-bg {
	background-color: #EFEEED;
}

.text-block .text-block-container {
	max-width: 950px;
	margin: 0 auto;
	position: relative;
}

.text-block.full-width .text-block-container {
	max-width: 1380px;
}


.text-block .text-block-container .title {


}

.text-block .text-block-container p,
.text-block .text-block-container ul,
.text-block .text-block-container ol {

}

.text-block .text-block-container .image {
	margin-top: 20px;
	margin-bottom: 30px;
}

.text-block h2 a {
	color: inherit;
	text-decoration: underline;
}

.text-block.purple-bg p, .text-block.purple-bg h2 a, .text-block.purple-bg h2 , .text-block.purple-bg h3, .text-block.purple-bg a, .text-block.purple-bg ul, .text-block.purple-bg ol {
	color: #ffffff;
}

.text-block.black-bg p, .text-block.black-bg h2 a, .text-block.black-bg h2 , .text-block.black-bg h3, .text-block.black-bg a, .text-block.black-bg ul, .text-block.black-bg ol  {
	color: #ffffff;
}

.text-block h3 {
	font-size: 24px;
	color: #0C0705;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

.text-block h2 a:hover {
	opacity: 0.6;
}

.text-block .title {
	margin-bottom: 0px;
}


.text-block h2 {
	/* 	font-size: 42px;
	font-weight: 300;
	color: #303470; */
}

.text-block h2 span {
	/* 	font-size: 32px; */
	line-height: normal;
	/* 	display: block; */
	color: #FFD343;
}

.text-block .text-block-container .text.big-text > * {
	font-size: 25px;
	font-weight: 300;
	line-height: 30px;
}

.text-block .text-block-container .text.big-text strong {
	color: #008AD2;
	font-weight: 300;
}

.page-id-199 .text-block .text-block-container .text.big-text strong {
	font-size: 24px;
	font-weight: 500;
}

.page-id-199 .text-block .text-block-container .text.big-text p:first-of-type {
	padding-top: 0px;
}

.text-block p {

}

.text-block h3 {
	margin-bottom: 0px;
	font-size: 22px;
	line-height: 32px;
}

.text-block p {
	line-height: 21px;
	font-size: 16px;
}

.text-block p a {
	/* 	font-weight: 700; */
	text-decoration: underline;
	color: #000000;
}

.text-block.blue-bg p a {
	color: #fff;
}

.text-block p a:hover {
	opacity: 0.6;
}

.text-block p a:visited {
	/* 	color: #000; */
}

.text-block p object {
	width: 100%;
	height: 720px;
	border-radius: 20px;
}

.text-block ul {
	margin-top: 0px;
	margin-bottom: 30px;
	text-align: left;
}



.text-block ul {
	list-style: none; /* Remove default bullets */
	padding-left: 25px;
}

.text-block ul li::before {
	content: "-";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	/*color: #02A3DA;  Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em;
	position: relative;
	left: -10px;
	/* 	top: 2px;
	font-size: 26px; */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.text-block ul li {
	position: relative;
	padding-top: 15px;
	font-weight: 500;
}

/* .text-block.purple-bg ul li::before {
background-image: url(img/list_arrow.svg);
height: 10px;
width: 10px;
content: '';
display: block;
position: absolute;
background-size: 100% 100%;
top: 20px;
left: 2px;
}

.text-block ul li::before {
background-image: url(img/list_arrow_b.svg);
height: 10px;
width: 10px;
content: '';
display: block;
position: absolute;
background-size: 100% 100%;
top: 20px;
left: 2px;
} */

.text-block ul li, 
.text-block ol li {
	font-size: 16px;}

.text-block p:first-of-type {
	padding-top: 0px;
}

.text-block .a-button .btn-main.center {
	margin: 10px auto 0px;
	width: fit-content;

}
.page-id-197 .text-block .a-button .btn-main.center.yellow-bg {
	display: none;
}

.text-block .a-button .btn-main {
	margin: 10px 0 0px;
	width: fit-content;

}

.text-block .a-button .btn-main:hover {
	background-color: #0C0705;
	color: #fff;
}

.text-block .a-button {
	margin-top: 0px;}

.text-block img {
	margin-bottom: 20px;
	width: 100%;
	max-height: 600px;
	object-fit: cover;
	object-position: center;
	/* 	border-radius: 20px; */
}


.text-block.image-only img {
	max-height: none;
}

.text-block .buttons {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	/* 	flex-direction: column; */
	gap: 20px;
	margin-top: 30px;

}

.text-block .a-button a {

	font-size: 16px;
	padding: 16px 20px;
	box-sizing: border-box;
	text-align: center;
	justify-content: center;
	font-weight: 300;
	display: block;
	line-height: normal;
	min-width: 300px;
}

.text-block.has-bg-image .a-button a {
	/* 	border: 1px solid #CCEDB7; */
	/* 	background-color: transparent; */
	/* 	color: #CCEDB7; */
}

.text-block.has-bg-image .a-button a:hover {
	background-color: #fff !important;
	color: #0C0705;
}



.text-block .a-button a:hover {
	background-color: #fff
		color: #008AD2;
}

.text-block .a-button a svg {
	margin-left: 10px;
}
.single-career .text-block.black-bg .a-button a {
	border: 2px solid #FFD342;
	color: #FFD342;
}
.text-block.black-bg .a-button a {
	color: #fff;
}

.text-block.black-bg .a-button a:hover {
	color: #ffffff;
	border: 2px solid #ffffff;
}

.text-block h3 {
	margin-top: 0px;
}

.text-block .title {
	margin-bottom: 20px;
}

.text-block .auto-width a {
	width: fit-content;
}

.text-block .product-warranty {
	display: flex;
	border-radius: 20px;
	background-color: #F4F4F4;
	padding: 60px 60px;
	box-sizing: border-box;
	align-items: center;
	gap: 50px;
	margin-top: 20px;
}

.text-block .product-warranty .left {
	flex: 1 1 calc(40% - 50px);
	text-align: center;
}

.text-block .product-warranty .left img {
	width: 70px;
	object-fit: contain;
	margin: 0 auto 20px;
	display: block;
}

.text-block .product-warranty .right {
	flex: 1 1 calc(60% - 50px);
}

.text-block .product-warranty .right h3 {
	font-size: 22px;
	color: #008AD2;
	font-weight:500;
	margin-top: 0px;
}


.text-block .product-warranty .right p {
	font-size: 18px;
	padding-top: 10px;
}

.text-block p iframe {
	border-radius: 20px;
	overflow: hidden;
	width: 100%;
	height: 540px;
}

.text-block .text-cols {
	margin-top: 20px;
}

.text-block .items {
	display: flex;
	gap: 20px;
	margin-top: 30px;
	flex-wrap: wrap;
}

.text-block .items .item {
	flex: 1 1 calc(33.33% - 20px);
	text-align: center;
	background-color: #7DC159;
	padding: 20px 20px;
	box-sizing: border-box;

	border-radius: 10px;
}

.text-block .items .item p {
	color: #fff;
	font-weight: 500;
}

.text-block .items .item p:first-of-type {
	padding-top: 0px;
}

.green:not(main.green) {
	color: #7DC159;
}

.text-block .half-text-container {
	display: flex;
	gap: 30px;
}


.text-block .half-text-container h2 {
	font-size: 32px;
	font-weight: 300;
	color: #1A2023;
	position: relative;
	padding-bottom: 20px;
}



.text-block .half-text-container h2::after {
	display: block;
	width: 80px;
	height: 1px;
	content: '';
	background-color: #114F49;
	bottom: 0px;
	position: absolute;
	left: 0;
}

.text-block .half-text-container h3 {
	color: #1A2023;
}

.text-block .half-text-container .text-left,
.text-block .half-text-container .text-right {
	flex: 1 1 calc(50% - 30px);

}

.text-block .contact-links {
	margin: 20px auto 0px;
	display: block;
	text-align: center;
}

.text-block .contact-links a {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-top: 10px;
	display: block;
}

.text-block.gray-bg .contact-links a {
	color: #0C0705;
}
.text-block .contact-links svg {
	color: #FFD343;
	margin-right: 15px;
}


.text-block .video {
	margin-top: 30px;
	margin-bottom: auto;
	height: 100%;
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 60%;
	max-width: 1370px;
	margin-left: auto;
	margin-right: auto;
}

.text-block .video iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.text-block .socials {
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-top: 30px;
}

.text-block .socials a {
	color: #fff;
	font-size: 36px;
}

.text-block .socials a:hover {
	opacity: 0.6;
}

@media (max-width: 800px) {
	.text-block .items .item {
		flex: 1 1 100%;
	}

	.text-block .half-text-container {
		flex-direction: column;
	}

	.text-block .half-text-container h2 {
		font-size: 28px;
	}

	.text-block h3 {
		font-size: 20px;
		line-height: 24px;
	}

	.text-block .half-text-container .text-left,
	.text-block .half-text-container .text-right {
		flex: 1 1 100%;

	}
}

@media (max-width: 700px) {
	.text-block .product-warranty {
		flex-direction: column;
		text-align: center;
		padding: 40px 30px;
		gap: 20px;
	}

	.text-block p iframe {
		height: auto;
		aspect-ratio: 4/3;
	}
}

@media (max-width: 600px) {

	.page-id-199 .text-block .text-block-container .text.big-text strong {
		font-size: 22px;
		line-height: 27px;
	}

	.text-block {
		padding: 40px 20px 40px;

	}


	.text-block.has-bg-image {
		padding: 100px 20px 100px;
	}

	.text-block.short.has-bg-image {
		padding: 100px 20px 100px;
	}

	.text-block.half {
		padding: 40px 20px 30px;
	}

	.text-block h2,
	.text-block h2 span {
		font-size: 24px;
	}

	.text-block p {
		font-size: 16px;
	}

	.text-block .title > * {
		font-size: 24px;
		line-height: normal;
		margin-top: 0px;
	}

	.text-block .a-button a {
		min-width: 233px;
	}

	.text-block.half .text-block-container {
		flex-direction: column;
	} 

	.text-block.half .text-block-container .left, .text-block.half .text-block-container .right {
		width: 100%;
	}

	.text-block.no-bottom-pad {
		padding-bottom: 20px;
	}

	.text-block .product-warranty {

	}

	.text-block .product-warranty h2 {
		font-size: 26px;
	}

	.text-block .product-warranty .right h3 {
		font-size: 18px;
		line-height: 26px;
	}
	.text-block .product-warranty .right p {
		font-size: 16px;
	}

	.text-block .product-warranty .left img {
		width: 62px;
	}

	.text-block .text-block-container .text.big-text > * {
		font-size: 20px;
		line-height: 24px;
	}

	.text-block .text-block-container .text.big-text strong {

		font-weight: 400;
		font-size: 16px;
	}

}



/*** header ***/

header {
	background:#ffffff;
	position: relative;
	z-index: 11;
}
header .top-container {
	background-color: #0C0705;
}
header .top-container .top-container-inner {
	max-width: calc(1370px + 60px);
	margin: 0 auto;

	padding: 10px 30px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
}

header .client-login-link {
	margin-left: 20px;
}

header .client-login-link img {
	display: block;
}

header .client-login-link:hover {
	opacity: 0.7;
}

header .top-container .top-container-inner .left {
	display: flex;
	align-items: center;
}

header .top-container .top-container-inner .left h3 {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	margin-right: 15px;
}

header .top-container .top-container-inner .left .social-icons {
	display: flex;
}

header .top-container .top-container-inner .left a {
	display: flex;
	align-items: center;
}

header .top-container .top-container-inner .left a svg {
	margin-right: 5px;
	color: #FFD343;
}

header .top-container .top-container-inner .left .email {
	margin-left: 15px;
	border-left: 1px solid #fff;
	padding-left: 15px;
}

header .top-container .top-container-inner .left img {
	margin-right: 5px;
}

header .top-container .top-container-inner a {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	display: flex;
	align-items: center;
}

header .top-container .top-container-inner a i {
	color: #FFD343;
}

header .top-container .top-container-inner a:hover {
	opacity: 0.7;
}

header .top-container .top-container-inner a i {
	margin-right: 13px;
	margin-top: -2px;
	font-size: 20px;
}

header .top-container .top-container-inner .email {
	margin-left: 10px;
}

header .top-container .top-container-inner .email a {

}


header .top-container .top-container-inner .right {
	display: flex;
}

header .top-container .top-container-inner .right .tel {
	margin-right: 25px;
}

header .top-container .top-container-inner .right .header-link {
	margin-right: 30px;
}

header .main-container .main-container-inner {
	box-sizing: border-box;
	max-width: calc(1370px + 60px);
	margin: 0 auto;
	background-color: #fff;
	padding: 15px 30px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	transition: 0.5s;
}

header .main-container .main-container-inner nav a {
	color: #0C0705;

	font-family: "din-2014", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	padding: 25px 5px;
	box-sizing: border-box;
	display: block;
	transition: none;
	text-transform: uppercase;
}

header .main-container .main-container-inner nav a:hover {
	opacity: 0.7;
}

header .main-container .main-container-inner nav .sub-menu li a {
	color: #07171C;
	font-size: 22px;
}

header .main-container .main-container-inner nav .sub-menu li a:hover {
	opacity: 0.6;
}

header .header-right {
	display: flex;
	align-items: center;
}

header .header-right nav {
	display: flex;
	align-items: center;
}

header .header-right nav .search {
	margin-left: 20px;
}

header .header-right .mobile-header-contact {
	margin-right: 10px;
	display: flex;
	align-items: center;
	position: relative;
	top: -3px;
}

header .header-right .mobile-header-contact a {
	margin: 0 10px;
}

header .header-right .mobile-header-contact a:hover {
	opacity: 0.7;
}

header .header-right .mobile-header-contact a img {
	display: block;
}

header .main-container {
	position: relative;
	background-color: #fff;
}

header .tel.mobile {
	display: none;
}

header .email.mobile {
	display: none;
}

header .tel.mobile a, header .email.mobile a {
	color: #ffffff;
	font-size: 30px;
	display: flex;
	align-items: center;

}

header .search.mobile {
	display: none;
}

header .eservice.mobile {
	display: none;
}

@media (max-width: 1170px) {
	header .top-container {
		display: none;
	}
}

@media (max-width: 900px) {
	header .top-container .top-container-inner .right {
		display: none;
	}
}

@media (max-width: 1230px) {
	header .search.mobile {
		display: block;
		margin-right: 20px;
		font-size: 20px;
	}

	header .email.mobile {
		display: block;
		margin-right: 15px;

	}

	header .tel.mobile {
		display: block;
		margin-right: 15px;

	}
	header .eservice.mobile {
		display: block;
		margin-right: 25px;

	}

	header .mobile a svg,
	header .mobile a i {
		color: #0C0705;
		font-size: 22px;
	}
	
	header .mobile a svg, header .mobile a i

	header .email.mobile {

	}

	header .tel.mobile a, header .email.mobile a {

		display: flex;
		align-items: center;

	}
}

@media (max-width: 850px) {
	header .main-container .main-container-inner {
		padding: 20px 30px;
	}

	header.sticky-header .main-container .main-container-inner  {
		padding: 5px 30px;
	}

}

@media (max-width: 600px) {
	header .main-container .main-container-inner {
		padding: 20px 20px;
	}

	header.sticky-header .main-container .main-container-inner  {
		padding: 5px 20px;
	}

	header .top-container .top-container-inner .left a {
		font-size: 14px;
	}

	header .top-container .top-container-inner {
		padding: 7px 20px;
	}

	.custom-logo {
		width: 105px;
	}

	.mobile-menu .custom-logo {
		margin-bottom: 10px;
	}

	.side-nav a img {
		width: 30px;
		display: block;
	}
}


/*** mobile menu ***/


.mobile-menu {
	display: flex;
	/* 	height: 100%; */
}

.mobile-menu .mobile-logo {
	padding: 23px 0;
	box-sizing: border-box;
	display: block;
}

.mobile-menu .mobile-logo::after {
	display: none !important;
}

.menu-top-menu-container {
	width: calc(100% - 70px);
	margin-left: 0;
	margin-right: auto;
	background-color: #fff;
	padding: 30px 20px 20px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

.menu-top-menu-container::after {
	display: block;
	width: 100%;
	height: 100vh;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #FFF;
	content: '';
	z-index: -1;
}

.menu-top-menu-container ul  {
	text-align: left;
	margin-top: 20px;
}

.menu-top-menu-container ul > li a {
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	padding: 15px 0;
	border-top: 1px solid #07171C;

}

.menu-top-menu-container {


	color: white;
	/* 	box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 200px 1px rgba(255, 255, 255, 0.5); */
	text-align: left;
}

.menu-top-menu-container * {
	margin: 0;
	padding: 0;
}

.menu-top-menu-container li {
	list-style-type: none;
}



.menu-top-menu-container ul > li.active > a {
	border-bottom: none;
}
/* do not remove - this makes the submenu open / close */

.menu-top-menu-container ul ul {
	display: none;
}

.menu-top-menu-container li.active>ul {
	display: block;
}

.menu-top-menu-container li.active>ul.sub-menu {
	margin-bottom: 20px;
}

.menu-top-menu-container li.active>ul li a {
	padding-left: 15px;
	padding-right: 15px;
	transition: 0.5s !important;
}
.menu-top-menu-container li a a::after {
	transition: 0.5s;
}

.menu-top-menu-container ul > li > a::after {
	position: relative;
	transition: 0.5s;
}

.menu-top-menu-container ul > li.active > a::after {
	position: relative;
	transform: rotate(180deg);
}

/* first level menu item */

.menu-top-menu-container > ul > li > a {
	position: relative;
	display: block;
	/* 	background: #003040; */
	/* 	background: linear-gradient(#003040, #002535); */
	padding: 20px 15px 20px 0px;
	font-size: 18px;
	line-height: 34px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-transform: uppercase;
}

.menu-top-menu-container > ul > li > a {
	transition: 0.5s !important;
}

.menu-top-menu-container > ul > li > a:hover {
	opacity: 0.5 !important;
}

.menu-top-menu-container > ul > li.menu-item-has-children > a:before {
	content: "";
	position: absolute;
	left: 5px;
	color: rgba(255, 255, 255, 0.3);
	font-size: 18px;
}
/* second level menu item */

.menu-top-menu-container ul ul li a {
	color: #07171C;
	text-decoration: none;
	font-size: 16px;
	/* 	line-height: 27px; */
	display: block;
	padding: 10px 0px;
	transition: all 0.15s;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.menu-top-menu-container ul ul li a {
	transition: 0.5s;
}

.menu-top-menu-container ul ul li a:hover {
	opacity: 0.6;

}
/* third level menu item */

.menu-top-menu-container ul ul ul {


}

.menu-top-menu-container ul ul ul li a {
	padding-left: 30px !important;
}
/* arrows after closed / open menu items that have children */

.mobile-menu .menu-top-menu-container .menu a:not(:only-child):after {
	position: relative;

}

.mobile-menu .menu-top-menu-container .menu a:not(:only-child):after {
	content: "";
	background-image: url('img/mobile_arrow.svg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	width: 25px;
	height: 11px;
	display: block;
	top: 0;
	font-size: 18px;
	filter: brightness(0);
}

.menu-top-menu-container .active>a:not(:only-child):after {
	/* 	content: "";
	top: -10px;
	font-size: 28px; */
}

@media (max-width: 450px) {
	.menu-top-menu-container {
		width: calc(100% - 40px);
		padding: 20px 10px 20px;
	}

	.mobile-menu .slide-close {
		width: 40px !important;
		height: 40px !important;
		margin: 5px 5px;
	}


}

.mobile-menu .slide-close {
	width: 70px;
	/* 	background-color: #00A096; */
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;

}

.mobile-menu .contact-details h3 {
	font-size: 18px;
	color: #07171C;
	font-weight: 700;
	margin-top: 30px;
}

.mobile-menu .contact-details a::after {
	display: none;
}

.mobile-menu .contact-details a {
	display: block;
	color: #07171C;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 400;
}

.mobile-menu .contact-details a:hover {
	opacity: 0.7;
}

.mobile-menu .mobile-menu-social {
	display: flex;
	align-items: center;
}

.mobile-menu .mobile-menu-social .icon:first-of-type {
	margin-left: 0px;
}

.mobile-menu .mobile-menu-social .icon {
	margin: 0px 10px;
}

.mobile-menu .mobile-menu-social .icon a:hover {
	opacity: 0.7;
}

.mobile-menu .mobile-menu-social .icon a i {
	font-size: 22px;
}


/*** breadcrumbs ***/
.breadcrumb nav {
	display: block !important;
	text-transform: uppercase;
}
.🍞,
.bread {
	list-style-type: none;
	margin:0;
	padding:0;
	/* 	text-transform: uppercase; */
	color: #ffffff;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.🍞 li,
.bread li {
	display:inline-block;
	margin: 0 5px;
	color: #ffffff;
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	align-items: center;
}

.🍞 .crumb:last-child a span,
.🍞 .crumb:nth-last-child(2) a span,
.🍞 .crumb:nth-last-child(3) a span{
	display: block;             /* Make span a block to control width */
	max-width: 150px;           /* Adjust width as needed */
	overflow: hidden;           /* Hide overflowing content */
	white-space: nowrap;        /* Prevent the text from wrapping to the next line */
	text-overflow: ellipsis;    /* Add ellipsis (...) when text overflows */
	/*     color: #FFD342; */
	transition: 0.5s;
}

.🍞 .crumb:last-child a span:hover,
.🍞 .crumb:nth-last-child(2) a span:hover {
	opacity: 0.6;
}

.🍞 .crumb:last-child a span {
	max-width: none;
	overflow: visible;
	text-overflow: default;
}

.page-template-default .🍞 li,
.page-template-default .bread li {
	color: #fff;
	display: flex;
	align-items: center;
}

.page-template-default .🍞 li.crumb:last-child a, .page-template-default .bread li.crumb:last-child a {
	color: #fff;
}

.page-template-default .bread li.crumb:last-child a {
	color: #FFD342;
}

.page-template-default .🍞 li.crumb a {
	color: #fff;
}

.page-template-default .bread span.arrow {
	color: #fff;
	margin-left: 5px;
}

.hero.has-image .🍞 li,
.hero.has-image .bread li {
	color: #ffffff;
}
.hero.has-image .🍞 li.crumb:last-child a,
.hero.has-image .bread li.crumb:last-child a {
	color: #ffffff;
}

.hero.has-image .🍞 li.crumb a {
	color: #ffffff;
}
.hero.has-image .bread span.arrow {
	color: #ffffff;
}



.🍞 li.crumb a {
	opacity: 0.3;
	color: #ffffff;
	font-size: 14px;
}



.bread span.arrow {
	opacity: 0.3;
	color: #ffffff;
}

.🍞 li.crumb:last-child a,
.bread li.crumb:last-child a {
	text-decoration: none;
	pointer-events: none;
	opacity: 1;
	color: #ffffff;



}

@media (max-width: 600px) {
	.🍞,
	.bread {
		/* 		justify-content: center; */
	}
	
	.🍞 li.crumb a {
		font-size: 12px;
	}

	.🍞 li.crumb:last-child a,
	.bread li.crumb:last-child a {

/* 		white-space: nowrap;  */
		/* 		width: 50px;*/
/* 		overflow: hidden; */
		/* 		text-overflow: ellipsis;  */
/* 		display: block; */
	}

	.🍞 .crumb:last-child a span,
	.🍞 .crumb:nth-last-child(2) a span {
		display: block;             /* Make span a block to control width */
		max-width: 80px;
		overflow: hidden;           /* Hide overflowing content */
		white-space: nowrap;        /* Prevent the text from wrapping to the next line */
		text-overflow: ellipsis;    /* Add ellipsis (...) when text overflows */
		/*     color: #FFD342; */
		transition: 0.5s;
	}
	
	.🍞 .crumb:last-child a span {
		max-width: none;
	}

	/* 	.🍞, .bread {
	display: none;
} */
}
/****** footer ***/

.top-footer {
	padding: 50px 30px;
	box-sizing: border-box;
	background-color: #0C0705;
	color: #fff;
}

.top-footer a {
	color: #fff;
	font-weight: 300;
}

.top-footer a:hover {
	opacity: 0.6;
}

.top-footer-container {
	max-width:1340px;
	margin: 0 auto;
	display: flex;
	gap: 25px;
}

.top-footer-container .col {
	flex: 1 1 calc(25% - 20px);
	border-right: 1px solid #555250;
	padding-right: 20px;
	box-sizing: border-box;
}

.top-footer-container .col:last-of-type {
	border-right: none;
}

.top-footer-container .col .address p {
	color: #fff;
	line-height: 26px;
	font-weight; 300;
}

.top-footer-container .col ul {
	list-style-type: none;
	padding-left: 0px;
	margin: 0px;
}

.top-footer-container .col ul li {
	padding: 20px 0 0;
}

.top-footer-container .col ul li a {
	font-weight: 200;
}

.top-footer-container .col ul li a:hover {
	opacity: 0.6;
}

.top-footer-container .col .linkedin {
	background-color: #008AD2;
	border-radius: 10px;
	color: #fff;
	display: block;
	display: flex;
	padding: 15px 15px;
	box-sizing: border-box;
	margin-top: 15px;
	align-items: center;
}

.top-footer-container .col .linkedin svg {
	padding-right: 15px;
	border-right: 1px solid #fff;
	font-size: 24px;
	margin-right: 15px;
}

.top-footer-container .col .tel,
.top-footer-container .col .email {
	padding-top: 20px;
}

.top-footer-container .col .tel,
.top-footer-container .col .email {
	font-weight: 500;
}

.top-footer-container .col .tel span,
.top-footer-container .col .email span {
	font-weight: 400;
}

.top-footer-container .col .footer-title ~ .footer-title {
	margin-top: 20px;
}

.top-footer-container .col .footer-title > * {
	font-size: 18px;
	font-weight: 500;
	color: #FFD342;
	text-transform: uppercase;
}

.top-footer-container .col .footer-title.connect > * {
	margin-top: 30px;
	padding-bottom: 20px;
}

.top-footer-container .col .social-icons .icon a {
	/* 	display: flex;
	width: 61px;
	height: 55px;
	background-color: #008AD2;
	align-items: center;
	justify-content: center;
	border-radius: 10px; */
}

.top-footer-container .col .social-icons .icon a {
	font-size: 26px;
}

.top-footer-container .col .social-icons {
	display: flex;
	gap: 25px;
	margin-top: 20px;
}

.bottom-footer {
	background-color: #0C0705;

	text-align: left;
}

.bottom-footer-container {
	max-width: 1340px;
	margin: 0 auto;
	border-top: 1px solid #555250;
}

.bottom-footer p {
	color: #EDEDED;
	padding-top: 0px;
	padding: 15px 0px;
	box-sizing: border-box;
}

.bottom-footer p a {
	color: inherit;
}

.footer-accred {
	display: flex;
	align-items: center;
	/* 	margin-top: 40px; */
	max-width: 1340px;
	margin: 40px auto 0;
}

.footer-accred h3 {
	color: #FFD342;
	text-transform: uppercase;
	font-size: 18px;
	width: 300px;
}

.footer-accred .footer-logos {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
	align-items: center;
}

.footer-accred .footer-logos .image {
	/* 	flex: 1 1 calc(20% - 15px); */
}

.footer-accred .footer-logos .image img {
	display: block;
	width: 100%;
	object-fit: contain;
	max-height: 80px;
}

.product_customizer_gallery .slide-track .image, .product_customizer_gallery2 .slide-track .image{
	height: 100%;
}

.product_customizer_gallery .slick-track .image iframe, .product_customizer_gallery2 .slick-track .image iframe{
	height: 100%;
}

.product_customizer_gallery .image.item.video-icon, .product_customizer_gallery2 .image.item.video-icon {
  position: relative;
  width: 100%;
  height: 100%; /* or give a fixed height if needed */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000; /* just for testing */
}

.product_customizer_gallery .image.item.video-icon span, .product_customizer_gallery2 .image.item.video-icon span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  min-height: 130px;
}

.product_customizer_gallery .image.item.video-icon i, .product_customizer_gallery2 .image.item.video-icon i {
  font-size: 80px; /* adjust size */
  cursor: pointer;
}

.product_customizer_gallery .slick-slide, .product_customizer_gallery2 .slick-slide {
  display: flex !important;        /* use flexbox */
  align-items: center;             /* vertical centering */
  justify-content: center;         /* optional: horizontal centering too */
}

.product_customizer_gallery .slick-slide img,
.product_customizer_gallery .slick-slide iframe,
.product_customizer_gallery2 .slick-slide img,
.product_customizer_gallery2 .slick-slide iframe{
  max-height: 100%;                /* don’t overflow slide */
  max-width: 100%;                 /* keep responsive */
  margin: auto;                    /* fallback centering */
}

@media (max-width: 1000px) {
	.footer-accred .footer-logos .image {
		/* 		flex: 1 1 calc(33.33% - 15px); */
		flex: auto;
	}
}

@media (max-width: 900px) {
	.top-footer-container {
		flex-wrap: wrap;
	}
	.top-footer-container .col {
		flex: 1 1 calc(50% - 20px);
		text-align: left;
	}

	.top-footer-container .col:first-of-type {
		flex: 1 1 100%;

		margin-bottom: 30px;
	}

	.top-footer-container .col .linkedin {
		width: fit-content;
		/* 		margin: 20px auto; */
	}

	.top-footer-container .col:last-of-type {
		margin-top: 20px;
	}
	.top-footer-container .col .social-icons .icon a {
		margin: 0 auto;
	}

	.top-footer-container .col {
		border-right: none;
	}
}


@media (max-width: 800px) {


	.footer-accred {
		flex-direction: column;
		align-items: flex-start;

	}

	.footer-accred .footer-logos {
		margin-top: 20px;
	}
	.footer-accred .footer-logos .image img  {
		max-height: 40px;
		width: 100%;
		/* 		object-fit: cover; */
	}

	.footer-accred .footer-logos {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.top-footer-container .col {
		flex: 1 1 100%;
	}

	.top-footer-container .col ul {
		display: flex;
		flex-wrap: wrap;
	}

	.top-footer-container .col ul li {
		min-width: 50%;
		max-width: 50%;
		padding-right: 20px;
		box-sizing: border-box;
	}

	.top-footer-container .col .footer-title {
		margin-top: 20px;
	}

	.top-footer-container .col .footer-title ~ .footer-title {
		margin-top: 30px;
	}

	.top-footer-container .col:first-of-type {
		margin-bottom: 0px;
	}
	.top-footer {
		padding: 30px 20px;
	}
}

@media (max-width: 450px) {
	.top-footer-container .col {
		flex: 1 1 100%;
		margin-top: 20px;
	}

	.top-footer-container .col:first-of-type {
		margin-bottom: 10px;
	}
}
/* Default Styles */
.gray-bg {
	background-color: #EDEDED;
}

.a-button {
	margin-top: 30px;
}
.btn-main {
	padding: 15px 40px;
	box-sizing: border-box;
	border: 1px solid #0C0705;
	color: #0C0705;
	text-transform: uppercase;
	font-weight: 400;
	font-size: 18px;
}

.btn-main:hover {
	background-color: #0C0705;
	color: #fff;
}

.btn-main.yellow-bg {
	background-color: #FFD343;
	border: 1px solid #FFD343;
	color: #0C0705;

}
.btn-main.green-bg {
	background-color: #90c43c;
	border: 1px solid #90c43c;
	color: #0C0705;

}
.btn-main.red-bg {
	background-color: #e1223a;
	border: 1px solid #e1223a;
	color: #0C0705;

}
.btn-main.blue-bg {
	background-color: #009EE3;
	border: 1px solid #009EE3;
	color: #0C0705;

}

.post-slider-container > .a-button .btn-main.yellow-bg:hover,
.post-slider-container > .a-button .btn-main.green-bg:hover,
.post-slider-container > .a-button .btn-main.red-bg:hover,
.post-slider-container > .a-button .btn-main.blue-bg:hover {
	background: transparent !important;
}

.btn-main.white {
	border: 1px solid #fff;
	color: #fff;
}
.btn-main.white:hover {
	background-color: #fff;
	color: #0C0705;
}

.title > * {
	font-size: 32px;
	font-weight: 700;
	text-transform: uppercase;

}

@media (max-width: 600px) {
	.title > * {
		font-size: 28px;
	}


}

@media (max-width: 450px) {
	.btn-main {
		display: block;
		width: fit-content;
		margin-left: auto;
		margin-right: auto;
	}
}
.green-bg {
	background-color: #8DC63F;
}
.yellow-bg {
	background-color: #FFD343;
}

.blue-bg {
	background-color: #009EE3;
}

.red-bg {
	background-color: #e1223a;
}
.default-bg {
background-color: #0C0705;
}
.black-bg {
	background-color: #0C0705;
}
.btn-main.default-bg {
color: #fff;
}
.center {
	text-align: center;
}

a {
	text-decoration: none;
	transition: .5s;
}
blockquote {
	border-left: 5px solid 000000!important;
	margin: 0px;
	padding: 20px;
}
blockquote, table, table thead {
	background-color: #dfdfdf;
	border: 2px solid #dfdfdf;
}
blockquote h1, blockquote h2, blockquote h3, blockquote h4, blockquote h5, blockquote h6, blockquote p {
	padding: 0px;
}
blockquote cite {
	font-style: italic;
	font-weight: bold;
}
body {
	font-family: "din-2014", sans-serif;
	font-weight: 300;
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
.clearfix {
	display: block;
}
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0px;
	height: 0px;
	visibility: hidden;
}
.column {
	float: left;
	width: 50%;
}
.container {
	margin: 0px auto;
	padding: 0px;
	width: xxxx;
}
@media (max-width: xxxxpx) {
	.container {
		width: 90%;
	}
}
footer, header, section {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
em {
	font-style: italic;
}
h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
img {
	height: auto;
	max-width: 100%;
}
nav .column.left {
	width: 25%;
}
nav .column.right {
	width: 75%;
}
nav .menu-item-has-children {
	position: relative;
}
nav .menu-item-has-children:focus .sub-menu, nav .menu-item-has-children:focus-within .sub-menu, nav .menu-item-has-children:hover .sub-menu {
	opacity: 1;
	transform: translateY(0%);
	transition-delay: 0s, 0s, 0.25s;
	visibility: visible;
	z-index: 1;
}
nav .sub-menu { 
	background-color: #EDEDED;
	left: 0px;
	opacity: 0;
	padding: 10px;
	position: absolute;
	top: 100%;
	transform: translateY(-10px);
	transition: all 0.25s ease-in-out 0s, visibility 0s linear 0.25s, z-index 0s linear 0.01s;
	visibility: hidden;
	z-index: 1;
}
nav .sub-menu {
	width: 250px !important;
}
nav .sub-menu li {
	display: block;
}
nav .sub-menu li a {
	padding: 0px !important;
	font-size: 18px !important;

}
nav ul {
	/* 	float: right; */
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
nav ul li {
	display: inline-block;
	line-height: 20px;
	margin: 0px;
	padding: 0px 10px 0px 10px;
}
nav ul li:first-child {
	padding-left: 0px;
}
nav ul li:last-child {
	padding-right: 0px;
}
nav ul li a {
	color: xxxx;
}
nav ul li a:hover {
	color: xxxx;
}
nav ul li ul li, nav ul li ul li:first-child, nav ul li ul li:last-child {
	padding: 10px;
}
@media (max-width: 1230px) {
	header .header-right nav {
		display: none;
	}
}
ol li, ul li {
	padding: 10px 0px 0px 0px;
}
.outer {
	display: table;
	height: 100%;
	position: relative;
	width: 100%;
}
.outer .inner {
	display: table-cell;
	vertical-align: middle;
}
p {
	font-family: "din-2014", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	padding: 20px 0px 0px 0px;
}
p, blockquote cite, ol li, ul li, table {
	margin: 0px;
}
@media (min-width: 1231px) {
	.side-nav {
		display: none;
	}
}
.side-nav a {
	cursor: pointer;
	/* 	position: absolute; */
	/* 	right: 5%; */
	filter: brightness(0);
}
.slick-next:before {
	content: "\f0da";
}
.slick-prev:before {
	content: "\f0d9";
}
.slick-next:before, .slick-prev:before {
	color: #000000;
	font-family: 'FontAwesome';
	font-size: 60px;
}
.slick-next {
	right: -30px;
	z-index: 1;
}
.slick-prev {
	left: -30px;
	z-index: 1;
}
.slick-slider {
	margin-bottom: 0px;
}
@media (max-width: 1450px) {
	.slick-next:before, .slick-prev:before {
		font-size: 40px;
	}
	.slick-next {
		right: -20px;
	}
	.slick-prev {
		left: -20px;
	}
}
@media (max-width: 600px) {
	.slick-next:before, .slick-prev:before {
		font-size: 20px;
	}
	.slick-next {
		right: 0px;
	}
	.slick-prev {
		left: 0px;
	}
}
.slide-close a {
	color: #ffffff;
	cursor: pointer;
	position: absolute;
	/* 	right: 5%; */
	z-index: 5003;
}
.slide-in-menu {
	background-color: #000;
	height: 100%;
	left: 0px;
	opacity: 0;
	overflow: scroll;
	position: absolute;
	top: -100%;
	transition: 0.5s;
	width: 100%;
	z-index: 5001;
}
.slide-in-menu.active {
	position: fixed;
	opacity: 1;
	top: 0px;
}
.slide-in-menu li.active > ul {
	display: block;
}
.slide-in-menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.slide-in-menu ul li {
	margin: 0px;
	padding: 0px;
	/* 	text-align: center; */
}
.slide-in-menu ul li a {
	color: #000;
	opacity: 0;
	position: relative;
	transform: translateY(20px);
	transition: opacity .25s linear, color .5s linear, transform .3s cubic-bezier(.25,.46,.45,.94);
}
.slide-in-menu.active ul li a {
	opacity: 1;
	transform: translateY(0);
}
.slide-in-menu.active ul li:nth-of-type(1) a {
	transition: color .5s linear, opacity .25s linear .5s, transform .3s cubic-bezier(.25,.46,.45,.94) .5s;
}
.slide-in-menu.active ul li:nth-of-type(2) a {
	transition: color .5s linear, opacity .25s linear .6s, transform .3s cubic-bezier(.25,.46,.45,.94) .6s;
}
.slide-in-menu.active ul li:nth-of-type(3) a {
	transition: color .5s linear, opacity .25s linear .7s, transform .3s cubic-bezier(.25,.46,.45,.94) .7s;
}
.slide-in-menu.active ul li:nth-of-type(4) a {
	transition: color .5s linear, opacity .25s linear .8s, transform .3s cubic-bezier(.25,.46,.45,.94) .8s;
}
.slide-in-menu.active ul li:nth-of-type(5) a {
	transition: color .5s linear, opacity .25s linear .9s, transform .3s cubic-bezier(.25,.46,.45,.94) .9s;
}
.slide-in-menu.active ul li:nth-of-type(6) a {
	transition: color .5s linear, opacity .25s linear 1s, transform .3s cubic-bezier(.25,.46,.45,.94) 1s;
}
.slide-in-menu.active ul li:nth-of-type(7) a {
	transition: color .5s linear, opacity .25s linear 1.1s, transform .3s cubic-bezier(.25,.46,.45,.94) 1.1s;
}
.slide-in-menu.active ul li:nth-of-type(8) a {
	transition: color .5s linear, opacity .25s linear 1.2s, transform .3s cubic-bezier(.25,.46,.45,.94) 1.2s;
}
.slide-in-menu.active ul li:nth-of-type(9) a {
	transition: color .5s linear, opacity .25s linear 1.3s, transform .3s cubic-bezier(.25,.46,.45,.94) 1.3s;
}
.slide-in-menu.active ul li:nth-of-type(10) a {
	transition: color .5s linear, opacity .25s linear 1.4s, transform .3s cubic-bezier(.25,.46,.45,.94) 1.4s;
}
.slide-in-menu ul ul {
	display: none;
}
strong, table thead th {
	font-weight: bold;
}
table {
	background-color: #ffffff;
	padding: 10px;
	text-align: left;
}
table th {
	padding: 10px;
}
.wp-block-table {
	margin: 0px;
}

.text.white a, .hero .left p a, .image-text .right .right-inner .inner-container .text a, .image-text .left .left-inner .inner-container .text a{
	color: white;
	text-decoration: underline;
}

.submenu.floorcare-menu{
	overflow: hidden;
	background-color: black;
}

.submenu.floorcare-menu:before, .submenu.floorcare-menu:after{
	content: '';
  position: absolute;
	background-color: #EDEDED;
  top: -10px;
	-webkit-transform: rotate(-55deg);
  -moz-transform: rotate(-55deg);
  transform: rotate(-55deg);
	width: 100%; 
  height: 200%; 
	z-index: -2;
}

.submenu.floorcare-menu:before { 
  left: 100px;
}

.submenu.floorcare-menu:after {
	right: -400px;
	width: 100%;
}

.submenu.floorcare-menu .submenu-container{
	position: relative;
	z-index: 0;
}

.submenu.floorcare-menu .submenu-item{
	max-width: 33%;
	flex: 2 1 calc(33% - 50px);
}

.submenu.floorcare-menu .submenu-item:not(:first-child){
	padding-left: 60px;
	flex: 2 1 calc(33% - 110px);
}

.submenu.floorcare-menu .submenu-item.white, .submenu.floorcare-menu .submenu-item.white a{
	color: white;
	text-align: left;
}

.submenu.floorcare-menu .submenu-item.white a{
	font-size: 14px;
}

.submenu.floorcare-menu .submenu-item.white img{
	height: 80px;
	object-position: left;
	margin-bottom: 10px;
}

.submenu.floorcare-menu .submenu-item.white h4, .submenu.floorcare-menu .submenu-item.white ul{
	padding-left: 14px;
	text-transform: uppercase;
}

.submenu.floorcare-menu .submenu-item.white ul{
	list-style: none;
}

.submenu.floorcare-menu .submenu-item.white ul li{
	margin: 5px 0 5px 0;
}

body.red .bread li.crumb:last-child a, body.red .hero .left .left-inner .inner-container .title span, body.red .text-block h2 span, body.red .text-block .contact-links svg{
	color: #DD052A;
}

body.red .yellow-bg, body.red .black-bg{
	background-color: #DD052A;
}

body.red .btn-main.yellow-bg, body.red .contact input[type=submit], body.red .btn-main{
	background-color: #DD052A !important;
	border-color: #DD052A;
	color: white !important;
}

body.red .btn-main.yellow-bg:hover, body.red .contact input[type=submit]:hover, body.red .btn-main:hover{
	color:  black !important;
}

body.red .contact input[type=submit]:hover, body.red .btn-main:hover{
	background-color: transparent !important;
	border-color: black !important;
}

body.red .right-arrow.yellow-bg img, body.red .left-arrow.yellow-bg img{
	filter: invert(1) !important;
}

body.red .image-text-container .subtitle h3, body.red .items .item p span{
	color: #DD052A;
}

body.red .items .item p span{
	font-weight: 600;
}

.single-floorcare .right-side-rental{
	padding-left: 50px;
}

.single-floorcare .right-side-rental .title > * {
    font-size: 46px;
    font-weight: 600;
    font-style: normal;
}

.single-floorcare .right-side-rental .text h3 {
    font-size: 24px;
    text-transform: uppercase;
}

.right-side-rental p.boxed{
	border: 1px solid black;
	padding: 15px;
}

.right-side-rental p a{
	font-weight: bold;
	color: #DD052A;
}

.single-floorcare .product-hero .product-hero-container{
	padding-top: 30px;
	height: calc(100% + 30px);
}


.single-floorcare .product-hero{
	height: auto;
}

.single-floorcare .synch-carousels .product_customizer_gallery .slick-slide{
	padding-bottom: 10px;
}

.single-floorcare .synch-carousels .left.child .item img{
	height: 150px;
}

.product-hero-container h3, .product-hero-container h4{
	text-transform: uppercase;
}

.product-hero-container .right-side-rental h4{
	margin-top: 15px;
}

.product-hero-container .right-side-rental ul{
	margin: 0;
	list-style: none;
	width: 100%;
	padding: 0;
	margin-bottom: 15px;
}

.product-hero-container .right-side-rental ul li{
	display: inline-block;
	text-transform: uppercase;
	font-size: 13px;
	padding-right: 20px;
}


.product-hero-container .right-side-rental ul li i{
	color: #DD052A;
	font-size: 16px;
	vertical-align: bottom;
	margin-right: 6px;
}

.rental-option{
	padding: 15px;
	width: calc(100% - 30px);
	display: grid;
  	grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
	align-items: center;
	margin-bottom: 15px;
}

.rental-option .clear{
	display: none;
}

.rental-option-left, .rental-option-middle, .rental-option-right{
	display: flex;
  	align-items: center;
}

.rental-option .rental-option-right{
	justify-content: right;
}

.rental-option{
	background-color: #000000;
	color: white;
	text-transform: uppercase;
}

.rental-option h5{
	font-weight: 600;
	letter-spacing: 0.3px;
}

.rental-option.purchase h5{
	font-weight: 500;
}

.rental-option small{
	display: block;
	width: 100%;
	font-weight: 100;
}

.rental-option.purchase{
	background-color: #DD052A;
}

.rental-option a.btn-main{
	background-color: #DD052A !important;
	border-color: #DD052A !important;
	color: white !important;
}

.rental-option.purchase a.btn-main{
	background-color: black !important;
	border-color: black !important;
	color: white !important;
}

.rental-option a.btn-main:hover{
	color: white !important;
	border-color: white !important;
}

.rental-option.purchase a.btn-main:hover{
	background-color: #DD052A !important;
}

h2 small{
	font-size: 24px;
	display: block;
    line-height: 24px;
}

.item-section .items .item.image-icon img{
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	height: auto;
}

body.red .key-points-section-container .flex-container{
	gap: 0;
}

body.red .key-points-section-container .flex-container .key-point:nth-child(-n+2) {
    flex: 1 1 50%; /* first 2: 2 per row */
}

body.red .key-points-section .key-point{
	justify-content: flex-start;
	padding: 50px;
}

body.red .key-points-section .key-point:first-child, body.red .key-points-section .key-point:last-child{
	background-color: #DD052A !important;
	color: white !important;
}

body.red .key-points-section .key-point:nth-child(2), body.red .key-points-section .key-point:nth-child(3), body.red .key-points-section .key-point:nth-child(5){
	background-color: #000000 !important;
	color: white !important;
}

body.red .key-points-section .key-point:nth-child(4){
	background-color: #EBEBEB !important;
}

body.red .key-points-section .key-point h3{
	font-size: 24px;
	max-width: 80%;
}

body.red .key-points-section .key-point h4{
	font-size: 18px;
	margin-top: 10px;
	font-weight: 300;
	max-width: 80%;
}

body.red .text-block.black-bg{
	background-color: black;
}

.page-hassle-free-contract-hire #section-8{
	margin-top: 60px;
}

body.red .products-section .cta-item .contact-links svg{
	color: #DD052A
}

body.red .hero-container .btn-main:hover, body.red .text-block.black-bg .btn-main:hover{
	color: black !important;
	background-color: white !important;
}

.product_customizer_gallery .slide-track .image, .product_customizer_gallery2 .slide-track .image{
	height: 100%;
}

.product_customizer_gallery .slick-track .image iframe, .product_customizer_gallery2 .slick-track .image iframe{
	height: 100%;
}

.product_customizer_gallery .image.item.video-icon, .product_customizer_gallery2 .image.item.video-icon {
  position: relative;
  width: 100%;
  height: 100%; /* or give a fixed height if needed */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #000; /* just for testing */
}

.product_customizer_gallery .image.item.video-icon span, .product_customizer_gallery2 .image.item.video-icon span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  min-height: 130px;
}

.product_customizer_gallery .image.item.video-icon i, .product_customizer_gallery2 .image.item.video-icon i {
  font-size: 80px; /* adjust size */
  cursor: pointer;
}

.product_customizer_gallery .slick-slide, .product_customizer_gallery2 .slick-slide {
  display: flex !important;        /* use flexbox */
  align-items: center;             /* vertical centering */
  justify-content: center;         /* optional: horizontal centering too */
}

.product_customizer_gallery .slick-slide img,
.product_customizer_gallery .slick-slide iframe,
.product_customizer_gallery2 .slick-slide img,
.product_customizer_gallery2 .slick-slide iframe{
  max-height: 510px;                /* don’t overflow slide */
  max-width: 100%;                 /* keep responsive */
  margin: auto;                    /* fallback centering */
}

.page-hassle-free-contract-hire #section-4 .image-icon-img {
	max-height: 400px;
	overflow: hidden;
	margin-bottom: 20px;
}

.page-hassle-free-contract-hire #section-4 .items .item h3{
	font-size: 22px;
}

.red .key-points-section{
	padding-left: 0px;
	padding-right: 0px;
}

.red .key-points-section .key-points-section-container{
	max-width: 100%;
}

.page-hassle-free-contract-hire .image-text-container .subtitle h3{
	font-size: 20px;
}

.page-scrubber-driers .hero-container .right, .page-sweepers .hero-container .right{
	max-width: 715px;
	margin-right: auto;
}

.page-hassle-free-contract-hire #section-8 .left img{
	position: relative;
	max-width: 560px;
	height: auto;
	margin: 0;
}

.page-hassle-free-contract-hire #section-8 .left{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-hassle-free-contract-hire #section-5 .image-icon-img, .page-hassle-free-contract-hire #section-6 .image-icon-img{
	display: flex;
    flex-direction: column;
    justify-content: center;
/* 	background-color: black; */
	max-width: 100px;
	height: 100px;
    margin: 0 auto;
	margin-bottom: 20px;
}
.page-hassle-free-contract-hire #section-6 .image-icon-img img {
	background-color: transparent;
}

.page-hassle-free-contract-hire #section-5 .slick-arrow{
	filter: invert(1);
}

.page-hassle-free-contract-hire #section-4{
	padding-bottom: 0;
}

body.red .post-slider .item .a-button .btn-main{
	color: black !important;
	border-color: black;
	background-color: white !important;
}

body.red .post-slider .item .a-button .btn-main:hover{
	color: white !important;
	background-color: black !important;
}

@media (max-width: 1400px) {
	.single-floorcare .product-hero-container{
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media (max-width: 900px) {
	.single-floorcare .right-side-rental{
		padding-left: 0;
		padding-top: 30px;
	}
}

@media (max-width: 600px) {
	.rental-options{
		padding-top: 15px;
		clear: both;
	}
	.rental-options .rental-option .rental-option-left {
		float: left;
	}
	.rental-options .rental-option .rental-option-middle {
		float: left;
		clear: left;
		margin-top: 10px;
	}
	.rental-option, .rental-option > div{
		display: block;
	}
	.rental-option .rental-option-right{
		display: flex;
	}
	.rental-option a.btn-main{
		margin: 0;
	}
	.rental-option .clear{
		width: 100%;
		height: 1px;
		clear: both;
		display: block;
	}
	.rental-option.purchase{
		display: grid !important;
	}
	.rental-option.purchase .rental-option-left{
		float: none;
	}
	.rental-option.purchase, .rental-option > div{
		display: flex;
	}
	.rental-option.purchase .clear{
		display: none;
	}
	.single-floorcare .right-side-rental{
		padding-top: 0;
	}
	.single-floorcare .right-side-rental .title, .single-floorcare .right-side-rental .text{
		text-align: center;
	}
	.single-floorcare .right-side-rental h4{
		padding-top: 10px;
		padding-right: 20px;
		text-align: right;
	}
	.single-floorcare .right-side-rental h4, .single-floorcare .right-side-rental ul{
		float: left;
		width: 45%;
		margin: 0;
	}
	.single-floorcare .right-side-rental .text p{
		margin-bottom: 15px;
	}
	body.red .key-points-section .key-point:nth-child(3), body.red .key-points-section .key-point:nth-child(5){
		background-color: #DD052A !important;
		color: white !important;
	}
	body.red .key-points-section .key-point:last-child{
		background-color: #000000 !important;
		color: white !important;
	}
	body.red .key-points-section h3, body.red .key-points-section h4{
		max-width: 100% !important;
	}
	.item-section.center-icon .items .item img{
		max-width: 140px;
        max-height: 140px;
		margin-bottom: 0;
	}
	.image-text.normal .right .title > * {
		margin-top: 15px;
	}
	.page-hassle-free-contract-hire #section-4 .items .item h3{
		font-size: 18px;
	}
	.page-hassle-free-contract-hire #section-8 .left{
		height: auto;
	}
	.page-scrubber-driers .hero-container .right img, .page-sweepers .hero-container .right img{
		max-width: 70%;
    	height: auto;
    	margin-top: 0;
	}
	.page-scrubber-driers .related-products-section, .page-sweepers .related-products-section{
		padding-top: 0;
	}
	.page-hassle-free-contract-hire #section-4 .item{
		flex: none;
		width: calc(100% - 40px);
	}
	.page-hassle-free-contract-hire #section-4 .item img{
		max-width: 100%;
		max-height: 100%;
	}
}

/* Theme Styles */