.middle-section {
    margin-top: 0; /* Remove gap between search and results */
    padding: 30px; /* Adds generous padding for a spacious layout */
    text-align: left; /* Align content to the left */
    background-color: #f9f9f9; /* Subtle light gray background */
    border-radius: 15px; /* Smooth rounded corners */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
    color: #333; /* Dark text color for readability */
    font-family: 'Arial', sans-serif; /* Change to a normal sans-serif font */
    width: 80%; /* Set the container to cover 80% of the width */
    margin: 40px auto; /* Center the container horizontally */
    
}

.middle-section h1 {
    margin-bottom: 15px;
    color: #2c3e50; /* Elegant dark blue color */
    font-size: 2.3rem; /* Slightly larger font size */
    font-weight: bold; /* Emphasize headings */
    text-transform: uppercase; /* Add sophistication with uppercase text */
    letter-spacing: 1px; /* Slight spacing for a refined look */
}

.middle-section h2 {
    margin-bottom: 15px;
    color: #2c3e50; /* Elegant dark blue color */
    font-size: 1.8rem; /* Slightly larger font size */
    font-weight: bold; /* Emphasize headings */
    text-transform: uppercase; /* Add sophistication with uppercase text */
    letter-spacing: 1px; /* Slight spacing for a refined look */
}

.middle-section p {
    margin-bottom: 20px; /* Increase spacing between paragraphs */
    color: #555; /* Medium gray for softer text */
    line-height: 1.6; /* Improve readability with line spacing */
    font-size: 1rem; /* Standard font size for body text */
    padding-bottom: 10px; /* Add spacing above the line */
}

.middle-section ul {
    margin: 20px 0;
    padding-left: 20px; /* Indent list items */
    text-align: left; /* Align lists to the left for better readability */
    color: #444; /* Slightly darker gray for list items */
    font-size: 1rem; /* Match body text size */
}

.middle-section ul li {
    margin-bottom: 10px; /* Add spacing between list items */
    list-style-type: disc; /* Use classic disc bullets */
}

.middle-section strong {
    color: #2c3e50; /* Highlight important text in dark blue */
}

.middle-section a {
    color: #2980b9; /* Stylish blue for links */
    text-decoration: none; /* Remove underline for a clean look */
    font-weight: bold; /* Make links stand out */
}

.middle-section a:hover {
    text-decoration: underline; /* Add underline on hover for clarity */
}

.middle-section hr {
    border: none;
    border-top: 1.5px solid #e0e0e0; /* Light gray line */
    margin: 32px 0 28px 0; /* More space above and below the line */
}

.image-container {
    margin-top: 20px;   /* spacing from content above */
}

.image-container img{
    width:80%  ; /* Set image width to 80% of the container */
    height: 80%; /* Maintain aspect ratio */

}


@media (max-width: 768px) {
    .middle-section {
        width: 100%; /* Full width on mobile devices */
        padding: 20px; /* Adjust padding for smaller screens */
        margin: 20px 0; /* Remove horizontal centering */
    }
}