:root {
	--warna-utama:rgb(5, 5, 66);
	--warna-kedua:#009fe3;
}

/*Apply styles after scroll*/
.scrolling-active{
    background-color: #efefef;
    box-shadow: 0 3px 2rem rgba(0,0,0,.6);
    margin-bottom: 1rem;
}

.scrolling-active .nav{
    height: 6.6rem;
}

.scrolling-active .nav a{
    color: #313131;
}

.scrolling-active #nav-cta{
    background-color: #313131;
    color: #fff;
}

.scrolling-active #nav-cta:hover{
    background-color: #151515;
}

.scrolling-active .nav-link::after{
    background-color: #efefef;
}

/*Apply styles after scroll end*/

.bg-utama {
	background-color: var(--warna-utama);
}
.text-utama {
	color: var(--warna-utama);
}
.btn-utama {
	color: cornsilk;
	background-color: var(--warna-utama);
	border-color: var(--warna-utama);
}
.btn-utama:hover {
	color: rgb(251, 255, 37);
	background-color: rgb(18, 18, 117);
	border-color: rgb(18, 18, 117);
}

.bg-kedua {
	background-color: var(--warna-kedua);
}
.text-kedua {
	color: var(--warna-kedua);
}


.home-box,.home-box-text {
  /*width: 674px;*/
  border: 0px solid green;
}

.home-box-text {
  padding: 45px 65px 45px 45px;
}

.vision .card:hover {
	box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2);
}

.bg-top-right {
	position: fixed;
	top: 10px;
	right: 30px;
	z-index: 99999;
}

/* .bg-one {
	background: url(../../img/home/kanan.svg);
	height: 80px;
	width: 26px;
	position: fixed;
	top: 0;
	right: 36px;
	background-repeat: no-repeat;
} */

section.visimisi,
section.whyus {
	margin: 0 !important;
}

section.whyus {
	height: 50vh;
}

.lingkar {
	list-style-type: disc;
}
.bola {
	list-style-type: circle;
}
.kotak {
	list-style-type: disc;
}

.dropdown-menu {
	/* min-width: 14rem; */
	width: 232.28px;
	padding: 0.5rem 0;
	margin: 0;
	font-size: 1rem;
	color: #fff;
	text-align: left;
	list-style: none;
	background-color: var(--warna-kedua);
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0.25rem;
}
.dropdown-item {
	color: white;
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: white;
	background-color: var(--warna-utama);;
}

.dropdown-menu[data-bs-popper] {
	margin-left: 0.4rem;
}

/* image */
.img-prd {
	height: 180px;
	width: 290px;
}
.img-mainarticle {
	height: 360px;
	width: 480px;
}
.img-article {
	height: 135px;
	width: 240px;
}
.img-more {
	padding: 0.25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: 0.25rem;
	max-width: 100%;
	height: 120px;
}
/* image */

.product-box h4.card-title {
	height: 60px;
}
.product-box p {
	height: 240px;
}
.nav-footer {
	color: white;
	text-decoration: none;
}

.nav-footer.active {
	color: #29cde3;
}