/* Banner & header css start */

.termbanner h1{
	margin-bottom: 0.5rem;
}

header {
	background-color: #fff;
}

.ban-left ul {
	list-style: none;
	padding-left: 0;
}

.dr-none{
	display: none;
}

.ban-left ul li {
	margin-right: 52px;
	margin-top: 15px;
	font-size: 14px;
	float: left;
	width: 36%;
}

/* .ban-left ul li:nth-child(3n+0){clear: left;} */
.ban-left ul li a {
	color: #8a93a5;
	display: flex;
	text-decoration: none;
}

.ban-left ul li img {
	/* width: 46px; */
	margin-right: 6px;
}

.ban-1 img {
	width: 70%;
}



.ban-right>div>a,
.ban-right>div>a:hover {
	font-weight: 600;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	color: #005e9e;
	text-decoration: none;
}

.timing {
	color: darkgray;
	font-size: 10px;
	font-weight: 500;
}

.call-icon {
	width: 12px;
	height: 12px;
}

.circle-blue-150 {
	width: 150px;
	height: 150px;
	background: #bddcf8;
	padding: 12px;
	border-radius: 100%;
	border: 15px solid #d6e9fa;
	position: absolute;
	top: 68px;
	left: 458px;
	z-index: 1;
	-webkit-animation: move-1 2s infinite alternate;
			animation: move-1 2s infinite alternate;
  }
  
  @-webkit-keyframes move-1 {
	0% {
	  top: 68px;
	}
	100% {
	  top: 25px;
	}
  }
  
  @keyframes move-1 {
	0% {
	  top: 68px;
	}
	100% {
	  top: 25px;
	}
  }
  .circle-red-70 {
	width: 70px;
	height: 70px;
	background: #f8bdbd;
	padding: 12px;
	border-radius: 50%;
	border: 10px solid #fad6d6;
	position: absolute;
	top: 225px;
	left: 505px;
	z-index: 1;
	-webkit-animation: move-4 2s infinite alternate;
			animation: move-4 2s infinite alternate;
  }
  
  @-webkit-keyframes move-4 {
	0% {
	  top: 225px;
	  transform: scale(1);
	  -webkit-transform: scale(1);
	}
	100% {
	  top: 210px;
	  transform: scale(1.1);
	  -webkit-transform: scale(1.1);
	}
  }
  
  @keyframes move-4 {
	0% {
	  top: 225px;
	  transform: scale(1);
	  -webkit-transform: scale(1);
	}
	100% {
	  top: 210px;
	  transform: scale(1.1);
	  -webkit-transform: scale(1.1);
	}
  }
  .circle-red-65 {
	width: 65px;
	height: 65px;
	background: #f8bdbd;
	padding: 12px;
	border-radius: 100%;
	border: 10px solid #fad6d6;
	position: absolute;
	top: 50px;
	left: -34px;
	z-index: 1;
	-webkit-animation: move-2 4s infinite alternate;
			animation: move-2 4s infinite alternate;
  }
  
  @-webkit-keyframes move-2 {
	0% {
	  top: 50px;
	}
	100% {
	  top: 230px;
	}
  }
  
  @keyframes move-2 {
	0% {
	  top: 50px;
	}
	100% {
	  top: 230px;
	}
  }
  .circle-blue-35 {
	width: 35px;
	height: 35px;
	background: #bddcf8;
	padding: 12px;
	border-radius: 100%;
	border: 10px solid #d6e9fa;
	position: absolute;
	top: -2px;
	left: -22px;
	z-index: 1;
	-webkit-animation: move-3 4s infinite alternate;
			animation: move-3 4s infinite alternate;
  }
  
  @-webkit-keyframes move-3 {
	0% {
	  top: 3px;
	  transform: scale(1);
	  -webkit-transform: scale(1);
	}
	100% {
	  top: -17px;
	  transform: scale(0.7);
	  -webkit-transform: scale(0.7);
	}
  }
  
  @keyframes move-3 {
	0% {
	  top: 3px;
	  transform: scale(1);
	  -webkit-transform: scale(1);
	}
	100% {
	  top: -17px;
	  transform: scale(0.7);
	  -webkit-transform: scale(0.7);
	}
}


.breadcrumbSection {
	background: linear-gradient(0, #ebf5f9, rgba(235, 245, 249, 0));
	padding: 8px 0 8px 35px;
	width: 100%;
}

.breadcrumbSection label {
	font-weight: 400;
	font-size: 12px;
	line-height: 22px;
	color: #7b8498;
	margin: 0;
	display: inline-flex;
	margin-right: 4px;
}

.breadcrumbSection .arrowCaret {
	margin-right: 5px;
}

label.active {
	color: #233253;
	cursor: auto;
}


.termbanner .subtitle{
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 10px;
}


@media screen and (max-width:767px) and (min-width:579px) {
	.top-banner {
		order: 1;
	}

	.breadcrumbSection {
		order: 0;
		background: #fcfcfc;
	}

	.breadcrumbSection {
		padding: 8px 0 8px 15px;
	}

	.sec-spc-top {
		padding-top: 20px;
	}

	.ban-left ul li {
		margin-right: 52px;
		margin-bottom: 15px;
		font-size: 14px;
		text-align: left;
		width: 36%;
	}

	.ban-left .mt-5 {
		margin-top: 10px !important;
	}

	.ban-left ul li img {
		width: 45px;
		margin-right: 0px;
	}


}


@media screen and (max-width:580px) {

	.top-banner .row {
		text-align: center;
	}

	.top-banner .geta-callback-inner .row {
		text-align: left;
	}

	.prvc.subtext p {
		margin-left: 0;
	}

	.termbanner .start-planning-today .disc-text {
		padding: 10px 0 10px 16px;
	}

	.ban-left ul li {
		width: 100%;
		margin-bottom: 25px;
		text-align: left;
	}

	.ban-left ul li img {
		width: 34px;
		margin-right: 0px;
		height: auto;
	}

	.ban-left ul li a {
		align-items: center;
		justify-content: flex-start;
	}

	.ban-left ul li {
		margin-left: 0px;
		margin-right: 0px;
	}

}




/* @media screen and (min-width:360px) and (max-width:479px){
    
		ban-left ul li {
			margin-right: 52px;
			margin-bottom: 15px;
			font-size: 14px;
			text-align: left;
			width: 100% !important;

		}

		.ban-left ul li a {
			margin-top: -20px;
			color: #8a93a5;
			display: flex;
			text-decoration: none;
			align-items: center;
			justify-content: center;
		}

	
	
			  
		} */


@media screen and (min-width:375px) and (max-width:480px) {

	.top-banner button.mr-3 {
		margin-right: 0 !important;
	}

}



@media screen and (min-width:360px) and (max-width:480px) {

	/* .ban-left ul{margin-left: 26px;} */
	.ban-left .btn-danger {
		margin: 0 auto !important;
	}


}



.top-banner .text-gray {
	margin-bottom: 0.5rem;
	color: #8a93a5;
	font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
}

.top-banner p {
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 16px;
	line-height: 20px;
	color: #454545;
	font-weight: 300;
}

.termbanner p.page-heading{font-size: 48px;font-weight: 700;color: #233253;margin-bottom: 15px;line-height: 48px;}

@media screen and (min-width: 100px) and (max-width: 1023px) {
	.page-heading {
		font-size: 34px !important;
	}

	.termbanner p.page-heading{line-height:30px;}
}

/* Banner & header css end */


/*New Css Start here*/

.form-group :focus {
	outline: none;
	outline-width: 0;
	outline-style: none;
}

.ey {
	position: relative;
	right: 4px;
	bottom: 2px;
}

.termbanner .start-planning-today .inpt {
	width: 43%;
	display: inline-block;
}

.termbanner .start-planning-today .onee {
	margin-right: 13px;
}

.leadform .row {
	/* margin: unset; */
	justify-content: space-around;
}

/* .pset.col-sm-12,
  .col-sm-12.setdisc-text{
	padding-left: 0;
  } */
.pset.col-sm-12 p {
	font-size: 13px !important;
	line-height: 20px;
	color: #454545;
	font-weight: 400;
}

.termbanner .start-planning-today label {
	margin-top: 0;
}

.termbanner .btnred,
.termbanner .btnred:active,
.termbanner .btnred:focus,
.termbanner .btnred:hover {
	color: #fff;
	border-radius: 4px;
	font-size: 12px;
	line-height: 20px;
	font-weight: 600;
	border: 1px solid #ed1c24;
	height: 34px;
	padding: 7px 21px;
	min-width: 132px;
}

.btn:not(:disabled):not(.disabled) {
	cursor: pointer;
}

.btnred {
	background: #ed1c24;
}

.btn-spc {
	width: 100%;
	display: block;
	text-align: center;
}

.f-disclaimer.terms-list {
	width: auto;
	display: grid;
	padding: 22px;
}

.btnred:active,
.btnred:focus,
.btnred:hover,
.btnred:not(:disabled):not(.disabled).active:focus,
.btnred:not(:disabled):not(.disabled):active:focus,
.show>.btnred.dropdown-toggle:focus,
.show>.btnred.dropdown-toggle:focus:not(:disabled):not(.disabled).active:focus {
	background: #ff3038 !important;
	outline: none;
	outline-style: none;
	outline-width: 0;
}

.btnred:active,
.btnred:focus,
.btnred:hover {
	box-shadow: 0 8px 12px rgb(237 28 36 / 20%);
}

.termbanner .btnred,
.termbanner .btnred:active,
.termbanner .btnred:focus,
.termbanner .btnred:hover {
	color: #fff;
	border-radius: 4px;
	font-size: 12px;
	line-height: 20px;
	font-weight: 600;
	border: 1px solid #ed1c24;
	height: 34px;
	padding: 7px 21px;
	min-width: 162px;
}

.termbanner .start-planning-today .setdisc-text {
	line-height: 22px;
	font-size: 12px !important;
	font-weight: 400;
	color: #5a5a5a;
	padding: 10px 10px 10px 18px;
}

.f-disclaimer.terms-list p {
	font-size: 12px;
	padding: 0px 12px;
	color: #424242;
}

.termbanner .setH2 {
	font-size: 32px;
	line-height: 48px;
	text-align: center;
	font-weight: 700;
	color: #233253;
	margin-bottom: 40px;
}

#leadBannerForm {
	margin-top: -15px;
}

.termbanner .start-planning-today .form-control,
input[type="text"] {
	font-style: italic !important;
}

.termbanner .start-planning-today .inputGroup label {
	color: #233253;
	font-size: 14px;
	line-height: 22px;
	font-weight: 600;
	display: block;
	margin-bottom: 8px;
}

.termbanner .start-planning-today .inputGroup input {
	height: 40px;
	background-color: #f4f4f4 !important;
	border: 0;
	font-size: 13px;
	line-height: 23px;
	color: #767676;
	font-weight: 300;
	padding: 0.1rem 0.75rem;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
}

.termbanner .start-planning-today .form-control,
input[type="text"].isd {
	width: 15% !important;
	-webkit-text-fill-color: #424040;
	opacity: 0.6;
	font-style: normal !important;
}

.termbanner .start-planning-today .modilewidth {
	width: 100% !important;
}

/* 
  .termbanner .start-planning-today {
	width: 45%;
	padding: 30px;
	background: #fff;
	box-shadow: 0px 2px 7px #e1e1e1;
	margin: 50px auto;
	position: relative;
  } */

.termbanner .start-planning-today .chkbx {
	padding-top: 0 !important;
	display: inline-block;
	width: 90%;
	padding-left: 16px;
	padding-top: 5px;
	/* margin-bottom: 25px; */
}

.termbanner .start-planning-today {
	width: 100%;
	padding: 30px;
	background: #fff;
	box-shadow: 0px 2px 7px #e1e1e1;
	margin: 20px auto;
	position: relative;
}

.termbanner .rightStyle .start-planning-today{
	padding: 0 30px;
	box-shadow: none;
}

/* .termbanner .start-planning-today input[type="checkbox"] {
	margin-top: 15px;
  } */

.termbanner .start-planning-today .sac input {
	font-size: 12px;
	font-style: italic;
	color: #767676;
	height: 38px;
	outline-style: none;
	outline-width: 0;
	border: 0 solid transparent;
	box-shadow: none !important;
	background-color: #f4f4f4;
}

.termbanner .start-planning-today .sac input:focus {
	background-color: #f4f4f4;
}

.termbanner .start-planning-today .setdisc-text {
	line-height: 22px;
	font-size: 12px !important;
	font-weight: 400;
	color: #5a5a5a;
}

.termbanner .start-planning-today .setdisc-text p {
	line-height: 22px;
	font-size: 12px !important;
	font-weight: 500;
	color: #5a5a5a;
	top: -2px;
	position: relative;
}

.prvc {
	display: block;
	width: 100%;
	font-weight: 500;
	color: #6d6d6d;
	font-size: 13px;
	font-style: italic;
}

/*Ribbon*/

.ribbon {
	width: 150px;
	height: 150px;
	overflow: hidden;
	position: absolute;
}

.ribbon::before,
.ribbon::after {
	position: absolute;
	z-index: -1;
	content: "";
	display: block;
	border: 5px solid #004680;
}

.ribbon span {
	position: absolute;
	display: block;
	width: 240px;
	padding: 10px 0;
	background-color: #0060a0;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	color: #fff;
	font-size: 14px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	text-align: center;
}

.ribbon-top-right {
	top: -10px;
	right: -10px;
}

.ribbon-top-right::before,
.ribbon-top-right::after {
	border-top-color: transparent;
	border-right-color: transparent;
}

.ribbon-top-right::before {
	top: 0;
	left: 17px;
}

.ribbon-top-right::after {
	bottom: 17px;
	right: 0;
}

.ribbon-top-right span {
	left: -24px;
	top: 30px;
	transform: rotate(45deg);
	z-index: 999;
}

img.bg-Life_Protection-img {
	margin-bottom: 10px;
}

.features-icon-text {
	width: 33.3%;
	text-align: center;
}

.download-brcr {
	width: 95%;
	display: block;
	text-align: center;
	margin: 20px auto;
	border-top: 1px solid #e1e1e1;
	padding-top: 20px;
	/* margin-left: 20px; */
}

.error-txt-name {
	display: none;
	font-size: 11px;
	font-weight: 400;
	line-height: 32px;
	color: #ed1c24;
}

.error-txt-mob {
	display: none;
	font-size: 11px;
	font-weight: 400;
	line-height: 32px;
	color: #ed1c24;
}

.download-brcr button {
	color: #005e9e;
	margin-left: 5px;
	font-size: 14px;
	border: none;
	background: none;
}

.download-brcr span {
	color: #5a5a5a;
	font-weight: normal;
	padding: 0px 20px;
}

.ribbon::before,
.ribbon::after {
	position: absolute;
	z-index: 9 !important;
	content: "";
	display: block;
	border: 5px solid #004680;
}

.ribbon-top-right::before {
	top: 0;
	left: 17px;
}

.ribbon-top-right::after {
	bottom: 17px;
	right: 0;
}

.product-title.left-text.hide-for-mob.textAboveHeading::before {
	content: "";
	z-index: 0;
	width: 95px;
	top: 20px;
	left: 43px;
	height: 95px;
	background: transparent;
	background: url(../../../../../content/dam/hdfclifeinsurancecompany/lead-product-banner/h1-small-bg.png);
	position: absolute;
	background-size: cover;
	transform: translateZ(-1px);
}

.product-title.left-text.hide-for-mob::before {
	content: "";
	z-index: 0;
	width: 95px;
	height: 95px;
	top: 15px;
	left: 43px;
	background: transparent;
	background: url(../../../../../content/dam/hdfclifeinsurancecompany/lead-product-banner/h1-small-bg.png);
	position: absolute;
	background-size: cover;
	transform: translateZ(-1px);
}

.product-title.left-text.hide-for-mob::after {
	content: "+";
	position: absolute;
	left: 67px;
	top: 18px;
	color: #ed1c24;
	font-size: 26px;
	font-weight: 400;
}

.product-title.left-text.hide-for-mob.textAboveHeading::after {
	content: "+";
	position: absolute;
	left: 67px;
	top: 33px;
	color: #ed1c24;
	font-size: 26px;
	font-weight: 400;
}

div.heading_p {
	margin-left: 63px;
	margin-top: 15px;
	margin-right: 5px;
}

.banner-icons-wrapper {
	display: flex;
	margin-left: 40px;
}

.bg-Life_Protection-p {
	padding: 0px 8px;
	font-size: 14px;
	margin-top: 0;
}

.product-title.left-text.hide-for-mob {
	display: block;
	color: #ed1c24;
}

.product-title {
	margin: 60px auto 8px;
	text-align: left;
	font-size: 48px;
	line-height: 48px;
	font-weight: 700;
	max-width: 75%;
}


.dp-mob {
	display: none;
}

.dp-desk {
	display: block;
}

.setdisc-text .scb-checkbox1[type="checkbox"] {
	margin-top: 5px;
}

.rating-wrapper {
	display: none;
}

.btn-spc .btn-primary:disabled {
	opacity: 0.65;
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

input.leadBannerFirstName {
	width: 100% !important;
}

.termbanner div.disclaimerTxt {
	font-size: 13px;
	font-weight: bold;
	z-index: 1;
	position: relative;
	margin-bottom: -19px !important;
	line-height: 15px;
	left: 101px;
	top: 36px;
	color: #233253;
}

.grey-txt {
	color: #8a93a5;
	left: 100px;
	position: relative;
}

.termbanner .start-planning-today .sub-tx p {
	font-size: 12px;
	position: relative;
	text-align: center;
	padding: 0;
	margin: 0;
	margin-bottom: 1rem;
	top: -35px;
	font-weight: 700;
}

.blu-c {
	color: #005e9e;
}

.tandc {
	width: auto;
	/* display: contents; */
	margin: 0 0 15px;
	text-align: left;
}

.sml-tx p {
	line-height: 18px;
	font-size: 11px !important;
	font-weight: 400;
	color: #5a5a5a;
	top: 13px;
	position: relative;
}

.arn-b p {
	text-align: left;
	font-size: 12px;
	padding-top: 10px;
	margin-bottom: 0px;
}

.popuptext {
	font-weight: 500;
	font-size: 14px !important;
	line-height: 20px;
	color: #0056b3;
	display: inline-block !important;
	margin-left: 42px;
	text-decoration: none;
	width: auto !important;
}

#scheduleCallBtnCP {
	padding: 7px 16px !important;
	text-transform: none;
}

.termbanner .top-banner .mobileBreak a{
	display: inline-block;
	color: #0056a5;
    background-color: #e2f0fc;
	font-weight: 500;
    padding: 4px 12px;
    border-radius: 20px;
    margin-right: 40px;
    margin-bottom: 15px;
}



@media screen and (max-width: 768px) {
	.grey-txt {
		left: 49px;
	}

	.rating-wrapper {
		display: block;
	}

	.f-disclaimer.terms-list {
		display: none;
	}
	.termbanner .subtitle{
		font-size: 24px;
	}
	
	.setdisc-text .scb-checkbox1[type="checkbox"] {
		margin-top: 1px;
	}

	.termbanner .start-planning-today .onee {
		margin-right: 0px;
		/* margin-top: 20px; */
	}

	.termbanner .start-planning-today .inpt {
		width: 95%;
		/* display: inline-block; */
	}

	#leadBannerForm {
		margin-top: 0;
	}

	.download-brcr span {
		color: #5a5a5a;
		font-weight: normal;
		padding: 0px 8px;
		display: table-cell;
		width: auto;
	}


	.product-title.left-text.hide-for-mob::after {
		content: "+";
		position: absolute;
		left: 31px;
		top: 21px;
		color: #ed1c24;
		font-size: 24px;
		font-weight: 400;
	}

	.product-title.left-text.hide-for-mob.textAboveHeading::after {
		content: "+";
		position: absolute;
		left: 31px;
		top: 48px;
		color: #ed1c24;
		font-size: 24px;
		font-weight: 400;
	}


	.product-title.left-text.hide-for-mob::before {
		content: "";
		z-index: 0;
		width: 64px;
		top: 16px;
		left: 15px;
		height: 65px;
	}

	.product-title.left-text.hide-for-mob.textAboveHeading::before {
		content: "";
		z-index: 0;
		width: 64px;
		top: 42px;
		left: 15px;
		height: 65px;
	}

	.banner-icons-wrapper {
		display: none;
		margin-left: 40px;
	}

	div.heading_p {
		margin-left: 49px;
		margin-top: 9px;
		margin-right: 50px;
		font-size: 14px;
		margin-bottom: 30px;
	}

	.termbanner .start-planning-today .modilewidth {
		width: 100% !important;
	}

	.product-title {
		margin: 35px auto 8px 47px;
		text-align: left;
		font-size: 27px;
		line-height: 37px;
		font-weight: 700;
		max-width: 75%;
	}

	.dp-mob {
		display: block;
	}

	.dp-desk {
		display: none;
	}

	.termbanner .start-planning-today {
		width: auto;
		margin: 0 5px;
		left: 0;
		position: relative;
	}

	.termbanner .setH2 {
		font-size: 20px;
		line-height: 48px;
		font-weight: 700;
		color: #233253;
		margin-bottom: 14px;
	}

	.ey {
		right: 0;
		bottom: 3px;
	}

	.ribbon span {
		width: 265px;
		box-shadow: 0 5px 10px rgb(0 0 0 / 3%);
		font-size: 10px;
		text-shadow: 0 1px 1px rgb(0 0 0 / 3%);
	}

	.ribbon-top-right span {
		left: -24px;
		top: 19px;
		transform: rotate(45deg);
		z-index: 99;
	}

	.ribbon-top-right::before {
		top: 0;
		left: 48px;
	}

	.ribbon-top-right::after {
		bottom: 49px;
		right: 0;
	}

	.tandc {
		margin: 15px 0 0;
		text-align: center;
	}

	.termbanner .start-planning-today .inputGroup input {
		padding: 0.1rem 0.6rem;
	}

	.termbanner .start-planning-today .chkbx {
		padding-top: 0px !important;
		width: 92%;
		position: relative;
		top: -2px;
	}

	.termbanner .start-planning-today {
		padding: 20px;
		margin-top: 20px;
		margin-bottom: 20px
	}

	.download-brcr button {
		color: #005e9e;
		margin-left: 0;
		font-size: 10px;
		border: none;
		background: none;
		padding: 0;
	}

	.download-brcr a {
		width: 48%;
		display: table-cell;
		font-size: 10px;
	}

	.download-brcr {
		width: 95%;

		text-align: center;
		margin: 20px auto;
		border-top: 1px solid #e1e1e1;
		padding-top: 20px;
		/* margin-left: 20px; */
	}

	.termbanner div.disclaimerTxt {
		font-size: 10px;
		font-weight: bold;
		z-index: 1;
		position: relative;
		line-height: 13px;
		left: 4px;
		top: -12px;
		color: #233253;
		width: 78%;
		margin: 11px;
		padding-top: 19px;
	}

	.sub-tx {
		font-size: 12px;
		position: relative;
		text-align: center;
		padding: 0;
		margin: 0;
		top: -22px;
		font-weight: 700;
	}

	.sub-tx p {
		margin-bottom: 0 !important;
		top: unset !important;
	}

	#scheduleCallBtnCP {
		margin-top: 0 !important;
		padding: 0 16px !important;
	}

	.disc-text.setdisc-text,
	.prvc {
		padding-right: 0;
	}

	.sml-tx p {
		line-height: 16px;
		font-size: 10px !important;
		font-weight: 400;
		color: #5a5a5a;
		position: relative;
		padding: 14px 0px 10px;
	}

	.rating-wrapper {
		padding-bottom: 10px;
	}

	.popuptext {
		text-align: center;
		margin: unset;
	}

	.termbanner .catBannerBtn{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.catBannerBtn a{
		height: fit-content;
		width: fit-content;
	}

	.catBannerBtn .btn-danger{
		margin: 0 auto !important;
	}

	.catBannerBtn .btn-outline-danger{
		padding: 5px 18px;
	}

}

/*New Css End here*/

/* New Css 16.06.2022 start */

.star-ratings-main {
	display: none;
}

@media screen and (max-width: 480px) {
	.star-ratings-main {
		display: block;
		margin: 10px auto;
		width: 74%;
	}

	.star-ratings {
		display: flex;
		align-items: center;
		width: max-content;
	}

	.star-ratings img {
		margin: 0 2px;
	}

	.star-ratings .rated {
		padding-top: 2px;
		margin-left: 10px;
	}

	.star-ratings span {
		color: #233253;
		font-size: 11px;
	}
}

.termbanner .info-form .chkbx p {
	margin-bottom: 18px !important;
}


@media screen and (max-width: 1279px) {

	.circle-blue-150,
	.circle-red-70,
	.circle-red-65,
	.circle-blue-35 {
		display: none;
	}
}

/* New Css 16.06.2022 end */


.termbanner .breadcrumbSection.cat {
	background: linear-gradient(0, #ebf5f9, rgba(235, 245, 249, 0));
	padding: 8px 0 8px 35px;
	width: 100%;
}

.setposition {
	position: relative;
}

.top-banner .forRecaptcha:focus {
	outline: 0 !important;
	box-shadow: none !important;
}

.termbanner .modal-body.info-form {
	padding: 0px !important;
}

.sac p {
	font-size: unset;
	line-height: unset;
	color: unset;
	font-weight: unset;
}

.termbanner input.first-name {
	width: 100% !important;
}

.top-banner ul li .ml-2 p {
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	font-weight: inherit;
	margin-bottom: 0px;
}

.termbanner .rightStyle div:last-child {
    text-align: center;
}

.top-banner .info-form .rightImg img {
	height: auto;
}


@media screen and (min-width: 768px) {
	.ban-left ul {
		display: inline-block;
	}

	.top-banner .info-form .rightImg img {
		width: 90%;
		height: auto;
	}
}

/* FONT SIZE ADJUSTED TO MAKE SURE BOTH BUTTONS LOOK THE SAME */
.termbanner .catBannerBtn a,
.termbanner .catBannerBtn button {
	width: 195px;
	border: 1px solid #ed1c24;
	font-size: 12px;
	line-height: 20px;
}

.termbanner .catBannerBtn .btn-outline-danger{
	color: #ed1c24;
	font-weight: 600;
	height: 30px;
	padding: 5px 0 26px;
}

/* .termbanner .catBannerBtn .btn-danger{
	color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
} */

.termbanner .catBannerBtn .dataLayerBtnClick{
	width: auto;
	font-size: 12px;
   font-weight: 600;
   background: #ed1c24;
   border: 1px solid #ed1c24;
   color: #fff;
	padding: 5px 20px;
	text-transform: uppercase;
	margin: 1rem 1rem 1rem 0;
	transition: all .3s ease;
}

.termbanner .catBannerBtn .dataLayerBtnClick:hover{
	box-shadow: 0 8px 12px rgba(237,28,36,.2);
	background: #ff3038;
}

.top-banner p.bansubtitle{
	margin-bottom: 0.5rem;
	font-weight: 500;
    line-height: 1.2;
	font-size: 1rem;
	color:unset;
}
/* Read more && Read less  */
/* .termbanner .ReadMore{
	color:#0056A5;
	font-weight: 500;
}
.termbanner .ReadLess{
	color:#0056A5;
	font-weight: 500;
} */
/* ***************FONT SIZE CHANGES FOR KC CATERGORY TERMPLATE***************** */
.termbanner .custom-pageheading{
	font-size: 30px;
	line-height: 32px;
	font-weight: 700;
	color: #233253;
}

.termbanner .scrollable-tabs-container {
	padding-inline: 0;
	margin-bottom: 20px;
}

.termbanner .pb-15 {
    padding-bottom: 15px;
}
.termbanner .tabs-container {
    overflow-x: auto;
	display: flex;
	flex-wrap: nowrap;
}
.termbanner .tabs-container li {
	width: fit-content;
    padding: 8px 15px;
    background: #e0f2f9;
    text-decoration: none;
    border-radius: 20px;
    height: fit-content;
    flex-shrink: 0;
	margin-right: 40px;
}
.termbanner .tabs-container li a {
	color: #245daa;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	margin-inline: 12px;
}

.termbanner .tabs-container::-webkit-scrollbar{
    width: 6px;
    height: 6px;
    margin-block: 5px;
}

.termbanner .tabs-container::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px #C0E3FF; 
    background: #c0e3ff;
    border-radius: 10px;
}

.termbanner .tabs-container::-webkit-scrollbar-thumb{
    background: #547ed4;
    border-radius: 10px;
}

.termbanner .tabs-container::-webkit-scrollbar-thumb:hover {
    background: #547ed4; 
}

@media screen and (max-width:768px) {
	
	.termbanner .custom-pageheading{
		font-size: 24px;
		line-height: 26px;
	}

	.termbanner .catBannerBtn .dataLayerBtnClick{
		width: 195px;
		margin: unset;
	}
	.termbanner .tabs-container li {
		padding: 5px 12px;
		margin-right: 20px;
	}

	.termbanner .tabs-container a {
		font-size: 12px;
	}
}

/* MOVE CONTACT INFO START */

.termbanner .contact-info a,
.termbanner .contact-info a:hover{
	font-weight: 600;
	font-size: 12px;
	line-height: 20px;
	text-transform: uppercase;
	color: #005e9e;
	text-decoration: none;
}

@media screen and (min-width:768px) {

	.termbanner .mob-only{
		display: none;
	}

}

@media screen and (max-width:768px) {
	
	.termbanner .desktop-only{
		display: none;
	}
}

/* MOVE CONTACT INFO START */



.bansubtitle{color: #000;}
.ban-left ul {padding: 0;}
.ban-left .btn-wrap {display: inline-block;}
.ban-li-img{width: 34px;height: 32px;}


.ban-left ul li p{
	color: #454545;
    float: left;
    text-decoration: none;
    margin-left: 20px;
    min-height: 42px;
	font-size: 14px;
	font-weight: 500;
  } 

.li-text{display: flex;flex-wrap: nowrap;flex-direction: column;align-items: start;}    

a.knw-more-mod{
  color: #007bff !important;
  margin-top: 0px;
  text-decoration: none !important;}    


@media screen and (min-width:581px) and (max-width:767px) {

.ban-left .btn-wrap{display: inline-block;width: 100%;}
.ban-left ul li{width: 38%;margin-right: 35px;}

}



@media screen and (max-width:580px){
  .ban-left ul li {margin-right: 0;margin-bottom: 0;font-size: 14px;float: left;width: 100%;}
  .ban-left ul li div{justify-content: start;}
  .top-banner .row{text-align: center;}
  .ban-li-img {width: 24px;height: 26px;}
  .ban-left .btn-wrap .btn {display: block;width: 100%;}
  .ban-left ul li a{margin-left: 12px;text-align: left;min-height: 34px;}

  .ban-left ul li a p{
    min-height: auto;
	margin-left: 0;
	margin: auto 0;
  } 

  .ban-left ul.clearfix{
	margin-bottom: 20px;
  }

  }


@media screen and (max-width:480px) {
  .ban-left ul li a{margin-left: 12px;text-align: left;min-height: 28px;}

}

/* LINK DESIGN CHANGES START */

@media screen and (max-width:768px) {
	
	.termbanner .top-banner .mobileBreak a{
		margin-right: 0;
	}
}


/* LINK DESIGN CHANGES END */
/* subtitle font changes START*/
.termbanner .font-18{
	font-size: 18px;
}
/* subtitle font changes END*/
/* 29145-Term Insurance Changes START */
.termbanner .top-banner p b{
	font-weight: 700;
}
/* 29145-Term Insurance Changes END */
.termbanner .keyTakeawayHyperlink {
	margin-top: 30px;
}
.termbanner .keyTakeawayHyperlink .keyTakeawayHyperlink__link,
.termbanner .keyTakeawayHyperlink .keyTakeawayHyperlink__link:hover {
	margin-top: 18px;
	color: #ed1c24;
	font-size: 14px;
	font-weight: 600;
	text-decoration: underline;
	text-transform: unset;
	border: none;
}
@media screen and (max-width: 768px) {
	.termbanner .keyTakeawayHyperlink {
	margin: 5px 0 15px 0;
        }
}