/* General Styles */
.row {
    margin-top: 20px; /* Add spacing above the row */
}

aside {
    padding: 20px; /* Add padding inside the aside */
    border-radius: 10px; /* Rounded corners for a modern look */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
    background-color: #f9f9f9; /* Light background color */
}

/* Toshiba Awards Section */
.award-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* Spacing between images */
    margin-top: 20px;
}

.award-card {
    cursor: pointer; /* Indicate interactivity */
    transition: transform 0.3s ease;
}

.award-card:hover {
    transform: scale(1.1); /* Zoom in effect on hover */
}

.award-image {
    width: 100px; /* Small image size */
    height: auto;
    object-fit: cover;
    border-radius: 10px; /* Rounded corners */
    transition: transform 0.3s ease;
}

/* Modal Styling */
.modal-content {
    border-radius: 15px; /* Rounded corners for modal */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.2); /* Enhanced shadow */
}

.modal-header {
    background-color: #f9f9f9; /* Light background for header */
    border-bottom: 1px solid #ddd; /* Subtle border */
}

.modal-body img {
    max-width: 100%; /* Ensure image fits within modal */
    border-radius: 10px; /* Rounded corners for image */
}