.contact-form .contact-form__left{
  overflow: hidden;
}


.contact-form .contact-form__left .contact-form__title{
	margin-bottom: 2.5rem;
}

.contact-form .contact-form__right .contact-form__image{
	background-position: left top;
	background-size: cover;
	background-repeat: no-repeat;
}
.contact-form .form{
    gap: 1.6875rem;
}

.form__field--input input::placeholder {
  color: var(--dark)!important;
  opacity: 0.5;
}

.contact-form .form .text--accent{
    text-transform: none;
}

.form .dark-button{
  --black-button-hover: var(--brand);
}
.form .dark-button:has(+ .button--light){
	margin-left: 10.375rem;
}
.form .button{
  text-wrap: nowrap;
}
.contact-form .left-butt.button--light{
  background-color: var(--light) !important;
  color: var(--dark) !important;
}
@media (min-width: 767px) {
	.contact-form__right .contact-form__image {
		width: 100%;
		height: 100%;
	}
	.contact-form .contact-form__left{
		padding: 10.0625rem 6.1875rem 8.375rem 3rem;
	}
	.contact-form .contact-form__left .contact-form__text{
		width: 28.375rem;
		margin-left: 7.0625rem;
		margin-bottom: 4.4375rem;
	}
}
@media (max-width: 767px) {
  .contact-form__right {
    order: 1; 
    width: 100%;
  }

  .contact-form__right .contact-form__image {
    width: 100%;
    height: 15.4375rem;
  }

  .contact-form__left {
    order: 2;
    width: 100%;
    padding: 3.5rem 1.25rem 8.1875rem 1.25rem;
  }

  .contact-form__left .contact-form__text {
    width: 22rem;
    margin-left: 0;
    margin-bottom: 2rem;
  }

  .contact-form__left .contact-form__title {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .form {
    width: 100%;
    gap: 1rem;
  }

  .form__field--input,
  .form__field--input input{
    width: 100%;
  }
  
  .form button {
    width: 100%;
  }
  
  .form .dark-button{
      margin-left: 0;
    }
	
	.form .dark-button:has(+ .button--light){
	margin-left: 0;
	width: 100%;
}
}