/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 23 2026 | 10:48:44 */
[x-cloak] { display: none; }
.btn {
	display: inline-block;
	padding: .8rem 1.5rem;
	font-size: var(--text-base);
	line-height: 1.2;
	font-weight: 500;
	text-align: center;
	color: var(--color-primary-contrast);
	/* Primary contrast color */
	background-color: var(--color-primary);
	/* Primary color */
	border-radius: 0;
	/* Rounded corners */
	transition: all 0.3s ease;
	border: 1px solid var(--color-primary);
	/* Default border */
}

.btn:active {
	background-color: transparent;
	color: var(--color-primary);
}

.btn.btn-sm {
	padding: .6rem 1.2rem;
	font-size: var(--text-sm);
}

.btn.btn-outline {
	color: var(--color-primary);
	/* Primary color */
	background-color: transparent;
	/* Transparent background */
	border: 1px solid var(--color-primary);
	/* Border with primary color */
}

.btn:hover {
	opacity: 0.8;
	/* Slightly reduce opacity on hover */
}

.dark .btn {
	background-color: var(--color-primary-contrast);
	color: var(--color-primary);
	/* Primary color for dark mode */
	border: 1px solid var(--color-primary-contrast);
	/* Border with primary contrast color */
}

.dark .btn.btn-outline {
	color: var(--color-primary-contrast);
	/* Primary contrast color for dark mode */
	background-color: transparent;
	/* Transparent background */
	border: 1px solid var(--color-primary-contrast);
	/* Border with primary contrast color */
}

.banner-swiper .swiper-pagination {
	bottom: 20px !important;
}

.banner-swiper .swiper-pagination-bullet {
	width: 18px !important;
	height: 5px !important;
	background: var(--color-white) !important;
	border-radius: 0 !important;
	opacity: 1 !important;
	transition: all 0.3s ease !important;
}

.banner-swiper .swiper-pagination-bullet-active {
	background-color: var(--color-primary) !important;
	opacity: 1;
	transform: scale(1.2) !important;
}


.banner-swiper .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover {
	background: rgba(255, 255, 255, 0.8) !important;
	transform: scale(1.1) !important;
}

.banner-swiper .swiper-button-next,
.banner-swiper .swiper-button-prev {
	display: none;
	color: var(--color-primary);
	width: 2.5rem;
	height: 2.5rem;
	background-color: var(--color-primary-contrast);
	border-radius: 50%;
	padding: 0.4rem;
	opacity: 0.9;
	transition: opacity 0.3s ease;
}

.banner-swiper .swiper-button-next:hover,
.banner-swiper .swiper-button-prev:hover {
	opacity: 0.7;
}

.wp-block-lazyblock-h-007-home .space-y-6 > a:hover h3 {
	color: var(--color-primary);
}

@media screen and (max-width: 1280px) and (min-width: 769px) {
	header > .z-50 > div.fixed.inset-0 {
		left: 40%;
	}
}

@media screen and (max-width: 768px) {
	.banner-swiper .swiper-button-next,
	.banner-swiper .swiper-button-prev {
		width: 1.5rem;
		height: 1.5rem;
		padding: 0.3rem;
	}
}

header > .z-50 > div.fixed.inset-0 .space-y-1 a:active,
footer ul li a:active, footer ul li a:hover,
.editor a:hover, .editor a:active{
	text-decoration: underline;
}

.header-logo-container {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	margin-right: 20px;
}

.header-logo-container .header-logo-label {
	filter: invert(1);
}
.header-logo-container .header-logo-label.scrolled {
	filter: invert(0);
}

.header-logo-container img {
	object-fit: contain;
}

@media screen and (max-width: 1840px) and (min-width: 1281px) {
	header nav > .relative.group > a,
	header nav > .relative.group > button {
		font-size: 16px;
	}
}