.contact-sec {
   background: #f9f8ff;
   padding: 100px 60px;
   color: #593E7B;
   text-align: center;
   position: relative;
  }

  .contact-container {
   max-width: 800px;
   margin: 0 auto;
  }

  .contact-header h2 {
   font-size: 2.6rem;
   margin-bottom: 15px;
   background: linear-gradient(135deg, #593E7B, #E65464);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
  }

  .contact-header p {
   font-size: 1.05rem;
   color: #555;
   line-height: 1.6;
   margin-bottom: 50px;
  }

  .contact-form {
   display: flex;
   flex-direction: column;
   gap: 25px;
   background: #fff;
   padding: 50px 40px;
   border-radius: 15px;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
   text-align: left;
   transition: 0.4s ease;
  }

  .contact-form:hover {
   box-shadow: 0 15px 40px rgba(89, 62, 123, 0.25);
   transform: translateY(-5px);
  }

  .form-group input,
  .form-group textarea {
   width: 100%;
   padding: 14px 16px;
   font-size: 1rem;
   border: 2px solid #e6e1f2;
   border-radius: 10px;
   outline: none;
   transition: 0.3s ease;
   background: #faf8ff;
  }

  .form-group input:focus,
  .form-group textarea:focus {
   border-color: #E65464;
   background: #fff;
   box-shadow: 0 0 8px rgba(230, 84, 100, 0.3);
  }

  textarea {
   resize: none;
   height: 130px;
  }

  .checkbox {
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 0.95rem;
   color: #555;
  }

  .checkbox input {
   accent-color: #E65464;
  }

  .contact-btn {
   background: linear-gradient(135deg, #593E7B, #E65464);
   color: #fff;
   font-size: 1.1rem;
   padding: 14px 20px;
   border: none;
   border-radius: 10px;
   cursor: pointer;
   transition: 0.3s ease;
   font-weight: 600;
   text-transform: uppercase;
  }

  .contact-btn:hover {
   transform: translateY(-4px);
   box-shadow: 0 10px 25px rgba(89, 62, 123, 0.3);
  }

  @media (max-width: 600px) {
   .contact-sec {
    padding: 70px 20px;
   }

   .contact-form {
    padding: 40px 25px;
   }
  }