/* =-=-=-=-=-=-=-=-=-= Steps to Buy =-=-=-=-=-=-=-=-=-=-= */
steps-to-buy .steps-buy-container {
	background: #E9EEF2;
}
steps-to-buy .container {
	padding: 15px 3%;
}
steps-to-buy .main-hdn {
	font-weight: bold;
	font-size: 18px;
	color: #444444;
}
steps-to-buy .circle-cont {
	width: 23px;
	height: 23px;
	background: #FFFFFF;
	border-radius: 50px;
	text-align: center;
	align-items: center;
	padding: 5px;
	display: inline-block;
}
steps-to-buy .col-4 .circle-text {
	font-size: 10px;
	color: #393D43;
	line-height: 12px;
	font-weight: 500;
	display: inline-block;
}
steps-to-buy .circle-text {
	font-size: 12px;
	line-height: 15px;
	color: #393D43;
	font-weight: 400;
	display: inline-block;
}
steps-to-buy .inner-circle {
	width: 61px;
	height: 61px;
	padding: 14px 11px;
	border: 1px solid #E06336;
}
steps-to-buy .body-cont {
	position: relative;
	top: 18px;
}
steps-to-buy .outer-circle {
	border: 2px solid rgba(240, 121, 46, 0.2);
	border-radius: 50%;
	padding: 2px;
	width: 69px;
	height: 69px;
	display: inline-block;
}
steps-to-buy .dot-line {
	background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 6px 1px;
	background-repeat: repeat-x;
	height: 14px;
	width: 69%;
	display: inline-block;
	margin-bottom: 1px;
}
steps-to-buy .in-cont {
	height: 77px;
}
/* =-=-=-=-=-=-=-=-=-= Steps to Buy Ends =-=-=-=-=-=-=-=-=-=-= */
documentsHandy .container {
	background: rgba(248, 236, 228, 0.8);
	font-size: 14px;
	height: 30px;
	padding: 2%;
}
documentsHandy .box {
	width: 49%;
	border-bottom: 1px solid #A33635;
	text-align: center;
	margin: 0 auto;
	font-size: 12px;
	line-height: 14px;
}
documentsHandy .box span {
	color: #A33635;
}
#documentsHandy-pop .mod-head {
	font-size: 12px;
	line-height: 16px;
	color: rgba(113, 112, 123, 0.79);
	font-weight: 500;
	letter-spacing: 0.05em;
}
#documentsHandy-pop .mod-sub-head{
	font-size: 14px;
	line-height: 17px;
	color: #393D43;
}
#documentsHandy-pop .buying-option {
	border: 1px solid #E06336;
	box-sizing: border-box;
	border-radius: 11px 11px 0px 0px;
	padding: .5rem;
	height: 42px;
}
#documentsHandy-pop .document-needed {
	font-size: 12px;
	line-height: 14px;
	color: #444444;
	background-color: transparent;
	border: none;
}
#documentsHandy-pop .document-needed.active {
	font-weight: bold;
	font-size: 14px;
	line-height: 17px;
	border-bottom: 2px solid #E06336;
	padding: 0px;
}
#documentsHandy-pop .point-sec {
	border: 1px solid #E8E8E8;
	border-top: 0px;
	box-sizing: border-box;
	box-shadow: 0px 4px 10px rgb(164 164 164 / 10%);
	border-radius: 0px 0px 11px 11px;
}
#documentsHandy-pop ol li {
	list-style: auto !important;
	font-size: 12px;
	line-height: 16px;
	color: #444444;
	margin-left: 7%;
}
#documentsHandy-pop .point-sec .d-head {
	text-decoration: underline;
}
#documentsHandy-pop .circle-proof, #documentsHandy-pop .circle-proof-other {
	width: 10px;
	height: 10px;
	border-radius: 50px;
	text-align: center;
	color: #E06336;
}
#documentsHandy-pop .circle-proof::before, #documentsHandy-pop .circle-proof-other::before{
	content: '';
	background-image: url(/content/icici-prudential-life-insurance/protection-saving-plans/Gift-New/assets/images/plus.svg);
	background-repeat: no-repeat;
	position: absolute;
	width: 20px;
	height: 20px;
	margin-left: 5px;
}
#documentsHandy-pop .circle-proof.active::before, #documentsHandy-pop .circle-proof-other.active::before{
	content: "";
	background-image: url(/content/icici-prudential-life-insurance/protection-saving-plans/Gift-New/assets/images/minus.svg);
}
#documentsHandy-pop .f-li {
	list-style: lower-alpha !important;
}
#documentsHandy-pop .otherProof-content {
}
/* ipad potrait mode */
@media (min-width: 768px) and (max-width: 1025px) {
	steps-to-buy .dot-line {
		width: 85%;
	}
	documentsHandy .container {
		padding: 1%;
	}
 }
@media (min-width: 1020px) {
	steps-to-buy .main-hdn {
		font-size: 22px;
		line-height: 27px;
		text-align: center;
	}
	#documentsHandy-pop .mod-head {
		font-size: 14px;
		line-height: 16px;
		color: #444444;
	}
	steps-to-buy .in-cont {
		padding: 2% 5% 2% 10%;
		height: auto;
	}
	steps-to-buy .circle-cont {
		background: #FFFFFF;
		border-radius: 16px;
		width: 142px;
		height: 103px;
		text-align: start;
		margin-top: 10px;
		padding: 7% 5%;
	}
	steps-to-buy .col-4 .circle-text {
		font-size: 25px;
		line-height: 31px;
		display: block;
	}
	steps-to-buy .col-4 .circle-text-1 {
		font-size: 14px;
		line-height: 17px;
		color: #393D43;
	}
	steps-to-buy .dot-line {
		margin-bottom: 25px;
		height: 0.7px;
		width: 35%;
		border-top: 2.70634px dashed #E06336;
		background-image: none;
	}
	steps-to-buy .steps-buy-container {
		height: 267px;
	}
	steps-to-buy .outer-circle {
		width: 156px;
		height: 156px;
		padding: 3% 3.5%;
	}
	steps-to-buy .inner-circle {
		width: 138px;
		height: 138px;
		padding: 24% 14%;
		border: 2px solid #E06336;
		border-radius: 50%;
		background-color: #ffffff;
	}
	steps-to-buy .inner-circle .circle-text {
		font-size: 27px;
		line-height: 33px;
		text-align: center;
	}
	documentsHandy .container {
		max-width: initial;
		font-size: 21px;
		padding: 1.3%;
		height: 63px;
		background: #F8ECE4;
	}
	documentsHandy .box {
		width: 25%;
		font-size: 21px;
		line-height: 25px;
		cursor: pointer;
	}
	#documentsHandy-pop .modal-dialog.modal-dialog-centered {
		margin: 0 auto;
	}
	#documentsHandy-pop .modal-content .mod-sub-head {
		font-weight: bold;
		font-size: 22px;
		line-height: 27px;
		color: #444444;
	}
	#documentsHandy-pop .buying-option {
		background: #FFFFFF;
		border: 2px solid #C5CFD6;
		box-sizing: border-box;
		box-shadow: 5px 5px 22px rgba(219, 219, 219, 0.12), -4px -4px 22px rgba(227, 227, 227, 0.12);
		border-radius: 12px;
		padding: 4px;
		height: 53px;
	}
	#documentsHandy-pop .document-needed {
		font-size: 16px;
		padding: 10px;
	}
	#documentsHandy-pop .document-needed.active {
		background: #E5EAEE;
		box-shadow: 5px 5px 22px rgba(219, 219, 219, 0.12), -4px -4px 22px rgba(227, 227, 227, 0.12);
		border-radius: 8px;
		border-bottom: none;
		font-size: 16px;
		height: 41px;
	}
}
/* ipad landscape mode */
@media (min-width: 1020px) and (max-width: 1025px) {
	steps-to-buy .dot-line {
		width: 29%;
	}
	documentsHandy .box {
		width: 30%;
		line-height: 30px;
	}
}
@media (min-width: 1440px) {
	steps-to-buy .dot-line {
		width: 43%;
	}
}