/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 03 2026 | 13:54:39 */
/* ========================================= SLIDER - BACKGROUND ========================================= */
.swiper-background-section {
	.swiper-background-slider {
		.swiper-slide {
			position: relative;
			overflow: hidden;
			min-height: 600px;
			z-index: 2;
			cursor: grab;
			
			&:active {
				cursor: grabbing;
			}
			
			.row {
				min-height: inherit;
			}
			
			.slide-background {
				position: absolute;
				background-position: left;
				background-size: cover;
				inset: 0;
				z-index: -1;
				
				@media screen and (min-width: 991px) {
					background-position: center;
				}
			}
			
			.slide-text-col {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				background-color: var(--green-dark-transparent-1);
				padding: 3rem 2rem;
				padding-right: var(--adjustive-padding);
				
				.current-slide {
					font-size: 2rem;
					font-weight: 800;
					color: var(--green-light-1);
				}
				
				.slider-button {
					background-color: transparent;
					border: none;
					padding: 0;
					
					svg {
						height: 30px;
					}
				}
				
				.text-wrapper {
					position: relative;
					
					* {
						color: var(--white);
						font-size: 1rem;
						line-height: 1.3;
					}
					
					p {
						margin-bottom: 0.5rem;
					}
					
					.slider-title {
						color: var(--white);
						font-size: 2.5rem;
						line-height: 1;
						margin-bottom: 1rem;
						font-weight: 600;
						
						@media screen and (min-width: 991px) {
							font-size: 2.5rem;
						}
					}
				}
			}
		}
	}
}