.solutions {
    background-color: var(--color-lighter);
}

.solutions-subheading {
    color: var(--color-light);
}

.solutions-wrapper {
    margin-top: var(--spacing-lg);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.solution {
    padding: var(--spacing-lg) var(--spacing-x-lg);
    padding-bottom: var(--spacing-section);
    width: 100%;
    background-color: var(--color-off-white);
    position: relative;
}

.solution-heading {
    margin-bottom: var(--spacing-sm);
}


.solutions-desc {
    height: 240px;
}

.solution-btn {
    position: absolute;
    bottom: var(--spacing-lg);
}

@media screen and (min-width: 800px) {

    .solutions-wrapper {
        flex-direction: row;
    }

}