@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body {
	font-family: 'Poppins', sans-serif;
	color: #4A9EA9;
}

.upbj-color {
	color: #4A9EA9 !important;
}

.upbj-bg-color {
	background-color: #4A9EA9 !important;
}

.ornament-color {
	background: linear-gradient(90deg, rgba(74, 158, 169, 0.25) 20.16%, rgba(205, 196, 218, 0) 94.85%);
	/* transform: matrix(0, 1, 1, 0, 0, 0); */
}

.ornament-color-email {
	background: radial-gradient(90deg, rgba(74, 158, 169, 0.25) 20.16%, rgba(205, 196, 218, 0) 94.85%);
	/* transform: matrix(0, 1, 1, 0, 0, 0); */
}

::placeholder {
	/* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #AEAEAE;
	opacity: 1;
	/* Firefox */
}

:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #AEAEAE;
}

::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #AEAEAE;
}

/* Bootstrap */
.form-control {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	padding-top: .5rem;
	padding-bottom: .5rem;
}

/* Utility */
.bg-muted {
	background-color: #F2F2F2;
}

.text-upbj {
	color: #4A9EA9 !important;
}

.btn-upbj {
	color: #fff;
	background-color: #4A9EA9;
	border-color: #4A9EA9;
}

.btn-upbj:hover {
	background-color: #1e5c5c;
	border-color: #1e5c5c;
}

.btn-muted {
	color: #fff;
	background-color: #C2C2C2;
	border-color: #C2C2C2;
}

.btn-muted:hover {
	background-color: #C2C2C2;
	border-color: #C2C2C2;
}

.icon.active {
	color: #4A9EA9;
}

.border-bottom-upbj {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 2px solid #4A9EA9;
}

.border-bottom-danger {
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 2px solid #e92c2c !important;
}

/* STEPPER */
.steps {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem;
	position: relative;
}

.step-button {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: none;
	background-color: #E0E0E0;
	transition: .4s;
}

.step-button[aria-expanded="true"] {
	width: 60px;
	height: 60px;
	background-color: #4A9EA9;
	color: #fff;
}

.done {
	background-color: #4A9EA9;
	color: #fff;
}

.step-item {
	z-index: 10;
	text-align: center;
}

#progress {
	-webkit-appearance: none;
	position: absolute;
	width: 85%;
	z-index: 5;
	height: 5px;
	margin-left: 18px;
	margin-bottom: 18px;
}

/* FOOTER */
img {
	max-width: 100%;
	height: auto;
}

section {
	padding: 60px 0;
	/* min-height: 100vh;*/
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* .contact-area {
    border-bottom: 1px solid #353C46;
} */

.contact-content p {
	font-size: 15px;
	margin: 30px 0 60px;
	position: relative;
}

/* .contact-content p::after {
    background: #353C46;
    bottom: -30px;
    content: "";
    height: 1px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    width: 80%;
} */

.contact-content h6 {
	color: #8b9199;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 10px;
}

.contact-content span {
	color: #353c47;
	margin: 0 10px;
}

.contact-social {
	margin-top: 30px;
}

.contact-social>ul {
	display: inline-flex;
}

.contact-social ul li a {
	border: 1px solid #8b9199;
	color: #8b9199;
	display: inline-block;
	height: 40px;
	margin: 0 10px;
	padding-top: 7px;
	transition: all 0.4s ease 0s;
	width: 40px;
}

.contact-social ul li a:hover {
	border: 1px solid #FAB702;
	color: #FAB702;
}

.contact-content img {
	max-width: 210px;
}

section,
footer {
	/* background: #302C72; */
	color: #868c96;
}

footer p {
	padding: 40px 0;
	text-align: center;
}

footer img {
	width: 44px;
}


/* to customize progress bar */
#progress::-webkit-progress-value {
	background-color: #4A9EA9;
	transition: .5s ease;
}

#progress::-webkit-progress-bar {
	background-color: #E0E0E0;
}

@media (min-width: 992px) {

	/* Utility */
	.w-lg-auto {
		width: auto !important;
	}

	.w-lg-50 {
		width: 50% !important;
	}
}

/* progress bar */

.start-25 {
	left: 25% !important;
}

.start-75 {
	left: 75% !important;
}

.start-33 {
	left: 33.37% !important;
}

.start-66 {
	left: 66.67% !important;
}

.form-check-input.custom-checkbox {
	width: 2em !important;
	height: 2em !important;
}

.form-check .form-check-label {
	color: rgb(0, 0, 0);
}

.line-height {
	line-height: 1.5 !important;
}

.rounded-19 {
	border-radius: 19px;
}

.rounded-btn {
	border-radius: 8px;
}

.shadow-bottom {
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.shadow-center {
	filter: drop-shadow(0px 4px 13px rgba(0, 0, 0, 0.25));
}

.card-pengadaan {
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
	border-radius: 11px;
}

.rounded-21 {
	border-radius: 27px;
}

.min-vh-50 {
	min-height: 50vh !important;
}

.min-vh-75 {
	min-height: 75vh !important;
}

.btn-upbj-dark {
	background: #6F6F6F !important;
	border-radius: 13.3548px !important;
	color: #ffffff !important;
}

.btn-upbj-dark:hover {
	background: #5e5e5e !important;
	color: #ffffff !important;
}

.btn-upbj-success {
	background: #4A9EA9;
	border-radius: 13.3548px;
	color: #ffffff !important;
}

.btn-upbj-success:hover {
	background: #54c6d5;
	border-radius: 13.3548px;
	color: #000000 !important;
}