.insurance-container{display:flex;max-height:550px;min-height:550px;position:relative;width:100%;gap:30px}
.image-section{flex:1;padding:40px;position:relative;border-radius:20px 0 0 20px;width:calc((450 / 1023) *(100% - 30px));box-sizing:border-box;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative}
.image-content{max-width:80%}
.image-content .component-title{font-size:36px;font-weight:600;line-height:56px;color:#1c2633}
.umbrella-image{background:linear-gradient(135deg,#b8dff8 0,#8fd1f7 100%);border-radius:20px;padding:40px;display:flex;align-items:center;justify-content:center}
.umbrella-image img{max-width:100%;height:auto;display:block}
.benefits-section{background:#fff;overflow-y:auto;display:flex;align-items:center;width:calc((573 / 1023) *(100% - 30px));box-sizing:border-box}
.benefits-section::-webkit-scrollbar{background-color:#f1f1f1;height:20px;width:4px;padding-top:10px}
.benefits-section::-webkit-scrollbar-thumb{background-color:#c9d3e9;border-radius:3.56px}
.benefits-list{width:100%;height:100%}
.benefit-item{margin-bottom:24px;border-bottom:1px solid #e6ebf5;padding-bottom:24px}
.benefit-item:last-child{border-bottom:0}
.benefit-header{display:flex;align-items:flex-start;justify-content:space-between}
.benefit-header .icon-title{display:flex;align-items:flex-start;gap:8px;flex:1}
.benefit-header .benefit-icon{width:30px;height:30px;color:#2563eb;flex-shrink:0;margin-top:4px}
.benefit-item .title{font-size:20px;font-weight:600;line-height:28px;color:#00497a;margin:0}
.benefit-item h3 .subtitle{font-weight:400;color:#1e40af}
.accordion-toggle{background:0;border:0;cursor:pointer;padding:4px;display:none;transition:transform .3s ease}
.chevron{width:11px;height:6px}
.benefit-item.active .accordion-toggle{transform:rotate(180deg)}
.benefit-content{margin-top:8px;padding-left:38px}
.benefit-content .description{font-size:16px;font-weight:400;line-height:24px;color:#374254}
.pagination-dots{display:none;justify-content:center;gap:8px;position:absolute;left:50%;top:0;height:fit-content;transform:translateX(-50%)}
.dot{width:20px;height:6px;background:#e6ebf5;border-radius:8px;transition:background .4s ease}
.dot.active{width:56px;background:#ed1c24}
@media(max-width:767px){.insurance-container{flex-direction:column;gap:20px;max-height:initial;min-height:initial}
.image-section{flex:none;padding:30px;width:100%;min-height:305px;border-radius:20px 20px 0 0}
.image-content{max-width:100%}
.benefit-header .icon-title{gap:6px}
.benefit-header .benefit-icon{width:25px;height:25px;padding:3px;box-sizing:border-box;color:#2563eb;flex-shrink:0;margin-top:2px}
.benefit-item .title{font-size:13px;line-height:20px}
.image-content .component-title{font-size:28px;line-height:40px;text-align:center}
.umbrella-image{padding:20px;border-radius:12px}
.benefits-section{width:100%;padding:0;align-items:flex-start;position:relative;padding-top:27px}
.benefits-list{max-width:100%}
.benefit-item{padding:0;border-bottom:0;border-bottom:1px solid #e6ebf5;border-radius:0;margin-bottom:0}
.benefit-header{cursor:pointer;padding:14px 12px 14px 12px}
.accordion-toggle{display:block}
.benefit-content{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease,opacity .3s ease,margin-top .3s ease;margin-top:0;padding-left:40px}
.benefit-item.active .benefit-content{max-height:500px;opacity:1;margin:8px 0 14px 0;padding-left:32px}
.benefit-item.active .benefit-header{background:#ebf7ff}
.benefit-content .description{font-size:13px;line-height:20px}
.pagination-dots{display:flex}
}