.qrops-transfer-steps{padding:50px 0;background:#fff}
.qrops-transfer-steps__header{text-align:center;margin-bottom:32px}
.qrops-transfer-steps__title{font-size:32px;line-height:1.3;font-weight:700;color:#233253;margin:0 0 4px}
.qrops-transfer-steps__desc{margin:0 auto;color:#666;font-size:16px;line-height:1.6;font-weight:400}
.qrops-transfer-steps__track{display:flex;gap:28px;padding:12px 24px 22px;position:relative;--qrops-track-line-left:12px;--qrops-track-line-width:100%;--qrops-scrollbar-left:0;--qrops-scrollbar-track-width:100%;--qrops-scrollbar-thumb-left:0;--qrops-scrollbar-thumb-width:120px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}
.qrops-transfer-steps__track::-webkit-scrollbar{display:none;width:0;height:0}
.qrops-transfer-steps__track::after{content:none}
.qrops-transfer-steps__track.is-scrollable::after{content:"";position:absolute;left:var(--qrops-scrollbar-left);right:auto;width:var(--qrops-scrollbar-track-width);bottom:6px;height:4px;border-radius:2px;background:linear-gradient(#79c9f3,#79c9f3) var(--qrops-scrollbar-thumb-left) 0 / var(--qrops-scrollbar-thumb-width) 100% no-repeat,#f0f0f0;pointer-events:none;z-index:1}
.qrops-transfer-steps__track::before{content:"";position:absolute;left:var(--qrops-track-line-left);right:auto;top:116px;height:8px;width:var(--qrops-track-line-width);background-image:linear-gradient(to right,#cce8f9 58%,rgba(255,255,255,0) 0);background-size:36px 8px;background-repeat:repeat-x;z-index:0}
.qrops-transfer-steps__step{flex:0 0 calc(25% - 21px);min-width:0;position:relative;scroll-snap-align:start}
.qrops-transfer-steps__marker{width:72px;height:98px;margin:0 0 16px;display:flex;align-items:flex-start;justify-content:center;padding-top:26px;position:relative;z-index:2;font-size:20px;line-height:1;font-weight:700;color:#1c6190;font-variant-numeric:tabular-nums}
.qrops-transfer-steps__marker::before{content:"";position:absolute;top:0;left:50%;width:72px;height:98px;transform:translateX(-50%);background:url("../../../../../content/dam/hdfclifeinsurancecompany/qrops/desktop-location.png") center top / contain no-repeat;z-index:-2}
.qrops-transfer-steps__marker::after{display:none}
.qrops-transfer-steps__connector{display:none}
.qrops-transfer-steps__content{text-align:left;position:relative;z-index:1;margin-top:35px}
.qrops-transfer-steps__step-title{margin:0 0 6px;color:#233253;font-size:22px;line-height:1.3;font-weight:600}
.qrops-transfer-steps__text{font-size:16px;line-height:1.65;color:#666;overflow:visible;font-weight:400}
.qrops-transfer-steps__text.is-expanded{max-height:none}
.qrops-transfer-steps__read-more{display:inline-block;margin-top:8px;color:#0060c0;font-size:16px;font-weight:600;text-decoration:none;cursor:pointer;background:0;border:0;padding:0}
@media(max-width:767px){.qrops-transfer-steps{padding:24px 0}
.qrops-transfer-steps__header{margin-bottom:15px}
.qrops-transfer-steps__title{font-size:24px;line-height:1.3}
.qrops-transfer-steps__desc{font-size:14px;line-height:1.6;color:gray}
.qrops-transfer-steps__track{display:flex;gap:16px;padding:12px 16px 22px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin:0;position:relative;--qrops-track-line-left:16px;--qrops-track-line-width:calc(100% - 32px);--qrops-scrollbar-left:0}
.qrops-transfer-steps__track::before{content:"";position:absolute;left:var(--qrops-track-line-left);right:auto;top:82px;height:6px;width:var(--qrops-track-line-width);background-image:linear-gradient(to right,#cce8f9 58%,rgba(255,255,255,0) 0);background-size:24px 6px;background-repeat:repeat-x;z-index:0;pointer-events:none}
.qrops-transfer-steps__step{flex:0 0 calc(60% - 8px);min-width:calc(60% - 8px);scroll-snap-align:start;position:relative;z-index:1}
.qrops-transfer-steps__marker{width:50px;height:66px;margin:0 0 16px 0;padding-top:16px;align-items:flex-start;display:flex;justify-content:center}
.qrops-transfer-steps__marker::before,.qrops-transfer-steps__marker::after{display:block}
.qrops-transfer-steps__marker::before{content:"";position:absolute;top:0;left:50%;width:50px;height:66px;background:url("../../../../../content/dam/hdfclifeinsurancecompany/qrops/mobile-location.png") center top / contain no-repeat;transform:translateX(-50%);z-index:-1}
.qrops-transfer-steps__content{text-align:left;margin-top:12px;padding:0 8px}
.qrops-transfer-steps__read-more{margin-top:8px}
}