.partner-section {
        padding: 20px 5px; 
        background-color: #ffffff;

        font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    }

    .sub-section-title {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 25px;
    }

    .sub-section-title span {
        color: #0f403f;
        font-size: 24px; 
        display: inline-block;
        padding: 5px 20px;
        font-weight: bold;
    }

    .grid-section-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px; 
        max-width: 1200px;
        margin: 0 auto 60px auto; 
        padding: 0 10px;
    }

    .grid-item {
        width: 100%; 
        box-sizing: border-box;
        padding: 20px;
        background-color: #f7f7f7; 
        border-radius: 8px;
        max-width: 400px; 

        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center; 
    }

    @media (min-width: 768px) {
        .grid-item {

            width: calc(50% - 20px); 
            max-width: none; 

            flex-direction: row-reverse; 
            text-align: left; 
            min-height: 180px; 
            align-items: center; 
            overflow: hidden; 
        }
    }

    .content-wrapper {

        flex-grow: 1; 
        padding-right: 0; 
        padding-left: 15px; 
    }

    .image-wrapper {

        flex-shrink: 0;

        width: 35%; 
        max-width: 150px; 

        height: 100%; 
        display: flex; 
        align-items: center;

        justify-content: flex-end; 
    }

    @media (max-width: 767px) {
        .content-wrapper {

            padding-right: 0; 
            padding-left: 0; 
            padding-bottom: 15px; 
            text-align: center; 
        }

        .image-wrapper {

            width: 50%;
            max-width: 150px;
            height: auto;
        }
    }

    .grid-item img {
        width: 100%;
        height: auto; 
        border-radius: 4px; 
        object-fit: cover;
    }

    .grid-item h4 {
        margin: 0 0 8px 0;
    }

    .grid-item p {
        word-wrap: break-word; 
        overflow-wrap: break-word;
        font-size: 14px; 
        color: #555;
        line-height: 1.5;
        margin: 0;
    }