.section-title {
    margin-bottom: 32px;
}

.section-title--center {
    text-align: center;
}

.section-title--center .section-title__accent {
    margin-left: auto;
    margin-right: auto;
}

.section-title--left {
    text-align: left;
}

.section-title__accent {
    display: block;
    width: 48px;
    height: 3px;
    background: var(--base-color);
    border-radius: 2px;
    margin-bottom: 14px;
}

.section-title__heading {
    font-size: clamp(28px, 3vw, 38px);
    line-height: 1.25;
    font-weight: 800;
    color: var(--dark-gray);
    margin: 0;
    letter-spacing: -0.02em;
}

.section-title__subtitle {
    font-size: 17px;
    line-height: 1.6;
    color: var(--medium-gray);
    margin: 12px auto 0;
    max-width: 720px;
}

.section-title--left .section-title__subtitle {
    margin-left: 0;
    margin-right: 0;
}

.section-title--category .section-title__heading {
    font-size: 26px;
    font-weight: 700;
    padding-left: 14px;
    border-left: 4px solid var(--base-color);
}

.section-title--category .section-title__accent {
    display: none;
}

.section-title--compact {
    margin-bottom: 24px;
}

.section-title--compact .section-title__heading {
    font-size: clamp(24px, 2.5vw, 32px);
}

.services-category .section-title--category {
    margin-bottom: 24px;
}

.services-category + .services-category {
    margin-top: 48px;
}

.call-section .section-title__heading {
    color: var(--white);
}

.call-section .section-title__subtitle {
    color: rgba(255, 255, 255, 0.82);
    max-width: 420px;
}

.call-section .section-title {
    margin-bottom: 28px;
}