@import url('https://fonts.googleapis.com/css2?family=Inter&family=Michroma&family=Noto+Sans&family=Poppins:wght@400;500&family=Ubuntu&display=swap');

.contact-header-container {
    margin: auto;
    padding: 0px 0px 60px;
}

.contact-header-container h1 {
    text-align: center;
    font-size: 45px;
    font-family: "Poppins", sans-serif;
    margin: 5px 0px 10px;
    color: white;
}

.contact-header-container h1 span {
    color: red;
    border-bottom: 3px solid red;
}

/* Contact form container */
.contact-container {
  max-width: 1100px;
  height: 50vh;
  margin: auto;
}

/* Form styling */
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

/* Input row: Name, Email, Subject */
.input-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.input-row input {
  flex: 1;
  padding: 12px 16px;
  border: 1px solid #ccc;
  background-color: #1d1f30;
  color: #fff;
  font-size: 16px;
  outline: none;
}

textarea {
  padding: 16px;
  border: 1px solid #ccc;
  background-color: #1d1f30;
  color: #fff;
  font-size: 16px;
  resize: none;
  width: 100%;
  outline: none;
}

/* Placeholder color */
input::placeholder,
textarea::placeholder {
  color: #aaa;
}

/* Send button */
.send-btn {
  background-color: #ff4b5c;
  color: white;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 32px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  align-self: flex-start;
  transition: background-color 0.3s ease;
   font-family: "Poppins", sans-serif;
}

.send-btn:hover {
  background-color: #e94452;
}

@media (max-width: 768px) {
  .input-row {
    flex-direction: column;
  }
}

.copy-right-container{
  height: 9vh;
  max-width: 80vw;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
      border-top: 2px solid  #23263a;
}
.copy-right-container p{
  font-size: 18px;
  color: white;
   font-family: "Poppins", sans-serif;
}