/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 09 2026 | 18:45:48 */
/* ========================================= Slider ========================================= */
.slider-section {
	position: relative;
	padding: 0 var(--adjustive-padding);
	background-color: var(--white-dyn-1);
	transition: all 0.4s;
	display: flex;
	align-items: center;
	justify-content: center;
	--swiper-navigation-size: 4rem;
	
	.slider-arrow {
		--swiper-theme-color: var(--green-light-2);
		border: none;
		background-color: unset;
		display: none;
		position: unset;
		margin-top: 0;
		
		@media screen and (min-width: 768px) {
			display: flex;
		}
		
		&.swiper-button-disabled {
			--swiper-theme-color: var(--gray-light-1);
			opacity: 1;
		}
	}
	
	.slider-block-wrapper {
		max-width: 500px;
		margin-left: 0;
		margin-right: 0;
		
		@media screen and (min-width: 768px) {
			margin-left: 2rem;
			margin-right: 2rem;
		}
		
		@media screen and (min-width: 991px) {
			max-width: 750px;
		}
		
		@media screen and (min-width: 1200px) {
			max-width: 900px;
		}
		
		.swiper-wrapper {
			.swiper-slide {
				.slider-heading {
					display: flex;
					justify-content: space-between;
					margin-bottom: 0.5rem;
					
					.slider-number {
						color: var(--green-light-1);
						font-size: 1.5rem;
						font-weight: 700;
						display: block;
					}
					
					.slider-mobile-arrows {
						display: flex;
						align-items: center;
						column-gap: 1rem;
						
						.slider-button {
							border: none;
							background: unset;
							padding: 0;
							
							svg {
								height: 1.5rem; 
								
								path {
									fill: var(--green-light-2);
								}
							}
						}
					}
					
					@media screen and (min-width: 768px) {
						justify-content: end;
						
						.slider-number {
							font-size: 2.25rem;
						}
						
						.slider-mobile-arrows {
							display: none;
						}
					}
				}
				
				.slider-image {
					aspect-ratio: 3 / 2;
					width: 100%;
					margin-bottom: 1rem;
				}
				
				.content-wrapper {
					* {
						font-size: 1rem;
						color: var(--gray-dark-1-dyn-1);
						transition: all 0.4s;
						line-height: 1.3;
						
						@media screen and (min-width: 991px) {
							font-size: 1.25rem;
						}
					}
					
					.wp-block-video video {
						max-width: unset;
					}
				}
			}
		}
	}
}