/*	–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
	CORE/STYLE/CLASSES.CSS
	––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––– */

/* #region		ABSOLUTE HEIGHT */

[class^='ah-'],
[class*=' ah-'] {
	height: var(--absolute-height) !important;
}

.ah-shorter {
	--absolute-height: 720px;
}

.ah-short {
	--absolute-height: 720px;
}

.ah-medium {
	--absolute-height: 720px;
}

.ah-tall {
	--absolute-height: 720px;
}

.ah-taller {
	--absolute-height: 720px;
}

/* #endregion	ABSOLUTE HEIGHT */

/* #region		BOX AND BACKDROP */

.box {
	min-height		: 2px;																		/* testing "min-height" */
	position		: relative;
	overflow		: hidden											!important;
	text-overflow	: ellipsis											!important;
	clip-path		: none;																		/* Testando "Fallback for unsupported or loading cases" */
	clip-path		: inset(-0.1% round var(--box-rounded))				!important;				/* Testando a dica do inset, pois disse que xywh é inválido */
	/* clip-path		: xywh(0% 0% 100% 100% round var(--box-rounded))	!important; */		/* ARQUIVO NOVO, AO SUPRIMIR, FUNCIONA */
	--box-rounded	: 0;
}

a.box {
	display: flex;
}

/*	iOS compatibility */
.box {
	will-change: opacity !important;
}

.box.rounded-1 {
	--box-rounded: var(--bs-border-radius-sm) !important;
}

.box.rounded-2 {
	--box-rounded: var(--bs-border-radius) !important;
}

.box.rounded-3 {
	--box-rounded: var(--bs-border-radius-lg) !important;
}

.box.rounded-4 {
	--box-rounded: var(--bs-border-radius-xl) !important;
}

.box.rounded-5 {
	--box-rounded: var(--bs-border-radius-2xl) !important;
}

/*	Stop backdrop image from overflowing into the border box */
.box .backdrop {
	clip-path	: none;											/* Testando "Fallback for unsupported or loading cases" */
	clip-path	: inset(-0.1%)	!important;						/* Testando a dica do inset, pois disse que xywh é inválido */
	/* clip-path	: content-box !important; */				/* ARQUIVO NOVO, AO SUPRIMIR, FUNCIONA */
	/* clip-path	: xywh(0% 0% 100% 100%) !important */		/* ARQUIVO ANTIGO, FUNCIONANDO PERFEITAMENTE */
}

.backdrop {
	transition: opacity var(--transition-3) transform 500ms !important;
}

/* #endregion	BOX AND BACKDROP */

/* #region		BACKGROUND COLOR */

/* Fallback color */
[class^='bcp-'],
[class*=' bcp-'] {	
	--background-color-primary: transparent;
}

/* Element has primary color but no secondary color (has no gradient) */
[class^='bcp-']:not([class*=' bcs-']),
[class*=' bcp-']:not([class^='bcs-']):not([class*=' bcs-']) {
	background-color: var(--background-color-primary) !important;
}

/* Element has secondary color (has gradient) */
[class^='bcs-'],
[class*=' bcs-'] {
	background-image				: linear-gradient(
		var(--background-color-direction),
		var(--background-color-primary),
		var(--background-color-secondary)
	);
	background-color				: transparent !important;
	--background-color-primary		: transparent;
	--background-color-secondary	: transparent;
	--background-color-direction	: to right;
}

/* #endregion	BACKGROUND COLOR */

/* #region		BACKGROUND COLOR PRIMARY */

.bcp-low-light-1 {
	--background-color-primary: var(--RGBA-background-low-light-1) !important;
}

.bcp-low-light-2 {
	--background-color-primary: var(--RGBA-background-low-light-2) !important;
}

.bcp-low-light-3 {
	--background-color-primary: var(--RGBA-background-low-light-3) !important;
}

.bcp-low-light-4 {
	--background-color-primary: var(--RGBA-background-low-light-4) !important;
}

.bcp-low-light-5 {
	--background-color-primary: var(--RGBA-background-low-light-5) !important;
}

.bcp-low-light-6 {
	--background-color-primary: var(--RGBA-background-low-light-6) !important;
}

.bcp-low-light-7 {
	--background-color-primary: var(--RGBA-background-low-light-7) !important;
}

.bcp-low-light-8 {
	--background-color-primary: var(--RGBA-background-low-light-8) !important;
}

.bcp-low-light-9 {
	--background-color-primary: var(--RGBA-background-low-light-9) !important;
}

.bcp-low-light-10 {
	--background-color-primary: var(--RGBA-background-low-light-10) !important;
}

.bcp-low-light-11 {
	--background-color-primary: var(--RGBA-background-low-light-11) !important;
}

.bcp-low-light-12 {
	--background-color-primary: var(--RGBA-background-low-light-12) !important;
}

.bcp-low-light-13 {
	--background-color-primary: var(--RGBA-background-low-light-13) !important;
}

.bcp-low-light-14 {
	--background-color-primary: var(--RGBA-background-low-light-14) !important;
}

.bcp-low-light-15 {
	--background-color-primary: var(--RGBA-background-low-light-15) !important;
}

.bcp-low-dark-1 {
	--background-color-primary: var(--RGBA-background-low-dark-1) !important;
}

.bcp-low-dark-2 {
	--background-color-primary: var(--RGBA-background-low-dark-2) !important;
}

.bcp-low-dark-3 {
	--background-color-primary: var(--RGBA-background-low-dark-3) !important;
}

.bcp-low-dark-4 {
	--background-color-primary: var(--RGBA-background-low-dark-4) !important;
}

.bcp-low-dark-5 {
	--background-color-primary: var(--RGBA-background-low-dark-5) !important;
}

.bcp-low-dark-6 {
	--background-color-primary: var(--RGBA-background-low-dark-6) !important;
}

.bcp-low-dark-7 {
	--background-color-primary: var(--RGBA-background-low-dark-7) !important;
}

.bcp-low-dark-8 {
	--background-color-primary: var(--RGBA-background-low-dark-8) !important;
}

.bcp-low-dark-9 {
	--background-color-primary: var(--RGBA-background-low-dark-9) !important;
}

.bcp-low-dark-10 {
	--background-color-primary: var(--RGBA-background-low-dark-10) !important;
}

.bcp-low-dark-11 {
	--background-color-primary: var(--RGBA-background-low-dark-11) !important;
}

.bcp-low-dark-12 {
	--background-color-primary: var(--RGBA-background-low-dark-12) !important;
}

.bcp-low-dark-13 {
	--background-color-primary: var(--RGBA-background-low-dark-13) !important;
}

.bcp-low-dark-14 {
	--background-color-primary: var(--RGBA-background-low-dark-14) !important;
}

.bcp-low-dark-15 {
	--background-color-primary: var(--RGBA-background-low-dark-15) !important;
}

.bcp-high-light-1 {
	--background-color-primary: var(--RGBA-background-high-light-1) !important;
}

.bcp-high-light-2 {
	--background-color-primary: var(--RGBA-background-high-light-2) !important;
}

.bcp-high-light-3 {
	--background-color-primary: var(--RGBA-background-high-light-3) !important;
}

.bcp-high-light-4 {
	--background-color-primary: var(--RGBA-background-high-light-4) !important;
}

.bcp-high-light-5 {
	--background-color-primary: var(--RGBA-background-high-light-5) !important;
}

.bcp-high-light-6 {
	--background-color-primary: var(--RGBA-background-high-light-6) !important;
}

.bcp-high-light-7 {
	--background-color-primary: var(--RGBA-background-high-light-7) !important;
}

.bcp-high-light-8 {
	--background-color-primary: var(--RGBA-background-high-light-8) !important;
}

.bcp-high-light-9 {
	--background-color-primary: var(--RGBA-background-high-light-9) !important;
}

.bcp-high-light-10 {
	--background-color-primary: var(--RGBA-background-high-light-10) !important;
}

.bcp-high-light-11 {
	--background-color-primary: var(--RGBA-background-high-light-11) !important;
}

.bcp-high-light-12 {
	--background-color-primary: var(--RGBA-background-high-light-12) !important;
}

.bcp-high-light-13 {
	--background-color-primary: var(--RGBA-background-high-light-13) !important;
}

.bcp-high-light-14 {
	--background-color-primary: var(--RGBA-background-high-light-14) !important;
}

.bcp-high-light-15 {
	--background-color-primary: var(--RGBA-background-high-light-15) !important;
}

.bcp-high-dark-1 {
	--background-color-primary: var(--RGBA-background-high-dark-1) !important;
}

.bcp-high-dark-2 {
	--background-color-primary: var(--RGBA-background-high-dark-2) !important;
}

.bcp-high-dark-3 {
	--background-color-primary: var(--RGBA-background-high-dark-3) !important;
}

.bcp-high-dark-4 {
	--background-color-primary: var(--RGBA-background-high-dark-4) !important;
}

.bcp-high-dark-5 {
	--background-color-primary: var(--RGBA-background-high-dark-5) !important;
}

.bcp-high-dark-6 {
	--background-color-primary: var(--RGBA-background-high-dark-6) !important;
}

.bcp-high-dark-7 {
	--background-color-primary: var(--RGBA-background-high-dark-7) !important;
}

.bcp-high-dark-8 {
	--background-color-primary: var(--RGBA-background-high-dark-8) !important;
}

.bcp-high-dark-9 {
	--background-color-primary: var(--RGBA-background-high-dark-9) !important;
}

.bcp-high-dark-10 {
	--background-color-primary: var(--RGBA-background-high-dark-10) !important;
}

.bcp-high-dark-11 {
	--background-color-primary: var(--RGBA-background-high-dark-11) !important;
}

.bcp-high-dark-12 {
	--background-color-primary: var(--RGBA-background-high-dark-12) !important;
}

.bcp-high-dark-13 {
	--background-color-primary: var(--RGBA-background-high-dark-13) !important;
}

.bcp-high-dark-14 {
	--background-color-primary: var(--RGBA-background-high-dark-14) !important;
}

.bcp-high-dark-15 {
	--background-color-primary: var(--RGBA-background-high-dark-15) !important;
}

.bcp-button-light-1 {
	--background-color-primary: var(--RGBA-background-button-light-1) !important;
}

.bcp-button-light-2 {
	--background-color-primary: var(--RGBA-background-button-light-2) !important;
}

.bcp-button-light-3 {
	--background-color-primary: var(--RGBA-background-button-light-3) !important;
}

.bcp-button-light-4 {
	--background-color-primary: var(--RGBA-background-button-light-4) !important;
}

.bcp-button-light-5 {
	--background-color-primary: var(--RGBA-background-button-light-5) !important;
}

.bcp-button-light-6 {
	--background-color-primary: var(--RGBA-background-button-light-6) !important;
}

.bcp-button-light-7 {
	--background-color-primary: var(--RGBA-background-button-light-7) !important;
}

.bcp-button-light-8 {
	--background-color-primary: var(--RGBA-background-button-light-8) !important;
}

.bcp-button-light-9 {
	--background-color-primary: var(--RGBA-background-button-light-9) !important;
}

.bcp-button-light-10 {
	--background-color-primary: var(--RGBA-background-button-light-10) !important;
}

.bcp-button-light-11 {
	--background-color-primary: var(--RGBA-background-button-light-11) !important;
}

.bcp-button-light-12 {
	--background-color-primary: var(--RGBA-background-button-light-12) !important;
}

.bcp-button-light-13 {
	--background-color-primary: var(--RGBA-background-button-light-13) !important;
}

.bcp-button-light-14 {
	--background-color-primary: var(--RGBA-background-button-light-14) !important;
}

.bcp-button-light-15 {
	--background-color-primary: var(--RGBA-background-button-light-15) !important;
}

.bcp-button-dark-1 {
	--background-color-primary: var(--RGBA-background-button-dark-1) !important;
}

.bcp-button-dark-2 {
	--background-color-primary: var(--RGBA-background-button-dark-2) !important;
}

.bcp-button-dark-3 {
	--background-color-primary: var(--RGBA-background-button-dark-3) !important;
}

.bcp-button-dark-4 {
	--background-color-primary: var(--RGBA-background-button-dark-4) !important;
}

.bcp-button-dark-5 {
	--background-color-primary: var(--RGBA-background-button-dark-5) !important;
}

.bcp-button-dark-6 {
	--background-color-primary: var(--RGBA-background-button-dark-6) !important;
}

.bcp-button-dark-7 {
	--background-color-primary: var(--RGBA-background-button-dark-7) !important;
}

.bcp-button-dark-8 {
	--background-color-primary: var(--RGBA-background-button-dark-8) !important;
}

.bcp-button-dark-9 {
	--background-color-primary: var(--RGBA-background-button-dark-9) !important;
}

.bcp-button-dark-10 {
	--background-color-primary: var(--RGBA-background-button-dark-10) !important;
}

.bcp-button-dark-11 {
	--background-color-primary: var(--RGBA-background-button-dark-11) !important;
}

.bcp-button-dark-12 {
	--background-color-primary: var(--RGBA-background-button-dark-12) !important;
}

.bcp-button-dark-13 {
	--background-color-primary: var(--RGBA-background-button-dark-13) !important;
}

.bcp-button-dark-14 {
	--background-color-primary: var(--RGBA-background-button-dark-14) !important;
}

.bcp-button-dark-15 {
	--background-color-primary: var(--RGBA-background-button-dark-15) !important;
}

.bcp-transparent {
	--background-color-primary: transparent !important;
}

.bcp-blue {
	--background-color-primary: var(--bs-blue) !important;
}

.bcp-indigo {
	--background-color-primary: var(--bs-indigo) !important;
}

.bcp-purple {
	--background-color-primary: var(--bs-purple) !important;
}

.bcp-pink {
	--background-color-primary: var(--bs-pink) !important;
}

.bcp-red {
	--background-color-primary: var(--bs-red) !important;
}

.bcp-orange {
	--background-color-primary: var(--bs-orange) !important;
}

.bcp-yellow {
	--background-color-primary: var(--bs-yellow) !important;
}

.bcp-green {
	--background-color-primary: var(--bs-green) !important;
}

.bcp-teal {
	--background-color-primary: var(--bs-teal) !important;
}

.bcp-cyan {
	--background-color-primary: var(--bs-cyan) !important;
}

.bcp-black {
	--background-color-primary: var(--bs-black) !important;
}

.bcp-white {
	--background-color-primary: var(--bs-white) !important;
}

.bcp-gray {
	--background-color-primary: var(--bs-gray) !important;
}

.bcp-gray-100 {
	--background-color-primary: var(--bs-gray-100) !important;
}

.bcp-gray-200 {
	--background-color-primary: var(--bs-gray-200) !important;
}

.bcp-gray-300 {
	--background-color-primary: var(--bs-gray-300) !important;
}

.bcp-gray-400 {
	--background-color-primary: var(--bs-gray-400) !important;
}

.bcp-gray-500 {
	--background-color-primary: var(--bs-gray-500) !important;
}

.bcp-gray-600 {
	--background-color-primary: var(--bs-gray-600) !important;
}

.bcp-gray-700 {
	--background-color-primary: var(--bs-gray-700) !important;
}

.bcp-gray-800 {
	--background-color-primary: var(--bs-gray-800) !important;
}

.bcp-gray-900 {
	--background-color-primary: var(--bs-gray-900) !important;
}

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

/* #endregion	BACKGROUND COLOR PRIMARY */

/* #region		BACKGROUND COLOR SECONDARY */

.bcs-low-light-1 {
	--background-color-secondary: var(--RGBA-background-low-light-1) !important;
}

.bcs-low-light-2 {
	--background-color-secondary: var(--RGBA-background-low-light-2) !important;
}

.bcs-low-light-3 {
	--background-color-secondary: var(--RGBA-background-low-light-3) !important;
}

.bcs-low-light-4 {
	--background-color-secondary: var(--RGBA-background-low-light-4) !important;
}

.bcs-low-light-5 {
	--background-color-secondary: var(--RGBA-background-low-light-5) !important;
}

.bcs-low-light-6 {
	--background-color-secondary: var(--RGBA-background-low-light-6) !important;
}

.bcs-low-light-7 {
	--background-color-secondary: var(--RGBA-background-low-light-7) !important;
}

.bcs-low-light-8 {
	--background-color-secondary: var(--RGBA-background-low-light-8) !important;
}

.bcs-low-light-9 {
	--background-color-secondary: var(--RGBA-background-low-light-9) !important;
}

.bcs-low-light-10 {
	--background-color-secondary: var(--RGBA-background-low-light-10) !important;
}

.bcs-low-light-11 {
	--background-color-secondary: var(--RGBA-background-low-light-11) !important;
}

.bcs-low-light-12 {
	--background-color-secondary: var(--RGBA-background-low-light-12) !important;
}

.bcs-low-light-13 {
	--background-color-secondary: var(--RGBA-background-low-light-13) !important;
}

.bcs-low-light-14 {
	--background-color-secondary: var(--RGBA-background-low-light-14) !important;
}

.bcs-low-light-15 {
	--background-color-secondary: var(--RGBA-background-low-light-15) !important;
}

.bcs-low-dark-1 {
	--background-color-secondary: var(--RGBA-background-low-dark-1) !important;
}

.bcs-low-dark-2 {
	--background-color-secondary: var(--RGBA-background-low-dark-2) !important;
}

.bcs-low-dark-3 {
	--background-color-secondary: var(--RGBA-background-low-dark-3) !important;
}

.bcs-low-dark-4 {
	--background-color-secondary: var(--RGBA-background-low-dark-4) !important;
}

.bcs-low-dark-5 {
	--background-color-secondary: var(--RGBA-background-low-dark-5) !important;
}

.bcs-low-dark-6 {
	--background-color-secondary: var(--RGBA-background-low-dark-6) !important;
}

.bcs-low-dark-7 {
	--background-color-secondary: var(--RGBA-background-low-dark-7) !important;
}

.bcs-low-dark-8 {
	--background-color-secondary: var(--RGBA-background-low-dark-8) !important;
}

.bcs-low-dark-9 {
	--background-color-secondary: var(--RGBA-background-low-dark-9) !important;
}

.bcs-low-dark-10 {
	--background-color-secondary: var(--RGBA-background-low-dark-10) !important;
}

.bcs-low-dark-11 {
	--background-color-secondary: var(--RGBA-background-low-dark-11) !important;
}

.bcs-low-dark-12 {
	--background-color-secondary: var(--RGBA-background-low-dark-12) !important;
}

.bcs-low-dark-13 {
	--background-color-secondary: var(--RGBA-background-low-dark-13) !important;
}

.bcs-low-dark-14 {
	--background-color-secondary: var(--RGBA-background-low-dark-14) !important;
}

.bcs-low-dark-15 {
	--background-color-secondary: var(--RGBA-background-low-dark-15) !important;
}

.bcs-high-light-1 {
	--background-color-secondary: var(--RGBA-background-high-light-1) !important;
}

.bcs-high-light-2 {
	--background-color-secondary: var(--RGBA-background-high-light-2) !important;
}

.bcs-high-light-3 {
	--background-color-secondary: var(--RGBA-background-high-light-3) !important;
}

.bcs-high-light-4 {
	--background-color-secondary: var(--RGBA-background-high-light-4) !important;
}

.bcs-high-light-5 {
	--background-color-secondary: var(--RGBA-background-high-light-5) !important;
}

.bcs-high-light-6 {
	--background-color-secondary: var(--RGBA-background-high-light-6) !important;
}

.bcs-high-light-7 {
	--background-color-secondary: var(--RGBA-background-high-light-7) !important;
}

.bcs-high-light-8 {
	--background-color-secondary: var(--RGBA-background-high-light-8) !important;
}

.bcs-high-light-9 {
	--background-color-secondary: var(--RGBA-background-high-light-9) !important;
}

.bcs-high-light-10 {
	--background-color-secondary: var(--RGBA-background-high-light-10) !important;
}

.bcs-high-light-11 {
	--background-color-secondary: var(--RGBA-background-high-light-11) !important;
}

.bcs-high-light-12 {
	--background-color-secondary: var(--RGBA-background-high-light-12) !important;
}

.bcs-high-light-13 {
	--background-color-secondary: var(--RGBA-background-high-light-13) !important;
}

.bcs-high-light-14 {
	--background-color-secondary: var(--RGBA-background-high-light-14) !important;
}

.bcs-high-light-15 {
	--background-color-secondary: var(--RGBA-background-high-light-15) !important;
}

.bcs-high-dark-1 {
	--background-color-secondary: var(--RGBA-background-high-dark-1) !important;
}

.bcs-high-dark-2 {
	--background-color-secondary: var(--RGBA-background-high-dark-2) !important;
}

.bcs-high-dark-3 {
	--background-color-secondary: var(--RGBA-background-high-dark-3) !important;
}

.bcs-high-dark-4 {
	--background-color-secondary: var(--RGBA-background-high-dark-4) !important;
}

.bcs-high-dark-5 {
	--background-color-secondary: var(--RGBA-background-high-dark-5) !important;
}

.bcs-high-dark-6 {
	--background-color-secondary: var(--RGBA-background-high-dark-6) !important;
}

.bcs-high-dark-7 {
	--background-color-secondary: var(--RGBA-background-high-dark-7) !important;
}

.bcs-high-dark-8 {
	--background-color-secondary: var(--RGBA-background-high-dark-8) !important;
}

.bcs-high-dark-9 {
	--background-color-secondary: var(--RGBA-background-high-dark-9) !important;
}

.bcs-high-dark-10 {
	--background-color-secondary: var(--RGBA-background-high-dark-10) !important;
}

.bcs-high-dark-11 {
	--background-color-secondary: var(--RGBA-background-high-dark-11) !important;
}

.bcs-high-dark-12 {
	--background-color-secondary: var(--RGBA-background-high-dark-12) !important;
}

.bcs-high-dark-13 {
	--background-color-secondary: var(--RGBA-background-high-dark-13) !important;
}

.bcs-high-dark-14 {
	--background-color-secondary: var(--RGBA-background-high-dark-14) !important;
}

.bcs-high-dark-15 {
	--background-color-secondary: var(--RGBA-background-high-dark-15) !important;
}

.bcs-button-light-1 {
	--background-color-secondary: var(--RGBA-background-button-light-1) !important;
}

.bcs-button-light-2 {
	--background-color-secondary: var(--RGBA-background-button-light-2) !important;
}

.bcs-button-light-3 {
	--background-color-secondary: var(--RGBA-background-button-light-3) !important;
}

.bcs-button-light-4 {
	--background-color-secondary: var(--RGBA-background-button-light-4) !important;
}

.bcs-button-light-5 {
	--background-color-secondary: var(--RGBA-background-button-light-5) !important;
}

.bcs-button-light-6 {
	--background-color-secondary: var(--RGBA-background-button-light-6) !important;
}

.bcs-button-light-7 {
	--background-color-secondary: var(--RGBA-background-button-light-7) !important;
}

.bcs-button-light-8 {
	--background-color-secondary: var(--RGBA-background-button-light-8) !important;
}

.bcs-button-light-9 {
	--background-color-secondary: var(--RGBA-background-button-light-9) !important;
}

.bcs-button-light-10 {
	--background-color-secondary: var(--RGBA-background-button-light-10) !important;
}

.bcs-button-light-11 {
	--background-color-secondary: var(--RGBA-background-button-light-11) !important;
}

.bcs-button-light-12 {
	--background-color-secondary: var(--RGBA-background-button-light-12) !important;
}

.bcs-button-light-13 {
	--background-color-secondary: var(--RGBA-background-button-light-13) !important;
}

.bcs-button-light-14 {
	--background-color-secondary: var(--RGBA-background-button-light-14) !important;
}

.bcs-button-light-15 {
	--background-color-secondary: var(--RGBA-background-button-light-15) !important;
}

.bcs-button-dark-1 {
	--background-color-secondary: var(--RGBA-background-button-dark-1) !important;
}

.bcs-button-dark-2 {
	--background-color-secondary: var(--RGBA-background-button-dark-2) !important;
}

.bcs-button-dark-3 {
	--background-color-secondary: var(--RGBA-background-button-dark-3) !important;
}

.bcs-button-dark-4 {
	--background-color-secondary: var(--RGBA-background-button-dark-4) !important;
}

.bcs-button-dark-5 {
	--background-color-secondary: var(--RGBA-background-button-dark-5) !important;
}

.bcs-button-dark-6 {
	--background-color-secondary: var(--RGBA-background-button-dark-6) !important;
}

.bcs-button-dark-7 {
	--background-color-secondary: var(--RGBA-background-button-dark-7) !important;
}

.bcs-button-dark-8 {
	--background-color-secondary: var(--RGBA-background-button-dark-8) !important;
}

.bcs-button-dark-9 {
	--background-color-secondary: var(--RGBA-background-button-dark-9) !important;
}

.bcs-button-dark-10 {
	--background-color-secondary: var(--RGBA-background-button-dark-10) !important;
}

.bcs-button-dark-11 {
	--background-color-secondary: var(--RGBA-background-button-dark-11) !important;
}

.bcs-button-dark-12 {
	--background-color-secondary: var(--RGBA-background-button-dark-12) !important;
}

.bcs-button-dark-13 {
	--background-color-secondary: var(--RGBA-background-button-dark-13) !important;
}

.bcs-button-dark-14 {
	--background-color-secondary: var(--RGBA-background-button-dark-14) !important;
}

.bcs-button-dark-15 {
	--background-color-secondary: var(--RGBA-background-button-dark-15) !important;
}

.bcs-transparent {
	--background-color-secondary: transparent !important;
}

.bcs-blue {
	--background-color-secondary: var(--bs-blue) !important;
}

.bcs-indigo {
	--background-color-secondary: var(--bs-indigo) !important;
}

.bcs-purple {
	--background-color-secondary: var(--bs-purple) !important;
}

.bcs-pink {
	--background-color-secondary: var(--bs-pink) !important;
}

.bcs-red {
	--background-color-secondary: var(--bs-red) !important;
}

.bcs-orange {
	--background-color-secondary: var(--bs-orange) !important;
}

.bcs-yellow {
	--background-color-secondary: var(--bs-yellow) !important;
}

.bcs-green {
	--background-color-secondary: var(--bs-green) !important;
}

.bcs-teal {
	--background-color-secondary: var(--bs-teal) !important;
}

.bcs-cyan {
	--background-color-secondary: var(--bs-cyan) !important;
}

.bcs-black {
	--background-color-secondary: var(--bs-black) !important;
}

.bcs-white {
	--background-color-secondary: var(--bs-white) !important;
}

.bcs-gray {
	--background-color-secondary: var(--bs-gray) !important;
}

.bcs-gray-100 {
	--background-color-secondary: var(--bs-gray-100) !important;
}

.bcs-gray-200 {
	--background-color-secondary: var(--bs-gray-200) !important;
}

.bcs-gray-300 {
	--background-color-secondary: var(--bs-gray-300) !important;
}

.bcs-gray-400 {
	--background-color-secondary: var(--bs-gray-400) !important;
}

.bcs-gray-500 {
	--background-color-secondary: var(--bs-gray-500) !important;
}

.bcs-gray-600 {
	--background-color-secondary: var(--bs-gray-600) !important;
}

.bcs-gray-700 {
	--background-color-secondary: var(--bs-gray-700) !important;
}

.bcs-gray-800 {
	--background-color-secondary: var(--bs-gray-800) !important;
}

.bcs-gray-900 {
	--background-color-secondary: var(--bs-gray-900) !important;
}

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

/* #endregion	BACKGROUND COLOR SECONDARY */

/* #region		BACKGROUND COLOR DIRECTION */

.bcd-45 {
	--background-color-direction: 45deg !important;
}

.bcd-135 {
	--background-color-direction: 135deg !important;
}

.bcd-225 {
	--background-color-direction: 225deg !important;
}

.bcd-315 {
	--background-color-direction: 315deg !important;
}

.bcd-start {
	--background-color-direction: to right !important;
}

.bcd-top {
	--background-color-direction: to bottom !important;
}

.bcd-end {
	--background-color-direction: to left !important;
}

.bcd-bottom {
	--background-color-direction: to top !important;
}

/* #endregion	BACKGROUND COLOR GRADIENT */

/* #region		BORDER COLOR */

/* Fallback color */
[class^='bocp-'],
[class*=' bocp-'] {
	--border-color-primary: transparent; 
}

/* Element has primary color but no secondary color (has no gradient) */
[class^='bocp-']:not([class*=' bocs-']),
[class*=' bocp-']:not([class^='bocs-']):not([class*=' bocs-']) {	
	border-color: var(--border-color-primary) !important;
}

/* Element has secondary color (has gradient) */
/* [class^='bocs-'],
[class*=' bocs-'] {
	background-image: linear-gradient(
		var(--border-color-direction),
		var(--border-color-primary),
		var(--border-color-secondary)
	) !important;
	background-color			: transparent !important;
	background-origin			: border-box;
	background-clip				: padding-box, border-box;
	--border-color-primary		: transparent;
	--border-color-secondary	: transparent;
	--border-color-direction	: to right;
} */

/* #endregion	BORDER COLOR */

/* #region		BORDER COLOR PRIMARY */

.bocp-large-light-1 {
	--border-color-primary: var(--RGBA-text-large-light-1) !important;
}

.bocp-large-light-2 {
	--border-color-primary: var(--RGBA-text-large-light-2) !important;
}

.bocp-large-light-3 {
	--border-color-primary: var(--RGBA-text-large-light-3) !important;
}

.bocp-large-light-4 {
	--border-color-primary: var(--RGBA-text-large-light-4) !important;
}

.bocp-large-light-5 {
	--border-color-primary: var(--RGBA-text-large-light-5) !important;
}

.bocp-large-light-6 {
	--border-color-primary: var(--RGBA-text-large-light-6) !important;
}

.bocp-large-light-7 {
	--border-color-primary: var(--RGBA-text-large-light-7) !important;
}

.bocp-large-light-8 {
	--border-color-primary: var(--RGBA-text-large-light-8) !important;
}

.bocp-large-light-9 {
	--border-color-primary: var(--RGBA-text-large-light-9) !important;
}

.bocp-large-light-10 {
	--border-color-primary: var(--RGBA-text-large-light-10) !important;
}

.bocp-large-light-11 {
	--border-color-primary: var(--RGBA-text-large-light-11) !important;
}

.bocp-large-light-12 {
	--border-color-primary: var(--RGBA-text-large-light-12) !important;
}

.bocp-large-light-13 {
	--border-color-primary: var(--RGBA-text-large-light-13) !important;
}

.bocp-large-light-14 {
	--border-color-primary: var(--RGBA-text-large-light-14) !important;
}

.bocp-large-light-15 {
	--border-color-primary: var(--RGBA-text-large-light-15) !important;
}

.bocp-large-dark-1 {
	--border-color-primary: var(--RGBA-text-large-dark-1) !important;
}

.bocp-large-dark-2 {
	--border-color-primary: var(--RGBA-text-large-dark-2) !important;
}

.bocp-large-dark-3 {
	--border-color-primary: var(--RGBA-text-large-dark-3) !important;
}

.bocp-large-dark-4 {
	--border-color-primary: var(--RGBA-text-large-dark-4) !important;
}

.bocp-large-dark-5 {
	--border-color-primary: var(--RGBA-text-large-dark-5) !important;
}

.bocp-large-dark-6 {
	--border-color-primary: var(--RGBA-text-large-dark-6) !important;
}

.bocp-large-dark-7 {
	--border-color-primary: var(--RGBA-text-large-dark-7) !important;
}

.bocp-large-dark-8 {
	--border-color-primary: var(--RGBA-text-large-dark-8) !important;
}

.bocp-large-dark-9 {
	--border-color-primary: var(--RGBA-text-large-dark-9) !important;
}

.bocp-large-dark-10 {
	--border-color-primary: var(--RGBA-text-large-dark-10) !important;
}

.bocp-large-dark-11 {
	--border-color-primary: var(--RGBA-text-large-dark-11) !important;
}

.bocp-large-dark-12 {
	--border-color-primary: var(--RGBA-text-large-dark-12) !important;
}

.bocp-large-dark-13 {
	--border-color-primary: var(--RGBA-text-large-dark-13) !important;
}

.bocp-large-dark-14 {
	--border-color-primary: var(--RGBA-text-large-dark-14) !important;
}

.bocp-large-dark-15 {
	--border-color-primary: var(--RGBA-text-large-dark-15) !important;
}

.bocp-small-light-1 {
	--border-color-primary: var(--RGBA-text-small-light-1) !important;
}

.bocp-small-light-2 {
	--border-color-primary: var(--RGBA-text-small-light-2) !important;
}

.bocp-small-light-3 {
	--border-color-primary: var(--RGBA-text-small-light-3) !important;
}

.bocp-small-light-4 {
	--border-color-primary: var(--RGBA-text-small-light-4) !important;
}

.bocp-small-light-5 {
	--border-color-primary: var(--RGBA-text-small-light-5) !important;
}

.bocp-small-light-6 {
	--border-color-primary: var(--RGBA-text-small-light-6) !important;
}

.bocp-small-light-7 {
	--border-color-primary: var(--RGBA-text-small-light-7) !important;
}

.bocp-small-light-8 {
	--border-color-primary: var(--RGBA-text-small-light-8) !important;
}

.bocp-small-light-9 {
	--border-color-primary: var(--RGBA-text-small-light-9) !important;
}

.bocp-small-light-10 {
	--border-color-primary: var(--RGBA-text-small-light-10) !important;
}

.bocp-small-light-11 {
	--border-color-primary: var(--RGBA-text-small-light-11) !important;
}

.bocp-small-light-12 {
	--border-color-primary: var(--RGBA-text-small-light-12) !important;
}

.bocp-small-light-13 {
	--border-color-primary: var(--RGBA-text-small-light-13) !important;
}

.bocp-small-light-14 {
	--border-color-primary: var(--RGBA-text-small-light-14) !important;
}

.bocp-small-light-15 {
	--border-color-primary: var(--RGBA-text-small-light-15) !important;
}

.bocp-small-dark-1 {
	--border-color-primary: var(--RGBA-text-small-dark-1) !important;
}

.bocp-small-dark-2 {
	--border-color-primary: var(--RGBA-text-small-dark-2) !important;
}

.bocp-small-dark-3 {
	--border-color-primary: var(--RGBA-text-small-dark-3) !important;
}

.bocp-small-dark-4 {
	--border-color-primary: var(--RGBA-text-small-dark-4) !important;
}

.bocp-small-dark-5 {
	--border-color-primary: var(--RGBA-text-small-dark-5) !important;
}

.bocp-small-dark-6 {
	--border-color-primary: var(--RGBA-text-small-dark-6) !important;
}

.bocp-small-dark-7 {
	--border-color-primary: var(--RGBA-text-small-dark-7) !important;
}

.bocp-small-dark-8 {
	--border-color-primary: var(--RGBA-text-small-dark-8) !important;
}

.bocp-small-dark-9 {
	--border-color-primary: var(--RGBA-text-small-dark-9) !important;
}

.bocp-small-dark-10 {
	--border-color-primary: var(--RGBA-text-small-dark-10) !important;
}

.bocp-small-dark-11 {
	--border-color-primary: var(--RGBA-text-small-dark-11) !important;
}

.bocp-small-dark-12 {
	--border-color-primary: var(--RGBA-text-small-dark-12) !important;
}

.bocp-small-dark-13 {
	--border-color-primary: var(--RGBA-text-small-dark-13) !important;
}

.bocp-small-dark-14 {
	--border-color-primary: var(--RGBA-text-small-dark-14) !important;
}

.bocp-small-dark-15 {
	--border-color-primary: var(--RGBA-text-small-dark-15) !important;
}

.bocp-button-light-1 {
	--border-color-primary: var(--RGBA-text-button-light-1) !important;
}

.bocp-button-light-2 {
	--border-color-primary: var(--RGBA-text-button-light-2) !important;
}

.bocp-button-light-3 {
	--border-color-primary: var(--RGBA-text-button-light-3) !important;
}

.bocp-button-light-4 {
	--border-color-primary: var(--RGBA-text-button-light-4) !important;
}

.bocp-button-light-5 {
	--border-color-primary: var(--RGBA-text-button-light-5) !important;
}

.bocp-button-light-6 {
	--border-color-primary: var(--RGBA-text-button-light-6) !important;
}

.bocp-button-light-7 {
	--border-color-primary: var(--RGBA-text-button-light-7) !important;
}

.bocp-button-light-8 {
	--border-color-primary: var(--RGBA-text-button-light-8) !important;
}

.bocp-button-light-9 {
	--border-color-primary: var(--RGBA-text-button-light-9) !important;
}

.bocp-button-light-10 {
	--border-color-primary: var(--RGBA-text-button-light-10) !important;
}

.bocp-button-light-11 {
	--border-color-primary: var(--RGBA-text-button-light-11) !important;
}

.bocp-button-light-12 {
	--border-color-primary: var(--RGBA-text-button-light-12) !important;
}

.bocp-button-light-13 {
	--border-color-primary: var(--RGBA-text-button-light-13) !important;
}

.bocp-button-light-14 {
	--border-color-primary: var(--RGBA-text-button-light-14) !important;
}

.bocp-button-light-15 {
	--border-color-primary: var(--RGBA-text-button-light-15) !important;
}

.bocp-button-dark-1 {
	--border-color-primary: var(--RGBA-text-button-dark-1) !important;
}

.bocp-button-dark-2 {
	--border-color-primary: var(--RGBA-text-button-dark-2) !important;
}

.bocp-button-dark-3 {
	--border-color-primary: var(--RGBA-text-button-dark-3) !important;
}

.bocp-button-dark-4 {
	--border-color-primary: var(--RGBA-text-button-dark-4) !important;
}

.bocp-button-dark-5 {
	--border-color-primary: var(--RGBA-text-button-dark-5) !important;
}

.bocp-button-dark-6 {
	--border-color-primary: var(--RGBA-text-button-dark-6) !important;
}

.bocp-button-dark-7 {
	--border-color-primary: var(--RGBA-text-button-dark-7) !important;
}

.bocp-button-dark-8 {
	--border-color-primary: var(--RGBA-text-button-dark-8) !important;
}

.bocp-button-dark-9 {
	--border-color-primary: var(--RGBA-text-button-dark-9) !important;
}

.bocp-button-dark-10 {
	--border-color-primary: var(--RGBA-text-button-dark-10) !important;
}

.bocp-button-dark-11 {
	--border-color-primary: var(--RGBA-text-button-dark-11) !important;
}

.bocp-button-dark-12 {
	--border-color-primary: var(--RGBA-text-button-dark-12) !important;
}

.bocp-button-dark-13 {
	--border-color-primary: var(--RGBA-text-button-dark-13) !important;
}

.bocp-button-dark-14 {
	--border-color-primary: var(--RGBA-text-button-dark-14) !important;
}

.bocp-button-dark-15 {
	--border-color-primary: var(--RGBA-text-button-dark-15) !important;
}

.bocp-transparent {
	--border-color-primary: transparent !important;
}

.bocp-blue {
	--border-color-primary: var(--bs-blue) !important;
}

.bocp-indigo {
	--border-color-primary: var(--bs-indigo) !important;
}

.bocp-purple {
	--border-color-primary: var(--bs-purple) !important;
}

.bocp-pink {
	--border-color-primary: var(--bs-pink) !important;
}

.bocp-red {
	--border-color-primary: var(--bs-red) !important;
}

.bocp-orange {
	--border-color-primary: var(--bs-orange) !important;
}

.bocp-yellow {
	--border-color-primary: var(--bs-yellow) !important;
}

.bocp-green {
	--border-color-primary: var(--bs-green) !important;
}

.bocp-teal {
	--border-color-primary: var(--bs-teal) !important;
}

.bocp-cyan {
	--border-color-primary: var(--bs-cyan) !important;
}

.bocp-black {
	--border-color-primary: var(--bs-black) !important;
}

.bocp-white {
	--border-color-primary: var(--bs-white) !important;
}

.bocp-gray {
	--border-color-primary: var(--bs-gray) !important;
}

.bocp-gray-100 {
	--border-color-primary: var(--bs-gray-100) !important;
}

.bocp-gray-200 {
	--border-color-primary: var(--bs-gray-200) !important;
}

.bocp-gray-300 {
	--border-color-primary: var(--bs-gray-300) !important;
}

.bocp-gray-400 {
	--border-color-primary: var(--bs-gray-400) !important;
}

.bocp-gray-500 {
	--border-color-primary: var(--bs-gray-500) !important;
}

.bocp-gray-600 {
	--border-color-primary: var(--bs-gray-600) !important;
}

.bocp-gray-700 {
	--border-color-primary: var(--bs-gray-700) !important;
}

.bocp-gray-800 {
	--border-color-primary: var(--bs-gray-800) !important;
}

.bocp-gray-900 {
	--border-color-primary: var(--bs-gray-900) !important;
}

.bocp-whatsapp {
	--border-color-primary: var(--border-color-whatsapp) !important;
}

/* #endregion	BORDER COLOR PRIMARY */

/* #region		BORDER COLOR SECONDARY */

.bocs-large-light-1 {
	--border-color-secondary: var(--RGBA-text-large-light-1) !important;
}

.bocs-large-light-2 {
	--border-color-secondary: var(--RGBA-text-large-light-2) !important;
}

.bocs-large-light-3 {
	--border-color-secondary: var(--RGBA-text-large-light-3) !important;
}

.bocs-large-light-4 {
	--border-color-secondary: var(--RGBA-text-large-light-4) !important;
}

.bocs-large-light-5 {
	--border-color-secondary: var(--RGBA-text-large-light-5) !important;
}

.bocs-large-light-6 {
	--border-color-secondary: var(--RGBA-text-large-light-6) !important;
}

.bocs-large-light-7 {
	--border-color-secondary: var(--RGBA-text-large-light-7) !important;
}

.bocs-large-light-8 {
	--border-color-secondary: var(--RGBA-text-large-light-8) !important;
}

.bocs-large-light-9 {
	--border-color-secondary: var(--RGBA-text-large-light-9) !important;
}

.bocs-large-light-10 {
	--border-color-secondary: var(--RGBA-text-large-light-10) !important;
}

.bocs-large-light-11 {
	--border-color-secondary: var(--RGBA-text-large-light-11) !important;
}

.bocs-large-light-12 {
	--border-color-secondary: var(--RGBA-text-large-light-12) !important;
}

.bocs-large-light-13 {
	--border-color-secondary: var(--RGBA-text-large-light-13) !important;
}

.bocs-large-light-14 {
	--border-color-secondary: var(--RGBA-text-large-light-14) !important;
}

.bocs-large-light-15 {
	--border-color-secondary: var(--RGBA-text-large-light-15) !important;
}

.bocs-large-dark-1 {
	--border-color-secondary: var(--RGBA-text-large-dark-1) !important;
}

.bocs-large-dark-2 {
	--border-color-secondary: var(--RGBA-text-large-dark-2) !important;
}

.bocs-large-dark-3 {
	--border-color-secondary: var(--RGBA-text-large-dark-3) !important;
}

.bocs-large-dark-4 {
	--border-color-secondary: var(--RGBA-text-large-dark-4) !important;
}

.bocs-large-dark-5 {
	--border-color-secondary: var(--RGBA-text-large-dark-5) !important;
}

.bocs-large-dark-6 {
	--border-color-secondary: var(--RGBA-text-large-dark-6) !important;
}

.bocs-large-dark-7 {
	--border-color-secondary: var(--RGBA-text-large-dark-7) !important;
}

.bocs-large-dark-8 {
	--border-color-secondary: var(--RGBA-text-large-dark-8) !important;
}

.bocs-large-dark-9 {
	--border-color-secondary: var(--RGBA-text-large-dark-9) !important;
}

.bocs-large-dark-10 {
	--border-color-secondary: var(--RGBA-text-large-dark-10) !important;
}

.bocs-large-dark-11 {
	--border-color-secondary: var(--RGBA-text-large-dark-11) !important;
}

.bocs-large-dark-12 {
	--border-color-secondary: var(--RGBA-text-large-dark-12) !important;
}

.bocs-large-dark-13 {
	--border-color-secondary: var(--RGBA-text-large-dark-13) !important;
}

.bocs-large-dark-14 {
	--border-color-secondary: var(--RGBA-text-large-dark-14) !important;
}

.bocs-large-dark-15 {
	--border-color-secondary: var(--RGBA-text-large-dark-15) !important;
}

.bocs-small-light-1 {
	--border-color-secondary: var(--RGBA-text-small-light-1) !important;
}

.bocs-small-light-2 {
	--border-color-secondary: var(--RGBA-text-small-light-2) !important;
}

.bocs-small-light-3 {
	--border-color-secondary: var(--RGBA-text-small-light-3) !important;
}

.bocs-small-light-4 {
	--border-color-secondary: var(--RGBA-text-small-light-4) !important;
}

.bocs-small-light-5 {
	--border-color-secondary: var(--RGBA-text-small-light-5) !important;
}

.bocs-small-light-6 {
	--border-color-secondary: var(--RGBA-text-small-light-6) !important;
}

.bocs-small-light-7 {
	--border-color-secondary: var(--RGBA-text-small-light-7) !important;
}

.bocs-small-light-8 {
	--border-color-secondary: var(--RGBA-text-small-light-8) !important;
}

.bocs-small-light-9 {
	--border-color-secondary: var(--RGBA-text-small-light-9) !important;
}

.bocs-small-light-10 {
	--border-color-secondary: var(--RGBA-text-small-light-10) !important;
}

.bocs-small-light-11 {
	--border-color-secondary: var(--RGBA-text-small-light-11) !important;
}

.bocs-small-light-12 {
	--border-color-secondary: var(--RGBA-text-small-light-12) !important;
}

.bocs-small-light-13 {
	--border-color-secondary: var(--RGBA-text-small-light-13) !important;
}

.bocs-small-light-14 {
	--border-color-secondary: var(--RGBA-text-small-light-14) !important;
}

.bocs-small-light-15 {
	--border-color-secondary: var(--RGBA-text-small-light-15) !important;
}

.bocs-small-dark-1 {
	--border-color-secondary: var(--RGBA-text-small-dark-1) !important;
}

.bocs-small-dark-2 {
	--border-color-secondary: var(--RGBA-text-small-dark-2) !important;
}

.bocs-small-dark-3 {
	--border-color-secondary: var(--RGBA-text-small-dark-3) !important;
}

.bocs-small-dark-4 {
	--border-color-secondary: var(--RGBA-text-small-dark-4) !important;
}

.bocs-small-dark-5 {
	--border-color-secondary: var(--RGBA-text-small-dark-5) !important;
}

.bocs-small-dark-6 {
	--border-color-secondary: var(--RGBA-text-small-dark-6) !important;
}

.bocs-small-dark-7 {
	--border-color-secondary: var(--RGBA-text-small-dark-7) !important;
}

.bocs-small-dark-8 {
	--border-color-secondary: var(--RGBA-text-small-dark-8) !important;
}

.bocs-small-dark-9 {
	--border-color-secondary: var(--RGBA-text-small-dark-9) !important;
}

.bocs-small-dark-10 {
	--border-color-secondary: var(--RGBA-text-small-dark-10) !important;
}

.bocs-small-dark-11 {
	--border-color-secondary: var(--RGBA-text-small-dark-11) !important;
}

.bocs-small-dark-12 {
	--border-color-secondary: var(--RGBA-text-small-dark-12) !important;
}

.bocs-small-dark-13 {
	--border-color-secondary: var(--RGBA-text-small-dark-13) !important;
}

.bocs-small-dark-14 {
	--border-color-secondary: var(--RGBA-text-small-dark-14) !important;
}

.bocs-small-dark-15 {
	--border-color-secondary: var(--RGBA-text-small-dark-15) !important;
}

.bocs-button-light-1 {
	--border-color-secondary: var(--RGBA-text-button-light-1) !important;
}

.bocs-button-light-2 {
	--border-color-secondary: var(--RGBA-text-button-light-2) !important;
}

.bocs-button-light-3 {
	--border-color-secondary: var(--RGBA-text-button-light-3) !important;
}

.bocs-button-light-4 {
	--border-color-secondary: var(--RGBA-text-button-light-4) !important;
}

.bocs-button-light-5 {
	--border-color-secondary: var(--RGBA-text-button-light-5) !important;
}

.bocs-button-light-6 {
	--border-color-secondary: var(--RGBA-text-button-light-6) !important;
}

.bocs-button-light-7 {
	--border-color-secondary: var(--RGBA-text-button-light-7) !important;
}

.bocs-button-light-8 {
	--border-color-secondary: var(--RGBA-text-button-light-8) !important;
}

.bocs-button-light-9 {
	--border-color-secondary: var(--RGBA-text-button-light-9) !important;
}

.bocs-button-light-10 {
	--border-color-secondary: var(--RGBA-text-button-light-10) !important;
}

.bocs-button-light-11 {
	--border-color-secondary: var(--RGBA-text-button-light-11) !important;
}

.bocs-button-light-12 {
	--border-color-secondary: var(--RGBA-text-button-light-12) !important;
}

.bocs-button-light-13 {
	--border-color-secondary: var(--RGBA-text-button-light-13) !important;
}

.bocs-button-light-14 {
	--border-color-secondary: var(--RGBA-text-button-light-14) !important;
}

.bocs-button-light-15 {
	--border-color-secondary: var(--RGBA-text-button-light-15) !important;
}

.bocs-button-dark-1 {
	--border-color-secondary: var(--RGBA-text-button-dark-1) !important;
}

.bocs-button-dark-2 {
	--border-color-secondary: var(--RGBA-text-button-dark-2) !important;
}

.bocs-button-dark-3 {
	--border-color-secondary: var(--RGBA-text-button-dark-3) !important;
}

.bocs-button-dark-4 {
	--border-color-secondary: var(--RGBA-text-button-dark-4) !important;
}

.bocs-button-dark-5 {
	--border-color-secondary: var(--RGBA-text-button-dark-5) !important;
}

.bocs-button-dark-6 {
	--border-color-secondary: var(--RGBA-text-button-dark-6) !important;
}

.bocs-button-dark-7 {
	--border-color-secondary: var(--RGBA-text-button-dark-7) !important;
}

.bocs-button-dark-8 {
	--border-color-secondary: var(--RGBA-text-button-dark-8) !important;
}

.bocs-button-dark-9 {
	--border-color-secondary: var(--RGBA-text-button-dark-9) !important;
}

.bocs-button-dark-10 {
	--border-color-secondary: var(--RGBA-text-button-dark-10) !important;
}

.bocs-button-dark-11 {
	--border-color-secondary: var(--RGBA-text-button-dark-11) !important;
}

.bocs-button-dark-12 {
	--border-color-secondary: var(--RGBA-text-button-dark-12) !important;
}

.bocs-button-dark-13 {
	--border-color-secondary: var(--RGBA-text-button-dark-13) !important;
}

.bocs-button-dark-14 {
	--border-color-secondary: var(--RGBA-text-button-dark-14) !important;
}

.bocs-button-dark-15 {
	--border-color-secondary: var(--RGBA-text-button-dark-15) !important;
}

.bocs-transparent {
	--border-color-secondary: transparent !important;
}

.bocs-blue {
	--border-color-secondary: var(--bs-blue) !important;
}

.bocs-indigo {
	--border-color-secondary: var(--bs-indigo) !important;
}

.bocs-purple {
	--border-color-secondary: var(--bs-purple) !important;
}

.bocs-pink {
	--border-color-secondary: var(--bs-pink) !important;
}

.bocs-red {
	--border-color-secondary: var(--bs-red) !important;
}

.bocs-orange {
	--border-color-secondary: var(--bs-orange) !important;
}

.bocs-yellow {
	--border-color-secondary: var(--bs-yellow) !important;
}

.bocs-green {
	--border-color-secondary: var(--bs-green) !important;
}

.bocs-teal {
	--border-color-secondary: var(--bs-teal) !important;
}

.bocs-cyan {
	--border-color-secondary: var(--bs-cyan) !important;
}

.bocs-black {
	--border-color-secondary: var(--bs-black) !important;
}

.bocs-white {
	--border-color-secondary: var(--bs-white) !important;
}

.bocs-gray {
	--border-color-secondary: var(--bs-gray) !important;
}

.bocs-gray-100 {
	--border-color-secondary: var(--bs-gray-100) !important;
}

.bocs-gray-200 {
	--border-color-secondary: var(--bs-gray-200) !important;
}

.bocs-gray-300 {
	--border-color-secondary: var(--bs-gray-300) !important;
}

.bocs-gray-400 {
	--border-color-secondary: var(--bs-gray-400) !important;
}

.bocs-gray-500 {
	--border-color-secondary: var(--bs-gray-500) !important;
}

.bocs-gray-600 {
	--border-color-secondary: var(--bs-gray-600) !important;
}

.bocs-gray-700 {
	--border-color-secondary: var(--bs-gray-700) !important;
}

.bocs-gray-800 {
	--border-color-secondary: var(--bs-gray-800) !important;
}

.bocs-gray-900 {
	--border-color-secondary: var(--bs-gray-900) !important;
}

.bocs-whatsapp {
	--border-color-secondary: var(--border-color-whatsapp) !important;
}

/* #endregion	BORDER COLOR SECONDARY */

/* #region		COLOR */

/* Fallback color */
[class^='cp-'],
[class*=' cp-'] {
	--color-primary: transparent;
}

/* Element has primary color but no secondary color (has no gradient) */
[class^='cp-']:not([class*=' cs-']),
[class*=' cp-']:not([class^='cs-']):not([class*=' cs-']) {
	color: var(--color-primary) !important;
}

/* Element has secondary color (has gradient) */
[class^='cs-'],
[class*=' cs-'] {
	background				: linear-gradient(
		var(--color-direction),
		var(--color-primary),
		var(--color-secondary)
	);
	color					: transparent !important;
	background-clip			: text;
	-webkit-background-clip	: text;
	-webkit-text-fill-color	: transparent;
	--color-primary			: transparent;
	--color-secondary		: transparent;
	--color-direction		: to right;
}

/* #endregion	COLOR */

/* #region		COLOR PRIMARY */

.cp-large-light-1 {
	--color-primary: var(--RGBA-text-large-light-1) !important;
}

.cp-large-light-2 {
	--color-primary: var(--RGBA-text-large-light-2) !important;
}

.cp-large-light-3 {
	--color-primary: var(--RGBA-text-large-light-3) !important;
}

.cp-large-light-4 {
	--color-primary: var(--RGBA-text-large-light-4) !important;
}

.cp-large-light-5 {
	--color-primary: var(--RGBA-text-large-light-5) !important;
}

.cp-large-light-6 {
	--color-primary: var(--RGBA-text-large-light-6) !important;
}

.cp-large-light-7 {
	--color-primary: var(--RGBA-text-large-light-7) !important;
}

.cp-large-light-8 {
	--color-primary: var(--RGBA-text-large-light-8) !important;
}

.cp-large-light-9 {
	--color-primary: var(--RGBA-text-large-light-9) !important;
}

.cp-large-light-10 {
	--color-primary: var(--RGBA-text-large-light-10) !important;
}

.cp-large-light-11 {
	--color-primary: var(--RGBA-text-large-light-11) !important;
}

.cp-large-light-12 {
	--color-primary: var(--RGBA-text-large-light-12) !important;
}

.cp-large-light-13 {
	--color-primary: var(--RGBA-text-large-light-13) !important;
}

.cp-large-light-14 {
	--color-primary: var(--RGBA-text-large-light-14) !important;
}

.cp-large-light-15 {
	--color-primary: var(--RGBA-text-large-light-15) !important;
}

.cp-large-dark-1 {
	--color-primary: var(--RGBA-text-large-dark-1) !important;
}

.cp-large-dark-2 {
	--color-primary: var(--RGBA-text-large-dark-2) !important;
}

.cp-large-dark-3 {
	--color-primary: var(--RGBA-text-large-dark-3) !important;
}

.cp-large-dark-4 {
	--color-primary: var(--RGBA-text-large-dark-4) !important;
}

.cp-large-dark-5 {
	--color-primary: var(--RGBA-text-large-dark-5) !important;
}

.cp-large-dark-6 {
	--color-primary: var(--RGBA-text-large-dark-6) !important;
}

.cp-large-dark-7 {
	--color-primary: var(--RGBA-text-large-dark-7) !important;
}

.cp-large-dark-8 {
	--color-primary: var(--RGBA-text-large-dark-8) !important;
}

.cp-large-dark-9 {
	--color-primary: var(--RGBA-text-large-dark-9) !important;
}

.cp-large-dark-10 {
	--color-primary: var(--RGBA-text-large-dark-10) !important;
}

.cp-large-dark-11 {
	--color-primary: var(--RGBA-text-large-dark-11) !important;
}

.cp-large-dark-12 {
	--color-primary: var(--RGBA-text-large-dark-12) !important;
}

.cp-large-dark-13 {
	--color-primary: var(--RGBA-text-large-dark-13) !important;
}

.cp-large-dark-14 {
	--color-primary: var(--RGBA-text-large-dark-14) !important;
}

.cp-large-dark-15 {
	--color-primary: var(--RGBA-text-large-dark-15) !important;
}

.cp-small-light-1 {
	--color-primary: var(--RGBA-text-small-light-1) !important;
}

.cp-small-light-2 {
	--color-primary: var(--RGBA-text-small-light-2) !important;
}

.cp-small-light-3 {
	--color-primary: var(--RGBA-text-small-light-3) !important;
}

.cp-small-light-4 {
	--color-primary: var(--RGBA-text-small-light-4) !important;
}

.cp-small-light-5 {
	--color-primary: var(--RGBA-text-small-light-5) !important;
}

.cp-small-light-6 {
	--color-primary: var(--RGBA-text-small-light-6) !important;
}

.cp-small-light-7 {
	--color-primary: var(--RGBA-text-small-light-7) !important;
}

.cp-small-light-8 {
	--color-primary: var(--RGBA-text-small-light-8) !important;
}

.cp-small-light-9 {
	--color-primary: var(--RGBA-text-small-light-9) !important;
}

.cp-small-light-10 {
	--color-primary: var(--RGBA-text-small-light-10) !important;
}

.cp-small-light-11 {
	--color-primary: var(--RGBA-text-small-light-11) !important;
}

.cp-small-light-12 {
	--color-primary: var(--RGBA-text-small-light-12) !important;
}

.cp-small-light-13 {
	--color-primary: var(--RGBA-text-small-light-13) !important;
}

.cp-small-light-14 {
	--color-primary: var(--RGBA-text-small-light-14) !important;
}

.cp-small-light-15 {
	--color-primary: var(--RGBA-text-small-light-15) !important;
}

.cp-small-dark-1 {
	--color-primary: var(--RGBA-text-small-dark-1) !important;
}

.cp-small-dark-2 {
	--color-primary: var(--RGBA-text-small-dark-2) !important;
}

.cp-small-dark-3 {
	--color-primary: var(--RGBA-text-small-dark-3) !important;
}

.cp-small-dark-4 {
	--color-primary: var(--RGBA-text-small-dark-4) !important;
}

.cp-small-dark-5 {
	--color-primary: var(--RGBA-text-small-dark-5) !important;
}

.cp-small-dark-6 {
	--color-primary: var(--RGBA-text-small-dark-6) !important;
}

.cp-small-dark-7 {
	--color-primary: var(--RGBA-text-small-dark-7) !important;
}

.cp-small-dark-8 {
	--color-primary: var(--RGBA-text-small-dark-8) !important;
}

.cp-small-dark-9 {
	--color-primary: var(--RGBA-text-small-dark-9) !important;
}

.cp-small-dark-10 {
	--color-primary: var(--RGBA-text-small-dark-10) !important;
}

.cp-small-dark-11 {
	--color-primary: var(--RGBA-text-small-dark-11) !important;
}

.cp-small-dark-12 {
	--color-primary: var(--RGBA-text-small-dark-12) !important;
}

.cp-small-dark-13 {
	--color-primary: var(--RGBA-text-small-dark-13) !important;
}

.cp-small-dark-14 {
	--color-primary: var(--RGBA-text-small-dark-14) !important;
}

.cp-small-dark-15 {
	--color-primary: var(--RGBA-text-small-dark-15) !important;
}

.cp-button-light-1 {
	--color-primary: var(--RGBA-text-button-light-1) !important;
}

.cp-button-light-2 {
	--color-primary: var(--RGBA-text-button-light-2) !important;
}

.cp-button-light-3 {
	--color-primary: var(--RGBA-text-button-light-3) !important;
}

.cp-button-light-4 {
	--color-primary: var(--RGBA-text-button-light-4) !important;
}

.cp-button-light-5 {
	--color-primary: var(--RGBA-text-button-light-5) !important;
}

.cp-button-light-6 {
	--color-primary: var(--RGBA-text-button-light-6) !important;
}

.cp-button-light-7 {
	--color-primary: var(--RGBA-text-button-light-7) !important;
}

.cp-button-light-8 {
	--color-primary: var(--RGBA-text-button-light-8) !important;
}

.cp-button-light-9 {
	--color-primary: var(--RGBA-text-button-light-9) !important;
}

.cp-button-light-10 {
	--color-primary: var(--RGBA-text-button-light-10) !important;
}

.cp-button-light-11 {
	--color-primary: var(--RGBA-text-button-light-11) !important;
}

.cp-button-light-12 {
	--color-primary: var(--RGBA-text-button-light-12) !important;
}

.cp-button-light-13 {
	--color-primary: var(--RGBA-text-button-light-13) !important;
}

.cp-button-light-14 {
	--color-primary: var(--RGBA-text-button-light-14) !important;
}

.cp-button-light-15 {
	--color-primary: var(--RGBA-text-button-light-15) !important;
}

.cp-button-dark-1 {
	--color-primary: var(--RGBA-text-button-dark-1) !important;
}

.cp-button-dark-2 {
	--color-primary: var(--RGBA-text-button-dark-2) !important;
}

.cp-button-dark-3 {
	--color-primary: var(--RGBA-text-button-dark-3) !important;
}

.cp-button-dark-4 {
	--color-primary: var(--RGBA-text-button-dark-4) !important;
}

.cp-button-dark-5 {
	--color-primary: var(--RGBA-text-button-dark-5) !important;
}

.cp-button-dark-6 {
	--color-primary: var(--RGBA-text-button-dark-6) !important;
}

.cp-button-dark-7 {
	--color-primary: var(--RGBA-text-button-dark-7) !important;
}

.cp-button-dark-8 {
	--color-primary: var(--RGBA-text-button-dark-8) !important;
}

.cp-button-dark-9 {
	--color-primary: var(--RGBA-text-button-dark-9) !important;
}

.cp-button-dark-10 {
	--color-primary: var(--RGBA-text-button-dark-10) !important;
}

.cp-button-dark-11 {
	--color-primary: var(--RGBA-text-button-dark-11) !important;
}

.cp-button-dark-12 {
	--color-primary: var(--RGBA-text-button-dark-12) !important;
}

.cp-button-dark-13 {
	--color-primary: var(--RGBA-text-button-dark-13) !important;
}

.cp-button-dark-14 {
	--color-primary: var(--RGBA-text-button-dark-14) !important;
}

.cp-button-dark-15 {
	--color-primary: var(--RGBA-text-button-dark-15) !important;
}

.cp-transparent {
	--color-primary: transparent !important;
}

.cp-blue {
	--color-primary: var(--bs-blue) !important;
}

.cp-indigo {
	--color-primary: var(--bs-indigo) !important;
}

.cp-purple {
	--color-primary: var(--bs-purple) !important;
}

.cp-pink {
	--color-primary: var(--bs-pink) !important;
}

.cp-red {
	--color-primary: var(--bs-red) !important;
}

.cp-orange {
	--color-primary: var(--bs-orange) !important;
}

.cp-yellow {
	--color-primary: var(--bs-yellow) !important;
}

.cp-green {
	--color-primary: var(--bs-green) !important;
}

.cp-teal {
	--color-primary: var(--bs-teal) !important;
}

.cp-cyan {
	--color-primary: var(--bs-cyan) !important;
}

.cp-black {
	--color-primary: var(--bs-black) !important;
}

.cp-white {
	--color-primary: var(--bs-white) !important;
}

.cp-gray {
	--color-primary: var(--bs-gray) !important;
}

.cp-gray-100 {
	--color-primary: var(--bs-gray-100) !important;
}

.cp-gray-200 {
	--color-primary: var(--bs-gray-200) !important;
}

.cp-gray-300 {
	--color-primary: var(--bs-gray-300) !important;
}

.cp-gray-400 {
	--color-primary: var(--bs-gray-400) !important;
}

.cp-gray-500 {
	--color-primary: var(--bs-gray-500) !important;
}

.cp-gray-600 {
	--color-primary: var(--bs-gray-600) !important;
}

.cp-gray-700 {
	--color-primary: var(--bs-gray-700) !important;
}

.cp-gray-800 {
	--color-primary: var(--bs-gray-800) !important;
}

.cp-gray-900 {
	--color-primary: var(--bs-gray-900) !important;
}

.cp-whatsapp {
	--color-primary: var(--color-whatsapp) !important;
}

/* #endregion	COLOR PRIMARY */

/* #region		COLOR SECONDARY */

.cs-large-light-1 {
	--color-secondary: var(--RGBA-text-large-light-1) !important;
}

.cs-large-light-2 {
	--color-secondary: var(--RGBA-text-large-light-2) !important;
}

.cs-large-light-3 {
	--color-secondary: var(--RGBA-text-large-light-3) !important;
}

.cs-large-light-4 {
	--color-secondary: var(--RGBA-text-large-light-4) !important;
}

.cs-large-light-5 {
	--color-secondary: var(--RGBA-text-large-light-5) !important;
}

.cs-large-light-6 {
	--color-secondary: var(--RGBA-text-large-light-6) !important;
}

.cs-large-light-7 {
	--color-secondary: var(--RGBA-text-large-light-7) !important;
}

.cs-large-light-8 {
	--color-secondary: var(--RGBA-text-large-light-8) !important;
}

.cs-large-light-9 {
	--color-secondary: var(--RGBA-text-large-light-9) !important;
}

.cs-large-light-10 {
	--color-secondary: var(--RGBA-text-large-light-10) !important;
}

.cs-large-light-11 {
	--color-secondary: var(--RGBA-text-large-light-11) !important;
}

.cs-large-light-12 {
	--color-secondary: var(--RGBA-text-large-light-12) !important;
}

.cs-large-light-13 {
	--color-secondary: var(--RGBA-text-large-light-13) !important;
}

.cs-large-light-14 {
	--color-secondary: var(--RGBA-text-large-light-14) !important;
}

.cs-large-light-15 {
	--color-secondary: var(--RGBA-text-large-light-15) !important;
}

.cs-large-dark-1 {
	--color-secondary: var(--RGBA-text-large-dark-1) !important;
}

.cs-large-dark-2 {
	--color-secondary: var(--RGBA-text-large-dark-2) !important;
}

.cs-large-dark-3 {
	--color-secondary: var(--RGBA-text-large-dark-3) !important;
}

.cs-large-dark-4 {
	--color-secondary: var(--RGBA-text-large-dark-4) !important;
}

.cs-large-dark-5 {
	--color-secondary: var(--RGBA-text-large-dark-5) !important;
}

.cs-large-dark-6 {
	--color-secondary: var(--RGBA-text-large-dark-6) !important;
}

.cs-large-dark-7 {
	--color-secondary: var(--RGBA-text-large-dark-7) !important;
}

.cs-large-dark-8 {
	--color-secondary: var(--RGBA-text-large-dark-8) !important;
}

.cs-large-dark-9 {
	--color-secondary: var(--RGBA-text-large-dark-9) !important;
}

.cs-large-dark-10 {
	--color-secondary: var(--RGBA-text-large-dark-10) !important;
}

.cs-large-dark-11 {
	--color-secondary: var(--RGBA-text-large-dark-11) !important;
}

.cs-large-dark-12 {
	--color-secondary: var(--RGBA-text-large-dark-12) !important;
}

.cs-large-dark-13 {
	--color-secondary: var(--RGBA-text-large-dark-13) !important;
}

.cs-large-dark-14 {
	--color-secondary: var(--RGBA-text-large-dark-14) !important;
}

.cs-large-dark-15 {
	--color-secondary: var(--RGBA-text-large-dark-15) !important;
}

.cs-small-light-1 {
	--color-secondary: var(--RGBA-text-small-light-1) !important;
}

.cs-small-light-2 {
	--color-secondary: var(--RGBA-text-small-light-2) !important;
}

.cs-small-light-3 {
	--color-secondary: var(--RGBA-text-small-light-3) !important;
}

.cs-small-light-4 {
	--color-secondary: var(--RGBA-text-small-light-4) !important;
}

.cs-small-light-5 {
	--color-secondary: var(--RGBA-text-small-light-5) !important;
}

.cs-small-light-6 {
	--color-secondary: var(--RGBA-text-small-light-6) !important;
}

.cs-small-light-7 {
	--color-secondary: var(--RGBA-text-small-light-7) !important;
}

.cs-small-light-8 {
	--color-secondary: var(--RGBA-text-small-light-8) !important;
}

.cs-small-light-9 {
	--color-secondary: var(--RGBA-text-small-light-9) !important;
}

.cs-small-light-10 {
	--color-secondary: var(--RGBA-text-small-light-10) !important;
}

.cs-small-light-11 {
	--color-secondary: var(--RGBA-text-small-light-11) !important;
}

.cs-small-light-12 {
	--color-secondary: var(--RGBA-text-small-light-12) !important;
}

.cs-small-light-13 {
	--color-secondary: var(--RGBA-text-small-light-13) !important;
}

.cs-small-light-14 {
	--color-secondary: var(--RGBA-text-small-light-14) !important;
}

.cs-small-light-15 {
	--color-secondary: var(--RGBA-text-small-light-15) !important;
}

.cs-small-dark-1 {
	--color-secondary: var(--RGBA-text-small-dark-1) !important;
}

.cs-small-dark-2 {
	--color-secondary: var(--RGBA-text-small-dark-2) !important;
}

.cs-small-dark-3 {
	--color-secondary: var(--RGBA-text-small-dark-3) !important;
}

.cs-small-dark-4 {
	--color-secondary: var(--RGBA-text-small-dark-4) !important;
}

.cs-small-dark-5 {
	--color-secondary: var(--RGBA-text-small-dark-5) !important;
}

.cs-small-dark-6 {
	--color-secondary: var(--RGBA-text-small-dark-6) !important;
}

.cs-small-dark-7 {
	--color-secondary: var(--RGBA-text-small-dark-7) !important;
}

.cs-small-dark-8 {
	--color-secondary: var(--RGBA-text-small-dark-8) !important;
}

.cs-small-dark-9 {
	--color-secondary: var(--RGBA-text-small-dark-9) !important;
}

.cs-small-dark-10 {
	--color-secondary: var(--RGBA-text-small-dark-10) !important;
}

.cs-small-dark-11 {
	--color-secondary: var(--RGBA-text-small-dark-11) !important;
}

.cs-small-dark-12 {
	--color-secondary: var(--RGBA-text-small-dark-12) !important;
}

.cs-small-dark-13 {
	--color-secondary: var(--RGBA-text-small-dark-13) !important;
}

.cs-small-dark-14 {
	--color-secondary: var(--RGBA-text-small-dark-14) !important;
}

.cs-small-dark-15 {
	--color-secondary: var(--RGBA-text-small-dark-15) !important;
}

.cs-button-light-1 {
	--color-secondary: var(--RGBA-text-button-light-1) !important;
}

.cs-button-light-2 {
	--color-secondary: var(--RGBA-text-button-light-2) !important;
}

.cs-button-light-3 {
	--color-secondary: var(--RGBA-text-button-light-3) !important;
}

.cs-button-light-4 {
	--color-secondary: var(--RGBA-text-button-light-4) !important;
}

.cs-button-light-5 {
	--color-secondary: var(--RGBA-text-button-light-5) !important;
}

.cs-button-light-6 {
	--color-secondary: var(--RGBA-text-button-light-6) !important;
}

.cs-button-light-7 {
	--color-secondary: var(--RGBA-text-button-light-7) !important;
}

.cs-button-light-8 {
	--color-secondary: var(--RGBA-text-button-light-8) !important;
}

.cs-button-light-9 {
	--color-secondary: var(--RGBA-text-button-light-9) !important;
}

.cs-button-light-10 {
	--color-secondary: var(--RGBA-text-button-light-10) !important;
}

.cs-button-light-11 {
	--color-secondary: var(--RGBA-text-button-light-11) !important;
}

.cs-button-light-12 {
	--color-secondary: var(--RGBA-text-button-light-12) !important;
}

.cs-button-light-13 {
	--color-secondary: var(--RGBA-text-button-light-13) !important;
}

.cs-button-light-14 {
	--color-secondary: var(--RGBA-text-button-light-14) !important;
}

.cs-button-light-15 {
	--color-secondary: var(--RGBA-text-button-light-15) !important;
}

.cs-button-dark-1 {
	--color-secondary: var(--RGBA-text-button-dark-1) !important;
}

.cs-button-dark-2 {
	--color-secondary: var(--RGBA-text-button-dark-2) !important;
}

.cs-button-dark-3 {
	--color-secondary: var(--RGBA-text-button-dark-3) !important;
}

.cs-button-dark-4 {
	--color-secondary: var(--RGBA-text-button-dark-4) !important;
}

.cs-button-dark-5 {
	--color-secondary: var(--RGBA-text-button-dark-5) !important;
}

.cs-button-dark-6 {
	--color-secondary: var(--RGBA-text-button-dark-6) !important;
}

.cs-button-dark-7 {
	--color-secondary: var(--RGBA-text-button-dark-7) !important;
}

.cs-button-dark-8 {
	--color-secondary: var(--RGBA-text-button-dark-8) !important;
}

.cs-button-dark-9 {
	--color-secondary: var(--RGBA-text-button-dark-9) !important;
}

.cs-button-dark-10 {
	--color-secondary: var(--RGBA-text-button-dark-10) !important;
}

.cs-button-dark-11 {
	--color-secondary: var(--RGBA-text-button-dark-11) !important;
}

.cs-button-dark-12 {
	--color-secondary: var(--RGBA-text-button-dark-12) !important;
}

.cs-button-dark-13 {
	--color-secondary: var(--RGBA-text-button-dark-13) !important;
}

.cs-button-dark-14 {
	--color-secondary: var(--RGBA-text-button-dark-14) !important;
}

.cs-button-dark-15 {
	--color-secondary: var(--RGBA-text-button-dark-15) !important;
}

.cs-transparent {
	--color-secondary: transparent !important;
}

.cs-blue {
	--color-secondary: var(--bs-blue) !important;
}

.cs-indigo {
	--color-secondary: var(--bs-indigo) !important;
}

.cs-purple {
	--color-secondary: var(--bs-purple) !important;
}

.cs-pink {
	--color-secondary: var(--bs-pink) !important;
}

.cs-red {
	--color-secondary: var(--bs-red) !important;
}

.cs-orange {
	--color-secondary: var(--bs-orange) !important;
}

.cs-yellow {
	--color-secondary: var(--bs-yellow) !important;
}

.cs-green {
	--color-secondary: var(--bs-green) !important;
}

.cs-teal {
	--color-secondary: var(--bs-teal) !important;
}

.cs-cyan {
	--color-secondary: var(--bs-cyan) !important;
}

.cs-black {
	--color-secondary: var(--bs-black) !important;
}

.cs-white {
	--color-secondary: var(--bs-white) !important;
}

.cs-gray {
	--color-secondary: var(--bs-gray) !important;
}

.cs-gray-100 {
	--color-secondary: var(--bs-gray-100) !important;
}

.cs-gray-200 {
	--color-secondary: var(--bs-gray-200) !important;
}

.cs-gray-300 {
	--color-secondary: var(--bs-gray-300) !important;
}

.cs-gray-400 {
	--color-secondary: var(--bs-gray-400) !important;
}

.cs-gray-500 {
	--color-secondary: var(--bs-gray-500) !important;
}

.cs-gray-600 {
	--color-secondary: var(--bs-gray-600) !important;
}

.cs-gray-700 {
	--color-secondary: var(--bs-gray-700) !important;
}

.cs-gray-800 {
	--color-secondary: var(--bs-gray-800) !important;
}

.cs-gray-900 {
	--color-secondary: var(--bs-gray-900) !important;
}

.cs-whatsapp {
	--color-secondary: var(--color-whatsapp) !important;
}

/* #endregion	COLOR SECONDARY */

/* #region		COLOR DIRECTION */

.cd-45 {
	--color-direction: 45deg !important;
}

.cd-135 {
	--color-direction: 135deg !important;
}

.cd-225 {
	--color-direction: 225deg !important;
}

.cd-315 {
	--color-direction: 315deg !important;
}

.cd-start {
	--color-direction: to left !important;
}

.cd-top {
	--color-direction: to top !important;
}

.cd-end {
	--color-direction: to right !important;
}

.cd-bottom {
	--color-direction: to bottom !important;
}

/* #endregion	COLOR DIRECTION */

/* #region		FONT FAMILY */

.ff-1 {
	font-family: var(--font-family-1) !important;
}

.ff-2 {
	font-family: var(--font-family-2) !important;
}

.ff-3 {
	font-family: var(--font-family-3) !important;
}

.ff-4 {
	font-family: var(--font-family-4) !important;
}

.ff-5 {
	font-family: var(--font-family-5) !important;
}

/* #endregion	FONT FAMILY */

/* #region		FONT SIZE */

.fs-smallest {
	font-size: 0.75rem !important;
}

.fs-small {
	font-size: 0.875rem !important;
}

.fs-large {
	font-size: 4rem !important;
}

.fs-largest {
	font-size: 6.75rem !important;
}

/* #endregion	FONT SIZE */

/* #region		HIGHLIGHT */

[class^='hl-'],
[class*=' hl-'] {
	opacity		: var(--highlight-opacity)		!important;
	transition	: opacity var(--transition-2)	!important;
	will-change	: opacity						!important;
}

[class^='hl-']:hover,
[class*=' hl-']:hover,
[class^='hl-']:focus,
[class*=' hl-']:focus,
[class^='hl-']:focus-within,
[class*=' hl-']:focus-within,
[class^='hl-']:disabled
[class*=' hl-']:disabled {
	--highlight-opacity: 100% !important;
}

.hl-10 {
	--highlight-opacity: 10% !important;
}

.hl-20 {
	--highlight-opacity: 20% !important;
}

.hl-25 {
	--highlight-opacity: 25% !important;
}

.hl-30 {
	--highlight-opacity: 30% !important;
}

.hl-33 {
	--highlight-opacity: 33% !important;
}

.hl-40 {
	--highlight-opacity: 40% !important;
}

.hl-50 {
	--highlight-opacity: 50% !important;
}

.hl-60 {
	--highlight-opacity: 60% !important;
}

.hl-66 {
	--highlight-opacity: 66% !important;
}

.hl-70 {
	--highlight-opacity: 70% !important;
}

.hl-75 {
	--highlight-opacity: 75% !important;
}

.hl-80 {
	--highlight-opacity: 80% !important;
}

.hl-90 {
	--highlight-opacity: 90% !important;
}

/* #endregion	HIGHLIGHT */

/* #region		HOVER ZOOM */

[class^='hz-'],
[class*=' hz-'] {
	transition			: transform 500ms	!important;
	--hover-zoom-scale	: 1;
}

[class^='hz-']:hover,
[class*=' hz-']:hover,
.box:hover>.backdrop[class^='hz-'],
.box:hover>.backdrop[class*=' hz-'] {
	transform: scale(var(--hover-zoom-scale)) !important;
}

.hz-lightest {
	--hover-zoom-scale: 1.05 !important;
}

.hz-light {
	--hover-zoom-scale: 1.1 !important;
}

.hz-medium {
	--hover-zoom-scale: 1.25 !important;
}

.hz-heavy {
	--hover-zoom-scale: 1.5 !important;
}

.hz-heaviest {
	--hover-zoom-scale: 2 !important;
}

/* #endregion	HOVER ZOOM */

/* #region		OPACITY */

.opacity-10 {
	opacity: 0.1 !important;
}

.opacity-20 {
	opacity: 0.2 !important;
}

.opacity-30 {
	opacity: 0.3 !important;
}

.opacity-33 {
	opacity: 0.33 !important;
}

.opacity-40 {
	opacity: 0.4 !important;
}

.opacity-60 {
	opacity: 0.6 !important;
}

.opacity-66 {
	opacity: 0.66 !important;
}

.opacity-70 {
	opacity: 0.7 !important;
}

.opacity-80 {
	opacity: 0.8 !important;
}

.opacity-90 {
	opacity: 0.9 !important;
}

/* #endregion	OPACITY */

/* #region		OVERLAY */

.overlay, .overlay-1000 {
	position : relative;
}

.overlay::before {
	background-image	: linear-gradient(to var(--overlay-direction), var(--overlay-color) 0%, transparent var(--overlay-height));
	bottom				: 0;
	content				: '';
	left				: 0;
	opacity				: var(--overlay-opacity);
	pointer-events		: none;
	position			: absolute;
	right				: 0;
	top					: 0;
	z-index				: 995;
}

.overlay-1000::before {
	background-image	: linear-gradient(to var(--overlay-direction), var(--overlay-color) 0%, transparent var(--overlay-height));
	bottom				: 0;
	content				: '';
	left				: 0;
	opacity				: var(--overlay-opacity);
	pointer-events		: none;
	position			: absolute;
	right				: 0;
	top					: 0;
	z-index				: 1000;
}

/* #endregion	OVERLAY */

/* #region		OVERLAY COLOR */

.oc-1 {
	--overlay-color: var(--color-1);
}

.oc-2 {
	--overlay-color: var(--color-2);
}

.oc-3 {
	--overlay-color: var(--color-3);
}

.oc-4 {
	--overlay-color: var(--color-4);
}

.oc-5 {
	--overlay-color: var(--color-5);
}

.oc-6 {
	--overlay-color: var(--color-6);
}

.oc-7 {
	--overlay-color: var(--color-7);
}

.oc-8 {
	--overlay-color: var(--color-8);
}

.oc-9 {
	--overlay-color: var(--color-9);
}

.oc-10 {
	--overlay-color: var(--color-10);
}

.oc-11 {
	--overlay-color: var(--color-11);
}

.oc-12 {
	--overlay-color: var(--color-12);
}

.oc-13 {
	--overlay-color: var(--color-13);
}

.oc-14 {
	--overlay-color: var(--color-14);
}

.oc-15 {
	--overlay-color: var(--color-15);
}

.oc-16 {
	--overlay-color: var(--color-16);
}

.oc-17 {
	--overlay-color: var(--color-17);
}

.oc-18 {
	--overlay-color: var(--color-18);
}

.oc-19 {
	--overlay-color: var(--color-19);
}

.oc-20 {
	--overlay-color: var(--color-20);
}

.oc-blue {
	--overlay-color: var(--bs-blue);
}

.oc-indigo {
	--overlay-color: var(--bs-indigo);
}

.oc-purple {
	--overlay-color: var(--bs-purple);
}

.oc-pink {
	--overlay-color: var(--bs-pink);
}

.oc-red {
	--overlay-color: var(--bs-red);
}

.oc-orange {
	--overlay-color: var(--bs-orange);
}

.oc-yellow {
	--overlay-color: var(--bs-yellow);
}

.oc-green {
	--overlay-color: var(--bs-green);
}

.oc-teal {
	--overlay-color: var(--bs-teal);
}

.oc-cyan {
	--overlay-color: var(--bs-cyan);
}

.oc-black {
	--overlay-color: var(--bs-black);
}

.oc-white {
	--overlay-color: var(--bs-white);
}

.oc-gray {
	--overlay-color: var(--bs-gray);
}

.oc-gray-100 {
	--overlay-color: var(--bs-gray-100);
}

.oc-gray-200 {
	--overlay-color: var(--bs-gray-200);
}

.oc-gray-300 {
	--overlay-color: var(--bs-gray-300);
}

.oc-gray-400 {
	--overlay-color: var(--bs-gray-400);
}

.oc-gray-500 {
	--overlay-color: var(--bs-gray-500);
}

.oc-gray-600 {
	--overlay-color: var(--bs-gray-600);
}

.oc-gray-700 {
	--overlay-color: var(--bs-gray-700);
}

.oc-gray-800 {
	--overlay-color: var(--bs-gray-800);
}

.oc-gray-900 {
	--overlay-color: var(--bs-gray-900);
}

/* #endregion	OVERLAY COLOR */

/* #region		OVERLAY DIRECTION */

.od-start {
	--overlay-direction: right;
}

.od-end {
	--overlay-direction: left;
}

.od-top {
	--overlay-direction: bottom;
}

.od-bottom {
	--overlay-direction: top;
}

/* #endregion	OVERLAY DIRECTION */

/* #region		OVERLAY HEIGHT */

.oh-10 {
	--overlay-height: 10%;
}

.oh-20 {
	--overlay-height: 20%;
}

.oh-30 {
	--overlay-height: 30%;
}

.oh-40 {
	--overlay-height: 40%;
}

.oh-50 {
	--overlay-height: 50%;
}

.oh-60 {
	--overlay-height: 60%;
}

.oh-70 {
	--overlay-height: 70%;
}

.oh-80 {
	--overlay-height: 80%;
}

.oh-90 {
	--overlay-height: 90%;
}

.oh-100 {
	--overlay-height: 100%;
}

/* #endregion	OVERLAY HEIGHT */

/* #region		OVERLAY OPACITY */

.oo-10 {
	--overlay-opacity: 10%;
}

.oo-20 {
	--overlay-opacity: 20%;
}

.oo-30 {
	--overlay-opacity: 30%;
}

.oo-40 {
	--overlay-opacity: 40%;
}

.oo-50 {
	--overlay-opacity: 50%;
}

.oo-60 {
	--overlay-opacity: 60%;
}

.oo-70 {
	--overlay-opacity: 70%;
}

.oo-80 {
	--overlay-opacity: 80%;
}

.oo-90 {
	--overlay-opacity: 90%;
}

.oo-100 {
	--overlay-opacity: 100%;
}

/* #endregion	OVERLAY OPACITY */