.contactFormContainer{
  width: 100%;
  padding-bottom: var(--spacing-2xl);
}
.contactForm{
  width: 100%;
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  gap: var(--spacing-lg);
}
.contactFormLeft{
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.contactFormLeftItem{
  display: flex;
  gap: var(--spacing-lg);
  background-color: #242424;
  padding: var(--spacing-xl);
}
.contactFormLeftItemTexts{
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.contactFormLeftFirstItemHeader{
  font-weight: 700;
  font-size: var(--font-size-xl);
  line-height: 115%;
  color: #FFFFFF;
}
.contactFormLeftFirstItemDescription{
  font-size: var(--font-size-md);
  line-height: 130%;
  color: #B0B0B0;
}
.contactFormLeftItemDescription{
  font-size: var(--font-size-xl);
  line-height: 130%;
  color: #B0B0B0;
}
.contactFormLeftItemHeader{
  font-weight: 700;
  font-size: var(--font-size-xl);
  line-height: 130%;
  color: #FFFFFF;
}
.contactFormRight{
  background-color: #242424;
  padding: var(--spacing-xl) var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.contactFormRightFormWrapper{
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.contactFormRightFormTop{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-lg);
}
.contactFormRightFormTopLeft{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.contactFormRightFormTopRight{
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}
.contactFormField{
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.contactFormField label{
  font-weight: 700;
  line-height: 159%;
  color: #FFFFFF;
}
.contactFormField span{
  line-height: 159%;
  color: #FF289C;
}
.contactFormField input{
  width: 100%;
  height: 61px;
  padding: 0 var(--spacing-md);
  background: #151515;
  border-radius: 3px;
  color: #ffffff;
  font-size: var(--font-size-lg);
}
.contactFormRightFormBottom{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-lg);
}
.contactFormRightFormBottomLeft{
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.contactFormRightFormBottomLeftSelect{
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.contactFormRightFormBottomLeftSelect label{
  font-weight: 700;
  line-height: 159%;
  color: #FFFFFF;
}
.contactFormRightFormBottomLeftSelect select {
  width: 100%;
  height: 61px;
  background-color: #151515;
  border-radius: 3px;
  color: #FF289C;
  font-size: var(--font-size-lg);
  font-weight: 700;
  padding: var(--spacing-lg);
  appearance: none;
  background-image: url(../../../assets/icons/down.svg);
  background-position: right var(--spacing-lg) top 50%;
  background-size: 0.65rem auto;
  background-repeat: no-repeat;
}
.contactFormRightFormBottomLeftSelect select:hover{
  border-color: #FF289C;
  outline: none;
}
.contactFormRightFormBottomLeftSelect select:focus {
  border-color: #FF289C;
  outline: none;
}
.contactFormRightFormBottomLeftSelect select option {
  background-color: #151515;
  color: #FF289C;
}
.contactFormField textarea{
  width: 100%;
  height: 100%;
  min-height: 173px;
  background-color: #151515;
  border-radius: 3px;
  color: #FFFFFF;
  font-size: var(--font-size-lg);
  padding: var(--spacing-lg);
  resize: none;
}
.contactFormRightFooter{
  display: flex;
  align-items: center;
}
.contactFormRightFooterLine{
  flex-grow: 1;
  border: none;
  border-top: 1px solid #4A4A4A;
  margin-right: var(--spacing-lg);
}
.contactFormRightFooter a span{
  margin-top: var(--spacing-sm);
}
@media screen and (max-width: 1200px) {
  .contactForm {
    grid-template-columns: 1fr;
    padding-top: var(--spacing-lg);
  }
  .contactFormLeft{
    gap: var(--spacing-lg);
  }
}
@media screen and (max-width: 900px) {
  .contactFormRight {
    padding: var(--spacing-lg);
  }
  .contactFormRightFormTop {
    grid-template-columns: 1fr;
  }
  .contactFormRightFormBottom {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 600px) {
  .contactFormLeftItem {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: var(--spacing-lg);
  }
  .contactFormRightFooter {
    flex-direction: column;
  }
  .contactFormRightFooterLine {
    display: none;
  }
}