@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body.front-end {
	overflow-x: hidden;
	scroll-behavior: smooth;
	font-family: 'Open Sans' !important;
}

body.front-end .highlight-style {
	padding-right: 0rem;

}

.swiper-wrapper {
	padding-top: 1rem
}

body.front-end .span-preview {
	position: relative;
	z-index: 1001;
	margin-top: 2px;
	cursor: pointer;
}

body.front-end .card-promo-homepage {
	height: 179px !important;
}

body.front-end .margin-modal-filter {

	height: auto !important;
	margin-top: 5% !important;
	padding: 1rem 2rem !important;
}

body.front-end .name-document-preview {
	cursor: pointer !important;
	margin-top: -3rem !important;
	margin-left: 2rem !important;

}

body.front-end .icon-file-preview {
	width: 25px;
	height: 25px;
	cursor: pointer;
	margin-top: -3.5rem;
	position: relative;
	z-index: 1001;
}

.button-send-otp {
	color: #717171;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 0;
	border: none;
	margin: auto;
	display: block;
	cursor: pointer;
	border-radius: 0 !important;
	background: none !important;
}

/* Gaya border bawah warna abu */
.input-otp {
	border: none !important;
	border-bottom: 4px solid #C4C4C4 !important;
	margin: 5px !important;
	width: 30px !important;
	text-align: center;
	font-size: 20px !important;
}

body.front-end .logo-brand {
	height: 4rem;
	width: auto;
}

body.front-end .caption-image {
	color: #717171 !important;
	font-family: "Open Sans";
	font-size: 10px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 14px;
}

body.front-end .position-article {
	float: left;
}

body.front-end .display-row-education {
	display: flex;
}

body.front-end .share-education {
	border-radius: 50px;
	background: #E4F8F9;
	padding: 10px 20px;
	width: 183px;
	height: auto;
	margin: 0;
}

body.front-end .share-education p {
	color: #A0A0A0;
	text-align: right;
	font-family: 'Open Sans';
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 28px;
	/* 175% */
}

body.front-end .news--article-title-education {
	color: #717171 !important;
	font-family: 'Open Sans';
	font-size: 36px !important;
	font-style: normal;
	font-weight: 700;
	line-height: 44px;
	/* 122.222% */
}

body.front-end .card-detail-sosmed {
	border-radius: 16px;
	background: #FFF;
	height: auto;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
	overflow: hidden;
}

body.front-end .text-modal-filter {
	color: #717171 !important;
	font-family: "Open Sans";
	font-size: 16px;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 16px;
}

body.front-end .text-modal-filter-2 {
	color: #717171 !important;
	font-family: "Open Sans";
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 16px;
}

body.front-end .btn-filter-education {
	border-radius: 30px;
	border: none;
	text-wrap: nowrap;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
	color: #212529 !important;
	font-family: 'Open Sans';
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: normal;
	padding: 5px 14px;
	margin-right: 19px;
	cursor: pointer;
	display: flex;
	align-items: center;
}

body.front-end .btn-filter-education-1 {
	border-radius: 30px;
	text-wrap: nowrap;
	border: 1px solid #C4C4C4;
	background: #FFF;
	padding: 5px 14px;
	height: 40px;
	color: #212529 !important;
	font-family: 'Open Sans';
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: normal;
	margin-top: 3px;
	margin-right: 19px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

body.front-end .btn-filter-education-1-modal {
	border-radius: 30px;
	border: 1px solid #C4C4C4;
	background: #FFF;
	padding: 5px 14px;
	height: 30px;
	color: #212529 !important;
	font-family: 'Open Sans';
	font-size: 12px !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: normal;
	margin-top: 3px;
	margin-right: 19px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.btn-filter-education-1-active {
	border-radius: 30px;
	border: 2px solid #2B88E0;
	background: #FFF;
	padding: 5px 14px;
	height: 40px;
	color: #212529 !important;
	font-family: 'Open Sans';
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: normal;
	margin-top: 3px;
	margin-right: 19px;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.icon-filter {
	height: 20px;
	width: 20px;
	margin-right: 5px;
}

body.front-end .col-custom {
	flex: 0 0 23%;
	max-width: 25%;
	margin: 0 6px;
}

body.front-end .row-section-astari {
	display: flex;
	flex-flow: row-reverse;
}

body.front-end .style-more-education {
	color: #1469C7 !important;
	text-align: center;

	/* Text L/SemiBold */
	font-family: "Open Sans";
	font-size: 16px !important;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	/* 150% */
	margin-bottom: 0 !important;
	margin-right: 10px;
	cursor: pointer;
}

body.front-end .text-new-astari {
	color: #717171;
	font-family: 'Poppins';
	font-size: 14px !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 28px;
	/* 200% */
}

body.front-end .col-custom-2 {
	flex: 0 0 48%;
	max-width: 50%;
	margin: 0 6px;
}

body.front-end .banner-sosmed {
	width: 100%;
	height: 120px;
	object-fit: cover;
	border-radius: 16px 16px 0px 0px;
}

body.front-end .logo-new-astari {
	width: 350px;
	height: 250px;
}

body.front-end .profile-sosmed {
	width: 80px;
	height: 80px;
	margin: auto;
	display: block;
	border-radius: 100%;
	object-fit: cover;
	margin-top: -3rem;
}

body.front-end .profile-sosmed-2 {
	width: 80px;
	height: 80px;
	margin-left: 10%;
	display: block;
	border-radius: 100%;
	object-fit: cover;
	margin-top: -2rem;
}

body.front-end .name-sosmed {
	color: #717171;
	font-family: 'Open Sans';
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.1em;
	/* 100% */
	text-align: center;
	margin-bottom: 4px;
	margin-top: 10px;
}

body.front-end .name-sosmed-2 {
	color: #717171;
	font-family: 'Open Sans';
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 1.1em;
	text-align: center;
	margin-bottom: 4px;
	margin-top: -15px;
}

body.front-end .counter-sosmed {
	color: #717171;
	font-family: 'Open Sans';
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 20px;
	/* 125% */
	text-align: center;
	margin-bottom: 20px;
}

body.front-end .sosmed--tabs .nav-tabs .nav-link.active .logo-tab-sosmed {
	display: none;
}

body.front-end .sosmed--tabs .nav-tabs .nav-link.active .logo-tab-sosmed-active {
	display: block;
}

body.front-end .sosmed--tabs .nav-tabs .nav-link .logo-tab-sosmed {
	display: block;
}

body.front-end .sosmed--tabs .nav-tabs .nav-link .logo-tab-sosmed-active {
	display: none;
}

input#wa {
	width: 20px;
	height: 20px;
}

body.front-end .tab-sosmed {
	margin-left: -20px;
}

body.front-end .component-tab-sosmed {
	margin-left: 60px;
	margin-top: 32px;
	position: absolute;
}

/* style forklift */

.card-form-forklift {
	background: #FFFFFF;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
}

.card-detail-forklift {
	border-radius: 24px;
	padding: 23px 36px;
	z-index: 10;
	background: linear-gradient(180deg, #FFFFFF 26.53%, #F1FDFF 59.31%);
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
	margin-top: -8rem;
}

.card-detail-contactUs {
	border-radius: 16px !important;
	padding: 23px 36px;
	z-index: 10;
	background: linear-gradient(180deg, #FFFFFF 26.53%, #F1FDFF 59.31%);
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
	margin-top: -2rem;
}



@media screen and (min-width: 720px) and (max-width: 980px) {
	.card-detail-forklift {
		top: -10rem;
	}

	.card-detail-contactUs {
		top: 1rem;
	}
}

@media screen and (min-width: 980px) {
	.card-detail-forklift {
		top: 0rem;
	}

	.card-detail-contactUs {
		top: 0rem;
	}
}

.card-detail-forklift .nav-item {
	color: #717171;
}

.card-detail-forklift .nav-item a p {
	color: #717171;
	font-weight: 700;
	line-height: 24px;
}

.card-detail-forklift .nav-item .active {
	background: transparent;
}

.card-detail-forklift .nav-item .active p {
	color: #1469C7;
}

.card-detail-contactUs .nav-item {
	color: #717171;
}

.card-detail-contactUs .nav-item a p {
	color: #717171;
	font-weight: 700;
	line-height: 24px;
}

.card-detail-contactUs .nav-item .active {
	background: transparent;
}

.card-detail-contactUs .nav-item .active p {
	color: #1469C7;
}

.content-detail-produk h2 {
	color: #1469C7 !important;
	font-family: 'Open Sans' !important;
	font-style: normal;
	font-weight: 700;
	font-size: 36px !important;
	line-height: 44px;
}

.content-detail-produk h3 {
	color: #1469C7;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 28px !important;
}

.content-detail-produk p {
	color: #717171;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400 !important;
	font-size: 20px !important;
	line-height: 28px !important;
}

@media (max-width: 767px) {
	body.front-end .card-promo-homepage {
		height: 162px !important;
	}

	body.front-end .height-detail-artikel {
		height: 80px !important;
	}

	body.front-end .margin-modal-filter {
		margin-top: 2vh !important;
	}

	body.front-end .padding-mobile-field {
		padding: 0;
	}

	body.front-end .position-article {
		float: none;
	}

	body.front-end .share-education {
		border-radius: 50px;
		background: #E4F8F9;
		padding: 10px 20px;
		width: 183px;
		height: auto;
		margin: auto;
	}

	body.front-end .display-row-education {
		display: block;
	}

	.scroll-tab-filter {
		overflow-x: scroll;
		padding-bottom: 20px;
	}

	body.front-end .btn-filter-education {
		border-radius: 30px;
		border: none;
		background: #FFF;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
		color: #212529 !important;
		font-family: 'Open Sans';
		font-size: 14px !important;
		font-style: normal;
		font-weight: 400 !important;
		line-height: normal;
		padding: 5px 14px;
		margin-right: 19px;
		cursor: pointer;
		display: flex;
		align-items: center;
	}

	body.front-end .btn-filter-education-1 {
		border-radius: 30px;
		border: 1px solid #C4C4C4;
		background: #FFF;
		padding: 5px 14px;
		height: 40px;
		color: #212529 !important;
		font-family: 'Open Sans';
		font-size: 14px !important;
		font-style: normal;
		font-weight: 400 !important;
		line-height: normal;
		margin-top: 3px;
		margin-right: 19px;
		display: flex;
		align-items: center;
		cursor: pointer;
	}

	body.front-end .btn-filter-education-1-modal {
		border-radius: 30px;
		border: 1px solid #C4C4C4;
		background: #FFF;
		padding: 5px 14px;
		height: 30px;
		color: #212529 !important;
		font-family: 'Open Sans';
		font-size: 12px !important;
		font-style: normal;
		font-weight: 400 !important;
		line-height: normal;
		margin-top: 3px;
		margin-right: 19px;
		display: flex;
		align-items: center;
		cursor: pointer;
	}

	.btn-filter-education-1-active {
		border-radius: 30px;
		border: 2px solid #2B88E0;
		background: #FFF;
		padding: 5px 14px;
		height: 40px;
		color: #212529 !important;
		font-family: 'Open Sans';
		font-size: 14px !important;
		font-style: normal;
		font-weight: 400 !important;
		line-height: normal;
		margin-top: 3px;
		margin-right: 19px;
		display: flex;
		align-items: center;
		cursor: pointer;
	}

	.card-btn-mobile {
		padding: 0px 5px !important;
	}

	.card-detail-forklift {
		margin-top: -4rem;
		border-radius: 0px;
		padding: 16px 16px;
	}

	.card-detail-contactUs {
		margin-top: 3rem;
		border-radius: 0px;
		padding: 16px 16px;
	}

	.content-detail-produk h3 {
		font-size: 14px !important;
	}

	.content-detail-produk p {
		font-size: 14px !important;
	}
}

.content-detail-produk a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	color: #339AAA;
	float: right;
	text-align: right !important;
}

.content-detail-produk img {
	max-width: 100%;
}

.swiper--product .swiper-pagination {
	margin-top: 2rem;
}

.swiper--product .swiper-button-next {
	background: rgba(0, 0, 0, 0.4);
	box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
	border-radius: 20px 0px 0px 20px;
	/* transform: rotate(-180deg); */
	/* font-size: 12px; */
	right: 0;
}

.swiper--product .swiper-button-prev {
	background: rgba(0, 0, 0, 0.4);
	box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
	border-radius: 0px 20px 20px 00px;
	/* transform: rotate(-180deg); */
	/* font-size: 12px; */
	left: 0;
}

.swiper--product .swiper-button-next:after {
	content: 'next';
	font-size: 14px;
	color: white;
}

.swiper--product .swiper-button-prev:after {
	content: 'prev';
	font-size: 14px;
	color: white;
	background: transparent;
	padding: 5px;
	margin-top: -2px;
}

.swiper-pagination-bullet {
	background: #ffffff !important;
	opacity: 100%;
}

.swiper--product .swiper-slide {
	margin: 0 !important;
}

.swiper--product .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #3DB9CC !important;
	/* border: 1px solid #FFFFFF; */
}

.swiper--product .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
	bottom: 30%;
	width: 1rem;
	left: 4%;
}



@media screen and (max-width: 480px) {
	.nav {
		padding-left: 2px;
		padding-right: 2px;
	}

	.nav li {
		display: block !important;
		width: 100%;
		margin: 0px;
	}

	.nav li.active {
		border-bottom: 1px solid #ddd !important;
		margin: 0px;
	}
}

.style-syarat img {
	display: block;
	margin: auto;
	width: 150px;
	height: 150px;
}

.style-syarat p {
	color: #717171;
	margin-top: 20px;
	text-align: center;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 20px !important;
}

@media (max-width: 767px) {
	body.front-end .news--category .news--category-type {
		color: #FF8000;
		font-family: 'Open Sans';
		font-size: 14px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 20px;
	}

	body.front-end .news--category .news--category-date {
		margin: 0 1rem;
		color: #A0A0A0;
		text-align: right;
		font-family: 'Open Sans';
		font-size: 14px !important;
		font-style: normal;
		font-weight: 400;
		line-height: 20px;
	}

	body.front-end .news--category {
		align-items: center;
		display: flex;
		font-size: .7rem;
		justify-content: space-between;
		margin: 1rem 0;
	}

	.style-syarat p {
		font-size: 12px !important;
		line-height: 16px !important;
	}
}

body.front-end .duplicateBtn {
	color: #717171;
	padding: 0;
	margin: 0;
	font-family: Open Sans;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	width: 168px;
	margin-left: 3rem;
	height: 32px;
	flex-shrink: 0;
	border: none;
	border-radius: 25px;
	background: #FFF;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
}

body.front-end .logo-tab-sosmed {
	width: 25px;
	height: 25px;
	margin-right: 15px;
}

body.front-end .logo-tab-sosmed-active {
	width: 25px;
	height: 25px;
	margin-right: 15px;
}

body.front-end .text-toggle {
	color: #717171;
	font-family: Open Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 20px;
	/* 142.857% */
}

body.front-end .title-mMall {
	color: #1B4D7C !important;
	font-weight: 700 !important;
	font-size: 28px !important;
	line-height: 44px !important;
	margin-top: 1rem;
}

body.front-end .icon-breadrumb {
	width: 14px;
	height: 14px;
	margin: 4px 5px;
}

body.front-end .breadcrumb-settings {
	color: #717171 !important;
	text-align: right;
	font-family: 'Open Sans';
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

body.front-end .logo-sosial-media {
	margin-top: -60px;
	margin-left: 57px;
}

body.front-end .breadcrumb-settings-active {
	color: #339AAA !important;
	font-family: 'Open Sans';
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
}

body.front-end .title-channel {
	color: #1469C7 !important;
	font-weight: 700 !important;
	font-size: 28px !important;
	line-height: 40px !important;
}

body.front-end .flex-basis-setting {
	flex-basis: 60% !important;
}

body.front-end .padding-address-section {
	padding: 0rem 0.6rem 1rem 0.6rem;
}

body.front-end .iink-sosmed {
	font-family: 'Open Sans' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	color: #3DB9CC !important;
	text-decoration: underline;
}

body.front-end .style-card-testimoni {
	background: rgba(208, 225, 244, 0.25);
	border-radius: 15px;
	padding: 1.25rem 1.25rem 1.5rem 1.25rem;
	height: 225px;
	margin: 0.5rem;
}

.swiperComment .swiper-slide {
	width: 47% !important;
	margin-right: 2% !important;
}

body.front-end .bg-transparant {
	background: transparent !important;
}

body.front-end .img-icon-mobilmall {
	box-shadow: -50px 50px 100px rgba(0, 0, 0, 0.4);
	width: 34px;
	height: 34px;
}

.desktop-footer--content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: baseline;
	margin: -1rem 0 1rem 0;
}

body.front-end .career-not-found {
	margin: 4rem auto 2rem auto;
	display: block;
	height: 20rem;
	width: auto;
}

body.front-end .text-icon-sosmed {
	font-family: 'Open Sans' !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 20px;
	color: #FFFFFF !important;
}

body.front-end .logo-new {
	width: 249px;
	height: 54px;
}

body.front-end .text-career-not-found {
	color: #124DB2;
	font-weight: 700;
	text-align: center;
	margin-left: 70px;
}

body.front-end .col-simulasi-total {
	max-width: 14% !important;
}

body.front-end .height-simulasi-table {
	height: 55px;
	justify-content: center;
	align-items: center;
	display: flex;
}

body.front-end .section-text-angsuran p {
	font-size: 12px !important;
	margin-bottom: -7px;
}

body.front-end .style-color-choose {
	font-weight: 700;
	font-size: .7rem;
	margin-top: 1rem;
	margin-bottom: 0rem;
}

body.front-end .sub-title-mobil-mall {
	color: #339AAA;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	margin-bottom: 0;
}

body.front-end .title-mobil-mall {
	color: #0D4685;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 0;
	height: 68px;
}

body.front-end .price-mobil-mall {
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 18px;
	line-height: 20px
}

body.front-end .hr-mobil-mall {
	margin: 0.5rem 0;
	border-bottom: 1px solid #A0A0A0;
}

body.front-end .section-text-angsuran {
	display: flex;
	font-size: 14px;
	justify-content: space-between;
	column-gap: 0.8rem;
}

body.front-end .detail-mobil-mall {}

body.front-end .flex-basis {
	flex-basis: 50%;
}

body.front-end .flex-basis .title {
	font-weight: 700;
	margin-bottom: 0;
	font-size: .7rem;
}

body.front-end .style-spec {
	height: 1.25rem;
	display: inline;
}

body.front-end .flex-basis .desc {
	font-size: .7rem;
	line-height: 16px;
}

body.front-end .span-spec {
	font-size: .65rem;
	margin-left: .3rem;
	height: 50px;
	margin-bottom: 0rem !important;
}

body.front-end .flex-basis .title-2 {
	font-weight: 700;
	margin-bottom: .5rem;
	font-size: .7rem;
	margin-top: 1rem;
}

body.front-end .flex-basis .wrap-spec {
	display: flex;
	justify-content: space-between;
}

body.front-end .btn-mobil-mall-thin {
	padding: 0.55rem 1rem !important;
	background: #3DB9CC;
	border: 2px solid #3DB9CC;
	border-radius: 20px;
	color: #fff;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	width: 100%;
	margin-top: 1rem;
}

body.front-end .btn-mobil-mall-border-thin {
	padding: 0.55rem 1rem !important;
	background: #fff;
	border: 2px solid #3DB9CC;
	border-radius: 20px;
	color: #3DB9CC;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: .7rem;
}

body.front-end .height-simulasi-total {
	height: 55px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 2px !important;
	font-weight: bold;
}

body.front-end .comment-review {
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 2rem;
	height: 71px;
}

body.front-end .height-simulasi-total-1 {
	height: 93px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.container-recaptcha {
	background: #ffffff;
	padding: 20px;
	max-width: 300px;
	margin: auto;
}

.height-table-angsuran {
	max-width: 20% !important;
}

.g-recaptcha {
	transform-origin: left top;
	-webkit-transform-origin: left top;
}

body.front-end .col-syarat-career {
	padding: 0 9px;
}

body.front-end .overflow-scroll-fina {
	overflow-x: scroll;
}

body.front-end .wrap-desc {
	height: 130px;
}

.label-date {
	width: 27%;
	height: 51%;
}

.label-date-tgl {
	width: 60%;
	height: 51%;
}

.card--fina .nav-item .active img {
	width: 110px !important;
	height: 110px !important;
}

.style-preview {
	margin-top: -2rem;
}

.title-fina-subsection {
	color: #1157A6 !important;
	font-family: 'Poppins' !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 28px !important;
	line-height: 46px !important;
}

.swiper--review {
	padding-right: 13rem !important;
}

.slide-promo {
	margin-right: 11px !important;
}

.swiper--review .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
}

#form_sampai_2 {
	display: none;
}

input.uploadInputPasangan {
	opacity: 0;
}

input#uploadInputNpwp {
	opacity: 0;
}

input#uploadInput {
	opacity: 0;
}

input#uploadInputCerai {
	opacity: 0;
}

input#uploadIjazah {
	opacity: 0;
}

input#uploadPortfolio {
	opacity: 0;
}

input#uploadCV {
	opacity: 0;
}

input#uploadPortResume {
	opacity: 0;
}

input#uploadInputIjazah {
	opacity: 0;
}

input#uploadInputPortfolio {
	opacity: 0;
}

input#uploadInputCV {
	opacity: 0;
}

input#uploadInputPortResume {
	opacity: 0;
}

.card-lowongan {
	border-radius: 30px;
	margin-bottom: 1rem;
}

.width-image {
	width: 380px;
	margin-top: -2rem;
}

.width-image-2 {
	width: 100%;
	float: right;
	margin-top: -4rem;
}

.card-lowongan .img-cover {
	min-height: 10rem;
	width: 100%;
	background-size: cover;
	object-fit: cover;
	border-radius: 30px;
	height: 206px;
}

.card-lowongan .vector-card {
	margin-top: -42%;
	width: 102.9% !important;
	margin-left: -3.3px;
}

.text-more {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-align: center !important;
	color: #1469C7 !important;
}

.wrap-btn-more {
	position: relative;
	margin: auto;
	display: block;
	text-align: center;
	left: 40%;
	right: 50%;
}

/* fina */
.div-benefit {
	padding: 4rem 0;
}

.detail-fina {
	background: url('../static/fina/background_page.svg');
	background-size: cover;
	background-repeat: no-repeat;
	padding: 4rem 0 0 0;
	padding-bottom: 1rem;
}

.bg-fina-image {
	background-image: url('../static/fina/bg-blue.svg');
	background-repeat: no-repeat;
	padding: 3rem 0;
	background-size: 70%;
	background-position: center;
	max-height: 50%;
}

.fina-image {
	max-width: 20rem;
}

.fina h1 {
	font-family: 'poppins';
	font-weight: 700 !important;
	font-size: 36px !important;
	line-height: 46px !important;
	color: #1157A6 !important;
}

.fina p {
	font-family: 'Poppins';
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	line-height: 32px !important;
	color: #717171 !important;
}

.answer_work {
	display: block;
}

.bg-channel {
	background: linear-gradient(180deg, rgba(207, 226, 247, 0.5) 52.23%, rgba(61, 185, 204, 0.5) 100%);
	border-radius: 16px;
	margin: 5rem 12rem 5rem 5rem;
	padding: 2rem 4rem;
}



/* tooltip */



@media (max-width: 767px) {
	body.front-end .duplicateBtn {
		margin-left: 1rem;
	}

	body.front-end .flex-astari-new {
		display: flex;
		justify-content: space-between;
	}

	body.front-end .logo-new-astari {
		width: 120px;
		height: 83.041px;
	}

	body.front-end .row-section-astari {
		display: block;
	}

	body.front-end .col-custom-2 {
		flex: 0 0 100%;
		max-width: 100%;
		margin: 0 6px;
	}

	body.front-end .tabs-sosial-media {
		height: auto;
		background: #E4F8F9;
		border-radius: 0px 20px 20px 0px;
		margin: 0 !important;
		padding: 0rem 0rem 0rem 1rem !important;
	}

	body.front-end .tab-sosmed {
		margin-left: -16px;
		margin-top: -5px !important;
	}

	body.front-end .component-tab-sosmed {
		margin-left: -11px;
		margin-top: 30px;
		position: absolute;
		height: 25px;
		width: 40px;
	}

	body.front-end .logo-sosial-media {
		margin-top: -60px;
		margin-left: 30%;
		width: 112px;
		height: 52px;
	}

	body.front-end .col-custom {
		ms-flex: 0 0 50%;
		flex: 0 0 46%;
		max-width: 50%;
		margin: 0px 6px;
	}

	body.front-end .banner-sosmed {
		width: 100%;
		height: 76px;
		object-fit: cover;
		border-radius: 16px 16px 0px 0px;
	}

	body.front-end .profile-sosmed {
		width: 44px;
		height: 44px;
		margin: auto;
		display: block;
		border-radius: 100%;
		object-fit: cover;
		margin-top: -1.5rem;
	}

	body.front-end .profile-sosmed-2 {
		width: 44px;
		height: 44px;
		margin-left: 10%;
		display: block;
		border-radius: 100%;
		object-fit: cover;
		margin-top: -1rem;
	}

	body.front-end .counter-sosmed {
		color: #717171;
		font-family: 'Open Sans';
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 20px;
		text-align: center;
		margin-bottom: 5px;
	}

	#file-upload-forms {
		padding: 17px;
	}

	body.front-end .syarat-password {
		margin-top: 0 !important;
	}

	.button-back-secondary {
		width: 100% !important;
		margin: 0 !important;
	}

	.button-back {
		width: 100% !important;
	}

	body.front-end .breadcrumb-settings-active {
		color: #339AAA !important;
		font-family: 'Open Sans';
		font-size: 10px !important;
		font-style: normal;
		font-weight: 400;
		line-height: 14px;
		text-align: left;
		margin-bottom: 0;
	}

	body.front-end .icon-breadrumb {
		width: 14px;
		height: 14px;
		margin: -1px 5px;
	}

	body.front-end .breadcrumb-settings {
		color: #717171 !important;
		text-align: left;
		font-family: 'Open Sans';
		font-size: 10px !important;
		font-style: normal;
		font-weight: 400;
		line-height: 14px;
		margin-bottom: 0;
	}

	div#akun {
		padding: 0 15px;
	}

	div#changePassword {
		padding: 0 15px;
	}

	body.front-end .settings--tabs .nav {
		justify-content: center;
		height: 54px !important;
	}

	body.front-end .title-mMall {
		color: #1B4D7C !important;
		font-weight: 700 !important;
		font-size: 20px !important;
		line-height: 20px !important;
		margin-top: 0rem;
	}

	body.front-end .title-channel {
		color: #1469C7 !important;
		font-weight: 700 !important;
		font-size: 20px !important;
		line-height: 22px !important;
	}

	body.front-end .career-not-found {
		margin: 4rem auto 2rem auto;
		display: block;
		height: 150px;
		width: 150px
	}

	body.front-end .text-career-not-found {
		color: #124DB2;
		font-weight: 700;
		text-align: center;
		margin-left: 0px;
	}

	body.front-end .col-simulasi-total {
		max-width: 100% !important;
	}

	.height-table-angsuran {
		max-width: 100% !important;
	}

	body.front-end .height-simulasi-table {
		height: 55px;
		padding: 1rem 0.6rem 1rem;
		width: 100%;
		margin-right: 14px;
	}

	body.front-end .height-simulasi-total {
		height: 83px;
		width: 100%;
		margin-right: 14px;
	}

	body.front-end .height-simulasi-total-1 {
		height: 83px;
		width: 100%;
		margin-right: 14px;
	}

	.swiperComment .swiper-slide {
		width: 95% !important;
		margin-right: 5% !important;
	}

	.label-date {
		width: 40%;
		height: 51%;
	}

	.card-lowongan .vector-card {
		width: 102.6% !important;
		margin-top: -40%;
		margin-left: -2px;
	}

	.card--fina .nav-item .active img {
		width: 80px !important;
		height: 80px !important;
	}

	.swiper--review {
		padding-right: 0rem !important;
	}

	.img-value-2 {
		margin-left: 0rem !important;
	}

	.width-image {
		width: 100%;
	}

	.width-image-2 {
		width: 100%;
	}

	body.front-end .captcha-career {
		margin-left: 4% !important;
	}

	body.front-end .card-career-more a {
		padding: 0px 13px !important;
		font-size: 12px !important;
		top: 64% !important;
		line-height: 1rem !important;
	}

	.card-lowongan .img-cover {
		min-height: 8rem;
		height: 106px;
	}

	.wrap-btn-more {
		position: relative;
		margin: auto;
		display: block;
		text-align: center;
		left: 0%;
		right: 0%;
		padding-left: 23%;
	}

	.slide-preview {
		margin: 0 !important;
	}

	.div-benefit {
		padding: 1rem 0;
	}

	.detail-fina {
		background: url('../static/fina/background_page.svg');
		background-size: 31rem;
		background-repeat: no-repeat;
		padding: 4rem 0 0 0;
		padding-bottom: 0rem;
	}

	.bg-fina-image {
		background-image: url('../static/fina/bg-mobile-blue.png');
		background-repeat: no-repeat;
		padding: 3rem 0;
		background-size: 82%;
		background-position: top right;
		max-height: 100%;
		margin-top: -3rem;
		padding-right: 15px;
	}

	.fina-image {
		width: 100%;
	}

	.fina h1 {
		font-family: 'poppins';
		font-weight: 700 !important;
		font-size: 20px !important;
		line-height: 28px !important;
		color: #1157A6 !important;
	}

	.fina p {
		font-family: 'Poppins';
		font-style: normal !important;
		font-weight: 600 !important;
		font-size: 14px !important;
		line-height: 20px !important;
		color: #717171 !important;
	}

	body.front-end .syarat-password p {
		font-size: 14px !important;
	}

	body.front-end .syarat-password li {
		font-size: 14px !important;
	}

	.bg-channel {
		padding: 1rem !important;
		margin: 1rem !important;
	}

	.tooltip {
		left: -10%;
		top: 0;
		width: 300px !important;
	}
}

@media (min-width: 320px) and (max-width: 528px) {
	body.front-end .col-custom {
		ms-flex: 0 0 50%;
		flex: 0 0 44%;
		max-width: 50%;
		margin: 0px 6px;
	}

	body.front-end .tabs-sosial-media {
		height: auto;
		background: #E4F8F9;
		border-radius: 0px 20px 20px 0px;
		margin: 0 !important;
		padding: 0rem 0rem 0rem 0rem !important;
	}
}

@media (min-width: 600px) and (max-width: 767px) {
	.swiperComment .swiper-slide {
		width: 47% !important;
		margin-right: 2% !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	body.front-end .margin-modal-filter {
		margin-top: auto !important;
	}

	body.front-end .flex-astari-new {
		display: flex;
		justify-content: space-between;
	}

	body.front-end .row-section-astari {
		display: block;
	}

	body.front-end .logo-new-astari {
		width: auto;
		height: 150px;
	}

	body.front-end .tabs-sosial-media {
		height: auto;
		background: #E4F8F9;
		border-radius: 0px 20px 20px 0px;
		margin: 0 !important;
		padding: 0rem 0rem 0rem 0rem !important;
	}

	body.front-end .component-tab-sosmed {
		margin-left: 12px;
		margin-top: 32px;
		position: absolute;
	}

	body.front-end .col-custom {
		flex: 0 0 44%;
		max-width: 50%;
		margin: 0 6px;
	}

	div#akun {
		padding: 0px 130px 0px 15px !important;
	}

	div#changePassword {
		padding: 0px 130px 0px 15px !important;
	}

	.wrap-banner-settings {
		position: relative !important;
		width: 100% !important;
		height: 300px !important;
	}

	.wrap-banner-settings img {
		width: 100%;
		height: 300px !important;
		object-fit: cover;
		margin-top: 0rem;
	}

	body.front-end .wrap-div-account {
		padding: 122px 107px 0px 15px !important;
		height: 300px !important;
		background-repeat: no-repeat;
		background-size: cover;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 41.88%, rgba(255, 255, 255, 0.55) 100%);
	}

	body.front-end .wrap-div-account h1 {
		font-family: 'Open Sans';
		font-style: normal !important;
		font-weight: 700 !important;
		font-size: 48px !important;
		line-height: 16px !important;
		color: #FFFFFF !important;
		text-align: left;
		text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
		color: #FFF;
	}

	.child-color-settings {
		position: absolute;
		top: 0;
		left: 0;
		color: white;
		padding-top: 122px;
		padding-left: 80px;
		height: 387px;
		width: 100%;
		margin-top: -4rem !important;
	}

	body.front-end .img-wrap-kredit {
		width: 150px !important;
		height: 150px !important;
		display: block;
		margin: auto;
	}

	body.front-end .assurance--tabs-career {
		margin-bottom: 0px !important;
	}

	.swiperComment .swiper-slide {
		width: 39% !important;
		margin-right: 3% !important;
	}

	.swiperBenefit img {
		width: 100%;
		display: block;
		margin: auto;
		height: 172px !important;
		object-fit: contain;
	}

	.img-why-bca {
		width: 100%;
		margin-top: -6rem !important;
	}

	.tab-career {
		display: flex !important;
		justify-content: space-around;
		width: 100% !important;
	}

	body.front-end .col-simulasi-total {
		max-width: 100% !important;
	}

	.card-simulation-consument {
		height: 73px !important;
	}

	.height-table-angsuran {
		max-width: 100% !important;
	}

	body.front-end .style-recaptcha-produk {
		margin-left: 25% !important;
	}

	body.front-end .card-career-more a {
		font-size: 14px;
		top: 72% !important;
	}

	.card-lowongan .vector-card {
		margin-top: -67px;
		width: 103.1% !important;
		margin-left: -2px;
	}

	.tooltip {
		left: -10%;
		top: 0;
		width: 600px !important;
	}
}


/*Bootstrap 4 Tooltip*/
.tooltip>.arrow {
	background-color: transparent;
}


.tooltip>.tooltip-inner {
	max-width: 500px !important;
	width: 300px !important;
	padding: 10px 15px;
	text-align: left;
	border-radius: 5px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 14px !important;
	line-height: 20px !important;
	color: #000000;
	background-color: #D8F1F5;

}

.bs-tooltip-top,
.bs-tooltip-right,
.bs-tooltip-left,
.bs-tooltip-bottom {
	background-color: transparent;
	opacity: 1 !important;
}

.tooltip.bs-tooltip-top .arrow:before,
.tooltip.bs-tooltip-bottom .arrow:before {
	border-top-color: #D8F1F5;
	border-right-color: transparent;
	border-bottom-color: #D8F1F5;
	border-left-color: transparent;
}

.tooltip.bs-tooltip-right .arrow:before,
.tooltip.bs-tooltip-left .arrow:before {
	border-top-color: transparent;
	border-right-color: #D8F1F5;
	border-bottom-color: transparent;
	border-left-color: #D8F1F5;
}


/* .tooltip-inner{
  padding:2px 7px;
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 14px !important;
  line-height: 20px;
  color: #000000;
  
  text-align:center;
  
  
  background: #D8F1F5;
  
  background: #D8F1F5;
  
  
  -webkit-border-radius:5px;
  
  -moz-border-radius:5px;
  
  border-radius:5px;   
      }
      .tooltip > .arrow {
      background-color: #D8F1F5;
  } */
/* karir */
.swiperValue {
	padding-right: 6rem !important;
}

.swiperLowongan {
	padding-right: 3rem !important;
}

.swiperBenefit {
	padding-right: 6rem !important;
}

.img-value-2 {
	margin-left: 2rem;
	margin-top: -3.2rem;
}

.checkHome {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 12px !important;
	line-height: 18px !important;
	color: #717171 !important;
}

.text-view-all {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px !important;
	line-height: 20px !important;
	letter-spacing: 0.1em !important;
	text-decoration-line: underline !important;
	text-transform: uppercase !important;
	color: #3DB9CC !important;
	cursor: pointer;

}

body.front-end .card-career-more a {
	font-family: 'Open Sans';
	position: absolute;
	top: 70%;
	font-weight: 700;
	font-size: 1rem;
	/* line-height: 1.5rem; */
	color: #1469C7;
	background: transparent;
	padding: 0rem 0.7rem;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
	font-size: 14px;
}

body.front-end .benefit-row {
	padding: 100px 192px 79px 80px !important;
}

body.front-end .benefit-row-detail {
	padding: 100px 192px 29px 80px !important;
}

.card-simulation-consument {
	height: 93px;
}

.line-simulasi-table {
	border-radius: 8px;
	border-top: 4px solid #E5E5E5;
}

.tab-career {
	display: flex !important;
	justify-content: space-around;
	width: 85% !important;
}

.border-card-syarat {
	border-radius: 25px 25px 0px 0px !important;
}

.bg-open-accordion-syarat {
	box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
	border-radius: 0px 0px 25px 25px !important;
	background: #FFFFFF;
	border: 1px solid #D8D8D8;
}

.paragraph-sdank h1 {
	font-family: 'Open Sans';
	font-size: 13px !important;
	line-height: 20px !important;
	color: #717171 !important;
	padding: 0 !important;
}

.paragraph-sdank p {
	font-family: 'Open Sans';
	font-size: 13px !important;
	line-height: 20px !important;
	color: #717171 !important;
}

.paragraph-succes {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	text-align: center !important;
	color: #606161 !important;
}

.paragraph-danger {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-align: center !important;
	color: #CC3D3D !important;
}

.image-modal-submit {
	margin-top: -5rem;
	width: 52%;
	height: 40%;
	object-fit: contain;
	margin-bottom: 1rem;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.content-submit {
	margin-top: 15% !important;
}

.paragraph-sdank .list li {
	font-family: 'Open Sans';
	font-size: 14px !important;
	line-height: 20px !important;
	color: #717171 !important;
	font-weight: normal;
}

.paragraph-sdank .list-syarat li {
	font-family: 'Open Sans';
	font-size: 14px !important;
	line-height: 20px !important;
	color: #717171 !important;
	font-weight: normal;
}

.bg-pink {
	background: #F4F4F4 !important;
}

.bg-cyan {
	background: #F1F8FF !important;
}

.bg-cyan-table {
	background: #F1F8FF !important;
	border-radius: 8px 8px 0px 0px;
}

.bg-pink-table {
	background: #F2F2F2 !important;
	border-radius: 0px 0px 8px 8px;
}

.banner-skredit h1 {
	font-family: 'Open Sans';
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 36px !important;
	line-height: 44px !important;
	color: #1469C7 !important;
}

.banner-skredit {
	padding-top: 7rem !important;
}

.btn-karir {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-align: right;
	float: right;
	/* identical to box height, or 150% */
	color: #3DB9CC !important;

}

.img-karir {
	height: 340px;
}

.card-karir {
	background: linear-gradient(179.95deg, #FFFFFF 0.05%, #F1FDFF 48.09%, #B1CDEC 137.73%);
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
	border-radius: 12px;
	height: 129px;
	position: relative;
	margin-top: -4rem;
	z-index: 1;
}

body.front-end .card-contact {
	height: 80px;
	border-radius: 16px;
	background: #FFF;
	box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
	padding: 8px !important;
	justify-content: center;
	align-items: center;
	width: 100%;
}

body.front-end .name-contact {
	color: #717171;
	font-family: 'Open Sans';
	font-size: 17px !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 28px !important;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 11px;
}

body.front-end .icon-contactUs {
	height: 30px;
}

.style-card-col {
	border-right-style: solid;
	border-right-color: #C4C4C4;
}

.style-card-col-date {
	border: none !important;
}

.style-card-col h2 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #606161 !important;
}

.style-card-col p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #606161 !important;
}

.desc-detail-karir {
	padding-top: 2rem;
}

.desc-detail-karir h2 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 28px !important;
	color: #1469C7 !important;
	text-align: center;
}

.desc-detail-karir ul li {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400 !important;
	font-size: 20px !important;
	line-height: 28px !important;
	color: #717171 !important;
}

.card-detail-karir {
	background: #FFFFFF;
	box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
	border-radius: 16px;
	height: 88px;
	position: relative;
	margin-top: -4rem;
	padding: 10px 25px !important;
}

.list-value .thumbnail {
	background: linear-gradient(180deg, rgba(158, 220, 230, 0) 0%, rgba(158, 220, 230, 0.260417) 75.17%, #9EDCE6 125.5%);
	border-radius: 30px;
	height: 400px;
	padding: 10px;
}

.list-value .thumbnail-career {
	background: linear-gradient(180deg, rgba(158, 220, 230, 0) 0%, rgba(158, 220, 230, 0.260417) 75.17%, #9EDCE6 125.5%);
	border-radius: 30px;
	height: 349px;
	padding: 10px;
}

.thumbnailBg {
	background-image: url('../static/karir/vector-circle.png') !important;
}

.bg-pagCircle {
	z-index: 10001;
	position: absolute !important;
	margin-left: 2rem;
}

.bg-vectorCircle {
	width: 114% !important;
	height: auto !important;
	object-fit: fill !important;
	margin-top: 0rem !important;
}

.thumbnail-comment {
	height: 280px;
	padding: 31px;
	background: linear-gradient(180deg, #FFFFFF 46.39%, #FFCC99 181.79%);
	box-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
	border-radius: 30px;

}

.img-why-bca {
	width: 100%;
	margin-top: -16rem;
}

.thumbnail-comment .bg-vector {
	position: absolute;
	width: 20%;
	right: 15%;
	top: 28%;
}

.thumbnail-comment .desc {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	/* or 143% */


	color: #717171;

}

.img-comment img {
	float: left;
	/* width: 60px; */
	width: 60px !important;
	height: 60px !important;
	object-fit: cover !important;
	border-radius: 100% !important;
}

.img-comment h1 {
	font-family: 'Open Sans';
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #000000 !important;
	margin-bottom: 1px !important;
}

.img-comment p {
	font-family: 'Open Sans';
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	color: #000000 !important;
}

.list-value h1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 28px !important;
	color: #1469C7 !important;
	height: 51px;

}

.text-value {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	color: #717171 !important;
	margin-top: 24%;
}

.list-value p {
	font-family: 'Open Sans';
	font-style: normal !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 20px !important;
	/* or 143% */


	color: #717171 !important;
}

.swiperValue img {
	width: 70%;
	display: block;
	margin: auto;
	height: 38%;
	object-fit: contain;
}

.swiperValue .swiper-button-next {
	background: rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
	border-radius: 100%;
	width: 30px;
	height: 30px;
}

.swiperValue .swiper-button-prev {
	background: rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
	border-radius: 100%;
	width: 30px;
	height: 30px;
}

.swiperValue .swiper-button-next:after {
	content: 'next';
	font-size: 16px;
	color: white;
	font-weight: 700;
}

.swiperValue .swiper-button-prev:after {
	content: 'prev';
	font-size: 16px;
	color: white;
	font-weight: 700;
	;
	background: transparent;
	padding: 5px;
	margin-top: -2px;
}

.swiperLowongan img {
	width: 70%;
	display: block;
	margin: auto;
	height: 38%;
	object-fit: contain;
}

.swiperLowongan .swiper-button-next {
	background: rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
	border-radius: 100%;
	width: 30px;
	height: 30px;
}

.swiperLowongan .swiper-button-prev {
	background: rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
	border-radius: 100%;
	width: 30px;
	height: 30px;
}

.swiperLowongan .swiper-button-next:after {
	content: 'next';
	font-size: 16px;
	color: white;
	font-weight: 700;
}

.swiperLowongan .swiper-button-prev:after {
	content: 'prev';
	font-size: 16px;
	color: white;
	font-weight: 700;
	;
	background: transparent;
	padding: 5px;
	margin-top: -2px;
}

.style-kata {
	display: block;
	margin: auto;
	width: 80%;
}

.swiperBenefit img {
	width: 100%;
	display: block;
	margin: auto;
	height: 172px;
	object-fit: contain;
}

.swiperBenefit .swiper-button-next {
	background: rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
	border-radius: 100%;
	width: 30px;
	height: 30px;
}

.swiperBenefit .swiper-button-prev {
	background: rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
	border-radius: 100%;
	width: 30px;
	height: 30px;
}

.swiperBenefit .swiper-button-next:after {
	content: 'next';
	font-size: 16px;
	color: white;
	font-weight: 700;
}

.swiperBenefit .swiper-button-prev:after {
	content: 'prev';
	font-size: 16px;
	color: white;
	font-weight: 700;
	;
	background: transparent;
	padding: 5px;
	margin-top: -2px;
}

/* swiperComment */
.swiperComment img {
	width: 100%;
	display: block;
	margin: auto;
	height: 172px;
	object-fit: contain;
	margin-right: 15px;
}

.swiperComment .swiper-button-next {
	background: rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
	border-radius: 100%;
	width: 30px;
	height: 30px;
}

.swiperComment .swiper-button-prev {
	background: rgba(0, 0, 0, 0.3);
	box-shadow: 0px 1px 4px rgb(0 0 0 / 25%);
	border-radius: 100%;
	width: 30px;
	height: 30px;
}

.swiperComment .swiper-button-next:after {
	content: 'next';
	font-size: 16px;
	color: white;
	font-weight: 700;
}

.swiperComment .swiper-button-prev:after {
	content: 'prev';
	font-size: 16px;
	color: white;
	font-weight: 700;
	;
	background: transparent;
	padding: 5px;
	margin-top: -2px;
}

.img-join {
	width: 271px;
	margin-top: -5rem;
	margin-left: 1rem;
}

.benefit-height {
	height: 7.5rem !important;
}

body.front-end .detail-direksi h2 {
	color: #ffffff !important;
	font-size: 20px !important;
}

.card-top-detail {
	margin-top: -4rem !important;
	display: block;
	margin: auto;
	width: 70%;
}

.card-top-detail-mobile {
	display: none;
}

.card-top-detail-mobile-refinancing {
	display: none;
}

/* contactUs */
.card-top-contactUs {
	margin-top: -4rem !important;
	display: block;
	margin: auto;
	width: 50%;
}

.card-top-contactUs-mobile {
	display: none;
}

.card-top-contactUs-mobile-refinancing {
	display: none;
}

.top-card-product {
	margin-top: -3rem;
}

body.front-end .bg-card {
	background: url('../static/product/bg-card-product.png');
	background-size: contain;
	background-repeat: no-repeat;
	height: auto;
	border: none;
	z-index: 1001;
	margin-top: -9rem;
	padding: 23px 88px 0px 88px;
}

body.front-end .modalClose {
	cursor: pointer;
}

.html-hidden {
	overflow: hidden;
}

body.front-end .mobil-mall-desktop--section .mobil-mall-thumbnail--section {
	background: url('../static/landing/bg-mobil-mall-black.jpg');
	background-size: cover;
	background-position: 97% 52%;
	background-repeat: no-repeat;
	border-radius: 25px;
	margin: 0 192px 0 80px;
	padding: 2rem 2rem 2rem 2rem;
	top: 3rem;
}

body.front-end .captcha-login {
	width: 100%;
	display: block;
	margin-left: 13%;
}

body.front-end .captcha-career {

	padding-top: 0px !important;
	padding-bottom: 2rem;
	/* margin: auto !important; */
	display: block;
	position: relative;
	margin-left: 25%;

}

body.front-end .mobil-mall-desktop--section .mobil-mall-thumbnail--section h2 {
	color: #fff;
	font-size: 2rem !important;
	line-height: 2.6rem;
	font-weight: 600;
	letter-spacing: .75px;
	text-align: left;
}

html {
	scrollbar-color: #B1CDEC #ffffff;
	scrollbar-width: auto;
}

/* bullets */

body.front-end .flex-title-form {
	display: flex;
	align-items: center;
}

body.front-end .style-view {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px !important;
	line-height: 20px;
	text-align: right;
	letter-spacing: 0.1em;
	text-decoration-line: underline;
	text-transform: uppercase;
	cursor: pointer;
	color: #3DB9CC !important;
}

body.front-end .style-no-kontrak {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	font-size: 16px !important;
	line-height: 12px;
	align-items: center;
	color: #3A3A3A !important;
	cursor: pointer;
}

body.front-end .hint-form {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	font-size: 10px !important;
	padding-left: 17px;
	line-height: 12px;
	color: #A0A0A0;
}

body.front-end .showroom {
	font-size: 28px !important;
	font-weight: bold;
}

body.front-end .preview-file {
	position: relative;
	z-index: 1001;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 12px;
	line-height: 18px;
	color: #717171 !important;
	margin-left: 1rem;
	margin-bottom: .4rem !important;
	word-break: break-all;
	margin-top: -2rem;
}

body.front-end #wrap-file {
	margin-top: 3rem;
}

body.front-end .arrow-produk {
	width: 10px;
	height: 13px;
	object-fit: contain;
	margin-top: 4px;
	margin-left: 10px;
}

.styleFloatingActive {
	background: #FFFFFF !IMPORTANT;
	border-radius: 0px 8px 8px 0px !important;
	width: 100%;
	padding: 0.75rem 0 !important;
}

.colorSpanFloating {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 10px !important;
	line-height: 17px;
	text-align: center;
	color: #3DB9CC !important;
}

body.front-end .text-dropdown {
	font-weight: 700 !important;
	font-size: 13px !important;
	line-height: 18px;
	color: #072342;
}

body.front-end .wrap-dropdown {
	background: #F1F5F8;
	border-radius: 8px;
	width: 15%;
	z-index: 1001;
}

body.front-end .ul-dropdown {
	margin-top: 1rem;
	margin-left: -1rem;
}

body.front-end .tab-content-account {
	padding: 2rem 3rem;
}

body.front-end .wrap-login {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), linear-gradient(360deg, #3DB9CC -52.01%, #1157A6 79.05%);

	height: 100%;
	padding: 150px 192px 120px 80px;
}

body.front-end .wrap-login .title-login {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 36px !important;
	line-height: 28px;
	text-align: center;
	color: #FFFFFF;
	padding: 0px 0px 26px 131px;
}

body.front-end .image-login {
	height: 420px;
}

body.front-end .card-login {
	background: #FFFFFF;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	width: 648px;
	height: auto;
	padding: 80px 80px 10px 80px;
}

body.front-end .wrap-action-pengkinian-data {
	bottom: 0;
	/* position: fixed; */
	width: 100%;
	z-index: 900;
	background: #ffffff;
	/* box-shadow: 0px 0px 4px rgb(0 0 0 / 25%); */
	border-radius: 8px;
	padding-right: 2rem;
}

body.front-end .toggle-password {
	color: #3DB9CC;
	float: right;
	cursor: pointer;
	margin-right: 10px;
	margin-top: -34px;
	font-size: 24px;
	z-index: 1001;
	position: absolute;
	right: 0;
}

body.front-end .back-login {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 16px !important;
	line-height: 20px;
	text-transform: uppercase;
	color: #3DB9CC;
}

body.front-end .desc-one {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 18px !important;
	line-height: 28px;
	color: #0D4685;
}

body.front-end .desc-two {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 16px !important;
	line-height: 26px;
	color: #3A3A3A;
}

body.front-end .img-send-email {
	position: relative;
	width: 240px;
	height: 207px;
	display: block;
	margin: auto;
	margin-top: -8rem;
}

body.front-end .form-check {
	display: flex;
	align-items: center;
}

body.front-end .form-check-input {
	background: #FFFFFF;
	box-shadow: inset 0px 0px 6px rgb(0 0 0 / 25%);
	border-radius: 4px;
	width: 24px;
	height: 24px;
}

body.front-end .form-check-input:checked {
	background: #05A5B3 !important;
}

body.front-end .form-check-label {
	margin-left: 4px;
}

body.front-end .forgot-pass {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 14px !important;
	line-height: 20px;
	display: flex;
	align-items: center;
	text-align: right;
	letter-spacing: 0.05em;
	text-transform: capitalize;
	color: #3DB9CC;
	float: right;
	margin-right: 16px;
}

body.front-end .no-account {
	font-family: 'Open Sans';
	text-align: center;
	margin-top: 26px;
	font-style: normal;
	font-weight: normal;
	font-size: 14px !important;
	line-height: 20px;
	color: #0D4685;
}

body.front-end .no-account-register {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px !important;
	line-height: 20px;
	letter-spacing: 0.1em;
	text-decoration-line: underline;
	text-transform: uppercase;
	color: #1469C7;
	cursor: pointer;
}

body.front-end .syarat-ketentuan {
	font-family: 'Open Sans';
	font-style: bold;
	font-weight: bold;
	text-decoration-line: underline;
	color: #3DB9CC !important;
	cursor: pointer;
}

body.front-end #result-file {
	display: none;
	margin-top: 2rem;
}

body.front-end .arrow-produk-detail {
	width: 10px;
	height: 13px;
	object-fit: contain;
	margin-top: -2px;
	margin-left: 10px;
	transform: rotate(180deg);
}

body.front-end .cursor-product {
	cursor: pointer;
}

body.front-end .col-mobile {
	justify-content: center;
}

body.front-end .tabs-produk {
	max-width: 100%;
	margin-right: 8rem !important;
	margin-left: 8rem !important;
	margin-top: 4rem !important;
	margin-bottom: -24px !important;

}

body.front-end .tabs-account {
	max-width: 100%;
	margin-right: 8rem !important;
	margin-left: 0rem !important;
	margin-top: 3rem !important;
	margin-bottom: -24px !important;

}

body.front-end .width-nav-account {
	width: 70% !important;
}

body.front-end .title-account {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 20px !important;
	line-height: 28px;
	color: #1469C7;
}

body.front-end .image-account {
	width: 137px;
	height: 137px;
	margin-top: 20px;
}

body.front-end .image-account-default {
	width: 137px;
	height: 137px;
	margin-top: 20px;
	display: block;
	margin: auto;
}

body.front-end .thumbnail-produk {
	background: linear-gradient(180deg, rgba(216, 241, 245, 0.5) 0%, rgba(216, 241, 245, 0) 100%) !important;
	border: 1px solid #D8F1F5 !important;
	box-sizing: border-box;
	border-radius: 8px;
}

body.front-end .wrap-scroll {
	margin: 0rem 0rem;
}

body.front-end .bg-section-final {
	background: linear-gradient(90deg, #3B82D0 0%, #5DC5D4 100%);
	display: flex;
	justify-content: space-between;
	padding: 0px 192px 0px 80px;

}

body.front-end .size-mobile {
	width: auto;
	height: auto;
	margin-top: -10px;
}

body.front-end .bg-section-final p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 28px !important;
	line-height: 36px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 3rem;
}

body.front-end .btn-lorem {
	border: 2px solid white;
	border-radius: 28px;
	color: white;
	background: transparent;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 18px !important;
	text-align: center;
	opacity: 75%;
	padding: 0.45rem 2rem;
	display: block;
	margin: auto;

}

body.front-end .pad-tab-car {
	padding: 3rem;
}

body.front-end .wrap-kredit {
	background: linear-gradient(180deg, rgba(216, 241, 245, 0.5) 0%, rgba(216, 241, 245, 0) 100%);
	border: 1px solid #D8F1F5;
	box-sizing: border-box;
	border-radius: 8px;
	height: 250px;
	margin-top: -80px;
	padding: 4rem 5px 3px 5px;
}

body.front-end .wrap-kredit:hover {
	border-radius: 8px;
	border: 4px solid #9EDCE5;

}

body.front-end .wrap-kredit h2 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 20px !important;
	line-height: 28px;
	text-align: center;
	color: #1158A6;
	height: 2rem;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* produk new style  */
body.front-end .style-row-produk {
	flex-direction: row-reverse;
	padding-top: 4rem;
}

body.front-end .img-produk {
	width: 90%;
	border-radius: 8px;
}

body.front-end .desc-produk {
	padding-left: 0px;
	padding-right: 0px;
}

body.front-end .desc-produk h2 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 28px !important;
	line-height: 36px;
	color: #1469C7;
}

body.front-end .desc-produk p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 16px !important;
	line-height: 24px;
	color: #072342;
}

body.front-end .desc-produk span {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 14px !important;
	line-height: 20px;
	color: #3DB9CC;
	cursor: pointer;
}

body.front-end .section-benefit {
	background: linear-gradient(180deg, #BEE8EE 0%, #B1CDEC 100%);
	margin-top: 32px;
}

body.front-end .section-kredit-mobil {
	background: linear-gradient(180deg, #D6E1F1 0%, #FFFFFF 89.22%);
	margin-top: 32px;
}

body.front-end .height-image {
	height: 8rem;
	margin-bottom: 2rem;
}

body.front-end .height-image-detail {
	height: 5rem;
}

body.front-end .height-image-tabs {
	height: 5rem;
}

body.front-end .card-new-benefit {
	background: linear-gradient(0deg, #D8F1F5 0%, #FFFFFF 25.66%);
	border: 1px solid #D8F1F5;
	box-sizing: border-box;
	border-radius: 8px;
	height: 21rem;
	padding: 1rem 0.8rem;

}

body.front-end .card-new-benefit-detail {
	background: linear-gradient(0deg, #D8F1F5 0%, #FFFFFF 25.66%);
	border: 1px solid #D8F1F5;
	box-sizing: border-box;
	border-radius: 8px;
	height: 14rem;
	padding: 1rem 0.8rem;
}

body.front-end .card-new-benefit .images {
	margin-top: -21% !important;
	position: relative;
	display: block;
	margin: auto;
	width: 100%;
}

body.front-end .card-new-benefit-detail .images {
	margin-top: -28% !important;
	position: relative;
	display: block;
	margin: auto;
	width: 100%;
}

body.front-end .card-new-benefit .images-benefit-3 {
	margin-top: -43% !important;
	position: relative;
	display: block;
	margin: auto;
	width: 100%;
}

body.front-end .card-new-benefit h2 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 18px !important;
	line-height: 28px;
	color: #1158A6;
	height: 55px;
	margin-top: 0rem;
}

body.front-end .card-new-benefit p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 14px !important;
	line-height: 20px;
	color: #072342;
}

body.front-end .card-new-benefit a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	letter-spacing: 0.05em;
	color: #3DB9CC;
}


body.front-end .card-new-benefit-detail .images-benefit-3 {
	margin-top: -43% !important;
	position: relative;
	display: block;
	margin: auto;
	width: 100%;
}

body.front-end .card-new-benefit-detail h2 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 18px !important;
	line-height: 28px;
	color: #1158A6;
	padding: 1rem 0rem 0rem 0rem;
	height: 2.5rem;
	margin-top: 0rem;
}

body.front-end .card-new-benefit-detail p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 14px !important;
	line-height: 20px;
	color: #072342;
}

body.front-end .card-new-benefit-detail a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	letter-spacing: 0.05em;
	color: #3DB9CC;
}

body.front-end .wrap-kredit p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #072342;
}

body.front-end .wrap-kredit a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 16px !important;
	line-height: 20px;
	align-items: center;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #3DB9CC;
	display: block;
	margin-top: 3rem;
	margin-bottom: 1rem;
}

body.front-end .wrap-coming a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 16px !important;
	line-height: 20px;
	align-items: center;
	text-align: center;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: #3DB9CC;
	display: block;
	margin-top: 3rem;
	margin-bottom: 1rem;
}

body.front-end .img-wrap-kredit {
	width: 200px;
	height: 200px;
	display: block;
	margin: auto;
}

body.front-end .wrap-coming {
	background: linear-gradient(180deg, rgba(216, 241, 245, 0.5) 0%, rgba(216, 241, 245, 0) 100%);
	border: 1px solid #D8F1F5;
	box-sizing: border-box;
	border-radius: 8px;
	height: auto;
	margin-top: -36px;
	padding: 4rem 5px 3px 5px;
}

body.front-end .wrap-coming h2 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 20px !important;
	line-height: 28px;
	text-align: center;
	color: #1158A6;
	height: 3rem;
}

body.front-end .wrap-coming p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #072342;
	height: 4rem;
}

body.front-end .img-wrap-coming {
	width: 40%;
	display: block;
	margin: auto;
	margin-top: 42px;
}

body.front-end .img-wrap-coming-soon {
	width: 50%;
	display: block;
	margin: auto;
	margin-top: 20px;
}

body.front-end .flex-produk {
	display: flex;
}

body.front-end .wrap-produk {
	background: linear-gradient(90deg, #339AAA 1.32%, #1158A6 100%);
	padding: 122px 107px 0px 80px;
	height: 656px;
}

body.front-end .wrap-div-promo {
	background: linear-gradient(90deg, #339AAA 1.32%, #1158A6 100%);
	padding: 122px 107px 0px 80px;
	height: 450px;
}

body.front-end .wrap-div-account {

	padding: 122px 107px 0px 80px;
	height: 387px;
	background-repeat: no-repeat;
	background-size: cover;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 41.88%, rgba(255, 255, 255, 0.55) 100%);
}

body.front-end .image-promo {
	width: 65%;
	display: none;
}

body.front-end .wrap-detail-produk {
	background-image: url('../static/product/new-bg-car.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	height: 480px;
}

body.front-end .img-detail-prod {
	width: 100%;
	object-fit: cover;
	height: 480px;
}

body.front-end .bg-form-white {
	background-color: #ffffff !important;
}

body.front-end .card-detail-table-produk {
	background: linear-gradient(0deg, #D6E1F1 0%, #FFFFFF 89.22%);
	border-radius: 16px;
	margin: -23px 192px 0px 80px !important;
	padding: 2rem 1rem;
	border: 3px solid #BEE8EE;

}

body.front-end .card-detail-table-produk h2 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 20px !important;
	line-height: 28px;
	color: #0D4685;
}

body.front-end .card-detail-produk {
	background: linear-gradient(180deg, #D0E1F4 0%, #D8F1F5 60.48%);
	border-radius: 16px;
	margin: -91px 226px 0px 115px !important;
	padding: 2rem;
}

body.front-end .card-detail-produk h1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 36px !important;
	line-height: 44px;
	color: #1469C7;
}

body.front-end .card-detail-produk h2 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 20px !important;
	line-height: 28px;
	text-align: left;
	color: #0D4685;
}

body.front-end .card-detail-produk p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 18px !important;
	line-height: 26px;
	text-align: justify;
	color: #000000;
}

body.front-end .wrap-produk h1 {
	font-family: 'Open Sans';
	font-style: normal !important;
	font-weight: bold !important;
	font-size: 36px !important;
	line-height: 44px !important;
	color: #FFFFFF !important;
}

body.front-end .wrap-div-promo h1 {
	font-family: 'Open Sans';
	font-style: normal !important;
	font-weight: bold !important;
	font-size: 36px !important;
	line-height: 44px !important;
	color: #FFFFFF !important;
}

body.front-end .wrap-div-account h1 {
	font-family: 'Open Sans';
	font-style: normal !important;
	font-weight: 700 !important;
	font-size: 64px !important;
	line-height: 40px !important;
	color: #FFFFFF !important;
	text-align: left;
	text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
	color: #FFF;
}

body.front-end .wrap-produk p {
	font-family: 'Open Sans';
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #FFFFFF !important;
}

body.front-end .font-table-whistle {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #1B4D7C;
}

body.front-end .icon-download-white {
	position: absolute;
	left: 8%;
	bottom: 51px;
}

/* form kelengkapan  */
body.front-end .bg-col {
	background-image: url("./static/icons/faq_plus.svg");
	object-fit: cover;
}

body.front-end .bg-search-form {
	margin-top: 0rem;
	background: linear-gradient(180deg, rgba(190, 232, 238, 0.6) 0%, rgba(126, 208, 221, 0.6) 100%);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	height: 72px;
	padding: 12px 486px 15px 80px;
}

body.front-end .input-search-form {
	background: #E9F4FF !important;
	box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.15) !important;
	border-radius: 24px !important;
}

body.front-end .banner-form-kelengkapan {
	background: linear-gradient(180deg, rgba(13, 70, 133, 0.8) 6.39%, rgba(126, 208, 221, 0.8) 100%) !important;
}

body.front-end .catatan-form {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(180deg, #D3F6FF 0%, #B1CDEC 100%);
	border-radius: 8px;
	margin-top: 2rem;
	padding: 2rem;
}

body.front-end .catatan-form img {
	width: 88px;
	height: 88px;
	margin-top: -59px;
	position: absolute;
	right: 0;
	margin-right: 10%;
}

body.front-end .catatan-form h1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 36px;
	color: #1B4D7C;
}

body.front-end .catatan-form p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 26px;
	color: #143E44;
}

body.front-end .transaction p {
	color: #339AAA !important;
	font-weight: bold !important;
}

body.front-end .bg-form {
	background: rgba(208, 225, 244, 0.3);
	border: 1px solid #339AAA;
	box-sizing: border-box;
	border-radius: 4px 4px 4px 4px;
	height: auto;
	padding: 3rem 1rem;
}

body.front-end .form-detail {
	filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
	background: url("../static/info/doc-form.png");
	background-size: cover;
	background-repeat: no-repeat;
	height: 30vh;
	margin-bottom: 0rem;
	padding-left: 10px;
	padding-right: 10px;
}

body.front-end .form-detail:hover {
	filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
	background: url("../static/icons/hover-download.png");
	background-size: cover;
	background-repeat: no-repeat;
	height: 30vh;
	margin-bottom: 0rem;
	padding-left: 10px;
	padding-right: 10px;
}

body.front-end .download-form {
	width: 33px;
	height: 33px;
	position: relative;
	display: block;
	top: 16%;

}

body.front-end .pag-text-form {
	display: flex;
	align-items: flex-end;
	height: 65%;
	cursor: pointer;

}

body.front-end .text-form {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 13px;
	line-height: 22px;
	color: #0D4685;
	position: relative;
	padding: 4px;
	margin-bottom: 0px;
	display: flex;
	align-items: flex-end;
	height: 70%;

}

/* tabs */
#tabui {
	position: relative;
}



.active-rounded-tabs {
	border-radius: 8px 0px 0px 0px !important;
}

.active-rounded-tabs-right {
	border-radius: 0px 8px 0px 0px !important;
}

ul#tabs {
	margin: 0 auto;
	padding: 0;
	white-space: nowrap;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
}

ul#tabs::-webkit-scrollbar {
	width: 0 !important;
}

ul#tabs li {
	display: inline-block;
	padding: 0px 30px;
	margin-right: -10px;
	border-bottom: 3px #E5E5E5 solid;
	cursor: pointer;
	color: #717171;
	font-size: 16px !important;
	line-height: 20px;
	padding-bottom: 1rem;
}

ul#tabs li.active {
	color: #072342;
	font-weight: bold;
	padding-bottom: 1rem;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-image: linear-gradient(270deg, #9EDCE5 0%, #3DB9CC 100%) 1;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	font-size: 16px !important;
	line-height: 20px;
}

ul#tabs li:hover {
	color: #072342;
}

#tabcontent {
	font-size: 18px;
	height: auto;
	overflow: auto;
}

body.front-end .margin-team {
	margin-top: 8rem !important;
}

body.front-end .pad-row-visi {
	margin-left: 3rem;
	margin-right: 3rem;
}

body.front-end .style-wrap-banner-penghargaan {
	padding-bottom: 23rem;
}

body.front-end .margin-flex-team {
	margin-right: 92px !important;
}

body.front-end .padding-card-laporan {
	margin-top: 32px;
	margin-bottom: 56px;
}

.width-img-laporan {
	width: 64px;
	height: 64px;
	object-fit: cover;
}

.wrap-info-laporan {
	z-index: 10;
	padding-top: 0rem;
	padding-left: 24px !important;
	padding-right: 0px !important;
}

body.front-end .assurance--tabs {
	margin-bottom: 40px;
}

body.front-end .assurance--tabs-career {
	margin-bottom: 40px;
}

body.front-end .wrap-coming-soon {
	background-color: white;
	margin-top: -39px;
	padding-bottom: 4rem;
	padding-top: 4rem;
	border-radius: 8px;
}

body.front-end .logo-coming-soon {
	width: 96px;
	height: 96px;
	display: block;
	margin: auto;
	margin-bottom: 16px;
}

body.front-end .text-coming {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 36px;
	text-align: center;
	color: #1158A6;
}

body.front-end .paragraph-coming {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #717171;
}

body.front-end #cards {
	margin: 32px 0px 56px 0px;
}

body.front-end #display-card-select {
	display: block;
}

body.front-end .card-pengkinian-detail-informasi h1 {
	color: #0A3564 !important;
	font-weight: bold !important;
	font-size: 32px !important;
	line-height: 44px !important;
}

body.front-end .image-news-desktop {
	border-radius: 25px 25px 0px 0px !important;
	height: 260px !important;
	object-fit: cover !important;
	width: 100% !important;
}

body.front-end .padding-body {
	padding: 32px 192px 48px 80px;
}

body.front-end .padding-body-penghargaan {
	padding: 10px 192px 48px 80px;
}

body.front-end .padding-body-tab-stnk {
	padding: 32px 192px 0px 80px;
}

body.front-end .padding-body-desc-stnk {
	padding: 56px 192px 0px 80px;
}

body.front-end .padding-body-promo {
	padding: 32px 192px 48px 80px;
}

body.front-end .padding-body-sejarah {
	padding: 32px 192px 48px 80px;
}

.button-submit {
	background: linear-gradient(88.56deg, #007F9F 41%, #05A5B3 82.31%);
	border-radius: 28px;
	font-size: 18px;
	font-weight: bold;
	color: white;
	border: none;

	width: 200px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px 0 !important;
	margin-top: 36px;
}

.button-login {
	background: linear-gradient(86.91deg, #1469C7 21.47%, #3DB9CC 76%);
	border-radius: 28px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 18px !important;
	display: block;
	margin: auto;
	align-items: center;
	justify-content: center;
	color: #FFFFFF;
	width: 200px;
	height: 48px;
	padding: 7px 0 !important;
	border: none;
}

.button-submit:hover {
	background: linear-gradient(88.56deg, #007F9F 41%, #05A5B3 82.31%);
	border-radius: 28px;
	font-size: 18px;
	font-weight: bold;
	color: white;
	border: 1.5px solid #007F9F !important;
	width: 200px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px 0 !important;
	margin-top: 36px;
}

.button-submit:visited {
	background: linear-gradient(88.56deg, #007F9F 41%, #05A5B3 82.31%);
	border-radius: 28px;
	font-size: 18px;
	font-weight: bold;
	color: white;
	border: 2px solid #007F9F !important;
	width: 200px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px 0 !important;
	margin-top: 36px;
}

.button-save-pengkinian {
	background: #ffffff;
	border: 2px solid #3db9cc;
	border-radius: 28px;
	font-size: 18px;
	font-weight: bold;
	color: #3DB9CC;
	width: 200px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 14px 0 !important;
	margin-top: 36px;
}

.file-button {
	position: relative;
	display: flex;
	justify-content: start;
	align-items: flex-start;
	margin-top: 8px;
}

.file-button>input[type='file'] {
	display: none
}

.file-button>label {
	border: 2px solid #3db9cc !important;
	background: #3BB7B4 !important;
	border-radius: 8px !important;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF !important;
	width: 200px;
	height: 48px;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 12px 0;
}

.file-button>label:hover {
	border-color: hsl(0, 0%, 21%);
}

.file-button>label:active {
	background-color: hsl(0, 0%, 96%);
}

.file-button>label>i {
	padding-right: 5px;
}

body.front-end .style-recaptcha {
	margin-left: 0%;
	/* margin-top: 10%; */
}

body.front-end .style-recaptcha-produk {
	margin-left: 35%;
}

body.front-end .style-recaptcha-e-form {
	justify-content: center;
	align-items: center;
	display: flex;

}

.swiper--product .swiper-pagination-bullet {
	width: 12px !important;
	height: 12px !important;
}

.swiperPromoHomepage .swiper-slide {
	margin-right: 6px !important;
}

.swiperPromoHomepage .swiper-pagination {
	display: none;
}

.swiperPromoHomepage .swiper-pagination-bullet {
	background-color: #c4c4c4 !important;
	top: 8px;
	width: 12px !important;
	height: 12px !important;
	position: relative;
	opacity: 100;
	top: 0px;
}

.swiperPromoHomepage .swiper-pagination-bullet-active {
	border: 1px solid #FFFFFF;
	background: #717171 !important;
}

.coba-simulasi {
	color: #339AAA !important;
	border: 2px solid #339AAA;
	box-sizing: border-box;
	border-radius: 28px;
	background: transparent !important;
}

.btn-form-detail {
	color: #339AAA !important;
	border: 2px solid #339AAA;
	box-sizing: border-box;
	border-radius: 28px;
	background: transparent !important;
	padding: .75rem !important;
	display: inline-flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 16px !important;
	margin: .5rem auto;

}

body.front-end .info-click p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px !important;
	line-height: 20px;
	color: #242424;
}

body.front-end .faq-detail-produk {
	background: #ffffff;
	padding: 56px 192px 0px 80px;
}

body.front-end .faq-detail-produk .image-illustrasi-faq-detail {
	width: 100%;

}

body.front-end .color-faq {
	color: #1469C7 !important;
}

body.front-end .info-click .click {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px !important;
	line-height: 20px;
	letter-spacing: 0.1em;
	text-decoration-line: underline;
	text-transform: uppercase;
	color: #1469C7;
}

.btn-form-detail-active {
	color: #ffffff !important;
	border: 2px solid transparent;
	box-sizing: border-box;
	border-radius: 28px;
	border-radius: 28px;
	background: linear-gradient(88.56deg, #1469C7 28.02%, #3DB9CC 82.31%);
	border-radius: 28px !important;
	padding: .75rem !important;
	display: inline-flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 16px !important;
	margin: .5rem auto;

}

.text-title {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold !important;
	font-size: 28px !important;
	line-height: 36px !important;
	color: #1469C7 !important;
	text-align: left;
	margin-bottom: 0px;
}

.text-title-produk {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold !important;
	font-size: 28px !important;
	line-height: 36px !important;
	color: #1B4D7C !important;
	text-align: left;
	margin-bottom: 0px;
}

.wrap-promohomepage {
	margin-top: 56px;
	padding: 0rem 192px 15px 80px;
}

body.front-end .wrap-new-promo {
	padding: 39px 192px 15px 80px;
	background-color: #ffffff;
}

body.front-end .wrap-produk-layanan {
	padding: 39px 192px 15px 80px;
	background-color: #ffffff;
}

#produk-layanan-kami p {
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	letter-spacing: 0%;
	color: #717171;
}

body.front-end .fina-desc {
	margin-top: 3.5rem;
}

body.front-end .wrap-new-fina {
	padding: 0px 192px 15px 80px;
	background-color: transparent;
}

body.front-end .section-social-media {
	margin: 0px 192px 15px 80px;
	border-radius: 16px;
	background: #FFF;
	filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
	margin-top: -3rem;
	margin-bottom: 5rem;
}

body.front-end .wrap-new-fina-fitur {
	padding: 39px 192px 15px 80px;
	background-color: transparent;
}

body.front-end .wrap-new-syarat {
	padding: 39px 192px 15px 80px;
	background-color: #ffffff;
}

.btn-tentang-kami-banner {
	margin-top: 2rem;
}

.title-new-promo {
	padding: 0rem 0rem;
	align-items: end;
	margin-bottom: 2rem;
	margin-right: 4px;
}

body.front-end h2.simulasi {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold !important;
	font-size: 28px !important;
	line-height: 38px !important;
	color: #0D4685 !important;
}

body.front-end .style-desc {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 18px !important;
	line-height: 28px;
	width: 100%;
	color: #0D4685 !important;
}

.pad-card-penghargaan {
	padding: 1rem 16px !important;
	margin-bottom: 0px !important;
}

.nav-assurance {
	margin: 32px 192px 20px 80px;
}

.nav-promo {
	margin: -149px 192px 20px 80px !important;
}

.nav-assurance-produk {
	margin: -256px 192px 20px 80px;
}

.nav-assurance-pengaturan {
	margin: -97px 192px 20px 80px;
}

.desc-tentang-kami {
	padding: 4rem 2rem;
}

.style-card-informasi-laporan {
	z-index: 10;
	padding-top: 0rem;
	background: #ffffff;
	box-shadow: 0px 4px 8px rgb(154 181 188 / 30%);
	border-radius: 8px;
	padding: 2rem 27rem;
	padding-right: 2rem !important;
	padding-left: 2rem !important;
	margin-top: -9rem;
	height: 509px;
}

#nav-tabContentVisi {
	background: #FFFFFF;
	/* border-radius: 8px; */
	margin-left: 80px;
	margin-right: 192px;
	padding-bottom: 1rem;
	/* box-shadow: 0px 4px 8px rgba(154, 181, 188, 0.3); */
}

#nav-product-new {
	background: #FFFFFF;
	margin-left: 80px;
	margin-right: 192px;
	padding-bottom: 1rem;
}

.textarea-style {
	width: 100%;
	height: auto;

}

.styling-desc-visi p {
	font-family: 'Open Sans' !important;
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 22px !important;
	text-align: center !important;
	color: #000000 !important;
}

body.front-end .service-info--wrapper {
	background: linear-gradient(180deg, #FFFFFF 20.45%, rgba(177, 205, 236, 0.6) 100%);
	padding-bottom: 20px;
}

body.front-end .service-info--wrapper-produk {
	background: linear-gradient(180deg, #D0E1F4 0%, #F5FEFF 60.48%)
}

body.front-end .wrapper-body-bpkb {
	background: white;
	padding-bottom: 0px !important;
}

body.front-end .service-info--wrapper-visi {
	background: linear-gradient(180deg, #FFFFFF 20.45%, rgba(177, 205, 236, 0.6) 100%);
	padding-bottom: 50px !important;
}

body.front-end .service-info--wrapper-visi-new {
	background: linear-gradient(180deg, #FFFFFF 20.45%, rgba(177, 205, 236, 0.6) 100%);
	padding-bottom: 50px !important;
}

.table-row-active {
	background: #F1F8FF;
}

.hr-whistle {
	background: linear-gradient(270deg, #7ED0DD 0%, #629BDA 100%);
	width: 100%;
	height: 4px;
	margin: 40px 0px;
	border-radius: 50px;
}

.padding-promo {
	margin: 0 0rem;
}

.title-table {
	background: #808DA3;
	border-radius: 8px 8px 0px 0px;
	height: 64px;
	padding: 16px;
	font-family: 'Open Sans';
	font-weight: bold;
	font-size: 18px;
	line-height: 36px;
	color: #FFFFFF;
}

.laporan-style p {
	padding: 0rem 0rem 0px 1rem;
	font-size: 14px !important;
	font-weight: 400 !important;
	color: #339AAA !important;
	text-transform: uppercase;
}

.laporan-style h3 {
	font-size: 16px !important;
	color: #0D4685 !important;
	margin-top: -16px;
	margin-left: 1rem;
	font-weight: 600 !important;

}

/* FAQ */

body.front-end .link-reference {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px !important;
	line-height: 20px;
	letter-spacing: 0.1em;
	text-decoration-line: underline;
	text-transform: uppercase;
	color: #3B82D0 !important;
}

.search-box,
.close-icon,
.search-wrapper {
	position: relative;
	padding: 10px;
}

.search-wrapper {
	width: 500px;
	margin: auto;
	margin-top: 5px;
}

.search-box {
	width: 80%;
	border: 1px solid #ccc;
	outline: 0;
	border-radius: 15px;
}

.search-box:focus {
	box-shadow: 0 0 15px 5px #b0e0ee;
	border: 2px solid #bebede;
}

.close-icon {
	border: 1px solid transparent;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	outline: 0;
	cursor: pointer;
	padding: 0 !important;
}

.close-icon:after {
	content: "x";
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	left: -32px;
	top: -6px;
	bottom: 0;
	margin: auto;
	text-align: left;
	color: #339AAA;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}

.search-box:not(:valid)~.close-icon {
	display: none;
}


body.front-end .flex-faq-banner {
	justify-content: space-around;
}

body.front-end .flex-faq-banner .center-div {
	width: 35%;
}

body.front-end .bg-open-accordion {
	background: #FFFFFF;
	border: 1px solid #D8D8D8;
	box-sizing: border-box;
}

body.front-end .bg-wrap-faq {
	background: #F1F8FF;
}

body.front-end #section-notfound-kategori {
	display: none;
}

body.front-end .illustration-faq {
	width: 20%;
	display: block;
	transform: matrix(-1, 0, 0, 1, 0, 0);
}

body.front-end .illustration-faq-2 {
	width: 18%;
	display: block;

}

#search-faq {
	display: none;
	background: rgba(166, 233, 255, 0.7);
	height: 56px;
	width: 100%;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 12px !important;
	line-height: 20px;
	padding: 19px 31px;

	color: #115FB7;
}

body.front-end #e-form-information {
	display: block;
	background: rgba(166, 233, 255, 0.7);
	height: 56px;
	width: 100%;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 12px !important;
	line-height: 20px;
	padding: 19px 31px;

	color: #115FB7;
}

body.front-end .bg-canvas {
	background-image: url("../static/info/progress-zone.png");
	background-repeat: no-repeat;
	width: 88px;
	height: 88px;
}

/* e-form */
body.front-end .modal-content-upload {
	height: auto !important;
	width: 720px;
}

body.front-end .card-unggah {
	background: #FFFFFF;
	border: 1px dashed #A0A0A0;
	box-sizing: border-box;
	box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	height: 200px;
}

body.front-end .text-check-e-form {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 14px !important;
	color: #717171;
}

body.front-end .button-upload-bukti {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;
	align-items: center;
	text-align: center;
	color: #FFFFFF;
	background: #3BB7B4;
	border-radius: 8px;
	padding: 14px;
	width: 213px;
	height: auto;
	border: none;
}

body.front-end .pad-card-promo {
	padding: 1rem 2rem !important;
}

body.front-end .section-card-e-form {
	background: #FFFFFF;
	border-radius: 16px;
	margin: -6rem 192px 0px 80px;
	padding: 2rem;
	height: auto;
	border: 3px solid #F4F4F4;
}

body.front-end .hr-e-form {
	background: #D8D8D8;
	width: 100%;
	height: 1px;
	margin: 40px 0px;
}


@media (max-width: 324px) {
	body.front-end .style-recaptcha-produk {
		margin-left: 6%;
	}

	body.front-end .detail-direksi h2 {
		color: #ffffff !important;
		font-size: 16px !important;
		height: 59px;
		padding-top: 0rem;
		margin-bottom: 0px !important;
	}

	body.front-end .team--second-management .detail h2 {
		height: 46px !important;
	}

	body.front-end .team--second-management .detail p {
		font-size: 12px;
		color: #05A5B3;
		height: 42px;
	}
}

@media (min-width: 325px) and (max-width: 522px) {
	body.front-end .detail-direksi h2 {
		color: #ffffff !important;
		font-size: 16px !important;
		height: 40px;
		padding-top: 0rem;
		margin-bottom: 0px !important;
	}

	body.front-end .team--second-management .detail h2 {
		height: 30px !important;
	}
}

@media (max-width: 767px) {
	.nav li {
		display: block !important;
		width: auto;
		margin: 0px;
	}

	body.front-end .card-contact {
		height: 80px;
		border-radius: 8px;
		background: #FFF;
		box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
		padding: 6px !important;
		justify-content: center;
		align-items: center;
		width: 100%;
		display: block !important;
	}

	body.front-end .name-contact {
		color: #717171;
		font-family: 'Open Sans';
		font-size: 12px !important;
		font-style: normal;
		font-weight: 700 !important;
		line-height: 22px !important;
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 0px;
		text-align: center;
	}

	body.front-end footer {
		padding: 1rem 0rem 4rem 0 !important;
		background: #0A3463;
	}

	.desktop-footer--content .partition-1 .addresses {
		align-items: stretch;
		justify-content: flex-start;
		margin-top: 0;
		width: 100%;
	}

	.partition-2 p {
		margin-bottom: 0 !important;
		font-size: 12px !important;
		font-weight: 400 !important;
		text-align: center;
	}

	.desktop-footer--content .partition-1 .addresses .addresses--content {
		justify-content: flex-start;
		text-align: left;
	}

	.desktop-footer--content .partition-1 .addresses .addresses--content p {
		margin-bottom: 12px !important;
		font-family: 'Open Sans' !important;
		font-style: normal;
		font-weight: 700 !important;
		font-size: 18px !important;
		line-height: 24px;
		color: #FFFFFF !important;
	}

	.desktop-footer--content .partition-1 .addresses .addresses--content span {
		font-size: 12px !important;
		color: #ffffff;
		font-family: 'Open Sans';
		font-weight: 600 !important;
	}

	.desktop-footer--content {
		display: block;
		flex-direction: row;
		justify-content: space-between;
		align-items: baseline;
		margin: 1rem 1rem 1rem 1rem;
	}

	#desktop-footer--wrapper.is-mobile .partition-2 .desktop--ojk {
		align-items: center;
		display: flex !important;
		justify-content: center;
	}

	#desktop-footer--wrapper.is-mobile .partition-2 .desktop--copyright {
		color: #ffffff;
		margin: 0 2rem;
	}

	#desktop-footer--wrapper.is-mobile .partition-2 {
		display: block !important;
		margin-top: -12px;
		margin-bottom: 20px;
		color: #ffffff;
	}

	#desktop-footer--wrapper.is-mobile .partition-2 .desktop--ojk {
		align-items: center;
		display: flex !important;
		justify-content: center;
	}

	#desktop-footer--wrapper.is-mobile .partition-2 .desktop--copyright {
		color: #ffffff;
		margin: 0 2rem;
	}

	#desktop-footer--wrapper.is-mobile .partition-2 {
		display: block !important;
		justify-content: space-between;
		margin-top: -12px;
		margin-bottom: 20px;
		color: #ffffff;
	}

	.desktop-footer--content .partition-1 .addresses .addresses--content p {
		margin-bottom: 12px !important;
		font-family: 'Open Sans' !important;
		font-style: normal;
		font-weight: 700 !important;
		font-size: 18px !important;
		line-height: 24px;
		color: #FFFFFF !important;
	}

	.style-card-col {
		border: none;
	}

	.text-value {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400 !important;
		font-size: 14px !important;
		line-height: 20px !important;
		color: #717171 !important;
		margin-top: 0%;
	}

	.desc-detail-karir h2 {
		text-align: left;
	}

	body.front-end .fina-desc {
		margin-top: 0.5rem;
	}

	.desc-detail-karir {
		padding-top: 0rem;
	}

	.tab-career {
		width: 100% !important;
	}

	.bg-pagCircle {
		margin-left: 16px;
	}

	.swiperValue {
		padding-right: 5rem !important;
	}

	.swiperLowongan {
		padding-right: 5rem !important;
	}

	.swiperBenefit {
		padding-right: 4rem !important;
	}

	body.front-end .benefit-row-detail {
		padding: 16px 16px 42px 16px !important;
	}

	.bg-vectorCircle {
		height: 18rem !important;
	}

	.list-value p {
		text-align: left;
	}

	.list-value h1 {
		height: auto;
		word-break: break-word;
	}

	.swiperBenefit img {
		height: auto;
	}

	.bg-cyan-table {
		background: #F1F8FF !important;
		border-radius: 8px 0px 0px 8px;
	}

	.bg-pink-table {
		background: #F2F2F2 !important;
		border-radius: 0px 8px 8px 0px;
	}

	.table-tunggakan {
		display: flex;
		align-items: flex-start;
	}

	.table-tunggakan p {
		width: 100%;
		margin-right: 14px;
	}

	.card-simulation-consument {
		width: 100%;
		margin-right: 14px;
		height: auto;
	}

	.table-tunggakan h3 {
		width: 100%;
	}

	.banner-skredit h1 {
		font-family: 'Open Sans';
		font-style: normal !important;
		font-weight: 700 !important;
		font-size: 20px !important;
		line-height: 28px !important;
		color: #1469C7 !important;
	}

	.banner-skredit {
		padding-top: 4rem !important;
	}

	.tab-career {
		display: flex !important;
		justify-content: space-around;
		padding: 0px 10px;
		flex-wrap: nowrap !important;
	}

	.content-submit {
		margin-top: 52% !important;
	}

	.paragraph-sdank h3 {
		font-size: 14px !important;
	}

	.paragraph-sdank p {
		font-size: 13px !important;
	}

	.paragraph-sdank .list li {
		font-size: 14px !important;
	}

	body.front-end .desc-produk span {
		z-index: 1000;
	}

	.img-why-bca {
		width: 100%;
		margin-top: -8rem;
	}

	.text-content-value {

		margin-top: 1rem !important;
		margin-left: 1rem !important;
		margin-right: 1rem !important;

	}

	.list-value .thumbnail {
		height: auto;
	}

	.list-value .thumbnail-career {
		background: linear-gradient(180deg, rgba(158, 220, 230, 0) 0%, rgba(158, 220, 230, 0.260417) 75.17%, #9EDCE6 125.5%);
		border-radius: 30px;
		height: 349px;
		padding: 10px;
	}

	.thumbnail-comment {
		height: 264px;
	}

	.img-join {
		width: 100%;
		margin-top: -2rem;
		margin-left: 0rem;
	}

	/* karir */
	.img-karir {
		height: 193px;
	}

	.card-karir {
		height: auto;
		margin: 1rem;
		z-index: 1;

	}

	.card-detail-karir {
		height: auto;
		margin: 1rem;
		padding: 16px 16px !important;
	}

	.card-top-detail {
		display: none;
	}

	.card-top-detail-mobile {
		margin-top: -40px !important;
		display: block;
		margin: auto;
		width: 80%;
		height: 29px;
	}

	.card-top-detail-mobile-refinancing {
		margin-top: -40px !important;
		display: block;
		margin: auto;
		width: 100%;
		height: 29px;
	}

	/* contactUs */
	.card-top-contactUs {
		display: none;
	}

	.card-top-contactUs-mobile {
		margin-top: -40px !important;
		display: block;
		margin: auto;
		width: 80%;
		height: 29px;
	}

	.card-top-contactUs-mobile-refinancing {
		margin-top: -40px !important;
		display: block;
		margin: auto;
		width: 100%;
		height: 29px;
	}

	body.front-end .height-image-detail {
		height: 4rem;
	}

	.card--detail-product {
		margin-top: -4rem;
		padding: 16px 16px !important;
	}

	body.front-end .bg-card {
		margin-top: -5rem;
		padding: 0px 16px !important;
	}

	.content-mobile {
		height: 30rem;
		overflow-y: scroll;
	}

	.modal-open .modal {
		overflow-x: hidden !important;
		overflow-y: hidden !important;
	}

	body.front-end .mobil-mall--section .mobil-mall-thumbnail--section a {
		z-index: 1001;
	}

	body.front-end .captcha-login {
		width: 100%;
		display: block;
		margin-left: 0;
	}

	body.front-end .captcha-career {
		width: 100%;
		display: block;
		margin-left: 0;
	}

	.styleFloatingActive {
		background: #FFFFFF !IMPORTANT;
		border-radius: 0px 8px 8px 0px !important;
		width: 100%;
		padding: .2rem 0 !important;
	}

	body.front-end .hr-e-form {
		margin: 20px 0px;
	}
}

body.front-end .section-card-e-form h1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 36px !important;
	line-height: 48px;
	color: #0D4685;
	width: 70%;
}

body.front-end .section-card-e-form .desc {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 20px !important;
	line-height: 20px;
	color: #3A3A3A;
	padding-top: 2rem;
}

body.front-end .e-form-pad {
	padding: 1rem 2rem;
}

body.front-end .syarat-password {
	background-color: #ECF3FE;
	padding: 15px;
	margin-top: 2rem;
}

body.front-end .syarat-password p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	font-size: 14px !important;
	line-height: 22px;
	color: #717171 !important;
	margin-bottom: 10px !important;
}

body.front-end .syarat-password li {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 14px !important;
	line-height: 20px;
	color: #717171 !important;
}

body.front-end .e-form-account {
	padding: 15px 0rem 0rem 0rem;
}

body.front-end .security {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	margin-top: 1rem;
	font-size: 18px !important;
	line-height: 25px;
	letter-spacing: 5px;
	text-transform: uppercase;
	color: #000000;
}

body.front-end .wrap-e-form {
	background: linear-gradient(180deg, #0D4685 17.33%, rgba(126, 208, 221, 0.5) 100%), url("../static/tentang-kami/bg-new-whistle.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	height: 210px;
}


body.front-end .href-back {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px !important;
	line-height: 20px;
	align-items: center;
	letter-spacing: 0.1em;
	text-decoration-line: underline;
	text-transform: uppercase;
	color: #3DB9CC;
	margin-left: 10px;
}

.bg-not-found-faq {
	background: rgba(255, 230, 205, 0.7) !important;
	color: #804002 !important;
}

.hr-faq {
	border: 0.5px solid #A0A0A0 !important;
	margin: 9px 9px 0px 9px !important;
}

ul.accordion-list {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 20px;
	margin: 0;
	list-style: none;
	background-color: #f9f9fa;
}

ul.accordion-list li {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	background-color: #fff;
	padding: 20px;
	margin: 0 auto 15px auto;
	border: 1px solid #eee;
	border-radius: 5px;
	cursor: pointer;
}

ul.accordion-list li.active h3:after {
	transform: rotate(45deg);
}

ul.accordion-list li h3 {
	font-weight: 700;
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 0 0 0 0;
	margin: 0;
	font-size: 15px;
	letter-spacing: 0.01em;
	cursor: pointer;
	font-family: 'Open Sans';
}

ul.accordion-list li h3:after {
	background-image: url("./static/icons/faq_plus.svg");
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	color: #fcc110;
	transition: all 0.3s ease-in-out;
	font-size: 18px;
}

ul.accordion-list li div.answer {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

ul.accordion-list li div.answer p {
	position: relative;
	display: block;
	font-weight: 300;
	padding: 10px 0 0 0;
	cursor: pointer;
	line-height: 150%;
	margin: 0 0 15px 0;
	font-size: 14px;
}

.hr-populer {
	border: 0.5px solid #A0A0A0;
	margin: 0;
}

.btn-back-to-top {
	border-radius: 50px !important;
	font-size: 14px !important;
	font-family: 'Open Sans' !important;
	color: #ffffff !important;
	font-weight: bold !important;
	background-color: #3DB9CC !important;
}

.btn-detail-prod {
	background: linear-gradient(180deg, #3DB9CC 0%, #1896A9 125%) !important;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 30px !important;
	font-family: 'Open Sans' !important;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-align: center;
	color: #FFFFFF !important;
	width: 100%;

}

.btn-detail-prod-border {
	background: #FFFFFF !important;
	border: 1px solid #3DB9CC !important;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 30px !important;
	font-family: 'Open Sans' !important;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-align: center;
	color: #1896A9 !important;
	width: 100%;

}

.btn-detail-contact-border {
	background: #FFFFFF !important;
	border: 1px solid #3DB9CC !important;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 30px !important;
	font-family: 'Open Sans' !important;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-align: center;
	color: #1896A9 !important;
	width: 100%;

}

.btn-detail-contact {
	background: linear-gradient(180deg, #3DB9CC 0%, #1896A9 125%) !important;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 30px !important;
	font-family: 'Open Sans' !important;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-align: center;
	color: #FFFFFF !important;
	width: 100%;

}

.btn-detail-career {
	background: linear-gradient(180deg, #3DB9CC 0%, #1896A9 125%) !important;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 30px !important;
	font-family: 'Open Sans' !important;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-align: center;
	color: #FFFFFF !important;
	width: 40% !important;
	margin: auto;
	display: block !important;

}

.btn-detail-career-border {
	background: #FFFFFF !important;
	border: 1px solid #3DB9CC !important;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 30px !important;
	font-family: 'Open Sans' !important;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-align: center;
	color: #1896A9 !important;
	width: 100%;

}

.btn-detail-form {
	background: linear-gradient(180deg, #3DB9CC 0%, #1896A9 125%) !important;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 30px !important;
	font-family: 'Open Sans' !important;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-align: center;
	color: #FFFFFF !important;
	width: 40% !important;
	margin: auto;
	display: block !important;

}

.btn-detail-form-border {
	background: #FFFFFF !important;
	border: 1px solid #3DB9CC !important;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 30px !important;
	font-family: 'Open Sans' !important;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-align: center;
	color: #1896A9 !important;
	width: 100%;

}

#section2-kategori {
	display: none;
}

#section2-populer {
	display: block;
}

.desc-detail-sub {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 14px !important;
	line-height: 20px;
	color: #000000;
}

body.front-end #accordion-faq .card-header-faq a[aria-expanded="true"] {
	float: right;
	padding: .75rem;
	content: "";
	background-image: url("./static/icons/faq-min.png");
}

body.front-end .card-terms-style-faq[aria-expanded="true"] p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 20px;
	color: #1469C7;
}

body.front-end #accordion-form-kelengkapan .card-detail-formKel a[aria-expanded="true"] {
	float: right;
	padding: 13px 12px !important;
	content: "";
	background-image: url("../static/info/arrow-white-form.svg");
	position: absolute;
	right: 7%;
}

body.front-end #accordion-form-kelengkapan .card-detail-formKel a[aria-expanded="false"].collapsed-detail-formkel {
	background-image: url("../static/info/arrow-blue-form.svg");
	float: right;
	padding: 13px 12px !important;
	content: "";
	position: absolute;
	right: 7%;
}

body.front-end #accordion-form-kelengkapan .card-detail-formKel div[aria-expanded="true"].icon-folder-active {
	background-image: url("../static/info/folder-form-white.png");
	width: 5%;
	height: 81%;
	background-size: 32px;
	background-repeat: no-repeat;
}

body.front-end #accordion-form-kelengkapan .card-detail-formKel div[aria-expanded="false"].icon-folder-active {
	background-image: url("../static/info/folder-form.png");
	width: 5%;
	height: 81%;
	background-size: 32px;
	background-repeat: no-repeat;
}

body.front-end .card-terms-style-formkel:hover[aria-expanded="false"] {
	background: linear-gradient(90deg, #BEE8EE 0%, #B1CDEC 100%);
}

body.front-end .card-terms-style-formkel[aria-expanded="false"] {
	background: #FFFFFF;
	border: 1px solid #D8D8D8;
	box-sizing: border-box;
	border-radius: 4px 24px 0px 0px;
	align-items: center;
	height: 88px;
	display: inline-flex;
}

body.front-end .card-terms-style-formkel[aria-expanded="true"] {

	align-items: center;
	height: 88px;
	background: linear-gradient(90deg, #339AAA 1.32%, #1158A6 100%);
	border-radius: 4px 24px 0px 0px;
	display: inline-flex;
}

body.front-end .card-terms-style-formkel[aria-expanded="true"] p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
	margin-left: 3% !important;
}

body.front-end .card-terms-style-formkel p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600 !important;
	font-size: 16px;
	line-height: 24px;
	color: #0D4685;
	margin-left: 3% !important;
}

body.front-end #accordion-faq .card-header-faq a[aria-expanded="false"].collapsed-faq {
	background-image: url("./static/icons/faq_plus.svg");
	float: right;
	padding: .75rem !important;
	content: "";
}

body.front-end .card-terms-style-faq[aria-expanded="false"] {
	border-bottom: 0.5px solid #A0A0A0;
	align-items: center;
	justify-content: space-between;
	display: inline-flex;

}

body.front-end .card-terms-style-faq[aria-expanded="true"] {
	border-bottom: 0.5px solid #A0A0A0;
	align-items: center;
	justify-content: space-between;
	display: inline-flex;
}

body.front-end .card-terms-style-faq p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500 !important;
	font-size: 24px;
	line-height: 20px;
	color: #0D4685;
}






body.front-end #accordion-detail-sub .card-header-detail-sub a[aria-expanded="true"] {
	float: right;
	padding: 13px 12px !important;
	content: "";
	background-image: url("./static/info/arrow-white-form.svg");
}

body.front-end #accordion-detail-sub .card-header-detail-sub a[aria-expanded="false"].collapsed-detail-sub {
	background-image: url("./static/icons/arrow-down-blue-faq.svg");
	float: right;
	padding: 7px 11px !important;
	content: "";
}

body.front-end .card-terms-style-detail-sub:hover[aria-expanded="false"] {
	background: linear-gradient(90deg, #BEE8EE 0%, #B1CDEC 100%);
}

body.front-end .card-terms-style-detail-sub[aria-expanded="false"] {
	background: #FFFFFF;
	border: 1px solid #D8D8D8;
	box-sizing: border-box;
	border-radius: 3px 25px 3px 3px;
	align-items: center;
	justify-content: space-between;
	display: inline-flex;
	height: 88px;

}

body.front-end .card-terms-style-detail-sub[aria-expanded="true"] {
	align-items: center;
	height: 88px;
	background: #339AAA;
	border-radius: 3px 25px 0px 0px;
	justify-content: space-between;
	display: inline-flex;
}

body.front-end .card-terms-style-detail-sub[aria-expanded="true"] p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
}

body.front-end .card-terms-style-detail-sub p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #072342;
}





body.front-end .saham--tabs .nav-tabs .nav-link.active {
	border-bottom: 1.5px solid #007F9F;
	color: #fff;
	background: #007F9F;
	font-weight: 600;
	padding-left: 2rem;
	z-index: 5;
}

body.front-end .saham--tabs .nav-tabs .nav-link {
	font-weight: 400;
	color: #1B4D7C;
	border: none;
	border-radius: 0 !important;
	font-size: 14px !important;
	padding: 8px 6px;
	padding-left: 2rem;
	/* margin-left: -10px; */
	/* margin-right: 6px; */
	/* width: 13rem; */
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: left;
}

body.front-end .sosmed--tabs .nav-tabs .nav-link.active {
	border-bottom: none;
	color: #124DB2;
	font-family: 'Open Sans';
	font-size: 20px !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: normal;
	background: #ffffff;
	font-weight: 600;
	padding-left: 2rem;
	z-index: 5;
	border-radius: 90px 0px 0px 90px !important;
	box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.10) inset;
	margin-bottom: 10px;
	margin-top: 10px;
}

body.front-end .sosmed--tabs .nav-tabs .nav-link.active p {
	color: #124DB2;
	font-family: 'Open Sans';
	font-size: 20px !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: normal;
	background: #ffffff;
	font-weight: 600;
	margin-bottom: 0;
	text-wrap: nowrap;
}

body.front-end .sosmed--tabs .nav-tabs .nav-link {
	font-weight: 400;
	border: none;
	border-radius: 0 !important;
	padding: 8px 8px;
	padding-left: 2rem;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: left;
	color: #787878;
	font-family: 'Open Sans';
	font-size: 20px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 10px;
	margin-top: 10px;
}

body.front-end .sosmed--tabs .nav-tabs .nav-link p {
	color: #787878;
	font-family: 'Open Sans';
	font-size: 20px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 0px;
	text-wrap: nowrap;
}

body.front-end .FAQ--tabs .nav-tabs .nav-link.active {
	color: #fff;
	/* background: #007F9F; */
	font-weight: 600;
	padding: 16px !important;
	border: none !important;
	z-index: 5;
	background: rgba(126, 208, 221, 0.2);
	border-radius: 5px !important;
	height: 52px;
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 20px !important;
	line-height: 20px;
	display: flex;
	align-items: center;
	color: #339AAA;
}

body.front-end .FAQ--tabs .nav-tabs .nav-link {
	color: #041528;
	/* background: #007F9F; */
	font-weight: 600;
	padding: 16px !important;
	z-index: 5;
	background: #ffffff;
	border-radius: 5px !important;
	height: 52px;
	font-family: 'Open Sans';
	font-weight: 600;
	border: none !important;
	font-size: 20px !important;
	line-height: 20px;
	display: flex;
	align-items: center;
}

.faq-banner {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), linear-gradient(359.57deg, #3DB9CC -27.23%, #1157A6 78.81%);
	height: auto;
	padding: 120px 80px 0px 20px;
}

.faq-banner h1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 36px !important;
	line-height: 28px;
	align-items: center;
	text-align: center;
	color: #FFFFFF !important;
}

.faq-banner h2 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 20px !important;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF !important;
	padding: 18px 0px;
}

.search-bar-faq {
	position: relative;
	border-radius: 24px;
	height: 48px;
	font-family: 'Open Sans';
	font-size: 14px;
}

.search-bar-faq img {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 9px;
	left: 23px;
}

.search-bar-faq input {
	padding: 0.5rem 2rem 0.5rem 4rem;
	border-radius: 24px;
	height: 48px;
	background: #D0E1F4;
	font-family: 'Open Sans';
	font-size: 14px !important;
	border: none !important;
}

.search-bar-faq ::placeholder {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #535353;
}

.search-bar-formkel {
	position: relative;
	border-radius: 24px;
	height: 48px;
	font-family: 'Open Sans';
	font-size: 14px;
}

.search-bar-formkel img {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 9px;
	left: 23px;
}

.search-bar-formkel input {
	padding: 0.5rem 2rem 0.5rem 4rem;
	border-radius: 24px;
	height: 48px;
	background: #E9F4FF;
	font-family: 'Open Sans';
	font-size: 14px !important;
	border: none !important;
}

.search-bar-formkel ::placeholder {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #535353;
}

.kategori-faq {
	padding: 0px 40px 0px 0px;
}

.kategori-faq h2 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 28px !important;
	line-height: 20px;
	color: #0D4685;
	margin-bottom: 24px !important;
}

.kategori-faq .card-faq {
	height: 64px;
	width: 328px;
	background: linear-gradient(90deg, #3B82D0 0%, #5DC5D4 100%);
	box-shadow: 0px 4px 8px rgba(154, 181, 188, 0.3);
	border-radius: 4px;
	padding: 20px 24px;
	display: flex;
	margin: 16px 0px;
}

.kategori-faq .card-faq img {
	width: 24px;
	height: 24px;
}

.kategori-faq .card-faq p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 24px !important;
	line-height: 20px;
	padding: 1px 17px;
	color: #FFFFFF !important;
}

.wrap-section-2 {
	padding-top: 44px;
}

.artikel-faq {
	padding: 30px 115px 30px 30px !important;
}

/* jaringan */
.search-box-jaringan,
.close-icon,
.search-wrapper {
	position: relative;
	padding: 10px;
}

.search-wrapper {
	width: 500px;
	margin: auto;
	margin-top: 5px;
}

.search-box-jaringan {
	width: 95%;
	border: 1px solid #ccc;
	outline: 0;
	border-radius: 15px;
}

.search-box-jaringan:focus {
	box-shadow: none !important;
	border: none !important;
}

.close-icon {
	border: 1px solid transparent;
	background-color: transparent;
	display: inline-block;
	vertical-align: middle;
	outline: 0;
	cursor: pointer;
	padding: 0 !important;
}

.close-icon:after {
	content: "x";
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	left: -32px;
	top: -6px;
	bottom: 0;
	margin: auto;
	text-align: left;
	color: #339AAA;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}

.search-box-jaringan:not(:valid)~.close-icon {
	display: none;
}

body.front-end #card-none {
	display: block;
	height: auto;
	background: rgba(235, 243, 252, 0.5);
	border-radius: 8px;
	margin-right: 18px;
	padding: 15px 10px 24px 10px;
	margin-bottom: 20px;
	cursor: pointer;
}

.card-jaringan #card-none:hover {
	height: auto;
	background: rgba(98, 155, 218, 0.15);
	border-radius: 8px;
	padding: 15px 10px 24px 10px;
	margin-bottom: 20px;
	cursor: pointer;

}

.card-jaringan #card-none::selection {
	height: auto;
	background: rgba(98, 155, 218, 0.15);
	border-radius: 8px;
	padding: 20px 25px 50px 20px;
	margin-bottom: 20px;
	cursor: pointer;
}

.card-jaringan #card-none h3 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	color: #297B88;
}

.card-jaringan #card-none p {
	font-size: 14px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
	color: #000000;

}

.card-jaringan #card-none .telp {
	background: rgba(255, 255, 255, 0.5);
	border-radius: 2px;
	height: 32px;
	padding: 8px 4px;
	width: 60%;
	font-family: 'Open Sans';
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}

.card-jaringan #card-none .fax {
	margin-top: 10px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 2px;
	height: 32px;
	padding: 8px 4px;
	width: 60%;
	font-family: 'Open Sans';
	font-weight: normal;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
}

.card-jaringan #card-none .peta-redirect {
	float: right;
	margin-top: 0px;
}

.card-jaringan #card-none .peta-redirect a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 12px !important;
	line-height: 30px;
	align-items: center;
	text-align: right;
	letter-spacing: 0.1em;
	text-decoration-line: underline;
	color: #1469C7 !important;

}

body.front-end #back-notfound {
	display: block !important;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 14px !important;
	line-height: 20px;
	align-items: center;
	color: #3DB9CC;
	margin-top: 16px;
}

body.front-end .image-notfound-jaringan {
	width: 60%;
	display: block;
	margin: auto;
	opacity: 60%;
	margin-top: 24px;
}

body.front-end .image-notfound-faq {
	width: 50%;
	display: block;
	margin: auto;
	opacity: 70%;
	margin-top: 24px;
}

body.front-end .image-notfound-promo {
	width: 30%;
	display: block;
	margin: auto;
	opacity: 70%;
	margin-top: 24px;
}

body.front-end .warning-notfound-jaringan {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #A0A0A0;
}

#map {
	height: 100%;
}

.scrollable-content {
	height: 500px;
	overflow: scroll;
	overflow-x: hidden;
	margin: 0;
}

::-webkit-scrollbar-track {
	background: #E5E5E5 !important;
	width: 8px;
}

::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	background: #B1CDEC;
	border-radius: 10px;
}


.style-map {
	padding-right: 77px !important;
	padding-left: 22px !important;
}

#back-jaringan {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 16px !important;
	line-height: 20px;
	align-items: center;
	color: #3DB9CC;
	display: none;
	padding-bottom: 24px;
}

#back-jaringan:hover {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 16px !important;
	line-height: 20px;
	align-items: center;
	color: #3DB9CC;
	padding-bottom: 24px;
}

.card-wrap-jaringan {
	padding-top: 120px !important;
	margin-bottom: 40px;
	padding: 0;
}

.card-jaringan h1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 28px;
	color: #0D4685;
}

.search-bar-jaringan {
	position: relative;
	margin-top: 56px;
	background: #F4F4F4;
	border-radius: 60px;
	height: 40px;
	font-family: 'Open Sans';
	font-size: 14px;
	margin-bottom: 19px;

	display: flex;
	align-items: center;
}

.search-bar-jaringan .close-icon {
	position: absolute;
	right: 0;
}

.search-bar-jaringan img {
	position: absolute;
	Width: 17.4px;
	height: 17.49px;
	top: 11px;
	left: 17px;
}

.search-bar-jaringan input {
	width: 100%;
	padding: .5rem 2.5rem;
	border-radius: 60px;
	height: 40px;
	background: transparent;
	border: 1px white solid !important;
	font-family: 'Open Sans';
	font-size: 14px;
}

.search-bar-jaringan ::placeholder {
	color: #C4C4C4;
	font-family: 'Open Sans';
	font-size: 14px;
}

.card-jaringan .select-jaringan {
	margin-top: 15px;
	width: 176px;
	height: 32px;
	background: #FFFFFF;
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	border-radius: 8px;
	font-style: normal;
	font-weight: normal;
	font-size: 12px !important;
	line-height: 16px;
	color: #717171 !important;
	float: right;
}

.card-jaringan .card-select {
	margin-bottom: 40px;
}

.card-jaringan #card-detail {
	height: auto;
	background: rgba(235, 243, 252, 0.5);
	border-radius: 8px;
	margin-right: 18px;
	padding: 15px 10px 24px 10px;
	margin-bottom: 20px;
	cursor: pointer;

}

.card-jaringan #card-detail:hover {
	height: auto;
	background: rgba(98, 155, 218, 0.15);
	border-radius: 8px;
	padding: 15px 10px 24px 10px;
	margin-bottom: 20px;
	cursor: pointer;

}

.card-jaringan #card-detail::selection {
	height: auto;
	background: rgba(98, 155, 218, 0.15);
	border-radius: 8px;
	padding: 20px 25px 50px 20px;
	margin-bottom: 20px;
	cursor: pointer;
}

.card-jaringan #card-detail h3 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	color: #1469C7;
}

.card-jaringan #card-detail p {
	font-size: 14px;
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	line-height: 20px;
	color: #000000;

}

.card-jaringan #card-detail .telp {
	background: rgba(255, 255, 255, 0.5);
	border-radius: 2px;
	height: auto;
	padding: 8px 4px;
	width: 65%;
	font-family: 'Open Sans';
	font-weight: normal;
	font-size: 12px;
	line-height: 25px;
	color: #000000;
	display: none;
}

.card-jaringan #card-detail .fax {
	margin-top: 10px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 2px;
	height: auto;
	padding: 8px 4px;
	width: 65%;
	font-family: 'Open Sans';
	font-weight: normal;
	font-size: 12px;
	line-height: 25px;
	color: #000000;
	display: none;
}

.card-jaringan #card-detail .peta-redirect {
	float: right;
	margin-top: 0px;
}

.card-jaringan #card-detail .peta-redirect a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 12px !important;
	line-height: 30px;
	align-items: center;
	text-align: right;
	letter-spacing: 0.1em;
	text-decoration-line: underline;
	color: #1469C7 !important;

}

input[type="number"] {
	-moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

.modal-succes-form {
	padding-top: 0px;
	position: relative;
	width: 100%;
}

.modal-succes-form .modal-btn {
	cursor: pointer;
	background: linear-gradient(88.56deg, #007F9F 41%, #05A5B3 82.31%);
	border: none;
	border-radius: 25px;
	color: #fff;
	display: block;
	width: 100% !important;
	font-size: 1rem;
	text-align: center;
	padding: .75rem 2rem;
}

.modal-succes-form .modal-content,
.modal-succes-form .modal-backdrop {
	height: 0 !important;
	width: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #007F9F;
	box-sizing: border-box;
	border-radius: 2px;
	transition: opacity 0.2s ease-in;
}

.modal-succes-form .modal-close {
	color: #aaa;
	position: absolute;
	right: 5px;
	top: 5px;
	padding-top: 3px;
	background: #fff;
	font-size: 16px;
	width: 25px;
	height: 25px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.modal-succes-form .modal-close:hover {
	color: #333;
}

.modal-succes-form .modal-content-btn {
	position: absolute;
	text-align: center;
	cursor: pointer;
	bottom: 20px;
	right: 30px;
	background: #007F9F;
	color: #fff;
	width: 50px;
	border-radius: 2px;
	font-size: 14px;
	height: 32px;
	padding-top: 5px;
	font-weight: normal;
}

.modal-succes-form .modal-content-btn:hover {
	color: #fff;
	background: #007F9F;
}

.modal-succes-form #modal-toggle {
	display: none;
}

.modal-succes-form #modal-toggle.active~.modal-backdrop,
.modal-succes-form #modal-toggle:checked~.modal-backdrop {
	background-color: rgba(0, 0, 0, 0.6);
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	visibility: visible;
	opacity: 1;
	transition: opacity 0.2s ease-in;
}

.modal-succes-form #modal-toggle.active~.modal-content,
.modal-succes-form #modal-toggle:checked~.modal-content {
	opacity: 1;
	min-height: 0%;
	background-color: #fff;
	max-width: 400px;
	width: 400px;
	height: 129px !important;
	border: 1px solid #007F9F;
	padding: 10px 30px;
	position: fixed;
	left: calc(50% - 200px);
	top: 28%;
	border-radius: 4px;
	z-index: 999;
	pointer-events: auto;
	cursor: auto;
	visibility: visible;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.6);
}


/* desktop */
.modal-succes-form-desktop {
	padding-top: 0px;
	position: relative;
	width: 100%;
}

.modal-succes-form-desktop .modal-btn {
	cursor: pointer;
	background: linear-gradient(88.56deg, #007F9F 41%, #05A5B3 82.31%);
	border: none;
	border-radius: 25px;
	color: #fff;
	display: block;
	width: 100% !important;
	font-size: 1rem;
	text-align: center;
	padding: .75rem 2rem;
}

.modal-succes-form-desktop .modal-content,
.modal-succes-form-desktop .modal-backdrop {
	height: 0 !important;
	width: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #007F9F;
	box-sizing: border-box;
	border-radius: 2px;
	transition: opacity 0.2s ease-in;
}

.modal-succes-form-desktop .modal-close {
	color: #aaa;
	position: absolute;
	right: 5px;
	top: 5px;
	padding-top: 3px;
	background: #fff;
	font-size: 16px;
	width: 25px;
	height: 25px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.modal-succes-form-desktop .modal-close:hover {
	color: #333;
}

.modal-succes-form-desktop .modal-content-btn {
	position: absolute;
	text-align: center;
	cursor: pointer;
	bottom: 20px;
	right: 30px;
	background: #007F9F;
	color: #fff;
	width: 50px;
	border-radius: 2px;
	font-size: 14px;
	height: 32px;
	padding-top: 5px;
	font-weight: normal;
}

.modal-succes-form-desktop .modal-content-btn:hover {
	color: #fff;
	background: #007F9F;
}

.modal-succes-form-desktop #modal-toggle-desktop {
	display: none;
}

.modal-succes-form-desktop #modal-toggle-desktop.active~.modal-backdrop,
.modal-succes-form-desktop #modal-toggle-desktop:checked~.modal-backdrop {
	background-color: rgba(0, 0, 0, 0.6);
	width: 100vw;
	height: 100vh;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9;
	visibility: visible;
	opacity: 1;
	transition: opacity 0.2s ease-in;
}

.modal-succes-form-desktop #modal-toggle-desktop.active~.modal-content,
.modal-succes-form-desktop #modal-toggle-desktop:checked~.modal-content {
	opacity: 1;
	min-height: 0%;
	background-color: #fff;
	max-width: 400px;
	width: 400px;
	height: 129px !important;
	border: 1px solid #007F9F;
	padding: 10px 30px;
	position: fixed;
	left: calc(50% - 200px);
	top: 28%;
	border-radius: 4px;
	z-index: 999;
	pointer-events: auto;
	cursor: auto;
	visibility: visible;
	box-shadow: 0 3px 7px rgba(0, 0, 0, 0.6);
}

.textarea-style:focus {
	outline-width: 0;
}

.style-datepicker {
	width: 100% !important;
	border-radius: .25rem !important;
}

.style-datepicker>span:hover {
	cursor: pointer;
}

.error {
	display: none;
	color: red;
	font-size: 14px !important;
	line-height: 19px;
}

.validation-message {
	color: red;
	font-size: 0.75rem !important;
	line-height: 19px;
}

.style-calendar {
	position: absolute;
	right: 3%;
	margin-top: 2%;
}

.error.state-visible {
	display: block;
	font-size: 14px !important;
	line-height: 19px;
}

/* style for multiple upload  */
#files-area {
	width: 100%;
	margin: 0 auto;
}

#files-names {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.icons-delete {
	height: 16px;
	width: 16px;
	margin-top: -3px;
	margin-left: 72%;
}

/* drag and drop upload  */
#img-drop-zone {
	width: 88px;
	height: 88px;
	display: block;
	margin: auto;

}

#title-drop-zone {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 16px !important;
	line-height: 22px;
	text-align: center;
	color: #717171;
	margin-top: 8px;
	display: block;
}

#browse-zone {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px !important;
	line-height: 20px;
	align-items: center;
	letter-spacing: 0.1em;
	text-decoration-line: underline;
	text-transform: uppercase;
	color: #1469C7;
	margin-top: 8px;
	display: block;
}

#add-zone {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px !important;
	line-height: 20px;
	align-items: center;
	letter-spacing: 0.1em;
	text-decoration-line: underline;
	text-transform: uppercase;
	color: #1469C7;
	margin-top: 8px;
	display: none;
}

#add-zone-two {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px !important;
	line-height: 20px;
	align-items: center;
	letter-spacing: 0.1em;
	text-decoration-line: underline;
	text-transform: uppercase;
	color: #1469C7;
	margin-top: 8px;
	display: none;
}

.desc-zone {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 12px !important;
	line-height: 20px;
	color: #A0A0A0;
	margin-top: 14px;
}

.drop-zone {
	height: auto;
	padding: 25px;
	justify-content: center;
	text-align: center;
	font-weight: 500;
	margin-top: 28px;
	font-size: 20px;
	cursor: pointer;
	background: #FFFFFF;
	border: 1px dashed #A0A0A0;
	box-sizing: border-box;
	box-shadow: inset 0px 0px 6px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
}

.drop-zone--over {
	border-style: solid;
}

.drop-zone__input {
	display: none;
}

.drop-zone__thumb {
	width: 100%;
	height: 100%;
	border-radius: 10px;
	overflow: hidden;
	background-color: #cccccc;
	background-size: cover;
	position: relative;
}

.drop-zone__thumb::after {
	content: attr(data-label);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px 0;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.75);
	font-size: 14px;
	text-align: center;
}

.full-width-image {
	height: 88px;
	width: 88px;
	background-image: url('../static/info/progress-zone.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	text-align: center;
	padding-top: 41px;
}

.full-width-image-profil {
	height: 88px;
	width: 88px;
	background-image: url('../static/info/progress-zone.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;

	text-align: center;
	padding-top: 41px;
}

.full-width-image .title-preview {
	font-style: normal;
	font-weight: bold;
	font-size: 18px !important;
	line-height: 20px;
	cursor: pointer;
	margin-top: -11px;
	margin-right: 4px;
	align-items: center;
	text-align: center;
	color: #1469C7;
}

.view-btn {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	font-size: 12px !important;
	line-height: 14px;
	color: #1469C7;
}



:root {
	background: #fff;
}

span#procent {
	display: block;
	position: absolute;
	left: 50%;
	top: 48%;
	font-size: 14px;
	transform: translate(-50%, -50%);
	color: #3949AB
}

span#procent::after {
	content: '%';
}

.canvas-div {
	width: 90px;
}

.canvas-wrap {
	position: relative;
	width: 91px;
	/* margin-top: 0rem; */
	display: flex;
	align-items: center;
	height: 100%;
}



.file-block {
	text-decoration: underline;
	margin: 5px;
	max-width: 100px;
	margin-bottom: 3rem;
	color: initial;
	display: block;
}

.file-block>span.name {
	padding-right: 10px;
	width: max-content;
	display: inline-flex;
	margin-left: 10px;
	font-size: 14px;
}

.file-delete {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: initial;
	background-color: #6eb4ff 0;
	font-size: large;
	margin-right: 3px;
	cursor: pointer;
}

.file-delete:hover {
	background-color: rgba(144, 163, 203, 0.2);
	border-radius: 10px;
}

.file-delete>span {
	transform: rotate(45deg);
}

body.front-end .btn-bukti {
	background: #D8D8D8 !important;
	border-radius: 3px !important;
	width: 224px;
	height: 41px;
	background: #D8D8D8 !important;
	padding-top: 9px !important;
	color: black !important;
	font-weight: 500;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 2px 0px 0px 2px !important;
	font-size: 14px;
}

body.front-end .font-h1-register {
	font-size: 28px !important;
}

.g-recaptcha {
	transform-origin: left top;
	-webkit-transform-origin: left top;
}

body.front-end .finansial,
body.front-end .non-finansial {
	display: none;
}

body.front-end .rb-finansial:checked~.finansial {
	display: inline;
}

body.front-end .rb-non-finansial:checked~.non-finansial {
	display: inline;
}

body.front-end .text-welcome-user {
	font-size: 13px;
	-webkit-line-clamp: 1;
	max-height: calc(1em * 1.5 * 1);
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	width: 91px;
	margin-top: 9px;
}

body.front-end .text-forgot {
	font-size: 16px !important;
}

body.front-end .search-if-login {
	margin-right: -3.5rem;
}

body.front-end .style-more {
	margin-top: 0;
}

body.front-end .back-forgot {
	font-size: 19px;
	color: #007F9F !important;
	font-weight: 600;
}

body.front-end .back-forgot-text {
	text-align: center;
	font-size: 16px !important;
	color: #007F9F !important;
	font-weight: 600;
}

body.front-end .wrap-padding-register {
	width: 40%;
}

body.front-end .disclaimer-style {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 12px !important;
	line-height: 22px;
	color: #717171;
	margin-left: 1rem;
}

body.front-end .img-hasil-notfound {
	width: 13%;
	display: block;
	margin: auto;
}

body.front-end .attch-ktp {
	width: 116px;
	height: 37px;
	background: #007F9F !important;
	color: white;
	border-radius: 2px;
}

body.front-end .card-input-file-ktp {
	padding: 8px 3rem 8px 1rem;
	background: #ffffff;
	border: 1px solid #007F9F;
	border-radius: 2px;
}

body.front-end .file-style {
	position: relative;
	margin-top: -25px;
}

.recSwiper .swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.recSwiper .swiper-slide {
	width: 300px;
	margin-left: .1rem;
}

body.front-end .style-angsuran-dibelakang {
	background-color: #ffffff;
	margin-left: 3rem;
	margin-right: 26rem;
	padding-top: 1rem;
}

body.front-end .style-angsuran-dibelakang p {
	font-size: 16px;
}

body.front-end .icon-syarat {
	width: 45px;
	height: 35px;
	object-fit: contain;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 10px;
}

body.front-end .icon-syarat-icon-small {
	width: 43px;
	height: 43px;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 10px;
}

body.front-end .padding-information {
	padding: 0 0rem;
}

.swiperMobile .swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiperMobile .swiper-slide {
	width: 40%;
	margin-left: .1rem;
	margin-right: 0px !important;
}

.swiperMerk .swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiperMerk .swiper-slide {
	width: 17%;
	margin-left: 0rem;
	margin-right: 0rem !important;
}

.swiperMerk .swiper-button-prev,
.swiperMerk .swiper-button-next {
	display: none;
}

.swiperMerk:hover .swiper-button-prev,
.swiperMerk:hover .swiper-button-next {
	display: block;
}

.swiperMerk .swiper-button-next:after,
.swiperMerk .swiper-button-prev:after {
	font-size: 26px !important;
	color: #3DB9CC;
	background-color: transparent;
}

.swiperMerk .swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: not-allowed;
	pointer-events: auto;
}

.swiperProdukLainnya .swiper-button-prev,
.swiperProdukLainnya .swiper-button-next {
	display: none;
}

.swiperProdukLainnya:hover .swiper-button-prev,
.swiperProdukLainnya:hover .swiper-button-next {
	display: block;
}

.swiperProdukLainnya .swiper-button-next:after,
.swiperProdukLainnya .swiper-button-prev:after {
	font-size: 26px !important;
	color: #3DB9CC;
	background-color: transparent;
}

.swiperProdukLainnya .swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: not-allowed;
	pointer-events: auto;
}

.swiperProdukLainnya .swiper-slide {
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.swiperProdukLainnya .swiper-slide {
	width: 17%;
	margin-left: 0rem;
	margin-right: 0rem !important;
}

body.front-end .styling-login {
	border: 0px solid #007F9F;
	border-radius: 0px;
	top: 0rem;
}

.video-wrapper {
	position: relative;
	padding-bottom: 49.25%;
	/* 16:9 */
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

body.front-end .desktop-right-menu--container-layanan {
	top: 0vh;
	height: 100vh;
	padding: 7.5rem 1rem 10rem 1rem;
	border-radius: 0px 0 0 0px;
}

body.front-end .space-video-stnk {
	margin-bottom: 0rem !important;
}

body.front-end .wrap-simulation-section {
	position: relative
}

body.front-end .bg-mobile-komisaris {
	background-color: #F1F5F8;
}

body.front-end .card-syarat-orange {
	background: #FF9900 !important;
}

body.front-end .style-col-syarat {
	padding: 8px 0px;
	margin-right: 8px;
	margin-left: 0px;
}

body.front-end .card-syarat-blue {
	background: #007F9F !important;
}

body.front-end .card-syarat-light-blue {
	background: #3BB7B4 !important;
}

body.front-end .search-not-found {
	font-size: 14px;
	line-height: 20px;
	color: #A0A0A0;
}

body.front-end .space-search {
	margin-left: 5rem;
}

body.front-end .space-search h2 {
	font-size: 20px;
}

body.front-end .space-search-not-found {
	margin-left: 4rem;
}

body.front-end .detail-direksi p {
	color: rgba(216, 216, 216, 1) !important;
	height: auto !important;
}

body.front-end .bg-mobile-heading {
	background: linear-gradient(180.27deg, #3BB7B4 -24.42%, #F1F5F8 9.66%, #F1F5F8 99.76%);
}

body.front-end .style-mobile-direksi {
	background: linear-gradient(180deg, #007F9F 0%, #05A5B3 100%);
	margin-top: -2rem;
	border-radius: 0px 0px 25px 25px;
}

body.front-end .style-mobile-direksi h3 {
	padding: 2rem 1rem;
}

body.front-end .bg-mobile-heading h1 {
	padding-top: 6rem;
	padding-bottom: 1rem;
	background: linear-gradient(180deg, #0D4685 -17.67%, rgba(126, 208, 221, 0.5) 100%);
	color: white;
}

body.front-end .style-modal-dialog {
	top: 0rem;
	margin-bottom: 12rem;
}

body.front-end .style-detail-paragraph {
	color: black !important;
	overflow-y: scroll;

	height: 150px;
	display: block;
}

body.front-end .style-detail-paragraph p {
	font-size: 13px;
	color: #000000 !important;
}

body.front-end .space-breadcrumb-detail {
	padding: 6rem 192px 1rem 80px !important;
}

body.front-end .padding-detail-produk {
	margin-left: 8rem;
	margin-right: 14rem;
}

body.front-end .padding-desc {
	padding: 0 0px;
}

body.front-end .padding-desc-image {
	padding-left: 3rem;
}

body.front-end .space-saham {
	padding: 32px 192px 48px 80px;
}

body.front-end .padding-desc p {
	line-height: 34px !important;
}

body.front-end .img-blokir {
	width: 63px;
	height: 63px;
}

body.front-end .card-catatan {
	background: #D8F1F5;
	padding: 1rem;
	margin-bottom: 32px !important;
}

body.front-end .card-catatan h3 {

	font-size: 22px;
	line-height: 24px;
	color: #1F5D66 !important;
}

body.front-end .card-catatan p {

	font-size: 16px !important;
	line-height: 25px;
}

body.front-end .img-bpkb {
	width: 50%;
	height: 256px;
	object-fit: cover;
	float: right;
	margin-top: 4rem;
}

body.front-end .child-bpkb {
	height: 256px !important;
}

body.front-end .img-laporan {
	width: 100%;
	object-fit: cover;
	background: #A0A0A0;
	height: 253px;
}

body.front-end .style-checkbox {
	width: 20px;
	height: 20px;
	background: #F9F9F9;
	border: 1px solid #007F9F;
	box-sizing: border-box;
	border-radius: 2px;
}

body.front-end .space-csr-function {
	padding: 1rem 4rem 0rem 0rem;
}

body.front-end .title-e-form {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 36px !important;
	line-height: 48px;
	color: #0D4685;
}

body.front-end .bg-desktop-form {
	background: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
	padding: 2rem 5rem;
}

body.front-end .bg-color-about-desktop {
	padding-top: 0rem;
}

body.front-end .row-color-about {
	padding: 32px 192px 0px 80px;
	border-radius: 0px 0px 0px 0px;
	height: 400px;
	margin-bottom: 6px;
	margin-right: 0rem;
	margin-left: 0rem
}

body.front-end .image-modal {
	width: 100%;
	height: 100%;
	margin-top: 0rem;
	cursor: pointer;
}

body.front-end .title-tata-kelola {
	font-size: 28px !important;
	line-height: 48px;
	color: #1B4D7C;
	text-align: left;
}

body.front-end .list-penghargaan-desktop {
	cursor: pointer;
	width: 100%;
}

body.front-end .thumbnail-laporan-tentang-kami {
	background: #ffffff;
	border-radius: 8px;
	width: 100%;
}

body.front-end .thumbnail-laporan-tentang-kami:hover {
	background: rgba(126, 208, 221, 0.4);
	border-radius: 8px;
	width: 100%;
}

body.front-end .thumbnail-laporan-tentang-kami:focus {
	background: rgba(126, 208, 221, 0.4);
	border-radius: 8px;
	width: 100%;
}

body.front-end .payment-about h2 {
	font-size: 42px;
	line-height: 36px;
}

.wrap-banner {
	position: relative;
	width: 100%;
	height: 210px;
}

.wrap-banner-settings {
	position: relative;
	width: 100%;
	height: 387px;
}

.wrap-banner-karir,
.wrap-banner-page {
	position: relative;
	width: 100%;
	height: 340px;
}

.wrap-banner.csr {
	position: relative;
	width: 100%;
	height: 210px;
}

.child-wrap {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.child-wrap.csr {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.wrap-banner img {
	width: 100%;
	height: 210px;
	object-fit: cover;
	margin-top: 0rem;
}

.wrap-banner-settings img {
	width: 100%;
	height: 387px;
	object-fit: cover;
	margin-top: 0rem;
}

.wrap-banner-karir img,
.wrap-banner-page img {
	width: 100%;
	height: 340px;
	object-fit: cover;
	margin-top: 0rem;
}

.wrap-banner img.csr {
	width: 100%;
	height: 210px;
	object-fit: cover;
	margin-top: 0rem;
}

.child-color {
	position: absolute;
	top: 0;
	left: 0;
	color: white;
	padding-top: 122px;
	padding-left: 80px;
	height: 210px;
	width: 100%;
	background: linear-gradient(180deg, #0D4685 -17.67%, rgba(126, 208, 221, 0.5) 100%);
	margin-top: 0rem;
}

.child-color-settings {
	position: absolute;
	top: 0;
	left: 0;
	color: white;
	padding-top: 122px;
	padding-left: 80px;
	height: 387px;
	width: 100%;
	margin-top: 0rem;
}

.child-color-karir {
	position: absolute;
	top: 0;
	left: 0;
	color: white;
	padding-top: 122px;
	padding-left: 80px;
	height: 340px;
	width: 100%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 41.88%, rgba(255, 255, 255, 0.55) 100%);
	margin-top: 0rem;
}

.title-lowongan h1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700 !important;
	font-size: 20px !important;
	line-height: 28px !important;
	/* identical to box height, or 140% */


	color: #1469C7 !important;
}

.title-lowongan a {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600 !important;
	font-size: 20px !important;
	line-height: 28px !important;
	color: #1896A9 !important;
}

.child-color-karir h1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700 !important;
	text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
	font-size: 56px !important;
	width: 88%;
	line-height: 72px !important;
	color: #FFFFFF !important;
	bottom: 25%;
	position: absolute !important;
	font-weight: 700 !important;
}

.child-color h1 {
	font-size: 32px !important;
}

.child-color.csr {
	position: absolute;
	top: 0;
	left: 0;
	color: white;
	padding-top: 7rem;
	padding-left: 5rem;
	height: 210px;
	width: 100%;
	background: linear-gradient(180deg, #0D4685 -17.67%, rgba(126, 208, 221, 0.5) 100%);
	margin-top: 0rem;
}

.wrap-banner-tentang-kami {
	position: relative;
	width: 100%;
	height: 475px;
}

.child-wrap-tentang-kami {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.wrap-banner-tentang-kami img {
	width: 100%;
	height: 475px;
	object-fit: cover;
	margin-top: 1rem;
}

.child-color-tentang-kami {
	position: absolute;
	top: 0;
	color: white;
	left: 0;
	padding-top: 0rem;
	padding-left: 3rem;
	height: 321px;
	width: 100%;
	background: linear-gradient(360deg, #3DB9CC -52.01%, #1157A6 79.05%);
	margin-top: 4rem;
	padding-right: 7rem;
}



.wrap-banner-pemegang-saham {
	position: relative;
	width: 100%;
	height: 212px;
}

.child-wrap-pemegang-saham {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.wrap-banner-pemegang-saham img {
	border-radius: 7px;
	width: 73%;
	height: 212px;
	object-fit: cover;
	position: absolute;
	right: 0;

}

.child-color-pemegang-saham {
	position: absolute;
	top: 0;
	color: white;
	left: 0;
	border-radius: 7px;
	height: 212px;
	width: 100%;
	padding: 2rem;
	background: linear-gradient(53.18deg, rgba(0, 127, 159, 0.8), rgba(0, 127, 159, 0.8), rgba(59, 183, 180, 1));

}

.wrap-banner.visi {
	position: relative;
	width: 100%;
	height: 286px;
}

.child-wrap.visi {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.wrap-banner.visi img {
	width: 100%;
	height: 286px;
	object-fit: cover;
	margin-top: 4rem;
}

.child-color.visi {
	position: absolute;
	top: 0;
	left: 0;
	color: white;
	padding-top: 2rem;
	padding-left: 5rem;
	height: 286px;
	width: 100%;
	background: linear-gradient(180deg, #0D4685 -17.67%, rgba(126, 208, 221, 0.5) 100%);
	margin-top: 4rem;
}


.wrap-banner.penghargaan {
	position: relative;
	width: 100%;
	height: 347px;
	border-radius: 35px 35px 0px 0px;
}

.child-wrap.penghargaan {
	position: absolute;
	top: 0;
	border-radius: 35px 35px 0px 0px;
	left: 0;
	height: 100%;
	width: 100%;
}

.wrap-banner.penghargaan .image-wrap-penghargaan {
	width: 100%;
	border-radius: 35px 35px 0px 0px;
	height: 100%;
	object-fit: cover;
	margin-top: 0rem;
}

.child-color.penghargaan {
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 35px 35px 0px 0px;
	color: white;
	padding: 56px 192px 56px 80px;
	height: 100%;
	width: 100%;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(359.57deg, #3DB9CC -30%, #1157A6 80%);
	margin-top: 0rem;
}

.child-color.penghargaan .contents h2 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 28px !important;
	line-height: 32px;
	color: #0A3564;
}

.child-color.penghargaan .contents p {

	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 26px;
	color: #041528;

}



.wrap-banner.Whistleblowing {
	position: relative;
	width: 100%;
	height: 210px;
}

.child-wrap.Whistleblowing {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.wrap-banner.Whistleblowing img {
	width: 100%;
	height: 210px;
	object-fit: cover;
	margin-top: 0rem;
}

.child-color.Whistleblowing {
	position: absolute;
	top: 0;
	left: 0;
	color: white;
	padding-top: 2rem;
	padding-left: 80px;
	height: 210px;
	width: 100%;

	background: linear-gradient(180deg, #0D4685 -17.67%, rgba(126, 208, 221, 0.5) 100%);
	margin-top: 0rem;
}




.wrap-banner.kontak-kami {
	position: relative;
	width: 100%;
	height: 100vh;
	border-radius: 0px 45px 45px 0px;
}

.child-wrap.kontak-kami {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 0px 45px 45px 0px;
}

.wrap-banner.kontak-kami img {
	width: 100%;
	height: 100vh;
	object-fit: cover;
	margin-top: 4rem;
	border-radius: 0px 45px 45px 0px;
}

.child-color.kontak-kami {
	position: absolute;
	top: 0;
	color: white;
	left: 0;
	padding-top: 8rem;
	padding-left: 5rem;
	border-radius: 0px 45px 45px 0px;
	height: 100vh;
	width: 100%;
	background: rgba(241, 245, 248, 0.7);
	margin-top: 4rem;
}

.space-detail-saham {
	margin: 0rem 0rem 2rem 2rem;
}

.style-td-table {
	color: #1B4D7C;
}

body.front-end .wrap-form-1 {
	background-repeat: no-repeat;
	background-image: url('../static/tentang-kami/form-desktop.png');
	background-size: 100%;
	padding: 3rem 192px 3rem 80px;
}

body.front-end .wrap-form-2 {
	background-repeat: no-repeat;
	background-image: url('../static/tentang-kami/bg-whistle-2.svg');
	background-size: 100%;
	padding: 0rem 18rem;
}

body.front-end .wrap-form-3 {
	background-repeat: no-repeat;
	background-image: url('../static/tentang-kami/form-desktop-2.png');
	background-size: 100%;
	padding: 0rem 18rem;
}

.modal-E-form {
	padding: 0 !important;
}

.modal-E-form .modal-dialog {
	width: 100%;
	height: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}

.modal-E-form .modal-content {
	height: auto;
	min-height: 100%;
	border: 0 none;
	border-radius: 0;
	box-shadow: none;
}

.modal-team {
	position: fixed;
	overflow-y: hidden !important;
	padding-right: 0px;
	display: block;
	height: 100vh;
	top: 63px !important;
	right: 100px;
	bottom: 10px;
	left: 0;
	z-index: 10040;
	z-index: 10001 !important;
	overflow: hidden;
	overflow-y: hidden;
}

.modal-team .imagedetail {
	margin-top: -1rem !important;
	border-radius: 50%;
	width: 30vmin !important;
	height: 30vmin;
	object-fit: contain;
	display: block;
	margin: auto;
	background-color: #ffffff;

}

body.front-end .card-komisaris-desktop {
	background: linear-gradient(180deg, #007F9F 0%, #05A5B3 100%);
	border-radius: 16px 16px 0px 0px;
	height: auto;
}

body.front-end .card-komisaris-desktop .detail p {
	display: block;
}

body.front-end .card-komisaris-desktop .detail h2 {
	font-size: 24px !important;
	line-height: 22px;
	color: #ffffff !important;
	height: 50px;
}

body.front-end .h2-modal {
	color: #1B4D7C !important;
	height: auto !important;
}

body.front-end .card-komisaris-desktop .detail h3 {
	font-size: 18px !important;
	line-height: 20px;
	color: #ffffff !important;
	font-family: 'Open Sans';
}


body.front-end .card-komisaris-desktop .image-icon {
	width: 90%;
	object-fit: contain;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: -8rem;
}

body.front-end .card-komisaris-desktop .image-icon-detail {
	display: none;
}



body.front-end .card-direksi-desktop {
	border-radius: 16px 16px 0px 0px;
	height: 280px;
	background: #F2F6F9;
}

body.front-end .card-direksi-desktop .detail p {
	display: block;
}


body.front-end .card-direksi-desktop .detail h2 {
	font-size: 24px !important;
	line-height: 22px;
	color: #1B4D7C !important;
	height: 50px;
}

body.front-end .card-direksi-desktop .detail h3 {
	font-size: 18px !important;
	line-height: 20px;
	color: #05A5B3 !important;
	font-family: 'Open Sans';
}

body.front-end .card-direksi-desktop .image-icon {
	width: 90%;
	margin-top: -8rem;
	object-fit: contain;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

body.front-end .card-direksi-desktop .image-icon-detail {
	display: none;
}

body.front-end .nilai-style h1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 20px !important;
	line-height: 28px !important;
	color: #1B4D7C !important;
	padding: 0px 0px;
}

body.front-end .space-team {
	justify-content: center;
	padding-top: 4rem;
}

body.front-end .space-desktop-laporan {
	padding: 32px 192px 0px 80px;
}

body.front-end .space-desktop-csr {
	padding: 1rem 18rem 2rem 13rem;
}

body.front-end .space-peringkat {
	padding: 32px 192px 48px 80px;
}

body.front-end .title-strategi {
	font-size: 16px;
	line-height: 32px;
}

body.front-end .nilai-style p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	text-align: left;
	color: #000000;
	padding: 10px 16px;
}

body.front-end .strategi-style h1 {
	font-size: 20px !important;
	line-height: 40px !important;
	color: #05A5B3 !important;
}

body.front-end .strategi-style p {
	font-size: 16px !important;
	line-height: 26px !important;
	color: #000000 !important;
	font-family: 'Open Sans';
}

body.front-end .strategi-style h2 {
	font-size: 18px !important;
	line-height: 22px !important;
	color: #1B4D7C !important;
	font-family: 'Open Sans';
}

body.front-end .wrap-list-penghargaan {
	background: url('../static/tentang-kami/frame.png');
}

body.front-end .desc-nilai p {
	font-size: 16px !important;
	line-height: 20px !important;
}

body.front-end .font-title-nilai {
	font-size: 32px;
	line-height: 40px;
}

body.front-end .style-table {
	border: 14px solid #dee2e6 !important;
	font-size: 18px;
	line-height: 31px;
}

body.front-end .style-table tr {
	border: 4px solid #dee2e6 !important;
}

.style-table {
	border-collapse: collapse;
}

.style-table td+td {
	border-left: 4px solid #dee2e6;
}

.style-table th+th {
	border-left: 4px solid #dee2e6;
}

.style-table tr+tr {
	border-top: 4px solid #dee2e6;
}

.style-table td {
	border-left: 14px solid #dee2e6;
}


body.front-end .wrapper-table {
	padding: 32px 192px 2rem 80px;
	background: linear-gradient(180deg, #FFFFFF 20.45%, rgba(177, 205, 236, 0.6) 100%);
}

body.front-end .desc-sejarah {
	font-size: 16px;
	line-height: 28px;
}

body.front-end .table-struktur td,
.table th {
	padding: 1rem !important;
	border-top: 0px solid #c4c4c4 !important;
	height: 45px !important;
	border-bottom: 0px solid #C4C4C4 !important;
	font-family: 'Open Sans';
}

body.front-end .table-struktur {
	height: 2rem !important;
	border-collapse: collapse;
	border-radius: 8px;
	overflow: hidden;
}

body.front-end .table-struktur thead {
	font-size: 16px;
	line-height: 20px;
	color: white;
}

body.front-end .table-struktur tbody {
	font-size: 16px;
	line-height: 20px;
	color: #000;
	background-color: white;
}

body.front-end .table-whistle td,
.table th {
	padding: 1rem !important;
	border-top: 0px solid #808DA3 !important;
	height: 45px !important;
	/* border-bottom: 0px solid #808DA3 !important;
	border-right: 1px solid #808DA3 !important;
	border-left: 0.9px solid #808DA3 !important;	 */
	font-family: 'Open Sans';
}

body.front-end .table-whistle p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 16px !important;
	line-height: 27px;
	text-align: left;
	color: #000000;
	padding: 10px 16px;
}

body.front-end .table-whistle {
	height: 2rem !important;
	border-collapse: collapse;
	border-radius: 0px;
	overflow: hidden;
	border: none !important;
}

body.front-end .table-whistle thead {
	font-size: 16px;
	line-height: 20px;
	color: white;
}

body.front-end .table-whistle tbody {
	font-size: 16px;
	line-height: 20px;
	color: #000;
	background-color: white;
}


body.front-end .style-text {
	height: 2rem;
	font-size: 16px !important;
	padding-top: 0rem;
	text-align: left;
	line-height: 23px !important;
}

body.front-end .style-desktop-click {
	width: 40%;
}

.space-thumbnail-tata-kelola {
	padding: 0 192px 0px 80px;
}

.space-thumbnail-tata-kelola img {
	height: 362px;
	width: 100%;
	border-radius: 25px;
	object-fit: cover;
}

body.front-end .popup {
	z-index: 30;
}

body.front-end .space-artikel {
	padding: 0rem 8rem 0rem 0rem;
}

/* font bold and bolditalic */
@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-Bold.ttf');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-BoldItalic.ttf');
	font-weight: 700;
	font-style: italic;
}

/* font bold and bolditalic */
@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-Bold.ttf');
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-BoldItalic.ttf');
	font-weight: 700;
	font-style: italic;
}

/* font extrabold and extrabolditalic */
@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-ExtraBold.ttf');
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-ExtraBoldItalic.ttf');
	font-weight: 800;
	font-style: italic;
}

/* font regular and regularitalic */
@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-Regular.ttf');
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-Italic.ttf');
	font-weight: 400;
	font-style: italic;
}

/* font light and lightitalic */
@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-Light.ttf');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-LightItalic.ttf');
	font-weight: 300;
	font-style: italic;
}

/* font medium and mediumitalic */
@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-Medium.ttf');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-MediumItalic.ttf');
	font-weight: 500;
	font-style: italic;
}

/* font medium and mediumitalic */
@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-Medium.ttf');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-MediumItalic.ttf');
	font-weight: 500;
	font-style: italic;
}

/* font semibold and semibolditalic */
@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-SemiBold.ttf');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Open Sans';
	src: url('font/OpenSans/OpenSans-SemiBoldItalic.ttf');
	font-weight: 600;
	font-style: italic;
}

body.front-end .wrapper-popup {
	z-index: 30;
}

body.front-end .breadcrumb-global a {
	font-size: 14px !important;
	color: white;
	font-weight: 400;
}

body.front-end .breadcrumb-global-gray a {
	font-size: 14px !important;
	color: #A0A0A0;
	font-weight: 400;
}

body.front-end .breadcrumb-global-gray a .active {
	font-size: 14px !important;
	color: #000;
	font-weight: 400;
}

/* Tentang Kami */
body.front-end .style-section-2 {
	/* background-image: url('../static/tentang-kami/whistle.png');
	border: 1px solid #05A5B3; */
	box-sizing: border-box;
	border-radius: 15px;
	margin: 32px 192px 2rem 80px;
}

body.front-end .style-section-saham {
	box-sizing: border-box;
	border-radius: 15px;
}

body.front-end .style-section-2 h1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 32px;
	color: #0D4685;
}

body.front-end .style-section-saham h1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 32px;
	color: #0D4685;
}

body.front-end .style-section-2 .konsumen {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	text-align: justify;
	color: #1158A6;
}

body.front-end .style-section-2 .detail {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 32px;
	text-align: justify;
	color: #000000;
}

.style-title-visi {
	color: #1B4D7C;
	font-size: 32px !important;
}

body.front-end .wrap-card-penghargaan {
	background: #FFFFFF;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
	border-radius: 3px 20px 3px 3px;
	margin: 1rem 0rem;
}

body.front-end .wrap-card-penghargaan img {
	width: 100%;
	height: 120px;
	object-fit: cover;
	margin-top: 0rem;

}

body.front-end .wrap-card-penghargaan p {
	margin-bottom: 5px !important;
	color: #A0A0A0 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}

body.front-end .wrap-card-penghargaan h3 {
	font-size: 14px !important;
	color: #0D4685 !important;
	margin-top: 15px;
}

body.front-end .wrapLaporan {
	z-index: 10;
	padding-top: 6rem;
}

body.front-end .style-modal-penghargaan {
	overflow-y: hidden !important;
}

body.front-end .style-modal-penghargaan .modal-body img {
	width: 233px;
	height: 158px;
	display: block;
	object-fit: cover;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0rem;
}

body.front-end .style-modal-penghargaan .modal-body p {
	color: #000000;
	line-height: 26px;
	font-size: 16px;

}

body.front-end .style-modal-penghargaan .modal-body h1 {
	color: #000000;
	line-height: 26px;
	font-size: 16px;
	font-family: 'Open Sans';
	font-weight: normal;
	letter-spacing: 0.3px;

}

body.front-end .style-modal-penghargaan .modal-body h2 {
	color: #000000;
	line-height: 26px;
	font-size: 16px;
	font-family: 'Open Sans';
	font-weight: normal;
	letter-spacing: 0.3px;

}

body.front-end .style-modal-penghargaan .modal-body h3 {
	color: #000000;
	line-height: 26px;
	font-size: 16px;
	font-family: 'Open Sans';
	font-weight: normal;
	letter-spacing: 0.3px;

}

body.front-end .style-modal-penghargaan .modal-body h4 {
	color: #000000;
	line-height: 26px;
	font-size: 16px;
	font-family: 'Open Sans';
	font-weight: normal;
	letter-spacing: 0.3px;

}

body.front-end .style-modal-penghargaan .modal-body h5 {
	color: #000000;
	line-height: 26px;
	font-size: 16px;
	font-family: 'Open Sans';
	font-weight: normal;
	letter-spacing: 0.3px;

}

body.front-end .style-modal-penghargaan .modal-body h6 {
	color: #000000;
	line-height: 26px;
	font-size: 16px;
	font-family: 'Open Sans';
	font-weight: normal;
	letter-spacing: 0.3px;

}

body.front-end .style-modal-penghargaan .modal-body p.title {
	font-size: 14px !important;
	font-weight: 600 !important;
	color: #A0A0A0 !important;

}

body.front-end .style-modal-penghargaan .modal-body h3 {
	font-size: 18px !important;
	color: #0D4685 !important;
}

body.front-end .wrapLaporan h2 {
	font-size: 18px !important;
}

.swiper-aboutUs-container {
	width: 100%;
	height: 18rem;
	margin-bottom: 1em;
	background-color: rgba(0, 0, 0, 0.05);
}

.swiper-aboutUs-container .swiper-slide {
	font-family: sans-serif;
	text-align: center;
	font-size: 2em;
	line-height: 8rem;
}

.swiper-aboutUs-container .swiper-slide img {
	height: 309px;
	display: block;
	object-fit: cover;
	width: 100%;
	background: linear-gradient(353.39deg, rgba(0, 0, 0, 0.85) 18.32%, rgba(0, 0, 0, 0) 85.15%);
}

.swiper-aboutUs-container .swiper-slide .titleAbout {
	color: white;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	top: 130px;

}

.titleKelola {
	bottom: 0;
	text-align: left;
	padding: 4rem 4rem;
	font-style: normal;
	font-weight: bold !important;
	font-size: 20px;
	line-height: 37px;
	color: #0A3564;
	top: 30px;
}

.swiper-aboutUs-container .swiper-slide .wrappersbuttonNext {
	top: 60px;
}

.swiper-aboutUs-container .swiper-slide .buttonNext {
	background: linear-gradient(0deg, #FD930A, #FD930A);
	border-radius: 35px !important;
	position: absolute;
	top: 180px;
	/* margin-top: -380px; */
	width: 200px;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	color: #fff;


}

.swiper-aboutUs-container .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
	color: #fff;
	font-size: 1rem;
}

.swiper-aboutUs-container .swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
	color: #fff;
	font-size: 1rem;
}

.swiper-aboutUs-container.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 1rem;
	background: rgba(0, 0, 0, 0.35);
	padding: 9px;
	margin-top: 60px;
}

.swiper-aboutUs-container .swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 1rem;
	background: rgba(0, 0, 0, 0.35);
	padding: 9px;
	margin-top: 60px;
}

.wrapper-tatakelola {
	background: linear-gradient(180deg, #BEE8EE 0%, #B1CDEC 100%);
	position: absolute;
	width: 459px;
	border-radius: 25px 70px 0px 25px;
	height: 362px;
}

.section-tata-kelola h2 {
	font-size: 18px !important;
	text-align: left;
	padding-left: 80px;
	padding-right: 192px;
	padding-top: 41px !important;
}

.wrapperButtonNextkelola {
	position: absolute;
	top: 21rem;
	left: -2rem;
}

.ButtonNextkelola {
	background: linear-gradient(0deg, #FD930A, #FD930A);
	border-radius: 35px !important;
	position: relative;
	font-size: 18px !important;
	line-height: 34px !important;
	color: white !important;
	/* top: 63px; */
	bottom: 0;
	width: 72%;
	/* margin-top: -91px; */
	margin: -205px 3rem 0px 6rem !important;

}

.swiperLaporan.swiper-container .swiper-pagination {
	bottom: -1rem;
	left: 15px;
	text-align: left;
	width: 50%;
	position: relative;
	top: -17px;
}

.swiperLaporan.swiper-container .swiper-pagination-bullet {
	/* opacity: 1 !important; */
	position: relative;
	/* width: 30px;*/
	top: 8px;
	/* width: 3% !important; */
	width: 12px !important;
	height: 12px !important;
	top: 0px;
}

.swiperPenghargaan.swiper-container .swiper-pagination {
	bottom: -1rem;
	left: 7px;
	text-align: left;
	width: 100%;
	position: relative;
	top: -17px;
}

.swiperPenghargaan.swiper-container .swiper-pagination-bullet {
	/* margin: 0 4px; */
	background-color: #fff;
	top: 8px;
	width: 12px !important;
	height: 12px !important;
	position: relative;
	/* width: 30px;*/
	top: 0px;
}

.swiper-aboutUs-container .swiper-pagination {
	left: 7px;
	text-align: right;
	width: 100%;
	position: relative;
	background-color: transparent;
	padding: 9px;
	height: 45px;
	margin-top: -18px;
}

.swiper-aboutUs-container .swiper-pagination-bullet {
	/* margin: 0 4px; */
	background-color: #c4c4c4;
	top: 8px;
	width: 12px !important;
	height: 12px !important;
	position: relative;
	/* width: 30px;*/
	top: 0px;
}

.swiper-aboutUs-container .swiper-pagination-bullet-active {
	border: 1px solid #FFFFFF;
	background-color: transparent !important;
}



.swiperPenghargaan .swiper-pagination-bullet-active {
	border: 1px solid #FFFFFF;
	background-color: transparent !important;
}

.swiperLaporan .swiper-pagination-bullet-active {
	background: #FFFFFF;
	border: 1px solid #C4C4C4;
}



body.front-end .aboutUs--header {
	background:
		url('../static/tentang-kami/about-us-bg.png'), linear-gradient(53.18deg, #007F9F 12.87%, #007F9F 42.54%, #3BB7B4 73.76%);
	background-size: cover;
	padding: 10rem 0 2rem 0;
	height: 286px;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

body.front-end .aboutUs--header h1 {
	font-weight: bold;
	font-size: 42px !important;
	line-height: 28px;
	color: #ffffff !important;
}

body.front-end .team-management img {
	width: 50%;
	/* height: 37vh; */
	display: block;
	margin-left: auto;
	margin-right: auto;

}


body.front-end .team--second-management img {
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

body.front-end .team-management .detail p {
	font-size: 12px;
	color: #05A5B3;
}

body.front-end .team-management .detail h4 {
	font-size: 12px;
	color: #000000;
	font-weight: 400;
	letter-spacing: 0.3px;
	line-height: 24px;
	font-family: 'Open Sans';

}

body.front-end .team-management .detail h1 {
	font-size: 13px;
	color: #000000;
	font-weight: 400;
	letter-spacing: 0.3px;
	line-height: 24px;
	font-family: 'Open Sans';

}

body.front-end .team-management .detail h2 {
	font-size: 13px;
	color: #000000;
	font-weight: 400;
	letter-spacing: 0.3px;
	line-height: 24px;
	font-family: 'Open Sans';

}

body.front-end .team-management .detail h3 {
	font-size: 13px;
	color: #000000;
	font-weight: 400;
	letter-spacing: 0.3px;
	line-height: 24px;
	font-family: 'Open Sans';

}

body.front-end .team-management .detail h5 {
	font-size: 13px;
	color: #000000;
	font-weight: 400;
	letter-spacing: 0.3px;
	line-height: 24px;
	font-family: 'Open Sans';

}

body.front-end .team-management .detail h6 {
	font-size: 13px;
	color: #000000;
	font-weight: 400;
	letter-spacing: 0.3px;
	line-height: 24px;
	font-family: 'Open Sans';

}

body.front-end .team--second-management .detail p {
	font-size: 12px;
	color: #05A5B3;
}

body.front-end .team--second-management .detail h4 {
	font-size: 13px;
	color: #000000;
	font-weight: 400;
	letter-spacing: 0.3px;
	line-height: 24px;
	font-family: 'Open Sans';

}

body.front-end .team--second-management .detail h1 {
	font-size: 13px;
	color: #000000;
	font-weight: 400;
	letter-spacing: 0.3px;
	line-height: 24px;
	font-family: 'Open Sans';

}

body.front-end .team--second-management .detail h2 {
	font-size: 13px;
	color: #000000;
	font-weight: 400;
	letter-spacing: 0.3px;
	line-height: 24px;
	font-family: 'Open Sans';
	margin-bottom: 0rem !important;
	height: 60px;

}

body.front-end .team--second-management .detail h3 {
	font-size: 13px;
	color: #000000;
	font-weight: 400;
	letter-spacing: 0.3px;
	line-height: 24px;
	font-family: 'Open Sans';

}

body.front-end .team--second-management .detail h5 {
	font-size: 13px;
	color: #000000;
	font-weight: 400;
	letter-spacing: 0.3px;
	line-height: 24px;
	font-family: 'Open Sans';

}

body.front-end .team--second-management .detail h6 {
	font-size: 13px;
	color: #000000;
	font-weight: 400;
	letter-spacing: 0.3px;
	line-height: 24px;
	font-family: 'Open Sans';

}

body.front-end .team--second-management .detail-modal h2 {
	color: #1B4D7C !important;
}

body.front-end .team--second-management .detail-modal p {
	color: #05A5B3;
}

body.front-end .team-management .modal-dewan-komisaris p {
	font-size: 12px !important;
	color: #000000 !important;
}

body.front-end .service-info--wrapper .assurance--header.visi-misi {
	background:
		url('../static/tentang-kami/about-us-bg.png'),
		linear-gradient(180deg, rgba(13, 70, 133, 0.8) 6.39%, rgba(126, 208, 221, 0.8) 100%) !important;
	background-size: cover;
	padding: 3rem 0 1rem 0;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

body.front-end .service-info--wrapper .assurance--header.laporan {
	background:
		url('../static/tentang-kami/laporan-bg.png'),
		linear-gradient(180deg, rgba(13, 70, 133, 0.8) 6.39%, rgba(126, 208, 221, 0.8) 100%) !important;
	background-size: cover;
	padding: 3rem 0 1rem 0;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

body.front-end .service-info--wrapper .assurance--header.peringkat {
	background:
		url('../static/tentang-kami/peringkat.svg'),
		linear-gradient(180deg, #0D4685 17.33%, rgba(126, 208, 221, 0.5) 100%);
	background-size: cover;
	padding: 3rem 0 1rem 0;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

body.front-end .service-info--wrapper .assurance--header.visi-msii-nilai {
	background:
		url('../static/tentang-kami/visi-misi-bg.png'),
		linear-gradient(180deg, rgba(13, 70, 133, 0.8) 6.39%, rgba(126, 208, 221, 0.8) 100%) !important;
	background-size: cover;
	padding: 3rem 0 1rem 0;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

body.front-end .service-info--wrapper .assurance--header.sejarah {
	background:
		url('../static/tentang-kami/sejarah.png'),
		linear-gradient(180deg, rgba(13, 70, 133, 0.8) 6.39%, rgba(126, 208, 221, 0.8) 100%) !important;
	background-size: cover;
	padding: 3rem 0 1rem 0;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

body.front-end .service-info--wrapper .assurance--header.saham {
	background:
		url('../static/tentang-kami/pemegang-saham.png'),
		linear-gradient(180deg, rgba(13, 70, 133, 0.8) 6.39%, rgba(126, 208, 221, 0.8) 100%) !important;
	background-size: cover;
	padding: 3rem 0 1rem 0;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

body.front-end .service-info--wrapper .assurance--header.team {
	background:
		url('../static/tentang-kami/bg-team.png'),
		linear-gradient(180deg, rgba(13, 70, 133, 0.8) 6.39%, rgba(126, 208, 221, 0.8) 100%) !important;
	background-size: cover;
	padding: 3rem 0 1rem 0;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

body.front-end .service-info--wrapper .assurance--header.penghargaan {
	background:
		url('../static/tentang-kami/penghargaan.png'),
		linear-gradient(180deg, rgba(13, 70, 133, 0.8) 6.39%, rgba(126, 208, 221, 0.8) 100%) !important;
	background-size: cover;
	padding: 3rem 0 1rem 0;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

body.front-end .service-info--wrapper .assurance--header.strategi {
	background:
		url('../static/tentang-kami/strategi.png'),
		linear-gradient(180deg, #0D4685 17.33%, rgba(126, 208, 221, 0.5) 100%);

	background-size: cover;
	padding: 3rem 0 1rem 0;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

body.front-end .service-info--wrapper .assurance--header.tata-kelola {
	background:
		url('../static/tentang-kami/tata-kelola.png'),
		linear-gradient(180deg, rgba(13, 70, 133, 0.8) 6.39%, rgba(126, 208, 221, 0.8) 100%) !important;
	background-size: cover;
	padding: 3rem 0 1rem 0;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}

body.front-end .service-info--wrapper .assurance--header.whistle {
	background:
		url('../static/tentang-kami/whistle-blowing.png'),
		linear-gradient(0deg, rgba(255, 153, 0, 0.9), rgba(255, 153, 0, 0.9));
	background-size: cover;
	padding: 5rem 0 1rem 0;
	background-position: center;
	background-repeat: no-repeat;
	text-align: center;
}



body.front-end .clipped {
	overflow: hidden;
	display: block;
	display: -webkit-box;
	/* autoprefixer: ignore next */
	-webkit-box-orient: vertical;

	line-height: 1.5;
	position: relative;
	text-overflow: ellipsis;
	padding: 0;
}

body.front-end .clipped::after {
	content: '...';
	text-align: right;
	bottom: 0;
	right: 0;
	width: 25%;
	display: block;
	position: absolute;
	height: calc(1em * 1.5);
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
}

body.front-end .clipped.clip-1 {
	-webkit-line-clamp: 1;
	max-height: calc(1em * 1.5 * 1);
}

body.front-end .clipped.clip-2 {
	-webkit-line-clamp: 2;
	max-height: calc(1em * 1.5 * 2);
}

body.front-end .clipped.clip-3 {
	-webkit-line-clamp: 3;
	max-height: calc(1em * 1.5 * 3);
}

body.front-end .clipped.clip-4 {
	-webkit-line-clamp: 4;
	max-height: calc(1em * 1.5 * 4);
}

body.front-end .clipped.clip-5 {
	-webkit-line-clamp: 5;
	max-height: calc(1em * 1.5 * 5);
}

body.front-end .clipped.clip-6 {
	-webkit-line-clamp: 6;
	max-height: calc(1em * 1.5 * 6);
}

body.front-end .clipped.clip-10 {
	-webkit-line-clamp: 10;
	max-height: calc(1em * 1.5 * 10);
}

@supports (-webkit-line-clamp: 1) {
	body.front-end .clipped:after {
		display: none !important;
	}
}

body.front-end {
	overflow-x: hidden;
}

body.front-end .font-weight-500 {
	font-weight: 600 !important;
}

body.front-end .font-weight-bold {
	font-weight: bold !important;
}

body.front-end a {

	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.3px;
	text-decoration: none;
	font-family: 'Open Sans';
}

body.front-end ol,
body.front-end ul,
body.front-end li {

	font-size: .8rem !important;
	/* font-weight: 600; */
	letter-spacing: 0.3px;
	font-size: 16px !important;
	line-height: 28px;
}

body.front-end body.front-end {

	margin: 0;
	padding: 0;
}

body.front-end b {
	font-weight: 700 !important;
}

body.front-end .hide-all {
	display: none;
}




body.front-end button.green {
	background: linear-gradient(88.56deg, #007F9F 41%, #05A5B3 82.31%);
	border: none;
	border-radius: 25px;
	color: #fff;
	display: block;
	width: 100%;
	font-family: 'Open Sans';
}

body.front-end button.green-transparent {
	background: rgba(0, 0, 0, 0.1) !important;
	border: 1px solid #FFFFFF !important;
	box-sizing: border-box;
	border-radius: 50px;
	color: #fff;
	display: block;
	font-weight: 600;
	padding: 0.7rem;
	width: 100%;
	font-family: 'Open Sans';
}

body.front-end button.green-no-gradient {
	background: #06A6B4;
	border: none;
	border-radius: 25px;
	color: #fff;
	font-weight: 600;
	display: block;
	width: 50%;
	font-family: 'Open Sans';
}

body.front-end button.green-border {
	border: none;
	color: #ffffff;
	background: #3DB9CC;
	border-radius: 28px;
	display: block;
	font-weight: 700;
	font-size: 18px !important;
	width: 100%;
	font-family: 'Open Sans';
}

body.front-end button.nogradient-green {
	border: none;
	background: #05A5B3;
	border-radius: 5px !important;
	color: #fff;
	display: block;
	font-family: 'Open Sans';
}

body.front-end button.download-result {
	background: #05A5B3;
	border: none;
	font-weight: 600;
	font-size: 16px;
	padding: 0.75rem 1rem !important;
	border-radius: 5px !important;
	color: #fff;
	justify-content: center;
	width: 100%;
	font-family: 'Open Sans';
}

body.front-end button.share-result {
	background: #FF9900;
	border: none;
	font-weight: 600;
	font-size: 16px;
	padding: 0.75rem 1rem !important;
	border-radius: 5px !important;
	color: #fff;
	justify-content: center;
	width: 100%;
	font-family: 'Open Sans';
}

body.front-end footer {
	padding: 1rem 0 2rem 0;
	background: #0A3463;
}


body.front-end footer .address {
	margin: 0.4rem 0;
}

body.front-end footer .address p {
	font-size: 12px !important;
	line-height: 18px !important;
	margin: 0.3rem !important;
}

body.front-end footer .address u {
	font-size: 12px !important;
	line-height: 18px !important;
}

body.front-end footer .address a {
	color: #000000;
	font-weight: 400;
}

body.front-end footer .copyright {
	background: #3BB7B4;
	border-radius: 35px 35px 0px 0px;
	color: #fff;
	text-align: center;
	padding-top: 7px;
	padding-left: 14px;
	padding-right: 14px;
	height: 62px;
}

body.front-end footer .copyright p {
	font-size: 10px;
}

body.front-end footer .logo {
	display: block;
	margin: .9rem auto;
	max-height: 2.5rem;
}

body.front-end footer .ojk {
	align-items: center;
	display: flex;
	justify-content: center;
	margin-bottom: 0rem;
}

body.front-end footer .ojk p {
	margin: 0;
	font-size: 10px;
	line-height: 15px;
}

body.front-end footer .social-media {
	z-index: -1;
}

body.front-end footer .social-media a {
	background: #fff;
	border: rgba(0, 0, 0, 0.25);
	border-radius: 50%;
	display: inline-block;
	filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.25));
	margin: .6rem .1rem;
	padding: .4rem .1rem;
	width: 35px;
	height: 35px;
	text-align: center;
	text-decoration: none;
	z-index: -1;
}

body.front-end footer .social-media a img {
	width: 20px;
	height: 20px;
}

body.front-end h1 {
	color: #1B4D7C;
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	margin-bottom: .5rem;
	font-family: 'Open Sans';
}

body.front-end h1.white {
	color: #ffffff;
	font-family: 'Open Sans';
}

body.front-end h2 {
	margin-bottom: 0.5rem;
	font-size: 20px;
	font-weight: 700;
	font-family: 'Open Sans';
	color: #0A3564;
}

body.front-end h2.white {
	color: #fff;
	font-weight: 600;
	font-family: 'Open Sans';
}

body.front-end h6.gray {
	color: #d8d8d8;
	font-weight: 400;

}

body.front-end h3 {

	font-size: 1.5rem;
	font-weight: 600;
	font-family: 'Open Sans';
}

body.front-end h3.blue {

	font-size: 32px !important;
	color: #007F9F;
}

body.front-end h3.Darkblue {

	font-size: 24px !important;
	color: #0A3564;
	padding: 0 !important;
	margin: 0 !important;
}

body.front-end h3.white {

	font-size: 20px !important;
	color: #ffffff;
}

body.front-end h4 {

	font-size: .85rem;
}

body.front-end h5 {

	font-size: .5rem !important;
}

body.front-end header {
	background: #fff;
	border-radius: 0 0 35px 35px;
	position: fixed;
	max-width: 1440px;
	margin: auto;
	top: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	width: 100%;
	z-index: 9999;
}


body.front-end header nav {
	align-items: center;
	display: flex;
	justify-content: space-between;
	padding: 1rem 2rem;
}

body.front-end header nav button {
	background: none;
	border: none;
	cursor: pointer;
	margin: 0 .5rem;
	padding: 0;
}

body.front-end header nav .mobile--only {
	display: flex;
	align-items: center;
}

body.front-end header nav #mobile-menu-button {
	height: 1.5rem;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	width: 1.25rem;
	z-index: 99999;
}

body.front-end header nav #mobile-menu-button span {
	background: #247F9F;
	display: block;
	height: 2px;
	opacity: 1;
	position: absolute;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

body.front-end header nav #mobile-menu-button span:nth-child(1) {
	top: 0px;
	width: 100%;
}

body.front-end header nav #mobile-menu-button span:nth-child(2),
span:nth-child(3) {
	top: 8px;
	width: 100%;
}

body.front-end header nav #mobile-menu-button span:nth-child(4) {
	right: 0;
	top: 16px;
	width: 60%;
}

body.front-end header nav #mobile-menu-button.open-menu span:nth-child(1) {
	background: #fff;
	top: 0px;
	width: 0%;
	left: 50%;
}

body.front-end header nav #mobile-menu-button.open-menu span:nth-child(2) {
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

body.front-end header nav #mobile-menu-button.open-menu span:nth-child(3) {
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

body.front-end header nav #mobile-menu-button.open-menu span:nth-child(4) {
	top: 8px;
	width: 0%;
}

body.front-end header nav .logo img {
	max-height: 1.5rem;
	width: auto;
}

body.front-end #search--bar {
	background: #fff;
	border-radius: 0 0 25px 25px;
	display: none;
	padding: 1rem;
	width: 100%;
}

body.front-end #search--bar button {
	border: none;
	background: linear-gradient(88.56deg, #007F9F 41%, #05A5B3 82.31%);
	color: #fff;
	display: block;
	margin: 0 auto;
}

body.front-end #search--bar input {
	background: #F1F5F8;
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #007F9F;
	color: #545454;
	margin-bottom: 1rem;
	padding: .75rem 1rem;
	width: 100%;
}

body.front-end button {
	border-radius: 25px;
	font-family: 'Open Sans';
	font-size: 1rem;
	padding: .75rem 2rem;
}

body.front-end input {
	font-size: 0.75rem;
	border: 1px solid #007F9F;
}

body.front-end textarea.form-control {
	border: 1px solid #007F9F;
}

body.front-end input:focus {
	border: 1px solid #007F9F;
}

body.front-end input.darkGray {

	font-size: 0.75rem !important;
	border: 1px solid #A0A0A0 !important;
	color: #000000;
}

body.front-end input.darkGray:focus {
	border: 1px solid #A0A0A0 !important;
	color: #000000;
}

body.front-end input.darkGray::placeholder {
	color: #000000;
}

body.front-end p {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0.3px;
	line-height: 28px;
	font-family: 'Open Sans';
}

body.front-end .subtitle {
	color: #3DB9CC;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	display: flex;
	font-family: 'Open Sans';
	font-size: 16px !important;
	line-height: 20px;
	justify-content: right;
	text-align: right;
	text-decoration: none;
	margin-right: 4px;
}

body.front-end .subtitle-all {
	color: #3DB9CC;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	display: flex;
	font-family: 'Open Sans';
	font-size: 16px !important;
	line-height: 20px;
	justify-content: right;
	text-align: right;
	text-decoration: none;
	margin-right: 4px;
}

body.front-end .subtitle.tentang-kami {
	color: #3DB9CC;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	display: flex;
	font-family: 'Open Sans';
	font-size: 16px !important;
	line-height: 20px;
	justify-content: right;
	text-align: right;
	text-decoration: none;
	margin-right: 0px;
}

body.front-end .subtitle.tentang-kami:hover {
	color: #3DB9CC;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	display: flex;
	font-family: 'Open Sans';
	font-size: 16px !important;
	line-height: 20px;
	justify-content: right;
	text-align: right;
	text-decoration: none;
	margin-right: 0px;
}

body.front-end .subtitlePromo {
	color: #1896A9;
	;
	font-weight: 400;
	z-index: 100;
	font-weight: 600;
	font-family: 'Open Sans';
	font-size: 16px !important;
	line-height: 20px;
	justify-content: right;
	text-align: right;
	text-decoration: none;
}

body.front-end .subtitle.penghargaan {
	color: #3DB9CC;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	display: flex;
	font-family: 'Open Sans';
	font-size: 16px !important;
	line-height: 20px;
	display: block;
	justify-content: left;
	text-align: left;
	text-decoration: none;
	margin-right: 0;
	padding: 0rem 0rem 0rem 0rem !important;
}

body.front-end .subtitle.penghargaan:hover {
	color: #3DB9CC;
	font-weight: 700;
	display: flex;
	font-family: 'Open Sans';
	font-size: 16px !important;
	line-height: 20px;
	display: block;
	justify-content: left;
	text-align: left;
	text-decoration: none;
	margin-right: 0;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

body.front-end .subtitle:hover {
	color: #3DB9CC;
	font-weight: normal;
	display: flex;
	font-family: 'Open Sans';
	font-size: 13px !important;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

body.front-end .subtitle-all:hover {
	color: #3DB9CC;
	font-weight: 700;
	display: flex;
	font-family: 'Open Sans';
	font-size: 16px !important;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

body.front-end hr.vertikal-mobile {
	border: 0.5px solid rgba(196, 196, 196, 0.5);
	height: 38px;
	position: relative;
	top: 6px;

}

body.front-end hr.tentang-kami {
	border: 0.5px solid #C4C4C4;
	background-color: #c4c4c4;
	position: relative;
	margin: 4px;
	width: 99%;


}

body.front-end hr.green {
	background-color: #05A5B3;
	/* display: block; */
	margin: 0 auto 1rem auto;
	border-top: 2px solid #05A5B3 !important;
	transform: rotate(180deg);
	width: 20%;
}

body.front-end hr.green-detail {
	background-color: #05A5B3;
	/* display: block; */
	margin: 0 auto 1rem auto;
	border-top: 2px solid #05A5B3 !important;
	transform: rotate(180deg);
	width: 30%;
	float: left;
}

body.front-end hr.homepage {
	background-color: #05A5B3;
	display: block;
	margin: 1rem 0 1rem 0;
	transform: rotate(180deg);
	width: 42%;
}

body.front-end hr.homepage-blue {
	background-color: #05A5B3;
	display: block;
	margin: 0rem 0 1rem 0;
	transform: rotate(180deg);
	width: 42%;
}

body.front-end hr.homepage-kunjungi {
	background-color: #05A5B3;
	display: block;
	margin: 1rem 0 1rem 0;
	transform: rotate(180deg);
	width: 14%;
}

body.front-end hr.green-csr {
	display: none;
}

body.front-end hr.white {
	background-color: white;
	border: 1px solid white;
	/* display: block; */
	margin: 0 auto 1rem auto;
	transform: rotate(180deg);
	width: 20%;
}

body.front-end hr.blue {
	border: 1px solid #007F9F;
	background-color: #007F9F;
	display: block;
	margin: 0 auto 1rem auto;
	width: 20%;
}

body.front-end hr.blueProduct {
	border: 1px solid #007F9F;
	background-color: #007F9F;
	transform: rotate(180deg);
	display: block;
	margin: 0 auto 2rem auto;
	width: 20%;
}

body.front-end hr.darkOrange {
	border: 1px solid #F57B32;
	transform: rotate(180deg);
	background-color: #F57B32;
	display: block;
	margin: 0 auto 2rem auto;
	width: 7%;
}

body.front-end hr.darkOrangeProduk {
	border: 1px solid #F57B32;
	background-color: #F57B32;
	transform: rotate(180deg);
	display: block;
	margin: 0 auto 2rem auto;
	width: 20%;
}

body.front-end hr.orange {
	background-color: #FF9900;
	/* display: block; */
	/* margin: 0 auto 1rem auto; */
	margin: 0 auto 1rem auto;
	border-top: 2px solid #FF9900 !important;
	transform: rotate(180deg);
	width: 20%;
}

body.front-end hr.gray {
	background-color: #E5E5E5;
	/* display: block; */
	/* margin: 0 auto 1rem auto; */
	margin: 0 auto 1rem auto;
	border-top: 1px solid #E5E5E5 !important;
	transform: rotate(180deg);
	width: 20%;
}

body.front-end .about--section {
	margin: 0rem 1rem;
}



body.front-end .about--section h2 {
	color: #1B4D7C;
	font-weight: 600;
	margin-bottom: 2rem !important;
	text-align: center;
}

body.front-end .about--section h3 {
	color: #F57B32;
}

body.front-end .about--section p {
	color: rgba(51, 51, 51, 0.8);
	font-weight: 400;
}

body.front-end .about--section .row {
	margin-bottom: 1rem;
}

body.front-end .header--desktop-dropdown {
	align-items: center;
	display: flex;
}

body.front-end .header--desktop-dropdown .header--desktop-dropdown-btn {
	align-items: center;
	box-sizing: border-box;
	color: #000;
	display: flex;
	padding: 0rem 0 !important;
}

body.front-end .header--desktop-dropdown .header--desktop-dropdown-btn.active {
	color: #000;
}

.arrow--down {
	border: solid #000000;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 3px;
	margin-left: .5rem;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.arrow--down.active {
	border: solid #000;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 3px;
	margin-left: .5rem;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

body.front-end .header--desktop-dropdown .header--desktop-dropdown-btn img {
	margin-left: .1rem;
	height: .5rem;
	width: .5rem;
}

body.front-end .header--desktop-dropdown .header--desktop-dropdown-content {

	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 5rem;
	right: 5rem;
}

body.front-end .header--desktop-dropdown .header--desktop-dropdown-content ul {
	border-radius: 20px;
	list-style: none;
}

body.front-end .header--desktop-dropdown .header--desktop-dropdown-content li {
	border-radius: 20px;
	margin: 0;
	padding: 0;
	position: relative;
}


body.front-end .article--thumbnail {
	cursor: pointer;
	display: block;
	margin: 2rem 0 1rem 0;
	text-decoration: none;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
	border-radius: 8px
}

body.front-end .article--thumbnail img {
	border-radius: 8px 8px 0px 0px;
	height: 115px;
	object-fit: cover;
	width: 100%;
}

body.front-end .article--thumbnail .article--content {
	padding: .4rem .6rem .1rem .6rem;
}

body.front-end .article--thumbnail p {
	height: 5rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;

	color: #717171;
	font-family: "Open Sans";
	font-size: 16px !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 24px !important;
}

body.front-end .article--thumbnail .article--info {
	display: flex;

	justify-content: space-between;
	margin-bottom: .5rem;
}

body.front-end .date-highlight-promo {
	display: flex;

	justify-content: space-between;
	margin-bottom: .5rem;
}

body.front-end .article--thumbnail .article--info .date {
	color: #A0A0A0;
	text-align: right;
	font-family: "Open Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	/* 133.333% */
}

body.front-end .article--thumbnail .article--info .type {
	color: #FF8000;
	font-family: "Open Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	height: 34px;
}

body.front-end .date-highlight-promo .date {
	color: #A0A0A0;
	font-size: .8rem;
}

body.front-end .date-highlight-promo .type {
	color: #FF8000;
	font-family: "Open Sans";
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
}

body.front-end .bottom-menu--navigation {
	bottom: 0;
	position: fixed;
	width: 100%;
	z-index: 10001;
}


body.front-end .bottom-menu--navigation .bottom-menu--container {
	align-items: baseline;
	background-color: #1B4D7C;
	color: #fff;
	display: flex;
	justify-content: space-between;
	padding-bottom: 0px !important;
	padding-top: 0px !important;
	width: 100%;
	height: 65px;
}

body.front-end .bottom-menu--navigation a {
	align-items: inherit;
	background: none;
	border: none;
	box-sizing: border-box;
	color: #fff;
	display: flex;
	flex-direction: column;
	font-size: .6rem !important;
	font-weight: 400;
	justify-content: center;
	margin: 0 0;
	padding: .25rem;
}

body.front-end .bottom-menu--navigation button,
body.front-end .bottom-menu--navigation a {
	align-items: center;
	background: none;
	border: none;
	box-sizing: border-box;
	color: #fff;
	display: flex;
	flex-direction: column;
	font-size: .6rem !important;
	flex-grow: 1;
	width: 13rem;
	justify-content: center;
	margin: 4px 0;
	padding: .25rem;
}

body.front-end .bottom-menu--navigation a img {
	height: 24px;
	margin-bottom: .25rem;
}

body.front-end .bottom-menu--navigation button img {
	height: 25px;
	width: 25px;
	flex-grow: 1;
}

body.front-end .bottom-menu--navigation button img.large-img {
	height: 25px;
	width: 25px;
	flex-grow: 1;
}

body.front-end .bottom-menu--navigation button span {
	font-size: 9px !important;
}

body.front-end .bottom-menu--navigation button img.icon-without-title {
	height: 46px;
	width: 3rem;
	margin-bottom: .25rem;
	margin-top: 0rem;
	flex-grow: 1;
}

body.front-end .fina--section {
	text-align: center;
	padding-top: 6px;
}

body.front-end .fina--section .fina--information img {
	max-width: 100%;
}

body.front-end .menu--navigation {
	animation: fadeIn .4s;
	-webkit-animation: fadeIn .4s;
	-moz-animation: fadeIn .4s;
	-o-animation: fadeIn .4s;
	-ms-animation: fadeIn .4s;
	background: #1B4D7C;
	bottom: 0;
	display: none;
	flex-direction: column;
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10005;
}

body.front-end .wrap-close {
	text-align: right;
	width: 100%;
	z-index: 10001;
	height: 30px;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-ms-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

body.front-end .menu--navigation .close-button {
	border: none;
	background: none;
	color: #fff;
	font-size: 1.5rem !important;
}

body.front-end .menu--navigation-content {
	height: 100%;
	display: block;
	padding: 0rem 2rem;
	margin: auto;
	margin-top: 0;
}

body.front-end .menu--navigation-content button {
	background: none;
	border: none;
	border-bottom: 1px solid rgba(216, 216, 216, .5);
	border-radius: 0 !important;
	color: #fff;
	display: block;
	font-size: 1.25rem !important;
	padding: 1rem 0 !important;
	text-align: center;
	width: 100%;
}

body.front-end .menu--navigation .menu--konsumen {
	align-items: center;
	display: none;
	justify-content: center;
	flex-direction: column;
	padding: 2rem 0;
}

body.front-end .menu--navigation .menu--konsumen button {
	background: none;
	border: none;
	color: #fff;
	font-size: 24px !important;
	font-weight: 700;
}

body.front-end .menu--navigation .menu--konsumen button span {
	margin-left: .8rem;
}

body.front-end .menu--navigation .menu--konsumen a {
	align-items: center;
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	box-sizing: border-box;
	color: #fff;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	padding: 2rem 1.5rem;
	text-align: center;
	width: 45%;
}

body.front-end .menu--navigation .menu--konsumen a img {
	margin-bottom: .8rem;
}

body.front-end .mobil-mall--section {
	margin: 1.5rem 1rem;
}

body.front-end .mobil-mall--section h2 {
	color: rgba(27, 77, 124, 0.9);
	text-align: center;
	font-weight: bold;
}

body.front-end .mobil-mall-content--section .nav-tabs .nav-link img {
	/* width: 3rem; */
	height: 50px;
}

body.front-end .mobil-mall--section .mobil-mall-thumbnail--section {
	background: url('../static/landing/bg-mobil-mall-black.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 25px;
	margin: 1rem 0 2.5rem 0;
	padding: 2rem;
}

body.front-end .mobil-mall--section .mobil-mall-thumbnail--section h2 {
	color: #fff;
	font-size: 1.5rem !important;
	font-weight: 600;
	letter-spacing: .75px;
	text-align: left;
}

body.front-end .mobil-mall--section .mobil-mall-thumbnail--section a {
	background: linear-gradient(0deg, #FD930A, #FD930A);
	border-radius: 35px;
	color: #fff;
	margin-top: 3rem !important;
	display: inline-block;
	margin: 1rem auto;
	padding: .75rem 2rem;
	width: 80%;
}

body.front-end .mobil-mall--swiper-container {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	width: 100%;
	z-index: 1;
}


.gallery {
	width: 100%;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 15px;
	height: 342px;
}

.gallery-slider {
	height: 394px;
	margin: 0 0 10px 0;

}

.gallery-slider .swiper-slide {
	width: auto;
	height: 400px;
}

.gallery-slider .swiper-slide .title {
	font-weight: bold;
	font-size: 26px !important;
	color: white !important;

}

.gallery-slider .swiper-slide .subtitle {
	font-weight: normal;
	font-size: 14px !important;
	color: white !important;
	font-family: 'Open Sans';
	text-transform: uppercase;
	letter-spacing: 0.05em;

}

.gallery-slider .swiper-slide .subtitle:hover {
	font-size: 14px !important;
}

.gallery-slider .swiper-slide img {
	width: 100%;
	height: 44%;
	margin-top: -1rem;
	padding: 0 0rem;
	object-fit: contain;
}

.gallery-thumbs .swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
	content: 'next';
	font-size: 21px;
	width: 20px;
	height: 20px;
	color: white;
	margin-left: 2rem;
}

.gallery-thumbs .swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
	content: 'prev';
	font-size: 21px;
	background: transparent;
	width: 20px;
	height: 20px;
	margin-top: -1rem;
	color: white;
}

.gallery-thumbs {
	width: 100%;
	margin-top: -8rem;
	margin-left: 2rem;
	padding: 0;
	overflow: hidden !important;
}

.gallery-thumbs .swiper-slide {
	width: 62px;
	height: 62px;
	opacity: 0.7;
	text-align: center;
	overflow: hidden;
	background: rgba(15, 15, 15, 0.45);
	border-radius: 5px;
}

.gallery-thumbs .swiper-slide-active {
	opacity: 1;
	width: 62px;
	height: 62px;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	border-radius: 5px;
}

.gallery-thumbs .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: contain;

}

body.front-end .mobil-mall--swiper-container .swiper-slide {
	background: rgba(255, 255, 255, .2);
	border-radius: 20px;
	padding: 1.5rem 1.5rem;
	width: 100% !important;
	z-index: -1;
}

body.front-end .mobil-mall--swiper-container .swiper-slide img {
	display: block;
	margin: 0 auto;
}

body.front-end .mobil-mall--swiper-container .swiper-slide .promotion--wraper {
	align-items: flex-end;
	color: #fff;
	display: flex;
	justify-content: space-between;
	margin-bottom: 1rem;
}

body.front-end .mobil-mall--swiper-container .swiper-slide .promotion--wraper .promotion--title h3 {
	font-weight: 700 !important;
	letter-spacing: 0.5px;
	margin-bottom: 0 !important;
}

body.front-end .mobil--mall-swiper-desktop {
	height: 100%;
}

body.front-end .mobil--mall-swiper-desktop .mobil-mall--swiper-button-nav-wrapper {
	bottom: 0;
	left: 0;
	position: absolute;
	margin: 0 2rem;
	z-index: 99;
}

body.front-end .mobil--mall-swiper-desktop .mobil-mall--swiper-button-nav {
	display: none;
}

body.front-end .mobil-mall--swiper-container .swiper-slide .promotion--wraper .promotion--title h4 {
	font-weight: 400;
}

body.front-end .mobil-mall--swiper-container .swiper-slide .promotion--wraper .promotion--value {
	font-weight: 900;
	text-align: right;
}

body.front-end .mobil-mall--swiper-container .swiper-slide .promotion--wraper .promotion--value h5 {
	font-weight: 400;
	margin-bottom: 0 !important;
}

body.front-end .mobil-mall--swiper-container .mobil-mall--swiper-pagination {
	margin: 1.5rem auto;
	display: flex;
	overflow-x: scroll !important;
}

body.front-end .mobil-mall--swiper-container .swiper-pagination-bullet {
	width: 100%;
	height: auto;
	border-radius: 0px;
	display: inline-flex;
	opacity: 100;
	background-color: transparent;
}

body.front-end .mobil-mall--swiper-button-nav-wrapper {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

body.front-end .mobil-mall--swiper-button-nav {
	height: 20px;
}

body.front-end .news--section {
	margin: 0rem 1rem;
}

body.front-end .news--section h2 {
	text-align: center;
	font-weight: bold;
	font-size: 28px !important;
	line-height: 36px;
}

body.front-end .title-more-article {
	color: #1469C7 !important;
	font-family: 'Open Sans';
	font-size: 20px !important;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	/* 140% */
	text-align: left;
	margin-top: 1rem;
}

body.front-end .notfound-artikel {
	border-radius: 8px;
	background: #F8F8F8;
	height: 200px;
	padding: 20px;
}

body.front-end .notfound-artikel-icon {
	margin: auto;
	display: block;
}

body.front-end .text-notfound-artikel {
	color: #717171 !important;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}

body.front-end .span-notfound-artikel {
	color: #1896A9 !important;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	text-decoration-line: underline;
	cursor: pointer;
}

body.front-end .news--section .news--card {
	background: #F1F5F8;
	border-radius: 15px;
	margin-bottom: 1rem;
	padding: 1rem;
}

body.front-end .news--section .news--card .news--card-title-section {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

body.front-end .news--section .news--card .news--card-title-section .news--card-title {
	align-items: center;
	display: flex;
	justify-content: flex-start;
	margin-bottom: .5rem;
}

body.front-end .news--section .news--card .news--card-title-section hr {
	background-color: #F57B32;
	;
	height: 3px;
	margin-right: .5rem;
	width: 20px;
}

body.front-end .news--section .news--card .news--card-title-section h3 {
	color: #1B4D7C;
	font-weight: 700 !important;
	margin: 0 0 !important;
	text-overflow: ellipsis;
	display: -webkit-box;
	font-size: 18px;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

body.front-end .news--section .news--card .news--card-title-section p {
	color: #F57B32;
	font-size: .7rem;
	letter-spacing: 0.3em;
	margin: 0 0 !important;
	text-transform: uppercase;
}

body.front-end .news--section .news--card .news--card-title-summary p {
	color: rgba(51, 51, 51, 0.8);
	font-size: .9rem;
	font-weight: 400;
	line-height: 1.3rem;
	height: 4rem;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

body.front-end .simulation--section {
	background: linear-gradient(180deg, #BEE8EE 0%, #D4E3F4 51.18%);
	background-size: cover;
	border-radius: 20px;
	color: #ffffff;
	margin: -6rem 1rem 0 1rem;
	padding: 1rem 2rem 2rem;
	position: relative;
	z-index: 2;
}

body.front-end .simulation--section a {
	align-items: center;
	background: transparent;
	border: 2px solid #fff;
	border-radius: 25px;
	color: #fff;
	display: flex;
	justify-content: center;
	margin: 0 0;
	padding: 1rem 3rem;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

body.front-end .simulation--section a:hover {
	color: #fff;
}

body.front-end .simulation--section a img {
	height: .9rem;
	margin-right: .5rem;
	width: auto;
}

body.front-end .simulation--section h2 {
	color: #fff;
}

body.front-end .simulation--section p {
	color: #F1F5F8;
}



body.front-end .home.swiper-container-banner {
	border-radius: 0 0 20px 0px;
	/* height: 30rem; */
	width: 100%;
	z-index: 1 !important;
}

body.front-end .home.swiper-container-banner .swiper-pagination {
	bottom: 8rem !important;
	margin: 0 0;
	text-align: left;
	right: 0%;
	left: 8%;
	top: 331px;
}

body.front-end .home.swiper-container-banner .swiper-pagination-bullet {
	background-color: #c4c4c4;
	height: 10px;
	opacity: 1 !important;
	width: 10px;
	margin: 4px;
}

body.front-end .home.swiper-container-banner .swiper-pagination-bullet-active {
	background-color: #fff;

}

body.front-end .home--desktop.swiper-container-banner .swiper-pagination {
	bottom: 12vh;
	margin-left: auto;
	margin-right: auto;
	width: 46vh;
	left: 0;
	right: 0;
	text-align: center;
}

body.front-end .home--desktop.swiper-container-banner .swiper-pagination-bullet {
	background-color: #c4c4c4;
	height: 10px;
	opacity: 1 !important;
	width: 10px;
}

body.front-end .home--desktop.swiper-container-banner .swiper-pagination-bullet-active {
	background-color: #fff;
	margin-right: 4px;
}

body.front-end .home.swiper-container-banner .swiper-wrapper .swiper-slide img {
	object-fit: cover;
	width: 100%;
	border-radius: 0px 0px 20px 20px;

}


/* PAGE: simulasi-kredit */
/* body.front-end .simulation--page-header{	background: url('../static/product/icon-new-car.png');} */
body.front-end .simulation--page-header {
	background: url('../static/simulation/header.png');
	background-size: cover;
	height: 400px;
}

body.front-end .newCar--page-header {
	background: url('../static/product/new-car-mobile.jpg');
	background-size: cover;
	height: 400px;
	border-radius: 0px 0px 35px 35px;
	margin-top: -1rem;
}

body.front-end .newCar--page-header-used-car {
	background: url('../static/product/lease-car-matrix.jpg');
	background-size: cover;
	height: 400px;
	border-radius: 0px 0px 35px 35px;
	margin-top: -1rem;
}

body.front-end .newCar--page-header-komersil {
	background: url('../static/product/komersil-car-matrix.png');
	background-size: cover;
	height: 400px;
	border-radius: 0px 0px 35px 35px;
	margin-top: -1rem;
}

body.front-end .simulation--page-content {
	background: #F1F5F8;
	padding: 0 1rem;
}

body.front-end .simulation--page-content--login {
	background: linear-gradient(3.98deg, #007F9F -74.81%, rgba(5, 165, 179, 0.46) 84.15%, rgba(5, 165, 179, 0) 129.73%);
	padding: 1rem 1rem;
	margin-bottom: 2rem;
}

body.front-end .simulation--page-content .simulation--card {
	background: #fff;
	border: 1px solid #007F9F;
	border-radius: 10px;
	top: -4rem;
	padding: 0rem 0;

	position: relative;
}

body.front-end .simulation--page-content .simulation--card .simulation--title {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 1rem 0;
}

body.front-end .simulation--page-content .simulation--card .simulation--title h1 {
	margin: 1rem;
}

body.front-end .simulation--page-content .simulation--card .tab-pane {

	padding: 1rem;
}


body.front-end .simulation--page-content--login .simulation--card {
	background: #fff;
	border: 1px solid #007F9F;
	border-radius: 10px;
	top: -2rem !important;
	padding: 1rem;

	position: relative;
}

body.front-end .simulation--page-content--login .simulation--card .simulation--title {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 0rem 0;
}

body.front-end .simulation--page-content--login .simulation--card .simulation--title h1 {
	margin: 1rem;
}

body.front-end .simulation--page-content--login .simulation--card .tab-pane {

	padding: 1rem;
}

body.front-end select,
input {
	background: #FFFFFF;
	border: 1px solid #007F9F;
	font-size: .85rem !important;
}

body.front-end select,
input .black {
	background: #FFFFFF;
	border: 1px solid #000000;
	font-size: .85rem !important;
	color: black !important;
}

body.front-end select,
input .blue {
	background: #FFFFFF;
	border: 1px solid #007F9F;
	font-size: .85rem !important;
	color: black !important;
}

body.front-end label {
	font-size: 14px;
}

body.front-end .hint {
	color: #007F9F;
	font-size: .7rem;
}

body.front-end .hint-sejarah {
	color: #007F9F;
	font-size: 14px;
	margin-top: -25px !important;
}

body.front-end .simulation--page-content .simulation--card .tab-pane hr {
	background: #F4F4F4;
	margin: 2rem 0;
}

body.front-end .simulation--page-content .simulation--card .nav {
	justify-content: center;
}

body.front-end .nav-tabs {
	border-bottom: 1px solid #EDEDED;
}

body.front-end .simulation--page-content .simulation--card .nav-tabs .nav-link.active {
	border: none;
	border-bottom: 2px solid #007F9F;
	color: #007F9F;
	justify-content: center;
}

body.front-end .simulation--page-content .simulation--card .nav-tabs .nav-link {
	border: none;
	font-weight: 400;
	color: #8E8E8E;
}

body.front-end .simulation--page-footer {
	background: url('../static/simulation/footer-bg.png');
	background-size: cover;
	border-radius: 25px 25px 0 0;
	padding: 2rem;
	/* height: 100vh; */
	margin-top: -2rem;
	margin-bottom: 2rem;
}

body.front-end .simulation--page-footer hr {
	background: #FFA826;
	height: 3px !important;
	width: 10%;
}

body.front-end .simulation--page-footer .simulation--page-footer-link {
	align-items: center;
	display: flex;
	justify-content: space-evenly;
}

body.front-end .simulation--page-footer a {
	align-items: center;
	background: #ffffff;
	border: 2px solid #fff;
	border-radius: 50px;
	color: #0281A0;
	display: flex;
	font-size: 1.1rem !important;
	justify-content: center;
	margin: 0 1rem;
	padding: 0.50rem 1rem;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

body.front-end .simulation--page-footer .simulation--page-footer-link a span {
	margin: 0 1rem;
	text-transform: uppercase;
}

.padding-card {
	margin-right: 0rem;
	margin-left: 0rem;
	margin-top: 3rem;
}

.background-breadcrumb {
	background: none !important;
	padding-left: 5% !important;
}

.wrap-padding-card {
	width: 100%;
	margin: auto;
	position: relative;
}

.wrap-padding-card-pengkinian {
	width: 100%;
	margin: auto;
	position: relative;
}


.page-simulation--wrapper {
	display: flex;
	flex-direction: column;
	padding-top: 10rem;
}





/* PAGE: hasil-simulasi */
.simulation-result--wrapper {
	background: #F1F5F8;
	min-height: 100vh;
	padding-top: 3rem;
}

.simulation-result--wrapper a {
	cursor: pointer;
}

.simulation-result--wrapper .back--button {
	padding: 3rem 1.5rem 1rem;
	display: inline-flex;
}

.simulation-result--wrapper .back--arrow {
	border: 1px solid #007F9F;
	border-width: 0 1.5px 1.5px 0;
	display: inline-block;
	padding: 4px;
	transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
}

.simulation-result--wrapper .is-title {
	align-items: center;
	display: flex;
	justify-content: flex-start;
	margin: 1rem 0;
}

.simulation-result--wrapper .is-mobile.is-title h1 {
	font-size: 18px !important;
	margin: 1rem;
	font-weight: bold;
}

.simulation-result--wrapper .is-desktop.is-title h1 {
	font-size: 42px !important;
	font-weight: bold;
	margin-bottom: 2rem !important;
	margin-left: 3rem;
}

span.back-to {
	margin-left: .3rem;
	font-weight: bold;
	font-size: 16px;
	color: #007F9F;
}

.simulation-result--tabs {
	position: relative;
	background: #FFFFFF;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	min-height: 120px
}

.simulation-result--tabs .is-nav {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding-top: 12px;
	border-top: 2px solid #EDEDED
}

.simulation-result--tabs .is-nav .nav-item {
	border: none;
	font-weight: 400;
	color: #8E8E8E;
}

.simulation-result--tabs .is-nav .nav-link {
	padding-bottom: 0 !important;
}

.simulation-result--tabs .is-nav .nav-link.active {
	color: #007F9F;
	font-weight: bold;
	border-bottom: 1px solid #EDEDED;
}

.simulation-result--tabs .is-nav .nav-link.active::after {
	content: '';
	display: block;
	margin: 0 auto;
	width: 50%;
	padding-top: 1rem;
	border-bottom: 1.5px solid #007F9F;
}

.simulation-result--tab-content .tab-intro {
	padding: 1rem 3rem 0rem 2rem;
}

.simulation-result--tab-content .tab-intro p {
	font-size: 16px;
	font-weight: bold;
}

.simulation-result--tab-content .tab-table-head {
	display: flex !important;
	background: linear-gradient(270.29deg, #05A5B3 8.23%, #007F9F 75.22%, #1B4D7C 96.78%);
	flex-direction: row;
	justify-content: flex-start;
	font-size: .75rem;
	font-weight: 400;
	padding: 0 1.5rem 0 1rem;
}

.simulation-result--tab-content .tab-table-head .content {
	color: #fff;
	text-transform: uppercase;
	padding-bottom: .75rem;
	padding-top: .75rem;
}

.simulation-result--tab-content .tab-table-body {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	font-size: .75rem;
	font-weight: 400;
	padding: .75rem 1rem;
}

.simulation-result--tab-content .tab-table-body img {
	display: flex;
	margin: 0 auto;
}

hr.has-border {
	border: 0.75px solid #D8D8D8;
	margin: 0.5rem auto;
	background-color: #D8D8D8;
}

hr.has-border-klaim {
	border: 0.75px solid #D8D8D8;
	margin: 0.5rem auto;
	background-color: #D8D8D8;
}

.simulation-result--wrapper .is-mobile.action--wrapper,
.simulation-result--wrapper .is-desktop.action--wrapper {
	padding: .6rem 1rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.simulation-result--wrapper .action--wrapper button {
	margin: 0 .5rem;
}

.simulation-result--wrapper .action--wrapper button span {
	display: inline-flex;
}

.simulation-result--wrapper .action--wrapper button img {
	margin-right: 6px;
}

.simulation-result--wrapper .is-mobile.disclaimer {
	padding: 1.75rem 1rem;
	background: #F1F5F8 !important;
}

.simulation-result--wrapper .is-mobile.disclaimer span {
	font-size: .75rem;
	font-weight: 400;
	color: #414141;
}

.simulation-result--recomendation {
	background: #FFFFFF;
	padding: 2.5rem 1rem;
}

.simulation-result--recomendation .rec--thumbnail {
	background: #FFFFFF;
	box-shadow: 0px 0px 8px rgba(59, 183, 180, 0.41);
	border-radius: 8px;
	padding: 1rem;
	margin: 1rem 0;
}

.simulation-result--recomendation .rec--thumbnail img {
	height: 120px;
	object-fit: contain;
	width: 100%
}

.simulation-result--recomendation .rec--thumbnail .recs--info {
	padding: .5rem;
}

.simulation-result--recomendation .rec--thumbnail .recs--info .type {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 14px !important;
	line-height: 20px;
	letter-spacing: 0.25em;
	text-transform: uppercase;
	color: #339AAA;
}

.simulation-result--recomendation .rec--thumbnail .recs--info .title {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold;
	font-size: 20px !important;
	line-height: 28px;
	color: #0D4685;
}

.simulation-result--page-footer {
	background: url('../static/simulation/result-footer-bg.png');
	background-size: cover;
	padding: 1.5rem;
	margin-bottom: 2rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.simulation-result--page-footer img {
	margin-right: .5rem;
	height: 30px;
}

.simulation-result--page-footer h2 {
	margin: 0.3rem 0 !important;
	font-weight: 700;
}

.simulation-result--page-footer a {
	width: 50%;
	margin: 1rem auto;
	color: #FFFFFF;
	padding: .5rem;
	border-radius: 50px;
	border: 2px white solid;
}




/* NEWS */
body.front-end .news--article-content p {
	color: #717171 !important;
	font-family: 'Open Sans';
	font-size: 16px !important;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
}



body.front-end .news--breadcrumb {
	align-items: baseline;
	background-color: #F1F5F8;
	color: #A0A0A0;
	padding: 7rem .75rem 1.5rem .75rem;
}

body.front-end .news--breadcrumb a {
	color: #A0A0A0;
	font-size: .85rem;
	font-weight: 400;
	margin: 0 .5rem;
	text-decoration: none;
	white-space: nowrap;
}

body.front-end .news--breadcrumb p {
	color: #000000;
	margin: 0 .5rem;
}

body.front-end .news--category {
	align-items: center;
	display: flex;
	font-size: .7rem;
	justify-content: baseline;
	margin: 1rem 0;
}

body.front-end .news--category .news--category-type {

	color: #FF8000;
	font-family: 'Open Sans';
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
}

body.front-end .news--category .news--category-date {
	margin: 0 1rem;
	color: #A0A0A0;
	text-align: right;
	font-family: 'Open Sans';
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 28px;
}

body.front-end .news-share--wrapper {
	margin: 1rem 0;
}

body.front-end .wrapper-date {
	margin: 1.25rem 0;
}

body.front-end .news-share--wrapper img {
	width: 1rem;
	height: 1rem;
	margin-right: 8px;
}

body.front-end .news-share--wrapper span {
	color: #A0A0A0;
	font-size: 1rem;
	margin-bottom: .25rem;
}

body.front-end .news-share--wrapper .socmed-content {
	margin-left: .75rem;
	margin-bottom: .25rem;
}

body.front-end .news-share--wrapper .socmed-content img {
	margin-right: .75rem;
	width: 1.25rem;
	height: 1.25rem;
}

body.front-end .news-share--wrapper .socmed-content .overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.35);
	transition: opacity 0.25s ease;
	visibility: hidden;
	opacity: 0;
}

body.front-end .news-share--wrapper .socmed-content .overlay:target {
	visibility: visible;
	opacity: 1;
	display: flex;
	justify-content: center;
	align-items: center;
}

body.front-end .news-share--wrapper .socmed-content .popup {
	margin: 70px auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	width: 70%;
	justify-content: center;
	align-items: center;
	overflow-y: auto;
	position: relative;
}

body.front-end .news-share--wrapper .socmed-content .popup .close {
	position: absolute;
	top: 0;
	right: 1rem;
	transition: all 200ms;
	font-size: 30px !important;
	font-weight: 600;
	text-decoration: none;
	color: #333;
}

body.front-end .news-share--wrapper .socmed-content .popup .content {
	max-height: 30%;
	overflow-y: auto;
	font-size: 14px;
}

body.front-end .news--content {
	padding: 0rem 1rem;
}

body.front-end .news--header {
	background: url('../static/news/header-bg.png');
	background-size: cover;
	padding: 8rem 0 3rem 0;
	text-align: center;
}

body.front-end .news--header h1 {
	font-weight: 700;
}

body.front-end .news--header-image {
	height: 200px;
	object-fit: cover;
	width: 100%;
	border-radius: 0px;
	padding: 0 0rem;
	margin-right: 1rem;
}

body.front-end .fina--header-image img {
	height: 200px;
	object-fit: cover;
	width: 100%;
	border-radius: 20px;
	padding: 0 0rem;
}


body.front-end .news--select {
	background: #FFFFFF;
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	display: block;
	font-size: 13px !important;
	margin: 0 auto;
	height: 38px;
	line-height: 30px;
	width: 35%;
}

body.front-end .csr--select {
	background: #FFFFFF;
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	border-radius: 5px;
	display: block;
	font-size: 13px !important;
	/* margin: 0 auto; */
	margin: 0 0;
	height: 38px;
	line-height: 30px;
	width: 50%;
}

body.front-end .produk--select {
	background: #FFFFFF;
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	display: block;
	font-size: 1rem !important;
	margin: 8px 1rem;
	height: 38px;
	line-height: 30px;
	width: 50%;
}

body.front-end .produk--select::after {
	background: #FFFFFF;
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	display: block;
	font-size: .8rem !important;

	margin: 8px 1rem;
	height: 38px;
	line-height: 30px;
	width: 50%;
}

body.front-end .penghargaan--select {

	background: #FFFFFF;
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	display: block;
	font-size: 1rem !important;
	margin: 15px 0rem;
	height: 29px;
	line-height: 30px;
	width: 100%;
	font-family: 'Open Sans';
}

body.front-end .penghargaan--select::after {

	background: #FFFFFF;
	border: 1px solid #000000;
	box-sizing: border-box;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	display: block;
	font-size: .8rem !important;

	margin: 15px 1rem;
	height: 29px;
	line-height: 30px;
	width: 20%;
	font-family: 'Open Sans';
}

body.front-end .news--select::after {
	background: #FFFFFF;
	border: 1px solid #C4C4C4;
	box-sizing: border-box;
	display: block;
	font-size: .8rem !important;

	margin: 0 auto;
	height: 38px;
	line-height: 30px;

	width: 35%;
}


body.front-end .news--list {
	padding: 0rem 2rem;
}

body.front-end .news--list .article--thumbnail {
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
}

body.front-end .allpromo--list .article--thumbnail img {
	border-radius: 8px 8px 0px 0px !important;
	box-shadow: 0px 0px 7px rgb(0 0 0 / 25%);

}

body.front-end .allpromo--list .article--thumbnail img {
	border-radius: 8px 8px 0px 0px !important;
	box-shadow: 0px 0px 7px rgb(0 0 0 / 25%);

}

body.front-end .allpromo--list {
	padding: 0;
	margin-top: 0;
}

body.front-end .allpromo--list.produk {
	margin-top: -2rem;
	margin-left: 80px;
	margin-right: 192px;
}

body.front-end .allpromo--list.homepage {
	margin-top: -2rem;
	margin-right: 0rem !important;
	margin-left: 0rem !important;
	padding: 0rem 0rem 0rem 0rem;
}

body.front-end .allpromo--list .article--thumbnail {
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);


}




/* artikel desktop */
.news--content-header {
	display: flex;
	flex-direction: column;
}


/* LELANG */

.news--auction-content {
	margin: 2rem 0;
}

.news--auction-content table th {
	font-weight: 400;
	padding: .5rem 1rem;
}

#tbody .auction--td {
	padding: 1rem;
}

#tbody .auction--tr {
	border-bottom: 1px #D8D8D8 solid;
}



/* newCar */
.list-company {
	background: #FFFFFF;
	padding: 2.5rem 1rem;
}

.list-company {
	padding: 1rem;
}

.list-company .thumbnail {
	background: #FFFFFF;
	border: 1px solid #D8F1F5;
	box-sizing: border-box;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	width: 100%;
	margin-bottom: 2rem;
}

.list-company .thumbnail .paragraph {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 14px !important;
	line-height: 16px;
	color: #535353;
}

.list-company .thumbnail img {
	height: 146px;
	object-fit: contain !important;
	width: 50%;
	border-radius: 5px 5px 0px 0px;
	display: block;
	margin: auto;
}

.list-company .thumbnail .thumbnail-info {
	padding: .5rem;
}

.list-company .thumbnail .thumbnail-info .type {

	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	/* or 167% */
	display: flex;
	align-items: center;
	color: #1B4D7C;
}

.list-company .thumbnail .thumbnail-info .title {

	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 36px;
	display: flex;
	align-items: center;
	color: #000000;
}

body.front-end .newCar--page-content {
	background: #ffffff;
	padding: 0 1rem;
}

body.front-end .padding-astari {
	padding: 0 1rem 0 1rem;
}

body.front-end .newCar--page-content .newCar--card {
	background: #fff;
	border: 1px solid #007F9F;
	border-radius: 10px;
	top: -7rem;
	position: relative;
}

body.front-end .newCar--page-content .newCar--card .newCar--title {
	align-items: center;
	justify-content: right;
	margin: 1rem 0;
	padding: 1rem 2rem;
}

body.front-end .newCar--page-content .newCar--card .newCar--title h1 {

	font-style: normal;
	font-weight: bold;
	font-size: 26px !important;
	line-height: 125%;
	align-items: center;
	color: #1B4D7C;
}

body.front-end .newCar--page-content .newCar--card .newCar--title p.blueLight {
	color: #1B4D7C;

	font-style: normal;
	font-weight: normal !important;
	font-size: 18px !important;
	line-height: 125%;
	display: flex;
	align-items: flex-end;
	color: #3BB7B4;
	letter-spacing: 0 !important;
}

body.front-end .newCar--page-content p.blackBold {

	font-style: normal;
	letter-spacing: 0 !important;
	text-transform: none !important;
	align-items: center;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #000000;
	font-weight: 600 !important;
	font-size: 12px !important;
	line-height: 22px;
	align-items: center;
	margin-top: -73px;
	position: absolute;
	margin-right: 3px;
	margin-left: 3px
}

body.front-end .newCar--page-content p.darkGray {

	font-style: normal;
	letter-spacing: 0 !important;
	text-transform: none !important;
	align-items: center;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #545454;
	font-weight: normal !important;
	font-size: 12px !important;
	line-height: 22px;
	align-items: center;
	margin-top: -3rem;
	position: absolute;
	margin-right: 3px;
	margin-left: 3px
}

body.front-end .newCar--page-content .newCar--card .tab-pane {

	padding: 1rem;
}

body.front-end .newCar--page-content .newCar--card .tab-pane hr {
	background: #F4F4F4;
	margin: 2rem 0;
}

body.front-end .newCar--page-content .newCar--card .nav {
	justify-content: center;
}

body.front-end .newCar--page-content .newCar--card .nav-tabs .nav-link.active {
	border: none;
	border-bottom: 2px solid #007F9F;
	color: #007F9F;
	justify-content: center;
}

body.front-end .newCar--page-content .newCar--card .nav-tabs .nav-link {
	border: none;
	font-weight: 400;
	color: #8E8E8E;
}

body.front-end .btnAction {
	display: flex;
	/* flex-direction: row; */
	/* justify-content: center; */
	/* align-items: center; */
	flex-shrink: 0;
	margin-bottom: 2rem;
	width: 100%;
	max-width: 100%;
	padding: 0rem 1rem;
	align-content: space-evenly;
	flex-shrink: 0;

}

body.front-end .btnAction button {
	margin: 0 .5rem;
}

body.front-end .btnAction button img {
	margin-right: 6px;
}

body.front-end button.download-pdf {
	background: #05A5B3;
	border: none;
	font-weight: 600;
	font-size: 12px;
	border-radius: 5px !important;
	color: #fff;
	display: flex;
	justify-content: center;
	width: 100%;
	font-family: 'Open Sans';
	padding: 16px !important;
	padding-top: 20px !important;
	padding-right: 7px !important;
}

body.front-end button.share-file {
	background: #FF9900;
	border: none;
	font-weight: 600;
	font-size: 12px;
	padding: 0.75rem 1rem;
	border-radius: 5px !important;
	color: #fff;
	display: flex;
	justify-content: center;
	width: 100%;
	font-family: 'Open Sans';
	padding: 16px !important;
	padding-top: 20px !important;
}

/* product and promo */
body.front-end .image-astari {
	width: 5rem;
}

body.front-end .filter-location {
	padding: 0;
	justify-content: start;
	margin-top: -1rem !important;
}

body.front-end .filter-location.produk {
	margin-top: 0rem;
	margin-left: 0rem;
	margin-right: 0rem;
}

body.front-end .no-promo {
	padding: 2rem 192px 1rem 80px;
	justify-content: center;
}

body.front-end .filter-location p {
	color: #000 !important;
	font-weight: 400 !important;
	padding-top: 1rem !important;
	margin-bottom: -0.5rem;
}

body.front-end .filter-location .select-filter {
	margin: 0 !important;
	width: 20% !important;
	margin-left: 20px !important;
	background: #FFFFFF;
	border: 1px solid #C4C4C4 !important;
	box-sizing: border-box;
	border-radius: 25px;
	margin-top: 7px !important;
	padding-top: 8px;
	padding: .75rem 1rem;
	height: 40px;
	display: block;
	font-size: .8rem !important;

}

body.front-end .background-bluelight {
	background: #F1F5F8 !important;
	margin-top: -2rem !important;
	padding: 1rem 0rem 1px 0rem;
}

body.front-end .subtitle-product {
	color: #3DB9CC;
	font-weight: 700;
	display: flex;
	font-family: 'Open Sans';
	font-size: 16px !important;
	line-height: 20px;
	display: flex;
	justify-content: left;
	text-align: left;
	padding: 3.3rem 1rem;
	text-decoration: none;
	position: absolute;
	margin-top: -3rem;
	/* z-index: 3000; */
	text-transform: uppercase;
}

body.front-end .subtitle-product:hover {
	color: #3DB9CC;
	font-weight: 700;
	display: flex;
	font-family: 'Open Sans';
	font-size: 16px !important;
	line-height: 20px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

body.front-end .detail-promo--breadcrumb {
	align-items: baseline;
	background-color: #F1F5F8;
	color: #A0A0A0;
	display: flex;
	cursor: pointer;
	padding: 6rem 192px 1rem 80px !important;
}

body.front-end .detail-promo--breadcrumb a {
	margin: 0 .5rem;
	cursor: pointer;
	text-decoration: none;
	white-space: nowrap;

	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 21px;
	align-items: center;
	text-transform: uppercase;
	color: #05A5B3;
}

body.front-end .detail-promo--breadcrumb p {
	color: #000000;
	/* margin: 0 .5rem; */
	cursor: pointer;
}

body.front-end .detail-promo--content p.black {

	font-style: normal;
	letter-spacing: 0 !important;
	text-transform: none !important;
	align-items: center;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #000000;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 22px;
	align-items: center;
}

body.front-end .detail-promo--content ul.blackBold {

	font-style: normal;
	letter-spacing: 0 !important;
	text-transform: none !important;
	align-items: center;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #000000;
	font-weight: 600 !important;
	font-size: 12px !important;
	line-height: 22px;
	align-items: center;
	padding-left: 1.5rem;
	margin-top: -14px
}

body.front-end .detail-promo--content p.blackBold {

	font-style: normal;
	letter-spacing: 0 !important;
	text-transform: none !important;
	align-items: center;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #000000;
	font-weight: 600 !important;
	font-size: 12px !important;
	line-height: 22px;
	align-items: center;
}

body.front-end .detail-promo--content p.blackThin {

	font-style: normal;
	letter-spacing: 0 !important;
	text-transform: none !important;
	align-items: center;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #000000;
	font-weight: 400 !important;
	font-size: 12px !important;
	line-height: 22px;
	align-items: center;
}

body.front-end .detail-content-product p {

	font-style: normal;
	letter-spacing: 0 !important;
	text-transform: none !important;
	align-items: center;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #000000;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 32px;
	align-items: center;
}

body.front-end .blackThinn {

	font-style: normal;
	letter-spacing: 0 !important;
	text-transform: none !important;
	align-items: center;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #000000;
	font-weight: normal !important;
	font-size: 12px !important;
	line-height: 20px;
	align-items: center;
	text-align: left;
}

body.front-end .detail-promo--breadcrumb p.black {

	letter-spacing: 0 !important;
	text-transform: none !important;
	align-items: center;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #000000;
	font-size: 11px !important;
	align-items: center;
	font-style: normal;
	font-weight: 600 !important;
	line-height: 20px;
	display: flex;
	align-items: center;
	color: #000000;
}

body.front-end .detail-promo--content .detail-promo--breadcrumb {
	cursor: pointer;
	padding: 5px !important;
	width: 17rem;
	background: #FFFFFF;

	box-sizing: border-box;
	border-radius: 50px;
}

body.front-end .detail-promo--content .detail-promo--breadcrumb p {
	color: #A0A0A0;
}

body.front-end .detail-promo--content h1 {
	font-style: normal;
	font-size: 26px !important;
	align-items: center;
}

body.front-end .information {
	margin: 2rem 1rem;
	margin-top: 0rem;
}

body.front-end .wrap-information {
	background: #F1F5F8;
	color: #1B4D7C;
	padding: 1rem 0 0 0;
	text-align: center;
	margin-top: 2.5rem;
	margin-bottom: 2rem;
}

body.front-end .promo-breadcrumb {
	background: #F1F5F8;
	color: #1B4D7C;
	text-align: left;
	padding-left: 1rem;
	padding-top: 5rem;
}

body.front-end .promo-breadcrumb .title-breadcrumb .gray {

	font-style: normal;
	font-weight: normal;
	font-size: 12px !important;
	line-height: 40px;
	align-items: center;
	color: #A0A0A0;
}

body.front-end .promo-breadcrumb .title-breadcrumb .black {

	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 40px;
	align-items: center;
	color: #000000;
}

body.front-end .information h2 {
	color: #F57B32;
	font-size: 1rem !important;
}

body.front-end .information p {
	color: rgba(51, 51, 51, 0.8);
	font-weight: 400;
}

body.front-end .information .row {
	margin-bottom: 1rem;
}

.list-promo {
	background: #FFFFFF;
	padding: 2.5rem 1rem;
}

.list-promo {
	padding: 0 1rem;
}

.list-promo .thumbnail {
	background: #FFFFFF;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	padding: 0rem;
	margin: 1rem 0;
	margin-top: 1rem;
}

.list-promo .thumbnail img {
	height: 174px;
	object-fit: cover;
	width: 100%;
	border-radius: 5px 5px 0px 0px;
}

.list-promo .thumbnail .thumbnail-info {
	padding: .9rem .5rem;
}

.list-promo .thumbnail .thumbnail-info .type {

	font-style: normal;
	font-weight: normal;
	font-size: 17px;
	line-height: 20px;
	/* or 167% */

	align-items: center;
	color: #1B4D7C;
}

.list-promo .thumbnail .thumbnail-info .title {

	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 36px;
	display: flex;
	align-items: center;
	color: #000000;
}

body.front-end .article-text {
	padding: .9rem .5rem;
}

body.front-end .article-text .type {

	font-family: 'Open Sans';
	font-style: normal;
	font-weight: bold !important;
	font-size: 16px !important;
	line-height: 24px !important;
	color: #1B4D7C !important;
}

body.front-end .article-text .title {

	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 14px !important;
	line-height: 20px !important;
	color: #007F9F !important;
}

body.front-end .product--header {
	background-image:
		linear-gradient(to right, rgb(0, 127, 159, 0.55), rgb(5, 165, 179, 0.55)),
		url('../static/info/banner-product.png');
	background-size: cover;
	padding: 8rem 0 3rem 0;
	text-align: center;
}

body.front-end .promo--header {
	background: url('../static/info/banner-product.png');
	background-size: cover;
	padding: 117px 192px 32px 80px;
	text-align: left;
}

body.front-end .product--header h1 {
	font-weight: 700;
}

body.front-end .list-car-one {
	background: url('../static/product/new-car-matrix.jpg');
	background-size: cover;
	padding: 8rem 0 3rem 0;
	text-align: center;
	border-radius: 0px 35px 0px 0px;
	margin-top: -8px !important;
	margin-bottom: 2rem !important;
	height: 196px;
}

body.front-end .list-car-one .description-list-car {

	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 125%;
	color: #FFFFFF;
	text-align: left;
	padding-left: 1rem;
	width: 9rem;
}

body.front-end .list-car-one .button-list-car {
	background: linear-gradient(0deg, #FD930A, #FD930A);
	border-radius: 35px;
	color: #fff;
	padding: .75rem 2rem;
	width: 10rem;
	margin-left: .75rem;
}

body.front-end .list-car-one .button-list-car a {
	color: #fff;
}

body.front-end .list-car-one h1 {
	font-weight: 600;
	font-size: 16px !important;
	text-align: left;
	padding-left: 1rem;
	margin-top: -4rem;
}

body.front-end .list-car-one img {
	width: 44.32px;
	position: absolute;
	content: left;
	left: 0;
	margin-left: 1rem;
	margin-top: -3rem;
}

body.front-end .list-car-one-image {
	height: 200px;
	object-fit: cover;
	width: 100%;
}


body.front-end .list-car-two {
	background: url('../static/product/lease-car-matrix.jpg');
	background-size: cover;
	padding: 8rem 0 3rem 0;
	text-align: center;
	border-radius: 35px 0px 0px 0px;
	margin-top: -8px !important;
	margin-bottom: 2rem !important;
	height: 196px;
}

body.front-end .list-car-two .description-list-car {

	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 125%;
	color: #FFFFFF;
	text-align: right;
	padding-right: 1rem;
	width: 10rem;
	position: absolute;
	right: 0;
}

body.front-end .list-car-two .button-list-car {
	background: linear-gradient(0deg, #FD930A, #FD930A);
	border-radius: 35px;
	color: #fff;
	padding: .75rem 2rem;
	width: 10rem;
	position: absolute;
	right: 0;
	margin-top: 2rem;
	margin-right: .75rem;
}

body.front-end .list-car-two .button-list-car a {
	color: #fff;
}

body.front-end .list-car-two h1 {
	font-weight: 600;
	font-size: 16px !important;
	text-align: right;
	padding-right: 1rem;
	margin-top: -4rem;
}

body.front-end .list-car-two img {
	width: 44.32px;
	position: absolute;
	content: left;
	right: 0;
	margin-right: 1rem;
	margin-top: -3rem;
}

body.front-end .list-car-two-image {
	height: 200px;
	object-fit: cover;
	width: 100%;
}

body.front-end .list-car-three {
	background: url('../static/product/komersil-car-matrix.png');
	background-size: cover;
	padding: 8rem 0 3rem 0;
	text-align: center;
	border-radius: 0px 35px 0px 0px;
	margin-top: -8px !important;
	margin-bottom: 2rem !important;
	height: 196px;
}

body.front-end .list-car-three .description-list-car {

	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 125%;
	color: #FFFFFF;
	text-align: left;
	padding-left: 1rem;
	width: 10rem;
}

body.front-end .list-car-three .button-list-car {
	background: linear-gradient(0deg, #FD930A, #FD930A);
	border-radius: 35px;
	color: #fff;
	padding: .75rem 2rem;
	width: 10rem;
	margin-left: .75rem;
}

body.front-end .list-car-three .button-list-car a {
	color: #fff;
}

body.front-end .list-car-three h1 {
	font-weight: 600;
	font-size: 16px !important;
	text-align: left;
	padding-left: 1rem;
	margin-top: -4rem;
}

body.front-end .list-car-three img {
	width: 44.32px;
	position: absolute;
	content: left;
	left: 0;
	margin-left: 1rem;
	margin-top: -3rem;
}

body.front-end .list-car-three-image {
	height: 200px;
	object-fit: cover;
	width: 100%;
}

body.front-end .product--tabs .nav-pills .nav-link {
	font-size: 12px !important;
	background-color: #F1F5F8 !important;
	border-radius: 5px;
	color: #A0A0A0 !important;
	margin: .3rem;
}

body.front-end .product--tabs .nav-pills .nav-link.active {
	color: #234987 !important;
	background: #FFFFFF !important;
	border: 1px solid #234987;
	box-sizing: border-box;
	border-radius: 5px;
}

body.front-end .product--header-image {
	height: 200px;
	object-fit: cover;
	width: 100%;
}

body.front-end .section-flex {
	display: block;
}

body.front-end .section-flex-promo {
	display: block;
}

body.front-end .title-list-promo h5 {

	font-style: normal;
	font-weight: 600;
	margin-top: -1rem;
	padding-bottom: 0rem;
	font-size: 18px !important;
	line-height: 30px;
	/* or 500% */
	align-items: center;
	text-align: center;
	color: #1B4D7C;
}

body.front-end .mobil-mall-content--section {
	background: #F1F5F8;
	color: #1B4D7C;
	padding: 1rem 0 0 0;
	text-align: center;
}

body.front-end .mobil-mall-content--section .tab-content {
	background: #ffffff;
	padding: 1rem;
}

body.front-end .mobil-mall-content--section .tab-content img {
	width: 100%;
}

body.front-end .mobil-mall-content--section .tab-content iframe {
	height: 300px;
	max-width: 100%;
	width: 100%;
}

body.front-end .promo-carousel--section .swiper-slide-share-button {
	align-items: center;
	background: transparent;
	padding: 0 !important;
	width: 95px;
	height: 33.93px;
	border: 1px solid #FFFFFF;
	box-sizing: border-box;
	filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.25));
	border-radius: 5px !important;
	box-sizing: border-box;
	color: #fff;
	display: flex;
	flex-direction: row;
	font-size: 14px;
	margin: auto;
	bottom: 7vh;
	left: 65vw;
	position: fixed;
}

body.front-end .promo-carousel--section .swiper-slide-share-button:hover {
	cursor: pointer;
}



body.front-end .promo-carousel--section .swiper-slide-share-button img {
	height: 100% !important;
	padding: 1px;
	margin-right: .1rem;
	margin-top: -3px;
	width: 18% !important;
	border-radius: 0 !important;
}




/* BPKB */
/* body.front-end .service-info--wrapper .assurance--header.payment.BPKB {
    background:
    url('../static/info/background-bpkb-new-rotate.png'),
		linear-gradient(131.89deg, rgba(241, 245, 248, 0.5) 8.07%, rgba(59, 183, 180, 0) 70.97%),
		linear-gradient(53.18deg, #007F9F 12.87%, #05A5B3 42.54%, #3BB7B4 73.76%);
    background-repeat: no-repeat;
    background-size: inherit;
    background-position: right top;
    color: #fff;
    padding: 2rem 4rem;
  } */
.card-input-file {
	padding: 1rem 3rem 1rem 3rem;
	background: #F1F5F8;
	border: 1px solid #A0A0A0;
	border-radius: 6px;
}

.btn-file {
	position: relative;
	overflow: hidden;
	background: #FFFFFF !important;
	border: 1px solid #C4C4C4 !important;
	color: black;
	font-weight: 600;
	width: 100%;
}

.btn-file input[type=file] {
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	background: red;
	cursor: inherit;
	display: block;
	color: black;
	font-weight: 600;
}

.file-input-label {
	padding: 0px 10px;
	display: table-cell;
	vertical-align: middle;
	border: 1px solid #ddd;
	border-radius: 4px;
	color: black;
	font-weight: 600;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
	position: absolute;
	left: -9999px;
}

[type="radio"]:checked+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #000;
}

[type="radio"]:not(:checked)+label {
	position: relative;
	padding-left: 28px;
	cursor: pointer;
	line-height: 20px;
	display: inline-block;
	color: #A0A0A0;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 18px;
	height: 18px;
	background: #FFFFFF;
	box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.25);
	border-radius: 100%;
	background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
	content: '';
	/* width: 10px;
	height: 10px; */
	/* background: #1469C7; */
	width: 14px;
	height: 14px;
	background: #3DB9CC;
	position: absolute;
	/* top: 4px;
	left: 4px; */
	top: 2px;
	left: 2px;
	border-radius: 100%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
	opacity: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
}

[type="radio"]:checked+label:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


@media (min-width: 1025px) {
	.is-desktop-faq {
		display: block;
		margin-left: 80px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-right: 0px !important;
	}

	.is-mobile-faq {
		display: none;
	}

	.m-4.desktop-m-5 {
		margin-right: 8rem !important;
		margin-left: 8rem !important;
	}


	.image-header {
		height: 380px !important;
		object-fit: cover;
		border-radius: 10px;
		width: 100%;
	}
}

body.front-end #accordion .card-header a[aria-expanded="true"] {
	float: right;
	padding: 10px 12px !important;
	content: "";
	background-image: url("./static/icons/close-green.svg");
}

body.front-end #accordion .card-header a[aria-expanded="false"].collapsed {
	background-image: url("./static/icons/plus-green.svg");
	float: right;
	padding: 7px 11px !important;
	content: "";
}

body.front-end .card-terms-style:hover[aria-expanded="false"] {
	background: linear-gradient(90deg, #BEE8EE 0%, #B1CDEC 100%);
}

body.front-end .card-terms-style[aria-expanded="false"] {
	border: 1px #D8D8D8 solid;
	background: #FFFFFF;
	border-radius: 3px 30px 3px 3px !important;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
	align-items: center;
	justify-content: space-between;
	display: inline-flex;
}

body.front-end .card-terms-style[aria-expanded="true"] {
	background: #339AAA;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
	border: 1px solid #D8D8D8;
	border-radius: 3px 25px 0px 0px !important;
	align-items: center;
	color: #FFFFFF;
	justify-content: space-between;
	display: inline-flex;
}

/* accordionkategori */
body.front-end #accordion-kategori .card-header-kategori[aria-expanded="true"] {
	height: 64px;
	width: 328px;
	background: linear-gradient(90deg, #3DB9CC 0%, #9EDCE5 100%);
	box-shadow: 0px 4px 8px rgba(154, 181, 188, 0.3);
	border-radius: 4px;
	padding: 20px 16px !important;
	display: flex;
	margin: 16px 0px;
	align-items: center;
}

body.front-end #accordion-kategori .card-header-kategori[aria-expanded="false"] {
	height: 64px;
	width: 328px;
	background: linear-gradient(90deg, #3B82D0 0%, #5DC5D4 100%);
	box-shadow: 0px 4px 8px rgba(154, 181, 188, 0.3);
	border-radius: 4px;
	padding: 20px 16px !important;
	display: flex;
	align-items: center;
	margin: 16px 0px;
}

body.front-end .card-terms-style-kategori p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 20px !important;
	line-height: 28px;
	padding: 1px 17px;
	margin-bottom: 0px;
	color: #FFFFFF !important;
}

body.front-end .card-terms-style-kategori img {
	width: 24px;
	height: 24px;
}




body.front-end .space-desktop-right {
	padding: 1rem 1rem 1rem 1rem !important;
}

body.front-end .padding-desc-produk {
	padding: 1rem 1rem 1rem 1rem !important;
}

body.front-end .space-desktop-right-fina {
	padding: 0rem 0rem 0rem 0rem;
	margin-top: 0px;
}

body.front-end .space-desktop-right-csr {
	padding: 0rem 0rem 0rem 0rem;
	margin-top: 0px;
}

body.front-end .space-desktop-csr-header {
	padding: 0rem 0rem 0rem 0rem;
	margin-top: 0px;
}

body.front-end .space-desktop-right-pengkinian-data {
	padding: 0rem 0rem 0rem 0rem;
}

body.front-end .card-doc {
	background: #FF9900;
	border-radius: 7px;
}

body.front-end .card-kelengkapan {
	background: linear-gradient(131.89deg, rgba(241, 245, 248, 0.5) 8.07%, rgba(59, 183, 180, 0) 70.97%), linear-gradient(53.18deg, #007F9F 12.87%, #05A5B3 42.54%, #3BB7B4 73.76%);
	background-size: cover;
	border-radius: 7px;
	color: #fff;
	font-size: 1.25rem !important;
	height: 32vh;
	width: 100% !important;
	padding: 14px 1px 1px 7px;
}

body.front-end .card-profile {
	background: #F1F5F8;
	background-size: cover;
	border-radius: 7px;
	color: #fff;
	font-size: 1.25rem !important;
	width: 100%;
	height: 140px !important;
	padding: 14px 1px 1px 7px;
}

body.front-end .card-profile:hover {
	background: #FD930A;
}

body.front-end .card-kelengkapan .background-image {
	position: absolute;
	right: 0;
	width: 10rem;
}

body.front-end .card-profile .background-image {
	position: absolute;
	right: 0;
	width: 7rem;
}

body.front-end .card-syarat .background-image {
	position: absolute;
	right: 0;
	width: 55%;
	height: 100%;
	bottom: -39px;
}

body.front-end .card-doc-bpkb {
	min-height: unset !important;
	background-position: right bottom !important;
	background-size: 10rem !important;
	background-repeat: no-repeat !important;
	color: #000000;
	font-size: 1rem;
	font-weight: 400;
	background: linear-gradient(180deg, #D6E1F1 0%, #FFFFFF 71.22%) !important;
}

body.front-end .card-doc-bpkb img {
	position: absolute;
	opacity: 25%;
	right: 0;
	bottom: 0;
	width: 206px !important;
	height: 217px !important;
}

body.front-end .card-doc-refinancing {
	background: #F1F5F8 url('../static/info/contoh.png') !important;
	min-height: unset !important;
	background-position: right bottom !important;
	background-size: 20rem !important;
	background-repeat: no-repeat !important;
	color: #000000;
	font-size: 1rem;
	font-weight: 400;
}

body.front-end .card-doc .card-title {
	color: #fff;
	height: 1rem;
}

body.front-end .card-terms .card-title {
	color: #fff;
	height: 1rem;
}

body.front-end .card-terms {
	background: #007F9F;
	border-radius: 7px;
}

body.front-end .card-saham-1 .card-title {
	color: #fff;
}

body.front-end .card-saham-1 {
	background:
		url('../static/tentang-kami/bg-saham.png');
	border-radius: 7px;
	width: 100%;
	height: 100%;
	background-size: cover;
	position: relative;
}

body.front-end .card-saham-11 {
	background-color: #007F9F;
	border-radius: 7px;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 77%;
}

body.front-end .card-saham-2 .card-title {
	color: #fff;
}

body.front-end .card-saham-2 {

	border-radius: 7px;
	width: 100%;
	height: 212px;
	background-size: cover;
	position: relative;
}

body.front-end .card-saham-22 {
	background-color: #FF9900;
	border-radius: 7px;
	width: 100%;
	top: 0;
	height: 212px;
	position: absolute;
	opacity: 77%;
}



/* INFORMASI */

body.front-end .info--header {
	background: linear-gradient(45deg, rgba(0, 127, 159, 0.55) 0%, rgba(5, 165, 179, 0.55) 35%, rgba(59, 183, 180, 0.55) 100%),
		url('../static/info/header-bg.jpg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom;
	padding: 6rem 0 2rem 0;
	text-align: center;
	color: white;
}

body.front-end .info--header h1 {
	font-weight: 700;
	margin-bottom: 0 !important;
}

body.front-end .info--header-image {
	height: 200px;
	object-fit: cover;
	width: 100%;
}

body.front-end .info--content {
	padding: 0;
}

body.front-end .info-cards--wrapper {
	margin: 2rem 0;
}

body.front-end .info--content .info-cards--wrapper .info-card {
	border-radius: 10px;
	padding: 1rem;
	min-height: 150px;
	color: white;
	font-size: 1rem;
	flex-direction: column;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 1.5rem;
}

body.front-end .info--content .info-cards--wrapper .info-card img {
	margin-bottom: 2rem;
}

body.front-end .info--content .info-cards--wrapper .info-card.bpkb {
	background: url('../static/info/bpkb.jpg');
	background-size: cover;
}

body.front-end .info--content .info-cards--wrapper .info-card.stnk {
	background: url('../static/info/stnk.jpg');
	background-size: cover;
}

body.front-end .info--content .info-cards--wrapper .info-card.assurance {
	background: url('../static/info/asuransi.jpg');
	background-size: cover;
}

body.front-end .info-cards--wrapper .info-card.pelunasan {
	background: url('../static/info/pelunasan.jpg');
	background-size: cover;
}

body.front-end .info-cards--wrapper .info-card.angsuran {
	background: url('../static/info/angsuran.jpg');
	background-size: cover;
}

body.front-end .info-cards--wrapper .info-card.kelengkapan {
	background: url('../static/info/kelengkapan.jpg');
	background-size: cover;
}

body.front-end .info-cards--wrapper .info-card.pengkinian {
	background: url('../static/info/pengkinian.jpg');
	background-size: cover;
	max-width: 45%;
}

/* Pengkinian */
body.front-end .pengkinian-card-breadcrumb {
	height: 12.5rem;
	margin-bottom: 2rem;
}

body.front-end .margin-breadcrumb {
	margin-left: 0rem;
}

body.front-end .pengkinian-card-breadcrumb .pengkinian--breadcrumb {
	align-items: baseline;
	display: flex;
	justify-content: flex-start;
	padding: 5rem .5rem 1rem;
}

body.front-end .wrap-content-pengkinian {
	background: linear-gradient(180deg, #FFFFFF 20.45%, rgba(177, 205, 236, 0.6) 100%);
	height: auto;
	/* margin-bottom: 41rem */
}

body.front-end .content-pengkinian-informasi .card-pengkinian-informasi {
	background: #F4F4F4;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	top: -1rem;
	padding: 1rem;
	position: relative;
	margin: 1rem 1rem 0rem 1rem;
}

body.front-end .content-pengkinian-informasi .card-pengkinian-detail-informasi {
	margin-top: 2rem;
	box-shadow: none;
	background: #fff;
	width: 82%;
	padding: 1rem 24px !important;
	border-radius: 0px 0px 25px 25px;
	top: 1rem;
	padding: 2rem 0 0 0;
	position: relative;
	margin: 1rem 1rem 0rem 1rem;
}

body.front-end .content-pengkinian-informasi .card-pengkinian-detail-informasi h1 {
	color: #000000;
}

body.front-end .content-pengkinian-informasi .card-pengkinian-detail-informasi h4 {
	color: #3A3A3A;
	line-height: 1.2rem;
}

body.front-end .content-pengkinian-informasi .card-pengkinian-informasi p.black {
	color: #000000;
}

body.front-end .content-pengkinian-informasi .card-pengkinian-detail-informasi p.black {
	color: #000000;
}

body.front-end .content-pengkinian-informasi .card-pengkinian-informasi p.blue {
	color: #007F9F;
	text-decoration: underline;
}

body.front-end .content-pengkinian-informasi .card-pengkinian-informasi p.blue-no-underlined {
	color: #007F9F;
}

body.front-end .content-pengkinian-informasi .card-pengkinian-informasi p.edit-lineheight {
	line-height: 6px !important;
}

body.front-end .content-pengkinian-informasi {
	background: #ffffff;

	margin-bottom: 2rem;
}

body.front-end .main-wrap {
	background: #fff;
	padding: 0rem 0rem 0rem 0rem;
}

body.front-end .hover-ongoing:hover .img-ongoing {
	display: block;
}

body.front-end .hover-ongoing:hover .login-ongoing {
	display: block;
	color: #fff;
	font-weight: 600 !important;
}

body.front-end .hover-ongoing .login-ongoing {
	display: none;
}

/* LAYANAN ASURANSI */
body.front-end .assurance--header {
	background:
		url('../static/info/assurance-header-bg.png'),
		linear-gradient(180deg, #0D4685 -17.69%, rgba(126, 208, 221, 0.5) 100%);

	background-repeat: no-repeat;
	background-size: inherit;
	background-position: right;
	color: #fff;
	/* min-height: 400px; */
	padding: 7.7rem 1rem 1rem 1rem;
}

body.front-end .style-card-klaim {
	border: 1px solid #05A5B3;
	border-radius: 20px;
}

body.front-end .assurance--breadcrumb {
	align-items: baseline;
	display: flex;
	justify-content: flex-start;
	padding: 5rem .5rem 1rem;
}

body.front-end .assurance--breadcrumb a {
	color: #fff;
	font-size: .85rem;
	font-weight: 400;
	margin: 0 .5rem;
	text-decoration: none;
	white-space: nowrap;
}

body.front-end .assurance--breadcrumb p {
	color: #fff;
	margin: 0 .5rem;
}

hr.header--white {
	width: 15%;
	border-width: 2px !important;
	border-top: 1px white solid !important;
	margin-left: 0 !important;
}

hr.header--gray {
	width: 15%;
	border-width: 1px !important;
	border: .8px solid #C4C4C4 !important;
	background-color: #c4c4c4;
	margin-left: 0 !important;
}

body.front-end .saham--tabs .nav-tabs .nav-link.active {
	border-bottom: 1.5px solid #007F9F;
	color: #fff;
	background: #007F9F;
	font-weight: 600;
	padding-left: 2rem;
	z-index: 5;
}

body.front-end .saham--tabs .nav-tabs .nav-link {
	font-weight: 400;
	color: #1B4D7C;
	border: none;
	border-radius: 0 !important;
	font-size: 14px !important;
	padding: 8px 6px;
	padding-left: 2rem;
	/* margin-left: -10px; */
	/* margin-right: 6px; */
	/* width: 13rem; */
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: left;
}

body.front-end .saham--tabs .nav {
	justify-content: center;
	height: 56px;
	display: block;
	margin-right: 0 !important;
	width: 100%;
}

body.front-end .saham--tabs .nav p {
	font-size: 16px;
	line-height: 32px;
}

body.front-end .sosmed--tabs .nav-tabs .nav-link.active {
	border-bottom: none;
	color: #124DB2;
	font-family: 'Open Sans';
	font-size: 20px !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: normal;
	background: #ffffff;
	font-weight: 600;
	padding-left: 2rem;
	z-index: 5;
	border-radius: 90px 0px 0px 90px !important;
	box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.10) inset;
	margin-bottom: 10px;
	margin-top: 10px;
}

body.front-end .sosmed--tabs .nav-tabs .nav-link.active p {
	color: #124DB2;
	font-family: 'Open Sans';
	font-size: 20px !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: normal;
	background: #ffffff;
	font-weight: 600;
	margin-bottom: 0;
}

body.front-end .sosmed--tabs .nav-tabs .nav-link {
	font-weight: 400;
	border: none;
	border-radius: 0 !important;
	padding: 8px 8px;
	padding-left: 2rem;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: left;
	color: #787878;
	font-family: 'Open Sans';
	font-size: 20px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 10px;
	margin-top: 10px;
}

body.front-end .sosmed--tabs .nav-tabs .nav-link p {
	color: #787878;
	font-family: 'Open Sans';
	font-size: 20px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 0px;
}

body.front-end .sosmed--tabs .nav {
	justify-content: center;
	height: 56px;
	display: block;
	margin-right: 0 !important;
	width: 100%;
	border-bottom: none;
}

body.front-end .sosmed--tabs .nav p {
	font-size: 16px;
	line-height: 32px;
}

body.front-end .FAQ--tabs .nav-tabs .nav-link.active {
	color: #fff;
	/* background: #007F9F; */
	font-weight: 600;
	border: none !important;
	padding: 16px !important;
	margin-top: 10px;
	z-index: 5;
	background: rgba(126, 208, 221, 0.2);
	border-radius: 5px !important;
	height: 52px;
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 20px !important;
	line-height: 20px;
	display: flex;
	align-items: center;
	color: #339AAA;
}

body.front-end .FAQ--tabs .nav-tabs .nav-link {
	color: #041528;
	/* background: #007F9F; */
	font-weight: 600;
	padding: 16px !important;
	z-index: 5;
	background: #ffffff;
	border-radius: 5px !important;
	height: 52px;
	font-family: 'Open Sans';
	font-weight: 600;
	font-size: 20px !important;
	line-height: 20px;
	display: flex;
	align-items: center;
}

body.front-end .FAQ--tabs .nav {
	justify-content: center;
	height: auto;
	display: block;
	margin-right: 0 !important;
	width: 95%;
	background: #FFFFFF;
	box-shadow: 0px 4px 8px rgb(154 181 188 / 30%);
	border-radius: 4px;
	padding: 0px 16px;
	padding-bottom: 10px;
}

body.front-end .FAQ--tabs .nav p {
	font-size: 16px;
	line-height: 32px;
}

body.front-end .tabs-desktop {
	height: 348px;
	background: #FFFFFF;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	padding: 0 !important;
	margin: 0 !important;
}

body.front-end .tabs-sosial-media {
	height: auto;
	background: #E4F8F9;
	border-radius: 0px 20px 20px 0px;
	margin: 0 !important;
	padding: 0rem 0rem 0rem 2rem;
}

body.front-end .tabs-desktop-detail {
	height: 185px;
	background: #FFFFFF;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	padding: 0 !important;
	margin: 0 !important;
}

body.front-end .assurance--tabs .nav-tabs .nav-link.active {
	color: #1158A6 !important;
	background: #FFFFFF;
	border-radius: 0px 0px 0px 0px !important;
	font-style: normal;
	font-weight: bold;
	font-size: 16px !important;
	line-height: 20px;
	justify-content: center;
	font-weight: 700;
	z-index: 5;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-image: linear-gradient(270deg, #9EDCE5 0%, #3DB9CC 100%) 1;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	padding: 2px;

}

body.front-end .assurance--tabs .nav-tabs .nav-link:hover {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), linear-gradient(90deg, #3DB9CC 0%, #9EDCE5 100%);
	color: #535353;
	font-weight: 600;
}

body.front-end .assurance--tabs .nav-tabs .nav-link {
	font-style: normal;
	font-weight: 400;
	font-size: 16px !important;
	line-height: 20px;
	color: #535353;
	background: #D8F1F5;
	border-radius: 0px 0px 0px 0px !important;
	padding: 8px 6px;
	/* margin-left: -8px;
		margin-right: 6px; */
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin: 0; */
}

body.front-end .assurance--tabs .nav {
	justify-content: center;
	height: 56px;
}

a#nav-change-tab {
	margin-left: -1rem;
}

body.front-end .settings--tabs .nav-tabs .nav-link.active {
	color: #1469C7 !important;
	background: #FFFFFF;
	border-radius: 0px 16px 0px 0px !important;
	box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.25);
	font-style: normal;
	font-weight: bold;
	font-size: 20px !important;
	line-height: 28px;
	justify-content: center;
	font-weight: 700;
	z-index: 5;
	padding: 2px;

}

body.front-end .settings--tabs .nav-tabs .nav-link:hover {
	color: #535353;
	font-weight: 700;
}

body.front-end .settings--tabs .nav-tabs .nav-link {
	font-style: normal;
	font-weight: 700;
	font-size: 20px !important;
	line-height: 28px;
	color: #717171;
	background: #ffffff;
	border-radius: 0px 16px 0px 0px !important;
	box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.25);
	padding: 8px 6px;
	/* margin-left: -8px;
		margin-right: 6px; */
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin: 0; */
}

body.front-end .settings--tabs .nav {
	justify-content: center;
	height: 88px;
}

body.front-end .assurance--tabs-career .nav-tabs .nav-link.active {
	color: #1469C7 !important;
	background: #FFFFFF;
	border-radius: 0px 0px 0px 0px !important;
	font-style: normal;
	font-weight: bold;
	font-size: 20px !important;
	line-height: 23px;
	justify-content: center;
	font-weight: 700;
	z-index: 5;
	border-bottom: 4px solid #1469C7;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	padding: 2px;

}

body.front-end .assurance--tabs-career .nav-tabs .nav-link:hover {
	background: transparent;
	color: #717171;
	font-weight: 600;
}

body.front-end .assurance--tabs-career .nav-tabs .nav-link {
	font-style: normal;
	font-weight: 700;
	font-size: 20px !important;
	line-height: 28px;
	color: #717171;
	background: #ffffff;
	border-radius: 0px 0px 0px 0px !important;
	padding: 8px 6px;
	/* margin-left: -8px;
		margin-right: 6px; */
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin: 0; */
}

body.front-end .assurance--tabs-career .nav {
	justify-content: space-around;
	height: 56px;
}

body.front-end .visi--tabs .nav-tabs .nav-link.active {
	color: #072342;
	background: #FFFFFF;
	border-radius: 8px 8px 0px 0px !important;
	font-style: normal;
	font-weight: bold;
	font-size: 22px !important;
	line-height: 32px;
	justify-content: center;
	font-weight: 700;
	z-index: 5;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-image: linear-gradient(270deg, #9EDCE5 0%, #3DB9CC 100%) 1;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	padding: 2px;

}

body.front-end .visi--tabs .nav-tabs .nav-link {
	font-style: normal;
	font-weight: 600;
	font-size: 22px !important;
	line-height: 32px;
	color: #717171;
	background: #D0E1F4;
	border-radius: 0px 0px 0px 0px !important;
	padding: 8px 6px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom-width: 3px;
	/* margin: 0; */
}

body.front-end .visi--tabs .nav {
	justify-content: center;
	height: 56px;
}

body.front-end .assurance.nav-tabs {
	border-bottom: none !important;
	width: 100%;
}

body.front-end .assurance.nav-tabs-settings {
	border-bottom: none !important;
	width: 100%;
}

body.front-end .assurance-type--content {
	background: #FFF9E7;
	color: black;
}

body.front-end .assurance-type--content h2 {
	color: black !important;
}

body.front-end .assurance-type--card img.odd-card {
	border-radius: 45px 5px 0px 0px;
}

body.front-end .assurance-type--card img.even-card {
	border-radius: 45px 5px 0px 0px;
}

body.front-end .is-guide {
	background: linear-gradient(3.98deg, #007F9F -74.81%, rgba(5, 165, 179, 0.46) 84.15%, rgba(5, 165, 179, 0) 129.73%);
	color: white;
	background-repeat: no-repeat;
	background-size: 100%;
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
	font-family: 'Open Sans';
}

body.front-end .image-bpkb {
	width: 100%;
	height: 490px;
	object-fit: contain;
	background-color: black;
	background-repeat: no-repeat;
}

body.front-end .guide--card {
	background: #F1F5F8;
	display: flex;
	align-items: flex-start;
	padding: 12px;
	margin-bottom: 1rem;
	border-radius: 10px;
}

body.front-end .guide--card-misi {
	display: inline-flex;
	align-items: flex-start;
	padding: 12px;
	margin-bottom: 1rem;
	border-radius: 10px;
	background: #F1F8FF;
}

body.front-end .guide-number {
	border-radius: 100%;
	background: #05A5B3;
	text-align: center;
	width: 38px;
	height: 37px;
	padding-top: 6px;
	color: white;
}

body.front-end .guide-number-misi {
	border-radius: 100%;
	background: #05A5B3;
	padding: 3px 4px;
	position: absolute;
	top: 17px;
	color: white;
}

body.front-end .guide-content {
	margin-left: 12px;
	font-size: 16px;
	line-height: 31px;
	margin-bottom: 0 !important;
	padding-left: 0;
}

body.front-end .claim-assurance h3 {
	color: #05A5B3;
	text-align: left;
	font-size: 20px !important;
	line-height: 28px !important;
	font-family: 'Open Sans';
}

body.front-end .claim-assurance span {
	font-size: 18px !important;
	font-weight: 600 !important;
	text-align: left;
}

body.front-end .bottom-tabs {
	justify-content: center;
}

body.front-end .bottom-tabs p {
	text-align: center;
}

body.front-end .bottom-tabs a.mail {
	padding: 1rem;
	background: #3DB9CC;
	border-radius: 28px;
	margin-right: 11px !important;
	margin-bottom: 1rem;
	display: flex;
	justify-content: center;
}

/* LOGOUT */
body.front-end .log-out {
	margin-top: -6rem;
	margin-left: 2rem;
	transform: rotate(180deg);
	direction: rtl;
	position: absolute;
}

body.front-end .log-out .chat__message {
	font-size: 12px;
	padding: 0px 20px;
	border-radius: 15px;
	color: #fff;
	background: #05A5B3;
	cursor: pointer;
	max-width: 600px;
	height: 30px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	position: relative;
	margin: 93px -97px;
	word-break: break-all;
	transform: rotate(180deg);
	direction: ltr;
}

body.front-end .log-out .chat__message::after {
	content: "";
	width: 20px;
	height: 12px;
	cursor: pointer;
	display: block;
	background-image: url(../static/product/icon-gray.png);
	background-repeat: no-repeat;
	transform: rotate(162deg);
	background-position: center;
	background-size: contain;
	position: absolute;
	bottom: 26px;
	left: 60px;

}

/* astari */
body.front-end .close-astari {
	background: none;
	/* bottom: 3rem; */
	z-index: 10001;
	color: #C4C4C4;
	font-size: 1rem !important;
	right: 15px;
	top: 1px;
	position: absolute;
	border: none;
	padding: 0 0;
}

body.front-end .chat-astari {
	transform: rotate(180deg);
	direction: rtl;
	position: relative;
	/* top: 245%;
    right: 152%; */
	top: 65px;
	right: 65px;
	/* width: 50px; */
	display: block;
}

body.front-end .chat-astari .text-blue {
	color: #05A5B3;
}

body.front-end .chat-astari .chat__message-astari {
	display: none;
	font-size: 12px;
	padding: 14px 20px 45px 28px;
	border-radius: 10px;
	/* box-shadow: 0px 0px 10px #222; */
	color: #000;
	/* background: #ffffff; */
	background-image: url(../static/product/bubble.png);
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 600px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	position: relative;
	margin: 93px -97px;
	word-break: break-all;
	transform: rotate(180deg);
	direction: ltr;
}

body.front-end .chat-astari .chat__message .icon-bubble {
	content: "";
	width: 20px;
	height: 12px;
	display: block;
	background-image: url(../static/product/icon-astari-white-right.png);
	-webkit-filter: drop-shadow(2px 1px 1px #222);
	filter: drop-shadow(2px 1px 1px #222);
	background-repeat: no-repeat;
	transform: rotate(10deg);
	background-position: center;
	background-size: contain;
	position: absolute;
	bottom: -10px;
	right: 50px;

}

/* LOGIN */
body.front-end .chat {
	margin-top: -5rem;
	margin-left: 2rem;
	transform: rotate(180deg);
	direction: rtl;
	position: absolute;
}

body.front-end .chat .chat__message {
	font-size: 12px;
	padding: 7px 20px;
	border-radius: 15px;
	color: #fff;
	background: #05A5B3;
	max-width: 600px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	position: relative;
	margin: 93px -97px;
	word-break: break-all;
	transform: rotate(180deg);
	direction: ltr;
}

body.front-end .chat .chat__message::after {
	content: "";
	width: 20px;
	height: 12px;
	display: block;
	background-image: url(../static/product/icon-gray.png);
	background-repeat: no-repeat;
	transform: rotate(162deg);
	background-position: center;
	background-size: contain;
	position: absolute;
	bottom: 29px;
	left: 60px;

}

body.front-end .chat .chat__message.login-message {
	font-size: 12px;
	padding: 7px 20px;
	border-radius: 15px;
	color: #fff;
	background: #05A5B3;
	max-width: 600px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	position: relative;
	margin: 93px -84px;
	word-break: break-all;
	transform: rotate(180deg);
	direction: ltr;
}

body.front-end .chat .chat__message.login-message::after {
	content: "";
	width: 20px;
	height: 12px;
	display: block;
	background-image: url("../static/product/icon-gray.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: absolute;
	bottom: 28px;
	left: 55px;
	transform: rotate(162deg);
}

/* BPKB */
body.front-end .service-info--wrapper .assurance--header.BPKB {
	background:
		url('../static/info/bpkb-header-mb.png'),
		linear-gradient(131.89deg, rgba(241, 245, 248, 0.5) 8.07%, rgba(59, 183, 180, 0) 70.97%),
		linear-gradient(53.18deg, #007F9F 12.87%, #05A5B3 42.54%, #3BB7B4 73.76%);
	background-repeat: no-repeat;
	background-size: inherit;
	background-position: right bottom;
}

body.front-end .card-doc {
	background: #FF9900;
	border-radius: 7px;
}




body.front-end .card-doc .card-title {
	color: #fff;
}

body.front-end .card-terms .card-title {
	color: #fff;
}

body.front-end .card-terms {
	background: #007F9F;
	border-radius: 7px;
}

body.front-end .card-saham-1 .card-title {
	color: #fff;
}

body.front-end .card-saham-1 {
	background:
		url('../static/tentang-kami/bg-saham.png');
	border-radius: 7px;
	width: 100%;
	height: 100%;
	background-size: cover;
	position: relative;
}

body.front-end .card-saham-11 {
	background-color: #007F9F;
	border-radius: 7px;
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 77%;
}

body.front-end .card-saham-2 .card-title {
	color: #fff;
}

body.front-end .card-saham-2 {

	border-radius: 7px;
	width: 100%;
	height: 100%;
	background-size: cover;
	position: relative;
}

body.front-end .card-saham-22 {
	background-color: #FF9900;
	border-radius: 7px;
	width: 100%;
	height: 100%;
	/* position: absolute; */
	opacity: 77%;
}


body.front-end .image-header {
	height: 133px;
	object-fit: cover;
	border-radius: 10px;
	width: 100%;
}

body.front-end .background-accordion {
	background: #F1F5F8;
	border-radius: 0px 0px 35px 0px;
	margin-top: -1rem;
	margin-bottom: 1rem;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	padding-right: 4rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

body.front-end .background-accordion-radio {
	background: #FFFFFF;
	margin-top: -1rem;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}

/* LAYANAN PELUANASAN */
body.front-end .service-info--wrapper .assurance--header.payment {
	background:
		url('../static/info/pelunasan-header-mb.png'),
		linear-gradient(131.89deg, rgba(241, 245, 248, 0.5) 8.07%, rgba(59, 183, 180, 0) 70.97%),
		linear-gradient(53.18deg, #007F9F 12.87%, #05A5B3 42.54%, #3BB7B4 73.76%);
	min-height: unset !important;
	background-position: top right;
	background-size: cover;
	background-repeat: no-repeat;
}

body.front-end ul.info-pelunasan {
	list-style: none;
	padding: 0 !important;
}

body.front-end .service-info--wrapper ul.info-pelunasan li {
	color: #05A5B3;
	font-size: 18px;
	font-weight: 600;
}

body.front-end .service-info--wrapper ul.info-pelunasan li p {
	color: #000;
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
}

/* body.front-end .service-info--wrapper ul.info-pelunasan li::before {
		content: "\2022";
		color: #05A5B3;
		font-weight: bold;
		display: inline-block; 
		width: 12px;
		font-size: 1.5rem;
	} */

body.front-end a.mail-bpkb {
	color: rgba(0, 127, 159, 0.8);
	font-size: 16px !important;
	font-family: 'Open Sans';
}

body.front-end .service-info--wrapper .payment-proof {
	background: #F1F5F8;
	padding: 1rem;
	border: 1px #D8D8D8 solid;
}

body.front-end .service-info--wrapper .payment-proof strong {
	font-size: 16px;
}

/* STNK */
body.front-end .assurance--header.stnk {
	background:
		url('../static/info/stnk-header-mb.png'),
		linear-gradient(131.89deg, rgba(241, 245, 248, 0.5) 8.07%, rgba(59, 183, 180, 0) 70.97%),
		linear-gradient(53.18deg, #007F9F 12.87%, #05A5B3 42.54%, #3BB7B4 73.76%);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right bottom;
	color: #fff;
	/* min-height: 400px; */
	padding: 6rem 1rem 1rem 1rem;
}

body.front-end .stnk--breadcrumb {
	align-items: baseline;
	background-color: #F1F5F8;
	color: #A0A0A0;
	display: flex;
	justify-content: flex-start;
	padding: 6rem 1rem 1rem 1rem;
	flex-wrap: wrap;
}

body.front-end .breacrumb--global-blue {
	align-items: baseline;
	background-color: #F1F5F8;
	padding: 6rem 192px 1rem 80px !important;

}

body.front-end .breacrumb--global-white {
	align-items: baseline;
	background-color: #FFFFFF;
	padding: 6rem 192px 1rem 80px !important;
}

body.front-end .stnk--breadcrumb a {
	color: #A0A0A0;
	font-size: .85rem;
	font-weight: 400;
	margin: 0 .5rem;
	text-decoration: none;
	white-space: nowrap;
}

body.front-end .stnk--breadcrumb p {
	color: #000000;
	margin: 0 .5rem;
}

body.front-end .announcement {
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), linear-gradient(180deg, #FFE396 0%, #FCCA7F 100%);
}

body.front-end .announcement-stnk {
	background: #ffffff;
	padding: 2rem 1rem;
}

body.front-end .autodebet-step .step-title {
	color: #1B4D7C;
	padding-left: 5rem !important;
}

body.front-end .autodebet-step p {
	padding-left: 1rem !important;
}

ol.autodebet-step {
	counter-reset: my-awesome-counter;
	list-style: none;
	padding-left: 40px;
	margin-left: 0rem;
}

ol.autodebet-step li.main-list {
	margin: 0 0 0.5rem 0;
	counter-increment: my-awesome-counter;
	position: relative;
}

ol.autodebet-step li.main-list {
	margin: 0 0 0.5rem 0;
	height: auto;
	padding-left: 5rem;
	counter-increment: my-awesome-counter;
	position: relative;
	/* so that pseudoelements are positioned relatively to their "li"s*/
	/* use padding-bottom instead of margin-bottom.*/
	margin-bottom: 0;
	/* This overrides previously specified margin-bottom */
	padding-bottom: 1rem;
}

ol.autodebet-step li.main-list strong {
	color: #1B4D7C;
}

ol.autodebet-step li.main-list:after {
	content: 'Step \a ' counter(my-awesome-counter, decimal-leading-zero);
	white-space: pre-line;
	color: #FFFFFF;
	line-height: 20px;
	--size: 60px;
	left: calc(-1 * var(--size) - -60px);
	/* line-height: var(--size); */
	width: var(--size);
	font-size: 12px;
	font-weight: 400;
	height: var(--size);
	position: absolute;
	top: 0;
	background: #05A5B3;
	border-radius: 50%;
	text-align: center;
	padding: 10px;
}

ol.autodebet-step li.main-list:before {
	/* lines */
	content: "";
	position: absolute;
	/* left: calc(-1 * var(--size) - 10px); */
	left: 30px;
	border-left: 2px solid #05A5B3;
	height: 100%;
	width: 2px;
}

ol.autodebet-step li.main-list:first-child:before {
	top: 6px;
}

ol.autodebet-step li.main-list:last-child:before {
	height: 6px;
}

ol.inside-list {
	margin-left: -1.75rem;
	margin-top: -.5rem;
	font-weight: 400 !important;
}

body.front-end .va-payment--card {
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

body.front-end .va-search {
	font-size: 16px !important;
	background: #FFFFFF;
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
	border-radius: 3px 30px 3px 3px;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
}

body.front-end .content-search .title {
	font-weight: bold;
	font-size: 18px !important;
	color: #1B4D7C !important;
}

body.front-end .content-search .desc {
	font-weight: normal;
	color: #000000 !important;
	height: 5rem;
}

body.front-end .content-search .style-url {
	font-weight: normal;
	font-size: 14px !important;
	line-height: 18px !important;
	color: #05A5B3 !important;
}

.first-tab {
	border-radius: 5px 0 0 5px !important;
}

.last-tab {
	border-radius: 0 5px 5px 0 !important;
}

body.front-end .orange-button {
	background: linear-gradient(88.56deg, #007F9F 41%, #05A5B3 82.31%);
	border-radius: 28px;
	border: none;
	color: white;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 80%;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

ul.with-checkmark {
	list-style-image: url('../static/icons/check-green.svg');
	word-break: break-word;
}

.other-terms {
	border: 1px #D8D8D8 solid;
	border-radius: 3px;
	align-items: center;
	justify-content: space-between;
	display: inline-flex;
}

body.front-end #accordion .card-header a[aria-expanded="true"] {
	float: right;
	padding: .75rem;
	content: "";
	background-image: url("../static/info/arrow-white-form.svg");
}

body.front-end #accordion .card-header a[aria-expanded="false"].collapsed {
	background-image: url("../static/icons/arrow-down-blue-faq.svg");
	float: right;
	padding: 7px 11px !important;
	content: "";
}

body.front-end .card-terms-style[aria-expanded="false"] {
	border: 1px #D8D8D8 solid;
	background: #FFFFFF;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
	border-radius: 3px 30px 3px 3px !important;
	align-items: center;
	justify-content: space-between;
	display: inline-flex;
}

body.front-end .card-terms-style[aria-expanded="true"] {
	background: #339AAA;
	border: 1px solid #D8D8D8;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
	border-radius: 3px 25px 0px 0px !important;
	align-items: center;
	color: #FFFFFF;
	justify-content: space-between;
	display: inline-flex;
}






body.front-end #accordion-faq .card-header-faq a[aria-expanded="true"] {
	float: right;
	padding: .75rem;
	content: "";
	background-image: url("../static/icons/faq-min.svg");
}

body.front-end #accordion-faq .card-header-faq a[aria-expanded="false"].collapsed-faq {
	background-image: url("../static/icons/faq_plus.svg");
	float: right;
	padding: .75rem !important;
	content: "";
}

body.front-end .card-terms-style-faq[aria-expanded="false"] {
	border-bottom: 0.5px solid #A0A0A0;
	align-items: center;
	justify-content: space-between;
	display: inline-flex;
}

body.front-end .card-terms-style-faq[aria-expanded="true"] {
	border-bottom: 0.5px solid #A0A0A0;
	align-items: center;
	justify-content: space-between;
	display: inline-flex;
}

body.front-end .card-terms-style-faq p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500 !important;
	font-size: 24px;
	line-height: 20px;
	color: #0D4685;
}

body.front-end .card-terms-style-faq[aria-expanded="true"] p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 800 !important;
	font-size: 24px;
	line-height: 20px;
	color: #1469C7;
}

body.front-end #accordion-detail-sub .card-header-detail-sub a[aria-expanded="true"] {
	float: right;
	padding: 13px 12px !important;
	content: "";
	background-image: url("../static/info/arrow-white-form.svg");
}

body.front-end #accordion-detail-sub .card-header-detail-sub a[aria-expanded="false"].collapsed-detail-sub {
	background-image: url("../static/icons/arrow-down-blue-faq.svg");
	float: right;
	padding: 7px 11px !important;
	content: "";
}

body.front-end .card-terms-style-detail-sub[aria-expanded="false"] {
	background: #FFFFFF;
	border: 1px solid #D8D8D8;
	box-sizing: border-box;
	border-radius: 3px 25px 3px 3px;
	align-items: center;
	justify-content: space-between;
	height: 88px;
	display: inline-flex;
}

body.front-end .card-terms-style-detail-sub[aria-expanded="true"] {

	align-items: center;
	background: #339AAA;
	height: 88px;
	border-radius: 3px 25px 0px 0px;
	justify-content: space-between;
	display: inline-flex;
}

body.front-end .card-terms-style-detail-sub[aria-expanded="true"] p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #FFFFFF;
}

body.front-end .card-terms-style-detail-sub p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	color: #072342;
}


/* ANGSURAN */
body.front-end .assurance--header.angsuran {
	background:
		url('../static/info/angsuran-header-mb.png'),
		linear-gradient(131.89deg, rgba(241, 245, 248, 0.5) 8.07%, rgba(59, 183, 180, 0) 70.97%),
		linear-gradient(53.18deg, #007F9F 12.87%, #05A5B3 42.54%, #3BB7B4 73.76%);
	background-repeat: no-repeat;
	background-size: inherit;
	background-position: right bottom;
	color: #fff;
	/* min-height: 400px; */
	padding: 6rem 1rem 1rem 1rem;
}

body.front-end .installment {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: flex-start;
	background: #ffffff;
	border-radius: 10px;
	margin-bottom: 32px !important;

}

body.front-end .installment img {
	height: 50px;
	width: 50px;
}

body.front-end .visi-style {
	flex-direction: row;
	justify-content: flex-start;
	text-align: justify;
	align-items: flex-start;
	background-color: #fff;
	height: 100%;
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
	border-radius: 1px;
	color: black;
	border-radius: 8px;
	border: 1.5px solid transparent;
	/* border-width: 2px;
		border-style: solid;
		border-image: linear-gradient(360deg, #BEE8EE -9.31%, #F4F4F4 80.48%) 1; */

}

body.front-end .visi-style h1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #0D4685;
	height: 3.5rem;

}

body.front-end .visi-style p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #3A3A3A;
	text-align: left;

}

body.front-end .visi-style:hover h1 {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: #0D4685;
	height: 3.5rem;
}

body.front-end .visi-style:hover p {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #000000;
}

body.front-end .visi-style:hover {
	flex-direction: row;
	justify-content: flex-start;
	text-align: justify;
	align-items: flex-start;

	/* background:
		url('../static/tentang-kami/sahmmmm.png');
		background-repeat: no-repeat;
    background-size: cover; */
	height: 100%;
	color: black;
	border-radius: 8px;
	border: 1.5px solid #3db9cc;



}

body.front-end .nilai-style {
	flex-direction: row;
	background: #F1F8FF;
	justify-content: flex-start;
	text-align: justify;
	align-items: flex-start;
	border-radius: 7px;
	color: #545454;

}

body.front-end .strategi-style {
	flex-direction: row;
	background: #F1F8FF;
	justify-content: flex-start;
	text-align: left;
	align-items: flex-start;
	border-radius: 7px;
	color: #545454;

}

body.front-end .saham-style {
	flex-direction: row;
	background: #FFFFFF;
	box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
	justify-content: flex-start;
	text-align: justify;
	align-items: flex-start;
	border-radius: 7px;
	color: #545454;

}

body.front-end .visi-style img {
	height: 50px;
	width: 50px;
}

body.front-end .how-to--cards a.colored-card {
	position: relative;
	border-radius: 5px;
	width: 20vh;
	height: 10rem;
}

body.front-end .how-to--cards a.colored-card img {
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 10px;
}

body.front-end .fine--card {
	background: #F1F5F8;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	border-radius: 10px;
	align-items: flex-start;
}

body.front-end .fine--card img {
	width: 50px;
	height: 50px;
}

/* KELENGKAPAN FORM */
body.front-end .assurance--header.form {
	background:
		url('../static/info/kelengkapan-header-mb.png'),
		linear-gradient(131.89deg, rgba(241, 245, 248, 0.5) 8.07%, rgba(59, 183, 180, 0) 70.97%),
		linear-gradient(53.18deg, #007F9F 12.87%, #05A5B3 42.54%, #3BB7B4 73.76%);
	background-position: right;
	background-size: inherit;
	background-repeat: no-repeat;
	color: #fff;
	padding: 6rem 1rem 1rem 1rem;
}

.form--seacrh-bar {
	position: relative;
	margin: 1rem 0;
}

.form--seacrh-bar img {
	position: absolute;
	width: 20px;
	top: .75rem;
	left: 1rem;
}

.form--seacrh-bar input {
	width: 100%;
	padding: .75rem 2.5rem;
	border-radius: 25px;
	background: white;
	border: 1px white solid !important;
}

.form--seacrh-bar ::placeholder {
	color: #A0A0A0;
	padding-left: .5rem;
}

/*the container must be positioned relative:*/
body.front-end .custom-select {
	position: relative;
	border: none !important;
	width: 50%;
	background: none !important;
	padding: 0 !important;
	border-radius: 25px;
}

body.front-end .custom-select select {
	display: none;
	/*hide original SELECT element:*/
}

body.front-end .select-selected {
	background-color: #fff;
	border: 1px solid #C4C4C4;

}

/*style the arrow inside the select element:*/
body.front-end .select-selected:after {
	position: absolute;
	content: "";
	top: 14px;
	right: 10px;
	width: 0;
	height: 0;
	border: 6px solid transparent;
	border-color: #000 transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
body.front-end .select-selected.select-arrow-active:after {
	border-color: transparent transparent #000 transparent;
	top: 7px;
}

/*style the items (options), including the selected item:*/
body.front-end .select-items div,
.select-selected {
	color: #000;
	padding: 9px 16px;
	width: 100%;
	padding-bottom: 42px !important;
	height: 44px;
	cursor: pointer;
	user-select: none;
	border-radius: 25px;
	margin-top: -2px;
	padding-bottom: 15px;
}

/*style items (options):*/
body.front-end .select-items {
	position: relative;
	border-bottom: 1px solid #C4C4C4 !important;
	border-right: 1px solid #C4C4C4 !important;
	border-left: 1px solid #C4C4C4 !important;
	background-color: #fff;
	top: -39%;
	left: 0;
	right: 0;
	z-index: 99;
	border-radius: 0px 0px 25px 25px;
}

/*hide the items when the select box is closed:*/
body.front-end .select-hide {
	display: none;
}



/* Responsive Style ----------------------------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 1024px) {
	.fina-button-wrapper {
		display: none !important;
	}

	.desktop-footer--content {
		display: block;
		flex-direction: row;
		justify-content: space-between;
		align-items: baseline;
		margin: 1rem 1rem 1rem 1rem;
	}

	.text-value {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 400 !important;
		font-size: 14px !important;
		line-height: 20px !important;
		color: #717171 !important;
		margin-top: 0%;
	}

	.card--fina .nav-item .active img {
		width: 80px !important;
		height: 80px !important;
	}

	.desc-detail-karir {
		width: 90%;
	}

	.card-detail-karir {
		height: auto;
	}

	.card-karir {
		height: auto;
		z-index: 1;
	}

	body.front-end .width-mobile {
		width: 80%;
	}

	body.front-end .col-benefit-mobile-produk {
		max-width: 50%;
		margin-bottom: 5rem;
	}

	.card--detail-product {
		top: -1rem !important;
	}

	.modal-body {
		overflow-y: scroll;
	}

	body.front-end .card-direksi-desktop .detail h2 {
		height: 70px;
	}

	.modal-open .modal {
		overflow-x: hidden !important;
		overflow-y: hidden !important;
	}

	body.front-end .captcha-login {
		width: 100%;
		display: block;
		margin-left: 0;
	}

	body.front-end .captcha-career {
		width: 100%;
		display: block;
		margin-left: 0;
	}

	body.front-end .desktop-simulation--section {
		padding: 2px 2rem 2px 2rem !important;
		width: 20rem !important;
	}

	.coba-simulasi {
		height: 44px;
	}

	body.front-end h2.simulasi {
		font-size: 24px !important;
	}

	body.front-end .style-desc {
		font-size: 16px !important;
	}

	body.front-end .mobil-mall-desktop--section .mobil-mall-thumbnail--section a {
		width: 100% !important;
		padding: 0.75rem 0.75rem !important;
	}

	.gallery-slider .swiper-slide .title {
		font-size: 20px !important;
	}

	.gallery-slider .swiper-slide .subtitle {
		font-size: 12px !important;
	}

	body.front-end .mobil-mall-desktop--section .mobil-mall-thumbnail--section h2 {
		font-size: 1.5rem !important;
		line-height: 2rem !important;
	}

	body.front-end .section-card-e-form {
		margin: -6rem 30px 0px 30px;
	}

	body.front-end .wrap-menu-navigation {
		position: relative;
		margin-top: -12rem !important;
	}

	body.front-end .wrap-action-pengkinian-data {
		bottom: 88px;
	}

	body.front-end .width-nav-account {
		width: 70% !important;
	}

	body.front-end .wrap-login {
		padding: 86px 0px 120px 0px;
		height: 100%;
	}

	body.front-end .wrap-login .title-login {
		padding: 0px 0px 16px 0px;
		font-size: 26px !important;
		line-height: 28px;
	}

	body.front-end .image-login {
		display: none;
	}

	body.front-end .card-login {
		padding: 48px 22px 10px 22px !important;
		margin: 0px 15px;
		border-radius: 16px;
	}

	body.front-end .height-detail-kredit {
		height: 3rem !important;
	}

	body.front-end .card-detail-produk {
		margin: 0rem !important;
		border-radius: 0 !important;
	}

	body.front-end .faq-detail-produk .image-illustrasi-faq-detail {
		width: 50%;
		margin: auto;
		display: block;
		margin-top: -10rem;
	}

	body.front-end .faq-detail-produk {
		padding: 1rem;

		margin-top: 0rem;
	}

	body.front-end .card-detail-table-produk {
		margin: 1rem !important;
		padding: 1rem 0rem;
		margin-top: -2rem !important;
	}

	body.front-end .size-mobile {
		width: 40%;
		height: auto;
		margin-top: 0px;
	}

	body.front-end .bg-section-final {
		background: linear-gradient(90deg, #3B82D0 0%, #5DC5D4 100%);
		display: block;
		justify-content: space-between;
		padding: 0px 0px 0px 0px;
		margin-top: 0px;
	}

	.search-box {
		width: 100%;
	}

	body.front-end .bg-search-form {
		padding: 15px 60px 15px 60px;
	}

	body.front-end .catatan-form img {
		width: 72px;
		height: 72px;
	}

	body.front-end .bg-form {
		background: #FFFFFF;
		border: 1px solid #D8D8D8;
		box-sizing: border-box;
		border-radius: 3px 3px 3px 3px;
		height: auto;
		padding-top: 0rem;
	}

	.body.front-end .border-accordion {
		background: #FFFFFF;
		border: 1px solid #D8D8D8;
		box-sizing: border-box;
		border-radius: 3px 25px 3px 3px;
	}

	body.front-end .formkel-card-mobile {
		background: rgba(208, 225, 244, 0.3);
		border-radius: 4px;
		margin-top: 1rem;
		height: auto;
		margin: 10px;
	}

	body.front-end .text-formkel {
		font-weight: 600;
		font-size: 12px;
		line-height: 18px;
		color: #0D4685;
		margin-top: 14px;
		margin-left: 8px;
	}

	body.front-end .col-formkel {
		background: linear-gradient(174.85deg, #BEE8EE 4.13%, #B1CDEC 95.87%);
		border-radius: 4px;
	}

	body.front-end .download-formkel {
		width: 19px;
		height: 19px;
		margin-top: 1rem;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	body.front-end .flex-faq-banner .center-div {
		width: 50%;
	}

	body.front-end .illustration-faq {
		display: none;
	}

	body.front-end .illustration-faq-2 {
		display: none;
	}

	.card-wrap-jaringan {
		padding-top: 90px !important;
		margin-bottom: 40px;
		padding: 0;
	}

	.direction-mobile {
		flex-direction: column-reverse;
	}

	.max-width-jaringan {
		max-width: 100% !important;
	}

	.child-color {
		padding-left: 32px;
	}

	.child-color-settings {
		padding-left: 32px;
	}

	.child-color-karir {
		padding-left: 32px;
	}

	.list-promo .thumbnail img {
		height: 100px !important;
		object-fit: cover;
		width: 100%;
		border-radius: 0px 0px 0px 0px;
	}

	.img-laporan-hub {
		width: 100%;
		height: 150px;
		object-fit: cover;
	}

	body.front-end .space-desktop-laporan {
		padding: 20px 2rem 0px 2rem
	}

	.wrap-promohomepage {
		margin-top: 56px;
		padding: 0rem 32px 0px 32px;
	}

	body.front-end .wrap-new-promo {
		padding: 56px 32px 0px 32px;
		background-color: #ffffff;
	}

	body.front-end .wrap-produk-layanan {
		padding: 56px 32px 0px 32px;
		background-color: #ffffff;
	}

	body.front-end .wrap-new-fina {
		padding: 0px 32px 0px 32px;
		background-color: transparent;
	}

	body.front-end .section-social-media {
		margin: 0px 32px 0px 32px;
		border-radius: 16px;
		background: #FFF;
		filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
		margin-top: -3rem;
		margin-bottom: 5rem;
	}

	body.front-end .wrap-new-fina-fitur {
		padding: 56px 32px 0px 32px;
		background-color: transparent;
	}

	body.front-end .wrap-new-syarat {
		padding: 56px 32px 0px 32px;
		background-color: #ffffff;
	}

	body.front-end .wrap-form-1 {
		padding: 3rem 32px 3rem 32px;
	}

	body.front-end .child-bpkb {
		padding-left: 1rem;
	}

	body.front-end .style-section-2 {
		box-sizing: border-box;
		border-radius: 15px;
		margin: 32px 32px 2rem 32px;
	}

	body.front-end .detail-promo--breadcrumb {
		margin-left: 0px !important;
		padding: 5rem 1rem 1rem 1rem !important;
	}

	body.front-end .padding-detail {
		padding: 32px 1rem 1rem 1rem;
	}

	body.front-end .space-peringkat {
		padding: 20px 1rem 2rem 1rem;
	}

	body.front-end .assurance--header {
		padding: 6rem 16px 1rem 16px !important;
	}

	.space-detail-saham {
		margin: 3rem 3rem 3rem 3rem;
	}

	body.front-end .visi-style {
		margin-left: 0px !important;
	}



	body.front-end .visi--tabs .nav-tabs .nav-link.active {
		color: #072342;
		background: #FFFFFF;
		border-radius: 8px 8px 0px 0px !important;
		font-style: normal;
		font-weight: bold;
		font-size: 16px !important;
		line-height: 32px;
		justify-content: center;
		font-weight: 700;
		z-index: 5;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-image: linear-gradient(270deg, #9EDCE5 0%, #3DB9CC 100%) 1;
		border-top: 0px;
		border-right: 0px;
		border-left: 0px;
		padding: 2px;

	}

	.nav-assurance {
		margin: 32px 16px 20px 16px;
	}

	.nav-promo {
		margin: -32px 16px 20px 16px !important;
	}

	.nav-assurance-produk {
		margin: -91px 16px 20px 16px;
	}

	.nav-assurance-pengaturan {
		margin: -91px 16px 20px 16px;
	}

	body.front-end .text-welcome-user {
		font-size: 1.25rem;
		-webkit-line-clamp: 1;
		max-height: calc(1em * 1.5 * 1);
		text-overflow: ellipsis;
		overflow: hidden;
		display: block;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		width: 100%;
		margin-top: 32px;
	}

	body.front-end .padding-body {
		padding: 32px 16px 0px 16px;
	}

	body.front-end .padding-body-penghargaan {
		padding: 32px 16px 0px 16px;
	}

	body.front-end .padding-body-tab-stnk {
		padding: 20px 16px 0px 16px;
	}

	body.front-end .padding-body-desc-stnk {
		padding: 0px 0px 1px 0px;
	}

	body.front-end .padding-body-promo {
		padding: 16px 16px 16px 16px;
	}

	body.front-end .padding-body-sejarah {
		padding: 16px 16px 16px 16px;
	}

	body.front-end .space-saham {
		padding: 20px 32px 16px 32px;
	}

	body.front-end .content-pengkinian-informasi .card-pengkinian-detail-informasi {
		width: 100%;
	}

	body.front-end .subtitle.tentang-kami {
		margin-right: 0rem;
	}

	body.front-end .row-color-about {
		padding: 0rem 0rem;
	}

	body.front-end .simulation--section a {
		align-items: center;
		background: transparent;
		border: 2px solid #339AAA;
		border-radius: 25px;
		color: #fff;
		display: flex;
		justify-content: center;
		margin: 0 0;
		padding: 0.5rem 0rem;
		text-align: center;
		text-decoration: none;
		font-size: 14px !important;
		line-height: 19px;
		background: linear-gradient(88.56deg, #1469C7 28.02%, #3DB9CC 82.31%);
		border-radius: 28px !important;
		width: 100%;
	}

	.is-desktop-faq {
		display: block;
	}

	.is-mobile-faq {
		display: none;
	}

	body.front-end .background-accordion {
		padding-right: 0;
		padding-top: 1rem;
		padding-bottom: 1rem;
		margin-bottom: 1rem;
	}

	body.front-end .card-terms-style-detail-sub p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 24px;
		color: #072342;
	}

	body.front-end .card-terms-style-detail-sub[aria-expanded="true"] p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 24px;
		color: #FFFFFF;
	}



	body.front-end #accordion-kategori-mobile .card-header-kategori-mobile[aria-expanded="true"] {
		height: 64px;
		width: 100%;
		background: linear-gradient(90deg, #3DB9CC 0%, #9EDCE5 100%);
		box-shadow: 0px 4px 8px rgba(154, 181, 188, 0.3);
		border-radius: 4px;
		padding: 20px 24px;
		display: flex;
		margin: 16px 0px;
	}

	body.front-end #accordion-kategori-mobile .card-header-kategori-mobile[aria-expanded="false"] {
		height: 64px;
		width: 100%;
		background: linear-gradient(90deg, #3B82D0 0%, #5DC5D4 100%);
		box-shadow: 0px 4px 8px rgba(154, 181, 188, 0.3);
		border-radius: 4px;
		padding: 20px 24px;
		display: flex;
		margin: 16px 0px;
		align-items: center;
	}

	body.front-end .card-terms-style-kategori-mobile p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 24px !important;
		line-height: 20px;
		padding: 1px 17px;
		color: #FFFFFF !important;
		margin-bottom: 0px;
	}

	body.front-end .card-terms-style-kategori-mobile img {
		width: 24px;
		height: 24px;
	}

	.card-jaringan .card-select {
		margin-bottom: 40px;
	}

	#section2-kategori-mobile {
		background: #F1F8FF;
		border-radius: 4px;
		padding: 20px 10px;
		display: none;
	}

	#section2-populer-mobile {
		display: block;
	}

	#section2-kategori-mobile-mobil {
		background: #F1F8FF;
		border-radius: 4px;
		padding: 20px 10px;
		display: none;
	}

	.btn-back-to-top {
		border-radius: 50px !important;
		font-size: 12px !important;
		font-family: 'Open Sans' !important;
		color: #ffffff !important;
		font-weight: bold !important;
		background-color: #3DB9CC !important;
	}

	body.front-end .card-terms-style-faq p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 500 !important;
		font-size: 18px;
		line-height: 20px;
		color: #0D4685;
	}

	body.front-end .card-terms-style-faq[aria-expanded="true"] p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 800 !important;
		font-size: 18px;
		line-height: 20px;
		color: #1469C7;
	}

	/* FAQ */
	body.front-end #accordion-detail-sub-mobile .card-header-detail-sub-mobile a[aria-expanded="true"] {
		float: right;
		padding: 7px 11px !important;
		content: "";
		background-image: url("./static/info/arrow-white-form.svg");
	}

	body.front-end #accordion-detail-sub-mobile .card-header-detail-sub-mobile a[aria-expanded="false"].collapsed-detail-sub-mobile {
		background-image: url("./static/icons/arrow-down-blue-faq.svg");
		float: right;
		padding: 7px 11px !important;
		content: "";
	}

	body.front-end .card-terms-style-detail-sub-mobile:hover[aria-expanded="false"] {
		background: linear-gradient(90deg, #BEE8EE 0%, #B1CDEC 100%);
	}

	body.front-end .card-terms-style-detail-sub-mobile[aria-expanded="false"] {
		background: #FFFFFF;
		border: 1px solid #D8D8D8;
		box-sizing: border-box;
		border-radius: 3px 25px 3px 3px;
		align-items: center;
		justify-content: space-between;
		display: inline-flex;
		height: 88px;

	}

	body.front-end .card-terms-style-detail-sub-mobile[aria-expanded="true"] {
		align-items: center;
		height: 88px;
		background: #339AAA;
		border-radius: 3px 25px 0px 0px;
		justify-content: space-between;
		display: inline-flex;
	}

	body.front-end .card-terms-style-detail-sub-mobile[aria-expanded="true"] p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 18px;
		color: #FFFFFF;
	}

	body.front-end .card-terms-style-detail-sub-mobile p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 18px;
		color: #072342;
	}

	.kategori-faq h2 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 22px !important;
		line-height: 26px;
		color: #0D4685;
		margin-bottom: 24px !important;
	}

	.artikel-faq {
		padding: 10px 16px 10px 16px !important;
	}

	.kategori-faq .card-faq {
		height: 64px;
		width: 100%;
		background: linear-gradient(90deg, #3B82D0 0%, #5DC5D4 100%);
		box-shadow: 0px 4px 8px rgba(154, 181, 188, 0.3);
		border-radius: 4px;
		padding: 20px 24px;
		display: flex;
		margin: 16px 0px;
	}

	.kategori-faq .card-faq p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 22px !important;
		line-height: 20px;
		padding: 1px 17px;
		color: #FFFFFF !important;
	}

	.kategori-faq {
		padding: 16px 0px 0px 0px;
	}

	.search-bar-faq input {
		line-height: 16px;
		font-size: 14px !important;
	}

	.search-bar-formkel input {
		line-height: 16px;
		font-size: 14px !important;
	}

	.faq-banner h1 {
		font-size: 26px !important;
		line-height: 30px !important;
	}

	.faq-banner h2 {
		font-size: 18px !important;
		line-height: 20px !important;
	}

	.faq-banner {
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), linear-gradient(359.57deg, #3DB9CC -27.23%, #1157A6 78.81%);
		height: auto;
		padding: 120px 16px 16px 16px;

	}

	.card-jaringan #card-detail .peta-redirect {
		float: right;
		margin-top: 7px;
	}

	.search-bar-jaringan {
		position: relative;
		margin-top: 30px;
		background: #F4F4F4;
		border-radius: 60px;
		height: 40px;
		font-family: 'Open Sans';
		font-size: 14px;
		margin-bottom: 9px;

	}

	.search-bar-faq {
		position: relative;
		background: #D0E1F4;
		border-radius: 24px;
		height: 48px;
		font-family: 'Open Sans';
		font-size: 14px;
	}

	.search-bar-formkel {
		position: relative;
		background: #D0E1F4;
		border-radius: 24px;
		height: 48px;
		font-family: 'Open Sans';
		font-size: 14px;
	}

	.style-padding-card-mobile {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.card-jaringan #card-detail {
		height: auto;
		background: rgba(235, 243, 252, 0.5);
		border-radius: 8px;
		margin-right: 10px;
		padding: 10px 10px 40px 10px;
		margin-bottom: 20px;
		margin-top: 10px;
	}

	.card-jaringan #card-detail:hover {
		height: auto;
		background: rgba(98, 155, 218, 0.15);
		border-radius: 8px;
		padding: 10px 10px 40px 10px;
		margin-bottom: 20px;
		cursor: pointer;

	}

	#back-jaringan {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 14px !important;
		line-height: 20px;
		display: none;
		align-items: center;
		color: #3DB9CC;
		padding: 24px 0;
	}

	#back-jaringan:hover {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 14px !important;
		line-height: 20px;
		align-items: center;
		color: #3DB9CC;
		padding: 24px 0px;
	}

	#mapMobile {
		height: 300px;
	}

	#map {
		height: 300px;
	}

	.card-jaringan h1 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 26px;
		line-height: 28px;
		color: #0D4685;
	}

	.card-jaringan #card-detail p {
		font-size: 12px;
	}

	.card-jaringan #card-detail .telp {
		width: 80%;
	}

	.card-jaringan #card-detail .fax {
		width: 80%;
	}

	.card-jaringan .select-jaringan {
		margin-top: -52px;
	}

	.card-jaringan .select-jaringan {
		margin-top: -52px;
	}

	.faq-banner {
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), linear-gradient(359.57deg, #3DB9CC -27.23%, #1157A6 78.81%);
		height: auto;
		padding: 120px 16px 16px 16px;

	}

	body.front-end .style-mobile-disclaimer {
		padding: 3rem;
		width: 100%;
	}

	body.front-end footer .copyright {
		height: 94px;
	}

	body.front-end .bottom-menu--navigation .bottom-menu--container {
		height: 87px;
	}

	body.front-end .style-more {
		margin-top: 0rem;
	}

	body.front-end .wrap-padding-register {
		width: 50%;
	}

	body.front-end button.download-result {
		margin-bottom: 1rem;
		font-family: 'Open Sans';
	}

	body.front-end .simulation--page-content--login .simulation--card {
		background: #fff;
		border: 1px solid #007F9F;
		border-radius: 10px;
		top: 6rem !important;
		padding: 1rem 0;
		margin-bottom: 4rem;
		position: relative;
	}

	body.front-end .style-text-list-company {
		bottom: -20px;
		position: absolute;
	}

	body.front-end .content-pengkinian-informasi .card-pengkinian-informasi {
		background: #F4F4F4;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);
		border-radius: 8px;
		top: -1rem;
		padding: 1rem;
		position: relative;
		margin: 1rem 1rem 0rem 1rem;
	}

	body.front-end .assurance--tabs .nav-tabs .nav-link {
		font-size: 16px !important;
		line-height: 20px;
	}

	body.front-end .assurance--tabs-career .nav-tabs .nav-link {
		font-size: 16px !important;
		line-height: 20px;
	}

	body.front-end .visi--tabs .nav-tabs .nav-link {
		font-size: 16px !important;
		line-height: 20px;
	}

	body.front-end .padding-information {
		padding: 0 0rem;
	}

	body.front-end .bottom-tabs p {
		text-align: left;
	}

	body.front-end .newCar--page-content p.darkGray {
		margin-top: -2rem;
	}

	.swiperMobile .swiper-slide {
		width: 30%;
		margin-left: .1rem;
		margin-right: 20px !important;
	}

	.swiperMerk .swiper-slide {
		width: 17%;
		margin-left: .1rem;
		margin-right: 10px !important;
	}

	.swiperProdukLainnya .swiper-slide {
		width: 17%;
		margin-left: .1rem;
		margin-right: 10px !important;
	}

	body.front-end .title-list-promo h5 {
		margin-top: 1rem !important;
	}

	body.front-end .mobil-mall-content--section .tab-content {
		background: #ffffff;
		padding: 1.5rem;
	}

	.pagination-wrapper {
		justify-content: flex-start !important;
		padding-left: 1.6rem !important;
	}

	body.front-end .space-video-stnk {
		margin-bottom: 10rem !important;
	}

	body.front-end .space-breadcrumb-detail {
		padding: 6rem 0rem 1rem 1rem !important;
	}

	body.front-end .space-saham {
		margin: 1rem 0px 3rem 0px !important;
	}

	.space-thumbnail-tata-kelola {
		padding: 0 1rem 2rem 1rem;
	}

	body.front-end .home.swiper-container-banner .swiper-pagination {
		bottom: 8rem !important;
		margin: 0 0;
		text-align: left;
		right: 0%;
		left: 11%;
		top: 71%;
	}

	body.front-end .promo-carousel--section .swiper-slide-share-button {
		bottom: 7rem;
		width: 72px;
		height: 25px;
		padding: 0 !important;
		align-items: center;
		background: transparent;
		border: 1px solid #FFFFFF;
		border-radius: 5px;
		box-sizing: border-box;
		color: #fff;
		display: flex;
		flex-direction: row;
		font-size: 11px;
		right: 0;
		top: -21%;
		margin: 0 6%;
		float: right;
		left: 0;
		position: relative;
	}

	body.front-end .promo-carousel--section .swiper-slide-share-button img {
		object-fit: cover;
		width: 16% !important;
		height: 100% !important;
		border-radius: 0px 0px 0px 0px !important;
		margin-top: -2px;
		margin-right: .1rem;
	}

	body.front-end .article--thumbnail img {
		border-radius: 25px 25px 0px 0px !important;
	}

	body.front-end .card-doc .card-title {
		color: #fff;
		height: 3rem;
	}

	body.front-end .card-terms .card-title {
		color: #fff;
		height: 3rem;
	}

	body.front-end .space-desktop-csr {
		padding: 1rem 8rem 2rem 8rem;
	}

	body.front-end .csr--select {
		margin: 0 auto;
		width: 30%;
	}

	body.front-end .subtitle.penghargaan {
		color: #3DB9CC;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		display: flex;
		font-family: 'Open Sans';
		font-size: 14px !important;
		line-height: 20px;
		display: block;
		justify-content: left;
		text-align: left;
		text-decoration: none;
		margin-right: 0;
		padding: 0rem 0rem 0rem 0rem !important;
	}

	body.front-end .subtitle:hover {
		color: #3DB9CC;
		font-weight: normal;
		display: flex;
		font-family: 'Open Sans';
		font-size: 13px !important;
		line-height: 20px;
	}

	body.front-end .subtitle-all:hover {
		color: #3DB9CC;
		font-weight: normal;
		display: flex;
		font-family: 'Open Sans';
		font-size: 14px !important;
		line-height: 20px;
	}


	.child-wrap.penghargaan {
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 0%;
		height: 100%;
		width: 100%;
	}

	.wrap-banner.penghargaan .image-wrap-penghargaan {
		width: 100%;
		height: 100%;
		object-fit: cover;
		margin-top: 0rem;
		border-radius: 0%;
	}

	.child-color.penghargaan {
		position: absolute;
		top: 0;
		left: 0;
		padding: 1rem 1.5rem 1rem 1.5rem;
		color: white;
		height: 100%;
		width: 100%;
		border-radius: 0%;
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(359.57deg, #3DB9CC -30%, #1157A6 80%);
		margin-top: 0rem;
	}

	.swiper-aboutUs-container .swiper-pagination-bullet {
		width: 12px !important;
		height: 12px !important;
		height: 50%;
	}

	.swiperLaporan.swiper-container .swiper-pagination-bullet {
		width: 12px !important;
		height: 12px !important;
		height: 14px;
	}

	body.front-end .wrap-card-penghargaan img {
		height: 123px;
		width: 70%;
	}

	body.front-end .wrap-card-penghargaan {
		margin: 1rem 0rem;
	}

	body.front-end .saham--tabs .nav-tabs .nav-link.active {
		border-bottom: 1.5px solid #007F9F;
		color: #007F9F;
		justify-content: center;
		background-color: transparent;
		padding-left: 0px;
		font-weight: 600;
		z-index: 5;
	}

	body.front-end .saham--tabs .nav-tabs .nav-link {
		font-weight: 400;
		color: #8E8E8E;
		border: none;
		font-size: 12px !important;
		padding: 8px 6px;
		margin-left: -10px;
		margin-right: 6px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		/* margin: 0; */
	}

	body.front-end .saham--tabs .nav {
		justify-content: center;
		height: 56px;
		display: flex;
	}


	body.front-end .sosmed--tabs .nav-tabs .nav-link.active {
		border-bottom: none;
		color: #124DB2;
		font-family: 'Open Sans';
		font-size: 20px !important;
		font-style: normal;
		font-weight: 700 !important;
		line-height: normal;
		background: #ffffff;
		font-weight: 600;
		padding-left: 1.5rem;
		z-index: 5;
		border-radius: 90px 0px 0px 90px !important;
		box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.10) inset;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	body.front-end .sosmed--tabs .nav-tabs .nav-link.active p {
		color: #124DB2;
		font-family: 'Open Sans';
		font-size: 20px !important;
		font-style: normal;
		font-weight: 700 !important;
		line-height: normal;
		background: #ffffff;
		font-weight: 600;
		margin-bottom: 0;
	}

	body.front-end .sosmed--tabs .nav-tabs .nav-link {
		font-weight: 400;
		border: none;
		border-radius: 0 !important;
		padding: 8px 8px;
		padding-left: 1.5rem;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: left;
		color: #787878;
		font-family: 'Open Sans';
		font-size: 14px !important;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	body.front-end .sosmed--tabs .nav-tabs .nav-link p {
		color: #787878;
		font-family: 'Open Sans';
		font-size: 20px !important;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-bottom: 0px;
	}

	body.front-end .sosmed--tabs .nav {
		justify-content: center;
		height: 56px;
		display: flex;
		border-bottom: none;
	}


	body.front-end .FAQ--tabs .nav-tabs .nav-link.active {
		color: #fff;
		/* background: #007F9F; */
		font-weight: 600;
		padding: 16px !important;
		margin-top: 10px;
		z-index: 5;
		border: none !important;
		background: rgba(126, 208, 221, 0.2);
		border-radius: 5px !important;
		height: 52px;
		font-family: 'Open Sans';
		font-weight: 600;
		font-size: 20px !important;
		line-height: 20px;
		display: flex;
		align-items: center;
		color: #339AAA;
	}

	body.front-end .FAQ--tabs .nav-tabs .nav-link {
		color: #041528;
		/* background: #007F9F; */
		font-weight: 600;
		padding: 16px !important;
		z-index: 5;
		background: #ffffff;
		border-radius: 5px !important;
		height: 52px;
		font-family: 'Open Sans';
		font-weight: 600;
		font-size: 20px !important;
		line-height: 20px;
		display: flex;
		align-items: center;
	}

	body.front-end .FAQ--tabs .nav {
		justify-content: center;
		height: auto;
		display: block;
		margin-right: 0 !important;
		width: 95%;
		background: #FFFFFF;
		box-shadow: 0px 4px 8px rgb(154 181 188 / 30%);
		border-radius: 4px;
		padding: 0px 16px;
		padding-bottom: 10px;
	}

	body.front-end .team-management img {
		width: 31%;
		/* height: 37vh; */
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	body.front-end .team--second-management img {
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	body.front-end .space-desktop-right {
		padding: 1rem 1rem 1rem 1rem !important;
	}

	body.front-end .benefit-row {
		padding: 50px 150px 79px 50px !important;
	}

	body.front-end .padding-desc-produk {
		padding: 1rem 1rem 1rem 1rem !important;
	}

	body.front-end .wrapper-table {
		padding: 1rem 1rem 2rem 3rem;
		background: linear-gradient(180deg, #FFFFFF 20.45%, rgba(177, 205, 236, 0.6) 100%);
	}

	.style-title-visi {
		color: #1B4D7C;
		font-size: 20px !important;
	}

	body.front-end .space-artikel {
		padding: 0rem 0rem 0rem 0rem;
	}

	ol.autodebet-step li.main-list {
		height: auto;

	}

	body.front-end .detail-promo--content .font-title .fontStyle {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0.5em;
		text-transform: uppercase;
		color: #339AAA;
	}

	body.front-end .promo-carousel--section .swiper-slide-share-button {
		align-items: center;
		background: transparent;
		border: 1px solid #FFFFFF;
		border-radius: 5px;
		box-sizing: border-box;
		float: right;
		color: #fff;
		display: flex;
		flex-direction: row;

		font-size: .8rem;
		margin-right: 6rem;
		top: -21%;
		/* margin: auto; */
		/* left: 0; */
		position: relative !important;

	}
}

@media (min-width: 768px) and (max-width: 1439px) {
	.card-top-detail {
		margin-top: -4rem !important;
		display: block;
		margin: auto;
		width: 96%;
		height: 3rem;
	}

	.card-top-contactUs {
		margin-top: -4rem !important;
		display: block;
		margin: auto;
		width: 70%;
		height: 3rem;
	}

	body.front-end .card-komisaris-desktop .detail h2 {
		font-size: 24px !important;
		line-height: 22px;
		color: #ffffff !important;
		height: 60px;
	}

	body.front-end .hide-desktop {
		display: none !important;
	}

	.is-desktop-faq {
		display: block;
		margin-left: 80px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-right: 0px !important;
	}

	.is-mobile-faq {
		display: none;
	}

	body.front-end .style-desktop-modal {
		padding: .9rem 1rem;
		margin-top: 0rem;
		height: 400px;
		overflow-y: scroll;

	}

	body.front-end .margin-breadcrumb {
		margin-left: 4rem !important;
	}

	body.front-end .space-desktop-right {
		padding: 32px 192px 1rem 80px !important;
	}

	body.front-end .padding-desc-produk {
		padding: 32px 192px 1rem 80px !important;
	}

	body.front-end .space-desktop-right-fina {
		padding: 1rem 192px 64px 80px;
		margin-top: -32px;
	}

	body.front-end .space-desktop-right-csr {
		padding: 0rem 192px 64px 80px;
		margin-top: 0px;
	}

	body.front-end .space-desktop-csr-header {
		padding: 4rem 8rem 1rem 4rem;
		margin-top: -73px;
	}

	body.front-end .space-desktop-right-pengkinian-data {
		padding: 4rem 5rem 1rem 4rem !important;
	}

	body.front-end .content-pengkinian-informasi .card-pengkinian-detail-informasi {

		top: -1rem !important;
		border-radius: 8px !important;
	}

	body.front-end .content-pengkinian-informasi {
		background: none !important;
		padding: 5rem 0rem 0rem 0rem;
		margin-bottom: 2rem;
	}

	body.front-end .main-wrap {
		background-color: #fff;
		padding: 0rem 0rem 0rem 0rem;
	}

	.device-responsive {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	body.front-end footer {
		background: #0A3463;
	}

	.partition-2 {
		display: inline-flex !important;
		justify-content: center;
		align-items: center;
	}

	.partition-2 p {
		margin-bottom: 0 !important;
		font-size: 12px !important;
		font-weight: 600 !important;
	}

	.partition-2 .desktop--copyright {
		color: #333333d5;
		margin: 0 2rem;
	}

	.partition-2 .desktop--ojk {
		align-items: center;
		display: flex !important;
		justify-content: center;
	}

	body.front-end header {
		background: transparent !important;
	}

	body.front-end header nav .logo img {
		height: 100% !important;
		width: 200px !important;
		max-height: unset !important;
	}

	/* HOME DESKTOP */

	.is-desktop.desktop-section1--wrapper {
		display: flex !important;
		z-index: 1;
	}

	body.front-end hr.desktop {
		width: 8%;
		opacity: unset;
		margin: 1rem 0;
	}

	body.front-end .home--desktop.swiper-container-banner {
		border-radius: 0 0 20px 0px;


		width: 100%;
	}

	body.front-end .home--desktop.swiper-container-banner .swiper-pagination-bullet {
		background-color: #c4c4c4;
		height: 13px;
		opacity: 1;
		margin: 6px;
		width: 13px;
	}

	body.front-end .home--desktop.swiper-container-banner .swiper-pagination-bullet-active {
		background-color: #fff;

	}

	body.front-end .home--desktop.swiper-container-banner .swiper-wrapper .swiper-slide img {
		object-fit: contain;
		width: 100%;
		height: 100%;
	}

	/* body.front-end .home--desktop.swiper-container-banner .swiper-pagination {
					bottom: 6rem !important;
					margin: 0 auto;
					text-align: center;
					position: fixed;
					display: flex;
					transition: .3s opacity;
					transform: translate3d(0,0,0);
					z-index: 10;
					height: 20px;
					top: 81%;
					right: 50%;
				} */
	body.front-end .desktop-simulation--section {
		background: linear-gradient(180deg, #BEE8EE 0%, #D4E3F4 51.18%);
		border-top-right-radius: 50px;
		color: #ffffff;
		/* margin-top: -16rem; */
		position: absolute;
		bottom: 0vh;
		padding: 32px 2rem 32px 2rem;
		background-repeat: no-repeat;
		background-size: cover;
		width: 21rem;
		z-index: 10;

	}

	body.front-end .desktop-simulation--section a {
		padding: .75rem;
		background: linear-gradient(88.56deg, #1469C7 28.02%, #3DB9CC 82.31%);
		border-radius: 28px !important;
		display: inline-flex;
		width: 100%;
		border-radius: 50px;
		justify-content: center;
		align-items: center;
		color: white;
		font-size: 16px !important;
		margin: .5rem auto;
	}

	body.front-end .desktop-simulation--section a:hover,
	body.front-end .desktop-simulation--section a:active {
		background-color: rgba(255, 255, 255, 0.25);
	}

	body.front-end .mobil-mall-desktop--section {
		background: url('../static/landing/mobil-mall-desktop-bg.png');
		background-repeat: no-repeat;
		background-size: cover;
		background-position-x: -192px;
		margin-top: 0rem;
		padding: 56px 0px 56px 0px;
		min-height: 100px;
		z-index: 1;
	}

	body.front-end .mobil-mall-desktop--section h2 {
		color: rgba(27, 77, 124, 0.9);
		text-align: center;
	}





	body.front-end .mobil-mall-desktop--section .mobil-mall-thumbnail--section a {
		background: linear-gradient(0deg, #FD930A, #FD930A);
		border-radius: 35px;
		color: #fff;
		display: inline-block;
		margin: 1rem auto;

		padding: .75rem 2rem;
		width: 80%;
	}

	.is-mobile {
		display: none;
	}

	.is-tablet {
		display: none;
	}

	.is-desktop {
		display: block;
	}

	.padding-card {
		margin-top: 3rem;
		border-radius: 20px !important;
		background: linear-gradient(53.18deg, rgba(0, 127, 159, 0.8) 12.87%, rgba(5, 165, 179, 0.8) 42.54%, rgba(59, 183, 180, 0.8) 73.76%),
			url('../static/info/pelunasan-header-bg.jpg');
	}

	.wrap-padding-card {
		width: 30%;
		margin: auto;
		position: relative;
	}

	.margin-desktop {
		margin-top: -1rem !important;
	}

	.background-margin {
		background: linear-gradient(315deg, rgba(0, 127, 159, 0.8) 0%, rgba(5, 165, 179, 0.8) 35%, rgba(59, 183, 180, 0.8) 100%),
			url('../static/info/assurance-header-bg.jpg') !important;
		background-repeat: no-repeat !important;
		background-position: bottom !important;
		padding: 0 !important;
		padding-top: 6rem !important;
		margin-bottom: 2rem;
	}


	body.front-end .simulation--page-header {
		background: url('../static/simulation/desktop-bg.png');
		background-size: cover;
		height: 12.5rem;
	}

	.page-simulation--wrapper {
		flex-direction: row-reverse;
		justify-content: flex-end;
		padding-bottom: 2rem;
		padding-top: 4rem;
	}

	.page-login--wrapper {
		flex-direction: row-reverse;
		justify-content: flex-end;
	}

	body.front-end .simulation--page-footer {
		background-image: url(../static/info/simulasi-kredit-bg-new.png), linear-gradient(194.62deg, #3BB7B4 -5.19%, #05A5B3 21.5%, #1B4D7C 92.9%);
		background-size: cover;
		border-radius: 0px 20px 20px 0px;
		margin: 0;
		height: 100vh;
		padding: 5rem 1.5rem;
	}

	body.front-end .simulation--page-footer-link--desktop {
		flex-direction: column;
		justify-content: space-around;
		height: 100%;
		margin-bottom: 5rem;
	}

	body.front-end .simulation--page-footer-link--desktop h1 {
		font-size: 28px !important;
		font-weight: 700;
		color: #fff;
		/* padding: 1rem 0; */
		/* margin: 1rem; */
		/* margin-left: 1rem; */
		margin-top: 1rem;
	}

	body.front-end .simulation--page-footer-link--desktop hr {
		width: 3.5rem;
		margin-left: 0;
	}

	body.front-end .footer-credit--desktop {
		padding: 0rem 2rem;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 15px;
	}

	body.front-end .footer-credit--desktop-kredit {
		padding: 2rem;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 15px;
		margin-top: 16rem;
	}

	body.front-end .simulation--page-content {
		background: white;
		width: 40%;
	}

	body.front-end .simulation--page-content .simulation--card {
		border: none;
		border-radius: unset;
		top: unset !important;
		padding: 2rem;
	}



	.is-mobile {
		display: none;
	}

	.is-tablet {
		display: none;
	}

	.is-desktop {
		display: block;
	}

	.is-desktop.disclaimer {
		display: flex !important;
		background: #F1F5F8 !important;
		padding: 1.3rem 0 !important;
		text-align: left !important;
		width: 100% !important;
	}

	.is-desktop.disclaimer ul {
		padding-left: 27px;
	}

	.simulation-result--tabs {
		box-shadow: none;
		border-radius: unset;
		min-height: 50px;
	}

	.simulation-result--tabs .is-nav {
		border-top: none;
		border-bottom: 1px solid #EDEDED;
	}

	.simulation-result--wrapper .back--button {
		padding: 4rem 0 1rem 3rem;
	}

	.simulation-result--tabs .is-nav .nav-tabs {
		border-bottom: none;
		padding-left: 2rem;
	}

	.simulation-result--tab-content .tab-intro {
		padding: 1rem 3rem 0rem 2rem;
		background: #fff;
	}

	.simulation-result--tab-content .tab-pane .is-desktop.desktop-tab {
		background: #fff;
		padding: 0 3rem;
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		width: 100%;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table {
		width: 60%;
		font-size: 1rem;
		border: 1px #D8D8D8 solid;
		border-top: none;
		text-align: center;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table thead {
		background: linear-gradient(270.29deg, #05A5B3 8.23%, #007F9F 75.22%, #1B4D7C 96.78%);
		color: white;
		text-transform: uppercase;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table thead th {
		font-weight: 600 !important;
		font-size: 16px;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table th,
	.simulation-result--tab-content .tab-pane .is-desktop table td {
		padding: 1rem;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table td {
		border-bottom: 1px #D8D8D8 solid;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table tbody td #periodic {
		display: flex;
		flex-direction: column;
		padding-bottom: .5rem;
		text-align: left;
		padding-left: 2.5rem;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table tbody a {
		font-size: .75rem;
		color: #05A5B3;
		border: 1px #05A5B3 solid;
		padding: 4px 10px;
		border-radius: 5px;
		display: inline-flex;
		align-items: center;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table tbody img {
		margin-left: 8px;
		height: 10px;
	}

	.simulation-result--wrapper .is-desktop.action--wrapper {
		padding: 2rem 0;
	}

	.simulation-result--recomendation {
		padding: 3rem;
	}

	.simulation-result--page-footer a {
		background: rgba(255, 255, 255, 0.25);
		width: 20%;
	}


	body.front-end .news--header {
		background-image:
			linear-gradient(to right, rgb(0, 127, 159, 0.55), rgb(5, 165, 179, 0.55)),
			url('../static/news/desktop-header-bg.png');
		background-repeat: no-repeat;
		background-size: cover;
		height: 50vh;
		text-align: center;
	}

	body.front-end .news--header .header--card {

		background-image:
			linear-gradient(to right, rgb(241, 245, 248), rgb(241, 245, 248, 0.80)),
			url('../static/news/banner-berita.png');
		border-radius: 15px;
		padding: 2.5rem 0;
		width: 40%;
		margin: 0 auto;
		position: relative;
	}

	body.front-end .news--header .header--card h1 {
		font-size: 2.5rem !important;
		font-weight: 700;
		margin-bottom: 1.25rem !important;
		color: #1B4D7C !important;
	}

	body.front-end .news--header .header--card span {
		color: #1B4D7C;
		font-size: 1rem;
	}

	body.front-end .article--thumbnail {
		margin: 2rem .5rem;
		border-radius: 8px;
		background: #FFF;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
	}



	.is-desktop.news-share--wrapper {
		display: inline-flex !important;
		align-items: center;
	}

	body.front-end .news--content {
		padding: 10px 192px 48px 80px;
		flex: 0 0 auto;
		width: 100%;
	}

	body.front-end .news--header-image {
		height: 400px;
	}

	body.front-end .fina--header-image img {
		height: 400px;
	}

	.news--content-header {
		flex-direction: column-reverse;
	}

	body.front-end .news--category .news--category-type,
	body.front-end .news--category .news--category-date {
		font-size: 20px;
	}

	body.front-end .is-desktop.news-share--wrapper .socmed-conten {
		margin-left: .75rem;
		margin-bottom: .25rem;
	}

	body.front-end .news--article-content {
		margin-top: 2rem;
	}

	body.front-end .news--section {
		margin: 56px 192px 56px 80px;
	}

	body.front-end .news--card-wrapper .news--card {
		flex: 0 0 auto;
		width: 30%;
		margin: 1rem .5rem;
	}

	body.front-end .news--section .news--card .news--card-title-section {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	body.front-end .news--section .news--card .news--card-title-section p {
		font-size: .75rem !important;
		font-weight: 600 !important;
		margin-bottom: .5rem !important;
	}


	.is-mobile {
		display: none;
	}

	.list-company {
		background: #FFFFFF;
		padding: 2.5rem 1rem;
		margin-top: 0rem;
	}

	.list-company {
		padding: 1rem 13rem 1rem 8rem;
	}

	.is-desktop {
		display: block;
	}

	.list-company .thumbnail {
		background: #FFFFFF;
		border: 1px solid #D8F1F5;
		box-sizing: border-box;
		box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		border-radius: 8px;
		width: 90%;
		margin-bottom: 2rem;
	}

	.list-promo .thumbnail {
		background: #FFFFFF;
		box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
		padding: 0rem;
		margin: 1rem 0;
		margin-top: 0;
	}

	body.front-end .section-flex {
		display: flex;
		padding: 1rem 12rem 0 8rem;
		justify-content: space-between;
	}

	body.front-end .section-flex-promo {
		display: flex;
		padding: 1rem 2rem 0 2rem;
		justify-content: space-between;
	}

	body.front-end .title-list-promo h5 {
		margin-top: 0;
	}

	body.front-end hr.darkOrangeProduk {
		border: 1px solid #F57B32;
		transform: rotate(180deg);
		width: 3%;
		margin: 2rem 0 0 8rem !important;
	}

	body.front-end hr.blueProduct {
		width: 3%;
		margin: 2rem 0 0 80px !important;
	}

	body.front-end .product--tabs .nav-pills .nav-link {
		border: 1px solid #C4C4C4;
	}

	body.front-end .product--header {
		text-align: left;
		padding-left: 80px;
		padding-right: 192px;
	}

	body.front-end .promo--header {
		text-align: left;
		padding: 117px 192px 32px 80px;
	}

	.list-promo {
		padding: 0 8rem 0 7rem;
	}

	body.front-end .list-car-one {
		margin: 0rem 192px 0rem 80px;
		border-radius: 0;
		height: 363px;
	}

	body.front-end .list-car-one img {
		width: 65px;
		position: absolute;
		content: left;
		left: 0;
		margin-left: 15rem;
		margin-top: 1rem;
	}

	body.front-end .list-car-one h1 {
		font-weight: 600;
		font-size: 28px !important;
		text-align: left;
		padding-left: 1rem;
		padding-top: 5rem;
		margin-top: 0rem;
		color: #01809F;
	}

	body.front-end .list-car-one .description-list-car {

		font-style: normal;
		font-weight: normal;
		font-size: 20px;
		line-height: 125%;
		color: #FFFFFF;
		text-align: left;
		padding-left: 1rem;
		width: 25rem;
		color: #3BB7B4;
	}

	body.front-end .list-car-one .button-list-car {
		background: linear-gradient(0deg, #FD930A, #FD930A);
		border-radius: 35px;
		color: #fff;
		padding: .75rem 2rem;
		/* width: 10rem; */
		width: 300px;
		margin: 1rem 0rem 0rem 1rem;
		height: 55px;
	}

	body.front-end .list-car-two {
		margin: 0rem 192px 0rem 80px;
		border-radius: 0;
		height: 363px;
	}

	body.front-end .list-car-two img {
		width: 65px;
		position: absolute;
		content: left;
		left: 0;
		margin-left: 4rem;
		right: 0;
		margin-right: 0;
		margin-top: 1rem;
	}

	body.front-end .list-car-two h1 {
		font-weight: 600;
		font-size: 28px !important;
		text-align: left;
		padding-left: 1rem;
		padding-top: 5rem;
		margin-top: 0rem;
		color: #01809F;
	}

	body.front-end .list-car-two .description-list-car {

		font-style: normal;
		font-weight: normal;
		font-size: 20px;
		line-height: 125%;
		color: #FFFFFF;
		text-align: right;
		padding-right: 0rem;
		text-align: left;
		position: relative;
		padding-left: 1rem;
		width: 25rem;
		color: #3BB7B4;
	}

	body.front-end .list-car-two .button-list-car {
		background: linear-gradient(0deg, #FD930A, #FD930A);
		border-radius: 35px;
		color: #fff;
		padding: .75rem 2rem;
		/* width: 10rem; */
		width: 300px;
		margin: 1rem 0rem 0 1rem;
		position: relative;
		height: 55px;
	}

	body.front-end .list-car-three {
		margin: 0rem 192px 0rem 80px;
		border-radius: 0;
		height: 363px;
	}

	body.front-end .list-car-three img {
		width: 65px;
		position: absolute;
		content: left;
		left: 0;
		margin-left: 15rem;
		margin-top: 1rem;
	}

	body.front-end .list-car-three h1 {
		font-weight: 600;
		font-size: 28px !important;
		text-align: left;
		padding-left: 1rem;
		padding-top: 5rem;
		margin-top: 0rem;
		color: #01809F;
	}

	body.front-end .list-car-three .description-list-car {

		font-style: normal;
		font-weight: normal;
		font-size: 20px;
		line-height: 125%;
		color: #FFFFFF;
		text-align: left;
		padding-left: 1rem;
		width: 25rem;
		color: #3BB7B4;
	}

	body.front-end .list-car-three .button-list-car {
		background: linear-gradient(0deg, #FD930A, #FD930A);
		border-radius: 35px;
		color: #fff;
		padding: .75rem 2rem;
		/* width: 10rem; */
		width: 300px;
		margin: 1rem 0rem 0rem 1rem;
		height: 55px;
	}

	body.front-end .wrap-information {
		padding-bottom: .6rem;
		padding-top: .6rem;
		margin-top: 4rem;
		border-radius: 10px;
	}

	body.front-end .padding-text {
		text-align: left !important;
		padding: 1rem 192px 1rem 80px;
		margin-bottom: 2rem;
	}

	body.front-end .padding-text-href {
		padding: 1rem 88px;
		z-index: 1000;
	}

	body.front-end .cardWhite {
		background: linear-gradient(180.04deg, #FFFFFF -18.48%, #FFFFFF 54.77%, #F1F5F8 99.97%);
		border-radius: 35px;
		width: 33rem;
		height: auto;
		margin: -6rem 1rem 2rem 3rem;
		padding: 3rem;
	}

	body.front-end .newCar--page-content .newCar--card {
		background: #fff;
		border: 1px solid #007F9F;
		border-radius: 10px;
		top: 7rem;
		position: absolute;
		height: auto;
		width: 394px;
		margin: 0rem 8rem 0rem 6rem;
	}

	body.front-end .newCar--page-header {
		background: url(../static/product/new-car-matrix.jpg);
		background-size: cover;
		height: 480px;
		border-radius: 0px 0px 0px 50px;
		margin-bottom: 8rem;
		margin-top: 3rem;
	}

	body.front-end .newCar--page-header-used-car {
		background: url(../static/product/lease-car-matrix.jpg);
		background-size: cover;
		height: 480px;
		border-radius: 0px 0px 0px 50px;
		margin-bottom: 8rem;
		margin-top: 3rem;
	}

	body.front-end .newCar--page-header-komersil {
		background: url(../static/product/komersil-car-matrix.png);
		background-size: cover;
		height: 480px;
		border-radius: 0px 0px 0px 50px;
		margin-bottom: 8rem;
		margin-top: 3rem;
	}

	body.front-end .newCar--page-content .newCar--card .newCar--title p.blueLight {
		font-size: 18px !important;
	}

	body.front-end .promo-breadcrumb .title-breadcrumb .gray {
		padding: 0 8rem 0 8rem;
	}

	body.front-end .newCar--page-content p.blackBold {
		font-size: 16px !important;


	}

	body.front-end .newCar--page-content p.darkGray {
		font-size: 14px !important;
		position: relative;

	}

	body.front-end .blackThinn {
		font-size: 20px !important;
		line-height: 32px;
		text-align: left;
		padding: 1rem 0rem 1rem 0;
	}

	body.front-end .font-large-desktop {
		font-style: normal;
		font-size: 16px;
		font-weight: normal;
		line-height: 24px;
	}

	body.front-end .image-astari {
		width: 7rem;
	}

	body.front-end .text-grid {

		font-style: normal;
		letter-spacing: 0 !important;
		text-transform: none !important;
		align-items: center;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		color: #000000;
		font-weight: normal !important;
		font-size: 14px !important;
		line-height: 20px;
		align-items: center;
	}

	body.front-end .promo-breadcrumb {
		background: #F1F5F8;
		color: #1B4D7C;
		text-align: left;
		padding-left: 1rem;
		padding-top: 5rem;
		padding-bottom: 3rem;
	}

	body.front-end .title-list-promo h5 {
		font-size: 42px !important;
	}

	body.front-end .padding-detail {
		padding: 32px 192px 0 80px;
	}

	body.front-end .padding-detail-artikel {
		padding: 0 8rem 0 3.5rem;
	}

	body.front-end .detail-promo--content .font-title .fontStyle {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 20px;
		letter-spacing: 0.5em;
		text-transform: uppercase;
		color: #339AAA;
	}

	body.front-end .detail-promo--content h1 {
		font-size: 42px !important
	}

	body.front-end .detail-promo--content p.black {
		font-size: 24px !important;
	}

	body.front-end .detail-promo--content .detail-promo--breadcrumb {
		width: 15rem;
	}

	body.front-end .detail-promo--breadcrumb p.black {
		font-size: 14px !important;
		margin-left: 0px;
		width: 23rem;
	}

	body.front-end .news--header-image {

		width: 608px;
		height: 342.101px;
		border-radius: 0px;
		margin-top: 1rem;
		margin-right: 1rem;
	}

	body.front-end .fina--header-image img {

		width: 50%;
		height: auto;
		border-radius: 20px;
		margin-top: 1rem;
	}

	body.front-end .newCar--page-content {
		background: #ffffff;
		padding: 0 0rem;
	}

	body.front-end .padding-astari {
		padding: 0 7rem 0 2rem;
	}




}

@media (min-width: 1440px) {
	.card-top-contactUs {
		margin-top: -3rem !important;
		display: block;
		margin: auto;
		width: 50%;
	}

	body.front-end .wrap-login {
		min-height: 100vh;
	}

	body.front-end .height-image {
		height: 8rem;
		margin-bottom: 2rem;
	}

	body.front-end .height-image-detail {
		height: 5rem;
	}

	.swiperMerk .swiper-slide {
		width: 16%;
		margin-left: 0rem;
		margin-right: 1rem !important;

	}

	.swiperProdukLainnya .swiper-slide {
		width: 16%;
		margin-left: 0rem;
		margin-right: 1rem !important;

	}

	body.front-end .form-detail {
		filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
		background: url("../static/info/doc-form.png");
		background-size: cover;
		background-repeat: no-repeat;
		height: 237px;
		margin-bottom: 0rem;
		padding-left: 10px;
		padding-right: 10px;
	}

	body.front-end .form-detail:hover {
		filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
		background: url("../static/icons/hover-download.png");
		background-size: cover;
		background-repeat: no-repeat;
		height: 237px;
		margin-bottom: 0rem;
		padding-left: 10px;
		padding-right: 10px;
	}

	body.front-end .style-modal-dialog {
		top: 14rem;
		margin-bottom: 12rem;
		max-width: 600px;
	}

	.card-wrap-jaringan {
		padding-top: 150px !important;
		margin-bottom: 40px;
		padding: 0;
	}

	.is-desktop-faq {
		display: block;
		margin-left: 80px !important;
		padding-left: 0px !important;
		padding-right: 0px !important;
		margin-right: 0px !important;
	}

	.is-mobile-faq {
		display: none;
	}

	body.front-end .style-more {
		margin-top: 2rem;
	}

	body.front-end .space-csr-function {
		padding: 2rem 4rem 0rem 0rem;
	}

	html {
		background: #F1F5F8;
		max-width: 1440px;
		position: relative;
		border: 1px solid #C4C4C4;
		margin: auto;
	}

	body.front-end .style-text {
		font-size: 16px !important;
		text-align: left;
		line-height: 23px !important;
	}

	body.front-end .card-syarat {
		height: 10rem !important;
		border-radius: 5px;
	}

	.pagination-wrapper {
		justify-content: flex-start !important;
		padding-left: 8.6rem !important;
	}

	body.front-end .card-komisaris-desktop .image-icon {
		width: 65%;
		object-fit: contain;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.modal-team .imagedetail {
		margin-top: -8rem !important;
		border-radius: 50%;
		width: 25vmin !important;
		height: 25vmin;
		object-fit: contain;
		display: block;
		margin: auto;
		background-color: #ffffff;
	}

	body.front-end .card-direksi-desktop .image-icon {
		width: 65%;
		object-fit: contain;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	body.front-end .space-video-stnk {
		margin-bottom: -6rem !important;
	}

	body.front-end .hide-desktop {
		display: none !important;
	}

	body.front-end .img-laporan {
		width: 100%;
		object-fit: cover;
		height: 253px;
		background: #A0A0A0;
	}

	body.front-end .article--thumbnail img {
		border-radius: 25px 25px 0px 0px !important;
		height: 115px;
		object-fit: cover;
		width: 100%;
	}

	.list-promo .thumbnail img {
		height: 30vh;
		object-fit: cover;
		width: 100%;
		border-radius: 5px 5px 0px 0px;
	}

	.styleWord {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-size: 1rem !important;
	}

	body.front-end .style-desktop-modal {
		padding: .9rem 1rem;
		margin-top: 0rem;
		height: 400px;
		overflow-y: scroll;


	}

	body.front-end .margin-breadcrumb {
		margin-left: 4rem !important;
	}

	body.front-end .space-desktop-right {
		padding: 32px 192px 1rem 80px !important;
	}

	body.front-end .benefit-row {
		padding: 100px 192px 79px 80px !important;
	}

	body.front-end .padding-desc-produk {
		padding: 32px 192px 1rem 80px !important;
	}

	body.front-end .space-desktop-right-fina {
		padding: 1rem 192px 64px 80px;
		margin-top: -32px;
	}

	body.front-end .space-desktop-right-csr {
		padding: 0rem 192px 64px 80px;
		margin-top: 0px;
	}

	body.front-end .space-desktop-csr-header {
		padding: 4rem 8rem 1rem 4rem;
		margin-top: -43px;
	}

	body.front-end .space-desktop-right-pengkinian-data {
		padding: 1rem 5rem 1rem 4rem !important;
	}

	body.front-end .content-pengkinian-informasi .card-pengkinian-detail-informasi {

		top: -1rem !important;
		border-radius: 8px !important;
	}

	body.front-end .content-pengkinian-informasi {
		background: none !important;
		padding: 5rem 0rem 0rem 0rem;
		margin-bottom: 2rem;
	}

	body.front-end .main-wrap {
		background-color: #fff;
		padding: 0rem 0rem 0rem 0rem;
	}

	.device-responsive {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	body.front-end footer {
		background: #0A3463;
	}

	.partition-2 {
		display: inline-flex !important;
		justify-content: center;
		align-items: center;
	}

	.partition-2 p {
		margin-bottom: 0 !important;
		font-size: 12px !important;
	}

	.partition-2 .desktop--copyright {
		color: #333333d5;
		margin: 0 2rem;
	}

	.partition-2 .desktop--ojk {
		align-items: center;
		display: flex !important;
		justify-content: center;
		margin: 0 2rem;
	}

	body.front-end header {
		background: transparent !important;
	}

	body.front-end header nav .logo img {
		height: 100% !important;
		width: 200px !important;
		max-height: unset !important;
	}

	/* HOME DESKTOP */

	.is-desktop.desktop-section1--wrapper {
		display: flex !important;
		z-index: 1;
	}

	body.front-end hr.desktop {
		width: 8%;
		opacity: unset;
		margin: 1rem 0;
	}

	body.front-end .home--desktop.swiper-container-banner {
		border-radius: 0 0 20px 0px;


		width: 100%;
	}

	body.front-end .home--desktop.swiper-container-banner .swiper-pagination-bullet {
		background-color: #c4c4c4;
		height: 13px;
		opacity: 1;
		margin: 6px;
		width: 13px;
	}

	body.front-end .home--desktop.swiper-container-banner .swiper-pagination-bullet-active {
		background-color: #fff;

	}

	body.front-end .home--desktop.swiper-container-banner .swiper-wrapper .swiper-slide img {
		object-fit: contain;
		width: 100%;
		height: 100%;

	}

	/* body.front-end .home--desktop.swiper-container-banner .swiper-pagination {
					bottom: 6rem !important;
					margin: 0 auto;
					text-align: center;
					position: fixed;
					display: flex;
					transition: .3s opacity;
					transform: translate3d(0,0,0);
					z-index: 10;
					height: 20px;
					top: 84%;
					right: 63%;
				} */
	body.front-end .desktop-simulation--section {
		background: linear-gradient(180deg, #BEE8EE 0%, #D4E3F4 51.18%);
		border-top-right-radius: 50px;
		color: #ffffff;
		/* margin-top: -16rem; */
		position: absolute;
		bottom: 0vh;
		padding: 32px 2rem 32px 2rem;
		background-repeat: no-repeat;
		background-size: cover;
		width: 21rem;
		z-index: 10;
	}

	body.front-end .desktop-simulation--section a img {
		height: 19px;
		margin-right: .4rem;

	}

	body.front-end .desktop-simulation--section a {
		padding: .75rem;
		background: linear-gradient(88.56deg, #1469C7 28.02%, #3DB9CC 82.31%);
		border-radius: 28px !important;
		display: inline-flex;
		width: 100%;
		border-radius: 50px;
		justify-content: center;
		align-items: center;
		color: white;
		font-size: 18px !important;
		margin: .5rem auto;
	}

	body.front-end .desktop-simulation--section a:hover,
	body.front-end .desktop-simulation--section a:active {
		background-color: rgba(255, 255, 255, 0.25);
	}

	body.front-end .mobil-mall-desktop--section {
		background: url('../static/landing/mobil-mall-desktop-bg.png');
		background-repeat: no-repeat;
		background-size: cover;
		margin-top: 0rem;
		padding: 1rem 0px 56px 0px;
		min-height: 100px;
		z-index: 1;
	}

	body.front-end .mobil-mall-desktop--section h2 {
		color: rgba(27, 77, 124, 0.9);
		text-align: center;
	}

	body.front-end .mobil-mall-desktop--section .mobil-mall-thumbnail--section {
		background: url('../static/landing/bg-mobil-mall-black.jpg');
		background-size: cover;
		background-position: 100% 52%;
		background-repeat: no-repeat;
		border-radius: 25px;
		margin: 0 192px 0 80px;
		padding: 4rem 2rem 5rem 2rem;
		top: 3rem;
	}



	body.front-end .mobil-mall-desktop--section .mobil-mall-thumbnail--section a {
		background: linear-gradient(0deg, #FD930A, #FD930A);
		border-radius: 35px;
		color: #fff;
		display: inline-block;
		z-index: 1000;
		margin: 1rem auto;
		padding: .75rem 2rem;
		width: 80%;
	}

	.is-mobile {
		display: none;
	}

	.is-tablet {
		display: none;
	}

	.is-desktop {
		display: block;
	}

	.padding-card {
		margin-top: 3rem;
		border-radius: 20px !important;
		background: linear-gradient(53.18deg, rgba(0, 127, 159, 0.8) 12.87%, rgba(5, 165, 179, 0.8) 42.54%, rgba(59, 183, 180, 0.8) 73.76%),
			url('../static/info/pelunasan-header-bg.jpg');
	}

	.wrap-padding-card {
		width: 30%;
		margin: auto;
		position: relative;
	}

	.margin-desktop {
		margin-top: -1rem !important;
	}

	.background-margin {
		background: linear-gradient(315deg, rgba(0, 127, 159, 0.8) 0%, rgba(5, 165, 179, 0.8) 35%, rgba(59, 183, 180, 0.8) 100%),
			url('../static/info/assurance-header-bg.jpg') !important;
		background-repeat: no-repeat !important;
		background-position: bottom !important;
		padding: 0 !important;
		padding-top: 6rem !important;
		margin-bottom: 2rem;
	}


	body.front-end .simulation--page-header {
		background: url('../static/simulation/desktop-bg.png');
		background-size: cover;
		height: 12.5rem;
	}

	.page-simulation--wrapper {
		flex-direction: row-reverse;
		justify-content: flex-end;
		padding-bottom: 2rem;
		padding-top: 4rem;
	}

	.page-login--wrapper {
		flex-direction: row-reverse;
		justify-content: flex-end;
	}

	body.front-end .simulation--page-footer {
		background-image: url(../static/info/simulasi-kredit-bg-new.png), linear-gradient(194.62deg, #3BB7B4 -5.19%, #05A5B3 21.5%, #1B4D7C 92.9%);
		background-size: cover;
		border-radius: 0px 20px 20px 0px;
		margin: 0;
		height: 100vh;
		padding: 5rem 1.5rem;
	}

	body.front-end .simulation--page-footer-link--desktop {
		flex-direction: column;
		justify-content: space-around;
		height: 100%;
	}

	body.front-end .simulation--page-footer-link--desktop h1 {
		font-size: 2.5rem !important;
		font-weight: 700;
		color: #fff;
		padding: 1rem 0;
		/* margin: 1rem; */
		margin-left: 1rem;
		margin-top: 1rem;
	}

	body.front-end .simulation--page-footer-link--desktop hr {
		width: 3.5rem;
		margin-left: 0;
	}

	body.front-end .footer-credit--desktop {
		padding: 0rem 2rem;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 15px;
	}

	body.front-end .footer-credit--desktop-kredit {
		padding: 2rem;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		border-radius: 15px;
		margin-top: 16rem;
	}

	body.front-end .simulation--page-content {
		background: white;
		width: 40%;
	}

	body.front-end .simulation--page-content .simulation--card {
		border: none;
		border-radius: unset;
		top: unset !important;
		padding: 2rem;
	}



	.is-mobile {
		display: none;
	}

	.is-tablet {
		display: none;
	}

	.is-desktop {
		display: block;
	}

	.is-desktop.disclaimer {
		display: flex !important;
		background: #F1F5F8 !important;
		padding: 1.3rem 0 !important;
		text-align: left !important;
		width: 100% !important;
	}

	.simulation-result--tabs {
		box-shadow: none;
		border-radius: unset;
		min-height: 50px;
	}

	.simulation-result--tabs .is-nav {
		border-top: none;
		border-bottom: 1px solid #EDEDED;
	}

	.simulation-result--wrapper .back--button {
		padding: 4rem 0 1rem 3rem;
	}

	.simulation-result--tabs .is-nav .nav-tabs {
		border-bottom: none;
		padding-left: 2rem;
	}

	.simulation-result--tab-content .tab-intro {
		padding: 1rem 3rem 0rem 2rem;
		background: #fff;
	}

	.simulation-result--tab-content .tab-pane .is-desktop.desktop-tab {
		background: #fff;
		padding: 0 3rem;
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		width: 100%;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table {
		width: 60%;
		font-size: 1rem;
		border: 1px #D8D8D8 solid;
		border-top: none;
		text-align: center;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table thead {
		background: linear-gradient(270.29deg, #05A5B3 8.23%, #007F9F 75.22%, #1B4D7C 96.78%);
		color: white;
		text-transform: uppercase;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table thead th {
		font-weight: 600 !important;
		font-size: 16px;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table th,
	.simulation-result--tab-content .tab-pane .is-desktop table td {
		padding: 1rem;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table td {
		border-bottom: 1px #D8D8D8 solid;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table tbody td #periodic {
		display: flex;
		flex-direction: column;
		padding-bottom: .5rem;
		text-align: left;
		padding-left: 2.5rem;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table tbody a {
		font-size: .75rem;
		color: #05A5B3;
		border: 1px #05A5B3 solid;
		padding: 4px 10px;
		border-radius: 5px;
		display: inline-flex;
		align-items: center;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table tbody img {
		margin-left: 8px;
		height: 10px;
	}

	.simulation-result--wrapper .is-desktop.action--wrapper {
		padding: 2rem 0;
	}

	.simulation-result--recomendation {
		padding: 3rem;
	}

	.simulation-result--page-footer a {
		background: rgba(255, 255, 255, 0.25);
		width: 20%;
	}


	body.front-end .news--header {
		background-image:
			linear-gradient(to right, rgb(0, 127, 159, 0.55), rgb(5, 165, 179, 0.55)),
			url('../static/news/desktop-header-bg.png');
		background-repeat: no-repeat;
		background-size: cover;
		height: 50vh;
		text-align: center;
	}

	body.front-end .news--header .header--card {
		background-image:
			linear-gradient(to right, rgb(241, 245, 248), rgb(241, 245, 248, 0.80)),
			url('../static/news/banner-berita.png');
		border-radius: 15px;
		padding: 2.5rem 0;
		width: 40%;
		margin: 0 auto;
		position: relative;
	}

	body.front-end .news--header .header--card h1 {
		font-size: 2.5rem !important;
		font-weight: 700;
		margin-bottom: 1.25rem !important;
		color: #1B4D7C !important;
	}

	body.front-end .news--header .header--card span {
		color: #1B4D7C;
		font-size: 1rem;
	}

	body.front-end .article--thumbnail {
		margin: 2rem .5rem;
		border-radius: 8px;
		background: #FFF;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
	}



	.is-desktop.news-share--wrapper {
		display: inline-flex !important;
		align-items: center;
	}


	body.front-end .news--content {
		padding: 10px 192px 48px 80px;
		flex: 0 0 auto;
		width: 100%;
	}

	body.front-end .news--header-image {
		height: 400px;
	}

	body.front-end .fina--header-image img {
		height: 400px;
	}

	.news--content-header {
		flex-direction: column-reverse;
	}

	body.front-end .news--category .news--category-type,
	body.front-end .news--category .news--category-date {
		font-size: 20px;
	}

	body.front-end .is-desktop.news-share--wrapper .socmed-conten {
		margin-left: .75rem;
		margin-bottom: .25rem;
	}

	body.front-end .news--article-content {
		margin-top: 2rem;
	}

	body.front-end .news--section {
		margin: 56px 192px 56px 80px;
	}

	body.front-end .news--card-wrapper .news--card {
		flex: 0 0 auto;
		width: 30%;
		margin: 1rem .5rem;
	}

	body.front-end .news--section .news--card .news--card-title-section {
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	body.front-end .news--section .news--card .news--card-title-section p {
		font-size: .75rem !important;
		font-weight: 600 !important;
		margin-bottom: .5rem !important;
	}


	.is-mobile {
		display: none;
	}

	.list-company {
		background: #FFFFFF;
		padding: 2.5rem 1rem;
		margin-top: 0rem;
	}

	.list-company {
		padding: 1rem 13rem 1rem 8rem;
	}

	.is-desktop {
		display: block;
	}

	.list-company .thumbnail {
		background: #FFFFFF;
		border: 1px solid #D8F1F5;
		box-sizing: border-box;
		box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
		border-radius: 8px;
		width: 100%;
		margin-bottom: 2rem;
	}

	.list-promo .thumbnail {
		background: #FFFFFF;
		box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.25);
		border-radius: 5px;
		padding: 0rem;
		margin: 1rem 0;
		margin-top: 0;
	}

	body.front-end .section-flex {
		display: flex;
		padding: 1rem 8rem 0 8rem;
		justify-content: space-between;
	}

	body.front-end .section-flex-promo {
		display: flex;
		padding: 1rem 2rem 0 2rem;
		justify-content: space-between;
	}

	body.front-end .title-list-promo h5 {
		margin-top: 0;
	}

	body.front-end hr.darkOrangeProduk {
		border: 1px solid #F57B32;
		transform: rotate(180deg);
		width: 3%;
		margin: 2rem 0 0 8rem !important;
	}

	body.front-end hr.blueProduct {
		width: 3%;
		margin: 2rem 0 0 80px !important;
	}

	body.front-end .product--tabs .nav-pills .nav-link {
		border: 1px solid #C4C4C4;
	}

	body.front-end .product--header {
		text-align: left;
		padding-left: 80px;
		padding-right: 192px;
	}

	body.front-end .promo--header {
		text-align: left;
		padding: 117px 192px 32px 80px;
	}

	.list-promo {
		padding: 0 8rem 0 7rem;
	}

	body.front-end .list-car-one {
		margin: 0rem 192px 0rem 80px;
		border-radius: 0;
		height: 40vh;
	}

	body.front-end .list-car-one img {
		width: 65px;
		position: absolute;
		content: left;
		left: 0;
		margin-left: 15rem;
		margin-top: 1rem;
	}

	body.front-end .list-car-one h1 {
		font-weight: 600;
		font-size: 28px !important;
		text-align: left;
		padding-left: 1rem;
		padding-top: 5rem;
		margin-top: 0rem;
		color: #01809F;
	}

	body.front-end .list-car-one .description-list-car {

		font-style: normal;
		font-weight: normal;
		font-size: 20px;
		line-height: 125%;
		color: #FFFFFF;
		text-align: left;
		padding-left: 1rem;
		width: 25rem;
		color: #3BB7B4;
	}

	body.front-end .list-car-one .button-list-car {
		background: linear-gradient(0deg, #FD930A, #FD930A);
		border-radius: 35px;
		color: #fff;
		padding: .75rem 2rem;
		/* width: 10rem; */
		width: 300px;
		margin: 1rem 0rem 0rem 1rem;
		height: 55px;
	}

	body.front-end .list-car-two {
		margin: 0rem 192px 0rem 80px;
		border-radius: 0;
		height: 40vh;
	}

	body.front-end .list-car-two img {
		width: 65px;
		position: absolute;
		content: left;
		left: 0;
		margin-left: 4rem;
		right: 0;
		margin-right: 0;
		margin-top: 1rem;
	}

	body.front-end .list-car-two h1 {
		font-weight: 600;
		font-size: 28px !important;
		text-align: left;
		padding-left: 1rem;
		padding-top: 5rem;
		margin-top: 0rem;
		color: #01809F;
	}

	body.front-end .list-car-two .description-list-car {

		font-style: normal;
		font-weight: normal;
		font-size: 20px;
		line-height: 125%;
		color: #FFFFFF;
		text-align: right;
		padding-right: 0rem;
		text-align: left;
		position: relative;
		padding-left: 1rem;
		width: 25rem;
		color: #3BB7B4;
	}

	body.front-end .list-car-two .button-list-car {
		background: linear-gradient(0deg, #FD930A, #FD930A);
		border-radius: 35px;
		color: #fff;
		padding: .75rem 2rem;
		/* width: 10rem; */
		width: 300px;
		margin: 1rem 0rem 0 1rem;
		position: relative;
		height: 55px;
	}

	body.front-end .list-car-three {
		margin: 0rem 192px 0rem 80px;
		border-radius: 0;
		height: 40vh;
	}

	body.front-end .list-car-three img {
		width: 65px;
		position: absolute;
		content: left;
		left: 0;
		margin-left: 15rem;
		margin-top: 1rem;
	}

	body.front-end .list-car-three h1 {
		font-weight: 600;
		font-size: 28px !important;
		text-align: left;
		padding-left: 1rem;
		padding-top: 5rem;
		margin-top: 0rem;
		color: #01809F;
	}

	body.front-end .list-car-three .description-list-car {

		font-style: normal;
		font-weight: normal;
		font-size: 20px;
		line-height: 125%;
		color: #FFFFFF;
		text-align: left;
		padding-left: 1rem;
		width: 25rem;
		color: #3BB7B4;
	}

	body.front-end .list-car-three .button-list-car {
		background: linear-gradient(0deg, #FD930A, #FD930A);
		border-radius: 35px;
		color: #fff;
		padding: .75rem 2rem;
		/* width: 10rem; */
		width: 300px;
		margin: 1rem 0rem 0rem 1rem;
		height: 55px;
	}

	body.front-end .wrap-information {
		padding-bottom: 2rem;
		margin-top: 4rem;
	}

	body.front-end .padding-text {
		text-align: left !important;
		padding: 1rem 192px 1rem 80px;
		margin-bottom: 2rem;
	}

	body.front-end .padding-text-href {
		padding: 1rem 88px;
		z-index: 1000;
	}

	body.front-end .cardWhite {
		background: linear-gradient(180.04deg, #FFFFFF -18.48%, #FFFFFF 54.77%, #F1F5F8 99.97%);
		border-radius: 35px;
		width: 33rem;
		height: auto;
		margin: -6rem 1rem 2rem 3rem;
		padding: 3rem;
	}

	body.front-end .newCar--page-content .newCar--card {
		background: #fff;
		border: 1px solid #007F9F;
		border-radius: 10px;
		top: 6rem;
		position: absolute;
		height: auto;
		width: 394px;
		margin: 0rem 8rem 0rem 6rem;
	}

	body.front-end .newCar--page-header {
		background: url(../static/product/new-car-matrix.jpg);
		background-size: cover;
		height: 585px;
		border-radius: 0px 0px 0px 50px;
		margin-bottom: 3rem;
		/* margin-top: -5rem; */
	}

	body.front-end .newCar--page-header-used-car {
		background: url(../static/product/lease-car-matrix.jpg);
		background-size: cover;
		height: 480px;
		border-radius: 0px 0px 0px 50px;
		margin-bottom: 8rem;
		margin-top: 3rem;
	}

	body.front-end .newCar--page-header-komersil {
		background: url(../static/product/komersil-car-matrix.png);
		background-size: cover;
		height: 400px;
		border-radius: 0px 0px 0px 50px;
		margin-bottom: 2rem;
		/* margin-top: -5rem; */
	}


	body.front-end .promo-breadcrumb .title-breadcrumb .gray {
		padding: 0 8rem 0 8rem;
	}

	body.front-end .newCar--page-content p.blackBold {
		font-size: 16px !important;


	}

	body.front-end .newCar--page-content p.darkGray {
		font-size: 14px !important;
		position: relative;


	}

	body.front-end .blackThinn {
		font-size: 20px !important;
		line-height: 32px;
		text-align: left;
		padding: 1rem 0rem 1rem 0;
	}

	body.front-end .font-large-desktop {
		font-style: normal;
		font-size: 16px;
		font-weight: normal;
		line-height: 28px;
	}

	body.front-end .image-astari {
		width: 7rem;
	}

	body.front-end .text-grid {

		font-style: normal;
		letter-spacing: 0 !important;
		text-transform: none !important;
		align-items: center;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		color: #000000;
		font-weight: normal !important;
		font-size: 14px !important;
		line-height: 20px;
		align-items: center;
	}

	body.front-end .promo-breadcrumb {
		background: #F1F5F8;
		color: #1B4D7C;
		text-align: left;
		padding-left: 1rem;
		padding-top: 5rem;
		padding-bottom: 3rem;
	}

	body.front-end .title-list-promo h5 {
		font-size: 42px !important;
	}

	body.front-end .padding-detail {
		padding: 32px 192px 0 80px;
	}

	body.front-end .detail-promo--content .font-title .fontStyle {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0.5em;
		text-transform: uppercase;
		color: #339AAA;
	}

	body.front-end .detail-promo--content h1 {
		font-size: 42px !important
	}

	body.front-end .detail-promo--content p.black {
		font-size: 24px !important;
	}

	body.front-end .detail-promo--content .detail-promo--breadcrumb {
		width: 14rem;
	}

	body.front-end .detail-promo--breadcrumb p.black {
		font-size: 14px !important;
		margin-left: 0px;
	}

	body.front-end .news--header-image {
		width: 608px;
		height: 342.101px;
		border-radius: 0px;
	}

	body.front-end .fina--header-image img {
		width: 739px;
		height: 361px;
		border-radius: 20px;
	}

	body.front-end .newCar--page-content {
		background: #ffffff;
		padding: 0 0rem;
	}

	body.front-end .padding-astari {
		padding: 0 7rem 0 2rem;
	}




}


@media (min-width: 768px) and (max-width: 991px) {
	.wrap-banner.penghargaan {
		position: relative;
		width: 100%;
		padding-bottom: 476px;
		height: 100%;
	}
}

@media (min-width: 992px) and (max-width: 1024px) {
	.wrap-banner.penghargaan {
		position: relative;
		width: 100%;
		padding-bottom: 18rem !important;
		height: 100%;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	body.front-end .wrap-produk {
		padding: 80px 60px 0px 50px;
		height: auto;
	}

	body.front-end .flex-produk {
		display: block;
	}

	body.front-end .pad-tab-car {
		padding: 0rem;
	}

	body.front-end header {
		background: #ffffff !important;
		display: block !important;
	}

	body.front-end .news--section {
		margin: 56px 32px 56px 32px;
	}

	body.front-end .space-desktop-right-fina {
		padding: 1rem 50px 64px 32px;
		margin-top: -32px;
	}

	body.front-end .mobil-mall-desktop--section .mobil-mall-thumbnail--section {
		background: url('../static/landing/bg-mobil-mall-black.jpg');
		background-size: cover;
		background-position: 97% 52%;
		background-repeat: no-repeat;
		border-radius: 25px;
		margin: 0 32px 0 32px;
		padding: 3rem 2rem 2rem 2rem;
		top: 3rem;
	}

	body.front-end .row-color-about {
		padding: 0rem 0rem;
	}

	#nav-tabContentVisi {
		background: #FFFFFF;
		border-radius: 8px;
		margin-left: 16px;
		margin-right: 16px;
		padding-bottom: 1rem;
		padding-top: 6px;
		box-shadow: 0px 4px 8px rgb(154 181 188 / 30%);
	}

	body.front-end .subtitle.tentang-kami {
		margin-right: 1.3rem;
	}

	body.front-end .bg-color-about-desktop {
		padding-top: 4rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.section-tata-kelola h2 {
		font-size: 18px !important;
		text-align: left;
		padding-left: 16px;
		padding-right: 0px;
		padding-top: 32px !important;
	}

	.is-desktop-faq {
		display: block;
	}

	.is-mobile-faq {
		display: none;
	}

	.device-responsive {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		margin: 0 0rem !important;
	}

	body.front-end .padding-detail-produk {
		margin-left: 2rem;
		margin-right: 6rem;
	}

	body.front-end .news--header-image {
		height: 300px;
	}

	body.front-end .fina--header-image img {
		height: 300px;
	}

	body.front-end .allpromo--list {
		padding: 0;
		margin-left: 16px !important;
		margin-right: 16px !important;
	}

	body.front-end .subtitle-product {
		margin-left: 2rem;
		font-family: 'Open Sans';
	}

	body.front-end header nav {
		padding: 1rem 1rem !important;
	}

	body.front-end .card-syarat {

		background-size: cover;
		border-radius: 5px;
		color: #fff;
		font-size: 1.25rem !important;
		width: 100%;
		height: 10rem;
	}

}

@media (max-width: 767px) {
	body.front-end .news--article-content p {
		color: #717171 !important;
		font-family: 'Open Sans';
		font-size: 14px !important;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
	}

	body.front-end .news--article-title-education {
		color: #717171 !important;
		font-family: 'Open Sans';
		font-size: 20px !important;
		font-style: normal;
		font-weight: 700;
		line-height: 27px;
		margin-top: 1rem;
	}

	.btn-detail-contact-border {
		background: #FFFFFF !important;
		border: 1px solid #3DB9CC !important;
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
		border-radius: 30px !important;
		font-family: 'Open Sans' !important;
		font-style: normal;
		font-weight: 700 !important;
		font-size: 14px !important;
		line-height: 24px !important;
		text-align: center;
		color: #1896A9 !important;
		width: 100%;
		padding: 10px !important;
	}

	.btn-detail-contact {
		background: linear-gradient(180deg, #3DB9CC 0%, #1896A9 125%) !important;
		box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
		border-radius: 30px !important;
		font-family: 'Open Sans' !important;
		font-style: normal;
		font-weight: 700 !important;
		font-size: 14px !important;
		line-height: 24px !important;
		text-align: center;
		color: #FFFFFF !important;
		width: 100%;

	}

	body.front-end .icon-contactUs {
		height: 30px;
		margin: auto;
		display: block;
	}

	.desktop-footer-socmed--wrapper {
		display: flex;
		flex-direction: row;
		padding-right: 2rem;
	}

	.title-lowongan h1 {
		font-size: 14px !important;
	}

	.title-lowongan a {
		font-size: 14px !important;
	}

	body.front-end .allpromo--list .article--thumbnail {
		width: 94%;
	}

	.btn-detail-career {
		width: 80% !important;
		margin: auto;
		display: block !important;
	}

	.btn-detail-form {
		width: 100% !important;
		margin: auto;
		display: block !important;

	}

	.child-color-karir h1 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 700 !important;
		font-size: 26px !important;
		line-height: 40px !important;
		color: #FFFFFF !important;
		width: 94% !important;
		bottom: 13%;
		text-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
	}

	body.front-end .style-modal-dialog {
		top: 2rem;
		margin-bottom: 12rem;
	}

	body.front-end .style-text-team {
		margin-bottom: 60px !important;
	}

	.modal-body {
		overflow-y: scroll;
	}

	.gallery-slider-mobile {
		height: 394px;
		margin: 0 0 10px 0;

	}

	.gallery-slider-mobile .swiper-slide {
		width: auto;
		height: 400px;
	}

	.gallery-slider-mobile .swiper-slide .title {
		font-weight: bold;
		font-size: 14px !important;
		color: white !important;
	}

	.gallery-slider-mobile .swiper-slide .subtitle {
		font-weight: normal;
		font-size: 9px !important;
		color: white !important;
		font-family: 'Open Sans';
		text-transform: uppercase;
		letter-spacing: 0.05em;

	}

	.gallery-slider-mobile .swiper-slide .subtitle:hover {
		font-weight: normal;
		font-size: 9px !important;
		color: white !important;
		font-family: 'Open Sans';
		text-transform: uppercase;
		letter-spacing: 0.05em;

	}

	.gallery-slider-mobile .swiper-slide img {
		width: 100%;
		height: 30%;
		margin-top: -1rem;
		padding: 0 0rem;
		object-fit: contain;
	}

	.gallery-thumbs-mobile .swiper-button-next:after,
	.swiper-container-rtl .swiper-button-prev:after {
		content: 'next';
		font-size: 21px;
		width: 20px;
		height: 20px;
		color: white;
		margin-left: 2rem;
	}

	.gallery-thumbs-mobile .swiper-button-prev:after,
	.swiper-container-rtl .swiper-button-next:after {
		content: 'prev';
		font-size: 21px;
		background: transparent;
		width: 20px;
		height: 20px;
		margin-top: -1rem;
		color: white;
	}

	.gallery-thumbs-mobile {
		width: 100%;
		margin-top: -8rem;
		margin-left: 2rem;
		padding: 0;
		overflow: hidden !important;
	}

	.gallery-thumbs-mobile .swiper-slide {
		width: 62px;
		height: 62px;
		text-align: center;
		overflow: hidden;
		background: transparent;
		opacity: 0.7;
		border-radius: 5px;
	}

	.gallery-thumbs-mobile .swiper-slide-active {
		opacity: 1;
		width: 62px;
		height: 62px;
		border: none;
		box-sizing: border-box;
		border-radius: 5px;
	}

	.gallery-thumbs-mobile .swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: contain;

	}

	::-webkit-scrollbar-track {
		background: #E5E5E5;
		width: 8px;
	}

	::-webkit-scrollbar {
		width: 10px;
		background-color: #F5F5F5;
	}

	::-webkit-scrollbar-thumb {
		background: #B1CDEC;
		border-radius: 4px;
	}

	body.front-end .style-modal-penghargaan .modal-body p {
		color: #000000;
		line-height: 26px;
		font-size: 16px;
		padding: 0 !important;
		margin-bottom: 1rem;
	}

	body.front-end .style-modal-penghargaan .modal-body h1 {
		color: #000000;
		line-height: 26px;
		font-size: 16px;
		font-family: 'Open Sans';
		font-weight: normal;
		letter-spacing: 0.3px;
		padding: 0 !important;
		margin-bottom: 1rem;

	}

	body.front-end .style-modal-penghargaan .modal-body h2 {
		color: #000000;
		line-height: 26px;
		font-size: 16px;
		font-family: 'Open Sans';
		font-weight: normal;
		letter-spacing: 0.3px;
		padding: 0 !important;
		margin-bottom: 1rem;

	}

	body.front-end .style-modal-penghargaan .modal-body h3 {
		color: #000000;
		line-height: 26px;
		font-size: 16px;
		font-family: 'Open Sans';
		font-weight: normal;
		letter-spacing: 0.3px;
		padding: 0 !important;
		margin-bottom: 1rem;

	}

	body.front-end .style-modal-penghargaan .modal-body h4 {
		color: #000000;
		line-height: 26px;
		font-size: 16px;
		font-family: 'Open Sans';
		font-weight: normal;
		letter-spacing: 0.3px;
		padding: 0 !important;
		margin-bottom: 1rem;

	}

	body.front-end .style-modal-penghargaan .modal-body h5 {
		color: #000000;
		line-height: 26px;
		font-size: 16px;
		font-family: 'Open Sans';
		font-weight: normal;
		letter-spacing: 0.3px;
		padding: 0 !important;
		margin-bottom: 1rem;

	}

	body.front-end .style-modal-penghargaan .modal-body h6 {
		color: #000000;
		line-height: 26px;
		font-size: 16px;
		font-family: 'Open Sans';
		font-weight: normal;
		letter-spacing: 0.3px;
		padding: 0 !important;
		margin-bottom: 1rem;

	}

	body.front-end .style-modal-penghargaan {
		overflow-y: auto !important;
	}

	body.front-end .flex-title-form {
		display: block;
	}

	body.front-end .mobil-mall--section h2 {
		font-size: 20px !important;
		font-weight: bold;
	}

	body.front-end .showroom {
		font-size: 20px !important;
		font-weight: bold;
	}

	body.front-end #wrap-file {
		margin-top: 5rem;
	}

	body.front-end .wrap-menu-navigation {
		position: relative;
		margin-top: -3rem !important;
	}

	body.front-end #e-form-information {

		height: auto;
	}

	body.front-end .wrap-action-pengkinian-data {
		bottom: 65px;
		/* position: fixed; */
		width: 100%;
		z-index: 10001;
		background: #ffffff;
		/* box-shadow: 0px 0px 4px rgb(0 0 0 / 25%); */
		border-radius: 8px;
		padding: 1rem;
	}

	body.front-end .image-account {
		display: block;
		margin: auto;
		margin-bottom: 1rem;
	}

	body.front-end .image-account-default {
		display: block;
		margin: auto;
		margin-bottom: 1rem;
	}

	body.front-end .title-account {
		font-size: 16px !important;
	}

	body.front-end .tab-content-account {
		padding: 1rem 1rem;
	}

	body.front-end .width-nav-account {
		width: 100% !important;
	}

	body.front-end .img-send-email {
		position: relative;
		width: 157px;
		height: 135px;
		display: block;
		margin: auto;
		margin-top: -6rem;
	}

	body.front-end .wrap-login {
		padding: 86px 0px 120px 0px;
		height: 100%;
	}

	body.front-end .wrap-login .title-login {
		padding: 0px 0px 16px 0px;
		font-size: 26px !important;
		line-height: 28px;
	}

	body.front-end .image-login {
		display: none;
	}

	body.front-end .card-login {
		padding: 48px 22px 10px 22px !important;
		margin: 0px 15px;
		border-radius: 16px;
	}

	body.front-end .forgot-pass {
		font-size: 13px !important;
		line-height: 20px;
	}

	.button-login {
		font-size: 14px !important;
	}

	body.front-end .no-account {
		font-size: 13px !important;
	}

	body.front-end .no-account-register {
		font-size: 13px !important;
	}

	.file-block {
		text-decoration: underline;
		margin: 5px;
		max-width: 76px;
		margin-bottom: 3rem;
		color: initial;
		display: block;
	}

	body.front-end .section-card-e-form {
		padding: 1rem;
	}

	body.front-end .e-form-pad {
		padding: 0rem 0rem;
	}

	body.front-end .e-form-account {
		padding: 1rem 0rem;
	}

	body.front-end .section-card-e-form h1 {
		font-size: 18px !important;
		line-height: 24px;
		width: 100%;
	}

	body.front-end .section-card-e-form .desc {
		font-size: 14px !important;
		line-height: 20px;
		padding-top: 1rem;
	}

	body.front-end .section-card-e-form {
		margin: -6rem 16px 0px 16px;
	}

	body.front-end .pad-card-promo {
		padding: 1rem 1rem !important;
	}

	body.front-end .wrap-div-promo {
		background: linear-gradient(90deg, #339AAA 1.32%, #1158A6 100%);
		padding: 82px 16px 32px 16px;
		height: auto;
	}

	body.front-end .wrap-div-account {
		padding: 57px 16px 32px 16px;
		height: 258px;
		background-repeat: no-repeat;
		background-size: cover;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 41.88%, rgba(255, 255, 255, 0.55) 100%);
	}

	body.front-end .image-promo {
		width: 65%;
		display: block;
		margin: auto;
	}

	.list-company .thumbnail .paragraph {
		height: 2rem;
	}

	body.front-end .wrap-detail-produk {
		background-image: url('../static/product/new-bg-car.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height: 353px;
	}

	body.front-end .img-detail-prod {
		width: 100%;
		object-fit: cover;
		height: 300px;
	}

	body.front-end .btn-mobile-align {
		display: block;
		margin: auto;
	}

	.swiperMerk .swiper-button-prev,
	.swiperMerk .swiper-button-next {
		display: none;
	}

	.swiperProdukLainnya .swiper-button-prev,
	.swiperProdukLainnya .swiper-button-next {
		display: none;
	}

	.swiperMerk:hover .swiper-button-prev,
	.swiperMerk:hover .swiper-button-next {
		display: none;
	}

	.swiperProdukLainnya:hover .swiper-button-prev,
	.swiperProdukLainnya:hover .swiper-button-next {
		display: none;
	}

	body.front-end .card-detail-produk h1 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 26px !important;
		line-height: 30px;
		color: #1469C7;
	}

	body.front-end .card-detail-produk h2 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 18px !important;
		line-height: 22px;
		text-align: left;
		color: #0D4685;
	}

	body.front-end .card-detail-produk p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 14px !important;
		line-height: 18px;
		text-align: justify;
		color: #000000;
	}

	body.front-end .card-detail-table-produk h2 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 18px !important;
		line-height: 22px;
		color: #0D4685;
	}

	body.front-end .faq-detail-produk .image-illustrasi-faq-detail {
		width: 50%;
		margin: auto;
		display: block;
		margin-top: -10rem;
	}

	body.front-end .height-detail-kredit {
		height: 4rem !important;
	}

	body.front-end .card-detail-produk {
		margin: 0rem !important;
		border-radius: 0 !important;
	}

	body.front-end .faq-detail-produk {
		padding: 1rem;

		margin-top: 11rem !important;
	}

	body.front-end .card-detail-table-produk {
		margin: 1rem !important;
		padding: 1rem 0rem;
		margin-top: -2rem !important;
	}

	body.front-end .card-new-benefit .images {
		width: 100%;
	}

	body.front-end .card-new-benefit .images-benefit-3 {

		width: 100%;
	}

	body.front-end .card-new-benefit-detail .images {
		width: 100%;
	}

	body.front-end .card-new-benefit-detail .images-benefit-3 {

		width: 100%;
	}

	body.front-end .btn-lorem {
		font-size: 16px !important;
	}

	body.front-end .wrap-scroll {
		margin: 0rem 1rem;
	}

	body.front-end .style-row-produk {
		padding-top: 0rem;
	}

	.padding-promo {
		margin: 1rem 1rem !important;
	}

	body.front-end .card-new-benefit a {
		font-size: 14px !important;
		line-height: 20px;
	}

	body.front-end .card-new-benefit-detail a {
		font-size: 14px !important;
		line-height: 20px;
	}

	body.front-end .benefit-row {
		padding: 1rem 1rem 1rem 1rem !important;
	}

	body.front-end .card-new-benefit .images {
		padding: 0rem;
		margin-top: -23% !important;
	}

	body.front-end .card-new-benefit .images-benefit-3 {
		padding: 0rem;
		margin-top: -43% !important;
	}

	body.front-end .card-new-benefit-detail .images {
		padding: 0rem;
		margin-top: -35% !important;
	}

	body.front-end .card-new-benefit-detail .images-benefit-3 {
		padding: 0rem;
		margin-top: -43% !important;
	}

	.benefit-height {
		height: 5.9rem !important;
	}

	body.front-end .card-new-benefit {
		margin-top: 3rem;
		padding: 1rem 1rem;
	}

	body.front-end .card-new-benefit-detail {
		margin-top: 3.5rem;
		padding: 1rem 1rem;
	}

	body.front-end .desc-produk p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 14px !important;
		line-height: 22px;
		color: #072342;
	}

	body.front-end .desc-produk h2 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 20px !important;
		line-height: 28px;
		color: #1469C7;
	}

	body.front-end .bg-section-final p {
		font-size: 22px !important;
		line-height: 32px;
	}

	body.front-end .size-mobile {
		width: 40%;
		height: auto;
		margin-top: 0px;
	}

	body.front-end .bg-section-final {
		background: linear-gradient(90deg, #3B82D0 0%, #5DC5D4 100%);
		display: block;
		justify-content: space-between;
		padding: 0px 0px 0px 0px;
		margin-top: 0px;
	}

	body.front-end .benefit-row {
		margin: 0;
	}

	body.front-end .section-benefit {
		background: linear-gradient(0deg, #D6E1F1 89.22%, #FFFFFF 0%);
		margin-top: -28px;
	}

	body.front-end .section-kredit-mobil {
		background: linear-gradient(180deg, #D6E1F1 0%, #FFFFFF 89.22%);
		margin-top: 32px;
	}

	body.front-end .service-info--wrapper-produk {
		background: #ffffff !important;
	}

	body.front-end .col-benefit-mobile {
		max-width: 4%;
	}

	body.front-end .col-benefit-mobile-detail {
		max-width: 100%;
	}

	body.front-end .col-benefit-mobile-produk {
		max-width: 200px;
	}

	body.front-end .benefit-row-produk {
		padding-top: 6rem !important;
	}

	body.front-end .col-syarat-mobile {
		max-width: 100%;
		padding: 0rem 6px;
	}

	body.front-end .col-syarat-career {
		padding: 0rem 6px;
	}

	body.front-end .col-benefit-mobile-new {
		max-width: 4%;
	}

	body.front-end .col-mobile {
		width: 265vw;
		justify-content: flex-start;
	}

	body.front-end .img-wrap-kredit {
		width: 200px;
		height: 200px;
		display: block;
		margin: 0 auto;
	}

	body.front-end .pad-tab-car {
		padding: 0rem;
	}

	body.front-end .desc-produk {
		padding-left: 0px;
		padding-right: 0px;
	}

	body.front-end .img-produk {
		width: 100%;
		border-radius: 8px;
	}

	body.front-end .tabs-produk {
		max-width: 100%;
		margin-right: 0rem !important;
		margin-left: 0rem !important;
		margin-top: 2rem !important;
	}

	body.front-end .tabs-account {
		max-width: 100%;
		margin-right: 0rem !important;
		margin-left: 0rem !important;
		margin-top: 3.5rem !important;
		padding: 0px 15px;
	}

	body.front-end .flex-produk {
		display: block;
	}

	body.front-end .wrap-produk {
		background: linear-gradient(90deg, #339AAA 1.32%, #1158A6 100%);
		padding: 45px 16px 0px 16px;
		height: auto;
	}

	body.front-end .wrap-produk h1 {
		font-family: 'Open Sans';
		font-style: normal !important;
		font-weight: bold !important;
		font-size: 26px !important;
		line-height: 30px !important;
		color: #FFFFFF !important;
		text-align: center;
	}

	body.front-end .wrap-div-promo h1 {
		font-family: 'Open Sans';
		font-style: normal !important;
		font-weight: bold !important;
		font-size: 26px !important;
		line-height: 30px !important;
		color: #FFFFFF !important;
		text-align: center;
	}

	body.front-end .wrap-div-account h1 {
		font-family: 'Open Sans';
		font-style: normal !important;
		font-weight: 700 !important;
		font-size: 32px !important;
		line-height: 25px !important;
		color: #FFFFFF !important;
		text-align: left;
		text-shadow: 0px 2px 12px rgba(0, 0, 0, 0.25);
		color: #FFF;
	}


	body.front-end .wrap-produk p {
		font-family: 'Open Sans';
		font-style: normal !important;
		font-weight: 600 !important;
		font-size: 14px !important;
		line-height: 22px !important;
		color: #FFFFFF !important;
	}

	body.front-end .width-mobile {
		width: 87%;
		position: relative;
		display: block;
		margin: auto;
	}

	body.front-end .catatan-form img {
		width: 72px;
		height: 72px;
	}

	body.front-end .bg-form {
		background: #FFFFFF;
		border: 1px solid #D8D8D8;
		box-sizing: border-box;
		border-radius: 3px 3px 3px 3px;
		height: auto;
		padding-top: 0rem;
	}

	.body.front-end .border-accordion {
		background: #FFFFFF;
		border: 1px solid #D8D8D8;
		box-sizing: border-box;
		border-radius: 3px 25px 3px 3px;
	}

	body.front-end .formkel-card-mobile {
		background: rgba(208, 225, 244, 0.3);
		border-radius: 4px;
		margin-top: 1rem;
		height: auto;
		margin: 10px;
	}

	body.front-end .text-formkel {
		font-weight: 600;
		font-size: 12px;
		line-height: 18px;
		color: #0D4685;
		margin-top: 14px;
		margin-left: 8px;
	}

	body.front-end .col-formkel {
		background: linear-gradient(174.85deg, #BEE8EE 4.13%, #B1CDEC 95.87%);
		border-radius: 4px;
	}

	body.front-end .download-formkel {
		width: 19px;
		height: 19px;
		margin-top: 1rem;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	body.front-end #accordion-form-kelengkapan .card-detail-formKel a[aria-expanded="true"] {
		float: right;
		padding: 8px 8px !important;
		content: "";
		background-image: url("../static/info/arrow-white-form.svg");
		background-size: 16px;
		position: absolute;
		right: 10%;
	}

	body.front-end #accordion-form-kelengkapan .card-detail-formKel a[aria-expanded="false"].collapsed-detail-formkel {
		background-image: url("../static/info/arrow-blue-form.svg");
		background-size: 16px;
		float: right;
		padding: 8px 8px !important;
		content: "";
		position: absolute;
		right: 10%;
	}

	body.front-end #accordion-form-kelengkapan .card-detail-formKel div[aria-expanded="false"].icon-folder-active {
		background-image: url(../static/info/folder-form.png);
		width: 21%;
		height: 81%;
		background-size: 32px;
		background-repeat: no-repeat;
	}

	body.front-end #accordion-form-kelengkapan .card-detail-formKel div[aria-expanded="true"].icon-folder-active {
		background-image: url("../static/info/folder-form-white.png");
		width: 21%;
		height: 81%;
		background-size: 32px;
		background-repeat: no-repeat;
	}

	body.front-end .card-terms-style-formkel p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600 !important;
		font-size: 14px;
		line-height: 20px;
		color: #0D4685;
	}

	body.front-end .card-terms-style-formkel[aria-expanded="true"] p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 20px;
		color: #FFFFFF;
	}

	body.front-end .bg-search-form {
		background: linear-gradient(180deg, rgba(190, 232, 238, 0.6) 0%, rgba(126, 208, 221, 0.6) 100%);
		box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
		height: 79px;
		padding: 16px 16px 16px 16px;
		margin-top: 2rem;
	}

	body.front-end .catatan-form h1 {
		font-family: 'Open Sans';
		font-weight: bold;
		font-size: 22px;
		line-height: 32px;
		color: #1B4D7C;
	}

	body.front-end .catatan-form p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 22px;
		color: #143E44;
	}

	body.front-end .news--select {
		margin: 0 2rem;
	}

	body.front-end .icon-download-white {
		left: 11%;
		bottom: 60px;
	}

	/* body.front-end .chat-astari { */
	/* top: 116%;
   			 right: 43%; */
	/* } */
	.search-box {
		width: 100%;
	}

	.search-wrapper {
		width: auto;
		margin: auto;
		margin-top: 5px;
	}

	body.front-end .flex-faq-banner .center-div {
		width: 100%;
	}

	body.front-end .illustration-faq {
		display: none;
	}

	body.front-end .illustration-faq-2 {
		display: none;
	}

	body.front-end .href-back {
		font-size: 11px !important;
	}

	.card-wrap-jaringan {
		padding-top: 90px !important;
		margin-bottom: 40px;
		padding: 0;
	}

	#section2-kategori {
		display: block;
	}

	body.front-end .card-terms-style-detail-sub[aria-expanded="false"] {
		background: #FFFFFF;
		border: 1px solid #D8D8D8;
		box-sizing: border-box;
		border-radius: 3px 25px 3px 3px;
		align-items: center;
		justify-content: space-between;
		display: inline-flex;
		height: 120px;

	}

	body.front-end .card-terms-style-detail-sub[aria-expanded="true"] {
		align-items: center;
		height: 120px;
		background: #339AAA;
		border-radius: 3px 25px 0px 0px;
		justify-content: space-between;
		display: inline-flex;
	}

	.direction-mobile {
		flex-direction: column-reverse;
	}

	.style-map {
		padding-right: 16px !important;
		padding-left: 16px !important;
	}

	.scrollable-content {
		height: auto;
		overflow: auto;
		overflow-x: hidden;
		margin: 16px;
	}

	::-webkit-scrollbar-track {
		background: #E5E5E5 !important;
		width: 8px;
	}

	::-webkit-scrollbar {
		width: 10px;
		background-color: #F5F5F5;
	}

	::-webkit-scrollbar-thumb {
		background: #B1CDEC;
		border-radius: 4px;
	}

	body.front-end #card-none {
		display: block;
		height: auto;
		background: rgba(235, 243, 252, 0.5);
		border-radius: 8px;
		margin-right: 18px;
		padding: 15px 10px 24px 10px;
		margin-bottom: 20px;
		cursor: pointer;
	}

	.card-jaringan #card-none:hover {
		height: auto;
		background: rgba(98, 155, 218, 0.15);
		border-radius: 8px;
		padding: 15px 10px 24px 10px;
		margin-bottom: 20px;
		cursor: pointer;

	}

	.card-jaringan #card-none::selection {
		height: auto;
		background: rgba(98, 155, 218, 0.15);
		border-radius: 8px;
		padding: 20px 25px 50px 20px;
		margin-bottom: 20px;
		cursor: pointer;
	}

	.card-jaringan #card-none h3 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 14px;
		line-height: 20px;
		color: #297B88;
	}

	.card-jaringan #card-none p {
		font-size: 12px;
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		line-height: 20px;
		color: #000000;

	}

	.card-jaringan #card-none .telp {
		background: rgba(255, 255, 255, 0.5);
		border-radius: 2px;
		height: 32px;
		padding: 8px 4px;
		width: 80%;
		font-family: 'Open Sans';
		font-weight: normal;
		font-size: 12px;
		line-height: 16px;
		color: #000000;
	}

	.card-jaringan #card-none .fax {
		margin-top: 10px;
		background: rgba(255, 255, 255, 0.5);
		border-radius: 2px;
		height: 32px;
		padding: 8px 4px;
		width: 80%;
		font-family: 'Open Sans';
		font-weight: normal;
		font-size: 12px;
		line-height: 16px;
		color: #000000;
	}

	.card-jaringan #card-none .peta-redirect {
		float: right;
		margin-top: 0px;
	}

	.card-jaringan #card-none .peta-redirect a {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 12px !important;
		line-height: 30px;
		align-items: center;
		text-align: right;
		letter-spacing: 0.1em;
		text-decoration-line: underline;
		color: #1469C7 !important;

	}

	body.front-end .service-info--wrapper .payment-proof strong {
		font-size: 14px;
	}

	body.front-end .claim-assurance h3 {
		font-size: 18px !important;
		line-height: 24px !important;
	}

	body.front-end .breadcrumb-global a {
		font-size: 12px !important;
		color: white;
		font-weight: 400;
	}

	body.front-end .breadcrumb-global-gray a {
		font-size: 12px !important;
		color: #A0A0A0;
		font-weight: 400;
	}

	body.front-end .breadcrumb-global-gray a .active {
		font-size: 12px !important;
		color: #000;
		font-weight: 400;
	}

	ul#tabs li {
		display: inline-block;
		padding: 0px 15px;
		padding-bottom: 1rem;
		margin-right: -10px;
		border-bottom: 3px #E5E5E5 solid;
		cursor: pointer;
		color: #717171;
		font-size: 14px !important;
		line-height: 20px;
	}

	ul#tabs li.active {
		color: #072342;
		font-weight: bold;
		background-color: #ffffff;
		padding-bottom: 1rem;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-image: linear-gradient(270deg, #9EDCE5 0%, #3DB9CC 100%) 1;
		border-top: 0px;
		border-right: 0px;
		border-left: 0px;
		font-size: 14px !important;
		line-height: 20px;
	}

	body.front-end .pad-row-visi {
		margin-left: 0rem;
		margin-right: 0rem;
	}

	.swiperLaporan.swiper-container .swiper-pagination {
		top: -4px;
	}

	body.front-end .table-whistle td,
	.table th h3 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 14px !important;
		line-height: 27px;
		color: #1B4D7C;
		padding: 1px 1px !important;
	}

	.child-color h1 {
		font-size: 26px !important;
	}

	body.front-end .style-wrap-banner-penghargaan {}

	.img-laporan-hub {
		width: 100%;
		height: 100px;
		object-fit: cover;
	}

	.list-promo .thumbnail img {
		height: 100px !important;
		object-fit: cover;
		width: 100%;
		border-radius: 0px 0px 0px 0px;
	}


	body.front-end .detail-direksi p {
		color: rgba(216, 216, 216, 1) !important;
		height: auto !important;
		font-size: 13px !important;
	}

	body.front-end .padding-text-stnk {
		padding: 2rem 0rem;
	}

	body.front-end .announcement-stnk {
		background: #ffffff;
		padding: 2rem 1rem;
	}

	.tabs-mobile-stnk {
		background-color: transparent !important;
		box-shadow: none !important;
	}

	body.front-end .promo--header {
		background: url(../static/info/banner-product.png);
		background-size: cover;
		padding: 87px 16px 32px 16px;
		text-align: left;
	}

	body.front-end .assurance--header {
		padding: 6rem 16px 1rem 16px !important;
	}

	body.front-end .saham--tabs {
		overflow-y: scroll;
	}

	body.front-end .overflow-scroll {
		overflow-x: scroll;
	}

	body.front-end .overflow-scroll-fina {
		overflow-x: scroll;
	}

	body.front-end .y-overflow-scroll {
		overflow-y: scroll;
	}

	body.front-end .w-max-content {
		min-width: max-content !important;
	}

	body.front-end .w-max-detail-produk {
		min-width: 180% !important;
	}

	.list-promo {
		padding: 0 0rem;
	}

	body.front-end .assurance--tabs {
		margin-bottom: 18px;
		width: 100%;
	}

	body.front-end .assurance--tabs-career {
		margin-bottom: 18px;
		width: 100%;
	}

	body.front-end #cards {
		margin: 20px 0px 30px 0px;
	}

	body.front-end .padding-body {
		padding: 32px 16px 16px 16px;
	}

	body.front-end .padding-body-penghargaan {
		padding: 32px 16px 0px 16px;
	}

	body.front-end .padding-body-tab-stnk {
		padding: 20px 0px 0px 0px;
	}

	body.front-end .padding-body-desc-stnk {
		padding: 0px 0px 1px 0px;
	}

	body.front-end .padding-body-promo {
		padding: 16px 16px 16px 16px;
	}

	body.front-end .padding-body-sejarah {
		padding: 16px 16px 16px 16px;
	}

	body.front-end .space-saham {
		padding: 32px 16px 16px 16px;
	}

	body.front-end .news--section h2 {
		text-align: center;
		font-weight: bold;
		font-size: 20px !important;
		line-height: 30px;
	}

	.g-recaptcha {
		transform: scale(0.83);
		-webkit-transform: scale(0.83);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0;
	}

	body.front-end .card-pengkinian-detail-informasi h1 {
		color: #0A3564 !important;
		font-weight: bold !important;
		font-size: 18px !important;
		line-height: 38px !important;
	}

	body.front-end .style-recaptcha {
		margin-left: 0%;
		/* margin-top: 10%; */
	}

	body.front-end .style-recaptcha-produk {
		margin-left: 6%;
	}

	body.front-end .style-recaptcha-e-form {
		justify-content: center;
		align-items: center;
		display: block;

	}

	body.front-end #display-card-select-mobile {
		display: block;
	}

	.coba-simulasi {
		color: #339AAA !important;
		border: 2px solid #339AAA;
		box-sizing: border-box;
		border-radius: 28px;
		background: transparent !important;
	}

	body.front-end .article-text .title {

		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 12px !important;
		line-height: 20px !important;
		color: #007F9F !important;
	}

	body.front-end .article-text .type {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold !important;
		font-size: 14px !important;
		line-height: 22px !important;
		color: #1B4D7C !important;
	}

	.wrap-promohomepage {
		margin-top: 1rem;
		padding: 0rem 0rem 1rem 0rem;
	}

	body.front-end .wrap-new-promo {
		padding: 1rem 0rem 1rem 0rem;
		background-color: #ffffff;
	}

	body.front-end .wrap-new-fina {
		padding: 1rem 1rem 1rem 1rem;
		background-color: transparent;
	}

	body.front-end .section-social-media {
		margin: 0rem 0rem 0rem 1rem;
		border-radius: 7px 7px 0px 0px;
		background-image: linear-gradient(179.98deg, #FFFFFF -1%, #F2FEFF 46.3%);
		filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.25));
		margin-top: 2rem;
		margin-bottom: 0px;
		padding-bottom: 30px;
	}

	body.front-end .wrap-new-fina-fitur {
		padding: 0rem 0rem 0rem 0rem;
		background-color: transparent;
	}

	body.front-end .wrap-new-syarat {
		padding: 1rem 1rem 1rem 1rem;
		background-color: #ffffff;
	}

	.text-title {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold !important;
		font-size: 20px !important;
		line-height: 28px !important;
		color: #1B4D7C !important;
		text-align: center;
	}

	.text-title-produk {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold !important;
		font-size: 15px !important;
		line-height: 28px !important;
		color: #1B4D7C !important;
		text-align: center;
		margin-bottom: 0;
		width: 100%;
	}

	.text-title-promo-home {
		font-size: 16px !important;
	}

	.caption-silde-promo {
		margin: 5px 0px 0px !important;
		font-weight: 700 !important;
		line-height: 22px !important;
	}

	.lihat-semua-area {
		display: none;
	}

	.title-new-promo {
		padding: 0rem 1rem;
		margin-bottom: 0rem !important;
	}

	body.front-end .allpromo--list.homepage {
		margin-top: -2rem;
		margin-right: 0rem !important;
		margin-left: 0rem !important;
		padding: 1rem 1rem 1rem 1rem;
	}

	body.front-end .simulation--section a {
		align-items: center;
		background: transparent;
		border: 2px solid #339AAA;
		border-radius: 25px;
		color: #fff;
		display: flex;
		justify-content: center;
		margin: 0 0;
		padding: 0.5rem 0rem;
		text-align: center;
		text-decoration: none;
		font-size: 14px !important;
		line-height: 19px;
		background: linear-gradient(88.56deg, #1469C7 28.02%, #3DB9CC 82.31%);
		border-radius: 28px !important;
		width: 100%;
	}

	body.front-end .style-desc {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 16px !important;
		line-height: 18px;
		width: 100%;
		color: #0D4685 !important;
	}

	body.front-end h2.simulasi {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold !important;
		font-size: 26px !important;
		line-height: 28px !important;
		color: #0D4685 !important;
	}

	#nav-tabContentVisi {
		background: #FFFFFF;
		border-radius: 8px;
		margin-left: 0rem;
		margin-right: 0rem;
		padding-bottom: 1rem;
		box-shadow: 0px 4px 8px rgba(154, 181, 188, 0.3);
	}

	#nav-product-new {
		background: #FFFFFF;
		border-radius: 8px;
		margin-left: 0rem;
		margin-right: 0rem;
		padding-bottom: 1rem;
		box-shadow: 0px 4px 8px rgba(154, 181, 188, 0.3);
	}

	.pad-card-penghargaan {
		padding: 0rem 1rem !important;
		margin-bottom: -17px !important;
	}

	.btn-tentang-kami-banner {
		margin-top: 1rem;
		float: right;
	}

	.wrapperButtonNextkelola {
		position: absolute;
		top: 10.9rem;
		left: 0rem;
	}

	.desc-tentang-kami {
		padding: 0rem 1rem;
	}

	body.front-end .service-info--wrapper {
		background: linear-gradient(180deg, #FFFFFF 20.45%, rgba(177, 205, 236, 0.6) 100%);
		padding-bottom: 0px !important;
	}

	body.front-end .service-info--wrapper-produk {
		background: linear-gradient(180deg, #D0E1F4 0%, #F5FEFF 60.48%)
	}

	body.front-end .wrapper-body-bpkb {
		background: white;
		padding-bottom: 0px !important;
	}

	body.front-end .service-info--wrapper-visi {
		background: linear-gradient(180deg, #FFFFFF 20.45%, rgba(177, 205, 236, 0.6) 100%);
		padding-bottom: 0px !important;
	}

	body.front-end .service-info--wrapper-visi-new {
		background: #ffffff;
		padding-bottom: 0px !important;
	}

	.nav-assurance {
		margin: 48px 0px 20px 0px;
	}

	.nav-promo {
		margin: -48px 0px 20px 0px !important;
	}

	.nav-assurance-produk {
		margin: -48px 0px 20px 0px;
	}

	.nav-assurance-pengaturan {
		margin: -48px 0px 20px 0px;
	}

	#nav-tabContent {
		background: #FFFFFF;
		border-radius: 8px;
		padding-left: 0rem;
		margin-left: 0rem;
		margin-right: 0rem;
		padding-bottom: 1rem;
		box-shadow: 0px 4px 8px rgb(154 181 188 / 30%);
	}

	#nav-tabContent-pengkinian {
		background: #FFFFFF;
		border-radius: 8px;
		padding-left: 0rem;
		margin-left: 0rem;
		margin-right: 0rem;
		padding-bottom: 1rem;
	}

	body.front-end .table-whistle p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 14px !important;
		line-height: 20px;
		text-align: left;
		color: #000000;
		padding: 10px 16px;
	}

	body.front-end .table-whistle td,
	.table th h3 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 14px !important;
		line-height: 27px;
		color: #1B4D7C;
		padding: 17px 16px;
	}

	body.front-end .card-terms-style-kategori p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 18px !important;
		line-height: 28px;
		padding: 1px 17px;
		color: #FFFFFF !important;
		margin-bottom: 0px;
	}

	body.front-end .style-section-2 .detail {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 28px;
		text-align: justify;
		color: #000000;
	}

	body.front-end .style-section-2 .konsumen {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 18px;
		line-height: 20px;
		text-align: justify;
		color: #1158A6;
	}

	body.front-end .wrap-card-penghargaan h3 {
		font-size: 13px !important;
		color: #0D4685 !important;
	}

	body.front-end .wrap-card-penghargaan p {
		margin-bottom: 5px !important;
		color: #A0A0A0 !important;
		font-weight: 600 !important;
		font-size: 12px !important;
	}

	.laporan-style p {
		padding: 0rem 0rem 0rem 1rem;
		font-size: 12px !important;
		font-weight: 400 !important;
		text-transform: uppercase;
		color: #339AAA !important;

	}

	.laporan-style h3 {
		font-size: 14px !important;
		color: #0D4685 !important;
		margin-top: -1px;
		margin-left: 1rem;
		font-weight: 600 !important;


	}

	body.front-end .subtitle {
		font-size: 14px !important;
		justify-content: center;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}

	body.front-end .subtitle-all {
		font-size: 14px !important;
		justify-content: center;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}

	body.front-end .subtitle.tentang-kami {
		font-size: 14px !important;
		float: right;
		margin-right: 1.2rem;
		margin-top: -24px;
	}

	body.front-end .subtitlePromo {
		font-size: 14px !important;
		width: 100%;
		/* width: 53%; */
		/* float: right; */
		/* text-align: right;
					float: right; */
		/* margin-top: -59px; */
		z-index: 100;
		position: relative;
	}

	#search-faq-mobile {
		display: none;
		background: rgba(166, 233, 255, 0.7);
		height: 56px;
		width: 100%;
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 11px !important;
		line-height: 20px;
		padding: 16px 16px;

		color: #115FB7;
	}

	.is-desktop-faq {
		display: none;
	}

	.is-mobile-faq {
		display: block;
	}

	body.front-end .background-accordion {
		padding-right: 0;
		padding-top: 1rem;
		padding-bottom: 1rem;
		margin-bottom: 1rem;
	}

	body.front-end .card-terms-style-detail-sub p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 24px;
		color: #072342;
	}

	body.front-end .card-terms-style-detail-sub[aria-expanded="true"] p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 24px;
		color: #FFFFFF;
	}



	body.front-end #accordion-kategori-mobile .card-header-kategori-mobile[aria-expanded="true"] {
		/* height: 64px; */
		height: auto;
		width: 100%;
		background: linear-gradient(90deg, #3DB9CC 0%, #9EDCE5 100%);
		box-shadow: 0px 4px 8px rgba(154, 181, 188, 0.3);
		border-radius: 4px;
		padding: 20px 24px;
		display: flex;
		margin: 16px 0px;
	}

	body.front-end #accordion-kategori-mobile .card-header-kategori-mobile[aria-expanded="false"] {
		height: 64px;
		width: 100%;
		background: linear-gradient(90deg, #3B82D0 0%, #5DC5D4 100%);
		box-shadow: 0px 4px 8px rgba(154, 181, 188, 0.3);
		border-radius: 4px;
		padding: 20px 24px;
		display: flex;
		margin: 16px 0px;
		align-items: center;
	}

	body.front-end .card-terms-style-kategori-mobile p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 18px !important;
		line-height: 20px;
		padding: 1px 17px;
		color: #FFFFFF !important;
		margin-bottom: 0px;
	}

	body.front-end .card-terms-style-kategori-mobile img {
		width: 24px;
		height: 24px;
	}

	.card-jaringan .card-select {
		margin-bottom: 40px;
	}

	#section2-kategori-mobile {
		background: #F1F8FF;
		border-radius: 4px;
		padding: 20px 10px;
		display: none;
	}

	#section2-populer-mobile {
		display: block;
	}

	#section2-kategori-mobile-mobil {
		background: #F1F8FF;
		border-radius: 4px;
		padding: 20px 10px;
		display: none;
	}

	.btn-back-to-top {
		border-radius: 50px !important;
		font-size: 12px !important;
		font-family: 'Open Sans' !important;
		color: #ffffff !important;
		font-weight: bold !important;
		background-color: #3DB9CC !important;
	}

	body.front-end .card-terms-style-faq p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 500 !important;
		font-size: 18px;
		line-height: 20px;
		color: #0D4685;
	}

	body.front-end .card-terms-style-faq[aria-expanded="true"] p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 800 !important;
		font-size: 18px;
		line-height: 20px;
		color: #1469C7;
	}

	/* FAQ */
	body.front-end #accordion-detail-sub-mobile .card-header-detail-sub-mobile a[aria-expanded="true"] {
		float: right;
		padding: 7px 11px !important;
		content: "";
		background-image: url("./static/info/arrow-white-form.svg");
	}

	body.front-end #accordion-detail-sub-mobile .card-header-detail-sub-mobile a[aria-expanded="false"].collapsed-detail-sub-mobile {
		background-image: url("./static/icons/arrow-down-blue-faq.svg");
		float: right;
		padding: 7px 11px !important;
		content: "";
	}

	body.front-end .card-terms-style-detail-sub-mobile[aria-expanded="false"] {
		background: #FFFFFF;
		border: 1px solid #D8D8D8;
		box-sizing: border-box;
		border-radius: 3px 25px 3px 3px;
		align-items: center;
		justify-content: space-between;
		display: inline-flex;
		height: 88px;

	}

	body.front-end .card-terms-style-detail-sub-mobile[aria-expanded="true"] {
		align-items: center;
		height: 88px;
		background: #339AAA;
		border-radius: 3px 25px 0px 0px;
		justify-content: space-between;
		display: inline-flex;
	}

	body.front-end .card-terms-style-detail-sub-mobile[aria-expanded="true"] p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 18px;
		color: #FFFFFF;
	}

	body.front-end .card-terms-style-detail-sub-mobile p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 14px;
		line-height: 18px;
		color: #072342;
	}

	.kategori-faq h2 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 22px !important;
		line-height: 26px;
		color: #0D4685;
		margin-bottom: 24px !important;
	}

	.artikel-faq {
		padding: 10px 16px 10px 16px !important;
	}

	.kategori-faq .card-faq {
		height: 64px;
		width: 100%;
		background: linear-gradient(90deg, #3B82D0 0%, #5DC5D4 100%);
		box-shadow: 0px 4px 8px rgba(154, 181, 188, 0.3);
		border-radius: 4px;
		padding: 20px 24px;
		display: flex;
		margin: 16px 0px;
	}

	.kategori-faq .card-faq p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 22px !important;
		line-height: 20px;
		padding: 1px 17px;
		color: #FFFFFF !important;
	}

	.kategori-faq {
		padding: 16px 0px 0px 0px;
	}

	.search-bar-faq input {
		line-height: 16px;
		font-size: 14px !important;
	}

	.search-bar-formkel input {
		line-height: 16px;
		font-size: 14px !important;
	}

	.faq-banner h1 {
		font-size: 26px !important;
		line-height: 30px !important;
	}

	.faq-banner h2 {
		font-size: 18px !important;
		line-height: 20px !important;
	}

	.faq-banner {
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), linear-gradient(359.57deg, #3DB9CC -27.23%, #1157A6 78.81%);
		height: auto;
		padding: 100px 16px 16px 16px;

	}

	.card-jaringan #card-detail .peta-redirect {
		float: right;
		margin-top: 7px;
	}

	.search-bar-jaringan {
		position: relative;
		margin-top: 30px;
		background: #F4F4F4;
		border-radius: 60px;
		height: 40px;
		font-family: 'Open Sans';
		font-size: 14px;
		margin-bottom: 9px;

	}

	.search-bar-faq {
		position: relative;
		background: #D0E1F4;
		border-radius: 24px;
		height: 48px;
		font-family: 'Open Sans';
		font-size: 14px;
	}

	.search-bar-formkel {
		position: relative;
		background: #D0E1F4;
		border-radius: 24px;
		height: 48px;
		font-family: 'Open Sans';
		font-size: 14px;
	}

	.style-padding-card-mobile {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	.card-jaringan #card-detail {
		height: auto;
		background: rgba(235, 243, 252, 0.5);
		border-radius: 8px;
		margin-right: 10px;
		padding: 10px 10px 40px 10px;
		margin-bottom: 20px;
		margin-top: 10px;
		cursor: pointer;
	}

	.card-jaringan #card-detail:hover {
		height: auto;
		background: rgba(98, 155, 218, 0.15);
		border-radius: 8px;
		padding: 10px 10px 40px 10px;
		margin-bottom: 20px;
		cursor: pointer;

	}

	#back-jaringan-mobile {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 14px !important;
		line-height: 20px;
		align-items: center;
		color: #3DB9CC;
		display: none;
		padding: 24px 0;
	}

	#back-jaringan {
		font-size: 14px !important;
		line-height: 20px;
		display: none;
		padding: 24px 0;
	}

	#back-jaringan:hover {
		font-size: 14px !important;
		line-height: 20px;
		align-items: center;
		color: #3DB9CC;
		padding: 24px 0;
	}

	#back-jaringan-mobile:hover {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 14px !important;
		line-height: 20px;
		align-items: center;
		color: #3DB9CC;
		padding: 24px 0;
	}

	#mapMobile {
		height: 300px;
	}

	#map {
		height: 300px;
	}

	.card-jaringan h1 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 26px;
		line-height: 28px;
		color: #0D4685;
	}

	.card-jaringan #card-detail p {
		font-size: 12px;
	}

	.card-jaringan #card-detail .telp {
		width: 80%;
	}

	.card-jaringan #card-detail .fax {
		width: 80%;
	}

	.card-jaringan .select-jaringan {
		margin-top: -52px;
	}

	body.front-end .disclaimer-style {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 12px !important;
		line-height: 22px;
		color: #717171;
		margin-left: 1rem;
	}

	.modal-succes-form #modal-toggle.active~.modal-content,
	.modal-succes-form #modal-toggle:checked~.modal-content {
		width: 250px;
		left: calc(50% - 125px);
	}

	body.front-end .title-e-form {
		font-weight: 600;
		font-size: 26px;
		color: #F1F5F8;
		line-height: 36px;
	}

	body.front-end .btn-bukti {
		font-size: 10px;
	}

	body.front-end .text-welcome-user {
		font-size: 1.25rem;
		-webkit-line-clamp: 1;
		max-height: calc(1em * 1.5 * 1);
		text-overflow: ellipsis;
		overflow: hidden;
		display: block;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		width: 100%;
		margin-top: 32px;
	}

	body.front-end .simulation--page-content--login .simulation--card .simulation--title h1 {
		margin: 0rem;
	}

	body.front-end .text-forgot {
		font-size: 14px !important;
	}

	body.front-end .style-more {
		margin-top: 0rem;
	}

	body.front-end .wrap-padding-register {
		width: 100%;
	}

	body.front-end .guide--card {
		background: #F1F5F8;
		display: flex;
		align-items: flex-start;
		padding: 5px 6px;
		margin-bottom: 1rem;
		border-radius: 10px;
	}

	body.front-end h3 {

		font-size: 1rem;
		font-weight: 600;
		font-family: 'Open Sans';
	}

	body.front-end .claim-assurance span {
		font-size: 14px !important;
		font-weight: 600 !important;
		text-align: left;
	}

	body.front-end .img-hasil-notfound {
		width: 23%;
		display: block;
		margin: auto;
	}

	.simulation-result--tab-content .tab-pane .is-desktop table thead th {
		font-weight: 600 !important;
		font-size: 13px;
	}

	body.front-end button.download-result {
		font-size: 12px;
		font-family: 'Open Sans';
	}

	body.front-end .style-angsuran-dibelakang {
		background-color: #ffffff;
		margin-left: 1rem;
		margin-right: 1rem;
		padding-top: 1rem;
	}

	body.front-end .style-angsuran-dibelakang p {
		font-size: 13px;
	}

	body.front-end button {
		font-size: 14px;
		font-family: 'Open Sans';
	}

	body.front-end label {
		font-size: 14px;
	}

	body.front-end a {

		font-size: 14px;
		font-weight: 600;
		letter-spacing: 0.3px;
		text-decoration: none;
		font-family: 'Open Sans';
	}

	body.front-end button.share-result {
		font-size: 12px;
		font-family: 'Open Sans';
	}

	body.front-end button.download-pdf {
		font-size: 12px;
		font-family: 'Open Sans';
		padding: 16px !important;
	}

	body.front-end button.share-file {
		font-size: 12px;
		font-family: 'Open Sans';
	}

	.simulation-result--tab-content .tab-intro {
		padding: 1rem 1rem 0rem 1rem;
	}

	.simulation-result--tab-content .tab-intro p {
		font-size: 14px;
		font-weight: bold;
	}

	body.front-end .icon-syarat {
		width: 45px;
		height: 35px;
		object-fit: contain;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 10px;
	}

	body.front-end .icon-syarat-icon-small {
		width: 40px;
		height: 43px;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 10px;
	}

	body.front-end .how-to--cards a.colored-card img {
		width: 26.15px;
		height: 30px;
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 10px;
	}

	body.front-end .style-text-list-company {
		bottom: -20px;
		position: absolute;
	}

	body.front-end h2 {
		color: #0A3564;
		font-size: 18px !important;
		margin-bottom: .5rem;
		font-family: 'Open Sans';

	}

	body.front-end .service-info--wrapper ul.info-pelunasan li p {
		color: #000;
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
	}

	.swiperMobile .swiper-slide {
		width: 40%;
		margin-left: .1rem;
		margin-right: 10px !important;
	}

	.swiperMerk .swiper-slide {
		width: 40%;
		margin-left: .1rem;
		margin-right: 10px !important;
		flex-shrink: 0;
	}

	.swiperProdukLainnya .swiper-slide {
		width: 40%;
		margin-left: .1rem;
		margin-right: 10px !important;
		flex-shrink: 0;
	}

	body.front-end .content-pengkinian-informasi .card-pengkinian-informasi {
		background: #F4F4F4;
		box-shadow: none;
		border-radius: 8px;
		top: -1rem;
		padding: 1rem;
		position: relative;
		margin: 7rem 0rem 0rem 0rem;
	}

	body.front-end .padding-information {
		padding: 0 0rem;
	}

	body.front-end a.mail-bpkb {
		color: rgba(0, 127, 159, 0.8);
		font-size: 14px !important;
		font-family: 'Open Sans';
	}

	ol.autodebet-step {
		counter-reset: my-awesome-counter;
		list-style: none;
		padding-left: 40px;
		margin-left: 1rem;
	}

	body.front-end .style-text {
		height: 2rem;
		font-size: 12px !important;
		padding-top: 0rem;
		text-align: left;
		line-height: 21px !important;
	}

	body.front-end .style-hr-orange-index {
		margin-top: 10px !important;
	}

	.list-company {
		padding: .2rem;
		margin-top: -1rem;
	}

	body.front-end .article--thumbnail {
		cursor: pointer;
		display: block;
		margin: 1rem 0 1rem 0 !important;
		text-decoration: none;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
		border-radius: 8px
	}

	body.front-end .about--section {
		margin: .5rem 1rem;
	}

	body.front-end .mobil-mall--section {
		margin: 1rem 1rem;
	}

	body.front-end .style-detail-paragraph {
		color: black !important;
		overflow-y: scroll;
		height: 150px;
		display: block;
	}

	body.front-end .title-list-promo h5 {
		margin-top: -1rem;
		padding-bottom: .9rem;
	}

	body.front-end .article--thumbnail p {
		height: auto !important;
		font-weight: 700;
	}

	body.front-end .padding-detail {
		padding: 9px 1rem 0 1rem;
	}

	body.front-end .image-bpkb {
		width: 100%;
		height: 290px;
		object-fit: contain;
		background-repeat: no-repeat;
	}

	body.front-end .space-video-stnk {
		margin-bottom: 59% !important;
		position: relative;
	}

	body.front-end .team-management {
		margin-top: -3rem !important;
	}

	body.front-end .style-col-syarat {
		padding: 7px 0px;
		margin-right: 14px;
		margin-left: 4px;
	}

	body.front-end .space-search {
		margin-left: 2rem;
	}

	body.front-end .space-search h2 {
		font-size: 14px;
	}

	body.front-end .space-search-not-found {
		margin-left: 0rem;
	}

	.modal-team .imagedetail {
		margin-top: 1rem !important;
		border-radius: 50%;
		width: 40vmin !important;
		height: 40vmin;
		object-fit: contain;
		display: block;
		margin: auto;
		background-color: #ffffff;
	}

	body.front-end .team--second-management {
		margin: 1rem 1px 0rem 1px !important;
		padding-bottom: 3rem;
	}

	body.front-end .padding-detail-produk {
		margin-left: 0rem;
		margin-right: 0rem;
	}

	body.front-end .img-bpkb {
		width: 100%;
		height: 164px;
		object-fit: cover;
		float: right;
		margin-top: 2rem;
	}

	body.front-end .child-bpkb {
		height: 164px !important;
	}

	body.front-end .space-breadcrumb-detail {
		padding: 5rem 0rem 1rem 1rem !important;
	}

	body.front-end .style-table {
		border: 14px solid #dee2e6 !important;
		font-size: 12px;
		line-height: 24px;
	}

	body.front-end ol,
	body.front-end ul,
	body.front-end li {

		font-size: .8rem !important;
		/* font-weight: 600; */
		letter-spacing: 0.3px;
		font-size: 14px !important;
		line-height: 24px;
	}

	body.front-end .service-info--wrapper .assurance--header.BPKB {
		background:
			url('../static/info/bpkb-header-mb.png'),
			linear-gradient(131.89deg, rgba(241, 245, 248, 0.5) 8.07%, rgba(59, 183, 180, 0) 70.97%),
			linear-gradient(53.18deg, #007F9F 12.87%, #05A5B3 42.54%, #3BB7B4 73.76%);
		background-repeat: no-repeat;
		background-size: inherit;
		padding: 4rem 1rem 1rem 1rem;
		background-position: right bottom;
	}

	body.front-end .padding-desc-image {
		padding-left: 2rem;
	}

	body.front-end .padding-desc {
		padding: 0 0rem;
	}

	body.front-end .padding-desc p {
		line-height: 22px !important;
	}

	body.front-end .assurance--tabs .nav-tabs .nav-link.active {
		color: #072342;
		background: #FFFFFF;
		border-radius: 0px 0px 0px 0px !important;
		font-style: normal;
		font-weight: bold;
		font-size: 12px !important;
		line-height: 18px;
		justify-content: center;
		font-weight: 700;
		z-index: 5;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-image: linear-gradient(270deg, #9EDCE5 0%, #3DB9CC 100%) 1;
		border-top: 0px;
		border-right: 0px;
		border-left: 0px;
		padding: 8px 6px;
	}

	body.front-end .assurance--tabs .nav-tabs .nav-link {
		font-style: normal;
		font-weight: 600;
		font-size: 12px !important;
		line-height: 18px;
		color: #717171;
		background: #D0E1F4;
		/* padding: 8px 6px;
					margin-left: -8px;
					margin-right: 6px; */
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		/* margin: 0; */
	}

	body.front-end .settings--tabs .nav-tabs .nav-link.active {
		color: #1469C7;
		background: #FFFFFF;
		border-radius: 0px 16px 0px 0px !important;
		box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.25);
		font-style: normal;
		font-weight: bold;
		font-size: 12px !important;
		line-height: 18px;
		justify-content: center;
		font-weight: 700;
		z-index: 5;
		padding: 2px;

	}

	body.front-end .settings--tabs .nav-tabs .nav-link {
		font-style: normal;
		font-weight: 700;
		font-size: 12px !important;
		line-height: 18px;
		color: #717171;
		background: #ffffff;
		/* padding: 8px 6px;	
					margin-left: -8px;
					margin-right: 6px; */
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		/* margin: 0; */
	}

	body.front-end .assurance--tabs-career .nav-tabs .nav-link {
		font-size: 14px !important;
	}

	body.front-end .assurance--tabs-career .nav-tabs .nav-link.active {
		color: #1469C7;
		background: #FFFFFF;
		border-radius: 0px 0px 0px 0px !important;
		font-style: normal;
		font-weight: bold;
		font-size: 14px !important;
		line-height: 18px;
		justify-content: center;
		font-weight: 700;
		z-index: 5;
		border-bottom: 4px solid #1469C7;
		border-top: 0px;
		border-right: 0px;
		border-left: 0px;
		padding: 2px;

	}

	body.front-end .assurance--tabs-career .nav-tabs .nav-link {
		font-style: normal;
		font-weight: 700;
		font-size: 14px !important;
		line-height: 18px;
		color: #C4C4C4;
		background: #ffffff;
		/* padding: 8px 6px;
					margin-left: -8px;
					margin-right: 6px; */
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		/* margin: 0; */
	}

	body.front-end .visi--tabs .nav-tabs .nav-link.active {
		color: #072342;
		background: #FFFFFF;
		border-radius: 8px 8px 0px 0px !important;
		font-style: normal;
		font-weight: bold;
		font-size: 16px !important;
		line-height: 22px;
		justify-content: center;
		font-weight: 700;
		z-index: 5;
		border-bottom-width: 3px;
		border-bottom-style: solid;
		border-image: linear-gradient(270deg, #9EDCE5 0%, #3DB9CC 100%) 1;
		border-top: 0px;
		border-right: 0px;
		border-left: 0px;
		padding: 2px;

	}

	body.front-end .visi--tabs .nav-tabs .nav-link {
		font-style: normal;
		font-weight: 600;
		font-size: 16px !important;
		line-height: 22px;
		color: #717171;
		background: #D0E1F4;
		border-radius: 0px 0px 0px 0px !important;
		padding: 8px 6px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		border-bottom-width: 3px;
		/* margin: 0; */
	}

	body.front-end .card-catatan h3 {

		font-size: 18px;
		line-height: 24px;
	}

	body.front-end .card-catatan p {

		font-size: 14px !important;
	}

	body.front-end .article--thumbnail img {
		border-radius: 18px 18px 0px 0px !important;
	}

	body.front-end .home.swiper-container-banner .swiper-pagination {
		bottom: 8rem !important;
		margin: 0 0;
		text-align: left;
		right: 0%;
		left: 8%;
		top: 70%;
	}

	body.front-end .subtitle.penghargaan {
		color: #3DB9CC;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		display: flex;
		font-family: 'Open Sans';
		font-size: 14px !important;
		line-height: 20px;
		display: block;
		justify-content: left;
		text-align: left;
		text-decoration: none;
		margin-right: 0;
		padding: 1rem 0rem 0rem 0rem;
	}

	body.front-end .subtitle.penghargaan:hover {
		color: #3DB9CC;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		display: flex;
		font-family: 'Open Sans';
		font-size: 14px !important;
		line-height: 20px;
		display: block;
		justify-content: left;
		text-align: left;
		text-decoration: none;
		margin-right: 0;
	}

	body.front-end .subtitle:hover {
		color: #3DB9CC;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		display: flex;
		font-family: 'Open Sans';
		font-size: 14px !important;
		line-height: 20px;
	}

	body.front-end .subtitle-all:hover {
		color: #3DB9CC;
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		display: flex;
		font-family: 'Open Sans';
		font-size: 14px !important;
		line-height: 20px;
	}

	body.front-end .card-doc .card-title {
		color: #fff;
		height: 3rem;
	}

	body.front-end .card-terms .card-title {
		color: #fff;
		height: 3rem;
	}

	body.front-end .bg-color-about-desktop {
		display: none;
	}

	body.front-end .space-csr-function {
		padding: 1rem 11rem 1rem 1rem;
	}

	body.front-end hr.green-csr {
		background-color: #05A5B3;
		/* display: block; */
		margin: 1rem auto 2rem auto;
		transform: rotate(180deg);
		width: 20%;
		display: block;
	}

	.child-color.penghargaan .contents h2 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 20px !important;
		line-height: 25px;
		color: #0A3564;
	}

	.child-color.penghargaan .contents p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 20px;
		color: #041528;
		margin-bottom: -6px;
	}

	body.front-end .wrap-card-penghargaan {
		background: #FFFFFF;
		box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
		border-radius: 3px 20px 3px 3px;
		margin: 1rem 0rem;
		padding-right: 1rem;
	}

	body.front-end .title-tata-kelola {
		font-size: 22px !important;
		line-height: 32px;
		text-align: left;
		padding-left: 1.5rem;
		color: #1B4D7C;
	}

	body.front-end .visi-style h1 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 16px;
		line-height: 22px;
		color: #0D4685;
		height: auto;
	}

	body.front-end .visi-style p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 22px;
		color: #3A3A3A;
		text-align: left;
	}

	body.front-end .visi-style:hover h1 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 16px;
		line-height: 22px;
		color: #0D4685;
		height: auto;
	}

	body.front-end .visi-style:hover p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 22px;
		color: #000000;
	}

	body.front-end .bg-desktop-form {
		background: transparent;
		border-radius: 10px;
		box-shadow: none;
		padding: 0 1rem;
	}

	body.front-end .payment-about h2 {
		font-size: 26px;
		line-height: 36px;
	}

	.wrap-banner {
		position: relative;
		width: 100%;
		height: 160px;
	}

	.wrap-banner-settings {
		position: relative;
		width: 100%;
		height: 160px;
	}

	.wrap-banner-karir,
	.wrap-banner-page {
		position: relative;
		width: 100%;
		height: 193px;
	}

	.wrap-banner.csr {
		position: relative;
		width: 100%;
		height: 160px;
	}

	.child-wrap {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}

	.child-wrap.csr {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}

	.wrap-banner img {
		width: 100%;
		height: 160px;
		object-fit: cover;
		margin-top: 2rem;
	}

	.wrap-banner-settings img {
		width: 100%;
		height: 160px;
		object-fit: cover;
		margin-top: 2rem;
	}

	.wrap-banner-karir img,
	.wrap-banner-page img {
		width: 100%;
		height: 193px;
		object-fit: cover;
		margin-top: 2rem;
	}

	.wrap-banner img.csr {
		width: 100%;
		height: 160px;
		object-fit: cover;
		margin-top: 2rem;
	}

	.child-color {
		position: absolute;
		top: 0;
		left: 0;
		padding-top: 5rem;
		padding-left: 1rem;
		color: white;
		height: 160px;
		width: 100%;
		background: linear-gradient(180deg, #0D4685 -17.67%, rgba(126, 208, 221, 0.5) 100%);
		margin-top: 2rem;
	}

	.child-color-settings {
		position: absolute;
		top: 0;
		left: 0;
		padding-top: 5rem;
		padding-left: 1rem;
		color: white;
		height: 160px;
		width: 100%;
		margin-top: -3rem;
	}

	.child-color-karir {
		position: absolute;
		top: 0;
		left: 0;
		padding-top: 5rem;
		padding-left: 1rem;
		color: white;
		height: 193px;
		width: 100%;
		background: linear-gradient(180deg, rgba(255, 255, 255, 0) 41.88%, rgba(255, 255, 255, 0.55) 100%);
		margin-top: 2rem;
	}

	.child-color.csr {
		position: absolute;
		top: 0;
		left: 0;
		padding-top: 5rem;
		padding-left: 1rem;
		color: white;
		height: 160px;
		width: 100%;
		background: linear-gradient(180deg, #0D4685 -17.67%, rgba(126, 208, 221, 0.5) 100%);
		margin-top: 2rem;
	}

	.wrap-banner-tentang-kami {
		position: relative;
		width: 100%;
		height: 160px;
	}

	.child-wrap-tentang-kami {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}

	.wrap-banner-tentang-kami img {
		width: 100%;
		height: 160px;
		object-fit: cover;
		margin-top: 1rem;
	}

	.child-color-tentang-kami {
		position: absolute;
		top: 0;
		left: 0;
		color: white;
		padding-top: 5rem;
		padding-left: 0rem;
		padding-right: 0rem;
		height: 160px;
		width: 100%;
		background: linear-gradient(360deg, #3DB9CC -52.01%, #1157A6 79.05%);
		margin-top: 2rem;
	}

	.wrap-banner-pemegang-saham {
		position: relative;
		width: 100%;
		height: 75px;
		border-radius: 7px;
		margin-bottom: 1rem;
	}

	.child-wrap-pemegang-saham {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}

	.wrap-banner-pemegang-saham img {
		width: 51%;
		height: 75px;
		float: right;
		border-radius: 7px;
		object-fit: cover;

	}

	.child-color-pemegang-saham {
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 7px;
		color: white;
		padding: 1rem;
		height: 75px;
		width: 100%;
		background: linear-gradient(180deg, rgba(13, 70, 133, 0.8) 6.39%, rgba(126, 208, 221, 0.8) 100%) !important;

	}

	.wrap-banner.visi {
		position: relative;
		width: 100%;
		height: 224px;
	}

	.child-wrap.visi {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}

	.wrap-banner.visi img {
		width: 100%;
		height: 224px;
		object-fit: cover;
		margin-top: 2rem;
	}

	.child-color.visi {
		position: absolute;
		top: 0;
		left: 0;
		padding-top: 1rem;
		padding-left: 1rem;
		color: white;
		height: 224px;
		width: 100%;
		background: linear-gradient(180deg, #0D4685 -17.67%, rgba(126, 208, 221, 0.5) 100%);
		margin-top: 2rem;
	}



	.wrap-banner.penghargaan {
		position: relative;
		width: 100%;
		padding-bottom: 31rem;
		height: auto;
	}

	.child-wrap.penghargaan {
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 0%;
		height: auto;
		width: 100%;
	}

	.wrap-banner.penghargaan .image-wrap-penghargaan {
		width: 100%;
		height: auto;
		object-fit: cover;
		margin-top: 0rem;
		border-radius: 0%;
	}

	.child-color.penghargaan {
		position: absolute;
		top: 0;
		left: 0;
		padding: 0rem 1rem 1rem 1rem;
		color: white;
		height: auto;
		width: 100%;
		border-radius: 0%;
		background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(359.57deg, #3DB9CC -30%, #1157A6 80%);
		margin-top: 0rem;
	}

	.wrap-banner.Whistleblowing {
		position: relative;
		width: 100%;
		height: 224px;
	}

	.child-wrap.Whistleblowing {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}

	.wrap-banner.Whistleblowing img {
		width: 100%;
		height: 224px;
		object-fit: cover;
		margin-top: 2rem;
	}

	.child-color.Whistleblowing {
		position: absolute;
		top: 0;
		left: 0;
		padding-top: 1rem;
		padding-left: 1rem;
		padding-right: 1rem;
		color: white;
		height: 224px;
		width: 100%;
		background: linear-gradient(180deg, #0D4685 -17.67%, rgba(126, 208, 221, 0.5) 100%);
		margin-top: 2rem;
	}

	body.front-end .wrap-form-1 {
		background-repeat: no-repeat;
		background-image: url('../static/tentang-kami/form.png');
		background-size: 100%;
		padding: 2rem 2rem;
	}

	body.front-end .wrap-form-2 {
		background-repeat: no-repeat;
		background-image: url('../static/tentang-kami/bg-whistle-2.svg');
		background-size: 100%;
		padding: 0 2rem;
	}

	body.front-end .wrap-form-3 {
		background-repeat: no-repeat;
		background-image: url('../static/tentang-kami/bg-whistle-3.svg');
		background-size: 100%;
		padding: 0 2rem;
	}

	.modal-E-form {
		padding: 0 !important;
	}

	.modal-E-form .modal-dialog {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}

	.modal-E-form .modal-content {
		height: auto;
		min-height: 100%;
		border: 0 none;
		border-radius: 0;
		box-shadow: none;
	}

	body.front-end .style-desktop-click {
		width: 100%;
	}

	body.front-end .style-section-2 {
		box-sizing: border-box;
		border-radius: 15px;
		padding: 16px;
		margin: 32px 0rem;
	}

	body.front-end .style-section-saham {
		box-sizing: border-box;
		border-radius: 15px;
	}

	body.front-end .style-section-2 h1 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 24px;
		line-height: 28px;
		color: #0D4685;
	}

	body.front-end .style-section-saham h1 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: bold;
		font-size: 22px;
		line-height: 32px;
		color: #0D4685;
	}

	body.front-end .space-desktop-csr {
		padding: 2rem 1rem 2rem 1rem;
	}

	body.front-end .csr--select {
		background: #FFFFFF;
		border: 1px solid #C4C4C4;
		box-sizing: border-box;
		border-radius: 5px;
		display: block;
		font-size: 13px !important;
		margin: 0 auto;
		height: 38px;
		line-height: 30px;
		width: 50%;
	}

	body.front-end .space-desktop-laporan {
		padding: 2rem 1rem 2rem 1rem;
	}

	.space-detail-saham {
		margin: 2rem 1rem 2rem 1rem;
	}

	body.front-end h1 {
		color: #1B4D7C;
		font-weight: 600;
		font-size: 26px;
		line-height: 30px;
		margin-bottom: .5rem;
		font-family: 'Open Sans';
	}

	body.front-end h3.Darkblue {

		font-size: 20px !important;
		color: #0A3564;
		padding: 0 !important;
		margin: 0 !important;
	}

	body.front-end .table-struktur thead {
		font-size: 14px;
		line-height: 20px;
		color: white;
	}

	body.front-end .table-struktur tbody {
		font-size: 14px;
		line-height: 20px;
		color: #000;
		background-color: white;
	}

	body.front-end .table-whistle thead {
		font-size: 12px;
		line-height: 20px;
		color: white;
	}

	body.front-end .table-whistle tbody {
		font-size: 12px;
		line-height: 20px;
		color: #000;
		background-color: white;
	}

	body.front-end .detail h2 {
		font-size: 16px !important;
		line-height: 24px;
		color: #1B4D7C !important;
		/* height: 61px !important; */
		padding-top: 0rem;
		margin-bottom: 0 !important;
	}

	body.front-end p {
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 0.3px;
		line-height: 24px;
		font-family: 'Open Sans';
	}

	body.front-end .is-guide {
		background: linear-gradient(3.98deg, #007F9F -74.81%, rgba(5, 165, 179, 0.46) 84.15%, rgba(5, 165, 179, 0) 129.73%);
		color: white;
		background-repeat: no-repeat;
		font-size: 18px;
		background-size: 100%;
		font-weight: 600;
		margin-bottom: 8px;
		font-family: 'Open Sans';
	}

	body.front-end .card-komisaris-desktop .detail p {
		font-size: 13px !important;
		line-height: 20px;
		color: #05A5B3 !important;
	}

	body.front-end .saham--tabs .nav {
		justify-content: center;
		height: 56px;
		display: flex;
		width: max-content;
		margin-bottom: 9px;
	}

	body.front-end .sosmed--tabs .nav {
		justify-content: center;
		height: 56px;
		display: flex;
		width: max-content;
		margin-bottom: 9px;
		border-bottom: none;
	}

	body.front-end .FAQ--tabs .nav {
		justify-content: center;
		height: auto;
		display: block;
		margin-right: 0 !important;
		width: 95%;
		background: #FFFFFF;

		box-shadow: 0px 4px 8px rgb(154 181 188 / 30%);
		border-radius: 4px;
		padding: 0px 16px;
		padding-bottom: 10px;
	}

	body.front-end h3.blue {

		font-size: 20px !important;
		color: #007F9F;
	}

	body.front-end .space-peringkat {
		padding: 32px 1rem 2rem 1rem;
	}

	body.front-end .title-strategi {
		font-size: 14px;
		line-height: 20px;
	}

	body.front-end .filter-location {
		padding: 0rem 2rem 1rem 8rem;
		justify-content: start !important;
	}

	body.front-end .filter-location.produk {
		margin-top: -1rem;
		margin-left: 0rem;
		margin-right: 0rem;
	}

	body.front-end .visi-style:hover {
		flex-direction: row;
		justify-content: flex-start;
		text-align: justify;
		align-items: flex-start;
		/* background:
		url('../static/tentang-kami/sahmmmm.png');
    background-repeat: no-repeat;
    background-size: cover; */
		height: 100%;
		color: white;
		border-radius: 8px;
		border: 1.5px solid #3db9cc;


	}

	body.front-end .visi-style {
		flex-direction: row;
		justify-content: flex-start;
		text-align: justify;
		align-items: flex-start;
		background-color: #fff;
		height: 100%;
		box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
		color: black;
		border-radius: 10px;
		border-width: 1.5px;
		border-style: solid;
		border-image: linear-gradient(360deg, #BEE8EE -9.31%, #F4F4F4 80.48%) 1;

	}

	body.front-end .guide-content {
		margin-left: 0px;
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 0 !important;
		padding: 0px 8px;
	}

	body.front-end .nilai-style h1 {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: 600;
		font-size: 18px !important;
		line-height: 24px !important;
		color: #1B4D7C !important;
		padding: 0px 0px;
	}

	body.front-end .nilai-style p {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 20px;
		text-align: left;
		color: #000000;
		padding: 10px 16px;
	}

	body.front-end .strategi-style h1 {
		font-size: 16px !important;
		line-height: 40px !important;
		color: #05A5B3 !important;
	}

	body.front-end .strategi-style p {
		font-size: 14px !important;
		line-height: 25px !important;
		color: #000000 !important;
		font-family: 'Open Sans';
	}

	body.front-end .strategi-style h2 {
		font-size: 16px !important;
		line-height: 20px !important;
		color: #1B4D7C !important;
		font-family: 'Open Sans';
	}

	body.front-end .desc-nilai p {
		font-size: 14px !important;
		line-height: 20px !important;
	}

	body.front-end .font-title-nilai {
		font-size: 20px;
		line-height: 40px;
	}

	body.front-end .desc-sejarah {
		font-size: 12px;
		line-height: 20px;
	}

	body.front-end .saham--tabs .nav-tabs .nav-link.active {
		border-bottom: 1.5px solid #007F9F;
		color: #007F9F;
		justify-content: center;
		background-color: transparent;
		padding-left: 0px;
		font-weight: 600;
		z-index: 5;
	}

	body.front-end .saham--tabs .nav-tabs .nav-link {
		font-weight: 400;
		color: #8E8E8E;
		border: none;
		font-size: 12px !important;
		padding: 8px 6px;
		margin-left: -10px;
		margin-right: 6px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		/* margin: 0; */
	}

	body.front-end .sosmed--tabs .nav-tabs .nav-link.active {
		border-bottom: none;
		color: #124DB2;
		font-family: 'Open Sans';
		font-size: 20px !important;
		font-style: normal;
		font-weight: 700 !important;
		line-height: normal;
		background: #ffffff;
		font-weight: 600;
		padding-left: 1rem;
		z-index: 5;
		border-radius: 90px 0px 0px 90px !important;
		box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.10) inset;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	body.front-end .sosmed--tabs .nav-tabs .nav-link.active p {
		display: none;
	}

	body.front-end .sosmed--tabs .nav-tabs .nav-link {
		font-weight: 400;
		border: none;
		border-radius: 0 !important;
		padding: 8px 8px;
		padding-left: 1rem;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: left;
		color: #787878;
		font-family: 'Open Sans';
		font-size: 14px !important;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	body.front-end .sosmed--tabs .nav-tabs .nav-link p {
		display: none;
	}

	body.front-end .FAQ--tabs .nav-tabs .nav-link.active {
		color: #fff;
		/* background: #007F9F; */
		font-weight: 600;
		padding: 16px !important;
		margin-top: 10px;
		z-index: 5;
		background: rgba(126, 208, 221, 0.2);
		border-radius: 5px !important;
		height: 52px;
		font-family: 'Open Sans';
		font-weight: 600;
		font-size: 20px !important;
		line-height: 20px;
		display: flex;
		align-items: center;
		color: #339AAA;
	}

	body.front-end .FAQ--tabs .nav-tabs .nav-link {
		color: #041528;
		/* background: #007F9F; */
		font-weight: 600;
		padding: 16px !important;
		z-index: 5;
		background: #ffffff;
		border-radius: 5px !important;
		height: 52px;
		font-family: 'Open Sans';
		font-weight: 600;
		font-size: 20px !important;
		line-height: 20px;
		display: flex;
		align-items: center;
	}

	body.front-end .space-artikel {
		padding: 0rem 0rem 0rem 0rem;
	}

	body.front-end .wrapper-table {
		padding: 2rem 1rem 2rem 1rem;
		background: linear-gradient(180deg, #FFFFFF 20.45%, rgba(177, 205, 236, 0.6) 100%);
	}

	body.front-end .content-search .title {
		font-weight: bold;
		font-size: 14px !important;
		color: #1B4D7C !important;
	}

	body.front-end .content-search .desc {
		font-weight: normal;

		color: #000000 !important;
		height: 7rem;
	}

	body.front-end .content-search .style-url {
		font-weight: normal;
		font-size: 11px !important;
		line-height: 18px !important;
		color: #05A5B3 !important;
	}

	.ButtonNextkelola {
		padding: 8px !important;
		background: linear-gradient(0deg, #FD930A, #FD930A);
		border-radius: 35px !important;
		position: relative;
		font-size: 16px !important;
		line-height: 23px !important;
		color: white !important;
		/* top: 63px; */
		bottom: 0;
		width: 65%;
		font-size: 12px !important;
		/* margin-top: -91px; */
		margin: -56px 3rem 0px 17px !important;


	}

	.titleKelola {
		bottom: 0;
		text-align: left;
		padding: 0rem 26px;
		top: 30px;
		font-style: normal;
		font-weight: bold !important;
		font-size: 20px;
		line-height: 24px;
		color: #0A3564;
	}

	.swiper-aboutUs-container .swiper-pagination-bullet {
		/* margin: 0 4px; */
		background-color: #c4c4c4;
		top: 8px;
		width: 12px !important;
		height: 12px !important;
		position: relative;
		/* width: 30px;*/
		top: 0px;
	}

	.section-tata-kelola h2 {
		font-size: 18px !important;
		text-align: center;
		padding-left: 0rem;
		padding-right: 0px;
		padding-top: 1rem !important;
		padding-bottom: 0px !important;
	}

	.space-thumbnail-tata-kelola img {
		height: 196px;
		width: 100%;
		border-radius: 10px;
		object-fit: cover;
	}

	.wrapper-tatakelola {
		background: linear-gradient(180deg, #BEE8EE 0%, #B1CDEC 100%);
		position: absolute;
		width: 58%;
		border-radius: 10px 70px 10px 0px;
		height: 196px;
	}

	.space-thumbnail-tata-kelola {
		padding: 0 1.5rem 0rem 1.5rem;
	}

	.swiper-aboutUs-container .swiper-pagination {
		left: 7px;
		text-align: right;
		padding: 0 16px !important;
		width: 100%;
		padding: 0px;
		position: relative;
		background-color: transparent;
		top: 20px;

	}

	.swiperPromoHomepage .swiper-pagination {
		display: block;
		left: 7px;
		text-align: left;
		width: 100%;
		position: relative;
		background-color: transparent;
		padding: 9px;
		height: 45px;
	}

	.swiperPromoHomepage .swiper-pagination-bullet {
		margin: 0 4px;
		background-color: #c4c4c4 !important;
		top: 8px;
		width: 12px !important;
		height: 12px !important;
		position: relative;
		/* width: 30px;*/
		opacity: 100;
		top: 0px;
	}

	.swiperPromoHomepage .swiper-pagination-bullet-active {
		border: 1px solid #FFFFFF;
		background: #717171 !important;
	}

	.swiper-aboutUs-container {
		width: 100%;
		height: 14rem;
		margin-bottom: 1em;
		background-color: rgba(0, 0, 0, 0.05);
	}

	.swiper-aboutUs-container .swiper-slide img {
		height: 281px;
		display: block;
		object-fit: cover;
		width: 100%;
		background: linear-gradient(353.39deg, rgba(0, 0, 0, 0.85) 18.32%, rgba(0, 0, 0, 0) 85.15%);
	}

	.swiper-aboutUs-container .swiper-slide .titleAbout {
		color: white;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: 60px;

	}

	.swiperLaporan.swiper-container .swiper-pagination-bullet {
		/* opacity: 1 !important; */
		position: relative;
		/* width: 30px;*/
		top: 8px;
		width: 12px !important;
		height: 12px !important;
		top: 0px;
	}

	.swiper-aboutUs-container .swiper-slide .buttonNext {
		background: linear-gradient(0deg, #FD930A, #FD930A);
		border-radius: 35px !important;
		position: absolute;
		top: 110px;
		/* margin-top: -380px; */
		width: 200px;
		position: absolute;
		left: 50%;
		margin-left: -100px;
		color: #fff;


	}

	.swiper-aboutUs-container {
		width: 100%;
		height: 8rem;
		margin-bottom: 1em;
		background-color: rgba(0, 0, 0, 0.05);
	}

	.swiper-aboutUs-container .swiper-slide img {
		height: 185px;
		display: block;
		margin-top: 0px;
		object-fit: cover;
		width: 100%;
		background: linear-gradient(353.39deg, rgba(0, 0, 0, 0.85) 18.32%, rgba(0, 0, 0, 0) 85.15%);
	}

	.style-title-visi {
		color: #1B4D7C;
		font-size: 20px !important;
	}

	body.front-end .mobil-mall--swiper-container .mobil-mall--swiper-pagination {
		margin: 1.5rem auto;
		display: flex;
		overflow-x: scroll !important;
	}

	body.front-end .aboutUs--header {
		background:
			url('../static/tentang-kami/about-us-bg.png'),
			linear-gradient(53.18deg, #007F9F 12.87%, #007F9F 42.54%, #3BB7B4 73.76%);
		background-size: cover;
		padding: 6rem 0 2rem 0;
		height: 155px;
		background-position: center;
		background-repeat: no-repeat;
		text-align: center;
	}

	body.front-end .aboutUs--header h1 {
		font-weight: bold;
		font-size: 26px !important;
		line-height: 28px;
		color: #ffffff !important;
	}

	body.front-end .detail-promo--breadcrumb {
		margin-left: 0px !important;
		padding: 5rem 1rem 1rem 1rem !important;
	}

	body.front-end .highlight-style {
		padding-right: 0rem;

	}

	ol.autodebet-step li.main-list {
		height: auto;
		padding-bottom: .5rem !important;
	}

	body.front-end .detail-promo--content .font-title .fontStyle {
		font-family: 'Open Sans';
		font-style: normal;
		font-weight: normal;
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0.5em;
		text-transform: uppercase;
		color: #339AAA;
	}

	body.front-end .breacrumb--global-blue {
		align-items: baseline;
		background-color: #F1F5F8;
		padding: 6rem 1rem 1rem 1rem !important;

	}

	body.front-end .breacrumb--global-white {
		align-items: baseline;
		background-color: #FFFFFF;
		padding: 6rem 1rem 1rem 1rem !important
	}

	body.front-end .newCar--page-content p.darkGray {
		margin-top: -14px;
		position: relative;
	}

	body.front-end .card-syarat .background-image {
		position: absolute;
		right: 0;
		width: 100%;
		height: 100%;
	}

	body.front-end .card-doc-bpkb img {
		position: absolute;
		opacity: 25%;
		right: 0;
		width: 166px !important;
		height: 184px !important;
	}

	body.front-end .produk--select {
		width: 50%;
	}

	body.front-end .penghargaan--select {
		width: 48%;
		margin: 15px 1rem;
		font-family: 'Open Sans';
	}

	.accordion-table {
		overflow-x: scroll;
	}


	body.front-end footer .ojk {
		text-align: center;
		padding: 0 4.3rem;
	}

	ol.autodebet-step {
		max-width: 350px;
		margin-bottom: 0 !important;
	}

	body.front-end .content-pengkinian-informasi .card-pengkinian-detail-informasi {
		margin-top: 2rem;
		box-shadow: none;
		background: #fff;
		width: 100%;
		border-radius: 0px 0px 8px 8px;
		top: 1rem;
		padding: 2rem 0 0 0 !important;
		position: relative;
		margin: 1rem 1rem 3rem 0rem;
	}

	.is-desktop {
		display: none;
	}

	body.front-end .detail-content-product p {

		font-style: normal;
		letter-spacing: 0 !important;
		text-transform: none !important;
		align-items: center;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		color: #000000;
		font-weight: 400 !important;
		font-size: 14px !important;
		line-height: 22px;
		align-items: center;
	}

	body.front-end .promo-carousel--section .swiper-slide-share-button {
		bottom: 7rem;
		width: 72px;
		height: 25px;
		padding: 0 !important;
		align-items: center;
		background: transparent;
		border: 1px solid #FFFFFF;
		border-radius: 5px;
		box-sizing: border-box;
		color: #fff;
		display: flex;
		flex-direction: row;
		font-size: 11px;
		right: 0;
		top: -21%;
		margin: 0 6%;
		float: right;
		left: 0;
		position: relative;
	}

	body.front-end .promo-carousel--section .swiper-slide-share-button img {
		object-fit: cover;
		width: 16% !important;
		height: 100% !important;
		border-radius: 0px 0px 0px 0px !important;
		margin-top: -2px;
		margin-right: .1rem;
	}

	body.front-end .background-bluelight-produk {
		background: #F1F5F8 !important;
		margin-top: -2rem;
		padding: 1rem 0rem 1px 0rem;
	}

	body.front-end .filter-location {
		padding: 1rem 0rem 0rem 0rem;
		justify-content: center;
	}

	body.front-end .no-promo {
		justify-content: start;
		padding: 1rem 2rem 1rem 2rem;
	}

	body.front-end .filter-location p {
		color: #000 !important;
		font-weight: 400 !important;
		padding-top: 1rem !important;
		margin-bottom: -0.5rem;
	}

	body.front-end .filter-location .select-filter {
		margin: 0 !important;
		width: 50% !important;
		margin-left: 20px !important;
		background: #FFFFFF;
		border: 1px solid #C4C4C4 !important;
		box-sizing: border-box;
		border-radius: 25px;
		margin-top: 7px !important;
		padding-top: 8px;
		padding: .75rem 1rem;
		height: 40px;
		display: block;
		font-size: .8rem !important;

	}

	.news--auction-content,
	.via-atm {
		overflow-x: scroll;
	}

	.news--auction-content table {
		width: max-content;
	}

	body.front-end .is-mobile.bottom-menu--navigation .bottom-menu--container,
	body.front-end .is-mobile.simulation-result--tab-content .tab-table-head {
		display: flex !important;
		align-items: center;
	}

	body.front-end .allpromo--list {
		padding: 0;
		margin-left: 16px !important;
		margin-right: 16px !important;
	}

	.is-desktop {
		display: none;
	}

	.is-tablet {
		display: none;
	}

	.is-mobile {
		display: block;
	}

	.background-breadcrumb {
		background: linear-gradient(88.56deg, #007F9F 41%, #05A5B3 82.31%);
		padding-left: 0%;
	}

	body.front-end .simulation--page-content--login .simulation--card {
		background: #fff;
		border: 1px solid #007F9F;
		border-radius: 10px;
		top: 3rem !important;
		padding: 1rem 0;
		margin-bottom: 4rem;
		position: relative;
	}


	.device-responsive {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		margin: 0rem !important;

	}

	body.front-end .select-selected {
		border: 1px solid #C4C4C4;
	}

	body.front-end .custom-select {
		position: relative;
		border: none !important;
		width: 100% !important;
		padding: 0 !important;
		background: none !important;
		border-radius: 25px;
		padding-left: 1rem !important;
	}

	.style-mobile-button {
		font-size: 12px !important;
		padding: 1rem 2px 1rem 2px !important;
	}

	.font-mobile-form-kelengkapan {
		font-size: .7rem !important;
	}

	body.front-end .card-syarat {

		background-size: cover;
		border-radius: 5px;
		color: #fff;
		font-size: 1.25rem !important;
		height: 13rem;
		width: 100%;
	}

	body.front-end .card-doc-bpkb {
		background: linear-gradient(180deg, #D6E1F1 0%, #FFFFFF 71.22%) !important;
		min-height: unset !important;
		background-position: bottom right;
		background-size: 10rem;
		background-repeat: no-repeat;
		color: #000000;
		font-size: 1rem;
		font-weight: 400;
	}

	body.front-end .card-doc-refinancing {
		background: #F1F5F8 url('../static/info/contoh.png') !important;
		min-height: unset !important;
		background-position: right bottom !important;
		background-size: 15rem !important;
		background-repeat: no-repeat !important;
		color: #000000;
		font-size: 1rem;
		font-weight: 400;
	}
}

@media(max-width: 1024px) {
	body.front-end .filter-location {
		padding: 1.9rem 0rem 0rem 0rem;
		justify-content: center;
	}

	ol.autodebet-step li.main-list {
		height: auto;
	}

	body.front-end .no-promo {
		padding: 1rem 2rem 1rem 2rem;
		justify-content: start;
	}
}

.showroom-tabs .nav-tabs .nav-link {
	height: 100%;
	display: flex;
	align-items: center;
}

@media (min-width: 768px) and (max-width: 1023px) {
	.is-tablet {
		display: block;
	}
}

/* simulasi section */
#new-simulasi {
	position: relative;
	margin-top: -40px;
	z-index: 1;
}

#new-simulasi .wraper-simulasi-home {
	padding: 0 192px 0 80px;
}

#new-simulasi .wraper-simulasi-home .box-simulasi {
	background: linear-gradient(179.95deg, #FFFFFF 0.05%, #F1FDFF 48.09%, #B1CDEC 137.73%);
	border-radius: 10px;
	padding: 15px;
}

#new-simulasi .tagline {
	color: #717171;
	font-size: 28px;
	font-weight: 700;
	line-height: 36px;
	text-align: left;
}

#new-simulasi .img-wraper-simulasi {
	position: relative;
	margin-top: -60px;
}

#new-simulasi .img-wraper-simulasi img {
	max-width: 100%;
	width: 685px;
}

.btn-primary-bcaf {
	background: linear-gradient(180deg, #3DB9CC 0%, #1896A9 125%);
	box-shadow: 0px 2px 4px 0px #00000040;
	color: #fff !important;
	border-radius: 50px !important;
	padding: 15px !important;
}

@media (max-width: 767px) {
	#new-simulasi .wraper-simulasi-home {
		padding: 0 10px 0 10px;
	}

	#new-simulasi .tagline {
		font-size: 12px;
		line-height: 22px;
		text-align: left;
		margin: 5px 0px;
	}

	#new-simulasi .img-wraper-simulasi {
		position: relative;
		margin-top: -40px;
	}

	.btn-primary-bcaf {
		background: linear-gradient(180deg, #3DB9CC 0%, #1896A9 125%);
		box-shadow: 0px 2px 4px 0px #00000040;
		color: #fff !important;
		border-radius: 30px !important;
		padding: 8px !important;
	}
}

/* confirmation page */
#main-panel-page {
	box-shadow: 0px 0px 12px 3px #00000026;
}

#page-title {
	position: absolute;
	top: 230px;
	left: 60px;
	font-family: "Open Sans";
	font-size: 64px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0em;
	text-align: left;
	color: #ffffff;
	text-shadow: 0px 2px 12px #000000;
}

.modal-pendek {
	width: 340px !important;
}

#page-title img {
	width: 45px;
	height: auto;
	margin-bottom: 10px;
}

.panel-center {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 50px 1.25rem 80px 1.25rem !important;
	flex-direction: column;
}

.text-blue {
	color: #0069ca !important;
}

.wrap-info-content {
	padding: 39px 192px 15px 80px;
	background-color: #ffffff;
}

.wrap-info-content .title-page {
	font-family: "Open Sans" !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 38px;
	letter-spacing: 0em;
	text-align: left;
	color: #1157a6;
	padding: 0px 0px 10px;
	margin-top: 30px;
}

.wrap-info-content .card-body {
	box-shadow: 0px 4px 4px 0px #00000040;
	border-radius: 24px;
	position: relative;
	margin-top: -4rem;
	z-index: 1;
	background-color: #fff;
}

.wrap-info-content p {
	color: #717171;
}

.wrap-info-content h4 {
	font-family: "Poppins";
	font-size: 20px !important;
	font-weight: 600;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	color: #1469c7;
	height: 56px;
	margin-top: 50px;
}

.title-confirmation {
	font-size: 20px;
	font-weight: 700;
	text-align: left;
	color: #1469C7;
}

.confirm-failed {
	width: 186px;
	height: auto;
}

.input_alasan_konfirmasi {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-radius: 0px !important;
	border-bottom: #ccc 2px solid !important;
	font-size: 14px !important;
}

.btn-primary {
	background: linear-gradient(180deg, #3DB9CC 0%, #1896A9 125%) !important;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 30px !important;
	font-family: 'Open Sans' !important;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-align: center;
	color: #FFFFFF !important;
	margin: auto;
}

.btn-submit-confirmation {
	background: linear-gradient(180deg, #3DB9CC 0%, #1896A9 125%) !important;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25) !important;
	border-radius: 30px !important;
	font-family: 'Open Sans' !important;
	font-style: normal;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	text-align: center;
	color: #FFFFFF !important;
	width: 60% !important;
	margin: auto;
	display: block !important;
}

.card-konfirmasi {
	border-radius: 15px 15px 0px 0px !important;
	box-shadow: 0px 4px 4px 0px #00000040 !important;
	margin-bottom: 50px;
}

.modal.show .modal-dialog {
	top: 150px;
}

.icon-wraper-popup {
	text-align: center;
	position: relative;
	top: -70px;
	height: 60px;
}

#modal-submit .modal-body {
	overflow: visible;
}

#modal-submit .modal-content {
	border-radius: 1.5rem;
}

#modal-submit .close-modal {
	position: absolute;
	right: -5px;
	z-index: 1;
	top: 0px;
	cursor: pointer;
	width: 28px;
}

/* Postingan Terkait */
#post-terkait .card img.card-img-top {
	height: 104px;
	width: 100%;
	object-fit: cover;
}

.card-headline h4.card-title {
	height: 75px;
}

.fw-700 {
	font-weight: 700 !important;
}

@media (max-width: 768px) {
	#page-title-mobile {
		display: block;
		position: absolute;
		padding: 0px 10px;
		top: 140px;
		font-weight: 700;
		text-shadow: 2px 3px 2px #000;
		color: #ffffff;
		font-size: 24px;
	}

	#page-title {
		display: block;
		top: 150px;
		font-size: 24px;
		line-height: 1;
		left: 0px;
	}

	.modal-pendek {
		width: auto !important;
	}

	.card-konfirmasi .form-check-label {
		margin-bottom: 12px;
	}

	.wrap-info-content {
		padding: 0px 0px 0px 0px;
	}

	.wrap-info-content .card-body {
		margin-top: 0px;

	}

	#main-panel-page {
		border-radius: 24px 24px 0px 0px;
		margin-bottom: 0px;
	}

	.wrap-info-content h4 {
		font-size: 16px !important;
	}

	.btn-submit-confirmation {
		width: 100% !important;
	}
}

/* simulasi page */
#main-panel-simulasi {
	border-radius: 24px 24px 0px 0px;
}

.wraping-page-simulasi {
	padding-bottom: 0px;
}

#main-panel-simulasi .title-simulasi,
#main-panel-simulasi .title-syarat {
	font-size: 28px;
	font-weight: 700;
	line-height: 38px;
	text-align: left;
	color: #1157A6;
}

#main-panel-simulasi .wraper-item-simulasi {
	display: block;
}

#main-panel-simulasi .item-simulasi {
	margin-right: 10px;
	margin-left: 10px;
	display: inline-block;
	width: 25%;
}

#main-panel-simulasi .item-simulasi .card {
	box-shadow: 0px 4px 4px 0px #00000040;
	border-radius: 15px;
	border: none;
	position: relative;
	margin-top: 100px;
}

#main-panel-simulasi .item-simulasi .card .icon {
	text-align: center;
	position: absolute;
	height: 40px;
	top: -80px;
	left: 0px;
	right: 0px;
}

#main-panel-simulasi .item-simulasi .card .icon img {
	width: 80%;
}

#main-panel-simulasi .item-simulasi .card .title {
	font-size: 20px;
	font-weight: 600;
	line-height: 26px;
	text-align: left;
	margin-top: 80px;
}

#main-panel-simulasi .item-simulasi .card .desc {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	color: #717171;
	min-height: 150px;
}

#main-panel-simulasi-result {}

#section-simulasi-syarat-ketentuan {
	clear: both;
}

#section-simulasi-syarat-ketentuan .swiper-slide .title {
	text-align: center;
	font-size: 16px !important;
	font-weight: 700;
	margin: 10px 30px;
	font-family: 'open sans';
}

#section-simulasi-syarat-ketentuan .swiper-slide .desc {
	padding: 30px 50px;
	font-size: 14px !important;
	color: #717171;
}

.swiper-syarat {
	overflow: hidden;
}

#section-top-page {
	height: 100px;
}

@media (max-width: 768px) {
	#main-panel-simulasi .title-simulasi {
		font-size: 24px;
	}

	#main-panel-simulasi .item-simulasi {
		width: 100%;
		margin-bottom: 20px;
		margin-right: 0px;
		margin-left: 0px;
	}

	#main-panel-simulasi .item-simulasi .card {
		margin-top: 30px;
	}

	#main-panel-simulasi .item-simulasi .card .icon {
		top: -30px;
		text-align: right;
	}

	#main-panel-simulasi .item-simulasi .card .icon img {
		width: 110px;
	}

	#main-panel-simulasi .item-simulasi .card .title {
		margin-top: 10px;
	}

	#main-panel-simulasi .item-simulasi .card .desc {
		margin-bottom: 40px;
		min-height: auto;
	}

	#section-top-page {
		height: 145px;
	}

	#section-top-page.result-page {
		margin-top: -40px;
		height: 70px;
	}

	#section-simulasi-syarat-ketentuan {
		margin: 0px -20px;
	}

	#section-simulasi-syarat-ketentuan.landing-page {
		padding: 0px 10px;
	}

	#section-simulasi-syarat-ketentuan.landing-page .title-syarat {
		margin: 0px 10px;
	}

	#section-simulasi-syarat-ketentuan.landing-page .swiper-wrapper {
		padding: 0px;
	}

	#section-simulasi-syarat-ketentuan .swiper-slide .icon {
		height: 150px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#datalist-result li {
		margin: 0px 0px !important;
	}

	#section-simulasi-syarat-ketentuan .swiper-slide .icon img {
		width: 80%;
	}

	#section-simulasi-syarat-ketentuan .swiper-slide .title {
		font-size: 14px !important;
		height: 80px;
		line-height: normal;
		margin: 10px 0px;
		font-family: 'open sans';
	}

	#section-simulasi-syarat-ketentuan .swiper-slide .desc {
		padding: 20px 20px;
		font-size: 12px !important;
	}

	.item-syarat {
		width: 150px !important;
	}
}

/* kredit page */
#icon-top-wraper {
	position: relative;
	top: -100px;
	text-align: center;
}

.wraper-section-top {
	display: flex;
	justify-content: center;
	justify-content: flex-start;
}

#section-left-menu {
	position: relative;
	display: contents;
	float: left;
	margin-right: -20px;
	width: 30%;
}

#section-list-kredit {
	padding-top: 50px;
	padding-bottom: 5px;
	padding-right: 15px;
	width: 74%;
	float: right;
	display: inline-block;
	overflow: hidden;
	margin: 0px -25px 0px -25px;
}

#menu-kredit {
	border-radius: 0px 20px 20px 0px;
	background-color: #D2F5F7;
	position: relative;
	left: -40px;
	width: 340px;
	padding: 50px 0px 50px 80px;
	min-height: 300px;
	display: table-cell;
}

#menu-kredit::before {
	content: " ";
	position: absolute;
	top: -20px;
	left: 0px;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 16px solid #A7CCCE;
	z-index: -1;
}

#menu-kredit li {
	list-style: none;
	clear: both;
}

#menu-kredit li a {
	display: flex;
	padding: 20px 20px 20px 30px;
	align-items: center;
	justify-content: space-around;
	color: #717171;
}

#menu-kredit li a span {
	padding: 0px 10px;
	letter-spacing: normal;
}

#menu-kredit li a.active {
	background-color: #fff;
	border-radius: 80px 0px 0px 80px;
	font-weight: 700;
	box-shadow: 4px 4px 8px 0px #0000001A inset;
	color: #124DB2;
}

/* #menu-kredit li a:hover {
	background-color: #fff;
	border-radius: 80px 0px 0px 80px;
	box-shadow: 4px 4px 8px 0px #0000001A inset;
	color: #124DB2;
} */
#section-list-kredit .nav-pills .nav-link.active,
#section-list-kredit .nav-pills .show>.nav-link {
	background-color: #fff;
	color: #1158A6;
	text-align: center;
}

#section-list-kredit .nav-link {
	box-shadow: 0px 4px 4px 0px #00000040;
	background: linear-gradient(180deg, rgba(216, 241, 245, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
	border-radius: 10px;
	height: 95px;
	color: #1158A6;
	border: 1px solid #D8F1F5;
}

#section-list-kredit .nav-link.active,
#section-list-kredit .nav-link:hover {
	border: 1px solid #1158A6;
}

#section-list-kredit .nav-link>span {
	display: block;
	margin-bottom: 20px;
	font-weight: 700;
	letter-spacing: normal;
}

#section-list-kredit .nav-link>img {
	margin-top: -35%;
	width: 90%;
}

#section-form-kredit .form-check label {
	font-weight: 400;
	font-size: 14px;
}

#section-list-kredit .tab-content {
	padding: 20px 0px;
}

.wraper-menu-kredit {
	position: relative;
	width: 30%;
	display: inline-block;
}

#section-form-kredit {
	float: right;
	width: 74%;
	margin: 0px -25px 0px -25px;
	padding-right: 15px;
	position: relative;
	z-index: 10;
}

#section-form-kredit .form-item {
	padding: 0px;
	margin-bottom: 20px;
}

#section-form-kredit .form-item input {
	padding: 0px 20px;
}

#section-form-kredit .form-item input:focus {
	border: none !important;
	outline: none;
	background-color: transparent !important;
}

#section-list-kredit [type="radio"]+label {
	color: #717171;
	font-weight: 400;
}

.btn-default {
	box-shadow: 0px 2px 4px 0px #00000040;
	border: 1px solid #3DB9CC !important;
	color: #3DB9CC !important;
	font-weight: 700 !important;
	background-color: #fff !important;
}

.btn-primary {
	border: 1px solid #3DB9CC !important;
}

#section-form-kredit .form-item select {
	background-color: transparent;
	margin: 2px;
	padding: 0px 15px;
	font-size: 14px !important;
	font-weight: bold;
	color: #3A3A3A !important;
	width: 95%;
}

.link-back {
	position: absolute;
	top: -60px;
}

a.btn {
	border-radius: 50px !important;
}

#btn-pojok-kanan {
	position: absolute;
	right: 20px;
	top: 20px;
}

.required label:after {
	content: " *";
	/* color: red; */
}

.info_tool_tips {
	cursor: pointer;
	width: 15px !important;
}

#wraper-info-kendaraan {
	padding: 10px 20px;
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #ccc;
	width: 300px;
	/* box shadow */
	box-shadow: 0px 4px 4px 0px #00000040;
}

#wraper-info-kendaraan h3 {
	font-size: 16px;
	font-weight: 700;
	color: #124DB2;
	margin-bottom: 20px;
}

#wraper-info-kendaraan h4 {
	font-size: 14px;
	font-weight: 700;
	color: #124DB2;
}

#wraper-info-kendaraan p {
	font-size: 12px;
	font-weight: 400;
	color: #717171;
	line-height: normal;
}

.tooltips_data {
	position: relative;
	display: none;
}

.icon-simulasi-result img {
	margin-top: 20px;
}

#data-result {
	margin-bottom: 80px;
}

.result-page {
	height: 60px;
}

.calendar {
	color: #1896A9;
	font-size: 14px;
	font-weight: 600;
}

.navigator {
	padding-left: 0px;
	display: flex;
	justify-content: space-evenly;
	margin: 20px 0px;
}

.navigator li {
	list-style: none;
	padding: 10px;
	text-align: center;
}

.navigator li a {
	color: #717171;
}

.navigator li.active:after {
	content: " ";
	width: 50%;
	border-bottom: 2px solid #124DB2;
	display: inline-block;
	margin-top: 10px;
}

.navigator li.active a {
	color: #124DB2;
}

#datalist-result {
	box-shadow: 0px 4px 4px 0px #00000040;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom: 30px;
}

#datalist-result li {
	margin: 0px 20px;
	border: none;
	border-radius: 0px;
	color: #717171;
	font-size: 14px;
}

#datalist-result li a {
	color: #124DB2;
}

/* ganjil */
#datalist-result li:nth-child(odd) {
	background-color: #ECF3FE;
}

#datalist-result .list-group-item.bg-primary {
	color: #FFFFFF;
	font-weight: 700;
	background-color: #3DB9CC !important;
	font-size: 14px;
	margin: 0px -2px;
}

#data-result-detail .field,
#data-result-detail .field a {
	font-size: 12px;
	font-weight: 400;
	color: #A0A0A0;
}

#data-result-detail .data {
	font-size: 14px;
	font-weight: 700;
	color: #717171;
}

#data-result-detail.card {
	box-shadow: 0px 0px 12px 0px #0000000F;
	border: none;
	border-radius: 10px;
	overflow: hidden;
}

#action-data-result {
	background-color: #E4F8F9;
	padding: 10px 0px;
	margin-top: 10px;
	text-align: right;
}

#action-data-result .field {
	font-size: 12px !important;
	color: #717171;
}

#action-data-result .data {
	font-size: 18px !important;
	color: #124DB2;
}

#devider-row {
	margin-top: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #DBDBDB;
}

p.noted {
	font-size: 16px !important;
	font-weight: 400 !important;
	line-height: 20px !important;
	color: #5F6161;
}

#form-kirim-email .form-item,
#form-update-tenor .form-item {
	margin-bottom: 15px !important;
}

.warning-text {
	font-size: 16px;
	font-weight: 700;
	color: #4375C4;
	margin: 30px 30px;
}

.modal-top {
	text-align: center;
	margin-top: -70px;
}

.text-data-popup {
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	color: #606161;
}

#section-form-kredit label {
	color: #A0A0A0 !important;
	font-weight: 400 !important;
}

#section-form-kredit .form-item input,
#section-form-kredit .form-item select {
	color: #717171 !important;
}

@media (max-width: 768px) {
	#icon-top-wraper {
		top: -40px;
	}

	#icon-top-wraper img {
		width: 45%;
	}

	.wraper-section-top {
		margin-top: 100px;
	}

	body.front-end .text-check-e-form.label-jk {
		font-size: 16px !important;
	}

	#section-list-kredit {
		margin-bottom: 50px !important;
		width: 100%;
		position: absolute;
		left: 35px;
		right: 35px;
		top: 35px;
		padding-top: 0px;
	}

	#section-list-kredit .nav-link>img {
		max-width: 120%;
		width: 120%;
		margin-top: -35px;
		margin-left: -10%;
	}

	#menu-kredit {
		width: 150px;
		border-radius: 0px 40px 40px 0px;
		padding-bottom: 30px;
		/* 
		padding-left: 20px; // dikecilin agar sesuai hape nya tester
		width: 110px;
		 */
		padding-left: 10px;
		width: 100px;
	}

	#menu-kredit li a {
		display: block;
		padding: 20px 15px;
		text-align: center;
		line-height: normal;
		position: relative;
		right: 0px;
	}

	#menu-kredit li a img {
		width: 40px;
	}

	#menu-kredit li a.active span {
		font-weight: 600;
	}

	.wraper-menu-kredit {
		width: 120px;
	}

	#menu-kredit li a span {
		text-align: center;
		padding: 0px 0px;
		font-weight: 400;
	}

	#menu-kategori-kredit {
		margin: 0px 10px;
		overflow: hidden;
		padding-bottom: 10px;
	}

	#menu-kategori-kredit .swiper-wrapper {
		padding-top: 2rem;
	}

	#datalist-result li.list-group-item>.row>div {
		padding: 5px;
	}

	#section-list-kredit .nav-link {
		height: 79px;
		padding: 5px;
		text-align: center;
	}

	#section-list-kredit .tab-content {
		margin-top: -50px;
	}

	#section-left-menu {
		float: left;
		display: inline-block;
	}

	.item-kredit {
		width: 102px !important;
	}

	#section-form-kredit {
		position: relative;
		width: 82%;
		display: inline-block;
	}

	#section-form-kredit .tab-content {
		padding: 0px 10px;
	}

	.swiper-syarat {
		overflow: hidden;
	}

	#page-title img {
		position: absolute;
		top: -30px;
		width: 35px;
	}

	.wraping-page-simulasi-kredit {
		padding: 0px 15px;
	}

	#btn-pojok-kanan {
		right: 10px;
		top: 10px;
		padding: 2px 5px;
		font-size: 9px;
		/* di kecil agar sesuai HP klien harusnya 10px */
	}

	.link-back {
		top: -40px;
		left: 10px;
	}

	.link-back img {
		width: 35px;
	}

	#main-panel-simulasi {
		border-radius: 20px 20px 20px 20px;
		margin-bottom: 30px;
	}

	#main-panel-simulasi .title-syarat {
		font-size: 20px;
		font-weight: 700;
	}

	#action-data-result {
		text-align: left;
	}

	.form-checklis {
		margin-bottom: 20px;
	}

	.tooltips_data.open {
		/* posisi di tengah page */
		position: fixed;
		bottom: 60px;
		left: 0px !important;
		right: 0px;
		top: auto !important;
		z-index: 9999;
		display: block;
		box-shadow: 0px -4px 4px 0px #00000040;
		border-radius: 20px;
	}

	#wraper-info-kendaraan {
		width: 100%;
		padding: 10px;
		height: fit-content;
		padding: 50px 20px;
	}

	#wraper-info-kendaraan>div {
		position: absolute;
		top: 10px;
		left: 0px;
		right: 0px;
	}

	.closetooltip {
		display: inline-block;
		height: 10px;
		width: 50px;
		background-color: #eee;
		border-radius: 20px;
		/* lokasi center */
		left: 50%;
	}

	.actiondata-btn .btn {
		padding: 10px 5px;
		font-size: 12px !important;
		line-height: 24px !important;
	}

	#section-form-kredit .row>div {
		padding-right: 5px;
		padding-left: 5px;
		;
	}

	#menu-kredit li a.active {
		border-radius: 30px 0px 0px 30px;
	}

	.hidden-xs {
		display: none !important;
	}

	.btn-result-detail {
		margin-bottom: 10px;
	}
}

/* edukasi_konsumen */
#edukasi_konsumen h1 {
	color: #717171;
	font-size: 36px;
}

#edukasi_konsumen .breadcrumb {
	background-color: #ffffff;
	font-size: 14px !important;
	font-weight: 400 !important;
	padding-left: 0px;
	padding-right: 0px;
}

#edukasi_konsumen .breadcrumb a {
	color: #717171;
	font-weight: 400 !important;
}

#edukasi_konsumen .breadcrumb-item.active {
	color: #339aaa;
}

#edukasi_konsumen .breadcrumb-item+.breadcrumb-item::before {
	content: ">";
	color: #e5e5e5;
}

#edukasi_konsumen .area-swipper p {
	font-size: 14px;
	color: #717171;
}

#edukasi_konsumen .page-title-edukasi {
	position: absolute;
	top: 200px;
	font-family: "Open Sans";
	font-size: 64px;
	font-weight: 700;
	line-height: 16px;
	letter-spacing: 0em;
	text-align: left;
	color: #ffffff;
	text-shadow: 0px 2px 12px #000000;
}

#edukasi_konsumen .title-page {
	font-family: "Open Sans" !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 38px;
	letter-spacing: 0em;
	text-align: left;
	color: #1157a6;
}

#edukasi_konsumen .col-custom {
	max-width: 20%;
	flex: 0 0 19%;
}

#edukasi_konsumen .card-left {
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0px 4px 4px 0px #00000026;
	border: none;
}

#edukasi_konsumen .card-headline h4.card-title {
	font-size: 16px !important;
	font-weight: 700;
	line-height: 24px;
	color: #717171;
	margin-right: 50px;
	margin-bottom: 0px;
}

#edukasi_konsumen .item-data-info {
	border-radius: 16px;
	background-color: #f2f5f8;
	border: none;
}

#edukasi_konsumen .item-data-info h4 {
	font-size: 16px !important;
	font-weight: 700;
	line-height: 24px;
	color: #1469c7;
}

#edukasi_konsumen .item-data-info p {
	font-size: 14px !important;
	font-weight: 400;
	line-height: 20px;
	text-align: left;
	color: #717171;
	margin-bottom: 0px;
}

#edukasi_konsumen p.tiny-title {
	font-size: 12px !important;
	font-weight: 400;
	line-height: 16px;
	color: #ff8000;
	margin-bottom: 6px;
}

#edukasi_konsumen p.tiny-title span {
	color: #a0a0a0;
	float: right;
}

#inline-filter-data {
	display: flex;
	align-items: center;
	flex-direction: row;
}

#inline-filter-data .btn {
	border: 1px solid #c4c4c4;
	border-radius: 30px;
	margin-right: 10px;
	font-size: 16px;
	font-weight: 400;
}

#inline-filter-data .btn.active {
	border: 1px solid #2b88e0;
	color: #1469c7;
}

#edukasi_konsumen .items-categories {
	margin-left: 10px;
}

#edukasi_konsumen .modal.show .modal-dialog {
	top: 100px;
}

#edukasi_konsumen .modal-content {
	border-radius: 20px;
}

#edukasi_konsumen .modal-body {
	overflow-y: visible;
}

#modal-filter-data h4 {
	font-size: 16px !important;
	font-weight: 700;
	line-height: 16px;
	text-align: left;
	color: #717171;
	margin-bottom: 15px;
}

#edukasi_konsumen .wraper-radio {
	margin-bottom: 15px;
}

#edukasi_konsumen .wraper-radio .radio-items span {
	padding: 5px 15px;
	border: 1px solid #c4c4c4;
	border-radius: 30px;
	cursor: pointer;
	margin-right: 15px;
}

#edukasi_konsumen .wraper-radio input:checked+span {
	border: 1px solid #3db9cc;
	color: #3db9cc;
}

#edukasi_konsumen .card.card-kategori {
	border-radius: 8px;
	padding: 10px;
	box-shadow: 0px 0px 12px 0px #0000000f;
	border: none;
	margin-bottom: 10px;
}

#edukasi_konsumen .card.card-kategori label {
	margin-bottom: 0px;
	font-weight: 700;
	font-size: 14px;
	color: #717171;
	position: relative;
}

#edukasi_konsumen .card.card-kategori .radio-items span:after {
	position: absolute;
	right: 0px;
	width: 18px;
	height: 18px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 50%;
	content: "";
	box-shadow: 0px 0px 3px 3px #0000000f;
}

#edukasi_konsumen .card.card-kategori .radio-items input:checked+span:after {
	background-color: #3db9cc;
}

#edukasi_konsumen .wraper-categories {
	margin-bottom: 20px;
}

#edukasi_konsumen .btn-appy-wraper .btn {
	font-size: 14px !important;
	font-weight: 700;
	line-height: 20px;
	text-align: center;
	padding: 10px 30px;
	margin: 10px;
}

#edukasi_konsumen .btn-appy-wraper .btn.btn-default {
	border: 1px solid #3db9cc;
	color: #3db9cc;
}

#edukasi_konsumen .btn-appy-wraper .btn.btn-primary {
	border: 1px solid #3db9cc;
	color: #ffffff;
	background-color: #3db9cc;
}

#edukasi_konsumen .btn-appy-wraper {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: row;
}

#edukasi_konsumen .post-atribut {
	position: relative;
	margin-bottom: 15px;
}

#edukasi_konsumen .post-category {
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-align: left;
	color: #ff8000;
}

#edukasi_konsumen .post-date {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	text-align: right;
	color: #a0a0a0;
}

#edukasi_konsumen .post-share-icons {
	background-color: #e4f8f9;
	padding: 5px;
	border-radius: 10px;
	display: inline;
	width: fit-content !important;
	padding: 5px 15px;
}

#edukasi_konsumen .post-share-icons a {
	margin: 5px;
}

#edukasi_konsumen .wraper-img {
	float: left;
	margin-right: 15px;
}

#edukasi_konsumen .wraper-img img {
	max-width: 100%;
}

#edukasi_konsumen .wraper-desc {
	color: #717171;
}

#edukasi_konsumen .wraper-desc::first-letter {
	font-size: 90px;
	font-weight: 700;
	line-height: 70px;
	margin-right: 10px;
	margin-bottom: 0px;
	float: left;
}

#edukasi_konsumen .post-share-bottom {
	clear: both;
}

#edukasi_konsumen .img-caption {
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 20px !important;
	text-align: left;
	color: #717171;
	margin: 10px 0px;
}

#edukasi_konsumen .card-berita-terkait {
	padding: 5px 10px;
}

#edukasi_konsumen .area-swipper {
	text-align: center;
}

#edukasi_konsumen .area-swipper .imgs-large {
	background-color: #D9D9D9;
}

#edukasi_konsumen .swiper-button-prev::after,
#edukasi_konsumen .swiper-button-next::after {
	margin-top: 0px !important;
	font-size: 16px !important;
	background-color: #ffffff !important;
	border-radius: 50% !important;
	width: 60px;
	height: 27px;
	color: #717171;
	position: relative;
	padding-top: 6px;
}

#edukasi_konsumen .imgs-large .swiper-slide img {
	width: auto;
	height: 350px;
}

#swiper-nav {
	padding: 10px 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	background-color: #D9D9D9;
}

#swiper-nav .swiper-wrapper {
	padding-top: 0px;
}

#swiper-nav .swiper-slide img {
	width: auto;
	height: 138px;
}

#swiper-nav .swiper-slide {
	opacity: 0.5;
	overflow: hidden;
}

#swiper-nav .swiper-slide.swiper-slide-thumb-active {
	opacity: 1;
}

#edukasi_konsumen .item-not-found {
	text-align: center;
	background-color: #ebebeb;
	margin-bottom: 100px;
	color: #717171;
	padding: 50px 0px;
}

#edukasi_konsumen .swiper-button-prev {
	left: 10%;
}

#edukasi_konsumen .swiper-button-next {
	right: 10%;
}

#section-content {
	margin-top: 100px;
}

@media (max-width: 768px) {
	#edukasi_konsumen h1 {
		font-size: 20px;
		line-height: 28px;
	}

	#edukasi_konsumen .page-title-edukasi {
		top: 150px;
		font-size: 35px;
	}

	#edukasi_konsumen .col-custom {
		max-width: 48%;
		flex: 0 0 45%;
	}

	#edukasi_konsumen .title-page {
		font-size: 20px !important;
		font-weight: 700;
		line-height: 28px;
	}

	#inline-filter-data {
		display: flex;
		align-items: center;
		flex-direction: row;
		margin-top: 30px;
	}

	#edukasi_konsumen .items-categories {
		margin-left: 10px;
		display: flex;
		width: 100%;
		overflow: scroll;
	}

	#inline-filter-data a {
		font-size: 14px !important;
		padding: 5px 10px;
		text-wrap: nowrap;
	}

	#edukasi_konsumen .wraper-desc::first-letter {
		font-size: 14px;
		font-weight: 400;
		line-height: 24px;
		margin-right: 0px;
		margin-bottom: 0px;
		clear: both;
	}

	#section-content {
		margin-top: 70px;
	}

	#edukasi_konsumen .swiper-slide .card-body p {
		line-height: normal;
		margin: 0px;
	}

	#edukasi_konsumen .wraper-img {
		clear: both;
		margin-right: 15px;
		width: 100%;
	}

	#edukasi_konsumen .item-not-found img {
		width: 150px;
	}

	#edukasi_konsumen .post-atribut,
	#edukasi_konsumen .post-category,
	#edukasi_konsumen .post-date {
		font-size: 14px !important;
	}

	#edukasi_konsumen .post-share-icons {
		float: none !important;
		display: block;
		width: 100%;
		padding: 5px 15px;
		text-align: center;
		margin: 30px auto;
	}

	#edukasi_konsumen .post-date {
		float: right;
	}

	#edukasi_konsumen .imgs-large .swiper-slide img {
		width: auto;
		height: 200px;
	}

	#swiper-nav .swiper-slide {
		width: 90px !important;
	}

	#swiper-nav .swiper-slide img {
		height: 60px;
		object-fit: contain;
	}

	#edukasi_konsumen p.tiny-title span {
		display: block;
		width: 100%;
	}

	#edukasi_konsumen .card-headline h4.card-title {
		font-size: 14px !important;
		width: 100%;
		line-height: 20px;
	}

	#post-terkait .card img.card-img-top {
		height: 60px;
	}

	#post-terkait .swiper-slide {
		width: 151px !important;
	}
}

/* layanan konsumen */
#layanan-konsumen .breadcrumb {
	background-color: #ffffff;
	font-size: 14px !important;
	font-weight: 400 !important;
	padding: 0.75rem 0rem;
	margin-bottom: 0px;
	margin-top: 20px;
}

#layanan-konsumen .breadcrumb a {
	color: #717171;
	font-weight: 400 !important;
}

#layanan-konsumen .breadcrumb-item.active {
	color: #339aaa;
}

#layanan-konsumen .breadcrumb-item+.breadcrumb-item::before {
	content: ">";
	color: #e5e5e5;
}

#layanan-konsumen .title-page {
	font-family: "Open Sans" !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 38px;
	letter-spacing: 0em;
	text-align: left;
	color: #1157a6;
	padding: 0px 0px 10px;
}

#list-data-bpkb .duedate {
	font-family: Open Sans;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	letter-spacing: 0px;
	text-align: left;
	color: #9e9e9e;
}

#list-data-bpkb .type {
	font-family: Open Sans;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	color: #717171;
}

#list-data-bpkb .nomor {
	font-family: Open Sans;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: 0em;
	text-align: left;
	color: #717171;
}

#layanan-konsumen .plat-no {
	font-family: Open Sans;
	font-size: 12px;
	font-weight: 400;
	color: #717171;
	float: right;
}

#layanan-konsumen .card-item-bpkb {
	border-radius: 8px;
	cursor: pointer;
	padding: 5px !important;
}

#layanan-konsumen .card-item-bpkb.active {
	border: #4ac7ff solid 2px;
}

#layanan-konsumen .wrap-info-konsumen {
	padding: 39px 192px 15px 80px;
	background-color: #ffffff;
}

#layanan-konsumen .wrap-info-konsumen .title-page {
	font-family: "Open Sans" !important;
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 38px;
	letter-spacing: 0em;
	text-align: left;
	color: #1157a6;
	padding: 0px 0px 10px;
	margin-top: 30px;
}

#layanan-konsumen .wrap-info-konsumen .card-body {
	box-shadow: 0px 4px 4px 0px #00000040;
	border-radius: 24px;
	position: relative;
	margin-top: -4rem;
	z-index: 1;
	background-color: #fff;
}

#main-panel-page {
	box-shadow: 0px 0px 12px 3px #00000026;
}

.wrap-info-konsumen p {
	color: #717171;
}

#layanan-konsumen .wrap-info-konsumen h4 {
	font-family: "Poppins";
	font-size: 20px !important;
	font-weight: 600;
	line-height: 26px;
	letter-spacing: 0em;
	text-align: left;
	color: #1469c7;
	height: 56px;
	margin-top: 50px;
}

#layanan-konsumen .wraper-box-item {
	width: 85%;
	margin-top: 75px;
}

#layanan-konsumen .wraper-box-item p {
	font-size: 14px !important;
	line-height: normal !important;
}

#layanan-konsumen .card {
	background-color: #fff;
	box-shadow: 0px 4px 4px 0px #00000040;
	border-radius: 14px;
	padding: 10px;
	position: relative;
}

#layanan-konsumen .card.card-link {
	height: 250px;
}

#layanan-konsumen .wraper-box-item .card {
	border-top: none;
}

#layanan-konsumen .icon-wraper {
	position: absolute;
	top: -70px;
	left: 0px;
	right: 0px;
	text-align: center;
}

#layanan-konsumen .icon-item {
	width: 120px;
}

#layanan-konsumen .card-link:hover {
	cursor: pointer;
}

#layanan-konsumen .label-form {
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: 400;
	line-height: 18px;
}

#layanan-konsumen .card-pengambilan {
	margin-bottom: 20px;
	color: #717171;
	box-shadow: 0px 0px 8px 0px #0000001a inset;
	border: none;
	border-radius: 8px;
}

#layanan-konsumen .card-pengambilan>div {
	padding: 10px;
}

#layanan-konsumen .card-lokasi .card-1 {
	padding-bottom: 0px;
}

#layanan-konsumen .card-lokasi .card-2 {
	padding-top: 0px;
}

#layanan-konsumen .card-lokasi .card-2 select {
	height: 30px;
	padding: 0px;
	border: 0px;
}

#layanan-konsumen .card-tanggal .card-1 {
	padding-bottom: 0px;
}

#layanan-konsumen .card-tanggal .card-2 {
	padding-top: 0px;
}

#layanan-konsumen .card-tanggal .card-2 input {
	height: 30px;
	padding: 0px;
	border: 0px;
}

#layanan-konsumen .card-switch {
	display: flex;
	flex-direction: row;
	border: none;
	border-radius: 8px;
	box-shadow: 0px 0px 12px 0px #bababa;
}

/* slider swith */
#layanan-konsumen .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

#layanan-konsumen .switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

#layanan-konsumen .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	box-shadow: inset -4px 2px 10px 0px #bababa;
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

#layanan-konsumen .slider:before {
	position: absolute;
	content: "";
	height: 33px;
	width: 33px;
	left: 0px;
	background-image: linear-gradient(180deg, #dbdbdb 0%, #a0a0a0 125%);
	-webkit-transition: 0.4s;
	transition: 0.4s;
}

#layanan-konsumen input:checked+.slider:before {
	background-image: linear-gradient(180deg, #3db9cc 0%, #1896a9 125%);
}

#layanan-konsumen input:focus+.slider {
	box-shadow: inset -4px 2px 10px 0px #bababa;
}

#layanan-konsumen input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
#layanan-konsumen .slider.round {
	border-radius: 34px;
}

#layanan-konsumen .slider.round:before {
	border-radius: 50%;
}

#layanan-konsumen .alert-booking {
	background-color: #ecf3fe;
	color: #5f6161;
	border: none;
	font-size: 12px;
	padding: 0.3rem 1.25rem;
	height: 45px;
	border-radius: 8px;
	position: relative;
}

#layanan-konsumen .alert-booking .icon {
	position: absolute;
	top: 50%;
	left: 0px;
	transform: translateY(-50%);
}

#layanan-konsumen .sub-title {
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: 700;
	line-height: 16px;
	text-align: left;
	color: #a0a0a0;
}

#layanan-konsumen .card-opsi-waktu {
	border: none;
	border-radius: 8px;
	box-shadow: 0px 2px 5px 0px #bababa;
}

#layanan-konsumen .card-opsi-waktu.active {
	border: #4ac7ff solid 2px;
}

#layanan-konsumen .card-opsi-waktu:hover {
	cursor: pointer;
}

#layanan-konsumen .card-opsi-waktu.disabled {
	background-color: #f2f2f2;
	cursor: not-allowed;
}

#layanan-konsumen .card-opsi-waktu .jam {
	font-family: "Open Sans";
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	color: #717171;
	text-align: center;
	border-bottom: 1px solid #c4c4c4;
	width: 75%;
	margin: 0px auto;
}

#layanan-konsumen .card-opsi-waktu .sisa-slot {
	font-family: "Open Sans";
	font-size: 10px;
	font-weight: 400;
	line-height: 20px;
}

#layanan-konsumen .modal.show .modal-dialog {
	top: 150px;
}

#layanan-konsumen .modal-content {
	border-radius: 20px;
}

#layanan-konsumen .modal-body {
	overflow-y: visible;
}

#btn-surat-kuasa {
	border: 1px solid #3db9cc;
	border-radius: 6px;
}

#layanan-konsumen .icon-wraper-sk {
	text-align: center;
	position: relative;
	top: -50px;
	height: 50px;
}

#layanan-konsumen .icon-wraper-bkpb {
	text-align: center;
	position: relative;
	top: -60px;
	height: 50px;
}

#layanan-konsumen .icon-wraper-bkpb img {
	width: 120px;
}

#modal-berhasil-reservasi h4 {
	font-size: 20px;
	font-weight: 700;
	line-height: 27.24px;
	letter-spacing: -0.017em;
	text-align: center;
	color: #0069ca;
}

#modal-berhasil-reservasi .text-info-date {
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
	color: #00b9cd;
	margin: 10px 0px 5px 0px;
}

#modal-berhasil-reservasi .text-info-trx {
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	text-align: center;
	margin: 5px 0px;
	color: #717171;
}

#modal-berhasil-reservasi p {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #5f6161;
}

#btn-add-calender {
	border-radius: 30px;
	border: 1px solid #3db9cc;
	box-shadow: 0px 2px 4px 0px #00000040;
	color: #1896a9;
}

#modal-warning-tunggakan h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 27.24px;
	letter-spacing: -0.017em;
	text-align: center;
	color: #0069ca;
	width: 70%;
	margin: 0px auto;
}

#modal-warning-tunggakan p {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	text-align: center;
	color: #606161;
}

#modal-warning-tunggakan .btn {
	padding: 15px;
	box-shadow: 0px 2px 4px 0px #00000040;
}

#layanan-konsumen .text-info-value {
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
	text-align: center;
	color: #ff8000;
}

#layanan-konsumen .icon-wraper-warning {
	text-align: center;
	position: relative;
	top: -60px;
	height: 50px;
}

#layanan-konsumen .icon-wraper-warning img {
	width: 120px;
}

#btn-cancel-process {
	border-radius: 30px;
	opacity: 0px;
	border: 1px solid #3db9cc;
}

#layanan-konsumen .label-data {
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: #a0a0a0;
}

#layanan-konsumen .value-data {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	color: #717171;
}

#layanan-konsumen .value-data.focus {
	color: #4375c4;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

#table-tagihan p {
	font-size: 14px;
	font-weight: 500;
	line-height: 19.07px;
	color: #5f6161;
}

#layanan-konsumen .area-total-tagihan {
	border-top: 2px solid #dbdbdb;
	margin-top: 15px;
	padding-top: 15px;
}

#layanan-konsumen .label-grandtotal {
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	color: #a0a0a0;
}

#layanan-konsumen .value-grandtotal {
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	color: #ff8000;
}

#table-tagihan .card {
	box-shadow: 0px 0px 12px 0px #0000000f;
	border-radius: 8px;
	border: none;
}

#layanan-konsumen .heading-data {
	font-size: 16px;
	font-weight: 700;
	color: #717171;
	margin-bottom: 15px;
}

#layanan-konsumen .count-down {
	font-size: 12px;
	font-weight: 600;
	color: #ff8000;
	float: right;
}

#table-tagihan p {
	font-size: 14px;
	font-weight: 500;
	line-height: 19.07px;
	color: #5f6161;
}

#table-tagihan .card {
	box-shadow: 0px 0px 12px 0px #0000000f;
	border-radius: 8px;
	border: none;
}

#va-account .value-data {
	margin-bottom: 15px;
}

#layanan-konsumen .link-label {
	float: right;
}

#layanan-konsumen .value-total {
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
	color: #4375c4;
}

#va-account a {
	font-size: 12px;
	font-weight: 600;
	color: #3db9cc;
}

#layanan-konsumen .header-area-modal {
	border-bottom: 2px solid #dbdbdb;
}

#layanan-konsumen .header-area-modal h4 {
	color: #6fcf97;
	font-size: 16px !important;
	font-weight: 700;
}

#layanan-konsumen .header-area-modal p {
	color: #717171;
	font-size: 12px !important;
	font-weight: 400;
}

#modal-berhasil-transaksi .label-data {
	margin-top: 15px;
}

#modal-berhasil-transaksi .icon-wraper-bkpb {
	height: 20px;
}

#modal-berhasil-transaksi .icon-wraper-bkpb img {
	width: 80px;
}

#layanan-konsumen .area-total-trx {
	margin-top: 15px;
	border-top: 2px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	padding: 10px 0px;
}

#layanan-konsumen .area-total-trx .label-total {
	font-size: 14px;
	font-weight: 700;
	line-height: 16px;
	color: #a0a0a0;
}

#layanan-konsumen .area-total-trx .value-total {
	font-size: 16px;
	font-weight: 700;
	color: #1469c7;
}

#layanan-konsumen .area-metode-trx p {
	margin-top: 15px;
}

@media (max-width: 768px) {
	#layanan-konsumen .wrap-info-konsumen .title-page {
		font-size: 20px !important;
		margin: 0px 0px 0px 0px;
	}

	#layanan-konsumen .wrap-info-konsumen {
		padding: 0px 0px 0px 0px;
	}

	#layanan-konsumen .wraper-box-item {
		width: 100%;
		margin-top: 0px;
	}

	#layanan-konsumen .card {
		box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
		height: auto;
	}

	#layanan-konsumen .card-link {
		margin-bottom: 20px;
	}

	#layanan-konsumen .icon-wraper {
		text-align: right;
		top: -20px;
		padding: 0px 20px;
	}

	#layanan-konsumen .icon-item {
		width: 100px;
	}

	#layanan-konsumen section.my-5,
	#layanan-konsumen section.mb-3 {
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}

	#layanan-konsumen .wrap-info-konsumen .card-body {
		border-radius: 24px 24px 0px 0px;
		margin-top: 0px;
	}

	#layanan-konsumen .wrap-info-konsumen h4 {
		height: 28px;
		margin-top: 65px;
	}

	#layanan-konsumen .card-opsi-waktu .jam {
		font-size: 12px;
		width: 90%;
	}
}

/** additional social media */
#social-media-page .tabs-sosial-media {
	display: block ruby;
	height: auto !important;
	padding-bottom: 50px;
	margin-left: -15px !important;
	width: fit-content;
}

#social-media-page .sosmed--tabs .nav-tabs .nav-link p {
	width: 140px;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
	text-align: left;
	text-wrap: left;
}

#social-media-page .name-sosmed {
	width: 90%;
	margin: 0px 10px;
	text-align: center;
	max-height: 48px;
	overflow: hidden;
}

#social-media-page .ui-tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
	/* If you want dots under the hoverable text */
}

#social-media-page .sosmed--tabs .nav-tabs .nav-link.active {
	height: unset;
	min-height: 100%;
}

#social-media-page .sosmed--tabs .nav-tabs .nav-link.active p {
	background-color: transparent;
}

#social-media-page .card-2-wraper {
	display: flex;
	justify-content: flex-start;
}

#social-media-page .col-kiri-icon {
	margin-left: 25px;
}

#social-media-page .col-kanan-info {
	margin-left: 10px;
	text-align: left;
	width: 100%;
}

#social-media-page .col-kanan-info .name-sosmed {
	margin: 5px 0px !important;
}

#social-media-page .col-kanan-info .counter-sosmed {
	margin-top: 0px !important;
}

#social-media-page .col-kanan-info .name-sosmed,
#social-media-page .col-kanan-info .counter-sosmed {
	text-align: left !important;
	width: 100%;
	display: block;
	margin: 10px 0px;
	overflow: hidden;
}

@media (min-width: 768px) and (max-width: 1024px) {
	#social-media-page .tabs-sosial-media {
		padding: 0rem 0rem 0rem 2rem;
	}
}

@media (max-width: 768px) {
	body.front-end header {
		border-radius: 0 0 16px 16px;
	}

	#social-media-page .sosmed--tabs .nav {
		height: auto !important;
	}

	#social-media-page .tabs-sosial-media {
		width: fit-content !important;
		display: flex;
	}

	#social-media-page .logo-tab-sosmed-active {
		margin-right: 0px;
	}

	#social-media-page .logo-tab-sosmed {
		margin-right: 0px;
		margin-left: 15px;
	}

	#social-media-page .sosmed--tabs .nav-tabs .nav-link {
		align-items: center;
		display: flex;
		flex-direction: column-reverse;
		align-items: flex-end;
	}

	#social-media-page .sosmed--tabs .nav-tabs .nav-link.active {
		margin-left: 15px;
		margin-right: -2px;
	}

	#social-media-page .name-sosmed {
		display: block;
		width: 100px;
		margin: 5px auto 0px;
		font-size: 14px;
		max-height: 32px;
	}

	#social-media-page .wrap-banner-settings img {
		height: 180px;
	}

	#social-media-page .col-kanan-info .name-sosmed,
	#social-media-page .col-kanan-info .counter-sosmed {
		line-height: 1.2 !important;
	}

	#social-media-page .col-custom-2 .name-sosmed {
		height: auto;
		max-height: 36px;
	}
}

/* product page */
#main-banner-product {
	z-index: -1;
}

#main-banner-product .swiper-wrapper {
	height: 450px;
}

#new-product-wraper {
	position: relative;
	z-index: 10;
	background: transparent;
	margin-top: 150px;
}

body.front-end #new-product-wraper .tabs-produk {
	margin-bottom: -20px !important;
}

body.front-end #new-product-wraper .assurance--tabs .nav {
	height: 90px;
	;
}

body.front-end #new-product-wraper .assurance--tabs .nav-tabs .nav-link {
	font-size: 28px !important;
	border-radius: 12px 12px 0px 0px !important;
	background-color: #EBEBEB;
	color: #1469C7;
	;
	font-weight: bold;
	line-height: 1.2;
	padding: auto 16px;
}

body.front-end #new-product-wraper .assurance--tabs .nav-tabs .nav-link.active {
	background-color: #FCFCFC;
	border: 0px solid #3db9cc;
	color: #3db9cc;
	border-radius: 12px 12px 0px 0px !important;
}

#nav-product-new {
	background-color: #FCFCFC;
	box-shadow: 0px 4px 4px 0px #00000040;
	border-radius: 20px;
}

#main-banner-product .swiper-pagination-vertical.swiper-pagination-bullets,
#main-banner-product .swiper-vertical>.swiper-pagination-bullets {
	right: auto !important;
	left: 20px !important;
}

#main-banner-product .swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
	margin: 15px 0px;
}

#main-banner-product .swiper-pagination-bullet-active {
	background: #3DB9CC !important;
	border: 1px solid #fff !important;
}

#new-product-wraper .slider-produk {
	margin: 0px 20px;
	padding-top: 100px;
}

#new-product-wraper .slider-produk .wrap-kredit {
	margin-top: 0px;
	box-shadow: 0px 4px 4px 0px #00000040;
	margin-bottom: 20px;
}

#new-product-wraper .slider-produk .img-itemdata {
	max-width: 100% !important;
	position: absolute;
	left: 0px;
	top: -70px
}

@media (max-width: 768px) {

	/* body disabled scroll */
	body.disabled-scroll {
		overflow: hidden;
		height: 100%;
		width: 100%;
	}

	#main-banner-product {
		margin-top: 30px;
	}

	#main-banner-product .swiper-wrapper {
		height: 200px;
	}

	#main-banner-product .swiper-wrapper img {
		width: auto;
		height: 100%;
	}

	.nav-assurance-produk {
		width: 80%;
	}

	#new-product-wraper {
		margin-top: -85px;
		background: transparent !important;
	}

	body.front-end #new-product-wraper .assurance--tabs .nav-tabs .nav-link {
		font-size: 16px !important;
	}

	body.front-end #new-product-wraper .assurance--tabs .nav {
		height: 55px;
		;
	}

	#new-product-wraper .slider-produk {
		margin: 0px 0px !important;
		padding-top: 50px;
	}

	#new-product-wraper .slider-produk .swiper-slide {
		width: 150px !important;
	}

	body.front-end #new-product-wraper .wrap-scroll {
		margin: 0px 0px !important;
		padding-left: 10px;
	}

	#new-product-wraper .slider-produk .img-itemdata {
		top: -40px;
	}

	#new-product-wraper .slider-produk .wrap-kredit h2 {
		font-size: 16px !important;
	}

	#new-product-wraper .slider-produk .wrap-kredit p {
		font-size: 14px !important;
	}

	#new-product-wraper .slider-produk .wrap-kredit a {
		font-size: 14px !important;
		font-weight: 400;
	}
}

/* pembayaran */
a.colom-data-metode {
	display: inline-block;
	width: 20%;
}

.wraper-colom {
	box-shadow: 0px 4px 4px 0px #00000040;
	margin: 50px 5px 20px 5px;
	height: 150px;
	border-radius: 15px;
	background-color: #ffffff;
	position: relative;
}

.wraper-colom .img-kolom {
	position: absolute;
	right: 0px;
	top: -30px;
	height: 90px;
}

.wraper-colom .text-blue {
	color: #1469C7;
	position: absolute;
	bottom: 5px;
	left: 0px;
	right: 0px;
}

.wraper-colom .text-blue p {
	color: #3DB9CC;
	font-size: 12px;
	/* sesuai figma hal pembayaram*/
}

.img-mini {
	left: 10px;
	top: 0px;
	height: 40px;
	position: absolute;
	border-radius: 5px 0px 0px 0px;
}

.payment-title {
	font-weight: 700;
}

@media (max-width: 768px) {
	.wraper-colom {
		height: 130px;
	}

	a.colom-data-metode {
		width: 33%;
	}

	.wraper-colom .img-kolom {
		left: 10%;
		right: 10%;
		top: -35px;
		height: 60px;
	}

	.wraper-colom .text-blue {
		top: 60px;
	}

	.wraper-image {
		text-align: center;
		position: relative;
	}

	#paymentMethods .wraper-image {
		display: flex;
		justify-content: center;
	}

	#paymentMethods .img-kolom {
		left: auto;
		right: auto;
	}

	.wraper-image .img-kolom {
		position: relative;
		text-align: center;
		float: none !important;
		display: block;
	}

	.img-mini.float-left {
		float: none !important;
	}

	.img-mini {
		position: relative;
		left: auto;
	}

	.payment-title {
		margin: 5px 5px;
		height: 25px;
		line-height: 1.2;
		font-size: 12px;
		/* sesuai figma*/
	}

	.wraper-mini {
		display: block;
		position: relative;
		text-align: center;
		top: -35px;
	}

	.wraper-colom .text-blue p {
		color: #3DB9CC;
		font-size: 10px;
		/* sesuai figma hal pembayaram*/
	}
}

/* home page */
#highlights {
	background-image: url('../static/landing/Bg-Bulet.png');
	background-size: 175px;
	background-repeat: no-repeat;
	background-position: right 13% top -20px;
}

#highlights .swiper-wrapper {
	justify-content: center;
	margin-top: 20px;
}

#highlights .swiper-wrapper h4 {
	color: #1469C7;
	font-size: 16px;
	margin-top: 20px;
	text-align: center;
	font-weight: 400;
	line-height: 20px;
}

p.text-title-produk {
	color: #1469C7 !important;
}

.rounded-item {
	width: 80px;
	height: 80px;
	background-image: linear-gradient(180deg, #DB6BF8 0%, #FF8000 100%);
	border-radius: 60px;
	margin: 0px auto;
	text-align: center;
	padding: 3px;
	cursor: pointer;
}

/* putar background image slowly */
.rounded-item:hover {
	background-image: linear-gradient(180deg, #FF8000 0%, #DB6BF8 100%);
	animation: rotate 10s linear infinite;
}

.rounded-item>div {
	border-radius: 60px;
	width: 100%;
	height: 100%;
	background-color: #D9D9D9;
}

.wraper-promo {
	display: flex;
}

.wraper-promo .wraper-kiri {
	display: inline-block;
	width: 25%;
}

.wraper-promo .wraper-kanan {
	display: inline-block;
	width: 75%;
}

.wraper-kiri {
	padding-right: 10px;
}

.wraper-kiri h3 {
	margin-top: 20px;
	margin-bottom: 50px;
	color: #717171;
	font-size: 20px !important;
	line-height: 28px;
}

#swiper-button-next-items {
	left: 50px;
	right: auto;
	bottom: 0px;
	top: auto;
	opacity: 1;
}

#swiper-button-prev-items {
	right: auto;
	left: 10px;
	bottom: 0px;
	top: auto;
	opacity: 1;
}

#swiper-button-next-items.swiper-button-next:after,
#swiper-button-prev-items.swiper-button-prev:after {
	font-size: 16px !important;
	box-shadow: 0px 4px 4px 0px #00000040;
	padding: 5px;
	margin: 0px;
	width: fit-content;
	height: fit-content;
	border-radius: 5px;
	color: #00000040;
}

.swiper-aboutUs-container .swiper-button-next:after,
.swiper-button-prev:after {
	margin-top: 0px;
	background-color: transparent;
}

.allpromo--list .swiper-container {
	padding-bottom: 20px;
}

#btn-promo-xs {
	display: none;
}

body.front-end .card-promo-homepage.new-promopage {
	height: 115px !important;
}

body.front-end .wraper-kanan .article-text .type {
	color: #717171 !important;
	margin-bottom: 5px;
}

body.front-end .wraper-kanan .article-text .title {
	color: #A0A0A0 !important;
	font-size: 12px !important;
}

#swiper-pagination-promo {
	display: block;
	position: absolute;
	bottom: 20px;
	left: 100px;
	display: flex;
	justify-content: space-around;
	right: 80px;
	width: auto;
}

.pagenum {
	position: absolute;
	right: 25px;
	bottom: 10px;
	color: #717171;
	;
}

.swiperPromoHomepageNew.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0px;
	width: 100% !important;
	border-radius: 0;
	height: 3px !important;
	background-color: #D9D9D9 !important;
}

.swiperPromoHomepageNew.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border: 0px;
	background-color: #00B9CD !important;
}

@media (max-width: 768px) {
	.rounded-item {
		width: 60px;
		height: 60px;
	}

	.wraper-promo {
		display: block;
	}

	#slide-promo-home {
		background-color: #ECFCFF !important;
		padding-bottom: 0px;
	}

	#slide-promo-home a.subtitlePromo {
		display: none;
	}

	#slide-promo-home #btn-promo-xs .btn-primary-bcaf {
		padding: 15px 10px !important;
		font-size: 16px;
		font-weight: 700;
	}

	#highlights .swiper-wrapper h4 {
		font-size: 14px;
		line-height: 1.5;
	}

	.wraper-kiri h3 {
		margin-bottom: 20px;
		font-size: 14px !important;
		line-height: 1.5;
	}

	.allpromo--list .swiper-container {
		padding-bottom: 5px;
	}

	.wraper-kiri {
		width: 100%;
	}

	.wraper-kanan {
		width: 100%;
	}

	#highlights .swiper-wrapper {
		justify-content: flex-start;
		margin-top: 0px;
		padding-top: 0px;
	}

	#highlights .wraper-rounds {
		margin: auto 50px;
	}

	#highlights {
		background-position: right -40px top -50px;
	}

	.wraper-kiri {
		padding: 0px 15px;
	}

	.wraper-kiri,
	.wraper-promo .wraper-kanan {
		display: block !important;
		width: 100% !important;
	}

	#btn-promo-xs {
		display: block;
		margin-bottom: 0px;
	}

	#item-nav-wraper {
		display: none;
	}

	#swiper-pagination-promo {
		display: none;
	}

	body.front-end .allpromo--list .article--thumbnail {
		width: 100%;
	}

	body.front-end .wraper-kanan .article-text .type {
		height: 45px !important;
		font-size: 14px !important;
		/* sesuai figma hal home*/
	}

	body.front-end .swiperPromoHomepageNew .article-text .type {
		font-size: 16px !important;
		/* sesuai figma hal home*/
	}

	.swiperPromoHomepageNew {
		margin-right: -15px !important;
	}

	.swiperPromoHomepageNew .allpromo--list .swiper-slide {
		width: 325px !important;
	}

	.swiperPromoHomepageNew .swiper-slide.swiper-slide-active {
		width: 300px !important;
	}

	.swiperPromoHomepage .swiper-slide {
		margin-right: 30px !important;
	}

	.pagenum {
		display: none;
	}
}

/*chatbot*/
#chatbot-nav {
	position: fixed;
	bottom: 20px;
	right: 50px;
}

#chat-bot-area {
	position: fixed;
	bottom: 0px;
	right: 110px;
	z-index: 100000;
	width: 350px;
	height: 550px;
	box-shadow: 0px 0px 15px 5px #929292;
	border-radius: 20px 0px 0px 20px;
	overflow: hidden;
}

#nav-chat.navbar {
	background-color: #1469C7;
	padding: 10px 10px;
	color: #fff;
}

.nama-bot {
	font-size: 14px;
	font-weight: 700;
}

.nama-bot img {
	margin-right: 10px;
}

.nama-bot .fa-circle {
	color: #75FC7C;
	margin-left: 5px;
}

.btn-control {
	cursor: pointer;
}

#iframe-wraper {
	position: relative;
	background-color: #fff;
	text-align: center;
	height: 550px;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

#chat-bot-area.open #iframe-wraper {
	display: flex;
}

#chatbot .time-chat {
	text-align: center;
	margin: 20px 0px;
	font-size: 10px;
	color: #717171;
}

#chatbot .time-chat span {
	padding: 10px 20px;
	background-color: #D9D9D9;
	;
	border-radius: 20px;
}

#chatbot .chat-you {
	float: left;
	clear: right;
	max-width: 75%;
	font-size: 12px;
	color: #717171;
}

#chatbot .chat-you .balon {
	background-color: #D9D9D9;
	;
	padding: 20px;
	border-radius: 0px 20px 20px 20px;
	text-align: left;
	display: inline-block;
}

#chatbot .chat-you .balon ol,
#chatbot .chat-you .balon ul {
	padding-left: 10px;
}

#chatbot .balon p,
#chatbot .balon a,
#chatbot .balon li {
	font-size: 12px !important;
	margin: 0px !important;
	line-height: normal;
}

#chatbot .chat-histories {
	margin-bottom: 60px;
	padding-bottom: 30px;
	position: absolute;
	bottom: 0px;
	top: 70px;
	left: 20px;
	right: 20px;
	overflow-y: scroll;
}

#chatbot .area-form {
	margin-top: 10px;
}

#chatbot .wraping-caption {
	margin: 10px 10px;
}

.chat-histories p.time {
	font-size: 10px !important;
	color: #717171;
	text-align: left;
	margin-bottom: 0px;
}

.chat-histories .chat-me p.time {
	text-align: right;
}

.action-area .form-control {
	height: auto;
}

body.front-end .action-area button {
	padding: 10px !important;
}

#chatbot .chat-me {
	text-align: right;
	float: right;
	clear: left;
	right: 0px;
	width: 75%;
	font-size: 12px;
	color: #717171;
}

#chatbot .chat-me .balon {
	background-color: #D3F5F5;
	;
	padding: 20px;
	border-radius: 20px 20px 0px 20px;
	display: inline-block;
}

#chatbot .action-area {
	position: absolute;
	background-color: #D9D9D9;
	;
	padding: 10px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}

#chatbot .action-area .input-group {
	background-color: #ffffff;
	border-radius: 50px;
	overflow: hidden;
	margin-right: 15px;
}

#chatbot .action-area .form-control {
	border: none;
	box-shadow: none;
	resize: none;
}

#chatbot .action-area .input-group-append .btn {
	background-color: transparent;
	border: none;
}

#chatbot .action-area .input-area {
	display: flex;
}

#chatbot .btn-send-chat {
	position: relative;
	width: 40px;
	height: 40px;
}

#chatbot .btn-send-chat img {
	position: absolute;
	top: 10px;
	left: 10px;
}

#chatbot .form-item-chat {
	margin-bottom: 15px;
}

#chatbot .form-item-chat input {
	width: 100%;
	height: 60px;
	padding: 15px 20px 5px;
	border-radius: 10px;
	border-color: #0000001A;
	box-shadow: 0px 0px 6px 0px #0000001A inset;
	background-color: transparent;
	z-index: 3;
	position: relative;
}

#chatbot .g-recapcha {
	margin-top: 10px;
}

/* place holder color*/
#chatbot .form-item-chat input::placeholder {
	color: #A0A0A0;
}

#chatbot .form-reg-chat {
	margin: 10px 5%;
	text-align: left;
}

#chatbot .form-reg-chat h4 {
	color: #1469C7;
	font-size: 14px !important;
	margin-top: 28px;
	font-weight: bold;
}

#chatbot .text-syarat a {
	font-size: 12px;
	color: #1896A9;
}

#chatbot .form-reg-chat p {
	color: #717171;
	font-size: 12px !important;
	line-height: normal;
}

#area-chevron {
	color: #000;
	position: absolute;
	top: 20px;
	right: 40px;
}

#area-chevron a {
	color: #717171;
	;
}

#area-chevron a.minimize {
	color: #fff;
}

#chat-bot-area.minimize {
	border-radius: 20px 0px 0px 0px;
	height: auto;
}

#chat-bot-area.minimize #iframe-wraper {
	height: auto;
}

#chat-bot-area.minimize #chatbot {
	display: none;
}

#chat-bot-area.offline #nav-chat.navbar {
	background-color: #BCBCBC;
}

#chat-bot-area.offline .nama-bot .fa-circle {
	color: #717171;
}

#content-contact-detail .form-horizontal {
	margin: 1rem -1rem !important;
}

#content-contact-detail {
	margin-bottom: 0px !important;
}

#area-form-contact {
	padding-bottom: 30px !important;
}

#wraper-button {
	margin: 0px 1px;
}

#btn-submit-contact.disabled {
	background: #868686 !important;
}

#chatbot .form-item-chat {
	position: relative;
}

#chatbot .form-item-chat input:not(:placeholder-shown)+label,
#chatbot .form-item-chat input:focus+label {
	top: 5px;
}

#chatbot .form-item-chat label {
	position: absolute;
	left: 20px;
	top: 20px;
	color: #A0A0A0;
	z-index: 2;
	transition: all .3s ease;
	cursor: text;
}

/* section produk layanan kami */
#produk-layanan-kami .nav-link.active,
#produk-layanan-kami .nav-link:hover {
	border: 1px solid #1158A6;
}

#produk-layanan-kami .nav-link {
	box-shadow: 0px 4px 4px 0px #00000040;
	background: linear-gradient(180deg, rgba(216, 241, 245, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
	border-radius: 10px;
	height: 100px;
	color: #1158A6;
	border: 1px solid #D8F1F5;
}

#produk-layanan-kami .nav-link>span {
	display: block;
	margin-bottom: 20px;
	font-weight: 700;
	letter-spacing: normal;
}

#produk-layanan-kami .nav-link>img {
	margin-top: -35%;
	width: 80%;
}

#section-form-kredit .form-check label {
	font-weight: 400;
	font-size: 14px;
}

#produk-layanan-kami .tab-content {
	padding: 20px 0px;
}

#wraper-data-item-produk {
	margin-top: 100px;
}

.temukan-kendaraan-impian {
	background: linear-gradient(0deg, #D6E1F1 0%, rgba(216, 241, 245, 0) 100%);
	padding: 39px 192px 15px 80px;
}

.tab-mobil-impian {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin: 100px 10% 30px;
}

.tab-mobil-impian .item-btn-mobil-impian {
	width: 100%;
	text-align: center;
	background-color: #EDEEF0;
	padding: 10px 0px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
	position: relative;
}

.tab-mobil-impian .item-btn-mobil-impian:first-child {
	border-radius: 15px 0px 0px 15px;
}

.tab-mobil-impian .item-btn-mobil-impian:last-child {
	border-radius: 0px 15px 15px 0px;
}

.tab-mobil-impian .item-btn-mobil-impian .icon-kendaraan-impian {
	position: absolute;
	left: 30%;
	top: -40px;
	transform: translateY(-50%);
	width: 40%;
	cursor: pointer;
}

.tab-mobil-impian .item-btn-mobil-impian {
	opacity: 0.5;
}

.tab-mobil-impian .item-btn-mobil-impian.active .icon-kendaraan-impian {
	left: 20%;
	width: 60%;
}

.tab-mobil-impian .item-btn-mobil-impian.active {
	background-color: #3DB9CC;
	color: #fff;
	cursor: pointer;
	opacity: 1;
	box-shadow: inset 0 0 10px #00000040;
}

.item-temukan {
	display: none;
	padding-bottom: 10px;
}

.item-temukan.active {
	display: block;
}

.swiper_brand_motor .swiper-slide.noted,
.swiper_brand_mobil .swiper-slide.noted {
	border-bottom: 3px solid #3DB9CC;
}

#temukan-mobil-baru .swiper_brand_mobil .swiper-slide img,
#temukan-motor-baru .swiper_brand_motor .swiper-slide img {
	width: 100%;
}

#temukan-mobil-baru .swiper-button-prev,
#temukan-mobil-baru .swiper-button-next,
#temukan-motor-baru .swiper-button-prev,
#temukan-motor-baru .swiper-button-next {
	background-color: #ffffff;
	width: 30px;
	height: 30px;
	border-radius: 15px;
}

#temukan-mobil-baru .swiper-button-next:after,
#temukan-mobil-baru .swiper-button-prev:after,
#temukan-motor-baru .swiper-button-next:after,
#temukan-motor-baru .swiper-button-prev:after {
	font-size: 18px !important;
	color: #A0A0A0;
}

#temukan-motor-baru .card {
	overflow: hidden;
}

.swipper-item-produk {
	overflow: hidden;
}

.area-cover {
	position: relative;
	overflow: hidden;
	border-radius: 15px 15px 0px 0px;
}
.area-cover img{
	height: 143px;
	object-fit: cover;
	object-position: center;
}

.cover-img-produk {
	width: 100% !important;
}

.icon-cashback {
	position: absolute;
	top: 5px;
	left: 5px;
	height: 60px !important;
}

.card-temukan {
	border-radius: 15px !important;
}

.card-temukan .title-top {
	font-family: Open Sans;
	font-weight: 400;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 7px;
	margin-bottom: 5px;
	;
}

.wraper-caption {
	margin: 20px 10px;
}

.title-card {
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	height: 40px;
	overflow: hidden;
	margin-bottom: 10px;
	/* border-bottom: 1px solid #F0F0F1; */
}

#temukan-motor-baru .title-card,
#temukan-mobil-baru .title-card,
#temukan-mobil-bekas .title-card {
	border-bottom: 1px solid #F0F0F1;
	padding-bottom: 40px;
}

.harga {
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	margin: 10px 0px;
	color: #3DB9CC;
}

.price-col {
	display: flex;
	justify-content: space-between;
}

.caption-text {
	font-size: 14px !important;
	line-height: 100%;
	letter-spacing: 0px;
	line-height: 1.5;
}

.caption-text>span {
	color: #3DA2FF;
}

.speck {
	font-size: 14px !important;
}

.lokasi,
.showroom-text {
	font-size: 14px !important;
	font-weight: 600;
}

#panel-mobil-bekas {
	border-radius: 10px;
	margin-bottom: 15px;
	justify-content: space-between;

}

#panel-mobil-bekas .nav-item .nav-link {
	padding: 10px 20px;
	font-size: 16px;
	color: #717171;
}

#panel-mobil-bekas .nav-item.active .nav-link {
	background-color: #3DB9CC !important;
	border-radius: 10px;
	color: #fff;
}

#panel-mobil-bekas .btn-location {
	float: right;
	color: #212529;
	font-size: 16px !important;
}

.title-energy {
	color: #3DA2FF;
	font-size: 14px !important;
}

.harga-black {
	font-size: 14px !important;
	font-weight: 400;
	margin-bottom: 10px;
}

.harga-black>span {
	font-weight: 700;
}

.act-button {
	font-size: 14px !important;
	display: flex;
	margin: 10px 0px;
	justify-content: space-between;
}

.btn-lainnya {
	margin: 20px;
}

.btn-lainnya .btn {
	padding: 15px 60px !important;
}

#main-panel-pembyaran {
	padding: 30px 40px 30px 120px;
	margin-bottom: 50px;
	position: relative;
	margin-top: -40px;
}

#main-panel-pembyaran h2 {
	font-weight: 700;
	font-size: 28px;
	line-height: 36px;
	color: #1469C7;
}

#main-panel-pembyaran h3 {
	margin-bottom: 10px;
	font-weight: 700;
	font-size: 20px;
	line-height: 28px;
	color: #1469C7;
}

#main-panel-pembyaran h4 {
	font-family: "open sans";
	margin-top: 20px;
	margin-bottom: 15px;
	height: auto !important;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
}

.title-detail-pembayaran {
	margin: 30px 0px;
}

#main-panel-pembyaran img {
	max-width: 100%;
	;
}

#area-konten-dinamik h3 {
	margin-bottom: 20px;
}

#area-konten-dinamik .grey {
	color: #717171;
}

#area-konten-dinamik p {
	color: #717171;
	line-height: 2.5;
}

#payment-page .nav-link {
	padding: 20px 10px;
}

#area-konten-dinamik .highlight {
	color: #f13c9b !important;
	font-weight: 600;
}

#area-konten-dinamik ul {
	list-style-type: none;
	padding-left: 0px;
	margin-bottom: 30px;
}

#area-konten-dinamik ul li {
	color: #717171;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	letter-spacing: 0%;
	margin: 15px 0px;
}

#area-konten-dinamik .number {
	padding: 3px 10px;
	background: linear-gradient(180deg, #3DB9CC 0%, #1896A9 125%);
	color: #fff;
	border-radius: 15px 0px 15px 0px;
	margin-right: 20px;
}

#icon-payment-top {
	position: absolute;
	top: 30px;
	left: 25px;
	width: 80px;
}

.title-detail-pembayaran {
	display: flex;
	justify-content: space-between;
}

.title-detail-pembayaran img {
	width: 115px;
	height: fit-content;
	margin: 10px;
}

.title-detail-pembayaran .button-right-top {
	display: flex;
	align-items: center;
}

.title-detail-pembayaran .btn-lingkaran {
	border-radius: 30px;
	width: 60px;
	height: 60px;
	position: relative;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0px !important;
	box-shadow: 0px 4px 4px 0px #00000040;
	background-color: #FCFCFC;
	color: #A0A0A0;
	margin: 10px;
}

#page-title .btn-lingkaran {
	border-radius: 30px;
	width: 60px;
	height: 60px;
	position: relative;
	padding: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 0px !important;
	box-shadow: 0px 4px 4px 0px #00000040;
	background-color: #FCFCFC;
	color: #A0A0A0;
	margin: 10px;
}

#page-title.page-pembyaran {
	display: flex;
	line-height: 1.1;
	justify-content: center;
	top: 200px;
}

.span-next-btn {
	padding: 0px 20px;
	box-shadow: 0px 4px 4px 0px #00000040;
	border-radius: 30px;
	display: flex;
	align-items: center;
}

#next-payment-icon {
	width: 40px;
}

.btn-lingkaran-kecil {
	border-radius: 25px !important;
	width: 50px;
	height: 50px;
	position: relative;
	padding: 10px !important;
	color: #A0A0A0;
	border: 1px solid #A0A0A0;
	margin-left: 10px;
}

.title-detail-pembayaran .btn-lingkaran.btn-kanan {
	display: none;
}

#wrapperPromo {
	position: relative;
}

#popup-menu-mobile {
	display: none;
}
.swipper-item-produk-mobil-baru .area-cover img {
	object-fit: contain;
}
@media (max-width: 768px) {
	.tab-mobil-impian .item-btn-mobil-impian:first-child {
		border-radius: 25px 0px 0px 25px;
	}

	.tab-mobil-impian .item-btn-mobil-impian:last-child {
		border-radius: 0px 25px 25px 0px;
	}

	#popup-menu-mobile {
		display: block;
		position: absolute;
		top: -200px;
		right: -20px;
		border-radius: 10px;
		box-shadow: 0px 0px 8px 0px #0000001A;
	}

	#popup-menu-mobile::before {
		content: "";
		position: absolute;
		bottom: -20px;
		right: 25%;
		border: 10px solid transparent;
		border-top-color: #ffffff;
	}

	#popup-menu-mobile a {
		color: #717171;
		font-size: 12px !important;
		display: flex;
		align-items: center;
		padding-left: 15px;
		padding-right: 15px;
		flex-direction: row;
		justify-content: flex-start;
	}

	#popup-menu-mobile a img {
		flex-grow: initial;
	}

	#popup-menu-mobile a span {
		font-size: 14px !important;
		margin-left: 10px;
	}

	#chat-bot-area {
		width: 100%;
		right: 0px;
		bottom: 63px;
		top: 54px;
		box-shadow: none;
		height: auto;
		border-radius: 0px;
	}

	#chat-bot-area.open {
		top: 70px;
		background-color: #fff;
		z-index: 100000;
	}

	#iframe-wraper {
		height: 100%;
	}

	#chat-bot-area.chat-data {
		top: 0px;
		bottom: 0px;
	}

	#chat-bot-area.minimize {
		top: auto;
		bottom: 63px;
	}

	.btn-contact {
		padding: 10px 15px;
	}

	#area-form-contact {
		padding-bottom: 0px !important;
		border-radius: 0px;
	}

	#area-form-contact .card-detail-contactUs {
		border-radius: 0px !important;
	}

	#content-contact-detail {
		margin: 15px;
		margin-bottom: 50px !important;
	}

	#content-contact-detail .wraper-menu {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}

	#content-contact-detail .wraper-menu .flex-desktop {
		width: max-content !important;
		display: inline-block !important;
		margin-top: 0px;
	}

	#content-contact-detail .wraper-menu .flex-desktop .card-btn-mobile {
		width: 80px !important;
		margin: 5px 1px;
		display: inline-block;
		float: left;
	}

	#content-contact-detail .wraper-menu .flex-desktop .card-btn-mobile .card-contact {
		display: flex !important;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
		height: 97px;
		overflow: hidden;
	}

	#content-contact-detail .wraper-menu .flex-desktop .card-btn-mobile .card-contact .icon-contactUs {
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.content-detail-produk p.text-kontak-us {
		line-height: 1.5 !important;
	}

	#chatbot .action-area {
		bottom: 0px;
	}

	#content-contact-detail .d-flex.justify-content-center {
		justify-content: left !important;
		margin-left: 1em !important;
		margin-right: 1em !important;
	}

	body.front-end .wrap-produk-layanan {
		padding: 1rem 0rem 1rem 0rem;
		background-color: #ffffff;
	}

	#produk-layanan-kami .nav-link {
		padding: 0px;
		height: 65px;
	}

	#produk-layanan-kami .deskripsi-produk-layanan {
		font-weight: 700;
		font-size: 14px;
		line-height: 22px;
		letter-spacing: 0%;
		margin: 0px 15px;
	}

	#wraper-data-item-produk {
		margin-top: 20px !important;
	}

	#produk-layanan-kami .nav-link>img {
		position: relative;
		width: 90% !important;
		top: 0px;
		position: relative;
	}

	.temukan-kendaraan-impian {
		padding: 0px
	}

	.temukan-kendaraan-impian .text-title-produk {
		margin-top: 30px;
	}

	.wraper-logo-brand {
		margin: 5px;
	}

	#item-nav-product {
		display: none;
	}

	.swipper-item-produk {
		padding: 10px;
		;
	}

	.icon-cashback {
		width: 40px;
	}

	.card-temukan .title-top {
		font-size: 8px;
	}

	.wraper-logo-brand {
		justify-content: start;
	}

	.swipper-item-produk .title-card {
		height: 30px;
		font-weight: 400;
		font-size: 12px;
		line-height: 1.2;
		;
	}

	.swipper-item-produk .harga {
		padding-bottom: 10px;
	}

	#temukan-mobil-bekas .title-card {
		margin-top: 10px;
	}

	.harga-black {
		font-size: 12px !important;
	}

	.caption-text {
		font-size: 12px !important;
		margin-right: 5px;
	}

	.price-col {
		display: block;
		font-size: 12px;
	}

	.price-col-item {
		margin-bottom: 10px;
	}

	.wraper-caption {
		margin: 0px 5px;
	}

	.wraper-caption .harga {
		font-size: 12px;
	}

	.swipper-item-produk .swiper-slide {
		width: 170px !important;
	}

	.speck {
		font-size: 8px !important;
	}

	.lokasi,
	.showroom-text {
		font-size: 10px !important;
		margin-bottom: 5px;
	}

	.showroom-text {
		margin-bottom: 15px;
	}

	#panel-mobil-bekas {
		display: block;
		background-color: transparent !important;
	}

	#panel-mobil-bekas .navbar-nav {
		flex-direction: row;
	}

	#panel-mobil-bekas .navbar-nav li {
		width: 100%;
		text-align: center;
		background-color: #ffffff;
	}

	#panel-mobil-bekas .nav-item .nav-link {
		padding: 3px 10px;
		font-size: 12px;
	}

	.act-button {
		display: block;
		font-size: 12px !important;
	}

	.act-button .left-area {
		display: block;
		/* margin-bottom: 15px; revisi poin 3 */
	}

	.act-button .right-area .btn {
		display: block;
	}

	#panel-mobil-bekas .btn-location {
		font-size: 12px !important;
		display: block;
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	.wraper-filter-mobil-bekas {
		margin: 10px;
		background-color: #fafafa;
		padding: 10px;
		box-shadow: inset 4px 4px 8px 0px #0000001A;
		border-radius: 20px;
		padding-bottom: 30px;
	}

	.tab-mobil-impian {
		margin: 100px 15px 30px 15px;
		width: 470px;
	}
	.tab-mobil-impian .item-btn-mobil-impian .icon-kendaraan-impian {
		width: 60%;
	}
	.tab-mobil-impian .item-btn-mobil-impian.active .icon-kendaraan-impian {
		width: 70%;
	}

	.wraper-mobil-impian {
		overflow: scroll;
	}

	#main-panel-pembyaran {
		padding: 10px 15px 15px 40px;
		margin: 5px;
	}

	#icon-payment-top {
		width: 30px !important;
		top: 20px;
		left: 5px;
	}

	.title-detail-pembayaran {
		margin: 10px 0px;
	}

	.title-detail-pembayaran img {
		width: 50px;
	}

	.span-next-btn {
		display: none;
	}

	.title-detail-pembayaran .btn-lingkaran {
		width: 30px;
		height: 30px;
		padding: 10px;
	}

	#main-panel-pembyaran h3,
	#main-panel-pembyaran h4,
	#main-panel-pembyaran p {
		font-size: 14px !important;
	}

	#main-panel-pembyaran {
		margin-bottom: 20px;
	}

	.title-detail-pembayaran .btn-lingkaran.btn-kanan {
		display: flex;
	}

	.title-energy {
		font-weight: 400;
		font-size: 10px !important;
	}

	#temukan-motor-baru .title-card {
		font-weight: 700;
		font-size: 14px !important;
		padding-bottom: 50px;
	}

	#temukan-motor-baru .harga-black {
		font-weight: 400;
		font-size: 10px !important;
	}

	#temukan-motor-baru .harga-black span {
		font-size: 12px !important;
	}

	#temukan-motor-baru .price-col {
		display: flex;
	}

	#temukan-motor-baru .price-col .price-col-item {
		width: 100%;
	}

	#temukan-motor-baru .act-button {
		display: flex;
	}

	#temukan-motor-baru .act-button .btn-primary-bcaf {
		font-size: 10px !important
	}

	#temukan-motor-baru .act-button .left-area {
		font-size: 10px !important;
	}

	#temukan-motor-baru .act-button .left-area a {
		font-weight: 60 !important;
	}

	#temukan-motor-baru .caption-text,
	#temukan-motor-baru .caption-text b {
		font-size: 10px !important;
		font-weight: 600 !important;
	}
	.swipper-item-produk-mobil-baru .area-cover img {
		object-fit: contain;
	}
}

#payment-page .nav-tabs li {
	box-shadow: 1px -4px 4px 0px #00000040;
	border-radius: 0px 20px 0px 0px !important;
	overflow: hidden;
}

*/

/* pertama */
#payment-page .nav-tabs li:nth-child(1) {
	z-index: 3;
}

#payment-page .nav-tabs li:nth-child(2) {
	z-index: 2;
}

#payment-page .nav-tabs li:nth-child(3) {
	z-index: 1;
}

#payment-page .nav-tabs .nav-link {
	background-color: #ffffff !important;
	background: #ffffff !important;
	border: none;
	font-weight: 700;
	font-size: 20px;
	padding: 30px 6px;
	color: #717171;
}

/* halaman pembayaran */
#payment-page .nav-tabs .nav-link:hover {
	background-color: #ffffff !important;
	background: #ffffff !important;
}

#payment-page .nav-tabs .nav-link.active {
	border-bottom: none;
	color: #1469C7;
}

#area-content-pembayaran {
	top: -60px;
	position: relative;
	padding-top: 0px;
}

#area-content-pembayaran .tab-content {
	padding: 20px 0px;
}

#payment-page .w-max-content {
	background-color: #fff;
	border-radius: 0px 20px;
}
#modal-term {
	overflow-y: scroll !important;
}

.conten-consent {
	margin-top: 10vh !important;
	margin-bottom: 10vh !important;
	padding: 40px;
	background-color: #fff;
	width: 1024px !important;
	text-align: justify;
	height: auto !important;
}

#modal-term ol {
	padding-left: 15px;
}

#modal-term ol>li {
	margin-bottom: 15px;
	color: #a0a0a0;
}

.form-check-label.text-check-e-form.label-check-box {
	margin-left: 10px;
}
.swipper-item-produk-mobil-baru .area-cover {
	padding: 10px 15px;
}
@media (max-width: 768px) {
	#payment-page .nav-tabs .nav-link {
		font-size: 14px;
		padding: 10px 2px;
		line-height: normal;
	}

	#payment-page .nav-tabs li {
		display: flex !important;
		align-items: center;
		justify-content: center;
	}

	#payment-page .w-max-content {
		min-width: auto !important;
	}

	#area-content-pembayaran {
		top: -15px;
	}
	body.front-end  .conten-consent h1 {
		font-size: 20px !important;
		line-height: 1.2 !important;
	}
}