@media screen and (min-width: 992px) {
    .section-history .history-list {
        display: flex;
        flex-direction: column;
        gap: 160px;
        position: relative;
    }

    .section-history .history-list::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 0;
        bottom: 0;
        width: 1px;
        height: var(--line-height, 0%);
        transform: translateX(-50%);
        background: linear-gradient(180deg, #FFFFFF 0%, #A3A3A3 50%, #FFFFFF 100%);
        pointer-events: none;
        z-index: 0;
    }

    .section-history .history-item {
        position: relative;
        z-index: 1;
    }

    .section-history .history-item--img-right .history-item-img img {
        margin-left: auto;
    }

    .section-history .history-item--img-left .history-item-img img {
        margin-right: auto;
    }

    .section-history .history-item-content {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: clamp(1rem, 2vw, 2rem);
        position: relative;
    }

    .section-history .history-item-content-body {
        flex: 1;
        min-width: 0;
    }

    .section-history .history-item-year-miladi {
        font-family: var(--english);
        font-size: 10rem;
        left: -10px;
        line-height: 1;
        color: #EEEEEE;
        flex-shrink: 0;
        user-select: none;
        pointer-events: none;
        position: absolute;
        z-index: -1;
        top: -4rem;
        display: inline-flex;
        align-items: flex-start;
        gap: 12px;
        flex-direction: row-reverse;
    }

    .section-history .history-item-year-miladi-digit:nth-child(2),
    .section-history .history-item-year-miladi-digit:nth-child(4) {
        margin-top: 28px;
    }

    .section-history .history-item--img-right .history-item-content {
        margin-right: 5rem;
    }

    .section-history .history-item--img-left .history-item-content {
        margin-left: 5rem;
    }

    .section-history .history-item-content .history-item-heading {
        font-size: 1.5rem;
        color: var(--color2);
        margin-bottom: 0.5rem;
        line-height: 1.6;
    }

    .section-history .history-item-content .history-item-title {
        font-size: 1.125rem;
        color: var(--color2);
        line-height: 1.6;
    }
}

@media screen and (max-width: 991.99px) {
    .section-history .history-mobile {
        overflow: hidden;
    }

    .section-history .history-item-mobile {
        display: flex;
        flex-direction: column;
    }

    .section-history .history-item-mobile-head {
        position: relative;
        margin-bottom: 1.5rem;
        padding-top: 1.5rem;
    }

    .section-history .history-item-year-miladi--mobile {
        display: inline-flex;
        align-items: flex-start;
        flex-direction: row-reverse;
        gap: 8px;
        font-family: var(--english);
        font-size: clamp(5rem, 22vw, 7rem);
        line-height: 1;
        color: #EEEEEE;
        position: absolute;
        left: 0;
        top: -0.5rem;
        z-index: -1;
    }

    .section-history .history-item-year-miladi--mobile .history-item-year-miladi-digit:nth-child(2),
    .section-history .history-item-year-miladi--mobile .history-item-year-miladi-digit:nth-child(4) {
        margin-top: 12px;
    }

    .section-history .history-item-mobile-text .history-item-heading {
        font-size: 1.25rem;
        color: var(--color2);
        margin-bottom: 0.5rem;
        line-height: 1.6;
    }

    .section-history .history-item-mobile-text .history-item-title {
        font-size: 1rem;
        color: var(--color2);
        line-height: 1.6;
    }

    .section-history .history-item-img--mobile .history-item-image {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .section-history .history-item-desc--mobile {
        margin-top: 1.5rem;
    }

    .section-history .history-mobile-navigation {
        margin-top: 10px;
        margin-bottom: 0.5rem;
    }
}