/* Main CSS file for Locksmith Sites */

/* Custom CSS for better heading styling */
h2 {
    font-size: 2.25rem !important; /* text-3xl */
    font-weight: 700 !important; /* font-bold */
    color: #1f2937 !important; /* text-gray-800 */
    margin-bottom: 1.5rem !important; /* mb-6 */
}

h3 {
    font-size: 2.25rem !important; /* text-4xl was too big, adjusted to 2.25rem */
    font-weight: 800 !important; /* font-extrabold */
    color: #2563eb !important; /* text-blue-600 */
    margin-bottom: 2rem !important; /* mb-8 */
    border-bottom: 4px solid #bfdbfe !important; /* border-b-4 border-blue-200 */
    padding-bottom: 1rem !important; /* pb-4 */
}

h4 {
    font-size: 1.5rem !important; /* text-2xl */
    font-weight: 700 !important; /* font-bold */
    color: #1f2937 !important; /* text-gray-800 */
    margin-bottom: 1rem !important; /* mb-4 */
}

p {
    font-size: 1.125rem !important; /* text-lg */
    color: #4b5563 !important; /* text-gray-600 */
    line-height: 1.625 !important; /* leading-relaxed */
    margin-bottom: 1.5rem !important; /* mb-6 */
}

/* Fix readability issues with light blue text */
.text-blue-100 {
    color: #ffffff !important; /* Change from very light blue to white for better readability */
}

.text-blue-200 {
    color: #e5e7eb !important; /* Change from light blue to light gray for better readability */
}

/* Additional custom styles can be added here */