.cont {
  margin-left: 15%;
  margin-right: 15%;
  color: #f0f1f5;

}
.contact-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem;
  background-color: #0f1324;
  margin: 1rem;
  border-radius: 25px;
  padding-left: 50%;
  margin-top: 20%;
  color: #f0f1f5;
  padding-top: 8%;
  padding-right: 5%;
  height: 50%;
  padding-bottom: 7%;
}

.contact-form input, .contact-form textarea {
  padding: 0.5rem;
  border: 1px solid #323647;
  border-radius: 12px;
  background: #191B2C;
background: radial-gradient(ellipse, rgba(25, 27, 44, 1) 42%, rgba(39, 42, 59, 1) 84%, rgba(50, 54, 71, 1) 96%);
  display: block;
  width: 95%;
  color: #f0f1f5;
  height: 25px;
  padding-left: 15px;
}

.required {
  color: #be6baa;
  margin-left: 4px;
}

.contact-form button {
  background-color: #681eeb;
  color: rgb(255, 255, 255);
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  align-self: flex-end;
  padding-left: 20px;
  padding-right:20px;
  display: inline;
  font-size: 10px;
}
.tos-box {
display: grid;
grid-template-columns: 16px 1fr 110px;
grid-template-rows: repeat(2, 32px);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.tosdiv1 { grid-area: 1 / 1 / 3 / 2; }
.tosdiv2 { grid-area: 1 / 2 / 3 / 3; font-size: 10px;}
.tosdiv3 { grid-area: 1 / 3 / 3 / 4; }

.tos {
  background-color: #681eeb;
  color: rgb(255, 255, 255);
  padding: 1rem;
  border: none;
  border-radius: 12px;
  font-size: 13px;
  
}
.tos button{
  cursor: pointer;
  align-self: flex-end;
  display: inline;
  position: relative;
  top: 53px;
  right: 175px;}
label {

font-size: 7px;


}
body, html {
  height: 100%;
  display: flexbox;
  font-family: "Sansation", sans-serif;
  background-image:linear-gradient(rgba(255, 240, 152, 0.5), rgba(255, 240, 152, 0.5)), url(Images/images.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
  margin: 0;
  color: #f0f1f5;
}
.hitme h1{
font-size: 2.4rem;
font-family: 'Sansation';
font-weight: 350;
  font-style: normal;
margin-bottom: 5px;
margin-top: 5%;
}
.hitme p{
  font-size: 0.8rem;
font-family: 'Sansation';
font-weight: 350;
  font-style: normal;}
  .erm {
display: grid;
grid-template-columns:64px 6fr;
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div1 { grid-area: 1 / 1 / 3 / 2; }
.div2 { grid-area: 1 / 2 / 3 / 3; 
align-items: center;
margin-top: 17px;}
.erm p{
  font-size: 1rem;
font-family: 'Sansation';
font-weight: 350;
  font-style: normal;}
  .div1 img{
    height: 58px;
    width: 64px;
    display: inline;
  }
  .div1 .baab{
    height: 115px;
    width:110px;
    position:absolute;
    top: 265px;
    left:-25px;
    display: inline;
  }
.sansation-light {
  font-family: "Sansation", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.sansation-regular {
  font-family: "Sansation", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.sansation-bold {
  font-family: "Sansation", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.sansation-light-italic {
  font-family: "Sansation", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.sansation-regular-italic {
  font-family: "Sansation", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.sansation-bold-italic {
  font-family: "Sansation", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.hitme {
  position:relative;
  text-wrap: wrap;
width: 400px;
display: flex;
justify-content: center;
flex-direction: column;
bottom: 470px;
left: 60px;
}

.glow-input {
  width: 250px;
  padding: 10px 15px;
  font-size: 18px;
  color: black;
  border: none;
  border-radius: 12px;
  background: 
    radial-gradient(circle at center,
      rgba(100, 150, 255, 0.5) 0%,
      rgba(40, 80, 200, 1) 100%) padding-box,
    linear-gradient(#000, #000) border-box;

  border: 3px solid transparent;
  background-clip: padding-box, border-box;

  outline: none;
  box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}