:root {
	--color-black-rgb: 				0, 0, 0;
	--color-white-rgb: 				255, 255, 255;
	--color-shadow-rgb:				189, 194, 202;
	--color-yellow-rgb:				254, 225, 76;
	--color-gray-rgb:				229, 229, 229;
	--color-green-rgb:				40, 167, 69;
	--color-blue-rgb:				84, 114, 210;
	--color-red-rgb:				220, 53, 69;
	--color-pink-rgb:				212, 66, 121;
	--color-purple-rgb:				99, 100, 156;
	--color-teal-rgb:				69, 129, 142;
	--color-orange-rgb:				207, 130, 50;

	--color-dark-blue-rgb:			14, 38, 67;
	--color-dark-blue-hover-rgb:	38, 59, 85;
	
	
	--color-primary-text-rgb: 		52, 58, 64;
	--color-secondary-text-rgb: 	90, 94, 100;
	--color-article-title-rgb:		0, 52, 103;

	--color-dark-blue: #0e2643;
	--color-hover-dark-blue: #263b55;
	
	--color-yellow: #FEE14C;
	--color-white: #fff;
}


/*************************************************************/
/********************[   Website - Font   ]*******************/
/*************************************************************/
@font-face {
	font-family: 					Copperplate Light;
	src: 							url(../../assets/fonts/copperplate-gothic-light.ttf);
}

@font-face {
	font-family: 					Copperplate Bold;
	src: 							url(../../assets/fonts/copperplate-gothic-bold.ttf);
}


/* general */
html, body {min-height: 100%;}

body {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	overflow: hidden scroll; /* added january 2026 */
}

span, a, p, h1, h2, li, h3, h4, h5, h6, button, th, label, input, select, textarea, optgroup, small {font-family: 'Poppins', sans-serif !important;}

.fs-12 {font-size: 12px !important;}
.fs-13 {font-size: 13px !important;}
.fs-14 {font-size: 14px !important;}
.fs-15 {font-size: 15px !important;}
.fs-16 {font-size: 16px !important;}
.fs-17 {font-size: 17px !important;}
.fs-18 {font-size: 18px !important;}
.fs-19 {font-size: 19px !important;}
.fs-20 {font-size: 20px !important;}

.fs-40 {
	font-size: 40px !important;
	line-height: 50px !important;
}


.fw-400{font-weight: 400;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}

.rounded-10{border-radius: 10px;}
.text-justify{text-align: justify; display: block;}


.color-dark-blue {color: var(--color-dark-blue);}
.color-yellow {color: var(--color-yellow);}

.color-red {
	color: #CC0000 !important;
}


a {text-decoration: none; color: #5B92E5;}

.hidden-category {
	display: none;
}


.no-scroll {
	overflow: hidden;
}


/*************************************************************/
/******************[   Frontend - Scroll   ]******************/
/*************************************************************/
.custom-scroll {
	scrollbar-color: 				#9badb6 #d3dbdf;
	scrollbar-width: 				thin;
}

.custom-scroll.custom-scroll-invisible {
	-ms-overflow-style: 			none;
	scrollbar-width: 				none;
}

.custom-scroll::-webkit-scrollbar {
	width: 							8px;
	height: 						8px;
}

.custom-scroll.custom-scroll-invisible::-webkit-scrollbar {
	width: 							0px;
	height: 						0px;
	display: 						none;
}

.custom-scroll::-webkit-scrollbar-track {
	background-color: 				#d3dbdf;
	border-radius: 					20px;
}

.custom-scroll::-webkit-scrollbar-thumb {
	border-radius: 					20px;
	background-color: 				#9badb6;
}


/*************************************************************/
/******************[   Frontend - Content   ]*****************/
/*************************************************************/
.page {
	display: 						-ms-flexbox;
	display: 						flex;
	flex: 							1 1 auto;
	flex-direction: 				column;

	background-color: 				#F5F7FB;
}

.page > .page-content {
	position: 						relative;

	display: 						flex;
	display: 						-ms-flexbox;
	justify-content: 				start;
	flex-direction: 				column;
	flex: 							1 1 auto;
	height: 						100%;

	background-color: 				#F5F7FB;
}

.page > .page-content > .page-content-inside {
	display: 						-ms-flexbox;
	display: 						flex;
	flex: 							1 1 auto;
	justify-content: 				start;
	width: 							100%;
	max-width: 						1480px;
	flex-direction: 				column;
	height: 						100%;
}

.page > .page-content > .page-content-inside.page-content-inside-center {
	justify-content:				center;
}

@media (min-width: 992px) {
	.page > .page-content > .page-content-inside.page-content-inside-sm {
		max-width:					952px;
	}
}

@media (max-width: 991px) {
	.page > .page-content > .page-content-inside.page-content-inside-sm {
		max-width:					calc(100% - 32px);
	}
}

.page > .page-content > .page-content-inside.page-content-inside-paper {
	background-color:				rgba(var(--color-white-rgb), 1);
}

@media (min-width: 992px) {
	.page > .page-content > .page-content-inside.page-content-inside-paper {
		margin-top:					24px;
		margin-bottom:				24px;
		border-radius:				4px;
	}
}

@media (max-width: 991px) {
	.page > .page-content > .page-content-inside.page-content-inside-paper {
		margin:						16px;
		border-radius:				4px;
	}
}

.page > .page-content > .page-content-inside.page-content-inside-paper-shadow {
	-webkit-box-shadow: 			0 2px 4px rgba(var(--color-black-rgb), .1);
	-moz-box-shadow: 				0 2px 4px rgba(var(--color-black-rgb), .1);
	box-shadow: 					0 2px 4px rgba(var(--color-black-rgb), .1);
}

@media (min-width: 992px) {
	.page > .page-content {
		align-items: 				center;
	}

	.page > .page-content > .page-content-inside {
		padding: 					32px 64px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.page > .page-content > .page-content-inside {
		padding: 					24px 48px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.page > .page-content > .page-content-inside {
		padding: 					24px;
	}
}

@media (max-width: 575px) {
	.page > .page-content > .page-content-inside {
		padding:					16px;
	}
}


/*************************************************************/
/***********************[   Loading   ]***********************/
/*************************************************************/
.loading {
	position: 						fixed;
	display: 						none;
	top: 							0;
	left: 							0;
	width: 							100%;
	height: 						100%;
	z-index: 						3000;
	cursor: 						wait;
	pointer-events: 				all;
	background-color: 				rgba(var(--color-black-rgb), .6);
}

.loading > .loading-inside {
	display: 						flex;
	align-items: 					center;
	flex-direction: 				column;
	justify-content: 				center;
	height: 						100%;
	gap:							16px;
}

.loading > .loading-inside > .loading-inside-image {
	display:						block;
	object-fit: 					scale-down;
}

.loading > .loading-inside > .loading-inside-title {
	font-size:						16px;
	line-height:					24px;
	font-weight:					500;
	color: 							rgba(var(--color-white-rgb), 1);
}


/*************************************************************/
/********************[   Image Overlay   ]********************/
/*************************************************************/
.image-overlay {
	position: 						fixed;
	inset: 							0;
	z-index: 						9999;

	display: 						flex;
	align-items: 					center;
	justify-content: 				center;

	padding: 						8px;

	background-color: 				rgba(var(--color-black-rgb), 0.6);
}

.image-overlay-inner {
	display: 						flex;
	justify-content: 				center;

	max-width: 						960px;
	width:							100%;
}

.image-overlay-src {
	display: 						block;

	width: 							auto;
	height: 						auto;

	object-fit: 					contain;
	cursor: 						pointer;

	max-width: 						100%;
	max-height: 					80vh;

	padding: 						8px;
	border-radius: 					4px;

	background-color: 				rgba(var(--color-white-rgb), 1);
	box-shadow: 					0 10px 40px rgba(var(--color-black-rgb), 0.4);
}

.image-overlay-nav {
    position: 						absolute;
    cursor: 						pointer;
	display: 						flex;
	justify-content: 				center;
	align-items: 					center;
    user-select: 					none;

	width: 							40px;
	height: 						60px;
    top: 							50%;
    font-size: 						30px;
    border-radius: 					10px;

	-webkit-transform: 				translateY(-50%);
	-moz-transform: 				translateY(-50%);
	-ms-transform: 					translateY(-50%);
	-o-transform: 					translateY(-50%);
	transform: 						translateY(-50%);

    color: 							rgba(var(--color-white-rgb), 1);
    background-color: 				rgba(var(--color-black-rgb), 0.4);
}

.image-overlay-prev {
	left: 							16px;
}

.image-overlay-next {
	right: 							16px;
}

@media (hover: hover) {
	.image-overlay-nav:hover {
		background-color: 			rgba(var(--color-black-rgb), 0.6);
	}
}

@media (hover: none) {
	.image-overlay-nav:active {
		background-color: 			rgba(var(--color-black-rgb), 0.6);
	}
}


/*************************************************************/
/************************[   Toasts   ]***********************/
/*************************************************************/
.toasts {
	position: 						fixed;
	z-index: 						3000;
}

@media (min-width: 992px) {
	.toasts {
		max-width: 					400px;
		width: 						100%;
		top: 						168px;
		right: 						32px;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.toasts {
		width: 						calc(100% - 48px);
		margin-left:				24px;
		margin-right:				24px;
		top: 						calc(60px + 24px);
		left: 						0px;
	}
}

@media (max-width: 575px) {
	.toasts {
		width: 						calc(100% - 32px);
		margin-left:				16px;
		margin-right:				16px;
		top: 						76px;
		left: 						0px;
	}
}

.toasts > .toast-wrap {
	position: 						relative;
	display: 						none;
	text-align: 					left;
	border-top-right-radius: 		4px;
	border-bottom-right-radius: 	4px;

	-webkit-box-shadow: 			0 2px 3px rgba(var(--color-black-rgb), .1);
	-moz-box-shadow: 				0 2px 3px rgba(var(--color-black-rgb), .1);
	box-shadow: 					0 2px 3px rgba(var(--color-black-rgb), .1);

	background: 					rgba(var(--color-white-rgb), 1);
}

.toasts > .toast-wrap.toast-wrap-success {
	border-left: 					2px solid rgba(var(--color-green-rgb), .9);
}

.toasts > .toast-wrap.toast-wrap-info {
	border-left: 					2px solid rgba(var(--color-blue-rgb), .9);
}

.toasts > .toast-wrap.toast-wrap-warning {
	border-left: 					2px solid rgba(var(--color-orange-rgb), .9);
}

.toasts > .toast-wrap.toast-wrap-error {
	border-left: 					2px solid rgba(var(--color-red-rgb), .9);
}

.toasts > .toast-wrap:not(:last-of-type) {
	margin-bottom: 					12px;
}

.toasts > .toast-wrap > .toast-content {
	position: 						relative;
	display: 						flex;
	flex-direction: 				column;
	padding: 						24px;
	z-index: 						1;
}

.toasts > .toast-wrap > .toast-bg {
	position: 						absolute;
	top: 							0;
	right: 							0;
	width: 							100%;
	height: 						100%;
	z-index: 						0;
	border-bottom-right-radius: 	4px;
	border-top-right-radius: 		4px;
}

.toasts > .toast-wrap.toast-wrap-success > .toast-bg {
	background-color: 				rgba(var(--color-green-rgb), .1);
	border: 						1px solid rgba(var(--color-green-rgb), .9);
}

.toasts > .toast-wrap.toast-wrap-info > .toast-bg {
	background-color: 				rgba(var(--color-blue-rgb), .1);
	border: 						1px solid rgba(var(--color-blue-rgb), .9);
}

.toasts > .toast-wrap.toast-wrap-warning > .toast-bg {
	background-color: 				rgba(var(--color-orange-rgb), .1);
	border: 						1px solid rgba(var(--color-orange-rgb), .9);
}

.toasts > .toast-wrap.toast-wrap-error > .toast-bg {
	background-color: 				rgba(var(--color-red-rgb), .1);
	border: 						1px solid rgba(var(--color-red-rgb), .9);
}

.toast-content > .toast-title {
	font-size: 						14px;
	font-weight: 					600;
	line-height: 					22px;
	margin-bottom: 					4px;
	color:							rgba(var(--color-primary-text-rgb), 1);
}

.toast-content > .toast-message {
	font-size: 						13px;
	font-weight: 					400;
	line-height: 					20px;
	color:							rgba(var(--color-primary-text-rgb), .8);
}

.toast-content > .toast-close {
	display: 						block;
	position: 						absolute;
	display: 						flex;
	align-items: 					center;
	justify-content: 				center;
	cursor: 						pointer;

	top: 							-6px;
	right: 							-6px;
	width: 							20px;
	height: 						20px;
	border-radius: 					50px;
	font-size: 						10px;

	color: 							rgba(var(--color-text-rgb), 1);
	background-color: 				rgba(var(--color-white-rgb), 1);

	-webkit-box-shadow: 			0 2px 3px rgba(var(--color-black-rgb), .1);
	-moz-box-shadow: 				0 2px 3px rgba(var(--color-black-rgb), .1);
	box-shadow: 					0 2px 3px rgba(var(--color-black-rgb), .1);
}

.toast-content > .toast-close::before {
	content: 						"\2716";
}

.toast-content > .toast-timer-wrap {
	position: 						absolute;
	bottom: 						4px;
	left: 							4px;
	overflow: 						hidden;
	width: 							calc(100% - 8px);
	-moz-border-radius: 			10px;
	-webkit-border-radius: 			10px;
	border-radius: 					10px;
	background: 					#e9ecef;
}

.toast-content > .toast-timer-wrap > .toast-timer {
	display: 						block;
	height: 						3px;
	width: 							0;
}

.toasts > .toast-wrap.toast-wrap-success .theme-toast-link {
	text-decoration: 				underline;
	font-weight: 					500;
	color: 							rgba(var(--color-green-rgb), 1);
}

.toasts > .toast-wrap.toast-wrap-info .theme-toast-link {
	text-decoration: 				underline;
	font-weight: 					500;
	color: 							rgba(var(--color-blue-rgb), 1);
}

.toasts > .toast-wrap.toast-wrap-error .theme-toast-link {
	text-decoration: 				underline;
	font-weight: 					500;
	color: 							rgba(var(--color-red-rgb), 1);
}

.toasts > .toast-wrap.toast-wrap-warning .theme-toast-link {
	text-decoration: 				underline;
	font-weight: 					500;
	color: 							rgba(var(--color-orange-rgb), 1);
}

.toasts > .toast-wrap.toast-wrap-success .toast-timer-wrap > .toast-timer {
	background-color: 				rgba(var(--color-green-rgb), .45);
}

.toasts > .toast-wrap.toast-wrap-info .toast-timer-wrap > .toast-timer {
	background-color: 				rgba(var(--color-blue-rgb), .45);
}

.toasts > .toast-wrap.toast-wrap-warning .toast-timer-wrap > .toast-timer {
	background-color: 				rgba(var(--color-orange-rgb), .45);
}

.toasts > .toast-wrap.toast-wrap-error .toast-timer-wrap > .toast-timer {
	background-color: 				rgba(var(--color-red-rgb), .45);
}


/*************************************************************/
/************************[   Footer   ]***********************/
/*************************************************************/
.footer {
	display: 						flex;
	align-items: 					center;
	min-height: 					60px;

	background-color:				#323232;

	-webkit-box-shadow: 			inset 0 8px 8px -8px rgba(var(--color-white-rgb), .8);
	-moz-box-shadow: 				inset 0 8px 8px -8px rgba(var(--color-white-rgb), .8);
	box-shadow: 					inset 0 8px 8px -8px rgba(var(--color-white-rgb), .8);
}

.footer > .footer-inside {
	display: 						flex;
	flex-direction: 				column;
	justify-content: 				start;
	margin-left: 					auto;
	margin-right: 					auto;

	width: 							100%;
	max-width: 						1480px;
}

@media (min-width: 992px) {
	.footer > .footer-inside {
		padding: 					32px 64px 0px 64px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.footer > .footer-inside {
		padding: 					32px 48px 0px 48px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.footer > .footer-inside {
		padding: 					24px 24px 0px 24px;
	}
}

@media (max-width: 575px) {
	.footer > .footer-inside {
		padding:					24px 16px 0px 16px;
	}
}


/*************************************************************/
/********************[   Footer - Logo   ]********************/
/*************************************************************/
.footer-logo {
	position: 						relative;
	display: 						flex;
	align-items: 					center;
}

.footer-logo > .icon {
	position:						relative;
	display: 						block;
	object-fit: 					scale-down;
	overflow: 						hidden;
	flex-shrink: 					0;
	z-index:						1;

	-webkit-transform: 				scale(1);
	-moz-transform: 				scale(1);
	-ms-transform: 					scale(1);
	-o-transform: 					scale(1);
	transform: 						scale(1);

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;
}

.footer-logo > .meta {
	display: 						flex;
	flex-direction: 				column;
}

.footer-logo > .meta > .name {
	font-weight: 					600;
	color: 							rgba(var(--color-white-rgb), 1);
}

.footer-logo > .meta > .slogan {
	font-weight: 					400;
	color: 							rgba(var(--color-white-rgb), 1);
}

@media (hover: hover) {
	.footer-logo > .icon:hover {
		-webkit-transform: 			scale(2.0);
		-moz-transform: 			scale(2.0);
		-ms-transform: 				scale(2.0);
		-o-transform: 				scale(2.0);
		transform: 					scale(2.0);
	}
}

@media (min-width: 992px) {
	.footer-logo {
		gap: 						12px;
	}

	.footer-logo > .icon {
		width: 						45px;
		height: 					45px;
	}

	.footer-logo > .meta > .name {
		font-size: 					20px;
		line-height: 				25px;
	}

	.footer-logo > .meta > .slogan {
		font-size: 					12px;
		line-height: 				20px;
	}
}

@media (max-width: 991px) {
	.footer-logo {
		gap: 						8px;
	}

	.footer-logo > .icon {
		width: 						40px;
		height: 					40px;
	}

	.footer-logo > .meta > .name {
		font-size: 					18px;
		line-height: 				20px;
	}

	.footer-logo > .meta > .slogan {
		font-size: 					11px;
		line-height: 				20px;
	}
}


/*************************************************************/
/******************[   Footer - Sections   ]******************/
/*************************************************************/
.footer-section {
	display:						flex;
	flex-direction:					column;
	gap:							6px;
}


/*************************************************************/
/*******************[   Footer - Content   ]******************/
/*************************************************************/
.footer-content {
	display:						flex;
	flex-direction:					column;
	width:							100%;
}

@media (min-width: 992px) {
	.footer-content {
		margin-top:					32px;
	}
}

@media (max-width: 991px) {
	.footer-content {
		margin-top:					24px;
	}
}


/*************************************************************/
/********************[   Footer - Texts   ]*******************/
/*************************************************************/
.footer-text {
	font-weight:					500; 
	text-align:						left;

	color: 							#acacac !important;
}

.footer-title {
	display:						flex;
	align-items:					center;
	gap:							6px;

	color:							rgba(var(--color-white-rgb), 1);
}

.footer-title > span {
	font-size:						16px;
	font-weight: 					600;
}

.footer-title > svg {
	flex-shrink:					0;
	width:							24px;
	height:							24px;
}

@media (min-width: 992px) {
	.footer-text {
		font-size: 					13px;
		line-height: 				26px;
	}
}

@media (max-width: 991px) {
	.footer-text {
		font-size: 					12px;
		line-height: 				22px;
	}
}


/*************************************************************/
/********************[   Footer - Links   ]*******************/
/*************************************************************/
.footer-links {
	display:						flex;
	flex-direction:					row;
	justify-content: 				space-between;
	width:							100%;
	gap:							8px;
}

.footer-links > .footer-links-col {
	display:						flex;
	flex-direction:					column;
	gap:							8px;
	width: 							50%;
}

.footer-links > .footer-links-col > .footer-link {
	display:						block;
	width:							fit-content;
	max-width:						100%;
	font-weight: 					500;
	color: 							#acacac;

	word-wrap:						anywhere;
	word-break: 					break-word;
	white-space: 					nowrap;
	text-align:						left;
	text-overflow: 					ellipsis;
	overflow: 						hidden;
}

@media (hover: hover) {
	.footer-links > .footer-links-col > .footer-link:hover {
		color: 						rgba(var(--color-blue-rgb), 1);
		text-decoration: 			underline;
		text-underline-offset: 		2px;
		background-color: 			rgba(var(--color-blue-rgb), .04);
	}
}

@media (hover: none) {
	.footer-links > .footer-links-col > .footer-link:active {
		color: 						rgba(var(--color-blue-rgb), 1);
		text-decoration: 			underline;
		text-underline-offset: 		2px;
		background-color: 			rgba(var(--color-blue-rgb), .04);
	}
}

@media (min-width: 992px) {
	.footer-links > .footer-links-col > .footer-link {
		font-size: 					13px;
	}
}

@media (max-width: 991px) {
	.footer-links > .footer-links-col > .footer-link {
		font-size: 					12px;
	}
}


/*************************************************************/
/********************[   Footer - Stats   ]*******************/
/*************************************************************/
.footer-stats {
	display:						flex;
	flex-direction:					row;
	justify-content: 				space-between;
	width:							100%;
	gap:							8px;
}

.footer-stats > .stat {
	display:						flex;
	flex-direction:					column;

	width:							calc(100% / 2);
	flex-grow:						1;
	padding:						10px;

	border-width:					1px;
	border-radius:					10px;
	border-style:					solid;
	border-color:					#282828;
	
	background-color:				#464646;
}

.footer-stats > .stat > .details {
	display:						flex;
	flex-direction:					row;
	justify-content:				space-between;
	flex-grow: 						1;
}

.footer-stats > .stat > .details > .title {
	font-weight:					500;

	color:							rgba(var(--color-white-rgb), 1);
}

.footer-stats > .stat > .details > .icon {
	display:						flex;
	align-items: 					center;
	justify-content: 				center;
	cursor:							help;

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;

	flex-shrink:					0;
	width: 							22px;
	height: 						22px;
	border-radius:					50%;

	color:							#ffffff;
	background-color:				#848484;
}

.footer-stats > .stat > .details > .icon svg {
	width: 							18px;
	height: 						18px;
}

.footer-stats > .stat > .number {
	letter-spacing: 				-0.2px;
	font-weight:					600; 

	color: 							#ffbf00;
}

@media (hover: hover) {
	.footer-stats > .stat > .details > .icon:hover {
		background-color: 			#6f6f6f;
	}
}

@media (hover: none) {
	.footer-stats > .stat > .details > .icon:active {
		background-color: 			#6f6f6f;
	}
}

@media (min-width: 992px) {
	.footer-stats > .stat {
		height:						80px;
	}

	.footer-stats > .stat > .details > .title {
		font-size: 					14px;
	}

	.footer-stats > .stat > .number {
		font-size:					20px;
	}
}

@media (max-width: 991px) {
	.footer-stats > .stat {
		height:						70px;
	}

	.footer-stats > .stat > .details > .title {
		font-size: 					13px;
	}

	.footer-stats > .stat > .number {
		font-size:					18px;
	}
}


/*************************************************************/
/********************[   Footer - Cards   ]*******************/
/*************************************************************/
.footer-cards {
	position: 						relative;
	display: 						flex;
	flex-direction: 				column;
	justify-content: 				center;
}

.footer-cards > .footer-cards-inside {
	position: 						relative;
	display: 						flex;
	flex-direction:					row;
	overflow: 						auto hidden;

	max-width:						100%;
	gap:							8px;

	margin-top: 					-8px;
	padding-top: 					8px;

	margin-bottom:					-8px;
	padding-bottom:					8px;
}

.footer-cards > .footer-cards-inside > .footer-card {
	display: 						flex;
	justify-content: 				center;
	align-items: 					center;
	overflow:						hidden;

	width: 							160px;
	flex-shrink: 					0;

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;

	border-width: 					1px;
	border-radius: 					10px;
	border-style: 					solid;
	border-color: 					#282828;

	background-color: 				#464646;
}

.footer-cards > .footer-cards-inside > .footer-card > img {
	display: 						block;
	margin-left: 					auto;
	margin-right: 					auto;
	object-fit:						scale-down;
}

.footer-cards > .footer-cards-inside > .footer-card > span {
	font-size: 						14px;
	font-weight: 					600;

	text-align:						center;
	text-transform:					uppercase;
	color:							rgba(var(--color-primary-text-rgb), 1);
}

@media (hover: hover) {
	.footer-cards > .footer-cards-inside > .footer-card:hover {
		-webkit-box-shadow: 		0 4px 8px rgba(var(--color-black-rgb), .1);
		-moz-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .1);
		box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .1);

		-webkit-transform: 			translateY(-2px);
		-moz-transform: 			translateY(-2px);
		-ms-transform: 				translateY(-2px);
		-o-transform: 				translateY(-2px);
		transform: 					translateY(-2px);
	}
}

@media (min-width: 992px) {
	.footer-cards > .footer-cards-inside > .footer-card {
		height:						80px;
	}
}

@media (max-width: 991px) {
	.footer-cards > .footer-cards-inside > .footer-card {
		height:						70px;
	}
}


/*************************************************************/
/******************[   Footer - Copyright   ]*****************/
/*************************************************************/
.footer-copyright {
	position:						relative;
	display:						flex;
	flex-direction:					row;
	align-items:					center;
	justify-content: 				start;
	width:							100%;
	padding-top: 					16px;
	margin-top: 					16px;
	gap:							16px;
	padding-bottom:					16px;

	border-top-width: 				1px;
	border-top-style: 				solid;
	border-top-color: 				#282828;
}

.footer-copyright > span {
	text-align:						left;
	font-size:						12px;
	opacity:						0.7;
	color:							#acacac;
}


/*************************************************************/
/********************[   Footer - Scroll   ]*******************/
/*************************************************************/
.footer-scroll-up {
	cursor:							pointer;
	margin-left:					auto;
	flex-shrink:					0;
}

.footer-scroll-up svg {
	width:							32px;
	height:							32px;
	color:							rgba(var(--color-white-rgb), 1);
}


/*************************************************************/
/*********************[   Forms - File   ]********************/
/*************************************************************/
.custom-file-wrapper {
    position: 						relative;
    width: 							100%;
    height: 						58px;
}

.custom-file-wrapper input[type="file"] {
    position: 						absolute;
	display:						none;
	pointer-events:					none;
    width: 							100%;
    height: 						100%;
    top: 							0;
    left: 							0;
    opacity: 						0;
}

.custom-file-display {
    position: 						absolute;
    display: 						flex;
    align-items: 					center;
    justify-content: 				space-between;
	cursor:							pointer;

	height:							100%;
    top: 							0;
    left: 							0;
    right: 							0;
    padding: 						0 12px;
    border: 						1px solid #ced4da;
    border-radius: 					0.375rem;
    font-size: 						1rem;

    background-color: 				rgba(var(--color-white-rgb), 1);
}

.custom-file-text {
    overflow: 						hidden;
    text-overflow:		 			ellipsis;
    white-space: 					nowrap;

    flex: 							1;
	opacity: 						.65;
	color: 							#6c757d;
}

.custom-file-text.selected {
	opacity:						1;
	color:							#212529;
}

.file-clear-btn {
	position: 						absolute;
    border: 						none;
    background: 					none;
	display:						none;

	width: 							45px;
	height: 						100%;
	font-size: 						28px;
	padding: 						0;
	right: 							0;

	color: 							rgba(var(--color-red-rgb), 1);
}


/*************************************************************/
/***********************[   Filters   ]***********************/
/*************************************************************/
.filter-badge {
    position: 						relative;
    display: 						inline-flex;
    align-items: 					center;
    justify-content: 				center;
    text-decoration: 				none;
	outline:						none;

    font-size: 						12px;
	line-height:					20px;
    border-radius: 					12px;
    padding: 						0px 4px;

	border-width: 					1px;
	border-style: 					solid;
	border-radius: 					4px;
	border-color: 					rgba(var(--color-gray-rgb), 1);

	-webkit-box-shadow: 			0 8px 16px rgba(var(--color-black-rgb), .05);
	-moz-box-shadow: 				0 8px 16px rgba(var(--color-black-rgb), .05);
	box-shadow: 					0 8px 16px rgba(var(--color-black-rgb), .05);

	-webkit-transition: 			all 0.1s ease-in-out;
	-moz-transition: 				all 0.1s ease-in-out;
	-ms-transition: 				all 0.1s ease-in-out;
	-o-transition: 					all 0.1s ease-in-out;
	transition: 					all 0.1s ease-in-out;

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.filter-badge .filter-title {
    font-weight: 					600;
    margin-right: 					4px;
	letter-spacing:					0.1px;
    color: 							rgba(var(--color-primary-text-rgb), 1);
}

.filter-badge .filter-value {
    font-weight: 					400;
    color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.filter-badge .filter-remove {
    font-size: 						18px;
	padding-left: 					4px;
	margin-left: 					4px;

	-webkit-transition: 			all 0.1s ease-in-out;
	-moz-transition: 				all 0.1s ease-in-out;
	-ms-transition: 				all 0.1s ease-in-out;
	-o-transition: 					all 0.1s ease-in-out;
	transition: 					all 0.1s ease-in-out;

	border-left: 					1px solid rgba(var(--color-gray-rgb), 1);
    color: 							rgba(var(--color-red-rgb), .6);
}

@media (hover: hover) {
	.filter-badge:hover {
		border-color: 				rgba(var(--color-red-rgb), .1);
		background-color:			rgba(var(--color-red-rgb), .06);
	}

	.filter-badge:hover .filter-remove {
		color: 						rgba(var(--color-red-rgb), 1);
		border-left-color: 			rgba(var(--color-red-rgb), .1);
	}
}

@media (hover: none) {
	.filter-badge:hover {
		border-color: 				rgba(var(--color-red-rgb), .1);
		background-color:			rgba(var(--color-red-rgb), .06);
	}

	.filter-badge:active .filter-remove {
		color: 						rgba(var(--color-red-rgb), 1);
		border-left-color: 			rgba(var(--color-red-rgb), .1);
	}
}


/*************************************************************/
/********************[   Fixed Buttons   ]********************/
/*************************************************************/
.fixed-buttons {
	position:						fixed;
	z-index:						2;
	border-radius: 					50px;

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.fixed-buttons > .fixed-button {
	display:						flex;
	flex-direction:					column;
	justify-content: 				center;
	align-items: 					center;

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;

	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .2);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .2);
	box-shadow: 					0 4px 8px rgba(var(--color-black-rgb), .2);

	border-radius: 					50px;
	border-style:					solid;
	border-color:					rgba(var(--color-white-rgb), 1);

	color: 							rgba(var(--color-white-rgb), 1);
	background-color: 				rgba(var(--color-black-rgb), .75)
}

.fixed-buttons > .fixed-button > .icon-svg {
	flex-shrink:					0;

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;
}

.fixed-buttons > .fixed-button > .title {
	text-transform: 				uppercase;
	font-size:						11px;
	font-weight:					500;
	letter-spacing: 				-0.2px;
}

@media (hover: hover) {
	.fixed-buttons > .fixed-button:hover {
		background-color: 			rgba(var(--color-black-rgb), 1);
	}

	.fixed-buttons > .fixed-button:hover > .icon-svg {
		-webkit-transform: 			rotate(-90deg);
		-moz-transform: 			rotate(-90deg);
		-ms-transform: 				rotate(-90deg);
		-o-transform: 				rotate(-90deg);
		transform: 					rotate(-90deg);
	}
}

@media (hover: none) {
	.fixed-buttons > .fixed-button:active {
		background-color: 			rgba(var(--color-black-rgb), 1);
	}

	.fixed-buttons > .fixed-button:active > .icon-svg {
		-webkit-transform: 			rotate(-90deg);
		-moz-transform: 			rotate(-90deg);
		-ms-transform: 				rotate(-90deg);
		-o-transform: 				rotate(-90deg);
		transform: 					rotate(-90deg);
	}
}

@media (min-width: 992px) {
	.fixed-buttons {
		bottom: 					24px;
		right: 						24px;
	}

	.fixed-buttons > .fixed-button {
		border-width: 				3px;
		width: 						74px;
		height: 					74px;
	}

	.fixed-buttons > .fixed-button > .icon-svg {
		margin-top: 				-8px;
		width:						28px;
		height:						28px;
	}
}

@media (max-width: 991px) {
	.fixed-buttons {
		bottom: 					16px;
		right: 						16px;
	}

	.fixed-buttons > .fixed-button {
		border-width: 				2px;
		width: 						44px;
		height: 					44px;
	}

	.fixed-buttons > .fixed-button > .icon-svg {
		width:						24px;
		height:						24px;
	}

	.fixed-buttons > .fixed-button > .title {
		display:					none;
	}
}



/* Single Article Page */
.single-post-wrap {
	position: relative;
}


/* Paginator */
.paginator {
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
}


/* Comments */
.article-comments {
	max-width: 900px;
	margin: 0 auto;
	background: var(--color-white);
}

@media (max-width: 899px) {
	.article-comments {
		padding: 40px 20px;
		border-top: 1px solid #e6e7ea;
		border-bottom: 1px solid #e6e7ea;
	}
}

@media (min-width: 900px) {
	.article-comments {
		border-radius: 10px;
		padding: 40px 30px;
		box-shadow: inset 0px 0px 3px #bdc2ca;
	}
}

.comment-list-container {
	border: 1px solid #d3dbdf;
	border-radius: 5px;
	overflow: hidden;
	padding: 10px 5px 5px 10px;
	background: var(--color-white);
	margin-bottom: 24px;
}

.comment-list {
	padding-right: 5px;
	list-style: none;
	/*max-height: 70vh;
	overflow: hidden auto;*/
}

.comment-list .children {
	list-style: none;
	margin-bottom: 0;
	padding-left: 20px;
}


/* Comments - Body */
.comment-body {
	background: #edeef0;
	margin-bottom: 10px;
	padding: 15px 15px;
	border-radius: 4px;
}

.comment-body > p {
	margin-bottom: 0;
	padding-top: 10px;
	margin-top: 10px;
	font-size: 14px;
	color: #343a40;
	display: inline-block;
	clear: both;
	content: "";
	border-top: 1px solid #d5d6d8;
	width: 100%;
}


/* Comments - Answer */
.comment-body > .reply > .comment-reply-link {
	font-size: 13px;
	text-decoration: underline !important;
	font-style: italic;
}

.reply .comment-reply-login,
.comment-author .says {
	display: none;
}


/* Comments - Settings */
.comment-body > .comment-author {
	float: left;
}

.comment-body > .comment-author .photo {
	margin-right: 5px;
	border-radius: 4px;
}

.comment-body > .comment-author .fn,
.comment-body > .comment-author a {
	font-style: normal;
	color: #343a40;
	font-weight: 600;
	font-size: 15px;
}

.comment-body .comment-awaiting-moderation {
	width: 100% !important;
	display: block;
	float: left;
	font-size: 13px;
	margin: 15px 0;
	padding: 10px 15px;
	border-radius: 4px;
	color: #856404;
	background-color: #fff3cd;
	border: 1px solid #ffeeba;
}


/* Comments - Date Edit for Admin */
.comment-body .comment-meta {
	margin-left: auto !important;
	float: right;
	display: flex;
	flex-direction: column;
	align-items: end;
	min-height: 32px;
	justify-content: center;
	position: relative;
}

.comment-body .comment-meta a {
	color: #6c757d !important;
	font-size: 12px;
}

.comment-body > .comment-meta > .comment-edit-link {
	color: #5B92E5 !important;
	position: absolute;
	top: 20px;
	font-size: 12px;
}


.ui-helper-hidden-accessible {
  display: none !important;
}





.comments-button-wrap {
	display: flex;
	align-items: center;
	background-color: #fff;
	border-radius: 10px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	background-color: #f0f3f8;
	font-weight: 500;
	border: 1px solid #4460A0;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
	min-height: 66px;
}

.comments-button-wrap:hover {
	background-color: #4c6bb2;
}


.comments-button-icon {
	margin-right: 24px;
	width: 64px;
	min-width: 64px;
	height: 64px;
	background: #4460A0;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.comments-button-icon img {
	padding: 4px;
}

.comments-button-text {
	color: rgb(var(--bs-dark-rgb));
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	font-size: 20px;
	line-height: 24px;
}

@media (max-width: 899px) {
	.comments-button-text {
		font-size: 16px;
		line-height: 20px;
	}
}

.comments-button-wrap:hover .comments-button-text {
	color: var(--color-white);
}



/*************************************************************/
/*********************[   Video - Grid   ]********************/
/*************************************************************/
.video-grid-container {
	display:						flex;
	flex-wrap:						wrap;
}

@media (min-width: 992px) {
	.video-grid-container {
		gap:						32px 16px;
	}

	.video-grid-container > .video-item,
	.video-grid-container > .video-item-placeholder {
		width: 						calc(100% / 4 - 12px);
		max-width: 					calc(100% / 4 - 12px);
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.video-grid-container {
		gap:						24px 8px;
	}

	.video-grid-container > .video-item,
	.video-grid-container > .video-item-placeholder {
		width: 						calc(100% / 3 - 6px);
		max-width: 					calc(100% / 3 - 6px);
	}
}

@media (max-width: 767px) {
	.video-grid-container {
		gap:						16px 4px;
	}

	.video-grid-container > .video-item,
	.video-grid-container > .video-item-placeholder {
		width: 						calc(100% / 2 - 2px);
		max-width: 					calc(100% / 2 - 2px);
	}
}


/*************************************************************/
/*********************[   Video - List   ]********************/
/*************************************************************/
.video-list-container {
	display: 						flex;
	flex-direction: 				column;
	padding-top:					24px;
	padding-bottom:					24px;
}

.video-list-container > .video-item {
	padding-right:					24px;
	padding-left:					24px;
}

.video-list-container > .video-item:not(:last-child) {
	border-bottom-width:			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(189, 194, 202, 1);
	
	margin-bottom:					16px;
	padding-bottom:					16px;
}


/*************************************************************/
/*********************[   Video - Item   ]********************/
/*************************************************************/
.video-item {
	position:						relative;
	cursor:							pointer;
	
	display:						flex;
	flex-direction:					column;
	gap:							8px;
}

.video-item-placeholder {
	position:						relative;
	cursor:							grab;

	display:						flex;
	flex-direction:					column;
	gap:							8px;

	background-color:				rgba(14, 38, 67, .1);

	outline-width:					1px;
	outline-offset:					-4px;
	outline-style:					dashed;
	outline-color:					rgba(14, 38, 67, .2);
}

.video-item > .video-image {
	position:						relative;
	overflow: 						hidden;
	display: 						block;
	width: 							100%;
	padding-top: 					56.25%;
	border-radius: 					5px;
}

.video-item > .video-image > .video-cover {
	position: 						absolute;

	top: 							0;
	left: 							0;
	bottom: 						0;
	right: 							0;

	width: 							100%;
	height: 						100%;
	max-width: 						100%;
	max-height: 					100%;

	aspect-ratio: 					2/1;
	object-fit: 					cover;
	object-position: 				50% 50%;

	-webkit-transform: 				scale(1);
	-moz-transform: 				scale(1);
	-ms-transform: 					scale(1);
	-o-transform: 					scale(1);
	transform: 						scale(1);

	-webkit-transition: 			transform .5s;
	-moz-transition: 				transform .5s;
	-ms-transition: 				transform .5s;
	-o-transition: 					transform .5s;
	transition: 					transform .5s;

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.video-item > .video-image > .video-play {
	position: 						absolute;
	left:							50%;
	top:							50%;

	width:							48px;
	height:							48px;

	opacity: 						.5;

	-webkit-transform: 				translate(-50%, -50%);
	-moz-transform: 				translate(-50%, -50%);
	-ms-transform: 					translate(-50%, -50%);
	-o-transform: 					translate(-50%, -50%);
	transform: 						translate(-50%, -50%);

	-webkit-transition: 			opacity .5s;
	-moz-transition: 				opacity .5s;
	-ms-transition: 				opacity .5s;
	-o-transition: 					opacity .5s;
	transition: 					opacity .5s;
}

.video-item > .video-image > .video-length {
	position: 						absolute;
	display:						flex;
	top:							8px;
	right:							8px;
	padding:						4px 6px;
	border-radius:					2px;
	font-size:						11px;
	line-height:					18px;
	font-weight:					500;
	letter-spacing:					0.2px;

	color:							rgba(var(--color-white-rgb), 1);
	background-color: 				rgba(var(--color-black-rgb), .6);
}

.video-item > .video-image > .video-position {
	position: 						absolute;
	display:						flex;
	top:							8px;
	left:							8px;
	padding:						4px 6px;
	border-radius:					2px;
	font-size:						11px;
	line-height:					18px;
	font-weight:					500;
	letter-spacing:					0.2px;

	color:							rgba(var(--color-white-rgb), 1);
	background-color: 				rgba(var(--color-black-rgb), .6);
}

.video-item > .video-image > .video-options {
	position: 						absolute;
	display:						flex;
	bottom:							8px;
	right:							8px;
	gap:							1px;
}

.video-item > .video-image > .video-options > .video-option {
	display: 						flex;
	justify-content: 				center;
	align-items: 					center;
	width: 							32px;
	height: 						32px;

	background-color: 				rgba(var(--color-black-rgb), .6);
}

.video-item > .video-image > .video-options > .video-option:first-child {
	border-top-left-radius:			2px;
	border-bottom-left-radius:		2px;
}

.video-item > .video-image > .video-options > .video-option:last-child {
	border-top-right-radius:		2px;
	border-bottom-right-radius:		2px;
}


@media (hover: hover) {
	.video-item > .video-image:hover > .video-cover {
		-webkit-transform: 			scale(1.06);
		-moz-transform: 			scale(1.06);
		-ms-transform: 				scale(1.06);
		-o-transform: 				scale(1.06);
		transform: 					scale(1.06);
	}

	.video-item > .video-image:hover > .video-play {
		opacity: 					1;
	}

	.video-item:hover .video-details > .video-title {
		text-decoration:			underline;
		text-underline-offset:		2px;
	}

	.video-item > .video-image > .video-length:hover {
		background-color: 			rgba(var(--color-black-rgb), 1);
	}

	.video-item > .video-image > .video-position:hover {
		background-color: 			rgba(var(--color-black-rgb), 1);
	}

	.video-item > .video-image > .video-options > .video-option:hover {
		background-color: 			rgba(var(--color-black-rgb), 1);
	}
}

.video-item > .video-details {
	position:						relative;
	display:						flex;
}

.video-item > .video-details.video-details-hidden {
	display:						none;
}

.video-item > .video-details > .video-title {
	position: 						relative;
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	-webkit-line-clamp: 			2;
	word-wrap:						anywhere;
	overflow: 						hidden;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;
	font-weight: 					700;
	width:							100%;

	color:							rgba(var(--color-dark-blue-rgb), 1);
}

.video-item > .video-details > .video-title-left {
	text-align:						left;
}

.video-item > .video-details > .video-title-center {
	text-align:						center;
}

@media (min-width: 768px) {
	.video-item > .video-details > .video-title {
		font-size: 					18px;
		line-height:			 	26px;
		height:						calc(26px * 2);
	}
}

@media (max-width: 767px) {
	.video-item > .video-details > .video-title {
		font-size: 					12px;
		line-height:			 	18px;
		height:						36px;
	}
}


/*************************************************************/
/************************[   Slider   ]***********************/
/*************************************************************/
.slider-container {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	width:							100%;
}

.slider-arrows {
	position: 						absolute;
	display: 						flex;
	justify-content: 				space-between;
	top: 							50%;
	left: 							12px;
	width:							calc(100% - 24px);
	pointer-events:	 				none;
	padding: 						0;
	z-index:						2;

	-webkit-transform: 				translateY(-50%);
	-moz-transform: 				translateY(-50%);
	-ms-transform: 					translateY(-50%);
	-o-transform: 					translateY(-50%);
	transform: 						translateY(-50%);
}

.slider-arrows > .slider-arrow {
	opacity: 						0;
	display:						flex;
	width: 							30px;
	height: 						50px;
	border-radius: 					2px;
	cursor:							pointer;

	-webkit-transform: 				scale(.8) translateY(8px);
	-moz-transform: 				scale(.8) translateY(8px);
	-ms-transform: 					scale(.8) translateY(8px);
	-o-transform: 					scale(.8) translateY(8px);
	transform: 						scale(.8) translateY(8px);

	-webkit-transition: 			.2s ease;
	-moz-transition: 				.2s ease;
	-ms-transition: 				.2s ease;
	-o-transition: 					.2s ease;
	transition: 					.2s ease;

	-webkit-box-shadow: 			0 0 6px rgba(var(--color-black-rgb), .6);
	-moz-box-shadow: 				0 0 6px rgba(var(--color-black-rgb), .6);
	box-shadow: 					0 0 6px rgba(var(--color-black-rgb), .6);

	outline-width:					1px;
	outline-offset:					1px;
	outline-style:					solid;
	outline-color:					rgba(var(--color-gray-rgb), 1);

	background-color:				rgba(var(--color-gray-rgb), 1);
}

.slider-arrows > .slider-arrow > .slider-arrow-sign {
	position:						relative;
	border: 						solid rgba(var(--color-primary-text-rgb), 1);
	border-width: 					0 2px 2px 0;
	display: 						inline-block;
	padding: 						4px;
	margin: 						auto;
}

.slider-arrows > .slider-arrow.slider-arrow-left > .slider-arrow-sign {
	left:							2px;

	-webkit-transform: 				rotate(135deg);
	-moz-transform: 				rotate(135deg);
	-ms-transform: 					rotate(135deg);
	-o-transform: 					rotate(135deg);
	transform: 						rotate(135deg);
}

.slider-arrows > .slider-arrow.slider-arrow-right > .slider-arrow-sign {
	right:							2px;

	-webkit-transform: 				rotate(-45deg);
	-moz-transform: 				rotate(-45deg);
	-ms-transform: 					rotate(-45deg);
	-o-transform: 					rotate(-45deg);
	transform: 						rotate(-45deg);
}

@media (hover: hover) {
	.slider-arrows > .slider-arrow.slider-arrow-left:hover,
	.slider-arrows > .slider-arrow.slider-arrow-right:hover {
		-webkit-box-shadow: 		0 0 12px rgba(var(--color-black-rgb), 1);
		-moz-box-shadow: 			0 0 12px rgba(var(--color-black-rgb), 1);
		box-shadow: 				0 0 12px rgba(var(--color-black-rgb), 1);
	}

	.slider-container:hover .slider-arrows > .slider-arrow {
		opacity: 					1;
		pointer-events: 			auto;

		-webkit-transform: 			scale(1) translateY(0);
		-moz-transform: 			scale(1) translateY(0);
		-ms-transform: 				scale(1) translateY(0);
		-o-transform: 				scale(1) translateY(0);
		transform: 					scale(1) translateY(0);
	}
}

.slider-items {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	z-index:						1;
	flex-grow:						1;
}

.slider-items > .slider-item {
	display:						flex;
	flex-direction:					column;
	width:							100%;
	height:							100%; 
	top:							0;
	left:							0;

	-webkit-transition: 			all .4s;
	-moz-transition: 				all .4s;
	-ms-transition: 				all .4s;
	-o-transition: 					all .4s;
	transition: 					all .4s;
}

.slider-items > .slider-item:first-child {
	position:						relative;
}

.slider-items > .slider-item:not(:first-child) {
	position:						absolute;
}

.slider-items > .slider-item.slider-item-active {
	opacity:						1;
	z-index:						1;
	pointer-events:					all;
}

.slider-items > .slider-item:not(.slider-item-active) {
	opacity:						0;
	z-index:						0;
	pointer-events:					none;
}

.slider-dots {
	position:						absolute;
	display:						flex;
	flex-wrap: 						wrap;
	justify-content: 				center;
	gap:							12px;
	z-index:						3;
	left: 							50%;
	bottom:							12px;

	-webkit-transform: 				translateX(-50%);
	-moz-transform: 				translateX(-50%);
	-ms-transform: 					translateX(-50%);
	-o-transform: 					translateX(-50%);
	transform: 						translateX(-50%);
}

.slider-dots > .slider-dot {
	width:							20px;
	height:							20px;
	border-radius:					50px;
	cursor:							pointer;

	-webkit-transform: 				scale(1);
	-moz-transform: 				scale(1);
	-ms-transform: 					scale(1);
	-o-transform: 					scale(1);
	transform: 						scale(1);

	-webkit-transition: 			all .4s;
	-moz-transition: 				all .4s;
	-ms-transition: 				all .4s;
	-o-transition: 					all .4s;
	transition: 					all .4s;

	outline-width:					1px;
	outline-offset:					1px;
	outline-style:					solid;

	-webkit-box-shadow: 			inset 0px 0px 1px rgba(var(--color-black-rgb), .1);
	-moz-box-shadow: 				inset 0px 0px 1px rgba(var(--color-black-rgb), .1);
	box-shadow: 					inset 0px 0px 1px rgba(var(--color-black-rgb), .1);
}

.slider-dots > .slider-dot.slider-dot-active {
	background-color:				rgba(var(--color-yellow-rgb), 1);
	outline-color:					rgba(var(--color-yellow-rgb), 1);
}

.slider-dots > .slider-dot:not(.slider-dot-active) {
	background-color:				rgba(var(--color-gray-rgb), 1);
	outline-color:					rgba(var(--color-gray-rgb), 1);
}

@media (hover: hover) {
	.slider-dots > .slider-dot:not(.slider-dot-active):hover {
		outline-offset:				2px;

		-webkit-transform: 			scale(1.2);
		-moz-transform: 			scale(1.2);
		-ms-transform: 				scale(1.2);
		-o-transform: 				scale(1.2);
		transform: 					scale(1.2);
	}
}

.slider-button {
	position: 						relative;
	display: 						flex;
	flex-direction: 				column;
	margin-top:						16px;
}


/*************************************************************/
/**********************[   Pagination   ]*********************/
/*************************************************************/
.frontend-pagination {
	position:						relative;
	display:						flex;
	flex-direction:					row;
	padding: 						24px 4px;
}

.frontend-pagination.frontend-pagination-start {
	justify-content:				start;
}

.frontend-pagination.frontend-pagination-center {
	justify-content:				center;
}

.frontend-pagination.frontend-pagination-end {
	justify-content:				end;
}

.frontend-pagination > .frontend-pagination-list {
	position:						relative;
	display:						flex;
	margin:							0;
	gap:							4px;
}

.frontend-pagination > .frontend-pagination-list > .frontend-pagination-item {
	position:						relative;
	display:						flex;
}

.frontend-pagination > .frontend-pagination-list > .frontend-pagination-item > .page-numbers {
	display:						flex;
	width: 							30px;
	border-radius: 					4px;
	color: 							#343a40;
	font-weight: 					600;
	display: 						block;
	padding: 						12px 4px;
	font-size: 						13px;
	text-align: 					center;

	-webkit-box-shadow: 			inset 0px 0px 3px #bdc2ca;
	-moz-box-shadow: 				inset 0px 0px 3px #bdc2ca;
	box-shadow: 					inset 0px 0px 3px #bdc2ca;

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.frontend-pagination > .frontend-pagination-list > .frontend-pagination-item > .page-numbers.current {
	background: 					#fcf9ec;
	color: 							#caab0d;
}



/*************************************************************/
/**********************[   Pagination   ]*********************/
/*************************************************************/
.pagination {
    display: 						flex;
    align-items: 					center;
    justify-content: 				center;
	align-self: 					start;
	margin-left:					auto;
	margin-right:					auto;

	-webkit-user-select:  			none;
	-moz-user-select: 				none;
	-ms-user-select:  				none;
	user-select: 					none;

    gap: 							8px;
    font-size: 						14px;
	margin-top:						24px;
}

.pagination a,
.pagination span {
    display: 						inline-flex;
    align-items: 					center;
    justify-content: 				center;
    text-decoration: 				none;

	flex: 							0 0 auto;
    min-width: 						40px;
    height: 						40px;
    padding: 						0 4px;

    border-width: 					1px;
    border-radius: 					4px;
	border-style:					solid;
	border-color:					rgba(var(--color-gray-rgb), 1);

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;

    color: 							rgba(var(--color-secondary-text-rgb), 1);
    background-color: 				rgba(var(--color-white-rgb), 1);
}

.pagination a:not(.dots),
.pagination span:not(.dots) {
	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .02);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .02);
	box-shadow: 					0 4px 8px rgba(var(--color-black-rgb), .02);
}

@media (hover: hover) {
	.pagination a:hover {
		-webkit-box-shadow: 		0 4px 8px rgba(var(--color-black-rgb), .1);
		-moz-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .1);
		box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .1);

		-webkit-transform: 			translateY(-2px);
		-moz-transform: 			translateY(-2px);
		-ms-transform: 				translateY(-2px);
		-o-transform: 				translateY(-2px);
		transform: 					translateY(-2px);
	}
}

@media (hover: none) {
	.pagination a:active {
		-webkit-box-shadow: 		0 4px 8px rgba(var(--color-black-rgb), .1);
		-moz-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .1);
		box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .1);

		-webkit-transform: 			translateY(-2px);
		-moz-transform: 			translateY(-2px);
		-ms-transform: 				translateY(-2px);
		-o-transform: 				translateY(-2px);
		transform: 					translateY(-2px);
	}
}

.pagination .current {
    cursor: 						default;
    font-weight: 					500;

    color: 							rgba(var(--color-white-rgb), 1);
    border-color: 					rgba(var(--color-blue-rgb), 1);
    background-color: 				rgba(var(--color-blue-rgb), .9);
}

.pagination .prev,
.pagination .next {
    font-weight:					500;
}

.pagination .disabled {
    opacity: 						0.4;
    pointer-events: 				none;
}

.pagination .dots {
	min-width: 						25px;
    border: 						none;
    cursor: 						default;
    background: 					transparent;
}

@media (max-width: 575px) {
    .pagination {
        gap: 						4px;
    }

    .pagination a,
    .pagination span {
        min-width: 					32px;
        height: 					32px;
        font-size: 					12px;
    }
}

.pagination-info {
    display: 						flex;
    align-items: 					center;
    justify-content: 				center;
	align-self: 					start;
	margin-left:					auto;
	margin-right:					auto;
	margin-top:						8px;
}

.pagination-info > span {
	font-size:						13px;
	line-height:					20px;
    color: 							rgba(var(--color-secondary-text-rgb), 1);
}


/*************************************************************/
/***********************[   Widgets   ]***********************/
/*************************************************************/
.frontend-widget-content {
	display: 						flex;
	flex-direction: 				column;

	padding: 						20px;
}

.frontend-widget-container {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	border-radius: 					10px;

	-webkit-box-shadow: 			inset 0px 0px 3px rgba(189, 194, 202, 1);
	-moz-box-shadow: 				inset 0px 0px 3px rgba(189, 194, 202, 1);
	box-shadow: 					inset 0px 0px 3px rgba(189, 194, 202, 1);

	background-color:				rgba(var(--color-white-rgb), 1);
}

.frontend-widget-container .frontend-widget-title {
	display:						flex;
	flex-direction:					row;
	flex-wrap:						wrap;
	justify-content:				space-between;
	align-items:					center;
	overflow: 						hidden;
	gap:							4px 8px;
	padding: 						12px 16px;
	border-radius: 					10px 10px 0 0;

	background-color: 				rgba(var(--color-dark-blue-rgb), 1);
}

.frontend-widget-container .frontend-widget-title > .title {
	font-size:						15.5px;
	line-height:					22px;
	font-weight:					600;
	letter-spacing:					-0.2px;
	color:							rgba(var(--color-white-rgb), 1);
}

.frontend-widget-container .frontend-widget-title.frontend-widget-title-uppercase > .title {
	text-transform:					uppercase;
}

.frontend-widget-container .frontend-widget-title > .subtitle {
	font-size:						14px;
	line-height: 					22px;
	font-weight:					600;
	color:							rgba(var(--color-white-rgb), 1);
}

.frontend-widget-container .frontend-widget-title.frontend-widget-title-uppercase > .subtitle {
	text-transform:					uppercase;
}


/*************************************************************/
/*******************[   Text - Families   ]*******************/
/*************************************************************/
.frontend-font-copperplate-light {
	font-family:					Copperplate Light !important;
}

.frontend-font-copperplate-bold {
	font-family:					Copperplate Bold !important;
}

.frontend-font-poppins {
	font-family: 					'Poppins', sans-serif !important;
}


/*************************************************************/
/*********************[   Text - Sizes   ]********************/
/*************************************************************/
.frontend-text-size-sm {
	font-size:						12px;
	line-height:					20px;
}

.frontend-text-size-md {
	font-size:						15px;
	line-height:					25px;
}

.frontend-text-size-lg {
	font-size:						18px;
	line-height:					24px;
}

.frontend-text-size-xl {
	font-size:						20px;
	line-height:					26px;
}

.frontend-text-size-13 {
	font-size:						13px;
	line-height:					20px;
}

.frontend-text-size-14 {
	font-size:						13px;
	line-height:					22px;
}

.frontend-text-size-main-head {
	font-size:						28px;
	line-height:					34px;
}

.frontend-text-size-sub-head {
	font-size:						24px;
	line-height:					30px;
}

.frontend-text-size-xl-head {
	font-size:						34px;
	line-height:					44px;
}


/*************************************************************/
/********************[   Text - Weight   ]********************/
/*************************************************************/
.frontend-text-weight-sm {
	font-weight:					500;
}

.frontend-text-weight-md {
	font-weight:					600;
}

.frontend-text-weight-lg {
	font-weight:					700;
}


/*************************************************************/
/*******************[   Text - Alignment   ]******************/
/*************************************************************/
.frontend-text-left {
	text-align:						left;
}

.frontend-text-right {
	text-align:						right;
}

.frontend-text-center {
	text-align:						center;
}

.frontend-text-justify {
	text-align:						justify;
}

.frontend-text-justify-center {
	text-align:						justify;
	text-align-last:				center;
}


/*************************************************************/
/********************[   Text - Colors   ]********************/
/*************************************************************/
.frontend-text-primary {
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.frontend-text-secondary {
	color: 							rgba(var(--color-primary-text-rgb), .8);
}

.frontend-text-blue {
	color: 							rgba(var(--color-blue-rgb), 1);
}

.frontend-text-red {
	color: 							rgba(var(--color-red-rgb), 1);
}

.frontend-text-white {
	color: 							rgba(var(--color-white-rgb), 1);
}


/*************************************************************/
/********************[   Text - Spacing   ]*******************/
/*************************************************************/
.frontend-text-space-top-sm {
	margin-top:						4px;
}

.frontend-text-space-top-md {
	margin-top:						8px;
}

.frontend-text-space-top-lg {
	margin-top:						16px;
}

.frontend-text-space-top-xlg {
	margin-top:						24px;
}

.frontend-text-space-bottom-sm {
	margin-bottom:					4px;
}

.frontend-text-space-bottom-md {
	margin-bottom:					8px;
}

.frontend-text-space-bottom-lg {
	margin-bottom:					16px;
}

.frontend-text-space-bottom-xlg {
	margin-bottom:					24px;
}


/*************************************************************/
/*******************[   Text - Separator   ]******************/
/*************************************************************/
.frontend-text-separator {
	position: 						relative;
	width: 							100%;
	height: 						1px;
	margin-top: 					24px;
	margin-bottom: 					24px;

	background-color: 				rgba(var(--color-gray-rgb), 1);
}


/*************************************************************/
/*******************[   Text - Uppercase   ]******************/
/*************************************************************/
.frontend-text-uppercase {
	text-transform:					uppercase;
}


/*************************************************************/
/*******************[   Text - Underline   ]******************/
/*************************************************************/
.frontend-text-underline {
	text-decoration:				underline;
}

@media (hover: hover) {
	.frontend-text-underline-hover:hover {
		text-decoration:			underline;
		text-underline-offset:		4px;
	}
}


/*************************************************************/
/**********************[   Text - Row   ]*********************/
/*************************************************************/
.frontend-text-row {
	position:						relative;
	display:						flex;
	align-items:					center;
	gap:							12px;
}

.frontend-text-row-center {
	justify-content:				center;
}

.frontend-text-row-between {
	justify-content:				space-between;
}

@media (max-width: 575px) {
	.frontend-text-row-responsive-sm {
		flex-direction:				column;
	}

	.frontend-text-row-responsive-sm > * {
		flex-grow:					1;
		width:						100% !important;
	}
}

@media (max-width: 767px) {
	.frontend-text-row-responsive-md {
		flex-direction:				column;
	}

	.frontend-text-row-responsive-md > * {
		flex-grow:					1;
		width:						100% !important;
	}
}

@media (max-width: 991px) {
	.frontend-text-row-responsive-lg {
		flex-direction:				column;
	}

	.frontend-text-row-responsive-lg > * {
		flex-grow:					1;
		width:						100% !important;
	}
}

@media (max-width: 1199px) {
	.frontend-text-row-responsive-xl {
		flex-direction:				column;
	}

	.frontend-text-row-responsive-xl > * {
		flex-grow:					1;
		width:						100% !important;
	}
}


/*************************************************************/
/********************[   Text - Alerts   ]********************/
/*************************************************************/
.frontend-text-alert {
	position:						relative;
	display: 						flex;
	align-items: 					center;

	gap: 							16px;
	padding:						24px;
	border-radius:					4px;
	font-weight:					500;
}

.frontend-text-alert-red {
	-webkit-box-shadow: 			inset 0px 0px 8px rgba(var(--color-red-rgb), .2);
	-moz-box-shadow: 				inset 0px 0px 8px rgba(var(--color-red-rgb), .2);
	box-shadow: 					inset 0px 0px 8px rgba(var(--color-red-rgb), .2);

	color: 							rgba(var(--color-red-rgb), 1);
	background-color: 				rgba(var(--color-red-rgb), .1);
}


/*************************************************************/
/*******************[   Text - Pulsation   ]******************/
/*************************************************************/
.frontend-text-pulsation-blue-to-red {
	-webkit-animation: 				pulsation-blue-to-red .8s infinite alternate;
	animation: 						pulsation-blue-to-red .8s infinite alternate;
}

@-webkit-keyframes pulsation-blue-to-red {
	0% {
		color: 						rgba(var(--color-blue-rgb), 1);
	}
	100% {
		color: 						rgba(var(--color-red-rgb), 1);
	}
}


/*************************************************************/
/**********************[   Text - Dot   ]*********************/
/*************************************************************/
.frontend-text-dot {
	position: 						relative;
	border-radius: 					50px;
}

.frontend-text-dot::after {
	display: 						flex;
	justify-content: 				center;
	align-items: 					center;
	content: 						" ";
	border-radius: 					50px;
}

.frontend-text-dot-sm {
	padding: 						2px;
	height:							12px;
}

.frontend-text-dot-sm::after {
	width: 							8px;
	height: 						8px;
}

.frontend-text-dot-md {
	padding: 						4px;
	height:							20px;
}

.frontend-text-dot-md::after {
	width: 							12px;
	height: 						12px;
}

.frontend-text-dot.frontend-text-dot-red {
	-webkit-animation: 				frontend-text-dot-red .4s infinite alternate;
	animation: 						frontend-text-dot-red .4s infinite alternate;
}

.frontend-text-dot.frontend-text-dot-red::after {
	background: 					rgba(var(--color-red-rgb), 1);
}

.frontend-text-dot.frontend-text-dot-blue {
	-webkit-animation: 				frontend-text-dot-blue .4s infinite alternate;
	animation: 						frontend-text-dot-blue .4s infinite alternate;
}

.frontend-text-dot.frontend-text-dot-blue::after {
	background: 					rgba(var(--color-blue-rgb), 1);
}

.frontend-text-dot.frontend-text-dot-yellow {
	-webkit-animation: 				frontend-text-dot-yellow .4s infinite alternate;
	animation: 						frontend-text-dot-yellow .4s infinite alternate;
}

.frontend-text-dot.frontend-text-dot-yellow::after {
	background: 					rgba(var(--color-yellow-rgb), 1);
}

.frontend-text-dot.frontend-text-dot-dark-blue {
	-webkit-animation: 				frontend-text-dot-dark-blue .4s infinite alternate;
	animation: 						frontend-text-dot-dark-blue .4s infinite alternate;
}

.frontend-text-dot.frontend-text-dot-dark-blue::after {
	background: 					rgba(var(--color-dark-blue-rgb), 1);
}

@-webkit-keyframes frontend-text-dot-red {
	0% {
		background-color: 			rgba(var(--color-black-rgb), 0);
	}
	100% {
		background-color: 			rgba(var(--color-red-rgb), .4);
	}
}

@-webkit-keyframes frontend-text-dot-blue {
	0% {
		background-color: 			rgba(var(--color-black-rgb), 0);
	}
	100% {
		background-color: 			rgba(var(--color-blue-rgb), .4);
	}
}

@-webkit-keyframes frontend-text-dot-yellow {
	0% {
		background-color: 			rgba(var(--color-black-rgb), 0);
	}
	100% {
		background-color: 			rgba(var(--color-yellow-rgb), .4);
	}
}

@-webkit-keyframes frontend-text-dot-dark-blue {
	0% {
		background-color: 			rgba(var(--color-black-rgb), 0);
	}
	100% {
		background-color: 			rgba(var(--color-dark-blue-rgb), .4);
	}
}



/*************************************************************/
/*************************[   Link   ]************************/
/*************************************************************/
.frontend-link {
	border: 						unset;
	outline: 						unset;
	padding: 						unset;
	background: 					unset;
	padding: 						0;
	margin:							0;

	font-weight: 					500;
	text-shadow: 					0px 4px 12px rgba(var(--color-black-rgb), .1);
	color: 							rgba(var(--color-blue-rgb), .9);
}

@media (hover: hover) {
	.frontend-link:hover {
		color: 	 					rgba(var(--color-blue-rgb), 1);
		text-decoration: 			underline;
		text-underline-offset: 		2px;
		background-color:			rgba(var(--color-blue-rgb), .04);
	}
}

@media (hover: none) {
	.frontend-link:active {
		color: 	 					rgba(var(--color-blue-rgb), 1);
		text-decoration: 			underline;
		text-underline-offset: 		2px;
		background-color:			rgba(var(--color-blue-rgb), .04);
	}
}


/*************************************************************/
/********************[   Nothing Found   ]********************/
/*************************************************************/
.frontend-nothing {
	position:						relative;
	display:						flex;
	flex-direction: 				column;
	justify-content: 				center;
	align-content: 					center;
	align-items: 					center;

	width:							100%;
	max-width:						100%;
	padding:						48px 24px;
	gap:							4px;

	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .02);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .02);
	box-shadow: 					0 4px 8px rgba(var(--color-black-rgb), .02);

	border-width: 					1px;
	border-style: 					solid;
	border-radius: 					4px;
	border-color: 					rgba(var(--color-gray-rgb), 1);

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.frontend-nothing > .icon {
	display:						block;
	object-fit:						scale-down;
	margin-bottom:					24px;
	flex-shrink:					0;
}

.frontend-nothing > .title {
	font-size: 						24px;
	font-weight:					600;
	text-align: 					center;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.frontend-nothing > .message {
	font-size: 						15px;
	font-weight:					400;
	text-align: 					center;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.frontend-nothing > .actions {
	display:						flex;
	flex-direction: 				row;
	flex-wrap: 						wrap;
	justify-content: 				center;

	gap:							12px;
	margin-top:						24px;
}

.frontend-nothing > .actions > * {
	flex-grow:						1;
}


/*************************************************************/
/**********************[   Separator   ]**********************/
/*************************************************************/
.frontend-separator {
	position:						relative;
	width:							100%;
	height:							1px;
	margin-top: 					32px;
	margin-bottom: 					32px;

	background-color: 				rgba(var(--color-gray-rgb), 1);
}


/*************************************************************/
/*************************[   List   ]************************/
/*************************************************************/
.frontend-list {
	margin-top: 					0px;
	margin-bottom: 					0px;
	padding-left: 					16px;
}

.frontend-list.frontend-list-disc {
	list-style-type: 				disc;
}

.frontend-list.frontend-list-upper-roman {
	list-style-type: 				upper-roman;
}

.frontend-list.frontend-list-decimal {
	list-style-type: 				decimal;
}

.frontend-list.frontend-list-lower-latin {
	list-style-type: 				lower-latin;
}

.frontend-list li {
	padding-left:					12px;
}

.frontend-list li:not(:last-child) {
	margin-bottom: 					8px;
}

.frontend-list li::marker,
.frontend-list li::marker {
	color: 							rgba(var(--color-blue-rgb), 1);
}

.frontend-list li::marker {
	font-size: 						18px;
	font-weight: 					600;
}


/*************************************************************/
/********************[   Image - Radius   ]*******************/
/*************************************************************/
.frontend-image-radius {
	border-radius:					8px;
}


/*************************************************************/
/********************[   Image - Center   ]*******************/
/*************************************************************/
.frontend-image-center {
	margin-left:					auto;
	margin-right:					auto;
}


/*************************************************************/
/********************[   Image - Wiggle   ]*******************/
/*************************************************************/
.frontend-image-wiggle {
	-webkit-animation: 				frontend-image-wiggle 8s infinite;
	animation: 						frontend-image-wiggle 8s infinite;
}

@-webkit-keyframes frontend-image-wiggle {
	1% {
		-webkit-transform: 			translateX(4px) rotate(2deg);
		-moz-transform: 			translateX(4px) rotate(2deg);
		-ms-transform: 				translateX(4px) rotate(2deg);
		-o-transform: 				translateX(4px) rotate(2deg);
		transform: 					translateX(4px) rotate(2deg);
	}
	3% {
		-webkit-transform: 			translateX(-3px) rotate(-2deg);
		-moz-transform: 			translateX(-3px) rotate(-2deg);
		-ms-transform: 				translateX(-3px) rotate(-2deg);
		-o-transform: 				translateX(-3px) rotate(-2deg);
		transform: 					translateX(-3px) rotate(-2deg);
	}
	5% {
		-webkit-transform: 			translateX(2px) rotate(1deg);
		-moz-transform: 			translateX(2px) rotate(1deg);
		-ms-transform: 				translateX(2px) rotate(1deg);
		-o-transform: 				translateX(2px) rotate(1deg);
		transform: 					translateX(2px) rotate(1deg);
	}
	7% {
		-webkit-transform: 			translateX(-2px) rotate(-1deg);
		-moz-transform: 			translateX(-2px) rotate(-1deg);
		-ms-transform: 				translateX(-2px) rotate(-1deg);
		-o-transform: 				translateX(-2px) rotate(-1deg);
		transform: 					translateX(-2px) rotate(-1deg);
	}
	9% {
		-webkit-transform: 			translateX(1px) rotate(0);
		-moz-transform: 			translateX(1px) rotate(0);
		-ms-transform: 				translateX(1px) rotate(0);
		-o-transform: 				translateX(1px) rotate(0);
		transform: 					translateX(1px) rotate(0);
	}
	11% {
		-webkit-transform: 			translateX(-1px) rotate(0);
		-moz-transform: 			translateX(-1px) rotate(0);
		-ms-transform: 				translateX(-1px) rotate(0);
		-o-transform: 				translateX(-1px) rotate(0);
		transform: 					translateX(-1px) rotate(0);
	}
}


/*************************************************************/
/*******************[   Image - Jumping   ]*******************/
/*************************************************************/
.frontend-image-jumping {
	-webkit-animation: 				frontend-image-jumping 8s infinite;
	animation: 						frontend-image-jumping 8s infinite;
}

@-webkit-keyframes frontend-image-jumping {
	1% {
		-webkit-transform: 			scale(1.00);
		-moz-transform: 			scale(1.00);
		-ms-transform: 				scale(1.00);
		-o-transform: 				scale(1.00);
		transform: 					scale(1.00);
	}
	3% {
		-webkit-transform: 			scale(1.04);
		-moz-transform: 			scale(1.04);
		-ms-transform: 				scale(1.04);
		-o-transform: 				scale(1.04);
		transform: 					scale(1.04);
	}
	5% {
		-webkit-transform: 			scale(1.00);
		-moz-transform: 			scale(1.00);
		-ms-transform: 				scale(1.00);
		-o-transform: 				scale(1.00);
		transform: 					scale(1.00);
	}
	7% {
		-webkit-transform: 			scale(1.02);
		-moz-transform: 			scale(1.02);
		-ms-transform: 				scale(1.02);
		-o-transform: 				scale(1.02);
		transform: 					scale(1.02);
	}
	9% {
		-webkit-transform: 			scale(1.00);
		-moz-transform: 			scale(1.00);
		-ms-transform: 				scale(1.00);
		-o-transform: 				scale(1.00);
		transform: 					scale(1.00);
	}
	11% {
		-webkit-transform: 			scale(1.01);
		-moz-transform: 			scale(1.01);
		-ms-transform: 				scale(1.01);
		-o-transform: 				scale(1.01);
		transform: 					scale(1.01);
	}
}


/*************************************************************/
/************************[   Button   ]***********************/
/*************************************************************/
.frontend-button {
	display:  						flex;
	align-items:  					center;
	justify-content:  				center;
	border-radius:					10px;
	border:  						unset;

	-webkit-user-select:  			none;
	-moz-user-select: 				none;
	-ms-user-select:  				none;
	user-select: 					none;

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;

	outline-width:					1px;
	outline-offset:					0px;
	outline-style:					solid;
}

.frontend-button:not(.frontend-button-disabled) {
	cursor:  						pointer;
}

.frontend-button.frontend-button-disabled {
	cursor:  						not-allowed;
	opacity:  						.4;
}

.frontend-button.frontend-button-xsm {
	height:  						30px;
	padding:  						0 8px;
}

.frontend-button.frontend-button-sm {
	height:  						35px;
	padding:  						0 10px;
}

.frontend-button.frontend-button-md {
	height:  						40px;
	padding:  						0 12px;
}

.frontend-button.frontend-button-lg {
	height:  						45px;
	padding:  						0 14px;
}


/*************************************************************/
/********************[   Button - Icon   ]********************/
/*************************************************************/
.frontend-button > .icon {
	display:						block;
	object-fit:						scale-down;
	flex-shrink:					0;
	margin-right:					8px;
}

.frontend-button > .icon-svg {
	display:						block;
	flex-shrink:					0;
	margin-right:					8px;

	width: 							20px;
	height: 						20px;
}


/*************************************************************/
/********************[   Button - Title   ]*******************/
/*************************************************************/
.frontend-button > .title {
	white-space:  					nowrap;
	font-weight:  					500;
}

.frontend-button > .title.title-md {
	font-size:  					14px;
}

.frontend-button > .title.title-uppercase {
	text-transform:					uppercase;
}

.frontend-button.frontend-button-xsm > .title {
	font-size:  					11px;
}

.frontend-button.frontend-button-sm > .title {
	font-size:  					12px;
}

.frontend-button.frontend-button-md > .title {
	font-size:  					13px;
}

.frontend-button.frontend-button-lg > .title {
	font-size:  					14px;
}


/*************************************************************/
/********************[   Button - Arrow   ]*******************/
/*************************************************************/
.frontend-button > .arrow {
	width: 							20px;
}

.frontend-button > .arrow.arrow-down {
	position: 						relative;
	top: 							-8px;

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;

	-webkit-transform: 				rotate(90deg);
	-moz-transform: 				rotate(90deg);
	-ms-transform: 					rotate(90deg);
	-o-transform: 					rotate(90deg);
	transform: 						rotate(90deg);
}

.frontend-button > .arrow::after {
	position: 						relative;
	content: 						'';
	width: 							0px;
	height: 						2px;
	float: 							right;
	top: 							2px;
	left: 							6px;
	opacity: 						0;

	-webkit-transition: 			all 0.3s ease-out;
	-moz-transition: 				all 0.3s ease-out;
	-ms-transition: 				all 0.3s ease-out;
	-o-transition: 					all 0.3s ease-out;
	transition: 					all 0.3s ease-out;
}

.frontend-button > .arrow::before {
	content:						'';
	float: 							right;
	width: 							7px;
	height: 						7px;
	border-top-width: 				2px;
	border-left-width: 				2px;
	border-top-style: 				solid;
	border-left-style: 				solid;

	-webkit-transform: 				rotate(135deg);
	-moz-transform: 				rotate(135deg);
	-ms-transform: 					rotate(135deg);
	-o-transform: 					rotate(135deg);
	transform: 						rotate(135deg);
}

@media (hover: hover) {
	.frontend-button:not(.frontend-button-disabled):hover .arrow::after {
		width: 						9px;
		opacity: 					1;
	}

	.frontend-button:not(.frontend-button-disabled):hover .arrow.arrow-down {
		top:						-6px;
	}
}

/*************************************************************/
/********************[   Button - Green   ]*******************/
/*************************************************************/
.frontend-button.frontend-button-green {
	outline-color:  				rgba(var(--color-green-rgb), 1);
	background-color:  				rgba(var(--color-green-rgb), .75);

	color:  						rgba(var(--color-white-rgb), 1);
}

.frontend-button.frontend-button-green .arrow::after {
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.frontend-button.frontend-button-green .arrow::before {
	border-top-color: 				rgba(var(--color-white-rgb), 1);
	border-left-color: 				rgba(var(--color-white-rgb), 1);
}

@media (hover: hover) {
	.frontend-button.frontend-button-green:not(.frontend-button-disabled):hover {
		outline-color:  			rgba(var(--color-green-rgb), 1);
		background-color: 			rgba(var(--color-green-rgb), 1);
	}
}

.frontend-button.frontend-button-green:not(.frontend-button-disabled):focus {
	outline-width:					1px;
	outline-style:					solid;
	outline-color:  				rgba(var(--color-green-rgb), 1);

	background-color: 				rgba(var(--color-green-rgb), 1);
}


/*************************************************************/
/********************[   Button - blue   ]********************/
/*************************************************************/
.frontend-button.frontend-button-blue {
	outline-color:  				rgba(var(--color-blue-rgb), 1);
	background-color:  				rgba(var(--color-blue-rgb), .75);

	color:  						rgba(var(--color-white-rgb), 1);
}

.frontend-button.frontend-button-blue .arrow::after {
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.frontend-button.frontend-button-blue .arrow::before {
	border-top-color: 				rgba(var(--color-white-rgb), 1);
	border-left-color: 				rgba(var(--color-white-rgb), 1);
}

@media (hover: hover) {
	.frontend-button.frontend-button-blue:not(.frontend-button-disabled):hover {
		outline-color:  			rgba(var(--color-blue-rgb), 1);
		background-color: 			rgba(var(--color-blue-rgb), 1);
	}
}

.frontend-button.frontend-button-blue:not(.frontend-button-disabled):focus {
	outline-width:					1px;
	outline-style:					solid;
	outline-color:  				rgba(var(--color-blue-rgb), 1);

	background-color: 				rgba(var(--color-blue-rgb), 1);
}


/*************************************************************/
/*********************[   Button - Red   ]********************/
/*************************************************************/
.frontend-button.frontend-button-red {
	outline-color:  				rgba(var(--color-red-rgb), .8);
	background-color:  				rgba(var(--color-red-rgb), .8);

	color:  						rgba(var(--color-white-rgb), 1);
}

.frontend-button.frontend-button-red .arrow::after {
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.frontend-button.frontend-button-red .arrow::before {
	border-top-color: 				rgba(var(--color-white-rgb), 1);
	border-left-color: 				rgba(var(--color-white-rgb), 1);
}

@media (hover: hover) {
	.frontend-button.frontend-button-red:not(.frontend-button-disabled):hover {
		outline-color:  			rgba(var(--color-red-rgb), 1);
		background-color: 			rgba(var(--color-red-rgb), 1);
	}
}

.frontend-button.frontend-button-red:not(.frontend-button-disabled):focus {
	outline-width:					1px;
	outline-style:					solid;
	outline-color:  				rgba(var(--color-red-rgb), 1);

	background-color: 				rgba(var(--color-red-rgb), 1);
}


/*************************************************************/
/*******************[   Button - Yellow   ]*******************/
/*************************************************************/
.frontend-button.frontend-button-yellow {
	outline-color:  				rgba(var(--color-yellow-rgb), 1);
	background-color:  				rgba(var(--color-yellow-rgb), .75);

	color:  						rgba(var(--color-primary-text-rgb), 1);
}

.frontend-button.frontend-button-yellow .arrow::after {
	background-color: 				rgba(var(--color-primary-text-rgb), 1);
}

.frontend-button.frontend-button-yellow .arrow::before {
	border-top-color: 				rgba(var(--color-primary-text-rgb), 1);
	border-left-color: 				rgba(var(--color-primary-text-rgb), 1);
}

@media (hover: hover) {
	.frontend-button.frontend-button-yellow:not(.frontend-button-disabled):hover {
		outline-color:  			rgba(var(--color-yellow-rgb), 1);
		background-color: 			rgba(var(--color-yellow-rgb), 1);
	}
}

.frontend-button.frontend-button-yellow:not(.frontend-button-disabled):focus {
	outline-width:					1px;
	outline-style:					solid;
	outline-color:  				rgba(var(--color-yellow-rgb), 1);

	background-color: 				rgba(var(--color-yellow-rgb), 1);
}


/*************************************************************/
/********************[   Button - White   ]*******************/
/*************************************************************/
.frontend-button.frontend-button-white {
	outline-color:  				rgba(var(--color-white-rgb), .8);
	background-color:  				rgba(var(--color-white-rgb), .8);

	color:  						rgba(var(--color-primary-text-rgb), 1);
}

.frontend-button.frontend-button-white .arrow::after {
	background-color: 				rgba(var(--color-primary-text-rgb), 1);
}

.frontend-button.frontend-button-white .arrow::before {
	border-top-color: 				rgba(var(--color-primary-text-rgb), 1);
	border-left-color: 				rgba(var(--color-primary-text-rgb), 1);
}

@media (hover: hover) {
	.frontend-button.frontend-button-white:not(.frontend-button-disabled):hover {
		outline-color:  			rgba(var(--color-white-rgb), 1);
		background-color: 			rgba(var(--color-white-rgb), 1);
	}
}

.frontend-button.frontend-button-white:not(.frontend-button-disabled):focus {
	outline-width:					1px;
	outline-style:					solid;
	outline-color:  				rgba(var(--color-white-rgb), 1);

	background-color: 				rgba(var(--color-white-rgb), 1);
}


/*************************************************************/
/********************[   Button - Gray   ]********************/
/*************************************************************/
.frontend-button.frontend-button-gray {
	outline-color:  				rgba(var(--color-gray-rgb), .8);
	background-color:  				rgba(var(--color-gray-rgb), .8);

	color:  						rgba(var(--color-primary-text-rgb), 1);
}

.frontend-button.frontend-button-gray .arrow::after {
	background-color: 				rgba(var(--color-primary-text-rgb), 1);
}

.frontend-button.frontend-button-gray .arrow::before {
	border-top-color: 				rgba(var(--color-primary-text-rgb), 1);
	border-left-color: 				rgba(var(--color-primary-text-rgb), 1);
}

@media (hover: hover) {
	.frontend-button.frontend-button-gray:not(.frontend-button-disabled):hover {
		outline-color:  			rgba(var(--color-gray-rgb), 1);
		background-color: 			rgba(var(--color-gray-rgb), 1);
	}
}

.frontend-button.frontend-button-gray:not(.frontend-button-disabled):focus {
	outline-width:					1px;
	outline-style:					solid;
	outline-color:  				rgba(var(--color-gray-rgb), 1);

	background-color: 				rgba(var(--color-gray-rgb), 1);
}


/*************************************************************/
/********************[   Button - Black   ]*******************/
/*************************************************************/
.frontend-button.frontend-button-black {
	outline-color:  				rgba(var(--color-black-rgb), 1);
	background-color:  				rgba(var(--color-black-rgb), .75);

	color:  						rgba(var(--color-white-rgb), 1);
}

.frontend-button.frontend-button-black .arrow::after {
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.frontend-button.frontend-button-black .arrow::before {
	border-top-color: 				rgba(var(--color-white-rgb), 1);
	border-left-color: 				rgba(var(--color-white-rgb), 1);
}

@media (hover: hover) {
	.frontend-button.frontend-button-black:not(.frontend-button-disabled):hover {
		outline-color:  			rgba(var(--color-black-rgb), 1);
		background-color: 			rgba(var(--color-black-rgb), 1);
	}
}

.frontend-button.frontend-button-black:not(.frontend-button-disabled):focus {
	outline-width:					1px;
	outline-style:					solid;
	outline-color:  				rgba(var(--color-black-rgb), 1);

	background-color: 				rgba(var(--color-black-rgb), 1);
}

.frontend-button.frontend-button-black.frontend-button-disabled:focus {
	outline-width:					1px;
	outline-style:					solid;
	outline-color:  				rgba(var(--color-black-rgb), 1);

	background-color:  				rgba(var(--color-black-rgb), .75);
}


/*************************************************************/
/*******************[   Frontend - Icon   ]*******************/
/*************************************************************/
.frontend-icon {
	position:						relative;
	display:						flex;
	margin-right:					12px;
}

.frontend-icon > .frontend-icon-src.frontend-icon-src-filter {
	-webkit-filter: 				drop-shadow(1px 1px 1px rgba(var(--color-black-rgb), .2));
	filter: 						drop-shadow(1px 1px 1px rgba(var(--color-black-rgb), .2));
}

.frontend-icon-group {
	position:						relative;
	display:						flex;
	margin-right:					12px;
}

.frontend-icon-group > .frontend-icon-group-src {
	display:						block;
	object-fit:						scale-down;
}

.frontend-icon-group > .frontend-icon-group-src.frontend-icon-group-src-sm {
	position:						absolute;
	z-index: 						1;
	right: 							-8px;
	bottom: 						-4px;
}

.frontend-icon-group > .frontend-icon-group-src.frontend-icon-group-src-filter {
	-webkit-filter: 				drop-shadow(1px 1px 1px rgba(var(--color-black-rgb), .2));
	filter: 						drop-shadow(1px 1px 1px rgba(var(--color-black-rgb), .2));
}


/*************************************************************/
/*****************[   Frontend - Dropdowns   ]****************/
/*************************************************************/
.frontend-dropdowns {
	display: 						flex;
	align-items:					center;
	flex-wrap:						wrap;
	gap:							8px;
	width: 							100%;
	margin-bottom:					24px;
}

.frontend-dropdowns > .frontend-dropdown-section {
	display: 						flex;
	flex-direction:					column;
	flex:							1;
	gap:							4px;
}

.frontend-dropdowns > .frontend-dropdown-section > .frontend-dropdown-label {
	font-size:						13px;
	line-height:					19px;
	font-weight:					500;

	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.frontend-dropdowns > .frontend-dropdown-section > * {
	flex:							1;
	min-width: 						200px;
}


/*************************************************************/
/*************[   Frontend - Dropdowns - Menu   ]*************/
/*************************************************************/
.frontend-dropdown {
	display: 						flex;
}

.frontend-dropdown.frontend-dropdown-relative {
	position:						relative;
}

.frontend-dropdown.frontend-dropdown-static {
	position:						static;
}

.frontend-dropdown.frontend-dropdown-220px {
	width:							220px;
}

.frontend-dropdown.frontend-dropdown-left {
	margin-left:					auto;
}

.frontend-dropdown.frontend-dropdown-right {
	margin-right:					auto;
}

.frontend-dropdown > .frontend-dropdown-button {
	display: 						flex;
	align-items:					center;
	outline: 						unset;
	box-shadow: 					none;
	cursor: 						pointer;

	width: 							100%;
	max-width:						unset;
	height: 						45px;
	max-height:						unset;
	padding:						0px;

	border-width:					1px;
	border-style:					solid;
	border-radius: 					4px;
	border-color: 					rgba(var(--color-gray-rgb), 1);

	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .02);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .02);
	box-shadow: 					0 4px 8px rgba(var(--color-black-rgb), .02);

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.frontend-dropdown > .frontend-dropdown-button > .frontend-dropdown-title {
	position: 						relative;
	display: 						block;
	align-content: 					center;
	width: 							100%;
	height: 						45px;
	padding: 						0px 12px;

	word-wrap:						anywhere;
	word-break: 					break-word;
	white-space: 					nowrap;
	text-align:						left;
	text-overflow: 					ellipsis;
	overflow: 						hidden;

	font-size:						13px;
	line-height: 					45px;
	font-weight: 					400;
}

.frontend-dropdown > .frontend-dropdown-button > .frontend-dropdown-title:not(.frontend-dropdown-title-invalid) {
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.frontend-dropdown > .frontend-dropdown-button > .frontend-dropdown-title.frontend-dropdown-title-invalid {
	color:							rgba(var(--color-primary-text-rgb), .4);
}

.frontend-dropdown > .frontend-dropdown-button > .frontend-dropdown-arrow {
	position: 						relative;
	display: 						flex;
	align-items: 					center;
	justify-content: 				center;
	width: 							45px;
	height: 						43px;
	min-width:						45px;
	margin-left: 					auto;

	border-radius: 					0 4px 4px 0;
	border-left-width:				1px;
	border-left-style:				solid;
	border-left-color: 				rgba(var(--color-gray-rgb), 1);
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.frontend-dropdown > .frontend-dropdown-button:focus {
	border-color:					transparent;
	box-shadow: 					0 0 0 2px rgba(var(--color-blue-rgb), .4);
}

@media (hover: hover) {
	.frontend-dropdown > .frontend-dropdown-button:hover:not(:focus) .frontend-dropdown-title {
		outline-width:				1px;
		outline-offset:				-4px;
		outline-style:				dashed;
		outline-color:				rgba(var(--color-black-rgb), .2);
	}
}

.frontend-dropdown > .frontend-dropdown-menu {
	z-index:						1020;
	overflow: 						hidden auto;
	padding: 						8px;
	min-width:						200px;
	width:							100%;
	max-height:						50vh;

	-webkit-user-select: 			none;
	-moz-user-select: 				none;
	-ms-user-select: 				none;
	user-select:					none;

	-webkit-box-shadow: 			inset 0px 0px 2px rgba(var(--color-shadow-rgb), 1);
	-moz-box-shadow: 				inset 0px 0px 2px rgba(var(--color-shadow-rgb), 1);
	box-shadow: 					inset 0px 0px 2px rgba(var(--color-shadow-rgb), 1);

	border-width: 					1px;
	border-style:					solid;
	border-color:					rgba(var(--color-shadow-rgb), 1);
	border-radius: 					4px;

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.frontend-dropdown.frontend-dropdown-220px > .frontend-dropdown-menu {
	width:							100%;
}

.frontend-dropdown-menu .frontend-dropdown-menu-title {
	display: 						flex;
	margin-bottom: 					8px;
	margin-top: 					8px;
	padding: 						0 8px;
	font-size: 						12px;
	font-weight: 					600;
	letter-spacing: 				0.15px;
	text-transform: 				uppercase;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.frontend-dropdown-menu .frontend-dropdown-menu-divider {
	height: 						1px;
	margin:		 					12px 0;
	overflow:						hidden;
	background-color: 				rgba(var(--color-gray-rgb), 1);
}

.frontend-dropdown-menu .frontend-dropdown-menu-items {
	display: 						flex;
	flex-direction: 				column;
}

.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item {
	position:						relative;
	display: 						flex;
	align-items: 					center;
	min-height: 					40px;
	width:							100%;
	padding: 						8px 12px;
	border-radius: 					4px;
	outline: 						unset;
	border: 						unset;
	background-color:				transparent;
}

.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item.frontend-dropdown-menu-item-disabled {
	opacity: 						.4;
	cursor: 						not-allowed;
}

.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item > .title {
	font-size: 						13px;
	line-height: 					20px;
	text-align:						left;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item > .title.title-nowrap {
	white-space:					nowrap;
}

.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item > .content {
	display: 						flex;
	flex-direction: 				column;
	align-items: 					start;
}

.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item > .content > .title {
	letter-spacing: 				0.2px;
	font-size: 						14px;
	line-height: 					20px;
	font-weight: 					600;
	text-align: 					left;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item > .content > .description {
	font-size: 						12px;
	line-height: 					19px;
	font-weight: 					400;
	margin-top: 					2px;
	text-align: 					left;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item:not(:last-of-type) {
	margin-bottom: 					2px;
}

.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item.frontend-dropdown-menu-item-active {
	background-color: 				rgba(var(--color-blue-rgb), .2);
}

.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item.frontend-dropdown-menu-item-red.frontend-dropdown-menu-item-active {
	background-color: 				rgba(var(--color-red-rgb), .2);
}

.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item.frontend-dropdown-menu-item-green.frontend-dropdown-menu-item-active {
	background-color: 				rgba(var(--color-green-rgb), .2);
}

@media (hover: hover) {
	.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item:not(.frontend-dropdown-menu-item-disabled):hover {
		background-color: 			rgba(var(--color-blue-rgb), .2);
	}

	.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item.frontend-dropdown-menu-item-red:not(.frontend-dropdown-menu-item-disabled):hover {
		background-color: 			rgba(var(--color-red-rgb), .2);
	}

	.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item.frontend-dropdown-menu-item-green:not(.frontend-dropdown-menu-item-disabled):hover {
		background-color: 			rgba(var(--color-green-rgb), .2);
	}
}

@media (hover: none) {
	.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item:not(.frontend-dropdown-menu-item-disabled):active {
		background-color: 			rgba(var(--color-blue-rgb), .2);
	}

	.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item.frontend-dropdown-menu-item-red:not(.frontend-dropdown-menu-item-disabled):active {
		background-color: 			rgba(var(--color-red-rgb), .2);
	}

	.frontend-dropdown-menu .frontend-dropdown-menu-items .frontend-dropdown-menu-item.frontend-dropdown-menu-item-green:not(.frontend-dropdown-menu-item-disabled):active {
		background-color: 			rgba(var(--color-green-rgb), .2);
	}
}


/*************************************************************/
/***************[   Frontend - Form - Select   ]**************/
/*************************************************************/
.frontend-form-select {
	position: 						relative;
	display: 						flex;
}

.frontend-form-select::after {
	content: 						'\25BC';
	position: 						absolute;
	display: 						flex;
	align-items: 					center;
	justify-content: 				center;
	pointer-events: 				none;

	width: 							45px;
	height: 						45px;
	top: 							0;
	right: 							0;
	font-size: 						12px;

	border-width:					1px;
	border-radius: 					0 4px 4px 0;
	border-style:					solid;
	border-color: 					rgba(var(--color-gray-rgb), 1);

	color: 							rgba(var(--color-primary-text-rgb), 1);
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.frontend-form-select > select {
	appearance: 					none;
	display: 						block;
	border: 						unset;
	outline: 						unset;
	box-shadow: 					none;
	cursor: 						pointer;

	width: 							100%;
	max-width:						unset;
	height: 						45px;
	max-height:						unset;
	padding:						8px 12px;

	font-size:						14px;
	line-height: 					20px;
	font-weight: 					400;

	border-width:					1px;
	border-style:					solid;
	border-radius: 					4px;
	border-color: 					rgba(var(--color-gray-rgb), 1);

	-webkit-box-shadow: 			0 8px 16px rgba(var(--color-black-rgb), .05);
	-moz-box-shadow: 				0 8px 16px rgba(var(--color-black-rgb), .05);
	box-shadow: 					0 8px 16px rgba(var(--color-black-rgb), .05);

	color: 							rgba(var(--color-primary-text-rgb), 1);
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.frontend-form-select > select:invalid {
	color: 							rgba(var(--color-primary-text-rgb), .4);
}

.frontend-form-select > select:focus:not(:invalid) {
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.frontend-form-select > select:focus {
	border-color:					transparent;
	box-shadow: 					0 0 0 2px rgba(var(--color-blue-rgb), .4);
}

.frontend-form-select > select:not(:invalid):hover {
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.frontend-form-select > select > option {
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

@media (hover: hover) {
	.frontend-form-select > select:hover:not(:focus) {
		outline-width:				1px;
		outline-offset:				-4px;
		outline-style:				dashed;
		outline-color:				rgba(var(--color-black-rgb), .2);
	}
}


/*************************************************************/
/***************[   Frontend - Form - Input   ]***************/
/*************************************************************/
.frontend-form-input-group {
	position: 						relative;
	display:						flex;
	flex-wrap:						nowrap;
	flex-grow:						1;
}

.frontend-form-input-group.frontend-form-input-group-240px {
	width: 							240px;
}

.frontend-form-input-group.frontend-form-input-group-220px {
	width: 							220px;
}

.frontend-form-input-group > button {
	position: 						absolute;
	display: 						flex;
	align-items: 					center;
	justify-content: 				center;
	outline:						unset;
	min-width: 						45px;
	height: 						45px;
	top: 							0;
	right: 							0;
	font-size: 						12px;

	border-width:					1px;
	border-radius: 					0 4px 4px 0;
	border-style:					solid;
	border-color: 					rgba(var(--color-gray-rgb), 1);

	-webkit-box-shadow: 			inset 0px 0px 8px rgba(237, 238, 240, .4), 0 8px 16px rgba(237, 238, 240, .4);
	-moz-box-shadow: 				inset 0px 0px 8px rgba(237, 238, 240, .4), 0 8px 16px rgba(237, 238, 240, .4);
	box-shadow: 					inset 0px 0px 8px rgba(237, 238, 240, .4), 0 8px 16px rgba(237, 238, 240, .4);

	color: 							rgba(var(--color-primary-text-rgb), 1);
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.frontend-form-input-group > input {
	display: 						block;
	border: 						unset;
	box-shadow: 					none;

	width: 							100%;
	max-width:						unset;
	height: 						45px;
	max-height:						unset;
	margin-right:					45px;
	line-height: 					20px;
	font-weight: 					400;

	border-width:					1px;
	border-style:					solid;
	border-radius: 					4px 0 0 4px;
	border-color: 					rgba(var(--color-gray-rgb), 1);
	border-right:	 				unset;

	outline-width:					2px;
	outline-style:					solid;
	outline-color:					transparent;

	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .02);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .02);
	box-shadow: 					0 4px 8px rgba(var(--color-black-rgb), .02);

	color: 							rgba(var(--color-primary-text-rgb), 1);
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.frontend-form-input-group > input::placeholder {
	line-height: 					20px;
	font-weight: 					400;

	color: 							rgba(var(--color-primary-text-rgb), .4);
}

.frontend-form-input-group > input:focus {
	border-radius:					4px;
	margin-right: 					0px;

	border-color:					transparent;
	outline-color: 					rgba(var(--color-blue-rgb), .4);
}

@media (min-width: 1200px) {
	.frontend-form-input-group > input {
		padding:					8px 16px;
		font-size:					13px;
	}

	.frontend-form-input-group > input::placeholder {
		font-size: 					13px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.frontend-form-input-group > input {
		padding:					8px 14px;
		font-size:					13px;
	}

	.frontend-form-input-group > input::placeholder {
		font-size: 					13px;
	}
}

@media (max-width: 991px) {
	.frontend-form-input-group > input {
		padding:					8px 12px;
		font-size:					12px;
	}

	.frontend-form-input-group > input::placeholder {
		font-size: 					12px;
	}
}


/*************************************************************/
/**************[   Frontend - Form - Checkbox   ]*************/
/*************************************************************/
.frontend-form-checkbox {
	display:						flex;
	flex-direction:					column;
	gap:							16px;
	width: 							fit-content;
	margin-left: 					0px;
}

.frontend-form-checkbox > .checkbox-label {
	display: 						flex;
	align-items: 					center;
	position: 						relative;

	padding-left: 					36px;
	min-height: 					24px;
	margin-bottom: 					0;

	cursor: 						pointer;

	-webkit-user-select: 			none;
	-moz-user-select: 				none;
	-ms-user-select: 				none;
	user-select: 					none;
}

.frontend-form-checkbox > .checkbox-label.disabled {
	opacity: 						.4;
	cursor: 						not-allowed;
}

.frontend-form-checkbox > .checkbox-label > .title.title-inline {
	font-size: 						13px;
	line-height: 					22px;
	font-weight: 					400;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.frontend-form-checkbox > .checkbox-label > .title:not(.title-inline) {
	display: 						flex;
	align-items: 					center;

	font-size: 						13px;
	line-height: 					26px;
	font-weight: 					400;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.frontend-form-checkbox > .checkbox-label > .title > .title-separator {
	font-size: 						13px;
	line-height: 					26px;
	font-weight: 					600;
	margin-left: 					-4px;
	margin-right: 					-4px;
}

.frontend-form-checkbox > .checkbox-label > .title > .title-input {
	border: 						unset;
	outline: 						unset;
	min-height:						unset;
	box-shadow: 					none;
	padding:						0px 8px;
	width: 							100%;
	height: 						24px;
	font-size:						12px;
	line-height: 					24px;
	font-weight: 					400;
	margin-left: 					8px;
	margin-right:					8px;
	border-width:					1px;
	border-style:					solid;
	border-radius: 					4px;
	border-color: 					rgba(var(--color-black-rgb), .2);

	-webkit-box-shadow: 			0 8px 16px rgba(var(--color-black-rgb), .05);
	-moz-box-shadow: 				0 8px 16px rgba(var(--color-black-rgb), .05);
	box-shadow: 					0 8px 16px rgba(var(--color-black-rgb), .05);

	color: 							rgba(var(--color-primary-text-rgb), 1);
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.frontend-form-checkbox > .checkbox-label > .title > .title-input.title-input-width-70 {
	width:							70px;
}

.frontend-form-checkbox > .checkbox-label > .title > .title-input:disabled {
	opacity:						.4;
	cursor:							not-allowed;
}

.frontend-form-checkbox > .checkbox-label > .title > .title-input::placeholder {
	font-size: 						12px;
	line-height: 					24px;
	font-weight: 					400;

	color: 							rgba(var(--color-primary-text-rgb), .2);
}

.frontend-form-checkbox > .checkbox-label > .title > .title-input:not(:disabled):focus {
	border-color:					transparent;
	box-shadow: 					0 0 0 2px rgba(var(--color-blue-rgb), .4);
}

@media (hover: hover) {
	.frontend-form-checkbox > .checkbox-label > .title > .title-input:hover:not(:disabled):not(:focus) {
		outline-width:				1px;
		outline-offset:				-4px;
		outline-style:				dashed;
		outline-color:				rgba(var(--color-black-rgb), .2);
	}
}

.frontend-form-checkbox > .checkbox-label > .input {
	position: 						absolute;
	opacity: 						0;
	cursor: 						pointer;
	height: 						0;
	width: 							0;
	left: 							0;
}

.frontend-form-checkbox > .checkbox-label > .checkmark {
	position: 						absolute;
	top: 							0;
	left: 							0;
	height: 						24px;
	width: 							24px;
	border-radius: 					2px;
	outline-width: 					1px;
	outline-offset: 				1px;
	outline-style: 					solid;

	-webkit-transform: 				scale(1);
	-moz-transform:					scale(1);
	-ms-transform: 					scale(1);
	-o-transform: 					scale(1);
	transform: 						scale(1);

	-webkit-transition: 			transform .2s;
	-moz-transition: 				transform .2s;
	-ms-transition: 				transform .2s;
	-o-transition: 					transform .2s;
	transition: 					transform .2s;

	-webkit-box-shadow: 			0 8px 16px rgba(var(--color-shadow-rgb), .2);
	-moz-box-shadow: 				0 8px 16px rgba(var(--color-shadow-rgb), .2);
	box-shadow: 					0 8px 16px rgba(var(--color-shadow-rgb), .2);
}

.frontend-form-checkbox > .checkbox-label > .input:not(:checked) ~ .checkmark {
	outline-color: 					rgba(var(--color-black-rgb), .2);
	background-color: 				rgba(var(--color-gray-rgb), .1);
}

.frontend-form-checkbox > .checkbox-label > .input:checked ~ .checkmark {
	outline-color: 					rgba(var(--color-blue-rgb), .4);
	background-color: 				rgba(var(--color-blue-rgb), 1);
}

.frontend-form-checkbox > .checkbox-label > .input:indeterminate ~ .checkmark {
	outline-color: 					rgba(var(--color-blue-rgb), .4);
	background-color: 				rgba(var(--color-blue-rgb), 1);
}

.frontend-form-checkbox > .checkbox-label > .input:checked ~ .checkmark::after {
	border-color:					rgba(var(--color-white-rgb), 1);
}

.frontend-form-checkbox > .checkbox-label > .input:indeterminate ~ .checkmark::after {
	border-color:					rgba(var(--color-white-rgb), 1);
}

.frontend-form-checkbox > .checkbox-label > .input:not(:checked) ~ .checkmark::after {
	border-color:					rgba(var(--color-primary-text-rgb), 1);
}

.frontend-form-checkbox > .checkbox-label > .checkmark::after {
	content: 						'';
	position: 						absolute;
	display: 						none;
	left: 							10px;
	top: 							4px;
	width: 							4px;
	height: 						12px;

	-webkit-transform: 				rotate(40deg);
	-ms-transform: 					rotate(40deg);
	transform: 						rotate(40deg);

	border-width: 					0 2px 2px 0;
	border-style: 					solid;
}

.frontend-form-checkbox > .checkbox-label > input:checked ~ .checkmark::after {
	display: 						block;
}

.frontend-form-checkbox > .checkbox-label > input:indeterminate ~ .checkmark:after {
	display: 						block;
	left: 							7px;
	top:	 						11px;
	width: 							10px;
	height: 						2px;
	border: 						0;
	-webkit-transform: 				rotate(0);
	-ms-transform: 					rotate(0);
	transform: 						rotate(0);

	background-color: 				rgba(var(--color-admin-white-rgb), 1);
}

@media (hover: hover) {
	.frontend-form-checkbox > .checkbox-label:not(.disabled) > .checkmark:hover {
		-webkit-transform: 			scale(1.2);
		-moz-transform: 			scale(1.2);
		-ms-transform: 				scale(1.2);
		-o-transform: 				scale(1.2);
		transform: 					scale(1.2);
	}
}


/*************************************************************/
/*********************[   Directories   ]*********************/
/*************************************************************/
.frontend-directory-list {
	display:						flex;
	flex-direction:					column;
	gap:							0px;
}

.frontend-directory-list > .frontend-directory-item {
	display:						flex;
	align-items:					center;
	gap:							12px;
	width:							100%;
	padding:						8px 12px;
	border-radius:					4px;
	
	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition: 					all .2s;
	transition: 					all .2s;
}

.frontend-directory-list > .frontend-directory-item > .frontend-directory-arrow {
	position:						relative;
	width:							18px;
	height:							auto;
	flex-shrink:					0;
	left:							0px;

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition: 					all .2s;
	transition: 					all .2s;
}

.frontend-directory-list > .frontend-directory-item > .frontend-directory-name {
	position:						relative;
	font-size:						14px;
	line-height:					20px;
	font-weight:					500;
	left:							0px;
	letter-spacing:					0.2px;

	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition: 					all .2s;
	transition: 					all .2s;

	text-transform:					uppercase;

	color:							rgba(var(--color-blue-rgb), 1);
}

@media (hover: hover) {
	.frontend-directory-list > .frontend-directory-item:hover {
		background-color: 			rgba(var(--color-blue-rgb), .1);
	}

	.frontend-directory-list > .frontend-directory-item:hover .frontend-directory-arrow {
		left:						4px;
	}

	.frontend-directory-list > .frontend-directory-item:hover .frontend-directory-name {
		left:						4px;
	}
}


/*************************************************************/
/*********************[   Header - New   ]********************/
/*************************************************************/
.header-v2 {
	position:						sticky;
	display:						flex;
	flex-direction:					column;
	background-color: 				#F5F7FB;
	background-image: 				linear-gradient(to bottom, #ffffff, #fafbfd, #F5F7FB);

	z-index: 						1021;
	top: 							0;
}

.header-top-v2 {
	display:						flex;
	flex-direction:					row;
	width:							100%;

	-webkit-box-shadow: 			inset 0 -6px 12px -8px rgba(var(--color-white-rgb), .8);
	-moz-box-shadow: 				inset 0 -6px 12px -8px rgba(var(--color-white-rgb), .8);
	box-shadow: 					inset 0 -6px 12px -8px rgba(var(--color-white-rgb), .8);

	background-color: 				rgba(var(--color-dark-blue-rgb), 1);
}

.header-top-v2:not(.header-top-v2-sticky) {
	position:						relative;
}

.header-top-v2.header-top-v2-sticky {
	position:						sticky;
	top:							0;
}

.header-top-v2 > .header-top-inside-v2 {
	position:						relative;
	display: 						flex;
	flex-direction: 				row;
	justify-content: 				start;
	margin-left: 					auto;
	margin-right:					auto;
	overflow: 						auto hidden;
	justify-content:				space-between;

	gap:							16px;
	width: 							100%;
	max-width: 						1480px;
}

.header-top-v2 > .header-top-inside-v2 > .header-top-links-v2 {
	position:						relative;
	display:						flex;
}

.header-top-v2 > .header-top-inside-v2 > .header-top-links-v2 > .header-top-link-v2 {
	position:						relative;
	display:						flex;
	align-items: 					center;
	border:							unset;
	outline:						unset;
	box-shadow:						unset;
	background-color:				transparent;
	white-space:					nowrap;

	-webkit-transition: 			background-color 0.2s;
	-moz-transition: 				background-color 0.2s;
	-ms-transition: 				background-color 0.2s;
	-o-transition: 					background-color 0.2s;
	transition: 					background-color 0.2s;

	font-weight:					500;
	color:							rgba(var(--color-white-rgb), 1);
}

@media (hover: hover) {
	.header-top-v2 > .header-top-inside-v2 > .header-top-links-v2 > .header-top-link-v2:hover {
		text-decoration: 			underline;
		text-underline-offset: 		2px;

		background-color: 			#263b55;
	}
}

@media (hover: none) {
	.header-top-v2 > .header-top-inside-v2 > .header-top-links-v2 > .header-top-link-v2:active {
		text-decoration: 			underline;
		text-underline-offset: 		2px;

		background-color: 			#263b55;
	}
}

.header-top-v2 > .header-top-inside-v2 > .header-top-links-v2 > .header-top-link-v2:first-child {
	margin-left: 					auto;
}

.header-top-v2 > .header-top-inside-v2 > .header-top-links-v2 > .header-top-link-v2:first-child::before {
	position:						absolute;
	content:						'';
	width:							1px;
	height:							100%;
	top: 							0px;
	left: 							0px;
	background-color: 				#263b55;
}

.header-top-v2 > .header-top-inside-v2 > .header-top-links-v2 > .header-top-link-v2::after {
	position:						absolute;
	content:						'';
	width:							1px;
	height:							100%;
	top: 							0px;
	right: 							0px;
	background-color: 				#263b55;
}

.header-bottom-v2 {
	z-index: 						1021;
}

.header-bottom-v2:not(.header-bottom-v2-sticky) {
	position:						relative;
}

.header-bottom-v2.header-bottom-v2-sticky {
	position:						sticky;
}

.header-bottom-v2 > .header-bottom-inside-v2 {
	position:						relative;
	display: 						flex;
	flex-direction: 				row;
}

@media (min-width: 992px) {
	.header-top-v2 {
		height: 					70px;
		z-index: 					1022;
	}

	.header-top-v2 > .header-top-inside-v2 {
		padding: 					0px 64px;
	}

	.header-top-v2 > .header-top-inside-v2 > .header-top-links-v2 > .header-top-link-v2 {
		padding: 					0 20px;
		gap: 						8px;
	}

	.header-top-v2 > .header-top-inside-v2 > .header-top-links-v2 > .header-top-link-v2.header-top-link-search-v2::before {
		position:					absolute;
		content:					'';
		width:						1px;
		height:						100%;
		top: 						0px;
		left: 						0px;
		background-color: 			#263b55;
	}

	.header-top-v2 > .header-top-inside-v2 > .header-top-links-v2 > .header-top-link-v2 .icon {
		width:						14px;
		height:						14px;
	}

	.header-top-v2 > .header-top-inside-v2 > .header-top-links-v2 > .header-top-link-v2 .title {
		font-size: 					13px;
	}

	.header-bottom-v2 {
		display:					flex;
		flex-direction:				row;

		width:						100%;
		height:						70px;

		border-bottom-width: 		1px;
		border-bottom-style: 		solid;
		border-bottom-color: 		#eaeaeb;

		-moz-box-shadow: 			0 -1px 4px rgba(var(--color-black-rgb), .1);
		-webkit-box-shadow: 		0 -1px 4px rgba(var(--color-black-rgb), .1);
		box-shadow: 				0 -1px 4px rgba(var(--color-black-rgb), .1);

		background-color: 			rgba(var(--color-white-rgb), 1);
	}

	.header-bottom-v2.header-bottom-v2-sticky {
		top:						70px;
	}

	.header-bottom-v2 > .header-bottom-inside-v2 {
		position:					relative;
		flex-wrap:					nowrap;
		justify-content: 			start;
		margin-left: 				auto;
		margin-right:				auto;

		width: 						100%;
		max-width: 					1480px;
		padding: 					0px 64px;
	}
}

@media (max-width: 991px) {
	.header-top-v2 {
		height: 					60px;
		z-index: 					1021;
	}

	.header-top-v2 > .header-top-inside-v2 > .header-top-links-v2 > .header-top-link-v2 {
		flex-direction:				column;
		justify-content: 			center;
		align-content: 				center;

		padding: 					4px 16px;
		gap: 						4px;
	}

	.header-top-v2 > .header-top-inside-v2 > .header-top-links-v2 > .header-top-link-v2 .icon {
		width:						16px;
		height:						16px;
	}

	.header-top-v2 > .header-top-inside-v2 > .header-top-links-v2 > .header-top-link-v2 .flag {
		position:					relative;
		margin-top:					-6px;
		top: 						2px;
	}

	.header-top-v2 > .header-top-inside-v2 > .header-top-links-v2 > .header-top-link-v2 .title {
		font-size: 					11px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.header-top-v2 > .header-top-inside-v2 {
		padding: 					0px 48px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.header-top-v2 > .header-top-inside-v2 {
		padding: 					0px 24px;
	}
}

@media (max-width: 575px) {
	.header-top-v2 > .header-top-inside-v2 {
		padding: 					0px 16px;
	}
}


/*************************************************************/
/********************[   Header - Logo   ]********************/
/*************************************************************/
.header-logo-v2 {
	position:						relative;
	display:						flex;
	align-items:					center;
}

.header-logo-v2 > .header-logo-icon-v2 {
	display:						block;
	object-fit:						scale-down;
	overflow:						hidden;
	width:							auto;
	height:							100%;
	flex-shrink: 					0;
}

.header-logo-v2 > .header-logo-title-v2 {
	position:						relative;
	display: 						flex;
	align-items: 					center;
	margin-right:					auto;

	font-weight:					600;

	-webkit-user-select:  			none;
	-moz-user-select: 				none;
	-ms-user-select:  				none;
	user-select: 					none;

	color:							rgba(var(--color-white-rgb), 1);
}

@media (min-width: 992px) {
	.header-logo-v2 {
		gap:						12px;
	}

	.header-logo-v2 > .header-logo-icon-v2 {
		width: 						45px;
		height: 					45px;
	}

	.header-logo-v2 > .header-logo-title-v2 {
		font-size: 					clamp(18px, 1.5vw, 24px);
		line-height: 				clamp(24px, 1.8vw, 30px);
	}
}

@media (max-width: 991px) {
	.header-logo-v2 {
		gap:						8px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.header-logo-v2 > .header-logo-icon-v2 {
		width: 						40px;
		height: 					40px;
	}

	.header-logo-v2 > .header-logo-title-v2 {
		font-size: 					15px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.header-logo-v2 > .header-logo-icon-v2 {
		width: 						35px;
		height: 					35px;
	}

	.header-logo-v2 > .header-logo-title-v2 {
		font-size: 					14px;
	}
}

@media (max-width: 575px) {
	.header-logo-v2 > .header-logo-icon-v2 {
		width: 						30px;
		height: 					30px;
	}

	.header-logo-v2 > .header-logo-title-v2 {
		font-size: 					13px;
	}
}


/*************************************************************/
/*******************[   Header - Content   ]******************/
/*************************************************************/
.header-content-v2 {
	position:						relative;
	display:						flex;
	flex-direction:					row;
	flex-wrap:						wrap;
	align-items: 					start;
	align-content:					center;
	flex-grow:						1;
	gap:							16px;
}


/*************************************************************/
/*****************[   Header - Navigation   ]*****************/
/*************************************************************/
.header-navigation-v2 {
	display:						flex;
}

.header-navigation-v2 > .header-item-v2 {
	position:						relative;
}

.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2 {
	position:						relative;
	display:						flex;
	flex-direction:					row;
	flex-wrap: 						nowrap;
	align-items:					center;
	white-space: 					nowrap;
	cursor:							pointer;

	-webkit-user-select:  			none;
	-moz-user-select: 				none;
	-ms-user-select:  				none;
	user-select: 					none;
}

.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2 .header-item-visible-link-v2 {
	position:						relative;
	display:						flex;
	flex-direction:					row;
	flex-wrap: 						nowrap;
	align-items:					center;
	white-space: 					nowrap;
	cursor:							pointer;

	height:							45px;
}

.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2 .icon {
	object-fit:						scale-down;
	flex-shrink:					0;
}

.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2 .title {
	display:						block;
	text-transform:					uppercase;
	white-space: 					nowrap;

	font-weight:					500;

	-webkit-transition: 			color 0.25s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: 				color 0.25s cubic-bezier(.4, 0, .2, 1);
	-ms-transition: 				color 0.25s cubic-bezier(.4, 0, .2, 1);
	-o-transition: 					color 0.25s cubic-bezier(.4, 0, .2, 1);
	transition: 					color 0.25s cubic-bezier(.4, 0, .2, 1);

	color:							rgba(var(--color-primary-text-rgb), 1);
}

.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2 .arrow {
	position: 						relative;
	display: 						inline-block;
	margin-left:					auto;

    width: 							12px;
    height: 						7px;

	-webkit-transition: 			color 0.2s cubic-bezier(.4, 0, .2, 1), transform 0.2s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: 				color 0.2s cubic-bezier(.4, 0, .2, 1), transform 0.2s cubic-bezier(.4, 0, .2, 1);
	-ms-transition: 				color 0.2s cubic-bezier(.4, 0, .2, 1), transform 0.2s cubic-bezier(.4, 0, .2, 1);
	-o-transition: 					color 0.2s cubic-bezier(.4, 0, .2, 1), transform 0.2s cubic-bezier(.4, 0, .2, 1);
	transition: 					color 0.2s cubic-bezier(.4, 0, .2, 1), transform 0.2s cubic-bezier(.4, 0, .2, 1);

	color:							rgba(var(--color-secondary-text-rgb), 1);
}

.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2 .arrow::before {
    content: 						'';
    position: 						absolute;
    width: 							7px;
    height: 						7px;

    border-right: 					1.5px solid currentColor;
    border-bottom: 					1.5px solid currentColor;

    left: 							50%;
    top: 							50%;

	-webkit-transform: 				translate(-50%, -90%) rotate(45deg);
	-moz-transform: 				translate(-50%, -90%) rotate(45deg);
	-ms-transform: 					translate(-50%, -90%) rotate(45deg);
	-o-transform: 					translate(-50%, -90%) rotate(45deg);
    transform: 						translate(-50%, -90%) rotate(45deg);
}

.header-navigation-v2 > .header-item-v2:not(:has(.header-item-hidden-show-v2)) > .header-item-visible-v2 .arrow {
	-moz-transform: 				rotate(0deg);
	-o-transform: 					rotate(0deg);
	-ms-transform: 					rotate(0deg);
	-webkit-transform: 				rotate(0deg);
	transform: 						rotate(0deg);
}

.header-navigation-v2 > .header-item-v2:has(.header-item-hidden-show-v2) > .header-item-visible-v2 .arrow {
	-moz-transform: 				rotate(180deg);
	-o-transform: 					rotate(180deg);
	-ms-transform: 					rotate(180deg);
	-webkit-transform: 				rotate(180deg);
	transform: 						rotate(180deg);
}

.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2:not(.header-item-hidden-show-v2) {
	display: 						none;
}

.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2.header-item-hidden-show-v2 {
	display:						flex;
}

.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 {
	display:						flex;
	gap:							4px;
}

.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2:not(.header-item-hidden-inside-grid-v2) {
	flex-direction:					column;
}

.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2.header-item-hidden-inside-grid-v2 {
	flex-direction:					row;
	flex-wrap:						wrap;
}

.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 > .header-item-hidden-option-separator {
	width:							100%;
	height:							1px;
	margin-top:						4px;
	margin-bottom:					4px;

	background-color:				#edeef0;
}

.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 > .header-item-hidden-option-label {
	display:						block;
	text-transform:					uppercase;
	width:							100%;

	font-weight:					600;
	letter-spacing:					0.2px;
	color: 							rgba(var(--color-blue-rgb), 1);
}

.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 > .header-item-hidden-option-label.header-item-hidden-option-label-center {
	text-align:						center;
}

.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 > .header-item-hidden-option-v2 {
	display: 						flex;
	align-items: 					center;

	flex-shrink:					0;
	border-radius:					4px;
	padding:						10px 16px;
	min-height:						45px;
	gap:							8px 8px;

	-webkit-transition: 			all 0.2s;
	-moz-transition: 				all 0.2s;
	-ms-transition: 				all 0.2s;
	-o-transition: 					all 0.2s;
	transition: 					all 0.2s;

	color:							rgba(var(--color-primary-text-rgb), 1);
}

.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 > .header-item-hidden-option-v2.header-item-hidden-option-inline-v2 {
	width:							100% !important;
	flex-direction:					row !important;
}

.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 > .header-item-hidden-option-v2.header-item-hidden-option-active-v2 {
	-webkit-box-shadow: 			inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
	-moz-box-shadow: 				inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
	box-shadow: 					inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);

	background-color: 				rgba(var(--color-blue-rgb), .1);
}

@media (hover: hover) {
	.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 > .header-item-hidden-option-v2:hover {
		-webkit-box-shadow: 		inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
		-moz-box-shadow: 			inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
		box-shadow: 				inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);

		background-color: 			rgba(var(--color-blue-rgb), .1);
	}
}

@media (hover: none) {
	.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 > .header-item-hidden-option-v2:active {
		-webkit-box-shadow: 		inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
		-moz-box-shadow: 			inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
		box-shadow: 				inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);

		background-color: 			rgba(var(--color-blue-rgb), .1);
	}
}

.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2:not(.header-item-hidden-inside-grid-v2) > .header-item-hidden-option-v2 {
	flex-direction:					row;
	width:							100%;
}

.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2.header-item-hidden-inside-grid-v2 > .header-item-hidden-option-v2 {
	flex-direction:					column;
	width:							calc(50% - 2px);
}

.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 > .header-item-hidden-option-v2 .icon {
	object-fit:						scale-down;
}

.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2.header-item-hidden-inside-grid-v2 > .header-item-hidden-option-v2 .title {
	text-align:						center;
}

@media (min-width: 1200px) {
	.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2 .title {
		font-size:					14px !important;
	}
}

@media (min-width: 992px) {
	.header-navigation-v2 {
		position:					relative;
		flex-direction:				row;
		flex-grow:					1;
		left:						0px !important;
		gap:						16px;
		margin-left:				-12px;
	}

	.header-navigation-bg-v2 {
		display:					none;
	}

	.header-navigation-v2 > .header-item-v2.header-item-desktop-hide-v2 {
		display:					none !important;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2::after {
		position: 					absolute;
		content: 					'';
		width: 						1px;
		height: 					100%;
		top: 						0px;
		right: 						-8px;
		background-color: 			#edeef0;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2::before {
		position: 					absolute;
		content: 					'';
		width: 						0%;
		height: 					2px;
		bottom: 					4px;
		left: 						50%;
		border-radius:				10px;

		-webkit-transform: 			translateX(-50%);
		-moz-transform: 			translateX(-50%);
		-ms-transform: 				translateX(-50%);
		-o-transform: 				translateX(-50%);
		transform: 					translateX(-50%);

		-webkit-transition: 		width 0.25s cubic-bezier(.4, 0, .2, 1);
		-moz-transition: 			width 0.25s cubic-bezier(.4, 0, .2, 1);
		-ms-transition: 			width 0.25s cubic-bezier(.4, 0, .2, 1);
		-o-transition: 				width 0.25s cubic-bezier(.4, 0, .2, 1);
		transition: 				width 0.25s cubic-bezier(.4, 0, .2, 1);

		background-color: 			rgba(var(--color-blue-rgb), 1);
	}

	.header-navigation-v2 > .header-item-v2:has(.header-item-hidden-show-v2) > .header-item-visible-v2::before,
	.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2.header-item-visible-active-v2::before {
		width: 						50%;
	}

	.header-navigation-v2 > .header-item-v2:has(.header-item-hidden-show-v2) > .header-item-visible-v2 .title,
	.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2.header-item-visible-active-v2 .title {
		color:						rgba(var(--color-blue-rgb), 1);
	}

	.header-navigation-v2 > .header-item-v2:has(.header-item-hidden-show-v2) > .header-item-visible-v2 .arrow,
	.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2.header-item-visible-active-v2 .arrow {
		color:						rgba(var(--color-blue-rgb), .8);
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2 .header-item-visible-link-v2 {
		gap: 						6px;
		padding:					0px 12px;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2 .title {
		font-size:					13px;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 {
		position:					absolute;
		border-radius:				10px;
		left: 						0px;
		top: 						45px;
		margin-top:					4px;

		-webkit-box-shadow: 		inset 0px 0px 3px rgba(var(--color-shadow-rgb), 1);
		-moz-box-shadow: 			inset 0px 0px 3px rgba(var(--color-shadow-rgb), 1);
		box-shadow: 				inset 0px 0px 3px rgba(var(--color-shadow-rgb), 1);

		background-color: 			#F5F7FB;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 {
		overflow: 					hidden auto;

		padding: 					16px;
		max-height: 				70dvh;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-sm-v2 {
		width:						300px;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-md-v2 {
		width:						340px;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-lg-v2 {
		width:						380px;
	}


	.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 > .header-item-hidden-option-label {
		font-size:					11px;
		padding: 					6px 16px;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 > .header-item-hidden-option-v2 .title {
		font-size: 					13px;
		line-height:				20px;
	}

	.header-navigation-v2 > .header-item-v2-mobile-separator {
		display:					none !important;
	}

	.header-navigation-v2 > .header-item-v2-mobile-label {
		display:					none !important;
	}

	@media (hover: hover) {
		.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2:hover::before {
			width: 					50%;
		}

		.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2:hover .title {
			color:					rgba(var(--color-blue-rgb), 1);
		}

		.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2:hover .arrow {
			color:					rgba(var(--color-blue-rgb), .8);
		}
	}

	@media (hover: none) {
		.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2:active::before {
			width: 					50%;
		}

		.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2:active .title {
			color:					rgba(var(--color-blue-rgb), 1);
		}

		.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2:active .arrow {
			color:					rgba(var(--color-blue-rgb), .8);
		}
	}
}

@media (max-width: 991px) {
	.header-navigation-v2 {
		position: 					fixed;
		flex-direction: 			column;
		box-sizing: 				border-box;

		overflow:					hidden auto;
		overscroll-behavior: 		contain;

		width: 						80vw;
		min-width: 					240px;
		max-width: 					400px;

		height: 					100dvh;
		min-height: 				-webkit-fill-available;

		-webkit-transform: 			translateX(-100%);
		-moz-transform: 			translateX(-100%);
		-ms-transform: 				translateX(-100%);
		-o-transform: 				translateX(-100%);
		transform: 					translateX(-100%);

		-webkit-transition: 		transform 0.6s ease;
		-moz-transition: 			transform 0.6s ease;
		-ms-transition: 			transform 0.6s ease;
		-o-transition: 				transform 0.6s ease;
		transition: 				transform 0.6s ease;

		top: 						0;
		left: 						0;
		z-index: 					1052;
		gap:						2px;

		padding-top:				24px;
		padding-bottom:				24px;

		-webkit-box-shadow: 		inset -6px 0 12px -8px rgba(var(--color-black-rgb), .4);
		-moz-box-shadow: 			inset -6px 0 12px -8px rgba(var(--color-black-rgb), .4);
		box-shadow: 				inset -6px 0 12px -8px rgba(var(--color-black-rgb), .4);

		background-color: 			rgba(var(--color-white-rgb), 1);
	}

	.header-navigation-show-v2 {
		-webkit-transform: 			translateX(0);
		-moz-transform: 			translateX(0);
		-ms-transform: 				translateX(0);
		-o-transform: 				translateX(0);
		transform: 					translateX(0);
	}

	.header-navigation-bg-v2 {
		position: 					fixed;
		display: 					none;
		width: 						100%;
		height: 					100vh;
		z-index: 					1051;
		top: 						0;
		left: 						0;

		-webkit-transition: 		all 0.4s;
		-moz-transition: 			all 0.4s;
		-ms-transition:	 			all 0.4s;
		-o-transition: 				all 0.4s;
		transition: 				all 0.4s;

		background-color: 			rgba(var(--color-black-rgb), .6);
	}

	.header-navigation-v2 > .header-item-v2.header-item-mobile-hide-v2 {
		display:					none !important;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2 {
		width:						100%;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2 .header-item-visible-link-v2 {
		width:						100%;
		gap: 						8px;
		padding:					0px 24px;

		-webkit-transition: 		background-color 0.2s;
		-moz-transition: 			background-color 0.2s;
		-ms-transition: 			background-color 0.2s;
		-o-transition: 				background-color 0.2s;
		transition: 				background-color 0.2s;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2.header-item-visible-active-v2 .header-item-visible-link-v2 {
		-webkit-box-shadow: 		inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
		-moz-box-shadow: 			inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
		box-shadow: 				inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);

		background-color: 			rgba(var(--color-blue-rgb), .1);
	}

	@media (hover: hover) {
		.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2:hover .header-item-visible-link-v2 {
			-webkit-box-shadow: 	inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
			-moz-box-shadow: 		inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
			box-shadow: 			inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);

			background-color: 		rgba(var(--color-blue-rgb), .1);
		}
	}

	@media (hover: none) {
		.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2:active .header-item-visible-link-v2 {
			-webkit-box-shadow: 	inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
			-moz-box-shadow: 		inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
			box-shadow: 			inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);

			background-color: 		rgba(var(--color-blue-rgb), .1);
		}
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-visible-v2 .title {
		font-size:					13px;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 {
		position:					relative;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 {
		overflow: 					hidden;
		width:						100%;

		padding: 					12px;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 > .header-item-hidden-option-label {
		font-size:					11px;
		padding: 					6px 12px;
	}

	.header-navigation-v2 > .header-item-v2 > .header-item-hidden-v2 > .header-item-hidden-inside-v2 > .header-item-hidden-option-v2 .title {
		font-size: 					12px;
		line-height:				18px;
	}

	.header-navigation-v2 > .header-item-v2-mobile-separator {
		display:					flex;
		flex-shrink:				0;
		width:						100%;
		height:						1px;
		margin-top: 				8px;
		margin-bottom: 				8px;

		background-color: 			rgba(var(--color-gray-rgb), 1);
	}

	.header-navigation-v2 > .header-item-v2-mobile-label {
		display:					block;
		text-transform:				uppercase;

		font-size:					11px;
		font-weight:				600;
		letter-spacing:				0.2px;
		padding: 					6px 12px;
		color: 						rgba(var(--color-blue-rgb), 1);
	}
}


/*************************************************************/
/******************[   Header - Language   ]******************/
/*************************************************************/
.header-languages-v2 {
	position: 						relative;
	top: 							0;
	right: 							0;
	flex-shrink:					0;
}

.header-languages-v2 .language-toggle {
	background-color:				transparent;
	position:						relative; 
	cursor: 						pointer
}

.header-languages-v2 .language-toggle .language-button {
	display: 						flex;
	align-items: 					center;
	text-decoration:				none;

	height:							45px;
	gap: 							6px;
	padding: 						8px 12px;
	font-size: 						13px;

	-webkit-transition: 			background-color 0.2s;
	-moz-transition: 				background-color 0.2s;
	-ms-transition: 				background-color 0.2s;
	-o-transition: 					background-color 0.2s;
	transition: 					background-color 0.2s;

	-webkit-box-shadow: 			inset 0px 0px 8px rgba(237, 238, 240, .4), 0 8px 16px rgba(237, 238, 240, .4);
	-moz-box-shadow: 				inset 0px 0px 8px rgba(237, 238, 240, .4), 0 8px 16px rgba(237, 238, 240, .4);
	box-shadow: 					inset 0px 0px 8px rgba(237, 238, 240, .4), 0 8px 16px rgba(237, 238, 240, .4);

	border-width: 					1px;
	border-radius:					4px;
	border-style:					solid;
	border-color:					rgba(var(--color-gray-rgb), 1);

	color:							rgba(var(--color-primary-text-rgb), 1);
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.header-languages-v2 .language-toggle img {
	position: 						relative; 
	top: 							0px; 
	margin-right:					0px;
	width:							28px;
	height:							28px;
}

.header-languages-v2 .language-toggle .language-arrow {
	position: 						relative;
	display: 						inline-block;
	margin-left: 					auto;

    width: 							12px;
    height: 						7px;

	-webkit-transition: 			color 0.2s cubic-bezier(.4, 0, .2, 1), transform 0.2s cubic-bezier(.4, 0, .2, 1);
	-moz-transition: 				color 0.2s cubic-bezier(.4, 0, .2, 1), transform 0.2s cubic-bezier(.4, 0, .2, 1);
	-ms-transition: 				color 0.2s cubic-bezier(.4, 0, .2, 1), transform 0.2s cubic-bezier(.4, 0, .2, 1);
	-o-transition: 					color 0.2s cubic-bezier(.4, 0, .2, 1), transform 0.2s cubic-bezier(.4, 0, .2, 1);
	transition: 					color 0.2s cubic-bezier(.4, 0, .2, 1), transform 0.2s cubic-bezier(.4, 0, .2, 1);

	color:							rgba(var(--color-secondary-text-rgb), 1);
}

.header-languages-v2 .language-toggle .language-arrow::before {
    content: 						'';
    position: 						absolute;
    width: 							7px;
    height: 						7px;

    border-right: 					1.5px solid currentColor;
    border-bottom: 					1.5px solid currentColor;

    left: 							50%;
    top: 							50%;

	-webkit-transform: 				translate(-50%, -90%) rotate(45deg);
	-moz-transform: 				translate(-50%, -90%) rotate(45deg);
	-ms-transform: 					translate(-50%, -90%) rotate(45deg);
	-o-transform: 					translate(-50%, -90%) rotate(45deg);
    transform: 						translate(-50%, -90%) rotate(45deg);
}

.header-languages-v2 .language-toggle .language-button.open .language-arrow {
	-moz-transform: 				rotate(180deg);
	-o-transform: 					rotate(180deg);
	-ms-transform: 					rotate(180deg);
	-webkit-transform: 				rotate(180deg);
	transform: 						rotate(180deg);
}

.header-languages-v2 .language-options .language-option {
	display: 						flex;
	align-items: 					center;
	cursor:							pointer;

	font-size: 						13px;

	-webkit-transition: 			all 0.2s;
	-moz-transition: 				all 0.2s;
	-ms-transition: 				all 0.2s;
	-o-transition: 					all 0.2s;
	transition: 					all 0.2s;

	color:							rgba(var(--color-primary-text-rgb), 1);
}

@media (min-width: 992px) {
	.header-languages-v2 {
		margin-left:				auto;
		width:						160px;
	}

	.header-languages-v2 .language-options {
		position:					absolute;
		list-style-type: 			none;
		overflow:					auto;

		width:						600px;
		height:						512px;
		right:						0px;
		top:						45px;

		padding: 					16px;
		margin-top:					4px;
		border-radius:				10px;

		-webkit-box-shadow: 		inset 0px 0px 3px rgba(var(--color-shadow-rgb), 1);
		-moz-box-shadow: 			inset 0px 0px 3px rgba(var(--color-shadow-rgb), 1);
		box-shadow: 				inset 0px 0px 3px rgba(var(--color-shadow-rgb), 1);

		background-color:			#F5F7FB;	
	}

	.header-languages-v2 .language-toggle .language-button.open ~ .language-options {
		display:					block;
		-webkit-column-count: 		3;
		-moz-column-count: 			3;
		column-count: 				3;

		-webkit-column-gap: 		16px;
		-moz-column-gap: 			16px;
		column-gap: 				16px;

		-webkit-column-rule: 		1px solid #edeef0;
		-moz-column-rule: 			1px solid #edeef0;
		column-rule: 				1px solid #edeef0;
	}

	.header-languages-v2 .language-toggle .language-button.open {
		-webkit-box-shadow: 		inset 0px 0px 8px rgba(var(--color-blue-rgb), .2);
		-moz-box-shadow: 			inset 0px 0px 8px rgba(var(--color-blue-rgb), .2);
		box-shadow: 				inset 0px 0px 8px rgba(var(--color-blue-rgb), .2);

		background-color: 			rgba(var(--color-blue-rgb), .1);
	}

	.header-languages-v2 .language-toggle .language-button:not(.open) ~ .language-options {
		display:					none;
	}

	.header-languages-v2 .language-options .language-option {
		border-radius:				4px;
		gap: 						6px;
		padding:					6px 12px;
	}

	.header-languages-v2 .language-options-label {
		display:					none !important;
	}
}

@media (max-width: 991px) {
	.header-languages-v2 .language-options {
		position: 					fixed;
		display:					flex;
		flex-direction: 			column;
		box-sizing: 				border-box;
		cursor:						default;

		overflow:					hidden auto;
		overscroll-behavior: 		contain;

		width: 						80vw;
		min-width: 					240px;
		max-width: 					400px;

		height: 					100dvh;
		min-height: 				-webkit-fill-available;

		-webkit-transform: 			translateX(0);
		-moz-transform: 			translateX(0);
		-ms-transform: 				translateX(0);
		-o-transform: 				translateX(0);
		transform: 					translateX(0);

		-webkit-transition: 		transform 0.6s ease;
		-moz-transition: 			transform 0.6s ease;
		-ms-transition: 			transform 0.6s ease;
		-o-transition: 				transform 0.6s ease;
		transition: 				transform 0.6s ease;

		top: 						0;
		left: 						0;
		z-index: 					1052;
		gap:						2px;

		padding-left:				0px;
		padding-right:				0px;
		padding-top: 				24px;
		padding-bottom: 			24px;

		-webkit-box-shadow: 		inset -6px 0 12px -8px rgba(var(--color-black-rgb), .4);
		-moz-box-shadow: 			inset -6px 0 12px -8px rgba(var(--color-black-rgb), .4);
		box-shadow: 				inset -6px 0 12px -8px rgba(var(--color-black-rgb), .4);

		background-color: 			rgba(var(--color-white-rgb), 1);
	}

	.header-languages-v2 .language-toggle .language-button {
		display:					none;
	}

	.header-languages-v2 .language-toggle .language-button.open ~ .language-options {
		left:						0px;
	}

	.header-languages-v2 .language-toggle .language-button:not(.open) ~ .language-options {
		-webkit-transform: 			translateX(-100%);
		-moz-transform: 			translateX(-100%);
		-ms-transform: 				translateX(-100%);
		-o-transform: 				translateX(-100%);
		transform: 					translateX(-100%);
	}

	.header-languages-v2 .language-options .language-option {
		min-height:					45px;
		border-radius:				0px;
		gap: 						8px;
		padding: 					0px 24px;
		font-weight:				500;
		text-transform:				uppercase;
	}

	.header-languages-v2:has(.open) ~ .header-navigation-bg-v2 {
		display: 					block !important;
	}

	.header-languages-v2 .language-options-label {
		display:					block;
		text-transform:				uppercase;

		font-size:					11px;
		font-weight:				600;
		letter-spacing:				0.2px;
		padding: 					6px 12px;
		color: 						rgba(var(--color-blue-rgb), 1);
	}
}

@media (hover: hover) {
	.header-languages-v2 .language-toggle .language-button:hover {
		-webkit-box-shadow: 		inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
		-moz-box-shadow: 			inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
		box-shadow: 				inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);

		background-color: 			rgba(var(--color-blue-rgb), .1);
	}

	.header-languages-v2 .language-options .language-option:hover {
		-webkit-box-shadow: 		inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
		-moz-box-shadow: 			inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
		box-shadow: 				inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);

		background-color: 			rgba(var(--color-blue-rgb), .1);
	}
}

@media (hover: none) {
	.header-languages-v2 .language-toggle .language-button:active {
		-webkit-box-shadow: 		inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
		-moz-box-shadow: 			inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
		box-shadow: 				inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);

		background-color: 			rgba(var(--color-blue-rgb), .1);
	}

	.header-languages-v2 .language-options .language-option:active {
		-webkit-box-shadow: 		inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
		-moz-box-shadow: 			inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);
		box-shadow: 				inset 0px 0px 8px rgba(var(--color-blue-rgb), .1);

		background-color: 			rgba(var(--color-blue-rgb), .1);
	}
}


/*************************************************************/
/************************[   Modal   ]************************/
/*************************************************************/
.modal-header {
	margin:							0px;
	height: 						70px;

	background-color: 				rgba(var(--color-dark-blue-rgb), 1);
	color: 							rgba(var(--color-white-rgb), 1);
}

.modal-title {
	font-size: 						18px;
	letter-spacing: 				0.4px;
	font-weight: 					600;
}

.modal-body {
	margin:							0px;

	background-color: 				#F5F7FB;
}

.modal-errors {
	display: 						none;
	position: 						absolute;
	top: 							70px;
	left: 							0px;
	width: 							100%;
	z-index:						1;

	border-bottom-width:			1px;
	border-bottom-style:			solid;
	border-bottom-color:			rgba(var(--color-red-rgb), .3);

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.modal-errors > .modal-error {
	display:						flex;
	justify-content:				space-between;
	align-items: 					center;
	gap: 							16px;

	-webkit-box-shadow: 			inset 0px 0px 6px rgba(var(--color-red-rgb), .2);
	-moz-box-shadow: 				inset 0px 0px 6px rgba(var(--color-red-rgb), .2);
	box-shadow: 					inset 0px 0px 6px rgba(var(--color-red-rgb), .2);

	color: 							rgba(var(--color-red-rgb), 1);
	background-color: 				rgba(var(--color-red-rgb), .1);
}

.modal-errors > .modal-error > .modal-error-title {
	position:						relative;
	font-size: 						14px;
	font-weight:					500;
}

.modal-errors > .modal-error > .modal-error-close {
	position:						relative;
	box-shadow:						none;
	filter: 						invert(47%) sepia(18%) saturate(4552%) hue-rotate(323deg) brightness(99%) contrast(79%);
}

.modal-errors > .modal-error > .modal-error-title a {
	text-decoration: 				underline;
	text-underline-offset: 			2px;
	font-weight: 					500;
	text-shadow: 					0px 4px 12px rgba(var(--color-black-rgb), .2);
	color: 							rgba(var(--color-red-rgb), 1);
}

@media (hover: hover) {
	.modal-errors > .modal-error > .modal-error-title a:hover {
		background-color:			rgba(var(--color-red-rgb), .1);
	}
}

@media (hover: none) {
	.modal-errors > .modal-error > .modal-error-title a:active {
		background-color:			rgba(var(--color-red-rgb), .1);
	}
}

@media (min-width: 992px) {
	.modal-header {
		padding: 					0px 32px;
	}

	.modal-footer {
		padding: 					12px 32px;
	}

	.modal-body {
		padding: 					32px;
	}

	.modal-errors > .modal-error {
		padding: 					16px 32px;
	}
}

@media (max-width: 991px) {
	.modal-header {
		padding: 					0px 24px;
	}

	.modal-footer {
		padding: 					12px 24px;
	}

	.modal-body {
		padding: 					24px;
	}

	.modal-errors > .modal-error {
		padding: 					16px 24px;
	}
}


/*************************************************************/
/*********************[   Slider Cards   ]********************/
/*************************************************************/
.slider-cards-container {
	display: 						-ms-flexbox;
	display: 						flex;
	justify-content: 				start;
	flex-direction: 				column;

	width: 							100%;

	-webkit-box-shadow: 			inset 0px 0px 8px rgba(var(--color-blue-rgb), .2);
	-moz-box-shadow: 				inset 0px 0px 8px rgba(var(--color-blue-rgb), .2);
	box-shadow: 					inset 0px 0px 8px rgba(var(--color-blue-rgb), .2);

	border-top-width:				1px;
	border-top-style:				solid;
	border-top-color:				rgba(var(--color-blue-rgb), .2);

	background-color: 				rgba(var(--color-blue-rgb), .2);
}

.slider-cards-container > .slider-cards-container-inside {
	margin-left: 					auto;
	margin-right: 					auto;

	max-width: 						1480px;
	width:							100%;
}

@media (min-width: 992px) {
	.slider-cards-container > .slider-cards-container-inside {
		padding: 					32px 64px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.slider-cards-container > .slider-cards-container-inside {
		padding: 					24px 48px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.slider-cards-container > .slider-cards-container-inside {
		padding: 					24px;
	}
}

@media (max-width: 575px) {
	.slider-cards-container > .slider-cards-container-inside {
		padding:					16px;
	}
}

.slider-cards {
	display: 						flex;
	flex-direction: 				row;
	overflow: 						auto hidden;

	gap: 							8px;
	padding-top:					16px;
	padding-bottom:					16px;

	padding-left: 					8px;
	padding-right:					8px;
	margin-left: 					-8px;
	margin-right: 					-8px;
}

.slider-cards > .slider-card {
	display:						flex;
	flex-direction:					column;
	width:							160px;
	padding:						10px 16px;
	flex-shrink:					0;
	border-radius:					4px;

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;

	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .02);
	-moz-box-shadow:				0 4px 8px rgba(var(--color-black-rgb), .02);
	box-shadow: 					0 4px 8px rgba(var(--color-black-rgb), .02);

	border-width: 					1px;
	border-style:					solid;
	border-color:					#b8c7f0;

	background: 					linear-gradient(to right bottom, #f7f9fd, #ffffff);
	background-blend-mode: 			lighten;
}

@media (hover: hover) {
	.slider-cards > .slider-card:hover {
		-webkit-box-shadow: 		0 4px 8px rgba(var(--color-black-rgb), .1);
		-moz-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .1);
		box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .1);

		-webkit-transform: 			translateY(-2px);
		-moz-transform: 			translateY(-2px);
		-ms-transform: 				translateY(-2px);
		-o-transform: 				translateY(-2px);
		transform: 					translateY(-2px);
	}
}

.slider-cards > .slider-card > .title {
	font-size: 						16px;
	font-weight: 					600;
	margin-bottom:					2px;

	text-shadow: 					0 0px 2px rgba(var(--color-black-rgb), .08);
	color: 							rgba(var(--color-blue-rgb), 1);
}

.slider-cards > .slider-card > .description {
	font-weight: 					400;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

@media (min-width: 992px) {
	.slider-cards > .slider-card > .title {
		font-size: 					16px;
	}

	.slider-cards > .slider-card > .description {
		font-size: 					14px;
	}
}

@media (max-width: 991px) {
	.slider-cards > .slider-card > .title {
		font-size: 					15px;
	}

	.slider-cards > .slider-card > .description {
		font-size: 					13px;
	}
}


/*************************************************************/
/*********************[   Option Cards   ]********************/
/*************************************************************/
.option-cards {
    display: 						grid;
    gap: 							8px;
}

.option-card {
	position:						relative;
	display:						flex;
	flex-direction:					column;
    border-radius: 					4px;

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;

	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .02);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .02);
	box-shadow: 					0 4px 8px rgba(var(--color-black-rgb), .02);

	border-width: 					1px;
	border-style: 					solid;
	border-radius: 					4px;
	border-color: 					rgba(var(--color-gray-rgb), 1);

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.option-card > .logo {
	display:						block;
	object-fit:						scale-down;
	width:							auto;
	margin-bottom:					16px;

	-webkit-transition: 			-webkit-transform 0.3s ease;
	-moz-transition: 				-moz-transform 0.3s ease;
	-ms-transition: 				-ms-transform 0.3s ease;
	-o-transition: 					-o-transform 0.3s ease;
	transition: 					transform 0.3s ease;
}

.option-card > .title {
	margin-bottom:					2px;
	font-weight: 					500;
	width:							100%;
	max-width:						100%;
	text-align:						center;
	word-wrap:						anywhere;
	word-break: 					break-word;
	white-space: 					nowrap;
	text-overflow: 					ellipsis;
	overflow: 						hidden;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.option-card > .subtitle {
	margin-bottom:					12px;
	font-weight: 					400;
	width:							100%;
	max-width:						100%;
	text-align:						center;
	word-wrap:						anywhere;
	word-break: 					break-word;
	white-space: 					nowrap;
	text-overflow: 					ellipsis;
	overflow: 						hidden;

	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.option-card > .counts {
	position:						relative;
	display:						flex;
	align-items: 					center;
	justify-content: 				center;
	align-self: 					center;

	width: 							100%;
    border-radius: 					4px;

    background-color: 				rgba(var(--color-black-rgb), 0.05);
}

.option-card > .counts > .count {
	position:						relative;
	text-align:						center;

	width: 							50%;
    padding: 						4px 8px;
    font-size: 						11px;
	font-weight:					500;
}

.option-card > .counts > .count:nth-child(1) {
	border-right: 					1px solid rgba(var(--color-white-rgb), 1);
}

.option-card > .counts > .count:nth-child(2) {
	border-left: 					1px solid rgba(var(--color-white-rgb), 1);
}

@media (hover: hover) {
	.option-card:hover {
		-webkit-box-shadow: 		0 4px 8px rgba(var(--color-black-rgb), .1);
		-moz-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .1);
		box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .1);

		-webkit-transform: 			translateY(-2px);
		-moz-transform: 			translateY(-2px);
		-ms-transform: 				translateY(-2px);
		-o-transform: 				translateY(-2px);
		transform: 					translateY(-2px);
	}

	.option-card:hover > .logo {
		-webkit-transform: 			scale(1.06) translateY(-2px);
		-moz-transform: 			scale(1.06) translateY(-2px);
		-ms-transform: 				scale(1.06) translateY(-2px);
		-o-transform: 				scale(1.06) translateY(-2px);
		transform: 					scale(1.06) translateY(-2px);
	}
}

@media (hover: none) {
	.option-card:active {
		-webkit-box-shadow: 		0 4px 8px rgba(var(--color-black-rgb), .1);
		-moz-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .1);
		box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .1);

		-webkit-transform: 			translateY(-2px);
		-moz-transform: 			translateY(-2px);
		-ms-transform: 				translateY(-2px);
		-o-transform: 				translateY(-2px);
		transform: 					translateY(-2px);
	}

	.option-card:active > .logo {
		-webkit-transform: 			scale(1.06) translateY(-2px);
		-moz-transform: 			scale(1.06) translateY(-2px);
		-ms-transform: 				scale(1.06) translateY(-2px);
		-o-transform: 				scale(1.06) translateY(-2px);
		transform: 					scale(1.06) translateY(-2px);
	}
}

@media (min-width: 992px) {
	.option-cards {
		grid-template-columns: 		repeat(auto-fill, minmax(200px, 1fr));
	}

	.option-card {
		padding: 					16px 12px;
	}

	.option-card > .logo {
		height:						120px;
	}

	.option-card > .title {
		font-size:					14px;
	}

	.option-card > .subtitle {
		font-size:					13px;
	}
}

@media (max-width: 991px) {
	.option-cards {
		grid-template-columns: 		repeat(auto-fill, minmax(160px, 1fr));
	}

	.option-card {
		padding: 					12px 8px;
	}

	.option-card > .logo {
		height:						100px;
	}

	.option-card > .title {
		font-size:					13px;
	}

	.option-card > .subtitle {
		font-size:					12px;
	}
}


/*************************************************************/
/***********************[   Sections   ]**********************/
/*************************************************************/
.sections {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	width: 							100%;
	flex: 							1 1 auto;

	background-color:				rgba(var(--color-white-rgb), 1);
}

.sections > .section {
	position:						relative;
	display: 						flex;
	flex-direction: 				column;
	justify-content: 				flex-start;
}

.sections > .section {
	background-color:				#F5F7FB;
}

.sections > .section:last-child {
	-webkit-box-shadow: 			inset 0 8px 8px -8px rgba(var(--color-gray-rgb), 1);
	-moz-box-shadow: 				inset 0 8px 8px -8px rgba(var(--color-gray-rgb), 1);
	box-shadow: 					inset 0 8px 8px -8px rgba(var(--color-gray-rgb), 1);

	border-top-width: 				1px;
	border-top-style: 				solid;
	border-top-color: 				#eaeaeb;

	flex: 							1 1 auto;
}

.sections > .section:not(:first-child):not(:last-child) {
	-webkit-box-shadow: 			inset 0 -8px 8px -8px rgba(var(--color-gray-rgb), 1), inset 0 8px 8px -8px rgba(var(--color-gray-rgb), 1);
	-moz-box-shadow: 				inset 0 -8px 8px -8px rgba(var(--color-gray-rgb), 1), inset 0 8px 8px -8px rgba(var(--color-gray-rgb), 1);
	box-shadow: 					inset 0 -8px 8px -8px rgba(var(--color-gray-rgb), 1), inset 0 8px 8px -8px rgba(var(--color-gray-rgb), 1);

	border-top-width: 				1px;
	border-top-style: 				solid;
	border-top-color: 				#eaeaeb;

	border-bottom-width: 			1px;
	border-bottom-style: 			solid;
	border-bottom-color: 			#eaeaeb;
}

.sections > .section.section-border-top {
	margin-top:						8px;
}

.sections > .section > .section-inside {
	max-width: 						1480px;
	width: 							100%;
	margin-left: 					auto;
	margin-right: 					auto;
}

@media (min-width: 992px) {
	.sections > .section > .section-inside {
		padding: 					32px 64px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.sections > .section > .section-inside {
		padding: 					24px 48px;
	}
}

@media (min-width: 576px) and (max-width: 767px) {
	.sections > .section > .section-inside {
		padding: 					24px;
	}
}

@media (max-width: 575px) {
	.sections > .section > .section-inside {
		padding:					16px;
	}
}

@media (min-width: 992px) {
	.sections > .section-first {
		position:					sticky;
		top:						140px;
		z-index:					10;

		border-bottom-width: 		1px;
		border-bottom-style: 		solid;
		border-bottom-color: 		#eaeaeb;

		-moz-box-shadow: 			0 -1px 4px rgba(var(--color-black-rgb), .1);
		-webkit-box-shadow: 		0 -1px 4px rgba(var(--color-black-rgb), .1);
		box-shadow: 				0 -1px 4px rgba(var(--color-black-rgb), .1);
	}
}

@media (max-width: 991px) {
	.sections > .section-first {
		position:					sticky;
		top:						calc(60px - 36px - 12px);
		z-index:					10;

		border-bottom-width: 		1px;
		border-bottom-style: 		solid;
		border-bottom-color: 		#eaeaeb;

		-moz-box-shadow: 			0 -1px 4px rgba(var(--color-black-rgb), .1);
		-webkit-box-shadow: 		0 -1px 4px rgba(var(--color-black-rgb), .1);
		box-shadow: 				0 -1px 4px rgba(var(--color-black-rgb), .4);
	}
}

.sections > .section-first > .section-inside {
	padding-top:					0px !important;
	padding-bottom:					0px !important;
}


/*************************************************************/
/*******************[   Sections - CTAs   ]*******************/
/*************************************************************/
.section-cta {
	display:						flex;
	align-items:					start;
	flex-direction:					row;
	margin-bottom:					24px;
	gap:							16px 32px;
}

.section-cta.section-cta-border-bottom {
	align-items: 					center;
	margin-bottom:					16px;
	padding-bottom:					16px;

	border-bottom:					1px solid rgba(var(--color-gray-rgb), 1);
}

.section-cta-details {
	display:						flex;
	flex-direction:					column;
	gap:							2px;
}

.section-cta-details > *:nth-child(1) {
	margin-bottom:					0px;
}

.section-cta > button {
	margin-left:					auto;
}

@media (max-width: 575px) {
	.section-cta > button {
		width:						35px;
		min-width: 					35px;
		padding:					0 !important;
	}

	.section-cta > button .arrow,
	.section-cta > button .title {
		display:					none;
	}

	.section-cta > button .icon-svg {
		margin-right:				0;
		width:						22px;
		height: 					22px;
	}
}


/*************************************************************/
/******************[   Sections - Titles   ]******************/
/*************************************************************/
.section-title {
	display:						block;
	font-size:						18px;
	font-weight:					600;
	margin-bottom:					0px;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.section-description {
	display:						block;
	text-align:						justify;
	font-size:						14px;
	line-height:					23px;
	font-weight:					400;
	margin-bottom:					0px;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

@media (max-width: 575px) {
	.section-description {
		font-size:					13px;
		line-height:				21px;
	}
}


/*************************************************************/
/******************[   Sections - Alerts   ]******************/
/*************************************************************/
.section-alert {
	display:						flex;
	padding:						16px;
	gap:							16px;
	border-radius:					10px;
}

.section-alert.section-alert-red {
	border: 						1px solid rgba(var(--color-red-rgb), .2);
	background-color: 				rgba(var(--color-red-rgb), .1);
}

.section-alert > .section-alert-icon {
	display:						block;
	flex-shrink:					0;
	width:							40px;
	height:							40px;
}

.section-alert.section-alert-red > .section-alert-icon {
	color:							rgba(var(--color-red-rgb), 1);
}

.section-alert > .section-alert-details {
	display:						flex;
	flex-direction:					column;
	gap:							2px;
}

.section-alert > .section-alert-details > .section-alert-title {
	font-size:						16px;
	line-height:					24px;
	font-weight:					600;
}

.section-alert.section-alert-red > .section-alert-details > .section-alert-title {
	color: 							rgba(var(--color-red-rgb), 1);
}

.section-alert > .section-alert-details > .section-alert-message {
	font-size:						13px;
	line-height:					22px;
}

.section-alert.section-alert-red > .section-alert-details > .section-alert-message {
	color: 							rgba(var(--color-red-rgb), 1);
}

.section-alert-link {
	text-decoration:				underline;
	text-underline-offset: 			2px;

	font-weight: 					600;
	text-shadow: 					0px 4px 12px rgba(var(--color-black-rgb), .1);
}

.section-alert.section-alert-red .section-alert-link {
	color: 							rgba(var(--color-red-rgb), 1);
}

@media (hover: hover) {
	.section-alert.section-alert-red .section-alert-link:hover {
		background-color:			rgba(var(--color-red-rgb), .1);
	}
}

@media (hover: none) {
	.section-alert.section-alert-red .section-alert-link:active {
		background-color:			rgba(var(--color-red-rgb), .1);
	}
}


/*************************************************************/
/*******************[   Sections - Tasks   ]******************/
/*************************************************************/
.section-tasks {
	position:						relative;
	display:						flex;
	flex-direction:					column;

	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .02);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .02);
	box-shadow: 					0 4px 8px rgba(var(--color-black-rgb), .02);

	border-width: 					1px;
	border-style: 					solid;
	border-radius: 					10px;
	border-color: 					rgba(var(--color-gray-rgb), 1);

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.section-tasks > .task {
	position:						relative;
	display:						flex;
	flex-direction:					row;
	align-items: 					center;
}

.section-tasks > .task:not(:last-child) {
	border-bottom-width: 			1px;
	border-bottom-style: 			solid;
	border-bottom-color: 			rgba(var(--color-gray-rgb), 1);
}

.section-tasks > .task > .status {
	display:						flex;
	justify-content:				center;
	align-items: 					center;

	width:							40px;
	height:							40px;
	border-radius:					50px;
	flex-shrink:					0;
}

.section-tasks > .task.task-green > .status {
	color: 							rgba(var(--color-green-rgb), 1);
	background-color: 				rgba(var(--color-green-rgb), .2);
}

.section-tasks > .task.task-red > .status {
	color: 							rgba(var(--color-red-rgb), 1);
	background-color: 				rgba(var(--color-red-rgb), .2);
}

.section-tasks > .task.task-orange > .status {
	color: 							rgba(var(--color-orange-rgb), 1);
	background-color: 				rgba(var(--color-orange-rgb), .2);
}

.section-tasks > .task > .details {
	display:						flex;
	flex-direction:					column;
	flex-grow:						1;
	gap:							2px;
}

.section-tasks > .task > .details > .title {
	font-size: 						14px;
	line-height: 					20px;
	font-weight: 					500;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.section-tasks > .task > .details > .description {
	font-size: 						12px;
	line-height: 					18px;
	text-align: 					justify;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.section-tasks > .task > .action {
	display:						flex;
	gap:							4px 16px;
}

.section-tasks > .task > .action > .complete,
.section-tasks > .task > .action > .uncomplete {
	font-size: 						13px;
	line-height: 					20px;
	font-weight: 					500;
	text-align:						center;
}

.section-tasks > .task > .action > .complete {
	color: 							rgba(var(--color-green-rgb), 1);
}

.section-tasks > .task > .action > .uncomplete {
	color: 							rgba(var(--color-red-rgb), 1);
}

@media (min-width: 576px) {
	.section-tasks > .task {
		padding:					16px;
		gap:						16px;
		flex-wrap:					nowrap;
	}

	.section-tasks > .task > .status {
		width:						40px;
		height:						40px;
	}

	.section-tasks > .task > .status > svg {
		width:						28px;
		height:						28px;
	}
	
	.section-tasks > .task > .action {
		flex-direction:				column;
		min-width:					170px;
	}
}

@media (max-width: 575px) {
	.section-tasks > .task {
		padding:					12px;
		gap:						12px;
		flex-wrap:					wrap;
	}

	.section-tasks > .task > .status {
		align-self:					start;
		width:						30px;
		height:						30px;
	}

	.section-tasks > .task > .status > svg {
		width:						24px;
		height:						24px;
	}

	.section-tasks > .task > .details {
		width: 						calc(100% - 30px - 12px);
	}

	.section-tasks > .task > .action {
		flex-direction:				row;
		margin-left: 				auto;
		align-items:				center;
	}
	
	.section-tasks > .task > .action > form,
	.section-tasks > .task > .action > button {
		min-width:					170px;
	}

	.section-tasks > .task > .action > *:nth-child(1) {
		order: 						2;
	}

	.section-tasks > .task > .action > *:nth-child(2) {
		order: 						1;
	}
}


/*************************************************************/
/*******************[   Sections - Head   ]*******************/
/*************************************************************/
.section-head {
	display:						flex;
	justify-content: 				space-between;
	align-items:					start;
	gap:							16px 40px;
}

.section-head-description {
	position:						relative;
	margin-bottom:					24px;
}

.section-head-description > .description {
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	-webkit-line-clamp: 			3;

	overflow: 						hidden;
	word-wrap:						anywhere;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;

	margin-top:						0px;
	margin-bottom:					0px;
	width:							100%;
	font-weight:					400;
	text-align:						justify;

	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.section-head-description > .description.description-expanded {
	-webkit-line-clamp: 			unset;
	display: 						block;
}

.section-head-description > .button {
	position: 						absolute;
	cursor: 						pointer;
	border: 						none;

	right: 							0;
	bottom: 						0;

	font-weight: 					500;
	padding-right:					0px;
	padding-left: 					50px;

	background: 					linear-gradient(to right, rgba(245, 247, 251, 0), rgba(245, 247, 251, 1) 25%);
	background-color: 				transparent;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.section-head-description > .button > span {
	font-weight:					400;
	margin-right:					8px;
	color: 							rgba(var(--color-secondary-text-rgb), .2);
}

.section-head-summary {
    display: 						grid;
}

.section-head-summary > .section-head-summary-item {
	display:						flex;
	flex-direction:					column;
	gap:							2px;
}

.section-head-summary > .section-head-summary-item > .value {
	font-weight:					500;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.section-head-summary > .section-head-summary-item > .label {
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.section-head-thumbnail-container {
	position: 						relative;
	overflow: 						hidden;
	width: 							100%;
	padding-bottom: 				56.25%;
	border-radius:					10px;
}

.section-head-thumbnail-container > .section-head-thumbnail {
	position:						absolute;
	object-fit: 					cover;
	cursor:							pointer;
	top: 							0;
	left: 							0;
	width:							100%;
	height:							100%;
}

@media (min-width: 992px) {
	.section-head {
		flex-direction:				row;
	}

	.section-head > .section-head-left {
		display:					flex;
		flex-direction:				column;

		width: 						55%;
		flex-grow: 					1;
	}

	.section-head > .section-head-right {
		width: 						45%;
		flex-grow: 					2;
	}

	.section-head-description > .description,
	.section-head-description > .button {
		font-size:					14px;
		line-height:				23px;
	}

	.section-head-summary {
		gap: 						24px 16px;
		grid-template-columns: 		repeat(2, 1fr);
	}

	.section-head-summary > .section-head-summary-item > .value {
		font-size:					18px;
		line-height:				26px;
	}

	.section-head-summary > .section-head-summary-item > .label {
		font-size:					12px;
		line-height:				18px;
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.section-head {
		flex-direction:				column;
	}

	.section-head > .section-head-left {
		width: 						100%;
	}

	.section-head > .section-head-right {
		width: 						100%;
	}

	.section-head-description > .description,
	.section-head-description > .button {
		font-size:					13px;
		line-height:				21px;
	}

	.section-head-summary {
		gap: 						24px 16px;
		grid-template-columns: 		repeat(3, 1fr);
	}

	.section-head-summary > .section-head-summary-item > .value {
		font-size:					16px;
		line-height:				24px;
	}

	.section-head-summary > .section-head-summary-item > .label {
		font-size:					12px;
		line-height:				18px;
	}
}

@media (max-width: 575px) {
	.section-head {
		flex-direction:				column;
	}

	.section-head > .section-head-left {
		width: 						100%;
	}

	.section-head > .section-head-right {
		width: 						100%;
	}

	.section-head-description > .description,
	.section-head-description > .button {
		font-size:					12px;
		line-height:				19px;
	}

	.section-head-summary {
		gap: 						24px 16px;
		grid-template-columns: 		repeat(2, 1fr);
	}

	.section-head-summary > .section-head-summary-item > .value {
		font-size:					14px;
		line-height:				22px;
	}

	.section-head-summary > .section-head-summary-item > .label {
		font-size:					11px;
		line-height:				16px;
	}
}


/*************************************************************/
/*******************[   Sections - Tabs   ]*******************/
/*************************************************************/
.section-tabs {
	position:						relative;
	display:						flex;
	width: 							100%;
	gap:							12px 32px;
}

.section-tabs-main {
	display:						flex;
	align-items: 					center;
}

.section-tabs-main > .section-tabs-logo {
	display: 						block;

	-webkit-transform: 				scale(1);
	-moz-transform: 				scale(1);
	-ms-transform: 					scale(1);
	-o-transform: 					scale(1);
	transform: 						scale(1);

	-webkit-transition: 			transform 0.3s;
	-moz-transition: 				transform 0.3s;
	-ms-transition: 				transform 0.3s;
	-o-transition: 					transform 0.3s;
	transition: 					transform 0.3s;
}

.section-tabs-main > .section-tabs-logo[data-image-overlay="true"] {
	cursor:							pointer;
}

.section-tabs-main > .section-tabs-logo:not(.section-tabs-logo-avatar) {
	object-fit: 					scale-down;
	width:							auto;
}

.section-tabs-main > .section-tabs-logo.section-tabs-logo-avatar {
	object-fit:						cover;
	border-radius:					50px;
	background-color:				rgba(var(--color-white-rgb), 1);

	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .02);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .02);
	box-shadow: 					0 4px 8px rgba(var(--color-black-rgb), .02);
}

.section-tabs-main > .section-tabs-logo-delete {
	position:						absolute;
	display:						flex;
	justify-content:				center;
	align-items:					center;
	cursor:							pointer;
	border-radius: 					50px;

	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .1);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .1);
	box-shadow: 					0 4px 8px rgba(var(--color-black-rgb), .1);

	color:							rgba(var(--color-red-rgb), 1);
	background-color:				rgba(var(--color-white-rgb), 1);
}

.section-tabs-main > .section-tabs-details {
	display:						flex;
	flex-direction:					column;
	gap:							1px;					
}

.section-tabs-main > .section-tabs-details > .section-tabs-title {
	letter-spacing:					-0.2px;
	font-weight:					700;
	margin-bottom:					0px;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.section-tabs-main > .section-tabs-details > .section-tabs-subtitle {
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.section-tabs-scroll {
	display: 						flex;
	align-items: 					center;
	overflow-x: 					auto;
	overflow-y:						hidden;
	white-space: 					nowrap;
	scrollbar-width: 				none;
	-webkit-overflow-scrolling: 	touch;
	user-select: 					none;
	-webkit-user-drag: 				none;

	margin: 						-8px;
	padding: 						8px;

	gap: 							4px;
}

.section-tabs-scroll {
	cursor: 						grab;
}

.section-tabs-scroll.is-dragging {
	cursor: 						grabbing;
}

.section-tabs-scroll::-webkit-scrollbar {
	display: 						none;
}

.section-tab {
	display: 						inline-flex;
	align-items: 					center;
	justify-content: 				center;
	text-decoration: 				none;
	user-select: 					none;
	-webkit-user-drag: 				none;
	gap:							6px;
	flex: 							0 0 auto;

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;

	border-width: 					1px;
	border-radius: 					10px;
	border-style: 					solid;
	border-color: 					rgba(var(--color-gray-rgb), 1);
}

.section-tab.section-tab-left {
	margin-left:					auto;
}

.section-tab:not(.section-tab-active) {
	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .02);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .02);
	box-shadow: 					0 4px 8px rgba(var(--color-black-rgb), .02);

	border-color: 					rgba(var(--color-gray-rgb), 1);
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.section-tab.section-tab-active {
	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .1);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .1);
	box-shadow: 					0 4px 8px rgba(var(--color-black-rgb), .1);

	border-color: 					rgba(var(--color-blue-rgb), .2);
	background-color: 				rgba(var(--color-blue-rgb), .1);
}

.section-tab > .icon-svg {
	flex-shrink:					0;
	width:							22px;
	height:							22px;
}

.section-tab > .title {
	font-weight:					500;
	white-space: 					nowrap;

	-webkit-transition: 			color 0.3s ease;
	-moz-transition: 				color 0.3s ease;
	-ms-transition: 				color 0.3s ease;
	-o-transition: 					color 0.3s ease;
	transition: 					color 0.3s ease;
}

.section-tab:not(.section-tab-active) > .icon-svg,
.section-tab:not(.section-tab-active) > .title {
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.section-tab.section-tab-active > .icon-svg,
.section-tab.section-tab-active > .title {
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

@media (hover: hover) {
	.section-tab:hover {
		-webkit-box-shadow: 		0 4px 8px rgba(var(--color-black-rgb), .1);
		-moz-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .1);
		box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .1);

		-webkit-transform: 			translateY(-2px);
		-moz-transform: 			translateY(-2px);
		-ms-transform: 				translateY(-2px);
		-o-transform: 				translateY(-2px);
		transform: 					translateY(-2px);
	}

	.section-tab:not(.section-tab-active):hover .title {
		color: 						rgba(var(--color-primary-text-rgb), 1);
	}

	.section-tabs-logo[data-image-overlay="true"]:hover {
		-webkit-transform: 			scale(1.2);
		-moz-transform: 			scale(1.2);
		-ms-transform: 				scale(1.2);
		-o-transform: 				scale(1.2);
		transform: 					scale(1.2);
	}
}

@media (hover: none) {
	.section-tab:active {
		-webkit-box-shadow: 		0 4px 8px rgba(var(--color-black-rgb), .1);
		-moz-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .1);
		box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .1);

		-webkit-transform: 			translateY(-2px);
		-moz-transform: 			translateY(-2px);
		-ms-transform: 				translateY(-2px);
		-o-transform: 				translateY(-2px);
		transform: 					translateY(-2px);
	}

	.section-tab:not(.section-tab-active):active .title {
		color: 						rgba(var(--color-primary-text-rgb), 1);
	}

	.section-tabs-logo[data-image-overlay="true"]:active {
		-webkit-transform: 			scale(1.2);
		-moz-transform: 			scale(1.2);
		-ms-transform: 				scale(1.2);
		-o-transform: 				scale(1.2);
		transform: 					scale(1.2);
	}
}

@media (min-width: 992px) {
	.section-tabs {
		flex-direction:				row;
		justify-content:			space-between;
		align-items:				center;

		height:						80px;
	}

	.section-tabs-main {
		gap:						12px;
		height:						40px;
	}

	.section-tabs-main > .section-tabs-logo {
		height:						45px;
	}

	.section-tabs-main > .section-tabs-logo.section-tabs-logo-avatar {
		width:						45px;
	}

	.section-tabs-main > .section-tabs-logo-delete {
		width:						22px;
		height:						22px;

		left: 						28px;
		top: 						12px;
	}

	.section-tabs-main > .section-tabs-logo-delete svg {
		width:						18px;
		height:						18px;
	}

	.section-tabs-main > .section-tabs-details > .section-tabs-title {
		white-space:				nowrap;

		font-size:					28px;
		line-height: 				30px;
	}

	.section-tabs-main > .section-tabs-details > .section-tabs-subtitle {
		font-size:					12px;
		line-height: 				14px;
	}

	.section-tab {
		height: 					45px;
		padding: 					8px 12px;
	}

	.section-tab > .title {
		font-size: 					13px;
	}
}

@media (max-width: 991px) {
	.section-tabs {
		flex-direction:				column;
		justify-content:			start;

		padding:					12px 0;
	}

	.section-tabs-main {
		gap:						10px;
	}

	.section-tabs-main > .section-tabs-logo {
		height:						36px;
	}

	.section-tabs-main > .section-tabs-logo.section-tabs-logo-avatar {
		width:						36px;
	}

	.section-tabs-main > .section-tabs-logo-delete {
		width:						18px;
		height:						18px;

		left: 						24px;
		top: 						8px;
	}

	.section-tabs-main > .section-tabs-logo-delete svg {
		width:						18px;
		height:						18px;
	}

	.section-tabs-main > .section-tabs-details {
		margin-top:					-2px;
	}

	.section-tabs-main > .section-tabs-details > .section-tabs-title {
		display: 					-webkit-box;
		overflow: 					hidden;
		word-wrap: 					anywhere;
		text-overflow: 				ellipsis;
		word-break: 				break-all;
		white-space: 				normal;
		-webkit-box-orient: 		vertical;
		-webkit-line-clamp: 		1;

		font-size:					20px;
		line-height: 				22px;
	}

	.section-tabs-main > .section-tabs-details > .section-tabs-subtitle {
		font-size:					11px;
		line-height: 				13px;
	}

	.section-tab {
		height: 					35px;
		padding: 					8px 12px;
	}

	.section-tab > .title {
		font-size: 					12px;
	}
}


/*************************************************************/
/*******************[   Sections - Maps   ]*******************/
/*************************************************************/
.section-map {
	display:						flex;
	flex-direction:					column;
	border-radius: 					4px;

	flex-grow:						1;
}

.section-map:not(.section-map-fullscreen) {
	position:						relative;
	width:							100%;
	height: 						300px;
}

.section-map.section-map-fullscreen {
	position:						fixed;
	top:							0;
	left:							0;
	z-index:						2000;
}

.section-map.section-map-fullscreen::before {
	content:						'';
	position:						fixed;

	top:							0;
	left:							0;
	width:							100%;
	height:							100%;

	background-color: 				rgba(var(--color-black-rgb), .6);
}

.section-map > .section-map-iframe {
    width: 							100%;
    height: 						100%;
    border: 						0;
	z-index:						1;
}

.section-map:not(.section-map-fullscreen) > .section-map-iframe {
	border-radius: 					10px;
}

.section-map > .section-map-resize {
	position:						absolute;
	cursor:							pointer;
	white-space: 					nowrap;
	display:						flex;
	align-items: 					center;
	text-align: 					center;

	border-radius: 					2px;
	padding: 						0 10px;
	font-weight: 					500;
	z-index:						2;

	-webkit-box-shadow: 			rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
	-moz-box-shadow: 				rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
	box-shadow: 					rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;

	color:							rgba(var(--color-primary-text-rgb), 1);
	background-color:				rgba(var(--color-white-rgb), 1);
}

@media (min-width: 992px) {
	.section-map.section-map-fullscreen {
		width:						calc(100% - 64px);
		height: 					calc(100% - 64px);

		margin: 					32px;
	}

	.section-map > .section-map-resize {
		font-size: 					13px;
		top:						-16px;
		right:						16px;
		height:						32px;
	}
}

@media (max-width: 991px) {
	.section-map.section-map-fullscreen {
		width:						100%;
		height: 					100%;

		margin: 					0px;
	}

	.section-map > .section-map-resize {
		font-size: 					12px;
		bottom: 					8px;
		left: 						8px;
		height: 					50px;
	}
}


/*************************************************************/
/*******************[   Section - Cards   ]*******************/
/*************************************************************/
.section-cards {
    display: 						flex;
	flex-wrap: 						wrap;
	justify-content: 				center;
    gap: 							8px;
}

.section-cards > .section-card {
	position:						relative;
	display:						flex;
	flex-direction:					column;
	gap:							2px;

	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .02);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .02);
	box-shadow: 					0 4px 8px rgba(var(--color-black-rgb), .02);

	border-width: 					1px;
	border-style: 					solid;
	border-radius: 					10px;
	border-color: 					rgba(var(--color-gray-rgb), 1);

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.section-cards > .section-card > .value {
	font-size: 						15px;
	line-height: 					20px;
	font-weight: 					500;
	overflow:						hidden;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.section-cards > .section-card > .label {
	font-size: 						12px;
	line-height: 					18px;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.section-cards > .section-card > .action {
	position:						absolute;
	cursor:							pointer;

	right:							4px;
	bottom:							4px;
	z-index:						1;
	border-radius: 					8px;

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.section-cards > .section-card > .action > .icon-svg {
	width:							20px;
	height:							20px;
	border-radius: 					8px;
	padding:						1px;

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;

	outline-width:					1px;
	outline-style:					solid;
	outline-color: 					rgba(var(--color-black-rgb), 1);

	color: 							rgba(var(--color-white-rgb), 1);
	background-color: 				rgba(var(--color-black-rgb), .75);
}

@media (hover: hover) {
	.section-cards > .section-card > .action:hover .icon-svg {
		outline-color: 				rgba(var(--color-black-rgb), 1);
		background-color: 			rgba(var(--color-black-rgb), 1);
	}
}

@media (hover: none) {
	.section-cards > .section-card > .action:active .icon-svg {
		outline-color: 				rgba(var(--color-black-rgb), 1);
		background-color: 			rgba(var(--color-black-rgb), 1);
	}
}

@media (min-width: 992px) {
	.section-cards > .section-card {
		padding: 					12px;
	}
}

@media (max-width: 991px) {
	.section-cards > .section-card {
		padding: 					8px;
	}
}

@media (min-width: 1200px) {
	.section-cards > .section-card {
		flex: 						1 1 calc(16.66% - 8px);
		max-width:					calc(16.66% - 8px);
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.section-cards > .section-card {
		flex: 						1 1 calc(33.333% - 8px);
		max-width:					calc(33.333% - 8px);
	}
}

@media (max-width: 767px) {
	.section-cards > .section-card {
		flex: 						1 1 calc(50% - 8px);
		max-width:					calc(50% - 8px);
	}
}


/*************************************************************/
/*****************[   Sections - Catalogs   ]*****************/
/*************************************************************/
.section-catalog {
	gap: 							24px;
}

@media (min-width: 992px) {
	.section-catalog {
		display: 					grid;
		grid-template-columns: 		320px 1fr;
	}
}

@media (max-width: 991px) {
	.section-catalog {
		display: 					flex;
		flex-direction:				column;
	}
}

.section-catalog > .left-col {
	display: 						flex;
	flex-direction: 				column;
}

.section-catalog > .right-col {
	display: 						flex;
	flex-direction: 				column;
}


/*************************************************************/
/****************[   Sections - Categories   ]****************/
/*************************************************************/
.section-categories {
	position:						relative;
	justify-content: 				start;
}

.section-categories.section-categories-grid {
    display: 						grid;
    gap: 							8px;
}

.section-categories.section-categories-scroll {
	display:						flex;
	gap:							4px;

	margin: 						-8px -4px;
	padding: 						8px 4px;

	overflow-x: 					auto;
	overflow-y: 					hidden;

	scrollbar-width: 				none;
	-webkit-overflow-scrolling: 	touch;
	user-select: 					none;
	-webkit-user-drag: 				none;
}

@media (min-width: 992px) {
	.section-categories.section-categories-responsive {
		display: 					grid;
		gap: 						8px;
	}
}

@media (max-width: 991px) {
	.section-categories.section-categories-responsive {
		display:					flex;
		gap:						4px;

		margin: 					-8px -4px;
		padding: 					8px 4px;

		overflow-x: 				auto;
		overflow-y: 				hidden;

		scrollbar-width: 			none;
		-webkit-overflow-scrolling: touch;
		user-select: 				none;
		-webkit-user-drag: 			none;
	}
}

.section-categories.section-categories-scroll:not(.is-dragging) {
	cursor: 						grab;
}

.section-categories.section-categories-scroll.is-dragging {
	cursor: 						grabbing;
}

.section-categories.section-categories-scroll::-webkit-scrollbar {
	display: 						none;
}

.section-categories::after {
    content: 						'';
    width: 							0;
}

.section-categories > .section-category {
	position: 						relative;
	display: 						flex;
	flex-direction: 				row;
	align-items:					center;
	width:							100%;
	flex-shrink:					1;

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;

	border-width: 					1px;
	border-style: 					solid;
	border-radius: 					10px;
}

.section-categories > .section-category:not(.section-category-active) {
	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .02);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .02);
	box-shadow:	 					0 4px 8px rgba(var(--color-black-rgb), .02);

	border-color: 					rgba(var(--color-gray-rgb), 1);
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.section-categories > .section-category.section-category-active {
	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .1);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .1);
	box-shadow: 					0 4px 8px rgba(var(--color-black-rgb), .1);

	border-color:					rgba(var(--color-blue-rgb), .2);
	background-color: 				rgba(var(--color-blue-rgb), .1);
}

.section-category-icon {
	flex-shrink:					0;
	align-self:						start;
	color: 							rgba(var(--color-blue-rgb), 1);
}

.section-category-details {
	display:						flex;
	flex-direction:					column;
	flex-grow:						1;
	gap:							2px;
}

.section-category-details > .section-category-title {
	font-weight: 					500;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.section-category-details > .section-category-description {
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	overflow: 						hidden;
	word-wrap: 						anywhere;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;
	
	font-weight: 					400;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.section-category-count {
	position:						relative;
	display: 						flex;
	flex-direction: 				column;
	justify-content:				center;
}

.section-category-count::before {
	content:						'';
	position:						absolute;
	width:							1px;
	height:							100%;
	top:							0;

	background-color: 				rgba(var(--color-gray-rgb), 1);
}

.section-category-count > .section-category-count-number {
	text-align:						center;
	white-space:					nowrap;

	font-weight: 					600;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.section-category-count > .section-category-count-label {
	text-align:						center;
	white-space:					nowrap;

	font-weight: 					400;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

@media (hover: hover) {
	.section-categories > .section-category:hover {
		-webkit-box-shadow: 		0 4px 8px rgba(var(--color-black-rgb), .1);
		-moz-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .1);
		box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .1);

		-webkit-transform: 			translateY(-2px);
		-moz-transform: 			translateY(-2px);
		-ms-transform: 				translateY(-2px);
		-o-transform: 				translateY(-2px);
		transform: 					translateY(-2px);
	}
}

@media (hover: none) {
	.section-categories > .section-category:active {
		-webkit-box-shadow: 		0 4px 8px rgba(var(--color-black-rgb), .1);
		-moz-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .1);
		box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .1);

		-webkit-transform: 			translateY(-2px);
		-moz-transform: 			translateY(-2px);
		-ms-transform: 				translateY(-2px);
		-o-transform: 				translateY(-2px);
		transform: 					translateY(-2px);
	}
}

@media (min-width: 576px) {
	.section-categories.section-categories-sm {
		grid-template-columns: 		repeat(auto-fit, minmax(320px, 1fr));
	}

	.section-categories.section-categories-md {
		grid-template-columns: 		repeat(auto-fit, minmax(340px, 1fr));
	}
}

@media (max-width: 575px) {
	.section-categories {
		grid-template-columns: 		1fr;
	}
}

@media (min-width: 992px) {
	.section-categories.section-categories-sm .section-category {
		gap: 						16px 12px;
		padding: 					16px 12px;
	}

	.section-categories.section-categories-md .section-category {
		gap:						16px 12px;
		padding: 					16px 12px;
	}

	.section-categories.section-categories-sm .section-category-icon {
		width:						30px;
		height:						30px;
	}

	.section-categories.section-categories-md .section-category-icon {
		width:						38px;
		height:						38px;
	}

	.section-categories.section-categories-sm .section-category-details > .section-category-title {
		font-size:					14px;
	}

	.section-categories.section-categories-md .section-category-details > .section-category-title {
		font-size:					15px;
	}

	.section-categories.section-categories-sm .section-category-details > .section-category-description {
		-webkit-line-clamp: 		2;
		font-size:					12px;
		line-height:				18px;
		min-height:					calc(18px * 2);
	}

	.section-categories.section-categories-md .section-category-details > .section-category-description {
		-webkit-line-clamp: 		2;
		font-size:					12px;
		line-height:				18px;
		min-height:					calc(18px * 2);
	}

	.section-category-count::before {
		left:						-8px;
	}

	.section-category-count > .section-category-count-number {
		font-size:					18px;
	}

	.section-category-count > .section-category-count-label {
		font-size:					11px;
	}
}

@media (max-width: 991px) {
	.section-categories.section-categories-sm .section-category {
		gap:						8px 12px;
		padding: 					8px 12px;
		min-width:					240px;
	}

	.section-categories.section-categories-md .section-category {
		gap:						12px;
		padding: 					12px;
	}

	.section-categories.section-categories-sm .section-category-icon {
		width:						26px;
		height:						26px;
	}

	.section-categories.section-categories-md .section-category-icon {
		width:						32px;
		height:						32px;
	}

	.section-categories.section-categories-sm .section-category-details > .section-category-title {
		font-size:					12px;
		white-space:				nowrap;
	}

	.section-categories.section-categories-md .section-category-details > .section-category-title {
		font-size:					14px;
	}

	.section-categories.section-categories-sm .section-category-details > .section-category-description {
		-webkit-line-clamp: 		2;
		font-size:					11px;
		line-height:				16px;
		min-height:					calc(16px * 2);
	}

	.section-categories.section-categories-md .section-category-details > .section-category-description {
		-webkit-line-clamp: 		2;
		font-size:					11px;
		line-height:				16px;
	}

	.section-category-count::before {
		left:						-6px;
	}

	.section-category-count > .section-category-count-number {
		font-size:					16px;
	}

	.section-category-count > .section-category-count-label {
		font-size:					10px;
	}
}


/*************************************************************/
/******************[   Sections - Results   ]*****************/
/*************************************************************/
.section-results {
	position:						relative;
	display:						flex;
	flex-direction: 				column;
	gap:							24px;
}

.section-result {
	position: 						relative;
	display: 						flex;
	flex-direction: 				row;

	width:							100%;
	flex-shrink:					0;

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;
}

.section-result:not(.section-result-transparent) {
	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .02);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .02);
	box-shadow:	 					0 4px 8px rgba(var(--color-black-rgb), .02);

	border-width: 					1px;
	border-style: 					solid;
	border-radius: 					10px;
	border-color: 					rgba(var(--color-gray-rgb), 1);

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.section-result:not(.section-result-single) {
	cursor:							pointer;
}

.section-result.section-result-single {
	max-width: 						900px;
	margin: 						0 auto;
}

.section-result-rating {
	position:						relative;
	display:						flex;
	align-self:						start;
	align-items: 					center;
	flex-direction: 				column;
	gap:							8px;
	flex-shrink:					0;
}

.section-result-rating > .section-result-rating-button {
	display:						flex;
	cursor:							pointer;

	padding:						6px;
	border-radius:					50px;

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;

	outline-width: 					1px;
	outline-offset: 				1px;
	outline-style:					solid;
	outline-color:					transparent;
}

.section-result-rating > .section-result-rating-button svg {
	width:							24px;
	height:							24px;

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;

	-webkit-filter: 				drop-shadow(1px 1px 1px rgba(var(--color-black-rgb), .2));
	filter: 						drop-shadow(1px 1px 1px rgba(var(--color-black-rgb), .2));

	color:							rgba(var(--color-secondary-text-rgb), .8);
}

.section-result-rating > .section-result-rating-button-up {
	background-color:				rgba(var(--color-green-rgb), .05);
}

.section-result-rating > .section-result-rating-button-down {
	background-color:				rgba(var(--color-red-rgb), .05);
}

.section-result-rating > .section-result-rating-button-up.section-result-rating-button-active {
	background-color:				rgba(var(--color-green-rgb), .50);
	outline-color:					rgba(var(--color-green-rgb), .50);
}

.section-result-rating > .section-result-rating-button-down.section-result-rating-button-active {
	background-color:				rgba(var(--color-red-rgb), .50);
	outline-color:					rgba(var(--color-red-rgb), .50);
}

.section-result-rating > .section-result-rating-button-up.section-result-rating-button-active svg {
	color:							rgba(var(--color-white-rgb), 1);
}

.section-result-rating > .section-result-rating-button-down.section-result-rating-button-active svg {
	color:							rgba(var(--color-white-rgb), 1);
}

.section-result-rating > .section-result-rating-number {
	display:						flex;
}

.section-result-rating > .section-result-rating-number span {
	font-size:						16px;
	font-weight:					600;
	color:							rgba(var(--color-primary-text-rgb), 1);
}

.section-result-rating > .section-result-rating-number .negative {
	color:							rgba(var(--color-primary-text-rgb), 1);
}

.section-result-content {
	position:						relative;
	display:						flex;
	flex-direction: 				column;
	flex: 							1 1 auto;
	min-width: 						0;
}

.section-result-details {
	position:						relative;
	display:						flex;
	flex-direction: 				column;
	gap:							12px;
}

.section-result-details > .title {
	font-weight:					600;

	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.section-result-details > .content {
	display: 						flex;
	flex-direction:					column;
	gap:							16px;
}

.section-result-details > .content p {
	margin-bottom:					0;
	text-align:						justify;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.section-result-details > .content a {
	font-weight: 					500;
	color: 							rgba(var(--color-blue-rgb), .9);
}

.section-result-details > .description {
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	-webkit-line-clamp: 			3;

	overflow: 						hidden;
	text-overflow: 					ellipsis;

	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.section-result-topic {
	position:						absolute;
	display:						flex;
	flex-direction: 				row;
	align-items:					center;
	cursor:							default;

	gap:							6px;
	padding: 						0 8px;
	height: 						28px;
	right:							0px;

	-webkit-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .02);
	-moz-box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .02);
	box-shadow:	 					0 4px 8px rgba(var(--color-black-rgb), .02);

	border-width: 					1px;
	border-style: 					solid;
	border-radius: 					4px;
	border-color: 					rgba(var(--color-gray-rgb), 1);

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.section-result-topic > .icon-svg {
	flex-shrink:					0;
	width:							20px;
	height:							20px;

	color: 							rgba(var(--color-blue-rgb), 1);
}

.section-result-topic > .name {
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.section-result-separator {
	position:						relative;
	width:							100%;
	height:							1px;
	margin-top: 					16px;
	margin-bottom: 					16px;

	background-color: 				rgba(var(--color-gray-rgb), 1);
}

.section-result-meta {
	display: 						flex;
	flex-direction: 				row;
	justify-content:				start;
	flex-wrap:						wrap;
	gap:							8px 16px;
}

.section-result-meta > .section-result-meta-item {
	display: 						flex;
	flex-direction: 				row;
	align-items:					center;
	gap:							6px;
}

.section-result-meta > .section-result-meta-item.section-result-meta-item-action {
	cursor:							pointer;
}

.section-result-meta > .section-result-meta-item:nth-last-child(2) {
	margin-right:					auto;
}

.section-result-meta > .section-result-meta-item > .avatar {
	flex-shrink:					0;
	width:							20px;
	height:							20px;
	border-radius:					50px;

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.section-result-meta > .section-result-meta-item > .icon-svg {
	flex-shrink:					0;
	width:							20px;
	height:							20px;

	color: 							rgba(var(--color-blue-rgb), 1);
}

.section-result-meta > .section-result-meta-item.section-result-meta-item-red > .icon-svg {
	color: 							rgba(var(--color-red-rgb), 1);
}

.section-result-meta > .section-result-meta-item > .title {
	font-size:						12px;

	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.section-result-meta > .section-result-meta-item.section-result-meta-item-red > .title {
	color: 							rgba(var(--color-red-rgb), 1);
}

.section-result-attachments {
	display:						flex;
	flex-direction:					row;
	flex-wrap:						nowrap;
	gap:							8px;
	max-width: 						100%;
	overflow-x: 					auto;
	overflow-y: 					hidden;

	margin-bottom:					-8px;
	padding-bottom:					8px;
}

.section-result-attachments > .section-result-attachment {
	cursor:							pointer;
	flex: 							0 0 auto;
}

.section-result-attachments > .section-result-attachment > img {
	display: 						block;
	object-fit:						cover;
	width:							auto;
	max-width: 						100%;
	height:							150px;

	padding: 						1px;
	border-width: 					1px;
	border-style: 					solid;
	border-radius: 					10px;
	border-color: 					rgba(var(--color-gray-rgb), 1);
}

.section-result-comments {
	display:						flex;
	flex-direction:					column;
	gap:							8px;
}

.section-result-comments > .section-result-comment {
	display:						flex;
	flex-direction:					column;

	border-width: 					1px;
	border-style: 					solid;
	border-radius: 					10px;
	border-color: 					rgba(var(--color-gray-rgb), 1);

	background-color: 				rgba(var(--color-white-rgb), 1);
}

.section-result-comments > .section-result-comment > .head {
	display:						flex;
	justify-content:				space-between;
	flex-wrap: 						wrap;
	width:							100%;
	margin-bottom:					16px;
	gap: 							8px 16px;
}

.section-result-comments > .section-result-comment > .head > .author,
.section-result-comments > .section-result-comment > .head > .date {
	display:						flex;
	flex-direction:					row;
	align-items:					center;
	gap: 							6px;
}

.section-result-comments > .section-result-comment > .head > .author > .avatar {
	flex-shrink: 					0;
	border-radius: 					50px;
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.section-result-comments > .section-result-comment > .head > .author > .title > .user {
	font-weight:					600;
	color: 							rgba(var(--color-primary-text-rgb), 1);
}

.section-result-comments > .section-result-comment > .head > .author > .title > .label {
	font-weight:					400;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.section-result-comments > .section-result-comment > .head > .date > .title {
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.section-result-comments > .section-result-comment > .body {
	display: 						flex;
	flex-direction:					column;
}

.section-result-comments > .section-result-comment > .body p {
	margin-bottom:					0;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

.section-result-comments > .section-result-comment > .body a {
	font-weight: 					500;
	color: 							rgba(var(--color-blue-rgb), .9);
}

.section-result-comments > .section-result-comment > .action {
	display: 						flex;
	flex-direction: 				row;
	justify-content: 				start;
	flex-wrap: 						wrap;
	margin-top: 					12px;
	padding-top: 					12px;

	border-top: 					1px solid rgba(var(--color-gray-rgb), 1);
}

.section-result-comments > .section-result-comment > .action > .action {
	display: 						flex;
	flex-direction: 				row;
	align-items: 					center;
	cursor:							pointer;
	gap: 							6px;
	padding:						4px 6px;
	border-radius:					10px;

	-webkit-transition: 			all 0.3s ease;
	-moz-transition: 				all 0.3s ease;
	-ms-transition: 				all 0.3s ease;
	-o-transition: 					all 0.3s ease;
	transition: 					all 0.3s ease;
}

.section-result-comments > .section-result-comment > .action > .action .icon-svg {
	flex-shrink: 					0;
	width: 							20px;
	height: 						20px;
	color: 							rgba(var(--color-blue-rgb), 1);
}

.section-result-comments > .section-result-comment > .action > .action .title {
	font-size: 						12px;
	color: 							rgba(var(--color-secondary-text-rgb), 1);
}

@media (hover: hover) {
	.section-result:not(.section-result-single):hover {
		-webkit-box-shadow: 		0 4px 8px rgba(var(--color-black-rgb), .1);
		-moz-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .1);
		box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .1);

		-webkit-transform: 			translateY(-2px);
		-moz-transform: 			translateY(-2px);
		-ms-transform: 				translateY(-2px);
		-o-transform: 				translateY(-2px);
		transform: 					translateY(-2px);
	}

	.section-result-rating > .section-result-rating-button.section-result-rating-button-up:not(.section-result-rating-button-active):hover {
		background-color:			rgba(var(--color-green-rgb), .15);
	}

	.section-result-rating > .section-result-rating-button.section-result-rating-button-up:not(.section-result-rating-button-active):hover svg {
		color:						rgba(var(--color-green-rgb), 1);
	}

	.section-result-rating > .section-result-rating-button.section-result-rating-button-down:not(.section-result-rating-button-active):hover {
		background-color:			rgba(var(--color-red-rgb), .15);
	}

	.section-result-rating > .section-result-rating-button.section-result-rating-button-down:not(.section-result-rating-button-active):hover svg {
		color:						rgba(var(--color-red-rgb), 1);
	}

	.section-result-details > .content a:hover,
	.section-result-comments > .section-result-comment > .body a:hover {
		color: 	 					rgba(var(--color-blue-rgb), 1);
		text-decoration: 			underline;
		text-underline-offset: 		2px;
		background-color:			rgba(var(--color-blue-rgb), .04);
	}

	.section-result-comments > .section-result-comment > .action > .action:hover {
		background-color:			 rgba(var(--color-blue-rgb), .1);
	}
}

@media (hover: none) {
	.section-result:not(.section-result-single):active {
		-webkit-box-shadow: 		0 4px 8px rgba(var(--color-black-rgb), .1);
		-moz-box-shadow: 			0 4px 8px rgba(var(--color-black-rgb), .1);
		box-shadow: 				0 4px 8px rgba(var(--color-black-rgb), .1);

		-webkit-transform: 			translateY(-2px);
		-moz-transform: 			translateY(-2px);
		-ms-transform: 				translateY(-2px);
		-o-transform: 				translateY(-2px);
		transform: 					translateY(-2px);
	}

	.section-result-rating > .section-result-rating-button.section-result-rating-button-up:active {
		background-color:			rgba(var(--color-green-rgb), .15);
	}

	.section-result-rating > .section-result-rating-button.section-result-rating-button-up:active svg {
		color:						rgba(var(--color-green-rgb), 1);
	}

	.section-result-rating > .section-result-rating-button.section-result-rating-button-down:active {
		background-color:			rgba(var(--color-red-rgb), .15);
	}

	.section-result-rating > .section-result-rating-button.section-result-rating-button-down:active svg {
		color:						rgba(var(--color-red-rgb), 1);
	}

	.section-result-details > .content a:active,
	.section-result-comments > .section-result-comment > .body a:active {
		color: 	 					rgba(var(--color-blue-rgb), 1);
		text-decoration: 			underline;
		text-underline-offset: 		2px;
		background-color:			rgba(var(--color-blue-rgb), .04);
	}

	.section-result-comments > .section-result-comment > .action > .action:active {
		background-color:			 rgba(var(--color-blue-rgb), .1);
	}
}

@media (min-width: 992px) {
	.section-result {
		gap:						24px;
	}

	.section-result:not(.section-result-transparent) {
		padding: 					24px;
	}

	.section-result-details > .title {
		font-size: 					18px;
		line-height: 				26px;
	}

	.section-result-details > .description,
	.section-result-details > .content,
	.section-result-comments > .section-result-comment > .body {
		font-size: 					14px;
		line-height: 				23px;
	}

	.section-result-topic {
		top:						-37px;
	}

	.section-result-topic > .name {
		font-size: 					12px;

		color: 						rgba(var(--color-primary-text-rgb), 1);
	}

	.section-result-comments > .section-result-comment {
		padding:					16px;
	}

	.section-result-comments > .section-result-comment > .head > .author > .avatar {
		width: 						28px;
		height: 					28px;
	}

	.section-result-comments > .section-result-comment > .head > .author > .title {
		line-height:				23px;
	}

	.section-result-comments > .section-result-comment > .head > .author > .title > .user {
		font-size: 					15px;
	}

	.section-result-comments > .section-result-comment > .head > .author > .title > .label {
		font-size: 					11px;
	}

	.section-result-comments > .section-result-comment > .head > .date > .title {
		font-size: 					11px;
	}

	.section-result-comments > .section-result-comment > .body {
		gap:						16px;
		margin-left:				calc(28px + 6px);
	}

	.section-result-comments > .section-result-comment > .action {
		gap: 						8px;
		margin-left:				28px;
	}
}

@media (max-width: 991px) {
	.section-result {
		gap:						16px;
	}

	.section-result:not(.section-result-transparent) {
		padding: 					24px;
	}

	.section-result-details > .title {
		font-size: 					16px;
		line-height: 				24px;
	}

	.section-result-details > .description,
	.section-result-details > .content,
	.section-result-comments > .section-result-comment > .body {
		font-size: 					13px;
		line-height: 				21px;
	}

	.section-result-topic {
		top:						-29px;
	}

	.section-result-topic > .name {
		font-size: 					11px;

		color: 						rgba(var(--color-primary-text-rgb), 1);
	}

	.section-result-comments > .section-result-comment {
		padding:					12px;
	}

	.section-result-comments > .section-result-comment > .head > .author > .avatar {
		width: 						20px;
		height: 					20px;
	}

	.section-result-comments > .section-result-comment > .head > .author > .title {
		line-height:				22px;
	}

	.section-result-comments > .section-result-comment > .head > .author > .title > .user {
		font-size: 					14px;
	}

	.section-result-comments > .section-result-comment > .head > .author > .title > .label {
		display:					none;
	}

	.section-result-comments > .section-result-comment > .head > .date > .title {
		font-size: 					10px;
	}

	.section-result-comments > .section-result-comment > .body {
		gap:						16px;
		margin-left:				calc(20px + 6px);
	}

	.section-result-comments > .section-result-comment > .action {
		gap: 						8px;
		margin-left:				20px;
	}
}