/** Shopify CDN: Minification failed

Line 11:17 Unexpected "{"
Line 11:26 Expected ":"
Line 11:33 Unexpected "{"
Line 12:15 Expected identifier but found whitespace
Line 12:17 Unexpected "{"
Line 12:26 Expected ":"

**/
  .team-section-{{ section.id }} {
    background: {{ section.settings.background_gradient }};
    padding: 60px 20px;
    font-family: 'Assistant', sans-serif;
    color: #1a1a1a;
    overflow: hidden;
}

.team-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 40px 40px 40px 40px;
}

.member-info-1 {
  padding: 0px 0px 40px 0px;
}

.team-text-content { flex: 1; }
.team-image-content { 
    flex: 1; 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    gap: 20px; 
}

.team-title { font-size: 48px; margin-bottom: 30px; }
.member-name { font-size: 24px; margin-bottom: 10px; font-weight: bold; }
.member-bio { font-size: 16px; line-height: 1.6; color: #333; margin-bottom: 30px; }

.image-wrapper-1, .image-wrapper-2 { width: 100%; max-width: 350px; }
.team-img { width: 100%; border-radius: 15px; display: block; }
.member-role { font-size: 18px; text-align: center; margin: 10px 0; }

.top-member { align-self: flex-start; }
.bottom-member { align-self: flex-end; margin-top: -50px; }

/* --- Mobile View Specific Changes --- */
@media (max-width: 768px) {
    .team-container {
        flex-direction: column;
        display: flex !important;
        text-align: center;
    }

    /* Isse hum container ke andar ke divs ko flex items ki tarah treat kar sakte hain */
    .team-text-content, .team-image-content {
        display: contents; 
    }

    .team-title { 
      order: 1;
      width: 100%;
      margin: 0;
    }

    /* Member 1: Image then Text */
    .image-wrapper-1 { order: 2; margin: 0 auto; align-self: center; }
    .member-info-1 {
        order: 3; 
        /* margin-bottom: 40px;  */
        width: 100%;
        padding: 0;
    }

    /* Member 2: Image then Text */
    .image-wrapper-2 { order: 4; margin: 0 auto; align-self: center; }
    .member-info-2 { order: 5; width: 100%; }

    .bottom-member { margin-top: 20px; } /* Mobile par overlap hatane ke liye */
}