@font-face {
    font-family: 'Rubrik';
    src: url('../fonts/rubrik_webfont.woff2') format('woff2'),
         url('../fonts/rubrik_webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
 
@font-face {
    font-family: 'Rubrik';
    src: url('../fonts/rubrikbold_webfont.woff2') format('woff2'),
         url('../fonts/rubrikbold_webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
 
@font-face {
    font-family: 'Rubrik';
    src: url('../fonts/rubrikextralight_webfont.woff2') format('woff2'),
         url('../fonts/rubrikextralight_webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}
 
@font-face {
    font-family: 'Rubrik';
    src: url('../fonts/rubriklight_webfont.woff2') format('woff2'),
         url('../fonts/rubriklight_webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
 
@font-face {
    font-family: 'Rubrik';
    src: url('../fonts/rubrikmedium_webfont.woff2') format('woff2'),
         url('../fonts/rubrikmedium_webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
 
 
@font-face {
    font-family: 'Rubrik';
    src: url('../fonts/rubriksemibold_webfont.woff2') format('woff2'),
         url('../fonts/rubriksemibold_webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}


section h3:after{ content: ""; width: 50px; height: 4px; background-color: #a91f20; display: block; margin: 10px 0;  }
section h5{ font-size: 20px; color: #a91f20; margin-top: 1rem !important; }
section h5 span{ font-size: 1rem; color: #212529; }
section h5 strong{ font-weight: 600; }
section h6{ font-size: 20px; color: #a91f20; margin-top: 1rem !important; }
section h6 span{ font-size: 1rem; color: #212529; }
section .roman{ list-style: lower-roman; }
section .roman .roman{ padding-top: 0.6rem; }
section .alpha{ list-style: lower-alpha; }
section .alpha .alpha{ padding-top: 0.6rem; }
section ol, section ul{ padding-left: 2rem !important; margin-bottom: 0px; }
section li{ margin-bottom: 0.6rem; }
section.gray{ background-color: #f1f1f1; }
section table{ border-collapse: collapse; width: 100%; background-color: #fff; margin-bottom: 1rem; }
section table td, table th { border: 1px solid #ddd; padding: 8px;}
section table thead{ background-color: #e96349; color: #fff;  }
section table th{ font-weight: 500; }
strong{ font-weight: 600; color: #a91f20; }
.notes{ background-color: #fff1f0; padding: 20px; margin-bottom: 1rem; }
section img{  margin-bottom: 1rem; }
section .sticky{ position: sticky; top: 130px; }

/*****************************insurance-banner*****************************/
.insurance-banner-text{ padding-top: 20px; padding-bottom: 20px; }
.insurance-banner-text .small{ font-size: 12px; line-height: 18px;}
.insurance-banner-text h2{ text-transform: capitalize; color: #000000; margin-top: 1.5rem; }
.product-logo{ background-color: #fff; padding: 8px 15px; border-radius: 4px; display: inline-block; }
.insurance-banner-text ul { list-style: none; padding: 0px; margin: 20px 0; display: flex;}
.insurance-banner-text ul li { display: flex; margin-right: 20px;}
.insurance-banner-text ul li a { background-color: #C4281C; color: #fff; padding: 8px 12px; font-size: 14px; border-radius: 6px;}
.insurance-banner-text ul li a:hover { background-color: #e96349;}
.img-bottom-align{ display: flex; align-items: flex-end; justify-content: center; }
/*****************************insurance-banner*****************************/

/*****************************section-nav*****************************/
.section-nav{ border-bottom: 1px solid #e96349; background-color: #e96349; z-index: 9; position: sticky; top: 77px; }
.section-nav ul{ list-style: none; margin: 0px; display: flex; justify-content: space-between; }
.section-nav ul li{  }
.section-nav ul li a{ padding-top: 10px; padding-bottom: 7px; display: flex; color: #fff; border-bottom: 3px solid transparent; }
.section-nav ul li a:hover{ border-bottom: 3px solid rgba(255,255,255,0.8); }
.section-nav ul li a.active{ border-bottom: 3px solid #fff; }
/*****************************section-nav*****************************/

/*****************************benefits*****************************/
.benefits{ }
#benefits-tabs{ display: flex; justify-content: center; background-color: rgb(169 31 32 / 5%); padding: 10px !important; border-radius: 6px; border: 0px;}
#benefits-tabs li{ flex:1; margin: 0px; }
#benefits-tabs li img{ display: block; margin: 0 auto 6px; font-size: 40px; line-height: 1; }
#benefits-tabs .nav-link{ height: 100%; padding: 10px 6px; text-align: center; margin-bottom: 0px; line-height: 1; border-radius: 6px; border: 0px; cursor: pointer; color: #c52825;}
#benefits-tabs .nav-link:hover{  }
#benefits-tabs .nav-link.active{ color: #c52825;  }
#benefits-tabs .nav-link i{ display: block; font-size: 40px; line-height: 1; }
#benefits-details{ margin-top: 40px; }
/*****************************benefits*****************************/

/*****************************Steps*****************************/
.StepsPoints{ width: 100%; display: flex; padding-top: 30px; }
.numbericonBlock { flex: 1; padding-bottom: 40px; position: relative;}
.numbericonBlock .numbericon { width: 46px; height: 46px; border: solid 3px #e96349; border-radius: 50%; margin-right: 40px; color: #e96349; font-size: 24px; display: inline-block; text-align: center; line-height: 40px; background: #fff; z-index: 5; position: relative;}
.numbericonBlockContent { display: flex; flex-direction: column; padding-top: 20px;  padding-right: 20px;}
.numbericonBlock:last-child .numbericonBlockContent{ padding-right: 0px; }
.numbericonBlockContent .iconTitle { line-height: 30px; margin-bottom: 10px;}
.numbericonBlockContent span.iconSubTitle { font-size: 16px; line-height: 24px;}
.numbericonBlock::after { content: ''; border-top: 2px dashed #e96349; position: absolute; width: 100%; top: 23px; left: 0px; bottom: 0;}
.numbericonBlock:last-child::after{display:none}

@media (min-width:768px){
.StepsPoints-wrap{ flex-wrap: wrap;}
.StepsPoints-wrap .numbericonBlock{ flex: 0 50%;}
}

@media (min-width:991px){
.StepsPoints-wrap{ flex-wrap: wrap;}
.StepsPoints-wrap .numbericonBlock{ flex: 0 33.33%;}
}
/*****************************steps*****************************/

/*****************************annexure-Start*****************************/
.annexure{ background-color: #e8f0fb; }
.annexure .accordion-item{ margin-bottom: 10px; }
.annexure .accordion-button{ padding: 0.7rem 1rem; font-size: 1.1rem;}
.annexure .accordion-button:not(.collapsed){ color: #ffffff; background-color: #e96349; }
.annexure .accordion-button:not(.collapsed)::after{ filter: brightness(0) invert(1); }
.annexure .accordion-button:focus{ border-color: #e96349; box-shadow: 0 0 0 0.25rem rgb(233 99 73 / 50%); }
/*****************************annexure-End*****************************/

/**downloads**/
.download ul{ list-style:none; padding:0px; padding-left: calc(var(--bs-gutter-x)/ 2) !important; margin:0px; display:flex; flex-wrap:wrap;}
.download ul li{ flex:1; margin-bottom:0px;}
.download ul li+li{ margin-left:15px;}
.download ul li a{ background-color: #fff; color: #000; display: flex; align-items: center; border: 1px solid #e2e2e2; border-radius: 8px; overflow: hidden;}
.download ul li a i{ display: flex; font-size: 38px; line-height: 1; margin-right: 15px; height: 100%; padding: 10px; background-color: #a91f20; color: #fff;}
.download ul li a span{ }
.download ul li a:hover{ background-color: #fff5f3;}
/**downloads**/

/**Long term insurance plan**/
.long-term-tabs .numbericonBlock{padding-bottom:0;}
.long-term-tabs .numbericonBlock #step-tabs li::after{content: '';border-top: 2px dashed #e96349;position: absolute;width: 100%;top: 23px;left: 0px;bottom: 0;}
.long-term-tabs .numbericonBlock #step-tabs{border:none;justify-content:center;flex:1;padding-left:0 !important;}
.long-term-tabs .numbericonBlock #step-tabs.nav-tabs .nav-item.show .nav-link, .numbericonBlock #step-tabs.nav-tabs .nav-link.active, .numbericonBlock #step-tabs.nav-tabs .nav-link:hover{border-color:transparent;cursor:pointer;}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover{isolation:auto;border-color:transparent;}
.long-term-tabs .numbericonBlock #step-tabs li:last-child::after{width:0;}
.long-term-tabs .numbericonBlock::after{display:none;}
.long-term-tabs .numbericonBlock #step-tabs li{width:20%;}
.long-term-tabs .numbericonBlock #step-tabs li .nav-link{padding:0;width:46px;height:46px;}
.long-term-tabs .numbericonBlock #step-tabs li .nav-link.active .numbericon {background: #e96349;color: #fff;}
#steps-details .numbericonBlockContent{max-width:inherit;flex-direction:inherit;}
#steps-details .numbericonBlockContent figcaption {padding-left: 20px;}

/**Long term insurance plan**/

/*****************************Responsive-start*****************************/
@media (max-width:1400px){

}
@media (max-width:1280px){
	.section-nav ul{ display: flex; overflow-x: auto; }
	.section-nav ul li{ flex: none; padding-right: 25px; }
	.insurance-banner-text h2{ font-size: 24px; }
	.insurance-banner-text p{ font-size: 14px; line-height: 18px; }
	.insurance-banner-text .small{ line-height: 14px; }
}
@media (max-width:1023px){
	.section-nav{ top: 87px; }
}
@media (max-width:991px){

}
@media (max-width:767px){
	.img-bottom-align{ padding-top: 20px; }

	.StepsPoints{ display: block; }
	.numbericonBlock{ display: flex; }
	.numbericonBlockContent{ max-width: calc(100% - 100px); padding-top: 0; padding-right: 0; }
	.numbericonBlock::after{ border-top: 0px; border-left: 2px dashed #e96349; left: 21px; width: auto; }
	.numbericonBlockContent .iconTitle{ display: none; }
	section h6{ font-size: 18px; }
	#steps-details .numbericonBlockContent figcaption .iconTitle{display:block;}

}
@media (max-width:680px){
	.annexure .accordion-button { font-size: 1rem;}
	.section-nav{ top: 75px; }
}
@media (max-width:647px){
	.download ul li+li{margin-left:0;}
	.download ul li{margin-bottom:10px;margin-right:8px;}
}
@media (max-width:480px){
	.annexure .accordion-button { font-size: 0.8rem;}
	section table{ display: block; overflow-x: auto; white-space: nowrap; }
	.long-term-tabs .numbericonBlock #step-tabs li .nav-link .numbericon{width:35px;height:35px;line-height:35px;font-size:18px;}
	.long-term-tabs .numbericonBlock #step-tabs li::after{top:18px;}
	#steps-details .numbericonBlockContent figure img {margin-bottom: 0;width:50px;height:50px;}
	#steps-details .numbericonBlockContent figcaption {padding-left: 10px;}

}
@media (max-width:350px){

}
/*****************************Responsive-end*****************************/