/*
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
*/.wow {
	visibility: hidden;
}

.cky-banner-element a:hover {
	cursor: pointer;
}

.page-id-3463 .hero,
.page-id-3462 .hero,
.page-id-3443 .hero {
	overflow: hidden;
}
.cky-audit-table-element .cky-table-wrapper {
	max-width: 950px;
	padding: 10px 30px;
	box-sizing: border-box;
}

.cky-notice .cky-title {
	padding-top: 0;
	margin-bottom: 0px;
}

.cky-notice-des p:first-of-type {
	padding-top: 0px;
}

.cky-accordion-header-des p:first-of-type {
	padding-top: 0px;
}

.slick-slide {
	visibility: visible;
	/*   opacity: 1; */
	transition: opacity 0.3s ease;
}

.slick-slide.slick-cloned {
	visibility: visible !important;
	/*   opacity: 1 !important; */
}

.wpcf7 form .wpcf7-response-output {
	margin: 20px 0px !important;
	background-color: var(--yw);
	border: none !important;
}


.wpcf7-not-valid-tip {
	font-size: 16px !important;
	margin: 5px 0 5px;
}
/* .home-hero .left,
.home-hero .right,
.home-hero .left .left-inner,
.home-hero .right img,
.home-hero .right video,
.white-bottom {
transition: all 0.6s ease;
} */

/* Submenu default hidden */
.menu .sub-menu:not(.menu#menu-mobile-menu .sub-menu) {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease !important;
	position: absolute;
	z-index: 10;
	pointer-events: none;
}

/* When active */
.menu li.show-submenu > .sub-menu:not(.menu#menu-mobile-menu .sub-menu) {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/*** hero number and email ***/

.left-email {


	position: fixed;
	left: -50px;
	transform: rotate(270deg) translateY(-50%);
	top: 50%;
	text-align: center;
	z-index: 99;
	/* 			transform-origin: left center; */
}

.left-email a {
	color: #fff;
}

.right-phone {

	text-align: center;
	position: fixed;
	right: -35px;
	transform: rotate(90deg) translateY(-50%);
	top: 50%;
	z-index: 99;
	/* 			transform-origin: right center; */
}

.right-phone a {
	color: #fff;
}

.left-email a:hover,
.right-phone a:hover {
	color: var(--be) !important;
}

@media (max-width: 1300px) {
	.left-email {
		left: -55px;
	}
	.right-phone {
		right: -40px;
	}
}

@media (max-width: 600px) {
	.left-email {
		display: none;
	}

	.right-phone {
		display: none;
	}
}


/*** sustainability ***/


/*** sustainability section ***/
.sustainability {
	box-sizing: border-box;
	padding: 60px 90px;
	background-size: cover;
	background-position: center;
	color: #fff;
	position: relative;
}

.sustainability .image {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	clip-path: inset(0);
	height: 100%;
	width: 100%;
}

.sustainability .image img {
	object-fit: cover;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.sustainability.has-bg-image {
	padding: 160px 60px;
	background-attachment: fixed;
}
.sustainability .tint {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #000;
	opacity: 0.5;
}


.sustainability .graphic-e {
	top: 230px;
	position: absolute;
	left: -200px;
	width: 1065px;
	height: 1079px;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;

	transition: transform 0.3s ease, opacity 0.3s ease;
	will-change: transform;
}
.sustainability	.graphic-e img {
	pointer-events: none;
	height: auto;
	display: block;
	width: 100%;
}





.sustainability-container {
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 2;
	max-width: 1300px;
	margin: 0 auto;
}

.sustainability .heading{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px;
}

.sustainability .a-button {
	position: absolute;
	top: 30px;
	right: 30px;
	background: #fff;
	color: #000;
	padding: 10px 15px;
	border-radius: 5px;
	font-size: 14px;
	text-decoration: none;
}

.sustainability .items {
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-top: 30px;
}
.sustainability.has-bg-image .item {
	background-color: rgba(29, 37, 45, 0.8);
	border: 2px solid #ccc;
}
.sustainability .item {

	border: 2px solid #fff;
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	flex: 1;
	font-size: 16px;
	min-height: 200px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;

}

.sustainability.blue-bg .item {
	box-sizing: border-box;
	min-height: 180px;
}

.sustainability .item p {
	color: #fff;
	font-size: 22px;
	font-weight: 600;
}
.sustainability .item p a {
	color: var(--be);
}
.sustainability .item p:first-of-type {
	padding-top: 0px;
}

.sustainability .item p strong {
	font-weight: 600;
	color: var(--bk);
}
@media (max-width: 768px) {
	.sustainability,
	.sustainability.has-bg-image {
		padding: 50px 50px;
	}
	.sustainability .items {
		flex-direction: column;
	}
	.sustainability .a-button {
		position: static;
		align-self: flex-end;
		margin-bottom: 20px;
	}

	.sustainability .item {
		min-height: auto;
		padding: 40px 40px;
	}
	.sustainability .item p {
		font-size: 18px;
	}

	.sustainability.blue-bg .item {
		min-height: 0;
		padding: 30px 30px;
	}
}
@media (max-width: 600px) {
	.sustainability,
	.sustainability.has-bg-image {
		padding: 50px 30px;
	}

}


@media (max-width: 600px) {
	.sustainability .graphic-e {
		top: 30px;

		left: -400px;
		width: 816px;
		height: 826px;
	}
}


/*** faq accordion ***/
.faq-accordion {
	box-sizing: border-box;
	padding: 0px 30px 50px;
}
.faq-accordion-container {
	max-width: 900px;
	margin: 0 auto;
}
.faq-items .faq-item {


	box-sizing: border-box;
	border: 2px solid var(--pe);
	margin-top: 30px;
	border-radius: 10px;
	transition: 0.5s;
}

.faq-items .faq-item:hover {
	background-color: var(--pe);

}

.faq-items .faq-item:hover .faq-question span {
	color: #fff;
}

.faq-items .faq-item:hover .faq-answer p {
	color: #fff;
}
.faq-question {
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 600;
	font-size: 18px;
	padding: 20px 20px;
	box-sizing: border-box;
}

.faq-question span {
	font-size: 22px;
}
.faq-answer {
	display: none;
	padding-top: 0px;
	color: #444;
	font-weight: 400;
	margin-top: -20px;
	padding-bottom: 20px;
}

.single-post-section .faq-answer p {
	font-size: 16px !important;
	padding: 10px 20px 0!important;
}
.faq-item.active .faq-answer {
	display: block;
}
.faq-item .toggle i {
	transition: transform 0.3s ease;
	color: var(--pe);
}

.faq-item:hover .toggle i {
	color: #fff;
}
.faq-item.active .toggle i {
	transform: rotate(45deg);
}


/* Mobile */
@media (max-width: 600px) {
	.faq-accordion {
		padding: 20px 30px 30px;
	}

	.faq-items .faq-item:first-of-type {
		margin-top: 0px;
	}

	.faq-question span {
		font-size: 18px;
	}
}

/*** project section ***/

.featured-project {
	margin-top: 0px !important;
}

.post-horizontal {
	margin: 60px 0;
	padding: 0 30px;
	box-sizing: border-box;
}

.post-horizontal-container {
	padding: 40px 40px;
	box-sizing: border-box;
	max-width: 1300px;
	margin: 0 auto;
	background-color: var(--gy);
	border-radius: 10px;
}
.post-horizontal .item {
	display: flex;
	align-items: center;
	margin-top: 25px;
	flex-wrap: wrap;
}

.post-horizontal .title > * {
	font-size: 28px;
	font-weight: 600;
}
.post-horizontal .item .left {
	width: 50%;
}
.post-horizontal .item .left img {
	display: block;
	width: 100%;
	object-fit: cover;
	border-radius: 10px;
	height: 390px;
	transition: 0.5s;
}

.post-horizontal .item .left img:hover {
	opacity: 0.7;
	transform: scale(1.01);
}
.post-horizontal .item .right {
	width: 50%;
	padding-left: 50px;
	box-sizing: border-box;
}

.post-horizontal .item .right .project-meta {
	color: var(--bk);
	font-size: 18px;
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
}

.post-horizontal .item .right .project-title {
	font-size: 40px;
	color: var(--bk);
	font-weight: 600;

}

.post-horizontal .item .right .project-title a {
	color: var(--bk);
}

.post-horizontal .item .right .project-title a:hover {
	color: var(--be);
}

.post-horizontal .item .right .project-excerpt {
	font-size: 16px;
}

/***/
.post-vertical {
	margin: 0px 0;
	padding: 0 30px;
	box-sizing: border-box;
}

.post-vertical-container {
	/* 		padding: 40px 40px; */
	box-sizing: border-box;
	max-width: 1300px;
	margin: 0 auto;
	/* 		background-color: var(--gy); */
	border-radius: 10px;


}

.post-vertical .heading {
	max-width: 1300px;
	display: flex;
	justify-content: space-between;
	margin: 0 auto 30px;;
	align-items: center;
}

.post-vertical .heading .a-button {
	margin-top: 0px;
}

.post-vertical .heading .a-button a:hover {
	color: var(--be);
	opacity: 1;
}

.post-vertical .items {
	gap: 20px;
	display: flex;
	flex-wrap: wrap;
}
.post-vertical .items .item {
	display: flex;
	flex-direction: column;

	flex: 1 1 calc(33.33% - 20px);
}
.post-vertical .item .left {
	/* 		width: 50%; */
}
.post-vertical .item .left img {
	border-radius: 10px;
	display: block;
	height: 280px;
	object-fit: cover;
	object-position: center;
	width: 100%;
	transition: 0.5s;
}

.post-vertical .item .left img:hover {
	opacity: 0.7;
	transform: scale(1.01);
}
.post-vertical .item .right {
	/* 		width: 50%; */
	margin-top: 20px;

	display: flex;
	flex-direction: column;

	height: 100%;
}
.post-vertical .item .right .project-meta {
	font-size: 20px;
	color: var(--bk);
	font-weight: 600;
	display: block;
	margin: 0px 0 5px;
}
.post-vertical .item .right .project-title a {
	font-size: 40px;
	font-weight: 600;
	color: var(--bk);
	display: block;
	margin-bottom: 10px;
}

.post-vertical .item .right .project-title a:hover {
	color: var(--be);
}
.post-vertical .item .right .project-excerpt {
	padding-top: 0px;
	margin-bottom: 20px;
}

.post-vertical .a-button {
	margin-top: auto;
}


@media (max-width: 850px) {
	.post-horizontal .item {
		flex-direction: column;
	}
	.post-horizontal .item .left {
		width: 100%;
	}

	.post-horizontal .item .right {
		width: 100%;
		padding-left: 0px;
		margin-top: 20px;
	}
}

@media (max-width: 600px) {

	.post-horizontal {
		margin: 40px 0;
	}
	.post-vertical .item .left img {
		height: 220px;
		border-radius: 5px;
	}


	.post-horizontal-container {
		padding: 30px 30px;
	}

	.post-horizontal .item .right .project-title {
		font-size: 30px;
	}

	.post-horizontal .item .left img {
		height: 180px;
		border-radius: 5px;
	}

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

	.post-vertical .heading {
		flex-direction: column;
		gap: 20px;
		align-items: flex-start;
	}

	.post-vertical .heading .title > * {
		font-size: 22px;
	}

	.post-vertical .items {
		flex-direction: column;
	}

	.post-vertical .item .right .project-title a {
		font-size: 30px;
	}

	.post-vertical .item .right .project-meta {
		font-size: 16px;
		margin: 0 0 10px;
	}

}



/*** toc ***/

/* Table of Contents Styles */
.custom-toc {

	max-width: 450px;
	font-family: "Urbanist", sans-serif;
	position: relative;
	border: 1px solid var(--pe);
	border-radius: 5px;
	height: fit-content;
	padding: 20px 20px;
	box-sizing: border-box;

	margin-right: 30px;
}

.toc-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	/*     margin-bottom: 15px; */
	/*     padding-bottom: 10px; */
	/*     border-bottom: 1px dotted #a8b4ff; */
}

body .custom-toc .toc-title {
	font-size: 16px !important;
	font-weight: 600 !important;
	color: var(--pe) !important;
	margin: 0 !important;
	padding: 0px !important;
}

.toc-toggle {
	background: none;
	border: none;
	cursor: pointer;
	padding: 4px;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	color: #6b7280;
}

.toc-toggle:hover {
	background-color: rgba(107, 114, 128, 0.1);
	color: #374151;
}

.toc-toggle-icon {
	font-size: 26px;
	font-weight: 300;
	color: var(--pe);
	line-height: 1;
	transition: transform 0.3s ease;
	display: block;
}

.toc-collapsed .toc-toggle-icon {
	transform: rotate(45deg);
}

.toc-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	transition: all 0.3s ease;
	overflow: hidden;
}

.toc-collapsed .toc-list {
	max-height: 0;
	opacity: 0;
	margin-top: 0;
	gap: 0;
}

.toc-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 8px 0;
	border-bottom: 1px dotted #d1d9ff;
	transition: all 0.2s ease;
}

.toc-item:last-child {
	border-bottom: none;
}

.toc-number {
	font-weight: 600;
}


.toc-link {
	color: var(--bk);
}


.toc-level-3 {
	padding-left: 20px;
}

.toc-level-4 {
	padding-left: 40px;
}

.toc-level-5 {
	padding-left: 60px;
}

.toc-level-6 {
	padding-left: 80px;
}

@media (max-width: 800px) {
	.custom-toc {
		width: 100%;
		max-width: 100%;
	}

	.content-sidebar-wrapper {
		padding: 0 30px;
		margin-bottom: 30px;
	}
}

/* Responsive design */
@media (max-width: 768px) {
	.custom-toc {
		margin: 15px 0;
		padding: 15px;
	}

	.toc-title {
		font-size: 16px;
	}

	.toc-link {
		font-size: 13px;
	}

	.toc-level-3,
	.toc-level-4,
	.toc-level-5,
	.toc-level-6 {
		padding-left: 10px;
	}
}


/**********/



/*** image text boxed ***/
.image-text-boxed {
	box-sizing: border-box;
	padding: 30px 60px 30px;

	color: #fff;
}

.image-text-boxed.contained .image-text-boxed-container {
	flex-wrap: wrap;
}

.image-text-boxed-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	max-width: 1300px;
	margin: 0 auto;
	background-color: var(--bk);
	border-radius: 10px;
	padding: 40px 40px;
	box-sizing: border-box;
}

.image-text-boxed .left {
	flex: 1;
	position: relative;
	height: 100%;
	/* 		height: auto; */
}

.image-text-boxed .left.is-video {
	flex: 1.25;
}

.image-text-boxed.has-video .left {
	flex: 1.5;
}

.image-text-boxed.contained .left {
	flex: none;
}
.image-text-boxed .left video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	border-radius: 5px;
	min-height: 481px;
}
.image-text-boxed .left .image {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	height: 100%;
}

.image-text-boxed .left img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 5px;
	height: 422px;
	object-fit: cover;
	object-position: center;
}

.image-text-boxed.contained .left img {
	object-fit: contain;
	/* 	height: 325px; */
	width: 310px;
	height: auto;
}

.image-text-boxed .left .play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 64px;
	height: 64px;
	background-color: rgba(255, 255, 255, 0.25);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.image-text-boxed .left .play-button span {
	display: block;
	width: 0;
	height: 0;
	border-left: 14px solid white;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

.image-text-boxed .right {
	flex: 1;
}

.image-text-boxed .subtitle {
	color: var(--pel);
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 18px;
	padding-top: 0px;
}

.image-text-boxed h2 {
	font-size: 24px;
	margin-bottom: 15px;
}

.image-text-boxed .text {
	margin-bottom: 20px;
}

.image-text-boxed .text a {
	color: var(--pe);
}

.image-text-boxed .text a:hover {
	opacity: 0.6;
}

.image-text-boxed .text p {
	color: #fff;
	font-weight: 300;
}
.image-text-boxed .text p:first-of-type {
	padding-top: 0px;
}

@media (max-width: 1000px) {
	.has-video .image-text-boxed-container {
		flex-direction: column;
		padding: 30px 30px;
		border-radius: 20px;
		gap: 20px;
	}
	.image-text-boxed .left {
		width: 100%;
	}
	.image-text-boxed .left video  {
		min-height: 220px;
	}
}

@media (max-width: 600px) {
	.image-text-boxed {
		padding: 30px 20px;
	}
	.image-text-boxed-container {
		flex-direction: column;
		padding: 30px 20px;
		border-radius: 5px;
		gap: 20px;
	}
	
	.has-video .image-text-boxed-container {
		flex-direction: column;
		padding: 20px 20px;
		border-radius: 5px;
		gap: 20px;
	}

	.image-text-boxed .left {
		width: 100%;
	}

	.image-text-boxed .left img {
		height: 220px;
	}


}

/*** testimonials ***/

.testimonials {
	padding: 80px 90px;
	box-sizing: border-box;
	background-color: var(--bk);
	color: #fff;
	overflow: hidden;
	position: relative;
}
.testimonials p {
	color: #fff;
	font-size: 22px;
	font-weight: 500;

}
.testimonials p span {
	color: var(--be);
}

.testimonials p em {
	color: var(--be);
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
}

.testimonials-container {
	max-width: 1300px;
	margin: 0 auto;
}


.testimonials .text-slider {
	position: relative;
	margin: 0 90px;
}

.text-slider-outter {
	position: relative;
	margin-top: 20px;
}

.testimonials .arrows {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	margin: 20px auto 30px;
	color: var(--db);
	font-size: 28px;
	position: absolute;
	top: calc(50% - 40px);
	transform: translateY(-50%);
	width: 100%;

}
.testimonials .arrows .left-arrow,
.testimonials .arrows .right-arrow{
	transition: 0.5s;
	border: 2px solid #fff;
	border-radius: 100%;
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.testimonials .arrows .left-arrow:hover,
.testimonials .arrows .right-arrow:hover {
	opacity: 0.6;
	cursor: pointer;
	background-color: var(--be);
}

.testimonials .text-block  {
}
.testimonials .slick-dots {
	margin-top: 30px;
	position:relative;
}
.testimonials .slick-dots li button {
	border: 2px solid #fff;
	border-radius: 100%;
	width: 15px;
	height: 15px;

}
.testimonials .slick-dots li.slick-active button {
	border: 2px solid var(--be);
}

.testimonials .slick-dots li button::before {
	display: none;
}

.testimonials .graphic {
	display: block;
	position: absolute;
	top: 20px;
	left: -50px;
	pointer-events: none;
}

@media (max-width: 1000px) {
	.testimonials {
		padding: 50px 50px;
	}
}

@media (max-width: 600px) {
	.testimonials .text-slider {
		margin: 0px;
	}

	.testimonials .arrows {
		position: relative;
		margin: -15px auto 0px;
	}
	.testimonials .slick-dots {
		width: fit-content;
		margin: 30px auto 0;
		z-index: 5;
	}

	.testimonials p {
		font-size: 18px;

	}
	.text-slider-outter {
		margin-top: 0px;
	}

	.testimonials {
		padding: 50px 30px 20px;
	}
}

/*** image section ***/


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

.image-section.contained .image-section-container {
	max-width: 1300px;
	margin: 0 auto;
}

/* .image-section:not(.image-section.contained) {
	position: relative;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat !important;
	height: 600px;
	overflow: hidden;
}

.image-section .image-section-container:not(.image-section .image-section-container){
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	clip-path: inset(0);
	height: 100%;
	width: 100%;
}
.image-section .image-section-container img:not(.image-section.contained .image-section-container img) {
	object-fit: cover;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
	object-position: center;
}
    
 */
.image-section img {
	display: block;
	height: clamp(272px, calc(272px + (461 * ((100vw - 600px) / 900))), 733px);
	object-fit: cover;
	object-position: center;
	width: 100%;
}

@media (max-width: 600px) {
	.image-section.contained {
		padding: 0 20px;
	}
	
	.image-section:not(.image-section.contained) {
		height: 350px;
	}
}

/*** images section ***/

.images-section {
	padding: 0px 30px 50px;
	box-sizing: border-box;
}


.images-section-container {
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
	gap: 40px;
	width: 100%;

}
.images-section .image {
	width: 50%;
}
.images-section img {
	width: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
	height: 390px;
}

@media (max-width: 800px) {
	.images-section-container  {
		flex-direction: column;
		gap: 20px;
	}

	.images-section img {
		height: 290px;
	}

	.images-section {
		padding: 0px 0 30px;
	}

	.images-section .image {
		width: 100%;
	}
}

/*** careers section ***/

.careers-section {
	padding: 30px 30px 30px;
	box-sizing: border-box;
	background-color: #ffffff;
}

.careers-section-container {
	max-width: 1300px;
	margin: 0 auto;
}



.careers-section .items {
	/* 	display: flex;
	flex-wrap: wrap;
	justify-content: center; */
}



.careers-section .items .item {
	width: 100%;
	margin: 30px 0px;
	background-color: #F4F4F4;
	padding: 30px 30px;
	box-sizing: border-box;
	border-radius: 20px;
	display: flex;
	justify-content: space-between;
	gap: 30px;
}
.careers-section .items .item .career-content {
	max-width: 50%;
}
.careers-section .items .item .career-content p:first-of-type {
	padding-top: 0px;
}

.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: var(--bk);
	font-size: 22px;
	font-weight: 500;
}

.careers-section .items .item .career-title {
	margin-bottom: 10px;
}



.careers-section .items .item .career-title a {
	color: var(--pk);
	font-size: 40px;
}

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



@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;
		flex-direction: column;
		gap: 0;
	}
	.careers-section .items .item:last-of-type {
		margin-bottom: 0px;
	}

	.careers-section {
		padding: 30px 20px;
	}

	.careers-section .items .item .career-title a {
		font-size: 30px;
	}
	.careers-section .items .item .career-content .excerpt p {
		font-size: 18px;
	}
	.careers-section .items .item .a-button a {

		display: block;

	}

	.careers-section .a-button {
		margin-top: 15px;
	}

	.careers-section .items .item .career-content {
		max-width: 100%;
	}
}

/*** title left accordion right ***/


.title-left-accordion-right {
	padding: 80px 60px 55px;
	box-sizing: border-box;
}

.title-left-accordion-right.no-top-padding {
	padding: 0px 30px 40px;
}

.title-left-accordion-right-container {
	max-width: 1300px;
	margin: 0 auto;
	display: flex;

	gap: 30px;
}

.half .title-left-accordion-right-container {
	flex-direction: column;
}

.title-left-accordion-right .left,
.title-left-accordion-right .right {
	width: 50%;
}

.title-left-accordion-right.half .left,
.title-left-accordion-right.half .right {
	width: 100%;
}

.title-left-accordion-right.half .items--split {
	display: flex;
	gap: 20px;
}


.title-left-accordion-right.half .items--split .items-half {
	width: 50%;
}

.title-left-accordion-right .right .items .item {
	display: flex;
	transition: 0.5s;
	border: 2px solid transparent;
	border-radius: 10px;
	/* 	padding: 20px 20px; */
	box-sizing: border-box;
	margin-bottom: 20px;

	border: 2px solid var(--be);
	align-items: center;
}

.title-left-accordion-right.yellow-accent .right .items .item {
	border: 2px solid var(--yw);
}

.title-left-accordion-right.pink-accent .right .items .item {
	border: 2px solid var(--pk);
}

.title-left-accordion-right .right .items .item .a-button {
	margin-top: 0px;
	width: 100%;
}

.title-left-accordion-right .right .items .item .a-button .btn-main {
	width: 100%;
	min-width: 100%;
	background-color: transparent;
}

.title-left-accordion-right .right .items .item .item-left {
	display: flex;
	align-self: flex-start;
}

.title-left-accordion-right .right .items .item:hover,
.title-left-accordion-right .right .items .item.active {
	background-color: transparent;
	cursor: pointer;
}


.title-left-accordion-right.purple-accent .right .items .item {
	border: 2px solid var(--pe);
}

.title-left-accordion-right.purple-accent .right .items .item .btn-main.aware span {
	background-color: var(--pe);
}
.title-left-accordion-right.purple-accent .right .items .item:hover{
	/* 	background-color: var(--pe); */
}
.title-left-accordion-right.purple-accent .right .items .item:hover h3{
	color: #fff;
}

.title-left-accordion-right.purple-accent .right .items .item:hover .text p{
	color: #fff;
}



.title-left-accordion-right.pink-accent .right .items .item {
	border: 2px solid var(--pk);
}

.title-left-accordion-right.pink-accent .right .items .item .btn-main.aware span {
	background-color: var(--pk);
}
.title-left-accordion-right.pink-accent .right .items .item:hover{
	/* 	background-color: var(--pe); */
}
.title-left-accordion-right.pink-accent .right .items .item:hover h3{
	color: #fff;
}

.title-left-accordion-right.pink-accent .right .items .item:hover .text p{
	color: #fff;
}



.title-left-accordion-right.yellow-accent .right .items .item .btn-main.aware span {
	background-color: var(--yw);
}

.title-left-accordion-right.pink-accent .right .items .item .btn-main.aware span {
	background-color: var(--pk);
}


.title-left-accordion-right .right .items .item .item-left > .number {
	font-size: 40px;
	font-weight: 500;
	color: var(--be);
	width: 60px;
	display: block;
	transition: 0.5s;

}

.title-left-accordion-right.pink-accent .right .items .item .item-left > .number {
	color: var(--pk);
}

.title-left-accordion-right .right .items .item .item-right .close i {
	color: var(--be);
}

.title-left-accordion-right.purple-accent .right .items .item .item-right .close i {
	color: var(--pe);
}
.title-left-accordion-right.pink-accent .right .items .item .item-right .close i {
	color: var(--pk);
}


.title-left-accordion-right.yellow-accent .right .items .item .item-right .close i {
	color: var(--yw);
}


.title-left-accordion-right .right .items .item:hover  .item-right .close i,
.title-left-accordion-right .right .items .item.active  .item-right .close i {

}
.title-left-accordion-right .right .items .item:hover .item-left > .number,
.title-left-accordion-right .right .items .item.active .item-left > .number {
	color: var(--bk);
}
.title-left-accordion-right .right .items .item:hover  .item-right .close i,
.title-left-accordion-right .right .items .item.active  .item-right .close i {
	color: var(--bk);
}

.title-left-accordion-right .right .items .item .item-right {
	width: 100%;
	margin-top: 0px;
}
.title-left-accordion-right .right .items .item .item-right .title {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.title-left-accordion-right .right .items .item .item-right .title i {
	margin-top: 3px;
}

.title-left-accordion-right .right .items .item .item-right .title h3 {
	transition: 0.5s;
	font-size: 22px;
	margin-right: 20px;
}

.title-left-accordion-right .right .items .item .item-right .text p:first-of-type {
	padding-top: 10px;
}
.title-left-accordion-right .right .items .item .item-right .text {
	padding-right: 30px;
	box-sizing: border-box;
}

.title-left-accordion-right .right .items .item .item-right .text a {
	color: var(--be);
}

.title-left-accordion-right.pink-accent .right .items .item .item-right .text a {
	color: var(--pk);
}

.title-left-accordion-right .right .items .item:hover .item-right .text a {
	color: #fff;
}
.title-left-accordion-right.pink-accent .right .items .item:hover .item-right .text a {
	
}
.title-left-accordion-right.purple-accent .right .items .item .item-right .text a {
	color: #fff !important;
	font-weight: 600;

}
.title-left-accordion-right.purple-accent .right .items .item .item-right .text a:hover {
	text-decoration: underline;
}
.title-left-accordion-right.purple-accent .right .items .item:hover .item-right .text a {
	color: var(--be);
}

.title-left-accordion-right.pink-accent .right .items .item:hover .item-right .text a {
	color: var(--bk);
}

.title-left-accordion-right .close i {
	display: inline-block;
	transition: 0.5s;
	transform: rotate(0deg);
	color: var(--be);
	font-size: 22px;

	display: block;
}

.title-left-accordion-right .item.active .close i {
	transform: rotate(45deg); /* rotates + into x */
}


@media (max-width: 1100px) {
	.title-left-accordion-right-container {
		flex-direction:  column;
	}
	.title-left-accordion-right-container {
		gap: 10px;
	}
	.title-left-accordion-right .left, .title-left-accordion-right .right {
		width: 100%;
	}

	.title-left-accordion-right {
		padding: 50px 60px;
	}

	.title-left-accordion-right .right {
		margin-top: 10px;
	}
}

@media (max-width: 1000px) {
	.title-left-accordion-right.half .items--split {
		flex-direction: column;
		gap: 0px;
	}
	
	.title-left-accordion-right.half .items--split .items-half {
		width: 100%;
	}
}
@media (max-width: 600px) {

	.title-left-accordion-right {
		padding: 30px 20px 30px;
	}
	.title-left-accordion-right .right .items .item .item-left > .number {
		font-size: 30px;
		width: 40px;
	}

	.title-left-accordion-right .right .items .item {
		border: 2px solid var(--be);
		/* 		padding: 15px 20px; */
		margin-bottom: 20px;
	}

	.title-left-accordion-right .right .items .item .item-right {
		margin-top: 3px;
	}

	.title-left-accordion-right .right .items .btn-main.aware:hover span {
		width: 425%;
		height: 862.5px;
	}

	.title-left-accordion-right .right .items .item .item-right .title h3 {
		font-size: 22px;
	}

	.title-left-accordion-right.no-top-padding {
		padding: 10px 30px 30px;
	}

	.title-left-accordion-right .right .items .item .a-button .btn-main {
		padding: 15px 20px;
	}
}

/*** insights / posts ***/

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

.insights-container {

}

.insights .filter-top-header {
	padding: 25px 30px;
	box-sizing: border-box;
	background-color: var(--be);
	margin-bottom: 40px;
	max-height: 80px;
	min-height: 80px;
	overflow: hidden;
	display: flex;
	align-items: center;
	/* 		display: none; */
	justify-content: center;


	/*     overflow-x: scroll; */
	overflow-x: hidden;
	overflow-y: hidden;
}

.insights.post .filter-top-header {
	background-color: var(--pe);
}

.insights .filter-top-header form {
	display: flex;
	justify-content: center;
	gap: 30px;
	align-items: center;

	overflow: hidden;
	/*     overflow-x: scroll; */
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	-moz-overflow-scrolling: touch;

	-ms-overflow-style: none;
	scrollbar-width: none;

	z-index: 1;

	flex-wrap: no-wrap;
	overflow-x: auto;
	cursor: grab;
}

.insights .filter-top-header form label {
	white-space: nowrap;
	font-size: 16px;
	font-variation-settings: 'wght' 600;
	color: var(--bk);
	position: relative;
	z-index: 5555555;
	font-weight: 600;
	transition: 0.5s;

}
.insights .filter-top-header form label,
.insights .filter-top-header form label a {
	color: var(--bk);
}

.insights .filter-top-header form label.active a {
	color: #fff;
}
.insights.post .filter-top-header form label,
.insights.post .filter-top-header form label a{
	color: #fff;
}

.insights .filter-top-header form label.active {
	background-color: var(--bk);
	padding: 8px;
	box-sizing: border-box;
	border-radius: 3px;
	color: #fff;
	z-index: 5555555;
	/* 	cursor: grabbing; */
}

.insights .filter-top-header form label:first-of-type {
	color: var(--bk);
}
.insights.post .filter-top-header form label:first-of-type {
	color: #fff;
}

.insights .filter-top-header form label input {
	display: none;
}

.insights .filter-top-header form label:hover {
	cursor: pointer;
	z-index: 5555555;
	opacity: 0.6;
}




.insights .items {
	display: flex;
	gap: 40px 20px;
	flex-wrap: wrap;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 30px;
}

.insights .items .item {
	flex: 1 1 calc(33.33% - 20px);
	display: flex;
	flex-direction: column;
}

/* .insights.post .items .item {
flex: 1 1 100%;
display: flex;
background-color: #EDEDED;
}

.insights.post .items .item .inner-container {
display: flex;
flex-direction: column;
justify-content: center;
padding: 30px 30px;
box-sizing: border-box;
}

.insights.post .insight-title.title {
margin-top: 10px;
margin-bottom: 0px;
} */


.insights .items .item .right {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.insights.post .insight-title.title h2 {
	margin-bottom: 0px;
	/* 	text-transform: uppercase; */
}


.insights .items .item a {
	overflow: hidden;
}

.insights .items .item a img {
	border-radius: 10px;
	display: block;
	object-fit: cover;
	object-position: center;
	height: 280px;
	width: 100%;
	transition: 0.5s;
}

.insights .items .item a:hover img {
/* 	opacity: 0.7; */
	transform: scale(1.01);
}
.insights .items .item .project-meta {
	color: var(--bk);
	font-size: 20px;
	font-weight: 600;
	margin-top: 20px;
}
.insights .items .item .project-title {
	font-size: 40px;
	font-weight: 600;
	color: var(--bk);
	display: block;
	margin-top: 10px;
}
.insights .items .item .project-title a {
	color: inherit;
	font-size: 28px;
	display: block;
}

.insights.case_study .items .item .project-title a:hover {
	color: var(--be);
}

.insights .items .item .project-excerpt {
	padding-top: 10px;
	font-size: 16px;
	margin-bottom: 20px;
}
.insights .items .item .insight-content {

}



.insights .items .item .insight-content .insight-title {
	margin-top: 5px;
}

.insights .items .item .insight-content .insight-title h2 {

}

.insights .items .item .insight-content .insight-title h2 a {
	/* 	color: #303470; */
	font-size: 32px;
	display: block;
	font-weight: 600;
}

.insights.resource .items .item .insight-content .insight-title h2 a {
	pointer-events: none;
}

.insights .items .item .insight-content .a-button {
	margin-top: 20px;
}


ul.tabs{
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	display: flex;
	justify-content: center;
	overflow: hidden;
}
ul.tabs li.tab-link{
	background: none;
	color: #222;
	display: inline-block;
	padding: 10px 15px;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid #222C3F;
	margin: 0 5px;
	white-space: nowrap; 
	box-sizing: border-box;
}

ul.tabs li.current{
	background: #222C3F;
	color: #fff;
}

.tab-content{
	display: none;
	/* 		background: #ededed; */
	padding: 15px 0;


}

.tab-content .tab-container {
	display: flex;
	flex-wrap: wrap;
}

.tab-content .tab-container  .staff-item {
	width: calc(33.33% - 20px);
	margin: 10px 10px 50px;
}

.tab-content .tab-container  .staff-item .staff-image img {
	aspect-ratio: 1/1;
	object-fit: cover;
	object-position: center;
	display: block;
	width: 100%;
}

.tab-content.current{
	display: inherit;
}

.insights .pagination {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 20px;
}
.insights .pagination ul {
	padding-left: 0px;
}
.insights .pagination .page-numbers {
	/* 	background-color: #fff; */
	/* 	border: 2px solid #F4F4F4; */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 33px;
	height: 33px;
	font-size: 16px;
	font-weight: 600;
	color: var(--bk);

	list-style: none;
}

.insights .pagination .page-numbers li a {
	opacity: 0.7;
}

.insights .pagination .page-numbers li a:hover {
	opacity: 1;
}

.insights .pagination .page-numbers.current {
	/* 	border: 2px solid #074994; */
	/* 	background-color: #F4F4F4; */
	/* 	color: #074994; */
	opacity: 1;
}



.insights .pagination .page-numbers.prev,
.insights .pagination .page-numbers.next {
	background-color: transparent;
	border: none;

	opacity: 1;
}



.insights .post-info {
	display: flex;
	gap: 20px;
	margin-bottom: 7px;
}

.insights .post-info div {
	display: flex;
	align-items: center;
}

.insights .post-info div span {
	color: #1B2024;
	font-size: 18px;
}

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

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

}

.insights .item .a-button {
	margin-top: auto;

}

.insights .item .a-button a {
	display: flex;
	gap: 10px;
	align-items: center;
	font-size: 18px;
	font-weight: 600;

}

.insights.post .item .a-button a {
/* 	width: fit-content; */
}
.insights.case_study .item .a-button a {
	justify-content: center;
}
.insights .item .a-button img {
	width: 15px;
	object-fit: contain;
	height: auto;
	margin-top: -2px;

}

.insights .insight-title.title {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 32px;

}

.insights.case_study .insight-title.title {

}


@media (max-width: 900px) {
	.insights .items .item.highlight {
		flex-direction: column;
		gap: 0px;
		padding: 30px 0px;
	}

	.insights .items .item.highlight .inner-container {
		flex: 1 1 100%;
	}

	.insights .items .item.highlight > a {
		flex: 1 1 100%;
		width: 100%;
	}

	.insights.post .items .item {
		flex-direction: column;
	}

	.insights.post .items .item a.case-study-image > img {
		width: 100%;
		height: 350px;
	}

	.insights.case_study .insight-title.title > * {
		margin-bottom: 10px;
	}

}

@media (max-width: 1200px) {
	.insights .filter-top-header form {
		justify-content: flex-start;
		overflow: hidden;
	}
}
@media (max-width: 700px) {
	.insights .items .item {
		flex: 1 1 100%;
	}

	.insights .item .a-button img {
		width: 10px;
	}
}

@media (max-width: 600px) {
	.insights .items .item .insight-content .insight-title h2 a {
		font-size: 22px;
	}

	.insights {
		padding: 0 0 30px;
	}

	.insights .items {
		padding: 0 20px;
	}

	.insights .filter-top-header {
		margin-bottom: 20px;
	}

	.insights .items .item .insight-content p {
		padding-top: 10px;
	}

	.insights .items .item a.case-study-image > img {
		height: 222px;
		border-radius: 3px;
	}

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

	.insights .post-info div span {
		font-size: 16px;
	}

	.insights .filter-top-header form label {
		font-size: 16px;
	}

	.insights.post .items .item a.case-study-image > img {

		height: 158px;
	}

	.insights.post .items .item .inner-container {
		padding: 20px 20px;
	}

	.insights.post .insight-title.title h2 a {
		font-size: 22px;
	}

	.insights.post .items .item a.case-study-image > img {
		min-width: 0;
	}

	.insights .items .item .project-title {
		font-size: 30px;
		margin-top: 10px;
	}
	.insights .items .item .project-meta {
		font-size: 16px;
	}
}

@media (max-width: 450px) {
	.insights .post-info {
		flex-direction: column;
	}

	.insights .post-info {
		gap: 10px;
	}
}

/*** news and projects ***/

.insights.news-projects .items {
	max-width: none;
	margin: 0;
	padding: 0;
	gap: 0;
}

.insights.news-projects .items .item a img {
	height: 500px;
	border-radius: 0;
}

.insights.news-projects .items .item a:hover img {
	transform: scale(1.05);
}

.insights.news-projects .items .item a .tint {
	display: block;
	width: 100%;
	height: 100%;
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
/*     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0.7) 100%); */


}

.insights.news-projects .items .item {
	flex: 1 1 55%;
}

.insights.news-projects .items .item:nth-child(4n+2),
.insights.news-projects .items .item:nth-child(4n+3) {
  flex: 1 1 45%;
}
.insights.news-projects .items .item {
	position: relative;
	overflow: hidden;
}
.insights.news-projects .items .item .right {
	position: absolute;
	bottom: 30px;
	left: 50px;
	
	display: block;
	height: auto;
}

.insights.news-projects .items .item .project-title a {
	color: #fff;
}

.insights.news-projects .items .item .project-title {
	margin-bottom: 20px;
}

.insights.news-projects .filter-top-header {
	margin-bottom: 0px;
	margin-top: 90px;
	background-color: var(--bk);
}

.insights.news-projects .filter-top-header form label, .insights.news-projects .filter-top-header form label a {
	color: #fff;
}

.insights.news-projects .filter-top-header form label.active {
	color: var(--be);
}

.insights.news-projects .filter-top-header form label.active.purple {
	color: var(--pe);
}

.insights.news-projects .filter-top-header form label.active.pink {
	color: var(--pk);
}

.insights.news-projects .filter-top-header form label.active.blue {
	color: var(--be);
}

.insights.news-projects .filter-top-header form label.active.black {
	color: var(--bk);
}

.insights.news-projects .filter-top-header form label.active.yellow {
	color: var(--yw);
}

.insights.news-projects .filter-top-header form label.active.white {
	color: #fff;
}


.insights.news-projects .filter-top-header form label.purple:hover {
	color: var(--pe);
}

.insights.news-projects .filter-top-header form label.pink:hover {
	color: var(--pk);
}

.insights.news-projects .filter-top-header form label.blue:hover {
	color: var(--be);
}

.insights.news-projects .filter-top-header form label.black:hover {
	color: var(--bk);
}

.insights.news-projects .filter-top-header form label.yellow:hover {
	color: var(--yw);
}

.insights.news-projects .filter-top-header form label.white:hover {
	color: #fff;
}

.insights.news-projects .item .a-button a {
	border: 1px solid #fff;
	justify-content: center;
}

.insights.news-projects {
	padding-bottom: 0px;
}

@media (max-width: 800px) {
	.insights.news-projects .items .item {
		flex: 1 1 100% !important;
	}
	
	.insights.news-projects .items .item a img {
		height: 290px;
	}
}

@media (max-width: 600px) {
	.insights.news-projects .items .item .right {
		left: 20px;
		bottom: 20px;
	}
}

/*** single post section ***/

.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: "Urbanist", sans-serif;
	font-size: 18px !important;
	display: block;
	margin: 5px 0;
}
.single-post-section {
	padding: 50px 30px 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: "Urbanist", 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: var(--bk);
	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: 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: 10px 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: var(--pe);
	/* 	text-transform: uppercase; */
	font-size: 18px;
	font-weight: 600;
	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: 15px; /* Bullet size */
	border-radius: 100%;
	background-color: var(--pe);
	/* 	background-image: url('img/bullet.svg');  */
	/* 	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: 850px !important;
	margin: 20px auto 10px !important;
	/* 	padding: 0 30px; */
	box-sizing: border-box;
	object-fit:cover;
	object-position: center;
	display: block;
	width: 100%;
	/* 	box-sizing: content-box !important; */
	padding: 0 30px;
}

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


.single-post-section .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column h2,
.single-post-section .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column h3 {
	padding: 0px;
}

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

body .single-post-section .wp-block-columns.is-layout-flex {
	padding: 20px 0px 50px;
	border-left: 30px solid white;
	border-right: 30px solid white;
	max-width: 850px;
}

body .single-post-section .wp-block-columns.is-layout-flex h3 {
	color: var(--pe);
}

body .single-post-section .is-layout-flex h3 {
	padding: 0px !important;
	margin-top: 0px !important;
}
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: #fff !important;
	border-radius: 2px;
	color: var(--pe);
	font-weight: 600;
	font-size: 16px;
	border: none !important;
	font-family: "Urbanist", sans-serif;
}
body .single-post-section .wp-block-buttons.is-layout-flex a.wp-block-button__link:hover {
	background-color: var(--bk) !important;
	color: #fff;
}
.single-post-section-container {
	max-width: 1300px;
	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: 40px;
}
.single-post-section h2:first-of-type {
	margin-top: 20px !important;
}

.page-template-default .single-post-section h2,
.page-template-default .single-post-section h3,
.page-template-default .single-post-section h4 {
	margin-top: 10px;
}

.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: 850px;
	margin: 0px auto 0;
	padding: 20px 20px;
	box-sizing: border-box;
	background-color: var(--pe);
	border: 30px solid #fff;
	color: #FFFFFF;
	border-radius: 10px;
	clip-path: inset(30px round 10px);
}
.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: 226px;
	display: block;
	text-align: center;
	padding: 15px 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 {

	border-radius: 5px;
	padding: 20px 20px;
	box-sizing: border-box;
	margin-top: 20px;
	display: flex;
	gap: 20px;
	align-items: center;
	margin-right: 30px;
	border: 1px solid var(--pe);
}

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

.author-box .author-image img {
	padding: 0px;
	margin: 0px !important;
	width: 110px;
	height: 110px;
	border-radius: 5px;
}

.author-box .author-text {
	display: flex;

	gap: 5px;
	justify-content: center;
	flex-direction: column;
}

.author-box .author-text .author-name {
	font-size: 22px;
	color: var(--pe);
	font-weight: 600;
}

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

.single-post .hero .left {
	max-width: 650px;
}
@media (max-width: 1100px) {
	.single-post-section h1 {
		font-size: 38px;
	}
}

@media (max-width: 1000px) {
	.single .hero .title > * {
		font-size: 42px;
	}
}

@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% - 0px);
		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: 30px;
	}

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

	.single-post-section p {

		padding: 20px 30px 0px;

	}

	.single-post-section table {
		padding: 0 20px;
	}



	.single-post-section img {
		padding: 0 0px;
	}

	.single-post-section .wp-block-image {
		padding: 0 0px;
	}

	.single-post-section h2, .single-post-section h3, .single-post-section h4, .single-post-section h5 {
		padding: 0 30px;
	}

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

	.single-post-section .wp-block-group {
		margin: 20px 0px 0;
	}





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


	.single-post-section .wp-block-group {
		border: 20px solid #fff;
	}

	body .single-post-section .is-layout-flex h3 {
		font-size: 22px;
	}

	.single-post-section ul.wp-block-list li {
		font-size: 16px;
	}

	.single-post-section ul.wp-block-list > li::before {
		width: 11px;
		height: 11px;
	}

	.single-post-section ul.wp-block-list li {
		padding-left: 20px;
	}

	.single-post-section ul.wp-block-list {
		margin: 10px auto !important;
	}

	.single-post-section {
		padding: 30px 0 0px;
	}
}

@media (max-width: 500px) {
	.single .hero .post-infos {
		/* 		flex-direction: column; */
		flex-wrap: wrap;
	}
}

/*** error page ***/
.error-page {
	padding: 270px 30px 200px;
	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; */
	max-width: 800px;
	margin: 0 auto;
}


.error-page span.error-title {
	font-size: 28px;
	color: var(--be);
	font-weight: 600;
}

.error-page .error-icon {
	margin-bottom: 20px;
}

.error-page h1 {
	font-size: clamp(42px, 5vw, 68px);
	font-weight: 600;
	line-height: 110%;
	display: block;
	margin-top: 10px;
	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: 22px;
	font-weight: 500;
	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 .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: 185px 20px 85px;
	}
	.error-page h2 {
		margin: 40px auto 10px;
	}

	.error-page p {
		font-size: 18px;
	}

	.error-page h2 {
		font-size: 20px;
	}

	.error-page span.error-title {
		font-size: 24px;
	}
}

@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 form ***/

.contact-section-full {
	padding: 50px 30px 70px;
	box-sizing: border-box;
	/* 	background-color: #0F0F0F; */
}

.contact-section-full.hero-contact {
	padding: 0px;
	background-color: var(--gy);
}

.contact-section-full.hero-contact.career-form {
	background-color: transparent;
	margin-bottom: 80px;
	padding: 30px 60px;
	box-sizing: border-box;
}

.contact-section-full.hero-contact .breadcrumb {
	position: absolute;
	/* 	left: 20px; */
	top:120px;
}

.contact-section-full.hero-contact .breadcrumb span {
	color: #FFFFFF;
	display: inline-block;
}

.contact-section-full.hero-contact .contact-section-full-container {
	/* 	max-width: none; */
	padding: 0px;
	max-width: 1410px;
	position: relative;



}

.contact-section-full.hero-contact.career-form .contact-section-full-container {
	background-color: var(--bk);
	padding: 70px 60px;
	box-sizing: border-box;
}

.contact-section-full.hero-contact .heading {
	background-color: var(--bk);
	position: relative;
	z-index: 2;
	padding: 130px 60px 100px 60px;
}

.contact-section-full.hero-contact.career-form .heading {
	padding: 0px;
}

.contact-section-full.hero-contact .heading::before {
	position: absolute;
	content: '';
	left: -100%;
	background-color: var(--bk);
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: -1;
}

.contact-section-full.hero-contact.career-form .heading::before {
	display: none;
}

.contact-section-full.hero-contact .heading .title > *,
.contact-section-full.hero-contact .heading p,
.contact-section-full.hero-contact .heading .tel a,
.contact-section-full.hero-contact .heading .email a {
	color: #fff;
}

.contact-section-full.hero-contact.career-form .heading p a {
	color: var(--pk);
}

.contact-section-full.hero-contact.career-form .heading p a:hover {
	opacity: 0.7;
}
.contact-section-full.hero-contact .heading .tel,
.contact-section-full.hero-contact .heading .email {
	color: var(--lb);
}

.contact-section-full.hero-contact .contact {
	padding: 80px 60px 80px 0;
}
.contact-section-full.hero-contact .contact .title {
	margin-bottom: 15px;
}
.contact-section-full.hero-contact .contact .title > * {
	font-size: 26px;

}


.contact-section-full.hero-contact.career-form .contact-section-full-container {
	align-items: flex-start;
	box-sizing: border-box;
}


.contact-section-full-container {
	display: flex;
	max-width: 1300px;
	margin: 0 auto;
	gap: 50px;
	/* 	align-items: center; */
	/* 	background-color: #EAEAEA; */
	padding: 60px 50px;
	/* 	box-sizing: border-box; */
	border-radius: 10px;
	position: relative;

	align-items: center;
}

.contact-section-full.align-center .contact-section-full-container {
	align-items: center;
}

.contact-section-full .heading {
	flex: 1 1 calc(50% - 50px);

}

.contact-section-full .heading {
	flex: 1 1 calc(20% - 50px);
	margin-top: 90px;
}

.contact-section-full.hero-contact .contact {
	padding-bottom: 0px;
}

.orange-accent .underline:after {
	background-color: #FF6B03;
}

.contact-section-full .heading .title {
	margin-bottom: 0px;
}
.contact-section-full .heading .title > * {
	font-size: 40px;
	color: var(--db);
}

.contact-section-full.career-form .heading .title > * {
	font-size: 40px;
}

.contact-section-full.career-form .heading .title span {
	color: var(--pk);
	display: inline;
	font-weight: 600;
}

.contact-section-full .heading .subtitle {
	margin-top: 10px;
}
.contact-section-full .heading .subtitle > * {
	color: var(--be);
	font-size: 22px;
	font-weight: 500;
}

.contact-section-full.purple-accent .heading .subtitle > * {
	color: var(--pe);
}

.contact-section-full.yellow-accent .heading .subtitle > * {
	color: var(--yw);
}

.contact-section-full.pink-accent .heading .subtitle > * {
	color: var(--pk);
}

.contact-section-full.career-form .heading .subtitle > * {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
}


.contact-section-full .heading .text p strong {
	color: #01E803;
}



.contact-section-full .heading .tel {
	color: #121317;
	margin-bottom: 30px;
	margin-top: 30px;
}

.contact-section-full.hero-contact .heading .tel {
	margin-top: 30px;
}

.contact-section-full .heading .email {


}



.contact-section-full .heading .tel a {
	color: #0B7155;
	font-size: 26px;
	font-weight: 500;
}
.contact-section-full .heading .tel a:hover {
	opacity: 0.6;
}
.contact-section-full .heading .email a {
	color: #0B7155;
	font-size: 26px;
	font-weight: 500;
}
.contact-section-full .heading .email a:hover {
	opacity: 0.6;
}

.contact-section-full.hero-contact .heading .email a,
.contact-section-full.hero-contact .heading .tel a {
	font-size: 16px;
	margin-top: 10px;
	display: block;
}
.contact-section-full.hero-contact .heading span {

	/* 	color: var(--be); */
}

.contact-section-full.hero-contact.purple-accent .heading span {
	color: var(--pe);
}

.contact-section-full.hero-contact.yellow-accent .heading span {
	color: var(--yw);
}

.contact-section-full.hero-contact.pink-accent .heading span {
	color: var(--pk);
}

.contact-section-full .heading span {
	display: block;
	font-weight: 200;
	color: var(--be);
}


.single-career .contact-section-full .heading span,
.page-id-355 .contact-section-full .heading span {
	display: inline-block;
	color: var(--pk);
	font-weight: 600;
}

.contact-section-full .heading .socials {
	margin-top: 30px;
}

.contact-section-full .heading .socials .social-icons {
	display: flex;
	gap: 25px;
	margin-top: 10px;

}

.contact-section-full .heading .socials .social-icons a {
	color: #fff;
	font-size: 26px;
}
.contact-section-full .heading .socials .social-icons a:hover {
	opacity: 0.6;
}
.contact-section-full .contact {
	flex: 1 1 calc(50% - 50px);
	background-color: var(--gy);
	/* 	padding: 40px 40px; */
	box-sizing: border-box;
	border-radius: 10px;
}

.contact-section-full.career-form .contact {
	padding: 0px;
}

.contact-section-full.career-form .contact {
	background-color: var(--bk);
}

.contact-section-full .contact .text p {
	font-size: 18px;
	color: var(--bk);
	font-weight: 500;

}
.contact-section-full .contact .text {
	margin-bottom: 20px;
}
.contact {

	max-width: 950px;
	margin: 0px auto 0;

	/* 	position: absolute; */
	width: 100%;
	/* 		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
}


.contact .form-container {
	margin: 0;

}

.contact .flex-space {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.contact .flex-full {
	margin-bottom: 20px;
}

.contact .input-half {
	width: 48%;
}

.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/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxNyIgdmlld0JveD0iMCAwIDEzIDE3IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNNi4xODg4IDBMMC4wMDE5NTMxMiA2SDEyLjM3NTdMNi4xODg4IDBaIiBmaWxsPSIjMUQyNTJDIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgogIDxwYXRoIGQ9Ik02LjE5MDEgMTdMMTIuMzc3IDExTDAuMDAzMjUwNjYgMTFMMC4wMDMyNTA2NiAxMUw2LjE5MDEgMTdaIiBmaWxsPSIjMUQyNTJDIiBmaWxsLW9wYWNpdHk9IjAuNiIvPgo8L3N2Zz4=");

	background-position: right 10px center;
	background-repeat: no-repeat;
	-moz-appearance: none;
}

.contact select option {
	color: rgba(29, 37, 45, 0.70);
}

.contact .flex-full input, .flex-full textarea {
	width: 100%;
	box-sizing: border-box;
	/* 	margin-bottom: 15px; */
	/* 	color: #6F6F6F !important; */
}

.contact input, .contact select, .contact textarea {
	background-color: #ffffff;
	border: 1px solid transparent;
	width: 100%;
	/* 	transition: all 350ms ease-in-out; */
	box-sizing: border-box;
	font-size:16px;

	font-family: "Urbanist", sans-serif;
	/* 				-webkit-appearance: none; */
	border-radius: 2px;
	margin-top: 0px;
	color: rgba(29, 37, 45, 0.70);
	font-weight: 400;

}
.contact input::placeholder, .contact select::placeholder, .contact textarea::placeholder {
	color: rgba(29, 37, 45, 0.70);
}


.contact input:focus, .contact select:focus, .contact textarea:focus {
	outline: none;
}

.contact label {
	font-family: "Urbanist", sans-serif;
	color: var(--bk);
	font-size: 22px;
	font-weight: 400;
}

.contact label br {
	display: none;
}

.contact textarea  {
	height: 120px;
	padding: 10px;
	box-sizing: border-box;
	text-indent: 3px;
}

.contact input[type=submit],
.contact .submit-btn button {
	width: 220px;
	margin-top: 0px;
	/* 	color: var(--bk); */
	/* 	background-color: var(--be) !important; */
	font-family: "Urbanist", sans-serif;
	font-size: 16px;
	font-weight: 600 !important;
	border: none;
	border-radius: 2px;
	text-align: center;
	padding: 17px 30px;
	box-sizing: border-box;
	text-indent: 0px;
	transition: 0.5s;
}


/* .career-form .contact input[type=submit],
.career-form .contact .submit-btn button {
background-color: var(--pk) !important;

color: #fff;
} */

.contact input[type=submit]:hover,
.contact .submit-btn button:hover {
	cursor: pointer;
	/* 	background-color: #fff !important;
	color: #0B7155; */
	
}
.contact input[type=submit]:hover span,
.contact .submit-btn button:hover span {
	transition-delay: 1s;
	transition-duration: 0.5s;
}
.contact input[type=submit]:hover span,
.contact .submit-btn button:hover span {
	color: var(--bk);
}

.page-id-48 .contact input[type=submit]:hover span,
.page-id-48 .contact .submit-btn button:hover span {
	color: #fff;
}

.contact .submit-btn button span {
	color: #fff;
}
.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 {
	display: flex;
	align-items: center;

}
.contact .acceptance p {
	/* 	display: flex;
	flex-direction: row;
	align-items: center; */
	/* 	color:#FFFFFF; */
	font-weight: 200;
	font-size: 16px;
}

.contact-hero .contact .acceptance p {
	color: #fff;
}

.contact-section-full.career-form .acceptance p {
	color: #fff;
}

.contact .acceptance p input[type=checkbox] {
	margin-bottom: -2px;
	margin-right: 10px;
	width: auto;
	margin-top: 0px;


}


.contact .acceptance p input[type='checkbox'] {
	/* remove browser chrome */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
	/*add styling */
	position: relative;
	width: 10px;
	height: 10px;
	border: 1px solid var(--bk);
	overflow: hidden;
	border-radius: 3px;
	/*   box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.6); */
	cursor: pointer;
	padding: 10px;
}
.contact .acceptance p input[type='checkbox']::before {
	content: '';
	color: #fff;
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	background-color: transparent;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 2px;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform 0.25s ease-in-out;
	transition: -webkit-transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out;
	transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
	/* base64 encoded to make things easier to show 
	normally you would use an image or a font
	*/
	background-image: url("data:image/svg+xml;base64,PCEtLSBHZW5lcmF0ZWQgYnkgSWNvTW9vbi5pbyAtLT4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjQ0OCIgaGVpZ2h0PSI0NDgiIHZpZXdCb3g9IjAgMCA0NDggNDQ4Ij4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZD0iTTQxNy43NSAxNDEuNWMwIDYuMjUtMi41IDEyLjUtNyAxN2wtMjE1IDIxNWMtNC41IDQuNS0xMC43NSA3LTE3IDdzLTEyLjUtMi41LTE3LTdsLTEyNC41LTEyNC41Yy00LjUtNC41LTctMTAuNzUtNy0xN3MyLjUtMTIuNSA3LTE3bDM0LTM0YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsNzMuNSA3My43NSAxNjQtMTY0LjI1YzQuNS00LjUgMTAuNzUtNyAxNy03czEyLjUgMi41IDE3IDdsMzQgMzRjNC41IDQuNSA3IDEwLjc1IDcgMTd6Ij48L3BhdGg+Cjwvc3ZnPgo=");
}

.contact .acceptance p input[type='checkbox']:checked::before {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.contact .acceptance p a {
	/* 	margin-left: 5px; */

}

.contact .acceptance p a {
	text-decoration: underline;
	color: inherit;
}
.contact .acceptance p a:hover {
	opacity: 0.6;
}

.wpcf7-spinner {
	display: none !important;
}

.contact .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contact .submit-btn {
	padding-top: 0px;
	position: relative;
	/* 	margin-top: 20px; */
}
.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;
	align-items: center;
	justify-content: space-between;
}


.custom-file-upload {
	background-color: #ffffff;
	border-radius: 2px;
	padding: 15px 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;

}

.custom-file-upload p {
	width: 100%;
}

.file-upload-label {
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	position: relative;
	justify-content: center;
}

.upload-text {
	color: rgba(29, 37, 45, 0.70);
	font-size: 16px;
	font-family: "Urbanist", sans-serif;
	font-weight: 400;
}

.upload-icon {
	font-size: 18px;
	/* 	position: absolute; */
	right: 0;
	margin-left: 10px;
}

.custom-file-input {
	opacity: 0;
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
}


#contact.yellow-accent .contact input[type=submit], #contact.yellow-accent .contact .submit-btn button {
	background-color: var(--yw) !important;
	color: var(--bk) !important;
}

#contact.yellow-accent .contact input[type=submit] span, #contact.yellow-accent .contact .submit-btn button span {
	color: var(--bk) !important;
	
	transition-duration: 0.5s;
}
#contact.yellow-accent .contact input[type=submit]:hover, #contact.yellow-accent .contact .submit-btn button:hover {
	background-color: var(--bk) !important;
	
}
#contact.yellow-accent .contact input[type=submit]:hover span, #contact.yellow-accent .contact .submit-btn button:hover span  {

	color: #fff !important;
}




#contact.purple-accent .contact input[type=submit], #contact.purple-accent .contact .submit-btn button {
	background-color: var(--pe) !important;
	color: var(--bk) !important;
}

#contact.purple-accent .contact input[type=submit] span, #contact.purple-accent .contact .submit-btn button span {
	color: var(--bk) !important;
	
	transition-duration: 0.5s;
}
#contact.purple-accent .contact input[type=submit]:hover, #contact.purple-accent .contact .submit-btn button:hover {
	background-color: var(--bk) !important;
	
}
#contact.purple-accent .contact input[type=submit]:hover span, #contact.purple-accent .contact .submit-btn button:hover span  {

	color: #fff !important;
}


#contact.pink-accent .contact input[type=submit], #contact.pink-accent .contact .submit-btn button {
	background-color: var(--pk) !important;
	color: var(--bk) !important;
}

#contact.pink-accent .contact input[type=submit] span, #contact.pink-accent .contact .submit-btn button span {
	color: #fff !important;
	
	transition-duration: 0.5s;
}
#contact.pink-accent .contact input[type=submit]:hover, #contact.pink-accent .contact .submit-btn button:hover {
	background-color: var(--bk) !important;
	
}
#contact.pink-accent .contact input[type=submit]:hover span, #contact.pink-accent .contact .submit-btn button:hover span  {

	color: #fff !important;
}

@media (max-width: 1550px) {
	.contact .acceptance p {
		flex-direction: column;
		align-items: flex-start;
	}
	.contact .acceptance p a {
		margin-left: 0px;
	}

	.page-id-48 .contact-section-full .heading .title > * {
		font-size: 42px;
	}
}

@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: flex-start;
		gap: 20px;
	}
}

@media (max-width: 1100px) {
	.contact-section-full-container {
		flex-direction: column;
		padding: 30px 20px;
	}
	.contact-section-full.hero-contact .contact-section-full-container {
		gap: 0px;
	}
	.contact-section-full.hero-contact .contact {
		padding: 40px 60px 40px;
	}
	.contact-section-full .heading .socials .social-icons {
		justify-content: center;
	}

	.contact-section-full.hero-contact .heading {
		padding: 50px 60px 40px;
	}

	.page-id-7428 .contact-section-full.hero-contact .heading .text {
		display: none; 
	}
	.contact-section-full.hero-contact .heading .tel {
		margin-top: 20px;
	}
	.contact-section-full .heading {
		/* 		text-align: left; */
		text-align: center;
	}

	.contact-section-full.hero-contact .heading {
		text-align: center;
	}

	.contact-section-full.hero-contact .underline::after {
		left: 50%;
		transform: translateX(-50%);
	}

	.contact-section-full .heading .title > * {
		font-size: 48px;
	}
	
	.page-id-3350 .contact-section-full.hero-contact .contact {
		padding-bottom: 50px;
	}

}

@media (max-width: 600px) {
	.contact-section-full.hero-contact .heading {
		padding: 50px 20px 40px;
	}

	.contact-section-full .contact .text {
		text-align: center;
	}
	.contact-section-full.hero-contact .breadcrumb {
		/* 		display: none; */
	}
	.contact-section-full.hero-contact .breadcrumb {
		top: 100px;
	}
	.contact-section-full.hero-contact .heading .title > * {
		font-size: 30px;
	}
	.contact-section-full.hero-contact.career-form .heading {
		text-align: left;
	}
	.contact-section-full.hero-contact.career-form .contact-section-full-container {
		padding: 30px 20px;
	}
	.contact-section-full.hero-contact.career-form {
		margin-bottom: 10px;
		padding: 30px 20px;
	}
	.contact-section-full.hero-contact.career-form .contact {
		padding: 20px 0 0;
	}
	.contact-section-full.hero-contact .contact {
		padding: 40px 20px 40px;
	}
	.contact-section-full {
		padding: 50px 20px;
	}

	.contact-section-full .heading .title > * {
		font-size: 36px;
	}


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

	.contact-section-full .heading .email a,
	.contact-section-full .heading .tel a {
		font-size: 20px;
	}

	.contact-section-full .heading .subtitle > * {
		font-size: 18px;
	}

}



@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-section-full .contact {
		padding: 0px 0px;
	}

	.contact textarea {
		height: 250px;
	}

	.page-id-220 .contact-section-full {
		margin-bottom: 30px;
	}

	.contact-section-full .heading .title > * {
		font-size: 26px;
	}

}

@media (max-width: 450px ){
	.contact input[type=submit], .contact .submit-btn button {
		width: 100%;
	}
}


/*** cta section ***/

.cta-container {
	padding: 60px 60px;
	box-sizing: border-box;
}

.cta-section {
	padding: 50px 60px;
	box-sizing: border-box;

	position: relative;
	z-index: 1;
}

.cta-section.no-top-padding {
	padding: 0px 60px 50px;
}

.cta-container {
	max-width: 1300px;
	margin: 0 auto;
	background-color: var(--pk);
	color: #fff;
	display: flex;
	overflow: hidden;
	position: relative;
	gap: 30px;
	border-radius: 10px;
}

.cta-container.linkedin-bg {
	background-color: var(--pe);
}

.cta-section .left-side {
	width: 100%;
	position: relative;
	z-index: 1;
}

.cta-section .left-side .title h2 span {
	color: var(--bk);
}
.cta-section .cta-container.black-bg .left-side .title h2 span {
	color: var(--be);
}

.cta-section .cta-container.blue-bg .left-side .text p {
	color: #000;
}

.cta-section .left-side .text h3 {
	font-size: 24px;
	margin-top: 10px;
	font-weight: 600;
}

.cta-section .left-side .text h5 {
	font-size: 18px;
	font-weight: 600;
	margin-top: 10px;
}
.cta-section .left-side .text p {
	color: #fff;
	font-size: 16px;
	padding-top: 10px;
}

.cta-section .left-side .text p a {
	color: var(--be);
}
.cta-section .left-side .text p a:hover {
	opacity: 0.7;
}
.cta-section .left-side .text p em {
	font-size: 16px;
	font-style: normal;
}
.cta-section .left-side .text p strong {
	color: var(--be);
	font-weight: 400;
}
.cta-section .right-side {
	/* 	width: 33.33%; */
	pointer-events: none;
}
.cta-section .right-side img {
	position: absolute;
	top: -30px;
	width: 50%;
	right: 0;
}
.cta-section .right-side img.linkedin-graphic {
	width: 33.33%;
	top: -100px;
	right: 70px;
}
@media (max-width: 750px) {
	.cta-section .right-side {
		display: none;
	}

	.cta-section .left-side {
		width: 100%;
	}
}

@media (max-width: 600px) {
	.cta-container {
		padding: 30px 30px;

	}


	.cta-section.no-top-padding {
		padding: 0px 20px 30px;
	}

	.cta-section .a-button a{

	}

	.cta-section {
		padding: 30px 20px;
	}


	.cta-section.mobile-no-top-padding {
		padding: 0px 20px 30px;
	}

}

/*** image text ***/

.image-text {

}

.image-text-container {
	display: flex;
}

.image-text.contained .image-text-container {
	max-width: 1300px;
	margin: 30px auto;
	padding: 0 60px;
}

/* Add extra top padding to the first */
.image-text.contained.first-contained {
	padding-top: 40px;
}

/* Add extra bottom padding to the last */
.image-text.contained.last-contained {
	padding-bottom:40px;
}

.image-text.flip .image-text-container {
	flex-direction: row-reverse;
}
.image-text .left {
	width: 55%;
	height: auto;
	/*  	height: clamp(300px, calc(300px + 300 * ((100vw - 650px) / 1320)), 650px); */
	min-height: clamp(300px, calc(300px + 300 * ((100vw - 650px) / 1320)), 650px); 
}

.image-text .left .image {
	position: relative;
	height: 100%;
	width: 100%;
}
.image-text .left .image 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;
	/* 	border-radius: 5px; */
}
.image-text .right {
	width: 45%;
	padding: clamp(30px, calc(30px + 70 * ((100vw - 600px) / 1320)), 100px)
		clamp(20px, calc(20px + 60 * ((100vw - 600px) / 1320)), 80px);

	max-width: 660px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 1;
	
	margin-right: 30px;
}

.image-text.flip .right {
	margin-left: 30px;
	margin-right: 0px;
}

.image-text .right .subtext > p {
	/* 	font-size: 28px; */
	font-size: 18px;
	font-weight: 600;
	color: var(--bk);
	padding-top: 10px;
}

.image-text .right .text.blue p a {
	color: var(--be);
}

.image-text .right .text.blue p a:hover {
	color: inherit;
}

.image-text .right .btn-main {
	font-size: 14px;
}

.image-text.contained .right {
	padding-right: 0px;
}

.image-text.contained .right .text p a {
	color: var(--pe);
}

.image-text.pink-accent .right .text p a {
	color: var(--pk);
}

.image-text.blue-accent .right .text p a {
	color: var(--be);
}

.image-text.purple-accent .right .text p a {
	color: var(--pe);
}

.image-text.yellow-accent .right .text p a {
	color: var(--yw);
}



.image-text.contained .right .text p a:hover {
	opacity: 0.7;
}
.image-text.contained.flip .right {
	padding-right: inherit;
	padding-left: 0px;
}
@media (max-width: 1550px) {
	.image-text .left {
		height: auto;

	}
}

@media (max-width: 700px) {
	.image-text-container {
		flex-direction: column;
	}
	.image-text.contained .right {
		padding: 20px 0;
	}
	.image-text .right .subtext > p {
		font-size: 22px;
	}
	.image-text.flip .image-text-container {
		flex-direction: column;
	}
	.image-text .left {
		height: 270px;
		width: 100%;
	}

	.image-text .right {
		width: 100%;
	}

	.image-text.contained .image-text-container {
		margin: 0 auto;
	}
	
	.image-text .right {
		margin-right: 0px;
		padding: 40px 50px;
	}

	.image-text.flip .right {
		margin-left: 0px;
		margin-right: 0px;
	}
}

@media (max-width: 600px) {
	.image-text.contained .image-text-container {

		padding: 0 20px;
	}
	
		.image-text .right,
	.image-text.flip .right {
		margin-right: 0px;
		padding: 30px 20px;
	}
}

/*** hero ***/

.hero {
	/* 	height: 400px; */
	background-color: var(--bk);
	color: #fff;
	display: flex;
	/* 		align-items: center; */
	position: relative;
	/* 	overflow: hidden; */


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

/* 	overflow: hidden; */
}

.page-id-546 .hero {
	overflow: visible;
}

.hero .tint {
	background-color: #000;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: '';
	position: absolute;
}

.hero .graphic-a {
	top: 110px;
	position: absolute;
	right: -0px;
	width: fit-content;
	height: 2297px; 
	z-index: 1;
	pointer-events: none;
	overflow: hidden;

	transition: transform 0.3s ease;
	will-change: transform;
	transform: translateY(0);
}

.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: 220px 50px 100px 30px;
	box-sizing: border-box;
	position: relative;
	max-width: 680px;
	margin-left: auto;
}

.hero.half .left {
	padding: 220px 50px 100px 60px;
	max-width: 710px;
}

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

.hero.full-width .left .title > * {
	text-align: center;
	display: block;
	margin-bottom: 10px;
}
.hero.full-width .left .subtitle {
	margin-top: 25px;
}
.hero.full-width .left .subtitle > * {
	color: var(--pk);
	font-size: 22px;
	font-weight: 500;
}
.hero .left .left-inner {
	/* 	max-width: 800px; */

	margin: 0 auto;

}

.hero .left .left-inner .text {
	max-width: 800px;
	margin: 0 auto;
}

.hero.half .left .left-inner .text {
	margin: 0;
}

.hero.half .left .left-inner .text h3 {
	margin-top: 20px;
}

.hero.half .left .left-inner {
	margin: 0;
	position: relative;
	z-index: 1;
}

.hero .left .left-inner .inner-container {
	padding: 20px 0 0px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
.hero .left .left-inner .inner-container .text p {
	font-size: 18px;

}

.hero.half .left .left-inner .inner-container .text p {
/* 	margin-top: 10px; */
}
.hero .left .left-inner .inner-container .text p strong {
	color: var(--be);
	font-weight: 400;
}
.hero.half .left .left-inner .inner-container {
	padding: 60px 0 30px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	min-height: 350px;
}

.hero .left .left-inner .inner-container .a-button {
	margin-top:30px;
}
/* .hero .left .left-inner .inner-container .a-button .btn-main:hover {
background-color: #fff;
color: var(--db);
} */


.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 .left .left-inner .inner-container .buttons {
	display: flex;
	gap: 15px;
	margin-top: 10px;
	flex-wrap: wrap;
}

.hero .left .left-inner .inner-container .buttons .a-button.transparent {

}

.hero .left .left-inner .inner-container .buttons .a-button.transparent a {
	border: 1px solid #fff;
	background-color: var(--db);
}


.hero .left .left-inner .inner-container .buttons .a-button.transparent a:hover {
	background-color: #fff;
	color: var(--db);
}

.hero .left .left-inner .inner-container .buttons .a-button a {
	width: fit-content;
	min-width: 220px;
	/* 	color: #fff; */
}
.hero .left .left-inner .inner-container .buttons .a-button a:hover {
	/* 	background-color: #fff;
	border: 1px solid #fff;
	color: var(--db); */
}
.hero .post-infos {
	display: flex;
	gap: 20px;
	margin-top: 20px;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.hero .post-infos .meta-info {

	width: 100%;
	display: flex;
	gap: 20px;
}
.hero .post-infos .text {
	display: flex;
	gap: 15px;
	align-items: center;
	color: #fff;
	font-size: 18px;
}

.hero .post-infos .text i {
	color: #fff;
	font-size: 22px;
}

.hero .right {
	width: 50%;
	position: relative;
	z-index: 1;
}
.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 .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: 110px;
	/* 	left: 80px; */
	max-width: 1420px;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	width: 100%;
	padding: 0 0px;
	box-sizing: border-box;
	max-width: 1360px;
	margin: 0 auto;
	/* 	width: fit-content; */
	/* 	left: 0; */
	padding-left: 30px;
}

.hero.half .breadcrumb {
	padding: 0 60px;
	transform: none;
	left: 0;
}

.hero .breadcrumb nav {
	display: block;
}

.hero .title > * {
	font-size: 68px;
	line-height: 70px;
	color: #fff;
}
.hero .subtitle {
	margin-top: 10px;
}
.hero .subtitle > * {
	font-size: 26px;
	font-weight: 600;
	color: var(--be);
}

.hero.pink-accent .subtitle > * {
	color: var(--pk);
}

.hero.purple-accent .subtitle > * {
	color: var(--pe);
}

.hero.half .title > * {
	font-size: 68px;
	line-height: normal;
}
.hero.half .subtitle > * {
	font-size: 40px;
}

.hero .points {
	display: flex;
	gap: 15px;
	/* 	color: var(--gn); */
	color: var(--lb);
	margin-top: 30px;
	flex-wrap: wrap;
}
.hero .points .point {
	display: flex;
	align-items: center;
	gap: 10px;
}
.hero .points span {
	display: block;
	width: 23px;
	height: 23px;
	border-radius: 100%;
	content: '';
	/* 	background-color: var(--gn); */
	background-color: var(--lb);
}
.hero .points p {
	padding-top: 0px;
	font-weight: 500;
	font-size: 20px;
}

.hero .cpt-btns {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-top: 30px;
	flex-wrap: wrap;
	/* 	display: none; */
}

.hero .cpt-btns .btns a {
	max-width: 200px;
	min-width: 200px;
}

.hero .cpt-btns .btns a.active {
	background-color: var(--lb);
	border: 1px solid var(--lb);
	color: #fff;
}


.hero .highlight {
	position: absolute;
	right: 50px;
	bottom: 30px;
	background-color: var(--pk);
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
	color: #fff;
	width: 330px;
	z-index: 2;
}

.hero .highlight:hover {
	color: var(--pk);
	background-color: #fff;
}

.hero .highlight:hover p {
	color: var(--pk);
}

.hero .highlight h3 {
	font-size: 14px;
	display: flex;
	justify-content: space-between;
	font-style: italic;
	margin-bottom: 5px;
}

.hero .highlight a {
	color: #fff;
	font-size: 18px;
}

.hero .highlight a:hover {
	opacity: 0.7;
}

.hero .highlight p {
	padding-top: 10px;
	font-weight: 500;
	color: #fff;
	transition: 0.5s;
	font-size: 18px;
}

@media (max-width: 1370px) {
	.hero.full-width .breadcrumb {
		left: 0px;
		transform: none;
		margin-left: 0px;
		max-width: 600px;

		width: calc(100% - 30px);
	}


	.hero.half .title > * {
		font-size: 50px;
	}
	.hero.half .subtitle > * {
		font-size: 30px;
	}

	.hero .highlight {
		width: 200px;
	}
}

@media (max-width: 1200px) {
	.hero .left {
		padding: 120px 30px;
	}
	.hero.half .breadcrumb {
		padding: 0 60px;
	}

	.hero.full-width .left {
		padding: 180px 30px 100px;
	}

	.hero .breadcrumb {
		left: 0px;
		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-reverse;
	}

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

	.hero.half .left .left-inner .inner-container {
		min-height: 0;
		align-items: center;
	}

	.hero .breadcrumb {
		/* 		display: none; */
	}

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

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

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

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

	.hero.half .left .left-inner .inner-container {
		padding: 0px
	}

	.hero .points {
		justify-content: center;
	}

	.hero.half .left {
		padding: 200px 60px 100px;
		justify-content: flex-start;
		/* 		text-align: left; */
		max-width: none;
	}

	.hero .left .left-inner .inner-container .buttons {
		justify-content: center;
		flex-wrap: wrap;
	}

	.single-post .hero .left {
		text-align: left;
		margin-left: 0;
	}

	.single-post .hero .post-infos {
		justify-content: flex-start;
	}

	.hero.retract-highlight {
		margin-bottom: 80px;
		overflow: visible;
	}

	.hero .highlight {
		width: 250px;
		position: absolute;
		display: block;
		left: 50%;
		transform: translateX(-50%);
		bottom: -120px;
		right: auto;
		/* 		margin: 20px 30px; */
		width: calc(100% - 120px);
		box-sizing: border-box;
		z-index: 1;
	}

	.hero .highlight:hover {
		background-color: var(--be);
		color: var(--bk);
	}
	.hero .highlight:hover p {
		color: var(--bk);
	}
	.hero .right img {
		z-index: 2;
	}
	/* 	.hero .has-highlight::before {
	position: absolute;
	left: -50%;

	bottom: -100%;
	background-color: #fff;
	content: '';
	width: 100%;
	height: calc(100% + 50px);
	z-index: 1;
}
	.hero .has-highlight::after {
	position: absolute;
	right: -50%;

	bottom: -100%;
	background-color: #fff;
	content: '';
	width: 100%;
	height: calc(100% + 50px);
	z-index: 1;
} */


}

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

	.hero .subtitle > * {
		font-size: 18px;
	}

	.hero .breadcrumb {
		left: 0px;
		padding-left: 20px;
	}

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


	.hero.half .title > * {
		font-size: 42px;
	}
	.hero.half .subtitle > * {
		font-size: 22px;
	}

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

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

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

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

	.hero .points p {
		font-size: 16px;
	}

	.hero.half .left {
		padding: 200px 20px 70px;
	}



	.hero .left .left-inner .inner-container .text p {
		font-size: 16px;
	}

	.hero .left .left-inner .inner-container .text p:first-of-type {
		padding-top: 10px;
	}

	.hero.half .breadcrumb {
		padding: 0 20px;
	}

	.hero.retract-highlight {
		margin-bottom: 120px;
	}

	.hero .highlight {
		width: calc(100% - 40px);
		bottom: -130px;
	}

}

@media (max-width: 600px) {
	.bread .crumb span[itemprop="name"] {
		display: inline-block;
		max-width: 30px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		vertical-align: middle;
	}

	.bread .crumb:first-child span[itemprop="name"],
	.bread .crumb:last-child span[itemprop="name"] {
		max-width: none; /* Show full text for first and last crumbs */
	}

	.bread .arrow {
		display: inline-block;
		margin: 0 4px;
	}
	
	.hero .graphic-a {
		width: 1000px;
	}
}


/*** slider - post slider ***/


.post-slider {
	padding:60px 0 60px 0px;
	box-sizing: border-box;
	color: #fff;
	background-color: var(--bk);
	overflow: hidden;
}
.post-slider.always-no-slider {
	padding:60px 60px 60px 60px;
}
.post-slider-container {
	z-index: 2;
	position: relative;
}
.post-slider.white-bg {
	color: #0F0F0F;
	background-color: #fff;
}
.post-slider.no-slider {
	/* 	padding: 70px 30px; */
}
.post-slider .heading {
	max-width: 1300px;
	margin: 0 auto 30px;
	display: flex;
	padding: 0 90px 0 90px;
	/* 	box-sizing: border-box; */
	justify-content: space-between;

	gap: 20px;
}

.post-slider .heading .title > * {
	color: #fff;
}
.post-slider.white-bg .heading .title > *,
.post-slider.grey-bg .heading .title > * {
	color: var(--bk);
}
.post-slider .heading-left {
	max-width: 950px;
	margin-right: 30px;
}

.post-slider .heading-left .text > * {
	color: var(--lb);
	font-size: 16px;
	font-weight: 400;
}
.post-slider .heading-left .text strong {
	font-size: 20px;
	font-weight: 400;
}
.post-slider .heading-right {
	display: flex;
	padding-right: 20px;
}

.post-slider.always-no-slider .heading-right {
	display: none;
}
.post-slider .heading .arrows {
	display: flex;
	gap: 20px;
	margin-top: auto;
}
.post-slider.no-slider .heading .arrows {
	display: none;
}
.post-slider .heading .arrows i {
	font-size: 30px;
	cursor: pointer;
	transition: 0.5s;
}

.post-slider.grey-bg .heading .arrows i {
	color: var(--bk);
}
.post-slider .heading .arrows i:hover {
	cursor: pointer;
	color: var(--be);
}
.post-slider .items-container {
	margin-top: 30px;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.post-slider.always-no-slider .items-container {
	padding: 0 0px;
	box-sizing: border-box;
}
.post-slider.no-slider .items-container {
	max-width: 1300px;
}
.post-slider .items-container .items {
	display: flex;
	gap: 15px; /* Adjust spacing between slides */
	position: relative;
	margin-right: calc(-50vw + 50%); /* Push the slider to overflow on the right */
	width: calc(100% + 50vw - 50%); /* Extend the slider width to go beyond the container */
	margin-left: -10px;
}

.post-slider.three-item .items-container .items {
	margin-left: -20px;
}

.post-slider.always-no-slider .items-container .items {
	margin-right: 0px;
	width: auto;
	margin-left: 0px;
}
.post-slider.no-slider .items-container .items {
	margin-right: 0px;
	width: auto;
}
.post-slider .items-container .items .item {
	flex: 1 1 calc(50% - 15px); /* 50% width minus gap */
	background-color: transparent; /* Adjust slide background */
	color: #fff;
	/* 		padding: 20px; */
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	margin: 0 15px;
	opacity: 0.5;
	transition: 0.5s;
	display: block;

}
.post-slider .slick-track,
.post-slider .slick-list
{
	transition-delay: 10ms;
}

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

.post-slider.always-no-slider .items-container .items .item {
	opacity: 1;
	margin: 0px;
	max-width: calc(50% - 15px);
}

.post-slider.no-slider .items-container .items .item {
	opacity: 1;
}

.post-slider.three-item .items-container .items .item {
	margin: 0 20px;
}

.post-slider .items-container .items .item.slick-active {
	opacity: 1;
}
.post-slider .items-container .items .item.image-only img {
	height: 525px;
}

.post-slider.three-item .items-container .items .item.image-only img,
.post-slider.three-item .items-container .items .item.image-only video {
	height: 300px !important;
	object-fit: cover;
	width: 100%;
	min-height: 300px;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
	
	display:block !important;

}
.post-slider.white-bg .items-container .items .item {
	color: var(--bk);
}
.post-slider.white-bg .items-container .items .item p  {
	color: var(--bk);
}

.post-slider .items-container .items .item .member-info {
	margin-top: -15px;
}
.post-slider .items-container .items .item .member-info .subtitle {
	color: var(--be);
	font-size: 22px;
	font-weight: 500;
}

.post-slider .items-container .items .item .member-info p {
	padding-top: 10px;
}

/* .post-slider .items-container .items .item .post-content.sector-item {
display: flex;
flex-direction: row;
align-items: flex-start;
}
.post-slider .items-container .items .item .post-content.sector-item .left {
min-width: 200px;
padding-right: 50px;
}

.post-slider .items-container .items .item .post-content.sector-item .right p:first-of-type {
padding-top: 0px;
}

.post-slider .items-container .items .item .post-content.sector-item .right a {
font-size: 16px;
color: var(--be);
display: block;
margin-top: 20px;
} */

.post-slider .items-container .items .item .post-content {
	/* 		margin-top: 15px; */
	/* 	height: 100%; */
	display: flex;
	justify-content: space-between;
	/* 	padding-right: 20px; */
	padding: 20px 0px;
	/* 	align-items: center; */
	gap: 15px;
}

.post-slider.three-item.no-slider .items-container .items .item .post-content {
	height: auto;
}
.post-slider .items-container .items .item .post-content.sector-item {
	/* 	margin-top: 15px; */
}

.post-slider.three-item .items-container .items .item .post-content {
	gap: 10px;
}

.post-slider.three-item .items-container .items .item .post-content {
	flex-direction: column;
}

.post-slider .items-container .items .item .text p {
	padding-top: 0px;
}

.post-slider .items-container .items .item.is-post .post-content {
	align-items: flex-start;
}

.post-slider .items-container .items .item.is-post .text p:first-of-type {
	padding-top: 0px;
}

.post-slider .items-container .items .item.image-only .post-content {
	flex-direction: column;
	align-items: flex-start;
}

.post-slider .items-container .items .item .text {
	margin-bottom: 15px;
}
.post-slider .items-container .items .item .post-content .right a {
	color: var(--be);
	font-size: 14px;
	display: block;

}

.post-slider.purple-accent .items-container .items .item .post-content .right a {
	color: var(--pe);
}

.post-slider.white-bg .items-container .items .item .post-content .right a {
	color: var(--pe);
}
.post-slider.white-bg .items-container .items .item .post-content .right a i {
	margin-left: 5px;
}

.post-slider.pink-accent .items-container .items .item .post-content .right a {
	color: var(--pk);
}
.post-slider .items-container .items .item .post-content .right a:hover {
	opacity: 0.6;
}

.post-slider .items-container .items .item.is-post .post-content .right a {
	display: block;
	margin-top: 15px;
	color: var(--be);
}

.post-slider .items-container .items .item.is-post .post-content .right a:hover {
	color: var(--pe);
}

.post-slider .items-container .items .item .post-content .right.member-name a {
	color: var(--bk);
}

.post-slider .items-container .items .item .post-content .right.member-name a:hover {
	color: var(--be);
}
.post-slider .items-container .items .item .post-content p {
	color: #fff;
}


.post-slider.white-bg .items-container .items .item .post-content p,
.post-slider.grey-bg .items-container .items .item .post-content p {
	color: var(--bk);
}
.post-slider .items-container .items .item .post-content p:first-of-type {
	/* 	padding-top: 10px; */
}

.post-slider .items-container .items .item .post-content a {
	font-size: 26px;
	font-weight: 500;
	color: inherit;
}
.post-slider .items-container .items .item .post-content a:hover {
	opacity: 0.7;
}

.post-slider .items-container .items .item.image-only .post-content a {
	color: var(--be);
	font-size: 16px;
	
	display: flex;
	align-items: center;
	gap: 10px;
}

.post-slider .items-container .items .item.image-only .post-content p a {
	display: inline-block;
}

.post-slider .items-container .items .item .post-content .left {
	min-width:30%;
}

.post-slider .items-container .items .item.is-post .post-content a {
	padding-right: 20px;
}

.post-slider.blue-accent .items-container .items .item .post-content .text a {
	color: var(--be);
	font-size: inherit;
}

.post-slider.no-slider .items-container .items .item .post-content {
	padding: 20px 20px 0 0;
}
.post-slider .items-container .items .item .a-button {
	margin-top: auto;
	padding-top: 20px;
}
.post-slider.orange-accent .items-container .items .item .a-button a:hover {
	background-color: #FF6B02;
	border: 1px solid #0F0F0F;
	color: #0F0F0F;
}
.post-slider .items-container .items .item .a-button a:hover {
	background-color: #07E705;
	border: 1px solid #07E705;
	color: #0F0F0F;
}
.post-slider .items-container .items .item .post-content .item-title h3 {
	font-size: 26px;
	color: #FFFFFF;

	font-weight: 500;
}

.post-slider .items-container .items .item .post-content .item-title h3 {
	color: var(--be);
}
.post-slider.white-bg .items-container .items .item .post-content .item-title h3 {
	color: var(--bk);
}
.post-slider.white-bg .items-container .items .item .post-content .item-title a,
.post-slider.grey-bg .items-container .items .item .post-content .item-title a {
	color: #0F0F0F;
}
.post-slider.white-bg .items-container .items .item .post-content .item-title a:hover,
.post-slider.grey-bg .items-container .items .item .post-content .item-title a:hover{
	color: var(--pe);
}
.post-slider .slick-list{
	padding:0 20% 0 0 !important;
	overflow: visible;
	max-width: 1300px;
}
.post-slider.white-bg .items-container .items .item .a-button a {
	color: #0F0F0F;
	border: 1px solid #0F0F0F;
}
.post-slider.white-bg .items-container .items .item .a-button a:hover {
	background-color: #0F0F0F;
	color: #fff;
}
.post-slider .items-container .items .item img {
	width: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	max-height: 450px;
	border-radius: 5px;
	position: relative;
	min-height: 450px;
}

.post-slider.three-item .items-container .items .item img {
	height: 300px;
	max-height: 300px;
	min-height: 300px;
}
.post-slider .items-container .items .item .post-thumbnail {
	position: relative;
	/* 	overflow: hidden; */
	border-radius: 10px;
	/* 	margin-bottom: 10px; */
}
.post-slider .items-container .items .item .post-thumbnail a {
	position: relative;
	display: block !important;
}
.post-slider .items-container .items .item .post-thumbnail .hover {
	transition: 0.5s;
	opacity: 0;
	position: absolute;
	background-color: rgba(42, 210, 201, 0.8);
	content:'Learn more';
	font-family: "Urbanist", sans-serif;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 32px;
	color: #fff;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transition: 0.5s;
	opacity: 0;
	border-radius: 5px;
	left: 0;
	top: 0;
	flex-direction: column;
}
.post-slider .items-container .items .item .post-thumbnail:hover .hover {


	opacity: 1;
}
.post-slider .items-container .items .item .post-thumbnail .hover .logo img {
	width: 150px;
	object-fit: contain;
	min-height: 0px;
	max-height: none;
	height: auto;
}


.post-slider .items-container .items .item.image-only .post-thumbnail .hover{
	display: none;
}
.post-slider .items-container .items .item .member-name-mobile {
	display: none;
}



@media (max-width: 1300px) {
	.post-slider .slick-list {
		max-width: none;
		overflow: hidden;
	}
	.post-slider .items-container .items {
		margin-left: 40px;
	}

	.post-slider.always-no-slider .items-container .items {
		margin-left: 0px;
	}

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

	.post-slider.always-no-slider .heading {
		padding: 0 0px 0 0px;
	}
}
@media (max-width: 1000px) {
	.post-slider .items-container .items {
		margin-left: 55px;
	}
	
	.post-slider.three-item .items-container .items {
		margin-left: 50px;
	}

	.post-slider .items-container .items .item {
		margin: 0 10px;
	}
	.post-slider .items-container {
		margin-left: -10px;
	}

	.post-slider.always-no-slider .items-container {
		margin-left: 0px;
	}
	.post-slider .items-container .items .item .post-content .item-title a {
		font-size: 28px;
	}
	.post-slider.no-slider .items-container .items .item {
		height: 100%;
	}
	.post-slider.no-slider .slick-track {
		height: 100%;
	}
	.post-slider.no-slider {
		padding: 50px 0px 50px 0px;
	}

	.post-slider.no-slider.three-item {
		padding: 50px 0px 50px 0px;
	}

	.post-slider.no-slider .heading .arrows {
		display: flex;
	}
	.post-slider.no-slider .heading-right {
		margin-top: 0px;
	}

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

@media (max-width: 768px) {

	.post-slider .item.is-video .post-thumbnail {
		position: relative;
	}
	
	.post-slider .item.is-video .post-thumbnail {
		
	}

	.post-slider .item.is-video .post-thumbnail::after {
		content: "\f04b";
		font-family: "Font Awesome 6 Pro";
		font-weight: 900;
		font-size: 48px;
		color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		pointer-events: none;
		background-color: rgba(0,0,0, 0.4);
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 10px;
	}
}

@media (max-width: 750px) {
	.post-slider .items-container .items .item .post-content.sector-item {
		flex-direction: column;
	}
	.post-slider .items-container .items .item .post-content.sector-item .right {
		margin-top: 0px;
	}

	.post-slider .items-container .items .item .post-thumbnail .hover {
		font-size: 26px;
	}
	
	.post-slider.always-no-slider .items-container .items {
		display: block;
	}
	
	.post-slider.always-no-slider .items-container .items .item {
		margin-bottom: 20px;
	}
}

@media (max-width: 750px) {
	.post-slider.always-no-slider .items-container .items .item {
		max-width: 100%;
	}
}
@media (max-width: 600px) {
	.post-slider .heading {
		/* 		flex-direction: column; */
		align-items: flex-end;
	}
	.post-slider .heading-right {
		justify-content: flex-end;
		margin-top: 0px;
	}

	.post-slider .heading-left .text {
		margin-bottom: 20px;
	}
	.post-slider .heading-left {
		margin-right: 0px;
	}
	.post-slider {
		padding: 40px 0 40px 20px;
	}
	.post-slider .items-container .items .item .post-content .item-title a {
		font-size: 22px;
	}
	.post-slider .items-container .items .item .post-content {
		padding-right: 0px;
		padding: 10px 0 0;
		gap: 10px;
	}
	.post-slider.no-slider .items-container .items .item img {
		height: 240px;
	}
	.post-slider.no-slider .items-container .items .item .a-button a {
		min-width: 0px;
		width: 270px;
	}
	.post-slider.no-slider {
		padding: 30px 0 40px 20px;
	}

	.post-slider.no-slider.three-item {
		padding:  40px 0 40px 30px;
	}
	.post-slider .heading {
		padding: 0 20px 0 0px;
	}
	.post-slider .items-container .items .item.image-only img {
		height: 275px;
	}

	.post-slider .slick-list {
		padding: 0 10% 0 0 !important
	}
	.post-slider .items-container .items .item .a-button a {
		width: 280px;
		min-width: 280px;
	}

	.post-slider .items-container .items,
	.post-slider.three-item .items-container .items {
		margin-left: 0px;
		display: block;
	}

	.post-slider .items-container .items .item img  {
		height: 280px;
		min-height: 280px;
		max-height: 280px;
	}

	.post-slider .heading .arrows i {
		font-size: 25px;
	}

	.post-slider.three-item .items-container .items .item {
		margin: 0 15px;
	}

	.post-slider .items-container .items .item .member-info {
		margin-top: 5px;
	}

	.post-slider .items-container .items .item .member-name {
		display: none;
	}

	.post-slider .items-container .items .item .member-name-mobile {
		display: block;
		margin-top: 10px;
		color: var(--bk);
	}
	.post-slider .items-container .items .item .member-name-mobile:hover {
		color: var(--be);
	}

	.post-slider .items-container .items .item .post-thumbnail .hover .logo img {
		width: 120px;
	}

	.post-slider.three-item .items-container .items .item.image-only img, .post-slider.three-item .items-container .items .item.image-only video {
		height: 250px;
		min-height: 250px;
	}

	.post-slider .items-container .items .item .post-content .item-title h3 {
		font-size: 22px;
	}
	.post-slider .items-container .items .item .post-content p {
		font-size: 16px !important;
	}

	.post-slider.always-no-slider {
		padding: 40px 20px;
	}

	/* 	.post-slider .slick-slide,
	.post-slider .slick-cloned {
	font-size: 16px !important;
	visibility: visible !important;
	opacity: 1 !important;
	transform: none !important;
} */

	.post-slider .slick-slide {
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translateZ(0);
		backface-visibility: hidden;
		perspective: 1000;
	}
	.post-slider .slick-cloned .item-title a,
	.post-slider .slick-cloned .text p,
	.post-slider .slick-cloned .post-content a {
		font-size: inherit !important;
		line-height: inherit !important;
		transform: none !important;
		opacity: 1 !important;
	}
	.post-slider .slick-cloned .item-title a {
		font-size: 22px !important; /* Match your mobile size exactly */
		font-weight: 500;
		line-height: 1.3;
		transform: none !important;
		opacity: 1 !important;
	}
}

/*** title left links right ***/

#section-9.title-left-links-right .left .title::after {
	width: 222px;
}

.title-left-links-right {
	padding: 60px 50px;
	box-sizing: border-box;
	z-index: 2;

}

.title-left-links-right.is-post {
	padding: 0 0px;
}

.title-left-links-right.black-bg {
	background-color: #0F0F0F;
}

.title-left-links-right-container {
	max-width: 1300px;
	margin: 0 auto;
	display: flex;

	position: relative;
	z-index: 1;
}

.title-left-links-right.is-post .title-left-links-right-container{
	max-width: none;
}
.title-left-links-right.flip .title-left-links-right-container {
	flex-direction: row-reverse;
}
.title-left-links-right .left {
	width: 50%;
	/* 	text-align: right; */
	padding-right: 40px;
	/* 	box-sizing: border-box; */
}

.title-left-links-right .left .video,
.title-left-links-right .left .video video {
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.title-left-links-right.is-post .left {
	width: 55%;
	min-height: 620px;
}

.title-left-links-right.is-post.flip .left {
	padding-right: 0px;
	padding-left: 40px;
}

.title-left-links-right.is-post .left .image {
	position: relative;
	height: 100%;
	width: 100%;
}

.title-left-links-right.is-post .left .image 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;
}
.title-left-links-right .left .title > * {
	font-size: 40px;
	color: #fff;
	font-weight: 600;
}

.title-left-links-right .left .a-button {
	/* 	margin-top: 50px;
	display: block; */
}

.title-left-links-right .left .a-button .btn-main:hover {
	background-color: #fff;
	color: var(--bk);
}
.title-left-links-right.black-bg .left .title > * {
	color: #fff;
}

.title-left-links-right .left .text p:first-of-type {
	padding-top: 0px;
}

.title-left-links-right .right {
	width: 50%;
	margin-right: 30px;
}

.title-left-links-right.flip .right {
	margin-left: 30px;
}

.title-left-links-right .right .title {
	margin-bottom: 20px;
}
.title-left-links-right.is-post .right {
	width: 45%;
}
.title-left-links-right.is-post .right {
	width: 45%;
	padding: clamp(20px, calc(30px + 70 * ((100vw - 600px) / 1320)), 100px) clamp(20px, calc(30px + 50 * ((100vw - 600px) / 1320)), 30px);

	max-width: 660px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.title-left-links-right.is-post .right .title {
	/* 	padding: 0 20px; */
	box-sizing: border-box;
}

.title-left-links-right.is-post .right .title h2 {
	color: var(--be);
		transition: 0.5s;
}
.title-left-links-right.is-post .right .item {

}
.title-left-links-right.is-post .right .item:hover .title h2 {
	color: var(--bk);
}
.title-left-links-right.is-post .right .title > * a {
/* 	color: #1D252D; */
	color: var(--be);
}
.title-left-links-right.is-post .right .title > * a:hover {
	color: var(--be);
}
.title-left-links-right.black-bg .right .text {
	color: #fff;
}

.title-left-links-right .right .items {
	text-align: left;
	/* 	margin-top: 20px; */
}

.title-left-links-right .right .items .item {
	display: flex;
	margin-bottom: 20px;
}

.title-left-links-right .right .items .item .right-text .title {
	margin-bottom: 5px;
}

.title-left-links-right .right .items .item .image {
	min-width: 70px;
	margin-right: 25px;
}

.title-left-links-right .right .items .item .image img {
	background-color: #0F0F0F;
	padding: 18px 18px;
	box-sizing: border-box;
	border-radius: 5px;
}

.title-left-links-right .right .items .item .right-text h3 {
	font-size: 28px;
}

.title-left-links-right .right .text h3 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 10px;
}

.title-left-links-right.green-accent .right .text h3 {
	color: #07E705;
}

.title-left-links-right.orange-accent .right .text h3 {
	color: #FF6B02;
}

.title-left-links-right .right .text h3:first-of-type {
	margin-top: 0px;
}

.title-left-links-right .right .text h3 {
	margin-top: 15px;
}

.title-left-links-right .right .text ul {
	list-style-type: none;
	padding-left: 40px;
}

.title-left-links-right .right .text ul:first-of-type {
	margin-top: 0px;
	margin-bottom: 40px;
}

.title-left-links-right .right .text ul li {
	position: relative;
	font-size: 20px;
	margin-bottom: 15px;
}

.title-left-links-right .right .text ul li::before {
	content: "";
	font-weight: bold;
	display: block;
	min-width: 20px;
	position: relative;
	left: -35px;
	background-size: 100%;
	height: 22px;
	background-image: url(img/green_arrow.svg);
	width: 20px;
	position: absolute;
	top: 11px;
}

.title-left-links-right.orange-accent .right .text ul li::before {
	background-image: url(img/orange_arrow.svg);
}

.title-left-links-right .right .text p {
	padding-top: 0px;
	padding-bottom: 10px;
}

.title-left-links-right .right .text p iframe {
	width: 100%;
	margin-top: 20px;
}

.title-left-links-right .left .title {
	margin-bottom: 0px;
	position: relative;
}

.title-left-links-right .right .a-button {
	display: block;
	width: 100%;
}

.title-left-links-right .right .a-button .btn-main-big {
	box-sizing: border-box;
	font-size: 28px;
	font-weight: 600;
	color: #fff;
	width: 100%;
	padding: 20px 15px;
	display: block;
	border: 2px solid transparent;
	border-radius: 5px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border: 2px solid #fff;
	background-color: transparent;

}
.title-left-links-right.white-bg .right .a-button .btn-main-big {
	color: var(--bk);
}
.title-left-links-right.white-bg .right .a-button .btn-main-big div {
	display: flex;
	gap: 20px;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 0px;

}
.title-left-links-right.is-post .right .a-button .btn-main-big {
	font-size: 22px;
	border: 2px solid var(--be);
	flex-wrap: wrap;
}
.title-left-links-right.is-post .right .a-button .btn-main-big p {
	display: block;
	width: 100%;
	font-size: 16px;
	padding-top: 0px;
	font-weight: 400;
	padding-right: 25px;
}

.title-left-links-right .right .a-button .btn-main-big:hover {



}

.title-left-links-right.white-bg .right .a-button .btn-main-big:hover {
	border: 2px solid var(--be);
}

.title-left-links-right .right .a-button .btn-main-big i {
	/* opacity: 0; */
	transition: 0.5s;
}

.title-left-links-right.is-post .right .a-button .btn-main-big i {
	opacity: 1;
	font-size: 26px;
	font-weight: 300;
}

.title-left-links-right .right .a-button .btn-main-big:hover i {
	/* 	opacity: 1; */

}

.title-left-links-right .right .a-button .btn-main-big:focus {
	background-color: #fff;
	color: var(--bk);
}

.title-left-links-right .right .items .item .a-button {
	margin-top: 0px;
}

@media (max-width: 1100px) {

	.title-left-links-right.is-post .left {
		width: 50%;
		padding-right: 0px;
	}
	.title-left-links-right.is-post .right {
		width: 50%;
	}
}
/* Responsive styles */
@media (max-width: 850px) {
	.title-left-links-right-container,
	.title-left-links-right.flip .title-left-links-right-container {
		flex-direction: column;
	}

	.title-left-links-right .left .title > * {
		font-size: 30px;
	}

	.title-left-links-right .left {
		text-align: left;
		width: 100%;
		padding-right: 0px;
	}

	.title-left-links-right.is-post.flip .left {
		padding-left: 0px;
	}

	.title-left-links-right .left .text {
		margin-top: 10px;
	}

	.title-left-links-right .right {
		width: 100%;
		text-align: left;
		margin-top: 20px;
		margin-right: 0px;
		margin-left: 0px;
	}

	.title-left-links-right .left .title::after {
		width: 250px;
	}

	.title-left-links-right .right .text h3 {
		font-size: 20px;
	}

	.title-left-links-right .right .btn-main {
		margin: 20px 0 0;
	}

	.title-left-links-right .right .a-button .btn-main-big {
		font-size: 22px;
		padding: 15px 15px;
	}

	.title-left-links-right.is-post .right {
		width: 100%;
		max-width: 100%;
		margin-top: 0px;
	}

	.title-left-links-right .right,
	.title-left-links-right.is-post .right {
		width: calc(100% - 60px);
		margin: 0 auto;
	}

	.title-left-links-right.is-post .left {
		height: 500px;
		min-height: 0px;
		width: 100%;
	}

	.title-left-links-right .right .items .item {
		margin-bottom: 0px;
	}

	.title-left-links-right .right {
		margin-top: 20px;
	}
}

@media (max-width: 600px) {
	.title-left-links-right {
		padding: 50px 20px;
	}
	.title-left-links-right .right,
	.title-left-links-right.is-post .right {
		width: 100%;
	}

	.title-left-links-right .right {
		margin-top: 20px;
	}
	.title-left-links-right .right .items {
		margin-top: 0px;
	}

	.title-left-links-right .right .items .item .right-text .title {
		margin-bottom: 10px;
	}

	.title-left-links-right .right .items .item .right-text .title h3 {
		font-size: 22px;
	}

	.title-left-links-right .right .items .item {
		margin-bottom: 0px;
	}

	.title-left-links-right .right .items .item .image {
		margin-right: 20px;
	}

	.title-left-links-right .right .text ul li {
		font-size: 16px;
	}

	.title-left-links-right .right .text ul:first-of-type {
		margin-top: -20px;
	}

	.title-left-links-right .right .a-button .btn-main-big {
		border: 2px solid #fff;
	}

	.title-left-links-right .right .a-button .btn-main-big i {
		opacity: 1;
	}

	.title-left-links-right.is-post .left {
		height: 290px;

	}
	.title-left-links-right.white-bg .right .a-button .btn-main-big {
		border: 2px solid var(--be);
		gap: 0px;

	}
	.title-left-links-right.white-bg .right .a-button .btn-main-big:hover {

		background-color: var(--be);
	}
	.title-left-links-right.is-post .right .title {
		padding: 0;
		margin-bottom: 0px;
	}
	.title-left-links-right.is-post .right .a-button .btn-main-big p {
		padding-top: 10px;
	}
}


/*** title left text right ***/



.title-left-text-right {
	padding: 80px 60px;
	box-sizing: border-box;
	z-index: 2;
	position: relative;
}

.title-left-text-right.no-bottom-padding {
	padding: 80px 60px 30px;
}

.title-left-text-right.black-bg {
	background-color: #0F0F0F;
}

.title-left-text-right-container {
	max-width: 1300px;
	margin: 0 auto;
	display: flex;
}

.half .title-left-text-right-container {
	flex-direction: column;
}

.title-left-text-right .graphic-e {
	top: 230px;
	position: absolute;
	left: -200px;
	width: 1065px;
	height: 1079px;
	z-index: 1;
	pointer-events: none;
	overflow: hidden;

	transition: transform 0.3s ease, opacity 0.3s ease;
	will-change: transform;
}
.title-left-text-right	.graphic-e img {
	pointer-events: none;
	height: auto;
	display: block;
	width: 100%;
}







.title-left-text-right .left {
	width: 50%;
	/* 	text-align: right; */
	padding-right: 120px;
	box-sizing: border-box;
}



.title-left-text-right .left .title > * {
	/* 	font-size: 36px; */
	font-weight: 600;
}

.title-left-text-right .left .title span {
	color: var(--pe);
}

.title-left-text-right.pink-bg .left .title span {
	color: #fff;
}

.title-left-text-right.yellow-bg .left .title span {
	color: #fff;
}

.title-left-text-right.pink-accent-left .left .title span {
	color: var(--pk);
}
.title-left-text-right.blue-accent-left .left .title span {
	color: var(--be);
}
.title-left-text-right.blue-bg .left .title span {
	color: #fff;
}

.title-left-text-right.black-bg .left .title > * {
	color: #fff;
}

.title-left-text-right .left .text p:first-of-type {
	padding-top: 0px;
}

.title-left-text-right.blue-accent-left .left .text p a {
	color: var(--be);
}
.title-left-text-right.blue-accent-left .left .text p a:hover {
	opacity: 0.7;
}

.title-left-text-right.yellow-bg .left .text p a {
	color: #fff;
}

.title-left-text-right.yellow-bg .left .text p a:hover {
	opacity: 0.7;
}

.title-left-text-right.blue-bg .left .text p a {
	color: var(--yw);
}
.title-left-text-right.blue-bg .left .text p a:hover {
	color: var(--pe);
}

.title-left-text-right .right {
	width: 50%;
}

.title-left-text-right.half .right {
	width: 100%;
	margin-top: 30px;
}
.title-left-text-right.half .right .text {
	display: flex;
	flex-wrap: wrap;
	gap: 20px 50px;
}

.title-left-text-right.half .right .text .item {
	flex: 1 1 calc(50% - 50px);
	
/* 	padding-left: 50px; */
}
.title-left-text-right .right .right-logos {
	display: flex;
	gap: 20px;
}

.title-left-text-right.bullet-titles .right {
	padding-left: 45px;
	box-sizing: border-box;
}

.title-left-text-right.black-bg .right .text {
	color: #fff;
}

.title-left-text-right .right .items {
	text-align: left;
	margin-top: 10px;
}

.title-left-text-right .right .items .item {
	display: flex;
	margin-bottom: 20px;
}
.title-left-text-right .right .items .item .right-text .title {
	margin-bottom: 5px;
}

.title-left-text-right .right .items .item .image {
	min-width: 70px;
	margin-right: 25px;
}

.title-left-text-right .right .items .item .image img {
	background-color: #0F0F0F;
	padding: 18px 18px;
	box-sizing: border-box;
	border-radius: 5px;
}

.title-left-text-right .right .items .item .right-text h3 {
	font-size: 28px;
}

.title-left-text-right .right .text h3 {
	font-size: 28px;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 10px;

	position: relative;
}

.title-left-text-right.pink-bg .right .text h3 {
	color: #fff;
}

.title-left-text-right .right .text h3 a {
	color: var(--be);
}

.title-left-text-right .right .text h3 a:hover {
	opacity: 0.7;
}

.title-left-text-right.blue-bg .right .text h3 {
	color: #fff;
}

.title-left-text-right.blue-bg .right .text h3 a {
	color: var(--pe);
}

.title-left-text-right.blue-bg .right .text h3 a:hover {
	color: var(--bk);
}

.title-left-text-right.bullet-titles .right .text h3::before {
	position: absolute;
	left: -45px;
	top: 5px;
	width: 23px;
	height: 23px;
	border-radius: 100%;
	border: 2px solid #fff;
	content: '';
}


.title-left-text-right .right .text h3:first-of-type {
	margin-top: 0px;
}

.title-left-text-right .right .text h3 {
	margin-top: 35px;
}

.title-left-text-right.yellow-bg .right .text h3 a {
	color: #fff;
}


.title-left-text-right.yellow-bg .right .text h3 a:hover {
	opacity: 0.7;
}
.title-left-text-right.bullet-titles .right .text p {
	font-weight: 500;
	font-size: 18px;
}
.title-left-text-right .right .text p a {
	color: var(--pe);
}

.title-left-text-right.blue-accent-left .right .text p a {
	color: var(--be);
}

.title-left-text-right.blue-accent .right .text p a {
	color: var(--be);
}

.title-left-text-right.pink-accent-left .right .text p a {
	color: var(--pk);
}

.title-left-text-right.blue-accent .right .text p a {
	color: var(--be);
}

.title-left-text-right.blue-bg .right .text p a {
	color: #fff;
}

.title-left-text-right .right .text p a:hover {
	opacity: 0.6;
}

.title-left-text-right.blue-accent .right h3 {
	color: var(--be);
}

.title-left-text-right .right .text ul {
	list-style-type: none;
	padding-left: 40px;
}

.title-left-text-right .right .text ul:first-of-type {
	margin-top: 0px;
	margin-bottom: 40px;
}
.title-left-text-right .right .text ul li {
	position: relative;
	/* 	display: flex; */
	font-size: 20px;
	margin-bottom: 15px;
}

.title-left-text-right.yellow-bg .right .text ul li a {
	color: #fff;
}

.title-left-text-right.yellow-bg .right .text ul li a:hover {
	opacity: 0.7;
}
.title-left-text-right.blue-bg .right .text ul li a {
	color: var(--yw);
}
.title-left-text-right.blue-bg .right .text ul li a:hover {
	color: var(--pe);
}
.title-left-text-right .right .text ul li::before {
	position: absolute;
	left: -45px;
	top: 11px;
	width: 23px;
	height: 23px;
	border-radius: 100%;
	border: 2px solid var(--bk);
	content: '';
}


.title-left-text-right.orange-accent .right .text ul li::before {
	background-image: url(img/orange_arrow.svg);
}

.title-left-text-right .right .text p {
	padding-top: 0px;
	padding-bottom: 10px;
}

.title-left-text-right .right .text p em {
	color: inherit;
/* 	font-size: 20px; */
	font-weight: 600;
/* 	font-style: normal; */
}

.title-left-text-right.blue-bg .right .text p em {
	color: #fff;
}
.title-left-text-right .right .text p iframe {
	width: 100%;
	margin-top: 20px;
	   aspect-ratio: 16 / 9; /* Modern browsers */
    height: auto;
    display: block;
}

.title-left-text-right.blue-accent .right .text p strong {
	font-weight: 400;
	color: var(--be);
}

.title-left-text-right .right .btn-main {
	/* 	background-color: var(--pe); */
	justify-content: center;
}
.title-left-text-right .left .title {
	/* 	padding-bottom: 30px; */
	margin-bottom: 0px;
	position: relative;
}

.title-left-text-right .left .text {
	margin-top: 20px;
}

/* .title-left-text-right .left .title::after {
position: absolute;
bottom: 0;
content: '';
background-color: #01E803;
height: 8px;
display: block;
width: 150px;
left: 0;
} */



.wrapper {
	display: grid;
	place-content: center;
	height: 110px;
	margin-top: 30px;
}

.marquee {
	overflow: hidden;
	position: relative;
	-webkit-mask-image: linear-gradient(var(--mask-direction, to right), rgba(0, 0, 0, 0), black 10%, black 90%, rgba(0, 0, 0, 0));
	mask-image: linear-gradient(var(--mask-direction, to right), rgba(0, 0, 0, 0), black 10%, black 90%, rgba(0, 0, 0, 0));
}

.marquee__ctn {
	display: flex;
	width: 100% !important;
}

.marquee__track {
	display: flex;
}

.marquee__ctn img {
	pointer-events: none;
	user-drag: none;
	-webkit-user-drag: none;
}.marquee__ctn a,
.marquee__ctn img {
	user-drag: none;
	-webkit-user-drag: none;
}
@supports (-webkit-touch-callout: none) {
	.marquee__ctn {
		transform: translate3d(0, 0, 0) scale(1);
		perspective: 1px;
	}
}
.marquee__item {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 120px;
	-webkit-margin-end: 6rem;
	margin-inline-end: 6rem;
}
.marquee__item img {
	height: 80px;
	width: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	filter: brightness(100%);
}

.marquee.big .marquee__item img {
	height: 130px;
}

.marquee.big .marquee__item {
	width: 150px;
}


.marquee__ctn {
  overflow: hidden;        /* viewport window */
  /* Choose one of these depending on whether you want to allow vertical scroll while dragging */
  touch-action: none;      /* Block browser gestures while interacting */
  /* or: touch-action: pan-y;  // allow vertical scrolling but block horizontal gesture handling */
}

.marquee__belt {
  display: flex;
  will-change: transform;
  backface-visibility: hidden;
}

.marquee__ctn img, .marquee__ctn a, .marquee__ctn svg {
  -webkit-user-drag: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}


@media (max-width: 600px) {
	.marquee__item {
		-webkit-margin-end: 2rem;
		margin-inline-end: 2rem;
	}

	.marquee__item img {
		height: 60px;
	}
}


@media (max-width: 850px) {
	.title-left-text-right-container {
		flex-direction: column;
	}

	.title-left-text-right .left .title > * {
		font-size: 30px;
	}

	.title-left-text-right .left {
		text-align: left;
		width: 100%;
		padding-right: 0px;

	}

	.title-left-text-right .left .text {
		margin-top: 10px;
	}

	/* 	.title-left-text-right .left .title::after {
	left: 0%;
	transform: none;
	right: auto;
} */

	.title-left-text-right .right {
		width: 100%;
	}

	.title-left-text-right .right {
		text-align: left;
		margin-top: 20px;
	}

	.title-left-text-right .left .title::after {
		width: 250px;
	}
	.title-left-text-right .right .text h3 {
		font-size: 20px;
	}

	.title-left-text-right .right .btn-main {
		margin: 20px 0 0;
	}

	.title-left-text-right.bullet-titles .right .text h3::before {
		width: 16px;
		height: 16px;
	}

	.title-left-text-right.bullet-titles .right {
		padding-left: 35px;
	}

	.title-left-text-right.bullet-titles .right .text h3::before {
		left: -35px;
	}

	.title-left-text-right.bullet-titles .right .text p {
		font-size: 16px;
	}
}

@media (max-width: 600px) {
	.title-left-text-right {
		padding: 30px 20px;

	}

	.title-left-text-right.no-bottom-padding {
		padding: 30px 20px 20px;
	}
	.title-left-text-right .right .items .item .right-text .title {
		margin-bottom: 10px;
	}
	.title-left-text-right .right .items .item .right-text .title h3 {
		font-size: 22px;

	}

	.title-left-text-right .right .items .item {
		margin-bottom: 20px;
	}

	.title-left-text-right .right .items .item .image {
		margin-right: 20px;
	}

	.title-left-text-right .right .text ul li {
		font-size: 16px;
	}

	.title-left-text-right .right .text ul:first-of-type {
/* 		margin-top: -20px; */
	}

	.wrapper {
		height: 60px;
		margin-top: 40px;
		margin-bottom: 20px;
	}

	.wrapper.big {
		height: 120px;
	}
}

@media (max-width: 600px) {
	.title-left-text-right .graphic-e {
		top: 30px;

		left: -400px;
		width: 816px;
		height: 826px;
	}

	.title-left-text-right .left .title > * {
		font-size: 30px;
	}

	.title-left-text-right .right .text h3 {
		font-size: 22px;
		margin-top: 25px;
	}
	
	.title-left-text-right.half .right .text {
		flex-direction: column;
		
	}
	
	.title-left-text-right.half .right .text .item {
		flex: 1 1 100%;
	}
}

/* Basic section styling */
.home-hero {
	position: relative;
	/*   padding: 150px 0 75px; */
	overflow: hidden;
	min-height: auto !important;
	background-color: var(--bk);
	min-height: calc(100vh + 30px) !important;


	display: flex;
	align-items: center;
}

.white-bottom {
	height: 5px;
	width: 100%;
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #fff;
	transition: height 0.15s ease;


}





.home-hero-container {
	/*   max-width: 1400px; */
	margin: 0 auto;
	display: flex;
	/*   align-items: center;
	justify-content: space-between; */
	padding: 0 90px;
	z-index: 2;
	/* 	position: relative; */
	box-sizing: border-box;

	justify-content: flex-end;
	/* 	justify-content: space-between; */
}
.home-hero-container {
	display: flex;
	flex-wrap: nowrap;
	gap: 40px;


	width: 100%;
}

.home-hero .left {
	width: 100%;
	max-width: 520px;

	/*   transition: width 0.2s ease-out, opacity 0.2s ease-out; */
	transition: opacity 0.3s ease;
	overflow: hidden;


	display: flex;
	flex-direction: column !important;
	justify-content:center!important;
	margin-right: auto;
}



.home-hero .left .left-inner {
	padding-right: 20px;
	box-sizing: border-box;
	/* 	  transition: opacity 0.3s ease; */
	transition: opacity 0.3s ease;
}

.home-hero .left .left-inner {
	opacity: 1;
	/* 	transition: opacity 0.3s ease; */

	margin-bottom: 50px;
}

.home-hero .left.hidden .left-inner {
	opacity: 0;
}

.home-hero .title h1 {
	font-size: 68px;
	/*   margin-bottom: 20px; */
	position: relative;
	color: #fff;
	font-weight: 600;
}

.home-hero .title span {
	color: var(--be);
}



.home-hero .text p {
	font-size: 20px;

	color: #fff;
}

.home-hero .text p span {
	color: var(--be);
}

.home-hero .text p:first-of-type {
	padding-top: 10px;
}

.home-hero .text p strong {
	font-weight: 400;
	color: var(--be);
}

/* Right content styling */
.home-hero .right {
	width: 70%;
	/*   transition: all 1s ease-out; */
}

.home-hero .right img,
.home-hero .right video {
	width: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
	/*   transition: margin-top 0.2s ease-out; */ 
	max-height: 800px;
	min-height: 535px;
}
.home-hero .right .image {
	position: relative;
}
.home-hero .buttons {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 30px;
}
.home-hero .buttons .a-button {
	margin-top: 0px;
}

.home-hero .down-arrow {
	display: flex;
	flex-direction: column;
	/* 	margin-top: 120px; */
	margin-top: auto;
	align-items: center;
	width: fit-content;
	gap: 24px;

	position: absolute;
	bottom: 20px;
}

.home-hero .down-arrow .dots {
	display:flex;
	flex-direction: column;
	gap: 24px;
}

.home-hero .down-arrow .dots .dot {
	border: 2px solid #fff;
	width: 12px;
	height: 12px;
	border-radius: 100%;
}

.home-hero .down-arrow a {
	font-size: 60px;
	color: #fff;
}

.object {
	animation: MoveUpDown 1.5s linear infinite;
	position: relative;
	left: 0;
	bottom: 0;
}

/*** custom video overlay ***/
.video-wrapper {
	position: relative;
	max-width: 954px;
	cursor: pointer;
}

.video-overlay {
	position: absolute;
	display: block;
	top: 0;
	height: 100%;
	z-index: 1;
	width: 100%;
}

.video-overlay:hover {
	cursor: pointer;
}

.video-overlay img {
	display: block;
	width: 100%;
	height: 100% !important;
	border-radius: 4px;
	max-height: none;
	max-height: none !important;
	margin-top: 0 !important;
}

.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	align-items: center;
	justify-content: center;
}

.play-button::before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 24px solid white;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
}



@keyframes MoveUpDown {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-20px);
	}
}

@media (max-width: 1100px) {
	.home-hero-container {
		flex-direction: column;
		padding: 0px 30px;
	}

	.home-hero .left {
		width: 100% !important;
		display: block !important;
	}

	.home-hero .right {
		width: 100% !important;
	}

	.home-hero .right img, .home-hero .right video {
		margin-top: 0px !important;
	}

	.home-hero .down-arrow {
		display: none !important;
	}

	.home-hero {
		padding: 130px 30px 50px;
		box-sizing: border-box;
	}

	.home-hero-container {

	}
	.home-hero .buttons {
		margin-top: 30px;
	}
	.home-hero .a-button {
		margin-top: 0px;
	}

	.home-hero .title h2 {
		font-size: 42px;
		margin-bottom: 0px;
	}

	.home-hero .left .left-inner {
		opacity: 1!important;
	}
}

@media (max-width: 700px) {
	.white-bottom {
		display: none;
		height: 0px !important;
	}
	
	.home-hero-container {
		gap: 40px !important;
	}
}
@media (max-width: 600px) {
	.white-section {
		display: none  !important;
	}



	.home-hero-container {

		padding: 0px 0px;
	}


	.home-hero .title h1 {
		font-size: 42px;
	}

	.home-hero .text p {
		font-size: 18px;
	}

	.home-hero .left .left-inner {
		margin-bottom: 0px;
	}

	.home-hero .right img, .home-hero .right video {
		min-height: 220px;
	}
}

@media (max-width: 600px) {
    .home-hero {
        padding: 130px 0px 50px;
        box-sizing: border-box;
    }
	
	body .home-hero .right img {
		margin-top: 0px !important;
		 transform: translateY(0) !important;
	}
	
	.home-hero .left {
		padding: 0 20px;
		box-sizing: border-box;
	}
}

/******* header ******/

/**********************/
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	/*     z-index: 1000; */
	z-index: 9999;
	background-color: var(--bk); /* Adjust as needed */
	transition: top 0.3s ease-in-out; /* Smooth transition for hiding/showing */
	transition: top 0.3s ease, background-color 0.3s ease;
}

.header.sticky {
	top: 0; /* Visible when sticky */
/* 	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); */
}
.home header.sticky {
	background-color: var(--bk) !important;
}

header {
	background-color: #fff !important;
}

header .main-container .main-container-inner nav a:not(.sub-menu li a):not(.home .main-container .main-container-inner nav a) {
	color: var(--bk);
/* 	font-weight: 600; */
}

.home header {
	/* 	position:fixed; */
	top: 0;
	left: 0;
	background: transparent !important;
	transition: 0.5s;
}

.home header.scroll {
	background-color: #fff;
}

.home header.scroll .main-container .main-container-inner nav a {
	color: #0E0F20;
}

.home header.scroll .main-container .main-container-inner nav .sub-menu a {
	color: #fff;
}

.home header.scroll .header-left .custom-logo {
	filter: none;
}

.home header.scroll .header-right .header-misc .search-icon {
	filter: none;
}

.home header.scroll nav .menu-item-5747 a::before, .home header.scroll nav .menu-item-5748 a::before, .home header.scroll nav .menu-item-5751 a::before {
	filter: none;
}
.home header .side-nav a img {
	filter: contrast(0%) brightness(2)
}
.home header.scroll .side-nav a img {
	filter: none;
}


.home main {
	padding-top: 0px;
	margin-top: -20px;
}

.home header .main-container .main-container-inner {
	background: transparent;
	padding: 0 90px;
	max-width: none;
}
header {
	/* 	background:#ffffff; */
	position: absolute;
	z-index: 999;
	/* 	position: fixed; */
}

main {
	/* 	padding-top: 90px; */
}

@media (max-width: 1300px) {
	main {
		/* 		padding-top: 65px; */
	}
}

@media (max-width: 600px) {
	main {
		/* 		padding-top: 57px; */
	}
}
header .top-container {
	background-color: #E7E5DE;
}
header .top-container .top-container-inner {
	max-width: calc(1500px + 60px);
	margin: 0 auto;

	padding: 7px 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 a {
	display: flex;
	align-items: center;
}

header .top-container .top-container-inner .left img {
	margin-right: 5px;
}

header .top-container .top-container-inner a {
	color: #016C5E;
	font-size: 16px;
	font-weight: 400;
	display: flex;
	align-items: center;

}

header .top-container .top-container-inner a:hover {
	opacity: 0.7;
}

header .top-container .top-container-inner a img {
	margin-right: 10px;
}

header .top-container .top-container-inner .email {
	margin-left: 10px;
}

header .top-container .top-container-inner .email a {

}

header .top-container .top-container-inner .left a {
	text-decoration: underline;
}

header .top-container .top-container-inner .right {
	display: flex;
}

header .top-container .top-container-inner .right .tel {
	margin-right: 10px;
}

header .main-container .main-container-inner {
	box-sizing: border-box;
	/* 	max-width: calc(1300px + 60px); */
	/* 	max-width:1600px; */
	margin: 0 auto;
	/* 	background-color: #ffffff; */
	padding: 0px 90px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;

	max-width: 1360px;
	padding: 0 30px;
}


header .main-container .main-container-inner nav a {
	color: #fff;

	font-family: "Urbanist", sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 16px;
	padding: 35px 5px;
	box-sizing: border-box;
	display: block;
	transition: none;


}

.home header .main-container .main-container-inner nav a {
	color: #fff;
}

header .main-container .main-container-inner nav li.last a {
	color: #D9F0CA;
	position: relative;

}

header .main-container .main-container-inner nav li.last a::after {
	content: '\e09f';
	position: absolute;
	right: -15px;
	top: calc(50% - 2px);
	transform: translateY(-50%);
	font-weight: 200;
	color: #D9F0CA;
	font-family: 'Font Awesome 6 Pro';
}

header .main-container .main-container-inner nav #menu-main-menu li a {
	position: relative;

}
header .main-container .main-container-inner nav > #menu-main-menu > li > a:hover {
	color: var(--be);
}
header .main-container .main-container-inner nav #menu-main-menu li a:hover {
	/* 	opacity: 0.7; */
}

header .main-container .main-container-inner nav #menu-main-menu li a::after {
	/* 	display: block;
	bottom: 30px;
	position: absolute;
	background-color: #074994;
	height: 2px;
	width: calc(100% - 10px);
	content: '';
	opacity: 0;
	transition: 0.5s; */
}

nav .menu-item-has-children {
	margin-right: 10px;
}

.home header .main-container .main-container-inner nav #menu-main-menu li a::after {
	/* 	filter: contrast(0%) brightness(2); */
}

.home header.scroll .main-container .main-container-inner nav #menu-main-menu li a::after {
	filter: contrast(0%) brightness(0);
}

header .main-container .main-container-inner nav #menu-main-menu li:hover a::after {
	opacity: 1;
}

header .main-container .main-container-inner nav li#menu-item-70 a {
	padding: 15px 20px;
	box-sizing: border-box;
	background-color: #303470;
	color: #ffffff;
	border: 1px solid 
}

header .main-container .main-container-inner nav li#menu-item-70 a:hover{
	background-color: #ffffff;
	color: #303470;
}

header .main-container .main-container-inner nav a.small {
	padding: 25px 20px;
}

header .header-left {
	display: flex;
	align-items: center;
}

header .header-left img {
	width: 180px;
	object-fit: contain;
	display: block;
}

header .header-left #menu-main-menu {
	margin-left: 25px;
}

.home header .header-left .custom-logo {
	filter: brightness(0) invert(1);
}

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

header .header-right .tel {
	margin-right: 20px;
	display: none;
}

header .header-right .tel a {
	color: var(--bk);
	font-size: 26px;

}

.home header .header-right .tel a {
	color: #fff;
}

header .header-right .header-misc {
	display: flex;
	/* 	margin-left: 30px; */
	align-items: center;
	/* 	width: 100%; */
	margin-left: 25px;
}

.home header .header-right .header-misc .btn-main {
	background-color: #F19117;
	border: 1px solid #F19117;
}
header .header-right .header-misc .btn-main {
	max-width: 180px;
	font-weight: 400;
	background-color: #074994;
	padding: 15px 40px;
	text-transform: uppercase;
	border: 1px solid #074994;
}

header .header-right .header-misc .btn-main:hover {
	background-color: #fff;
	color: #074994;
}

header .header-right .header-misc .btn-main img {
	filter: contrast(0%) brightness(2);
	transform: rotate(-90deg);
	position: relative;
	top: -3px;

	width: 0px;
	transition: 0.5s;
}

header .header-right .header-misc .btn-main:hover img {
	width: auto;
	margin-left: 10px;
}
/* header .header-right .header-misc .btn-main:hover {
color: #fff;
} */


header .header-right .header-misc .search-icon {
	margin-right: 20px;
	transition: 0.5s;
}

.home .header-right .header-misc .search-icon {
	filter: contrast(0%) brightness(2);
}

header .header-right .header-misc .search-icon.hide {
	display: none;
}

header .header-right .header-misc .search-icon:hover {
	opacity: 0.6;
	cursor: pointer;
}

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 .header-right nav > ul > li > .sub-menu  {
	padding: 20px 15px;
	background-color: var(--be);
	width: 230px;
	/* 	transition: none !important; */
	/* 	border: 1px solid #fff; */
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	border-radius: 5px;
	left: 50%;
	transform: translate(-50%, 0) !important;
}
.header .header-right nav > ul > li > .sub-menu .sub-menu {
	position: relative;
	transform: none;
	z-index: 999;
	top: auto;
	padding: 10px 0;
}
.header .header-right nav > ul > li > .sub-menu .sub-menu li a {
	color: var(--bk) !important;
	font-weight: 400;
}

header .header-right nav .sub-menu > a {
	transition: none !important;
}

header .header-right nav ul.sub-menu li {
	padding-bottom: 0px;
	padding-top: 0px;
}

header .header-right nav ul.sub-menu li:not(header .header-right nav ul.sub-menu .sub-menu li) {
	padding-bottom: 15px;
}

header .header-right nav ul.sub-menu li:last-of-type {
	padding-bottom: 0px !important;
}

header .header-right nav ul.sub-menu .sub-menu {
	margin-bottom: 0px;
	width: 100%;
}
header .header-right nav ul.sub-menu .sub-menu li {
	padding: 5px 0;
}
header .header-right nav ul.sub-menu li:first-of-type a {
	/* 	font-size: 24px;
	color: #CCEDB7;
	font-weight: 300;
	margin: 20px 10px 10px;
	padding: 0px;
	padding-bottom: 20px;
	border-bottom: 1px solid #CCEDB7;
	box-sizing: border-box;
	width: fit-content; */
}

header .header-right nav ul.sub-menu li.full a {
	border-bottom: none;
	text-align: center;
	background-color: #CCEDB7;
	color: #115153 !important;
	margin-bottom: 10px;
	margin-top: 15px;
	border-radius: 40px;
	font-size: 20px;
}

header .header-right nav ul.sub-menu li:hover::after {
	display: none;
}

header .header-right nav ul.sub-menu li a:hover{
	/* 	font-weight: 400; */
	opacity: 0.7;
}

header .header-right nav ul.sub-menu li a:after {
	display: none;
}

header .header-right nav ul.sub-menu::after {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent var(--be) transparent;
	transform: rotate(0deg);
	position: absolute;
	content: '';
	display: block;
	left: var(--submenu-arrow-left, calc(50% + 35px)); /* Fallback if JS fails */
	top: -10px;
	transform: translateX(-50%);
} 

header .header-right nav ul.sub-menu ul.sub-menu::after {
	display: none;
}

/* header .header-right nav .menu-item-54 a:hover {
background-color: #02A3DA;
color: #ffffff !important;
}

header .header-right nav .menu-item-55 a:hover {
background-color: #C52153;
color: #ffffff !important;
}

header .header-right nav .menu-item-56 a:hover {
background-color: #84BF3F;
color: #ffffff !important;
}

header .header-right nav .menu-item-57 a:hover {
background-color: #EC8B2D;
color: #ffffff !important;
}

header .header-right nav .menu-item-58 a:hover {
background-color: #00A096;
color: #ffffff !important;
} */

header .header-left nav li {
	position: relative;
}



header .header-right nav li:first-of-type {
	/* 	padding-left: 30px; */
}

/* header .header-right nav li:hover::after {
display: block;
content: '';
width: 100%;
height: 1px;
background-color: #ffffff;
position: absolute;
bottom: 20px;
left: 0;

} */
/* 
header .header-right nav .menu-item-59 a:hover {
background-color: #84BF3F;
color: #ffffff !important;
}


header .header-right nav .menu-item-55 .sub-menu {
background-color: #C52153;
box-sizing: border-box;
}

header .header-right nav .menu-item-56 .sub-menu {
background-color: #84BF3F;
box-sizing: border-box;
}

header .header-right nav .menu-item-58 .sub-menu {
background-color: #00A096;
box-sizing: border-box;
display: none;
} */

header .header-right nav .menu-item-58 ul.sub-menu {
	display: none;
}

header .header-right nav .menu-item-59 ul.sub-menu {
	display: none;
}

header .header-right nav  ul.sub-menu {
	display: flex;
	flex-wrap: wrap;
	z-index: 10;
}

header .header-right nav  ul.sub-menu li {
	width: 100%;
	z-index: 10;
}

header .header-right nav ul.sub-menu li a {
	color: #fff !important;
	/* 	border-bottom: 2px solid #ffffff; */
	padding: 0px 0px;
	font-size: 16px;
	font-weight: 500;
}

header .main-container {
	position: relative;
}


nav .menu-item-has-children a {
	position: relative;
}

nav .menu-item.menu-item-has-children a::after {
	background-image: url(img/menu_down_arrow_green.svg);
	position: absolute;
	right: -15px;
	top: calc(50% + 1px);
	transform: translateY(-50%);
	content: '';
	width: 12px;
	height: 10px;
	background-repeat: no-repeat;
	display: block;
}

nav .menu-item-195,
nav .menu-item-196,
nav .menu-item-204 {
	padding-right: 30px;
}

nav .menu-item-5747 a::before,
nav .menu-item-5748 a::before,
nav .menu-item-5751 a::before {
	background-image: url(img/down_arrow_black.svg);
	position: absolute;
	right: -12px;
	top: calc(50% - 1px);
	transform: translateY(-50%);
	content: '';
	width: 12px;
	height: 7px;
	background-repeat: no-repeat;
	display: block;
}

.home nav .menu-item-5747 a::before,
.home nav .menu-item-5748 a::before,
.home nav .menu-item-5751 a::before {
	filter: contrast(0%) brightness(2);
}

@media (max-width: 1370px) {
	header .top-container .top-container-inner .right {
		display: none;
	}

}

@media (max-width: 1370px) {
	header .main-container .main-container-inner {
		padding: 0px 20px !important;
	}

	.home header .main-container .main-container-inner {
		padding: 0 90px !important;
	}
}

@media (max-width: 1100px) {
	.home header .main-container .main-container-inner {
		padding: 20px 60px !important;
	}
}

@media (max-width: 1000px) {
	header .main-container .main-container-inner {
		padding: 20px 30px !important;
	}

	header .header-right .tel {

		display: block;
	}
}
@media (max-width: 700px) {
	header .header-right .header-misc .search-icon.hide {
		display: block !important;
	}
}

@media (max-width: 600px) {
	header .main-container .main-container-inner {
		padding: 20px 20px 20px !important;
	}

	.home header .main-container .main-container-inner {
		padding: 20px 20px 20px !important;
	}

	header .top-container .top-container-inner .left a {
		font-size: 14px;
	}

	header .top-container .top-container-inner {
		padding: 7px 20px;
	}
	header .top-container {
		display: none;
	}

	header .header-left img {
		width: 118px;
	}

	.home header .header-left .custom-logo {
		width: 118px;
	}
}

@media (max-width: 500px) {
	header .header-right .header-misc .btn-main {
		display: none;
	}
}

@media (max-width: 400px) {
	header .top-container .top-container-inner .left a {
		font-size: 12px;
	}

	.custom-logo {
		max-width: 170px;
	}
}



/*** mobile menu ***/


.mobile-menu {
	display: flex;
	/* 	height: 100%; */
}

.mobile-menu .custom-logo {
	margin-bottom: 20px;
}

.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: var(--bk);
	padding: 20px 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: var(--bk);
	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 #fff; */

}

.menu-top-menu-container ul > li:first-of-type > a:not(.menu-top-menu-container ul > li:first-of-type ul li a) {
	border-top: none;
}

.menu-top-menu-container ul > li ul li a {
/* 	border-top: 1px solid rgba(255,255,255, 0.5); */
}

.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: 1px solid #fff; */
	color: #2AD2C9;
}

.menu-top-menu-container li.active>ul li a {
	color: #86E4DF;
	text-align: left;
}

/* do not remove - this makes the submenu open / close */

.menu-top-menu-container ul ul {
	display: none;
	padding-left: 20px;
}

.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 0px 20px 0px; */
	font-size: 16px;
	line-height: 34px;
	color: white;
	text-decoration: none;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: 600;

}

.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: 15px 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; */
	color: #fff !important;
	font-weight: 400;
}
.menu-top-menu-container ul ul ul li:not(:first-child) a {
	border-top: none;
}
.menu-top-menu-container ul ul ul li:first-child a {
	padding: 15px 0 7.5px;
}
.menu-top-menu-container ul ul ul li a {
	padding: 7.5px 0;
}
/* 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: 15px;
	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 20px 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; */
	color: #fff;
	margin-top: 10px;
	font-size: 16px;
	font-weight: 600;
}
.mobile-menu .contact-details span {
	margin-top: 25px;
	display: block;
	font-weight: 600;
}
.mobile-menu .contact-details a:hover {
	opacity: 0.7;
}

.mobile-menu .mobile-menu-social {
	display: flex;
	align-items: center;
	margin-top: 40px;
}

.mobile-menu .mobile-menu-social .icon:first-of-type {
	margin-left: 0px;
}
.mobile-menu .mobile-menu-social .icon:first-of-type a {
	font-size: 19px;
}
.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: 21px;
	color: #fff;
}

/*** breadcrumb ***/
/*** breadcrumbs ***/
.breadcrumb nav {
	display: block !important;
	/* 	text-transform: uppercase; */
	/* 	padding: 0 25px; */
}
.🍞,
.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 0 0 5px;
	color: #ffffff;

}

.bread li a {
	color: #ffffff;
	font-size: 14px;
	font-weight: 300;
}

.🍞 .crumb:last-child a span {
	display: block;             /* Make span a block to control width */
	max-width: 200px;           /* 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: #fff;
	color: var(--be);
}

.pink-accent .🍞 .crumb:last-child a span {
	color: var(--pk);
}

.blue-accent .🍞 .crumb:last-child a span {
	color: var(--be);
}

.purple-accent .🍞 .crumb:last-child a span {
	color: var(--pe);
}
.yellow-accent .🍞 .crumb:last-child a span {
	color: var(--yw);
}
/*** newsletter ***/

.newsletter {
	background-color:var(--pk);
	padding: 50px 90px 30px;
	box-sizing: border-box;
}

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

.newsletter h2 {
	font-size: 28px;
	font-weight: 600;
	font-family: "Urbanist", sans-serif;
	color: var(--bk);
}
.newsletter h2 span {
	color: #fff;
}
.newsletter .text {
	margin-top: 20px;
}
.newsletter .text p:first-of-type {
	padding-top: 0px;
}
.newsletter .text p {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
}

.newsletter .left {
	width: 35%;
}

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

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

.newsletter .right p.terms {
	margin-top: 10px;
	color: #fff;
}

.newsletter .right p.terms a {
	color: inherit;
}

.newsletter .right p.form-text {
	padding-top: 15px;
	color: #fff;
}
.newsletter .flex-container {
	display: flex;
	gap: 20px;
}
.newsletter .flex-container p {
	display: flex;
	gap: 10px;
}

.newsletter label {
	display: flex;
	border-radius: 2px;
	overflow: hidden;
}

.newsletter label input[type=text] {
	color: rgba(29, 37, 45, 0.70);
	font-size: 16px;
	padding: 15px 15px;
	box-sizing: border-box;
	/* 	border: 1px solid #fff; */
	font-family: "Urbanist", sans-serif;
	font-weight: 300;
	-webkit-appearance: none;
	border-radius: 2px;
	width: 230px;

	border: none;
	border-radius: 2px;
}

.newsletter label input[type=text]::placeholder {
	color: rgba(29, 37, 45, 0.70);
}

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

.newsletter label input[type=email] {
	color: rgba(29, 37, 45, 0.70);
	font-size: 16px;
	padding: 15px 15px;
	box-sizing: border-box;
	/* 	border: 1px solid #fff; */
	font-family: "Urbanist", sans-serif;
	font-weight: 300;
	-webkit-appearance: none;
	border-radius: 2px;
	width: 100%;

	border: none;
	border-radius: 2px;
}



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

.newsletter label input[type=email]::placeholder {
	color: rgba(29, 37, 45, 0.70);
	font-size: 16px;
	font-family: "Urbanist", sans-serif;
	font-weight: 300;
}

.newsletter label input[type=submit] {
	background: var(--bk);
	color: #fff;
	font-size: 16px;
	font-family: "Urbanist", sans-serif;
	font-weight: 400;
	width: 50px;
	max-height: 50px;
	box-shadow: none;
	-webkit-appearance: none;
	border: none;
}

.newsletter .wpcf7-submit {
	background: var(--bk);
	color: #fff;
	font-size: 16px;
	font-family: "Urbanist", sans-serif;
	font-weight: 400;
	border-radius: 0 0px 0px 0;
	max-height: 56px;
	box-shadow: none;
	-webkit-appearance: none;
	border: none;
	transition: 0.5s;
	min-width: 140px;
	box-sizing: border-box;
	border-radius: 2px;
	font-weight: 500;
	width: 140px;

}

.newsletter .wpcf7-submit span {
	justify-content: center;
}

.newsletter .wpcf7-submit i {
	margin-left: 5px;
}

.newsletter .wpcf7-submit:hover {
	background-color: #fff;
	color: var(--bk);
	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;
}

.newsletter .wpcf7-not-valid-tip {
	color: white;
}

@media (max-width: 1100px) {

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

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

}

@media (max-width: 1000px) {
	.newsletter {

		padding: 50px 60px 30px;
	}
}

@media (max-width: 700px) {
	.newsletter .flex-container {
		flex-direction: column;
	}
}

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

	.newsletter label input[type=email] {
		border-radius: 2px;
		font-size: 16px;
	}
	.newsletter label input[type=email]::placeholder {
		font-size: 16px;
	}

	.newsletter .wpcf7-submit {
		max-width: 200px;
		min-height: 53px;
		margin: 0;
		border-radius: 2px;
	}

	.newsletter .left {

		margin-bottom: 20px;
	}
	.newsletter .flex-container p {
		flex-direction: column;
	}
	.newsletter .flex-container p br {
		display: none;
	}
	.newsletter label input[type=text] {
		width: 100%;
	}

	.newsletter {

		padding: 20px 20px 20px;
	}

	.newsletter .text {
		margin-top: 10px;
	}
}


/****** footer ***/

.top-footer {
	padding: 50px 90px 50px;
	box-sizing: border-box;
	background-color: #1D252D;
	color: var(--db);
}

.top-footer a {
	color: #fff;
	font-size: 16px;
}

.top-footer-container {
	max-width:1300px;
	margin: 0 auto;
	display: flex;
	gap: 80px;
	flex-wrap: wrap;
}
.top-footer-container .col:first-of-type::before {
	display: none;
}
.top-footer-container .col::before {
	content: '';
	background-color: #fff;
	height: 100%;
	left: -40px;

	position: absolute;
	display: block;
	width: 1px;
}
.top-footer-container .col {
	flex: 1 1 calc(25% - 80px);
	position: relative;
}
.top-footer-container .col .address {
	margin-top: 20px;
}
.top-footer-container .col .address p {
	color: #fff;
	line-height: normal;
	font-weight; 300;
	margin-top: 10px;
}

.top-footer-container .col .address p:first-of-type {
	padding-top: 0px;
	margin-top: 0px;
}

.top-footer-container .col .address span {
	font-weight: 500;
	color: #fff;
	display: block;

}

.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 {
	color: var(--be);
}
.top-footer-container .col .linkedin {
	background-color: #008AD2;
	border-radius: 5px;
	color: #fff;
	display: block;
	display: flex;
	padding: 15px 20px;
	box-sizing: border-box;
	margin-top: 20px;
	align-items: center;
	font-size: 14px;
	transition: 0.5s;

}
.top-footer-container .col .linkedin:hover {
	opacity: 0.6;
}
.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;
	transition: 0.5s;
}

.top-footer-container .col .tel:hover a,
.top-footer-container .col .email:hover a {
	color: var(--be);
}

.top-footer-container .col .tel,
.top-footer-container .col .email {
	font-weight: 300;
}

.top-footer-container .col .tel span,
.top-footer-container .col .email span {
	font-weight: 500;
	color: #fff;
	display: block;
}

.top-footer-container .col .footer-title > * {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}

.top-footer-container .col .footer-title.connect > * {
	margin-top: 30px;
	padding-bottom: 20px;
}
.top-footer-container .col .social-icons {
	display: flex;
	gap: 20px;
	margin: 20px 0 20px;
	flex-direction: column;
	justify-content: flex-start;

}
.top-footer-container .col .social-icons .icon a {
	display: flex;
	/* 	width: 61px;
	height: 55px;
	background-color: #008AD2; */
	align-items: center;
	justify-content: flex-start;
	/* 	border-radius: 10px; */
	font-size: 16px;
	gap: 15px;
}
.top-footer-container .col .social-icons .icon a i {
	font-size: 20px;
	width: 25px;
	text-align: center;
}
.top-footer-container .col .social-icons .icon a:hover {
	color: var(--be);
}

.top-footer-container .col .social-icons .icon a svg {
	font-size: 26px;
}
.top-footer-container .col .social-icons .icon.fb a svg {
	font-size: 22px;
}
.top-footer-container .col:first-of-type .footer-logos {
	margin-top: 0px;
}
.top-footer-container .col .footer-logos {
	display: flex;
	gap: 10px;
	margin-top: 20px;
}

.top-footer-container .footer-logos img {
	display: block;
	width: 137px;
	object-fit: contain;
}
.top-footer-container .col .footer-logos .image img {
	height: 60px;
	display: block;
	object-fit: contain;
	width: auto;

}
.bottom-footer {
	background-color: var(--bk);
	border-top: 1px solid #fff;
	text-align: center;
}
.bottom-footer .bottom-footer-container {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1340px;
}
.bottom-footer p {
	color: #fff;

	padding: 30px 20px;
	box-sizing: border-box;
	font-size: 14px;
}

.bottom-footer p a{
	color: inherit;
	
	display: inline-block;
}

.bottom-footer p a:hover {
	opacity: 0.6;
}

@media (max-width: 1100px) {
	.top-footer-container .col:first-of-type {
		flex: 1 1 100%;
	}

	.top-footer-container .col:nth-of-type(2)::before {
		display: none;
	}
}

@media (max-width: 1000px) {
	.top-footer {
		padding: 50px 60px 50px;
	}
}

@media (max-width: 800px) {
	.top-footer-container .col:last-of-type {
		flex: 1 1 100%;
	}

	.top-footer-container .col::before {
		display: none;
	}

	.bottom-footer .bottom-footer-container {
		flex-direction: column;
	}
	.bottom-footer p {
		padding: 5px;
	}

	.bottom-footer {
		padding: 10px 20px;
		box-sizing: border-box;
	}
}

@media (max-width: 600px) {
	/* 	.top-footer-container {
	flex-wrap: wrap;
}
	.top-footer-container .col {
	flex: 1 1 calc(50% - 20px);
	text-align: center;
}

	.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;
	min-width: 285px;
}

	.top-footer-container .col:last-of-type {
	margin-top: 20px;
}
	.top-footer-container .col .social-icons .icon a {
	margin: 0 auto;
}

	.top-footer-container .footer-logos {
	flex-direction: column;
	justify-content: center;

}
	.top-footer-container .footer-logos img {
	margin: 0 auto;
} */

	.top-footer {
		padding: 30px 20px;
	}

	.top-footer-container {
		gap: 30px;
	}

	.top-footer-container .col {
		flex: 1 1 100%;
		text-align: center;
		position: relative;
		padding-top: 30px;
	}

	.top-footer-container .col::after {
		display: block;
		height: 2px;
		width: 157px;
		background-color: #fff;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		content: '';
	}

	.top-footer-container .col:first-of-type .footer-logos {
		justify-content: center;
	}

	.top-footer-container .col .social-icons {
		align-items: center;
	}

	.top-footer-container .col:first-of-type {
		padding-top: 0px;

	}

	.top-footer-container .col:first-of-type::after {
		display: none;
	}

	.top-footer-container .col .tel span,
	.top-footer-container .col .email span,
	.top-footer-container .col .address span{
		margin-bottom: 5px;
	}
}

@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 */

.btn-main.center {
	margin-left: auto;
	margin-right: auto;
}

.btn-main.center span {
	justify-content: center;
}

.btn-main.white-text {
	color: #fff !important;
}
.center {
	text-align: center;
}
.white.text p {
	color: #fff;
}
a {
	color: xxxx;
	text-decoration: none;
	transition: .5s;
}
a:hover {
	color: xxxx;
}
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: "Urbanist", sans-serif;
	margin: 0px;
	padding: 0px;
	font-style: normal;

	overscroll-behavior-y: contain;
	font-display: swap;
}

html, body {
	overflow-x: hidden;
}

header {
	-webkit-backface-visibility: hidden;
	transform: translateZ(0);
}
.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: #ffffff; */
	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 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: 1000px) {
	header nav {
		display: none;
	}

	.header.sticky {
/* 		border-bottom: 1px solid #fff; */
	}
}
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 {
	padding: 20px 0px 0px 0px;
	color: #1D252D;
}
p, blockquote cite, ol li, ul li, table {
	margin: 0px;
	color: #1D252D;
}
@media (min-width: 1001px) {
	.side-nav {
		display: none;
	}
}
.side-nav a {
	cursor: pointer;
	position: absolute;
	right: 5%;
}
.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: rgba(0,0,0, 0.9);
	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: #fff;
	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);
	font-weight: 500;
}
.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;
}








/* Theme Styles */

:root {
	--pk: #F8485E;
	--bk: #1D252D;
	--yw: #FFBF3F;
	--pe: #654EA3;
	--pel: #BDABEF;
	--be: #2AD2C9;
	--gy: #F1F2F4;
}

.blue-bg {
	background-color: var(--be);
}

.pink-bg {
	background-color: var(--pk);
}
.black-bg {
	background-color: var(--bk);
}

.yellow-bg {
	background-color: var(--yw);
}

.purple-bg {
	background-color: var(--pe);
}

.grey-bg {
	background-color: var(--gy);
}

.black {
	color: var(--bk); 
}

.blue {
	color: var(--be);
}

.purple {
	color: var(--pe);
}

.pink {
	color: var(--pk);
}

.yellow {
	color: var(--yw);
}
.a-button {
	margin-top: 30px;
}
.btn-main-2 {
	color: var(--bk);
	font-weight: 600;
}

.btn-main-2:hover {
	opacity: 0.6;
}

.btn-main-2 i {
	margin-left: 10px;
}
.btn-main {
	padding: 15px 15px;
	box-sizing: border-box;
	border-radius: 2px;
	background-color: var(--bk);
	color: var(--bk);
	font-size: 16px;
	font-weight: 500;
	width: 220px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	position: relative;
	min-width: fit-content;
}

.btn-main.black-bg {
	color: #fff;
}

.btn-main i {
	margin-left: 10px;
}

.btn-main span {
	width: 100%;
	justify-content: space-between;
	display: flex;
}

.btn-main.center-text span {
	justify-content: center;
}
.btn-main.center-text span i {
	margin-left: 10px;
}
.btn-main.white-bg {
	background-color: #fff;
	color: var(--bk);
	/* 	border: 1px solid #fff; */
}

.btn-main.yellow-bg {
	background-color: #FFBF3F;
	color: var(--bk);
}
.btn-main.blue-bg {
	background-color:var(--be);
	color: var(--bk);
	/* 	border: 1px solid var(--be); */
}
.btn-main.purple-bg {
	background-color:var(--pe);
	color: #fff;
	/* 	border: 1px solid var(--pe); */
}

.btn-main.pink-bg {
	background-color:var(--pk);
	color: #fff;
	/* 	border: 1px solid var(--pe); */
}
.title > * {
	font-size: 40px;
	font-weight: 600;
}

.title h3 {
	font-size: 28px;
}

.subtitle > * {
	font-size: 28px;
}
@media (max-width: 600px) {
	.title > * {
		font-size: 30px;

	}
	.title h3 {
		font-size: 22px;
	}
}


.btn-main.text-center,
.btn-main.text-center span {
	text-align: center;
	justify-content: center;
	align-items: center;
}

.btn-main.text-center span i {
	margin-left: 10px;
}

.btn-main::before, .btn-main::after{
	content:"";
	width: 0;
	height: 2px;
	position: absolute;
	transition: all 0.2s linear;
	background: #fff;
}

.btn-main span::before, .btn-main span::after{
	content:"";
	width:2px;
	height:0;
	position: absolute;
	transition: all 0.2s linear;
	background: #fff;
}
.btn-main:hover::before, .btn-main:hover::after{
	width: 100%;
}
.btn-main:hover span::before, .btn-main:hover span::after{
	height: 100%;
}

.btn-main.blue-hover::before, .btn-main.blue-hover::after,
.btn-main.blue-hover span::before, .btn-main.blue-hover span::after {
	background: var(--be);
}



.btn-main.black-hover::before, .btn-main.black-hover::after,
.btn-main.black-hover span::before, .btn-main.black-hover span::after {
	background: var(--bk);
}
.btn-main.pink-hover::before, .btn-main.pink-hover::after,
.btn-main.pink-hover span::before, .btn-main.pink-hover span::after {
	background: var(--pk);
}
.btn-main.yellow-hover::before, .btn-main.yellow-hover::after,
.btn-main.yellow-hover span::before, .btn-main.yellow-hover span::after {
	background: var(--yw);
}
.btn-main.white-hover::before, .btn-main.white-hover::after,
.btn-main.white-hover span::before, .btn-main.white-hover span::after {
	background: #fff;
}
.btn-main.purple-hover::before, .btn-main.purple-hover::after,
.btn-main.purple-hover span::before, .btn-main.purple-hover span::after {
	background: var(--pe);
}


.btn-main::after{
	left: 0;
	bottom: 0;
	transition-delay: 0.6s;
	content: '';
}
.btn-main span::after {
	transition-delay: 0.4s;
	right: 0;
	bottom: 0;
	content: '';
}
.btn-main::before {
	right: 0;
	top: 0;
	transition-delay: 0.2s;
	content: '';
}
.btn-main span::before {
	transition-delay: 0s;
	left: 0;
	top: 0;
	content: '';
}

.btn-main:hover::after {
	transition-delay: 0s;
}
.btn-main:hover span::after {
	transition-delay: 0.2s;
}
.btn-main:hover::before {
	transition-delay: 0.4s;
}
.btn-main:hover span::before {
	transition-delay: 0.6s;
}



.btn-main.blue-hover:hover {
	transition-delay: 0.8s;
	background-color: var(--be);
	color: #fff;
}
.btn-main.pink-hover:hover {
	transition-delay: 0.8s;
	background-color: var(--pk);
	color: #fff;
}
.btn-main.yellow-hover:hover {
	transition-delay: 0.8s;
	background-color: var(--yw);
	color: var(--bk);
}
.btn-main.black-hover:hover {
	transition-delay: 0.8s;
	background-color: var(--bk);
	color: #fff;
}
.btn-main.white-hover:hover {
	transition-delay: 0.8s;
	background-color: #fff !important;
	color: var(--bk);
}
.btn-main.purple-hover:hover {
	transition-delay: 0.8s;
	background-color: var(--pe);
	color: #fff;
}


.btn-main.aware {
	position: relative;
	overflow: hidden;
	/* 	border: 1px solid var(--be); */
	display: block;
	/* 	background-color: transparent; */
	display: flex;
	z-index: 1;
}
.btn-main.aware span {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background-color: var(--be);
	transition: width 0.4s ease-in-out, height 0.4s ease-in-out;
	transform: translate(-50%, -50%);
	z-index: -1;
}




.btn-main.aware.pink-bg {
	background-color: var(--pk);
}

.btn-main.aware.white-bg {
	background-color: #fff;
}

.btn-main.aware.blue-bg {
	background-color: var(--be);
	
}

.btn-main.aware.blue-bg:hover {
	color: var(--bk);
}

.btn-main.aware.black-bg {
	background-color: var(--bk);
}




.btn-main.aware.pink-hover span {
	background-color: var(--pk);
}

.btn-main.aware.white-hover span {
	background-color: #fff;
}

.btn-main.aware.blue-hover span{
	background-color: var(--be);
}

.btn-main.aware.black-hover span {
	background-color: var(--bk);
}

.btn-main.aware span::after,
.btn-main.aware span::before,
.btn-main.aware::after,
.btn-main.aware::before {
	display: none;
}




.btn-main.aware:hover {
	color: #fff;
}
.btn-main.aware:hover span {
	width: 225%;
	height: 562.5px;
}
.btn-main.aware:active {
	background-color: var(--be);
}


.btn-main.aware.a-white:hover {
	color: var(--bk);
}
.btn-main.aware.a-white span {
	background-color: #fff;
}

.btn-main.aware.a-white:active {
	background-color: #fff;
}

.btn-main.aware.a-purple:hover {
	color: #fff;
}
.btn-main.aware.a-purple span {
	background-color: var(--pe);
}

.btn-main.aware.a-purple:active {
	background-color: var(--pe);
}


@media (max-width: 600px) {
	.btn-main.aware {
		/* 		background-color: var(--be); */
	}
}