section.u5m-tree-cards{--tree-line:#c4cad5;--tree-drop-width:8px;--tree-gap:30px;background-color:var(--isg-navy);background-position:top;background-repeat:repeat;background-size:100% auto;margin:var(--section-margin-none);padding:80px 0 100px;.section-inner.center{&:has(.intro-content){margin-bottom:0}}&.has-wave-top{border-top:1px solid color-mix(in srgb,var(--isg-skyblue) 50%,transparent);position:relative}.tree-wave{background-position:top;background-repeat:no-repeat;background-size:auto 100%;height:50px;left:0;pointer-events:none;position:absolute;top:-25px;width:100%}.tree-cards{display:grid;gap:var(--tree-gap);margin-top:100px;position:relative;&.four{grid-template-columns:repeat(4,1fr)}&.three{grid-template-columns:repeat(3,1fr)}&:before{background-color:var(--tree-line);content:"";height:8px;position:absolute;top:-1px}&.four:before{left:calc(12.5% - var(--tree-gap)*3/8);width:calc(75% + var(--tree-gap)*3/4)}&.three:before{left:calc(16.66667% - var(--tree-gap)*2/6);width:calc(66.66667% + var(--tree-gap)*2/3)}&:after{background-color:var(--tree-line);content:"";height:100px;left:calc(50% - var(--tree-drop-width)/2);position:absolute;top:-100px;width:var(--tree-drop-width)}}.tree-card{background-color:var(--white);border-top:6px solid var(--isg-lightblue);display:flex;flex-direction:column;margin-top:40px;padding:30px;position:relative;&:before{background-color:var(--tree-line);content:"";height:46px;left:calc(50% - var(--tree-drop-width)/2);position:absolute;top:-46px;width:var(--tree-drop-width)}.tree-card-title{color:var(--black);font-family:var(--font1);font-size:1.15rem;font-weight:700;line-height:1.25;margin:0 0 12px}.tree-card-summary{color:var(--isg-text);font-size:15px;line-height:1.6;margin:0}.tree-card-btn{align-items:center;background:none;border:0;color:var(--isg-navy);cursor:pointer;display:flex;font-family:var(--font1);font-size:12px;font-weight:700;gap:8px;justify-content:center;letter-spacing:1px;margin-top:auto;padding:18px 0 0;text-transform:uppercase;transition:var(--animation1);width:100%;.tree-card-icon{background-color:var(--isg-navy);border-radius:50%;flex:none;height:18px;position:relative;transition:var(--animation1);width:18px;&:after,&:before{background-color:var(--white);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}&:before{height:2px;width:8px}&:after{height:8px;width:2px}}.label-less{display:none}&.active{.label-more{display:none}.label-less{display:inline}.tree-card-icon:after{opacity:0}}&:hover{color:var(--isg-lightblue);.tree-card-icon{background-color:var(--isg-lightblue)}}}}&.hide-tree{.tree-cards{margin-top:40px;&:after,&:before{display:none}@media (max-width:991px){row-gap:var(--tree-gap)}}.tree-card{margin-top:0;&:before{display:none}}}.tree-expanded{position:relative}.tree-panel{background-color:var(--white);max-height:0;overflow:hidden;transition:max-height .5s ease-out;&.active{margin-top:40px;max-height:1600px}.tree-panel-grid{align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr;padding:48px}.tree-panel-heading{color:var(--isg-navy);font-family:var(--font2);font-size:clamp(26px,2.6vw,34px);font-weight:300;line-height:1.15;margin:0 0 16px}.tree-panel-body{color:var(--isg-text);font-size:16px;line-height:1.65;p{margin:0 0 1em;&:last-child{margin-bottom:0}}}.tree-panel-media{img{display:block;height:100%;object-fit:cover;width:100%}}&.image-left{.tree-panel-media{order:-1}}}@media (max-width:991px){padding-bottom:70px;padding-left:0;padding-right:0;padding-top:60px;.tree-cards{margin-top:40px;row-gap:0;&.four,&.three{grid-template-columns:1fr}&:after{display:none}}}@media (max-width:767px){.tree-panel{&.active{margin-top:24px}.tree-panel-grid{gap:28px;grid-template-columns:1fr;padding:32px 24px}&.image-left .tree-panel-media,&.image-right .tree-panel-media{order:-1}}}}