.benefitsTab{position:relative}
.benefitsTab p{margin-bottom:0 !important}
.benefitsTab .section-container{max-width:1140px;margin:0 auto;padding:50px 0}
.benefitsTab .header{text-align:center;margin-bottom:30px}
.benefitsTab .header h2{font-size:36px;line-height:56px;font-weight:500}
.benefitsTab .tabs-wrapper{max-width:850px;margin:0 auto 20px;position:relative;z-index:2;scroll-behavior:smooth}
.benefitsTab .tabs-wrapper.more-than-4::-webkit-scrollbar,.benefitsTab .tabs-wrapper::-webkit-scrollbar{height:6px}
.benefitsTab .tabs-wrapper::-webkit-scrollbar-track{background:#f1f1f1}
.benefitsTab .tabs-wrapper::-webkit-scrollbar-thumb{background:#0066b2;border-radius:3px}
.benefitsTab .tabs{display:flex;gap:20px;padding-bottom:20px;align-items:stretch;overflow:auto}
.benefitsTab .tab{flex:none;padding:15px 10px;border-radius:30px;color:#0c111d;background-color:#fff;cursor:pointer;transition:all .3s ease;text-align:center}
.benefitsTab .tab.active{color:#fff;background:#005e9e}
.benefitsTab .content-wrapper{max-width:850px;margin:0 auto;position:relative;z-index:2}
.benefitsTab .tab-content{display:none;padding:0 15px;animation:fadeIn .5s ease}
.benefitsTab .tab-content.active{display:block}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.benefitsTab .tab-description{color:#002842;font-size:18px;font-weight:600;line-height:28px;margin-bottom:15px}
.benefitsTab .tab-section{margin-bottom:15px;border-radius:12px;overflow:hidden}
.benefitsTab .section-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;background:#fff;cursor:pointer;transition:background .3s ease}
.benefitsTab .section-header>*{color:#0c111d;font-size:16px;line-height:24px;font-weight:500}
.benefitsTab .section-header.active>*{color:#005e9e}
.benefitsTab .chevron{width:12px;height:12px;border-right:2px solid #ed1c24;border-bottom:2px solid #ed1c24;transform:rotate(45deg);transition:transform .3s ease}
.benefitsTab .section-header.active .chevron{transform:rotate(-135deg)}
.benefitsTab .section-content{max-height:0;overflow:hidden;transition:max-height .4s ease;background:white}
.benefitsTab .section-content.active{max-height:1000px}
.benefitsTab .section-inner{padding:0 25px 25px;font-size:14px;line-height:20px;font-weight:500}
.benefitsTab .section-inner p{color:#1c2633;font-size:14px;font-weight:400;line-height:20px}
.benefitsTab .benefit-scenario{color:#555;line-height:1.8;margin-bottom:30px;font-size:1rem}
.benefitsTab .benefit-flow{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;gap:30px;margin-top:30px}
.benefitsTab .benefit-img{width:100%;height:auto}
.benefitsTab .benefit-icon{width:80px;height:80px;margin:0 auto 20px}
.benefitsTab .benefit-icon img{width:100%;height:100%;object-fit:contain}
.benefitsTab .time-badge{display:inline-block;background:#ffe5e5;color:#d32f2f;padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:15px}
.benefitsTab .benefit-amount{font-size:1.4rem;font-weight:bold;color:#0066b2;margin:10px 0}
.benefitsTab .benefit-duration{color:#0066b2;font-size:1rem;margin-bottom:15px}
.benefitsTab .benefit-total{color:#666;font-size:.95rem;line-height:1.6}
.benefitsTab .flow-arrow{font-size:3rem;color:#ffb3b3;align-self:center}
.benefitsTab .actions{display:flex;justify-content:space-between;gap:15px}
.benefitsTab .action{display:flex;justify-content:space-between;gap:15px}
.benefitsTab .actions button{min-width:135px}
.benefitsTab .download-brochure,.benefitsTab .download-leaflet{color:#005e9e;font-size:14px;line-height:14px;font-weight:500;padding:5px 20px;border:0;background-color:transparent}
.benefitsTab .download-brochure i,.benefitsTab .download-leaflet i{width:16px;height:16px;background:url(../../../../../content/dam/hdfclifeinsurancecompany/about-us/icons/Download.svg);display:inline-block;margin-right:5px;transform:translateY(5px)}
.benefitsTab .calculate-premium{color:#ed1c24;font-weight:600;border:1px solid #f9adaa;border-radius:6px}
.benefitsTab .background-image{position:absolute;bottom:0;right:0;width:300px;background-size:contain;background-repeat:no-repeat;background-position:bottom right;pointer-events:none;z-index:1;transition:opacity .5s ease}
.benefitsTab .background-image .bgImg{display:none;width:100%;height:auto;object-fit:contain}
.benefitsTab .background-image .bgImg.active{display:block}
.benefitsTab .tab-header p{line-height:24px;font-weight:500}
.benefitsTab .solid-red-button{min-width:135px}
.benefitsTab .bullets li{position:relative;padding-left:20px}
.benefitsTab .bullets>li::before{content:'';display:block;width:15px;height:15px;background:url("../../../../../content/dam/hdfclifeinsurancecompany/icons/list-bullet.svg") no-repeat;background-size:contain;position:absolute;top:0;left:0}
.benefitsTab .bullets-list{list-style:disc;padding-left:20px}
.benefitsTab .bullets-list li{padding-left:0}
@media screen and (min-width:768px){.benefitsTab .tabs-wrapper.up-to-4{overflow-x:hidden}
.benefitsTab .tabs-wrapper.cols-1 .tab{width:100%}
.benefitsTab .tabs-wrapper.cols-2 .tab{width:48%}
.benefitsTab .tabs-wrapper.cols-3 .tab{width:calc((100% - 2 * 20px) / 3)}
.benefitsTab .tabs-wrapper.cols-4 .tab{width:calc((100% - 3 * 20px) / 4)}
.benefitsTab .tabs-wrapper.more-than-4{overflow-x:auto;-webkit-overflow-scrolling:touch}
.benefitsTab .tabs-wrapper.more-than-4 .tab{width:calc((100% - 3 * 20px) / 4)}
}
@media screen and (max-width:768px){.benefitsTab .section-container{padding:20px 15px}
.benefitsTab .header h2{font-size:24px;line-height:36px}
.benefitsTab .tabs{gap:10px}
.benefitsTab .tab{width:80%;padding:12px 25px;font-size:14px;line-height:20px}
.benefitsTab .section-header{padding:15px}
.benefitsTab .section-header>*{font-size:14px;line-height:20px}
.benefitsTab .tab-content{padding:0}
.benefitsTab .tab-description{font-size:14px}
.benefitsTab .section-inner{padding:10px}
.benefitsTab .chevron{width:10px;height:10px}
.benefitsTab .benefit-flow{flex-direction:column}
.benefitsTab .flow-arrow{transform:rotate(90deg)}
.benefitsTab .background-image{width:250px;height:300px;opacity:.3}
.benefitsTab .actions{flex-direction:column}
.benefitsTab .action{justify-content:center;gap:10px}
.benefitsTab .download-brochure,.benefitsTab .download-leaflet{padding:5px}
.benefitsTab .tab-header{line-height:20px}
.benefitsTab .section-inner p{font-size:13px;font-weight:500}
.mob-justify-center{justify-content:center !important}
.mob-fullWidthButton{width:100% !important}
}
@media screen and (max-width:366px){.benefitsTab .download-brochure,.benefitsTab .download-leaflet{font-size:12px}
}
.benefitsTab .benefit-section .section-title{width:100%;display:flex;justify-content:center;margin-bottom:15px !important;position:relative;z-index:2}
.benefitsTab .benefit-section .section-title p{padding:0 10px;font-size:16px;line-height:24px;font-weight:500;color:#1c2633;background-color:#fff;z-index:2}
.benefitsTab .benefit-section .section-title::before,.benefitsTab .benefit-section .section-title::after{content:'';background:#d2d5da;width:50%;height:2px;display:block;position:absolute;top:50%;transform:translateY(-50%);z-index:1}
.benefitsTab .benefit-section .section-title::before{left:0}
.benefitsTab .benefit-section .section-title::after{right:0}
.benefitsTab .comparison-container{display:grid;grid-template-columns:1fr 1px 1fr;gap:0}
.benefitsTab .benefit-card{padding:0 20px;text-align:center}
.benefitsTab .comparison-container .comparison-header{color:#06c;background-color:transparent;margin-bottom:20px;text-align:center}
.benefitsTab .benefit-item{margin-bottom:16px}
.benefitsTab .benefit-label{font-size:15px;color:#2c3e50;margin-bottom:4px}
.benefitsTab .benefit-value{font-size:22px;font-weight:700;color:#2c3e50}
.benefitsTab .benefit-note{font-size:14px;color:#7f8c9a;margin-top:12px}
.benefitsTab .divider-line{border-bottom:2px dashed silver;margin:5px 0}
.benefitsTab .total-benefit{padding-top:20px}
.benefitsTab .total-label{font-size:18px;font-weight:700;color:#2c3e50;margin-bottom:4px}
.benefitsTab .total-value{font-size:26px;font-weight:700;color:#2c3e50}
.benefitsTab .vertical-divider{background:#e0e0e0;width:1px}
@media(max-width:768px){.benefitsTab .section-title{font-size:22px;margin-bottom:30px}
.benefitsTab .comparison-container{grid-template-columns:1fr;gap:30px}
.benefitsTab .vertical-divider{display:none}
.benefitsTab .benefit-card{padding:20px;border-bottom:2px solid #e0e0e0}
.benefitsTab .benefit-card:last-child{border-bottom:0}
.benefitsTab .card-header{font-size:20px}
.benefitsTab .benefit-value{font-size:20px}
.benefitsTab .total-value{font-size:24px}
}
@media(max-width:480px){.benefitsTab .section-title{font-size:18px}
.benefitsTab .card-header{font-size:18px}
.benefitsTab .benefit-label{font-size:14px}
.benefitsTab .benefit-value{font-size:18px}
.benefitsTab .total-value{font-size:22px}
}