/* @import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://cdn.jsdelivr.net/npm/@geist-fonts/geist-sans@latest/style.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css'); */

@import url(../css/hamburgers.min.css);
@import url(../css/select2.min.css);

* {
	box-sizing: border-box;
}

html {
	-ms-scroll-behavior: smooth;
	-moz-scroll-behavior: smooth;
	-webkit-scroll-behavior: smooth;
	scroll-behavior: smooth;
	height: 100%;
	/* MEMPERBAIKI PEWARISAN TINGGI */
	margin: 0;
	padding: 0;
}

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}


/* 
html {
	&.lenis {
	  height: auto;
	}
 } */

/* --- SETTING LENIS SMOOTH SCROLL START --- */
.smooth-wrapper {
	width: 100%;
	height: auto;
}

.lenis {
	height: auto;
}

.lenis.lenis-smooth {
	scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
	overscroll-behavior: contain;
}

.lenis.lenis-scrolling iframe {
	pointer-events: none;
}

.lenis.lenis-stopped {
	overflow: hidden;
}

/* --- SETTING LENIS SMOOTH SCROLL END --- */

/* --- PERFORMANCE TWEAKS FOR SMOOTH SCROLL (Chrome / Safari) --- */
html,
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Reduce layout thrash for text reveal animations */
.reveal-char {
	display: inline-block;
	color: #98a1ae;
	opacity: 0.3;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	will-change: color, opacity;
}

/* Improve sticky elements performance */
.sticky,
.is-sticky,
[data-sticky] {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
}

/* Prevent expensive paint (avoid filters, shadows on scrolling containers) */
.lenis,
.smooth-wrapper {
	filter: none !important;
	backface-visibility: hidden !important;
}

/* Avoid scroll-behavior on Lenis-managed containers */
.lenis.lenis-smooth {
	scroll-behavior: auto !important;
}

/* Reduce heavy transitions on large containers */
.wrp-hero-section,
.card-featured-large-news,
.card-cataloge-home {
	will-change: transform;
}

/* End performance tweaks */

body {
	overflow-x: clip;
	display: block;
	font-family: 'Plus Jakarta Sans', sans-serif;
	background: var(--white-one);
	color: var(--gray-800);
	box-sizing: border-box;

	&::-webkit-scrollbar {
		height: 6px;
		width: 2.5px;
		background: transparent none;
	}

	&::-webkit-scrollbar-button {
		height: 10px;
		width: 2.5px;
		background: transparent none;
	}

	&::-webkit-scrollbar-thumb {
		background: var(--gray-400);
		border-radius: 4px;
		height: 16px !important;
		top: 10px;
		position: relative;
		left: -10px;
	}
}

body.unscrolled {
	overflow-y: hidden;
	height: 100vh;
}

:root {
	--font-plus-jakarta: 'Plus Jakarta Sans', sans-serif;
	--font-geist: 'Geist Sans', sans-serif;
	/* MONOCHROME COLOR PALETE */
	--white-trans-full: rgba(255, 255, 255, 0);
	--white-trans-2: rgba(255, 255, 255, 0.2);
	--white-one: #ffffff;
	--gray-950: #12171c;
	--gray-900: #212830;
	--gray-800: #212831;
	--gray-700: #3b4754;
	--gray-600: #46515d;
	--gray-500: #6e7887;
	--gray-400: #98a1ae;
	--gray-300: #d1d5db;
	--gray-200: #e2e5e9;
	--gray-100: #f3f5f6;
	--gray-50: #f9fafb;
	--gray-25: #fcfcfb;
	--gray-15: #fefefe;
	/* MONOCHROME COLOR PALETE */

	/* GREEN COLOR PALETE */
	--green-950: #003418;
	--green-900: #0b5c30;
	--green-800: #0b7037;
	--green-700: #068f42;
	--green-600: #02b04d;
	--green-500: #0bdc65;
	--green-400: #35f386;
	--green-300: #77feb0;
	--green-200: #b3ffd2;
	--green-100: #d7ffe8;
	--green-50: #eefff4;
	/* GREEN COLOR PALETE */

	/* RED COLOR PALETE */
	--red-950: #450a0a;
	--red-900: #7f1d1d;
	--red-800: #991b1b;
	--red-700: #b91c1c;
	--red-600: #dc2626;
	--red-500: #ef4444;
	--red-400: #f87171;
	--red-300: #fca5a5;
	--red-200: #fecaca;
	--red-100: #fee2e2;
	--red-50: #fef2f2;
	/* RED COLOR PALETE */

	/* AQUA BLUE COLOR PALETE */

	--aqua-blue-1300: #001224;
	--aqua-blue-1200: #011d35;
	--aqua-blue-1100: #012746;
	--aqua-blue-1000: #013156;
	--aqua-blue-900: #011f47;
	--aqua-blue-800: #02397a;
	--aqua-blue-700: #034ea1;
	--aqua-blue-600: #0561c5;
	--aqua-blue-500: #0775eb;
	/* THIS PRIMARY COLOR LOGO */
	--aqua-blue-400: #0e99fa;
	/* THIS PRIMARY COLOR LOGO*/
	--aqua-blue-300: #6aaefe;
	--aqua-blue-200: #9ec5fe;
	--aqua-blue-100: #cedfff;
	--aqua-blue-50: #eaf1ff;
	/* AQUA BLUE COLOR PALETE */
}

.overflow-unset {
	overflow: unset;
}

/* CONTAINER GLOBAL START*/

.cmw-container {
	max-width: 1330px;
	margin: 0 auto;
	margin-right: auto;
	margin-left: auto;
	margin-right: auto;
	margin-left: auto;
}

.container-large {
	max-width: 99.86%;
	margin: 0 auto;
	margin-right: auto;
	margin-left: auto;
}

.centered-container {
	max-width: 1170px;
	margin: 0 auto;
	margin-right: auto;
	margin-left: auto;
	margin-right: auto;
	margin-left: auto;
	/* border: 1px solid #cf0000; */
}

/* CONTAINER GLOBAL END*/


.close-w-32 {
	width: 32px;
	min-height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.close-w-32 svg {
	width: 100%;
	height: 100%;
	max-width: 100%;
	height: 100%;
	object-fit: fill;
}

/* HEADER START */
.navbar-mobile {
	display: none;
}

.header {
	width: 100%;
	height: auto;
	min-height: 64px;
	position: fixed;
	top: 0px;
	z-index: 9998;
	/* border: 1px solid #cf0000; */
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: .5s ease-in-out;
}

.header.scroll {
	transform: translateY(-98px);
	-webkit-transition: 1s ease-in-out;
	-moz-transition: 1s ease-in-out;
	-o-transition: 1s ease-in-out;
	transition: .4s ease-in-out;
}

.navbar-desc {
	background: transparent none;
	min-height: 72px;
	width: 100%;
	transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	-webkit-transition: 0.4s;
	position: fixed;
	top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	z-index: 99;
}

.navbar-hidden {
	transform: translateY(-108px);
	transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	-webkit-transition: 0.4s;
}



.navbar-flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	flex-direction: row;
	padding-left: 0px;
	padding-right: 0px;
	position: relative;
	z-index: 7;
}

.navbar-gradients {
	background: transparent none;
	min-height: 14px;
	padding-top: 4px;
	padding-bottom: 4px;
	z-index: 9;
}


.navbar-solid {
	background: #034ea1;
	border: 1px solid #034ea1;
	border-radius: 5px;
	min-height: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	justify-content: center !important;
	-ms-justify-content: center !important;
	-moz-justify-content: center !important;
	-webkit-justify-content: center !important;
	z-index: 8;
	position: relative;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
}

.logo-brand {
	width: 124px;
	overflow: unset;
	position: relative;
	transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	-webkit-transition: 0.4s;
	margin-left: 10px;
}

.logo-brand a img {
	max-width: 100%;
	height: 100%;
	object-fit: fill;
}

.logo-brand-centered {
	width: 304px;
}

.logo-brand-centered a img {
	max-width: 100%;
}

.navbar-items-menu {
	width: 76%;
	min-height: 10px;
	height: auto;
}

.navbar-nav {
	flex-direction: row;
}

.wrp-nav-item {
	/* min-width: 796px; */
	min-width: 820px;
	width: auto;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	gap: 18px;
}

.chevron-down {
	width: 16px;
	height: auto;
	padding: 3.5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-top: 3.5px;
}

.all-menu {
	width: 26px;
	height: auto;
	padding: 3.5px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-top: 0.5px;
	margin-right: 6px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.navbar-items-menu ul li a:hover .all-menu svg path {
	fill: var(--aqua-blue-600);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.text-nav {
	width: auto;
	height: auto;
	padding-right: 8px;
}

.text-nav p {
	margin-bottom: 0px;
}

.chevron-down svg {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.chevron-down svg path.cls-1 {
	fill: var(--white-one);
}

.navbar-items-menu ul li a {
	cursor: pointer;
	position: relative;
	overflow: unset;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	color: var(--white-one);
	font-size: clamp(0.8475rem, 0.5304rem + 0.4955vw, 1.125rem) var(--font-plus-jakarta);
	letter-spacing: 0.32px;
	line-height: 148%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-left: 3.5px;
	padding-right: 3.5px;
}

.navbar-items-menu ul li a:focus {
	color: var(--gray-100);
}

.navbar-items-menu ul li a::before {
	content: "";
	width: 16px;
	height: 2px;
	background: var(--aqua-blue-100);
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	bottom: -1.5px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	opacity: 0;
}

.navbar-items-menu ul li:hover>a::before {
	content: "";
	width: 16px;
	height: 2px;
	bottom: -1.5px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	opacity: 1;
}

.navbar-items-menu ul li:hover>a {
	text-decoration: none;
	outline: none;
	color: var(--white-one);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.navbar-items-menu ul li:focus>a {
	text-decoration: none;
	outline: none;
	color: var(--aqua-blue-600);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.navbar-items-menu ul li:hover>a .chevron-down svg path {
	fill: var(--white-one);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}


.dropdown-menu {
	position: absolute;
	left: 0px;
	top: 100%;
	min-width: 280px;
	z-index: 100;
	display: none;
	box-shadow: 0px 9px 8px 4px rgba(0, 0, 0, 0.056);
	-webkit-box-shadow: 0px 9px 8px 4px rgba(0, 0, 0, 0.056);
	-moz-box-shadow: 0px 9px 8px 4px rgba(0, 0, 0, 0.056);
}

.navbar-items-menu ul li a:hover .chevron-down svg path {
	fill: var(--white-one);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

/* TAMBAHKAN INI */
li.dropdown-hover {
	/* position: relative; */
	position: static;

}

.wrp-nav-item .nav-item {
	flex: unset !important;
}

.navbar-items-menu ul li.dropdown-hover ul li a {
	font-size: clamp(0.8475rem, 0.5304rem + 0.4955vw, 1.125rem) var(--font-plus-jakarta);
	color: var(--gray-500);
	letter-spacing: 0.24px;
	line-height: 138%;
}


/* SLIDE IN DROPDOWN ANIMATION */
.slideIn {
	-webkit-animation-name: slideIn;
	animation-name: slideIn;
}

.animate {
	animation-duration: 0.3s;
	-webkit-animation-duration: 0.3s;
	animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
}

.navbar-nav li:hover>ul.first-level {
	border-top: 12px solid transparent;
}

@keyframes slideIn {
	0% {
		transform: translateY(1rem);
		opacity: 0;
	}

	100% {
		transform: translateY(0rem);
		opacity: 1;
	}

	0% {
		transform: translateY(1rem);
		opacity: 0;
	}
}

@-webkit-keyframes slideIn {
	0% {
		-webkit-transform: transform;
		-webkit-opacity: 0;
	}

	100% {
		-webkit-transform: translateY(0);
		-webkit-opacity: 1;
	}

	0% {
		-webkit-transform: translateY(1rem);
		-webkit-opacity: 0;
	}
}

.slideIn {
	-webkit-animation-name: slideIn;
	animation-name: slideIn;
}

/* SLIDE IN DROPDOWN ANIMATION */
.dropdown-hover:hover>.dropdown-menu {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	position: absolute;
	left: 0px;
	top: 100%;
	border-image-source: linear-gradient(0deg, rgba(221, 221, 221, 1) 54%, rgba(255, 255, 255, 0) 100%);
	border-image-slice: 1;
	border-bottom-left-radius: 6.4px;
	border-bottom-right-radius: 6.4px;
	height: auto;
	/* max-width: 296px;
	min-width: 232px; */
	width: 100%;
}

/* HERO TEXT ANIMATION START */
.animate-text-span {
	opacity: 0;
	filter: blur(4px);
	transform: translateY(-20px) scale(0.6);
	display: inline-block;
	white-space: pre;
	animation: fadeInDrop 0.3s forwards;
	/* Speed will be controlled by delay in JS, but base duration here */
}

.animate-fade-up {
	opacity: 0;
	transform: translateY(64px);
	animation: fadeUp 0.6s ease-out forwards;
}

@keyframes fadeInDrop {
	to {
		opacity: 1;
		filter: blur(0);
		transform: translateY(0) scale(1);
	}
}

@keyframes fadeUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* HERO TEXT ANIMATION END */

/* CONNECTIONS LAYER START */
.section-header-product {
	position: relative;
}

.connections-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	/* Ensure clicks pass through to underlying elements */
	z-index: 5;
	/* Place below cards if needed, or adjust based on requirement */
	overflow: visible;
}

.card-component {
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	/* Optional: slight slide up effect */
}

.connection-line {
	fill: none;
	stroke: var(--aqua-blue-500);
	/* Use your primary color */
	stroke-width: 2px;
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
}

/* Ensure pulsating circles are above lines */
.pulsating-circle {
	z-index: 2;
}

/* CONNECTIONS LAYER END */

.dropdown-hover:hover>ul.first-level {
	border-top: 19px solid transparent !important;
	border-right: 0px;
	border-bottom: 0px;
	border-left: 0px;
	padding-bottom: 0px;
}

.dropdown-menu li {
	width: 100%;
	padding: 9.6px 20px;
}

.dropdown-menu li a {
	font-size: clamp(0.8475rem, 0.5304rem + 0.4955vw, 1.125rem) var(--font-plus-jakarta);
	color: var(--gray-500);
	letter-spacing: 0.24px;
	line-height: 138%;
	text-decoration: none;
	outline: none;
}

.dropdown-menu li a:hover {
	color: var(--aqua-blue-500) !important;
	text-decoration: none;
}

.widget-pra-ipo {
	width: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.emiten-price {
	height: auto;
	text-decoration: none;
	color: #fff;
}

.emiten-price p {
	margin-bottom: 0px;
	color: #fff;
	font: 500 15px/19px var(--font-geist);
}

.emiten-price span {
	padding-left: 6px;
}

.emiten-state {
	width: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-left: 10px;
	text-decoration: none;
}

.icon-state-emiten {
	width: 24px;
	padding-left: 4px;
	padding-right: 4px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.icon-state-emiten svg {
	max-width: 100%;
}

.icon-state-emiten.up-green svg path {
	fill: #02b04d;
}

.icon-state-emiten.down-red svg path {
	fill: #cc0505;
}

.percentage-emiten {
	height: auto;
	padding-left: 8px;
	font: 500 15px/19px var(--font-geist);
}

.percentage-emiten p {
	margin-bottom: 0px;
	color: #fff;
}

.burger-mobile {
	display: none;
}

.navbar-mobile-container {
	display: none;
}

.icon-search {
	margin-right: 10px;
	width: 34px;
	height: 32px;
	padding: 5.5px 5.5px 5.5px 12px;
	cursor: pointer;
	border-radius: 20px;
	border: 0px solid var(--gray-300);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	position: relative;
}

.icon-search::before {
	width: 1.5px;
	height: 21px;
	background: var(--aqua-blue-300);
	/* content: ""; */
	position: absolute;
	left: 0px;
	bottom: 6.5px;
}

.icon-search svg {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.icon-search svg path.cls-1 {
	fill: var(--white-one);
}

.icon-search svg path.cls-2 {
	fill: var(--white-one);
}

.top-item-nav {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.icon-top-nav {
	min-width: 64px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	color: #fff;
	text-decoration: none;
	mix-blend-mode: difference !important;
	-ms-mix-blend-mode: difference !important;
	-moz-mix-blend-mode: difference !important;
	-webkit-mix-blend-mode: difference !important;
	transition: color 0.3s ease;
}


/* LANGUAGE START*/

.desktop-language {
	position: relative;
	width: 64px;
	margin-left: 12px;
}

#dropdownLangdesk img {
	display: none;
}

.d-lang-desktop {
	top: 0px;
	right: 1px;
	position: relative;
}

.d-lang-desktop::before {
	content: " ";
	width: 12px;
	height: 12px;
	border: 0px;
	top: 15px;
	position: absolute;
	left: -8px;
	right: unset;
	background: url('../images/icons/caret-arrow-down-white.svg') no-repeat center center;
	background-size: contain;
	display: inline-block;
}

#dropdownLangdesk {
	position: relative;
	padding-right: 30px;
	padding-left: 10px;
	margin-right: 15px;
	margin-top: 1px;
	background: var(--bg-tranpasrent);
	color: var(--white-one);
	font-size: 15px;
	line-height: 28px;
	font-family: var(--font-geist);
	font-weight: 400;
	letter-spacing: 0.4px;
	text-align: left;
	border: 0px !important;
}

#dropdownLangdesk::before {
	width: 1px;
	height: 21px;
	background: var(--aqua-blue-300);
	content: "";
	position: absolute;
	left: -16px;
	bottom: 10px;
}

#dropdownLangdesk:focus {
	outline: none !important;
	box-shadow: none !important;
	border: 0px !important;
}

.dropdown-menu-ds {
	width: 94px !important;
	min-width: 64px;
	padding: 0px 2px;
	text-align: center;
	top: -2px;
	z-index: 3;
}

.dropdown-menu-ds:hover {
	background-color: #f8f9fa;
}

.dropdown-menu-ds a {
	padding: 5px 5px !important;
	font-size: 15px;
	font-weight: 600;
	color: #363636;
}

.lang-flag {
	width: 20px;
	height: auto;
	margin-right: 8px;
	vertical-align: middle;
	border-radius: 2px;
	object-fit: cover;
}

.dropdown-menu-ds .dropdown-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 15px;
	cursor: pointer;
}

.lang-group {
	display: flex;
	align-items: center;
}

.lang-text {
	font-weight: 500;
	font-size: 14px;
}

/* Icon Checklist */
.check-icon {
	width: 12px !important;
	height: 12px !important;
	fill: var(--aqua-blue-500);
	opacity: 0;
	transition: opacity 0.2s ease;
	margin-right: 5px;
}

.dropdown-item.active .check-icon {
	opacity: 1;
	fill: var(--aqua-blue-500) !important;
}

.btn-lang-desktop {
	display: flex;
	align-items: center;
	gap: 5px;
}

.d-lang-desktop .dropdown-item.active {
	background: var(--aqua-blue-50) !important;
	color: var(--aqua-blue-500);
}


.dropdown-menu-ds a:hover,
.dropdown-menu-ds a:focus {
	background: transparent none;
	color: #363636;
	border: transparent none;
}

#dropdownLangdesk::after {
	content: " ";
	width: 20px;
	height: 20px;
	border: 0px;
	top: 10px;
	position: absolute;
	right: unset;
	left: unset;
	right: -6px;
	background: url('../images/icons/global.svg') no-repeat center center;
	background-size: contain;
	filter: brightness(0) invert(1);
	/* Ensure white icon */
	display: inline-block;
	padding: 6px;
}

/* LANGUAGE END */

.text-icon-top {
	padding-left: 10px;
	font-size: 14.5px;
	padding-right: 15px;
	mix-blend-mode: difference !important;
	-ms-mix-blend-mode: difference !important;
	-moz-mix-blend-mode: difference !important;
	-webkit-mix-blend-mode: difference !important;
	transition: color 0.3s ease;
	z-index: 6;
}

.text-icon-top p {
	margin-bottom: 0px;
	mix-blend-mode: difference !important;
	-ms-mix-blend-mode: difference !important;
	-moz-mix-blend-mode: difference !important;
	-webkit-mix-blend-mode: difference !important;
	transition: color 0.3s ease;
	color: #fcfcfb;
}

.icon-top-contact {
	width: 20px;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.icon-top-contact svg {
	max-width: 100%;
}

.icon-top-contact svg path.cls-1 {
	fill: #fff;
	mix-blend-mode: difference !important;
}

.lang {
	width: 106px;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: end;
	-ms-justify-content: end;
	-moz-justify-content: end;
	-webkit-justify-content: end;
	gap: 4.5px;
	cursor: pointer;
}

.flag-lang {
	width: 30px;
	height: auto;
}

.flag-lang img {
	max-width: 100%;
}

/* Wrapper utama, butuh position relative */

.lang-mobile {
	display: none;
}

.lang-dropdown {
	position: relative;
	cursor: pointer;
	min-width: 90px;
}

/* Penata gaya untuk toggle (yang terlihat) */
.lang-toggle {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 6px 6px;
	border: 1px solid transparent none;
	border-radius: 6px;
	background: transparent none;
	transition: background-color 0.2s;
}

.lang-toggle:hover {
	background-color: transparent none;
}

/* Penata gaya untuk item di dalam toggle/option */
.lang-toggle .value-lang {
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}

.lang-option .value-lang {
	font-size: 14px;
	font-weight: 500;
	color: var(--gray-900);
}

.lang-toggle .flag-lang img,
.lang-option .flag-lang img {
	width: 24px;
	/* Atur ukuran bendera */
	height: auto;
	display: block;
}

/* SVG Chevron */
.lang-toggle .chevron-down {
	width: 18px;
	height: 18px;
	transition: transform 0.3s ease;
}

.lang-toggle .chevron-down svg {
	width: 100%;
	height: 100%;
	fill: #fff;
}

.lang-toggle .chevron-down svg path {
	fill: #fff;
}

.lang-toggle .chevron-down.rotate {
	transform: rotate(180deg);
}

/* Menu dropdown (tersembunyi) */
.lang-menu {
	display: none;
	/* Sembunyi secara default */
	position: absolute;
	top: calc(100% + 5px);
	/* Posisikan di bawah toggle */
	right: 0;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	min-width: 100%;
	/* Lebar minimum sama dengan toggle */
	z-index: 10;
	padding-left: 24px;
}

.lang-menu::before {
	width: 15px;
	height: 15px;
	content: "";
	position: absolute;
	background: var(--gray-100);
	border-radius: 8px;
	border: 1.5px solid var(--gray-300);
	left: 8px;
	top: 10px;
}

/* Opsi di dalam menu */
.lang-option {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 6px 6px;
	text-decoration: none;
	transition: background-color 0.2s;
}

.lang-option:hover {
	background-color: #fff;
}

/* DESKTOP SUBMENU COMPANY START*/

.section {
	padding: 48px 0px;
}

.sub-menu-company {
	display: none;
	/* 1. Sembunyikan dulu */
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1050;
	background: #fcfcfb;
	min-height: 368px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 45px 16px 36px 16px;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
}

li.dropdown-hover:hover>.sub-menu-company {
	display: flex;
	min-width: 100%;
	margin-left: -0.5px;
}

.dropdown-hover:hover>.dropdown-menu {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	position: absolute;
	left: 0px;
	top: 100%;
	width: 100%;
}

.left-submenu {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	-ms-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.thumbnail-submenu {
	width: 96%;
	border-radius: 8px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.thumbnail-submenu a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}

.thumbnail-submenu a img {
	max-width: 100%;
}

.child-title-submenu {
	width: 100%;
	height: auto;
}

.child-title-submenu h3 {
	font: 500 24px/28px var(--font-geist);
	color: var(--gray-950);
	margin-top: 8px;
	margin-bottom: 24px;
	text-align: left;
}

.desc-title-submenu {
	font: normal 400 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-plus-jakarta);
	color: var(--gray-500);
	padding-bottom: 8px;
	text-align: left;
	padding-right: 15px;
	line-height: 152%;
}

.cta-submenu {
	width: 100%;
	height: auto;
}


.icon-cta-submenu {
	width: 30px;
	height: auto;
}

.cta-submenu a {
	width: 100%;
	text-decoration: none;
	outline: none;
	color: var(--oxford-blue-950);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	margin: 6px 0px;
	text-align: left;
}

.cta-submenu a::before {
	display: none;
}

.right-submenu .cta-submenu a {
	padding: 0px 6px;
}

.cta-submenu a:hover {
	color: var(--aqua-blue-500) !important;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.text-cta-submenu {
	height: auto;
	width: auto;
	padding-right: 10px;
	letter-spacing: -0.14px;
	font: 500 18px/26px var(--font-geist);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	min-width: 210px;
	max-width: 87.24%;
	text-align: left;
}

.text-cta-submenu p {
	margin-bottom: 0px;
}

.icon-cta-submenu svg {
	max-width: 100%;
}

.icon-cta-submenu svg path {
	fill: var(--oxford-blue-950);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.cta-submenu a:hover .icon-cta-submenu svg path {
	fill: var(--aqua-blue-500);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

/* DESKTOP SUBMENU COMPANY END*/

/* DESKTOP SUB MENU PRE IPO START*/
.wrp-nav-item .navbar-nav li:hover>ul.dropdown-menu-small {
	display: block;
	border-image-source: linear-gradient(0deg, rgba(221, 221, 221, 1) 54%, rgba(255, 255, 255, 0) 100%);
	border-image-slice: 1;
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
	height: auto;
	max-width: 325px;
	min-width: 280px;
	width: auto;
	margin-top: -8px;
}

.dropdown-menu-small {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1050;
	background: transparent;
	min-height: 50px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 0 8px 15px rgba(0, 0, 0, 0.08);
	padding: 10px 0px 24px 0px;
}

.wrp-nav-item ul li .dropdown-menu-small a {
	color: #363636;
	font-size: 14px;
	line-height: 22px;
	font-family: 'Rubik-Medium', sans-serif;
	letter-spacing: 0.35px;
	font-weight: 200;
	padding: 11.5px 16px 12px 16px;
	white-space: unset !important;
}

.wrp-nav-item .navbar-nav li:hover>ul.dropdown-menu-small {
	display: block;
	border-image-source: linear-gradient(0deg, rgba(221, 221, 221, 1) 54%, rgba(255, 255, 255, 0) 100%);
	border-image-slice: 1;
	border-bottom-left-radius: 1px;
	border-bottom-right-radius: 1px;
	height: auto;
	max-width: 325px;
	min-width: 260px;
	width: auto;
	margin-top: -18px;
}

.wrp-nav-item .navbar-nav li:hover>ul.dropdown-menu-small li {
	width: 100%;
	height: auto;
	display: block;
	overflow: unset;
	background: var(--white-one);
	padding: 4px 0px;
	border-bottom: 1px solid var(--gray-200);
}

.wrp-nav-item .navbar-nav li:hover>ul.dropdown-menu-small li:last-child {
	border-bottom: 1px solid var(--white-one);
}

/*GW EDIT INI*/
.wrp-nav-item .navbar-nav li:hover>ul.dropdown-menu-small li a {
	white-space: unset;
}

/*GW EDIT INI*/

.wrp-nav-item .navbar-nav li:hover>ul.dropdown-menu-small li a:focus {
	background: var(--aqua-blue-100);
	color: var(--gray-900);
}

.left-navbar {
	width: auto;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
}

.navbar-align-right {
	width: auto;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: flex-end;
	-ms-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.navbar-items-menu ul li.position-relative a::before {
	content: "";
	width: 4px;
	height: 16px;
	background: var(--aqua-blue-500);
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	bottom: 18px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	opacity: 0;
}


.wrp-nav-item .navbar-nav li:hover>ul.dropdown-menu-small li a {
	position: relative;
}

.navbar-items-menu ul li.position-relative a::before {
	margin-left: unset;
	margin-right: unset;
	left: 1px;
}

.wrp-img-sementara {
	width: 100%;
	height: auto;
	border-radius: 12px;
	overflow: hidden;
	margin-top: 14px;
}

.wrp-nav-item .navbar-nav li:hover>ul li.position-relative a:hover>a::before {
	content: "";
	width: 2px;
	height: 16px;
	bottom: 10px;
	left: 1px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	opacity: 1;
}

.wrp-nav-item .navbar-nav li:hover>ul.dropdown-menu-small li a:hover {
	color: var(--aqua-blue-500);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.wrp-nav-item .navbar-nav li:hover>ul.dropdown-menu-small li a:hover::before {
	content: "";
	width: 2px;
	height: 16px;
	bottom: 15px;
	left: 1px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	opacity: 1;
	position: absolute;
}

/* DESKTOP SUB MENU PRE IPO END*/

/* NAVBAR DESKTOP END */


/* DIALOG ALL MENU START */
.btn-all-menu {
	cursor: pointer;
	display: flex;
	width: auto;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	color: var(--white-one);
	text-decoration: none;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	padding-right: 8px;
	padding-left: 8px;
	position: relative;
}

.btn-all-menu::before {
	width: 1px;
	height: 20px;
	background: var(--aqua-blue-300);
	content: "";
	position: absolute;
	left: 0px;
	bottom: 4px;
}

.btn-all-menu svg {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.only-temporary {
	/* margin-top: -86px; */
	margin-top: -20px;
}

.featured-product-navigations {
	width: 100%;
	height: auto;
	padding: 18px 0px 8px 0px;
}

.wrp-product-nav {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.wrp-product-nav a {
	text-decoration: none;
	color: var(--gray-950);
	font: normal 500 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-plus-jakarta);
	letter-spacing: -0.24px;
	position: relative;
}

.wrp-product-nav a img {
	max-width: 100%;
	height: auto;
}

.img-product-nav {
	margin-bottom: 12px;
	margin-top: 8px;
}

.wrp-product-nav .label-product-nav p {
	margin-bottom: 20px;
	margin-top: 0px;
	color: var(--gray-500);
}

.wrp-product-nav a:hover p {
	transition: 0.5s;
	color: var(--aqua-blue-500);
}

.btn-all-menu:hover {
	color: var(--white-one);
	text-decoration: none;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.btn-all-menu:focus {
	color: var(--white-one);
	text-decoration: none;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.all-menu svg .st0 {
	fill: white;
	stroke-width: 0px;
}

.btn-all-menu:hover .all-menu svg .st0 {
	fill: white;
	stroke-width: 0px;
}

.brand-identity {
	width: 124px;
	overflow: unset;
	position: relative;
	transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	-webkit-transition: 0.4s;
}

.brand-identity a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.brand-identity a img {
	max-width: 100%;
}

.dialog-all-menu {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 100;
	overflow-y: auto;
	/* Agar menu-nya sendiri bisa discroll jika kontennya panjang */
	padding: 10px 20px 20px 20px;
}

.bar-allmenu {
	background: var(--white-one);
	padding: 10px 0px 6px 0px;
	border-radius: 8px;
	position: sticky;
	top: -8px;
	z-index: 8;
	/* margin-bottom: 24px; */
	margin-bottom: 6px;
}

.all-menu-content {
	/* padding-top: 8px; */
	padding-top: 0px;
}

.close-all-menu {
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	position: relative;
	cursor: pointer;
	font-size: 24px;
	z-index: 10000;
}

.content-item-menu {
	width: 100%;
	height: auto;
}

.content-item-menu ul {
	padding-left: 0px;
}

.content-item-menu ul li {
	padding: 8.6px 0px 8.6px 0px;
	list-style: none;
	margin-left: -3px;
	margin-bottom: 10px;
	line-height: 135%;
}

.title-all-menu h4 {
	font: normal 700 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-plus-jakarta);
	line-height: 142%;
	padding-right: 10px;
	color: var(--gray-950);
	margin-bottom: 15px;
	margin-top: 15px;
	text-align: left;
}

.item-chevron-right {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	font: normal 400 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-plus-jakarta);
	color: var(--gray-500);
	letter-spacing: 0.24px;
	text-decoration: none;
	line-height: 138%;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.content-item-menu ul li a.item-chevron-right:hover {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	color: var(--aqua-blue-500);
}

.content-item-menu ul li a.item-chevron-right:hover .icon-18 svg .st1 {
	fill: var(--aqua-blue-500);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.content-item-menu ul li a.item-chevron-right:hover .text-nav {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	color: var(--white-one);
}

.icon-18 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-right: 8px;
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	padding: 2.5px;
	width: 16px;
	margin-top: -2.4px;
}

.text-item-all {
	width: 92.15%;
}

.text-item-all p {
	margin-bottom: 0px;
}

.content-item-menu ul li a.item-chevron-right .icon-18 svg {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.icon-expand-link {
	width: 18px;
	height: auto;
}

.icon-expand-link svg {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.icon-expand-link svg .cls-1 {
	fill: var(--gray-950);
	stroke-width: 0px;
}

.icon-expand-link svg .cls-2 {
	fill: none;
	stroke-width: 0px;
}

.title-all-menu a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	text-decoration: none;
}

.close-text {
	font: normal 700 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-plus-jakarta);
	line-height: 142%;
	padding-right: 10px;
	color: var(--gray-950)
}

.close-text p {
	margin-bottom: 0px;
}

/* DIALOG ALL MENU END */


/* DIALOG SEARCH START */
.dialog-search {
	display: block;
	position: fixed;
	top: 20%;
	left: 0;
	width: 70%;
	height: 70%;
	background-color: #fff;
	z-index: 19;
	overflow-y: auto;
	padding: 20px;
}

.form-search {
	width: 100%;
	height: auto;
	margin-top: 40px;
	margin-bottom: 24px;
	font-size: 32px;
}

.form-search input::-webkit-input-placeholder {
	color: var(--gray-300);
}

.form-search input::-moz-placeholder {
	color: var(--gray-300);
}

.form-search input:-ms-input-placeholder {
	color: var(--gray-300);
}

.form-search input::placeholder {
	color: var(--gray-300);
}

.form-search input {
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #98a1ae;
	padding: 8px 12px;
	outline: none;
	background-color: #fcfcfb;
	border-radius: 0px;
}


.search-general {
	width: 100%;
	height: 100%;
	position: fixed;
	/* z-index: 19; */
	z-index: 100;
	display: none;
	top: 0px;
}

.container-search-transparent {
	position: fixed;
	top: -9999px;
	left: -9999px;
	top: 0px;
	left: 0px;
	visibility: hidden;
	opacity: 1;
	background: rgba(0, 0, 0, 0.8);
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
	/* overflow: hidden; */
	width: 100%;
	height: 100vh;
	z-index: 8;
}

.search-content-form {
	width: 100%;
	background: #fff;
	margin-top: -82px;
	text-align: center;
	padding: 25px 0px;
	opacity: 0;
	-webkit-transform: translateY(-0px);
	-moz-transform: translateY(-0px);
	-o-transform: translateY(-0px);
	-ms-transform: translateY(-0px);
	transform: translateY(-0px);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	z-index: 999;
	-webkit-box-shadow: 0px 7px 14px -6px #123a38;
	-moz-box-shadow: 0px 7px 14px -6px #123a38;
	box-shadow: 0px 7px 14px -6px #123a38;
	position: absolute;
}

.search-content-form-active {
	width: 100%;
	height: 100vh;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	margin-top: 0px;
	text-align: center;
	padding: 18px 20px;
	opacity: 1;
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	z-index: 100;
	-webkit-box-shadow: 0px 7px 14px -6px #123a38;
	-moz-box-shadow: 0px 7px 14px -6px #123a38;
	box-shadow: 0px 7px 14px -6px #123a38;
	position: fixed;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	border-radius: 4.6px;
}

.container-search-transparent.active {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	visibility: visible;
	opacity: 1;
}

.search-page {
	height: auto;
}

.search-page input.form-control {
	font: normal 400 24.24px/31.64px var(--font-plus-jakarta);
	height: 60px;
	border: 1.5px solid var(--gray-200);
	padding: 15px 18px 15px 20px;
}

.search-page input.form-control:focus {
	box-shadow: none !important;
	border: 1.5px solid var(--gray-400);
}

.search-page input.form-control::placeholder {
	color: var(--gray-400)
}

.search-ev {
	width: 100%;
	height: auto;
	padding-right: 0px;
	margin-top: 45px;
}

.search-ev img {
	position: absolute;
	right: 0px;
	top: 12px;
	cursor: pointer;
}

.btn-submit-search {
	background: var(--blue-two);
	color: #fff;
	padding: 11.24px 30px;
	border-color: var(--blue-two);
	font: normal 400 14.64px/29.64px var(--font-plus-jakarta);
	letter-spacing: 0.5px;
	border-radius: 0px 6.64px 6.64px 0px;
}


.card-search-dialog {
	background: #fff;
	width: 1260px;
	min-height: 186px;
	border-radius: 12.46px;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 125px;
	padding: 32px 36px;
	z-index: 7;
}


.relative-type-search {
	width: 100%;
	/* height: 93vh; */
	height: 54vh;
	position: relative;
	min-height: 1.5px;
	display: none;
	background: #fff;
	margin-top: -1px;
	z-index: 1;
	white-space: nowrap;
	overflow-x: hidden;
	overflow-y: visible;

	&::-webkit-scrollbar {
		width: 5px;
	}

	&::-webkit-scrollbar-track {
		background-color: #eceef2;
		border-radius: 180px;
	}

	&::-webkit-scrollbar-thumb {
		background-color: #9b9b9b;
		border-radius: 180px;
	}

}


.relative-type-search::-webkit-scrollbar {
	height: 8px;
	overflow: visible;
	width: 8px;
	background: var(--blue-700);
	border-radius: 10px;
}

.wrp-type-sugestion {
	width: 100%;
	height: auto;
	min-height: 224px;
	background: #fff;
	position: absolute;
	z-index: 10;
}

.wrp-list-type {
	width: 100%;
	height: auto;
	padding: 0px 0px 0px 0px;
	min-height: 225px;
}

.large-card-type {
	width: 100%;
	padding: 10px 0px;
	border-radius: 12.5px;
	border: 1px solid var(--grey-two);
	margin-top: 1px;
}

.label-search-form {
	width: 100%;
	height: auto;
	position: absolute;
	left: 36px;
	top: 32px;
	text-align: left;
}

.label-search-form h4 {
	font: normal 700 17.64px/26.64px var(--font-plus-jakarta);
	color: var(--black-100);
	margin-bottom: 15px;
}

.label-list-type {
	width: 100%;
	background: #f5f5f5;
	min-height: 32px;
	color: #76767e;
	padding: 6px 18px 10px 18px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	font: normal 400 13px/20.64px var(--font-plus-jakarta);
}

.type-list-link {
	width: 100%;
	height: auto;
}

.type-list-link a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	background: #fff;
	padding: 6.4px 18px 7.6px 18px;
	text-decoration: none;
	outline: none;
}

.type-list-link a:hover {
	background: #eff3f4;
}

.icon-type-left {
	width: 24px;
	height: 24px;
}

.state-first-type svg {
	max-width: 100%;
}

.state-first-type svg path.st0 {
	/* fill: var(--grey-three); */
	fill: #0D49BD;
}

.state-first-type svg path.st1 {
	fill: #FFFFFF;
}

.state-first-type svg path.st2 {
	fill: #0653D9;
}

.state-first-type svg path.st3 {
	fill: #C73044;
}

.state-last-type svg {
	max-width: 100%;
}

.state-last-type svg path.st0 {
	/* fill: var(--grey-three); */
	fill: #59C059;
}

.state-last-type svg path.st1 {
	/* fill: var(--grey-three); */
	fill: #fff;
}


#box-search {
	width: 100%;
	height: 100%;
}

.close-box-search,
.close-box-donate,
.close-act-form {
	width: auto;
	height: auto;
	background: var(--white-one);
	cursor: pointer;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	right: 40px;
	top: 20px;
	position: unset;
}

.close-x-bar {
	width: 32px;
	height: auto;
}

.close-x-bar svg {
	max-width: 100%;
	height: 100%;
	object-fit: fill;
}

.close-box-search svg {
	max-width: 100%;
}

.close-box-search svg,
.close-box-donate svg,
.close-act-form svg {
	width: 32px;
	max-width: 100%;
}


.close-box-donate svg path.st0,
.close-act-form svg path.st0 {
	fill: var(--black-30);
}


.close-box-donate svg g path.st0,
.close-act-form svg g path.st0 {
	fill: var(--black-30);
}


#close-box-services,
.close-box-donate,
.close-act-form {
	width: 32px;
	height: 32px;
	padding: 10px 10px;
	border-radius: 50%;
	background: var(--white-one);
	border: 1px solid var(--black-30);
	cursor: pointer;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	right: 20px;
	top: 24px;
	position: absolute;
}

#close-box-services svg,
.close-box-donate svg,
.close-act-form svg {
	width: 19px;
	max-width: 100%;
}

#close-box-services svg path.st0,
.close-box-donate svg path.st0,
.close-act-form svg path.st0 {
	fill: var(--black-30);
}

#close-box-services svg g path.st0,
.close-box-donate svg g path.st0,
.close-act-form svg g path.st0 {
	fill: var(--black-30);
}


.text-type-search {
	min-width: 76%;
	max-width: 90.52%;
	height: auto;
	padding: 3px 14px 3px 12px;
	font: normal 500 16.64px/21.64px var(--font-plus-jakarta);
	border-radius: 2.6px;
	text-align: left;
	color: var(--gray-800);
	word-break: break-word;
	/* white-space: pre-line; */
	white-space: wrap;
	overflow-wrap: break-word;
	-ms-word-break: break-word;
	word-break: break-word;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	max-height: 50.24px;
	overflow-y: hidden;

}

.icon-type-loader {
	display: inline-block;
	width: 16px;
	height: 1em;
	position: relative;
	overflow: hidden;
	background-color: #dddbdd;
	border-radius: 3.6px;
}

.icon-type-loader::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: translateX(-100%);
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
	-webkit-animation: shimmer 2s infinite;
	animation: shimmer 2s infinite;
	content: "";
}

.type-list-link a:nth-of-type(odd) .text-type-search .type-search-loader {
	width: 86%;
}

.type-list-link a:nth-of-type(even) .text-type-search .type-search-loader {
	width: 90%;
}

.type-search-loader {
	display: inline-block;
	width: 90%;
	height: 1em;
	position: relative;
	overflow: hidden;
	background-color: #dddbdd;
	border-radius: 3.5px;
}

.type-search-loader::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: translateX(-100%);
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
	-webkit-animation: search-shimmer 2.5s infinite;
	animation: search-shimmer 2.5s infinite;
	content: "";
}

.btn-submit-search {
	/* background: var(--aqua-blue-500); */
	background: var(--aqua-blue-700);
	color: #fff;
	padding: 15px 30px;
	/* border-color: var(--aqua-blue-500); */
	border-color: var(--aqua-blue-800);
	font: normal 400 13.64px/27.64px var(--font-plus-jakarta);
	letter-spacing: 0.5px;
	border-top-right-radius: 4.6px;
	border-bottom-right-radius: 4.6px;

}

.btn-submit-search:hover {
	/* background: var(--aqua-blue-500); */
	background: var(--aqua-blue-700);
	color: #fff;
	/* border-color: var(--aqua-blue-500); */
	border-color: var(--aqua-blue-700);
	outline: none;
}

.row.gutter-search-branch .col-md-4 .btn-submit-search {
	border-radius: 5px;
	padding: 12.5px 30px;
}

.btn-submit-search:focus {
	/* background: var(--aqua-blue-500); */
	background: var(--aqua-blue-800);
	color: #fff;
	/* border-color: var(--aqua-blue-500); */
	border-color: var(--aqua-blue-800);
	outline: none;
}

@-webkit-keyframes search-shimmer {
	100% {
		transform: translateX(100%);
	}
}

@keyframes search-shimmer {
	100% {
		transform: translateX(100%);
	}
}

.icon-search-btn {
	width: 24px;
	height: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 3px 3px;
}

.icon-search-btn svg {
	width: 100%;
	height: auto;
	max-width: 100%;
	fill: #fff;
}

.icon-text-search {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.text-search-btn {
	width: auto;
	padding-left: 5px;
}

.text-search-btn p {
	margin-bottom: 0px;
}

.search-page input.form-control:focus {
	box-shadow: none !important;
	border: 1.5px solid var(--gray-200);
}

.more-seacrh-bar {
	width: 100%;
	min-height: 44px;
	border: 1px solid #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-left: 18px;
	padding-right: 18px;
	margin-top: 10px;
	margin-bottom: 16px;
}

.more-seacrh-bar a {
	background: var(--aqua-blue-500);
	width: 100%;
	text-decoration: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	color: #fff;
	border-radius: 6.4px;
	padding: 11.6px 7.6px;
}

.more-seacrh-bar a:hover {
	background: var(--aqua-blue-500);
	color: #fff;
}

.text-link-more {
	padding-right: 8px;
}

.more-seacrh-bar a .chevron-right-next svg .st0 {
	fill: #fff !important;
}

.card-search-link {
	background: #fff;
	width: 1260px;
	min-height: 186px;
	border-radius: 12.46px;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 314px;
	padding: 32px 36px;
	z-index: 3;
}

.card-search-link .title-all-menu {
	position: relative;
	overflow: unset;
	margin-bottom: 32px;
}

.card-search-link .title-all-menu::before {
	position: absolute;
	content: "";
	width: 24px;
	height: 4.6px;
	background: var(--aqua-blue-500);
	left: 0px;
	bottom: -18px;
}

/* DIALOG SEARCH END */

/* HOMEPAGE HERO SECTION START */

.caption-hero {
	width: 100%;
	background: transparent none;
	height: 100vh;
	display: flex;
	align-items: flex-end;
	-ms-align-items: flex-end;
	-moz-align-items: flex-end;
	-webkit-align-items: flex-end;
	position: absolute;
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 4;
}

.content-caption-hero {
	display: flex;
	flex-direction: column;
	width: 38%;
	height: auto;
	padding: 86px 0px 24px 0px;
	font: 500 18px/26px var(--font-geist);
	color: var(--gray-100);
}

.content-caption-hero h1 {
	font: 700 40px/45px var(--font-geist);
	margin-bottom: 0px;
	color: var(--white-one);
	letter-spacing: -0.58px;
}

.wrp-hero-section {
	width: 100%;
	height: auto;
	position: relative;
}

.wrp-hero-section img {
	max-width: 100%;
}

/* HOMEPAGE HERO SECTION END */

.hero-section-two {
	width: 100%;
	background: var(--gray-500);
	height: 100vh;
}

.content-head-market {
	width: 100%;
	height: auto;
}

.emiten-name-market {
	width: 100%;
	text-align: left;
	display: flex;
	flex-direction: row;
}

.emiten-name-market h2 {
	font: 400 24.24px/26.24px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 0px;
}

.emiten-name-market span {
	color: var(--gray-500);
	font: normal 400 13.64/18px var(--font-plus-jakarta) !important;
	position: relative;
	bottom: -2px;
	padding-left: 8px;
}

.listed-state h6 {
	font-size: clamp(0.8475rem, 0.5304rem + 0.4955vw, 1.125rem) var(--font-plus-jakarta);
}

.listed-state h6 {
	margin-bottom: 24px;
}

/* PRIMARY CAROUSEL GLOBAL START */

/* Global indicator carousel start */
.hero-section {
	width: 100vw !important;
	height: 100vh !important;
	overflow: hidden;
	position: relative;
	background: var(--gray-200);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

#carouselPrimary .carousel-item {
	height: 100% !important;
	position: relative !important;
	display: block !important;
}

#carouselPrimary {
	height: 100vh !important;
	width: 100vw !important;
	position: relative;
}

/* Slick slider styling */
#carouselPrimary .slick-track,
#carouselPrimary .slick-list {
	height: 100vh !important;
}

.caption-vids {
	width: 100vw;
	background: transparent none;
	height: 100%;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 15%;
	/* border: 1px solid #cf0000; */
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.container-slide-caption {
	max-width: 1220px;
	margin: 0 auto;
	/* border: 1px solid #cf0000; */
	width: 100%;
	height: auto;
	padding-bottom: 86px;
	margin-bottom: 136px;
	display: flex;
	justify-content: flex-end;
	-ms-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.text-bg-blur {
	width: 524px;
	height: 156px;
	background-color: hsla(240, 88%, 27%, 0.24);
	background-image:
		radial-gradient(at 46% 58%, hsla(187, 61%, 42%, 1) 0px, transparent 50%),
		radial-gradient(at 39% 20%, hsla(216, 64%, 45%, 1) 0px, transparent 50%),
		radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 1) 0px, transparent 50%),
		radial-gradient(at 31% 83%, hsla(195, 93%, 28%, 1) 0px, transparent 50%),
		radial-gradient(at 81% 86%, hsla(189, 54%, 53%, 0.56) 0px, transparent 50%);
	border-radius: 59px;
	position: absolute;
	z-index: 2;
	margin-left: auto;
	margin-right: auto;
	left: -83.24%;
	right: 0;
	bottom: 40%;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	-webkit-filter: blur(46px);
	-ms-filter: blur(46px);
	-moz--filter: blur(46px);
	filter: blur(46px);
}

.content-caption-hero h1 {
	font: 700 40px/45px var(--font-geist);
	margin-bottom: 0px;
	color: var(--white-one);
	letter-spacing: -0.58px;
}


.carousel-item {

	height: 100vh !important;
	position: relative !important;
	display: block !important;
}

/* Media: video atau image */
.carousel-item video,
.carousel-item img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	max-width: 100vw !important;
	width: 100vw;
	height: 100%;
	object-fit: cover !important;
	z-index: 1 !important;
}

/* Caption styling */
.carousel-caption {
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 12 !important;
	text-align: center;
	color: #fff;
	width: 90%;
	max-width: 800px;
}

.carousel-caption h2 {
	font-size: 2.5rem;
	font-weight: 700;
	margin-bottom: 1rem;
	color: #034ea1;
	text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.8);
}

.carousel-caption p {
	font-size: 1.2rem;
	color: #034ea1;
	text-shadow: 1px 1px 4px rgba(255, 255, 255, 0.8);
}

/* Slick navigation */
.slick-prev,
.slick-next {
	z-index: 10;
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 50%;
}

.slick-dots {
	bottom: 30px;
	z-index: 7;
}

.slick-dots li button:before {
	color: white;
	opacity: 0.6;
	font-size: 12px;
}

.slick-dots li.slick-active button:before {
	color: #034ea1;
	opacity: 1;
}

#carouselPrimary .slick-prev {
	left: 48px !important;
}

#carouselPrimary .slick-prev::before {
	opacity: 0;
}

#carouselPrimary .slick-prev img {
	width: 18px;
	z-index: 6 !important;
	position: relative;
	margin-right: 12px;
	left: -4px;
	top: -6px;
	opacity: 1 !important;
}

#carouselPrimary .slick-next {
	right: 48px !important;
}

#carouselPrimary .slick-next::before {
	opacity: 0;
}

#carouselPrimary .slick-next img {
	width: 18px;
	z-index: 6 !important;
	position: relative;
	margin-right: 12px;
	left: -4px;
	top: -6px;
	opacity: 1 !important;
	display: block;
}

#carouselPrimary .slick-prev::before,
#carouselPrimary .slick-next::before {
	content: "" !important;
	display: none !important;
}


#carouselPrimary .slick-prev,
#carouselPrimary .slick-next {
	width: 50px;
	height: 50px;
	z-index: 8;
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: center;
}

#carouselPrimary .slick-prev {
	left: 25px;
	background-image: url('../images/icon/arrow-left.svg');
}

#carouselPrimary .slick-prev:hover {
	background: url('../images/icon/arrow-left.svg') rgba(255, 255, 255, 0.48) center no-repeat !important;
	background-size: 24px !important;
}

#carouselPrimary .slick-prev:focus {
	background: url('../images/icon/arrow-left.svg') rgba(255, 255, 255, 0.48) center no-repeat !important;
	background-size: 24px !important;
}

#carouselPrimary .slick-next {
	right: 25px;
	background-image: url('../images/icon/arrow-right.svg');
}

#carouselPrimary .slick-next:hover {
	background: url('../images/icon/arrow-right.svg') rgba(255, 255, 255, 0.48) center no-repeat !important;
	background-size: 24px !important;
}

#carouselPrimary .slick-next:focus {
	background: url('../images/icon/arrow-right.svg') rgba(255, 255, 255, 0.48) center no-repeat !important;
	background-size: 24px !important;
}

/* Hilangkan teks default */
#carouselPrimary .slick-prev:before,
#carouselPrimary .slick-next:before {
	content: '';
}


/* PRIMARY CAROUSEL GLOBAL END */


.hero-section-mobile {
	display: none;
}

.value-desc-sustainability {
	width: 100%;
	height: auto;
	margin-bottom: 48px;
}

/* SECTION HEADER PRODUCT START */

.section-header-product {
	width: 100%;
	min-height: 686px;
	height: auto;
	background: #edfbff;
	position: relative;
	overflow: hidden;
	z-index: 2;
}

.wrp-head-cover {
	width: 100%;
	min-height: 686px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	position: absolute;
	width: 100vw;
	left: 50%;
	top: 54.64%;
	transform: translate(-50%, -50%);
}

.wrp-head-cover img {
	max-width: 100%;
}

.breadcrumb {
	position: relative;
	z-index: 3;
	margin-top: 96px;
}

.breadcrumb ul {
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	column-gap: 16px;
	row-gap: 6px;
}

.breadcrumb ul li {
	list-style: none;
}

.breadcrumb ul li a {
	font: 500 16px/24px var(--font-geist);
	color: var(--aqua-blue-400);
	text-decoration: none;
}

.breadcrumb ul li a:hover {
	color: var(--aqua-blue-500);
}

.breadcrumb ul li a.active {
	font: 500 16px/24px var(--font-geist);
	color: var(--gray-400);
	text-decoration: none;
}

.breadcrumb ul li a.active:hover {
	color: var(--gray-400);
	text-decoration: none;
	cursor: default;
}

.title-header-cover {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	text-align: center;
	position: absolute;
	z-index: 4;
	position: absolute;
	left: 50%;
	top: 116.64%;
	transform: translate(-50%, -50%);
	max-width: 50%;
	text-align: center;
}

.title-container {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.title-header-cover {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: start;
	align-items: center;
	text-align: center;
	flex-direction: column;
	padding-top: 90px;
	position: absolute;
}

.title-header-cover h1 {
	font: 400 40px/45px var(--font-geist);
	margin-bottom: 0px;
	color: var(--aqua-blue-400);
	letter-spacing: -0.64px;
	mix-blend-mode: difference;
	-ms-mix-blend-mode: difference;
	-moz-mix-blend-mode: difference;
	-webkit-mix-blend-mode: difference;
	text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
}

.title-header-cover h2 {
	font: 400 40px/45px var(--font-geist);
	margin-bottom: 0px;
	color: var(--aqua-blue-400);
	letter-spacing: -0.64px;
	mix-blend-mode: difference;
	-ms-mix-blend-mode: difference;
	-moz-mix-blend-mode: difference;
	-webkit-mix-blend-mode: difference;
	text-shadow: 0 0 20px rgba(255, 255, 255, 0.5);
}

.product-motor-cycle {
	width: 512px;
	height: auto;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	text-align: center;
	z-index: 3;
	position: absolute;
	left: 50%;
	top: 52.64%;
	transform: translate(-50%, -50%);
	max-width: 50%;
	text-align: center;
}

.product-motor-cycle img {
	max-width: 100%;
}

.pulsating-circle {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	width: 30px;
	height: 30px;
	z-index: 4;
	cursor: pointer;
}

.pulsating-circle-one {
	position: absolute;
	left: 50%;
	top: 61.64%;
	transform: translateX(-50%) translateY(-50%);
	width: 30px;
	height: 30px;
	z-index: 4;
}

.pulsating-circle-two {
	position: absolute;
	left: 47%;
	top: 54.64%;
	transform: translateX(-50%) translateY(-50%);
	width: 30px;
	height: 30px;
	z-index: 4;
}

.pulsating-circle-three {
	left: 55%;
	top: 43.74%;
	transform: translateX(-50%) translateY(-50%);
	width: 30px;
	height: 30px;
	z-index: 4;
}

.pulsating-circle-four {
	left: 56%;
	top: 48.64%;
	transform: translateX(-50%) translateY(-50%);
	width: 30px;
	height: 30px;
	z-index: 4;
}

.pulsating-circle-five {
	left: 41%;
	top: 49.64%;
}

.pulsating-circle:before {
	content: "";
	position: relative;
	display: block;
	width: 300%;
	height: 300%;
	box-sizing: border-box;
	margin-left: -100%;
	margin-top: -100%;
	border-radius: 45px;
	background-color: #01a4e9;
	-webkit-animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
	animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}

.pulsating-circle:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--aqua-blue-400);
	border-radius: 15px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	-webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
	animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}

.card-component {
	position: absolute;
	width: 186px;
	height: auto;
	border-radius: 4.5px;
	overflow: hidden;
	left: unset;
	right: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 5;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .32);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .32);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .32);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .32);
}

.card-component img {
	max-width: 100%;
}

.row-product {
	justify-content: space-between;
}

.card-component-one {
	left: unset;
	right: 17%;
	top: 66%;
}

.card-component-two {
	left: 48%;
	right: unset;
	top: 29.52%;
}

.card-component-three {
	left: 72.64%;
	right: unset;
	top: 37%;
}

.card-component-four {
	left: 28%;
	right: unset;
	top: unset;
	bottom: 8%;
}

.card-component-five {
	left: 21.64%;
	right: unset;
	top: unset;
	bottom: 34%;
}

.card-component-six {
	left: unset;
	right: 3.64%;
	top: 64%;
}

@-webkit-keyframes pulse-ring {
	0% {
		transform: scale(0.33);
	}

	80%,
	100% {
		opacity: 0;
	}
}

@keyframes pulse-ring {
	0% {
		transform: scale(0.33);
	}

	80%,
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes pulse-dot {
	0% {
		transform: scale(0.8);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.8);
	}
}

@keyframes pulse-dot {
	0% {
		transform: scale(0.8);
	}

	50% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.8);
	}
}

.values-infographic-product {
	width: 100%;
	height: auto;
}

.values-infographic-product h2 {
	font: 400 58.64px/60px var(--font-geist);
	margin-bottom: 10px;
	color: var(--aqua-blue-400);
	letter-spacing: -0.64px;
}

.left-summary-product {
	height: auto;
}

.content-left-summary-product {
	width: 100%;
	padding-right: 96px;
}

.wrp-desc-infographic {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-right: 24px;
}

.desc-infographic {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.desc-infographic h2 {
	font: 500 36px/40px var(--font-geist);
}

.icon-infographic-product {
	width: 136px;
	height: auto;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	text-align: center;
	padding: 8px 8px;
}

.icon-infographic-product img {
	max-width: 100%;
}

.short-desc-infograph {
	width: 100%;
	padding-right: 64px;
	font: 400 19px/27px var(--font-plus-jakarta);
	color: var(--gray-500);
}

.content-right-summary-product {
	width: 100%;
	font: 400 20.64px/28px var(--font-plus-jakarta);
	color: var(--gray-500);
	padding-top: 64px;
	padding-bottom: 64px;
}

.content-right-summary-product h2 {
	font: 500 36px/40px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 32px;
}

.section-product-detail {
	padding-top: 86px;
}

.content-product-detail {
	width: 100%;
	border-bottom: 1px solid var(--gray-200);
}

.section-product-components {
	padding-top: 48px;
	padding-bottom: 48px;
	width: 100%;
	height: auto;
}

.row-product {
	border-bottom: 1px solid var(--gray-200);
	flex-wrap: wrap;
	display: flex;
}

.section-product-components .row-product .left-component-product {
	margin-bottom: 32px;
}

/* ROW GANJIL PRODUCT CARD START */
.section-product-components .row-product:nth-child(odd) .right-component-product {
	order: 2;
	/* border: 1px solid green; */
	padding-right: 0px;
	padding-left: 48px;
}

.section-product-components .row-product:nth-child(odd) .left-component-product {
	order: 1;
	/* border: 1px solid green; */
}

.btn-product-medium {
	width: 100%;
	display: none;
}

.section-product-components .row-product:nth-child(odd) .left-component-product .content-left-component {
	padding-right: 48px;
	padding-left: 0px;
	/* border-left: orange 20px solid; */
}

.section-product-components .row-product:nth-child(odd) .left-component-product .paragraph-left-component {
	padding-right: 48px;
	padding-left: 0px;
	/* border-left: orange 20px solid; */
}

/* ROW GANJIL PRODUCT CARD END */


/* ROW GENAP PRODUCT CARD START */
.section-product-components .row-product:nth-child(even) .right-component-product {
	order: 1;
	/* border: 1px solid #cf0000; */
	padding-right: 48px;
	padding-left: 0px;
}

.section-product-components .row-product:nth-child(even) .left-component-product {
	order: 2;
	/* border: 1px solid #cf0000; */
}

.section-product-components .row-product:nth-child(even) .left-component-product .content-left-component {
	padding-right: 0px;
	padding-left: 48px;
	/* border-left: green 20px solid; */
}

.section-product-components .row-product:nth-child(even) .left-component-product .paragraph-left-component {
	padding-right: 0px;
	padding-left: 48px;
	/* border-left: green 20px solid; */
}

/* ROW GENAP PRODUCT CARD END */

.content-left-component h2 {
	font: 500 36px/40px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 32px;
}

.content-left-component h2 span {
	color: var(--aqua-blue-400);
}

.paragraph-left-component {
	font: 400 20.64px/28px var(--font-plus-jakarta);
	color: var(--gray-500);
	padding-right: 48px;
}

.paragraph-left-component p {
	margin-bottom: 0px;
}

.content-right-component {
	font: 400 20.64px/28px var(--font-plus-jakarta);
	color: var(--gray-500);
}

.content-right-component {
	width: 100%;
	padding-left: 48px;
}

.right-component-product .content-right-component {
	padding-left: 0px !important;
}

.card-image-components {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	margin-top: 18px;
	margin-bottom: 18px;
	overflow: hidden;
	border-radius: 6px;
}



.card-image-components img {
	/* width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover; */
	max-width: 100%;
	height: 100%;
	object-fit: fill;
}

.section-funnel-act-product {
	padding: 48px 48px 24px 48px;
}

.title-funnel-act {
	width: 100%;
	height: auto;
	text-align: center;
}

.title-funnel-act h2 {
	font: 500 36px/40px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 32px;
}

.title-funnel-act h2 span {
	color: var(--aqua-blue-400);
}

.desc-funnel-act {
	width: 100%;
	text-align: center;
	font: 400 20.64px/28px var(--font-plus-jakarta);
	color: var(--gray-500);
	padding: 0px 24px 86px 24px;
}

.about-overview-governance-org {
	width: 100%;
	height: auto;
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	margin-bottom: 14px;
}

.about-overview-governance-org a {
	text-decoration: none;
	outline: none;
}

.about-overview-governance-org a .card-governace-org img {
	max-width: 100%;
	height: 100%;
	object-fit: contain;
}

.absolute-act {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 3;
	bottom: 38px;
	width: 100%;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.absolute-act {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 3;
	bottom: 38px;
	width: 100%;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.home-act-section a {
	padding: 16px 24px;
	border-radius: 32px;
}

.number-about-overview h2 {
	font: 500 46px/52px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 32px;
}

.number-about-overview h2 span {
	color: var(--aqua-blue-400);
}

.text-btn-outline {
	color: var(--aqua-blue-400);
	font: 500 16px/21px var(--font-plus-jakarta);
	gap: 15px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.text-btn-outline p {
	margin-bottom: 2.5px;
	margin-right: 4px;
}

.icon-oblique-arrow {
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	padding: 6px 6px;
}

.home-act-section a {
	text-decoration: none;
	color: var(--gray-600);
	font-size: clamp(0.8475rem, 0.5304rem + 0.4955vw, 1.125rem) var(--font-plus-jakarta);
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	border: 2px solid var(--aqua-blue-400);
	border-radius: 28px;
	padding: 14px 20px;
	width: fit-content;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.home-act-section a:hover {
	text-decoration: none;
	color: var(--aqua-blue-400);
	border: 2px solid var(--aqua-blue-400);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
}

.home-act-section a:hover .text-btn-outline {
	color: var(--aqua-blue-400);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.icon-oblique-arrow svg {
	width: 100%;
	height: auto;
	max-width: 100%;
	color: var(--aqua-blue-400);
	fill: var(--aqua-blue-400);
}

.home-act-section a:hover {
	color: var(--aqua-blue-400);
	fill: var(--aqua-blue-400);
}

/* SECTION HEADER PRODUCT END */

/* SECTION COMPANY OVERVIEW START */
.section-landscape-company-thumbnail {
	width: 100%;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	min-height: 354px;
	overflow: hidden;
	position: relative;
	height: 60vh;
	margin-top: 56px;
}

.key-factory {
	width: 100%;
	height: auto;
}

.certified-by {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	padding: 14px 18px;
	border: 1px solid var(--gray-200);
	border-radius: 6px;
}

.certification-institution-only {
	display: flex;
	justify-content: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	width: 92px;
	height: auto;
}

.certification-institution-text {
	width: auto;
	padding-left: 24px;
	font-family: 'Plus Jakarta Sans', sans-serif;
	color: var(--gray-500);
}

.certification-institution-text p {
	margin-bottom: 0px;
}

.certification-institution-only img {
	max-width: 100%;
	height: auto;
}

.certified-by h4 {
	color: var(--gray-600);
	font: 500 21px/28px var(--font-geist);
	text-align: left;
	width: 100%;
}

.key-factory .content-plant-factories h2 {
	color: var(--gray-600);
	font: normal 500 20.24px/25.5px var(--font-plus-jakarta);
	letter-spacing: -0.24px;
	margin-bottom: 8px;
}

.section-landscape-company-thumbnail img {
	width: 100%;
	height: 150%;
	object-fit: cover;
	object-position: center;
	will-change: transform;
	bottom: -174px;
	position: relative;
}

.title-company-overview {
	height: auto;
	padding-left: 16px;
}

.title-company-overview h2 {
	height: auto;
	/* font: 500 36px/40px var(--font-geist); */
	font: 500 23.64px/33px var(--font-geist);
	color: var(--gray-900);
	margin-bottom: 0px;
	letter-spacing: -0.52px;
}

.title-company-years {
	width: 286px;
	height: auto;
	display: flex;
	justify-content: start;
	-ms-justify-content: start;
	-moz-justify-content: start;
	-webkit-justify-content: start;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.title-company-years img {
	max-width: 100%;
}

.desc-who-we-are {
	width: 100%;
	padding: 64px 0px 16px 0px;
	color: var(--gray-500);
	/* font: 500 30px/36px var(--font-geist); */
	font: 500 21.64px/30px var(--font-geist);
	letter-spacing: -0.52px;
}

.title-blue {
	width: 100%;
	/* padding-top: 64px; */
	padding-top: 104px;
}

.title-blue h1 {
	font: 400 20.64px/27.64px var(--font-geist);
	color: var(--aqua-blue-400);
	text-transform: uppercase;
	margin-bottom: 6px;
}

.title-blue h2 {
	font: 500 31.24px/37.56px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 0px;
	text-align: left;
	letter-spacing: -0.45px;
}

.title-matric-left {
	height: auto;
}

.title-matric-left h3 {
	font: 400 20.64px/27.64px var(--font-geist);
	color: var(--aqua-blue-400);
	text-transform: uppercase;
	margin-bottom: 6px;
}

.title-matric-left h2 {
	font: 500 31.24px/37.56px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 0px;
	text-align: left;
	letter-spacing: -0.45px;
}

/* SECTION COMPANY OVERVIEW END */
/* MODAL DIALOG PRODUCT START */
#modalseeProduct {
	border-color: transparent none !important;
	border: 0px !important;
	--bs-modal-border-color: var(--white-trans-full);
}

#modalseeProduct-1 {
	border-color: transparent none !important;
	border: 0px !important;
	--bs-modal-border-color: var(--white-trans-full);
}

#modalseeProduct-32 .modal-dialog-product,
#modalseeProduct--32 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-31 .modal-dialog-product,
#modalseeProduct--31 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-30 .modal-dialog-product,
#modalseeProduct--30 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-29 .modal-dialog-product,
#modalseeProduct--29 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-28 .modal-dialog-product,
#modalseeProduct--28 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-27 .modal-dialog-product,
#modalseeProduct--27 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-26 .modal-dialog-product,
#modalseeProduct--26 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-25 .modal-dialog-product,
#modalseeProduct--25 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-24 .modal-dialog-product,
#modalseeProduct--24 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-23 .modal-dialog-product,
#modalseeProduct--23 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-22 .modal-dialog-product,
#modalseeProduct--22 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-21 .modal-dialog-product,
#modalseeProduct--21 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-20 .modal-dialog-product,
#modalseeProduct--20 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-19 .modal-dialog-product,
#modalseeProduct--19 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-18 .modal-dialog-product,
#modalseeProduct--18 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-17 .modal-dialog-product,
#modalseeProduct--17 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-16 .modal-dialog-product,
#modalseeProduct--16 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-15 .modal-dialog-product,
#modalseeProduct--15 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-14 .modal-dialog-product,
#modalseeProduct--14 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-13 .modal-dialog-product,
#modalseeProduct--13 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}


#modalseeProduct-12 .modal-dialog-product,
#modalseeProduct--12 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}


#modalseeProduct-11 .modal-dialog-product,
#modalseeProduct--11 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-10 .modal-dialog-product,
#modalseeProduct--10 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}


#modalseeProduct-9 .modal-dialog-product,
#modalseeProduct--9 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-8 .modal-dialog-product,
#modalseeProduct--8 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-7 .modal-dialog-product,
#modalseeProduct--7 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-6 .modal-dialog-product,
#modalseeProduct--6 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-5 .modal-dialog-product,
#modalseeProduct--5 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-4 .modal-dialog-product,
#modalseeProduct--4 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-3 .modal-dialog-product,
#modalseeProduct--3 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-2 .modal-dialog-product,
#modalseeProduct--2 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;

}

#modalseeProduct- .modal-dialog-product,
#modalseeProduct--1 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}

#modalseeProduct-1 .modal-dialog-product,
#modalseeProduct--1 .modal-dialog-product {
	max-width: 1120px;
	min-height: 396px;
	height: auto;
	border-radius: 0px !important;
	overflow: hidden;
	border: 0px !important;
	outline: none;
	box-shadow: none !important;
	margin-top: 76px;
}


#modalseeProduct-2 .side-right-product {
	cursor: pointer;
}

#modalseeProduct-3 .side-right-product {
	cursor: pointer;
}

.side-right-product {
	cursor: pointer;
}

.modal-header-product {
	display: flex;
	flex-shrink: 0;
	align-items: center;
	justify-content: space-between;
	position: relative;
	border-bottom: 0px;
	background: transparent none;
	padding-top: 1px;
	padding-bottom: 1px;
	border-bottom: 1px solid transparent none;
	border-top-left-radius: calc(.3rem - 1px);
	border-top-right-radius: calc(.3rem - 1px);
}

.modal-header-product h2 {
	font-size: 16px;
	line-height: 19px;
	width: 92%;
	font-family: "Poppins-SemiBold", sans-serif;
	margin-top: 3.5px;
	color: #363636;
}

.modal-header-product .close {
	background: var(--gray-100);
	text-align: center;
	width: 40px;
	border-radius: 25px;
	height: 40px;
	overflow: hidden;
	z-index: 2;
	opacity: 1;
	line-height: 6px;
	border: 1px solid var(--gray-200);
	box-shadow: 0 1px 14px rgba(0, 0, 0, 0.11);
	/* right: 1.76%; */
	right: 24.5px;
	position: absolute;
	top: 24.5px;
}

.modal-header-product a img {
	width: 16px;
	cursor: pointer;
	margin-left: 1px;
	margin-top: 11px;
}

#modalseeProduct-4 .modal-dialog-product .modal-content {
	background: transparent none;
	border-radius: 1.125rem;
	min-height: 520px;
	padding-left: 0px 0px 20px 0px;
	border: 0px !important;
}

#modalseeProduct-3 .modal-dialog-product .modal-content {
	background: transparent none;
	border-radius: 1.125rem;
	min-height: 520px;
	padding-left: 0px 0px 20px 0px;
	border: 0px !important;
}

#modalseeProduct-2 .modal-dialog-product .modal-content {
	background: transparent none;
	border-radius: 1.125rem;
	min-height: 520px;
	padding-left: 0px 0px 20px 0px;
	border: 0px !important;
}

#modalseeProduct- .modal-dialog-product .modal-content {
	background: transparent none;
	border-radius: 1.125rem;
	min-height: 520px;
	padding-left: 0px 0px 20px 0px;
	border: 0px !important;
}

#modalseeProduct-1 .modal-dialog-product .modal-content {
	background: var(--white-one);
	border-radius: 18px;
	min-height: 420px;
	padding-left: 0px 0px 20px 0px;
	border: 0px !important;
}

#modalseeProduct-4 .modal-dialog-product .modal-content .modal-body-product {
	padding: 24px 24px 24px 24px;
	background: var(--white-one);
	margin-top: -1.5px;
}


#modalseeProduct-3 .modal-dialog-product .modal-content .modal-body-product {
	padding: 24px 24px 24px 24px;
	background: var(--white-one);
	margin-top: -1.5px;
}

#modalseeProduct-2 .modal-dialog-product .modal-content .modal-body-product {
	padding: 24px 24px 24px 24px;
	background: var(--white-one);
	margin-top: -1.5px;
}

#modalseeProduct- .modal-dialog-product .modal-content .modal-body-product {
	padding: 20px 24px 24px 24px;
	background: var(--white-one);
	margin-top: -1.5px;
	border-radius: 16px;
}

.row-modal-product {
	display: flex;
	flex-wrap: wrap;
	margin-top: -3px;
}

.side-left-product {
	max-width: 38%;
	flex: 0 0 38%;
	-ms-flex: 0 0 38%;
	height: 85.64vh;
	background: transparent none;
	padding-right: 10px;
	overflow-y: hidden !important;
	position: relative;
}

.card-product-image-modal {
	width: 100%;
	height: auto;
	border-radius: 11px;
	overflow: hidden;
	margin-top: 3px;
	margin-bottom: 32px;
	border: 2px solid var(--gray-200);
	position: relative;
}

.card-product-image-modal img {
	max-width: 100%;
	height: auto;
	position: relative;
}

.people-name-dialog {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	min-height: 76px;
	padding: 20px 24px;
	height: auto;
	font-family: "Poppins-Regular", sans-serif;
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: #fff;
}

.people-name-dialog h3 {
	font-family: "Poppins-SemiBold", sans-serif;
	font-size: 1.5rem;
	line-height: 1.85rem;
	position: relative;
}

.people-name-dialog h3::before {
	content: " ";
	width: 54px;
	height: 4.5px;
	position: absolute;
	bottom: -20px;
	left: -2px;
	background: #fca700;
}

.people-social-network {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	min-height: 76px;
	padding: 20px 24px;
	height: auto;
	font-family: "Poppins-Regular", sans-serif;
	font-size: 1.125rem;
	line-height: 1.75rem;
	color: #fff;
}

.button-dialog-socmed {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	height: auto;
	padding: 10px 6px;
	border: 1px solid #fefefe;
	border-radius: 32px;
	border-radius: 30px;
}

.lead-name-title {
	width: 100%;
	height: auto;
}

.lead-name {
	width: 100%;
	height: auto;
}

.lead-title h3 {
	/* font: normal 400 clamp(1.125rem, 0.5297rem + 0.7442vw, 1.165rem) var(--font-plus-jakarta); */
	font: 500 16px/24px var(--font-geist);
	color: var(--aqua-blue-400);
	margin-bottom: 15px;
	text-transform: uppercase;
}

.button-dialog-socmed a {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: flex-start;
	-moz--justify-content: flex-start;
	-ms-justify-content: flex-start;
	-webkit--justify-content: flex-start;
	text-decoration: none !important;
	outline: none;
}

.button-dialog-socmed a:hover,
.button-dialog-socmed a:focus {
	text-decoration: none;
	outline: none;
}

.left-icon-sn-dialog {
	width: 18px;
	height: 18px;
}

.right-icon-ar-dialog {
	width: 18px;
	height: 18px;
	padding: 3px 3px;
	margin-left: 0px;
	margin-right: 8px;
}

.right-icon-ar-dialog svg {
	max-width: 100%;
	height: auto;
}

.right-icon-ar-dialog svg path.st0 {
	fill: var(--gray-950);
}

.button-dialog-socmed-outline {
	display: flex;
	flex-wrap: wrap;
	max-width: 100%;
	flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	height: auto;
	/* padding: 10px 6px; */
	padding: 14px 6px 10px 0.5px;
	/* border: 1px solid var(--gray-950); */
	border-radius: 32px;
	border-radius: 30px;
}

.icon-linkedin-arrow {
	width: 18px;
	height: 18px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	padding: 2px 2px;
	margin-right: 10px;
	position: relative;
	margin-top: -3px;
}

.button-dialog-socmed-outline a {
	text-decoration: none !important;
	outline: none;
	min-width: 200px;
	height: 52px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	padding: 8px 16px;
	border: 2px solid var(--gray-950);
	border-radius: 31.6px;

}

.righ-icon-sn-dialog {
	width: auto;
	padding-right: 14px;
}

.action-button {
	width: 100%;
}

.action-button .button-dialog-socmed-outline a {
	min-width: 131.24px;
	width: auto;
}

.righ-icon-sn-dialog {
	height: auto;
	width: auto;
	padding-right: 6px;
	height: auto;
	font: 400 18px/26px var(--font-plus-jakarta);
	color: var(--gray-900) !important;
	padding-left: 6px;
	margin-top: 2.5px;
}

.righ-icon-sn-dialog p {
	margin-bottom: 1px !important;
	color: var(--gray-900) !important;
}

.side-right-product {
	display: flex;
	flex-wrap: wrap;
	max-width: 62%;
	flex: 0 0 62%;
	-ms-flex: 0 0 62%;
	/* background: #fff; */
	background: transparent none;
}

.wrp-content-dialog {
	width: 100%;
	height: auto;
	background: #fff;
	padding: 0px 20px 0.5px 26px;
}

.wrp-desc-product-dialog {
	/* padding: 24px 20px 32px 26px; */
	/* background: #cf0000; */
	background: transparent none;
}

.title-right-desc {
	height: auto;
	font-family: var(--font-arial);
	font-size: 1.5rem;
	line-height: 1.85rem;
	color: #323232;
}

.title-right-desc h3 {
	font: normal 600 clamp(1.125rem, 0.5297rem + 0.7442vw, 1.165rem) var(--font-arial);
	margin-bottom: 6.64px;
	margin-top: 3.64px;
	letter-spacing: 0.20px;
	text-align: left;
}

.wrp-content-table-product {
	max-width: 100%;
	text-align: justify;
	padding-bottom: 0px;
	/* max-height: 550px; */
	max-height: 72.64vh;
	overflow-y: scroll;

	&::-webkit-scrollbar {
		height: 6px;
		width: 2.5px;
		background: transparent none;
	}

	&::-webkit-scrollbar-button {
		height: 10px;
		width: 2.5px;
		background: transparent none;
	}

	&::-webkit-scrollbar-thumb {
		background: var(--gray-400);
		border-radius: 4px;
		height: 16px !important;
		top: 10px;
		position: relative;
		left: -10px;
	}

	-ms-scroll-behavior: smooth;
	-moz-scroll-behavior: smooth;
	-webkit-scroll-behavior: smooth;
	scroll-behavior: smooth;
}

.wrp-content-biography::-webkit-scrollbar {
	height: 6px;
	width: 2.5px;
	background: transparent none;
}

.wrp-content-biography::-webkit-scrollbar-button {
	height: 10px;
	width: 2.5px;
	background: transparent none;
}

.wrp-content-biography::-webkit-scrollbar-thumb {
	background: var(--gray-400);
	border-radius: 4px;
	height: 16px !important;
	top: 10px;
	position: relative;
	left: -10px;
}

.content-table-product {
	width: 100%;
	height: auto;
	font: 400 18px/26px var(--font-plus-jakarta);
	color: var(--gray-500);
	letter-spacing: -0.20px;
	line-height: 28px;
	padding: 10px 9px 15px 0px;
}

.content-table-product h5 {
	font: normal 400 clamp(0.9775rem, 0.6426rem + 0.4186vw, 1rem) var(--font-arial);
	color: var(--gray-900);
	margin-top: -8px;
	margin-bottom: 24px;
}

.content-table-product h3 {
	font-family: "Poppins-SemiBold", sans-serif;
	color: #323232;
	font-size: 1rem;
	line-height: 1.4rem;
	letter-spacing: 0.32px;
	margin-bottom: 6px;
}

.content-table-product h4 {
	font-family: "Poppins-SemiBold", sans-serif;
	color: #323232;
	font-size: 1.15rem;
	line-height: 1.5rem;
	letter-spacing: 0.32px;
	margin-bottom: 6px;
}

.content-table-product p {
	width: 100%;
	height: auto;
	font: 400 18px/26.5px var(--font-plus-jakarta);
	color: var(--gray-500);
	letter-spacing: 0.20px;
	text-align: left;
	margin-bottom: 14px;
	text-align: justify;
}

.content-table-product a {
	color: var(--gray-950);
	text-decoration: underline;
}

.content-table-product a:hover,
.content-table-product a:focus {
	color: var(--gray-950);
	text-decoration: underline;
	outline: none;
}

.content-table-product i {
	font-family: "Mulish-Italic", sans-serif;
}

.content-table-product p i {
	font-family: "Mulish-Italic", sans-serif;
}

.content-table-product b {
	font-family: "Mulish-Bold", sans-serif;
}

.content-table-product p b {
	font-family: "Mulish-Bold", sans-serif;
}

.content-table-product p strong {
	font-family: "Mulish-Bold", sans-serif;
}

.content-table-product ul {
	padding-left: 15px;
}

.content-table-product ul li {
	padding-left: 10px;
}

.content-table-product ul li p {
	margin-bottom: 3px;
}

.content-table-product ol {
	list-style-type: decimal;
	padding-left: 18px;
}

.content-table-product ol li {
	padding-left: 10px;
}

.content-table-product ol li p {
	margin-bottom: 3px;
}

.content-table-product table tbody tr:nth-child(odd) td {
	background: #fff !important;
	font: 400 18.64px/24.64px var(--font-geist);
	color: var(--gray-600);
	text-align: left;
	border: none !important;
	padding: 10px 6px;
	border-radius: 8px;
}

.content-table-product table tbody tr:nth-child(2n+1) td {
	padding: 10px 8px !important;
}

.content-table-product table tbody tr:nth-child(even) td {
	background: #f5fafe !important;
	font: 400 18.64px/24.64px var(--font-geist);
	color: var(--gray-600);
	text-align: left;
	border: none !important;
	padding: 10px 10px !important;
	border-radius: 2px;
}

.content-table-product table tbody tr:nth-child(odd) td {
	padding-top: 10px;
}

.content-table-product ul>li {
	padding-top: 12px;
}

.content-table-product ul>li:first-child {
	padding-top: 0px;
}

.content-table-product ul>li>ul>li:first-child {
	padding-top: 16px;
}

.card-small-thumb-product {
	width: 100%;
	height: auto;
	border: 1px solid var(--gray-200);
	border-radius: 6px;
	overflow: hidden;
	padding: 4px 4px;
	margin-bottom: 18px;
}

.wrp-small-thumb-product ul {
	padding-left: 0px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

.wrp-small-thumb-product ul li {
	list-style: none;
}

.card-small-thumb-product img {
	max-width: 100%;
}

.modal-backdrop.show {
	-webkit-filter: blur(4px) !important;
	-moz-filter: blur(4px) !important;
	-o-filter: blur(4px) !important;
	-ms-filter: blur(4px) !important;
	filter: blur(4px) !important;
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
}

.section-home-product {
	width: 100%;
	/* padding: 46px 0px 20px 0px; */
	padding: 18px 0px 20px 0px;
}

.title-section-page h1 {
	font: 500 31.24px/37.56px var(--font-geist);
	color: var(--gray-950);
}

.title-section-page h2 {
	/* font: normal 400 16.64/26px var(--font-plus-jakarta) !important; */
	color: var(--gray-500);
}

/* MODAL DIALOG PRODUCT END */

/* --- VISION & MISSION SECTION START --- */
.vision-mission-intro {
	padding: 80px 0 40px 0;
	text-align: center;
}

.head-content-vision {
	background: var(--white-one);
	width: 100%;
	padding: 36px 0px 18px 0px;
}

.title-blue-secondpage {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	text-align: left;
}

.title-blue-secondpage h2 {
	font: 400 20.64px/27.64px var(--font-geist);
	color: var(--aqua-blue-400);
	text-transform: uppercase;
	margin-bottom: 6px;
}

.title-blue-secondpage h1 {
	font: 500 31.24px/37.56px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 36px;
	text-align: left;
	letter-spacing: -0.45px;
}

.title-blue-secondpage h2 {
	font: 400 18px/22px var(--font-geist);
}

.title-blue-secondpage h1 {
	font: 400 36px/40px var(--font-geist);
}


.title-blue-primary {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	text-align: left;
}


.title-blue-primary h1 {
	font: 400 20.64px/27.64px var(--font-geist);
	color: var(--aqua-blue-400);
	text-transform: uppercase;
	margin-bottom: 6px;
}

.title-blue-primary h2 {
	font: 500 31.24px/37.56px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 36px;
	text-align: left;
	letter-spacing: -0.45px;
}

.content-vision-mission {
	margin-bottom: 24px;
}

.row-youtube-card.gutter--18.row,
.row-youtube-card.gutter--18.container,
.row-youtube-card.gutter--18.container-fluid {
	margin-left: -18px;
	margin-right: -18px;
}

.gutter--18>[class^="col-"] {
	padding-left: 18px;
	padding-right: 18px;
}

.page-pre-title.content-vision-mission h4 {
	font: 400 20.64px/27.64px var(--font-geist);
	color: var(--gray-700);
}

.page-pre-title.content-vision-mission h2 {
	font: 500 31.24px/37.56px var(--font-geist);
	color: var(--gray-700);
	margin-bottom: 24px;
}

.page-pre-title.content-vision-mission h3 {
	/* font: 400 35px/39px var(--font-plus-jakarta); */
	font: 400 20.64px/27.64px var(--font-geist);
	color: var(--gray-500);
	margin-bottom: 52px;
}

.vision-mission-badge {
	display: inline-block;
	background: var(--aqua-blue-50);
	color: var(--aqua-blue-700);
	padding: 6px 16px;
	font-size: 14px;
	font-weight: 600;
	border-radius: 50px;
	margin-bottom: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.vision-mission-main-title {
	font-size: 48px;
	line-height: 58px;
	font-weight: 700;
	color: var(--gray-950);
	font-family: var(--font-plus-jakarta);
	letter-spacing: -1px;
	margin-bottom: 12px;
}

.vision-mission-subtitle {
	font-size: 18px;
	color: var(--gray-500);
	font-family: var(--font-plus-jakarta);
	margin: 0;
}

.custom-video-wrapper {
	position: relative;
	width: 100%;
	/* max-width: 1000px; */
	max-width: 100%;
	margin: 0 auto 80px auto;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 20px 40px rgba(18, 23, 28, 0.12);
	background: #000;
}

.custom-video-wrapper video {
	width: 100%;
	display: block;
	height: auto;
	border-radius: 12px;
}

.video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle, rgba(18, 23, 28, 0.3) 0%, rgba(12, 17, 22, 0.6) 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
	z-index: 2;
}

.video-overlay:hover {
	background: radial-gradient(circle, rgba(18, 23, 28, 0.2) 0%, rgba(12, 17, 22, 0.5) 100%);
}

.play-btn-circle {
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.95);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
	transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	position: relative;
}

.play-btn-circle::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	border: 2px solid #fff;
	animation: play-pulse 2s infinite;
	opacity: 0;
	pointer-events: none;
}

@keyframes play-pulse {
	0% {
		transform: scale(1);
		opacity: 0.8;
	}

	100% {
		transform: scale(1.6);
		opacity: 0;
	}
}

.video-overlay:hover .play-btn-circle {
	transform: scale(1.1);
	background: #ffffff;
	box-shadow: 0 15px 30px rgba(14, 153, 250, 0.4);
}

.play-btn-triangle {
	width: 0;
	height: 0;
	border-top: 14px solid transparent;
	border-bottom: 14px solid transparent;
	border-left: 24px solid var(--aqua-blue-700);
	margin-left: 6px;
	transition: all 0.3s ease;
}

.video-overlay:hover .play-btn-triangle {
	border-left-color: var(--aqua-blue-500);
}

.vision-mission-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px;
	max-width: 1200px;
	margin: 0 auto 100px auto;
	padding: 0 15px;
}

.vm-card {
	background: #ffffff;
	border: 1px solid var(--gray-200);
	border-radius: 24px;
	padding: 50px 45px;
	transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);
}

.vm-card::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: linear-gradient(90deg, var(--aqua-blue-400) 0%, var(--aqua-blue-700) 100%);
	opacity: 0.8;
	transition: height 0.3s ease;
}

.vm-card:hover::before {
	height: 8px;
}

.vm-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 20px 40px rgba(3, 78, 161, 0.08);
	border-color: var(--aqua-blue-300);
}

.vm-card-title {
	font-size: 32px;
	font-weight: 700;
	color: var(--aqua-blue-700);
	margin-bottom: 24px;
	font-family: var(--font-plus-jakarta);
	letter-spacing: -0.5px;
	display: flex;
	align-items: center;
	gap: 12px;
}

.vm-card-title svg {
	width: 32px;
	height: 32px;
	stroke: var(--aqua-blue-500);
}

.vm-card-text {
	font-size: 18px;
	line-height: 1.7;
	color: var(--gray-700);
	font-family: var(--font-plus-jakarta);
}

.vision-text {
	font-style: normal;
	font-weight: 500;
	border-left: 4px solid var(--aqua-blue-400);
	padding-left: 20px;
	color: var(--gray-900);
}

.mission-pillars-title {
	font-size: 16px;
	font-weight: 700;
	color: var(--gray-900);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin: 32px 0 16px 0;
	display: block;
}

.pillars-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
}

.pillar-item {
	background: var(--gray-50);
	border: 1px solid var(--gray-200);
	border-radius: 16px;
	padding: 16px 20px;
	display: flex;
	align-items: center;
	gap: 14px;
	transition: all 0.3s ease;
}

.pillar-item:hover {
	background: var(--aqua-blue-50);
	border-color: var(--aqua-blue-200);
	transform: translateX(5px);
}

.pillar-icon {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background: var(--white-one);
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.04);
	transition: all 0.3s ease;
}

.pillar-item:hover .pillar-icon {
	background: var(--aqua-blue-500);
	transform: scale(1.1);
}

.pillar-icon svg {
	width: 18px;
	height: 18px;
	stroke: var(--aqua-blue-600);
	transition: stroke 0.3s ease;
}

.pillar-item:hover .pillar-icon svg {
	stroke: #ffffff;
}

.pillar-text {
	font-size: 15px;
	font-weight: 600;
	color: var(--gray-900);
	font-family: var(--font-plus-jakarta);
}


/* --- VISION & MISSION SECTION END --- */

/* PAGE CAREER START */

.section-career-top {
	position: relative;
	/* margin-top: -36px; */
	padding-top: 10px !important;
}

.row-career-sticky {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.col-career-left-sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 130px;
	height: auto;
	margin-bottom: 32px;
}

.career-sticky-img-container {
	width: 100%;
	height: 480px !important;
	overflow: hidden;
	position: relative;
	border-radius: 6px;
	margin-top: 0px !important;
	margin-bottom: 24px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.career-sticky-img-container.first-sticky-img {
	height: 480px !important;
}

.career-sticky-img-container img.career-parallax-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.section-career-top .card-featured-large-news {
	overflow: hidden;
	position: relative;
	border-radius: 6px;
}

.card-featured-career .title-area.unliner {
	margin-bottom: 15px !important;
	margin-top: 24px !important;
	margin-bottom: 0px !important;
	padding-bottom: 5px !important;
	border-bottom: 1px solid var(--white-one) !important;
}

.card-featured-career .title-area.unliner:nth-child(1 of .title-area.unliner) {
	margin-top: 15px !important;
}



.card-featured-career .title-area.unliner {}

@media screen and (max-width: 991px) {
	.col-career-left-sticky {
		position: static;
	}

	.career-sticky-img-container {
		height: 320px;
	}
}

/* PAGE CAREER END */
/* PAGE CONTACT US START */
.content-contact-us {
	width: 100%;
	height: auto;
	padding: 24px 0px;
}

.content-image-contact {
	width: 100%;
	height: auto;
	border-radius: 6px;
	overflow: hidden;
}

.content-image-contact img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	position: relative;
}

.desc-text-contact {
	font: normal 400 18px/24.24px var(--font-plus-jakarta);
	color: var(--gray-500);
	line-height: 158%;
	max-width: 69%;
}

.desc-text-contact p {
	margin-bottom: 24px;
}

.row-contact-us .col-xl-6:nth-child(1 of .col-xl-6) {
	width: 46%;
}

.row-contact-us .col-xl-6:nth-child(2 of .col-xl-6) {
	width: 54%;
}

/* Contact Cards Design */
.contact-card-link {
	text-decoration: none;
	display: block;
	height: 100%;
	outline: none;
}

.contact-card {
	background-color: var(--gray-50);
	border: 1px solid var(--gray-200);
	border-radius: 6px;
	padding: 32px 24px;
	height: 100%;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 6px;
}

.contact-card-icon {
	color: var(--gray-950);
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.contact-card-icon svg {
	width: 28px;
	height: 28px;
	stroke: var(--gray-950);
	fill: none;
	transition: stroke 0.3s ease;
}

.contact-card-title {
	font: 600 24px/30px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 12px;
	transition: color 0.3s ease;
}

.contact-card-value {
	font: normal 400 16px/24px var(--font-plus-jakarta);
	color: var(--gray-500);
	margin: 0;
	transition: color 0.3s ease;
}

/* Hover state changes: background becomes blue, text & icons turn white */
.contact-card-link:hover .contact-card {
	background-color: var(--aqua-blue-700);
	border-color: var(--aqua-blue-700);
	transform: translateY(-4px);
	box-shadow: 0 12px 24px rgba(3, 78, 161, 0.12);
}

.contact-card-link:hover .contact-card-icon svg {
	stroke: var(--white-one);
}

.contact-card-link:hover .contact-card-title {
	color: var(--white-one);
}

.contact-card-link:hover .contact-card-value {
	color: var(--white-one);
}

.card-link-contact {
	margin-top: 120px;
	width: 100%;
	height: auto;
	padding-right: 48px;
}

.card-link-contact .col-xl-6:nth-child(1 of .col-xl-6) {
	width: 50%;
}

.contact-card h3 {
	font: 600 20.24px/27.64px var(--font-geist);
	color: var(--gray-800);
	margin-bottom: 18px;
	letter-spacing: -0.36px;
}

.card-link-contact .col-xl-6:nth-child(2 of .col-xl-6) {
	width: 50%;
}

/* PAGE CONTACT US END */

/* SLIDER CAROUSEL QUALITY ASSURANCE START */

.row-esg-slide {
	width: 100%;
	height: auto;
	padding: 5px 0px 0px 0px;
	position: relative;
	top: -10px;
}

.row-esg-slide.slick-initialized {
	display: block;
}

.card-carousel-qa {
	width: 100%;
	height: auto;
	outline: none;
	padding: 0px 10px;
}

.card-carousel-qa img {
	width: 100%;
	height: auto;
	object-fit: cover;
	border-radius: 6px;
	display: block;
}

/* Custom Slick Arrows */
.qa-slider-prev,
.qa-slider-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(0, 0, 0, 0.05);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #034ea1;
	cursor: pointer;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	outline: none;
}

.qa-slider-prev {
	left: 20px;
}

.qa-slider-next {
	right: 20px;
}

.qa-slider-prev:hover,
.qa-slider-next:hover {
	background: #034ea1;
	color: #ffffff;
	box-shadow: 0 6px 20px rgba(3, 78, 161, 0.3);
	transform: translateY(-50%) scale(1.08);
}

.qa-slider-prev:active,
.qa-slider-next:active {
	transform: translateY(-50%) scale(0.95);
}

.qa-slider-prev svg,
.qa-slider-next svg {
	width: 24px;
	height: 24px;
}

.qa-slider-prev::before,
.qa-slider-next::before {
	display: none !important;
}

/* Custom Slick Dots */
.row-esg-slide .slick-dots {
	bottom: 52px;
	display: flex !important;
	justify-content: center;
	gap: 8px;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 100%;
}

.row-esg-slide .slick-dots li {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
}

.row-esg-slide .slick-dots li button {
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 50%;
	background: #d1d5db;
	border: none;
	font-size: 0;
	line-height: 0;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.row-esg-slide .slick-dots li button::before {
	display: none !important;
}

.row-esg-slide .slick-dots li.slick-active button {
	background: #034ea1;
	width: 24px;
	border-radius: 5px;
}

/* SLIDER CAROUSEL QUALITY ASSURANCE END */
/* ESG START */
.desc-esg {
	width: 100%;
	margin-top: 30px;
}

.desc-esg h3 {
	font: 500 23.64px/33px var(--font-geist);
	padding-right: 48px;
	color: var(--gray-950);
	margin-bottom: 24px;
	letter-spacing: -0.45px;
}

.desc-esg p {
	margin-bottom: 16px;
}

.row-esg-column {
	height: auto;
}

.content-esg-color {
	background: #edfbff;
	padding-top: 86px;
	padding-bottom: 96px;
	margin-top: 24px;
}

.thumb-image-esg {
	width: 100%;
	min-height: 386px;
	object-fit: contain;
	border-radius: 6px;
	overflow: hidden;
}

.thumb-image-esg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.row-esg-column .col-md-7:nth-child(1 of .col-md-7) {
	padding-right: 36px;
	order: 2;
}

.row-esg-column .col-md-5:nth-child(1 of .col-md-5) {
	padding-left: 36px;
	order: 2;
}

.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) {
	padding-top: 64px;
	padding-bottom: 64px;
}

.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-7 {
	order: 2;
	padding-right: 15px;
	padding-left: 24px;
}

.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-5 {
	order: 1;
	padding-right: 24px;
	padding-left: 15px;
}

.desc-esg .row-esg-column:last-child {
	padding-top: 64px;
	padding-bottom: 0px;
}

.desc-esg .row-esg-column:nth-child(4 of .row-esg-column) .col-md-7 {
	order: 2;
	padding-right: 15px;
	padding-left: 24px;
}

.desc-esg .row-esg-column:nth-child(4 of .row-esg-column) .col-md-5 {
	order: 1;
	padding-right: 24px;
	padding-left: 15px;
}

.content-esg-white {
	background: var(--white-one);
	padding-top: 90px;
	padding-bottom: 80px;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.esg-cards-sticky-wrapper {
	width: 100%;
	position: relative;
}

.row-updates-esg {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 24px;
	margin-top: 56px;
	width: max-content;
	position: relative;
	will-change: transform;
}

.row-updates-esg>[class*="col-"] {
	flex: 0 0 380px;
	width: 380px;
	padding-left: 0;
	padding-right: 0;
	height: auto;
	will-change: transform;
	position: relative;
}

.row-updates-esg>[class*="col-"]:hover {
	z-index: 10;
}

.row-updates-esg>[class*="col-"]:last-child {
	margin-right: 90px;
}

.card-story-esg {
	width: 100%;
	height: 100%;
	display: flex;
}

.card-story-esg a {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: 100%;
	min-height: 400px;
	text-decoration: none;
	outline: none;
	padding: 20px 18px;
	border-radius: 8px;
	overflow: hidden;
	background: #ffffff;
	box-shadow: 0 10px 30px rgba(18, 23, 28, 0.05), 0 2px 8px rgba(18, 23, 28, 0.02);
	transition: box-shadow 0.3s ease;
}

.card-story-esg a:hover {
	box-shadow: 0 20px 45px rgba(3, 78, 161, 0.16), 0 6px 18px rgba(3, 78, 161, 0.06);
}

.content-story-esg {
	width: 100%;
	margin-bottom: 20px;
}

.content-story-esg h2 {
	font: 500 22px/28px var(--font-geist);
	color: var(--white-one);
	margin: 0;
	letter-spacing: -0.3px;
}

.thumbnail-story-esg {
	width: 100%;
	min-height: 180px;
	height: auto;
	border-radius: 6px;
	overflow: hidden;
	position: relative;
}

.thumbnail-story-esg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (max-width: 767px) {
	.row-updates-esg {
		gap: 16px;
	}

	.row-updates-esg>[class*="col-"] {
		flex: 0 0 280px;
		width: 280px;
	}

	.card-story-esg a {
		min-height: 340px;
		padding: 18px;
	}

	.content-story-esg h2 {
		font-size: 18px;
		line-height: 24px;
	}

	.thumbnail-story-esg {
		height: 140px;
	}
}

/* ESG END */

/* QUALITY ASSURANCE START */
.content-esg-slide {
	width: 100%;
	height: auto;
	padding-bottom: 24px;
}

.slide-content-qa {
	width: 100%;
	min-height: 64px;
	height: auto;
	position: relative;
	overflow: hidden;
	padding: 0px 0 40px 0;
	top: -15px;
}

.full-container {
	width: 100%;
	max-width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	overflow: visible;
	min-height: 220px;
	border: none;
}

/* Slider Track */
.list-card-qa-track {
	height: 420px;
	overflow: hidden;
	position: relative;
	width: 100%;
	border-radius: 12px;
}

.list-card-qa {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px;
	position: absolute;
	height: 100%;
	margin-bottom: 0;
	padding: 0;
}

.card-img-qa-small {
	width: 296px;
	min-height: 368px;
	height: auto;
	background: #0775eb;
	border-radius: 6px;
	overflow: hidden;
	flex-shrink: 0;
}

.card-img-qa {
	width: 486px;
	min-height: 220px;
	height: auto;
	object-fit: cover;
	border-radius: 6px;
	overflow: hidden;
	flex-shrink: 0;
}

.card-img-qa img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.text-card-img-small {
	font: normal 400 18px/24.24px var(--font-plus-jakarta);
	color: var(--white-one);
	padding: 24px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	min-height: 368px;
}

.text-card-img-small h2 {
	font: 400 22px/28px var(--font-geist);
	color: var(--white-one);
	text-transform: uppercase;
	margin-bottom: 12px;
	letter-spacing: -0.5px;
}

.text-card-img-small p {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	opacity: 0.95;
}

/* Navigation Arrows Styles - Floating on Left and Right sides */
.qa-slider-nav {
	position: absolute;
	left: 0;
	right: 0;
	top: 45%;
	transform: translateY(-50%);
	display: flex;
	justify-content: space-between;
	padding: 0 24px;
	z-index: 10;
	pointer-events: none;
}

.qa-nav-btn {
	background-color: var(--white-one);
	border: 1px solid var(--gray-200);
	color: var(--gray-800);
	width: 46px;
	height: 46px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	box-shadow: 0 4px 12px rgba(18, 23, 28, 0.08);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	outline: none;
	pointer-events: auto;
}

.qa-nav-btn:hover {
	background-color: var(--aqua-blue-700);
	border-color: var(--aqua-blue-700);
	color: var(--white-one);
	transform: scale(1.1);
	box-shadow: 0 6px 16px rgba(3, 78, 161, 0.2);
}

.qa-nav-btn svg {
	width: 20px;
	height: 20px;
	stroke-width: 2.5px;
}

/* Mobile responsive */
@media (max-width: 991px) {
	.qa-slider-nav {
		padding: 0 12px;
	}
}

@media (max-width: 767px) {
	.list-card-qa-track {
		height: 380px;
	}

	.qa-slider-nav {
		padding: 0 6px;
	}
}

/* QUALITY ASSURANCE END */
/* SECTION DETAIL PRODUCT  START */


.section-detail-product {
	width: 100%;
	min-height: 64px;
	height: auto;
	background: var(--white-one);
}

.detail-spesifications-left {
	height: auto;
}

.item-spesifications {
	width: 100%;
	height: auto;
	padding: 24px 0px;
}

.row-spesifications {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-o-align-items: center;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	-o-justify-content: space-between;
	column-gap: 18px;
	row-gap: 18px;
}

.left-row-spesifications {
	width: 24%;
	height: auto;
	font: normal 400 clamp(1.125rem, 0.5297rem + 0.7442vw, 1.165rem) var(--font-plus-jakarta);
	color: var(--gray-500);
	padding-left: 4.5px;
}

.left-row-spesifications p {
	margin-bottom: 1px;
}

.row-spesifications {
	padding: 9px 0px;
}

.right-row-spesifications {
	width: 66%;
	height: auto;
	font: normal 400 clamp(1.125rem, 0.5297rem + 0.7442vw, 1.165rem) var(--font-plus-jakarta);
	color: var(--gray-500);
}

.right-row-spesifications p {
	margin-bottom: 1px;
}

.item-spesifications .row-spesifications:nth-child(even) {
	background-color: #f5fafe;
}

.btn-request-product {
	width: 100%;
}

.btn-request-product .btn-outline-aqua-200 {
	width: 100%;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-o-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-o-justify-content: center;
}

.content-spesifications-left {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	-o-align-items: center;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	-o-justify-content: space-between;
	gap: 18px;
	padding-right: 48px;
}

.barcode-content-spesification {
	width: 196px;
	height: auto;
	display: flex;
	flex-direction: column;
}

.barcode-content-spesification {}

.title-and-barcode {
	display: flex;
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	-ms-align-items: flex-start;
	-moz-align-items: flex-start;
	-webkit-align-items: flex-start;
	-o-align-items: flex-start;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	-o-justify-content: space-between;
	width: 100%;
	height: auto;
	gap: 18px;
	margin-top: 18px;
}

.title-content-spesification {
	display: flex;
	flex-direction: column;
	width: 62%;
	height: auto;
	/* font: normal 400 clamp(1.125rem, 0.5297rem + 0.7442vw, 1.165rem) var(--font-plus-jakarta);
	color: var(--gray-500); */
	font: 500 16px/24px var(--font-geist);
	color: var(--aqua-blue-400);
	margin-bottom: 15px;
	text-transform: uppercase;
}

.title-content-spesification h1 {
	font: 500 36px/40px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 8px;
	text-transform: none;
}

.barcode-content-spesification {
	display: flex;
	flex-direction: column;
	width: 176px;
	height: auto;
	font: 400 19px/27px var(--font-plus-jakarta);
	color: var(--gray-500);
}

.barcode-content-spesification {
	font: 400 19px/27px var(--font-plus-jakarta);
	color: var(--gray-500);
}

.barcode-content-spesification h3 {
	font: 400 19px/27px var(--font-plus-jakarta);
	color: var(--gray-500);
}

.barcode-content-spesification h4 {
	font: normal 400 16px/22px var(--font-plus-jakarta);
	color: var(--gray-500);
}

.detail-spesifications-right {
	height: auto;
	margin-bottom: 48px;
	margin-top: 30px;
	padding-left: 36px;
}

/* CSS SCROLL SNAP SLIDER */
.snap-container {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	/* Firefox */
	border-radius: 20px;
	border: 1px solid #dee2e6;
}

.snap-container::-webkit-scrollbar {
	display: none;
	/* Safari and Chrome */
}

.snap-item {
	flex: 0 0 100%;
	scroll-snap-align: start;
}

.snap-item img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 0;
}

.thumb-link {
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
}

.card-small-thumb-product {
	display: flex;
	justify-content: flex-start;
}

.content-spesifications-right {
	position: -webkit-sticky;
	position: sticky;
	top: 105px;
	z-index: 10;
}

/* SECTION DETAIL PRODUCT  END */


/* MEDIA 1677-1680 START */
@media only screen and (min-width: 1677px) and (max-width: 1680px) and (orientation: landscape) {}

/* MEDIA 1677-1680 END */

/* MEDIA 1536-1582 START */
@media only screen and (min-width: 1526px) and (max-width: 1582px) and (orientation: landscape) {

	.cmw-container {
		max-width: 1220px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
		margin-right: auto;
		margin-left: auto;
	}

	.center-container {
		max-width: 1220px;
	}
}

/* MEDIA 1536-1582 END */


/* SECTION HERO IMAGES HOME START */

.section-hero-images {
	width: 100%;
	height: auto;
	min-height: 100vh;
	background: var(--gray-300);
}

.content-caption-hero {
	display: flex;
	flex-direction: column;
	width: 44.56%;
	height: auto;
	padding: 24px 0px 96px 0px;
	font: 500 18px/26px var(--font-geist);
	color: var(--gray-100);
}

.content-caption-hero h1 {
	font: 700 40px/45px var(--font-geist);
	margin-bottom: 0px;
	color: var(--white-one);
	letter-spacing: -0.58px;
	position: relative;
	z-index: 6;
}

.content-caption-hero p {
	z-index: 6;
}

.wrp-hero-section {
	width: 100%;
	height: auto;
	position: relative;
}

.wrp-hero-section img {
	max-width: 100%;
}

.cta-outline-white {
	width: auto;
}

.cta-outline-white a {
	text-decoration: none;
	color: var(--white-one);
	font-size: clamp(0.8475rem, 0.5304rem + 0.4955vw, 1.125rem) var(--font-plus-jakarta);
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	border: 2px solid var(--white-one);
	border-radius: 28px;
	padding: 14px 20px;
	width: fit-content;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.text-cta-outline-white {
	color: var(--white-one);
	font: 500 16px/21px var(--font-plus-jakarta);
	gap: 15px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.text-cta-outline-white p {
	margin-bottom: 0px;
}

.cta-outline-white .icon-oblique-arrow {
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	padding: 6px 6px;
	margin-top: 2.5px;
}

.cta-outline-white .icon-oblique-arrow svg {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.cta-outline-white .icon-oblique-arrow svg .cls-1 {
	fill: var(--white-one);
	stroke-width: 0px;
	transition: 0.5s;
}

/* SECTION HERO IMAGES HOME END */

/* SECTION SUSTAINABILITY HOME START */
.section-sustainability-home {
	width: 100%;
	min-height: 320px;
	height: auto;
	background: var(--white-one);
	/* padding: 8px 0px 64px 0px; */
	padding: 118px 0px 64px 0px;
}

.sustainability-home-value h3 {
	color: var(--gray-950);
	font: normal 500 24.24px/32.5px var(--font-plus-jakarta);
	letter-spacing: -0.24px;
	margin-bottom: 0px;
}


.sub-sustainability-home {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding: 48px 0px 64px 0px;
}

.summary-sustainability-program {
	width: 100%;
	height: auto;
}

.summary-sustainability-program h2 {
	color: var(--gray-950);
	font: normal 500 24.24px/32.5px var(--font-plus-jakarta);
	letter-spacing: -0.24px;
	margin-bottom: 24px;
}

.summary-program-desc {
	width: auto;
	max-width: 86%;
	height: auto;
	color: var(--gray-500);
	font: 500 21px/28px var(--font-geist);
}

.summary-program-desc p {
	margin-bottom: 8px;
}

.key-number-home {
	width: auto;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	-ms-justify-content: start;
	-moz-justify-content: start;
	-webkit-justify-content: start;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-top: 4px;
}

.key-number-home h4 {
	color: var(--gray-500);
	font: 500 21px/28px var(--font-geist);
	width: fit-content;
}

.point-target {
	width: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-right: 16px;
}

.wrp-key-and-points {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-top: 0px;
}

.substance {
	width: auto;
}

.substance h2 {
	font: 500 31.24px/37.56px var(--font-geist);
	color: var(--aqua-blue-400);
	margin-bottom: 0px;
	text-align: left;
	letter-spacing: -0.45px;
	position: relative;
	width: fit-content;
}

.substance h2 sub {
	position: relative;
	top: -1.5px;
}

.icon-substance {
	width: 36px;
	height: 36px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding: 3px 3px;
}

.row-youtube-card.gutter--32.row,
.row-youtube-card.gutter--32.container,
.row-youtube-card.gutter--32.container-fluid {
	margin-left: -32px;
	margin-right: -32px;
}

.gutter--32>[class^="col-"] {
	padding-left: 32px;
	padding-right: 32px;
}

.icon-substance img {
	max-width: 100%;
	height: 100%;
	object-fit: fill;
}

.thumbnail-sustainability-home {
	width: 100%;
	border-radius: 6px;
	overflow: hidden;
}

.thumbnail-sustainability-home img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: 100%;
	position: relative;
	/* right: -48px; */
	right: 0px;
}

.item-sustainability-program {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	text-align: left;
	padding: 16px 24px 16px 0px;
}

.left-number-title {
	width: auto;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.number-program {
	width: auto;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.number-program h3 {
	color: var(--gray-950);
	font: normal 500 24.24px/32.5px var(--font-plus-jakarta);
	letter-spacing: -0.24px;
	margin-bottom: 0px;
}

.title-program {
	width: auto;
	max-width: 80.56%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-left: 20px;
}

.title-program h2 {
	color: var(--gray-950);
	font: normal 500 24.24px/32.5px var(--font-plus-jakarta);
	letter-spacing: -0.24px;
	margin-bottom: 0px;
}

.icon-program {
	width: 56px;
	height: 56px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding: 3px 3px;
}

.icon-program img {
	max-width: 100%;
	height: 100%;
	object-fit: fill;
}

.wrp-cta-center {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-top: 48px;
	padding-bottom: 24px;
}

.btn-outline-white-blue {
	text-decoration: none;
	color: var(--aqua-blue-400);
	font-size: clamp(0.8475rem, 0.5304rem + 0.4955vw, 1.125rem) var(--font-plus-jakarta);
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	border: 2px solid var(--aqua-blue-400);
	border-radius: 28px;
	padding: 14px 20px;
	width: fit-content;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.btn-outline-white-blue:hover {
	text-decoration: none;
	color: var(--aqua-blue-500);
	border: 2px solid var(--aqua-blue-500);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
}

.btn-outline-white-blue .icon-oblique-arrow {
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	padding: 0px 6px;
	margin-top: 2.5px;
}

.btn-outline-white-blue .icon-oblique-arrow svg {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.btn-outline-white-blue .text-btn-outline p {
	margin-bottom: 0px;
}

.btn-outline-white-blue .icon-oblique-arrow svg .cls-1 {
	fill: var(--aqua-blue-400);
	stroke-width: 0px;
	transition: 0.5s;
}

/* SECTION SUSTAINABILITY HOME END */


/* SECTION NEWS ROOM HOME START */
.section-news-home {
	width: 100%;
	min-height: 320px;
	height: auto;
	background: #edfbfe;
	/* padding: 76px 0px 64px 0px; */
	padding: 118px 0px 86px 0px;
	margin-bottom: 56px;
}

.btn-read-more-news {
	height: auto;
}

.btn-outline-aqua-200 {
	text-decoration: none;
	color: var(--aqua-blue-400);
	font-size: clamp(0.8475rem, 0.5304rem + 0.4955vw, 1.125rem) var(--font-plus-jakarta);
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	border: 2px solid var(--aqua-blue-400);
	border-radius: 28px;
	padding: 14px 20px;
	width: fit-content;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.btn-outline-aqua-200 .text-btn-outline {
	color: var(--aqua-blue-400);
	font: 500 16px/21px var(--font-plus-jakarta);
	gap: 15px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.btn-outline-aqua-200 .text-btn-outline p {
	margin-bottom: 0px;
}

.btn-outline-aqua-200 .icon-oblique-arrow {
	width: 22px;
	height: 22px;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	padding: 0px 6px;
	margin-top: 2.5px;
}

.btn-outline-aqua-200 .icon-oblique-arrow svg {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.btn-outline-aqua-200 .icon-oblique-arrow svg .cls-1 {
	fill: var(--aqua-blue-400);
	stroke-width: 0px;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.btn-outline-aqua-200:hover {
	text-decoration: none;
	color: var(--aqua-blue-500);
	border: 2px solid var(--aqua-blue-500);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
}

.featured-large-news {
	width: 100%;
	height: auto;
	margin-bottom: 48px;
}

.featured-large-news a {
	text-decoration: none;
	color: var(--gray-950);
}

.pretitle-large-news {
	width: 100%;
	height: auto;
	margin-bottom: 12px;
	display: flex;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.date-and-category {
	width: 100%;
	height: auto;
	margin-bottom: 12px;
	display: flex;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.date-and-category h3 {
	font: 400 20.64px/27.64px var(--font-geist);
	color: var(--aqua-blue-400);
	margin-bottom: 8px;
	width: fit-content;
}

.date-and-category span {
	font: 400 17px/28.64px var(--font-geist);
	margin-bottom: 8px;
	color: var(--gray-700);
}

.pretitle-large-news h3 {
	font: 400 20.64px/27.64px var(--font-geist);
	color: var(--aqua-blue-400);
	margin-bottom: 8px;
	width: fit-content;
}

.pretitle-large-news span {
	font: 400 17px/28.64px var(--font-geist);
	margin-bottom: 8px;
	color: var(--gray-700);
}

.card-featured-large-news {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	position: relative;
	margin-top: 10px;
	margin-bottom: 24px;
	overflow: hidden;
	border-radius: 6px;
}

.card-featured-large-news img {
	max-width: 100%;
	object-fit: cover;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.title-large-news {
	max-width: 96%;
	height: auto;
}

.title-large-news h2 {
	color: var(--gray-950);
	font: normal 500 24.86px/32.5px var(--font-plus-jakarta);
	letter-spacing: -0.75px;
}

.featured-large-news a:hover {
	text-decoration: none;
}

.featured-large-news a:hover .card-featured-large-news img {
	text-decoration: none;
	transform: scale(1.1, 1.1);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.card-featured-small-news {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	position: relative;
	margin-top: 16px;
	margin-bottom: 24px;
	overflow: hidden;
	gap: 32px;
}

.thumb-small-news {
	width: 158px;
	min-height: 118px;
	height: auto;
	position: relative;
	overflow: hidden;
	border-radius: 6px;
}

.card-small-news {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	-ms-align-items: flex-start;
	-moz-align-items: flex-start;
	-webkit-align-items: flex-start;
	gap: 24px;
	text-decoration: none;
	outline: none;
}

.thumb-small-news img {
	/* max-width: 100%;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s; */
	width: 100%;
	height: 100%;
	position: absolute;
	/* Memaksa gambar mengisi penuh area parent relative */
	top: 0;
	left: 0;
	object-fit: cover;
	/* Gunakan 'cover' agar proporsi gambar tidak gepeng/ketarik */
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	/* Tambahkan standard properti untuk modern browser */
}

.card-small-news:hover .thumb-small-news img {
	text-decoration: none;
	transform: scale(1.1, 1.1);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.title-small-news {
	max-width: 54.24%;
	height: auto;
}

.title-small-news h2 {
	color: var(--gray-950);
	font: normal 500 20.86px/25.5px var(--font-plus-jakarta);
	letter-spacing: -0.75px;
}

.title-small-news h3 {
	font: 400 20.64px/27.64px var(--font-geist);
	color: var(--aqua-blue-400);
	margin-bottom: 8px;
}

/* SECTION NEWS ROOM HOME END */


/* SECTION ABOUT OVERVIEW HOME START */
.section-about-home {
	width: 100%;
	/* min-height: 320px; */
	/* min-height: 100vh; */
	min-height: 224px;
	height: auto;
	background: var(--white-one);
	padding: 118px 0px 86px 0px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

/* SECTION ABOUT OVERVIEW HOME END */

/* SECTION KEY NUMBERS HOME START */
.section-key-numbers-home {
	width: 100%;
	min-height: 320px;
	height: auto;
	background: var(--white-one);
	padding: 36px 0px 114px 0px;
}

.certification-institution {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	column-gap: 20px;
}

.certification-institution-icon {
	width: 128px;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
}

.certification-institution-icon img {
	max-width: 100%;
	height: 100%;
	object-fit: fill;
}

.certification-institution-icon-square {
	width: 76px;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.certification-institution-icon-square img {
	max-width: 100%;
	height: 100%;
	object-fit: fill;
}

.certification-institution-only .certification-institution-icon-square {
	width: 56px;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	position: relative;
	margin-left: -6px;
}

#tri {
	width: 0;
	height: 0;
	border-top-width: 820px;
	border-top-style: solid;
	border-top-color: transparent;
	border-right-width: 690px;
	border-right-style: solid;
	border-right-color: #034ea1;
	position: absolute;
	top: -24%;
	right: -5%;
	z-index: 2;
	rotate: 180deg;
	transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
}

.text-registration-certification {
	width: auto;
	max-width: 64%;
	height: auto;
	padding-left: 24px;
}

.text-registration-certification h2 {
	color: var(--gray-950);
	font: normal 500 20px/26px var(--font-plus-jakarta);
	letter-spacing: -0.24px;
	margin-bottom: 0px;
}

.text-registration-certification p {
	color: var(--gray-500);
	font: 400 24px/29px var(--font-geist);
	margin-top: 8px;
	margin-bottom: 0px;
}

.iso-registered-list {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-top: 24px;
	padding: 19px 18px;
	border: 1px solid var(--gray-300);
	border-radius: 6px;
	margin-bottom: 64px;
}

.iso-registered-item {
	width: auto;
	height: auto;
	padding-right: 18px;
	color: var(--gray-500);
	font: 400 20px/26px var(--font-geist);
}

.iso-registered-item h2 {
	color: var(--gray-900);
	font: normal 500 23px/32.5px var(--font-plus-jakarta);
	letter-spacing: -0.32px;
	margin-bottom: 1px;
}

.separate-line-iso {
	width: 100%;
	height: 1px;
	background: var(--gray-200);
	margin: 10px 0px;
}

.iso-registered-item p {
	margin-bottom: 0px;
}

.wrp-iso-registered {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.iso-logo-icon {
	width: 48px;
	height: 48px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.iso-logo-icon.landscape-iso {
	width: 80px;
	height: 44px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.iso-logo-icon img {
	max-width: 100%;
	height: 100%;
	object-fit: fill;
}

.wrp-plant-factories {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: flex-start;
	-ms-align-items: flex-start;
	-moz-align-items: flex-start;
	-webkit-align-items: flex-start;
	margin-top: 24px;
}

.map-thumbnail {
	width: 124px;
	min-height: 120px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	height: auto;
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	overflow: hidden;
	margin-top: 6px;
}

.circle-pointer-map {
	width: 36px;
	height: 36px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.circle-pointer-map img {
	max-width: 100%;
	height: auto;
}

.content-plant-factories {
	width: auto;
	max-width: 61.52%;
	height: auto;
	padding-left: 24px;
	font: 400 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-plus-jakarta);
	color: var(--gray-500);
}

.content-plant-factories a {
	font: 400 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-plus-jakarta);
	color: var(--gray-500);
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

.content-plant-factories a:hover {
	font: 400 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-plus-jakarta);
	color: var(--gray-500);
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

.content-plant-factories h2 {
	color: var(--gray-900);
	font: normal 500 24.24px/32.5px var(--font-plus-jakarta);
	letter-spacing: -0.24px;
	margin-bottom: 8px;
}

.map-thumbnail a {
	text-decoration: none;
	color: var(--gray-500);
	outline: none;
}

.map-thumbnail img {
	max-width: 100%;
	height: 100%;
	object-fit: fill;
}

/* SECTION KEY NUMBERS HOME END */

/* SECTION PRODUCT HOME START */
.section-product-home {
	width: 100%;
	min-height: 320px;
	height: auto;
	background: #edfbff;
	/* padding: 76px 0px 64px 0px; */
	padding: 115px 0px 98px 0px;
}

.card-cataloge-home {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
	margin-top: 24px;
	margin-bottom: 24px;
}

.card-cataloge-home img {
	max-width: 100%;
	height: 100%;
	object-fit: fill;
	border-radius: 6px;
}

.icon-automotive {
	width: 220px;
	height: 186px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	position: absolute;
	bottom: 24px;
	right: -120px;
}

.icon-automotive img {
	max-width: 100%;
}

.blue-deep-azure {
	background: #115897;
	padding: 30px 24px;
}

.title-catalog-home {
	width: auto;
	max-width: 86%;
	height: auto;
	padding-top: 24px;
}

.title-catalog-home h2 {
	color: var(--white-one);
	font: 500 36px/39px var(--font-geist);
	letter-spacing: -0.24px;
	margin-bottom: 16px;
	position: relative;
}

.desc-catalog-home {
	max-width: 90%;
	color: var(--white-one);
	font: 500 22px/27px var(--font-geist);
	position: relative;
	z-index: 3;
}

.desc-catalog-home p {
	margin-bottom: 18px;
}

.percentage-product {
	width: 100%;
	height: auto;
}

.percentage-product h2 {
	color: var(--white-one);
	font: 500 36px/39px var(--font-geist);
	letter-spacing: -0.24px;
	margin-bottom: 0px;
	position: relative;
}

.percentage-product h2 sub {
	position: relative;
	top: -1.5px;
	margin-left: 4px;
}

.product-advantages-title {
	width: 100%;
	height: auto;
}

.product-advantages-title h3 {
	color: var(--white-one);
	font: normal 500 24.24px/32.5px var(--font-plus-jakarta);
	letter-spacing: -0.24px;
	margin-bottom: 18px;
	position: relative;
}

.product-advantages-desc {
	width: auto;
	max-width: 96%;
	height: auto;
	color: var(--white-one);
	font: 400 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-plus-jakarta);
	margin-top: 8px;
}

.product-advantages-desc p {
	margin-bottom: 0px;
}

.featured-product-home.blue-oxford {
	width: 100%;
	height: auto;
	padding: 32px 24px;
	background: var(--aqua-blue-1300);
}

.custom-align-product {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: flex-end;
	-ms-align-items: flex-end;
	-moz-align-items: flex-end;
	-webkit-align-items: flex-end;
	margin-top: 48px;
}

.row-product-home .col-xl-6.pr-6 {
	padding-right: 48px;
}

.row-product-home .col-xl-6.pl-6 {
	padding-left: 48px;
}

.btn-read-more-product {
	height: auto;
	padding-top: 48px;
	padding-bottom: 32px;
	width: 100%;
}

.row-product-home .desc-awards-caption {
	/* max-width: 90%; */
	max-width: 94.64%;
}

.featured-product-home.blue-oxford .percentage-product h2 {
	color: var(--white-one);
	font: 500 46px/52px var(--font-geist);
	letter-spacing: -0.24px;
	margin-bottom: 0px;
	margin-top: 76px;
	position: relative;
}

.featured-product-home.blue-oxford .percentage-product h2 sub {
	position: relative;
	top: -1.5px;
	margin-left: 4px;
}

.catalog-product-home {
	background: var(--aqua-blue-700);
	width: 100%;
	/* min-height: 486px; */
	min-height: 668px;
	height: auto;
	/* padding: 48px 48px 56px 48px; */
	padding: 24px 48px 36px 48px;
	position: relative;
	overflow: hidden;
	margin-top: 18px;
	margin-top: 0px;
	border-radius: 6px;
}

.row-product-home .title-section-page {
	margin-top: 24px;
}

.catalog-product-home a {
	text-decoration: none;
	color: var(--white-one);
	outline: none;
}

/* SECTION PRODUCT HOME END */

/* SECTION AWARDS CERTIFICATIONS HOME START */
.section-awards-certifications {
	width: 100%;
	min-height: 320px;
	height: auto;
	background: var(--white-one);
	/* padding: 76px 0px 64px 0px; */
	padding: 118px 0px 100px 0px;
	overflow: hidden;
}

.icons-awards {
	width: 58px;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-left: 18px;
}

.title-awards-certificates {
	width: auto;
	height: auto;
}

.title-awards-certificates h2 {
	font: 500 31.24px/37.56px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 36px;
	text-align: left;
	letter-spacing: -0.45px;
}

.icons-awards img {
	max-width: 100%;
}

.title-awards-icon {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.desc-awards-caption {
	max-width: 74%;
	color: var(--gray-500);
	font: 500 21px/28px var(--font-geist);
}

.wrp-card-award {
	width: 100%;
	height: auto;
	padding: 0px 0px 4px 0px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 16px;
	justify-content: start;
	-ms-justify-content: start;
	-moz-justify-content: start;
	-webkit-justify-content: start;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.card-items-award {
	width: 256px;
	min-height: 248px;
	max-height: 248px;
	height: auto;
	padding: 20px 30px;
	border: 1px solid var(--gray-300);
	border-radius: 3px;
	text-decoration: none;
	color: var(--gray-500);
	font: 500 21px/28px var(--font-geist);
	display: flex !important;
	flex-wrap: wrap;
	flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-right: 18px;
	margin-left: 18px;
}

.title-award-years {
	width: 100%;
	height: auto;
	margin-bottom: 12px;
}

.title-award-years h3 {
	font: 500 31.24px/37.56px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 8px;
	text-align: left;
	letter-spacing: -0.45px;
}

.icon-arrow-awards {
	width: 24px;
	height: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.icon-arrow-awards img {
	max-width: 100%;
}

.home-pre-title h2 {
	font: 400 20.64px/27.64px var(--font-geist);
	color: var(--aqua-blue-400);
}

.title-desc-awards {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.title-awards-only {
	width: auto;
	max-width: 74%;
	height: auto;
}

.title-awards-only h3 {
	font: 400 20.64px/27.64px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 0px;
}

.separate-line {
	width: 100%;
	height: 1px;
	background: var(--gray-200);
	margin-top: 74px;
	margin-bottom: 76px;
}

.certified-descriptions {
	max-width: 74%;
	height: auto;
	color: var(--gray-500);
	font: 500 21px/28px var(--font-geist);
	text-align: left;
	padding-left: 16px;
}

.wrp-card-certified {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-top: 18px;
	margin-bottom: 24px;
}

.card-items-awards {
	width: 20%;
	height: auto;
	padding: 8px 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	border: 1px solid var(--gray-300);
}

.centered-items-award {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding: 8px 16px;

}

.centered-items-award img {
	max-width: 100%;
}

/* SECTION AWARDS CERTIFICATIONS HOME END */

/* SECTION ABOUT OVERVIEW HOME START */
.desc-overview-about {
	color: var(--gray-600);
	/* font: 500 21px/32px var(--font-geist); */
	font: 500 30px/38.5px var(--font-geist);
	padding-left: 64px;
	padding-right: 16px;
	letter-spacing: -0.48px;
	text-align: left !important;
}

.wrp-since {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
}

.since-year {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-top: 24px;
}

.since-year h3 {
	font: 500 46px/52px var(--font-geist);
	letter-spacing: -0.24px;
	margin-bottom: 0px;
	color: var(--gray-950);
}

.since-year h3 sub {
	position: relative;
	top: -1.5px;
	margin-left: 4px;
	font: 400 24.64px/30.64px var(--font-geist);
	color: var(--gray-950);
}

.year-and-cta {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-bottom: 16px;

}

.year-and-cta .wrp-cta-center {
	padding-top: 8px;
	padding-bottom: 24px;
}

/* Layout override for automotive title: vertical space-between */
.title-section-page.pointer-automotive {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

/* Ensure the inner blocks take full width but keep their own internal layout */
.title-section-page.pointer-automotive .wrp-since,
.title-section-page.pointer-automotive .year-and-cta {
	width: 100%;
}

.icon-about-overview {
	width: 56px;
	height: 56px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-right: 48px;
}

.icon-about-overview img {
	max-width: 100%;
	height: 100%;
	object-fit: fill;
}

.number-overview-icon {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-bottom: 16px;
}

/* SECTION ABOUT OVERVIEW HOME END */

/* SECTION TESTIMONIAL HOME START */

.section-testimonials {
	width: 100%;
	min-height: 320px;
	height: auto;
	background: #edfbfe;
	/* padding: 76px 0px 64px 0px; */
	padding: 118px 0px 115px 0px;
	margin-bottom: 16px;
}

.home-pre-title {
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 8px;
}

.home-pre-title h2 {
	font: 400 20.64px/27.64px var(--font-geist);
	color: var(--aqua-blue-400);
	text-transform: uppercase;
	margin-bottom: 18px;
}

.home-pre-title h3 {
	font: 500 31.24px/37.56px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 36px;
	letter-spacing: -0.24px;
	padding-right: 20px;
}

.wrp-carousel-testimonials {
	width: 100%;
	min-height: 210px;
	height: auto;
	position: relative;
	overflow: unset;
	padding: 24px 32px;
}

.card-testimonials {
	width: 1124px;
	height: auto;
	padding: 64px 48px 56px 48px;
	margin-left: 32px;
	margin-right: 32px;
	background: var(--white-one);
	border-radius: 6px;
	border: 1px solid var(--gray-100);
	box-shadow: 0 1px 10px rgba(151, 164, 175, .14);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .14);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .14);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .14);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
}

.slide-testimonials .slick-list {
	overflow: unset;
}

.wrp-testimonial {
	width: 100%;
	height: auto;
	padding: 0px 0px;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.img-author-testimonials {
	width: 96px;
	height: auto;
	border-radius: 18px;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	overflow: hidden;
	flex-shrink: 0;
}

.img-author-testimonials img {
	max-width: 100%;
	height: auto;
}

.author-testimonials {
	width: auto;
	height: auto;
	padding-left: 24px;
	font: 400 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-plus-jakarta);
	color: var(--gray-500);
	padding-bottom: 8px;
	text-align: left;
	padding-right: 49px;
	line-height: 152%;
}

.author-testimonials h4 {
	font: 600 23.64px/33.64px var(--font-geist);
	color: var(--gray-900);
	margin-bottom: 4px;
}

.desc-testimonials {
	width: auto;
	font: 400 23.64px/33.64px var(--font-geist);
	color: var(--gray-500);
	letter-spacing: -0.20px;
}

.desc-testimonials p {
	margin-bottom: 24px;
}

.desc-testimonials p b {
	font: 600 23.64px/33.64px var(--font-geist);
	color: var(--gray-900);
}

/* SECTION TESTIMONIAL HOME END */

/* FOOTER PAGE START */
.footer-section-cmw {
	width: 100%;
	background: var(--white-one);
	min-height: 320px;
	/* padding-top: 48px; */
	padding-top: 56px;
	/* padding-bottom: 64px; */
	padding-bottom: 72px;
	position: relative;
	overflow: hidden;
}

.footer-brand {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.footer-brand .logo-brand {
	width: 202px;
	height: auto;
	margin-left: 0px;
}

.addres-company {
	width: 100%;
	height: auto;
	margin-top: 24px;
}


.desc-addres-company {
	width: 100%;
	height: auto;
	font: 400 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-plus-jakarta);
	color: var(--gray-500);
	padding-bottom: 8px;
	text-align: left;
	padding-right: 49px;
	line-height: 152%;
}

.footer-label {
	width: 100%;
	height: auto;
	font: normal 400 14.56px/17.24px var(--font-plus-jakarta);
	line-height: 136%;
	color: var(--gray-500);
	letter-spacing: 0.24px;
	padding: 15px 0px;
}

.footer-label.dua {
	padding-top: 46px;
}

.show-hide-kit {
	width: auto;
	height: auto;
	font: normal 400 14.56px/17.24px var(--font-plus-jakarta);
	color: var(--gray-500);
	padding-bottom: 8px;
	text-align: left;
	padding-right: 30px;
	line-height: 152%;
}

.show-hide-kit h4 {
	font: 600 20.64px/27.64px var(--font-geist);
	color: var(--gray-800);
	margin-bottom: 8px;
	letter-spacing: 0.32px;
	width: fit-content;
}

.show-hide-kit h2 {
	font: 600 20.64px/27.64px var(--font-geist);
	color: var(--gray-800);
	margin-bottom: 8px;
	letter-spacing: 0.32px;
	width: fit-content;
}

.label-title-footer {
	height: auto;
	width: fit-content;
}

.label-title-footer h4 {
	font: 600 20.24px/27.64px var(--font-geist);
	color: var(--gray-800);
	margin-bottom: 18px;
	letter-spacing: -0.40px;
	width: fit-content;
}

.label-title-footer h2 {
	font: 600 20.24px/27.64px var(--font-geist);
	color: var(--gray-800);
	margin-bottom: 18px;
	letter-spacing: -0.40px;
	width: fit-content;
}

.item-link-footer {
	width: 100%;
	height: auto;
	padding: 0px 0px;
}

.item-link-footer ul {
	padding-left: 0px;
	list-style: none;
}

.item-link-footer ul li {
	padding: 8.6px 0px 8.6px 0px;
}

.item-link-footer ul li a {
	font: normal 400 18/24.24px var(--font-plus-jakarta);
	color: var(--gray-500);
	text-align: left;
	line-height: normal;
	margin-bottom: 0px;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.item-link-footer ul li a:hover {
	text-decoration: none;
	outline: none;
	color: var(--aqua-blue-400);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.label-title-footer a {
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.icon-expand-link {
	width: 16px;
	height: auto;
	/* margin-left: 6px; */
}

.icon-expand-link svg {
	max-width: 100%;
}

.icon-expand-link svg .cls-2 {
	fill: none;
	stroke-width: 0px;
}

.icon-expand-link svg .cls-1 {
	fill: var(--gray-950);
	stroke-width: 0px;
}

.label-title-footer a h4 {
	margin-bottom: 10px;
	margin-top: 10px;
	padding-right: 10px;
	text-align: left;
}

.label-title-footer .icon-expand-link {
	margin-bottom: 20px;
	margin-left: 10px;
}

.desc-matric-right {
	padding-left: 24px;
	color: var(--gray-500);
	font: 400 23.64px/33.64px var(--font-geist);
}

.title-matric-value {
	width: 100%;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	padding-right: 64px;
}

.left-value-numbers {
	max-width: 80%;
}

.desc-matrics-paragraph {
	color: var(--gray-500);
	font: 500 21px/28px var(--font-geist);
	padding-right: 64px;
}

.icon-matrics {
	width: 64px;
	height: 64px;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.title-center-section {
	width: 100%;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	text-align: center;
	padding-top: 96px;
	padding-bottom: 18px;
}

.title-center-section h2 {
	font: 500 31.24px/37.56px var(--font-geist);
	color: var(--gray-950);
	margin-bottom: 16px;
	text-align: center;
	letter-spacing: -0.45px;
}

.paragraph-center-section {
	width: 100%;
	color: var(--gray-500);
	font: 500 21px/28px var(--font-geist);
	text-align: center;
	padding-left: 32px;
	padding-right: 32px;
	padding-bottom: 24px;
}

.paragraph-left-section {
	width: 100%;
	color: var(--gray-500);
	font: 500 21px/28px var(--font-geist);
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 24px;
	letter-spacing: -0.40px;
}

.card-other-pages {
	width: 100%;
	height: auto;
	min-height: 124px;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	position: relative;
	background-color: hsla(202, 68%, 90%, 1);
	background-image:
		radial-gradient(at 17% 34%, hsla(206, 93%, 94%, 1) 0px, transparent 50%),
		radial-gradient(at 53% 76%, hsla(204, 94%, 93%, 1) 0px, transparent 50%),
		radial-gradient(at 48% 11%, hsla(200, 84%, 84%, 1) 0px, transparent 50%),
		radial-gradient(at 23% 5%, hsla(209, 93%, 83%, 1) 0px, transparent 50%),
		radial-gradient(at 62% 89%, hsla(210, 95%, 85%, 1) 0px, transparent 50%),
		radial-gradient(at 48% 36%, hsla(206, 93%, 88%, 1) 0px, transparent 50%),
		radial-gradient(at 57% 82%, hsla(209, 80%, 83%, 1) 0px, transparent 50%);
	border-radius: 6px;
	overflow: hidden;
}

.icon-matrics img {
	max-width: 100%;
}

.card-award-pages {
	width: 100%;
	height: auto;
	min-height: 124px;
	display: flex;
	flex-direction: column;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	position: relative;
	background: var(--white-one);
	border-radius: 6px;
	overflow: hidden;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.card-award-pages:hover {
	background-color: hsla(202, 68%, 90%, 1);
	background-image:
		radial-gradient(at 17% 34%, hsla(206, 93%, 94%, 1) 0px, transparent 50%),
		radial-gradient(at 53% 76%, hsla(204, 94%, 93%, 1) 0px, transparent 50%),
		radial-gradient(at 48% 11%, hsla(200, 84%, 84%, 1) 0px, transparent 50%),
		radial-gradient(at 23% 5%, hsla(209, 93%, 83%, 1) 0px, transparent 50%),
		radial-gradient(at 62% 89%, hsla(210, 95%, 85%, 1) 0px, transparent 50%),
		radial-gradient(at 48% 36%, hsla(206, 93%, 88%, 1) 0px, transparent 50%),
		radial-gradient(at 57% 82%, hsla(209, 80%, 83%, 1) 0px, transparent 50%);
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.thumbnail-award-nomination {
	width: 100%;
	height: auto;
	border-radius: 6px;
	overflow: hidden;
}

.certification-or-award {
	width: 96%;
	height: auto;
	position: absolute;
	color: var(--gray-300);
	/* border: 1px solid #cf0000; */
	z-index: 4;
	top: 15px;
	left: 15px;
	visibility: hidden;
}

.certification-or-award p {
	margin-bottom: 0px;
}

.thumbnail-award-nomination img {
	width: 100%;
	height: auto;
}

.title-nomination {
	width: 100%;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	-o-justify-content: center;
	flex-direction: column;
	padding: 15px 0px;
}

.card-award-pages:hover .title-nomination {
	padding: 15px 15px;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.title-card-vision-mission-value {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 2;
	padding: 6px 18px;
}

.title-card-vision-mission-value h3 {
	/* font: 400 18.64px/23.64px var(--font-geist); */
	font: 400 15px/19.64px var(--font-geist);
	color: var(--aqua-blue-400);
	text-transform: uppercase;
	margin-bottom: 5px;
}

.card-award-pages {
	text-decoration: none;
}

.wrp-filter-year {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	-ms-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

/* DROPDOWN FILTER YEAR */
.filter-year-dropdown {
	position: relative;
	display: inline-block;
	font-family: var(--font-plus-jakarta), sans-serif;
	margin-top: 10px;
	margin-bottom: 30px;
}

.filter-year-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 10px 20px;
	border-radius: 50px;
	border: 1px solid #e5e7eb;
	background-color: #ffffff;
	color: #6b7280;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	min-width: 140px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	outline: none;
}


.filter-year-toggle:hover {
	background-color: #f9fafb;
	border-color: #d1d5db;
	color: #1f2937;
}

.filter-year-menu {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	margin-top: 6px;
	background-color: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
	z-index: 100;
	min-width: 160px;
	max-height: 250px;
	overflow-y: auto;
	padding: 6px 0;
}

.filter-year-menu.show {
	display: block;
}

.filter-year-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding: 8px 16px;
	border: none;
	background: none;
	text-align: left;
	font-size: 14px;
	color: #6b7280;
	cursor: pointer;
	transition: all 0.2s ease;
	outline: none;
}

.filter-year-item:hover {
	background-color: #f3f4f6;
	color: #1f2937;
}

.filter-year-item.active {
	color: #034ea1;
	font-weight: 600;
}

.filter-year-item .checkmark-icon {
	display: none;
	width: 14px;
	height: 14px;
	color: #034ea1;
}

.filter-year-item.active .checkmark-icon {
	display: inline-block;
}

/* EMPTY STATE FILTER */
.award-empty-state {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 80px 20px;
	width: 100%;
}

.award-empty-state .empty-icon {
	width: 64px;
	height: 64px;
	color: #9ca3af;
	margin-bottom: 20px;
	animation: floatWeb 3.5s ease-in-out infinite;
}

.award-empty-state h3 {
	font: normal 600 22px/28px var(--font-plus-jakarta);
	color: var(--gray-900);
	margin-bottom: 8px;
}

.award-empty-state p {
	font: normal 400 15px/22px var(--font-geist);
	color: var(--gray-500);
	max-width: 480px;
	margin: 0 auto;
}

@keyframes floatWeb {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-8px);
	}
}

/* FILTER CHIPS FOR AWARDS & CERTIFICATIONS */
.award-filter-container {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
	margin-bottom: 30px;
}

.filter-chip {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	padding: 8px 18px;
	border-radius: 50px;
	font-family: var(--font-plus-jakarta), sans-serif;
	font-size: 14px;
	font-weight: 500;
	border: 1px solid #e5e7eb;
	background-color: #f3f4f6;
	color: #6b7280;
	cursor: pointer;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	outline: none;
}

.filter-chip:hover {
	background-color: #e5e7eb;
	color: #4b5563;
}

.filter-chip.active {
	background-color: #034ea1;
	color: #ffffff;
	border-color: #034ea1;
}

.filter-chip.active:hover {
	background-color: #023d82;
	border-color: #023d82;
}

.filter-chip .checkmark-icon {
	display: none;
	width: 14px;
	height: 14px;
	color: #ffffff;
}

.filter-chip.active .checkmark-icon {
	display: inline-block;
}

.nominate-categories {
	width: 100%;
	color: var(--gray-500);
}

.nominate-year {
	width: 100%;
	color: var(--gray-500);
}

.title-nomination-text {
	padding-right: 8px;
}

.title-nomination-text h2 {
	color: var(--gray-950);
	font: normal 500 24.86px / 32.5px var(--font-plus-jakarta);
	letter-spacing: -0.75px;
	text-decoration: none;
}

.nominate-year {
	width: 100%;
}

.title-card-vision-mission-value h2 {
	/* font: 400 26.64px/32.64px var(--font-geist); */
	font: 400 23.32px/28.64px var(--font-geist);
	color: var(--gray-900);
	margin-bottom: 16px;
	text-align: left;
	letter-spacing: -0.45px;
}

.icon-vision-mission-value {
	width: 136px;
	height: auto;
	position: absolute;
	top: 48px;
	bottom: unset;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 2;
}

.icon-vision-mission-value img {
	max-width: 100%;
}

.card-other-bg {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
	border: 1px solid var(--gray-200);
	border-radius: 4.6px;
	overflow: hidden;
}

.card-other-bg img {
	max-width: 100%;
}

.left-value-numbers {
	height: auto;
	padding-bottom: 18px;
	padding-top: 18px;
}

.left-value-numbers h2 {
	font: 500 64px/71px var(--font-geist);
	color: var(--aqua-blue-400);
}

.left-value-numbers h5 {
	font: 400 20.64px/27.64px var(--font-geist);
	color: var(--aqua-blue-400);
	text-transform: uppercase;
	margin-bottom: 5px;
}

.section-matrics-company {
	width: 100%;
	padding: 64px 0px 24px 0px;
}

.title-card-product-explore {
	width: 100%;
	height: auto;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	z-index: 2;
	padding: 6px 15px 6px 18px;
}

.title-card-product-explore h3 {
	/* font: 400 18px/23.64px var(--font-geist); */
	font: 400 15px/19.64px var(--font-geist);
	color: var(--white-one);
	text-transform: uppercase;
	margin-bottom: 5px;
	letter-spacing: 0.015px;
}


.title-card-product-explore h2 {
	font: 400 26px/32.64px var(--font-geist);
	color: var(--gray-100);
	margin-bottom: 16px;
	text-align: left;
	letter-spacing: -0.56px;
}

.row-card-award .col-lg-11 .gutter--24 .col-xl-3 {
	margin-bottom: 24px;
}

.card-gradient-bg-product {
	width: 137%;
	height: 76%;
	position: absolute;
	top: 0;
	bottom: -43%;
	right: 0;
	left: -39px;
	margin: auto;
	z-index: 2;
	background-color: hsla(224, 100%, 80%, 0);
	background-image:
		radial-gradient(at 1% 15%, hsla(207, 95%, 50%, 0) 0px, transparent 50%),
		radial-gradient(at 20% 69%, hsla(220, 98%, 60%, 1) 0px, transparent 50%),
		radial-gradient(at 8% 67%, hsla(224, 94%, 55%, 1) 0px, transparent 50%),
		radial-gradient(at 69% 86%, hsla(207, 95%, 50%, 0.1) 0px, transparent 50%),
		radial-gradient(at 38% 100%, hsla(222, 98%, 62%, 1) 0px, transparent 50%),
		radial-gradient(at 89% 93%, hsla(207, 95%, 50%, 1) 0px, transparent 50%),
		radial-gradient(at 90% 77%, hsla(207, 95%, 50%, 0.1) 0px, transparent 50%);
	transform: rotate(10deg);
}

.card-to-other-pages {
	padding-top: 15px;
	padding-bottom: 52px;
}

.card-product-explore {
	width: 100%;
	height: auto;
	min-height: 124px;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	position: relative;
	overflow: hidden;
	border-radius: 6px;
}

.card-other-thumbnail {
	width: 100%;
	height: auto;
	position: relative;
	z-index: 1;
	border: 1px solid var(--gray-200);
	border-radius: 4.6px;
	overflow: hidden;
}

.card-other-thumbnail img {
	max-width: 100%;
}

/* SOCIAL NETWORK CORPORATE CIRCLE START*/
.social-network-corporate {
	font: normal clamp(0.8125rem, 0.7203rem + 0.4609vw, 1.0775rem) var(--font-plus-jakarta);
	min-height: 32px;
	height: auto;
	color: var(--gray-500);
	letter-spacing: 0.24px;
}

.socmed-circle {
	width: 32px;
	height: 32px;
	background: #d9d9e4;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
}

.social-network-corporate ul {
	width: auto;
	padding-left: 0px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5px;
}

.social-network-corporate ul li:first-child {
	padding-left: 0px;
}

.social-network-corporate ul li {
	padding: 6px 5px;
	padding-left: 5px;
	list-style: none;
	display: inline-block;
}

.dialog-all-menu .social-network-corporate {
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.dialog-all-menu .social-network-corporate .show-hide-kit h4 {
	margin-bottom: 1px;
}

.dialog-all-menu .social-network-corporate .show-hide-kit h2 {
	margin-bottom: 1px;
}

.social-network-corporate ul li .socmed-circle.socmed-facebook {
	background: #5a79bc;
	border: 1px solid #5a79bc;
}

.social-network-corporate ul li .socmed-circle.socmed-facebook svg {
	width: 16px;
	fill: #fff;
}

.social-network-corporate ul li .socmed-circle.socmed-facebook:hover {
	background: #415DA1;
	border: 1px solid #415DA1;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.socmed-circle.socmed-facebook:hover svg {
	fill: #fff;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.social-network-corporate ul li .socmed-circle.socmed-twitter {
	/* background: #e4e5e8;
	border: 1px solid #e4e5e8; */
	background: #24292F;
	border: 1px solid #24292F;
}

.social-network-corporate ul li .socmed-circle.socmed-twitter svg {
	width: 13px;
	fill: #fff;
}

.social-network-corporate ul li .socmed-circle.socmed-twitter:hover {
	/* background: #24292F;
	border: 1px solid #24292F; */
	background: #121721;
	border: 1px solid #121721;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.socmed-circle.socmed-twitter:hover svg {
	fill: #fff;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.social-network-corporate ul li .socmed-circle.socmed-instagram {
	/* background: #ffe7f6;
	border: 1px solid #ffe7f6; */
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram svg {
	width: 16px;
	fill: #fff !important;
}

.social-network-corporate ul li .socmed-circle.socmed-instagram svg path.st0 {
	fill: #fff;
}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-1 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-2 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-3 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-4 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-5 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-6 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-7 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-8 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-9 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-10 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-1 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-2 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-3 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-4 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-three-1 {
	stop-color: #fff;
}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-three-2 {
	stop-color: #fff;
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share {
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
	background-clip: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
	border: 1px solid transparent;
	border-image: linear-gradient(45deg, rgb(254, 219, 22) 0%, rgb(144, 0, 220) 100%);
	border: double 1px transparent;
	background-origin: border-box;
	background-clip: content-box, border-box;
	border-radius: 20px;
	/* -webkit-transition: 0.5s;
	-o-transition: 0.5s; */
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-3 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-4 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-5 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-6 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-7 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-8 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-9 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-10 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-3 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-4 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-three-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-three-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

/* .social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
} */

.social-network-corporate ul li .socmed-circle.socmed-wa {
	background: #e7fff2;
	border: 1px solid #e7fff2;
}

.social-network-corporate ul li .socmed-circle.socmed-wa svg {
	width: 16px;
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #1bd741;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.social-network-corporate ul li .socmed-circle.socmed-wa:hover {
	background: #1bd741;
	border: 1px solid #1bd741;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.socmed-circle.socmed-wa:hover svg path.st0 {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: var(--white-one);
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.social-network-corporate ul li .socmed-circle.socmed-youtube {
	background: #ff0000;
	border: 1px solid #ff0000;
}

.social-network-corporate ul li .socmed-circle.socmed-youtube svg {
	width: 16px;
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #fff;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.social-network-corporate ul li .socmed-circle.socmed-youtube:hover {
	background: #DB0012;
	border: 1px solid #DB0012;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.socmed-circle.socmed-youtube:hover svg path.st0 {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: var(--white-one);
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.socmed-circle .img-icon-socmed-share {
	width: 100%;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	padding: 6px 7px;
	min-height: 40px;
}

.socmed-circle.socmed-twitter .img-icon-socmed-share {
	width: 100%;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	padding: 6px 8.5px;
	min-height: 40px;
}

/* SOCIAL NETWORK CORPORATE CIRCLE END*/

.content-copyright {
	font: normal 400 13.64/21px var(--font-plus-jakarta);
	color: var(--gray-500);
	letter-spacing: 0.24px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	-ms-justify-content: start;
	-moz-justify-content: start;
	-webkit-justify-content: start;
}

.content-copyright p {
	margin-bottom: 0px;
}

.items-ccenter-terms {
	width: 100%;
	display: flex;
	justify-content: end;
	-ms-justify-content: end;
	-moz-justify-content: end;
	-webkit-justify-content: end;
}


.items-ccenter-terms ul {
	list-style: none;
	margin-bottom: 0px;
	width: auto;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-left: 0px;
	gap: 24px;
}


.items-ccenter-terms ul li a {
	font: normal 400 13.64/21px var(--font-plus-jakarta);
	color: var(--gray-500);
	letter-spacing: 0.24px;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.items-ccenter-terms ul li a:hover {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	color: var(--aqua-blue-400);
}

/* FOOTER PAGE END */

/* MEDIA 1920 START */
@media only screen and (min-width: 1920px) and (max-width: 1920px) {
	body {
		overflow-x: clip;
		display: block;
		font-family: 'Plus Jakarta Sans', sans-serif;
		background: var(--white-one);
		color: var(--gray-800);
		box-sizing: border-box;

		&::-webkit-scrollbar {
			height: 6px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-button {
			height: 10px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-thumb {
			background: var(--gray-400);
			border-radius: 4px;
			height: 16px !important;
			top: 10px;
			position: relative;
			left: -10px;
		}
	}

	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}

	.cmw-container {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1180 DEVICES LANDSCAPE START */
	.logo-brand {
		width: 92px;
		margin-left: 14px;
	}

	.navbar-items-menu {
		width: 86%;
	}

	.navbar-gradients {
		min-height: 18px;
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		z-index: 9;
	}

	.wrp-nav-item {
		min-width: 820px;
	}

	.icon-18 {
		margin-right: 6px;
		margin-top: 1.4px;
	}

	.navbar-items-menu ul li a {
		font-size: 400 11px/15px var(--font-geist);
		padding-left: 2.5px;
		padding-right: 2.5px;
	}

	.btn-all-menu .text-nav {
		display: none;
	}

	.navbar-desc {
		width: 100%;
		margin: 0 auto;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	.cmw-container {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1920 DEVICES LANDSCAPE START */

	/* ALL MENU DIALOG 1920 DEVICES START  */
	.dialog-all-menu {
		padding: 10px 5px 20px 5px;
	}

	.bar-allmenu {
		background: var(--white-one);
		padding: 6px 0px 32px 0px;
	}

	.featured-product-navigations {
		padding: 48px 0px 8px 0px;
	}

	.footer-label.dua {
		padding-top: 64px;
	}

	/* ALL MENU DIALOG 1920 DEVICES START  */

	/* DIALOG SEARCH 1920 DEVICES LANDSCAPE START */
	.card-search-dialog {
		width: 1320px;
	}

	.card-search-link {
		width: 1320px;
	}

	.text-item-all {
		width: 89.15%;
		text-align: left;
	}

	/* DIALOG SEARCH 1920 DEVICES LANDSCAPE START */

	/* SECTION TESTIMONIAL HOME 1920 DEVICES START */
	.section-testimonials {
		overflow-x: hidden;
	}

	/* SECTION TESTIMONIAL HOME 1920 DEVICES END */
	/* SECTION SUSTAINABILITY HOME 1920 DEVICES START  */
	.section-sustainability-home {
		overflow: hidden;
	}

	/* SECTION SUSTAINABILITY HOME 1920 DEVICES END  */

	.content-caption-hero {
		width: 52.56%;
	}

	.container-slide-caption {
		max-width: 1320px;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 74px;
	}

	.content-caption-hero {
		width: 46.46%
	}

	.desc-overview-about {
		font: 500 29.64px/40px var(--font-geist);
		padding-left: 15px;
		padding-right: 10px;
	}

	.section-about-home .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* SECTION HERO IMAGES HOME 1920 START */
	.content-caption-hero h1 {
		font: 700 45px/53px var(--font-geist);
		letter-spacing: -0.48px;
	}

	.content-caption-hero {
		font: 500 22.24px/29px var(--font-geist);
	}

	/* SECTION HERO IMAGES HOME 1920 END */
	/* SECTION KEY NUMBERS HOME 1920 START  */
	.section-key-numbers-home .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	.explanation-text {
		font: 500 20.24px/29px var(--font-geist);
	}

	.content-plant-factories {
		font: 500 20.24px/29px var(--font-geist);
	}

	/* SECTION KEY NUMBERS HOME 1920 END  */
	/* SECTION PRODUCT HOME 1920 START */
	.section-product-home .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* SECTION PRODUCT HOME 1920 END */

	/*  SECTION SUSTAINABILITY HOME 1920 START  */
	.section-sustainability-home .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/*  SECTION SUSTAINABILITY HOME 1920 START  */

	/*  SECTION NEWS ROOM HOME 1920 START */
	.section-news-home .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/*  SECTION NEWS ROOM HOME 1920 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1920 START */
	.section-testimonials .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1920 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1920 START  */
	.section-awards-certifications .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1920 END  */

	/* FOOTER PAGE 1920 START */
	.footer-section-cmw .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* FOOTER PAGE 1920 END */
}

/* MEDIA 1920 END */
/* MEDIA 1681-1792 START */
@media only screen and (min-width: 1681px) and (max-width: 1792px) and (orientation: landscape) {
	body {
		overflow-x: clip;
		display: block;
		font-family: 'Plus Jakarta Sans', sans-serif;
		background: var(--white-one);
		color: var(--gray-800);
		box-sizing: border-box;

		&::-webkit-scrollbar {
			height: 6px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-button {
			height: 10px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-thumb {
			background: var(--gray-400);
			border-radius: 4px;
			height: 16px !important;
			top: 10px;
			position: relative;
			left: -10px;
		}
	}

	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}

	.cmw-container {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1180 DEVICES LANDSCAPE START */
	.logo-brand {
		width: 92px;
		margin-left: 14px;
	}

	.navbar-items-menu {
		width: 86%;
	}

	.navbar-gradients {
		min-height: 18px;
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		z-index: 9;
	}

	.wrp-nav-item {
		min-width: 786px;
	}

	.icon-18 {
		margin-right: 6px;
		margin-top: 1.4px;
	}

	.navbar-items-menu ul li a {
		font-size: 400 11px/15px var(--font-geist);
		padding-left: 2.5px;
		padding-right: 2.5px;
	}

	.btn-all-menu .text-nav {
		display: none;
	}

	.navbar-desc {
		width: 100%;
		margin: 0 auto;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	.cmw-container {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1681-1792 DEVICES LANDSCAPE START */

	/* ALL MENU DIALOG 1681-1792 DEVICES START  */
	.dialog-all-menu {
		padding: 10px 5px 20px 5px;
	}

	/* ALL MENU DIALOG 1681-1792 DEVICES START  */

	/* DIALOG SEARCH 1681-1792 DEVICES LANDSCAPE START */
	.card-search-dialog {
		width: 100%;
	}

	.card-search-link {
		width: 100%;
	}

	.text-item-all {
		width: 89.15%;
		text-align: left;
	}

	/* DIALOG SEARCH 1681-1792 DEVICES LANDSCAPE START */

	/* SECTION TESTIMONIAL HOME 1681-1792 DEVICES START */
	.section-testimonials {
		overflow-x: hidden;
	}

	/* SECTION TESTIMONIAL HOME 1681-1792 DEVICES END */
	/* SECTION SUSTAINABILITY HOME 1681-1792 DEVICES START  */
	.section-sustainability-home {
		overflow: hidden;
	}

	/* SECTION SUSTAINABILITY HOME 1681-1792 DEVICES END  */

	.content-caption-hero {
		width: 52.56%;
	}

	.container-slide-caption {
		max-width: 1320px;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 74px;
	}

	.content-caption-hero {
		width: 46.46%
	}

	.desc-overview-about {
		font: 500 28px/36px var(--font-geist);
		padding-left: 15px;
		padding-right: 10px;
	}

	.section-about-home .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* SECTION KEY NUMBERS HOME 1681-1792 START  */
	.section-key-numbers-home .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* SECTION KEY NUMBERS HOME 1681-1792 END  */
	/* SECTION PRODUCT HOME 1681-1792 START */
	.section-product-home .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* SECTION PRODUCT HOME 1681-1792 END */

	/*  SECTION SUSTAINABILITY HOME 1681-1792 START  */
	.section-sustainability-home .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/*  SECTION SUSTAINABILITY HOME 1681-1792 START  */

	/*  SECTION NEWS ROOM HOME 1681-1792 START */
	.section-news-home .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/*  SECTION NEWS ROOM HOME 1681-1792 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1681-1792 START */
	.section-testimonials .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1681-1792 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1681-1792 START  */
	.section-awards-certifications .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1681-1792 END  */

	/* FOOTER PAGE 1681-1792 START */
	.footer-section-cmw .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* FOOTER PAGE 1681-1792 END */
}

/* MEDIA 1681-1792 END */

/* MEDIA 1512-1582 START */
@media only screen and (min-width: 1512px) and (max-width: 1582px) and (orientation: landscape) {
	body {
		overflow-x: clip;
		display: block;
		font-family: 'Plus Jakarta Sans', sans-serif;
		background: var(--white-one);
		color: var(--gray-800);
		box-sizing: border-box;

		&::-webkit-scrollbar {
			height: 6px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-button {
			height: 10px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-thumb {
			background: var(--gray-400);
			border-radius: 4px;
			height: 16px !important;
			top: 10px;
			position: relative;
			left: -10px;
		}
	}

	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}

	.cmw-container {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1180 DEVICES LANDSCAPE START */
	.logo-brand {
		width: 92px;
		margin-left: 14px;
	}

	.navbar-items-menu {
		width: 86%;
	}

	.navbar-gradients {
		min-height: 18px;
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		z-index: 9;
	}

	.wrp-nav-item {
		/* min-width: 786px; */
		min-width: 820px;
	}

	.icon-18 {
		margin-right: 6px;
		margin-top: 1.4px;
	}

	.navbar-items-menu ul li a {
		font-size: 400 11px/15px var(--font-geist);
		padding-left: 2.5px;
		padding-right: 2.5px;
	}

	.btn-all-menu .text-nav {
		display: none;
	}

	.navbar-desc {
		width: 100%;
		margin: 0 auto;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	.cmw-container {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1512-1582 DEVICES LANDSCAPE START */

	/* ALL MENU DIALOG 1512-1582 DEVICES START  */
	.dialog-all-menu {
		padding: 10px 5px 20px 5px;
	}

	/* ALL MENU DIALOG 1512-1582 DEVICES START  */

	/* DIALOG SEARCH 1512-1582 DEVICES LANDSCAPE START */
	.card-search-dialog {
		max-width: 1220px;
	}

	.card-search-link {
		width: 100%;
	}

	.text-item-all {
		width: 89.15%;
		text-align: left;
	}

	/* DIALOG SEARCH 1512-1582 DEVICES LANDSCAPE START */

	/* SECTION TESTIMONIAL HOME 1512-1582 DEVICES START */
	.section-testimonials {
		overflow-x: hidden;
	}

	/* SECTION TESTIMONIAL HOME 1512-1582 DEVICES END */
	/* SECTION SUSTAINABILITY HOME 1512-1582 DEVICES START  */
	.section-sustainability-home {
		overflow: hidden;
	}

	/* SECTION SUSTAINABILITY HOME 1512-1582 DEVICES END  */

	.content-caption-hero {
		width: 52.56%;
	}

	.container-slide-caption {
		max-width: 1320px;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 74px;
	}

	.content-caption-hero {
		width: 46.46%
	}

	.desc-overview-about {
		font: 500 23.64px/33px var(--font-geist);
		padding-left: 15px;
		padding-right: 10px;
	}

	.section-about-home .center-container.container.px-0 {
		/* max-width: 1320px; */
		max-width: 1220px;
		margin: 0 auto;
	}

	/* SECTION KEY NUMBERS HOME 1512-1582 START  */
	.section-key-numbers-home .center-container.container.px-0 {
		/* max-width: 1320px; */
		margin: 0 auto;
	}

	/* SECTION KEY NUMBERS HOME 1512-1582 END  */
	/* SECTION PRODUCT HOME 1512-1582 START */
	.section-product-home .center-container.container.px-0 {
		max-width: 1320px;
		max-width: 1220px;
		margin: 0 auto;
	}

	/* SECTION PRODUCT HOME 1512-1582 END */

	/*  SECTION SUSTAINABILITY HOME 1512-1582 START  */
	.section-sustainability-home .center-container.container.px-0 {
		/* max-width: 1320px; */
		max-width: 1220px;
		margin: 0 auto;
	}

	/*  SECTION SUSTAINABILITY HOME 1512-1582 START  */

	/*  SECTION NEWS ROOM HOME 1512-1582 START */
	.section-news-home .center-container.container.px-0 {
		/* max-width: 1320px; */
		max-width: 1220px;
		margin: 0 auto;
	}

	/*  SECTION NEWS ROOM HOME 1512-1582 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1512-1582 START */
	.section-testimonials .center-container.container.px-0 {
		/* max-width: 1320px; */
		max-width: 1220px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1512-1582 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1512-1582 START  */
	.section-awards-certifications .center-container.container.px-0 {
		/* max-width: 1320px; */
		max-width: 1220px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1512-1582 END  */

	/* FOOTER PAGE 1512-1582 START */
	.footer-section-cmw .center-container.container.px-0 {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* FOOTER PAGE 1512-1582 END */
}


/* MEDIA 1440 START */
@media only screen and (min-width: 1440px) and (max-width: 1440px) and (orientation: landscape) {
	body {
		overflow-x: clip;
		display: block;
		font-family: 'Plus Jakarta Sans', sans-serif;
		background: var(--white-one);
		color: var(--gray-800);
		box-sizing: border-box;

		&::-webkit-scrollbar {
			height: 6px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-button {
			height: 10px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-thumb {
			background: var(--gray-400);
			border-radius: 4px;
			height: 16px !important;
			top: 10px;
			position: relative;
			left: -10px;
		}
	}

	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}

	.cmw-container {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1180 DEVICES LANDSCAPE START */
	.logo-brand {
		width: 92px;
		margin-left: 14px;
	}

	.navbar-items-menu {
		width: 86%;
	}

	.navbar-gradients {
		min-height: 18px;
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		z-index: 9;
	}

	.wrp-nav-item {
		min-width: 820px;
	}

	.icon-18 {
		margin-right: 6px;
		margin-top: 1.4px;
	}

	.navbar-items-menu ul li a {
		font-size: 400 11px/15px var(--font-geist);
		padding-left: 2.5px;
		padding-right: 2.5px;
	}

	.btn-all-menu .text-nav {
		display: none;
	}

	.navbar-desc {
		width: 100%;
		margin: 0 auto;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	.cmw-container {
		max-width: 1320px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1440 DEVICES LANDSCAPE START */

	/* ALL MENU DIALOG 1440 DEVICES START  */
	.dialog-all-menu {
		padding: 10px 5px 20px 5px;
	}

	/* ALL MENU DIALOG 1440 DEVICES START  */

	/* DIALOG SEARCH 1440 DEVICES LANDSCAPE START */
	.card-search-dialog {
		width: 1320px;
	}

	.card-search-link {
		width: 100%;
	}

	.text-item-all {
		width: 89.15%;
		text-align: left;
	}

	/* DIALOG SEARCH 1440 DEVICES LANDSCAPE START */

	/* SECTION TESTIMONIAL HOME 1440 DEVICES START */
	.section-testimonials {
		overflow-x: hidden;
	}

	/* SECTION TESTIMONIAL HOME 1440 DEVICES END */
	/* SECTION SUSTAINABILITY HOME 1440 DEVICES START  */
	.section-sustainability-home {
		overflow: hidden;
	}

	/* SECTION SUSTAINABILITY HOME 1440 DEVICES END  */

	.content-caption-hero {
		width: 52.56%;
	}

	.container-slide-caption {
		max-width: 1320px;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 74px;
	}

	.content-caption-hero {
		width: 46.46%
	}

	.desc-overview-about {
		font: 500 28px/36px var(--font-geist);
		padding-left: 15px;
		padding-right: 10px;
	}

	.section-about-home .center-container.container.px-0 {
		/* max-width: 1320px; */
		max-width: 1220px;
		margin: 0 auto;
	}

	/* SECTION KEY NUMBERS HOME 1440 START  */
	.section-key-numbers-home .center-container.container.px-0 {
		/* max-width: 1320px; */
		max-width: 1220px;
		margin: 0 auto;
	}

	/* SECTION KEY NUMBERS HOME 1440 END  */
	/* SECTION PRODUCT HOME 1440 START */
	.section-product-home .center-container.container.px-0 {
		/* max-width: 1320px; */
		max-width: 1220px;
		margin: 0 auto;
	}

	/* SECTION PRODUCT HOME 1440 END */

	/*  SECTION SUSTAINABILITY HOME 1440 START  */
	.section-sustainability-home .center-container.container.px-0 {
		/* max-width: 1320px; */
		max-width: 1220px;
		margin: 0 auto;
	}

	/*  SECTION SUSTAINABILITY HOME 1440 START  */

	/*  SECTION NEWS ROOM HOME 1440 START */
	.section-news-home .center-container.container.px-0 {
		/* max-width: 1320px; */
		max-width: 1220px;
		margin: 0 auto;
	}

	/*  SECTION NEWS ROOM HOME 1440 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1440 START */
	.section-testimonials .center-container.container.px-0 {
		/* max-width: 1320px; */
		max-width: 1220px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1440 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1440 START  */
	.section-awards-certifications .center-container.container.px-0 {
		/* max-width: 1320px; */
		max-width: 1220px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1440 END  */

	/* FOOTER PAGE 1440 START */
	.footer-section-cmw .center-container.container.px-0 {
		/* max-width: 1320px; */
		max-width: 1220px;
		margin: 0 auto;
	}

	/* FOOTER PAGE 1440 END */
}

/* MEDIA 1440 END */

/* MEDIA 1360-1366 START */
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) {
	body {
		overflow-x: clip;
		display: block;
		font-family: 'Plus Jakarta Sans', sans-serif;
		background: var(--white-one);
		color: var(--gray-800);
		box-sizing: border-box;

		&::-webkit-scrollbar {
			height: 6px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-button {
			height: 10px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-thumb {
			background: var(--gray-400);
			border-radius: 4px;
			height: 16px !important;
			top: 10px;
			position: relative;
			left: -10px;
		}
	}

	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}

	.cmw-container {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1180 DEVICES LANDSCAPE START */
	.logo-brand {
		width: 92px;
		margin-left: 14px;
	}

	.navbar-items-menu {
		width: 86%;
	}

	.navbar-gradients {
		min-height: 18px;
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		z-index: 9;
	}

	.wrp-nav-item {
		min-width: 820px;
	}

	.icon-18 {
		margin-right: 6px;
		margin-top: 1.4px;
	}

	.navbar-items-menu ul li a {
		font-size: 400 11px/15px var(--font-geist);
		padding-left: 2.5px;
		padding-right: 2.5px;
	}

	.btn-all-menu .text-nav {
		display: none;
	}

	.navbar-desc {
		width: 100%;
		margin: 0 auto;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	.cmw-container {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1366 DEVICES LANDSCAPE START */

	/* ALL MENU DIALOG 1366 DEVICES START  */
	.dialog-all-menu {
		padding: 10px 5px 20px 5px;
	}

	/* ALL MENU DIALOG 1366 DEVICES START  */

	/* DIALOG SEARCH 1366 DEVICES LANDSCAPE START */
	.card-search-dialog {
		width: 100%;
	}

	.card-search-link {
		width: 100%;
	}

	.text-item-all {
		width: 89.15%;
		text-align: left;
	}

	/* DIALOG SEARCH 1366 DEVICES LANDSCAPE START */

	/* SECTION TESTIMONIAL HOME 1366 DEVICES START */
	.section-testimonials {
		overflow-x: hidden;
	}

	/* SECTION TESTIMONIAL HOME 1366 DEVICES END */
	/* SECTION SUSTAINABILITY HOME 1366 DEVICES START  */
	.section-sustainability-home {
		overflow: hidden;
	}

	/* SECTION SUSTAINABILITY HOME 1366 DEVICES END  */

	.content-caption-hero {
		width: 52.56%;
	}

	.container-slide-caption {
		max-width: 1140px;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 74px;
	}

	.content-caption-hero {
		width: 46.46%
	}

	.desc-overview-about {
		font: 500 28px/36px var(--font-geist);
		padding-left: 15px;
		padding-right: 10px;
	}

	.section-about-home .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* SECTION KEY NUMBERS HOME 1366 START  */
	.section-key-numbers-home .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* SECTION KEY NUMBERS HOME 1366 END  */
	/* SECTION PRODUCT HOME 1366 START */
	.section-product-home .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* SECTION PRODUCT HOME 1366 END */

	/*  SECTION SUSTAINABILITY HOME 1366 START  */
	.section-sustainability-home .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/*  SECTION SUSTAINABILITY HOME 1366 START  */

	/*  SECTION NEWS ROOM HOME 1366 START */
	.section-news-home .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/*  SECTION NEWS ROOM HOME 1366 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1366 START */
	.section-testimonials .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1366 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1366 START  */
	.section-awards-certifications .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1366 END  */

	/* FOOTER PAGE 1366 START */
	.footer-section-cmw .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* FOOTER PAGE 1366 END */
}

/* MEDIA 1360-1366 END */


/* MEDIA 1360-1366 START */
@media only screen and (min-width: 1360px) and (max-width: 1366px) and (orientation: landscape) {
	body {
		overflow-x: clip;
		display: block;
		font-family: 'Plus Jakarta Sans', sans-serif;
		background: var(--white-one);
		color: var(--gray-800);
		box-sizing: border-box;

		&::-webkit-scrollbar {
			height: 6px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-button {
			height: 10px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-thumb {
			background: var(--gray-400);
			border-radius: 4px;
			height: 16px !important;
			top: 10px;
			position: relative;
			left: -10px;
		}
	}

	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}

	.cmw-container {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1180 DEVICES LANDSCAPE START */
	.logo-brand {
		width: 92px;
		margin-left: 14px;
	}

	.navbar-items-menu {
		width: 86%;
	}

	.navbar-gradients {
		min-height: 18px;
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		z-index: 9;
	}

	.wrp-nav-item {
		min-width: 820px;
	}

	.icon-18 {
		margin-right: 6px;
		margin-top: 1.4px;
	}

	.navbar-items-menu ul li a {
		font-size: 400 11px/15px var(--font-geist);
		padding-left: 2.5px;
		padding-right: 2.5px;
	}

	.btn-all-menu .text-nav {
		display: none;
	}

	.navbar-desc {
		width: 100%;
		margin: 0 auto;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	.cmw-container {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1366 DEVICES LANDSCAPE START */

	/* ALL MENU DIALOG 1366 DEVICES START  */
	.dialog-all-menu {
		padding: 10px 5px 20px 5px;
	}

	/* ALL MENU DIALOG 1366 DEVICES START  */

	/* DIALOG SEARCH 1366 DEVICES LANDSCAPE START */
	.card-search-dialog {
		width: 1140px;
	}

	.card-search-link {
		width: 100%;
	}

	.text-item-all {
		width: 89.15%;
		text-align: left;
	}

	/* DIALOG SEARCH 1366 DEVICES LANDSCAPE START */

	/* SECTION TESTIMONIAL HOME 1366 DEVICES START */
	.section-testimonials {
		overflow-x: hidden;
	}

	/* SECTION TESTIMONIAL HOME 1366 DEVICES END */
	/* SECTION SUSTAINABILITY HOME 1366 DEVICES START  */
	.section-sustainability-home {
		overflow: hidden;
	}

	/* SECTION SUSTAINABILITY HOME 1366 DEVICES END  */

	.content-caption-hero {
		width: 52.56%;
	}

	.container-slide-caption {
		max-width: 1140px;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 74px;
	}

	.content-caption-hero {
		width: 46.46%
	}

	.desc-overview-about {
		font: 500 28px/36px var(--font-geist);
		padding-left: 15px;
		padding-right: 10px;
	}

	.section-about-home .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* SECTION KEY NUMBERS HOME 1366 START  */
	.section-key-numbers-home .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* SECTION KEY NUMBERS HOME 1366 END  */
	/* SECTION PRODUCT HOME 1366 START */
	.section-product-home .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* SECTION PRODUCT HOME 1366 END */

	/*  SECTION SUSTAINABILITY HOME 1366 START  */
	.section-sustainability-home .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/*  SECTION SUSTAINABILITY HOME 1366 START  */

	/*  SECTION NEWS ROOM HOME 1366 START */
	.section-news-home .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/*  SECTION NEWS ROOM HOME 1366 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1366 START */
	.section-testimonials .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1366 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1366 START  */
	.section-awards-certifications .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1366 END  */

	/* FOOTER PAGE 1366 START */
	.footer-section-cmw .center-container.container.px-0 {
		max-width: 1140px;
		margin: 0 auto;
	}

	/* FOOTER PAGE 1366 END */
}

/* MEDIA 1360-1366 END */
/* MEDIA 1280 START */
@media only screen and (min-width: 1280px) and (max-width: 1280px) and (orientation: landscape) {

	body {
		overflow-x: clip;
		display: block;
		font-family: 'Plus Jakarta Sans', sans-serif;
		background: var(--white-one);
		color: var(--gray-800);
		box-sizing: border-box;

		&::-webkit-scrollbar {
			height: 6px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-button {
			height: 10px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-thumb {
			background: var(--gray-400);
			border-radius: 4px;
			height: 16px !important;
			top: 10px;
			position: relative;
			left: -10px;
		}
	}

	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}

	.cmw-container {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1180 DEVICES LANDSCAPE START */
	.logo-brand {
		width: 92px;
		margin-left: 14px;
	}

	.navbar-items-menu {
		width: 86%;
	}

	.navbar-gradients {
		min-height: 18px;
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		z-index: 9;
	}

	.wrp-nav-item {
		min-width: 820px;
	}

	.icon-18 {
		margin-right: 6px;
		margin-top: 1.4px;
	}

	.navbar-items-menu ul li a {
		font-size: 400 11px/15px var(--font-geist);
		padding-left: 2.5px;
		padding-right: 2.5px;
	}

	.btn-all-menu .text-nav {
		display: none;
	}

	.navbar-desc {
		width: 100%;
		margin: 0 auto;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	.cmw-container {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1280 DEVICES LANDSCAPE START */

	/* ALL MENU DIALOG 1280 DEVICES START  */
	.dialog-all-menu {
		padding: 10px 5px 20px 5px;
	}

	/* ALL MENU DIALOG 1280 DEVICES START  */

	/* DIALOG SEARCH 1280 DEVICES LANDSCAPE START */
	.card-search-dialog {
		width: 1174px;
	}

	.card-search-link {
		width: 100%;
	}

	.text-item-all {
		width: 89.15%;
		text-align: left;
	}

	/* DIALOG SEARCH 1280 DEVICES LANDSCAPE START */

	/* SECTION TESTIMONIAL HOME 1280 DEVICES START */
	.section-testimonials {
		overflow-x: hidden;
	}

	/* SECTION TESTIMONIAL HOME 1280 DEVICES END */
	/* SECTION SUSTAINABILITY HOME 1180 DEVICES START  */
	.section-sustainability-home {
		overflow: hidden;
	}

	/* SECTION SUSTAINABILITY HOME 1280 DEVICES END  */

	.content-caption-hero {
		width: 52.56%;
	}

	.container-slide-caption {
		max-width: 1174px;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 74px;
	}

	.content-caption-hero {
		width: 46.46%
	}

	.desc-overview-about {
		font: 500 23.56px/34.64px var(--font-geist);
		padding-left: 20px;
		padding-right: 10px;
	}

	.section-about-home .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* SECTION KEY NUMBERS HOME 1280 START  */
	.section-key-numbers-home .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* SECTION KEY NUMBERS HOME 1280 END  */
	/* SECTION PRODUCT HOME 1280 START */
	.section-product-home .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* SECTION PRODUCT HOME 1280 END */

	/*  SECTION SUSTAINABILITY HOME 1280 START  */
	.section-sustainability-home .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/*  SECTION SUSTAINABILITY HOME 1280 START  */

	/*  SECTION NEWS ROOM HOME 1280 START */
	.section-news-home .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/*  SECTION NEWS ROOM HOME 1280 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1280 START */
	.section-testimonials .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1280 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1280 START  */
	.section-awards-certifications .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1280 END  */

	/* FOOTER PAGE 1280 START */
	.footer-section-cmw .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* FOOTER PAGE 1280 END */

}

/* MEDIA 1280 END */

/* MEDIA 1195 - 1279 START */
@media only screen and (min-width: 1195px) and (max-width: 1279px) and (orientation: landscape) {
	body {
		overflow-x: clip;
		display: block;
		font-family: 'Plus Jakarta Sans', sans-serif;
		background: var(--white-one);
		color: var(--gray-800);
		box-sizing: border-box;

		&::-webkit-scrollbar {
			height: 6px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-button {
			height: 10px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-thumb {
			background: var(--gray-400);
			border-radius: 4px;
			height: 16px !important;
			top: 10px;
			position: relative;
			left: -10px;
		}
	}

	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}

	.cmw-container {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1180 DEVICES LANDSCAPE START */
	.logo-brand {
		width: 92px;
		margin-left: 14px;
	}

	.navbar-items-menu {
		width: 86%;
	}

	.navbar-gradients {
		min-height: 18px;
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		z-index: 9;
	}

	.wrp-nav-item {
		min-width: 816px;
	}

	.icon-18 {
		margin-right: 6px;
		margin-top: 1.4px;
	}

	.navbar-items-menu ul li a {
		font-size: 400 11px/15px var(--font-geist);
		padding-left: 2.5px;
		padding-right: 2.5px;
	}

	.btn-all-menu .text-nav {
		display: none;
	}

	.navbar-desc {
		width: 100%;
		margin: 0 auto;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	.cmw-container {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1195 - 1279 DEVICES LANDSCAPE START */

	/* ALL MENU DIALOG 1195 - 1279 DEVICES START  */
	.dialog-all-menu {
		padding: 10px 5px 20px 5px;
	}

	/* ALL MENU DIALOG 1195 - 1279 DEVICES START  */

	/* DIALOG SEARCH 1195 - 1279 DEVICES LANDSCAPE START */
	.card-search-dialog {
		width: 100%;
	}

	.card-search-link {
		width: 100%;
	}

	.text-item-all {
		width: 89.15%;
		text-align: left;
	}

	/* DIALOG SEARCH 1195 - 1279 DEVICES LANDSCAPE START */

	/* SECTION TESTIMONIAL HOME 1195 - 1279 DEVICES START */
	.section-testimonials {
		overflow-x: hidden;
	}

	/* SECTION TESTIMONIAL HOME 1195 - 1279 DEVICES END */
	/* SECTION SUSTAINABILITY HOME 1180 DEVICES START  */
	.section-sustainability-home {
		overflow: hidden;
	}

	/* SECTION SUSTAINABILITY HOME 1195 - 1279 DEVICES END  */

	.content-caption-hero {
		width: 52.56%;
	}

	.container-slide-caption {
		max-width: 1174px;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 74px;
	}

	.content-caption-hero {
		width: 46.46%
	}

	.desc-overview-about {
		font: 500 28px/36px var(--font-geist);
		padding-left: 15px;
		padding-right: 10px;
	}

	.section-about-home .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* SECTION KEY NUMBERS HOME 1195 - 1279 START  */
	.section-key-numbers-home .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* SECTION KEY NUMBERS HOME 1195 - 1279 END  */
	/* SECTION PRODUCT HOME 1195 - 1279 START */
	.section-product-home .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* SECTION PRODUCT HOME 1195 - 1279 END */
	.desc-overview-about {
		padding-left: 40px;
	}

	.row-product-home .desc-awards-caption {
		max-width: 96.24%;
	}

	/*  SECTION SUSTAINABILITY HOME 1195 - 1279 START  */
	.section-sustainability-home .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/*  SECTION SUSTAINABILITY HOME 1195 - 1279 START  */

	/*  SECTION NEWS ROOM HOME 1195 - 1279 START */
	.section-news-home .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/*  SECTION NEWS ROOM HOME 1195 - 1279 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1195 - 1279 START */
	.section-testimonials .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1195 - 1279 END */

	/* SECTION AWARDS CERTIFICATIONS HOME 1195 - 1279 START  */
	.section-awards-certifications .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* SECTION AWARDS CERTIFICATIONS HOME 1195 - 1279 END  */
	.card-link-contact {
		padding-right: 0px;
	}

	/* PRODUCT PAGE 1195 - 1279 START */
	.content-product-detail .row.gutter-32 .col-lg-5 {
		flex: 0 0 auto;
		width: 48%;
	}

	.content-product-detail .row.gutter-32 .col-lg-7 {
		flex: 0 0 auto;
		width: 52%;
	}

	.content-left-summary-product {
		width: 100%;
		padding-right: 32px;
	}

	.row-product {
		padding-top: 40px;
		padding-bottom: 30px;
		align-items: start !important;
	}

	.content-right-summary-product {
		padding-top: 0px;
	}

	.card-image-components {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.row-product .col-md-7:nth-child(1 of .col-md-7) {
		flex: 0 0 auto;
		width: 48%;
	}

	.row-product .col-md-7:nth-child(2 of .col-md-7) {
		flex: 0 0 auto;
		width: 52%;
	}

	.section-detail-product .title-content-spesification {
		width: 60%;
	}

	.content-spesifications-left {
		padding-right: 10px;
	}

	/* PRODUCT PAGE 1195 - 1279 END */
	/* FOOTER PAGE 1195 - 1279 START */
	.footer-section-cmw .center-container.container.px-0 {
		max-width: 1174px;
		margin: 0 auto;
	}

	/* FOOTER PAGE 1195 - 1279 END */
}

/* MEDIA 1195 - 1279 END */
/* MEDIA 1194 START */
@media only screen and (min-device-width: 1194px) and (max-device-width: 1194px) and (orientation: landscape) {
	body {
		overflow-x: clip;
		display: block;
		font-family: 'Plus Jakarta Sans', sans-serif;
		background: var(--white-one);
		color: var(--gray-800);
		box-sizing: border-box;

		&::-webkit-scrollbar {
			height: 6px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-button {
			height: 10px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-thumb {
			background: var(--gray-400);
			border-radius: 4px;
			height: 16px !important;
			top: 10px;
			position: relative;
			left: -10px;
		}
	}

	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}

	/* NAVBAR DESKTOP 1194 ONLY DEVICES LANDSCAPE START */
	.logo-brand {
		width: 92px;
		margin-left: 14px;
	}

	.navbar-items-menu {
		width: 86%;
	}

	.navbar-gradients {
		min-height: 18px;
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		z-index: 9;
	}

	.wrp-nav-item {
		min-width: 786px;
	}

	.icon-18 {
		margin-right: 6px;
		margin-top: 1.4px;
	}

	.navbar-items-menu ul li a {
		font-size: 400 11px/15px var(--font-geist);
		padding-left: 2.5px;
		padding-right: 2.5px;
	}

	.btn-all-menu .text-nav {
		display: none;
	}

	.navbar-desc {
		width: 100%;
		margin: 0 auto;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	.cmw-container {
		max-width: 99%;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1194 ONLY DEVICES LANDSCAPE START */

	/* ALL MENU DIALOG 1194 ONLY DEVICES START  */
	.dialog-all-menu {
		padding: 10px 5px 20px 5px;
	}

	/* ALL MENU DIALOG 1194 ONLY DEVICES START  */

	/* DIALOG SEARCH 1194 ONLY DEVICES LANDSCAPE START */
	.card-search-dialog {
		width: 100%;
	}

	.card-search-link {
		width: 100%;
	}

	.text-item-all {
		width: 89.15%;
		text-align: left;
	}

	/* DIALOG SEARCH 1194 ONLY DEVICES LANDSCAPE START */

	/* SECTION TESTIMONIAL HOME 1194 ONLY DEVICES START */
	.section-testimonials {
		overflow-x: hidden;
	}

	/* SECTION TESTIMONIAL HOME 1194 ONLY DEVICES END */
	/* SECTION SUSTAINABILITY HOME 1194 ONLY DEVICES START  */
	.section-sustainability-home {
		overflow: hidden;
	}

	/* SECTION SUSTAINABILITY HOME 1194 ONLY DEVICES END  */

	.content-caption-hero {
		width: 52.56%;
	}
}

/* MEDIA 1194 END */
/* MEDIA 1080 START */
@media only screen and (min-device-width: 1080px) and (max-device-width: 1080px) and (orientation: portrait) {

	body {
		overflow-x: clip;
		display: block;
		font-family: 'Plus Jakarta Sans', sans-serif;
		background: var(--white-one);
		color: var(--gray-800);
		box-sizing: border-box;

		&::-webkit-scrollbar {
			height: 6px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-button {
			height: 10px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-thumb {
			background: var(--gray-400);
			border-radius: 4px;
			height: 16px !important;
			top: 10px;
			position: relative;
			left: -10px;
		}
	}

	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}

	/* NAVBAR DESKTOP 1080 ONLY LANDSCAPE START */
	.logo-brand {
		width: 80px;
	}

	.navbar-items-menu {
		width: 86%;
	}

	.navbar-gradients {
		min-height: 18px;
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		z-index: 9;
	}

	.wrp-nav-item {
		min-width: 740px;
	}

	.icon-18 {
		margin-right: 6px;
		margin-top: 1.4px;
	}

	.navbar-items-menu ul li a {
		font-size: 400 10.56px/15px var(--font-geist);
		padding-left: 1px;
		padding-right: 1px;
	}

	.btn-all-menu .text-nav {
		display: none;
	}

	.navbar-desc {
		width: 100%;
		margin: 0 auto;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	.cmw-container {
		max-width: 99%;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1080 ONLY LANDSCAPE START */

	/* ALL MENU DIALOG 1080 ONLY START  */
	.dialog-all-menu {
		padding: 10px 5px 20px 5px;
	}

	/* ALL MENU DIALOG 1080 ONLY START  */

	/* DIALOG SEARCH 1080 ONLY LANDSCAPE START */
	.card-search-dialog {
		width: 100%;
	}

	.card-search-link {
		width: 100%;
	}

	.text-item-all {
		width: 89.15%;
		text-align: left;
	}

	/* DIALOG SEARCH 1080 ONLY LANDSCAPE START */

	/* SECTION TESTIMONIAL HOME 1080 ONLY START */
	.section-testimonials {
		overflow-x: hidden;
	}

	/* SECTION TESTIMONIAL HOME 1080 ONLY END */

	/* SECTION ABOUT OVERVIEW HOME 1080 START */
	.section-about-home .center-container.px-0.mx-auto .row .col-lg-5 {
		width: 38.5%;
	}

	.section-about-home .center-container.px-0.mx-auto .row .col-lg-7 {
		width: 61.5%;
	}

	.desc-overview-about {
		padding-left: 20px;
	}

	/* SECTION ABOUT OVERVIEW HOME 1080 END */

	/* SECTION SUSTAINABILITY HOME 1080 ONLY START  */
	.section-sustainability-home {
		overflow: hidden;
	}

	/* SECTION SUSTAINABILITY HOME 1080 ONLY END  */

	.content-caption-hero {
		width: 52.56%;
	}

}

/* MEDIA 1080 END */

/* MEDIA 1080 START */
@media only screen and (min-device-width: 1080px) and (max-device-width: 1080px) and (orientation: landscape) {

	body {
		overflow-x: clip;
		display: block;
		font-family: 'Plus Jakarta Sans', sans-serif;
		background: var(--white-one);
		color: var(--gray-800);
		box-sizing: border-box;

		&::-webkit-scrollbar {
			height: 6px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-button {
			height: 10px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-thumb {
			background: var(--gray-400);
			border-radius: 4px;
			height: 16px !important;
			top: 10px;
			position: relative;
			left: -10px;
		}
	}

	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}

	/* NAVBAR DESKTOP 1080 ONLY LANDSCAPE START */
	.logo-brand {
		width: 80px;
	}

	.navbar-items-menu {
		width: 86%;
	}

	.navbar-gradients {
		min-height: 18px;
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		z-index: 9;
	}

	.wrp-nav-item {
		min-width: 740px;
	}

	.icon-18 {
		margin-right: 6px;
		margin-top: 1.4px;
	}

	.navbar-items-menu ul li a {
		font-size: 400 10.56px/15px var(--font-geist);
		padding-left: 1px;
		padding-right: 1px;
	}

	.btn-all-menu .text-nav {
		display: none;
	}

	.navbar-desc {
		width: 100%;
		margin: 0 auto;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	.cmw-container {
		max-width: 99%;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1080 ONLY LANDSCAPE START */

	/* ALL MENU DIALOG 1080 ONLY START  */
	.dialog-all-menu {
		padding: 10px 5px 20px 5px;
	}

	/* ALL MENU DIALOG 1080 ONLY START  */

	/* DIALOG SEARCH 1080 ONLY LANDSCAPE START */
	.card-search-dialog {
		width: 100%;
	}

	.card-search-link {
		width: 100%;
	}

	.text-item-all {
		width: 89.15%;
		text-align: left;
	}

	/* DIALOG SEARCH 1080 ONLY LANDSCAPE START */

	/* SECTION TESTIMONIAL HOME 1080 ONLY START */
	.section-testimonials {
		overflow-x: hidden;
	}

	/* SECTION TESTIMONIAL HOME 1080 ONLY END */
	/* SECTION SUSTAINABILITY HOME 1080 ONLY START  */
	.section-sustainability-home {
		overflow: hidden;
	}

	/* SECTION SUSTAINABILITY HOME 1080 ONLY END  */

	.content-caption-hero {
		width: 52.56%;
	}

}

/* MEDIA 1080 END */
/* MEDIA 1081-1194 START */
@media screen and (min-device-width: 1081px) and (max-device-width: 1194px) {
	body {
		overflow-x: clip;
		display: block;
		font-family: 'Plus Jakarta Sans', sans-serif;
		background: var(--white-one);
		color: var(--gray-800);
		box-sizing: border-box;

		&::-webkit-scrollbar {
			height: 6px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-button {
			height: 10px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-thumb {
			background: var(--gray-400);
			border-radius: 4px;
			height: 16px !important;
			top: 10px;
			position: relative;
			left: -10px;
		}

		.container-slide-caption {
			padding-bottom: 52px;
			margin-bottom: 90px;
		}

		.content-caption-hero h1 {
			font: 700 40px/45px var(--font-geist);
		}

	}

	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}

	/* NAVBAR DESKTOP 1081-1194 DEVICES LANDSCAPE START */
	.logo-brand {
		width: 92px;
		margin-left: 14px;
	}

	.navbar-items-menu {
		width: 86%;
	}

	.navbar-gradients {
		min-height: 18px;
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		z-index: 9;
	}

	.wrp-nav-item {
		min-width: 815px;
	}

	.title-company-years {
		width: 230px;
	}

	.title-company-overview {
		height: auto;
		padding-left: 20px;
	}

	.gutter--32>[class^="col-"] {
		padding-left: 18px;
		padding-right: 18px;
	}

	.left-value-numbers h2 {
		font: 500 50px/58px var(--font-geist);
	}

	.left-value-numbers h5 {
		font: 400 19px/27px var(--font-geist);
	}

	.title-card-vision-mission-value h2 {
		font: 400 19.64px/21.64px var(--font-geist);
		margin-bottom: 8px;
	}

	.title-card-product-explore h2 {
		font: 400 19.64px/21.64px var(--font-geist);
		margin-bottom: 8px;
	}

	.title-card-product-explore h3 {
		flex: 0 0 auto;
		width: 100%;
	}

	.title-card-vision-mission-value h3 {
		font: 400 14.56px/16.64px var(--font-geist);
	}

	.title-card-product-explore h3 {
		font: 400 14.56px/16.64px var(--font-geist);
	}

	.icon-18 {
		margin-right: 6px;
		margin-top: 1.4px;
	}

	.navbar-items-menu ul li a {
		font-size: 400 11px/15px var(--font-geist);
		padding-left: 2.5px;
		padding-right: 2.5px;
	}

	.btn-all-menu .text-nav {
		display: none;
	}

	.navbar-desc {
		width: 100%;
		margin: 0 auto;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	.cmw-container {
		max-width: 99%;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1081-1194 DEVICES LANDSCAPE START */

	/* ALL MENU DIALOG 1081-1194 DEVICES START  */
	.dialog-all-menu {
		padding: 10px 5px 20px 5px;
	}

	/* ALL MENU DIALOG 1081-1194 DEVICES START  */

	/* DIALOG SEARCH 1081-1194 DEVICES LANDSCAPE START */
	.card-search-dialog {
		width: 1020px;
	}

	.search-content-form-active {
		padding: 18px 10px;
	}

	.card-search-link {
		width: 100%;
	}

	.text-item-all {
		width: 89.15%;
		text-align: left;
	}

	/* DIALOG SEARCH 1081-1194 DEVICES LANDSCAPE START */

	/* SECTION TESTIMONIAL HOME 1081-1194 DEVICES START */
	.section-testimonials {
		overflow-x: hidden;
	}

	/* SECTION TESTIMONIAL HOME 1081-1194 DEVICES END */

	/* SECTION ABOUT OVERVIEW HOME 1081-1194 START */
	.section-about-home .center-container.px-0.mx-auto .row .col-lg-5 {
		width: 38.5%;
	}

	.section-about-home .center-container.px-0.mx-auto .row .col-lg-7 {
		width: 61.5%;
	}

	.desc-overview-about {
		padding-left: 20px;
	}

	/* SECTION ABOUT OVERVIEW HOME 1081-1194 END */

	/* SECTION SUSTAINABILITY HOME 1081-1194 DEVICES START  */
	.section-sustainability-home {
		overflow: hidden;
	}

	/* SECTION SUSTAINABILITY HOME 1081-1194 DEVICES END  */

	.content-caption-hero {
		width: 50.66%
	}

	.desc-overview-about {
		padding-left: 32px;
		padding-right: 8px;
		font: 500 28px/35px var(--font-geist);
	}

	.card-link-contact {
		padding-right: 0px;
		margin-top: 32px;
	}

	/* SLIDE CATALOG PRODUCT HOME 1081-1194 START */
	.catalog-product-home {
		padding: 20px 24px 38px 24px;
		margin-top: 24px;
		min-height: 675px;
	}

	.title-catalog-home {
		width: auto;
		max-width: 86%;
	}

	.row-product-home .desc-awards-caption {
		min-width: 99%;
		max-width: 99%;
	}

	.row-product-home .col-xl-6.pr-6 {
		padding-right: 24px;
	}

	/* SLIDE CATALOG PRODUCT HOME 1081-1194 END */
	.desc-awards-caption {
		max-width: 98%;
	}

	.section-news-home .row.pb-3 .col-lg-6 {
		flex: 0 0 auto;
		width: 45%;
	}

	.section-news-home .row.pb-3 .col-lg-3:nth-child(2 of .col-lg-3) {
		flex: 0 0 auto;
		width: 30%;
	}

	/* PRODUCT PAGE 1081-1194 START */
	.content-product-detail .row.gutter-32 .col-lg-5 {
		flex: 0 0 auto;
		width: 48%;
	}

	.content-product-detail .row.gutter-32 .col-lg-7 {
		flex: 0 0 auto;
		width: 52%;
	}

	.content-left-summary-product {
		width: 100%;
		padding-right: 32px;
	}

	.row-product {
		padding-top: 40px;
		padding-bottom: 30px;
		align-items: start !important;
	}

	.content-right-summary-product {
		padding-top: 0px;
	}

	.card-image-components {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.row-product .col-md-7:nth-child(1 of .col-md-7) {
		flex: 0 0 auto;
		width: 48%;
	}

	.row-product .col-md-7:nth-child(2 of .col-md-7) {
		flex: 0 0 auto;
		width: 52%;
	}

	.section-detail-product .title-content-spesification {
		width: 60%;
	}

	.content-spesifications-left {
		padding-right: 15px;
	}

	/* PRODUCT PAGE 1081-1194 END */

}

/* MEDIA 1081-1194 END */

/* MEDIA 1180 DEVICES START */
@media only screen and (min-device-width: 1180px) and (max-device-width: 1180px) and (orientation: landscape) {
	body {
		overflow-x: clip;
		display: block;
		font-family: 'Plus Jakarta Sans', sans-serif;
		background: var(--white-one);
		color: var(--gray-800);
		box-sizing: border-box;

		&::-webkit-scrollbar {
			height: 6px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-button {
			height: 10px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-thumb {
			background: var(--gray-400);
			border-radius: 4px;
			height: 16px !important;
			top: 10px;
			position: relative;
			left: -10px;
		}
	}

	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}

	/* NAVBAR DESKTOP 1180 DEVICES LANDSCAPE START */
	.logo-brand {
		width: 92px;
		margin-left: 14px;
	}

	.navbar-items-menu {
		width: 86%;
	}

	.navbar-gradients {
		min-height: 18px;
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		z-index: 9;
	}

	.wrp-nav-item {
		min-width: 810px;
	}

	.icon-18 {
		margin-right: 6px;
		margin-top: 1.4px;
	}

	.navbar-items-menu ul li a {
		font-size: 400 11px/15px var(--font-geist);
		padding-left: 2.5px;
		padding-right: 2.5px;
	}

	.btn-all-menu .text-nav {
		display: none;
	}

	.navbar-desc {
		width: 100%;
		margin: 0 auto;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	.cmw-container {
		max-width: 98%;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1180 DEVICES LANDSCAPE START */

	/* ALL MENU DIALOG 1180 DEVICES START  */
	.dialog-all-menu {
		padding: 10px 5px 20px 5px;
	}

	/* ALL MENU DIALOG 1180 DEVICES START  */

	/* DIALOG SEARCH 1180 DEVICES LANDSCAPE START */
	.card-search-dialog {
		width: 1080px;
	}

	.card-search-link {
		width: 100%;
	}

	.text-item-all {
		width: 89.15%;
		text-align: left;
	}

	/* DIALOG SEARCH 1180 DEVICES LANDSCAPE START */

	/* SECTION TESTIMONIAL HOME 1180 DEVICES START */
	.section-testimonials {
		overflow-x: hidden;
	}

	/* SECTION TESTIMONIAL HOME 1180 DEVICES END */

	/* SECTION ABOUT OVERVIEW HOME 1180 START */
	.section-about-home .center-container.px-0.mx-auto .row .col-lg-5 {
		width: 38.5%;
	}

	.section-about-home .center-container.px-0.mx-auto .row .col-lg-7 {
		width: 61.5%;
	}

	.desc-overview-about {
		padding-left: 20px;
	}

	/* SECTION ABOUT OVERVIEW HOME 1180 END */

	/* SECTION SUSTAINABILITY HOME 1180 DEVICES START  */
	.section-sustainability-home {
		overflow: hidden;
	}

	/* SECTION SUSTAINABILITY HOME 1180 DEVICES END  */

	.content-caption-hero {
		width: 52.56%;
	}

	.icon-vision-mission-value {
		width: 128px;
		top: 30px;
	}

	.card-link-contact {
		padding-right: 0px;
		margin-top: 32px;
	}

	/* PRODUCT PAGE 1180 START */
	.content-product-detail .row.gutter-32 .col-lg-5 {
		flex: 0 0 auto;
		width: 48%;
	}

	.content-product-detail .row.gutter-32 .col-lg-7 {
		flex: 0 0 auto;
		width: 52%;
	}

	.content-left-summary-product {
		width: 100%;
		padding-right: 32px;
	}

	.row-product {
		padding-top: 40px;
		padding-bottom: 30px;
		align-items: start !important;
	}

	.content-right-summary-product {
		padding-top: 0px;
	}

	.card-image-components {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.row-product .col-md-7:nth-child(1 of .col-md-7) {
		flex: 0 0 auto;
		width: 48%;
	}

	.row-product .col-md-7:nth-child(2 of .col-md-7) {
		flex: 0 0 auto;
		width: 52%;
	}

	.title-content-spesification {
		/* width: 60%; */
		width: 100%;
	}

	.section-detail-product .title-content-spesification {
		width: 60%;
	}

	.content-spesifications-left {
		padding-right: 5px;
	}

	/* PRODUCT PAGE 1180 END */


}

/* MEDIA 1180 DEVICES END */

/* MEDIA 1025-1090 START */
@media screen and (min-width: 1025px) and (max-width: 1079px) {
	body {
		overflow-x: clip;
		display: block;
		font-family: 'Plus Jakarta Sans', sans-serif;
		background: var(--white-one);
		color: var(--gray-800);
		box-sizing: border-box;

		&::-webkit-scrollbar {
			height: 6px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-button {
			height: 10px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-thumb {
			background: var(--gray-400);
			border-radius: 4px;
			height: 16px !important;
			top: 10px;
			position: relative;
			left: -10px;
		}
	}

	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}

	/* NAVBAR DESKTOP 1025-1090 LANDSCAPE START */
	.logo-brand {
		width: 80px;
	}

	.navbar-items-menu {
		width: 86%;
	}

	.navbar-gradients {
		min-height: 18px;
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		z-index: 9;
	}

	.wrp-nav-item {
		min-width: 740px;
	}

	.icon-18 {
		margin-right: 6px;
		margin-top: 1.4px;
	}

	.navbar-items-menu ul li a {
		font-size: 400 10.56px/15px var(--font-geist);
		padding-left: 1px;
		padding-right: 1px;
	}

	.btn-all-menu .text-nav {
		display: none;
	}

	.navbar-desc {
		width: 100%;
		margin: 0 auto;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	.cmw-container {
		max-width: 99%;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1025-1090 LANDSCAPE START */

	/* ALL MENU DIALOG 1025-1090 START  */
	.dialog-all-menu {
		padding: 10px 5px 20px 5px;
	}

	/* ALL MENU DIALOG 1025-1090 START  */

	/* DIALOG SEARCH 1025-1090 LANDSCAPE START */
	.card-search-dialog {
		width: 100%;
	}

	.card-search-link {
		width: 100%;
	}

	.text-item-all {
		width: 89.15%;
		text-align: left;
	}

	/* DIALOG SEARCH 1025-1090 LANDSCAPE START */

	/* SECTION TESTIMONIAL HOME 1025-1090 START */
	.section-testimonials {
		overflow-x: hidden;
	}

	/* SECTION TESTIMONIAL HOME 1025-1090 END */
	/* SECTION SUSTAINABILITY HOME 1025-1090 START  */
	.section-sustainability-home {
		overflow: hidden;
	}

	/* SECTION SUSTAINABILITY HOME 1025-1090 END  */

	.content-caption-hero {
		width: 52.56%;
	}

	.card-link-contact {
		padding-right: 0px;
		margin-top: 32px;
	}

}

/* MEDIA 1025-1090 END */

/* MEDIA 1024 DEVICES POTRAIT START */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) {
	.card-link-contact {
		padding-right: 0px;
		margin-top: 32px;
	}
}

/* MEDIA 1024 DEVICES POTRAIT END */

/* MEDIA 1024 DEVICES LANDSCAPE START */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {

	body {
		overflow-x: clip;
		display: block;
		font-family: 'Plus Jakarta Sans', sans-serif;
		background: var(--white-one);
		color: var(--gray-800);
		box-sizing: border-box;

		&::-webkit-scrollbar {
			height: 6px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-button {
			height: 10px;
			width: 2.5px;
			background: transparent none;
		}

		&::-webkit-scrollbar-thumb {
			background: var(--gray-400);
			border-radius: 4px;
			height: 16px !important;
			top: 10px;
			position: relative;
			left: -10px;
		}
	}

	body.unscrolled {
		overflow-y: hidden;
		height: 100vh;
	}

	/* NAVBAR DESKTOP 1024 LANDSCAPE START */
	.logo-brand {
		width: 80px;
	}

	.navbar-items-menu {
		width: 86%;
	}

	.navbar-gradients {
		min-height: 18px;
		height: auto;
		padding-top: 4px;
		padding-bottom: 4px;
		z-index: 9;
	}

	.wrp-nav-item {
		min-width: 740px;
	}

	.icon-18 {
		margin-right: 6px;
		margin-top: 1.4px;
	}

	.wrp-nav-item>li:nth-child(1 of li) {
		/* border: 1px solid #cf0000; */
		display: none;
	}

	.navbar-items-menu ul li a {
		font-size: 400 10.56px/15px var(--font-geist);
		padding-left: 1px;
		padding-right: 1px;
	}

	.btn-all-menu .text-nav {
		display: none;
	}

	.navbar-desc {
		width: 100%;
		margin: 0 auto;
		padding-left: 3.5px;
		padding-right: 3.5px;
	}

	.cmw-container {
		max-width: 99%;
		margin: 0 auto;
	}

	/* NAVBAR DESKTOP 1024 LANDSCAPE START */

	/* ALL MENU DIALOG 1024 START  */
	.dialog-all-menu {
		padding: 10px 5px 20px 5px;
	}

	/* ALL MENU DIALOG 1024 START  */

	/* DIALOG SEARCH 1024 LANDSCAPE START */
	.card-search-dialog {
		width: 100%;
	}

	.card-search-link {
		width: 100%;
	}

	.text-item-all {
		width: 89.15%;
		text-align: left;
	}

	/* DIALOG SEARCH 1024 LANDSCAPE START */


	/* SECTION TESTIMONIAL HOME 1024 START */
	.section-testimonials {
		overflow-x: hidden;
	}

	/* SECTION TESTIMONIAL HOME 1024 END */

	/* SECTION ABOUT OVERVIEW HOME 1024 START */
	.section-about-home .center-container.px-0.mx-auto .row .col-lg-5 {
		width: 38.5%;
	}

	.section-about-home .center-container.px-0.mx-auto .row .col-lg-7 {
		width: 61.5%;
	}

	.desc-overview-about {
		padding-left: 20px;
	}

	/* SECTION ABOUT OVERVIEW HOME 1024 END */
	/* SECTION SUSTAINABILITY HOME 1024 START  */
	.section-sustainability-home {
		overflow: hidden;
	}

	.desc-awards-caption {
		max-width: 98%;
	}

	.section-news-home .row.pb-3 .col-lg-6 {
		flex: 0 0 auto;
		width: 39.5%;
	}

	.section-news-home .row.pb-3 .col-lg-3:nth-child(1 of .col-lg-3) {
		flex: 0 0 auto;
		width: 29.5%;
	}

	.section-news-home .row.pb-3 .col-lg-3:nth-child(2 of .col-lg-3) {
		flex: 0 0 auto;
		width: 31%;
	}

	/* SLIDE CATALOG PRODUCT HOME 1024 START */
	.catalog-product-home {
		padding: 20px 24px 38px 24px;
		margin-top: 24px;
		min-height: 675px;
	}

	.title-catalog-home {
		width: auto;
		max-width: 86%;
	}

	.row-product-home .desc-awards-caption {
		min-width: 99%;
		max-width: 99%;
	}

	.row-product-home .col-xl-6.pr-6 {
		padding-right: 24px;
	}

	/* SLIDE CATALOG PRODUCT HOME 1024 END */

	/* PRODUCT PAGE 1024 START */

	.content-product-detail .row.gutter-32 .col-lg-5 {
		flex: 0 0 auto;
		width: 48%;
	}

	.content-product-detail .row.gutter-32 .col-lg-7 {
		flex: 0 0 auto;
		width: 52%;
	}

	.content-product-detail .row.gutter-32 .col-lg-5 {
		flex: 0 0 auto;
		width: 48%;
	}

	.content-product-detail .row.gutter-32 .col-lg-7 {
		flex: 0 0 auto;
		width: 52%;
	}

	.content-left-summary-product {
		width: 100%;
		padding-right: 32px;
	}

	.row-product {
		padding-top: 40px;
		padding-bottom: 30px;
		align-items: start !important;
	}

	.content-right-summary-product {
		padding-top: 0px;
	}

	.card-image-components {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.row-product .col-md-7:nth-child(1 of .col-md-7) {
		flex: 0 0 auto;
		width: 48%;
	}

	.row-product .col-md-7:nth-child(2 of .col-md-7) {
		flex: 0 0 auto;
		width: 52%;
	}

	.section-detail-product .title-content-spesification {
		width: 60%;
	}

	.content-spesifications-left {
		padding-right: 10px;
	}

	/* PRODUCT PAGE 1024 END */
	/* SECTION SUSTAINABILITY HOME 1024 END  */

	.content-caption-hero {
		width: 52.56%;
	}

	.gutter--32>[class^="col-"] {
		padding-left: 18px;
		padding-right: 18px;
	}

	.left-value-numbers h2 {
		font: 500 50px/58px var(--font-geist);
	}

	.left-value-numbers h5 {
		font: 400 19px/27px var(--font-geist);
	}

	.title-card-vision-mission-value h2 {
		font: 400 19.64px/21.64px var(--font-geist);
		margin-bottom: 8px;
	}

	.title-card-product-explore h2 {
		font: 400 19.64px/21.64px var(--font-geist);
		margin-bottom: 8px;
	}

	.title-card-product-explore h3 {
		flex: 0 0 auto;
		width: 100%;
	}

	.title-card-vision-mission-value h3 {
		font: 400 14.56px/16.64px var(--font-geist);
	}

	.title-card-product-explore h3 {
		font: 400 14.56px/16.64px var(--font-geist);
	}

	.title-company-years {
		width: 274px;
	}

	.title-company-overview {
		height: auto;
		padding-left: 56px;
	}

	.page-pre-title.content-vision-mission h3 {
		font: 400 33px/37px var(--font-plus-jakarta);
	}

	.card-link-contact {
		padding-right: 0px;
		margin-top: 32px;
	}

}

/* MEDIA 1024 DEVICES LANDSCAPE END */

/* 951-991 PORTRAIT START*/
@media screen and (min-width: 951px) and (max-width: 991px) {}

/* 951-991 PORTRAIT END*/


/* MEDIA 835-950 PORTRAIT START */
@media screen and (min-width: 835px) and (max-width: 950px) {

	.cmw-container {
		max-width: 98%;
		margin: 0 auto;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}

	.navbar-desc {
		display: flex;
	}

	.navbar-desc .cmw-container.navbar-solid {
		width: 97%;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-items-menu {
		width: 96%;
		min-height: 10px;
		height: auto;
		display: none;
	}

	/* NAVBAR 835-950 DEVICES  PORTRAIT PORTRAIT START*/
	.dialog-all-menu {
		padding: 20px 5px;
	}

	.search-content-form-active {
		/* padding: 20px 5px; */
		padding: 5px 5px 20px 5px;
	}

	.search-page input.form-control {
		padding: 14px 15px 14px 15px;
		height: 56px;
		font: normal 400 17px/28.64px var(--font-plus-jakarta);
	}

	.card-search-link {
		width: 100%;
		padding: 24px 10px;
		top: 186px;
	}

	.text-item-all {
		text-align: left;
	}

	.label-emblem-ukas {
		width: 72px;
		min-height: 86px;
	}

	.content-item-menu ul li {
		margin-bottom: 0px;
	}

	.card-search-dialog {
		width: 100%;
		padding: 20px 15px;
		/* min-height: 132px; */
		min-height: 92vh;
		max-height: 92vh;
		top: 64px;
	}

	.relative-type-search {
		width: 100%;
		height: 93vh;
		height: 76vh;
	}

	.text-search-btn {
		display: none;
	}

	.navbar-gradients.container.px-0 {
		display: none;
	}

	.navbar-desc .mcci-container.px-0 {
		padding-left: 9px !important;
		padding-right: 9px !important;
	}

	.navbar-gradients .d-flex.w-100 {
		background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-ms-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-moz-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-webkit-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		padding: 4px 10px;
		border-radius: 4px;
	}

	.lang-toggle {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 6px 0px;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}

	.navbar-desc .mcci-container.navbar-solid {
		width: 95%;
		margin: 0 auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-gradients .col-md-7 .d-flex.justify-content-end {
		margin-left: auto;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-mobile-container {
		display: block;
	}

	.navbar-align-right {
		min-width: 110px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		/* margin-right: -5px; */
		margin-right: 10px;
	}

	#mobile-menu-level-2 .back-to-level-1 {
		display: flex;
		align-items: center;
		text-decoration: none;
		font: normal 400 13.64/21px var(--font-plus-jakarta);
		color: var(--gray-500);
		width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.mobile-menu-header {
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-shrink: 0;
		min-height: auto;
		flex-direction: column;
		background: var(--white-one);
		width: 95.15%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom: 6px solid #fff;
		position: relative;
		bottom: -4px;
	}

	#mobile-menu-level-1 .mobile-menu-header {
		border-bottom: none;
		min-height: auto;
		padding: 0;
	}


	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
		border: transparent none;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -1px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--aqua-blue-50);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--aqua-blue-50);
	}

	.navbar-gradients .col-lg-5 {
		display: none;
	}

	.navbar-gradients .col-lg-7 .d-flex.justify-content-end {
		justify-content: space-between !important;
	}

	.logo-brand {
		width: 110px;
		margin-left: 14px;
	}

	/* MOBILE NABAR 835-950 DEVICES  PORTRAIT PORTRAIT*/
	.flag-lang {
		width: 28px;
	}

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		visibility: hidden;
	}


	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 136px 0px 0px 0px;
		width: 95%;
		margin: 0 auto;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		min-height: 96vh;
		max-height: 96vh;
		position: relative;
		background: var(--white-one);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px;
		border: 1px solid var(--gray-100);
		border-radius: 5.64px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		overflow-y: scroll;
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset;
		margin-bottom: 76px;
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	.accordionMenu a {
		padding: 13px 0px 14px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 20px/25.64px var(--font-plus-jakarta);
		letter-spacing: 0.35px;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100%;
		-webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-plus-jakarta);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}


	.navbar-align-center {
		display: none;
	}

	/* MOBILE NAVBAR 835-950 DEVICES  PORTRAIT PORTRAIT END */
	.facilities-thumb {
		width: 100%;
	}

	.caption-vids {
		padding-left: 15px;
		padding-right: 15px;
	}

	.content-caption-hero {
		width: 100%;
	}

	.facilities-content-desc {
		width: 100%;
	}

	.content-caption-hero {
		display: flex;
		flex-direction: column;
		width: 72%;
	}

	.content-caption-hero h1 {
		font: 700 40px/45px var(--font-geist);
		margin-bottom: 0px;
		color: var(--white-one);
		letter-spacing: -0.58px;
	}

	.right-table-paragraph {
		width: auto;
		min-width: 100%;
		max-width: 100%;
		padding-left: 0;
	}

	.card-derived-products {
		padding: 32px 20px;
	}

	.card-derived-products:nth-child(2n) .facilities-thumb {
		padding-right: 0px;
		padding-left: 0px;
	}

	.title-card-facilities h2 {
		font: 500 30px/35.5px var(--font-geist);
	}

	.cover-heeader-section img {
		max-width: 199%;
		top: 64px;
		left: -58%;
		position: relative;
	}

	.header-modular-page {
		width: 100%;
		height: 49.64vh;
	}

	.caption-header-modular.bottom-position .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.caption-header-modular .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.content-caption-center h2 {
		font: 700 28px/32px var(--font-geist);
	}

	.caption-header-modular {
		display: flex;
		align-items: end;
		-ms-align-items: end;
		-moz-align-items: end;
		-webkit-align-items: end;
		height: auto;
	}

	.content-caption-center::before {
		content: "";
		width: 76%;
		min-height: 32%;
		/* border: 2px solid #cf0000; */
		background-color: hsla(240, 88%, 27%, 0.32);
		background-image: radial-gradient(at 46% 58%, hsla(187, 61%, 42%, 1) 0px, transparent 50%), radial-gradient(at 39% 20%, hsla(216, 64%, 45%, 1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 1) 0px, transparent 50%), radial-gradient(at 31% 83%, hsla(195, 93%, 28%, 1) 0px, transparent 50%), radial-gradient(at 81% 86%, hsla(189, 54%, 53%, 0.56) 0px, transparent 50%);
		border-radius: 52px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		-webkit-filter: blur(24px);
		-ms-filter: blur(24px);
		-moz--filter: blur(24px);
		filter: blur(24px);
		position: absolute;
		z-index: 2;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 59.24%;
	}

	#carouselPrimary .slick-prev,
	#carouselPrimary .slick-next {
		width: 32px;
		height: 32px;
		z-index: 8;
		background-size: 18px;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next {
		right: 10px !important;
	}

	#carouselPrimary .slick-prev {
		left: 10px !important;
	}

	.home-pre-title.content-overview-company {
		width: 100%;
		height: auto;
	}

	.home-pre-title h3 {
		padding-right: 0px;
		letter-spacing: -0.48px;
		font: 500 30px/36px var(--font-geist);
	}

	.desc-value-market-caps h2 {
		font: 500 30px/36px var(--font-geist);
	}

	.icon-business-at-glance {
		width: 80px;
		height: 80px;
	}

	/* FLIP SLIDE MENU START */
	.tab-switch-map .nav-tabs {
		gap: 16px;
	}

	.navbar-desc {
		min-height: 80px;
	}

	/* 1. Kontainer Utama (Window) */
	.navbar-mobile-container {
		position: fixed;
		/* padding-top: 120px; */
		padding-top: 86px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		width: 100vw;
		height: 100vh;
		height: calc(100vh - 2px);
		background: rgba(4, 13, 64, 0.11);
		border-radius: 16px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		z-index: 9;
		overflow: hidden;
		border-radius: 5px;
		/* Sembunyikan by default */
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;

	}

	/* Status TERBUKA (dikontrol oleh hamburger) */
	.navbar-mobile-container.menu-is-open {
		visibility: visible;
		opacity: 1;
	}

	/* 2. Wrapper Geser (Slider) */
	/* Lvl 1 + Lvl 2 */
	/* Tinggi wrapper 100% dari parent (calc(100vh - 120px)) */
	.navbar-mobile-wrapper {
		display: flex;
		width: 200%;
		height: auto;
		transform: translateX(0);
		transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
		padding-left: 11px;
		padding-right: 12px;
		max-height: 96.99%;
		overflow-y: scroll;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}


	/* Status saat Lvl 2 aktif (digeser oleh jQuery) */
	/* Geser ke kiri */
	.navbar-mobile-wrapper.level-2-active {
		transform: translateX(-50%);
		overflow-x: hidden;
	}

	.mobile-menu-panel {
		overflow-x: hidden;
	}

	#mobileMenuContainer::before {
		content: "";
		height: 29px;
		background-color: #fff;
		top: 117px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		z-index: 10;
		position: fixed;
		margin: 0 auto;
		display: none;
	}

	#mobileMenuContainer::after {
		content: "";
		height: 29px;
		background-color: #fff;
		bottom: -0.24px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	.navbar-mobile-wrapper::after {
		content: "";
		height: 29px;
		/* background-color: #cf0000; */
		bottom: -0.24px;
		width: calc(100% - 4.89%);
		left: 0;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	/* 3. Panel (Lvl 1 & Lvl 2) */
	/* 50% dari 200% = 100% lebar layar */
	.mobile-menu-panel {
		width: 50%;
		height: 100%;
		flex-shrink: 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	#mobile-menu-level-1 {
		left: -5px;
		position: relative;
	}

	#mobile-menu-level-2 {
		left: 6px;
		position: relative;
	}


	.mobile-menu-header {
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-shrink: 0;
		min-height: auto;
		flex-direction: column;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom: 6px solid #fff;
		position: relative;
		bottom: -4px;
	}

	#mobile-menu-level-1 .mobile-menu-header {
		border-bottom: none;
		min-height: auto;
		padding: 0;
	}


	.mobile-menu-content,
	.submenu-content-wrapper {
		flex-grow: 1;
		overflow-y: auto;
		padding: 15px 10px;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-radius: 5px;
	}


	.menu-link {
		display: flex;
		justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		padding: 12px 0px;
		font: 400 20.64px/27.64px var(--font-geist);
		color: #111;
		text-decoration: none;
		cursor: pointer;
	}

	.mobile-menu-content .menu-link:last-child {
		margin-bottom: 86px;
	}

	.text-menu-link {
		height: auto;
	}

	.text-menu-link p {
		margin-bottom: 0px;
	}

	.menu-link:hover {
		background-color: #f9f9f9;
	}

	.menu-link.has-submenu {
		position: relative;
	}

	.menu-link.has-submenu::after {
		content: '›';
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		font-weight: 600;
		font-size: 26px;
		color: #034ea1;
		display: none;
	}

	/* 7. Styling Panel Lvl 2 (Submenu) */
	#mobile-menu-level-2 .back-to-level-1 {
		display: flex;
		align-items: center;
		text-decoration: none;
		font: normal 400 13.64/21px var(--font-plus-jakarta);
		color: var(--gray-500);
		width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	#mobile-menu-level-2 .back-to-level-1 svg {
		margin-right: 5px;
		color: var(--color-gray-500);
	}

	#mobile-menu-level-2 #submenu-title {
		font: 400 20.64px/27.64px var(--font-geist);
		color: var(--color-gray-950);
		margin: 0;
		margin-left: 15px;
		width: 100%;

	}

	.mobile-submenu-panel {
		display: none;
	}

	.mobile-submenu-panel.active {
		display: block;
	}

	.desc-submenu {
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		top: -6px;
		position: relative;
	}

	.desc-submenu p {
		margin-top: 0px;
	}

	.explore-desc {
		width: 100%;
		height: auto;
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		margin-bottom: 16px;
	}

	.explore-desc a {
		color: var(--aqua-blue-500);
		text-decoration: none;
		display: flex;
		flex-direction: row;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.text-explore-submenu {
		font: normal 400 13.64/21px var(--font-geist);
	}

	.explore-desc a .icon-18 {
		width: 24px;
	}

	.explore-desc a .icon-18 svg {
		width: 100%;
		height: auto;
		max-width: 100%;
		transform: rotate(270deg);
	}

	.text-explore-submenu p {
		margin-bottom: 0px;
	}

	.sub-menu-list {
		list-style: none;
		padding-left: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.sub-menu-list li a {
		padding: 14px 0px;
		display: block;
		text-decoration: none;
		color: #333;
		font-weight: 500;
		background-color: var(--white-one);
		border-radius: 0px;
		font: normal 400 15.24/22px var(--font-geist);
		border-bottom: 1px solid #E6E6E6;
	}

	.sub-menu-list li a:hover {
		background-color: #e9e9e9;
		color: #034ea1;
	}

	.sub-menu-list:last-child {
		margin-bottom: 40px;
	}

	.navbar-align-right .btn-all-menu {
		display: none;
	}

	/* FLIP SLIED MENU END */


	/* SECTION HERO IMAGES HOME 835-950 DEVICES  PORTRAIT PORTRAIT START  */
	.section-hero-images-home {
		overflow-x: hidden;
	}

	.container-slide-caption {
		display: flex;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}

	/* SECTION HERO IMAGES HOME 835-950 DEVICES  PORTRAIT PORTRAIT END  */


	/* SECTION ABOUT OVERVIEW HOME START  */
	.section-about-home {
		overflow-x: hidden;
	}

	.desc-overview-about {
		padding-left: 0px;
	}

	.section-about-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-key-numbers-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-key-numbers-home {
		padding: 32px 0px 114px 0px;
	}

	.section-key-numbers-home .col-lg-4:nth-child(3) {
		margin-top: 64px;
	}

	/* SECTION ABOUT OVERVIEW HOME END  */

	/*  SECTION AWARDS CERTIFICATIONS HOME 835-950 DEVICES  PORTRAIT PORTRAIT START  */
	.section-awards-certifications {
		overflow-x: hidden;
	}

	.section-awards-certifications .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-awards-certifications .row {
		width: 100%;
		min-height: 164px;
		height: auto;
		background: var(--white-one);
		padding: 54.73px 0px 65.72px 0px;
		border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: none;
		-ms-box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 835-950 DEVICES  PORTRAIT PORTRAIT START  */

	.section-testimonials {
		overflow-x: hidden;
	}

	.section-testimonials .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 835-950 DEVICES  PORTRAIT PORTRAIT END  */

	/*   SECTION SUSTAINABILITY HOME 835-950 DEVICES  PORTRAIT PORTRAIT START  */
	.section-sustainability-home {
		overflow-x: hidden;
	}


	.section-sustainability-home {
		padding: 118px 0px 100px 0px;
	}

	.section-sustainability-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/*   SECTION SUSTAINABILITY HOME 835-950 DEVICES  PORTRAIT PORTRAIT END  */

	/* SECTION PRODUCT HOME 835-950 DEVICES  PORTRAIT PORTRAIT START  */
	.section-product-home {
		overflow-x: hidden;
	}

	.section-product-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.row-product-home .pr-6 {
		padding-right: 15px !important;
	}

	.row-product-home .pl-6 {
		padding-left: 15px !important;
	}

	/* SECTION PRODUCT HOME 835-950 DEVICES  PORTRAIT PORTRAIT END  */

	/* SECTION NEWS HOME 835-950 DEVICES  PORTRAIT PORTRAIT START  */
	.section-news-home {
		overflow-x: hidden;
	}

	.section-news-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/* SECTION NEWS HOME 835-950 DEVICES  PORTRAIT PORTRAIT END  */

	/* PRODUCT DETAIl 835-950 DEVICES  PORTRAIT PORTRAIT START */
	.section-product-detail .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-product-components .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		order: 1;
	}

	.section-product-components .row-product:nth-child(odd) .left-component-product {
		order: 2;
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(odd) .paragraph-left-component {
		padding-right: 15px !important;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		padding-left: 0px;
	}

	.section-product-components .row-product:nth-child(odd) .content-right-component {
		padding-left: 0px;
	}

	/* GENAP 835-950 DEVICES  PORTRAIT PORTRAIT START*/

	.section-product-components .row-product:nth-child(even) .right-component-product {
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(even) .content-right-component {
		padding-left: 0px;
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .content-left-component {
		padding-left: 0px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .paragraph-left-component {
		padding-left: 0px;
	}

	.section-detail-product .title-content-spesification {
		width: 60%;
	}

	.content-spesifications-left {
		padding-right: 5px;
	}

	/* GENAP 835-950 DEVICES  PORTRAIT PORTRAIT END*/
	.section-funnel-act-product {
		padding: 48px 15px 24px 15px;
	}


	.btn-read-more-product {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.btn-read-more-product .btn-outline-aqua-200 {
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.card-component {
		position: absolute;
		width: 120px;
	}

	.card-component-one {
		left: unset;
		right: -8%;
		top: 75.5%;
	}

	.card-component-two {
		left: 20%;
		right: unset;
		top: 32%;
	}

	.card-component-three {
		left: 80.64%;
		right: unset;
		top: 32%;
	}

	.card-component-four {
		left: 21%;
		right: unset;
		top: unset;
		bottom: 18%;
	}

	.pulsating-circle-three {
		left: 56%;
		top: 46.64%;
	}

	.pulsating-circle-four {
		left: 61%;
		top: 51.64%;
	}

	.pulsating-circle-five {
		left: 21%;
		top: 41.64%;
	}

	.product-motor-cycle {
		width: 474px;
		top: 56.64%;
	}

	.product-motor-cycle img {
		max-width: 172%;
	}

	.section-header-product .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-header-cover h1 {
		font: 400 33px/40px var(--font-geist);
		letter-spacing: -0.98px;
	}

	.title-header-cover h2 {
		font: 400 33px/40px var(--font-geist);
		letter-spacing: -0.98px;
	}

	.content-plant-factories {
		width: auto;
		max-width: 100%;
	}

	/* SECTION KEY NUMBERS HOME 835-950 DEVICES  PORTRAIT PORTRAIT START  */

	/* SECTION KEY NUMBERS HOME 835-950 DEVICES  PORTRAIT PORTRAIT END  */

	/* PRODUCT DETAIL 835-950 DEVICES  PORTRAIT PORTRAIT END */
	.section-who-we-are .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-matrics-company .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-company-overview .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.card-product-explore {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.section-matrics-company .gutter--32>[class^="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT START   */
	.section-detail-product {
		height: auto;
	}

	.section-detail-product .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-content-spesification {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.content-spesifications-left {
		padding-right: 0px;
	}

	.right-row-spesifications {
		padding-left: 8px;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT END   */

	/* NEWS SECTION HOMEPAGE 835-950 DEVICES  PORTRAIT PORTRAIT START */

	.desc-awards-caption {
		max-width: 100%;
	}

	.card-small-news {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}

	.title-small-news {
		max-width: 67.24%;
	}

	.thumb-small-news {
		width: 196px;
	}

	.title-small-news h3 {
		font: 400 20.64px/27.64px var(--font-geist);
	}

	.title-small-news h2 {
		font: normal 500 21.64px/27.64px var(--font-plus-jakarta);
	}

	.featured-large-news {
		margin-bottom: 26px;
	}

	.btn-read-more-news {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}


	/* NEWS SECTION HOMEPAGE 835-950 DEVICES  PORTRAIT PORTRAIT END */


	/* TESTIMONIAL HOMEPAGE 835-950 DEVICES  PORTRAIT PORTRAIT START */


	.section-testimonials .center-container.container.px-0.mx-auto {
		padding-left: 0px !important;
		padding-right: 0px !important;
		width: 100%;
	}

	.card-testimonials {
		width: 116% !important;
		padding: 32px 20px;
		margin-left: 10px;
		margin-right: 10px;

	}

	.slide-testimonials {
		width: 100%;
	}

	.slide-testimonials .slick-list {
		width: 100vw;
		overflow: unset !important;
	}

	.slide-testimonials .slick-list .slick-track {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		left: -9%;
		right: 0;
		margin: 0 auto;
	}

	.author-testimonials h4 {
		font: 600 17px/21.64px var(--font-geist);
	}

	.author-testimonials {
		padding-right: 0px;
	}

	.img-author-testimonials {
		width: 86px;
	}

	.certified-descriptions {
		padding-left: 0px;
	}

	/* TESTIMONIAL HOMEPAGE 835-950 DEVICES  PORTRAIT PORTRAIT END */
	/* HERO SECTION MOBILE 835-950 START */
	.hero-section {
		display: none;
	}

	.hero-section-mobile {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-height: 100vh;
		height: auto;
		overflow-x: hidden;
		/* border: 4.5px solid #cf0000; */
	}

	#carouselMobile {
		width: 100% !important;
		height: 87vh !important;
		position: relative;
	}

	#carouselMobile .carousel-item {
		height: 87vh !important;
		position: relative !important;
		display: block !important;
		width: 100vw;
	}

	.hero-section-mobile .carousel-item img {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		max-width: 100vw !important;
		width: 100vw;
		height: 87vh;
		object-fit: cover !important;
		z-index: 1 !important;
	}

	#carouselMobile .slick-track,
	#carouselMobile .slick-list {
		height: 87vh !important;
	}

	.content-caption-hero h1 {
		/* font: 700 35.24px/41px var(--font-geist); */
		font: 700 32px/35px var(--font-geist);
		letter-spacing: -0.37px;
		position: relative;
		z-index: 6;
		margin-bottom: 8px;
	}

	.content-caption-hero p {
		position: relative;
		z-index: 6;
	}

	#carouselMobile .content-caption-hero {
		width: 60%;
		padding: 64px 0px 96px 0px;
	}

	/* HERO SECTION MOBILE 835-950 END */

	.row.row-video-mission .col {
		width: 100%;
	}

	.row.row-video-mission .col-10 {
		width: 100%;
	}

	.section-video-player .center-container.px-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		max-width: 100%;
	}

	.section-key-numbers-home .row-key-numbers-home {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.content-plant-factories {
		width: auto;
		max-width: 63%;
	}

	.map-thumbnail {
		width: 110px;
	}

	.page-pre-title.content-vision-mission h3 {
		font: 400 33px/37px var(--font-plus-jakarta);
	}

	/* CONTACT US 835-950 START */
	.content-contact-us .row-contact-us .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-contact-us .col-xl-6:nth-child(1 of .col-xl-6) {
		flex: 0 0 auto;
		width: 100%;
		order: 1;
		margin-top: 48px;
	}

	.row-contact-us .col-xl-6:nth-child(2 of .col-xl-6) {
		flex: 0 0 auto;
		width: 100%;
	}

	.card-link-contact {
		padding-right: 0px;
		margin-top: 64px;
	}

	.card-link-contact .col-xl-6:nth-child(1 of .col-xl-6) {
		width: 50%;
		flex: 0 0 auto;
		margin-top: 0px;
	}

	.card-link-contact .col-xl-6:nth-child(2 of .col-xl-6) {
		width: 50%;
		flex: 0 0 auto;
	}

	.section-detail-product .head-content-vision {
		padding: 6px 0px 6px 0px;
	}

	/* CONTACT US 835-950 START */

	/* ESG 835-950 START */

	.section-detail-product .center-container.px-0 {
		max-width: 100%;
	}

	.desc-esg h3 {
		font: 500 29px/36px var(--font-geist);
	}

	.row-esg-column .col-md-5:nth-child(1 of .col-md-5) {
		padding-left: 13px;
	}

	.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-5 {
		padding-left: 13px;
		padding-right: 13px;
	}

	.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-7 {
		padding-left: 13px;
		padding-right: 13px;
		padding-top: 32px;
	}

	.desc-esg .row-esg-column:nth-child(1 of .row-esg-column) .col-md-7 {
		order: 2;
		padding-right: 13px;
		padding-left: 13px;
		padding-top: 32px;
	}

	.desc-esg .row-esg-column:nth-child(3 of .row-esg-column) .col-md-7 {
		order: 2;
		padding-right: 13px;
		padding-left: 13px;
		padding-top: 32px;
	}

	.desc-esg .row-esg-column:last-child {
		padding-top: 0px;
	}

	/* ESG 835-950 END */
	/* FOOTER PAGE 835-950 DEVICES  PORTRAIT PORTRAIT START  */
	.footer-section-cmw {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.footer-section-cmw .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.footer-section-cmw .row.align-items-center .center-terms {
		order: 1;
		margin-bottom: 14px;
	}

	.footer-section-cmw .row.align-items-center .left-copyright {
		order: 2;
	}

	.items-ccenter-terms {
		width: 100%;
		display: flex;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.items-ccenter-terms ul {
		list-style: none;
		margin-bottom: 0px;
		width: auto;
		display: flex;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-left: 0px;
		gap: 14px;
	}

	/* FOOTER PAGE 835-950 DEVICES  PORTRAIT PORTRAIT END  */
}

/* MEDIA 835-950 END */



/* MEDIA 835-950 END */
/* MEDIA 834 DEVICES START */
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) {
	.navbar-desc .cmw-container.navbar-solid {
		width: 97%;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-items-menu {
		width: 96%;
		min-height: 10px;
		height: auto;
		display: none;
	}

	/* NAVBAR 834 DEVICES  PORTRAIT PORTRAIT START*/
	.dialog-all-menu {
		padding: 20px 5px;
	}

	.search-content-form-active {
		/* padding: 20px 5px; */
		padding: 5px 5px 20px 5px;
	}

	.search-page input.form-control {
		padding: 14px 15px 14px 15px;
		height: 56px;
		font: normal 400 17px/28.64px var(--font-plus-jakarta);
	}

	.card-search-link {
		width: 100%;
		padding: 24px 10px;
		top: 186px;
	}

	.text-item-all {
		text-align: left;
	}

	.label-emblem-ukas {
		width: 72px;
		min-height: 86px;
	}

	.content-item-menu ul li {
		margin-bottom: 0px;
	}

	.card-search-dialog {
		width: 100%;
		padding: 20px 15px;
		/* min-height: 132px; */
		min-height: 92vh;
		max-height: 92vh;
		top: 64px;
	}

	.relative-type-search {
		width: 100%;
		height: 93vh;
		height: 76vh;
	}

	.text-search-btn {
		display: none;
	}

	.navbar-gradients.container.px-0 {
		display: none;
	}

	.navbar-desc .mcci-container.px-0 {
		padding-left: 9px !important;
		padding-right: 9px !important;
	}

	.navbar-gradients .d-flex.w-100 {
		background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-ms-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-moz-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-webkit-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		padding: 4px 10px;
		border-radius: 4px;
	}

	.lang-toggle {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 6px 0px;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}

	.navbar-desc .mcci-container.navbar-solid {
		width: 95%;
		margin: 0 auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-gradients .col-md-7 .d-flex.justify-content-end {
		margin-left: auto;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-mobile-container {
		display: block;
	}

	.navbar-align-right {
		min-width: 110px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		/* margin-right: -5px; */
		margin-right: 10px;
	}

	#mobile-menu-level-2 .back-to-level-1 {
		display: flex;
		align-items: center;
		text-decoration: none;
		font: normal 400 13.64/21px var(--font-plus-jakarta);
		color: var(--gray-500);
		width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.mobile-menu-header {
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-shrink: 0;
		min-height: auto;
		flex-direction: column;
		background: var(--white-one);
		width: 95.15%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom: 6px solid #fff;
		position: relative;
		bottom: -4px;
	}

	#mobile-menu-level-1 .mobile-menu-header {
		border-bottom: none;
		min-height: auto;
		padding: 0;
	}


	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
		border: transparent none;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -1px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--aqua-blue-50);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--aqua-blue-50);
	}

	.navbar-gradients .col-lg-5 {
		display: none;
	}

	.navbar-gradients .col-lg-7 .d-flex.justify-content-end {
		justify-content: space-between !important;
	}

	.logo-brand {
		width: 110px;
		margin-left: 14px;
	}

	/* MOBILE NABAR 834 DEVICES  PORTRAIT PORTRAIT*/
	.flag-lang {
		width: 28px;
	}

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		visibility: hidden;
	}


	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 136px 0px 0px 0px;
		width: 95%;
		margin: 0 auto;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		min-height: 96vh;
		max-height: 96vh;
		position: relative;
		background: var(--white-one);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px;
		border: 1px solid var(--gray-100);
		border-radius: 5.64px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		overflow-y: scroll;
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset;
		margin-bottom: 76px;
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	.accordionMenu a {
		padding: 13px 0px 14px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 20px/25.64px var(--font-plus-jakarta);
		letter-spacing: 0.35px;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100%;
		-webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-plus-jakarta);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}


	.navbar-align-center {
		display: none;
	}

	/* MOBILE NAVBAR 834 DEVICES  PORTRAIT PORTRAIT END */
	.facilities-thumb {
		width: 100%;
	}

	.caption-vids {
		padding-left: 15px;
		padding-right: 15px;
	}

	.content-caption-hero {
		width: 100%;
	}

	.facilities-content-desc {
		width: 100%;
	}

	.content-caption-hero {
		display: flex;
		flex-direction: column;
		width: 72%;
	}

	.content-caption-hero h1 {
		font: 700 40px/45px var(--font-geist);
		margin-bottom: 0px;
		color: var(--white-one);
		letter-spacing: -0.58px;
	}

	.right-table-paragraph {
		width: auto;
		min-width: 100%;
		max-width: 100%;
		padding-left: 0;
	}

	.card-derived-products {
		padding: 32px 20px;
	}

	.card-derived-products:nth-child(2n) .facilities-thumb {
		padding-right: 0px;
		padding-left: 0px;
	}

	.title-card-facilities h2 {
		font: 500 30px/35.5px var(--font-geist);
	}

	.cover-heeader-section img {
		max-width: 199%;
		top: 64px;
		left: -58%;
		position: relative;
	}

	.header-modular-page {
		width: 100%;
		height: 49.64vh;
	}

	.caption-header-modular.bottom-position .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.caption-header-modular .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.content-caption-center h2 {
		font: 700 28px/32px var(--font-geist);
	}

	.caption-header-modular {
		display: flex;
		align-items: end;
		-ms-align-items: end;
		-moz-align-items: end;
		-webkit-align-items: end;
		height: auto;
	}

	.content-caption-center::before {
		content: "";
		width: 76%;
		min-height: 32%;
		/* border: 2px solid #cf0000; */
		background-color: hsla(240, 88%, 27%, 0.32);
		background-image: radial-gradient(at 46% 58%, hsla(187, 61%, 42%, 1) 0px, transparent 50%), radial-gradient(at 39% 20%, hsla(216, 64%, 45%, 1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 1) 0px, transparent 50%), radial-gradient(at 31% 83%, hsla(195, 93%, 28%, 1) 0px, transparent 50%), radial-gradient(at 81% 86%, hsla(189, 54%, 53%, 0.56) 0px, transparent 50%);
		border-radius: 52px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		-webkit-filter: blur(24px);
		-ms-filter: blur(24px);
		-moz--filter: blur(24px);
		filter: blur(24px);
		position: absolute;
		z-index: 2;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 59.24%;
	}

	#carouselPrimary .slick-prev,
	#carouselPrimary .slick-next {
		width: 32px;
		height: 32px;
		z-index: 8;
		background-size: 18px;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next {
		right: 10px !important;
	}

	#carouselPrimary .slick-prev {
		left: 10px !important;
	}

	.home-pre-title.content-overview-company {
		width: 100%;
		height: auto;
	}

	.home-pre-title h3 {
		padding-right: 0px;
		letter-spacing: -0.48px;
		font: 500 30px/36px var(--font-geist);
	}

	.desc-value-market-caps h2 {
		font: 500 30px/36px var(--font-geist);
	}

	.icon-business-at-glance {
		width: 80px;
		height: 80px;
	}

	/* FLIP SLIDE MENU START */
	.tab-switch-map .nav-tabs {
		gap: 16px;
	}

	.navbar-desc {
		min-height: 80px;
	}

	/* 1. Kontainer Utama (Window) */
	.navbar-mobile-container {
		position: fixed;
		/* padding-top: 120px; */
		padding-top: 86px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		width: 100vw;
		height: 100vh;
		height: calc(100vh - 2px);
		background: rgba(4, 13, 64, 0.11);
		border-radius: 16px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		z-index: 9;
		overflow: hidden;
		border-radius: 5px;
		/* Sembunyikan by default */
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;

	}

	/* Status TERBUKA (dikontrol oleh hamburger) */
	.navbar-mobile-container.menu-is-open {
		visibility: visible;
		opacity: 1;
	}

	/* 2. Wrapper Geser (Slider) */
	/* Lvl 1 + Lvl 2 */
	/* Tinggi wrapper 100% dari parent (calc(100vh - 120px)) */
	.navbar-mobile-wrapper {
		display: flex;
		width: 200%;
		height: auto;
		transform: translateX(0);
		transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
		padding-left: 11px;
		padding-right: 12px;
		max-height: 96.99%;
		overflow-y: scroll;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}


	/* Status saat Lvl 2 aktif (digeser oleh jQuery) */
	/* Geser ke kiri */
	.navbar-mobile-wrapper.level-2-active {
		transform: translateX(-50%);
		overflow-x: hidden;
	}

	.mobile-menu-panel {
		overflow-x: hidden;
	}

	#mobileMenuContainer::before {
		content: "";
		height: 29px;
		background-color: #fff;
		top: 117px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		z-index: 10;
		position: fixed;
		margin: 0 auto;
		display: none;
	}

	#mobileMenuContainer::after {
		content: "";
		height: 29px;
		background-color: #fff;
		bottom: -0.24px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	.navbar-mobile-wrapper::after {
		content: "";
		height: 29px;
		/* background-color: #cf0000; */
		bottom: -0.24px;
		width: calc(100% - 4.89%);
		left: 0;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	/* 3. Panel (Lvl 1 & Lvl 2) */
	/* 50% dari 200% = 100% lebar layar */
	.mobile-menu-panel {
		width: 50%;
		height: 100%;
		flex-shrink: 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	#mobile-menu-level-1 {
		left: -5px;
		position: relative;
	}

	#mobile-menu-level-2 {
		left: 6px;
		position: relative;
	}


	.mobile-menu-header {
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-shrink: 0;
		min-height: auto;
		flex-direction: column;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom: 6px solid #fff;
		position: relative;
		bottom: -4px;
	}

	#mobile-menu-level-1 .mobile-menu-header {
		border-bottom: none;
		min-height: auto;
		padding: 0;
	}


	.mobile-menu-content,
	.submenu-content-wrapper {
		flex-grow: 1;
		overflow-y: auto;
		padding: 15px 10px;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-radius: 5px;
	}


	.menu-link {
		display: flex;
		justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		padding: 12px 0px;
		font: 400 20.64px/27.64px var(--font-geist);
		color: #111;
		text-decoration: none;
		cursor: pointer;
	}

	.mobile-menu-content .menu-link:last-child {
		margin-bottom: 86px;
	}

	.text-menu-link {
		height: auto;
	}

	.text-menu-link p {
		margin-bottom: 0px;
	}

	.menu-link:hover {
		background-color: #f9f9f9;
	}

	.menu-link.has-submenu {
		position: relative;
	}

	.menu-link.has-submenu::after {
		content: '›';
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		font-weight: 600;
		font-size: 26px;
		color: #034ea1;
		display: none;
	}

	/* 7. Styling Panel Lvl 2 (Submenu) */
	#mobile-menu-level-2 .back-to-level-1 {
		display: flex;
		align-items: center;
		text-decoration: none;
		font: normal 400 13.64/21px var(--font-plus-jakarta);
		color: var(--gray-500);
		width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	#mobile-menu-level-2 .back-to-level-1 svg {
		margin-right: 5px;
		color: var(--color-gray-500);
	}

	#mobile-menu-level-2 #submenu-title {
		font: 400 20.64px/27.64px var(--font-geist);
		color: var(--color-gray-950);
		margin: 0;
		margin-left: 15px;
		width: 100%;

	}

	.mobile-submenu-panel {
		display: none;
	}

	.mobile-submenu-panel.active {
		display: block;
	}

	.desc-submenu {
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		top: -6px;
		position: relative;
	}

	.desc-submenu p {
		margin-top: 0px;
	}

	.explore-desc {
		width: 100%;
		height: auto;
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		margin-bottom: 16px;
	}

	.explore-desc a {
		color: var(--aqua-blue-500);
		text-decoration: none;
		display: flex;
		flex-direction: row;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.text-explore-submenu {
		font: normal 400 13.64/21px var(--font-geist);
	}

	.explore-desc a .icon-18 {
		width: 24px;
	}

	.explore-desc a .icon-18 svg {
		width: 100%;
		height: auto;
		max-width: 100%;
		transform: rotate(270deg);
	}

	.text-explore-submenu p {
		margin-bottom: 0px;
	}

	.sub-menu-list {
		list-style: none;
		padding-left: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.sub-menu-list li a {
		padding: 14px 0px;
		display: block;
		text-decoration: none;
		color: #333;
		font-weight: 500;
		background-color: var(--white-one);
		border-radius: 0px;
		font: normal 400 15.24/22px var(--font-geist);
		border-bottom: 1px solid #E6E6E6;
	}

	.sub-menu-list li a:hover {
		background-color: #e9e9e9;
		color: #034ea1;
	}

	.sub-menu-list:last-child {
		margin-bottom: 40px;
	}

	.navbar-align-right .btn-all-menu {
		display: none;
	}

	/* FLIP SLIED MENU END */

	/* SECTION HERO IMAGES HOME 834 DEVICES  PORTRAIT PORTRAIT START  */
	.section-hero-images-home {
		overflow-x: hidden;
	}

	.container-slide-caption {
		display: flex;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}

	/* SECTION HERO IMAGES HOME 834 DEVICES  PORTRAIT PORTRAIT END  */


	/* SECTION ABOUT OVERVIEW HOME START  */
	.section-about-home {
		overflow-x: hidden;
	}

	.desc-overview-about {
		padding-left: 0px;
	}

	.section-about-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-key-numbers-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-key-numbers-home {
		padding: 32px 0px 114px 0px;
	}

	.section-key-numbers-home .col-lg-4:nth-child(3) {
		margin-top: 64px;
	}

	/* SECTION ABOUT OVERVIEW HOME END  */

	/*  SECTION AWARDS CERTIFICATIONS HOME 834 DEVICES  PORTRAIT PORTRAIT START  */
	.section-awards-certifications {
		overflow-x: hidden;
	}

	.section-awards-certifications .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-awards-certifications .row {
		width: 100%;
		min-height: 164px;
		height: auto;
		background: var(--white-one);
		padding: 54.73px 0px 65.72px 0px;
		border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: none;
		-ms-box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 834 DEVICES  PORTRAIT PORTRAIT START  */

	.section-testimonials {
		overflow-x: hidden;
	}

	.section-testimonials .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 834 DEVICES  PORTRAIT PORTRAIT END  */

	/*   SECTION SUSTAINABILITY HOME 834 DEVICES  PORTRAIT PORTRAIT START  */
	.section-sustainability-home {
		overflow-x: hidden;
	}


	.section-sustainability-home {
		padding: 118px 0px 100px 0px;
	}

	.section-sustainability-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/*   SECTION SUSTAINABILITY HOME 834 DEVICES  PORTRAIT PORTRAIT END  */

	/* SECTION PRODUCT HOME 834 DEVICES  PORTRAIT PORTRAIT START  */
	.section-product-home {
		overflow-x: hidden;
	}

	.section-product-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.row-product-home .pr-6 {
		padding-right: 15px !important;
	}

	.row-product-home .pl-6 {
		padding-left: 15px !important;
	}

	/* SECTION PRODUCT HOME 834 DEVICES  PORTRAIT PORTRAIT END  */

	/* SECTION NEWS HOME 834 DEVICES  PORTRAIT PORTRAIT START  */
	.section-news-home {
		overflow-x: hidden;
	}

	.section-news-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/* SECTION NEWS HOME 834 DEVICES  PORTRAIT PORTRAIT END  */

	/* PRODUCT DETAIl 834 DEVICES  PORTRAIT PORTRAIT START */
	.section-product-detail .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-product-components .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		order: 1;
	}

	.section-product-components .row-product:nth-child(odd) .left-component-product {
		order: 2;
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(odd) .paragraph-left-component {
		padding-right: 15px !important;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		padding-left: 0px;
	}

	.section-product-components .row-product:nth-child(odd) .content-right-component {
		padding-left: 0px;
	}

	/* GENAP 834 DEVICES  PORTRAIT PORTRAIT START*/

	.section-product-components .row-product:nth-child(even) .right-component-product {
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(even) .content-right-component {
		padding-left: 0px;
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .content-left-component {
		padding-left: 0px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .paragraph-left-component {
		padding-left: 0px;
	}

	/* GENAP 834 DEVICES  PORTRAIT PORTRAIT END*/
	.section-funnel-act-product {
		padding: 48px 15px 24px 15px;
	}


	.btn-read-more-product {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.btn-read-more-product .btn-outline-aqua-200 {
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.card-component {
		position: absolute;
		width: 120px;
	}

	.card-component-one {
		left: unset;
		right: -8%;
		top: 75.5%;
	}

	.card-component-two {
		left: 20%;
		right: unset;
		top: 32%;
	}

	.card-component-three {
		left: 80.64%;
		right: unset;
		top: 32%;
	}

	.card-component-four {
		left: 21%;
		right: unset;
		top: unset;
		bottom: 18%;
	}

	.pulsating-circle-three {
		left: 56%;
		top: 46.64%;
	}

	.pulsating-circle-four {
		left: 61%;
		top: 51.64%;
	}

	.pulsating-circle-five {
		left: 21%;
		top: 41.64%;
	}

	.product-motor-cycle {
		width: 474px;
		top: 56.64%;
	}

	.product-motor-cycle img {
		max-width: 172%;
	}

	.section-header-product .center-container.px-0 {
		max-width: 98%;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-header-cover h1 {
		font: 400 33px/40px var(--font-geist);
		letter-spacing: -0.98px;
	}

	.title-header-cover h2 {
		font: 400 33px/40px var(--font-geist);
		letter-spacing: -0.98px;
	}

	.content-plant-factories {
		width: auto;
		max-width: 100%;
	}

	/* SECTION KEY NUMBERS HOME 834 DEVICES  PORTRAIT PORTRAIT START  */

	.section-key-numbers-home .row-key-numbers-home {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.content-plant-factories {
		width: auto;
		max-width: 63%;
	}

	.map-thumbnail {
		width: 110px;
	}

	/* SECTION KEY NUMBERS HOME 834 DEVICES  PORTRAIT PORTRAIT END  */

	/* PRODUCT DETAIL 834 DEVICES  PORTRAIT PORTRAIT END */
	.section-who-we-are .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-matrics-company .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-company-overview .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.card-product-explore {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.section-matrics-company .gutter--32>[class^="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT START   */
	.section-detail-product {
		height: auto;
	}

	.section-detail-product .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-content-spesification {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.content-spesifications-left {
		padding-right: 0px;
	}

	.right-row-spesifications {
		padding-left: 8px;
	}

	.section-detail-product .title-content-spesification {
		width: 60%;
	}

	.content-spesifications-left {
		padding-right: 0px;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT END   */

	/* NEWS SECTION HOMEPAGE 834 DEVICES  PORTRAIT PORTRAIT START */

	.desc-awards-caption {
		max-width: 100%;
	}

	.card-small-news {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}

	.title-small-news {
		max-width: 67.24%;
	}

	.thumb-small-news {
		width: 196px;
	}

	.title-small-news h3 {
		font: 400 20.64px/27.64px var(--font-geist);
	}

	.title-small-news h2 {
		font: normal 500 21.64px/27.64px var(--font-plus-jakarta);
	}

	.featured-large-news {
		margin-bottom: 26px;
	}

	.btn-read-more-news {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}


	/* NEWS SECTION HOMEPAGE 834 DEVICES  PORTRAIT PORTRAIT END */


	/* TESTIMONIAL HOMEPAGE 834 DEVICES  PORTRAIT PORTRAIT START */


	.section-testimonials .center-container.container.px-0.mx-auto {
		padding-left: 0px !important;
		padding-right: 0px !important;
		width: 100%;
	}

	.card-testimonials {
		width: 116% !important;
		padding: 32px 20px;
		margin-left: 10px;
		margin-right: 10px;

	}

	.slide-testimonials {
		width: 100%;
	}

	.slide-testimonials .slick-list {
		width: 100vw;
		overflow: unset !important;
	}

	.slide-testimonials .slick-list .slick-track {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		left: -9%;
		right: 0;
		margin: 0 auto;
	}

	.author-testimonials h4 {
		font: 600 17px/21.64px var(--font-geist);
	}

	.author-testimonials {
		padding-right: 0px;
	}

	.img-author-testimonials {
		width: 86px;
	}

	.certified-descriptions {
		padding-left: 0px;
	}

	/* TESTIMONIAL HOMEPAGE 834 DEVICES  PORTRAIT PORTRAIT END */
	/* HERO SECTION MOBILE 834 START */
	.hero-section {
		display: none;
	}

	.hero-section-mobile {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-height: 100vh;
		height: auto;
		overflow-x: hidden;
		/* border: 4.5px solid #cf0000; */
	}

	#carouselMobile {
		width: 100% !important;
		height: 87vh !important;
		position: relative;
	}

	#carouselMobile .carousel-item {
		height: 87vh !important;
		position: relative !important;
		display: block !important;
		width: 100vw;
	}

	.hero-section-mobile .carousel-item img {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		max-width: 100vw !important;
		width: 100vw;
		height: 87vh;
		object-fit: cover !important;
		z-index: 1 !important;
	}

	#carouselMobile .slick-track,
	#carouselMobile .slick-list {
		height: 87vh !important;
	}

	.content-caption-hero h1 {
		/* font: 700 35.24px/41px var(--font-geist); */
		font: 700 32px/35px var(--font-geist);
		letter-spacing: -0.37px;
		position: relative;
		z-index: 6;
		margin-bottom: 8px;
	}

	.content-caption-hero p {
		position: relative;
		z-index: 6;
	}

	#carouselMobile .content-caption-hero {
		width: 60%;
		padding: 64px 0px 96px 0px;
	}

	/* HERO SECTION MOBILE 834 END */
	/* CONTACT US 834 START */
	.content-contact-us .row-contact-us .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-contact-us .col-xl-6:nth-child(1 of .col-xl-6) {
		flex: 0 0 auto;
		width: 100%;
		order: 1;
		margin-top: 48px;
	}

	.row-contact-us .col-xl-6:nth-child(2 of .col-xl-6) {
		flex: 0 0 auto;
		width: 100%;
	}

	.card-link-contact {
		padding-right: 0px;
		margin-top: 64px;
	}

	.card-link-contact .col-xl-6:nth-child(1 of .col-xl-6) {
		width: 50%;
		flex: 0 0 auto;
		margin-top: 0px;
	}

	.card-link-contact .col-xl-6:nth-child(2 of .col-xl-6) {
		width: 50%;
		flex: 0 0 auto;
	}

	.section-detail-product .head-content-vision {
		padding: 6px 0px 6px 0px;
	}

	.content-contact-us {
		padding: 24px 0px 40px 0px;
	}

	/* CONTACT US 834 END */

	/* VISION MISSION 834 START */
	.row.row-video-mission .col {
		width: 100%;
	}

	.row.row-video-mission .col-10 {
		width: 100%;
	}

	.section-video-player .center-container.px-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	/* VISION MISSION 834 END */

	/* ABOUT OVERVIEW 834 START */
	.title-blue {
		padding-top: 50px;
	}

	.section-company-overview .row .col-md-11 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-landscape-company-thumbnail {
		position: relative;
		height: 24.56vh;
	}

	.desc-matric-right {
		padding-left: 0px;
		padding-top: 16px;
	}

	.section-matrics-company .row.key-factory .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-matrics-company .row.key-factory>.col-md-6:nth-last-child(1 of .col-md-6) {
		margin-bottom: 32px;
	}

	.row.card-to-other-pages .col {
		flex: 0 0 auto;
		width: 100%;
	}

	.row.card-to-other-pages .col-lg-10 {
		flex: 0 0 auto;
		width: 100%;
	}

	.title-card-product-explore h3 {
		font: 400 13.56px/16.64px var(--font-geist);
	}

	.title-card-vision-mission-value h3 {
		font: 400 13.56px/16.64px var(--font-geist);
	}

	.title-card-vision-mission-value h2 {
		font: 400 17.64px/21.64px var(--font-geist);
		margin-bottom: 8px;
	}

	.title-card-product-explore h2 {
		font: 400 17.64px/21.64px var(--font-geist);
		margin-bottom: 8px;
	}

	.left-value-numbers h2 {
		font: 500 48px/54px var(--font-geist);
	}

	.icon-vision-mission-value {
		width: 128px;
		height: auto;
		position: absolute;
		top: 25px;
		bottom: unset;
	}

	/* ABOUT OVERVIEW 834 END */

	/* SLIDE CATALOG PRODUCT HOME 834 START */
	.title-awards-certificates h2 {
		margin-bottom: 30px;
	}

	.catalog-product-home {
		padding: 20px 18px 38px 18px;
		margin-top: 26px;
		min-height: 632px;
	}

	.title-catalog-home {
		width: auto;
		max-width: 86%;
	}

	.desc-catalog-home {
		max-width: 86%;
	}

	.title-catalog-home h2 {
		font: 500 35px/38px var(--font-geist);
	}

	.icon-automotive {
		width: 200px;
		height: 186px;
		right: -124px;
	}

	.row-product-home .desc-awards-caption {
		width: 99%;
		max-width: 100%;
		font: 500 20px/26px var(--font-geist);
		letter-spacing: -0.26px;
	}

	/* SLIDE CATALOG PRODUCT HOME 834 END */


	/* PRODUCT PAGE 834 START */
	.section-funnel-act-product .center-container.container.px-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		max-width: 100%;
	}

	.absolute-act {
		bottom: 24px;
	}

	.section-funnel-act-product .center-container .row .col-md-8 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.content-product-detail .row.gutter-32 .col-lg-5 {
		flex: 0 0 auto;
		width: 48%;
	}

	.content-product-detail .row.gutter-32 .col-lg-7 {
		flex: 0 0 auto;
		width: 53%;
	}

	.content-product-detail .row.gutter-32 .col-lg-5 {
		flex: 0 0 auto;
		width: 46%;
	}

	.content-product-detail .row.gutter-32 .col-lg-7 {
		flex: 0 0 auto;
		width: 54%;
	}

	.icon-infographic-product {
		width: 124px;
	}

	.desc-infographic {
		margin-bottom: 2px;
	}

	.content-left-summary-product {
		width: 100%;
		padding-right: 24px;
	}

	.short-desc-infograph {
		width: 100%;
		padding-right: 24px;
	}

	.row-product {
		padding-top: 40px;
		padding-bottom: 30px;
		align-items: start !important;
	}

	.content-right-summary-product {
		padding-top: 0px;
	}

	.card-image-components {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.row-product .col-md-7:nth-child(1 of .col-md-7) {
		flex: 0 0 auto;
		width: 48%;
	}

	.row-product .col-md-7:nth-child(2 of .col-md-7) {
		flex: 0 0 auto;
		width: 52%;
	}

	.section-product-components .row-product:nth-child(2n+1) .left-component-product {
		order: 1;
	}

	.section-product-components .row-product:nth-child(2n+1) .right-component-product {
		order: 2;
		padding-right: 15px;
		padding-left: 48px;
	}

	.section-product-components .row-product:nth-child(2n) .right-component-product {
		order: 1;
		padding-right: 48px;
		padding-left: 15px;
	}

	.btn-product-medium {
		width: 100%;
		display: flex;
		order: 3;
	}

	.row-product .left-component-product .btn-read-more-product {
		display: none;
	}

	/* PRODUCT PAGE 834 END */
	/* FOOTER PAGE 834 DEVICES  PORTRAIT PORTRAIT START  */
	.desc-addres-company {
		padding-right: 15px;
	}

	.footer-section-cmw {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.footer-section-cmw .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.footer-section-cmw .row.align-items-center .center-terms {
		order: 1;
		margin-bottom: 14px;
	}

	.footer-section-cmw .row.align-items-center .left-copyright {
		order: 2;
	}

	.items-ccenter-terms {
		width: 100%;
		display: flex;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.items-ccenter-terms ul {
		list-style: none;
		margin-bottom: 0px;
		width: auto;
		display: flex;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-left: 0px;
		gap: 14px;
	}

	/* FOOTER PAGE 834 DEVICES  PORTRAIT PORTRAIT END  */
}

/* MEDIA 834 DEVICES END */

/* 820 DEVICES PORTRAIT START */
@media only screen and (min-device-width: 820px) and (max-device-width: 820px) and (orientation: portrait) {
	.navbar-desc .cmw-container.navbar-solid {
		width: 97%;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-items-menu {
		width: 96%;
		min-height: 10px;
		height: auto;
		display: none;
	}

	/* NAVBAR 820 DEVICES PORTRAIT PORTRAIT START*/
	.dialog-all-menu {
		padding: 20px 5px;
	}

	.search-content-form-active {
		/* padding: 20px 5px; */
		padding: 5px 5px 20px 5px;
	}

	.search-page input.form-control {
		padding: 14px 15px 14px 15px;
		height: 56px;
		font: normal 400 17px/28.64px var(--font-plus-jakarta);
	}

	.card-search-link {
		width: 100%;
		padding: 24px 10px;
		top: 186px;
	}

	.text-item-all {
		text-align: left;
	}

	.label-emblem-ukas {
		width: 72px;
		min-height: 86px;
	}

	.content-item-menu ul li {
		margin-bottom: 0px;
	}

	.card-search-dialog {
		width: 100%;
		padding: 20px 15px;
		/* min-height: 132px; */
		min-height: 92vh;
		max-height: 92vh;
		top: 64px;
	}

	.relative-type-search {
		width: 100%;
		height: 93vh;
		height: 76vh;
	}

	.text-search-btn {
		display: none;
	}

	.navbar-gradients.container.px-0 {
		display: none;
	}

	.navbar-desc .mcci-container.px-0 {
		padding-left: 9px !important;
		padding-right: 9px !important;
	}

	.navbar-gradients .d-flex.w-100 {
		background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-ms-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-moz-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-webkit-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		padding: 4px 10px;
		border-radius: 4px;
	}

	.lang-toggle {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 6px 0px;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}

	.navbar-desc .mcci-container.navbar-solid {
		width: 95%;
		margin: 0 auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-gradients .col-md-7 .d-flex.justify-content-end {
		margin-left: auto;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-mobile-container {
		display: block;
	}

	.navbar-align-right {
		min-width: 110px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		/* margin-right: -5px; */
		margin-right: 10px;
	}

	#mobile-menu-level-2 .back-to-level-1 {
		display: flex;
		align-items: center;
		text-decoration: none;
		font: normal 400 13.64/21px var(--font-plus-jakarta);
		color: var(--gray-500);
		width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.mobile-menu-header {
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-shrink: 0;
		min-height: auto;
		flex-direction: column;
		background: var(--white-one);
		width: 95.15%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom: 6px solid #fff;
		position: relative;
		bottom: -4px;
	}

	#mobile-menu-level-1 .mobile-menu-header {
		border-bottom: none;
		min-height: auto;
		padding: 0;
	}


	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
		border: transparent none;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -1px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--aqua-blue-50);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--aqua-blue-50);
	}

	.navbar-gradients .col-lg-5 {
		display: none;
	}

	.navbar-gradients .col-lg-7 .d-flex.justify-content-end {
		justify-content: space-between !important;
	}

	.logo-brand {
		width: 110px;
		margin-left: 14px;
	}

	/* MOBILE NABAR 820 DEVICES PORTRAIT PORTRAIT*/
	.flag-lang {
		width: 28px;
	}

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		visibility: hidden;
	}


	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 136px 0px 0px 0px;
		width: 95%;
		margin: 0 auto;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		min-height: 96vh;
		max-height: 96vh;
		position: relative;
		background: var(--white-one);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px;
		border: 1px solid var(--gray-100);
		border-radius: 5.64px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		overflow-y: scroll;
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset;
		margin-bottom: 76px;
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	.accordionMenu a {
		padding: 13px 0px 14px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 20px/25.64px var(--font-plus-jakarta);
		letter-spacing: 0.35px;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100%;
		-webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-plus-jakarta);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}


	.navbar-align-center {
		display: none;
	}

	/* MOBILE NAVBAR 820 DEVICES PORTRAIT PORTRAIT END */
	.facilities-thumb {
		width: 100%;
	}

	.caption-vids {
		padding-left: 15px;
		padding-right: 15px;
	}

	.content-caption-hero {
		width: 100%;
	}

	.facilities-content-desc {
		width: 100%;
	}

	.content-caption-hero {
		display: flex;
		flex-direction: column;
		width: 72%;
	}

	.content-caption-hero h1 {
		font: 700 40px/45px var(--font-geist);
		margin-bottom: 0px;
		color: var(--white-one);
		letter-spacing: -0.58px;
	}

	.right-table-paragraph {
		width: auto;
		min-width: 100%;
		max-width: 100%;
		padding-left: 0;
	}

	.card-derived-products {
		padding: 32px 20px;
	}

	.card-derived-products:nth-child(2n) .facilities-thumb {
		padding-right: 0px;
		padding-left: 0px;
	}

	.title-card-facilities h2 {
		font: 500 30px/35.5px var(--font-geist);
	}

	.cover-heeader-section img {
		max-width: 199%;
		top: 64px;
		left: -58%;
		position: relative;
	}

	.header-modular-page {
		width: 100%;
		height: 49.64vh;
	}

	.caption-header-modular.bottom-position .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.caption-header-modular .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.content-caption-center h2 {
		font: 700 28px/32px var(--font-geist);
	}

	.caption-header-modular {
		display: flex;
		align-items: end;
		-ms-align-items: end;
		-moz-align-items: end;
		-webkit-align-items: end;
		height: auto;
	}

	.content-caption-center::before {
		content: "";
		width: 76%;
		min-height: 32%;
		/* border: 2px solid #cf0000; */
		background-color: hsla(240, 88%, 27%, 0.32);
		background-image: radial-gradient(at 46% 58%, hsla(187, 61%, 42%, 1) 0px, transparent 50%), radial-gradient(at 39% 20%, hsla(216, 64%, 45%, 1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 1) 0px, transparent 50%), radial-gradient(at 31% 83%, hsla(195, 93%, 28%, 1) 0px, transparent 50%), radial-gradient(at 81% 86%, hsla(189, 54%, 53%, 0.56) 0px, transparent 50%);
		border-radius: 52px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		-webkit-filter: blur(24px);
		-ms-filter: blur(24px);
		-moz--filter: blur(24px);
		filter: blur(24px);
		position: absolute;
		z-index: 2;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 59.24%;
	}

	#carouselPrimary .slick-prev,
	#carouselPrimary .slick-next {
		width: 32px;
		height: 32px;
		z-index: 8;
		background-size: 18px;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next {
		right: 10px !important;
	}

	#carouselPrimary .slick-prev {
		left: 10px !important;
	}

	.home-pre-title.content-overview-company {
		width: 100%;
		height: auto;
	}

	.home-pre-title h3 {
		padding-right: 0px;
		letter-spacing: -0.48px;
		font: 500 30px/36px var(--font-geist);
	}

	.desc-value-market-caps h2 {
		font: 500 30px/36px var(--font-geist);
	}

	.icon-business-at-glance {
		width: 80px;
		height: 80px;
	}

	/* FLIP SLIDE MENU START */
	.tab-switch-map .nav-tabs {
		gap: 16px;
	}

	.navbar-desc {
		min-height: 80px;
	}

	/* 1. Kontainer Utama (Window) */
	.navbar-mobile-container {
		position: fixed;
		/* padding-top: 120px; */
		padding-top: 86px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		width: 100vw;
		height: 100vh;
		height: calc(100vh - 2px);
		background: rgba(4, 13, 64, 0.11);
		border-radius: 16px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		z-index: 9;
		overflow: hidden;
		border-radius: 5px;
		/* Sembunyikan by default */
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;

	}

	/* Status TERBUKA (dikontrol oleh hamburger) */
	.navbar-mobile-container.menu-is-open {
		visibility: visible;
		opacity: 1;
	}

	/* 2. Wrapper Geser (Slider) */
	/* Lvl 1 + Lvl 2 */
	/* Tinggi wrapper 100% dari parent (calc(100vh - 120px)) */
	.navbar-mobile-wrapper {
		display: flex;
		width: 200%;
		height: auto;
		transform: translateX(0);
		transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
		padding-left: 11px;
		padding-right: 12px;
		max-height: 96.99%;
		overflow-y: scroll;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}


	/* Status saat Lvl 2 aktif (digeser oleh jQuery) */
	/* Geser ke kiri */
	.navbar-mobile-wrapper.level-2-active {
		transform: translateX(-50%);
		overflow-x: hidden;
	}

	.mobile-menu-panel {
		overflow-x: hidden;
	}

	#mobileMenuContainer::before {
		content: "";
		height: 29px;
		background-color: #fff;
		top: 117px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		z-index: 10;
		position: fixed;
		margin: 0 auto;
		display: none;
	}

	#mobileMenuContainer::after {
		content: "";
		height: 29px;
		background-color: #fff;
		bottom: -0.24px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	.navbar-mobile-wrapper::after {
		content: "";
		height: 29px;
		/* background-color: #cf0000; */
		bottom: -0.24px;
		width: calc(100% - 4.89%);
		left: 0;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	/* 3. Panel (Lvl 1 & Lvl 2) */
	/* 50% dari 200% = 100% lebar layar */
	.mobile-menu-panel {
		width: 50%;
		height: 100%;
		flex-shrink: 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	#mobile-menu-level-1 {
		left: -5px;
		position: relative;
	}

	#mobile-menu-level-2 {
		left: 6px;
		position: relative;
	}


	.mobile-menu-header {
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-shrink: 0;
		min-height: auto;
		flex-direction: column;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom: 6px solid #fff;
		position: relative;
		bottom: -4px;
	}

	#mobile-menu-level-1 .mobile-menu-header {
		border-bottom: none;
		min-height: auto;
		padding: 0;
	}


	.mobile-menu-content,
	.submenu-content-wrapper {
		flex-grow: 1;
		overflow-y: auto;
		padding: 15px 10px;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-radius: 5px;
	}


	.menu-link {
		display: flex;
		justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		padding: 12px 0px;
		font: 400 20.64px/27.64px var(--font-geist);
		color: #111;
		text-decoration: none;
		cursor: pointer;
	}

	.mobile-menu-content .menu-link:last-child {
		margin-bottom: 86px;
	}

	.text-menu-link {
		height: auto;
	}

	.text-menu-link p {
		margin-bottom: 0px;
	}

	.menu-link:hover {
		background-color: #f9f9f9;
	}

	.menu-link.has-submenu {
		position: relative;
	}

	.menu-link.has-submenu::after {
		content: '›';
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		font-weight: 600;
		font-size: 26px;
		color: #034ea1;
		display: none;
	}

	/* 7. Styling Panel Lvl 2 (Submenu) */
	#mobile-menu-level-2 .back-to-level-1 {
		display: flex;
		align-items: center;
		text-decoration: none;
		font: normal 400 13.64/21px var(--font-plus-jakarta);
		color: var(--gray-500);
		width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	#mobile-menu-level-2 .back-to-level-1 svg {
		margin-right: 5px;
		color: var(--color-gray-500);
	}

	#mobile-menu-level-2 #submenu-title {
		font: 400 20.64px/27.64px var(--font-geist);
		color: var(--color-gray-950);
		margin: 0;
		margin-left: 15px;
		width: 100%;

	}

	.mobile-submenu-panel {
		display: none;
	}

	.mobile-submenu-panel.active {
		display: block;
	}

	.desc-submenu {
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		top: -6px;
		position: relative;
	}

	.desc-submenu p {
		margin-top: 0px;
	}

	.explore-desc {
		width: 100%;
		height: auto;
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		margin-bottom: 16px;
	}

	.explore-desc a {
		color: var(--aqua-blue-500);
		text-decoration: none;
		display: flex;
		flex-direction: row;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.text-explore-submenu {
		font: normal 400 13.64/21px var(--font-geist);
	}

	.explore-desc a .icon-18 {
		width: 24px;
	}

	.explore-desc a .icon-18 svg {
		width: 100%;
		height: auto;
		max-width: 100%;
		transform: rotate(270deg);
	}

	.text-explore-submenu p {
		margin-bottom: 0px;
	}

	.sub-menu-list {
		list-style: none;
		padding-left: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.sub-menu-list li a {
		padding: 14px 0px;
		display: block;
		text-decoration: none;
		color: #333;
		font-weight: 500;
		background-color: var(--white-one);
		border-radius: 0px;
		font: normal 400 15.24/22px var(--font-geist);
		border-bottom: 1px solid #E6E6E6;
	}

	.sub-menu-list li a:hover {
		background-color: #e9e9e9;
		color: #034ea1;
	}

	.sub-menu-list:last-child {
		margin-bottom: 40px;
	}

	.navbar-align-right .btn-all-menu {
		display: none;
	}

	/* FLIP SLIED MENU END */

	/* SECTION HERO IMAGES HOME 820 DEVICES PORTRAIT PORTRAIT START  */
	.section-hero-images-home {
		overflow-x: hidden;
	}

	.container-slide-caption {
		display: flex;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}

	/* SECTION HERO IMAGES HOME 820 DEVICES PORTRAIT PORTRAIT END  */


	/* SECTION ABOUT OVERVIEW HOME START  */
	.section-about-home {
		overflow-x: hidden;
	}

	.desc-overview-about {
		padding-left: 0px;
	}

	.section-about-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-key-numbers-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-key-numbers-home {
		padding: 32px 0px 114px 0px;
	}

	.section-key-numbers-home .col-lg-4:nth-child(3) {
		margin-top: 64px;
	}

	/* SECTION ABOUT OVERVIEW HOME END  */

	/*  SECTION AWARDS CERTIFICATIONS HOME 820 DEVICES PORTRAIT PORTRAIT START  */
	.section-awards-certifications {
		overflow-x: hidden;
	}

	.section-awards-certifications .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-awards-certifications .row {
		width: 100%;
		min-height: 164px;
		height: auto;
		background: var(--white-one);
		padding: 54.73px 0px 65.72px 0px;
		border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: none;
		-ms-box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 820 DEVICES PORTRAIT PORTRAIT START  */

	.section-testimonials {
		overflow-x: hidden;
	}

	.section-testimonials .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 820 DEVICES PORTRAIT PORTRAIT END  */

	/*   SECTION SUSTAINABILITY HOME 820 DEVICES PORTRAIT PORTRAIT START  */
	.section-sustainability-home {
		overflow-x: hidden;
	}


	.section-sustainability-home {
		padding: 118px 0px 100px 0px;
	}

	.section-sustainability-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/*   SECTION SUSTAINABILITY HOME 820 DEVICES PORTRAIT PORTRAIT END  */

	/* SECTION PRODUCT HOME 820 DEVICES PORTRAIT PORTRAIT START  */
	.section-product-home {
		overflow-x: hidden;
	}

	.section-product-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.row-product-home .pr-6 {
		padding-right: 15px !important;
	}

	.row-product-home .pl-6 {
		padding-left: 15px !important;
	}

	/* SECTION PRODUCT HOME 820 DEVICES PORTRAIT PORTRAIT END  */

	/* SECTION NEWS HOME 820 DEVICES PORTRAIT PORTRAIT START  */
	.section-news-home {
		overflow-x: hidden;
	}

	.section-news-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/* SECTION NEWS HOME 820 DEVICES PORTRAIT PORTRAIT END  */

	/* PRODUCT DETAIl 820 DEVICES PORTRAIT PORTRAIT START */
	.section-product-detail .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-product-components .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		order: 1;
	}

	.section-product-components .row-product:nth-child(odd) .left-component-product {
		order: 2;
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(odd) .paragraph-left-component {
		padding-right: 15px !important;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		padding-left: 0px;
	}

	.section-product-components .row-product:nth-child(odd) .content-right-component {
		padding-left: 0px;
	}

	/* GENAP 820 DEVICES PORTRAIT PORTRAIT START*/

	.section-product-components .row-product:nth-child(even) .right-component-product {
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(even) .content-right-component {
		padding-left: 0px;
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .content-left-component {
		padding-left: 0px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .paragraph-left-component {
		padding-left: 0px;
	}

	/* GENAP 820 DEVICES PORTRAIT PORTRAIT END*/
	.section-funnel-act-product {
		padding: 48px 15px 24px 15px;
	}


	.btn-read-more-product {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.btn-read-more-product .btn-outline-aqua-200 {
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.card-component {
		position: absolute;
		width: 120px;
	}

	.card-component-one {
		left: unset;
		right: -8%;
		top: 75.5%;
	}

	.card-component-two {
		left: 20%;
		right: unset;
		top: 32%;
	}

	.card-component-three {
		left: 80.64%;
		right: unset;
		top: 32%;
	}

	.card-component-four {
		left: 21%;
		right: unset;
		top: unset;
		bottom: 18%;
	}

	.pulsating-circle-three {
		left: 56%;
		top: 46.64%;
	}

	.pulsating-circle-four {
		left: 61%;
		top: 51.64%;
	}

	.product-motor-cycle {
		width: 474px;
		top: 56.64%;
	}

	.product-motor-cycle img {
		max-width: 172%;
	}

	.section-header-product .center-container.px-0 {
		max-width: 98%;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-header-cover h1 {
		font: 400 33px/40px var(--font-geist);
		letter-spacing: -0.98px;
	}

	.title-header-cover h2 {
		font: 400 33px/40px var(--font-geist);
		letter-spacing: -0.98px;
	}

	.content-plant-factories {
		width: auto;
		max-width: 100%;
	}

	/* SECTION KEY NUMBERS HOME 820 DEVICES PORTRAIT PORTRAIT START  */

	.section-key-numbers-home .row-key-numbers-home {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.content-plant-factories {
		width: auto;
		max-width: 63%;
	}

	.map-thumbnail {
		width: 110px;
	}

	/* SECTION KEY NUMBERS HOME 820 DEVICES PORTRAIT PORTRAIT END  */

	/* PRODUCT DETAIL 820 DEVICES PORTRAIT PORTRAIT END */
	.section-who-we-are .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-matrics-company .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-company-overview .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.card-product-explore {
		margin-top: 30px;
		margin-bottom: 30px;
		border-radius: 6px;
	}

	.section-matrics-company .gutter--32>[class^="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT START   */
	.section-detail-product {
		height: auto;
	}

	.section-detail-product .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-content-spesification {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.section-detail-product .title-content-spesification {
		width: 60%;
	}

	.content-spesifications-left {
		padding-right: 0px;
	}

	.right-row-spesifications {
		padding-left: 8px;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT END   */

	/* NEWS SECTION HOMEPAGE 820 DEVICES PORTRAIT PORTRAIT START */

	.desc-awards-caption {
		max-width: 100%;
	}

	.card-small-news {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}

	.title-small-news {
		max-width: 67.24%;
	}

	.thumb-small-news {
		width: 174px;
	}

	.title-small-news h3 {
		font: 400 20.64px/27.64px var(--font-geist);
	}

	.title-small-news h2 {
		font: normal 500 21.64px/27.64px var(--font-plus-jakarta);
	}

	.featured-large-news {
		margin-bottom: 26px;
	}

	.btn-read-more-news {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}


	/* NEWS SECTION HOMEPAGE 820 DEVICES PORTRAIT PORTRAIT END */


	/* TESTIMONIAL HOMEPAGE 820 DEVICES PORTRAIT PORTRAIT START */


	.section-testimonials .center-container.container.px-0.mx-auto {
		padding-left: 0px !important;
		padding-right: 0px !important;
		width: 100%;
	}

	.card-testimonials {
		width: 116% !important;
		padding: 32px 20px;
		margin-left: 10px;
		margin-right: 10px;

	}

	.slide-testimonials {
		width: 100%;
	}

	.slide-testimonials .slick-list {
		width: 100vw;
		overflow: unset !important;
	}

	.slide-testimonials .slick-list .slick-track {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		left: -9%;
		right: 0;
		margin: 0 auto;
	}

	.author-testimonials h4 {
		font: 600 17px/21.64px var(--font-geist);
	}

	.author-testimonials {
		padding-right: 0px;
	}

	.img-author-testimonials {
		width: 86px;
	}

	.certified-descriptions {
		padding-left: 0px;
	}

	/* TESTIMONIAL HOMEPAGE 820 DEVICES PORTRAIT PORTRAIT END */

	/* HERO SECTION MOBILE 820 START */
	.hero-section {
		display: none;
	}

	.hero-section-mobile {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-height: 100vh;
		height: auto;
		overflow-x: hidden;
		/* border: 4.5px solid #cf0000; */
	}

	#carouselMobile {
		width: 100% !important;
		height: 87vh !important;
		position: relative;
	}

	#carouselMobile .carousel-item {
		height: 87vh !important;
		position: relative !important;
		display: block !important;
		width: 100vw;
	}

	.hero-section-mobile .carousel-item img {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		max-width: 100vw !important;
		width: 100vw;
		height: 87vh;
		object-fit: cover !important;
		z-index: 1 !important;
	}

	#carouselMobile .slick-track,
	#carouselMobile .slick-list {
		height: 87vh !important;
	}

	.content-caption-hero h1 {
		/* font: 700 35.24px/41px var(--font-geist); */
		font: 700 32px/35px var(--font-geist);
		letter-spacing: -0.37px;
		position: relative;
		z-index: 6;
		margin-bottom: 8px;
	}

	.content-caption-hero p {
		position: relative;
		z-index: 6;
	}

	#carouselMobile .content-caption-hero {
		width: 60%;
		padding: 64px 0px 96px 0px;
	}

	/* HERO SECTION MOBILE 820 END */

	/* ESG 820 START */
	.thumb-image-esg {
		width: 100%;
		min-height: 254px;
	}

	.section-detail-product .center-container.px-0 {
		max-width: 98%;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/* ESG 820 END */
	/* CONTACT US 820 START */
	.content-contact-us .row-contact-us .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-contact-us .col-xl-6:nth-child(1 of .col-xl-6) {
		flex: 0 0 auto;
		width: 100%;
		order: 1;
		margin-top: 48px;
	}

	.row-contact-us .col-xl-6:nth-child(2 of .col-xl-6) {
		flex: 0 0 auto;
		width: 100%;
	}

	.card-link-contact {
		padding-right: 0px;
		margin-top: 64px;
	}

	.card-link-contact .col-xl-6:nth-child(1 of .col-xl-6) {
		width: 50%;
		flex: 0 0 auto;
		margin-top: 0px;
	}

	.card-link-contact .col-xl-6:nth-child(2 of .col-xl-6) {
		width: 50%;
		flex: 0 0 auto;
	}

	.section-detail-product .head-content-vision {
		padding: 6px 0px 6px 0px;
	}

	.content-contact-us {
		padding: 24px 0px 40px 0px;
	}

	/* CONTACT US 820 END */
	/* VISION MISSION 820 START */
	.row.row-video-mission .col {
		width: 100%;
	}

	.row.row-video-mission .col-10 {
		width: 100%;
	}

	.section-video-player .center-container.px-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		max-width: 100%;
	}

	/* VISION MISSION 820 END */
	/* ABOUT OVERVIEW 820 START */
	.title-blue {
		padding-top: 50px;
	}

	.section-company-overview .row .col-md-11 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-landscape-company-thumbnail {
		position: relative;
		height: 24.56vh;
	}

	.desc-matric-right {
		padding-left: 0px;
		padding-top: 16px;
	}

	.section-matrics-company .row.key-factory .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-matrics-company .row.key-factory>.col-md-6:nth-last-child(1 of .col-md-6) {
		margin-bottom: 32px;
	}

	.row.card-to-other-pages .col {
		flex: 0 0 auto;
		width: 100%;
	}

	.row.card-to-other-pages .col-lg-10 {
		flex: 0 0 auto;
		width: 100%;
	}

	.title-card-product-explore h3 {
		font: 400 13.56px/16.64px var(--font-geist);
	}

	.title-card-vision-mission-value h3 {
		font: 400 13.56px/16.64px var(--font-geist);
	}

	.title-card-vision-mission-value h2 {
		font: 400 17.64px/21.64px var(--font-geist);
		margin-bottom: 8px;
	}

	.title-card-product-explore h2 {
		font: 400 17.64px/21.64px var(--font-geist);
		margin-bottom: 8px;
	}

	.left-value-numbers h2 {
		font: 500 48px/54px var(--font-geist);
	}

	/* ABOUT OVERVIEW 820 END */

	/* SLIDE CATALOG PRODUCT HOME 820 START */
	.title-awards-certificates h2 {
		margin-bottom: 30px;
	}

	.catalog-product-home {
		padding: 20px 18px 38px 18px;
		margin-top: 26px;
		min-height: 632px;
	}

	.title-catalog-home {
		width: auto;
		max-width: 86%;
	}

	.desc-catalog-home {
		max-width: 86%;
	}

	.title-catalog-home h2 {
		font: 500 35px/38px var(--font-geist);
	}

	.icon-automotive {
		width: 200px;
		height: 186px;
		right: -124px;
	}

	.row-product-home .desc-awards-caption {
		width: 99%;
		max-width: 100%;
		font: 500 20px/26px var(--font-geist);
		letter-spacing: -0.26px;
	}

	/* SLIDE CATALOG PRODUCT HOME 820 END */

	/* PRODUCT PAGE 820 START */
	.section-funnel-act-product .center-container.container.px-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		max-width: 100%;
	}

	.absolute-act {
		bottom: 24px;
	}

	.section-funnel-act-product .center-container .row .col-md-8 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.content-product-detail .row.gutter-32 .col-lg-5 {
		flex: 0 0 auto;
		width: 48%;
	}

	.content-product-detail .row.gutter-32 .col-lg-7 {
		flex: 0 0 auto;
		width: 53%;
	}

	.content-product-detail .row.gutter-32 .col-lg-5 {
		flex: 0 0 auto;
		width: 46%;
	}

	.content-product-detail .row.gutter-32 .col-lg-7 {
		flex: 0 0 auto;
		width: 54%;
	}

	.icon-infographic-product {
		width: 124px;
	}

	.desc-infographic {
		margin-bottom: 2px;
	}

	.content-left-summary-product {
		width: 100%;
		padding-right: 24px;
	}

	.short-desc-infograph {
		width: 100%;
		padding-right: 24px;
	}

	.row-product {
		padding-top: 40px;
		padding-bottom: 30px;
		align-items: start !important;
	}

	.content-right-summary-product {
		padding-top: 0px;
	}

	.card-image-components {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.row-product .col-md-7:nth-child(1 of .col-md-7) {
		flex: 0 0 auto;
		width: 48%;
	}

	.row-product .col-md-7:nth-child(2 of .col-md-7) {
		flex: 0 0 auto;
		width: 52%;
	}

	.section-product-components .row-product:nth-child(2n+1) .left-component-product {
		order: 1;
	}

	.section-product-components .row-product:nth-child(2n+1) .right-component-product {
		order: 2;
		padding-right: 15px;
		padding-left: 48px;
	}

	.section-product-components .row-product:nth-child(2n) .right-component-product {
		order: 1;
		padding-right: 48px;
		padding-left: 15px;
	}

	.btn-product-medium {
		width: 100%;
		display: flex;
		order: 3;
	}

	.row-product .left-component-product .btn-read-more-product {
		display: none;
	}

	/* PRODUCT PAGE 820 END */
	/* FOOTER PAGE 820 DEVICES PORTRAIT PORTRAIT START  */
	.desc-addres-company {
		padding-right: 15px;
	}

	.footer-section-cmw {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.footer-section-cmw .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.footer-section-cmw .row.align-items-center .center-terms {
		order: 1;
		margin-bottom: 14px;
	}

	.footer-section-cmw .row.align-items-center .left-copyright {
		order: 2;
	}

	.items-ccenter-terms {
		width: 100%;
		display: flex;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.items-ccenter-terms ul {
		list-style: none;
		margin-bottom: 0px;
		width: auto;
		display: flex;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-left: 0px;
		gap: 14px;
	}

	/* FOOTER PAGE 820 DEVICES PORTRAIT PORTRAIT END  */
}

/* 820 DEVICES PORTRAIT END */


/* 810 DEVICES PORTRAIT START */
@media only screen and (min-device-width: 810px) and (max-device-width: 810px) and (orientation: portrait) {
	.navbar-desc .cmw-container.navbar-solid {
		width: 97%;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-items-menu {
		width: 96%;
		min-height: 10px;
		height: auto;
		display: none;
	}

	/* NAVBAR 810 DEVICES PORTRAIT START*/
	.dialog-all-menu {
		padding: 20px 5px;
	}

	.search-content-form-active {
		/* padding: 20px 5px; */
		padding: 5px 5px 20px 5px;
	}

	.search-page input.form-control {
		padding: 14px 15px 14px 15px;
		height: 56px;
		font: normal 400 17px/28.64px var(--font-plus-jakarta);
	}

	.card-search-link {
		width: 100%;
		padding: 24px 10px;
		top: 186px;
	}

	.text-item-all {
		text-align: left;
	}

	.label-emblem-ukas {
		width: 72px;
		min-height: 86px;
	}

	.content-item-menu ul li {
		margin-bottom: 0px;
	}

	.card-search-dialog {
		width: 100%;
		padding: 20px 15px;
		/* min-height: 132px; */
		min-height: 92vh;
		max-height: 92vh;
		top: 64px;
	}

	.relative-type-search {
		width: 100%;
		height: 93vh;
		height: 76vh;
	}

	.text-search-btn {
		display: none;
	}

	.navbar-gradients.container.px-0 {
		display: none;
	}

	.navbar-desc .mcci-container.px-0 {
		padding-left: 9px !important;
		padding-right: 9px !important;
	}

	.navbar-gradients .d-flex.w-100 {
		background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-ms-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-moz-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-webkit-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		padding: 4px 10px;
		border-radius: 4px;
	}

	.lang-toggle {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 6px 0px;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}

	.navbar-desc .mcci-container.navbar-solid {
		width: 95%;
		margin: 0 auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-gradients .col-md-7 .d-flex.justify-content-end {
		margin-left: auto;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-mobile-container {
		display: block;
	}

	.navbar-align-right {
		min-width: 110px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		/* margin-right: -5px; */
		margin-right: 10px;
	}

	#mobile-menu-level-2 .back-to-level-1 {
		display: flex;
		align-items: center;
		text-decoration: none;
		font: normal 400 13.64/21px var(--font-plus-jakarta);
		color: var(--gray-500);
		width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.mobile-menu-header {
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-shrink: 0;
		min-height: auto;
		flex-direction: column;
		background: var(--white-one);
		width: 95.15%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom: 6px solid #fff;
		position: relative;
		bottom: -4px;
	}

	#mobile-menu-level-1 .mobile-menu-header {
		border-bottom: none;
		min-height: auto;
		padding: 0;
	}


	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
		border: transparent none;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -1px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--aqua-blue-50);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--aqua-blue-50);
	}

	.navbar-gradients .col-lg-5 {
		display: none;
	}

	.navbar-gradients .col-lg-7 .d-flex.justify-content-end {
		justify-content: space-between !important;
	}

	.logo-brand {
		width: 110px;
		margin-left: 14px;
	}

	/* MOBILE NABAR 810 DEVICES PORTRAIT*/
	.flag-lang {
		width: 28px;
	}

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		visibility: hidden;
	}


	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 136px 0px 0px 0px;
		width: 95%;
		margin: 0 auto;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		min-height: 96vh;
		max-height: 96vh;
		position: relative;
		background: var(--white-one);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px;
		border: 1px solid var(--gray-100);
		border-radius: 5.64px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		overflow-y: scroll;
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset;
		margin-bottom: 76px;
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	.accordionMenu a {
		padding: 13px 0px 14px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 20px/25.64px var(--font-plus-jakarta);
		letter-spacing: 0.35px;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100%;
		-webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-plus-jakarta);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}


	.navbar-align-center {
		display: none;
	}

	/* MOBILE NAVBAR 810 DEVICES PORTRAIT END */
	.facilities-thumb {
		width: 100%;
	}

	.caption-vids {
		padding-left: 15px;
		padding-right: 15px;
	}

	.content-caption-hero {
		width: 100%;
	}

	.facilities-content-desc {
		width: 100%;
	}

	.content-caption-hero {
		display: flex;
		flex-direction: column;
		width: 72%;
	}

	.content-caption-hero h1 {
		font: 700 40px/45px var(--font-geist);
		margin-bottom: 0px;
		color: var(--white-one);
		letter-spacing: -0.58px;
	}

	.right-table-paragraph {
		width: auto;
		min-width: 100%;
		max-width: 100%;
		padding-left: 0;
	}

	.card-derived-products {
		padding: 32px 20px;
	}

	.card-derived-products:nth-child(2n) .facilities-thumb {
		padding-right: 0px;
		padding-left: 0px;
	}

	.title-card-facilities h2 {
		font: 500 30px/35.5px var(--font-geist);
	}

	.cover-heeader-section img {
		max-width: 199%;
		top: 64px;
		left: -58%;
		position: relative;
	}

	.header-modular-page {
		width: 100%;
		height: 49.64vh;
	}

	.caption-header-modular.bottom-position .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.caption-header-modular .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.content-caption-center h2 {
		font: 700 28px/32px var(--font-geist);
	}

	.caption-header-modular {
		display: flex;
		align-items: end;
		-ms-align-items: end;
		-moz-align-items: end;
		-webkit-align-items: end;
		height: auto;
	}

	.content-caption-center::before {
		content: "";
		width: 76%;
		min-height: 32%;
		/* border: 2px solid #cf0000; */
		background-color: hsla(240, 88%, 27%, 0.32);
		background-image: radial-gradient(at 46% 58%, hsla(187, 61%, 42%, 1) 0px, transparent 50%), radial-gradient(at 39% 20%, hsla(216, 64%, 45%, 1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 1) 0px, transparent 50%), radial-gradient(at 31% 83%, hsla(195, 93%, 28%, 1) 0px, transparent 50%), radial-gradient(at 81% 86%, hsla(189, 54%, 53%, 0.56) 0px, transparent 50%);
		border-radius: 52px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		-webkit-filter: blur(24px);
		-ms-filter: blur(24px);
		-moz--filter: blur(24px);
		filter: blur(24px);
		position: absolute;
		z-index: 2;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 59.24%;
	}

	#carouselPrimary .slick-prev,
	#carouselPrimary .slick-next {
		width: 32px;
		height: 32px;
		z-index: 8;
		background-size: 18px;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next {
		right: 10px !important;
	}

	#carouselPrimary .slick-prev {
		left: 10px !important;
	}

	.home-pre-title.content-overview-company {
		width: 100%;
		height: auto;
	}

	.home-pre-title h3 {
		padding-right: 0px;
		letter-spacing: -0.48px;
		font: 500 30px/36px var(--font-geist);
	}

	.desc-value-market-caps h2 {
		font: 500 30px/36px var(--font-geist);
	}

	.icon-business-at-glance {
		width: 80px;
		height: 80px;
	}

	/* FLIP SLIDE MENU START */
	.tab-switch-map .nav-tabs {
		gap: 16px;
	}

	.navbar-desc {
		min-height: 80px;
	}

	/* 1. Kontainer Utama (Window) */
	.navbar-mobile-container {
		position: fixed;
		/* padding-top: 120px; */
		padding-top: 86px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		width: 100vw;
		height: 100vh;
		height: calc(100vh - 2px);
		background: rgba(4, 13, 64, 0.11);
		border-radius: 16px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		z-index: 9;
		overflow: hidden;
		border-radius: 5px;
		/* Sembunyikan by default */
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;

	}

	/* Status TERBUKA (dikontrol oleh hamburger) */
	.navbar-mobile-container.menu-is-open {
		visibility: visible;
		opacity: 1;
	}

	/* 2. Wrapper Geser (Slider) */
	/* Lvl 1 + Lvl 2 */
	/* Tinggi wrapper 100% dari parent (calc(100vh - 120px)) */
	.navbar-mobile-wrapper {
		display: flex;
		width: 200%;
		height: auto;
		transform: translateX(0);
		transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
		padding-left: 11px;
		padding-right: 12px;
		max-height: 96.99%;
		overflow-y: scroll;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}


	/* Status saat Lvl 2 aktif (digeser oleh jQuery) */
	/* Geser ke kiri */
	.navbar-mobile-wrapper.level-2-active {
		transform: translateX(-50%);
		overflow-x: hidden;
	}

	.mobile-menu-panel {
		overflow-x: hidden;
	}

	#mobileMenuContainer::before {
		content: "";
		height: 29px;
		background-color: #fff;
		top: 117px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		z-index: 10;
		position: fixed;
		margin: 0 auto;
		display: none;
	}

	#mobileMenuContainer::after {
		content: "";
		height: 29px;
		background-color: #fff;
		bottom: -0.24px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	.navbar-mobile-wrapper::after {
		content: "";
		height: 29px;
		/* background-color: #cf0000; */
		bottom: -0.24px;
		width: calc(100% - 4.89%);
		left: 0;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	/* 3. Panel (Lvl 1 & Lvl 2) */
	/* 50% dari 200% = 100% lebar layar */
	.mobile-menu-panel {
		width: 50%;
		height: 100%;
		flex-shrink: 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	#mobile-menu-level-1 {
		left: -5px;
		position: relative;
	}

	#mobile-menu-level-2 {
		left: 6px;
		position: relative;
	}


	.mobile-menu-header {
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-shrink: 0;
		min-height: auto;
		flex-direction: column;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom: 6px solid #fff;
		position: relative;
		bottom: -4px;
	}

	#mobile-menu-level-1 .mobile-menu-header {
		border-bottom: none;
		min-height: auto;
		padding: 0;
	}


	.mobile-menu-content,
	.submenu-content-wrapper {
		flex-grow: 1;
		overflow-y: auto;
		padding: 15px 10px;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-radius: 5px;
	}


	.menu-link {
		display: flex;
		justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		padding: 12px 0px;
		font: 400 20.64px/27.64px var(--font-geist);
		color: #111;
		text-decoration: none;
		cursor: pointer;
	}

	.mobile-menu-content .menu-link:last-child {
		margin-bottom: 86px;
	}

	.text-menu-link {
		height: auto;
	}

	.text-menu-link p {
		margin-bottom: 0px;
	}

	.menu-link:hover {
		background-color: #f9f9f9;
	}

	.menu-link.has-submenu {
		position: relative;
	}

	.menu-link.has-submenu::after {
		content: '›';
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		font-weight: 600;
		font-size: 26px;
		color: #034ea1;
		display: none;
	}

	/* 7. Styling Panel Lvl 2 (Submenu) */
	#mobile-menu-level-2 .back-to-level-1 {
		display: flex;
		align-items: center;
		text-decoration: none;
		font: normal 400 13.64/21px var(--font-plus-jakarta);
		color: var(--gray-500);
		width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	#mobile-menu-level-2 .back-to-level-1 svg {
		margin-right: 5px;
		color: var(--color-gray-500);
	}

	#mobile-menu-level-2 #submenu-title {
		font: 400 20.64px/27.64px var(--font-geist);
		color: var(--color-gray-950);
		margin: 0;
		margin-left: 15px;
		width: 100%;

	}

	.mobile-submenu-panel {
		display: none;
	}

	.mobile-submenu-panel.active {
		display: block;
	}

	.desc-submenu {
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		top: -6px;
		position: relative;
	}

	.desc-submenu p {
		margin-top: 0px;
	}

	.explore-desc {
		width: 100%;
		height: auto;
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		margin-bottom: 16px;
	}

	.explore-desc a {
		color: var(--aqua-blue-500);
		text-decoration: none;
		display: flex;
		flex-direction: row;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.text-explore-submenu {
		font: normal 400 13.64/21px var(--font-geist);
	}

	.explore-desc a .icon-18 {
		width: 24px;
	}

	.explore-desc a .icon-18 svg {
		width: 100%;
		height: auto;
		max-width: 100%;
		transform: rotate(270deg);
	}

	.text-explore-submenu p {
		margin-bottom: 0px;
	}

	.sub-menu-list {
		list-style: none;
		padding-left: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.sub-menu-list li a {
		padding: 14px 0px;
		display: block;
		text-decoration: none;
		color: #333;
		font-weight: 500;
		background-color: var(--white-one);
		border-radius: 0px;
		font: normal 400 15.24/22px var(--font-geist);
		border-bottom: 1px solid #E6E6E6;
	}

	.sub-menu-list li a:hover {
		background-color: #e9e9e9;
		color: #034ea1;
	}

	.sub-menu-list:last-child {
		margin-bottom: 40px;
	}

	.navbar-align-right .btn-all-menu {
		display: none;
	}

	/* FLIP SLIED MENU END */

	/* SECTION HERO IMAGES HOME 810 DEVICES PORTRAIT START  */
	.section-hero-images-home {
		overflow-x: hidden;
	}

	.container-slide-caption {
		display: flex;
		justify-content: flex-start;
		-ms-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
	}

	/* SECTION HERO IMAGES HOME 810 DEVICES PORTRAIT END  */


	/* SECTION ABOUT OVERVIEW HOME START  */
	.section-about-home {
		overflow-x: hidden;
	}

	.desc-overview-about {
		padding-left: 0px;
	}

	.section-about-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-key-numbers-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-key-numbers-home {
		padding: 32px 0px 114px 0px;
	}

	.section-key-numbers-home .col-lg-4:nth-child(3) {
		margin-top: 64px;
	}

	/* SECTION ABOUT OVERVIEW HOME END  */

	/*  SECTION AWARDS CERTIFICATIONS HOME 810 DEVICES PORTRAIT START  */
	.section-awards-certifications {
		overflow-x: hidden;
	}

	.section-awards-certifications .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-awards-certifications .row {
		width: 100%;
		min-height: 164px;
		height: auto;
		background: var(--white-one);
		padding: 54.73px 0px 65.72px 0px;
		border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: none;
		-ms-box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 810 DEVICES PORTRAIT START  */

	.section-testimonials {
		overflow-x: hidden;
	}

	.section-testimonials .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 810 DEVICES PORTRAIT END  */

	/*   SECTION SUSTAINABILITY HOME 810 DEVICES PORTRAIT START  */
	.section-sustainability-home {
		overflow-x: hidden;
	}


	.section-sustainability-home {
		padding: 118px 0px 100px 0px;
	}

	.section-sustainability-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/*   SECTION SUSTAINABILITY HOME 810 DEVICES PORTRAIT END  */

	/* SECTION PRODUCT HOME 810 DEVICES PORTRAIT START  */
	.section-product-home {
		overflow-x: hidden;
	}

	.section-product-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.row-product-home .pr-6 {
		padding-right: 15px !important;
	}

	.row-product-home .pl-6 {
		padding-left: 15px !important;
	}

	/* SECTION PRODUCT HOME 810 DEVICES PORTRAIT END  */

	/* SECTION NEWS HOME 810 DEVICES PORTRAIT START  */
	.section-news-home {
		overflow-x: hidden;
	}

	.section-news-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/* SECTION NEWS HOME 810 DEVICES PORTRAIT END  */

	/* PRODUCT DETAIl 810 DEVICES PORTRAIT START */
	.section-product-detail .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-product-components .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		order: 1;
	}

	.section-product-components .row-product:nth-child(odd) .left-component-product {
		order: 2;
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(odd) .paragraph-left-component {
		padding-right: 15px !important;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		padding-left: 0px;
	}

	.section-product-components .row-product:nth-child(odd) .content-right-component {
		padding-left: 0px;
	}

	/* GENAP 810 DEVICES PORTRAIT START*/

	.section-product-components .row-product:nth-child(even) .right-component-product {
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(even) .content-right-component {
		padding-left: 0px;
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .content-left-component {
		padding-left: 0px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .paragraph-left-component {
		padding-left: 0px;
	}

	/* GENAP 810 DEVICES PORTRAIT END*/
	.section-funnel-act-product {
		padding: 48px 15px 24px 15px;
	}


	.btn-read-more-product {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.btn-read-more-product .btn-outline-aqua-200 {
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.card-component {
		position: absolute;
		width: 120px;
	}

	.card-component-one {
		left: unset;
		right: -8%;
		top: 75.5%;
	}

	.card-component-two {
		left: 20%;
		right: unset;
		top: 32%;
	}

	.card-component-three {
		left: 80.64%;
		right: unset;
		top: 32%;
	}

	.card-component-four {
		left: 21%;
		right: unset;
		top: unset;
		bottom: 18%;
	}

	.pulsating-circle-three {
		left: 56%;
		top: 46.64%;
	}

	.pulsating-circle-four {
		left: 61%;
		top: 51.64%;
	}

	.product-motor-cycle {
		width: 474px;
		top: 56.64%;
	}

	.product-motor-cycle img {
		max-width: 172%;
	}

	.section-header-product .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-header-cover h1 {
		font: 400 33px/40px var(--font-geist);
		letter-spacing: -0.98px;
	}

	.title-header-cover h2 {
		font: 400 33px/40px var(--font-geist);
		letter-spacing: -0.98px;
	}

	.content-plant-factories {
		width: auto;
		max-width: 100%;
	}

	/* SECTION KEY NUMBERS HOME 810 DEVICES PORTRAIT START  */

	.section-key-numbers-home .row-key-numbers-home {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.content-plant-factories {
		width: auto;
		max-width: 63%;
	}

	.map-thumbnail {
		width: 110px;
	}

	/* SECTION KEY NUMBERS HOME 810 DEVICES PORTRAIT END  */

	/* PRODUCT DETAIL 810 DEVICES PORTRAIT END */
	.section-who-we-are .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-matrics-company .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-company-overview .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.card-product-explore {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.section-matrics-company .gutter--32>[class^="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT START   */
	.section-detail-product {
		height: auto;
	}

	.section-detail-product .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-content-spesification {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.content-spesifications-left {
		padding-right: 0px;
	}

	.right-row-spesifications {
		padding-left: 8px;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT END   */

	/* NEWS SECTION HOMEPAGE 810 DEVICES PORTRAIT START */

	.desc-awards-caption {
		max-width: 100%;
	}

	.card-small-news {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}

	.title-small-news {
		max-width: 67.24%;
	}

	.thumb-small-news {
		width: 196px;
	}

	.title-small-news h3 {
		font: 400 20.64px/27.64px var(--font-geist);
	}

	.title-small-news h2 {
		font: normal 500 21.64px/27.64px var(--font-plus-jakarta);
	}

	.featured-large-news {
		margin-bottom: 26px;
	}

	.btn-read-more-news {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}


	/* NEWS SECTION HOMEPAGE 810 DEVICES PORTRAIT END */


	/* TESTIMONIAL HOMEPAGE 810 DEVICES PORTRAIT START */


	.section-testimonials .center-container.container.px-0.mx-auto {
		padding-left: 0px !important;
		padding-right: 0px !important;
		width: 100%;
	}

	.card-testimonials {
		width: 116% !important;
		padding: 32px 20px;
		margin-left: 10px;
		margin-right: 10px;

	}

	.slide-testimonials {
		width: 100%;
	}

	.slide-testimonials .slick-list {
		width: 100vw;
		overflow: unset !important;
	}

	.slide-testimonials .slick-list .slick-track {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		left: -9%;
		right: 0;
		margin: 0 auto;
	}

	.author-testimonials h4 {
		font: 600 17px/21.64px var(--font-geist);
	}

	.author-testimonials {
		padding-right: 0px;
	}

	.img-author-testimonials {
		width: 86px;
	}

	.certified-descriptions {
		padding-left: 0px;
	}

	/* TESTIMONIAL HOMEPAGE 810 DEVICES PORTRAIT END */

	/* HERO SECTION MOBILE 810 START */
	.hero-section {
		display: none;
	}

	.hero-section-mobile {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-height: 100vh;
		height: auto;
		overflow-x: hidden;
		/* border: 4.5px solid #cf0000; */
	}

	#carouselMobile {
		width: 100% !important;
		height: 87vh !important;
		position: relative;
	}

	#carouselMobile .carousel-item {
		height: 87vh !important;
		position: relative !important;
		display: block !important;
		width: 100vw;
	}

	.hero-section-mobile .carousel-item img {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		max-width: 100vw !important;
		width: 100vw;
		height: 87vh;
		object-fit: cover !important;
		z-index: 1 !important;
	}

	#carouselMobile .slick-track,
	#carouselMobile .slick-list {
		height: 87vh !important;
	}

	.content-caption-hero h1 {
		/* font: 700 35.24px/41px var(--font-geist); */
		font: 700 32px/35px var(--font-geist);
		letter-spacing: -0.37px;
		position: relative;
		z-index: 6;
	}

	.content-caption-hero p {
		position: relative;
		z-index: 6;
	}

	#carouselMobile .content-caption-hero {
		width: 60%;
		padding: 64px 0px 96px 0px;
	}

	/* HERO SECTION MOBILE 810 END */

	/* ESG 810 START */
	.thumb-image-esg {
		width: 100%;
		min-height: 254px;
	}

	.section-detail-product .center-container.px-0 {
		max-width: 98%;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/* ESG 810 END */

	/* VISION MISSION 810 START */
	.row.row-video-mission .col {
		width: 100%;
	}

	.row.row-video-mission .col-10 {
		width: 100%;
	}

	.section-video-player .center-container.px-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		max-width: 100%;
	}

	/* VISION MISSION 810 END */
	/* ABOUT OVERVIEW 810 START */
	.title-blue {
		padding-top: 50px;
	}

	.section-company-overview .row .col-md-11 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-landscape-company-thumbnail {
		position: relative;
		height: 24.56vh;
	}

	.desc-matric-right {
		padding-left: 0px;
		padding-top: 16px;
	}

	.section-matrics-company .row.key-factory .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-matrics-company .row.key-factory>.col-md-6:nth-last-child(1 of .col-md-6) {
		margin-bottom: 32px;
	}

	.row.card-to-other-pages .col {
		flex: 0 0 auto;
		width: 100%;
	}

	.row.card-to-other-pages .col-lg-10 {
		flex: 0 0 auto;
		width: 100%;
	}

	.title-card-product-explore h3 {
		font: 400 13.56px/16.64px var(--font-geist);
	}

	.title-card-vision-mission-value h3 {
		font: 400 13.56px/16.64px var(--font-geist);
	}

	.title-card-vision-mission-value h2 {
		font: 400 17.64px/21.64px var(--font-geist);
		margin-bottom: 8px;
	}

	.title-card-product-explore h2 {
		font: 400 17.64px/21.64px var(--font-geist);
		margin-bottom: 8px;
	}

	.left-value-numbers h2 {
		font: 500 48px/54px var(--font-geist);
	}

	/* ABOUT OVERVIEW 810 END */
	/* SLIDE CATALOG PRODUCT HOME 810 START */
	.title-awards-certificates h2 {
		margin-bottom: 30px;
	}

	.catalog-product-home {
		padding: 20px 18px 38px 18px;
		margin-top: 26px;
		min-height: 632px;
	}

	.title-catalog-home {
		width: auto;
		max-width: 86%;
	}

	.desc-catalog-home {
		max-width: 86%;
	}

	.title-catalog-home h2 {
		font: 500 35px/38px var(--font-geist);
	}

	.icon-automotive {
		width: 200px;
		height: 186px;
		right: -124px;
	}

	.row-product-home .desc-awards-caption {
		width: 99%;
		max-width: 100%;
		font: 500 20px/26px var(--font-geist);
		letter-spacing: -0.26px;
	}


	/* SLIDE CATALOG PRODUCT HOME 810 END */
	/* PRODUCT PAGE 810 START */
	.section-funnel-act-product .center-container.container.px-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		max-width: 100%;
	}

	.absolute-act {
		bottom: 24px;
	}

	.section-funnel-act-product .center-container .row .col-md-8 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.content-product-detail .row.gutter-32 .col-lg-5 {
		flex: 0 0 auto;
		width: 48%;
	}

	.content-product-detail .row.gutter-32 .col-lg-7 {
		flex: 0 0 auto;
		width: 53%;
	}

	.content-product-detail .row.gutter-32 .col-lg-5 {
		flex: 0 0 auto;
		width: 46%;
	}

	.content-product-detail .row.gutter-32 .col-lg-7 {
		flex: 0 0 auto;
		width: 54%;
	}

	.icon-infographic-product {
		width: 124px;
	}

	.desc-infographic {
		margin-bottom: 2px;
	}

	.content-left-summary-product {
		width: 100%;
		padding-right: 24px;
	}

	.short-desc-infograph {
		width: 100%;
		padding-right: 24px;
	}

	.row-product {
		padding-top: 40px;
		padding-bottom: 30px;
		align-items: start !important;
	}

	.content-right-summary-product {
		padding-top: 0px;
	}

	.card-image-components {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.row-product .col-md-7:nth-child(1 of .col-md-7) {
		flex: 0 0 auto;
		width: 48%;
	}

	.row-product .col-md-7:nth-child(2 of .col-md-7) {
		flex: 0 0 auto;
		width: 52%;
	}

	.section-product-components .row-product:nth-child(2n+1) .left-component-product {
		order: 1;
	}

	.section-product-components .row-product:nth-child(2n+1) .right-component-product {
		order: 2;
		padding-right: 15px;
		padding-left: 48px;
	}

	.section-product-components .row-product:nth-child(2n) .right-component-product {
		order: 1;
		padding-right: 48px;
		padding-left: 15px;
	}

	.btn-product-medium {
		width: 100%;
		display: flex;
		order: 3;
	}

	.row-product .left-component-product .btn-read-more-product {
		display: none;
	}

	/* PRODUCT PAGE 810 END */

	/* FOOTER PAGE 810 DEVICES PORTRAIT START  */
	.desc-addres-company {
		padding-right: 15px;
	}

	.footer-section-cmw {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.footer-section-cmw .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.footer-section-cmw .row.align-items-center .center-terms {
		order: 1;
		margin-bottom: 14px;
	}

	.footer-section-cmw .row.align-items-center .left-copyright {
		order: 2;
	}

	.items-ccenter-terms {
		width: 100%;
		display: flex;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.items-ccenter-terms ul {
		list-style: none;
		margin-bottom: 0px;
		width: auto;
		display: flex;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-left: 0px;
		gap: 14px;
	}

	/* FOOTER PAGE 810 DEVICES PORTRAIT END  */
}

/* 810 DEVICES PORTRAIT END */


/* 540-809 START */
@media screen and (min-width: 540px) and (max-width: 809px) {

	.navbar-desc .cmw-container.navbar-solid {
		width: 97%;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-items-menu {
		width: 96%;
		min-height: 10px;
		height: auto;
		display: none;
	}

	/* NAVBAR 540-809 START*/
	.dialog-all-menu {
		padding: 20px 5px;
	}

	.search-content-form-active {
		/* padding: 20px 5px; */
		padding: 5px 5px 20px 5px;
	}

	.search-page input.form-control {
		padding: 14px 15px 14px 15px;
		height: 56px;
		font: normal 400 17px/28.64px var(--font-plus-jakarta);
	}

	.card-search-link {
		width: 100%;
		padding: 24px 10px;
		top: 186px;
	}

	.text-item-all {
		text-align: left;
	}

	.label-emblem-ukas {
		width: 72px;
		min-height: 86px;
	}

	.content-item-menu ul li {
		margin-bottom: 0px;
	}

	.card-search-dialog {
		width: 100%;
		padding: 20px 15px;
		/* min-height: 132px; */
		min-height: 92vh;
		max-height: 92vh;
		top: 64px;
	}

	.relative-type-search {
		width: 100%;
		height: 93vh;
		height: 76vh;
	}

	.text-search-btn {
		display: none;
	}

	.navbar-gradients.container.px-0 {
		display: none;
	}

	.navbar-desc .mcci-container.px-0 {
		padding-left: 9px !important;
		padding-right: 9px !important;
	}

	.navbar-gradients .d-flex.w-100 {
		background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-ms-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-moz-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-webkit-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		padding: 4px 10px;
		border-radius: 4px;
	}

	.lang-toggle {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 6px 0px;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}

	.navbar-desc .mcci-container.navbar-solid {
		width: 95%;
		margin: 0 auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-gradients .col-md-7 .d-flex.justify-content-end {
		margin-left: auto;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-mobile-container {
		display: block;
	}

	.navbar-align-right {
		min-width: 110px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		/* margin-right: -5px; */
		margin-right: 10px;
	}

	#mobile-menu-level-2 .back-to-level-1 {
		display: flex;
		align-items: center;
		text-decoration: none;
		font: normal 400 13.64/21px var(--font-plus-jakarta);
		color: var(--gray-500);
		width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.mobile-menu-header {
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-shrink: 0;
		min-height: auto;
		flex-direction: column;
		background: var(--white-one);
		width: 95.15%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom: 6px solid #fff;
		position: relative;
		bottom: -4px;
	}

	#mobile-menu-level-1 .mobile-menu-header {
		border-bottom: none;
		min-height: auto;
		padding: 0;
	}


	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
		border: transparent none;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -1px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--aqua-blue-50);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--aqua-blue-50);
	}

	.navbar-gradients .col-lg-5 {
		display: none;
	}

	.navbar-gradients .col-lg-7 .d-flex.justify-content-end {
		justify-content: space-between !important;
	}

	.logo-brand {
		width: 110px;
		margin-left: 14px;
	}

	/* MOBILE NABAR 540-809*/
	.flag-lang {
		width: 28px;
	}

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		visibility: hidden;
	}


	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 136px 0px 0px 0px;
		width: 95%;
		margin: 0 auto;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		min-height: 96vh;
		max-height: 96vh;
		position: relative;
		background: var(--white-one);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px;
		border: 1px solid var(--gray-100);
		border-radius: 5.64px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		overflow-y: scroll;
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset;
		margin-bottom: 76px;
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	.accordionMenu a {
		padding: 13px 0px 14px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 20px/25.64px var(--font-plus-jakarta);
		letter-spacing: 0.35px;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100%;
		-webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-plus-jakarta);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}


	.navbar-align-center {
		display: none;
	}

	/* MOBILE NAVBAR 540-809 END */
	.facilities-thumb {
		width: 100%;
	}

	.caption-vids {
		padding-left: 15px;
		padding-right: 15px;
	}

	.content-caption-hero {
		width: 100%;
	}

	.facilities-content-desc {
		width: 100%;
	}

	.content-caption-hero {
		display: flex;
		flex-direction: column;
		width: 72%;
	}

	.content-caption-hero h1 {
		font: 700 40px/45px var(--font-geist);
		margin-bottom: 0px;
		color: var(--white-one);
		letter-spacing: -0.58px;
	}

	.right-table-paragraph {
		width: auto;
		min-width: 100%;
		max-width: 100%;
		padding-left: 0;
	}

	.card-derived-products {
		padding: 32px 20px;
	}

	.card-derived-products:nth-child(2n) .facilities-thumb {
		padding-right: 0px;
		padding-left: 0px;
	}

	.title-card-facilities h2 {
		font: 500 30px/35.5px var(--font-geist);
	}

	.cover-heeader-section img {
		max-width: 199%;
		top: 64px;
		left: -58%;
		position: relative;
	}

	.header-modular-page {
		width: 100%;
		height: 49.64vh;
	}

	.caption-header-modular.bottom-position .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.caption-header-modular .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.content-caption-center h2 {
		font: 700 28px/32px var(--font-geist);
	}

	.caption-header-modular {
		display: flex;
		align-items: end;
		-ms-align-items: end;
		-moz-align-items: end;
		-webkit-align-items: end;
		height: auto;
	}

	.content-caption-center::before {
		content: "";
		width: 76%;
		min-height: 32%;
		/* border: 2px solid #cf0000; */
		background-color: hsla(240, 88%, 27%, 0.32);
		background-image: radial-gradient(at 46% 58%, hsla(187, 61%, 42%, 1) 0px, transparent 50%), radial-gradient(at 39% 20%, hsla(216, 64%, 45%, 1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 1) 0px, transparent 50%), radial-gradient(at 31% 83%, hsla(195, 93%, 28%, 1) 0px, transparent 50%), radial-gradient(at 81% 86%, hsla(189, 54%, 53%, 0.56) 0px, transparent 50%);
		border-radius: 52px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		-webkit-filter: blur(24px);
		-ms-filter: blur(24px);
		-moz--filter: blur(24px);
		filter: blur(24px);
		position: absolute;
		z-index: 2;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 59.24%;
	}

	#carouselPrimary .slick-prev,
	#carouselPrimary .slick-next {
		width: 32px;
		height: 32px;
		z-index: 8;
		background-size: 18px;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next {
		right: 10px !important;
	}

	#carouselPrimary .slick-prev {
		left: 10px !important;
	}

	.home-pre-title.content-overview-company {
		width: 100%;
		height: auto;
	}

	.home-pre-title h3 {
		padding-right: 0px;
		letter-spacing: -0.48px;
		font: 500 30px/36px var(--font-geist);
	}

	.desc-value-market-caps h2 {
		font: 500 30px/36px var(--font-geist);
	}

	.icon-business-at-glance {
		width: 80px;
		height: 80px;
	}

	/* FLIP SLIDE MENU START */
	.tab-switch-map .nav-tabs {
		gap: 16px;
	}

	.navbar-desc {
		min-height: 80px;
	}

	/* 1. Kontainer Utama (Window) */
	.navbar-mobile-container {
		position: fixed;
		/* padding-top: 120px; */
		padding-top: 86px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		width: 100vw;
		height: 100vh;
		height: calc(100vh - 2px);
		background: rgba(4, 13, 64, 0.11);
		border-radius: 16px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		z-index: 9;
		overflow: hidden;
		border-radius: 5px;
		/* Sembunyikan by default */
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;

	}

	/* Status TERBUKA (dikontrol oleh hamburger) */
	.navbar-mobile-container.menu-is-open {
		visibility: visible;
		opacity: 1;
	}

	/* 2. Wrapper Geser (Slider) */
	/* Lvl 1 + Lvl 2 */
	/* Tinggi wrapper 100% dari parent (calc(100vh - 120px)) */
	.navbar-mobile-wrapper {
		display: flex;
		width: 200%;
		height: auto;
		transform: translateX(0);
		transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
		padding-left: 11px;
		padding-right: 12px;
		max-height: 96.99%;
		overflow-y: scroll;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}


	/* Status saat Lvl 2 aktif (digeser oleh jQuery) */
	/* Geser ke kiri */
	.navbar-mobile-wrapper.level-2-active {
		transform: translateX(-50%);
		overflow-x: hidden;
	}

	.mobile-menu-panel {
		overflow-x: hidden;
	}

	#mobileMenuContainer::before {
		content: "";
		height: 29px;
		background-color: #fff;
		top: 117px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		z-index: 10;
		position: fixed;
		margin: 0 auto;
		display: none;
	}

	#mobileMenuContainer::after {
		content: "";
		height: 29px;
		background-color: #fff;
		bottom: -0.24px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	.navbar-mobile-wrapper::after {
		content: "";
		height: 29px;
		/* background-color: #cf0000; */
		bottom: -0.24px;
		width: calc(100% - 4.89%);
		left: 0;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	/* 3. Panel (Lvl 1 & Lvl 2) */
	/* 50% dari 200% = 100% lebar layar */
	.mobile-menu-panel {
		width: 50%;
		height: 100%;
		flex-shrink: 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	#mobile-menu-level-1 {
		left: -5px;
		position: relative;
	}

	#mobile-menu-level-2 {
		left: 6px;
		position: relative;
	}


	.mobile-menu-header {
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-shrink: 0;
		min-height: auto;
		flex-direction: column;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom: 6px solid #fff;
		position: relative;
		bottom: -4px;
	}

	#mobile-menu-level-1 .mobile-menu-header {
		border-bottom: none;
		min-height: auto;
		padding: 0;
	}


	.mobile-menu-content,
	.submenu-content-wrapper {
		flex-grow: 1;
		overflow-y: auto;
		padding: 15px 10px;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-radius: 5px;
	}


	.menu-link {
		display: flex;
		justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		padding: 12px 0px;
		font: 400 20.64px/27.64px var(--font-geist);
		color: #111;
		text-decoration: none;
		cursor: pointer;
	}

	.mobile-menu-content .menu-link:last-child {
		margin-bottom: 86px;
	}

	.text-menu-link {
		height: auto;
	}

	.text-menu-link p {
		margin-bottom: 0px;
	}

	.menu-link:hover {
		background-color: #f9f9f9;
	}

	.menu-link.has-submenu {
		position: relative;
	}

	.menu-link.has-submenu::after {
		content: '›';
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		font-weight: 600;
		font-size: 26px;
		color: #034ea1;
		display: none;
	}

	/* 7. Styling Panel Lvl 2 (Submenu) */
	#mobile-menu-level-2 .back-to-level-1 {
		display: flex;
		align-items: center;
		text-decoration: none;
		font: normal 400 13.64/21px var(--font-plus-jakarta);
		color: var(--gray-500);
		width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	#mobile-menu-level-2 .back-to-level-1 svg {
		margin-right: 5px;
		color: var(--color-gray-500);
	}

	#mobile-menu-level-2 #submenu-title {
		font: 400 20.64px/27.64px var(--font-geist);
		color: var(--color-gray-950);
		margin: 0;
		margin-left: 15px;
		width: 100%;

	}

	.mobile-submenu-panel {
		display: none;
	}

	.mobile-submenu-panel.active {
		display: block;
	}

	.desc-submenu {
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		top: -6px;
		position: relative;
	}

	.desc-submenu p {
		margin-top: 0px;
	}

	.explore-desc {
		width: 100%;
		height: auto;
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		margin-bottom: 16px;
	}

	.explore-desc a {
		color: var(--aqua-blue-500);
		text-decoration: none;
		display: flex;
		flex-direction: row;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.text-explore-submenu {
		font: normal 400 13.64/21px var(--font-geist);
	}

	.explore-desc a .icon-18 {
		width: 24px;
	}

	.explore-desc a .icon-18 svg {
		width: 100%;
		height: auto;
		max-width: 100%;
		transform: rotate(270deg);
	}

	.text-explore-submenu p {
		margin-bottom: 0px;
	}

	.sub-menu-list {
		list-style: none;
		padding-left: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.sub-menu-list li a {
		padding: 14px 0px;
		display: block;
		text-decoration: none;
		color: #333;
		font-weight: 500;
		background-color: var(--white-one);
		border-radius: 0px;
		font: normal 400 15.24/22px var(--font-geist);
		border-bottom: 1px solid #E6E6E6;
	}

	.sub-menu-list li a:hover {
		background-color: #e9e9e9;
		color: #034ea1;
	}

	.sub-menu-list:last-child {
		margin-bottom: 40px;
	}

	.navbar-align-right .btn-all-menu {
		display: none;
	}

	/* FLIP SLIED MENU END */

	.row-video-mission {
		width: 100%;
	}

	.row-video-mission .col {
		width: 100%;
		flex: 0 0 auto;
	}

	.row-video-mission .col-10 {
		width: 100%;
		flex: 0 0 auto;
	}

	/* SECTION HERO IMAGES HOME 540-809 START  */
	.section-hero-images-home {
		overflow-x: hidden;
	}

	.container-slide-caption {
		display: flex;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}

	/* SECTION HERO IMAGES HOME 540-809 END  */
	/* ESG 540-809 START */
	.row-esg-column .col-md-5:nth-child(1 of .col-md-5) {
		padding-left: 13px;
		order: 1;
	}

	.row-esg-column .col-md-7:nth-child(1 of .col-md-7) {
		padding-right: 36px;
		order: 2;
	}

	/* ESG 540-809 END */

	/* SECTION ABOUT OVERVIEW HOME START  */
	.section-about-home {
		overflow-x: hidden;
	}

	.desc-overview-about {
		padding-left: 0px;
	}

	.section-about-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-key-numbers-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-key-numbers-home {
		padding: 32px 0px 114px 0px;
	}

	.section-key-numbers-home .col-lg-4:nth-child(3) {
		margin-top: 64px;
	}

	/* SECTION ABOUT OVERVIEW HOME END  */

	/*  SECTION AWARDS CERTIFICATIONS HOME 540-809 START  */
	.section-awards-certifications {
		overflow-x: hidden;
	}

	.section-awards-certifications .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-awards-certifications .row {
		width: 100%;
		min-height: 164px;
		height: auto;
		background: var(--white-one);
		padding: 54.73px 0px 65.72px 0px;
		border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: none;
		-ms-box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 540-809 START  */

	.section-testimonials {
		overflow-x: hidden;
	}

	.section-testimonials .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 540-809 END  */

	/*   SECTION SUSTAINABILITY HOME 540-809 START  */
	.section-sustainability-home {
		overflow-x: hidden;
	}


	.section-sustainability-home {
		padding: 118px 0px 100px 0px;
	}

	.section-sustainability-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/*   SECTION SUSTAINABILITY HOME 540-809 END  */

	/* SECTION PRODUCT HOME 540-809 START  */
	.section-product-home {
		overflow-x: hidden;
	}

	.section-product-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.row-product-home .pr-6 {
		padding-right: 15px !important;
	}

	.row-product-home .pl-6 {
		padding-left: 15px !important;
	}

	/* SECTION PRODUCT HOME 540-809 END  */

	/* SECTION NEWS HOME 540-809 START  */
	.section-news-home {
		overflow-x: hidden;
	}

	.section-news-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/* SECTION NEWS HOME 540-809 END  */

	/* PRODUCT DETAIl 540-809 START */
	.section-product-detail .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-product-components .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		order: 1;
	}

	.section-product-components .row-product:nth-child(odd) .left-component-product {
		order: 2;
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(odd) .paragraph-left-component {
		padding-right: 15px !important;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		padding-left: 0px;
	}

	.section-product-components .row-product:nth-child(odd) .content-right-component {
		padding-left: 0px;
	}

	/* GENAP 540-809 START*/

	.section-product-components .row-product:nth-child(even) .right-component-product {
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(even) .content-right-component {
		padding-left: 0px;
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .content-left-component {
		padding-left: 0px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .paragraph-left-component {
		padding-left: 0px;
	}

	/* GENAP 540-809 END*/
	.section-funnel-act-product {
		padding: 48px 15px 24px 15px;
	}


	.btn-read-more-product {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.btn-read-more-product .btn-outline-aqua-200 {
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.card-component {
		position: absolute;
		width: 120px;
	}

	.card-component-one {
		left: unset;
		right: -8%;
		top: 75.5%;
	}

	.card-component-two {
		left: 20%;
		right: unset;
		top: 32%;
	}

	.card-component-three {
		left: 80.64%;
		right: unset;
		top: 32%;
	}

	.card-component-four {
		left: 21%;
		right: unset;
		top: unset;
		bottom: 18%;
	}

	.pulsating-circle-three {
		left: 56%;
		top: 46.64%;
	}

	.pulsating-circle-four {
		left: 61%;
		top: 51.64%;
	}

	.product-motor-cycle {
		width: 474px;
		top: 56.64%;
	}

	.product-motor-cycle img {
		max-width: 172%;
	}

	.section-header-product .center-container.px-0 {
		max-width: 98%;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-header-cover h1 {
		font: 400 33px/40px var(--font-geist);
		letter-spacing: -0.98px;
	}

	.title-header-cover h2 {
		font: 400 33px/40px var(--font-geist);
		letter-spacing: -0.98px;
	}

	.content-plant-factories {
		width: auto;
		max-width: 100%;
	}

	/* SECTION KEY NUMBERS HOME 540-809 START  */

	.section-key-numbers-home .row-key-numbers-home {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.content-plant-factories {
		width: auto;
		max-width: 69.5%;
	}

	.map-thumbnail {
		width: 110px;
		margin-top: 0px;
	}

	/* SECTION KEY NUMBERS HOME 540-809 END  */

	/* PRODUCT DETAIL 540-809 END */
	.section-who-we-are .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-matrics-company .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-company-overview .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.card-product-explore {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.section-matrics-company .gutter--32>[class^="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT START   */
	.section-detail-product {
		height: auto;
	}

	.section-detail-product .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-content-spesification {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.section-detail-product .title-content-spesification {
		width: 60%;
	}

	.content-spesifications-left {
		padding-right: 0px;
	}

	.right-row-spesifications {
		padding-left: 8px;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT END   */

	/* NEWS SECTION HOMEPAGE 540-809 START */

	.desc-awards-caption {
		max-width: 100%;
	}

	.desc-awards-caption p {
		margin-bottom: 24px;
	}

	.card-small-news {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}

	.title-small-news {
		max-width: 58.20%;
	}

	.summary-program-desc {
		width: auto;
		max-width: 97%;
	}

	.row-product-home .desc-awards-caption {
		width: auto;
		max-width: 97%;
		padding-bottom: 36px;
	}

	.desc-overview-about {
		font: 500 30px/35px var(--font-geist);
	}

	.thumb-small-news {
		width: 196px;
	}

	.title-small-news h3 {
		font: 400 20.64px/27.64px var(--font-geist);
	}

	.title-small-news h2 {
		font: normal 500 21.64px/27.64px var(--font-plus-jakarta);
	}

	.featured-large-news {
		margin-bottom: 26px;
	}

	.btn-read-more-news {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}


	/* NEWS SECTION HOMEPAGE 540-809 END */


	/* TESTIMONIAL HOMEPAGE 540-809 START */


	.section-testimonials .center-container.container.px-0.mx-auto {
		padding-left: 0px !important;
		padding-right: 0px !important;
		width: 100%;
	}

	.card-testimonials {
		width: 116% !important;
		padding: 32px 20px;
		margin-left: 10px;
		margin-right: 10px;

	}

	.slide-testimonials {
		width: 100%;
	}

	.slide-testimonials .slick-list {
		width: 100vw;
		overflow: unset !important;
	}

	.slide-testimonials .slick-list .slick-track {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		left: -9%;
		right: 0;
		margin: 0 auto;
	}

	.author-testimonials h4 {
		font: 600 17px/21.64px var(--font-geist);
	}

	.author-testimonials {
		padding-right: 0px;
	}

	.img-author-testimonials {
		width: 86px;
	}

	.certified-descriptions {
		padding-left: 0px;
	}

	/* TESTIMONIAL HOMEPAGE 540-809 END */
	/* VISION MISSION 540-809 END */


	/* CONTACT US 540-809 START */
	.content-contact-us .row-contact-us .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-contact-us .col-xl-6:nth-child(1 of .col-xl-6) {
		flex: 0 0 auto;
		width: 100%;
		order: 1;
		margin-top: 48px;
	}

	.row-contact-us .col-xl-6:nth-child(2 of .col-xl-6) {
		flex: 0 0 auto;
		width: 100%;
	}

	.card-link-contact {
		padding-right: 0px;
		margin-top: 64px;
	}

	.card-link-contact .col-xl-6:nth-child(1 of .col-xl-6) {
		width: 50%;
		flex: 0 0 auto;
		margin-top: 0px;
	}

	.card-link-contact .col-xl-6:nth-child(2 of .col-xl-6) {
		width: 50%;
		flex: 0 0 auto;
	}

	.section-detail-product .head-content-vision {
		padding: 6px 0px 6px 0px;
	}

	.content-contact-us {
		padding: 24px 0px 40px 0px;
	}

	/* CONTACT US 540-809 START */

	/* ESG 540-809 START */

	.section-detail-product .center-container.px-0 {
		max-width: 100%;
	}

	.desc-esg h3 {
		font: 500 29px/36px var(--font-geist);
	}

	.row-esg-column .col-md-5:nth-child(1 of .col-md-5) {
		padding-left: 13px;
	}

	.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-5 {
		padding-left: 13px;
		padding-right: 13px;
	}

	.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-7 {
		padding-left: 13px;
		padding-right: 13px;
		padding-top: 32px;
	}

	.desc-esg .row-esg-column:nth-child(1 of .row-esg-column) .col-md-7 {
		order: 2;
		padding-right: 13px;
		padding-left: 13px;
		padding-top: 32px;
	}

	.desc-esg .row-esg-column:nth-child(3 of .row-esg-column) .col-md-7 {
		order: 2;
		padding-right: 13px;
		padding-left: 13px;
		padding-top: 32px;
	}

	.desc-esg .row-esg-column:last-child {
		padding-top: 0px;
	}

	/* ESG 540-809 END */

	/* HERO SECTION MOBILE 540-809 START */
	.hero-section {
		display: none;
	}

	.hero-section-mobile {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-height: 100vh;
		height: auto;
		overflow-x: hidden;
		/* border: 4.5px solid #cf0000; */
	}

	#carouselMobile {
		width: 100% !important;
		height: 87vh !important;
		position: relative;
	}

	#carouselMobile .carousel-item {
		height: 87vh !important;
		position: relative !important;
		display: block !important;
		width: 100vw;
	}

	.hero-section-mobile .carousel-item img {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		max-width: 100vw !important;
		width: 100vw;
		height: 87vh;
		object-fit: cover !important;
		z-index: 1 !important;
	}

	#carouselMobile .slick-track,
	#carouselMobile .slick-list {
		height: 87vh !important;
	}

	.content-caption-hero h1 {
		/* font: 700 35.24px/41px var(--font-geist); */
		font: 700 32px/35px var(--font-geist);
		letter-spacing: -0.37px;
		position: relative;
		z-index: 6;
		margin-bottom: 8px;
	}

	.content-caption-hero p {
		position: relative;
		z-index: 6;
	}

	#carouselMobile .content-caption-hero {
		width: 60%;
		padding: 64px 0px 96px 0px;
	}

	/* HERO SECTION MOBILE 540-809 END */
	/* VISION MISSION 540-809 START */
	.row.row-video-mission .col {
		width: 100%;
	}

	.row.row-video-mission .col-10 {
		width: 100%;
	}

	.section-video-player .center-container.px-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		max-width: 100%;
	}

	/* VISION MISSION 540-809 END */

	/* ABOUT OVERVIEW 540-809 START */
	.section-who-we-are .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-matrics-company .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-company-overview .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
		max-width: 99%;
	}

	.section-who-we-are .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
		max-width: 99%;
	}

	.section-matrics-company .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
		max-width: 99%;
	}

	.card-to-other-pages .col-lg-10 .row.gutter--32 .col-sm-12 {
		flex: 0 0 auto;
		width: 33.33333333%;
	}

	.icon-vision-mission-value {
		width: 120px;
		top: 24px;
	}

	.title-blue {
		padding-top: 50px;
	}

	.section-company-overview .row .col-md-11 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-landscape-company-thumbnail {
		position: relative;
		height: 24.56vh;
	}

	.desc-matric-right {
		padding-left: 0px;
		padding-top: 16px;
	}

	.section-matrics-company .row.key-factory .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-matrics-company .row.key-factory>.col-md-6:nth-last-child(1 of .col-md-6) {
		margin-bottom: 32px;
	}

	.row.card-to-other-pages .col {
		flex: 0 0 auto;
		width: 100%;
	}

	.row.card-to-other-pages .col-lg-10 {
		flex: 0 0 auto;
		width: 100%;
	}

	.title-card-product-explore h3 {
		font: 400 13.56px/16.64px var(--font-geist);
	}

	.title-card-vision-mission-value h3 {
		font: 400 13.56px/16.64px var(--font-geist);
	}

	.title-card-vision-mission-value h2 {
		font: 400 17.64px/21.64px var(--font-geist);
		margin-bottom: 8px;
	}

	.title-card-product-explore h2 {
		font: 400 17.64px/21.64px var(--font-geist);
		margin-bottom: 8px;
	}

	.left-value-numbers h2 {
		font: 500 48px/54px var(--font-geist);
	}

	/* ABOUT OVERVIEW 540-809 START */
	/* PRODUCT PAGE 540-809 START */
	.section-funnel-act-product .center-container.container.px-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		max-width: 100%;
	}

	.absolute-act {
		bottom: 24px;
	}

	.section-funnel-act-product .center-container .row .col-md-8 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.content-product-detail .row.gutter-32 .col-lg-5 {
		flex: 0 0 auto;
		width: 48%;
	}

	.content-product-detail .row.gutter-32 .col-lg-7 {
		flex: 0 0 auto;
		width: 53%;
	}

	.content-product-detail .row.gutter-32 .col-lg-5 {
		flex: 0 0 auto;
		width: 46%;
	}

	.content-product-detail .row.gutter-32 .col-lg-7 {
		flex: 0 0 auto;
		width: 54%;
	}

	.icon-infographic-product {
		width: 124px;
	}

	.desc-infographic {
		margin-bottom: 2px;
	}

	.content-left-summary-product {
		width: 100%;
		padding-right: 24px;
	}

	.short-desc-infograph {
		width: 100%;
		padding-right: 24px;
	}

	.row-product {
		padding-top: 40px;
		padding-bottom: 30px;
		align-items: start !important;
	}

	.content-right-summary-product {
		padding-top: 0px;
	}

	.card-image-components {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.row-product .col-md-7:nth-child(1 of .col-md-7) {
		flex: 0 0 auto;
		width: 48%;
	}

	.row-product .col-md-7:nth-child(2 of .col-md-7) {
		flex: 0 0 auto;
		width: 52%;
	}

	.section-product-components .row-product:nth-child(2n+1) .left-component-product {
		order: 1;
	}

	.section-product-components .row-product:nth-child(2n+1) .right-component-product {
		order: 2;
		padding-right: 15px;
		padding-left: 48px;
	}

	.section-product-components .row-product:nth-child(2n) .right-component-product {
		order: 1;
		padding-right: 48px;
		padding-left: 15px;
	}

	.btn-product-medium {
		width: 100%;
		display: flex;
		order: 3;
	}

	.row-product .left-component-product .btn-read-more-product {
		display: none;
	}

	/* PRODUCT PAGE 540-809 END */
	/* FOOTER PAGE 540-809 START  */
	.footer-section-cmw {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.footer-section-cmw .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.footer-section-cmw .row.align-items-center .center-terms {
		order: 1;
		margin-bottom: 14px;
	}

	.footer-section-cmw .row.align-items-center .left-copyright {
		order: 2;
	}

	.items-ccenter-terms {
		width: 100%;
		display: flex;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.items-ccenter-terms ul {
		list-style: none;
		margin-bottom: 0px;
		width: auto;
		display: flex;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-left: 0px;
		gap: 14px;
	}

	/* FOOTER PAGE 540-809 END  */

}


/* 540-809 END */

/* MEDIA 768 DEVICES POTRAIT START */
@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {

	.navbar-desc .cmw-container.navbar-solid {
		width: 97%;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-items-menu {
		width: 96%;
		min-height: 10px;
		height: auto;
		display: none;
	}

	/* NAVBAR 768 ONLY START*/
	.dialog-all-menu {
		padding: 20px 5px;
	}

	.search-content-form-active {
		/* padding: 20px 5px; */
		padding: 5px 5px 20px 5px;
	}

	.search-page input.form-control {
		padding: 14px 15px 14px 15px;
		height: 56px;
		font: normal 400 17px/28.64px var(--font-plus-jakarta);
	}

	.card-search-link {
		width: 100%;
		padding: 24px 10px;
		top: 186px;
	}

	.text-item-all {
		text-align: left;
	}

	.label-emblem-ukas {
		width: 72px;
		min-height: 86px;
	}

	.content-item-menu ul li {
		margin-bottom: 0px;
	}

	.card-search-dialog {
		width: 100%;
		padding: 20px 15px;
		/* min-height: 132px; */
		min-height: 92vh;
		max-height: 92vh;
		top: 64px;
	}

	.relative-type-search {
		width: 100%;
		height: 93vh;
		height: 76vh;
	}

	.text-search-btn {
		display: none;
	}

	.navbar-gradients.container.px-0 {
		display: none;
	}

	.navbar-desc .mcci-container.px-0 {
		padding-left: 9px !important;
		padding-right: 9px !important;
	}

	.navbar-gradients .d-flex.w-100 {
		background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-ms-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-moz-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-webkit-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		padding: 4px 10px;
		border-radius: 4px;
	}

	.lang-toggle {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 6px 0px;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}

	.navbar-desc .mcci-container.navbar-solid {
		width: 95%;
		margin: 0 auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-gradients .col-md-7 .d-flex.justify-content-end {
		margin-left: auto;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-mobile-container {
		display: block;
	}

	.navbar-align-right {
		min-width: 110px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		/* margin-right: -5px; */
		margin-right: 10px;
	}

	#mobile-menu-level-2 .back-to-level-1 {
		display: flex;
		align-items: center;
		text-decoration: none;
		font: normal 400 13.64/21px var(--font-plus-jakarta);
		color: var(--gray-500);
		width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	.mobile-menu-header {
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-shrink: 0;
		min-height: auto;
		flex-direction: column;
		background: var(--white-one);
		width: 95.15%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom: 6px solid #fff;
		position: relative;
		bottom: -4px;
	}

	#mobile-menu-level-1 .mobile-menu-header {
		border-bottom: none;
		min-height: auto;
		padding: 0;
	}


	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
		border: transparent none;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -1px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--aqua-blue-50);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--aqua-blue-50);
	}

	.navbar-gradients .col-lg-5 {
		display: none;
	}

	.navbar-gradients .col-lg-7 .d-flex.justify-content-end {
		justify-content: space-between !important;
	}

	.logo-brand {
		width: 110px;
		margin-left: 14px;
	}

	/* MOBILE NABAR 768 ONLY*/
	.flag-lang {
		width: 28px;
	}

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		visibility: hidden;
	}


	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 136px 0px 0px 0px;
		width: 95%;
		margin: 0 auto;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		min-height: 96vh;
		max-height: 96vh;
		position: relative;
		background: var(--white-one);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px;
		border: 1px solid var(--gray-100);
		border-radius: 5.64px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		overflow-y: scroll;
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset;
		margin-bottom: 76px;
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	.accordionMenu a {
		padding: 13px 0px 14px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 20px/25.64px var(--font-plus-jakarta);
		letter-spacing: 0.35px;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100%;
		-webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-plus-jakarta);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}


	.navbar-align-center {
		display: none;
	}

	/* MOBILE NAVBAR 768 ONLY END */
	.facilities-thumb {
		width: 100%;
	}

	.caption-vids {
		padding-left: 15px;
		padding-right: 15px;
	}

	.content-caption-hero {
		width: 100%;
	}

	.facilities-content-desc {
		width: 100%;
	}

	.content-caption-hero {
		display: flex;
		flex-direction: column;
		width: 72%;
	}

	.content-caption-hero h1 {
		font: 700 40px/45px var(--font-geist);
		margin-bottom: 0px;
		color: var(--white-one);
		letter-spacing: -0.58px;
	}

	.right-table-paragraph {
		width: auto;
		min-width: 100%;
		max-width: 100%;
		padding-left: 0;
	}

	.card-derived-products {
		padding: 32px 20px;
	}

	.card-derived-products:nth-child(2n) .facilities-thumb {
		padding-right: 0px;
		padding-left: 0px;
	}

	.title-card-facilities h2 {
		font: 500 30px/35.5px var(--font-geist);
	}

	.cover-heeader-section img {
		max-width: 199%;
		top: 64px;
		left: -58%;
		position: relative;
	}

	.header-modular-page {
		width: 100%;
		height: 49.64vh;
	}

	.caption-header-modular.bottom-position .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.caption-header-modular .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.content-caption-center h2 {
		font: 700 28px/32px var(--font-geist);
	}

	.caption-header-modular {
		display: flex;
		align-items: end;
		-ms-align-items: end;
		-moz-align-items: end;
		-webkit-align-items: end;
		height: auto;
	}

	.content-caption-center::before {
		content: "";
		width: 76%;
		min-height: 32%;
		/* border: 2px solid #cf0000; */
		background-color: hsla(240, 88%, 27%, 0.32);
		background-image: radial-gradient(at 46% 58%, hsla(187, 61%, 42%, 1) 0px, transparent 50%), radial-gradient(at 39% 20%, hsla(216, 64%, 45%, 1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 1) 0px, transparent 50%), radial-gradient(at 31% 83%, hsla(195, 93%, 28%, 1) 0px, transparent 50%), radial-gradient(at 81% 86%, hsla(189, 54%, 53%, 0.56) 0px, transparent 50%);
		border-radius: 52px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		-webkit-filter: blur(24px);
		-ms-filter: blur(24px);
		-moz--filter: blur(24px);
		filter: blur(24px);
		position: absolute;
		z-index: 2;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 59.24%;
	}

	#carouselPrimary .slick-prev,
	#carouselPrimary .slick-next {
		width: 32px;
		height: 32px;
		z-index: 8;
		background-size: 18px;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next {
		right: 10px !important;
	}

	#carouselPrimary .slick-prev {
		left: 10px !important;
	}

	.home-pre-title.content-overview-company {
		width: 100%;
		height: auto;
	}

	.home-pre-title h3 {
		padding-right: 0px;
		letter-spacing: -0.48px;
		font: 500 30px/36px var(--font-geist);
	}

	.desc-value-market-caps h2 {
		font: 500 30px/36px var(--font-geist);
	}

	.icon-business-at-glance {
		width: 80px;
		height: 80px;
	}

	/* FLIP SLIDE MENU START */
	.tab-switch-map .nav-tabs {
		gap: 16px;
	}

	.navbar-desc {
		min-height: 80px;
	}

	/* 1. Kontainer Utama (Window) */
	.navbar-mobile-container {
		position: fixed;
		/* padding-top: 120px; */
		padding-top: 86px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		width: 100vw;
		height: 100vh;
		height: calc(100vh - 2px);
		background: rgba(4, 13, 64, 0.11);
		border-radius: 16px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		z-index: 9;
		overflow: hidden;
		border-radius: 5px;
		/* Sembunyikan by default */
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;

	}

	/* Status TERBUKA (dikontrol oleh hamburger) */
	.navbar-mobile-container.menu-is-open {
		visibility: visible;
		opacity: 1;
	}

	/* 2. Wrapper Geser (Slider) */
	/* Lvl 1 + Lvl 2 */
	/* Tinggi wrapper 100% dari parent (calc(100vh - 120px)) */
	.navbar-mobile-wrapper {
		display: flex;
		width: 200%;
		height: auto;
		transform: translateX(0);
		transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
		padding-left: 11px;
		padding-right: 12px;
		max-height: 96.99%;
		overflow-y: scroll;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}


	/* Status saat Lvl 2 aktif (digeser oleh jQuery) */
	/* Geser ke kiri */
	.navbar-mobile-wrapper.level-2-active {
		transform: translateX(-50%);
		overflow-x: hidden;
	}

	.mobile-menu-panel {
		overflow-x: hidden;
	}

	#mobileMenuContainer::before {
		content: "";
		height: 29px;
		background-color: #fff;
		top: 117px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		z-index: 10;
		position: fixed;
		margin: 0 auto;
		display: none;
	}

	#mobileMenuContainer::after {
		content: "";
		height: 29px;
		background-color: #fff;
		bottom: -0.24px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	.navbar-mobile-wrapper::after {
		content: "";
		height: 29px;
		/* background-color: #cf0000; */
		bottom: -0.24px;
		width: calc(100% - 4.89%);
		left: 0;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	/* 3. Panel (Lvl 1 & Lvl 2) */
	/* 50% dari 200% = 100% lebar layar */
	.mobile-menu-panel {
		width: 50%;
		height: 100%;
		flex-shrink: 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		overflow: hidden;

	}

	#mobile-menu-level-1 {
		left: -5px;
		position: relative;
	}

	#mobile-menu-level-2 {
		left: 6px;
		position: relative;
	}


	.mobile-menu-header {
		padding: 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-shrink: 0;
		min-height: auto;
		flex-direction: column;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom: 6px solid #fff;
		position: relative;
		bottom: -4px;
	}

	#mobile-menu-level-1 .mobile-menu-header {
		border-bottom: none;
		min-height: auto;
		padding: 0;
	}


	.mobile-menu-content,
	.submenu-content-wrapper {
		flex-grow: 1;
		overflow-y: auto;
		padding: 15px 10px;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-radius: 5px;
	}


	.menu-link {
		display: flex;
		justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		padding: 12px 0px;
		font: 400 20.64px/27.64px var(--font-geist);
		color: #111;
		text-decoration: none;
		cursor: pointer;
	}

	.mobile-menu-content .menu-link:last-child {
		margin-bottom: 86px;
	}

	.text-menu-link {
		height: auto;
	}

	.text-menu-link p {
		margin-bottom: 0px;
	}

	.menu-link:hover {
		background-color: #f9f9f9;
	}

	.menu-link.has-submenu {
		position: relative;
	}

	.menu-link.has-submenu::after {
		content: '›';
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		font-weight: 600;
		font-size: 26px;
		color: #034ea1;
		display: none;
	}

	/* 7. Styling Panel Lvl 2 (Submenu) */
	#mobile-menu-level-2 .back-to-level-1 {
		display: flex;
		align-items: center;
		text-decoration: none;
		font: normal 400 13.64/21px var(--font-plus-jakarta);
		color: var(--gray-500);
		width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	#mobile-menu-level-2 .back-to-level-1 svg {
		margin-right: 5px;
		color: var(--color-gray-500);
	}

	#mobile-menu-level-2 #submenu-title {
		font: 400 20.64px/27.64px var(--font-geist);
		color: var(--color-gray-950);
		margin: 0;
		margin-left: 15px;
		width: 100%;

	}

	.mobile-submenu-panel {
		display: none;
	}

	.mobile-submenu-panel.active {
		display: block;
	}

	.desc-submenu {
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		top: -6px;
		position: relative;
	}

	.desc-submenu p {
		margin-top: 0px;
	}

	.explore-desc {
		width: 100%;
		height: auto;
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		margin-bottom: 16px;
	}

	.explore-desc a {
		color: var(--aqua-blue-500);
		text-decoration: none;
		display: flex;
		flex-direction: row;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.text-explore-submenu {
		font: normal 400 13.64/21px var(--font-geist);
	}

	.explore-desc a .icon-18 {
		width: 24px;
	}

	.explore-desc a .icon-18 svg {
		width: 100%;
		height: auto;
		max-width: 100%;
		transform: rotate(270deg);
	}

	.text-explore-submenu p {
		margin-bottom: 0px;
	}

	.sub-menu-list {
		list-style: none;
		padding-left: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 8px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.sub-menu-list li a {
		padding: 14px 0px;
		display: block;
		text-decoration: none;
		color: #333;
		font-weight: 500;
		background-color: var(--white-one);
		border-radius: 0px;
		font: normal 400 15.24/22px var(--font-geist);
		border-bottom: 1px solid #E6E6E6;
	}

	.sub-menu-list li a:hover {
		background-color: #e9e9e9;
		color: #034ea1;
	}

	.sub-menu-list:last-child {
		margin-bottom: 40px;
	}

	.navbar-align-right .btn-all-menu {
		display: none;
	}

	/* FLIP SLIED MENU END */

	/* SECTION HERO IMAGES HOME 768 ONLY START  */
	.section-hero-images-home {
		overflow-x: hidden;
	}

	.container-slide-caption {
		display: flex;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}

	/* SECTION HERO IMAGES HOME 768 ONLY END  */


	/* SECTION ABOUT OVERVIEW HOME START  */
	.section-about-home {
		overflow-x: hidden;
	}

	.desc-overview-about {
		padding-left: 0px;
	}

	.section-about-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-key-numbers-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-key-numbers-home {
		padding: 32px 0px 114px 0px;
	}

	.section-key-numbers-home .col-lg-4:nth-child(3) {
		margin-top: 64px;
	}

	.catalog-product-home {
		padding: 20px 18px 38px 18px;
		margin-top: 24px;
		min-height: 596px;
	}

	.icon-automotive {
		width: 200px;
		height: 186px;
		right: -124px;
	}

	/* SECTION ABOUT OVERVIEW HOME END  */

	/*  SECTION AWARDS CERTIFICATIONS HOME 768 ONLY START  */
	.section-awards-certifications {
		overflow-x: hidden;
	}

	.section-awards-certifications .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-awards-certifications .row {
		width: 100%;
		min-height: 164px;
		height: auto;
		background: var(--white-one);
		padding: 54.73px 0px 65.72px 0px;
		border-radius: 5px;
		-ms-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		box-shadow: none;
		-ms-box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 768 ONLY START  */

	.section-testimonials {
		overflow-x: hidden;
	}

	.section-testimonials .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 768 ONLY END  */

	/*   SECTION SUSTAINABILITY HOME 768 ONLY START  */
	.section-sustainability-home {
		overflow-x: hidden;
	}


	.section-sustainability-home {
		padding: 118px 0px 100px 0px;
	}

	.section-sustainability-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/*   SECTION SUSTAINABILITY HOME 768 ONLY END  */

	/* SECTION PRODUCT HOME 768 ONLY START  */
	.section-product-home {
		overflow-x: hidden;
	}

	.section-product-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.row-product-home .pr-6 {
		padding-right: 15px !important;
	}

	.row-product-home .pl-6 {
		padding-left: 15px !important;
	}

	/* SECTION PRODUCT HOME 768 ONLY END  */

	/* SECTION NEWS HOME 768 ONLY START  */
	.section-news-home {
		overflow-x: hidden;
	}

	.section-news-home .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	/* SECTION NEWS HOME 768 ONLY END  */

	/* PRODUCT DETAIl 768 ONLY START */
	.section-product-detail .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-product-components .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		order: 1;
	}

	.section-product-components .row-product:nth-child(odd) .left-component-product {
		order: 2;
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(odd) .paragraph-left-component {
		padding-right: 15px !important;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		padding-left: 0px;
	}

	.section-product-components .row-product:nth-child(odd) .content-right-component {
		padding-left: 0px;
	}

	/* GENAP 768 ONLY START*/

	.section-product-components .row-product:nth-child(even) .right-component-product {
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(even) .content-right-component {
		padding-left: 0px;
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .content-left-component {
		padding-left: 0px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .paragraph-left-component {
		padding-left: 0px;
	}

	/* GENAP 768 ONLY END*/
	.section-funnel-act-product {
		padding: 48px 15px 24px 15px;
	}


	.btn-read-more-product {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.btn-read-more-product .btn-outline-aqua-200 {
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.card-component {
		position: absolute;
		width: 120px;
	}

	.card-component-one {
		left: unset;
		right: -8%;
		top: 75.5%;
	}

	.card-component-two {
		left: 20%;
		right: unset;
		top: 32%;
	}

	.card-component-three {
		left: 80.64%;
		right: unset;
		top: 32%;
	}

	.card-component-four {
		left: 21%;
		right: unset;
		top: unset;
		bottom: 18%;
	}

	.pulsating-circle-three {
		left: 56%;
		top: 46.64%;
	}

	.pulsating-circle-four {
		left: 61%;
		top: 51.64%;
	}

	.product-motor-cycle {
		width: 474px;
		top: 56.64%;
	}

	.product-motor-cycle img {
		max-width: 172%;
	}

	.section-header-product .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-header-cover h1 {
		font: 400 33px/40px var(--font-geist);
		letter-spacing: -0.98px;
	}

	.title-header-cover h2 {
		font: 400 33px/40px var(--font-geist);
		letter-spacing: -0.98px;
	}

	.content-plant-factories {
		width: auto;
		max-width: 100%;
	}

	/* SECTION KEY NUMBERS HOME 768 ONLY START  */

	.section-key-numbers-home .row-key-numbers-home {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.content-plant-factories {
		width: auto;
		max-width: 63%;
	}

	.map-thumbnail {
		width: 110px;
		min-height: 110px;
		margin-top: 0px;
		border-radius: 6px;
		overflow: hidden;
	}

	/* SECTION KEY NUMBERS HOME 768 ONLY END  */

	/* PRODUCT DETAIL 768 ONLY END */
	.section-who-we-are .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-matrics-company .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-company-overview .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
		max-width: 99%;
	}

	.section-who-we-are .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
		max-width: 99%;
	}

	.section-matrics-company .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
		max-width: 99%;
	}

	.card-product-explore {
		margin-top: 30px;
		margin-bottom: 30px;
		border-radius: 6px;
	}

	.section-matrics-company .gutter--32>[class^="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT START   */
	.section-detail-product {
		height: auto;
	}

	.section-detail-product .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-content-spesification {
		display: flex;
		flex-direction: column;
		width: 100%;
	}

	.content-spesifications-left {
		padding-right: 0px;
	}

	.right-row-spesifications {
		padding-left: 8px;
	}

	.title-catalog-home h2 {
		font: 500 35px/38px var(--font-geist);
	}

	.desc-catalog-home {
		max-width: 82%;
		font: 500 21px/26px var(--font-geist);
	}

	/*  SECTION COMPONENT DETAIL PRODUCT END   */

	/* NEWS SECTION HOMEPAGE 768 ONLY START */

	.desc-awards-caption {
		max-width: 100%;
	}

	.card-small-news {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}

	.title-small-news {
		/* max-width: 54.10%; */
		max-width: 68%;
	}

	.thumb-small-news {
		width: 148px;
	}

	.title-large-news h2 {
		font: normal 500 21.24px/30.5px var(--font-plus-jakarta);
	}

	.title-small-news h3 {
		font: 400 18.64px/27.64px var(--font-geist);
	}

	.title-small-news h2 {
		font: normal 500 19.64px/27.64px var(--font-plus-jakarta);
	}

	.featured-large-news {
		margin-bottom: 26px;
	}

	.section-news-list .row.pb-5 .col-md-6:nth-child(1 of .col-md-6) {
		width: 46%;
		flex: 0 0 auto;
	}

	.section-news-list .row.pb-5 .col-md-6:nth-child(2 of .col-md-6) {
		width: 54%;
		flex: 0 0 auto;
	}

	.btn-read-more-news {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.section-news-list .title-small-news {
		max-width: 54%;
	}

	/* NEWS SECTION HOMEPAGE 768 ONLY END */

	.page-pre-title.content-vision-mission h3 {
		font: 400 33px/36.5px var(--font-plus-jakarta);
	}

	/* TESTIMONIAL HOMEPAGE 768 ONLY START */


	.section-testimonials .center-container.container.px-0.mx-auto {
		padding-left: 0px !important;
		padding-right: 0px !important;
		width: 100%;
	}

	.card-testimonials {
		width: 116% !important;
		padding: 32px 20px;
		margin-left: 10px;
		margin-right: 10px;

	}

	.slide-testimonials {
		width: 100%;
	}

	.slide-testimonials .slick-list {
		width: 100vw;
		overflow: unset !important;
	}

	.slide-testimonials .slick-list .slick-track {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		left: -9%;
		right: 0;
		margin: 0 auto;
	}

	.author-testimonials h4 {
		font: 600 17px/21.64px var(--font-geist);
	}

	.author-testimonials {
		padding-right: 0px;
	}

	.img-author-testimonials {
		width: 86px;
	}

	.certified-descriptions {
		padding-left: 0px;
	}

	/* TESTIMONIAL HOMEPAGE 768 ONLY END */
	/* HERO SECTION MOBILE 768 START */
	.hero-section {
		display: none;
	}

	.hero-section-mobile {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-height: 100vh;
		height: auto;
		overflow-x: hidden;
		/* border: 4.5px solid #cf0000; */
	}

	#carouselMobile {
		width: 100% !important;
		height: 87vh !important;
		position: relative;
	}

	#carouselMobile .carousel-item {
		height: 87vh !important;
		position: relative !important;
		display: block !important;
		width: 100vw;
	}

	.hero-section-mobile .carousel-item img {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		max-width: 100vw !important;
		width: 100vw;
		height: 87vh;
		object-fit: cover !important;
		z-index: 1 !important;
	}

	#carouselMobile .slick-track,
	#carouselMobile .slick-list {
		height: 87vh !important;
	}

	.content-caption-hero h1 {
		/* font: 700 35.24px/41px var(--font-geist); */
		font: 700 32px/35px var(--font-geist);
		letter-spacing: -0.37px;
		position: relative;
		z-index: 6;
		margin-bottom: 8px;
	}

	.content-caption-hero p {
		position: relative;
		z-index: 6;
	}

	#carouselMobile .content-caption-hero {
		width: 60%;
		padding: 64px 0px 96px 0px;
	}

	/* HERO SECTION MOBILE 768 END */
	/* ESG 768 START */
	.desc-esg .row-esg-column:nth-child(1 of .row-esg-column) .col-md-7 {
		order: 2;
		padding-right: 13px;
		padding-left: 13px;
		padding-top: 0px;
	}

	.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-7 {
		padding-top: 0px;
	}

	.desc-esg .row-esg-column:nth-child(3 of .row-esg-column) .col-md-7 {
		padding-top: 0px;
	}

	.row-esg-column .col-md-5:nth-child(1 of .col-md-5) {
		order: 2;
	}

	.thumb-image-esg {
		width: 100%;
		min-height: 296px;
	}

	.row.row-esg-column {
		margin-bottom: 24px;
	}

	.row.row-esg-column:last-child {
		margin-bottom: 5px;
	}

	/* ESG 768 END */
	/* VISION MISSION 540-809 START */
	.row.row-video-mission .col {
		width: 100%;
	}

	.row.row-video-mission .col-10 {
		width: 100%;
	}

	.section-video-player .center-container.px-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		max-width: 100%;
	}

	/* VISION MISSION 540-809 END */

	/* ABOUT OVERVIEW 768 START */
	.title-blue {
		padding-top: 76px;
	}

	.section-company-overview .row .col-md-11 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-landscape-company-thumbnail {
		position: relative;
		height: 24.56vh;
	}

	.desc-matric-right {
		padding-left: 0px;
		padding-top: 16px;
	}

	.section-matrics-company .row.key-factory .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-matrics-company .row.key-factory>.col-md-6:nth-last-child(1 of .col-md-6) {
		margin-bottom: 32px;
	}

	.row.card-to-other-pages .col {
		flex: 0 0 auto;
		width: 100%;
	}

	.row.card-to-other-pages .col-lg-10 {
		flex: 0 0 auto;
		width: 100%;
	}

	.title-card-product-explore h3 {
		font: 400 13.56px/16.64px var(--font-geist);
	}

	.title-card-vision-mission-value h3 {
		font: 400 13.56px/16.64px var(--font-geist);
	}

	.title-card-vision-mission-value h2 {
		font: 400 17.64px/21.64px var(--font-geist);
		margin-bottom: 8px;
	}

	.title-card-product-explore h2 {
		font: 400 17.64px/21.64px var(--font-geist);
		margin-bottom: 8px;
	}

	.left-value-numbers h2 {
		font: 500 48px/54px var(--font-geist);
	}

	/* ABOUT OVERVIEW 768 START */

	/* PRODUCT PAGE 768 START */
	.section-funnel-act-product .center-container.container.px-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
		max-width: 100%;
	}

	.absolute-act {
		bottom: 24px;
	}

	.section-funnel-act-product .center-container .row .col-md-8 {
		flex: 0 0 auto;
		width: 83.33333333%;
	}

	.content-product-detail .row.gutter-32 .col-lg-5 {
		flex: 0 0 auto;
		width: 48%;
	}

	.content-product-detail .row.gutter-32 .col-lg-7 {
		flex: 0 0 auto;
		width: 53%;
	}

	.content-product-detail .row.gutter-32 .col-lg-5 {
		flex: 0 0 auto;
		width: 46%;
	}

	.content-product-detail .row.gutter-32 .col-lg-7 {
		flex: 0 0 auto;
		width: 54%;
	}

	.icon-infographic-product {
		width: 124px;
	}

	.desc-infographic {
		margin-bottom: 2px;
	}

	.content-left-summary-product {
		width: 100%;
		padding-right: 24px;
	}

	.short-desc-infograph {
		width: 100%;
		padding-right: 24px;
	}

	.row-product {
		padding-top: 40px;
		padding-bottom: 30px;
		align-items: start !important;
	}

	.content-right-summary-product {
		padding-top: 0px;
	}

	.card-image-components {
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.row-product .col-md-7:nth-child(1 of .col-md-7) {
		flex: 0 0 auto;
		width: 48%;
	}

	.row-product .col-md-7:nth-child(2 of .col-md-7) {
		flex: 0 0 auto;
		width: 52%;
	}

	.section-product-components .row-product:nth-child(2n+1) .left-component-product {
		order: 1;
	}

	.section-product-components .row-product:nth-child(2n+1) .right-component-product {
		order: 2;
		padding-right: 15px;
		padding-left: 48px;
	}

	.section-product-components .row-product:nth-child(2n) .right-component-product {
		order: 1;
		padding-right: 48px;
		padding-left: 15px;
	}

	.btn-product-medium {
		width: 100%;
		display: flex;
		order: 3;
	}

	.row-product .left-component-product .btn-read-more-product {
		display: none;
	}

	/* PRODUCT PAGE 768 END */



	/* FOOTER PAGE 768 ONLY START  */
	.footer-section-cmw {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.footer-section-cmw .center-container.px-0 {
		padding-left: 5px !important;
		padding-right: 5px !important;
		max-width: 97%;
	}

	.footer-section-cmw .row.align-items-center .center-terms {
		order: 1;
		margin-bottom: 14px;
	}

	.footer-section-cmw .row.align-items-center .left-copyright {
		order: 2;
	}

	.items-ccenter-terms {
		width: 100%;
		display: flex;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.items-ccenter-terms ul {
		list-style: none;
		margin-bottom: 0px;
		width: auto;
		display: flex;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-left: 0px;
		gap: 14px;
	}

	.desc-addres-company {
		padding-right: 24px;
	}

	/* FOOTER PAGE 768 ONLY END  */

}

/* MEDIA 768 DEVICES POTRAIT END */

/* MEDIA 540-575 START */
@media screen and (min-width: 540px) and (max-width: 575px) {

	.page-pre-title.content-vision-mission h3 {
		font: 400 30px/37px var(--font-plus-jakarta);
		color: var(--gray-500);
		margin-bottom: 48px;
	}


	.navbar-desc .cmw-container.navbar-solid {
		width: 95%;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-items-menu {
		width: 96%;
		min-height: 10px;
		height: auto;
		display: none;
	}

	/* NAVBAR 540-575 START*/
	.dialog-all-menu {
		padding: 20px 5px;
	}

	.search-content-form-active {
		/* padding: 20px 5px; */
		padding: 5px 5px 20px 5px;
	}

	.search-page input.form-control {
		padding: 14px 15px 14px 15px;
		height: 56px;
		font: normal 400 17px/28.64px var(--font-plus-jakarta);
	}

	.card-search-link {
		width: 100%;
		padding: 24px 10px;
		top: 186px;
	}

	.text-item-all {
		text-align: left;
	}

	.label-emblem-ukas {
		width: 72px;
		min-height: 86px;
	}

	.content-item-menu ul li {
		margin-bottom: 0px;
	}

	.card-search-dialog {
		width: 100%;
		padding: 20px 15px;
		/* min-height: 132px; */
		min-height: 92vh;
		max-height: 92vh;
		top: 64px;
	}

	.relative-type-search {
		width: 100%;
		height: 93vh;
		height: 76vh;
	}

	.text-search-btn {
		display: none;
	}

	.navbar-gradients.container.px-0 {
		display: none;
	}

	.navbar-desc .mcci-container.px-0 {
		padding-left: 9px !important;
		padding-right: 9px !important;
	}

	.navbar-gradients .d-flex.w-100 {
		background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-ms-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-moz-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-webkit-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		padding: 4px 10px;
		border-radius: 4px;
	}

	.lang-toggle {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 6px 0px;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}

	.navbar-desc .mcci-container.navbar-solid {
		width: 95%;
		margin: 0 auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-gradients .col-md-7 .d-flex.justify-content-end {
		margin-left: auto;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-mobile-container {
		display: block;
	}

	.navbar-align-right {
		min-width: 110px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		/* margin-right: -5px; */
		margin-right: 10px;
	}

	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
		border: transparent none;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -1px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--aqua-blue-50);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--aqua-blue-50);
	}

	.navbar-gradients .col-lg-5 {
		display: none;
	}

	.navbar-gradients .col-lg-7 .d-flex.justify-content-end {
		justify-content: space-between !important;
	}

	.logo-brand {
		width: 110px;
		margin-left: 14px;
	}

	/* MOBILE NABAR 540-575*/
	.flag-lang {
		width: 28px;
	}

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		visibility: hidden;
	}


	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 136px 0px 0px 0px;
		width: 95%;
		margin: 0 auto;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		min-height: 96vh;
		max-height: 96vh;
		position: relative;
		background: var(--white-one);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px;
		border: 1px solid var(--gray-100);
		border-radius: 5.64px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		overflow-y: scroll;
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset;
		margin-bottom: 76px;
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	.accordionMenu a {
		padding: 13px 0px 14px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 20px/25.64px var(--font-plus-jakarta);
		letter-spacing: 0.35px;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100%;
		-webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-plus-jakarta);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}


	.navbar-align-center {
		display: none;
	}

	/* MOBILE NAVBAR 540-575 END */

	/* HERO SECTION MOBILE 540-575 START */
	.hero-section {
		display: none;
	}

	.hero-section-mobile {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-height: 100vh;
		height: auto;
		overflow-x: hidden;
		/* border: 4.5px solid #cf0000; */
	}

	#carouselMobile {
		width: 100% !important;
		height: 87vh !important;
		position: relative;
	}

	#carouselMobile .carousel-item {
		height: 87vh !important;
		position: relative !important;
		display: block !important;
		width: 100vw;
	}

	.hero-section-mobile .carousel-item img {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		max-width: 100vw !important;
		width: 100vw;
		height: 87vh;
		object-fit: cover !important;
		z-index: 1 !important;
	}

	#carouselMobile .slick-track,
	#carouselMobile .slick-list {
		height: 87vh !important;
	}

	.content-caption-hero h1 {
		/* font: 700 35.24px/41px var(--font-geist); */
		font: 700 31px/34px var(--font-geist);
		letter-spacing: -0.37px;
		position: relative;
		z-index: 6;
		margin-bottom: 10px;
	}

	.content-caption-hero p {
		position: relative;
		z-index: 6;
	}

	#carouselMobile .content-caption-hero {
		width: 60%;
		padding: 64px 0px 96px 0px;
	}

	/* HERO SECTION MOBILE 540-575 END */
	.facilities-thumb {
		width: 100%;
	}

	.caption-vids {
		padding-left: 10px;
		padding-right: 10px;
	}

	.content-caption-hero {
		width: 100%;
	}

	.facilities-content-desc {
		width: 100%;
	}

	.right-table-paragraph {
		width: auto;
		min-width: 100%;
		max-width: 100%;
		padding-left: 0;
	}

	.card-derived-products {
		padding: 32px 20px;
	}

	.card-derived-products:nth-child(2n) .facilities-thumb {
		padding-right: 0px;
		padding-left: 0px;
	}

	.title-card-facilities h2 {
		font: 500 30px/35.5px var(--font-geist);
	}

	.cover-heeader-section img {
		max-width: 199%;
		top: 64px;
		left: -58%;
		position: relative;
	}

	.header-modular-page {
		width: 100%;
		height: 49.64vh;
	}

	.caption-header-modular.bottom-position .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.caption-header-modular .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.content-caption-center h2 {
		font: 700 28px/32px var(--font-geist);
	}

	.caption-header-modular {
		display: flex;
		align-items: end;
		-ms-align-items: end;
		-moz-align-items: end;
		-webkit-align-items: end;
		height: auto;
	}

	.content-caption-center::before {
		content: "";
		width: 76%;
		min-height: 32%;
		/* border: 2px solid #cf0000; */
		background-color: hsla(240, 88%, 27%, 0.32);
		background-image: radial-gradient(at 46% 58%, hsla(187, 61%, 42%, 1) 0px, transparent 50%), radial-gradient(at 39% 20%, hsla(216, 64%, 45%, 1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 1) 0px, transparent 50%), radial-gradient(at 31% 83%, hsla(195, 93%, 28%, 1) 0px, transparent 50%), radial-gradient(at 81% 86%, hsla(189, 54%, 53%, 0.56) 0px, transparent 50%);
		border-radius: 52px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		-webkit-filter: blur(24px);
		-ms-filter: blur(24px);
		-moz--filter: blur(24px);
		filter: blur(24px);
		position: absolute;
		z-index: 2;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 59.24%;
	}

	#carouselPrimary .slick-prev,
	#carouselPrimary .slick-next {
		width: 32px;
		height: 32px;
		z-index: 8;
		background-size: 18px;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next {
		right: 10px !important;
	}

	#carouselPrimary .slick-prev {
		left: 10px !important;
	}

	.home-pre-title.content-overview-company {
		width: 100%;
		height: auto;
	}

	.home-pre-title h3 {
		padding-right: 0px;
		letter-spacing: -0.48px;
		font: 500 30px/36px var(--font-geist);
	}

	.desc-value-market-caps h2 {
		font: 500 30px/36px var(--font-geist);
	}

	.icon-business-at-glance {
		width: 80px;
		height: 80px;
	}

	/* FLIP SLIDE MENU START */
	.tab-switch-map .nav-tabs {
		gap: 16px;
	}

	.navbar-desc {
		min-height: 80px;
	}

	/* 1. Kontainer Utama (Window) */
	.navbar-mobile-container {
		/* position: fixed; */
		position: fixed;
		top: 0px;
		/* padding-top: 120px; */
		padding-top: 86px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		width: 100vw;
		height: 100vh;
		height: calc(100vh - 2px);
		background: rgba(4, 13, 64, 0.11);
		border-radius: 16px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		z-index: 9;
		overflow: hidden;
		border-radius: 5px;
		/* Sembunyikan by default */
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;

	}

	/* Status TERBUKA (dikontrol oleh hamburger) */
	.navbar-mobile-container.menu-is-open {
		visibility: visible;
		opacity: 1;
	}

	/* 2. Wrapper Geser (Slider) */
	/* Lvl 1 + Lvl 2 */
	/* Tinggi wrapper 100% dari parent (calc(100vh - 120px)) */
	.navbar-mobile-wrapper {
		display: flex;
		width: 200%;
		height: auto;
		transform: translateX(0);
		transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
		padding-left: 11px;
		padding-right: 12px;
		max-height: 96.99%;
		overflow-y: scroll;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}


	/* Status saat Lvl 2 aktif (digeser oleh jQuery) */
	/* Geser ke kiri */
	.navbar-mobile-wrapper.level-2-active {
		transform: translateX(-50%);
		overflow-x: hidden;
	}

	.mobile-menu-panel {
		overflow-x: hidden;
	}

	#mobileMenuContainer::before {
		content: "";
		height: 29px;
		background-color: #fff;
		top: 117px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		z-index: 10;
		position: fixed;
		margin: 0 auto;
		display: none;
	}

	#mobileMenuContainer::after {
		content: "";
		height: 29px;
		background-color: #fff;
		bottom: -0.24px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	.navbar-mobile-wrapper::after {
		content: "";
		height: 29px;
		/* background-color: #cf0000; */
		bottom: -0.24px;
		width: calc(100% - 4.89%);
		left: 0;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	/* 3. Panel (Lvl 1 & Lvl 2) */
	/* 50% dari 200% = 100% lebar layar */
	.mobile-menu-panel {
		width: 50%;
		height: 100%;
		flex-shrink: 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	#mobile-menu-level-1 {
		left: -5px;
		position: relative;
	}

	#mobile-menu-level-2 {
		left: 6px;
		position: relative;
	}


	.mobile-menu-header {
		/* padding: 15px; */
		padding: 15px 15px 0px 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-shrink: 0;
		min-height: auto;
		flex-direction: column;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom: 6px solid #fff;
		position: relative;
		bottom: -4px;
	}

	#mobile-menu-level-1 .mobile-menu-header {
		border-bottom: none;
		min-height: auto;
		padding: 0;
	}


	.mobile-menu-content,
	.submenu-content-wrapper {
		flex-grow: 1;
		overflow-y: auto;
		padding: 15px 10px;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-radius: 5px;
	}


	.menu-link {
		display: flex;
		justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		padding: 12px 0px;
		font: 400 20.64px/27.64px var(--font-geist);
		color: #111;
		text-decoration: none;
		cursor: pointer;
	}

	.mobile-menu-content .menu-link:last-child {
		margin-bottom: 86px;
	}

	.text-menu-link {
		height: auto;
	}

	.text-menu-link p {
		margin-bottom: 0px;
	}

	.menu-link:hover {
		background-color: #f9f9f9;
	}

	.menu-link.has-submenu {
		position: relative;
	}

	.menu-link.has-submenu::after {
		content: '›';
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		font-weight: 600;
		font-size: 26px;
		color: #034ea1;
		display: none;
	}

	/* 7. Styling Panel Lvl 2 (Submenu) */
	#mobile-menu-level-2 .back-to-level-1 {
		display: flex;
		align-items: center;
		text-decoration: none;
		font: normal 400 13.64/21px var(--font-plus-jakarta);
		color: var(--gray-500);
		width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	#mobile-menu-level-2 .back-to-level-1 svg {
		margin-right: 5px;
		color: var(--color-gray-500);
	}

	#mobile-menu-level-2 #submenu-title {
		font: 400 20.64px/27.64px var(--font-geist);
		color: var(--color-gray-950);
		margin: 0;
		margin-left: 15px;
		width: 100%;

	}

	.mobile-submenu-panel {
		display: none;
	}

	.mobile-submenu-panel.active {
		display: block;
	}

	.desc-submenu {
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		top: -6px;
		position: relative;
	}

	.desc-submenu p {
		margin-top: 0px;
	}

	.explore-desc {
		width: 100%;
		height: auto;
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		margin-bottom: 16px;
	}

	.explore-desc a {
		color: var(--aqua-blue-500);
		text-decoration: none;
		display: flex;
		flex-direction: row;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.text-explore-submenu {
		font: normal 400 13.64/21px var(--font-geist);
	}

	.explore-desc a .icon-18 {
		width: 24px;
	}

	.explore-desc a .icon-18 svg {
		width: 100%;
		height: auto;
		max-width: 100%;
		transform: rotate(270deg);
	}

	.text-explore-submenu p {
		margin-bottom: 0px;
	}

	.sub-menu-list {
		list-style: none;
		padding-left: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.sub-menu-list li a {
		padding: 14px 0px;
		display: block;
		text-decoration: none;
		color: #333;
		font-weight: 500;
		background-color: var(--white-one);
		border-radius: 0px;
		font: normal 400 15.24/22px var(--font-geist);
		border-bottom: 1px solid #E6E6E6;
	}

	.sub-menu-list li:last-child a {
		border-bottom: 1px solid #ffffff;
	}

	.sub-menu-list li a:hover {
		background-color: #e9e9e9;
		color: #034ea1;
	}

	.sub-menu-list:last-child {
		/* margin-bottom: 40px; */
		margin-bottom: 1px;
	}

	.navbar-align-right .btn-all-menu {
		display: none;
	}

	/* FLIP SLIED MENU END */

	/* SECTION HERO IMAGES HOME 540-575 START  */
	.section-hero-images-home {
		overflow-x: hidden;
	}

	/* SECTION HERO IMAGES HOME 540-575 END  */


	/* SECTION ABOUT OVERVIEW HOME START  */
	.section-about-home {
		overflow-x: hidden;
		padding-top: 0px;
		padding-bottom: 74px;
	}

	.desc-overview-about {
		padding-left: 0px;
		font: 500 29.5px/34px var(--font-geist);
		padding-right: 0px;
	}

	.section-about-home .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-key-numbers-home .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.row.row-key-numbers-home .col-lg-4:nth-child(1 of .col-lg-4) {
		margin-bottom: 36px;
	}

	.row.row-key-numbers-home .col-lg-4:nth-child(2 of .col-lg-4) {
		margin-bottom: 36px;
	}

	.content-plant-factories h2 {
		font: normal 500 22.24px/30.5px var(--font-plus-jakarta);
	}

	/* SECTION ABOUT OVERVIEW HOME END  */

	/*  SECTION AWARDS CERTIFICATIONS HOME 540-575 START  */
	.section-awards-certifications {
		overflow-x: hidden;
	}

	.section-awards-certifications .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-nomination-text h2 {
		color: var(--gray-950);
		font: normal 500 20.56px / 27.5px var(--font-plus-jakarta);
	}

	.paragraph-left-section {
		padding-left: 0px;
		padding-right: 0px;
	}

	.award-filter-container {
		margin-top: 6px;
		margin-bottom: 12px;
	}

	.filter-year-dropdown {
		width: 100%;
	}

	.filter-year-toggle {
		min-width: 100%;
	}

	.filter-year-menu.show {
		min-width: 100%;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 540-575 START  */

	.section-testimonials {
		overflow-x: hidden;
	}

	.section-testimonials .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 540-575 END  */

	/*   SECTION SUSTAINABILITY HOME 540-575 START  */
	.section-sustainability-home {
		overflow-x: hidden;
	}

	.section-sustainability-home .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*   SECTION SUSTAINABILITY HOME 540-575 END  */

	/* SECTION PRODUCT HOME 540-575 START  */
	.section-product-home {
		overflow-x: hidden;
	}

	.section-product-home .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.row-product-home .pr-6 {
		padding-right: 15px !important;
	}

	.row-product-home .pl-6 {
		padding-left: 15px !important;
	}

	/* SECTION PRODUCT HOME 540-575 END  */

	/* SECTION NEWS HOME 540-575 START  */
	.section-news-home {
		overflow-x: hidden;
	}

	.section-news-home .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}


	.news-detail-section .center-container.container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/* SECTION NEWS HOME 540-575 END  */

	/* PRODUCT DETAIl 540-575 START */
	.section-product-detail .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-product-components .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		order: 1;
	}

	.section-product-components .row-product:nth-child(odd) .left-component-product {
		order: 2;
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(odd) .paragraph-left-component {
		padding-right: 15px !important;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		padding-left: 15px;
		padding-right: 15px;
	}

	.section-product-components .row-product:nth-child(odd) .content-right-component {
		padding-left: 15px;
	}

	/* GENAP 540-575 START*/

	.section-product-components .row-product:nth-child(even) .right-component-product {
		padding-right: 15px;
		padding-left: 15px;
	}

	.section-product-components .row-product:nth-child(even) .content-right-component {
		padding-left: 15px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .content-left-component {
		padding-left: 0px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .paragraph-left-component {
		padding-left: 0px;
	}

	/* GENAP 540-575 END*/
	.section-funnel-act-product {
		padding: 48px 15px 24px 15px;
	}


	.btn-read-more-product {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.btn-read-more-product .btn-outline-aqua-200 {
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.card-component {
		position: absolute;
		width: 115px;
	}

	.card-component-one {
		left: unset;
		right: -12%;
		top: 65.5%;
		z-index: 9;
	}

	.card-component-six {
		left: unset;
		right: -13.24%;
		top: 56.24%;
	}

	.card-component-two {
		left: 20%;
		right: unset;
		top: 32%;
	}

	.card-component-three {
		left: 80.64%;
		right: unset;
		top: 32%;
	}

	.card-component-four {
		left: 21%;
		right: unset;
		top: unset;
		bottom: 18%;
	}

	.pulsating-circle-three {
		left: 56%;
		top: 46.64%;
	}

	.pulsating-circle-four {
		left: 61%;
		top: 51.64%;
	}

	.product-motor-cycle {
		width: 474px;
		top: 56.64%;
	}

	.product-motor-cycle img {
		max-width: 172%;
	}

	.section-header-product .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-header-cover h1 {
		font: 400 30px/38px var(--font-geist);
		letter-spacing: -0.98px;
	}

	.title-header-cover h2 {
		font: 400 30px/38px var(--font-geist);
		letter-spacing: -0.98px;
	}

	/* PRODUCT DETAIL 540-575 END */
	.section-who-we-are .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-matrics-company .center-container.px-0 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.section-company-overview .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.card-product-explore {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.section-matrics-company .gutter--32>[class^="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT START   */
	.section-detail-product {
		min-height: 32px;
		height: auto;
	}

	.breadcrumb {
		margin-top: 96px;
	}

	.section-career-breadcrumb .breadcrumb {
		margin-top: 48px;
	}

	.content-contact-us {
		padding: 0px 0px 24px 0px;
	}

	.section-detail-product .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-content-spesification {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-bottom: 0;
	}

	.content-spesifications-left {
		padding-right: 0px;
	}

	.right-row-spesifications {
		padding-left: 8px;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT END   */

	/* NEWS SECTION HOMEPAGE 540-575 START */

	.desc-awards-caption {
		max-width: 100%;
	}

	.row-product-home .desc-awards-caption {
		width: 100%;
		max-width: 100%;
	}

	.card-small-news {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}

	.title-small-news {
		max-width: 56.15%;
	}

	.title-small-news h3 {
		font: 400 16px/22px var(--font-geist);
	}

	.title-small-news h2 {
		font: normal 500 18.24px/24px var(--font-plus-jakarta);
	}

	.thumb-small-news {
		width: 156px;
		min-height: 122px;
	}

	.btn-read-more-news {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	/* NEWS SECTION HOMEPAGE 540-575 END */


	/* TESTIMONIAL HOMEPAGE 540-575 START */


	.section-testimonials .center-container.container.px-0.mx-auto {
		padding-left: 0px !important;
		padding-right: 0px !important;
		width: 100%;
	}

	.card-testimonials {
		width: 116% !important;
		padding: 32px 20px;
		margin-left: 10px;
		margin-right: 10px;

	}

	.slide-testimonials {
		width: 100%;
	}

	.slide-testimonials .slick-list {
		width: 100vw;
		overflow: unset !important;
	}

	.slide-testimonials .slick-list .slick-track {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		left: -9%;
		right: 0;
		margin: 0 auto;
	}

	.author-testimonials h4 {
		font: 600 17px/21.64px var(--font-geist);
	}

	.author-testimonials {
		padding-right: 0px;
	}

	.img-author-testimonials {
		width: 86px;
	}

	/* TESTIMONIAL HOMEPAGE 540-575 END */

	.certification-institution-text {
		padding-left: 0px;
		font: 500 14.56px/22px var(--font-plus-jakarta);
	}

	.desc-matric-right {
		padding-left: 0px;
	}

	.left-value-numbers h2 {
		font: 500 48px/56px var(--font-geist);
		color: var(--aqua-blue-400);
	}

	.title-company-overview h2 {
		height: auto;
		font: 500 31px/38px var(--font-geist);
	}

	.desc-who-we-are {
		font: 500 26.24px/33px var(--font-geist);
	}

	.section-company-overview {
		overflow: hidden;
	}

	.section-landscape-company-thumbnail {
		min-height: 274px;
		overflow: hidden;
		position: relative;
		height: 386px;
		margin-top: 32px;
		width: 100%;
		overflow: hidden;
	}

	.section-landscape-company-thumbnail img {
		width: 100%;
		left: 0;
		height: 96%;
		object-fit: cover;
		bottom: unset;
	}


	.section-who-we-are .title-blue {
		padding-top: 18px;
	}

	.title-matric-value {
		padding-right: 10px;
	}

	.certified-by {
		margin-top: 48px;
	}

	/* VISION MISSION 540-575 START */
	.page-pre-title.content-vision-mission h3 {
		font: 400 29px/37px var(--font-plus-jakarta);
		color: var(--gray-500);
		margin-bottom: 48px;
		letter-spacing: -0.36px;
	}

	.row-video-mission .col {
		width: 100%;
		flex: 0 0 auto;
	}

	.row-video-mission .col-10 {
		width: 100%;
		flex: 0 0 auto;
	}

	.section-video-player .center-container.px-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	/* VISION MISSION 540-575 END */
	/* CONTACT US 540-575 START */
	.content-contact-us .row-contact-us .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-contact-us .col-xl-6:nth-child(1 of .col-xl-6) {
		flex: 0 0 auto;
		width: 100%;
		order: 1;
		margin-top: 48px;
	}

	.row-contact-us .col-xl-6:nth-child(2 of .col-xl-6) {
		flex: 0 0 auto;
		width: 100%;
	}

	.card-link-contact {
		padding-right: 0px;
		margin-top: 64px;
	}

	.card-link-contact .col-xl-6:nth-child(1 of .col-xl-6) {
		width: 100%;
		flex: 0 0 auto;
		margin-top: 0px;
	}

	.card-link-contact .col-xl-6:nth-child(2 of .col-xl-6) {
		width: 100%;
		flex: 0 0 auto;
	}

	.section-detail-product .head-content-vision {
		padding: 6px 0px 6px 0px;
	}

	.desc-funnel-act {
		padding: 0px 0px 86px 0px;
	}

	/* PRODUCT 540-575 START */
	.content-left-summary-product {
		padding-right: 5px;
	}

	.icon-infographic-product {
		width: 96px;
	}

	.content-right-summary-product h2 {
		font: 500 32px/37px var(--font-geist);
	}

	.content-left-component h2 {
		font: 500 31px/36px var(--font-geist);
	}

	.title-funnel-act h2 {
		font: 500 32px/37px var(--font-geist);
	}

	.absolute-act {
		bottom: 32px;
	}

	.about-overview-governance-org {
		/* border: 1px solid red !important; */
		height: 314px;
	}

	.card-governace-org {
		height: 314px;
	}

	.card-governace-org img {
		max-width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* PRODUCT 540-575 END */



	/* CONTACT US 540-575 START */
	/* ESG 540-575 START */
	.desc-esg h3 {
		font: 500 29px/36px var(--font-geist);
	}

	.row-esg-column .col-md-5:nth-child(1 of .col-md-5) {
		padding-left: 13px;
		order: 2;
	}

	.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-5 {
		padding-left: 13px;
		padding-right: 13px;

	}

	.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-7 {
		padding-left: 13px;
		padding-right: 13px;
		padding-top: 32px;
	}

	.desc-esg .row-esg-column:nth-child(1 of .row-esg-column) .col-md-7 {
		order: 2;
		padding-right: 13px;
		padding-left: 13px;
		padding-top: 32px;
	}

	.desc-esg .row-esg-column:nth-child(3 of .row-esg-column) .col-md-7 {
		order: 2;
		padding-right: 13px;
		padding-left: 13px;
		padding-top: 32px;
	}

	.desc-esg .row-esg-column:last-child {
		padding-top: 0px;
	}

	.row-esg-column .col-md-5:nth-child(1 of .col-md-5) {
		padding-left: 13px;
		order: 1;
	}

	.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-7 {
		order: 2;
	}

	/* ESG 540-575 END */

	.btn-product-medium {
		width: 100%;
		display: none;
	}

	.summary-program-desc {
		width: auto;
		max-width: 98%;
	}

	.catalog-product-home {
		padding: 20px 18px 38px 18px;
		margin-top: 32px;
		min-height: 596px;
	}

	.icon-automotive {
		width: 176px;
		height: 186px;
		right: -113px;
	}

	.desc-catalog-home {
		letter-spacing: -0.32px;
	}

	/* FOOTER PAGE 540-575 START  */
	.footer-section-cmw {
		padding-top: 15px;
		padding-bottom: 15px;

	}

	.desc-addres-company {
		padding-right: 24px;
	}

	.footer-section-cmw .center-container.px-0 {
		/* padding-left: 15px !important;
	padding-right: 15px !important; */
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.footer-section-cmw .row.align-items-center .center-terms {
		order: 1;
		margin-bottom: 14px;
	}

	.footer-section-cmw .row.align-items-center .left-copyright {
		order: 2;
	}

	.items-ccenter-terms {
		width: 100%;
		display: flex;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.items-ccenter-terms ul {
		list-style: none;
		margin-bottom: 0px;
		width: auto;
		display: flex;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-left: 0px;
		gap: 14px;
	}

	/* FOOTER PAGE 540-575 END  */
}

/* MEDIA 540-575 END */


/* MEDIA 481 - 539 START */
@media screen and (min-width: 481px) and (max-width: 539px) {

	.page-pre-title.content-vision-mission h3 {
		font: 400 30px/37px var(--font-plus-jakarta);
		color: var(--gray-500);
		margin-bottom: 48px;
	}


	.navbar-desc .cmw-container.navbar-solid {
		width: 95%;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-items-menu {
		width: 96%;
		min-height: 10px;
		height: auto;
		display: none;
	}

	/* NAVBAR 481-539 START*/
	.dialog-all-menu {
		padding: 20px 5px;
	}

	.search-content-form-active {
		/* padding: 20px 5px; */
		padding: 5px 5px 20px 5px;
	}

	.search-page input.form-control {
		padding: 14px 15px 14px 15px;
		height: 56px;
		font: normal 400 17px/28.64px var(--font-plus-jakarta);
	}

	.card-search-link {
		width: 100%;
		padding: 24px 10px;
		top: 186px;
	}

	.text-item-all {
		text-align: left;
	}

	.label-emblem-ukas {
		width: 72px;
		min-height: 86px;
	}

	.content-item-menu ul li {
		margin-bottom: 0px;
	}

	.card-search-dialog {
		width: 100%;
		padding: 20px 15px;
		/* min-height: 132px; */
		min-height: 92vh;
		max-height: 92vh;
		top: 64px;
	}

	.relative-type-search {
		width: 100%;
		height: 93vh;
		height: 76vh;
	}

	.text-search-btn {
		display: none;
	}

	.navbar-gradients.container.px-0 {
		display: none;
	}

	.navbar-desc .mcci-container.px-0 {
		padding-left: 9px !important;
		padding-right: 9px !important;
	}

	.navbar-gradients .d-flex.w-100 {
		background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-ms-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-moz-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-webkit-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		padding: 4px 10px;
		border-radius: 4px;
	}

	.lang-toggle {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 6px 0px;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}

	.navbar-desc .mcci-container.navbar-solid {
		width: 95%;
		margin: 0 auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-gradients .col-md-7 .d-flex.justify-content-end {
		margin-left: auto;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-mobile-container {
		display: block;
	}

	.navbar-align-right {
		min-width: 110px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		/* margin-right: -5px; */
		margin-right: 10px;
	}

	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
		border: transparent none;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -1px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--aqua-blue-50);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--aqua-blue-50);
	}

	.navbar-gradients .col-lg-5 {
		display: none;
	}

	.navbar-gradients .col-lg-7 .d-flex.justify-content-end {
		justify-content: space-between !important;
	}

	.logo-brand {
		width: 110px;
		margin-left: 14px;
	}

	/* MOBILE NABAR 481-539*/
	.flag-lang {
		width: 28px;
	}

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		visibility: hidden;
	}


	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 136px 0px 0px 0px;
		width: 95%;
		margin: 0 auto;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		min-height: 96vh;
		max-height: 96vh;
		position: relative;
		background: var(--white-one);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px;
		border: 1px solid var(--gray-100);
		border-radius: 5.64px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		overflow-y: scroll;
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset;
		margin-bottom: 76px;
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	.accordionMenu a {
		padding: 13px 0px 14px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 20px/25.64px var(--font-plus-jakarta);
		letter-spacing: 0.35px;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100%;
		-webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-plus-jakarta);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}


	.navbar-align-center {
		display: none;
	}

	/* MOBILE NAVBAR 481-539 END */

	/* HERO SECTION MOBILE 481-539 START */
	.hero-section {
		display: none;
	}

	.hero-section-mobile {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-height: 100vh;
		height: auto;
		overflow-x: hidden;
		/* border: 4.5px solid #cf0000; */
	}

	#carouselMobile {
		width: 100% !important;
		height: 87vh !important;
		position: relative;
	}

	#carouselMobile .carousel-item {
		height: 87vh !important;
		position: relative !important;
		display: block !important;
		width: 100vw;
	}

	.hero-section-mobile .carousel-item img {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		max-width: 100vw !important;
		width: 100vw;
		height: 87vh;
		object-fit: cover !important;
		z-index: 1 !important;
	}

	#carouselMobile .slick-track,
	#carouselMobile .slick-list {
		height: 87vh !important;
	}

	.content-caption-hero h1 {
		/* font: 700 35.24px/41px var(--font-geist); */
		font: 700 31px/34px var(--font-geist);
		letter-spacing: -0.37px;
		position: relative;
		z-index: 6;
		margin-bottom: 10px;
	}

	.content-caption-hero p {
		position: relative;
		z-index: 6;
	}

	#carouselMobile .content-caption-hero {
		width: 60%;
		padding: 64px 0px 96px 0px;
	}

	/* HERO SECTION MOBILE 481-539 END */
	.facilities-thumb {
		width: 100%;
	}

	.caption-vids {
		padding-left: 10px;
		padding-right: 10px;
	}

	.content-caption-hero {
		width: 100%;
	}

	.facilities-content-desc {
		width: 100%;
	}

	.right-table-paragraph {
		width: auto;
		min-width: 100%;
		max-width: 100%;
		padding-left: 0;
	}

	.card-derived-products {
		padding: 32px 20px;
	}

	.card-derived-products:nth-child(2n) .facilities-thumb {
		padding-right: 0px;
		padding-left: 0px;
	}

	.title-card-facilities h2 {
		font: 500 30px/35.5px var(--font-geist);
	}

	.cover-heeader-section img {
		max-width: 199%;
		top: 64px;
		left: -58%;
		position: relative;
	}

	.header-modular-page {
		width: 100%;
		height: 49.64vh;
	}

	.caption-header-modular.bottom-position .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.caption-header-modular .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.content-caption-center h2 {
		font: 700 28px/32px var(--font-geist);
	}

	.caption-header-modular {
		display: flex;
		align-items: end;
		-ms-align-items: end;
		-moz-align-items: end;
		-webkit-align-items: end;
		height: auto;
	}

	.content-caption-center::before {
		content: "";
		width: 76%;
		min-height: 32%;
		/* border: 2px solid #cf0000; */
		background-color: hsla(240, 88%, 27%, 0.32);
		background-image: radial-gradient(at 46% 58%, hsla(187, 61%, 42%, 1) 0px, transparent 50%), radial-gradient(at 39% 20%, hsla(216, 64%, 45%, 1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 1) 0px, transparent 50%), radial-gradient(at 31% 83%, hsla(195, 93%, 28%, 1) 0px, transparent 50%), radial-gradient(at 81% 86%, hsla(189, 54%, 53%, 0.56) 0px, transparent 50%);
		border-radius: 52px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		-webkit-filter: blur(24px);
		-ms-filter: blur(24px);
		-moz--filter: blur(24px);
		filter: blur(24px);
		position: absolute;
		z-index: 2;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 59.24%;
	}

	#carouselPrimary .slick-prev,
	#carouselPrimary .slick-next {
		width: 32px;
		height: 32px;
		z-index: 8;
		background-size: 18px;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next {
		right: 10px !important;
	}

	#carouselPrimary .slick-prev {
		left: 10px !important;
	}

	.home-pre-title.content-overview-company {
		width: 100%;
		height: auto;
	}

	.home-pre-title h3 {
		padding-right: 0px;
		letter-spacing: -0.48px;
		font: 500 30px/36px var(--font-geist);
	}

	.desc-value-market-caps h2 {
		font: 500 30px/36px var(--font-geist);
	}

	.icon-business-at-glance {
		width: 80px;
		height: 80px;
	}

	/* FLIP SLIDE MENU START */
	.tab-switch-map .nav-tabs {
		gap: 16px;
	}

	.navbar-desc {
		min-height: 80px;
	}

	/* 1. Kontainer Utama (Window) */
	.navbar-mobile-container {
		/* position: fixed; */
		position: fixed;
		top: 0px;
		/* padding-top: 120px; */
		padding-top: 86px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		width: 100vw;
		height: 100vh;
		height: calc(100vh - 2px);
		background: rgba(4, 13, 64, 0.11);
		border-radius: 16px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		z-index: 9;
		overflow: hidden;
		border-radius: 5px;
		/* Sembunyikan by default */
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;

	}

	/* Status TERBUKA (dikontrol oleh hamburger) */
	.navbar-mobile-container.menu-is-open {
		visibility: visible;
		opacity: 1;
	}

	/* 2. Wrapper Geser (Slider) */
	/* Lvl 1 + Lvl 2 */
	/* Tinggi wrapper 100% dari parent (calc(100vh - 120px)) */
	.navbar-mobile-wrapper {
		display: flex;
		width: 200%;
		height: auto;
		transform: translateX(0);
		transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
		padding-left: 11px;
		padding-right: 12px;
		max-height: 96.99%;
		overflow-y: scroll;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}


	/* Status saat Lvl 2 aktif (digeser oleh jQuery) */
	/* Geser ke kiri */
	.navbar-mobile-wrapper.level-2-active {
		transform: translateX(-50%);
		overflow-x: hidden;
	}

	.mobile-menu-panel {
		overflow-x: hidden;
	}

	#mobileMenuContainer::before {
		content: "";
		height: 29px;
		background-color: #fff;
		top: 117px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		z-index: 10;
		position: fixed;
		margin: 0 auto;
		display: none;
	}

	#mobileMenuContainer::after {
		content: "";
		height: 29px;
		background-color: #fff;
		bottom: -0.24px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	.navbar-mobile-wrapper::after {
		content: "";
		height: 29px;
		/* background-color: #cf0000; */
		bottom: -0.24px;
		width: calc(100% - 4.89%);
		left: 0;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	/* 3. Panel (Lvl 1 & Lvl 2) */
	/* 50% dari 200% = 100% lebar layar */
	.mobile-menu-panel {
		width: 50%;
		height: 100%;
		flex-shrink: 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	#mobile-menu-level-1 {
		left: -5px;
		position: relative;
	}

	#mobile-menu-level-2 {
		left: 6px;
		position: relative;
	}


	.mobile-menu-header {
		/* padding: 15px; */
		padding: 15px 15px 0px 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-shrink: 0;
		min-height: auto;
		flex-direction: column;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom: 6px solid #fff;
		position: relative;
		bottom: -4px;
	}

	#mobile-menu-level-1 .mobile-menu-header {
		border-bottom: none;
		min-height: auto;
		padding: 0;
	}


	.mobile-menu-content,
	.submenu-content-wrapper {
		flex-grow: 1;
		overflow-y: auto;
		padding: 15px 10px;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-radius: 5px;
	}


	.menu-link {
		display: flex;
		justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		padding: 12px 0px;
		font: 400 20.64px/27.64px var(--font-geist);
		color: #111;
		text-decoration: none;
		cursor: pointer;
	}

	.mobile-menu-content .menu-link:last-child {
		margin-bottom: 86px;
	}

	.text-menu-link {
		height: auto;
	}

	.text-menu-link p {
		margin-bottom: 0px;
	}

	.menu-link:hover {
		background-color: #f9f9f9;
	}

	.menu-link.has-submenu {
		position: relative;
	}

	.menu-link.has-submenu::after {
		content: '›';
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		font-weight: 600;
		font-size: 26px;
		color: #034ea1;
		display: none;
	}

	/* 7. Styling Panel Lvl 2 (Submenu) */
	#mobile-menu-level-2 .back-to-level-1 {
		display: flex;
		align-items: center;
		text-decoration: none;
		font: normal 400 13.64/21px var(--font-plus-jakarta);
		color: var(--gray-500);
		width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	#mobile-menu-level-2 .back-to-level-1 svg {
		margin-right: 5px;
		color: var(--color-gray-500);
	}

	#mobile-menu-level-2 #submenu-title {
		font: 400 20.64px/27.64px var(--font-geist);
		color: var(--color-gray-950);
		margin: 0;
		margin-left: 15px;
		width: 100%;

	}

	.mobile-submenu-panel {
		display: none;
	}

	.mobile-submenu-panel.active {
		display: block;
	}

	.desc-submenu {
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		top: -6px;
		position: relative;
	}

	.desc-submenu p {
		margin-top: 0px;
	}

	.explore-desc {
		width: 100%;
		height: auto;
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		margin-bottom: 16px;
	}

	.explore-desc a {
		color: var(--aqua-blue-500);
		text-decoration: none;
		display: flex;
		flex-direction: row;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.text-explore-submenu {
		font: normal 400 13.64/21px var(--font-geist);
	}

	.explore-desc a .icon-18 {
		width: 24px;
	}

	.explore-desc a .icon-18 svg {
		width: 100%;
		height: auto;
		max-width: 100%;
		transform: rotate(270deg);
	}

	.text-explore-submenu p {
		margin-bottom: 0px;
	}

	.sub-menu-list {
		list-style: none;
		padding-left: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.sub-menu-list li a {
		padding: 14px 0px;
		display: block;
		text-decoration: none;
		color: #333;
		font-weight: 500;
		background-color: var(--white-one);
		border-radius: 0px;
		font: normal 400 15.24/22px var(--font-geist);
		border-bottom: 1px solid #E6E6E6;
	}

	.sub-menu-list li:last-child a {
		border-bottom: 1px solid #ffffff;
	}

	.sub-menu-list li a:hover {
		background-color: #e9e9e9;
		color: #034ea1;
	}

	.sub-menu-list:last-child {
		/* margin-bottom: 40px; */
		margin-bottom: 1px;
	}

	.navbar-align-right .btn-all-menu {
		display: none;
	}

	/* FLIP SLIED MENU END */

	/* SECTION HERO IMAGES HOME 481-539 START  */
	.section-hero-images-home {
		overflow-x: hidden;
	}

	/* SECTION HERO IMAGES HOME 481-539 END  */


	/* SECTION ABOUT OVERVIEW HOME START  */
	.section-about-home {
		overflow-x: hidden;
		padding-top: 0px;
		padding-bottom: 74px;
	}

	.desc-overview-about {
		padding-left: 0px;
		font: 500 29.5px/34px var(--font-geist);
		padding-right: 0px;
	}

	.section-about-home .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-key-numbers-home .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.row.row-key-numbers-home .col-lg-4:nth-child(1 of .col-lg-4) {
		margin-bottom: 36px;
	}

	.row.row-key-numbers-home .col-lg-4:nth-child(2 of .col-lg-4) {
		margin-bottom: 36px;
	}

	.content-plant-factories h2 {
		font: normal 500 22.24px/30.5px var(--font-plus-jakarta);
	}

	/* SECTION ABOUT OVERVIEW HOME END  */

	/*  SECTION AWARDS CERTIFICATIONS HOME 481-539 START  */
	.section-awards-certifications {
		overflow-x: hidden;
	}

	.section-awards-certifications .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-nomination-text h2 {
		color: var(--gray-950);
		font: normal 500 20.56px / 27.5px var(--font-plus-jakarta);
	}

	.paragraph-left-section {
		padding-left: 0px;
		padding-right: 0px;
	}

	.award-filter-container {
		margin-top: 6px;
		margin-bottom: 12px;
	}

	.filter-year-dropdown {
		width: 100%;
	}

	.filter-year-toggle {
		min-width: 100%;
	}

	.filter-year-menu.show {
		min-width: 100%;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 481-539 START  */

	.section-testimonials {
		overflow-x: hidden;
	}

	.section-testimonials .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 481-539 END  */

	/*   SECTION SUSTAINABILITY HOME 481-539 START  */
	.section-sustainability-home {
		overflow-x: hidden;
	}

	.section-sustainability-home .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*   SECTION SUSTAINABILITY HOME 481-539 END  */

	/* SECTION PRODUCT HOME 481-539 START  */
	.section-product-home {
		overflow-x: hidden;
	}

	.section-product-home .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.row-product-home .pr-6 {
		padding-right: 15px !important;
	}

	.row-product-home .pl-6 {
		padding-left: 15px !important;
	}

	/* SECTION PRODUCT HOME 481-539 END  */

	/* SECTION NEWS HOME 481-539 START  */
	.section-news-home {
		overflow-x: hidden;
	}

	.section-news-home .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}


	.news-detail-section .center-container.container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/* SECTION NEWS HOME 481-539 END  */

	/* PRODUCT DETAIl 481-539 START */
	.section-product-detail .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-product-components .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		order: 1;
	}

	.section-product-components .row-product:nth-child(odd) .left-component-product {
		order: 2;
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(odd) .paragraph-left-component {
		padding-right: 15px !important;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		padding-left: 15px;
		padding-right: 15px;
	}

	.section-product-components .row-product:nth-child(odd) .content-right-component {
		padding-left: 15px;
	}

	/* GENAP 481-539 START*/

	.section-product-components .row-product:nth-child(even) .right-component-product {
		padding-right: 15px;
		padding-left: 15px;
	}

	.section-product-components .row-product:nth-child(even) .content-right-component {
		padding-left: 15px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .content-left-component {
		padding-left: 0px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .paragraph-left-component {
		padding-left: 0px;
	}

	/* GENAP 481-539 END*/
	.section-funnel-act-product {
		padding: 48px 15px 24px 15px;
	}


	.btn-read-more-product {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.btn-read-more-product .btn-outline-aqua-200 {
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.card-component {
		position: absolute;
		width: 115px;
	}

	.card-component-one {
		left: unset;
		right: -12%;
		top: 65.5%;
		z-index: 9;
	}

	.card-component-six {
		left: unset;
		right: -13.24%;
		top: 56.24%;
	}

	.card-component-two {
		left: 20%;
		right: unset;
		top: 32%;
	}

	.card-component-three {
		left: 80.64%;
		right: unset;
		top: 32%;
	}

	.card-component-four {
		left: 21%;
		right: unset;
		top: unset;
		bottom: 18%;
	}

	.pulsating-circle-three {
		left: 56%;
		top: 46.64%;
	}

	.pulsating-circle-four {
		left: 61%;
		top: 51.64%;
	}

	.product-motor-cycle {
		width: 474px;
		top: 56.64%;
	}

	.product-motor-cycle img {
		max-width: 172%;
	}

	.section-header-product .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-header-cover h1 {
		font: 400 30px/38px var(--font-geist);
		letter-spacing: -0.98px;
	}

	.title-header-cover h2 {
		font: 400 30px/38px var(--font-geist);
		letter-spacing: -0.98px;
	}

	/* PRODUCT DETAIL 481-539 END */
	.section-who-we-are .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-matrics-company .center-container.px-0 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.section-company-overview .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.card-product-explore {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.section-matrics-company .gutter--32>[class^="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT START   */
	.section-detail-product {
		min-height: 32px;
		height: auto;
	}

	.breadcrumb {
		margin-top: 96px;
	}

	.section-career-breadcrumb .breadcrumb {
		margin-top: 48px;
	}

	.content-contact-us {
		padding: 0px 0px 24px 0px;
	}

	.section-detail-product .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-content-spesification {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-bottom: 0;
	}

	.content-spesifications-left {
		padding-right: 0px;
	}

	.right-row-spesifications {
		padding-left: 8px;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT END   */

	/* NEWS SECTION HOMEPAGE 481-539 START */

	.desc-awards-caption {
		max-width: 100%;
	}

	.row-product-home .desc-awards-caption {
		width: 100%;
		max-width: 100%;
	}

	.card-small-news {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}

	.title-small-news {
		max-width: 48.15%;
	}

	.title-small-news h3 {
		font: 400 16px/22px var(--font-geist);
	}

	.title-small-news h2 {
		font: normal 500 18.24px/24px var(--font-plus-jakarta);
	}

	.thumb-small-news {
		width: 156px;
		min-height: 122px;
	}

	.btn-read-more-news {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	/* NEWS SECTION HOMEPAGE 481-539 END */


	/* TESTIMONIAL HOMEPAGE 481-539 START */


	.section-testimonials .center-container.container.px-0.mx-auto {
		padding-left: 0px !important;
		padding-right: 0px !important;
		width: 100%;
	}

	.card-testimonials {
		width: 116% !important;
		padding: 32px 20px;
		margin-left: 10px;
		margin-right: 10px;

	}

	.slide-testimonials {
		width: 100%;
	}

	.slide-testimonials .slick-list {
		width: 100vw;
		overflow: unset !important;
	}

	.slide-testimonials .slick-list .slick-track {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		left: -9%;
		right: 0;
		margin: 0 auto;
	}

	.author-testimonials h4 {
		font: 600 17px/21.64px var(--font-geist);
	}

	.author-testimonials {
		padding-right: 0px;
	}

	.img-author-testimonials {
		width: 86px;
	}

	/* TESTIMONIAL HOMEPAGE 481-539 END */

	.certification-institution-text {
		padding-left: 0px;
		font: 500 14.56px/22px var(--font-plus-jakarta);
	}

	.desc-matric-right {
		padding-left: 0px;
	}

	.left-value-numbers h2 {
		font: 500 48px/56px var(--font-geist);
		color: var(--aqua-blue-400);
	}

	.title-company-overview h2 {
		height: auto;
		font: 500 31px/38px var(--font-geist);
	}

	.desc-who-we-are {
		font: 500 26.24px/33px var(--font-geist);
	}

	.section-company-overview {
		overflow: hidden;
	}

	.section-landscape-company-thumbnail {
		min-height: 274px;
		overflow: hidden;
		position: relative;
		height: 386px;
		margin-top: 32px;
		width: 100%;
		overflow: hidden;
	}

	.section-landscape-company-thumbnail img {
		width: 100%;
		left: 0;
		height: 96%;
		object-fit: cover;
		bottom: unset;
	}


	.section-who-we-are .title-blue {
		padding-top: 18px;
	}

	.title-matric-value {
		padding-right: 10px;
	}

	.certified-by {
		margin-top: 48px;
	}

	/* VISION MISSION 481-539 START */
	.page-pre-title.content-vision-mission h3 {
		font: 400 29px/37px var(--font-plus-jakarta);
		color: var(--gray-500);
		margin-bottom: 48px;
		letter-spacing: -0.36px;
	}

	.row-video-mission .col {
		width: 100%;
		flex: 0 0 auto;
	}

	.row-video-mission .col-10 {
		width: 100%;
		flex: 0 0 auto;
	}

	.section-video-player .center-container.px-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	/* VISION MISSION 481-539 END */
	/* CONTACT US 481-539 START */
	.content-contact-us .row-contact-us .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-contact-us .col-xl-6:nth-child(1 of .col-xl-6) {
		flex: 0 0 auto;
		width: 100%;
		order: 1;
		margin-top: 48px;
	}

	.row-contact-us .col-xl-6:nth-child(2 of .col-xl-6) {
		flex: 0 0 auto;
		width: 100%;
	}

	.card-link-contact {
		padding-right: 0px;
		margin-top: 64px;
	}

	.card-link-contact .col-xl-6:nth-child(1 of .col-xl-6) {
		width: 100%;
		flex: 0 0 auto;
		margin-top: 0px;
	}

	.card-link-contact .col-xl-6:nth-child(2 of .col-xl-6) {
		width: 100%;
		flex: 0 0 auto;
	}

	.section-detail-product .head-content-vision {
		padding: 6px 0px 6px 0px;
	}

	.desc-funnel-act {
		padding: 0px 0px 86px 0px;
	}

	/* PRODUCT 481-539 START */
	.content-left-summary-product {
		padding-right: 5px;
	}

	.icon-infographic-product {
		width: 96px;
	}

	.content-right-summary-product h2 {
		font: 500 32px/37px var(--font-geist);
	}

	.content-left-component h2 {
		font: 500 31px/36px var(--font-geist);
	}

	.title-funnel-act h2 {
		font: 500 32px/37px var(--font-geist);
	}

	.absolute-act {
		bottom: 32px;
	}

	.about-overview-governance-org {
		/* border: 1px solid red !important; */
		height: 314px;
	}

	.card-governace-org {
		height: 314px;
	}

	.card-governace-org img {
		max-width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* PRODUCT 481-539 END */



	/* CONTACT US 481-539 START */
	/* ESG 481-539 START */
	.desc-esg h3 {
		font: 500 29px/36px var(--font-geist);
	}

	.row-esg-column .col-md-5:nth-child(1 of .col-md-5) {
		padding-left: 13px;
		order: 2;
	}

	.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-5 {
		padding-left: 13px;
		padding-right: 13px;

	}

	.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-7 {
		padding-left: 13px;
		padding-right: 13px;
		padding-top: 32px;
	}

	.desc-esg .row-esg-column:nth-child(1 of .row-esg-column) .col-md-7 {
		order: 2;
		padding-right: 13px;
		padding-left: 13px;
		padding-top: 32px;
	}

	.desc-esg .row-esg-column:nth-child(3 of .row-esg-column) .col-md-7 {
		order: 2;
		padding-right: 13px;
		padding-left: 13px;
		padding-top: 32px;
	}

	.desc-esg .row-esg-column:last-child {
		padding-top: 0px;
	}

	.row-esg-column .col-md-5:nth-child(1 of .col-md-5) {
		padding-left: 13px;
		order: 1;
	}

	.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-7 {
		order: 2;
	}

	/* ESG 481-539 END */

	.btn-product-medium {
		width: 100%;
		display: none;
	}

	.summary-program-desc {
		width: auto;
		max-width: 98%;
	}

	.catalog-product-home {
		padding: 20px 18px 38px 18px;
		margin-top: 32px;
		min-height: 596px;
	}

	.icon-automotive {
		width: 176px;
		height: 186px;
		right: -113px;
	}

	.desc-catalog-home {
		letter-spacing: -0.32px;
	}

	/* FOOTER PAGE 481-539 START  */
	.footer-section-cmw {
		padding-top: 15px;
		padding-bottom: 15px;

	}

	.desc-addres-company {
		padding-right: 24px;
	}

	.footer-section-cmw .center-container.px-0 {
		/* padding-left: 15px !important;
	padding-right: 15px !important; */
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.footer-section-cmw .row.align-items-center .center-terms {
		order: 1;
		margin-bottom: 14px;
	}

	.footer-section-cmw .row.align-items-center .left-copyright {
		order: 2;
	}

	.items-ccenter-terms {
		width: 100%;
		display: flex;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.items-ccenter-terms ul {
		list-style: none;
		margin-bottom: 0px;
		width: auto;
		display: flex;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-left: 0px;
		gap: 14px;
	}

	/* FOOTER PAGE 481-539 END  */

}

/* MEDIA 481 - 539 END */


/* MEDIA 480 START */
@media screen and (max-width : 480px) {

	.page-pre-title.content-vision-mission h3 {
		font: 400 30px/37px var(--font-plus-jakarta);
		color: var(--gray-500);
		margin-bottom: 48px;
	}


	.navbar-desc .cmw-container.navbar-solid {
		width: 95%;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-items-menu {
		width: 96%;
		min-height: 10px;
		height: auto;
		display: none;
	}

	/* NAVBAR 480 START*/
	.dialog-all-menu {
		padding: 20px 5px;
	}

	.search-content-form-active {
		/* padding: 20px 5px; */
		padding: 5px 5px 20px 5px;
	}

	.search-page input.form-control {
		padding: 14px 15px 14px 15px;
		height: 56px;
		font: normal 400 17px/28.64px var(--font-plus-jakarta);
	}

	.card-search-link {
		width: 100%;
		padding: 24px 10px;
		top: 186px;
	}

	.text-item-all {
		text-align: left;
	}

	.label-emblem-ukas {
		width: 72px;
		min-height: 86px;
	}

	.content-item-menu ul li {
		margin-bottom: 0px;
	}

	.card-search-dialog {
		width: 100%;
		padding: 20px 15px;
		/* min-height: 132px; */
		min-height: 92vh;
		max-height: 92vh;
		top: 64px;
	}

	.relative-type-search {
		width: 100%;
		height: 93vh;
		height: 76vh;
	}

	.text-search-btn {
		display: none;
	}

	.navbar-gradients.container.px-0 {
		display: none;
	}

	.navbar-desc .mcci-container.px-0 {
		padding-left: 9px !important;
		padding-right: 9px !important;
	}

	.navbar-gradients .d-flex.w-100 {
		background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-ms-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-moz-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		-webkit-background: linear-gradient(to right, rgba(20, 189, 240, 1) 0%, rgba(3, 147, 198, 1) 29%, rgba(25, 65, 143, 1) 67%, rgba(20, 33, 86, 1) 99%);
		padding: 4px 10px;
		border-radius: 4px;
	}

	.lang-toggle {
		display: flex;
		align-items: center;
		gap: 6px;
		padding: 6px 0px;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
	}

	.navbar-desc .mcci-container.navbar-solid {
		width: 95%;
		margin: 0 auto;
		padding-top: 3px;
		padding-bottom: 3px;
	}

	.navbar-gradients .col-md-7 .d-flex.justify-content-end {
		margin-left: auto;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-mobile-container {
		display: block;
	}

	.navbar-align-right {
		min-width: 110px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		/* margin-right: -5px; */
		margin-right: 10px;
	}

	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
		border: transparent none;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -1px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--aqua-blue-50);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--aqua-blue-50);
	}

	.navbar-gradients .col-lg-5 {
		display: none;
	}

	.navbar-gradients .col-lg-7 .d-flex.justify-content-end {
		justify-content: space-between !important;
	}

	.logo-brand {
		width: 110px;
		margin-left: 14px;
	}

	/* MOBILE NABAR 480*/
	.flag-lang {
		width: 28px;
	}

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		visibility: hidden;
	}


	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 136px 0px 0px 0px;
		width: 95%;
		margin: 0 auto;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		min-height: 96vh;
		max-height: 96vh;
		position: relative;
		background: var(--white-one);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px;
		border: 1px solid var(--gray-100);
		border-radius: 5.64px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		overflow-y: scroll;
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset;
		margin-bottom: 76px;
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 15px;
		padding-right: 15px;
	}

	.accordionMenu a {
		padding: 13px 0px 14px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--gray-800);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--gray-800);
		font: normal 400 20px/25.64px var(--font-plus-jakarta);
		letter-spacing: 0.35px;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100%;
		-webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-plus-jakarta);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}


	.navbar-align-center {
		display: none;
	}

	/* MOBILE NAVBAR 480 END */
	.btn-outline-white-blue {
		padding: 14px 15px;
	}

	.btn-outline-white-blue .icon-oblique-arrow {
		width: 24px;
		height: 24px;
	}

	/* HERO SECTION MOBILE 480 START */
	.hero-section {
		display: none;
	}

	.hero-section-mobile {
		display: flex;
		flex-direction: column;
		width: 100%;
		min-height: 100vh;
		height: auto;
		overflow-x: hidden;
		/* border: 4.5px solid #cf0000; */
	}

	#carouselMobile {
		width: 100% !important;
		height: 87vh !important;
		position: relative;
	}

	#carouselMobile .carousel-item {
		height: 87vh !important;
		position: relative !important;
		display: block !important;
		width: 100vw;
	}

	.hero-section-mobile .carousel-item img {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		max-width: 100vw !important;
		width: 100vw;
		height: 87vh;
		object-fit: cover !important;
		z-index: 1 !important;
	}

	#carouselMobile .slick-track,
	#carouselMobile .slick-list {
		height: 87vh !important;
	}

	.content-caption-hero h1 {
		/* font: 700 35.24px/41px var(--font-geist); */
		font: 700 31px/34px var(--font-geist);
		letter-spacing: -0.37px;
		position: relative;
		z-index: 6;
		margin-bottom: 10px;
	}

	.content-caption-hero p {
		position: relative;
		z-index: 6;
	}

	#carouselMobile .content-caption-hero {
		width: 60%;
		padding: 64px 0px 96px 0px;
	}

	/* HERO SECTION MOBILE 480 END */
	.facilities-thumb {
		width: 100%;
	}

	.caption-vids {
		padding-left: 10px;
		padding-right: 10px;
	}

	.content-caption-hero {
		width: 100%;
	}

	.facilities-content-desc {
		width: 100%;
	}

	.right-table-paragraph {
		width: auto;
		min-width: 100%;
		max-width: 100%;
		padding-left: 0;
	}

	.card-derived-products {
		padding: 32px 20px;
	}

	.card-derived-products:nth-child(2n) .facilities-thumb {
		padding-right: 0px;
		padding-left: 0px;
	}

	.title-card-facilities h2 {
		font: 500 30px/35.5px var(--font-geist);
	}

	.cover-heeader-section img {
		max-width: 199%;
		top: 64px;
		left: -58%;
		position: relative;
	}

	.header-modular-page {
		width: 100%;
		height: 49.64vh;
	}

	.caption-header-modular.bottom-position .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.caption-header-modular .content-caption-center {
		width: 90%;
		padding: 51.64% 0px 24px 0px;
	}

	.content-caption-center h2 {
		font: 700 28px/32px var(--font-geist);
	}

	.caption-header-modular {
		display: flex;
		align-items: end;
		-ms-align-items: end;
		-moz-align-items: end;
		-webkit-align-items: end;
		height: auto;
	}

	.content-caption-center::before {
		content: "";
		width: 76%;
		min-height: 32%;
		/* border: 2px solid #cf0000; */
		background-color: hsla(240, 88%, 27%, 0.32);
		background-image: radial-gradient(at 46% 58%, hsla(187, 61%, 42%, 1) 0px, transparent 50%), radial-gradient(at 39% 20%, hsla(216, 64%, 45%, 1) 0px, transparent 50%), radial-gradient(at 80% 0%, hsla(189, 100%, 56%, 1) 0px, transparent 50%), radial-gradient(at 31% 83%, hsla(195, 93%, 28%, 1) 0px, transparent 50%), radial-gradient(at 81% 86%, hsla(189, 54%, 53%, 0.56) 0px, transparent 50%);
		border-radius: 52px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		-webkit-filter: blur(24px);
		-ms-filter: blur(24px);
		-moz--filter: blur(24px);
		filter: blur(24px);
		position: absolute;
		z-index: 2;
		left: 0;
		right: 0;
		margin: 0 auto;
		top: 59.24%;
	}

	#carouselPrimary .slick-prev,
	#carouselPrimary .slick-next {
		width: 32px;
		height: 32px;
		z-index: 8;
		background-size: 18px;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:hover {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-prev:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next:focus {
		background-size: 18px !important;
		background-repeat: no-repeat;
		background-position: center;
	}

	#carouselPrimary .slick-next {
		right: 10px !important;
	}

	#carouselPrimary .slick-prev {
		left: 10px !important;
	}

	.home-pre-title.content-overview-company {
		width: 100%;
		height: auto;
	}

	.home-pre-title h3 {
		padding-right: 0px;
		letter-spacing: -0.48px;
		font: 500 30px/36px var(--font-geist);
	}

	.desc-value-market-caps h2 {
		font: 500 30px/36px var(--font-geist);
	}

	.icon-business-at-glance {
		width: 80px;
		height: 80px;
	}

	/* FLIP SLIDE MENU START */
	.tab-switch-map .nav-tabs {
		gap: 16px;
	}

	.navbar-desc {
		min-height: 80px;
	}

	/* 1. Kontainer Utama (Window) */
	.navbar-mobile-container {
		/* position: fixed; */
		position: fixed;
		top: 0px;
		/* padding-top: 120px; */
		padding-top: 86px;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		width: 100vw;
		height: 100vh;
		height: calc(100vh - 2px);
		background: rgba(4, 13, 64, 0.11);
		border-radius: 16px;
		box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
		backdrop-filter: blur(5px);
		-webkit-backdrop-filter: blur(5px);
		z-index: 9;
		overflow: hidden;
		border-radius: 5px;
		/* Sembunyikan by default */
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.3s ease, visibility 0.3s ease;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;

	}

	/* Status TERBUKA (dikontrol oleh hamburger) */
	.navbar-mobile-container.menu-is-open {
		visibility: visible;
		opacity: 1;
	}

	/* 2. Wrapper Geser (Slider) */
	/* Lvl 1 + Lvl 2 */
	/* Tinggi wrapper 100% dari parent (calc(100vh - 120px)) */
	.navbar-mobile-wrapper {
		display: flex;
		width: 200%;
		height: auto;
		transform: translateX(0);
		transition: transform 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
		padding-left: 11px;
		padding-right: 12px;
		max-height: 96.99%;
		overflow-y: scroll;
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;
	}


	/* Status saat Lvl 2 aktif (digeser oleh jQuery) */
	/* Geser ke kiri */
	.navbar-mobile-wrapper.level-2-active {
		transform: translateX(-50%);
		overflow-x: hidden;
	}

	.mobile-menu-panel {
		overflow-x: hidden;
	}

	#mobileMenuContainer::before {
		content: "";
		height: 29px;
		background-color: #fff;
		top: 117px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		z-index: 10;
		position: fixed;
		margin: 0 auto;
		display: none;
	}

	#mobileMenuContainer::after {
		content: "";
		height: 29px;
		background-color: #fff;
		bottom: -0.24px;
		width: calc(100vw - 4.89%);
		left: 0.24px;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	.navbar-mobile-wrapper::after {
		content: "";
		height: 29px;
		/* background-color: #cf0000; */
		bottom: -0.24px;
		width: calc(100% - 4.89%);
		left: 0;
		right: 0;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
		z-index: 10;
		position: absolute;
		margin: 0 auto;
		display: none;
	}

	/* 3. Panel (Lvl 1 & Lvl 2) */
	/* 50% dari 200% = 100% lebar layar */
	.mobile-menu-panel {
		width: 50%;
		height: 100%;
		flex-shrink: 0;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		overflow: hidden;
	}

	#mobile-menu-level-1 {
		left: -5px;
		position: relative;
	}

	#mobile-menu-level-2 {
		left: 6px;
		position: relative;
	}


	.mobile-menu-header {
		/* padding: 15px; */
		padding: 15px 15px 0px 15px;
		display: flex;
		align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-shrink: 0;
		min-height: auto;
		flex-direction: column;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-top-right-radius: 5px;
		border-top-left-radius: 5px;
		border-bottom: 6px solid #fff;
		position: relative;
		bottom: -4px;
	}

	#mobile-menu-level-1 .mobile-menu-header {
		border-bottom: none;
		min-height: auto;
		padding: 0;
	}


	.mobile-menu-content,
	.submenu-content-wrapper {
		flex-grow: 1;
		overflow-y: auto;
		padding: 15px 10px;
		background: var(--white-one);
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		border-radius: 5px;
	}


	.menu-link {
		display: flex;
		justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		left: 0;
		right: 0;
		padding: 12px 0px;
		font: 400 20.64px/27.64px var(--font-geist);
		color: #111;
		text-decoration: none;
		cursor: pointer;
	}

	.mobile-menu-content .menu-link:last-child {
		margin-bottom: 86px;
	}

	.text-menu-link {
		height: auto;
	}

	.text-menu-link p {
		margin-bottom: 0px;
	}

	.menu-link:hover {
		background-color: #f9f9f9;
	}

	.menu-link.has-submenu {
		position: relative;
	}

	.menu-link.has-submenu::after {
		content: '›';
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		font-weight: 600;
		font-size: 26px;
		color: #034ea1;
		display: none;
	}

	/* 7. Styling Panel Lvl 2 (Submenu) */
	#mobile-menu-level-2 .back-to-level-1 {
		display: flex;
		align-items: center;
		text-decoration: none;
		font: normal 400 13.64/21px var(--font-plus-jakarta);
		color: var(--gray-500);
		width: 100%;
		margin-top: 8px;
		margin-bottom: 8px;
	}

	#mobile-menu-level-2 .back-to-level-1 svg {
		margin-right: 5px;
		color: var(--color-gray-500);
	}

	#mobile-menu-level-2 #submenu-title {
		font: 400 20.64px/27.64px var(--font-geist);
		color: var(--color-gray-950);
		margin: 0;
		margin-left: 15px;
		width: 100%;

	}

	.mobile-submenu-panel {
		display: none;
	}

	.mobile-submenu-panel.active {
		display: block;
	}

	.desc-submenu {
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		top: -6px;
		position: relative;
	}

	.desc-submenu p {
		margin-top: 0px;
	}

	.explore-desc {
		width: 100%;
		height: auto;
		font: normal 400 13.64/21px var(--font-geist);
		color: var(--gray-500);
		padding-left: 10px;
		padding-right: 10px;
		text-align: left;
		margin-bottom: 16px;
	}

	.explore-desc a {
		color: var(--aqua-blue-500);
		text-decoration: none;
		display: flex;
		flex-direction: row;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.text-explore-submenu {
		font: normal 400 13.64/21px var(--font-geist);
	}

	.explore-desc a .icon-18 {
		width: 24px;
	}

	.explore-desc a .icon-18 svg {
		width: 100%;
		height: auto;
		max-width: 100%;
		transform: rotate(270deg);
	}

	.text-explore-submenu p {
		margin-bottom: 0px;
	}

	.sub-menu-list {
		list-style: none;
		padding-left: 0;
		margin: 0;
		display: flex;
		flex-direction: column;
		gap: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.sub-menu-list li a {
		padding: 14px 0px;
		display: block;
		text-decoration: none;
		color: #333;
		font-weight: 500;
		background-color: var(--white-one);
		border-radius: 0px;
		font: normal 400 15.24/22px var(--font-geist);
		border-bottom: 1px solid #E6E6E6;
	}

	.sub-menu-list li:last-child a {
		border-bottom: 1px solid #ffffff;
	}

	.sub-menu-list li a:hover {
		background-color: #e9e9e9;
		color: #034ea1;
	}

	.sub-menu-list:last-child {
		/* margin-bottom: 40px; */
		margin-bottom: 1px;
	}

	.navbar-align-right .btn-all-menu {
		display: none;
	}

	/* FLIP SLIED MENU END */

	/* SECTION HERO IMAGES HOME 480 START  */
	.section-hero-images-home {
		overflow-x: hidden;
	}

	/* SECTION HERO IMAGES HOME 480 END  */


	/* SECTION ABOUT OVERVIEW HOME START  */
	.section-about-home {
		overflow-x: hidden;
		padding-top: 0px;
		padding-bottom: 74px;
	}

	.desc-overview-about {
		padding-left: 0px;
		font: 500 29px/34px var(--font-geist);
		padding-right: 0px;
	}

	.section-about-home .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-key-numbers-home .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.row.row-key-numbers-home .col-lg-4:nth-child(1 of .col-lg-4) {
		margin-bottom: 36px;
	}

	.row.row-key-numbers-home .col-lg-4:nth-child(2 of .col-lg-4) {
		margin-bottom: 36px;
	}

	.content-plant-factories h2 {
		font: normal 500 22.24px/30.5px var(--font-plus-jakarta);
	}

	/* SECTION ABOUT OVERVIEW HOME END  */

	/*  SECTION AWARDS CERTIFICATIONS HOME 480 START  */
	.section-awards-certifications {
		overflow-x: hidden;
	}

	.section-awards-certifications .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-nomination-text h2 {
		color: var(--gray-950);
		font: normal 500 20.56px / 27.5px var(--font-plus-jakarta);
	}

	.paragraph-left-section {
		padding-left: 0px;
		padding-right: 0px;
	}

	.award-filter-container {
		margin-top: 6px;
		margin-bottom: 12px;
	}

	.filter-year-dropdown {
		width: 100%;
	}

	.filter-year-toggle {
		min-width: 100%;
	}

	.filter-year-menu.show {
		min-width: 100%;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 480 START  */

	.section-testimonials {
		overflow-x: hidden;
	}

	.section-testimonials .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*  SECTION AWARDS CERTIFICATIONS HOME 480 END  */

	/*   SECTION SUSTAINABILITY HOME 480 START  */
	.section-sustainability-home {
		overflow-x: hidden;
		padding-top: 96px;
		padding-bottom: 86px;
	}

	.sub-sustainability-home {
		padding: 48px 0px 18px 0px;
	}

	.row.sub-sustainability-home .col-md-8 {
		padding-right: 0px;
	}

	.section-sustainability-home .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*   SECTION SUSTAINABILITY HOME 480 END  */

	/* SECTION PRODUCT HOME 480 START  */
	.section-product-home {
		overflow-x: hidden;
		padding-top: 76px;
		padding-bottom: 86px;
	}

	.section-product-home .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.row-product-home .pr-6 {
		padding-right: 15px !important;
	}

	.row-product-home .pl-6 {
		padding-left: 15px !important;
	}

	/* SECTION PRODUCT HOME 480 END  */

	/* SECTION NEWS HOME 480 START  */
	.section-news-home {
		overflow-x: hidden;
		padding: 89px 0px 70px 0px;
	}

	.section-news-home .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}


	.news-detail-section .center-container.container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/* SECTION NEWS HOME 480 END  */

	/* PRODUCT DETAIl 480 START */
	.section-product-detail .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-product-components .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		order: 1;
	}

	.section-product-components .row-product:nth-child(odd) .left-component-product {
		order: 2;
		padding-right: 0px;
	}

	.section-product-components .row-product:nth-child(odd) .paragraph-left-component {
		padding-right: 15px !important;
	}

	.section-product-components .row-product:nth-child(odd) .right-component-product {
		padding-left: 15px;
		padding-right: 15px;
	}

	.section-product-components .row-product:nth-child(odd) .content-right-component {
		padding-left: 15px;
	}

	/* GENAP 480 START*/

	.section-product-components .row-product:nth-child(even) .right-component-product {
		padding-right: 15px;
		padding-left: 15px;
	}

	.section-product-components .row-product:nth-child(even) .content-right-component {
		padding-left: 15px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .content-left-component {
		padding-left: 0px;
	}

	.section-product-components .row-product:nth-child(even) .left-component-product .paragraph-left-component {
		padding-left: 0px;
	}

	/* GENAP 480 END*/
	.section-funnel-act-product {
		padding: 48px 15px 24px 15px;
	}


	.btn-read-more-product {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.btn-read-more-product.more-about .btn-read-more-product {
		padding-top: 6px;
	}

	.section-about-home {
		padding-bottom: 20px;
	}

	.section-key-numbers-home {
		padding-top: 10px;
	}

	.row-key-numbers-home .iso-registered-list {
		margin-bottom: 36px;
	}

	.number-overview-icon {
		padding-bottom: 0px;
	}

	.number-about-overview h2 {
		margin-bottom: 18px;
	}

	.btn-read-more-product .btn-outline-aqua-200 {
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.card-component {
		position: absolute;
		width: 115px;
	}

	.card-component-one {
		left: unset;
		right: -12%;
		top: 65.5%;
		z-index: 9;
	}

	.card-component-six {
		left: unset;
		right: -13.24%;
		top: 56.24%;
	}

	.card-component-two {
		left: 20%;
		right: unset;
		top: 32%;
	}

	.card-component-three {
		left: 80.64%;
		right: unset;
		top: 32%;
	}

	.card-component-four {
		left: 21%;
		right: unset;
		top: unset;
		bottom: 18%;
	}

	.pulsating-circle-three {
		left: 56%;
		top: 46.64%;
	}

	.pulsating-circle-four {
		left: 61%;
		top: 51.64%;
	}

	.product-motor-cycle {
		width: 474px;
		top: 56.64%;
	}

	.product-motor-cycle img {
		max-width: 172%;
	}

	.section-header-product .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-header-cover h1 {
		font: 400 30px/38px var(--font-geist);
		letter-spacing: -0.98px;
	}

	.title-header-cover h2 {
		font: 400 30px/38px var(--font-geist);
		letter-spacing: -0.98px;
	}

	/* PRODUCT DETAIL 480 END */
	.section-who-we-are .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.section-matrics-company .center-container.px-0 {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.section-company-overview .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.card-product-explore {
		margin-top: 30px;
		margin-bottom: 30px;
	}

	.section-matrics-company .gutter--32>[class^="col-"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT START   */
	.section-detail-product {
		min-height: 32px;
		height: auto;
	}

	.breadcrumb {
		margin-top: 96px;
	}

	.section-career-breadcrumb .breadcrumb {
		margin-top: 45px;
	}

	.content-contact-us {
		padding: 0px 0px 24px 0px;
	}

	.section-detail-product .center-container.px-0 {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.title-content-spesification {
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-bottom: 0;
	}

	.content-spesifications-left {
		padding-right: 0px;
	}

	.right-row-spesifications {
		padding-left: 8px;
	}

	/*  SECTION COMPONENT DETAIL PRODUCT END   */

	/* NEWS SECTION HOMEPAGE 480 START */

	.desc-awards-caption {
		max-width: 100%;
	}

	.row-product-home .desc-awards-caption {
		width: 100%;
		max-width: 100%;
	}

	.card-small-news {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
	}

	.title-small-news {
		max-width: 47.56%;
	}

	.icon-about-overview {
		margin-right: 5px !important;
	}

	.title-small-news h3 {
		font: 400 16px/22px var(--font-geist);
	}

	.date-and-category h3 {
		margin-bottom: 0px;
	}

	.date-and-category {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		-ms-align-items: flex-start;
		-moz-align-items: flex-start;
		-webkit-align-items: flex-start;
		margin-bottom: 0px;
	}

	.title-small-news h2 {
		font: normal 500 18.24px/24px var(--font-plus-jakarta);
	}

	.thumb-small-news {
		width: 156px;
		min-height: 118px;
	}

	.btn-read-more-news {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	/* NEWS SECTION HOMEPAGE 480 END */


	/* TESTIMONIAL HOMEPAGE 480 START */


	.section-testimonials .center-container.container.px-0.mx-auto {
		padding-left: 0px !important;
		padding-right: 0px !important;
		width: 100%;
	}

	.card-testimonials {
		width: 116% !important;
		padding: 32px 20px;
		margin-left: 10px;
		margin-right: 10px;

	}

	.slide-testimonials {
		width: 100%;
	}

	.slide-testimonials .slick-list {
		width: 100vw;
		overflow: unset !important;
	}

	.slide-testimonials .slick-list .slick-track {
		width: 100%;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		left: -9%;
		right: 0;
		margin: 0 auto;
	}

	.author-testimonials h4 {
		font: 600 17px/21.64px var(--font-geist);
	}

	.author-testimonials {
		padding-right: 0px;
	}

	.img-author-testimonials {
		width: 86px;
	}

	/* TESTIMONIAL HOMEPAGE 480 END */

	.certification-institution-text {
		padding-left: 0px;
		font: 500 14.56px/22px var(--font-plus-jakarta);
	}

	.desc-matric-right {
		padding-left: 0px;
	}

	.left-value-numbers h2 {
		font: 500 48px/56px var(--font-geist);
		color: var(--aqua-blue-400);
	}

	.desc-esg h3 {
		font: 500 23.64px/33px var(--font-geist);
	}

	.title-company-overview {
		padding-left: 0;
	}

	.title-blue-primary h1 {
		font: 400 18.24px/26.64px var(--font-geist);
	}

	.title-blue-primary h2 {
		font: 500 30.24px/34.56px var(--font-geist);
		padding-right: 36px;
	}

	.title-company-overview h2 {
		height: auto;
		/* font: 500 31px/38px var(--font-geist); */
		font: 500 23.64px/33px var(--font-geist);
	}

	.desc-who-we-are {
		/* font: 500 26.24px/33px var(--font-geist); */
		font: 500 20px/29.56px var(--font-geist);
	}

	.section-company-overview {
		overflow: hidden;
	}

	.section-landscape-company-thumbnail {
		min-height: 274px;
		overflow: hidden;
		position: relative;
		height: 386px;
		margin-top: 32px;
		width: 100%;
		overflow: hidden;
	}

	.section-landscape-company-thumbnail img {
		width: 100%;
		left: 0;
		height: 96%;
		object-fit: cover;
		bottom: unset;
	}


	.section-who-we-are .title-blue {
		padding-top: 18px;
	}

	.title-matric-value {
		padding-right: 10px;
	}

	.certified-by {
		margin-top: 48px;
	}

	/* VISION MISSION 480 START */
	.page-pre-title.content-vision-mission h3 {
		/* font: 400 29px/37px var(--font-plus-jakarta); */
		font: normal 400 18.64/25.24px var(--font-plus-jakarta);
		color: var(--gray-500);
		margin-bottom: 48px;
		letter-spacing: -0.36px;
	}

	.row-youtube-card.gutter--18.row,
	.row-youtube-card.gutter--18.container,
	.row-youtube-card.gutter--18.container-fluid {
		margin-left: -15px;
		margin-right: -15px;
	}

	.gutter--18>[class^="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}

	.row-video-mission .col {
		width: 100%;
		flex: 0 0 auto;
	}

	.row-video-mission .col-10 {
		width: 100%;
		flex: 0 0 auto;
	}

	.section-video-player .center-container.px-0 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	/* VISION MISSION 480 END */
	/* CONTACT US 480 START */
	.content-contact-us .row-contact-us .col-md-6 {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-contact-us .col-xl-6:nth-child(1 of .col-xl-6) {
		flex: 0 0 auto;
		width: 100%;
		order: 1;
		margin-top: 48px;
	}

	.row-contact-us .col-xl-6:nth-child(2 of .col-xl-6) {
		flex: 0 0 auto;
		width: 100%;
	}

	.card-link-contact {
		padding-right: 0px;
		margin-top: 64px;
	}

	.card-link-contact .col-xl-6:nth-child(1 of .col-xl-6) {
		width: 100%;
		flex: 0 0 auto;
		margin-top: 0px;
	}

	.card-link-contact .col-xl-6:nth-child(2 of .col-xl-6) {
		width: 100%;
		flex: 0 0 auto;
	}

	.section-detail-product .head-content-vision {
		padding: 6px 0px 6px 0px;
	}

	.desc-funnel-act {
		padding: 0px 0px 86px 0px;
	}

	/* PRODUCT 480 START */
	.content-left-summary-product {
		padding-right: 5px;
	}

	.icon-infographic-product {
		width: 96px;
	}

	.content-right-summary-product h2 {
		font: 500 32px/37px var(--font-geist);
	}

	.content-left-component h2 {
		font: 500 31px/36px var(--font-geist);
	}

	.title-funnel-act h2 {
		font: 500 32px/37px var(--font-geist);
	}

	.absolute-act {
		bottom: 32px;
	}

	.about-overview-governance-org {
		/* border: 1px solid red !important; */
		height: 314px;
	}

	.card-governace-org {
		height: 314px;
	}

	.card-governace-org img {
		max-width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/* PRODUCT 480 END */



	/* CONTACT US 480 START */
	/* ESG 480 START */
	.desc-esg h3 {
		font: 500 23.64px/33px var(--font-geist);
		padding-right: 0;
		letter-spacing: -0.52px;
	}

	.row-esg-column .col-md-5:nth-child(1 of .col-md-5) {
		padding-left: 13px;
		order: 2;
	}

	.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-5 {
		padding-left: 13px;
		padding-right: 13px;

	}

	.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-7 {
		padding-left: 13px;
		padding-right: 13px;
		padding-top: 32px;
	}

	.desc-esg .row-esg-column:nth-child(1 of .row-esg-column) .col-md-7 {
		order: 2;
		padding-right: 13px;
		padding-left: 13px;
		padding-top: 32px;
	}

	.desc-esg .row-esg-column:nth-child(3 of .row-esg-column) .col-md-7 {
		order: 2;
		padding-right: 13px;
		padding-left: 13px;
		padding-top: 32px;
	}

	.desc-esg .row-esg-column:last-child {
		padding-top: 0px;
	}

	.row-esg-column .col-md-5:nth-child(1 of .col-md-5) {
		padding-left: 13px;
		order: 1;
	}

	.desc-esg .row-esg-column:nth-child(2 of .row-esg-column) .col-md-7 {
		order: 2;
	}

	.title-large-news {
		max-width: 98%;
	}

	.section-call-to-action .center-container.px-0 {
		padding-right: 15px !important;
		padding-left: 15px !important;
	}

	.featured-large-news {
		margin-top: -6px;
		position: relative;
	}

	.section-news-home .featured-large-news {
		margin-top: 1px;
		position: relative;
	}

	.card-featured-large-news {
		max-height: 348px;
		margin-top: 4px;
		position: relative;
	}

	.card-featured-large-news img {
		margin-top: -8.64%;
		position: relative;
		max-width: 100%;
		height: 100%;
		object-fit: fill;
	}

	/* ESG 480 END */

	.btn-product-medium {
		width: 100%;
		display: none;
	}

	.summary-program-desc {
		width: auto;
		max-width: 100%;
	}

	.catalog-product-home {
		padding: 20px 18px 38px 18px;
		margin-top: 32px;
		min-height: 596px;
	}

	.icon-automotive {
		width: 176px;
		height: 186px;
		right: -113px;
	}

	.desc-catalog-home {
		letter-spacing: -0.32px;
	}

	/* FOOTER PAGE 480 START  */
	.footer-section-cmw {
		padding-top: 15px;
		padding-bottom: 15px;

	}

	.desc-addres-company {
		padding-right: 24px;
	}

	.footer-section-cmw .center-container.px-0 {
		/* padding-left: 15px !important;
	padding-right: 15px !important; */
		padding-left: 13px !important;
		padding-right: 13px !important;
	}

	.footer-section-cmw .row.align-items-center .center-terms {
		order: 1;
		margin-bottom: 14px;
	}

	.footer-section-cmw .row.align-items-center .left-copyright {
		order: 2;
	}

	.items-ccenter-terms {
		width: 100%;
		display: flex;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
	}

	.items-ccenter-terms ul {
		list-style: none;
		margin-bottom: 0px;
		width: auto;
		display: flex;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-left: 0px;
		gap: 6px;
	}

	.footer-section-cmw .items-ccenter-terms ul li a {
		font: normal 400 12.86/20px var(--font-plus-jakarta);
		color: var(--gray-500);
		letter-spacing: -0.58px;
	}

	/* FOOTER PAGE 480 END  */

}

/* MEDIA 480 END */

/* MEDIA 415-440 START */
@media screen and (min-width: 415px) and (max-width: 440px) {

	.icon-top-contact {
		width: 14px;
	}

	.text-icon-top {
		padding-left: 8px;
		font-size: 12.5px;
		padding-right: 10px;
	}

	.title-small-news {
		max-width: 47.15%;
	}
}

/* MEDIA 415-440 END */


/* MEDIA 375-414 START */
@media screen and (min-width: 375px) and (max-width: 414px) {
	.title-small-news {
		max-width: 46.64%;
	}
}

/* MEDIA 375-414 END */

/* MEDIA 321-479 START */
@media screen and (min-width: 321px) and (max-width: 374px) {}

/* MEDIA 321-479 END */


/* MEDIA 320 START */
@media screen and (max-width : 320px) {
	.icon-top-contact {
		width: 12px;
	}

	.text-icon-top {
		padding-left: 6px;
		font-size: 12px;
		padding-right: 6px;
	}

	.lang-toggle .chevron-down {
		width: 15px;
		height: 15px;
	}

	.lang-toggle .value-lang {
		font-size: 12.5px;
	}

	.lang-toggle .flag-lang img {
		width: 20px;
	}

	.title-small-news {
		max-width: 46.64%;
	}
}

/* SLICK SLIDER CUSTOM STYLES */
.card-product-image-modal {
	margin-bottom: 20px;
	border-radius: 20px;
	overflow: hidden;
	border: 1px solid #dee2e6;
	border-radius: 12.5px;
	min-height: 320px;
	max-height: 320px;
	background: var(--white-one);
}

.wrp-text-product {
	width: 100%;
	height: auto;
	position: relative;
	padding: 4px 6px 3px 10px;
	background: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.wrp-text-product h2 {
	width: auto;
	font: 500 14px/21px var(--font-geist);
	color: var(--aqua-blue-400);
	text-transform: uppercase;
	margin-bottom: 0px;
}

#main-slider img {
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 6px;
	object-fit: contain;
}

.card-small-thumb-product .slick-list {
	margin: 0 -5px;
}

.card-small-thumb-product .items-slider-small {
	margin: 0 5px;
	border: 2px solid #dee2e6;
	border-radius: 12px;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 100px;
	/* Force visual size if needed, though slick handles width */
	height: 100px;
	/* Keep them square */
}

.card-small-thumb-product .items-slider-small img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* Active State */
.card-small-thumb-product .slick-current .items-slider-small {
	border-color: #0099ff;
	/* CMW Blue */
}

/* CATALOG PRODUCT SLIDER CUSTOM STYLES */
.catalog-product-slider {
	position: relative;
	width: 100%;
}

.catalog-slider-prev,
.catalog-slider-next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	background: rgba(255, 255, 255, 0.2);
	border: none;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	backdrop-filter: blur(4px);
	padding: 0;
}

.catalog-slider-prev:hover,
.catalog-slider-next:hover {
	background: rgba(255, 255, 255, 0.4);
	color: #fff;
}

.catalog-slider-prev {
	left: 20px;
}

.catalog-slider-next {
	right: 20px;
}

.catalog-product-slider .slick-prev::before {
	display: none;
}

.catalog-product-slider .slick-next::before {
	display: none;
}

.catalog-slider-prev {
	left: 2px;
}

.catalog-slider-next {
	right: 3.5px;
}

.catalog-product-slider .slick-dots li.slick-active button::before {
	display: none;
}

.catalog-product-slider .slick-dots li button::before {
	display: none;
}

.catalog-product-slider .slick-dots {
	position: absolute;
	bottom: 24px;
	left: 0;
	right: 0;
	display: flex !important;
	justify-content: center;
	list-style: none;
	padding: 0;
	margin: 0;
	z-index: 10;
}

.catalog-product-slider .slick-dots li {
	margin: 0 6px;
	display: inline-block;
}

.catalog-product-slider .slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	transition: all 0.3s ease;
}

.catalog-product-slider .slick-dots li.slick-active button {
	background: #ffffff;
	transform: scale(1.3);
}