/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Dec 23 2025 | 10:56:51 */
body{
	overflow: clip visible;
}
html{
	overflow-x: clip;
}
.cpel-switcher__toggle a, .cpel-switcher__list{
	border-radius: 5px;
}
.blur-circle{
	filter: blur(100px);
    border-radius: 100vw;
	opacity: var(--op, 0.75);
}
.blur-circle--50{
	--op: 0.5;
}
.hero-image img{
	object-fit: cover;
    mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));
	filter: brightness(0.5);
}

[dir="rtl"] .hero-image img{
	transform: scale(-1, 1);
}
[dir="rtl"] :is(.wpforms-field, .wpforms-submit-container, .wpforms-field fieldset){
	display: flex !important;
    flex-direction: column;
    align-items: flex-start;
}
[dir="rtl"] .wpforms-field-label{
	float: right;
}
.has-text-align-right{
	float: right;
}

@media screen and (min-width: 768px){
	.section-title{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20px;	
	}
	.section-title::after, .section-title::before{
		content: "";
		display: block;
		background-color: var(--color, white);
		width: 30px;
		height: 2px;
	}	
}
@media screen and (max-width: 768px){
	.hero-image img{
		mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0));
	}
	.blur-circle{
		opacity: var(--op, 0.75);
	}
	.blur-circle--50{
		--op: 0.5;
	}
}