/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 04 2025 | 05:07:44 */
/* Product Families */
body.single-product-family .application-hero {
	height: 480px;
}
.region-switch-btns {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.region-btn {
	display: flex;
	padding: 7px var(--header-padding, 20px);
	align-items: flex-start;
	gap: 10px;
	border-radius: 50px;
	background: #fff;
	color: var(--p1);
	font-family: var(--bold-font-family);
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	text-decoration: none;
}
.region-btn.selected {
	background: var(--p1-600, #002C77);
	color: #fff;
}
.products-block h1.evlt-paragraph__main-title {
    margin-bottom: 40px;
}
.products-block h5 {
	color: var(--p1-300);
}
.brochure-row .layout-row__content {
	display: flex;
	width: var(--col-8, 848px);
	align-items: center;
	gap: var(--space-2, 60px);
	margin: 0 auto;
}
.brochure-image {
	width: 375px;
}
.brochure-content {
	width: 430px;
}
.post-cards.cols-5 .post-cards__item {
	width: calc(20% - 4px);
}
.post-cards.cols-5 .product-card {
	width: calc(100% - 60px);
}
.product-example-row .layout-row__content {
	width: 70%;
    margin: 0 auto;
	gap: 70px;
}
.product-example-col {
	width: 412px;
}
.product-example-col .evlt-image {
	height: 372px;
}
.product-example-col img {
	width: 350px;
}
.product-example-col h1.evlt-paragraph__main-title {
	font-size: 24px;
	line-height: 30px;
}
.product-example-col .evlt-paragraph__text, .product-example-col .evlt-paragraph__text p {
	font-size: 13px;
	line-height: 18px;
}
.product-example-col .evlt-paragraph__cta {
	margin: 0 auto;
}

/* Products */
.application-hero.product-family-hero .layout-row__content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
}
.product-links {
	display: flex;
	align-items: center;
	gap: var(--space-small, 30px);
}
.product-btns .btn-group {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}
.region-btn.region-btn-alt {
	background: var(--p1-600);
	color: #fff;
}
.region-btn.region-btn-alt2 {
	background: var(--p1);
	color: #fff;
}
.product-heading {
	display: flex;
	align-items: center;
	gap: 5px;
}
.product-family {
	opacity: 0.5;
}
.hero-section.product-hero-section .layout-row__content {
	align-items: center;
}
.hero-section.product-hero-section .evlt-paragraph__sub-title {
	color: var(--p1);
}
.hero-section.product-hero-section .evlt-paragraph {
	padding: 0;
}
.product-guides .resource-cards .post-cards__item-image-box {
	border: 1px solid #e5e5e5;
}
.product-guides .resource-cards .post-cards__item-image {
    object-position: top;
}
.product-guides .resource-cards .post-cards__static-layout {
    row-gap: 60px;
}
.product-case-studies .case-studies-modular-slider {
    margin-bottom: 60px;
}
.related-products .product-family-cards.resource-cards .post-cards__item-image-box {
	height: 520px;
}
.related-products .product-family-cards.resource-cards .post-cards__item-image {
	object-fit: contain;
}

/* Products Page */
.product-listing {
	display: flex;
	gap: 5px;
}
.product-listing h6 {
	font-size: 14px;
	line-height: 14px;
}
.product-listing .product-items {
	display: flex;
	gap: 5px;
	flex-wrap: wrap;
}
.product-listing .product-item {
	font-size: 14px;
	line-height: 14px;
	color: var(--p1);
}
.product-listing .product-item:not(:last-child)::after {
	content: ",";
}

/* RESPONSIVE */

@media (max-width: 1024px) {
	.product-example-row .layout-row__content {
		width: 100%;
		gap: 30px;
	}
	.post-cards.cols-5 .post-cards__item {
		width: calc(33% - 4px);
	}
	.product-links {
		gap: 20px;
	}
	.submenu-link.submenu-link {
		font-size: 13px;
		line-height: 13px;
	}
	.region-btn {
		padding: 5px 10px;
		font-size: 10px;
		line-height: 10px;
	}
	.product-heading .heading--h5, .product-heading h5 {
		font-size: 16px;
		line-height: 16px;
	}
	.product-guides .resource-cards .post-cards__static-layout {
		--columns-count: 3 !important;
	}
}

@media (max-width: 767px) {
	.product-guides .resource-cards .post-cards__static-layout {
		--columns-count: 2 !important;
	}
	body.single-product .btn-group--h-align-right {
		justify-content: center;
	}
	.product-family-cards.resource-cards .post-cards__static-layout {
		--columns-count: 1 !important;
	}
}