/* =-=-=-=-=-=-= how does plan works =-=-=-=-=-=-=-=-= */
how-plan-works .container {
	padding: 15px 3%;
	color: #393D43;
}
how-plan-works .main-hdn {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
	color: #393D43;
	margin: 0px;
	margin-bottom: 15px;
}
how-plan-works .sec-hdn {
	font-size: 12px;
	line-height: 15px;
	font-weight: 500;
	color: #393D43;
	letter-spacing: -0.1px;
}
how-plan-works .fund-options {
	background: #FFFFFF;
	border: 1px solid #E06336;
	box-sizing: border-box;
	border-radius: 11px 11px 0px 0px;
	padding: 10px 15px;
	justify-content: space-around;
	height: 42px;
}
how-plan-works .fundOpt {
	font-size: 12px;
	color: #444444;
	align-self: baseline;
}
how-plan-works .fundOpt.active{
	text-decoration: underline;
	text-decoration-color: #E06336;
	text-decoration-thickness: 2px;
	text-decoration-skip-ink: none;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
}
how-plan-works .inner-sec{
	background: rgba(248, 236, 228, 0.8);
	box-shadow: 0px 4px 10px rgba(164, 164, 164, 0.1);
}
how-plan-works .overview {
	padding-left: 1rem;
	padding-right: 1rem;
}
how-plan-works .overview-text{
	color: #393D43;
}
how-plan-works .overview-text-hdn{
	font-size: 14px;
	line-height: 17px;
	font-weight: bold;
	letter-spacing: -0.1px;
	color: #393D43;
}
how-plan-works .overview-text-sec{
	font-size: 12px;
	line-height: 14px;
	color: #393D43;
	padding-right: 15%;
}
how-plan-works .view-options{
	background: #FFFFFF;
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
	border-radius: 13px;
	color: #393D43;
}
how-plan-works .view-options .view-options-hdn{
	font-size: 12px;
	line-height: 15px;
	letter-spacing: -0.1px;
	color: #393D43;
}
how-plan-works .view-options .first-sec{
	min-width: 21%;
	width: 21%;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: -0.1px;
	color: #393D43;
}
how-plan-works .view-options .second-sec {
	width: 84%;
}
how-plan-works .disc-text {
	text-align: center;
	font-size: 10px;
	line-height: 12px;
	letter-spacing: -0.1px;
	color: #393D43;
}
how-plan-works .view-options .form-check-label {
	display: inline-block;
	padding: 1% 0;
	font-size: 12px;
	cursor: pointer;
	text-align: center;
	margin-bottom: 0;
	background-size: 17px;
	background-position: left;
	background-position-x: 5%;
	height: 26px;
	border: 1px solid #E6E6E6;
	box-sizing: border-box;
	box-shadow: 0px 4px 12px rgba(230, 230, 230, 0.12);
	border-radius: 12px;
	position: relative;
	padding-left: 20px;
	padding-top: 0px;
	width: 100%;
    min-width: 74px;
}
how-plan-works .income-sec .view-options .form-check-label {
	width: 100%;
	font-size: 10px;
    line-height: 24px;
    font-weight: 400;
    height: 24px;
}
how-plan-works .lump-sum-sec .view-options .lumpSumSec {
	width: 84%;
	text-align-last: justify;
	justify-content: flex-start;
}
how-plan-works .lump-sum-sec .view-options .lumpSumSec .form-check-label {
	max-width: 102px;
	min-width: 102px;
	text-align-last: center;
}
how-plan-works .form-check-label:before {
	content: "";
	background-image: url(/content/icici-prudential-life-insurance/protection-saving-plans/Gift-New/assets/images/Ellipse.svg);
	background-size: 13px;
	background-repeat: no-repeat;
	position: absolute;
	width: 13px;
	height: 13px;
	top: 5px;
	left: 5px;
}
how-plan-works .form-check-input:checked+label:before {
	background-image: url(/content/icici-prudential-life-insurance/protection-saving-plans/Gift-New/assets/images/checked-circle.svg);
	background-size: 9px;
	top: 5px;
	left: 5px;
	border: 1px solid #e9e9e9;
	background-color: #ffffff;
	border-radius: 25px;
	background-position: center;
}
how-plan-works .table-sec {
	background: #FFFFFF;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	border-radius: 10px;
	font-size: 12px;
}
how-plan-works .table-head{
	background: #E5E5E5;
	border-radius: 10px 10px 0px 0px;
	padding: 2% 4%;
	font-size: 10px;
	line-height: 20px;
	align-items: center;
	min-height: 29px;
	max-height: 45px;
	color: #393D43;
	justify-content: space-between;
}
how-plan-works .table-row {
	border-bottom: 1px solid #E6E6E6;
	text-align: center;
	justify-content: space-evenly;
	margin: 0px 3%;
}
how-plan-works .table-row div{
	border-right: 1px solid #E6E6E6;
	padding-top: 5px;
	padding-bottom: 5px;
}
how-plan-works .table-row div:nth-child(3) {
	border-right: none;
}
how-plan-works .income-sec .table-row div, how-plan-works .lump-sum-sec .table-row div {
	width: 28%;
	font-size: 12px;
	letter-spacing: -0.1px;
	color: #393D43;
	height: 29px;
}
how-plan-works .income-sec .ppt-options .option-for-sec {
	padding-top: 7px;
}
how-plan-works .early-income-sec .ppt-options .option-for-sec {
	padding-top: 12px;
}
how-plan-works .lump-sum-sec .ppt-options .option-for-sec {
}
how-plan-works .table-sec .maturity-text {
	color: #444444;
	font-size: 12px;
	line-height: 29px;
	height: 29px;
	letter-spacing: -0.1px;
	text-align: center;
	font-weight: 600;
}
how-plan-works .hpw-table-footer{
	line-height: 12px;
	letter-spacing: -0.1px;
	color: #444444;
}
how-plan-works .footer-text {
	background: linear-gradient(89.85deg, #FEE3D2 0.09%, #FFE7C5 99.86%);
	border-radius: 0px 0px 11px 11px;
	font-size: 10px;
	line-height: 16px;
	text-align: left;
	padding: 0.7rem 0.5rem;
	color: #393D43;
	height: 67px;
}
how-plan-works .early-income-sec .view-options .first-sec {
	width: 13%;
}
how-plan-works .early-income-sec ul li{
	font-size: 12px;
	line-height: 15px;
	color: #393D43;
	letter-spacing: -0.1px;
	list-style: disc !important;
}
how-plan-works .early-income-sec .disc-text {
	font-style: italic;
}
how-plan-works .early-income-sec .headon{
	text-align: center;
	border-bottom: 1px solid #FFFFFF;
}
how-plan-works .compare-plan-options {
	background: #EEEFE2;
	border-radius: 10px;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	color: #393D43;
	font-weight: 500;
}
how-plan-works .hpw-tooltip {
	background: #E06336;
	box-shadow: 4px 4px 25px rgb(0 0 0 / 12%);
	border-radius: 2px;
    position: absolute;
    width: fit-content;
    height: 15px;
    color: #FFFFFF;
    right: 5%;
    top: -20px;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.1px;
    padding: 0.5% 1.5%;
	z-index: 1;
}
how-plan-works .hpw-tooltip:before {
	content: "";
	position: absolute;
	height: 0;
	width: 0;
	left: 65%;
	bottom: -59%;
	font-size: 10px;
	border: 4px solid transparent;
	border-right: 6px solid #E06336;
	transform: rotate(270deg);
}
how-plan-works .early-income-sec .hpw-tooltip {
	right: 5%;
	top: -10px;
	padding: 0.7% 2.5%;
}
how-plan-works .lump-sum-sec .hpw-tooltip {
	right: 72%;
	top: 31px;
}
how-plan-works .lump-sum-sec .hpw-tooltip:before {
	bottom: 16px;
	left: 55px;
	transform: rotate(90deg);
}
how-plan-works .early-income-sec .view-options .option-for-sec, how-plan-works .view-options .second-sec {
	position: relative;
}
.slider-planwork-box {
	min-width: 50%;
	border-radius: 14.2115px;
	padding: 0% 0% 10% 0%;
	z-index: 2;
	color: #444444;
}
#how-plan-works h2 {
	font-size: 18px;
	line-height: 22px;
}
#how-plan-works .btn {
	height: 38px;
	line-height: 12px;
	font-size: 12px;
	font-weight: 500;
	box-shadow: 0px 4px 12px 0px #00000040;
	background: rgba(255, 255, 255, 0.4);
	color: #ffffff;
}
#how-plan-works .btn-primary.text-orange {
	font-size: 14px;
	font-weight: 700;
	box-shadow: 0px 4px 2px 0px #0000001F;
	background-color: #F8ECE4;
	border: 1px solid #FFFFFF;
	color: #E06336;
}
.text-orange {
	color: #E06336;
}
.slider-planwork-text {
	font-size: 10px;
	line-height: 12px;
	color: #444444;
}
.age-header {
	color: #444444;
	font-size: 12px;
	line-height: 16px;
}
.rounded-10{
	border-radius: 10px;
}
.age-img {
	height: 142px;
	width: 161px;
}
#anil-story span:nth-child(6) .age-img {
	height: 102px;
	margin: 20px 0px;
}
.line-draw {
	border-top: 1px solid #444444;
	top: 63%;
	right: -85%;
	height: 1px;
	width: 160%;
}
#priya-story .line-draw {
	right: -60%;
	top: 63%;
	width: 130%;
}
#priya-story .slider-planwork-box {
	min-width: 61%;
}
.circle-form {
	border: 1px solid #7a6a6a;
	padding: 2%;
	margin: 7%;
}
.circle-form span {
	height: 8px;
	width: 8px;
	background: #E06336;
}
.annPrm{
	text-align: end;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: -0.1px;
}
.player iframe{
	width: 100%;
    height: 200px;
    border-radius: 12px;
    opacity: 0.8;
}
.player img{
	width: 131px;
	height: 104px;
	border-radius: 12px;
	opacity: 0.8;
}
how-plan-works .view-options input:checked+label {
	background: rgba(248, 236, 228, 0.8);
}
how-plan-works .ppt-options .option-for-sec {
	margin: 0px;
}
/* ipad potrait mode */
@media (min-width: 768px) and (max-width: 1025px) {
	how-plan-works .table-head {
		padding: 2% 13%;
		justify-content: space-between;
	}
 }
@media (min-width: 1020px) {
	how-plan-works .lump-sum-sec .view-options .lumpSumSec {
		text-align-last: inherit;
		padding-left: 12px;
		padding-right: 12px;
	}
	how-plan-works .container {
		max-width: 82%;
		padding: 0px;
		margin: 0px 9%;
	}
	how-plan-works .main-hdn {
		font-size: 22px;
		line-height: 27px;
		font-weight: bold;
		color: #444444;
	}
	how-plan-works .sec-hdn {
		font-size: 16px;
		line-height: 20px;
	}
	how-plan-works .fund-options {
		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: 0.5%;
		position: relative;
		height: 63px;
		justify-content: space-between;
	}
	how-plan-works .fundOpt {
		font-size: 20px;
		line-height: 24px;
		color: #242424;
		padding: 4px 80px;
		cursor: pointer;
	}
	how-plan-works .fundOpt.active {
		font-weight: bold;
		font-size: 20px;
		line-height: 43px;
		color: #444444;
		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;
		text-decoration: none;
		height: 49px;
		min-width: 345px;
		text-align: center;
	}
	how-plan-works .overview {
		width: 42%;
	}
	how-plan-works .inner-sec {
		padding: 2%;
		background: rgba(249, 240, 233, 1);
	}
	how-plan-works .overview-text-hdn {
		font-weight: bold;
		font-size: 28px;
		line-height: 34px;
	}
	how-plan-works .overview-vid {
		max-width: 360px;
	}
	how-plan-works .hpw-btn-sec {
		max-width: 360px;
		margin-top: 10%;
	}
	how-plan-works .hpw-btn-sec .button {
		padding: 0%;
		font-size: 19px;
		line-height: 23px;
		color: #FFFFFF;
		height: 52px;
		min-width: 297px;
		background: linear-gradient(92.18deg, #E06336 4.43%, #E7873C 90.32%);
		border-radius: 8px;
	}
	how-plan-works .overview-text-sec {
		font-size: 14px;
		line-height: 17px;
		padding: 0px;
	}
	how-plan-works .view-options .view-options-hdn {
		font-size: 18px;
		line-height: 22px;
	}
	how-plan-works .view-options .first-sec {
		font-size: 15px;
		line-height: 18px;
	}
	how-plan-works .view-options .second-sec {
		width: 84%;
		position: relative;
	}
	how-plan-works .early-income-sec .view-options .option-for-sec, how-plan-works .view-options .second-sec {
		position: relative;
		margin: 0px;
	}
	how-plan-works .form-check-label:before {
		background-image: url(/content/icici-prudential-life-insurance/protection-saving-plans/Gift-New/assets/images/Ellipse-desk.svg);
		background-size: 22px;
		width: 100%;
		height: 100%;
		top: 20%;
		left: 5%;
	}
	how-plan-works .form-check-input:checked+label:before {
		background-image: url(/content/icici-prudential-life-insurance/protection-saving-plans/Gift-New/assets/images/checked-circle-desk.svg);
		background-size: 22px;
		top: 5%;
		left: -35%;
		background-color: transparent;
		border: 0px;
	}
	how-plan-works .view-options .form-check-label {
		font-size: 14px;
		height: 37px;
		padding-left: 0px;
		padding-top: 0px;
		line-height: 34px;
		border-radius: 30px;
		letter-spacing: -0.1px;
		border: 0.65851px solid #E6E6E6;
		box-sizing: border-box;
		box-shadow: 0px 1.39002px 8.34014px rgb(153 153 153 / 12%);
	}
	how-plan-works .income-sec .view-options .form-check-label {
		font-size: 14px;
		line-height: 34px;
		min-width: 130px;
		height: 37px;
	}
	how-plan-works .lump-sum-sec .view-options .lumpSumSec .form-check-label {
		min-width: 134px;
	}
	how-plan-works .income-sec .table-row div, how-plan-works .lump-sum-sec .table-row div {
		font-size: 16px;
		line-height: 19px;
	}
	how-plan-works .hpw-tooltip {
		background: #E06336;
		box-shadow: 5.01205px 5.01205px 31.3253px rgb(0 0 0 / 12%);
		border-radius: 2.50602px;
		position: absolute;
		width: 125px;
		padding: 2px;
		font-size: 14px;
		line-height: 17px;
		letter-spacing: -0.1px;
		height: 21px;
		text-align: center;
		color: #FFFFFF;
		right: 5%;
		top: 128.8%;
		padding-left: 10px;
	}
	how-plan-works .early-income-sec .hpw-tooltip {
		top: 116%;
	}
	how-plan-works .lump-sum-sec .hpw-tooltip {
		right: 70%;
		top: 123%;
	}
	how-plan-works .hpw-tooltip:before {
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		left: 95px;
		bottom: 22px;
		border: 7px solid transparent;
		border-right: 10px solid #E06336;
		transform: rotate(90deg);
	}
	how-plan-works .disc-text {
		text-align: inherit;
		font-size: 14px;
		line-height: 17px;
		margin-top: 1.5%;
		text-align: center
}
	how-plan-works .early-income-sec .disc-text{
		padding-right: 9%;
		font-weight: 600;
		margin-left: 0px;
	}
	how-plan-works .lump-sum-sec .disc-text{
		text-align: center;
		margin-left: 0px;
	}
	how-plan-works .table-sec {
		font-size: 16px;
		height: 204px;
	}
	how-plan-works .table-head {
		padding: 4% 55px;
		font-size: 16px;
		background: #F5F5F5;
	}
	how-plan-works .income-sec .table-row div, how-plan-works .lump-sum-sec .table-row div,how-plan-works .early-income-sec .table-row div {
		width: 28%;
		font-size: 16px;
		line-height: 4px;
		letter-spacing: -0.1px;
		color: #393D43;
		height: 29px;
		padding: 3.7% 0%;
	}
	how-plan-works .early-income-sec .table-row div {
		width: 24%;
	}
	how-plan-works .early-income-sec .table-row div:last-child {
		width: 50%;
	}
	how-plan-works .early-income-sec .table-head {
		padding: 8px 40px;
	}
	how-plan-works .table-sec .maturity-text {
		font-size: 14px;
		line-height: 37px;
	}
	how-plan-works .hpw-table-footer {
		font-size: 14px;
		line-height: 17px;
		padding-top: 1%;
	}
	how-plan-works .footer-text {
		font-size: 18px;
		line-height: 22px;
		padding: 2%;
		min-height: 88px;
	}
	how-plan-works .early-income-sec .headon {
		border-bottom: 1px solid #E06336;
	}
	how-plan-works .compare-plan-options {
		font-size: 22px;
		line-height: 40px;
		font-weight: 500;
		color: #393D43;
		cursor: pointer;
		background: #F5F6EF;
		border-radius: 22px;
		min-height: 71px;
	}
	how-plan-works .cpo-arrow {
		float: right;
	}
	how-plan-works .cpo-arrow.active {
		transform: rotate(90deg);
	}
	how-plan-works .early-income-sec ul li {
		font-size: 14px;
		line-height: 17px;
	}
	how-plan-works .table-head-d {
		background: #F9DECC;
		border: 2px solid #C5CFD6;
		box-sizing: border-box;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		line-height: 21px;
		align-items: center;
		padding: 0px;
		height: 58px;
	}
	how-plan-works .table-head-d div {
		font-size: 14px;
		line-height: 17px;
		color: #444444;
		border-left: 1px solid #E06336;
		padding: 0px;
		margin: 0px;
		width: calc(100%/5);
		height: 40px;
		align-self: self-end;
	}
	how-plan-works .table-head-d div:first-child {
		border: 0px;
	}
	how-plan-works td, how-plan-works th, how-plan-works tr {
		width: 20%;
	}
	how-plan-works table{
		background: rgba(254, 249, 247, 0.8);
		border: 2px solid #C5CFD6;
		box-sizing: border-box;
		border-top: 0px;
	}
	how-plan-works .table th {
		font-weight: bold;
		font-size: 14px;
		line-height: 17px;
		letter-spacing: -0.1px;
		color: #444444;
		text-align: start;
		padding-left: 30px;
		border-bottom: 1px solid #E06336;
		border-left: none;
		width: 150px;
	}
	how-plan-works .table td {
		font-size: 14px;
		line-height: 16px;
		letter-spacing: -0.1px;
		border-bottom: 1px solid #E06336;
		text-align: center;
		border-left: 1px solid #E06336;
		border-top: none;
		vertical-align: middle;
		color: #444444;
	}
	how-plan-works .table tr td:last-child{
		border-right: none;
	}
	how-plan-works .table tr:last-child td, how-plan-works .table tr:last-child th{
		border-bottom: none;
	}
	how-plan-works .cpo-btn-sec .button {
		font-size: 19px;
		width: 297px;
		height: 52px;
		line-height: 22px;
	}
	how-plan-works .hpw-tooltip {
		right: 8%;
		top: 120%;
	}
	how-plan-works .lump-sum-sec .hpw-tooltip:before {
		bottom: 100%;
	}
	how-plan-works .annPrm{
		font-size: 10px;
		font-weight: 600;
	}
	.player iframe, .player img{
		width: 100%;
		height: 210px;
	}
}
@media (max-width: 767px) {
	how-plan-works .lump-sum-sec .view-options .lumpSumSec .form-check-label {
		max-width: unset;
		min-width: 70px;
		width: 100%;
		text-align-last: center;
	}
	how-plan-works .view-options .first-sec {
		min-width: 60px;
		width: 60px;
	}
	how-plan-works .lump-sum-sec .view-options .lumpSumSec {
		width: 84%;
		text-align-last: justify;
		text-align-last: left !important;
		justify-content: flex-start;
	}
}
/* =-=-=-=-=-=-= how does plan works Ends =-=-=-=-=-=-=-=-= */