.info-section {
    background-color: #100273;
    color: #fff;
    padding: 6rem 0;
    clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
    text-align: center;
  }
  
  .info-section .dot {
    color: #ff6f00;
  }
  
  .info-section h2 {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
  }
  
  .info-section .lead {
    font-size: 1.125rem;
    margin-bottom: 2rem;
  }
  
  .info-buttons {
    display: inline-flex;
    gap: 1rem;
  }
  
  .info-buttons .info-btn {
    background: rgba(255, 255, 255, 0.15);
    border: none;
    border-radius: 50px;
    padding: 0.75rem 2rem;
    color: #fff;
    font-weight: 500;
    transition: background 0.3s ease;
  }
  
  .info-buttons .info-btn:hover {
    background: rgba(255, 255, 255, 0.3);
  }
  
  /* Tablet (≤768px) */
  @media (max-width: 768px) {
    .info-section {
      padding: 4rem 0;
      clip-path: polygon(0 7%, 100% 0, 100% 93%, 0 100%);
    }
    .info-section h2 {
      font-size: 2rem;
    }
    .info-section .lead {
      font-size: 1rem;
    }
    .info-buttons {
      display: flex;
      flex-direction: column;
      align-items: center;
      gap: 1rem;
    }
    .info-buttons .info-btn {
      width: 100%;
      max-width: 280px;
      margin: 0 auto;
    }
  }
  
  /* Mobile (≤480px) */
  @media (max-width: 480px) {
    .info-section {
      padding: 3rem 0;
    }
    .info-section h2 {
      font-size: 1.75rem;
    }
    .info-section .lead {
      font-size: 0.9rem;
    }
  }