.contact-us-section {
  margin-top: 100px !important;
  min-height: 100vh;
  margin-top: 80px !important;
  padding-top: 7rem;
  padding-bottom: 7rem;
  background-color: rgba(202, 213, 226, 1);
}

.contact-us-section .container-fluid {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.left-contact {
  background-color: rgba(236, 236, 236, 0.32);
  color: var(--color-primary-dark);
  width: 50%;
  margin-left: 50px;
  border-radius: 20px;
}

.right-contact {
  width: 50%;
  padding: 20px;
  margin-right: 50px;
  background-color: rgba(236, 236, 236, 0.32);
  color: var(--color-primary-dark);
  border-radius: 20px;
}

.contact-header {
  font-size: 40px;
  font-weight: 600;
}

.contact-description {
  font-weight: 300px;
  font-family: var(--font-fam);
  font-size: 20px;
}

#rc-anchor-container {
  width: 50% !important;
}

.right-contact input,
textarea {
  width: 100% !important;
  border-radius: 19px;
  border: 1px solid white;
  padding: 8px;
  color: var(--color-primary-dark) !important;
  margin-bottom: 25px;
}

.right-contact input:focus,
textarea:focus {
  outline: none;
  box-shadow: 0 0 0 0.15rem var(--color-primary-dark) !important;
}

.right-contact input::placeholder,
textarea::placeholder {
  font-size: 15px;
  font-family: var(--font-fam);
  color: black;
  padding-left: 10px;
}

.send-message-btn {
  margin-top: 25px;
  border: 1px solid var(--color-primary-dark) !important;
  color: var(--color-primary-dark);
  font-weight: 500;
}

.send-message-btn:hover {
  background-color: var(--color-primary-dark);
  color: white;
}

.send-message-btn:active {
  background-color: white !important;
  color: var(--color-primary-dark);
}

@media (max-width: 750px) {
  .contact-us-section .container-fluid {
    flex-direction: column !important;
  }

  .left-contact {
    padding: 40px !important;
    padding-top: 50px !important;
    width: 95% !important;
    margin-left: 0px !important;
    padding-bottom: 50px !important;
  }

  .right-contact {
    padding: 40px !important;
    padding-top: 50px !important;
    width: 95% !important;
    margin-right: 0px !important;
    padding-bottom: 50px !important;
  }

  .contact-us-section {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
}

@media (max-width: 420px) {
  .contact-us-section .container-fluid {
    margin-left: 10px !important;
  }
}