/* ==========================================================================
   Services Page CSS
   ========================================================================== */

.page-services {
    padding: 120px 0 90px;
}

.page-services .service-item {
    background-color: var(--secondary-color);
    height: calc(100% - 30px);
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.page-services .service-item-header .icon-box::before {
    background-color: var(--primary-color);
}

.page-services .service-item-title h2 {
    color: var(--primary-color);
}

.page-services .service-item:hover .service-item-header .icon-box img {
    filter: none !important;
}

.page-services .service-item-content {
    border-color: var(--divider-color);
}

.page-services .service-item-content p {
    color: var(--text-color);
}

/* Responsive */
@media (max-width: 991px) {
    .page-services {
        padding: 60px 0 30px;
    }
}