.parent {
  position: relative;
  top: 0;
  left: 0;
}

.image1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

@media (min-width: 400px) {
  .image2 {
    position: fixed;
    top: 25dvh;
    width: 100%;
  }
}

@media (max-width: 400px) {
  .image2 {
    position: fixed;
    top: 15%;
    width: 100%;
  }
}

.setfont {
  font-family: Shamsini;
  font-size: 2.0rem;
}

.styling {
  font-family: Shamsini;
  background-color: initial;
  border: none;
  font-size: 2.5rem;
  color: var(--bs-success-bg-subtle);
}

.fontsize {
  font-size: 25px;
  background: rgba(255,255,255,0.21);
}

.messfont {
  font-family: 'Poppins';
  background: rgba(255,255,255,0.42);
  color: var(--bs-body-bg);
}

.settrans {
  background: rgba(255,255,255,0);
}

.form-control::placeholder {
  color: var(--bs-card-bg);
  opacity: 1;
}

.cardprops {
  opacity: 0.72;
  background: rgba(3,7,10,0);
  border-radius: 25px;
  border-width: 5px;
  border-color: rgba(33,37,41,0.53);
}

.bodyprops {
  font-family: Poppins, sans-serif;
  background: rgba(255,255,255,0);
}

.headprops {
  font-size: 45px;
  color: var(--bs-secondary-bg);
  font-family: Shamsini;
}

.buttstyle {
  border-radius: 30px;
  background: #abc5d5;
  border-style: none;
  color: var(--bs-light-bg-subtle);
  font-family: Shamsini;
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #685744;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #B59BA4;
  --bs-btn-active-bg: #63655B;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
  background: #3b322e;
}

.sentdiv {
  text-align: center;
  margin-top: 27vh;
}