.improving {
    padding-top: 0
}

.improving .container {
    overflow: hidden
}

.improving__head {
    text-align: center;
    margin-bottom: 32px
}

@media (min-width: 760px) {
    .improving__head {
        margin-bottom: 40px
    }
}

.improving__title {
    color: var(--black)
}

.improving__title b, .improving__title span, .improving__title strong {
    color: var(--primary)
}

.improving__description {
    color: var(--gray);
    margin-top: 8px
}

.improving__cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 20px
}

.improving__card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 760px) {
    .improving__card {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc((100% - 40px) / 3);
        flex: 0 1 calc((100% - 40px) / 3);
        max-width: calc((100% - 40px) / 3)
    }
}

@media (min-width: 1200px) {
    .improving__head {
        margin-bottom: 48px
    }

    .improving__cards {
        gap: 56px
    }

    .improving__card {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc((100% - 112px) / 3);
        flex: 0 1 calc((100% - 112px) / 3);
        max-width: calc((100% - 112px) / 3)
    }
}

.improving__card-circle {
    width: 140px;
    height: 140px;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, .85);
    position: relative;
    z-index: 1;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.improving__card-circle-wrapper {
    position: relative;
    padding: 30px
}

.improving__card-circle-text {
    color: var(--gray)
}

.improving__card-blob {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    pointer-events: none;
    width: 360px;
    height: 360px;
    max-width: initial
}

.improving__card-content {
    text-align: center
}

@media (min-width: 760px) {
    .improving__card-content {
        margin-top: 32px
    }
}

.improving__card-name {
    color: var(--gray)
}

.improving__card-text {
    margin-top: 8px;
    color: var(--gray)
}
