h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
li {
	font-family: "Michroma" !important;
}

.navbar-toggler-icon {
	background-image: url("https://img.icons8.com/ios-filled/100/EBEBEB/menu--v1.png");
}

.card-header {
	font-family: "Michroma" !important;
}

table.card-content td {
	font-family: "Michroma" !important;
	font-size: 8pt;
}

div.card-body p.card-content {
	font-size: 10pt;
}

.pt8 {
	font-size: 8pt;
}

.pt9 {
	font-size: 9pt;
}

.pt10 {
	font-size: 10pt;
}

ul.dropdown-menu {
	background-color: #2b2b2b;
	border-radius: 0px;
}

li.dropdown-item a {
	text-decoration: none;
	color: #ffffff;
}

li.dropdown-item a:hover {
	color: #000000;
}

li.nav-item {
	font-size: 10pt;
	/* margin-right: 10px; */
}

a.nav-link {
	color: #ffffff;
}

a.nav-link:hover {
	color: #cfcfcf;
}

a.mail {
	color: #ffffff;
}

a.whatsapp:hover {
	color: #25d366;
}

.text-white {
	color: #ffffff;
}

.text-grey {
	color: #929292;
}

.text-dark {
	color: #292929;
}

.text-collection {
	text-decoration: none;
	color: #363636;
}

.bg-grey-light {
	background-color: #f0f0f0;
}

nav.custom-tabs a.nav-link {
	color: #4b4b4b;
	font-size: 10pt;
}

.text-justify {
	text-align: justify;
}

.bg-own-dark {
	background-color: #000000;
}

.own-radius {
	border-radius: 7px;
}

.own-radius-button {
	border-radius: 30px;
}

.image-front {
	width: 300px;
	height: 300px;
}

.border-orange {
	border: 1px solid #f76403;
}

.border-purple {
	border: 1px solid #3b2235;
}

.border-none {
	border: 0px;
}

.btn-outline-orange {
	border: 1px solid #f76403;
	color: #f76403;
}

.btn-outline-orange:hover {
	background-color: #f76403;
	color: #f0f0f0;
}

.btn-outline-purple {
	border: 1px solid #3b2235;
	color: #3b2235;
}

.btn-outline-purple:hover {
	background-color: #3b2235;
	color: #f0f0f0;
}

.card-bg-orange {
	background-color: #f76403;
	color: #ffffff;
}

.bg-gradient-black {
	color: #000000;
	background: #454545;
	background: linear-gradient(
		0deg,
		rgba(69, 69, 69, 1) 0%,
		rgba(191, 191, 191, 1) 50%,
		rgba(255, 255, 255, 1) 100%
	);
}

/* Tombol prev & next jadi hitam dengan opacity */
.carousel-control-prev,
.carousel-control-next {
	width: 5%; /* biar nggak terlalu lebar */
	background-color: rgba(0, 0, 0, 0.6); /* hitam transparan */
	border-radius: 50%; /* jadi bulat */
	top: 50%;
	transform: translateY(-50%);
	height: 50px;
	width: 50px;
}

/* Panah di dalam tetap putih biar kontras */
.carousel-control-prev-icon,
.carousel-control-next-icon {
	filter: invert(1);
}

@keyframes fadeInLeft {
	0% {
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		transform: translateY(0%);
		opacity: 1;
	}
}

.anim-fade-left {
	animation: 1.5s fadeInLeft;
}

@keyframes fadeInRight {
	100% {
		transform: translateX(100%);
		opacity: 0;
	}
	0% {
		transform: translateY(0%);
		opacity: 1;
	}
}

.anim-fade-right {
	animation: 1.5s fadeInRight;
}

@media (min-width: 300px) {
	.image-front {
		margin: 0 auto;
	}
}