.contact-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 30px;
    }

    .contact-info {
      padding: 20px;
      background: #efefef;
      border-radius: 10px;
    }

    .contact-info h3 {
      margin-bottom: 15px;
    }

    .contact-info p {
      margin: 5px 0;
    }

    .contact-form {
      display: flex;
      flex-direction: column;
      gap: 15px;
    }

    .contact-form input,
    .contact-form textarea {
      padding: 12px;
      border: 1px solid #ccc;
      border-radius: 6px;
      font-size: 1rem;
      width: 100%;
    }

    .contact-form button {
      padding: 12px;
      background-color: #ef2853;
      color: white;
      border: none;
      border-radius: 6px;
      font-size: 1rem;
      cursor: pointer;
      transition: background 0.3s ease;
    }

    .contact-form button:hover {
      background-color: #d32147;
    }


    @media (max-width: 768px) {
      .section-title {
        font-size: 1.5rem;
      }
    }