:root { --navy:#15344b; --muted:#60778a; --blue:#079cdb; --pale:#f3f9fc; --line:#193a52; }
#our-journey {
    padding-top: 0px;
}
.journey-section{padding:70px 0 48px;overflow:hidden;background:linear-gradient(130deg,#f6fbf5,#fff 60%,#f5f4ff)}
.journey-eyebrow{color:var(--sec);font:800 12px var(--font2);letter-spacing:.15em;text-transform:uppercase}
.journey-heading{font:800 clamp(27px,3vw,42px)/1.25 var(--font2);letter-spacing:-.04em;margin:10px 0;color:var(--sec)}
.journey-intro{max-width:620px;margin:auto;color:var(--para-color);line-height:1.7;font-size:14px}
.year-control{display:flex;align-items:center;gap:10px;max-width:680px;margin:28px auto 22px}
.year-rail{flex:1;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}
.year-rail::-webkit-scrollbar{display:none}
.year-tabs{display:flex;gap:9px;width:max-content;padding:3px;margin:0}
.year-tab{padding:9px 19px;background:#fff;border:1.5px solid var(--sec);border-radius:40px;color:var(--sec);font:800 13px var(--font2);white-space:nowrap;transition:.2s}
.year-tab.active,.year-tab[aria-selected=true]{color:#fff;background:var(--sec);border-color:var(--sec);box-shadow:0 5px 15px #27246625}
.year-tab:hover:not(.active){background:#edf6ed}
.tab-scroll,.timeline-arrow{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;border:1px solid var(--border-color);border-radius:50%;background:#fff;color:var(--sec)}
.tab-scroll:hover,.timeline-arrow:not(:disabled):hover{background:#eaf6e9}
.timeline-arrow:disabled{opacity:.35;cursor:not-allowed}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.svg-ico{width:38px;height:38px;flex-shrink:0;fill:none;stroke:var(--pri);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.timeline-viewport{position:relative;overflow:hidden;border:1px solid var(--border-color);border-radius:20px;background:radial-gradient(circle at 85% 22%,#80bd7f19,transparent 37%),linear-gradient(145deg,#fff,#f6faf5);box-shadow:0 18px 45px #2724660a;width: 95%;
    margin: auto;}
.timeline-track{display:flex;position:relative;transition:transform .7s cubic-bezier(.22,.78,.17,1);will-change:transform}
.timeline-slide{min-width:100%;flex:0 0 100%;overflow:hidden}
.timeline-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#c0d4c0 transparent}
.timeline-scene{    --slot: 220px;
    --left: 110px;
    display: flex;
    position: relative;
    box-sizing: border-box;
    width: max-content;
    min-width: 100%;
    height: 420px;
    padding: 50px 40px 0px var(--left);}
.timeline-scene:before{content:"";position:absolute;left:0;right:0;top:50%;height:3px;background:var(--line)}
.year-marker{position:absolute;z-index:5;top:calc(50% - 19px);left:30px;min-width:86px;padding:7px 17px;border:2px solid var(--sec);border-radius:40px;background:#fff;text-align:center;font:800 14px var(--font2);color:var(--sec)}
.event{position:relative;flex:0 0 var(--slot);width:var(--slot);height:100%}
.event:before{content:"";position:absolute;z-index:3;top:calc(50% - 5px);left:50%;transform:translateX(-50%);width:10px;height:10px;border:2px solid #fff;border-radius:50%;background:var(--pri);box-shadow:0 0 0 2px var(--sec)}
.connector{position:absolute;z-index:2;left:50%;width:2px;height:31px;transform:translateX(-50%);background:var(--sec)}
.event.is-top .connector{top:calc(50% - 31px)}
.event.is-bottom .connector{top:50%}
.connector:after{content:"";position:absolute;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent}
.is-top .connector:after{top:-2px;border-bottom:8px solid var(--sec)}
.is-bottom .connector:after{bottom:-2px;border-top:8px solid var(--sec)}
.event-content{position:absolute;left:11px;right:11px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center}
.is-top .event-content{bottom:calc(50% + 42px);justify-content:flex-end;min-height:135px}
.is-bottom .event-content{top:calc(50% + 42px);justify-content:flex-start;min-height:135px}
.event-label{    font: 800 16px / 1.45 var(--font2);
    letter-spacing: -.02em;
    color: var(--sec);
    font-size: 18px;
    font-weight: 700;
    line-height: normal;}
.event-desc{    color: var(--para-color);
    font-size: 15px;
    font-weight: 400;max-width:192px}
.event-icon{margin-bottom:3px}
.brandmark{font:900 25px/1.25 var(--font2);letter-spacing:-.04em}
.brandmark.kindfit{color:var(--sec)}
.brandmark.kindfit span{color:var(--pri)}
.brandmark.firsthug{background:linear-gradient(95deg,#e1a019,#dc4487,#6656b4);background-clip:text;color:transparent}
.brandmark.staybold{color:var(--sec);font-style:italic}
.brandmark.myguard{padding:8px 13px;background:var(--sec);color:#fff;border-radius:10px;font-size:18px}
.brandmark.medicas{color:#3b9a72;font-size:23px}
.number{font:900 34px/1 var(--font2);color:var(--sec)}
.number-small{color:#599a59;font:800 15px var(--font2)}
.fin-circle{display:flex;flex-direction:column;align-items:center;justify-content:center;width:105px;height:105px;border:3px solid var(--sec);border-radius:50%;background:#d8ead3;color:var(--sec);font:800 13px/1.3 var(--font2)}
.fin-circle strong{font-size:32px;line-height:1}
.fin-circle.capex{background:#e6e0f4}
.cert-ico{display:grid;place-items:center;min-width:53px;min-height:53px;padding:10px;border:0px solid var(--sec);border-radius:50%;background:#fff;color:var(--sec);font:900 13px var(--font2)}
.cert-ico.ce{border:0;font-size:27px}
.mini-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;max-width:230px;width: 230px;padding:0;margin:2px 0;list-style:none}
.mini-tags li{padding:4px 8px;border:1px solid #d8e8d6;border-radius:30px;background:#edf7ec;font-size:11px;color:var(--sec)}
.footer-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin:22px 0 5px}
.footer-controls .timeline-arrow{width:43px;height:43px}
.footer-current{min-width:85px;text-align:center;font:800 13px var(--font2);color:var(--sec)}
.progress-track{width:180px;height:5px;overflow:hidden;border-radius:99px;background:#dfe9dd}
.progress-fill{width:14.2857%;height:100%;border-radius:99px;background:var(--pri);transition:width .5s}
.helper{text-align:center;margin:12px 0 0;font-size:12px;color:var(--para-color)}
@media(max-width:767px){.journey-section{padding:45px 0 30px}
.timeline-viewport{border-radius:14px}
.timeline-scene{--slot:205px;--left:115px;height:510px}
.year-tab{padding:8px 15px}
.progress-track{width:85px}
.year-marker{left:20px}
.event-label{font-size:13px}}
@media(prefers-reduced-motion:reduce){.timeline-track,.progress-fill,.year-rail{transition:none!important;scroll-behavior:auto!important}}

  .team-member-slide {
        height: auto;
        border-radius: 16px;
        overflow: hidden;
        transition: all .3s ease;
        position: relative;
        background-color: var(--off-white);
        height: 100%;
    }

    .team-member-slide img {
        width: 100%;
        height: auto;
        object-fit: cover;
        display: block;
    }

    .team-member-swiper .swiper-wrapper {
        transition-timing-function: linear !important;
    }

    .expend-content-sec-rd-mr.expanded {
        overflow-y: auto !important;
        padding-right: 10px;
    }
    
/* Continuous horizontal timeline */
.timeline-scroller {
    width: 100%;
    overflow-x: auto !important;
    overflow-y: hidden;
    scroll-behavior: smooth;
    position: relative;
}

.timeline-scene {
    display: flex !important;
    align-items: stretch;
    position: relative;
    width: max-content !important;
    min-width: 100%;
    height: 420px;
    padding: 0 40px !important;
    box-sizing: border-box;
}

.timeline-scene::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--line);
}

/* IMPORTANT: Year markers must not be absolute */
.timeline-scene .year-marker {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;

    flex: 0 0 auto;
    align-self: center;
    height: 38px;
    min-width: 86px;
    margin: 0 3px;

    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 5;

    padding: 7px 17px;
    border: 2px solid var(--sec);
    border-radius: 40px;
    background: #fff;
    color: var(--sec);
    font: 800 14px var(--font2);
}

.timeline-scene .event {
    position: relative;
    flex: 0 0 var(--slot, 220px);
    width: var(--slot, 220px);
    height: 100%;
}

#journeyYearTabs .year-tab {
    cursor: pointer;
    flex-shrink: 0;
}
.cert-ico.ce img {
    width: 35px;
}

/* Timeline PNG Icons */
.timeline-scene .timeline-img {
    display: block;
    max-width: 100%;
    object-fit: contain;
    margin: 0 auto;
}

/* Brand Logos */
.timeline-scene .brandmark {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 65px;
    margin: 8px auto;
}

/* Warehouse Icons */
.timeline-scene .warehouse-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}

/* Certificate Icons */
.timeline-scene .cert-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
}

/* Employees */
.timeline-scene .event-icon-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}

/* Product Image */
.timeline-scene .event-product-image {
    display: flex;
    justify-content: center;
    margin-top: 8px;
}

/* Descriptions */
.timeline-scene .event-desc {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 5px;
}

/* Product List */
.timeline-scene .mini-tags {
    list-style: none;
    padding: 0;
    margin: 8px 0 0;
}

.timeline-scene .mini-tags li {
    font-size: 12px;
    line-height: 1.6;
}

/* Prevent text overflow */
.timeline-scene .event-content {
    text-align: center;
    overflow-wrap: break-word;
}

@media (max-width: 767px) {
    .timeline-scene {
        --slot: 205px;
        height: 510px;
    }

    .timeline-scene .year-marker {
        margin: 0 12px;
    }
}