/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 23 2025 | 03:31:44 */
.carousel-container {
    position: relative;
    max-width: 100%;
    margin: 2em auto;
    overflow: hidden;
}
.carousel-slide {
    display: flex;
    transition: transform 0.5s ease-in-out;
}
@media only screen and (max-width: 921px) {
.carousel-slide div {
    min-width: 100%;
    padding: 1.3em 2em 1.6em 2em;
    margin: 0 0%;
    background: #fff;
    text-align: left;
    height: 270px;
    border-radius: 0.8em;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
}
}
@media only screen and (min-width: 922px) {
	.carousel-slide div {
    min-width: 86%;
    padding: 1.3em 1.3em 1.6em 1.3em;
    margin: 0 7%;
    background: #fff;
    text-align: left;
    height: 270px;
    border-radius: 0.8em;
	display: flex;
	flex-direction: column;
    justify-content: space-between;
}
}
.carousel-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #c1c1c1;
    border: none;
    cursor: pointer;
    font-size: 1em;
}
.carousel-button.left {
    left: 10px;
}
.carousel-button.right {
    right: 10px;
}