body {
  margin: 0;
  line-height: normal;
}

:root {
  /* fonts */
  --font-nunito: Nunito;

  /* font sizes */
  --font-size-17xl: 36px;
  --font-size-lg: 18px;
  --font-size-5xl: 24px;
  --font-size-base: 16px;
  --font-size-3xl: 22px;
  --font-size-9xl: 27px;
  --font-size-13xl: 32px;
  --font-size-11xl: 30px;
  --font-size-21xl: 40px;
  --font-size-xl: 20px;

  /* Colors */
  --color-black: #000;
  --color-limegreen: #50c926;
  --color-dimgray-100: #6f6f6f;
  --color-dimgray-200: #505050;
  --color-white: #fff;
  --color-red: #cd0000;
  --color-steelblue: #7a79ae;
  --color-gray-100: #8f8f8f;
  --color-gray-200: #8c8c8c;
  --color-gray-300: #8f8989;
}

input {
  font-size: var(--font-size-13xl);
  font-weight: 300;
  font-family: var(--font-nunito);
  padding: 0 2.7rem;
  border: 1px solid var(--color-gray-300);
}

input::placeholder {
  color: var(--color-gray-100);
}

input:invalid {
  border-color: var(--color-red);
  margin-bottom: 30px;
}

input:placeholder-shown:invalid {
  border-color: var(--color-gray-300);
  margin-bottom: 30px;
}

/* Moblie  */
body {
  margin: 0;
  line-height: normal;
}

:root {
  /* fonts */
  --font-nunito: Nunito;
  

  /* font sizes */
  --font-size-17xl: 36px;
  --font-size-lg: 18px;
  --font-size-5xl: 24px;
  --font-size-base: 16px;
  --font-size-3xl: 22px;
  --font-size-9xl: 28px;
  --font-size-13xl: 32px;
  --font-size-11xl: 30px;
  --font-size-21xl: 40px;
  --font-size-22xl: 41px;
  --font-size-xl: 20px;
  --font-size-4xl: 23px;

  /* Colors */
  --color-ghostwhite: #fcfaff;
  --color-black: #000;
  --color-limegreen: #50c926;
  --color-dimgray-100: #6f6f6f;
  --color-dimgray-200: #505050;
  --color-white: #fff;
  --color-red: #cd0000;
  --color-steelblue: #7a79ae;
  --color-gray-400: #949494;
  --color-gray-100: #8f8f8f;
  --color-gray-200: #8c8c8c;
  --color-gray-300: #8f8989;
  --color-darkgray: #a5a5a5;
  --color-darkorchid: #632fc7;
  --color-darkorange: #dc830c;
  --color-darkslateblue: #393861;
  --color-midnightblue: #182176;

  /* border radiuses */
  --br-5xs: 8px;
  --br-379xl: 398px;
  --br-xl: 20px;
}

input {
  font-size: var(--font-size-xl);
  font-weight: 300;
  font-family: var(--font-nunito);
  padding: 0 2.6rem;
  border: 1px solid var(--color-gray-300);
}

input::placeholder {
  color: var(--color-gray-100);
  font-weight: 300;
}

input:invalid {
  border-color: var(--color-red);
}

input:placeholder-shown:invalid {
  border-color: var(--color-gray-300);
}

#address-placeholder {
  pointer-events: none;
  box-sizing: border-box;
}

[name="address"]:not(:placeholder-shown) + #address-placeholder {
  display: none;
}
/* Web */

.mobile{
  display: none;
}
/* Thanks Page */
.parent-Thanks{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}
.parent-child1{
  color: #000;
font-family: Nunito;
font-size: 40px;
font-style: normal;
font-weight: 900;
line-height: normal;
margin-top: 27px;
}
.parent-child2{
  color: #818181;
text-align: center;
font-family: Nunito;
font-size: 24px;
font-style: normal;
font-weight: 300;
line-height: normal;
width: 487px;
margin: auto;
margin: 12px auto 71px;
}
.parent-child3{
  color: #818181;
  text-align: center;
  font-family: Nunito;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  margin: 0 auto;
  width: 487px;
}
.parent-child4{
  color: #E45200;
text-align: center;
font-family: Nunito;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: normal;
margin-top: 7px;
}
/* Mobile */
@media (max-width: 575.98px) {
  .web-1920-3-1{
    display: none;
  }
  .mobile{
    display: block;
  }
  .div53 {
    position: absolute;
    top: 8015px;
    left: calc(50% - 140.5px);
    display: inline-block;
    width: 291px;
    font-size: var(--font-size-5xl);
}
.p83 {
  margin: 0;
  font-weight: 800;
}
.blank-line20 {
  margin: 0;
  font-size: var(--font-size-3xl);
  color: var(--color-gray-200);
}
.p84 {
  margin: 0;
  font-size: var(--font-size-lg);
}
.div62 {
  top: 804px;
  left: calc(50% - 117.5px);
  font-size: var(--font-size-lg);
  font-weight: 500;
  display: inline-block;
  width: 236px;
}

.parent-child2{
width: 387px;
}
.parent-child3{
  width: 387px;
}
}