/* Service Cards Styling */
.card {
    border: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1) !important;
    background: white !important;
    --bs-primary: #007bff !important;
    --primary: #007bff !important;
}

/* Remove any orange/primary color overlays */
.card::before, .card::after {
    display: none !important;
}

.card .position-relative::before, .card .position-relative::after {
    display: none !important;
}

.card-img-top {
    transition: all 0.3s ease;
}

.card:hover .card-img-top {
    transform: scale(1.05);
}

.btn-modern {
    border-radius: 25px !important;
    padding: 12px 30px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    background: linear-gradient(45deg, #007bff, #0056b3) !important;
    color: white !important;
}

.btn-modern:hover {
    background: linear-gradient(45deg, #0056b3, #004085) !important;
    color: white !important;
}

/* Override any orange/primary color styling */
.card .btn-primary.btn-modern {
    background: linear-gradient(45deg, #007bff, #0056b3) !important;
    border-color: #007bff !important;
}

.card .btn-primary.btn-modern:hover {
    background: linear-gradient(45deg, #0056b3, #004085) !important;
    border-color: #0056b3 !important;
}

/* Force override of all primary color usage on service cards */
.card .btn-primary, 
.card .btn-primary:not(:disabled):not(.disabled):active,
.card .btn-primary:not(:disabled):not(.disabled).active,
.card .show > .btn-primary.dropdown-toggle {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

.card .btn-primary:hover,
.card .btn-primary:focus,
.card .btn-primary.focus {
    background-color: #0056b3 !important;
    border-color: #004085 !important;
    color: white !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5) !important;
}

/* Remove any background overlays that might cause orange appearance */
.card::before,
.card::after,
.card .position-relative::before,
.card .position-relative::after,
.card .card-img-top::before,
.card .card-img-top::after {
    display: none !important;
    background: none !important;
}

.btn-block {
    width: 100% !important;
}

/* Gradient overlay animation */
.bg-gradient {
    transition: all 0.3s ease;
}

.card:hover .bg-gradient {
    background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.8) 100%) !important;
}

/* Icon hover effect */
.card:hover .bg-white {
    background: #007bff !important;
    color: white !important;
}

.card:hover .bg-white img {
    filter: brightness(0) invert(1);
}

/* Text animations */
.card-body p {
    transition: all 0.3s ease;
}

.card:hover .card-body p {
    color: #666 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .card {
        margin-bottom: 1.5rem;
    }
}

/* Loading animation for cards */
.appear-animation {
    opacity: 0;
    animation: fadeInUp 0.6s ease forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Comprehensive override to remove ALL orange colors from service cards */
.card *[class*="primary"]:not(.btn-modern),
.card *[class*="bg-primary"]:not(.btn-modern),
.card *[style*="#E04622"],
.card *[style*="rgb(224, 70, 34)"],
.card *[style*="rgba(224, 70, 34"] {
    background-color: #007bff !important;
    border-color: #007bff !important;
    color: white !important;
}

/* Ensure service section squares are blue */
.custom-square-1.bg-primary {
    background-color: #007bff !important;
}