#navbar-normal {
	background: #4a1b9d;
	box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.1);
}

/* Breadcrumb */
#back {
	background: #f3f0f8;
	padding: 24px 0;
}
#back .icon {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	gap: 20px;
}
#back .icon .title {
	font-family: 'Montserrat';
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	color: #4d4658;
}
#back .icon .desc {
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: #000000;
}

.topic {
	display: none;
	border-bottom: 1px solid #cccbce;
}
@media (max-width: 768px) {
	.topic {
		display: flex;
		align-items: center;
		padding-bottom: 16px;
	}
}
.topic .dropdown .dropdown-toggle {
	border: none;
	background-color: transparent;
}
.topic .dropdown .dropdown-toggle::after {
	border-top: 0.3em solid #4c16a7;
}
.topic .dropdown .dropdown-toggle.active {
	color: #4c16a7;
}
.topic .dropdown .dropdown-menu.show {
	border-radius: 0;
	top: 14px !important;
}
.topic .dropdown .dropdown-menu .dropdown-list {
	padding: 16px 24px;
}
.topic .dropdown .dropdown-menu .dropdown-list .dropdown-item {
	padding: 0;
}
.topic .dropdown .dropdown-menu .dropdown-list .dropdown-item.active {
	color: #4c16a7;
	background-color: transparent;
}

@media (max-width: 768px) {
	.nav {
		display: block;
	}
}
@media (max-width: 767px) {
	.nav {
		display: block;
	}
}
.nav .nav-side {
	width: 100%;
	max-width: 25%;
	position: relative;
}
@media (max-width: 768px) {
	.nav .nav-side {
		display: none;
	}
}
@media (max-width: 767px) {
	.nav .nav-side {
		display: none;
	}
}
.nav .nav-side .navbar-nav {
	border-left: 1px solid #cccbce;
}
.nav .nav-side .navbar-nav .nav-item {
	padding: 16px 0 16px 24px;
	position: relative;
}
.nav .nav-side .navbar-nav .nav-item.active .nav-link {
	color: #4c16a7;
	position: relative;
}
.nav .nav-side .navbar-nav .nav-item.active .nav-link::before {
	width: 57px;
}
.nav .nav-side .navbar-nav .nav-item .nav-link {
	padding: 0;
}
.nav .nav-side .navbar-nav .nav-item .nav-link::before {
	content: '';
	height: 1px;
	background: #4c16a7;
	position: absolute;
	top: 13px;
	left: -53px;
	transform: rotate(90deg);
}
.nav .nav-side .navbar-nav .nav-item .nav-link:hover {
	color: #4c16a7;
}

/* Pagination */
.pagination-wrapper {
	border-top: 1px solid #cccbce;
	padding: 32px 0 52px 0;
}
.pagination-wrapper .pagination .btn-preview {
	border: 1px solid #700070;
	color: #700070;
}
.pagination-wrapper .pagination .btn-next {
	color: #ffffff;
	background-color: #700070;
}

/* Introduction */
#introduction {
	padding: 40px 0 52px 0;
}
#introduction .introduction-wrapper {
	padding-top: 35px;
}
#introduction .introduction-wrapper .introduction {
	background-image: url('../images/bg-intro.png');
	background-size: cover;
	position: relative;
	height: 230px;
	padding: 70px;
	margin-bottom: 32px;
}
@media (max-width: 767px) {
	#introduction .introduction-wrapper .introduction {
		height: 120px;
		padding: 20px;
	}
}
#introduction .introduction-wrapper .introduction .rektor {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	color: #120625;
}
#introduction .introduction-wrapper .introduction .name {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	color: #120625;
}
#introduction .introduction-wrapper .introduction img {
	width: 326px;
	height: 288px;
	position: absolute;
	bottom: 0;
	right: 180px;
}
@media (min-width: 1024px) {
	#introduction .introduction-wrapper .introduction img {
		right: 40px;
	}
}
@media (min-width: 769px) and (max-width: 991px) {
	#introduction .introduction-wrapper .introduction img {
		display: none;
	}
}
@media (min-width: 768px) {
	#introduction .introduction-wrapper .introduction img {
		right: 40px;
	}
}
@media (max-width: 767px) {
	#introduction .introduction-wrapper .introduction img {
		display: none;
	}
}
#introduction .introduction-wrapper .visi-misi-wrapper {
	padding: 80px 0;
}
#introduction .introduction-wrapper .visi-misi-wrapper .visi-misi {
	background-color: #faf8ff;
	padding: 80px 56px;
}
@media (min-width: 769px) and (max-width: 991px) {
	#introduction .introduction-wrapper .visi-misi-wrapper .visi-misi {
		display: block !important;
	}
}
@media (max-width: 767px) {
	#introduction .introduction-wrapper .visi-misi-wrapper .visi-misi {
		display: block !important;
		padding: 40px 34px;
	}
}
#introduction .introduction-wrapper .visi-misi-wrapper .visi-misi .title {
	width: 100%;
	max-width: 20%;
}
@media (min-width: 769px) and (max-width: 991px) {
	#introduction .introduction-wrapper .visi-misi-wrapper .visi-misi .title {
		max-width: 100%;
		margin-bottom: 32px;
	}
}
@media (max-width: 768px) {
	#introduction .introduction-wrapper .visi-misi-wrapper .visi-misi .title {
		margin-right: 24px;
	}
}
@media (max-width: 767px) {
	#introduction .introduction-wrapper .visi-misi-wrapper .visi-misi .title {
		max-width: 100%;
		margin-bottom: 16px;
	}
}
#introduction .introduction-wrapper .visi-misi-wrapper .visi-misi .visi {
	margin-bottom: 40px;
}
#introduction .introduction-wrapper .brand-wrapper {
	padding-bottom: 56px;
}
#introduction .introduction-wrapper .brand-wrapper .brand {
	margin-top: 40px;
}
#introduction .introduction-wrapper .brand-wrapper .brand .number-wrapper {
	background-color: #efe9fa;
	padding: 14px 16px;
	width: auto;
	height: 55px;
	margin-right: 32px;
}
#introduction
	.introduction-wrapper
	.brand-wrapper
	.brand
	.number-wrapper
	.number {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 27px;
	color: #120625;
}

/* Logo */
#logo {
	padding: 40px 0 52px 0;
}
#logo .logo-wrapper {
	padding-top: 35px;
}
#logo .logo-wrapper .definition-logo {
	padding: 38px 40px;
	background-color: #faf8ff;
}
#logo .logo-wrapper .definition-logo .logo {
	margin: 50px 0 53px 0;
}
#logo .logo-wrapper .variant-logo {
	padding: 100px 0 80px 0;
	border-bottom: 1px solid #cccbce;
}
@media (max-width: 768px) {
	#logo .logo-wrapper .variant-logo .title {
		display: block !important;
	}
}
@media (max-width: 767px) {
	#logo .logo-wrapper .variant-logo .title {
		display: block !important;
	}
}
#logo .logo-wrapper .variant-logo .logo {
	margin-top: 54px;
}
@media (max-width: 767px) {
	#logo .logo-wrapper .variant-logo .logo {
		display: block !important;
		text-align: center;
	}
}
@media (max-width: 767px) {
	#logo .logo-wrapper .variant-logo .logo .horizontal {
		margin-bottom: 40px;
	}
}
#logo .logo-wrapper .alternatif-logo {
	padding: 80px 0;
	border-bottom: 1px solid #cccbce;
}
@media (max-width: 768px) {
	#logo .logo-wrapper .alternatif-logo .title {
		display: block !important;
	}
}
#logo .logo-wrapper .alternatif-logo .logo {
	margin-top: 40px;
}
@media (min-width: 1025px) and (max-width: 1199px) {
	#logo .logo-wrapper .alternatif-logo .logo {
		display: block !important;
		text-align: center;
	}
}
@media (max-width: 1024px) {
	#logo .logo-wrapper .alternatif-logo .logo {
		display: block !important;
		text-align: center;
	}
}
@media (min-width: 1025px) and (max-width: 1199px) {
	#logo .logo-wrapper .alternatif-logo .logo .info-logo {
		margin-top: 40px;
	}
}
@media (max-width: 1024px) {
	#logo .logo-wrapper .alternatif-logo .logo .info-logo {
		margin-top: 40px;
	}
}
#logo .logo-wrapper .alternatif-logo .logo .info-logo .logo-top {
	margin-bottom: 50px;
}
@media (max-width: 768px) {
	#logo .logo-wrapper .alternatif-logo .logo .info-logo .logo-top {
		display: flex;
		justify-content: space-evenly;
	}
}
@media (max-width: 767px) {
	#logo .logo-wrapper .alternatif-logo .logo .info-logo .logo-top {
		display: block;
		margin-bottom: 16px;
	}
}
@media (min-width: 769px) and (max-width: 991px) {
	#logo .logo-wrapper .alternatif-logo .logo .info-logo .logo-top .top {
		margin-right: 0 !important;
		margin-bottom: 24px;
	}
}
@media (max-width: 767px) {
	#logo .logo-wrapper .alternatif-logo .logo .info-logo .logo-top .top {
		margin-right: 0 !important;
		margin-bottom: 16px;
	}
}
@media (max-width: 768px) {
	#logo .logo-wrapper .alternatif-logo .logo .info-logo .logo-bottom {
		display: flex;
		justify-content: space-evenly;
	}
}
@media (max-width: 767px) {
	#logo .logo-wrapper .alternatif-logo .logo .info-logo .logo-bottom {
		display: block;
	}
}
@media (min-width: 769px) and (max-width: 991px) {
	#logo .logo-wrapper .alternatif-logo .logo .info-logo .logo-bottom .bottom {
		margin-right: 0 !important;
		margin-bottom: 24px;
	}
}
@media (max-width: 767px) {
	#logo .logo-wrapper .alternatif-logo .logo .info-logo .logo-bottom .bottom {
		margin-right: 0 !important;
		margin-bottom: 16px;
	}
}
#logo .logo-wrapper .space-logo {
	padding: 80px 0;
	border-bottom: 1px solid #cccbce;
}
@media (max-width: 768px) {
	#logo .logo-wrapper .space-logo .title {
		display: block !important;
	}
}
#logo .logo-wrapper .space-logo .logo {
	margin-top: 80px;
}
@media (max-width: 767px) {
	#logo .logo-wrapper .space-logo .logo {
		display: block !important;
		text-align: center;
	}
}
@media (max-width: 767px) {
	#logo .logo-wrapper .space-logo .logo .horizontal {
		margin-right: 16px;
	}
}
@media (min-width: 320px) and (max-width: 530px) {
	#logo .logo-wrapper .space-logo .logo .horizontal {
		margin-right: 0;
	}
}
@media (min-width: 320px) and (max-width: 514px) {
	#logo .logo-wrapper .space-logo .logo .horizontal {
		margin-bottom: 16px;
	}
}
#logo .logo-wrapper .size-logo {
	padding: 80px 0;
}
@media (max-width: 768px) {
	#logo .logo-wrapper .size-logo .title {
		display: block !important;
	}
}
#logo .logo-wrapper .size-logo .size-logo-wrapper {
	margin-top: 80px;
}
@media (max-width: 767px) {
	#logo .logo-wrapper .size-logo .size-logo-wrapper .logo {
		display: block !important;
	}
}
#logo .logo-wrapper .size-logo .size-logo-wrapper .logo .cetak img {
	width: 100%;
}
#logo .logo-wrapper .size-logo .size-logo-wrapper .logo .divider {
	width: 199px;
	border: 1px solid #efebeb;
	transform: rotate(-90deg);
}
@media (max-width: 767px) {
	#logo .logo-wrapper .size-logo .size-logo-wrapper .logo .divider {
		transform: rotate(0);
		margin: 40px 0;
		width: 400px;
	}
}
@media (min-width: 320px) and (max-width: 767px) {
	#logo .logo-wrapper .size-logo .size-logo-wrapper .logo .divider {
		width: 100%;
	}
}
#logo .logo-wrapper .size-logo .size-logo-wrapper .logo .digital img {
	width: 100%;
}

/* User Guide */
#user-guide {
	padding: 40px 0 52px 0;
}
#user-guide .user-guide-wrapper {
	padding-top: 35px;
}
#user-guide .user-guide-wrapper .title {
	margin-bottom: 40px;
}
#user-guide .user-guide-wrapper .logo-wrapper {
	padding: 40px 0 80px 0;
	text-align: center;
	border-bottom: 1px solid #cccbce;
}
@media (min-width: 1025px) and (max-width: 1399px) {
	#user-guide .user-guide-wrapper .logo-wrapper {
		text-align: start;
	}
}
@media (max-width: 1024px) {
	#user-guide .user-guide-wrapper .logo-wrapper {
		text-align: start;
	}
}
@media (max-width: 768px) {
	#user-guide .user-guide-wrapper .logo-wrapper {
		text-align: start;
	}
}
#user-guide .user-guide-wrapper .logo-wrapper .logo {
	margin-bottom: 32px;
}
@media (min-width: 1025px) and (max-width: 1399px) {
	#user-guide .user-guide-wrapper .logo-wrapper .logo {
		flex-direction: column;
		align-items: flex-start !important;
	}
}
@media (max-width: 1024px) {
	#user-guide .user-guide-wrapper .logo-wrapper .logo {
		flex-direction: column;
		align-items: flex-start !important;
	}
}
@media (max-width: 768px) {
	#user-guide .user-guide-wrapper .logo-wrapper .logo {
		display: block !important;
		margin-bottom: 16px;
	}
}
@media (min-width: 1025px) and (max-width: 1399px) {
	#user-guide .user-guide-wrapper .logo-wrapper .logo .top {
		margin-bottom: 32px;
	}
}
@media (max-width: 1024px) {
	#user-guide .user-guide-wrapper .logo-wrapper .logo .top {
		margin-bottom: 32px;
	}
}
@media (max-width: 768px) {
	#user-guide .user-guide-wrapper .logo-wrapper .logo .top {
		margin-right: 0;
		margin-bottom: 16px;
	}
}
@media (min-width: 1025px) and (max-width: 1399px) {
	#user-guide .user-guide-wrapper .user-wrapper .bg-logo .block {
		display: block !important;
	}
}
@media (max-width: 1024px) {
	#user-guide .user-guide-wrapper .user-wrapper .bg-logo .block {
		display: block !important;
	}
}
@media (min-width: 1025px) and (max-width: 1399px) {
	#user-guide .user-guide-wrapper .user-wrapper .bg-logo .block .mb {
		margin-bottom: 16px;
	}
}
@media (max-width: 1024px) {
	#user-guide .user-guide-wrapper .user-wrapper .bg-logo .block .mb {
		margin-bottom: 16px;
	}
}
@media (min-width: 1025px) and (max-width: 1399px) {
	#user-guide .user-guide-wrapper .user-wrapper .bg-logo .block .purple {
		margin-left: 16px;
	}
}
@media (max-width: 1024px) {
	#user-guide .user-guide-wrapper .user-wrapper .bg-logo .block .purple {
		margin-left: 16px;
	}
}
@media (min-width: 769px) and (max-width: 991px) {
	#user-guide .user-guide-wrapper .user-wrapper .bg-logo .block .purple {
		margin-left: 0;
		margin-top: 16px;
	}
}
@media (max-width: 767px) {
	#user-guide .user-guide-wrapper .user-wrapper .bg-logo .block .purple {
		margin-left: 0;
		margin-top: 16px;
	}
}
@media (min-width: 1025px) and (max-width: 1399px) {
	#user-guide .user-guide-wrapper .user-wrapper .bg-logo .block .yellow {
		margin-top: 16px;
	}
}
@media (max-width: 1024px) {
	#user-guide .user-guide-wrapper .user-wrapper .bg-logo .block .yellow {
		margin-top: 16px;
	}
}
#user-guide .user-wrapper {
	padding: 80px 0 48px 0;
}
#user-guide .user-wrapper .title-wrapper {
	margin-bottom: 80px;
}
@media (max-width: 768px) {
	#user-guide .user-wrapper .title-wrapper {
		display: block !important;
	}
}
#user-guide .user-wrapper .bg-logo {
	margin-top: 40px;
}

/* Logo Guide */
#logo-guide {
	padding: 40px 0 52px 0;
}
#logo-guide .logo-guide-wrapper {
	padding-top: 35px;
}
#logo-guide .logo-guide-wrapper .title {
	margin-bottom: 40px;
}
#logo-guide .logo-guide-wrapper .logo-guide .logo {
	padding: 40px 0 48px 0;
}
#logo-guide .logo-guide-wrapper .logo-guide .logo .icon {
	margin-bottom: 80px;
}
@media (max-width: 768px) {
	#logo-guide .logo-guide-wrapper .logo-guide .logo .icon {
		margin-bottom: 40px;
	}
}
@media (min-width: 769px) and (max-width: 991px) {
	#logo-guide .logo-guide-wrapper .logo-guide .logo .icon.icon2 {
		margin-left: 0 !important;
	}
}
@media (max-width: 767px) {
	#logo-guide .logo-guide-wrapper .logo-guide .logo .icon.icon2 {
		margin-left: 0 !important;
	}
}
@media (min-width: 1025px) and (max-width: 1399px) {
	#logo-guide .logo-guide-wrapper .logo-guide .logo .icon.icon3 {
		margin-right: 24px;
	}
}
@media (max-width: 1024px) {
	#logo-guide .logo-guide-wrapper .logo-guide .logo .icon.icon3 {
		margin-right: 24px;
	}
}
@media (min-width: 1025px) and (max-width: 1399px) {
	#logo-guide .logo-guide-wrapper .logo-guide .logo .icon.icon5 {
		margin-left: 0 !important;
	}
}
@media (max-width: 1024px) {
	#logo-guide .logo-guide-wrapper .logo-guide .logo .icon.icon5 {
		margin-left: 0 !important;
	}
}

/* Color */
#color {
	padding: 40px 0 52px 0;
}
#color .color-wrapper {
	padding-top: 35px;
}
#color .color-wrapper .title-wrapper {
	padding: 56px 0 100px 0;
}
@media (max-width: 768px) {
	#color .color-wrapper .title-wrapper.title {
		display: block !important;
	}
}
#color .color-wrapper .color {
	border-bottom: 1px solid #b9b9b9;
}
@media (min-width: 769px) and (max-width: 991px) {
	#color .color-wrapper .color {
		display: block !important;
	}
}
@media (max-width: 767px) {
	#color .color-wrapper .color {
		display: block !important;
	}
}
#color .color-wrapper .color.primer {
	margin-bottom: 64px;
}
#color .color-wrapper .color .color-wrapper {
	padding: 17px 0;
	width: 176px;
}
#color .color-wrapper .color .color-wrapper.bg-white {
	border: 1px solid #eeecec;
}
#color .color-wrapper .color .number {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	width: 144px;
	display: flex;
	align-items: center;
	gap: 4px;
}
@media (min-width: 769px) and (max-width: 991px) {
	#color .color-wrapper .color .number {
		margin-top: 4px;
	}
}
@media (max-width: 768px) {
	#color .color-wrapper .color .number {
		flex-direction: column;
		width: 134px;
	}
}
@media (max-width: 767px) {
	#color .color-wrapper .color .number {
		display: block;
		width: 100%;
		margin-top: 4px;
	}
}
#color .color-wrapper .color .number .name {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
}

/* Typhography */
#typhography {
	padding: 40px 0 52px 0;
}
#typhography .typhography-wrapper {
	padding-top: 35px;
}
#typhography .typhography-wrapper .font-wrapper {
	padding: 80px 0;
}
@media (max-width: 1024px) {
	#typhography .typhography-wrapper .font-wrapper {
		padding: 40px 0;
	}
}
@media (max-width: 1024px) {
	#typhography .typhography-wrapper .font-wrapper .font {
		display: block !important;
	}
}
#typhography .typhography-wrapper .font-wrapper .font.top {
	margin-bottom: 110px;
}
@media (max-width: 1024px) {
	#typhography .typhography-wrapper .font-wrapper .font.top {
		margin-bottom: 80px;
	}
}
#typhography .typhography-wrapper .font-wrapper .font .font-times {
	font-family: 'Times';
	font-weight: 700;
	font-size: 100px;
	line-height: 120%;
	color: #000000;
}
@media (max-width: 1024px) {
	#typhography .typhography-wrapper .font-wrapper .font .font-times {
		margin-bottom: 16px;
	}
}
#typhography .typhography-wrapper .font-wrapper .font .icon img {
	width: 100%;
}
#typhography .typhography-wrapper .font-wrapper .font .font-public {
	font-family: 'Public Sans';
	font-weight: 400;
	font-size: 100px;
	line-height: 120%;
	color: #000000;
}
@media (max-width: 1024px) {
	#typhography .typhography-wrapper .font-wrapper .font .font-public {
		margin-bottom: 16px;
	}
}

/* Grafis */
#grafis {
	padding: 40px 0 52px 0;
}
#grafis .grafis-wrapper {
	padding-top: 35px;
}
#grafis .grafis-wrapper .logo {
	padding: 56px 0 48px 0;
}
#grafis .grafis-wrapper .logo .grafis img {
	width: 100%;
}
#grafis .grafis-wrapper .logo .icon {
	margin-left: 30px;
}
@media (min-width: 769px) and (max-width: 991px) {
	#grafis .grafis-wrapper .logo .icon {
		margin-left: 0;
		margin-top: 24px;
	}
}
@media (max-width: 767px) {
	#grafis .grafis-wrapper .logo .icon {
		margin-left: 0;
		margin-top: 24px;
	}
}

/* Logo Sekunder */
#logo-sekunder {
	padding: 40px 0 52px 0;
}
#logo-sekunder .logo-sekunder-wrapper {
	padding-top: 35px;
}
#logo-sekunder .logo-sekunder-wrapper .logo {
	padding: 64px 0;
	border-bottom: 1px solid #cccbce;
}
@media (max-width: 768px) {
	#logo-sekunder .logo-sekunder-wrapper .logo .logo-primer {
		margin-bottom: 48px;
	}
}
#logo-sekunder .logo-sekunder-wrapper .logo .logo-primer .primer {
	margin-top: 66px;
	width: 100%;
	max-width: 80%;
}
@media (max-width: 768px) {
	#logo-sekunder .logo-sekunder-wrapper .logo .logo-primer .primer {
		max-width: 100%;
		margin-top: 40px;
	}
}
#logo-sekunder .logo-sekunder-wrapper .logo .logo-sekunder .sekunder {
	margin-top: 40px;
	width: 100%;
	max-width: 80%;
}
@media (max-width: 1024px) {
	#logo-sekunder .logo-sekunder-wrapper .logo .logo-sekunder .sekunder {
		max-width: 100%;
	}
}
@media (max-width: 768px) {
	#logo-sekunder .logo-sekunder-wrapper .logo .logo-sekunder .sekunder {
		max-width: 100%;
	}
}
#logo-sekunder .logo-sekunder-wrapper .title-wrapper {
	padding: 80px 0;
	border-bottom: 1px solid #cccbce;
	text-align: center;
}
@media (max-width: 768px) {
	#logo-sekunder .logo-sekunder-wrapper .title-wrapper {
		text-align: start;
	}
}
#logo-sekunder .logo-sekunder-wrapper .title-wrapper .title {
	margin-bottom: 40px;
}
@media (max-width: 768px) {
	#logo-sekunder .logo-sekunder-wrapper .title-wrapper .title {
		display: block !important;
	}
}
@media (max-width: 767px) {
	#logo-sekunder .logo-sekunder-wrapper .title-wrapper .icon-composition img {
		width: 100%;
	}
}
#logo-sekunder .logo-sekunder-wrapper .ex-logo {
	padding: 80px 0;
	text-align: center;
	border-bottom: 1px solid #cccbce;
}
#logo-sekunder .logo-sekunder-wrapper .ex-logo .icon-wrapper {
	margin: 80px 0;
}
@media (max-width: 767px) {
	#logo-sekunder .logo-sekunder-wrapper .ex-logo .icon-wrapper {
		display: block !important;
	}
}
@media (max-width: 767px) {
	#logo-sekunder .logo-sekunder-wrapper .ex-logo .icon-wrapper.icon-top {
		text-align: start;
	}
}
@media (max-width: 767px) {
	#logo-sekunder
		.logo-sekunder-wrapper
		.ex-logo
		.icon-wrapper.icon-top
		.logo-top {
		margin-bottom: 80px;
	}
}
@media (max-width: 1024px) {
	#logo-sekunder .logo-sekunder-wrapper .ex-logo .icon-wrapper.icon-mid {
		display: block !important;
	}
}
@media (max-width: 1024px) {
	#logo-sekunder
		.logo-sekunder-wrapper
		.ex-logo
		.icon-wrapper.icon-mid
		.logo1 {
		margin-right: 16px;
	}
}
@media (max-width: 767px) {
	#logo-sekunder
		.logo-sekunder-wrapper
		.ex-logo
		.icon-wrapper.icon-mid
		.logo1 {
		margin-right: 0;
		margin-bottom: 16px;
	}
}
@media (max-width: 1024px) {
	#logo-sekunder
		.logo-sekunder-wrapper
		.ex-logo
		.icon-wrapper.icon-mid
		.logo3 {
		margin-top: 16px;
	}
}
@media (max-width: 768px) {
	#logo-sekunder .logo-sekunder-wrapper .ex-logo .icon-wrapper.icon-bottom {
		display: block !important;
	}
}
@media (max-width: 1024px) {
	#logo-sekunder
		.logo-sekunder-wrapper
		.ex-logo
		.icon-wrapper.icon-bottom
		.logo4 {
		width: 391px;
		height: 271px;
	}
}
@media (max-width: 768px) {
	#logo-sekunder
		.logo-sekunder-wrapper
		.ex-logo
		.icon-wrapper.icon-bottom
		.logo4 {
		width: 280px;
		height: 207px;
		margin-right: 16px;
	}
}
@media (max-width: 767px) {
	#logo-sekunder
		.logo-sekunder-wrapper
		.ex-logo
		.icon-wrapper.icon-bottom
		.logo4 {
		margin-right: 0;
		margin-bottom: 16px;
	}
}
@media (max-width: 1024px) {
	#logo-sekunder
		.logo-sekunder-wrapper
		.ex-logo
		.icon-wrapper.icon-bottom
		.logo5 {
		width: 391px;
		height: 271px;
	}
}
@media (max-width: 768px) {
	#logo-sekunder
		.logo-sekunder-wrapper
		.ex-logo
		.icon-wrapper.icon-bottom
		.logo5 {
		width: 280px;
		height: 207px;
	}
}
@media (max-width: 768px) {
	#logo-sekunder .logo-sekunder-wrapper .ex-logo .ms {
		text-align: start;
	}
}
#logo-sekunder .logo-sekunder-wrapper .sub-brand-logo {
	text-align: center;
	padding: 80px 0;
}
#logo-sekunder .logo-sekunder-wrapper .sub-brand-logo .sub-desc {
	font-family: 'Public Sans';
	font-weight: 400;
	font-size: 20px;
	line-height: 24px;
	color: #000000;
	margin-top: 48px;
	text-align: start;
}
#logo-sekunder .logo-sekunder-wrapper .sub-brand-logo .sub-desc.fakultas {
	margin-top: 100px;
}
#logo-sekunder .logo-sekunder-wrapper .sub-brand-logo .sub-desc.direktorat {
	margin-top: 100px;
}
#logo-sekunder .logo-sekunder-wrapper .sub-brand-logo .brand-logo {
	margin-top: 40px;
}
@media (max-width: 767px) {
	#logo-sekunder .logo-sekunder-wrapper .sub-brand-logo .brand-logo {
		display: block !important;
	}
}
#logo-sekunder .logo-sekunder-wrapper .sub-brand-logo .brand-logo .wrapper {
	width: 370px;
	text-align: start;
}
@media (max-width: 768px) {
	#logo-sekunder .logo-sekunder-wrapper .sub-brand-logo .brand-logo .wrapper {
		margin-bottom: 24px;
		width: 330px;
	}
}

/* Penamaan Buku */
#penamaan-baku {
	padding: 40px 0 52px 0;
}
#penamaan-baku .penamaan-baku-wrapper {
	padding-top: 35px;
}
#penamaan-baku .penamaan-baku-wrapper .indetity-wrapper {
	margin: 56px 0 32px;
}
#penamaan-baku .penamaan-baku-wrapper .subtitle {
	color: #4d4658;
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
}
#penamaan-baku .penamaan-baku-wrapper .indetity-wrapper .italic {
	font-style: italic;
}
#penamaan-baku .penamaan-baku-wrapper .table-wrapper .table {
	margin-top: 8px;
}
#penamaan-baku .penamaan-baku-wrapper .table-wrapper .table,
th,
td {
	border: 1px solid #d3d3d3;
	border-collapse: collapse;
}
#penamaan-baku .penamaan-baku-wrapper .table-wrapper th {
	text-align: center;
	color: #000;
	text-align: center;
	font-family: 'Montserrat';
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	background: #f3f0f8;
}
#penamaan-baku .penamaan-baku-wrapper .table-wrapper td {
	padding: 8px 24px;
	color: #000;
	font-family: 'Montserrat';
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
#penamaan-baku .penamaan-baku-wrapper .table-wrapper.mt-80 {
	margin-top: 80px;
}
#penamaan-baku .penamaan-baku-wrapper .table-wrapper.mb-80 {
	margin-bottom: 80px;
}

/* Download */
#download {
	padding: 40px 0 52px 0;
}
#download .label {
	color: #000;
	font-family: 'Montserrat';
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	padding: 16px;
}
#download .download-wrapper {
	padding-top: 35px;
}
#download .download-wrapper .accordion .accordion-item {
	border: none;
	margin-bottom: 80px;
}
#download .download-wrapper .accordion .accordion-item .accordion-header {
	border: 1px solid #f5f5f5;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-header
	.accordion-button {
	box-shadow: none;
	background-color: #f5f5f5;
	border-radius: 0;
	font-family: 'Montserrat';
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #120625;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-header
	.accordion-button:focus {
	box-shadow: none;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-header
	.accordion-button::after {
	transform: rotate(180deg);
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-header
	.accordion-button:not(.collapsed)::after {
	transform: rotate(0);
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.download-all {
	padding: 16px 20px;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.download-all
	.download-file {
	border: 1px solid #ff7900;
	border-radius: 4px;
	display: inline-flex;
	align-items: center;
	text-decoration: none;
	gap: 12px;
	padding: 10px;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.download-all
	.download-title {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: #ff7900;
}
@media (max-width: 1024px) {
	#download
		.download-wrapper
		.accordion
		.accordion-item
		.accordion-collapse
		.accordion-body {
		display: block !important;
	}
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.accordion-body
	.download {
	width: 453px;
}
@media (max-width: 1024px) {
	#download
		.download-wrapper
		.accordion
		.accordion-item
		.accordion-collapse
		.accordion-body
		.download {
		width: 100%;
		margin-bottom: 16px;
	}
}
@media (max-width: 767px) {
	#download
		.download-wrapper
		.accordion
		.accordion-item
		.accordion-collapse
		.accordion-body
		.download {
		display: block !important;
	}
}
@media (max-width: 767px) {
	#download
		.download-wrapper
		.accordion
		.accordion-item
		.accordion-collapse
		.accordion-body
		.download
		.download-logo {
		margin-right: 0 !important;
		margin-bottom: 8px;
	}
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.accordion-body
	.download
	.download-title
	.title {
	font-family: 'Montserrat';
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
	color: #000000;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.accordion-body
	.download
	.download-title
	.btn-download {
	font-family: 'Montserrat';
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #4a1b9d;
	text-decoration: none;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.accordion-body
	.download
	.download-title
	.dropdown
	.dropdown-toggle {
	border: none;
	background-color: transparent;
	padding: 0;
	font-family: 'Montserrat';
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: #4a1b9d;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.accordion-body
	.download
	.download-title
	.dropdown
	.dropdown-toggle::after {
	border-top: 0.3em solid #4c16a7;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.accordion-body
	.download
	.download-title
	.dropdown
	.dropdown-menu {
	padding: 16px;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.accordion-body
	.download
	.download-title
	.dropdown
	.dropdown-menu.show {
	width: 240px;
	border: none;
	background: #ffffff;
	box-shadow: 0px 2px 16px rgba(146, 134, 134, 0.25);
	border-radius: 0;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.accordion-body
	.download
	.download-title
	.dropdown
	.dropdown-menu
	.format {
	font-family: 'Montserrat';
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: #6a5e6a;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.accordion-body
	.download
	.download-title
	.dropdown
	.dropdown-menu
	.top {
	margin-top: 10px;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.accordion-body
	.download
	.download-title
	.dropdown
	.dropdown-menu
	.dropdown-list {
	background: #e2d8f4;
	border-radius: 2px;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.accordion-body
	.download
	.download-title
	.dropdown
	.dropdown-menu
	.dropdown-list
	.dropdown-item {
	font-family: 'Montserrat';
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: #000000;
	padding: 4px 37px;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.accordion-body
	.download
	.download-title
	.dropdown
	.dropdown-menu
	.dropdown-list
	.dropdown-item:hover {
	background: #e2d8f4;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.accordion-body
	.download
	.download-title
	.dropdown
	.dropdown-menu
	.dropdown-list
	.dropdown-item:active {
	background: #e2d8f4;
	color: #000000;
}
#download
	.download-wrapper
	.accordion
	.accordion-item
	.accordion-collapse
	.accordion-body
	.download
	.download-title
	.dropdown
	.dropdown-menu
	.dropdown-list
	.dropdown-item:focus {
	background: #e2d8f4;
}
.logo-title {
	width: 100%;
	max-width: 20%;
}
@media (max-width: 1024px) {
	.logo-title {
		max-width: 20%;
		margin-right: 40px;
	}
}
@media (max-width: 768px) {
	.logo-title {
		max-width: 100%;
		margin-bottom: 16px;
	}
}
@media (max-width: 767px) {
	.logo-title {
		max-width: 100%;
		margin-bottom: 16px;
	}
}
.text {
	width: 100%;
	max-width: 70%;
}
@media (max-width: 768px) {
	.text {
		max-width: 100%;
	}
}

p {
	margin: 0;
}

.text-contact {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	font-size: 12px;
	line-height: 12px;
	color: rgba(255, 255, 255, 0.7);
}

.text-navbar {
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 14px;
	text-transform: uppercase;
	color: #ffffff;
}

.text-sidebar {
	font-family: 'Public Sans';
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #746c82;
}

.text-title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 39px;
	text-transform: uppercase;
	color: #120625;
}

.text-desc {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #4d4658;
}

.text-subtitle {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 22px;
	text-transform: uppercase;
	color: #120625;
}

.text-page {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 26px;
	text-transform: uppercase;
	text-decoration: none;
	padding: 8px 16px;
	border-radius: 6px;
}

.text-size {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 24px;
	color: #120625;
}

.text-color {
	font-family: 'Montserrat', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
}

.text-submenu {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	color: #4d4658;
}

.text-topic {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	color: #000000;
}

/* Color */

.white {
	color: #ffffff;
}

.black {
	color: #000000;
}

.plumVelvet {
	background-color: #700070;
}

.purpleIrish {
	background-color: #4a1b9d;
}

.brightGold {
	background-color: #ffcc00;
}

.chromeYellow {
	background-color: #ffac00;
}

.blazeOrange {
	background-color: #ff7900;
}