.contact-section {
      display: flex;
      min-height: 80vh;
      width: 80%;
      margin: auto;
      padding: 30px;
    }
    
    .contact-left {
      background: #c70000; 
      color: #fff;
      width: 50%;
      padding: 50px 30px;
      position: relative;
      clip-path: polygon(0 0, 100% 0, 60% 100%, 0% 100%);
      margin-right: -200px;
    }

    .cont{
      width: fit-content;
      margin-left: 40px;
      margin-top: 20%;
    }

    .cont h2 {
      margin-bottom: 20px;
      font-size: 1.6rem;
      font-weight: bold;
      text-align: center;
    }

    .social-icons {
      display: flex;
      gap: 20px;
      margin: 20px 0;
    }

    .social-icons a {
      color: #fff;
      font-size: 28px;
      text-decoration: none;
      transition: color 0.3s;
    }

    .social-icons a:hover {
      color: #ffdddd;
    }

    .contact-location {
      margin-top: 30px;
      text-align: center;
    }

    .contact-right {
      width: 70%;
      background: #e7e6e6;
      display: flex;
      padding: 50px 10px;
      clip-path: polygon(100% 100%, 0% 100%, 28% 0, 100% 0);
      margin-right: 0;
      border-top-right-radius: 10px;
      border-bottom-right-radius: 10px;
    }

    form {
      max-width: 400px;
      width: 100%;
      margin-right: 50px;
      margin-left: auto;
    }

    form h2 {
      margin-bottom: 20px;
      color: #c70000;
      font-weight: bold;
      text-align: center;
      font-size: 1.4rem;
    }

    form input, form textarea {
      width: 100%;
      padding: 12px;
      margin-bottom: 15px;
      border: 1px solid #ccc;
      border-radius: 6px;
      font-size: 16px;
      background: #f1e9e9;
    }

    form textarea {
      resize: none;
      height: 120px;
    }

    form button {
      background: #c70000;
      color: #fff;
      border: none;
      padding: 12px 20px;
      font-size: 16px;
      border-radius: 6px;
      cursor: pointer;
      transition: background 0.3s;
    }

    form button:hover {
      background: #900000;
    }