/* ============================
Theme Name: EMT
Version: 1.5
Description: EMT Theme
Author: Edwin
First Update: 25/12/2025
Last Update: 22/03/2026
License: GNU General Public License v2 or later
============================*/

/* ============================
# VARIABLES
============================*/
:root {
	--font-base: "Cooper Hewitt";
	--font-base-size: 18px;
	--font-base-weight: 400;
	--font-heading: "Oswald", sans-serif;
	--color-base: #100C08;
	--color-heading: #000000;
	--color-primary: #ED4B00;
	--color-secondary: #14213D;
	--color-light: #F3F4F5;
	--color-white: #FFFFFF;
	--color-black: #000000;
   --color-whatsapp: #25D366;
}

/* ============================
# RESET STYLES
============================*/
html {
	scroll-behavior: smooth;
}
body {
	font-family: var(--font-base);
	font-size: 16px;
	font-weight: var(--font-base-weight);
	color: var(--color-base);
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--font-heading);
	color: var(--color-heading);
}
p,
ul li,
ol li {
	font-family: var(--font-base);
	font-size: var(--font-base-size);
	font-weight: var(--font-base-weight);
	line-height: 1.44;
}
p {
	margin-bottom: 1.125rem;
}

@media (max-width: 767px) {
	p,
	ul li,
	ol li {
		font-size: 1rem;
		line-height: 1.46;
	}
	p {
		margin-bottom: 1rem;
	}
}



/* ============================
# FRAMEWORK STYLE RESET
============================*/
@media (max-width: 767px) {
	.container {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}

/* ============================
# UTILITIES
============================*/
.bg-primary-alt { background-color: var(--color-primary)!important; }
.bg-light-alt { background-color: var(--color-light)!important; }
.bg-secondary-alt { background-color: var(--color-secondary)!important; }


/* ============================
# ELEMENTS
============================*/
/* =====[Buttons]===== */
:root {
	--btn-font-family: var(--font-base);
	--btn-font-size: clamp(1rem, 0.971rem + 0.008vw, 1.125rem);
	--btn-font-weight: 600;
	--btn-primary-color: #ED4B00;
	--btn-primary-hover-color: #000000;
}
.btn {
	font-family: var(--btn-font-family);
	font-size: var(--btn-font-size);
	font-weight: var(--btn-font-weight);
	border-radius: 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-block: clamp(0.75rem, 0.721rem + 0.008vw, 0.875rem);
	padding-inline: clamp(1.625rem, 1.596rem + 0.008vw, 1.75rem);
}
.btn-primary {
	color: #FFFFFF;
	background: var(--btn-primary-color);
	border-color: var(--btn-primary-color);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:first-child:active,
.btn-primary:focus-visible {
	color: #FFFFFF;
	background: var(--btn-primary-hover-color);
	border-color: var(--btn-primary-hover-color);
	box-shadow: none;
}
.btn-outline-primary {
	color: var(--btn-primary-color);
	background: transparent;
	border-color: var(--btn-primary-color);
}
.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:first-child:active,
.btn-outline-primary:focus-visible {
	color: #FFFFFF;
	background: var(--btn-primary-hover-color);
	border-color: var(--btn-primary-hover-color);
	box-shadow: none;
}
.btn-link {
	color: var(--color-white);
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-arrow-narrow-right'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l14 0' /%3E%3Cpath d='M15 16l4 -4' /%3E%3Cpath d='M15 8l4 4' /%3E%3C/svg%3E");
	background-position: top 0px right;
	background-repeat: no-repeat;
	background-size: 24px;
	padding: 0 1.75rem 0 0;
	text-decoration: none;
	transition: all .30s ease-in-out;
}
.btn-link:hover,
.btn-link:active,
:not(.btn-check) + .btn-link:active {
	color: var(--color-white);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 2px;
	padding-right: 2.25rem;
}
.btn-link:focus-visible {
	color: var(--color-white);
	outline: none;
	box-shadow: none;
}

/* =====[HEADING]===== */
.heading-h2 {
	font-family: var(--font-heading);
	font-size: clamp(1.75rem, 1.58rem + 0.77vw, 2.5rem);
	font-weight: 600;
	text-transform: uppercase;
}
.sub-heading {
	font-family: var(--font-heading);
	font-size: clamp(1.25rem, 1.167rem + 0.37vw, 1.5rem);
	font-weight: 400;
	color: var(--color-heading);
	line-height: 1.4;
}

/* =====[BLOCK CONTENT/MEDIA]===== */
.block-content { position: relative; }
.block-content h2 {
	font-size: clamp(1.75rem, 1.58rem + 0.77vw, 2.5rem);
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 32px;
}
.block-content p:last-child,
.block-content ul:last-child,
.block-content ol:last-child {
	margin-bottom: 0;
}
.block-content h6 {
	font-family: var(--font-heading);
	font-size: clamp(1.25rem, 1.167rem + 0.37vw, 1.5rem);
	font-weight: 400;
	color: var(--color-heading);
	line-height: 1.4;
}
.block-content h6,
.block-content .sub-heading {
	margin-bottom: 1.5rem;
}
.block-media { position: relative; }
.block-media img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}
.block-media.has-video .btn-play {
	color: var(--color-primary);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: clamp(3.25rem, -0.159rem + 9.091vw, 10.75rem);
	height: clamp(3.25rem, -0.159rem + 9.091vw, 10.75rem);
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border-radius: 50%;
	border: 0;
}
.block-media.has-video .btn-play:hover { color: var(--color-white); }

@media (max-width: 1199px) {
	.block-content h2 { margin-bottom: 30px; }
}
@media (max-width: 991px) {
	.block-media { margin-bottom: 40px; }
	.block-content h2 { margin-bottom: 24px; }
}
@media (max-width: 767px) {
	.block-media { margin-bottom: 30px; }
	.block-content h2 { margin-bottom: 20px; }
	.block-content h6 { margin-bottom: 1.2rem; }
}

@media (min-width: 992px) {
	.block-content-pr { padding-right: 6px; }
	.block-content-pl { padding-left: 6px; }
}
@media (min-width: 1200px) {
	.block-content-pr { padding-right: 36px; }
	.block-content-pl { padding-left: 36px; }
}
@media (min-width: 1400px) {
	.block-content-pr { padding-right: 56px; }
	.block-content-pl { padding-left: 56px; }
}









.card-block-min {
	background: #F3F4F5;
	padding: 1.125rem 1.5rem;
	height: 100%;
}
.card-block-min img {
	display: block;
	margin-bottom: 1.25rem;
	width: 32px;
	height: 32px;
}
.card-block-min h3 {
	font-size: 1.375rem;
	font-weight: 500;
	margin-bottom: 1.125rem;
}
.card-block-min p {
	margin-bottom: 0;
}

.card-block-min {}



/* =====[BUTTON GROUP]===== */
.button-group {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
	margin-top: 1.75rem;
}

@media (max-width: 575px) {
	.button-group {
		flex-direction: column;
	}
}



/* =====[SECTION]===== */
.section {
	padding-top: 100px;
	padding-bottom: 100px;
}

@media (max-width: 1199px) {
	.section {
		padding-top: 80px;
		padding-bottom: 80px;
	}
}
@media (max-width: 991px) {
	.section {
		padding-top: 60px;
		padding-bottom: 60px;
	}
}

/* =====[CONTAINER SPECIAL]===== */
.container-special { margin-bottom: 3.75rem; }

@media (max-width: 1199px) {
	.container-special { margin-bottom: 3.125rem; }
}
@media (max-width: 767px) {
	.container-special { margin-bottom: 2.5rem; }
}

/* =====[ROW SPECIAL]===== */
@media (min-width: 992px) {
	.row-special {
		margin-left: -0.938rem;
		margin-right: -0.938rem;
	}
	.row-special>[class*="col-"] {
		padding-left: 0.938rem;
		padding-right: 0.938rem;
	}
}
@media (min-width: 1200px) {
	.row-special {
		margin-left: -1.875rem;
		margin-right: -1.875rem;
	}
	.row-special>[class*="col-"] {
		padding-left: 1.875rem;
		padding-right: 1.875rem;
	}
}
@media (min-width: 1400px) {
	.row-special {
		margin-left: -2.5rem;
		margin-right: -2.5rem;
	}
	.row-special>[class*="col-"] {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
}

/* =====[PAGE BANNER]===== */
.page-banner {
	padding: 80px 0 50px 0;
	background-color: #000000;
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: 465px;
	overflow: hidden;
}
.page-banner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 10;
}
.page-banner .page-banner-media {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	z-index: 1;
}
.page-banner > .container {
	position: relative;
	z-index: 100;
}
.page-banner .page-banner-content h1 {
	font-size: clamp(2rem, 1.567rem + 1.923vw, 3.875rem);
	font-weight: 600;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 0;
}
.page-banner .page-banner-content p {
	font-family: var(--font-heading);
	font-weight: 400;
	font-size: clamp(1.25rem, 1.167rem + 0.37vw, 1.5rem);
	color: #FFFFFF;
	margin: clamp(1rem, 0.885rem + 0.513vw, 1.5rem) 0 0 0;
	line-height: 1.4;
}
.page-banner .page-banner-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.25rem clamp(1.125rem, 1.038rem + 0.385vw, 1.5rem);
	margin-top: clamp(1.5rem, 1.385rem + 0.513vw, 2rem);
}
.page-banner .page-banner-breadcrumb .page-banner-breadcrumb-item {
	font-family: var(--font-heading);
	font-size: clamp(1.125rem, 1.038rem + 0.385vw, 1.5rem);
	font-weight: 400;
	color: var(--color-white);
}
.page-banner .page-banner-breadcrumb .vr {
	width: 2px;
	background-color: var(--color-white);
	opacity: 1;
}

/* ====================
# HEADER
==================== */
.site-header {
	background-color: transparent;
	padding-block: 0.75rem;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	transition: all .30s ease-in-out;
}
.site-header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.site-branding {
	flex-shrink: 0;
	margin-right: 2rem;
}
.site-branding a { display: block; }
.site-branding a img {
	max-height: 50px;
	width: auto;
	display: block;
}
.site-branding .site-title { display: none; }
.menu-toggle {
	color: var(--color-white);
	border: 2px solid var(--color-primary);
	border-radius: 100%;
	background: var(--color-primary);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 4px;
	width: 42px;
	height: 42px;
	cursor: pointer;
}
.menu-toggle svg {
	display: inline-block;
	width: 30px;
	height: 30px;
}

/* =====[SCROLLED HEADER]===== */
.site-header.scrolled {
	background: var(--color-black);
	position: fixed;
	border-bottom-color: var(--color-black);
}

@media (min-width: 992px) {
	.site-header { padding-block: 0; }
	.menu-toggle { display: none; }
}

/* =====[MOBILE MENU]===== */
.mobile-menu-canvas {
	background: #100C08;
}
.mobile-menu-canvas .offcanvas-header {
	background: #000000;
	padding: 1rem 1.5rem;
}
.mobile-menu-canvas .offcanvas-title a {
	display: block;
	text-decoration: none;
	outline: none;
}
.mobile-menu-canvas .offcanvas-title img {
	width: 100px;
	height: auto;
}
.mobile-menu-canvas .offcanvas-title .site-title {
	display: none;
}
.mobile-menu-canvas .offcanvas-header .btn-close {
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
	opacity: 1;
}
.mobile-menu-canvas .offcanvas-body {
	padding: 1rem 1.5rem;
}
.mobile-menu {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
.mobile-menu>.menu-item {
	position: relative;
}
.mobile-menu>.menu-item:not(:last-child) {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.mobile-menu>.menu-item>a {
	font-size: 16px;
	font-weight: 500;
	color: var(--color-white);
	display: block;
	padding-block: 1rem;
	text-decoration: none;
}
.mobile-menu>.menu-item:hover>a,
.mobile-menu>.menu-item.current-menu-item>a {
	color: var(--color-primary);
}
.mobile-menu>.menu-item.menu-item-has-children>a {
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-plus'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12 5l0 14' /%3E%3Cpath d='M5 12l14 0' /%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center right;
	background-size: 20px;
}
.mobile-menu>.menu-item.menu-item-has-children>.sub-menu {
	list-style: none;
	padding: 1rem 1rem;
	margin: 0;
	background: var(--color-primary);
	display: none;
}
.mobile-menu>.menu-item.menu-item-has-children>.sub-menu>.menu-item:not(:last-child) {
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.mobile-menu>.menu-item.menu-item-has-children>.sub-menu>.menu-item>a {
	font-size: 16px;
	color: var(--color-white);
	display: block;
	padding: 0.75rem 0;
	text-decoration: none;
	outline: none;
}

/* ====================
# HOME PAGE
==================== */
/*=====[SECTION HERO]=====*/
.section-hero {
	position: relative;
}
.hero-block {
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: var(--color-black);
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.hero-block::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(135deg,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
	z-index: 20;
}
.hero-block > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	inset: 0;
	opacity: 0.38;
	z-index: 10;
}
.hero-block .container {
	position: relative;
	z-index: 100;
}
.hero-block .block-content {
	width: 100%;
	max-width: 890px;
	margin: 0 auto;
	text-align: center;
}
.hero-block .hero-span {
	font-family: var(--font-base);
	font-size: 14px;
	font-weight: 400;
	color: var(--color-black);
	line-height: 1.4;
	background-color: var(--color-white);
	padding: 6px 12px;
	display: inline-block;
	margin-bottom: 26px;
}
.hero-block h1,
.hero-block h2 {
	font-size: clamp(2rem, 1.567rem + 1.923vw, 3.875rem);
	text-transform: uppercase;
	color: var(--color-white);
	margin-bottom: 22px;
}
.hero-block p {
	font-family: var(--font-heading);
	font-size: clamp(1.25rem, 1.167rem + 0.37vw, 1.5rem);
	font-weight: 400;
	color: var(--color-white);
	line-height: 1.4;
}
.hero-block .button-group {
	justify-content: center;
	margin-top: 50px;
	padding-bottom: 2px;
}

@media (max-width: 767px) {
	.hero-block .hero-span { 
		font-size: 12px;
		margin-bottom: 20px;
	}
	.hero-block .button-group {
		margin-top: 40px;
	}
}


/*=====[SECTION HOME ABOUT]=====*/
.section-home-about .block-content:not(.block-content-header) { padding-left: 1rem; }
.section-home-about .block-content h2 { margin-bottom: 6px; }
.section-home-about .block-content img {
	width: 100%;
	max-width: clamp(6.25rem, 4.808rem + 6.41vw, 12.5rem);
	display: block;
	margin-top: clamp(1.5rem, 0.808rem + 3.077vw, 4.5rem);
}
.section-home-about .block-content .button-group-single { margin-top: 1.875rem; }

@media (max-width: 991px) {
	.section-home-about .block-content:not(.block-content-header) { padding-left: 0; }
	.section-home-about .block-content.block-content-header { margin-bottom: 2.5rem; }
}
@media (max-width: 767px) {
	.section-home-about .block-content.block-content-header { margin-bottom: 1.5rem; }
}

/* =====[SECTION HOME PARTNER]===== */
.section-home-partner {
	color: var(--color-white);
	background-color: var(--color-primary);
}
.section-home-partner .block-content h2 { color: var(--color-white); }
.section-home-partner .block-content h6 { color: var(--color-white); }
.section-home-partner .block-media-group {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.75rem;
}
.counter-list {
	list-style: none;
	padding: 0;
	margin-bottom: 0;
}
.counter-list li { text-align: center; }
.counter-list li:not(:last-child) { border-right: 1px solid rgba(255, 255, 255, 0.28); }
.counter-list li h4 { 
	font-size: clamp(2rem, 1.769rem + 1.026vw, 3rem);
	font-weight: 600;
	color: var(--color-white);
}
.counter-list li p {
	color: var(--color-white);
	margin-bottom: 0;
}

@media (max-width: 991px) {
	.section-home-partner .block-media-group { gap: 1rem; }
}
@media (max-width: 767px) {
	.section-home-partner .block-media-group { gap: 0.75rem; }
	.counter-list { margin: 0; }
	.counter-list li:nth-child(2) { border-right: none; }
	.counter-list li:nth-child(1),
	.counter-list li:nth-child(2) {
		padding-bottom: 1.5rem;
	}
	.counter-list li:nth-child(3),
	.counter-list li:nth-child(4) {
		border-top: 1px solid rgba(255, 255, 255, 0.28);
		padding-top: 1rem;
	}
}


/* =====[SECTION HOME PRODUCTS]===== */
.section-home-products {
	background-color: #14213D;
	overflow: hidden;
}
.section-home-products .block-content h2 {
	color: var(--color-white);
	margin-bottom: 0;
}
.product-card-min { 
	position: relative; 
	overflow: hidden;
	margin-top: 1px;
}
.product-card-min a {
	color: var(--color-white);
	display: flex;
	flex-direction: column;
	text-decoration: none;
	outline: none;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.3);
	padding: .5rem;
	transition: all .40s ease-in-out;
}
.product-card-min .product-card-media {
	background: rgba(255, 255, 255, 0.8);
	padding-bottom: .5rem;
	height: 160px;
	display: flex;
	align-items: center;
}
.product-card-min .product-card-media img {
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
	display: block;
}
.product-card-min .product-card-body {
	padding: 1rem 1rem 0.25rem 1rem;
	flex-grow: 1;
	text-align: center;
}
.product-card-min .product-card-body h5 {
	font-size: 24px;
	font-weight: 500;
	color: var(--color-white);
	margin-bottom: 0;
	transition: all 0.3s ease-in-out;
}
.product-card-min:hover a {
	background: var(--color-primary);
	border-color: var(--color-primary);
}
.home-product-container { margin-top: clamp(0.938rem, 0.536rem + 1.786vw, 1.875rem); }
.product-tabs {
	position: relative;
	flex-wrap: nowrap;
	overflow: auto;
}
.product-tabs li {
	margin-right: 40px;
	margin-bottom: 16px;
}
.product-tabs li .nav-link {
	display: block;
	padding: 0;
	font-size: 18px;
	font-weight: 500;
	color: var(--color-white);
	text-transform: uppercase;
	border-radius: 0;
	white-space: nowrap;
}
.product-tabs .nav-link.active,
.product-tabs .show>.nav-link {
	font-weight: 600;
	color: #FCA311;
	background-color: transparent;
}
.home-products-carousel .swiper-button-group {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
	gap: 1.25rem;
}
.home-products-carousel .swiper-button-prev-pc,
.home-products-carousel .swiper-button-next-pc {
	color: var(--color-primary);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 1px solid var(--color-white);
	transition: all 0.2s ease-in-out;
}
.home-products-carousel .swiper-button-prev-pc svg,
.home-products-carousel .swiper-button-next-pc svg {
	width: 24px;
	height: 24px;
}
.home-products-carousel .swiper-button-prev-pc:hover,
.home-products-carousel .swiper-button-next-pc:hover {
	color: var(--color-white);
	background-color: var(--color-primary);
	border: 1px solid var(--color-primary);
}

@media (max-width: 767px) {
	.home-product-container {
		padding-inline: 1.25rem;
	}
}

/* =====[SECTION ACCORDION SILDER]===== */
.section-accordion-slider {
	background-color: #100C08;
	padding-bottom: 0;
}
.section-accordion-slider .block-content h2 {
	color: var(--color-white);
	margin-bottom: 0;
}
.accordion-slider {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 10px;
}
.accordion-slider-item {
	background-color: var(--color-black);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 25%;
	height: 760px;
	position: relative;
	overflow: hidden;
	transition: all 0.5s linear;
}
.accordion-slider-item:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 60%;
	width: 100%;
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%);
	transition: all 0.5s ease-in-out 0.1s;
	z-index: 10;
}
.accordion-slider-link {
	display: flex;
	align-items: end;
	justify-content: center;
	width: 100%;
	height: 100%;
	text-decoration: none;
	outline: none;
	padding: 60px 30px;
	position: relative;
	z-index: 100;
}
.accordion-slider-content {
	width: 100%;
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	transform: translateY(100px);
	opacity: 0;
	transition: all 0.5s linear 0.2s;
}
.accordion-slider-content-fluid {
	position: absolute;
	bottom: 0;
	left: 50%;
	padding: 1rem;
	transform: translateX(-50%) translateY(-230%) rotate(-90deg);
	opacity: 1;
	text-align: left;
	width: 280px;
	transition: all 0.15s linear;
}
.accordion-slider-content-fluid h3,
.accordion-slider-content h3 {
	font-size: 28px;
	font-weight: 400;
	color: var(--color-white);
	text-transform: uppercase;
	margin-bottom: 0;
}
.accordion-slider-content p {
	color: var(--color-white);
	margin-bottom: 0;
	margin-top: 8px;
}
.accordion-slider-item:hover { width: 100%; }
.accordion-slider-item:hover:before { height: 100%; }
.accordion-slider-item:hover .accordion-slider-content-fluid {
	transform: translateX(-100%) translateY(-230%) rotate(-90deg);
	opacity: 0;
}
.accordion-slider-item:hover .accordion-slider-content {
	transform: translateY(0);
	opacity: 1;
}

@media (max-width: 1399px) {
	.accordion-slider-item { height: 560px; }
}
@media (max-width: 1199px) {
	.accordion-slider-item { height: 480px; }
}
@media (max-width: 991px) {
	.accordion-slider {
		flex-wrap: wrap;
		gap: 10px;
	}
	.accordion-slider-item {
		width: calc(50% - 10px);
		height: 360px;
	}
	.accordion-slider-item::before { height: 100%; }
	.accordion-slider-link {
		padding: 40px 20px;
	}
	.accordion-slider-content {
		transform: translateY(0);
		opacity: 1;
	}
	.accordion-slider-content-fluid { display: none; }
	.accordion-slider-item:hover { width: calc(50% - 10px) }
}
@media (max-width: 767px) {
	.section-accordion-slider .block-content { text-align: center; }
	.accordion-slider-item { width: 100%; }
	.accordion-slider-content-fluid h3, .accordion-slider-content h3 { font-size: 26px; }
	.accordion-slider-item:hover { width: 100% }
}

/* =====[SECTION CTA]===== */
.section-cta {
	padding: 3.5rem 0;
	background-color: #ED4B00;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.section-cta .block-content {
	background-color: #FFFFFF;
	padding-block: 4.375rem;
	padding-inline: 1.5rem;
}

@media (max-width: 991px) {
	.section-cta .block-content {
		padding-block: 3.75rem;
	}
}
@media (max-width: 767px) {
	.section-cta .block-content {
		padding-block: 2.5rem;
	}
}





/* ====================
# FOOTER
==================== */
.footer {
	color: var(--color-white);
	background-color: #100C08;
	background-image: url('../img/footer-bg.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
}
.footer-main { padding: 95px 0 60px 0; }
.footer-block { position: relative; }
.footer-block h4 {
	font-size: 28px;
	font-weight: 400;
	color: var(--color-white);
	margin-bottom: 20px;
	text-transform: uppercase;
}
.footer-block .footer-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-block .footer-menu li { margin-bottom: 8px; }
.footer-block .footer-menu li a {
	font-size: 1rem;
	font-weight: 400;
	color: var(--color-white);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}
.footer-block .footer-menu li a:hover {
	color: var(--color-primary);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 2px;
}
.footer-block .footer-block-link {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-primary);
	text-decoration: none;
	display: inline-block;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ED4B00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-arrow-up-right-icon lucide-arrow-up-right'%3E%3Cpath d='M7 7h10v10'/%3E%3Cpath d='M7 17 17 7'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: top 2px right;
	background-size: 22px;
	padding-right: 1.75rem;
	margin-top: 0.25rem;
	transition: all 0.3s ease;
}
.footer-block .footer-block-link:hover {
	color: var(--color-primary);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 2px;
}
.footer-block p {
	font-size: 1rem;
}
.footer-contact-info {
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer-contact-info li {
	margin-bottom: 0.75rem;
	position: relative;
	padding-left: 2rem;
}
.footer-contact-info li svg {
	width: 20px;
	height: 20px;
	display: inline-block;
	color: var(--color-primary);
	position: absolute;
	left: 0;
	top: 1px;
}
.footer-contact-info address {
	display: block;
	margin: 0;
}
.footer-contact-info li p {
	font-size: 1rem;
	margin-bottom: 0;
}
.footer-contact-info li a {
	font-size: 1rem;
	font-weight: 400;
	color: var(--color-white);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}
.footer-contact-info li a:hover {
	color: var(--color-primary);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 2px;
}
.footer-line { position: relative; }
.footer-line hr { 
	margin: 0;
	opacity: 1;
}
.footer-bottom { padding: 20px 0; }
.footer-bottom-content {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 1.5rem;
}
.footer-bottom-content img {
	display: block;
	width: 100%;
	max-width: 95px;
	flex: 0 0 auto;
}
.footer-bottom-content p {
	font-size: 1rem;
	color: var(--color-white);
	margin: 0;
}
.footer-bottom-content .vr {
	align-self: center;
	width: 1px;
	background-color: var(--color-white);
	opacity: .70;
}
.footer-bottom-content .footer-social-media {
	display: flex;
	gap: 1.5rem;
}
.footer-bottom-content .footer-social-media a {
	display: inline-block;
	color: var(--color-white);
	text-decoration: none;
	line-height: 1;
	transition: all 0.3s ease;
}
.footer-bottom-content .footer-social-media a:hover {
	color: var(--color-primary);
	text-decoration: none;
}
.footer-bottom-content .footer-social-media a svg {
	width: 16px;
	height: 16px;
}
.footer-bottom-link { text-align: right; }
.footer-bottom-link a {
	font-size: 1rem;
	font-weight: 400;
	color: var(--color-white);
	text-decoration: none;
	display: inline-block;
	transition: all 0.3s ease;
}
.footer-bottom-link a:hover {
	color: var(--color-primary);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 2px;
}
.footer-bottom-link a + a { margin-left: 1rem; }

@media (max-width: 1399px) {
	.footer-block h4 { font-size: 26px; }
}
@media (max-width: 1199px) {
	.footer-main { padding: 75px 0 0 0; }
	.footer-main .row > .col {
		flex: 0 0 auto;
		width: 33.333333%;
		margin-bottom: 2.25rem;
	}
	.footer-bottom-content {
		justify-content: center;
		margin-bottom: 0.5rem;
	}
	.footer-bottom-content img { max-width: 74px; }
	.footer-bottom-link { text-align: center; }
}
@media (max-width: 991px) {
	.footer-main .row>.col { width: 50%; }
	.footer-block h4 { font-size: 24px; }
}
@media (max-width: 767px) {
	.footer-main { padding: 60px 0 0 0; }
	.footer-main .row>.col {
		width: 100%;
		margin-bottom: 1.75rem;
	}
	.footer-block h4 { font-size: 20px; }
	.footer-bottom-content {
		flex-direction: column;
		gap: 0.75rem;
		margin-bottom: 0.75rem;
	}
	.footer-bottom-content p {
		font-size: 0.875rem;
		text-align: center;
		line-height: 1.35;
	}
	.footer-bottom-content .vr { display: none; }
	.footer-bottom-link a { font-size: 0.875rem; }
}

/* ====================
# ABOUT PAGE
==================== */
/* =====[SECTION OUR STORY]===== */
.section-our-story .block-media-group {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1.75rem;
}
.section-our-story .block-media-group .block-media:nth-child(3) { grid-column: 1 / -1; }

@media (max-width: 1199px) {
	.section-our-story .block-media-group { gap: 1.25rem; }
}
@media (max-width: 991px) {
	.section-our-story .block-media-group {
		gap: 1rem;
		margin-bottom: 2.5rem;
	}
	.section-our-story .block-media { margin-bottom: 0; }
}
@media (max-width: 767px) {
	.section-our-story .block-media-group {
		gap: 0.75rem;
		margin-bottom: 2rem;
	}
}

/* =====[SECTION VISION & MISSION]===== */
.section-vision-mission .block-content + .block-content { margin-top: 3.75rem; }
.section-vision-mission .card-block-min { background-color: #FFFFFF; }

@media (max-width: 1199px) {
	.section-vision-mission .block-content + .block-content { margin-top: 3.125rem; }
}
@media (max-width: 767px) {
	.section-vision-mission .block-content + .block-content { margin-top: 2.5rem; }
}

/* =====[SECTION ABOUT VIDEO]===== */
.about-video-block {
	position: relative;
}
.about-video-block img {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}
.about-video-block .btn-play {
	color: var(--color-primary);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: clamp(3.25rem, -0.159rem + 9.091vw, 10.75rem);
	height: clamp(3.25rem, -0.159rem + 9.091vw, 10.75rem);
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	border-radius: 50%;
	border: 0;
}
.about-video-block .btn-play:hover { color: #FFFFFF; }
.about-video-block .btn-play svg {
	width: clamp(3.25rem, -0.159rem + 9.091vw, 10.75rem);
	height: clamp(3.25rem, -0.159rem + 9.091vw, 10.75rem);
}

/* =====[VIDEO MODAL]===== */
.video-modal .modal-content {
	background-color: var(--color-primary);
	border: 0;
	border-radius: 0;
}
.video-modal .modal-header {
	border: 0;
	border-radius: 0;
}
.video-modal .modal-body {
	padding-top: 0;
	border-radius: 0;
}
.video-modal .modal-title {
	font-size: clamp(1.25rem, 1.167rem + 0.37vw, 1.5rem);
	font-weight: 600;
	color: var(--color-white);
	text-transform: uppercase;
}
.video-modal .btn-close {
	--bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
	color: var(--color-white);
	background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
	border-radius: 0;
	opacity: 1;
}
.video-modal .btn-close:focus { box-shadow: none; }

/* ====================
# SERVICE PAGE
==================== */
/* =====[SECTION SERVICE BLOCKS]=====*/
.section-service-blocks .button-block { margin-top: 2rem; }

/* =====[SECTION SERVICE REQUEST]===== */
.section-service-request .block-content h2 { color: var(--color-white); }
.section-service-request .block-content p { color: var(--color-white); }

/* ====================
# PARTNERS PAGE
==================== */
/* =====[SECTION PARTNER LEAD]===== */
.section-partner-lead .block-media {
	border: 1px solid #E5E5E5;
	padding: 2rem 0.5rem;
}

/* =====[SECTION PARTNER CERTIFICATES]===== */
.section-partner-certificates { padding: 0.5rem 0; }
.section-partner-certificates .block-content h2 { margin-bottom: 0; }
.section-partner-certificates .block-media img {
	max-width: 490px;
	margin: 0 auto;
}

@media (max-width: 991px) {
	.section-partner-certificates .block-media { margin-bottom: 0; }
}
@media (max-width: 767px) {
	.section-partner-certificates { padding-top: 1rem; }
	.section-partner-certificates .block-content { text-align: center; }
	.section-partner-certificates .block-media { margin-top: 1rem; }
}

/* =====[PRODUCTS]===== */
.product-card-alt {
	border: 1px solid #DEE2E7;
	background: var(--color-white);
	position: relative;
	transition: all 0.3s ease-in-out;
}
.product-card-alt:hover {
	transform: translateY(-5px);
	box-shadow: var(--bs-box-shadow-sm);
}
.product-card-alt .product-card-media { overflow: hidden; }
.product-card-alt .product-card-media a {
	display: block;
	outline: none;
	text-decoration: none;
}
.product-card-alt .product-card-media img {
	display: block;
	width: 100%;
	transition: all 0.3s ease-in-out;
}
.product-card-alt:hover .product-card-media img { transform: scale(1.05); }
.product-card-alt .product-card-body { padding: 1.75rem 1.125rem; }
.product-card-alt .product-title-category,
.product-card-alt .product-title-main,
.product-card-alt .product-title-modal {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.product-card-alt .product-title-category {
	font-size: clamp(0.875rem, 0.846rem + 0.128vw, 1rem);
	margin-bottom: 8px;
}
.product-card-alt .product-title-main {
	font-size: clamp(1.25rem, 1.135rem + 0.513vw, 1.75rem);
	font-weight: 600;
	margin-bottom: 10px;
}
.product-card-alt .product-title-modal {
	font-size: clamp(1rem, 0.971rem + 0.128vw, 1.125rem);
	margin-bottom: 12px;
}
.product-card-alt .btn-product-link {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-primary);
	padding: 0 1.75rem 0 0;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ED4B00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-arrow-narrow-right'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l14 0' /%3E%3Cpath d='M15 16l4 -4' /%3E%3Cpath d='M15 8l4 4' /%3E%3C/svg%3E");
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: top -5px right;
	line-height: 1;
	text-align: left;
	transition: all 0.3s ease-in-out;
}
.product-card-alt .btn-product-link:hover {
	color: var(--color-primary);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
	padding-right: 2rem;
}

/* =====[SECTION PARTNER PRODUCTS]===== */
.section-partner-products .block-content h2 { margin-bottom: 0; }
.section-partner-products .button-group { margin-top: clamp(2.25rem, 2.048rem + 0.897vw, 3.125rem); }
.section-partner-products .product-card-alt {
	margin-bottom: 1rem;
	height: 100%;
}
.section-partner-products .product-card-alt .product-title-main a {
	color: var(--color-heading);
	text-decoration: none;
}
.section-partner-products .product-card-alt .product-title-main a:hover {
	color: var(--color-primary);
	text-decoration: none;
}
.section-partner-products .product-card-alt .product-title-main,
.section-partner-products .product-card-alt .product-title-modal {
	white-space: wrap;
	overflow: visible;
	text-overflow: unset;
}

/* ====================
# CONTACT PAGE
==================== */
/*=====[SECTION CONTACT]=====*/
.section-contact {
	color: #FFFFFF;
	background-color: #100C08;
}
.contact-block {
	position: relative;
	padding-left: 2rem;
	margin-bottom: clamp(2.875rem, 2.529rem + 1.538vw, 4.375rem);
}
.contact-block img {
	display: inline-block;
	position: absolute;
	left: 0;
	top: clamp(0.5rem, 0.471rem + 0.128vw, 0.625rem);
}
.contact-block h3 {
	font-size: clamp(1.5rem, 1.442rem + 0.256vw, 1.75rem);
	font-weight: 400;
	color: var(--color-white);
	text-transform: uppercase;
	margin-bottom: clamp(1.25rem, 1.163rem + 0.385vw, 1.625rem);
}
.contact-block p { color: var(--color-white); }
.contact-block .link-block a {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--color-white);
	text-decoration: none;
	transition: all 0.3s ease;
}
.contact-block .link-block a:hover {
	color: var(--color-primary);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 2px;
}
.contact-block address { 
	font-weight: 600;
	display: block;
	margin: 0; 
}
.contact-block address p { font-weight: 600; }
.social-block {
	display: flex;
	gap: 1rem;
	padding-left: 2rem;
}
.social-block a {
	text-decoration: none;
	outline: none;
}
.social-block a img {
	width: clamp(2rem, 1.712rem + 1.282vw, 3.25rem);
	height: clamp(2rem, 1.712rem + 1.282vw, 3.25rem);
	display: block;
}

@media (max-width: 991px) {
	.form-block { margin-top: clamp(2.875rem, 2.529rem + 1.538vw, 4.375rem); }
}

/* =====[SECTION MAP]===== */
.map-block {
	position: relative;
	height: clamp(22.5rem, 18.317rem + 18.59vw, 40.625rem);
}
.map-block iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

/* =====[STICKY WHATSAPP]===== */
.sticky-whatsapp {
	color: var(--color-white);
	position: fixed;
	bottom: 1.5rem;
	right: 1.5rem;
	width: clamp(3rem, 2.885rem + 0.513vw, 3.5rem);
	height: clamp(3rem, 2.885rem + 0.513vw, 3.5rem);
	background-color: var(--color-whatsapp);
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
   transition: all .30s ease-in-out;
	z-index: 1000;
}
.sticky-whatsapp svg {
	width: clamp(1.5rem, 1.385rem + 0.513vw, 2rem);
	height: clamp(1.5rem, 1.385rem + 0.513vw, 2rem);
}
.sticky-whatsapp:hover {
   color: var(--color-white);
   background: var(--color-whatsapp);
	transform: scale(1.05);
}

/* =====[CONTACT OTHERS]===== */
@media (max-width: 991px) {
	.page-template-template-contact .form-block {
		margin-top: 0;
		margin-bottom: clamp(2.875rem, 2.529rem + 1.538vw, 4.375rem);
	}
}

/* ====================
# SINGLE CATEGORY
==================== */
/* =====[ACCORDION BRAND]===== */
.accordion-brand.accordion .accordion-button {
	font-size: clamp(1.25rem, 1.192rem + 0.256vw, 1.5rem);
	font-weight: 500;
	color: var(--color-black);
	padding: clamp(1rem, 0.942rem + 0.256vw, 1.25rem) 0;
	background-color: transparent;
}
.accordion-brand.accordion .accordion-button:not(.collapsed) {
	color: var(--color-primary);
	background-color: transparent;
	box-shadow: none;
}
.accordion-brand.accordion  .accordion-button:focus { box-shadow: none; }
.accordion-brand.accordion .accordion-body { padding: 0.5rem 0 1rem 0; }
.accordion-brand.accordion .accordion-body h3,
.accordion-brand.accordion .accordion-body h4,
.accordion-brand.accordion .accordion-body h5,
.accordion-brand.accordion .accordion-body h6 {
	font-size: clamp(1.125rem, 1.125rem + 0vw, 1.125rem);
	margin-bottom: 1rem;
}
.accordion-brand.accordion .accordion-body p,
.accordion-brand.accordion .accordion-body ol,
.accordion-brand.accordion .accordion-body ul {
	margin-block: 1.25rem;
}

/* =====[SECTION SINGLE CATEGORY LIST]===== */
.section-single-category-list .block-content { margin-bottom: clamp(2rem, 1.798rem + 0.897vw, 2.875rem); }
.section-single-category-list .block-content h2 { margin-bottom: 0; }
.section-single-category-list .block-media { height: 100%; }
.section-single-category-list .block-media img { height: 100%; }
.scl-left-block {
	flex: 0 0 auto;
	width: 55%;
}
.scl-right-block {
	flex: 0 0 auto;
	width: 45%;
}
.scl-block-inner {
	width: 100%;
	max-width: 660px;
	margin-inline: auto;
	padding-block: 100px;
}

@media (max-width: 1399px) {
	.scl-block-inner { padding-inline: 40px; }
}
@media (max-width: 1199px) {
	.scl-block-inner { padding-block: 80px; }
}
@media (max-width: 991px) {
	.scl-left-block {
		width: 100%;
		padding-inline: 20px;
	}
	.scl-right-block {
		width: 100%;
		display: none;
	}
	.scl-block-inner {
		max-width: 696px;
		padding-inline: 0;
		padding-block: 60px;
	}
}
@media (max-width: 767px) {
	.scl-block-inner { max-width: 500px; }
}
@media (max-width: 575px) {
	.scl-block-inner { max-width: 100%; }
}


/* ====================
# SINGLE PRODUCT
==================== */
/* =====[SECTION SINGLE PRODUCT HERO]===== */
.section-single-product-hero .block-content .block-line h2 { margin-bottom: 0; }
.section-single-product-hero .block-content .block-line p { margin-bottom: 0.25rem; }

@media (min-width: 1200px) {
	.section-single-product-hero .block-content {
		flex-direction: column;
		height: 100%;
		justify-content: space-between;
		gap: 2rem;
	}
}
@media (max-width: 1199px) {
	.section-single-product-hero .block-media { margin-bottom: 2rem; }
}
@media (max-width: 767px) {
	.section-single-product-hero .block-media { margin-bottom: 1.5rem; }
	.section-single-product-hero .block-content {
		gap: 1rem;
	}
	.section-single-product-hero .block-content .block-line p { margin-bottom: 0; }
}

/* =====[SECTION SINGLE PRODUCT OVERVIEW]===== */
.section-single-product-overview .block-content { margin-bottom: 3rem; }
.section-single-product-overview .block-content h6 {
	margin-bottom: 0.25rem;
	text-transform: uppercase;
}
.section-single-product-overview .block-media { margin-top: auto; }

@media (max-width: 991px) {
	.section-single-product-overview .row-special > .col-lg-6:first-child { margin-bottom: 3rem; }
	.section-single-product-overview .block-content { margin-bottom: 2.5rem; }
	.section-single-product-overview .block-media {
		margin-top: 0;
		margin-bottom: 0;
	}
}
@media (max-width: 767px) {
	.section-single-product-overview .block-content { margin-bottom: 1.875rem; }
}

/* =====[SECTION SINGLE PRODUCT FEATURES]===== */
.section-single-product-features .row:not(:last-child) { margin-bottom: 62px; }
.section-single-product-features .block-content h6 { margin-bottom: 0.25rem; }

@media (max-width: 767px) {
	.section-single-product-features .row:not(:last-child) { margin-bottom: 40px; }
}

/* =====[SECTION SINGLE PRODUCT TABLE]===== */
.product-full-table { 
	position: relative; 
	overflow: hidden;
}
.product-full-table p { display: none; }
.product-full-table table { background: #FFFFFF; }
.product-full-table table tr td {
	font-size: var(--font-base-size);
	padding-inline: clamp(1.25rem, 0.962rem + 1.282vw, 2.5rem);
	padding-block: clamp(1rem, 0.942rem + 0.256vw, 1.25rem);
	border-bottom: 1px solid var(--color-light);
}
.product-full-table table tr:first-child td {
	font-family: var(--font-heading);
	font-size: clamp(1.25rem, 1.192rem + 0.256vw, 1.5rem);
	font-weight: 500;
	color: var(--color-white);
	text-transform: uppercase;
	background: #373F51;
}

@media (max-width: 767px) {
	.product-full-table table tr td { font-size: 1rem; }
}

/* =====[SECTION RELATED PRODUCTS]===== */
.section-related-products .block-content { margin-bottom: clamp(2rem, 1.712rem + 1.282vw, 3.25rem); }
.section-related-products .block-content h2 {
	color: var(--color-white);
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.section-related-products .block-content { text-align: center; }
}


/* ====================
# COMING SOON
==================== */
.page-template-template-coming-soon .site-header { display: none!important; }
.section-coming-soon .block-content h2 { color: var(--color-white) }
.section-coming-soon .block-content h6 { color: var(--color-white); }


/* ====================
# PRODUCT SINGLE
==================== */
.sidebar-filter .widget-title {
	font-size: clamp(1.5rem, 1.471rem + 0.128vw, 1.625rem);
	font-weight: 600;
	margin-bottom: clamp(1.75rem, 1.692rem + 0.256vw, 2rem);
	text-transform: uppercase;
}
.category-filter-list .form-check {
	margin-bottom: 1rem;
	padding-left: 2rem;
}
.category-filter-list .form-check-input[type="checkbox"] {
	border-radius: 0;
	border: 2px solid #BDBDBD;
	width: 20px;
	height: 20px;
	margin-top: 2px;
	margin-left: -2rem;
}
.category-filter-list .form-check-input:checked {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}
.category-filter-list .form-check-input:focus { box-shadow: none; }
.category-filter-list .form-check-label {
	font-family: var(--font-base);
	font-weight: 500;
	cursor: pointer;
}
.brand-filter-container { margin-bottom: 35px; }
.brand-filter-container .form-group {
	display: flex;
	align-items: center;
	justify-content: end;
	position: relative;
	z-index: 10;
}
.brand-filter-container .form-group .form-label {
	font-family: var(--font-heading);
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
	white-space: nowrap;
	padding-right: 12px;
}
.brand-filter-container .form-group .form-select {
	font-weight: 500;
	border: 2px solid #BDBDBD;
	border-radius: 0;
	width: auto;
	min-width: 160px;
}
.brand-filter-container .form-group .form-select:focus {
	border-color: var(--color-primary);
	outline: 0;
	box-shadow: none;
}
.product-card-alpha {
	background: var(--color-white);
	border: 1px solid #E5E5E5;
	padding: 1rem;
	transition: all 0.3s ease-in-out;
	position: relative;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.product-card-alpha:hover {
	transform: translateY(-5px);
	box-shadow: var(--bs-box-shadow-sm);
}
.product-card-alpha .product-card-media {
	border-bottom: 1px solid #E5E5E5;
	padding-bottom: 1rem;
	width: 100%;
}
.product-card-alpha .product-card-media a { display: block; }
.product-card-alpha .product-card-media img {
	width: 100%;
	height: 114px;
	object-fit: cover;
	object-position: center;
	display: block;
}
.product-card-alpha .product-card-body {
	padding-top: 1rem;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}
.product-card-alpha .product-category { margin-bottom: 0.25rem; }
.product-card-alpha .product-heading {
	font-size: 1.375rem;
	margin-bottom: 1rem
}
.product-card-alpha .button-group-block { margin-top: auto; }
.product-card-alpha .btn-product-link {
	font-size: 1rem;
	font-weight: 600;
	color: var(--color-primary);
	padding: 0 1.75rem 0 0;
	background-color: transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ED4B00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='icon icon-tabler icons-tabler-outline icon-tabler-arrow-narrow-right'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l14 0' /%3E%3Cpath d='M15 16l4 -4' /%3E%3Cpath d='M15 8l4 4' /%3E%3C/svg%3E");
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: top -5px right;
	line-height: 1;
	text-align: left;
	transition: all 0.3s ease-in-out;
}
.product-card-alpha .btn-product-link:hover {
	color: var(--color-primary);
	text-decoration: underline;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
	padding-right: 2rem;
}

@media (max-width: 991px) {
	.brand-filter-container {
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.brand-filter-container .form-group { justify-content: start; }
}
@media (max-width: 767px) {
	.brand-filter-container {
		margin-top: 15px;
		margin-bottom: 25px;
	}
}

/* Pagination */
.pagination {
	margin: 1.5rem 0 0 0;
	gap: 0.5rem;
}
.pagination .page-item .page-link {
	font-weight: 600;
	color: var(--color-secondary);
	border-radius: 0;
	line-height: 1;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-secondary);
}
.pagination .page-item.active .page-link {
	color: var(--color-white);
	background: var(--color-primary);
	border-color: var(--color-primary);
}

/* ====================
# COPYRIGHT PAGE
==================== */
.page-template-template-copyright .site-header { background: var(--color-black); }
.section.section-copyright { padding-top: clamp(6.25rem, 5.096rem + 5.128vw, 11.25rem); }
.copyright-block { position: relative; }
.copyright-block h1 {
	font-size: clamp(2rem, 1.567rem + 1.923vw, 3.875rem);
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 1rem;
}
.copyright-block h2 {
	font-size: clamp(1.75rem, 1.58rem + 0.77vw, 2.5rem);
	margin-top: 2.5rem;
	margin-bottom: 1rem;
}
.copyright-block h3 { margin-top: 1.5rem; }
.copyright-block a {
	color: var(--color-primary);
	text-decoration: none;
}
.copyright-block a:hover {
	color: var(--color-primary);
	text-decoration: underline;
}


/* ====================
# ERROR 404 PAGE
==================== */
body.error404 {
	color: var(--color-white);
	background-color: var(--color-secondary);
	background-image: url('../img/footer-bg.png');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
}
body.error404 .site-header,
body.error404 .footer {
	display: none !important;
	opacity: 0 !important;
	width: 0px !important;
	height: 0px !important;
	overflow: hidden !important;
	z-index: -99999 !important;
}
.error-404 {
	padding-block: clamp(3.75rem, 3.288rem + 2.051vw, 5.75rem);
	height: 100vh;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.error-404 .error-404-content { text-align: center; }
.error-404 .error-404-content h1 {
	font-size: 92px;
	color: var(--color-white);
	margin-bottom: 1.5rem;
}
.error-404 .error-404-content h2 {
	font-size: clamp(1.75rem, 1.58rem + 0.77vw, 2.5rem);
	font-weight: 600;
	color: var(--color-white);
	text-transform: uppercase;
	margin-bottom: 1rem;
}
.error-404 .error-404-content p { margin-bottom: 2.5rem }