/**********[   SEARCH BAR   ]**********/
.theme-search-container {
	width: 							100%;
	display: 						flex;
	flex-direction: 				column;
	justify-content: 				center;

	position: 						relative;
}

@media (min-width: 1200px) {
	.theme-search-container.home {
		align-items: 				start;
	}
}

@media (max-width: 1199px) {
	.theme-search-container.home {
		align-items: 				center;
	}
}

.theme-search-container.help {
	align-items: 					center;
	margin-bottom:					32px;
}

@media (max-width: 991px) {
	.theme-search-container {
		align-items: 				center;
		margin: 					0 auto;
	}
}


.theme-search-container > .theme-search-title {
	display: flex;
	align-self:	start;
	color: var(--color-primary);
	text-shadow: 0px 0px 1px #fff;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 8px;
}


.theme-search-container > .theme-search-inside-container {
	position: 						relative;
	display: 						flex;
	align-items: 					center;
	width: 							100%;
	border-radius:					5px;
	-webkit-transition: 			all .5s;
	-moz-transition: 				all .5s;
	-ms-transition:				 	all .5s;
	-o-transition: 					all .5s;
	transition: 					all .5s;
}

.theme-search-container.home > .theme-search-inside-container,
.theme-search-container.help > .theme-search-inside-container,
.theme-search-container.header > .theme-search-inside-container {
	-webkit-box-shadow: 			0 0 6px rgba(var(--color-black-rgb), .1);
	-moz-box-shadow: 				0 0 6px rgba(var(--color-black-rgb), .1);
	box-shadow: 					0 0 6px rgba(var(--color-black-rgb), .1);
}

.theme-search-container.directory > .theme-search-inside-container {
	max-width:						100%;
	width:							100%;
	border:							1px solid rgba(var(--color-border-rgb), 1);
}

@media (min-width: 1366px) {
	.theme-search-container.home > .theme-search-inside-container,
	.theme-search-container.help > .theme-search-inside-container {
		max-width: 					600px;
	}
	
	.theme-search-container.header > .theme-search-inside-container {
		max-width: 					400px;
		margin-left:				auto;
	}
}

@media (min-width: 992px) and (max-width: 1365px) {
	.theme-search-container.home > .theme-search-inside-container,
	.theme-search-container.help > .theme-search-inside-container {
		max-width: 					600px;
	}
	
	.theme-search-container.header > .theme-search-inside-container {
		max-width: 					350px;
		margin-left:				auto;
	}
}

@media (max-width: 991px) {
	.theme-search-container.home > .theme-search-inside-container,
	.theme-search-container.help > .theme-search-inside-container {
		max-width: 					600px;
	}
	
	.theme-search-container.header > .theme-search-inside-container {
		max-width: 					600px;
		margin:						0 auto;
	}
}

.theme-search-container > .theme-search-inside-container > .theme-search-form {
	position: 						relative;
	display: 						flex;
	width: 							100%;
}

.theme-search-container.home > .theme-search-inside-container > .theme-search-form,
.theme-search-container.help > .theme-search-inside-container > .theme-search-form,
.theme-search-container.directory > .theme-search-inside-container > .theme-search-form {
	padding: 						5px;
	border-radius: 					5px;
	
	background-color: 				rgba(var(--color-white-rgb), 1);
}

.theme-search-container.directory > .theme-search-inside-container > .theme-search-form {
	-webkit-box-shadow: 			inset 0px 0px 12px -2px rgba(var(--color-border-rgb), .4);
	-moz-box-shadow: 				inset 0px 0px 12px -2px rgba(var(--color-border-rgb), .4);
	box-shadow: 					inset 0px 0px 12px -2px rgba(var(--color-border-rgb), .4);
}

.theme-search-container.header > .theme-search-inside-container > .theme-search-form {
	padding: 						0px;
	border-radius: 					5px;
}

@media (max-width: 767px) {
	.theme-search-container.home > .theme-search-inside-container > .theme-search-form,
	.theme-search-container.help > .theme-search-inside-container > .theme-search-form,
	.theme-search-container.directory > .theme-search-inside-container > .theme-search-form {
		padding: 					4px;
	}
}

.theme-search-container > .theme-search-inside-container > .theme-search-bg {
	position: 						fixed;
	width: 							100%;
	height: 						100%;
	text-align: 					center;
	display: 						none;
	pointer-events:					all;
	top: 							0;
	right: 							0;
	
	background-color: 				rgba(var(--color-black-rgb), .85);
}

.theme-search-container > .theme-search-inside-container > .theme-search-form > .theme-search-input {
	width: 							100%;
}

.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-search-input {
	border-right: 					2px solid rgba(var(--color-header-rgb), 1);
}

.theme-search-container.home > .theme-search-inside-container > .theme-search-form > .theme-search-input,
.theme-search-container.help > .theme-search-inside-container > .theme-search-form > .theme-search-input,
.theme-search-container.directory > .theme-search-inside-container > .theme-search-form > .theme-search-input {
	margin-right: 					8px;
}

.theme-search-container.home > .theme-search-inside-container > .theme-search-form > .theme-search-input input,
.theme-search-container.help > .theme-search-inside-container > .theme-search-form > .theme-search-input input,
.theme-search-container.directory > .theme-search-inside-container > .theme-search-form > .theme-search-input input {
	position: 						relative;
	width: 							100%;
	border-radius: 					0;
	border: 						unset;
	outline: 						unset;
	padding: 						8px;
	text-align: 					left;

	border-bottom: 					1px solid rgba(var(--color-white-rgb), 1);
}

.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-search-input input {
	position: 						relative;
	width: 							100%;
	border-radius: 					0;
	border: 						unset;
	outline: 						unset;
	padding: 						4px 16px;
	text-align: 					left;
	
	border-bottom-left-radius:		5px;
	border-top-left-radius:			5px;
	
	color: 							rgba(var(--color-white-rgb), 1);
	background-color: 				rgba(var(--color-dark-rgb), 1);
}

@media (min-width: 768px) {
	.theme-search-container.home > .theme-search-inside-container > .theme-search-form > .theme-search-input input,
	.theme-search-container.help > .theme-search-inside-container > .theme-search-form > .theme-search-input input,
	.theme-search-container.directory > .theme-search-inside-container > .theme-search-form > .theme-search-input input	{
		height: 					50px;
		font-size: 					15px !important;
		font-weight: 				500;
	}
	
	.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-search-input input {
		height: 					40px;
		font-size: 					13px !important;
		font-weight: 				500;
	}
}

@media (max-width: 767px) {
	.theme-search-container.home > .theme-search-inside-container > .theme-search-form > .theme-search-input input,
	.theme-search-container.help > .theme-search-inside-container > .theme-search-form > .theme-search-input input,
	.theme-search-container.directory > .theme-search-inside-container > .theme-search-form > .theme-search-input input	{
		height: 					40px;
		font-size: 					13px !important;
		font-weight: 				400;
	}
	
	.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-search-input input {
		height: 					40px;
		font-size: 					13px !important;
		font-weight: 				500;
	}
}

@media (min-width: 1366px) {
	.theme-search-container.home > .theme-search-inside-container > .theme-search-form > .theme-search-input input::placeholder,
	.theme-search-container.help > .theme-search-inside-container > .theme-search-form > .theme-search-input input::placeholder,
	.theme-search-container.directory > .theme-search-inside-container > .theme-search-form > .theme-search-input input::placeholder {
		font-size: 					14px;
	}
	
	.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-search-input input::placeholder {
		font-size: 					12px;
		font-weight:				400;
		
		color:						rgba(var(--color-white-rgb), 1);
	}
}

@media (min-width: 768px) and (max-width: 1365px) {
	.theme-search-container.home > .theme-search-inside-container > .theme-search-form > .theme-search-input input::placeholder,
	.theme-search-container.help > .theme-search-inside-container > .theme-search-form > .theme-search-input input::placeholder,
	.theme-search-container.directory > .theme-search-inside-container > .theme-search-form > .theme-search-input input::placeholder {
		font-size: 					13px;	
	}
	
	.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-search-input input::placeholder {
		font-size: 					13px;
		font-weight:				400;
		
		color:						rgba(var(--color-white-rgb), 1);
	}
}

@media (max-width: 767px) {
	.theme-search-container.home > .theme-search-inside-container > .theme-search-form > .theme-search-input input::placeholder,
	.theme-search-container.help > .theme-search-inside-container > .theme-search-form > .theme-search-input input::placeholder,
	.theme-search-container.directory > .theme-search-inside-container > .theme-search-form > .theme-search-input input::placeholder {
		font-size: 					12px;	
	}
	
	.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-search-input input::placeholder {
		font-size: 					12px;
		font-weight:				400;
		
		color:						rgba(var(--color-white-rgb), 1);
	}
}

.theme-search-container.home > .theme-search-inside-container > .theme-search-form > .theme-search-input .focus,
.theme-search-container.help > .theme-search-inside-container > .theme-search-form > .theme-search-input .focus,
.theme-search-container.directory > .theme-search-inside-container > .theme-search-form > .theme-search-input .focus,
.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-search-input .focus {
	position: 						absolute;
	bottom: 						0;
	left: 							0;
	width: 							100%;
	height: 						100%;
	background-color: 				transparent;
	border-radius: 					5px;
	pointer-events: 				none;
	opacity: 						0;

	-webkit-transition: 			all .5s;
	-moz-transition: 				all .5s;
	-ms-transition: 				all .5s;
	-o-transition: 					all .5s;
	transition: 					all .5s;
	
	box-shadow: 					0 0 0 .25rem rgba(var(--color-header-rgb), 1.25);
}

.theme-search-container.home > .theme-search-inside-container > .theme-search-form > .theme-search-input .focus,
.theme-search-container.help > .theme-search-inside-container > .theme-search-form > .theme-search-input .focus,
.theme-search-container.directory > .theme-search-inside-container > .theme-search-form > .theme-search-input .focus {
	box-shadow: 					0 0 0 .25rem rgba(var(--color-header-rgb), .25);
}

.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-search-input .focus {
	box-shadow: 					0 0 0 .25rem rgba(var(--color-header-rgb), 1);
	
}

.theme-search-container.home > .theme-search-inside-container > .theme-search-form > .theme-search-input input:focus ~ .focus,
.theme-search-container.help > .theme-search-inside-container > .theme-search-form > .theme-search-input input:focus ~ .focus,
.theme-search-container.directory > .theme-search-inside-container > .theme-search-form > .theme-search-input input:focus ~ .focus,
.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-search-input input:focus ~ .focus {
	width: 							100%;
	display: 						block;
	opacity: 						1;
}


/**********[   SEARCH BAR - Action Button   ]**********/
.theme-search-container.home > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap,
.theme-search-container.help > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap,
.theme-search-container.directory > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap {
	display: 						flex;
}

.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button {
	display:  						flex;
	align-items:  					center;
	justify-content:  				center;
		
	cursor:  						pointer;
	white-space:  					nowrap;
	border:							unset;
	
	outline: 						2px solid transparent;
	outline-offset: 				-2px;
		
	-webkit-user-select:  			none;
	-moz-user-select: 				none;
	-ms-user-select:  				none;
	user-select: 					none;

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

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

@media (hover: hover) {
	.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button:hover {
		background-color: 			rgba(var(--color-dark-rgb), .5);
	}
}


@media (min-width: 768px) {
	.theme-search-container.home > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button,
	.theme-search-container.help > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button,
	.theme-search-container.directory > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button {
		height: 					50px;
		padding: 					0 16px;
		font-size: 					13px;
	}
	
	.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button {
		height: 					40px;
		padding: 					0 12px;
		border-top-right-radius:	5px;
		border-bottom-right-radius:	5px;
	}
	
	.theme-search-container.home > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button > img,
	.theme-search-container.help > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button > img,
	.theme-search-container.directory > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button > img {
		width:						20px;
		height:						20px;
	}
	
	.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button > img {
		width:						16px;
		height:						16px;
	}
}

@media (max-width: 767px) {
	.theme-search-container.home > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button,
	.theme-search-container.help > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button,
	.theme-search-container.directory > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button {
		height: 					40px !important;
		padding: 					0 12px !important;
		font-size: 					12px !important;
	}
	
	.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button {
		height: 					40px !important;
		padding: 					0 12px !important;
		font-size: 					12px !important;
	}
	
	.theme-search-container.home > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button > img,
	.theme-search-container.help > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button > img,
	.theme-search-container.directory > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button > img {
		width:						18px;
		height:						18px;
	}
	
	.theme-search-container.header > .theme-search-inside-container > .theme-search-form > .theme-actions-wrap > .theme-action-button > img {
		width:						16px;
		height:						16px;
	}
}


/**********[   SEARCH BAR - Search Results   ]**********/
.theme-search-container .theme-search-inside-container .theme-search-results {
	position: 						absolute;
	z-index: 						1900;
	display: 						none;
	width: 							100%;
	overflow-x: 					hidden;
	overflow-y: 					auto;
	margin: 						0;
	padding: 						24px 0;
	border-radius: 					5px;
	-webkit-transition: 			all .5s;
	-moz-transition: 				all .5s;
	-ms-transition: 				all .5s;
	-o-transition: 					all .5s;
	transition: 					all .5s;
	left: 							0;
	
	background-color: 				rgba(var(--color-white-rgb), 1);
}

@media (min-width: 768px) {
	.theme-search-container.home > .theme-search-inside-container > .theme-search-results,
	.theme-search-container.help > .theme-search-inside-container > .theme-search-results,
	.theme-search-container.directory > .theme-search-inside-container > .theme-search-results {
		top: 						65px;
	}
	
	.theme-search-container.header > .theme-search-inside-container > .theme-search-results {
		top: 						45px;
	}
}

@media (max-width: 767px) {
	.theme-search-container.home > .theme-search-inside-container > .theme-search-results,
	.theme-search-container.help > .theme-search-inside-container > .theme-search-results,
	.theme-search-container.directory > .theme-search-inside-container > .theme-search-results {
		top: 						53px;
	}
	
	.theme-search-container.header > .theme-search-inside-container > .theme-search-results {
		top: 						45px;
	}
}

.theme-search-container > .theme-search-inside-container > .theme-search-results .section-title {
	display: 						flex;
	font-size: 						13px;
	font-weight: 					500;
	margin-bottom: 					8px;
	padding: 						0 16px;
	
	color: 							rgba(var(--color-secondary-rgb), 1);
}

.theme-search-container > .theme-search-inside-container > .theme-search-results a {
	display: 						flex;
	align-items: 					start;
	cursor: 						pointer;
	padding: 						8px 16px;
}

@media (hover: hover) {
	.theme-search-container > .theme-search-inside-container > .theme-search-results a:hover {
		background-color: 			rgba(var(--color-light-rgb), 1);
	}
}

@media (hover: none) {
	.theme-search-container > .theme-search-inside-container > .theme-search-results a:active {
		background-color: 			rgba(var(--color-light-rgb), 1);
	}
}


/**********[   SEARCH BAR - Search Results - Active   ]**********/
.theme-search-container.active .theme-search-form,
.theme-search-container.active .theme-search-bg,
.theme-search-container.active .theme-search-results {
	z-index: 						2100 !important;
}


/**********[   SEARCH BAR - Search Results - Dropdown 1   ]**********/
.theme-search-container > .theme-search-inside-container > .theme-search-results .results-style-1 .search-logo {
	min-width: 						60px;
	width: 							60px;
	margin-right: 					16px;
	border-radius: 					5px;
	overflow: 						hidden;
}

.theme-search-container > .theme-search-inside-container > .theme-search-results .results-style-1 .search-details {
	display: 						flex;
	flex-direction: 				column;
}

.theme-search-container > .theme-search-inside-container > .theme-search-results .results-style-1 .search-details .title {
	font-size: 						18px;
	line-height: 					22px;
	font-weight: 					600;
	margin-bottom: 					8px;
	width: 							fit-content;
	
	color: 							rgba(var(--color-primary-rgb), 1);
}

.theme-search-container > .theme-search-inside-container > .theme-search-results .results-style-1 .search-details .description {
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	-webkit-line-clamp: 			2;
	min-height: 					38px;
	max-height: 					38px;
	font-size: 						13px;
	line-height:					19px;
	font-weight: 					400;
	overflow: 						hidden;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;
	
	color: 							rgba(var(--color-primary-rgb), 1);
}


/**********[   SEARCH BAR - Search Results - Dropdown 2   ]**********/
.theme-search-container > .theme-search-inside-container > .theme-search-results .results-style-2 .search-details {
	display: 						flex;
	flex-direction: 				column;
}

.theme-search-container > .theme-search-inside-container > .theme-search-results .results-style-2 .search-details .title {
	font-size: 						14px;
	line-height: 					18px;
	font-weight: 					600;
	margin-bottom: 					2px;
	
	color: 							rgba(var(--color-primary-rgb), 1);
}

.theme-search-container > .theme-search-inside-container > .theme-search-results .results-style-2 .search-details .description {
	font-size: 						12px;
	line-height: 					18px;
	font-weight: 					400;
	
	color: 							rgba(var(--color-secondary-rgb), 1);
}

.theme-search-container > .theme-search-inside-container > .theme-search-results .results-style-2 .search-details .separator {
	padding: 						0 8px;
	font-size: 						12px;
	
	color: 							rgba(var(--color-blue-rgb), 1);
}


/**********[   SEARCH BAR - SEARCH PAGE - SEARCH FORM   ]**********/
.theme-search-container .theme-search-inside-container.add .theme-search-results {
	top: 							45px;
}






/**********[   THEME - CATEGORIES ON HOME PAGE   ]**********/
.theme-categories-inside-container {
	display: 						flex;
	flex-wrap: 						wrap;
	justify-content: 				start;
	border-radius: 					5px;
}

.theme-categories-inside-container .theme-categories-wrap {
	display: 						flex;
	flex-direction: 				row;
	align-items: 					center;
	position: 						relative;
	overflow: 						hidden;
	float: 							left;
	cursor: 						pointer;
	margin: 						0.5px;
	padding: 						10px 16px;
	
	-webkit-transition: 			background-color .2s;
	-moz-transition: 				background-color .2s;
	-ms-transition: 				background-color .2s;
	-o-transition: 					background-color .2s;
	transition: 					background-color .2s;
	
	-webkit-box-shadow: 			0 0 6px rgba(var(--color-black-rgb), .1);
	-moz-box-shadow: 				0 0 6px rgba(var(--color-black-rgb), .1);
	box-shadow: 					0 0 6px rgba(var(--color-black-rgb), .1);
	
	outline: 						1px solid rgba(var(--color-border-rgb), 1);
	background-color: 				rgba(var(--color-white-rgb), 1);
}

@media (min-width: 1200px) {
	.theme-categories-inside-container .theme-categories-wrap {
		width: 						calc(100% / 5 - 1px);
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.theme-categories-inside-container .theme-categories-wrap {
		width: 						calc(100% / 3 - 1px);
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.theme-categories-wrap {
		width: 						calc(100% / 2 - 1px);
	}
}

@media (max-width: 575px) {
	.theme-categories-wrap {
		width: 						100%;
	}
}

@media (hover: hover) {
	.theme-categories-inside-container .theme-categories-wrap:hover {
		z-index: 					1;
		outline: 					2px solid rgba(var(--color-blue-rgb), .5);
		background-color: 			rgba(var(--color-blue-rgb), .1);
	}
}

@media (hover: none) {
	.theme-categories-inside-container .theme-categories-wrap:active {
		z-index: 					1;
		outline: 					2px solid rgba(var(--color-blue-rgb), .5);
		background-color: 			rgba(var(--color-blue-rgb), .1);
	}
}

.theme-categories-inside-container .category-name {
	letter-spacing: 				0.1px;
	
	color: 							rgba(var(--color-primary-rgb), 1);
}

.theme-categories-inside-container .category-count {
	margin-left: 					auto;
	flex-shrink: 					0;
	padding-left: 					8px;
	
	max-width: 						50px;
	text-align: 					right;
	white-space: 					nowrap;
	overflow: 						hidden;
	
	color: 							rgba(var(--color-secondary-rgb), 1);
}

@media (min-width: 576px) {
	.theme-categories-inside-container .category-name {
		font-weight: 				500;
		font-size: 					12px;
		line-height: 				18px;
		letter-spacing: 			0.2px;
		
		overflow: 					hidden;
		text-overflow: 				ellipsis;
		white-space: 				nowrap;
	}
	
	.theme-categories-inside-container .category-count {
		font-size: 					10px;
	}
}

@media (max-width: 575px) {
	.theme-categories-inside-container .category-name {
		display: 					-webkit-box;
		-webkit-box-orient: 		vertical;
		-webkit-line-clamp: 		2;
		
		font-weight: 				500;
		font-size: 					11px;
		line-height: 				17px;
		max-height: 				34px;
		text-align:					left;
		
		overflow: 					hidden;
		text-overflow: 				ellipsis;
		word-break: 				break-word;
		white-space: 				normal;
	}
	
	.theme-categories-inside-container .category-count {
		font-size: 					10px;
	}
}


/**********[   HOME PAGE - PLATFORM REFERENCE   ]**********/
.theme-platform-reference-container {
	position: relative;
	display: flex;
	background-color: var(--color-theme-blue);
	background-image: linear-gradient(to bottom, #8792b8, #abb2cd, #cfd3e2);
	margin-bottom: 80px;
}

.theme-platform-reference-container::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 20px;
	top: -20px;
	left: 0;
	background: url(../../images/frontend/banner-ripped-paper-dark-blue.png) bottom;
	background-size: auto;

	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

.theme-platform-reference-container::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 20px;
	bottom: -20px;
	left: 0;
	background: url(../../images/frontend/banner-ripped-paper-light-blue.png) bottom;
	background-size: auto;
}

@media (min-width: 1200px) {
	.theme-platform-reference-container .image {
		padding: 32px 32px;
		align-self: center;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.theme-platform-reference-container .image {
		padding: 32px 16px;
		align-self: center;
	}
}

@media (max-width: 767px) {
	.theme-platform-reference-container .image {
		padding-top: 24px;
		align-self: start;
	}
}

@media (min-width: 768px) {
	.theme-platform-reference-container .image img {
		width: 100%;
		height: auto;
		max-height: 230px;
		object-fit: scale-down;
	}
}

@media (max-width: 767px) {
	.theme-platform-reference-container .image img {
		width: 100%;
		max-width: 380px;
		height: auto;
		object-fit: scale-down;
	}
}

.theme-platform-reference-container .content {
	display: flex;
	flex-direction: column;
	align-self: center;
	padding: 32px 16px;
}

@media (max-width: 767px) {
	.theme-platform-reference-container .content {
		padding: 32px 0px;
	}
}

.theme-platform-reference-container > .content > .title {
	font-weight: 700;
	text-shadow: 0px 0px 2px #fff;
	color: var(--color-primary);
	margin-bottom: 8px;
}

.theme-platform-reference-container .content > .description {
	color: var(--color-primary);
	text-shadow: 0px 0px 1px #fff;
}

.theme-platform-reference-container .content > .button {
	display: flex;
	margin-top: auto;
}

@media (min-width: 992px) {
	.theme-platform-reference-container .content > .title {
		font-size: 26px;
		line-height: 32px;
	}
	
	.theme-platform-reference-container .content > .description { 
		font-size: 16px;
		line-height: 24px;
		margin-bottom: 32px;
	}
}

@media (max-width: 991px) {
	.theme-platform-reference-container .content > .title {
		font-size: 22px;
		line-height: 28px;
	}
	
	.theme-platform-reference-container .content > .description { 
		font-size: 14px;
		line-height: 22px;
		margin-bottom: 24px;
	}
}










/**********[   HOME PAGE - ADS IN CAROUSEL   ]**********/
.theme-ads-container {
	margin-bottom: 48px;
}

.theme-ads-wrap {
	display: flex;
	flex-direction: column;
	padding: 0 4px;
}

@media (max-width: 991px) {
	.theme-ads-wrap {
		padding: 0 2px;
	}
}


/**********[   HOME PAGE - ADS IN CAROUSEL - IMAGE   ]**********/
.theme-ads-wrap .img {
	overflow: hidden;
	border-radius: 10px 10px 0 0;
	position: relative;
}

.theme-ads-wrap .img > img {
	width:100%;
	height: auto;
	aspect-ratio: 1.3333;
	border-radius: 10px 10px 0 0;
	object-fit: cover;
	transform: scale(1.0);
	
	-webkit-transition: transform .6s ease;
	-moz-transition: transform .6s ease;
	-ms-transition: transform .6s ease;
	-o-transition: transform .6s ease;
	transition: transform .6s ease;
}

.theme-ads-wrap .img > .img-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	background: rgba(0,0,0,.03);
	
	-webkit-transition: background .6s ease;
	-moz-transition: background .6s ease;
	-ms-transition: background .6s ease;
	-o-transition: background .6s ease;
	transition: background .6s ease;
}

@media (hover: hover) {
	.theme-ads-wrap:hover .img > img {
		transform: scale(1.04);
	}
	
	.theme-ads-wrap:hover .img > .img-cover {
		background: rgba(0,0,0,0);
	}
}


/**********[   HOME PAGE - ADS IN CAROUSEL - CONTENT   ]**********/
.theme-ads-wrap .content {
	background-color:var(--color-light-gray);
	border-radius: 0 0 10px 10px;
	box-shadow: var(--shadow-sm);
	padding: 16px;
}


/**********[   HOME PAGE - ADS IN CAROUSEL - NAME   ]**********/
.theme-ads-wrap .content .name {
	margin-bottom: 16px;
	border-bottom: 1px solid var(--border-theme-color);
}

.theme-ads-wrap .content .name span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;

	min-height: 40px;
	max-height: 40px;

	color: var(--color-primary);
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;

	margin-bottom: 10px;

	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	white-space: normal;
}

@media (max-width: 991px) {
	.theme-ads-wrap .content .name span {
		min-height: 36px;
		max-height: 36px;
		
		font-size: 14px;
		line-height: 18px;
	}
}

@media (hover: hover) {
	.theme-ads-wrap .content .name span:hover {
		color: var(--color-link);
	}
}


/**********[   HOME PAGE - ADS IN CAROUSEL - DESCRIPTION   ]**********/
.theme-ads-wrap .content .desc span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	
	min-height: 100px;
	max-height: 100px;
	
	color: var(--color-gray);
	font-size: 13px;
	font-weight: 400;
	line-height: 20px;
	
	margin-bottom: 0px;
	
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	white-space: normal;
}

@media (min-width: 768px) and (max-width: 1200px) {
	.theme-ads-wrap .content .desc span {
		-webkit-line-clamp: 6;
		font-size: 12px;
		line-height: 19px;
		min-height: 114px;
		max-height: 114px;
	}
}

@media (max-width: 767px) {
	.theme-ads-wrap .content .desc span {
		-webkit-line-clamp: 6;
		font-size: 11px;
		line-height: 18px;
		min-height: 108px;
		max-height: 108px;
	}
}


/**********[   HOME PAGE - ADS IN CAROUSEL - PRICE   ]**********/
.theme-ads-wrap .content .price {
	margin-top: 16px;
	padding-top: 8px;
	border-top: 1px solid var(--border-theme-color);
	
	display: flex;
	justify-content: end;
	font-size: 14px;
	line-height: 20px;
	color: var(--color-primary);
}

.theme-ads-wrap .content .price span {
	font-size: 14px;
	line-height: 20px;
	color: var(--color-primary);
	font-weight: 500;
	white-space: nowrap;
}

@media (max-width: 767px), (min-width: 992px) and (max-width: 1365px) {
	.theme-ads-wrap .content .price span {
		font-size: 12px;
		line-height: 18px;
	}
}


/**********[   HOME PAGE - ADS IN CAROUSEL - LOCATION   ]**********/
.theme-ads-wrap .content .location span {
	font-size: 12px;
	line-height: 18px;
	height: 18px;
	color: var(--color-muted);
	display: -webkit-box !important;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	white-space: normal;
}


/**********[   HOME PAGE - ADS IN CAROUSEL - LISTING NAME   ]**********/
.theme-ads-wrap .content > .listing-name span {
	font-size: 14px;
	line-height: 20px;
	height: 40px;
	margin-bottom: 4px;
	color: #212529;
	display: -webkit-box !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-word;
	white-space: normal;
	-webkit-transition: color .2s;
	-moz-transition: color .2s;
	-ms-transition: color .2s;
	-o-transition: color .2s;
	transition: color .2s;
}

@media (max-width: 767px) {
	.theme-ads-wrap .content > .listing-name span {
		font-size:12px;
		line-height: 18px;
		height: 38px;
	}
}

@media (hover: hover) {
	.theme-ads-wrap .content > .listing-name span:hover {
		color: var(--color-link);
	}
}




/**********[   HOME PAGE - Search Buttons   ]**********/
.search-btns-container {
	display:						flex;
	flex-direction:					row;
	flex-wrap:						wrap;
	margin-top:						4px;
	padding: 						4px;
	border-radius: 					5px;
	width: 							100%;
	-webkit-transition: 			all .5s;
	-moz-transition: 				all .5s;
	-ms-transition: 				all .5s;
	-o-transition: 					all .5s;
	transition: 					all .5s;
	
	background-color: 				rgba(var(--color-white-rgb), 1);
	-webkit-box-shadow: 			0 0 6px rgba(var(--color-black-rgb), .1);
	-moz-box-shadow: 				0 0 6px rgba(var(--color-black-rgb), .1);
	box-shadow: 					0 0 6px rgba(var(--color-black-rgb), .1);
}

@media (min-width: 1366px) {
	.search-btns-container {
		max-width: 					700px;
	}
}

@media (max-width: 1365px) {
	.search-btns-container {
		max-width: 					600px;
	}
}


@media (min-width: 992px) and (max-width: 1199px) {
	.search-btns-container {
		margin-left:				auto;
		margin-right:				auto;
	}
}

@media (max-width: 991px) {
	.search-btns-container {
		margin-left:				auto;
		margin-right:				auto;
	}
}

.search-btns-container > .search-btn-section {
	position:						relative;
}

.search-btns-container > .search-btn-section.active:hover {
	-webkit-animation: 				active-button-jump 2.5s infinite ease-in-out;
	animation: 						active-button-jump 2.5s infinite ease-in-out;
}

.search-btns-container > .search-btn-section > .search-btn {
	display: 						flex;
	overflow: 						hidden;
	height:							100%;
	
	-webkit-user-select:  			none;
	-moz-user-select: 				none;
	-ms-user-select:  				none;
	user-select: 					none;
}

@-webkit-keyframes active-button-jump {
	0% {
		-webkit-transform: 			scale(1);
		-moz-transform: 			scale(1);
		-ms-transform: 				scale(1);
		-o-transform: 				scale(1);
		transform: 					scale(1);
	}
	10% {
		-webkit-transform: 			scale(1.07);
		-moz-transform: 			scale(1.07);
		-ms-transform: 				scale(1.07);
		-o-transform: 				scale(1.07);
		transform: 					scale(1.07);
	}
	
	20% {
		-webkit-transform: 			scale(1);
		-moz-transform: 			scale(1);
		-ms-transform: 				scale(1);
		-o-transform: 				scale(1);
		transform: 					scale(1);
	}
	
	30% {
		-webkit-transform: 			scale(1.05);
		-moz-transform: 			scale(1.05);
		-ms-transform: 				scale(1.05);
		-o-transform: 				scale(1.05);
		transform: 					scale(1.05);
	}
	
	40% {
		-webkit-transform: 			scale(1);
		-moz-transform: 			scale(1);
		-ms-transform: 				scale(1);
		-o-transform: 				scale(1);
		transform: 					scale(1);
	}
	
	50% {
		-webkit-transform: 			scale(1.03);
		-moz-transform: 			scale(1.03);
		-ms-transform: 				scale(1.03);
		-o-transform: 				scale(1.03);
		transform: 					scale(1.03);
	}
	
	60% {
		-webkit-transform: 			scale(1);
		-moz-transform: 			scale(1);
		-ms-transform: 				scale(1);
		-o-transform: 				scale(1);
		transform: 					scale(1);
	}
}

.search-btns-container > .search-btn-section > .search-btn > .title {
	display: 						flex;
	align-items: 					center;
	text-align:						center;
	justify-content:				center;
	font-weight:					400;
	word-break: 					break-word;
	-webkit-transition: 			all .5s;
	-moz-transition: 				all .5s;
	-ms-transition: 				all .5s;
	-o-transition: 					all .5s;
	transition: 					all .5s;
	outline: 						unset;
	border:							unset;

	color: 							rgba(var(--color-primary-rgb), 1);
	border-top:						2px solid rgba(var(--color-blue-rgb), 0);
	border-bottom:					2px solid rgba(var(--color-blue-rgb), 0);
	border-left:					2px solid rgba(var(--color-blue-rgb), 0);
	background-color: 				rgba(var(--color-blue-rgb), .3);
}

.search-btns-container > .search-btn-section > .search-btn > .info {
	display: 						flex;
	align-items: 					center;
	justify-content:				center;
	font-size: 						13px;
	line-height: 					20px;
	cursor: 						help;
	-webkit-transition: 			all .5s;
	-moz-transition: 				all .5s;
	-ms-transition: 				all .5s;
	-o-transition: 					all .5s;
	transition: 					all .5s;

	border-top:						2px solid rgba(var(--color-blue-rgb), 0);
	border-bottom:					2px solid rgba(var(--color-blue-rgb), 0);
	border-right:					2px solid rgba(var(--color-blue-rgb), 0);
	background-color: 				rgba(var(--color-blue-rgb), .2);
}

.search-btns-container > .search-btn-section > .search-btn > .arrow {
	display: 						flex;
	align-items: 					center;
	justify-content:				center;
	font-size: 						13px;
	line-height: 					20px;
	cursor: 						pointer;
	-webkit-transition: 			all .5s;
	-moz-transition: 				all .5s;
	-ms-transition: 				all .5s;
	-o-transition: 					all .5s;
	transition: 					all .5s;
	
	border-top:						2px solid rgba(var(--color-blue-rgb), 0);
	border-bottom:					2px solid rgba(var(--color-blue-rgb), 0);
	border-right:					2px solid rgba(var(--color-blue-rgb), 0);
	background-color: 				rgba(var(--color-blue-rgb), .2);
}

.search-btns-container > .search-btn-section > .search-btn > .info,
.search-btns-container > .search-btn-section > .search-btn > .arrow {
	width: 							30px;
	min-width: 						30px;
	max-width: 						30px;
}

.search-btns-container > .search-btn-section > .search-btn > .info > img,
.search-btns-container > .search-btn-section > .search-btn > .arrow > img {
	width:							16px;
	height: 						16px;
}

@media (min-width: 576px) {
	.search-btns-container > .search-btn-section {
		width:						calc(100% / 3 - 3px);
		height: 					40px;
	}
	
	.search-btns-container > .search-btn-section:not(:last-child) {
		margin-right:				4px;
	}
	
	.search-btns-container > .search-btn-section:first-child > .search-btn {
		border-top-left-radius:		5px;
		border-bottom-left-radius:	5px;
	}
	
	.search-btns-container > .search-btn-section:first-child > .search-btn > .title {
		border-top-left-radius:		5px;
		border-bottom-left-radius:	5px;
	}
	
	.search-btns-container > .search-btn-section:last-child > .search-btn {
		border-top-right-radius:	5px;
		border-bottom-right-radius:	5px;
	}
	
	.search-btns-container > .search-btn-section:last-child > .search-btn > .arrow {
		border-top-right-radius:	5px;
		border-bottom-right-radius:	5px;
	}
}

@media (max-width: 575px) {
	.search-btns-container > .search-btn-section {
		width:						100%;
		height: 					30px;
	}

	.search-btns-container > .search-btn-section:not(:last-child) {
		margin-bottom:				4px;
	}
	
	.search-btns-container > .search-btn-section:nth-child(1) > .search-btn {
		border-top-left-radius:		5px;
		border-top-right-radius:	5px;
	}
	
	.search-btns-container > .search-btn-section:nth-child(1) > .search-btn > .title {
		border-top-left-radius:		5px;
	}
	
	.search-btns-container > .search-btn-section:nth-child(1) > .search-btn > .info {
		border-top-right-radius:	5px;
	}
	
	.search-btns-container > .search-btn-section:nth-child(4) > .search-btn {
		border-bottom-left-radius:	5px;
		border-bottom-right-radius:	5px;
	}
	
	.search-btns-container > .search-btn-section:nth-child(4) > .search-btn > .title {
		border-bottom-left-radius:	5px;
	}
	
	.search-btns-container > .search-btn-section:nth-child(4) > .search-btn > .arrow {
		border-bottom-right-radius:	5px;
	}
}

@media (min-width: 576px) {
	.search-btns-container > .search-btn-section > .search-btn > .title {
		width: 						calc(100% - 30px);
		font-size: 					12px;
		line-height: 				16px;
		font-weight: 				500;
		padding: 					0 8px;
	}
}

@media (max-width: 575px) {
	.search-btns-container > .search-btn-section > .search-btn > .title {
		width: 						calc(100% - 30px);
		text-align: 				left;
		justify-content: 			start;
		font-size: 					12px;
		line-height: 				14px;
		padding: 					0 12px;
	}
}

.search-btns-container > .search-btn-section.active > .search-btn .title {
	border-top:						2px solid rgba(var(--color-blue-rgb), .5);
	border-bottom:					2px solid rgba(var(--color-blue-rgb), .5);
	border-left:					2px solid rgba(var(--color-blue-rgb), .5);
	background-color: 				rgba(var(--color-blue-rgb), .4);
}

.search-btns-container > .search-btn-section.active > .search-btn .info,
.search-btns-container > .search-btn-section.active > .search-btn .arrow {
	border-top:						2px solid rgba(var(--color-blue-rgb), .5);
	border-bottom:					2px solid rgba(var(--color-blue-rgb), .5);
	border-right:					2px solid rgba(var(--color-blue-rgb), .5);
	background-color: 				rgba(var(--color-blue-rgb), .3);
}

@media (hover: hover) {
	.search-btns-container > .search-btn-section > .search-btn:hover .title {
		border-top:					2px solid rgba(var(--color-blue-rgb), .5);
		border-bottom:				2px solid rgba(var(--color-blue-rgb), .5);
		border-left:				2px solid rgba(var(--color-blue-rgb), .5);
		background-color: 			rgba(var(--color-blue-rgb), .4);
	}
	
	.search-btns-container > .search-btn-section > .search-btn:hover .info,
	.search-btns-container > .search-btn-section > .search-btn:hover .arrow {
		border-top:					2px solid rgba(var(--color-blue-rgb), .5);
		border-bottom:				2px solid rgba(var(--color-blue-rgb), .5);
		border-right:				2px solid rgba(var(--color-blue-rgb), .5);
		background-color: 			rgba(var(--color-blue-rgb), .3);
	}
}

@media (hover: none) {
	.search-btns-container > .search-btn-section > .search-btn:active .title {
		border-top:					2px solid rgba(var(--color-blue-rgb), .5);
		border-bottom:				2px solid rgba(var(--color-blue-rgb), .5);
		border-left:				2px solid rgba(var(--color-blue-rgb), .5);
		background-color: 			rgba(var(--color-blue-rgb), .4);
	}
	
	.search-btns-container > .search-btn-section > .search-btn:active .info,
	.search-btns-container > .search-btn-section > .search-btn:active .arrow {
		border-top:					2px solid rgba(var(--color-blue-rgb), .5);
		border-bottom:				2px solid rgba(var(--color-blue-rgb), .5);
		border-right:				2px solid rgba(var(--color-blue-rgb), .5);
		background-color: 			rgba(var(--color-blue-rgb), .3);
	}
}


/**********[   HOME PAGE - Search Buttons - Dropdown   ]**********/
.search-btn-dropdown {
	display: 						none;
	position:						absolute;
	z-index:						1;
	border-radius:					5px;
	padding:						4px;
	
	-webkit-box-shadow: 			0 0 6px rgba(var(--color-black-rgb), .2);
	-moz-box-shadow: 				0 0 6px rgba(var(--color-black-rgb), .2);
	box-shadow: 					0 0 6px rgba(var(--color-black-rgb), .2);
	background-color: 				rgba(var(--color-white-rgb), 1);
}

@media (min-width: 400px) {
	.search-btn-dropdown {
		width:						calc(100% + 8px);
		left:						-4px;
		top:  						48px;
	}
}

@media (max-width: 399px) {
	.search-btn-dropdown {
		width:						calc(100% + 8px);
		left:						-4px;
		top:  						38px;
	}
}

.search-btn-dropdown > .search-btn-dropdown-inside {
	display: 						flex;
	flex-direction:					column;
	width:							100%;
	max-height:						200px;
	border-radius:					5px;
	overflow:						hidden auto;
}

.search-btn-dropdown > .search-btn-dropdown-inside > .search-btn-country {
	display:  						flex;
	align-items:  					center;
	justify-content:  				start;
	text-align:						left;
	width:							100%;
	height:  						50px;
	min-height:						50px;
	
	padding:  						0 24px;
	cursor:  						pointer;
	white-space:  					nowrap;
	outline:  						unset !important;
	-webkit-user-select:  			none;
	-moz-user-select: 				none;
	-ms-user-select:  				none;
	user-select: 					none;
	-webkit-transition: 			all .2s;
	-moz-transition: 				all .2s;
	-ms-transition: 				all .2s;
	-o-transition: 					all .2s;
	transition: 					all .2s;
	
	border: 						2px solid rgba(var(--color-blue-rgb), 0);
	background-color: 				rgba(var(--color-blue-rgb), .3);
}

@media (min-width: 992px) {
	.search-btn-dropdown > .search-btn-dropdown-inside > .search-btn-country {
		padding:  					0 16px;
	}
}

@media (max-width: 991px) {
	.search-btn-dropdown > .search-btn-dropdown-inside > .search-btn-country {
		padding:  					0 12px;
	}
}

@media (hover: hover) {
	.search-btn-dropdown > .search-btn-dropdown-inside > .search-btn-country:hover {
		border: 					2px solid rgba(var(--color-blue-rgb), .5);
		background-color: 			rgba(var(--color-blue-rgb), .4);
	}
}

@media (hover: none) {
	.search-btn-dropdown > .search-btn-dropdown-inside > .search-btn-country:active {
		border: 					2px solid rgba(var(--color-blue-rgb), .5);
		background-color: 			rgba(var(--color-blue-rgb), .4);
	}
}

.search-btn-dropdown > .search-btn-dropdown-inside > .search-btn-country > .flag {
	position: 						relative;
	align-self: 					baseline;
	margin-right:					8px;
	top: 							6px;
}

.search-btn-dropdown > .search-btn-dropdown-inside > .search-btn-country > .info {
	display: 						flex;
	flex-direction:					column;
}

.search-btn-dropdown > .search-btn-dropdown-inside > .search-btn-country > .info > .title {
	font-weight: 					500;
	font-size:	 					13px;
	line-height: 					17px;
	
	color: 							rgba(var(--color-primary-rgb), 1);
}

.search-btn-dropdown > .search-btn-dropdown-inside > .search-btn-country > .info > .subtitle {
	font-weight: 					400;
	font-size: 						11px;
	line-height:					15px;
	color: 							rgba(var(--color-secondary-rgb), 1);
}


/**********[   HOME PAGE - Image Slider   ]**********/
.banner-image-slider {
	position: 						relative;
	display: 						flex;
	justify-content: 				center;
}

.banner-image-slider > img {
	position: 						absolute;
	top: 							0;
	left: 							0;
	bottom: 						0;
	right: 							0;
	width: 							100%;
	height: 						auto;
	max-width: 						100%;
	max-height: 					100%;
	aspect-ratio: 					360 / 600;
	object-fit: 					scale-down;
}

@media (min-width: 1200px) {
	.banner-image-slider {
		height: 					100%;
		margin-top:					4px;
		margin-bottom:				4px;
		padding-top:				60%;
	}
}

@media (min-width: 768px) and (max-width: 1199px) {
	.banner-image-slider {
		max-width: 					400px;
		margin-left:				auto;
		margin-right:				auto;
		margin-top:					24px;
		padding-top:				240px;
	}
}

@media (max-width: 767px) {
	.banner-image-slider {
		max-width: 					400px;
		margin-left:				auto;
		margin-right:				auto;
		margin-top:					24px;
		padding-top:				200px;
	}
}


/**********[   Popular Categories   ]**********/
.popular-categories-container {
	position: 						relative;
	margin-bottom:					100px;
}

.popular-categories-inside {
	display: 						flex;
	flex-wrap:						wrap;
	justify-content:				center;
	margin-bottom:					-44px;
	width: 							100%;
	margin-left: 					0px;
	margin-right:					0px;
}

.popular-categories-inside > .popular-category-item {
	position:						relative;
	height: 						100%;
	border-radius: 					5px;
	margin-bottom:					44px;
	padding: 						4px;
	outline-offset:	 				-2px;
	outline: 						2px solid transparent;
	
	-webkit-transition: 			background-color .5s, outline .5s;
	-moz-transition: 				background-color .5s, outline .5s;
	-ms-transition: 				background-color .5s, outline .5s;
	-o-transition: 					background-color .5s, outline .5s;
	transition: 					background-color .5s, outline .5s;

	background-color: 				rgba(var(--color-blue-rgb), .1);
	box-shadow: 					0px 0px 4px rgba(var(--color-black-rgb), .2);
}

@media (min-width: 992px) {
	.popular-categories-inside {
		gap: 						16px;
	}
	
	.popular-categories-inside > .popular-category-item {
		width: 						calc((100% / 7) - (16px*6 / 7));
		max-width: 					calc((100% / 7) - (16px*6 / 7));
		min-width: 					calc((100% / 7) - (16px*6 / 7));
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.popular-categories-inside {
		gap: 						16px;
	}
	
	.popular-categories-inside > .popular-category-item {
		width: 						calc((100% / 4) - (16px*3 / 4));
		max-width: 					calc((100% / 4) - (16px*3 / 4));
		min-width: 					calc((100% / 4) - (16px*3 / 4));
	}
}

@media (max-width: 575px) {
	.popular-categories-inside {
		gap: 						8px;
	}
	
	.popular-categories-inside > .popular-category-item {
		width: 						calc((100% / 3) - (8px*2 / 3));
		max-width: 					calc((100% / 3) - (8px*2 / 3));
		min-width: 					calc((100% / 3) - (8px*2 / 3));
	}
}

.popular-categories-inside > .popular-category-item > .link {
	position: 						relative;
	display: 						block;
	width: 							100%;
	padding-top: 					66.67%;
	overflow: 						hidden;
	border-radius: 					5px;
}

.popular-categories-inside > .popular-category-item > .link > .icon {
	position: 						absolute;
	top: 							0;
	left: 							0;
	bottom: 						0;
	right: 							0;
	width: 							100%;
	height: 						100%;
	z-index:						1;
	aspect-ratio: 					3 / 2;
	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;
}

.popular-categories-inside > .popular-category-item > .title {
	position: 						absolute;
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	-webkit-line-clamp: 			2;
	width:							100%;
	left:							0;
	align-items: 					center;
	justify-content: 				left;
	flex-direction: 				column;
	text-align: 					center;
	font-weight: 					500;
	letter-spacing: 				0.1px;
	word-wrap:						anywhere;
	overflow: 						hidden;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;
	
	bottom: 						-44px;
	font-size: 						12px;
	line-height: 					18px;
	min-height: 					36px;
	max-height: 					36px;
	
	color: 							rgba(var(--color-blue-rgb), 1);
}

@media (hover: hover) {
	.popular-categories-inside > .popular-category-item:hover {
		outline: 					2px solid rgba(var(--color-blue-rgb), .5);
		background-color: 			rgba(var(--color-blue-rgb), .2);
	}
	
	.popular-categories-inside > .popular-category-item:hover .link > .icon {
		-webkit-transform: 			scale(1.1);
		-moz-transform: 			scale(1.1);
		-ms-transform: 				scale(1.1);
		-o-transform: 				scale(1.1);
		transform: 					scale(1.1);
	}
	
	.popular-categories-inside > .popular-category-item:hover .title {
		text-decoration: 			underline;
		text-underline-offset: 		3px;
	}
}

@media (hover: none) {
	.popular-categories-inside > .popular-category-item:active {
		outline: 					2px solid rgba(var(--color-blue-rgb), .5);
		background-color: 			rgba(var(--color-blue-rgb), .2);
	}
	
	.popular-categories-inside > .popular-category-item:active .link > .icon {
		-webkit-transform: 			scale(1.1);
		-moz-transform: 			scale(1.1);
		-ms-transform: 				scale(1.1);
		-o-transform: 				scale(1.1);
		transform: 					scale(1.1);
	}
	
	.popular-categories-inside > .popular-category-item:active .title {
		text-decoration: 			underline;
		text-underline-offset: 		3px;
	}
}


/**********[   Other Categories   ]**********/
.other-categories-container {
	position: 						relative;
}

.other-categories-inside {
	display: 						flex;
	flex-wrap:						wrap;
	justify-content:				center;
	width: 							100%;
	margin-left: 					0px;
	margin-right:					0px;
}

.other-categories-inside > .other-category-item {
	position:						relative;
	display:						flex;
	align-items:					start;
	border-radius: 					5px;
	-webkit-transition: 			background-color .5s, outline .5s;
	-moz-transition: 				background-color .5s, outline .5s;
	-ms-transition: 				background-color .5s, outline .5s;
	-o-transition: 					background-color .5s, outline .5s;
	transition: 					background-color .5s, outline .5s;
	outline-offset:	 				-2px;
	outline: 						2px solid transparent;
	
	background-color: 				rgba(var(--color-blue-rgb), .1);
	box-shadow: 					0px 0px 4px rgba(var(--color-black-rgb), .2);
}

@media (min-width: 992px) {
	.other-categories-inside {
		gap: 						12px;
	}
	
	.other-categories-inside > .other-category-item {
		padding: 					16px 16px;
		width: 						calc((100% / 3) - (12px*2 / 3));
		max-width: 					calc((100% / 3) - (12px*2 / 3));
		min-width: 					calc((100% / 3) - (12px*2 / 3));
	}
}

@media (min-width: 576px) and (max-width: 991px) {
	.other-categories-inside {
		gap: 						8px;
	}
	
	.other-categories-inside > .other-category-item {
		padding: 					12px 12px;
		width: 						calc((100% / 2) - (8px / 2));
		max-width: 					calc((100% / 2) - (8px / 2));
		min-width: 					calc((100% / 2) - (8px / 2));
	}
}

@media (max-width: 575px) {
	.other-categories-inside {
		gap: 						6px;
	}
	
	.other-categories-inside > .other-category-item {
		padding: 					12px 12px;
		width: 						100%;
		max-width: 					100%;
		min-width: 					100%;
	}
}


.other-categories-inside > .other-category-item > .title {
	display: 						-webkit-box;
	-webkit-box-orient: 			vertical;
	-webkit-line-clamp: 			2;
	font-weight: 					500;
	letter-spacing: 				0.1px;
	word-wrap:						anywhere;
	overflow: 						hidden;
	text-overflow: 					ellipsis;
	word-break: 					break-word;
	white-space: 					normal;
	
	color: 							rgba(var(--color-blue-rgb), 1);
}

.other-categories-inside > .other-category-item > .count {
	margin-left:					auto;
	padding-left:					16px;
	
	color: 							rgba(var(--color-secondary-rgb), 1);
}

.other-categories-inside > .other-category-item > .title {
	font-size: 						12px;
	line-height: 					18px;
}

.other-categories-inside > .other-category-item > .count {
	font-size: 						11px;
	line-height: 					18px;
}

@media (hover: hover) {
	.other-categories-inside > .other-category-item:hover {
		outline: 					2px solid rgba(var(--color-blue-rgb), .5);
		background-color: 			rgba(var(--color-blue-rgb), .2);
	}
	
	.other-categories-inside > .other-category-item:hover .title {
		text-decoration: 			underline;
		text-underline-offset: 		3px;
	}
}

@media (hover: hover) {
	.other-categories-inside > .other-category-item:active {
		outline: 					2px solid rgba(var(--color-blue-rgb), .5);
		background-color: 			rgba(var(--color-blue-rgb), .2);
	}
	
	.other-categories-inside > .other-category-item:active .title {
		text-decoration: 			underline;
		text-underline-offset: 		3px;
	}
}