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

body {
	font-family: 'Poppins' !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
table,
tr,
td,
ul,
ol,
li,
a {
	font-family: 'Poppins' !important;
	line-height: normal;
}

/*otp pup-up start*/
.textCenter {
	text-align: center;
}

.ap-view-priceBtn {
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	letter-spacing: 0.6px;
	display: inline-block;
	text-align: center;
}

.ap-common-orange-bg {
	background-color: #FC802B;
}

.natural-white {
	color: #fff;
}

.ap-otpPop-up {
	max-width: 375px;
	width: 100%;
	display: inline-block;
}

.ap-popup-inner {
	background-color: #fff;
	padding: 30px;
	border-radius: 5px;
	z-index: 2;
}

.ap-otpPop-up .ap-popup-inner {
	padding: 25px;
}

.ap-popup-inner .ap-popup-head {
	font-size: 25px;
	margin-bottom: 10px;
}

.col-100 {
	width: 100%;
}

.fs-ultrasmall {
	font-size: 13px;
}

.fw-bold {
	font-weight: 700;
}

.textLeft {
	text-align: left;
}

.fw-semibold {
	font-weight: 600;
}

.ap-otpMobile-text a {
	display: inline-block;
	margin-left: 5px;
	color: #FC802B;
	text-decoration: underline;
	font-size: 12px;
}

.alignStart {
	align-items: flex-start;
}

.justifySpace {
	justify-content: space-between;
}

.flexDisplay {
	display: flex;
}

.ap-optfrm-wrp {
	margin-top: 20px;
}

.ap-optfrm-wrp .ap-otpInput-box {
	font-size: 20px;
	text-align: center;
	padding-bottom: 5px;
	border: none;
	border-bottom: 1px solid #000;
	width: calc(25% - 10px);
}

.ap-resendOtp-msg {
	font-size: 11px;
	margin-top: 20px;
}

.ap-resendOtp-click {
	font-size: 12px;
	color: #FC802B;
	font-weight: 500;
	text-decoration: underline !important;
	display: none;
	margin-top: 15px;
}

.floatRgt {
	float: right;
}

.textRight {
	text-align: right;
}

.ap-verifyOtp-click {
	border: none;
	margin-top: 15px;
	height: 48px;
	line-height: 48px;
	border-radius: 5px;
	cursor: pointer;
}

.ap-verifyOtp-click.disabled,
.ap-view-priceBtn.disabled {
	background-color: #DDDDDD;
}

/*otp pup-up end*/


.add-nominee-main {
	margin: 80px 0 50px 0;
}

.add-nominee {
	margin-bottom: 50px;
}

.add-nominee-btn {
	width: 100%;
	background-color: #fc802b;
	color: #fff;
	border: 1px solid #fc802b;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
	padding: 10px 15px;
	text-decoration: none;
	display: block;
	text-align: center;
}

.add-nominee-btn:hover {
	color: #ffffff;
}

.deactive-button:hover {
	color: #fc802b;
}

.form-group {
	margin: 20px 0;
}

.policy-input input,
.policy-input select {
	width: 100%;
	padding: 10px 20px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-webkit-border-radius: 8px;
	height: 45px;
	border: 1px solid #2C2C2C;
	color: #2C2C2C;
}

.policy-input {
	position: relative;
}

.policy-input {
	border: none;
	background: transparent;
	outline: none;
}

label {
	position: absolute;
}

.policy-input label {
	position: absolute;
	top: 12px;
	left: 20px;
	font-size: 14px;
	color: #2C2C2C;
	pointer-events: none;
	transition: all 0.3s ease;
}

.policy-input input:focus,
.policy-input select:focus {
	outline: none;
}

input.accountType~label {
	margin-left: 10px;
}

.policy-input input:focus~label,
.policy-input select:focus~label,
.policy-input input:not(:placeholder-shown)~label,
.policy-input select:not(:placeholder-shown)~label {
	top: -10px;
	font-size: 10px;
	color: #2C2C2C;
	background-color: #ffffff;
	padding: 0px 5px;
	left: 16px;
}

select {
	padding-left: 15px;
	font-family: inherit;
}

.floating-diff .floating-label {
	opacity: 0;
}

.form-group.focused .floating-label {
	opacity: 1;
	top: -8px;
	left: 15px;
	font-size: 14px;
	background-color: #ffffff;
}

.add-nominee-btn[disabled] {
	background-color: #cbcbcb;

	color: #000000;
	border-color: #cbcbcb;
	color: #fff;
}

/* check box */
.checkboxWrp {
	padding: 5px 0 25px 0;
	align-items: center;
	display: flex;
}

.checkboxWrp .accept-terms[type="checkbox"]:checked,
.accountType[type="radio"]:checked,
.checkboxWrp .memberCheck[type="checkbox"]:checked {
	background: #06a800;
	border: 1px solid #06a800;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.checkboxWrp .accept-terms[type="checkbox"]:hover,
.accountType[type="radio"]:hover,
.checkboxWrp .memberCheck[type="checkbox"]:hover {
	border-color: #06a800;
}

.checkboxWrp .accept-terms[type="checkbox"],
.accountType[type="radio"],
.checkboxWrp .memberCheck[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	height: 20px;
	width: 20px;
	border: 2px solid #BBC1E1;
	border-radius: 2px;
	outline: 0;
	position: relative;
	margin: 0;
	cursor: pointer;
	background: 0 0;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.checkboxWrp .accept-terms[type="checkbox"]:hover,
.accountType[type="checkbox"]:hover,
.checkboxWrp .memberCheck[type="checkbox"]:hover {
	border-color: #06a800;
}

.checkboxWrp .accept-terms[type="checkbox"]:after,
.accountType[type="radio"]:after,
.checkboxWrp .memberCheck[type="checkbox"]:after {
	content: "";
	display: flex;
	align-items: center;
	margin: inherit;
	border-radius: inherit;
	background: inherit;
	justify-content: center;
	width: 6px;
	height: 12px;
	border: 2px solid #fff;
	border-top: 0;
	border-left: 0;
	top: 2px;
	left: 6px;
	position: absolute;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	opacity: 0;
}

.checkboxWrp .accept-terms-label {
	margin-left: 10px;
	cursor: pointer;
	position: relative;
	font-size: 14px;
	text-align: left;
}

.checkboxWrp .accept-terms-label a {
	text-decoration: underline;
	color: #FC802B;
	font-weight: 500;
}

.checkboxWrp .accept-terms[type="checkbox"]:checked,
.accountType[type="radio"]:checked,
.checkboxWrp .memberCheck[type="checkbox"]:checked {
	background: #06a800;
	border: 1px solid #06a800;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

.checkboxWrp .accept-terms[type="checkbox"]:checked:after,
.accountType[type="radio"]:checked:after,
.checkboxWrp .memberCheck[type="checkbox"]:checked:after {
	-webkit-transform: rotate(43deg);
	transform: rotate(43deg);
	border-radius: 0px;
	opacity: 1;
}

.checkboxWrp .accept-terms[type="checkbox"]:disabled,
.accountType[type="radio"]:disabled,
.checkboxWrp .memberCheck[type="checkbox"]:disabled {
	background: #f6f8ff;
	cursor: not-allowed;
	opacity: 0.9;
	border-color: #bbc1e1;
}

.mb {
	margin-bottom: 5px;
}

/* check box end */
.fill-details-main {
	margin-bottom: 50px;

}

.fill-details-main .card {
	padding: 35px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

.policy-details {
	background-color: #FFFFFF;
	padding: 20px;
	margin: 10px 0;
	border-radius: 8px;

}

.policy-details #progressbar {
	background-color: transparent;
	width: 100%;
	box-shadow: none;
}

#progressbar{margin-bottom: 0px !important;
    padding: 7px 0px;}

#progressbar li {
	text-align: center;
}

#progressbar li:after {
	left: 155px;
	top: 26px;
}

.policy-details h4 {
	font-size: 20px;
	margin-bottom: 15px !important;
}

.policy-details ul {
	list-style: none;
	padding-left: 0px;
	display: flex;
	flex-wrap: wrap;
}

.policy-details ul li {
	width: 50%;
	padding: 12px 0px;
	font-size: 14px;
}

.policy-details ul li span {
	font-weight: bold;
}

.add-nominee-date-main h4 {
	font-size: 20px;
	margin-bottom: 20px !important;
}

.add-nominee-date-main {
	padding: 25px 0 10px 0;
}
.add-nominee-date {
	display: flex;
	flex-wrap: wrap;
}

.add-nominee-date .pauseDate {
	position: relative;
}

.add-nominee-date .input-field {
	width: 87%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.add-nominee-date .input-field .form-group {
	width: 48%;
}

.add-nominee-date .input-field .commonCalender {
	width: 100%;
	height: 45px;
	border-radius: 8px;
	padding: 10px 15px;
	border: 1px solid #2C2C2C;
}

.add-nominee-date .input-field .commonCalender:focus {
	outline: none;
}

.add-nominee-date .input-field .left {
	display: flex;
}

.add-nominee-date .ap-caledar-ico {
	position: absolute;
	right: 11px;
	top: 9px;
}

.add-nominee-date-btn {
	width: 10%;
	margin-left: 3%;
}

.add-nominee-date-btn .add-nominee-btn {
	height: 45px;
}

.ap-caledar-ico {
	pointer-events: none;
}

i.icon.chevron.left:before,
i.icon.chevron.right:before {
	content: unset;
}

i.icon.chevron.right {
	rotate: -90deg;
}

i.icon.chevron.left {
	position: relative;
	rotate: 90deg;
	left: 10px;
	top: 3px;
}

.policy-status-check {
	padding-top: 20px;
}

/* toggle button css start */
.add-nominee-label {
	display: block;
	border-radius: 5px;
	background-color: #fc802b;
	transition: background-color 0.4s;
	text-align: center;
	cursor: pointer;
}

.add-nominee-label:after {
	display: block;
	padding: 13px 15px;
	text-transform: uppercase;
	content: 'Verify';
	color: #ffffff;
	transition: all 0.4s;
	border-radius: 5px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.5px;
}

.add-nominee-toggle-btn {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.add-nominee-toggle-btn:checked+.add-nominee-label {
	background-color: #fc802b;
}

.add-nominee-toggle-btn:checked+.add-nominee-label:after {
	content: 'Edit Date';
	color: #FFFFFF;
}

/* toggle button css end */

.left-arrow {
	width: 30px;
	margin-left: -4px;
	cursor: pointer;
	background-image: url(https://custportuat.reliancegeneral.co.in/SiteAssets/MidLife/images/arrow-left.svg);
	height: 30px;
	background-size: 100%;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}

.deleNominee {
	width: 15px;
	cursor: pointer;
	background-image: url(https://custportuat.reliancegeneral.co.in/SiteAssets/MidLife/images/trash.png);
	height: 15px;
	background-size: 100%;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.add-nominee-upload {
	position: relative;
	cursor: pointer;
	display: flex;
	padding: 5px 10px;
	border: dotted 1px #CACACA;
	border-radius: 5px;
	z-index: 1;
}

.add-nominee-title {
	display: block;
	font-size: 12px;
}

.add-nominee-upload>small {
	color: gray;
}

.file-size-max {
	font-size: 10px;
}

.add-nominee-upload>button {
	cursor: pointer;
	background: #F5F5F5;
	padding: 5px;
	display: inline-block;
	border-radius: 100%;
	border: none;
	margin-right: 8px;
	width: 40px;
	height: 40px;
	margin-top: 2px;
}

.add-nominee-upload>button>img {
	width: 24px;
	padding-top: 2px;
	padding-left: 2px;
}

.add-nominee-upload>button>span,
.add-nominee-upload>span,
.add-nominee-upload>small {
	vertical-align: super;
}

.add-nominee-upload:hover {
	background: #fafafa;
	border-radius: 5px;
}

.add-nominee-files {
	position: absolute;
	bottom: 1px;
	width: 99.5%;
	left: 1px;
	right: -1px;
	z-index: 2;
}

.add-nominee-files>div {
	display: flex;
	align-items: center;
	background: #ffffff;
	border-radius: 5px;
	margin-left: 0px;
	width: 100%;
	margin-top: 22px;
	height: 52px;
}

.add-nominee-files>div>div {
	display: inline-block;
	width: 70%;
	line-height: 14px;
	font-size: 12px;
}

.add-nominee-files>div>div>small {
	font-size: 10px;
	color: #2C2C2C;
}

.add-nominee-files>div>img {
	width: 40px;
	height: 40px;
	margin-right: 8px;
	margin-left: 10px;
	background-color: #f5f5f5;
	border-radius: 100%;
}

.add-nominee-files>div>div>span {
	display: inline-block;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.add-nominee-files>div>button {
	background: transparent;
	border: none;
	border-radius: 50px;
	width: 25px;
	height: 25px;
	font-size: 24px;
	margin-right: 6px;
	padding: 0;
	margin-top: -9px;
	margin-left: 12px;
}

.add-nominee-files>div>button:hover {
	cursor: pointer;
}

/* upload file css end */

.terms-conditions {
	width: 100%;
	border-radius: 8px;
	margin: 45px 0;
}

.terms-conditions .col-lg-12 {
	display: flex;
	align-items: start;
}

.terms-conditions .checkboxWrp {
	margin-right: 10px;
	padding-top: 0;
}

.terms-conditions label {
	padding-left: 15px;
}

.terms-conditions label ol li {
	font-size: 10px;
	padding-bottom: 10px;
}

.terms-conditions label ol li:last-child {
	padding-bottom: 0;
}

.terms-conditions label ul {
	list-style: lower-alpha;
	padding-left: 20px;
}

.submit-button {
	display: flex;
}

.submit-button .add-nominee-btn {
	width: 30%;
	margin: 0 auto;

}

.successfully-main .card {
	margin-bottom: 40px;
	padding: 35px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
	text-align: center;
}

.successfully-main img {
	width: 84px;
	margin: auto;
	display: block;
}

.successfully-main h3 {
	padding: 20px 0;
	margin-bottom: 0;
}

.successfully-main p {
	font-size: 14px;
	font-weight: 400;
	margin-top: 5px;
	margin-bottom: 0;
}

.successfully-main .add-nominee-btn {
	width: 160px;
	margin: auto;
	margin-top: 30px;
}

.successfully-main .add-nominee-btn:hover {
	color: #ffffff;
}

.fill-details-txt-icon img {
	width: 80px;
	margin: auto;
	margin-bottom: 20px;
	display: block;
}

.deactive-pause-main {
	margin: auto;
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 480px;
	width: 100%;
}

.deactive-pause-main .add-nominee-btn,
.back-to-home {
	width: 46%;
	margin-right: 30px;
}

.deactive-pause-main .add-nominee-btn:last-child {
	margin-right: 0;
}

.deactive-pause-main .raiseNewRequest {
	background-color: #ffffff;
	border: solid 1px #fc802b;
	color: #fc802b;
}

.deactive-pause-main .raiseNewRequest:hover {
	color: #fc802b;
}

.hide {
	display: none;
}

.member-details-status h4 {
	display: flex;
	align-items: flex-start;
}

.member-details-status h4 span {
	margin-right: 10px;
}

.member-details-status h4 span img {
	width: 30px;
	margin-top: 10px;
	margin-left: -4px;
	cursor: pointer;
}

.relative {
	position: relative;
}

.active-deactive-popup-main {
	max-width: 465px;
	width: 100%;
	margin: auto;
}

.active-deactive-popup-main .mfp-close {
	position: absolute;
}

.active-deactive-main {
	max-width: 465px;
	width: 100%;
	/*  margin: 90px auto;
    padding: 30px;*/
	background-color: #ffffff;
	border-radius: 5px;
}

.active-deactive-main h2 {
	margin-bottom: 10px !important;
}

.active-deactive-main p {
	padding: 5px 0;
	margin-bottom: 0;
	font-size: 13px;
	text-align: center;
	font-weight: 400;
	line-height: 16px;
}

.active-deactive-btns {
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	flex-wrap: wrap;
}

.active-deactive-btns .add-nominee-btn {
	max-width: 180px;
	width: 100%;
	font-weight: 600;
	margin: auto;
	margin-bottom: 10px;
}

.deactive-button {
	background-color: #ffffff;
	border: solid 1px #fc802b;
	color: #fc802b;
}

.select-your-members {
	display: flex;
	flex-wrap: wrap;
}

.select-your-members .checkboxWrp {
	margin-right: 30px;
}

.toggle-div {
	display: none;
	background-color: #b7acac;
	padding: 10px;
	margin-top: 100px;
}


/* responsive css start */
/*progress bar start*/

#progressbar li.active:after {
	background: #104b95;
}

/*progress bar end*/
.addNominee,
.deleteNominee {
	color: #fc802b;
	text-decoration: underline;
}

.addNominee:hover,
.deleteNominee:hover {
	cursor: pointer;
}

@media screen and (max-width: 767px) {
	.add-nominee-main {
		margin: 20px 0 50px 0;
	}

	.add-nominee {
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 576px) {
	#progressbar li:after {
	left: 52px;
	top: 24px;
}
	.add-nominee-date .input-field {
		width: 100%;
	}

	.add-nominee-date .input-field .form-group {
		width: 100%;
	}

	.policy-details ul li {
		width: 100%;
		padding: 8px 0px;
	}

	.terms-conditions {
		padding: 20px;
	}

	.add-nominee-date-btn {
		width: 120px;
		margin-left: 0%;
	}

	.deactive-pause-main .add-nominee-btn {
		width: 225px;
		margin-right: 0;
		margin-bottom: 15px;
	}
}

@media screen and (max-width: 480px) and (min-width: 320px) {
	.add-nominee-benefits {
		text-align: center;
		padding-top: 50px;
	}
}