.section-one {
	position: relative;
}
.flex-left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.flex-right {
	display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}
.label-lp-1 {
	border-radius: 99px;
	background: #385470;
	padding: 8px 12px;
	width: max-content;
	margin-bottom: 12px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	color: #FFFFFF;
}
.big-title {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 'Mulish' !important;
	font-weight: 800;
	font-size: 65px;
	line-height: 70px;
	text-align: left;
	color: #FFFFFF;
}
.orange {
	color: #EF9F7D !important;
}
.lp-header-one {
	margin-top: 24px;
	margin-bottom: 24px;
	display: flex;
	align-items: center;
	gap: 16px;
}
.txt-body-one {
	margin-bottom: 0px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	color: #385470;
}
.btn-orange {
	height: 48px;
	font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    padding: 12px 16px;
    border-radius: 12px;
    border: none;
    background: #EF9F7D;
    box-shadow: 0px 12px 24px 0px rgba(239, 159, 125, 0.40);
}
.btn-orange:hover {
    color: #FFFFFF;
    background: #E7642C;
}
.btn-orange:focus {
    color: #FFFFFF;
    background: #EF9F7D;
}
.btn-yellow {
	height: 48px;
	font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    padding: 12px 16px;
    border-radius: 12px;
    border: none;
    background: #FFB103;
}
.btn-yellow:hover {
    color: #FFFFFF;
    background: #E7A30B;
}
.btn-yellow:focus {
    color: #FFFFFF;
    background: #FFB103;
}
.btn-blue {
	height: 48px;
	font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    padding: 12px 16px;
    border-radius: 12px;
    border: none;
    background: #385470;
}
.btn-blue:hover {
    color: #FFFFFF;
    background: #31689D;
}
.btn-blue:focus {
    color: #FFFFFF;
    background: #385470;
}
.btn-grey {
	height: 48px;
	font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    padding: 12px 16px;
    border-radius: 12px;
    border: none;
    background: #929292;
}
.btn-grey:hover {
    color: #FFFFFF;
    background: #434343;
}
.btn-grey:focus {
    color: #FFFFFF;
    background: #929292;
}
.btn-white {
	height: 42px;
	font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
    color: #434343;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #E0E0E0;
    background: #FFFFFF;
}
.btn-white i {
	font-size: 14px;
}
.btn-white:hover {
	border: 1px solid #EF9F7D;
    color: #FFFFFF;
    background: #EF9F7D;
}
.btn-white:focus {
	border: 1px solid #E0E0E0;
    color: #434343;
    background: #FFFFFF;
}
.btn-red {
	height: 48px;
	font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    padding: 12px 16px;
    border-radius: 12px;
    border: none;
    background: #EB5757;
}
.btn-red:hover {
    color: #FFFFFF;
    background: #EC1919;
}
.btn-red:focus {
    color: #FFFFFF;
    background: #EB5757;
}
.section-two {
	position: relative;
	padding-bottom: 33px;
}
.bg-grey-lp {
	position: absolute;
	z-index: -1;
	top: 75px;
	/*bottom: 106px;*/
	left: 0;
	right: 0;
	height: 411px;
	background: url('../images/bg-grey-lp-tav.png'), lightgray 0% 0% / 100px 100px repeat;
	opacity: 0.5;
}
.bg-grey-mhcu {
	background: linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255,0.5)), url('../images/bg-grey-lp-tav.png'), lightgray 0% 0% / 100px 100px repeat;
	padding-top: 25px;
	padding-bottom: 35px;
}
.inner-heading-lp {
	max-width: 527px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.title-one {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 24px;
	line-height: normal;
	text-align: left;
	color: #131313;
}
.txt-body-two {
	margin-bottom: 0px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	text-align: left;
	color: #434343;
}
.btn-start-mhcu {
	width: max-content;
	padding: 12px 24px;
}
.wrap-opsi-modal {
	margin-right: -6px;
	margin-left: -6px;
	margin-top: 16px;
}
.wrap-radio-modal {
	padding-left: 6px;
	padding-right: 6px;
	margin-bottom: 12px;
}
.radio-modal {
	padding: 12px;
	border-radius: 8px;
	border: 1px solid #E0E0E0;
}
.radio-modal:hover {
	background: rgba(239, 159, 125, 0.20);
}
.radio-modal-active {
	border: 1px solid #EF9F7D !important;
	background: rgba(239, 159, 125, 0.20) !important;
}
.title-field {
	font-weight: 600;
	line-height: 16px;
}
.info-modal-sesi {
	margin-bottom: 12px;
	border-radius: 12px;
	background: rgba(56, 84, 112, 0.20);
	padding: 16px;
	display: flex;
	gap: 16px;
}
.wrap-img-book {
	position: relative;
	background: #FAFAFA;
}
.overlay-img-book {
	position: absolute;
	top: 0;
	width: 100%;
	height: 615px;
	background: linear-gradient(180deg, rgba(250, 250, 250, 0.00) 11.5%, rgba(250, 250, 250, 0.01) 30.5%, #FAFAFA 84%);
}
.txt-img-book {
	position: absolute;
	/*bottom: 79px;*/
	top: 393px;
	left: 50%;
	transform: translateX(-50%);
	width: 330px;
	max-width: 100%;
}
.title-img-book {
	margin-top: 12px;
	margin-bottom: 12px;
	font-family: 'Mulish' !important;
	font-weight: 800;
	font-size: 28px;
	line-height: normal;
	text-align: left;
	color: #131313;
}
.sec-booking {
	display: flex;
}
.wrap-form-book {
	padding-top: 24px;
	padding-bottom: 24px;
	flex: 1;
	display: flex;
	justify-content: center;
	background: #FAFAFA;
}
.inner-form-book {
	width: 803px;
	max-width: 100%;
}
.img-step-form {
	width: 100%;
}
.title-form {
	margin-bottom: 8px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
	color: #131313;
}
.wrap-opsi-level {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 24px;
	margin-bottom: 32px;
}
.card-level {
	padding: 16px;
	width: 380px;
	max-width: 100%;
	border-radius: 24px;
	border: 1px solid #E0E0E0;
	background: #FFF;
	cursor: pointer;
}
.card-level-active {
	border: 1px solid #EF9F7D !important;
	background: rgba(239, 159, 125, 0.10) !important;
}
.wrap-img-level {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 12px;
}
.img-ahli-stacked {
	margin-left: -11px;
	width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 40px;
    border: 1px solid #385470;
}
.jml-left-ahli {
	margin-bottom: 0px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 10px;
	line-height: 38px;
	text-align: center;
	color: #FFFFFF;
}
.title-card-level {
	margin-bottom: 0px;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 16px;
	line-height: normal;
	text-align: left;
	color: #131313;
}
.txt-body-small {
	margin-bottom: 8px;
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
	color: #434343;
}
.info-opsi-level {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.label-choosen-sesi {
	border-radius: 99px;
	background: #385470;
	margin-bottom: 0px;
	padding: 8px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	color: #FFFFFF;
}
.wrap-opsi-harga {
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-top: 24px;
	margin-bottom: 32px;
}
.wrap-btn-next-bef {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
}
.card-harga {
	padding: 16px;
	width: 100%;
	border-radius: 12px;
	border: 1px solid #E0E0E0;
	background: #FFF;
	cursor: pointer;
}
.inner-card-harga {
	display: flex;
	align-items: flex-start;
	gap: 24px;
}
.wrap-info-harga {
	flex: 1 1 0px;
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.wrap-benefit-harga {
	flex: 1 1 0px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 12px;
	border-radius: 12px;
	background: rgba(19, 19, 19, 0.05);
}
.txt-harga-sesi {
	margin-bottom: 0px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	color: #434343;
}
.txt-harga-big {
	font-size: 20px !important;
	font-weight: 800 !important;
	line-height: normal !important;
	color: #131313 !important;
}
.wrap-input-tgl {
	width: 200px;
	max-width: 100%;
}
.label-spesialis {
	border-radius: 999px;
	border: 1px solid #385470;
	background: rgba(56, 84, 112, 0.10);
	padding: 8px;
	width: max-content;
	margin-bottom: 0px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 10px;
	line-height: 13px;
	text-align: left;
	color: #385470;
}
.img-ahli-md {
	width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 999px;
    border: 1px solid #E0E0E0;
}
.img-ahli-lg {
	width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 999px;
    border: 1px solid #E0E0E0;
}
.label-jenis-sesi {
	padding: 12px;
	border-radius: 8px;
	border: 1px solid #E0E0E0;
	display: flex;
	align-items: center;
	gap: 8px;
}
.label-radio-disabled {
	background: #E3E3E3 !important;
    cursor: not-allowed !important;
}
.wrap-rincian-order {
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	background: #FFF;
}
.rincian-order-title {
	display: flex;
	padding: 12px 0px;
	justify-content: space-between;
	align-items: center;
}
.txt-link {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	color: #434343;
	text-decoration-line: underline !important;
}
.txt-link:hover {
	color: #EF9F7D !important;
}
.txt-link:focus {
	color: #434343 !important;
}
.txt-info-member {
	margin-bottom: 0px;
	padding: 8px 12px;
	border-radius: 99px;
	background: #FAFAFA;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 12px;
	line-height: 17px;
	text-align: left;
	color: #434343;
}
.wrap-form-order {
	margin-bottom: 24px;
	padding: 24px;
	border-radius: 24px;
	background: #FFF;
}
.title-field-small {
	margin-bottom: 8px;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-size: 10px;
	line-height: 13px;
	text-align: left;
	color: #434343;
}
.wrap-skta {
	margin-bottom: 12px;
	max-height: 215px;
	overflow-y: scroll;
	padding: 16px;
	display: flex;
	align-items: flex-start;
	gap: 16px;
	border-radius: 12px;
	background: #385470;
}
ol.list-skta {
	padding-left: 15px;
	margin-bottom: 0px !important;
}
.wrap-mhcu {
	display: flex;
	align-items: flex-start;
}
.right-mhcu-one {
	width: 632px;
	max-width: 100%;
	margin-left: auto;
	display: flex;
	gap: 16px;
	flex-direction: column;
}
.right-mhcu-two {
	width: 677px;
	max-width: 100%;
	margin-left: 64px;
}
.title-mhcu {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 32px;
	line-height: 48px;
	text-align: left;
	color: #434343;
}
.wrap-form-mhcu {
	padding: 24px;
	border-radius: 12px;
	background: #FFF;
}
.wrap-opsi-mhcu {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}
.wrap-check-mhcu {
	display: flex;
	padding: 16px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border-radius: 12px;
	background: rgba(239, 159, 125, 0.20);
}

.mt-0 {
	margin-top: 0px !important;
}
.mt-4 {
	margin-top: 4px !important;
}
.mb-0 {
	margin-bottom: 0px !important;
}
.mb-8 {
	margin-bottom: 8px !important;
}
.mb-12 {
	margin-bottom: 12px !important;
}
.mb-16 {
	margin-bottom: 16px !important;
}
.pd-0 {
	padding: 0px !important;
}
.pd-12 {
	padding: 12px !important;
}
.pt-0 {
	padding-top: 0px !important;
}
.pt-12 {
	padding-top: 12px !important;
}
.pb-0 {
	padding-bottom: 0px !important;
}
.lh-17 {
	line-height: 17px !important;
}
.font-blue {
	color: #385470 !important;
}
.font-blue-2 {
	color: #0B61AF !important;
}
.font-black {
	color: #434343 !important;
}
.font-white {
	color: #FFFFFF !important;
}
.font-grey {
	color: #929292 !important;
}
.font-dark {
	color: #131313 !important;
}
.font-red {
	color: red !important;
}
.font-orange {
	color: #EF9F7D !important;
}
.txt-center {
	text-align: center !important;
}
.bg-blue {
	background: #385470;
}
.bg-grey {
	background: #FAFAFA;
}
.flex-center {
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-16 {
	display: flex;
	align-items: center;
	gap: 16px;
}
.flex-12 {
	display: flex;
	align-items: center;
	gap: 12px;
}
.flex-8 {
	display: flex;
	align-items: center;
	gap: 8px;
}
.align-top {
	align-items: flex-start !important;
}
.flex-1 {
	flex: 1;
}
.flex-bottom {
	display: flex;
	align-items: flex-end;
}
.flex-wrap {
	flex-wrap: wrap;
}
.justify-center {
	justify-content: center;
}
.line-default {
	margin-top: 16px;
	margin-bottom: 16px;
	border-top: 1px solid #CFCFCF;
}
.line-default-2 {
	margin-top: 16px;
	margin-bottom: 16px;
	border-top: 1px solid #E0E0E0;
}

/* width */
.custom-scrollbar::-webkit-scrollbar {
    width: 9px;
}
/* Track */
.custom-scrollbar::-webkit-scrollbar-track {
    background: #E0E0E0;
}
.scrollbar-br-12.custom-scrollbar::-webkit-scrollbar-track {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
/* Handle */
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #EF9F7D;
}
.scrollbar-br-12.custom-scrollbar::-webkit-scrollbar-thumb {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
/* Handle on hover */
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #E7642C; 
}

.field_input_aside {
    position: relative;
}
.field_input_aside input {
    margin-bottom: 0px;
    padding: 8px 16px;
    border: 1px solid #CFCFCF;
    border-radius: 12px;
    background: #FAFAFA;
    width: 100%;
    height: 48px;
    font-size: 14px;
    text-align: left;
    color: #434343;
}
.field_input_aside > i {
	position: absolute;
    top: 16px;
    right: 16px;
    font-size: 16px;
    color: #434343;
    cursor: pointer;
}
.field_input_aside input:focus {
    /*outline: none;*/
    outline-color: #385470;
}
.input-field {
	margin-bottom: 0px;
    padding: 12px 16px;
    border: 1px solid #CFCFCF;
    border-radius: 12px;
    background: #FFFFFF;
    width: 100%;
    height: 48px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    color: #434343;
}
textarea.input-field {
	height: auto;
	max-width: 100%;
}
.input-field:read-only {
	background: #F6F6F6;
}
.input-field:focus {
    /*outline: none;*/
    outline-color: #385470;
}
.wrap-select select {
    background: url("data:image/svg+xml,<svg height='14px' width='14px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat #FFFFFF !important;
    background-position: right 16px top 16px !important;
    -moz-appearance: none;
    -webkit-appearance: none; 
    appearance: none;
}
.wrap-select select:focus {
    outline: none;
    border: 1px solid #EF9F7D !important;
}
.wrap-select.select-blue select:focus {
    outline: none;
    border: 1px solid #385470 !important;
}
.form-control {
	padding: 8px 12px;
    height: 48px;
    border: 1px solid #E0E0E0;
    border-radius: 12px;
    background: #FFFFFF;
    font-size: 12px;
    line-height: 18px;
    color: #434343;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #929292;
    opacity: 1; /* Firefox */
    font-size: 12px;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #929292;
    font-size: 12px;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #929292;
    font-size: 12px;
}

/* The container for radio */
.con-radio {
    display: block;
    position: relative;
    padding-left: 40px;
    margin-bottom: 0px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.con-radio-small {
	padding-left: 24px !important;
}
.con-radio-mhcu {
	padding-left: 0px !important;
	margin-bottom: 12px !important;
	width: 28px;
	height: 28px;
}
/* Hide the browser's default radio button */
.con-radio input {
    position: absolute;
    left: 0;
    opacity: 0;
    cursor: pointer;
}
/* Create a custom radio button */
.checkmark-radio {
    position: absolute;
    top: 0;
    left: 0;
    height: 28px;
    width: 28px;
    background-color: transparent;
    border: 1px solid #CFCFCF;
    border-radius: 100%;
}
.checkmark-radio-small {
	height: 18px;
    width: 18px;
}
/* On mouse-over, add a grey background color */
.con-radio:hover input ~ .checkmark-radio {
    background-color: #CCCCCC;
}
/* When the radio button is checked, add background */
.con-radio input:checked ~ .checkmark-radio {
    background-color: transparent;
    border: 1px solid #EF9F7D;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark-radio:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the indicator (dot/circle) when checked */
.con-radio input:checked ~ .checkmark-radio:after {
    display: block;
}
/* Style the indicator (dot/circle) */
.con-radio .checkmark-radio:after {
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: #EF9F7D;
}
.con-radio .checkmark-radio-small:after {
	top: 2px !important;
    left: 2px !important;
    width: 12px !important;
    height: 12px !important;
}
.label-radio {
    margin-bottom: 0px;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #434343;
    opacity: 1;
}
.label-radio-active {
	color: #EF9F7D !important;
}

/* The container for checkbox */
.con-checkbox {
	display: block;
	position: relative;
	margin-bottom: 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	width: 14px;
	height: 14px;
}
.con-checkbox-big {
	width: 18px !important;
	height: 18px !important;
}
/* Hide the browser's default checkbox */
.con-checkbox input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    height: 1px;
    width: 1px;
}
/* Create a custom checkbox */
.checkmark-checkbox {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	border: 1px solid #434343;
    border-radius: 4px;
}
/* On mouse-over, add a grey background color */
.con-checkbox:hover input ~ .checkmark-checkbox {
    background-color: #CCCCCC;
}
/* When the checkbox is checked, add a blue background */
.con-checkbox input:checked ~ .checkmark-checkbox {
    background-color: #EF9F7D;
    border: 1px solid #EF9F7D;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark-checkbox:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.con-checkbox input:checked ~ .checkmark-checkbox:after {
    display: block;
}
/* Style the checkmark/indicator */
.con-checkbox .checkmark-checkbox:after {
	left: 3px;
	top: 1px;
	width: 6px;
	height: 8px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.con-checkbox-big .checkmark-checkbox:after {
	left: 4px !important;
	top: 1px !important;
	width: 8px !important;
	height: 10px !important;
}
.wrap-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}
.txt-label-checkbox {
    margin-bottom: 0px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    color: #434343;
    opacity: 1;
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {
	font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #FFF;
    background-color: #385470;
    display: inline-block;
    cursor: pointer;
    padding: 2px 20px;
    border-radius: 6px;
    margin-bottom: 16px;
}
.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #31689D;
}
.inputfile:focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 4px;
}
.inputfile + label * {
	pointer-events: none;
}
.pointer {
	cursor: pointer;
}

body.modal-open {
    overflow: hidden;
}
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 10000; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
	align-items: center;
	justify-content: center;
}
/* Modal Content/Box */
.modal-content {
	background-color: #FFFFFF;
	margin: auto; /* 15% from the top and centered */
	border: none;
	width: 446px; /* Could be more or less, depending on screen size */
	max-width: 100%;
	border-radius: 16px;
}
.modal-content-large {
	width: 652px;
	max-width: 100%;
}
.modal-content-xl {
	width: 785px;
	max-width: 100%;
}
.txt-modal-title {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 17px;
	line-height: normal;
	text-align: left;
	color: #131313;
}
.modal-line {
	margin-top: 12px;
	margin-bottom: 12px;
	border-top: 1px solid #E0E0E0;
}
.btn-modal {
	height: 43px;
	font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 13px;
    text-align: center;
    padding: 12px 16px;
    border-radius: 12px;
}
.btn-modal-white {
    color: #434343;
    border: 1px solid #E0E0E0;
    background: #FFFFFF;
}
.btn-modal-white:hover {
    color: #FFFFFF;
    border: 1px solid #EF9F7D;
    background: #EF9F7D;
}
.btn-modal-white:focus {
    color: #434343;
    border: 1px solid #E0E0E0;
    background: #FFFFFF;
}
.btn-modal-orange {
    color: #FFFFFF;
    border: 1px solid #EF9F7D;
    background: #EF9F7D;
}
.btn-modal-orange:hover {
    color: #FFFFFF;
    border: 1px solid #E7642C;
    background: #E7642C;
}
.btn-modal-orange:focus {
    color: #FFFFFF;
    border: 1px solid #EF9F7D;
    background: #EF9F7D;
}

@media (min-width: 768px) {
	.wrapper {
		width: 1150px;
		max-width: 100%;
		margin: auto;
		padding-left: 0px;
		padding-right: 0px;
	}
	.wrapper-two {
		width: 1240px;
	}
	.section-one {
		width: 100%;
		height: 560px;
		margin-top: 16px;
		margin-bottom: 56px;
	}
	.wrap-lp-one {
		width: 503px;
		max-width: 100%;
	}
	.wrap-lp-two {
		display: flex;
		align-items: center;
		gap: 129px;
	}
	.modal-content {
	    padding: 24px;
	}
	.wrap-img-book {
		width: 497px;
		min-height: 634px;
		max-width: 100%;
	}
	.img-step-form {
		margin-bottom: 32px;
	}
	.wrap-rincian-order {
		padding: 26px;
	}
	.info-form-order {
		margin-top: 32px !important;
		margin-bottom: 32px !important;
	}
	.img-lp-one {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	.wrap-info-heading {
		max-width: 245px;
	}
	.left-mhcu-two {
		position: -webkit-sticky;
	    position: sticky;
	    top: 95px;
	}
	.hide-desktop {
		display: none !important;
	}
}

@media (max-width: 767px) {
	select {
        text-align-last: left;
    }
	.wrapper {
		width: 100%;
		padding-left: 16px;
		padding-right: 16px;
		overflow: hidden;
	}
	.modal {
		padding-left: 15px;
		padding-right: 15px;
	}
	.modal-content {
		padding: 14px;
	}
	.img-step-form {
		margin-bottom: 34px;
	}
	.wrap-rincian-order {
		padding: 24px;
		max-height: 100% !important;
	}
	.info-form-order {
		margin-top: 20px !important;
		margin-bottom: 20px !important;
	}
	.img-lp-one {
		max-width: 100%;
		margin-top: 22px;
		margin-bottom: 40px;
	}
	.big-title {
		font-family: 'Poppins', sans-serif !important;
		font-weight: 700;
		font-size: 32px;
		line-height: 36px;
	}
	.lp-header-one {
		margin-top: 16px;
		margin-bottom: 16px;
		gap: 12px;
	}
	.img-lp-two {
		max-width: 311px;
		margin: auto;
		margin-bottom: 40px;
	}
	.bg-grey-lp {
		top: 0 !important;
		height: 100% !important;
	}
	.inner-heading-lp {
		align-items: center !important;
	}
	.title-one {
		font-size: 20px !important;
	}
	.txt-body-two {
		font-size: 12px !important;
		line-height: 20px !important;
	}
	.wrap-img-book {
		max-height: 356px;
    	overflow: hidden;
	}
	.img-step-left {
		margin-top: -25px;
	}
	.img-step-left-two {
		margin-top: -40px;
	}
	.overlay-img-book {
		height: 356px !important;
	}
	.txt-img-book {
		top: 133px !important;
		width: 250px;
	}
	.title-img-book {
		font-size: 24px !important;
		font-weight: 700 !important;
	}
	.wrap-form-book {
		padding: 3px 0px 76px 0px !important;
	}
	.title-form {
		font-size: 12px !important;
	}
	.wrap-opsi-level {
		margin-top: 16px !important;
		margin-bottom: 24px !important;
	}
	.wrap-info-choosen-paket {
		align-items: flex-start !important;
		gap: 4px !important;
	}
	.label-choosen-sesi {
		border-radius: 12px !important;
		padding: 10px 12px !important;
		font-size: 11px !important;
		font-weight: 500 !important;
	}
	.btn-38-mobile {
		width: 38px !important;
		height: 38px !important;
	}
	.wrap-input-tgl {
		width: 100% !important;
	}
	.wrap-stat-ahli-popup {
		flex-direction: column;
		align-items: flex-start !important;
		gap: 8px !important;
	}
	.sec-booking {
		flex-direction: column-reverse;
	}
	.txt-harga-big {
		font-size: 16px !important;
		font-weight: 700 !important;
	}
	.wrap-form-order {
		border-radius: 0px !important;
	}
	ol.list-skta {
		padding-left: 10px !important;
	}
	.list-skta li {
		display: list-item !important;
    	list-style: decimal !important;
	}
	.wrap-skta {
		padding: 14px !important;
		gap: 10px !important;
	}
	.title-mhcu {
		font-size: 24px !important;
		line-height: normal !important;
	}
	.w255-mobile {
		width: 255px !important;
		margin: auto;
	}
	.wrap-form-mhcu {
		padding: 20px !important;
	}
	.right-mhcu-two {
		margin-top: 40px;
		margin-left: 0px !important;
		width: 100%;
	}
	.flex-col-mobile {
		flex-direction: column !important;
	}
	.fgap-16-mobile {
		gap: 16px !important;
	}
	.txt-center-mobile {
		text-align: center !important;
	}
	.txt-left-mobile {
		text-align: left !important;
	}
	.mb-4-mobile {
		margin-bottom: 4px !important;
	}
	.mb-10-mobile {
		margin-bottom: 10px !important;
	}
	.padding-80-mobile {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}
	.pb-0-mobile {
		padding-bottom: 0px !important;
	}
	.pb-80-mobile {
		padding-bottom: 80px !important;
	}
	.plr-15-mobile {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.plr-20-mobile {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.mw-50-mobile {
		max-width: 50px !important;
	}
	.w33p-mobile {
		width: 33.33% !important;
	}
	.w50p-mobile {
		width: 50% !important;
	}
	.w100p-mobile {
		width: 100% !important;
	}
	.wrap-radio-mcmi {
		padding-left: 28px !important;
	}
}