/* --- White Content Card (Same as About Us) --- */
.main-content-card {
    background: white;
    border-radius: 30px;
    padding: 50px;
    box-shadow: 0 15px 45px rgba(0,0,0,0.05);
    border: 1px solid rgba(0,0,0,0.03);
    margin-top: 50px;
    margin-bottom: 50px;
}

/* --- Editor Content Area --- */
.editor-content h1 { color: #1e3a8a;
    font-weight: 800;
    margin-bottom: 30px;
    border-bottom: 3px solid #f0f7ff;
    display: inline-block;
    padding-bottom: 10px; }
.editor-content p { line-height: 1.8; color: #64748b; font-size: 1rem; margin-bottom: 30px; }

/* --- Service Blocks --- */
.service-card {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
    transition: 0.3s;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #f1f5f9;
}
.service-card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.1); }
.service-card img { width: 100%; height: 180px; object-fit: cover; }

.service-body { padding: 20px; flex-grow: 1; }
.service-body h5 { font-weight: 700; color: #1e3a8a; font-size: 1.1rem; margin-bottom: 10px; }
.service-body p { font-size: 0.85rem; color: #64748b; line-height: 1.6; }

.service-footer { padding: 0 20px 20px; display: flex; align-items: center; justify-content: space-between; }
.read-more { font-size: 0.8rem; font-weight: 600; color: #1e3a8a; text-decoration: none; }
.btn-book-sm { font-size: 0.7rem; padding: 6px 14px; border-radius: 50px; background: #1e3a8a; color: white; text-decoration: none; font-weight: 600; text-transform: uppercase; }

/* --- Pagination (Same as Doctors Page) --- */
/*.pagination .page-link { color: #1e3a8a; border: 1px solid #dee2e6; padding: 8px 16px; margin: 0 3px; border-radius: 4px; }
.pagination .page-item.active .page-link { background-color: #1e3a8a; border-color: #1e3a8a; color: #fff; }*/


/* Pagination */
.custom-pagination { display: flex; gap: 10px; justify-content: center; list-style: none; margin-top: 50px; padding: 0; }
.custom-pagination li a, .custom-pagination li span {
    width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;
    background: white; color: #1e3a8a; text-decoration: none; border-radius: 12px;
    font-weight: 700; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: 0.3s;
}
.custom-pagination li.active a, .custom-pagination li.active span { background: #1e3a8a; color: white; }

@media (max-width: 768px) {
    .main-content-card { padding: 30px 20px; border-radius: 20px; }
    .editor-content h1 { font-size: 2rem; }
}