/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 04 2024 | 01:15:52 */
.client-section {
	height: calc(100vh - 320px);
    overflow-y: scroll;
}
.client-title {
	color: var(--p4-500);
	transition: color 0.3s ease-out;
}
.client-title:hover {
	color: #fff;
}
.client-project-cards {
	display: none;
	transition: display 0.3s ease-out;
	position: fixed;
	top: 240px;
	left: calc((100vw - var(--container-max-width)) / 2);
	width: 300px;
}
.evlt-modal .client-project-cards {
	display: flex;
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
	justify-content: center;
	height: 100%;
    align-items: center;
}
.evlt-modal .client-project-cards .post-cards__static-layout {
	display: flex;
	gap: 20px;
}
.evlt-modal__popup {
    position: relative;
    background-color: transparent;
    padding: 30px;
	width: var(--container-max-width);
	height: 100%;
}
.evlt-modal__popup-close-btn {
    top: 0;
    right: 0;
}
.evlt-modal__popup-close-img {
	filter: invert(1);
    width: 100px;
}
.client-item {
	transition: height 0.3s ease-out;
}
.client-item:hover .client-project-cards {
    display: flex;
	flex-direction: column;
	cursor: pointer;
}
.client-item:hover .client-project-cards .post-cards__static-layout {
    display: flex;
	flex-direction: column;
}