/* Container for the entire sponsor area */
.sponsor-section {
    width: 100%;
    margin: 2rem 0;
    border: 6px solid #A2A26E; /* Your border size and placeholder color */
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
    background-color: #ffffff;
}

/* Header at the top of the box */
.sponsor-header {
    text-align: center;
    font-size: clamp(1.4rem, 4vw, 1.8rem);
    font-weight: bold;
    color: #BD9459;
    margin-bottom: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* The Responsive Grid */
.sponsor-grid {
    display: grid;
    /* This line creates columns that are at least 150px wide, but grow to fill space */
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 20px;
    align-items: center;
    justify-items: center;
}

/* Individual logo container */
.sponsor-item {
    width: 100%;
    max-width: 250px; /* Prevents logos from getting too huge on desktop */
    display: flex;
    justify-content: center;
    align-items: center;
}

.sponsor-item img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.3s ease; /* Subtle hover effect */
}

.sponsor-item img:hover {
    transform: scale(1.05);
}