.intro-equipments {
    position: relative;
    padding-block: clamp(32px, 5vw, 64px);
    background: var(--color3);
    .title-heading {
        font-size: clamp(24px, 3vw, 32px);
        font-family: var(--Medium);
        line-height: normal;
    }
    .tags {
        display: flex;
        flex-wrap: wrap;
        gap: 12px clamp(8px, 1vw, 12px);
        margin-block: 16px;
        span {
            font-size: 14px;
            background: #FFFFFF29;
            padding: 5px 12px;
            border-radius: 8px;
            border: 1px solid #FFFFFF1F;
        }
    }
    .subtitle {
        margin-block: clamp(8px, 1vw, 16px) 16px;
        font-size: clamp(14px, 3vw, 16px);
    }
    .sw--hero,
    .sw--hero img {
        border-radius: 20px;
    }
}
@media only screen and (max-width: 768px) {
    .intro-equipments {
        .title-heading {
            text-align: center;
        }
        .subtitle {
            text-align: center;
            margin-bottom: 24px;
        }
        .editor-content {
            margin-top: 20px;
        }
    }
}
.intro-page-equipments {
    padding-top: clamp(32px, 4vw, 48px);
    h1 {
        font-size: clamp(24px, 3vw, 36px);
        font-family: var(--Medium);
        line-height: normal;
        margin-bottom: 24px;
    }
}
.archive--equipments {
    margin-top: clamp(24px, 2vw, 32px);
}