/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 10 2026 | 07:15:00 */
/* ========================================= Block Marquee ========================================= */
.block-marquee-section {
	overflow: hidden;
	--blocks-per-view: 1.5;
	
	@media screen and (min-width: 576px) {
		--blocks-per-view: 2.5;
	}
	
	@media screen and (min-width: 991px) {
		--blocks-per-view: 3;
	}
	
	@media screen and (min-width: 1200px) {
		--blocks-per-view: 3.5;
	}
	
	.block-marquee {
		width: 100%;
		
		.block-marquee-track {
			display: flex;
			width: max-content;
			animation: vertical-gallery-marquee-x 100s linear infinite;
			will-change: transform;
			
			.marquee-block {
				padding: 3.5rem 2.5rem;
				flex: 0 0 calc(100vw / var(--blocks-per-view));
				display: flex;
				flex-direction: column;
				align-items: center;
				
				* {
					color: var(--white);
					text-align: center;
					font-size: 1.1rem;
					font-weight: 500;
					
					@media screen and (min-width: 1200px) {
						font-size: 1.25rem;
					}
				}
				
				pre {
					font-weight: 700;
					font-family: inherit;
					line-height: 1.2;
					overflow: unset;
					
					strong {
						font-size: 2rem;
						font-weight: 700;
						
						@media screen and (min-width: 768px) {
							font-size: 2.5rem;
						}
						
						@media screen and (min-width: 1200px) {
							font-size: 3rem;
						}
					}
				}

				&:nth-child(3n+1) {
					background-color: var(--teal-dark);
				}

				&:nth-child(3n+2) {
					background-color: var(--teal-light);
				}

				&:nth-child(3n+3) {
					background-color: var(--light-blue);
				}
			}
		}
	}
}