/*
Theme Name: Power Battery Solutions
Author: Scherp Online
*/

@font-face {
	font-family: 'Gotham';
	src: url('./assets/fonts/gotham-book.woff2') format('woff2'),
		url('./assets/fonts/gotham-book.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('./assets/fonts/gotham-medium.woff2') format('woff2'),
		url('./assets/fonts/gotham-medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Gotham';
	src: url('./assets/fonts/gotham-bold.woff2') format('woff2'),
		url('./assets/fonts/gotham-bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'Yantramanav';
    src: url('./assets/fonts/Yantramanav-Regular.woff2') format('woff2'),
        url('.assets/fonts/Yantramanav-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

body,
.editor-styles-wrapper {
	background: #F5F8FA;
}

body {
	--admin-bar-height: 0px;
}

body.admin-bar {
	--admin-bar-height: 32px;
}

@media screen and (max-width: 782px) {
	body.admin-bar {
		--admin-bar-height: 46px;
	}
}

.display-heading.display-heading.display-heading {
	font-size: clamp(32px, 2.092vw + 1.49rem, 64px);
	letter-spacing: -0.06em;
	line-height: 1.2;
}

.h1.h1.h1 {
	font-size: clamp(32px, 1.559vw + 1.596rem, 48px);
	letter-spacing: -0.04em;
	line-height: 1.25;
}

.h2.h2.h2 {
	font-size: clamp(28px, 0.39vw + 1.649rem, 32px);
	letter-spacing: -0.03em;
	line-height: 1.18;
}

.h3.h3.h3 {
	font-size: clamp(24px, 0.39vw + 1.399rem, 28px);
	letter-spacing: -0.025em;
	line-height: 1.21;
}

.h4.h4.h4 {
	font-size: clamp(20px, 0.39vw + 1.149rem, 24px);
	letter-spacing: -0.025em;
	line-height: 1.18;
}

.h5.h5.h5 {
	font-size: 18px;
	letter-spacing: -0.025em;
	line-height: 1.33;
}

.h6.h6.h6 {
	font-size: 16px;
	letter-spacing: -0.025em;
	line-height: 1.33;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	display: block;
	margin-left: auto;
}

/* ------------------------------------------------------------ *\
	Styles for taxonomy meta fields
\* ------------------------------------------------------------ */

div.img-wrap {
	margin-top: 10px;
	max-width: 450px; 
	max-height: 150px; 
	width: 100%; 
	height: 100%; 
	overflow:hidden; 
}

div.img-wrap img {
	max-width: 450px;
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.wp-element-button {
	display: flex;
	align-items: center;
	gap: 12px;
}

.wp-element-button img {
	display: block;
}

.wp-block-button .wp-block-button__link {
	font-weight: 500;
	letter-spacing: 0.025em;
	padding: calc(0.667em + 2px) 1.333em;
	transition: background .4s ease-out;
}

.wp-block-button.is-style-disabled {
	cursor: not-allowed;
}

.wp-block-button.is-style-disabled .wp-block-button__link {
	background: #B4C3CB;
	color: var(--wp--preset--color--white);
	pointer-events: none;
}

.editor-styles-wrapper .wp-block-button.is-style-disabled {
	cursor: initial;
}

.editor-styles-wrapper .wp-block-button.is-style-disabled .wp-block-button__link  {
	pointer-events: auto;
}

.wp-block-button.is-style-primary .wp-block-button__link {
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
}

.wp-block-button.is-style-secondary .wp-block-button__link {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

.wp-block-button.is-style-tertiary .wp-block-button__link {
	background: var(--wp--preset--color--dark-grey);
	color: #fff;
}

@media (hover:hover) and (pointer:fine) {
	.wp-block-button.is-style-primary .wp-block-button__link:hover {
		background: #1F494D;
	}

	.wp-block-button.is-style-secondary .wp-block-button__link:hover {
		background: #C88600;
	}

	.wp-block-button.is-style-tertiary .wp-block-button__link:hover {
		background: #221F20;
	}
}

/* ------------------------------------------------------------ *\
	Unordered list 
\* ------------------------------------------------------------ */

.wp-block-group > ul {
	list-style: none;
	padding: 0;
}

.wp-block-group > ul li {
	position: relative;
	padding-left: 30px;
	line-height: 1.27;
	margin-bottom: 20px;
}

.wp-block-group > ul li:last-child {
	margin-bottom: 0;
}

.wp-block-group > ul li:before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 12px;
	height: 12px;
	background: var(--wp--preset--color--dark-grey);
	border-radius: 50%;
}

/* ------------------------------------------------------------ *\
	List with-images
\* ------------------------------------------------------------ */

.list-with-images.list-with-images > li,
.list-with-images.list-with-images > li .block-editor-rich-text__editable {
	padding-left: initial;
	display: flex;
	align-items: flex-start;
	gap: 26px;
}

.list-with-images.list-with-images li:before {
	display: none;
}

.list-with-images.list-with-images li a {
	align-self: center;
	display: flex;
	text-decoration: none;
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
	.list-with-images.list-with-images > li {
		gap: 10px;
	}
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

header.wp-block-template-part:has(.pbs-header) {
	display: contents;
}

.pbs-header {
	position: sticky;
	top: var(--admin-bar-height);
	left: 0;
	width: 100%;
	z-index: 100;
}

.pbs-header {
	max-width: calc(1728px + 2 * var(--wp--preset--spacing--lg));
	margin-inline: auto;
}

.pbs-header .wp-block-button.is-style-secondary .wp-block-button__link {
	font-family: 'Yantramanav', sans-serif;
	font-weight: 400;
	padding: calc(0.59em + 0px) calc(1.333em + 6px);
	border-radius: 8px;
}

.pbs-header .wp-block-site-logo {
	flex-shrink: 0;
}

.pbs-header .wp-block-navigation__container {
	gap: 64px;
}

.pbs-header .wp-block-navigation__submenu-container {
	overflow: initial !important;
}

.pbs-header .wp-block-navigation__submenu-container:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 100%;
	left: 0;
	right: 0;
	height: 44px;
}

@media screen and (max-width: 1270px) {
	.pbs-header .wp-block-navigation__submenu-container:before {
		display: none;
	}
}

@media (max-width: 1023px) {
	.pbs-header  {
		margin-top: 10px !important;
	}
}

@media screen and (max-width: 600px) {
	body.admin-bar .pbs-header {
		top: calc(var(--admin-bar-height));
	}
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.pbs-header .wp-block-navigation .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--primary);
}

.pbs-header .wp-block-navigation .wp-block-navigation-item.current-menu-item  .wp-block-navigation__submenu-icon {
	background-color: var(--wp--preset--color--primary);
}

.wp-block-navigation .wp-block-navigation__responsive-container-content ul {
	list-style: none;
}

.wp-block-navigation .wp-block-navigation__responsive-container-content ul li {
	padding-left: 0;
}

.wp-block-navigation .wp-block-navigation__responsive-container-content ul li:before {
	content: none;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath id='Polygon_5' data-name='Polygon 5' d='M4,0,8,6H0Z' transform='translate(8 6) rotate(180)' fill='%23fff'/%3E%3C/svg%3E%0A");
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
	background-color: #fff;
	width: 8px;
	height: 6px;
	margin-left: 16px;

	& svg {
		display: none;
	}
}

.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle {
	padding-right: 23px;;
}

@media (hover: hover) and (pointer: fine) {
	.wp-block-navigation .wp-block-navigation-item:hover > .wp-block-navigation-item__content {
		color: var(--wp--preset--color--primary);
	}

	.wp-block-navigation .wp-block-navigation-item:hover .wp-block-navigation__submenu-icon {
		background-color: var(--wp--preset--color--primary);
	}
}


@media (max-width: 1700px) {
	.pbs-header .header__nav {
		gap: 35px;
	}
}

@media (max-width: 1550px) {
	.pbs-header .header__nav {
		gap: 20px;
	}

	.pbs-header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
		font-size: 14px !important;
	}

	.pbs-header .wp-block-navigation .wp-block-navigation__submenu-icon {
		margin-left: 10px;
	}
}

@media (max-width: 1270px) {
	.pbs-header .header__nav {
		justify-content: flex-end;
	}
}

@media (min-width: 600px) {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
		position: fixed;
	}
	
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
		display: none;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
		left: 0;
	}
}

@media (min-width: 600px) and (max-width: 1270px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}
}
	
@media (min-width: 1271px) {
	.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, 
	.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, 
	.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container  {
		min-width: 319px;
		border-radius: 8px;
		border: 0;
		overflow: hidden;
	}

	.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
		top: calc(100% + 44px);
		left: -56px;
		padding: 44px 28px;
		background: rgba(90, 122, 125, .9) !important;
	}

	.wp-block-navigation .has-child .wp-block-navigation-item {
		--bottom-spacing: 31px;
		margin-bottom: var(--bottom-spacing);
		background: initial;
	}

	.wp-block-navigation .has-child .wp-block-navigation-item:last-child {
		margin-bottom: 0;
	}

	.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
		position: relative;
		padding: 0 24px;
	}

	.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:before {
		content: '';
		width: 6px;
		height: 6px;
		border-radius: 50%;
		background: var(--wp--preset--color--primary);
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}

	.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content:after {
		content: '';
		position: absolute;
		top: 86%;
		left: 2px;
		background: #fff;
		width: 1px;
		height: calc(var(--bottom-spacing) + 4px);
	}

	.wp-block-navigation .has-child .wp-block-navigation-item:last-child>.wp-block-navigation-item__content:after {
		display: none;
	}

	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block;
		position: relative;
	}
	
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
		display: none
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
		left: 0;
	}
}

.wp-block-social-links.wp-block-social-links.wp-block-social-links {
	list-style: none;
}

.wp-block-navigation .wp-block-navigation__container li, .wp-block-social-links li {
	padding-left: 0;
	margin: 0;
}

.wp-block-navigation .wp-block-navigation__container li:before, 
.wp-block-social-links.wp-block-social-links.wp-block-social-links li:before {
	content: none;
}


/* ------------------------------------------------------------ *\
	Header editor styles
\* ------------------------------------------------------------ */

.is-root-container.is-root-container {
	container-type: inline-size;
	container-name: header-editor;
}

.is-root-container.is-root-container header.wp-block-template-part:has(.pbs-header) {
	display: block;
}

@container header-editor (max-width: 1700px) {
	.pbs-header {
		top: initial;
	}

	.is-root-container.is-root-container .header__nav {
		gap: 35px !important;
	}
}

@container header-editor (max-width: 1550px) {
	.is-root-container.is-root-container .header__nav {
		gap: 20px !important;
	}

	.is-root-container.is-root-container .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
		font-size: 14px !important;
	}

	.is-root-container.is-root-container .wp-block-navigation .wp-block-navigation__submenu-icon {
		margin-left: 10px;
	}
}

@container header-editor (max-width: 1300px) {
	.is-root-container.is-root-container .header__nav {
		justify-content: flex-end !important;
	}
}

@container header-editor (min-width: 600px) {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none !important;;
		position: fixed !important;
	}
	
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
		display: none !important;;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
		left: 0 !important;
	}
}

@container header-editor (min-width: 600px) and (max-width: 1300px) {
	.wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex !important;
	}
}
	
@container header-editor (min-width: 1300px) {
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: block !important;
		position: relative !important;
	}
	
	.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close {
		display: none !important;
	}
	
	.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container {
		left: 0 !important;
	}
}

@container header-editor (max-width: 1550px) {
	.wp-block-search__inside-wrapper {
		width: 200px !important;
	}

	.wp-block-search__inside-wrapper:before {
		left: 10px !important;
	}

	.wp-block-search__inside-wrapper input {
		font-size: 14px !important;
		padding-left: 40px !important;
	}
}

@container header-editor (max-width: 1300px) {
	.wp-block-search__inside-wrapper {
		width: 100% !important;
	}
}

/* ------------------------------------------------------------ *\
	Text-border
\* ------------------------------------------------------------ */

.text-border {
	display: inline-block;
}

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */

.wp-block-social-links li {
	transform: scale(1) !important;
}

.wp-block-social-links li a {
	transition: opacity 250ms ease-out;
}

.wp-block-social-links li:hover a {
	opacity: 0.5;
}

.wp-block-social-links li:not(:last-child) {
	position: relative;
}

.wp-block-social-links li:not(:last-child):after {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	bottom: 3px;
	left: 100%;
	width: 1px;
	margin-left: 10px;
	background: var(--wp--preset--color--secondary);
}

/* ------------------------------------------------------------ *\
	CTA
\* ------------------------------------------------------------ */

.column-cta {
	position: relative;
	height: 100%;
}

.column-cta .wp-block-button__link:before {
	content: '';
	position: absolute;
	inset: 0;
}

@media (max-width: 1023px) {
	.column-cta.is-not-stacked-on-mobile {
		flex-wrap: wrap !important;
   }

	.column-cta.is-not-stacked-on-mobile > .wp-block-column:first-child > *:first-child {
		flex: 0 1 calc(100% - 64px);
   }

	.column-cta.is-not-stacked-on-mobile > .wp-block-column:first-child p {
		flex-basis: 100%;
		order: 2;
   }

	.column-cta.is-not-stacked-on-mobile > .wp-block-column:last-child {
		margin-left: auto;
   }
}


/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

@media (max-width: 1023px) {
	.footer-top.is-layout-flex {
		display: grid;
		grid-template-columns: 2fr 1fr;
		gap: var(--wp--preset--spacing--lg);
	}
}

@media (max-width: 781px) {
	.footer-top.is-layout-flex {
		display: flex;
		flex-direction: column;
		gap: var(--wp--preset--spacing--xl);
	}
}

@media (min-width: 546px) and (max-width: 781px) {
	.footer-top .wp-block-social-links {
		margin-top: 0 !important;
	}
}

.footer-bottom a:not([href^="tel"]) {
	 text-decoration: none;
}

@media (max-width: 1023px) {
	.footer-columns.is-layout-flex {
		display: grid;
		grid-template-columns: auto 1fr 1fr;
		gap: var(--wp--preset--spacing--xl);
	}
}

@media (max-width: 781px) {
	.footer-columns.is-layout-flex {
		display: flex;
		flex-direction: column;
		gap: var(--wp--preset--spacing--xl);
	}
}

@media (max-width: 781px) {
	.footer-socials {
		display: flex;
		justify-content: space-between;
		align-items: center;
		gap: var(--wp--preset--spacing--lg);
	}
}

@media (max-width: 545px) {
	.footer-socials {
		display: block;
	}
}

/* ------------------------------------------------------------ *\
	Search
\* ------------------------------------------------------------ */

.wp-block-search__inside-wrapper {
	position: relative;
}

.wp-block-search__inside-wrapper input {
	height: 50px;
	border-radius: 4px;
	padding-left: 50px;
	font-size: 16px;
}

.wp-block-search__inside-wrapper input::placeholder {
	color: #33333380;
}

.wp-block-search__inside-wrapper:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 18px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="17.121" height="17.121" viewBox="0 0 17.121 17.121"><path id="search_FILL0_wght400_GRAD0_opsz48" d="M121.046,232.121l6.254-6.254a5.243,5.243,0,0,0,1.664.963,6.143,6.143,0,1,0-3.685-3.769,6.036,6.036,0,0,0,1,1.783L120,231.075Zm9.964-6.373a4.447,4.447,0,0,1-3.285-1.367,4.686,4.686,0,0,1,0-6.587,4.447,4.447,0,0,1,3.285-1.367,4.661,4.661,0,1,1,0,9.321Z" transform="translate(-120 -215)" fill="%235a7a7d" opacity="0.5"/></svg>');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 17px;
	height: 17px;
	translate: 0 -50%;
	pointer-events: none;
}

@media (max-width: 1550px) {
	.wp-block-search__inside-wrapper {
		width: 200px !important;
	}

	.wp-block-search__inside-wrapper:before {
		left: 10px;
	}

	.wp-block-search__inside-wrapper input {
		font-size: 14px !important;
		padding-left: 40px;
	}
}

@media (max-width: 1270px) {
	.wp-block-search__inside-wrapper {
		width: 100% !important;
	}
}

/* ------------------------------------------------------------ *\
	Media & Text Block
\* ------------------------------------------------------------ */

.wp-block-media-text .wp-block-media-text__media {
	border-radius: 12px;
	overflow: hidden;
}

.section-media-text.section-media-text .wp-block-media-text__content {
	padding: 0;
	padding-left: 8%;
	margin-left: auto;
}

.section-media-text.section-media-text.has-media-on-the-right .wp-block-media-text__content {
	padding: 0;
	padding-right: 8%;
	margin-left: initial;
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
    .wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns: 100% !important;
		grid-gap: 30px;
    }

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		grid-column: 1;
		grid-row: 2;
	}

	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
        grid-column: 1;
        grid-row: 1;
    }

	.section-media-text.section-media-text.has-media-on-the-right .wp-block-media-text__content {
		padding: 0;
		margin-left: initial;
	}

	.section-media-text.section-media-text .wp-block-media-text__content {
		padding: 0;
		margin-left: initial;
	}

	.section-media-text.section-media-text .wp-block-media-text__content > *,
	.section-media-text.section-media-text .wp-block-media-text__content > * > *  {
		max-width: 100% !important;
	}
}

/* ------------------------------------------------------------ *\
	Section Media Text
\* ------------------------------------------------------------ */

.section-cover-secondary-overlay:before {
	content: '';
	display: block;
	position: absolute;
	inset: 0;
	opacity: .17;
	background: linear-gradient(60deg, rgba(73,104,106,1) 0%, rgba(249,147,0,1) 100%);
	z-index: 1;
	mix-blend-mode: multiply;
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
	.section-cover-secondary-overlay {
		min-height: 500px !important;
	}
}



/* ------------------------------------------------------------ *\
	Category Pills
\* ------------------------------------------------------------ */

.category-pills {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--md);
	align-items: center;
}

.category-pills li.cat-item {
	padding-left: 0;
	margin-bottom: 0;
}

.category-pills li.cat-item:before {
	content: none;
}

.category-pills a {
	font-family: var(--wp--preset--font-family--yantramanav);
	color: var(--wp--preset--color--dark-grey);
	font-weight: 700;
	display: inline-block;
	padding: 5px 12px;
	border: 1px solid var(--wp--preset--color--secondary);
	border-radius: 9999px;
	text-decoration: none;
	transition: background-color 250ms ease-out, color 250ms ease-out;
}

.category-pills p.is-active a {
	background: var(--wp--preset--color--secondary);
	color: #fff;
}

.category-pills .cat-item-1 {
	display: none;
}


@media (hover: hover) and (pointer: fine) {
	.category-pills a:hover {
		background: var(--wp--preset--color--secondary);
		color: var(--wp--preset--color--white);
	}
}

/* ------------------------------------------------------------ *\
	Hero 
\* ------------------------------------------------------------ */

.hero.hero.hero.hero {
	margin-top: -154px;
	align-items: flex-start;
	padding-bottom: 310px;
}

.hero .wp-block-cover__background:before {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(245,248,250,1) 0%, rgba(123,124,125,0) 100%);
}

.hero .wp-block-cover__background:after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(245,248,250,1) 0%, rgba(123,124,125,0) 100%);
}

.hero:after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url('./assets/images/image-7.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	mix-blend-mode: multiply;
	pointer-events: none;
	z-index: 1;
}

.hero .wp-block-cover__inner-container h3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
	.hero .wp-block-cover__background {
		opacity: .9;
	}
}

/* ------------------------------------------------------------ *\
	Section Columns
\* ------------------------------------------------------------ */

.section-columns.section-columns.section-columns.section-columns {
	position: relative;
	z-index: 1;
	margin-top: -294px;
}

.section-columns .wp-block-columns {
	justify-content: space-between;
}

@media (max-width: 1023px) {
	.section-columns .wp-block-columns {
		gap: 20px;
	}
}

/* ------------------------------------------------------------ *\
	Blend mode multiply
\* ------------------------------------------------------------ */

.blend-mode-multiply {
	mix-blend-mode: multiply;
}

/* ------------------------------------------------------------ *\
	Card Column
\* ------------------------------------------------------------ */

.card-column {
	position: relative;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.card-column .card-column__link {
	border-top: 1px solid #E5E5E5;
	display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-column .card-column__link a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	text-decoration: underline;
	color: #333333;
	text-decoration: none;
}

.card-column .card-column__link a:before {
	content: '';
	position: absolute;
	inset: 0;
}

.card-column .card-column__link a:hover {
	text-decoration: underline;
}

.card-column .card-column__link a:hover:after {
	transform: translateX(10px);
}

.card-column .card-column__link a:after {
	content: '';
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg id='Component_35_4' data-name='Component 35 – 4' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='Path_23313' data-name='Path 23313' d='M16.175,13H4V11H16.175l-5.6-5.6L12,4l8,8-8,8-1.425-1.4Z' transform='translate(-4 -4)'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	flex-shrink: 0;
	width: 16px;
	height: 16px;
	margin-right: 1.8vw;
	transition: transform .4s;
}

/* ------------------------------------------------------------ *\
	Body Wrapper
\* ------------------------------------------------------------ */

.wp-site-blocks {
	position: relative;
}

.wp-site-blocks:before {
	content: '';
    background: url(./assets/images/background-2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
	top: -40px;
    left: 0;
    right: 0;
	height: min(1920px, 100%);
    display: block;
    z-index: -1;
	opacity: 1;
	mix-blend-mode: multiply;
}

.wp-site-blocks:after {
	content: '';
    background: url(./assets/images/background.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 680px;
    display: block;
    z-index: -1;
}

/* ------------------------------------------------------------ *\
	Hero Secondary
\* ------------------------------------------------------------ */

.hero-secondary.hero-secondary {
	margin-top: -154px;
}

/* ------------------------------------------------------------ *\
	Marquee negative margin
\* ------------------------------------------------------------ */

.partners-marquee-negative-margin.partners-marquee-negative-margin.partners-marquee-negative-margin.partners-marquee-negative-margin {
	position: relative;
	z-index: 5;
	margin-top: -133px;
	margin-bottom: -35px;
}

/* ------------------------------------------------------------ *\
	Gravity forms 
\* ------------------------------------------------------------ */

.form-contact_wrapper .gform_required_legend {
	display: none;
}

.form-contact_wrapper.gform-theme--foundation {
	--gf-form-gap-y: 12px;
}

.gform-theme--api, 
.gform-theme--foundation {
	--gf-form-gap-y: 16px;
}

.form-contact_wrapper.gform-theme--foundation .gfield .ginput_password, 
.form-contact_wrapper.gform-theme--foundation .gfield input, 
.form-contact_wrapper.gform-theme--foundation .gfield select  {
	height: 48px;
	border: 0;
}

.form-contact_wrapper.gform-theme--foundation .gfield textarea.large {
	--gf-local-height: 98px;
	min-block-size: var(--gf-local-height);
}

.form-contact_wrapper.gform-theme--framework .gform-field-label>.gfield_required {
	--gf-ctrl-label-font-size-req: 16px;
	color: #fff;
}

.form-contact_wrapper .gfield_contains_required .gfield_label {
	gap: initial;
}

.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	font-size: 16px;
	padding: 17px;
	letter-spacing: 0.025em;
}

.form-contact.gform-theme--framework .gform_confirmation_message {
	color: #fff;
}

.form-contact_wrapper.gform-theme--framework .gform_validation_errors {
	border-color: red;;
	color: red;
}

.form-contact_wrapper.gform-theme--framework .gform-field-label:where(:not([class*=gform-field-label--type-])) {
	--gf-local-margin-y: 0 12px;
}

.form-contact_wrapper.gform-theme--framework .gform_validation_errors .gform_submission_error,
.form-contact_wrapper.gform-theme--framework .gform_validation_errors .gform-icon {
	color: red;
}

.form-contact_wrapper.gform-theme--framework .gform_validation_errors .gform-icon {
	border-color: red;
}

.form-contact_wrapper.gform-theme--framework.gform_validation_error .gform-field-label,
.form-contact_wrapper.gform-theme--framework.gform_validation_error .gform-field-label>.gfield_required,
.form-contact_wrapper.gform-theme--framework .gfield_validation_message  {
	color: red;
}

.gform-theme.gform-theme--framework.gform_wrapper.gform_validation_error .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper.gform_validation_error .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper.gform_validation_error :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper.gform_validation_error button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper.gform_validation_error input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper.gform_validation_error input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper.gform_validation_error input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	background: var(--wp--preset--color--primary);
	color: var(--wp--preset--color--white);
}

.wp-block-button.is-style-primary .wp-block-button__link {
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--white);
}



@media (hover:hover) and (pointer:fine) {
	.gform-theme.gform-theme--framework.gform_wrapper.gform_validation_error .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, 
	.gform-theme.gform-theme--framework.gform_wrapper.gform_validation_error .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, 
	.gform-theme.gform-theme--framework.gform_wrapper.gform_validation_error :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, 
	.gform-theme.gform-theme--framework.gform_wrapper.gform_validation_error button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, 
	.gform-theme.gform-theme--framework.gform_wrapper.gform_validation_error input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, 
	.gform-theme.gform-theme--framework.gform_wrapper.gform_validation_error input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, 
	.gform-theme.gform-theme--framework.gform_wrapper.gform_validation_error input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover {
		background: #C88600;
	}
}

/* ------------------------------------------------------------ *\
	Section contact reverse mobile
\* ------------------------------------------------------------ */

@media (max-width: 781px) {
	.section-contact-reverse-mobile .wp-block-columns .wp-block-column:last-child {
		order: -1;
	}
}

/* ------------------------------------------------------------ *\
	Search filter
\* ------------------------------------------------------------ */

.search-filter form ul {
	padding: 0;
	display: flex;
	justify-content: space-between;
	gap: 24px;
}

.search-filter form ul li {
	padding: 0;
}

.search-filter form > ul > li:not(.sf-field-search) {
	flex-grow: 1;
}

.search-filter form input[type="radio"] {
	position: absolute;
	opacity: 0;
	appearance: none;
}

.search-filter .sf-field-search {
	flex: 0 0 30%;
}

.search-filter .sf-field-search label {
	position: relative;
	display: block;
	width: 100%;
	opacity: 1;
}

.search-filter .sf-field-search label:before {
	content: '';
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.121' height='17.121' viewBox='0 0 17.121 17.121'%3E%3Cpath id='search_FILL0_wght400_GRAD0_opsz48' d='M121.046,232.121l6.254-6.254a5.243,5.243,0,0,0,1.664.963,6.143,6.143,0,1,0-3.685-3.769,6.036,6.036,0,0,0,1,1.783L120,231.075Zm9.964-6.373a4.447,4.447,0,0,1-3.285-1.367,4.686,4.686,0,0,1,0-6.587,4.447,4.447,0,0,1,3.285-1.367,4.661,4.661,0,1,1,0,9.321Z' transform='translate(-120 -215)' fill='%235a7a7d' opacity='0.5'/%3E%3C/svg%3E%0A");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 17px;
	height: 17px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 25px;
}

.search-filter .sf-field-search input {
	width: 100%;
	font-size: 16px;
	font-family: 'Gotham', sans-serif;
	font-weight: 400;
	border: 1px solid #E5E5E5;
	background: #fff;
	border-radius: 4px; 
	height: 52px;
	padding-inline: 57px;
	color: #33333380;
}

.search-filter .sf-field-search input::placeholder {
	color: #33333380;
}

.search-filter label {
	font-size: 16px;
	font-weight: 500;
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
	opacity: 0.5;
	transition: opacity .4s;
	cursor: pointer;
	padding-left: initial !important;
}

.search-filter label img {
	flex-shrink: 0;
}

.search-filter .sf-item-0 label:before {
	content: '';
	display: block;
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='15.075' viewBox='0 0 20 15.075'%3E%3Cpath id='Path_43' data-name='Path 43' d='M5.55,19,2,15.45l1.4-1.4,2.125,2.125,4.25-4.25,1.4,1.425Zm0-8L2,7.45l1.4-1.4L5.525,8.175l4.25-4.25,1.4,1.425ZM13,17V15h9v2Zm0-8V7h9V9Z' transform='translate(-2 -3.925)'/%3E%3C/svg%3E ");
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
	width: 20px;
	height: 15px;
	background: #000;
}

.search-filter form ul ul {
	display: flex;
	justify-content: space-between;
	gap: 15px;
	flex-wrap: wrap;
	padding: 15px 48px;
	background: #fff;
	border-radius: 6px;
} 

.search-filter li:hover > label {
	opacity: 1;
}

.search-filter li.sf-option-active label {
	opacity: 1;
}

@media (max-width: 1199px) {
	.search-filter form ul ul {
		padding: 15px;
	}
}

@media (max-width: 1023px) {
	.search-filter form > ul {
		flex-direction: column;
	}
}

@media (max-width: 767px), screen and (max-width: 812px) and (orientation: landscape) {
	.search-filter form ul ul {
		flex-direction: column;
	}
}

/* ------------------------------------------------------------ *\
	Pagination
\* ------------------------------------------------------------ */

.pagination,
.wp-block-query-pagination-numbers {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-block: 60px;
}

.pagination .page-numbers,
.wp-block-query-pagination-numbers .page-numbers {
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-size: 20px;
	font-weight: 700;
	width: 47px;
	height: 47px;
	line-height: 1;
	border-radius: 50%;
	color: #182D39;
	border: 1px solid #182D39;
	transition: background .4s, color .4s;
}

.pagination .current,
.wp-block-query-pagination-numbers .current {
background: #182D39;
	color: #fff;
}

.pagination .page-numbers:hover,
.wp-block-query-pagination-numbers .page-numbers:hover {
	background: #182D39;
	color: #fff;
}

.pagination .page-numbers:hover:before,
.wp-block-query-pagination-numbers .page-numbers:hover:before {
	background-color: #fff;
}

.pagination .next,
.pagination .prev {
	position: relative;
	font-size: 0;
}


.pagination .next:before,
.pagination .prev:before {
	content: '';
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
	width: 16px;
	height: 16px;
	background-color: #182D39;
}

.pagination .next:before {
	mask-image: url("data:image/svg+xml,%3Csvg id='Component_35_14' data-name='Component 35 – 14' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='Path_23313' data-name='Path 23313' d='M16.175,13H4V11H16.175l-5.6-5.6L12,4l8,8-8,8-1.425-1.4Z' transform='translate(-4 -4)'/%3E%3C/svg%3E%0A");
}

.pagination .prev:before {
	mask-image: url("data:image/svg+xml,%3Csvg id='Component_35_14' data-name='Component 35 – 14' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath id='Path_23313' data-name='Path 23313' d='M16.175,13H4V11H16.175l-5.6-5.6L12,4l8,8-8,8-1.425-1.4Z' transform='translate(-4 -4)'/%3E%3C/svg%3E%0A");
	transform: rotate(180deg);
}

.wp-block-query-pagination-next, 
.wp-block-query-pagination-previous {
	font-family: 'Gotham', sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: #182D39;
	text-decoration: none;
	width: initial;
	height: initial;
	line-height: initial;
	border-radius: 19px;
}

.wp-block-query-pagination-next:hover, 
.wp-block-query-pagination-previous:hover {
	text-decoration: underline;
} 

@media (max-width: 1023px) {
	.pagination .page-numbers,
	.wp-block-query-pagination-numbers .page-numbers {
		font-size: 16px;
		width: 35px;
		height: 35px;
	}

	.pagination .next,
	.pagination .prev {
		font-size: 0;
	}

	.pagination .page-text-next {
		width: initial;
		height: initial;
	}
}

.pagination--secondary {
	gap: 9px;
}

.pagination--secondary .page-numbers {
	width: 33px;
	height: 33px;
	font-size: 16px;
	line-height: 27px;
	font-family: 'Yantramanav', sans-serif;
	color: var(--wp--preset--color--secondary);
	border-color: var(--wp--preset--color--secondary);
}

.pagination--secondary .current {
	background: var(--wp--preset--color--secondary);
	color: #fff;
}

.pagination--secondary .page-numbers:hover {
	background: var(--wp--preset--color--secondary);
	color: #fff;
}

.pagination--secondary .next,
.pagination--secondary .prev {
	font-family: 'Gotham', sans-serif;
	font-size: 16px;
	font-weight: 400;
	width: initial;
	height: initial;
	line-height: initial;
	border-radius: 19px;
	padding: 7px 14px;
}

.pagination--secondary .next:before,
.pagination--secondary .prev:before {
	display: none;
}

/* ------------------------------------------------------------ *\
	Tags and Categories
\* ------------------------------------------------------------ */

.tags-alt,
.categories-alt {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 12px;
}

.tags-alt .wp-block-post-terms__separator,
.categories-alt .wp-block-post-terms__separator {
	display: none;
}

.tags-alt a,
.categories-alt a {
	font-family: 'Yantramanav', sans-serif;
	display: inline-block;
	padding: 6px 12px;
	border-radius: 19px;
	text-decoration: none !important;
	color: var(--wp--preset--color--secondary);
	border: 1px solid var(--wp--preset--color--secondary);
	transition: background .4s, color .4s, border .4s;
}

.tags-alt a:hover,
.categories-alt a:hover {
	background: var(--wp--preset--color--secondary);
	color: #fff;
}

.tags-alt--green a,
.categories-alt--gren a {
	background: var(--wp--preset--color--secondary);
	color: #fff;
}

.tags-alt--green a:hover,
.categories-alt--gren a:hover {
	color: var(--wp--preset--color--secondary);
	border: 1px solid var(--wp--preset--color--secondary);
	background: transparent;
}

/* ------------------------------------------------------------ *\
	Post title links
\* ------------------------------------------------------------ */

.wp-block-post-title a {
	text-decoration: none;
	color: #000;
}

.wp-block-post-title a:hover {
	text-decoration: underline;
}