.elementor-8542 .elementor-element.elementor-element-581ba73{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(min-width:2400px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for container, class: .elementor-element-581ba73 *//* =========================================================
   S010 — WEBSITE PROJECT EXPERIENCE
   Scoped to #kwd-story-s010 and its Elementor widget.
   ========================================================= */

/* 1. Release unnecessary Elementor width constraints. */

#my-special-widget-1,
#my-special-widget-1 > .e-con-inner,
#my-special-widget-1 .elementor-widget-text-editor,
#my-special-widget-1 .elementor-widget-container {
    width: 100%;
    max-width: none;
    min-width: 0;
}

#my-special-widget-1 .elementor-widget-text-editor {
    align-self: stretch;
}

/* 2. Brand system and typography. */

#kwd-story-s010 {
    --kwdexp-ink: #18313d;
    --kwdexp-heading: #102d3a;
    --kwdexp-muted: #536a75;
    --kwdexp-accent: #19beec;
    --kwdexp-accent-dark: #087f9e;
    --kwdexp-accent-soft: #e9f8fc;
    --kwdexp-navy: #123847;
    --kwdexp-navy-deep: #0b2b37;
    --kwdexp-white: #ffffff;
    --kwdexp-surface: #f7fbfc;
    --kwdexp-surface-strong: #eef8fb;
    --kwdexp-border: #d7e6eb;
    --kwdexp-border-strong: #bed8e1;
    --kwdexp-radius-lg: 20px;
    --kwdexp-radius-md: 14px;
    --kwdexp-radius-sm: 10px;

    width: 100%;
    max-width: 1480px;
    min-width: 0;
    margin: 0 auto;
    padding: 0;

    color: var(--kwdexp-ink);
    font-family: inherit;
    font-size: 17px;
    line-height: 1.7;
    text-rendering: optimizeLegibility;
}

#kwd-story-s010 *,
#kwd-story-s010 *::before,
#kwd-story-s010 *::after {
    box-sizing: border-box;
}

#kwd-story-s010 > header,
#kwd-story-s010 > section,
#kwd-story-s010 > footer {
    width: 100%;
    min-width: 0;
    max-width: none;
}

#kwd-story-s010 p {
    margin: 0 0 1.08em;
    padding: 0;
    color: var(--kwdexp-ink);
    font: inherit;
    line-height: 1.7;
}

#kwd-story-s010 p:last-child {
    margin-bottom: 0;
}

#kwd-story-s010 h1,
#kwd-story-s010 h2,
#kwd-story-s010 h3 {
    margin-top: 0;
    color: var(--kwdexp-heading);
    font-family: inherit;
    font-style: normal;
    text-transform: none;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}

#kwd-story-s010 h1 {
    margin-bottom: 0;
    font-size: clamp(2.2rem, 3.2vw, 3.25rem);
    font-weight: 760;
    line-height: 1.14;
    letter-spacing: -0.032em;
    text-wrap: balance;
}

#kwd-story-s010 h2 {
    margin-bottom: 0.7em;
    font-size: clamp(1.65rem, 2.2vw, 2.25rem);
    font-weight: 730;
    line-height: 1.23;
    letter-spacing: -0.022em;
    text-wrap: pretty;
}

#kwd-story-s010 h3 {
    margin-bottom: 0.5em;
    font-size: clamp(1.08rem, 1.4vw, 1.25rem);
    font-weight: 700;
    line-height: 1.36;
    letter-spacing: -0.008em;
}

#kwd-story-s010 ul,
#kwd-story-s010 ol {
    margin-top: 0;
}

#kwd-story-s010 a {
    color: var(--kwdexp-accent-dark);
    font-weight: 650;
    text-decoration: underline;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.19em;
    overflow-wrap: anywhere;
}

#kwd-story-s010 a:hover {
    color: var(--kwdexp-navy);
}

#kwd-story-s010 a:focus-visible,
#kwd-story-s010 summary:focus-visible {
    outline: 3px solid var(--kwdexp-accent-dark);
    outline-offset: 4px;
}

/* 3. Hero. */

#kwd-story-s010 .kwdexp-intro {
    position: relative;
    padding: clamp(34px, 4.2vw, 58px);
    border: 1px solid var(--kwdexp-border-strong);
    border-radius: var(--kwdexp-radius-lg);
    background: #eef9fc;
}

#kwd-story-s010 .kwdexp-intro::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    border-radius: var(--kwdexp-radius-lg) 0 0 var(--kwdexp-radius-lg);
    background: var(--kwdexp-accent);
}

#kwd-story-s010 .kwdexp-kicker {
    display: inline-block;
    margin-bottom: 20px;
    padding: 8px 13px;
    border: 1px solid var(--kwdexp-border-strong);
    border-radius: 100px;
    background: var(--kwdexp-white);
    color: var(--kwdexp-accent-dark);
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 750;
    letter-spacing: 0.065em;
    text-transform: uppercase;
}

#kwd-story-s010 .kwdexp-intro h1 {
    width: 100%;
    max-width: none;
    color: var(--kwdexp-navy-deep);
}

#kwd-story-s010 .kwdexp-lead {
    width: 100%;
    max-width: none;
    margin-top: 20px;
    color: #365460;
    font-size: clamp(1.09rem, 1.6vw, 1.24rem);
    line-height: 1.63;
}

/* 4. Main sections. */

#kwd-story-s010 .kwdexp-section {
    margin-top: 22px;
    padding: clamp(30px, 3.6vw, 46px);
    border: 1px solid var(--kwdexp-border);
    border-radius: var(--kwdexp-radius-lg);
    background: var(--kwdexp-white);
}

#kwd-story-s010 .kwdexp-section-heading {
    width: 100%;
    max-width: none;
    scroll-margin-top: 110px;
}

#kwd-story-s010 .kwdexp-section > .kwdexp-section-heading {
    position: relative;
    padding-top: 15px;
}

#kwd-story-s010 .kwdexp-section > .kwdexp-section-heading::before,
#kwd-story-s010 .kwdexp-conclusion .kwdexp-section-heading::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 4px;
    border-radius: 4px;
    background: var(--kwdexp-accent);
}

/* 5. Existing highlights and content lists. */

#kwd-story-s010 .kwdexp-highlight,
#kwd-story-s010 .kwdexp-note {
    margin: 24px 0 0;
    padding: 21px 24px;
    border: 1px solid #cceaf2;
    border-left: 4px solid var(--kwdexp-accent);
    border-radius: var(--kwdexp-radius-md);
    background: var(--kwdexp-accent-soft);
}

#kwd-story-s010 .kwdexp-highlight p,
#kwd-story-s010 .kwdexp-note p {
    color: #214b5a;
    font-weight: 590;
}

#kwd-story-s010 .kwdexp-checklist {
    counter-reset: kwdexp-check;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 25px 0;
    padding: 0;
    list-style: none;
}

#kwd-story-s010 .kwdexp-checklist-item {
    counter-increment: kwdexp-check;
    min-width: 0;
    padding: 22px;
    border: 1px solid var(--kwdexp-border);
    border-radius: var(--kwdexp-radius-md);
    background: var(--kwdexp-surface);
}

#kwd-story-s010 .kwdexp-checklist-item::before {
    content: counter(kwdexp-check, decimal-leading-zero);
    display: inline-grid;
    place-items: center;
    width: 37px;
    height: 37px;
    margin-bottom: 14px;
    border-radius: 50%;
    background: var(--kwdexp-navy);
    color: #fff;
    font-size: 1rem;
    font-weight: 750;
}

#kwd-story-s010 .kwdexp-checklist-item:nth-child(5) {
    grid-column: 1 / -1;
}

#kwd-story-s010 .kwdexp-checklist-item p {
    color: var(--kwdexp-muted);
}

#kwd-story-s010 .kwdexp-decision-flow {
    margin: 25px 0;
    padding: clamp(23px, 3vw, 34px);
    border-radius: var(--kwdexp-radius-md);
    background: var(--kwdexp-navy-deep);
    color: var(--kwdexp-white);
}

#kwd-story-s010 .kwdexp-decision-flow-heading {
    color: #fff;
}

#kwd-story-s010 .kwdexp-steps {
    counter-reset: kwdexp-step;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#kwd-story-s010 .kwdexp-step {
    counter-increment: kwdexp-step;
    min-width: 0;
    padding: 19px;
    border: 1px solid rgba(255,255,255,.21);
    border-radius: var(--kwdexp-radius-sm);
    background: rgba(255,255,255,.06);
    color: #f2fbfd;
}

#kwd-story-s010 .kwdexp-step::before {
    content: counter(kwdexp-step);
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    margin-bottom: 12px;
    border-radius: 50%;
    background: var(--kwdexp-accent);
    color: var(--kwdexp-navy-deep);
    font-size: 1rem;
    font-weight: 800;
}

#kwd-story-s010 .kwdexp-question-panel {
    margin: 25px 0;
    padding: clamp(23px, 2.8vw, 32px);
    border: 1px solid var(--kwdexp-border-strong);
    border-radius: var(--kwdexp-radius-md);
    background: var(--kwdexp-surface-strong);
}

#kwd-story-s010 .kwdexp-question-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
}

#kwd-story-s010 .kwdexp-question-list li {
    position: relative;
    min-width: 0;
    margin: 0;
    padding: 13px 16px 13px 42px;
    border: 1px solid #d5eaf0;
    border-radius: var(--kwdexp-radius-sm);
    background: #fff;
}

#kwd-story-s010 .kwdexp-question-list li::before {
    content: "?";
    position: absolute;
    top: 14px;
    left: 14px;
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: var(--kwdexp-accent);
    color: var(--kwdexp-navy-deep);
    font-size: 1rem;
    font-weight: 800;
}

#kwd-story-s010 .kwdexp-owner-lessons {
    display: grid;
    gap: 10px;
    margin: 22px 0;
    padding: 0;
    list-style: none;
}

#kwd-story-s010 .kwdexp-owner-lessons li {
    position: relative;
    padding: 13px 17px 13px 43px;
    border: 1px solid var(--kwdexp-border);
    border-radius: var(--kwdexp-radius-sm);
    background: var(--kwdexp-surface);
}

#kwd-story-s010 .kwdexp-owner-lessons li::before {
    content: "";
    position: absolute;
    top: 19px;
    left: 17px;
    width: 12px;
    height: 12px;
    border: 3px solid var(--kwdexp-accent-dark);
    border-radius: 3px;
}

/* 6. Conclusion. */

#kwd-story-s010 .kwdexp-conclusion {
    margin-top: 22px;
    padding: clamp(30px, 4vw, 46px);
    border-radius: var(--kwdexp-radius-lg);
    background: var(--kwdexp-navy-deep);
    color: #fff;
}

#kwd-story-s010 .kwdexp-conclusion .kwdexp-section-heading {
    position: relative;
    padding-top: 15px;
    color: #fff;
}

#kwd-story-s010 .kwdexp-conclusion p {
    color: #edf8fb;
}

#kwd-story-s010 .kwdexp-conclusion p:first-of-type {
    font-size: 1.1em;
    font-weight: 650;
}

/* 7. Original infographic styling. */

#kwd-story-s010 .kwdexp-visual-intro {
    margin-bottom: 22px;
}

#kwd-story-s010 .kwdexp-scope-map {
    margin: 0;
    padding: clamp(20px, 2.5vw, 32px);
    border: 1px solid var(--kwdexp-border-strong);
    border-radius: var(--kwdexp-radius-md);
    background: var(--kwdexp-surface-strong);
}

#kwd-story-s010 .kwdexp-scope-map-list {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#kwd-story-s010 .kwdexp-map-step {
    min-width: 0;
    padding: 18px 16px 20px;
    border: 1px solid var(--kwdexp-border);
    border-top: 4px solid var(--kwdexp-accent);
    border-radius: var(--kwdexp-radius-sm);
    background: #fff;
}

#kwd-story-s010 .kwdexp-map-number {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--kwdexp-accent-dark);
    font-size: 1.05rem;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: .04em;
}

#kwd-story-s010 .kwdexp-map-step h3 {
    margin: 0 0 9px;
    font-size: 1.07rem;
    color: var(--kwdexp-navy-deep);
}

#kwd-story-s010 .kwdexp-map-step p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.53;
}

#kwd-story-s010 .kwdexp-scope-map figcaption {
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid var(--kwdexp-border-strong);
    color: var(--kwdexp-navy);
    font-size: 1rem;
    font-weight: 620;
}

/* 8. Original responsive YouTube styling. */

#kwd-story-s010 .kwdexp-video-intro {
    margin-bottom: 22px;
}

#kwd-story-s010 .kwdexp-video-frame {
    width: 100%;
    max-width: 1120px;
    margin-inline: auto;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border: 1px solid var(--kwdexp-border-strong);
    border-radius: var(--kwdexp-radius-md);
    background: var(--kwdexp-navy-deep);
}

#kwd-story-s010 .kwdexp-video-frame iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

#kwd-story-s010 .kwdexp-video-note {
    max-width: 1120px;
    margin: 15px auto 0;
    color: var(--kwdexp-muted);
    font-size: 1rem;
}

/* 9. Accordion FAQ. */

#kwd-story-s010 .kwdexp-faq-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-top: 24px;
}

#kwd-story-s010 .kwdexp-faq-item {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--kwdexp-border);
    border-radius: var(--kwdexp-radius-md);
    background: var(--kwdexp-surface);
}

#kwd-story-s010 .kwdexp-faq-item[open] {
    border-color: var(--kwdexp-border-strong);
    background: #fff;
}

#kwd-story-s010 .kwdexp-faq-item summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 21px;
    color: var(--kwdexp-navy-deep);
    font: inherit;
    font-size: 1.08rem;
    line-height: 1.45;
    font-weight: 700;
    cursor: pointer;
    list-style: none;
}

#kwd-story-s010 .kwdexp-faq-item summary::-webkit-details-marker {
    display: none;
}

#kwd-story-s010 .kwdexp-faq-item summary::marker {
    content: "";
}

#kwd-story-s010 .kwdexp-faq-item summary:hover {
    background: var(--kwdexp-accent-soft);
}

#kwd-story-s010 .kwdexp-faq-item[open] summary {
    background: var(--kwdexp-accent-soft);
}

#kwd-story-s010 .kwdexp-faq-question {
    flex: 1 1 auto;
    min-width: 0;
}

#kwd-story-s010 .kwdexp-faq-symbol {
    flex: 0 0 30px;
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 1px solid var(--kwdexp-border-strong);
    border-radius: 50%;
    background: #fff;
    color: var(--kwdexp-accent-dark);
    font-size: 1.4rem;
    line-height: 1;
}

#kwd-story-s010 .kwdexp-faq-symbol::before {
    content: "+";
}

#kwd-story-s010 .kwdexp-faq-item[open] .kwdexp-faq-symbol::before {
    content: "−";
}

#kwd-story-s010 .kwdexp-faq-answer {
    padding: 18px 21px 21px;
    border-top: 1px solid var(--kwdexp-border);
}

#kwd-story-s010 .kwdexp-faq-answer p {
    margin: 0;
}

/* 10. Media safety. */

#kwd-story-s010 img,
#kwd-story-s010 video,
#kwd-story-s010 iframe,
#kwd-story-s010 svg {
    max-width: 100%;
}

#kwd-story-s010 img,
#kwd-story-s010 video {
    height: auto;
}

#kwd-story-s010 pre,
#kwd-story-s010 code {
    max-width: 100%;
    overflow-wrap: anywhere;
}

/* 11. Mid-size desktop and tablet. */

@media (max-width: 1240px) and (min-width: 768px) {
    #kwd-story-s010 .kwdexp-scope-map-list {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    #kwd-story-s010 .kwdexp-map-step {
        grid-column: span 2;
    }

    #kwd-story-s010 .kwdexp-map-step:nth-child(4),
    #kwd-story-s010 .kwdexp-map-step:nth-child(5) {
        grid-column: span 3;
    }
}

@media (max-width: 1024px) {
    #kwd-story-s010 {
        font-size: 16.5px;
    }

    #kwd-story-s010 .kwdexp-checklist,
    #kwd-story-s010 .kwdexp-question-list {
        gap: 12px;
    }

    #kwd-story-s010 .kwdexp-steps {
        gap: 11px;
    }
}

/* 12. Mobile responsiveness. */

@media (max-width: 767px) {
    #kwd-story-s010 {
        font-size: 16px;
        line-height: 1.67;
    }

    #kwd-story-s010 .kwdexp-intro {
        padding: 31px 25px;
    }

    #kwd-story-s010 .kwdexp-lead {
        margin-top: 18px;
    }

    #kwd-story-s010 .kwdexp-section {
        margin-top: 17px;
        padding: 27px 23px;
    }

    #kwd-story-s010 .kwdexp-checklist,
    #kwd-story-s010 .kwdexp-steps,
    #kwd-story-s010 .kwdexp-question-list,
    #kwd-story-s010 .kwdexp-scope-map-list {
        grid-template-columns: minmax(0, 1fr);
    }

    #kwd-story-s010 .kwdexp-checklist-item:nth-child(5) {
        grid-column: auto;
    }

    #kwd-story-s010 .kwdexp-scope-map {
        padding: 17px;
    }

    #kwd-story-s010 .kwdexp-map-step {
        padding: 16px 18px;
    }

    #kwd-story-s010 .kwdexp-conclusion {
        margin-top: 17px;
        padding: 29px 24px;
    }

    #kwd-story-s010 .kwdexp-faq-item summary {
        padding: 17px;
        gap: 12px;
    }

    #kwd-story-s010 .kwdexp-faq-answer {
        padding: 17px;
    }
}

@media (max-width: 480px) {
    #kwd-story-s010 h1 {
        font-size: clamp(2rem, 9vw, 2.45rem);
    }

    #kwd-story-s010 h2 {
        font-size: 1.55rem;
    }

    #kwd-story-s010 h3 {
        font-size: 1.08rem;
    }

    #kwd-story-s010 .kwdexp-intro {
        padding: 28px 20px 29px 23px;
        border-radius: 15px;
    }

    #kwd-story-s010 .kwdexp-intro::before {
        border-radius: 15px 0 0 15px;
    }

    #kwd-story-s010 .kwdexp-section {
        padding: 24px 19px;
        border-radius: 15px;
    }

    #kwd-story-s010 .kwdexp-highlight,
    #kwd-story-s010 .kwdexp-note {
        padding: 18px;
    }

    #kwd-story-s010 .kwdexp-checklist-item,
    #kwd-story-s010 .kwdexp-decision-flow,
    #kwd-story-s010 .kwdexp-question-panel {
        padding: 19px;
    }

    #kwd-story-s010 .kwdexp-video-frame {
        border-radius: 9px;
    }

    #kwd-story-s010 .kwdexp-faq-item summary {
        font-size: 1.02rem;
    }

    #kwd-story-s010 .kwdexp-conclusion {
        padding: 27px 20px;
        border-radius: 15px;
    }
}

/* 13. Reduced motion. */

@media (prefers-reduced-motion: reduce) {
    #kwd-story-s010 *,
    #kwd-story-s010 *::before,
    #kwd-story-s010 *::after {
        scroll-behavior: auto;
    }
}

/* 14. Existing desktop H1 width correction. */

@media (min-width: 1200px) {
    #kwd-story-s010 {
        width: min(calc(100vw - 32px), 1800px);
        max-width: none;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    #kwd-story-s010 .kwdexp-intro h1 {
        width: calc(100% + 64px);
        margin-inline: -32px;
        text-wrap: normal;
    }
}

/* =========================================================
   15. INFOGRAPHIC DISPLAY REPAIR
   Scoped override only.
   Protects the original five-step design from conflicting
   Elementor and theme figure/list layout rules.
   ========================================================= */

#kwd-story-s010 .kwdexp-infographic figure.kwdexp-scope-map {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

#kwd-story-s010 .kwdexp-infographic ol.kwdexp-scope-map-list {
    display: grid !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

#kwd-story-s010 .kwdexp-infographic li.kwdexp-map-step {
    display: block;
    float: none;
    width: auto;
    max-width: none;
    min-width: 0;
    height: auto;
    margin: 0;
    list-style: none;
    overflow-wrap: break-word;
}

#kwd-story-s010 .kwdexp-infographic li.kwdexp-map-step::marker {
    content: "";
}

@media (max-width: 1240px) and (min-width: 768px) {

    #kwd-story-s010 .kwdexp-infographic ol.kwdexp-scope-map-list {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    #kwd-story-s010 .kwdexp-infographic li.kwdexp-map-step {
        grid-column: span 2;
    }

    #kwd-story-s010 .kwdexp-infographic li.kwdexp-map-step:nth-child(4),
    #kwd-story-s010 .kwdexp-infographic li.kwdexp-map-step:nth-child(5) {
        grid-column: span 3;
    }
}

@media (max-width: 767px) {

    #kwd-story-s010 .kwdexp-infographic ol.kwdexp-scope-map-list {
        grid-template-columns: minmax(0, 1fr);
    }

    #kwd-story-s010 .kwdexp-infographic li.kwdexp-map-step {
        grid-column: auto;
    }
}/* End custom CSS */