/**
 * Services Page Styles
 * Page-specific styles for services.html
 */

/* Center the standalone CTAs in the intro subsections */
.cloud-solutions > .container > .btn,
.optimize-section > .container > .btn {
    display: flex;
    width: fit-content;
    margin-top: var(--spacing-xl);
    margin-inline: auto;
}

/* Services main section */
.services-main {
    position: relative;
}

/* Solutions section */
.solutions {
    position: relative;
}

@media (min-width: 1024px) {
    .solutions__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}