.our-services {
    padding: 34px 0 44px;
    background-image: url("images/services-bg.svg");
    background-repeat: no-repeat;
    background-position: right 0 top 180px;
}

.our-services-title {
    margin-bottom: 18px;
}

.our-services-item {
    padding: 24px 16px;
    border-radius: 32px;
}

.our-services-item.active {
    background-color: var(--uasoft-blue-gay);
}

.our-services-item-title {
    margin-bottom: 24px;
}

.icon-plus {
    background: #ffffff;
    color: var(--uasoft-dark);
    border: 1px solid var(--uasoft-color-border);
    margin-top: 24px;
    width: 54px;
    height: 54px;
}

.our-services-item.active .icon-plus {
    display: none;
}

.our-services-item.active .our-services-item-description.short-text {
    display: none;
}

.our-services-item-description.full-text {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.2s ease;
}

.our-services-item-description.full-text .full-text-wrap {
    overflow: hidden;
}

.our-services-item.active .our-services-item-description.full-text {
    grid-template-rows: 1fr;
}

.our-services-item-link {
    display: none;
    margin-top: 24px;
}

.our-services-item.active .our-services-item-link {
    display: block
}

.our-services-item-link a {
    width: 100%;
}


@media (min-width: 768px) {
    .our-services {
        background-image: url("images/services-bg-desktop.svg");
        background-position: right 0 bottom 0;
    }

    .our-services-title {
        margin-bottom: 38px;
    }

    .our-services {
        margin-top: -226px;
    }

    .our-services-list {
        display: flex;
        justify-content: space-between;
    }

    .our-services-item {
        flex: 1;
        padding: 44px 18px;
    }

    .our-services-item-title {
        overflow-wrap: break-word;
        word-wrap: break-word;
    }
}

@media (min-width: 1280px) {
    .our-services {
        padding: 34px 0 128px;
    }

    .our-services-title {
        margin-bottom: 54px;
    }

    .our-services-item {
        padding: 44px 24px;
    }

    .our-services-item-title {
        line-height: 1.28;
    }

    .our-services-item .short-text {
        margin-top: 61px;
    }

    .icon-plus {
        margin-top: 63px;
    }

    .our-services-item-link {
        margin-top: 105px;
    }

    .our-services-item-link a {
        width: auto;
    }
}