.glass{background:#ffffffa6;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);border:1px solid rgba(255,255,255,.52)}.timeline-with-image{font-family:Poppins;background:var(--background);color:var(--text-color);overflow:hidden}.timeline-with-image__container{position:relative;padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.timeline-with-image__background{position:absolute;top:0;right:0;bottom:0;left:0}.timeline-with-image__background>picture{display:block;width:100%;height:100%}.timeline-with-image__background-image{display:block;width:100%;height:100%;object-fit:cover}.timeline-with-image__heading{margin:0;position:relative;font-family:Poppins;font-size:28px;font-weight:600;line-height:120%;letter-spacing:-1px;text-align:center}.timeline-with-image__heading>strong{color:var(--accent-color)}.timeline-with-image__grid{position:relative;display:grid;margin-top:20px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,auto);grid-column-gap:10px;grid-row-gap:25px}.timeline-with-image__timelines{grid-area:2 / 1 / 3 / 3}.timeline-with-image__footnote{grid-area:4 / 1 / 5 / 3}picture:has(.timeline-with-image--main){grid-area:1 / 1 / 2 / 3}picture:has(.timeline-with-image--second){grid-area:3 / 1 / 4 / 2}picture:has(.timeline-with-image--third){grid-area:3 / 2 / 4 / 3}.timeline-with-image__timelines{--timeline-track-width: 2px;--timeline-dot-size: 9px;--timeline-track-offset: 32px;--timeline-row-gap: 30px;--timeline-title-font-size: 18px;--timeline-title-line-height: 1.4;--timeline-title-padding-block: 0px;--timeline-dot-offset: calc( var(--timeline-title-padding-block) + var(--timeline-title-font-size) * var(--timeline-title-line-height) / 2 );position:relative;display:flex;flex-direction:column;gap:var(--timeline-row-gap);padding-left:var(--timeline-track-offset)}.timeline-with-image__timeline{position:relative}.timeline-with-image__timeline:not(:last-child):before{content:"";position:absolute;top:var(--timeline-dot-offset);bottom:calc(-1 * (var(--timeline-row-gap) + var(--timeline-dot-offset)));left:calc((var(--timeline-dot-size) - var(--timeline-track-width)) / 2 - var(--timeline-track-offset));width:var(--timeline-track-width);background-color:var(--accent-color)}.timeline-with-image__timeline-title{position:relative;margin:0 0 8px;width:fit-content;padding:var(--timeline-title-padding-block) 22px;font-size:var(--timeline-title-font-size);font-weight:600;line-height:var(--timeline-title-line-height);letter-spacing:-.5px;color:var(--timeline-title-color);background-color:var(--accent-color);border-radius:999px}.timeline-with-image__timeline-title:before{content:"";position:absolute;top:var(--timeline-dot-offset);left:calc(-1 * var(--timeline-track-offset));width:var(--timeline-dot-size);height:var(--timeline-dot-size);transform:translateY(-50%);background-color:var(--accent-color);border-radius:50%}.timeline-with-image__timeline-text{margin:0;font-size:18px;font-weight:600;line-height:140%;letter-spacing:-.5px;color:var(--text-color)}.timeline-with-image__media{display:block;width:100%;height:100%;object-fit:cover;border-radius:10px;box-shadow:7px 9px 14px #005eb84d}.timeline-with-image__footnote{display:flex;align-items:center;padding:15px;gap:20px;background-color:rgb(var(--footnote-background-rgb) / .65);border-radius:10px}.timeline-with-image__footnote-image{display:block;width:38px;height:auto;object-fit:contain}.timeline-with-image__footnote-text{display:flex;flex-direction:column;gap:5px}.timeline-with-image__footnote-text>*{margin:0}.timeline-with-image__footnote-text>h4{font-size:16px;font-weight:600;line-height:150%;letter-spacing:-1px}.timeline-with-image__footnote-text>ul{padding-left:25px;font-size:15px}.timeline-with-image--desktop{display:none}@media screen and (min-width:767px){.timeline-with-image--desktop{display:block}.timeline-with-image--mobile{display:none}.timeline-with-image__container{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.timeline-with-image__background{margin:0 -30px}.timeline-with-image__heading{font-size:40px}.timeline-with-image__grid{grid-column-gap:20px;grid-row-gap:20px;margin-top:50px;grid-template-columns:minmax(0,544px) minmax(0,340px) minmax(0,260px);grid-template-rows:repeat(4,auto)}.timeline-with-image__timelines{--timeline-track-offset: 40px;--timeline-row-gap: 40px;--timeline-title-padding-block: 6.5px;--timeline-title-font-size: 20px;grid-area:1 / 1 / 4 / 2}.timeline-with-image__timeline-title{margin:0 0 12px;padding:var(--timeline-title-padding-block) 20px}.timeline-with-image__timeline-text{font-size:20px}.timeline-with-image__footnote{gap:30px;grid-area:4 / 1 / 5 / 2;border-radius:20px;padding:20px;font-size:16px}.timeline-with-image__footnote-text>h4{font-size:18px}picture:has(.timeline-with-image--main){grid-area:1 / 2 / 5 / 3}picture:has(.timeline-with-image--second){grid-area:1 / 3 / 3 / 4}picture:has(.timeline-with-image--third){grid-area:3 / 3 / 5 / 4}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/section-timeline-with-image.css.map */