/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
html {
	scroll-behavior: smooth !important;
}
:root {
	--cnvs-themecolor: #a2935e;
	--cnvs-themecolor-light: #c5ac4f;
	--cnvs-themecolor-rgb: 162, 147, 94;
	--cnvs-header-sticky-bg: var(--bs-dark) !important;
	--cnvs-body-font: "Lara";
	--cnvs-primary-font: "Lara";
	--cnvs-secondary-font: "Lara";
	--cnvs-primary-menu-font-size: 1rem;
}

.header-misc a {
	color: white;
}
.header-misc a:hover {
	color: var(--cnvs-themecolor);
}

.counter-container {
	justify-content: space-around;
	margin-left: 10%;
	margin-right: 10%;
}

footer .h-bg-gold-footer-icon {
	background-color: var(--cnvs-themecolor) !important;
}

.h-bg-gold-icon:hover {
	color: var(--cnvs-themecolor) !important;
}

.social-icon.h-bg-gold-icon i:last-child {
	color: var(--cnvs-themecolor) !important;
}

.social-icon.h-bg-gold-icon i:first-child {
	color: #FFF !important;
}

.whatsapp-float-icon {
	z-index: 600;
	position: fixed;
	top: auto;
	bottom: 50px;
}
.fbox-icon.small {
	--cnvs-featured-box-icon: 3.5rem;
	--cnvs-featured-box-padding-x: 0.75rem;
}
.hidden-below {
	transform: translate(0, 300px);
	opacity: 0;
	transition: .2s ease-in-out;
}
.hidden-below.show {
	transform: translate(0, 0);
	opacity: 1;
}

@keyframes flickering-color {
	0% {
		background-color: var(--cnvs-themecolor);
	}
	50% {
		background-color: var(--cnvs-themecolor-light);
	}
	100% {
		background-color: var(--cnvs-themecolor);
	}
}
.fbox-icon i.flickering {
	animation-name: flickering-color;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}

#footer h4 {
	color: var(--cnvs-themecolor);
}

ul.hide-bullets li::before {
	content: none !important;
}

.gold-divider {
	height: 1px;
	background-color: var(--cnvs-themecolor);
}

footer .footer-logo {
	width: 100px;
}

.pl-0 {
	padding-left: 0 !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.bg-themecolor {
	background-color: var(--cnvs-themecolor) !important;
}
*[class^='flip-card-'].no-bg::after {
	background: none !important;
}

.flip-card.fit-content {
	height: 21rem !important;
}