/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 03 2023 | 02:13:43 */
/* PARAGRAPH | VARIANT=DEFAULT */

.evlt-paragraph__extra-info {
    font-size: 16px;
	font-family: var(--headings-font-family);
	margin-bottom: 20px;
}

/* HERO BANNER | VARIANT=DEFAULT */

.hero-banner__text {
	font-size: 24px;
    line-height: 34px;
    color: #ffffff99;
}

/* HERO-BANNER | VARIANT=SLIMLINE */

.slimline-hero {
	border-radius: 12px;
	height: unset;
	min-height: 200px;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0;
	background: var(--primary-brand-color);
}

.slimline-hero.hero-banner::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: #00000050;
	z-index: 1;
}

.slimline-hero .hero-banner__title {
	color: var(--grey-white, #FFF);
	/* Desktop/H3 32 */
	font-size: 32px;
	font-style: normal;
	font-weight: 700;
	line-height: 44px; /* 137.5% */
	text-align: left;
	max-width: 750px;
}

.slimline-hero .hero-banner__text {
    margin-bottom: 0px;
	color: var(--grey-white, #FFF);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px; /* 155.556% */
	width: calc(var(--container-max-width) / 2);
    text-align: left;
}

.slimline-hero .hero-banner__container {
	flex-direction: column;
	justify-content: center;
	align-items: start;
}

.slimline-hero .section__image-bg-box {
    mix-blend-mode: multiply;
}

.slimline-hero .hero-banner__btn {
	border-radius: 4px;
	position: absolute;
    right: 0px;
}


/* HERO BANNER | VARIANT=HOMEPAGE */

.homepage-hero {
	height: 90vh;
}

.homepage-hero::before {
    background-color: var(--primary-brand-color);
    mix-blend-mode: multiply;
    opacity: 0.8;
    z-index: 1;
}

.homepage-hero .section__image-bg-box::before {
	content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
	z-index: 1;
}

.homepage-hero .hero-banner__title {
	font-size: 72px;
    line-height: 82px;
}

.homepage-hero .hero-banner__text {
	font-size: 24px;
    line-height: 34px;
	color: #ffffff80;
}

/* POSTS PREVIEW | VARIANT=DEFAULT */

.posts-preview {
	background-color: unset;
}

.posts-preview .posts-preview__meta-type {
	color: var(--primary-brand-color);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 34px; /* 141.667% */
	text-transform: unset;
	margin-bottom: 40px;
	letter-spacing: 0px;
}

.posts-preview__image-container {
    height: 50vh;
}

.posts-preview .posts-preview__meta-title {
	color: var(--grey-111, #262629);
	font-size: 52px;
	font-style: normal;
	font-weight: 600;
	line-height: 62px; /* 119.231% */
	margin-bottom: 10px;
}

.posts-preview .posts-preview__meta-description {
	color: #1A0826;
}

.posts-preview__nav {
	display: none;
}

.posts-preview__video {
	border-radius: 12px;
	height: 500px;
}

.posts-preview__list {
    margin-top: 100px;
	counter-reset: item;
	justify-content: space-between;
	flex-direction: row;
}

.posts-preview__list-item {
    border-top: 5px solid var(--primary-brand-color);
    padding-top: 10px;
    margin-right: 0px;
	padding-right: 15px;
	flex-grow: 1;
	width: 100px;
}

.posts-preview__list-item-type {
    color: var(--primary-brand-color);
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px; /* 150% */
	margin-top: -20px;
	text-transform: unset;
	letter-spacing: 0px;
}

.posts-preview__list-item-title {
    color: var(--grey-333, #333);
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px; /* 150% */
	letter-spacing: -0.032px;
}

.posts-preview.no-excerpt .posts-preview__list-item-title {
	display: none;
}

.posts-preview__list-item--active .posts-preview__list-item-title {
	color: unset;
}

.posts-preview__list-item::before {
    content: "0" counter(item) ".";
    counter-increment: item;
    bottom: 50px;
    position: relative;
    color: var(--primary-brand-color);
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.27px;
}

.posts-preview__list-item:not(.posts-preview__list-item--active) {
	opacity: 0.5;
	border-top: 5px solid #5a287c30;
}

/* POSTS PREVIEW | VARIANT=DARK */

.dark-posts-preview {
	background-color: var(--primary-dark-grey-color);
	color: #fff;
	padding: 10vw 0px;
}

.dark-posts-preview .posts-preview__meta-title {
	color: var(--primary-brand-color);
}

.dark-posts-preview .posts-preview__meta-description {
	color: #fff;
}

.dark-posts-preview .posts-preview__list-item::before {
	color: var(--primary-brand-color);
}

.dark-posts-preview .posts-preview__list-item-title {
	color: #fff;
}

.dark-posts-preview .posts-preview__list-item-type {
	color: #fff;
}

.dark-posts-preview .posts-preview__list-item {
	border-top-color: var(--primary-brand-color);
}

.dark-posts-preview .posts-preview__list-item:not(.posts-preview__list-item--active) {
	border-top-color: #ffffff30;
}

.dark-posts-preview .posts-preview__list-item:not(.posts-preview__list-item--active)::before {
	color: #fff;
}

/* POSTS PREVIEW | VARIANT=USE CASES  */

.use-cases-posts-preview {
	padding: 0px;
	margin: 0px;
    display: flex;
    flex-direction: row-reverse;
}

.use-cases-posts-preview .posts-preview__views {
    display: flex;
    width: 50%;
	height: 60vh;
	border-radius: 12px;
	background: #f9f9f9;
	padding: 200px 100px;
}

.use-cases-posts-preview .posts-preview__view {
    display: flex;
    flex-direction: column;
	align-self: center;
}

.use-cases-posts-preview .posts-preview__list {
    flex-direction: column;
	margin-top: 0px;
	margin-right: 136px;
}

.use-cases-posts-preview .posts-preview__list-item {
    flex-grow: 1;
    width: 100%;
	height: 100px;
	padding: 0px;
	color: var(--alt-brand-color);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 34px; /* 141.667% */
	border-top: unset;
    border-bottom: 1px solid #ddd;
	display: flex;
    flex-direction: column;
    place-content: center;
}

.use-cases-posts-preview .posts-preview__list-item-type {
	margin-top: 0px;
}

.use-cases-posts-preview .posts-preview__list-item:last-child {
	margin-bottom: 0px;
	border-bottom: unset;
}

.use-cases-posts-preview .posts-preview__list-item::before {
    /* bottom: unset;
    top: 0px;
    margin-bottom: 20px;
	color: var(--alt-brand-color);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 34px; /* 141.667% */
	display: none;
}

.use-cases-posts-preview .posts-preview__list-item-type {
	color: var(--primary-brand-color);
	font-size: 38px;
	font-style: normal;
	font-weight: 600;
	line-height: 42px; /* 119.231% */
}

.use-cases-posts-preview .posts-preview__list-item:not(.posts-preview__list-item--active) .posts-preview__list-item-type {
	color: var(--grey-ddd, #DDD);
}

.use-cases-posts-preview .posts-preview__meta-title {
	display: none;
}

.use-cases-posts-preview .posts-preview__meta-description {
	color: #111;
	text-align: center;
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 34px; /* 141.667% */
}

.use-cases-posts-preview .posts-preview__image-container {
	display: none;
}

.posts-preview__use_cases {
	display: flex;
    flex-direction: row;
	justify-content: space-evenly;
    column-gap: 40px;
}

.posts-preview__use_case {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.posts-preview__use_case__image {
	max-width: 80px;
    max-height: 80px;
    height: auto;
	margin-bottom: 20px;
	width: 50px;
}

.posts-preview__use_case__title {
	color: var(--primary-brand-color);
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 27px; /* 150% */
}

/* MODULAR SLIDER | VARIANT=SCREENSHOT SLIDER */

.screenshot-slider {
	height: 480px;
	display: flex;
	flex-direction: column;
}

.screenshot-slider .modular-slider__item {
	margin: 0px;
	padding: 0px;
}

.screenshot-slider .modular-slider__items {
    top: 70px;
    order: 2;
}

.screenshot-slider .modular-slider__item .section__content {
	
}

.screenshot-slider img {
	object-fit: cover;
}

.screenshot-slider .modular-slider-nav-buttons {
    position: relative;
    order: 1;
    display: flex;
    margin-bottom: 60px;
	top: 10px;
	column-gap: 10px;
}

.screenshot-slider .modular-slider-nav-buttons__item {
	border: none;
	background-color: #fff;
	color: #111;
	font-family: var(--medium-font-family);
    border-radius: 50px;
    padding: 5px 20px;
	transition: background-color 0.3s ease-out;
}

.screenshot-slider .modular-slider-nav-buttons__item--active {
	background-color: var(--primary-brand-color);
	color: #fff;
}

/* MODULAR SLIDER | VARIANT=SLIDER MENU  */

:root {
	--thumbnail-width: 150px;
	--thumbnail-height: 90px;
}

.slider-menu .modular-slider__item .section__content {
	height: 100%;
	display: flex;
    flex-direction: column;
    justify-content: flex-end;
    bottom: 200px;
	width: var(--container-max-width);
}

.slider-menu .slider-menu__title {
	color: #fff;
}

.slider-menu__text {
	color: #fff;
}

.slider-menu__nav-buttons  {
    width: var(--container-max-width);
    display: flex;
    flex-direction: row;
    justify-content: start;
    margin: 0 auto;
    left: var(--current-padding-width);
	column-gap: 5px;
}

.slider-menu .modular-slider-nav-buttons__item {
    height: calc(var(--thumbnail-height) + 4px);
	width: var(--thumbnail-width);
	padding: 0px;
	cursor: pointer;
}

.slider-menu .modular-slider-nav-buttons__item::before {
    position: relative;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}

.slider-menu__nav-buttons .modular-slider-nav-buttons__item--active {
	
}

.slider-menu .modular-slider-nav-buttons__item-img {
    width: var(--thumbnail-width);
    height: var(--thumbnail-height);
    object-fit: cover;
    padding: 0px;
    align-self: self-end;
	display: flex;
}

.slider-menu .modular-slider-nav-buttons__item-img::before {
    position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}

.slider-menu .slider-menu__title {
	font-size: 36px;
    line-height: 46px;
}

.slider-menu .slider-menu__text {
	width: calc(var(--container-max-width) / 2);
}

.slider-menu .modular-slider-nav-buttons__item-title {
	position: absolute;
	height: var(--thumbnail-height);
	width: var(--thumbnail-width);
	display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
}

@media (max-width: 1023px) {
	.slider-menu__nav-buttons .modular-slider-nav-buttons__item:last-child {
    	margin-right: 26px;
	}
	.slider-menu .slider-menu__title, .slider-menu .slider-menu__text {
		display: none;
	}
	.slider-menu__nav-buttons .modular-slider-nav-buttons__item {
		line-height: 14px;
		margin-bottom: 10px;
	}
}

/* MODULAR SLIDER | VARIANT=CASE STUDIES */

.case-studies-modular-slider {
	height: 740px;
	margin-bottom: 120px;
}

.case-studies-modular-slider .modular-slider__item {
	background-color: transparent;
}

.case-study-stats {
	display: flex;
	flex-direction: column;
	margin-right: 80px;
    align-self: center;
}

.case-study-stats .evlt-paragraph__main-title {
	font-size: 40px;
	line-height: 50px;
	    margin-bottom: 10px;
}

.case-study-stats .evlt-paragraph__text {
	font-size: 20px;
	line-height: 30px;
}

.case-study-image-row {
	height: 600px;
}

.case-study-image-row::after {
	content: '';
	height: 100%;
	width: 100%;
	display: flex;
	position: absolute;
	background: linear-gradient(#ad914854 0%, var(--primary-brand-color) 90%);
	top: 0;
}

.case-study-image-row .section__content {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: end;
    padding-bottom: 50px;
	z-index: 1;
}

.case-study-logo {
    height: 100%;
    max-width: 250px;
    margin-bottom: 20px;
}

.case-study-logo .evlt-image__img {
	max-height: 80px;
	max-width: 250px;
	filter: brightness(10);
}

.case-study-nav {
	width: calc(var(--container-max-width) * 0.75);
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    /* place-content: center; */
    /* margin-left: 200px; */
    left: calc(var(--current-padding-width) + var(--container-max-width) / 4);
	column-gap: 10px;
}

.case-study-nav .modular-slider-nav-buttons__item {
	width: 25%;
    height: 50px;
	background: transparent;
    border: none;
	cursor: pointer;
}

.case-study-nav .modular-slider-nav-buttons__item:hover .modular-slider-nav-buttons__item-title {
	color: var(--primary-brand-color);
	opacity: 1;
}

.case-study-nav .modular-slider-nav-buttons__item:not(.modular-slider-nav-buttons__item--active) .modular-slider-nav-buttons__item-title {
	color: #dddddd;
	transition: 0.3s color ease-out;
}

.case-study-nav .modular-slider-nav-buttons__item-title {
	font-size: 30px;
    line-height: 30px;
    font-family: var(--bold-font-family);
	transition: 0.3s color ease-out;
}

.dark-section .case-study-nav .modular-slider-nav-buttons__item-title {
	color: #fff;
	transition: 0.3s color ease-out;
}

.case-study-nav .modular-slider-nav-buttons__item::after {
	content: '';
    display: flex;
    width: 1px;
    height: 45px;
    background-color: #dddddd;
    position: relative;
    margin-top: -35px;
}

.case-study-nav .modular-slider-nav-buttons__item:first-child::after {
	display: none;
}

/* MODULAR SLIDER | VARIANT=CASE STUDIES v2*/

.case-studies-modular-slider-v2 {
	height: 900px;
}

.case-studies-modular-slider-v2 .case-study-stats {
    align-self: flex-start;
}

.case-studies-modular-slider-v2 .case-study-stats .evlt-paragraph__main-title {
    font-size: 24px;
    line-height: 34px;
}

.case-studies-modular-slider-v2 .evlt-paragraph__text {
	font-size: 16px;
    line-height: 24px;
}

.case-studies-modular-slider-v2 .related-products {
	display: flex;
    flex-direction: column;
	row-gap: 2px;
}

.case-studies-modular-slider-v2 .related-product-item {
	display: flex;
	flex-direction: row;
	column-gap: 10px;
	color: var(--primary-brand-color);
	font-family: var(--medium-font-family);
	font-size: 14px;
	align-items: center;
}

.case-studies-modular-slider-v2 .related-product-item .evlt-image__img {
	width: 18px;
	height: 18px;
}

.case-studies-modular-slider-v2 .related-product-item p {
	margin-block-start: 0px;
    margin-block-end: 0px;
}

.case-studies-modular-slider-v2 .btn {
	color: var(--primary-brand-color);
    font-size: 14px;
    background-color: unset;
    padding: 0px;
    text-align: left;
    justify-content: flex-start;
	height: unset;
}

.case-studies-modular-slider-v2 .btn::before {
	background: transparent;
}

.case-studies-modular-slider-v2 .case-study-nav {
    width: calc(var(--container-max-width) * 0.6666);
    left: calc(var(--current-padding-width) + (var(--container-max-width) * 0.33));
    column-gap: 10px;
}

.case-studies-modular-slider-v2 .case-study-nav .modular-slider-nav-buttons__item {
    padding: 0px 30px;
}

.case-studies-modular-slider-v2 .case-study-nav .modular-slider-nav-buttons__item::after {
    left: -30px;
}

.case-studies-modular-slider-v2 .case-study-nav .modular-slider-nav-buttons__item-title {
    font-size: 24px;
    line-height: 24px;
}