:root {
  --ghost-blue:#006EDC;
  --cold-gray:#3D505C;
  --cold-gray-10:#3D505C10;
  --red:#DD7373;
  --red-40:#DD737366;
  --green:#31C1B0;
  --green-40:#31C1B066;
  --blue:#4278df;
  --light-blue:#358ccb;
  --gray:#7a98ad;
  --white:#ffffff;
  --adaptive-white:#ffffff;
  --black:#000000;
  --transparent:transparent;
  --body:#060606;
  --widget:#040404;
  --light-blue-1:#fbfcff;
  --google-button-bg:#e5eff9;
  --link-hover-blue:#40a9ff;
  --light-cold-gray:#cad6df;
  --scrollbar-color:#3D505C;
  --divider-left-bg:linear-gradient(to left, rgba(122, 152, 173, 0.15), rgba(233, 237, 246, 0.2));
  --divider-right-bg:linear-gradient(to right, rgba(122, 152, 173, 0.15), rgba(233, 237, 246, 0.2))
}

@font-face {
  font-family:iranyekan;
  font-style:normal;
  font-weight:400;
  src:url('fonts/iranyekanwebregular.eot');
  src:url('fonts/iranyekanwebregular.eot?#iefix') format('embedded-opentype'),
  url('fonts/iranyekanwebregular.woff') format('woff'),
  url('fonts/iranyekanwebregular.ttf') format('truetype')
}


.brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  width: 100%;
  margin: 0 25px;
  min-height: 40px;
}


@media (min-width: 750px) {
  .card {
    padding: 34px 0 20px;
    max-width: 509px;
  }
}

.card {
  position: relative;
  width: 100%;
  max-width: 509px;
  margin: 0 auto;
  background: var(--widget);
  /* border-radius: 18px; */
  padding: 28px 0 20px;
/* box-shadow: 5px 5px 5px rgba(63, 98, 123, 0.17); */
}


.card__header {
  display: flex;
  justify-content: center;
  margin-bottom: 35px;
}

@media (min-width: 750px) {
  .page {
    padding: 10vh 24px 10vh 24px;
  }
  
body {
  margin: 0;
  color: var(--white);
  background: var(--body);
  font-family: iranyekan;
}


.underconstruction{
margin: 0;
  font-size: 20px;
  color: #ff0000;
  border: 1px solid #f00;
  padding: 5px;
  width: 65%;
  text-align: center;
  background-color: #fff1a5;
}


.contactwithus{
margin: 0;
  font-size: 20px;
  text-align: right;
  width: 214px;
}