* {
  margin: 0;
  padding: 0;
  font-family: "Figtree";
}

.clogo {
  filter: brightness(0);
  width: 160px;
  margin: 20px auto;
}

.terms-page {
  max-width: 1341px;
  margin: 0 auto;
  padding-top: 50px 20px;
}

.terms-page h1 {
  font-size: 32px;
  line-height: 32px;
  letter-spacing: -1.6px;
  color: #1E1E1F;
  font-family: "Figtree";
  margin-top: 20px;
  margin-bottom: 44px;
  font-weight: 300;
}

.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  word-wrap: normal !important;
}

.wpcf7 .hidden-fields-container {
  display: none;
}

.wpcf7-form .form-contact {
  position: relative;
  padding: 35px;
}

.wpcf7-form .form-contact:after {
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  background: #BF910C;
  height: 5px;
  width: 110px;
}

.terms-page p {
  font-size: 15px;
  line-height: 30px;
  letter-spacing: 0.3px;
  color: #7D7D7D;
  font-family: "commuters-sans";
  padding: 0 45px;
}

.wpcf7-form .form-contact-content .content-item.textarea {
  display: flex;
  padding-bottom: 35px;
  margin-bottom: 25px;
  border-bottom: 3px solid #E2DED5;
}

.wpcf7-form .form-contact-content .content-item.textarea .content-item-tile:first-child {
  width: 38%;
}

.wpcf7-form-control-wrap {
  position: relative;
}

.wpcf7-form .form-contact-content .content-item.textarea .content-item-tile:first-child select {
  width: 100%;
}

.wpcf7-form .form-contact-content .content-item-tile span select {
  color: black !important;
  cursor: pointer;
}

.wpcf7-form .form-contact-content .content-item.textarea .content-item-tile:last-child {
  margin-left: 20px;
  width: 62%;
}

.wpcf7-form-control-wrap {
  position: relative;
}

.wpcf7-form .form-contact-content .content-item.textarea .content-item-tile:last-child textarea {
  width: 100%;
  resize: none;
  background-attachment: local;
  background-image: linear-gradient(to right, #fff 0, transparent 0), linear-gradient(to left, #fff 0, transparent 0), repeating-linear-gradient(#fff, #fff 30px, #E2DED5 30px, #E2DED5 31px, white 31px);
  line-height: 31px;
  padding-left: 0 !important;
  height: 120px;
  border-bottom: none;
}

.wpcf7-form .form-contact-content .content-item-tile span textarea,
.wpcf7-form .form-contact-content .content-item-tile span select,
.wpcf7-form .form-contact-content .content-item-tile span input[type="text"] {
  border: none;
  border-bottom: 1px solid #E2DED5;
  padding-bottom: 5px;
  font-size: 14px;
  letter-spacing: 0.28px;
}

.wpcf7-form .form-contact-content .content-item {
  margin-bottom: 35px;
}

.grid-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-1-3, .grid-1, .grid-2 {
  display: grid;
  grid-gap: 20px;
}

.wpcf7-form .form-contact-content .content-item:last-child {
  margin-bottom: 0;
}

.wpcf7-form .form-contact-content .content-item.submit {
  display: block;
}

.wpcf7-form .form-contact-content .content-item.submit .response {
  margin-bottom: 15px;
}

.wpcf7-form .form-contact-content .content-item.submit .cf7-response-custom {
  display: none;
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
    display: none;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
}

.wpcf7-form .form-contact-content .content-item.submit .tile-response,
.wpcf7-form .form-contact-content .content-item.submit .tile-response.invalid {
  margin: 0;
  color: white;
  background: #B90000;
  border-radius: 5px;
  font-size: 14px;
  padding: 15px 20px;
  border: none;
  display: flex;
}

.wpcf7-form .tile-response.invalid {
  display: none;
}

.wpcf7-form .form-contact-content .content-item.submit .tile-response .tile-icon,
.wpcf7-form .form-contact-content .content-item.submit .tile-response.invalid .tile-icon {
  margin-right: 15px;
}

.wpcf7-form .form-contact-content .content-item.submit .tile-response p,
.wpcf7-form .form-contact-content .content-item.submit .tile-response.invalid p {
  display: flex;
  flex-direction: column;
}

.wpcf7-form .form-contact-content .content-item.submit .tile-response .tile-top,
.wpcf7-form .form-contact-content .content-item.submit .tile-response.invalid .tile-top {
  font-size: 14px;
  font-weight: 700;
  color: white;
}

.wpcf7-form .form-contact-content .content-item.submit .tile-response .tile-bottom,
.wpcf7-form .form-contact-content .content-item.submit .tile-response.invalid .tile-bottom {
  font-size: 12px;
  font-weight: 300;
  color: white;
}

.wpcf7-form .form-contact-content .content-item.submit .tile-response.sent {
  background: #004F42;
}

.wpcf7-form .form-contact-content .content-item.submit .content-item-tile.submit {
  display: block;
}

.wpcf7-form .form-contact-content .content-item.submit input {
  background: #BF910C;
  color: white;
  border: none;
  height: fit-content;
  cursor: pointer;
}

.btn {
  text-transform: uppercase;
  letter-spacing: 2.8px;
  font-size: 14px;
  line-height: 22px;
  color: #1E1E1F;
  padding: 8px 28px;
  display: inline-block;
  width: max-content;
  transition-duration: 0.2s;
}

.wpcf7-form .form-contact-content .content-item.submit .wpcf7-spinner {
  margin: 0px 13px;
}

.wpcf7-spinner {
  visibility: hidden;
  display: inline-block;
  background-color: #23282d;
  opacity: 0.75;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 100%;
  padding: 0;
  margin: 0 24px;
  position: relative;
}

.wpcf7-spinner::before {
  content: '';
  position: absolute;
  background-color: #fbfbfc;
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border: none;
  border-radius: 100%;
  transform-origin: 8px 8px;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.content-item-tile.response .tile-response.invalid,
.content-item-tile.response .tile-response.sent {
  display: none;
}

@media (max-width: 960px) {
  .wpcf7-form .form-contact,
  .terms-page p {
    padding: 0;
  }
}

@media (max-width: 767px) {
  .grid-2 {
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 0;
  }
  .wpcf7-form .form-contact-content .content-item {
    margin: 0;
  }
  .wpcf7-form .form-contact-content .content-item .content-item-tile {
    margin-bottom: 16px;
  }

  .wpcf7-form .form-contact-content .content-item.textarea {
    flex-direction: column;
  }
  .wpcf7-form .form-contact-content .content-item.textarea .content-item-tile:last-child {
    width: 100%;
    margin-left: 0;
  }
}