.bHomePage {
	/* Layout Properties */
	/* UI Properties */
	background: transparent linear-gradient(180deg, #3ab88e 0%, #258774 100%) 0% 0% no-repeat padding-box;
	opacity: 1;
}

.bHomePendaftaran {
	/* Layout Properties */
	/* UI Properties */
	background: transparent linear-gradient(180deg, #3ab88e 0%, #258774 100%) 0% 0% no-repeat padding-box;
	opacity: 1;
}

.cardHome {
	/* Layout Properties */
	top: 185px;
	left: 710px;
	width: 500px;
	height: 820px;
	/* UI Properties */
	background: #ffffff 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 20px;
	opacity: 1;
}

.b1 {
	/* Layout Properties */
	background: #3ab88e 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
	opacity: 1;
}

.b2 {
	/* UI Properties */
	background: #fbc02d 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 5px;
	opacity: 1;
}

.column {
	float: left;
	width: 33.33%;
	padding: 5px;
}

/* Clear floats after image containers */
.row::after {
	content: "";
	clear: both;
	display: table;
}

form.nosubmit {
	border: none;
	padding: 0;
}

input.nosubmit {
	border: 1px solid #555;
	width: 100%;
	padding: 9px 4px 9px 40px;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;
}

.tengah {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.justify-center{
	display: flex;
	justify-content: center;
	justify-items: center;
	align-items: center;
    height: 100%;
}

/* .border-select{
	border: #3B3A42 1px solid !important;
} */
/* 
.round label{
	border: #3B3A42 1px solid !important;
} */

.select2{
    max-width: 100% !important;
    min-width: 100% !important;
}

.select2-selection {
	overflow: hidden;
}

.select2-container--default .select2-selection--single {
	border: 1px solid #d9dee3;
}

.select2-selection__rendered {
	white-space: normal;
	word-break: break-all;
}

.border-input{
	border: #3B3A42 1px solid !important;
}

/* .form-check-input {
	border: #3B3A42 1px solid !important;
} */

.card-header-custom {
	height: 110px; 
	background: #DF506A;
	border-radius: 30px 30px 0px 0px !important;
	opacity: 1;
	text-align: center;
	font: normal normal medium 21px/31px Poppins;
	letter-spacing: 0px;
	color: #FFFFFF;
	opacity: 1;
	/* Responsiveness */
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
  }

.card-container {
	display: flex;
	flex-wrap: wrap;
}

.card {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	flex-grow: 1;
}

.card-body {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#progressbar {
    width: 100%;
    display: flex;
    justify-content: space-between; 
}

#progressbar li {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	flex-grow: 1;
	/* width: 100%/6; */
}

/* texts */
.text-info-paket{
	font-weight: 700;
	font-size: 12px !important;
	line-height: 27px;
	color: red !important;
}

.text-harga-paket{
	font-weight: 700;
	font-size: 24px;
	line-height: 27px;
	color: #3B3A42;
	margin-top: -15px;
}

.text-check{
	font-style: normal; 
	font-weight: 500; 
	/* font-size: 14px;  */
	font-size: 0.8em; 
	line-height: 24px;
	text-align: left;
}

/* button components */
.btn-variation {
	/* width: calc(100% / 4); */
	text-align: center;
	text-transform: capitalize !important;
	color: #6497E6;
	font-size: 12px;
	font-weight: 500;
	border: 1px solid #6497E6;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 5px;
	/* display: inline; */
}

.btn-variation:hover {
	color: white;
	border: 1px solid #6497E6;
	background-color: #6497E6;
	border-radius: 5px;
	cursor: pointer;
}

.btn-check:checked + .btn-outline-info {
    color: #FFF;
	background-color: #6497E6;
	border: 1px solid #6497E6;
}

.btn-pilih-paket {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FDB010;
    border-radius: 5px;
	font-size: 12px;
    opacity: 1;
    text-align: center;
    letter-spacing: 0px;
    color: #FDB010;
    opacity: 1;
    cursor: not-allowed;
	float:right;	
	padding: 10px 15px; 
}

.btn-peminatan {
	background: #007BFF;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
	color: white;
	padding: 8px 16px;
	max-width: 100%;
	cursor: pointer;
	opacity: 1;
	display: flex;
  }
  
  .btn-peminatan:hover {
	color: white;
  }
  
/* @media (min-width: 992px) {  */
    /* label, small, .btn-pilih-paket {
        font-size: 18px;
    } */
    /* .btn-pilih-paket {
        float: left;
    } */
/* } */

/* large (from < 1999px) */
@media (max-width: 1199px) {
    .sidebar {
        /* display: none; */
		width: 100% !important;
		margin-left: 0px !important;
    }
}

/* Tablet (from 768px to 992px) */
@media (min-width: 768px) and (max-width: 992px) {
	#progressbar li {
		font-size: 12px;
	}
	.btn-pilih-paket {
        text-align: center;
		font-size: 12px;
		width: 100%;
    }
	.text-check{
		font-size: 14px; 
	}
}

/* Mobile (max-width 767px) */
@media (max-width: 767px) {
	#progressbar li {
		font-size: 7px;
	}
	.btn-pilih-paket {
        text-align: center;
		font-size: 12px;
		width: 100%;
    }
	.text-check{
		font-size: 14px; 
	}
}