/* -------------------------------------] */
/* ------------------------[ TEXT COLOR ] */
/* -------------------------------------] */

.text-color-custom-primary {
	color: var(--color-custom-primary) !important;
}

.text-color-custom-secondary {
	color: var(--color-custom-secondary) !important;
}

.text-color-custom-tertiary {
	color: var(--color-custom-tertiary) !important;
}

/* -------------------------------------] */
/* ------------------------[ BACKGROUND ] */
/* -------------------------------------] */

.background-color-custom-primary {
	background-color: var(--color-custom-primary) !important;
}

.background-color-custom-secondary {
	background-color: var(--color-custom-secondary) !important;
}

.background-color-custom-tertiary {
	background-color: var(--color-custom-tertiary) !important;
}

.background-color-custom-transparent {
	background-color: transparent; !important;
}

.bg-gray-100 { 
	background: var(--bs-gray-100); 
}

.bg-gray-200 { 
	background: var(--bs-gray-200); 
}

.bg-gray-300 { 
	background: var(--bs-gray-300); 
}

.bg-gray-400 { 
	background: var(--bs-gray-400); 
}

.bg-gray-500 { 
	background: var(--bs-gray-500); 
}

.bg-gray-600 { 
	background: var(--bs-gray-600); 
}

.bg-gray-700 { 
	background: var(--bs-gray-700); 
}

.bg-gray-800 { 
	background: var(--bs-gray-800); 
}

.bg-gray-900 { 
	background: var(--bs-gray-900); 
}

/* -------------------------------------] */
/* -----------------------[ FONTS SIZES ] */
/* -------------------------------------] */

.font-size-1 {
	font-size: .5rem;
	line-height: 1;
}

.font-size-2 {
	font-size: 1rem;
	line-height: 1;
}

.font-size-3 {
	font-size: 1.5rem;
	line-height: 1;
}

.font-size-4 {
	font-size: 2rem;
	line-height: 1;
}

.font-size-5 {
	font-size: 4rem;
	line-height: 1;
}

/* -------------------------------------] */
/* ---------------------------[ LOADING ] */
/* -------------------------------------] */

#loading-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--bs-white);
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: Arial, sans-serif;
	font-size: 24px;
	z-index: 1021;
}

/* -------------------------------------] */
/* -------------------------------[ AUX ] */
/* -------------------------------------] */

.cursor-pointer {
	cursor: pointer !important;
}

.hr-custom {
	width: 105px;
	margin: 10px auto;
	border: 0;
	border-top: 4px solid var(--color-custom-primary);
	opacity: 1;
}

.b-example-divider-light {
	width: 100%;
	height: 3rem;
}

.b-example-divider-dark {
	width: 100%;
	height: 3rem;
	background-color: var(--bs-black);
}

.text-justify {
	text-align: justify !important;
}

.text-responsive {
	line-height: 1;
}

.text-limit {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ---------------------------------------------------------------------------------------------] */
/*  -----------------------------------------------------------------------------------[ HEADER ] */
/* ---------------------------------------------------------------------------------------------] */

html.side-panel .side-panel-wrapper {
	width: 350px !important;
}

.btn-hamburguer div {
	width: 30px;
	height: 3px;
	background-color: var(--bs-white);
	margin: 5px;
	cursor: pointer;
	transition: all .3s;
}

.btn-hamburguer.active div:nth-child(1) {
	transform: rotate(-45deg) translate(-6px, 6px);
}

.btn-hamburguer.active div:nth-child(2) {
	transform: rotate(-45deg) translate(1px, 0px);
}

.btn-hamburguer.active div:nth-child(3) {
	transform: rotate(45deg) translate(-6px, -7px);
}

.btn-hamburguer.footer div {
	background-color: var(--bs-white) !important;
}

@media(max-width: 1200px) {
	.btn-menu,
	.btn-hamburguer.header {
		height: 50px;
		width: 60px;
		border-radius: 17px;
		background-color: var(--style-color-duo);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.btn-hamburguer div {
		margin: 5px;
	}
}

.btn-hamburguer .close {
	opacity: 1;
}

.btn-hamburguer .close span {
	width: 23px;
}

.panel {
	padding: 0 18px;
	display: none;
	background-color: var(--bs-white);
	overflow: hidden;
	border-left: 1px solid #c2c2c2;
}

.custom-accordion {
	cursor: pointer;
	width: 100%;
	border: none;
	outline: none;
	transition: 0.4s;
	background: var(--bs-white);
}

/* --------------------------------------] */
/* ----------------------------[ CAPTCHA ] */
/* --------------------------------------] */

.grecaptcha-badge {
	display: none !important;
}

/* -------------------------------------] */
/* ----------------------------[ COOKIE ] */
/* -------------------------------------] */

#wrapper-cookies {
	position: fixed;
	z-index: 99999;
	width: 100%;
	height: 150px;
	bottom: 80px;
}

@media(max-width: 991px) {
	#wrapper-cookies {
		bottom: 380px;
	}
}

/* -------------------------------------] */
/* ------------------------------[ MAPS ] */
/* -------------------------------------] */

#mapWithSinglePoint {
	height: 450px;
}

@media(max-width: 991px) {
	#mapWithSinglePoint {
		height: 450px;
	}
}

/* -------------------------------------] */
/* -----------------------------[ TOAST ] */
/* -------------------------------------] */

.toast-body {
	background-color: var(--bs-body-bg);
	border-bottom-left-radius: var(--bs-border-radius);
	border-bottom-right-radius: var(--bs-border-radius);
}

.toast-header {
	border-bottom: 0px !important;
}

/* -------------------------------------] */
/* ------------------------------[ FORM ] */
/* -------------------------------------] */

:-webkit-autofill {
	background-color: transparent !important;
	color: inherit !important;
	border: 1px solid #ccc !important;
	box-shadow: 0 0 0 1000px #ffffff inset !important;
	z-index: 0 !important;
}

.input-group.is-invalid .input-group-text, 
.input-group.is-invalid .form-floating input, 
.input-group.is-invalid .tox,
.input-group.is-invalid .form-control,
.input-group.is-invalid select,
.input-group.is-invalid .CodeMirror {
	border: 1px solid var(--bs-danger) !important;
}

/* -------------------------------------] */
/* ----------------------------[ HEADER ] */
/* -------------------------------------] */

header {
	transition: all 0.3s ease; 
	padding: 1rem 0; 
}

header .header-small {
	padding: 0.5rem 0; 
}

header img.header-logo {
	transition: all 0.3s ease; 
	height: 62px;
}

.header-small img.header-logo {
	height: 32px; 
}

header i {
	transform: scale(1.5);
}

header .nav-pills {
	transition: all 0.3s ease; 
	font-size: 1rem; 
}

header .header-small .nav-pills {
	font-size: 0.9rem; 
}

/* -------------------------------------] */
/* ------------------------------[ BLOG ] */
/* -------------------------------------] */

.blog-content {
	.card:hover {
		border: 1px solid var(--bs-body-color);
		box-shadow: var(--bs-box-shadow-lg);
	}

	.card img {
		height: 300px;
		object-fit: cover;
		object-position: center center;
	}

	.card .card-title {
		display: flex;
		align-items: center;
		justify-content: center;
		min-height: 4em;
		max-height: 4em;
		background-color: var(--bs-secondary-bg);
	}

	.card .card-title span {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		line-height: 1.5em;
		text-align: center;
	}

	.card .card-text {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5; 
		overflow: hidden;
		text-overflow: ellipsis; 
		line-height: 1.5em; 
		max-height: 7.5em; 
	}

	.card-hr {
		width: 25px; 
		margin: 10px auto; 
		border: 0; 
		border-top: 2px solid #000; 
	}
}

/* -------------------------------------] */
/* ----------------------------[ SEARCH ] */
/* -------------------------------------] */

.search-drowpdown {
	background-color: var(--bs-body-bg);
	border-radius: var(--bs-border-radius);
	border: 1px solid var(--bs-border-color);
	position: absolute;
	z-index: 9;
	display: none;
	max-height: 425px;
	left: 0;
	right: 0;
	margin-right: calc(var(--bs-gutter-x)* .5);
	margin-left: calc(var(--bs-gutter-x)* .5);
	overflow: scroll;
}

.search-options {
	line-height: var(--bs-body-line-height);
}

.search-options:hover {
	font-weight: bold;
}

.search-options span {
	opacity: 0.6;
	position: absolute;
	right: 20px;
}

.search-options:first-child {
	margin-top: 0px !important;
}

.search-options:last-child {
	margin-bottom: 0px !important;
}

/* -------------------------------------] */
/* -------------------------------[ OWL ] */
/* -------------------------------------] */

.owl-carousel {
	.owl-stage-outer {
		padding: 0px 2px;
	}
	
	.owl-stage {
		display: flex;
	}

	.owl-item div {
		height: 100%;
	}
}

/* -------------------------------------] */
/* ---------------------[ OWL - GALLERY ] */
/* -------------------------------------] */

.owl-gallery-custom-nav {
	position: absolute;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	z-index: 9999;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
}

.owl-gallery-custom-dots {
	display: flex;
	gap: 10px;
	position: absolute;
	width: 100%;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	bottom: calc(var(--bs-gutter-x) * .5);
}

.owl-gallery-custom-dots .dot {
	width: 12px;
	height: 12px;
	background-color: #00000042;
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.3s ease;
}

.owl-gallery-custom-dots .dot.active {
	background: var(--bs-white); 
}

.owl-gallery-prev, .owl-gallery-next {
	border: 0;
	background-color: #343a4085;
	color: var(--bs-white);
	border-radius: 100%;
	width: 40px;
	height: 40px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.owl-gallery-prev:hover, .owl-gallery-next:hover {
	border: 2px solid var(--bs-white);
	background-color: var(--bs-white);
	color: var(--bs-black);
}

/* -------------------------------------] */
/* ---------------------[ IMG - GALLERY ] */
/* -------------------------------------] */

.gallery {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 11.5px;
	justify-content: center;

}

.gallery img {
	width: 250px;
	height: 250px;
	object-fit: cover;
	object-position: center center;
}

/* -------------------------------------] */
/* -----------------------------[ SHARE ] */
/* -------------------------------------] */

.share-buttons.icons {
	.share-button {
		height: 50px;
		width: 50px;
		font-size: 18px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

.share-buttons {
	display: flex;
	gap: 10px;
	margin-top: 20px;

	.share-button {
		padding: 10px 15px;
		border: none;
		border-radius: 5px;
		color: white;
		cursor: pointer;
		font-size: 14px;
		display: flex;
		align-items: center;
		gap: 5px;
		text-decoration: none; 
	}

	.share-button.facebook {
		background-color: #1877f2; 
	}

	.share-button.twitter {
		background-color: #1da1f2; 
	}

	.share-button.linkedin {
		background-color: #0077b5; 
	}

	.share-button.whatsapp {
		background-color: #25d366; 
	}
}

/* -------------------------------------] */
/* ---------------------------[ BANNERS ] */
/* -------------------------------------] */

.section-banner {
	.owl-banner-custom-controls {
		position: absolute;
		max-width: 100%;
		display: flex;
		flex-direction: row;
		align-content: center;
		justify-content: flex-start;
		align-items: center;
		bottom: 0;
		z-index: 9999;
		padding-bottom: calc(var(--bs-gutter-x) * .5);
		padding-left: calc(var(--bs-gutter-x) * .5);
	}

	.owl-banner-custom-dots {
		display: flex;
		gap: 10px;
		margin-left: 25px;
	}

	.owl-banner-custom-dots .dot {
		width: 12px;
		height: 12px;
		background: rgba(255, 255, 255, 0.5);
		border-radius: 50%;
		cursor: pointer;
		transition: background 0.3s ease;
	}

	.owl-banner-custom-dots .dot.active {
		background: var(--bs-white); 
	}

	.owl-banner-prev, .owl-banner-next {
		border: 2px solid var(--bs-white);
		background-color: transparent;
		color: var(--bs-white);
		border-radius: 100%;
		width: 40px;
		height: 40px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
	}

	.owl-banner-prev:hover, .owl-banner-next:hover {
		border: 2px solid var(--bs-white);
		background-color: var(--bs-white);
		color: var(--bs-black);
	}

	.owl-banner-custom-texts {
		position: absolute;
		z-index: 9;
		padding: 12rem;
	}

	.owl-text {
		font-size: 2rem;
		line-height: 2.2rem;
	}

	.owl-link {
		text-decoration: none;
		border: 2px solid var(--bs-white);
		background-color: transparent;
		color: var(--bs-white);
		border-radius: 50px;
		font-size: 1.5rem;
		padding: .8rem 1.5rem;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: center;
		line-height: 1;
	}

	.owl-link:hover {
		border: 2px solid var(--bs-white);
		background-color: var(--bs-white);
		color: var(--bs-black);
	}

	.position-1 {
		left: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	
	.position-2 {
		left: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.position-3 {
		left: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
	}
	
	.position-4 {
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	
	.position-5 {
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.position-6 {
		left: 50%;
		transform: translateX(-50%);
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
	}
	
	.position-7 {
		right: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	
	.position-8 {
		right: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.position-9 {
		right: 0;
		top: 0;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: flex-end;
	}
}

/* -------------------------------------] */
/* --------------------------[ WHATSAPP ] */
/* -------------------------------------] */

#wrapper-whatsapp {
	--wp-color-a: #25d366;
	--wp-color-b: #075E54;
	--wp-color-c: #128c7e;
	--bs-gutter-x: 4rem;

	z-index: 9;
	position: fixed;
	bottom: calc(var(--bs-gutter-x)* .5);
	right: calc(var(--bs-gutter-x)* .5);

	.btn-whatsapp::before,
	.btn-whatsapp::after {
		display: none !important;
	}

	.btn-whatsapp {
		background-color: var(--wp-color-a);
		color: var(--bs-white);
		border-radius: 50%;
		height: 72px;
		width: 72px;
		font-size: 28px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.btn-whatsapp.show,
	.btn-whatsapp:hover {
		color: var(--bs-white);
		background-color: var(--wp-color-b);
		border: 1px solid var(--wp-color-b);
	}

	ul {
		border: 1px solid var(--wp-color-b);
	}

	li.li-header {
		background: var(--wp-color-b);
		border: 1px solid var(--wp-color-b);
	}

	li.li-header a {
		color: var(--bs-white);
		background: var(--wp-color-b);
		border: 1px solid var(--wp-color-b);
	}

	li a {
		border: 1px solid var(--bs-white);
	}

	li:not(.li-header) a:hover {
		color: var(--bs-white);
		background-color: var(--wp-color-c);
	}

	li.mb-2:last-child {
		margin-bottom: 0px !important;
	}
}

.div-whatsapp {
	.btn-whatsapp {
		border: 1px solid var(--wp-color-a);
		background-color: var(--wp-color-a);
		color: var(--bs-white);
		height: 50px;
		width: 250px;
		font-size: 18px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.btn-whatsapp:hover {
		border: 1px solid var(--wp-color-a);
		background-color: var(--bs-light);
		color: var(--wp-color-a);
	}
}

.div-whatsapp .mb-3:last-child {
	margin-bottom: 0px !important;
}

/* -------------------------------------] */
/* -----------------------[ TRANSITIONS ] */
/* -------------------------------------] */

/* Transitions */
.transition-2ms {
	transition: all 0.2s ease-in-out;
}

.transition-3ms {
	transition: all 0.3s ease-in-out;
}

.transition-4ms {
	transition: all 0.4s ease-in-out;
}

.transition-5ms {
	transition: all 0.5s ease-in-out;
}

.transition-1s {
	transition: all 1s ease-in-out;
}

/* Transition Magnetic */
.transition-magnetic {
	transition: transform 0.5s cubic-bezier(0.25, 1, 0.2, 1);
}

/* Translate Animations */
.anim-hover-translate-top-0px:hover {
	transform: translateY(0px) !important;
}

.anim-hover-translate-bottom-0px:hover {
	transform: translateY(0px) !important;
}

.anim-hover-translate-left-0px:hover {
	transform: translateX(0px) !important;
}

.anim-hover-translate-right-0px:hover {
	transform: translateX(0px) !important;
}

.anim-hover-translate-top-5px:hover {
	transform: translateY(-5px) !important;
}

.anim-hover-translate-bottom-5px:hover {
	transform: translateY(5px) !important;
}

.anim-hover-translate-left-5px:hover {
	transform: translateX(-5px) !important;
}

.anim-hover-translate-right-5px:hover {
	transform: translateX(5px) !important;
}

.anim-hover-translate-top-10px:hover {
	transform: translateY(-10px) !important;
}

.anim-hover-translate-bottom-10px:hover {
	transform: translateY(10px) !important;
}

.anim-hover-translate-left-10px:hover {
	transform: translateX(-10px) !important;
}

.anim-hover-translate-right-10px:hover {
	transform: translateX(10px) !important;
}

.anim-hover-translate-top-20px:hover {
	transform: translateY(-20px) !important;
}

.anim-hover-translate-bottom-20px:hover {
	transform: translateY(20px) !important;
}

.anim-hover-translate-left-20px:hover {
	transform: translateX(-20px) !important;
}

.anim-hover-translate-right-20px:hover {
	transform: translateX(20px) !important;
}

.anim-hover-translate-top-30px:hover {
	transform: translateY(-30px) !important;
}

.anim-hover-translate-bottom-30px:hover {
	transform: translateY(30px) !important;
}

.anim-hover-translate-left-30px:hover {
	transform: translateX(-30px) !important;
}

.anim-hover-translate-right-30px:hover {
	transform: translateX(30px) !important;
}

.anim-hover-translate-top-40px:hover {
	transform: translateY(-40px) !important;
}

.anim-hover-translate-bottom-40px:hover {
	transform: translateY(40px) !important;
}

.anim-hover-translate-left-40px:hover {
	transform: translateX(-40px) !important;
}

.anim-hover-translate-right-40px:hover {
	transform: translateX(40px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-top-0px {
	transform: translateY(0px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-bottom-0px {
	transform: translateY(0px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-left-0px {
	transform: translateX(0px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-right-0px {
	transform: translateX(0px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-top-5px {
	transform: translateY(-5px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-bottom-5px {
	transform: translateY(5px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-left-5px {
	transform: translateX(-5px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-right-5px {
	transform: translateX(5px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-top-10px {
	transform: translateY(-10px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-bottom-10px {
	transform: translateY(10px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-left-10px {
	transform: translateX(-10px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-right-10px {
	transform: translateX(10px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-top-20px {
	transform: translateY(-20px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-bottom-20px {
	transform: translateY(20px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-left-20px {
	transform: translateX(-20px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-right-20px {
	transform: translateX(20px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-top-30px {
	transform: translateY(-30px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-bottom-30px {
	transform: translateY(30px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-left-30px {
	transform: translateX(-30px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-right-30px {
	transform: translateX(30px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-top-40px {
	transform: translateY(-40px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-bottom-40px {
	transform: translateY(40px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-left-40px {
	transform: translateX(-40px) !important;
}

.anim-hover-inner-wrapper:hover .anim-hover-inner-translate-right-40px {
	transform: translateX(40px) !important;
}

.anim-hover-scale-1-1:hover {
	transform: scale(1.1);
}

.anim-hover-scale-1-2:hover {
	transform: scale(1.2);
}

/* -------------------------------------] */
/* -------------------------[ BOX SHADO ] */
/* -------------------------------------] */

.box-shadow-none {
	box-shadow: none !important;
}

.box-shadow-hover {
	transition: ease all 300ms;
}

.box-shadow-1:before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0.33;
	content: '';
	box-shadow: 0 30px 90px #BBB;
	transition: all 0.2s ease-in-out;
}

.box-shadow-1.box-shadow-1-hover:before {
	opacity: 0;
}

.box-shadow-1.box-shadow-1-hover:hover:before {
	opacity: 0.33;
}

.border-radius.box-shadow-1:before {
	border-radius: var(--border-radius) !important;
}

.border-radius-2.box-shadow-1:before {
	border-radius: var(--border-radius2x) !important;
}

.box-shadow-2:not(.box-shadow-hover) {
	box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.45);
}

.box-shadow-2.box-shadow-hover:hover {
	box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.45);
}

.box-shadow-3:not(.box-shadow-hover) {
	box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.45);
}

.box-shadow-3.box-shadow-hover:hover {
	box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.45);
}

.box-shadow-4:not(.box-shadow-hover) {
	box-shadow: 0px 0px 21px -5px rgba(0, 0, 0, 0.2);
}

.box-shadow-4.box-shadow-hover:hover {
	box-shadow: 0px 0px 21px -5px rgba(0, 0, 0, 0.2);
}

.box-shadow-5:not(.box-shadow-hover) {
	box-shadow: 0 15px 60px -36px rgba(0, 0, 0, 0.45);
}

.box-shadow-5.box-shadow-hover:hover {
	box-shadow: 0 15px 60px -36px rgba(0, 0, 0, 0.45);
}

.box-shadow-6:not(.box-shadow-hover) {
	box-shadow: 0 12px 45px rgba(0, 0, 0, 0.08);
}

.box-shadow-6.box-shadow-hover:hover {
	box-shadow: 0 12px 45px rgba(0, 0, 0, 0.08);
}

.box-shadow-7:not(.box-shadow-hover) {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.box-shadow-7.box-shadow-hover:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

.box-shadow-8:not(.box-shadow-hover) {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
}

.box-shadow-8.box-shadow-hover:hover {
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.07);
}

.box-shadow-9:not(.box-shadow-hover) {
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}

.box-shadow-9.box-shadow-hover:hover {
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}

.box-shadow-10:not(.box-shadow-hover) {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.025);
}

.box-shadow-10.box-shadow-hover:hover {
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.025);
}

/* Box Shadow - Skin */
.box-shadow-1-primary:before {
	box-shadow: 0 30px 90px var(--primary) !important;
}

.box-shadow-1-secondary:before {
	box-shadow: 0 30px 90px var(--secondary) !important;
}

.box-shadow-1-tertiary:before {
	box-shadow: 0 30px 90px var(--tertiary) !important;
}

.box-shadow-1-quaternary:before {
	box-shadow: 0 30px 90px var(--quaternary) !important;
}

.box-shadow-1-dark:before {
	box-shadow: 0 30px 90px var(--dark) !important;
}

.box-shadow-1-light:before {
	box-shadow: 0 30px 90px var(--light) !important;
}