/* Modern Service Cards Styling - Glassmorphism & Hover Lift */

/* Reset/Update Content Block */
.content-block.service-box {
    padding: 2.5rem 2rem;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    /* Subtle border */
    border-radius: 16px;
    /* Modern rounded corners */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    /* Soft, diffuse shadow */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    /* Smooth springy transition */
    overflow: hidden;
    /* For inner effects */
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

/* Remove old pseudo-elements for cleaner look */
.content-block.service-box::before,
.content-block.service-box::after {
    display: none;
}

/* Hover State - Lift & Shadow Deepening */
.content-block.service-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    /* Black Shadow on hover */
    border-color: rgba(216, 38, 38, 0.2);
}

/* Icon Container - Modern Circle with gradient accent */
.content-block.service-box .icon-container {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 1.5rem;
    background: #f1f1f1 !important;
    /* Force visibility over transparent reset */
    /* Very light red tint base */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease;
    transform: rotate(0deg) !important;
    /* Reset any legacy rotation */
}

/* Reset icon rotation from legacy styles if any */
/* Reset icon rotation from legacy styles if any */
.content-block.service-box .icon-container i {
    font-size: 32px;
    transform: rotate(0deg) !important;
    color: #D82626 !important;
    /* Force Brand Red Icon Default */
    transition: all 0.4s ease;

    /* NUCLEAR OPTION: Reset all background clip properties to ensure visibility */
    background: none !important;
    background-image: none !important;
    -webkit-text-fill-color: initial !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
}

/* Icon Hover Effect - Updated to Solid Red Icon on Light Background */
.content-block.service-box:hover .icon-container {
    background: #f1f1f1 !important;
    /* Keep background light/white */
    border: 1px solid rgba(136, 136, 136, 0.3) !important;
    /* Subtle red border */
    transform: scale(1.1) !important;
}

.content-block.service-box:hover .icon-container i {
    color: #D82626 !important;
    /* Force Icon to be RED */
    -webkit-text-fill-color: #D82626 !important;
    background: none !important;
    background-image: none !important;
}

/* Typography Updates */
.content-block.service-box h5 {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    color: #1a1a1a;
    margin-bottom: 1rem;
    text-align: center;
    transition: color 0.3s ease;
}

.content-block.service-box:hover h5 {
    color: #D82626;
    /* Highlight title on card hover */
}

.content-block.service-box p {
    font-family: 'Roboto', sans-serif;
    /* Or generic sans */
    font-size: 1.3rem;
    line-height: 1.5;
    color: #555;
    text-align: center;
    margin-bottom: 0;
}

/* Remove old background shapes/gradients from icons if any remain via classes */
.grad-style-cd-light,
.grad-style-ab-light,
.grad-style-ef-light {
    background-image: none !important;
    background-color: transparent !important;
}

/* Ensure no legacy ::after on icons overrides our clean style */
.icon-container::after {
    display: none !important;
}