body {
	margin: 0;
	background: var(--main_bg);
	padding: 0;
}
:root {
	--Blacker_Text:'Plus Jakarta Sans', sans-serif; 
	--Manrope:'Plus Jakarta Sans', sans-serif;

	--main_bg:#DCE4ED;
	--main_bg_1:#D4AF37;
	--main_bg_2:#FFF;
	--main_bg_3:#2B4C65;
	--main_bg_4:#375B77;
	--main_bg_5:#1B3344;
	--main_bg_6:#FBFBFB;
	--main_bg_7: #CDD6E0;

	--main_title_1:#3E6E7F;
	--main_title_2:#2B4C65;
	--main_title_3:#fff;
	--main_text_1:#555966;
	--main_text_2:#FFF;
	--main_text_3:#AEB6BF;
	--main_text_4:#A1B6C6;
	--main_text_5:#DCF0FF;
	--main_text_6:#D4AF37;

	--btn_color_1:#D4AF37;
	--border_color:#D4AF37;
	--border_color_1:#2B4C65;
	--border_color_2:#DCE4ED;
	--border_color_3:#555966;
	--border_color_4:#fff;
	--border_color_5:#396383;
}

.premium-form-wapper { position:relative; height:calc(100vh - 81px); }
.premium-form-left, .premium-form-right {
	max-width: 500px;
	width: 100%;
	margin: auto;
	padding-top: 62px;
	padding-bottom: 88px;
	position: relative;
}
.premium-form-wapper:before{
	content: '';
	max-width: 50%;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}
.premium-form-wapper:after{
	content: '';
	position: absolute;
	max-width: 50%;
	width: 100%;
	display: block;
	height: 100%;
	right: 0;
	top: 0;
	background-color: var(--main_bg_2);
	z-index: -1;
}

/* new update css start */
.premium-form-left h3 {
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 24px;
	font-style: normal;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: -0.24px;
	text-transform: capitalize;
	margin: 0;
	padding-bottom: 24px;
}
.premium-form-right form { display: flex; flex-direction: column; gap: 18px; }
.premium-form-right .form-group label {
	color: var(--main_text_1);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 0;
}
.premium-form-right .form-group { margin:0; display: flex; flex-direction: column; gap: 8px; }
.premium-form-right .form-group .form-control {
	border-radius: 4px;
	background: var(--main_bg_2);
	padding: 0 16px;
	height: 48px;
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	position: relative;
	border: 1px solid var(--border_color_3);
}
.premium-form-right h3 {
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: -0.2px;
	text-transform: capitalize;
	margin: 0;
	padding-bottom: 20px;
}
.premium-ms-wapper { display:flex; flex-direction:column; gap:8px; }
.premium-ms-card {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.pay-via-button {
	border-radius: 4px;
	background: var(--main_bg_3);
	display: flex;
	max-width: 100%;
	width: 100%;
	height: 48px;
	padding: 0 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	color: var(--main_title_3);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	border: 0;
	margin-top: 0px;
}

.premium-form-left ul { margin:0; padding:0; display:flex; flex-direction:column; gap:10px; }
.premium-form-left ul li {
	margin: 0;
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	letter-spacing: -0.16px;
	text-transform: capitalize;
}

@media(max-width:1199px) {

}

@media(max-width:991px) {
	.premium-form-right .form-group .form-row input { max-width:100%; }
}

@media(max-width:767px) {
	.premium-form-wapper:before, .premium-form-wapper:after { background: var(--main_bg); max-width:100%; }
	.premium-form-right .form-group .form-row input { max-width:100%; }
	.premium-form-left, .premium-form-right { padding-top: 30px; padding-bottom: 30px; }
}
