/** Global CSS Goes Here **/

/** Global **/
@font-face {
	font-family: "Inter";
	src: url("./fonts/Inter-Regular.ttf") format("truetype");
	unicode-range: U+0000-00FF; /* Latin Basic */
}

@font-face {
	font-family: "Noto Sans JP";
	src: url("./fonts/NotoSansJP-Regular.ttf") format("truetype");
	unicode-range: U+3000-9FFF; /* Jepang: Hiragana, Katakana, Kanji */
}

html {
	font-size: 16px;
	scrollbar-width: auto;
}

body {
	padding: 0;
	margin: 0;
}

button {
	border: none;
}

strong {
	font-weight: 600 !important; /*custom*/
}

img[src=""],
img:not([src]),
img[src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="] {
	visibility: hidden !important;
}

:root {
	--corner-radiuscontainer-card-xl: 2rem;
	--corner-radiuscontainer-card-m: 1rem;
	--corner-radiuscontainer-card-l: 1.5rem;
	--corner-radiuscontainer-card-s: 0.5rem;
	--color-background-fill-primary: #097ed7;
	--color-background-fill-success: #25a96e;
	--color-background-fill-secondary-disabled: #bababa;
	--color-border-border-primary-default: #e0e0e0;
	--color-background-surface-warning: #fffbee;
	--color-text-text-disabled: #a3a3a3;
	--color-text-text-primary: #1a1a1a;
	--color-text-text-secondary: #8d8d8d;
	--radius-xxl: 32px;
	--radius-m: 12px;
	--spacepaddingspace-component-padding-m: 16px;
	--corner-radiuscontainer-card-s: 8px;
}

.animate {
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 300ms;
}

.swiper-slide.animate {
	transition-duration: 1500ms;
}

.show {
	visibility: visible !important;
	opacity: 1 !important;
}

.content-shift {
	padding-top: 78px;
}
/* .dcw-container {
    padding: 0 1rem !important;
} */
.text-center {
	text-align: center;
}

.align-center {
	align-items: center !important;
}

.error {
	border: 2px solid #821131 !important;
	background-color: #ffe6e6 !important;
}

.top-rounded {
	border-radius: 3rem 3rem 0 0;
}

.bg-white {
	background-color: #ffffff !important;
}

.bg-gray {
	background-color: #f5f5f5 !important;
}

.bg-green {
	background-color: #e9f6f1 !important;
}
/*custom*/

.notop-margin {
	margin-top: 0 !important;
}

.dcw-main.with-breadcrumb {
	padding-top: 134px;
}

.dcw-screen-limiter {
	/* max-width: 1512px !important; */
	margin: 0 auto 2rem auto !important;
}

.shortened {
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 4 !important;
}

.makin-fleksibel-desktop {
	display: none !important;
}

.makin-fleksibel-slider {
	/*margin-top: 2rem;*/
}

.makin-fleksibel-slider-item {
	position: static !important;
}

@media screen and (min-width: 380px) and (max-width: 1023px) {
	.dcw-container {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}

	#content > div.dcw-container,
	#content > div > div.dcw-container,
	.swiper.dcw-container,
	.dcw-latestpromo .dcw-card-first-container.dcw-container,
	.dcw-latestpromo .swiper-wrapper.dcw-container,
	.dcw-herobanner .hero-highlight .hero-content.dcw-container,
	.hero-product-big-banner .hero-product-content.dcw-container,
	.dcw-breadcrumb-container.dcw-container,
	.dcw-contact-cards .dcw-contact-cards-container.dcw-container {
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}
}

@media screen and (min-width: 1024px) {
	.top-rounded {
		border-radius: 5rem 5rem 0 0;
	}

	.dcw-main.with-breadcrumb {
		padding-top: 152px;
	}
	/* #content>div.dcw-container,
    #content>div>div.dcw-container,
    .swiper.dcw-container,
    .dcw-latestpromo .dcw-card-first-container.dcw-container,
    .dcw-latestpromo .swiper-wrapper.dcw-container,
    .dcw-herobanner .hero-highlight .hero-content.dcw-container,
    .hero-product-big-banner .hero-product-content.dcw-container {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    } */
	.dcw-breadcrumb-container.dcw-container {
		padding-left: 0;
		padding-right: 0;
	}
}

/* Ikbal Adjustment, Remove this style. already handled in another css */
/* @media screen and (min-width: 1366px) {
    .dcw-container {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
    #content>div.dcw-container,
    #content>div>div.dcw-container,
    .swiper.dcw-container,
    .dcw-latestpromo .dcw-card-first-container.dcw-container,
    .dcw-latestpromo .swiper-wrapper.dcw-container,
    .dcw-herobanner .hero-highlight .hero-content.dcw-container,
    .hero-product-big-banner .hero-product-content.dcw-container,
    .dcw-breadcrumb-container.dcw-container {
        padding-left: 5rem !important;
        padding-right: 5rem !important;
    }
} */

.custom-news-img-container {
	width: 100%;
	height: 70%;
}

.custom-news-img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.custom-dcw-headline-title-feature,
.custom-dcw-headline-title-feature-2 {
	display: flex;
	align-items: center;
	gap: 1rem;
}

/** Header **/
.logo-overlay {
	display: none;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #ffffff;
	z-index: 999;
}

header.privilege-theme {
	background-color: #000000;
}

header.privilege-theme * {
	color: #ffffff;
}

header.optimal-theme {
	background-color: #166542;
}

header.optimal-theme * {
	color: #ffffff;
}

.dcw-header-desktop {
	width: 100%;
	height: 78px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.dcw-header-desktop .header-logo,
.dcw-header-desktop .header-tools {
	flex-shrink: 0;
	padding: 0 5rem;
}

.dcw-header-desktop nav.header-menus {
	flex: 1;
}

.dcw-header-desktop nav.header-menus ul {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.dcw-header-desktop nav.header-menus ul > li {
	height: 100%;
}

.dcw-header-desktop nav.header-menus li > a {
	display: flex;
	height: 100%;
	align-content: center;
	padding: 0 1rem;
}

.dcw-header-desktop nav.header-menus li:hover > a,
.dcw-header-desktop nav.header-menus li.active > a {
	color: #e84e15;
}

header.privilege-theme .dcw-header-desktop nav.header-menus li:hover > a,
header.privilege-theme .dcw-header-desktop nav.header-menus li.active > a {
	color: #ffd9b3;
}

header.optimal-theme .dcw-header-desktop nav.header-menus li:hover > a,
header.optimal-theme .dcw-header-desktop nav.header-menus li.active > a {
	color: #ffd9b3;
}

.dcw-header-desktop nav.header-menus li > a:after {
	display: block;
	content: " ";
	border-bottom: 3px solid #e84e15;
	transform: scaleX(0);
	transition: transform 250ms ease-in-out;
	margin-top: 0.5rem;
	width: 130%;
	position: relative;
	left: -15%;
	transform-origin: 0% 50%;
}

header.privilege-theme .dcw-header-desktop nav.header-menus li > a:after {
	border-color: #ffd9b3;
}

header.optimal-theme .dcw-header-desktop nav.header-menus li > a:after {
	border-color: #ffd9b3;
}

.dcw-header-desktop nav.header-menus li:hover > a:after,
.dcw-header-desktop nav.header-menus li.active > a:after {
	transform: scaleX(1);
}

.dcw-header-desktop .header-tools {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.5rem;
}
/* .dcw-header-desktop .header-tool {
    padding: 0 1.5rem;
    cursor: pointer;
} */
.dcw-header-desktop .header-languages {
	padding: 0.75rem 1.25rem;
	border: 1px solid #e0e0e0;
	border-radius: 16px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	/* margin-left: 1.5rem; */
}

header.privilege-theme .dcw-header-desktop .header-languages {
	border-color: #ffd9b3;
}

header.privilege-theme .dcw-header-desktop .header-languages * {
	color: #ffd9b3;
}

header.optimal-theme .dcw-header-desktop .header-languages {
	border-color: #ffd9b3;
}

header.optimal-theme .dcw-header-desktop .header-languages * {
	color: #ffd9b3;
}

.header-languages .active-language,
.header-languages .header-language {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

.dcw-header-desktop .available-language {
	position: absolute;
	top: 85px;
	padding: 0.5rem 0;
	background-color: #ffffff;
	border: 1px solid #e0e0e0;
	border-radius: 16px;
	z-index: 99999;
	visibility: hidden;
	opacity: 0;
}

header.privilege-theme .dcw-header-desktop .available-language {
	background-color: #1a1a1a;
	border-color: #ffd9b3;
}

header.optimal-theme .dcw-header-desktop .available-language {
	background-color: #166542;
	border-color: #ffd9b3;
}

.dcw-header-desktop .header-languages:hover .available-language {
	visibility: visible;
	opacity: 1;
}

.dcw-header-desktop .header-search,
.dcw-header-desktop .header-calculator {
	position: relative;
}

.dcw-header-desktop .header-search img:nth-child(1),
.dcw-header-desktop .header-calculator img:nth-child(1) {
	opacity: 1;
	visibility: visible;
}

.dcw-header-desktop .header-search img:nth-child(2),
.dcw-header-desktop .header-calculator img:nth-child(2) {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
}

.dcw-header-desktop .header-search:hover img:nth-child(1),
.dcw-header-desktop .header-calculatorhover img:nth-child(1) {
	opacity: 0;
	visibility: hidden;
}

.dcw-header-desktop .header-search:hover img:nth-child(2),
.dcw-header-desktop .header-calculator:hover img:nth-child(2) {
	opacity: 1;
	visibility: visible;
}

.dcw-header-desktop .available-language > hr {
	border: 1px solid #e0e0e0;
	width: 70%;
	margin: 0 auto;
}

header.privilege-theme .dcw-header-desktop .available-language > hr {
	border-color: #ffd9b3;
}

header.optimal-theme .dcw-header-desktop .available-language > hr {
	border-color: #ffd9b3;
}

.dcw-header-desktop .header-language {
	padding: 0.5rem 1rem;
}

.dcw-header-desktop .header-search-widget {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	z-index: 99999;
}

.dcw-header-desktop .search-shade {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dcw-header-desktop .search-component {
	margin: 0 auto;
}

.dcw-header-desktop .search-input {
	width: calc(70% + 2rem);
	position: relative;
	padding: 1rem;
}

.dcw-header-desktop .search-input form {
	position: relative;
	margin: 0;
	z-index: 9;
}

#search-bar-desktop {
	width: 100%;
	background-color: #ffffff;
	border-radius: 8px;
	border: none;
	height: 60px;
	padding: 0 4rem;
	padding-top: 1rem;
}

#search-bar-desktop:focus {
	outline: none;
}

.dcw-header-desktop .search-input label {
	position: absolute;
	left: 4rem;
	font-size: 1rem;
	color: #8d8d8d;
	top: 20px;
}

.dcw-header-desktop .search-input input:focus + label,
.dcw-header-desktop .search-input label.has-value {
	font-size: 0.75rem;
	top: 10px;
}

.dcw-header-desktop .search-input .search-icon {
	position: absolute;
	left: 1rem;
	top: 12px;
}

.dcw-header-desktop .search-input .search-close {
	position: absolute;
	right: 1rem;
	top: 18px;
}

.dcw-header-desktop .search-input input {
	color: #121212;
}

.dcw-header-desktop .search-result {
	width: 70%;
	background-color: #ffffff;
	border-radius: 8px;
	border: none;
	padding: 2rem;
	visibility: hidden;
	opacity: 0;
	z-index: 9;
	position: relative;
}

.dcw-header-desktop .search-result .result-title {
	font-size: 0.75rem;
	font-weight: 800;
	color: #121212;
}

.dcw-header-desktop .search-result .result-item {
	padding: 0.75rem 0;
}
.dcw-header-desktop .search-result .result-item a {
	color: black;
}

.dcw-header-mobile {
	display: none;
}

.dcw-header-desktop nav.header-menus li > a {
	white-space: nowrap;
}

.newapp-icon {
	width: 100%;
}

.newapp-icon img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.newapp-icon-mobile {
	width: 100%;
	height: 100%;
}

.newapp-icon-mobile img {
	width: 100%;
	height: 100%;
	border-radius: 0 !important;
}

@media screen and (max-width: 1366px) {
	.dcw-header-desktop .header-logo,
	.dcw-header-desktop .header-tools {
		padding: 0 1rem;
	}

	.dcw-header-desktop nav.header-menus li > a {
		padding: 0 0.5rem;
	}
	/* .dcw-header-desktop .header-tool {
        padding: 0 0.5rem;
    } */
	.dcw-header-desktop .header-languages {
		/* padding: 0.5rem 0.5rem; */
		padding: 5px;
	}
}

@media screen and (max-width: 1024px) {
	.dcw-header-desktop {
		display: none;
	}

	.dcw-header-mobile {
		display: block;
		width: 100%;
	}

	.dcw-header-mobile .header-bar {
		width: 100%;
		display: flex;
		height: 92px;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		position: relative;
		z-index: 9999;
	}

	header.privilege-theme .dcw-header-mobile .header-bar {
		background-color: #1a1a1a;
	}

	header.optimal-theme .dcw-header-mobile .header-bar {
		background-color: #166542;
	}

	.dcw-header-mobile .header-logo {
		padding: 0 2rem;
		flex-shrink: 0;
	}

	.dcw-header-mobile .header-tools {
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		flex-shrink: 0;
		padding: 0 1rem;
	}

	.dcw-header-mobile .header-tool {
		padding: 0 1rem;
	}

	.dcw-header-mobile .header-content {
		width: 100%;
		height: 100vh;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding-top: 95px;
		position: absolute;
		top: 0;
		left: 0;
		max-height: 2000px;
		display: flex;
		background-color: #ffffff;
		visibility: hidden;
		opacity: 0;
	}

	header.privilege-theme .dcw-header-mobile .header-content {
		background-color: #1a1a1a;
	}

	header.optimal-theme .dcw-header-mobile .header-content {
		background-color: #166542;
	}

	.dcw-header-mobile nav.header-menus {
		width: 100%;
	}

	.dcw-header-mobile nav.header-menus ul {
		list-style-type: none;
		height: 100%;
		padding: 0;
		margin: 0;
		margin-bottom: 2rem;
	}

	.dcw-header-mobile nav.header-menus li > a {
		display: block;
		align-content: center;
		padding: 0.5rem 1rem;
	}

	.dcw-header-mobile nav.header-menus li > a > .inner-box {
		width: fit-content;
		pointer-events: none;
	}

	.dcw-header-mobile nav.header-menus li:hover > a > .inner-box,
	.dcw-header-mobile nav.header-menus li.active > a > .inner-box {
		color: #e84e15;
	}

	.dcw-header-mobile nav.header-menus li > a > .inner-box:after {
		display: block;
		content: " ";
		border-bottom: 3px solid #e84e15;
		transform: scaleX(0);
		transition: transform 250ms ease-in-out;
		margin-top: 0.5rem;
		width: 100%;
		position: relative;
		transform-origin: 0% 50%;
	}

	.dcw-header-mobile nav.header-menus li:hover > a > .inner-box:after,
	.dcw-header-mobile nav.header-menus li.active > a > .inner-box:after {
		transform: scaleX(1);
	}

	.dcw-header-mobile .header-languages {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 1rem;
	}

	.dcw-header-mobile .header-language {
		padding: 0.5rem 1rem;
		border: 1px solid #e0e0e0;
		border-radius: 88px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		gap: 0.5rem;
	}

	.dcw-header-mobile .header-language:hover,
	.dcw-header-mobile .header-language.active {
		border: 1px solid #e84e15;
		color: #e84e15;
	}

	.dcw-header-mobile .header-search-widget {
		position: absolute;
		width: 100%;
		height: 105vh;
		top: 0;
		left: 0;
		background-color: #ffffff;
		z-index: 99999;
		visibility: hidden;
		opacity: 0;
	}

	.dcw-header-mobile .search-input {
		width: 100%;
		height: 92px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #e0e0e0;
	}

	.dcw-header-mobile .search-input form {
		margin: 0;
		width: 80%;
		padding-left: 1rem;
		position: relative;
	}

	#search-bar-mobile {
		border: 1px solid #1a1a1a;
		border-radius: 8px;
		height: 60px;
		width: 100%;
		padding: 0 3rem;
		padding-top: 1rem;
	}

	.dcw-header-mobile .search-input label {
		position: absolute;
		left: 4rem;
		top: 18px;
		font-size: 18px;
		color: #8d8d8d;
	}

	.dcw-header-mobile .search-input input:focus + label,
	.dcw-header-mobile .search-input label.has-value {
		font-size: 12px;
		top: 10px;
	}

	.dcw-header-mobile .search-input .search-icon {
		position: absolute;
		left: 1.5rem;
		top: 12px;
	}

	.dcw-header-mobile .search-input .search-clear {
		position: absolute;
		right: 1.5rem;
		top: 18px;
	}

	.dcw-header-mobile .search-input .search-close {
		width: 20%;
		text-align: center;
	}

	.dcw-header-mobile .search-input input {
		color: #121212;
	}

	.dcw-header-mobile .search-close > img {
		width: 35px;
		height: 35px;
	}

	.dcw-header-mobile .search-result {
		padding: 1rem;
		visibility: hidden;
		opacity: 0;
	}

	.dcw-header-mobile .result-title {
		font-weight: 800;
		padding-bottom: 1rem;
		color: #121212;
	}

	.dcw-header-mobile .result-item {
		padding: 1rem 1rem;
	}

	.dcw-header-mobile .header-tool.header-toggle {
		position: relative;
	}

	.dcw-header-mobile .header-tool .micon-bar {
		position: relative;
		visibility: hidden;
		opacity: 0;
	}

	.dcw-header-mobile .header-tool .micon-close {
		position: absolute;
		top: 0;
		left: 0;
		width: 35px;
		height: 35px;
		visibility: hidden;
		opacity: 0;
		transform: translateX(50%);
	}

	.dcw-ebanking-subcategory .dcw-newsfilter-wrapper {
		gap: 1rem !important;
	}

	.dcw-allkalkulator .calculator-form .dcw-button-container {
		position: absolute;
		bottom: -10rem;
	}
}

@media screen and (max-width: 375px) {
	.dcw-header-mobile .header-logo {
		padding: 0 1rem;
	}

	.dcw-header-mobile .header-tools {
		padding: 0;
	}
}

/** Calculator **/
.dcw-kalkulator-outer {
	background-color: rgb(165, 165, 165);
	width: 100%;
	margin: 0 auto;
	height: fit-content;
	min-height: 100vh;
	position: fixed;
	opacity: 0;
	visibility: hidden;
	box-sizing: border-box;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow-y: visible;
}

.dcw-kalkulator-outer * {
	color: #000000 !important;
}

.dcw-allkalkulator .dcw-content {
	background-color: rgb(255, 255, 255);
	width: 100%;
	height: fit-content;
	position: relative;
	overflow-x: hidden;
	overflow-y: hidden;
}

.dcw-allkalkulator .dcw-orange-line-container {
	position: relative;
	height: 8px;
	width: 100%;
	background-color: #f0f0f0;
}

.dcw-allkalkulator .dcw-orange-line {
	display: block;
	height: 8px;
	border-radius: 0 2rem 2rem 0;
	width: 15%;
	background-color: var(--color-background-fill-primary);
	transition: all 0.8s ease;
}

.dcw-allkalkulator .dcw-hide-text {
	width: 0;
	opacity: 0;
	visibility: 0;
}

.dcw-allkalkulator * {
	box-sizing: border-box;
}

.dcw-allkalkulator {
	background-color: #ffffff;
	width: 100%;
	min-height: calc(100vh + env(safe-area-inset-bottom, 0));
	position: relative;
	overflow-x: hidden;
}

.dcw-allkalkulator .dcw-kalkulator-index {
	padding: 3.5rem 5rem;
	position: absolute;
	visibility: hidden;
	opacity: 0;
}

.dcw-allkalkulator .dcw-content-allkalkulator,
.dcw-allkalkulator .dcw-result-allkalkulator {
	padding: 3.5rem 5rem;
	position: absolute;
	top: 0;
	left: 0;
	flex-direction: column;
	height: 100%;
	width: 100%;
	gap: 1rem;
	visibility: hidden;
	opacity: 0;
	display: none;
}

.dcw-allkalkulator .dcw-content-allkalkulator.show,
.dcw-allkalkulator .dcw-result-allkalkulator.show {
	display: flex;
}

.dcw-allkalkulator .dcw-content-allkalkulator-icon {
	width: 100%;
	position: relative;
	display: flex;
	height: fit-content;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 3.5rem;
}

.dcw-allkalkulator .dcw-content-allkalkulator-icon .dcw-icon-button-kalku {
	border-radius: var(--corner-radiuscontainer-card-xl);
	border: solid 1px #e0e0e0;
	display: flex;
	align-items: center;
	padding: 12px 20px;
	gap: 10px;
	width: 171px;
	justify-content: space-between;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-allkalkulator .dcw-content-allkalkulator-icon .dcw-icon {
	height: auto;
	width: 24px;
}

.dcw-allkalkulator .dcw-close-button {
	height: 35px;
	width: 35px;
	font-size: 22px;
	text-align: end;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: none;
	color: #1a1a1a;
	font-weight: bold;
	position: absolute;
	right: 6rem;
	top: 4rem;
	z-index: 99999;
}

.dcw-allkalkulator .dcw-index-inner {
	height: fit-content;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 3rem;
}

.dcw-allkalkulator .dcw-index-inner .dcw-label {
	cursor: pointer;
}

.dcw-allkalkulator .dcw-index-inner .dcw-label * {
	pointer-events: none;
}

.dcw-allkalkulator .kalkulator-nav .dcw-icon-button * {
	pointer-events: none;
}

.dcw-allkalkulator .dcw-kalkulator-index .dcw-index-inner .dcw-header {
	height: fit-content;
	width: fit-content;
	display: flex;
	flex-direction: column;
}

.dcw-allkalkulator .dcw-kalkulator-index .dcw-index-inner .dcw-title {
	font-size: 40px;
	font-weight: 700;
	line-height: 52px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-allkalkulator .dcw-kalkulator-index .dcw-index-inner .dcw-subtitle {
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-allkalkulator .dcw-content-allkalkulator-card-container {
	display: flex;
	gap: 2rem;
	max-width: 100%;
	flex-wrap: wrap;
}

.dcw-allkalkulator .dcw-content-allkalkulator-card {
	height: 210px;
	width: 230px;
	border-radius: var(--corner-radiuscontainer-card-xl);
	border: 1px solid var(--color-border-border-primary-default);
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 1.5rem;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	cursor: pointer;
}

.dcw-allkalkulator .dcw-content-allkalkulator-card * {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-allkalkulator .dcw-content-allkalkulator-card img {
	width: 36px;
	height: 36px;
}

.dcw-allkalkulator .dcw-content-allkalkulator-card .dcw-icon-header {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.dcw-allkalkulator .dcw-round {
	position: relative;
	width: 24px;
}

.dcw-allkalkulator .dcw-checkmark {
	color: #ffffff;
	position: absolute;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	min-height: 24px;
	min-width: 24px;
	border: 1px solid var(--color-border-border-primary-default);
	border-radius: var(--corner-radiuscontainer-card-s);
}

.dcw-allkalkulator .dcw-round input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.dcw-allkalkulator .dcw-round input[type="checkbox"]:checked ~ .dcw-checkmark {
	background-color: var(--color-background-fill-primary);
	border-color: var(--color-background-fill-primary);
}

.dcw-allkalkulator .dcw-round input[type="checkbox"]:checked {
	opacity: 1;
}

.dcw-allkalkulator .radio-container {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.dcw-allkalkulator .radio-container input[type="radio"] {
	display: none;
}

.dcw-allkalkulator .dcw-radio-label {
	display: inline-block;
	padding: 10px 20px;
	border: 1px solid #ccc;
	border-radius: 20px;
	background-color: white;
	transition:
		background-color 0.3s,
		border-color 0.3s;
}

.dcw-allkalkulator
	.radio-container
	input[type="radio"]:checked
	+ .dcw-radio-label,
.dcw-allkalkulator .radio-container .dcw-radio-label:hover {
	background-color: var(--color-background-fill-primary);
	border-color: var(--color-background-fill-primary);
	color: #ffffff !important;
}

.dcw-allkalkulator .dcw-flag-icon {
	width: 22px;
	height: 22px;
}

@media screen and (max-width: 1024px) {
	.dcw-allkalkulator .dcw-content-allkalkulator {
		padding: 1rem;
		gap: 2rem;
		/* overflow: visible; */
	}

	.dcw-allkalkulator .dcw-content-allkalkulator-card * {
		font-size: 16px;
		line-height: 22px;
	}

	.dcw-allkalkulator .dcw-close-button {
		height: 60px;
		width: 60px;
		font-size: 36px;
		color: #1a1a1a;
		border: none;
		top: 0.5rem;
		right: 0.5rem;
		border-radius: 0;
	}

	.dcw-allkalkulator .dcw-content-allkalkulator-card img {
		width: 24px;
		height: 24px;
	}

	.dcw-allkalkulator .dcw-content-allkalkulator-icon .dcw-icon-button-kalku {
		width: fit-content;
		font-size: 12px;
		font-weight: 400;
		line-height: 14px;
		letter-spacing: -0.01em;
		text-align: center;
	}

	.dcw-allkalkulator .dcw-kalkulator-index {
		padding: 1rem 1rem 10rem 1rem;
	}

	.dcw-allkalkulator .dcw-kalkulator-index .dcw-index-inner .dcw-title {
		font-size: 24px;
		font-weight: 700;
		line-height: 28px;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.dcw-allkalkulator .dcw-index-inner .dcw-subtitle {
		font-size: 14px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.dcw-allkalkulator .dcw-content-allkalkulator-card {
		height: 171px;
		width: 164px;
		font-size: 16px;
		font-weight: 700;
		line-height: 22px;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.dcw-allkalkulator .dcw-content-allkalkulator-card-container {
		gap: 1rem;
	}

	.dcw-allkalkulator .dcw-index-inner {
		gap: 2rem;
	}

	.dcw-allkalkulator .dcw-content-allkalkulator-icon {
		padding-bottom: 1rem;
	}

	.dcw-allkalkulator .dcw-index-inner .dcw-label {
		width: calc(50% - 0.5rem);
	}

	.dcw-allkalkulator .dcw-radio-label {
		font-size: 12px;
		line-height: 14px;
	}

	.dcw-allkalkulator .dcw-result-allkalkulator {
		padding: 1rem;
	}
}

@media screen and (max-width: 350px) {
	.dcw-allkalkulator .dcw-content-allkalkulator-card {
		height: 140px;
		width: 135px;
	}
}
/** Form Kalkulator **/
.dcw-allkalkulator .dcw-content-icon {
	width: 85%;
	position: relative;
	display: flex;
	height: fit-content;
	justify-content: space-between;
	align-items: center;
}

.dcw-allkalkulator .dcw-icon-button {
	position: relative;
	border-radius: var(--corner-radiuscontainer-card-xl);
	border: solid 1px #e0e0e0;
	display: flex;
	align-items: center;
	padding: 12px 20px;
	width: fit-content;
	justify-content: center;
	height: fit-content;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: center;
	cursor: pointer;
	transition: all 0.4s;
	white-space: nowrap;
}

.dcw-allkalkulator .dcw-icon-container {
	display: flex;
	width: 100%;
	overflow-x: scroll;
	height: fit-content;
	gap: 10px;
}

.dcw-allkalkulator .dcw-icon-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-allkalkulator .dcw-icon-button-title {
	opacity: 0;
	visibility: hidden;
	max-width: 0;
	transition: all 0.4s;
	display: flex;
	align-items: center;
}

.dcw-allkalkulator .dcw-icon-button:hover .dcw-icon-button-title,
.dcw-allkalkulator .dcw-icon-button.active .dcw-icon-button-title {
	opacity: 1;
	visibility: visible;
	margin-left: 5px;
	max-width: 500px;
}

.dcw-allkalkulator .dcw-icon {
	height: auto;
	width: 24px;
}

.dcw-allkalkulator .calculator-form {
	position: relative;
	flex-direction: column;
	height: auto;
	padding-bottom: 2rem;
	gap: 1rem;
	visibility: hidden;
	opacity: 0;
	display: none;
}

.dcw-allkalkulator .calculator-form.show {
	display: flex;
}

.dcw-allkalkulator .calculator-form .calculator-inner {
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 0;
	padding: 1rem 0rem;
	min-height: 75vh;
}

.dcw-allkalkulator .calculator-form .calculator-inner .dcw-header {
	height: fit-content;
	width: fit-content;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.dcw-allkalkulator .calculator-form .dcw-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-allkalkulator .calculator-form .dcw-subtitle {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-allkalkulator .calculator-form .dcw-content-card-container {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1.5rem;
	max-width: 100%;
	margin: 2rem 0;
}

.dcw-allkalkulator .dcw-sme.calculator-form .dcw-content-card-container {
	margin: 0;
}

.dcw-allkalkulator .calculator-form .dcw-content-card .dcw-icon-header {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.dcw-allkalkulator .calculator-form .dcw-round {
	position: relative;
	width: 24px;
}

.dcw-allkalkulator .calculator-form .dcw-radio-label {
	border: 1px solid #e0e0e0;
	border-radius: 88px;
	font-size: 16px;
	line-height: 1.2;
	padding: 14px 16px;
}

.dcw-allkalkulator .calculator-form .dcw-checkmark {
	color: #ffffff;
	position: absolute;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	min-height: 24px;
	min-width: 24px;
	border: 1px solid var(--color-border-border-primary-default);
	border-radius: var(--corner-radiuscontainer-card-s);
}

.dcw-allkalkulator .calculator-form .dcw-round input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.dcw-allkalkulator
	.calculator-form
	.dcw-round
	input[type="checkbox"]:checked
	~ .dcw-checkmark {
	background-color: var(--color-background-fill-primary);
	border-color: var(--color-background-fill-primary);
}

.dcw-allkalkulator .calculator-form .dcw-round input[type="checkbox"]:checked {
	opacity: 1;
}

.dcw-allkalkulator .calculator-form .dcw-content-group {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	width: 100%;
}

.dcw-allkalkulator .calculator-form .dcw-content-group.dcw-group-half {
	/*width: calc(100% - 0.75rem);*/
	width: 100%;
}

.dcw-allkalkulator .calculator-form .dcw-content-input {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1.5rem;
	width: 100%;
}

.dcw-allkalkulator .calculator-form .dcw-content-input.dcw-group-half > * {
	width: calc(50% - 0.75rem);
}

.dcw-allkalkulator .calculator-form .dcw-content-input.dcw-group-third > * {
	/*width: calc(100% - 1rem);*/
	width: 100%;
}

.dcw-allkalkulator .calculator-form .dcw-content-input-item {
	width: 100%;
}

.dcw-allkalkulator .calculator-form .dcw-input-error {
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	margin-top: 0.25rem;
	color: #fa4032 !important;
	display: none;
	opacity: 0;
	visibility: visible;
}

.dcw-allkalkulator .calculator-form .dcw-input-error.show {
	display: block;
}

.dcw-allkalkulator .calculator-form .dcw-content-header {
	display: flex;
	flex-direction: row;
	gap: 10px;
	width: fit-content;
}

.dcw-allkalkulator .calculator-form .dcw-header-round-number {
	width: 32px;
	height: 28px;
	aspect-ratio: 1;
	background: var(--color-danamonGold-50, #ff8000);
	border-radius: 88px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	color: #fff !important;
}

.dcw-allkalkulator .calculator-form .dcw-header-title {
	width: fit-content;
	min-height: 100%;
	display: flex;
	align-items: center;
	color: var(--color-text-text-primary, #1a1a1a);
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-allkalkulator .calculator-form .dcw-content-button-container {
	width: 100%;
	position: relative;
	display: flex;
	height: fit-content;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
}

.dcw-allkalkulator .calculator-form .dcw-age-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin: auto;
}

.dcw-allkalkulator .calculator-form .dcw-range-wrap {
	position: relative;
	width: 100%;
	margin: 2rem auto 0rem auto;
}

.dcw-allkalkulator .calculator-form .dcw-range {
	width: 100%;
	accent-color: var(--color-background-fill-primary);
}

.dcw-allkalkulator .calculator-form .dcw-bubble {
	background: transparent;
	top: -30px;
	/*padding: 4px 12px;*/
	position: absolute;
	border-radius: 4px;
	left: 0%;
	/*transform: translateX(-50%);*/
	width: fit-content;
	white-space: nowrap;
	color: #1a1a1a;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-allkalkulator .calculator-form .dcw-range-placeholder {
	width: 100%;
	padding: 5px 0px;
	display: flex;
	justify-content: space-between;
}

.dcw-allkalkulator .calculator-form .dcw-range-placeholder span {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: -0.01em;
	text-align: left;
	color: var(--color-text-text-secondary, #8d8d8d);
}

.dcw-allkalkulator .calculator-form .dcw-button-container {
	display: flex;
	flex-direction: column-reverse;
	height: fit-content;
	width: 100%;
	gap: 10px;
	justify-content: end;
	padding-bottom: 5rem;
	/* position: absolute;
    bottom: 1rem; */
}

.dcw-allkalkulator .calculator-form .dcw-button-prev,
.dcw-interestbar .dcw-button-prev,
.dcw-comparefilter .dcw-button-prev {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: center;
	border: 1px solid var(--color-background-fill-primary);
	border-radius: var(--corner-radiuscontainer-card-s);
	padding: var(--spacepaddingspace-component-padding-m, 16px);
	color: var(--color-background-fill-primary) !important;
	cursor: pointer;
	background-color: white;
}

.dcw-allkalkulator .calculator-form .dcw-button-next,
.dcw-interestbar .dcw-button-next,
.dcw-comparefilter .dcw-button-next {
	display: flex;
	height: 60px;
	width: 100%;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: -0.01em;
	text-align: center;
	border: none;
	border-radius: var(--corner-radiuscontainer-card-s);
	padding: var(--spacepaddingspace-component-padding-m, 16px);
	color: white !important;
	cursor: pointer;
	background-color: var(--color-background-fill-primary);
}

.dcw-allkalkulator .calculator-form .active {
	background-color: var(--color-background-fill-primary);
	color: white !important;
}

.dcw-allkalkulator .calculator-form .dcw-input-container {
	display: flex;
	width: 100%;
	align-items: center;
	padding: 14px 16px;
	border: 1px solid var(--color-border-border-primary-default, #e0e0e0);
	border-radius: 8px;
}

.dcw-allkalkulator .calculator-form .dcw-input-investasi {
	outline: 0;
	border: 0px solid;
	border-style: none;
	width: 100%;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -0.01em;
	text-align: left;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
}

.dcw-allkalkulator .calculator-form .dcw-input-investasi.dcw-input-bold,
.dcw-allkalkulator .calculator-form .dcw-input-rupiah.dcw-input-bold {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.2;
}

.dcw-allkalkulator
	.calculator-form
	.dcw-input-investasi::-webkit-inner-spin-button,
.dcw-allkalkulator
	.calculator-form
	.dcw-input-investasi::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

.dcw-allkalkulator .calculator-form .dcw-input-investasi:focus {
	outline: none;
}

.dcw-allkalkulator .calculator-form .dcw-bancassurance-input.dcw-half {
	width: 100%;
}

.dcw-allkalkulator .calculator-form .dcw-kpr-content-container {
	display: flex;
	width: 100%;
	height: fit-content;
	flex-direction: column;
	gap: 1.5rem;
}

.dcw-allkalkulator .calculator-form .dcw-kpr-1-2-container {
	display: flex;
	width: 100%;
	height: fit-content;
	gap: 1rem;
	flex-direction: column;
}

.dcw-allkalkulator .calculator-form .dcw-kta-input {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 1rem;
}

.dcw-allkalkulator .calculator-form .dcw-sme-content-container {
	display: none;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 1rem;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
}

.dcw-allkalkulator .calculator-form .dcw-sme-content-container.show {
	position: relative;
	display: flex;
}

.dcw-allkalkulator .calculator-form .dcw-institution-sme-full {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1.5rem;
	width: 100%;
	margin: 3rem 0;
}

.dcw-allkalkulator .calculator-form .dcw-institution-sme-half {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 1rem;
}

.dcw-allkalkulator .calculator-form .dcw-not-active {
	display: none;
}

.dcw-allkalkulator .calculator-form .dcw-sme-type-content {
	position: relative;
}

.dcw-allkalkulator .calculator-form .dcw-dropdown-box {
	min-width: 170px;
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	background: white;
}

.dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown {
	display: inline-block;
	position: relative;
	height: fit-content;
}

.dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown *::-webkit-scrollbar {
	width: 4px;
}

.dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown *::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown *::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-primary);
	border-radius: 10px;
}

.dcw-allkalkulator
	.dcw-dropdown-box
	.dcw-dropdown
	*::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-primary);
}

.dcw-allkalkulator .dcw-dropdown-box .dropdown-selector {
	height: 64px;
	width: 100%;
	padding: var(--spacepaddingspace-component-padding-ms, 12px)
		var(--spacepaddingspace-component-padding-m, 16px)
		var(--spacepaddingspace-component-padding-ms, 12px)
		var(--spacepaddingspace-component-padding-m, 16px);
	gap: var(--spacegapspace-component-gap-ms, 12px);
	border-radius: var(--corner-radiuscontainer-text-input, 8px);
	border: 1px solid var(--color-border-border-primary-default, #e0e0e0);
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #333;
	transition: background-color 0.3s;
}

.dcw-allkalkulator .dcw-dropdown-box .dropdown-selector span {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	text-decoration: none;
	transition: background-color 0.3s;
	height: fit-content;
	width: fit-content;
	white-space: nowrap;
	overflow: hidden;
	font-size: 14px;
	line-height: 18px;
	color: #8d8d8d !important;
}

.dcw-allkalkulator
	.dcw-dropdown-box.active
	.dropdown-selector
	span.dcw-selector-subtitle {
	font-size: 12px;
	line-height: 16px;
}

.dcw-allkalkulator
	.dcw-dropdown-box
	.dropdown-selector
	span.dcw-selector-current {
	color: #121212 !important;
}

.dcw-allkalkulator .dcw-dropdown-box .dropdown-selector:hover {
	background-color: #f5f5f5;
}

.dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: 9;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
	border-radius: 8px;
	max-height: 225px;
	overflow-y: auto;
	width: 100%;
	overflow-x: hidden;
	display: block;
}

.dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown ul li {
	display: flex;
	padding: 12px 20px;
	text-decoration: none;
	color: #333;
	transition: background-color 0.3s;
	gap: 5px;
	white-space: nowrap;
	width: 100%;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	justify-content: space-between;
}

.dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown ul li i.dcw-check {
	display: none;
}

.dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown ul li i.dcw-check:before {
	content: "✓";
}

.dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown ul li:hover {
	background-color: #f0f0f0;
	text-decoration: none;
}

.dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown ul li.selected-product {
	display: flex !important;
	font-weight: 700;
}

.dcw-allkalkulator
	.dcw-dropdown-box
	.dcw-dropdown
	ul
	li.selected-product
	i.dcw-check {
	display: block;
}

.dcw-allkalkulator .dcw-dropdown-box .dcw-dropdown-info {
	font-size: 12px;
	line-height: 14px;
	color: #8d8d8d !important;
	padding: 0.25rem 0;
}

.dcw-allkalkulator .dcw-dropdown-box .dcw-selector-subtitle {
	color: var(--color-text-text-secondary, #8d8d8d);
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-allkalkulator .calculator-form .dcw-currency {
	display: flex;
	width: 100%;
	align-items: center;
	gap: 8px;
	height: 60px;
	border-radius: 8px;
	border: 1px solid var(--color-border-border-primary-default, #e0e0e0);
}

.dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown {
	display: inline-block;
	position: relative;
	height: 100%;
}

.dcw-allkalkulator .calculator-form .dcw-currency .dropdown-selector {
	display: flex;
	align-items: center;
	padding: 10px 0px 10px 20px;
	text-decoration: none;
	color: #333;
	transition: background-color 0.3s;
	height: 100%;
	gap: 6px;
	width: fit-content;
	white-space: nowrap;
}

.dcw-allkalkulator .calculator-form .dcw-currency .dropdown-selector span {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #333;
	transition: background-color 0.3s;
	height: 100%;
	gap: 6px;
	width: fit-content;
	white-space: nowrap;
}

.dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
	border-radius: 8px;
	max-height: 45px;
	overflow-y: scroll;
	display: block;
	z-index: 99;
}

.dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown ul li {
	display: flex;
	padding: 12px 20px;
	text-decoration: none;
	color: #333;
	transition: background-color 0.3s;
	gap: 5px;
	white-space: nowrap;
	width: 100%;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	justify-content: space-between;
	align-items: center;
}

.dcw-allkalkulator .calculator-form .dcw-currency input {
	text-align: end;
	width: 100%;
	padding: 0px 16px;
	border: none;
}

.dcw-allkalkulator
	.calculator-form
	.dcw-currency
	.dcw-dropdown
	*::-webkit-scrollbar {
	width: 8px;
}

.dcw-allkalkulator
	.calculator-form
	.dcw-currency
	.dcw-dropdown
	*::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-allkalkulator
	.calculator-form
	.dcw-currency
	.dcw-dropdown
	*::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-primary);
	border-radius: 10px;
}

.dcw-allkalkulator
	.calculator-form
	.dcw-currency
	.dcw-dropdown
	*::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-primary);
}

.dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown ul li * {
	pointer-events: none;
}

.dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown ul li:hover {
	background-color: #f0f0f0;
	text-decoration: none;
}

.dcw-allkalkulator .calculator-form .dcw-currency .dropdown-selector:hover {
	background-color: #f0f0f0;
}

.dcw-allkalkulator .dcw-content-bancassurance.calculator-inner {
	position: relative;
	opacity: 0;
	visibility: hidden;
}

.dcw-allkalkulator .dcw-question-bancassurance {
	position: absolute;
	top: 0;
	left: 0;
	padding: 1rem 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
}

.dcw-allkalkulator .dcw-question-bancassurance .dcw-question-container {
	position: absolute;
	top: 0;
	left: 0;
	padding: 1rem 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
}

.dcw-allkalkulator .dcw-question-bancassurance .dcw-question-container.show {
	position: relative;
}

.dcw-allkalkulator .dcw-question-bancassurance .dcw-question-inner {
	position: absolute;
	top: 0;
	left: 0;
	padding: 1rem 0;
	width: 100%;
	opacity: 0;
	visibility: hidden;
}

.dcw-allkalkulator .dcw-question-bancassurance .dcw-question-inner.show {
	position: relative;
}

.dcw-allkalkulator .dcw-question-bancassurance .dcw-question-counter {
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (min-width: 1024px) {
	.dcw-allkalkulator .dcw-content-icon {
		width: 100%;
	}

	.dcw-allkalkulator .calculator-form .dcw-content-kta {
		gap: 3rem;
	}

	.dcw-allkalkulator .calculator-form * {
		box-sizing: border-box;
	}

	.dcw-allkalkulator .calculator-form {
		height: fit-content;
		gap: 5rem;
	}

	.dcw-allkalkulator .calculator-form .dcw-button-container {
		flex-direction: row;
		justify-content: start;
		height: fit-content;
		position: static;
	}

	.dcw-allkalkulator .calculator-form .dcw-button-prev,
	.dcw-interestbar .dcw-button-prev,
	.dcw-comparefilter .dcw-button-prev {
		width: fit-content;
	}

	.dcw-allkalkulator .calculator-form .dcw-button-next,
	.dcw-interestbar .dcw-button-next,
	.dcw-comparefilter .dcw-button-next {
		width: fit-content;
	}

	.dcw-allkalkulator .calculator-form .dcw-title {
		font-size: 40px;
		font-weight: 700;
		line-height: 52px;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.dcw-allkalkulator .calculator-form .dcw-subtitle {
		font-size: 18px;
		font-weight: 400;
		line-height: 22px;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.dcw-allkalkulator .calculator-form .dcw-header-title {
		font-size: 24px;
		font-weight: 700;
		line-height: 28px;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.dcw-allkalkulator .dcw-icon-button {
		font-size: 16px;
		font-weight: 400;
		line-height: 20px;
		letter-spacing: -0.01em;
		text-align: center;
	}

	.dcw-allkalkulator .calculator-form .dcw-icon-button.active,
	.dcw-allkalkulator .calculator-form .dcw-icon-button:hover {
		background-color: var(--color-background-fill-primary);
		color: white !important;
	}

	.dcw-allkalkulator .calculator-form .dcw-kpr-content-container {
		flex-direction: row;
	}

	.dcw-allkalkulator .calculator-form .dcw-bancassurance-input.dcw-half,
	.dcw-allkalkulator .calculator-form .dcw-kpr-1-2-container,
	.dcw-allkalkulator .calculator-form .dcw-kta-input.dcw-half {
		width: 50%;
	}

	.dcw-allkalkulator .calculator-form .dcw-institution-sme-half {
		width: 49%;
	}

	.dcw-allkalkulator .calculator-form .dcw-content-group.dcw-group-half {
		width: calc(50% - 0.75rem);
	}

	.dcw-allkalkulator .calculator-form .dcw-content-input.dcw-group-third > * {
		width: calc(33.33% - 1rem);
	}

	.dcw-allkalkulator .calculator-form .dcw-age-container {
		margin: 0;
	}

	.makin-fleksibel-desktop {
		display: grid !important;
	}

	.makin-fleksibel-slider {
		display: none !important;
	}
}
/** Result Kalkulator **/
.dcw-result-allkalkulator .result-content * {
	box-sizing: border-box;
}

.dcw-result-allkalkulator .result-content {
	display: none;
	position: absolute;
	flex-direction: column;
	height: fit-content;
	gap: 1rem;
	visibility: hidden;
	opacity: 0;
	padding-bottom: 5rem;
}

.dcw-result-allkalkulator .result-content.show {
	position: relative;
	display: flex;
}

.dcw-result-allkalkulator .result-content .result-content-inner {
	height: fit-content;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 3rem;
	padding: 3rem 0rem;
}

.dcw-result-allkalkulator .result-content .dcw-header {
	height: fit-content;
	width: fit-content;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.dcw-result-allkalkulator .result-content .dcw-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-result-allkalkulator .result-content .dcw-subtitle {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-result-allkalkulator .result-content .dcw-content-card-container {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	max-width: 100%;
}

.dcw-result-allkalkulator .result-content .active {
	background: var(--color-background-fill-primary);
	color: white;
	padding: 16px;
}

.dcw-result-allkalkulator .result-content .dcw-content-header {
	display: flex;
	flex-direction: row;
	gap: 10px;
	width: fit-content;
	width: 100%;
}

.dcw-result-allkalkulator .result-content .dcw-content-header.align-end {
	justify-content: flex-end;
}

.dcw-result-allkalkulator .result-content .dcw-header-period {
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.dcw-result-allkalkulator .result-content .dcw-header-period-text {
	color: #777777 !important;
	font-size: 18px;
	line-height: 22px;
}

.dcw-result-allkalkulator .result-content .dcw-header-period-input > input {
	width: 100px;
	border-radius: 88px;
	border: 1px solid #e0e0e0;
	padding: 1rem 0.75rem;
	font-size: 16px;
	line-height: 20px;
}

.dcw-result-allkalkulator .result-content .dcw-header-round-number {
	width: 40px;
	height: 40px;
	aspect-ratio: 1;
	background: var(--color-danamonGold-50, #ff8000);
	border-radius: 50%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 10px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	color: white;
}

.dcw-result-allkalkulator .result-content .dcw-header-title {
	width: fit-content;
	min-height: 100%;
	display: flex;
	align-items: center;
	color: var(--color-text-text-primary, #1a1a1a);
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-result-allkalkulator .result-content .dcw-content-button-container {
	width: 100%;
	position: relative;
	display: flex;
	height: fit-content;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: start;
	align-items: center;
}

.dcw-result-allkalkulator .result-content .dcw-button-container {
	display: flex;
	flex-direction: column-reverse;
	height: 100%;
	width: 100%;
	gap: 10px;
	bottom: 0;
	justify-content: end;
}

.dcw-result-allkalkulator .result-content .dcw-button-prev {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 60px;
	width: 100%;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: center;
	border: 1px solid var(--color-background-fill-primary);
	border-radius: var(--corner-radiuscontainer-card-s);
	padding: var(--spacepaddingspace-component-padding-m, 16px);
	color: var(--color-background-fill-primary) !important;
	cursor: pointer;
	background-color: white;
}

.dcw-result-allkalkulator .result-content .dcw-content-group {
	display: flex;
	width: 100%;
	height: fit-content;
	flex-direction: row;
	gap: 1.5rem;
	flex-wrap: wrap;
}

.dcw-result-allkalkulator
	.result-content
	.dcw-content-group
	.dcw-content-group-inner {
	display: flex;
	width: 100%;
	height: fit-content;
	gap: 1rem;
	flex-direction: column;
}

.dcw-result-allkalkulator .result-content .dcw-hasil-half,
.dcw-result-allkalkulator .result-content .dcw-hasil-twofive,
.dcw-result-allkalkulator .result-content .dcw-hasil-threefive {
	display: flex;
	width: 100%;
	height: fit-content;
	gap: 1.5rem;
	flex-direction: column;
}

.dcw-result-allkalkulator .result-content .dcw-table-hasil {
	overflow: hidden;
}

.dcw-result-allkalkulator .result-content .dcw-table {
	border-collapse: collapse;
	width: 100%;
}

.dcw-result-allkalkulator
	.result-content
	.dcw-table
	tr:first-child
	th:first-child {
	border-top-left-radius: 8px;
}

.dcw-result-allkalkulator
	.result-content
	.dcw-table
	tr:last-child
	td:first-child {
	border-bottom-left-radius: 8px;
}

.dcw-result-allkalkulator
	.result-content
	.dcw-table
	tr:last-child
	td:last-child {
	border-bottom-right-radius: 8px;
}

.dcw-result-allkalkulator
	.result-content
	.dcw-table
	tr:first-child
	th:last-child {
	border-top-right-radius: 8px;
}

.dcw-result-allkalkulator .result-content .dcw-table td {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	padding: 12px 12px;
}

.dcw-result-allkalkulator .result-content .dcw-table tr:nth-child(even) {
	background-color: #eeeeee;
}

.dcw-result-allkalkulator .result-content .dcw-table tr:nth-child(odd) {
	background-color: #f8f8f8;
}
/* .dcw-result-allkalkulator .result-content .dcw-table tr:hover {
    background-color: #ddd;
} */
.dcw-result-allkalkulator .result-content .dcw-table th {
	padding: 12px 12px;
	text-align: left;
	background: var(--color-background-fill-success-hover, #1e8758);
	color: white !important;
	font-weight: 700;
}

.dcw-result-allkalkulator .result-content .dcw-table .dcw-table-text-bold {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-result-allkalkulator .result-content .dcw-table .dcw-table-item-label {
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: left;
	color: #8d8d8d !important;
}

.dcw-result-allkalkulator .result-content .dcw-table .dcw-table-item-value {
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-result-allkalkulator .result-content .dcw-card-container-hasil {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
}

.dcw-result-allkalkulator .result-content .dcw-card-hasil {
	position: relative;
	aspect-ratio: 1;
	border-radius: var(--corner-radiuscontainer-card-l, 24px);
	overflow: hidden;
	width: 100%;
}

.dcw-result-allkalkulator .result-content .dcw-card-hasil .dcw-card {
	display: block;
}

.dcw-result-allkalkulator .result-content .dcw-card-hasil .dcw-card-content {
	padding: 2rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.01em;
	text-align: left;
	color: white !important;
	width: 100%;
	position: absolute;
	bottom: 0;
	background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, 1));
}

.dcw-result-allkalkulator .result-content .dcw-card-bg-hasil {
	position: relative;
	width: 100%;
	aspect-ratio: 1;
	border-radius: var(--corner-radiuscontainer-card-l, 24px);
	object-fit: cover;
	object-position: center;
}

.dcw-result-allkalkulator .result-content .dcw-disclaimer-hasil {
	background: var(--color-background-fill-warning, #ff8000);
	color: white !important;
	padding: var(--spacepaddingspace-component-padding-m, 16px);
	gap: 12px;
	border-radius: 16px;
	display: flex;
}

.dcw-result-allkalkulator .result-content .dcw-diclaimer-hasil-child {
	display: flex;
}

.dcw-result-allkalkulator .result-content .dcw-disclaimer-text-container {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.dcw-result-allkalkulator .result-content .dcw-disclaimer-text-container * {
	color: #ffffff !important;
}

.dcw-result-allkalkulator .result-content .dcw-disclaimer-title {
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-result-allkalkulator .result-content .dcw-disclaimer-subtitle {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-result-allkalkulator .result-content .dcw-disclaimer-image {
	width: 36px;
	height: 36px;
}

.dcw-result-allkalkulator .result-content .dcw-proteksi-indicator {
	width: fit-content;
	height: 60px;
	display: flex;
	align-items: center;
	color: var(--color-background-fill-primary) !important;
	cursor: pointer;
	padding: var(--spacepaddingspace-component-padding-m, 16px);
	gap: var(--spacegapspace-component-gap-s, 8px);
	border-radius: var(--corner-radiuscontainer-chips, 88px);
	border: 1px solid var(--color-border-border-secondary-default, #e84e15);
	background: var(--color-danamonOrange-10, #fdede8);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.dcw-result-allkalkulator .result-content * {
		box-sizing: border-box;
	}

	.dcw-result-allkalkulator .result-content {
		height: fit-content;
	}

	.dcw-result-allkalkulator .result-content .dcw-button-container {
		flex-direction: row;
		justify-content: start;
	}

	.dcw-result-allkalkulator .result-content .dcw-button-prev {
		width: fit-content;
	}

	.dcw-result-allkalkulator .result-content .dcw-button-next {
		padding: 20px;
		width: fit-content;
	}

	.dcw-result-allkalkulator .result-content .dcw-title {
		font-size: 40px;
		font-weight: 700;
		line-height: 52px;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.dcw-result-allkalkulator .result-content .dcw-subtitle {
		font-size: 18px;
		font-weight: 400;
		line-height: 22px;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.dcw-result-allkalkulator .result-content .dcw-header-title {
		font-size: 24px;
		font-weight: 700;
		line-height: 28px;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.dcw-result-allkalkulator .result-content .dcw-table {
		border-collapse: collapse;
	}

	.dcw-result-allkalkulator .result-content .dcw-hasil-half {
		width: calc(50% - 0.75rem);
	}

	.dcw-result-allkalkulator .result-content .dcw-hasil-twofive {
		width: calc(40% - 0.75rem);
	}

	.dcw-result-allkalkulator .result-content .dcw-hasil-threefive {
		width: calc(60% - 0.75rem);
	}

	.dcw-result-allkalkulator .result-content .dcw-card-hasil {
		width: calc(33% - 1rem);
	}

	.dcw-result-allkalkulator .result-content .dcw-proteksi-indicator {
		margin: 1rem 0;
	}

	.dcw-result-allkalkulator .result-content .dcw-content-group-inner {
		padding: 1rem 0;
	}
}

/** Breadcrumb **/
.dcw-breadcrumb-container * {
	color: #a3a3a3;
}

.dcw-breadcrumb-container {
	width: 100%;
	border-top: 1px solid #e0e0e0;
	height: 42px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.dcw-breadcrumb-container .dcw-breadcrumb-inner {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	text-wrap: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	overflow: hidden;
}

.dcw-breadcrumb-container a {
	font-size: 14px;
	line-height: 18px;
}

.dcw-breadcrumb-container a:nth-of-type(2) {
	/* max-width: 80px; */
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcw-breadcrumb-container a.breadcrumb-active {
	text-overflow: ellipsis;
	text-wrap: nowrap;
	overflow: hidden;
}

.dcw-breadcrumb-container a.breadcrumb-active,
.dcw-breadcrumb-container a:hover {
	color: #e84e15;
	font-weight: 700;
}

@media screen and (min-width: 1025px) {
	.dcw-breadcrumb-container {
		height: 60px;
	}

	.dcw-breadcrumb-container a {
		font-size: 16px;
		line-height: 20px;
	}

	.dcw-breadcrumb-container a:nth-of-type(2) {
		max-width: none;
	}
}

/** Quick Access **/
.dcw-quickaccess * {
	color: #121212 !important;
}

.dcw-quickaccess .qa-toggle {
	position: fixed;
	right: 0;
	top: 100px;
	z-index: 9999;
	width: 48px;
	height: 56px;
	border-radius: 100% 0 0 100%;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-shadow: 0px 12px 12px 0px rgba(0, 0, 0, 0.12);
}

.dcw-quickaccess .qa-toggle.with-breadcrumb {
	top: 150px;
}

.dcw-quickaccess .qa-toggle img {
	width: 32px;
	height: 32px;
}

.dcw-quickaccess .qa-toggle span {
	display: none;
}

.dcw-quickaccess .qa-desktop {
	display: none;
}

.dcw-quickaccess .qa-mobile {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	z-index: 9999;
}

.qa-mobile .qa-wrapper,
.qa-desktop .qa-wrapper {
	width: 100%;
	height: 100%;
}

.qa-mobile .qa-shade,
.qa-desktop .qa-shade {
	width: 100%;
	height: 100%;
	background-color: rgba(26, 26, 26, 0.7);
	position: relative;
}

.qa-mobile .qa-container {
	position: fixed;
	height: auto;
	width: 100%;
	bottom: 0;
	background-color: #f5f5f5;
	border-radius: 24px 24px 0 0;
	z-index: 9999;
	transform: translateY(100%);
}

.qa-mobile.show .qa-container {
	transform: translateY(0);
}

.qa-mobile .qa-indicator {
	width: 80px;
	height: 4px;
	background-color: #e6e6e6;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}

.qa-mobile .qa-cont-header {
	padding-top: 2rem;
	padding-bottom: 1rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.qa-mobile .qa-header-text {
	font-weight: 700;
}

.qa-mobile .qa-header-close {
	background-color: #ffffff;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.qa-mobile .qa-cont-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 2rem;
	background-color: #ffffff;
	border-radius: 16px;
	padding: 0.5rem 0;
}

.qa-mobile .qa-link {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem;
	padding: 0.5rem 1rem;
}

.qa-mobile .qa-link img {
	width: 48px;
	height: 48px;
}

@media screen and (min-width: 1025px) {
	.dcw-quickaccess .qa-toggle {
		width: 130px;
		height: 70px;
		top: 100px;
		gap: 1rem;
		border-radius: 88px 0 0 88px;
		padding-left: 1rem;
		transform: translateX(50%);
		box-shadow: 0px 24px 24px 0px rgba(0, 0, 0, 0.12);
	}

	.dcw-quickaccess .qa-toggle.with-breadcrumb {
		top: 170px;
	}

	.dcw-quickaccess .qa-toggle:hover,
	.dcw-quickaccess .qa-toggle.active {
		transform: translateX(0);
	}

	.dcw-quickaccess .qa-toggle.hidden {
		transform: translateX(100%);
	}

	.dcw-quickaccess .qa-toggle img {
		width: 40px;
		height: 40px;
	}

	.dcw-quickaccess .qa-toggle span {
		display: block;
	}

	.dcw-quickaccess .qa-desktop {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		visibility: hidden;
		opacity: 0;
		z-index: 9999;
	}

	.dcw-quickaccess .qa-mobile {
		display: none;
	}

	.qa-desktop .qa-container {
		position: fixed;
		top: 110px;
		right: 0;
		z-index: 9;
	}

	.qa-desktop .qa-cont-content {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.qa-desktop .qa-link,
	.qa-desktop .qa-cont-close {
		background-color: #ffffff;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		width: 224px;
		height: 92px;
		gap: 1rem;
		border-radius: 88px 0 0 88px;
		padding: 0 1rem;
		transform: translateX(100%);
	}

	.qa-desktop.show .qa-cont-close {
		cursor: pointer;
		transform: translateX(66%);
	}

	.qa-desktop.show .qa-link {
		transform: translateX(0);
	}

	.qa-desktop .qa-cont-close img {
		margin-left: 1rem;
	}
}

/** Welcome Promo **/
.dcw-welcome-promo {
	position: fixed;
	width: 100vw;
	height: 100vh;
	top: 0;
	left: 0;
	z-index: 99999;
	visibility: hidden;
	opacity: 0;
}

.dcw-welcome-promo .dcw-popup-shade {
	position: fixed;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	top: 0;
	left: 0;
}

.dcw-welcome-promo .dcw-welcome-container {
	position: absolute;
	background-color: #ffffff;
	border-radius: 32px 32px 0 0;
	width: 100%;
	height: fit-content;
	z-index: 9;
	bottom: 0;
	transform: translateY(100%);
	padding-bottom: 2rem;
	max-height: 70%;
}

.dcw-welcome-promo.show .dcw-welcome-container {
	transform: translateY(0);
}

.dcw-welcome-promo .dcw-welcome-container .dcw-header {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

.dcw-welcome-promo .dcw-welcome-container .dcw-close-button {
	height: 36px;
	background: transparent;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 1rem;
	align-items: center;
	cursor: pointer;
}

.dcw-welcome-promo .dcw-welcome-container .dcw-close-button p {
	font-weight: 700;
	color: #e84e15;
}

.dcw-welcome-promo .dcw-welcome-container .dcw-round-icon {
	border-radius: 50%;
	width: 48px;
	height: 48px;
	position: absolute;
	top: 1rem;
	left: 1rem;
}

.dcw-welcome-promo .dcw-welcome-container .dcw-content-card {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1rem;
	background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, 1));
	border-radius: 0;
}

.dcw-welcome-promo .dcw-welcome-container .dcw-card-subtitle {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #ffffff;
}

.dcw-welcome-promo .dcw-welcome-container .dcw-card-title {
	font-weight: 700;
	color: #ffffff;
}

.dcw-welcome-promo .dcw-welcome-container .dcw-card-time {
	display: flex;
	gap: 0.5rem;
}

.dcw-welcome-promo .dcw-welcome-container .dcw-time-desc {
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	color: #ffffff;
}

.dcw-welcome-promo .dcw-welcome-container .card-contents {
	border-radius: 0;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
}

.dcw-welcome-promo .dcw-welcome-container .card-item-child {
	border-radius: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.dcw-welcome-promo .dcw-welcome-container .dcw-card-background {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.dcw-welcome-promo .dcw-welcome-container .swiper-pagination {
	position: relative;
	display: block;
	padding: 1rem 0;
}

.dcw-welcome-promo
	.dcw-welcome-container
	.swiper-pagination
	.swiper-pagination-bullet {
	background-color: #e84e15;
}

.dcw-welcome-promo .dcw-welcome-container .swiper-wrapper {
	display: flex;
	align-items: center;
}

.dcw-welcome-promo .dcw-welcome-container .swiper-arrow-cont {
	display: none;
	height: fit-content;
}

.dcw-welcome-promo .dcw-welcome-container .dcw-card-container {
	min-height: 200px;
}

.dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
	min-height: 200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.dcw-welcome-promo .dcw-welcome-container .swiper-slide {
	aspect-ratio: 3 / 2;
}

.dcw-welcome-promo .dcw-welcome-container .swiper-slide.swiper-slide-active {
	transform: scale(1);
}

@media screen and (min-width: 350px) {
	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
		min-height: 275px;
	}

	.dcw-laptop-appbanner .dcw-iphone {
		height: 15rem !important;
	}

	.dcw-laptop-appbanner .dcw-text-container {
		width: 90% !important;
	}
}

@media screen and (min-width: 700px) {
	.dcw-welcome-promo .dcw-welcome-container {
		max-height: 80%;
	}

	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
		min-height: 520px;
	}

	.dcw-welcome-promo .dcw-welcome-container .swiper-slide.swiper-slide-active {
		transform: scale(1.2);
	}

	.dcw-welcome-promo .dcw-welcome-container .card-contents {
		border-radius: 24px;
	}

	.dcw-welcome-promo .dcw-welcome-container .card-item-child {
		border-radius: 24px;
	}

	.dcw-welcome-promo .dcw-welcome-container .dcw-content-card {
		border-radius: 0px 0px 24px 24px;
	}
}

@media screen and (min-width: 1100px) {
	.dcw-welcome-promo .dcw-welcome-container .swiper-arrow-cont {
		position: absolute;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 12px;
		top: 50%;
		left: 50%;
		z-index: 29;
		transform: translate(-50%, -50%);
		width: 85%;
		justify-content: space-between;
		pointer-events: none;
	}

	.dcw-welcome-promo .dcw-welcome-container .swiper-button-next {
		border-radius: 100%;
		background-color: #ffffff;
		width: 60px;
		height: 60px;
		color: var(--color-background-fill-primary, #e84e15);
		position: relative;
		display: flex !important;
		justify-content: center;
		align-self: center;
		margin: 0;
		top: 0;
		left: 0;
		pointer-events: all;
	}

	.dcw-welcome-promo .dcw-welcome-container .swiper-button-prev {
		border-radius: 100%;
		background-color: #ffffff;
		width: 60px;
		height: 60px;
		color: var(--color-background-fill-primary, #e84e15);
		position: relative;
		display: flex !important;
		justify-content: center;
		align-self: center;
		margin: 0;
		top: 0;
		left: 0;
		pointer-events: all;
	}

	.dcw-welcome-promo .dcw-welcome-container .swiper-button-next:after,
	.dcw-welcome-promo .dcw-welcome-container .swiper-button-prev:after {
		font-size: 2rem;
		font-weight: 700;
	}

	.dcw-welcome-promo .dcw-welcome-container .dcw-round-icon {
		top: 2rem;
		left: 2rem;
	}

	.dcw-welcome-promo .dcw-welcome-container .dcw-content-card {
		padding: 2rem;
	}

	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
		min-height: 500px;
	}

	.dcw-welcome-promo .dcw-welcome-container .swiper-pagination {
		display: none;
	}
}

@media screen and (min-width: 1400px) {
	.dcw-welcome-promo .dcw-welcome-container .dcw-card-subtitle {
		font-size: 20px;
		line-height: 1.25;
		letter-spacing: -0.01em;
	}

	.dcw-welcome-promo .dcw-welcome-container .dcw-card-title {
		font-size: 32px;
		line-height: 1.25;
		letter-spacing: -0.01em;
	}

	.dcw-welcome-promo .dcw-welcome-container .dcw-time-desc {
		font-size: 16px;
		line-height: 20px;
		letter-spacing: -0.01em;
	}

	.dcw-welcome-promo .dcw-welcome-container .dcw-welcome-content {
		padding: 1rem 0;
	}

	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
		min-height: 440px;
	}
}

@media screen and (min-width: 1500px) {
	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
		min-height: 480px;
	}
}

@media screen and (min-width: 1600px) {
	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
		min-height: 560px;
	}
}

@media screen and (min-width: 1900px) {
	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
		min-height: 520px;
	}
}

@media screen and (min-width: 2000px) {
	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container,
	.dcw-welcome-promo .dcw-welcome-container .dcw-card-container .swiper {
		min-height: 765px;
	}
}

/** Pop Up PDF **/
.dcw-pdf-popup .dcw-pdf-preview .dcw-rich-content #richtext-popup {
	display: none !important;
}

.dcw-pdf-popup {
	position: fixed;
	top: 0;
	left: 0;
	min-height: 100vh;
	max-height: 100vh;
	text-align: center;
	overflow-y: auto;
	height: auto;
	width: 100%;
	z-index: 999;
	visibility: hidden;
	opacity: 0;
}

.dcw-pdf-popup .dcw-pdf-preview {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 1rem;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	background: white;
	box-sizing: border-box;
	box-shadow: 0px -6px 28px 0px #00000014;
	transform: translateY(100%);
	z-index: 9999;
	border-radius: 32px 32px 0 0;
	min-height: 90vh;
	position: relative;
	margin-top: 100px;
}

.dcw-pdf-popup .dcw-popup-content {
	display: none;
}

.dcw-pdf-popup .dcw-pdf-content,
.dcw-pdf-popup .dcw-img-content img,
.dcw-pdf-popup .dcw-rich-content {
	width: 100%;
	height: auto;
	min-height: 90vh;
	object-fit: contain;
	object-position: top;
}

.dcw-pdf-popup .dcw-yt-content iframe {
	height: auto;
	min-height: 68.25vh;
	border-radius: 24px;
	overflow: hidden;
}

.dcw-pdf-popup .dcw-rich-content div {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	text-align: left;
	gap: 0.5rem;
	padding: 1rem 0;
}

.dcw-pdf-popup .dcw-rich-content .dcw-table-cont {
	overflow: auto;
	padding: 1rem 0;
	width: 100%;
}

.dcw-pdf-popup .dcw-rich-content .dcw-table-cont::-webkit-scrollbar {
	height: 10px;
}

.dcw-pdf-popup .dcw-rich-content .dcw-table-cont::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-pdf-popup .dcw-rich-content .dcw-table-cont::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-success-hover, #1e8758);
	border-radius: 10px;
}

.dcw-pdf-popup
	.dcw-rich-content
	.dcw-table-cont::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-success-hover, #1e8758);
}

.dcw-pdf-popup .dcw-rich-content table {
	border-collapse: collapse;
	width: max-content;
}

.dcw-pdf-popup .dcw-rich-content table tr:first-child th:first-child {
	border-top-left-radius: 16px;
}

.dcw-pdf-popup .dcw-rich-content table tr:last-child td:first-child {
	border-bottom-left-radius: 16px;
}

.dcw-pdf-popup .dcw-rich-content table tr:last-child td:last-child {
	border-bottom-right-radius: 16px;
}

.dcw-pdf-popup .dcw-rich-content table tr:first-child th:last-child {
	border-top-right-radius: 16px;
}

.dcw-pdf-popup .dcw-rich-content table td {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	padding: 12px 12px;
}

.dcw-pdf-popup .dcw-rich-content table tr:nth-child(even) {
	background-color: #eeeeee;
}

.dcw-pdf-popup .dcw-rich-content table tr:nth-child(odd) {
	background-color: #f8f8f8;
}
/* .dcw-pdf-popup .dcw-rich-content table tr:hover {
    background-color: #ddd;
} */
.dcw-pdf-popup .dcw-rich-content table th {
	padding: 12px 12px;
	text-align: left;
	background: var(--color-background-fill-success-hover, #1e8758);
	color: white;
	white-space: nowrap;
	font-weight: 700;
}

.dcw-pdf-popup
	.dcw-rich-content
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
	background: #b6cac7;
}

.dcw-pdf-popup
	.dcw-rich-content
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
	background: #b6cac7;
}

.dcw-pdf-popup .dcw-rich-content table.table-alt tr:nth-child(even) {
	background-color: #ffffff;
}

.dcw-pdf-popup .dcw-rich-content table.table-alt tr:nth-child(odd) {
	background-color: #e7edec;
}

.dcw-pdf-popup .dcw-rich-content table.table-alt th {
	background: #b6cac7;
	color: #062f28;
}

.dcw-pdf-popup .dcw-rich-content table.table-alt td {
	color: #062f28;
}

.dcw-pdf-popup .dcw-rich-content b {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-pdf-popup .dcw-rich-content ul {
	display: flex;
	flex-direction: column;
	gap: var(--spacegapspace-component-gap-s, 12px);
	list-style: disc !important;
	padding-left: 24px;
}

.dcw-pdf-popup .dcw-rich-content ul li > * {
	margin-bottom: 8px;
}

.dcw-pdf-popup .dcw-rich-content ul li::marker {
	color: #e84e15;
	font-size: 24px;
}

.dcw-pdf-popup .dcw-rich-content ol {
	display: flex;
	flex-direction: column;
	list-style: decimal !important;
	padding-left: 24px;
}

.dcw-pdf-popup .dcw-rich-content ol li::marker {
	color: #1a1a1a;
	font-size: 16px;
}

.dcw-pdf-popup .dcw-rich-content a {
	color: #e84e15;
}

.dcw-pdf-popup .dcw-rich-content h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-pdf-popup.show .dcw-pdf-preview {
	transform: translateY(0);
}

.dcw-pdf-popup .pdf-popup-shade {
	position: fixed;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
}

.dcw-pdf-popup .dcw-pdf-preview .dcw-header {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 1rem 0;
	border-bottom: 1px solid #e0e0e0;
}

.dcw-pdf-popup .dcw-pdf-preview .dcw-title-tag {
	width: 100%;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
}

.dcw-pdf-popup .dcw-pdf-preview .dcw-header-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	width: fit-content;
}

.dcw-pdf-popup .dcw-pdf-preview .dcw-tag-icon {
	display: none;
}

.dcw-pdf-popup .dcw-pdf-preview .dcw-close-button {
	height: 36px;
	background: transparent;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 1rem;
	align-items: center;
	cursor: pointer;
}

.dcw-pdf-popup .dcw-pdf-preview .dcw-close-button p {
	font-weight: 700;
	color: #e84e15;
}

.dcw-pdf-popup .dcw-pdf-iframe {
	height: 100vh;
	max-height: 100vh;
	border: none;
	box-sizing: border-box;
	width: 100%;
}

@media screen and (min-width: 1025px) {
	.dcw-pdf-popup .dcw-pdf-preview .dcw-header {
		padding: 1rem 2rem !important;
	}

	.dcw-pdf-popup .dcw-pdf-preview .dcw-title {
		display: flex;
		font-size: 24px;
		font-weight: 700;
		line-height: 28px;
		letter-spacing: -0.01em;
		text-align: left;
		align-items: center;
	}

	.dcw-pdf-popup .dcw-pdf-preview .dcw-title-tag {
		max-width: 70%;
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-pdf-popup .dcw-pdf-preview .dcw-tag-icon {
		display: block;
		width: auto;
		height: 48px;
	}

	.dcw-pdf-popup .dcw-pdf-preview .dcw-header-title {
		font-size: 24px;
		line-height: 28px;
	}

	.dcw-pdf-popup .dcw-pdf-preview .dcw-close-button {
		height: 48px;
	}

	.dcw-pdf-popup .dcw-pdf-content {
		height: 75vh;
	}

	.dcw-pdf-popup .dcw-pdf-iframe {
		height: 100%;
	}

	.dcw-pdf-popup .dcw-yt-content iframe {
		width: 100%;
		/* min-height: 67vh; */
		/* aspect-ratio: 16 / 9; */
	}
}

/** Footer **/
.dcw-footer-container {
	padding-top: 2rem;
}
/* .dcw-runtext-wrapper {
    position: relative;
    width: 99.9%;
    overflow: hidden;
    font-size: 2rem;
    padding: 2rem 0;
} */
/** Running Text **/
/* .dcw-runtext-wrapper .dcw-runtext-container {
    position: relative;
    display: inline-flex;
}
.dcw-runtext-wrapper .dcw-runtext-container.clone {
    position: absolute;
    top: 2rem;
    left: 0;
}
.dcw-runtext-container .runtext-item {
    display: inline-flex;
    flex-direction: row;
    gap: 1rem;
    align-items: center;
    padding-left: 1rem;
    white-space: nowrap; 
}
.dcw-runtext-container .runtext-item>img {
    width: 16px;
}

@media screen and (min-width: 1024px) {
    .dcw-runtext-wrapper {
        font-size: 4.5rem;
    }
    .dcw-runtext-container .runtext-item>img {
        width: 32px;
    }
} */
/** Email Subscription **/
/* .dcw-subscribe-wrapper {
    background-color: #E94E14;
}
.dcw-subscribe-container {
    padding: 1rem 0;
}
.dcw-subscribe-container .subscribe-title {
    font-size: 1.5rem;
    line-height: 1.3;
    font-weight: 700;
    color: #FFFFFF;
    padding: 1rem 0;
}
.dcw-subscribe-container .subcribe-form-input {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}
.dcw-subscribe-container .subscribe-email {
    border-radius: 8px;
    height: 60px;
    width: 75%;
    padding: 0 1rem;
    border: 1px solid #E0E0E0;
    font-size: 1rem;
    flex-grow: 1;
}
.dcw-subscribe-container .subscribe-email:focus {
    outline: none;
}
.dcw-subscribe-container .subscribe-submit {
    border-radius: 8px;
    height: 60px;
    width: 60px;
    background-color: transparent;
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    font-size: 3rem;
    line-height: 60px;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dcw-subscribe-container .subscribe-submit>span {
    display: none;
}
.dcw-subscribe-container .subscribe-tnc {
    padding: 1rem 0;
    color: #FFFFFF;
    text-decoration: underline;
    font-size: 1rem;
    font-weight: 700;
}
.dcw-subscribe-container .subscribe-tnc a {
    color: #FFFFFF;
}
.dcw-subscribe-container .subscribe-form-error {
    display: none;
    color: #821131;
    width: 100%;
}
@media screen and (min-width: 1025px) {
    .dcw-subscribe-container {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        padding: 4rem;
    }
    .dcw-subscribe-container>div {
        width: 50%;
    }
    .dcw-subscribe-container .subscribe-title {
        font-size: 2rem;
    }
    .dcw-subscribe-container .subscribe-submit {
        width: fit-content;
    }
    .dcw-subscribe-container .subscribe-submit>img {
        display: none;
    }
    .dcw-subscribe-container .subscribe-submit>span {
        display: block;
        font-size: 1rem;
        margin: 1rem;
        color: #FFFFFF;
    }
}
@media screen and (min-width: 1367px) {
    .dcw-subscribe-container .subscribe-title {
        font-size: 2.5rem;
    }
} */
/** Footer Menu **/
.dcw-footerlinks-wrapper {
	padding-bottom: 3rem;
}

.footer-menu {
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
}

.footer-menu-box {
	padding: 0 0.5rem;
}

.footer-menu .footer-menu-box.btm-border {
	border-bottom: 1px solid #e0e0e0;
}

.footer-menu-box.accordion {
	padding: 1rem 0.5rem;
	margin-bottom: 0;
}

.footer-menu-box .footer-menu-cat {
	font-size: 1rem;
	font-weight: 700;
	color: #e84e15;
}

.footer-menu-box .category-title {
	color: #e84e15;
	pointer-events: none;
}

.footer-menu-box .category-title a {
	color: #e84e15;
}

.footer-menu-box.accordion .footer-menu-cat {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.footer-menu-box .footer-menu-subs {
	margin: 0;
	list-style-type: none;
	padding: 0;
}

.footer-menu-box.accordion .footer-menu-subs {
	height: 0;
	overflow: hidden;
}

.footer-menu-box .category-chevron {
	pointer-events: none;
	width: 28px;
	height: 28px;
	display: block;
	transform: rotate(180deg);
}

.footer-menu-cat.open .category-chevron {
	transform: rotate(0deg);
}

.footer-menu-subs .footer-menu-item > a {
	display: block;
	width: 100%;
	padding: 0.5rem 0;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.01em;
}

.footer-menu-subs.contact,
.footer-menu-subs.office {
	padding: 1rem 0;
}

.footer-menu-subs.contact .footer-menu-item > a {
	display: flex;
	gap: 1rem;
	align-items: center;
	width: 100%;
	padding: 0.5rem 0;
}

.footer-menu-subs.office .footer-menu-item > p {
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.01em;
}

.footer-menu-subs.office .footer-menu-item > a {
	background-color: #e84e15;
	color: #ffffff;
	border-radius: 8px;
	margin: 1rem 0;
	padding: 0.5rem 1rem;
	width: fit-content;
}

.footer-quick {
	width: 100%;
}

.footer-quick .quick-link-item {
	width: 100%;
	border-bottom: 1px solid #e0e0e0;
}

.footer-quick .quick-link-item > a {
	display: block;
	width: 100%;
	padding: 1rem 0;
	color: #e84e15;
	font-weight: 700;
}

.footer-company {
	width: 100%;
	display: flex;
	flex-direction: column;
	padding: 3rem 0;
	gap: 2rem;
}

.footer-company .company-cont {
	padding: 0.5rem 0;
}

.footer-company .company-title {
	color: #e84e15;
	font-weight: 700;
	padding-bottom: 1rem;
}

.footer-additional .footer-social {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	padding: 1rem 0;
}

.footer-additional hr {
	border: 1px solid #e0e0e0;
	width: calc(100% - 1rem);
	margin: 0 auto;
}

.footer-additional .footer-more {
	display: flex;
	align-items: center;
	padding: 1rem 0;
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 1rem;
}

.footer-endline {
	width: 100%;
	height: 6px;
	display: grid;
	grid-template-columns: 20% 40% 40%;
	/* padding: 0 1rem; */
}

.footer-endline span:nth-child(1) {
	background-color: #ffbf0f;
}

.footer-endline span:nth-child(2) {
	background-color: #db2329;
}

.footer-endline span:nth-child(3) {
	background-color: #ff8000;
}

.footer-footnote {
	font-size: 14px;
	line-height: 18px;
}

@media screen and (min-width: 1025px) {
	.dcw-footerlinks-wrapper {
		padding: 5rem 0;
	}

	.dcw-footerlinks-cont {
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}

	.footer-menu {
		grid-template-columns: repeat(7, 1fr);
	}

	.footer-menu .footer-menu-box {
		width: 100%;
		word-break: break-word;
	}

	.footer-menu .footer-menu-box.quick-links {
		padding: 0.5rem 1rem;
	}

	.footer-menu .footer-menu-box.btm-border {
		border: none;
	}

	.footer-menu-box .category-title {
		pointer-events: all;
	}

	.footer-menu-box.accordion .category-chevron {
		display: none;
	}

	.footer-menu-box.accordion .footer-menu-subs {
		padding: 1rem 0;
		height: auto;
	}

	.footer-quick .quick-link-item {
		border-bottom: none;
	}

	.footer-quick .quick-link-item > a {
		padding: 0.5rem 0;
	}

	.footer-additional {
		width: 100%;
	}

	.footer-company {
		padding: 1.5rem 0;
		flex-direction: row;
	}

	.footer-company .footer-menu-box {
		width: 22%;
	}

	.footer-additional .footer-more {
		flex-direction: row-reverse;
		justify-content: flex-end;
		align-items: center;
	}

	.footer-endline {
		grid-template-columns: repeat(3, 1fr);
	}
}

/** Content **/
/** Home **/
/** Hero Banner **/
.dcw-herobanner {
	width: 100%;
	height: calc(100vh - 92px);
	position: relative;
	min-height: 700px;
}

.dcw-herobanner .hero-big-banner {
	height: 100%;
}

.dcw-herobanner .hero-big-banner:after {
	content: "";
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: 0.1;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.dcw-herobanner .hero-big-banner .swiper-navigation {
	display: none;
}

.dcw-herobanner .hero-big-banner .hero-slider-container {
	height: 100%;
}

.dcw-herobanner .hero-big-banner .hero-image {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: 60% top;
	position: absolute;
	top: 0;
	left: 0;
}

.dcw-herobanner .hero-big-banner .hero-content {
	width: 100%;
	height: 50%;
	position: relative;
	z-index: 9;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 1rem;
}

.dcw-herobanner .hero-big-banner .hero-subtitle {
	color: #ffffff;
	font-size: 1rem;
	font-weight: 700;
}

.dcw-herobanner .hero-big-banner .hero-title {
	color: #ffffff;
	font-size: 40px;
	line-height: 52px;
	font-weight: 700;
}

.dcw-herobanner .hero-big-banner .hero-button {
	color: #ffffff;
	background-color: #e84e15;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 8px;
	padding: 1rem;
}

.dcw-herobanner .hero-small-slider {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50%;
	z-index: 9;
	gap: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	opacity: 0;
	transition: all 0.8s ease;
}

.dcw-herobanner .hero-small-slider .hero-slider-title {
	color: #ffffff;
	font-size: 1rem;
	line-height: 1.2;
	padding: 1rem;
	width: 80%;
}

.dcw-herobanner .hero-small-slider .hero-slider-container {
	width: 100%;
	padding: 0;
	position: static;
	padding-bottom: 1rem;
}

.dcw-herobanner .hero-small-slider .swiper-wrapper {
	padding: 0 1rem;
	display: flex;
	align-items: center;
	height: auto !important;
	min-height: 200px;
}

.dcw-herobanner .hero-small-slider .swiper-slide {
	background: rgba(255, 255, 255, 0.3);
	backdrop-filter: blur(10px);
	border-radius: 24px;
	padding: 1rem;
	height: auto;
	display: flex;
	cursor: pointer;
	aspect-ratio: 1/1;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	transition: all 1s;
}

.dcw-herobanner .hero-small-slider .swiper-slide.swiper-slide-active {
	transform: scale(1.1);
	border: 1px solid #ffffff;
}

.dcw-herobanner .hero-small-slider .swiper-holder {
	height: 0px;
}

.dcw-herobanner .hero-small-slider .swiper-slide.hidden-slide {
	opacity: 0;
	pointer-events: none;
	transform: translateX(-400%);
}

.dcw-herobanner .hero-small-slider .hero-content {
	color: #ffffff;
	font-weight: 800;
}

.dcw-herobanner .hero-small-slider .swiper-navigation {
	display: none;
	/* margin-top: -30px; */
}

.dcw-herobanner .hero-highlight {
	position: absolute;
	top: 0;
	left: 0;
	height: 50vh;
	width: 100%;
	z-index: 99;
	pointer-events: none;
}

.dcw-herobanner .hero-highlight .hero-content {
	width: 100%;
	height: calc(100% - 92px);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 1rem;
	visibility: hidden;
	opacity: 0;
	transition: all 0.4s ease;
}

.dcw-herobanner .hero-highlight .hero-content.show {
	position: relative;
	visibility: visible;
	opacity: 1;
}

.dcw-herobanner .hero-highlight .hero-subtitle {
	color: #ffffff;
	font-size: 1rem;
	text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
}

.dcw-herobanner .hero-highlight .hero-title {
	color: #ffffff;
	font-size: 40px;
	line-height: 52px;
	font-weight: 700;
	text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
}

.dcw-herobanner .hero-highlight .hero-button {
	color: #ffffff;
	background-color: #e84e15;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 8px;
	padding: 1rem;
	pointer-events: all;
}

@media screen and (min-width: 380px) {
	.dcw-herobanner .hero-small-slider .hero-slider-title {
		padding: 1rem;
	}

	.dcw-herobanner .hero-small-slider .swiper-wrapper {
		padding: 0.5rem 1.5rem;
		position: absolute;
	}

	.dcw-herobanner .hero-small-slider .swiper-holder {
		height: 190px;
	}
}

@media screen and (min-width: 400px) {
	.dcw-herobanner .hero-small-slider .hero-slider-title {
		/*font-weight: 800;*/
		padding: 1rem 2rem;
	}

	.dcw-herobanner .hero-small-slider .swiper-wrapper {
		padding: 0.5rem 2rem;
	}
}

@media screen and (min-width: 700px) {
	.dcw-herobanner {
		width: 100%;
		position: relative;
	}
}

@media screen and (min-width: 1025px) {
	.dcw-herobanner .hero-small-slider {
		width: 50%;
		height: 70%;
		right: 0;
		padding-bottom: 2rem;
		gap: 1rem;
	}

	.dcw-herobanner .hero-highlight {
		/* height: 100vh; */
		height: 100%;
		aspect-ratio: 16/7;
	}

	.dcw-herobanner .hero-highlight .hero-content {
		width: 100%;
		/* height: calc(100% - 92px); */
		height: 100%;
		justify-content: center;
		/* max-width: 1500px; */
		/* max-width: 786px; */
		width: 90%;
		margin: 0 auto;
	}

	.dcw-herobanner .hero-highlight .hero-subtitle,
	.dcw-herobanner .hero-highlight .hero-button {
		/* font-size: 20px; */
		/* font-size: 1rem; */
		font-size: 15.63px;
		line-height: 1.1;
	}

	.dcw-herobanner .hero-highlight .hero-subtitle {
		font-weight: 400;
	}

	.dcw-herobanner .hero-highlight .hero-title {
		/* font-size: 3.5rem; */
		/* font-size: 2.441rem; */
		font-size: 30.52px;
		line-height: 1.2;
		width: 75%;
	}

	.dcw-herobanner .hero-highlight .hero-button {
		padding: 1rem 2rem;
		width: fit-content;
	}

	.dcw-herobanner .hero-small-slider .hero-slider-title {
		width: 100%;
		/* font-size: 20px; */
		/* font-size: 1rem; */
		font-size: 15.63px;
		padding: 0;
	}

	.dcw-herobanner .hero-small-slider .swiper-wrapper {
		padding: 0;
		pointer-events: none;
	}

	.dcw-herobanner .hero-small-slider .swiper-slide {
		padding: 1rem;
	}

	.dcw-herobanner .hero-small-slider .swiper-slide:not(.hidden-slide) {
		pointer-events: all;
	}

	.dcw-herobanner .hero-small-slider .swiper-navigation {
		display: flex;
		gap: 1.5rem;
		padding: 0;
	}

	.dcw-herobanner .hero-small-slider .swiper-button-prev,
	.dcw-herobanner .hero-small-slider .swiper-button-next {
		margin-top: 0px;
		border-radius: 100%;
		background-color: #ffffff;
		width: 40px;
		height: 40px;
		color: #e84e15;
		position: relative;
		display: flex;
		justify-content: center;
		align-self: center;
		top: 0;
		left: 0;
	}

	.dcw-herobanner .hero-small-slider .swiper-button-prev:after,
	.dcw-herobanner .hero-small-slider .swiper-button-next:after {
		font-size: 1rem;
		font-weight: 700;
	}

	.dcw-herobanner .hero-small-slider .swiper-button-prev:hover,
	.dcw-herobanner .hero-small-slider .swiper-button-next:hover {
		filter: brightness(95%);
	}
}

@media screen and (min-width: 1600px) {
	/* .dcw-herobanner .hero-small-slider .swiper-button-prev,
    .dcw-herobanner .hero-small-slider .swiper-button-next {
        width: 52px;
        height: 52px;
    }
    .dcw-herobanner .hero-small-slider .swiper-button-prev:after,
    .dcw-herobanner .hero-small-slider .swiper-button-next:after {
        font-size: 1.8rem;
    } */
	.dcw-herobanner .hero-small-slider .swiper-holder {
		height: 220px;
	}

	.dcw-herobanner .hero-small-slider .hero-slider-container {
		padding-top: 2rem;
	}
}

/** Product Slider **/
.dcw-productslider * {
	box-sizing: border-box;
}

.dcw-productslider {
	width: 100%;
	height: fit-content;
	padding: 32px 0px;
	display: flex;
	flex-direction: column;
	gap: 0;
	background: var(--color-background-surface-warning, #fffbee);
	box-sizing: border-box;
	overflow: hidden;
}

.dcw-productslider .dcw-header {
	width: 100%;
	height: fit-content;
	max-height: 32px;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
	margin: 1rem 0;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-productslider .dcw-title-tag {
	width: 100%;
	max-height: 32px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	color: #414141;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}
.dcw-productslider .dcw-title-tag i {
	color: var(--color-background-fill-primary);
}

.dcw-productslider .dcw-header-title {
	width: fit-content;
}

.dcw-productslider .dcw-tag-img {
	background-color: #ffffff;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-productslider .dcw-tag-icon {
	width: auto;
	height: 32px;
}

.dcw-productslider .dcw-arrow-right {
	width: 0;
	height: 32px;
	display: none;
	align-items: center;
	text-decoration: none;
}

.dcw-productslider .dcw-card-first-container {
	padding: 0px 16px;
}

.dcw-productslider .dcw-card-first-row {
	width: 100%;
	height: auto;
	min-height: 300px;
	aspect-ratio: 3/2;
	border-radius: 24px;
	position: relative;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.dcw-productslider .dcw-round-icon {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	position: relative;
}

.dcw-productslider .dcw-content-card {
	width: 100%;
	height: auto;
	color: white;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	padding: 1rem;
	z-index: 1;
	background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, 1));
}

.dcw-productslider .dcw-card-subtitle {
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: white;
}

.dcw-productslider .dcw-card-title {
	color: white;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 75%;
}

.dcw-productslider .dcw-card-time {
	height: 24px;
	display: flex;
	align-items: center;
	gap: 4px;
	color: white;
}

.dcw-productslider .dcw-svg-container {
	padding: 2.5px;
	height: 24px;
	width: 24px;
}

.dcw-productslider .dcw-time-desc {
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
}

.dcw-productslider .dcw-card-second-row {
	width: 100%;
	height: fit-content;
}

.dcw-productslider .card-item {
	background-color: transparent;
	height: auto;
	aspect-ratio: 1/1;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	color: white;
	transition: all 1s ease;
	width: calc(33.33% - 20px);
	border-radius: 24px;
	overflow: hidden;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.dcw-productslider .card-contents {
	display: block;
	height: 100%;
	width: 100%;
}

.dcw-productslider .card-item-child {
	height: 100%;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	color: white;
	border-radius: 24px;
	overflow: hidden;
	transition: all 0.4s;
}

.dcw-productslider .dcw-card-background {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.dcw-productslider .dcw-card-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	/* gap: 16px; */
	gap: 0;
}

.dcw-productslider .dcw-clock-img {
	width: 19px;
	height: 19px;
}

.dcw-productslider .dcw-go-detail-btn {
	width: auto;
	height: auto;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.dcw-productslider .dcw-go-detail-btn > i {
	font-size: 2em;
	color: white;
}

.dcw-productslider .swiper-pagination {
	position: relative;
	bottom: 0px;
}

.dcw-productslider .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	background-color: #cccccc;
	transition: all 0.4s;
}

.dcw-productslider .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: var(--color-background-fill-primary, #e84e15);
	width: 30px;
	border-radius: 10px;
	transition: all 0.4s;
}

.dcw-productslider .swiper-wrapper {
	align-items: center;
	height: 375px !important;
	/* margin-left: 50px; */
}

.dcw-productslider .card-item.swiper-slide-active {
	aspect-ratio: 1 / 1.35;
	background-color: #f0f0f0;
	box-sizing: border-box;
}

.dcw-productslider .swiper-arrow-cont {
	display: none;
}

.dcw-productslider .swiper-slide {
	width: 250px;
	box-sizing: border-box;
}

.dcw-productslider .swiper-slide:last-child {
	margin-right: calc(100% - (350px));
}

.dcw-productslider .dcw-arrow-container {
	display: none;
}

.dcw-productslider .swiper-navigation {
	margin: 1rem 0;
}

.dcw-productslider .swiper {
	overflow: visible;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.dcw-ebanking-subcategory .dcw-newsfilter-wrapper {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}

@media screen and (min-width: 400px) {
	.dcw-productslider .swiper-wrapper {
		height: 420px !important;
	}

	.dcw-laptop-appbanner .dcw-iphone {
		height: 17rem !important;
	}
}

@media screen and (min-width: 768px) {
	.dcw-productslider .swiper-wrapper {
		height: 340px !important;
	}
}

@media screen and (min-width: 1024px) {
	.dcw-productslider {
		padding: 22px 0;
	}

	.dcw-productslider .dcw-header {
		max-height: 72px;
	}

	.dcw-productslider .dcw-title-tag {
		max-width: 70%;
		max-height: 72px;
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-productslider .dcw-tag-img {
		width: 60px;
		height: 60px;
	}

	.dcw-productslider .dcw-tag-icon {
		width: 48px;
		height: 48px;
	}

	.dcw-productslider .dcw-arrow-right {
		color: var(--color-background-fill-primary);
		/* font-size: 20px; */
		font-size: 15.63px;
		font-weight: 700;
		line-height: 28px;
		letter-spacing: -0.01em;
		text-align: center;
		width: auto;
		height: 72px;
		display: flex;
	}

	.dcw-productslider .dcw-arrow-right-img {
		display: none;
	}

	.dcw-productslider .dcw-card-subtitle {
		font-size: 16px;
		line-height: 20px;
	}

	.dcw-productslider .dcw-card-title {
		/* font-size: 26px;
        line-height: 40px; */
		font-size: 15.63px;
		word-wrap: break-word;
		line-height: 1.4;
	}

	.dcw-productslider .dcw-time-desc {
		color: white;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: -0.01em;
		text-align: left;
		display: flex;
		align-items: center;
	}

	.dcw-productslider .card-item {
		border-radius: 24px;
		box-sizing: border-box;
	}

	.dcw-productslider .swiper-wrapper {
		align-items: center;
		height: 350px !important;
	}

	.dcw-productslider .swiper-pagination {
		display: none;
	}

	.dcw-productslider .swiper-arrow-cont.active {
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 1rem 0;
		gap: 3rem;
	}

	.dcw-productslider .swiper-button-next {
		border-radius: 100%;
		background-color: var(--color-background-fill-primary);
		width: 40px;
		height: 40px;
		color: white;
		position: relative;
		display: flex;
		justify-content: center;
		align-self: center;
	}

	.dcw-productslider .swiper-button-next:after {
		font-size: 1rem;
		font-weight: 700;
	}

	.dcw-productslider .swiper-button-prev {
		border-radius: 100%;
		background-color: var(--color-background-fill-primary);
		width: 40px;
		height: 40px;
		color: white;
		position: relative;
		display: flex;
		justify-content: center;
		align-self: center;
	}

	.dcw-productslider .swiper-button-prev:after {
		font-size: 1rem;
		font-weight: 700;
	}

	.dcw-productslider .dcw-arrow-container {
		display: block;
	}

	.dcw-productslider .dcw-go-detail-btn > i {
		font-size: 2em;
		color: white;
	}
}
/* @media screen and (min-width: 1500px) {
    .dcw-productslider .dcw-card-container{
        max-width: 1512px !important;
        margin: 0 auto !important;
    }
} */
/* @media screen and (min-width:1920px){
    .dcw-productslider .swiper-wrapper{
        height: 540px !important;
    }
    .dcw-productslider .dcw-card-title{
        font-size: 32px;
        line-height: 40px;
    }
}
@media screen and (min-width:2500px){
    .dcw-productslider .swiper-wrapper{
        height: 650px !important;
    }
}
@media screen and (min-width:4000px){
    .dcw-productslider .swiper-wrapper{
        height: 1000px !important;
    }
} */

/** Latest Promo **/
.dcw-latestpromo * {
	box-sizing: border-box;
}

.dcw-latestpromo {
	width: 100%;
	height: fit-content;
	min-height: 500px;
	padding: 32px 0px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background-color: white;
	box-sizing: border-box;
}

.dcw-latestpromo .dcw-header {
	width: 100%;
	height: fit-content;
	max-height: 32px;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}
.dcw-latestpromo .dcw-header i {
	color: var(--color-background-fill-primary);
}

.dcw-latestpromo .dcw-title-tag {
	width: 85%;
	max-height: 32px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	color: #414141;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-latestpromo .dcw-header-title {
	width: fit-content;
}

.dcw-latestpromo .dcw-tag-img {
	background-color: #ffffff;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-latestpromo .dcw-tag-icon {
	width: auto;
	height: 32px;
}

.dcw-latestpromo .dcw-arrow-right {
	white-space: nowrap;
	align-items: center;
	text-decoration: none;
	color: var(--color-background-fill-primary);
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: center;
	width: auto;
	height: 72px;
	display: none;
}

.dcw-latestpromo .dcw-card-first-row {
	width: 100%;
	height: auto;
	aspect-ratio: 3/2;
	border-radius: 24px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	overflow: hidden;
}

.dcw-latestpromo .dcw-round-icon {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	position: relative;
	top: 1rem;
	left: 1rem;
}

.dcw-latestpromo .dcw-content-card {
	width: 100%;
	height: fit-content;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: end;
	gap: 4px;
	position: absolute;
	bottom: 0;
	padding: 1rem;
	z-index: 1;
	background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, 1));
}

.dcw-latestpromo .dcw-card-subtitle {
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: white;
}

.dcw-latestpromo .dcw-card-title {
	color: white;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 75%;
}

.dcw-latestpromo .dcw-card-time {
	height: 24px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.dcw-latestpromo .dcw-svg-container {
	padding: 2.5px;
	height: 24px;
	width: 24px;
}

.dcw-latestpromo .dcw-time-desc {
	color: white;
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	display: flex;
	align-items: center;
}

.dcw-latestpromo .dcw-card-second-row {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.dcw-latestpromo .dcw-content-card-second-row {
	width: 320px;
	height: auto;
	aspect-ratio: 3/2;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 24px;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	color: white;
	flex-shrink: 0;
	flex-grow: 0;
	transition: all 0.4s;
}

.dcw-latestpromo .dcw-card-background {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 24px;
	z-index: 0;
}

.dcw-latestpromo .dcw-card-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-latestpromo .dcw-clock-img {
	width: 19px;
	height: 19px;
}

.dcw-latestpromo .card-contents {
	display: block;
	width: 100%;
	height: 100%;
}

.dcw-latestpromo .dcw-inner-content {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}

.dcw-latestpromo .dcw-main-content {
	width: 90%;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.dcw-latestpromo .dcw-go-detail-btn {
	width: auto;
	height: auto;
	/* background: rgb(255, 255, 255, 20%); */
	border-radius: 50%;
	font-size: 3em;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.dcw-latestpromo .dcw-go-detail-btn > img {
	width: 32px;
	height: 32px;
}

.dcw-latestpromo .swiper-wrapper {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	overflow: auto;
	box-sizing: border-box;
	flex-wrap: nowrap;
}

.dcw-latestpromo .swiper-pagination {
	position: relative;
}

.dcw-latestpromo .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	background-color: #cccccc;
	transition: all 0.4s;
}

.dcw-latestpromo .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: var(--color-background-fill-primary, #e84e15);
	width: 30px;
	border-radius: 10px;
	transition: all 0.4s;
}

.dcw-latestpromo .dcw-arrow-right-img {
	width: 32px;
	height: 32px;
	display: block;
}

@media screen and (min-width: 600px) {
	.dcw-latestpromo .dcw-content-card-second-row {
		width: calc(50% - 0.5rem);
		height: auto;
	}
}

@media screen and (min-width: 1024px) {
	.dcw-latestpromo {
		padding: 2.2rem 0;
	}
	/* .dcw-latestpromo .dcw-header{
        max-height: 72px;
    } */
	.dcw-latestpromo .dcw-title-tag {
		max-height: 72px;
		font-size: 2rem !important;
		line-height: 52px;
	}

	.dcw-latestpromo .dcw-tag-icon {
		width: 48px;
		height: 48px;
	}

	.dcw-latestpromo .dcw-arrow-right {
		font-size: 15.63px;
		height: 72px;
		display: flex;
	}

	.dcw-latestpromo .dcw-arrow-right-img {
		display: none;
	}

	.dcw-latestpromo .dcw-card-subtitle {
		/* font-size: 16px; */
		font-size: 10px;
		/* line-height: 20px; */
	}

	.dcw-latestpromo .dcw-card-title {
		/* font-size: 32px; */
		font-size: 15.63px;
		line-height: 1.4;
		width: 100%;
	}

	.dcw-latestpromo .dcw-time-desc {
		/* font-size: 16px; */
		font-size: 12px;
		line-height: 20px;
	}

	.dcw-latestpromo .dcw-go-detail-btn {
		width: 58px;
		height: 58px;
	}

	.dcw-latestpromo .dcw-go-detail-btn > img {
		width: 48px;
		height: 48px;
	}

	.dcw-latestpromo .swiper-pagination {
		display: none;
	}

	.dcw-latestpromo .swiper-wrapper {
		flex-wrap: wrap;
	}

	.dcw-latestpromo .dcw-content-card {
		padding: 2rem;
	}
}

/** Exchange Rate **/
.dcw-exchangerate * {
	box-sizing: border-box;
	border: 0px solid #00fff63d;
}

.dcw-exchangerate {
	width: 100%;
	height: fit-content;
	min-height: 500px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background-color: #00fff63d;
	box-sizing: border-box;
	padding: 3rem 0;
}

.dcw-exchangerate .dcw-header {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}
.dcw-exchangerate .dcw-header i {
	color: var(--color-background-fill-primary);
}
.dcw-exchangerate .dcw-title-tag {
	width: fit-content;
	max-width: 100%;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-exchangerate .dcw-header-title {
	color: var(--color-background-fill-primary);
	width: fit-content;
}

.dcw-exchangerate .dcw-tag-img {
	background-color: #ffffff;
	border-radius: 50%;
	width: auto;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px;
}

.dcw-exchangerate .dcw-tag-icon {
	width: auto;
	height: 32px;
}

.dcw-exchangerate .dcw-card-container {
	width: 100%;
	height: fit-content;
	display: flex;
	gap: 32px;
	flex-direction: column;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-exchangerate .dcw-content-card {
	width: 100%;
	min-height: 100%;
	background-color: white;
	border-radius: 24px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.dcw-exchangerate .dcw-content-card-header {
	width: 100%;
	height: fit-content;
	padding: 32px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.dcw-exchangerate .dcw-card-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	color: #414141;
}

.dcw-exchangerate .dcw-card-subtitle {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-exchangerate .dcw-card-content {
	width: 100%;
	height: 100%;
	padding: 0 32px 32px 32px;
	overflow-x: scroll;
	overflow-y: hidden;
	gap: 16px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.dcw-exchangerate .dcw-card-content::-webkit-scrollbar {
	height: 0px;
}

.dcw-exchangerate table {
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

.dcw-exchangerate th,
.dcw-exchangerate td {
	padding: 0.5em;
	padding-left: 0;
	border-bottom: 1px solid var(--color-border-border-primary-default, #e0e0e0);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	min-width: 80px;
}

.dcw-exchangerate th:first-child,
.dcw-exchangerate td:first-child {
	padding: 0.5em;
	padding-left: 0;
}

.dcw-exchangerate th {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-exchangerate .dcw-kurs-container {
	display: flex;
	width: 100%;
	height: 100%;
	flex-direction: row;
	gap: 5px;
}

.dcw-exchangerate .dcw-kurs-container span {
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-exchangerate .dcw-flag-icon {
	width: 22px;
	height: 22px;
}

.dcw-exchangerate .dcw-currency {
	display: flex;
	align-items: center;
	gap: 8px;
	height: 60px;
	border-radius: 8px;
	border: 1px solid var(--color-border-border-primary-default, #e0e0e0);
}

.dcw-exchangerate *:focus {
	border: 0px solid #414141;
	outline: none;
}

.dcw-exchangerate .dcw-card-exchange-title {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-exchangerate .dcw-arrow-dropdown::before {
	content: "\27E9";
	font-size: 20px;
	font-weight: 700;
	transform: rotate3d(90deg);
}

.dcw-exchangerate .dcw-arrow-dropdown {
	margin-top: 2px;
	width: 24px;
	height: 16px;
	object-fit: cover;
}

.dcw-exchangerate .dcw-icon-flag {
	font-size: 18px;
}

.dcw-exchangerate .dcw-currency *:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.dcw-exchangerate .dcw-currency input {
	text-align: end;
	width: 100%;
	padding: 0px 16px;
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
}

.dcw-exchangerate .dcw-currency input::-webkit-outer-spin-button,
.dcw-exchangerate .dcw-currency input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.dcw-exchangerate .dcw-card-desc {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-exchangerate .dcw-hitung-btn {
	width: 100%;
	height: 60px;
	padding: var(--spacepaddingspace-component-padding-m);
	gap: var(--spacegapspace-component-gap-s);
	border-radius: 8px;
	background-color: var(--color-background-fill-primary);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: center;
	cursor: pointer;
}

.dcw-exchangerate .dcw-line {
	height: 1px;
	width: 100%;
	background-color: #e7e7ee;
}

.dcw-exchangerate .dcw-swap-icon {
	height: 32px;
	width: 32px;
	cursor: pointer;
}

.dcw-exchangerate .dcw-swap-btn-container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
}

.dcw-exchangerate .dcw-selected-icon-container a {
	display: flex;
	gap: 6px;
	width: 100%;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.dcw-exchangerate .dcw-selected-icon-container a:hover {
	text-decoration: none;
}

.dcw-exchangerate .dcw-dropdown {
	display: inline-block;
	position: relative;
	height: 100%;
}

.dcw-exchangerate .dcw-dropdown *::-webkit-scrollbar,
.dcw-exchangerate .dcw-change-currency *::-webkit-scrollbar {
	width: 8px;
}

.dcw-exchangerate .dcw-dropdown *::-webkit-scrollbar-track,
.dcw-exchangerate .dcw-change-currency *::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-exchangerate .dcw-dropdown *::-webkit-scrollbar-thumb,
.dcw-exchangerate .dcw-change-currency *::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-primary);
	border-radius: 10px;
}

.dcw-exchangerate .dcw-dropdown *::-webkit-scrollbar-thumb:hover,
.dcw-exchangerate .dcw-change-currency *::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-primary);
}

.dcw-exchangerate .dropdown-selector {
	display: flex;
	align-items: center;
	padding: 10px 0px 10px 20px;
	text-decoration: none;
	color: #333;
	transition: background-color 0.3s;
	height: 100%;
	gap: 6px;
	width: fit-content;
	white-space: nowrap;
	pointer-events: none;
}

.dcw-exchangerate .dropdown-selector-alt {
	display: flex;
	align-items: center;
	padding: 7px 8px;
	text-decoration: none;
	color: #333;
	transition: background-color 0.3s;
	height: 100%;
	gap: 6px;
	width: fit-content;
	white-space: nowrap;
	border-radius: 24px;
	border: 1px solid #e0e0e0;
}

.dcw-exchangerate .dropdown-selector span,
.dcw-exchangerate .dropdown-selector-alt span {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #333;
	transition: background-color 0.3s;
	height: 100%;
	gap: 6px;
	width: fit-content;
	white-space: nowrap;
}

.dcw-exchangerate .dropdown-selector-alt span {
	font-size: 12px;
	line-height: 1.2;
}

.dcw-exchangerate .dropdown-selector:hover,
.dcw-exchangerate .dropdown-selector-alt:hover {
	background-color: #f0f0f0;
}

.dcw-exchangerate .dcw-dropdown ul,
.dcw-exchangerate .change-currency ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
	border-radius: 8px;
	max-height: 150px;
	overflow-y: scroll;
}

.dcw-exchangerate .change-currency ul {
	transform: translate(-65%, 5%);
}

.dcw-exchangerate .dcw-dropdown ul li,
.dcw-exchangerate .change-currency ul li {
	display: flex;
	padding: 15px 20px;
	text-decoration: none;
	color: #333;
	transition: background-color 0.3s;
	gap: 5px;
	white-space: nowrap;
	width: 200px;
	cursor: pointer;
	align-items: center;
}

.dcw-exchangerate .dcw-dropdown ul li *,
.dcw-exchangerate .change-currency ul li * {
	pointer-events: none;
}

.dcw-exchangerate .dcw-dropdown ul li:hover,
.dcw-exchangerate .change-currency ul li:hover {
	background-color: #f0f0f0;
	text-decoration: none;
}

.dcw-exchangerate .change-currency .dcw-arrow-dropdown {
	display: none;
}

@media screen and (min-width: 1024px) {
	.dcw-exchangerate {
		padding: 22px 0;
	}

	.dcw-exchangerate .dcw-card-container {
		flex-direction: row;
	}

	.dcw-exchangerate .dcw-tag-img {
		padding: 16px;
	}

	.dcw-exchangerate .dcw-tag-icon {
		width: 48px;
		height: 48px;
	}

	.dcw-exchangerate .dcw-header-title {
		font-size: 19.53px;
	}

	.dcw-exchangerate .change-currency .dcw-arrow-dropdown {
		display: block;
	}

	.dcw-exchangerate .dropdown-selector-alt {
		padding: 10px;
		border-radius: 16px;
	}

	.dcw-exchangerate .change-currency ul {
		transform: translate(-50%, 5%);
	}

	.dcw-exchangerate .dcw-swap-icon {
		height: 60px;
		width: 60px;
	}

	.dcw-exchangerate .dcw-card-title {
		font-size: 15.63px;
		line-height: 1.2;
	}
}

/** Latest News **/
.dcw-home-latestnews * {
	box-sizing: border-box;
}

.dcw-home-latestnews {
	width: 100%;
	padding: 32px 0px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: #ffffff;
	box-sizing: border-box;
}

.dcw-home-latestnews .dcw-header {
	width: 100%;
	height: fit-content;
	max-height: 32px;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-home-latestnews .dcw-title-tag {
	width: 85%;
	max-height: 32px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	color: #414141;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-home-latestnews .dcw-header-title {
	width: fit-content;
}

.dcw-home-latestnews .dcw-tag-img {
	background-color: #ffffff;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-home-latestnews .dcw-tag-icon {
	width: auto;
	height: 32px;
}

.dcw-home-latestnews .dcw-arrow-right-img {
	width: 32px;
	height: 32px;
}

.dcw-home-latestnews .dcw-arrow-right {
	width: 32px;
	height: 32px;
	display: none;
	align-items: center;
	text-decoration: none;
	color: #e84e15;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: center;
}

.dcw-home-latestnews .dcw-card-first-container {
	padding: 0px 16px;
}

.dcw-home-latestnews .dcw-card-first-row {
	width: 100%;
	height: auto;
	min-height: 300px;
	aspect-ratio: 3/2;
	border-radius: 24px;
	position: relative;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.dcw-home-latestnews .dcw-round-icon {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	position: relative;
}

.dcw-home-latestnews .dcw-content-card {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	z-index: 1;
	padding: 1rem;
}

.dcw-home-latestnews .dcw-content-left {
	width: 100%;
	color: black;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 8px;
}

.dcw-home-latestnews .dcw-content-right {
	display: block;
	align-self: flex-end;
}

.dcw-home-latestnews .dcw-card-subtitle {
	color: var(--color-text-text-secondary, #8d8d8d);
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcw-home-latestnews .dcw-card-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcw-home-latestnews .dcw-card-time {
	height: 24px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.dcw-home-latestnews .dcw-svg-container {
	padding: 2.5px;
	height: 24px;
	width: 24px;
}

.dcw-home-latestnews .dcw-time-desc {
	color: var(--color-text-text-primary, #1a1a1a);
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	display: flex;
	align-items: center;
}

.dcw-home-latestnews .dcw-card-second-row {
	width: 100%;
	height: auto;
}
/* .dcw-home-latestnews .dcw-card-second-row .swiper-wrapper{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
} */
.dcw-home-latestnews .dcw-content-card-second-row {
	background-color: transparent;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 24px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: start;
	color: white;
	flex-shrink: 0;
	flex-grow: 0;
	transition: all 0.4s;
}

.dcw-home-latestnews .dcw-content-card-second-row-child {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	color: black;
	background: var(--color-background-background, #f5f5f5);
	border-radius: 24px;
	flex-shrink: 0;
	flex-grow: 0;
	transition: all 0.4s;
}

.dcw-home-latestnews .dcw-card-background {
	position: relative;
	width: 100%;
	height: auto;
	object-fit: cover;
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;
	z-index: 0;
	aspect-ratio: 3 / 2;
}

.dcw-home-latestnews .dcw-card-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 20px;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-home-latestnews .dcw-clock-img {
	width: 19px;
	height: 19px;
}

.dcw-home-latestnews .dcw-go-detail-btn {
	width: auto;
	height: auto;
	background: var(--color-background-fill-primary);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.dcw-home-latestnews .dcw-go-detail-btn > img {
	width: 32px;
	height: 32px;
}

.dcw-home-latestnews .swiper-pagination {
	position: relative;
	bottom: 0px;
}

.dcw-home-latestnews .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	background-color: #cccccc;
	transition: all 0.4s;
}

.dcw-home-latestnews .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: var(--color-background-fill-primary, #e84e15);
	width: 30px;
	border-radius: 10px;
	transition: all 0.4s;
}

.dcw-home-latestnews .swiper-wrapper {
	padding-bottom: 40px;
	align-items: center;
}

.dcw-home-latestnews .swiper-slide-active {
	background-color: #f0f0f0;
	box-sizing: border-box;
}

.dcw-home-latestnews .dcw-filter-tag {
	width: fit-content;
	height: 42px;
	padding: 8px 16px;
	gap: 32px;
	border-radius: 88px;
	border: 1px solid #e0e0e0;
	opacity: 0px;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: center;
	flex-shrink: 0;
	cursor: pointer;
}

.dcw-home-latestnews .dcw-filter-container {
	width: 100%;
	height: fit-content;
	max-height: 72px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	padding: 0;
	overflow-x: scroll;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-home-latestnews .dcw-filter-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-home-latestnews .dcw-filter-tag:hover,
.dcw-home-latestnews .dcw-filter-tag.dcw-filter-tag-active {
	background-color: var(--color-background-fill-primary);
	color: white;
}

.dcw-home-latestnews .swiper {
	overflow: visible;
}

@media screen and (min-width: 1024px) {
	.dcw-home-latestnews {
		padding: 2.2rem 0;
	}

	.dcw-home-latestnews .dcw-filter-tag {
		/* height: 60px; */
		height: 40px;
		padding: 16px 32px;
		font-size: 10px;
		line-height: 20px;
	}
	/* .dcw-home-latestnews .dcw-header{
        max-height: 72px;
    } */
	.dcw-home-latestnews .dcw-title-tag {
		max-width: 70%;
		max-height: 72px;
		font-size: 2rem !important;
		line-height: 52px;
	}

	.dcw-home-latestnews .dcw-tag-img {
		width: 48px;
		height: 48px;
	}

	.dcw-home-latestnews .dcw-tag-icon {
		width: 48px;
		height: 48px;
	}

	.dcw-home-latestnews .dcw-arrow-right-img {
		display: none;
	}

	.dcw-home-latestnews .dcw-arrow-right {
		width: auto;
		height: 72px;
		display: flex;
		font-size: 15.63px;
	}

	.dcw-home-latestnews .dcw-card-subtitle {
		font-size: 10px;
		line-height: 14px;
	}

	.dcw-home-latestnews .dcw-card-title {
		height: 40px;
		font-size: 12.5px;
		line-height: 1.5;
		word-wrap: break-word;
	}

	.dcw-home-latestnews .dcw-time-desc {
		font-size: 8px;
		line-height: 14px;
	}
	/* .dcw-home-latestnews .dcw-card-second-row .swiper-wrapper{
        grid-template-columns: repeat(3, 1fr);
    } */
	.dcw-home-latestnews .dcw-content-card-second-row {
		justify-content: space-between;
		box-sizing: border-box;
		transition: all 0.2s;
	}

	.dcw-home-latestnews .dcw-go-detail-btn {
		width: 68px;
		height: 68px;
	}

	.dcw-home-latestnews .dcw-go-detail-btn > img {
		width: 48px;
		height: 48px;
	}

	.dcw-home-latestnews .dcw-content-right {
		display: none;
	}
}

/** App Banner **/
.dcw-home-appbanner {
	width: 100%;
	height: fit-content;
	background-color: transparent;
	box-sizing: border-box;
	position: relative;
	margin-top: 2rem;
}

.dcw-home-appbanner * {
	box-sizing: border-box;
}

.dcw-home-appbanner .dcw-appbanner-background {
	width: 100%;
	border-radius: var(--radius-xxl);
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	position: relative;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-home-appbanner .dcw-appbanner-background-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	border-radius: var(--radius-xxl);
	z-index: 0;
}

.dcw-home-appbanner .dcw-appbanner-content {
	height: 100%;
	width: 100%;
	gap: 24px;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	box-sizing: border-box;
	padding: 1rem 1rem 2rem 1rem;
	z-index: 1;
}

.dcw-home-appbanner .dcw-download-app-button-container {
	height: 40px;
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: center;
}

.dcw-home-appbanner .dcw-app-gallery {
	height: 40px;
	width: 30%;
	padding: 0 5px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.dcw-home-appbanner .dcw-app-gallery:hover {
	filter: brightness(95%);
}

.dcw-home-appbanner .dcw-img-app-gallery {
	height: 14px;
	width: 14px;
	display: flex;
}

.dcw-home-appbanner .dcw-img-app-apple {
	height: 16px;
	width: 14px;
	display: flex;
}

.dcw-home-appbanner .app-button-cont {
	display: flex;
	flex-direction: column;
}

.dcw-home-appbanner .app-subtitle {
	font-size: 4px;
	font-weight: 600;
}

.dcw-home-appbanner .app-title {
	font-size: 7px;
	font-weight: 700;
}

.dcw-home-appbanner .dcw-download-sekarang {
	height: 52px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	color: white;
	border: 1px solid white;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
	transition:
		border 0.3s ease,
		outline 0.3s ease;
}

.dcw-home-appbanner .dcw-download-sekarang:hover {
	background-color: #e84e15;
	border: none !important;
	outline: none !important;
}

.dcw-home-appbanner .dcw-content-header {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: start;
	border-radius: 8px;
	color: white;
	gap: 20px;
}

.dcw-home-appbanner .dcw-appbanner-image {
	position: relative;
	width: 100%;
}

.dcw-home-appbanner .dcw-union-cont {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 230px;
}

.dcw-home-appbanner .dcw-appicon-cont-m {
	width: fit-content;
	height: fit-content;
	padding: 10px;
	background-color: white;
	border-radius: var(--radius-m);
	left: 1rem;
	bottom: 0;
	position: absolute;
	/*transform: translateX(-215%);*/
	display: flex;
}

.dcw-home-appbanner .dcw-appicon-cont-d {
	display: none;
}

.dcw-home-appbanner .dcw-appicon {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border-radius: 8px;
}

.dcw-home-appbanner .dcw-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	text-align: left;
	width: 100%;
	color: #ffffff;
}

.dcw-home-appbanner .dcw-description {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	color: #ffffff;
}

.dcw-home-appbanner .dcw-union {
	width: auto;
	height: 310px;
	left: -30px;
	top: -85px;
	position: relative;
	object-fit: cover;
}

.dcw-home-appbanner .dcw-iphone {
	width: auto;
	height: 17rem;
	left: 50%;
	top: -50px;
	position: absolute;
	object-fit: cover;
	transform: translateX(-50%);
}

.dcw-title-logo {
	display: flex;
	flex-direction: column;
	gap: 10px;
	align-items: start;
}

@media screen and (min-width: 380px) {
	.dcw-home-appbanner .dcw-appicon-cont-m {
		/*transform: translateX(-270%);*/
	}
}

@media screen and (min-width: 400px) {
	.dcw-home-appbanner .dcw-appicon-cont-m {
		padding: 12px;
		border-radius: var(--corner-radiuscontainer-card-m);
		/*transform: translateX(-215%);*/
	}

	.dcw-home-appbanner .dcw-app-gallery {
		height: 50px;
	}

	.dcw-home-appbanner .dcw-appicon {
		width: 60px;
		height: 60px;
		border-radius: 12px;
	}

	.dcw-home-appbanner .dcw-img-app-gallery {
		height: 16px;
		width: 16px;
	}

	.dcw-home-appbanner .dcw-img-app-apple {
		height: 18px;
		width: 16px;
	}

	.dcw-home-appbanner .app-subtitle {
		font-size: 6px;
	}

	.dcw-home-appbanner .app-title {
		font-size: 10px;
	}
}

@media screen and (min-width: 500px) {
	.dcw-home-appbanner .dcw-iphone {
		top: -60px;
		left: 75%;
	}

	.dcw-home-appbanner .dcw-appicon-cont-m {
		/*transform: translateX(-260%);*/
	}

	.dcw-home-appbanner .dcw-img-app-gallery {
		height: 18px;
		width: 18px;
	}

	.dcw-home-appbanner .dcw-img-app-apple {
		height: 20px;
		width: 18px;
	}

	.dcw-home-appbanner .app-subtitle {
		font-size: 8px;
	}

	.dcw-home-appbanner .app-title {
		font-size: 14px;
	}
}

@media screen and (min-width: 600px) {
	.dcw-home-appbanner .dcw-appicon-cont-m {
		padding: 14px;
		/*transform: translateX(-270%);*/
	}

	.dcw-home-appbanner .dcw-appicon {
		width: 70px;
		height: 70px;
	}

	.dcw-home-appbanner .dcw-img-app-gallery {
		height: 24px;
		width: 24px;
	}

	.dcw-home-appbanner .dcw-img-app-apple {
		height: 26px;
		width: 24px;
	}

	.dcw-home-appbanner .app-title {
		font-size: 20px;
	}

	.dcw-home-appbanner .dcw-description {
		font-size: 16px;
	}

	.dcw-home-appbanner .dcw-title {
		font-size: 32px;
	}
}

@media screen and (min-width: 768px) {
	.dcw-home-appbanner .dcw-appicon-cont-m {
		/*transform: translateX(-355%);*/
	}
}

@media screen and (min-width: 1024px) {
	.dcw-home-appbanner .dcw-appbanner-image {
		width: 50%;
		height: auto;
	}

	.dcw-home-appbanner .dcw-union-cont {
		width: 100%;
		height: auto;
		min-height: 0;
	}

	.dcw-home-appbanner .dcw-union {
		width: 550px;
		height: auto;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.dcw-home-appbanner .dcw-iphone {
		/* width: 450px; */
		width: 370px;
		height: auto;
		/* top: -75px; */
		top: -20px;
		left: auto;
		right: 50%;
		transform: translateX(50%);
	}

	.dcw-home-appbanner .dcw-appbanner-content {
		width: 50%;
		padding: 3rem;
		z-index: 1;
	}

	.dcw-home-appbanner {
		display: flex;
		align-items: center;
		justify-content: center;
		/* padding:100px 16px 100px 16px; */
		min-width: 343px;
	}

	.dcw-home-appbanner .dcw-appbanner-background {
		max-height: 520px;
		width: 100%;
		min-width: 343px;
		border-radius: var(--radius-xxl);
		flex-direction: row-reverse;
		justify-content: space-between;
		background-position: center center;
		height: 370px;
	}

	.dcw-home-appbanner .dcw-appbanner-background-img {
		width: 100%;
		max-height: 520px;
		object-fit: cover;
		position: absolute;
		border-radius: var(--radius-xxl);
		z-index: -0;
	}

	.dcw-home-appbanner .dcw-download-app-button-container {
		height: fit-content;
		justify-content: flex-start;
	}

	.dcw-home-appbanner .dcw-app-gallery {
		height: 50px;
		min-width: 125px;
		gap: 10px;
		/* height: 70px;
        min-width: 180px;
        gap:10px    */
	}

	.dcw-home-appbanner .dcw-img-app-gallery {
		/* height: 38px; */
		width: 20px;
	}

	.dcw-home-appbanner .dcw-img-app-apple {
		/* height: 38px; */
		width: 20px;
	}

	.dcw-home-appbanner .app-title {
		/* font-size: 22px; */
		font-size: 12px;
	}

	.dcw-home-appbanner .dcw-download-sekarang {
		height: 52px;
		width: fit-content;
		padding: 16px;
		font-weight: 700;
		line-height: 20px;
		letter-spacing: -0.01em;
		font-size: 10px;
	}

	.dcw-home-appbanner .dcw-appicon-cont-m {
		display: none;
	}

	.dcw-home-appbanner .dcw-appicon-cont-d {
		display: flex;
		width: fit-content;
		height: fit-content;
		padding: 16px;
		background-color: white;
		border-radius: var(--corner-radiuscontainer-card-l);
	}

	.dcw-home-appbanner .dcw-appicon {
		width: 60px;
		height: 60px;
	}

	.dcw-home-appbanner .dcw-title {
		/* font-size: 40px;
        font-weight: 700;
        line-height: 52px;
        letter-spacing: -0.01em; */
		/* font-size: 28px; */
		font-size: 24.41px;
		font-weight: 700;
		line-height: 32px;
		letter-spacing: -0.01em;
	}

	.dcw-home-appbanner .dcw-description {
		font-weight: 700;
		line-height: 20px;
		letter-spacing: -0.01em;
	}

	.dcw-title-logo {
		flex-direction: row;
		gap: 24px;
		align-items: center;
	}
}

@media screen and (min-width: 1370px) {
	.dcw-home-appbanner .dcw-appbanner-content {
		padding: 4rem;
	}

	.dcw-home-appbanner .dcw-app-gallery {
		min-width: 140px;
	}
}

@media screen and (min-width: 1600px) {
	.dcw-home-appbanner .dcw-appbanner-content {
		padding: 5rem;
	}

	.dcw-home-appbanner .dcw-appicon {
		width: 80px;
		height: 80px;
	}
}

/** Life Journey **/
.dcw-break-word {
	word-wrap: break-word;
}

.dcw-lifejourney-outer {
	background-color: rgb(165, 165, 165);
	width: 100%;
	margin: 0 auto;
	height: fit-content;
	min-height: 100vh;
	position: fixed;
	opacity: 0;
	visibility: hidden;
	box-sizing: border-box;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

.dcw-lifejourney-outer .dcw-orange-line-container {
	position: fixed;
	height: 8px;
	width: 100%;
	background-color: #ffffff;
	z-index: 999;
}

.dcw-lifejourney-outer .dcw-orange-line {
	display: block;
	height: 8px;
	border-radius: 0 2rem 2rem 0;
	width: 15%;
	background-color: var(--color-background-fill-primary);
	transition: all 0.8s ease;
}

.dcw-lifejourney-outer .dcw-lifejourneyquest-fixed-header {
	position: fixed;
	background-color: #ffffff;
	width: 100%;
	z-index: 99;
	top: 0;
	transform: translateY(-100%);
}

.dcw-lifejourney-outer
	.dcw-lifejourneyquest-fixed-header
	.dcw-lifejourneyquest-fixed-icon {
	padding: 1rem 5rem;
	position: relative;
	display: flex;
	height: fit-content;
	justify-content: space-between;
	align-items: center;
	word-wrap: break-word;
	min-width: 170px;
}

.dcw-lifejourney-outer
	.dcw-lifejourneyquest-fixed-header
	.dcw-lifejourneyquest-fixed-icon-button-container {
	display: flex;
}

.dcw-lifejourney-outer
	.dcw-lifejourneyquest-fixed-header
	.dcw-lifejourneyquest-fixed-icon-button {
	border-radius: var(--corner-radiuscontainer-card-xl);
	border: solid 1px #e0e0e0;
	display: flex;
	align-items: center;
	padding: 20px;
	gap: 10px;
	width: fit-content;
	justify-content: space-between;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-lifejourney-outer
	.dcw-lifejourneyquest-fixed-header
	.dcw-lifejourneyquest-fixed-img {
	height: auto;
	width: 24px;
}

.dcw-lifejourney-outer
	.dcw-lifejourneyquest-fixed-header
	.dcw-lifejourneyquest-fixed-close-button {
	width: 42px;
	height: 42px;
	text-align: end;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #1a1a1a;
	border: solid 1px #e0e0e0;
	border-radius: 100%;
	font-size: 24px;
	background-color: #ffffff;
}

.dcw-lifejourneyquest * {
	box-sizing: border-box;
}

.dcw-lifejourneyquest {
	background-color: rgb(255, 255, 255);
	width: 100%;
	position: relative;
	overflow-x: hidden;
	visibility: hidden;
	opacity: 0;
	min-height: 110vh;
}

.dcw-lifejourneyquest .dcw-content {
	padding: 3.5rem 5rem;
	position: relative;
	display: flex;
	flex-direction: column;
	height: 99%;
	gap: 3rem;
	visibility: hidden;
	opacity: 0;
}

.dcw-lifejourneyquest .dcw-content.sub-content {
	/* position: absolute;
    top: 0;
    left: 0;
    min-height: 700px;*/
	width: 100%;
	height: 100vh;
	overflow-y: scroll;
	margin: 0 auto;
}

.dcw-lifejourneyquest .dcw-content .dcw-content-icon {
	width: 100%;
	position: relative;
	display: flex;
	height: 56px;
	justify-content: space-between;
	align-items: center;
}

.dcw-lifejourneyquest .dcw-content .dcw-content-icon .dcw-icon-button {
	border-radius: var(--corner-radiuscontainer-card-xl);
	border: solid 1px #e0e0e0;
	display: flex;
	align-items: center;
	padding: 20px;
	gap: 10px;
	width: fit-content;
	justify-content: space-between;
	word-wrap: break-word;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-lifejourneyquest
	.dcw-content
	.dcw-content-icon
	.dcw-icon-button
	.dcw-icon {
	height: auto;
	width: 24px;
}

.dcw-lifejourneyquest .dcw-content .dcw-content-icon .dcw-close-button {
	width: 60px;
	height: 60px;
	text-align: end;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #1a1a1a;
	border-radius: 100%;
	font-size: 36px;
}

.dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest {
	height: fit-content;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 5rem;
}

.dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest .dcw-header {
	height: fit-content;
	width: 100%;
	max-width: 900px;
	display: flex;
	flex-direction: column;
}

.dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest .dcw-title {
	font-size: 40px;
	font-weight: 700;
	line-height: 52px;
	letter-spacing: -0.01em;
	text-align: left;
	max-width: 100%;
}

.dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest .dcw-subtitle {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: -0.01em;
	text-align: left;
	padding: 1rem 0;
}

.dcw-lifejourneyquest .dcw-content-card-container {
	display: flex;
	gap: 2rem;
	width: 100%;
	max-width: 100%;
	flex-wrap: wrap;
}

.dcw-lifejourneyquest .dcw-content-card-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-lifejourneyquest .dcw-content-card-container::-webkit-scrollbar-track {
	border-radius: var(--corner-radiuscontainer-card-xl);
	background-color: #e7e7e7;
	border: 1px solid #cacaca;
}

.dcw-lifejourneyquest .dcw-content-card-container::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: var(--color-background-fill-primary);
}

.dcw-lifejourneyquest .dcw-content-card {
	height: 210px;
	width: 230px;
	border-radius: var(--corner-radiuscontainer-card-xl);
	border: 1px solid var(--color-border-border-primary-default);
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 1.5rem;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	cursor: pointer;
}

.dcw-lifejourneyquest .dcw-content-card.active {
	border-color: #a2370f;
}

.dcw-lifejourneyquest .dcw-content-card .dcw-icon-header {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 48px;
}

.dcw-lifejourneyquest .dcw-round {
	position: relative;
	width: 24px;
}

.dcw-lifejourneyquest .dcw-checkmark {
	color: #ffffff;
	position: absolute;
	top: 12px;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	min-height: 24px;
	min-width: 24px;
	border: 1px solid var(--color-border-border-primary-default);
	border-radius: var(--corner-radiuscontainer-card-s);
}

.dcw-lifejourneyquest .dcw-round input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.dcw-lifejourneyquest
	.dcw-round
	input[type="checkbox"]:checked
	~ .dcw-checkmark {
	background-color: var(--color-background-fill-success);
	border-color: var(--color-background-fill-success);
}

.dcw-lifejourneyquest .dcw-round input[type="checkbox"]:checked {
	opacity: 1;
}

.dcw-lifejourneyquest .dcw-button-container {
	display: flex;
	gap: 1rem;
	align-items: end;
}

.dcw-lifejourneyquest .dcw-label {
	cursor: pointer;
}

.dcw-lifejourneyquest .dcw-label * {
	pointer-events: none;
}

.dcw-lifejourneyquest .dcw-button-prev {
	display: flex;
	height: 60px;
	width: fit-content;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: center;
	border: 1px solid var(--color-background-fill-primary);
	border-radius: var(--corner-radiuscontainer-card-s);
	padding: var(--spacepaddingspace-component-padding-m);
	color: var(--color-background-fill-primary);
	cursor: pointer;
	background-color: white;
}

.dcw-lifejourneyquest .dcw-button-next {
	display: flex;
	height: 60px;
	width: fit-content;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: -0.01em;
	text-align: center;
	cursor: context-menu;
	border: none;
	border-radius: var(--corner-radiuscontainer-card-s);
	padding: var(--spacepaddingspace-component-padding-m);
	color: var(--color-text-text-disabled);
	background-color: var(--color-background-fill-secondary-disabled);
}

.dcw-lifejourneyquest .dcw-button-next-active {
	color: white;
	background-color: var(--color-background-fill-primary);
	cursor: pointer;
}

.dcw-lifejourneyquest .icon-container {
	position: relative;
}

.dcw-lifejourneyquest .icon-container img {
	width: 48px;
	height: 48px;
}

.dcw-lifejourneyquest .dcw-keluarga-icon {
	position: absolute;
	visibility: visible;
	opacity: 1;
}

.dcw-lifejourneyquest .dcw-content-card.active .dcw-keluarga-icon {
	visibility: hidden;
	opacity: 0;
}

.dcw-lifejourneyquest .dcw-keluarga-icon-full {
	visibility: hidden;
	opacity: 0;
}

.dcw-lifejourneyquest .dcw-content-card.active .dcw-keluarga-icon-full {
	visibility: visible;
	opacity: 1;
}

.dcw-lifejourneyquest .dcw-icon-button-container {
	display: flex;
}

.dcw-lifejourneyquest .dcw-icon-button-text {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 24px;
	color: var(--color-background-fill-primary);
	cursor: pointer;
}

@media screen and (min-width: 1025px) {
	.dcw-lifejourneyquest .dcw-content-card-container {
		margin-top: -60px;
	}

	.dcw-lifejourneyquest .dcw-button-container {
		margin-top: -20px;
	}
}

@media screen and (max-width: 1024px) {
	.dcw-lifejourney-outer {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		height: 100%;
	}

	.dcw-lifejourneyquest {
		border-radius: 0;
	}

	.dcw-lifejourneyquest .dcw-content {
		padding: 1rem 1rem;
		gap: 1rem;
	}

	.dcw-lifejourneyquest .dcw-content .dcw-content-icon {
		height: 32px;
		word-wrap: break-word;
		min-width: 170px;
	}

	.dcw-lifejourneyquest .dcw-content .dcw-content-icon .dcw-icon-button {
		padding: 10px;
		font-size: 12px;
		line-height: 14px;
	}

	.dcw-lifejourneyquest
		.dcw-content
		.dcw-content-icon
		.dcw-icon-button
		.dcw-icon {
		width: 14px;
	}

	.dcw-lifejourneyquest .dcw-content .dcw-content-icon .dcw-close-button {
		height: 35px;
		width: 35px;
		font-size: 22px;
		border: 1px solid var(--color-background-fill-primary);
		color: var(--color-background-fill-primary);
	}

	.dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest {
		gap: 1rem;
	}

	.dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest .dcw-title {
		font-size: 24px;
		line-height: 28px;
	}

	.dcw-lifejourneyquest
		.dcw-content
		.dcw-content-lifejourneyquest
		.dcw-subtitle {
		font-size: 16px;
		line-height: 20px;
		color: #8d8d8d;
	}

	.dcw-lifejourneyquest .dcw-content-card-container {
		gap: 1rem;
	}

	.dcw-lifejourneyquest .dcw-content-card {
		height: 164px;
		width: 100%;
		border-radius: var(--corner-radiuscontainer-card-m);
		padding: 24px;
		word-wrap: break-word;
	}

	.dcw-lifejourneyquest .dcw-button-container {
		flex-direction: column-reverse;
		padding: 20px 0;
		justify-content: end;
		/*width: calc(100% - 40px);*/
		bottom: 0;
		position: relative;
	}

	.dcw-lifejourneyquest .dcw-button-prev {
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	.dcw-lifejourneyquest .dcw-button-next {
		width: 100%;
		align-items: center;
		justify-content: center;
	}

	.dcw-lifejourneyquest .dcw-icon-button-container {
		align-items: center;
	}

	.dcw-lifejourneyquest .dcw-icon-button-text {
		line-height: 16px;
		padding: 0vw 2vw;
		height: 24px;
	}

	.dcw-lifejourneyquest .dcw-label {
		width: calc(50% - 0.5rem);
	}

	.dcw-lifejourney-outer
		.dcw-lifejourneyquest-fixed-header
		.dcw-lifejourneyquest-fixed-icon {
		padding: 1rem 1rem;
		position: relative;
		display: flex;
		height: fit-content;
		justify-content: space-between;
		align-items: center;
		word-wrap: break-word;
		min-width: 170px;
	}

	.dcw-lifejourney-outer
		.dcw-lifejourneyquest-fixed-header
		.dcw-lifejourneyquest-fixed-icon-button {
		padding: 15px;
		font-size: 12px;
		line-height: 14px;
	}

	.dcw-lifejourney-outer
		.dcw-lifejourneyquest-fixed-header
		.dcw-lifejourneyquest-fixed-img {
		height: auto;
		width: 14px;
	}

	.dcw-lifejourney-outer
		.dcw-lifejourneyquest-fixed-header
		.dcw-lifejourneyquest-fixed-close-button {
		width: 42px;
		height: 42px;
		text-align: end;
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		color: #1a1a1a;
		border: solid 1px #e0e0e0;
		border-radius: 100%;
		font-size: 24px;
		background-color: #ffffff;
	}
}

.dcw-all-lifejourney {
	min-height: calc(100vh + env(safe-area-inset-bottom, 0));
}

.dcw-lifejourneyres {
	background-color: rgb(255, 255, 255);
	width: 100%;
	height: 0;
	position: absolute;
	overflow-x: hidden;
	overflow-y: hidden;
	border-radius: 0;
	top: 0;
	left: 0;
	visibility: hidden;
	opacity: 0;
}

.dcw-lifejourneyres.show {
	height: auto;
}

.dcw-lifejourneyres .dcw-content {
	display: flex;
	position: relative;
	flex-direction: column;
	height: 99%;
	padding-top: 1.5rem;
	gap: 1rem;
}

.dcw-lifejourneyres .dcw-content .dcw-content-icon {
	padding: 1rem 1rem;
	position: relative;
	display: flex;
	height: 32px;
	justify-content: space-between;
	align-items: center;
	word-wrap: break-word;
	min-width: 170px;
}

.dcw-lifejourneyres .dcw-content .dcw-content-icon .dcw-icon-button {
	border-radius: var(--corner-radiuscontainer-card-xl);
	border: solid 1px #e0e0e0;
	display: flex;
	align-items: center;
	padding: 15px;
	gap: 10px;
	width: fit-content;
	justify-content: space-between;
	font-size: 12px;
	font-weight: 700;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-lifejourneyres .dcw-content .dcw-content-icon .dcw-icon-button .dcw-icon {
	height: auto;
	width: 14px;
}

.dcw-lifejourneyres .dcw-content .dcw-content-icon .dcw-close-button {
	height: 35px;
	width: 35px;
	font-size: 22px;
	text-align: end;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	border: 1px solid var(--color-background-fill-primary);
	color: var(--color-background-fill-primary);
	border-radius: 100%;
}

.dcw-lifejourneyres .dcw-content .dcw-content-lifejourneyres {
	height: fit-content;
	width: 100%;
	display: flex;
	flex-direction: row;
	gap: 1rem;
	padding: 0 2rem !important;
}

.dcw-lifejourneyres .dcw-icon-button-container {
	display: flex;
	align-items: center;
}

.dcw-lifejourneyres .dcw-icon-button-text {
	font-size: 16px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: -0.01em;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0vw 2vw;
	color: var(--color-background-fill-primary);
	cursor: pointer;
	height: 24px;
}

.dcw-lifejourneyres .dcw-content-container {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: start;
	text-align: left;
	width: calc(100% - 30px);
}

.dcw-lifejourneyres .dcw-title {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-lifejourneyres .dcw-desc {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: -0.01em;
	text-align: left;
	padding: 1rem 0;
}

.dcw-lifejourneyres .dcw-switch-container {
	display: flex;
	width: 100%;
	padding: 2rem 0;
}

.dcw-lifejourneyres .toggleContainer {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border: 1px solid var(--color-border-border-primary-default, #e0e0e0);
	border-radius: 88px;
	background: var(--color-background-background, #f5f5f5);
	color: white;
	cursor: pointer;
}

.dcw-lifejourneyres .toggleContainer::before {
	content: "";
	position: absolute;
	width: 50%;
	top: 4px;
	height: 50px;
	left: 4px;
	border-radius: 80px;
	background: #ffffff;
	color: white;
	transition: all 0.3s;
}

.dcw-lifejourneyres .toggleContainer.single-tab-only::before {
	display: none;
}

.dcw-lifejourneyres .toggleContainer.single-tab-only {
	width: 50%;
	grid-template-columns: repeat(1, 1fr);
}

.dcw-lifejourneyres .toggleContainer span.active {
	font-weight: 700;
}

.dcw-lifejourneyres .toggleCheckbox:checked + .toggleContainer::before {
	left: calc(50% - 4px);
}

.dcw-lifejourneyres .toggleContainer span {
	padding: 6px;
	text-align: center;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dcw-lifejourneyres .toggleCheckbox {
	display: none;
}

.dcw-lifejourneyres .toggleCheckbox:checked + .toggleContainer div:first-child {
	color: #1a1a1a;
	transition: color 0.3s;
	font-weight: 500;
}

.dcw-lifejourneyres .toggleCheckbox:checked + .toggleContainer div:last-child {
	color: #1a1a1a;
	transition: color 0.3s;
	font-weight: 700;
}

.dcw-lifejourneyres .toggleCheckbox + .toggleContainer div:first-child {
	color: #1a1a1a;
	transition: color 0.3s;
	font-weight: 700;
}

.dcw-lifejourneyres .toggleCheckbox + .toggleContainer div:last-child {
	color: #1a1a1a;
	transition: color 0.3s;
	font-weight: 500;
}

.dcw-lifejourneyres .dcw-card-container {
	display: flex;
	flex-direction: column;
	gap: 32px;
	padding: 16px 0px;
}

.dcw-lifejourneyres .dcw-content-switch {
	width: 100%;
	margin-bottom: 32px;
}

.dcw-lifejourneyres .dcw-card-container-title {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-lifejourneyres .dcw-card-content-container-end .dcw-card-container-title {
	padding-bottom: 2rem;
	color: #fff2e6;
}

.dcw-lifejourneyres .dcw-card-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	height: fit-content;
	gap: 2rem;
	width: 100%;
}

.dcw-lifejourneyres .dcw-card {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	background: transparent;
	border-radius: var(--corner-radiuscontainer-card-l, 24px);
	display: flex;
	align-items: end;
	z-index: 1;
	overflow: hidden;
}

.dcw-lifejourneyres .dcw-bg-card {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: var(--corner-radiuscontainer-card-l, 24px);
	z-index: -1;
}

.dcw-lifejourneyres .dcw-card-content {
	padding: 1.5rem;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	color: white;
	width: 100%;
	background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, 1));
}

.dcw-lifejourneyres .dcw-card-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	color: white;
}

.dcw-lifejourneyres .dcw-desc-end {
	font-size: 18px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-lifejourneyres .dcw-content-end-container {
	position: relative;
	display: flex;
	flex-direction: row;
	background: #cc6600;
	gap: 1rem;
	width: 100%;
	height: fit-content;
	padding: 0 2rem !important;
}

.dcw-lifejourneyres .dcw-card-end {
	position: relative;
	width: 100%;
	height: auto;
	aspect-ratio: 1/1;
	background: transparent;
	border-radius: var(--corner-radiuscontainer-card-l, 24px);
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: end;
	z-index: 1;
	object-fit: cover;
	overflow: hidden;
}

.dcw-lifejourneyres .dcw-bg-card-end {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: var(--corner-radiuscontainer-card-l, 24px);
	z-index: -1;
	object-fit: cover;
}

.dcw-lifejourneyres .dcw-card-desc {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	border-radius: 8px;
	color: white;
}

.dcw-progress-container {
	position: relative;
	width: 4px;
	background: #f0f0f0;
	height: 100%;
}

.dcw-progress-container-container {
	position: relative;
	background: transparent;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: end;
	gap: 4px;
	width: 25px;
	padding-top: 20px;
}

.dcw-progress-bar {
	position: relative;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	width: 3px;
	background: var(--color-background-fill-primary);
}

.dcw-scrollbar-end-container {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 3px;
	width: 25px;
}

.dcw-scrollbar-end {
	width: 3.6px;
	height: 1.5rem;
	background: var(--color-danamonGold-20, #ffd9b3);
}

.dcw-orange-dot {
	width: 10px;
	height: 10px;
	min-width: 4px;
	min-height: 4px;
	border-radius: 50%;
	background-color: var(--color-background-fill-primary);
}

.dcw-mid-dot {
	width: 10px;
	height: 10px;
	min-width: 4px;
	min-height: 4px;
	border-radius: 50%;
	background-color: #f0f0f0;
	position: absolute;
	border: 1px solid #ffffff;
}

.dcw-card-content-container {
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 0;
}

.dcw-card-content-container-end {
	display: flex;
	flex-direction: column;
	padding: 3rem 0;
	gap: 0;
	width: calc(100% - 30px);
}

.dcw-card-content-container-end .dcw-card-title {
	font-size: 32px;
	line-height: 1.2;
	padding-bottom: 12px;
}

.dcw-card-content-container-end .dcw-card-desc {
	font-size: 24px;
	line-height: 1.2;
}

@media screen and (min-width: 1024px) {
	.dcw-lifejourneyres * {
		box-sizing: border-box;
	}

	.dcw-lifejourneyres .dcw-content {
		padding: 0;
		gap: 0;
	}

	.dcw-lifejourneyres .dcw-content .dcw-content-icon {
		padding: 3.5rem 5rem 0rem 5rem;
		width: 100%;
		height: 120px;
	}

	.dcw-lifejourneyres .dcw-content .dcw-content-icon .dcw-icon-button {
		padding: 20px;
		font-size: 20px;
		font-weight: 700;
		line-height: 24px;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.dcw-lifejourneyres
		.dcw-content
		.dcw-content-icon
		.dcw-icon-button
		.dcw-icon {
		width: 24px;
	}

	.dcw-lifejourneyres .dcw-content .dcw-content-icon .dcw-close-button {
		height: 60px;
		width: 60px;
		font-size: 36px;
		color: #1a1a1a;
		border: none;
	}

	.dcw-lifejourneyres .dcw-content .dcw-content-lifejourneyres {
		gap: 1rem;
	}

	.dcw-lifejourneyres .dcw-content-end-container {
		padding-bottom: 10rem !important;
	}

	.dcw-scrollbar-end {
		width: 4px;
	}

	.dcw-card-content-container {
		padding-top: 3.5rem;
	}

	.dcw-lifejourneyres .dcw-switch-container {
		width: 25%;
	}

	.dcw-lifejourneyres .dcw-title {
		font-size: 2.5rem;
		line-height: 1.3;
	}

	.dcw-lifejourneyres .dcw-desc {
		font-size: 18px;
		line-height: 20px;
	}

	.dcw-lifejourneyres .dcw-card-container-title {
		font-size: 2.5rem;
		line-height: 1.3;
	}

	.dcw-lifejourneyres .dcw-content-lifejourneyres .dcw-card-wrapper {
		grid-template-columns: repeat(3, 1fr);
	}

	.dcw-lifejourneyres .dcw-content-end-container .dcw-card-wrapper {
		grid-template-columns: repeat(2, 1fr);
	}

	.dcw-lifejourneyres .dcw-card {
		width: 100%;
	}

	.dcw-lifejourneyres .dcw-card-content {
		padding: 2rem;
		font-size: 2rem;
		line-height: 1.1;
	}

	.dcw-progress-container-container {
		width: 30px;
		padding-top: 20px;
	}

	.dcw-scrollbar-end-container {
		width: 30px;
	}

	.dcw-lifejourneyres .dcw-card-end {
		width: 100%;
		aspect-ratio: 3/2;
	}

	.dcw-card-content-container-end {
		padding: 2.5rem 0;
	}

	.dcw-lifejourneyres .dcw-content-switch {
		margin-bottom: 40px;
	}
}

.dcw-lifejourney-lp * {
	box-sizing: border-box;
}

.dcw-lifejourney-lp {
	background-color: rgb(255, 255, 255);
	width: 100%;
	position: relative;
	overflow-x: hidden;
	min-height: 100vh;
}

.dcw-lifejourney-lp .dcw-content {
	padding: 3.5rem 5rem;
	position: relative;
	display: flex;
	flex-direction: column;
	height: 99%;
	gap: 3rem;
}

.dcw-lifejourney-lp .dcw-content.sub-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.dcw-lifejourney-lp .dcw-content .dcw-content-icon {
	width: 100%;
	position: relative;
	display: flex;
	height: 56px;
	justify-content: space-between;
	align-items: center;
}

.dcw-lifejourney-lp .dcw-content .dcw-content-icon .dcw-icon-button {
	border-radius: var(--corner-radiuscontainer-card-xl);
	border: solid 1px #e0e0e0;
	display: flex;
	align-items: center;
	padding: 20px;
	gap: 10px;
	width: fit-content;
	justify-content: space-between;
	word-wrap: break-word;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-lifejourney-lp .dcw-content .dcw-content-icon .dcw-icon-button .dcw-icon {
	height: auto;
	width: 24px;
}

.dcw-lifejourney-lp .dcw-content .dcw-content-icon .dcw-close-button {
	width: 60px;
	height: 60px;
	text-align: end;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #1a1a1a;
	border-radius: 100%;
	font-size: 36px;
}

.dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest {
	height: fit-content;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 3rem;
}

.dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-header {
	height: fit-content;
	width: 100%;
	max-width: 900px;
	display: flex;
	flex-direction: column;
}

.dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-title {
	font-size: 40px;
	font-weight: 700;
	line-height: 52px;
	letter-spacing: -0.01em;
	text-align: left;
	max-width: 100%;
}

.dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-subtitle {
	font-size: 20px;
	font-weight: 400;
	line-height: 22px;
	letter-spacing: -0.01em;
	text-align: left;
	/* padding: 1rem 0; */
}

.dcw-lifejourney-lp .dcw-content-card-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 2rem;
	width: 100%;
}

.dcw-lifejourney-lp .dcw-content-card-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-lifejourney-lp .dcw-content-card-container::-webkit-scrollbar-track {
	border-radius: var(--corner-radiuscontainer-card-xl);
	background-color: #e7e7e7;
	border: 1px solid #cacaca;
}

.dcw-lifejourney-lp .dcw-content-card-container::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: var(--color-background-fill-primary);
}

.dcw-lifejourney-lp .dcw-content-card {
	height: 100%;
	width: 100%;
	border-radius: var(--corner-radiuscontainer-card-xl);
	border: 1px solid var(--color-border-border-primary-default);
	flex-shrink: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 1.5rem;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}

.dcw-lifejourney-lp .dcw-content-card .dcw-label-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dcw-lifejourney-lp .dcw-content-card.active {
	border-color: #a2370f;
}

.dcw-lifejourney-lp .dcw-content-card .dcw-icon-header {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
	border-radius: 50%;
	width: 72px;
	height: 72px;
	margin-left: -5px;
	margin-top: -5px;
	position: relative;
}

.dcw-lifejourney-lp .dcw-content-desc {
	display: flex;
	flex-direction: row;
	position: relative;
	justify-content: space-between;
	align-items: center;
}

.dcw-lifejourney-lp .dcw-content-text-container {
	width: 90%;
	display: flex;
	flex-direction: column;
}

.dcw-lifejourney-lp .dcw-content-btn-container {
	width: fit-content;
}

.dcw-lifejourney-lp .dcw-go-detail-btn {
	width: 68px;
	height: 68px;
	background: rgb(255, 255, 255, 20%);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.dcw-lifejourney-lp .dcw-go-detail-btn > img {
	width: 48px;
	height: 48px;
}

.dcw-lifejourney-lp .dcw-title-text {
	font-size: 32px;
	font-weight: 700;
	color: #ffffff;
	line-height: 1.4;
}

.dcw-lifejourney-lp .dcw-desc-text {
	font-size: 24px;
	font-weight: 400;
	color: #ffffff;
	line-height: 28px;
}

.dcw-lifejourney-lp .dcw-btn-arrow {
	width: 62px;
	height: 62px;
}

.dcw-lifejourney-lp .dcw-round {
	position: relative;
	width: 24px;
}

.dcw-lifejourney-lp .dcw-checkmark {
	color: #ffffff;
	position: absolute;
	top: 12px;
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	min-height: 24px;
	min-width: 24px;
	border: 1px solid var(--color-border-border-primary-default);
	border-radius: var(--corner-radiuscontainer-card-s);
}

.dcw-lifejourney-lp .dcw-round input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.dcw-lifejourney-lp .dcw-round input[type="checkbox"]:checked ~ .dcw-checkmark {
	background-color: var(--color-background-fill-success);
	border-color: var(--color-background-fill-success);
}

.dcw-lifejourney-lp .dcw-round input[type="checkbox"]:checked {
	opacity: 1;
}

.dcw-lifejourney-lp .dcw-button-container {
	display: flex;
	gap: 1rem;
	align-items: end;
}

.dcw-lifejourney-lp .dcw-label {
	cursor: pointer;
	aspect-ratio: 3/2;
}

.dcw-lifejourney-lp .dcw-label * {
	pointer-events: none;
}

.dcw-lifejourney-lp .dcw-button-prev {
	display: flex;
	height: 60px;
	width: fit-content;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: center;
	border: 1px solid var(--color-background-fill-primary);
	border-radius: var(--corner-radiuscontainer-card-s);
	padding: var(--spacepaddingspace-component-padding-m);
	color: var(--color-background-fill-primary);
	cursor: pointer;
	background-color: white;
}

.dcw-lifejourney-lp .dcw-button-next {
	display: flex;
	height: 60px;
	width: fit-content;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: -0.01em;
	text-align: center;
	cursor: context-menu;
	border: none;
	border-radius: var(--corner-radiuscontainer-card-s);
	padding: var(--spacepaddingspace-component-padding-m);
	color: var(--color-text-text-disabled);
	background-color: var(--color-background-fill-secondary-disabled);
}

.dcw-lifejourney-lp .dcw-button-next-active {
	color: white;
	background-color: var(--color-background-fill-primary);
	cursor: pointer;
}

.dcw-lifejourney-lp .icon-container {
	position: relative;
}

.dcw-lifejourney-lp .icon-container img {
	width: 48px;
	height: 48px;
}

.dcw-lifejourney-lp .dcw-keluarga-icon {
	position: absolute;
	visibility: visible;
	opacity: 1;
}

.dcw-lifejourney-lp .dcw-content-card.active .dcw-keluarga-icon {
	visibility: hidden;
	opacity: 0;
}

.dcw-lifejourney-lp .dcw-keluarga-icon-full {
	visibility: hidden;
	opacity: 0;
}

.dcw-lifejourney-lp .dcw-content-card.active .dcw-keluarga-icon-full {
	visibility: visible;
	opacity: 1;
}

.dcw-lifejourney-lp .dcw-icon-button-container {
	display: flex;
}

.dcw-lifejourney-lp .dcw-icon-button-text {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 24px;
	color: var(--color-background-fill-primary);
	cursor: pointer;
}

@media screen and (max-width: 1024px) {
	.dcw-lifejourney-outer {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		height: 100%;
	}

	.dcw-lifejourney-lp {
		border-radius: 0;
	}

	.dcw-lifejourney-lp .dcw-content {
		padding: 1rem 1rem;
		gap: 1rem;
	}

	.dcw-lifejourney-lp .dcw-content .dcw-content-icon {
		height: 32px;
		word-wrap: break-word;
		min-width: 170px;
	}

	.dcw-lifejourney-lp .dcw-content .dcw-content-icon .dcw-icon-button {
		padding: 10px;
		font-size: 12px;
		line-height: 14px;
	}

	.dcw-lifejourney-lp
		.dcw-content
		.dcw-content-icon
		.dcw-icon-button
		.dcw-icon {
		width: 14px;
	}

	.dcw-lifejourney-lp .dcw-content .dcw-content-icon .dcw-close-button {
		height: 35px;
		width: 35px;
		font-size: 22px;
		border: 1px solid var(--color-background-fill-primary);
		color: var(--color-background-fill-primary);
	}

	.dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest {
		gap: 1rem;
	}
	/* .dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-title{
        font-size: 24px;
        line-height: 28px;
    } */
	.dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-subtitle {
		font-size: 16px;
		line-height: 20px;
		color: #8d8d8d;
	}

	.dcw-lifejourney-lp .dcw-content-card-container {
		gap: 1rem;
		grid-template-columns: 1fr;
	}

	.dcw-lifejourney-lp .dcw-content-card {
		height: 100%;
		width: 100%;
		border-radius: var(--corner-radiuscontainer-card-m);
		padding: 24px;
		word-wrap: break-word;
	}

	.dcw-lifejourney-lp .dcw-button-container {
		flex-direction: column;
		padding: 20px 0;
		justify-content: end;
	}

	.dcw-lifejourney-lp .dcw-button-prev {
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	.dcw-lifejourney-lp .dcw-button-next {
		width: 100%;
		align-items: center;
		justify-content: center;
	}

	.dcw-lifejourney-lp .dcw-icon-button-container {
		align-items: center;
	}

	.dcw-lifejourney-lp .dcw-icon-button-text {
		line-height: 16px;
		padding: 0vw 2vw;
		height: 24px;
	}

	.dcw-lifejourney-lp .dcw-content-card .dcw-icon-header {
		width: 48px;
		height: 48px;
	}

	.dcw-lifejourney-lp .icon-container img {
		width: 32px;
		height: 32px;
	}

	.dcw-lifejourney-lp .dcw-title-text {
		font-size: 24px;
		line-height: 1.4;
	}

	.dcw-lifejourney-lp .dcw-desc-text {
		font-size: 16px;
		line-height: 20px;
	}

	.dcw-lifejourney-lp .dcw-btn-arrow {
		width: 42px;
		height: 42px;
	}

	.dcw-lifejourney-lp .dcw-go-detail-btn {
		width: auto;
		height: auto;
	}

	.dcw-lifejourney-lp .dcw-go-detail-btn > img {
		width: 32px;
		height: 32px;
	}
}

/** Product **/
/** Hero Banner **/
.dcw-product-herobanner {
	width: 100%;
	height: calc(70vh - 201px);
	position: relative;
	background-color: #f5f5f5;
}

.dcw-product-herobanner.half-banner {
	/* height: 300px; */
	width: 100% !important;
	height: 100% !important;
	aspect-ratio: 4/1 !important;
}

.dcw-product-herobanner.center-banner {
	height: auto;
	aspect-ratio: 3 / 2;
}

.dcw-product-herobanner .hero-product-big-banner,
.hero-product-big-banner .hero-product-slider-container {
	height: 100%;
}

.hero-product-big-banner .hero-product-image {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: top;
	position: absolute;
	top: 0;
	left: 0;
}

.hero-product-big-banner .hero-product-content {
	/* width: calc(100% - 2rem); */
	height: 100%;
	position: relative;
	z-index: 9;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 1.5rem;
}

.hero-product-big-banner .hero-product-description {
	color: #ffffff;
	font-size: 1.1rem;
	font-weight: 100;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
	text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
}

.hero-product-big-banner .hero-product-subtitle {
	color: #ffffff;
	font-size: 1rem;
	line-height: 1;
}

.hero-product-big-banner .hero-product-title {
	color: #ffffff;
	font-size: 2rem;
	line-height: 1.3;
	font-weight: 700;
	text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
}

.hero-product-big-banner .hero-product-button {
	color: #ffffff;
	background-color: #e84e15;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 8px;
	padding: 1rem;
}

.dcw-product-herobanner .hero-product-shade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		243.43deg,
		rgba(26, 26, 26, 0) 33.33%,
		rgba(26, 26, 26, 0.4) 100%
	);
}

@media screen and (min-width: 1280px) {
	.dcw-herobanner .hero-small-slider {
		height: 60%;
	}

	.hero-product-big-banner .hero-product-content {
		/* max-width: 940px !important; */
		margin: 0 auto;
	}

	.hero-product-big-banner .hero-product-description {
		font-size: 1.5rem;
		line-height: 1.2;
	}

	.hero-product-big-banner .hero-product-button {
		font-size: 1.5rem;
		line-height: 1.1;
		padding: 1rem 2rem;
	}

	.hero-product-big-banner .hero-product-title {
		/* font-size: 3.5rem; */
		font-size: 2rem;
		line-height: 1.2;
	}
	/* .dcw-product-herobanner.half-banner {
        height: calc(50vh - 92px) !important;
    } */
	@media (max-height: 649px) {
		.dcw-product-herobanner.half-banner {
			height: 60vh;
		}
	}

	.dcw-product-herobanner.half-banner .hero-product-content {
		width: 100%;
		align-items: center;
	}

	.dcw-product-herobanner.half-banner .hero-product-title {
		font-size: 24px;
		line-height: 1.3;
		text-align: center;
	}

	.dcw-product-herobanner.half-banner .hero-product-subtitle {
		font-size: 1.5rem;
		line-height: 1.1;
		text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
	}

	.dcw-product-herobanner.half-banner.align-left .hero-product-content {
		align-items: flex-start;
	}

	.dcw-product-herobanner.half-banner.align-right .hero-product-content {
		align-items: flex-end;
	}
	/* .dcw-product-herobanner.center-banner {
        width: 100%;
        height: calc(85vh - 92px);
    } */
	.dcw-product-herobanner.center-banner
		.hero-product-big-banner
		.hero-product-image {
		/* aspect-ratio: 3 / 2; */
		width: 100%;
		left: 50%;
		transform: translateX(-50%);
	}
}

/** Sub-Product Slider **/
.dcw-subproduct-slider * {
	box-sizing: border-box;
}

.dcw-subproduct-slider {
	width: 100%;
	height: fit-content;
	padding: 32px 0px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: var(--color-background-background, #f5f5f5);
	box-sizing: border-box;
	overflow: hidden;
}

.dcw-subproduct-slider .dcw-content-card {
	width: 100%;
	height: auto;
	color: white;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: end;
	gap: 1rem;
	padding: 1rem;
	z-index: 1;
	background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, 1));
}

.dcw-subproduct-slider .dcw-card-title {
	color: white;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 75%;
}

.dcw-subproduct-slider .dcw-svg-container {
	padding: 2.5px;
	height: 24px;
	width: 24px;
}

.dcw-subproduct-slider .dcw-card-second-row {
	width: 100%;
	height: auto;
}

.dcw-subproduct-slider .card-item {
	background-color: transparent;
	height: auto;
	aspect-ratio: 1/1;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 24px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	color: white;
	transition: all 0.4s;
}

.dcw-subproduct-slider .card-contents {
	display: block;
	height: 100%;
	width: 100%;
}

.dcw-subproduct-slider .card-item-child {
	height: 100%;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	color: white;
	border-radius: 24px;
	overflow: hidden;
	transition: all 0.4s;
}

.dcw-subproduct-slider .dcw-card-background {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.dcw-subproduct-slider .dcw-card-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1.5rem;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-subproduct-slider .dcw-clock-img {
	width: 19px;
	height: 19px;
}

.dcw-subproduct-slider .dcw-go-detail-btn {
	width: auto;
	height: auto;
	background: rgb(255, 255, 255, 20%);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.dcw-subproduct-slider .dcw-go-detail-btn > img {
	width: 32px;
	height: 32px;
}

.dcw-subproduct-slider .swiper-pagination {
	position: relative;
	bottom: 0px;
	margin-top: 20px;
}

.dcw-subproduct-slider .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	background-color: #cccccc;
	transition: all 0.4s;
}

.dcw-subproduct-slider .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: var(--color-background-fill-primary, #e84e15);
	width: 30px;
	border-radius: 10px;
	transition: all 0.4s;
}

.dcw-subproduct-slider .swiper-wrapper {
	align-items: center;
	height: fit-content;
}

.dcw-subproduct-slider .card-item.swiper-slide-active {
	aspect-ratio: 1 / 1;
	background-color: transparent;
	box-sizing: border-box;
}

.dcw-subproduct-slider .swiper-arrow-cont {
	display: none;
	height: fit-content;
}

.dcw-subproduct-slider .swiper-slide {
	width: 250px;
	box-sizing: border-box;
	background-color: transparent;
	padding-right: 1.5rem;
}

.dcw-subproduct-slider .swiper-slide:last-child {
	padding-right: 0;
}

.dcw-subproduct-slider .dcw-arrow-right {
	display: none;
}

.dcw-subproduct-slider .swiper {
	overflow: visible;
}

@media screen and (min-width: 1024px) {
	.dcw-subproduct-slider {
		padding: 56px 0px;
	}

	.dcw-subproduct-slider .dcw-header {
		max-height: 72px;
	}

	.dcw-subproduct-slider .dcw-title-tag {
		max-width: 70%;
		max-height: 72px;
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-subproduct-slider .dcw-card-title {
		font-size: 15.63px;
		line-height: 1.4;
		word-wrap: break-word;
	}

	.dcw-subproduct-slider .swiper-pagination {
		display: none;
		margin-top: 0;
	}

	.dcw-subproduct-slider .swiper-arrow-cont {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 12px;
	}

	.dcw-subproduct-slider .swiper-button-next {
		border-radius: 100%;
		background-color: var(--color-background-fill-primary, #e84e15);
		width: 60px;
		height: 60px;
		color: white;
		position: relative;
		display: flex;
		justify-content: center;
		align-self: center;
		margin: 0;
		top: 0;
		left: 0;
	}

	.dcw-subproduct-slider .swiper-button-next:after {
		font-size: 2rem;
		font-weight: 700;
	}

	.dcw-subproduct-slider .swiper-button-prev {
		border-radius: 100%;
		background-color: var(--color-background-fill-primary, #e84e15);
		width: 60px;
		height: 60px;
		color: white;
		position: relative;
		display: flex;
		justify-content: center;
		align-self: center;
		margin: 0;
		top: 0;
		left: 0;
	}

	.dcw-subproduct-slider .swiper-button-prev:after {
		font-size: 2rem;
		font-weight: 700;
	}

	.dcw-subproduct-slider .swiper-slide {
		width: 420px;
		box-sizing: border-box;
	}

	.dcw-subproduct-slider .dcw-content-card {
		padding: 2rem;
	}

	.dcw-subproduct-slider .dcw-go-detail-btn > img {
		width: 48px;
		height: 48px;
	}
}

/** Sub-Product Slider Syariah **/
.dcw-subproduct-slidersyariah * {
	box-sizing: border-box;
}

.dcw-subproduct-slidersyariah {
	width: 100%;
	height: fit-content;
	padding: 32px 0px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: var(--color-background-fill-tertiary, #ffffff);
	box-sizing: border-box;
	overflow: hidden;
}

.dcw-subproduct-slidersyariah .dcw-header {
	width: 100%;
	height: fit-content;
	max-height: 32px;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
}

.dcw-subproduct-slidersyariah .dcw-title-tag {
	width: 100%;
	max-height: 32px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	color: #414141;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-subproduct-slidersyariah .dcw-header-title {
	width: fit-content;
}

.dcw-subproduct-slidersyariah .dcw-tag-icon {
	width: auto;
	height: 32px;
}

.dcw-subproduct-slidersyariah .dcw-arrow-right {
	display: none;
}

.dcw-subproduct-slidersyariah .dcw-content-card {
	width: 100%;
	height: auto;
	color: white;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: end;
	gap: 1rem;
	padding: 1.5rem;
	z-index: 1;
	background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, 1));
}

.dcw-subproduct-slidersyariah .dcw-card-title {
	color: white;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 75%;
}

.dcw-subproduct-slidersyariah .dcw-card-second-row {
	width: 100%;
	height: auto;
	opacity: 0;
	visibility: hidden;
	transition: all 0.4s;
}

.dcw-subproduct-slidersyariah #dcw-subproduct-syariah-personal {
	position: relative;
}

.dcw-subproduct-slidersyariah #dcw-subproduct-syariah-business {
	position: absolute;
	top: 0;
}

.dcw-subproduct-slidersyariah .dcw-slider-wrapper {
	position: relative;
}

.dcw-subproduct-slidersyariah .card-item {
	background-color: transparent;
	height: auto;
	aspect-ratio: 1/1;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 24px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	color: white;
	transition: all 0.4s;
}

.dcw-subproduct-slidersyariah .card-contents {
	display: block;
	height: 100%;
	width: 100%;
}

.dcw-subproduct-slidersyariah .card-item-child {
	height: 100%;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	color: white;
	border-radius: 24px;
	overflow: hidden;
	transition: all 0.4s;
}

.dcw-subproduct-slidersyariah .dcw-card-background {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.dcw-subproduct-slidersyariah .dcw-card-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1.5rem;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-subproduct-slidersyariah .dcw-clock-img {
	width: 19px;
	height: 19px;
}

.dcw-subproduct-slidersyariah .dcw-go-detail-btn {
	width: 32px;
	height: 32px;
	background: rgb(255, 255, 255, 20%);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.dcw-subproduct-slidersyariah .swiper-pagination {
	position: relative;
	margin-top: 20px;
}

.dcw-subproduct-slidersyariah .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	background-color: #cccccc;
	transition: all 0.4s;
}

.dcw-subproduct-slidersyariah
	.swiper-pagination
	.swiper-pagination-bullet-active {
	opacity: 1;
	background-color: var(--color-background-fill-primary, #e84e15);
	width: 30px;
	border-radius: 10px;
	transition: all 0.4s;
}

.dcw-subproduct-slidersyariah .swiper-wrapper {
	align-items: center;
	height: fit-content;
}

.dcw-subproduct-slidersyariah .card-item.swiper-slide-active {
	aspect-ratio: 1 / 1;
	background-color: transparent;
	box-sizing: border-box;
}

.dcw-subproduct-slidersyariah .swiper-arrow-cont {
	display: none;
	height: fit-content;
}

.dcw-subproduct-slidersyariah .swiper-slide {
	width: 250px;
	box-sizing: border-box;
	background-color: transparent;
	padding-right: 1.5rem;
}

.dcw-subproduct-slidersyariah .swiper-slide:last-child {
	padding-right: 0;
}

.dcw-subproduct-slidersyariah .dcw-switch-container {
	display: flex;
	width: 100%;
}

.dcw-subproduct-slidersyariah .toggleContainer {
	position: relative;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	border: 1px solid var(--color-border-border-primary-default, #e0e0e0);
	border-radius: 88px;
	background: var(--color-background-background, #f5f5f5);
	color: white;
	cursor: pointer;
}

.dcw-subproduct-slidersyariah .toggleContainer::before {
	content: "";
	position: absolute;
	width: 50%;
	top: 4px;
	left: 4px;
	height: 40px;
	border-radius: 80px;
	background: #ffffff;
	color: white;
	transition: all 0.3s;
}

.dcw-subproduct-slidersyariah .toggleContainer.toggled::before {
	left: calc(50% - 4px);
}

.dcw-subproduct-slidersyariah .toggleContainer div {
	padding: 6px;
	text-align: center;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dcw-subproduct-slidersyariah .toggleContainer div.active {
	font-weight: 700;
}

.dcw-subproduct-slidersyariah .toggleCheckbox {
	display: none;
}

.dcw-subproduct-slidersyariah
	.toggleCheckbox:checked
	+ .toggleContainer
	div:first-child {
	color: #1a1a1a;
	transition: color 0.3s;
	font-weight: 500;
}

.dcw-subproduct-slidersyariah
	.toggleCheckbox:checked
	+ .toggleContainer
	div:last-child {
	color: #1a1a1a;
	transition: color 0.3s;
	font-weight: 700;
}

.dcw-subproduct-slidersyariah
	.toggleCheckbox
	+ .toggleContainer
	div:first-child {
	color: #1a1a1a;
	transition: color 0.3s;
	font-weight: 700;
}

.dcw-subproduct-slidersyariah
	.toggleCheckbox
	+ .toggleContainer
	div:last-child {
	color: #1a1a1a;
	transition: color 0.3s;
	font-weight: 500;
}

.dcw-subproduct-slidersyariah .swiper {
	overflow: visible;
}

@media screen and (min-width: 1024px) {
	.dcw-subproduct-slidersyariah {
		padding: 56px 0px;
	}

	.dcw-subproduct-slidersyariah .dcw-header {
		max-height: 72px;
	}

	.dcw-subproduct-slidersyariah .dcw-title-tag {
		max-width: 70%;
		max-height: 72px;
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-subproduct-slidersyariah .dcw-tag-icon {
		height: 72px;
	}

	.dcw-subproduct-slidersyariah .dcw-arrow-right {
		color: #e84e15;
		font-size: 24px;
		font-weight: 700;
		line-height: 28px;
		letter-spacing: -0.01em;
		text-align: center;
		width: auto;
		height: 72px;
		display: flex;
		align-items: center;
		text-decoration: none;
	}

	.dcw-subproduct-slidersyariah .dcw-arrow-right-img {
		display: none;
	}

	.dcw-subproduct-slidersyariah .dcw-card-title {
		font-size: 15.63px;
		line-height: 1.4;
		word-wrap: break-word;
	}

	.dcw-subproduct-slidersyariah .swiper-pagination {
		display: none;
		margin-top: 0;
	}

	.dcw-subproduct-slidersyariah .swiper-arrow-cont {
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 12px;
	}

	.dcw-subproduct-slidersyariah .swiper-button-next {
		border-radius: 100%;
		background-color: var(--color-background-fill-primary, #e84e15);
		width: 60px;
		height: 60px;
		color: white;
		position: relative;
		display: flex;
		justify-content: center;
		align-self: center;
		margin: 0;
		top: 0;
		left: 0;
	}

	.dcw-subproduct-slidersyariah .swiper-button-next:after {
		font-size: 2rem;
		font-weight: 700;
	}

	.dcw-subproduct-slidersyariah .swiper-button-prev {
		border-radius: 100%;
		background-color: var(--color-background-fill-primary, #e84e15);
		width: 60px;
		height: 60px;
		color: white;
		position: relative;
		display: flex;
		justify-content: center;
		align-self: center;
		margin: 0;
		top: 0;
		left: 0;
	}

	.dcw-subproduct-slidersyariah .swiper-button-prev:after {
		font-size: 2rem;
		font-weight: 700;
	}

	.dcw-subproduct-slidersyariah .swiper-slide {
		width: 350px;
	}

	.dcw-subproduct-slidersyariah .dcw-content-card {
		padding: 2rem;
	}

	.dcw-subproduct-slidersyariah .toggleContainer {
		height: 74px;
		font-size: 24px;
		line-height: 1.2;
	}

	.dcw-subproduct-slidersyariah .toggleContainer::before {
		height: 64px;
	}

	.dcw-subproduct-slidersyariah .swiper-navigation {
		margin: 1rem 0;
	}
}

/** Sub Product Promo **/
.dcw-product-promo * {
	box-sizing: border-box;
}

.dcw-product-promo {
	width: 100%;
	height: fit-content;
	padding: 32px 0px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: var(--color-background-fill-tertiary, #ffffff);
	box-sizing: border-box;
	overflow: hidden;
}

.dcw-product-promo .dcw-header {
	width: 100%;
	height: fit-content;
	max-height: 32px;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-product-promo .dcw-title-tag {
	width: 100%;
	max-height: 32px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	color: #414141;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-product-promo .dcw-header-title {
	width: fit-content;
}

.dcw-product-promo .dcw-tag-img {
	background-color: #ffffff;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-product-promo .dcw-tag-icon {
	width: auto;
	height: 32px;
}

.dcw-product-promo .dcw-arrow-right {
	width: 0;
	height: 32px;
	display: none;
	align-items: center;
	text-decoration: none;
}

.dcw-product-promo .dcw-round-icon {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	position: relative;
}

.dcw-product-promo .dcw-content-card {
	width: 100%;
	height: 100%;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: start;
	gap: 1rem;
	padding: 1rem;
	z-index: 1;
	background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, 1));
}

.dcw-product-promo .dcw-inner-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: end;
	width: 100%;
}

.dcw-product-promo .dcw-main-content {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.dcw-product-promo .dcw-card-subtitle {
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	color: white;
}

.dcw-product-promo .dcw-card-title {
	color: white;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.dcw-product-promo .dcw-card-time {
	height: 24px;
	display: flex;
	align-items: center;
	gap: 4px;
	color: white;
}

.dcw-product-promo .dcw-svg-container {
	padding: 2.5px;
	height: 24px;
	width: 24px;
}

.dcw-product-promo .dcw-time-desc {
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	color: white;
}

.dcw-product-promo .dcw-card-second-row {
	width: 100%;
	height: auto;
}

.dcw-product-promo .card-item {
	background-color: transparent;
	height: auto;
	aspect-ratio: 3/2;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 24px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	color: white;
	transition: all 0.4s;
}

.dcw-product-promo .card-contents {
	display: block;
	height: 100%;
	width: 100%;
}

.dcw-product-promo .card-item-child {
	height: 100%;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	color: white;
	border-radius: 24px;
	overflow: hidden;
	transition: all 0.4s;
}

.dcw-product-promo .dcw-card-background {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.dcw-product-promo .dcw-card-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1.5rem;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-product-promo .dcw-clock-img {
	width: 19px;
	height: 19px;
}

.dcw-product-promo .dcw-go-detail-btn {
	width: auto;
	height: auto;
	background: rgb(255, 255, 255, 20%);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.dcw-product-promo .dcw-go-detail-btn > img {
	width: 32px;
	height: 32px;
}

.dcw-product-promo .swiper-pagination {
	position: relative;
	margin-top: 20px;
}

.dcw-product-promo .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	background-color: #cccccc;
	transition: all 0.4s;
}

.dcw-product-promo .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: var(--color-background-fill-primary, #e84e15);
	width: 30px;
	border-radius: 10px;
	transition: all 0.4s;
}

.dcw-product-promo .swiper-wrapper {
	align-items: center;
	height: fit-content;
}

.dcw-product-promo .card-item.swiper-slide-active {
	background-color: transparent;
	box-sizing: border-box;
}

.dcw-product-promo .swiper-arrow-cont {
	display: none;
	height: fit-content;
}

.dcw-product-promo .swiper-slide {
	/* width: 400px;    */
	box-sizing: border-box;
	background-color: transparent;
	padding-right: 1.5rem;
}

.dcw-product-promo .swiper-slide:last-child {
	padding-right: 0;
}

.dcw-product-promo .dcw-switch-container {
	display: flex;
	width: 100%;
}

.dcw-product-promo .swiper {
	overflow: visible;
}

@media screen and (min-width: 1024px) {
	.dcw-product-promo {
		padding: 56px 0px;
		background: var(--color-background-fill-tertiary, #ffffff);
	}

	.dcw-product-promo .dcw-header {
		max-height: 72px;
	}

	.dcw-product-promo .dcw-title-tag {
		max-width: 70%;
		max-height: 72px;
		font-size: 30px;
		line-height: 52px;
	}

	.dcw-product-promo .dcw-tag-img {
		width: 48px;
		height: 48px;
	}

	.dcw-product-promo .dcw-tag-icon {
		width: 48px;
		height: 48px;
	}

	.dcw-product-promo .dcw-arrow-right {
		color: #e84e15;
		font-size: 15.63px;
		font-weight: 700;
		line-height: 28px;
		letter-spacing: -0.01em;
		text-align: center;
		width: auto;
		height: 72px;
		display: flex;
	}

	.dcw-product-promo .dcw-arrow-right-img {
		display: none;
	}

	.dcw-product-promo .dcw-card-subtitle {
		font-size: 10px;
		line-height: 1.4;
	}

	.dcw-product-promo .dcw-card-title {
		font-size: 15.63px;
		line-height: 1.4;
		word-wrap: break-word;
	}

	.dcw-product-promo .dcw-time-desc {
		font-size: 12px;
		line-height: 1.4;
		letter-spacing: -0.01em;
		text-align: left;
		display: flex;
		align-items: center;
	}

	.dcw-product-promo .swiper-pagination {
		display: none;
		margin-top: 0;
	}

	.dcw-product-promo .swiper-arrow-cont {
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 12px;
	}

	.dcw-product-promo .swiper-button-next {
		border-radius: 100%;
		background-color: var(--color-background-fill-primary, #e84e15);
		width: 60px;
		height: 60px;
		color: white;
		position: relative;
		display: flex;
		justify-content: center;
		align-self: center;
		margin: 0;
		top: 0;
		left: 0;
	}

	.dcw-product-promo .swiper-button-next:after {
		font-size: 2rem;
		font-weight: 700;
	}

	.dcw-product-promo .swiper-button-prev {
		border-radius: 100%;
		background-color: var(--color-background-fill-primary, #e84e15);
		width: 60px;
		height: 60px;
		color: white;
		position: relative;
		display: flex;
		justify-content: center;
		align-self: center;
		margin: 0;
		top: 0;
		left: 0;
	}

	.dcw-product-promo .swiper-button-prev:after {
		font-size: 2rem;
		font-weight: 700;
	}

	.dcw-product-promo .swiper-slide {
		width: 600px;
		box-sizing: border-box;
	}

	.dcw-product-promo .dcw-content-card {
		padding: 2rem;
	}

	.dcw-product-promo .dcw-go-detail-btn > img {
		width: 48px;
		height: 48px;
	}
}

/** Product App Banner - Mobile **/
.dcw-mobile-appbanner {
	width: 100%;
	height: fit-content;
	min-height: auto;
	background-color: transparent;
	box-sizing: border-box;
	position: relative;
	margin-top: 4rem !important;
	max-width: 786px;
	margin: 0 auto;
}

.dcw-mobile-appbanner * {
	box-sizing: border-box;
}

.dcw-mobile-appbanner .dcw-appbanner-background {
	width: 100%;
	border-radius: var(--radius-xxl);
	padding: 0;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	position: relative;
	max-width: 1500px !important;
	margin: 0 auto !important;
}

.dcw-mobile-appbanner .dcw-appbanner-background-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-object-fit: cover;
	position: absolute;
	border-radius: var(--radius-xxl);
	z-index: 0;
	transform: translateZ(0);
}

.dcw-mobile-appbanner .dcw-appbanner-content {
	height: 100%;
	width: 100%;
	gap: 24px;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	box-sizing: border-box;
	padding: 0.2rem 1rem 2rem 1rem;
	z-index: 1;
}

.dcw-mobile-appbanner .dcw-download-app-button-container {
	height: fit-content;
	min-height: auto;
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.dcw-mobile-appbanner .dcw-app-gallery {
	height: fit-content;
	min-height: auto;
	width: 30%;
	padding: 10px 10px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-shadow: 0px 24px 24px 0px #0000001f;
}

.dcw-mobile-appbanner .dcw-app-gallery:hover {
	filter: brightness(95%);
}

.dcw-mobile-appbanner .dcw-img-app-gallery {
	height: 14px;
	width: 14px;
	display: flex;
}

.dcw-mobile-appbanner .dcw-img-app-apple {
	height: 16px;
	width: 14px;
	display: flex;
}

.dcw-mobile-appbanner .app-button-cont {
	display: flex;
	flex-direction: column;
}

.dcw-mobile-appbanner .app-subtitle {
	font-size: 5px;
	font-weight: 600;
}

.dcw-mobile-appbanner .app-title {
	font-size: 10px;
	white-space: nowrap;
	font-weight: 700;
}

.dcw-mobile-appbanner .dcw-download-sekarang {
	height: 52px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	color: white;
	border: 1px solid white;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
}

.dcw-mobile-appbanner .dcw-download-sekarang:hover {
	background-color: #e84e15;
	border: transparent;
	outline: none;
}

.dcw-mobile-appbanner .dcw-content-header {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: start;
	border-radius: 8px;
	color: white;
	gap: 20px;
}

.dcw-mobile-appbanner .dcw-appbanner-image {
	position: relative;
	width: 100%;
}

.dcw-mobile-appbanner .dcw-union-cont {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 270px;
}

.dcw-mobile-appbanner .dcw-appicon-cont-m {
	width: fit-content;
	height: fit-content;
	padding: 10px;
	background-color: white;
	border-radius: var(--radius-m);
	bottom: 0;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-mobile-appbanner .dcw-appicon-cont-d {
	display: none;
}

.dcw-mobile-appbanner .dcw-appicon {
	width: 40px;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.dcw-mobile-appbanner .dcw-title {
	font-size: 24px;
	font-weight: 600;
	line-height: 36px;
	text-align: left;
	width: 100%;
	color: #ffffff;
}

.dcw-mobile-appbanner .dcw-description,
.dcw-mobile-appbanner .dcw-description-lg {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	color: #ffffff;
}

.dcw-mobile-appbanner .dcw-union {
	width: 450px;
	height: 372px;
	left: 10px;
	top: -120px;
	position: relative;
	object-fit: cover;
}

.dcw-mobile-appbanner .dcw-iphone {
	width: 325px;
	height: auto;
	right: -2rem;
	top: -50px;
	position: absolute;
	object-fit: cover;
}

.dcw-mobile-appbanner .dcw-title-logo {
	display: none;
	flex-direction: column;
	gap: 10px;
	align-items: start;
}

.dcw-mobile-appbanner .dcw-text-container {
	left: 1rem;
	position: absolute;
	width: 55%;
	bottom: 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-title-container {
	display: none;
	gap: 8px;
}

@media screen and (min-width: 400px) {
	.dcw-mobile-appbanner .dcw-appicon-cont-m {
		padding: 12px;
		border-radius: var(--corner-radiuscontainer-card-m);
	}

	.dcw-mobile-appbanner .dcw-iphone {
		right: -3rem;
	}

	.dcw-mobile-appbanner .dcw-union {
		width: 470px;
		height: 390px;
		left: 10px;
	}

	.dcw-mobile-appbanner .dcw-appicon {
		width: 60px;
		height: 60px;
		border-radius: 12px;
	}

	.dcw-mobile-appbanner .dcw-img-app-gallery {
		height: 18px;
		width: 18px;
	}

	.dcw-mobile-appbanner .dcw-img-app-apple {
		height: 20px;
		width: 18px;
	}

	.dcw-mobile-appbanner .app-subtitle {
		font-size: 6px;
	}

	.dcw-mobile-appbanner .app-title {
		font-size: 10px;
	}

	.dcw-mobile-appbanner .dcw-text-container {
		width: 50%;
	}
}

@media screen and (min-width: 500px) {
	.dcw-mobile-appbanner .dcw-iphone {
		top: -50px;
	}

	.dcw-mobile-appbanner .dcw-img-app-gallery {
		height: 20px;
		width: 20px;
	}

	.dcw-mobile-appbanner .dcw-img-app-apple {
		height: 22px;
		width: 20px;
	}

	.dcw-mobile-appbanner .app-subtitle {
		font-size: 8px;
	}

	.dcw-mobile-appbanner .app-title {
		font-size: 14px;
	}
}

@media screen and (min-width: 600px) {
	.dcw-mobile-appbanner .dcw-appicon {
		width: 70px;
		height: 70px;
	}

	.dcw-mobile-appbanner .dcw-img-app-gallery {
		height: 24px;
		width: 24px;
	}

	.dcw-mobile-appbanner .dcw-img-app-apple {
		height: 26px;
		width: 24px;
	}

	.dcw-mobile-appbanner .app-title {
		font-size: 18px;
	}

	.dcw-mobile-appbanner .app-subtitle {
		font-size: 10px;
	}

	.dcw-mobile-appbanner .dcw-description {
		font-size: 16px;
	}

	.dcw-mobile-appbanner .dcw-description-lg {
		font-size: 16px;
		line-height: 20px;
	}

	.dcw-mobile-appbanner .dcw-title {
		font-size: 32px;
	}

	.dcw-mobile-appbanner .dcw-text-container {
		width: 55%;
	}
}

@media screen and (min-width: 700px) {
	.dcw-mobile-appbanner .dcw-img-app-gallery {
		height: 32px;
		width: 32px;
	}

	.dcw-mobile-appbanner .dcw-img-app-apple {
		height: 34px;
		width: 32px;
	}

	.dcw-mobile-appbanner .app-title {
		font-size: 20px;
	}

	.dcw-mobile-appbanner .app-subtitle {
		font-size: 12px;
	}

	.dcw-mobile-appbanner .dcw-text-container {
		width: 60%;
	}

	.dcw-mobile-appbanner .dcw-union-cont {
		height: 290px;
		min-height: 290px;
	}

	.dcw-mobile-appbanner .dcw-union {
		width: 430px;
		height: 350px;
		left: 352px;
		top: -65px;
	}
}

@media screen and (min-width: 800px) {
	.dcw-mobile-appbanner .dcw-img-app-gallery {
		height: 40px;
		width: 40px;
	}

	.dcw-mobile-appbanner .dcw-img-app-apple {
		height: 44px;
		width: 42px;
	}

	.dcw-mobile-appbanner .app-title {
		font-size: 24px;
	}

	.dcw-mobile-appbanner .app-subtitle {
		font-size: 12px;
	}

	.dcw-mobile-appbanner .dcw-text-container {
		width: 65%;
	}
}

@media screen and (min-width: 1024px) {
	.dcw-mobile-appbanner .dcw-appbanner-image {
		width: 50%;
		height: auto;
	}

	.dcw-mobile-appbanner .dcw-union-cont {
		width: 100%;
		height: auto;
		min-height: 0;
	}

	.dcw-mobile-appbanner .dcw-union {
		width: 550px;
		height: auto;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.dcw-mobile-appbanner .dcw-iphone {
		width: 340px;
		top: 0;
		left: auto;
		right: 50%;
		transform: translateX(50%);
	}

	.dcw-mobile-appbanner .dcw-appbanner-content {
		width: 50%;
		padding: 3rem 0rem 3rem 3rem;
		z-index: 1;
		gap: 15px;
	}

	.dcw-mobile-appbanner {
		display: flex;
		align-items: center;
		justify-content: center;
		/* padding:100px 16px 100px 16px; */
		min-width: 343px;
		margin-top: 5rem;
	}

	.dcw-mobile-appbanner .dcw-appbanner-background {
		max-height: 350px;
		min-width: 343px;
		flex-direction: row-reverse;
		justify-content: space-between;
		background-position: center center;
	}

	.dcw-mobile-appbanner .dcw-appbanner-background-img {
		max-height: 350px;
		/* height: 350px; */
	}

	.dcw-mobile-appbanner .dcw-download-app-button-container {
		height: fit-content;
		flex-wrap: nowrap;
		justify-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
	}

	.dcw-app-gallery-container {
		display: flex;
		align-items: center;
		gap: 1rem;
		width: 80%;
	}

	.dcw-mobile-appbanner .dcw-app-gallery {
		gap: 10px;
		min-width: 100px;
		width: fit-content;
	}

	.dcw-mobile-appbanner .dcw-img-app-gallery {
		height: 24px;
		width: 24px;
	}

	.dcw-mobile-appbanner .dcw-img-app-apple {
		height: 26px;
		width: 24px;
	}

	.dcw-mobile-appbanner .app-subtitle {
		font-size: 6px;
	}

	.dcw-mobile-appbanner .app-title {
		font-size: 10px;
	}

	.dcw-mobile-appbanner .dcw-download-sekarang {
		height: 52px;
		min-width: 200px;
		width: fit-content;
		padding: 16px;
		font-weight: 700;
		line-height: 20px;
		letter-spacing: -0.01em;
	}

	.dcw-mobile-appbanner .dcw-appicon-cont-m {
		display: none;
	}

	.dcw-mobile-appbanner .dcw-appicon-cont-d {
		display: block;
		width: fit-content;
		height: fit-content;
		padding: 16px;
		background-color: white;
		border-radius: var(--corner-radiuscontainer-card-l);
		display: flex;
		justify-content: center;
		align-items: center;
		box-shadow: 0px 24px 24px 0px #0000001f;
	}

	.dcw-mobile-appbanner .dcw-appicon {
		width: 85px;
		height: 85px;
	}

	.dcw-mobile-appbanner .dcw-title {
		font-size: 24.41px;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: -0.01em;
	}

	.dcw-mobile-appbanner .dcw-description {
		font-size: 16px;
		line-height: 1.2;
	}

	.dcw-mobile-appbanner .dcw-title-logo {
		display: flex;
		flex-direction: row;
		gap: 24px;
		align-items: flex-start;
	}

	.dcw-mobile-appbanner .dcw-text-container {
		display: none;
	}

	.dcw-mobile-appbanner .dcw-title-container {
		display: flex;
		flex-direction: column;
	}

	.dcw-mobile-appbanner .dcw-description-lg {
		display: none;
	}
}

@media screen and (min-width: 1370px) {
	.dcw-mobile-appbanner .dcw-appbanner-content {
		padding: 4rem 0rem 4rem 4rem;
	}

	.dcw-mobile-appbanner .dcw-app-gallery {
		min-width: 100px;
		width: fit-content;
	}

	.dcw-mobile-appbanner .dcw-img-app-gallery {
		height: 26px;
		width: 26px;
	}

	.dcw-mobile-appbanner .dcw-img-app-apple {
		height: 28px;
		width: 26px;
	}

	.dcw-mobile-appbanner .app-subtitle {
		font-size: 6px;
	}

	.dcw-mobile-appbanner .app-title {
		font-size: 10px;
	}
}

@media screen and (min-width: 1450px) {
	.dcw-mobile-appbanner .dcw-appbanner-content {
		padding: 5rem 0rem 5rem 5rem;
	}
}

@media screen and (min-width: 1550px) {
	.dcw-mobile-appbanner .dcw-app-gallery {
		min-width: 100px;
		width: fit-content;
	}

	.dcw-mobile-appbanner .dcw-img-app-gallery {
		height: 30px;
		width: 30px;
	}

	.dcw-mobile-appbanner .dcw-img-app-apple {
		height: 32px;
		width: 30px;
	}

	.dcw-mobile-appbanner .app-subtitle {
		font-size: 8px;
	}

	.dcw-mobile-appbanner .app-title {
		font-size: 14px;
	}
}

/** Product App Banner - Laptop **/
.dcw-laptop-appbanner {
	width: 100%;
	height: fit-content;
	min-height: auto;
	background-color: transparent;
	box-sizing: border-box;
	position: relative;
	margin-top: 5rem;
}

.dcw-laptop-appbanner * {
	box-sizing: border-box;
}

.dcw-laptop-appbanner .dcw-appbanner-background {
	width: 100%;
	border-radius: var(--radius-xxl);
	padding: 0;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	position: relative;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-laptop-appbanner .dcw-appbanner-background-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-object-fit: cover;
	position: absolute;
	border-radius: var(--radius-xxl);
	z-index: 0;
	transform: translateZ(0);
}

.dcw-laptop-appbanner .dcw-appbanner-content {
	height: 100%;
	width: 100%;
	gap: 24px;
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	box-sizing: border-box;
	padding: 0.2rem 1rem 2rem 1rem;
	z-index: 1;
}

.dcw-laptop-appbanner .dcw-download-app-button-container {
	height: fit-content;
	min-height: auto;
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.dcw-laptop-appbanner .dcw-app-gallery {
	height: fit-content;
	min-height: auto;
	width: 30%;
	padding: 10px 10px;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
}

.dcw-laptop-appbanner .dcw-img-app-gallery {
	height: 14px;
	width: 14px;
	display: flex;
}

.dcw-laptop-appbanner .dcw-img-app-apple {
	height: 16px;
	width: 14px;
	display: flex;
}

.dcw-laptop-appbanner .app-button-cont {
	display: flex;
	flex-direction: column;
}

.dcw-laptop-appbanner .app-subtitle {
	font-size: 5px;
	font-weight: 600;
}

.dcw-laptop-appbanner .app-title {
	font-size: 10px;
	white-space: nowrap;
	font-weight: 700;
}

.dcw-laptop-appbanner .dcw-download-sekarang {
	height: 52px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	color: white;
	border: 1px solid white;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: center;
}

.dcw-laptop-appbanner .dcw-content-header {
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: end;
	align-items: start;
	border-radius: 8px;
	color: white;
	gap: 20px;
}

.dcw-laptop-appbanner .dcw-appbanner-image {
	position: relative;
	width: 100%;
	height: 250px;
}

.dcw-laptop-appbanner .dcw-union-cont {
	position: relative;
	width: 100%;
	max-height: 100%;
	overflow: hidden;
	min-height: 250px;
}

.dcw-laptop-appbanner .dcw-appicon-cont-m {
	width: fit-content;
	height: fit-content;
	padding: 10px;
	background-color: white;
	border-radius: var(--radius-m);
	bottom: 0;
	position: relative;
}

.dcw-laptop-appbanner .dcw-appicon-cont-d {
	display: none;
}

.dcw-laptop-appbanner .dcw-appicon {
	width: 40px;
	height: 100%;
	object-fit: cover;
	border-radius: 8px;
}

.dcw-laptop-appbanner .dcw-title {
	font-size: 20px;
	font-weight: 600;
	line-height: 32px;
	text-align: left;
	width: 100%;
	color: #ffffff;
}

.dcw-laptop-appbanner .dcw-description {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	color: #ffffff;
}

.dcw-laptop-appbanner .dcw-description-lg {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	text-align: left;
	color: #ffffff;
}

.dcw-laptop-appbanner .dcw-union {
	width: 344px;
	height: 285px;
	left: 90px;
	top: -40px;
	position: relative;
	object-fit: cover;
}

.dcw-laptop-appbanner .dcw-iphone {
	width: auto;
	height: 18rem;
	right: 0;
	top: -80px;
	position: absolute;
	object-fit: cover;
}

.dcw-laptop-appbanner .dcw-title-logo {
	display: none;
	flex-direction: column;
	gap: 10px;
	align-items: start;
}

.dcw-laptop-appbanner .dcw-text-container {
	left: 1rem;
	position: absolute;
	width: 50%;
	bottom: 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-title-container {
	display: none;
	gap: 8px;
}

@media screen and (min-width: 400px) {
	.dcw-laptop-appbanner .dcw-appicon-cont-m {
		padding: 12px;
		border-radius: var(--corner-radiuscontainer-card-m);
	}

	.dcw-laptop-appbanner .dcw-appicon {
		width: 60px;
		height: 60px;
		border-radius: 12px;
	}

	.dcw-laptop-appbanner .dcw-img-app-gallery {
		height: 18px;
		width: 18px;
	}

	.dcw-laptop-appbanner .dcw-img-app-apple {
		height: 20px;
		width: 18px;
	}

	.dcw-laptop-appbanner .app-subtitle {
		font-size: 6px;
	}

	.dcw-laptop-appbanner .app-title {
		font-size: 10px;
	}

	.dcw-laptop-appbanner .dcw-text-container {
		width: 90%;
	}
}

@media screen and (min-width: 500px) {
	.dcw-laptop-appbanner .dcw-iphone {
		top: -110px;
		right: 0;
		width: 400px;
		height: auto !important;
	}

	.dcw-laptop-appbanner .dcw-img-app-gallery {
		height: 20px;
		width: 20px;
	}

	.dcw-laptop-appbanner .dcw-img-app-apple {
		height: 22px;
		width: 20px;
	}

	.dcw-laptop-appbanner .app-subtitle {
		font-size: 8px;
	}

	.dcw-laptop-appbanner .app-title {
		font-size: 14px;
	}

	.dcw-laptop-appbanner .dcw-text-container {
		width: 50%;
	}
}

@media screen and (min-width: 550px) {
	.dcw-laptop-appbanner .dcw-text-container {
		width: 50%;
	}
}

@media screen and (min-width: 600px) {
	.dcw-laptop-appbanner .dcw-appicon {
		width: 70px;
		height: 70px;
	}

	.dcw-laptop-appbanner .dcw-img-app-gallery {
		height: 24px;
		width: 24px;
	}

	.dcw-laptop-appbanner .dcw-img-app-apple {
		height: 26px;
		width: 24px;
	}

	.dcw-laptop-appbanner .app-title {
		font-size: 18px;
	}

	.dcw-laptop-appbanner .app-subtitle {
		font-size: 10px;
	}

	.dcw-laptop-appbanner .dcw-description {
		font-size: 14px;
	}

	.dcw-laptop-appbanner .dcw-description-lg {
		font-size: 14px;
		line-height: 20px;
	}

	.dcw-laptop-appbanner .dcw-title {
		font-size: 28px;
	}

	.dcw-laptop-appbanner .dcw-text-container {
		width: 55%;
	}
}

@media screen and (min-width: 700px) {
	.dcw-laptop-appbanner .dcw-iphone {
		width: 450px;
	}

	.dcw-laptop-appbanner .dcw-img-app-gallery {
		height: 32px;
		width: 32px;
	}

	.dcw-laptop-appbanner .dcw-img-app-apple {
		height: 34px;
		width: 32px;
	}

	.dcw-laptop-appbanner .app-title {
		font-size: 20px;
	}

	.dcw-laptop-appbanner .app-subtitle {
		font-size: 12px;
	}

	.dcw-laptop-appbanner .dcw-text-container {
		width: 60%;
	}
}

@media screen and (min-width: 800px) {
	.dcw-laptop-appbanner .dcw-img-app-gallery {
		height: 40px;
		width: 40px;
	}

	.dcw-laptop-appbanner .dcw-img-app-apple {
		height: 44px;
		width: 42px;
	}

	.dcw-laptop-appbanner .app-title {
		font-size: 24px;
	}

	.dcw-laptop-appbanner .app-subtitle {
		font-size: 12px;
	}

	.dcw-laptop-appbanner .dcw-text-container {
		width: 65%;
	}
}

@media screen and (min-width: 1024px) {
	.dcw-laptop-appbanner .dcw-appbanner-image {
		width: 50%;
		height: auto;
	}

	.dcw-laptop-appbanner .dcw-union-cont {
		width: 100%;
		height: auto;
		min-height: 0;
	}

	.dcw-laptop-appbanner .dcw-union {
		width: 550px;
		height: auto;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.dcw-laptop-appbanner .dcw-iphone {
		/* width: 500px; */
		width: 430px;
		height: auto !important;
		/* top: -30%; */
		top: -5%;
		left: auto;
		right: 50%;
		transform: translateX(50%);
	}

	.dcw-laptop-appbanner .dcw-appbanner-content {
		width: 50%;
		padding: 3rem 0rem 3rem 3rem;
		z-index: 1;
	}

	.dcw-laptop-appbanner {
		max-width: 786px;
		display: flex;
		align-items: center;
		justify-content: center;
		/* padding:100px 16px 100px 16px; */
		min-width: 343px;
		/* max-width: 1500px; */
		margin: 5rem auto 0 auto;
	}

	.dcw-laptop-appbanner .dcw-appbanner-background {
		max-height: 330px;
		width: 100%;
		min-width: 343px;
		border-radius: var(--radius-xxl);
		flex-direction: row-reverse;
		justify-content: space-between;
		background-position: center center;
	}

	.dcw-laptop-appbanner .dcw-appbanner-background-img {
		width: 100%;
		max-height: 330px;
		object-fit: cover;
		position: absolute;
		border-radius: var(--radius-xxl);
		z-index: -0;
	}

	.dcw-laptop-appbanner .dcw-download-app-button-container {
		height: fit-content;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}

	.dcw-laptop-appbanner .dcw-app-gallery {
		gap: 10px;
		min-width: 100px;
		width: fit-content;
	}

	.dcw-laptop-appbanner .dcw-img-app-gallery {
		height: 24px;
		width: 24px;
	}

	.dcw-laptop-appbanner .dcw-img-app-apple {
		height: 26px;
		width: 24px;
	}

	.dcw-laptop-appbanner .app-subtitle {
		font-size: 6px;
	}

	.dcw-laptop-appbanner .app-title {
		font-size: 10px;
	}

	.dcw-laptop-appbanner .dcw-download-sekarang {
		height: 52px;
		min-width: 140px;
		width: fit-content;
		padding: 16px;
		font-weight: 700;
		line-height: 20px;
		letter-spacing: -0.01em;
	}

	.dcw-laptop-appbanner .dcw-appicon-cont-m {
		display: none;
	}

	.dcw-laptop-appbanner .dcw-appicon-cont-d {
		display: block;
		width: fit-content;
		height: fit-content;
		padding: 16px;
		background-color: white;
		border-radius: var(--corner-radiuscontainer-card-l);
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.dcw-laptop-appbanner .dcw-appicon {
		width: 85px;
		height: 85px;
	}

	.dcw-laptop-appbanner .dcw-title {
		font-size: 24.41px;
		font-weight: 700;
		line-height: 1.4;
		letter-spacing: -0.01em;
	}

	.dcw-laptop-appbanner .dcw-title-logo {
		display: flex;
		flex-direction: row;
		gap: 24px;
		align-items: center;
	}

	.dcw-laptop-appbanner .dcw-text-container {
		display: none;
	}

	.dcw-laptop-appbanner .dcw-title-container {
		display: flex;
		flex-direction: column;
	}

	.dcw-laptop-appbanner .dcw-description {
		display: none;
	}

	.dcw-laptop-appbanner .dcw-description-lg {
		display: block;
	}
}

@media screen and (min-width: 1370px) {
	.dcw-laptop-appbanner .dcw-appbanner-content {
		padding: 4rem 0rem 4rem 4rem;
	}

	.dcw-laptop-appbanner .dcw-app-gallery {
		min-width: 100px;
		width: fit-content;
	}

	.dcw-laptop-appbanner .dcw-img-app-gallery {
		height: 26px;
		width: 26px;
	}

	.dcw-laptop-appbanner .dcw-img-app-apple {
		height: 28px;
		width: 26px;
	}

	.dcw-laptop-appbanner .app-subtitle {
		font-size: 6px;
	}

	.dcw-laptop-appbanner .app-title {
		font-size: 10px;
	}

	.dcw-laptop-appbanner .dcw-iphone {
		top: -5%;
	}
}

@media screen and (min-width: 1450px) {
	.dcw-laptop-appbanner .dcw-appbanner-content {
		padding: 5rem 0rem 5rem 5rem;
	}
}

@media screen and (min-width: 1550px) {
	.dcw-laptop-appbanner .dcw-app-gallery {
		min-width: 100px;
		width: fit-content;
	}

	.dcw-laptop-appbanner .dcw-img-app-gallery {
		height: 30px;
		width: 30px;
	}

	.dcw-laptop-appbanner .dcw-img-app-apple {
		height: 32px;
		width: 30px;
	}

	.dcw-laptop-appbanner .app-subtitle {
		font-size: 8px;
	}

	.dcw-laptop-appbanner .app-title {
		font-size: 14px;
	}

	.dcw-laptop-appbanner .dcw-title {
		font-size: 40px;
	}

	.dcw-laptop-appbanner .dcw-iphone {
		top: -10%;
	}
}

@media screen and (min-width: 1650px) {
	.dcw-laptop-appbanner .dcw-iphone {
		width: 600px;
	}
}

@media screen and (min-width: 1850px) {
	.dcw-laptop-appbanner .dcw-iphone {
		top: -5%;
	}

	.dcw-laptop-appbanner {
		margin: 8rem auto 0 auto;
	}
}

/** Sub-Product Filter **/
.dcw-subproduct-filter * {
	box-sizing: border-box;
}

.dcw-subproduct-filter {
	width: 100%;
	padding: 32px 0px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: var(--color-background-background, #f5f5f5);
	box-sizing: border-box;
	align-items: center;
}

.dcw-subproduct-filter .dcw-header {
	width: 100%;
	height: fit-content;
	max-height: 32px;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-subproduct-filter .dcw-title-tag {
	width: 85%;
	max-height: 32px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	color: #414141;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-subproduct-filter .dcw-header-title {
	width: fit-content;
	font-size: 24px;
	line-height: 28px;
}

.dcw-subproduct-filter .dcw-header-desc {
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
}

.dcw-subproduct-filter .dcw-tag-icon {
	width: auto;
	height: 32px;
}

.dcw-subproduct-filter .dcw-arrow-right-img {
	width: 32px;
	height: 32px;
}

.dcw-subproduct-filter .dcw-arrow-right {
	width: 32px;
	height: 32px;
	display: none;
	align-items: center;
	text-decoration: none;
	color: #e84e15;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: center;
}

.dcw-subproduct-filter .dcw-round-icon {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	position: relative;
}

.dcw-subproduct-filter .dcw-content-card {
	width: 100%;
	height: fit-content;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: end;
	gap: 4px;
	z-index: 1;
	padding: 1rem;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, 1));
}

.dcw-subproduct-filter .dcw-content-card * {
	color: var(--color-text-text-on-background-fill, #ffffff);
}

.dcw-subproduct-filter .dcw-card-subtitle {
	color: var(--color-text-text-on-background-fill, #ffffff);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcw-subproduct-filter .dcw-card-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcw-subproduct-filter .dcw-card-second-row {
	width: 100%;
	height: auto;
}

.dcw-subproduct-filter .dcw-content-card-second-row {
	background-color: transparent;
	background-size: cover;
	background-repeat: no-repeat;
	aspect-ratio: 1/1;
	border-radius: 24px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: start;
	color: white;
	flex-shrink: 1;
	flex-grow: 1;
	transition: all 0.4s;
	overflow: hidden;
}

.dcw-subproduct-filter .dcw-card-background {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.dcw-subproduct-filter .dcw-card-container {
	width: 100%;
	/* max-width: 1500px !important; */
	margin: 0 auto !important;
}

.dcw-subproduct-filter .dcw-filter-content {
	position: absolute;
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	visibility: hidden;
	opacity: 1;
	height: 0px;
}

.dcw-subproduct-filter .dcw-filter-content:first-child {
	position: relative;
}

.dcw-subproduct-filter .dcw-filter-content.show {
	height: fit-content;
	position: relative;
}

.dcw-subproduct-filter .dcw-filter-tag {
	width: fit-content;
	height: 42px;
	padding: 8px 16px;
	gap: 8px;
	border-radius: 88px;
	border: 1px solid #e0e0e0;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: center;
	flex-shrink: 0;
	cursor: pointer;
}

.dcw-subproduct-filter .dcw-filter-tag * {
	pointer-events: none;
}

.dcw-subproduct-filter .dcw-filter-tag img {
	width: 24px;
	height: auto;
}

.dcw-subproduct-filter .dcw-filter-container {
	width: 100%;
	height: fit-content;
	max-height: 72px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	padding: 0;
	overflow-x: scroll;
	overflow-y: hidden;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-subproduct-filter .dcw-filter-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-subproduct-filter .dcw-filter-tag:hover,
.dcw-subproduct-filter .dcw-filter-tag.dcw-filter-tag-active {
	background-color: var(--color-background-fill-primary);
	color: white;
}

.dcw-subproduct-filter .dcw-arrow-container {
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-subproduct-filter .dcw-book-svg {
	background-color: #ffffff;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-subproduct-filter .dcw-book-svg-container {
	width: auto;
	height: 32px;
}

.dcw-subproduct-filter .dcw-filter-tag img:first-child {
	display: flex;
}

.dcw-subproduct-filter .dcw-filter-tag img:nth-child(2) {
	display: none;
}

.dcw-subproduct-filter .dcw-filter-tag.dcw-filter-tag-active img:first-child,
.dcw-subproduct-filter .dcw-filter-tag:hover img:first-child {
	display: none;
}

.dcw-subproduct-filter .dcw-filter-tag.dcw-filter-tag-active img:nth-child(2),
.dcw-subproduct-filter .dcw-filter-tag:hover img:nth-child(2) {
	display: flex;
}

@media screen and (min-width: 700px) {
	.dcw-subproduct-filter .dcw-filter-content {
		grid-template-columns: repeat(2, 1fr);
	}

	.dcw-subproduct-filter .dcw-content-card-second-row {
		justify-content: space-between;
		box-sizing: border-box;
	}
}

@media screen and (min-width: 1024px) {
	.dcw-subproduct-filter {
		padding: 56px 0px;
	}

	.dcw-subproduct-filter .dcw-content-card {
		padding: 2rem;
	}

	.dcw-subproduct-filter .dcw-filter-tag {
		/* height: 60px; */
		padding: 16px 24px;
		font-size: 10px;
		line-height: 20px;
	}

	.dcw-subproduct-filter .dcw-header {
		max-height: 72px;
	}

	.dcw-subproduct-filter .dcw-header-title {
		font-size: 19.53px;
		line-height: 52px;
	}

	.dcw-subproduct-filter .dcw-header-desc {
		font-size: 18px;
		line-height: 22px;
	}

	.dcw-subproduct-filter .dcw-arrow-right-img {
		display: none;
	}

	.dcw-subproduct-filter .dcw-arrow-right {
		width: auto;
		height: 72px;
		display: flex;
	}

	.dcw-subproduct-filter .dcw-card-subtitle {
		font-size: 12px;
		line-height: 1.4;
	}

	.dcw-subproduct-filter .dcw-card-title {
		font-size: 15.63px;
		line-height: 1.4;
		word-wrap: break-word;
	}

	.dcw-subproduct-filter .dcw-arrow-container {
		width: 300px;
		max-height: 50px;
		border-radius: var(--corner-radiuscontainer-text-input, 8px);
		border: 1px solid #e84e15;
	}

	.dcw-subproduct-filter .dcw-book-svg {
		width: 72px;
		height: 72px;
	}

	.dcw-subproduct-filter .dcw-book-svg-container {
		width: 48px;
		height: 48px;
	}

	.dcw-subproduct-filter .dcw-filter-content {
		gap: 2rem;
	}
}

/** Product Feature **/
.dcw-fiturproduct * {
	box-sizing: border-box;
}

.dcw-fiturproduct {
	width: 100%;
	padding: 32px 0px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: white;
	box-sizing: border-box;
	align-items: center;
}

.dcw-fiturproduct .dcw-header {
	width: 100%;
	height: fit-content;
	max-height: 32px;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-fiturproduct .dcw-title-tag {
	width: 100%;
	max-height: 32px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	color: #414141;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-fiturproduct .dcw-header-title {
	width: fit-content;
}

.dcw-fiturproduct .dcw-card-container {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: start;
	flex-wrap: wrap;
	gap: 32px;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-fiturproduct .dcw-card-fiturproduct {
	/* flex: 1 0 91%;
    min-width: 300px;
    min-height: 210px; */
	aspect-ratio: 8/5;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: start;
	/* flex-wrap: wrap; */
	gap: 16px;
	border: 1px solid var(--color-border-border-primary-default, #e0e0e0);
	/* border-radius:var(--corner-radiuscontainer-card-xl,32px); */
	border-radius: 20px;
	/* padding: var(--spacegapspace-component-gap-l,32px); */
	padding: 1rem;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-fiturproduct .dcw-card-header-container {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.dcw-fiturproduct .dcw-card-header-icon {
	width: 48px;
	height: 48px;
}

.dcw-fiturproduct .dcw-card-product-content-container {
	display: flex;
	width: 100%;
	justify-content: start;
}

@media screen and (min-width: 1024px) {
	.dcw-fiturproduct {
		padding: 56px 0px;
		background: #ffffff;
	}

	.dcw-fiturproduct .dcw-header {
		max-height: 72px;
	}

	.dcw-fiturproduct .dcw-title-tag {
		max-width: 70%;
		max-height: 72px;
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-fiturproduct .dcw-card-fiturproduct {
		flex: 1 1 31%;
	}
}

/** Product Feature Alternative **/
.dcw-fiturproduct-alt {
	max-width: 786px;
	margin: 0 auto;
	width: 100%;
	padding: 32px 0px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: white;
	box-sizing: border-box;
	align-items: center;
}

.dcw-fiturproduct-alt .dcw-header {
	width: 100%;
	height: fit-content;
	max-height: 32px;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-fiturproduct-alt .dcw-title-tag {
	width: 100%;
	max-height: 32px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	color: #414141;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-fiturproduct-alt .dcw-header-title {
	width: fit-content;
}

.dcw-fiturproduct-alt .dcw-card-container {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: start;
	flex-wrap: wrap;
	gap: 32px;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-fiturproduct-alt .dcw-card-fiturproduct {
	flex: 1 0 91%;
	min-width: 300px;
	min-height: 210px;
	height: fit-content;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	border: 1px solid var(--color-border-border-primary-default, #e0e0e0);
	border-radius: var(--corner-radiuscontainer-card-xl, 32px);
	padding: var(--spacegapspace-component-gap-l, 32px);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-fiturproduct-alt .dcw-card-header-container {
	display: flex;
	width: 100%;
	justify-content: center;
}

.dcw-fiturproduct-alt .dcw-card-header-icon {
	width: 60%;
	height: auto;
}

.dcw-fiturproduct-alt .dcw-card-product-content-container {
	display: flex;
	width: 80%;
	justify-content: center;
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.dcw-fiturproduct-alt {
		padding: 56px 0px;
		background: #ffffff;
	}

	.dcw-fiturproduct-alt .dcw-header {
		max-height: 72px;
	}

	.dcw-fiturproduct-alt .dcw-title-tag {
		max-width: 70%;
		max-height: 72px;
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-fiturproduct-alt .dcw-card-fiturproduct {
		min-width: unset;
		min-height: unset;
		height: 100%;
	}
}

/** Product Rich Text **/
.dcw-product-richtext *,
.dcw-faq-sidetab *,
.dcw-rich-sidetab * {
	box-sizing: border-box;
}

.dcw-product-richtext {
	width: 100%;
	padding: 1rem 0px 1rem 0px;
	display: flex;
	flex-direction: column;
	background: white;
	box-sizing: border-box;
	align-items: center;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-product-richtext .dcw-section-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-bottom: 2rem;
}

.dcw-product-richtext .dcw-section {
	width: 100%;
	height: fit-content;
	display: flex;
}

.dcw-product-richtext .dcw-section-content-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: -10px;
}

.dcw-product-richtext .dcw-section-content-container p,
.dcw-faq-sidetab .dcw-section-content-container p,
.dcw-rich-sidetab .dcw-section-content-container p {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-product-richtext .dcw-section-content-container h3,
.dcw-faq-sidetab .dcw-section-content-container h3,
.dcw-rich-sidetab .dcw-section-content-container h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
}

.dcw-product-richtext .dcw-nav-tag {
	width: fit-content;
	height: 40px;
	padding: 8px 16px;
	gap: 8px;
	border-radius: 8px;
	border: 1px solid #e0e0e0;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: center;
	flex-shrink: 0;
	cursor: pointer;
	color: black;
}

.dcw-product-richtext .dcw-nav-tag * {
	pointer-events: none;
}

.dcw-product-richtext .dcw-nav-container {
	width: 100%;
	height: 60px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	overflow-x: scroll;
	position: relative;
	background: white;
}

.dcw-product-richtext .dcw-nav-container.sticky {
	position: fixed;
	z-index: 99;
	top: 134px;
	padding: 0 2rem;
}

.dcw-product-richtext .nav-holder {
	display: none;
	height: 60px;
}

.dcw-product-richtext .nav-holder.active {
	display: block;
}

.dcw-product-richtext .dcw-nav-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-product-richtext .dcw-nav-tag.dcw-nav-tag-active {
	background-color: var(--color-background-fill-primary);
	color: white;
}

.dcw-product-richtext .dcw-section-content-container .dcw-table-cont,
.dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont,
.dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont {
	overflow: auto;
	padding: 1rem 0;
}

.dcw-product-richtext
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar,
.dcw-faq-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar,
.dcw-rich-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar {
	height: 10px;
}

.dcw-product-richtext
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-track,
.dcw-faq-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-track,
.dcw-rich-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-product-richtext
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-thumb,
.dcw-faq-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-thumb,
.dcw-rich-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-success-hover, #1e8758);
	border-radius: 10px;
}

.dcw-product-richtext
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-thumb:hover,
.dcw-faq-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-thumb:hover,
.dcw-rich-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-success-hover, #1e8758);
}

.dcw-product-richtext .dcw-section-content-container table,
.dcw-faq-sidetab .dcw-section-content-container table,
.dcw-rich-sidetab .dcw-section-content-container table {
	border-collapse: collapse;
	width: max-content;
}

.dcw-product-richtext
	.dcw-section-content-container
	table
	tr:first-child
	th:first-child,
.dcw-faq-sidetab
	.dcw-section-content-container
	table
	tr:first-child
	th:first-child,
.dcw-rich-sidetab
	.dcw-section-content-container
	table
	tr:first-child
	th:first-child {
	border-top-left-radius: 16px;
}

.dcw-product-richtext
	.dcw-section-content-container
	table
	tr:last-child
	td:first-child,
.dcw-faq-sidetab
	.dcw-section-content-container
	table
	tr:last-child
	td:first-child,
.dcw-rich-sidetab
	.dcw-section-content-container
	table
	tr:last-child
	td:first-child {
	border-bottom-left-radius: 16px;
}

.dcw-product-richtext
	.dcw-section-content-container
	table
	tr:last-child
	td:last-child,
.dcw-faq-sidetab
	.dcw-section-content-container
	table
	tr:last-child
	td:last-child,
.dcw-rich-sidetab
	.dcw-section-content-container
	table
	tr:last-child
	td:last-child {
	border-bottom-right-radius: 16px;
}

.dcw-product-richtext
	.dcw-section-content-container
	table
	tr:first-child
	th:last-child,
.dcw-faq-sidetab
	.dcw-section-content-container
	table
	tr:first-child
	th:last-child,
.dcw-rich-sidetab
	.dcw-section-content-container
	table
	tr:first-child
	th:last-child {
	border-top-right-radius: 16px;
}

.dcw-product-richtext .dcw-section-content-container table td,
.dcw-faq-sidetab .dcw-section-content-container table td,
.dcw-rich-sidetab .dcw-section-content-container table td {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	padding: 12px 12px;
}

.dcw-product-richtext .dcw-section-content-container table tr:nth-child(even),
.dcw-faq-sidetab .dcw-section-content-container table tr:nth-child(even),
.dcw-rich-sidetab .dcw-section-content-container table tr:nth-child(even) {
	background-color: #eeeeee;
}

.dcw-product-richtext .dcw-section-content-container table tr:nth-child(odd),
.dcw-faq-sidetab .dcw-section-content-container table tr:nth-child(odd),
.dcw-rich-sidetab .dcw-section-content-container table tr:nth-child(odd) {
	background-color: #f8f8f8;
}
/* .dcw-product-richtext .dcw-section-content-container table tr:hover {
    background-color: #ddd;
} */
.dcw-product-richtext .dcw-section-content-container table th,
.dcw-faq-sidetab .dcw-section-content-container table th,
.dcw-rich-sidetab .dcw-section-content-container table th {
	padding: 12px 12px;
	text-align: left;
	background: var(--color-background-fill-success-hover, #1e8758);
	color: white;
	white-space: nowrap;
	font-weight: 700;
}

.dcw-product-richtext
	.dcw-section-content-container
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb,
.dcw-faq-sidetab
	.dcw-section-content-container
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb,
.dcw-rich-sidetab
	.dcw-section-content-container
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
	background: #b6cac7;
}

.dcw-product-richtext
	.dcw-section-content-container
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover,
.dcw-faq-sidetab
	.dcw-section-content-container
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover,
.dcw-rich-sidetab
	.dcw-section-content-container
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
	background: #b6cac7;
}

.dcw-product-richtext
	.dcw-section-content-container
	table.table-alt
	tr:nth-child(even),
.dcw-faq-sidetab
	.dcw-section-content-container
	table.table-alt
	tr:nth-child(even),
.dcw-rich-sidetab
	.dcw-section-content-container
	table.table-alt
	tr:nth-child(even) {
	background-color: #ffffff;
}

.dcw-product-richtext
	.dcw-section-content-container
	table.table-alt
	tr:nth-child(odd),
.dcw-faq-sidetab
	.dcw-section-content-container
	table.table-alt
	tr:nth-child(odd),
.dcw-rich-sidetab
	.dcw-section-content-container
	table.table-alt
	tr:nth-child(odd) {
	background-color: #e7edec;
}

.dcw-product-richtext .dcw-section-content-container table.table-alt th,
.dcw-faq-sidetab .dcw-section-content-container table.table-alt th,
.dcw-rich-sidetab .dcw-section-content-container table.table-alt th {
	background: #b6cac7;
	color: #062f28;
}

.dcw-product-richtext .dcw-section-content-container table.table-alt td,
.dcw-faq-sidetab .dcw-section-content-container table.table-alt td,
.dcw-rich-sidetab .dcw-section-content-container table.table-alt td {
	color: #062f28;
}

.dcw-product-richtext .dcw-section-content-container b,
.dcw-faq-sidetab .dcw-section-content-container b,
.dcw-rich-sidetab .dcw-section-content-container b {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-product-richtext .dcw-section-content-container ul,
.dcw-faq-sidetab .dcw-section-content-container ul,
.dcw-rich-sidetab .dcw-section-content-container ul {
	display: flex;
	flex-direction: column;
	gap: var(--spacegapspace-component-gap-s, 12px);
	list-style: disc !important;
	padding-left: 24px;
}

.dcw-product-richtext .dcw-section-content-container ul li > *,
.dcw-faq-sidetab .dcw-section-content-container ul li > *,
.dcw-rich-sidetab .dcw-section-content-container ul li > * {
	margin-bottom: 8px;
}

.dcw-product-richtext .dcw-section-content-container ul li::marker,
.dcw-faq-sidetab .dcw-section-content-container ul li::marker,
.dcw-rich-sidetab .dcw-section-content-container ul li::marker {
	color: #e84e15;
	font-size: 24px;
}

.dcw-product-richtext .dcw-section-content-container ol {
	display: flex;
	flex-direction: column;
	list-style: decimal !important;
	padding-left: 24px;
}

.dcw-product-richtext .dcw-section-content-container ol li::marker {
	color: #1a1a1a;
	font-size: 16px;
}

.dcw-product-richtext .dcw-section-content-container a {
	color: #e84e15;
}

.dcw-product-richtext .dcw-section-content-container h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-product-richtext .dcw-list-decription {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-product-richtext .dcw-nav-tag img {
	display: none;
}

.dcw-product-richtext a.cta-btn {
	color: #ffffff;
	background-color: #e84e15;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 8px;
	padding: 1rem;
	text-align: center;
	display: block;
	width: fit-content;
	max-width: 100%;
}

.dcw-product-richtext a.cta-btn.left {
	align-self: flex-start;
}

.dcw-product-richtext a.cta-btn.right {
	align-self: flex-end;
}

.dcw-product-richtext a.cta-btn.center {
	align-self: center;
}

@media screen and (min-width: 1024px) {
	.dcw-product-richtext {
		max-width: 786px;
		margin: 0 auto 5rem auto;
		padding: 56px 0px;
		flex-direction: row;
		align-items: start;
		gap: 2rem;
		position: relative;
	}

	.dcw-product-richtext .dcw-nav-container {
		/* width: 450px; */
		width: 25%;
		flex-direction: column;
		height: fit-content;
	}

	.dcw-product-richtext .dcw-nav-container.sticky {
		top: 150px;
		padding: 0;
	}

	.dcw-product-richtext .nav-holder {
		height: auto;
		width: 450px;
	}

	.dcw-product-richtext .dcw-nav-container.bottom {
		top: auto;
		bottom: 24px;
		position: absolute;
	}

	.dcw-product-richtext .nav-holder.bottom {
		display: block;
	}

	.dcw-product-richtext .dcw-nav-tag {
		padding: 1rem 0.5rem;
		width: 100%;
		border-radius: 0;
		border: 0;
		border-bottom: 1px solid #e0e0e0;
		height: fit-content;
		/* font-size: 18px; */
		font-size: 15.63px;
		font-weight: 400;
		line-height: 36px;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.dcw-product-richtext .dcw-nav-tag.dcw-nav-tag-active {
		background-color: white;
		color: var(--color-background-fill-primary);
	}

	.dcw-product-richtext .dcw-nav-tag img:first-child {
		display: block;
	}

	.dcw-product-richtext .dcw-nav-tag img:last-child {
		display: none;
	}

	.dcw-product-richtext .dcw-nav-tag.dcw-nav-tag-active img:first-child {
		display: none;
	}

	.dcw-product-richtext .dcw-nav-tag.dcw-nav-tag-active img:last-child {
		display: block;
	}

	.dcw-product-richtext .dcw-section-container {
		padding-top: 0rem !important;
		padding-bottom: 0rem !important;
	}

	.dcw-product-richtext .dcw-section-title {
		font-size: 32px;
		line-height: 40px;
		word-wrap: break-word;
	}

	.dcw-product-richtext .dcw-section-content-container table,
	.dcw-faq-sidetab .dcw-section-content-container table,
	.dcw-rich-sidetab .dcw-section-content-container table {
		width: 100%;
	}
}

/** Product Interest Bar **/
.dcw-interestbar * {
	box-sizing: border-box;
	position: relative;
}

.dcw-interestbar {
	width: 100%;
	height: auto;
}

.dcw-interestbar .dcw-interestbar-content {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1rem;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	background: white;
	box-sizing: border-box;
	box-shadow: 0px -6px 28px 0px #00000014;
	position: fixed;
	bottom: 0;
	left: 0;
	transform: translateY(100%);
	z-index: 99;
}

.dcw-interestbar .dcw-bandingkanproduct {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem !important;
	padding-top: 2rem !important;
	background-color: #f5f5f5;
	box-sizing: border-box;
	box-shadow: 0px -6px 28px 0px #00000014;
	border-radius: var(--corner-radiuscontainer-card-xl)
		var(--corner-radiuscontainer-card-xl) 0px 0px;
	position: fixed;
	bottom: 0;
	left: 0;
	transform: translateY(100%);
	z-index: 999999;
}

.dcw-interestbar .interestbar-shade {
	position: fixed;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
}

.dcw-interestbar .dcw-next-mobile {
	display: flex;
	height: 60px;
	width: 100%;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: -0.01em;
	text-align: center;
	border: none;
	border-radius: var(--corner-radiuscontainer-card-s);
	padding: var(--spacepaddingspace-component-padding-m, 16px);
	color: #a3a3a3;
	cursor: pointer;
	background-color: #bababa;
	pointer-events: none;
}

.dcw-interestbar .dcw-next-mobile.active {
	color: white;
	background-color: var(--color-background-fill-primary);
	pointer-events: all;
}

.dcw-interestbar .dcw-button-container {
	display: flex;
	justify-content: end;
	gap: 1rem;
}

.dcw-interestbar .dcw-title {
	display: none;
}

.dcw-interestbar .dcw-header {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
}

.dcw-interestbar .dcw-title-subtitle-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
}

.dcw-interestbar .dcw-title-tag {
	width: 100%;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
}

.dcw-interestbar .dcw-header-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	width: fit-content;
}

.dcw-interestbar .dcw-header-subtitle {
	display: none;
}

.dcw-interestbar .dcw-tag-icon {
	display: none;
}

.dcw-interestbar .dcw-close-button {
	background-color: #ffffff;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-interestbar .dcw-content-bandingkanProduct {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: var(--spacegapspace-component-gap-l, 32px);
	padding-bottom: 1rem;
	height: 70vh;
}

.dcw-interestbar .dcw-product-dropdown-container {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 2rem;
	max-height: 600px;
	overflow-y: auto;
	overflow-x: hidden;
}

.dcw-interestbar .dcw-product-dropdown-container::-webkit-scrollbar {
	width: 16px;
}

.dcw-interestbar .dcw-product-dropdown-container::-webkit-scrollbar-track {
	background-color: transparent;
}

.dcw-interestbar .dcw-product-dropdown-container::-webkit-scrollbar-thumb {
	background-color: var(--color-background-fill-primary, #e84e15);
	border-radius: 32px;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	background-clip: content-box;
}

.dcw-interestbar .dcw-dropdown-box {
	background-color: #ffffff;
	border-radius: 8px;
	padding: 1rem;
	min-width: 200px;
	flex: 1 0 91%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-interestbar .dcw-bandingkan-text-not-selected {
	min-height: 28px;
	display: flex;
	align-items: center;
}

.dcw-interestbar .dcw-compare-img {
	width: 140px;
	height: 140px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: var(--corner-radiuscontainer-card-l, 24px);
	background: var(--color-background-background, #f5f5f5);
}

.dcw-interestbar .dcw-dropdown-card {
	width: 100%;
	height: 100%;
	aspect-ratio: 1;
	border-radius: var(--corner-radiuscontainer-card-l, 24px);
	object-fit: cover;
}

.dcw-interestbar .dcw-card-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-interestbar .dcw-dropdown {
	display: inline-block;
	position: relative;
	height: fit-content;
}

.dcw-interestbar .dcw-dropdown *::-webkit-scrollbar {
	width: 8px;
}

.dcw-interestbar .dcw-dropdown *::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-interestbar .dcw-dropdown *::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-primary);
	border-radius: 10px;
}

.dcw-interestbar .dcw-dropdown *::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-primary);
}

.dcw-interestbar .dropdown-selector {
	height: 64px;
	width: 100%;
	padding: var(--spacepaddingspace-component-padding-ms, 12px)
		var(--spacepaddingspace-component-padding-m, 16px)
		var(--spacepaddingspace-component-padding-ms, 12px)
		var(--spacepaddingspace-component-padding-m, 16px);
	gap: var(--spacegapspace-component-gap-ms, 12px);
	border-radius: var(--corner-radiuscontainer-text-input, 8px);
	border: 1px solid var(--color-border-border-primary-default, #e0e0e0);
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #333;
	transition: background-color 0.3s;
}

.dcw-interestbar .dropdown-selector span {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	text-decoration: none;
	transition: background-color 0.3s;
	height: fit-content;
	width: fit-content;
	white-space: nowrap;
}

.dcw-interestbar .dropdown-selector:hover {
	background-color: #f0f0f0;
}

.dcw-interestbar .dcw-dropdown ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	position: absolute;
	z-index: 9;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
	border-radius: 8px;
	max-height: 150px;
	overflow-y: auto;
	width: 100%;
	visibility: hidden;
	opacity: 0;
}

.dcw-interestbar .dcw-dropdown ul li {
	display: flex;
	padding: 12px 20px;
	text-decoration: none;
	color: #333;
	transition: background-color 0.3s;
	gap: 5px;
	white-space: nowrap;
	width: 100%;
	cursor: pointer;
}

.dcw-interestbar .dcw-dropdown ul li:hover {
	background-color: #f0f0f0;
	text-decoration: none;
}

.dcw-interestbar .dcw-selector-subtitle {
	color: var(--color-text-text-secondary, #8d8d8d);
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-interestbar .dcw-selector-title {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-interestbar .dcw-product-choice {
	display: flex;
	flex-direction: row;
	gap: 1rem;
}

.dcw-interestbar .dcw-product-text {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.dcw-interestbar .dcw-bandingkan-delete-btn {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 8px;
	width: fit-content;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
}

.dcw-interestbar .dcw-bandingkan-delete-btn * {
	display: flex;
	align-items: center;
	color: var(--color-background-fill-primary, #e84e15);
	height: 24px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: center;
}

.dcw-interestbar .ib-indicator {
	width: 80px;
	height: 4px;
	background-color: #e6e6e6;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}

@media screen and (min-width: 1024px) {
	.dcw-interestbar .dcw-bandingkanproduct {
		background-color: white;
		padding-top: 2rem !important;
		padding-bottom: 4rem !important;
		padding-left: 5rem !important;
		padding-right: 5rem !important;
	}

	.dcw-interestbar .dcw-interestbar-content {
		flex-direction: row;
		padding: 0 2rem;
	}

	.dcw-interestbar .dcw-title {
		display: flex;
		font-size: 24px;
		font-weight: 700;
		line-height: 28px;
		letter-spacing: -0.01em;
		text-align: left;
		align-items: center;
	}

	.dcw-interestbar .dcw-title-tag {
		max-width: 70%;
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-interestbar .dcw-tag-icon {
		display: block;
		width: auto;
		height: 100px;
	}

	.dcw-interestbar .dcw-header-title {
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-interestbar .dcw-header-subtitle {
		font-weight: 400;
		letter-spacing: -0.01em;
		text-align: left;
		align-items: center;
		display: flex;
		font-size: 18px;
		line-height: 22px;
	}

	.dcw-interestbar .dcw-close-button {
		height: 48px;
	}

	.dcw-interestbar .dcw-content-bandingkanProduct {
		flex-direction: row;
		height: auto;
	}

	.dcw-interestbar .dcw-product-dropdown-container {
		gap: 2%;
	}

	.dcw-interestbar .dcw-dropdown-box {
		background-color: transparent;
		border-radius: none;
		padding: 0;
		flex: 1 0 21%;
	}

	.dcw-interestbar .dcw-product-choice {
		flex-direction: column;
		gap: 0.5rem;
	}

	.dcw-interestbar .dcw-card-title {
		font-size: 24px;
		line-height: 28px;
	}

	.dcw-interestbar .ib-indicator {
		display: none;
	}
}

/** Product Comparison **/
.dcw-comparefilter * {
	box-sizing: border-box;
	position: relative;
}

.dcw-comparefilter {
	max-width: 786px;
	margin: 0 auto;
	width: 100%;
	height: fit-content;
	display: flex;
	background: white;
	box-sizing: border-box;
	position: relative;
}

.dcw-comparefilter .dcw-comparefilter-content {
	width: 100%;
	height: fit-content;
	padding: 2rem 0px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1rem;
}

.dcw-comparefilter .dcw-button-container {
	display: flex;
	justify-content: start;
	gap: 1rem;
}

.dcw-comparefilter .dcw-bandingkanproduct {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	padding: 1rem 0;
	gap: 1rem;
}

.dcw-comparefilter .dcw-filteredProduct {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	padding: 0rem 0;
	gap: 0;
}

.dcw-comparefilter .dcw-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
	align-items: center;
	display: flex;
}

.dcw-comparefilter .dcw-header {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-comparefilter .dcw-title-subtitle-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
}

.dcw-comparefilter .dcw-title-tag {
	width: 100%;
	display: flex;
	gap: 8px;
	justify-content: start;
	align-items: start;
}

.dcw-comparefilter .dcw-header-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
	width: fit-content;
}

.dcw-comparefilter .dcw-header-subtitle {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: -0.01em;
	text-align: left;
	align-items: center;
	display: flex;
}

.dcw-comparefilter .dcw-tag-icon {
	width: auto;
	height: 30px;
}

.dcw-comparefilter .dcw-close-button {
	height: 36px;
	background: transparent;
	padding: 0;
	margin: 0;
}

.dcw-comparefilter .dcw-content-bandingkanproduct {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 2rem;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-comparefilter .dcw-product-dropdown-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 1rem;
	padding: 1rem;
	background: var(--color-background-background, #f5f5f5);
	border-radius: var(--corner-radiuscontainer-card-xl, 32px);
}

.dcw-comparefilter .dcw-product-dropdown-container::-webkit-scrollbar {
	width: 16px;
}

.dcw-comparefilter .dcw-product-dropdown-container::-webkit-scrollbar-track {
	background-color: transparent;
}

.dcw-comparefilter .dcw-product-dropdown-container::-webkit-scrollbar-thumb {
	background-color: var(--color-background-fill-primary, #e84e15);
	border-radius: 32px;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	background-clip: content-box;
}

.dcw-comparefilter .dcw-dropdown-box {
	min-width: 170px;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	border-radius: 8px;
	background: white;
}

.dcw-comparefilter .dcw-dropdown-box-2 {
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	flex: 1 1 31%;
}

.dcw-comparefilter .dcw-dropdown-box:first-child {
	width: 30%;
	flex-grow: 1;
}

.dcw-comparefilter .dcw-dropdown-box:last-child {
	width: 60%;
	flex-grow: 1;
}

.dcw-comparefilter .dcw-product-dropdown-list {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: row;
	gap: 1rem;
	padding: 1rem;
	background: var(--color-background-background, #f5f5f5);
	overflow-x: auto;
}

.dcw-comparefilter .dcw-product-dropdown-list > * {
	min-width: 175px;
	width: 175px;
}

.dcw-comparefilter .dcw-bandingkan-text-not-selected {
	min-height: 28px;
	display: flex;
	align-items: center;
}

.dcw-comparefilter .dcw-compare-img {
	width: 140px;
	height: 140px;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: var(--corner-radiuscontainer-card-l, 24px);
	background: var(--color-background-background, #f5f5f5);
}

.dcw-comparefilter .dcw-dropdown-card {
	width: 100%;
	height: 100%;
	aspect-ratio: 1;
	border-radius: var(--corner-radiuscontainer-card-l, 24px);
	object-fit: cover;
}

.dcw-comparefilter .dcw-card-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-comparefilter .dcw-dropdown {
	display: inline-block;
	position: relative;
	height: fit-content;
}

.dcw-comparefilter .dcw-dropdown *::-webkit-scrollbar {
	width: 4px;
}

.dcw-comparefilter .dcw-dropdown *::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-comparefilter .dcw-dropdown *::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-primary);
	border-radius: 10px;
}

.dcw-comparefilter .dcw-dropdown *::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-primary);
}

.dcw-comparefilter .dropdown-selector {
	height: 64px;
	width: 100%;
	padding: var(--spacepaddingspace-component-padding-ms, 12px)
		var(--spacepaddingspace-component-padding-m, 16px)
		var(--spacepaddingspace-component-padding-ms, 12px)
		var(--spacepaddingspace-component-padding-m, 16px);
	gap: var(--spacegapspace-component-gap-ms, 12px);
	border-radius: var(--corner-radiuscontainer-text-input, 8px);
	border: 1px solid var(--color-border-border-primary-default, #e0e0e0);
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #333;
	transition: background-color 0.3s;
}

.dcw-comparefilter .dropdown-selector span {
	display: flex;
	flex-direction: column;
	align-items: start;
	justify-content: center;
	text-decoration: none;
	transition: background-color 0.3s;
	height: fit-content;
	width: fit-content;
	white-space: nowrap;
	overflow: hidden;
}

.dcw-comparefilter .dropdown-selector:hover {
	background-color: #f5f5f5;
}

.dcw-comparefilter .dcw-dropdown ul {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: 9;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
	border-radius: 8px;
	max-height: 135px;
	overflow-y: auto;
	width: 100%;
	overflow-x: hidden;
	display: block;
}

.dcw-comparefilter .dcw-dropdown ul li {
	display: flex;
	padding: 12px 20px;
	text-decoration: none;
	color: #333;
	transition: background-color 0.3s;
	gap: 5px;
	white-space: nowrap;
	width: 100%;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	justify-content: space-between;
}

.dcw-comparefilter .dcw-dropdown ul li i.dcw-check {
	display: none;
}

.dcw-comparefilter .dcw-dropdown ul li i.dcw-check:before {
	content: "✓";
}

.dcw-comparefilter .dcw-dropdown ul li:hover {
	background-color: #f0f0f0;
	text-decoration: none;
}

.dcw-comparefilter .dcw-dropdown ul li.selected-product {
	display: flex !important;
	font-weight: 700;
}

.dcw-comparefilter .dcw-dropdown ul li.selected-product i.dcw-check {
	display: block;
}

.dcw-comparefilter .dcw-selector-subtitle {
	color: var(--color-text-text-secondary, #8d8d8d);
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-comparefilter .dcw-bandingkan-delete-btn {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 8px;
	width: fit-content;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
}

.dcw-comparefilter .dcw-bandingkan-delete-btn * {
	display: flex;
	align-items: center;
	color: var(--color-background-fill-primary, #e84e15);
	height: 24px;
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: center;
}

.dcw-comparefilter .dcw-inner-title {
	width: 100%;
	background-color: #f5f5f5;
	padding: 1rem 0.5rem;
}

.dcw-comparefilter .dcw-product-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
	padding: 2rem 1rem;
	width: 100%;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-comparefilter .dcw-bandingkan-desc {
	display: none;
}

.dcw-comparefilter .dcw-product-container {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	width: 100%;
}

.dcw-comparefilter .dcw-fitur-container {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.dcw-comparefilter .dcw-manfaat-list-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: row;
	gap: 1rem;
	overflow-x: auto;
}

.dcw-comparefilter .dcw-manfaat-list-container > * {
	min-width: 175px;
	width: 175px;
}

.dcw-comparefilter .dcw-manfaat-list {
	display: flex;
	flex-direction: column;
	gap: var(--spacegapspace-component-gap-s, 1rem);
	flex: 1 1 31%;
}
/* .dcw-comparefilter .dcw-manfaat-list li {
    display: flex;
    flex-direction: column; 
    gap: var(--spacegapspace-component-gap-s,8px);
}
.dcw-comparefilter .dcw-manfaat-list li span{
    min-width: 6px;
} */
.dcw-comparefilter .dcw-bullet-point {
	height: 6px;
	width: 6px;
	margin-top: 7px;
	background: black;
	border-radius: 50%;
}

.dcw-comparefilter .dcw-manfaat-list-container ul {
	display: flex;
	flex-direction: column;
	gap: var(--spacegapspace-component-gap-s, 12px);
	list-style: disc !important;
	padding-left: 24px;
}

.dcw-comparefilter .dcw-manfaat-list-container ul li > * {
	margin-bottom: 8px;
}

.dcw-comparefilter .dcw-manfaat-list-container ul li::marker {
	color: #000000; /* #E84E15 */
	font-size: 24px;
}

.dcw-comparefilter .dcw-list-content-container {
	display: flex;
	flex-direction: row;
	gap: var(--spacegapspace-component-gap-ms, 8px);
}

.dcw-comparefilter .dcw-list-title {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-comparefilter .dcw-list-subtitle {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-comparefilter .dcw-table-hasil {
	flex: 1 1 31%;
	padding: 0rem 0;
}

.dcw-comparefilter .dcw-table-hasil::-webkit-scrollbar {
	height: 10px;
}

.dcw-comparefilter .dcw-table-hasil::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-comparefilter .dcw-table-hasil::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-primary);
	border-radius: 10px;
}

.dcw-comparefilter .dcw-table-hasil::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-primary);
}

.dcw-comparefilter .dcw-table {
	border-collapse: collapse;
	width: 100%;
}

.dcw-comparefilter .dcw-table tr:first-child th:first-child {
	border-top-left-radius: 16px;
}

.dcw-comparefilter .dcw-table tr:last-child td:first-child {
	border-bottom-left-radius: 16px;
}

.dcw-comparefilter .dcw-table tr:last-child td:last-child {
	border-bottom-right-radius: 16px;
}

.dcw-comparefilter .dcw-table tr:first-child th:last-child {
	border-top-right-radius: 16px;
}

.dcw-comparefilter .dcw-table td {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: center;
	padding: 12px 12px;
}

.dcw-comparefilter .dcw-table tr:nth-child(even) {
	background-color: #eeeeee;
}

.dcw-comparefilter .dcw-table tr:nth-child(odd) {
	background-color: #f8f8f8;
}
/* .dcw-comparefilter .dcw-table tr:hover {
    background-color: #ddd;
} */
.dcw-comparefilter .dcw-table th {
	padding: 4px 12px;
	text-align: center;
	background: var(--color-background-fill-success-hover, #1e8758);
	color: white;
	white-space: nowrap;
}

.dcw-comparefilter .dcw-table-text {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-comparefilter .dcw-alert {
	width: 100%;
	height: fit-content;
	font-size: 14px;
	font-weight: 700;
	line-height: 18px;
	letter-spacing: -0.01em;
	text-align: left;
	color: var(--color-text-text-warning, #ff8000);
	background: var(--color-background-surface-warning, #fffbee);
	padding: var(--spacepaddingspace-component-padding-m, 16px);
	gap: var(--spacegapspace-component-gap-ms, 12px);
	border-radius: var(--corner-radiuscontainer-card-m, 2rem);
	margin: 1rem 0;
}

.dcw-comparefilter .dcw-scrollable-content {
	background-color: transparent;
	width: 100%;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-comparefilter .dcw-mobilepop-cf-content {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	visibility: hidden;
	opacity: 0;
}

.dcw-comparefilter .hidden-product {
	display: none !important;
}

.dcw-comparefilter .selected-product {
	display: block !important;
}

.dcw-mobilepop-cf-content .dcw-mobilepop-shade {
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
}

.dcw-mobilepop-cf-content .dcw-mobilepop-content {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: fit-content;
	background-color: #f5f5f5;
	border-radius: var(--corner-radiuscontainer-card-l)
		var(--corner-radiuscontainer-card-l) 0px 0px;
	transform: translateY(100%);
}

.dcw-comparefilter .dcw-mobilepop-cf-content.show .dcw-mobilepop-content {
	transform: translateY(0%);
}

.dcw-mobilepop-cf-content .cf-indicator {
	width: 80px;
	height: 4px;
	background-color: #e6e6e6;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}

.dcw-mobilepop-cf-content .dcw-mobilepop-header {
	margin-top: 1rem;
}

.dcw-mobilepop-cf-content .dcw-mobilepop-header-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 1rem 0 1rem;
	width: 100%;
}

.dcw-mobilepop-cf-content .dcw-mobilepop-dropdown {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: left;
	margin-top: 1rem;
	padding: 1rem;
	width: 100%;
}

.dcw-mobilepop-cf-content .dcw-mobilepop-dropdown ul {
	width: 100%;
	border-radius: var(--corner-radiuscontainer-card-l);
	background-color: #ffffff;
	overflow: auto;
	padding: 1rem;
}

.dcw-mobilepop-cf-content .dcw-mobilepop-dropdown ul li {
	padding: 1rem;
	background-color: #ffffff !important;
	border-bottom: 1px solid #e0e0e0;
}

.dcw-mobilepop-cf-content .dcw-mobilepop-dropdown ul li:last-child {
	border-bottom: none;
}

.dcw-mobilepop-cf-content .dcw-mobilepop-header-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-mobilepop-cf-content .dcw-mobilepop-close {
	background-color: #ffffff;
	width: 32px;
	height: 32px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-comparefilter .dcw-content-start-hidden {
	display: flex;
}

.dcw-comparefilter .dcw-content-start-hidden.hidden {
	display: none;
}

@media screen and (min-width: 1024px) {
	.dcw-comparefilter .dcw-product-dropdown-container {
		gap: 2.5rem;
		padding: 40px;
	}

	.dcw-comparefilter .dcw-comparefilter-content {
		flex-direction: row;
	}

	.dcw-comparefilter .dcw-bandingkanproduct {
		padding: 2rem 0;
	}

	.dcw-comparefilter .dcw-title-tag {
		gap: 16px;
		justify-content: start;
		align-items: center;
		max-width: 70%;
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-comparefilter .dcw-tag-icon {
		height: 100px;
	}

	.dcw-comparefilter .dcw-header-title {
		/* font-size: 40px; */
		font-size: 19.53px;
		line-height: 52px;
	}

	.dcw-comparefilter .dcw-header-subtitle {
		font-size: 10px;
		line-height: 22px;
	}

	.dcw-comparefilter .dcw-close-button {
		height: 48px;
	}

	.dcw-comparefilter .dcw-inner-title {
		background-color: transparent;
		font-size: 19.53px;
	}

	.dcw-comparefilter .dcw-product-container.desktop-invert {
		background-color: #f5f5f5;
		padding: 3rem 0 !important;
	}

	.dcw-comparefilter .dcw-product-dropdown-list {
		overflow: visible;
	}
}

/** Promo Hero Slider **/
.dcw-promohero-slider {
	opacity: 0;
	transition: all 0.8s ease;
}

.dcw-promohero-slider * {
	box-sizing: border-box;
}

.dcw-promohero-slider .dcw-round-icon {
	border-radius: 50%;
	width: 48px;
	height: 48px;
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
}

.dcw-promohero-slider .dcw-content-card {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1rem;
	background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, 1));
	border-radius: 0;
}

.dcw-promohero-slider .dcw-card-subtitle {
	font-size: 12px;
	line-height: 1.2;
	font-weight: 400;
	color: #ffffff;
}

.dcw-promohero-slider .dcw-card-title {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	color: #ffffff;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcw-promohero-slider .dcw-card-time {
	display: flex;
	gap: 0.5rem;
	align-items: center;
}

.dcw-promohero-slider .dcw-svg-container {
	display: flex;
	align-items: center;
}

.dcw-promohero-slider .dcw-time-desc {
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	color: #ffffff;
}

.dcw-promohero-slider .card-contents {
	border-radius: 0;
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
}

.dcw-promohero-slider .card-item-child {
	border-radius: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.dcw-promohero-slider .dcw-card-background {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.dcw-promohero-slider .swiper-pagination {
	position: relative;
	display: block;
	padding: 1rem 0;
}

.dcw-promohero-slider .swiper-pagination .swiper-pagination-bullet {
	background-color: #e84e15;
}

.dcw-promohero-slider .swiper-wrapper {
	display: flex;
	align-items: center;
}

.dcw-promohero-slider .swiper-arrow-cont {
	display: none;
	height: fit-content;
}

.dcw-promohero-slider .dcw-card-container {
	min-height: 300px;
}

.dcw-promohero-slider .dcw-card-container .swiper {
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.dcw-promohero-slider .swiper-slide {
	height: auto;
	aspect-ratio: 3 / 2;
	transition: all 1.5s ease;
}

.dcw-promohero-slider .swiper-slide.swiper-slide-active {
	transform: scale(1);
}

@media screen and (min-width: 700px) {
	.dcw-promohero-slider .dcw-card-container,
	.dcw-promohero-slider .dcw-card-container .swiper {
		min-height: 400px;
	}

	.dcw-promohero-slider .swiper-slide.swiper-slide-active {
		transform: scale(1.2);
	}

	.dcw-promohero-slider .card-contents {
		border-radius: 24px;
	}

	.dcw-promohero-slider .card-item-child {
		border-radius: 24px;
	}

	.dcw-promohero-slider .dcw-content-card {
		border-radius: 0px 0px 24px 24px;
	}
}

@media screen and (min-width: 1000px) {
	.dcw-promohero-slider .dcw-card-container,
	.dcw-promohero-slider .dcw-card-container .swiper {
		/* min-height: 520px; */
		min-height: 350px;
	}
}

@media screen and (min-width: 1025px) {
	.dcw-promohero-slider .dcw-card-container,
	.dcw-promohero-slider .dcw-card-container .swiper {
		padding: 3rem 0;
	}

	.dcw-promohero-slider .dcw-card-subtitle {
		font-size: 10px;
		line-height: 1.4px;
		letter-spacing: -0.01em;
		margin-bottom: 10px;
	}

	.dcw-promohero-slider .dcw-card-title {
		font-size: 15.63px;
		line-height: 1.4;
		letter-spacing: -0.01em;
	}

	.dcw-promohero-slider .dcw-time-desc {
		font-size: 10px;
		line-height: 1.4;
		letter-spacing: -0.01em;
	}

	.dcw-promohero-slider .swiper-arrow-cont {
		position: absolute;
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 12px;
		top: 50%;
		left: 50%;
		z-index: 29;
		transform: translate(-50%, -50%);
		width: 85%;
		justify-content: space-between;
		pointer-events: none;
	}

	.dcw-promohero-slider .swiper-button-next {
		border-radius: 100%;
		background-color: #ffffff;
		width: 60px;
		height: 60px;
		color: var(--color-background-fill-primary, #e84e15);
		position: relative;
		display: flex;
		justify-content: center;
		align-self: center;
		margin: 0;
		top: 0;
		left: 0;
		pointer-events: all;
	}

	.dcw-promohero-slider .swiper-button-prev {
		border-radius: 100%;
		background-color: #ffffff;
		width: 60px;
		height: 60px;
		color: var(--color-background-fill-primary, #e84e15);
		position: relative;
		display: flex;
		justify-content: center;
		align-self: center;
		margin: 0;
		top: 0;
		left: 0;
		pointer-events: all;
	}

	.dcw-promohero-slider .swiper-button-next:after,
	.dcw-promohero-slider .swiper-button-prev:after {
		font-size: 2rem;
		font-weight: 700;
	}

	.dcw-promohero-slider .dcw-round-icon {
		top: 2rem;
		left: 2rem;
	}

	.dcw-promohero-slider .dcw-content-card {
		padding: 2rem;
	}
	/* .dcw-promohero-slider .dcw-card-container,
    .dcw-promohero-slider .dcw-card-container .swiper {
        min-height: 70.5vh;
    } */
	.dcw-promohero-slider .swiper-pagination {
		display: none;
	}
	/* .dcw-promohero-slider .swiper-slide {
        height: auto;
        aspect-ratio: 10 / 4;
    }
    .dcw-promohero-slider .swiper-slide.swiper-slide-active {
        height: auto;
        aspect-ratio: 10 / 5;
    } */
}

@media screen and (min-width: 1100px) {
	/* .dcw-promohero-slider .dcw-card-container {
        margin-top: 36px;
        margin-bottom: 18px;
    } */
	.dcw-promohero-slider .dcw-card-container,
	.dcw-promohero-slider .dcw-card-container .swiper {
		min-height: 350px;
	}
}

@media screen and (min-width: 1700px) {
	.dcw-promohero-slider .dcw-card-container,
	.dcw-promohero-slider .dcw-card-container .swiper {
		min-height: 585px;
	}
}

@media screen and (min-width: 2000px) {
	.dcw-promohero-slider .dcw-card-container,
	.dcw-promohero-slider .dcw-card-container .swiper {
		min-height: 765px;
	}
}

/** Promo Filter **/
.dcw-promo-filter {
	width: 100%;
	padding: 32px 0px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	box-sizing: border-box;
	align-items: center;
	position: relative;
}

.dcw-promo-filter .dcw-header {
	width: 100%;
	height: fit-content;
	max-height: 32px;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-promo-filter .dcw-title-tag {
	width: 85%;
	max-height: 32px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	color: #414141;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-promo-filter .dcw-header-title {
	width: fit-content;
}

.dcw-promo-filter .dcw-tag-icon {
	width: auto;
	height: 32px;
}

.dcw-promo-filter .promo-filter-desktop {
	width: 0;
	visibility: hidden;
	opacity: 0;
}

.dcw-promo-filter .filter-setting-cont {
	position: absolute;
	top: 11rem;
}

.dcw-promo-filter .promo-filter-mobile {
	display: flex;
}

.dcw-promo-filter .dcw-filter-setting {
	position: absolute;
	background-color: #ffffff;
	z-index: 9;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 1rem 1rem 2rem 1rem;
	transform: translateY(0.5rem);
	box-shadow: 0px 16px 16px 0px #0000001f;
	min-width: 390px;
	visibility: hidden;
	opacity: 0;
	height: 40vh;
	overflow-y: scroll;
}

.dcw-promo-filter .filter-setting.cont {
	position: relative;
}

.dcw-promo-filter .filter-setting-header {
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	padding: 1rem 0;
	border-bottom: 1px solid #e0e0e0;
}

.dcw-promo-filter .filter-setting-checklist {
	padding: 1rem 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.dcw-promo-filter .checklist-label,
.dcw-promo-filter .checklist-all-label {
	display: flex;
	align-items: center;
	cursor: pointer;
	font-size: 14px;
	line-height: 18px;
}

.dcw-promo-filter .checklist-checkbox,
.dcw-promo-filter .checklist-all-checkbox {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	display: none;
}

.dcw-promo-filter .checklist-span,
.dcw-promo-filter .checklist-all-span {
	width: 20px;
	height: 20px;
	border: 2px solid #cccccc;
	border-radius: 4px;
	margin-right: 10px;
	position: relative;
	gap: 0.5rem;
	color: transparent;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-promo-filter .checklist-checkbox:checked + .checklist-span,
.dcw-promo-filter .checklist-all-checkbox:checked + .checklist-all-span {
	background-color: #25a96e;
	border-color: #25a96e;
	color: #ffffff;
}

.dcw-promo-filter .checklist-checkbox:checked::before,
.dcw-promo-filter .checklist-all-checkbox:checked::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 5px;
	width: 6px;
	height: 10px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	color: #ffffff;
}

.dcw-promo-filter .checklist-all-checkbox.minus-symbol:checked::before {
	content: "";
}

.dcw-promo-filter .filter-setting-action {
	display: flex;
	width: 100%;
	gap: 0.5rem;
}

.dcw-promo-filter .filter-setting-reset {
	width: 50%;
	color: #e84e15;
	border: 1px solid #e84e15;
	padding: 1rem 0;
	font-weight: 700;
	border-radius: 8px;
}

.dcw-promo-filter .filter-setting-submit {
	width: 50%;
	color: #ffffff;
	background-color: #e84e15;
	padding: 1rem 0;
	font-weight: 700;
	border-radius: 8px;
}

.dcw-promo-filter .filter-setting-action.disabled .filter-setting-reset {
	background-color: #ebebeb;
	border: 1px solid #d6d6d6;
	color: #a3a3a3;
	pointer-events: none;
}

.dcw-promo-filter .filter-setting-action.disabled .filter-setting-submit {
	background-color: #bababa;
	border: none;
	color: #a3a3a3;
	pointer-events: none;
}

.dcw-promo-filter .dcw-arrow-right-img {
	width: 32px;
	height: 32px;
}

.dcw-promo-filter .dcw-arrow-right {
	width: 32px;
	height: 32px;
	display: none;
	align-items: center;
	text-decoration: none;
	color: #e84e15;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: center;
}

.dcw-promo-filter .dcw-round-icon {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	position: relative;
}

.dcw-promo-filter .dcw-content-card {
	width: 100%;
	height: 100%;
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 4px;
	z-index: 1;
	padding: 1rem;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, 1));
}

.dcw-promo-filter .dcw-content-card * {
	color: var(--color-text-text-on-background-fill, #ffffff);
}

.dcw-promo-filter .dcw-card-subtitle {
	color: var(--color-text-text-on-background-fill, #ffffff);
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcw-promo-filter .dcw-card-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcw-promo-filter .dcw-card-time {
	display: flex;
	align-items: center;
	flex-direction: row;
	gap: 0.5rem;
}

.dcw-promo-filter .dcw-main-content {
	width: 90%;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.dcw-promo-filter .dcw-go-detail-btn {
	width: auto;
	height: auto;
	background: rgb(255, 255, 255, 20%);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.dcw-promo-filter .dcw-go-detail-btn > img {
	width: 32px;
	height: 32px;
}

.dcw-promo-filter .dcw-inner-content {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: end;
}

.dcw-promo-filter .dcw-card-second-row {
	width: 100%;
	height: auto;
}

.dcw-promo-filter .dcw-content-card-second-row {
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 24px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: start;
	color: white;
	flex-shrink: 1;
	flex-grow: 1;
	transition: all 0.4s;
	overflow: hidden;
	aspect-ratio: 3 / 2;
}

.dcw-promo-filter .dcw-card-background {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}

.dcw-promo-filter .dcw-card-container {
	width: 100%;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-promo-filter .dcw-filter-content {
	position: absolute;
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	visibility: hidden;
	opacity: 1;
	height: 0px;
}

.dcw-promo-filter .dcw-filter-content:first-child {
	position: relative;
}

.dcw-promo-filter .dcw-filter-content.show {
	height: fit-content;
	position: relative;
}

.dcw-promo-filter .dcw-filter-tag {
	width: fit-content;
	height: 42px;
	padding: 8px 16px;
	gap: 8px;
	border-radius: 88px;
	border: 1px solid #e0e0e0;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: center;
	flex-shrink: 0;
	cursor: pointer;
}

.dcw-promo-filter .dcw-filter-tag * {
	pointer-events: none;
}

.dcw-promo-filter .dcw-filter-tag img {
	width: 24px;
	height: auto;
}

.dcw-promo-filter .dcw-filter-container {
	width: 100%;
	height: fit-content;
	max-height: 72px;
	display: flex;
	gap: 16px;
	align-items: center;
	padding: 0;
	/* overflow-x: scroll; */
	justify-content: space-between;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-promo-filter .dcw-filter-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-promo-filter .dcw-filter-left {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	transform: translateX(-1rem);
	overflow-y: hidden;
	width: 70%;
	scrollbar-width: none;
	-ms-overflow-style: none;
	/* padding-left: 1rem; */
}

.dcw-filter-left .dcw-filter-tag {
	user-select: none;
}

.dcw-promo-filter .dcw-filter-left::-webkit-scrollbar {
	display: none;
}

.dcw-promo-filter .dcw-filter-right {
	position: absolute;
	right: 0;
	background: #ffffff;
	padding: 0.5rem 1rem;
	display: flex;
	justify-content: start;
	align-items: center;
	gap: 0.5rem;
}

.dcw-promo-filter .filter-toggle.active {
	border-color: #e84e15;
	background-color: #fdede8;
	color: #e84e15;
}

.dcw-promo-filter .dcw-filter-tag:hover,
.dcw-promo-filter .dcw-filter-tag.dcw-filter-tag-active {
	background-color: var(--color-background-fill-primary);
	color: white;
}

.dcw-promo-filter .dcw-filter-tag:hover * {
	color: white;
}

.dcw-promo-filter .dcw-filter-tag .dcw-filter-icon {
	position: relative;
}

.dcw-promo-filter .dcw-filter-tag.reverse .dcw-filter-icon {
	transform: scaleY(-1);
}

.dcw-promo-filter .dcw-filter-tag .dcw-filter-icon > img {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
}

.dcw-promo-filter .dcw-filter-tag .dcw-filter-icon > img:first-child {
	position: relative;
	opacity: 1;
	visibility: visible;
}

.dcw-promo-filter .dcw-filter-tag:hover .dcw-filter-icon > img {
	opacity: 1;
	visibility: visible;
}

.dcw-promo-filter .toggle-sort-text {
	display: none;
}

.dcw-promo-filter .dcw-arrow-container {
	width: fit-content;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-promo-filter .dcw-book-svg {
	background-color: #ffffff;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-promo-filter .dcw-book-svg-container {
	width: auto;
	height: 32px;
}

.dcw-promo-filter .dcw-filter-empty {
	display: none;
	justify-content: center;
	align-items: center;
	height: 500px;
}

.dcw-promo-filter .dcw-empty-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.dcw-promo-filter .load-more-btn {
	background: transparent;
	color: var(--color-background-fill-primary);
	border: 1px solid var(--color-background-fill-primary);
	border-radius: 8px;
	padding: 1rem 2rem;
	transition: all 0.2s;
	font-weight: 700;
}

.dcw-promo-filter .load-more-btn:hover {
	background-color: var(--color-background-fill-primary);
	color: #ffffff;
}

.dcw-promo-filter .promo-filterpop-indicator {
	width: 80px;
	height: 4px;
	background-color: #e6e6e6;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}

.dcw-promo-filter .dcw-promo-filterpop {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.7);
}

.dcw-promo-filter .promo-filterpop-container {
	position: absolute;
	bottom: 0;
	background-color: #f5f5f5;
	width: 100%;
	transform: translateY(100%);
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	overflow: auto;
	border-radius: var(--corner-radiuscontainer-card-l)
		var(--corner-radiuscontainer-card-l) 0px 0px;
}

.dcw-promo-filter .promo-filterpop-container.active {
	transform: translateY(0%);
}

.dcw-promo-filterpop .promo-filterpop-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem;
	border-bottom: 1px solid #e0e0e0;
}

.dcw-promo-filterpop .promo-filterpop-header .filter-chevron {
	transform: rotate(180deg);
}

.dcw-promo-filterpop .promo-filterpop-header.active .filter-chevron {
	transform: rotate(0deg);
}

.dcw-promo-filterpop
	.promo-filterpop-header.active
	+ .promo-filterpop-checklist {
	padding: 0.5rem 0;
}

.dcw-promo-filterpop .promo-filterpop-checklist {
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	overflow: scroll;
	height: 40vh;
	padding: 1rem;
}

.dcw-promo-filterpop .promo-filterpop-box {
	background-color: #ffffff;
	border-radius: 16px;
	margin-bottom: 12px;
}

.dcw-promo-filterpop .filter-setting-action {
	flex-direction: column;
	width: 100%;
}

.dcw-promo-filterpop .filter-setting-submit,
.dcw-promo-filterpop .filter-setting-reset {
	width: 100%;
}

.dcw-promo-filterpop .promo-filterpop-close-cont {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	display: flex;
	justify-content: flex-end;
}

.dcw-promo-filterpop .promo-filterpop-close {
	background-color: #ffffff;
	width: 24px;
	height: 24px;
	border-radius: 50%;
}

@media screen and (min-width: 700px) {
	.dcw-promo-filter .dcw-filter-content {
		grid-template-columns: repeat(2, 1fr);
	}

	.dcw-promo-filter .dcw-content-card-second-row {
		justify-content: space-between;
		box-sizing: border-box;
	}
}

@media screen and (min-width: 1024px) {
	.dcw-promo-filter {
		padding: 0;
		padding-bottom: 56px;
	}

	.dcw-promo-filter .promo-filter-desktop {
		width: auto;
		visibility: visible;
		opacity: 1;
	}

	.dcw-promo-filter .promo-filter-mobile {
		display: none;
	}

	.dcw-promo-filter .dcw-filter-left {
		width: 100%;
		transform: translateX(0);
	}

	.dcw-promo-filter .dcw-filter-right {
		position: relative;
		padding: 0;
	}

	.dcw-promo-filter .dcw-filter-right .toggle-sort-text {
		display: block;
	}

	.dcw-promo-filter .dcw-filter-tag {
		/* height: 60px; */
		padding: 16px 24px;
		font-size: 10px;
		line-height: 20px;
	}

	.dcw-promo-filter .dcw-header {
		max-height: 72px;
	}

	.dcw-promo-filter .dcw-title-tag {
		max-width: 70%;
		max-height: 72px;
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-promo-filter .dcw-arrow-right-img {
		display: none;
	}

	.dcw-promo-filter .dcw-arrow-right {
		width: auto;
		height: 72px;
		display: flex;
	}

	.dcw-promo-filter .dcw-card-subtitle,
	.dcw-promo-filter .dcw-card-time {
		font-size: 10px;
		line-height: 1.4;
	}

	.dcw-promo-filter .dcw-card-title {
		font-size: 15.63px;
		line-height: 1.4;
		word-wrap: break-word;
	}

	.dcw-promo-filter .dcw-arrow-container {
		width: 300px;
		max-height: 50px;
		border-radius: var(--corner-radiuscontainer-text-input, 8px);
		border: 1px solid #e84e15;
	}
	/* .dcw-promo-filter .dcw-book-svg{
        width: 72px;
        height: 72px;
    } */
	.dcw-promo-filter .dcw-book-svg-container {
		width: 48px;
		height: 48px;
	}

	.dcw-promo-filter .dcw-go-detail-btn > img {
		width: 48px;
		height: 48px;
	}

	.dcw-promo-filter .filter-setting-cont {
		right: 26rem;
	}
}

@media screen and (min-width: 1366px) {
	.dcw-promo-filter .filter-setting-cont {
		right: 29rem;
	}
}

@media screen and (min-width: 1513px) {
	.dcw-promo-filter .filter-setting-cont {
		/* right: 32rem; */
	}
}

/** Promo Detail **/
.dcw-promodetail {
	padding: 2rem 0;
}

.dcw-promodetail-cont {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-promodetail-content {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 1rem;
}

.dcw-promodetail-vendor img {
	border-radius: 50%;
	width: 48px;
	height: 48px;
}

.dcw-promodetail-header {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.dcw-promodetail-title {
	font-size: 24px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: -0.01em;
}

.dcw-promodetail-tags {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem;
	margin: 0.5rem 0;
}

.promodetail-tags-item {
	padding: 4px 12px;
	border-radius: 88px;
	background-color: #ebebeb;
	font-size: 12px;
	line-height: 1.2;
}

.dcw-promodetail-social {
	display: none;
}

.dcw-promodetail-date {
	font-size: 18px;
	line-height: 22px;
}

@media screen and (min-width: 1024px) {
	.dcw-promodetail {
		padding: 4rem 0 0 0;
	}

	.dcw-promodetail-cont {
		flex-direction: row;
		justify-content: space-between;
	}

	.dcw-promodetail-content {
		flex-direction: row;
	}

	.dcw-promodetail-social {
		display: flex;
		flex-direction: row;
		gap: 0.5rem;
	}

	.dcw-promodetail-social > * {
		padding: 1rem;
	}

	.dcw-promodetail-social .copy-link {
		cursor: pointer;
	}

	.dcw-promodetail-social .share-button-item {
		width: 60px;
		height: 60px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 50%;
		cursor: pointer;
	}

	.dcw-promodetail-social .copy-link .copy-message {
		position: absolute;
		transform: translateY(50px);
		opacity: 0;
		visibility: hidden;
	}

	.dcw-promodetail-vendor img {
		width: 72px;
		height: 72px;
	}

	.dcw-promodetail-title {
		font-size: 19.53px;
		line-height: 1.4;
	}
}

/** Promo Detail **/
.dcw-mobile-share {
	padding: 4rem 0;
}

.dcw-mobile-share-cont {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

.dcw-mobile-share-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
}

.dcw-mobile-share-vendor img {
	border-radius: 50%;
	width: 72px;
	height: 72px;
}

.dcw-mobile-share-header {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.dcw-mobile-share-title {
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin-bottom: 1rem;
}

.dcw-mobile-share-social {
	display: flex;
	flex-direction: row;
	gap: 0.5rem;
}

.dcw-mobile-share-social > * {
	padding: 1rem;
}

.dcw-mobile-share-social .copy-link {
	cursor: pointer;
}

.dcw-mobile-share-social .share-button-item {
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	cursor: pointer;
	border: 1px solid #e0e0e0;
}

.dcw-mobile-share-social .copy-link .copy-message {
	position: absolute;
	transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
}

@media screen and (min-width: 1024px) {
	.dcw-mobile-share {
		display: none;
	}
}

/** News Hero Slider **/
.dcw-news-heroslider {
	width: 100%;
	height: calc(70vh - 92px);
	position: relative;
	min-height: 500px;
}

.dcw-news-heroslider .news-slider-container {
	height: 100%;
}

.news-slider-container .news-slider-swiper {
	height: 100%;
}

.news-slider-container .hero-image {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
}

.news-slider-container .hero-content {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 9;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 1rem;
}

.news-slider-container .hero-title {
	color: #ffffff;
	font-size: 40px;
	line-height: 52px;
	font-weight: 700;
	text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
}

.news-slider-container .hero-description {
	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
}

.news-slider-container .hero-button {
	color: #ffffff;
	background-color: #e84e15;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 8px;
	padding: 1rem;
}

.dcw-news-heroslider .hero-small-slider {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50%;
	z-index: 9;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.news-slider-container .swiper-navigation.swiper-nav-desktop {
	display: none;
}

.news-slider-container .swiper-navigation.swiper-nav-mobile {
	display: flex;
}

.news-slider-container .swiper-navigation {
	position: absolute;
	flex-direction: row;
	align-items: center;
	gap: 1rem;
	bottom: 1rem;
	right: 1rem;
	justify-content: space-between;
}

.news-slider-container .swiper-button-next {
	border-radius: 100%;
	background-color: #ffffff;
	width: 60px;
	height: 60px;
	color: var(--color-background-fill-primary, #e84e15);
	position: relative;
	display: flex;
	justify-content: center;
	align-self: center;
	margin: 0;
	top: 0;
	left: 0;
}

.news-slider-container .swiper-button-prev {
	border-radius: 100%;
	background-color: #ffffff;
	width: 60px;
	height: 60px;
	color: var(--color-background-fill-primary, #e84e15);
	position: relative;
	display: flex;
	justify-content: center;
	align-self: center;
	margin: 0;
	top: 0;
	left: 0;
}

.news-slider-container .swiper-button-next:after,
.news-slider-container .swiper-button-prev:after {
	font-size: 2rem;
	font-weight: 700;
}

@media screen and (min-width: 1024px) {
	.dcw-news-heroslider {
		height: calc(100vh - 92px);
	}
}

@media screen and (min-width: 1280px) {
	.dcw-news-heroslider .hero-small-slider {
		width: 50%;
		right: 0;
		padding-bottom: 2rem;
	}

	.news-slider-container .hero-content {
		/* width: 50%; */
		gap: 2rem;
	}

	.news-slider-container .hero-subtitle,
	.news-slider-container .hero-button {
		font-size: 1.5rem;
		line-height: 1.1;
	}

	.news-slider-container .hero-title {
		font-size: 56px;
		line-height: 68px;
	}

	.news-slider-container .hero-description {
		font-size: 24px;
		line-height: 28px;
	}

	.news-slider-container .hero-button {
		padding: 1rem 2rem;
	}

	.news-slider-container .swiper-navigation {
		position: relative;
	}

	.news-slider-container .swiper-button-next {
		border-radius: 100%;
		background-color: #ffffff;
		width: 60px;
		height: 60px;
		color: var(--color-background-fill-primary, #e84e15);
		position: relative;
		display: flex;
		justify-content: center;
		align-self: center;
		margin: 0;
		top: 0;
		left: 0;
	}

	.news-slider-container .swiper-button-prev {
		border-radius: 100%;
		background-color: #ffffff;
		width: 60px;
		height: 60px;
		color: var(--color-background-fill-primary, #e84e15);
		position: relative;
		display: flex;
		justify-content: center;
		align-self: center;
		margin: 0;
		top: 0;
		left: 0;
	}

	.news-slider-container .swiper-button-next:after,
	.news-slider-container .swiper-button-prev:after {
		font-size: 2rem;
		font-weight: 700;
	}

	.news-slider-container .swiper-navigation.swiper-nav-desktop {
		display: flex;
		gap: 1rem;
		margin: 1rem;
	}

	.news-slider-container .swiper-navigation.swiper-nav-mobile {
		display: none;
	}
}

/** News Filter **/
.dcw-news-filters {
	width: 100%;
	padding-bottom: 32px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: #ffffff;
	box-sizing: border-box;
}

.dcw-news-filters .dcw-header {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
}

.dcw-news-filters .dcw-title-tag {
	width: 100%;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: flex-start;
	color: #414141;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-news-filters .dcw-header-title {
	width: fit-content;
	font-size: 24px;
	line-height: 28px;
}

.dcw-news-filters .dcw-header-desc {
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
}

.dcw-news-filters .dcw-tag-img {
	background-color: #ffffff;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-news-filters .dcw-tag-icon {
	width: auto;
	height: 32px;
}

.dcw-news-filters .dcw-arrow-right-img {
	width: 32px;
	height: 32px;
}

.dcw-news-filters .dcw-arrow-right {
	width: 32px;
	height: 32px;
	display: none;
	align-items: center;
	text-decoration: none;
	color: #e84e15;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: center;
}

.dcw-news-filters .dcw-newsfilter-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.dcw-news-filters .dcw-card-first-container {
	padding: 0px 16px;
}

.dcw-news-filters .dcw-card-first-row {
	width: 100%;
	height: auto;
	min-height: 300px;
	aspect-ratio: 3/2;
	border-radius: 24px;
	position: relative;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.dcw-news-filters .dcw-round-icon {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	position: relative;
}

.dcw-news-filters .dcw-content-card {
	width: 100%;
	/* height: 33.33%; */
	height: fit-content;
	color: black;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 5px;
	z-index: 1;
	padding: 1rem;
}

.dcw-news-filters .dcw-card-subtitle {
	color: var(--color-text-text-secondary, #8d8d8d);
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcw-news-filters .dcw-card-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	/* display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; */
}

.dcw-news-filters .dcw-card-time {
	height: 24px;
	display: flex;
	align-items: center;
	gap: 4px;
}

.dcw-news-filters .dcw-svg-container {
	padding: 2.5px;
	height: 24px;
	width: 24px;
}

.dcw-news-filters .dcw-time-desc {
	color: var(--color-text-text-primary, #1a1a1a);
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	display: flex;
	align-items: center;
}

.dcw-news-filters .dcw-card-second-row {
	width: 100%;
	height: auto;
}

.dcw-news-filters .dcw-content-card-second-row {
	background-color: transparent;
	height: 350px;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 24px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: start;
	color: white;
	flex-shrink: 0;
	flex-grow: 0;
	transition: all 0.4s;
}

.dcw-news-filters .dcw-content-card-second-row-child {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	color: black;
	background: var(--color-background-background, #f5f5f5);
	border-radius: 24px;
	flex-shrink: 0;
	flex-grow: 0;
	transition: all 0.4s;
}

.dcw-news-filters .dcw-card-background {
	position: relative;
	width: 100%;
	height: 66.66%;
	object-fit: cover;
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;
	z-index: 0;
}

.dcw-news-filters .dcw-card-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
	width: 100%;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-news-filters .dcw-clock-img {
	width: 19px;
	height: 19px;
}

.dcw-news-filters .swiper-pagination {
	position: relative;
	bottom: 0px;
}

.dcw-news-filters .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	background-color: #cccccc;
	transition: all 0.4s;
}

.dcw-news-filters .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: var(--color-background-fill-primary, #e84e15);
	width: 30px;
	border-radius: 10px;
	transition: all 0.4s;
}

.dcw-news-filters .swiper-wrapper {
	padding-bottom: 40px;
	align-items: center;
}

.dcw-news-filters .swiper-slide-active {
	background-color: #f0f0f0;
	box-sizing: border-box;
}

.dcw-news-filters .dcw-filter-tag {
	width: fit-content;
	height: 42px;
	padding: 8px 16px;
	gap: 32px;
	border-radius: 88px;
	border: 1px solid #e0e0e0;
	opacity: 0px;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: center;
	flex-shrink: 0;
	cursor: pointer;
}

.dcw-news-filters .dcw-filter-container {
	width: 100%;
	height: fit-content;
	max-height: 72px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	padding: 0;
	overflow-x: scroll;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-news-filters .dcw-filter-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-news-filters .dcw-filter-tag:hover,
.dcw-news-filters .dcw-filter-tag.dcw-filter-tag-active {
	background-color: var(--color-background-fill-primary);
	color: white;
}

.dcw-news-filters .dcw-load-more {
	display: flex;
	justify-content: center;
}

.dcw-news-filters .load-more-btn {
	background: transparent;
	color: var(--color-background-fill-primary);
	border: 1px solid var(--color-background-fill-primary);
	border-radius: 8px;
	padding: 1rem 2rem;
	transition: all 0.2s;
}

.dcw-news-filters .load-more-btn:hover {
	background-color: var(--color-background-fill-primary);
	color: #ffffff;
}

@media screen and (min-width: 1024px) {
	/* .dcw-news-filters{
        padding: 56px 0px;
    } */
	.dcw-news-filters .dcw-filter-tag {
		/* height: 60px; */
		padding: 16px 32px;
		font-size: 10px;
		line-height: 1.4;
	}

	.dcw-news-filters .dcw-title-tag {
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-news-filters .dcw-header-desc {
		font-size: 18px;
		line-height: 22px;
	}

	.dcw-news-filters .dcw-tag-img {
		width: 72px;
		height: 72px;
	}

	.dcw-news-filters .dcw-tag-icon {
		width: 48px;
		height: 48px;
	}

	.dcw-news-filters .dcw-arrow-right-img {
		display: none;
	}

	.dcw-news-filters .dcw-arrow-right {
		width: auto;
		height: 72px;
		display: flex;
	}

	.dcw-news-filters .dcw-card-title {
		word-wrap: break-word;
	}

	.dcw-news-filters .dcw-content-card-second-row {
		flex: 0 0 31.5%;
		height: auto;
		aspect-ratio: 1/1;
		justify-content: space-between;
		box-sizing: border-box;
		transition: all 0.2s;
	}
}

/** News Rich Text **/
.dcw-news-richtext {
	width: 100%;
	padding: 1rem 0px 1rem 0px;
	display: flex;
	flex-direction: column-reverse;
	background: white;
	box-sizing: border-box;
	align-items: flex-start;
}

.dcw-news-richtext .dcw-section-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 2rem 0;
}

.dcw-news-richtext .dcw-section {
	width: 100%;
	height: fit-content;
	display: flex;
}

.dcw-news-richtext .dcw-section-content-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.dcw-news-richtext .dcw-section-date {
	color: #8d8d8d;
	font-size: 14px;
	line-height: 18px;
}

.dcw-news-richtext .dcw-section-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}

.dcw-news-richtext .tags-item {
	border-radius: 88px;
	background-color: #ebebeb;
	padding: 4px 12px;
	font-size: 12px;
	line-height: 14px;
}

.dcw-news-richtext .dcw-section-content {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-news-richtext .dcw-section-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
}

.dcw-news-richtext .dcw-section-content img,
    .dcw-product-richtext .dcw-section-container img,
    .dcw-faq-richtext .dcw-section-container img,
    .dcw-profile-popup .dcw-section-container img,
    .dcw-faq-sidetab .dcw-section-container img,
    .dcw-rich-sidetab .dcw-section-container img
    .dcw-news-richtext .dcw-section-content p img /*custom*/ {
	width: 100%;
	height: auto;
	/* aspect-ratio: 2 / 1; */
	object-fit: cover;
	object-position: center;
	border-radius: 24px;
}

.dcw-news-richtext .dcw-section-content .dcw-table-cont {
	overflow: auto;
	padding: 1rem 0;
}

.dcw-news-richtext .dcw-section-content .dcw-table-cont::-webkit-scrollbar {
	height: 10px;
}

.dcw-news-richtext
	.dcw-section-content
	.dcw-table-cont::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-news-richtext
	.dcw-section-content
	.dcw-table-cont::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-success-hover, #1e8758);
	border-radius: 10px;
}

.dcw-news-richtext
	.dcw-section-content
	.dcw-table-cont::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-success-hover, #1e8758);
}

.dcw-news-richtext .dcw-section-content table {
	border-collapse: collapse;
	width: 100%;
}

.dcw-news-richtext .dcw-section-content table tr:first-child th:first-child {
	border-top-left-radius: 16px;
}

.dcw-news-richtext .dcw-section-content table tr:last-child td:first-child {
	border-bottom-left-radius: 16px;
}

.dcw-news-richtext .dcw-section-content table tr:last-child td:last-child {
	border-bottom-right-radius: 16px;
}

.dcw-news-richtext .dcw-section-content table tr:first-child th:last-child {
	border-top-right-radius: 16px;
}

.dcw-news-richtext .dcw-section-content table td {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	padding: 12px 12px;
	word-break: break-word;
}

.dcw-news-richtext .dcw-section-content table tr:nth-child(even) {
	background-color: #eeeeee;
}

.dcw-news-richtext .dcw-section-content table tr:nth-child(odd) {
	background-color: #f8f8f8;
}
/* .dcw-news-richtext .dcw-section-content table tr:hover {
    background-color: #ddd;
} */
.dcw-news-richtext .dcw-section-content table th {
	padding: 12px 12px;
	text-align: left;
	background: var(--color-background-fill-success-hover, #1e8758);
	color: white;
	white-space: nowrap;
	font-weight: 700;
}

.dcw-news-richtext
	.dcw-section-content
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
	background: #b6cac7;
}

.dcw-news-richtext
	.dcw-section-content
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
	background: #b6cac7;
}

.dcw-news-richtext .dcw-section-content table.table-alt tr:nth-child(even) {
	background-color: #ffffff;
}

.dcw-news-richtext .dcw-section-content table.table-alt tr:nth-child(odd) {
	background-color: #e7edec;
}

.dcw-news-richtext .dcw-section-content table.table-alt th {
	background: #b6cac7;
	color: #062f28;
}

.dcw-news-richtext .dcw-section-content table.table-alt td {
	color: #062f28;
}

.dcw-news-richtext ul {
	display: flex;
	flex-direction: column;
	gap: var(--spacegapspace-component-gap-s, 12px);
	list-style: disc !important;
	padding-left: 24px;
}

.dcw-news-richtext ul li > * {
	margin: 0.5rem 0;
}

.dcw-news-richtext ul li::marker {
	color: #e84e15;
	font-size: 24px;
}

.dcw-news-richtext ol {
	display: flex;
	flex-direction: column;
	list-style: decimal !important;
	padding-left: 24px;
}

.dcw-news-richtext ol li > * {
	margin: 0.5rem 0;
}

.dcw-news-richtext ol li::marker {
	color: #1a1a1a;
	font-size: 16px;
}

.dcw-news-richtext .dcw-section-content a {
	color: #e84e15;
}

.dcw-news-richtext .dcw-share-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
}

.dcw-news-richtext .dcw-share-title {
	font-weight: 700;
	font-size: 14px;
	line-height: 18px;
}

.dcw-news-richtext .dcw-share-button {
	display: flex;
	flex-direction: reverse;
	align-items: center;
	gap: 1rem;
	padding-bottom: 2rem;
}

.dcw-news-richtext .share-button-item {
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #e0e0e0;
	border-radius: 50%;
	cursor: pointer;
}

.dcw-news-richtext .copy-link .copy-message {
	position: absolute;
	transform: translateY(50px);
	opacity: 0;
	visibility: hidden;
}

.dcw-news-richtext .dcw-share-container.no-breadcrumb.sticky {
	top: 90px;
}

.dcw-news-richtext .dcw-share-container.sticky {
	position: fixed;
	z-index: 99;
	top: 134px;
	padding: 0 1rem;
}

.dcw-news-richtext .nav-holder {
	display: none;
	height: 60px;
}

.dcw-news-richtext .nav-holder.active {
	display: block;
}

.dcw-news-richtext .dcw-share-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-news-richtext .dcw-nav-tag.dcw-nav-tag-active {
	background-color: var(--color-background-fill-primary);
	color: white;
}

.dcw-news-richtext a.cta-btn {
	color: #ffffff;
	background-color: #e84e15;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 8px;
	padding: 1rem;
	text-align: center;
	display: block;
	width: fit-content;
	max-width: 100%;
}

.dcw-news-richtext a.cta-btn.left {
	align-self: flex-start;
}

.dcw-news-richtext a.cta-btn.right {
	align-self: flex-end;
}

.dcw-news-richtext a.cta-btn.center {
	align-self: center;
}

@media screen and (min-width: 1024px) {
	.dcw-news-richtext {
		max-width: 786px;
		margin: 2rem auto 10rem auto;
		flex-direction: row;
		align-items: start;
		justify-content: center;
		gap: 2.5rem;
		position: relative;
		width: 100%;
	}

	.dcw-news-richtext .dcw-section-container {
		width: 800px;
		padding: 0;
	}

	.dcw-news-richtext .dcw-section-title,
	.dcw-news-richtext .dcw-section-content > h2 {
		font-size: 19.53px;
		line-height: 1.4;
		word-wrap: break-word;
	}

	.dcw-news-richtext .dcw-section-content > h2 {
		font-size: 24px;
		font-weight: 700;
	}

	.dcw-news-richtext .dcw-section-content > h3 {
		font-size: 16px;
		font-size: 20px;
		font-weight: 700;
	}

	.dcw-news-richtext .dcw-share-container {
		gap: 2rem;
		align-items: flex-start;
	}

	.dcw-news-richtext .dcw-share-button {
		flex-direction: column;
		gap: 2rem;
		padding-bottom: 0;
	}

	.dcw-news-richtext .dcw-share-container {
		width: 75px;
		flex-direction: column;
		height: fit-content;
	}

	.dcw-news-richtext .dcw-share-container.sticky {
		top: 150px;
		padding: 0;
		left: 55.5%;
		transform: translateX(calc(-50% - 420px));
	}

	.dcw-news-richtext .dcw-share-container.bottom {
		/* transform: translateX(calc(-50% - 420px)); */
		left: 57.5%;
	}

	.dcw-news-richtext .nav-holder {
		height: auto;
		width: 75px;
	}

	.dcw-news-richtext .dcw-share-container.bottom {
		top: auto;
		bottom: 24px;
		position: absolute;
	}

	.dcw-news-richtext .nav-holder.bottom {
		display: block;
	}
}

/**Tentang Category Slider **/
.dcw-tentang-subcards {
	width: 100%;
	height: fit-content;
	padding: 32px 0px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: var(--color-background-background, #f5f5f5);
	box-sizing: border-box;
	overflow: hidden;
}

.dcw-tentang-subcards .dcw-header {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
}

.dcw-tentang-subcards .dcw-title-tag {
	width: 100%;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: flex-start;
	color: #414141;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-tentang-subcards .dcw-header-title {
	width: fit-content;
	font-size: 24px;
	line-height: 28px;
}

.dcw-tentang-subcards .dcw-card-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

.dcw-tentang-subcards .dcw-content-card {
	width: 100%;
	height: auto;
	color: white;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: end;
	gap: 1rem;
	padding: 1.5rem;
	z-index: 1;
	background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, 1));
}

.dcw-tentang-subcards .dcw-card-title {
	color: white;
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.1;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 75%;
}

.dcw-tentang-subcards .dcw-svg-container {
	padding: 2.5px;
	height: 24px;
	width: 24px;
}

.dcw-tentang-subcards .dcw-card-second-row {
	width: 100%;
	height: auto;
}

.dcw-tentang-subcards .card-item {
	background-color: transparent;
	height: auto;
	width: 345px;
	aspect-ratio: 1/1;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 24px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	color: white;
	transition: all 0.4s;
}

.dcw-tentang-subcards .card-contents {
	display: block;
	height: 100%;
	width: 100%;
}

.dcw-tentang-subcards .card-item-child {
	height: 100%;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	color: white;
	border-radius: 24px;
	overflow: hidden;
	transition: all 0.4s;
}

.dcw-tentang-subcards .dcw-card-background {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.dcw-tentang-subcards .dcw-clock-img {
	width: 19px;
	height: 19px;
}

@media screen and (min-width: 1024px) {
	.dcw-tentang-subcards {
		padding: 56px 0px;
	}

	.dcw-tentang-subcards .dcw-header {
		max-height: 72px;
	}

	.dcw-tentang-subcards .dcw-header-title {
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-tentang-subcards .dcw-card-container {
		grid-template-columns: repeat(3, 1fr);
	}

	.dcw-tentang-subcards .dcw-card-title {
		font-size: 32px;
		line-height: 40px;
		word-wrap: break-word;
	}

	.dcw-tentang-subcards .dcw-content-card {
		padding: 2rem;
	}
}

/** Ebanking Inner Title **/
.dcw-ebank-innertitle {
	width: 100%;
	padding-top: 32px;
	padding-bottom: 16px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: #ffffff;
	box-sizing: border-box;
}

.dcw-ebank-innertitle .dcw-header {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-ebank-innertitle .dcw-title-tag {
	width: 100%;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: flex-start;
	color: #414141;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-ebank-innertitle .dcw-header-title {
	width: fit-content;
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 1rem;
}

.dcw-ebank-innertitle .dcw-header-desc {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}

.dcw-ebank-innertitle .dcw-tag-img {
	background-color: #ffffff;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-ebank-innertitle .dcw-tag-icon {
	width: auto;
	height: 32px;
}

@media screen and (min-width: 1024px) {
	.dcw-ebank-innertitle {
		padding: 56px 0 30px 0;
	}

	.dcw-ebank-innertitle .dcw-title-tag {
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-ebank-innertitle .dcw-header-desc {
		font-size: 10px;
		line-height: 1.4;
	}

	.dcw-ebank-innertitle .dcw-tag-img {
		width: 72px;
		height: 72px;
	}

	.dcw-ebank-innertitle .dcw-tag-icon {
		width: 48px;
		height: 48px;
	}

	.dcw-ebank-innertitle .dcw-header-title {
		font-size: 19.53px;
		line-height: 1.4;
	}

	.dcw-allkalkulator .calculator-form .dcw-currency .dcw-dropdown ul {
		max-height: 90px;
	}
}

/** Ebanking Sub Category **/
.dcw-ebanking-subcategory {
	width: 100%;
	padding-top: 8px;
	padding-bottom: 32px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: #ffffff;
	box-sizing: border-box;
}

.dcw-ebanking-subcategory .dcw-newsfilter-wrapper {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2rem;
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.dcw-ebanking-subcategory .dcw-newsfilter-wrapper:first-child {
	position: relative;
}

.dcw-ebanking-subcategory .dcw-card-first-container {
	padding: 0px 16px;
}

.dcw-ebanking-subcategory .dcw-card-first-row {
	width: 100%;
	height: auto;
	min-height: 300px;
	aspect-ratio: 3/2;
	border-radius: 24px;
	position: relative;
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.dcw-ebanking-subcategory .dcw-round-icon {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	position: relative;
}

.dcw-ebanking-subcategory .dcw-content-card {
	width: 100%;
	height: 30%;
	color: black;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 4px;
	z-index: 1;
	padding: 1rem;
}

.dcw-ebanking-subcategory .dcw-card-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcw-ebanking-subcategory .dcw-card-description {
	font-size: 16px;
	width: 98%;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcw-ebanking-subcategory .dcw-card-second-row {
	width: 100%;
	height: auto;
	position: relative;
}

.dcw-ebanking-subcategory .dcw-content-card-second-row {
	background-color: transparent;
	height: 350px;
	background-size: cover;
	background-repeat: no-repeat;
	border-radius: 24px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: start;
	color: white;
	flex-shrink: 0;
	flex-grow: 0;
	transition: all 0.4s;
	box-shadow: none;
}

.dcw-ebanking-subcategory .dcw-content-card-second-row:hover {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.dcw-ebanking-subcategory .dcw-content-card-second-row-child {
	height: 100%;
	width: 100%;
	overflow: hidden;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: start;
	color: black;
	background: var(--color-background-background, #f5f5f5);
	border-radius: 24px;
	flex-shrink: 0;
	flex-grow: 0;
	transition: all 0.4s;
}

.dcw-ebanking-subcategory .dcw-card-background {
	position: relative;
	width: 100%;
	height: 70%;
	object-fit: cover;
	border-top-left-radius: 24px;
	border-top-right-radius: 24px;
	z-index: 0;
}

.dcw-ebanking-subcategory .dcw-card-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 16px;
	position: relative;
	width: 100%;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-ebanking-subcategory .dcw-filter-tag {
	width: fit-content;
	height: 42px;
	padding: 8px 16px;
	gap: 32px;
	border-radius: 88px;
	border: 1px solid #e0e0e0;
	opacity: 0px;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: center;
	flex-shrink: 0;
	cursor: pointer;
}

.dcw-ebanking-subcategory .dcw-filter-container {
	width: 100%;
	height: fit-content;
	max-height: 72px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	padding: 0;
	overflow-x: scroll;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-ebanking-subcategory .dcw-filter-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-ebanking-subcategory .dcw-filter-tag:hover,
.dcw-ebanking-subcategory .dcw-filter-tag.dcw-filter-tag-active {
	background-color: var(--color-background-fill-primary);
	color: white;
}

@media screen and (min-width: 1024px) {
	.dcw-ebanking-subcategory {
		max-width: 786px;
		margin: 0 auto;
		padding-top: 8px;
		padding-bottom: 56px;
	}

	.dcw-ebanking-subcategory .dcw-filter-tag {
		padding: 16px 32px;
		font-size: 10px;
		line-height: 1.4;
	}

	.dcw-ebanking-subcategory .dcw-tag-img {
		width: 72px;
		height: 72px;
	}

	.dcw-ebanking-subcategory .dcw-tag-icon {
		width: 48px;
		height: 48px;
	}

	.dcw-ebanking-subcategory .dcw-card-title {
		font-size: 12.5px;
		line-height: 1.4;
		word-wrap: break-word;
	}

	.dcw-ebanking-subcategory .dcw-content-card-second-row {
		/* height: 450px; */
		height: fit-content;
		justify-content: space-between;
		box-sizing: border-box;
		transition: all 0.2s;
	}

	.dcw-ebanking-subcategory .dcw-newsfilter-wrapper {
		grid-template-columns: repeat(3, 1fr);
	}
}

/** Video Slider **/
.dcw-video-slider {
	width: 100%;
	height: calc(115vh - 92px);
	position: relative;
}

.dcw-video-slider .hero-big-banner {
	height: 100%;
}

.dcw-video-slider .hero-big-banner .hero-slider-container {
	height: calc(100vh - 92px);
	position: static;
	padding-top: 5rem;
}

.dcw-video-slider .hero-big-banner .hero-image {
	height: calc(100vh - 92px);
	/* height: 100%; */
	width: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
}

.dcw-video-slider .hero-big-banner .hero-content {
	width: 100%;
	height: 40%;
	position: relative;
	z-index: 9;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 1rem;
}

.dcw-video-slider .hero-big-banner .hero-subtitle {
	color: #ffffff;
	font-size: 1rem;
	font-weight: 700;
}

.dcw-video-slider .hero-big-banner .hero-title {
	color: #ffffff;
	font-size: 2.5rem;
	line-height: 1.1;
	font-weight: 700;
	text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
}

.dcw-video-slider .hero-big-banner .hero-description {
	color: #ffffff;
	font-size: 16px;
	line-height: 20px;
	text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
}

.dcw-video-slider .hero-big-banner .hero-button {
	color: #ffffff;
	background-color: #e84e15;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 8px;
	padding: 1rem;
}

.dcw-video-slider.privilege-theme .hero-big-banner .hero-subtitle,
    .dcw-video-slider.privilege-theme .hero-big-banner .hero-title,
    .dcw-video-slider.privilege-theme .hero-big-banner .hero-description,
    .dcw-video-slider.privilege-theme .hero-big-banner .hero-description > p /*custom on element p*/ {
	color: #fff2e6;
}

.dcw-video-slider.privilege-theme .hero-big-banner .hero-button {
	color: #fff2e6;
	background-color: #b35a00;
}

.dcw-video-slider.optimal-theme .hero-big-banner .hero-subtitle,
.dcw-video-slider.optimal-theme .hero-big-banner .hero-title,
.dcw-video-slider.optimal-theme .hero-big-banner .hero-description {
	color: #fff2e6;
}

.dcw-video-slider.optimal-theme .hero-big-banner .hero-button {
	color: #484848;
	background-color: #ffcc3f;
}

.dcw-video-slider .hero-small-slider {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50%;
	z-index: 9;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}

.dcw-video-slider .hero-small-slider .hero-slider-title {
	color: #ffffff;
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	padding: 0 1rem;
}

.dcw-video-slider .hero-small-slider .hero-slider-center {
	width: 100%;
	height: calc(100vh - 92px);
}

.dcw-video-slider .hero-small-slider .hero-slider-container {
	width: 100%;
	height: auto;
}

.dcw-video-slider .hero-small-slider .swiper-wrapper {
	padding: 1rem;
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 0%;
}

.dcw-video-slider .hero-small-slider .swiper-slide {
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 24px;
	height: auto;
	padding: 0.5rem;
	display: flex;
	cursor: pointer;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	transition: all 0.4s;
	position: relative;
	overflow: hidden;
	aspect-ratio: 2/2.5;
}

.dcw-video-slider .hero-small-slider .swiper-slide:not(.hidden-slide) {
	pointer-events: all;
}

.dcw-video-slider .hero-small-slider .swiper-slide-active {
	height: auto;
	aspect-ratio: 2/3;
}

.dcw-video-slider .swiper-nav-mobile {
	display: block;
}

.dcw-video-slider .swiper-pagination {
	transform: translateY(0);
}

.dcw-video-slider .swiper-pagination .swiper-pagination-bullet {
	opacity: 1;
	background-color: #cccccc;
	transition: all 0.4s;
}

.dcw-video-slider .swiper-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background-color: var(--color-background-fill-primary, #e84e15);
	width: 30px;
	border-radius: 10px;
	transition: all 0.4s;
}

.dcw-video-slider .hero-small-slider .hero-video-content {
	color: #ffffff;
	background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, 1));
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 1rem;
	opacity: 1;
}

.dcw-video-slider .hero-small-slider .hero-video-background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover;
	object-position: center;
}

.dcw-video-slider .hero-small-slider .hero-video-background img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.dcw-video-slider .hero-small-slider .hero-video-control {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 1;
}

.dcw-video-slider .hero-small-slider .video-slide.playing .hero-video-control,
.dcw-video-slider .hero-small-slider .video-slide.playing .hero-video-content {
	opacity: 0;
}

.dcw-video-slider .hero-big-banner .swiper-navigation {
	display: none;
}

.dcw-video-slider .swiper-slide.hidden-slide {
	opacity: 0;
	pointer-events: none;
	transform: translateX(-100%);
}

.dcw-video-slider .dcw-video-popup {
	position: fixed;
	top: 0;
	left: 0;
	min-height: 100vh;
	max-height: 100vh;
	text-align: center;
	overflow-y: auto;
	height: auto;
	width: 100%;
	z-index: 999;
	visibility: hidden;
	opacity: 0;
}

.dcw-video-slider .dcw-video-popup .dcw-video-preview {
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1rem;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	background-color: white;
	box-sizing: border-box;
	box-shadow: 0px -6px 28px 0px #00000014;
	transform: translateY(100%);
	z-index: 9999;
	border-radius: 32px 32px 0 0;
	min-height: 90vh;
	position: relative;
	margin-top: 100px;
}

.dcw-video-slider.privilege-theme .dcw-video-popup .dcw-video-preview {
	background-color: #484848;
}

.dcw-video-slider.optimal-theme .dcw-video-popup .dcw-video-preview {
	background-color: #166542;
}

.dcw-video-slider .dcw-video-popup .dcw-popup-content {
	display: none;
}

.dcw-video-slider .dcw-video-popup .dcw-yt-content iframe {
	width: 100%;
	height: auto;
	min-height: 68.25vh;
	border-radius: 24px;
	overflow: hidden;
}

.dcw-video-slider .dcw-video-popup.show .dcw-video-preview {
	transform: translateY(0);
}

.dcw-video-slider .dcw-video-popup .video-popup-shade {
	position: fixed;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999;
}

.dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-header {
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding: 1rem 0;
	border-bottom: 1px solid #e0e0e0;
}

.dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-title-tag {
	width: 100%;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
}

.dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-header-title {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
	width: fit-content;
}

.dcw-video-slider.privilege-theme
	.dcw-video-popup
	.dcw-video-preview
	.dcw-header-title {
	color: #ffd9b3;
}

.dcw-video-slider.optimal-theme
	.dcw-video-popup
	.dcw-video-preview
	.dcw-header-title {
	color: #ffd9b3;
}

.dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-tag-icon {
	display: none;
}

.dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-close-button {
	height: 36px;
	background: transparent;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 1rem;
	align-items: center;
	cursor: pointer;
}

.dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-close-button p {
	font-weight: 700;
	color: #e84e15;
}

@media screen and (min-width: 500px) {
	.dcw-video-slider {
		height: calc(125vh - 92px);
	}
}

@media screen and (min-width: 1025px) {
	.dcw-video-slider {
		height: calc(100vh - 92px);
	}

	.dcw-video-slider .hero-slider-container {
		height: 100%;
		position: relative;
	}

	.dcw-video-slider .hero-small-slider {
		width: 50%;
		height: 100%;
		right: 0;
		bottom: auto;
		top: 0;
	}

	.dcw-video-slider .hero-big-banner .hero-content {
		height: 100%;
		width: calc(35% - 2rem);
		justify-content: center;
		gap: 2rem;
	}

	.dcw-video-slider .hero-big-banner .hero-subtitle,
	.dcw-video-slider .hero-big-banner .hero-button {
		font-size: 15.63px;
		line-height: 1.4;
	}

	.dcw-video-slider .hero-big-banner .hero-title {
		/* font-size: 56px; */
		font-size: 30.52px;
		line-height: 1.4;
	}

	.dcw-video-slider .hero-big-banner .hero-description {
		font-size: 15.63px;
		line-height: 1.4;
	}

	.dcw-video-slider .hero-big-banner .hero-button {
		padding: 1rem 2rem;
	}

	.dcw-video-slider .hero-small-slider {
		bottom: 0;
	}

	.dcw-video-slider .hero-small-slider .hero-slider-title {
		padding: 0;
	}

	.dcw-video-slider .hero-slider-center {
		width: 100%;
		height: calc(100vh - 132px);
	}

	.dcw-video-slider .hero-small-slider .swiper-wrapper {
		padding: 1rem 0;
		position: absolute;
		bottom: auto;
		top: auto;
	}

	.dcw-video-slider .hero-big-banner .swiper-navigation {
		display: flex;
		gap: 2.5rem;
	}

	.dcw-video-slider .hero-big-banner .swiper-button-prev,
	.dcw-video-slider .hero-big-banner .swiper-button-next {
		border-radius: 100%;
		background-color: #ffffff;
		width: 48px;
		height: 48px;
		color: #e84e15;
		position: relative;
		display: flex;
		justify-content: center;
		align-self: center;
		top: auto;
		margin: 0;
	}

	.dcw-video-slider.privilege-theme .hero-big-banner .swiper-button-prev,
	.dcw-video-slider.privilege-theme .hero-big-banner .swiper-button-next {
		background-color: #fff2e6;
		color: #994d00;
	}

	.dcw-video-slider.optimal-theme .hero-big-banner .swiper-button-prev,
	.dcw-video-slider.optimal-theme .hero-big-banner .swiper-button-next {
		background-color: #fff2e6;
		color: #b3860b;
	}

	.dcw-video-slider .hero-big-banner .swiper-button-prev:after,
	.dcw-video-slider .hero-big-banner .swiper-button-next:after {
		font-size: 1.5rem;
		font-weight: 700;
	}

	.dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-title {
		display: flex;
		font-size: 24px;
		font-weight: 700;
		line-height: 28px;
		letter-spacing: -0.01em;
		text-align: left;
		align-items: center;
	}

	.dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-title-tag {
		max-width: 70%;
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-tag-icon {
		display: block;
		width: auto;
		height: 48px;
	}

	.dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-header-title {
		font-size: 24px;
		line-height: 28px;
	}

	.dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-header {
		padding: 1rem 2rem;
	}

	.dcw-video-slider .dcw-video-popup .dcw-video-preview .dcw-close-button {
		height: 48px;
	}

	.dcw-video-slider .hero-big-banner .hero-slider-container {
		padding-top: 0;
	}

	.dcw-video-slider .hero-small-slider .hero-video-content {
		padding: 1.5rem;
		font-size: 19.53px;
		line-height: 1.4;
		font-weight: 700;
		font-family: "Inter", sans-serif;
	}

	.dcw-video-slider
		.hero-small-slider
		.swiper-slide-active
		.hero-video-content {
		font-size: 19.53px;
	}

	.dcw-video-slider .dcw-video-popup .dcw-yt-content iframe {
		min-height: 67vh;
		aspect-ratio: 16 / 9;
	}

	.dcw-video-slider .swiper-nav-mobile {
		display: none;
	}
}

@media screen and (min-width: 2000px) {
	.dcw-video-slider .hero-big-banner .hero-title {
		font-size: 56px;
		line-height: 68px;
	}

	.dcw-video-slider .hero-big-banner .hero-description {
		font-size: 24px;
		line-height: 28px;
	}

	.dcw-video-slider .hero-big-banner .hero-subtitle,
	.dcw-video-slider .hero-big-banner .hero-button {
		font-size: 1.5rem;
	}

	.dcw-video-slider .hero-big-banner .swiper-button-prev,
	.dcw-video-slider .hero-big-banner .swiper-button-next {
		width: 60px;
		height: 60px;
	}

	.dcw-video-slider .hero-big-banner .swiper-button-prev:after,
	.dcw-video-slider .hero-big-banner .swiper-button-next:after {
		font-size: 2rem;
	}

	.dcw-video-slider .hero-big-banner .swiper-navigation {
		display: flex;
		gap: 3rem;
	}
}

/** Ebanking Cards **/
.dcw-ebanking-cards {
	width: 100%;
	height: fit-content;
	background-color: #f5f5f5;
	padding-top: 2rem !important;
	padding-bottom: 2rem !important;
	position: relative;
	border-radius: 0;
	top: 0;
	z-index: 9;
}

.dcw-ebanking-cards .dcw-ebanking-main {
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 1rem;
	/* max-width: 1512px !important; */
	margin: 0 auto;
}

.dcw-ebanking-cards .dcw-ebanking-sub {
	width: 100%;
	display: flex;
	flex-direction: column;
	/*gap: 1.5rem;*/
}

.dcw-ebanking-cards .dcw-ebanking-sub h1 {
	font-size: 30px;
	font-weight: 800;
	color: #1a1a1a;
}

.dcw-ebanking-cards .dcw-image-backdrop,
.dcw-ebanking-cards .dcw-ebanking-sub-2 {
	display: none;
}

.dcw-ebanking-cards .dcw-image-phone-container {
	position: relative;
	z-index: 10;
	width: 90%;
}

.dcw-ebanking-cards .dcw-image-phone-container img {
	width: 100%;
	height: 100%;
}

.dcw-ebanking-cards .dcw-ebanking-image {
	width: 4rem;
	margin-bottom: 1rem;
}

.dcw-ebanking-cards .dcw-ebanking-description {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	font-size: 16px;
	line-height: 20px;
	margin-top: 0.5rem;
}

.dcw-ebanking-cards .dcw-image-phone-mobile {
	display: flex;
	align-items: center;
	width: 100%;
	height: 28rem;
	position: relative;
	z-index: 5;
	margin-top: 2rem;
}

.dcw-ebanking-cards .dcw-image-phone-mobile div {
	width: 100%;
	position: absolute;
}

.dcw-ebanking-cards .dcw-image-phone-mobile img {
	width: 100%;
	height: 100%;
}

.dcw-ebanking-cards .dcw-image-phone-mobile-img-2 > img {
	width: calc(100% - 2rem);
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.dcw-ebanking-cards .dcw-image-phone-mobile-img-3 {
	top: 0 !important;
}

.dcw-ebanking-cards .dcw-image-phone-mobile-img-4 {
	top: 0 !important;
}

.dcw-ebanking-cards .dcw-bg-union {
	width: 100%;
	position: absolute;
}

.dcw-ebanking-cards .dcw-color-1 {
	color: #8d8d8d;
}

.dcw-ebanking-cards .dcw-reason {
	margin-top: 1rem;
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 1rem;
}

.dcw-ebanking-cards .dcw-reason-item {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-ebanking-cards .dcw-num {
	width: 1.5rem;
	height: 1.5rem;
	background-color: #e84e15;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	color: white;
}

.dcw-ebanking-cards .dcw-reason-item h2 {
	font-size: 1.1rem;
}

.dcw-ebanking-cards .dcw-reason-item p {
	font-size: 0.9rem;
}

.dcw-ebanking-cards .dcw-ebanking-download-btn {
	padding: 20px 20px;
	background-color: #e84e15 !important;
	color: white;
	border-radius: 8px;
	margin-top: 2rem;
	display: block;
	width: 100%;
	font-weight: 600;
	text-align: center;
}

.dcw-ebanking-cards .dcw-reason-container {
	position: relative;
	z-index: 10;
	margin-top: -5rem;
	margin-left: 0;
}

.dcw-ebanking-cards .dcw-reason-container span {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
}

.dcw-ebanking-cards .dcw-mobile-slider {
	height: auto;
}

.dcw-ebanking-cards .dcw-mobile-slider .swiper-pagination {
	bottom: auto;
}

.dcw-ebanking-cards .dcw-ebanking-description-content {
	display: none;
	flex-direction: column;
	gap: 1rem;
	font-size: 16px;
	line-height: 20px;
	margin-top: 0.5rem;
}

.dcw-ebanking-cards .dcw-notice-container,
.new-notice-card .dcw-notice-container {
	border-radius: 16px;
	background-color: #e6f3ff;
	width: 100%;
	padding: 1rem;
	display: flex;
	align-items: flex-start;
	gap: 1rem;
}

.dcw-ebanking-cards .dcw-notice-content,
.new-notice-card .dcw-notice-content {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.dcw-ebanking-cards .dcw-notice-container .notice-title,
.new-notice-card .dcw-notice-container .notice-title {
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #0088ff;
}

.dcw-ebanking-cards .dcw-notice-container .notice-desc,
.new-notice-card .dcw-notice-container .notice-desc {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: #0088ff;
}

@media screen and (min-width: 432px) {
	.dcw-ebanking-cards .dcw-image-phone-mobile {
		height: 30rem;
	}

	.dcw-ebanking-cards .dcw-reason-container {
		margin-top: 1rem !important;
	}
}

@media screen and (min-width: 651px) {
	.dcw-ebanking-cards .dcw-image-phone-mobile {
		height: 45rem;
	}
}

@media screen and (min-width: 801px) {
	.dcw-ebanking-cards .dcw-ebanking-sub h1 {
		font-size: 45px;
	}
}

@media screen and (min-width: 1024px) {
	.dcw-ebanking-cards {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}

	.dcw-ebanking-cards .dcw-ebanking-sub {
		width: 45%;
	}

	.dcw-ebanking-cards .dcw-ebanking-sub > .dcw-container {
		padding-right: 0 !important;
	}

	.dcw-ebanking-cards .dcw-ebanking-sub h1 {
		font-size: 30.52px;
		line-height: 1.2;
	}

	.dcw-ebanking-cards .dcw-image-backdrop {
		position: absolute;
		right: 0;
		width: 45%;
		height: 70%;
	}

	.dcw-ebanking-cards .dcw-ebanking-sub-2 {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.dcw-ebanking-cards .dcw-ebanking-description,
	.dcw-ebanking-cards .dcw-image-phone-mobile {
		display: none;
		margin-top: 2rem;
	}

	.dcw-ebanking-cards .dcw-ebanking-description.show {
		display: block;
	}

	.dcw-ebanking-cards .dcw-reason {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.dcw-ebanking-cards .dcw-ebanking-download-btn {
		font-size: 10px;
		width: fit-content;
		text-align: left;
	}

	.dcw-ebanking-cards .dcw-reason-container {
		margin-left: 2.5rem;
	}

	.dcw-ebanking-cards .dcw-image-backdrop,
	.dcw-ebanking-cards .dcw-ebanking-sub-2 {
		display: block;
	}

	.dcw-ebanking-cards .dcw-ebanking-description-content {
		display: flex;
		font-size: 10px;
	}

	.dcw-ebanking-cards .dcw-ebanking-description-content h3 {
		font-size: 24px;
		line-height: 28px;
	}

	.dcw-ebanking-cards .dcw-ebanking-image {
		margin-bottom: 2rem;
	}

	.dcw-ebanking-cards .dcw-image-phone-container {
		top: 50%;
		transform: translateY(-50%);
	}
	/* .dcw-ebanking-cards {
        padding-bottom: 10rem !important;
    } */
}

@media screen and (min-width: 1500px) {
	.dcw-ebanking-cards .dcw-ebanking-sub h1 {
		font-size: 50px;
		line-height: 1.2;
	}

	.dcw-ebanking-cards .dcw-reason-container span {
		font-size: 24px;
		line-height: 1.2;
	}

	.dcw-ebanking-cards .dcw-reason-item h2 {
		font-size: 20px;
		line-height: 1.2;
	}

	.dcw-ebanking-cards .dcw-reason-item p {
		font-size: 16px;
		line-height: 1.2;
	}
}

/** Ebanking Feature **/
.dcw-feature-dbankpro {
	width: 100%;
	height: fit-content;
	background-color: #ffd9b3;
	padding-top: 1rem !important;
	padding-bottom: 3rem !important;
	margin-top: 0rem;
	position: relative;
	z-index: 20;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.dcw-feature-dbankpro.privilege-theme {
	background-color: #1a1a1a;
}

.dcw-feature-dbankpro-ver-new {
	background-color: #ffffff !important;
}

.dcw-feature-dbankpro.optimal-theme {
	background-color: #0b3321;
}

.dcw-feature-dbankpro.margin-up {
	margin-top: -7rem;
}

.dcw-feature-dbankpro.margin-down {
	margin-top: 3rem;
}

.dcw-feature-dbankpro .dcw-dbank-headline {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-feature-dbankpro .dcw-headline-content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-feature-dbankpro .dcw-dbank-headline .dcw-headline-title {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
}

.dcw-feature-dbankpro .dcw-dbank-headline .dcw-headline-desc,
.dcw-feature-dbankpro-ver-new .dcw-dbank-headline .dcw-headline-desc {
	font-size: 16px;
	line-height: 20px;
}

.dcw-feature-dbankpro.privilege-theme .dcw-dbank-headline .dcw-headline-title {
	color: #ffffff;
}

.dcw-feature-dbankpro.privilege-theme
	.dcw-dbank-headline
	.dcw-headline-title-ver-new {
	color: #000000 !important;
}

.dcw-feature-dbankpro.privilege-theme .dcw-dbank-headline .dcw-headline-desc {
	color: #ffffff;
}

.dcw-feature-dbankpro.optimal-theme .dcw-dbank-headline .dcw-headline-title {
	color: #ffffff;
}

.dcw-feature-dbankpro.optimal-theme .dcw-dbank-headline .dcw-headline-desc {
	color: #ffffff;
}

.dcw-feature-dbankpro .dcw-dbankpro-cards-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 3rem;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-feature-dbankpro .dcw-dbankpro-card-item {
	position: relative;
	object-fit: cover;
	width: 100%;
}

.dcw-feature-dbankpro .dcw-dbankpro-card-item img {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	object-fit: cover;
	object-position: center;
	aspect-ratio: 1/1;
}

.dcw-feature-dbankpro .dcw-img-overlay {
	max-height: 100%;
	width: 100%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: absolute;
	z-index: 10;
	bottom: 0;
	left: 0;
	padding: 1rem;
	background-image: linear-gradient(
		to bottom,
		transparent 10%,
		rgba(0, 0, 0, 0.7) 95%
	);
	border-radius: 20px;
}

.dcw-feature-dbankpro .dcw-overlay-sec-1 {
	color: white;
	width: 100%;
}

.dcw-feature-dbankpro .dcw-overlay-sec-1 p {
	color: white;
}

.dcw-feature-dbankpro .dcw-overlay-headline {
	font-size: 20px;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 0.5rem;
	color: #ffffff;
}

.dcw-feature-dbankpro .dcw-overlay-description {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	height: fit-content;
	text-overflow: ellipsis;
	white-space: normal;
	width: 100%;
	color: #ffffff;
}

.custom-line-clamp-4 {
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 4 !important;
}

.custom-line-clamp-5 {
	overflow: hidden !important;
	display: -webkit-box !important;
	-webkit-box-orient: vertical !important;
	-webkit-line-clamp: 5 !important;
}

.custom-line-clamp-12 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 12;
}

.custom-line-clamp-18 {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 18;
}

.dcw-feature-dbankpro .dcw-overlay-description * {
	color: #ffffff !important;
}
/* .dcw-feature-dbankpro .dcw-overlay-description p{
    margin-bottom: 0.5rem;
} */
.dcw-feature-dbankpro .dcw-overlay-description ul {
	display: flex;
	flex-direction: column;
	list-style: disc !important;
	padding-left: 24px;
}

.dcw-feature-dbankpro .dcw-overlay-description ul li > * {
	margin-bottom: 8px;
}

.dcw-feature-dbankpro .dcw-overlay-description ul li::marker {
	color: #ffffff;
	font-size: 24px;
}

.dcw-feature-dbankpro .dcw-overlay-description ol {
	display: flex;
	flex-direction: column;
	list-style: decimal !important;
	padding-left: 24px;
}

.dcw-feature-dbankpro .dcw-overlay-description ol li::marker {
	color: #ffffff;
	font-size: 18px;
}

.dcw-feature-dbankpro .dcw-overlay-description a {
	color: #ffffff;
	text-decoration: underline;
	font-size: 24px;
}

.dcw-feature-dbankpro
	.dcw-dbankpro-card-item
	.dcw-overlay-description.original {
	display: block;
}
/*.dcw-feature-dbankpro .dcw-dbankpro-card-item:hover .dcw-overlay-description.original,
.dcw-feature-dbankpro .dcw-dbankpro-card-item.active .dcw-overlay-description.original {
    display: block;
}
.dcw-feature-dbankpro .dcw-dbankpro-card-item:hover .dcw-overlay-description.original,
.dcw-feature-dbankpro .dcw-dbankpro-card-item.active .dcw-overlay-description.original{
    max-height: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 13; 
    line-clamp: 13;
    -webkit-box-orient: vertical;
    width: 100%;
    max-height: 287px;
}*/
.dcw-feature-dbankpro
	.dcw-dbankpro-card-item
	.dcw-overlay-description.shortened {
	display: block;
	width: 100%;
	height: fit-content;
}

.dcw-feature-dbankpro
	.dcw-dbankpro-card-item:hover
	.dcw-overlay-description.shortened,
.dcw-feature-dbankpro
	.dcw-dbankpro-card-item.active
	.dcw-overlay-description.shortened {
	display: none;
}

.dcw-feature-dbankpro .dcw-overlay-sec-2 {
	width: fit-content;
}

.dcw-feature-dbankpro .dcw-overlay-sec-2 img {
	width: 3rem;
}

.dcw-feature-dbankpro .dcw-tnc-link .tnc-orange,
.dcw-feature-dbankpro .dcw-tnc-link .tnc-arrow {
	color: var(--color-background-fill-primary);
}

.dcw-feature-dbankpro .dcw-tnc-link .tnc-arrow img {
	position: relative;
	top: 8px;
}

@media screen and (min-width: 1024px) {
	.dcw-feature-dbankpro {
		padding-top: 5rem !important;
		padding-bottom: 10rem !important;
	}

	.dcw-feature-dbankpro .dcw-dbankpro-cards-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: 786px;
	}

	.dcw-feature-dbankpro .dcw-dbankpro-cards-container-ver-new {
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		max-width: 786px;
	}

	.dcw-feature-dbankpro .dcw-overlay-headline {
		font-size: 12.5px;
		/* line-height: 40px; */
	}

	.dcw-feature-dbankpro .dcw-overlay-description {
		font-size: 10px;
		line-height: 1.2;
		width: 100%;
	}

	.dcw-feature-dbankpro .dcw-overlay-description-ver-new {
		font-size: 10px;
		line-height: 1.2;
		width: 75%;
	}

	.dcw-feature-dbankpro .dcw-overlay-sec-2 img {
		width: 5rem;
	}

	.dcw-feature-dbankpro .dcw-img-overlay {
		padding: 1rem;
	}

	.dcw-feature-dbankpro
		.dcw-dbankpro-card-item:hover
		.dcw-overlay-description.original,
	.dcw-feature-dbankpro
		.dcw-dbankpro-card-item.active
		.dcw-overlay-description.original {
		-webkit-line-clamp: 19;
		line-clamp: 19;
		max-height: 515px;
	}
}

/** Ebanking Feature Link **/
.dcw-feature-dbankpro-link {
	width: 100%;
	height: fit-content;
	background-color: #ffd9b3;
	/*padding-top: 5rem !important;*/
	padding-bottom: 5rem !important;
	margin-top: 0rem;
	position: relative;
	z-index: 20;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.dcw-feature-dbankpro-link.privilege-theme {
	background-color: #1a1a1a;
}

.dcw-feature-dbankpro-link.optimal-theme {
	background-color: #0b3321;
}

.dcw-feature-dbankpro-link.margin-up {
	margin-top: -7rem;
}

.dcw-feature-dbankpro-link.margin-down {
	margin-top: 3rem;
}

.dcw-feature-dbankpro-link .dcw-dbank-headline {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.dcw-feature-dbankpro-link .dcw-headline-content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-feature-dbankpro-link .dcw-dbank-headline .dcw-headline-title {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
}

.dcw-feature-dbankpro-link .dcw-dbank-headline .dcw-headline-desc {
	font-size: 16px;
	line-height: 20px;
}

.dcw-feature-dbankpro-link.privilege-theme
	.dcw-dbank-headline
	.dcw-headline-title {
	color: #ffffff;
}

.dcw-feature-dbankpro-link.privilege-theme
	.dcw-dbank-headline
	.dcw-headline-desc {
	color: #ffffff;
}

.dcw-feature-dbankpro-link.optimal-theme
	.dcw-dbank-headline
	.dcw-headline-title {
	color: #ffffff;
}

.dcw-feature-dbankpro-link.optimal-theme
	.dcw-dbank-headline
	.dcw-headline-desc {
	color: #ffffff;
}

.dcw-feature-dbankpro-link .dcw-dbankpro-cards-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

.dcw-feature-dbankpro-link .dcw-dbankpro-card-item {
	position: relative;
	object-fit: cover;
	cursor: pointer;
	width: 100%;
}

.dcw-feature-dbankpro-link .dcw-dbankpro-card-item img {
	width: 100%;
	height: 100%;
	border-radius: 20px;
	object-fit: cover;
	object-position: center;
	aspect-ratio: 1/1;
}

.dcw-feature-dbankpro-link .dcw-img-overlay {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	background-image: linear-gradient(
		to bottom,
		transparent 80%,
		rgba(0, 0, 0, 0.7) 95%
	);
	border-radius: 20px;
}

.dcw-feature-dbankpro-link .dcw-overlay-sec-1 {
	color: white;
	width: 100%;
}

.dcw-feature-dbankpro-link .dcw-overlay-sec-1 p {
	color: white;
}

.dcw-feature-dbankpro-link .dcw-overlay-headline {
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
}

.dcw-feature-dbankpro-link .dcw-overlay-description {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	overflow: hidden;
	height: fit-content;
	width: 100%;
}

.dcw-feature-dbankpro-link .dcw-overlay-sec-2 {
	width: fit-content;
}

.dcw-feature-dbankpro-link .dcw-overlay-sec-2 img {
	width: 3rem;
}

.dcw-feature-dbankpro-link .dcw-tnc-link .tnc-orange,
.dcw-feature-dbankpro-link .dcw-tnc-link .tnc-arrow {
	color: var(--color-background-fill-primary);
}

.dcw-feature-dbankpro-link .dcw-tnc-link .tnc-arrow img {
	position: relative;
	top: 8px;
}

.dcw-feature-dbankpro-link .dcw-go-detail-btn {
	width: auto;
	height: auto;
	background: rgb(255, 255, 255, 20%);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.dcw-feature-dbankpro-link .dcw-go-detail-btn > img {
	width: 32px;
	height: 32px;
}

@media screen and (min-width: 1024px) {
	.dcw-feature-dbankpro-link .dcw-dbankpro-cards-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 3rem;
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-feature-dbankpro-link .dcw-overlay-headline {
		font-size: 15.63px;
		line-height: 1.4;
	}

	.dcw-feature-dbankpro-link .dcw-overlay-description {
		font-size: 24px;
		line-height: 28px;
	}

	.dcw-feature-dbankpro-link .dcw-overlay-sec-2 img {
		width: 5rem;
	}

	.dcw-feature-dbankpro-link .dcw-img-overlay {
		padding: 2rem;
	}

	.dcw-feature-dbankpro-link .dcw-go-detail-btn > img {
		width: 48px;
		height: 48px;
	}
}

/** Ebanking Promo Slider **/
/* .dcw-ebanking-slider{
    margin-top: -5rem;
    position: relative;
    z-index: 30;
    border-radius: 3rem 3rem 0 0;
    margin-bottom: 5rem;
}*/

/*@media screen and (min-width: 1024px) {
    .dcw-ebanking-slider{
        border-radius: 5rem 5rem 0 0;
    }
} */

/** FAQ With Sidetab **/
.dcw-faq-sidetab {
	width: 100%;
	padding: 1rem 0px 1rem 0px;
	display: flex;
	flex-direction: column;
	background: white;
	box-sizing: border-box;
	align-items: center;
	/* margin: 6rem 0; */
	margin-top: 2rem;
	margin-bottom: 2rem;
	/* max-width: 1512px !important; */
	margin-left: auto !important;
	margin-right: auto !important;
}

.dcw-faq-sidetab.top-rounded {
	position: relative;
	top: -10rem;
	padding-top: 1rem !important;
	z-index: 999;
}

.dcw-faq-sidetab .dcw-section-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 24px;
	position: relative;
}

.dcw-faq-sidetab .dcw-nav-tag {
	width: fit-content;
	height: 40px;
	padding: 8px 16px;
	gap: 8px;
	border-radius: 8px;
	border: 1px solid #e0e0e0;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: center;
	flex-shrink: 0;
	cursor: pointer;
	color: black;
}

.dcw-faq-sidetab .dcw-nav-tag * {
	pointer-events: none;
}

.dcw-faq-sidetab .dcw-nav-container {
	width: 100%;
	height: 60px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	overflow-x: scroll;
	position: relative;
	background: white;
}

.dcw-faq-sidetab .dcw-nav-container.no-breadcrumb.sticky {
	top: 90px;
}

.dcw-faq-sidetab .dcw-nav-container.sticky {
	position: fixed;
	z-index: 99;
	top: 134px;
	padding: 0 2rem;
}

.dcw-faq-sidetab .nav-holder {
	display: none;
	height: 60px;
}

.dcw-faq-sidetab .nav-holder.active {
	display: block;
}

.dcw-faq-sidetab .dcw-nav-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-faq-sidetab .dcw-nav-tag.dcw-nav-tag-active {
	background-color: var(--color-background-fill-primary);
	color: white;
}

.dcw-faq-sidetab .dcw-nav-tag img {
	display: none;
}

.dcw-faq-sidetab .dcw-section {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 1rem;
	left: 0;
	width: 100%;
}

.dcw-faq-sidetab .dcw-section:first-child {
	position: relative;
}

.dcw-faq-sidetab .dcw-ebanking-period {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
	padding: 0.5rem 0;
}

.dcw-faq-sidetab .dcw-tentang-content {
	width: 100%;
	margin: 2rem 0;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-faq-sidetab .dcw-faq-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px;
	border: 1px solid #e0e0e0;
	border-radius: 14px;
	cursor: pointer;
}

.dcw-faq-sidetab .dcw-faq-item span {
	width: 80%;
	font-size: 20px;
	font-weight: 600;
}

.dcw-faq-sidetab .faq-arrow {
	display: flex;
	align-items: center;
}

.dcw-faq-sidetab .dcw-section-content-container {
	width: 100%;
}

.dcw-faq-sidetab .dcw-accordion-container,
.dcw-profile-popup .dcw-accordion-container,
.dcw-rich-sidetab .dcw-accordion-container {
	margin: 2rem 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-faq-sidetab .accordion-item-head,
.dcw-profile-popup .accordion-item-head,
.dcw-rich-sidetab .accordion-item-head {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 0 1rem;
	padding: 1rem 0;
	border-bottom: 1px solid transparent;
	cursor: pointer;
	font-weight: 700;
}

.dcw-faq-sidetab .accordion-item-head > *,
.dcw-profile-popup .accordion-item-head > *,
.dcw-rich-sidetab .accordion-item-head > * {
	pointer-events: none;
}

.dcw-faq-sidetab .dcw-accordion-items,
.dcw-profile-popup .dcw-accordion-items,
.dcw-rich-sidetab .dcw-accordion-items {
	border: 1px solid #e0e0e0;
	border-radius: 16px;
}

.dcw-faq-sidetab .accordion-item-content,
.dcw-profile-popup .accordion-item-content,
.dcw-rich-sidetab .accordion-item-content {
	padding: 0 1rem;
	height: 0;
	overflow: hidden;
	margin-bottom: 0;
}

.dcw-faq-sidetab .accordion-item-head.open,
.dcw-profile-popup .accordion-item-head.open {
	margin: 0 1rem;
	border-bottom: 1px solid #e0e0e0;
}

.dcw-faq-sidetab .accordion-item-head.open + .accordion-item-content,
.dcw-profile-popup .accordion-item-head.open + .accordion-item-content {
	padding: 1rem !important;
	height: auto;
	margin-bottom: 1rem;
}

.dcw-faq-sidetab .accordion-item-chevron,
.dcw-profile-popup .accordion-item-chevron,
.dcw-rich-sidetab .accordion-item-chevron {
	transform: rotate(180deg);
}

.dcw-faq-sidetab .accordion-item-head.open .accordion-item-chevron,
.dcw-profile-popup .accordion-item-head.open .accordion-item-chevron {
	transform: rotate(0deg);
}

.dcw-faq-sidetab .accordion-item-content .dcw-table-cont {
	overflow: auto;
	padding: 1rem 0;
}

.dcw-faq-sidetab .accordion-item-content .dcw-table-cont::-webkit-scrollbar {
	height: 10px;
}

.dcw-faq-sidetab
	.accordion-item-content
	.dcw-table-cont::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-faq-sidetab
	.accordion-item-content
	.dcw-table-cont::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-success-hover, #1e8758);
	border-radius: 10px;
}

.dcw-faq-sidetab
	.accordion-item-content
	.dcw-table-cont::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-success-hover, #1e8758);
}

.dcw-faq-sidetab .accordion-item-content table {
	border-collapse: collapse;
	width: 100%;
}

.dcw-faq-sidetab .accordion-item-content table tr:first-child th:first-child {
	border-top-left-radius: 16px;
}

.dcw-faq-sidetab .accordion-item-content table tr:last-child td:first-child {
	border-bottom-left-radius: 16px;
}

.dcw-faq-sidetab .accordion-item-content table tr:last-child td:last-child {
	border-bottom-right-radius: 16px;
}

.dcw-faq-sidetab .accordion-item-content table tr:first-child th:last-child {
	border-top-right-radius: 16px;
}

.dcw-faq-sidetab .accordion-item-content table td {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	padding: 12px 12px;
	vertical-align: middle;
}

.dcw-faq-sidetab .accordion-item-content table tr:nth-child(even) {
	background-color: #eeeeee;
}

.dcw-faq-sidetab .accordion-item-content table tr:nth-child(odd) {
	background-color: #f8f8f8;
}
/* .dcw-faq-sidetab .accordion-item-content table tr:hover {
    background-color: #ddd;
} */
.dcw-faq-sidetab .accordion-item-content table th {
	padding: 12px 12px;
	text-align: left;
	background: var(--color-background-fill-success-hover, #1e8758);
	color: white;
	white-space: nowrap;
	vertical-align: middle;
	font-weight: 700;
}

.dcw-faq-sidetab
	.accordion-item-content
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
	background: #b6cac7;
}

.dcw-faq-sidetab
	.accordion-item-content
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
	background: #b6cac7;
}

.dcw-faq-sidetab .accordion-item-content table.table-alt tr:nth-child(even) {
	background-color: #ffffff;
}

.dcw-faq-sidetab .accordion-item-content table.table-alt tr:nth-child(odd) {
	background-color: #e7edec;
}

.dcw-faq-sidetab .accordion-item-content table.table-alt th {
	background: #b6cac7;
	color: #062f28;
}

.dcw-faq-sidetab .accordion-item-content table.table-alt td {
	color: #062f28;
}

.dcw-faq-sidetab .accordion-item-content b {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-faq-sidetab .accordion-item-content ul {
	display: flex;
	flex-direction: column;
	gap: var(--spacegapspace-component-gap-s, 12px);
	list-style: disc !important;
	padding-left: 24px;
}

.dcw-faq-sidetab .accordion-item-content ul li > * {
	margin-bottom: 8px;
}

.dcw-faq-sidetab .accordion-item-content ul li::marker {
	color: #e84e15;
	font-size: 24px;
}

.dcw-faq-sidetab .accordion-item-content ol {
	display: flex;
	flex-direction: column;
	list-style: decimal !important;
	padding-left: 24px;
}

.dcw-faq-sidetab .accordion-item-content ol li::marker {
	color: #1a1a1a;
	font-size: 16px;
}

.dcw-faq-sidetab .accordion-item-content a {
	color: #e84e15;
}

.dcw-faq-sidetab .accordion-item-content h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-faq-sidetab a.cta-btn {
	color: #ffffff;
	background-color: #e84e15;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 8px;
	padding: 1rem;
	text-align: center;
	display: block;
	width: fit-content;
	max-width: 100%;
	margin: 1rem 0;
}

@media screen and (min-width: 1024px) {
	.dcw-faq-sidetab {
		max-width: 786px;
		padding: 56px 0px;
		flex-direction: row;
		align-items: start;
		gap: 2rem;
		position: relative;
		margin: 6rem auto 10rem auto;
	}

	.dcw-faq-sidetab .dcw-nav-container {
		width: 25%;
		flex-direction: column;
		height: fit-content;
	}

	.dcw-faq-sidetab .dcw-nav-container.sticky {
		top: 150px;
		padding: 0;
	}

	.dcw-faq-sidetab .nav-holder {
		height: auto;
		width: 450px;
	}

	.dcw-faq-sidetab .dcw-nav-container.bottom {
		top: auto !important;
		bottom: 24px;
		position: absolute;
	}

	.dcw-faq-sidetab .nav-holder.bottom {
		display: block;
	}

	.dcw-faq-sidetab .dcw-nav-tag {
		padding: 1rem 0.5rem;
		width: 100%;
		border-radius: 0;
		border: 0;
		border-bottom: 1px solid #e0e0e0;
		height: fit-content;
		font-size: 15.63px;
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.dcw-faq-sidetab .dcw-nav-tag.dcw-nav-tag-active {
		background-color: white;
		color: var(--color-background-fill-primary);
	}

	.dcw-faq-sidetab .dcw-nav-tag img:first-child {
		display: block;
	}

	.dcw-faq-sidetab .dcw-nav-tag img:last-child {
		display: none;
	}

	.dcw-faq-sidetab .dcw-nav-tag.dcw-nav-tag-active img:first-child {
		display: none;
	}

	.dcw-faq-sidetab .dcw-nav-tag.dcw-nav-tag-active img:last-child {
		display: block;
	}

	.dcw-faq-sidetab .dcw-section-title {
		font-size: 32px;
		line-height: 40px;
		word-wrap: break-word;
	}

	.dcw-faq-sidetab .dcw-tentang-content {
		margin: 1rem 0;
	}

	.dcw-faq-sidetab .accordion-item-head,
	.dcw-profile-popup .accordion-item-head,
	.dcw-rich-sidetab .accordion-item-head {
		font-size: 20px;
		line-height: 1.2;
	}
}

/** Ebanking Feature Slider **/
.dcw-ebanking-description-slider {
	overflow: hidden;
}

.dcw-ebanking-description-slider .dcw-navigation-container {
	display: none;
	position: absolute;
	bottom: 1rem;
	right: 3rem;
	z-index: 30;
	gap: 1rem;
}

.dcw-ebanking-description-slider .dcw-ebanking-description-slider-main {
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 1rem;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-ebanking-description-slider ul {
	display: flex;
	flex-direction: column;
	gap: var(--spacegapspace-component-gap-s, 12px);
	list-style: disc !important;
	transform: translateX(24px);
	width: 95%;
}

.dcw-ebanking-description-slider ul li::marker {
	color: #e84e15;
	font-size: 24px;
}

.dcw-ebanking-description-slider .dcw-image-slider-mobile {
	display: flex;
	align-items: center;
	width: 100%;
	height: 22rem;
	position: relative;
	margin-top: 2rem;
}

.dcw-ebanking-description-slider .dcw-ebanking-sub-4 {
	display: none;
}

.dcw-ebanking-description-slider .image-backdrop {
	display: none;
}

.dcw-ebanking-description-slider .custom-swiper-button-prev,
.dcw-ebanking-description-slider .custom-swiper-button-next {
	width: 3.5rem;
	height: 3.5rem;
	background-color: #e84e15;
	border-radius: 999px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.dcw-ebanking-description-slider .dcw-mobile-slider {
	width: 100%;
	height: 100%;
}

.dcw-ebanking-description-slider
	.dcw-mobile-slider
	.swiper-pagination-bullet-active {
	background-color: #e84e15;
	width: 2rem;
	height: 0.5rem;
	border-radius: 5px;
}

.dcw-ebanking-description-slider .dcw-mobile-slider .swiper-pagination {
	bottom: 10%;
}

.dcw-ebanking-description-slider .dcw-ebanking-sub-4 .swiper-slide {
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 1000ms;
}

@media screen and (min-width: 1024px) {
	.dcw-ebanking-description-slider {
		padding-right: 0px !important;
		padding-top: 5rem !important;
		min-height: 75vh;
	}

	.dcw-ebanking-description-slider .dcw-navigation-container {
		display: flex;
		position: absolute;
		right: 30px;
		bottom: 30%;
	}

	.dcw-ebanking-description-slider .dcw-image-slider-mobile {
		display: none;
	}

	.dcw-ebanking-description-slider .dcw-ebanking-sub-4 {
		display: flex;
		align-items: flex-end;
		overflow: visible;
		justify-content: center;
	}

	.dcw-ebanking-description-slider .dcw-ebanking-sub-4 .swiper-wrapper {
		height: fit-content;
	}

	.dcw-ebanking-description-slider .image-backdrop {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		padding: 0 !important;
	}

	.dcw-ebanking-description-slider .dcw-ebanking-description-slider-main {
		align-items: center;
		justify-content: space-between;
	}

	.dcw-ebanking-description-slider
		.dcw-ebanking-sub-4
		.swiper-slide.hidden-slide {
		opacity: 0;
		pointer-events: none;
		transform: translateX(-50%);
	}

	.dcw-ebanking-description-slider
		.dcw-ebanking-sub-4
		.swiper-slide:not(.hidden-slide) {
		pointer-events: all;
	}
}

/** Ebanking Table Richtext **/
.dcw-ebanking-table-richtext {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	background-color: #ffffff;
	padding: 2rem 0;
}

.dcw-ebanking-table-richtext .dcw-richtext-content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-ebanking-table-richtext .table-responsive {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	width: 100%;
}

.dcw-ebanking-table-richtext .table-responsive::-webkit-scrollbar {
	height: 10px;
}

.dcw-ebanking-table-richtext .table-responsive::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-ebanking-table-richtext .table-responsive::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-success-hover, #1e8758);
	border-radius: 10px;
}

.dcw-ebanking-table-richtext .table-responsive::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-success-hover, #1e8758);
}

.dcw-ebanking-table-richtext table {
	width: auto;
	border-collapse: collapse;
	table-layout: auto;
}

/*custom*/
.dcw-ebanking-table-richtext th,
.dcw-faq-richtext th,
.dcw-news-richtext th,
.dcw-ebanking-table-richtext td,
.dcw-faq-richtext td,
.dcw-news-richtext td {
	padding: 10px;
	border: 1px solid white;
	text-align: center;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	position: relative;
	vertical-align: middle;
	width: auto;
}

.dcw-ebanking-table-richtext th.fit-content,
.dcw-ebanking-table-richtext td.fit-content {
	width: 3rem;
	white-space: nowrap;
}

.dcw-ebanking-table-richtext thead tr {
	background-color: #1e8758;
	height: 3rem;
}

.dcw-ebanking-table-richtext thead tr th {
	text-align: center;
	color: white;
	line-height: 24px;
	border-right: 1px solid white;
}

.dcw-ebanking-table-richtext table tr:first-child th:first-child {
	border-top-left-radius: 16px;
}

.dcw-ebanking-table-richtext table tr:last-child td:first-child {
	border-bottom-left-radius: 16px;
}

.dcw-ebanking-table-richtext table tr:last-child td:last-child {
	border-bottom-right-radius: 16px;
}

.dcw-ebanking-table-richtext table tr:first-child th:last-child {
	border-top-right-radius: 16px;
}

.dcw-ebanking-table-richtext tbody tr:nth-child(odd) {
	height: 3rem;
	background-color: #e7edec;
}

.dcw-ebanking-table-richtext tbody tr:nth-child(even) {
	height: 3rem;
}

.dcw-ebanking-table-richtext tbody tr td {
	text-align: center;
	line-height: 24px;
}

.dcw-ebanking-table-richtext tbody tr td:not(:last-child) {
	border-right: 1px solid white;
}

.dcw-ebanking-table-richtext
	.table-responsive.table-alt::-webkit-scrollbar-thumb {
	background: #b6cac7;
}

.dcw-ebanking-table-richtext
	.table-responsive.table-alt::-webkit-scrollbar-thumb:hover {
	background: #b6cac7;
}

.dcw-ebanking-table-richtext table.table-alt tr:nth-child(even) {
	background-color: #ffffff;
}

.dcw-ebanking-table-richtext table.table-alt tr:nth-child(odd) {
	background-color: #e7edec;
}

.dcw-ebanking-table-richtext table.table-alt th {
	background: #b6cac7;
	color: #062f28;
}

.dcw-ebanking-table-richtext table.table-alt td {
	color: #062f28;
}

.dcw-ebanking-table-richtext ul {
	display: flex;
	flex-direction: column;
	gap: var(--spacegapspace-component-gap-s, 12px);
	list-style: disc !important;
	padding-left: 24px;
}

.dcw-ebanking-table-richtext ul li > * {
	margin-bottom: 8px;
}

.dcw-ebanking-table-richtext ul li::marker {
	color: #e84e15;
	font-size: 24px;
}

.dcw-ebanking-table-richtext ol {
	display: flex;
	flex-direction: column;
	list-style: decimal !important;
	padding-left: 24px;
}

.dcw-ebanking-table-richtext ol li::marker {
	color: #1a1a1a;
	font-size: 16px;
}

.dcw-ebanking-table-richtext a {
	color: #e84e15;
}

@media screen and (min-width: 1024px) {
	.dcw-ebanking-table-richtext {
		padding: 5rem 0;
	}

	.dcw-ebanking-table-richtext .table-responsive {
		overflow-x: hidden;
	}

	.dcw-ebanking-table-richtext table {
		table-layout: fixed;
		width: 100%;
	}
}

/** Ebanking Alter Content **/
.dcw-alter-content {
	background-color: #ffffff;
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}

.dcw-alter-content.top-rounded {
	position: relative;
	top: -2rem;
	z-index: 99;
}

.dcw-alter-content .dcw-alter-row {
	display: grid;
	justify-content: center;
	align-content: center;
	grid-template-columns: 1fr;
	gap: 1rem;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 1rem auto 0 auto !important;
}

.dcw-alter-content .dcw-alter-row-text,
.dcw-alter-content .dcw-alter-text-content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-alter-content .dcw-alter-row-text {
	order: 1;
}

.dcw-alter-content .dcw-alter-text-title {
	font-size: 24px;
	line-height: 1.4;
	font-weight: 700;
	letter-spacing: -0.01em;
}

.dcw-alter-content .dcw-alter-text-content {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	letter-spacing: -0.01em;
}

.dcw-alter-content .dcw-alter-text-content strong {
	font-weight: 600; /*custom*/
}

.dcw-alter-content .dcw-alter-row-img {
	width: 100%;
	height: fit-content;
	margin: 1rem auto;
	order: 2;
}

.dcw-alter-content .dcw-alter-row-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.dcw-alter-content ul {
	list-style-type: disc;
	padding-left: 24px;
}

.dcw-alter-content ul li::marker {
	color: #e84e15;
	font-size: 24px;
}

.dcw-alter-content ul li {
	margin-bottom: 0.5rem;
}

.dcw-alter-content ul h3 {
	margin-bottom: 0.5rem;
}

.dcw-alter-content ol {
	list-style: decimal !important;
	padding-left: 24px;
}

.dcw-alter-content ol li::marker {
	color: #1a1a1a;
	font-size: 16px;
}

.dcw-alter-content a {
	color: var(--color-background-fill-primary);
	font-weight: 700;
}

.dcw-alter-content a img {
	position: relative;
	top: 8px;
}

@media screen and (min-width: 1024px) {
	.dcw-alter-content {
		display: flex;
		flex-direction: column;
		gap: 5rem;
	}

	.dcw-alter-content .dcw-alter-row {
		max-width: 786px;
		grid-template-columns: repeat(2, 1fr);
		gap: 5rem;
	}

	.dcw-alter-content .dcw-reverse-row .dcw-alter-row-text {
		order: 2;
	}

	.dcw-alter-content .dcw-reverse-row .dcw-alter-row-img {
		order: 1;
	}

	.dcw-alter-content .dcw-alter-row-img {
		/* width: 80%; */
		width: 100%;
		border-radius: 16px;
		overflow: hidden;
		margin: 0;
	}

	.dcw-alter-content ul h3 {
		font-size: 16px;
		line-height: 1.2;
	}
}

/** Tentang Subcards **/
.dcw-tentang-subitem {
	width: 100%;
	height: fit-content;
	margin: 32px 0px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: var(--color-background-background, #f5f5f5);
	box-sizing: border-box;
	overflow: hidden;
}

.dcw-tentang-subitem .dcw-content-card {
	width: 100%;
	height: auto;
	color: white;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: end;
	gap: 1rem;
	padding: 1rem;
	z-index: 1;
	background-image: linear-gradient(rgba(26, 26, 26, 0), rgba(26, 26, 26, 1));
}

.dcw-tentang-subitem .dcw-card-title {
	color: white;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
	display: -webkit-box;
	-webkit-line-clamp: 9;
	line-clamp: 9;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.dcw-tentang-subitem .dcw-svg-container {
	padding: 2.5px;
	height: 24px;
	width: 24px;
}

.dcw-tentang-subitem .dcw-card-second-row {
	width: 100%;
	height: auto;
	display: grid;
	gap: 2rem;
	grid-template-columns: 1fr;
}

.dcw-tentang-subitem .card-item {
	background-color: transparent;
	height: auto;
	aspect-ratio: 1/1;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	color: white;
	transition: all 0.4s;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	width: 100%;
}

.dcw-tentang-subitem .card-contents {
	display: block;
	height: 100%;
	width: 100%;
}

.dcw-tentang-subitem .card-item-child {
	height: 100%;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: end;
	color: white;
	border-radius: 24px;
	overflow: hidden;
	transition: all 0.4s;
}

.dcw-tentang-subitem .dcw-card-background {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.dcw-tentang-subitem .dcw-card-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1.5rem;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-tentang-subitem .dcw-clock-img {
	width: 19px;
	height: 19px;
}

.dcw-tentang-subitem .dcw-go-detail-btn {
	width: 32px;
	height: 32px;
	background: rgb(255, 255, 255, 20%);
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.dcw-tentang-subitem .dcw-header {
	width: 100%;
	height: fit-content;
	max-height: 32px;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
}

.dcw-tentang-subitem .dcw-title-tag {
	width: 100%;
	max-height: 32px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	color: #414141;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-tentang-subitem .dcw-header-content {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.dcw-tentang-subitem .dcw-header-title {
	width: fit-content;
	font-size: 24px;
	line-height: 28px;
}

.dcw-tentang-subitem .dcw-header-desc {
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-tentang-subitem .dcw-tag-img {
	background-color: #ffffff;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-tentang-subitem .dcw-tag-icon {
	width: auto;
	height: 32px;
}

.dcw-tentang-subitem .dcw-arrow-right {
	width: 0;
	height: 32px;
	display: none;
	align-items: center;
	text-decoration: none;
}

@media screen and (min-width: 1024px) {
	.dcw-tentang-subitem {
		margin: 56px 0px;
	}

	.dcw-tentang-subitem .dcw-header {
		max-height: 72px;
	}

	.dcw-tentang-subitem .dcw-header-title {
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-tentang-subitem .dcw-header-desc {
		font-size: 18px;
		line-height: 22px;
	}

	.dcw-tentang-subitem .dcw-title-tag {
		max-height: 72px;
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-tentang-subitem .dcw-card-title {
		font-size: 15.63px;
		line-height: 1.4;
		word-wrap: break-word;
	}

	.dcw-tentang-subitem .card-item {
		width: 100%;
		box-sizing: border-box;
	}

	.dcw-tentang-subitem .dcw-content-card {
		padding: 2rem;
	}

	.dcw-tentang-subitem .dcw-card-second-row {
		grid-template-columns: repeat(3, 1fr);
	}

	.dcw-tentang-subitem .dcw-tag-img {
		width: 72px;
		height: 72px;
	}

	.dcw-tentang-subitem .dcw-tag-icon {
		width: 48px;
		height: 48px;
	}

	.dcw-tentang-subitem .dcw-arrow-right {
		color: #e84e15;
		font-size: 24px;
		font-weight: 700;
		line-height: 28px;
		letter-spacing: -0.01em;
		text-align: center;
		width: auto;
		height: 72px;
		display: flex;
	}

	.dcw-tentang-subitem .dcw-arrow-right-img {
		display: none;
	}
}

/** Profile Pop Up **/
.dcw-profile-popup {
	width: 100%;
	padding: 1rem 0px 1rem 0px;
	display: flex;
	flex-direction: column;
	background: white;
	box-sizing: border-box;
	align-items: center;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-profile-popup .dcw-section-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.dcw-profile-popup .dcw-section {
	width: 100%;
	height: fit-content;
	display: flex;
}

.dcw-profile-popup .dcw-section-content-container,
.dcw-faq-sidetab .dcw-section-content-container,
.dcw-rich-sidetab .dcw-section-content-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.dcw-profile-popup .dcw-section-content-container p,
.dcw-faq-sidetab .dcw-section-content-container p,
.dcw-rich-sidetab .dcw-section-content-container p {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-profile-popup .dcw-section-content-container h3,
.dcw-faq-sidetab .dcw-section-content-container h3,
.dcw-rich-sidetab .dcw-section-content-container h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
}

.dcw-profile-popup .dcw-nav-tag {
	width: fit-content;
	height: 40px;
	padding: 8px 16px;
	gap: 8px;
	border-radius: 8px;
	border: 1px solid #e0e0e0;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: center;
	flex-shrink: 0;
	cursor: pointer;
	color: black;
}

.dcw-profile-popup .dcw-nav-tag * {
	pointer-events: none;
}

.dcw-profile-popup .dcw-nav-container {
	width: 100%;
	height: 60px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	overflow-x: scroll;
	position: relative;
	background: white;
}

.dcw-profile-popup .dcw-nav-container.sticky {
	position: fixed;
	z-index: 99;
	top: 134px;
	padding: 0 2rem;
}

.dcw-profile-popup .nav-holder {
	display: none;
	height: 60px;
}

.dcw-profile-popup .nav-holder.active {
	display: block;
}

.dcw-profile-popup .dcw-nav-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-profile-popup .dcw-nav-tag.dcw-nav-tag-active {
	background-color: var(--color-background-fill-primary);
	color: white;
}

.dcw-profile-popup .profile-container {
	display: grid;
	gap: 2rem;
	grid-template-columns: 1fr;
}

.dcw-profile-popup .profile-card {
	height: 350px;
	width: 100%;
	display: flex;
	flex-direction: column;
	background-color: #f5f5f5;
	border-radius: 24px;
	overflow: hidden;
	cursor: pointer;
}

.dcw-profile-popup .profile-card-img {
	height: 66.66%;
	width: 100%;
	overflow: hidden;
}

.dcw-profile-popup .profile-card-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.dcw-profile-popup .profile-card-summary {
	height: 33.33%;
	width: 100%;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.dcw-profile-popup .profile-card-summary .profile-summary-name {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
}

.dcw-profile-popup .dcw-section-content-container .dcw-table-cont,
.dcw-faq-sidetab .dcw-section-content-container .dcw-table-cont,
.dcw-rich-sidetab .dcw-section-content-container .dcw-table-cont {
	overflow: auto;
	padding: 1rem 0;
}

.dcw-profile-popup
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar,
.dcw-faq-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar,
.dcw-rich-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar {
	height: 10px;
}

.dcw-profile-popup
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-track,
.dcw-faq-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-track,
.dcw-rich-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-profile-popup
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-thumb,
.dcw-faq-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-thumb,
.dcw-rich-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-success-hover, #1e8758);
	border-radius: 10px;
}

.dcw-profile-popup
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-thumb:hover,
.dcw-faq-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-thumb:hover,
.dcw-rich-sidetab
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-success-hover, #1e8758);
}

.dcw-profile-popup .dcw-section-content-container table,
.dcw-faq-sidetab .dcw-section-content-container table,
.dcw-rich-sidetab .dcw-section-content-container table {
	border-collapse: collapse;
	width: max-content;
}

.dcw-profile-popup
	.dcw-section-content-container
	table
	tr:first-child
	th:first-child,
.dcw-faq-sidetab
	.dcw-section-content-container
	table
	tr:first-child
	th:first-child,
.dcw-rich-sidetab
	.dcw-section-content-container
	table
	tr:first-child
	th:first-child {
	border-top-left-radius: 16px;
}

.dcw-profile-popup
	.dcw-section-content-container
	table
	tr:last-child
	td:first-child,
.dcw-faq-sidetab
	.dcw-section-content-container
	table
	tr:last-child
	td:first-child,
.dcw-rich-sidetab
	.dcw-section-content-container
	table
	tr:last-child
	td:first-child {
	border-bottom-left-radius: 16px;
}

.dcw-profile-popup
	.dcw-section-content-container
	table
	tr:last-child
	td:last-child,
.dcw-faq-sidetab
	.dcw-section-content-container
	table
	tr:last-child
	td:last-child,
.dcw-rich-sidetab
	.dcw-section-content-container
	table
	tr:last-child
	td:last-child {
	border-bottom-right-radius: 16px;
}

.dcw-profile-popup
	.dcw-section-content-container
	table
	tr:first-child
	th:last-child,
.dcw-faq-sidetab
	.dcw-section-content-container
	table
	tr:first-child
	th:last-child,
.dcw-rich-sidetab
	.dcw-section-content-container
	table
	tr:first-child
	th:last-child {
	border-top-right-radius: 16px;
}

.dcw-profile-popup .dcw-section-content-container table td,
.dcw-faq-sidetab .dcw-section-content-container table td,
.dcw-rich-sidetab .dcw-section-content-container table td {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	padding: 12px 12px;
}

.dcw-profile-popup .dcw-section-content-container table tr:nth-child(even),
.dcw-faq-sidetab .dcw-section-content-container table tr:nth-child(even),
.dcw-rich-sidetab .dcw-section-content-container table tr:nth-child(even) {
	background-color: #eeeeee;
}

.dcw-profile-popup .dcw-section-content-container table tr:nth-child(odd),
.dcw-faq-sidetab .dcw-section-content-container table tr:nth-child(odd),
.dcw-rich-sidetab .dcw-section-content-container table tr:nth-child(odd) {
	background-color: #f8f8f8;
}
/* .dcw-profile-popup .dcw-section-content-container table tr:hover {
    background-color: #ddd;
} */
.dcw-profile-popup .dcw-section-content-container table th,
.dcw-faq-sidetab .dcw-section-content-container table th,
.dcw-rich-sidetab .dcw-section-content-container table th {
	padding: 12px 12px;
	text-align: left;
	background: var(--color-background-fill-success-hover, #1e8758);
	color: white;
	white-space: nowrap;
	font-weight: 700;
}

.dcw-profile-popup
	.dcw-section-content-container
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb,
.dcw-faq-sidetab
	.dcw-section-content-container
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb,
.dcw-rich-sidetab
	.dcw-section-content-container
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
	background: #b6cac7;
}

.dcw-profile-popup
	.dcw-section-content-container
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover,
.dcw-faq-sidetab
	.dcw-section-content-container
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover,
.dcw-rich-sidetab
	.dcw-section-content-container
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
	background: #b6cac7;
}

.dcw-profile-popup
	.dcw-section-content-container
	table.table-alt
	tr:nth-child(even),
.dcw-faq-sidetab
	.dcw-section-content-container
	table.table-alt
	tr:nth-child(even),
.dcw-rich-sidetab
	.dcw-section-content-container
	table.table-alt
	tr:nth-child(even) {
	background-color: #ffffff;
}

.dcw-profile-popup
	.dcw-section-content-container
	table.table-alt
	tr:nth-child(odd),
.dcw-faq-sidetab
	.dcw-section-content-container
	table.table-alt
	tr:nth-child(odd),
.dcw-rich-sidetab
	.dcw-section-content-container
	table.table-alt
	tr:nth-child(odd) {
	background-color: #e7edec;
}

.dcw-profile-popup .dcw-section-content-container table.table-alt th,
.dcw-faq-sidetab .dcw-section-content-container table.table-alt th,
.dcw-rich-sidetab .dcw-section-content-container table.table-alt th {
	background: #b6cac7;
	color: #062f28;
}

.dcw-profile-popup .dcw-section-content-container table.table-alt td,
.dcw-faq-sidetab .dcw-section-content-container table.table-alt td,
.dcw-rich-sidetab .dcw-section-content-container table.table-alt td {
	color: #062f28;
}

.dcw-profile-popup .dcw-section-content-container b,
.dcw-faq-sidetab .dcw-section-content-container b,
.dcw-rich-sidetab .dcw-section-content-container b {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-profile-popup .dcw-section-content-container ul,
.dcw-faq-sidetab .dcw-section-content-container ul,
.dcw-rich-sidetab .dcw-section-content-container ul {
	display: flex;
	flex-direction: column;
	gap: var(--spacegapspace-component-gap-s, 12px);
	list-style: disc !important;
	padding-left: 24px;
}

.dcw-profile-popup .dcw-section-content-container ul li > *,
.dcw-faq-sidetab .dcw-section-content-container ul li > *,
.dcw-rich-sidetab .dcw-section-content-container ul li > * {
	margin-bottom: 8px;
}

.dcw-profile-popup .dcw-section-content-container ul li::marker,
.dcw-faq-sidetab .dcw-section-content-container ul li::marker,
.dcw-rich-sidetab .dcw-section-content-container ul li::marker,
.dcw-rich-sidetab .dcw-section-content-container ul li::marker {
	color: #e84e15;
	font-size: 24px;
}

.dcw-profile-popup .dcw-section-content-container ol,
.dcw-faq-sidetab .dcw-section-content-container ol,
.dcw-rich-sidetab .dcw-section-content-container ol {
	display: flex;
	flex-direction: column;
	list-style: decimal !important;
	padding-left: 24px;
}

.dcw-profile-popup .dcw-section-content-container ol li::marker,
.dcw-faq-sidetab .dcw-section-content-container ol li::marker,
.dcw-rich-sidetab .dcw-section-content-container ol li::marker {
	color: #1a1a1a;
	font-size: 16px;
}

.dcw-profile-popup .dcw-section-content-container a,
.dcw-faq-sidetab .dcw-section-content-container a,
.dcw-rich-sidetab .dcw-section-content-container a {
	color: #e84e15;
}

.dcw-profile-popup .dcw-section-content-container h4,
.dcw-faq-sidetab .dcw-section-content-container h4,
.dcw-rich-sidetab .dcw-section-content-container h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-profile-popup .dcw-list-decription {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-profile-popup .dcw-nav-tag img {
	display: none;
}

.dcw-profile-popup .profile-popup-container {
	position: fixed;
	top: 0;
	left: 0;
	min-height: 100vh;
	max-height: 100vh;
	text-align: center;
	overflow-y: auto;
	height: auto;
	width: 100%;
	z-index: 999;
	visibility: hidden;
	opacity: 0;
}

.dcw-profile-popup .profile-popup-content {
	position: relative;
	margin-top: 100px;
	width: 100%;
	height: auto;
	background-color: #f5f5f5;
	z-index: 9;
	padding: 2rem 0;
	border-radius: 24px 24px 0 0;
	transform: translateY(100%);
	min-height: calc(100vh - 100px);
}

.dcw-profile-popup .profile-popup-container.show .profile-popup-content {
	transform: translateY(0);
}

.dcw-profile-popup .profile-popup-shade {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.dcw-profile-popup .profile-indicator {
	width: 80px;
	height: 4px;
	background-color: #e6e6e6;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
}

.dcw-profile-popup .profile-header-inner {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}

.dcw-profile-popup .profile-header-left {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap: 1rem;
}

.dcw-profile-popup .profile-header-icon,
.dcw-profile-popup .profile-header-close {
	background-color: #ffffff;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-profile-popup .profile-header-close {
	cursor: pointer;
}

.dcw-profile-popup .profile-header-title {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
}

.dcw-profile-popup .profile-popup-body {
	margin-top: 1.5rem;
	margin-top: 1rem;
}

.dcw-profile-popup .profile-body-inner {
	background-color: #ffffff;
	border-radius: 1rem;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-profile-popup .profile-popup-image {
	border-radius: 32px;
	overflow: hidden;
	aspect-ratio: 1/1;
}

.dcw-profile-popup .profile-popup-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.dcw-profile-popup .profile-summary,
.dcw-profile-popup .profile-section {
	text-align: left;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.dcw-profile-popup .profile-section {
	gap: 1rem;
}

.dcw-profile-popup .profile-popup-desc {
	text-align: left;
}

.dcw-profile-popup .profile-section p {
	text-align: left;
}

.dcw-profile-popup .profile-section ul {
	text-align: left;
	display: flex;
	flex-direction: column;
	list-style: disc !important;
	padding-left: 24px;
}

.dcw-profile-popup .profile-section ul li {
	margin-bottom: 8px;
}

.dcw-profile-popup .profile-section ul li::marker {
	color: #e84e15;
	font-size: 24px;
}

.dcw-profile-popup .profile-summary-name {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
}

.dcw-profile-popup .profile-popup-title {
	text-align: left;
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
}

.dcw-profile-popup .profile-main,
.dcw-profile-popup .profile-content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

@media screen and (min-width: 1024px) {
	.dcw-profile-popup {
		/* padding: 56px 0px; */
		flex-direction: row;
		align-items: start;
		gap: 2rem;
		position: relative;
		margin-bottom: 10rem;
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-profile-popup .dcw-nav-container {
		/* width: 450px; */
		width: 25%;
		flex-direction: column;
		height: fit-content;
	}

	.dcw-profile-popup .dcw-nav-container.sticky {
		top: 150px;
		padding: 0;
	}

	.dcw-profile-popup .nav-holder {
		height: auto;
		width: 450px;
	}

	.dcw-profile-popup .dcw-nav-container.bottom {
		top: auto;
		bottom: 24px;
		position: absolute;
	}

	.dcw-profile-popup .nav-holder.bottom {
		display: block;
	}

	.dcw-profile-popup .dcw-nav-tag {
		padding: 1rem 0.5rem;
		width: 100%;
		border-radius: 0;
		border: 0;
		border-bottom: 1px solid #e0e0e0;
		height: fit-content;
		font-size: 15.63px;
		font-weight: 400;
		line-height: 36px;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.dcw-profile-popup .dcw-nav-tag.dcw-nav-tag-active {
		background-color: white;
		color: var(--color-background-fill-primary);
	}

	.dcw-profile-popup .dcw-nav-tag img:first-child {
		display: block;
	}

	.dcw-profile-popup .dcw-nav-tag img:last-child {
		display: none;
	}

	.dcw-profile-popup .dcw-nav-tag.dcw-nav-tag-active img:first-child {
		display: none;
	}

	.dcw-profile-popup .dcw-nav-tag.dcw-nav-tag-active img:last-child {
		display: block;
	}

	.dcw-profile-popup .profile-container {
		grid-template-columns: repeat(3, 1fr);
	}

	.dcw-profile-popup .dcw-section-container {
		padding-top: 1rem !important;
	}

	.dcw-profile-popup .dcw-section-title {
		font-size: 32px;
		line-height: 40px;
		word-wrap: break-word;
	}

	.dcw-profile-popup .dcw-section-content-container table,
	.dcw-faq-sidetab .dcw-section-content-container table,
	.dcw-rich-sidetab .dcw-section-content-container table {
		width: 100%;
	}

	.dcw-profile-popup .profile-header-inner {
		padding: 1rem 2rem;
		border-bottom: 1px solid #e0e0e0;
	}

	.dcw-profile-popup .profile-body-inner {
		background-color: transparent;
		padding: 2rem;
		flex-direction: row;
	}

	.dcw-profile-popup .profile-header-title {
		font-size: 24px;
		line-height: 28px;
	}

	.dcw-profile-popup .profile-indicator {
		display: none;
	}

	.dcw-profile-popup .profile-popup-image {
		width: 310px;
	}

	.dcw-profile-popup .profile-main,
	.dcw-profile-popup .profile-content {
		padding: 0 1rem;
	}

	.dcw-profile-popup .profile-summary-name {
		font-size: 32px;
		line-height: 40px;
	}

	.dcw-profile-popup .profile-popup-title {
		font-size: 24px;
		line-height: 28px;
	}
}

/** Richtext With Sidetab **/
.dcw-rich-sidetab {
	width: 100%;
	padding: 1rem 0px 1rem 0px;
	display: flex;
	flex-direction: column;
	background: white;
	box-sizing: border-box;
	align-items: center;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-rich-sidetab.top-rounded {
	position: relative;
	top: -10rem;
	padding-top: 1rem !important;
	z-index: 999;
}

.dcw-rich-sidetab .dcw-section-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 24px;
	position: relative;
}

.dcw-rich-sidetab .dcw-nav-tag {
	width: fit-content;
	height: 40px;
	padding: 8px 16px;
	gap: 8px;
	border-radius: 8px;
	border: 1px solid #e0e0e0;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: center;
	flex-shrink: 0;
	cursor: pointer;
	color: black;
}

.dcw-rich-sidetab .dcw-nav-tag * {
	pointer-events: none;
}

.dcw-rich-sidetab .dcw-nav-container {
	width: 100%;
	height: 60px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	overflow-x: scroll;
	position: relative;
	background: white;
}

.dcw-rich-sidetab .dcw-nav-container.sticky {
	position: fixed;
	z-index: 99;
	top: 134px;
	padding: 0 2rem;
}

.dcw-rich-sidetab .nav-holder {
	display: none;
	height: 60px;
}

.dcw-rich-sidetab .nav-holder.active {
	display: block;
}

.dcw-rich-sidetab .dcw-nav-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-rich-sidetab .dcw-nav-tag.dcw-nav-tag-active {
	background-color: var(--color-background-fill-primary);
	color: white;
}

.dcw-rich-sidetab .dcw-nav-tag img {
	display: none;
}

.dcw-rich-sidetab .dcw-section {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 1rem;
	left: 0;
	width: 100%;
}

.dcw-rich-sidetab .dcw-section:first-child {
	position: relative;
}

.dcw-rich-sidetab .dcw-tentang-content {
	width: 100%;
	margin-top: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-rich-sidetab .dcw-faq-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px;
	border: 1px solid #e0e0e0;
	border-radius: 14px;
	cursor: pointer;
}

.dcw-rich-sidetab .dcw-faq-item span {
	width: 80%;
	font-size: 20px;
	font-weight: 600;
}

.dcw-rich-sidetab h3 {
	padding: 1rem 0;
}

.dcw-rich-sidetab .dcw-rich-content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-rich-sidetab .dcw-rich-content .dcw-table-cont {
	overflow: auto;
	padding: 1rem 0;
}

.dcw-rich-sidetab .dcw-rich-content .dcw-table-cont::-webkit-scrollbar {
	height: 10px;
}

.dcw-rich-sidetab .dcw-rich-content .dcw-table-cont::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-rich-sidetab .dcw-rich-content .dcw-table-cont::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-success-hover, #1e8758);
	border-radius: 10px;
}

.dcw-rich-sidetab
	.dcw-rich-content
	.dcw-table-cont::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-success-hover, #1e8758);
}

.dcw-rich-sidetab .dcw-rich-content table {
	border-collapse: collapse;
	width: max-content;
}

.dcw-rich-sidetab .dcw-rich-content table tr:first-child th:first-child {
	border-top-left-radius: 16px;
}

.dcw-rich-sidetab .dcw-rich-content table tr:last-child td:first-child {
	border-bottom-left-radius: 16px;
}

.dcw-rich-sidetab .dcw-rich-content table tr:last-child td:last-child {
	border-bottom-right-radius: 16px;
}

.dcw-rich-sidetab .dcw-rich-content table tr:first-child th:last-child {
	border-top-right-radius: 16px;
}

.dcw-rich-sidetab .dcw-rich-content table td {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	padding: 12px 12px;
	max-width: 300px;
}

.dcw-rich-sidetab .dcw-rich-content table tr:nth-child(even) {
	background-color: #eeeeee;
}

.dcw-rich-sidetab .dcw-rich-content table tr:nth-child(odd) {
	background-color: #f8f8f8;
}
/* .dcw-rich-sidetab .dcw-rich-content table tr:hover {
    background-color: #ddd;
} */
.dcw-rich-sidetab .dcw-rich-content table th {
	padding: 12px 12px;
	text-align: left;
	background: var(--color-background-fill-success-hover, #1e8758);
	color: white;
	white-space: nowrap;
	max-width: 300px;
	font-weight: 700;
}

.dcw-rich-sidetab
	.dcw-rich-content
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
	background: #b6cac7;
}

.dcw-rich-sidetab
	.dcw-rich-content
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
	background: #b6cac7;
}

.dcw-rich-sidetab .dcw-rich-content table.table-alt tr:nth-child(even) {
	background-color: #ffffff;
}

.dcw-rich-sidetab .dcw-rich-content table.table-alt tr:nth-child(odd) {
	background-color: #e7edec;
}

.dcw-rich-sidetab .dcw-rich-content table.table-alt th {
	background: #b6cac7;
	color: #062f28;
}

.dcw-rich-sidetab .dcw-rich-content table.table-alt td {
	color: #062f28;
}

.dcw-rich-sidetab .dcw-rich-content ol {
	display: flex;
	flex-direction: column;
	list-style: decimal !important;
	padding-left: 24px;
}

.dcw-rich-sidetab .dcw-rich-content ol li::marker {
	color: #1a1a1a;
	font-size: 16px;
}

.dcw-rich-sidetab a.cta-btn {
	color: #ffffff;
	background-color: #e84e15;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 8px;
	padding: 1rem;
	text-align: center;
	display: block;
	width: fit-content;
	max-width: 100%;
}

.dcw-rich-sidetab a.cta-btn.left {
	align-self: flex-start;
}

.dcw-rich-sidetab a.cta-btn.right {
	align-self: flex-end;
}

.dcw-rich-sidetab a.cta-btn.center {
	align-self: center;
}

@media screen and (min-width: 1024px) {
	.dcw-rich-sidetab {
		padding: 56px 0px;
		flex-direction: row;
		align-items: start;
		gap: 2rem;
		position: relative;
		margin-bottom: 10rem;
	}

	.dcw-rich-sidetab .dcw-nav-container {
		/* width: 450px; */
		width: 25%;
		flex-direction: column;
		height: fit-content;
	}

	.dcw-rich-sidetab .dcw-nav-container.sticky {
		top: 150px;
		padding: 0;
	}

	.dcw-rich-sidetab .nav-holder {
		height: auto;
		width: 450px;
	}

	.dcw-rich-sidetab .dcw-nav-container.bottom {
		top: auto;
		bottom: 24px;
		position: absolute;
	}

	.dcw-rich-sidetab .nav-holder.bottom {
		display: block;
	}

	.dcw-rich-sidetab .dcw-nav-tag {
		padding: 1rem 0.5rem;
		width: 100%;
		border-radius: 0;
		border: 0;
		border-bottom: 1px solid #e0e0e0;
		height: fit-content;
		font-size: 15.63px;
		font-weight: 400;
		line-height: 36px;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.dcw-rich-sidetab .dcw-nav-tag.dcw-nav-tag-active {
		background-color: white;
		color: var(--color-background-fill-primary);
	}

	.dcw-rich-sidetab .dcw-nav-tag img:first-child {
		display: block;
	}

	.dcw-rich-sidetab .dcw-nav-tag img:last-child {
		display: none;
	}

	.dcw-rich-sidetab .dcw-nav-tag.dcw-nav-tag-active img:first-child {
		display: none;
	}

	.dcw-rich-sidetab .dcw-nav-tag.dcw-nav-tag-active img:last-child {
		display: block;
	}

	.dcw-rich-sidetab .dcw-section-title {
		font-size: 32px;
		line-height: 40px;
		word-wrap: break-word;
	}

	.dcw-rich-sidetab .dcw-tentang-content {
		margin-top: 1rem;
	}

	.dcw-rich-sidetab .dcw-rich-content table {
		width: 100%;
	}
}

/** FAQ Rich Text **/
.dcw-faq-richtext {
	width: 100%;
	padding: 1rem 0px 1rem 0px;
	display: flex;
	flex-direction: column;
	background: white;
	box-sizing: border-box;
	align-items: center;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-faq-richtext .dcw-section-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.dcw-faq-richtext .dcw-section {
	width: 100%;
	height: fit-content;
	display: flex;
}

.dcw-faq-richtext .dcw-section-content-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.dcw-faq-richtext .dcw-section-content-container p,
.dcw-faq-sidetab .dcw-section-content-container p,
.dcw-rich-sidetab .dcw-section-content-container p {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-faq-richtext .dcw-section-content-container h3,
.dcw-faq-sidetab .dcw-section-content-container h3 {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -0.01em;
	text-align: left;
	height: fit-content;
}

.dcw-faq-richtext .dcw-nav-tag {
	width: fit-content;
	height: 40px;
	padding: 8px 16px;
	gap: 8px;
	border-radius: 8px;
	border: 1px solid #e0e0e0;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: center;
	flex-shrink: 0;
	cursor: pointer;
	color: black;
}

.dcw-faq-richtext .dcw-nav-tag * {
	pointer-events: none;
}

.dcw-faq-richtext .dcw-nav-container {
	width: 100%;
	height: 60px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	overflow-x: scroll;
	position: relative;
	background: white;
}

.dcw-faq-richtext .dcw-nav-container.sticky {
	position: fixed;
	z-index: 99;
	top: 134px;
	padding: 0 2rem;
}

.dcw-faq-richtext .nav-holder {
	display: none;
	height: 60px;
}

.dcw-faq-richtext .nav-holder.active {
	display: block;
}

.dcw-faq-richtext .dcw-nav-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-faq-richtext .dcw-nav-tag.dcw-nav-tag-active {
	background-color: var(--color-background-fill-primary);
	color: white;
}

.dcw-faq-richtext .dcw-section-content-container .dcw-table-cont {
	overflow: auto;
	padding: 1rem 0;
}

.dcw-faq-richtext
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar {
	height: 10px;
}

.dcw-faq-richtext
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-faq-richtext
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-success-hover, #1e8758);
	border-radius: 10px;
}

.dcw-faq-richtext
	.dcw-section-content-container
	.dcw-table-cont::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-success-hover, #1e8758);
}

.dcw-faq-richtext .dcw-section-content-container table {
	border-collapse: collapse;
	width: max-content;
}

.dcw-faq-richtext
	.dcw-section-content-container
	table
	tr:first-child
	th:first-child {
	border-top-left-radius: 16px;
}

.dcw-faq-richtext
	.dcw-section-content-container
	table
	tr:last-child
	td:first-child {
	border-bottom-left-radius: 16px;
}

.dcw-faq-richtext
	.dcw-section-content-container
	table
	tr:last-child
	td:last-child {
	border-bottom-right-radius: 16px;
}

.dcw-faq-richtext
	.dcw-section-content-container
	table
	tr:first-child
	th:last-child {
	border-top-right-radius: 16px;
}

.dcw-faq-richtext .dcw-section-content-container table td {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	padding: 12px 12px;
}

.dcw-faq-richtext .dcw-section-content-container table tr:nth-child(even) {
	background-color: #eeeeee;
}

.dcw-faq-richtext .dcw-section-content-container table tr:nth-child(odd) {
	background-color: #f8f8f8;
}
/* .dcw-faq-richtext .dcw-section-content-container table tr:hover {
    background-color: #ddd;
} */
.dcw-faq-richtext .dcw-section-content-container table th {
	padding: 12px 12px;
	text-align: left;
	background: var(--color-background-fill-success-hover, #1e8758);
	color: white;
	white-space: nowrap;
	font-weight: 700;
}

.dcw-faq-richtext
	.dcw-section-content-container
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
	background: #b6cac7;
}

.dcw-faq-richtext
	.dcw-section-content-container
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
	background: #b6cac7;
}

.dcw-faq-richtext
	.dcw-section-content-container
	table.table-alt
	tr:nth-child(even) {
	background-color: #ffffff;
}

.dcw-faq-richtext
	.dcw-section-content-container
	table.table-alt
	tr:nth-child(odd) {
	background-color: #e7edec;
}

.dcw-faq-richtext .dcw-section-content-container table.table-alt th {
	background: #b6cac7;
	color: #062f28;
}

.dcw-faq-richtext .dcw-section-content-container table.table-alt td {
	color: #062f28;
}

.dcw-faq-richtext .dcw-section-content-container b {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-faq-richtext .dcw-section-content-container ul {
	display: flex;
	flex-direction: column;
	gap: var(--spacegapspace-component-gap-s, 12px);
	list-style: disc !important;
	padding-left: 24px;
}

.dcw-faq-richtext .dcw-section-content-container ul li > * {
	margin-bottom: 8px;
}

.dcw-faq-richtext .dcw-section-content-container ul li::marker {
	color: #e84e15;
	font-size: 24px;
}

.dcw-faq-richtext .dcw-section-content-container ol {
	display: flex;
	flex-direction: column;
	list-style: decimal !important;
	padding-left: 24px;
}

.dcw-faq-richtext .dcw-section-content-container ol li::marker {
	color: #1a1a1a;
	font-size: 16px;
}

.dcw-faq-richtext .dcw-section-content-container a {
	color: #e84e15;
}

.dcw-faq-richtext .dcw-section-content-container h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-faq-richtext .dcw-list-decription {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-faq-richtext .dcw-nav-tag img {
	display: none;
}

.dcw-faq-richtext .dcw-tentang-content {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-faq-richtext .dcw-faq-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 14px;
	border: 1px solid #e0e0e0;
	border-radius: 14px;
	cursor: pointer;
}

.dcw-faq-richtext .dcw-faq-item span {
	width: 80%;
	font-size: 20px;
	font-weight: 600;
}

.dcw-faq-richtext .faq-arrow {
	display: flex;
	align-items: center;
}

.dcw-faq-richtext .dcw-cardsgrid,
.dcw-faq-sidetab .dcw-cardsgrid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

.dcw-faq-richtext .dcw-cardsgrid .dcw-cardsgrid-item,
.dcw-faq-sidetab .dcw-cardsgrid .dcw-cardsgrid-item {
	border: 1px solid #e0e0e0;
	border-radius: 32px;
	min-height: 300px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.dcw-faq-richtext .dcw-cardsgrid img,
.dcw-faq-sidetab .dcw-cardsgrid img {
	width: 48px;
	height: 48px;
	object-fit: contain;
	margin: 1rem 0;
}

.dcw-faq-richtext .dcw-cardsgrid p,
.dcw-faq-sidetab .dcw-cardsgrid p {
	margin: 1rem 0;
}

.dcw-faq-richtext a.cta-btn {
	color: #ffffff;
	background-color: #e84e15;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 8px;
	padding: 1rem;
	text-align: center;
	display: block;
	width: fit-content;
	max-width: 100%;
}

.dcw-faq-richtext a.cta-btn.left {
	align-self: flex-start;
}

.dcw-faq-richtext a.cta-btn.right {
	align-self: flex-end;
}

.dcw-faq-richtext a.cta-btn.center {
	align-self: center;
}

@media screen and (min-width: 1024px) {
	.dcw-faq-richtext {
		padding: 56px 0px;
		flex-direction: row;
		align-items: start;
		gap: 2rem;
		position: relative;
		margin-bottom: 10rem;
	}

	.dcw-faq-richtext .dcw-nav-container {
		width: 25%;
		flex-direction: column;
		height: fit-content;
	}

	.dcw-faq-richtext .dcw-nav-container.sticky {
		top: 150px;
		padding: 0;
	}

	.dcw-faq-richtext .nav-holder {
		height: auto;
		width: 450px;
	}

	.dcw-faq-richtext .dcw-nav-container.bottom {
		top: auto;
		bottom: 24px;
		position: absolute;
	}

	.dcw-faq-richtext .nav-holder.bottom {
		display: block;
	}

	.dcw-faq-richtext .dcw-nav-tag {
		padding: 1rem 0.5rem;
		width: 100%;
		border-radius: 0;
		border: 0;
		border-bottom: 1px solid #e0e0e0;
		height: fit-content;
		font-size: 15.63px;
		font-weight: 400;
		line-height: 36px;
		letter-spacing: -0.01em;
		text-align: left;
	}

	.dcw-faq-richtext .dcw-nav-tag.dcw-nav-tag-active {
		background-color: white;
		color: var(--color-background-fill-primary);
	}

	.dcw-faq-richtext .dcw-nav-tag img:first-child {
		display: block;
	}

	.dcw-faq-richtext .dcw-nav-tag img:last-child {
		display: none;
	}

	.dcw-faq-richtext .dcw-nav-tag.dcw-nav-tag-active img:first-child {
		display: none;
	}

	.dcw-faq-richtext .dcw-nav-tag.dcw-nav-tag-active img:last-child {
		display: block;
	}

	.dcw-faq-richtext .dcw-section-container,
	.dcw-profile-popup .dcw-section-container {
		width: 75%;
		padding-top: 1rem !important;
	}

	.dcw-faq-richtext .dcw-section-title {
		font-size: 32px;
		line-height: 40px;
		word-wrap: break-word;
	}

	.dcw-faq-richtext .dcw-section-content-container table {
		width: 100%;
	}

	.dcw-faq-richtext .dcw-cardsgrid,
	.dcw-faq-sidetab .dcw-cardsgrid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}
}

/** Single PDF **/
.dcw-single-pdf .dcw-pdf-content,
.dcw-single-pdf .dcw-pdf-iframe {
	width: 100%;
	min-height: 100vh;
}

.dcw-single-pdf .dcw-pdf-content {
	max-width: 1512px !important;
	margin: 0 auto !important;
}

/** Search List **/
.dcw-search-list {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-search-list .dcw-search-container {
	padding-bottom: 1.5rem;
	width: 100%;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-search-list .dcw-search-type {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	overflow-x: auto;
	width: 100%;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-search-list .dcw-search-type::-webkit-scrollbar {
	height: 0px;
}

.dcw-search-list .dcw-search-type .search-type-item {
	border: 1px solid #e0e0e0;
	border-radius: 88px;
	padding: 1rem;
	cursor: pointer;
	height: fit-content;
	white-space: nowrap;
}

.dcw-search-list .dcw-search-type .search-type-item.active,
.dcw-search-list .dcw-search-type .search-type-item:hover {
	border: 1px solid transparent;
	background-color: #e84e15;
	color: #ffffff;
	padding: 1rem;
}

.dcw-search-list .dcw-search-input {
	position: relative;
	width: 100%;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-search-list .dcw-search-input input {
	width: 100%;
	border: 1px solid #e0e0e0;
	height: 60px;
	padding: 1rem 4rem 1rem 1rem;
	border-radius: 8px;
}

.dcw-search-list .dcw-search-input img {
	position: absolute;
	right: 1rem;
	top: 12px;
	cursor: pointer;
}

.dcw-search-list .dcw-search-result {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

.dcw-search-list .dcw-search-result .search-result-card {
	border: 1px solid #e0e0e0;
	padding: 2rem;
	border-radius: 32px;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	cursor: pointer;
}

.dcw-search-list .dcw-search-result .search-card-link {
	color: #e84e15;
	padding: 0;
}

.dcw-search-list .dcw-search-result .search-card-link img {
	position: relative;
	top: 7px;
}

.dcw-search-list .dcw-search-result .search-card-title {
	font-size: 18px;
	line-height: 22px;
	font-weight: 700;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 2px;
}

.dcw-search-list .dcw-search-result .search-card-desc {
	font-size: 14px;
	line-height: 18px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcw-search-list .dcw-search-pagination,
.dcw-search-list .dcw-search-pagination ul {
	display: flex;
	flex-direction: row;
	gap: 0;
	margin: 1rem 0.25rem;
	align-items: center;
}

.dcw-search-list .dcw-search-pagination .search-page-prev,
.dcw-search-list .dcw-search-pagination .search-page-next {
	border-radius: 50%;
	background-color: #e84e15;
	width: 24px;
	height: 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.dcw-search-list .dcw-search-pagination .search-page-prev img,
.dcw-search-list .dcw-search-pagination .search-page-next img {
	width: 18px;
	height: 18px;
}

.dcw-search-list .dcw-search-pagination ul {
	border-radius: 99px;
	background-color: #ffffff;
}

.dcw-search-list .dcw-search-pagination ul li {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.dcw-search-list .dcw-search-pagination ul li.active,
.dcw-search-list .dcw-search-pagination ul li:hover {
	background-color: #e84e15;
	color: #ffffff;
}

.dcw-search-list .dcw-search-pagination ul li.skip {
	pointer-events: none;
}

.dcw-search-list .dcw-search-empty {
	display: none;
	justify-content: center;
	align-items: center;
	height: 500px;
	width: 100%;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-search-list .dcw-empty-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}

@media screen and (min-width: 1025px) {
	.dcw-search-list .dcw-search-result {
		grid-template-columns: repeat(3, 1fr);
		gap: 2rem;
	}

	.dcw-search-list .dcw-search-pagination .search-page-prev,
	.dcw-search-list .dcw-search-pagination .search-page-next {
		width: 40px;
		height: 40px;
	}

	.dcw-search-list .dcw-search-pagination .search-page-prev img,
	.dcw-search-list .dcw-search-pagination .search-page-next img {
		width: 20px;
		height: 20px;
	}

	.dcw-search-list .dcw-search-pagination ul li {
		width: 40px;
		height: 40px;
	}

	.dcw-search-list .dcw-search-result .search-result-card {
		padding: 2rem;
	}

	.dcw-search-list .dcw-search-result .search-card-title {
		font-size: 15.63px;
		line-height: 1.4;
	}

	.dcw-search-list .dcw-search-result .search-card-desc {
		font-size: 10px;
		line-height: 1.4;
	}

	.dcw-search-list .dcw-search-result .search-card-link {
		font-size: 12px;
	}

	.dcw-search-list .dcw-search-container {
		padding-bottom: 3rem;
	}
}

/** Accordion List **/
.dcw-accordion-list {
	margin: 2rem 0;
	width: 100%;
}

.dcw-accordion-list .dcw-header-cont {
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-accordion-list .dcw-accordion-container {
	margin: 2rem 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 1512px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.dcw-accordion-list .accordion-item-head {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin: 0 1rem;
	padding: 1rem 0;
	border-bottom: 1px solid transparent;
	cursor: pointer;
}

.dcw-accordion-list .accordion-item-head > * {
	pointer-events: none;
}

.dcw-accordion-list .dcw-accordion-items {
	border: 1px solid #e0e0e0;
	border-radius: 16px;
}
/*custom*/
.dcw-accordion-list .dcw-accordion-items .accordion-item-content ul {
	display: flex;
	flex-direction: column;
	gap: var(--spacegapspace-component-gap-s, 12px);
	list-style: disc !important;
	padding-left: 24px;
}

.dcw-accordion-list .dcw-accordion-items .accordion-item-content ul li > * {
	margin-bottom: 8px;
}

.dcw-accordion-list .dcw-accordion-items .accordion-item-content ul li::marker {
	color: #e84e15;
	font-size: 24px;
}

.dcw-accordion-list .dcw-accordion-items .accordion-item-content ol {
	display: flex;
	flex-direction: column;
	list-style: decimal !important;
	padding-left: 24px;
}

.dcw-accordion-list .dcw-accordion-items .accordion-item-content ol li::marker {
	color: #1a1a1a;
	font-size: 16px;
}
/*end custom*/

.dcw-accordion-list .accordion-item-content {
	padding: 0 1rem;
	height: 0;
	overflow: hidden;
}

.dcw-accordion-list .accordion-item-head.open {
	margin: 0 1rem;
	border-bottom: 1px solid #e0e0e0;
}

.dcw-accordion-list .accordion-item-head.open + .accordion-item-content {
	padding: 1rem !important;
	height: auto;
}

.dcw-accordion-list .accordion-item-chevron {
	transform: rotate(180deg);
}

.dcw-accordion-list .accordion-item-head.open .accordion-item-chevron {
	transform: rotate(0deg);
}

.dcw-accordion-list .accordion-item-content .dcw-table-cont {
	overflow: auto;
	padding: 1rem 0;
}

.dcw-accordion-list .accordion-item-content .dcw-table-cont::-webkit-scrollbar {
	height: 10px;
}

.dcw-accordion-list
	.accordion-item-content
	.dcw-table-cont::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-accordion-list
	.accordion-item-content
	.dcw-table-cont::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-success-hover, #1e8758);
	border-radius: 10px;
}

.dcw-accordion-list
	.accordion-item-content
	.dcw-table-cont::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-success-hover, #1e8758);
}

.dcw-accordion-list .accordion-item-content table {
	border-collapse: collapse;
	width: 100%;
}

.dcw-accordion-list
	.accordion-item-content
	table
	tr:first-child
	th:first-child {
	border-top-left-radius: 16px;
}

.dcw-accordion-list .accordion-item-content table tr:last-child td:first-child {
	border-bottom-left-radius: 16px;
}

.dcw-accordion-list .accordion-item-content table tr:last-child td:last-child {
	border-bottom-right-radius: 16px;
}

.dcw-accordion-list .accordion-item-content table tr:first-child th:last-child {
	border-top-right-radius: 16px;
}

.dcw-accordion-list .accordion-item-content table td {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	padding: 12px 12px;
	vertical-align: middle;
}

.dcw-accordion-list .accordion-item-content table tr:nth-child(even) {
	background-color: #eeeeee;
}

.dcw-accordion-list .accordion-item-content table tr:nth-child(odd) {
	background-color: #f8f8f8;
}
/* .dcw-accordion-list .accordion-item-content table tr:hover {
    background-color: #ddd;
} */
.dcw-accordion-list .accordion-item-content table th {
	padding: 12px 12px;
	text-align: left;
	background: var(--color-background-fill-success-hover, #1e8758);
	color: white;
	white-space: nowrap;
	vertical-align: middle;
	font-weight: 700;
}

.dcw-accordion-list
	.accordion-item-content
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
	background: #b6cac7;
}

.dcw-accordion-list
	.accordion-item-content
	.dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
	background: #b6cac7;
}

.dcw-accordion-list .accordion-item-content table.table-alt tr:nth-child(even) {
	background-color: #ffffff;
}

.dcw-accordion-list .accordion-item-content table.table-alt tr:nth-child(odd) {
	background-color: #e7edec;
}

.dcw-accordion-list .accordion-item-content table.table-alt th {
	background: #b6cac7;
	color: #062f28;
}

.dcw-accordion-list .accordion-item-content table.table-alt td {
	color: #062f28;
}

@media screen and (min-width: 1024px) {
	.dcw-accordion-list h3 {
		font-size: 24px;
		line-height: 1.2;
	}

	.dcw-accordion-list .accordion-item-title {
		font-weight: 700;
		font-size: 20px;
		line-height: 1.2;
	}
}

/** Full Rich Text **/
.dcw-full-richtext {
	width: 100%;
	padding: 32px 0px;
	display: flex;
	flex-direction: column;
	gap: 32px;
	background: #ffffff;
	box-sizing: border-box;
}

.dcw-full-richtext .dcw-header {
	width: 100%;
	height: fit-content;
	max-height: 32px;
	display: flex;
	align-items: center;
	gap: 16px;
	justify-content: space-between;
}

.dcw-full-richtext .dcw-title-tag {
	width: 85%;
	max-height: 32px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	color: #414141;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-full-richtext .dcw-header-title {
	width: fit-content;
}

.dcw-full-richtext .dcw-tag-img {
	background-color: #ffffff;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-full-richtext .dcw-tag-icon {
	width: auto;
	height: 32px;
}

.dcw-full-richtext .dcw-section-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-bottom: 5rem;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-full-richtext .dcw-section {
	width: 100%;
	height: fit-content;
	display: flex;
}

.dcw-full-richtext .dcw-table-cont,
.dcw-rich-sidetab .dcw-table-cont,
.dcw-faq-richtext .dcw-table-cont,
.dcw-news-richtext .dcw-table-cont,
.dcw-product-richtext .dcw-table-cont,
.dcw-profile-popup .dcw-table-cont {
	overflow: auto;
	padding: 1rem;
	scrollbar-width: auto;
}

.dcw-full-richtext .dcw-table-cont::-webkit-scrollbar {
	height: 10px;
}

.dcw-full-richtext .dcw-table-cont::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-full-richtext .dcw-table-cont::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-success-hover, #1e8758);
	border-radius: 10px;
}

.dcw-full-richtext .dcw-table-cont::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-success-hover, #1e8758);
}

.dcw-full-richtext table {
	border-collapse: collapse;
	width: 100%;
}

.dcw-full-richtext .dcw-table-cont.table-alt::-webkit-scrollbar-thumb {
	background: #b6cac7;
}

.dcw-full-richtext .dcw-table-cont.table-alt::-webkit-scrollbar-thumb:hover {
	background: #b6cac7;
}

.dcw-full-richtext table.table-alt tr:nth-child(even) {
	background-color: #ffffff;
}

.dcw-full-richtext table.table-alt tr:nth-child(odd) {
	background-color: #e7edec;
}

.dcw-full-richtext table.table-alt th {
	background: #b6cac7;
	color: #062f28;
}

.dcw-full-richtext table.table-alt td {
	color: #062f28;
}

.dcw-full-richtext table tr:first-child th:first-child {
	border-top-left-radius: 16px;
}

.dcw-full-richtext table tr:last-child td:first-child {
	border-bottom-left-radius: 16px;
}

.dcw-full-richtext table tr:last-child td:last-child {
	border-bottom-right-radius: 16px;
}

.dcw-full-richtext table tr:first-child th:last-child {
	border-top-right-radius: 16px;
}

.dcw-full-richtext table td {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: center;
	vertical-align: middle;
	padding: 12px 12px;
}

.dcw-full-richtext table tr:nth-child(even) {
	background-color: #ffffff;
}

.dcw-full-richtext table tr:nth-child(odd) {
	background-color: #f8f8f8;
}
/* .dcw-full-richtext table tr:hover {
    background-color: #dddddd;
} */
.dcw-full-richtext table th {
	padding: 12px 12px;
	text-align: center;
	vertical-align: middle;
	background: var(--color-background-fill-success-hover, #1e8758);
	color: white;
	font-weight: bold;
	white-space: nowrap;
	border: 1px solid white;
}

.dcw-full-richtext table th[rowspan] {
	vertical-align: middle;
}

.dcw-full-richtext .dcw-table-text-bold {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: middle;
}

.dcw-full-richtext .dcw-periode-container {
	padding-left: 6rem;
}

.dcw-full-richtext h3 {
	font-size: 24px;
	font-weight: 700;
}

.dcw-full-richtext .dcw-renewperiod-text {
	font-size: 16px;
	color: #8d8d8d;
}

.dcw-full-richtext .dcw-keterangan-container {
	padding-left: 6rem;
	width: 92%;
}

.dcw-full-richtext .dcw-keterangan-title {
	font-size: 16px;
	font-weight: bold;
}

.dcw-full-richtext .dcw-section-container ul {
	display: flex;
	flex-direction: column;
	list-style: disc !important;
	padding-left: 24px;
}

.dcw-full-richtext .dcw-section-container ul li::marker {
	color: #e84e15;
	font-size: 24px;
}

.dcw-full-richtext .dcw-section-container ol {
	display: flex;
	flex-direction: column;
	list-style: decimal !important;
	padding-left: 24px;
}

.dcw-full-richtext .dcw-section-container ol li::marker {
	color: #1a1a1a;
	font-size: 16px;
}

.dcw-full-richtext .dcw-keterangan-contents {
	font-size: 16px;
	text-align: justify;
	margin-bottom: 10px;
}

.dcw-full-richtext .dcw-keterangan-linktext {
	font-size: 16px;
	text-align: justify;
	color: #e84e15;
	font-weight: bold;
}

/*custom add for class richtext*/
.dcw-full-richtext a.cta-btn {
	color: #ffffff;
	background-color: #e84e15;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 8px;
	padding: 1rem;
	text-align: center;
	display: block;
	width: fit-content;
	max-width: 100%;
}

.dcw-full-richtext a.cta-btn.left {
	align-self: flex-start;
}

.dcw-full-richtext a.cta-btn.right {
	align-self: flex-end;
}

.dcw-full-richtext a.cta-btn.center {
	align-self: center;
}

@media screen and (min-width: 1024px) {
	.dcw-full-richtext {
		padding: 30px 0px;
	}

	.dcw-full-richtext .dcw-header {
		max-height: 72px;
	}

	.dcw-full-richtext .dcw-title-tag {
		max-width: 70%;
		max-height: 72px;
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-full-richtext .dcw-tag-img {
		width: 72px;
		height: 72px;
	}

	.dcw-full-richtext .dcw-tag-icon {
		width: 48px;
		height: 48px;
	}
}

@media screen and (max-width: 1366px) {
	.dcw-full-richtext .dcw-periode-container {
		padding-left: 3rem;
	}

	.dcw-full-richtext .dcw-keterangan-container {
		padding-left: 3rem;
		width: 96%;
	}
}

/*Suku Bunga Table*/
.dcw-sukubunga-table {
	width: 100%;
	padding-bottom: 5rem;
	display: flex;
	flex-direction: column;
	gap: 8px;
	background: #ffffff;
	box-sizing: border-box;
}

.dcw-sukubunga-table .dcw-filter-tag {
	width: fit-content;
	height: 42px;
	padding: 8px 16px;
	gap: 32px;
	border-radius: 88px;
	border: 1px solid #e0e0e0;
	opacity: 0px;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: center;
	flex-shrink: 0;
	cursor: pointer;
}

.dcw-sukubunga-table .dcw-filter-container {
	width: 100%;
	height: fit-content;
	max-height: 72px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	padding: 0;
	overflow-x: scroll;
}

.dcw-sukubunga-table .dcw-filter-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-sukubunga-table .dcw-filter-tag:hover,
.dcw-sukubunga-table .dcw-filter-tag.dcw-filter-tag-active {
	background-color: var(--color-background-fill-primary);
	color: white;
}

.dcw-sukubunga-table .dcw-filter-header {
	margin-top: 10px;
	width: 100%;
	height: fit-content;
	display: flex;
	align-items: center;
	justify-content: space-between;
	/* max-width: 1512px !important; */
	margin: 0 auto;
}

.dcw-sukubunga-table .dcw-title-filter {
	width: 100%;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	color: #414141;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-sukubunga-table .dcw-header-filter {
	width: fit-content;
}

.dcw-sukubunga-table .dcw-filter-img {
	background-color: #ffffff;
	border-radius: 50%;
	width: 42px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-sukubunga-table .dcw-filter-contents {
	position: relative;
	width: 100%;
}

.dcw-sukubunga-table .dcw-filter-icon {
	width: auto;
	height: 32px;
}

.dcw-sukubunga-table .dcw-filter-section {
	visibility: hidden;
	opacity: 0;
	width: 100%;
	display: none;
}

.dcw-sukubunga-table .dcw-filter-section.show {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-sukubunga-table .dcw-filter-section:first-child {
	position: relative;
}

.dcw-sukubunga-table .dcw-table-sukubungamain {
	overflow: auto;
	/* margin-top: 1rem; */
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 1rem auto 0 auto;
}

.dcw-sukubunga-table .dcw-table-sukubungamain > * {
	display: none;
	opacity: 0;
	visibility: hidden;
}

.dcw-sukubunga-table .dcw-table-sukubungamain > *.show {
	display: block;
}

.dcw-sukubunga-table .dcw-table-sukubungamain::-webkit-scrollbar {
	height: 10px;
}

.dcw-sukubunga-table .dcw-table-sukubungamain::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-sukubunga-table .dcw-table-sukubungamain::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-success-hover, #1e8758);
	border-radius: 10px;
}

.dcw-sukubunga-table .dcw-table-sukubungamain::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-success-hover, #1e8758);
}

.dcw-sukubunga-table table {
	border-collapse: collapse;
	width: 100%;
}

.dcw-sukubunga-table table tr:first-child th:first-child {
	border-top-left-radius: 16px;
}

.dcw-sukubunga-table table tr:last-child td:first-child {
	border-bottom-left-radius: 16px;
}

.dcw-sukubunga-table table tr:last-child td:last-child {
	border-bottom-right-radius: 16px;
}

.dcw-sukubunga-table table tr:first-child th:last-child {
	border-top-right-radius: 16px;
}

.dcw-sukubunga-table table td {
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: -0.01em;
	text-align: center;
	padding: 12px 12px;
	white-space: nowrap;
}

.dcw-sukubunga-table table tr:nth-child(odd) {
	background-color: #ffffff;
}

.dcw-sukubunga-table table tr:nth-child(even) {
	background-color: #f8f8f8;
}
/* .dcw-sukubunga-table table tr:hover {
    background-color: #dddddd;
} */
.dcw-sukubunga-table table th {
	padding: 12px 12px;
	text-align: center;
	background: var(--color-background-fill-success-hover, #1e8758);
	color: white;
	font-weight: bold;
	white-space: nowrap;
	border: 1px solid white;
}

.dcw-sukubunga-table .dcw-extratext-container {
	display: flex;
	align-items: center;
	margin-top: 5px;
	margin-bottom: 1rem;
	border-radius: 10px;
	border: none;
	background-color: #fffbee;
	padding: 1rem 0;
	width: 100%;
	/* max-width: 1512px !important; */
	margin-left: auto !important;
	margin-right: auto !important;
}

.dcw-sukubunga-table .dcw-extratext-contents {
	font-size: 14px;
	line-height: 18px;
	padding-left: 18px;
	font-weight: bold;
	color: #ff8000;
}

.dcw-sukubunga-table .dropdown-selector-alt {
	display: flex;
	align-items: center;
	padding: 10px;
	text-decoration: none;
	color: #333;
	transition: background-color 0.3s;
	height: 100%;
	gap: 6px;
	width: fit-content;
	white-space: nowrap;
	border-radius: 16px;
	border: 1px solid #e0e0e0;
}

.dcw-sukubunga-table .dropdown-selector-alt span {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: #333;
	transition: background-color 0.3s;
	height: 100%;
	gap: 6px;
	width: fit-content;
	white-space: nowrap;
}

.dcw-sukubunga-table .dropdown-selector-alt:hover {
	background-color: #f0f0f0;
}

.dcw-sukubunga-table .dcw-change-currency {
	position: relative;
}

.dcw-sukubunga-table .change-currency ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	background-color: #fff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	border: 1px solid #ccc;
	border-radius: 8px;
	max-height: 150px;
	overflow-y: scroll;
	right: 0;
}

.dcw-sukubunga-table .change-currency ul li {
	display: flex;
	padding: 15px 20px;
	text-decoration: none;
	color: #333;
	transition: background-color 0.3s;
	gap: 5px;
	white-space: nowrap;
	width: 200px;
	cursor: pointer;
	align-items: center;
}

.dcw-sukubunga-table .change-currency ul li * {
	pointer-events: none;
}

.dcw-sukubunga-table .change-currency ul li:hover {
	background-color: #f0f0f0;
	text-decoration: none;
}

.dcw-sukubunga-table .dcw-currency-sukubunga {
	display: flex;
	justify-content: flex-end;
	margin-left: auto;
	align-items: center;
	color: #414141;
	gap: 16px;
	font-size: 16px;
	letter-spacing: -0.01em;
	text-align: end;
	font-weight: 700;
}

.dcw-sukubunga-table .dcw-currency-sukubunga .dcw-space-item:first-child {
	display: none;
}

.dcw-sukubunga-table .dcw-flag-icon {
	width: 22px;
	height: 22px;
}

@media screen and (min-width: 1024px) {
	.dcw-sukubunga-table .dcw-filter-tag {
		height: 60px;
		padding: 16px 32px;
		font-size: 16px;
		line-height: 20px;
		gap: 32px;
	}

	.dcw-sukubunga-table .dcw-currency-sukubunga .dcw-space-item:first-child {
		display: block;
	}

	.dcw-sukubunga-table .dcw-title-filter {
		font-size: 24px;
		line-height: 28px;
	}

	.dcw-sukubunga-table table td {
		font-size: 16px;
		line-height: 20px;
	}
}

/** Cards With Image **/
.dcw-cards-images {
	width: 100%;
	padding: 3rem 0;
	background-color: #ffffff;
}

.dcw-cards-images.alt-color {
	background-color: #fff2e6;
}

.dcw-cards-images .dcw-cardsimages-main {
	display: flex;
	flex-direction: column-reverse;
	gap: 2rem;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-cards-images .dcw-cardsimages-left {
	width: 100%;
}

.dcw-cards-images .dcw-cardsimages-left img {
	width: 100%;
}

.dcw-cards-images .dcw-cardsimages-detail {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.dcw-cards-images .cardsimages-cards-detail {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.dcw-cards-images .dcw-cardsimages-title {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
}

.dcw-cards-images .dcw-cardsimages-desc {
	font-size: 16px;
	line-height: 20px;
}

.dcw-cards-images .swiper-slide,
.dcw-cards-images .cardsimages-item {
	border: 1px solid #e0e0e0;
	border-radius: 32px;
	padding: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	background-color: #ffffff;
	min-height: 235px;
}

.dcw-cards-images .swiper-slide img,
.dcw-cards-images .cardsimages-item img {
	width: 32px;
	height: 32px;
}

.dcw-cards-images .cardsimages-cards-title {
	font-size: 20px;
	line-height: 24px;
	font-weight: 700;
}

.dcw-cards-images .cardsimages-cards-desc {
	font-size: 16px;
	line-height: 20px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcw-cards-images .swiper-slide.no-link .cardsimages-cards-desc {
	-webkit-line-clamp: 4;
	line-clamp: 4;
}

.dcw-cards-images .cardsimages-cards-more {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	display: flex;
	align-items: center;
	color: #e84e15;
}

.dcw-cards-images .cardsimages-cards-more img {
	width: 28px;
	height: 28px;
}

.dcw-cards-images .dcw-cardsimages-cards-mobile {
	transform: translateY(-25%);
}

.dcw-cards-images .dcw-cardsimages-cards-mobile .dcw-cardsimages-swiper {
	padding: 0 1rem;
}

.dcw-cards-images .dcw-cardsimages-cards-mobile .swiper-pagination {
	position: relative;
	margin-top: 1.5rem;
}

.dcw-cards-images
	.dcw-cardsimages-cards-mobile
	.swiper-pagination
	.swiper-pagination-bullet {
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 300ms;
}

.dcw-cards-images
	.dcw-cardsimages-cards-mobile
	.swiper-pagination
	.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #e84e15;
	width: 24px;
	border-radius: 4px;
}

.dcw-cards-images .dcw-cardsimages-cards-desktop {
	display: none;
}

@media screen and (min-width: 1024px) {
	.dcw-cards-images {
		padding: 7rem 0;
	}

	.dcw-cards-images .dcw-cardsimages-cards-mobile {
		display: none;
	}

	.dcw-cards-images .dcw-cardsimages-cards-desktop {
		display: flex;
		width: 100%;
		transform: translateX(-50%);
	}

	.dcw-cards-images .dcw-cardsimages-main {
		flex-direction: row;
		gap: 0;
	}

	.dcw-cards-images .dcw-cardsimages-left,
	.dcw-cards-images .dcw-cardsimages-right {
		width: 50%;
	}

	.dcw-cards-images .dcw-cardsimages-left {
		padding-right: 4rem;
	}

	.dcw-cards-images .dcw-cardsimages-right {
		padding-left: 4rem;
	}

	.dcw-cards-images .dcw-cardsimages {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 1.5rem;
	}

	.dcw-cards-images .dcw-cardsimages-desc {
		/* font-size: 16px; */
		line-height: 1.4;
	}

	.dcw-cards-images .dcw-cardsimages-right {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 3rem;
	}

	.dcw-cards-images .cardsimages-cards-desc {
		-webkit-line-clamp: 3;
		line-clamp: 3;
		font-size: 14px;
		line-height: 18px;
	}

	.dcw-cardsimages-cards-desktop
		.cardsimages-item.no-link
		.cardsimages-cards-desc {
		-webkit-line-clamp: 5;
		line-clamp: 5;
	}

	.dcw-cards-images .dcw-cardsimages-cards-mobile .dcw-cardsimages-swiper {
		padding: 0 2rem;
	}

	.dcw-cards-images .cardsimages-cards-title {
		font-size: 18px;
		line-height: 22px;
	}
}

@media screen and (min-width: 1300px) {
	.dcw-cards-images .dcw-cardsimages-cards-desktop {
		width: 145%;
		transform: translateX(-30%);
	}

	.dcw-cards-images .dcw-cardsimages-title {
		font-size: 40px;
		line-height: 52px;
	}
	/* .dcw-cards-images .dcw-cardsimages-desc {
        font-size: 18px;
        line-height: 22px;
    } */
	.dcw-cards-images .cardsimages-cards-title {
		font-size: 24px;
		line-height: 28px;
	}

	.dcw-cards-images .cardsimages-cards-desc {
		font-size: 16px;
		line-height: 20px;
	}

	.dcw-cards-images .cardsimages-cards-more {
		font-size: 16px;
		line-height: 20px;
	}
}

/** Point Cards Slider **/
.dcw-pointcard-slider {
	width: 100%;
	height: fit-content;
	background-color: #f5f5f5;
	padding-top: 5rem;
	padding-bottom: 3rem;
	position: relative;
}

.dcw-pointcard-slider * {
	color: #ffffff;
}

.dcw-pointcard-slider.privilege-theme {
	background-color: #1a1a1a;
	color: #ffffff;
}

.dcw-pointcard-slider.optimal-theme {
	background-color: #0b3321;
	color: #ffffff;
}

.dcw-pointcard-slider .dcw-head-title {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	margin-bottom: 4rem;
	width: 100%;
	/* max-width: 1512px !important; */
	margin-left: auto !important;
	margin-right: auto !important;
}

.dcw-pointcard-slider.privilege-theme .dcw-head-title {
	color: #ffd9b3;
}

.dcw-pointcard-slider.optimal-theme .dcw-head-title {
	color: #ffbf0f;
}

.dcw-pointcard-slider .dcw-main-container {
	display: flex;
	align-items: flex-start;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-pointcard-slider .main-content-left .main-content-button {
	margin-top: 2rem;
}

.dcw-pointcard-slider .main-content-left {
	width: 100%;
}

.dcw-pointcard-slider .main-content-title {
	font-size: 48px;
	line-height: 1.2;
	font-weight: 700;
}

.dcw-pointcard-slider .slider-container-mobile {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	padding: 4rem 0;
	position: relative;
}

.dcw-pointcard-slider .mobile-slider {
	width: 100%;
}

.dcw-pointcard-slider .mobile-slider .swiper-wrapper {
	padding: 0 2rem;
}

.dcw-pointcard-slider .mobile-slider .swiper-slide img {
	width: 100%;
	height: auto;
	aspect-ratio: 3/2;
}

.dcw-pointcard-slider .mobile-slider .swiper-pagination {
	position: relative;
	margin: 0.5rem 0;
}

.dcw-pointcard-slider
	.mobile-slider
	.swiper-pagination
	.swiper-pagination-bullet {
	background-color: #cccccc;
	opacity: 1;
	transition-property: all;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 300ms;
}

.dcw-pointcard-slider
	.mobile-slider
	.swiper-pagination
	.swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #e84e15;
	width: 24px;
	border-radius: 4px;
}

.dcw-pointcard-slider .slider-backdrop {
	width: 450px;
	aspect-ratio: 4/3;
	background-color: #ffffff;
	border-radius: 32px;
	opacity: 0.07;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(33%, calc(-50% - 1rem));
}

.dcw-pointcard-slider .points-title {
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	color: #a3a3a3;
}

.dcw-pointcard-slider.privilege-theme .points-title {
	color: #a3a3a3;
}

.dcw-pointcard-slider.optimal-theme .points-title {
	color: #ffbf0f;
}

.dcw-pointcard-slider .points-content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 1rem 0;
}

.dcw-pointcard-slider .point-item {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.dcw-pointcard-slider .point-num {
	width: 30px;
	height: 30px;
	background-color: #ffd9b3;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #994d00;
	font-size: 16px;
	line-height: 28px;
	font-weight: 700;
}

.dcw-pointcard-slider.privilege-theme .point-num {
	background-color: #ffd9b3;
	color: #994d00;
}

.dcw-pointcard-slider.optimal-theme .point-num {
	background-color: #e9f6f1;
	color: #b3860b;
}

.dcw-pointcard-slider .point-cont,
.dcw-pointcard-slider .point-cont * {
	font-size: 16px;
	line-height: 20px;
}

.dcw-pointcard-slider .point-cont {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-pointcard-slider .point-cont ul {
	display: flex;
	flex-direction: column;
	gap: var(--spacegapspace-component-gap-s, 12px);
	list-style: disc !important;
	padding-left: 24px;
}

.dcw-pointcard-slider .point-cont ol {
	display: flex;
	flex-direction: column;
	list-style: decimal !important;
	padding-left: 24px;
}

.dcw-pointcard-slider .point-cont ol li::marker {
	font-size: 16px;
}

.dcw-pointcard-slider .point-cont a {
	color: #e84e15;
}

.dcw-pointcard-slider .main-content-button > a {
	color: #ffffff;
	background-color: #e84e15;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 8px;
	padding: 1rem;
}

.dcw-pointcard-slider.privilege-theme .main-content-button > a {
	background-color: #b35a00;
	color: #fff2e6;
}

.dcw-pointcard-slider.optimal-theme .main-content-button > a {
	background-color: #ffcc3f;
	color: #484848;
}

.dcw-pointcard-slider .slider-container-desktop {
	display: none;
}

@media screen and (min-width: 500px) {
	.dcw-pointcard-slider .slider-backdrop {
		height: 750px;
	}
}

@media screen and (min-width: 1025px) {
	.dcw-pointcard-slider {
		padding-top: 5rem;
		padding-bottom: 5rem;
	}

	.dcw-pointcard-slider .dcw-head-title {
		font-size: 40px;
		line-height: 52px;
	}

	.dcw-pointcard-slider .dcw-main-container {
		align-items: flex-end;
	}

	.dcw-pointcard-slider .main-content-title {
		font-size: 19.53px;
		line-height: 1.4;
	}

	.dcw-pointcard-slider .main-content-left {
		width: 50%;
		z-index: 99;
		display: flex;
		flex-direction: column;
		gap: 2rem;
	}

	.dcw-pointcard-slider .main-content-right {
		width: 50%;
		z-index: 9;
	}

	.dcw-pointcard-slider .slider-container-mobile {
		display: none;
	}

	.dcw-pointcard-slider .slider-container-desktop {
		display: block;
		position: relative;
		transform: translateY(-10%);
	}

	.dcw-pointcard-slider .desktop-slider {
		width: 100%;
		position: relative;
		z-index: 9;
	}

	.dcw-pointcard-slider .desktop-slider .swiper-slide.hidden-slide {
		opacity: 0;
		pointer-events: none;
		transform: translateX(-50%);
	}

	.dcw-pointcard-slider .desktop-slider .swiper-slide:not(.hidden-slide) {
		pointer-events: all;
	}

	.dcw-pointcard-slider .desktop-slider .swiper-slide img {
		width: 100%;
		height: auto;
		aspect-ratio: 3/2;
	}

	.dcw-pointcard-slider .desktop-slider .dcw-navigation-container {
		display: flex;
		flex-direction: row;
		gap: 1rem;
		margin: 1rem 0;
		justify-content: flex-end;
	}

	.dcw-pointcard-slider .desktop-slider .swiper-prev,
	.dcw-pointcard-slider .desktop-slider .swiper-next {
		width: 3.5rem;
		height: 3.5rem;
		background-color: #ffffff;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.dcw-pointcard-slider .slider-backdrop {
		height: 575px;
	}

	.dcw-pointcard-slider .main-content-points {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
	/* .dcw-pointcard-slider .points-title {
        padding: 0 1rem;
    } */
	.dcw-pointcard-slider .points-content {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 2rem;
		padding-right: 2rem;
	}

	.dcw-pointcard-slider .point-cont ul {
		gap: 0;
	}

	.dcw-pointcard-slider .main-content-button > a {
		width: fit-content;
		padding: 1.5rem;
	}
}

@media screen and (min-width: 1500px) {
	.dcw-pointcard-slider .main-content-title {
		font-size: 70px;
		line-height: 77px;
		padding-right: 0 !important;
	}
}

/** Dynamic Content **/
.dcw-dynamic-content .dcw-filter-tag {
	width: fit-content;
	height: 42px;
	padding: 8px 16px;
	gap: 32px;
	border-radius: 88px;
	border: 1px solid #e0e0e0;
	opacity: 0px;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: center;
	flex-shrink: 0;
	cursor: pointer;
}

.dcw-dynamic-content .dcw-filter-container {
	width: 100%;
	height: fit-content;
	max-height: 72px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	padding: 0;
	overflow-x: scroll;
	/* max-width: 1512px !important; */
	margin: 0 auto 3rem auto;
}

.dcw-dynamic-content .dcw-filter-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-dynamic-content .dcw-filter-tag:hover,
.dcw-dynamic-content .dcw-filter-tag.active {
	background-color: var(--color-background-fill-primary);
	color: white;
}

.dcw-dynamic-content .dcw-component-container > .dcw-section {
	display: none;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	flex-direction: column;
	width: 100%;
}

.dcw-dynamic-content .dcw-component-container > .dcw-section:first-child {
	position: relative;
}

.dcw-dynamic-content .dcw-component-container > .dcw-section.show {
	display: flex;
	position: relative;
}

@media screen and (min-width: 1024px) {
	.dcw-dynamic-content .dcw-filter-tag {
		/* height: 60px; */
		padding: 16px 32px;
		font-size: 10px;
		line-height: 1.4;
	}
}

/** EForm Filter **/
.dcw-eform-filters {
	padding-bottom: 1rem;
}

.dcw-eform-filters .dcw-filter-tag {
	width: fit-content;
	height: 42px;
	padding: 8px 16px;
	gap: 32px;
	border-radius: 88px;
	border: 1px solid #e0e0e0;
	opacity: 0px;
	display: flex;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	letter-spacing: -0.01em;
	text-align: center;
	flex-shrink: 0;
	cursor: pointer;
}

.dcw-eform-filters .dcw-filter-container {
	width: 100%;
	height: fit-content;
	max-height: 72px;
	display: flex;
	gap: 16px;
	justify-content: start;
	align-items: center;
	padding: 0;
	overflow-x: scroll;
	margin-bottom: 3rem;
	/* max-width: 1512px !important; */
	margin-left: auto !important;
	margin-right: auto !important;
}

.dcw-eform-filters .dcw-filter-container::-webkit-scrollbar {
	height: 0px;
}

.dcw-eform-filters .dcw-filter-tag:hover,
.dcw-eform-filters .dcw-filter-tag.active {
	background-color: var(--color-background-fill-primary);
	color: white;
}

.dcw-eform-filters .dcw-card-container .dcw-section {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-eform-filters .eform-item {
	border: 1px solid #e0e0e0;
	border-radius: 32px;
	padding: 2rem;
	min-height: 160px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.dcw-eform-filters .eform-title {
	font-weight: 700;
	font-size: 22px;
	line-height: 28px;
}

.dcw-eform-filters .eform-label {
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #e84e15;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.5rem;
}

.dcw-eform-filters .dcw-load-more {
	display: flex;
	justify-content: center;
	margin-top: 2rem;
}

.dcw-eform-filters .load-more-btn {
	background: transparent;
	color: var(--color-background-fill-primary);
	border: 1px solid var(--color-background-fill-primary);
	border-radius: 8px;
	padding: 1rem 2rem;
	transition: all 0.2s;
}

.dcw-eform-filters .load-more-btn:hover {
	background-color: var(--color-background-fill-primary);
	color: #ffffff;
}

@media screen and (min-width: 1024px) {
	.dcw-eform-filters {
		padding-bottom: 3rem;
	}

	.dcw-eform-filters .dcw-filter-tag {
		/* height: 60px; */
		padding: 16px 32px;
		font-size: 10px;
		line-height: 20px;
	}

	.dcw-eform-filters .dcw-card-container .dcw-section {
		grid-template-columns: repeat(3, 1fr);
	}
}

/** Search List **/
.dcw-search-page {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	padding: 2rem 0;
}

.dcw-search-page .dcw-search-type {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	overflow-x: auto;
	padding: 0 2rem;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-search-page .dcw-search-type .search-type-item {
	border: 1px solid #e0e0e0;
	border-radius: 88px;
	padding: 8px 16px;
	cursor: pointer;
	height: 42px;
	width: fit-content;
	white-space: nowrap;
	background-color: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
}

.dcw-search-page .dcw-search-type .search-type-item.active,
.dcw-search-page .dcw-search-type .search-type-item:hover {
	border: 1px solid transparent;
	background-color: #e84e15;
	color: #ffffff;
}

.dcw-search-page .dcw-search-input {
	position: relative;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-search-page .dcw-search-input input {
	width: 100%;
	border: 1px solid #e0e0e0;
	height: 60px;
	padding: 1.5rem 3rem 0.75rem 3rem;
	border-radius: 8px;
}

.dcw-search-page .dcw-search-input-inner {
	position: relative;
}

.dcw-search-page .dcw-search-input img.dcw-search-input-icon {
	position: absolute;
	left: 0.5rem;
	top: 0.75rem;
	cursor: pointer;
}

.dcw-search-page .dcw-search-input img.dcw-search-input-close {
	position: absolute;
	right: 1rem;
	top: 1rem;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.dcw-search-page .dcw-search-input .dcw-search-input-label {
	position: absolute;
	left: 3rem;
	top: 1rem;
	font-size: 14px;
	top: 20px;
	pointer-events: none;
	color: #8d8d8d;
}

.dcw-search-page .search-input:focus + .dcw-search-input-label,
.dcw-search-page
	.search-input:not(:placeholder-shown)
	+ .dcw-search-input-label {
	font-size: 0.75rem;
	top: 10px;
}

.dcw-search-page
	.search-input:not(:placeholder-shown)
	+ .dcw-search-input-label
	~ .dcw-search-input-close {
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

.dcw-search-page .dcw-search-container {
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-search-page .dcw-search-result {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
}

.dcw-search-page .dcw-search-result .search-result-card {
	display: flex;
	flex-direction: row;
	/* aspect-ratio: 2 / 1.1; */
	overflow: hidden;
	border-radius: 16px;
	background-color: #ffffff;
}

.dcw-search-page .dcw-search-result .search-img-cont {
	width: 100%;
}

.dcw-search-page .dcw-search-result .search-img-cont > img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.dcw-search-page .dcw-search-result .search-detail-cont {
	width: 100%;
	padding: 1rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 0.3rem;
}

.dcw-search-page .dcw-search-result .search-card-link {
	color: #e84e15;
	padding: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	/* margin-top: 1rem; */
	font-weight: 800;
	font-size: 14px;
	line-height: 1.2;
}

.dcw-search-page .dcw-search-result .search-card-category {
	font-size: 12px;
	line-height: 14px;
}

.dcw-search-page .dcw-search-result .search-card-title {
	font-size: 20px;
	line-height: 1.2;
	font-weight: 700;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.dcw-search-page .dcw-search-result .search-card-desc {
	font-size: 12px;
	line-height: 1.3;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.dcw-search-page .dcw-search-pagination,
.dcw-search-page .dcw-search-pagination ul {
	display: flex;
	flex-direction: row;
	gap: 0;
	margin: 1rem 0.25rem;
	align-items: center;
}

.dcw-search-page .dcw-search-pagination .search-page-prev,
.dcw-search-page .dcw-search-pagination .search-page-next {
	border-radius: 50%;
	background-color: #e84e15;
	width: 24px;
	height: 24px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.dcw-search-page .dcw-search-pagination .search-page-prev img,
.dcw-search-page .dcw-search-pagination .search-page-next img {
	width: 18px;
	height: 18px;
}

.dcw-search-page .dcw-search-pagination ul {
	border-radius: 99px;
	background-color: #ffffff;
}

.dcw-search-page .dcw-search-pagination ul li {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.dcw-search-page .dcw-search-pagination ul li.active,
.dcw-search-page .dcw-search-pagination ul li:hover {
	background-color: #e84e15;
	color: #ffffff;
}

.dcw-search-page .dcw-search-pagination ul li.skip {
	pointer-events: none;
}

.dcw-search-page .dcw-search-empty {
	display: none;
	justify-content: center;
	align-items: center;
	height: 500px;
	width: 100%;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-search-page .dcw-empty-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.dcw-search-page .dcw-search-count {
	font-size: 14px;
	line-height: 18px;
	margin: 1rem 0;
	width: 100%;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.search-image-section {
	display: none;
	width: 50%;
	height: 100%;
	aspect-ratio: 3/2;
}

@media screen and (min-width: 400px) {
	.dcw-search-page .dcw-search-pagination .search-page-prev,
	.dcw-search-page .dcw-search-pagination .search-page-next {
		width: 36px;
		height: 36px;
	}

	.dcw-search-page .dcw-search-pagination ul li {
		width: 36px;
		height: 36px;
	}
}

@media screen and (min-width: 1025px) {
	/* .dcw-search-page .dcw-search-type{
        padding: 0 2rem;
    } */
	.dcw-search-page .dcw-search-input .dcw-search-input-inner {
		width: 80%;
	}

	.dcw-search-page .dcw-search-result .search-result-card {
		aspect-ratio: unset;
	}

	.dcw-search-page .dcw-search-result {
		gap: 2rem;
	}

	.dcw-search-page .dcw-search-result .search-img-cont {
		aspect-ratio: 3/2;
		width: unset;
		height: unset;
	}

	.dcw-search-page .dcw-search-result .search-img-square {
		aspect-ratio: 1/1 !important;
		width: fit-content !important;
		height: 100% !important;
	}

	.dcw-search-page .dcw-search-result .search-card-title {
		-webkit-line-clamp: 1;
		line-clamp: 1;
	}

	.dcw-search-page .dcw-search-result .search-detail-cont {
		width: 80%;
		padding: 1rem;
		display: flex;
		justify-content: center;
		flex-direction: column;
		gap: 0.2rem;
	}

	.dcw-search-page .dcw-search-pagination .search-page-prev,
	.dcw-search-page .dcw-search-pagination .search-page-next {
		width: 40px;
		height: 40px;
	}

	.dcw-search-page .dcw-search-pagination .search-page-prev img,
	.dcw-search-page .dcw-search-pagination .search-page-next img {
		width: 20px;
		height: 20px;
	}

	.dcw-search-page .dcw-search-pagination ul li {
		width: 40px;
		height: 40px;
		gap: 1rem;
	}

	.dcw-search-page .dcw-search-container .dcw-search-result {
		width: 80%;
	}

	.dcw-search-page .dcw-search-pagination,
	.dcw-search-page .dcw-search-pagination ul {
		gap: 1rem;
		margin: 1rem;
	}
}

/** Join Bar **/
.dcw-joinbar * {
	box-sizing: border-box;
	position: relative;
}

.dcw-joinbar {
	width: 100%;
	height: auto;
}

.dcw-joinbar .dcw-joinbar-content {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 1rem;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	box-sizing: border-box;
	box-shadow: 0px -6px 28px 0px #00000014;
	position: fixed;
	bottom: 0;
	left: 0;
	transform: translateY(100%);
	z-index: 99;
	background-color: #ffffff;
}

.dcw-joinbar.privilege-theme .dcw-joinbar-content {
	background-color: #484848;
}

.dcw-joinbar.optimal-theme .dcw-joinbar-content {
	background-color: #166542;
	padding: 0 2rem;
}

.dcw-joinbar .dcw-title {
	font-size: 24px;
	font-weight: bold;
	line-height: 28px;
	text-align: left;
	align-items: center;
	color: #1a1a1a;
}

.dcw-joinbar.privilege-theme .dcw-title {
	color: #ffd9b3;
}

.dcw-joinbar.optimal-theme .dcw-title {
	color: #ffd9b3;
}

.dcw-joinbar .dcw-button-container {
	display: flex;
	justify-content: end;
	gap: 1rem;
}

.dcw-joinbar .dcw-button-next {
	display: flex;
	height: 60px;
	width: 100%;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: -0.01em;
	text-align: center;
	border: none;
	border-radius: var(--corner-radiuscontainer-card-s);
	padding: var(--spacepaddingspace-component-padding-m, 16px);
	cursor: pointer;
}

.dcw-joinbar.privilege-theme .dcw-button-next {
	color: #fff2e6;
	background-color: #b35a00;
}

.dcw-joinbar.optimal-theme .dcw-button-next {
	color: #484848;
	background-color: #ffcc3f;
}

@media screen and (min-width: 343px) {
	.dcw-joinbar .dcw-title {
		text-align: center !important;
	}

	.dcw-joinbar .dcw-joinbar-content {
		flex-direction: column;
		border-top-left-radius: 35px;
		border-top-right-radius: 35px;
	}

	.dcw-joinbar .dcw-description {
		font-size: 18px;
		font-weight: 400;
		line-height: 15px;
		letter-spacing: -0.01em;
		text-align: center;
		align-items: center;
		color: #e8e8e8;
	}
}

@media screen and (min-width: 1024px) {
	.dcw-joinbar .dcw-button-next {
		width: fit-content;
	}

	.dcw-joinbar .dcw-description {
		display: none !important;
	}

	.dcw-joinbar .dcw-joinbar-content {
		padding: 0 2rem;
		flex-direction: row;
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
	}

	.dcw-joinbar .dcw-title {
		display: flex;
		font-size: 24px;
		font-weight: bold;
		line-height: 28px;
		letter-spacing: -0.01em;
		text-align: left;
		align-items: center;
		color: #ffd9b3;
	}
}

/** Colorable Cards **/
.dcw-colorable-cards {
	width: 100%;
	height: fit-content;
	background-color: #ffffff;
	position: relative;
	top: 0;
	z-index: 9;
}

.dcw-colorable-cards.privilege-theme {
	background-color: #fff2e6;
}

.dcw-colorable-cards.optimal-theme {
	background-color: #e9f6f1;
}

.dcw-colorable-cards .dcw-main-content {
	padding: 5rem 0;
	width: 100%;
	display: flex;
	gap: 1rem;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-colorable-cards .dcw-title {
	width: 100%;
	font-size: 24px;
	line-height: 28px;
	font-weight: 700;
	color: #1a1a1a;
	margin-bottom: 0.5rem;
}

.dcw-colorable-cards .dcw-points-card-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	width: 100%;
	height: fit-content;
	margin-top: 6.8rem;
}

.dcw-colorable-cards .dcw-wealth-growth-card {
	flex: 1 0 91%;
	min-width: 300px;
	min-height: 210px;
	height: fit-content;
	width: 100%;
	/* aspect-ratio: 1 / 1; */
	display: flex;
	flex-direction: column;
	justify-content: start;
	flex-wrap: wrap;
	gap: 16px;
	border: 1px solid var(--color-border-border-primary-default, #e0e0e0);
	border-radius: var(--corner-radiuscontainer-card-xl, 32px);
	padding: var(--spacegapspace-component-gap-l, 32px);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	background-color: #ffffff;
}

.dcw-colorable-cards .dcw-card-header-container {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.dcw-colorable-cards .dcw-card-header-icon {
	width: 36px;
	height: 36px;
}

.dcw-colorable-cards .dcw-richtext-container {
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	margin-bottom: 5px;
}

.dcw-colorable-cards .dcw-card-title {
	font-size: 24px;
	color: #1a1a1a;
	font-weight: 700;
	line-height: 28px;
}

.dcw-colorable-cards .dcw-card-description {
	font-size: 16px;
	font-weight: 400;
	color: #1a1a1a;
	line-height: 20px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	text-overflow: ellipsis;
	overflow: hidden;
}

.dcw-colorable-cards .dcw-readmore-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: fit-content;
}

.dcw-colorable-cards .dcw-readmore-container:hover {
	cursor: pointer;
}

.dcw-colorable-cards .dcw-hyperlink-text {
	font-size: 16px;
	font-weight: 700;
	color: #e84e15;
	line-height: 20px;
}

.dcw-colorable-cards .dcw-card-hyperlink-icon {
	padding-left: 5px;
}

@media screen and (min-width: 343px) {
	.dcw-colorable-cards .dcw-main-content {
		flex-direction: column;
	}

	.dcw-colorable-cards .dcw-points-card-container {
		width: fit-content;
		align-items: center;
		text-align: center;
		margin-top: 0rem;
	}
}

@media screen and (min-width: 1024px) {
	.dcw-colorable-cards .dcw-main-content {
		flex-direction: row;
	}

	.dcw-colorable-cards .dcw-points-card-container {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		width: 100%;
		/* margin-top: 6.8rem; */
	}

	.dcw-colorable-cards .dcw-title {
		width: 30%;
		font-size: 19.53px;
		line-height: 1.4;
	}
	/* .dcw-colorable-cards .dcw-wealth-growth-card {
        aspect-ratio: 1.9 / 1;
    } */
	.dcw-colorable-cards .dcw-card-description {
		-webkit-line-clamp: 3;
		line-clamp: 3;
	}
}

/** Contact Cards **/
.dcw-contact-cards {
	width: 100%;
	height: fit-content;
	padding-bottom: 5rem !important;
	position: relative;
	top: 0;
	z-index: 9;
}

.dcw-contact-cards .dcw-contact-cards-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	width: 100%;
	height: fit-content;
}

.dcw-contact-cards .dcw-contact-card {
	flex: 1 0 91%;
	min-width: 300px;
	min-height: 210px;
	height: fit-content;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: start;
	flex-wrap: wrap;
	gap: 16px;
	border: 1px solid var(--color-border-border-primary-default, #e0e0e0);
	border-radius: var(--corner-radiuscontainer-card-xl, 32px);
	padding: var(--spacegapspace-component-gap-l, 32px);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	background-color: #ffffff;
}

.dcw-contact-cards .dcw-card-header-container {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

.dcw-contact-cards .dcw-card-header-icon {
	width: 36px;
	height: 36px;
}

.dcw-contact-cards .dcw-richtext-container {
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 6px;
	width: 100%;
	margin-bottom: 5px;
}

.dcw-contact-cards .dcw-card-title {
	font-size: 20px;
	color: #1a1a1a;
	font-weight: 700;
	line-height: 24px;
}

.dcw-contact-cards .has-table .dcw-card-title {
	padding: 8px;
	border-bottom: 1px solid #e0e0e0;
}

.dcw-contact-cards .dcw-card-description {
	font-size: 16px;
	font-weight: 400;
	color: #1a1a1a;
	line-height: 20px;
}

.dcw-contact-cards .dcw-btn-container {
	width: fit-content;
	height: fit-content;
	margin-top: 10px;
}

.dcw-contact-cards .dcw-contact-btn {
	height: 32px;
	color: #ffffff;
	background-color: #e84e15;
	font-size: 14px;
	font-weight: 700;
	border-radius: 8px;
	padding: 1rem;
}

.dcw-contact-cards .dcw-socialmedia-container {
	display: flex;
	flex-direction: row;
	gap: 1rem;
	align-items: center;
}

.dcw-contact-cards .dcw-socialmedia-container img {
	max-height: 28px;
	max-width: 60px;
	height: auto;
	width: auto;
}

.dcw-contact-cards .dcw-card-description > * {
	margin-bottom: 16px;
}

.dcw-contact-cards table {
	border-collapse: collapse;
	width: 100%;
}

.dcw-contact-cards table tr:first-child th:first-child {
	border-top-left-radius: 16px;
}

.dcw-contact-cards table tr:last-child td:first-child {
	border-bottom-left-radius: 16px;
}

.dcw-contact-cards table tr:last-child td:last-child {
	border-bottom-right-radius: 16px;
}

.dcw-contact-cards table tr:first-child th:last-child {
	border-top-right-radius: 16px;
}

.dcw-contact-cards table td {
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	padding: 12px 12px;
}

.dcw-contact-cards table tr:nth-child(even) {
	background-color: #eeeeee;
}

.dcw-contact-cards table tr:nth-child(odd) {
	background-color: #f8f8f8;
}

.dcw-contact-cards table th {
	padding: 12px 12px;
	text-align: left;
	background: var(--color-background-fill-success-hover, #1e8758);
	color: white;
	white-space: nowrap;
	font-weight: 700;
}

/*Mobile View for the cards*/
@media screen and (min-width: 343px) {
	.dcw-contact-cards .dcw-contact-cards-container {
		width: fit-content;
		height: fit-content;
		align-items: flex-start;
		text-align: center;
	}
}
/*Desktop View for the cards*/
@media screen and (min-width: 1024px) {
	.dcw-contact-cards .dcw-contact-cards-container {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		width: 100%;
		/* max-width: 1512px !important; */
		max-width: 786px;
		margin: 0 auto;
	}
}

/** Full Rich Card **/
.dcw-fullrich-card {
	width: 100%;
	padding-top: 35px;
	padding-bottom: 30px;
	gap: 32px;
	background-color: #ffffff;
	box-sizing: border-box;
}

.dcw-fullrich-card .dcw-fullrich-card-container {
	display: flex;
	width: 100%;
	height: fit-content;
	/* max-width: 1512px !important; */
	margin: 0 auto !important;
}

.dcw-fullrich-card .dcw-fullrich-card-inner {
	flex: 1 0 91%;
	min-width: 300px;
	min-height: 210px;
	height: fit-content;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: start;
	flex-wrap: wrap;
	gap: 16px;
	border: 1px solid var(--color-border-border-primary-default, #e0e0e0);
	border-radius: var(--corner-radiuscontainer-card-xl, 32px);
	padding: var(--spacegapspace-component-gap-l, 32px);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.01em;
	text-align: left;
	background-color: #ffffff;
}

.dcw-fullrich-card .dcw-card-title {
	font-size: 16px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 22px;
	letter-spacing: -0.01em;
}

.dcw-fullrich-card .dcw-section-container {
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding-bottom: 0.7rem;
}

.dcw-fullrich-card .dcw-section-container ul {
	display: flex;
	flex-direction: column;
	gap: var(--spacegapspace-component-gap-s, 12px);
	list-style: disc !important;
	padding-left: 24px;
}

.dcw-fullrich-card .dcw-section-container ul li > * {
	margin-bottom: 8px;
}

.dcw-fullrich-card .dcw-section-container ul li::marker {
	color: #e84e15;
	font-size: 24px;
}

.dcw-fullrich-card .dcw-keterangan-contents {
	font-size: 16px;
	text-align: justify;
	margin-bottom: 10px;
}

/** E-Form Sample **/
.dcw-eform-sample {
	width: 100%;
	height: fit-content;
	padding-top: 30px;
	padding-bottom: 100px;
	gap: 32px;
	background-color: #f5f5f5;
	box-sizing: border-box;
}

.dcw-eform-sample .dcw-eform-container {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
}

.dcw-eform-sample .dcw-eform-icon {
	padding: 0 2rem;
	width: 100%;
	margin-top: 15px;
	position: relative;
	display: flex;
	height: 56px;
	justify-content: space-between;
	align-items: center;
}

.dcw-eform-sample .dcw-icon-button-container {
	display: flex;
}

.dcw-eform-sample .dcw-icon-button {
	background-color: #ffffff;
	border-radius: var(--corner-radiuscontainer-card-xl);
	border: solid 1px #e0e0e0;
	display: flex;
	align-items: center;
	padding: 20px;
	gap: 10px;
	width: fit-content;
	justify-content: space-between;
	word-wrap: break-word;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-eform-sample .dcw-icon {
	height: 24px;
	width: 24px;
}

.dcw-eform-sample .dcw-close-button {
	width: 42px;
	height: 42px;
	text-align: end;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #1a1a1a;
	border: solid 1px #e0e0e0;
	border-radius: 100%;
	font-size: 24px;
	background-color: #ffffff;
}

.dcw-eform-sample .dcw-eform-fixed-header {
	position: fixed;
	background-color: #ffffff;
	width: 100%;
	z-index: 99;
	top: 85px;
	transform: translateY(-200%);
}

.dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-eform-icon {
	padding: 0 2rem;
	width: 100%;
	position: relative;
	display: flex;
	height: 60px;
	justify-content: space-between;
	align-items: center;
}

.dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-icon-button-container {
	display: flex;
}

.dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-icon-button {
	display: flex;
	align-items: center;
	padding: 20px;
	gap: 10px;
	width: fit-content;
	justify-content: space-between;
	word-wrap: break-word;
	font-size: 20px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: left;
}

.dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-icon {
	height: 24px;
	width: 24px;
}

.dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-close-button {
	width: 42px;
	height: 42px;
	text-align: end;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #1a1a1a;
	border: solid 1px #e0e0e0;
	border-radius: 100%;
	font-size: 24px;
	background-color: #ffffff;
}

.dcw-eform-sample .dcw-form-content-container {
	display: flex;
	flex-direction: column;
	height: fit-content;
	justify-content: center;
	align-items: center;
	padding-top: 60px;
}

.dcw-eform-sample .dcw-content-header {
	width: 50%;
	text-align: left;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.01em;
	line-height: 24px;
	padding-bottom: 20px;
}

.dcw-eform-sample h2.dcw-content-header-title {
	font-size: 24px;
	line-height: 1.4;
	font-weight: 700;
}

.dcw-eform-sample .dcw-content-header-desc {
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
}

.dcw-eform-sample .dcw-form-container {
	width: 50%;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.dcw-eform-sample .dcw-form-input-content {
	width: 100%;
	position: relative;
	font-size: 14px;
}

.dcw-eform-sample .dcw-input-field {
	width: 100% !important;
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 1px #e0e0e0;
	height: 60px;
	padding-left: 1rem;
	padding-top: 0.8rem;
	min-width: 95% !important;
	appearance: none;
	-webkit-appearance: none;
	text-align-last: left;
}

.dcw-eform-sample .dcw-input-field:focus {
	outline: none;
}

.dcw-eform-sample .dcw-form-radio-content {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.dcw-eform-sample .dcw-radio-title {
	font-size: 14px;
	color: #8d8d8d;
	font-weight: 400;
	line-height: 18px;
	letter-spacing: -0.01em;
	height: 36px;
}

.dcw-eform-sample .dcw-radio-choice-container {
	display: flex;
	gap: 42px;
}

.dcw-eform-sample .dcw-radio-choice {
	position: relative;
	padding-left: 30px;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 14px;
}

.dcw-eform-sample .dcw-radio-choice input {
	position: absolute;
	opacity: 0;
	height: 0;
	width: 0;
	cursor: pointer;
}

.dcw-eform-sample .dcw-radio-choice .dcw-new-radio {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 22px;
	height: 22px;
	border: 1px solid #e0e0e0;
	border-radius: 50%;
	background-color: #ffffff;
	transition:
		background-color 0.2s,
		border-color 0.2s;
}

.dcw-eform-sample .dcw-radio-choice input:checked + .dcw-new-radio {
	border: 1px solid #25a96e;
}

.dcw-eform-sample .dcw-radio-choice .dcw-new-radio::after {
	content: "";
	position: absolute;
	display: none;
}

.dcw-eform-sample .dcw-radio-choice input:checked + .dcw-new-radio::after {
	left: 3px;
	top: 50%;
	transform: translateY(-50%);
	width: 14px;
	height: 14px;
	border-radius: 100%;
	background-color: #25a96e;
	display: block;
}

.dcw-eform-sample input[type="date"]::-webkit-calendar-picker-indicator {
	background-image: url("/Areas/v1/assets/icon/calendar-black-outline.svg");
	height: 24px;
	width: 24px;
	margin-top: -0.8rem;
	cursor: pointer;
}

.dcw-eform-sample .dcw-eform-dob-icon {
	position: absolute;
	height: 24px;
	width: 24px;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.dcw-eform-sample .dcw-flag-icon {
	position: absolute;
	left: 12px;
	top: 50%;
	transform: translateY(-50%);
	background-size: cover;
	pointer-events: none;
}

.dcw-eform-sample .dcw-phone-field {
	width: 100%;
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 1px #e0e0e0;
	height: 60px;
	padding-top: 0.8rem;
	padding-left: 5rem;
}

.dcw-eform-sample .dcw-input-phone-label {
	position: absolute;
	left: 3rem;
	font-size: 14px;
	color: #8d8d8d;
	top: 20px;
	pointer-events: none;
}

.dcw-eform-sample .dcw-input-countrycode-label {
	position: absolute;
	left: 3rem;
	font-size: 14px;
	color: #8d8d8d;
	top: 1.6rem;
	display: none;
}

.dcw-eform-sample .dcw-input-withplaceholder:focus + .dcw-label-withplaceholder,
.dcw-eform-sample
	.dcw-input-withplaceholder:not(:placeholder-shown)
	+ .dcw-label-withplaceholder {
	font-size: 0.75rem;
	top: 8px;
}

.dcw-eform-sample
	.dcw-phone-field:focus
	+ .dcw-input-phone-label
	+ .dcw-input-countrycode-label,
.dcw-eform-sample
	.dcw-phone-field:not(:placeholder-shown)
	+ .dcw-input-phone-label
	+ .dcw-input-countrycode-label {
	display: block;
}

.dcw-eform-sample .dcw-textarea-field {
	width: 100%;
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 1px #e0e0e0;
	height: 120px;
	padding-left: 1rem;
	padding-top: 1.5rem;
	resize: none;
}

.dcw-eform-sample .dcw-textarea-field:focus {
	outline: none;
}

.dcw-eform-sample .dcw-textarea-label {
	position: absolute;
	left: 1rem;
	font-size: 14px;
	color: #8d8d8d;
	top: 15px;
	pointer-events: none;
}

.dcw-eform-sample .dcw-word-counter {
	text-align: end;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: -0.01em;
	font-weight: 400;
	color: #8d8d8d;
}

.dcw-eform-sample .dcw-input-label {
	position: absolute;
	left: 1rem;
	font-size: 14px;
	color: #8d8d8d;
	top: 20px;
	pointer-events: none;
}

.dcw-eform-sample .dcw-no-spinner::-webkit-outer-spin-button,
.dcw-eform-sample .dcw-no-spinner::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.dcw-eform-sample .dcw-dropdown-list {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	border: 1px solid #ccc;
	background-color: white;
	z-index: 9;
	margin: 10px 0 0 0;
	padding: 0;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	max-height: 210px;
	overflow-y: auto;
	width: 100%;
	overflow-x: hidden;
}

.dcw-eform-sample .dcw-dropdown-list::-webkit-scrollbar {
	width: 8px;
}

.dcw-eform-sample .dcw-dropdown-list::-webkit-scrollbar-track {
	box-shadow: none;
	border-radius: 10px;
}

.dcw-eform-sample .dcw-dropdown-list::-webkit-scrollbar-thumb {
	background: var(--color-background-fill-primary);
	border-radius: 10px;
}

.dcw-eform-sample .dcw-dropdown-list::-webkit-scrollbar-thumb:hover {
	background: var(--color-background-fill-primary);
}

.dcw-eform-sample .dcw-dropdown-item {
	padding: 10px;
	cursor: pointer;
}

.dcw-eform-sample .dcw-dropdown-item:hover {
	background-color: #f0f0f0;
}

.dcw-eform-sample .dcw-dropdown-pendapatan {
	padding: 10px;
	cursor: pointer;
}

.dcw-eform-sample .dcw-dropdown-pendapatan:hover {
	background-color: #f0f0f0;
}

.dcw-eform-sample .dcw-keterangan-text {
	text-align: start;
	margin-top: -25px;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: -0.01em;
	font-weight: 400;
	color: #8d8d8d;
}

.dcw-eform-sample .dcw-checkbox-container {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 1rem;
	padding-top: 1.5rem;
}

.dcw-eform-sample .dcw-checkbox-contents {
	display: flex;
	flex-direction: row;
	gap: 12px;
}

.dcw-eform-sample .dcw-checkbox {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 24px;
	height: 24px;
	border: 1px solid #e0e0e0;
	background-color: #ffffff;
	border-radius: 8px;
	outline: none;
	cursor: pointer;
	position: relative;
	transition:
		background-color 0.3s,
		border-color 0.3s;
}

.dcw-eform-sample .dcw-checkbox:checked {
	background-color: #25a96e;
	border-color: #25a96e;
}

.dcw-eform-sample .dcw-checkbox:checked::after {
	content: "✓";
	position: absolute;
	left: 5.5px;
	top: -1px;
	color: white;
	font-size: 16px;
	font-weight: bold;
}

.dcw-eform-sample .dcw-checkbox-text {
	text-align: start;
	margin-top: 4px;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: -0.01em;
	font-weight: 400;
	color: #1a1a1a;
}

.dcw-eform-sample .dcw-alert-container {
	background-color: #fffbee;
	border-radius: 16px;
	padding: 1rem;
	width: 100%;
	display: flex;
	gap: 0.5rem;
	align-items: center;
	margin: 1rem 0;
}

.dcw-eform-sample .dcw-alert-container .dcw-alert-text {
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #ff8000;
}

.dcw-eform-sample .dcw-alert-container .dcw-alert-text * {
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #ff8000;
}

.dcw-eform-sample .dcw-alert-container .dcw-alert-text a {
	font-size: 14px;
	line-height: 18px;
	font-weight: 700;
	color: #121212;
}

.dcw-eform-sample .dcw-next-button-container {
	display: flex;
	justify-content: center;
	flex-direction: row;
	padding-top: 1.5rem;
}

.dcw-eform-sample .dcw-next-button-contents {
	width: 50%;
	display: flex;
	flex-direction: row;
	gap: 18px;
}

.dcw-eform-sample .dcw-button-prev {
	height: 60px;
	min-width: 160px;
	width: fit-content;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: -0.01em;
	text-align: center;
	border: 1px solid var(--color-background-fill-primary);
	border-radius: var(--corner-radiuscontainer-card-s);
	padding: var(--spacepaddingspace-component-padding-m);
	color: var(--color-background-fill-primary);
	cursor: pointer;
	background-color: white;
}

.dcw-eform-sample .dcw-button-next {
	height: 60px;
	min-width: 160px;
	width: fit-content;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: -0.01em;
	text-align: center;
	cursor: context-menu;
	border: none;
	border-radius: var(--corner-radiuscontainer-card-s);
	padding: var(--spacepaddingspace-component-padding-m);
	color: var(--color-text-text-disabled);
	background-color: var(--color-background-fill-secondary-disabled);
}

.dcw-eform-sample .dcw-button-next-active {
	color: white;
	background-color: var(--color-background-fill-primary);
	cursor: pointer;
}

.dcw-eform-sample .dcw-button-next-active:hover {
	filter: brightness(90%);
}

.dcw-eform-sample .dcw-orange-line-container {
	margin-top: -30px;
	position: fixed;
	height: 5px;
	width: 100%;
	background-color: #ffffff;
	z-index: 100;
}

.dcw-eform-sample .dcw-orange-line {
	display: block;
	height: 5px;
	border-radius: 0 2rem 2rem 0;
	width: 15%;
	background-color: var(--color-background-fill-primary);
}

.dcw-eform-sample .dcw-tnc-text {
	cursor: pointer;
}

.dcw-eform-sample .field-validation-error,
.dcw-eform-sample .field-validation-error * {
	color: #fa4032;
}

.dcw-eform-sample .dcw-full-label {
	width: 100%;
	margin-bottom: 0.5rem;
}

.dcw-eform-sample input:disabled,
.dcw-eform-sample textarea:disabled,
.dcw-eform-sample select:disabled {
	background-color: #d6d6d6;
	color: #a3a3a3;
}

.dcw-eform-sample input::placeholder,
.dcw-eform-sample textarea::placeholder,
.dcw-eform-sample select::placeholder {
	color: #a3a3a3;
}

.dcw-eform-sample select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: none;
	width: 100%;
	cursor: pointer;
	padding-right: 40px;
}

.dcw-eform-sample .dcw-select-wrapper::after {
	content: "⌄";
	font-size: 42px;
	color: #555;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0%, -65%);
	pointer-events: none;
}

.dcw-eform-sample .dcw-form-rich-contents {
	width: 100%;
	margin: 1rem 0;
}

.dcw-eform-sample .dcw-form-rich-contents * {
	font-size: 14px;
	line-height: 18px;
}

.dcw-eform-sample .dcw-form-rich-contents a {
	color: #e84e15;
}

@media screen and (min-width: 1025px) {
	.dcw-eform-sample .dcw-form-content-container {
		width: 60%;
		margin: 0 auto;
	}

	.dcw-eform-sample .dcw-checkbox-container {
		width: 50%;
	}

	.dcw-eform-sample .dcw-form-rich-contents {
		width: 50%;
	}
}

@media screen and (max-width: 380px) {
	.dcw-mobile-appbanner .dcw-iphone {
		height: 13rem !important;
	}

	.dcw-container {
		padding: 0 1rem;
	}
}

@media screen and (max-width: 601px) {
	.dcw-ebank-innertitle .dcw-header-desc img {
		width: 100% !important;
		height: auto !important;
	}

	.dcw-news-richtext .dcw-section-content img,
	.dcw-product-richtext .dcw-section-container img,
	.dcw-faq-richtext .dcw-section-container img,
	.dcw-profile-popup .dcw-section-container img,
	.dcw-faq-sidetab .dcw-section-container img,
	.dcw-rich-sidetab .dcw-section-container img {
		width: 100% !important;
	}

	.dcw-news-richtext .dcw-section-content strong {
		font-weight: 600; /*custom*/
	}

	.dcw-scrollbar-end-container {
		position: absolute;
		left: 1%;
	}

	.dcw-scrollbar-end-star img {
		width: 2rem;
	}

	.dcw-card-content-container-end {
		width: 100% !important;
	}

	.dcw-scrollbar-end {
		height: 43px;
	}

	.dcw-eform-sample .dcw-icon-button-container {
		align-items: center;
	}

	.dcw-eform-sample .dcw-icon-button {
		padding: 10px;
		font-size: 12px;
		line-height: 14px;
	}

	.dcw-eform-sample .dcw-eform-icon {
		margin-top: 10px;
	}

	.dcw-eform-sample .dcw-icon {
		width: 14px;
	}

	.dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-icon-button-container {
		align-items: center;
	}

	.dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-icon-button {
		padding: 10px;
		font-size: 12px;
		line-height: 14px;
	}

	.dcw-eform-sample .dcw-eform-fixed-header .dcw-fixed-icon {
		width: 14px;
	}

	.dcw-eform-sample .dcw-content-header {
		width: 100%;
	}

	.dcw-eform-sample .dcw-form-container {
		width: 100%;
	}

	.dcw-eform-sample .dcw-radio-choice-container {
		gap: 30px;
	}

	.dcw-eform-sample .dcw-next-button-container {
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding-top: 1.5rem;
	}

	.dcw-eform-sample .dcw-next-button-contents {
		width: 100%;
		display: flex;
		flex-direction: column;
	}

	.dcw-eform-sample .dcw-button-prev {
		width: 100%;
	}

	.dcw-eform-sample .dcw-button-next {
		width: 100%;
	}

	.dcw-eform-sample .dcw-checkbox-contents {
		width: 100%;
		gap: 12px;
	}

	.dcw-eform-sample .dcw-checkbox {
		width: 24px;
		height: 24px;
	}

	.dcw-eform-sample .dcw-checkbox-text {
		font-size: 12px;
		margin-top: 5px;
	}

	.dcw-mobile-appbanner .dcw-iphone {
		width: auto !important;
		height: 15rem;
		right: 0 !important;
	}

	.dcw-latestpromo .dcw-content-card-second-row {
		aspect-ratio: 3/2;
	}

	.dcw-faq-richtext .dcw-section-container {
		padding-top: 1rem !important;
	}

	.dcw-card-content-container-end .dcw-card-title {
		font-size: 18px;
	}

	.dcw-card-content-container-end .dcw-card-desc {
		font-size: 16px;
	}

	.dcw-lifejourneyres .dcw-card-end {
		aspect-ratio: unset;
		height: 13rem;
	}

	.dcw-container-padding-up-down {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}

	.dcw-herobanner .hero-highlight {
		height: 60% !important;
	}
}

/** E-form Finish **/
.dcw-eform-finish {
	width: 100%;
	height: 100vh;
	background-color: #f5f5f5;
	box-sizing: border-box;
}

.dcw-eform-finish .dcw-eform-finish-container {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	align-items: center;
	gap: 10px;
	justify-content: center;
}

.dcw-eform-finish .dcw-eform-finish-icon {
	width: 300px;
	height: 200px;
}

.dcw-eform-finish .dcw-eform-finish-header {
	font-size: 24px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 28px;
	text-align: center;
	letter-spacing: -0.01em;
	padding-top: 22px;
}

.dcw-eform-finish .dcw-eform-finish-subtext {
	font-size: 16px;
	font-weight: 400;
	color: #1a1a1a;
	line-height: 20px;
	text-align: center;
	letter-spacing: -0.01em;
	padding-bottom: 22px;
}

.dcw-eform-finish .dcw-eform-finish-button {
	height: 60px;
	width: fit-content;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: -0.01em;
	text-align: center;
	border: none;
	border-radius: var(--corner-radiuscontainer-card-s);
	padding: var(--spacepaddingspace-component-padding-m);
	color: white;
	background-color: var(--color-background-fill-primary);
	cursor: pointer;
}

.dcw-eform-finish .dcw-eform-finish-button:hover {
	filter: brightness(90%);
}

/** Empty State **/
.dcw-empty-state {
	width: 100%;
	height: calc(100vh - 92px);
	background-color: #f5f5f5;
	box-sizing: border-box;
}

.dcw-empty-state .dcw-empty-state-container {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
	align-items: center;
	gap: 10px;
	justify-content: center;
}

.dcw-empty-state .dcw-empty-state-icon {
	width: 300px;
	height: 200px;
}

.dcw-empty-state .dcw-empty-state-header {
	font-size: 24px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 28px;
	text-align: center;
	letter-spacing: -0.01em;
}

.dcw-empty-state .dcw-empty-state-subtext {
	font-size: 16px;
	font-weight: 400;
	color: #1a1a1a;
	line-height: 28px;
	text-align: center;
	letter-spacing: -0.01em;
}

.dcw-empty-state .dcw-back-home-button {
	height: 60px;
	width: 200px;
	font-size: 16px;
	font-weight: 700;
	line-height: 26px;
	letter-spacing: -0.01em;
	text-align: center;
	border: none;
	border-radius: var(--corner-radiuscontainer-card-s);
	padding: var(--spacepaddingspace-component-padding-m);
	color: white;
	background-color: var(--color-background-fill-primary);
	cursor: pointer;
}

.dcw-empty-state .dcw-back-home-button:hover {
	filter: brightness(90%);
}

@media screen and (max-width: 601px) {
	.dcw-empty-state {
		height: calc(100vh - 188px);
	}

	.dcw-product-richtext .dcw-section {
		margin-top: 1rem !important;
	}

	.dcw-progress-container-container {
		position: absolute;
		left: 1%;
	}

	.dcw-progress-container {
		height: 200rem;
	}

	.dcw-lifejourneyres .dcw-content-container {
		width: 100%;
	}
}

/** Image Cards **/
.dcw-image-card {
	width: 100%;
}

.dcw-image-card .dcw-image-card-inner {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	max-width: 1512px !important;
	margin: 0 auto !important;
}

.dcw-image-card .image-card-item {
	flex: 0 0 calc(50%);
	padding: 4px;
	border-radius: 24px;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.dcw-image-card .image-card-item > img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
	aspect-ratio: 3/2;
}

@media screen and (min-width: 400px) {
	.dcw-image-card .image-card-item {
		flex: 0 0 calc(33.333%);
	}
}

@media screen and (min-width: 1024px) {
	.dcw-image-card .image-card-item {
		flex: 0 0 calc(25%);
	}

	.dcw-eform-sample .dcw-alert-container {
		width: 50%;
	}
}

@media screen and (min-width: 1280px) {
	.dcw-image-card .dcw-image-card-inner {
		/* width: 1024px; */
		margin: auto;
	}
}

/** Quick Download **/
.dcw-quick-download {
	padding-bottom: 3.5rem;
}

.dcw-quick-download .dcw-qd-cont {
	width: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 24px;
	overflow: hidden;
	background-color: #ffffff;
	max-width: 1512px !important;
	margin: 0 auto !important;
	cursor: pointer;
}

.dcw-quick-download .dcw-qd-img {
	width: 100%;
}

.dcw-quick-download .dcw-qd-img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.dcw-quick-download .dcw-qd-content {
	width: 100%;
	padding: 2rem 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.dcw-quick-download .dcw-header-title {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.25;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcw-quick-download .dcw-header-desc {
	font-size: 18px;
	line-height: 22px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dcw-quick-download .dcw-button {
	width: fit-content;
	background-color: #e84e15;
	color: #ffffff;
	padding: 24px 16px;
	border-radius: 8px;
}

@media screen and (min-width: 1025px) {
	.dcw-quick-download .dcw-qd-cont {
		flex-direction: row;
	}

	.dcw-quick-download .dcw-qd-img {
		width: 33.33%;
	}

	.dcw-quick-download .dcw-qd-content {
		width: 66.66%;
		padding: 0.8rem 2rem;
	}

	.dcw-quick-download .dcw-header-title {
		font-size: 2rem;
		line-height: 1.25;
		-webkit-line-clamp: 1;
		line-clamp: 1;
	}

	.dcw-quick-download .dcw-header-desc {
		font-size: 10px;
		line-height: 1.4;
		-webkit-line-clamp: 3;
		/* line-clamp: 3; */
	}
}

/* @media (min-width: 1280px) and (max-width: 1439px) {
    body {
      zoom: 0.8;
    }
    .dcw-allkalkulator {
        min-height: calc(130vh + env(safe-area-inset-bottom, 0));
    }
    .dcw-allkalkulator .calculator-form .calculator-inner{
        min-height: 90vh;
    }
    .dcw-welcome-promo{
        width: 125vw;
        height: 125vh;
    }
} */

/* @media (min-width: 1280px) and (max-width: 1439px) {
    body {
      transform: scale(0.8);
      transform-origin: top left;
      width: 125%;
        position: absolute;
      top: 0;
      left: 0;
    }
} */

/* Personal Kartu Kredit */
.crd-body-content {
	padding: 0 1rem;
}

.crd-btn-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	margin: 1rem 0;
	padding: 0 1rem;
}

.crd-btn-container .cta-btn {
	width: 100%;
	color: #ffffff;
	background-color: #e84e15;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 8px;
	padding: 1rem;
	text-align: center;
	display: block;
}

.crd-btn-container .cta-btn-no-bg {
	width: 100%;
	color: #ffffff;
	background-color: #ffffff;
	font-size: 1rem;
	font-weight: 700;
	border-radius: 8px;
	padding: 1rem;
	text-align: center;
	display: block;
	border: 1px solid #e84e15;
	color: #e84e15;
}

.crd-body-content {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
	max-width: 1500px;
	margin: 0 auto;
}
/* End Personal Kartu Kredit */

/* Previlage Benefit */
.arrow-right-icon-container {
	width: 40px;
	height: 40px;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 99999px;
	aspect-ratio: 1/1;
	display: flex;
	justify-content: center;
	align-items: center;
}

.arrow-right-icon-container img {
	width: 15px !important;
	height: 15px !important;
	color: white;
}

.previlage-desc-arrow-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
}

.previlage-card-outline {
	outline: 5px solid #ffd9b3;
	outline-offset: -8px;
	border-radius: 20px;
	z-index: 50;
}

.active-card-outline {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	outline: 8px solid #898989;
	outline-offset: -7px;
	border-radius: 20px;
	z-index: 50;
}

.active-outline-hidden {
	display: none !important;
}
/* End Previlage Benefit */

/* richtext class */
.dcw-alter-content ul li.gold-bullet::marker {
	color: #b3860b;
}

.dcw-alter-content ul li.gold-bullet > * {
	margin-bottom: 8px;
}

.dcw-alter-content ul li.orange-bullet::marker {
	color: #e84e15;
}

.dcw-alter-content ul li.orange-bullet > * {
	margin-bottom: 8px;
}

.gold-link {
	color: #b3860b !important;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 600 !important;
}

.orange-link {
	color: #e84e15 !important;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-weight: 600 !important;
}

.gold-bullet strong {
	font-weight: 600;
}

.orange-bullet strong {
	font-weight: 600;
}

.gold-link img {
	width: 1rem;
	position: static !important;
}

.orange-link img {
	width: 1rem;
	position: static !important;
}

.gold-image {
	height: fit-content !important;
}
/* end richtext class */

.dcw-app-gallery-container {
	display: flex;
	justify-content: space-between;
	gap: 10px;
}

.dcw-welcome-promo .dcw-welcome-container .dcw-header {
	padding-left: 2rem;
	padding-right: 2rem;
}

.quick-download-main-title {
	padding: 0 2rem 2rem 2rem;
	font-size: 24px;
	font-weight: 700;
}

.quick-download-main-title-hidden {
	display: none;
}

.main-quick-download-container {
	padding-top: 2rem;
}

.qa-toggle span {
	font-size: 12px;
}

input[type="range"]::-webkit-slider-thumb {
	box-shadow: none;
	border: 2px solid black !important;
}

input[type="range"]::-webkit-slider-runnable-track {
	box-shadow: none;
}

.dcw-quick-download .dcw-container {
	margin-bottom: 2rem;
}

.dcw-dbankpro-cards-container-ver-new a[href=""] {
	cursor: default;
}

/* Neo App Banner Mobile */
.neo-app-banner-container {
	display: none;
}

.neo-app-banner-mobile {
	display: block;
	width: 100%;
	height: 48rem;
	padding: 2rem 1rem;
	margin-top: 2rem;
	position: relative;
	border-radius: 30px;
}

.neo-app-banner-mobile-background-image {
	position: relative;
	width: 100%;
	height: 100%;
	border-radius: 30px;
}

.neo-app-banner-mobile-background-image img {
	width: 100%;
	height: 100%;
	border-radius: 20px;
}

.neo-app-banner-mobile-contents {
	position: absolute;
	top: 0;
	width: 100%;
	height: fit-content;
}

.neo-app-banner-mobile-contents-item {
	position: relative;
	width: 100%;
	height: 22rem;
}

.neo-app-banner-mobile-bg-pattern {
	width: 100%;
	height: 100%;
}

.neo-app-banner-mobile-phone-img {
	position: absolute;
	top: -55px;
	width: 100%;
}

.neo-app-banner-mobile-contents-text {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: fit-content;
	padding: 0 1rem 2rem 1rem;
	gap: 1.5rem;
}

.neo-app-banner-mobile-contents-text h2,
.neo-app-banner-mobile-contents-text p {
	color: white;
}

.neo-app-banner-mobile-contents-text p {
	font-size: 14px;
}

.neo-app-banner-mobile-contents-btn {
	width: 100%;
	height: fit-content;
	padding: 14px 0;
	display: flex;
	justify-content: center;
	border: 1px solid white;
	border-radius: 8px;
	color: white;
}

.neo-app-banner-mobile-contents-apps-container {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 5px;
}

.neo-app-banner-mobile-contents-apps-item-img img {
	width: 100%;
	height: 100%;
}

.neo-app-banner-mobile-contents-apps-item-img {
	width: 20px;
	height: fit-content;
	display: flex;
	align-items: center;
}

.neo-app-banner-mobile-contents-apps-item {
	display: flex;
	background-color: white;
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	gap: 5px;
	padding: 6px 0;
}

.neo-app-banner-mobile-contents-apps-item-text span:first-child {
	font-size: 6px;
}

.neo-app-banner-mobile-contents-apps-item-text span:nth-child(2) {
	font-size: 8px;
}

.neo-app-banner-mobile-contents-apps-item-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.neo-app-banner-mobile-logo {
	display: flex;
	position: absolute;
	top: -5rem;
	width: 3.5rem;
	justify-content: center;
	align-items: center;
	padding: 7px;
	background-color: white;
	border-radius: 10px;
}

.neo-app-banner-mobile-logo img {
	width: 100%;
	height: 100%;
	border-radius: 0;
}
/* .dcw-header-desc {
    display: flex;
    flex-direction: column;
    gap: 2rem;
} */
.dcw-ebank-innertitle .dcw-header-desc img {
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.dcw-ebank-innertitle {
	width: 100%;
}

.dcw-ebank-innertitle .dcw-header-desc .photo-center {
	display: block;
	margin: 0 auto;
}

.dcw-ebank-innertitle .dcw-header-desc .photo-left {
	display: block;
	margin-left: 0;
	margin-right: auto;
}

.dcw-ebank-innertitle .dcw-header-desc .photo-right {
	display: block;
	margin-left: auto;
	margin-right: 0;
}
/* .dcw-ebank-innertitle .photo-section {
    margin-top: 1rem;
}
.dcw-ebank-innertitle .photo-section h2 {
    margin-bottom: 1rem;
} */
.new-notice-card {
	margin-top: 2rem !important;
}

.result-card-popup {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.result-card-popup-content {
	width: 70%;
	background: white;
	border-radius: 14px;
	padding: 1rem;
	display: flex;
	flex-direction: column;
	position: relative;
}

.result-card-popup-close-btn {
	position: absolute;
	top: -3rem;
	right: 0;
	background: rgba(0, 0, 0, 0.9);
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.result-card-popup-content div {
	font-size: 16px;
	line-height: 1.4;
	font-weight: 700;
	margin-bottom: 0.5rem;
}

.result-card-popup-content span {
	font-size: 12px;
}

@media screen and (min-width: 380px) and (max-width: 1023px) {
	.neo-app-banner-mobile {
		padding: 2rem;
	}
}
/* End Neo App Banner Mobile */

/* Screen Adjustment */
@media (min-width: 767px) {
	.crd-btn-container {
		flex-direction: row;
		padding: 0 2rem;
	}

	.crd-btn-container-center {
		justify-content: center;
	}

	.crd-btn-container-left {
		justify-content: flex-start;
	}

	.crd-btn-container-right {
		justify-content: flex-end;
	}

	.crd-btn-container .cta-btn-no-bg,
	.crd-btn-container .cta-btn {
		width: fit-content;
	}

	.crd-body-content {
		padding: 0 2rem;
	}
	/* Neo App Banner */
	.neo-app-banner-container {
		display: block;
		/* max-width: 786px; */
		margin: 2rem auto 0 auto;
		padding: 0 2rem 0 2rem;
	}

	.neo-app-banner-content {
		padding-top: 2rem;
		position: relative;
		width: 100%;
		height: 350px;
	}

	.neo-app-banner-bg-img-container {
		width: 100%;
		height: 350px;
		border-radius: 20px;
		position: absolute;
		top: 0;
		z-index: 2;
	}

	.neo-app-banner-bg-img-container img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		border-radius: 20px;
	}

	.neo-app-banner-bg-pattern {
		position: absolute;
		top: 0;
		z-index: 5;
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: flex-end;
	}

	.neo-app-banner-bg-pattern-img-container {
		width: fit-content;
		height: 360px;
	}

	.neo-app-banner-bg-pattern-img-container img {
		width: 100%;
		height: 100%;
	}

	.neo-app-banner-text-contents {
		position: absolute;
		top: 0;
		z-index: 7;
		width: 70%;
		height: 350px;
		padding: 2rem 3rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.neo-app-banner-logo-img-container {
		width: 72px;
		height: 72px;
		background-color: white;
		padding: 10px;
		border-radius: 15px;
	}

	.neo-app-banner-logo-img-container img {
		width: 100%;
		height: 100%;
	}

	.neo-app-banner-text-contents-header {
		display: flex;
		align-items: center;
		gap: 1rem;
	}

	.neo-app-banner-text-contents-header h3 {
		color: white;
		font-size: 24.41px;
	}

	.neo-app-banner-text-contents-description p {
		font-size: 10px;
		color: white;
	}

	.neo-app-banner-text-contents-download-btn {
		font-size: 10px;
		color: white;
		font-weight: 800;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 130px;
		height: 50px;
		border: 1px solid white;
		border-radius: 10px;
	}

	.neo-app-banner-text-contents-apps {
		display: flex;
		align-items: center;
		gap: 10px;
		width: 70%;
	}

	.neo-app-banner-text-contents-apps-item {
		width: 104px;
		height: 46px;
		background-color: white;
		border-radius: 10px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 5px;
	}

	.neo-app-banner-text-contents-apps-item-img {
		width: 1.5rem;
		height: 1.5rem;
	}

	.neo-app-banner-text-contents-apps-item-img img {
		width: 100%;
		height: 100%;
	}

	.neo-app-banner-text-contents-apps-item-text {
		display: flex;
		flex-direction: column;
	}

	.neo-app-banner-text-contents-apps-item-text span:first-child {
		font-size: 6px;
	}

	.neo-app-banner-text-contents-apps-item-text span:nth-child(2) {
		font-size: 10px;
		font-weight: 700;
	}

	.neo-app-banner-phone {
		top: 0;
		z-index: 6;
		position: absolute;
		width: 100%;
		height: 350px;
		display: flex;
		justify-content: flex-end;
		padding-right: 2rem;
	}

	.neo-app-banner-phone-img-container {
		position: absolute;
		width: 20rem;
		height: fit-content;
		top: -60px;
	}

	.neo-app-banner-phone-img-container img {
		width: 100%;
		height: 100%;
	}

	.neo-app-banner-mobile {
		display: none;
	}
	/* End Neo App Banner */
}

/* tampilan 1025 */
@media (min-width: 1025px) {
	.dcw-header-desktop .header-logo a:first-child {
		visibility: hidden;
	}

	.logo-overlay {
		width: 8rem;
		display: flex;
		height: 90px;
		background-color: white;
		position: absolute;
		top: 5px;
		left: -65px;
		border-radius: 0 0 10px 10px;
		box-shadow: rgba(0, 0, 0, 0.15) 0 1.95px 0;
		padding: 15px;
	}

	.logo-overlay img {
		width: 100% !important;
		height: 100%;
		object-fit: contain;
	}

	.news-slider-container .hero-description {
		width: 30%;
	}

	.news-slider-container .hero-title {
		width: 30%;
	}

	.dcw-news-heroslider .hero-content {
		max-width: none !important;
		width: 90% !important;
		padding-right: 0 !important;
	}

	.dcw-product-herobanner {
		height: 100%;
		aspect-ratio: 16/7;
		object-position: top;
	}

	.hero-product-big-banner .hero-product-description {
		width: 30%;
	}

	/* home slider popup */
	.dcw-lifejourneyres .dcw-card-content,
	.dcw-card-content-container-end .dcw-card-title {
		font-size: 16px;
	}

	.dcw-lifejourneyres .dcw-content .dcw-content-icon {
		padding-left: 0;
		padding-right: 0;
	}

	.dcw-lifejourneyres .toggleContainer {
		font-size: 14px;
	}

	.dcw-lifejourneyres .dcw-switch-container {
		width: 50%;
	}

	.dcw-lifejourneyres .dcw-desc,
	.dcw-card-content-container-end .dcw-card-desc {
		font-size: 14px;
	}

	.dcw-lifejourneyres .dcw-content .dcw-content-icon .dcw-icon-button {
		font-size: 12px;
		padding: 12px;
	}

	.dcw-lifejourneyres .dcw-content {
		height: 100vh;
		overflow-y: scroll;
		max-width: 768px;
		margin: 0 auto;
	}

	.dcw-lifejourneyquest .dcw-button-prev,
	.dcw-lifejourneyquest .dcw-button-next {
		font-size: 12px;
	}

	.dcw-lifejourneyquest .dcw-content-card {
		aspect-ratio: 1/1;
		width: 180px;
		height: 100%;
	}

	.dcw-lifejourneyquest .dcw-content-card-container {
		gap: 1rem;
		display: grid;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.dcw-lifejourneyquest
		.dcw-content
		.dcw-content-lifejourneyquest
		.dcw-subtitle {
		font-size: 12px;
	}

	.dcw-lifejourneyquest .dcw-content .dcw-content-lifejourneyquest .dcw-title,
	.dcw-lifejourneyres .dcw-title,
	.dcw-lifejourneyres .dcw-card-container-title,
	.dcw-lifejourneyres
		.dcw-card-content-container-end
		.dcw-card-container-title {
		font-size: 24px;
	}

	.dcw-lifejourneyquest .dcw-content .dcw-content-icon .dcw-close-button {
		font-size: 30px;
	}

	.dcw-lifejourneyquest .dcw-content .dcw-content-icon .dcw-icon-button {
		font-size: 12px;
		padding: 12px;
	}

	.dcw-lifejourneyquest .dcw-content {
		padding-right: 0;
		padding-left: 0;
	}

	.dcw-lifejourneyquest .dcw-content.sub-content {
		max-width: 786px;
	}
	/* end home slider popup */

	.custom-news-img-container {
		height: 100%;
		aspect-ratio: 3/2;
	}
	/* Header */
	.header-tools .header-search,
	.header-tools .header-calculator {
		display: flex;
		align-items: center;
	}

	.header-logo img {
		/* width: 70px; */
		width: 60px;
	}

	.dcw-header-desktop .header-logo {
		padding: 0;
	}

	.header-menus a {
		font-size: 12px;
		/* @media (min-width: 1100px) {
            font-size: 14px;
        } */
	}

	.dcw-header-desktop .header-tools {
		padding: 0;
	}

	.header-tool img {
		/* width: 30px; */
		width: 20px;
	}

	.active-language img {
		width: 20px;
	}

	#header {
		/* padding: 0 2rem; */
		/* margin: 0 auto; */
		/* max-width: 1500px; */
		/* max-width: 786px;
		position: relative; */
	}

	.active-language {
		font-size: 12px;
	}
	/* End Header */

	/* Banner */
	.custom-hero-content-container {
		width: 45%;
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.dcw-herobanner .hero-small-slider .hero-content {
		/* font-size: 1rem; */
		font-size: 12.5px;
	}

	.dcw-herobanner .hero-highlight .hero-subtitle,
	.dcw-herobanner .hero-highlight .hero-button {
		font-size: 15.63px;
	}
	/* End Banner */

	/* Product Slider */
	.dcw-productslider .dcw-header-title {
		/* font-size: 1.563rem; */
		font-size: 19.53px;
	}

	.dcw-productslider .dcw-header {
		max-width: 786px;
	}

	.dcw-productslider .dcw-card-container {
		max-width: 786px;
		margin: 0 auto;
	}
	/* End Product Slider */

	/* Latest Promo */
	.dcw-latestpromo .dcw-main-content {
		gap: 6px;
	}

	.dcw-latestpromo .dcw-round-icon {
		width: 60px;
		height: 60px;
	}

	.dcw-latestpromo .dcw-header {
		max-width: 786px;
	}

	.dcw-latestpromo .dcw-header-title {
		font-size: 19.53px;
	}

	.dcw-latestpromo .dcw-card-container {
		max-width: 786px;
	}
	/* End Latest Promo */

	/* Kurs Transaksi */
	.dcw-exchangerate .dcw-tag-img {
		width: 60px;
		height: 60px;
	}

	.dcw-exchangerate .dcw-header {
		max-width: 786px;
	}

	.dcw-exchangerate .dcw-card-container {
		max-width: 786px;
	}

	.dcw-exchangerate th,
	.dcw-exchangerate td {
		font-size: 10px;
	}

	.dcw-exchangerate .dcw-kurs-container span {
		font-size: 10px;
	}

	.dcw-exchangerate .dcw-card-exchange-title {
		font-size: 10px;
	}

	.dcw-exchangerate .dcw-card-desc {
		font-size: 10px;
	}

	.dcw-exchangerate .dcw-hitung-btn {
		font-size: 15.63px;
	}

	.dcw-exchangerate .dcw-currency input {
		font-size: 15.63px;
	}

	.dcw-exchangerate .dcw-card-subtitle {
		font-size: 10px;
	}
	/* End Kurs Transaksi */

	/* Berita Terbaru */
	.dcw-home-latestnews .dcw-header-title {
		font-size: 19.53px;
	}
	/* End Berita Terbaru */

	/* App Banner */
	.dcw-home-appbanner {
		/* max-width: 1500px; */
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-home-appbanner .dcw-description {
		font-size: 10px;
	}

	.dcw-home-appbanner .app-subtitle {
		font-size: 6px;
	}
	/* End App Banner */

	/* Footer */
	.dcw-footerlinks-cont {
		/* max-width: 1500px; */
		max-width: 786px;
		margin: 0 auto;
		/* padding: 0 2rem !important; */
	}

	.footer-menu a {
		font-size: 10px;
		/* font-size: 16px; */
	}

	.footer-menu-subs .footer-menu-item > a {
		font-size: 9px;
	}

	.footer-menu-box .footer-menu-cat {
		font-size: 10px;
	}

	.footer-company .company-title {
		font-size: 10px;
	}

	.footer-company .company-cont {
		padding: 0 0 0.5rem 0;
	}

	.footer-menu-subs.office .footer-menu-item > p {
		font-size: 9px;
	}

	.company-cont img {
		width: 6rem;
	}

	.footer-footnote {
		font-size: 9px;
	}
	/* End Footer */

	/* Personal Page */
	.dcw-subproduct-slider .dcw-card-container {
		max-width: 786px;
	}

	.dcw-product-promo .dcw-header {
		max-width: 786px;
	}

	.dcw-product-promo .dcw-card-container {
		max-width: 786px;
	}

	.dcw-product-promo .dcw-header-title {
		font-size: 19.53px;
	}
	/* End Personal Page */

	/* Search Page */
	.dcw-search-page .dcw-search-pagination,
	.dcw-search-page .dcw-search-pagination ul {
		margin: 1rem 0rem 1rem 0rem !important;
	}
	/* End Search Page */

	/* Moments In Life */
	.dcw-lifejourney-lp .dcw-content {
		padding: 0;
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-breadcrumb-container a {
		font-size: 10px;
	}

	.dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-title {
		font-size: 19.53px;
	}

	.dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-subtitle {
		font-size: 10px;
	}

	.dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-header {
		margin-top: 1rem;
	}

	.dcw-lifejourney-lp .dcw-title-text {
		font-size: 15.63px;
	}

	.dcw-lifejourney-lp .dcw-desc-text {
		font-size: 12px;
	}
	/* End Moments In Life */

	/* Personal Simpanan */
	.dcw-breadcrumb-container.dcw-container {
		padding-left: 0;
		padding-right: 0;
		padding: 0 !important;
	}

	.half-banner .hero-product-content {
		align-items: center !important;
	}

	.hero-product-big-banner .hero-product-content {
		width: 90%;
		align-items: flex-start;
	}

	.dcw-subproduct-filter .dcw-arrow-right {
		font-size: 15.63px;
	}

	.dcw-product-promo .dcw-round-icon {
		width: 60px;
		height: 60px;
	}
	/* End Personal Simpanan */

	/* Danamon Save */
	.dcw-fiturproduct .dcw-title-tag {
		font-size: 2rem;
	}

	.dcw-quick-download .dcw-container {
		max-width: 786px;
		margin: 0 auto 2rem auto;
	}

	.dcw-fiturproduct {
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-fiturproduct .dcw-header-title {
		font-size: 19.53px;
	}

	.dcw-fiturproduct .dcw-card-container {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dcw-fiturproduct .dcw-card-product-content-container {
		font-size: 10px;
	}

	.dcw-product-richtext .dcw-section-content-container h3,
	.dcw-faq-sidetab .dcw-section-content-container h3,
	.dcw-rich-sidetab .dcw-section-content-container h3 {
		font-size: 19.53px;
	}

	.dcw-product-richtext .dcw-section-content-container p,
	.dcw-faq-sidetab .dcw-section-content-container p,
	.dcw-rich-sidetab .dcw-section-content-container p {
		font-size: 10px;
	}

	.dcw-product-richtext .dcw-section-content-container table td,
	.dcw-product-richtext .dcw-section-content-container table b,
	.dcw-product-richtext .dcw-section-content-container table th,
	.dcw-faq-sidetab .dcw-section-content-container table td,
	.dcw-faq-sidetab .dcw-section-content-container table b,
	.dcw-faq-sidetab .dcw-section-content-container table th,
	.dcw-rich-sidetab .dcw-section-content-container table td,
	.dcw-rich-sidetab .dcw-section-content-container table b,
	.dcw-rich-sidetab .dcw-section-content-container table th {
		font-size: 10px;
	}
	/* End Danamon Save */

	/* Reksa Dana Pasar Uang */
	.dcw-fiturproduct-alt .dcw-header-title {
		font-size: 19.53px;
	}
	/* End Reksa Dana Pasar Uang */

	/* Syariah */
	.toggle-item-left,
	.toggle-item-right {
		font-size: 15.63px;
	}
	/* End Syariah */

	/* Privilege */
	.dcw-feature-dbankpro .dcw-dbank-headline {
		max-width: 786px;
	}
	/* End Privilege */

	/* Home Berita */
	.dcw-home-latestnews .dcw-header {
		max-width: 786px;
	}

	.dcw-home-latestnews .dcw-filter-container {
		max-width: 786px;
	}

	.dcw-home-latestnews .dcw-card-container {
		max-width: 786px;
	}
	/* End Home Berita */

	/* Previlege Benefit */
	.dcw-feature-dbankpro .dcw-dbankpro-cards-container {
		gap: 1rem;
	}
	/* End Previlege Benefit */

	/* Banner Danamon Privilege */
	.dcw-video-slider .hero-big-banner {
		/* max-width: 786px; */
		margin: 0 auto;
		width: 90%;
	}
	/* End Banner Danamon Privilege */

	/* Cards Images Privilage */
	.dcw-cards-images .dcw-cardsimages-main {
		max-width: 786px;
	}

	.dcw-cards-images .dcw-cardsimages-title {
		font-size: 19.53px;
		line-height: 1.4;
	}

	.dcw-cards-images .dcw-cardsimages-desc {
		/* font-size: 15.63px; */
		font-size: 10px;
	}

	.dcw-cards-images .cardsimages-cards-title {
		font-size: 12.5px;
		line-height: 1.4;
	}

	.dcw-cards-images .cardsimages-cards-desc {
		-webkit-line-clamp: 3;
		font-size: 10px;
		line-height: 1.4;
	}

	.dcw-cards-images .cardsimages-cards-more {
		font-size: 10px;
		line-height: 1.4;
	}
	/* End Cards Images Privilage */

	/* Wealth Growth Preservation */
	.dcw-colorable-cards .dcw-main-content {
		max-width: 786px;
	}
	/* End Wealth Growth Preservation */

	/* News */
	.dcw-ebank-innertitle .dcw-header,
	.dcw-news-filters,
	.dcw-news-heroslider .hero-content {
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-news-filters .dcw-newsfilter-wrapper {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
		row-gap: 1.8rem;
		justify-content: space-between;
	}

	.news-slider-container .hero-title {
		font-size: 30.52px;
	}

	.news-slider-container .hero-description,
	.news-slider-container .hero-button {
		font-size: 15.63px;
	}

	.dcw-news-filters .dcw-content-card-second-row-child {
		height: fit-content;
	}

	.dcw-news-filters .dcw-card-background {
		aspect-ratio: 3/2;
	}

	.dcw-news-filters .dcw-card-subtitle {
		font-size: 10px;
	}

	.dcw-news-filters .dcw-time-desc {
		font-size: 8px;
	}

	.dcw-news-filters .dcw-card-title {
		font-size: 12.5px;
		line-height: 1.4;
	}

	.dcw-mobile-appbanner .dcw-title-logo {
		align-items: center;
	}

	.dcw-mobile-appbanner .dcw-description {
		display: none;
	}

	.dcw-mobile-appbanner .dcw-description-lg {
		display: block;
		font-size: 10px;
	}

	.dcw-mobile-appbanner .dcw-download-sekarang {
		font-size: 10px;
	}
	/* End News */

	/* Merchant QR */
	.hero-product-big-banner .hero-product-content {
		/* max-width: 786px; */
		margin: 0 auto;
	}

	.dcw-ebanking-table-richtext {
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-ebanking-table-richtext th,
	.dcw-ebanking-table-richtext td,
	.dcw-ebanking-table-richtext p {
		font-size: 10px;
	}

	.dcw-image-card {
		max-width: 786px;
		margin: 0 auto;
	}

	.hero-product-big-banner .hero-product-title {
		width: 30%;
		font-size: 30.52px;
	}

	.hero-product-big-banner .hero-product-description,
	.hero-product-big-banner .hero-product-button {
		font-size: 15.63px;
	}

	.dcw-alter-content .dcw-alter-text-title {
		font-size: 19.53px;
	}

	.dcw-alter-content .dcw-alter-text-content p,
	.dcw-alter-content .dcw-alter-text-content a {
		font-size: 10px;
	}

	.dcw-faq-sidetab h2 {
		font-size: 19.53px;
	}

	.dcw-faq-sidetab .dcw-faq-item span {
		font-size: 15.63px;
	}
	/* End Merchant QR */

	/* Personal Simpanan */
	.hero-product-big-banner .hero-product-subtitle {
		font-size: 15.63px;
	}

	.hero-product-big-banner .hero-product-title {
		font-size: 30.52px;
	}

	.dcw-product-herobanner.half-banner .hero-product-title {
		font-size: 19.53px;
	}

	.dcw-subproduct-filter .dcw-header {
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-subproduct-filter .dcw-filter-container {
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-subproduct-filter .dcw-card-container {
		max-width: 786px;
	}
	/* End Personal Simpanan */

	/* Personal Investasi */
	.dcw-quick-download .dcw-header-tag {
		font-size: 10px;
	}

	.dcw-quick-download .dcw-header-title {
		font-size: 19.53px;
	}

	.dcw-quick-download .dcw-button {
		font-size: 10px;
		padding: 15px 16px;
	}

	.dcw-tentang-subitem .dcw-card-container {
		max-width: 786px;
	}

	.dcw-fiturproduct-alt .dcw-card-container {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.dcw-fiturproduct-alt .dcw-card-product-content-container {
		width: 100%;
		font-size: 10px;
	}

	.dcw-fiturproduct-alt .dcw-card-header-icon {
		width: 80%;
	}
	/* End Personal Investasi */

	/* Business */
	.dcw-laptop-appbanner .dcw-description-lg {
		font-size: 10px;
	}

	.dcw-laptop-appbanner .dcw-download-sekarang {
		font-size: 10px;
	}
	/* End Business */

	/* Syariah */
	.dcw-subproduct-slidersyariah .dcw-card-container {
		max-width: 786px;
		margin: 0 auto;
	}
	/* End Syariah */

	/* Promo Page */
	.dcw-promo-filter {
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-promo-filter .dcw-header-title {
		font-size: 19.53px;
	}
	/* End Promo Page */

	/* Promo Detail */
	.dcw-product-herobanner.center-banner {
		width: 100%;
		height: 100%;
		aspect-ratio: 4/1;
		/* height: calc(85vh - 92px); */
	}

	.dcw-promodetail {
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-promodetail-date {
		font-size: 12px;
	}

	.promodetail-tags-item {
		font-size: 10px;
	}
	/* End Promo Detail */

	/* News Detail */
	.dcw-news-richtext .dcw-share-title,
	.dcw-news-richtext .dcw-section-date {
		font-size: 12px !important;
	}

	.dcw-news-richtext .tags-item {
		font-size: 10px;
	}

	.dcw-news-richtext .dcw-section-content p,
	.dcw-news-richtext .dcw-section-content b,
	.dcw-news-richtext a.cta-btn,
	.dcw-news-richtext .dcw-section-content table td,
	.dcw-news-richtext .dcw-table-cont th {
		font-size: 10px;
	}

	/*custom bold*/
	.dcw-news-richtext .dcw-section-content strong {
		font-weight: 600; /*custom*/
	}
	/*end custom bold*/
	/* End News Detail */

	/* Ebanking Page */
	.dcw-ebanking-subcategory .dcw-card-background {
		aspect-ratio: 3/2;
	}

	.dcw-ebanking-subcategory .dcw-card-description {
		font-size: 10px;
	}
	/* End Ebanking Page */

	/* DbankPro */
	.dcw-ebanking-cards .dcw-ebanking-main {
		max-width: 786px;
		margin: 0 auto;
		justify-content: space-between;
	}

	.dcw-ebanking-cards .dcw-reason-container span,
	.dcw-ebanking-cards .dcw-reason-item h2 {
		font-size: 19.53px;
	}

	.dcw-ebanking-cards .dcw-reason-item p {
		font-size: 10px;
	}
	/* End DbankPro */

	/* Flazz Page */
	.dcw-ebanking-description-slider .dcw-ebanking-description-slider-main {
		max-width: 786px;
	}

	.dcw-ebanking-sub.dcw-ebanking-sub-1 {
		position: relative;
		z-index: 20;
	}

	.dcw-ebanking-table-richtext h2 {
		font-size: 16px;
	}
	/* End Flazz Page */

	/* Dcash Connect */
	.dcw-screen-limiter {
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-ebanking-cards .dcw-notice-container .notice-title,
	.new-notice-card .dcw-notice-container .notice-title {
		font-size: 12px;
	}

	.dcw-ebanking-cards .dcw-notice-container .notice-desc,
	.new-notice-card .dcw-notice-container .notice-desc {
		font-size: 10px;
	}
	/* End Dcash Connect */

	/* Digital Onboarding */
	.dcw-full-richtext {
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-full-richtext p {
		font-size: 10px;
	}
	/* End Digital Onboarding */

	/* Struktur Manajemen */
	.dcw-profile-popup .dcw-section-content-container h3,
	.dcw-faq-sidetab .dcw-section-content-container h3,
	.dcw-rich-sidetab .dcw-section-content-container h3 {
		font-size: 19.53px;
	}

	.dcw-profile-popup .profile-card-img {
		height: unset;
		aspect-ratio: 3/2;
	}

	.dcw-profile-popup .profile-card {
		height: 100%;
	}

	.dcw-profile-popup .profile-card-summary .profile-summary-name {
		font-size: 16px;
	}

	.dcw-profile-popup .profile-card-summary .profile-summary-title {
		font-size: 14px;
	}

	.dcw-profile-popup .profile-card-summary {
		gap: 0;
	}

	.dcw-profile-popup .profile-card {
		border-radius: 12px;
	}
	/* End Struktur Manajemen */

	/* Penghargaan */
	.dcw-rich-sidetab {
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-rich-sidetab .dcw-section-container h2 {
		font-size: 19.53px;
	}

	.dcw-rich-sidetab .dcw-section-container {
		width: 75%;
	}

	.dcw-rich-sidetab .dcw-rich-content table th,
	.dcw-rich-sidetab .dcw-rich-content table td,
	.dcw-rich-sidetab .dcw-rich-content ol li::marker {
		font-size: 10px;
	}
	/* End Penghargaan */

	/* Aksi */
	.dcw-faq-richtext {
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-faq-richtext .dcw-section-content-container h3,
	.dcw-faq-sidetab .dcw-section-content-container h3 {
		font-size: 19.53px;
	}

	.dcw-faq-richtext .dcw-section-content-container p,
	.dcw-faq-sidetab .dcw-section-content-container p,
	.dcw-rich-sidetab .dcw-section-content-container p {
		font-size: 10px;
	}

	.dcw-faq-richtext .dcw-faq-item span {
		font-size: 15.63px;
	}
	/* End Aksi */

	/* Dividen */
	.dcw-faq-richtext .dcw-section-content-container table.table-alt th,
	.dcw-faq-richtext .dcw-section-content-container table.table-alt td,
	.dcw-faq-richtext .dcw-section-content-container ol li::marker {
		font-size: 10px;
	}
	/* End Dividen */

	/* Obligasi */
	.dcw-faq-richtext ul li {
		font-size: 10px;
	}
	/* End Obligasi */

	/* Lembaga Profesi Penunjang */
	.dcw-faq-richtext .dcw-cardsgrid .dcw-cardsgrid-item,
	.dcw-faq-sidetab .dcw-cardsgrid .dcw-cardsgrid-item {
		padding: 1rem;
		justify-content: flex-start;
	}
	/* End Lembaga Profesi Penunjang */

	/* ATM */
	.dcw-search-list {
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-search-list .dcw-search-input input {
		font-size: 10px;
	}

	.dcw-search-pagination li {
		font-size: 10px;
	}
	/* End ATM */

	/* Cabang */
	.dcw-search-list .dcw-search-type .search-type-item {
		font-size: 10px;
	}

	.dcw-accordion-list {
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-accordion-list h3 {
		font-size: 19.53px;
	}

	.dcw-accordion-list .accordion-item-title {
		font-size: 15.63px;
	}

	.dcw-accordion-list .accordion-item-content table td,
	.dcw-accordion-list .accordion-item-content table th {
		font-size: 10px;
	}
	/* End Cabang */

	/* Dasar Kredit */
	.dcw-full-richtext table th,
	.dcw-full-richtext table td {
		font-size: 10px;
	}

	.dcw-full-richtext h3 {
		font-size: 15.63px;
	}

	.dcw-full-richtext p,
	.dcw-full-richtext li,
	.dcw-full-richtext a {
		font-size: 10px;
	}
	/* End Dasar Kredit */

	/* Produk */
	.dcw-dynamic-content .dcw-filter-container,
	.dcw-sukubunga-table .dcw-filter-header,
	.dcw-sukubunga-table .dcw-table-sukubungamain,
	.dcw-sukubunga-table .dcw-extratext-container {
		max-width: 786px;
	}

	.dcw-sukubunga-table .dcw-header-filter {
		width: 50%;
		line-height: 1.4;
		font-size: 19.53px;
	}

	.dcw-sukubunga-table .dcw-currency-sukubunga .dcw-space-item {
		font-size: 15.63px;
	}

	.dcw-sukubunga-table table th,
	.dcw-sukubunga-table table td,
	.dcw-sukubunga-table .dcw-extratext-contents {
		font-size: 10px;
	}
	/* End Produk */

	/* Informasi Biaya */
	.dcw-fullrich-card .dcw-fullrich-card-container {
		max-width: 786px;
	}

	.dcw-fullrich-card .dcw-fullrich-card-container .dcw-card-title,
	.dcw-fullrich-card .dcw-fullrich-card-container li,
	.dcw-fullrich-card .dcw-fullrich-card-container p {
		font-size: 10px;
	}
	/* End Informasi Biaya */

	/* e-form */
	.dcw-eform-filters .dcw-filter-container,
	.dcw-eform-filters .dcw-card-container .dcw-section {
		max-width: 786px;
	}

	.dcw-eform-filters .eform-title,
	.dcw-eform-filters .eform-label,
	.dcw-eform-filters .load-more-btn {
		font-size: 15.63px;
	}

	.dcw-eform-filters .eform-title {
		padding-right: 20px;
		font-size: 13.63px !important;
	}

	.dcw-eform-filters .load-more-btn {
		padding: 0.5rem 2rem;
		font-size: 13.63px !important;
	}

	.dcw-eform-filters .eform-label {
		font-size: 12px;
	}
	/* End e-form */

	/* Eform Sample-1 */
	.dcw-eform-sample .dcw-content-header,
	.dcw-eform-sample .dcw-form-container,
	.dcw-eform-sample .dcw-checkbox-container,
	.dcw-eform-sample .dcw-alert-container,
	.dcw-eform-sample .dcw-form-rich-contents,
	.dcw-eform-sample .dcw-next-button-contents {
		width: 100%;
	}

	.dcw-eform-sample form {
		width: 100%;
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-eform-sample .dcw-next-button-contents {
		justify-content: center;
	}

	.dcw-eform-sample .dcw-break-word,
	.dcw-eform-sample h2.dcw-content-header-title,
	.dcw-eform-sample .dcw-content-header {
		font-size: 15.63px;
	}

	.dcw-eform-sample .dcw-content-header-desc,
	.dcw-eform-sample .dcw-form-input-content,
	.dcw-eform-sample .dcw-radio-choice,
	.dcw-checkbox-container label {
		font-size: 10px;
	}
	/* .dcw-eform-sample .dcw-alert-container .dcw-alert-text, .dcw-eform-sample .dcw-input-withplaceholder:focus + .dcw-label-withplaceholder, .dcw-eform-sample .dcw-input-withplaceholder:not(:placeholder-shown) + .dcw-label-withplaceholder {
        font-size: 12px;
    } */
	/* End Eform Sample-1 */

	/* Search */
	.dcw-search-page .dcw-search-input,
	.dcw-search-page .dcw-search-type,
	.dcw-search-page .dcw-search-count,
	.dcw-search-page .dcw-search-container {
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-search-page .dcw-search-type {
		padding: 0;
	}

	.dcw-search-page .dcw-search-type .search-type-item {
		font-size: 10px;
		height: fit-content;
	}

	.dcw-search-page .dcw-search-result .search-card-category,
	.dcw-search-page .dcw-search-result .search-card-desc {
		font-size: 10px;
	}

	.dcw-search-page .dcw-search-result .search-card-title {
		font-size: 15.63px;
	}

	.dcw-search-page .dcw-search-result .search-card-link {
		font-size: 12px;
	}
	/* End Search */

	/* Personal Investasi */
	.quick-download-main-title {
		padding: 0 0 2rem 0;
		font-size: 19.53px;
		max-width: 786px;
		margin: 0 auto;
	}
	/* End Personal Investasi */

	/* Privilege */
	.dcw-colorable-cards .dcw-card-title {
		font-size: 15.63px;
	}

	.dcw-colorable-cards .dcw-card-description,
	.dcw-colorable-cards .dcw-hyperlink-text {
		font-size: 10px;
	}

	.dcw-pointcard-slider .dcw-head-title {
		max-width: 786px;
		font-size: 19.53px;
	}

	.dcw-pointcard-slider .dcw-main-container {
		max-width: 786px;
		margin: 0 auto;
	}

	.dcw-pointcard-slider .points-title {
		font-size: 15.63px;
	}

	.dcw-pointcard-slider .point-num {
		width: 20px;
		height: 20px;
		font-size: 10px;
	}

	.dcw-pointcard-slider .points-content p,
	.dcw-pointcard-slider .points-content li,
	.dcw-pointcard-slider.privilege-theme .main-content-button > a {
		font-size: 10px;
	}

	.dcw-pointcard-slider .main-content-button > a {
		padding: 1rem;
	}
	/* End Privilege */

	/* Fin Adjustment */
	.dcw-herobanner {
		min-height: unset;
		height: 100%;
		aspect-ratio: 16/7;
	}

	.dcw-home-appbanner .dcw-content-header {
		gap: 10px;
	}

	.dcw-home-appbanner .dcw-appbanner-content {
		gap: 17px;
	}
	/* End Fin Adjustment */

	/* Neo App Banner */
	.neo-app-banner-container {
		max-width: 786px;
		padding: 0;
	}
	/* End Neo App Banner */

	.search-image-section {
		display: block !important;
	}

	/* .dcw-product-herobanner.half-banner {
        height: 300px;
        aspect-ratio: unset;
    } */

	.dcw-faq-richtext .dcw-cardsgrid img,
	.dcw-faq-sidetab .dcw-cardsgrid img {
		margin: 0 0 1rem 0;
	}

	.dcw-contact-cards .dcw-contact-card {
		min-width: unset;
	}

	.dcw-contact-cards .dcw-card-title {
		font-size: 16px;
	}

	.dcw-contact-cards .dcw-card-description {
		font-size: 10px;
	}

	.dcw-product-richtext .dcw-section-container {
		width: 75%;
	}

	.dcw-faq-sidetab .dcw-section-container {
		width: 75%;
	}

	.dcw-pdf-popup .dcw-popup-content {
		padding: 0 2rem;
	}

	.dcw-video-slider .dcw-video-popup .dcw-popup-content {
		padding: 0 2rem;
	}

	.result-card-popup-content {
		width: 30%;
	}
}

/* tampilan 1280 */
@media (min-width: 1280px) {
	.dcw-lifejourneyres .dcw-content {
		max-width: 940px;
	}

	.dcw-lifejourneyquest .dcw-content-card {
		width: 200px;
	}

	.dcw-lifejourneyquest .dcw-content.sub-content {
		max-width: 940px;
	}

	.header-menus a {
		font-size: 12px;
	}

	.header-logo img {
		width: 60px;
	}

	.header-tool img {
		width: 30px;
	}

	.dcw-header-desktop .header-tools {
		gap: 1rem;
	}

	#header {
		/* max-width: 940px; */
	}

	.dcw-herobanner .hero-highlight .hero-content {
		/* max-width: 940px; */
	}

	.dcw-productslider .dcw-header {
		max-width: 940px;
	}

	.dcw-productslider .dcw-card-container {
		max-width: 940px;
	}

	.dcw-herobanner .hero-highlight .hero-subtitle,
	.dcw-herobanner .hero-highlight .hero-button {
		font-size: 18.75px;
	}

	.dcw-herobanner .hero-highlight .hero-title {
		font-size: 36.62px;
	}

	.dcw-herobanner .hero-small-slider .hero-slider-title {
		font-size: 18.75px;
	}

	.dcw-herobanner .hero-small-slider .hero-content {
		font-size: 15px;
	}

	.dcw-productslider .dcw-header-title {
		font-size: 24px;
	}

	.dcw-productslider .dcw-arrow-right {
		font-size: 18.75px;
	}
	/* .dcw-productslider .dcw-card-title{
        font-size: 18.75px;
    } */

	/* Transaksi kurs */
	.dcw-exchangerate .dcw-header {
		max-width: 940px;
	}

	.dcw-exchangerate .dcw-card-container {
		max-width: 940px;
	}

	.dcw-exchangerate .dcw-header-title {
		font-size: 24px;
	}

	.dcw-exchangerate .dcw-card-title {
		font-size: 18.75px;
	}

	.dcw-exchangerate th,
	.dcw-exchangerate td {
		font-size: 12px;
	}

	.dcw-exchangerate .dcw-kurs-container span {
		font-size: 10px;
	}

	.dcw-exchangerate .dcw-card-exchange-title {
		font-size: 12px;
	}

	.dcw-exchangerate .dcw-card-desc {
		font-size: 12px;
	}

	.dcw-exchangerate .dcw-hitung-btn {
		font-size: 18.75px;
	}

	.dcw-exchangerate .dcw-currency input {
		font-size: 18.75px;
	}

	.dcw-exchangerate .dcw-card-subtitle {
		font-size: 12px;
	}
	/* End Transaksi kurs */

	/* Latest Promo */
	.dcw-latestpromo .dcw-card-title {
		font-size: 18.75px;
	}

	.dcw-latestpromo .dcw-card-subtitle {
		font-size: 12px;
	}

	.dcw-latestpromo .dcw-time-desc {
		font-size: 12px;
	}

	.dcw-latestpromo .dcw-main-content {
		gap: 10px;
	}

	.dcw-latestpromo .dcw-header {
		max-width: 940px;
	}

	.dcw-latestpromo .dcw-card-container {
		max-width: 940px;
	}

	.dcw-latestpromo .dcw-header-title {
		font-size: 24px;
	}

	.dcw-latestpromo .dcw-arrow-right {
		font-size: 18.75px;
	}
	/* End Latest Promo */

	/* Home Berita */
	.dcw-home-latestnews .dcw-header {
		max-width: 940px;
	}

	.dcw-home-latestnews .dcw-filter-container {
		max-width: 940px;
	}

	.dcw-home-latestnews .dcw-card-container {
		max-width: 940px;
	}

	.dcw-home-latestnews .dcw-arrow-right {
		font-size: 18.75px;
	}

	.dcw-home-latestnews .dcw-header-title {
		font-size: 24px;
	}

	.dcw-home-latestnews .dcw-filter-tag {
		font-size: 12px;
		height: 60px;
	}

	.dcw-home-latestnews .dcw-card-subtitle {
		font-size: 12px;
	}

	.dcw-home-latestnews .dcw-card-title {
		height: 50px;
		font-size: 15px;
	}

	.dcw-home-latestnews .dcw-time-desc {
		font-size: 9.6px;
	}
	/* End Home Berita */

	/* Search Page */
	.dcw-search-page .dcw-search-result .search-result-card {
		aspect-ratio: unset;
	}
	/* End Search Page */

	/* Moments In Life  */
	.dcw-breadcrumb-container a {
		font-size: 12px;
	}

	.dcw-lifejourney-lp .dcw-content {
		padding: 0;
		max-width: 940px;
		margin: 0 auto;
	}

	.dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-title {
		font-size: 24px;
	}

	.dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-subtitle {
		font-size: 12px;
	}

	.dcw-lifejourney-lp .dcw-title-text {
		font-size: 18.75px;
	}

	.dcw-lifejourney-lp .dcw-desc-text {
		font-size: 12px;
	}
	/* End Moments In Life  */

	/* Personal Simpanan */
	.dcw-product-promo .dcw-card-title {
		font-size: 18.75px;
	}

	.dcw-product-promo .dcw-card-subtitle {
		font-size: 12px;
	}

	.dcw-product-promo .dcw-time-desc {
		font-size: 12px;
	}
	/* End Personal Simpanan */

	/* Danamon Save */
	.hero-product-big-banner .hero-product-content {
		align-items: flex-start;
	}

	.dcw-fiturproduct .dcw-title-tag {
		font-size: 2.5rem;
	}

	.dcw-fiturproduct {
		max-width: 940px;
		margin: 0 auto;
	}

	.dcw-fiturproduct .dcw-header-title {
		font-size: 24px;
	}

	.dcw-fiturproduct .dcw-card-product-content-container {
		font-size: 12px;
	}

	.dcw-fiturproduct .dcw-card-fiturproduct {
		aspect-ratio: 4/2;
	}

	.dcw-product-richtext {
		max-width: 940px;
	}

	.dcw-product-richtext .dcw-nav-tag {
		font-size: 18.75px;
	}

	.dcw-product-richtext .dcw-section-content-container h3,
	.dcw-faq-sidetab .dcw-section-content-container h3,
	.dcw-rich-sidetab .dcw-section-content-container h3 {
		font-size: 24px;
	}

	.dcw-product-richtext .dcw-section-content-container p,
	.dcw-faq-sidetab .dcw-section-content-container p,
	.dcw-rich-sidetab .dcw-section-content-container p {
		font-size: 12px;
	}

	.dcw-product-richtext .dcw-section-content-container table td,
	.dcw-product-richtext .dcw-section-content-container table b,
	.dcw-product-richtext .dcw-section-content-container table th,
	.dcw-faq-sidetab .dcw-section-content-container table td,
	.dcw-faq-sidetab .dcw-section-content-container table b,
	.dcw-faq-sidetab .dcw-section-content-container table th,
	.dcw-rich-sidetab .dcw-section-content-container table td,
	.dcw-rich-sidetab .dcw-section-content-container table b,
	.dcw-rich-sidetab .dcw-section-content-container table th {
		font-size: 12px;
	}
	/* End Danamon Save */

	/* Business */
	.dcw-laptop-appbanner .dcw-iphone {
		width: 500px;
	}
	/* End Business */

	/* Privilege */
	.dcw-feature-dbankpro .dcw-dbank-headline,
	.dcw-pointcard-slider .dcw-main-container {
		max-width: 940px;
	}
	/* End Privilege */

	/* AppBanner */
	.dcw-home-appbanner {
		max-width: 940px;
	}

	.dcw-home-appbanner .dcw-title {
		font-size: 30px;
	}

	.dcw-home-appbanner .dcw-description {
		font-size: 12px;
	}

	.dcw-home-appbanner .dcw-download-sekarang {
		font-size: 12px;
	}
	/* End AppBanner */

	/* Footer */
	.dcw-footerlinks-cont {
		max-width: 940px;
	}

	.footer-menu a {
		font-size: 12px;
	}

	.footer-menu-subs .footer-menu-item > a {
		font-size: 10px;
	}

	.footer-menu-box .footer-menu-cat {
		font-size: 12px;
	}

	.footer-company .company-title {
		font-size: 12px;
	}

	.footer-footnote {
		font-size: 10px;
	}

	.footer-menu-subs.office .footer-menu-item > p {
		font-size: 10px;
	}
	/* End Footer */

	/* Previlege Benefit */
	.dcw-feature-dbankpro .dcw-overlay-headline {
		font-size: 15px;
	}

	.dcw-feature-dbankpro .dcw-img-overlay {
		padding: 2rem;
	}

	.dcw-feature-dbankpro .dcw-dbankpro-cards-container {
		gap: 2rem;
	}

	.dcw-feature-dbankpro .dcw-dbankpro-cards-container {
		max-width: 940px;
	}

	.dcw-feature-dbankpro .dcw-overlay-description {
		font-size: 12px;
	}
	/* End Previlege Benefit */

	/* Banner Danamon Privilege */
	.dcw-video-slider .hero-big-banner {
		/* max-width: 940px; */
	}

	.dcw-video-slider .hero-big-banner .hero-title {
		font-size: 36.62px;
	}

	.dcw-video-slider .hero-big-banner .hero-description {
		font-size: 18.75px;
	}

	.dcw-video-slider
		.hero-small-slider
		.swiper-slide-active
		.hero-video-content {
		font-size: 22px;
	}

	.dcw-video-slider .hero-big-banner .hero-subtitle,
	.dcw-video-slider .hero-big-banner .hero-button {
		font-size: 18.75px;
	}

	.dcw-video-slider .hero-small-slider .hero-video-content {
		font-size: 22px;
	}
	/* End Banner Danamon Privilege */

	/* Cards Images Privilage */
	.dcw-cards-images .dcw-cardsimages-main {
		max-width: 940px;
	}

	.dcw-cards-images .dcw-cardsimages-title {
		font-size: 24px;
		line-height: 1.4;
	}

	.dcw-cards-images .dcw-cardsimages-desc {
		/* font-size: 18.75px; */
		font-size: 12px;
	}

	.dcw-cards-images .cardsimages-cards-title {
		font-size: 15px;
	}

	.dcw-cards-images .cardsimages-cards-desc {
		font-size: 12px;
	}

	.dcw-cards-images .cardsimages-cards-more {
		font-size: 12px;
	}
	/* End Cards Images Privilage */

	/* Wealth Growth Preservation */
	.dcw-colorable-cards .dcw-main-content {
		max-width: 940px;
	}
	/* End Wealth Growth Preservation */

	/* News */
	.dcw-ebank-innertitle .dcw-header,
	.dcw-news-filters,
	.dcw-news-heroslider .hero-content,
	.dcw-mobile-appbanner {
		max-width: 940px;
	}

	.news-slider-container .hero-title {
		font-size: 36.62px;
	}

	.news-slider-container .hero-description,
	.news-slider-container .hero-button {
		font-size: 18.75px;
	}

	.dcw-ebank-innertitle .dcw-header-title {
		font-size: 24px;
	}

	.dcw-ebank-innertitle .dcw-header-desc {
		font-size: 12px;
		line-height: 1.4;
	}

	.dcw-news-filters .dcw-filter-tag {
		padding: 16px 32px;
		font-size: 12px;
		line-height: 1.4;
	}

	.dcw-news-filters .dcw-card-subtitle {
		font-size: 12px;
	}

	.dcw-news-filters .dcw-time-desc {
		font-size: 9.6px;
	}

	.dcw-news-filters .dcw-card-title {
		font-size: 15px;
		line-height: 1.4;
	}

	.dcw-mobile-appbanner .dcw-title {
		font-size: 30px;
	}

	.dcw-mobile-appbanner .dcw-description-lg {
		font-size: 12px;
	}

	.dcw-mobile-appbanner .dcw-download-sekarang {
		font-size: 12px;
	}
	/* End News */

	/* Merchant QR */
	.dcw-alter-content .dcw-alter-row {
		max-width: 940px;
	}

	.dcw-ebanking-table-richtext {
		max-width: 940px;
	}

	.dcw-ebanking-table-richtext th,
	.dcw-ebanking-table-richtext td,
	.dcw-ebanking-table-richtext p {
		font-size: 12px;
	}

	.dcw-faq-sidetab {
		max-width: 940px;
	}

	.dcw-image-card {
		max-width: 940px;
	}

	.hero-product-big-banner .hero-product-title {
		font-size: 36.62px;
	}

	.hero-product-big-banner .hero-product-description,
	.hero-product-big-banner .hero-product-button {
		font-size: 18.75px;
	}

	.dcw-alter-content .dcw-alter-text-title {
		font-size: 24px;
	}

	.dcw-alter-content .dcw-alter-text-content p,
	.dcw-alter-content .dcw-alter-text-content a {
		font-size: 12px;
	}

	.dcw-faq-sidetab .dcw-nav-tag {
		font-size: 18.75px;
	}
	/* .dcw-faq-sidetab h2 {
        font-size: 24px;
    } */
	.dcw-faq-sidetab .dcw-faq-item span {
		font-size: 18.75px;
	}
	/* End Merchant QR */

	/* Personal Page */
	.dcw-subproduct-slider .dcw-card-container {
		max-width: 940px;
	}

	.dcw-subproduct-slider .dcw-card-title {
		font-size: 18.75px;
	}

	.dcw-product-promo .dcw-header {
		max-width: 940px;
	}

	.dcw-product-promo .dcw-card-container {
		max-width: 940px;
	}

	.dcw-product-promo .dcw-header-title {
		font-size: 24px;
	}

	.dcw-product-promo .dcw-arrow-right {
		font-size: 18.75px;
	}
	/* End Personal Page */

	/* Personal Simpanan */
	.hero-product-big-banner .hero-product-subtitle {
		font-size: 18.75px;
	}

	.hero-product-big-banner .hero-product-title {
		font-size: 36.62px;
	}

	.dcw-subproduct-filter .dcw-header {
		max-width: 940px;
		margin: 0 auto;
	}

	.dcw-subproduct-filter .dcw-filter-container {
		max-width: 940px;
		margin: 0 auto;
	}

	.dcw-subproduct-filter .dcw-card-container {
		max-width: 940px;
	}

	.dcw-subproduct-filter .dcw-header-title {
		font-size: 24px;
	}

	.dcw-subproduct-filter .dcw-arrow-right {
		font-size: 18.75px;
	}

	.dcw-subproduct-filter .dcw-filter-tag {
		font-size: 12px;
	}

	.dcw-subproduct-filter .dcw-card-title {
		font-size: 18.75px;
	}

	.dcw-subproduct-filter .dcw-card-subtitle {
		font-size: 12px;
		line-height: 1.4;
	}
	/* End Personal Simpanan */

	/* Personal Investasi */
	.dcw-quick-download .dcw-container {
		max-width: 940px;
	}

	.dcw-quick-download .dcw-header-tag {
		font-size: 12px;
	}

	.dcw-quick-download .dcw-header-title {
		font-size: 24px;
	}

	.dcw-quick-download .dcw-header-desc {
		font-size: 12px;
	}

	.dcw-quick-download .dcw-button {
		font-size: 12px;
	}

	.dcw-tentang-subitem .dcw-card-container {
		max-width: 940px;
	}

	.dcw-tentang-subitem .dcw-card-title {
		font-size: 18.75px;
	}
	/* End Personal Investasi */

	/* Reksadana Pasar Uang */
	.dcw-fiturproduct-alt .dcw-header-title {
		font-size: 24px;
	}

	.dcw-fiturproduct-alt {
		max-width: 940px;
	}

	.dcw-fiturproduct-alt .dcw-card-product-content-container {
		width: 100%;
		font-size: 12px;
	}
	/* End Reksadana Pasar Uang */

	/* Business */
	.dcw-laptop-appbanner {
		max-width: 940px;
	}

	.dcw-laptop-appbanner .dcw-title {
		font-size: 30px;
	}

	.dcw-laptop-appbanner .dcw-description-lg {
		font-size: 12px;
	}

	.dcw-laptop-appbanner .dcw-download-sekarang {
		font-size: 12px;
	}

	.dcw-laptop-appbanner .dcw-download-sekarang {
		min-width: 200px;
	}
	/* End Business */

	/* Syariah */
	.dcw-subproduct-slidersyariah .dcw-card-container {
		max-width: 940px;
		margin: 0 auto;
	}

	.toggle-item-left,
	.toggle-item-right {
		font-size: 18.75px;
	}

	.dcw-subproduct-slidersyariah .dcw-card-title {
		font-size: 18.75px;
	}
	/* End Syariah */

	/* Bandingkan */
	.dcw-comparefilter {
		max-width: 940px;
	}

	.dcw-comparefilter .dcw-header-title {
		font-size: 24px;
	}

	.dcw-comparefilter .dcw-header-subtitle {
		font-size: 12px;
	}

	.dcw-comparefilter .dcw-inner-title {
		font-size: 24px;
	}
	/* End Bandingkan */

	/* Optimal */
	.dcw-feature-dbankpro-link .dcw-dbankpro-cards-container {
		max-width: 940px;
		margin: 0 auto;
	}

	.dcw-feature-dbankpro-link .dcw-overlay-headline {
		font-size: 18.75px;
	}
	/* End Optimal */

	/* Promo Page */
	.dcw-promohero-slider .dcw-card-subtitle {
		font-size: 12px;
	}

	.dcw-promohero-slider .dcw-card-title {
		font-size: 18.75px;
	}

	.dcw-promohero-slider .dcw-time-desc {
		font-size: 12px;
	}

	.dcw-promo-filter {
		max-width: 940px;
	}

	.dcw-promo-filter .dcw-header-title {
		font-size: 24px;
	}

	.dcw-promo-filter .dcw-filter-tag {
		font-size: 12px;
	}

	.dcw-promo-filter .dcw-card-subtitle,
	.dcw-promo-filter .dcw-card-time {
		font-size: 12px;
		line-height: 1.4;
	}

	.dcw-promo-filter .dcw-card-title {
		font-size: 18.75;
	}
	/* End Promo Page */

	/* Promo Detail */
	.dcw-promodetail {
		max-width: 940px;
		margin: 0 auto;
	}

	.dcw-promodetail-title {
		font-size: 24px;
		line-height: 1.4;
	}

	.dcw-promodetail-date {
		font-size: 14px;
	}

	.promodetail-tags-item {
		font-size: 12px;
	}
	/* End Promo Detail */

	/* News Detail */
	.dcw-news-richtext .dcw-share-title,
	.dcw-news-richtext .dcw-section-date {
		font-size: 14px !important;
	}

	.dcw-news-richtext .tags-item {
		font-size: 12px;
	}

	.dcw-news-richtext .dcw-section-title,
	.dcw-news-richtext .dcw-section-content > h2 {
		font-size: 24px;
	}

	.dcw-news-richtext .dcw-section-content p,
	.dcw-news-richtext .dcw-section-content b,
	.dcw-news-richtext a.cta-btn,
	.dcw-news-richtext .dcw-section-content table td,
	.dcw-news-richtext .dcw-table-cont th {
		font-size: 12px;
	}

	.dcw-news-richtext {
		max-width: 940px;
	}

	.dcw-news-richtext .dcw-share-container.sticky {
		left: 50%;
	}

	.dcw-news-richtext .dcw-share-container {
		width: 90px;
	}
	/* End News Detail */

	/* Ebanking Page */
	.dcw-ebanking-subcategory {
		max-width: 940px;
	}

	.dcw-ebanking-subcategory .dcw-filter-tag {
		font-size: 12px;
	}

	.dcw-ebanking-subcategory .dcw-card-title {
		font-size: 15px;
	}

	.dcw-ebanking-subcategory .dcw-card-description {
		font-size: 12px;
	}
	/* Ebanking Page */

	/* DbankPro */
	.dcw-ebanking-cards .dcw-ebanking-main {
		max-width: 940px;
		margin: 0 auto;
	}

	.dcw-ebanking-cards .dcw-ebanking-sub h1 {
		font-size: 36.62px;
		line-height: 1.2;
	}

	.dcw-ebanking-cards .dcw-reason-container span,
	.dcw-ebanking-cards .dcw-reason-item h2 {
		font-size: 24px;
	}

	.dcw-ebanking-cards .dcw-reason-item p {
		font-size: 12px;
	}

	.dcw-ebanking-cards .dcw-ebanking-download-btn {
		font-size: 12px;
	}
	/* End DbankPro */

	/* Flazz Page */
	.dcw-ebanking-description-slider .dcw-ebanking-description-slider-main {
		max-width: 940px;
	}

	.dcw-ebanking-cards .dcw-ebanking-description-content {
		font-size: 12px;
	}

	.dcw-ebanking-description-slider .dcw-navigation-container {
		bottom: 25%;
	}

	.dcw-ebanking-table-richtext h2 {
		font-size: 18px;
	}
	/* End Flazz Page */

	/* Dcash Connect */
	.dcw-screen-limiter {
		max-width: 940px;
		margin: 0 auto;
	}

	.dcw-ebanking-cards .dcw-notice-container .notice-title,
	.new-notice-card .dcw-notice-container .notice-title {
		font-size: 14px;
	}

	.dcw-ebanking-cards .dcw-notice-container .notice-desc,
	.new-notice-card .dcw-notice-container .notice-desc {
		font-size: 12px;
	}
	/* End Dcash Connect */

	/* Digital Onboarding */
	.dcw-full-richtext {
		max-width: 940px;
		margin: 0 auto;
	}

	.dcw-full-richtext p {
		font-size: 12px;
	}
	/* End Digital Onboarding */

	/* Struktur Manajemen */
	.dcw-profile-popup {
		max-width: 940px;
	}
	/* End Struktur Manajemen */

	/* Struktur Manajemen */
	.dcw-profile-popup .dcw-nav-tag {
		font-size: 18.75px;
	}

	.dcw-profile-popup .dcw-section-content-container h3,
	.dcw-faq-sidetab .dcw-section-content-container h3,
	.dcw-rich-sidetab .dcw-section-content-container h3 {
		font-size: 24px;
	}

	.dcw-profile-popup .profile-card-summary .profile-summary-name {
		font-size: 16px;
	}

	.dcw-profile-popup .profile-card-summary .profile-summary-title {
		font-size: 14px;
	}
	/* End Struktur Manajemen */

	/* Penghargaan */
	.dcw-rich-sidetab {
		max-width: 940px;
		margin: 0 auto;
	}

	.dcw-rich-sidetab .dcw-nav-tag {
		font-size: 18.75px;
	}

	.dcw-rich-sidetab .dcw-section-container h2 {
		font-size: 24px;
	}

	.dcw-rich-sidetab .dcw-rich-content table th,
	.dcw-rich-sidetab .dcw-rich-content table td,
	.dcw-rich-sidetab .dcw-rich-content ol li::marker {
		font-size: 12px;
	}
	/* End Penghargaan */

	/* Aksi */
	.dcw-faq-richtext {
		max-width: 940px;
		margin: 0 auto;
	}

	.dcw-faq-richtext .dcw-nav-tag {
		font-size: 18.75px;
	}
	/* .dcw-faq-richtext .dcw-section-content-container h3, .dcw-faq-sidetab .dcw-section-content-container h3 {
        font-size: 24px;
    } */
	.dcw-faq-richtext .dcw-section-content-container p,
	.dcw-faq-sidetab .dcw-section-content-container p,
	.dcw-rich-sidetab .dcw-section-content-container p {
		font-size: 12px;
	}

	.dcw-faq-richtext .dcw-faq-item span {
		font-size: 18.75px;
	}
	/* End Aksi */

	/* Dividen */
	.dcw-faq-richtext .dcw-section-content-container table.table-alt th,
	.dcw-faq-richtext .dcw-section-content-container table.table-alt td,
	.dcw-faq-richtext .dcw-section-content-container ol li::marker {
		font-size: 12px;
	}
	/* End Dividen */

	/* Obligasi */
	.dcw-faq-richtext ul li {
		font-size: 12px;
	}
	/* End Obligasi */

	/* ATM */
	.dcw-search-list {
		max-width: 940px;
		margin: 0 auto;
	}

	.dcw-search-list .dcw-search-input input {
		font-size: 12px;
	}

	.dcw-search-list .dcw-search-result .search-card-title {
		font-size: 16px;
		line-height: 1.4;
	}

	.dcw-search-list .dcw-search-result .search-card-desc {
		font-size: 12px;
		line-height: 1.4;
	}

	.dcw-search-list .dcw-search-result .search-card-link {
		font-size: 14px;
	}

	.dcw-search-pagination li {
		font-size: 12px;
	}
	/* End ATM */

	/* Cabang */
	.dcw-search-list .dcw-search-type .search-type-item {
		font-size: 12px;
	}

	.dcw-accordion-list {
		max-width: 940px;
	}

	.dcw-accordion-list h3 {
		font-size: 24px;
	}

	.dcw-accordion-list .accordion-item-title {
		font-size: 18.75px;
	}

	.dcw-accordion-list .accordion-item-content table td,
	.dcw-accordion-list .accordion-item-content table th {
		font-size: 12px;
	}
	/* End Cabang */

	/* Dasar Kredit */
	.dcw-full-richtext table th,
	.dcw-full-richtext table td {
		font-size: 12px;
	}

	.dcw-full-richtext h3 {
		font-size: 18.75px;
	}

	.dcw-full-richtext p,
	.dcw-full-richtext li,
	.dcw-full-richtext a {
		font-size: 12px;
	}
	/* End Dasar Kredit */

	/* Produk */
	.dcw-dynamic-content .dcw-filter-tag {
		font-size: 12px;
	}

	.dcw-dynamic-content .dcw-filter-container,
	.dcw-sukubunga-table .dcw-filter-header,
	.dcw-sukubunga-table .dcw-table-sukubungamain,
	.dcw-sukubunga-table .dcw-extratext-container {
		max-width: 940px;
	}

	.dcw-sukubunga-table .dcw-header-filter {
		font-size: 24px;
	}

	.dcw-sukubunga-table .dcw-currency-sukubunga .dcw-space-item {
		font-size: 18.75px;
	}

	.dcw-sukubunga-table table th,
	.dcw-sukubunga-table table td,
	.dcw-sukubunga-table .dcw-extratext-contents {
		font-size: 12px;
	}
	/* End Produk */

	/* Informasi Biaya */
	.dcw-fullrich-card .dcw-fullrich-card-container {
		max-width: 940px;
	}

	.dcw-fullrich-card .dcw-fullrich-card-container .dcw-card-title,
	.dcw-fullrich-card .dcw-fullrich-card-container li,
	.dcw-fullrich-card .dcw-fullrich-card-container p {
		font-size: 12px;
	}
	/* End Informasi Biaya */

	/* e-form */
	.dcw-eform-filters .dcw-filter-container,
	.dcw-eform-filters .dcw-card-container .dcw-section {
		max-width: 940px;
	}

	.dcw-eform-filters .dcw-filter-tag {
		font-size: 12px;
	}

	.dcw-eform-filters .eform-title,
	.dcw-eform-filters .eform-label,
	.dcw-eform-filters .load-more-btn {
		font-size: 18.75px;
	}

	.dcw-eform-filters .eform-title {
		padding-right: 14px;
		line-height: 1.5;
		font-size: 17.75px !important;
	}

	.dcw-eform-filters .load-more-btn {
		font-size: 17.75px !important;
	}

	.dcw-eform-filters .eform-label {
		font-size: 14px !important;
	}
	/* End e-form */

	/* Eform Sample-1 */
	.dcw-eform-sample form {
		max-width: 940px;
	}

	.dcw-eform-sample .dcw-break-word,
	.dcw-eform-sample h2.dcw-content-header-title,
	.dcw-eform-sample .dcw-content-header {
		font-size: 18.75px;
	}

	.dcw-eform-sample .dcw-content-header-desc,
	.dcw-eform-sample .dcw-form-input-content,
	.dcw-eform-sample .dcw-radio-choice,
	.dcw-checkbox-container label {
		font-size: 12px;
	}
	/* .dcw-eform-sample .dcw-alert-container .dcw-alert-text, .dcw-eform-sample .dcw-input-withplaceholder:focus + .dcw-label-withplaceholder, .dcw-eform-sample .dcw-input-withplaceholder:not(:placeholder-shown) + .dcw-label-withplaceholder {
        font-size: 14px;
    } */
	/* End Eform Sample-1 */

	/* Search */
	.dcw-search-page .dcw-search-input,
	.dcw-search-page .dcw-search-type,
	.dcw-search-page .dcw-search-count,
	.dcw-search-page .dcw-search-container {
		max-width: 940px;
		margin: 0 auto;
	}

	.dcw-search-page .dcw-search-type .search-type-item {
		font-size: 12px;
	}

	.dcw-search-page .dcw-search-result .search-card-category,
	.dcw-search-page .dcw-search-result .search-card-desc {
		font-size: 12px;
	}

	.dcw-search-page .dcw-search-result .search-card-title {
		font-size: 18.75px;
	}

	.dcw-search-page .dcw-search-result .search-card-link {
		font-size: 14px;
	}
	/* End Search */

	/* Personal Investasi */
	.quick-download-main-title {
		font-size: 24px;
		max-width: 940px;
	}
	/* End Personal Investasi */

	/* Privilage */
	.dcw-colorable-cards .dcw-title {
		font-size: 24px;
	}

	.dcw-colorable-cards .dcw-card-title {
		font-size: 18.75px;
	}

	.dcw-colorable-cards .dcw-card-description,
	.dcw-colorable-cards .dcw-hyperlink-text {
		font-size: 12px;
	}

	.dcw-pointcard-slider .dcw-head-title {
		max-width: 940px;
		font-size: 24px;
	}

	.dcw-pointcard-slider .main-content-title {
		font-size: 24px;
	}

	.dcw-pointcard-slider .points-title {
		font-size: 18.75px;
	}

	.dcw-pointcard-slider .point-num {
		width: 20px;
		height: 20px;
		font-size: 12px;
	}

	.dcw-pointcard-slider .points-content p,
	.dcw-pointcard-slider .points-content li,
	.dcw-pointcard-slider.privilege-theme .main-content-button > a {
		font-size: 12px;
	}
	/* End Privilage */

	/* Fin adjustment */
	.dcw-quickaccess .qa-toggle img {
		width: 45px;
		height: 45px;
	}

	.dcw-quickaccess .qa-toggle {
		/* height: 80px; */
		transform: translateX(45%);
	}

	.dcw-productslider,
	.dcw-latestpromo,
	.dcw-exchangerate,
	.dcw-home-latestnews {
		padding: 32px 0;
	}
	/* End fin adjustment */

	/* Neo App Banner */
	.neo-app-banner-container {
		max-width: 940px;
	}

	.neo-app-banner-text-contents-header h3 {
		font-size: 30px;
	}

	.neo-app-banner-text-contents-description p {
		font-size: 12px;
	}

	.neo-app-banner-text-contents-download-btn {
		font-size: 12px;
		width: fit-content;
		padding: 0 1rem;
	}
	/* End Neo App Banner */

	.dcw-contact-cards .dcw-contact-cards-container {
		max-width: 940px;
	}

	.dcw-contact-cards .dcw-card-title {
		font-size: 20px;
	}

	.dcw-contact-cards .dcw-card-description {
		font-size: 16px;
	}
}

/* tampilan 1500 */
@media (min-width: 1500px) {
	.dcw-lifejourneyres .dcw-content {
		max-width: 1100px;
	}

	.dcw-lifejourneyquest .dcw-content-card {
		width: 250px;
	}

	.dcw-lifejourneyquest .dcw-content.sub-content {
		max-width: 1100px;
	}
	/* Header */
	#header {
		/* max-width: 1100px; */
	}

	.header-menus a {
		font-size: 16px;
	}

	.header-logo img {
		width: 65px;
	}

	.header-tool img {
		width: auto;
	}

	.active-language img {
		width: auto;
	}

	.dcw-header-desktop nav.header-menus li > a {
		padding: 0px 0.7rem;
	}

	.dcw-header-desktop .header-languages {
		padding: 0.3rem 0.5rem;
	}
	/* End Header */

	/* Banner */
	/* .dcw-herobanner .hero-highlight .hero-subtitle, .dcw-herobanner .hero-highlight .hero-button {
        font-size: 1.25rem;
    }
    .dcw-herobanner .hero-small-slider .hero-slider-title {
        font-size: 1.25rem;
    }
    .dcw-herobanner .hero-highlight .hero-title {
        font-size: 3.052rem;
    } */
	.dcw-herobanner .hero-highlight .hero-content {
		/* max-width: 1100px; */
	}

	.dcw-herobanner .hero-highlight .hero-subtitle,
	.dcw-herobanner .hero-highlight .hero-button {
		font-size: 25px;
	}

	.dcw-herobanner .hero-highlight .hero-title {
		font-size: 50px;
	}

	.dcw-herobanner .hero-small-slider .hero-slider-title {
		font-size: 25px;
	}

	.dcw-herobanner .hero-small-slider .hero-content {
		font-size: 16px;
	}
	/* End Banner */

	/* Product Slider */
	.dcw-productslider .dcw-header-title {
		font-size: 1.953rem;
	}
	/* .dcw-productslider .dcw-card-title{
        font-size: 32px;
    } */
	.dcw-productslider .swiper-wrapper {
		height: 420px !important;
	}

	.dcw-productslider .dcw-tag-img {
		width: 72px;
		height: 72px;
	}

	.dcw-productslider .dcw-header {
		max-width: 1100px;
	}

	.dcw-productslider .dcw-card-container {
		max-width: 1100px;
		margin: 0 auto;
	}

	.dcw-productslider .dcw-header-title {
		font-size: 32px;
	}

	.dcw-productslider .dcw-arrow-right {
		font-size: 25px;
	}
	/* .dcw-productslider .dcw-card-title{
        font-size: 25px;
    } */
	/* End Product Slider */

	/* Home Berita */
	.dcw-home-latestnews .dcw-header {
		max-width: 1100px;
	}

	.dcw-home-latestnews .dcw-filter-container {
		max-width: 1100px;
	}

	.dcw-home-latestnews .dcw-card-container {
		max-width: 1100px;
	}

	.dcw-home-latestnews .dcw-arrow-right {
		font-size: 25px;
	}

	.dcw-home-latestnews .dcw-header-title {
		font-size: 32px;
	}

	.dcw-home-latestnews .dcw-filter-tag {
		font-size: 16px;
	}

	.dcw-home-latestnews .dcw-card-subtitle {
		font-size: 16px;
	}

	.dcw-home-latestnews .dcw-card-title {
		height: 60px;
		font-size: 20px;
	}

	.dcw-home-latestnews .dcw-time-desc {
		font-size: 12.8px;
	}

	.dcw-home-latestnews .dcw-content-card {
		height: fit-content;
	}
	/* End Home Berita */

	/* Latest Promo */
	.dcw-latestpromo .dcw-card-title {
		font-size: 25px;
	}

	.dcw-latestpromo .dcw-card-subtitle {
		font-size: 16px;
	}

	.dcw-latestpromo .dcw-time-desc {
		font-size: 16px;
	}

	.dcw-latestpromo .dcw-main-content {
		gap: 12px;
	}

	.dcw-latestpromo .dcw-title-tag {
		font-size: 40px !important;
	}

	.dcw-latestpromo .dcw-header {
		max-width: 1100px;
	}

	.dcw-latestpromo .dcw-card-container {
		max-width: 1100px;
	}

	.dcw-latestpromo .dcw-header-title {
		font-size: 32px;
	}

	.dcw-latestpromo .dcw-arrow-right {
		font-size: 25px;
	}
	/* End Latest Promo */

	/* Kurs Transaksi */
	.dcw-exchangerate .dcw-header-title {
		font-size: 32px;
	}

	.dcw-exchangerate .dcw-header {
		max-width: 1100px;
	}

	.dcw-exchangerate .dcw-card-container {
		max-width: 1100px;
	}

	.dcw-exchangerate .dcw-card-title {
		font-size: 25px;
	}

	.dcw-exchangerate th,
	.dcw-exchangerate td {
		font-size: 16px;
	}

	.dcw-exchangerate .dcw-kurs-container span {
		font-size: 16px;
	}

	.dcw-exchangerate .dcw-card-exchange-title {
		font-size: 16px;
	}

	.dcw-exchangerate .dcw-card-desc {
		font-size: 16px;
	}

	.dcw-exchangerate .dcw-hitung-btn {
		font-size: 16px;
	}

	.dcw-exchangerate .dcw-currency input {
		font-size: 25px;
	}

	.dcw-exchangerate .dcw-card-subtitle {
		font-size: 16px;
	}
	/* End Kurs Transaksi */

	/* Latest News */
	.dcw-home-latestnews .dcw-tag-img {
		width: 72px;
		height: 72px;
	}

	.dcw-home-latestnews .dcw-arrow-right {
		font-size: 24px;
	}
	/* End Latest News */

	/* App Banner */
	.dcw-home-appbanner .dcw-title {
		font-size: 30px;
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: -0.01em;
	}

	.dcw-home-appbanner {
		max-width: 1100px;
	}

	.dcw-home-appbanner .dcw-description {
		font-size: 16px;
	}

	.dcw-home-appbanner .dcw-download-sekarang {
		font-size: 16px;
	}
	/* End App Banner */

	/* Footer */
	.footer-menu a {
		font-size: 16px;
	}

	.footer-menu-subs .footer-menu-item > a {
		font-size: 14px;
	}

	.footer-menu-box .footer-menu-cat {
		font-size: 16px;
	}

	.footer-company .company-title {
		font-size: 16px;
	}

	.footer-company .company-cont {
		padding: 0 0 0.5rem 0;
	}

	.footer-menu-subs.office .footer-menu-item > p {
		font-size: 14px;
	}

	.company-cont img {
		width: 7rem;
	}

	.footer-footnote {
		font-size: 14px;
	}

	.dcw-footerlinks-cont {
		max-width: 1100px;
	}

	.footer-menu-subs .footer-menu-item > a {
		font-size: 14px;
	}
	/* End Footer */

	/* Personal Page */
	.hero-product-big-banner .hero-product-content {
		/* max-width: 1100px !important; */
		margin: 0 auto;
		/* width: unset; */
	}

	.hero-product-big-banner .hero-product-title {
		width: 30%;
		font-size: 3.5rem;
	}

	.hero-product-big-banner .hero-product-description {
		width: 30%;
	}

	.dcw-product-promo .dcw-header {
		max-width: 1100px;
	}

	.dcw-product-promo .dcw-card-container {
		max-width: 1100px;
	}

	.dcw-product-promo .dcw-header-title {
		font-size: 32px;
	}

	.dcw-product-promo .dcw-arrow-right {
		font-size: 25px;
	}
	/* End Personal Page */

	/* Moments In Life */
	.dcw-breadcrumb-container a {
		font-size: 16px;
	}

	.dcw-lifejourney-lp .dcw-content {
		padding: 0;
		max-width: 1100px;
		margin: 0 auto;
	}

	.dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-title {
		font-size: 32px;
	}

	.dcw-lifejourney-lp .dcw-content .dcw-content-lifejourneyquest .dcw-subtitle {
		font-size: 16px;
	}

	.dcw-lifejourney-lp .dcw-title-text {
		font-size: 25px;
	}

	.dcw-lifejourney-lp .dcw-desc-text {
		font-size: 16px;
	}
	/* End Moments In Life */

	/* Personal Simpanan */
	.dcw-product-promo .dcw-card-title {
		font-size: 25px;
	}

	.dcw-product-promo .dcw-card-subtitle {
		font-size: 16px;
	}

	.dcw-product-promo .dcw-time-desc {
		font-size: 16px;
	}
	/* End Personal Simpanan */

	/* Business Simpanan */
	.dcw-laptop-appbanner {
		margin: 8rem auto 0 auto;
	}
	/* End Business Simpanan */

	/* Syariah */
	.toggle-item-left,
	.toggle-item-right {
		font-size: 25px;
	}
	/* End Syariah */

	/* Bandingkan */
	.dcw-comparefilter .dcw-header-title {
		font-size: 32px;
	}
	/* End Bandingkan */

	/* Privilege */
	.dcw-feature-dbankpro .dcw-dbank-headline,
	.dcw-pointcard-slider .dcw-main-container {
		max-width: 1100px;
	}

	.dcw-feature-dbankpro .dcw-overlay-headline {
		font-size: 20px;
	}

	.dcw-feature-dbankpro .dcw-dbankpro-cards-container {
		max-width: 1100px;
	}

	.dcw-feature-dbankpro .dcw-overlay-description {
		font-size: 16px;
	}

	.active-card-outline {
		outline: 10px solid #898989;
		outline-offset: -9px;
		border-radius: 20px;
	}
	/* End Privilege */

	/* Banner Danamon Privilege */
	.dcw-video-slider .hero-big-banner {
		/* max-width: 1100px; */
	}

	.dcw-video-slider .hero-big-banner .hero-title {
		font-size: 50px;
	}

	.dcw-video-slider .hero-big-banner .hero-description {
		font-size: 25px;
	}

	.dcw-video-slider .hero-big-banner .hero-title {
		font-size: 50px;
	}

	.dcw-video-slider .hero-big-banner .hero-subtitle,
	.dcw-video-slider .hero-big-banner .hero-button {
		font-size: 25px;
	}

	.dcw-video-slider
		.hero-small-slider
		.swiper-slide-active
		.hero-video-content {
		font-size: 32px;
	}

	.dcw-video-slider .hero-small-slider .hero-video-content {
		font-size: 32px;
	}
	/* End Banner Danamon Privilege */

	/* Cards Images Privilage */
	.dcw-cards-images .dcw-cardsimages-main {
		max-width: 1100px;
	}

	.dcw-cards-images .dcw-cardsimages-title {
		font-size: 32px;
		line-height: 1.4;
	}

	.dcw-cards-images .dcw-cardsimages-desc {
		/* font-size: 25px; */
		font-size: 16px;
	}

	.dcw-cards-images .cardsimages-cards-title {
		font-size: 20px;
	}

	.dcw-cards-images .cardsimages-cards-desc {
		font-size: 16px;
	}

	.dcw-cards-images .cardsimages-cards-more {
		font-size: 16px;
	}
	/* End Cards Images Privilage */

	/* Wealth Growth Preservation */
	.dcw-colorable-cards .dcw-main-content {
		max-width: 1100px;
	}
	/* End Wealth Growth Preservation */

	/* News */
	.dcw-ebank-innertitle .dcw-header,
	.dcw-news-filters,
	.dcw-news-heroslider .hero-content,
	.dcw-mobile-appbanner {
		max-width: 1100px;
	}

	.dcw-news-heroslider .hero-content {
		padding-right: 20%;
	}

	.news-slider-container .hero-title {
		font-size: 50px;
	}

	.news-slider-container .hero-description,
	.news-slider-container .hero-button {
		font-size: 25px;
	}

	.dcw-ebank-innertitle .dcw-header-title {
		font-size: 32px;
	}

	.dcw-ebank-innertitle .dcw-header-desc {
		font-size: 16px;
		line-height: 1.4;
	}

	.dcw-news-filters .dcw-filter-tag {
		height: 60px;
		padding: 16px 32px;
		font-size: 16px;
		line-height: 1.4;
	}

	.dcw-news-filters .dcw-card-subtitle {
		font-size: 16px;
	}

	.dcw-news-filters .dcw-time-desc {
		font-size: 12.8px;
	}

	.dcw-news-filters .dcw-card-title {
		font-size: 20px;
		line-height: 1.4;
	}

	.dcw-news-filters .dcw-content-card {
		gap: 8px;
	}

	.dcw-mobile-appbanner .dcw-description-lg {
		font-size: 16px;
	}

	.dcw-mobile-appbanner .dcw-download-sekarang {
		font-size: 16px;
	}
	/* End News */

	/* Merchant QR */
	.dcw-alter-content .dcw-alter-row {
		max-width: 1100px;
	}

	.dcw-ebanking-table-richtext {
		max-width: 1100px;
	}

	.dcw-ebanking-table-richtext th,
	.dcw-ebanking-table-richtext td,
	.dcw-ebanking-table-richtext p {
		font-size: 16px;
	}

	.dcw-faq-sidetab {
		max-width: 1100px;
	}

	.dcw-image-card {
		max-width: 1100px;
	}

	.hero-product-big-banner .hero-product-title {
		font-size: 50px;
	}

	.hero-product-big-banner .hero-product-description,
	.hero-product-big-banner .hero-product-button {
		font-size: 25px;
	}

	.dcw-alter-content .dcw-alter-text-title {
		font-size: 32px;
	}

	.dcw-alter-content .dcw-alter-text-content p,
	.dcw-alter-content .dcw-alter-text-content a {
		font-size: 16px;
	}
	/* .dcw-faq-sidetab .dcw-nav-tag {
        font-size: 25px;
    } */
	/* .dcw-faq-sidetab h2 {
        font-size: 32px;
    } */
	/* End Merchant QR */

	/* Personal Page */
	.dcw-subproduct-slider .dcw-card-container {
		max-width: 1100px;
	}

	.dcw-subproduct-slider .dcw-card-title {
		font-size: 25px;
	}
	/* End Personal Page */

	/* Personal Simpanan */
	.hero-product-big-banner .hero-product-subtitle {
		font-size: 25px;
	}

	.hero-product-big-banner .hero-product-title {
		font-size: 50px;
	}

	.dcw-product-herobanner.half-banner .hero-product-title {
		font-size: 32px;
	}
	/* .dcw-product-herobanner.half-banner {
        height: calc(60vh - 92px) !important;
    } */
	.dcw-subproduct-filter .dcw-header {
		max-width: 1100px;
		margin: 0 auto;
	}

	.dcw-subproduct-filter .dcw-filter-container {
		max-width: 1100px;
		margin: 0 auto;
	}

	.dcw-subproduct-filter .dcw-card-container {
		max-width: 1100px;
	}

	.dcw-subproduct-filter .dcw-header-title {
		font-size: 32px;
	}

	.dcw-subproduct-filter .dcw-arrow-right {
		font-size: 25px;
	}

	.dcw-subproduct-filter .dcw-filter-tag {
		height: 60px;
		font-size: 16px;
	}

	.dcw-subproduct-filter .dcw-card-title {
		font-size: 25px;
	}

	.dcw-subproduct-filter .dcw-card-subtitle {
		font-size: 16px;
		line-height: 1.4;
	}
	/* End Personal Simpanan */

	/* Danamon Save */
	.dcw-fiturproduct {
		max-width: 1100px;
		margin: 0 auto;
	}

	.dcw-fiturproduct .dcw-header-title {
		font-size: 32px;
	}

	.dcw-fiturproduct .dcw-card-fiturproduct {
		aspect-ratio: 4/2;
	}

	.dcw-fiturproduct .dcw-card-product-content-container {
		font-size: 16px;
	}

	.dcw-product-richtext {
		gap: 4rem;
		max-width: 1100px;
	}

	.dcw-product-richtext .dcw-section-content-container h3,
	.dcw-faq-sidetab .dcw-section-content-container h3,
	.dcw-rich-sidetab .dcw-section-content-container h3 {
		font-size: 32px;
	}

	.dcw-product-richtext .dcw-section-content-container p,
	.dcw-faq-sidetab .dcw-section-content-container p,
	.dcw-rich-sidetab .dcw-section-content-container p {
		font-size: 16px;
	}

	.dcw-product-richtext .dcw-section-content-container table td,
	.dcw-product-richtext .dcw-section-content-container table b,
	.dcw-product-richtext .dcw-section-content-container table th,
	.dcw-faq-sidetab .dcw-section-content-container table td,
	.dcw-faq-sidetab .dcw-section-content-container table b,
	.dcw-faq-sidetab .dcw-section-content-container table th,
	.dcw-rich-sidetab .dcw-section-content-container table td,
	.dcw-rich-sidetab .dcw-section-content-container table b,
	.dcw-rich-sidetab .dcw-section-content-container table th {
		font-size: 16px;
	}
	/* End Danamon Save */

	/* Personal Investasi */
	.dcw-quick-download .dcw-container {
		max-width: 1100px;
	}

	.dcw-quick-download .dcw-header-tag {
		font-size: 16px;
	}

	.dcw-quick-download .dcw-header-title {
		font-size: 32px;
	}

	.dcw-quick-download .dcw-header-desc {
		font-size: 16px;
	}

	.dcw-quick-download .dcw-button {
		font-size: 16px;
		padding: 24px 16px;
	}

	.dcw-tentang-subitem .dcw-card-container {
		max-width: 1100px;
	}

	.dcw-tentang-subitem .dcw-card-title {
		font-size: 25px;
	}
	/* End Personal Investasi */

	/* Reksadana Pasar Uang */
	.dcw-fiturproduct-alt .dcw-header-title {
		font-size: 32px;
	}

	.dcw-fiturproduct-alt {
		max-width: 1100px;
	}

	.dcw-fiturproduct-alt .dcw-card-product-content-container {
		width: 100%;
		font-size: 16px;
	}
	/* End Reksadana Pasar Uang */

	/* Business */
	.dcw-laptop-appbanner {
		max-width: 1100px;
	}

	.dcw-laptop-appbanner .dcw-description-lg {
		font-size: 16px;
	}

	.dcw-laptop-appbanner .dcw-download-sekarang {
		font-size: 16px;
	}
	/* End Business */

	/* Syariah */
	.dcw-subproduct-slidersyariah .dcw-card-container {
		max-width: 1100px;
		margin: 0 auto;
	}

	.dcw-subproduct-slidersyariah .dcw-card-title {
		font-size: 25px;
	}
	/* End Syariah */

	/* Bandingkan */
	.dcw-comparefilter {
		max-width: 1100px;
	}

	.dcw-comparefilter .dcw-header-subtitle {
		font-size: 16px;
	}

	.dcw-comparefilter .dcw-inner-title {
		font-size: 32px;
	}
	/* End Bandingkan */

	/* Optimal */
	.dcw-feature-dbankpro-link .dcw-dbankpro-cards-container {
		max-width: 1100px;
		margin: 0 auto;
	}

	.dcw-feature-dbankpro-link .dcw-overlay-headline {
		font-size: 25px;
	}
	/* End Optimal */

	/* Promo Page */
	.dcw-promohero-slider .dcw-card-subtitle {
		font-size: 16px;
	}

	.dcw-promohero-slider .dcw-card-title {
		font-size: 25px;
	}

	.dcw-promohero-slider .dcw-time-desc {
		font-size: 16px;
	}

	.dcw-promo-filter {
		max-width: 1100px;
	}

	.dcw-promo-filter .dcw-header-title {
		font-size: 32px;
	}

	.dcw-promo-filter .dcw-filter-tag {
		font-size: 16px;
		height: 60px;
	}

	.dcw-promo-filter .dcw-card-subtitle,
	.dcw-promo-filter .dcw-card-time {
		font-size: 16px;
		line-height: 1.4;
	}

	.dcw-promo-filter .dcw-card-title {
		font-size: 25px;
	}

	.dcw-promodetail {
		max-width: 1100px;
		margin: 0 auto;
	}

	.dcw-promodetail-title {
		font-size: 32px;
		line-height: 1.4;
	}

	.dcw-promodetail-date {
		font-size: 16px;
	}

	.promodetail-tags-item {
		font-size: 14px;
	}
	/* End Promo Page */

	/* News Detail */
	.dcw-news-richtext .dcw-share-title,
	.dcw-news-richtext .dcw-section-date {
		font-size: 16px !important;
	}

	.dcw-news-richtext .tags-item {
		font-size: 14px;
	}

	.dcw-news-richtext .dcw-section-title,
	.dcw-news-richtext .dcw-section-content > h2 {
		font-size: 32px;
	}

	.dcw-news-richtext .dcw-section-content p,
	.dcw-news-richtext .dcw-section-content b,
	.dcw-news-richtext a.cta-btn,
	.dcw-news-richtext .dcw-section-content table td,
	.dcw-news-richtext .dcw-table-cont th {
		font-size: 16px;
	}

	.dcw-news-richtext {
		max-width: 1100px;
	}

	.dcw-news-richtext .dcw-section-container {
		width: 900px;
	}

	.dcw-news-richtext .dcw-share-container {
		width: 90px !important;
	}

	.dcw-news-richtext .dcw-share-container.sticky {
		left: 45%;
	}

	.dcw-news-richtext .dcw-share-container.bottom {
		left: 43%;
	}
	/* End News Detail */

	/* Ebanking Page */
	.dcw-ebanking-subcategory {
		max-width: 1100px;
	}

	.dcw-ebanking-subcategory .dcw-filter-tag {
		font-size: 16px;
		height: 60px;
	}

	.dcw-ebanking-subcategory .dcw-card-title {
		font-size: 20px;
	}

	.dcw-ebanking-subcategory .dcw-card-description {
		font-size: 16px;
	}
	/* Ebanking Page */

	/* DbankPro */
	.dcw-ebanking-cards .dcw-ebanking-main {
		max-width: 1100px;
		margin: 0 auto;
	}

	.dcw-ebanking-cards .dcw-reason-container span {
		font-size: 32px;
	}

	.dcw-ebanking-cards .dcw-reason-item p {
		font-size: 16px;
	}

	.dcw-ebanking-cards .dcw-ebanking-download-btn {
		font-size: 16px;
	}
	/* End DbankPro */

	/* Flazz Page */
	.dcw-ebanking-description-slider .dcw-ebanking-description-slider-main {
		max-width: 1100px;
	}

	.dcw-ebanking-cards .dcw-ebanking-description-content {
		font-size: 16px;
	}

	.dcw-ebanking-table-richtext h2 {
		font-size: 20px;
	}
	/* End Flazz Page */

	/* Dcash Connect */
	.dcw-screen-limiter {
		max-width: 1100px;
		margin: 0 auto;
	}

	.dcw-ebanking-cards .dcw-notice-container .notice-title,
	.new-notice-card .dcw-notice-container .notice-title {
		font-size: 16px;
	}

	.dcw-ebanking-cards .dcw-notice-container .notice-desc,
	.new-notice-card .dcw-notice-container .notice-desc {
		font-size: 14px;
	}
	/* End Dcash Connect */

	/* Digital Onboarding */
	.dcw-full-richtext {
		max-width: 1100px;
		margin: 0 auto;
	}

	.dcw-full-richtext p {
		font-size: 16px;
	}
	/* End Digital Onboarding */

	/* Struktur Manajemen */
	.dcw-profile-popup {
		max-width: 1100px;
	}

	.dcw-profile-popup .dcw-section-content-container h3,
	.dcw-faq-sidetab .dcw-section-content-container h3,
	.dcw-rich-sidetab .dcw-section-content-container h3 {
		font-size: 32px;
	}

	.dcw-profile-popup .profile-card-summary .profile-summary-name {
		font-size: 16px;
	}

	.dcw-profile-popup .profile-card-summary .profile-summary-title {
		font-size: 14px;
	}

	.dcw-profile-popup .profile-card {
		border-radius: 20px;
	}
	/* End Struktur Manajemen */

	/* Penghargaan */
	.dcw-rich-sidetab {
		max-width: 1100px;
		margin: 0 auto;
	}

	.dcw-rich-sidetab .dcw-section-container h2 {
		font-size: 32px;
	}

	.dcw-rich-sidetab .dcw-rich-content table th,
	.dcw-rich-sidetab .dcw-rich-content table td,
	.dcw-rich-sidetab .dcw-rich-content ol li::marker {
		font-size: 16px;
	}
	/* End Penghargaan */

	/* Aksi */
	.dcw-faq-richtext {
		max-width: 1100px;
		margin: 0 auto;
	}
	/* .dcw-faq-richtext .dcw-section-content-container h3 {
        font-size: 32px;
    } */
	.dcw-faq-richtext .dcw-section-content-container p,
	.dcw-faq-sidetab .dcw-section-content-container p,
	.dcw-rich-sidetab .dcw-section-content-container p {
		font-size: 16px;
	}
	/* End Aksi */

	/* Dividen */
	.dcw-faq-richtext .dcw-section-content-container table.table-alt th,
	.dcw-faq-richtext .dcw-section-content-container table.table-alt td,
	.dcw-faq-richtext .dcw-section-content-container ol li::marker {
		font-size: 16px;
	}
	/* End Dividen */

	/* Obligasi */
	.dcw-faq-richtext ul li {
		font-size: 16px;
	}
	/* End Obligasi */

	/* ATM */
	.dcw-search-list {
		max-width: 1100px;
		margin: 0 auto;
	}

	.dcw-search-list .dcw-search-input input {
		font-size: 16px;
	}

	.dcw-search-list .dcw-search-result .search-card-title {
		font-size: 25px;
		line-height: 1.4;
	}

	.dcw-search-list .dcw-search-result .search-card-desc {
		font-size: 16px;
		line-height: 1.4;
	}

	.dcw-search-list .dcw-search-result .search-card-link {
		font-size: 18px;
	}

	.dcw-search-pagination li {
		font-size: 16px;
	}

	.dcw-search-list .dcw-search-pagination .search-page-prev,
	.dcw-search-list .dcw-search-pagination .search-page-next {
		width: 60px;
		height: 60px;
	}

	.dcw-search-list .dcw-search-pagination .search-page-prev img,
	.dcw-search-list .dcw-search-pagination .search-page-next img {
		width: 36px;
		height: 36px;
	}

	.dcw-search-list .dcw-search-pagination ul li {
		width: 60px;
		height: 60px;
	}
	/* End ATM */

	/* Cabang */
	.dcw-search-list .dcw-search-type .search-type-item {
		font-size: 16px;
	}

	.dcw-accordion-list {
		max-width: 1100px;
	}

	.dcw-accordion-list h3 {
		font-size: 32px;
	}

	.dcw-accordion-list .accordion-item-title {
		font-size: 18.75px;
	}

	.dcw-accordion-list .accordion-item-content table td,
	.dcw-accordion-list .accordion-item-content table th {
		font-size: 16px;
	}
	/* End Cabang */

	/* Dasar Kredit */
	.dcw-full-richtext table th,
	.dcw-full-richtext table td {
		font-size: 16px;
	}

	.dcw-full-richtext h3 {
		font-size: 25px;
	}

	.dcw-full-richtext p,
	.dcw-full-richtext li,
	.dcw-full-richtext a {
		font-size: 16px;
	}
	/* End Dasar Kredit */

	/* Produk */
	.dcw-dynamic-content .dcw-filter-tag {
		font-size: 16px;
	}

	.dcw-dynamic-content .dcw-filter-tag {
		height: 60px;
	}

	.dcw-dynamic-content .dcw-filter-container,
	.dcw-sukubunga-table .dcw-filter-header,
	.dcw-sukubunga-table .dcw-table-sukubungamain,
	.dcw-sukubunga-table .dcw-extratext-container {
		max-width: 1100px;
	}

	.dcw-sukubunga-table .dcw-header-filter {
		font-size: 32px;
	}

	.dcw-sukubunga-table .dcw-currency-sukubunga .dcw-space-item {
		font-size: 25px;
	}

	.dcw-sukubunga-table table th,
	.dcw-sukubunga-table table td,
	.dcw-sukubunga-table .dcw-extratext-contents {
		font-size: 16px;
	}
	/* End Produk */

	/* Informasi Biaya */
	.dcw-fullrich-card .dcw-fullrich-card-container {
		max-width: 1100px;
	}

	.dcw-fullrich-card .dcw-fullrich-card-container .dcw-card-title,
	.dcw-fullrich-card .dcw-fullrich-card-container li,
	.dcw-fullrich-card .dcw-fullrich-card-container p {
		font-size: 16px;
	}
	/* End Informasi Biaya */

	/* e-form */
	.dcw-eform-filters .dcw-filter-container,
	.dcw-eform-filters .dcw-card-container .dcw-section {
		max-width: 1100px;
	}

	.dcw-eform-filters .dcw-filter-tag {
		font-size: 16px;
	}

	.dcw-eform-filters .dcw-filter-tag {
		height: 60px;
	}

	.dcw-eform-filters .eform-title,
	.dcw-eform-filters .eform-label,
	.dcw-eform-filters .load-more-btn {
		font-size: 25px;
	}

	.dcw-eform-filters .eform-label {
		font-size: 14px !important;
	}

	.dcw-eform-filters .eform-item {
		gap: 1rem;
	}
	/* End e-form */

	/* Eform Sample-1 */
	.dcw-eform-sample form {
		max-width: 1100px;
	}

	.dcw-eform-sample .dcw-break-word,
	.dcw-eform-sample h2.dcw-content-header-title,
	.dcw-eform-sample .dcw-content-header {
		font-size: 25px;
	}

	.dcw-eform-sample .dcw-content-header-desc,
	.dcw-eform-sample .dcw-form-input-content,
	.dcw-eform-sample .dcw-radio-choice,
	.dcw-checkbox-container label {
		font-size: 16px;
	}
	/* .dcw-eform-sample .dcw-alert-container .dcw-alert-text, .dcw-eform-sample .dcw-input-withplaceholder:focus + .dcw-label-withplaceholder, .dcw-eform-sample .dcw-input-withplaceholder:not(:placeholder-shown) + .dcw-label-withplaceholder {
        font-size: 18px;
    } */
	/* End Eform Sample-1 */

	/* Search */
	.dcw-search-page .dcw-search-input,
	.dcw-search-page .dcw-search-type,
	.dcw-search-page .dcw-search-count,
	.dcw-search-page .dcw-search-container {
		max-width: 1100px;
		margin: 0 auto;
	}

	.dcw-search-page .dcw-search-type .search-type-item {
		font-size: 16px;
		height: 42px;
	}

	.dcw-search-page .dcw-search-result .search-card-category,
	.dcw-search-page .dcw-search-result .search-card-desc {
		font-size: 16px;
	}

	.dcw-search-page .dcw-search-result .search-card-title {
		font-size: 25px;
	}

	.dcw-search-page .dcw-search-result .search-card-link {
		font-size: 18px;
	}

	.dcw-search-page .dcw-search-pagination .search-page-prev,
	.dcw-search-page .dcw-search-pagination .search-page-next {
		width: 60px;
		height: 60px;
	}

	.dcw-search-page .dcw-search-pagination .search-page-prev img,
	.dcw-search-page .dcw-search-pagination .search-page-next img {
		width: 36px;
		height: 36px;
	}

	.dcw-search-page .dcw-search-pagination ul li {
		width: 60px;
		height: 60px;
		gap: 1rem;
	}
	/* End Search */

	/* Personal Investasi */
	.quick-download-main-title {
		font-size: 32px;
		max-width: 1100px;
	}
	/* End Personal Investasi */

	/* Privilage */
	.dcw-colorable-cards .dcw-title {
		font-size: 32px;
	}

	.dcw-colorable-cards .dcw-card-title {
		font-size: 25px;
	}

	.dcw-colorable-cards .dcw-card-description,
	.dcw-colorable-cards .dcw-hyperlink-text {
		font-size: 16px;
	}

	.dcw-pointcard-slider .dcw-head-title {
		max-width: 1100px;
		font-size: 32px;
	}

	.dcw-pointcard-slider .main-content-title {
		font-size: 32px;
	}

	.dcw-pointcard-slider .points-title {
		font-size: 25px;
	}

	.dcw-pointcard-slider .point-num {
		width: 30px;
		height: 30px;
		font-size: 16px;
	}

	.dcw-pointcard-slider .points-content p,
	.dcw-pointcard-slider .points-content li,
	.dcw-pointcard-slider.privilege-theme .main-content-button > a {
		font-size: 16px;
	}

	.dcw-pointcard-slider .main-content-button > a {
		padding: 1.5rem;
	}
	/* End Privilage */

	/* Fin Adjustment */
	.dcw-quickaccess .qa-toggle {
		transform: translateX(40%);
	}
	/* End Fin Adjustment */

	/* Neo App Banner */
	.neo-app-banner-container {
		max-width: 1100px;
	}

	.neo-app-banner-text-contents-description p {
		font-size: 16px;
	}

	.neo-app-banner-text-contents-download-btn {
		font-size: 16px;
		width: fit-content;
	}
	/* End Neo App Banner */

	.dcw-promohero-slider .dcw-card-container .swiper {
		padding: 4rem 0;
	}

	.dcw-contact-cards .dcw-contact-cards-container {
		max-width: 1100px;
	}
}
/* tampilan end */
/* End Screen Adjustment */

.reg-mark {
	font-size: 0.6em; /* kecil */
	vertical-align: super; /* standar naik */
	color: white;
}

.dcw-lifejourneyquest .dcw-content.sub-content:not(.show) {
	display: none;
}

.dcw-profile-popup .profile-summary {
	text-align: center !important;
	align-items: center !important;
}

/* OVERRIDE */

@media (min-width: 1025px) {
	.dcw-ebank-innertitle .dcw-header-desc,
	.dcw-ebanking-subcategory .dcw-card-title,
	.dcw-ebanking-subcategory .dcw-card-description,
	.dcw-faq-richtext span,
	.dcw-faq-richtext p,
	.dcw-faq-richtext li,
	.dcw-faq-richtext li p,
	.dcw-faq-richtext li span,
	.dcw-faq-richtext strong,
	.dcw-faq-richtext .dcw-section-content-container p,
	.dcw-faq-sidetab .dcw-section-content-container p,
	.dcw-rich-sidetab .dcw-section-content-container p,
	.dcw-faq-sidetab .dcw-nav-tag,
	.dcw-faq-richtext th,
	.dcw-faq-richtext td,
	.dcw-product-richtext .dcw-section-content-container table td,
	.dcw-product-richtext .dcw-section-content-container table b,
	.dcw-product-richtext .dcw-section-content-container table th,
	.dcw-faq-sidetab .dcw-section-content-container table td,
	.dcw-faq-sidetab .dcw-section-content-container table b,
	.dcw-faq-sidetab .dcw-section-content-container table th,
	.dcw-rich-sidetab .dcw-section-content-container table td,
	.dcw-rich-sidetab .dcw-section-content-container table b,
	.dcw-rich-sidetab .dcw-section-content-container table th,
	.dcw-rich-sidetab .dcw-nav-tag,
	.dcw-faq-richtext .dcw-section-content-container span,
	.dcw-faq-sidetab .dcw-section-content-container span,
	.dcw-rich-sidetab .dcw-section-content-container span,
	.dcw-richtext-content span,
	.dcw-rich-sidetab .dcw-section-content-container ol li,
	.dcw-faq-richtext .dcw-section-content-container ol li,
	.dcw-faq-richtext .dcw-section-content-container ol li::marker,
	.dcw-rich-sidetab .dcw-section-content-container ol li::marker,
	.dcw-rich-sidetab .dcw-section-content-container ul li,
	.dcw-faq-richtext .dcw-section-content-container ul li,
	.dcw-faq-richtext .dcw-section-content-container ul li::marker,
	.dcw-rich-sidetab .dcw-section-content-container ul li::marker,
	.dcw-faq-richtext .dcw-section-content-container table th,
	.dcw-faq-richtext .dcw-section-content-container table td,
	.dcw-rich-sidetab .dcw-section-content-container table th,
	.dcw-rich-sidetab .dcw-section-content-container table td,
	.dcw-faq-richtext .dcw-section-content-container a,
	.dcw-rich-sidetab .dcw-section-content-container a,
	.dcw-faq-richtext .dcw-section-content-container strong,
	.dcw-rich-sidetab .dcw-section-content-container strong,
	.dcw-news-richtext .dcw-section-content p,
	.dcw-news-richtext .dcw-section-content ol li,
	.dcw-news-richtext .dcw-section-content ol li::marker,
	.dcw-news-richtext .dcw-section-content ul li,
	.dcw-news-richtext .dcw-section-content ul li::marker,
	.dcw-news-richtext .dcw-section-content table th,
	.dcw-news-richtext .dcw-section-content table td,
	.dcw-news-richtext .dcw-section-content a,
	.dcw-news-richtext .dcw-section-content strong,
	.dcw-product-richtext .dcw-nav-tag,
	.dcw-product-richtext .dcw-section-content-container p,
	.dcw-faq-sidetab .dcw-section-content-container p,
	.dcw-rich-sidetab .dcw-section-content-container p,
	.dcw-profile-popup .dcw-nav-tag,
	.dcw-profile-popup li,
	.dcw-profile-popup li a,
	.dcw-profile-popup li p,
	.dcw-profile-popup li span,
	.dcw-breadcrumb-container a,
	.dcw-full-richtext p,
	.dcw-full-richtext li,
	.dcw-full-richtext a,
	.dcw-fullrich-card .dcw-fullrich-card-container .dcw-card-title,
	.dcw-fullrich-card .dcw-fullrich-card-container li,
	.dcw-fullrich-card .dcw-fullrich-card-container p,
	.dcw-full-richtext table th,
	.dcw-full-richtext table td,
	.dcw-news-richtext .dcw-section-content p,
	.dcw-news-richtext .dcw-section-content b,
	.dcw-news-richtext a.cta-btn,
	.dcw-news-richtext .dcw-section-content table td,
	.dcw-news-richtext .dcw-table-cont th,
	.dcw-fiturproduct-alt .dcw-card-product-content-container,
	.dcw-ebanking-subcategory .dcw-filter-tag,
	.dcw-profile-popup .dcw-section-content-container p,
	.dcw-faq-sidetab .dcw-section-content-container p,
	.dcw-rich-sidetab .dcw-section-content-container p,
	.dcw-profile-popup .profile-card-summary .profile-summary-name,
	.dcw-profile-popup .profile-card-summary .profile-summary-title,
	.dcw-faq-richtext .dcw-nav-tag,
	.dcw-fiturproduct-alt .dcw-card-product-content-container,
	.dcw-ebanking-table-richtext th,
	.dcw-ebanking-table-richtext td,
	.dcw-ebanking-table-richtext p,
	.dcw-alter-text-content,
	.accordion-item-content,
	.dcw-ebanking-table-richtext td a {
		font-size: 14px !important;
	}

	.dcw-profile-popup .dcw-section-content-container h4,
	.dcw-faq-sidetab .dcw-section-content-container h4,
	.dcw-rich-sidetab .dcw-section-content-container h4,
	.dcw-product-richtext .dcw-section-content-container h4 {
		font-size: 16px !important;
	}
}

/* New Home Banner */
@media (max-width: 1024px) {
	.dcw-new-hero-banner {
		width: 100%;
		height: calc(100vh - 92px);
		position: relative;
		/* overflow: hidden; */
	}

	.big-banner-item-dcw-new-hero-banner {
		width: 100%;
		height: calc(100vh - 92px);
	}

	.big-banner-item-dcw-new-hero-banner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.contents-dcw-new-hero-banner {
		width: 100%;
		/* height: 100%; */
		position: absolute;
		top: 50%;
		left: 0;
		z-index: 100;
		padding: 1rem;
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		gap: 2rem;
	}

	.dcw-new-hero-banner-leftside {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
		width: 100%;
		position: relative;
		height: fit-content;
	}

	.text-dcw-new-hero-banner-leftside h1 {
		font-size: 34px;
		color: white;
		font-weight: 700;
		text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
	}

	.text-dcw-new-hero-banner-leftside p {
		color: white;
		font-size: 14px;
		text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
	}

	.new-moment-card {
		width: fit-content;
		height: 100%;
		/* aspect-ratio: 5/3; */
		border-radius: 16px;
		background-color: rgba(26, 26, 26, 0.3);
		padding: 1rem;
		display: flex;
		flex-direction: row;
		/* justify-content: space-between; */
		user-select: none;
		gap: 0.5rem;
		align-items: center;
	}

	.title-new-moment-card {
		color: white;
		font-size: 16px;
	}

	.dcw-new-hero-banner-swiper .swiper-slide-active .new-moment-card {
		background-color: rgba(232, 78, 21, 1);
		border: 1px solid rgba(255, 152, 114, 1);
	}

	.dcw-new-hero-banner-swiper .swiper-slide {
		width: fit-content;
	}

	.button-container-dcw-new-hero-banner-swiper {
		display: none;
	}

	.dcw-new-hero-banner-swiper {
		height: 5rem;
	}

	.kurs-and-slider-container {
		width: 100%;
		height: fit-content;
		background-color: rgba(26, 26, 26, 0.3);
		/* position: absolute; */
		bottom: 0;
		right: 0;
		z-index: 100;
		border-radius: 16px;
		padding: 1rem;
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.dcw-new-hero-banner-rightside {
		display: flex;
		width: 100%;
		overflow-x: hidden;
		position: relative;
		height: 100%;
	}

	.rightside-kurs {
		width: 100%;
		/* aspect-ratio: 65/17; */
		background-color: white;
		border-radius: 16px;
		padding: 0.8rem;
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
		justify-content: space-between;
	}

	.rightside-kurs-img-container {
		width: 30px;
		height: 30px;
	}

	.rightside-kurs-img-container img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.rightside-kurs-text {
		display: flex;
		flex-direction: column;
	}

	.rightside-kurs-text-header {
		font-size: 16px;
		font-weight: 700;
	}

	.rightside-kurs-text-date {
		font-size: 10px;
	}

	.rightside-kurs-anchor {
		font-size: 12px;
		font-weight: 700;
		color: rgba(232, 78, 21, 1);
	}

	.rightside-kurs-top-left {
		gap: 0.5rem;
		display: flex;
		align-items: center;
	}

	.rightside-kurs-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}

	.rightside-kurs-bottom-swiper {
		width: 100%;
		overflow-x: hidden;
		padding: 5px;
	}

	.rightside-kurs-item {
		width: 100%;
		height: 100%;
		border-radius: 10px;
		/* aspect-ratio: 16/9; */
		background-color: white;
		border: 1px solid rgba(224, 224, 224, 1);
		box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 2px;
		padding: 5px;
	}

	.rightside-kurs-item-img-container {
		width: 20px;
		height: 20px;
	}

	.rightside-kurs-item-img-container img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.rightside-kurs-item-currency {
		font-size: 12px;
	}

	.rightside-kurs-item-value {
		font-size: 8px;
	}

	.rightside-kurs-item-currency-container {
		width: 60%;
		display: flex;
		flex-direction: column;
	}

	.rightside-slider-swiper {
		overflow-x: hidden;
	}

	.rightside-slider-item {
		width: 100%;
		aspect-ratio: 3/2;
		border-radius: 16px;
		display: block;
	}

	.rightside-slider-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 16px;
	}

	.rightside-slider-pagination {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 0.5rem;
		width: fit-content !important;
		margin: 0 auto;
		background-color: rgba(255, 255, 255, 0.2);
		padding: 5px;
		border-radius: 999px;
	}

	.rightside-slider-pagination .swiper-pagination-bullet {
		background-color: transparent;
		border: 1px solid white;
		opacity: 1;
	}

	.rightside-slider-pagination
		.swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 20px !important;
		background-color: white !important;
		border-radius: 30px !important;
	}

	.new-moment-card-img-container {
		display: flex;
		align-items: center;
	}

	body.locked {
		touch-action: none;
		overscroll-behavior: contain;
	}

	html,
	body {
		overscroll-behavior: none;
	}

	.text-dcw-new-hero-banner-leftside {
		position: absolute;
		bottom: 6rem;
	}
}

@media (min-width: 1025px) {
	.dcw-new-hero-banner-swiper .swiper-slide {
		width: unset;
	}

	.dcw-new-hero-banner {
		width: 100%;
		height: 100%;
		aspect-ratio: 16/7;
		position: relative;
	}

	.big-banner-dcw-new-hero-banner-swiper {
		width: 100%;
		height: 100%;
		overflow-x: hidden;
	}

	.big-banner-item-dcw-new-hero-banner {
		width: 100%;
		height: 100%;
		aspect-ratio: 16/7;
	}

	.big-banner-item-dcw-new-hero-banner img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.contents-dcw-new-hero-banner {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 100;
		padding: 1rem 3rem;
		align-items: flex-end;
		display: flex;
		justify-content: space-between;
	}

	.text-dcw-new-hero-banner-leftside {
		width: 65%;
		position: static;
	}

	.text-dcw-new-hero-banner-leftside h1 {
		font-size: 36.62px;
		color: white;
		font-weight: 700;
		text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
	}

	.text-dcw-new-hero-banner-leftside p {
		color: white;
		font-size: 16px;
		text-shadow: 2px 4px 4px rgba(0, 0, 0, 0.5);
		transition-property: all;
		transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		transition-duration: 150ms;
	}

	.dcw-new-hero-banner-rightside {
		display: flex;
		width: 35%;
		overflow-x: hidden;
		position: relative;
		height: 100%;
	}

	.dcw-new-hero-banner-leftside {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
		width: 45%;
		overflow-x: hidden;
	}

	.dcw-new-hero-banner-swiper {
		width: 100%;
	}

	.new-moment-card {
		width: 100%;
		height: 100%;
		aspect-ratio: 5/3;
		border-radius: 16px;
		background-color: rgba(26, 26, 26, 0.3);
		padding: 1rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		user-select: none;
		cursor: pointer;
	}

	.new-moment-card-img-container {
		width: 36px;
		height: 36px;
	}

	.new-moment-card-img-container img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.title-new-moment-card {
		color: white;
		font-size: 14px;
	}

	.button-prev-dcw-new-hero-banner-swiper,
	.button-next-dcw-new-hero-banner-swiper {
		width: 40px;
		height: 40px;
		background-color: white;
		border-radius: 999px;
		font-weight: 700;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 16px;
	}

	.button-next-dcw-new-hero-banner-swiper::after {
		content: "next";
		font-family: swiper-icons;
		text-transform: none !important;
		letter-spacing: 0;
		font-variant: initial;
		line-height: 1;
		color: #e84e15;
	}

	.button-prev-dcw-new-hero-banner-swiper::after {
		content: "prev";
		font-family: swiper-icons;
		text-transform: none !important;
		letter-spacing: 0;
		font-variant: initial;
		line-height: 1;
		color: #e84e15;
	}

	.button-container-dcw-new-hero-banner-swiper {
		display: flex;
		align-items: center;
		gap: 1.5rem;
		margin-top: 1.5rem;
	}

	.button-container-dcw-new-hero-banner-swiper .swiper-button-disabled {
		opacity: 0.5;
	}

	.dcw-new-hero-banner-swiper .swiper-slide-active .new-moment-card {
		background-color: rgba(232, 78, 21, 1);
		border: 1px solid rgba(255, 152, 114, 1);
	}

	.kurs-and-slider-container {
		width: 100%;
		height: fit-content;
		background-color: rgba(26, 26, 26, 0.3);
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 100;
		border-radius: 16px;
		padding: 2rem;
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.rightside-kurs {
		width: 100%;
		/* aspect-ratio: 65/17; */
		background-color: white;
		border-radius: 16px;
		padding: 0.8rem;
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
		justify-content: space-between;
	}

	.rightside-kurs-img-container {
		width: 30px;
		height: 30px;
	}

	.rightside-kurs-img-container img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.rightside-kurs-text {
		display: flex;
		flex-direction: column;
	}

	.rightside-kurs-text-header {
		font-size: 18px;
		font-weight: 700;
	}

	.rightside-kurs-text-date {
		font-size: 12px;
	}

	.rightside-kurs-anchor {
		font-size: 14px;
		font-weight: 700;
		color: rgba(232, 78, 21, 1);
	}

	.rightside-kurs-top-left {
		gap: 0.5rem;
		display: flex;
		align-items: center;
	}

	.rightside-kurs-top {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}

	.rightside-kurs-bottom-swiper {
		width: 100%;
		overflow-x: hidden;
		padding: 5px;
	}

	.rightside-kurs-item {
		width: 100%;
		height: 100%;
		border-radius: 10px;
		/* aspect-ratio: 16/9; */
		background-color: white;
		border: 1px solid rgba(224, 224, 224, 1);
		box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 2px;
		padding: 5px;
	}

	.rightside-kurs-item-img-container {
		width: 20px;
		height: 20px;
	}

	.rightside-kurs-item-img-container img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.rightside-kurs-item-currency {
		font-size: 12px;
	}

	.rightside-kurs-item-value {
		font-size: 8px;
	}

	.rightside-kurs-item-currency-container {
		width: 60%;
		display: flex;
		flex-direction: column;
	}

	.rightside-slider-swiper {
		overflow-x: hidden;
	}

	.rightside-slider-item {
		width: 100%;
		aspect-ratio: 3/2;
		border-radius: 16px;
		display: block;
	}

	.rightside-slider-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		border-radius: 16px;
	}

	.rightside-slider-pagination {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 0.5rem;
		width: fit-content !important;
		margin: 0 auto;
		background-color: rgba(255, 255, 255, 0.2);
		padding: 5px;
		border-radius: 999px;
	}

	.rightside-slider-pagination .swiper-pagination-bullet {
		background-color: transparent;
		border: 1px solid white;
		opacity: 1;
	}

	.rightside-slider-pagination
		.swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 20px !important;
		background-color: white !important;
		border-radius: 30px !important;
	}
}

@media (min-width: 1025px) and (max-width: 1279px) {
	.text-dcw-new-hero-banner-leftside {
		width: 90%;
	}

	.new-moment-card {
		padding: 1rem;
	}

	.new-moment-card-img-container {
		width: 20px;
		height: 20px;
	}

	.title-new-moment-card {
		font-size: 10px;
	}

	.text-dcw-new-hero-banner-leftside h1 {
		font-size: 30px;
	}

	.text-dcw-new-hero-banner-leftside p {
		font-size: 12px;
	}

	.rightside-kurs-text-header {
		font-size: 14px;
	}

	.rightside-kurs-text-date {
		font-size: 10px;
	}

	.rightside-kurs-anchor {
		font-size: 10px;
	}
}
/* End New Home Banner */