@font-face {
      font-family: "Poppins-Bold";
      src: url("/assets/font/Poppins-Bold.ttf");
  }

  @font-face {
      font-family: "Poppins-Medium";
      src: url("/assets/font/Poppins-Medium.ttf");
  }

  @font-face {
      font-family: "Poppins-Regular";
      src: url("/assets/font/Poppins-Regular.ttf");
  }

  @font-face {
      font-family: "Poppins-SemiBold";
      src: url("/assets/font/Poppins-SemiBold.ttf");
  }

  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  sub,
  sup,
  tt,
  var,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  input,
  select,
  textarea,
  button,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
      margin: 0;
      padding: 0;
      border: 0;
      box-sizing: border-box;
      text-decoration: none;
      -webkit-tap-highlight-color: transparent;
      font-family: 'Poppins-Regular';
      color: #5B2E16;
  }

  body {
      background-image: url(/assets/img/background.png);
      background-repeat: no-repeat;
      background-size: cover;
  }

  .very-soon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      background-image: radial-gradient(circle, rgba(253, 249, 242, 1) 0%, rgba(253, 249, 242, .6) 100%);
      box-shadow: rgba(253, 249, 242, .6) 0px 0px 10px 150px;
      padding: 32px 32px;
      border-radius: 50%;

      .logo {
          max-height: 240px;
          height: 100%;
          width: 100%;

          img {
              max-height: inherit;
              width: inherit;
              object-fit: contain;
          }
      }

      .url-logo {
          margin-top: 24px;
          max-height: 70px;
          height: 100%;
          width: 100%;

          img {
              max-height: inherit;
              width: inherit;
              object-fit: contain;
          }
      }

      h2 {
          font-size: 36px;
          font-weight: 900;
          text-align: center;
          line-height: 1.25;
          letter-spacing: 0.15px;
      }

      &>.icon-text {
          position: relative;
          margin-top: 44px;
          font-size: 16px;
          font-weight: 900;
          text-align: center;
          z-index: 9;

          &::before {
              content: '';
              background-image: url(/assets/img/icon-002.png);
              background-size: 110px 110px;
              background-repeat: no-repeat;
              position: absolute;
              left: 20px;
              bottom: -150%;
              height: 110px;
              width: 110px;
          }

          &::after {
              content: '';
              background-image: url(/assets/img/icon-001.png);
              background-size: 110px 110px;
              background-repeat: no-repeat;
              position: absolute;
              right: 20px;
              bottom: -150%;
              height: 110px;
              width: 110px;
          }
      }

      .send-mail {
          position: relative;
          z-index: 10;
          margin-top: 8px;
          padding: 24px 52px;
          border-radius: 100px;
          background: linear-gradient(to bottom, #FFD77A 0%, #FFC24D 45%, #F0A62E 100%);
          /* box-shadow: 0 0 0 3px #9C5A1E, inset 0 0 0 2px #FFE8A6, 0 6px 0 #D18A1F; */
          display: flex;
          flex-wrap: wrap;
          gap: 12px;

          p {
              flex: 1 1 100%;
              width: 100%;
              font-size: 16px;
              font-weight: 900;
              text-align: center;
          }

          .outer-input {
              flex: 1 1 68%;

              input {
                  border-radius: 100px;
                  box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset;
                  width: 100%;
                  height: 42px;
                  padding: 16px;
              }
          }

          button {
              flex: 1 1 28%;
              border-radius: 100px;
              width: 100%;
              height: 42px;
              background: linear-gradient(to bottom, #FFD966 0%, #FFC12E 45%, #F3A81C 100%);
              border: 2px solid #9B5A1C;
              box-shadow: 0 0 0 2px #FFF2B0, 0 6px 0 #D1891A, 0 0 14px rgba(255, 220, 120, 0.75);
              font-size: 20px;
              font-weight: 900;
              text-align: center;
              cursor: pointer;
          }
      }
  }

  @media screen and (max-width: 994px) {
      .very-soon {
          position: relative;
          top: unset;
          left: unset;
          transform: unset;
          padding: 32px 12px;

          &>.icon-text {

              &::before,
              &::after {
                  bottom: unset;
                  top: 75%;
              }
          }

          .send-mail {
              margin-top: 85px;
              border-radius: 12px;
          }
      }
  }