html .scroll-to-top {
	background: var(--tertiary);
	color: var(--light);
	/* border-radius: 50%;
	bottom: 40%; */
}

.bounce-loader .bounce1,
.bounce-loader .bounce2 {
	background-color: var(--primary-rgba-90);
	box-shadow: 0 0 20px 0 var(--primary-rgba-80)
}
.bounce-loader .bounce3 {
	background-color: var(--secondary-rgba-90);
	box-shadow: 0 0 20px 0 var(--secondary-rgba-20);
}

/* #header .header-body {
	border-bottom: 2px solid var(--primary) !important;
} */

/* #header .header-nav-top .nav > li > a {
	color: var(--dark--300);
} */

#header .header-nav-top .nav > li > a.active {
	color: var(--primary-inverse);
}

#header .header-nav-top .nav > li > a:hover,
#header .header-nav-top .nav > li > a.active:hover {
	color: var(--primary);
}

#header.header-transparent .header-body {
	transition: background-color 0.3s ease;
}

/* mButtons */
.m-btn {
	position: relative;
	width: 300px;
	height: 120px;
	padding: 0;
	border: none;
	border-radius: var(--border-radius);
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.m-btn::before {
	content: "";
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	filter: grayscale(100%);
	z-index: 0;
	border-radius: 1rem;
}

.m-btn-bg-1::before {
	background-image: url('/img/backgrounds/1.png');
}
.m-btn-bg-2::before {
	background-image: url('/img/backgrounds/2.png');
}
.m-btn-bg-3::before {
	background-image: url('/img/backgrounds/3.png');
}

.m-btn .m-btn-overlay {
	position: absolute;
	inset: 0;
	background-color: var(--tertiary-rgba-60);
	transition: background-color 0.2s ease;
	border-radius: var(--border-radius);
	z-index: 1;
}

.m-btn .m-btn-text {
	color: var(--light);
	/* font-size: 1.5rem; */
	font-size: 2rem;
	font-weight: bold;
	pointer-events: none; /* ensures clicking the text still clicks the button */
	position: relative;
	text-align: center;
	transition: color 0.2s ease;
	z-index: 2;
}

.m-btn:hover {
	box-shadow: 0 1em 1em -0.4em var(--secondary-rgba-80);
	transform: translateY(-0.25em);
}

.m-btn:hover .m-btn-overlay {
	background-color: var(--secondary-rgba-60); /* lighter overlay on hover */
}

/* .m-btn:hover .m-btn-text {
	color: var(--dark--300);
} */

.m-overlay-half::before {
	clip-path: polygon(0 0, 45% 0, 35% 100%, 0 100%);
}

.m-overlay-gradient:before {
	background-color: transparent !important;
	background-image: linear-gradient(to right, var(--primary) 30%, transparent 60%) !important;
}


/* .owl-carousel .owl-nav.m-owl button.owl-next:before {
	color: var(--light);
	font-size: 3rem;
	content: "\f138"
}

.owl-carousel .owl-nav.m-owl button.owl-prev:before {
	color: var(--light);
	font-size: 3rem;
	content: "\f137"
} */

.owl-carousel .owl-nav.m-owl button.owl-next:before,
.owl-carousel .owl-nav.m-owl button.owl-prev:before {
	/* color: var(--light); */
	font-size: 3rem;
}

.m-card {
	width: 261px;
	height: 261px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.m-card .img-fluid {
	height: unset;
	max-width: unset; 
	min-height: 70%;
	width: auto;
	border-top-left-radius: var(--border-radius);
	border-top-right-radius: var(--border-radius);
}

.m-card img.normal,
.m-card:hover img.hover {
	opacity: 1;
	min-height: 70%;
}

.m-card img.hover,
.m-card:hover img.normal {
	opacity: 0;
	min-height: 0;
}

.m-card .card-footer {
	min-height: 30%;
	background-color: var(--grey-200);
	border-bottom-left-radius: var(--border-radius);
	border-bottom-right-radius: var(--border-radius);
}

.thumb-info img.normal {
	z-index: 1;
}

.thumb-info img.hover {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	opacity: 0;
}

.thumb-info:hover img.hover {
	opacity: 1;
}

.thumb-info .thumb-info-type {
	background-color: var(--secondary);
}

.thumb-info .thumb-info-title {
	background-color: var(--dark-rgba-50);
}
.thumb-info:hover .thumb-info-title {
	background-color: var(--primary-rgba-50);
}

.hover-effect-3d {
	perspective: 1000px;
	transform-style: preserve-3d;
}

.accordion-modern-status-primary.accordion-modern-status > .card .card-header a.collapsed {
	background-color: var(--primary) !important;
	color: var(--primary-inverse) !important;
}

.accordion-modern-status-primary.accordion-modern-status > .card .card-header a i[class*="fa-"]:first-child {
	border-width: 1px;
	border-style: solid;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	padding: 4px;
	font-size: 0.8em;
	line-height: 1.3;
}

.accordion-modern-status-primary.accordion-modern-status > .card:hover .card-header a.collapsed,
.accordion-modern-status-primary.accordion-modern-status > .card .card-header:hover a:not(.collapsed) {
	background-color: var(--primary--300) !important;
	color: var(--secondary-inverse) !important;
}

.accordion-modern-status-primary.accordion-modern-status > .card .card-body,
.accordion-modern-status-primary.accordion-modern-status > .card .card-body p {
	background-color: var(--primary) !important;
	color: var(--primary-inverse) !important;
}

.accordion-modern-status-primary.accordion-modern-status > .card .card-body {
	border-top: 1px solid var(--primary-inverse);
}

.page-header .nav-list-simple .nav-item:hover .nav-link {
	color: var(--secondary);
}