/* Matching your theme's blue */
:root {
    --main-blue: #5b77fc; /* Replace with your exact hex if different */
    --light-blue-bg: #e9f2ff;
}

.text-blue { color: var(--main-blue); }
.bg-blue-light { background-color: var(--light-blue-bg); }

.blog-section .card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 15px 30px rgba(0,0,0,0.2) !important;
}

.blog-section .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0,0,0,0.1) !important;
}

.object-fit-cover {
    object-fit: cover;
}

/* Rounded corners to match your UI */
.rounded-4 {
    border-radius: 1.5rem !important;
}