/* Partners Section Styling */
.partners-section {
    background-color: #000000; /* Light background for contrast */
    padding: 60px 0; /* Section padding */
    text-align: center;
}

/* Section Heading */
.partners-heading {
    font-size: 80px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 40px;
}

/* Grid Layout for Partner Blocks */
.partners-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Partner Grid */
.partners-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Four columns */
    gap: 20px; /* Space between blocks */
}

/* Partner Block Styling */
.partner-block {
    background: #000000; /* Dark background for blocks */
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    cursor: pointer;
}

/* Partner Block Shadow Drop Effect */
.partner-block:hover {
    transform: translateY(-20px); /* Lift on hover */
    background: #000000;
}

/* Partner Logo Styling */
.partner-logo {
    width: 80%; /* Make the logo take up 100% width of the card */
    height: auto; /* Make the logo take up 100% height of the card */
    
    object-fit: contain; /* Ensure the image fits within the card without distortion */
    margin-right: 10px; /* Space between logo and text */
    transition: transform 0.3s ease;
}





.partner-block:hover .partner-logo {
    transform: scale(1.1); /* Slightly enlarge logo on hover */
}

/* Text Styling */
.partner-text {
    font-size: 2rem;
    font-weight: bold;
    color: #000000; /* White text */
    text-decoration: none; /* Remove underline */
    text-transform: uppercase;
    letter-spacing: 1px; /* Slight spacing for better readability */
    transition: color 0.3s ease;
}

.partner-block:hover .partner-text {
    color: #000000; /* Highlight text color on hover */
}
@media (max-width: 768px) {
    /* Small Tablets and Large Mobile */
    .partners-heading {
        font-size: 50px; /* Smaller heading */
        margin-bottom: 20px;
    }

    .partners-grid {
        grid-template-columns: repeat(2, 1fr); /* Two columns for small tablets */
        gap: 10px;
    }

    .partner-block {
        padding: 10px; /* Reduce block padding */
    }

    .partner-logo {
        width: 100%; /* Adjust logo size */
        height: 100%;
        margin-right: 8px;
    }

    .partner-text {
        font-size: 1.6rem; /* Adjust text size */
    }

    .partners-heading {
        font-size: 40px; /* Smaller heading */
        margin-bottom: 15px;
    }

    .partners-grid {
        grid-template-columns: 1fr; /* Single column for mobile */
        gap: 10px;
    }

    .partner-block {
        padding: 8px; /* Minimize block padding */
        margin-left: 25px;
        width: 300px;
        justify-content: center;
    }

    .partner-logo {
        width: 80%; /* Adjust logo size */
        height: 80%;
        margin-right: 5px;
    }

    .partner-text {
        font-size: 1.4rem; /* Adjust text size */
    }

    
}

html, body {
    overflow-x: hidden; 
    background-color: #333;
}

