/*
This is your custom Style Sheet. It's the last css resource loaded so you can
easily overwrite css selectors from other style sheets.
*/

/* ============================================
 * BEGIN - To Remove 
 * ========================================= */
.MDclass {
    width: 100vw !important;         /* Full viewport width */
    margin-left: calc(-50vw + 50%) !important; /* Center it by negating container padding */
    box-sizing: border-box;
    padding: 36px 24px;
}
/* ============================================
 * END - To Remove 
 * ========================================= */

/* --------------------------------------------
 TABLE OF CONTENTS - Top-Level Classes 
 ----------------------------------------------
 
  1. A
  2. B
  3. C
     - cta-links
  4. D
  5. E
  6. F
     - featured-lawyers
  7. G
  8. H
  9. I
 10. J
 11. K
 12. L
     - lawyer-card
 13. M
 14. N
 15. O
 16. P
 17. Q
 18. R
 19. S
     - stars
 20. T
 21. U
 22. V
 23. W
 24. X
 25. Y
 26. Z
   
 ------------------------------------------- */

/* ============================================
 * C 
 * ========================================= */
.cta-links a {
    display: inline-block;
    margin-right: 10px;
    margin-top: 8px;
    padding: 8px 16px;
    background-color: #0284c7;
    color: white;
    border-radius: 6px;
    text-decoration: none;
    font-size: 14px;
    transition: background-color 0.2s ease-in-out;
}

.cta-links a:hover {
    background-color: #0369a1;
}

/* ============================================
 * F 
 * ========================================= */
.featured-lawyers {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding: 40px 20px;
    background-color: #e5f2ff;
    font-family: sans-serif;
}

/* ============================================
 * L 
 * ========================================= */
.lawyer-card {
    background-color: #f5f5f5; /* Light gray interior */
    border-radius: 14px;
    flex: 1 1 380px;
    max-width: 420px;
    padding: 24px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.07);
    border: 2px solid #bfdfff;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lawyer-card h3 {
    font-size: 20px;
    color: #003366;
    margin: 0;
}

.lawyer-card p {
    font-size: 15px;
    color: #1e293b;
    margin: 0;
} 

/* ============================================
 * S 
 * ========================================= */ 
.stars {
    font-size: 16px;
    color: #fbbf24;
}