.bottom-\[422px\] {
  bottom: 422px;
}

.bottom-\[287px\] {
  bottom: 287px;
}

.pt-\[135px\] {
  padding-top: 135px;
}

.pt-135 {
  padding-top: 135px;
}

.right-\[50p\] {
  right: 50%;
}

.h-24{
  height: 24px;
}

.h-111{
  height: 111px;
}

.m-auto{
  margin: auto;
}

.opacity-18{
  opacity: 18%;
}

.opacity-40{
  opacity: 40%;
}

.text-9{
  font-size: 9px;
}
.text-10{
  font-size: 10px;
}

.blinking {
  opacity: 0.7;
  animation: blink 1s infinite alternate;
}
.h-150 {
  height: 150px;
}

@keyframes blink {
  from {
    opacity: 0.7;
  }
  to {
    opacity: 0.3;
  }
}

@media (max-width: 320px) {
  .xsm\:hidden {
    display: none;
  }
  .xsm\:show {
    display: unset;
  }
  .xsm\:text-8{
  font-size: 8px;
}
  .xsm\:table-row{
  display: table-row;
}
}

@media (max-width: 500px) {
  .sm\:text-12 {
    font-size: 12px;
  }

  .sm\:text-14 {
    font-size: 14px;
  }

  .sm\:w-\[calc\(100\%-160px\)\] {
    width: calc(100% - 160px);
  }

  .sm\:gap-12 {
    gap: 12px;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:show {
    display: unset;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:h-auto {
    height: auto;
  }
  .sm\:pt-24 {
    padding-top: 24px;
  }
  .sm\:w-50 {
    width: 50%;
  }
  .sm\:table-row{
  display: table-row;
}
}


@media (min-width: 768px) {
  .md\:text-16 {
      font-size: 16px;
  }

  .md\:p-12 {
    padding: 12px;
  }

  .md\:p-10 {
    padding: 10px;
  }

  .md\:px-16 {
    padding-left: 16px;
    padding-right: 16px;
  }
  .md\:hidden {
    display: none;
  }
  .md\:show {
    display: unset;
  }
  .md\:h-auto {
    height: auto;
  }
}


@media (min-width: 1024px) {
  .lg\:px-12 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .lg\:py-12 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .lg\:gap-12 {
    gap: 12px;
  }

  .lg\:h-100 {
    height: 100px;
  }
}





/*body,*/
/*.example h1,*/
/*.example p,*/
/*.example .button {*/
/*  transition: all .2s ease-in-out;*/
/*}*/

/*body.light-theme {*/
/*  background-color: #151515;*/
/*}*/

/*body.light-theme .example h1 {*/
/*  color: #FFFFFF;*/
/*}*/

/*body.light-theme .example p {*/
/*  color: #FFFFFF;*/
/*}*/

/*body.light-theme .buttons .button {*/
/*  color: #FFFFFF;*/
/*  border-color: #FFFFFF;*/
/*}*/

/*body.light-theme .buttons .button:hover {*/
/*  color: #151515;*/
/*  background-color: #FFFFFF;*/
/*}*/

/*.example {*/
/*  font-family: 'Roboto', sans-serif;*/
/*  width: 550px;*/
/*  height: 378px;*/
/*  margin: auto;*/
/*  padding: 20px;*/
/*  box-sizing: border-box;*/
/*}*/

/*.example .flipdown {*/
/*  margin: auto;*/
/*}*/

/*.example h1 {*/
/*  text-align: center;*/
/*  font-weight: 100;*/
/*  font-size: 3em;*/
/*  margin-top: 0;*/
/*  margin-bottom: 10px;*/
/*}*/

/*.example p {*/
/*  text-align: center;*/
/*  font-weight: 100;*/
/*  margin-top: 0;*/
/*  margin-bottom: 35px;*/
/*}*/

/*.example .buttons {*/
/*  width: 100%;*/
/*  height: 50px;*/
/*  margin: 50px auto 0px auto;*/
/*  display: flex;*/
/*  align-items: center;*/
/*  justify-content: space-around;*/
/*}*/

/*.example .buttons p {*/
/*  height: 50px;*/
/*  line-height: 50px;*/
/*  font-weight: 400;*/
/*  padding: 0px 25px 0px 0px;*/
/*  color: #333;*/
/*  margin: 0px;*/
/*}*/

/*.example .button {*/
/*  display: inline-block;*/
/*  height: 50px;*/
/*  box-sizing: border-box;*/
/*  line-height: 46px;*/
/*  text-decoration: none;*/
/*  color: #333;*/
/*  padding: 0px 20px;*/
/*  border: solid 2px #333;*/
/*  border-radius: 4px;*/
/*  text-transform: uppercase;*/
/*  font-weight: 700;*/
/*  transition: all .2s ease-in-out;*/
/*}*/

/*.example .button:hover {*/
/*  background-color: #333;*/
/*  color: #FFF;*/
/*}*/

/*.example .button i {*/
/*  margin-right: 5px;*/
/*}*/

/*@media(max-width: 550px) {*/
/*  .example {*/
/*    width: 100%;*/
/*    height: 362px;*/
/*  }*/

/*  .example h1 {*/
/*    font-size: 2.5em;*/
/*  }*/

/*  .example p {*/
/*    margin-bottom: 25px;*/
/*  }*/

/*  .example .buttons {*/
/*    width: 100%;*/
/*    margin-top: 25px;*/
/*    text-align: center;*/
/*    display: block;*/
/*  }*/

/*  .example .buttons p,*/
/*  .example .buttons a {*/
/*    float: none;*/
/*    margin: 0 auto;*/
/*  }*/

/*  .example .buttons p {*/
/*    padding-right: 0px;*/
/*  }*/

/*  .example .buttons a {*/
/*    display: inline-block;*/
/*  }*/
/*}*/