@media (max-width: 1440px) {
    .initiative-nav {
        display: none;
    }
}
@media (max-width: 1024px) {
    .mobile-section-nav {
        display: block;
        position: sticky;
        top: 90px;
        z-index: 10;
        background: #fff;
        padding: 0 32px;
    }

    .mobile-section-nav__inner {
        border-top: 1px solid #F16022;
        padding: 48px 0 24px;
        transition: padding-top 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-top-color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .mobile-section-nav--stuck .mobile-section-nav__inner {
        padding: 8px 0 20px;
        border-top-color: transparent;
    }

    .mobile-section-nav__trigger {
        display: flex;
        align-items: center;
        width: 100%;
        gap: 8px;
        background: #F7F7F7;
        border: none;
        border-radius: 4px;
        padding: 13px 8px 13px 16px;
        cursor: pointer;
        color: #F16022;
        transition: background-color 0.4s ease;
    }

    .mobile-section-nav__trigger:hover {
        background: #eaeaea;
    }

    .mobile-section-nav__label-wrapper {
        overflow: visible;
        position: relative;
        height: 20px;
        flex: 1;
        text-align: left;
    }

    .mobile-section-nav__label {
        position: absolute;
        inset: 0;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1.28px;
        line-height: 20px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .mobile-section-nav__chevron {
        font-size: 18px;
        flex-shrink: 0;
        width: 24px;
        text-align: center;
    }

    .mobile-section-nav__dropdown {
        position: absolute;
        left: 32px;
        right: 32px;
        background: #F7F7F7;
        border-radius: 0 0 4px 4px;
        height: 0;
        overflow: hidden;
        z-index: 10;
    }

    .mobile-section-nav__option {
        display: block;
        padding: 12px 16px;
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1.28px;
        line-height: 20px;
        color: #3C3C3C;
        text-decoration: none;
        transition: background-color 0.4s ease, color 0.4s ease;
    }

    .mobile-section-nav__option:hover {
        background: #eaeaea;
    }

    .mobile-section-nav__option--active {
        color: #F16022;
    }

    .mobile-section-nav__option:not(:last-child) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    }

    .post-initiative-wrap {
        padding: 0;
    }

    .initiative-top {
        left: 0;
        padding-left: 32px;
        padding-right: 32px;
        height: auto;
    }

    .initiative-nav {
        display: none;
    }

    .post-initiative-center {
        gap: 32px;
        margin-top: 0;
        padding-bottom: 0;
    }

    .initiative-top .post-title {
        font-size: 54px;
        line-height: 62px;
        letter-spacing: -2px;
    }

    .parallax-shapes {
        overflow: hidden;
    }

    .parallax-shape--small {
        display: none;
    }
    .implementation-experiences-block {
        width: 100%;
    }
    .initiative-bottom {
        gap: 0;
        flex-direction: column;
        margin-top: 72px;
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .initiative-bottom .left-block {
        width: 100%;
    }

    .mobile-section-nav {
        position: sticky;
        top: 80px;
        padding: 0 48px;
        width: 100vw;
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        box-sizing: border-box;
    }

    .mobile-section-nav__dropdown {
        left: 48px;
        right: 48px;
    }
    .overview-read-more {
        padding: 15px 24px;
    }
    .social-links li {
        margin-right: 12px;
    }
    .initiative-bottom input {
        border-radius: 8px;
    }
    .initiative-bottom button {
        max-width: 150px;
        border-radius: 8px;
        padding: 12px 24px;
    }
    .implementation-experiences-block {
        flex-direction: column;
    }
    .implementation-experiences-image img {
        width: 100%;
        height: auto;
    }
    .parallax-shape--large {
        width: 280px;
        height: 280px;
        border-radius: 40px;
        top: -160px;
        right: -10vw;
        will-change: auto;
    }

    .post-initiative-wrap {
        padding-top: 60px;
        padding-left: 48px;
        padding-right: 48px;
    }

    .initiative-top {
        position: relative;
        left: 0;
        top: 0;
        padding: 0;
    }

    .post-initiative-center {
        flex-direction: column;
    }

    .initiative-nav {
        margin-right: 0;
    }

    .initiative-nav nav {
        width: 100%;
        position: relative;
        top: 0;
        padding-top: 48px;
    }

    .initiative-nav ul {
        gap: 20px;
    }

    .initiative-flex-content {
        gap: 72px;
    }

    .initiative-nav ul {
        display: none;
    }

    .initiative-bottom .right-block {
        width: 100%;
        margin-top: 80px;
    }

    .solutions-resources-block .tabs-nav-wrap {
        position: relative;
        margin-bottom: 16px;
        background-color: #F7F7F7;
        padding: 12px;
        border-radius: 6px;
    }

    .solutions-resources-block .tabs-nav {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        white-space: nowrap;
        margin-bottom: 0;
    }

    .solutions-resources-block .tabs-nav-wrap::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 48px;
        background: linear-gradient(to left, transparent, #F7F7F7);
        pointer-events: none;
        border-radius: 6px 0 0 6px;
        opacity: 0;
        transition: opacity 0.2s ease;
        z-index: 1;
    }

    .initiative-flex-content .media-webinars-list {
        margin-top: 36px;
    }

    .initiative-flex-content .media-webinar-image {
        width: 64px;
        height: 64px;
    }

    .initiative-flex-content .media-webinar-image i {
        font-size: 40px;
    }

    .solutions-resources-block .tabs-nav-wrap.tab-bar--scrolled::before {
        opacity: 1;
    }

    .solutions-resources-block .tabs-nav-wrap::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 48px;
        background: linear-gradient(to right, transparent, #F7F7F7);
        pointer-events: none;
        border-radius: 0 6px 6px 0;
        z-index: 1;
    }

    .initiative-flex-content .media-webinar-block {
        align-items: end;
    }
    .media-webinar-icon {
        height: 28px;
        width: 50px;
    }
    .solutions-resources-block .resources-card {
        justify-content: flex-start;
        padding-bottom: 26px;
    }
    .media-webinar-icon svg {
        width: 24px;
        height: 24px;
        transform: scale(0.6);
    }
    .initiative-flex-content .media-webinar-details-wrap {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }

    .implementation-experiences-list {
        margin-top: 40px;
    }

    .initiative-flex-content .media-webinars-link {
        font-size: 18px;
    }

    .implementation-experiences-link h4 {
        margin-top: 0;
    }

    .solutions-resources-block .tabs-nav::-webkit-scrollbar {
        display: none;
    }

    .solutions-resources-block .carousel-wrapper {
        display: block;
        overflow: hidden;
        margin-left: -48px;
        margin-right: -48px;
    }

    .solutions-resources-block .tab-panel-wrap.carousel-track {
        display: flex;
        grid-template-columns: none;
        gap: 16px;
        align-items: stretch;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 48px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-inline: 48px;
        padding-bottom: 20px;
        box-sizing: border-box;
    }

    .solutions-resources-block .tab-panel-wrap.carousel-track::-webkit-scrollbar {
        display: none;
    }
    .solutions-resources-block .tab-panel-wrap.carousel-track .resources-card {
        flex: 0 0 min(320px, calc(100vw - 80px));
        width: min(320px, calc(100vw - 80px));
        min-height: 560px;
        gap: 16px;
        scroll-snap-align: start;
    }
    .solutions-resources-block .resources-card .file-size-wrapper {
        margin-top: auto;
    }
    .solutions-resources-block .resources-card h4 {
        font-size: 18px;
    }
    .solutions-resources-block .carousel-indicator {
        display: block;
        position: relative;
        height: 4px;
        background: rgba(153, 153, 153, 0.25);
        border-radius: 2px;
        margin-top: 4px;
        overflow: hidden;
    }

    .solutions-resources-block .carousel-indicator__fill {
        background: #F16022;
        border-radius: 2px;
        width: 25%;
        transition: left 0.1s ease;
    }

    .solutions-resources-block .tab-button {
        flex: 0 0 auto;
        padding: 10px 14px;
    }

    .solutions-resources-block .tab-panel-wrap {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }

    .initiative-top .post-title {
        font-size: 40px;
        line-height: 46px;
        letter-spacing: -1.2px;
    }

    .initiative-desc {
        gap: 20px;
        margin-bottom: 44px;
    }

    .initiative-desc p {
        font-size: 20px;
        line-height: 30px;
    }

    .initiative-flex-content h2 {
        font-size: 32px;
        line-height: 38px;
        letter-spacing: -1.2px;
    }
    .media-webinar-title__meta {
        padding-top: 14px;
    }
    .media-webinar-title {
        font-size: 20px;
    }
}
@media (max-width: 480px) {
    .mobile-section-nav {
        padding-left: 20px;
        padding-right: 20px;
    }

    .mobile-section-nav__dropdown {
        left: 20px;
        right: 20px;
    }
    .solutions-resources-block .tab-panel-wrap.carousel-track {
        scroll-padding-inline: 20px;
        padding-inline: 20px;
    }
    .post-initiative-wrap {
        padding-left: 20px;
        padding-right: 20px;
    }
    .solutions-resources-block .carousel-wrapper {
        margin-left: -20px;
        margin-right: -20px;
    }
    .media-webinar-title {
        font-size: 18px;
    }
    .implementation-experiences-link h4 {
        font-size: 18px;
    }
    .implementation-experiences-block {
        flex-direction: column;
        gap: 20px;
    }
    .implementation-experiences-image {
        width: 100%;
    }
    .implementation-experiences-image img {
        width: 100%;
        height: 100%;
        aspect-ratio: 1;
    }
    .initiative-bottom h3 {
        font-size: 24px;
        margin-bottom: 8px;
    }
    .initiative-bottom p {
        margin-bottom: 20px;
    }
    .initiative-bottom .form-block form {
        flex-direction: column;
    }
    .initiative-bottom .connect__success {
        margin-top: 12px;
        gap: 6px;
    }
    .initiative-bottom .connect__success-heading {
        font-size: 20px;
        line-height: 28px;
    }
    .initiative-bottom .connect__success-body {
        font-size: 16px;
        line-height: 24px;
    }
    .initiative-bottom .connect__error {
        margin-top: 8px;
        font-size: 13px;
        line-height: 18px;
    }
    .initiative-bottom button {
        height: 58px;
    }
    .initiative-bottom input {
        padding: 12px 24px;
    }
    .initiative-bottom .right-block {
        margin-top: 48px;
    }
    .media-webinar-info-wrap .media-webinar-title__meta {
        font-size: 14px;
    }
    .initiative-wrap {
        gap: 30px;
    }
    .initiative-wrap .initiative-stages {
        padding-bottom: 6px;
    }
}