/* iPad Portrait Mode Margin Adjustments
   This file addresses the margin issues on iPad portrait mode for card sections
   Adds more margin on both sides and adjusts card sizes as needed
*/

/* Target iPad portrait mode specifically */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* Adjust all card sections except team and carousel */
    
    /* Services section */
    .services-grid {
        padding: 0 2.5rem;
        margin: 0 auto;
    }
    
    .service-card {
        min-width: 220px;
        max-width: 280px;
        margin: 1rem auto;
    }
    
    /* Delivery section */
    .delivery-grid {
        padding: 0 2.5rem;
        margin: 0 auto;
    }
    
    .delivery-card {
        min-width: 220px;
        max-width: 280px;
        margin: 1rem auto;
    }
    
    /* Partnership model section */
    .model-cards {
        padding: 0 2.5rem;
        margin: 0 auto;
    }
    
    .model-card {
        min-width: 220px;
        max-width: 280px;
        margin: 1rem auto;
    }
    
    /* Success stories section (except carousel) */
    #success .container {
        padding: 0 2.5rem;
    }
    
    .success-card {
        min-width: 220px;
        max-width: 280px;
        margin: 1rem auto;
    }
    
    /* General container adjustment for iPad portrait */
    section .container {
        padding: 0 1.5rem;
    }
    
    /* Ensure cards are slightly smaller to fit better */
    .service-card,
    .delivery-card,
    .model-card,
    .success-card {
        transform: scale(0.95);
    }
    
    /* Adjust grid layouts for better spacing */
    .services-grid,
    .delivery-grid,
    .model-cards {
        gap: 1.5rem;
        justify-content: center;
    }
}