/* Resume Page Specific Styles */
.about-content {
    display: flex;
    align-items: flex-start;
    gap: 20px; /* Reduced space between text and image */
    flex-wrap: wrap;
    padding: 20px;
    box-sizing: border-box;
    max-width: 1200px; /* Ensure it matches the general container width */
    margin: 0 auto; /* Center the container horizontally */
}

/* Resume Summary Styles */
.about-summary {
    flex: 1; /* Allow text to take up remaining space */
    margin: -20px 0; /* Adjust top and bottom margins as needed */
    margin-left: -20px; /* Adjust for alignment */
    text-align: left; /* Ensure text is left-aligned on larger screens and smaller screens */
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .about-content {
        flex-direction: column; /* Stack content vertically on smaller screens */
        align-items: flex-start; /* Align items to the start (left) */
        gap: 15px; /* Adjust gap for smaller screens */
        padding: 10px; /* Adjust padding for smaller screens */
    }
    .about-summary {
        margin-left: 0; /* Reset margin-left for smaller screens */
        margin-top: 0; /* Reset top margin for smaller screens */
        margin-bottom: 10px; /* Adjust bottom margin for smaller screens */
        text-align: left; /* Keep text left-aligned on smaller screens */
    }
}

@media (max-width: 480px) {
    .about-summary {
        margin-left: 0; /* Reset margin-left for very small screens */
        margin-top: 0; /* Reset top margin for very small screens */
        margin-bottom: 10px; /* Adjust bottom margin for very small screens */
        text-align: left; /* Keep text left-aligned for very small screens */
    }
}