/* Container styling */
.container {
    max-width: 1200px; /* Maximum width */
    margin: 0 auto; /* Center the container */
    padding: 15px; /* Padding around the container */
}

/* Heading styles */
.h5 {
    font-size: 1.5rem; /* Increased size */
    font-weight: 600; /* Bold weight */
    color: #2c3e50; /* Darker text color */
    margin-bottom: 15px; /* Space below */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); /* Soft shadow for 3D effect */
    transition: color 0.3s; /* Transition for hover effect */
}

.h5:hover {
    color: #34495e; /* Slightly lighter on hover */
}

.h3 {
    font-size: 2rem; /* Larger size */
    font-weight: 700; /* Bolder weight */
    color: #2980b9; /* Blue color */
    margin-bottom: 20px; /* Space below */
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3); /* Stronger shadow */
    transition: color 0.3s; /* Transition for hover effect */
}

.h3:hover {
    color: #3498db; /* Lighter blue on hover */
}

/* Clearfix for floated elements */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* Centered paragraph styling */
.ql-align-center {
    text-align: center; /* Center text */
    margin: 20px 0; /* Margin above and below */
    color: #555; /* Slightly lighter text color */
    font-size: 1.2rem; /* Font size */
    padding: 10px; /* Padding for visual space */
    background: linear-gradient(135deg, #ecf0f1, #bdc3c7); /* Gradient background */
    border-radius: 8px; /* Rounded corners */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); /* Shadow for depth */
}

/* Table styling */
.table {
    width: 100%; /* Full width */
    border-collapse: collapse; /* Merge borders */
    margin-top: 20px; /* Space above */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1); /* Shadow for table */
}

.table tbody tr {
    background-color: #f9f9f9; /* Light background */
    transition: background-color 0.3s; /* Transition for hover effect */
}

.table tbody tr:hover {
    background-color: #e1e1e1; /* Darker background on hover */
}

.table td {
    padding: 15px; /* Padding inside cells */
    border: 1px solid #dee2e6; /* Cell border */
    color: #333; /* Text color */
    border-radius: 5px; /* Rounded corners for cells */
}

/* Additional styling for paragraphs */
p {
    margin: 10px 0; /* Margin above and below */
    line-height: 1.6; /* Line height for readability */
    transition: color 0.3s; /* Transition for hover effect */
}

p:hover {
    color: #2980b9; /* Change color on hover */
}