/* ==========================================================================
   PAGE-SPECIFIC STYLES: SERVICES PAGE (services.blade.php)
   ========================================================================== */

/* Hero Banner Section */
.services-hero-banner {
    background-color: #07152b;
    background-image: linear-gradient(90deg, rgba(7, 21, 43, 0.94) 0%, rgba(7, 21, 43, 0.75) 45%, rgba(7, 21, 43, 0.25) 100%), url('../images/about/1.png');
    background-position: center 15%;
    background-size: 100% auto;
    background-repeat: no-repeat;
    min-height: 480px;
    display: flex;
    align-items: center;
}

@media (min-width: 1400px) {
    .services-hero-banner {
        background-size: 100% auto;
        background-position: center 20%;
    }
}

@media (max-width: 991.98px) {
    .services-hero-banner {
        background-image: linear-gradient(180deg, rgba(7, 21, 43, 0.92) 0%, rgba(7, 21, 43, 0.85) 100%), url('../images/about/1.png');
        background-position: center center;
        background-size: cover;
        min-height: auto;
        padding-top: 3.5rem !important;
        padding-bottom: 3.5rem !important;
    }
}

/* Service Cards Overlap & Badge Styling */
.service-card-item {
    transition: transform var(--transition-normal), box-shadow var(--transition-normal);
}

.service-card-item:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(7, 21, 43, 0.12) !important;
}

.service-card-item:hover .service-img-wrap img {
    transform: scale(1.05);
    transition: transform 0.4s ease;
}

.service-icon-badge {
    transition: transform 0.3s ease;
}

.service-card-item:hover .service-icon-badge {
    transform: translateX(-50%) scale(1.1);
}

.service-link-btn:hover {
    color: var(--primary-navy) !important;
}

/* Hover Lift Effect for Sector & Feature Items */
.hover-lift {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06) !important;
}

/* FAQ Accordion Styling */
.accordion-custom .accordion-button:not(.collapsed) {
    background-color: #ffffff !important;
    color: var(--primary-navy) !important;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.12);
}

.accordion-custom .accordion-button:focus {
    box-shadow: none;
    border-color: var(--border-color);
}