.banner {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.1rem;
      background-color: #f5f5f5;
    }

    .banner-img {
      max-width: 100%;
      height: auto;
    }

    /* Desktop styles */
    @media (min-width: 768px) {
      .banner {
        justify-content: flex-start;
        padding: 1rem 2rem;
      }

      .banner-img {
        max-width: 1350px;
      }
    }
     
        









































     
        /* Header section styles */
        .partner-header {
            padding: 40px 0;
            background-color: #f8f8f8;
        }
        
        .row {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 40px;
        }
        
        .column {
            flex: 1;
            padding: 10px;
        }
        
        .content-block {
            height: 100%;
           
            flex-direction: column;
            justify-content: center;
        }
        
        .image-block {
            height: 100%;
         display: contents;
            align-items: center;
            justify-content: center;
        }
        
        .image-block img {
            max-width: 100%;
            height: 95%;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        h2 {
            font-size: 62px;
            color: #d32f2f;
            margin-bottom: 20px;
            font-weight: 900;
        }
        
        p {
            margin-bottom: 15px;
            font-size: 18px;
        }
        
        
        
        /* Responsive styles */
        @media (max-width: 768px) {
            .row {
                flex-direction: column;
            }
            
            /* Custom ordering for mobile */
            .row:first-child .column:nth-child(1) { order: 1; } /* div 1 */
            .row:first-child .column:nth-child(2) { order: 2; } /* div 2 */
            .row:last-child .column:nth-child(2) { order: 3; }  /* div 4 */
            .row:last-child .column:nth-child(1) { order: 4; }  /* div 3 */
            
            .column {
                width: 100%;
                padding: 15px;
            }
            
            h2 {
                font-size: 35px;
            }
        }