/* General icon styling */
    .icones {
      width: 57px; /* Set to 57px as requested */
      height: 57px;
      object-fit: contain; /* Ensure icons scale properly */
    }

    /* Feature container styling */
    .feature {
      display: flex;
      flex-direction: column; /* Default: icon above text for desktop */
      align-items: center;
      text-align: center;
      max-width: 400px;
      flex: 1 1 100px;
      padding: 0.5rem;
    }

    /* Icon container */
    .circle-icon {
      margin: 0 auto 0.5rem; /* Margin below icon for desktop */
      flex-shrink: 0; /* Prevent icon from shrinking */
    }

    /* Text styling */
    .feature-text {
      font-size: 0.9rem;
      line-height: 1.4;
    }

    .feature-text strong {
      font-weight: bold;
      display: block;
      margin-bottom: 0.2rem;
    }

    /* DernieresIcones section */
    .DernieresIcones {
      display: flex;
      justify-content: center;
      gap: 1rem;
      margin-top: 1rem;
      flex-wrap: wrap;
    }

    /* Features grid section */
    .features-grid {
      display: flex;
      justify-content: center;
      gap: 1rem;
      flex-wrap: wrap;
      margin-top: 1rem;
    }
    
    .s1__title-wrap {
    margin: 200px auto 0 auto;
    }

    /* Desktop-specific adjustments */
    @media (min-width: 769px) {
      .features-grid .feature {
        flex: 1 1 180px;
        max-width: 220px;
      }
    }

    /* Mobile-specific styles */
    @media (max-width: 768px) {
      .DernieresIcones .feature,
      .features-grid .feature {
        flex-direction: row; /* Icon on left, text on right */
        align-items: center; /* Vertically center content */
        text-align: left;
        max-width: 100%;
        padding: 0.2rem 0.5rem; /* Further reduced padding */
      }

      .circle-icon {
        margin: 0 0.5rem 0 0; /* Further reduced right margin */
      }

      .feature-text {
        flex-grow: 1; /* Text takes remaining space */
      }

      .DernieresIcones,
      .features-grid {
        flex-direction: column; /* Stack features vertically */
        margin-top: 0.5rem; /* Further reduced margin */
      }
      
      .s1__title-wrap {
        margin: 60px auto 0 auto;
      }
    }

    /* Ensure images are consistent */
    .circle-icon img {
      width: 57px; /* Match .icones size */
      height: 57px;
      object-fit: contain;
    }