.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;
    display: flex;
    flex-direction: column;
}

.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;
    margin-bottom: 24px;
    width: 54px;
    height: 54px;
    transition: transform 0.25s ease;
}

.our-services-item.active .icon-plus {
    transform: rotate(45deg);
}

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

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

.our-services-item.active .our-services-item-description.full-text {
    display: block;
}

.our-services-item-link {
    display: block;
    margin-top: 32px;
}

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

.our-services-item-description a {
    color: var(--uasoft-dark);
    font-weight: 500;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.our-services-item-description.full-text ul {
    list-style: disc;
    padding-left: 20px;
    margin: 0 0 16px;
}

.our-services-item-description.full-text li {
    margin-bottom: 8px;
}

.our-services-item-description.full-text li:last-child {
    margin-bottom: 0;
}

.our-services-item-description.full-text p {
    margin: 0;
}


@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;
    }

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

@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;
    }

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

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

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