@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css');
/*@import url('https://fonts.googleapis.com/css2?family=Hind:wght@400;500&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gabarito:wght@200;300;500;600;700&display=swap');
@import url(../css/hamburgers.min.css);

body {
	overflow-x: clip;
	display: block;
	background: var(--white-one);
}

:root {

	--font-poppins: 'Poppins', sans-serif;
	--font-poppins: 'Poppins', sans-serif;
	--font-gabarito: 'Gabarito', sans-serif;
	--font-poppins: 'Poppins', sans-serif;
	/* MONOCHROME COLOR PALETE */
	--white-trans-2: rgba(255, 255, 255, 0.2);
	--white-one: #ffffff;
	--gray-950: #12171c;
	--gray-900: #212830;
	--gray-800: #212831;
	--gray-700: #3b4754;
	--gray-600: #46515d;
	--gray-500: #6e7887;
	--gray-400: #98a1ae;
	--gray-300: #d1d5db;
	--gray-200: #e2e5e9;
	--gray-100: #f3f5f6;
	--gray-50: #f9fafb;
	--gray-25: #fcfcfb;
	--gray-15: #fefefe;
	/* MONOCHROME COLOR PALETE */

	/* BLUE COLOR PALETE */
	--blue-950: #083163;
	/* --blue-900: #034ea1; */
	--blue-900: #0d49bd;
	--blue-800: #0653d9;
	--blue-700: #006fff;
	--blue-600: #0088ff;
	--blue-500: #0cabff;
	--blue-400: #3acbff;
	--blue-300: #79e1ff;
	--blue-200: #afeaff;
	--blue-100: #d2f3ff;
	--blue-50: #ebfaff;
	--blue-25: #f5fdff;
	/* BLUE COLOR PALETE */

	/* PINK COLOR PALETE */
	--pink-950: #4b0614;
	--pink-900: #861530;
	--pink-800: #9d1431;
	--pink-700: #bb1532;
	--pink-600: #de203d;
	--pink-500: #f24d5e;
	--pink-400: #f9737e;
	--pink-300: #fca5aa;
	--pink-200: #fdced1;
	--pink-100: #ffe4e4;
	--pink-50: #fff1f1;
	/* PINK COLOR PALETE */

	/* PINK COLOR PALETE */
	--pink-950: #4b0614;
	--pink-900: #861530;
	--pink-800: #9d1431;
	--pink-700: #bb1532;
	--pink-600: #de203d;
	/* primary of pink */
	--pink-500: #f24d5e;
	/* primary of pink */
	--pink-400: #f9737e;
	--pink-300: #fca5aa;
	--pink-200: #fdced1;
	--pink-100: #ffe4e4;
	--pink-50: #fff1f1;
	/* PINK COLOR PALETE */

	/* GREEN COLOR PALETE */
	--green-jungle-950: #042f2d;
	--green-jungle-900: #134e48;
	--green-jungle-800: #115e57;
	--green-jungle-700: #0f766b;
	--green-jungle-600: #0d9484;
	/* primary of green */
	--green-jungle-500: #14b59f;
	/* primary of green */
	--green-jungle-400: #2dd4bb;
	--green-jungle-300: #5eead0;
	--green-jungle-200: #99f6e1;
	--green-jungle-100: #ccfbf0;
	--green-jungle-50: #f0fdfa;
	/* GREEN COLOR PALETE */

	/* ORANGE COLOR PALETE */
	--orange-950: #481a00;
	--orange-900: #7c350b;
	--orange-800: #984008;
	--orange-700: #bb5302;
	--orange-600: #e27a00;
	/* primary of ORANGE */
	--orange-500: #ffa200;
	/* primary of ORANGE */
	--orange-400: #ffc51b;
	--orange-300: #ffd846;
	--orange-200: #ffea85;
	--orange-100: #fff4c5;
	--orange-50: #fffcea;
	/* ORANGE COLOR PALETE */

}

.overflow-unset {
	overflow: unset;
}

/* Poppins */

/* CONTAINER GLOBAL START*/
.erlangga-container {
	max-width: 1140px;
	margin: 0 auto;
	margin-right: auto;
	margin-left: auto;
}

/* CONTAINER GLOBAL END*/
/* CONTAINER DEFAULT START*/
.default-container {
	max-width: 1140px;
}

/* CONTAINER DEFAULT END*/
/* NAVBAR GLOBAL START */
.navbar-desc {
	width: 100%;
	min-height: 96px;
	width: 100%;
	position: sticky;
	top: 0px;
	z-index: 10;
}

.navbar-desc.swipe-up-nav {
	min-height: 74px;
	background: var(--blue-900);
	transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	-webkit-transition: 0.4s;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
}

.navbar-flex {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	flex-direction: row;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.logo-brand-navbar {
	width: 100%;
	min-height: 52px;
	text-decoration: none;
	outline: none;
}

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

.logo-brand-navbar svg {
	max-width: 100%;
}

.logo-brand-navbar svg .st0 {
	fill: var(--white-one);
}

.wrp-nav-item {
	min-width: 748px;
	width: auto;
}

.navbar-align-right {
	min-width: 746px;
	width: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
}

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

.navbar-align-right ul li a {
	cursor: pointer;
	position: relative;
	overflow: unset;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-transition: 0.5s;
	color: var(--white-one);
	font-size: clamp(0.8475rem, 0.5304rem + 0.4955vw, 1.125rem) var(--font-poppins);
	letter-spacing: 0.32px;
	line-height: 148%;
}

.navbar-align-right ul li a:hover {
	text-decoration: none;
	outline: none;
	color: var(--white-one);
}

.navbar-align-right ul li a:focus {
	text-decoration: none;
	outline: none;
	color: var(--white-one);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.search-navbar {
	padding: 0px 2px 0px 2px;
	margin-right: 1px;
	width: 24px;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.search-navbar svg {
	max-width: 100%;
	margin: 0 auto;
	fill: var(--white-one);
}

.search-navbar svg path {
	fill: var(--white-two);
}

.navbar-mobile {
	display: none;
}

.burger-mobile {
	display: none;
}

/* NAVBAR GLOBAL END */

/* SEARCH BAR */
.search-general {
	position: absolute;
	z-index: 11;
}

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

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

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

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

.search-page {
	height: auto;
}

.search-page input.form-control {
	font: normal 400 17.24px/24.64px var(--font-poppins);
	height: 56px;
	border: 1.5px solid var(--gray-200);
	padding: 15px 18px 15px 20px;
}

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

.search-page input.form-control::placeholder {
	color: var(--black-20)
}

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

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

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


.card-search-dialog {
	background: #fff;
	width: 48%;
	min-height: 186px;
	border-radius: 12.46px;
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	top: 145px;
	padding: 32px 36px;
	box-shadow: 0 2px 10px rgb(0 0 0 / 10%), 0 10px 15px rgb(0 0 0 / 20%);
	-moz-box-shadow: 0 2px 10px rgb(0 0 0 / 10%), 0 10px 15px rgb(0 0 0 / 20%);
	-ms-box-shadow: 0 2px 10px rgb(0 0 0 / 10%), 0 10px 15px rgb(0 0 0 / 20%);
	-webkit-box-shadow: 0 2px 10px rgb(0 0 0 / 10%), 0 10px 15px rgb(0 0 0 / 20%);
	border: 1px solid var(--grey-two);
}


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

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

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

}


/* .relative-type-search::-webkit-scrollbar-thumb:vertical{
	background: var(--blue-700);
	border-radius: 10px;
}   */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

}

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

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

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

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

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

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

.btn-submit-search {
	/* background: var(--blue-900); */
	background: var(--orange-600);
	color: #fff;
	padding: 12.6px 30px;
	/* border-color: var(--blue-900); */
	border-color: var(--orange-600);
	font: normal 400 13.64px/27.64px var(--font-poppins);
	letter-spacing: 0.5px;
	border-top-right-radius: 4.6px;
	border-bottom-right-radius: 4.6px;
	text-transform: uppercase;
}

.btn-submit-search:hover {
	/* background: var(--blue-900); */
	background: var(--orange-600);
	color: #fff;
	/* border-color: var(--blue-900); */
	border-color: var(--orange-600);
	outline: none;
}

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

.btn-submit-search:focus {
	/* background: var(--blue-900); */
	background: var(--orange-600);
	color: #fff;
	/* border-color: var(--blue-900); */
	border-color: var(--orange-600);
	outline: none;
}

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

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

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

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

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

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

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

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

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

.more-seacrh-bar a{
	background: linear-gradient(45deg, #0653d9 0%,#0c69ff 23%,#0653d9 46%,#0653d9 46%,#0d49bd 100%);
	width: 100%;
	text-decoration: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	color: #fff;
	border-radius: 6.4px;
	padding: 11.6px 7.6px;
	&:hover{
		background: linear-gradient(45deg, #0653d9 0%,#0c69ff 23%,#0653d9 46%,#0653d9 46%,#0d49bd 100%);
		color: #fff;
	}
}

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

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

/* SEARCH BAR END */


/* BUTTON COLLECTIONS */
.capitalized {
	text-transform: uppercase;
}

.btn-act-blue {
	background: var(--blue-900);
	border-radius: 1.5px;
	border: 3.5px solid var(--blue-900);
	width: auto;
	padding-block: min(2.4vh, 4rem);
	color: var(--white-one);
	text-align: center;
	font: 500 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	line-height: 136%;
	letter-spacing: .36px;
	text-decoration: none;
	outline: none;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	position: relative;
	overflow: hidden;
}

.btn-act-blue:hover,
.btn-act-blue:focus {
	background: var(--blue-800);
	border-color: var(--blue-800);
	color: var(--white-one);
	text-decoration: none;
	outline: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
}

.static-contents-events{
	.title-separator{
		&:first-child{
			margin-top: 30px;
		}
		&:last-child{
			margin-top: 10px;
		}
	}
}

.btn-transparent-white {
	background: var(--orange-600);
	/* background: var(--blue-800); */
	border-radius: 5.5px;
	/* border: 1.5px solid var(--white-one); */
	border: 1.5px solid var(--orange-600);
	width: auto;
	padding-block: min(1.56vh, 3.96rem);
	color: var(--white-one);
	text-align: center;
	font: 500 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	line-height: 146%;
	letter-spacing: .36px;
	text-decoration: none;
	outline: none;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	position: relative;
	overflow: hidden;
	min-width: 174px;
}

.card-summary-events{
	width: 100%;
	/* min-height: 114px; */
	min-height: 132px;
	max-height: 132px;
	margin-top: 15px;
	display: block;
	overflow: hidden;
}

.btn-transparent-white:hover,
.btn-transparent-white:focus {
	background: var(--orange-600);
	border-color: var(--orange-600);
	color: var(--white-one);
	text-decoration: none;
	outline: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
}

.btn-transparent-white:after {
	content: '';
	/* make small white invisible circle, let background shine through */
	opacity: 0;
	background: rgba(255, 255, 255, 0.11);
	width: 5px;
	height: 5px;
	border-radius: 100%;
	/* center it horizontal & vertically*/
	position: absolute;
	top: 50%;
	left: 50%;
}


.btn-yellow {
	background: var(--orange-600);
	/* background: var(--blue-800); */
	border-radius: 5.5px;
	/* border: 1.5px solid var(--white-one); */
	border: 1.5px solid var(--orange-600);
	width: auto;
	padding-block: min(1.56vh, 3.96rem);
	color: var(--white-one);
	text-align: center;
	font: 500 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	line-height: 146%;
	letter-spacing: .36px;
	text-decoration: none;
	outline: none;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	position: relative;
	overflow: hidden;
	min-width: 174px;
}

.btn-yellow:hover,
.btn-yellow:focus {
	background: var(--orange-600);
	border-color: var(--orange-600);
	color: var(--white-one);
	text-decoration: none;
	outline: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
}

.btn-yellow:after {
	content: '';
	/* make small white invisible circle, let background shine through */
	opacity: 0;
	background: rgba(255, 255, 255, 0.11);
	width: 5px;
	height: 5px;
	border-radius: 100%;
	/* center it horizontal & vertically*/
	position: absolute;
	top: 50%;
	left: 50%;
}


.btn-blue {
	background: var(--blue-800);
	border-radius: 5.5px;
	border: 1.5px solid var(--blue-800);
	width: auto;
	padding-block: min(1.56vh, 3.96rem);
	color: var(--white-one);
	text-align: center;
	font: 500 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	line-height: 146%;
	letter-spacing: .36px;
	text-decoration: none;
	outline: none;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	position: relative;
	overflow: hidden;
	min-width: 174px;
}

.btn-blue:hover,
.btn-blue:focus {
	background: var(--blue-800);
	border-color: var(--blue-800);
	color: var(--white-one);
	text-decoration: none;
	outline: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
}

.btn-blue:after {
	content: '';
	/* make small white invisible circle, let background shine through */
	opacity: 0;
	background: rgba(255, 255, 255, 0.11);
	width: 5px;
	height: 5px;
	border-radius: 100%;
	/* center it horizontal & vertically*/
	position: absolute;
	top: 50%;
	left: 50%;
}


.btn-dt-blue:focus:not(:active)::after {
	animation: ripple 0.3s ease-out;
}

.btn-transparent-white:focus:not(:active)::after {
	animation: ripple 0.3s ease-out;
}


.btn-transparent-blue {
	background: transparent;
	border-radius: 5.5px;
	border: 1.5px solid var(--blue-800);
	width: auto;
	padding-block: min(1.56vh, 3.96rem);
	color: var(--blue-800);
	text-align: center;
	font: 500 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	line-height: 146%;
	letter-spacing: .36px;
	text-decoration: none;
	outline: none;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	position: relative;
	overflow: hidden;
	min-width: 174px;
}

.btn-transparent-blue:hover,
.btn-transparent-blue:focus {
	background: transparent;
	border-color: var(--blue-900);
	color: var(--blue-900);
	text-decoration: none;
	outline: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
}

.btn-transparent-blue:after {
	content: '';
	/* make small white invisible circle, let background shine through */
	opacity: 0;
	background: rgba(255, 255, 255, 0.11);
	width: 5px;
	height: 5px;
	border-radius: 100%;
	/* center it horizontal & vertically*/
	position: absolute;
	top: 50%;
	left: 50%;
}

.btn-dt-blue:focus:not(:active)::after {
	animation: ripple 0.3s ease-out;
}

.btn-transparent-blue:focus:not(:active)::after {
	animation: ripple 0.3s ease-out;
}


@keyframes ripple {
	0% {
		transform: scale(0, 0);
		opacity: 0;
	}

	100% {
		opacity: 1;
		transform: scale(30, 30);
	}
}


/* BUTTON COLLECTIONS END*/

/* GUTTERCOLLECTIO GLOBAL START */
.gutter--8.row,
.gutter--8.container,
.gutter--8.container-fluid {
	margin-left: -8px;
	margin-right: -8px;
}

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

/* GUTTERCOLLECTIO GLOBAL START */
/* PRIMARY CAROUSEL GLOBAL START */

/* Global indicator carousel start */

.section-primary-slider {
	width: 100%;
	min-height: 632px;
	position: relative;
	top: -124px;
	top: -142px;
}

.section-primary-slider::before {
	content: "";
	width: 100%;
	min-height: 156px;
	position: absolute;
	z-index: 2;
	left: 0px;
	top: 0px;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.54) 0%, rgba(0, 0, 0, 0) 76%, rgba(0, 0, 0, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8a000000', endColorstr='#00000000', GradientType=0);
}

#carouselPrimary.carousel {
	min-height: 752px;
}

#carouselPrimary .carousel-indicators {
	bottom: 116px;
	z-index: 4;
}

#carouselPrimary .carousel-indicators button.active {
	border-radius: 50%;
	width: 6.5px;
	height: 6.5px;
	background-color: var(--blue-700);
	margin-top: 90px;
	border: 2.5px solid var(--blue-700);
	box-shadow: 0 1px 6.4px rgba(151, 164, 175, .49);
	margin-right: 6.5px;
	margin-left: 6.5px;
}

#carouselPrimary .carousel-indicators button {
	border-radius: 50%;
	width: 6.5px;
	height: 6.5px;
	background-color: var(--white-one);
	margin-top: 90px;
	border: 2.5px solid #fff;
	box-shadow: 0 1px 6.4px rgba(151, 164, 175, .49);
	margin-right: 7.5px;
	margin-left: 7.5px;
	opacity: 1;
	border-radius: 15.64px;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
}

/* Global indicator carousel end */
/* Global next previous arrow primary carousel start*/
#carouselPrimary .carousel-control-prev {
	width: 38px;
	height: 38px;
	background: rgba(255, 255, 255, 0.56);
	border-radius: 19px;
	overflow: hidden;
	padding: 4px 8px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	top: 47.24%;
	left: 48px;
	opacity: .82;
	z-index: 5;
	border: 1.5px solid var(--grey-one);
	box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
}

#carouselPrimary .carousel-control-prev .carousel-control-prev-icon {
	width: 1.4rem;
	height: 1.4rem;
	filter: invert(64%);
}

#carouselPrimary .carousel-control-next {
	width: 38px;
	height: 38px;
	background: rgba(255, 255, 255, 0.56);
	border-radius: 19px;
	overflow: hidden;
	padding: 4px 8px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	top: 47.24%;
	right: 48px;
	opacity: .82;
	z-index: 5;
	border: 1.5px solid var(--grey-one);
	box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .29);
}

#carouselPrimary .carousel-control-next .carousel-control-next-icon {
	width: 1.4rem;
	height: 1.4rem;
	filter: invert(64%);
}

/* Global next previous arrow primary carousel end*/

/* GLOBAL CAROUSEL CAMPTION START */
#carouselPrimary .carousel-caption-primary {
	max-width: 1110px;
	bottom: 6.4%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.wrp-caption-primary {
	width: 100%;
}

.carousel-caption-content {
	width: 100%;
	height: 569px;
	/* border: 1px solid var(--white-trans-2); */
	border-radius: 36px;
}

.fragment-text.direction-column {
	width: 100%;
	display: flex;
	flex-direction: column;
}

.carousel-caption-50 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	text-align: left;
	width: 50%;
	position: relative;
}

.fragment-text-35 {
	-ms-flex: 0 0 35%;
	flex: 0 0 35%;
	max-width: 35%;
	text-align: left;
	width: 35%;
}

.fragment-text-40 {
	-ms-flex: 0 0 40%;
	flex: 0 0 40%;
	max-width: 40%;
	text-align: left;
	width: 40%;
}

.fragment-text-45 {
	-ms-flex: 0 0 45%;
	flex: 0 0 45%;
	max-width: 45%;
	text-align: left;
	width: 45%;
}

.fragment-text-50 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	text-align: left;
	width: 50%;
}

.fragment-text-100 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	text-align: left;
	width: 100%;
	align-self: center;
}

.carousel-caption-100 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	text-align: left;
	width: 100%;
	position: relative;
}

.title-carousel-primary {
	height: auto;
	padding-right: 15px;
	font: normal 400 16.64px/27.64px var(--font-poppins);
}

.title-carousel-primary h2 {
	/* font: normal 700 64.64px/73px var(--font-poppins); */
	font: normal 700 52.64px/63px var(--font-poppins);
	color: var(--white-one);
	letter-spacing: 0.45px;
	margin-bottom: 18px;
	text-shadow: 1px 2.5px 3px rgba(0,0,0,0.6);
}

.title-carousel-primary p {
	padding-right: 36px;
	margin-bottom: 28px;
}

.left-align-center {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}


.right-align-center {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}

.center-align-center {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
}

.center-align-center .fragment-text-50 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	text-align: left;
	width: 50%;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	position: relative;
	bottom: -56px;
}

.center-align-center .fragment-text-50 .title-carousel-primary {
	text-align: center;
}

.center-align-center .fragment-text-50 .title-carousel-primary h2 {
	text-align: center;
}

.wrp-cta-carousel {
	min-width: 196px;
	max-width: 196px;
	min-height: 74px;
	overflow: hidden;
	z-index: 3;
	position: relative;
}

.wrp-cta-carousel a {
	position: absolute;
	z-index: 4;
	left: 0;
	right: 0;
	margin-left: 0 auto;
	margin-right: 0 auto;
}

.wrp-cta-carousel-mobile {
	min-width: 256px;
	max-width: 274px;
	min-height: 58px;
	overflow: hidden;
	z-index: 3;
	position: relative;
	display: none;
}

.footer-newsletter .newsletter-form form .main-btn {
	color: var(--white-one) !important;
}

/* SOLID FORM */
.white-solid-form {
	background-color: var(--blue-900);
	padding: 50px 50px;
	border-radius: 10px;
}

.white-solid-form .newsletter-form form .main-btn {
	padding: 14px 16px;
	margin-bottom: 0px;
	width: 100%;
	font-family: var(--font-poppins);
	border-radius: 5px;
	background-color: var(--orange-600);
	border: none;
	font-weight: 600;
	height: 53px;
	color: var(--white-one);
}

.white-solid-form input.form-control {
	font: normal 400 17.24px/24.64px var(--font-poppins);
	height: 56px;
	border: 1.5px solid var(--gray-200);
	padding: 15px 18px 15px 20px;
}

.white-solid-form form .form_control {
	color: var(--gray-600);
	background-color: var(--white-one);
	border-bottom-color: currentcolor;
	border: 1px solid #fff;
	padding: 0;
	font-weight: 500;
	height: 53px;
	margin-bottom: 20px;
	width: 100%;
	padding: 0 20px;
	font-family: var(--font-poppins);
	border-radius: 5px;
	font-style: italic;
	outline: none !important;
	box-shadow: none !important;
}

.white-solid-form form .form_control:focus {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	outline: -webkit-focus-ring-color auto 0px !important;
	border: #fff !important;
	outline: none !important;
	box-shadow: none !important;
}

.white-solid-form input.form_control:focus {
	box-shadow: none !important;
	border: 1.5px solid var(--black-20);
	outline: none !important;
}

.newsletter-form.white-solid-form input.form_control::placeholder {
	color: var(--black-20)
}

/* SOLID FORM */
/* GLOBAL CAROUSEL CAMPTION END */
#carouselPrimary .carousel-caption-primary {
	max-width: 1110px;
	bottom: 8.76%;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

/* PRIMARY CAROUSEL GLOBAL END */

/* SECTION TAB OVERLAP START */

.section-tabulation-overlap {
	width: 100%;
	/* min-height: 448px; */
	min-height: 14px;
	height: auto;
	position: relative;
	/* margin-top: -246px; */
	margin-top: -274px;
	z-index: 6;
	overflow: hidden;
}

.tab-content-label {
	width: 100%;
	height: auto;
	font: normal clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	line-height: 136%;
	color: var(--gray-500);
	letter-spacing: 0.24px;
	padding: 0px 0px 15px 0px;
}

.tab-content-label h4 {
	font: normal 700 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-poppins);
	line-height: 142%;
	padding-right: 10px;
	color: var(--blue-900);
	margin-bottom: 5px;
}

.row--tabulation-one {
	background: transparent none;
	min-height: 86px;
}

.row--tabulation-two {
	background: var(--white-one);
	min-height: 356px;
	/* border: 1px solid #acacac; */
	display: none;
}

.tabultaion-with-icon {
	min-width: 264px;
	max-width: 264px;
	min-height: 56px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	cursor: pointer;
}

.icon-square {
	width: 48px;
	height: 48px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	overflow: hidden;
	border-radius: 19px;
}

.bg-pink {
	background: var(--pink-500);
}

.bg-blue {
	background: var(--blue-900);
}

.bg-orange {
	background: var(--orange-500);
}

.bg-green {
	background: var(--green-jungle-500);
}

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

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

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

.icon-square .icon-24 {
	display: flex;
	flex-wrap: wrap;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

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

.icon-education svg .st0 {
	fill: var(--white-one);
}


.icon-teachers-school svg path.st0 {
	fill: var(--white-one);
}

.icon-teachers-school svg path.st1 {
	fill: var(--white-one);
}

.icon-teachers-school svg path.st2 {
	fill: var(--white-one);
}

.icon-teachers-school svg path.st4 {
	fill: var(--white-one) !important;
}

.icon-writer-publisher svg path.st0 {
	fill: var(--white-one);
}

.icon-writer-publisher svg path.st1 {
	fill: var(--green-jungle-500);
}

.icon-public-services svg circle.st0 {
	fill: var(--white-one);
}

.icon-public-services svg path.st0 {
	fill: var(--white-one);
}

.tabulation-title {
	width: 76.14%;
	padding-left: 16px;
}

.tabulation-title h3 {
	color: var(--blue-900);
	font: normal 700 clamp(0.9375rem, 0.5804rem + 0.558vw, 1.25rem) var(--font-poppins);
	line-height: 136%;
	margin-bottom: 0px;
}

/* Tab content show hide id tab this important start*/
.container-tabmenu {
	position: relative;
	height: auto;
}

.container-tabmenu .d-custom-tab {
	position: relative;
}

.tab-contents {
	width: 100%;
	padding: 32px 24px 48px 24px;
	display: none;
	background: var(--white-one);
	border: 1px solid var(--gray-200);
	border-top-left-radius: 0px;
	border-bottom-left-radius: 12.5px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 12.5px;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	margin-bottom: 56px;
}

/* INI BUAT TAB HOMEPAGE */
.wrp-tab-infographic .tab {
	position: relative;
	top: -35px;
}

#tab-1 {
	width: 100%;
	/* display: block; */
	display: none;
}

.is--hidden {
	display: none !important;
}

/* INI BUAT TAB HOMEPAGE */
.wrp-tab-infographic {
	width: 100%;
	min-height: 14px;
	height: auto;
	position: relative;
	z-index: 3;
}

.infograpTabsmobile {
	display: inline-flex;
	flex-wrap: wrap;
	padding-left: 0px;
	margin-left: 0px;
	margin-bottom: 32px;
	position: unset;
}

.infograpTabsmobile .slick-list .slick-track {
	min-width: 1224px !important;
	max-width: 2336px !important;
	margin-right: 1px;
}

.infograpTabsmobile li a {
	background: var(--white-one);
	border-radius: 0px !important;
	overflow: hidden;
	padding: 4.5px 14px;
	color: var(--orange-500);
	min-width: 278.16px;
	max-width: 278.16px;
	height: auto;
	text-align: left;
	text-decoration: none;
	text-decoration: none;
}

.infograpTabsmobile li:first-child a {
	border-top-left-radius: 6px !important;
	border-bottom-left-radius: 6px !important;
	overflow: hidden;
}

.infograpTabsmobile li:last-child a {
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
	overflow: hidden;
}

.infograpTabsmobile .slick-slide {
	display: flex;
	width: auto !important;
	align-items: center;
	-ms-align-items: center;
}

.infograpTabsmobile li.current a {
	text-decoration: none;
	position: relative;
	overflow: hidden;
	background: var(--gray-100);
}

.infograpTabsmobile li.current a::before {
	content: "";
	width: 100%;
	height: 5.6px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: var(--blue-800);
	z-index: 6;
}

.infograpTabsmobile .slick-slide {
	width: auto !important;
	border-right: 1px solid var(--gray-200);
}

.infograpTabsmobile .slick-slide:last-child {
	border-right: 0px transparent none;
}

.infograpTabsmobile .slick-prev {
	z-index: 5;
	margin-top: -5px;
	display: none !important;
}

.infograpTabsmobile .slick-prev img {
	z-index: 6 !important;
	position: relative;
}

.infograpTabsmobile .slick-prev::before {
	position: absolute;
	content: " " !important;
	background: var(--white-one);
	width: 32px !important;
	height: 32px !important;
	border-radius: 16.5px;
	overflow: hidden;
	z-index: 5;
	margin-left: -6.5px;
	margin-top: -8.6px;
	border: 1px solid var(--gray-400);
}

.infograpTabsmobile .slick-next {
	z-index: 5;
	margin-top: -5px;
	display: none !important;
}

.infograpTabsmobile .slick-next img {
	z-index: 6 !important;
	position: relative;
	margin-right: -4px;
}

.infograpTabsmobile .slick-next::before {
	position: absolute;
	content: " " !important;
	background: var(--white-one);
	width: 32px !important;
	height: 32px !important;
	border-radius: 15px;
	overflow: hidden;
	z-index: 5;
	margin-left: -8.5px;
	margin-top: -8.6px;
	border: 1px solid var(--gray-400);
}

/* Tab content show hide id tab this important end*/

/* Tab id one global start */
.large-card-news {
	position: relative;
	width: 100%;
	min-height: 360px;
	height: auto;
	border-radius: 12.4px;
	overflow: hidden;
	background: var(--gray-200);
}

.large-card-news::before {
	position: absolute;
	margin: 0 auto;
	content: " ";
	width: 102%;
	min-height: 196px;
	left: 0px;
	bottom: 0px;
	z-index: 1;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 9%, rgba(0, 0, 0, 0.04) 22%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.17) 47%, rgba(0, 0, 0, 0.24) 60%, rgba(0, 0, 0, 0.32) 74%, rgba(0, 0, 0, 0.56) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 9%, rgba(0, 0, 0, 0.04) 22%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.17) 47%, rgba(0, 0, 0, 0.24) 60%, rgba(0, 0, 0, 0.32) 74%, rgba(0, 0, 0, 0.56) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 9%, rgba(0, 0, 0, 0.04) 22%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.17) 47%, rgba(0, 0, 0, 0.24) 60%, rgba(0, 0, 0, 0.32) 74%, rgba(0, 0, 0, 0.56) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#8f000000', GradientType=0);
}

.large-card-news a {
	display: flex;
	/* justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center; */
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	position: relative;
	text-decoration: none !important;
	outline: none;
	cursor: pointer;
}

.large-card-news a img {
	max-width: 104%;
	height: auto;
	max-height: 100%;
	transform: scale(1, 1);
	transition-property: all;
	transition-duration: 0.5s;
	margin-bottom: 0px;
}

.large-card-news:hover a img {
	transform: scale(1.1, 1.1);
}

a.title-news-large {
	width: 100%;
	background: transparent none;
	/* min-height: 115px; */
	min-height: 86px;
	position: absolute;
	color: var(--white-one);
	padding: 12px 24px;
	right: 0px;
	bottom: 0px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-webkit-align-items: center;
	z-index: 2;
}

a.title-news-large h3 {
	font: normal 600 clamp(1rem, 0.5543rem + 0.6964vw, 1.39rem) var(--font-poppins);
	/* line-height: 219%; */
	/* line-height: 199.56%; */
	line-height: 135.56%;
}

a.title-news-large h3 span {
	/* font: normal 600 clamp(1rem, 0.5543rem + 0.6964vw, 1.39rem) var(--font-poppins); */
	font: normal 600 clamp(0.79rem, 0.4551rem + 0.4186vi, 0.8125rem) var(--font-poppins);
	/* line-height: 222%; */
	line-height: 135.56%;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	background-color: var(--blue-900);
	/* padding: 5.6px; */
	padding: 2.6px 3px;
	display: inline;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.row-small-card {
	display: flex;
	/* flex-wrap: wrap-reverse !important; */
}

.small-card-news {
	position: relative;
	width: 100%;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	background: var(--gray-200);
}

.row-small-card .only-for-scroll {
	display: none;
}

.small-card-news::before {
	position: absolute;
	margin: 0 auto;
	content: " ";
	width: 102%;
	min-height: 98px;
	left: 0px;
	bottom: 0px;
	z-index: 1;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 9%, rgba(0, 0, 0, 0.04) 22%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.17) 47%, rgba(0, 0, 0, 0.24) 60%, rgba(0, 0, 0, 0.32) 74%, rgba(0, 0, 0, 0.56) 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 9%, rgba(0, 0, 0, 0.04) 22%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.17) 47%, rgba(0, 0, 0, 0.24) 60%, rgba(0, 0, 0, 0.32) 74%, rgba(0, 0, 0, 0.56) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.02) 9%, rgba(0, 0, 0, 0.04) 22%, rgba(0, 0, 0, 0.1) 35%, rgba(0, 0, 0, 0.17) 47%, rgba(0, 0, 0, 0.24) 60%, rgba(0, 0, 0, 0.32) 74%, rgba(0, 0, 0, 0.56) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#8f000000', GradientType=0);
}

.small-card-news a img {
	/* max-width: 100%; */
	max-width: 114%;
	margin-left: -6.64%;
	height: auto;
	max-height: 100%;
	transform: scale(1, 1);
	transition-property: all;
	transition-duration: 0.5s;
	margin-bottom: 0px;
}

.small-card-news:hover a img {
	transform: scale(1.1, 1.1);
}

.row-small-card .column-sm-news:first-child {
	/* margin-top: 0px;
	margin-bottom: 8px;
	order: 3; */
	/* border: 1px solid #0d9484; */
	order: 1;
	margin-bottom: 18px;
}

.row-small-card .column-sm-news:nth-child(2) {
	/* margin-top: 12px; */
	/* border: 1px solid red; */
	order: 2;
	margin-bottom: 18px;
}

.row-small-card .column-sm-news:nth-child(3) {
	/* margin-top: 12px;
	order: 2; */
	/* border: 1px solid yellow; */
	order: 3;
}

.row-small-card .column-sm-news:nth-child(4) {
	order: 4;
}

.small-card-news a {
	display: flex;
	/* justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center; */
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	position: relative;
	text-decoration: none !important;
	outline: none;
	cursor: pointer;
}

.small-card-news-content a {
	text-decoration: none;
	color: #5AC0C4;
}

.small-card-news-content a:hover {
    text-decoration: underline;
}

a.title-news-small {
	width: 100%;
	background: transparent none;
	color: var(--white-one);
	height: 80px;
	padding: 20px 0;
	display: block;
	z-index: 2;
	text-decoration: none;
}

a.title-news-small h3 {
	font: normal 600 clamp(0.9875rem, 0.5689rem + 0.5233vi, 1.0156rem) var(--font-poppins);
	line-height: 142%;
	margin-bottom: 4px;
	color: black;
}

a.title-news-small h3 span {
	line-height: 199.56%;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
	background-color: var(--blue-900);
	padding: 2.6px 3px;
	display: inline;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.large-card-news{
	width: 100%;
	position: relative;
	min-height: 254px;
	max-height: 264px;
	background: var(--gray-200);
}

.thumb-featured-newshome{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	padding-right: 15px;
}
.thumb-featured-newshome a{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	border-radius: 12.4px 12.4px 12.4px 12.4px;
	overflow: hidden;
	min-height: 254px;
	max-height: 264px;
}
.thumb-featured-newshome a {
	text-decoration: none;
	outline: none;
}
.thumb-featured-newshome a img{
	max-width: 100%;
	margin-top: -6.4%;
	transform: scale(1, 1);
	transition-property: all;
	transition-duration: 0.5s;
}
.thumb-featured-newshome:hover a img {
	transform: scale(1.1, 1.1);
}

.titlesummary-featured-newshome{
	width: 100%;
	height: auto;
	min-height: 96px;
	padding: 18px 15px 10px 0px;
}

.titlesummary-featured-newshome a{
	text-decoration: none;
	outline: none;
}

.title-featured-newshome{
	width: 100%;
	height: auto;
	& h2{
		font: normal 700 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-poppins);
		line-height: 142%;
		padding-right: 10px;
		color: var(--blue-900);
		margin-bottom: 5px;
	}
}

.summary-featured-newshome{
	font: normal 400 clamp(0.9375rem, 0.7504rem + 0.2924vi, 1rem) var(--font-poppins);
	line-height: 142%;
	margin-bottom: 5px;
	color: var(--gray-600);
	& p{
		margin-bottom: 4px;
	}
}
/* Tab id one global end */
/* Tab id two global start */
.text-item-arrow {
	width: 86%;
	/* font: normal 400 clamp(0.89rem, 0.6471rem + 0.3795vw, 1.1025rem) var(--font-poppins); */
	font:normal 400 clamp(0.80rem, 0.5971rem + 0.3099vw, 1.0010rem) var(--font-poppins);
}

.text-item-penulis {
	width: auto;
	height: auto;
}

.item-profile-penulis {
	text-decoration: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.icon-naskah {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	min-height: 86px;
}

.icon-naskah .icon-56 {
	width: 45px;
	height: 45px;
	padding: 8px 8px;
	margin: 6px 0px;
	overflow: hidden;
}

.text-naskah-erlangga {
	width: 79.15%;
	padding-left: 10px;
	font: normal 400 clamp(0.7525rem, 0.6096rem + 0.2032vw, 0.8075rem) var(--font-poppins);
	color: var(--gray-400);
}

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

.text-naskah-erlangga h2 {
	font: normal 700 clamp(0.915rem, 0.8893rem + 0.0402vw, 0.9375rem) var(--font-poppins);
	line-height: 140%;
	padding-right: 10px;
	color: #119c49;
	margin-bottom: 1px;
}

.item-profile-penulis .icon-56 {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	background: #1170fd;
}

.icon-naskah .icon-56 svg {
	max-width: 100%;
}

.icon-naskah .icon-56 svg {
	fill: #0650A4;
}

.item-profile-penulis .icon-56 img {
	max-width: 100%;
}

.text-item-penulis {
	width: 78.86%;
	height: auto;
	padding-left: 20px;
}

.text-item-penulis h2 {
	color: var(--blue-900);
	/* font: normal 700 clamp(0.915rem, 0.8893rem + 0.0402vw, 0.9375rem) var(--font-poppins);
	line-height: 130%;
	margin-bottom: 3px; */
	font: normal 600 clamp(0.896rem, 0.8893rem + 0.0300vw, 0.6364rem) var(--font-poppins);
	line-height: 130%;
	margin-bottom: 2px;
}

.text-item-penulis h6 {
	font: normal 400 clamp(0.7525rem, 0.6096rem + 0.2000vw, 0.9000rem) var(--font-poppins);
	color: var(--gray-400);
	margin-bottom: 0px;
}

.item-tab-arrow {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	font: normal 400 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	color: var(--blue-900);
	letter-spacing: 0.24px;
	text-decoration: none;
	line-height: 138%;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.item-tab-arrow .icon-18 {
	margin-right: 15px;
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	padding: 2.5px;
	width: 15px;
	margin-top: -2.4px;
}

.item-tab-arrow .icon-18 svg g path.st1 {
	fill: var(--blue-900);
}

.school-teacher-feeds {
	width: 100%;
	padding: 0px 4px 8px 4px;
}

.services-items {
	width: 100%;
}

.services-items a {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	text-decoration: none;
	color: var(--gray-500);
	padding: 6px 0px 4px 0px;
}

.icon-logo-brand {
	width: 100px;
	height: 86px;
	padding: 4px 8px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

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

.icon-services-brand {
	width: 52px;
	height: 52px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.icon-services-brand img {
	max-width: 100%;
}

.summary-brand-services {
	width: 78.24%;
	/* font: normal 400 clamp(0.8525rem, 0.7096rem + 0.2232vw, 0.9775rem) var(--font-poppins); */
	/* font: normal 400 clamp(0.8025rem, 0.6896rem + 0.2132vw, 0.9675rem) var(--font-poppins); */
	font: normal 400 clamp(0.7525rem, 0.6096rem + 0.2000vw, 0.9000rem) var(--font-poppins);
	color: var(--gray-400);
	color: var(--gray-400);
	padding-left: 24px;
}

.summary-brand-services h3 {
	color: var(--blue-900);
	/* font: normal 700 clamp(0.915rem, 0.8893rem + 0.0402vw, 0.9375rem) var(--font-poppins); */
	/* font: normal 700 clamp(0.996rem, 0.9893rem + 0.0402vw, 0.9375rem) var(--font-poppins);
	line-height: 132%;
	margin-bottom: 6px; */
	font: normal 600 clamp(0.896rem, 0.8893rem + 0.0300vw, 0.6364rem) var(--font-poppins);
	line-height: 130%;
	margin-bottom: 6px;
}

.summary-desc-services {
	width: 78.24%;
	/* font: normal 400 clamp(0.8525rem, 0.7096rem + 0.2232vw, 0.9775rem) var(--font-poppins); */
	font: normal 400 clamp(0.8025rem, 0.6896rem + 0.2132vw, 0.9675rem) var(--font-poppins);
	color: var(--gray-400);
	padding-left: 15px;
}

.summary-desc-services p{
	margin-bottom: 1px;
}

.summary-desc-services p:first-child {
	margin-top: -10px;
	position: relative;
	margin-bottom: 0px;
}

.summary-desc-services p:nth-child(3) {
	display: none;
}

.summary-desc-services h3 {
	color: var(--blue-900);
	/* font: normal 700 clamp(0.915rem, 0.8893rem + 0.0402vw, 0.9375rem) var(--font-poppins); */
	/* font: normal 700 clamp(0.996rem, 0.9893rem + 0.0402vw, 0.9375rem) var(--font-poppins); */
	font: normal 600 clamp(0.896rem, 0.8893rem + 0.0300vw, 0.6364rem) var(--font-poppins);
	line-height: 130%;
	margin-bottom: 6px;
}

.conten-highlights {
	width: 100%;
	min-height: 156px;
	background: var(--gray-200);
	border-radius: 12.4px;
	overflow: hidden;
}

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

.conten-highlights a img {
	max-width: 100%;
	height: auto;
	max-height: 100%;
	transform: scale(1, 1);
	transition-property: all;
	transition-duration: 0.5s;
	margin-bottom: 0px;
}

.conten-highlights a:hover img {
	transform: scale(1.1, 1.1);
}

/* Tab id two global end */

#accordionSubcatalog{
	padding: 18px 10px;
	background: var(--gray-100);
	border-radius: 16.64px;
}


/* SECTION TAB OVERLAP END */


/* YOUTUBE CHANNEL CORPORATE START*/
.youtube-chanel-corporate {
	width: 100%;
	/* background: #0d49bd url(../images/uploads/home-bg-channel-youtube.jpg) top left no-repeat; */
	background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
	background-size: 174px;
	background-position-x: -128px;
	background-position-y: 10px;
	min-height: 436px;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	position: relative;
}

.youtube-chanel-corporate::before{
	position: absolute;
	top: 0px;
	left: 0px;
	right: unset;
	content: "";
	width: 136px;
	min-height: 136px;
	background: url(../images/svg/image-patter-left-youtube.svg) top center no-repeat;
	background-size: 100%;
}
.youtube-chanel-corporate::after{
	position: absolute;
	top: 0px;
	left: unset;
	right: -1px;
	content: "";
	width: 136px;
	min-height: 136px;
	background: url(../images/svg/image-patter-right-youtube.svg) top center no-repeat;
	background-size: 100%;
}
.caption-chanel {
	width: 100%;
	min-height: 224px;
}

.icon-youtube-channel {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.channel-icon {
	width: 124px;
	min-height: 96px;
	position: relative;
}

.channel-icon svg {
	max-width: 100%;
	position: relative;
	z-index: 2;
}

.channel-icon svg .st0 {
	fill: #e73833;
}

.channel-icon::before {
	content: "";
	width: 96px;
	height: 64px;
	background: var(--white-one);
	position: absolute;
	top: 22%;
	bottom: unset;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.text-action-channel {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.title-channel {
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.title-channel h2 {
	font: normal 700 clamp(1.75rem, 1.375rem + 0.4688vi, 1.9375rem) var(--font-poppins);
	line-height: 136%;
	margin-bottom: 16px;
	text-align: center;
	color: var(--white-one);
}

.action-channel {
	width: 196px;
	margin-bottom: 20px;
}

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

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

.hs-responsive-embed-youtube {
	position: relative;
	padding-bottom: 69.25%;
	/* 16:9 Aspect Ratio */
	padding-top: 0px;
	border-radius: 15.64px;
	overflow: hidden;
	border: 3px solid #fdd304;
}

.align-youtube {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	position: relative;
	z-index: 4;
}

.align-youtube .col-lg-4.col-md-4.col-sm-12:first-child {
	position: relative;
	right: -20px;
}

.hs-responsive-embed-youtube iframe {
	position: absolute;
	width: 100% !important;
	height: 100% !important;
}

.thumbnail-youtube-uploads {
	width: 100%;
	min-height: 210px;
	border-radius: 15.64px;
	overflow: hidden;
	border: 3px solid #fdd304;
}

.thumbnail-youtube-uploads a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

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

/* YOUTUBE CHANNEL CORPORATE END*/
/* SECTION GLOBAL COMPANY PARTNERS START */
.company-infograph {
	width: 100%;
	background: var(--blue-800);
	min-height: 404px;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.company-partners {
	width: 100%;
	background: var(--white-one);
	min-height: 202px;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.partner-logo a {
	/* width: 122px; */
	/* width: 152px; */
	width: 168px;
	min-height: 32px;
	padding: 10px 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	text-align: center;
}

.partner-logo a img {
	max-width: 100%;
	object-fit: cover;
	/* min-height: 22px;
	max-height: 46px; */
	min-height: 36px;
	/* max-height: 41px; */
	max-height: auto;
}

.company-logo .slick-slide {
	margin-left: 10px;
	margin-right: 10px;
}

.company-logo .slick-list .slick-track {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	left: -89px;
}

.left-infograph-value {
	width: 100%;
	height: auto;
	padding-right: 32px;
}

.card-branch-born {
	width: 100%;
	height: auto;
}

.card-branch-born a {
	text-decoration: none;
	outline: none;
	color: var(--blue-900);
}

.row-infograph {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.card-branch-born a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	background: var(--white-one);
	min-height: 200px;
	padding: 24px 24px;
	border-radius: 14.56px;
}

.content-born {
	text-align: center;
	font: normal 600 clamp(1.1025rem, 0.9596rem + 0.2232vw, 1.2275rem) var(--font-poppins);
	line-height: 130%;
}

.content-born h3 {
	font: normal 700 clamp(2.04rem, 1.6114rem + 0.6696vw, 2.415rem) var(--font-poppins);
	line-height: 153%;
	margin-bottom: 0px;
}

.content-born p {
	margin-top: 6px;
	margin-bottom: 1px;
	color: var(--blue-500);
}

.logo-brand-anniversary {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	-ms-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	margin-bottom: 15px;
}

.anniversary-company {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	-ms-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
}

.anniversary-company h3 {
	width: 100%;
	color: var(--white-one);
	text-align: right;
}

.anniversary-company h4 {
	width: 100%;
	color: var(--white-one);
	text-align: right;
	margin-bottom: 20px;
}

/* SECTION GLOBAL COMPANY PARTNERS END */

/* SOCMED ONLINE SHOP */

.socmed-online-shop{
	width: 100%;
}

.socmed-online-shop{
	list-style: none;
	padding-left: 0px;
}

.socmed-online-shop li {
	list-style: none;
}
.socmed-online-shop li a{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	border: 1.5px solid var(--gray-100);
	border-radius: 16.64px;
	padding: 6px 8px;
	text-decoration: none;
	color: var(--gray-600);
}

.text-link-ecommerce{
	width: 84%;
	padding-left: 15px;
}

.icon-shape{
	width: 48px;
	height: 48px;
	border-radius: 24px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-ms-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-moz-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	padding: 10px;
}

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

.icon-shape svg .st0{
	fill:#EE4D2D;
}

.icon-tokped svg{
	max-width: 100%;
}
.icon-tokped svg .st0{
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#414242;
}

.icon-tokped svg .st1{
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#60BB55;
}
.icon-tokped svg .st2{fill-rule:evenodd;clip-rule:evenodd;fill:url(#XMLID_00000158715790039577643570000015745180620268843654_);}
.icon-tokped svg .st3{fill-rule:evenodd;clip-rule:evenodd;fill:#84C468;}
.icon-tokped svg .st4{fill-rule:evenodd;clip-rule:evenodd;fill:url(#XMLID_00000044868435087218403920000002320001705455215237_);}
.icon-tokped svg .st5{fill-rule:evenodd;clip-rule:evenodd;fill:#4F9D4D;}
.icon-tokped svg .st6{fill-rule:evenodd;clip-rule:evenodd;fill:url(#XMLID_00000165233965756341151420000006996538247920751535_);}
.icon-tokped svg .st7{opacity:0.7;fill-rule:evenodd;clip-rule:evenodd;fill:url(#XMLID_00000170963771375410717600000012381815811553160629_);}
.icon-tokped svg .st8{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
.icon-tokped svg .st9{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_11_);}
.icon-tokped svg .st10{fill-rule:evenodd;clip-rule:evenodd;fill:#303030;}
.icon-tokped svg .st11{fill-rule:evenodd;clip-rule:evenodd;fill:url(#XMLID_00000107571586444155840470000009197022318670465682_);}
.icon-tokped svg .st12{opacity:0.5;fill:url(#SVGID_00000171682161844693662090000004212741284044309916_);}
.icon-tokped svg .st13{opacity:0.7;fill-rule:evenodd;clip-rule:evenodd;fill:url(#XMLID_00000129901671045278847580000018238058510506848909_);}
.icon-tokped svg .st14{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000134932855378478390170000000716553536690523014_);}
.icon-tokped svg .st15{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000159427558559052280610000015211444327983507617_);}
.icon-tokped svg .st16{fill:url(#SVGID_00000144298097388454882750000015824585583655453847_);}
.icon-tokped svg .st17{opacity:0.5;fill:url(#SVGID_00000058564380404836945850000003172793295741799095_);}
.icon-tokped svg .st18{opacity:0.8;fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000138543578459238943330000002675310723980428202_);}
.st19{opacity:0.8;fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000114075536857238390040000017547187849536548528_);}
.icon-tokped svg .st20{fill:url(#SVGID_00000049924808588237295810000009540611988545216129_);}
.icon-tokped svg .st21{opacity:0.9;fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000028287121674002707390000005481067899899633033_);}
.icon-tokped svg .st22{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000142162295420630097580000012304065022274172076_);}


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

.icon-shoperlangga svg .st0{
	fill:#059334;
}
.icon-shoperlangga svg .st1{
	fill:#09AA4C;
}
.icon-shoperlangga svg .st2{
	fill:#FFFFFF;
}


.icon-ig svg{

}

.icon-ig {
	/* background: #ffe7f6;
	border: 1px solid #ffe7f6; */
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.icon-ig svg {
	width: 16px;
	fill: #fff!important;
}

.icon-ig svg path.st0{
	fill: #fff;
}

.icon-ig svg .stop-frame-one-1 {
	stop-color: #fff;

}

.icon-ig svg .stop-frame-one-2 {
	stop-color: #fff;

}

.icon-ig svg .stop-frame-one-3 {
	stop-color: #fff;

}

.icon-ig svg .stop-frame-one-4 {
	stop-color: #fff;

}

.icon-ig svg .stop-frame-one-5 {
	stop-color: #fff;

}

.icon-ig svg .stop-frame-one-6 {
	stop-color: #fff;

}

.icon-ig svg .stop-frame-one-7 {
	stop-color: #fff;

}

.icon-ig svg .stop-frame-one-8 {
	stop-color: #fff;

}

.icon-ig svg .stop-frame-one-9 {
	stop-color: #fff;

}

.icon-ig svg .stop-frame-one-10 {
	stop-color: #fff;

}

.icon-ig svg .stop-frame-two-1 {
	stop-color: #fff;

}

.icon-ig svg .stop-frame-two-2 {
	stop-color: #fff;

}

.icon-ig svg .stop-frame-two-3 {
	stop-color: #fff;

}

.icon-ig svg .stop-frame-two-4 {
	stop-color: #fff;

}

.icon-ig svg .stop-frame-three-1 {
	stop-color: #fff;
}

.icon-ig svg .stop-frame-three-2 {
	stop-color: #fff;
}

.icon-ig:hover {
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
	background-clip: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
	border: 1px solid transparent;
	border-image: linear-gradient(45deg, rgb(254, 219, 22) 0%, rgb(144, 0, 220) 100%);
	border: double 1px transparent;
	background-origin: border-box;
	background-clip: content-box, border-box;
	border-radius: 20px;
	/* -webkit-transition: 0.5s;
	-o-transition: 0.5s; */
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-one-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-one-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-one-3 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-one-4 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-one-5 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-one-6 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-one-7 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-one-8 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-one-9 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-one-10 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-two-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-two-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-two-3 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-two-4 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-three-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-ig:hover .img-icon-socmed-share svg .stop-frame-three-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.icon-tiktok{
	width: 48px;
	height: 48px;
	background: #24292F;
}
.icon-tiktok svg {
	width: 18px;
	background: #24292F;
	fill: #fff;
	max-width: 100%;
}

.icon-fb {
	background: #5a79bc;
	border: 1px solid #5a79bc;
}

.icon-fb svg {
	width: 16px;
	fill: #fff;
}
.icon-fb svg .st0{
	fill: #fff;
}
.icon-fb:hover {
	background: #415DA1;
	border: 1px solid #415DA1;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.icon-fb:hover svg {
	fill: #fff;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.icon-x svg{
	width: 15px;
}
.icon-x{
	background: #24292F;
	fill: #fff;
	max-width: 100%;
}

.icon-chat{}

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

.icon-chat svg path.st0 {
	fill: #0CABFF;
}

.icon-chat svg path.st1 {
	fill: #0D49BD;
}

.icon-chat svg path.st2 {
	fill: #0653D9;
}

.icon-chat circle.st3 {
	fill: #FFFFFF;
}

.modal-dialog-socmed {
	height: auto;
}
.modal-dialog-socmed .modal-footer {
	padding: 0px;
	height: 0px;
	border: 0px;
}


.modal-dialog-socmed .modal-body{
	padding-top: 18px;
}
/* SOCMED ONLINE SHOP END*/
/* SECTION HOME NEWS FEEDS START */
.section-feed-news-home {
	width: 100%;
	min-height: 320px;
}

.feed-news-contents {
	width: 100%;
	min-height: 232px;
	/* padding: 68px 0px 74px 0px; */
	padding: 62px 0px 74px 0px;
}

.row-infographic .title-section.text-left{
	margin-bottom: 30px;
}

/* SECTION HOME NEWS FEEDS END */

.section-best-selling {
    padding: 24px 0px 14px 0px;
}

/* SECTION WEEKLY BOOKS HOME START */
.section-weekly-books {
	width: 100%;
	/* background: var(--gray-200); */
	/* background: var(--blue-900) url(../images/uploads/home-book-catalog-background.jpg) top left no-repeat; */
	background: var(--blue-800);
	min-height: 424px;
	height: auto;
	/* padding: 46px 0px 50px 0px; */
	padding: 56px 0px 50px 0px;
	background-size: contain;
	z-index: 6;
	position: relative;
	top: -12px;
}

.section-weekly-books.katalog-white-bg {
	padding-top: 56px;
	background: var(--white-one);
}

.card-catalog-annualy {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	min-height: 286px;
	max-height: 286px;
	border-radius: 14.5px;
	padding: 36px 24px 36px 98px;
	position: relative;
	margin-bottom: 30px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	overflow: unset;
	right: -24px;
}

.left-card-catalog {
	width: 164px;
	min-height: 214px;
	max-height: 236px;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	border-radius: 14.5px;
	overflow: hidden;
	position: absolute;
	left: -56px;
	top: 24px;
}

.left-card-catalog a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.left-card-catalog a img {
	max-width: 100%;
}

.btn-download-catalog {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	background: var(--blue-900);
	color: var(--white-one);
	padding: 14px 16px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 10px;
}

.btn-download-catalog:hover {
	background: var(--blue-900);
	color: var(--white-one);
	text-decoration: none;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
}

.btn-checkout-book {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	background: var(--blue-500);
	color: var(--white-one);
	padding: 14px 16px;
	width: 100%;
	margin-top: 7px;
	margin-bottom: 10px;
}

.btn-checkout-book:hover {
	background: var(--blue-500);
	color: var(--white-one);
	text-decoration: none;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
}

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

.icon-22 svg {
	max-width: 100%;
	fill: var(--white-one);
}

.text-button {
	padding-left: 12px;
	font: normal 500 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
	color: var(--white-one);
}

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

.section-weekly-books.katalog-white-bg .book-label .label-book h2 {
	font: normal 700 clamp(1.5rem, 1.25rem + 0.3125vi, 1.625rem) var(--font-poppins);
	line-height: 136%;
}

.left-book-label {
	/* background: var(--blue-900); */
	color: var(--white-one);
	width: 100%;
	min-height: 424px;
	border-radius: 15.64px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
}

.label-book-weekly h2 {
	/* font: normal 700 clamp(0.9375rem, 0.5804rem + 0.558vw, 1.25rem) var(--font-poppins); */
	font: normal 700 clamp(1.5rem, 1.25rem + 0.3125vi, 1.625rem) var(--font-poppins);
	line-height: 136%;
}


.more-book-weekly {
	width: 100%;
	display: none;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.more-book-weekly a {
	width: 96%;
	margin-top: 0px;
	margin-bottom: 48px;
	position: relative;
}

.book-slide-gallery {
	position: relative;
	width: 196px;
	min-height: 364px;
	overflow: unset;
}

.card-book-gallery {
	background: transparent none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: flex-end;
	-ms-align-items: flex-end;
	-moz-align-items: flex-end;
	-webkit-align-items: flex-end;
	width: 196px;
	min-height: 294px;
	max-height: 294px;
	/* border-top-right-radius: 6.4px;
	border-top-left-radius: 6.4px; */
	border-radius: 14.56px;
	overflow: hidden;
	/* box-shadow: 0 1px 10px rgba(151, 164, 175, .2);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .2);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .2);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .2); */
}

.center-card-catalog {
	padding: 20px 24px 20px 36px;
	text-align: left;
	font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
	color: var(--gray-400);
	letter-spacing: 0.24px;
	width: 61.56%;
}

.center-card-catalog a {
	text-decoration: none;
	outline: none;
	text-align: left;
	font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
	color: var(--gray-400);
	letter-spacing: 0.24px;
	width: 100%;
}

.center-card-catalog a h1 {
	font: normal 700 clamp(1.75rem, 1.375rem + 0.4688vi, 1.9375rem) var(--font-poppins);
	line-height: 136%;
	margin-bottom: 16px;
	text-align: left;
	color: var(--blue-900);
	text-decoration: none;
	outline: none;
}

.right-card-catalog {
	width: 37%;
}

a.real-cover {
	/* padding: 36px 36px 10px 36px; */
	padding: 6px 5px 6px 5px;
	min-height: 150px;
	max-height: auto;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	-ms-align-items: flex-end;
	-moz-align-items: flex-end;
	-webkit-align-items: flex-end;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	text-decoration: none;
	outline: none;
	border-radius: 15.64px;
	overflow: hidden;
	/* box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46); */
}

a.real-cover img {
	max-width: 100%;
	/* object-fit: cover;
	min-height: 254px; */
	text-align: center;
	position: relative;
	border-radius: 15.64px;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	margin-bottom: 3.5px;
}

.card-books-title {
	/* background: rgb(255, 255, 255); */
	background: var(--blue-800);
	z-index: 1;
	font: normal clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	line-height: 136%;
	color: var(--gray-500);
	letter-spacing: 0.24px;
	max-height: 79px;
	min-height: 74px;
	width: 196px;
	border-bottom-right-radius: 6.4px;
	border-bottom-left-radius: 6.4px;
	overflow: hidden;
}

.card-books-title a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 12px 1px;
	text-decoration: none;
	outline: none;
	color: var(--gray-400);
}

.card-books-title a h3 {
	font: normal 400 clamp(0.9375rem, 0.7504rem + 0.2924vi, 1rem) var(--font-poppins);
	line-height: 142%;
	margin-bottom: 5px;
	/* color: var(--blue-900); */
	color: var(--white-one);
	text-align: center;
}

.card-books-title a p {
	font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
	color: var(--gray-400) !important;
	letter-spacing: 0.24px;
	margin-bottom: 0px;
}

.wrp-left-book-label {
	width: 100%;
	min-height: 332px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	position: relative;
	overflow: unset;
}

.wrp-left-book-label::before {
	content: " ";
	position: absolute;
	width: 124px;
	min-height: 332px;
	background: var(--blue-800);
	right: -76px;
	border-radius: 15.64px;
}

.ornament-bg {
	width: 125px;
	min-height: 156px;
	position: absolute;
	top: 18%;
	left: -28%;
	display: none;
}

.ornament-bg svg {
	max-width: 100%;
}

.ornament-bg svg .st0 {
	fill: #54bb5a;
}

.ornament-bg svg .st1 {
	fill: #ffd400;
}

.book-home {
	z-index: 4;
	position: relative;
	margin-left: -24px;
	padding-left: 32px;
	padding-right: 6px;
}

.slick-slider .slick-disabled {
	opacity: 0;
	pointer-events: none;
}

.book-home .slick-slide {
	/* margin-left: 12px;
	margin-right: 12px; */
	margin-left: 24px;
	margin-right: 24px;
}

.book-home .slick-list {
	margin-left: -96.64px;
	margin-right: -15px;
	margin-top: 43px;
	border-radius: 7.24px;
	overflow: hidden;
}

.book-home .slick-prev {
	z-index: 5;
	top: 38%;
	left: -74px;
}

.book-home .slick-prev img {
	z-index: 6 !important;
	position: relative;
}

.book-home .slick-prev::before {
	position: absolute;
	content: " " !important;
	background: var(--white-one);
	width: 32px !important;
	height: 32px !important;
	border-radius: 16.5px;
	overflow: hidden;
	z-index: 5;
	margin-left: -6.5px;
	margin-top: -8.6px;
	border: 1px solid var(--gray-400);
}

.book-home .slick-next {
	top: 38.14%;
}

.book-home .slick-next img {
	z-index: 6 !important;
	position: relative;
	margin-right: -4px;
}

.book-home .slick-next::before {
	position: absolute;
	content: " " !important;
	background: var(--white-one);
	width: 32px !important;
	height: 32px !important;
	border-radius: 15px;
	overflow: hidden;
	z-index: 5;
	margin-left: -8.5px;
	margin-top: -8.6px;
	border: 1px solid var(--gray-400);
}

/* SECTION WEEKLY BOOKS HOME END */


/* SECTION KATALOG BUKU START */

/* SLIDER BOOK */
.slider-book .slick-prev {
	z-index: 5;
	margin-left: -36px;
}

.slider-book .slick-prev img {
	z-index: 6 !important;
	position: relative;
}

.slider-book .slick-prev::before {
	position: absolute;
	content: " " !important;
	background: var(--white-one);
	width: 32px !important;
	height: 32px !important;
	border-radius: 16.5px;
	overflow: hidden;
	z-index: 5;
	margin-left: -6.5px;
	margin-top: -8.6px;
	border: 1px solid var(--gray-400);
}

.slider-book .slick-next img {
	z-index: 6 !important;
	position: relative;
	margin-right: -4px;
}

.slider-book .slick-next::before {
	position: absolute;
	content: " " !important;
	background: var(--white-one);
	width: 32px !important;
	height: 32px !important;
	border-radius: 15px;
	overflow: hidden;
	z-index: 5;
	margin-left: -8.5px;
	margin-top: -8.6px;
	border: 1px solid var(--gray-400);
}

.slider-book .slick-slide {
	margin-left: 15px;
	margin-right: 15px;
}

.slider-book .slick-slider .slick-disabled {
	opacity: 0;
	pointer-events: none;
}


.slider-book .slick-track {
	position: relative;
	top: 0;
	left: 5px;
	padding-left: 56px;
	padding-right: 32px;
}

.slider-book .slick-list {
	margin-left: -24px;
	margin-right: -15px;
	/* pointer-events: none; */
	margin-top: 43px;
	border-radius: 7.24px;
	overflow: hidden;
}

/* SLIDER BOOK */


/* SECTION BUKU BEST SELLING START */
.section-best-selling{
	width: 100%;
	background: var(--white-one);
}

.wrp-act-best-selling{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.wrp-act-best-selling a{
	display: flex;
	flex-wrap: wrap;
	font: 500 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	line-height: 160%;
	color: var(--gray-600);
	letter-spacing: 0.24px;
	text-decoration: none;
}
.text-act-bestselling{
	margin-top: -17px;
	padding-right: 4px;
	& p{
		margin-bottom: 0px;
	}
}
.icon-act-bestselling{
	background: var(--orange-500);
	width: 32px;
	height: 32px;
	padding: 4px 4px;
	border-radius: 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-left: 4px;
	margin-top: -20px;
}

.icon-act-bestselling svg{
	width: 100%;
	height: auto;
}

.wrp-card-bestselling{
	width: 100%;
	height: auto;
	min-height: 356px;
}
.wrp-card-bestselling .book-home .slick-slide {
    margin-left: 24px;
    margin-right: 24px;
    width: 176px;
    min-height: 352px;
}
.wrp-card-bestselling .book-home .slick-slide .card-book-gallery {
    background: var(--white-one);
    width: 186px;
    min-height: 296px;
    max-height: 298px;
  }

.wrp-card-bestselling .book-home .slick-slide .card-books-title {
    width: 186px;
    background: var(--white-one);
    margin-top: 10px;
}

.wrp-card-bestselling .book-home .slick-slide .card-books-title a h3 {
	font: normal 400 clamp(0.9375rem, 0.7504rem + 0.2924vi, 1rem) var(--font-poppins);
	line-height: 142%;
	margin-bottom: 5px;
	/* color: var(--blue-900); */
	color: var(--gray-700);
	text-align: center;
  }

  .wrp-card-bestselling .book-home .slick-list {
    margin-top: 0px;
    margin-left: 9.6px;
  }

  .wrp-card-bestselling .book-home .slick-prev {
	left: 10px;
	top: 45%;
  }

  .wrp-card-bestselling .book-home .slick-next {
	right: -18px;
	top: 45%;
  }

.act-mobile-bestselling{
	display: none;
}

/* SECTION BUKU BEST SELLING END */

/* SOCIAL NETWORK CORPORATE CIRCLE START*/
.social-network-corporate {
	font: normal clamp(0.8125rem, 0.7203rem + 0.4609vw, 1.0775rem) var(--font-poppins);
	min-height: 32px;
	height: auto;
	color: var(--gray-500);
	letter-spacing: 0.24px;
}

.socmed-circle {
	width: 32px;
	height: 32px;
	background: #d9d9e4;
	border-radius: 20px;
	overflow: hidden;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
}

.social-network-corporate ul {
	padding-left: 0px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 5px;
}

.social-network-corporate ul li:first-child {
	padding-left: 0px;
}

.social-network-corporate ul li {
	padding: 6px 5px;
	padding-left: 5px;
	list-style: none;
	display: inline-block;
}

.social-network-corporate ul li .socmed-circle.socmed-facebook {
	background: #5a79bc;
	border: 1px solid #5a79bc;
}

.social-network-corporate ul li .socmed-circle.socmed-facebook svg {
	width: 16px;
	fill: #fff;
}

.social-network-corporate ul li .socmed-circle.socmed-facebook:hover {
	background: #415DA1;
	border: 1px solid #415DA1;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.socmed-circle.socmed-facebook:hover svg {
	fill: #fff;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.social-network-corporate ul li .socmed-circle.socmed-twitter {
	/* background: #e4e5e8;
	border: 1px solid #e4e5e8; */
	background: #24292F;
	border: 1px solid #24292F;
}

.social-network-corporate ul li .socmed-circle.socmed-twitter svg {
	width: 13px;
	fill: #fff;
}

.social-network-corporate ul li .socmed-circle.socmed-twitter:hover {
	/* background: #24292F;
	border: 1px solid #24292F; */
	background: #121721;
	border: 1px solid #121721;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.socmed-circle.socmed-twitter:hover svg {
	fill: #fff;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.social-network-corporate ul li .socmed-circle.socmed-instagram {
	/* background: #ffe7f6;
	border: 1px solid #ffe7f6; */
	background: #d6249f;
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram svg {
	width: 16px;
	fill: #fff!important;
}

.social-network-corporate ul li .socmed-circle.socmed-instagram svg path.st0{
	fill: #fff;
}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-1 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-2 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-3 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-4 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-5 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-6 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-7 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-8 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-9 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-one-10 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-1 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-2 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-3 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-two-4 {
	stop-color: #fff;

}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-three-1 {
	stop-color: #fff;
}

.social-network-corporate ul li .socmed-circle.socmed-instagram .img-icon-socmed-share svg .stop-frame-three-2 {
	stop-color: #fff;
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share {
	background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%);
	background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
	background-clip: border-box, border-box, border-box, border-box, border-box, border-box, border-box, border-box;
	border: 1px solid transparent;
	border-image: linear-gradient(45deg, rgb(254, 219, 22) 0%, rgb(144, 0, 220) 100%);
	border: double 1px transparent;
	background-origin: border-box;
	background-clip: content-box, border-box;
	border-radius: 20px;
	/* -webkit-transition: 0.5s;
	-o-transition: 0.5s; */
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-3 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-4 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-5 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-6 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-7 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-8 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-9 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-one-10 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-3 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-two-4 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-three-1 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

.social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg .stop-frame-three-2 {
	stop-color: #fff;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(288%) contrast(109%);
}

/* .social-network-corporate ul li .socmed-circle.socmed-instagram:hover .img-icon-socmed-share svg {
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
} */

.social-network-corporate ul li .socmed-circle.socmed-wa {
	background: #e7fff2;
	border: 1px solid #e7fff2;
}

.social-network-corporate ul li .socmed-circle.socmed-wa svg {
	width: 16px;
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #1bd741;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.social-network-corporate ul li .socmed-circle.socmed-wa:hover {
	background: #1bd741;
	border: 1px solid #1bd741;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.socmed-circle.socmed-wa:hover svg path.st0 {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: var(--white-one);
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.social-network-corporate ul li .socmed-circle.socmed-youtube {
	background: #ff0000;
	border: 1px solid #ff0000;
}

.social-network-corporate ul li .socmed-circle.socmed-youtube svg {
	width: 16px;
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #fff;
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.social-network-corporate ul li .socmed-circle.socmed-youtube:hover {
	background: #DB0012;
	border: 1px solid #DB0012;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
	box-shadow: 3px 3px 10px 0px rgba(76, 76, 76, 0.2);
}

.socmed-circle.socmed-youtube:hover svg path.st0 {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: var(--white-one);
	transition: 0.5s;
	-ms-transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}


.socmed-circle .img-icon-socmed-share {
	width: 100%;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	padding: 6px 7px;
	min-height: 40px;
}

.socmed-circle.socmed-twitter .img-icon-socmed-share {
	width: 100%;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	padding: 6px 8.5px;
	min-height: 40px;
}



/* SOCIAL NETWORK CORPORATE CIRCLE END*/
/* FOOTER SECTION GLOBAL START*/
.footer-section-erlangga {
	width: 100%;
	background: var(--gray-25);
	min-height: 320px;
	padding-top: 32px;
	padding-bottom: 28px;
	position: relative;
	overflow: hidden;
}

.footer-row-one {
	width: 100%;
	height: auto;
	padding: 24px 0px;
	position: relative;
	z-index: 2;
}

.left-footer {
	width: 29.74%;
	height: auto;
	position: relative;
	z-index: 2;
}

.footer-brand {
	width: 100%;
	min-height: 52px;
	display: flex;
	margin-bottom: 15px;
	margin-top: 48px;
}

.logo-brand {
	width: 192px;
	overflow: unset;
	position: relative;
}

.navbar-desc.swipe-up-nav .logo-brand {
	width: 176px;
	overflow: unset;
	position: relative;
	transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	-webkit-transition: 0.4s;
}

.footer-brand .logo-brand {
	width: 192px;
	overflow: unset;
	position: relative;
}

.logo-brand a {
	text-decoration: none;
	outline: none;
}

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

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

.footer-label {
	width: 100%;
	height: auto;
	font: normal clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	line-height: 136%;
	color: var(--gray-500);
	letter-spacing: 0.24px;
	padding: 15px 0px;
}

.footer-label h4 {
	font: normal 700 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-poppins);
	line-height: 142%;
	padding-right: 10px;
	color: var(--blue-900);
	margin-bottom: 5px;
}

.show-hide-addres {
	display: none;
}

.show-hide-kit {
	display: none;
}

.center-footer {
	width: 43.96%;
}

.footer-item-link {
	height: auto;
}

.footer-item-link ul {
	padding-left: 0px;
}

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

.footer-item-link ul li:first-child {
	margin-top: 10px;
}

.school-teacher-feeds .footer-item-link ul li {
	padding: 3.6px 0px 3.6px 0px;
}

.item-footer-arrow {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	font: normal 400 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	color: var(--gray-500);
	letter-spacing: 0.24px;
	text-decoration: none;
	line-height: 138%;
}

.icon-18 {
	width: 18px;
	min-height: 18px;
	height: auto;
	text-align: center;
	padding: 4px;
}

.item-footer-arrow .icon-18 {
	margin-right: 15px;
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	padding: 2.5px;
	width: 15px;
	margin-top: -2.4px;
}

.link-store-erlangga {
	width: 100%;
	min-height: 124px;
}

.link-store-erlangga a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	text-decoration: none;
	background: var(--white-one);
	border: 1px solid var(--gray-200);
	border-radius: 12.5px;
	padding: 10px 10px 6px 10px;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
}

.link-store-erlangga-ipad {
	width: 100%;
	min-height: 124px;
	display: none;
}

.link-store-erlangga-ipad a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	text-decoration: none;
	border: 1px solid var(--gray-200);
	border-radius: 12.5px;
	padding: 10px 10px 6px 10px;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .24);
}

.logo-brand-store {
	width: 132px;
	height: auto;
}

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

.text-store-erlangga {
	width: 100%;
	display: flex;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	text-align: center;
}

.text-store-erlangga h2 {
	/* font: normal 600 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-poppins); */
	font: normal 700 clamp(0.915rem, 0.8893rem + 0.0402vw, 0.9375rem) var(--font-poppins);
	line-height: 142%;
	padding-right: 10px;
	color: #119c49;
	margin-bottom: 5px;
}

.right-footer {
	width: 25.64%;
	height: auto;
}

.wrp-act-footer {
	width: 100%;
	height: auto;
}


.btn-act-footer {
	text-decoration: none;
	width: 100%;
	height: auto;
	min-height: 48px;
	display: flex;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	border-radius: 3.6px;
	padding: 3.6px 0.6px;
	margin: 10px 0px;
}

.icon-64 {
	width: 50px;
	min-height: 46px;
	height: auto;
	text-align: center;
	padding: 3px 4px 4.5px 4px;
}

.icon-30 {
	width: 26px;
	min-height: 30px;
	height: auto;
	text-align: center;
	padding: 3px 4px 4.5px 4px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.icon-30 svg {
	max-width: 100%;
	margin: 0 auto;
}

.btn-act-footer .icon-64 .icon-blue .icon-30 {
	margin-top: 1.5px;
}

.btn-act-footer .icon-64 .icon-blue .icon-30 svg path {
	fill: var(--white-one);
}

.btn-act-footer .icon-64 {
	margin-left: 0px;
}

.icon-blue {
	border-radius: 50%;
	background: var(--blue-800);
	min-height: 40px;
	width: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
}

.icon-yellow {
	border-radius: 50%;
	background: var(--orange-500);
	min-height: 40px;
	width: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
}

.btn-act-footer .icon-64 .icon-yellow .icon-30 svg path {
	fill: var(--white-one);
}

.icon-green {
	border-radius: 50%;
	background: #2eb648;
	min-height: 40px;
	width: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;

}

.btn-act-footer .icon-64 .icon-green .icon-30 svg path {
	fill: var(--white-one);
}

.btn-act-footer .icon-64 .icon-green .icon-30 svg path.st1 {
	fill-rule: evenodd;
	clip-rule: evenodd;
	fill: #2EB648 !important;
}

.text-cta-footer {
	margin-left: 8px;
	padding-left: 8px;
	font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
	color: var(--gray-400);
	letter-spacing: 0.24px;
}

.text-cta-footer p {
	margin-bottom: 2.5px;
	text-transform: uppercase;
}

.text-cta-footer h5 {
	font: normal 700 clamp(0.9375rem, 0.5804rem + 0.558vw, 1.25rem) var(--font-poppins);
	line-height: 136%;
	color: var(--gray-800);
	margin-bottom: 0px;
}

.halo-erlangga {
	width: 100%;
	height: auto;
	min-height: 32px;
	padding: 14px 4px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	-ms-justify-content: flex-start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
}

.wrp-hello-erlangga {
	max-width: 196px;
	min-height: 32px;
}

.wrp-hello-erlangga img {
	max-width: 100%;
}

.channel-icon {
	width: 120px;
	min-height: 90px;
	position: relative;
}

.footer-row-two {
	width: 100%;
	min-height: 64px;
	height: auto;
	padding: 24px 0px;
}

.footer-copyright {
	font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
	color: var(--gray-400);
	letter-spacing: 0.24px;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}

.footer-copyright p {
	margin-bottom: 4px;
}

.footer-row-two .footer-brand {
	display: none;
}

/* FOOTER SECTION GLOBAL END*/

.section-weekly-books.katalog-white-bg .card-book-gallery .real-cover {
	padding: 0px 0px 0px 0px !important;
}

.section-weekly-books.katalog-white-bg .card-book-gallery .real-cover img {
	max-width: 111.56%;
	object-fit: cover;
	min-height: 232px !important;
	text-align: center;
	position: relative;
	left: -1.1%;
}

.section-weekly-books.katalog-white-bg .card-book-gallery {
	min-height: 276px !important;
	max-height: 276px !important;
}

.section-weekly-books.katalog-white-bg .card-books-title a h3 {
	color: var(--blue-800);
}

/* PROFILE PENULIS GLOBAL START */
.white-overlap {
	background: var(--white-one);
	z-index: 9;
	min-height: 40px;
	margin: 0px;
	margin-bottom: 0px;
	color: var(--gray-800);
	top: -196.56px;
	font-family: Sora, sans-serif;
	font-size: 1.1em;
	line-height: 180%;
	border-radius: 10px;
	padding: 36px 48px 36px 48px;
	position: relative;
	margin-bottom: 30px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
}

.content-summary-writter {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.cta-writter a {
	text-decoration: none;
}

.content-of-writter {
	height: 76px;
}

.section-static-writter {
	top: -4px;
	position: relative;
}

.section-static-writter .col-xl-8 {
	position: relative;
	top: -48px;
}

.section-writter-contents {
	position: relative;
}

.section-writter-contents .col-xl-10 {
	position: relative;
	top: -54px;
}

.left-profile-writter {
	width: 120px;
	min-height: 120px;
	background: var(--gray-300);
	border-radius: 50%;
}

.right-profile-writter {
	width: 82%;
	padding-right: 0px;
	padding-left: 24px;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	-ms-justify-content: space-between;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.icon-120 {
	width: 120px;
	height: 120px;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

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

.rounding-area .writter-name a {
	text-decoration: none;
	outline: none;
}

.rounding-area .writter-name a h1 {
	color: var(--gray-800);
	font: normal 700 clamp(1.75rem, 1.375rem + 0.4688vi, 1.9375rem) var(--font-poppins);
	line-height: 136%;
	margin-bottom: 0px;
}

.rounding-area .writter-name a h2 {
	font: normal 400 clamp(0.8525rem, 0.7096rem + 0.2232vw, 0.9775rem) var(--font-poppins);
	color: var(--gray-400);
}

.writter-name h1 {
	color: var(--gray-800);
	/* font: normal 700 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-poppins); */
	font: normal 700 clamp(1.75rem, 1.375rem + 0.4688vi, 1.9375rem) var(--font-poppins);
	line-height: 136%;
	margin-bottom: 0px;
}

.writter-name h2 {
	font: normal 500 clamp(0.8525rem, 0.7096rem + 0.2232vw, 0.9775rem) var(--font-poppins);
	color: var(--gray-400);
}

.item-new-book {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
	margin-top: 8px;
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.09);
	-ms-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.09);
	-moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.09);
	-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.09);
	border-radius: 14.5px;
	margin: 30px 0px;
	padding: 30px 15px 46px 15px;
}

.list-new-book-catalog .erlangga-container .item-new-book:first-child {
	margin-top: 56px;
}

.list-new-book-catalog {
	max-width: 1320px;
	margin: 0 auto;
	/* padding: 74px 0px 64px 0px; */
	padding: 24px 0px 46px 0px;
	min-height: 224px;
	height: auto;
}

.wrp-cover-book-new {
	width: 100%;
	height: auto;
	background: #fff;
}

.wrp-cover-book-new a {
	text-decoration: none;
	outline: none;
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.act-new-book a {
	margin: 0 auto;
}

.centered-cover-frame {
	padding: 30px 15px;
	width: 58.86%;
	border-radius: 12.5px;
	min-height: 324px;
	overflow: hidden;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
}

.centered-cover-frame img {
	max-width: 100%;
	border-radius: 12.5px;
	box-shadow: 0 1px 10px rgba(151, 164, 175, .56);
	-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .56);
	-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .56);
	-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .56);
}

.title-of-new {
	width: 100%;
	font: normal 400 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	color: var(--gray-500);
	letter-spacing: 0.24px;
	line-height: 138%;
}

.title-of-new h2 {
	font: normal 700 clamp(1.5rem, 1.25rem + 0.3125vi, 1.625rem) var(--font-poppins);
	line-height: 136%;
	color: var(--blue-900);
	margin-top: 10px;
	margin-bottom: 10px;
}

.title-book-mb .title-of-new h2{
	display: flex;
}

.title-of-new p {
	margin-bottom: 0px;
}

.icon-date-publish {
	width: 20px;
}

.date-publish-book {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
	-ms-justify-content: start;
	-moz-justify-content: start;
	-webkit-justify-content: start;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	margin-bottom: 24px;
}

.icon-date-publish svg {
	max-width: 100%;
}

.desc-of-new {
	font: normal 400 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	color: var(--gray-500);
	letter-spacing: 0.24px;
	line-height: 142.64%;
}

.text-publish-date {
	width: auto;
	padding-left: 18px;
	font: normal 400 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	color: var(--gray-500);
	letter-spacing: 0.24px;
	line-height: 138%;
}

.text-publish-date p {
	margin-bottom: 1px;
}

.desc-of-new ul {
	padding-left: 16px;
}

.tab-content-new {
	background: var(--white-one) !important;
	font: normal 400 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
	color: var(--gray-500);
	letter-spacing: 0.24px;
	line-height: 138%;
	padding: 15px 10px !important;
	min-height: 98px !important;
}

#tab-newbook {
	height: auto;
}

#tab-newbook li a {
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	font: normal 400 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-poppins);
	color: var(--gray-500);
}

#tab-newbook li a.active {
	text-decoration: none;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 2.5px solid var(--blue-900);
	font: normal 600 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-poppins);
	line-height: 142%;
	padding-right: 10px;
	color: var(--blue-900);
}

.tab-content-new {
	padding-left: 0px !important;
}

.desc-of-new h3 {
	font: normal 600 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-poppins);
	line-height: 142%;
	padding-right: 10px;
	color: var(--blue-900);
	margin-bottom: 20px;
	margin-top: 15px;
}

/* PROFILE PENULIS GLOBAL END */

/* MODAL DIALOG ANNIVERSARY START*/
.modal-dialog-erlangga {
	min-width: 642px;
	top: 124px;
	margin: 0 auto;
}

.modal-dialog-erlangga .modal-body {
	padding: 0px;
}

.modal-header-bar {
	padding: 0px;
	height: auto;
	position: relative;
	overflow: unset;
	border: 0px;
	height: 0px;
}

.modal-header-bar .btn-close-circle {
	background: var(--white-one) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") top center no-repeat;
	border-radius: 50%;
	background-size: 13px;
	background-position-y: 9px;
	opacity: 1;
	z-index: 5;
	box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-ms-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-moz-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
}

.modal-dialog-erlangga .dialog-message {
	background: transparent none;
	/* border: 1px solid #cf0000; */
	border: none;
	border-radius: 32px;
}

.modal-dialog-erlangga .modal-content {
	background: transparent none;
	/* border: 1px solid #cf0000; */
	border: none;
	border-radius: 32px;
}

.modal-dialog-erlangga .dialog-message img {
	max-width: 100%;
	border-radius: 32px;
}

.modal-dialog-erlangga .modal-footer {
	padding: 0px;
	height: 0px;
	border: 0px;
}

/* MODAL DIALOG ANNIVERSARY END */

.company-logo.slick-slide>div {
	transform: scale(.5);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}

/* FLOATING BUTTON CONTACT START */
.section-float-act{
	min-width: 219px;
	max-width: 219px;
	right: 20px;
	bottom: 12.64px;
	height: auto;
	min-height: 1.5px;
	position: fixed;
	z-index: 10;
	border-radius: 26px;
	box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-ms-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-moz-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	overflow: hidden;
	padding: 8px 6px 8px 8px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	background: linear-gradient(45deg,  #0653d9 0%,#0c69ff 23%,#0653d9 46%,#0653d9 46%,#0d49bd 100%);
}

.text-act-label{
	width: auto;
	padding-right: 10px;
}

.text-act-label h4{
	font: normal 600 16.64px/27.64px var(--font-poppins);
	line-height: 142%;
	padding-right: 4px;
	color: var(--white-one);
	margin-bottom: 0px;
}

.float-act-btn{
	width: 94.64%;
	height: auto;

}
.float-act-btn a{
	width: 100%;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	text-decoration: none;
	outline: none;
}

.float-act-btn a:hover{
	color: var(--white-one);
	text-decoration: none;
	outline: none;
}

.icon-act-btn{
	width: 48px;
	height: 48px;
	padding: 6px 8px;
	background: var(--white-one);
	border-radius: 22px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
}
.icon-act-btn img{
	max-width: 100%;
}

.icon-act-btn svg{
	max-width: 100%;
}

.icon-act-btn path.st0{
	fill: #0CABFF;
}
.icon-act-btn path.st1{
	fill: #0D49BD;
}
.icon-act-btn path.st2{
	fill: #0653D9;
}
.icon-act-btn path.st3{
	fill: #FFFFFF;
}
.icon-act-btn circle.st3{
	fill: #FFFFFF;
}
/* FLOATING BUTTON CONTACT END */

/* NEW FLOATING ACT BUTTON */
.circle-floating-act{
	width: 60px;
	height: 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	/* border: 1px solid green; */
	position: fixed;
	z-index: 11;
	bottom: 12.64px;
	/* right: 44.5px; */
	right: 21.5px;
	border-radius: 32px;
}
.wrp-circle-floating{
	width: 56px;
	height: 56px;
	background: linear-gradient(45deg, #0653d9 0%,#0c69ff 23%,#0653d9 46%,#0653d9 46%,#0d49bd 100%);
	border-radius: 32px;
	/* position: relative; */
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-ms-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-moz-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	z-index: 12;
	right: 21px;
	bottom: 16px;
}

.wrp-circle-floating a{
	cursor: pointer;
	background: #fff;
	width: 40px;
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	border-radius: 29px;
	padding: 8px 9px 8px 9px;
}

.wrp-circle-floating a svg{
	max-width: 100%;
	height: auto;
}

.wrp-circle-floating a svg path.st0{
	fill: #0653d9;
}
.wrp-circle-floating a svg path.st0:nth-child(3){
	/* fill: #0cabff; */
	fill: #0653d9;
}

.wrp-child-floating-btn{
	width: 210px;
	height: 236px;
	/* background: linear-gradient(45deg, #0653d9 0%,#0c69ff 23%,#0653d9 46%,#0653d9 46%,#0d49bd 100%); */
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	flex-direction: column;
	/* border: 1px solid green; */
	/* position: fixed; */
	position: absolute;
	z-index: 10;
	bottom: -1px;
	right: 44.5px;
	right: -3.5px;
	border-radius: 32px;
	/* border: 1px solid #042f2d; */
}

.invisible{
	display: block;
}

.wrp-circle-instagram{
	width: 52px;
	height: 52px;
	/* background: linear-gradient(45deg, #0653d9 0%,#0c69ff 23%,#0653d9 46%,#0653d9 46%,#0d49bd 100%); */
	background: linear-gradient(45deg, #f9ce34, #ee2a7b, #6228d7);
	/* background: linear-gradient(45deg, #f9ce34 0%,#ee2a7b 23%,#0653d9 46%,#6228d7 46%,#6228d7 100%); */
	rotate: -45px;
	border-radius: 32px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-ms-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-moz-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	/* left: -4px;
	transform: rotate(360deg); */
	z-index: 10;
	position: relative;
	/* transform: rotate(0deg); */
	transition: all 200ms ease-out;
	transform-origin: center;
}

.child-floating-instagram{
	cursor: pointer;
	background: #fff;
	width: 40px;
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	border-radius: 29px;
	padding: 8px 8px 8px 8px;
}

.child-floating-instagram svg{
	max-width: 100%;
}

.child-floating-instagram svg .st0{
	fill:url(#SVGID_1_);
}
.child-floating-instagram svg .st1{
	fill:#7928C8;
}
.child-floating-instagram svg .st2{
	fill:#FFFFFF;
}
.child-floating-instagram svg .stop-offsite-ig-one{
	stop-color:#EE2A7B;
}
.child-floating-instagram svg .stop-offsite-ig-two{
	stop-color:#ED2A7B;
}
.child-floating-instagram svg .stop-offsite-ig-three{
	stop-color:#BC299C;
}
.child-floating-instagram svg .stop-offsite-ig-four{
	stop-color:#9529B6;
}
.child-floating-instagram svg .stop-offsite-ig-five{
	stop-color:#7928C8;
}
.child-floating-instagram svg .stop-offsite-ig-six{
	stop-color:#6828D3;
}
.child-floating-instagram svg .stop-offsite-ig-seven{
	stop-color:#6228D7;
}

.wrp-circle-erlanggastore{
	width: 52px;
	height: 52px;
	background: linear-gradient(45deg, #FDE60C 0%,#FDE60C 23%,#89C34A 46%,#89C34A 46%,#09AA4C 100%);
	border-radius: 32px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-ms-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-moz-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	margin-top: 8px;
	margin-bottom: 8px;

	transition: all 200ms ease-out;
	transform-origin: center;

}

.child-floating-erlanggastore{
	cursor: pointer;
	background: #fff;
	width: 40px;
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	border-radius: 29px;
	padding: 8px 8px 8px 8px;
}

.child-floating-erlanggastore svg{
	max-width: 100%;
}

.child-floating-erlanggastore svg .st0{
	fill:#059334;
}
.child-floating-erlanggastore svg .st1{
	fill:#09AA4C;
}
.child-floating-erlanggastore svg .st2{
	fill:#FFFFFF;
}

.wrp-circle-erlanggacontact{
	width: 52px;
	height: 52px;
	background: linear-gradient(45deg, #0653d9 0%,#0c69ff 23%,#0653d9 46%,#0653d9 46%,#0d49bd 100%);
	border-radius: 32px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-ms-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-moz-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	margin-top: 0px;
	margin-bottom: 0px;

	transition: all 200ms ease-out;
	transform-origin: center;
}

.wrp-circle-shopee{
	width: 52px;
	height: 52px;
	background: linear-gradient(45deg, #f24e33 0%,#ee4d2d 23%,#dd4425 46%,#dd4425 46%,#ba351b 100%);
	border-radius: 32px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-ms-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-moz-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	margin-top: 8px;
	margin-bottom: 8px;

	transition: all 200ms ease-out;
	transform-origin: center;

}

.child-floating-shopee{
	cursor: pointer;
	background: #fff;
	width: 40px;
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	border-radius: 29px;
	padding: 8px 8px 8px 8px;
}

.child-floating-shopee svg{
	max-width: 100%;
}
.child-floating-shopee svg .st0{
fill:#EE4D2D;
}



.wrp-circle-tokopedia{
	width: 52px;
	height: 52px;
	background: linear-gradient(45deg, #00aa5b 0%,#00aa5b 23%,#00aa5b 46%,#049150 46%,#049150 100%);
	border-radius: 32px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	-ms-align-items: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-ms-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-moz-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	-webkit-box-shadow: 0 1px 14px rgba(0, 0, 0, 0.41);
	margin-top: 8px;
	margin-bottom: 8px;

	transition: all 200ms ease-out;
	transform-origin: center;

}

.child-floating-tokopedia{
	cursor: pointer;
	background: #fff;
	width: 40px;
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	border-radius: 29px;
	padding: 8px 8px 8px 8px;
}

.child-floating-tokopedia svg{
	max-width: 100%;
}
.child-floating-tokopedia svg .st0{
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#414242;
}

.child-floating-tokopedia svg .st1{
	fill-rule:evenodd;
	clip-rule:evenodd;
	fill:#60BB55;
}
.child-floating-tokopedia svg .st2{fill-rule:evenodd;clip-rule:evenodd;fill:url(#XMLID_00000158715790039577643570000015745180620268843654_);}
.child-floating-tokopedia svg .st3{fill-rule:evenodd;clip-rule:evenodd;fill:#84C468;}
.child-floating-tokopedia svg .st4{fill-rule:evenodd;clip-rule:evenodd;fill:url(#XMLID_00000044868435087218403920000002320001705455215237_);}
.child-floating-tokopedia svg .st5{fill-rule:evenodd;clip-rule:evenodd;fill:#4F9D4D;}
.child-floating-tokopedia svg .st6{fill-rule:evenodd;clip-rule:evenodd;fill:url(#XMLID_00000165233965756341151420000006996538247920751535_);}
.child-floating-tokopedia svg .st7{opacity:0.7;fill-rule:evenodd;clip-rule:evenodd;fill:url(#XMLID_00000170963771375410717600000012381815811553160629_);}
.child-floating-tokopedia svg .st8{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
.child-floating-tokopedia svg .st9{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_11_);}
.child-floating-tokopedia svg .st10{fill-rule:evenodd;clip-rule:evenodd;fill:#303030;}
.child-floating-tokopedia svg .st11{fill-rule:evenodd;clip-rule:evenodd;fill:url(#XMLID_00000107571586444155840470000009197022318670465682_);}
.child-floating-tokopedia svg .st12{opacity:0.5;fill:url(#SVGID_00000171682161844693662090000004212741284044309916_);}
.child-floating-tokopedia svg .st13{opacity:0.7;fill-rule:evenodd;clip-rule:evenodd;fill:url(#XMLID_00000129901671045278847580000018238058510506848909_);}
.child-floating-tokopedia svg .st14{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000134932855378478390170000000716553536690523014_);}
.child-floating-tokopedia svg .st15{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000159427558559052280610000015211444327983507617_);}
.child-floating-tokopedia svg .st16{fill:url(#SVGID_00000144298097388454882750000015824585583655453847_);}
.child-floating-tokopedia svg .st17{opacity:0.5;fill:url(#SVGID_00000058564380404836945850000003172793295741799095_);}
.child-floating-tokopedia svg .st18{opacity:0.8;fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000138543578459238943330000002675310723980428202_);}
.st19{opacity:0.8;fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000114075536857238390040000017547187849536548528_);}
.child-floating-tokopedia svg .st20{fill:url(#SVGID_00000049924808588237295810000009540611988545216129_);}
.child-floating-tokopedia svg .st21{opacity:0.9;fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000028287121674002707390000005481067899899633033_);}
.child-floating-tokopedia svg .st22{fill-rule:evenodd;clip-rule:evenodd;fill:url(#SVGID_00000142162295420630097580000012304065022274172076_);}
.child-floating-erlanggacontact{
	cursor: pointer;
	background: #fff;
	width: 40px;
	height: 40px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	-ms-justify-content: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	border-radius: 29px;
	padding: 8px 7px 7px 7px;

}

.child-floating-erlanggacontact svg{
	max-width: 100%;
}

.child-floating-erlanggacontact svg path.st0 {
	fill: #0CABFF;
}

.child-floating-erlanggacontact svg path.st1 {
	fill: #0D49BD;
}

.child-floating-erlanggacontact svg path.st2 {
	fill: #0653D9;
}

.child-floating-erlanggacontact circle.st3 {
	fill: #FFFFFF;
  }

/* NEW FLOATING ACT BUTTON */

/* IMAC PRO RETINA 5K 27 */
@media only screen and (min-width: 3200px) and (max-width: 3200px) {
	.modal-dialog-erlangga {
		min-width: 642px!important;
		top: 424px;
		margin: 0 auto;
	}
}
/* IMAC PRO RETINA 5K 27 */


/* MEDIA 1920 START */
@media only screen and (min-width: 1920px) and (max-width: 1920px) {

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	/* CONTAINER 1920 START*/
	.erlangga-container {
		max-width: 1440px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	/* CONTAINER 1920 END*/

	.modal-dialog-erlangga {
		min-width: 710px;
		top: 224px;
		margin: 0 auto;
	}

	/* CONTAINER DEFAULT START*/
	.default-container {
		max-width: 1320px;
	}

	/* CONTAINER DEFAULT END*/
	.socmed-circle {
		width: 38px;
		height: 38px;
	}

	.section-weekly-books.katalog-white-bg .book-home {
		z-index: 4;
		position: relative;
		margin-left: -30px;
	}

	.text-store-erlangga h2 {
		font: normal 600 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-poppins);
	}

	.text-naskah-erlangga h2 {
		font: normal 600 clamp(1.0775rem, 1.034rem + 0.2174vw, 1.2025rem) var(--font-poppins);
	}

	.text-naskah-erlangga {
		font: normal 400 clamp(0.8525rem, 0.7096rem + 0.2232vw, 0.9775rem) var(--font-poppins);
	}

	.text-item-penulis h6 {
		font: normal 400 clamp(0.8525rem, 0.7096rem + 0.2232vw, 0.9775rem) var(--font-poppins);
	}

	.logo-brand-store {
		width: 156px;
	}

	.card-books-title {
		width: 232px;
	}

	.section-book-catalogue .book-home .slick-next {
		right: -19px;
	}

	/* SECTION WEEKLY BOOKS HOME 1920 START */

	.section-weekly-books {
		padding: 46px 0px 50px 0px;
	}

	.book-home .slick-list {
		margin-left: -56px;
	}

	.book-home .slick-slide {
		margin-left: 46px;
		margin-right: 46px;
	}


	.book-home .book-slide-gallery .card-book-gallery a.real-cover img {
		max-width: 100%;
		border-radius: 15.64px;
	}

	.book-slide-gallery .card-book-gallery a.real-cover {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		border-radius: 15.64px;
		overflow: hidden;
	}

	a.real-cover img {
		max-width: 100%;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		border-radius: 15.64px;
	}

	.section-weekly-books.katalog-white-bg .book-home .slick-slide {
		margin-left: 36px !important;
		margin-right: 36px !important;
	}

	.section-weekly-books.katalog-white-bg .card-book-gallery .real-cover img {
		max-width: 119.56%;
		object-fit: cover;
		min-height: 336px !important;
		text-align: center;
		position: relative;
		left: -1.1%;
	}

	.ornament-bg {
		width: 156px;
		min-height: 156px;
		position: absolute;
		top: 11%;
		left: -27%;
	}

	.card-book-gallery {
		background: transparent none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		/* align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center; */
		align-items: flex-end;
		-ms-align-items: flex-end;
		-moz-align-items: flex-end;
		-webkit-align-items: flex-end;
		width: 232px;
		padding: 24px 5px;
		/* min-height: 364px;
		max-height: 364px; */
		min-height: 374px;
		max-height: 375px;
	}

	.section-weekly-books.katalog-white-bg .card-book-gallery {
		background: var(--white-one);
		width: 232px !important;
		min-height: 330px !important;
		max-height: 330px !important;
	}



	.label-book-weekly h2 {
		font: normal 700 clamp(1.75rem, 1.375rem + 0.4688vi, 1.9375rem) var(--font-poppins);
		line-height: 136%;
		margin-bottom: 15px;
	}

	.thumbnail-youtube-uploads {
		width: 100%;
		min-height: 270px;
	}

	/* SECTION WEEKLY BOOKS HOME 1920 END */
	/* PRIMARY CAROUSEL 1920 START */

	/* 1920 indicator carousel start */
	/* 1920 indicator carousel end */

	/* 1920 next previous arrow primary carousel start*/

	/* 1920 next previous arrow primary carousel end*/

	/* 1920 CAROUSEL CAMPTION START */
	#carouselPrimary .carousel-caption-primary {
		max-width: 1440px;
		/* bottom: 8.6%; */
		bottom: 16.64%;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.carousel-caption-content {
		width: 100%;
		height: 764px;
		/* border: 1px solid var(--white-trans-2); */
		border-radius: 36px;
	}

	.wrp-cta-carousel {
		min-width: 296px;
		max-width: 314px;
		min-height: 76px;
	}

	.title-carousel-primary h2 {
		font: normal 700 64.64px/73px var(--font-poppins);
	}

	#carouselPrimary .carousel-indicators {
		bottom: 214px;
	}

	#carouselPrimary .carousel-item img.w-100 {
		width: 106.86% !important;
		max-width: 106.86% !important;
		margin-left: -2.36%;
	}

	.title-carousel-primary h2 {
		font: normal 700 64.64px/73px var(--font-poppins);
	}

	.center-align-center .fragment-text-50 {
		position: relative;
		bottom: -132px;
	}

	/* SLIDER PRIMARY 1920*/

	.section-primary-slider.for-layanan-digital {
		padding-bottom: 64px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-item img.w-100 {
		border-radius: 10px;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0px;
	}

	/* SLIDER PRIMARY 1920*/
	/* 1920 CAROUSEL CAMPTION END */

	/* SECTION 1920 TAB OVERLAP START */
	.section-tabulation-overlap {
		margin-top: -332px;
		position: relative;
	}

	.section-tabulation-overlap::before {
		content: " ";
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		width: 100vw;
		background: transparent none;
		/* background: var(--white-one); */
		/* background: transparent none; */
		/* min-height: 224px; */
		min-height: 98px;
		top: 92px;
		bottom: unset;
		z-index: 1;
	}

	.infograpTabsmobile .slick-list .slick-track {
		min-width: 1414px !important;
		max-width: 2336px !important;
		margin-right: 1px;
	}

	.tabultaion-with-icon {
		min-width: 352px;
		max-width: 352px;
	}

	.infograpTabsmobile li a {
		min-width: 353.24px;
		max-width: 353.24px;
		padding: 10px 19px;
	}

	.icon-square {
		width: 52px;
		height: 52px;
	}

	/* Tab id one 1920 start */

	.large-card-news {
		position: relative;
		width: 100%;
		min-height: 452px;
		border: 15.64px;
	}

	.large-card-news a img {
		max-width: 100.5%;
	}

	a.title-news-large {
		width: 100%;
		background: transparent none;
		min-height: 124px;
	}

	.row-small-card.gutter--8.row,
	.row-small-card.gutter--8.container,
	.row-small-card.gutter--8.container-fluid {
		margin-left: -14px;
		margin-right: -14px;
	}

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

	.row-small-card .column-sm-news:first-child {
		margin-bottom: 18px;
		order: 1;
		/* border: 1px solid #0d9484; */
	}

	.row-small-card .column-sm-news:nth-child(2) {
		/* border: 1px solid red; */
		margin-bottom: 18px;
		order: 2;
	}

	.row-small-card .column-sm-news:nth-child(3) {
		order: 3;
		/* border: 1px solid yellow; */
	}

	/* Tab id one 1920 end */
	.feed-news-contents {
		width: 100%;
		min-height: 232px;
		padding: 78px 0px 86px 0px;
	}

	.logo-brand-store {
		width: 174px;
		height: auto;
	}

	/* SECTION 1920 TAB OVERLAP END */
	.thumb-featured-newshome a {
		min-height: 314px;
		max-height: 314px;
	}
	/* PRIMARY CAROUSEL 1920 END */

	.youtube-chanel-corporate {
		width: 100%;
		/* background: #0d49bd url(../images/uploads/home-bg-channel-youtube.jpg) top left no-repeat; */
		background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
		background-size: 186px;
		background-position-x: -124px;
		background-position-y: 10px;
		background-position-x: -16px;
		min-height: 489px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}
	.youtube-chanel-corporate::before {
		width: 164px;
		min-height: 164px;
	}

	.youtube-chanel-corporate::after {
		width: 164px;
		min-height: 164px;
	}

	.align-youtube .col-lg-4.col-md-4.col-sm-12:first-child {
		position: relative;
		right: -10px;
	}

	/* SECTION GLOBAL COMPANY PARTNERS 1920 START */
	.partner-logo a {
		width: 214px;
		min-height: 32px;
		padding: 10px 6px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		text-align: center;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 55px;
		max-height: 98px;
		max-height: auto;
	}

	.company-logo .slick-list.draggable {
		padding: 0px 15px !important;
	}

	.card-branch-born a {
		min-height: 224px;
	}

	.company-logo .slick-list .slick-track {
		position: relative;
		left: -120px;
	}

	/* SECTION GLOBAL COMPANY PARTNERS 1920 END */

	/* FOOTER SECTION 1920 START*/
	.navbar-desc.swipe-up-nav .logo-brand {
		width: 186px;
		overflow: unset;
		position: relative;
		transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s;
		-webkit-transition: 0.4s;
	}

	.footer-brand .logo-brand {
		width: 192px;
		overflow: unset;
		position: relative;
	}

	/* FOOTER SECTION 1920 END*/


	.title-of-new {
		width: 100%;
	}

	.title-of-new h2 {
		font: normal 700 clamp(1.5rem, 1.25rem + 0.3125vi, 1.625rem) var(--font-poppins);
		line-height: 136%;
		color: var(--blue-900);
		margin-top: 14px;
		margin-bottom: 18px;
	}

}

/* MEDIA 1920 END */
/* MEDIA 1583-1600 START*/
@media only screen and (min-width: 1583px) and (max-width: 1600px) and (orientation: landscape) {

}

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

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	/* CONTAINER 1583-1600 START*/
	.erlangga-container {
		max-width: 1090px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	/* CONTAINER 1583-1600 END*/

}

/* MEDIA 1583-1600 END*/

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

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	/* CONTAINER 1536-1582 START*/
	.erlangga-container {
		max-width: 1139px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	/* CONTAINER 1536-1582 END*/

	/* SECTION WEEKLY BOOKS HOME 1536-1582 */

	.label-book-weekly .btn-transparent-white {
		background: transparent;
		border-radius: 5.5px;
		border: 1.5px solid var(--white-one);
		width: auto;
		padding-block: min(1.04vh, 3.96rem) !important;
		color: var(--white-one);
		text-align: center;
		font: 500 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
		line-height: 146%;
		letter-spacing: .36px;
		text-decoration: none;
		outline: none;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		position: relative;
		overflow: hidden;
		min-width: 174px;
		display: none;
	}

	.card-book-gallery {
		background: transparent none;
	}

	/* SECTION WEEKLY BOOKS HOME 1536-1582 */
	.centered-cover-frame {
		padding: 30px 15px;
		width: 64%;
	}

}

/* MEDIA 1536-1582 START */

/* MEDIA 1519-1535 START */
@media only screen and (min-width: 1518px) and (max-width: 1535px) and (orientation: landscape) {

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	/* CONTAINER 1518-1535 START*/
	.erlangga-container {
		max-width: 1139px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	/* CONTAINER 1518-1535 END*/

	/* SECTION WEEKLY BOOKS HOME 1536-1582 */

	.label-book-weekly .btn-transparent-white {
		background: transparent;
		border-radius: 5.5px;
		border: 1.5px solid var(--white-one);
		width: auto;
		padding-block: min(1.04vh, 3.96rem) !important;
		color: var(--white-one);
		text-align: center;
		font: 500 clamp(0.91rem, 0.7186rem + 0.2991vw, 1.0775rem) var(--font-poppins);
		line-height: 146%;
		letter-spacing: .36px;
		text-decoration: none;
		outline: none;
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		position: relative;
		overflow: hidden;
		min-width: 174px;
		display: none;
	}


	/* SECTION WEEKLY BOOKS HOME 1536-1582 */

}

/* MEDIA 1519-1535 END */

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

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	/* CONTAINER 1455-1518 START*/
	.erlangga-container {
		max-width: 1080px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}
	.default-container {
		max-width: 1080px;
	}
	/* CONTAINER 1455-1518 END*/
	.wrp-tab-infographic .tab {
		position: relative;
		top: -35px;
		width: 100%;
		min-width: 1115px;
	}

	.large-card-news {
		position: relative;
		width: 100%;
		min-height: 340px;
		max-height: 342px;
	}

	.summary-desc-services {
		/* normal 400 clamp(0.8025rem, 0.6896rem + 0.2132vw, 0.9675rem) var(--font-poppins); */
		font: normal 400 clamp(0.785rem, 0.1499rem + 0.6984vi, 0.8125rem) var(--font-poppins);
	}
	.book-home .slick-slide {
		margin-left: 20px;
		margin-right: 20px;
	}
	.book-slide-gallery {
		width: 186px;
	}

	.card-books-title {
		width: 186px;
	}
	.book-home .slick-list {
		margin-left: -76.64px;

	}
	.book-home .slick-prev {
		z-index: 5;
		top: 43.32%;
		left: -64px;
	}

	.book-home .slick-next {
		top: 43.32%;
	}

	.partner-logo a {
		width: 154px;
	}

}

/* MEDIA 1455-1518 END */

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

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	/* CONTAINER 1440 START*/
	.erlangga-container {
		max-width: 1320px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	/* CONTAINER 1440 END*/

	/* PRIMARY CAROUSEL 1440 START */

	/* 1440 indicator carousel start */
	/* 1440 indicator carousel end */

	/* 1440 next previous arrow primary carousel start*/

	/* 1440 next previous arrow primary carousel end*/

	/* 1440 CAROUSEL CAMPTION START */

	/* 1440 CAROUSEL CAMPTION END */


	/* PRIMARY CAROUSEL 1440 END */

	/* SECTION TAB OVERLAP 1440 START */
	.infograpTabsmobile li a {
		min-width: 324px;
		max-width: 324px;
	}

	/* SECTION TAB OVERLAP 1440 END */
	.section-weekly-books .book-home .slick-list {
		margin-left: -4.64px;
	}

	.book-home .slick-prev {
		z-index: 5;
		top: 38%;
		left: -3px;
	}

	.slick-next {
		right: -1px;
	}

	.centered-cover-frame {
		padding: 30px 15px;
		width: 64%;
	}

	/* LOGO-LOGO HOME 1440 */
	.partner-logo a {
		width: 192px;
	}

	.company-logo .slick-list .slick-track {
		left: -103px;
	}

	/* LOGO-LOGO HOME 1440 */

	.thumb-featured-newshome a {
		min-height: 286px;
		max-height: 286px;
	}
	.thumb-featured-newshome a img {
		max-width: 100%;
		margin-top: -8.64%;
	}
	.wrp-card-bestselling .book-home .slick-slide {
		margin-left: 20px;
		margin-right: 20px;
		width: 180px;
		min-height: 340px;
	  }
	.wrp-card-bestselling .book-home .slick-slide .card-book-gallery{
		background: var(--white-one);
		/* width: 196px; */
		width: 180px;
		min-height: 296px;
		max-height: 298px;
	}
	.wrp-card-bestselling .book-home .slick-slide a.real-cover img {
		max-width: 100%;
		object-fit: cover;
		min-height: 244px;
		text-align: center;
		position: relative;
		left: 0px;
	}
	.wrp-card-bestselling .book-home .slick-slide .card-books-title {
		/* width: 196px; */
		width: 180px;
	}

}

/* MEDIA 1440 END */

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

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	/* CONTAINER 1390-1399 START*/
	.erlangga-container {
		max-width: 1080px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	/* CONTAINER 1390-1399 END*/

}

/* MEDIA 1390-1399 END */

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

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	/* CONTAINER 1366 START*/
	.dt-container {
		max-width: 1140px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	/* CONTAINER 1366 END*/

	.card-search-dialog {
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		top: 56px;
	}

	.relative-type-search {
		height: 60vh;
	}

	.book-home .slick-next {
		right: -6px;
	}
}

/* MEDIA 1366 END */

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

	html,
	body {
		overflow-x: clip;
		display: block;
	}
	.card-search-dialog {
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		top: 76px;
	}
	.search-page input.form-control {
		font: normal 400 14px/23.64px var(--font-poppins);
		height: 50px;
		border: 1.5px solid var(--gray-200);
		padding: 12px 18px 12px 20px;
	}
	.btn-submit-search {
		padding: 10.15px 30px;
	}
	.text-type-search {
		max-height: 45.24px;
		overflow-y: hidden;
		font: normal 500 14.64px/19.24px var(--font-poppins);
	}
	.text-link-more {
		font-size: 12.5px;
	}
	/* CONTAINER 1280 START*/
	.erlangga-container {
		/* max-width: 1080px; */
		max-width: 1174px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	/* CONTAINER 1280 END*/
	/* PRIMARY CAROUSEL 1280 START */
	#carouselPrimary .carousel-item img.w-100 {
		width: 110.86% !important;
		max-width: 110.86% !important;
		margin-left: -6.64%;
	}

	/* 1280 indicator carousel start */
	/* 1280 indicator carousel end */

	/* 1280 next previous arrow primary carousel start*/

	/* 1280 next previous arrow primary carousel end*/

	/* 1280 CAROUSEL CAMPTION START */

	/* 1280 CAROUSEL CAMPTION END */


	/* PRIMARY CAROUSEL 1280 END */

	/* SECTION TAB OVERLAP 1280 START */
	.large-card-news {
		min-height: 345px;
	}

	.infograpTabsmobile li a {
		min-width: 286.5px;
		max-width: 286.5px;
	}

	/* SECTION TAB OVERLAP 1280 END */

	/* SECTION WEEKLY BOOKS HOME 1280 START  */
	.ornament-bg {
		width: 102px;
		min-height: 126px;
		position: absolute;
		top: 24%;
		left: -19%;
	}

	.label-book-weekly h2 {
		font: normal 700 clamp(0.9375rem, 0.5804rem + 0.558vw, 1.25rem) var(--font-poppins);
		font: normal 700 clamp(1.5rem, 1.25rem + 0.3125vi, 1.625rem) var(--font-poppins);
		line-height: 136%;
		margin-bottom: 15px;
	}

	.book-home .slick-list {
		margin-left: -80.64px;
	}

	/* SECTION WEEKLY BOOKS HOME 1280 END  */
	.youtube-chanel-corporate {
		background-position-x: -152px;
	}

	.align-youtube .col-lg-4.col-md-4.col-sm-12:first-child {
		position: relative;
		right: -24px;
	}

	.partner-logo a {
		/* width: 130px; */
		width: 176px;
		min-height: 32px;
		padding: 10px 18px;
	}

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

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

	.centered-cover-frame {
		padding: 30px 15px;
		width: 64%;
	}

	/* SECTION BUKU BEST SELLING 1280 START */
	.wrp-card-bestselling .book-home .slick-slide .card-book-gallery {
		background: var(--white-one);
		width: 196px;
		min-height: 296px;
		max-height: 298px;
	}

	.wrp-card-bestselling .book-home .slick-slide .card-books-title {
		width: 196px;
	}
	.wrp-card-bestselling .book-home .slick-slide {
		margin-left: 28px;
		margin-right: 28px;
	}
	/* SECTION BUKU BEST SELLING 1280 END */

	.youtube-chanel-corporate {
		background-size: 113.24px;
		background-position-x: -132px;
		background-position-y: 20px;
		min-height: 436px;
	}

	.youtube-chanel-corporate::before {
		width: 130px;
		min-height: 136px;
	}

	.youtube-chanel-corporate::after {
		width: 130px;
		min-height: 136px;
	}

	/* FOOTER SECTION 1280 START */
	.item-footer-arrow {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.section-tabulation-overlap::before {
		content: " ";
		position: absolute;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		width: 100vw;
		background: var(--blue-800);
		background: transparent none;
		min-height: 224px;
		min-height: 96px;
		top: 132px;
		bottom: unset;
		z-index: 1;
	}

	.text-item-footer {
		width: 84.14%;
	}

	/* FOOTER SECTION 1280 END */
}

/* MEDIA 1280 END */

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

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	/* CONTAINER 1194 START*/
	.erlangga-container {
		max-width: 1080px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;

	}

	.default-container {
		max-width: 1020px;
	}

	/* CONTAINER 1194 END*/
	/* search form 1194 start */

	.card-search-dialog {
		background: #fff;
		width: 596px;
	}

	/* search form 1194 end */

	/*  PRIMARY SLIDER 1194 START */
	#carouselPrimary .carousel-item img.w-100 {
		width: 132.86% !important;
		max-width: 132.86% !important;
		/* margin-left: -15.24%; */
		margin-left: -16.52%;
		margin-top: 0px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-item img.w-100 {
		border-radius: 10px;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0px;
	}

	.title-carousel-primary h2 {
		font: normal 700 50.64px/61px var(--font-poppins);
	}

	/* PRIMARY SLIDER 1194 END */
	/* SECTION TAB OVERLAP START 1194 START */
	.infograpTabsmobile {
		margin-bottom: 46px;
	}

	.large-card-news {
		min-height: 332px;
	}

	.large-card-news a img {
		object-fit: cover;
		min-height: 332px;
	}

	.small-card-news a img {
		object-fit: cover;
		min-height: 156px;
	}
	.small-card-news a img {
		max-width: 106.64%;
		height: auto;
		max-height: 100%;
		min-width: 129.64;
		max-width: 129.64%;
		margin-left: -14.74%;
	}

	.infograpTabsmobile li a {
		min-width: 249px;
		max-width: 249px;
	}

	.tabultaion-with-icon {
		min-width: 249px;
		max-width: 249px;
	}

	a.title-news-small {
		padding: 12px 18px 10px 18px;
	}

	.section-weekly-books {
		position: relative;
		top: -25px;
		padding: 56px 0px 50px 0px;
	}

	.wrp-tab-infographic .tab {
		position: relative;
		top: -47px;
	}

	/* SECTION TAB OVERLAP START 1194 END */
	/* SECTION WEEKLY BOOKS HOME 1194 START */
	.book-home .slick-list {
		margin-left: 18px;
		margin-top: 30px;
	}

	.book-home .slick-prev {
		z-index: 5;
		top: 38%;
		left: -24px;
	}

	/* SECTION WEEKLY BOOKS HOME 1194 END */
	/* SECTION CARD NEWS FEEDS 1194 STARTS */
	.feed-news-contents {
		width: 100%;
		min-height: 232px;
		padding: 64px 0px 90px 0px;
	}

	.school-teacher-feeds {
		width: 100%;
		padding: 0px 20px 8px 4px;
	}

	.text-naskah-erlangga {
		width: auto;
	}

	/* SECTION CARD NEWS FEEDS 1194 END */
	/* SECTION GLOBAL COMPANY PARTNERS 1194 START */
	.feed-news-contents {
		padding: 64px 0px 76px 0px;
	}

	.youtube-chanel-corporate .col-lg-1 {
		flex: 0 0 auto;
		width: 100%;
	}

	.youtube-chanel-corporate .col-lg-11 {
		flex: 0 0 auto;
		width: 100%;
		position: relative;
		z-index: 3;
	}

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

	.row-youtube-card.gutter--24>[class^="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}

	.youtube-chanel-corporate {
		width: 100%;
		/* background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center repeat-x; */
		background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
		background-size: 113.24px;
		background-position-x: -132px;
		background-position-y: 20px;
		min-height: 436px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		/* padding-bottom: 158px; */
		padding-bottom: 64px;
		padding-top: 74px;
		overflow: hidden;
		position: relative;
	}

	.youtube-chanel-corporate::before {
		/* content: "";
		width: 138px;
		height: 224px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: auto;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px; */
		position: absolute;
		top: 0px;
		left: 0px;
		right: unset;
		content: "";
		width: 136px;
		min-height: 136px;
		background: url(../images/svg/image-patter-left-youtube.svg) top center no-repeat;
		background-size: auto;
		background-size: 100%;
	}

	.youtube-chanel-corporate::after {
		/* content: "";
		width: 124px;
		height: 224px;
		background: url(../images/uploads/background-right-section-youtube-home.png) top center no-repeat;
		background-size: auto;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 0px; */
		position: absolute;
		top: 0px;
		left: unset;
		right: -1px;
		content: "";
		width: 136px;
		min-height: 136px;
		background: url(../images/svg/image-patter-right-youtube.svg) top center no-repeat;
		background-size: auto;
		background-size: 100%;
	}

	.thumbnail-youtube-uploads {
		width: 100%;
		min-height: 186px;
	}

	.card-branch-born a {
		min-height: 176px;
	}

	.left-infograph-value .col-lg-4:nth-child(1) {
		flex: 0 0 auto;
		width: 50%;
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-lg-4:nth-child(2) {
		flex: 0 0 auto;
		width: 50%;
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-lg-4:nth-child(3) {
		flex: 0 0 auto;
		width: 100%;
		margin-bottom: 48px;
	}

	.row-infograph {
		padding: 36px 0px 48px 0px;
	}

	.logo-brand-anniversary {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company h3,
	.anniversary-company h4 {
		text-align: center;
	}

	.thumbnail-youtube-uploads {
		width: 100%;
		min-height: 194px;
	}

	.tab-contents .row-infographic .col-12:nth-child(1) {
		flex: 0 0 auto;
		width: 60%;
		margin-bottom: 6px;
	}

	.tab-contents .row-infographic .col-12:nth-child(2) {
		order: 3;
		flex: 0 0 auto;
		width: 100%;
	}

	.tab-contents .row-infographic .col-12:nth-child(3) {
		flex: 0 0 auto;
		width: 40%;
	}

	.link-store-erlangga {
		display: none;
	}

	.link-store-erlangga-ipad {
		width: 100%;
		min-height: 124px;
		display: flex;
		padding: 24px 0px;
		margin-bottom: 24px;
	}

	/* LOGO HOME 1194 */
	.partner-logo a {
		width: 198px;
		padding: 10px 12px;
	}

	.company-logo .slick-list {
		overflow: hidden;
	}

	.company-logo .slick-list::before {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 96px;
		z-index: 2;
		left: -36px;
		top: 0;
	}

	.company-logo .slick-list::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 104px;
		z-index: 2;
		right: -18px;
		left: unset;
		top: 0;
		transform: rotateZ(180deg);
	}

	.company-logo .slick-list .slick-track {
		left: 92px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 31px;
		max-height: 66px;
	}

	/* LOGO HOME 1194 */
	/* SECTION GLOBAL COMPANY PARTNERS 1194 END */
	/* BUKU UMUM 1194 */
	.card-catalog-annualy {
		max-height: 332px;
	}

	.left-card-catalog {
		top: 56px;
	}

	/* BUKU UMUM 1194 */
	.centered-cover-frame {
		padding: 30px 15px;
		width: 236px;
	}
}

/* MEDIA 1194 END */

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

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	/* CONTAINER 1080 START*/
	.erlangga-container {
		max-width: 980px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	.default-container {
		max-width: 980px;
		margin: 0 auto;
	}

	/* CONTAINER 1080 END*/
	/* DESKTOP NAVBAR 1080 LANDSCAPE START */

	.logo-brand {
		width: 164px;
	}

	.navbar-desc.swipe-up-nav .logo-brand {
		width: 164px;
	}

	.wrp-nav-item {
		min-width: 684px;
		width: auto;
	}

	.navbar-align-right {
		min-width: 684px;
	}

	.dropdown-hover {
		padding-left: 3px;
		padding-right: 3px;
		min-width: 68px;
		width: auto;
	}

	.dropdown-hover a.nav-link {
		padding-left: 0px;
		padding-right: 0px;
	}

	.navbar-align-right ul li a {
		font-size: clamp(0.8125rem, -1.5946rem + 4.0541vw, 1rem) var(--font-poppins);
		letter-spacing: 0.15px;
	}

	/* DESKTOP NAVBAR 1080 LANDSCAPE END */
	/* PRIMARY SLIDER 1080 LANDSCAPE START */

	#carouselPrimary .carousel-caption-primary {
		max-width: 980px;
		bottom: 4.2%;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	#carouselPrimary .carousel-item img.w-100 {
		width: 117.86% !important;
		max-width: 117.86% !important;
		margin-left: -8.96%;
		margin-top: -6px;
	}

	.title-carousel-primary h2 {
		font: normal 700 45.64px/54px var(--font-poppins);
		color: var(--white-one);
		letter-spacing: 0.45px;
		margin-bottom: 15px;
	}

	#carouselPrimary .carousel-indicators {
		bottom: 169px;
		z-index: 4;
	}

	.section-primary-slider {
		width: 100%;
		min-height: 764px;
		position: relative;
		top: -96px;
	}

	#carouselPrimary .carousel-item img.w-100 {
		width: 112.24% !important;
		max-width: 112.24% !important;
		margin-left: -5.86%;
		margin-top: 0px;
	}

	/* PRIMARY SLIDER 1080 LANDSCAPE END */

	/* SECTION TAB OVERLAP 1080 LANDSCAPE START */
	.section-tabulation-overlap {
		width: 100%;
		min-height: 448px;
		min-height: 14px;
		height: auto;
		position: relative;
		margin-top: -295px;
		z-index: 6;
	}

	.infograpTabsmobile li a {
		min-width: 238.74px;
		max-width: 238.74px;
	}

	.icon-square {
		width: 38px;
		height: 38px;
		border-radius: 14px;
	}

	.tabulation-title {
		width: 73.14%;
		padding-left: 12px;
	}

	.text-item-arrow {
		width: 85%;
	}

	.logo-brand-store {
		width: 120px;
		height: auto;
	}

	.text-item-penulis {
		width: 74.96%;
		height: auto;
		padding-left: 15px;
	}

	.summary-brand-services {
		width: 76.32%;
		font: normal 400 clamp(0.7525rem, 0.6096rem + 0.2032vw, 0.8775rem) var(--font-poppins);
		color: var(--gray-400);
		padding-left: 24px;
	}

	.conten-highlights {
		width: 100%;
		min-height: 130px;
	}

	.summary-desc-services {
		width: 74.56%;
		font: normal 400 clamp(0.7525rem, 0.6096rem + 0.2032vw, 0.8775rem) var(--font-poppins);
		color: var(--gray-400);
		padding-left: 15px;
	}

	/* SECTION TAB OVERLAP 1080 LANDSCAPE END */
	/* SECTION GLOBAL COMPANY PARTNERS 1080 START */
	.thumbnail-youtube-uploads {
		width: 100%;
		min-height: 210px;
	}

	.thumbnail-youtube-uploads {
		width: 100%;
		min-height: 178px;
	}

	.card-branch-born a {
		min-height: 186px;
	}

	/* SECTION GLOBAL COMPANY PARTNERS 1080 END */

	/*  SECTION WEEKLY BOOKS HOME 1080 landscape START */
	.book-home .slick-list {
		margin-left: -14.64px;
	}

	.book-home .slick-prev {
		z-index: 5;
		top: 38%;
		left: -32px;
	}

	.section-weekly-books {
		padding: 36px 0px 50px 0px;
	}

	.slick-next {
		z-index: 5;
		top: 38%;
		right: -20px;
	}

	/* SECTION WEEKLY BOOKS HOME 1080 landscape END */
	/* SECTION CARD NEWS FEEDS 1080 STARTS */
	.large-card-news {
		position: relative;
		width: 100%;
		min-height: 322px;
	}

	.large-card-news a img {
		max-width: 108%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}
	.small-card-news {
		min-height: 188px;
		max-height: 190px;
	}
	.small-card-news a img {
		/* max-width: 106.64%;
		height: auto;
		max-height: 100%; */
		min-width: 129.64;
		max-width: 129.64%;
		margin-left: -14.74%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	.feed-news-contents {
		padding: 68px 0px 80px 0px;
	}

	.icon-naskah .icon-56 {
		width: 37px;
		height: 38px;
		padding: 5px 5px;
	}

	/* SECTION CARD NEWS FEEDS 1080 END */
	/*  SECTION GLOBAL COMPANY PARTNERS 1080 START */

	.youtube-chanel-corporate .col-lg-1 {
		flex: 0 0 auto;
		width: 100%;
	}

	.youtube-chanel-corporate .col-lg-11 {
		flex: 0 0 auto;
		width: 100%;
		position: relative;
		z-index: 3;
	}

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

	.row-youtube-card.gutter--24>[class^="col-"] {
		padding-left: 10px;
		padding-right: 10px;
	}

	.row-infograph {
		padding: 36px 0px 46px 0px;
	}

	.logo-brand-anniversary {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company h3,
	.anniversary-company h4 {
		text-align: center;
	}

	/* .youtube-chanel-corporate {
		width: 100%;
		background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center repeat-x;
		background-position-x: center;
		background-size: auto;
		background-position-x: left;
		background-size: auto;
		background-size: 40%;
		background-position-x: 0px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 158px;
		padding-top: 68px;
		overflow: hidden;
		position: relative;
	}

	.youtube-chanel-corporate::before {
		content: "";
		width: 138px;
		height: 224px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: auto;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px;
	}

	.youtube-chanel-corporate::after {
		content: "";
		width: 124px;
		height: 224px;
		background: url(../images/uploads/background-right-section-youtube-home.png) top center no-repeat;
		background-size: auto;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 0px;
	} */

	.youtube-chanel-corporate::before {
		/* content: "";
		width: 218px;
		height: 224px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: auto;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px; */
		position: absolute;
		top: 0px;
		left: 0px;
		right: unset;
		content: "";
		width: 136px;
		min-height: 136px;
		background: url(../images/svg/image-patter-left-youtube.svg) top center no-repeat;
		background-size: auto;
		background-size: 100%;
	}

	.youtube-chanel-corporate::after {
		/* content: "";
		width: 204px;
		height: 208px;
		background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
		background-size: auto;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 0px; */
		position: absolute;
		top: 0px;
		left: unset;
		right: -1px;
		content: "";
		width: 136px;
		min-height: 136px;
		background: url(../images/svg/image-patter-right-youtube.svg) top center no-repeat;
		background-size: auto;
		background-size: 100%;
	}
	.align-youtube {
		padding-bottom: 18px;
		padding-top: 86px;
	  }
	.youtube-chanel-corporate {
		/* width: 100%;
		background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center repeat-x;
		background-size: 24%;
		background-position-x: center;
		background-size: auto;
		background-position-x: left;
		background-size: auto;
		background-size: 64%;
		background-position-x: 0px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 148px;
		padding-top: 48px;
		overflow: hidden;
		position: relative; */
		width: 100%;
		background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
		background-position-x: center;
		background-position-y: top;
		background-size: auto;
		background-size: 174px;
		background-position-x: -128px;
		background-position-y: 10px;
		min-height: 436px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		position: relative;
	}

	.align-youtube {
		padding-bottom: 46px;
		padding-top: 90px;
	}

	.row-infograph .col-lg-5 {
		flex: 0 0 auto;
		width: 52%;
	}

	.row-infograph .col-lg-7 {
		flex: 0 0 auto;
		width: 48%;
		padding-right: 24px;
	}

	.left-infograph-value .col-lg-4:nth-child(1) {
		flex: 0 0 auto;
		width: 50%;
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-lg-4:nth-child(2) {
		flex: 0 0 auto;
		width: 50%;
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-lg-4:nth-child(3) {
		flex: 0 0 auto;
		width: 100%;
		margin-bottom: 48px;
	}

	/* LOGO HOME 1080 */
	.partner-logo a {
		width: 198px;
		padding: 10px 12px;
	}

	.company-logo .slick-list {
		overflow: hidden;
	}

	.company-logo .slick-list::before {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 96px;
		z-index: 2;
		left: -36px;
		top: 0;
	}

	.company-logo .slick-list::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 96px;
		z-index: 2;
		right: -23px;
		left: unset;
		top: 0;
		transform: rotateZ(180deg);
	}

	.company-logo .slick-list .slick-track {
		left: 94px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 31px;
		max-height: 66px;
	}

	/* LOGO HOME 1080 */


	/*  SECTION GLOBAL COMPANY PARTNERS 1080 END  */

	.card-catalog-annualy {
		min-height: 286px;
		max-height: 324px;
	}

	.left-card-catalog {
		position: absolute;
		left: -58px;
		top: 56px;
	}

	.centered-cover-frame {
		padding: 30px 15px;
		width: 236px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:first-child {
		margin-top: 6px;
	}
}

/* MEDIA 1080 END */

/* MEDIA 1081-1194 START */
@media screen and (min-device-width: 1081px) and (max-device-width: 1194px) {

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	/* CONTAINER 1081-1194 START*/
	.erlangga-container {
		max-width: 1020px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	/* CONTAINER 1081-1194 END*/
	/* DESKTOP NAVBAR 1081-1194 LANDSCAPE START */

	.logo-brand {
		width: 164px;
	}

	.navbar-desc.swipe-up-nav .logo-brand {
		width: 164px;
	}

	.wrp-nav-item {
		min-width: 724px;
		width: auto;
	}

	.navbar-align-right {
		min-width: 724px;
	}

	.dropdown-hover {
		padding-left: 3px;
		padding-right: 3px;
		min-width: 68px;
		width: auto;
	}

	.dropdown-hover a.nav-link {
		padding-left: 0px;
		padding-right: 0px;
	}


	/* DESKTOP NAVBAR 1081-1194 LANDSCAPE END */
	.centered-cover-frame {
		padding: 30px 15px;
		width: 230px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:first-child {
		margin-top: 6px;
	}
}

/* MEDIA 1081-1194 END */

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

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	.erlangga-container {
		max-width: 1020px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	/* PRIMARY SLIDER 1120-1180 START */
	#carouselPrimary .carousel-caption-primary {
		max-width: 1020px;
		bottom: 3.6%;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.title-carousel-primary h2 {
		font: normal 700 60.64px/71px var(--font-poppins);
	}
	#carouselPrimary .carousel-indicators {
		bottom: 159px;
	}
	/* PRIMARY SLIDER 1120-1180 END */
	/* SECTION TAB OVERLAP 1120-1180 LANDSCAPE START */
	.section-tabulation-overlap {
		position: relative;
		margin-top: -339.5px;
	}

	.logo-brand-store {
		width: 125px;
		height: auto;
	}

	.tabultaion-with-icon {
		min-width: 144.5px;
		max-width: 247.74px;
	}

	.text-naskah-erlangga {
		width: 75.15%;
		padding-left: 10px;
		font: normal 400 clamp(0.5825rem, 0.5096rem + 0.1432vw, 0.6075rem) var(--font-poppins);
		color: var(--gray-400);
	}

	.infograpTabsmobile li a {
		min-width: 247.74px;
		max-width: 247.74px;
	}

	.text-item-arrow {
		width: 84.5%;
	}

	.summary-desc-services {
		width: 75.24%;
	}

	.text-item-penulis {
		width: 75.86%;
		height: auto;
		padding-left: 16px;
	}

	.summary-brand-services {
		width: 77.14%;
	}

	.conten-highlights {
		width: 100%;
		min-height: 132px;
	}

	.icon-square {
		width: 38px;
		height: 38px;
		border-radius: 14px;
	}

	.tabulation-title {
		width: 73.14%;
		padding-left: 12px;
	}

	/* SECTION TAB OVERLAP 1120-1180 LANDSCAPE END */

	/* SECTION GLOBAL COMPANY PARTNERS 1120-1180 START */

	.feed-news-contents {
		padding: 64px 0px 76px 0px;
	}

	.youtube-chanel-corporate .col-lg-1 {
		flex: 0 0 auto;
		width: 100%;
	}

	.youtube-chanel-corporate .col-lg-11 {
		flex: 0 0 auto;
		width: 100%;
		position: relative;
		z-index: 3;
	}

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

	.row-youtube-card.gutter--24>[class^="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}

	/* .youtube-chanel-corporate {
		width: 100%;
		background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center repeat-x;
		background-position-x: center;
		background-size: auto;
		background-position-x: left;
		background-size: auto;
		background-size: 40%;
		background-position-x: 0px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 158px;
		padding-top: 74px;
		overflow: hidden;
		position: relative;
	}

	.youtube-chanel-corporate::before {
		content: "";
		width: 138px;
		height: 224px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: auto;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px;
	}

	.youtube-chanel-corporate::after {
		content: "";
		width: 124px;
		height: 224px;
		background: url(../images/uploads/background-right-section-youtube-home.png) top center no-repeat;
		background-size: auto;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 0px;
	} */

	.youtube-chanel-corporate::before {
		/* content: "";
		width: 218px;
		height: 224px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: auto;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px; */
		position: absolute;
		top: 0px;
		left: 0px;
		right: unset;
		content: "";
		width: 136px;
		min-height: 136px;
		background: url(../images/svg/image-patter-left-youtube.svg) top center no-repeat;
		background-size: auto;
		background-size: 100%;
	}

	.youtube-chanel-corporate::after {
		/* content: "";
		width: 204px;
		height: 208px;
		background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
		background-size: auto;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 0px; */
		position: absolute;
		top: 0px;
		left: unset;
		right: -1px;
		content: "";
		width: 136px;
		min-height: 136px;
		background: url(../images/svg/image-patter-right-youtube.svg) top center no-repeat;
		background-size: auto;
		background-size: 100%;
	}
	.section-weekly-books {
		padding: 42px 0px 50px 0px;
	}
	.align-youtube {
		padding-bottom: 40px;
		padding-top: 64px;
	}
	.youtube-chanel-corporate {
		/* width: 100%;
		background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center repeat-x;
		background-size: 24%;
		background-position-x: center;
		background-size: auto;
		background-position-x: left;
		background-size: auto;
		background-size: 64%;
		background-position-x: 0px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 148px;
		padding-top: 48px;
		overflow: hidden;
		position: relative; */
		width: 100%;
		background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
		background-position-x: center;
		background-position-y: top;
		background-size: auto;
		background-size: 174px;
		background-position-x: -128px;
		background-position-y: 10px;
		min-height: 436px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		position: relative;
	}




	.thumbnail-youtube-uploads {
		width: 100%;
		min-height: 186px;
	}

	.card-branch-born a {
		min-height: 176px;
	}

	.left-infograph-value .col-lg-4:nth-child(1) {
		flex: 0 0 auto;
		width: 50%;
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-lg-4:nth-child(2) {
		flex: 0 0 auto;
		width: 50%;
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-lg-4:nth-child(3) {
		flex: 0 0 auto;
		width: 100%;
		margin-bottom: 48px;
	}

	.row-infograph {
		padding: 36px 0px 48px 0px;
	}

	.logo-brand-anniversary {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company h3,
	.anniversary-company h4 {
		text-align: center;
	}

	/* SECTION GLOBAL COMPANY PARTNERS 1120-1180 END */
	.book-home .slick-list {
		margin-left: -52.64px;
	}

	.large-card-news {
		min-height: 332px;
	}

	.large-card-news a img {
		max-width: 106%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	a.title-news-small {
		padding: 12px 18px 10px 18px;
	}

	.small-card-news a img {
		max-width: 102.64%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	/*  SECTION CARD NEWS FEEDS 1120-1180 START */

	/*  SECTION CARD NEWS FEEDS 1120-1180 END */

	/* KATALOG BUKU UMUM 1120-1180 */
	.card-catalog-annualy {
		padding: 36px 15px 36px 168px;
		min-height: 324px;
		max-height: 324px;
	}

	.left-card-catalog {
		position: absolute;
		left: 18px;
		top: 56px;
	}

	.center-card-catalog {
		padding: 20px 15px 20px 36px;
	}

	.section-weekly-books.katalog-white-bg .col-lg-9 {
		flex: 0 0 auto;
		width: 80%;
	}

	/* KATALOG BUKU UMUM 1120-1180 */
	.centered-cover-frame {
		padding: 30px 15px;
		width: 236px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:first-child {
		margin-top: 6px;
	}


	/* LOGO HOME 1120-1180 */
	.partner-logo a {
		width: 198px;
		padding: 10px 12px;
	}

	.company-logo .slick-list {
		overflow: hidden;
	}

	.company-logo .slick-list::before {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 106px;
		z-index: 2;
		left: -22px;
		top: 0;
	}

	.company-logo .slick-list::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 106px;
		z-index: 2;
		right: -21px;
		left: unset;
		top: 0;
		transform: rotateZ(180deg);
	}

	.company-logo .slick-list .slick-track {
		left: 100px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 31px;
		max-height: 66px;
	}

	/* LOGO HOME 1120-1180 */


}

/* MEDIA 1120-1180 END */
/* MEDIA 1180 DEVICES START */
@media only screen and (min-device-width: 1180px) and (max-device-width: 1180px) and (orientation: landscape) {

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	.erlangga-container {
		max-width: 1020px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	.default-container {
		max-width: 1020px;
	}

	/* PRIMARY SLIDER 1180 START */
	#carouselPrimary .carousel-caption-primary {
		max-width: 1020px;
		bottom: 3.6%;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.title-carousel-primary h2 {
		/* font: normal 700 60.64px/71px var(--font-poppins); */
		font: normal 700 47.64px/55px var(--font-poppins);
	}

	.section-primary-slider {
		width: 100%;
		min-height: 820px;
		position: relative;
		top: -96px;
	}

	#carouselPrimary .carousel-item img.w-100 {
		width: 112.24% !important;
		max-width: 112.24% !important;
		margin-left: -5.86%;
		margin-top: 0px;
	}

	/* PRIMARY SLIDER 1180 END */
	/* SECTION TAB OVERLAP 1180 LANDSCAPE START */
	.section-tabulation-overlap {
		position: relative;
		margin-top: -339.5px;
	}

	.logo-brand-store {
		width: 125px;
		height: auto;
	}

	.tabultaion-with-icon {
		min-width: 144.5px;
		max-width: 247.74px;
	}

	.text-naskah-erlangga {
		width: 75.15%;
		padding-left: 10px;
		font: normal 400 clamp(0.5825rem, 0.5096rem + 0.1432vw, 0.6075rem) var(--font-poppins);
		color: var(--gray-400);
	}

	.infograpTabsmobile li a {
		min-width: 247.74px;
		max-width: 247.74px;
	}

	.text-item-arrow {
		width: 84.5%;
	}

	.summary-desc-services {
		width: 75.24%;
	}

	.text-item-penulis {
		width: 75.86%;
		height: auto;
		padding-left: 16px;
	}

	.summary-brand-services {
		width: 77.14%;
	}

	.conten-highlights {
		width: 100%;
		min-height: 132px;
	}

	.icon-square {
		width: 38px;
		height: 38px;
		border-radius: 14px;
	}

	.tabulation-title {
		width: 73.14%;
		padding-left: 12px;
	}

	/* SECTION TAB OVERLAP 1180 LANDSCAPE END */

	/* SECTION GLOBAL COMPANY PARTNERS 1180 START */
	.thumbnail-youtube-uploads {
		width: 100%;
		min-height: 186px;
	}

	.card-branch-born a {
		min-height: 176px;
	}

	.left-infograph-value .col-lg-4:nth-child(1) {
		flex: 0 0 auto;
		width: 50%;
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-lg-4:nth-child(2) {
		flex: 0 0 auto;
		width: 50%;
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-lg-4:nth-child(3) {
		flex: 0 0 auto;
		width: 100%;
		margin-bottom: 48px;
	}

	/* SECTION GLOBAL COMPANY PARTNERS 1180 END */
	.large-card-news {
		min-height: 332px;
	}

	.large-card-news a img {
		max-width: 106%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	a.title-news-small {
		padding: 12px 18px 10px 18px;
	}

	.small-card-news a img {
		/* max-width: 102.64%; */
		max-width: 124%;
		margin-left: -11.74%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	/*  SECTION CARD NEWS FEEDS 1180 START */

	/*  SECTION CARD NEWS FEEDS 1180 END */

}

/* MEDIA 1180 DEVICES END */

/* MEDIA 1025-1079 START */
@media screen and (min-width: 1025px) and (max-width: 1079px) {

	html,
	body {
		overflow-x: clip;
		display: block;
	}
}

/* MEDIA 1025-1079 END */

/* MEDIA 1024 DEVICES POTRAIT START */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) {

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	/* CONTAINER 1024 PORTRAIT START*/
	.erlangga-container {
		max-width: 986px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	.default-container {
		max-width: 986px;
	}

	/* CONTAINER 1024 PORTRAIT END*/

	/* DESKTOP NAVBAR 1024 POTRAITE START */
	.logo-brand {
		width: 164px;
	}

	.navbar-desc.swipe-up-nav .logo-brand {
		width: 164px;
	}

	.wrp-nav-item {
		min-width: 684px;
		width: auto;
	}

	.navbar-align-right {
		min-width: 684px;
	}

	.dropdown-hover {
		padding-left: 3px;
		padding-right: 3px;
		min-width: 68px;
		width: auto;
	}

	.dropdown-hover a.nav-link {
		padding-left: 0px;
		padding-right: 0px;
	}

	.navbar-align-right ul li a {
		font-size: clamp(0.8125rem, -1.5946rem + 4.0541vw, 1rem) var(--font-poppins);
		letter-spacing: 0.15px;
	}

	/* DESKTOP NAVBAR 1024 POTRAITE END */

	/* search form 1024 start */

	.card-search-dialog {
		background: #fff;
		width: 596px;
	}

	/* search form 1024 end */
	/* PRIMARY SLIDER 1024 POTRAITE START */
	#carouselPrimary .carousel-item img.w-100 {
		width: 138.86% !important;
		max-width: 138.86% !important;
		/* margin-left: -16.86%; */
		margin-left: -19.32%;
		margin-top: 0px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-item img.w-100 {
		border-radius: 10px;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0px;
	}

	#carouselPrimary .carousel-caption-primary {
		max-width: 924px;
		bottom: 6.4%;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.title-carousel-primary h2 {
		/* font: normal 800 clamp(2.79rem, 1.8525rem + 1.5075vw, 2.9775rem) var(--font-poppins); */
		font: normal 700 43.64px/56px var(--font-poppins);
	}

	/* PRIMARY SLIDER 1024 POTRAITE END */
	/* SECTION TAB OVERLAP 1024 POTRAITE START */
	.infograpTabsmobile li a {
		min-width: 228px;
		max-width: 240px;
	}

	.tabultaion-with-icon {
		min-width: 228px;
		max-width: 240px;
	}

	.large-card-news {
		min-height: 312px;
	}

	.small-card-news {
		min-height: 146px;
	}

	.tab-contents {
		width: 100%;
		padding: 32px 16px 48px 16px;
	}

	.summary-desc-services {
		width: 74.24%;
	}

	.text-item-penulis {
		width: 75.86%;
		height: auto;
		padding-left: 15px;
	}

	.summary-brand-services {
		width: 77.24%;
	}

	.school-teacher-feeds .footer-item-link .text-item-arrow {
		width: 84.44%;
	}

	.logo-brand-store {
		width: 118px;
		height: auto;
	}

	.text-naskah-erlangga {
		width: 75.15%;
		font: normal 400 clamp(0.6025rem, 0.5096rem + 0.0032vw, 0.5075rem) var(--font-poppins);
	}

	.conten-highlights {
		width: 100%;
		min-height: 130px;
	}

	/* SECTION TAB OVERLAP 1024 POTRAITE END */

	/* SECTION WEEKLY BOOKS 1024 POTRAITE HOME START */
	.book-home .slick-list {
		margin-left: -15.64px;
		margin-right: -15px;
		margin-top: 43px;
		border-radius: 7.24px;
		overflow: hidden;
	}

	.book-home .slick-prev {
		z-index: 5;
		top: 38%;
		left: -4px;
	}

	.book-home .slick-next {
		z-index: 5;
		top: 38%;
		right: 14px;
	}

	/* SECTION WEEKLY BOOKS 1024 POTRAITE HOME END */
	/*  SECTION GLOBAL COMPANY PARTNERS 1024 POTRAITE START */


	.youtube-chanel-corporate::before {
		/* content: "";
		width: 218px;
		height: 224px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: auto;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px; */
		position: absolute;
		top: 0px;
		left: 0px;
		right: unset;
		content: "";
		width: 136px;
		min-height: 136px;
		background: url(../images/svg/image-patter-left-youtube.svg) top center no-repeat;
		background-size: auto;
		background-size: 100%;
	}

	.youtube-chanel-corporate::after {
		/* content: "";
		width: 204px;
		height: 208px;
		background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
		background-size: auto;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 0px; */
		position: absolute;
		top: 0px;
		left: unset;
		right: -1px;
		content: "";
		width: 136px;
		min-height: 136px;
		background: url(../images/svg/image-patter-right-youtube.svg) top center no-repeat;
		background-size: auto;
		background-size: 100%;
	}
	.align-youtube {
		padding-bottom: 18px;
		padding-top: 86px;
	  }
	.youtube-chanel-corporate {
		/* width: 100%;
		background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center repeat-x;
		background-size: 24%;
		background-position-x: center;
		background-size: auto;
		background-position-x: left;
		background-size: auto;
		background-size: 64%;
		background-position-x: 0px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 148px;
		padding-top: 48px;
		overflow: hidden;
		position: relative; */
		width: 100%;
		background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
		background-position-x: center;
		background-position-y: top;
		background-size: auto;
		background-size: 174px;
		background-position-x: -128px;
		background-position-y: 10px;
		min-height: 436px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		position: relative;
	}

	.action-channel {
		display: none !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block .text-action-channel .action-channel {
		display: block !important;
		width: 76%;
		margin-top: 48px;
	}

	.row-youtube-card .col-lg-4:first-child {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-youtube-card .col-lg-4:nth-child(2) {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-youtube-card .col-lg-4:nth-child(3) {
		flex: 0 0 auto;
		width: 50%;
	}

	.youtube-chanel-corporate .col-lg-1 {
		display: none;
	}

	.youtube-chanel-corporate .erlangga-container .row:first-child {
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.row-youtube-card .col-12.d-lg-none {
		display: block !important;
	}

	.row-infograph .col-lg-5 {
		flex: 0 0 auto;
		width: 52%;
	}

	.row-infograph .col-lg-7 {
		flex: 0 0 auto;
		width: 48%;
		padding-right: 24px;
	}

	.left-infograph-value .col-lg-4:nth-child(1) {
		flex: 0 0 auto;
		width: 50%;
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-lg-4:nth-child(2) {
		flex: 0 0 auto;
		width: 50%;
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-lg-4:nth-child(3) {
		flex: 0 0 auto;
		width: 100%;
		margin-bottom: 48px;
	}

	.logo-brand-anniversary {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin-bottom: 15px;
	}

	.anniversary-company {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company h3 {
		text-align: center;
	}

	.anniversary-company h4 {
		text-align: center;
	}

	/* LOGO HOME 1024 */
	.partner-logo a {
		width: 198px;
		padding: 10px 12px;
	}

	.company-logo .slick-list {
		overflow: hidden;
	}

	.company-logo .slick-list::before {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 96px;
		z-index: 2;
		left: -36px;
		top: 0;
	}

	.company-logo .slick-list::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 96px;
		z-index: 2;
		right: -23px;
		left: unset;
		top: 0;
		transform: rotateZ(180deg);
	}

	.company-logo .slick-list .slick-track {
		left: 92px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 31px;
		max-height: 66px;
	}

	/* LOGO HOME 1024 */
	/*  SECTION GLOBAL COMPANY PARTNERS 1024 POTRAITE END */

	/* BUKU UMUM 1024 */
	.card-catalog-annualy {
		max-height: 332px;
	}

	/* BUKU UMUM 1024 */
	.centered-cover-frame {
		padding: 30px 15px;
		width: 236px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:first-child {
		margin-top: 6px;
	}

	/* FOOTER SECTION 1024 POTRAITE START */
	.text-item-footer {
		text-decoration: none;
		width: 82.15%;
	}

	.center-footer .item-footer-arrow {
		position: relative;
		padding-left: 24px;
	}

	.center-footer .item-footer-arrow .icon-18 {
		position: absolute;
		left: 0px;
		top: 1px;
	}

	/* FOOTER SECTION 1024 POTRAITE END */
}


/* MEDIA 1024 DEVICES POTRAIT END */

/* MEDIA 1024 DEVICES LANDSCAPE START */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: landscape) {

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	/* DESKTOP NAVBAR 1024 LANDSCAPE START */
	.logo-brand {
		width: 164px;
	}

	.navbar-desc.swipe-up-nav .logo-brand {
		width: 164px;
	}

	.wrp-nav-item {
		min-width: 684px;
		width: auto;
	}

	.navbar-align-right {
		min-width: 684px;
	}

	.dropdown-hover {
		padding-left: 3px;
		padding-right: 3px;
		min-width: 68px;
		width: auto;
	}

	.dropdown-hover a.nav-link {
		padding-left: 0px;
		padding-right: 0px;
	}

	.navbar-align-right ul li a {
		font-size: clamp(0.8125rem, -1.5946rem + 4.0541vw, 1rem) var(--font-poppins);
		letter-spacing: 0.15px;
	}

	/* DESKTOP NAVBAR 1024 LANDSCAPE END */

	/* search form 1024 start */

	.card-search-dialog {
		background: #fff;
		width: 596px;
	}

	/* search form 1024 end */
	/* PRIMARY SLIDER 1024 LANDSCAPE START */


	#carouselPrimary .carousel-item img.w-100 {
		width: 138.86% !important;
		max-width: 138.86% !important;
		/* margin-left: -16.86%; */
		margin-left: -19.24%;
		margin-top: 0px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-item img.w-100 {
		border-radius: 10px;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0px;
	}

	#carouselPrimary .carousel-caption-primary {
		max-width: 924px;
		bottom: 6.4%;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	.title-carousel-primary h2 {
		/* font: normal 800 clamp(2.3525rem, 1.1096rem + 1.6857vi, 2.415rem) var(--font-poppins); */
		/* font: normal 700 40.64px/51px var(--font-poppins); */
		font: normal 700 42.64px/55px var(--font-poppins);
	}

	/* PRIMARY SLIDER 1024 LANDSCAPE END */
	/* SECTION TAB OVERLAP 1024 LANDSCAPE START */
	.infograpTabsmobile li a {
		min-width: 228px;
		max-width: 249.15px;
	}

	.tabultaion-with-icon {
		min-width: 228px;
		max-width: 240px;
	}

	.large-card-news {
		min-height: 312px;
	}

	.small-card-news {
		min-height: 146px;
	}

	.tab-contents {
		width: 100%;
		padding: 32px 16px 48px 16px;
	}

	.summary-desc-services {
		width: 74.24%;
	}

	.text-item-penulis {
		width: 75.86%;
		height: auto;
		padding-left: 15px;
	}

	.summary-brand-services {
		width: 77.24%;
	}

	.school-teacher-feeds .footer-item-link .text-item-arrow {
		width: 84.44%;
	}

	.logo-brand-store {
		width: 118px;
		height: auto;
	}

	.text-naskah-erlangga {
		width: 75.15%;
		font: normal 400 clamp(0.6025rem, 0.5096rem + 0.0032vw, 0.5075rem) var(--font-poppins);
	}

	.conten-highlights {
		width: 100%;
		min-height: 130px;
	}

	.feed-news-contents {
		padding: 66px 0px 84px 0px;
	}

	/* SECTION TAB OVERLAP 1024 LANDSCAPE END */
	/* SECTION WEEKLY BOOKS HOME 1024 LANDSCAPE START */
	.section-weekly-books .book-home {
		left: 0px;
		margin-left: 15px;
	}

	.company-infograph {
		padding: 46px 0px 50px 0px;
	}

	/* SECTION WEEKLY BOOKS HOME 1024 LANDSCAPE END */
	/*  SECTION GLOBAL COMPANY PARTNERS 1024 LANDSCAPE START */


	.youtube-chanel-corporate::before {
		/* content: "";
		width: 218px;
		height: 224px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: auto;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px; */
		position: absolute;
		top: 0px;
		left: 0px;
		right: unset;
		content: "";
		width: 136px;
		min-height: 136px;
		background: url(../images/svg/image-patter-left-youtube.svg) top center no-repeat;
		background-size: auto;
		background-size: 100%;
	}

	.youtube-chanel-corporate::after {
		/* content: "";
		width: 204px;
		height: 208px;
		background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
		background-size: auto;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 0px; */
		position: absolute;
		top: 0px;
		left: unset;
		right: -1px;
		content: "";
		width: 136px;
		min-height: 136px;
		background: url(../images/svg/image-patter-right-youtube.svg) top center no-repeat;
		background-size: auto;
		background-size: 100%;
	}
	.align-youtube {
		padding-bottom: 18px;
		padding-top: 86px;
	  }
	.youtube-chanel-corporate {
		/* width: 100%;
		background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center repeat-x;
		background-size: 24%;
		background-position-x: center;
		background-size: auto;
		background-position-x: left;
		background-size: auto;
		background-size: 64%;
		background-position-x: 0px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 148px;
		padding-top: 48px;
		overflow: hidden;
		position: relative; */
		width: 100%;
		background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
		background-position-x: center;
		background-position-y: top;
		background-size: auto;
		background-size: 174px;
		background-position-x: -128px;
		background-position-y: 10px;
		min-height: 436px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		position: relative;
	}
	.section-weekly-books {
		padding: 38px 0px 50px 0px;
	}
	.action-channel {
		display: none !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block .text-action-channel .action-channel {
		display: block !important;
		width: 76%;
		margin-top: 48px;
	}

	.row-youtube-card .col-lg-4:first-child {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-youtube-card .col-lg-4:nth-child(2) {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-youtube-card .col-lg-4:nth-child(3) {
		flex: 0 0 auto;
		width: 50%;
	}

	.youtube-chanel-corporate .col-lg-1 {
		display: none;
	}

	.youtube-chanel-corporate .erlangga-container .row:first-child {
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.row-youtube-card .col-12.d-lg-none {
		display: block !important;
	}

	.row-infograph .col-lg-5 {
		flex: 0 0 auto;
		width: 52%;
	}

	.row-infograph .col-lg-7 {
		flex: 0 0 auto;
		width: 48%;
		padding-right: 24px;
	}

	.left-infograph-value .col-lg-4:nth-child(1) {
		flex: 0 0 auto;
		width: 50%;
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-lg-4:nth-child(2) {
		flex: 0 0 auto;
		width: 50%;
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-lg-4:nth-child(3) {
		flex: 0 0 auto;
		width: 100%;
		margin-bottom: 48px;
	}

	.logo-brand-anniversary {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-bottom: 5px;
		text-align: center;
	}

	.anniversary-company h3 {
		text-align: center;
	}

	.anniversary-company h4 {
		text-align: center;
	}

	/* LOGO HOME 1024 */
	.partner-logo a {
		width: 198px;
		padding: 10px 12px;
	}

	.company-logo .slick-list {
		overflow: hidden;
	}

	.company-logo .slick-list::before {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 103px;
		z-index: 2;
		left: -31px;
		top: 0;
	}

	.company-logo .slick-list::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 104px;
		z-index: 2;
		right: -18px;
		left: unset;
		top: 0;
		transform: rotateZ(180deg);
	}

	.company-logo .slick-list .slick-track {
		left: 99px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 31px;
		max-height: 66px;
	}

	/* LOGO HOME 1024 */
	/*  SECTION GLOBAL COMPANY PARTNERS 1024 LANDSCAPE END */
	/* BUKU UMUM 1024 */
	.card-catalog-annualy {
		max-height: 332px;
	}

	.left-card-catalog {
		top: 56px;
	}

	/* BUKU UMUM 1024 */
	.centered-cover-frame {
		padding: 30px 15px;
		width: 236px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:first-child {
		margin-top: 6px;
	}

	/* FOOTER SECTION 1024 LANDSCAPE START */
	.text-item-footer {
		text-decoration: none;
		width: 82.15%;
	}

	.left-footer {
		width: 28.74%;
	}

	.right-footer {
		width: 26.64%;
	}

	.text-cta-footer {
		margin-left: 4px;
		padding-left: 5px;
	}

	.center-footer .item-footer-arrow {
		position: relative;
		padding-left: 24px;
	}

	.center-footer .item-footer-arrow .icon-18 {
		position: absolute;
		left: 0px;
		top: 1px;
	}

	/* FOOTER SECTION 1024 LANDSCAPE END */

}

/* MEDIA 1024 DEVICES LANDSCAPE END */

/*  MEDIA 992-1023 START */
@media screen and (min-device-width: 992px) and (max-device-width: 1023px) {

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	.erlangga-container {
		max-width: 956px;
	}

	.default-container {
		max-width: 956px;
	}

	/* DESKTOP NAVBAR 1023 LANDSCAPE START */

	.logo-brand {
		width: 164px;
	}

	.navbar-desc.swipe-up-nav .logo-brand {
		width: 164px;
	}

	.wrp-nav-item {
		min-width: 674px;
		width: auto;
	}

	.navbar-align-right {
		min-width: 674px;
	}

	.dropdown-hover {
		padding-left: 3px;
		padding-right: 3px;
		min-width: 68px;
		width: auto;
	}

	.dropdown-hover a.nav-link {
		padding-left: 0px;
		padding-right: 0px;
	}

	/* DESKTOP NAVBAR 992-1023 LANDSCAPE END */
	/* search form 992-103 start */

	.card-search-dialog {
		background: #fff;
		width: 596px;
	}



	/* search form 992-103 end */

	/* PRIMARY SLIDER 992-103 START  */
	.section-primary-slider {
		top: -98px;
	}

	#carouselPrimary .carousel-item img.w-100 {
		width: 152.86% !important;
		max-width: 152.96%;
		margin-left: -25.64%;
		margin-top: 0px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-item img.w-100 {
		border-radius: 10px;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0px;
	}

	#carouselPrimary .carousel-caption-primary {
		max-width: 910px;
		bottom: 18.24%;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	#carouselPrimary .carousel-control-prev {
		width: 36px;
		height: 36px;
		left: 6px;
	}

	.section-tabulation-overlap {
		width: 100%;
		min-height: 48px;
		height: auto;
		position: relative;
		margin-top: -200px;
	}

	#carouselPrimary .carousel-control-prev .carousel-control-prev-icon {
		width: 1.2rem;
		height: 1.2rem;
		filter: invert(64%);
	}

	#carouselPrimary .carousel-control-next {
		width: 36px;
		height: 36px;
		right: 8px;
	}

	#carouselPrimary .carousel-control-next .carousel-control-next-icon {
		width: 1.2rem;
		height: 1.2rem;
		filter: invert(64%);
	}

	.title-carousel-primary h2 {
		/* font: normal 800 clamp(2.79rem, -3.21rem + 9.6774vw, 2.9775rem) var(--font-poppins); */
		font: normal 700 42.64px/55px var(--font-poppins);
	}

	.right-align-center {
		align-items: center !important;
		-ms-align-items: center !important;
		-moz-align-items: center !important;
		-webkit-align-items: center !important;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 53%;
		flex: 0 0 53%;
		max-width: 53%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.fragment-text-35 {
		-ms-flex: 0 0 42%;
		flex: 0 0 42%;
		max-width: 42%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-40 {
		-ms-flex: 0 0 51%;
		flex: 0 0 51%;
		max-width: 51%;
		text-align: left;
		width: 51%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-50 {
		-ms-flex: 0 0 52%;
		flex: 0 0 52%;
		max-width: 52%;
		text-align: left;
		width: 52%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.center-align-center {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: center !important;
		justify-content: center !important;
		-ms-flex-align: center !important;
		align-items: end !important;
		-ms-align-items: end !important;
		-moz-align-items: end !important;
		-webkit-align-items: end !important;
	}

	.center-align-center .fragment-text-50 {
		-ms-flex: 0 0 74%;
		flex: 0 0 74%;
		max-width: 74%;
		text-align: left;
		width: 74%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.title-carousel-primary p {
		padding-right: 0px;
	}

	.title-carousel-primary {
		padding-right: 0px;
	}

	/* PRIMARY SLIDER 992-103 END  */

	/*  SECTION TAB OVERLAP 992-1023 START */

	.tabultaion-with-icon {
		min-width: 206px;
		max-width: 236px;
	}

	.wrp-tab-infographic {
		width: 100%;
		min-height: 4px;
	}

	.infograpTabsmobile li a {
		min-width: 206px;
		max-width: 232.24px;
	}

	.large-card-news {
		min-height: 320px;
	}

	.large-card-news a img {
		max-width: 103%;
		min-height: 320px;
		object-fit: cover;
	}

	.small-card-news {
		min-height: 150px;
	}

	.small-card-news a img {
		object-fit: cover;
		min-height: 150px;
	}

	.left-infograph-value {
		padding-right: 0px;
	}

	.card-branch-born a {
		min-height: 205px;
		padding: 18px 24px;
	}

	.tab-contents .row-infographic .col-12:nth-child(1) {
		flex: 0 0 auto;
		width: 60%;
		margin-bottom: 6px;
	}

	.tab-contents .row-infographic .col-12:nth-child(2) {
		order: 3;
		flex: 0 0 auto;
		width: 100%;
	}

	.tab-contents .row-infographic .col-12:nth-child(3) {
		flex: 0 0 auto;
		width: 40%;
	}

	.school-teacher-feeds {
		padding-right: 24px;
	}

	.text-naskah-erlangga {
		width: auto;
	}

	.link-store-erlangga {
		display: none;
	}

	.link-store-erlangga-ipad {
		width: 100%;
		min-height: 124px;
		display: flex;
		padding: 24px 2px;
		margin-bottom: 24px;
	}

	/*  SECTION TAB OVERLAP 992-1023 END */

	/* SECTION WEEKLY BOOKS HOME 992-1023 START */
	.book-home .slick-list {
		margin-left: -31px;
		margin-right: -15px;
		margin-top: 36px;
		border-radius: 7.24px;
		overflow: hidden;
	}

	.book-home .slick-prev {
		z-index: 5;
		top: 38%;
		left: -16px;
	}

	.book-home .slick-next {
		right: 12px;
	}

	/* SECTION WEEKLY BOOKS HOME 992-1023 END */
	/* SECTION GLOBAL COMPANY PARTNERS 992-1023 START */

	.feed-news-contents {
		width: 100%;
		min-height: 232px;
		padding: 68px 0px 76px 0px;
	}

	.company-infograph {
		padding: 40px 0px 48px 0px;
	}

	.youtube-chanel-corporate .erlangga-container .row .col-lg-1 {
		flex: 0 0 auto;
		width: 100%;
	}

	.youtube-chanel-corporate .erlangga-container .row .col-lg-11 {
		flex: 0 0 auto;
		width: 100%;
		position: relative;
		z-index: 2;
	}

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

	.row-youtube-card.gutter--24>[class^="col-"] {
		padding-left: 15px;
		padding-right: 15px;
	}

	.youtube-chanel-corporate {
		width: 100%;
		background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center repeat-x;
		background-position-x: center;
		background-position-x: center;
		background-size: auto;
		background-position-x: left;
		background-size: 48%;
		background-position-x: 0px;
		min-height: 104px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 160px;
		padding-top: 66px;
		overflow: hidden;
		position: relative;
	}

	.youtube-chanel-corporate::after {
		content: "";
		width: 118px;
		height: 224px;
		background: url(../images/uploads/background-right-section-youtube-home.png) top center no-repeat;
		background-size: auto;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 0px;
	}

	.youtube-chanel-corporate::before {
		content: "";
		width: 128px;
		height: 224px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: auto;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px;
	}

	.thumbnail-youtube-uploads {
		width: 100%;
		min-height: 180px;
	}

	.youtube-chanel-corporate {
		background-position-x: -246px;
	}

	.company-infograph .row-infograph .col-lg-7 {
		flex: 0 0 auto;
		width: 50%;
	}

	.company-infograph .row-infograph .col-lg-5 {
		flex: 0 0 auto;
		width: 50%;
	}

	.logo-brand-anniversary {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-bottom: 5px;
	}

	.anniversary-company h3 {
		text-align: center;
	}

	.anniversary-company h4 {
		text-align: center;
		margin-bottom: 30px;
	}

	.anniversary-company .btn-transparent-white {
		min-width: 73%;
	}

	.left-infograph-value .col-lg-4:nth-child(1) {
		flex: 0 0 auto;
		width: 50%;
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-lg-4:nth-child(2) {
		flex: 0 0 auto;
		width: 50%;
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-lg-4:nth-child(3) {
		flex: 0 0 auto;
		width: 100%;
		margin-bottom: 48px;
	}

	/* LOGO HOME 992-1023 */
	.partner-logo a {
		width: 196px;
		padding: 10px 12px;
	}

	.company-logo .slick-list {
		overflow: unset;
	}

	.company-logo .slick-list::before {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 110px;
		z-index: 2;
		left: -5.98%;
		top: 0;
	}

	.company-logo .slick-list::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 110%);
		content: "";
		height: 190px;
		position: absolute;
		width: 114px;
		z-index: 2;
		right: -4.96%;
		left: unset;
		top: 0;
		transform: rotateZ(180deg);
	}

	.company-logo .slick-list .slick-track {
		left: 94px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 31px;
		max-height: 66px;
	}

	/* LOGO HOME 992-1023 */

	/* SECTION GLOBAL COMPANY PARTNERS 992-1023 END */

	.centered-cover-frame {
		padding: 30px 15px;
		width: 232px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:first-child {
		margin-top: 6px;
	}

	/* FOOTER SECTION START 992-1023 START */
	.left-footer {
		width: 28.24%;
	}

	.center-footer .item-footer-arrow {
		position: relative;
		padding-left: 24px;
	}

	.center-footer .item-footer-arrow .icon-18 {
		position: absolute;
		left: 0px;
		top: 1px;
	}

	.text-item-footer {
		text-decoration: none;
		width: 82.15%;
	}

	.right-footer {
		width: 26.86%;
	}

	/* FOOTER SECTION START 992-1023 END */

}

/*  MEDIA 992-1023 END */

/*  MEDIA 951-991 START */
@media screen and (min-width: 951px) and (max-width: 991px) {

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	/* CONTAINER 951-991 START*/
	.erlangga-container {
		max-width: 920px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	.default-container {
		max-width: 920px;
	}

	.section-book-catalogue .book-label .label-book {
		width: 200px;
		padding: 4px 8px;
	}

	.section-book-catalogue .book-label .label-book h2 {
		font-family: var(--font-poppins);
		font-size: 1.24rem;
	}

	/* CONTAINER 951-991 END*/

	/* DESKTOP NAVBAR 951-991 START */
	.logo-brand {
		width: 164px;
	}

	.navbar-desc.swipe-up-nav .logo-brand {
		width: 164px;
	}

	.wrp-nav-item {
		min-width: 658px;
		width: auto;
	}

	.navbar-align-right {
		min-width: 658px;
	}

	.dropdown-hover {
		padding-left: 2.5px;
		padding-right: 2.5px;
		min-width: 68px;
		width: auto;
	}

	.dropdown-hover a.nav-link {
		padding-left: 0px;
		padding-right: 0px;
	}

	.navbar-align-right ul li a {
		font-size: clamp(0.8125rem, -1.5946rem + 4.0541vw, 1rem) var(--font-poppins);
		letter-spacing: 0.15px;
	}

	/* DESKTOP NAVBAR 951-991 END */
	/* search form 810 start */

	.card-search-dialog {
		background: #fff;
		width: 574px;
	}

	/* search form 810 end */
	/* PRIMARY SLIDER 951-991 START  */
	.section-primary-slider {
		top: -98px;
	}

	#carouselPrimary .carousel-item img.w-100 {
		width: 143.86% !important;
		max-width: 143.86% !important;
		margin-left: -22.64%;
		margin-top: 0px;
	}


	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-item img.w-100 {
		border-radius: 10px;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0px;
	}

	#carouselPrimary .carousel-caption-primary {
		max-width: 910px;
		bottom: 6.4%;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
	}

	#carouselPrimary .carousel-control-prev {
		width: 36px;
		height: 36px;
		left: 6px;
	}

	.section-tabulation-overlap {
		width: 100%;
		min-height: 1px;
		height: auto;
		position: relative;
		margin-top: -200px;
	}

	#carouselPrimary .carousel-control-prev .carousel-control-prev-icon {
		width: 1.2rem;
		height: 1.2rem;
		filter: invert(64%);
	}

	#carouselPrimary .carousel-control-next {
		width: 36px;
		height: 36px;
		right: 8px;
	}

	#carouselPrimary .carousel-control-next .carousel-control-next-icon {
		width: 1.2rem;
		height: 1.2rem;
		filter: invert(64%);
	}

	.title-carousel-primary h2 {
		/* font: normal 800 clamp(2.79rem, -3.21rem + 9.6774vw, 2.9775rem) var(--font-poppins); */
		font: normal 700 44.76px/54px var(--font-poppins);
	}

	.fragment-text-35 {
		-ms-flex: 0 0 42%;
		flex: 0 0 42%;
		max-width: 42%;
		text-align: left;
		width: 42%;
	}

	/* PRIMARY SLIDER 951-991 END  */

	/*  SECTION TAB OVERLAP 951-991 START */
	.tabultaion-with-icon {
		min-width: 206px;
		max-width: 224px;
	}

	.wrp-tab-infographic {
		width: 100%;
		min-height: 1px;
	}

	.infograpTabsmobile li a {
		min-width: 224px;
		max-width: 224px;
	}

	.icon-square {
		width: 46px;
		height: 46px;
	}

	.large-card-news {
		min-height: 320px;
	}

	.large-card-news a img {
		max-width: 103%;
		min-height: 320px;
		object-fit: cover;
	}

	.small-card-news {
		min-height: 150px;
	}

	.small-card-news a img {
		object-fit: cover;
		min-height: 150px;
	}

	.left-infograph-value {
		padding-right: 0px;
	}

	.card-branch-born a {
		min-height: 205px;
		padding: 18px 24px;
	}

	.row-infographic .col-md-12 {
		order: 3;
	}

	.text-naskah-erlangga {
		width: auto;
	}

	.link-store-erlangga {
		display: none;
	}

	.link-store-erlangga-ipad {
		width: 100%;
		min-height: 124px;
		display: flex;
		padding: 24px 24px;
		margin-bottom: 24px;
	}

	/*  SECTION TAB OVERLAP 951-991 END */

	/* SECTION WEEKLY BOOKS HOME 951-991 START */
	.left-book-label {
		min-height: 48px;
	}

	.section-weekly-books .wrp-left-book-label {
		width: 100%;
		min-height: 2px;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
	}

	.section-weekly-books .wrp-left-book-label .label-book-weekly {
		width: 100%;
		min-height: 2px;
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		-ms-justify-content: space-between;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
	}

	.section-weekly-books .book-home .slick-list {
		margin-left: -12px;
	}

	.wrp-left-book-label::before {
		display: none;
	}

	.feed-news-contents {
		width: 100%;
		min-height: 232px;
		padding: 72px 0px 88px 0px;
	}

	.school-teacher-feeds {
		padding-right: 20px;
	}

	.card-book-gallery {
		background: transparent none;
		width: 186px;
		min-height: 270px;
		max-height: 270px;
	}

	.book-home .book-slide-gallery .card-book-gallery a.real-cover img {
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		border-radius: 15.64px;
	}

	.book-home .slick-slide {
		margin-left: 20px;
		margin-right: 20px;
	}

	.section-weekly-books .book-home {
		margin-left: -20px;
	}

	.section-weekly-books .book-home .slick-prev {
		left: 7px;
	}

	.section-weekly-books .book-home .slick-next {
		right: -6px;
	}

	/* SECTION WEEKLY BOOKS HOME 951-991 END */
	/* SECTION GLOBAL COMPANY PARTNERS 951-991 START */
	.company-infograph {
		padding: 48px 0px;
	}

	.align-youtube {
		padding-bottom: 56px;
		padding-top: 48px;
	}

	.left-infograph-value .col-md-6 .card-branch-born {
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-md-12 .card-branch-born {
		margin-bottom: 48px;
	}

	.youtube-chanel-corporate {
		width: 100%;
		background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center repeat-x;
		background-position-x: center;
		background-size: auto;
		background-position-x: left;
		background-size: auto;
		background-size: 78%;
		background-position-x: 0px;
		min-height: 104px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 174px;
		padding-top: 48px;
		overflow: hidden;
		position: relative;
	}

	.youtube-chanel-corporate::before {
		content: "";
		width: 218px;
		height: 224px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px;
	}

	.youtube-chanel-corporate::after {
		content: "";
		width: 208px;
		height: 224px;
		background: url(../images/uploads/background-right-section-youtube-home.png) top center no-repeat;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 0px;
	}

	.action-channel {
		display: none !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block .text-action-channel .action-channel {
		display: block !important;
		width: 100%;
		margin-top: 48px;
	}

	.youtube-chanel-corporate .col-12.d-md-block.pb-5 {
		margin-bottom: 0px !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block.mb-5 {
		margin-bottom: 0px !important;
	}

	.thumbnail-youtube-uploads {
		display: flex;
		flex-wrap: wrap;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.row-youtube-card .col-md-6:nth-child(2) {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-youtube-card .col-md-6:nth-child(3) {
		flex: 0 0 auto;
		width: 50%;
	}

	.partner-logo a {
		width: 146px;
		min-height: 32px;
		padding: 10px 16px;
	}

	.logo-brand-anniversary {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-bottom: 5px;
	}

	.anniversary-company h3 {
		text-align: center;
	}

	.anniversary-company h4 {
		text-align: center;
		margin-bottom: 30px;
	}

	.anniversary-company .btn-transparent-white {
		min-width: 74.24%;
	}

	/* LOGO HOME 834 */
	.partner-logo a {
		width: 184px;
		padding: 10px 12px;
	}

	.company-logo .slick-list {
		overflow: unset;
	}

	.company-logo .slick-list::before {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 200px;
		position: absolute;
		width: 114px;
		z-index: 2;
		left: -5.32%;
		top: 0;
	}

	.company-logo .slick-list::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 200px;
		position: absolute;
		width: 114px;
		z-index: 2;
		right: -5.24%;
		left: unset;
		top: 0;
		transform: rotateZ(180deg);
	}

	.company-logo .slick-list .slick-track {
		left: 100px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 31px;
		max-height: 66px;
	}

	/* LOGO HOME 834 */

	/* SECTION GLOBAL COMPANY PARTNERS 951-991 END */

	.section-weekly-books.katalog-white-bg .col-lg-9 {
		flex: 0 0 auto;
		width: 90.56%;
	}

	.act-new-book a:first-child {
		margin-bottom: 12px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:first-child {
		margin-top: 6px;
	}

	.centered-cover-frame {
		padding: 30px 10px;
		width: 100%;
	}

	.section-book-catalogue .row .col-md-3 {
		flex: 0 0 auto;
		width: 100%;
	}

	.section-book-catalogue .row .col-md-9 {
		flex: 0 0 auto;
		width: 100%;
	}


	/* FOOTER 951-991 START */
	.left-footer {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		height: 192px;
		width: 100%;
		overflow: hidden;

	}

	.left-footer .footer-brand {
		flex: 0 0 100%;
		order: 1;
		width: 236px;
		order: 1;
		min-height: 52px;
		max-height: 58px;
		display: flex;
		margin-bottom: 15px;
		margin-top: 48px;

	}

	.left-footer .footer-label.satu {
		min-height: 86px;
		width: 214px;
		order: 3;
		flex: 0 0 0;
		width: calc(100% - 236px);
		margin-top: 6px;
	}

	.left-footer .footer-label.dua {
		flex: 0 0 0;
		min-height: 86px;
		order: 2;
		width: 214px;
		order: 1;
		flex: 0 0 0;
		width: calc(100% - 236px);
	}

	.center-footer {
		width: 60.5%;
		max-width: 60.5%;
	}

	.center-footer .row .col-sm-12 {
		flex: 0 0 auto;
		width: 50%;
	}

	.center-footer .item-footer-arrow {
		position: relative;
		padding-left: 24px;
	}

	.center-footer .item-footer-arrow .icon-18 {
		position: absolute;
		left: 0px;
		top: 1px;
	}

	.text-item-footer {
		text-decoration: none;
		width: 82.15%;
	}

	.right-footer {
		width: 38.5%;
		max-width: 40%;
	}

	.wrp-hello-erlangga {
		max-width: 186px;
		min-height: 32px;
	}

	.show-hide-kit {
		display: flex;
	}

	.show-hide-addres {
		display: flex;
	}

	/* FOOTER SECTION 951-991 END */

}

/*  MEDIA 951-991 END */

/* MEDIA 835-950 START */
@media screen and (min-width: 835px) and (max-width: 950px) {

	html,
	body {
		overflow-x: clip;
		display: block;
	}

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

	/* CONTAINER 835-950 START*/
	.erlangga-container {
		max-width: 830px;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	.default-container {
		max-width: 830px;
		margin: 0 auto;
	}

	/* CONTAINER 835-950 END*/
	/* DESKTOP NAVBAR 835-950 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}

	.navbar-mobile.active {
		background: var(--blue-900);
		visibility: visible;
		z-index: 10;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-align-right {
		min-width: 112px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		margin-right: -5px;
	}

	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -10px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--white-one);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--white-one);
	}

	/* DESKTOP NAVBAR 835-950 END */


	/* MOBILE NABAR 835-950 START*/

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--blue-900);
		top: 0px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		visibility: hidden;
	}

	.wrp-navbar-mobile {
		width: 100%;
		height: auto;
		display: block
	}

	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 96px 15px 0px 15px;
		max-width: 830px;
		margin: 0 auto;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: var(--blue-900);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto
	}

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--white-one);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--white-one);
		font: normal 400 16px/25.64px var(--font-poppins);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100% -webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-poppins);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.logo-brand {
		width: 176px;
	}

	.navbar-desc.swipe-up-nav .logo-brand {
		width: 176px;
	}

	/* MOBILE NAVBAR 835-950 END */
	/* search form 835-950 start */

	.card-search-dialog {
		background: #fff;
		width: 596px;
	}

	.search-general {
		position: absolute;
		z-index: 11;
		top: 0px;
	}

	.text-type-search {
		min-width: 96%;
	}

	/* search form 835-950 end */
	/* PRIMARY SLIDER 835-950 START */

	#carouselPrimary .carousel-item img.w-100 {
		width: 165.86% !important;
		max-width: 165.86% !important;
		margin-left: -33.16%;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-item img {
		border-radius: 10px;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary.carousel {
		min-height: 220px;
	}

	.wrp-caption-primary {
		padding: 0px 24px 76px 24px;
		z-index: 4;
		position: relative;
	}

	.left-align-center {
		align-items: flex-end !important;
		-ms-flex-align: center !important;
		-moz-align-items: flex-end !important;
		-webkit-align-items: flex-end !important;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.title-carousel-primary {
		/* text-align: center !important; */
	}

	.right-align-center {
		align-items: end !important;
		-ms-align-items: end !important;
		-moz-align-items: end !important;
		-webkit-align-items: end !important;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.fragment-text-35 {
		-ms-flex: 0 0 41%;
		flex: 0 0 41%;
		max-width: 41%;
		text-align: left;
		width: 41%;
	}

	.fragment-text-40 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-50 {
		-ms-flex: 0 0 56%;
		flex: 0 0 56%;
		max-width: 56%;
		text-align: left;
		width: 56%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
		padding-left: 40px;
	}

	.center-align-center {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: center !important;
		justify-content: center !important;
		-ms-flex-align: center !important;
		align-items: end !important;
		-ms-align-items: end !important;
		-moz-align-items: end !important;
		-webkit-align-items: end !important;
	}

	.center-align-center .fragment-text-50 {
		-ms-flex: 0 0 72%;
		flex: 0 0 72%;
		max-width: 72%;
		text-align: left;
		width: 72%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		padding-left: 0px;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.title-carousel-primary p {
		padding-right: 0px;
	}

	.title-carousel-primary {
		/* text-align: center !important; */
		padding-right: 0px;
	}


	.title-carousel-primary h2 {
		/* font: normal 800 clamp(2.915rem, 1.3103rem + 2.7027vw, 3.04rem) var(--font-poppins); */
		font: normal 700 40.64px/51px var(--font-poppins);
	}

	.wrp-cta-carousel {
		min-width: 256px;
		max-width: 294px;
		min-height: 74px;
		overflow: hidden;
		z-index: 3;
		position: relative;
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: start;
		-ms-justify-content: start;
		-moz-justify-content: start;
		-webkit-justify-content: start;
		/* margin: 0 auto; */
	}

	#carouselPrimary .carousel-indicators {
		bottom: 156px;
		z-index: 4;
	}


	.tabulation-title {
		width: 76.10%;
		padding-left: 13px;
	}

	#carouselPrimary .carousel-caption-primary {
		max-width: 1110px;
		bottom: 16.94%;
	}

	/* PRIMARY SLIDER 835-950 END */

	/*  SECTION TAB OVERLAP 835-950 START */
	.section-tabulation-overlap {
		position: relative;
		margin-top: -314px;
		z-index: 6;
	}

	.school-teacher-feeds {
		padding-right: 24px;
	}

	.tab-contents .row-infographic .col-12:nth-child(1) {
		flex: 0 0 auto;
		width: 60%;
		margin-bottom: 6px;
	}

	.feed-news-contents .row-infographic .col-12:nth-child(1) {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-infographic .col-12:nth-child(3) {
		flex: 0 0 auto;
		width: 40%;
	}

	.row-infographic .col-12:nth-child(2) {
		order: 3;
		flex: 0 0 auto;
		width: 100%;
	}


	.wrp-tab-infographic {
		width: 100%;
		min-height: 4px;
	}

	.infograpTabsmobile li a {
		min-width: 200px;
		max-width: 236px;
	}

	.tabultaion-with-icon {
		min-width: 200px;
		max-width: 236px;
	}

	.tabulation-title {
		width: 78.14%;
		padding-left: 13px;
	}

	.icon-square {
		width: 42px;
		height: 42px;
	}

	.large-card-news {
		position: relative;
		width: 100%;
		min-height: 256px;
	}

	.large-card-news a img {
		max-width: 102%;
		object-fit: cover;
		min-height: 256px;
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 116px;
	}

	.small-card-news a img {
		object-fit: cover;
		min-height: 115px;
	}

	a.title-news-small {
		padding: 12px 12px 10px 12px;
	}

	.tab-contents {
		padding: 56px 18px 48px 18px;
	}

	a.title-news-small {
		padding: 12px 18px 10px 18px;
	}

	.tabulation-title {
		width: 74.64%;
		padding-left: 12px;
	}

	.infograpTabsmobile li a {
		min-width: 187.5px;
		max-width: 226.5px;
	}

	.section-weekly-books {
		top: 6px;
		padding-top: 76px;
	}

	.tabultaion-with-icon {
		min-width: 146.5px;
		max-width: 186px;
	}

	.icon-square {
		width: 36px;
		height: 36px;
		border-radius: 14px;
	}

	.icon-square .icon-24 {
		width: 18px;
		height: 18px;
	}

	.infograpTabsmobile {
		margin-bottom: 15px;
		margin-left: 0px;
	}

	.text-item-arrow {
		width: 80%;
	}

	.summary-desc-services {
		width: 68.24%;
	}

	.icon-services-brand {
		width: 46px;
		height: 46px;
	}

	.conten-highlights {
		width: 100%;
		min-height: 92px;
	}

	.conten-highlights a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 92px;
	}

	.wrp-tab-infographic .tab {
		position: relative;
		top: -16.25px;
	}

	.wrp-left-book-label::before {
		display: none;
	}

	.link-store-erlangga {
		display: none;
	}

	.link-store-erlangga-ipad {
		width: 100%;
		min-height: 124px;
		display: flex;
		padding: 24px 2px;
		margin-bottom: 24px;
	}

	/*  SECTION TAB OVERLAP 835-950 END */
	.book-home {
		z-index: 4;
		position: relative;
		margin-left: -20px;
		padding-left: 32px;
		padding-right: 6px;
		left: 76px;
	}

	.left-infograph-value .col-md-6 .card-branch-born {
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-md-12 .card-branch-born {
		margin-bottom: 48px;
	}

	.anniversary-company {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-bottom: 5px;
	}

	.anniversary-company h3 {
		text-align: center;
	}

	.anniversary-company h4 {
		text-align: center;
		margin-bottom: 30px;
	}

	.btn-transparent-white {
		min-width: 100%;
	}

	.logo-brand-anniversary {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}


	/* SECTION CARD NEWS FEEDS 835-950 START */
	.label-book-weekly a {
		display: none;
	}

	.more-book-weekly {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin-top: 24px;
	}

	.row-small-card {
		display: flex;
		display: inline-flex;
		flex-wrap: nowrap !important;
		overflow-x: scroll;
	}

	.row-small-card .column-sm-news:nth-child(2) {
		margin-top: 10px;
	}

	.row-small-card .column-sm-news:first-child {
		margin-top: 12px;
		margin-bottom: 0px;
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 128px;
	}

	.card-branch-born a {
		min-height: 180px;
	}

	.small-card-news a img {
		max-width: 114%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	.section-weekly-books .wrp-left-book-label .left-book-label {
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-wrap: wrap;
		display: flex;
		min-height: 34px;
	}

	.wrp-left-book-label {
		min-height: 32px;
	}

	.label-book-weekly h2 br {
		display: none;
	}

	.youtube-chanel-corporate {
		width: 100%;
		background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center repeat-x;
		background-position-x: left;
		background-size: auto;
		background-size: contain;
		background-position-x: 0px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 148px;
		padding-top: 48px;
		overflow: hidden;
		position: relative;
		background-size: 61%;
	}

	.youtube-chanel-corporate::before {
		content: "";
		width: 176px;
		height: 224px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px;
	}

	.youtube-chanel-corporate::after {
		content: "";
		width: 156px;
		height: 224px;
		background: url(../images/uploads/background-right-section-youtube-home.png) top center no-repeat;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 0px;
	}

	.action-channel {
		display: none !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block .text-action-channel .action-channel {
		display: block !important;
		width: 100%;
		margin-top: 48px;
	}

	.youtube-chanel-corporate .col-12.d-md-block.pb-5 {
		margin-bottom: 0px !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block.mb-5 {
		margin-bottom: 0px !important;
	}

	.thumbnail-youtube-uploads {
		display: flex;
		flex-wrap: wrap;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.row-youtube-card .col-md-6:nth-child(2) {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-youtube-card .col-md-6:nth-child(3) {
		flex: 0 0 auto;
		width: 50%;
	}

	.logo-brand-anniversary {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-bottom: 5px;
	}

	.anniversary-company h3 {
		text-align: center;
	}

	.anniversary-company h4 {
		text-align: center;
		margin-bottom: 30px;
	}

	.feed-news-contents {
		width: 100%;
		min-height: 232px;
		padding: 98px 0px 93px 0px;
	}

	/* SECTION CARD NEWS FEEDS 835-950 END */
	.act-new-book a:first-child {
		margin-bottom: 12px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:first-child {
		margin-top: 6px;
	}

	.centered-cover-frame {
		padding: 30px 10px;
		width: 100%;
	}

	.centered-cover-frame {
		padding: 30px 15px;
		width: 232px;
	}

	/* LOGO HOME 835-950 */
	.partner-logo a {
		width: 184px;
		padding: 10px 12px;
	}

	.company-logo .slick-list {
		overflow: unset;
	}

	.company-logo .slick-list::before {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 100px;
		z-index: 2;
		left: -8.98%;
		top: 0;
	}

	.company-logo .slick-list::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 95px;
		z-index: 2;
		right: -8.96%;
		left: unset;
		top: 0;
		transform: rotateZ(180deg);
	}

	.company-logo .slick-list .slick-track {
		left: 100px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 31px;
		max-height: 66px;
	}

	/* LOGO HOME 835-950 */


	/* SECTION FOOTER 835-950 START */

	.left-footer {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		height: 192px;
		width: 100%;
		overflow: hidden;

	}

	.left-footer .footer-brand {
		flex: 0 0 100%;
		order: 1;
		width: 236px;
		order: 1;
		min-height: 52px;
		max-height: 58px;
		display: flex;
		margin-bottom: 15px;
		margin-top: 48px;

	}

	.left-footer .footer-label.satu {
		min-height: 86px;
		width: 214px;
		order: 3;
		flex: 0 0 0;
		width: calc(100% - 236px);
		margin-top: 6px;
	}

	.left-footer .footer-label.dua {
		flex: 0 0 0;
		min-height: 86px;
		order: 2;
		width: 214px;
		order: 1;
		flex: 0 0 0;
		width: calc(100% - 236px);
	}

	.center-footer {
		width: 60.5%;
		max-width: 60.5%;
	}

	.center-footer .row .col-sm-12 {
		flex: 0 0 auto;
		width: 50%;
	}

	.center-footer .item-footer-arrow {
		position: relative;
		padding-left: 24px;
	}

	.center-footer .item-footer-arrow .icon-18 {
		position: absolute;
		left: 0px;
		top: 1px;
	}

	.text-item-footer {
		text-decoration: none;
		width: 82.15%;
	}

	.right-footer {
		width: 38.5%;
		max-width: 40%;
	}

	.wrp-hello-erlangga {
		max-width: 186px;
		min-height: 32px;
	}

	.show-hide-kit {
		display: flex;
	}

	.show-hide-addres {
		display: flex;
	}

	/* SECTION FOOTER 835-950 END */

}

/* MEDIA 835-950 END */

/* MEDIA 834 DEVICES START */

@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) {

	html,
	body {
		overflow-x: clip;
		display: block;
	}

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

	/* CONTAINER 834 START*/
	.erlangga-container {
		max-width: 100%;
		margin: 0 auto;
		margin-right: auto;
		margin-left: auto;
	}

	/* CONTAINER 834 END*/

	.btn-transparent-white {
		min-width: 132px;
	}

	/* DESKTOP NAVBAR 834 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}

	.navbar-mobile.active {
		background: var(--blue-900);
		visibility: visible;
		z-index: 10;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-align-right {
		min-width: 112px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		margin-right: -5px;
	}

	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -10px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--white-one);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--white-one);
	}

	/* DESKTOP NAVBAR 834 END */


	/* MOBILE NABAR 834 START*/

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--blue-900);
		top: 0px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		visibility: hidden;
	}

	.wrp-navbar-mobile {
		width: 100%;
		height: auto;
		display: block
	}

	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 96px 15px 0px 15px;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: var(--blue-900);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto
	}

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--white-one);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--white-one);
		font: normal 400 16px/25.64px var(--font-poppins);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100% -webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-poppins);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.logo-brand {
		width: 176px;
	}

	.navbar-desc.swipe-up-nav .logo-brand {
		width: 176px;
	}

	/* MOBILE NAVBAR 834 END */
	/* search form 834 start */

	.card-search-dialog {
		background: #fff;
		width: 596px;
	}

	.search-general {
		position: absolute;
		z-index: 11;
		top: 0px;
	}

	.text-type-search {
		min-width: 94.5%;
	}

	/* search form 834 end */

	/* PRIMARY SLIDER 834 START */

	#carouselPrimary .carousel-item img.w-100 {
		width: 165.86% !important;
		max-width: 165.86% !important;
		margin-left: -33.16%;
		margin-top: -6px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-item img.w-100 {
		border-radius: 10px;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0px;
		margin-top: 0px;
	}

	.wrp-caption-primary {
		padding: 0px 24px 76px 24px;
		z-index: 4;
		position: relative;
	}

	.left-align-center {
		align-items: flex-end !important;
		-ms-flex-align: center !important;
		-moz-align-items: flex-end !important;
		-webkit-align-items: flex-end !important;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.right-align-center {
		align-items: end !important;
		-ms-align-items: end !important;
		-moz-align-items: end !important;
		-webkit-align-items: end !important;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.fragment-text-35 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-40 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.center-align-center {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: center !important;
		justify-content: center !important;
		-ms-flex-align: center !important;
		align-items: end !important;
		-ms-align-items: end !important;
		-moz-align-items: end !important;
		-webkit-align-items: end !important;
	}

	.center-align-center .fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.title-carousel-primary p {
		padding-right: 0px;
	}

	.title-carousel-primary {
		text-align: center !important;
		padding-right: 0px;
	}

	.title-carousel-primary h2 {
		/* font: normal 800 clamp(2.915rem, 1.3103rem + 2.7027vw, 3.04rem) var(--font-poppins); */
		font: normal 700 44.64px/52px var(--font-poppins);
	}

	.wrp-cta-carousel {
		min-width: 256px;
		max-width: 294px;
		min-height: 74px;
		overflow: hidden;
		z-index: 3;
		position: relative;
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin: 0 auto;
	}

	#carouselPrimary .carousel-indicators {
		bottom: 96px;
		z-index: 4;
	}

	.section-primary-slider {
		top: -69px;
	}

	.section-tabulation-overlap {
		min-height: 0.4px;
		margin-top: -164px;
	}

	/* PRIMARY SLIDER 834 END */

	/*  SECTION TAB OVERLAP 834 START */
	.tabultaion-with-icon {
		min-width: 158px;
		max-width: 220px;
	}

	.section-weekly-books {
		position: relative;
		top: -20px;
		padding: 60px 0px 48px 0px;
	}
	.section-best-selling {
		padding: 8px 0px 14px 0px;
	}
	.wrp-tab-infographic {
		width: 100%;
		min-height: 0.4px;
	}

	.infograpTabsmobile {
		margin-left: 0px;
	}

	.infograpTabsmobile li a {
		min-width: 158px;
		max-width: 216.5px;
	}

	.align-youtube {
		/* padding-bottom: 56px;
		padding-top: 48px; */
		padding-bottom: 32px;
		padding-top: 48px;
	}

	.card-branch-born a {
		min-height: 168px;
		padding: 18px 24px;
	}

	.left-infograph-value .col-md-6 .card-branch-born {
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-md-12 .card-branch-born {
		margin-bottom: 48px;
	}

	.icon-square {
		width: 38px;
		height: 38px;
		border-radius: 14px;
	}

	.icon-square .icon-24 {
		width: 20px;
		height: 20px;
	}

	.large-card-news {
		min-height: 320px;
	}

	.large-card-news a img {
		max-width: 103%;
		min-height: 320px;
		object-fit: cover;
	}

	.small-card-news {
		min-height: 150px;
	}

	.small-card-news a img {
		object-fit: cover;
		min-height: 150px;
	}

	.left-infograph-value {
		padding-right: 0px;
	}

	.card-branch-born a {
		min-height: 205px;
		padding: 18px 24px;
	}

	a.title-news-small {
		padding: 12px 18px 10px 18px;
	}

	.tabulation-title {
		width: 73.14%;
		padding-left: 12px;
	}

	.row-infographic .col-md-12 {
		order: 3;
	}

	.link-store-erlangga {
		display: none;
	}

	.link-store-erlangga-ipad {
		width: 100%;
		min-height: 124px;
		display: flex;
		padding: 24px 0px;
		margin-bottom: 24px;
	}

	.text-naskah-erlangga {
		width: auto;
	}
	.thumb-featured-newshome a {
		min-height: 206px;
		max-height: 208px;
	}
	/*  SECTION TAB OVERLAP 834 END */
	/*  SECTION GLOBAL COMPANY PARTNERS  834 START */

	.row-infograph .col-md-5 {
		flex: 0 0 auto;
		width: 52%;
	}

	.row-infograph .col-md-7 {
		flex: 0 0 auto;
		width: 48%;
		padding-right: 24px;
	}

	.left-infograph-value {
		padding-right: 0px;
		margin-top: 52px;
		margin-bottom: 62px;
	}

	.logo-brand-anniversary {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-bottom: 5px;
	}

	.anniversary-company h3 {
		text-align: center;
	}

	.anniversary-company h4 {
		text-align: center;
		margin-bottom: 30px;
	}

	.youtube-chanel-corporate {
		/* width: 100%;
		background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center no-repeat;
		background-position-x: left;
		background-size: auto;
		background-size: contain;
		background-position-x: 0px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 148px;
		padding-top: 48px;
		overflow: hidden;
		position: relative; */
		width: 100%;
		background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
		background-position-x: center;
		background-position-y: top;
		background-size: auto;
		background-position-x: center;
		background-position-y: top;
		background-size: auto;
		background-position-x: center;
		background-position-y: top;
		background-size: auto;
		background-position-x: -120px;
		background-position-y: 32px;
		background-size: 154.24px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 32px;
		padding-top: 48px;
		overflow: hidden;
		position: relative;

	}

	.youtube-chanel-corporate::before {
		/* content: "";
		width: 218px;
		height: 224px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px; */

		content: "";
		width: 130px;
		height: 200px;
		background: url(../images/svg/image-patter-left-youtube.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: auto;
		background-size: 100%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 24px;


	}

	.youtube-chanel-corporate::after {
		/* content: "";
		width: 204px;
		height: 208px;
		background: url(../images/uploads/background-right-section-youtube-home.png) top center no-repeat;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 0px; */
		content: "";
		width: 130px;
		height: 200px;
		background-size: 94%;
		background: url(../images/svg/image-patter-right-youtube.svg) top center no-repeat;
		position: absolute;
		left: unset;
		right: -6px;
		top: 24px;
	}

	.action-channel {
		display: none !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block .text-action-channel .action-channel {
		display: block !important;
		width: 76%;
		margin-top: 48px;
	}

	.youtube-chanel-corporate .col-12.d-md-block.pb-5 {
		margin-bottom: 0px !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block.mb-5 {
		margin-bottom: 0px !important;
	}

	/* LOGO HOME 834 */
	.partner-logo a {
		width: 170px;
		padding: 10px 14px;
	}

	.company-logo .slick-list {
		overflow: unset;
	}

	.company-logo .slick-list::before {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 64px;
		z-index: 2;
		left: -19px;
		top: 0;
	}

	.company-logo .slick-list::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 64px;
		z-index: 2;
		right: -18px;
		left: unset;
		top: 0;
		transform: rotateZ(180deg);
	}

	.company-logo .slick-list .slick-track {
		left: 100px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 31px;
		max-height: 66px;
	}

	/* LOGO HOME 834 */

	/*  SECTION GLOBAL COMPANY PARTNERS 834 END */

	/* SECTION WEEKLY BOOKS HOME 834 START */

	.wrp-left-book-label {
		width: 100%;
		min-height: 22px;
	}

	.left-book-label {
		width: 100%;
		min-height: 24px;
	}

	.section-weekly-books .wrp-left-book-label .left-book-label {
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-wrap: wrap;
		display: flex;
	}

	.section-weekly-books .book-home {
		left: 0px;
		margin-left: 15px;
	}

	.section-weekly-books .book-home .slick-list {
		margin-left: -40px;
	}

	.label-book-weekly h2 br {
		display: none;
	}

	.label-book-weekly a {
		display: none;
	}

	.more-book-weekly {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.wrp-left-book-label::before {
		display: none;
	}

	/* SECTION WEEKLY BOOKS HOME 834 END */
	.centered-cover-frame {
		padding: 30px 15px;
		width: 230px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:first-child {
		margin-top: 6px;
	}

	/* SECTION FOTER 834 START */

	.left-footer {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		height: 192px;
		width: 100%;
		overflow: hidden;
	}

	.left-footer .footer-brand {
		flex: 0 0 100%;
		order: 1;
		width: 236px;
		order: 1;
		min-height: 52px;
		max-height: 58px;
		display: flex;
		margin-bottom: 15px;
		margin-top: 48px;

	}

	.left-footer .footer-label.satu {
		min-height: 86px;
		width: 214px;
		order: 3;
		flex: 0 0 0;
		width: calc(100% - 236px);
		margin-top: 6px;
	}

	.left-footer .footer-label.dua {
		flex: 0 0 0;
		min-height: 86px;
		order: 2;

		width: 214px;
		order: 1;
		flex: 0 0 0;
		width: calc(100% - 236px);
	}

	.show-hide-kit {
		display: flex;
	}

	.show-hide-addres {
		display: flex;
	}

	.center-footer {
		width: 61%;
		max-width: 60%;
	}

	.right-footer {
		width: 39%;
		max-width: 40%;
	}

	.wrp-hello-erlangga {
		max-width: 186px;
		min-height: 32px;
	}

	/* SECTION FOTER 834 END */

	/* SECTION WEEKLY BOOKS HOME 834 START */

	.book-home .slick-prev {
		z-index: 5;
		margin-left: -18px;
		left: 5px;
	}

	.book-home .slick-next {
		z-index: 5;
		top: 38.14%;
		right: 10px;

	}

	.more-book-weekly a {
		margin-top: 32px;
		margin-bottom: 40px;
	}
	.feed-news-contents{
		padding: 24px 0px 74px 0px;
	}


	/* SECTION WEEKLY BOOKS HOME 834 END */
}

/* MEDIA 834 DEVICES END */

/* 820 DEVICES START */
@media only screen and (min-device-width: 820px) and (max-device-width: 820px) and (orientation: portrait) {

	html,
	body {
		overflow-x: clip;
		display: block;
	}

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

	/* CONTAINER 820 START*/
	.erlangga-container {
		max-width: 100%;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	.default-container {
		max-width: 100%;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	/* CONTAINER 820 END*/
	.btn-transparent-white {
		min-width: 100%;
	}

	/* DESKTOP NAVBAR 820 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}

	.navbar-mobile.active {
		background: var(--blue-900);
		visibility: visible;
		z-index: 10;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-align-right {
		min-width: 112px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		margin-right: -5px;
	}

	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -10px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--white-one);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--white-one);
	}

	/* DESKTOP NAVBAR 820 END */


	/* MOBILE NABAR 820 START*/

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--blue-900);
		top: 0px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		visibility: hidden;
	}

	.wrp-navbar-mobile {
		width: 100%;
		height: auto;
		display: block
	}

	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 96px 15px 0px 15px;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: var(--blue-900);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto
	}

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--white-one);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--white-one);
		font: normal 400 16px/25.64px var(--font-poppins);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100% -webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-poppins);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.logo-brand {
		width: 176px;
	}

	.navbar-desc.swipe-up-nav .logo-brand {
		width: 176px;
	}

	/* MOBILE NAVBAR 820 END */
	/* search form 820 start */

	.card-search-dialog {
		background: #fff;
		width: 564px;
	}

	/* search form 820 end */

	/* PRIMARY SLIDER 820 START */

	#carouselPrimary .carousel-item img.w-100 {
		width: 142.86% !important;
		max-width: 142.86% !important;
		margin-left: -21.16%;
		margin-top: 129px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-item img.w-100 {
		border-radius: 10px;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0px;
		margin-top: 0px;
	}

	.wrp-caption-primary {
		padding: 0px 24px 76px 24px;
		z-index: 4;
		position: relative;
	}

	.left-align-center {
		align-items: flex-end !important;
		-ms-flex-align: center !important;
		-moz-align-items: flex-end !important;
		-webkit-align-items: flex-end !important;
	}

	.right-align-center {
		align-items: end !important;
		-ms-align-items: end !important;
		-moz-align-items: end !important;
		-webkit-align-items: end !important;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.fragment-text-35 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-40 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.center-align-center {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: center !important;
		justify-content: center !important;
		-ms-flex-align: center !important;
		align-items: end !important;
		-ms-align-items: end !important;
		-moz-align-items: end !important;
		-webkit-align-items: end !important;
	}

	.center-align-center .fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.title-carousel-primary p {
		padding-right: 0px;
	}

	.title-carousel-primary {
		text-align: center !important;
		padding-right: 0px;
	}

	.title-carousel-primary h2 {
		/* font: normal 800 clamp(2.915rem, 1.3103rem + 2.7027vw, 3.04rem) var(--font-poppins); */
		font: normal 700 40.64px/51px var(--font-poppins);
	}

	.wrp-cta-carousel {
		min-width: 256px;
		max-width: 294px;
		min-height: 74px;
		overflow: hidden;
		z-index: 3;
		position: relative;
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin: 0 auto;
	}

	#carouselPrimary .carousel-indicators {
		bottom: 156px;
		z-index: 4;
	}

	.link-store-erlangga-ipad {
		width: 100%;
		min-height: 124px;
		display: flex;
		padding: 24px 2px;
		margin-bottom: 24px;
	}

	.text-naskah-erlangga {
		width: auto;
	}

	.link-store-erlangga {
		display: none;
	}

	.label-book-weekly a {
		display: none;
	}

	.more-book-weekly {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.more-book-weekly a {
		width: 96%;
		margin-top: 0px;
		margin-bottom: 52px;
		position: relative;
	}

	#carouselPrimary.carousel {
		min-height: 814px;
	}


	/* PRIMARY SLIDER 820 END */

	.section-weekly-books {
		position: relative;
		top: 15px;
		padding: 50px 0px 24px 0px;
	}

	/*  SECTION TAB OVERLAP 820 START */
	.section-tabulation-overlap {
		position: relative;
		margin-top: -314px;
		z-index: 6;
	}

	.school-teacher-feeds {
		padding-right: 24px;
	}

	.tab-contents .row-infographic .col-12:nth-child(1) {
		flex: 0 0 auto;
		width: 60%;
		margin-bottom: 6px;
	}

	.feed-news-contents .row-infographic .col-12:nth-child(1) {
		flex: 0 0 auto;
		width: 100%;
	}

	.row-infographic .col-12:nth-child(3) {
		flex: 0 0 auto;
		width: 40%;
	}

	.row-infographic .col-12:nth-child(2) {
		order: 3;
		flex: 0 0 auto;
		width: 100%;
	}

	.row-small-card .column-sm-news:nth-child(3) {
		margin-top: 10px;
	}

	.row-small-card .column-sm-news:nth-child(4) {
		margin-top: 10px;
	}

	.row-small-card .only-for-scroll {
		display: flex;
		margin-top: 10px;
		order: 5;
	}

	.row-small-card .only-for-scroll .small-card-news {
		box-shadow: none;
		background: var(--white-one);
	}

	.row-small-card .only-for-scroll .small-card-news::before {
		box-shadow: none;
		background: var(--white-one);
	}

	.row-small-card .column-sm-news:nth-child(3) {
		margin-top: 10px;
		order: 3;
		/* border: 1px solid yellow; */
	}

	.row-small-card .column-sm-news:nth-child(4) {
		margin-top: 10px;
		order: 4;
		/* border: 1px solid yellow; */
	}

	a.title-news-large h3 span {
		font: normal 600 clamp(1.375rem, -0.0871rem + 3.0943vi, 1.4775rem) var(--font-poppins);
		line-height: 219% !important;
	}

	a.title-news-small h3 {
		font: normal 600 clamp(1rem, 0.1085rem + 1.8868vi, 1.0625rem) var(--font-poppins);
		line-height: 142%;
	}

	.wrp-tab-infographic {
		width: 100%;
		min-height: 4px;
	}

	.infograpTabsmobile li a {
		min-width: 200px;
		max-width: 236px;
	}

	.tabultaion-with-icon {
		min-width: 200px;
		max-width: 236px;
	}

	.tabulation-title {
		width: 78.14%;
		padding-left: 13px;
	}

	.icon-square {
		width: 42px;
		height: 42px;
	}

	.large-card-news {
		position: relative;
		width: 100%;
		min-height: 256px;
	}

	.large-card-news a img {
		max-width: 102%;
		object-fit: cover;
		min-height: 256px;
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 116px;
	}

	.small-card-news a img {
		object-fit: cover;
		min-height: 115px;
	}

	a.title-news-small {
		padding: 12px 12px 10px 12px;
	}

	.tab-contents {
		padding: 56px 15px 48px 15px;
	}

	a.title-news-small {
		padding: 12px 18px 10px 18px;
	}

	.tabulation-title {
		width: 74.64%;
		padding-left: 16px;
	}

	.infograpTabsmobile li a {
		min-width: 146.5px;
		max-width: 203.5px;
	}

	.tabultaion-with-icon {
		min-width: 146.5px;
		max-width: 186px;
	}

	.icon-square {
		width: 36px;
		height: 36px;
		border-radius: 14px;
	}

	.icon-square .icon-24 {
		width: 18px;
		height: 18px;
	}

	.infograpTabsmobile {
		margin-bottom: 15px;
		margin-left: 0px;
	}

	.text-item-arrow {
		width: 80%;
	}

	.summary-desc-services {
		width: 68.24%;
	}

	.icon-services-brand {
		width: 46px;
		height: 46px;
	}

	.conten-highlights {
		width: 100%;
		min-height: 92px;
	}

	.conten-highlights a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 92px;
	}

	.wrp-tab-infographic .tab {
		position: relative;
		top: -16.25px;
	}

	.section-weekly-books {
		top: 6px;
	}
	.row-news-feeds .col-12:first-child{
		flex: 0 0 auto;
		width: 100%!important;
	}
	.row-news-feeds .col-12:nth-child(2) {
		order: 3;
		flex: 0 0 auto;
		width: 100%!important;
	}
	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 248px;
		max-height: 252px;
	}
	/*  SECTION TAB OVERLAP 820 END */

	/*  SECTION WEEKLY BOOKS HOME 820 START */

	.book-slide-gallery {
		width: 200px;
	}

	.card-book-gallery {
		width: 200px;
		min-height: 264px;
	}

	.card-books-title {
		width: 200px;
		max-height: 100px;
		min-height: 97px;
	}

	.book-home .slick-slide {
		margin-left: 10px;
		margin-right: 10px;
	}

	.left-infograph-value {
		padding-right: 0px;
		margin-top: 52px;
		margin-bottom: 52px;
	}

	.left-infograph-value .col-md-6 .card-branch-born {
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-md-12 .card-branch-born {
		margin-bottom: 48px;
	}

	.card-branch-born a {
		min-height: 164px;
		padding: 18px 24px;
	}

	a.real-cover {
		padding: 0px 12px 0px 12px;
		min-height: 150px;
		box-shadow: none;
	}

	a.real-cover img {
		/* max-width: 100%;
				object-fit: cover;
				min-height: 254px; */
		text-align: center;
		max-width: 100%;
		object-fit: cover;
		min-height: 152px;
		text-align: center;
		position: relative;
		left: 0px;
		top: 0px;
		border-radius: 14.56px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);

	}

	.left-book-label {
		min-height: 48px;
		justify-content: flex-start;
		-ms-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		padding-left: 25px;
	}

	.wrp-left-book-label::before {
		content: " ";
		position: absolute;
		width: 124px;
		min-height: 468px;
		display: none;
	}

	.section-weekly-books .wrp-left-book-label {
		width: 100%;
		min-height: 2px;
	}

	.section-weekly-books .book-home {
		left: 0px;
		margin-left: 15px;
	}

	.book-home .slick-list {
		margin-left: -45px;
	}

	.card-books-title a h3 {
		font: clamp(0.8525rem, -0.1773rem + 2.1795vw, 0.9588rem) var(--font-poppins);
	}

	.book-home .slick-prev {
		z-index: 5;
		margin-left: -18px;
		left: 5px;
	}

	.slick-next {
		right: 10px;
	}

	/*  SECTION WEEKLY BOOKS HOME 820 END */
	.align-youtube {
		/* padding-bottom: 64px;
		padding-top: 48px; */
		padding-bottom: 32px;
		padding-top: 48px;
	}

	/* SECTION COMPANY PARTNERS 820 START */
	.row-infograph .col-md-5 {
		flex: 0 0 auto;
		width: 54%;
	}

	.row-infograph .col-md-7 {
		flex: 0 0 auto;
		width: 46%;
		padding-right: 24px;
	}

	/* LOGO HOME 820 */

	.company-logo .slick-list::before {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 64px;
		z-index: 2;
		left: -26px;
		top: 0;
	}

	.company-logo .slick-list::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 64px;
		z-index: 2;
		right: -24px;
		left: unset;
		top: 0;
		transform: rotateZ(180deg);
	}

	.partner-logo a {
		width: 170px;
		padding: 10px 14px;
	}

	.company-logo .slick-list {
		overflow: unset;
	}

	.company-logo .slick-list .slick-track {
		left: 100px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 31px;
		max-height: 66px;
	}

	/* LOGO HOME 820 */
	/* SECTION COMPANY PARTNERS 820 END */

	.thumb-featured-newshome a {
		min-height: 324px;
		max-height: 324px;
	}
	.thumb-featured-newshome a img {
		max-width: 100%;
		margin-top: -9.64%;
	}
	/* SECTION CARD NEWS FEEDS 820 START */
	.row-small-card {
		display: flex;
		display: inline-flex;
		flex-wrap: nowrap !important;
		overflow-x: scroll;
	}

	.row-small-card .column-sm-news:nth-child(2) {
		margin-top: 10px;
	}

	.row-small-card .column-sm-news:first-child {
		margin-top: 12px;
		margin-bottom: 0px;
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 128px;
	}

	.small-card-news a img {
		max-width: 114%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	.section-weekly-books .wrp-left-book-label .left-book-label {
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-wrap: wrap;
		display: flex;
	}

	.label-book-weekly h2 br {
		display: none;
	}

	.youtube-chanel-corporate {
		/* width: 100%;
		background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center no-repeat;
		background-position-x: left;
		background-size: auto;
		background-size: contain;
		background-position-x: 0px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 174px;
		padding-top: 48px;
		overflow: hidden;
		position: relative; */
		width: 100%;
		background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center no-repeat;
		background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
		background-position-x: center;
		background-position-y: top;
		background-size: auto;
		background-position-x: center;
		background-position-y: top;
		background-size: auto;
		background-position-x: -120px;
		background-position-y: 32px;
		background-size: 154.24px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 32px;
		padding-top: 48px;
		overflow: hidden;
		position: relative;
	}

	/* .youtube-chanel-corporate::before {
		content: "";
		width: 218px;
		height: 224px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px;
	} */
	.youtube-chanel-corporate::before {
		content: "";
		width: 130px;
		height: 200px;
		background: url(../images/svg/image-patter-left-youtube.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 24px;
	}
	/* .youtube-chanel-corporate::after {
		content: "";
		width: 218px;
		height: 224px;
		background: url(../images/uploads/background-right-section-youtube-home.png) top center no-repeat;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 0px;
	} */
	.youtube-chanel-corporate::after {
		content: "";
		width: 130px;
		height: 200px;
		background-size: 94%;
		background: url(../images/svg/image-patter-right-youtube.svg) top center no-repeat;
		position: absolute;
		left: unset;
		right: -6px;
		top: 24px;
	}
	.action-channel {
		display: none !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block .text-action-channel .action-channel {
		display: block !important;
		width: 100%;
		margin-top: 48px;
	}

	.youtube-chanel-corporate .col-12.d-md-block.pb-5 {
		margin-bottom: 0px !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block.mb-5 {
		margin-bottom: 0px !important;
	}

	.thumbnail-youtube-uploads {
		display: flex;
		flex-wrap: wrap;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.row-youtube-card .col-md-6:nth-child(2) {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-youtube-card .col-md-6:nth-child(3) {
		flex: 0 0 auto;
		width: 50%;
	}

	.logo-brand-anniversary {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding: 5px 15px;
	}

	.anniversary-company h3 {
		text-align: center;
	}

	.anniversary-company h4 {
		text-align: center;
		margin-bottom: 30px;
	}

	.feed-news-contents {
		width: 100%;
		min-height: 232px;
		/* padding: 88px 0px 93px 0px; */
		padding: 24px 0px 74px 0px;
	}

	/* SECTION CARD NEWS FEEDS 820 END */

	/* KATALOG BUKU UMUM 820 Portrait */
	.card-catalog-annualy {
		padding: 36px 20px 36px 168px;
		min-height: 324px;
		max-height: 324px;
	}

	.left-card-catalog {
		position: absolute;
		left: 18px;
		top: 56px;
	}

	.center-card-catalog {
		padding: 20px 15px 20px 36px;
	}

	/* KATALOG BUKU UMUM 820 Portrait */

	.centered-cover-frame {
		padding: 30px 15px;
		width: 230px;
	}

	/* SECTION FOOTER 820 START */

	.left-footer {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		height: 192px;
		width: 100%;
		overflow: hidden;

	}

	.left-footer .footer-brand {
		flex: 0 0 100%;
		order: 1;
		width: 236px;
		order: 1;
		min-height: 52px;
		max-height: 58px;
		display: flex;
		margin-bottom: 15px;
		margin-top: 48px;

	}

	.left-footer .footer-label.satu {
		min-height: 86px;
		width: 214px;
		order: 3;
		flex: 0 0 0;
		width: calc(100% - 236px);
		margin-top: 6px;
	}

	.left-footer .footer-label.dua {
		flex: 0 0 0;
		min-height: 86px;
		order: 2;
		width: 214px;
		order: 1;
		flex: 0 0 0;
		width: calc(100% - 236px);
	}

	.center-footer {
		width: 60.5%;
		max-width: 60.5%;
	}

	.center-footer .row .col-sm-12 {
		flex: 0 0 auto;
		width: 50%;
	}

	.center-footer .item-footer-arrow {
		position: relative;
		padding-left: 24px;
	}

	.center-footer .item-footer-arrow .icon-18 {
		position: absolute;
		left: 0px;
		top: 1px;
	}

	.text-item-footer {
		text-decoration: none;
		width: 82.15%;
	}

	.right-footer {
		width: 38.5%;
		max-width: 40%;
	}

	.wrp-hello-erlangga {
		max-width: 186px;
		min-height: 32px;
	}

	.show-hide-kit {
		display: flex;
	}

	.show-hide-addres {
		display: flex;
	}

	/* SECTION FOOTER 820 END */

}

/* MEDIA 820 DEVICES END */

/* 810 DEVICES START */
@media only screen and (min-device-width: 810px) and (max-device-width: 810px) and (orientation: portrait) {

	html,
	body {
		overflow-x: clip;
		display: block;
	}

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

	/* CONTAINER 810 START*/
	.erlangga-container {
		max-width: 100%;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	.default-container {
		max-width: 100%;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	/* CONTAINER 810 END*/
	.btn-transparent-white {
		min-width: 100%;
	}

	/* DESKTOP NAVBAR 810 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}

	.navbar-mobile.active {
		background: var(--blue-900);
		visibility: visible;
		z-index: 10;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-align-right {
		min-width: 112px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		margin-right: -5px;
	}

	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -10px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--white-one);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--white-one);
	}

	/* DESKTOP NAVBAR 810 END */


	/* MOBILE NABAR 810 START*/

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--blue-900);
		top: 0px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		visibility: hidden;
	}

	.wrp-navbar-mobile {
		width: 100%;
		height: auto;
		display: block
	}

	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 96px 15px 0px 15px;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: var(--blue-900);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto
	}

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--white-one);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--white-one);
		font: normal 400 16px/25.64px var(--font-poppins);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100% -webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-poppins);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.logo-brand {
		width: 176px;
	}

	.navbar-desc.swipe-up-nav .logo-brand {
		width: 176px;
	}

	/* MOBILE NAVBAR 810 END */
	/* search form 810 start */

	.card-search-dialog {
		background: #fff;
		width: 564px;
	}

	.search-general {
		position: absolute;
		z-index: 11;
		top: 0px;
	}

	.text-type-search {
		min-width: 96%;
	}

	/* search form 810 end */

	/* PRIMARY SLIDER 810 START */

	#carouselPrimary .carousel-item img.w-100 {
		width: 142.86% !important;
		max-width: 142.86% !important;
		margin-left: -21.16%;
		margin-top: 129px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-item img.w-100 {
		border-radius: 10px;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0px;
		margin-top: 0px;
	}

	.wrp-caption-primary {
		padding: 0px 24px 76px 24px;
		z-index: 4;
		position: relative;
	}

	.left-align-center {
		align-items: flex-end !important;
		-ms-flex-align: center !important;
		-moz-align-items: flex-end !important;
		-webkit-align-items: flex-end !important;
	}

	.right-align-center {
		align-items: end !important;
		-ms-align-items: end !important;
		-moz-align-items: end !important;
		-webkit-align-items: end !important;
	}

	.fragment-text-35 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-40 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.center-align-center {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: center !important;
		justify-content: center !important;
		-ms-flex-align: center !important;
		align-items: end !important;
		-ms-align-items: end !important;
		-moz-align-items: end !important;
		-webkit-align-items: end !important;
	}

	.center-align-center .fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.title-carousel-primary p {
		padding-right: 0px;
	}

	.title-carousel-primary {
		text-align: center !important;
		padding-right: 0px;
	}

	.title-carousel-primary h2 {
		/* font: normal 800 clamp(2.915rem, 1.3103rem + 2.7027vw, 3.04rem) var(--font-poppins); */
		font: normal 700 40.64px/51px var(--font-poppins);
	}

	.wrp-cta-carousel {
		min-width: 256px;
		max-width: 294px;
		min-height: 74px;
		overflow: hidden;
		z-index: 3;
		position: relative;
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin: 0 auto;
	}

	#carouselPrimary .carousel-indicators {
		bottom: 156px;
		z-index: 4;
	}

	.link-store-erlangga-ipad {
		width: 100%;
		min-height: 124px;
		display: flex;
		padding: 24px 2px;
		margin-bottom: 24px;
	}

	.text-naskah-erlangga {
		width: auto;
	}

	.link-store-erlangga {
		display: none;
	}

	.label-book-weekly a {
		display: none;
	}

	.more-book-weekly {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.more-book-weekly a {
		width: 96%;
		margin-top: 0px;
		/* margin-bottom: 48px; */
		margin-bottom: 36px;
		position: relative;
	}

	#carouselPrimary.carousel {
		min-height: 814px;
	}

	/* PRIMARY SLIDER 810 END */
	/*  SECTION TAB OVERLAP 810 START */
	.section-tabulation-overlap {
		position: relative;
		margin-top: -314px;
		z-index: 6;
	}

	.school-teacher-feeds {
		padding-right: 24px;
	}

	.tab-contents .row-infographic .col-12:nth-child(1) {
		flex: 0 0 auto;
		width: 60%;
		margin-bottom: 6px;
	}

	.feed-news-contents .row-infographic .col-12:nth-child(1) {
		flex: 0 0 auto;
		width: 100%;
	}


	.row-infographic .col-12:nth-child(3) {
		flex: 0 0 auto;
		width: 40%;
	}

	.row-infographic .col-12:nth-child(2) {
		order: 3;
		flex: 0 0 auto;
		width: 100%;
	}


	.row-small-card .column-sm-news:nth-child(3) {
		margin-top: 10px;
	}

	.row-small-card .column-sm-news:nth-child(4) {
		margin-top: 10px;
	}

	.row-small-card .only-for-scroll {
		display: flex;
		margin-top: 10px;
		order: 5;
	}

	.row-small-card .only-for-scroll .small-card-news {
		box-shadow: none;
		background: var(--white-one);
	}

	.row-small-card .only-for-scroll .small-card-news::before {
		box-shadow: none;
		background: var(--white-one);
	}

	.row-small-card .column-sm-news:nth-child(3) {
		margin-top: 10px;
		order: 3;
		/* border: 1px solid yellow; */
	}

	.row-small-card .column-sm-news:nth-child(4) {
		margin-top: 10px;
		order: 4;
		/* border: 1px solid yellow; */
	}

	a.title-news-large h3 span {
		font: normal 600 clamp(1.375rem, -0.0871rem + 3.0943vi, 1.4775rem) var(--font-poppins);
		line-height: 219% !important;
	}

	a.title-news-small h3 {
		font: normal 600 clamp(1rem, 0.1085rem + 1.8868vi, 1.0625rem) var(--font-poppins);
		line-height: 142%;
	}

	.wrp-tab-infographic {
		width: 100%;
		min-height: 4px;
	}

	.infograpTabsmobile li a {
		min-width: 200px;
		max-width: 236px;
	}

	.tabultaion-with-icon {
		min-width: 200px;
		max-width: 236px;
	}

	.tabulation-title {
		width: 78.14%;
		padding-left: 13px;
	}

	.icon-square {
		width: 42px;
		height: 42px;
	}

	.large-card-news {
		position: relative;
		width: 100%;
		min-height: 256px;
	}

	.large-card-news a img {
		max-width: 102%;
		object-fit: cover;
		min-height: 256px;
	}
	.row-news-feeds .col-12:first-child{
		flex: 0 0 auto;
		width: 100%!important;
	}
	.row-news-feeds .col-12:nth-child(2) {
		order: 3;
		flex: 0 0 auto;
		width: 100%!important;
	}
	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 240px;
		max-height: 246px;
	}
	/* .small-card-news {
		position: relative;
		width: 100%;
		min-height: 116px;
	} */

	.small-card-news a img {
		object-fit: cover;
		min-height: 115px;
	}

	a.title-news-small {
		padding: 12px 12px 10px 12px;
	}

	.tab-contents {
		padding: 56px 15px 48px 15px;
	}

	a.title-news-small {
		padding: 12px 18px 10px 18px;
	}

	.tabulation-title {
		width: 74.64%;
		padding-left: 12px;
	}

	.infograpTabsmobile li a {
		min-width: 146.5px;
		max-width: 199.5px;
	}

	.section-weekly-books {
		top: 6px;
	}

	.tabultaion-with-icon {
		min-width: 146.5px;
		max-width: 186px;
	}

	.icon-square {
		width: 36px;
		height: 36px;
		border-radius: 14px;
	}

	.icon-square .icon-24 {
		width: 18px;
		height: 18px;
	}

	.infograpTabsmobile {
		margin-bottom: 15px;
		margin-left: 0px;
	}

	.text-item-arrow {
		width: 80%;
	}

	.summary-desc-services {
		width: 68.24%;
	}

	.icon-services-brand {
		width: 46px;
		height: 46px;
	}

	.conten-highlights {
		width: 100%;
		min-height: 92px;
	}

	.conten-highlights a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 92px;
	}

	.wrp-tab-infographic .tab {
		position: relative;
		top: -16.25px;
	}

	/*  SECTION TAB OVERLAP 810 END */

	/*  SECTION WEEKLY BOOKS HOME 810 START */

	.book-slide-gallery {
		width: 200px;
	}

	.card-book-gallery {
		width: 200px;
		min-height: 256px;
		max-height: 258px;
	}

	.card-books-title {
		width: 200px;
		max-height: 100px;
		min-height: 97px;
	}

	.book-home .slick-slide {
		margin-left: 10px;
		margin-right: 10px;
	}

	.left-infograph-value {
		padding-right: 0px;
		margin-top: 52px;
		margin-bottom: 52px;
	}

	.left-infograph-value .col-md-6 .card-branch-born {
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-md-12 .card-branch-born {
		margin-bottom: 48px;
	}

	.card-branch-born a {
		min-height: 164px;
		padding: 18px 24px;
	}

	a.real-cover {
		padding: 2px 12px 5px 12px;
		min-height: 150px;
		box-shadow: none;
	}

	a.real-cover img {
		/* max-width: 100%;
				object-fit: cover;
				min-height: 254px; */
		text-align: center;
		max-width: 100%;
		object-fit: cover;
		min-height: 154px;
		text-align: center;
		position: relative;
		left: 0px;
		top: 0px;
		border-radius: 14.56px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	}

	.left-book-label {
		min-height: 48px;
		justify-content: flex-start;
		-ms-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		padding-left: 25px;
	}

	.wrp-left-book-label::before {
		content: " ";
		position: absolute;
		width: 124px;
		min-height: 468px;
		display: none;
	}

	.section-weekly-books .wrp-left-book-label {
		width: 100%;
		min-height: 2px;
	}

	.section-weekly-books .book-home {
		left: 0px;
		margin-left: 15px;
	}

	.book-home .slick-list {
		margin-left: -36px;
	}

	.card-books-title a h3 {
		font: clamp(0.8525rem, -0.1773rem + 2.1795vw, 0.9588rem) var(--font-poppins);
	}

	.book-home .slick-prev {
		z-index: 5;
		margin-left: -18px;
		left: 4px;
	}

	.slick-next {
		right: 10px;
	}

	/*  SECTION WEEKLY BOOKS HOME 810 END */
	.align-youtube {
		/* padding-bottom: 64px; */
		padding-bottom: 32px;
		padding-top: 48px;
	}
	.thumb-featured-newshome a {
		min-height: 324px;
		max-height: 324px;
	}
	.thumb-featured-newshome a img {
		max-width: 100%;
		margin-top: -9.64%;
	}


	/* SECTION COMPANY PARTNERS 810 START */
	.row-infograph .col-md-5 {
		flex: 0 0 auto;
		width: 54%;
	}

	.row-infograph .col-md-7 {
		flex: 0 0 auto;
		width: 46%;
		padding-right: 24px;
	}

	/* LOGO HOME 810 */
	.company-logo .slick-list::before {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 64px;
		z-index: 2;
		left: -30px;
		top: 0;
	}

	.company-logo .slick-list::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		content: "";
		height: 190px;
		position: absolute;
		width: 64px;
		z-index: 2;
		right: -29px;
		left: unset;
		top: 0;
		transform: rotateZ(180deg);
	}

	.partner-logo a {
		width: 170px;
		padding: 10px 14px;
	}

	.company-logo .slick-list {
		overflow: unset;
	}

	.company-logo .slick-list .slick-track {
		left: 100px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 31px;
		max-height: 66px;
	}

	/* LOGO HOME 810 */
	/* SECTION COMPANY PARTNERS 810 END */
	/* SECTION CARD NEWS FEEDS 810 START */
	.row-small-card {
		display: flex;
		display: inline-flex;
		flex-wrap: nowrap !important;
		overflow-x: scroll;
	}

	.row-small-card .column-sm-news:nth-child(2) {
		margin-top: 10px;
	}

	.row-small-card .column-sm-news:first-child {
		margin-top: 12px;
		margin-bottom: 0px;
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 128px;
	}

	.small-card-news a img {
		max-width: 114%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	.section-weekly-books .wrp-left-book-label .left-book-label {
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-wrap: wrap;
		display: flex;
	}

	.label-book-weekly h2 br {
		display: none;
	}

	.youtube-chanel-corporate {
		width: 100%;
		/* background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center no-repeat; */
		background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
		background-position-x: center;
		background-position-y: top;
		background-size: auto;
		background-position-x: -120px;
		background-position-y: 32px;
		background-size: 154.24px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 32px;
		padding-top: 48px;
		overflow: hidden;
		position: relative;
	}

	/* .youtube-chanel-corporate::before {
		content: "";
		width: 218px;
		height: 224px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px;
	} */

	.youtube-chanel-corporate::before {
		content: "";
		width: 130px;
		height: 200px;
		background: url(../images/svg/image-patter-left-youtube.svg) top center no-repeat;
		background-size: auto;
		background-size: 100%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 24px;
	  }

	.youtube-chanel-corporate::after {
		content: "";
		width: 130px;
		height: 200px;
		/* background: url(../images/uploads/background-right-section-youtube-home.png) top center no-repeat;
		background-size: 94%; */
		background: url(../images/svg/image-patter-right-youtube.svg) top center no-repeat;
		position: absolute;
		left: unset;
		right: -6px;
		top: 24px;
	}

	.action-channel {
		display: none !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block .text-action-channel .action-channel {
		display: block !important;
		width: 100%;
		margin-top: 48px;
	}

	.youtube-chanel-corporate .col-12.d-md-block.pb-5 {
		margin-bottom: 0px !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block.mb-5 {
		margin-bottom: 0px !important;
	}

	.thumbnail-youtube-uploads {
		display: flex;
		flex-wrap: wrap;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.row-youtube-card .col-md-6:nth-child(2) {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-youtube-card .col-md-6:nth-child(3) {
		flex: 0 0 auto;
		width: 50%;
	}

	.logo-brand-anniversary {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-bottom: 5px;
	}

	.anniversary-company h3 {
		text-align: center;
	}

	.anniversary-company h4 {
		text-align: center;
		margin-bottom: 30px;
	}

	.feed-news-contents {
		width: 100%;
		min-height: 232px;
		/* padding: 98px 0px 93px 0px; */
		padding: 24px 0px 93px 0px;
	}

	/* SECTION CARD NEWS FEEDS 810 END */

	/* KATALOG BUKU UMUM 810 */
	.left-card-catalog {
		width: 30%;
		box-shadow: none;
		height: auto;
		min-height: 50px;
		padding: 0px;
		max-height: unset;
		position: relative;
		left: 0px;
		top: 15px;
		margin-bottom: 20px;
	}

	.center-card-catalog {
		padding-top: 15px;
		padding-bottom: 0px;
		width: 70%;
		min-height: 236px;
	}

	.right-card-catalog {
		width: 100%;
		padding: 5px 0px 15px 0px;
	}

	.card-catalog-annualy {
		box-sizing: border-box;
		height: auto !important;
		min-height: 286px !important;
		max-height: unset;
		padding: 36px 24px 36px 24px;
	}

	/* KATALOG BUKU UMUM 810 END */

	/* LIST PENULIS IMPRINT 810 */
	.right-profile-writter {
		width: 76%;
	}

	/* LIST PENULIS IMPRINT 810 */

	.act-new-book a:first-child {
		margin-bottom: 12px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:first-child {
		margin-top: 6px;
	}

	.centered-cover-frame {
		padding: 30px 10px;
		width: 100%;
	}


	/* SECTION FOOTER 810 START */

	.left-footer {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		height: 192px;
		width: 100%;
		overflow: hidden;

	}

	.left-footer .footer-brand {
		flex: 0 0 100%;
		order: 1;
		width: 236px;
		order: 1;
		min-height: 52px;
		max-height: 58px;
		display: flex;
		margin-bottom: 15px;
		margin-top: 48px;

	}

	.left-footer .footer-label.satu {
		min-height: 86px;
		width: 214px;
		order: 3;
		flex: 0 0 0;
		width: calc(100% - 236px);
		margin-top: 6px;
	}

	.left-footer .footer-label.dua {
		flex: 0 0 0;
		min-height: 86px;
		order: 2;
		width: 214px;
		order: 1;
		flex: 0 0 0;
		width: calc(100% - 236px);
	}

	.center-footer {
		width: 60.5%;
		max-width: 60.5%;
	}

	.center-footer .row .col-sm-12 {
		flex: 0 0 auto;
		width: 50%;
	}

	.center-footer .item-footer-arrow {
		position: relative;
		padding-left: 24px;
	}

	.center-footer .item-footer-arrow .icon-18 {
		position: absolute;
		left: 0px;
		top: 1px;
	}

	.text-item-footer {
		text-decoration: none;
		width: 82.15%;
	}

	.right-footer {
		width: 38.5%;
		max-width: 40%;
	}

	.wrp-hello-erlangga {
		max-width: 186px;
		min-height: 32px;
	}

	.show-hide-kit {
		display: flex;
	}

	.show-hide-addres {
		display: flex;
	}

	/* SECTION FOOTER 810 END */
}


/* MEDIA 810 DEVICES END */

/* MEDIA 756-809 START */
@media screen and (min-width: 756px) and (max-width: 809px) {

	html,
	body {
		overflow-x: clip;
		display: block;
	}

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

	/* CONTAINER 756-809 START*/
	.erlangga-container {
		max-width: 100%;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	/* CONTAINER 756-809 END*/

	/* CONTAINER DEFAULT START*/
	.default-container {
		max-width: 100%;
		margin: 0 auto;
		padding-left: 20px;
		padding-right: 20px;
	}

	/* CONTAINER DEFAULT END*/

	.btn-transparent-white {
		min-width: 100%;
	}

	/* DESKTOP NAVBAR 756-809 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}

	.navbar-mobile.active {
		background: var(--blue-900);
		visibility: visible;
		z-index: 10;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-align-right {
		min-width: 112px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		margin-right: -5px;
	}

	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -10px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--white-one);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--white-one);
	}

	/* DESKTOP NAVBAR 756-809 END */


	/* MOBILE NABAR 756-809 START*/

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--blue-900);
		top: 0px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		visibility: hidden;
	}

	.wrp-navbar-mobile {
		width: 100%;
		height: auto;
		display: block
	}

	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 96px 15px 0px 15px;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: var(--blue-900);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto
	}

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--white-one);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--white-one);
		font: normal 400 16px/25.64px var(--font-poppins);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100% -webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-poppins);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.logo-brand {
		width: 176px;
	}

	.navbar-desc.swipe-up-nav .logo-brand {
		width: 176px;
	}

	/* MOBILE NAVBAR 756-809 END */
	/* search form 756-809 start */

	.card-search-dialog {
		background: #fff;
		width: 596px;
	}

	.search-general {
		position: absolute;
		z-index: 11;
		top: 0px;
	}

	.text-type-search {
		min-width: 96%;
	}

	/* search form 756-809 end */

	/* PRIMARY SLIDER 756-809 START */

	#carouselPrimary .carousel-item img.w-100 {
		width: 146.86% !important;
		max-width: 146.86% !important;
		margin-left: -21.16%;
		margin-top: 136px;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-item img.w-100 {
		border-radius: 10px;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0px;
		margin-top: 0px;
	}

	.wrp-caption-primary {
		padding: 0px 24px 76px 24px;
		z-index: 4;
		position: relative;
	}

	.left-align-center {
		align-items: flex-end !important;
		-ms-flex-align: center !important;
		-moz-align-items: flex-end !important;
		-webkit-align-items: flex-end !important;
	}

	.right-align-center {
		align-items: end !important;
		-ms-align-items: end !important;
		-moz-align-items: end !important;
		-webkit-align-items: end !important;
	}

	.fragment-text-35 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.center-align-center {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: center !important;
		justify-content: center !important;
		-ms-flex-align: center !important;
		align-items: end !important;
		-ms-align-items: end !important;
		-moz-align-items: end !important;
		-webkit-align-items: end !important;
	}

	.center-align-center .fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.title-carousel-primary {
		text-align: center !important;
		padding-right: 0px;
	}

	.title-carousel-primary p {
		padding-right: 0px;
	}

	.title-carousel-primary h2 {
		/* font: normal 800 clamp(2.915rem, 1.3103rem + 2.7027vw, 3.04rem) var(--font-poppins); */
		font: normal 700 40.64px/51px var(--font-poppins);
		text-shadow: 1px 2.5px 3px rgba(0,0,0,0.6);
	}

	#carouselPrimary .carousel-caption-primary {
		bottom: 7.76%;
	}

	.wrp-cta-carousel {
		min-width: 256px;
		max-width: 294px;
		min-height: 74px;
		overflow: hidden;
		z-index: 3;
		position: relative;
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin: 0 auto;
	}

	#carouselPrimary .carousel-indicators {
		bottom: 156px;
		z-index: 4;
	}

	.link-store-erlangga-ipad {
		width: 100%;
		min-height: 124px;
		display: flex;
		padding: 24px 0px;
		margin-bottom: 24px;
	}

	.text-naskah-erlangga {
		width: auto;
	}

	.section-weekly-books {
		position: relative;
		top: 15px;
		padding: 50px 0px 24px 0px;
	}

	.section-best-selling{
		padding: 24px 0px 14px 0px;
	}

	.link-store-erlangga {
		display: none;
	}

	.label-book-weekly a {
		display: none;
	}

	.more-book-weekly {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.more-book-weekly a {
		width: 96%;
		margin-top: 0px;
		margin-bottom: 48px;
		position: relative;
	}

	#carouselPrimary.carousel {
		min-height: 814px;
	}

	/* PRIMARY SLIDER 756-809 END */
	/*  SECTION TAB OVERLAP 756-809 START */
	.section-tabulation-overlap {
		position: relative;
		margin-top: -314px;
		z-index: 6;
	}

	.school-teacher-feeds {
		padding-right: 20px;
	}

	.summary-brand-services {
		width: 68.24%;
		padding-left: 20px;
	}

	.row-infographic .col-12:nth-child(1) {
		flex: 0 0 auto;
		width: 100%;
		margin-top: 20px;
	}

	.tab-contents .row-infographic .col-12:nth-child(1) {
		flex: 0 0 auto;
		width: 60%;
	}

	.row-infographic .col-12:nth-child(3) {
		flex: 0 0 auto;
		width: 40%;
	}

	.row-infographic .col-12:nth-child(2) {
		order: 3;
		flex: 0 0 auto;
		width: 100%;
	}


	.wrp-tab-infographic {
		width: 100%;
		min-height: 4px;
	}

	.infograpTabsmobile li a {
		min-width: 200px;
		max-width: 236px;
	}

	.tabultaion-with-icon {
		min-width: 200px;
		max-width: 236px;
	}

	.tabulation-title {
		width: 78.14%;
		padding-left: 13px;
	}

	.icon-square {
		width: 42px;
		height: 42px;
	}

	.large-card-news {
		position: relative;
		width: 100%;
		min-height: 256px;
	}

	.large-card-news a img {
		max-width: 102%;
		object-fit: cover;
		min-height: 256px;
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 116px;
	}

	.small-card-news a img {
		object-fit: cover;
		min-height: 115px;
	}

	a.title-news-small {
		padding: 12px 12px 10px 12px;
	}

	.tab-contents {
		padding: 56px 15px 48px 15px;
	}

	a.title-news-small {
		padding: 12px 18px 10px 18px;
	}

	.row-small-card .column-sm-news:nth-child(3) {
		margin-top: 10px;
	}

	.row-small-card .column-sm-news:nth-child(4) {
		margin-top: 10px;
	}

	.row-small-card .only-for-scroll {
		display: flex;
		margin-top: 10px;
		order: 5;
	}

	.row-small-card .only-for-scroll .small-card-news {
		box-shadow: none;
		background: var(--white-one);
	}

	.row-small-card .only-for-scroll .small-card-news::before {
		box-shadow: none;
		background: var(--white-one);
	}

	.row-small-card .column-sm-news:nth-child(3) {
		margin-top: 10px;
		order: 3;
		/* border: 1px solid yellow; */
	}

	.row-small-card .column-sm-news:nth-child(4) {
		margin-top: 10px;
		order: 4;
		/* border: 1px solid yellow; */
	}

	a.title-news-large h3 span {
		/* font: normal 600 clamp(1.375rem, -0.0871rem + 3.0943vi, 1.4775rem) var(--font-poppins); */
		font: normal 600 clamp(1rem, 0.1085rem + 1.8868vi, 1.0625rem) var(--font-poppins);
		/* line-height: 219% !important; */
		line-height: 189.56%;
	}

	a.title-news-small h3 {
		font: normal 600 clamp(1rem, 0.1085rem + 1.8868vi, 1.0625rem) var(--font-poppins);
		line-height: 142%;
	}

	.tabulation-title {
		width: 64.14%;
		padding-left: 12px;
	}

	.infograpTabsmobile li a {
		min-width: 146.5px;
		max-width: 183.5px;
	}

	.tabultaion-with-icon {
		min-width: 146.5px;
		max-width: 186px;
	}

	.icon-square {
		width: 36px;
		height: 36px;
		border-radius: 14px;
	}

	.icon-square .icon-24 {
		width: 18px;
		height: 18px;
	}

	.infograpTabsmobile {
		margin-bottom: 15px;
		margin-left: 0px;
	}

	.text-item-arrow {
		width: 80%;
	}

	.summary-desc-services {
		width: 68.24%;
	}

	.icon-services-brand {
		width: 46px;
		height: 46px;
	}

	.conten-highlights {
		width: 100%;
		min-height: 92px;
	}

	.conten-highlights a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 92px;
	}

	.wrp-tab-infographic .tab {
		position: relative;
		top: -16.25px;
	}

	/*  SECTION TAB OVERLAP 756-809 END */

	/*  SECTION WEEKLY BOOKS HOME 756-809 START */

	.book-slide-gallery {
		width: 200px;
	}

	.card-book-gallery {
		width: 200px;
		min-height: 264px;
	}

	.card-books-title {
		width: 200px;
		max-height: 100px;
		min-height: 97px;
	}

	.book-home .slick-slide {
		margin-left: 10px;
		margin-right: 10px;
	}

	.left-infograph-value {
		padding-right: 0px;
		margin-top: 52px;
	}

	.left-infograph-value .col-md-6 .card-branch-born {
		margin-bottom: 24px;
		margin-top: 48px;
	}

	.left-infograph-value .col-md-12 .card-branch-born {
		margin-bottom: 48px;
	}

	.card-branch-born a {
		min-height: 164px;
		padding: 18px 24px;
	}

	a.real-cover {
		padding: 0px 10px 0px 10px;
		min-height: 279px;
		border-radius: 15.64px;
		overflow: hidden;
		box-shadow: none;
	}

	a.real-cover img {
		/* max-width: 100%;
		object-fit: cover;
		min-height: 254px; */
		text-align: center;
		max-width: 100%;
		object-fit: cover;
		min-height: 154px;
		text-align: center;
		position: relative;
		left: 0px;
		top: 0px;
		border-radius: 15.64px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	}

	.left-book-label {
		min-height: 48px;
		justify-content: flex-start;
		-ms-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-webkit-justify-content: flex-start;
		padding-left: 25px;
	}

	.wrp-left-book-label::before {
		content: " ";
		position: absolute;
		width: 124px;
		min-height: 468px;
		display: none;
	}

	.section-weekly-books .wrp-left-book-label {
		width: 100%;
		min-height: 2px;
	}

	.section-weekly-books .book-home {
		left: 0px;
		margin-left: 15px;
	}

	.book-home .slick-list {
		margin-left: -45px;
	}

	.book-home .slick-prev {
		z-index: 5;
		top: 38%;
		left: 4px;
	}

	.card-books-title a h3 {
		font: clamp(0.8525rem, -0.1773rem + 2.1795vw, 0.9588rem) var(--font-poppins);
	}

	.book-home .slick-prev {
		z-index: 5;
		margin-left: -18px;
	}

	.slick-next {
		right: 10px;
	}

	/*  SECTION WEEKLY BOOKS HOME 756-809 END */
	.align-youtube {
		/* padding-bottom: 64px; */
		padding-bottom: 46px;
		padding-top: 48px;
	}

	/* SECTION COMPANY PARTNERS 756-809 START */
	.row-infograph .col-md-5 {
		flex: 0 0 auto;
		width: 54%;
	}

	.row-infograph .col-md-7 {
		flex: 0 0 auto;
		width: 46%;
		padding-right: 24px;
	}

	/* LOGO HOME 756-809 */
	.partner-logo a {
		width: 170px;
		padding: 10px 14px;
	}

	.company-logo .slick-list {
		overflow: unset;
	}

	.company-logo .slick-list .slick-track {
		left: 100px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 31px;
		max-height: 66px;
	}

	/* LOGO HOME 756-809 */
	/* SECTION COMPANY PARTNERS 756-809 END */

	/* SECTION BUKU BEST SELLING 756-809 START */
	/* .act-mobile-bestselling{
		display: flex;
	}   */
	/* SECTION BUKU BEST SELLING 756-809 END */

	/* SECTION CARD NEWS FEEDS 756-809 START */
	.row-news-feeds{
		width: 100%;
	}

	.row-news-feeds .col-12:first-child{
		flex: 0 0 auto;
		width: 100%!important;
	}
	.row-news-feeds .col-12:nth-child(2) {
		order: 3;
		flex: 0 0 auto;
		width: 100%!important;
	}
	.thumb-featured-newshome a {
		min-height: 320px;
		max-height: 320px;
	}

	.thumb-featured-newshome a img {
		max-width: 100%;
		margin-top: -9.64%;
	}
	.row-small-card {
		display: flex;
		display: inline-flex;
		flex-wrap: nowrap !important;
		overflow-x: scroll;
	}

	.row-small-card .column-sm-news:nth-child(2) {
		margin-top: 10px;
	}

	.row-small-card .column-sm-news:first-child {
		margin-top: 12px;
		margin-bottom: 0px;
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 240px;
		max-height: 246px;
	}

	.small-card-news a img {
		max-width: 114%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	.section-weekly-books .wrp-left-book-label .left-book-label {
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		flex-wrap: wrap;
		display: flex;
	}

	.label-book-weekly h2 br {
		display: none;
	}

	.youtube-chanel-corporate {
		width: 100%;
		/* background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center no-repeat;
		background-position-x: left;
		background-size: auto;
		background-size: contain; */
		background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
		background-position-x: -120px;
		background-position-y: 32px;
		background-size: 154.24px;
		min-height: 204px;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		/* padding-bottom: 148px; */
		padding-bottom: 18px;
		padding-top: 48px;
		overflow: hidden;
		position: relative;
	}

	.youtube-chanel-corporate::before {
		content: "";
		width: 130px;
		height: 200px;
		background: url(../images/svg/image-patter-left-youtube.svg) top center no-repeat;
		background-size: 100%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 24px;
	}

	.youtube-chanel-corporate::after {
		content: "";
		width: 130px;
		height: 200px;
		/* background: url(../images/uploads/background-right-section-youtube-home.png) top center no-repeat; */
		background: url(../images/svg/image-patter-right-youtube.svg) top center no-repeat;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 24px;
	}


	.action-channel {
		display: none !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block .text-action-channel .action-channel {
		display: block !important;
		width: 100%;
		margin-top: 48px;
	}

	.youtube-chanel-corporate .col-12.d-md-block.pb-5 {
		margin-bottom: 0px !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block.mb-5 {
		margin-bottom: 0px !important;
	}

	.thumbnail-youtube-uploads {
		display: flex;
		flex-wrap: wrap;
		margin-top: 0px;
		margin-bottom: 0px;
	}

	.row-youtube-card .col-md-6:nth-child(2) {
		flex: 0 0 auto;
		width: 50%;
	}

	.row-youtube-card .col-md-6:nth-child(3) {
		flex: 0 0 auto;
		width: 50%;
	}

	.logo-brand-anniversary {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-bottom: 98px;
	}

	.anniversary-company h3 {
		text-align: center;
	}

	.anniversary-company h4 {
		text-align: center;
		margin-bottom: 30px;
	}

	.feed-news-contents {
		width: 100%;
		min-height: 232px;
		/* padding: 88px 0px 93px 0px; */
		padding: 18px 0px 64px 0px;
	}
	.summary-featured-newshome {
		margin-bottom: 10px;
	}
	a.title-news-small h3 span {
		line-height: 188.56%;
	}

	/* SECTION CARD NEWS FEEDS 756-809 END */
	.centered-cover-frame {
		padding: 30px 15px;
		width: 218px;
	}

	/* SECTION FOOTER 756-809 START */

	.left-footer {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		height: 192px;
		width: 100%;
		overflow: hidden;

	}

	.left-footer .footer-brand {
		flex: 0 0 100%;
		order: 1;
		width: 236px;
		order: 1;
		min-height: 52px;
		max-height: 58px;
		display: flex;
		margin-bottom: 15px;
		margin-top: 48px;

	}

	.left-footer .footer-label.satu {
		min-height: 86px;
		width: 214px;
		order: 3;
		flex: 0 0 0;
		width: calc(100% - 236px);
		margin-top: 6px;
	}

	.left-footer .footer-label.dua {
		flex: 0 0 0;
		min-height: 86px;
		order: 2;
		width: 214px;
		order: 1;
		flex: 0 0 0;
		width: calc(100% - 236px);
	}

	.center-footer {
		width: 60.5%;
		max-width: 60.5%;
	}

	.center-footer .row .col-sm-12 {
		flex: 0 0 auto;
		width: 50%;
	}

	.center-footer .item-footer-arrow {
		position: relative;
		padding-left: 24px;
	}

	.center-footer .item-footer-arrow .icon-18 {
		position: absolute;
		left: 0px;
		top: 1px;
	}

	.text-item-footer {
		text-decoration: none;
		width: 82.15%;
	}

	.right-footer {
		width: 38.5%;
		max-width: 40%;
	}

	.wrp-hello-erlangga {
		max-width: 186px;
		min-height: 32px;
	}

	.show-hide-kit {
		display: flex;
	}

	.show-hide-addres {
		display: flex;
	}
	.footer-row-two {
		margin-bottom: 64px;
	}
	/* SECTION FOOTER 756-809 END */

	/* KATALOG BUKU UMUM 756-809 */
	.left-card-catalog {
		width: 30%;
		box-shadow: none;
		height: auto;
		min-height: 50px;
		padding: 0px;
		max-height: unset;
		position: relative;
		left: 0px;
		top: 15px;
		margin-bottom: 20px;
	}

	.center-card-catalog {
		padding-top: 15px;
		padding-bottom: 0px;
		width: 70%;
		min-height: 236px;
	}

	.right-card-catalog {
		width: 100%;
		padding: 5px 0px 15px 0px;
	}

	.card-catalog-annualy {
		box-sizing: border-box;
		height: auto !important;
		min-height: 286px !important;
		max-height: unset;
		padding: 36px 24px 36px 24px;
	}

	/* KATALOG BUKU UMUM 756-809 END */

	.act-new-book a:first-child {
		margin-bottom: 12px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:first-child {
		margin-top: 6px;
	}

	.right-profile-writter {
		width: 100%;
		padding-right: 5px;
		padding-left: 5px;
	}

	.writter-name {
		width: 100%;
	}

	.writter-name a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.writter-name a h1,
	.writter-name a h2 {
		text-align: center;
		width: 100%;
	}
}

/* MEDIA 756-809 END */

/* MEDIA 768 POTRAIT START */
@media only screen and (min-device-width: 768px) and (max-device-width: 768px) and (orientation: portrait) {

	html,
	body {
		overflow-x: clip;
		display: block;
	}

	/* CONTAINER 768 START*/
	.erlangga-container {
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}

	/* CONTAINER 768 END*/
	/* LIST PENULIS IMPRINT 768 */

	.right-profile-writter {
		width: 100%;
		padding-right: 5px;
		padding-left: 5px;
	}

	.writter-name {
		width: 100%;
	}

	.writter-name a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.writter-name a h1,
	.writter-name a h2 {
		text-align: center;
	}

	/* LIST PENULIS IMPRINT 768 */
}

/* MEDIA 768 POTRAIT END */

/* MEDIA 576-755 START */
@media screen and (min-width: 576px) and (max-width: 755px) {

	html,
	body {
		overflow-x: clip;
		display: block;
		scroll-behavior: smooth;
	}

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

	/* CONTAINER 576-755 START*/

	.erlangga-container {
		max-width: 100%;
		margin: 0 auto;
		padding-right: 15px;
		padding-left: 15px;
	}

	.default-container {
		max-width: 100%;
		margin: 0 auto;
		padding-right: 15px;
		padding-left: 15px;
	}

	/* CONTAINER 576-755 END*/
	/* ERLANGGA DIALOG ANNIVERSARY 576-755 */
	.modal-dialog-erlangga {
		min-width: 520px;
		max-width: 548px;
		top: 124px;
		margin: 0 auto;

	}

	/* ERLANGGA DIALOG ANNIVERSARY 576-755 */
	/* search form 576-755 start */

	.card-search-dialog {
		width: 100%;
		padding: 32px 20px;
		top: 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-webkit-box-shadow: none;
		border: 1px solid var(--grey-two);
		border-radius: 0px;
		min-height: 100%;
	}

	.relative-type-search {
		width: 100%;
		height: 90vh;
		padding-bottom: 48px;
		margin-bottom: 46px;
	}

	.text-search-btn {
		display: none;
	}

	.btn-submit-search {
		padding: 13.6px 17px;
	}

	.label-search-form {
		width: 280px;
	}

	.search-page {
		margin-top: 86px;
	}

	#close-box-search {
		right: 24px;
		top: 34px;
	}

	.text-type-search {
		min-width: 71.15%;
		max-width: 72%;
	}

	/* search form 576-755 end */

	/* PRIMARY SLIDER 576-755 START */

	.section-primary-slider {
		min-height: 714px;
		max-height: 714px;
		overflow: hidden;
		top: 0px;
	}

	#carouselPrimary.carousel {
		min-height: 752px;
	}

	#carouselPrimary .carousel-caption-primary {
		max-width: 100%;
		bottom: 0px;
		/* top: 104px; */
		top:36px;
	}

	#carouselPrimary .carousel-inner {
		overflow: unset;
	}


	.section-primary-slider::before {
		z-index: 7;
	}

	#carouselPrimary .carousel-item img.w-100 {
		width: 169.86% !important;
		max-width: 169.86% !important;
		margin-left: -34.64%;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-item img.w-100 {
		border-radius: 10px;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0px;
	}


	#carouselPrimary .carousel-inner::before {
		position: absolute;
		content: " ";
		left: 0px;
		bottom: -244px;
		background: yellowgreen;
		/* background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.14) 14%, rgba(0, 0, 0, 0.76) 61%, rgba(0, 0, 0, 1) 100%);
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.14) 14%, rgba(0, 0, 0, 0.76) 61%, rgba(0, 0, 0, 1) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.14) 14%, rgba(0, 0, 0, 0.76) 61%, rgba(0, 0, 0, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1845a1', GradientType=0); */
		background: linear-gradient(to bottom, rgba(0, 90, 211, 0.01) 0%, rgba(0, 90, 211, 1) 56%, rgba(0, 90, 211, 1) 100%);
		width: 100vw;
		min-height: 596px;
		z-index: 4;
	}

	.section-primary-slider.for-layanan-digital #carouselPrimary .carousel-inner::before {
		background: transparent none;
		display: none;
	}

	.wrp-caption-primary {
		padding: 0px 16px 76px 16px;
		z-index: 4;
		position: relative;
	}

	.wrp-caption-primary::before {
		content: " ";
		position: absolute;
		top: 41.96%;
		bottom: unset;
		left: 0px;
		width: 119%;
		height: 320px;
		margin: 0 auto;
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0.01) 0%, rgba(255, 255, 255, 1) 56%, rgba(255, 255, 255, 1) 100%);
		/* background: linear-gradient(to bottom, rgba(0, 90, 211, 0.01) 0%, rgba(0, 90, 211, 1) 56%, rgba(0, 90, 211, 1) 100%); */
		/* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 26%, rgba(0, 0, 0, 0.64) 51%, rgba(0, 0, 0, 0.95) 81%, rgba(0, 0, 0, 1) 100%); */
		/* background: red; */
		z-index: 7;
	}

	#carouselPrimary .carousel-control-next {
		width: 32px;
		height: 32px;
	}

	#carouselPrimary .carousel-control-prev {
		width: 32px;
		height: 32px;
	}

	#carouselPrimary .carousel-control-next .carousel-control-next-icon {
		width: 1rem;
		height: 1rem;
		filter: invert(64%);
	}

	#carouselPrimary .carousel-control-prev .carousel-control-prev-icon {
		width: 1rem;
		height: 1rem;
		filter: invert(64%);
	}

	#carouselPrimary .carousel-inner .carousel-item {
		position: relative;
		z-index: 6;
	}

	.carousel-caption-content.left-align-center {
		align-items: flex-end !important;
		-ms-align-items: flex-end !important;
		-moz-align-items: flex-end !important;
		-webkit-align-items: flex-end !important;
	}

	.fragment-text.direction-column {
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.title-carousel-primary {
		text-align: center !important;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.right-align-center {
		align-items: end !important;
		-ms-align-items: end !important;
		-moz-align-items: end !important;
		-webkit-align-items: end !important;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.fragment-text-35 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-40 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.center-align-center {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: center !important;
		justify-content: center !important;
		-ms-flex-align: center !important;
		align-items: end !important;
		-ms-align-items: end !important;
		-moz-align-items: end !important;
		-webkit-align-items: end !important;
	}

	.center-align-center .fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.btn-yellow {
		min-width: 146px;
	}

	.row-youtube-card .col-sm-12:nth-child(2) .hs-responsive-embed-youtube {
		margin-bottom: 24px;
	}
	.row-youtube-card .col-sm-12:nth-child(3) .hs-responsive-embed-youtube {
		margin-bottom: 24px;
	}
	.title-carousel-primary {
		text-align: center !important;
		padding-right: 0px;
	}

	.title-carousel-primary h2 {
		font: normal 800 clamp(1.8525rem, 1.6486rem + 1.0196vw, 2.015rem) var(--font-poppins);
		text-align: center;
		margin-bottom: 6px;
		line-height: 37px;
	}

	.title-carousel-primary p {
		padding-right: 0px;
		opacity: .64;
		margin-bottom: 15px;
	}

	.wrp-cta-carousel {
		display: none;
	}

	.wrp-cta-carousel-mobile {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin: 0 auto;
	}

	.carousel-caption-content {
		width: 100%;
		height: 360px;
		/* border: 1px solid #cf0000; */
		padding-bottom: 74px;
		z-index: 8;
		position: relative;
	}

	#carouselPrimary .carousel-indicators {
		bottom: 294px;
		z-index: 7;
	}


	#carouselPrimary .carousel-control-next {
		z-index: 8;
		top: 30.24%;
		right: 8px;
	}

	#carouselPrimary .carousel-control-prev {
		z-index: 8;
		top: 30.24%;
		left: 8px;
	}

	/* PRIMARY SLIDER 576-755 END */

	/* SECTION TAB OVERLAP 576-755 START */
	.row--tabulation-one {
		display: none;
	}

	.wrp-tab-infographic {
		display: none;
	}

	.row--tabulation-two {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		min-height: 324px;
		background: transparent none;
		margin-top: 36px;
		padding: 64px 0px 0px 0px;
	}

	.wrp-according-catalog {
		width: 100%;
		height: auto;
		margin-top: -56px;
	}

	.wrp-according-catalog .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border: 1px solid var(--gray-100);
	}

	.wrp-according-catalog .accordion-button:not(.collapsed) {
		background-color: var(--white-one);
	}

	.wrp-according-catalog .accordion-button {
		border-radius: 0px;
	}

	.wrp-according-catalog .accordion-item {
		border: 0px solid #fff !important;

	}

	.wrp-according-catalog .accordion-body.accordion-body-catalog {
		border: 1px solid #fff !important;
		padding: 15px 0px;
	}

	.wrp-according-catalog .accordion-button::after {
		display: none;
	}

	.wrp-scroll-horizontal {
		width: 100%;
		min-height: 156px;
		overflow-x: scroll;
	}

	.row-catalog-mobile {
		display: inline-flex;
		flex-wrap: nowrap;
		overflow-x: scroll;
	}

	.row-catalog-mobile.row,
	.row-catalog-mobile.container,
	.row-catalog-mobile.container-fluid {
		margin-left: -8px;
		margin-right: -8px;
	}

	.row-catalog-mobile>[class^="col-"] {
		padding-left: 8px;
		padding-right: 8px;
	}

	.row-catalog-mobile .col-12.column-sm-news {
		flex: 0 0 auto;
		width: 314px !important;
	}


	.wrp-according-subcatalog .accordion-button h4 {
		color: var(--blue-900);
		font: normal 600 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
	}

	.tabulation-title h3 {
		color: var(--blue-900);
		font: normal 600 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
	}

	.wrp-according-subcatalog .accordion-button::after {
		display: block;
	}

	.tabulation-title {
		width: 81.24%;
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 121px;
		max-height: auto;
		display: flex;
		flex-wrap: wrap;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	}

	.small-card-news a:last-child {
		order: 1;
	}

	.small-card-news a:first-child {
		order: 2;
		position: relative;
	}

	a.title-news-small {
		width: 100%;
		background: var(--white-one);
		min-height: 74px;
		/* position: absolute; */
		position: relative;
		color: var(--blue-800);
		padding: 12px 18px 10px 18px;
	}

	a.title-news-small h3 {
		font: normal 600 clamp(0.79rem, 0.4757rem + 0.4011vw, 1rem) var(--font-poppins);
	}

	a.title-news-small h3 span {
		background-color: var(--white-one);
		padding: 0.6px 0px;
		line-height: 164.56%;
	}

	.row-small-card .column-sm-news {
		width: 48%;
	}

	.row-small-card .column-sm-news:first-child {
		margin-top: 18px;
		margin-bottom: 8px;
		order: 1;
	}

	.row-small-card .column-sm-news:nth-child(2) {
		margin-top: 18px;
		order: 2;
	}

	.row-small-card .column-sm-news:nth-child(3) {
		margin-top: 18px;
		order: 3;
		/* border: 1px solid yellow; */
	}

	.row-small-card .column-sm-news:nth-child(4) {
		margin-top: 18px;
		order: 4;
	}

	.row-small-card .only-for-scroll {
		display: flex;
		order: 5;
	}

	.row-small-card .only-for-scroll .small-card-news {
		box-shadow: none;
		background: var(--white-one);
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 164px;
		max-height: auto;
	}

	.small-card-news::before {
		display: none;
	}

	.row-small-card .only-for-scroll .small-card-news {
		box-shadow: none;
		background: var(--white-one);
	}

	.small-card-news a img {
		/* max-width: 120%; */
		max-width: 100%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	.row-small-card {
		display: flex;
		display: inline-flex;
		flex-wrap: nowrap !important;
		overflow-x: scroll;
	}


	.wrp-according-subcatalog .accordion-button h4 {
		color: var(--blue-900);
		font: normal 600 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
	}

	.tabulation-title h3 {
		color: var(--blue-900);
		font: normal 600 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
	}

	.wrp-according-subcatalog .accordion-button::after {
		display: block;
	}

	.tabulation-title {
		width: 80.76%;
	}
	#accordionSubcatalog {
		padding: 18px 10px;
		/* background: var(--gray-100); */
		background: transparent;
	}
	#accordionCatalog {
		border: 2px solid var(--gray-100);
		border-radius: 17px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	  }

	#accordionCatalog .accordion-pluss{
		position: relative;
		width: 100%;
		min-height: 32px;
	}

	#accordionCatalog .accordion-pluss::after {
		display: block;
		position: absolute;
		content: "";
		right: 20px;
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
		background-size: 80%!important;
	}
	#accordionCatalog .accordion-pluss:not(.collapsed)::after {
		display: block;
		position: absolute;
		content: "";
		right: 20px;
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
		background-size: 80%!important;
	}

	#accordionSubcatalog .accordion-button::after {
		display: block;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
		background-size: 86%!important;
	}

	#accordionSubcatalog .accordion-button:not(.collapsed)::after {
		display: block;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
		transform: rotate(-180deg)!important;
		background-size: 86%!important;
	}

	.wrp-according-catalog .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 1px solid var(--gray-600);
		border-bottom: 1px solid var(--gray-100);
		border-left: 1px solid var(--white-one);
		border-right: 1px solid var(--white-one);

	}

	#accordionCatalog .accordion-button:first-child {
		/* border-top: 1px solid yellowgreen; */
		border-top: 0px solid var(--white-one);
	}

	#accordionCatalog .accordion-button{
		padding-left: 8px;
		padding-right: 8px;
	}

	#accordionCatalog .accordion-button:last-child {
		/* border-top: 1px solid yellowgreen; */
		border-top: 0px solid var(--white-one);
	}
	#accordionSubcatalog .accordion-item .accordion-button{
		border:0px;
		border-bottom: 1px solid var(--gray-200);
		background: var(--gray-100);
	}
	#accordionSubcatalog .accordion-item:first-child .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 0px solid var(--white-one);
		border-bottom: 1px solid var(--gray-200);
		border-left: 0px solid var(--white-one);
		border-right: 0px solid var(--white-one);
		background: var(--gray-100);
	}

	#accordionSubcatalog .accordion-item:last-child .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 0px solid var(--gray-100);
		border-bottom: 0px solid var(--white-one);
		border-left: 0px solid var(--white-one);
		border-right: 0px solid var(--white-one);
	}


	/* SECTION TAB OVERLAP 576-755 END */
	/* DESKTOP NAVBAR 576-755 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}

	.navbar-mobile.active {
		background: var(--blue-900);
		visibility: visible;
		z-index: 10;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-align-right {
		min-width: 112px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		margin-right: -5px;
	}

	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -10px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--white-one);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--white-one);
	}

	/* DESKTOP NAVBAR 576-755 END */


	/* MOBILE NABAR 576-755*/

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--blue-900);
		top: 0px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		visibility: hidden;
	}

	.wrp-navbar-mobile {
		width: 100%;
		height: auto;
		display: block
	}

	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 96px 15px 0px 15px;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: var(--blue-900);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto
	}

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--white-one);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--white-one);
		font: normal 400 16px/25.64px var(--font-poppins);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100% -webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-poppins);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	/* MOBILE NAVBAR 576-755 END */

	/* SECTION 576-755 COMPANY PARTNERS START */
	.logo-brand-anniversary {
		padding: 74px 15px 15px 15px;
	}

	.left-infograph-value {
		width: 100%;
		height: auto;
		padding: 14px 15px 24px 15px;
	}

	.row-infograph .col-md-5 {
		display: flex;
		flex-wrap: wrap;
		order: 2;
	}

	.row-infograph .col-md-7 {
		display: flex;
		flex-wrap: wrap;
		order: 1;
	}

	.card-branch-born a {
		min-height: 164px;
	}

	.logo-brand-anniversary {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company h3 {
		text-align: center;
	}

	.anniversary-company h4 {
		text-align: center;
	}

	.anniversary-company {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-bottom: 76px;
	}

	.anniversary-company a {
		width: 96%;
		margin-top: 10px;
		position: relative;
	}

	.left-infograph-value .col-12 {
		margin-top: 15px;
	}

	.large-card-news {
		position: relative;
		width: 100%;
		min-height: 230px;
		margin-bottom: 18px;
	}

	.icon-services-brand {
		width: 48px;
		height: 48px;
	}

	.row-small-card .column-sm-news:nth-child(2) {
		margin-top: 10px;
	}

	.row-small-card .column-sm-news:first-child {
		margin-top: 12px;
		margin-bottom: 0px;
	}

	.summary-desc-services {
		width: 67.32%;
	}

	.company-logo .slick-slide {
		margin-left: 7px;
		margin-right: 7px;
	}

	.partner-logo a {
		width: 110px;
		min-height: 24px;
		max-height: unset;
		padding: 10px 14.5px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 24px;
		max-height: unset;
	}

	.youtube-chanel-corporate {
		width: 100%;
		background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center no-repeat;
		background-position-x: left;
		background-size: auto;
		background-size: contain;
		background-position-x: 0px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 148px;
		padding-top: 48px;
		overflow: hidden;
		position: relative;
	}

	.youtube-chanel-corporate::before {
		content: "";
		width: 174px;
		height: 182px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px;
	}

	.youtube-chanel-corporate::after {
		content: "";
		width: 156px;
		height: 182px;
		background: url(../images/uploads/background-right-section-youtube-home.png) top center no-repeat;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 0px;
	}

	.action-channel {
		display: none !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block .text-action-channel .action-channel {
		display: block !important;
		width: 100%;
		margin-top: 40px;
	}

	.youtube-chanel-corporate .col-12.d-md-block.pb-5 {
		margin-bottom: 0px !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block.mb-5 {
		margin-bottom: 0px !important;
	}

	/* SECTION 576-755 COMPANY PARTNERS END */

	/* KATALOG UMUM 576-755 */

	.center-card-catalog {
		width: 66%;
		padding: 15px 0px 15px 24px;
	}

	.right-card-catalog {
		width: 100%;
		padding: 0px 10px 15px 10px;
	}

	.card-catalog-annualy {
		padding: 24px 10px 36px 15px;
		min-height: 286px;
		max-height: 496px;
		right: 0px;
	}

	.btn-download-catalog {
		margin-top: 5px
	}

	.left-card-catalog {
		position: relative;
		left: 5px;
		top: 15px;
		width: 28.56%;
		box-shadow: none;
		height: auto;
		min-height: 50px;
		max-height: 298px;
		padding: 0px;
		margin-bottom: 24px;
	}

	.row-small-card {
		display: flex;
		display: inline-flex;
		flex-wrap: nowrap !important;
		overflow-x: scroll;
	}

	.book-home .slick-prev {
		z-index: 5;
		top: 38%;
		left: 34px;
	}

	/* KATALOG UMUM 576-755 */

	.act-new-book a:first-child {
		margin-bottom: 12px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:first-child {
		margin-top: 6px;
	}

	/* SECTION WEEKLY BOOKS HOME 576-755 START */
	.book-home .slick-list {
		margin-left: -5px;
	}

	.book-home .slick-slide {
		margin-left: 8px;
		margin-right: 8px;
	}

	a.real-cover {
		padding: 0px 0px 0px 0px;

	}

	a.real-cover img {
		max-width: 100%;
		object-fit: cover;
		min-height: 186px;
		text-align: center;
	}

	.book-slide-gallery {
		position: relative;
		width: 164px;
		min-height: 294px;
	}

	.book-slide-gallery a.real-cover {
		min-height: 100px;

	}

	.card-book-gallery {
		width: 164px;
		min-height: 224px;
		max-height: 228px;
	}

	.card-books-title {
		width: 164px;
		min-height: 104px;
		max-height: 106px;
	}

	.card-books-title a h3 {
		font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
		line-height: 134%;
	}

	.card-books-title a p {
		font: normal 400 clamp(0.75rem, 0.6527rem + 0.4863vw, 0.8275rem) var(--font-poppins);
	}

	.wrp-left-book-label {
		min-height: 4px;
	}

	.wrp-left-book-label::before {
		content: " ";
		position: absolute;
		width: 100%;
		min-height: 4px;
		right: unset;
		left: 0 auto;
	}

	.left-book-label {
		min-height: 4px;
	}

	.slick-prev {
		left: 21.64px;
	}

	.slick-next {
		right: 4.64px;
	}

	.ornament-bg {
		width: 76px;
		min-height: 86px;
		position: absolute;
		top: -18%;
		left: -3.6%;
	}

	.section-weekly-books {
		position: relative;
		top: 10px;
	}

	.align-youtube .col-lg-4.col-md-4.col-sm-12:first-child {
		position: relative;
		right: 0px;
	}

	.btn-transparent-white {
		padding-block: min(2.79vh, 3.95rem);
	}

	.action-channel {
		width: 100%;
	}

	.action-channel a {
		width: 96%;
		margin-top: 0px;
		position: relative;
	}


	.label-book-weekly h2 {
		position: relative;
		bottom: -22px;
	}

	.label-book-weekly h2 br {
		display: none;
	}

	.label-book-weekly a {
		display: none;
	}

	.more-book-weekly {
		width: 100%;
		display: unset;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.more-book-weekly a {
		width: 96%;
		margin-top: 0px;
		margin-bottom: 48px;
		position: relative;
	}

	/* SECTION WEEKLY BOOKS HOME 576-755 END */

	/* YOUTUBE CHANNEL CORP 576-755 */
	.thumbnail-youtube-uploads {
		display: flex;
		flex-wrap: wrap;
		margin-top: 24px;
		margin-bottom: 36px;
	}

	/* YOUTUBE CHANNEL CORP 576-755 */
	.white-solid-form {
		padding: 50px 32px;
	}


	/* WRITER 576-755 START */
	.content-summary-writter {
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.section-static-writter .col-xl-8 {
		position: relative;
		top: 64px;
	}

	.section-writter-contents .col-xl-10 {
		position: relative;
		top: -15px;
	}

	.right-profile-writter {
		width: 100%;
		padding-right: 5px;
		padding-left: 5px;
	}

	.writter-name {
		width: 100%;
	}

	.writter-name a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.writter-name a h1,
	.writter-name a h2 {
		text-align: center;
		width: 100%;
	}

	/* WRITER 576-755 END */
	/* FOOTER SECTION 576-755 START*/
	.footer-row-one {
		padding: 24px 0px 10px 0px;
	}

	.left-footer,
	.center-footer,
	.right-footer {
		width: 100%;
	}

	.left-footer {
		display: flex;
		flex-wrap: wrap;
	}

	.left-footer .footer-brand {
		display: none;
	}

	.left-footer .footer-label.dua {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		order: 1;
	}


	.left-footer .footer-label.satu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		order: 2;
		text-align: center;
		padding-left: 24px;
		padding-right: 24px;
	}

	.left-footer .footer-label.satu p {
		font: normal 400 clamp(1rem, 0.8714rem + 0.6431vw, 1.1025rem) var(--font-poppins);
		margin-bottom: 0px;
		line-height: 152%;
	}

	.left-footer .footer-label h4 {
		padding-right: 0px;
		color: var(--blue-900);
		font: normal 700 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
		margin-bottom: 20px;
	}

	.show-hide-kit {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.show-hide-addres {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		text-align: center;
	}

	.social-network-corporate ul {
		padding-left: 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.socmed-circle {
		width: 40px;
		height: 40px;
	}

	.center-footer .row .col-sm-12 {
		display: none;
	}

	.right-footer .footer-label {
		display: none;
	}

	.right-footer .wrp-act-footer .btn-act-footer {
		display: none;
	}

	.halo-erlangga {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding: 14px 4px 0px 4px;
	}

	.footer-row-two .footer-brand {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin-bottom: 36px;
		margin-top: 0px;
	}

	.footer-copyright {
		color: var(--blue-900);
		font: normal 400 clamp(1rem, 0.8714rem + 0.6431vw, 1.1025rem) var(--font-poppins);
		line-height: 142%;
	}

	.footer-copyright p span {
		display: none;
	}

	.footer-row-two {
		margin-bottom: 64px;
	}

	/* FOOTER SECTION 576-755 END*/
}

/* MEDIA 576-755 END */

/* MEDIA 540-575 START */
@media screen and (min-width: 540px) and (max-width: 575px) {

	html,
	body {
		overflow-x: clip;
		display: block;
		scroll-behavior: smooth;
	}

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

	/* CONTAINER 540-575 START*/

	.erlangga-container {
		max-width: 100%;
		margin: 0 auto;
		padding-right: 15px;
		padding-left: 15px;
	}

	.default-container {
		max-width: 100%;
		margin: 0 auto;
		padding-right: 15px;
		padding-left: 15px;
	}

	/* CONTAINER 540-575 END*/
	/* ERLANGGA DIALOG ANNIVERSARY 540-575 */
	.modal-dialog-erlangga {
		min-width: 480px;
		max-width: 506px;
		top: 124px;
		margin: 0 auto;

	}

	/* ERLANGGA DIALOG ANNIVERSARY 540-575 */
	/* search form 540-575 start */

	.card-search-dialog {
		width: 100%;
		padding: 32px 20px;
		top: 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-webkit-box-shadow: none;
		border: 1px solid var(--grey-two);
		border-radius: 0px;
		min-height: 100%;
	}

	.relative-type-search {
		width: 100%;
		height: 90vh;
		padding-bottom: 48px;
		margin-bottom: 46px;
	}

	.text-search-btn {
		display: none;
	}

	.btn-submit-search {
		padding: 13.6px 17px;
	}

	.label-search-form {
		width: 280px;
	}

	.search-page {
		margin-top: 86px;
	}

	#close-box-search {
		right: 24px;
		top: 34px;
	}

	.text-type-search {
		min-width: 71.15%;
		max-width: 72%;
	}

	/* search form 540-575 end */

	/* PRIMARY SLIDER 540-575 START */

	.section-primary-slider {
		min-height: 714px;
		max-height: 714px;
		overflow: hidden;
		top: 0px;
	}

	#carouselPrimary.carousel {
		min-height: 752px;
	}

	#carouselPrimary .carousel-caption-primary {
		max-width: 100%;
		bottom: 0px;
		/* top: 104px; */
		top: 76px;
	}

	#carouselPrimary .carousel-inner {
		overflow: unset;
	}


	.section-primary-slider::before {
		z-index: 7;
	}

	#carouselPrimary .carousel-item img.w-100 {
		/* width: 169.86% !important;
		max-width: 169.86% !important;
		margin-left: -34.64%; */
		width: 154.86% !important;
		max-width: 155.86%;
		margin-left: -30.64%;
	}

	#carouselPrimary .carousel-inner::before {
		position: absolute;
		content: " ";
		left: 0px;
		bottom: -332px;
		background: yellowgreen;
		/* background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.14) 14%, rgba(0, 0, 0, 0.76) 61%, rgba(0, 0, 0, 1) 100%);
				background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.14) 14%, rgba(0, 0, 0, 0.76) 61%, rgba(0, 0, 0, 1) 100%);
				background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.14) 14%, rgba(0, 0, 0, 0.76) 61%, rgba(0, 0, 0, 1) 100%);
				filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1845a1', GradientType=0); */
		background: linear-gradient(to bottom, rgba(0, 90, 211, 0.01) 0%, rgba(0, 90, 211, 1) 56%, rgba(0, 90, 211, 1) 100%);
		width: 100vw;
		min-height: 696px;
		z-index: 4;
	}

	.wrp-caption-primary {
		padding: 0px 16px 76px 16px;
		z-index: 4;
		position: relative;
	}

	.wrp-caption-primary::before {
		content: " ";
		position: absolute;
		top: 16.96%;
		bottom: unset;
		left: 0px;
		width: 119%;
		height: 391px;
		margin: 0 auto;
		background: linear-gradient(to bottom, rgba(0, 90, 211, 0.01) 0%, rgba(0, 90, 211, 1) 56%, rgba(0, 90, 211, 1) 100%);
		/* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 26%, rgba(0, 0, 0, 0.64) 51%, rgba(0, 0, 0, 0.95) 81%, rgba(0, 0, 0, 1) 100%); */
		/* background: red; */
		z-index: 7;
		opacity: 0;
	}

	#carouselPrimary .carousel-control-next {
		width: 32px;
		height: 32px;
	}

	#carouselPrimary .carousel-control-prev {
		width: 32px;
		height: 32px;
	}

	#carouselPrimary .carousel-control-next .carousel-control-next-icon {
		width: 1rem;
		height: 1rem;
		filter: invert(64%);
	}

	#carouselPrimary .carousel-control-prev .carousel-control-prev-icon {
		width: 1rem;
		height: 1rem;
		filter: invert(64%);
	}

	#carouselPrimary .carousel-inner .carousel-item {
		position: relative;
		z-index: 6;
	}

	.carousel-caption-content.left-align-center {
		align-items: flex-end !important;
		-ms-align-items: flex-end !important;
		-moz-align-items: flex-end !important;
		-webkit-align-items: flex-end !important;
	}

	.fragment-text.direction-column {
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.title-carousel-primary {
		text-align: center !important;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.right-align-center {
		align-items: end !important;
		-ms-align-items: end !important;
		-moz-align-items: end !important;
		-webkit-align-items: end !important;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.fragment-text-35 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-40 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.center-align-center {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-pack: center !important;
		justify-content: center !important;
		-ms-flex-align: center !important;
		align-items: end !important;
		-ms-align-items: end !important;
		-moz-align-items: end !important;
		-webkit-align-items: end !important;
	}

	.center-align-center .fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-right: 0px;
	}

	.title-carousel-primary p {
		padding-right: 0px;
	}

	.title-carousel-primary {
		text-align: center !important;
		padding-right: 0px;
	}

	.title-carousel-primary h2 {
		font: normal 800 clamp(1.8525rem, 1.6486rem + 1.0196vw, 2.015rem) var(--font-poppins);
		text-align: center;
		margin-bottom: 6px;
	}

	.title-carousel-primary p {
		padding-right: 0px;
		opacity: .64;
		margin-bottom: 15px;
	}

	.wrp-cta-carousel {
		display: none;
	}

	.wrp-cta-carousel-mobile {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin: 0 auto;
	}

	.carousel-caption-content {
		width: 100%;
		height: 360px;
		/* border: 1px solid #cf0000; */
		padding-bottom: 74px;
		z-index: 8;
		position: relative;
	}

	#carouselPrimary .carousel-indicators {
		/* bottom: 256px; */
		bottom: 296px;
		z-index: 7;
	}

	#carouselPrimary .carousel-control-next {
		z-index: 8;
		top: 30.24%;
		right: 8px;
	}

	#carouselPrimary .carousel-control-prev {
		z-index: 8;
		top: 30.24%;
		left: 8px;
	}
	.carousel-caption-content .wrp-cta-carousel-mobile .btn-transparent-white {
		min-width: 266px;
	}
	.carousel-caption-content .wrp-cta-carousel-mobile .btn-blue {
		min-width: 266px;
	}
	/* PRIMARY SLIDER 540-575 END */

	/* SECTION TAB OVERLAP 540-575 START */
	.row--tabulation-one {
		display: none;
	}

	.wrp-tab-infographic {
		display: none;
	}

	.row--tabulation-two {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		min-height: 324px;
		background: transparent none;
		margin-top: 36px;
		padding: 64px 0px 0px 0px;
	}

	.wrp-according-catalog {
		width: 100%;
		height: auto;
		margin-top: -56px;
	}

	.wrp-according-catalog .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border: 1px solid var(--gray-100);
		/* background: var(--gray-100); */
	}
	#accordionSubcatalog .accordion-item {
		background: var(--gray-100);
	}
	#accordionSubcatalog .accordion-button {
		background: var(--gray-100);
	}
	.wrp-according-catalog .accordion-button:not(.collapsed) {
		background-color: var(--white-one);
	}

	.wrp-according-catalog .accordion-button {
		border-radius: 0px;
	}

	.wrp-according-catalog .accordion-item {
		border: 0px solid #fff !important;
	}

	.wrp-according-catalog .accordion-body.accordion-body-catalog {
		border: 1px solid #fff !important;
		padding: 4.5px 0px;
	}

	.wrp-according-catalog .accordion-button::after {
		display: none;
	}
	/* ACCORDION 540-575 NICH */
	#accordionSubcatalog {
	padding: 3.5px 10px;
	background: var(--gray-100);
	}

	.wrp-scroll-horizontal {
	width: 100%;
	min-height: 156px;
	overflow-x: scroll;
	}

	.row-catalog-mobile {
	display: inline-flex;
	flex-wrap: nowrap;
	overflow-x: scroll;
	}

	.row-catalog-mobile.row,
	.row-catalog-mobile.container,
	.row-catalog-mobile.container-fluid {
	margin-left: -8px;
	margin-right: -8px;
	}

	.row-catalog-mobile>[class^="col-"] {
	padding-left: 8px;
	padding-right: 8px;
	}

	.row-catalog-mobile .col-12.column-sm-news {
	flex: 0 0 auto;
	width: 314px !important;
	}


	.wrp-according-subcatalog .accordion-button h4 {
	color: var(--blue-900);
	font: normal 600 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
	margin-bottom: 1px;
	}

	.tabulation-title h3 {
	color: var(--blue-900);
	font: normal 600 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
	}

	.wrp-according-subcatalog .accordion-button::after {
	display: block;
	}

	.tabulation-title {
	width: 80.14%;
	}

	/* SECTION TAB OVERLAP 540-575 END */

	.wrp-scroll-horizontal {
		width: 100%;
		min-height: 156px;
		overflow-x: scroll;
	}

	.row-catalog-mobile {
		display: inline-flex;
		flex-wrap: nowrap;
		overflow-x: scroll;
	}

	.row-catalog-mobile.row,
	.row-catalog-mobile.container,
	.row-catalog-mobile.container-fluid {
		margin-left: -8px;
		margin-right: -8px;
	}

	.row-catalog-mobile>[class^="col-"] {
		padding-left: 8px;
		padding-right: 8px;
	}

	.row-catalog-mobile .col-12.column-sm-news {
		flex: 0 0 auto;
		width: 314px !important;
	}


	.wrp-according-subcatalog .accordion-button h4 {
		color: var(--blue-900);
		font: normal 600 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
	}

	.tabulation-title h3 {
		color: var(--blue-900);
		font: normal 600 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
	}

	.wrp-according-subcatalog .accordion-button::after {
		display: block;
	}

	.tabulation-title {
		width: 80.14%;
	}
	#accordionCatalog {
		border: 2px solid var(--gray-100);
		border-radius: 17px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	}

	#accordionCatalog .accordion-pluss{
		position: relative;
		width: 100%;
		min-height: 32px;
	}

	#accordionCatalog .accordion-pluss::after {
		display: block;
		position: absolute;
		content: "";
		right: 20px;
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
		background-size: 80%!important;
	}
	#accordionCatalog .accordion-pluss:not(.collapsed)::after {
		display: block;
		position: absolute;
		content: "";
		right: 20px;
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
		background-size: 80%!important;
	}

	#accordionSubcatalog .accordion-button::after {
		display: block;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
		background-size: 86%!important;
	}

	#accordionSubcatalog .accordion-button:not(.collapsed)::after {
		display: block;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
		transform: rotate(-180deg)!important;
		background-size: 86%!important;
	}

	.wrp-according-catalog .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 1px solid var(--gray-600);
		border-bottom: 1px solid var(--gray-100);
		border-left: 1px solid var(--white-one);
		border-right: 1px solid var(--white-one);

	}

	#accordionCatalog .accordion-button:first-child {
		/* border-top: 1px solid yellowgreen; */
		border-top: 0px solid var(--white-one);
	}

	#accordionCatalog .accordion-button{
		padding-left: 8px;
		padding-right: 8px;
	}

	#accordionCatalog .accordion-button:last-child {
		/* border-top: 1px solid yellowgreen; */
		border-top: 0px solid var(--white-one);
	}
	/* SECTION TAB OVERLAP 540-575 END */
	/* DESKTOP NAVBAR 540-575 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}

	.navbar-mobile.active {
		background: var(--blue-900);
		visibility: visible;
		z-index: 9;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-align-right {
		min-width: 112px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		margin-right: -5px;
	}

	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -10px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--white-one);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--white-one);
	}

	/* DESKTOP NAVBAR 540-575 END */


	/* MOBILE NABAR 540-575*/

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--blue-900);
		top: 0px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		visibility: hidden;
	}

	.wrp-navbar-mobile {
		width: 100%;
		height: auto;
		display: block
	}

	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 96px 15px 0px 15px;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: var(--blue-900);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto
	}

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--white-one);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--white-one);
		font: normal 400 16px/25.64px var(--font-poppins);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100% -webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-poppins);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	/* MOBILE NAVBAR 540-575 END */

	/* SECTION 540-575 COMPANY PARTNERS START */
	.logo-brand-anniversary {
		padding: 0px 15px 15px 15px;
	}

	.left-infograph-value {
		width: 100%;
		height: auto;
		padding: 48px 15px 80px 15px;
	}

	.row-infograph .col-md-5 {
		display: flex;
		flex-wrap: wrap;
		order: 2;
	}

	.row-infograph .col-md-7 {
		display: flex;
		flex-wrap: wrap;
		order: 1;
	}

	.card-branch-born a {
		min-height: 164px;
	}

	.logo-brand-anniversary {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company h3 {
		text-align: center;
	}

	.anniversary-company h4 {
		text-align: center;
	}

	.anniversary-company {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-bottom: 76px;
	}

	.anniversary-company a {
		width: 96%;
		margin-top: 10px;
		position: relative;
	}

	.left-infograph-value .col-12 {
		margin-top: 15px;
	}

	.large-card-news {
		position: relative;
		width: 100%;
		min-height: 230px;
		margin-bottom: 18px;
	}

	.icon-services-brand {
		width: 48px;
		height: 48px;
	}

	a.title-news-small {
		width: 100%;
		background: transparent none;
		min-height: 100px;
		position: absolute;
		color: var(--white-one);
		padding: 12px 18px 10px 18px;
	}

	a.title-news-small h3 {
		font: normal 600 clamp(0.79rem, 0.4757rem + 0.4011vw, 1rem) var(--font-poppins);
	}

	.row-small-card .column-sm-news:first-child {
		margin-top: 18px;
		margin-bottom: 8px;
		order: 3;
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 121px;
		max-height: auto;
		display: flex;
		flex-wrap: wrap;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	}

	.small-card-news a:last-child {
		order: 1;
	}

	.small-card-news a:first-child {
		order: 2;
		position: relative;
	}

	a.title-news-small {
		width: 100%;
		background: var(--white-one);
		min-height: 74px;
		/* position: absolute; */
		position: relative;
		color: var(--blue-800);
		padding: 12px 18px 10px 18px;
	}

	a.title-news-small h3 {
		font: normal 600 clamp(0.79rem, 0.4757rem + 0.4011vw, 1rem) var(--font-poppins);
	}

	a.title-news-small h3 span {
		background-color: var(--white-one);
		padding: 0.6px 0px;
		line-height: 164.56%;
	}

	.row-small-card .column-sm-news {
		width: 48%;
	}

	.row-small-card .column-sm-news:first-child {
		margin-top: 18px;
		margin-bottom: 8px;
		order: 1;
	}

	.row-small-card .column-sm-news:nth-child(2) {
		margin-top: 18px;
		order: 2;
	}

	.row-small-card .column-sm-news:nth-child(3) {
		margin-top: 18px;
		order: 3;
		/* border: 1px solid yellow; */
	}

	.row-small-card .column-sm-news:nth-child(4) {
		margin-top: 18px;
		order: 4;
	}

	.row-small-card .only-for-scroll {
		display: flex;
		order: 5;
	}

	.row-small-card .only-for-scroll .small-card-news {
		box-shadow: none;
		background: var(--white-one);
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 164px;
		max-height: auto;
	}

	.small-card-news::before {
		display: none;
	}

	.row-small-card .only-for-scroll .small-card-news {
		box-shadow: none;
		background: var(--white-one);
	}

	.small-card-news a img {
		/* max-width: 120%; */
		max-width: 100%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	.row-small-card {
		display: flex;
		display: inline-flex;
		flex-wrap: nowrap !important;
		overflow-x: scroll;
	}


	.summary-desc-services {
		width: 86.32%;
	}
	#accordionSubcatalog .accordion-item .accordion-button{
		border:0px;
		border-bottom: 1px solid var(--gray-200);
	}
	#accordionSubcatalog .accordion-item:first-child .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 0px solid var(--white-one);
		border-bottom: 1px solid var(--gray-200);
		border-left: 0px solid var(--white-one);
		border-right: 0px solid var(--white-one);
		background: var(--gray-100);
	}

	#accordionSubcatalog .accordion-item:last-child .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 0px solid var(--gray-100);
		border-bottom: 0px solid var(--white-one);
		border-left: 0px solid var(--white-one);
		border-right: 0px solid var(--white-one);
	}

	.icon-services-brand {
		width: 48px;
		height: 48px;
		width: 52px;
		height: 52px;
	}

	.accordion-instruction {
		padding-left: 0px;
		padding-right: 0px;
	}

	.summary-desc-services {
		width: 67.32%;
		width: 83.24%;
		padding-left: 20px;
	}



	.company-logo .slick-slide {
		margin-left: 7px;
		margin-right: 7px;
	}

	.partner-logo a {
		width: 110px;
		min-height: 24px;
		max-height: unset;
		padding: 10px 14.5px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 24px;
		max-height: unset;
	}

	.youtube-chanel-corporate {
		width: 100%;
		background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center no-repeat;
		background-position-x: left;
		background-size: auto;
		background-size: contain;
		background-position-x: 0px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 114px;
		padding-top: 48px;
		overflow: hidden;
		position: relative;
	}

	.youtube-chanel-corporate::before {
		content: "";
		width: 124px;
		height: 162px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px;
	}

	.youtube-chanel-corporate::after {
		content: "";
		width: 118px;
		height: 162px;
		background: url(../images/uploads/background-right-section-youtube-home.png) top center no-repeat;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 0px;
	}

	.action-channel {
		display: none !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block .text-action-channel .action-channel {
		display: block !important;
		width: 100%;
		margin-top: 18px;
	}

	.youtube-chanel-corporate .col-12.d-md-block.pb-5 {
		margin-bottom: 0px !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block.mb-5 {
		margin-bottom: 12px !important;
	}
	.row-youtube-card .col-sm-12:nth-child(2) .hs-responsive-embed-youtube {
		margin-bottom: 24px;
	}

	.row-youtube-card .col-sm-12:nth-child(3) .hs-responsive-embed-youtube {
		margin-bottom: 36px;
	}

	.caption-chanel {
		width: 100%;
		min-height: 205px;
	}
	/* SECTION 540-575 COMPANY PARTNERS END */

	/* KATALOG UMUM 540-575 */

	.center-card-catalog {
		width: 66%;
		padding: 15px 0px 15px 24px;
	}

	.right-card-catalog {
		width: 100%;
		padding: 0px 10px 15px 10px;
	}

	.card-catalog-annualy {
		padding: 24px 10px 36px 15px;
		min-height: 286px;
		max-height: 496px;
		right: 0px;
	}

	.btn-download-catalog {
		margin-top: 5px
	}

	.left-card-catalog {
		width: 128px;
		min-height: 176px;
		max-height: 176px;
		position: relative;
		left: 0px;
		top: 15px;
	}

	/* KATALOG UMUM 540-575 */
	/* SECTION WEEKLY BOOKS HOME 540-575 START */
	.book-home .slick-list {
		margin-left: -5px;
	}

	.book-home .slick-slide {
		margin-left: 11px;
		margin-right: 11px;
	}

	a.real-cover {
		padding: 0px 0px 0px 0px;

	}

	a.real-cover img {
		max-width: 100%;
		object-fit: cover;
		min-height: 186px;
		text-align: center;
	}

	.book-slide-gallery {
		position: relative;
		width: 152px;
		min-height: 294px;
	}

	.book-slide-gallery a.real-cover {
		min-height: 238px;

	}

	.book-slide-gallery a.real-cover img {
		border-radius: 15.64px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	}

	.card-book-gallery {
		width: 152px;
		min-height: 224px;
		max-height: 228px;
	}

	.card-books-title {
		width: 152px;
		min-height: 104px;
		max-height: 106px;
	}

	.card-books-title a h3 {
		font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
		line-height: 134%;
	}

	.card-books-title a p {
		font: normal 400 clamp(0.75rem, 0.6527rem + 0.4863vw, 0.8275rem) var(--font-poppins);
	}

	.wrp-left-book-label {
		min-height: 4px;
	}

	.wrp-left-book-label::before {
		content: " ";
		position: absolute;
		width: 100%;
		min-height: 4px;
		right: unset;
		left: 0 auto;
	}

	.left-book-label {
		min-height: 4px;
	}

	.slick-prev {
		left: 21.64px;
	}

	.book-home .slick-prev {
		z-index: 5;
		top: 38%;
		left: 16px;
	}

	.slick-next {
		right: 4.64px;
	}

	.ornament-bg {
		width: 76px;
		min-height: 86px;
		position: absolute;
		top: -18%;
		left: -3.6%;
	}

	.section-weekly-books {
		position: relative;
		top: 10px;
	}

	.align-youtube .col-lg-4.col-md-4.col-sm-12:first-child {
		position: relative;
		right: 0px;
	}

	.btn-transparent-white {
		padding-block: min(2.79vh, 3.95rem);
	}

	.action-channel {
		width: 100%;
	}

	.action-channel a {
		width: 100%;
		margin-top: 0px;
		position: relative;
	}


	.label-book-weekly h2 {
		position: relative;
		bottom: -22px;
	}

	.label-book-weekly h2 br {
		display: none;
	}

	.label-book-weekly a {
		display: none;
	}

	.more-book-weekly {
		width: 100%;
		display: unset;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.more-book-weekly a {
		width: 96%;
		margin-top: 0px;
		margin-bottom: 48px;
		position: relative;
	}

	/* SECTION WEEKLY BOOKS HOME 540-575 END */

	/* YOUTUBE CHANNEL CORP 540-575 */
	.thumbnail-youtube-uploads {
		display: flex;
		flex-wrap: wrap;
		margin-top: 24px;
		margin-bottom: 36px;
	}

	/* YOUTUBE CHANNEL CORP 540-575 */
	.white-solid-form {
		padding: 50px 30px;
	}


	/* WRITER 540-575 START */
	.content-summary-writter {
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.section-static-writter .col-xl-8 {
		position: relative;
		top: 64px;
	}

	.section-writter-contents .col-xl-10 {
		position: relative;
		top: -15px;
	}

	.right-profile-writter {
		width: 100%;
		padding-right: 5px;
		padding-left: 5px;
	}

	.writter-name {
		width: 100%;
	}

	.writter-name a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.writter-name a h1,
	.writter-name a h2 {
		text-align: center;
	}

	/* WRITER 540-575 END */

	/* KATALOG UMUM 540-575 */

	.center-card-catalog {
		width: 66%;
		padding: 15px 0px 15px 24px;
	}

	.right-card-catalog {
		width: 100%;
		padding: 0px 10px 15px 10px;
	}

	.card-catalog-annualy {
		padding: 24px 10px 36px 15px;
		min-height: 286px;
		max-height: 286px;
		right: 0px;
	}

	.btn-download-catalog {
		margin-top: 5px
	}

	.left-card-catalog {
		width: 128px;
		min-height: 176px;
		max-height: 176px;
		position: relative;
		left: 0px;
		top: 15px;
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 176px;
		/* max-height: auto; */
		max-height: unset;
	}

	.small-card-news a img {
		/* max-width: 100%; */
		max-width: 112.24%;
		margin-left: -5.24%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	.row-small-card {
		display: flex;
		display: inline-flex;
		flex-wrap: nowrap !important;
		overflow-x: scroll;
	}

	/* KATALOG UMUM 540-575 */

	.act-new-book a:first-child {
		margin-bottom: 12px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:first-child {
		margin-top: 6px;
	}

	/* FOOTER SECTION 540-575 START*/
	.footer-row-one {
		padding: 24px 0px 10px 0px;
	}

	.left-footer,
	.center-footer,
	.right-footer {
		width: 100%;
	}

	.left-footer {
		display: flex;
		flex-wrap: wrap;
	}

	.left-footer .footer-brand {
		display: none;
	}

	.left-footer .footer-label.dua {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		order: 1;
	}


	.left-footer .footer-label.satu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		order: 2;
		text-align: center;
		padding-left: 24px;
		padding-right: 24px;
	}

	.left-footer .footer-label.satu p {
		font: normal 400 clamp(1rem, 0.8714rem + 0.6431vw, 1.1025rem) var(--font-poppins);
		margin-bottom: 0px;
		line-height: 152%;
	}

	.left-footer .footer-label h4 {
		padding-right: 0px;
		color: var(--blue-900);
		font: normal 700 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
		margin-bottom: 20px;
	}

	.show-hide-kit {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.show-hide-addres {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		text-align: center;
	}

	.social-network-corporate ul {
		padding-left: 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.socmed-circle {
		width: 40px;
		height: 40px;
	}

	.center-footer .row .col-sm-12 {
		display: none;
	}

	.right-footer .footer-label {
		display: none;
	}

	.right-footer .wrp-act-footer .btn-act-footer {
		display: none;
	}

	.halo-erlangga {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding: 14px 4px 0px 4px;
	}

	.footer-row-two .footer-brand {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin-bottom: 36px;
		margin-top: 0px;
	}

	.footer-copyright {
		color: var(--blue-900);
		font: normal 400 clamp(1rem, 0.8714rem + 0.6431vw, 1.1025rem) var(--font-poppins);
		line-height: 142%;
	}

	.footer-copyright p span {
		display: none;
	}
	.footer-row-two {
		margin-bottom: 64px;
	}
	/* FOOTER SECTION 540-575 END*/

}

/* MEDIA 540-575 END */

/* MEDIA 481-539 START */
@media screen and (min-width: 480.5px) and (max-width: 539px) {
	html,
	body {
		overflow-x: clip;
		display: block;
		scroll-behavior: smooth;
	}

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

	/* CONTAINER 481-539 START*/

	.erlangga-container {
		max-width: 100%;
		margin: 0 auto;
		padding-right: 15px;
		padding-left: 15px;
	}

	/* CONTAINER 481-539 END*/
	.default-container {
		max-width: 100%;
	}

	/* ERLANGGA DIALOG ANNIVERSARY 481-539 */
	.modal-dialog-erlangga {
		min-width: 346px;
		max-width: 346px;
		top: 176px;
	}

	/* ERLANGGA DIALOG ANNIVERSARY 481-539 */
	/* search form 481-539 start */

	.card-search-dialog {
		width: 100%;
		padding: 32px 20px;
		top: 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-webkit-box-shadow: none;
		border: 1px solid var(--grey-two);
		border-radius: 0px;
		min-height: 100%;
	}

	.relative-type-search {
		width: 100%;
		height: 90vh;
		padding-bottom: 48px;
		margin-bottom: 46px;
	}

	.wrp-type-sugestion {
		margin-bottom: 132px;
	}

	.text-search-btn {
		display: none;
	}

	.btn-submit-search {
		padding: 13.6px 17px;
	}

	.label-search-form {
		width: 280px;
	}

	.search-page {
		margin-top: 86px;
	}

	#close-box-search {
		right: 24px;
		top: 34px;
	}

	.text-type-search {
		min-width: 71.15%;
		max-width: 92%;
		word-break: break-word;
		/* white-space: pre-line; */
		white-space: wrap;
		overflow-wrap: break-word;
		-ms-word-break: break-word;
		word-break: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
		max-height: 50.24px;
		overflow-y: hidden;
		font: normal 500 14px/22px var(--font-poppins);
	}

	/* search form 481-539 end */

	/* PRIMARY SLIDER 481-539 START */

	.section-primary-slider {
		/* min-height: 714px;
		max-height: 714px; */
		min-height: 574px;
		max-height: 574px;
		overflow: hidden;
		top: 0px;
	}

	#carouselPrimary.carousel {
		min-height: 752px;
	}

	#carouselPrimary .carousel-caption-primary {
		max-width: 100%;
		bottom: 0px;
		/* top: 104px; */
		/* position: relative; */
		/* top: 74px; */
		top: -18px;
	}

	#carouselPrimary .carousel-caption-primary::before {
		/* content: " ";
		position: absolute;
		top: unset;
		bottom: -37.96%;
		left: 0px;
		width: 119%;
		height: 186px;
		margin: 0 auto; */
		/* background: linear-gradient(to bottom, rgba(0, 90, 211, 0.01) 0%, rgba(0, 90, 211, 1) 56%, rgba(0, 90, 211, 1) 100%); */
		/* background: yellow; */
		/* background: linear-gradient(to bottom,  rgba(0,90,211,0) 0%,rgba(0,90,211,0.26) 15%,rgba(0,90,211,0.76) 30%,rgba(0,90,211,0.78) 31%,rgba(0,90,211,1) 41%,rgba(0,90,211,1) 50%,rgba(0,90,211,0.94) 60%,rgba(0,90,211,0.76) 72%,rgba(0,90,211,0.32) 85%,rgba(0,90,211,0) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 26%, rgba(0, 0, 0, 0.64) 51%, rgba(0, 0, 0, 0.95) 81%, rgba(0, 0, 0, 1) 100%); */
		/* background: red; */
		/* z-index: 4; */
	}

	#carouselPrimary .carousel-inner {
		overflow: unset;
	}


	.section-primary-slider::before {
		z-index: 7;
	}

	#carouselPrimary .carousel-item img.w-100 {
		/* width: 169.86% !important;
		max-width: 169.86% !important;
		margin-left: -34.64%; */
		width: 154.86% !important;
		max-width: 155.86% !important;
		margin-left: -29.64%;
	}

	#carouselPrimary .carousel-inner::before {
		position: absolute;
		content: " ";
		left: 0px;
		bottom: -164px;
		background: yellowgreen;
		/* background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.14) 14%, rgba(0, 0, 0, 0.76) 61%, rgba(0, 0, 0, 1) 100%);
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.14) 14%, rgba(0, 0, 0, 0.76) 61%, rgba(0, 0, 0, 1) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.14) 14%, rgba(0, 0, 0, 0.76) 61%, rgba(0, 0, 0, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1845a1', GradientType=0); */
		background: linear-gradient(to bottom, rgba(0, 90, 211, 0.01) 0%, rgba(0, 90, 211, 1) 56%, rgba(0, 90, 211, 1) 100%);
		width: 100vw;
		min-height: 366px;
		z-index: 4;
	}

	.wrp-caption-primary {
		padding: 0px 16px 76px 16px;
		z-index: 4;
		position: relative;
	}

	.wrp-caption-primary::before {
		/* content: " ";
		position: absolute;
		top: 5.96%;
		bottom: unset;
		left: 0px;
		width: 119%;
		height: 356px;
		margin: 0 auto;
		background: linear-gradient(to bottom, rgba(0, 90, 211, 0.01) 0%, rgba(0, 90, 211, 1) 56%, rgba(0, 90, 211, 1) 100%); */
		/* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 26%, rgba(0, 0, 0, 0.64) 51%, rgba(0, 0, 0, 0.95) 81%, rgba(0, 0, 0, 1) 100%); */
		/* background: red; */
		/* z-index: 7; */
	}

	#carouselPrimary .carousel-control-next {
		width: 32px;
		height: 32px;
	}

	#carouselPrimary .carousel-control-prev {
		width: 32px;
		height: 32px;
	}

	#carouselPrimary .carousel-control-next .carousel-control-next-icon {
		width: 1rem;
		height: 1rem;
		filter: invert(64%);
	}

	#carouselPrimary .carousel-control-prev .carousel-control-prev-icon {
		width: 1rem;
		height: 1rem;
		filter: invert(64%);
	}

	#carouselPrimary .carousel-inner .carousel-item {
		position: relative;
		z-index: 6;
	}

	.carousel-caption-content.left-align-center {
		align-items: flex-end !important;
		-ms-align-items: flex-end !important;
		-moz-align-items: flex-end !important;
		-webkit-align-items: flex-end !important;
	}

	.fragment-text.direction-column {
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}


	.title-carousel-primary {
		text-align: center !important;
	}

	.fragment-text-35 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-40 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.center-align-center .fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.carousel-caption-100 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.title-carousel-primary h2 {
		font: normal 800 clamp(1.8525rem, 1.6486rem + 1.0196vw, 2.015rem) var(--font-poppins);
		text-align: center;
		margin-bottom: 6px;
	}

	.title-carousel-primary p {
		padding-right: 0px;
		opacity: .64;
		margin-bottom: 15px;
	}

	.wrp-cta-carousel {
		display: none;
	}

	.wrp-cta-carousel-mobile {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin: 0 auto;
	}

	.carousel-caption-content {
		width: 100%;
		height: 360px;
		/* border: 1px solid #cf0000; */
		padding-bottom: 74px;
		z-index: 8;
		position: relative;
	}

	#carouselPrimary .carousel-indicators {
		/* bottom: 286px; */
		bottom: 424px;
		z-index: 7;
	}

	#carouselPrimary .carousel-control-next {
		z-index: 8;
		/* top: 30.24%; */
		top: 23.24%;
		right: 8px;
	}

	#carouselPrimary .carousel-control-prev {
		z-index: 8;
		/* top: 30.24%; */
		top: 23.24%;
		left: 8px;
	}

	/* PRIMARY SLIDER 481-539 END */

	/* SECTION TAB OVERLAP 481-539 START */
	.row--tabulation-one {
		display: none;
	}

	.wrp-tab-infographic {
		display: none;
	}

	.row--tabulation-two {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		min-height: 324px;
		/* background: transparent none; */
		background: var(--white-one);
		margin-top: 36px;
		padding: 64px 0px 0px 0px;
	}

	.wrp-according-catalog {
		width: 100%;
		height: auto;
		margin-top: -56px;
	}

	.wrp-according-catalog .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 1px solid var(--gray-100);
		border-bottom: 1px solid var(--gray-100);
		border-left: 1px solid var(--white-one);
		border-right: 1px solid var(--white-one);
	}

	#accordionSubcatalog .accordion-item:first-child .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 1px solid var(--white-one);
		border-bottom: 1px solid var(--gray-100);
		border-left: 1px solid var(--white-one);
		border-right: 1px solid var(--white-one);
	}

	.services-items a {
		padding: 6px 0px;
	}

	#accordionSubcatalog .accordion-item:last-child .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 1px solid var(--gray-100);
		border-bottom: 1px solid var(--white-one);
		border-left: 1px solid var(--white-one);
		border-right: 1px solid var(--white-one);
	}

	.wrp-according-catalog .accordion-button:not(.collapsed) {
		background-color: var(--white-one);
	}

	.wrp-according-catalog .accordion-button {
		border-radius: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.wrp-according-catalog .accordion-item {
		border: 0px solid #fff !important;
	}

	.wrp-according-catalog .accordion-body.accordion-body-catalog {
		border: 1px solid #fff !important;
		padding: 15px 0px;
	}

	.wrp-according-catalog .accordion-button::after {
		display: none;
	}
	/* ACCORDION 481-39 NICH */
	#accordionCatalog .accordion-pluss{
		position: relative;
		width: 100%;
		min-height: 32px;
	}

	#accordionCatalog .accordion-pluss::after {
		display: block;
		position: absolute;
		content: "";
		right: 20px;
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
		background-size: 80%!important;
	}
	#accordionCatalog .accordion-pluss:not(.collapsed)::after {
		display: block;
		position: absolute;
		content: "";
		right: 20px;
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
		background-size: 80%!important;
	}

	#accordionSubcatalog .accordion-button::after {
		display: block;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
		background-size: 86%!important;
	}

	#accordionSubcatalog .accordion-button:not(.collapsed)::after {
		display: block;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
		transform: rotate(-180deg)!important;
		background-size: 86%!important;
	}

	.wrp-according-catalog .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 1px solid var(--gray-600);
		border-bottom: 1px solid var(--gray-100);
		border-left: 1px solid var(--white-one);
		border-right: 1px solid var(--white-one);

	}

	#accordionCatalog .accordion-button:first-child {
		/* border-top: 1px solid yellowgreen; */
		border-top: 0px solid var(--white-one);
	}

	#accordionCatalog .accordion-button{
		padding-left: 8px;
		padding-right: 8px;
	}

	#accordionCatalog .accordion-button:last-child {
		/* border-top: 1px solid yellowgreen; */
		border-top: 0px solid var(--white-one);
	}

	#accordionSubcatalog .accordion-button{
		background: var(--gray-100);
		border: 0px;
	}

	#accordionSubcatalog .accordion-item{
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 1px solid var(--gray-100);
		border-bottom: 1px solid var(--gray-200);
		border-left: 1px solid var(--gray-100);
		border-right: 1px solid var(--gray-100);
		background: var(--gray-100);

	}

	#accordionSubcatalog .accordion-item .accordion-button {
		padding-left: 10px;
		padding-right: 10px;
	}

	#accordionSubcatalog .accordion-item:first-child .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 0px solid var(--gray-100);
		border-bottom: 1px solid var(--gray-100);
		border-left: 0px solid var(--gray-100);
		border-right: 0px solid var(--gray-100);
		background: var(--gray-100);
	}

	.services-items a {
		padding: 6px 0px;
	}

	#accordionSubcatalog .accordion-item:last-child .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 1px solid var(--gray-100);
		border-bottom: 0px solid var(--white-one);
		border-left: 0px solid var(--white-one);
		border-right: 0px solid var(--white-one);
	}

	.wrp-according-catalog .accordion-button:not(.collapsed) {
		background-color: var(--white-one);
	}

	.wrp-according-catalog .accordion-button {
		border-radius: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	#accordionCatalog{
		border: 2px solid var(--gray-100);
		border-radius: 17px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	}
	#accordionCatalog .accordion-item .accordion-header{
		/* padding: 6.64px; */
		padding: 0px 0px;
	}
	.wrp-according-catalog .accordion-item {
		/* border: 0px solid #fff !important; */
		border: 1px solid #cf0000 !important;
		/* border: 1px solid var(--gray-100) !important; */
		border-radius: 16.64px;
	}

	#accordionCatalog .accordion-item {
		border-radius: 0px;
		/* border: 1px solid green !important; */
		border: 0px solid var(--white-one) !important;
		padding-left: 6px;
		padding-right: 6px;
	}

	#accordionCatalog .accordion-item:first-child {
		border-radius: 16.64px 16.64px 0px 0px;
	}
	#accordionCatalog .accordion-item:last-child {
		border-radius: 0px 0px 16.64px 16.64px;
	}
	.wrp-according-catalog .accordion-body.accordion-body-catalog {
		border: 1px solid #fff !important;
		/* padding: 15px 0px; */
		padding: 4px 0px;
	}

	#accordionSubcatalog .accordion-item {
		border-radius: 0px;
		border-bottom: 1px solid var(--gray-200)!important;
	}
	#accordionSubcatalog .accordion-item:last-child {
		border-bottom: 0px solid var(--gray-200)!important;
	}
	.wrp-according-catalog .accordion-button::after {
		display: none;
	}


   /* ACCORDION 481-39 NICH */
    #accordionSubcatalog {
		padding: 3.5px 10px;
		background: var(--gray-100);
		border-radius: 16.64px;
	}

	.wrp-scroll-horizontal {
		width: 100%;
		min-height: 156px;
		overflow-x: scroll;
	}

	.row-catalog-mobile {
		display: inline-flex;
		flex-wrap: nowrap;
		overflow-x: scroll;
	}

	.row-catalog-mobile.row,
	.row-catalog-mobile.container,
	.row-catalog-mobile.container-fluid {
		margin-left: -8px;
		margin-right: -8px;
	}

	.row-catalog-mobile>[class^="col-"] {
		padding-left: 8px;
		padding-right: 8px;
	}

	.row-catalog-mobile .col-12.column-sm-news {
		flex: 0 0 auto;
		width: 314px !important;
	}


	.wrp-according-subcatalog .accordion-button h4 {
		color: var(--blue-900);
		font: normal 600 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
		margin-bottom: 1px;
	}

	.tabulation-title h3 {
		color: var(--blue-900);
		font: normal 600 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
	}

	.wrp-according-subcatalog .accordion-button::after {
		display: block;
	}

	.tabulation-title {
		width: 80.14%;
	}

	/* SECTION TAB OVERLAP 481-539 END */
	/* DESKTOP NAVBAR 481-539 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}

	.navbar-mobile.active {
		background: var(--blue-900);
		visibility: visible;
		z-index: 9;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-align-right {
		min-width: 112px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		/* margin-right: -5px; */
		margin-right: -15px;
	}

	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -10px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--white-one);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--white-one);
	}

	/* DESKTOP NAVBAR 481-539 END */


	/* MOBILE NABAR 480*/

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--blue-900);
		top: 0px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		visibility: hidden;
	}

	.wrp-navbar-mobile {
		width: 100%;
		height: auto;
		display: block
	}

	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 96px 15px 0px 15px;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: var(--blue-900);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto
	}

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--white-one);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--white-one);
		font: normal 400 16px/25.64px var(--font-poppins);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100% -webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-poppins);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	/* MOBILE NAVBAR 481-539 END */
	.center-align-center .fragment-text-50 {
		position: relative;
		bottom: -32px;
	}

	/* SECTION 481-539 COMPANY PARTNERS START */
	.logo-brand-anniversary {
		padding: 0px 15px 15px 15px;
	}

	.left-infograph-value {
		width: 100%;
		height: auto;
		padding: 48px 15px 80px 15px;
	}

	.row-infograph .col-md-5 {
		display: flex;
		flex-wrap: wrap;
		order: 2;
	}

	.row-infograph .col-md-7 {
		display: flex;
		flex-wrap: wrap;
		order: 1;
	}

	.card-branch-born a {
		min-height: 164px;
	}

	.logo-brand-anniversary {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company h3 {
		text-align: center;
	}

	.anniversary-company h4 {
		text-align: center;
	}

	.anniversary-company {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-bottom: 76px;
	}

	.anniversary-company a {
		width: 96%;
		margin-top: 10px;
		position: relative;
	}

	.left-infograph-value .col-12 {
		margin-top: 15px;
	}

	.large-card-news {
		position: relative;
		width: 100%;
		min-height: 230px;
		margin-bottom: 18px;
	}

	.icon-services-brand {
		/* width: 48px;
		height: 48px; */
		width: 52px;
		height: 52px;
	}

	.small-card-news a:first-child {
		order: 2;
	}

	.small-card-news a:last-child {
		order: 1;
	}

	a.title-news-small {
		width: 100%;
		background: var(--white-one);
		min-height: 74px;
		/* position: absolute; */
		position: relative;
		color: var(--blue-800);
		padding: 12px 18px 10px 18px;
	}

	a.title-news-small h3 {
		font: normal 600 clamp(0.79rem, 0.4757rem + 0.4011vw, 1rem) var(--font-poppins);
	}

	a.title-news-small h3 span {
		background-color: var(--white-one);
		padding: 0.6px 0px;
		line-height: 164.56%;
	}

	a.title-news-large {
		position: relative;
		background: var(--white-one);
	}

	a.title-news-large h3 {
		line-height: 24.64px;
	}

	.large-card-news {
		display: flex;
		flex-wrap: wrap;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	}

	a.title-news-large h3 span {
		background-color: var(--white-one);
		padding: 0px 1.6px;
		color: var(--blue-800);
		/* font: normal 700 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins); */
		font: normal 600 clamp(0.79rem, 0.4757rem + 0.4011vw, 1rem) var(--font-poppins);
	}

	.large-card-news a:first-child {
		order: 2;
	}

	.large-card-news a:last-child {
		order: 1;
	}

	.row-small-card .column-sm-news {
		width: 48%;
	}

	.row-small-card .column-sm-news:first-child {
		margin-top: 18px;
		margin-bottom: 8px;
		order: 1;
	}

	.row-small-card .column-sm-news:nth-child(2) {
		margin-top: 18px;
		order: 2;
	}

	.row-small-card .column-sm-news:nth-child(3) {
		margin-top: 18px;
		order: 3;
		/* border: 1px solid yellow; */
	}

	.row-small-card .column-sm-news:nth-child(4) {
		margin-top: 18px;
		order: 4;
	}

	.row-small-card .only-for-scroll {
		display: flex;
		order: 5;
	}

	.row-small-card .only-for-scroll .small-card-news {
		box-shadow: none;
		background: var(--white-one);
	}

	.summary-desc-services {
		/* width: 67.32%; */
		width: 83.24%;
		padding-left: 20px;
	}

	.accordion-instruction {
		padding-left: 0px;
		padding-right: 0px;
	}

	.company-logo .slick-slide {
		margin-left: 7px;
		margin-right: 7px;
	}

	.partner-logo a {
		width: 110px;
		min-height: 24px;
		max-height: unset;
		/* padding: 10px 14.5px; */
		padding: 10px 10.5px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 19px;
		max-height: unset;
	}

	.carousel-caption-content .wrp-cta-carousel-mobile .btn-transparent-white {
		min-width: 256px;
	}

	.carousel-caption-content .wrp-cta-carousel-mobile .btn-blue {
		min-width: 256px;
	}

	.carousel-caption-content .wrp-cta-carousel-mobile .btn-yellow {
		min-width: 256px;
	}

	/* LOGO HOME 481-539 */
	.company-logo .slider {
		width: 100%;
	}

	.company-logo .slick-list::before {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		/* background: #cf0000; */
		content: " ";
		height: 90px;
		position: absolute;
		width: 32px;
		z-index: 2;
		left: -24px;
		top: -2px;
	}

	.company-logo .slick-list::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		/* background: #cf0000; */
		content: " ";
		height: 90px;
		position: absolute;
		width: 32px;
		z-index: 2;
		right: -22.6px;
		left: unset;
		top: -2px;
		transform: rotateZ(180deg);
	}

	.company-logo .slick-list {
		overflow: unset;
		width: 100%;
	}

	.company-logo .slick-list .slick-track {
		overflow: unset;
		left: -54px;
	}

	.partner-logo a {
		width: 100px;
		padding: 10px 8.5px;
	}

	.partner-logo a img {
		min-height: 21.24px;
		max-height: auto;
	}

	.company-logo .slick-slide {
		margin-left: 6.4px;
		margin-right: 6.4px;
	}

	/* LOGO HOME 481-539 */


	.youtube-chanel-corporate {
		width: 100%;
		background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center no-repeat;
		background-position-x: left;
		background-size: auto;
		background-size: contain;
		background-position-x: 0px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		padding-bottom: 114px;
		padding-top: 48px;
		overflow: hidden;
		position: relative;
	}

	.youtube-chanel-corporate::before {
		content: "";
		width: 124px;
		height: 162px;
		background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: 96%;
		position: absolute;
		left: -12px;
		right: unset;
		top: 0px;
	}

	.channel-icon {
		width: 100px;
		min-height: 80px;
		position: relative;
	}

	.channel-icon::before {
		content: "";
		width: 80px;
		height: 52px;
	}

	.youtube-chanel-corporate::after {
		content: "";
		width: 111px;
		height: 162px;
		background: url(../images/uploads/background-right-section-youtube-home.png) top center no-repeat;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -6px;
		top: 0px;
	}

	.action-channel {
		display: none !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block .text-action-channel .action-channel {
		display: block !important;
		width: 100%;
		margin-top: 18px;
	}

	.youtube-chanel-corporate .col-12.d-md-block.pb-5 {
		margin-bottom: 0px !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block.mb-5 {
		margin-bottom: 0px !important;
	}

	.row-youtube-card .col-sm-12:nth-child(2) .hs-responsive-embed-youtube {
		margin-bottom: 24px;
	}

	.row-youtube-card .col-sm-12:nth-child(3) .hs-responsive-embed-youtube {
		margin-bottom: 32px;
	}
	.caption-chanel {
		width: 100%;
		min-height: 186px;
	}
	/* SECTION 481-539 COMPANY PARTNERS END */

	/* KATALOG UMUM 481-539 */

	.center-card-catalog {
		width: 66%;
		padding: 15px 0px 15px 24px;
	}

	.right-card-catalog {
		width: 100%;
		padding: 0px 10px 15px 10px;
	}

	.card-catalog-annualy {
		padding: 24px 10px 36px 15px;
		min-height: 286px;
		max-height: 496px;
		right: 0px;
	}

	.btn-download-catalog {
		margin-top: 5px
	}

	.left-card-catalog {
		width: 128px;
		min-height: 176px;
		max-height: 176px;
		position: relative;
		left: 0px;
		top: 15px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:first-child {
		margin-top: 0px;
		position: relative;
		top: -10px;
	}

	/* KATALOG UMUM 481-539 */
	/* SECTION WEEKLY BOOKS HOME 481-539 START */
	.book-home .slick-list {
		margin-left: -5px;
	}

	.book-home .slick-slide {
		margin-left: 9.4px;
		margin-right: 9.4px;
	}

	a.real-cover {
		padding: 0px 0px 0px 0px;

	}

	a.real-cover img {
		max-width: 100%;
		object-fit: cover;
		min-height: 186px;
		text-align: center;
	}

	.book-slide-gallery {
		position: relative;
		width: 156px;
		min-height: 294px;
	}

	.book-slide-gallery a.real-cover {
		min-height: 138px;
	}

	.book-home .slick-prev {
		z-index: 5;
		top: 38%;
		left: 30px;
	}

	.card-book-gallery {
		width: 156px;
		min-height: 226px;
		max-height: 228px;
	}

	.card-books-title {
		width: 156px;
		min-height: 90px;
		max-height: 92px;
		margin-bottom: 4px;
	}

	.card-books-title a h3 {
		font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
		line-height: 134%;
	}

	.card-books-title a p {
		font: normal 400 clamp(0.75rem, 0.6527rem + 0.4863vw, 0.8275rem) var(--font-poppins);
	}

	.wrp-left-book-label {
		min-height: 4px;
	}

	.wrp-left-book-label::before {
		content: " ";
		position: absolute;
		width: 100%;
		min-height: 4px;
		right: unset;
		left: 0 auto;
	}

	.left-book-label {
		min-height: 4px;
		margin-top: 30px;
	}

	.slick-prev {
		left: 21.64px;
	}

	.slick-next {
		right: 4.64px;
	}

	.ornament-bg {
		width: 76px;
		min-height: 86px;
		position: absolute;
		top: 24%;
		left: -3.6%;
	}

	.section-weekly-books {
		position: relative;
		top: 10px;
	}

	.align-youtube .col-lg-4.col-md-4.col-sm-12:first-child {
		position: relative;
		right: 0px;
	}

	.btn-transparent-white {
		/* padding-block: min(2.79vh, 3.95rem); */
	}

	.action-channel {
		width: 100%;
	}

	.action-channel a {
		width: 100%;
		margin-top: 0px;
		position: relative;
	}


	.label-book-weekly h2 {
		position: relative;
		bottom: -22px;
	}

	.label-book-weekly h2 br {
		display: none;
	}

	.label-book-weekly a {
		display: none;
	}

	.more-book-weekly {
		width: 100%;
		display: unset;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.more-book-weekly a {
		width: 96%;
		margin-top: 0px;
		margin-bottom: 48px;
		position: relative;
	}

	/* SECTION WEEKLY BOOKS HOME 481-539 END */

	/* YOUTUBE CHANNEL CORP 481-539 */
	.thumbnail-youtube-uploads {
		display: flex;
		flex-wrap: wrap;
		margin-top: 24px;
		margin-bottom: 36px;
	}

	/* YOUTUBE CHANNEL CORP 481-539 */
	.white-solid-form {
		padding: 50px 30px;
	}


	/* WRITER 481-539 START */
	.content-summary-writter {
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.section-static-writter .col-xl-8 {
		position: relative;
		top: 64px;
	}

	.section-writter-contents .col-xl-10 {
		position: relative;
		top: -15px;
	}

	.right-profile-writter {
		width: 100%;
		padding-right: 5px;
		padding-left: 5px;
	}

	.writter-name {
		width: 100%;
	}

	.writter-name a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.writter-name a h1,
	.writter-name a h2 {
		text-align: center;
	}

	/* WRITER 481-539 END */

	/* KATALOG UMUM 481-539 */

	.center-card-catalog {
		width: 66%;
		padding: 15px 0px 15px 24px;
	}

	.right-card-catalog {
		width: 100%;
		padding: 0px 10px 15px 10px;
	}

	.card-catalog-annualy {
		padding: 24px 10px 36px 15px;
		min-height: 286px;
		max-height: 286px;
		right: 0px;
	}

	.btn-download-catalog {
		margin-top: 5px
	}

	.left-card-catalog {
		width: 128px;
		min-height: 176px;
		max-height: 176px;
		position: relative;
		left: 0px;
		top: -16px;
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 121px;
		/* max-height: auto; */
		max-height: unset;
		display: flex;
		flex-wrap: wrap;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	}

	.small-card-news::before {
		display: none;
	}

	.small-card-news a img {
		/* max-width: 100%; */
		max-width: 113%;
		margin-left: -5.64%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	.row-small-card {
		display: flex;
		display: inline-flex;
		flex-wrap: nowrap !important;
		overflow-x: scroll;
	}

	/* KATALOG UMUM 481-539 */
	.act-new-book a:first-child {
		margin-bottom: 12px;
	}
	/* FLOATING BUTTON CONTACT 481-539 */
	.section-float-act {
		min-width: 206px;
		max-width: 206px;
		position: fixed;
		padding: 6px 5px 6px 6px;
		bottom: 12.64px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.text-act-label h4 {
		font: normal 600 14.64px/24.64px var(--font-poppins);
	}
	.icon-act-btn {
		width: 44px;
		height: 44px;
	}
	/* FLOATING BUTTON CONTACT 481-539 */

	/* FOOTER SECTION 481-539 START*/
	.footer-row-one {
		padding: 24px 0px 10px 0px;
	}

	.left-footer,
	.center-footer,
	.right-footer {
		width: 100%;
	}

	.left-footer {
		display: flex;
		flex-wrap: wrap;
	}

	.left-footer .footer-brand {
		display: none;
	}

	.left-footer .footer-label.dua {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		order: 1;
	}


	.left-footer .footer-label.satu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		order: 2;
		text-align: center;
		padding-left: 24px;
		padding-right: 24px;
	}

	.left-footer .footer-label.satu p {
		font: normal 400 clamp(1rem, 0.8714rem + 0.6431vw, 1.1025rem) var(--font-poppins);
		margin-bottom: 0px;
		line-height: 152%;
	}

	.left-footer .footer-label h4 {
		padding-right: 0px;
		color: var(--blue-900);
		font: normal 700 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
		margin-bottom: 20px;
	}

	.show-hide-kit {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.show-hide-addres {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		text-align: center;
	}

	.social-network-corporate ul {
		padding-left: 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.socmed-circle {
		width: 40px;
		height: 40px;
	}

	.center-footer .row .col-sm-12 {
		display: none;
	}

	.right-footer .footer-label {
		display: none;
	}

	.right-footer .wrp-act-footer .btn-act-footer {
		display: none;
	}

	.halo-erlangga {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding: 14px 4px 0px 4px;
	}

	.footer-row-two .footer-brand {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin-bottom: 36px;
		margin-top: 0px;
	}

	.footer-copyright {
		color: var(--blue-900);
		font: normal 400 clamp(1rem, 0.8714rem + 0.6431vw, 1.1025rem) var(--font-poppins);
		line-height: 142%;
	}

	.footer-copyright p span {
		display: none;
	}
	.footer-row-two {
		margin-bottom: 64px;
	}
	/* FOOTER SECTION 481-539 END*/
}


/* MEDIA 481-539 END */

/* MEDIA 480 START */
@media screen and (max-width : 480px) {

	html,
	body {
		overflow-x: clip;
		display: block;
		scroll-behavior: smooth;
	}

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

	/* CONTAINER 480 START*/

	.erlangga-container {
		max-width: 100%;
		margin: 0 auto;
		padding-right: 15px;
		padding-left: 15px;
	}

	/* CONTAINER 480 END*/
	.default-container {
		max-width: 100%;
	}

	/* ERLANGGA DIALOG ANNIVERSARY 480 */
	.modal-dialog-erlangga {
		min-width: 322px;
		max-width: 336px;
		top: 176px;
	}

	/* ERLANGGA DIALOG ANNIVERSARY 480 */
	/* search form 480 start */

	.card-search-dialog {
		width: 100%;
		padding: 32px 20px;
		top: 0px;
		box-shadow: none;
		-moz-box-shadow: none;
		-ms-box-shadow: none;
		-webkit-box-shadow: none;
		border: 1px solid var(--grey-two);
		border-radius: 0px;
		min-height: 100%;
	}

	.relative-type-search {
		width: 100%;
		height: 90vh;
		padding-bottom: 48px;
		margin-bottom: 46px;
	}

	.wrp-type-sugestion {
		margin-bottom: 132px;
	}

	.text-search-btn {
		display: none;
	}

	.btn-submit-search {
		padding: 13.6px 17px;
	}

	.label-search-form {
		width: 280px;
	}

	.search-page {
		margin-top: 86px;
	}

	#close-box-search {
		right: 24px;
		top: 34px;
	}
	.search-page input.form-control {
		font: normal 400 15.24px/22.64px var(--font-poppins);
	}
	.label-search-form h4 {
		font: normal 700 15.64px/23.64px var(--font-poppins);
	}
	.text-type-search {
		min-width: 71.15%;
		/* max-width: 72%; */
		max-width: 90.64%;
		font: normal 500 13.64px/22.64px var(--font-poppins);
		word-break: break-word;
		/* white-space: pre-line; */
		white-space: wrap;
		overflow-wrap: break-word;
		-ms-word-break: break-word;
		word-break: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
		max-height: 51.24px;
		overflow-y: hidden;
	}

	/* search form 480 end */

	/* PRIMARY SLIDER 480 START */

	.section-primary-slider {
		/* min-height: 714px;
		max-height: 714px; */
		min-height: 574px;
		max-height: 574px;
		overflow: hidden;
		top: 0px;
	}

	#carouselPrimary.carousel {
		min-height: 752px;
	}

	#carouselPrimary .carousel-caption-primary {
		max-width: 100%;
		bottom: 0px;
		/* top: 104px; */
		/* position: relative; */
		/* top: 74px; */
		top: 15px;
	}

	#carouselPrimary .carousel-caption-primary::before {
		/* content: " ";
		position: absolute;
		top: unset;
		bottom: -37.96%;
		left: 0px;
		width: 119%;
		height: 186px;
		margin: 0 auto; */
		/* background: linear-gradient(to bottom, rgba(0, 90, 211, 0.01) 0%, rgba(0, 90, 211, 1) 56%, rgba(0, 90, 211, 1) 100%); */
		/* background: yellow; */
		/* background: linear-gradient(to bottom,  rgba(0,90,211,0) 0%,rgba(0,90,211,0.26) 15%,rgba(0,90,211,0.76) 30%,rgba(0,90,211,0.78) 31%,rgba(0,90,211,1) 41%,rgba(0,90,211,1) 50%,rgba(0,90,211,0.94) 60%,rgba(0,90,211,0.76) 72%,rgba(0,90,211,0.32) 85%,rgba(0,90,211,0) 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		/* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 26%, rgba(0, 0, 0, 0.64) 51%, rgba(0, 0, 0, 0.95) 81%, rgba(0, 0, 0, 1) 100%); */
		/* background: red; */
		/* z-index: 4; */
	}

	#carouselPrimary .carousel-inner {
		overflow: unset;
	}


	.section-primary-slider::before {
		z-index: 7;
	}

	#carouselPrimary .carousel-item img.w-100 {
		/* width: 169.86% !important;
		max-width: 169.86% !important;
		margin-left: -34.64%; */
		width: 154.86% !important;
		max-width: 155.86% !important;
		margin-left: -29.64%;
	}

	#carouselPrimary .carousel-inner::before {
		position: absolute;
		content: " ";
		left: 0px;
		bottom: -164px;
		background: yellowgreen;
		/* background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.14) 14%, rgba(0, 0, 0, 0.76) 61%, rgba(0, 0, 0, 1) 100%);
		background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.14) 14%, rgba(0, 0, 0, 0.76) 61%, rgba(0, 0, 0, 1) 100%);
		background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.14) 14%, rgba(0, 0, 0, 0.76) 61%, rgba(0, 0, 0, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1845a1', GradientType=0); */
		background: linear-gradient(to bottom, rgba(0, 90, 211, 0.01) 0%, rgba(0, 90, 211, 1) 56%, rgba(0, 90, 211, 1) 100%);
		width: 100vw;
		min-height: 366px;
		z-index: 4;
	}

	.wrp-caption-primary {
		padding: 0px 16px 76px 16px;
		z-index: 4;
		position: relative;
	}

	.wrp-caption-primary::before {
		/* content: " ";
		position: absolute;
		top: 5.96%;
		bottom: unset;
		left: 0px;
		width: 119%;
		height: 356px;
		margin: 0 auto;
		background: linear-gradient(to bottom, rgba(0, 90, 211, 0.01) 0%, rgba(0, 90, 211, 1) 56%, rgba(0, 90, 211, 1) 100%); */
		/* background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.32) 26%, rgba(0, 0, 0, 0.64) 51%, rgba(0, 0, 0, 0.95) 81%, rgba(0, 0, 0, 1) 100%); */
		/* background: red; */
		/* z-index: 7; */
	}

	#carouselPrimary .carousel-control-next {
		width: 32px;
		height: 32px;
	}

	#carouselPrimary .carousel-control-prev {
		width: 32px;
		height: 32px;
	}

	#carouselPrimary .carousel-control-next .carousel-control-next-icon {
		width: 1rem;
		height: 1rem;
		filter: invert(64%);
	}

	#carouselPrimary .carousel-control-prev .carousel-control-prev-icon {
		width: 1rem;
		height: 1rem;
		filter: invert(64%);
	}

	#carouselPrimary .carousel-inner .carousel-item {
		position: relative;
		z-index: 6;
	}

	.carousel-caption-content.left-align-center {
		align-items: flex-end !important;
		-ms-align-items: flex-end !important;
		-moz-align-items: flex-end !important;
		-webkit-align-items: flex-end !important;
	}
	.carousel-caption-content.right-align-center {
		align-items: flex-end !important;
		-ms-align-items: flex-end !important;
		-moz-align-items: flex-end !important;
		-webkit-align-items: flex-end !important;
	}
	.fragment-text.direction-column {
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}


	.title-carousel-primary {
		text-align: center !important;
	}

	.fragment-text-35 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-40 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.center-align-center .fragment-text-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
	}

	.carousel-caption-50 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.carousel-caption-100 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		text-align: left;
		width: 100%;
		position: relative;
		padding-bottom: 0px;
		padding-right: 0px;
	}

	.title-carousel-primary h2 {
		font: normal 800 clamp(1.3625rem, 1.2986rem + 1.0009vw, 1.985rem) var(--font-poppins);
		text-align: center;
		margin-bottom: 6px;
		line-height: 29px;
		text-shadow: 1px 2.5px 3px rgba(0,0,0,0.6);
	}

	.title-carousel-primary p {
		padding-right: 0px;
		opacity: .64;
		margin-bottom: 15px;
	}

	.wrp-cta-carousel {
		display: none;
	}

	.wrp-cta-carousel-mobile {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin: 0 auto;
	}

	.carousel-caption-content {
		width: 100%;
		height: 320px;
		/* border: 1px solid #cf0000; */
		padding-bottom: 74px;
		z-index: 8;
		position: relative;
	}

	#carouselPrimary .carousel-indicators {
		/* bottom: 286px; */
		bottom: 436px;
		z-index: 7;
	}

	#carouselPrimary .carousel-control-next {
		z-index: 8;
		top: 22.14%;
		right: 8px;
	}

	#carouselPrimary .carousel-control-prev {
		z-index: 8;
		top: 22.14%;
		left: 8px;
	}

	/* PRIMARY SLIDER 480 END */

	/* SECTION TAB OVERLAP 480 START */
	.row--tabulation-one {
		display: none;
	}

	.wrp-tab-infographic {
		display: none;
	}

	.row--tabulation-two {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		min-height: 324px;
		background: var(--white-one);
		margin-top: 36px;
		padding: 64px 0px 0px 0px;
	}
	#accordionSubcatalog {
		padding: 0px 0px 0px 0px;
	}
	.wrp-according-catalog {
		width: 100%;
		height: auto;
		margin-top: -56px;
	}

	/* #accordionCatalog .accordion-button::after {
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
		transform: scale(.7) !important;
	  }
	#accordionCatalog .accordion-button:not(.collapsed)::after {
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
	} */

	/* #accordionCatalog .accordion-button::after {
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
		transform: scale(.7) !important;
	  }
	#accordionCatalog .accordion-button:not(.collapsed)::after {
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e");
	} */

	.wrp-according-catalog .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 1px solid var(--gray-600);
		border-bottom: 1px solid var(--gray-100);
		border-left: 1px solid var(--white-one);
		border-right: 1px solid var(--white-one);

	}

	#accordionCatalog .accordion-button:first-child {
		/* border-top: 1px solid yellowgreen; */
		border-top: 0px solid var(--white-one);
	}

	#accordionCatalog .accordion-button{
		padding-left: 8px;
		padding-right: 8px;
	}

	#accordionCatalog .accordion-button:last-child {
		/* border-top: 1px solid yellowgreen; */
		border-top: 0px solid var(--white-one);
	}

	#accordionSubcatalog .accordion-button{
		background: var(--gray-100);
		border: 0px;
	}

	#accordionSubcatalog .accordion-item{
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 1px solid var(--gray-100);
		border-bottom: 1px solid var(--gray-200);
		border-left: 1px solid var(--gray-100);
		border-right: 1px solid var(--gray-100);
		background: var(--gray-100);

	}

	#accordionSubcatalog .accordion-item .accordion-button {
		padding-left: 10px;
		padding-right: 10px;
	}

	#accordionSubcatalog .accordion-item:first-child .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 0px solid var(--gray-100);
		border-bottom: 1px solid var(--gray-100);
		border-left: 0px solid var(--gray-100);
		border-right: 0px solid var(--gray-100);
		background: var(--gray-100);
	}

	.services-items a {
		padding: 6px 0px;
	}

	#accordionSubcatalog .accordion-item:last-child .accordion-button {
		text-decoration: none;
		outline: none;
		box-shadow: none !important;
		border-top: 1px solid var(--gray-100);
		border-bottom: 0px solid var(--white-one);
		border-left: 0px solid var(--white-one);
		border-right: 0px solid var(--white-one);
	}

	.wrp-according-catalog .accordion-button:not(.collapsed) {
		background-color: var(--white-one);
	}

	.wrp-according-catalog .accordion-button {
		border-radius: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}

	#accordionCatalog{
		border: 2px solid var(--gray-100);
		border-radius: 17px;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	}
	#accordionCatalog .accordion-item .accordion-header{
		/* padding: 6.64px; */
		padding: 0px 0px;
	}
	.wrp-according-catalog .accordion-item {
		/* border: 0px solid #fff !important; */
		border: 1px solid #cf0000 !important;
		/* border: 1px solid var(--gray-100) !important; */
		border-radius: 16.64px;
	}

	#accordionCatalog .accordion-item {
		border-radius: 0px;
		/* border: 1px solid green !important; */
		border: 0px solid var(--white-one) !important;
		padding-left: 6px;
		padding-right: 6px;
	}

	#accordionCatalog .accordion-item:first-child {
		border-radius: 16.64px 16.64px 0px 0px;
	}
	#accordionCatalog .accordion-item:last-child {
		border-radius: 0px 0px 16.64px 16.64px;
	}
	.wrp-according-catalog .accordion-body.accordion-body-catalog {
		border: 1px solid #fff !important;
		/* padding: 15px 0px; */
		padding: 4px 0px;
	}

	#accordionSubcatalog .accordion-item {
		border-radius: 0px;
		border-bottom: 1px solid var(--gray-200)!important;
	}
	#accordionSubcatalog .accordion-item:last-child {
		border-bottom: 0px solid var(--gray-200)!important;
	}
	.wrp-according-catalog .accordion-button::after {
		display: none;
	}

	.wrp-scroll-horizontal {
		width: 100%;
		min-height: 156px;
		overflow-x: scroll;
	}

	.row-catalog-mobile {
		display: inline-flex;
		flex-wrap: nowrap;
		overflow-x: scroll;
	}

	.row-catalog-mobile.row,
	.row-catalog-mobile.container,
	.row-catalog-mobile.container-fluid {
		margin-left: -8px;
		margin-right: -8px;
	}

	.row-catalog-mobile>[class^="col-"] {
		padding-left: 8px;
		padding-right: 8px;
	}

	.row-catalog-mobile .col-12.column-sm-news {
		flex: 0 0 auto;
		width: 314px !important;
	}

	.wrp-according-subcatalog .accordion-button h4 {
		color: var(--blue-900);
		font: normal 600 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
	}

	.wrp-according-subcatalog #accordionSubcatalog .accordion-button h4 {
		color: var(--blue-900);
		/* font: normal 600 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins); */
		font: normal 600 15.64px/24.64px var(--font-poppins);
		margin-bottom: 0.6px;
	}

	.tabulation-title h3 {
		color: var(--blue-900);
		font: normal 600 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
	}

	#accordionCatalog .accordion-pluss{
		position: relative;
		width: 100%;
		min-height: 32px;
	}

	#accordionCatalog .accordion-pluss::after {
		display: block;
		position: absolute;
		content: "";
		right: 20px;
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
		background-size: 80%!important;
	}
	#accordionCatalog .accordion-pluss:not(.collapsed)::after {
		display: block;
		position: absolute;
		content: "";
		right: 20px;
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e")!important;
		background-size: 80%!important;
	}

	#accordionSubcatalog .accordion-button::after {
		display: block;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
		background-size: 86%!important;
	}

	#accordionSubcatalog .accordion-button:not(.collapsed)::after {
		display: block;
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
		transform: rotate(-180deg)!important;
		background-size: 86%!important;
	}
	.tabulation-title {
		width: 80.14%;
	}

	/* SECTION TAB OVERLAP 480 END */
	/* DESKTOP NAVBAR 480 START */
	.navbar-desc {
		position: fixed;
		width: 100vw !important
	}

	.navbar-mobile.active {
		background: var(--blue-900);
		visibility: visible;
		z-index: 9;
	}

	.burger-mobile {
		display: flex;
	}

	.navbar-align-right {
		min-width: 112px;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		-ms-justify-content: flex-end;
		-moz-justify-content: flex-end;
		-webkit-justify-content: flex-end;
		/* margin-right: -5px; */
		margin-right: -15px;
	}

	.navbar-align-right .wrp-nav-item {
		display: none;
	}

	.search-navbar {
		margin-right: 14px;
	}

	.hamburger-box {
		width: 36px;
	}

	.burger-mobile .hamburger {
		padding: 18px 1px 12px 5px;
		margin-right: -10px;
	}

	.hamburger-inner,
	.hamburger-inner::after,
	.hamburger-inner::before {
		width: 30px;
		background-color: var(--white-one);
		height: 2.4px;
	}

	.hamburger.is-active .hamburger-inner::after,
	.hamburger.is-active .hamburger-inner::before {
		background-color: var(--white-one);
	}

	/* DESKTOP NAVBAR 480 END */


	/* MOBILE NABAR 480*/

	.separate-menu {
		width: 100%;
		display: block;
		border-bottom: 1px solid #efefef;
		padding: 18px 0px 18px 0px;
		color: #73767A;
		font-size: 12px;
		line-height: 18px;
		text-transform: uppercase;
		letter-spacing: 0.45px;
		cursor: pointer;
		position: relative
	}

	.separate-menu::before {
		content: " + ";
		position: absolute;
		right: 15px;
		top: 15px;
		width: 12px;
		height: 12px;
		font-size: 22px
	}

	.navbar-mobile {
		width: 100vw;
		height: auto;
		min-height: 99.96%;
		max-height: 100%;
		background: var(--blue-900);
		top: 0px;
		position: fixed;
		z-index: 1;
		display: flex;
		overflow-y: scroll;
		visibility: hidden;
	}

	.wrp-navbar-mobile {
		width: 100%;
		height: auto;
		display: block
	}

	.navbar-mobile .account-session-user {
		margin-top: 10px;
	}

	.container-mobile {
		padding: 96px 15px 0px 15px;
	}

	.wrp-mobile-item {
		display: block;
		width: 100%;
		height: 84vh;
		position: relative;
		background: var(--blue-900);
		z-index: 5;
		opacity: 0;
		margin-top: unset;
		margin-bottom: -40px;
		padding: 15px 0px 15px 0px
	}

	.wrp-mobile-item.active {
		opacity: 1;
		transition: all 0.5s;
		top: 0;
		margin-top: 0px;
		transform: translateY(-20px);
		-webkit-transition: 1s ease-in-out;
		-moz-transition: 1s ease-in-out;
		-o-transition: 1s ease-in-out;
		transition: .5s ease-in-out;
		margin-bottom: unset;
		margin-bottom: 76px;
	}

	.bottom-nav-mobile {
		width: 100%;
		display: block;
		position: fixed;
		background: #fcfcfb;
		min-height: 64px;
		padding: 5px 0px;
		box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 10px 25px 4px rgba(0, 0, 0, 0.15);
		left: 0px;
		bottom: 0px;
		z-index: 3
	}

	.wrp-bottom-nav-icon {
		width: 100%;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
		-ms-justify-content: space-around
	}

	.item-bottom-nav-icon {
		width: 20%;
		height: auto
	}

	.item-bottom-nav-icon a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		text-decoration: none;
		color: #adafae;
		padding: 8.5px 0px 8.5px 0px
	}

	.item-bottom-nav-icon a.active {
		color: #1f4785
	}

	.mobile-icon {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.accordionMenu {
		width: 100%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 24px;
		margin-bottom: 56px
	}

	.accordionMenu {
		width: 100%;
		height: auto
	}

	.accordionMenu a {
		padding: 16px 0px 17px 0px;
		width: 100%;
		height: auto;
		display: block;
		color: var(--white-one);
		position: relative;
		text-decoration: none
	}

	.menu-head-accordions {
		width: 100%;
		height: auto;
		padding: 10px 0px;
		color: var(--white-one);
		font: normal 400 16px/25.64px var(--font-poppins);
		letter-spacing: 0.35px;
		text-transform: uppercase;
		cursor: pointer;
		border-bottom: 1px solid var(--blue-800);
	}

	.accordionMenu ul.sub-menu-child {
		list-style: none;
		padding-left: 0px;
		margin-bottom: 6px
	}

	.has-submenu-child {
		height: auto;
		position: relative
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 34px;
		top: 19px;
		width: 12px;
		height: 12px;
		background: url(../images/svg/caret-arrow-down-black.svg) top center no-repeat;
		background-size: auto;
		background-size: auto;
		background-size: 100% -webkit-filter: invert(100%);
		/* Safari/Chrome */
		filter: invert(100%);
	}

	.section-desk-nav.active {
		position: fixed;
		background: var(--white-one);
		z-index: 11;
	}

	.section-desk-nav.active .logo-brand a svg path.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg path.st1 {
		fill: var(--orange-500);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active .logo-brand a svg polygon.st0 {
		fill: var(--blue-two);
		-moz-transition: 0.5s;
		-ms--transition: 0.5s;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
	}

	.section-desk-nav.active #dropdownLangdesk::after {
		background-color: var(--black-100);
		color: var(--black-100);
	}

	.section-desk-nav.active #dropdownLangdesk {
		color: var(--black-100);
	}

	.header {
		overflow: hidden
	}

	.nav-header,
	.main-wrapper,
	.header-content {
		overflow: hidden
	}

	.accordionMenu ul.sub-menu-child li:first-child {
		margin-top: 10px
	}

	.accordionMenu ul.sub-menu-child li a {
		font: normal 400 17.24px/25.64px var(--font-poppins);
		padding: 14px 10px 15px 3px !important
	}

	.has-submenu-child::before {
		content: " ";
		position: absolute;
		right: 18px;
		top: 20px;
	}

	.img-wrapper-icon {
		width: 22px;
		height: 26px
	}

	.img-wrapper-icon svg {
		max-width: 100%;
		fill: #1C3C6F
	}

	.text-wrapper-icon {
		font-size: 13.5px;
		line-height: 14px;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center
	}

	.text-wrapper-icon p {
		margin-top: 3px;
		margin-bottom: 3px
	}

	.mobile-icon {
		height: auto
	}

	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	/* MOBILE NAVBAR 480 END */
	.center-align-center .fragment-text-50 {
		position: relative;
		bottom: -32px;
	}

	/* SECTION 480 COMPANY PARTNERS START */
	.logo-brand-anniversary {
		padding: 0px 15px 15px 15px;
	}

	.left-infograph-value {
		width: 100%;
		height: auto;
		padding: 48px 15px 80px 15px;
	}

	.row-infograph .col-md-5 {
		display: flex;
		flex-wrap: wrap;
		order: 2;
	}

	.row-infograph .col-md-7 {
		display: flex;
		flex-wrap: wrap;
		order: 1;
	}

	.card-branch-born a {
		min-height: 164px;
	}

	.logo-brand-anniversary {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.anniversary-company h3 {
		text-align: center;
	}

	.anniversary-company h4 {
		text-align: center;
	}

	.anniversary-company {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding-bottom: 76px;
	}

	.anniversary-company a {
		width: 96%;
		margin-top: 10px;
		position: relative;
	}

	.left-infograph-value .col-12 {
		margin-top: 15px;
	}

	.large-card-news {
		position: relative;
		width: 100%;
		min-height: 230px;
		margin-bottom: 18px;
	}

	.icon-services-brand {
		/* width: 48px;
		height: 48px; */
		width: 52px;
		height: 52px;
	}

	.small-card-news a:first-child {
		order: 2;
	}

	.small-card-news a:last-child {
		order: 1;
	}

	a.title-news-small {
		width: 100%;
		background: var(--white-one);
		min-height: 74px;
		/* position: absolute; */
		position: relative;
		color: var(--blue-800);
		padding: 12px 18px 10px 18px;
	}

	a.title-news-small h3 {
		font: normal 600 clamp(0.79rem, 0.4757rem + 0.4011vw, 1rem) var(--font-poppins);
	}

	a.title-news-small h3 span {
		background-color: var(--white-one);
		padding: 0.6px 0px;
		line-height: 164.56%;
	}

	a.title-news-large {
		position: relative;
		background: var(--white-one);
	}

	a.title-news-large h3 {
		line-height: 24.64px;
	}

	.large-card-news {
		display: flex;
		flex-wrap: wrap;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	}

	a.title-news-large h3 span {
		background-color: var(--white-one);
		padding: 0px 1.6px;
		color: var(--blue-800);
		/* font: normal 700 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins); */
		font: normal 600 clamp(0.79rem, 0.4757rem + 0.4011vw, 1rem) var(--font-poppins);
	}

	.large-card-news a:first-child {
		order: 2;
	}

	.large-card-news a:last-child {
		order: 1;
	}

	.row-small-card .column-sm-news {
		width: 48%;
	}

	.row-small-card .column-sm-news:first-child {
		margin-top: 18px;
		margin-bottom: 8px;
		order: 1;
	}

	.row-small-card .column-sm-news:nth-child(2) {
		margin-top: 18px;
		order: 2;
	}

	.row-small-card .column-sm-news:nth-child(3) {
		margin-top: 18px;
		order: 3;
		/* border: 1px solid yellow; */
	}

	.row-small-card .column-sm-news:nth-child(4) {
		margin-top: 18px;
		order: 4;
	}

	.row-small-card .only-for-scroll {
		display: flex;
		order: 5;
	}

	.row-small-card .only-for-scroll .small-card-news {
		box-shadow: none;
		background: var(--white-one);
	}

	.summary-desc-services {
		/* width: 67.32%; */
		width: 82.04%;
		padding-left: 20px;
	}

	.accordion-instruction {
		padding-left: 0px;
		padding-right: 0px;
	}

	.company-logo .slick-slide {
		margin-left: 7px;
		margin-right: 7px;
	}

	.partner-logo a {
		width: 110px;
		min-height: 24px;
		max-height: unset;
		/* padding: 10px 14.5px; */
		padding: 10px 10.5px;
	}

	.partner-logo a img {
		max-width: 100%;
		object-fit: cover;
		min-height: 19px;
		max-height: unset;
	}

	.carousel-caption-content .wrp-cta-carousel-mobile .btn-transparent-white {
		min-width: 256px;
	}

	.carousel-caption-content .wrp-cta-carousel-mobile .btn-blue {
		min-width: 256px;
	}

	.carousel-caption-content .wrp-cta-carousel-mobile .btn-yellow {
		min-width: 256px;
	}

	/* LOGO HOME 480 */
	.company-logo .slider {
		width: 100%;
	}

	.company-logo .slick-list::before {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		/* background: #cf0000; */
		content: " ";
		height: 90px;
		position: absolute;
		width: 32px;
		z-index: 2;
		left: -24px;
		top: -2px;
	}

	.company-logo .slick-list::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		/* background: #cf0000; */
		content: " ";
		height: 90px;
		position: absolute;
		width: 32px;
		z-index: 2;
		right: -22.6px;
		left: unset;
		top: -2px;
		transform: rotateZ(180deg);
	}

	.company-logo .slick-list {
		overflow: unset;
		width: 100%;
	}

	.company-logo .slick-list .slick-track {
		overflow: unset;
		left: -54px;
	}

	.partner-logo a {
		width: 100px;
		padding: 10px 8.5px;
	}

	.partner-logo a img {
		min-height: 21.24px;
		max-height: auto;
	}

	.company-logo .slick-slide {
		margin-left: 6.4px;
		margin-right: 6.4px;
	}

	/* LOGO HOME 480 */


	.youtube-chanel-corporate {
		width: 100%;
		/* background: #0d49bd url(../images/uploads/background-section-youtube-home.png) bottom center no-repeat;
		background-position-x: left; */
		/* background: #0d49bd url(../images/uploads/home-bg-channel-youtube.jpg) top left no-repeat; */
		background: #121a87 url(../images/svg/pattern-section-youtube.svg) top center repeat-x;
		background-size: 102.24px;
		background-position-x: -133px;
		background-position-y: 15px;
		min-height: 204px;
		height: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		/* padding-bottom: 102px; */
		padding-bottom: 46px;
		padding-top: 60px;
		overflow: hidden;
		position: relative;
	}

	.youtube-chanel-corporate::before {
		content: "";
		width: 88px;
		height: 92px;
		/* background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat;
		background-size: 96%; */
		background: url(../images/svg/image-patter-left-youtube.svg) top center no-repeat;
		background-size: 100%;
		position: absolute;
		left: -32px;
		right: unset;
		top: 10px;
	}

	.channel-icon {
		width: 100px;
		min-height: 80px;
		position: relative;
	}

	.channel-icon::before {
		content: "";
		width: 80px;
		height: 52px;
	}

	.youtube-chanel-corporate::after {
		content: "";
		width: 85px;
		height: 92px;
		/* background: url(../images/uploads/background-right-section-youtube-home.png) top center no-repeat;
		background-size: 94%; */
		background: url(../images/svg/image-patter-right-youtube.svg) top center no-repeat;
		position: absolute;
		left: unset;
		right: -38px;
		top: 8px;
	}

	.action-channel {
		display: none !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block .text-action-channel .action-channel {
		display: block !important;
		width: 100%;
		margin-top: 18px;
	}

	.youtube-chanel-corporate .col-12.d-md-block.pb-5 {
		margin-bottom: 0px !important;
	}

	.youtube-chanel-corporate .col-12.d-md-block.mb-5 {
		margin-bottom: 0px !important;
	}

	.row-youtube-card .col-sm-12:nth-child(2) .hs-responsive-embed-youtube {
		margin-bottom: 24px;
	}

	.row-youtube-card .col-sm-12:nth-child(3) .hs-responsive-embed-youtube {
		margin-bottom: 28px;
	}

	/* SECTION 480 COMPANY PARTNERS END */

	/* KATALOG UMUM 480 */

	.center-card-catalog {
		width: 66%;
		padding: 15px 0px 15px 24px;
	}

	.right-card-catalog {
		width: 100%;
		padding: 0px 10px 15px 10px;
	}

	.card-catalog-annualy {
		padding: 24px 10px 36px 15px;
		min-height: 286px;
		max-height: 496px;
		right: 0px;
	}

	.btn-download-catalog {
		margin-top: 5px
	}

	.left-card-catalog {
		width: 128px;
		min-height: 176px;
		max-height: 176px;
		position: relative;
		left: 0px;
		top: 15px;
	}

	.list-new-book-catalog .erlangga-container .item-new-book:first-child {
		margin-top: 0px;
		position: relative;
		top: -10px;
	}
	/* KATALOG UMUM 480 */
	/* SECTION WEEKLY BOOKS HOME 480 START */
	.book-home .slick-list {
		margin-left: -5px;
	}

	.book-home .slick-slide {
		margin-left: 9.4px;
		margin-right: 9.4px;
	}

	a.real-cover {
		padding: 0px 0px 0px 0px;

	}

	a.real-cover img {
		max-width: 100%;
		object-fit: cover;
		min-height: 186px;
		text-align: center;
	}

	.book-slide-gallery {
		position: relative;
		width: 156px;
		min-height: 294px;
	}

	.book-slide-gallery a.real-cover {
		min-height: 138px;
	}

	.book-home .slick-prev {
		z-index: 5;
		top: 38%;
		left: 30px;
	}

	.card-book-gallery {
		width: 156px;
		min-height: 226px;
		max-height: 228px;
	}

	.card-books-title {
		width: 156px;
		/* min-height: 104px;
		max-height: 106px; */
		min-height: 79px;
		max-height: 80px;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.card-books-title a h3 {
		font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
		line-height: 134%;
	}

	.card-books-title a p {
		font: normal 400 clamp(0.75rem, 0.6527rem + 0.4863vw, 0.8275rem) var(--font-poppins);
	}

	.wrp-left-book-label {
		min-height: 4px;
	}

	.wrp-left-book-label::before {
		content: " ";
		position: absolute;
		width: 100%;
		min-height: 4px;
		right: unset;
		left: 0 auto;
	}

	.left-book-label {
		min-height: 4px;
		/* margin-top: 30px; */
		margin-top: 8px;
	}

	.slick-prev {
		left: 21.64px;
	}

	.slick-next {
		right: 4.64px;
	}

	.ornament-bg {
		width: 76px;
		min-height: 86px;
		position: absolute;
		top: 24%;
		left: -3.6%;
	}

	.section-weekly-books {
		position: relative;
		top: 10px;
	}

	.align-youtube .col-lg-4.col-md-4.col-sm-12:first-child {
		position: relative;
		right: 0px;
	}

	.btn-transparent-white {
		/* padding-block: min(2.79vh, 3.95rem); */
	}

	.action-channel {
		width: 100%;
	}

	.action-channel a {
		width: 100%;
		margin-top: 0px;
		position: relative;
	}


	.label-book-weekly h2 {
		position: relative;
		bottom: -22px;
	}

	.label-book-weekly h2 br {
		display: none;
	}

	.label-book-weekly a {
		display: none;
	}

	.more-book-weekly {
		width: 100%;
		display: unset;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.more-book-weekly a {
		width: 96%;
		margin-top: 0px;
		margin-bottom: 48px;
		position: relative;
	}

	/* SECTION WEEKLY BOOKS HOME 480 END */

	/* SECTION BUKU BEST SELLING 480 START */
		.section-best-selling .title-section h3 {
			margin-bottom: 28px;
		}
		.section-best-selling{
			padding-top: 18px;
		}
		.wrp-card-bestselling {
			min-height: 296px;
		}
		.act-mobile-bestselling .title-section.mt-40{
			margin-top: 20px!important;
		}
		.wrp-card-bestselling .book-home .slick-slide {
			position: relative;
			width: 156px;
			min-height: 294px;
			margin-left: 9.6px;
			margin-right: 9.6px;
		}
		.wrp-card-bestselling .book-home .slick-list {
			margin-top: 0px;
			margin-left: -3.64px;
		}
		.wrp-card-bestselling .book-home .slick-slide .card-book-gallery {
			width: 156px;
			min-height: 224px;
			max-height: 228px;
		}

		.wrp-card-bestselling .book-home .slick-slide .card-books-title {
			width: 156px;
			min-height: 69px;
			max-height: 72px;
		}
		.wrp-card-bestselling .book-home .slick-slide .card-books-title a h3 {
			font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
			line-height: 134%;
		}
		.wrp-card-bestselling .book-home .slick-next {
			right: 4.64px;
			top: 43%;
		}
		.wrp-card-bestselling .book-home .slick-prev {
			left: 32px;
			top: 43%;
		}
		.act-mobile-bestselling{
			display: flex;
		}
		.act-mobile-bestselling .wrp-act-best-selling a{
			border: 2px solid var(--orange-500);
			padding: 16px 18px;
			border-radius: 12.64px;
			align-items: center;
			-ms-align-items: center;
			-moz-align-items: center;
			-webkit-align-items: center;
			box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
			-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
			-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
			-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		}
		.text-act-bestselling{
			width: 86%;
			text-align: left;
			padding-right: 32px;
			margin-top: -1px;
		}

		.icon-act-bestselling {
			margin-top: 0px;
		}

		.act-desc-bestselling{
			display: none;
		}
	/* SECTION BUKU BEST SELLING 480 END */

	/* YOUTUBE CHANNEL CORP 480 */
	.thumbnail-youtube-uploads {
		display: flex;
		flex-wrap: wrap;
		margin-top: 24px;
		margin-bottom: 36px;
	}

	/* YOUTUBE CHANNEL CORP 480 */
	.white-solid-form {
		padding: 50px 30px;
	}


	/* WRITER 480 START */
	.content-summary-writter {
		display: flex;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.section-static-writter .col-xl-8 {
		position: relative;
		top: 64px;
	}

	.section-writter-contents .col-xl-10 {
		position: relative;
		top: -15px;
	}

	.right-profile-writter {
		width: 100%;
		padding-right: 5px;
		padding-left: 5px;
	}

	.writter-name {
		width: 100%;
	}

	.writter-name a {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.writter-name a h1,
	.writter-name a h2 {
		text-align: center;
	}

	/* WRITER 480 END */

	/* KATALOG UMUM 480 */

	.center-card-catalog {
		width: 66%;
		padding: 15px 0px 15px 24px;
	}

	.right-card-catalog {
		width: 100%;
		padding: 0px 10px 15px 10px;
	}

	.card-catalog-annualy {
		padding: 24px 10px 36px 15px;
		min-height: 286px;
		max-height: 286px;
		right: 0px;
	}

	.btn-download-catalog {
		margin-top: 5px
	}

	.left-card-catalog {
		width: 128px;
		min-height: 176px;
		max-height: 176px;
		position: relative;
		left: 0px;
		top: -16px;
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 121px;
		max-height: unset;
		display: flex;
		flex-wrap: wrap;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	}

	.small-card-news::before {
		display: none;
	}

	.small-card-news a img {
		/* max-width: 100%; */
		max-width: 112%;
		margin-left: -3.64%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	.thumb-featured-newshome {
		padding-right: 0px;
	}
	.thumb-featured-newshome a{
		min-height: 198px;
		max-height: 200px;
	}
	.row-small-card {
		display: flex;
		display: inline-flex;
		flex-wrap: nowrap !important;
		overflow-x: scroll;
	}

	/* KATALOG UMUM 480 */
	.act-new-book a:first-child {
		margin-bottom: 12px;
	}
	/* FLOATING BUTTON CONTACT 480 */
	.section-float-act {
		min-width: 206px;
		max-width: 206px;
		position: fixed;
		padding: 6px 5px 6px 6px;
		bottom: 12.64px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.text-act-label h4 {
		font: normal 600 14.64px/24.64px var(--font-poppins);
	}
	.icon-act-btn {
		width: 44px;
		height: 44px;
	}

	.text-link-ecommerce {
		width: 78%;
		padding-left: 15px;
	}
.modal-dialog-socmed{
	margin-top: 26px;
}
	.text-link-ecommerce{
		font: normal 400 clamp(0.8213rem, 0.7855rem + 0.1788vw, 1rem) var(--font-poppins);
		color: var(--gray-600);
		letter-spacing: 0.24px;
	}
	.wrp-circle-floating {
		right: -4px;
	}
	.wrp-child-floating-btn {
		right: -30.5px;
	}
	/* FLOATING BUTTON CONTACT 480 */



	/* FOOTER SECTION 480 START*/
	.footer-row-one {
		padding: 24px 0px 10px 0px;
	}

	.left-footer,
	.center-footer,
	.right-footer {
		width: 100%;
	}

	.left-footer {
		display: flex;
		flex-wrap: wrap;
	}

	.left-footer .footer-brand {
		display: none;
	}

	.left-footer .footer-label.dua {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		order: 1;
	}


	.left-footer .footer-label.satu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		order: 2;
		text-align: center;
		padding-left: 24px;
		padding-right: 24px;
	}

	.left-footer .footer-label.satu p {
		font: normal 400 clamp(1rem, 0.8714rem + 0.6431vw, 1.1025rem) var(--font-poppins);
		margin-bottom: 0px;
		line-height: 152%;
	}

	.left-footer .footer-label h4 {
		padding-right: 0px;
		color: var(--blue-900);
		font: normal 700 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
		margin-bottom: 20px;
	}

	.show-hide-kit {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.show-hide-addres {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		text-align: center;
	}

	.social-network-corporate ul {
		padding-left: 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.socmed-circle {
		width: 40px;
		height: 40px;
	}

	.center-footer .row .col-sm-12 {
		display: none;
	}

	.right-footer .footer-label {
		display: none;
	}

	.right-footer .wrp-act-footer .btn-act-footer {
		display: none;
	}

	.halo-erlangga {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding: 14px 4px 0px 4px;
	}

	.footer-row-two .footer-brand {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin-bottom: 36px;
		margin-top: 0px;
	}

	.footer-copyright {
		color: var(--blue-900);
		font: normal 400 clamp(1rem, 0.8714rem + 0.6431vw, 1.1025rem) var(--font-poppins);
		line-height: 142%;
	}

	.footer-copyright p span {
		display: none;
	}

	.footer-row-two {
		margin-bottom: 64px;
	}

	/* FOOTER SECTION 480 END*/
}

/* MEDIA 480 END */

/* MEDIA 415-440 START */
@media screen and (min-width: 415px) and (max-width: 440px) {

	html,
	body {
		overflow-x: clip;
		display: block;
		scroll-behavior: smooth;
	}

	/* CONTAINER 415-440 START*/
	.erlangga-container {
		max-width: 100%;
		margin: 0 auto;
		padding-right: 15px;
		padding-left: 15px;
	}

	/* CONTAINER 415-440 END*/
	.footer-row-two {
		margin-bottom: 64px;
	}
	.act-mobile-bestselling .wrp-act-best-selling a {
		padding: 16px 24px;
	}
	.text-act-bestselling{
		width: 85%;
		text-align: left;
		padding-right: 52px;
	}
}

/* MEDIA 415-440 END */

/* MEDIA 375-414 START */
@media screen and (min-width: 375px) and (max-width: 414px) {

	html,
	body {
		overflow-x: clip;
		display: block;
		scroll-behavior: smooth;
	}

	/* CONTAINER 375-414 START*/
	.erlangga-container {
		max-width: 100%;
		margin: 0 auto;
		padding-right: 15px;
		padding-left: 15px;
	}

	/* CONTAINER 375-414 END*/

	/* LOGO HOME 375-414 */
	.company-logo .slick-list .slick-track {
		left: -120px;
	}

	/* LOGO HOME 375-414 */
	.act-mobile-bestselling .wrp-act-best-selling a {
		padding: 16px 24px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		min-height: 68px;
		width: 100%;
	}
	.text-act-bestselling{
		width: 85%;
		text-align: left;
		padding-right: 52px;
	}
	/* FOOTER SECTION 375-414 END*/
	.socmed-circle {
		width: 40px;
		height: 40px;
	}

	/* FOOTER SECTION 375-414 END*/
	.footer-row-two {
		margin-bottom: 64px;
	}
}

/* MEDIA 375-414 END */

/* MEDIA 321-479 START*/
@media screen and (min-width: 321px) and (max-width: 479px) {

	html,
	body {
		overflow-x: clip;
		display: block;
		scroll-behavior: smooth;
	}

	/* CONTAINER 321-479 START*/
	.erlangga-container {
		max-width: 100%;
		margin: 0 auto;
		padding-right: 10px;
		padding-left: 10px;
	}

	/* CONTAINER 321-479 END*/
	/* DESKTOP NAVBAR 321-479 START */
	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.navbar-align-right {
		min-width: 84px;
	}

	.logo-brand {
		width: 180px;
	}

	.navbar-desc.swipe-up-nav .logo-brand {
		width: 156px;
		margin-top: 2px;
	}

	/* DESKTOP NAVBAR 321-479 END */
	.summary-brand-services {
		padding-left: 0px;
		width: 100%;
	}


	/* SECTION COMPANY PARTNERS 321-479 START */
	.card-branch-born a {
		min-height: 160px;
		padding: 18px 18px;
	}

	.left-infograph-value .row>[class^="col-"] {
		padding-left: 8px;
		padding-right: 8px;
	}

	.left-infograph-value {
		width: 100%;
		height: auto;
		padding: 78px 5px 80px 5px;
	}

	.modal-dialog-erlangga {
		min-width: 302px;
		max-width: 310px;
		top: 176px;
	}

	/* LOGO HOME 321-479 */
	.company-logo .slick-list::before {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		/* background: #cf0000; */
		content: " ";
		height: 90px;
		position: absolute;
		width: 34.5px;
		z-index: 2;
		/* left: -28px; */
		left: -24px;
		top: -2px;
	}

	.company-logo .slick-list::after {
		background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 0.77) 81%, rgba(255, 255, 255, 0) 100%);
		/* background: #cf0000; */
		content: " ";
		height: 90px;
		position: absolute;
		width: 34.5px;
		z-index: 2;
		right: -21.6px;
		left: unset;
		top: -2px;
		transform: rotateZ(180deg);
	}

	.company-logo .slick-list {
		overflow: unset;
	}

	.company-logo .slick-list .slick-track {
		overflow: unset;
		left: -115px;
		/* background-color: greenyellow; */
	}

	.partner-logo a {
		width: 100px;
		padding: 10px 8.5px;
	}

	.partner-logo a img {
		min-height: 21.24px;
		max-height: auto;
	}

	.company-logo .slick-slide {
		margin-left: 6.4px;
		margin-right: 6.4px;
	}

	/* LOGO HOME 321-479 */
	/* SECTION COMPANY PARTNERS 321-479 END */

	.footer-row-two {
		margin-bottom: 64px;
	}

}


/* MEDIA 321-479 END*/

/* MEDIA 320 START */
@media screen and (max-width : 320px) {

	html,
	body {
		overflow-x: clip;
		display: block;
		scroll-behavior: smooth;
	}

	/* CONTAINER 320 START*/
	.erlangga-container {
		max-width: 100%;
		margin: 0 auto;
		padding-right: 10px;
		padding-left: 10px;
	}

	/* CONTAINER 320 END*/

	/* DESKTOP NAVBAR 320 START */
	.navbar-flex {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}

	.navbar-align-right {
		min-width: 82px;
		margin-right: -16px;
	}

	.logo-brand {
		width: 174px;
	}

	.navbar-desc.swipe-up-nav .logo-brand {
		width: 156px;
		margin-top: 1px;
	}

	.left-infograph-value .row,
	.left-infograph-value .row .container,
	.left-infograph-value .row .container-fluid {
		margin-left: -8px;
		margin-right: -8px;
	}

	.left-infograph-value .row>[class^="col-"] {
		padding-left: 8px;
		padding-right: 8px;
	}

	.left-infograph-value {
		width: 100%;
		height: auto;
		padding: 76px 0px 80px 0px;
	}

	/* DESKTOP NAVBAR 320 END */
	/* ERLANGGA DIALOG ANNIVERSARY 320 */
	.modal-dialog-erlangga {
		min-width: 300px;
		max-width: 306px;
		top: 124px;
	}

	/* ERLANGGA DIALOG ANNIVERSARY 320 */

	/* SECTION COMPANY PARTNERS 320 START */
	.youtube-chanel-corporate::before {
		content: "";
		width: 64px;
		height: 76px;
		/* background: url(../images/uploads/background-left-section-youtube-home.png) top center no-repeat; */
		background: url(../images/svg/image-patter-left-youtube.svg) top center no-repeat;
		background-size: auto;
		background-size: 96%;
		position: absolute;
		left: -18px;
		right: unset;
		top: 13px;
	}

	.youtube-chanel-corporate::after {
		content: "";
		width: 65px;
		height: 76px;
		background: url(../images/svg/image-patter-right-youtube.svg) top center no-repeat;
		background-size: auto;
		background-size: 94%;
		position: absolute;
		left: unset;
		right: -18px;
		top: 11.5px;
	}

	.card-branch-born a {
		min-height: 152px;
		padding: 18px 18px;
	}

	.youtube-chanel-corporate {
		background-size: 90.24px;
		padding-top: 54px;
	}

	.left-card-catalog {
		width: 128px;
		min-height: 176px;
		max-height: 176px;
		position: relative;
		left: 0px;
		top: -16px;
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 121px;
		max-height: auto;
		display: flex;
		flex-wrap: wrap;
		box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-ms-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-moz-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
		-webkit-box-shadow: 0 1px 10px rgba(151, 164, 175, .46);
	}

	.small-card-news::before {
		display: none;
	}

	.small-card-news a img {
		max-width: 100%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}

	.row-small-card {
		display: flex;
		display: inline-flex;
		flex-wrap: nowrap !important;
		overflow-x: scroll;
	}

	a.title-news-small {
		width: 100%;
		background: var(--white-one);
		min-height: 74px;
		position: relative;
		color: var(--blue-800);
		padding: 12px 18px 10px 18px;
	}

	a.title-news-small h3 {
		font: normal 600 clamp(0.79rem, 0.4757rem + 0.4011vw, 1rem) var(--font-poppins);
	}

	a.title-news-small h3 span {
		background-color: var(--white-one);
		padding: 0.6px 0px;
		line-height: 164.56%;
	}

	.small-card-news a:last-child {
		order: 1;
	}

	.small-card-news a:first-child {
		order: 2;
	}

	/* LOGO HOME 320 */
	.company-logo .slick-list {
		overflow: unset;
	}

	.company-logo .slick-list .slick-track {
		overflow: unset;
		left: -110px;
		/* background-color: greenyellow; */
	}

	.partner-logo a {
		width: 100px;
		padding: 10px 8.5px;
	}

	.partner-logo a img {
		min-height: 21px;
		max-height: auto;
	}

	.company-logo .slick-slide {
		margin-left: 6.4px;
		margin-right: 6.4px;
	}

	/* LOGO HOME 320 */
	/* SECTION COMPANY PARTNERS 320 END */

	.act-mobile-bestselling .wrp-act-best-selling a {
		padding: 15px 12px;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}
	.text-act-bestselling{
		width: 84%;
		text-align: left;
		padding-right: 15px;
	}
	/* 320 PRIMARY SLIDERS HOME */
	#carouselPrimary .carousel-caption-primary::before {
		content: " ";
		position: absolute;
		top: unset;
		bottom: -70.96%;
		left: 0px;
		width: 119%;
		height: 214px;
		margin: 0 auto;
		/* background: linear-gradient(to bottom, rgba(0, 90, 211, 0.01) 0%, rgba(0, 90, 211, 1) 56%, rgba(0, 90, 211, 1) 100%);
		background: yellow; */
		background: linear-gradient(to bottom, rgba(0,90,211,0) 0%,rgba(0,90,211,0.26) 15%,rgba(0,90,211,0.76) 30%,rgba(0,90,211,0.78) 31%,rgba(0,90,211,1) 41%,rgba(0,90,211,1) 50%,rgba(0,90,211,0.94) 60%,rgba(0,90,211,0.76) 72%,rgba(0,90,211,0.32) 85%,rgba(0,90,211,0) 100%);
		z-index: 4;
		opacity: 0;
	  }
	  #carouselPrimary .carousel-item img.w-100 {
		width: 169.86% !important;
		max-width: 169.86% !important;
		margin-left: -34.64%;
		width: 158.86% !important;
		max-width: 159.86%;
		margin-left: -30.76%;
	  }
	  #carouselPrimary .carousel-caption-primary {
		max-width: 100%;
		bottom: 0px;
		top: -16.24px;
	}
	#carouselPrimary .carousel-indicators {
		bottom: 464px;
		z-index: 7;
	}
	.section-tabulation-overlap {
		position: relative;
		margin-top: -306px;
		margin-bottom: 12px;
	}
	/* 320 PRIMARY SLIDERS HOME */

	/*  SECTION CARD NEWS FEEDS 320 STARTS */
	.large-card-news {
		position: relative;
		width: 100%;
		min-height: 192px;
		margin-bottom: 18px;
	}

	.small-card-news {
		position: relative;
		width: 100%;
		min-height: 120px;
		max-height: unset;
	}

	.small-card-news a img {
		/* max-width: 100%; */
		max-width: 111%;
		margin-left: -3.14%;
		height: auto;
		max-height: 100%;
		transform: scale(1, 1);
		transition-property: all;
		transition-duration: 0.5s;
		margin-bottom: 0px;
	}
	.titlesummary-featured-newshome {
		padding: 18px 0px 10px 0px;
	}
	.thumb-featured-newshome a {
		min-height: 160px;
		max-height: 164px;
	}

	.title-featured-newshome {
		& h2 {
			padding-right: 0px;
		}
	}

	/*  SECTION CARD NEWS FEEDS 320 END */


	/* SECTION TAB OVERLAP 320 START */
	.icon-square {
		width: 42px;
		height: 42px;
		border-radius: 12px;
	}

	.wrp-according-catalog .accordion-button {
		padding: 11px 12px;
	}

	/* SECTION TAB OVERLAP 320 END */

	/* WEEkLY BOOK HOMEPAGE 320 START */
	a.real-cover img {
		max-width: 100%;
		object-fit: cover;
		min-height: 186px;
		text-align: center;
	}

	.book-slide-gallery {
		position: relative;
		width: 136px;
		min-height: 294px;
	}

	.book-slide-gallery a.real-cover {
		min-height: 138px;

	}

	.book-home .slick-prev {
		z-index: 5;
		top: 38%;
		left: 30px;
	}

	.card-book-gallery {
		width: 136px;
		min-height: 224px;
		max-height: 228px;
	}

	.card-books-title {
		width: 136px;
		min-height: 104px;
		max-height: 106px;
	}

	.card-books-title a h3 {
		font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
		line-height: 134%;
	}

	.card-books-title a p {
		font: normal 400 clamp(0.75rem, 0.6527rem + 0.4863vw, 0.8275rem) var(--font-poppins);
	}

	.book-home .slick-slide {
		margin-left: 9.5px;
		margin-right: 9.5px;
	}

	/* WEEkLY BOOK HOMEPAGE 320 END */
	.tabulation-title h3 {
		font: normal 600 clamp(1.025rem, 0.9064rem + 0.6031vw, 1.0275rem) var(--font-poppins);
	}
	#accordionCatalog .accordion-pluss::after {
		display: block;
		position: absolute;
		content: "";
		right: 6.64px;
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M8 0a1 1 0 0 1 1 1v6h6a1 1 0 1 1 0 2H9v6a1 1 0 1 1-2 0V9H1a1 1 0 0 1 0-2h6V1a1 1 0 0 1 1-1z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
		background-size: 74% !important;
	}
	#accordionCatalog .accordion-pluss:not(.collapsed)::after {
		display: block;
		position: absolute;
		content: "";
		right: 6.64px;
		background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23333' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M0 8a1 1 0 0 1 1-1h14a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1z' clip-rule='evenodd'/%3e%3c/svg%3e") !important;
		background-size: 74% !important;
	  }
/* SECTION BUKU BEST SELLING 320 START */
	.section-best-selling{
		padding-top: 18px;
	}
	.wrp-card-bestselling {
		min-height: 296px;
	}
	.act-mobile-bestselling .title-section.mt-40{
		margin-top: 20px!important;
	}
	.wrp-card-bestselling .book-home .slick-slide {
		position: relative;
		width: 136px;
		min-height: 294px;
		margin-left: 9.5px;
		margin-right: 9.5px;
	}
	.wrp-card-bestselling .book-home .slick-list {
		margin-top: 0px;
		margin-left: -6.64px;
	}
	.wrp-card-bestselling .book-home .slick-slide .card-book-gallery {
		width: 136px;
		min-height: 224px;
		max-height: 228px;
	}

	.wrp-card-bestselling .book-home .slick-slide .card-books-title {
		width: 136px;
		min-height: 60px;
		max-height: 69px;
	}
	.wrp-card-bestselling .book-home .slick-slide .card-books-title a h3 {
		font: normal 400 clamp(0.765rem, 0.6552rem + 0.549vw, 0.8525rem) var(--font-poppins);
		line-height: 134%;
	}
	.wrp-card-bestselling .book-home .slick-next {
		right: 4.64px;
		top: 43%;
	}
	.wrp-card-bestselling .book-home .slick-prev {
		left: 32px;
		top: 43%;
	  }
/* SECTION BUKU BEST SELLING 320 END */

	/* SECTION GLOBAL COMPANY PARTNERS 320 START */

	.content-born h3 {
		font: normal 700 clamp(1.74rem, 1.0114rem + 0.5696vw, 2.015rem) var(--font-poppins);
	}

	/* SECTION GLOBAL COMPANY PARTNERS 320 END */
	.modal-dialog-erlangga {
		min-width: 302px;
		max-width: 308px;
		top: 176px;
	}

	/* FOOTER SECTION 320 START*/
	.footer-row-one {
		padding: 24px 0px 10px 0px;
	}

	.left-footer,
	.center-footer,
	.right-footer {
		width: 100%;
	}

	.left-footer {
		display: flex;
		flex-wrap: wrap;
	}

	.left-footer .footer-brand {
		display: none;
	}

	.left-footer .footer-label.dua {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		order: 1;
	}


	.left-footer .footer-label.satu {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		order: 2;
		text-align: center;
		padding-left: 24px;
		padding-right: 24px;
	}

	.left-footer .footer-label.satu p {
		font: normal 400 clamp(1rem, 0.8714rem + 0.6431vw, 1.1025rem) var(--font-poppins);
		margin-bottom: 0px;
		line-height: 152%;
	}

	.left-footer .footer-label h4 {
		padding-right: 0px;
		color: var(--blue-900);
		font: normal 700 clamp(1.125rem, 0.9964rem + 0.6431vw, 1.2275rem) var(--font-poppins);
		margin-bottom: 20px;
	}

	.show-hide-kit {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.show-hide-addres {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		text-align: center;
	}

	.social-network-corporate ul {
		padding-left: 0px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
	}

	.socmed-circle {
		width: 36px;
		height: 36px;
	}

	.center-footer .row .col-sm-12 {
		display: none;
	}

	.right-footer .footer-label {
		display: none;
	}

	.right-footer .wrp-act-footer .btn-act-footer {
		display: none;
	}

	.halo-erlangga {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		padding: 14px 4px 0px 4px;
	}

	.footer-row-two .footer-brand {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		margin-bottom: 36px;
		margin-top: 0px;
	}

	.footer-copyright {
		color: var(--blue-900);
		font: normal 400 clamp(1rem, 0.8714rem + 0.6431vw, 1.1025rem) var(--font-poppins);
		line-height: 142%;
	}

	.footer-copyright p span {
		display: none;
	}

	/* FOOTER SECTION 320 END*/

	/* KATALOG BUKU UMUM 320 START*/

	.left-card-catalog {
		position: relative;
		top: -21px;
	}

	.center-card-catalog {
		width: 66%;
		padding: 15px 0px 15px 15px;
		font-size: 13px;
	}

	/* KATALOG BUKU UMUM  320 END*/

	.footer-row-two {
		margin-bottom: 64px;
	}

}

/* MEDIA 320 END */