.contactOuter {
  height: 100vh;

  background-color: white;
  width: 100vw;
}

.ContactSection {
  background-color: black;
  color: white;
  padding: 8.75rem 10vw;

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100vh;

  position: -webkit-sticky;
  position: sticky;
  top: 0rem;
}


.sectionHeadingBig_Contact {
  color: white;
  text-align: center;
}

.sectionParagrah_Contact {
  color: var(--text-secondary-dark, #999);
  font-family: var(--Font-Family-Display-style---Web, Inter);
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 1.5rem */
  letter-spacing: var(--Letter-spacing---Display-Web-Letter-spacing-Body,
      -0.02813rem);
  margin-bottom: 1rem;
  text-align: center;
}

.ContactForm form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.ContactForm input {
  border-radius: var(--Radius-Radius---LG, 2.5rem);
  background: rgba(255, 255, 255, 0.12);
  color: white;
  outline: none;
  border: none;

  padding: 1.3rem;
}

.ContactForm select {
  border-radius: var(--Radius-Radius---LG, 2.5rem);
  background: rgba(255, 255, 255, 0.12);
  color: white;
  outline: none;
  border: none;
  padding: 1.3rem;
  cursor: pointer;
}

select option {
  background-color: #333;
  color: #fff;
}

select option:hover {
  color: black !important;
}

/* select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: none; 
    position: relative;
  }
   */

.callbackbtn {
  background-color: #8276F4;
  color: black;

  padding: var(--Spacing-XS, 1rem) var(--Spacing-M, 1.5rem);
  align-self: stretch;
  outline: none;
  border: none;
  border-radius: 50px;
  width: 180px;

  color: var(--button-primary-text, #000);
  text-align: center;

  /* Web/Button */
  font-family: var(--Font-Family-Display-style---Web, Inter);
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  /* 150% */
  letter-spacing: var(--Letter-spacing---Text-Buttons, 0rem);
  margin: 0 auto;
}


#lottie {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 1;
  transform: scale(1.1);
}



@media screen and (width <=1370px) {
  #lottie {
    transform: scale(1);
  }

}