.retirement-tabs .retirement-planning__title{font-weight:600;font-size:36px;line-height:56px;color:#1c2633;text-align:center}
.retirement-tabs .retirement-planning__header{margin-bottom:40px}
.retirement-tabs .retirement-planning__timeline{background-image:url(../../../../../../content/dam/hdfcklarifylife/revamp/category-retirement/rectangle-image.png);width:100%;height:310px;background-size:cover;background-repeat:no-repeat;background-position:center}
.retirement-tabs .retirement-planning__timeline-list li a{width:74px;height:74px;box-shadow:0 4px 8px rgba(40,41,61,0.12)}
.retirement-tabs .retirement-planning__timeline-list{list-style:none;display:flex;justify-content:center;align-items:center;position:relative;gap:100px;padding-top:40px}
.retirement-tabs .retirement-planning__timeline-item{position:relative;z-index:1}
.retirement-tabs .retirement-planning__timeline-link{display:flex;flex-direction:column;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:#fff;border:3px solid #e0e6ed;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.retirement-tabs .retirement-planning__timeline-list li a.retirement-planning__timeline-link--active{background:#e74c3c;border-color:#e74c3c;color:#fff;width:104px;height:104px}
.retirement-tabs .retirement-planning__timeline-age-label,.retirement-tabs .retirement-planning__timeline-age-value{font-size:16px;line-height:24px;font-weight:500;letter-spacing:.5px;color:#1c2633}
.retirement-tabs .retirement-planning__timeline-link--active .retirement-planning__timeline-age-label,.retirement-tabs .retirement-planning__timeline-link--active .retirement-planning__timeline-age-value{color:#fcfcfd;font-size:24px;line-height:36px;font-weight:700}
.retirement-tabs .retirement-planning__timeline-list li:not(:has(.retirement-planning__timeline-link--active)):not(:last-child)::after{content:"";position:absolute;top:15px;left:95px;width:70px;height:52px;background-image:url('../../../../../../content/dam/hdfcklarifylife/revamp/category-retirement/nav-bar-lines.png');background-size:contain;background-repeat:no-repeat}
.retirement-tabs .retirement-planning__timeline-list li:not(:last-child) .retirement-planning__timeline-link--active::after{content:"";position:absolute;top:35px;left:125px;width:70px;height:52px;background-image:url('../../../../../../content/dam/hdfcklarifylife/revamp/category-retirement/nav-bar-lines.png');background-size:contain;background-repeat:no-repeat}
.retirement-tabs .retirement-planning__content-card{width:1087px;height:313px;background-color:#fff;position:relative;transform:translate(0,-149px);margin:0 auto;border-radius:15px;box-shadow:0 0 16px 0 #0000001A;display:flex}
.retirement-tabs .retirement-planning__character-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.retirement-tabs .retirement-planning__character-image picture{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.retirement-tabs .retirement-planning__character-image .card-image{width:100%;height:308px;padding-left:70px}
.retirement-tabs .retirement-planning__character-image img{max-width:100%;max-height:100%;object-fit:contain}
.retirement-tabs .retirement-planning__illustration-wrapper{width:40%}
.retirement-tabs .retirement-planning__info-group{width:60%;display:flex;padding-top:48px}
.retirement-tabs .retirement-planning__info-title--blue{font-weight:600;font-size:20px;line-height:28px;color:#186cf2;margin-bottom:16px}
.retirement-tabs .retirement-planning__info-list li{font-weight:500;font-size:16px;line-height:24px;color:#0c111d;margin-bottom:13px}
.retirement-tabs .retirement-planning__info-column--left{width:40%;position:relative;padding-right:20px}
.retirement-tabs .retirement-planning__info-column--left::before{content:"";position:absolute;bottom:0;width:19px;left:100%;height:309px;background-image:url(../../../../../../content/dam/hdfcklarifylife/revamp/category-retirement/seprator-image.png);background-size:cover;background-repeat:no-repeat}
.retirement-tabs .retirement-planning__info-column--right{width:60%;padding:0 50px}
.retirement-tabs .retirement-planning .d-none{display:none !important}
.retirement-tabs .retirement-planning__container{margin-bottom:-165px}
@media(max-width:768px){.retirement-tabs .retirement-planning__container{margin-bottom:-149px}
.retirement-tabs .retirement-planning__character-image .card-image{padding-left:0}
.retirement-tabs .retirement-planning__title{font-size:28px;line-height:40px}
.retirement-tabs .retirement-planning__timeline{padding:20px 0;overflow-x:auto}
.retirement-tabs .retirement-planning__timeline-list{justify-content:flex-start;gap:30px;padding:0 10px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.retirement-tabs .retirement-planning__timeline-list::-webkit-scrollbar{display:none}
.retirement-tabs .retirement-planning__timeline-link{width:60px;height:60px;flex-shrink:0}
.retirement-tabs .retirement-planning__timeline-age-label,.retirement-tabs .retirement-planning__timeline-age-value{font-size:11px;line-height:16px}
.retirement-tabs .retirement-planning__timeline-link--active .retirement-planning__timeline-age-label,.retirement-tabs .retirement-planning__timeline-link--active .retirement-planning__timeline-age-value{font-size:14px;line-height:20px}
.retirement-tabs .retirement-planning__content-card{width:90%;height:100%;flex-direction:column}
.retirement-tabs .retirement-planning__timeline{background-image:url(../../../../../../content/dam/hdfcklarifylife/revamp/category-retirement/mobile-background-image.png);width:100%;height:215px;background-size:cover;background-repeat:no-repeat;background-position:center}
.retirement-tabs .retirement-planning__timeline-list li a.retirement-planning__timeline-link--active{width:54px;height:56px}
.retirement-tabs .retirement-planning__timeline-list li a{width:40px;height:40px}
.retirement-tabs .retirement-planning__timeline-list li:not(:has(.retirement-planning__timeline-link--active)):not(:last-child)::after{width:20px;height:12px;left:50px}
.retirement-tabs .retirement-planning__timeline-list li:not(:last-child) .retirement-planning__timeline-link--active::after{top:25px;width:20px;height:12px;left:65px}
.retirement-tabs .retirement-planning__timeline ul::-webkit-scrollbar{width:0;height:0}
.retirement-tabs .retirement-planning__illustration-wrapper,.retirement-tabs .retirement-planning__info-group{width:100%;padding-top:20px}
.retirement-tabs .retirement-planning__info-group{border-top:1px solid #d2d5da;position:relative;padding-top:unset}
.retirement-tabs .retirement-planning__character-image{width:100%;height:150px}
.retirement-tabs .retirement-planning__info-title--blue{font-size:14px;line-height:20px;padding-top:20px}
.retirement-tabs .retirement-planning__info-list li{font-size:12px;line-height:16px;font-weight:400}
.retirement-tabs .retirement-planning__info-column--right,.retirement-tabs .retirement-planning__info-column--left{width:50%;padding:0 15px}
.retirement-tabs .retirement-planning__info-column--left::before{width:15px;left:95%;height:100%;bottom:unset}
}