@media screen and (min-width:1500px) {

  .ui-xtra-large-show {
    display: block !important;
  }

  .ui-hide-xtra-large {
    display: none !important;
  }

}

@media screen and (min-width:1199px) {

  .ui-xtra-large-show {
    display: block !important;
  }

  .ui-hide-xtra-large {
    display: none !important;
  }

  .step-line.md {
    top: 42%;
    width: 360px;
    left: -28.3%;
  }

}

@media screen and (max-width:1199px) {


  .navbar-nav {

    padding-left: 0;
    margin-bottom: 0;
    align-items: center;
    gap: 1.5rem;
    /* list-style: none; */
    /* width: 300px; */
  }

  .main-nav .nav .nav-item .nav-prod {
    left: -100px;
    top: 70px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1), -3px -3px 5px rgba(0, 0, 0, 0.1);
  }

  .ui-large-show {
    display: block !important;
  }

  .ui-hide-large {
    display: none !important;
  }

  .step-line.mmd {
    left: -25.3%;
    top: 45.8%;
  }

  .home-api img {
    height: 100%;
  }

  .ts-getstarted {
    height: 100% !important;
  }

  .ts-business-card {
    min-height: 444px !important;
  }

  .ts-bills-card {
    min-height: 500px;
  }

  .lg-fs-norm {
    font-size: 16px !important;
  }

  .lg-fs-1,
  .lg-fs-1 a,
  .lg-fs-1 span {
    font-size: 1px !important;
  }

  .lg-fs-2,
  .lg-fs-2 a,
  .lg-fs-3 span {
    font-size: 2px !important;
  }

  .lg-fs-3 {
    font-size: 3px !important;
  }

  .lg-fs-4 {
    font-size: 4px !important;
  }

  .lg-fs-5 {
    font-size: 5px !important;
  }

  .lg-fs-6 {
    font-size: 6px !important;
  }

  .lg-fs-7 {
    font-size: 7px !important;
  }

  .lg-fs-8 {
    font-size: 8px !important;
  }

  .lg-fs-9 {
    font-size: 9px !important;
  }

  .lg-fs-10 {
    font-size: 10px !important;
  }

  .lg-fs-11 {
    font-size: 11px !important;
  }

  .lg-fs-12 {
    font-size: 12px !important;
  }

  .lg-fs-13 {
    font-size: 13px !important;
  }

  .lg-fs-14 {
    font-size: 14px !important;
  }

  .lg-fs-15 {
    font-size: 15px !important;
  }

  .lg-fs-16 {
    font-size: 16px !important;
  }

  .lg-fs-17 {
    font-size: 1.06rem !important;
  }

  .lg-fs-18 {
    font-size: 1.13rem !important;
  }

  .lg-fs-19 {
    font-size: 1.19rem !important;
  }

  .lg-fs-20 {
    font-size: 1.25rem !important;
  }

  .lg-fs-21 {
    font-size: 1.31rem !important;
  }

  .lg-fs-22 {
    font-size: 1.38rem !important;
  }

  .lg-fs-23 {
    font-size: 1.44rem !important;
  }

  .lg-fs-24 {
    font-size: 1.5rem !important;
  }

  .lg-fs-25 {
    font-size: 1.56rem !important;
  }

  .lg-fs-26 {
    font-size: 1.63rem !important;
  }

  .lg-fs-27 {
    font-size: 1.69rem !important;
  }

  .lg-fs-28 {
    font-size: 1.75rem !important;
  }

  .lg-fs-29 {
    font-size: 1.81rem !important;
  }

  .lg-fs-30 {
    font-size: 1.88rem !important;
  }

  .lg-fs-31 {
    font-size: 1.94rem !important;
  }

  .lg-fs-32 {
    font-size: 2rem !important;
  }

  .lg-fs-33 {
    font-size: 2.06rem !important;
  }

  .lg-fs-34 {
    font-size: 2.13rem !important;
  }

  .lg-fs-35 {
    font-size: 2.19rem !important;
  }

  .lg-fs-36 {
    font-size: 2.25rem !important;
  }

  .lg-fs-37 {
    font-size: 2.31rem !important;
  }

  .lg-fs-38 {
    font-size: 2.38rem !important;
  }

  .lg-fs-39 {
    font-size: 2.44rem !important;
  }

  .lg-fs-40 {
    font-size: 2.5rem !important;
  }

  .lg-fs-41 {
    font-size: 2.56rem !important;
  }

  .lg-fs-42 {
    font-size: 2.63rem !important;
  }

  .lg-fs-43 {
    font-size: 2.69rem !important;
  }

  .lg-fs-44 {
    font-size: 2.75rem !important;
  }

  .lg-fs-45 {
    font-size: 2.81rem !important;
  }

  .lg-fs-46 {
    font-size: 2.88rem !important;
  }

  .lg-fs-47 {
    font-size: 2.94rem !important;
  }

  .lg-fs-48 {
    font-size: 3rem !important;
  }

  .lg-fs-49 {
    font-size: 3.06rem !important;
  }

  .lg-fs-50 {
    font-size: 3.13rem !important;
  }

  .lg-fs-51 {
    font-size: 3.19rem !important;
  }

  .lg-fs-52 {
    font-size: 3.25rem !important;
  }

  .lg-fs-53 {
    font-size: 3.31rem !important;
  }

  .lg-fs-54 {
    font-size: 3.38rem !important;
  }

  .lg-fs-55 {
    font-size: 3.44rem !important;
  }

  .lg-fs-56 {
    font-size: 3.5rem !important;
  }

  .lg-fs-57 {
    font-size: 3.56rem !important;
  }

  .lg-fs-58 {
    font-size: 3.63rem !important;
  }

  .lg-fs-59 {
    font-size: 3.69rem !important;
  }

  .lg-fs-60 {
    font-size: 3.75rem !important;
  }

  .lg-fs-61 {
    font-size: 3.81rem !important;
  }

  .lg-fs-62 {
    font-size: 3.88rem !important;
  }

  .lg-fs-63 {
    font-size: 3.94rem !important;
  }

  .lg-fs-64 {
    font-size: 4rem !important;
  }

  .lg-fs-65 {
    font-size: 4.06rem !important;
  }

  .lg-fs-66 {
    font-size: 4.13rem !important;
  }

  .lg-fs-67 {
    font-size: 4.19rem !important;
  }

  .lg-fs-68 {
    font-size: 4.25rem !important;
  }

  .lg-fs-69 {
    font-size: 4.31rem !important;
  }

  .lg-fs-70 {
    font-size: 4.38rem !important;
  }

  .lg-fs-71 {
    font-size: 4.44rem !important;
  }

  .lg-fs-72 {
    font-size: 4.5rem !important;
  }

  .lg-fs-73 {
    font-size: 4.56rem !important;
  }

  .lg-fs-74 {
    font-size: 4.63rem !important;
  }

  .lg-fs-75 {
    font-size: 4.69rem !important;
  }

  .lg-fs-76 {
    font-size: 4.75rem !important;
  }

  .lg-fs-77 {
    font-size: 4.81rem !important;
  }

  .lg-fs-78 {
    font-size: 4.88rem !important;
  }

  .lg-fs-79 {
    font-size: 4.94rem !important;
  }

  .lg-fs-80 {
    font-size: 5rem !important;
  }

  .lg-fs-81 {
    font-size: 5.06rem !important;
  }

  .lg-fs-82 {
    font-size: 5.13rem !important;
  }

  .lg-fs-83 {
    font-size: 5.19rem !important;
  }

  .lg-fs-84 {
    font-size: 5.25rem !important;
  }

  .lg-fs-85 {
    font-size: 5.31rem !important;
  }

  .lg-fs-86 {
    font-size: 5.38rem !important;
  }

  .lg-fs-87 {
    font-size: 5.44rem !important;
  }

  .lg-fs-88 {
    font-size: 5.5rem !important;
  }

  .lg-fs-89 {
    font-size: 5.56rem !important;
  }

  .lg-fs-90 {
    font-size: 5.63rem !important;
  }

  .lg-fs-91 {
    font-size: 5.69rem !important;
  }

  .lg-fs-92 {
    font-size: 5.75rem !important;
  }

  .lg-fs-93 {
    font-size: 5.81rem !important;
  }

  .lg-fs-94 {
    font-size: 5.88rem !important;
  }

  .lg-fs-95 {
    font-size: 5.94rem !important;
  }

  .lg-fs-96 {
    font-size: 6rem !important;
  }

  .lg-fs-97 {
    font-size: 6.06rem !important;
  }

  .lg-fs-98 {
    font-size: 6.13rem !important;
  }

  .lg-fs-99 {
    font-size: 6.19rem !important;
  }

  .lg-fs-100 {
    font-size: 6.25rem !important;
  }

  .lg-pdy0 {
    padding-block: 0rem !important;
  }

  .lg-pdy {
    padding-block: 0.5rem !important;
  }

  .lg-pdy1 {
    padding-block: 1rem !important;
  }

  .lg-pdy1-mid {
    padding-block: 1.5rem !important;
  }

  .lg-pdy2 {
    padding-block: 2rem !important;
  }

  .lg-pdy2-mid {
    padding-block: 2.5rem !important;
  }

  .lg-pdy3 {
    padding-block: 3rem !important;
  }

  .lg-pdy3-mid {
    padding-block: 3.5rem !important;
  }

  .lg-pdy4 {
    padding-block: 4rem !important;
  }

  .lg-pdy4-mid {
    padding-block: 4.5rem !important;
  }

  .lg-pdy5 {
    padding-block: 5rem !important;
  }

  .lg-pdy5-mid {
    padding-block: 5.5rem !important;
  }

  .lg-pdy6 {
    padding-block: 6rem !important;
  }

  .lg-pdy6-mid {
    padding-block: 6.5rem !important;
  }

  .lg-pdy7 {
    padding-block: 7rem !important;
  }

  .lg-pdy7-mid {
    padding-block: 7.5rem !important;
  }

  .lg-pdy8 {
    padding-block: 8rem !important;
  }

  .lg-pdy8-mid {
    padding-block: 8.5rem !important;
  }

  .lg-pdy9 {
    padding-block: 9rem !important;
  }

  .lg-pdy9-mid {
    padding-block: 9.5rem !important;
  }

  .lg-pdy10 {
    padding-block: 10rem !important;
  }

  .lg-pdy10-mid {
    padding-block: 10.5rem !important;
  }

  .lg-pdx.pxhf {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .lg-pdx0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .lg-pdx {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .lg-pdx1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .lg-pdx1.pxhf {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .lg-pdx1.mid {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .lg-pdx2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .lg-pdx3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .lg-pdx4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .lg-pdx5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .lg-pdx6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .lg-pdx7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .lg-pdx8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .lg-pdx9 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }

  .lg-pdx10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .lg-pdb0 {
    padding-bottom: 0 !important;
  }

  .lg-pdb {
    padding-bottom: 0.5em !important;
  }

  .lg-pdbx {
    padding-bottom: 0.75em !important;
  }

  .lg-pdb1 {
    padding-bottom: 1em !important;
  }

  .lg-pdb1x {
    padding-bottom: 1.5em !important;
  }

  .lg-pdb2 {
    padding-bottom: 2em !important;
  }

  .lg-pdb2 {
    padding-bottom: 2.5em !important;
  }

  .lg-pdb3 {
    padding-bottom: 3em !important;
  }

  .lg-pdb4 {
    padding-bottom: 4em !important;
  }

  .lg-pdb5 {
    padding-bottom: 5em !important;
  }

  .lg-pdb6 {
    padding-bottom: 6em !important;
  }

  .lg-pdb7 {
    padding-bottom: 7em !important;
  }

  .lg-pdb8 {
    padding-bottom: 8em !important;
  }

  .lg-pdb9 {
    padding-bottom: 9em !important;
  }

  .lg-pdb10 {
    padding-bottom: 10em !important;
  }

  .lg-pdt0 {
    padding-top: 0 !important;
  }

  .lg-pdt {
    padding-top: 0.5em !important;
  }

  .lg-pdtx {
    padding-top: 0.75em !important;
  }

  .lg-pdt1 {
    padding-top: 1em !important;
  }

  .lg-pdt1-mid {
    padding-top: 1.5em !important;
  }

  .lg-pdt1x {
    padding-top: 1.5em !important;
  }

  .lg-pdt2 {
    padding-top: 2em !important;
  }

  .lg-pdt2x {
    padding-top: 2.5em !important;
  }

  .lg-pdt3 {
    padding-top: 3em !important;
  }

  .lg-pdt4 {
    padding-top: 4em !important;
  }

  .lg-pdt5 {
    padding-top: 5em !important;
  }

  .lg-pdt6 {
    padding-top: 6em !important;
  }

  .lg-pdt7 {
    padding-top: 7em !important;
  }

  .lg-pdt8 {
    padding-top: 8em !important;
  }

  .lg-pdt9 {
    padding-top: 9em !important;
  }

  .lg-pdt10 {
    padding-top: 10em !important;
  }

  .lg-pd0 {
    padding: 0 !important;
  }

  .lg-pd {
    padding: 0.5em !important;
  }

  .lg-pdx {
    padding: 0.75em !important;
  }

  .lg-pd1 {
    padding: 1em !important;
  }

  .lg-pd1x {
    padding: 1.5em !important;
  }

  .lg-pd2 {
    padding: 2em !important;
  }

  .lg-pd2x {
    padding: 2.5em !important;
  }

  .lg-pd3 {
    padding: 3em !important;
  }

  .lg-pd4 {
    padding: 4em !important;
  }

  .lg-pd5 {
    padding: 5em !important;
  }

  .lg-pd6 {
    padding: 6em !important;
  }

  .lg-pd7 {
    padding: 7em !important;
  }

  .lg-pd8 {
    padding: 8em !important;
  }

  .lg-pd9 {
    padding: 9em !important;
  }

  .lg-pd10 {
    padding: 10em !important;
  }

  /*padding right*/
  .lg-pdr0 {
    padding-right: 0 !important;
  }

  .lg-pdr {
    padding-right: 0.5em !important;
  }

  .lg-pdrx {
    padding-right: 0.75em !important;
  }

  .lg-pdr1 {
    padding-right: 1em !important;
  }

  .lg-pdr1x {
    padding-right: 1.5em !important;
  }

  .lg-pdr2 {
    padding-right: 2em !important;
  }

  .lg-pdr2x {
    padding-right: 2.5em !important;
  }

  .lg-pdr3 {
    padding-right: 3em !important;
  }

  .lg-pdr4 {
    padding-right: 4em !important;
  }

  .lg-pdr5 {
    padding-right: 5em !important;
  }

  .lg-pdr6 {
    padding-right: 6em !important;
  }

  .lg-pdr7 {
    padding-right: 7em !important;
  }

  .lg-pdr8 {
    padding-right: 8em !important;
  }

  .lg-pdr9 {
    padding-right: 9em !important;
  }

  .lg-pdr10 {
    padding-right: 10em !important;
  }

  /*padding left*/
  .lg-pdl0 {
    padding-left: 0 !important;
  }

  .lg-pdl {
    padding-left: 0.5em !important;
  }

  .lg-pdlx {
    padding-left: 0.75em !important;
  }

  .lg-pdl1 {
    padding-left: 1em !important;
  }

  .lg-pdl1x {
    padding-left: 1.5em !important;
  }

  .lg-pdl2 {
    padding-left: 2em !important;
  }

  .lg-pdl2-low {
    padding-left: 2.3em !important;
  }

  .lg-pdl2-mid {
    padding-left: 2.5em !important;
  }

  .lg-pdl2x {
    padding-left: 2.5em !important;
  }

  .lg-pdl3 {
    padding-left: 3em !important;
  }

  .lg-pdl4 {
    padding-left: 4em !important;
  }

  .lg-pdl5 {
    padding-left: 5em !important;
  }

  .lg-pdl6 {
    padding-left: 6em !important;
  }

  .lg-pdl7 {
    padding-left: 7em !important;
  }

  .lg-pdl8 {
    padding-left: 8em !important;
  }

  .lg-pdl9 {
    padding-left: 9em !important;
  }

  .lg-pdl10 {
    padding-left: 10em !important;
  }

  .lg-mrgb0 {
    margin-bottom: 0 !important;
  }

  .lg-mrgb {
    margin-bottom: 0.5em !important;
  }

  .lg-mrgb1 {
    margin-bottom: 1em !important;
  }

  .lg-mrgb1-mid {
    margin-bottom: 1.5em !important;
  }

  .lg-mrgb2 {
    margin-bottom: 2em !important;
  }

  .lg-mrgb2-mid {
    margin-bottom: 2.5em !important;
  }

  .lg-mrgb3 {
    margin-bottom: 3em !important;
  }

  .lg-mrgb4 {
    margin-bottom: 4em !important;
  }

  .lg-mrgb5 {
    margin-bottom: 5em !important;
  }

  .lg-mrgb6 {
    margin-bottom: 6em !important;
  }

  .lg-mrgb7 {
    margin-bottom: 7em !important;
  }

  .lg-mrgb8 {
    margin-bottom: 8em !important;
  }

  .lg-mrgb9 {
    margin-bottom: 9em !important;
  }

  .lg-mrgb10 {
    margin-bottom: 10em !important;
  }

  /*Margin top*/
  .lg-mrgt0 {
    margin-top: 0 !important;
  }

  .lg-mrgt {
    margin-top: 0.5em !important;
  }

  .lg-mrgt1 {
    margin-top: 1em !important;
  }

  .lg-mrgt1-mid {
    margin-top: 1.5em !important;
  }

  .lg-mrgt1-mid {
    margin-top: 1.5em !important;
  }

  .lg-mrgt2 {
    margin-top: 2em !important;
  }

  .lg-mrgt2-mid {
    margin-top: 2.5em !important;
  }

  .lg-mrgt3 {
    margin-top: 3em !important;
  }

  .lg-mrgt3-mid {
    margin-top: 3.5em !important;
  }

  .lg-mrgt4 {
    margin-top: 4em !important;
  }

  .lg-mrgt5 {
    margin-top: 5em !important;
  }

  .lg-mrgt6 {
    margin-top: 6em !important;
  }

  .lg-mrgt7 {
    margin-top: 7em !important;
  }

  .lg-mrgt8 {
    margin-top: 8em !important;
  }

  .lg-mrgt9 {
    margin-top: 9em !important;
  }

  .lg-mrgt10 {
    margin-top: 10em !important;
  }

  .lg-mrgt12 {
    margin-top: 12em !important;
  }

  .lg-mrgt14 {
    margin-top: 14em !important;
  }

  /* margin mx */

  .lg-mrgx0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .lg-mrgx {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .lg-mrgx1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .lg-mrgx1.mid {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .lg-mrgx2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .lg-mrgx3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .lg-mrgx4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .lg-mrgx5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .lg-mrgx6 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .lg-mrgx7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .lg-mrgx8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .lg-mrgx9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }

  .lg-mrgx10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .lg-mrgy {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .lg-mrgy1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .lg-mrgy2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .lg-mrgy3 {
    margin: 3em 0 !important;
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .lg-mrgy4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .lg-mrgy5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .lg-mrgy6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .lg-mrgy7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .lg-mrgy8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .lg-mrgy9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }

  .lg-mrgy10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }


  .hero .hero-inner.lmd {
    height: 55vh !important;
  }

  .hero.hero-home .hero-inner {
    height: 75vh !important;
  }


  .pay-box {
    padding-top: 3rem !important;
    padding-bottom: 2.5rem !important;
    height: fit-content;
    border-radius: 16px;
  }


  .pay-box h2:first-of-type {
    -webkit-text-stroke-color: #ff6315 !important;
    -webkit-text-stroke-width: 1px !important;
    -webkit-text-fill-color: #ff6315 !important;
  }

  .pay-box p:first-of-type {
    -webkit-text-stroke-color: #fff !important;
    -webkit-text-stroke-width: 0.5px !important;
    -webkit-text-fill-color: #fff !important;
  }

  .slider {
    min-height: 360px !important;
    width: 292px;
    border-radius: 20px;
    padding-inline: 1.2rem;
    padding-top: 2rem;
  }

  .ar-item {
    min-height: fit-content;
    width: fit-content;
  }


  .mission-card {
    width: 100% !important;
    min-height: 400px;
  }

  .ui-lg-hide {
    display: none !important;
  }

  .ui-lg-show {
    display: block !important;
  }

  .ps-card.sm {
    min-height: 280px;
    width: 100% !important;
    border-radius: 20px;
    background-color: #1D2030;
  }

  .sp-card {
    width: 100%;
  }

  .pm-card img {
    height: 250px !important;
  }

  .pm-gif {
    min-height: fit-content !important;
  }

  .step-line.md {

    /* width: 324px;
    left: calc(25% - 248px);
    top: 50%; */

    left: -28%;
    width: 350px;
    top: 52%;

  }

  .api-img {
    height: 100%;
    margin-top: 2rem;

  }

  .col-card.sm {
    min-height: 220px;
    width: 100%;
    border-radius: 20px;
  }

  .react-tabs__tab {

    padding: 0 !important;
    padding-bottom: 0.5rem !important;
    margin-right: 1rem;

  }

  .react-tabs__tab-list {
    justify-content: center;
  }

  .cr-about .cr-img {
    height: 100%;
    width: 100%;
  }

  .sv-card {
    padding-inline: 1.8rem;
  }

  .sv-card .top {
    height: 200px;
  }

  .switch-card {
    width: 100%;
  }

  .switch-slide.api {
    height: 100%;
    width: 100%;
    padding-top: 2.5rem;
  }

  .switch-slide.api .item.api {
    width: 390px;
    height: 547px;
    margin: auto;

  }

  .ts-bills-card img {
    height: 500px !important;
    width: auto;
    margin: auto;
  }

  .ft-tabs-img .item {
    height: 520px;
    width: 470px;
  }


  .ts-card.mmd {
    width: 100%;
    /* height: 300px; */
  }

  .lg-w-100 {
    width: 100% !important;
  }
}

/* desktop device */
@media screen and (min-width: 992px) {}

/* large device */
@media screen and (max-width:991px) {

  .ts-bills-card {
    min-height: 400px;
  }

  .ts-bills-card img {
    height: 400px !important;
    width: auto;
    margin: auto;
  }

  .step-line.mmd {
    left: -16.2%;
    top: 45.8%;
    width: 270px;
  }

  .ts-getapp-content {
    height: 100%;
  }

  .ts-getapp-img {
    height: 350px;
  }

  .md-fs-norm {
    font-size: 16px !important;
  }

  .md-fs-1,
  .md-fs-1 a,
  .md-fs-1 span {
    font-size: 1px !important;
  }

  .md-fs-2,
  .md-fs-2 a,
  .md-fs-3 span {
    font-size: 2px !important;
  }

  .md-fs-3 {
    font-size: 3px !important;
  }

  .md-fs-4 {
    font-size: 4px !important;
  }

  .md-fs-5 {
    font-size: 5px !important;
  }

  .md-fs-6 {
    font-size: 6px !important;
  }

  .md-fs-7 {
    font-size: 7px !important;
  }

  .md-fs-8 {
    font-size: 8px !important;
  }

  .md-fs-9 {
    font-size: 9px !important;
  }

  .md-fs-10 {
    font-size: 10px !important;
  }

  .md-fs-11 {
    font-size: 11px !important;
  }

  .md-fs-12 {
    font-size: 12px !important;
  }

  .md-fs-13 {
    font-size: 13px !important;
  }

  .md-fs-14 {
    font-size: 14px !important;
  }

  .md-fs-15 {
    font-size: 15px !important;
  }

  .md-fs-16 {
    font-size: 16px !important;
  }

  .md-fs-17 {
    font-size: 1.06rem !important;
  }

  .md-fs-18 {
    font-size: 1.13rem !important;
  }

  .md-fs-19 {
    font-size: 1.19rem !important;
  }

  .md-fs-20 {
    font-size: 1.25rem !important;
  }

  .md-fs-21 {
    font-size: 1.31rem !important;
  }

  .md-fs-22 {
    font-size: 1.38rem !important;
  }

  .md-fs-23 {
    font-size: 1.44rem !important;
  }

  .md-fs-24 {
    font-size: 1.5rem !important;
  }

  .md-fs-25 {
    font-size: 1.56rem !important;
  }

  .md-fs-26 {
    font-size: 1.63rem !important;
  }

  .md-fs-27 {
    font-size: 1.69rem !important;
  }

  .md-fs-28 {
    font-size: 1.75rem !important;
  }

  .md-fs-29 {
    font-size: 1.81rem !important;
  }

  .md-fs-30 {
    font-size: 1.88rem !important;
  }

  .md-fs-31 {
    font-size: 1.94rem !important;
  }

  .md-fs-32 {
    font-size: 2rem !important;
  }

  .md-fs-33 {
    font-size: 2.06rem !important;
  }

  .md-fs-34 {
    font-size: 2.13rem !important;
  }

  .md-fs-35 {
    font-size: 2.19rem !important;
  }

  .md-fs-36 {
    font-size: 2.25rem !important;
  }

  .md-fs-37 {
    font-size: 2.31rem !important;
  }

  .md-fs-38 {
    font-size: 2.38rem !important;
  }

  .md-fs-39 {
    font-size: 2.44rem !important;
  }

  .md-fs-40 {
    font-size: 2.5rem !important;
  }

  .md-fs-41 {
    font-size: 2.56rem !important;
  }

  .md-fs-42 {
    font-size: 2.63rem !important;
  }

  .md-fs-43 {
    font-size: 2.69rem !important;
  }

  .md-fs-44 {
    font-size: 2.75rem !important;
  }

  .md-fs-45 {
    font-size: 2.81rem !important;
  }

  .md-fs-46 {
    font-size: 2.88rem !important;
  }

  .md-fs-47 {
    font-size: 2.94rem !important;
  }

  .md-fs-48 {
    font-size: 3rem !important;
  }

  .md-fs-49 {
    font-size: 3.06rem !important;
  }

  .md-fs-50 {
    font-size: 3.13rem !important;
  }

  .md-fs-51 {
    font-size: 3.19rem !important;
  }

  .md-fs-52 {
    font-size: 3.25rem !important;
  }

  .md-fs-53 {
    font-size: 3.31rem !important;
  }

  .md-fs-54 {
    font-size: 3.38rem !important;
  }

  .md-fs-55 {
    font-size: 3.44rem !important;
  }

  .md-fs-56 {
    font-size: 3.5rem !important;
  }

  .md-fs-57 {
    font-size: 3.56rem !important;
  }

  .md-fs-58 {
    font-size: 3.63rem !important;
  }

  .md-fs-59 {
    font-size: 3.69rem !important;
  }

  .md-fs-60 {
    font-size: 3.75rem !important;
  }

  .md-fs-61 {
    font-size: 3.81rem !important;
  }

  .md-fs-62 {
    font-size: 3.88rem !important;
  }

  .md-fs-63 {
    font-size: 3.94rem !important;
  }

  .md-fs-64 {
    font-size: 4rem !important;
  }

  .md-fs-65 {
    font-size: 4.06rem !important;
  }

  .md-fs-66 {
    font-size: 4.13rem !important;
  }

  .md-fs-67 {
    font-size: 4.19rem !important;
  }

  .md-fs-68 {
    font-size: 4.25rem !important;
  }

  .md-fs-69 {
    font-size: 4.31rem !important;
  }

  .md-fs-70 {
    font-size: 4.38rem !important;
  }

  .md-fs-71 {
    font-size: 4.44rem !important;
  }

  .md-fs-72 {
    font-size: 4.5rem !important;
  }

  .md-fs-73 {
    font-size: 4.56rem !important;
  }

  .md-fs-74 {
    font-size: 4.63rem !important;
  }

  .md-fs-75 {
    font-size: 4.69rem !important;
  }

  .md-fs-76 {
    font-size: 4.75rem !important;
  }

  .md-fs-77 {
    font-size: 4.81rem !important;
  }

  .md-fs-78 {
    font-size: 4.88rem !important;
  }

  .md-fs-79 {
    font-size: 4.94rem !important;
  }

  .md-fs-80 {
    font-size: 5rem !important;
  }

  .md-fs-81 {
    font-size: 5.06rem !important;
  }

  .md-fs-82 {
    font-size: 5.13rem !important;
  }

  .md-fs-83 {
    font-size: 5.19rem !important;
  }

  .md-fs-84 {
    font-size: 5.25rem !important;
  }

  .md-fs-85 {
    font-size: 5.31rem !important;
  }

  .md-fs-86 {
    font-size: 5.38rem !important;
  }

  .md-fs-87 {
    font-size: 5.44rem !important;
  }

  .md-fs-88 {
    font-size: 5.5rem !important;
  }

  .md-fs-89 {
    font-size: 5.56rem !important;
  }

  .md-fs-90 {
    font-size: 5.63rem !important;
  }

  .md-fs-91 {
    font-size: 5.69rem !important;
  }

  .md-fs-92 {
    font-size: 5.75rem !important;
  }

  .md-fs-93 {
    font-size: 5.81rem !important;
  }

  .md-fs-94 {
    font-size: 5.88rem !important;
  }

  .md-fs-95 {
    font-size: 5.94rem !important;
  }

  .md-fs-96 {
    font-size: 6rem !important;
  }

  .md-fs-97 {
    font-size: 6.06rem !important;
  }

  .md-fs-98 {
    font-size: 6.13rem !important;
  }

  .md-fs-99 {
    font-size: 6.19rem !important;
  }

  .md-fs-100 {
    font-size: 6.25rem !important;
  }

  .navbar-nav {

    padding-left: 0;
    margin-bottom: 0;
    align-items: center;
    gap: 1.5rem;
    /* list-style: none; */
    /* width: 300px; */
  }

  .main-nav .nav .nav-item .nav-prod {
    left: -130px;
    top: 40px;
    /* min-width: 342px; */
    height: fit-content;
    border: 2px solid #ffd394;
    z-index: 5;
  }

  .main-nav .nav .nav-item .nav-prod .left {
    height: 100%;
    border-radius: 0px;

  }

  .main-nav .nav .nav-item .nav-prod .left a:hover {
    /* background-color: #363B57; */
  }

  .main-nav .nav .nav-item .nav-prod .left a {
    border-radius: 5px;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
    padding-block: 0.4rem;
  }

  .main-nav .nav .nav-item .nav-col {
    left: -40px;
    top: 40px;
    min-width: 194px;
    height: fit-content;
    padding-top: 0rem;
    padding-bottom: 1rem;
    padding-left: 0.5rem;
    border-radius: 10px;
    z-index: 5;
  }

  .main-nav .nav .nav-item .nav-col.md {
    left: -90px;
    top: 40px;
    min-width: 224px !important;
    padding-top: 0rem;
    padding-bottom: 1rem;
    padding-left: 0.5rem;
    border-radius: 10px;
    z-index: 5;
  }

  .md-pdy0 {
    padding-block: 0rem !important;
  }

  .md-pdy {
    padding-block: 0.5rem !important;
  }

  .md-pdy1 {
    padding-block: 1rem !important;
  }

  .md-pdy1-mid {
    padding-block: 1.5rem !important;
  }

  .md-pdy2 {
    padding-block: 2rem !important;
  }

  .md-pdy2-mid {
    padding-block: 2.5rem !important;
  }

  .md-pdy3 {
    padding-block: 3rem !important;
  }

  .md-pdy3-mid {
    padding-block: 3.5rem !important;
  }

  .md-pdy4 {
    padding-block: 4rem !important;
  }

  .md-pdy4-mid {
    padding-block: 4.5rem !important;
  }

  .md-pdy5 {
    padding-block: 5rem !important;
  }

  .md-pdy5-mid {
    padding-block: 5.5rem !important;
  }

  .md-pdy6 {
    padding-block: 6rem !important;
  }

  .md-pdy6-mid {
    padding-block: 6.5rem !important;
  }

  .md-pdy7 {
    padding-block: 7rem !important;
  }

  .md-pdy7-mid {
    padding-block: 7.5rem !important;
  }

  .md-pdy8 {
    padding-block: 8rem !important;
  }

  .md-pdy8-mid {
    padding-block: 8.5rem !important;
  }

  .md-pdy9 {
    padding-block: 9rem !important;
  }

  .md-pdy9-mid {
    padding-block: 9.5rem !important;
  }

  .md-pdy10 {
    padding-block: 10rem !important;
  }

  .md-pdy10-mid {
    padding-block: 10.5rem !important;
  }

  .md-pdx.pxhf {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .md-pdx0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .md-pdx {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .md-pdx1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .md-pdx1.pxhf {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .md-pdx1.mid {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .md-pdx2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .md-pdx3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .md-pdx4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .md-pdx5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .md-pdx6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .md-pdx7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .md-pdx8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .md-pdx9 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }

  .md-pdx10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .md-pdb0 {
    padding-bottom: 0 !important;
  }

  .md-pdb {
    padding-bottom: 0.5em !important;
  }

  .md-pdbx {
    padding-bottom: 0.75em !important;
  }

  .md-pdb1 {
    padding-bottom: 1em !important;
  }

  .md-pdb1x {
    padding-bottom: 1.5em !important;
  }

  .md-pdb2 {
    padding-bottom: 2em !important;
  }

  .md-pdb2 {
    padding-bottom: 2.5em !important;
  }

  .md-pdb3 {
    padding-bottom: 3em !important;
  }

  .md-pdb4 {
    padding-bottom: 4em !important;
  }

  .md-pdb5 {
    padding-bottom: 5em !important;
  }

  .md-pdb6 {
    padding-bottom: 6em !important;
  }

  .md-pdb7 {
    padding-bottom: 7em !important;
  }

  .md-pdb8 {
    padding-bottom: 8em !important;
  }

  .md-pdb9 {
    padding-bottom: 9em !important;
  }

  .md-pdb10 {
    padding-bottom: 10em !important;
  }

  .md-pdt0 {
    padding-top: 0 !important;
  }

  .md-pdt {
    padding-top: 0.5em !important;
  }

  .md-pdtx {
    padding-top: 0.75em !important;
  }

  .md-pdt1 {
    padding-top: 1em !important;
  }

  .md-pdt1-mid {
    padding-top: 1.5em !important;
  }

  .md-pdt1x {
    padding-top: 1.5em !important;
  }

  .md-pdt2 {
    padding-top: 2em !important;
  }

  .md-pdt2x {
    padding-top: 2.5em !important;
  }

  .md-pdt3 {
    padding-top: 3em !important;
  }

  .md-pdt4 {
    padding-top: 4em !important;
  }

  .md-pdt5 {
    padding-top: 5em !important;
  }

  .md-pdt6 {
    padding-top: 6em !important;
  }

  .md-pdt7 {
    padding-top: 7em !important;
  }

  .md-pdt8 {
    padding-top: 8em !important;
  }

  .md-pdt9 {
    padding-top: 9em !important;
  }

  .md-pdt10 {
    padding-top: 10em !important;
  }

  .md-pd0 {
    padding: 0 !important;
  }

  .md-pd {
    padding: 0.5em !important;
  }

  .md-pdx {
    padding: 0.75em !important;
  }

  .md-pd1 {
    padding: 1em !important;
  }

  .md-pd1x {
    padding: 1.5em !important;
  }

  .md-pd2 {
    padding: 2em !important;
  }

  .md-pd2x {
    padding: 2.5em !important;
  }

  .md-pd3 {
    padding: 3em !important;
  }

  .md-pd4 {
    padding: 4em !important;
  }

  .md-pd5 {
    padding: 5em !important;
  }

  .md-pd6 {
    padding: 6em !important;
  }

  .md-pd7 {
    padding: 7em !important;
  }

  .md-pd8 {
    padding: 8em !important;
  }

  .md-pd9 {
    padding: 9em !important;
  }

  .md-pd10 {
    padding: 10em !important;
  }

  /*padding right*/
  .md-pdr0 {
    padding-right: 0 !important;
  }

  .md-pdr {
    padding-right: 0.5em !important;
  }

  .md-pdrx {
    padding-right: 0.75em !important;
  }

  .md-pdr1 {
    padding-right: 1em !important;
  }

  .md-pdr1x {
    padding-right: 1.5em !important;
  }

  .md-pdr2 {
    padding-right: 2em !important;
  }

  .md-pdr2x {
    padding-right: 2.5em !important;
  }

  .md-pdr3 {
    padding-right: 3em !important;
  }

  .md-pdr4 {
    padding-right: 4em !important;
  }

  .md-pdr5 {
    padding-right: 5em !important;
  }

  .md-pdr6 {
    padding-right: 6em !important;
  }

  .md-pdr7 {
    padding-right: 7em !important;
  }

  .md-pdr8 {
    padding-right: 8em !important;
  }

  .md-pdr9 {
    padding-right: 9em !important;
  }

  .md-pdr10 {
    padding-right: 10em !important;
  }

  /*padding left*/
  .md-pdl0 {
    padding-left: 0 !important;
  }

  .md-pdl {
    padding-left: 0.5em !important;
  }

  .md-pdlx {
    padding-left: 0.75em !important;
  }

  .md-pdl1 {
    padding-left: 1em !important;
  }

  .md-pdl1x {
    padding-left: 1.5em !important;
  }

  .md-pdl2 {
    padding-left: 2em !important;
  }

  .md-pdl2-low {
    padding-left: 2.3em !important;
  }

  .md-pdl2-mid {
    padding-left: 2.5em !important;
  }

  .md-pdl2x {
    padding-left: 2.5em !important;
  }

  .md-pdl3 {
    padding-left: 3em !important;
  }

  .md-pdl4 {
    padding-left: 4em !important;
  }

  .md-pdl5 {
    padding-left: 5em !important;
  }

  .md-pdl6 {
    padding-left: 6em !important;
  }

  .md-pdl7 {
    padding-left: 7em !important;
  }

  .md-pdl8 {
    padding-left: 8em !important;
  }

  .md-pdl9 {
    padding-left: 9em !important;
  }

  .md-pdl10 {
    padding-left: 10em !important;
  }

  .md-mrgb0 {
    margin-bottom: 0 !important;
  }

  .md-mrgb {
    margin-bottom: 0.5em !important;
  }

  .md-mrgb1 {
    margin-bottom: 1em !important;
  }

  .md-mrgb1-mid {
    margin-bottom: 1.5em !important;
  }

  .md-mrgb2 {
    margin-bottom: 2em !important;
  }

  .md-mrgb2-mid {
    margin-bottom: 2.5em !important;
  }

  .md-mrgb3 {
    margin-bottom: 3em !important;
  }

  .md-mrgb4 {
    margin-bottom: 4em !important;
  }

  .md-mrgb5 {
    margin-bottom: 5em !important;
  }

  .md-mrgb6 {
    margin-bottom: 6em !important;
  }

  .md-mrgb7 {
    margin-bottom: 7em !important;
  }

  .md-mrgb8 {
    margin-bottom: 8em !important;
  }

  .md-mrgb9 {
    margin-bottom: 9em !important;
  }

  .md-mrgb10 {
    margin-bottom: 10em !important;
  }

  /*Margin top*/
  .md-mrgt0 {
    margin-top: 0 !important;
  }

  .md-mrgt {
    margin-top: 0.5em !important;
  }

  .md-mrgt1 {
    margin-top: 1em !important;
  }

  .md-mrgt1-mid {
    margin-top: 1.5em !important;
  }

  .md-mrgt1-mid {
    margin-top: 1.5em !important;
  }

  .md-mrgt2 {
    margin-top: 2em !important;
  }

  .md-mrgt2-mid {
    margin-top: 2.5em !important;
  }

  .md-mrgt3 {
    margin-top: 3em !important;
  }

  .md-mrgt3-mid {
    margin-top: 3.5em !important;
  }

  .md-mrgt4 {
    margin-top: 4em !important;
  }

  .md-mrgt5 {
    margin-top: 5em !important;
  }

  .md-mrgt6 {
    margin-top: 6em !important;
  }

  .md-mrgt7 {
    margin-top: 7em !important;
  }

  .md-mrgt8 {
    margin-top: 8em !important;
  }

  .md-mrgt9 {
    margin-top: 9em !important;
  }

  .md-mrgt10 {
    margin-top: 10em !important;
  }

  .md-mrgt12 {
    margin-top: 12em !important;
  }

  .md-mrgt14 {
    margin-top: 14em !important;
  }

  /* margin mx */

  .md-mrgx0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .md-mrgx {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .md-mrgx1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .md-mrgx1.mid {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .md-mrgx2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .md-mrgx3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .md-mrgx4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .md-mrgx5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .md-mrgx6 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .md-mrgx7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .md-mrgx8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .md-mrgx9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }

  .md-mrgx10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .md-mrgy {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .md-mrgy1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .md-mrgy2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .md-mrgy3 {
    margin: 3em 0 !important;
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .md-mrgy4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .md-mrgy5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .md-mrgy6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .md-mrgy7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .md-mrgy8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .md-mrgy9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }

  .md-mrgy10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .container {
    width: 94% !important;
  }

  .sv-card.md {
    height: 380px !important;
  }

  .about-who {
    width: 100%;
  }

  .swiper-slide {
    width: 100% !important;
    margin-right: 40px !important;
  }

  .slider {
    width: 100% !important;
  }

  .mission-card {

    width: 100% !important;
    min-height: 400px;

  }

  .sp-card {
    width: 100%;
    min-height: 360px;
    margin-bottom: 1rem;
  }

  .app-store.sm {
    min-width: 180px;
    min-height: 70px;
  }

  .app-store-img {

    height: 400px;
    overflow-y: hidden;
    position: relative;
    top: 100px;
    right: -16%;

  }

  .app-store-img img {
    width: 520px;
  }

  .pm-card img {
    height: 200px !important;
  }

  .pm-card {
    /* background-color: #141620; */
    min-height: 100%;
    border-radius: 24px;
  }

  .pm-card.md {
    /* background-color: #141620; */
    height: 100% !important;
    border-radius: 24px;
  }

  .pm-settle {
    min-height: 230px;
  }

  .ps-card.sm {
    min-height: 250px;
    padding-bottom: 1rem;
    width: 100% !important;
  }

  .ps-card.sm .img-card {
    min-height: min-content !important;
  }

  .ps-card.sm .img-card img {
    height: fit-content !important;
  }

  .api-img {
    height: 100%;
    margin-top: 2rem;

  }

  .col-card {
    width: 100%;
    padding: 1.1rem;
    min-height: 250px;
  }

  .col-card.sm {
    min-height: 100%;
    width: 100%;
    border-radius: 20px;
    padding: 1rem;
  }

  .react-tabs__tab {
    padding: 0 !important;
    padding-bottom: 0.7rem !important;
    margin-right: 1rem;
    margin-bottom: 1rem;
  }

  .react-tabs__tab-list {
    display: inline-flex;
    padding-inline: 0 !important;
    margin: auto !important;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .cr-about .cr-img {
    height: 100%;
    width: 100%;
  }

  .cr-about .cr-img img {
    border-radius: 10px !important;
  }

  .cr-join {
    height: 100%;
  }


  .step-line.md {

    left: -28%;
    width: 350px;
    top: 52%;

  }

  .md-ui-line-height {
    line-height: 1.5em !important;
  }

  .md-ui-line-height-msmall {
    line-height: 1.1em !important;
  }

  .md-ui-line-height-small {
    line-height: 1em !important;
  }

  .md-ui-line-height-smallx {
    line-height: 1.25em !important;
  }

  .md-ui-line-height-mini {
    line-height: 0.5em !important;
  }

  .md-ui-line-height-medium {
    line-height: 1.7em !important;
  }

  .md-ui-line-height-large {
    line-height: 2em !important;
  }

  .md-ui-line-height-mlarge {
    line-height: 2.5em !important;
  }

  .md-ui-line-height-xlarge {
    line-height: 3em !important;
  }

  .md-ui-text-center {
    text-align: center;
  }

  .md-ui-mx-center {
    margin-inline: auto !important;
  }

  .switch-card {
    width: 100%;
  }

  /* 
  .ui-md-hide {
    display: none;
  }

  .ui-md-show {
    display: block;
  } */

  .switch-card {
    display: block;
    height: 100%;
  }

  .switch-card .item {
    padding: 10px;
  }

  .switch-slide {
    min-height: 450px;
  }


  .switch-slide.api {
    width: 100%;
    height: 100%;
  }

  .switch-slide.api .item.api {
    width: 450px;
    height: 450px;
    margin: auto;
  }

  .switch-slide .item,
  .switch-slide .item.fast,
  .switch-slide .item.wallets,
  .switch-slide .item.agency,
  .switch-slide .item.api,
  .switch-slide .item.developers {
    width: 280px;
    height: 400px;
  }

  .switch-slide .item,
  .switch-slide .item.wallets {
    height: 100%;
  }

  .switch-slide .item.developers {
    width: 280px;
    height: 300px;
  }

  .ft-tabs-img {
    height: 100%;
  }

  .home-api img {
    height: 100%;
  }

  .md-w-100 {
    width: 100% !important;
  }

  .md-w-50 {
    width: 50% !important;
  }

  .md-w-75 {
    width: 75% !important;
  }

  .max-w-100 {
    width: 100% !important;
  }

  .ts-card.lg {
    height: 100%;
  }

  .ts-services {
    height: 400px;
  }

  .btn.md-heighted {
    height: 70px !important;
    align-items: center;
  }

  .app-store {

    min-width: 178px !important;
  }

  .lg-w-100 {
    width: 100% !important;
  }

}

/* smart mobile device */
@media screen and (max-width:768px) {

  .ts-bills-card img {
    height: 400px !important;
    width: auto;
    margin: auto;
  }


  .app-store.smd {
    min-width: 150px !important;
  }

  .md-w-100 {
    width: 100% !important;
  }

  .ui-md-hide {
    display: none !important;
  }

  .ui-md-flex {
    display: flex !important;
  }

  .ui-md-show {
    display: block !important;
  }

  .container-fluid {
    width: 93%;
  }

  .container {
    width: 93%;
  }

  .legal .step {
    gap: 1rem;
  }

  .header {
    background-color: #03012c;
  }

  .header .main-nav .navbar-brand {
    min-width: auto;
    text-align: center;
    position: relative;
    left: -3px;
  }

  .main-nav .nav .nav-item a {
    display: inline-block;
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .main-nav .nav .nav-item {
    margin-right: 0px;
    margin: 0;
  }

  .navbar-collapse {
    padding: 1.5rem 0;
  }

  .section .section-title.xl {
    font-size: 27px;
    line-height: 32px;
  }

  .container {
    padding: 0 15px !important;
  }

  .ui-dashboard-topbar.stick {
    padding: 0.8rem 1.2rem;
  }

  .overview .col-md-3 {
    margin-bottom: 1rem;
  }

  .section .section-title.xl.mt-8 {
    margin-top: 2rem !important;
  }

  img.big-round.sm {
    border-radius: 20px;
  }

  img.big-round {
    border-radius: 20px;
  }

  .main-nav {
    padding: 0.7rem 0;
  }

  .section.biz {
    padding: 0.5rem 0 !important;
  }

  .section .section-title.lg {
    font-size: 25px;
  }

  .ui-dashboard-topbar .ui-topbar-nav {
    display: flex;
    align-items: center;
  }

  .overview .col-md-3 {
    width: 50%;
  }

  .table-responsive {
    padding: 0 !important;
  }

  .table-responsive::-webkit-scrollbar {
    height: 2px;
  }

  .ui-table thead th {
    line-height: 15px;
  }

  .ui-page-header .pdl1 {
    padding: 0 !important;
  }

  .ui-page-header-options .ui-group-button a {
    margin: 0 0.4rem;
  }

  .ui-page-header-options .ui-group-button a:last-child {
    margin: 0 !important;
  }

  .table th,
  .table td {
    display: inline-flex;
    width: 33%;
  }

  .table.d-flat th,
  .table.d-flat td {
    width: 33% !important;
  }

  .table th.w-20,
  .table td.w-20 {
    width: 20%;
  }

  .table th.w-25,
  .table td.w-25 {
    width: 30%;
  }

  .table th.w-30,
  .table td.w-30 {
    width: 30%;
  }

  .table th.w-40,
  .table td.w-40 {
    width: 40%;
  }

  .text-elipsis {
    display: inline-block;
    text-overflow: ellipsis !important;
    overflow-x: hidden;
    width: 50%;
    white-space: nowrap;
  }

  .text-elipsis.md {
    width: 30%;
  }

  .text-elipsis.sm {
    width: 15%;
  }

  .text-elipsis.lg {
    width: 70%;
  }

  .form.form-box.h-md,
  .form-box.h-md {
    padding-right: 0;
    padding-left: 0;
  }

  .form-box.default {
    background-color: #fff;
  }

  .ui-body-content-inner .ui-wrapper-mini:first-child {
    padding: 0 !important;
    margin-top: 0 !important;
  }

  .ui-wrapper-xmini {
    padding: 0 !important;
  }

  .ts-card.mmd {
    width: 100%;
    height: 300px;
  }

  .ts-card.md {
    height: 450px;
    min-height: 100%;
  }

  .md-max-w-100 {
    max-width: 100%;
  }

  .step-line.md {
    width: 304px;
    left: -16.5%;
    top: calc(50% + 40px);
  }

}

/* smart mobile device */
@media (max-width: 767px) {

  .navigation {
    padding: 0;
  }



  .hero .caption,
  .hero .caption span {
    margin-top: 3rem !important;
    font-size: 42px;
    line-height: 52px;
  }

  .hero.hero-home .hero-inner,
  .hero .hero-inner.lmd,
  .hero .hero-inner {
    height: auto;
    padding: 5rem 0;
  }

}

/* tablet-smart device */
@media screen and (min-width: 600px) {}

/* tablet device */
@media (min-width: 576px) {



  .modal-dialog {
    max-width: 750px;
    margin: 0 auto;
  }

  .modal.slim .modal-dialog {
    max-width: 400px;
    margin: 0 auto;
  }

  .modal.slim-lg .modal-dialog {
    max-width: 550px;
    margin: 0 auto;
  }

  .modal.slim-mlg .modal-dialog {
    max-width: 650px;
    margin: 0 auto;
  }

  .modal.slim-xlg .modal-dialog {
    max-width: 700px;
    margin: 0 auto;
  }

  .modal.slim-xxlg .modal-dialog {
    max-width: 817px;
    margin: 0 auto;
  }

  .modal-dialog .modal-content {
    border-radius: 16px;
  }

  .custom-modal .modal-content {
    border-radius: 16px;
  }

  .custom-modal .dm--dbx {
    border-radius: 14px 0 0 14px;
    width: 35%;
    min-height: 300px;
  }

  .custom-modal.sm .dm--dbx,
  .custom-modal .modal-content .modal-body {
    min-height: 250px;
  }

  .custom-modal.md .dm--dbx {
    min-height: 380px;
  }

  .custom-modal.lg .dm--dbx {
    min-height: 450px;
  }

  .custom-modal.xl .dm--dbx {
    min-height: 500px;
  }

  .custom-modal .modal-content .modal-body {
    padding: 0 !important;
  }

  .custom-modal .dm--body {
    padding: 1.7rem 2.5rem;
    border-radius: 0 16px 16px 0;
    width: 65%;
    position: relative;
  }

  .custom-modal .dm--body .dm--ct {
    min-height: 85%;
    position: relative;
  }

  .custom-modal .dm--body .dm--ct .btn {
    bottom: 0;
  }

  .custom-modal .form-control {
    border-radius: 6px;
    width: 100% !important;
    min-height: 45px !important;
  }

  .custom-modal form select.form-control {
    min-height: 51px !important;
    border-radius: 4px !important;
  }

  .custom-modal form .form-control:focus,
  .custom-modal form .form-control:active {
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid #6d6d6c;
  }

  .custom-modal.flat .dm--dbx {
    display: none;
  }

  .custom-modal.flat .dm--body {
    width: 100%;
    /* height: 450px !important; */
  }

  .custom-modal.flat.stretched .dm--body {
    height: 550px !important;
  }

  .custom-modal.flat .dm--body .dm--ct {
    height: auto !important;
  }

  .modal-content {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
  }

  .modal-drop.select-box {
    min-height: 50px;
    border-radius: 6px;
  }

  .modal-drop.select-box .control {
    min-height: 47px;
    font-family: 'Aeonik-Regular';
  }

  .modal-drop.select-box .menu .menu-list {
    position: relative;
    max-height: 130px;
    font-family: 'Aeonik-Regular';
  }

  .modal-drop.select-box .menu .menu-search .menu-search__input {
    font-family: 'Aeonik-Regular';
  }


}

/* medium device */
@media (max-width:576px) {


  .step-line.mmd.personal {
    left: -45.5%;
    top: 43.8%;
    width: 350px;
  }

  .hero.hero-home .hero-inner.full {
    height: 100vh !important;
  }

  .hero .hero-inner.lmd.full {
    height: 100vh !important;
  }

  .account-card {
    flex-direction: column;
  }

  .about-img img {
    min-height: 100%;
  }

  .ts-pt-img img {
    min-height: 100%;
  }

  .ui-show-mobile {
    display: block !important;
  }

  .ui-hide-mobile {
    display: none !important;
  }

  .sm-link-round {
    height: 22px;
    width: 22px;
  }

  .sm-link-round.md {
    height: 35px;
    width: 35px;
  }


  .sm-link-round.lg {
    width: 40px;
    height: 40px;
  }

  .sm-ui-line-height {
    line-height: 1.5em !important;
  }

  .sm-ui-line-height-msmall {
    line-height: 1.1em !important;
  }

  .sm-ui-line-height-small {
    line-height: 1em !important;
  }

  .sm-ui-line-height-smallx {
    line-height: 1.25em !important;
  }

  .sm-ui-line-height-mini {
    line-height: 0.5em !important;
  }

  .sm-ui-line-height-medium {
    line-height: 1.7em !important;
  }

  .sm-ui-line-height-large {
    line-height: 2em !important;
  }

  .sm-ui-line-height-mlarge {
    line-height: 2.5em !important;
  }

  .sm-ui-line-height-xlarge {
    line-height: 3em !important;
  }

  .sm-ui-rounded {
    border-radius: 100em !important;
  }

  .sm-ui-rounded-smedium {
    border-radius: .63em !important;
  }

  .sm-ui-rounded-xsmall {
    border-radius: 0.3em !important;
  }

  .sm-ui-rounded-small {
    border-radius: 0.5em !important;
  }

  .sm-ui-rounded-mini {
    border-radius: 0.2em !important;
  }

  .sm-ui-rounded-medium {
    border-radius: 1em !important;
  }

  .sm-ui-rounded-lmedium {
    border-radius: 1.25em !important;
  }

  .sm-ui-rounded-large {
    border-radius: 1.5em !important;
  }

  .sm-ui-rounded-xlarge {
    border-radius: 2em !important;
  }

  .sm-ui-rounded-xxlarge {
    border-radius: 3em !important;
  }

  .sm-ui-rounded-alt {
    border-radius: 0.5em 0 0.5em 0 !important;
  }

  .sm-ui-rounded-up {
    border-radius: 0.5em 0.5em 0 0 !important;
  }

  .sm-ui-rounded-down {
    border-radius: 0 0 0.5em 0.5em !important;
  }

  .sm-fs-1,
  .sm-fs-1 a,
  .sm-fs-1 span {
    font-size: 1px !important;
  }

  .sm-fs-2,
  .sm-fs-2 a,
  .sm-fs-3 span {
    font-size: 2px !important;
  }

  .sm-fs-3 {
    font-size: 3px !important;
  }

  .sm-fs-4 {
    font-size: 4px !important;
  }

  .sm-fs-5 {
    font-size: 5px !important;
  }

  .sm-fs-6 {
    font-size: 6px !important;
  }

  .sm-fs-7 {
    font-size: 7px !important;
  }

  .sm-fs-8 {
    font-size: 8px !important;
  }

  .sm-fs-9 {
    font-size: 9px !important;
  }

  .sm-fs-10 {
    font-size: 10px !important;
  }

  .sm-fs-11 {
    font-size: 11px !important;
  }

  .sm-fs-12 {
    font-size: 12px !important;
  }

  .sm-fs-13 {
    font-size: 13px !important;
  }

  .sm-fs-14 {
    font-size: 14px !important;
  }

  .sm-fs-15 {
    font-size: 15px !important;
  }

  .sm-fs-16 {
    font-size: 16px !important;
  }

  .sm-fs-17 {
    font-size: 1.06rem !important;
  }

  .sm-fs-18 {
    font-size: 1.13rem !important;
  }

  .sm-fs-19 {
    font-size: 1.19rem !important;
  }

  .sm-fs-20 {
    font-size: 1.25rem !important;
  }

  .sm-fs-21 {
    font-size: 1.31rem !important;
  }

  .sm-fs-22 {
    font-size: 1.38rem !important;
  }

  .sm-fs-23 {
    font-size: 1.44rem !important;
  }

  .sm-fs-24 {
    font-size: 1.5rem !important;
  }

  .sm-fs-25 {
    font-size: 1.56rem !important;
  }

  .sm-fs-26 {
    font-size: 1.63rem !important;
  }

  .sm-fs-27 {
    font-size: 1.69rem !important;
  }

  .sm-fs-28 {
    font-size: 1.75rem !important;
  }

  .sm-fs-29 {
    font-size: 1.81rem !important;
  }

  .sm-fs-30 {
    font-size: 1.88rem !important;
  }

  .sm-fs-31 {
    font-size: 1.94rem !important;
  }

  .sm-fs-32 {
    font-size: 2rem !important;
  }

  .sm-fs-33 {
    font-size: 2.06rem !important;
  }

  .sm-fs-34 {
    font-size: 2.13rem !important;
  }

  .sm-fs-35 {
    font-size: 2.19rem !important;
  }

  .sm-fs-36 {
    font-size: 2.25rem !important;
  }

  .sm-fs-37 {
    font-size: 2.31rem !important;
  }

  .sm-fs-38 {
    font-size: 2.38rem !important;
  }

  .sm-fs-39 {
    font-size: 2.44rem !important;
  }

  .sm-fs-40 {
    font-size: 2.5rem !important;
  }

  .sm-fs-41 {
    font-size: 2.56rem !important;
  }

  .sm-fs-42 {
    font-size: 2.63rem !important;
  }

  .sm-fs-43 {
    font-size: 2.69rem !important;
  }

  .sm-fs-44 {
    font-size: 2.75rem !important;
  }

  .sm-fs-45 {
    font-size: 2.81rem !important;
  }

  .sm-fs-46 {
    font-size: 2.88rem !important;
  }

  .sm-fs-47 {
    font-size: 2.94rem !important;
  }

  .sm-fs-48 {
    font-size: 3rem !important;
  }

  .sm-fs-49 {
    font-size: 3.06rem !important;
  }

  .sm-fs-50 {
    font-size: 3.13rem !important;
  }

  .sm-fs-51 {
    font-size: 3.19rem !important;
  }

  .sm-fs-52 {
    font-size: 3.25rem !important;
  }

  .sm-fs-53 {
    font-size: 3.31rem !important;
  }

  .sm-fs-54 {
    font-size: 3.38rem !important;
  }

  .sm-fs-55 {
    font-size: 3.44rem !important;
  }

  .sm-fs-56 {
    font-size: 3.5rem !important;
  }

  .sm-fs-57 {
    font-size: 3.56rem !important;
  }

  .sm-fs-58 {
    font-size: 3.63rem !important;
  }

  .sm-fs-59 {
    font-size: 3.69rem !important;
  }

  .sm-fs-60 {
    font-size: 3.75rem !important;
  }

  .sm-fs-61 {
    font-size: 3.81rem !important;
  }

  .sm-fs-62 {
    font-size: 3.88rem !important;
  }

  .sm-fs-63 {
    font-size: 3.94rem !important;
  }

  .sm-fs-64 {
    font-size: 4rem !important;
  }

  .sm-fs-65 {
    font-size: 4.06rem !important;
  }

  .sm-fs-66 {
    font-size: 4.13rem !important;
  }

  .sm-fs-67 {
    font-size: 4.19rem !important;
  }

  .sm-fs-68 {
    font-size: 4.25rem !important;
  }

  .sm-fs-69 {
    font-size: 4.31rem !important;
  }

  .sm-fs-70 {
    font-size: 4.38rem !important;
  }

  .sm-fs-71 {
    font-size: 4.44rem !important;
  }

  .sm-fs-72 {
    font-size: 4.5rem !important;
  }

  .sm-fs-73 {
    font-size: 4.56rem !important;
  }

  .sm-fs-74 {
    font-size: 4.63rem !important;
  }

  .sm-fs-75 {
    font-size: 4.69rem !important;
  }

  .sm-fs-76 {
    font-size: 4.75rem !important;
  }

  .sm-fs-77 {
    font-size: 4.81rem !important;
  }

  .sm-fs-78 {
    font-size: 4.88rem !important;
  }

  .sm-fs-79 {
    font-size: 4.94rem !important;
  }

  .sm-fs-80 {
    font-size: 5rem !important;
  }

  .sm-fs-81 {
    font-size: 5.06rem !important;
  }

  .sm-fs-82 {
    font-size: 5.13rem !important;
  }

  .sm-fs-83 {
    font-size: 5.19rem !important;
  }

  .sm-fs-84 {
    font-size: 5.25rem !important;
  }

  .sm-fs-85 {
    font-size: 5.31rem !important;
  }

  .sm-fs-86 {
    font-size: 5.38rem !important;
  }

  .sm-fs-87 {
    font-size: 5.44rem !important;
  }

  .sm-fs-88 {
    font-size: 5.5rem !important;
  }

  .sm-fs-89 {
    font-size: 5.56rem !important;
  }

  .sm-fs-90 {
    font-size: 5.63rem !important;
  }

  .sm-fs-91 {
    font-size: 5.69rem !important;
  }

  .sm-fs-92 {
    font-size: 5.75rem !important;
  }

  .sm-fs-93 {
    font-size: 5.81rem !important;
  }

  .sm-fs-94 {
    font-size: 5.88rem !important;
  }

  .sm-fs-95 {
    font-size: 5.94rem !important;
  }

  .sm-fs-96 {
    font-size: 6rem !important;
  }

  .sm-fs-97 {
    font-size: 6.06rem !important;
  }

  .sm-fs-98 {
    font-size: 6.13rem !important;
  }

  .sm-fs-99 {
    font-size: 6.19rem !important;
  }

  .sm-fs-100 {
    font-size: 6.25rem !important;
  }

  .sm-pdy0 {
    padding-block: 0rem !important;
  }

  .sm-pdy {
    padding-block: 0.5rem !important;
  }

  .sm-pdy1 {
    padding-block: 1rem !important;
  }

  .sm-pdy1-mid {
    padding-block: 1.5rem !important;
  }

  .sm-pdy2 {
    padding-block: 2rem !important;
  }

  .sm-pdy2-mid {
    padding-block: 2.5rem !important;
  }

  .sm-pdy3 {
    padding-block: 3rem !important;
  }

  .sm-pdy3-mid {
    padding-block: 3.5rem !important;
  }

  .sm-pdy4 {
    padding-block: 4rem !important;
  }

  .sm-pdy4-mid {
    padding-block: 4.5rem !important;
  }

  .sm-pdy5 {
    padding-block: 5rem !important;
  }

  .sm-pdy5-mid {
    padding-block: 5.5rem !important;
  }

  .sm-pdy6 {
    padding-block: 6rem !important;
  }

  .sm-pdy6-mid {
    padding-block: 6.5rem !important;
  }

  .sm-pdy7 {
    padding-block: 7rem !important;
  }

  .sm-pdy7-mid {
    padding-block: 7.5rem !important;
  }

  .sm-pdy8 {
    padding-block: 8rem !important;
  }

  .sm-pdy8-mid {
    padding-block: 8.5rem !important;
  }

  .sm-pdy9 {
    padding-block: 9rem !important;
  }

  .sm-pdy9-mid {
    padding-block: 9.5rem !important;
  }

  .sm-pdy10 {
    padding-block: 10rem !important;
  }

  .sm-pdy10-mid {
    padding-block: 10.5rem !important;
  }

  .sm-pdx.pxhf {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }

  .sm-pdx0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }

  .sm-pdx {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  .sm-pdx1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .sm-pdx1.pxhf {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .sm-pdx1.mid {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }

  .sm-pdx2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }

  .sm-pdx3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }

  .sm-pdx4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }

  .sm-pdx5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }

  .sm-pdx6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }

  .sm-pdx7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }

  .sm-pdx8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }

  .sm-pdx9 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }

  .sm-pdx10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }

  .sm-pdb0 {
    padding-bottom: 0 !important;
  }

  .sm-pdb {
    padding-bottom: 0.5em !important;
  }

  .sm-pdbx {
    padding-bottom: 0.75em !important;
  }

  .sm-pdb1 {
    padding-bottom: 1em !important;
  }

  .sm-pdb1x {
    padding-bottom: 1.5em !important;
  }

  .sm-pdb2 {
    padding-bottom: 2em !important;
  }

  .sm-pdb2 {
    padding-bottom: 2.5em !important;
  }

  .sm-pdb3 {
    padding-bottom: 3em !important;
  }

  .sm-pdb4 {
    padding-bottom: 4em !important;
  }

  .sm-pdb5 {
    padding-bottom: 5em !important;
  }

  .sm-pdb6 {
    padding-bottom: 6em !important;
  }

  .sm-pdb7 {
    padding-bottom: 7em !important;
  }

  .sm-pdb8 {
    padding-bottom: 8em !important;
  }

  .sm-pdb9 {
    padding-bottom: 9em !important;
  }

  .sm-pdb10 {
    padding-bottom: 10em !important;
  }

  .sm-pdt0 {
    padding-top: 0 !important;
  }

  .sm-pdt {
    padding-top: 0.5em !important;
  }

  .sm-pdtx {
    padding-top: 0.75em !important;
  }

  .sm-pdt1 {
    padding-top: 1em !important;
  }

  .sm-pdt1-mid {
    padding-top: 1.5em !important;
  }

  .sm-pdt1x {
    padding-top: 1.5em !important;
  }

  .sm-pdt2 {
    padding-top: 2em !important;
  }

  .sm-pdt2x {
    padding-top: 2.5em !important;
  }

  .sm-pdt3 {
    padding-top: 3em !important;
  }

  .sm-pdt4 {
    padding-top: 4em !important;
  }

  .sm-pdt5 {
    padding-top: 5em !important;
  }

  .sm-pdt6 {
    padding-top: 6em !important;
  }

  .sm-pdt7 {
    padding-top: 7em !important;
  }

  .sm-pdt8 {
    padding-top: 8em !important;
  }

  .sm-pdt9 {
    padding-top: 9em !important;
  }

  .sm-pdt10 {
    padding-top: 10em !important;
  }

  .sm-pd0 {
    padding: 0 !important;
  }

  .sm-pd {
    padding: 0.5em !important;
  }

  .sm-pdx {
    padding: 0.75em !important;
  }

  .sm-pd1 {
    padding: 1em !important;
  }

  .sm-pd1x {
    padding: 1.5em !important;
  }

  .sm-pd2 {
    padding: 2em !important;
  }

  .sm-pd2x {
    padding: 2.5em !important;
  }

  .sm-pd3 {
    padding: 3em !important;
  }

  .sm-pd4 {
    padding: 4em !important;
  }

  .sm-pd5 {
    padding: 5em !important;
  }

  .sm-pd6 {
    padding: 6em !important;
  }

  .sm-pd7 {
    padding: 7em !important;
  }

  .sm-pd8 {
    padding: 8em !important;
  }

  .sm-pd9 {
    padding: 9em !important;
  }

  .sm-pd10 {
    padding: 10em !important;
  }

  /*padding right*/
  .sm-pdr0 {
    padding-right: 0 !important;
  }

  .sm-pdr {
    padding-right: 0.5em !important;
  }

  .sm-pdrx {
    padding-right: 0.75em !important;
  }

  .sm-pdr1 {
    padding-right: 1em !important;
  }

  .sm-pdr1x {
    padding-right: 1.5em !important;
  }

  .sm-pdr2 {
    padding-right: 2em !important;
  }

  .sm-pdr2x {
    padding-right: 2.5em !important;
  }

  .sm-pdr3 {
    padding-right: 3em !important;
  }

  .sm-pdr4 {
    padding-right: 4em !important;
  }

  .sm-pdr5 {
    padding-right: 5em !important;
  }

  .sm-pdr6 {
    padding-right: 6em !important;
  }

  .sm-pdr7 {
    padding-right: 7em !important;
  }

  .sm-pdr8 {
    padding-right: 8em !important;
  }

  .sm-pdr9 {
    padding-right: 9em !important;
  }

  .sm-pdr10 {
    padding-right: 10em !important;
  }

  /*padding left*/
  .sm-pdl0 {
    padding-left: 0 !important;
  }

  .sm-pdl {
    padding-left: 0.5em !important;
  }

  .sm-pdlx {
    padding-left: 0.75em !important;
  }

  .sm-pdl1 {
    padding-left: 1em !important;
  }

  .sm-pdl1x {
    padding-left: 1.5em !important;
  }

  .sm-pdl2 {
    padding-left: 2em !important;
  }

  .sm-pdl2-low {
    padding-left: 2.3em !important;
  }

  .sm-pdl2-mid {
    padding-left: 2.5em !important;
  }

  .sm-pdl2x {
    padding-left: 2.5em !important;
  }

  .sm-pdl3 {
    padding-left: 3em !important;
  }

  .sm-pdl4 {
    padding-left: 4em !important;
  }

  .sm-pdl5 {
    padding-left: 5em !important;
  }

  .sm-pdl6 {
    padding-left: 6em !important;
  }

  .sm-pdl7 {
    padding-left: 7em !important;
  }

  .sm-pdl8 {
    padding-left: 8em !important;
  }

  .sm-pdl9 {
    padding-left: 9em !important;
  }

  .sm-pdl10 {
    padding-left: 10em !important;
  }


  .sm-mrgl0 {
    margin-left: 0 !important;
  }

  .sm-mrgl {
    margin-left: 0.5em !important;
  }

  .sm-mrgl1 {
    margin-left: 1em !important;
  }

  .sm-mrgl1-mid {
    margin-left: 1.5em !important;
  }

  .sm-mrgl2 {
    margin-left: 2em !important;
  }

  .sm-mrgl2-mid {
    margin-left: 2.5em !important;
  }

  .sm-mrgl3 {
    margin-left: 3em !important;
  }

  .sm-mrgl4 {
    margin-left: 4em !important;
  }

  .sm-mrgl5 {
    margin-left: 5em !important;
  }

  .sm-mrgl6 {
    margin-left: 6em !important;
  }

  .sm-mrgl7 {
    margin-left: 7em !important;
  }

  .sm-mrgl8 {
    margin-left: 8em !important;
  }

  .sm-mrgl9 {
    margin-left: 9em !important;
  }

  .sm-mrgl10 {
    margin-left: 10em !important;
  }

  .sm-mrgl-auto {
    margin-left: auto !important;
  }

  .sm-mrgb0 {
    margin-bottom: 0 !important;
  }

  .sm-mrgb {
    margin-bottom: 0.5em !important;
  }

  .sm-mrgb1 {
    margin-bottom: 1em !important;
  }

  .sm-mrgb1-mid {
    margin-bottom: 1.5em !important;
  }

  .sm-mrgb2 {
    margin-bottom: 2em !important;
  }

  .sm-mrgb2-mid {
    margin-bottom: 2.5em !important;
  }

  .sm-mrgb3 {
    margin-bottom: 3em !important;
  }

  .sm-mrgb4 {
    margin-bottom: 4em !important;
  }

  .sm-mrgb5 {
    margin-bottom: 5em !important;
  }

  .sm-mrgb6 {
    margin-bottom: 6em !important;
  }

  .sm-mrgb7 {
    margin-bottom: 7em !important;
  }

  .sm-mrgb8 {
    margin-bottom: 8em !important;
  }

  .sm-mrgb9 {
    margin-bottom: 9em !important;
  }

  .sm-mrgb10 {
    margin-bottom: 10em !important;
  }


  /*Margin top*/
  .sm-mrgt0 {
    margin-top: 0 !important;
  }

  .sm-mrgt {
    margin-top: 0.5em !important;
  }

  .sm-mrgt1 {
    margin-top: 1em !important;
  }

  .sm-mrgt1-mid {
    margin-top: 1.5em !important;
  }

  .sm-mrgt1-mid {
    margin-top: 1.5em !important;
  }

  .sm-mrgt2 {
    margin-top: 2em !important;
  }

  .sm-mrgt2-mid {
    margin-top: 2.5em !important;
  }

  .sm-mrgt3 {
    margin-top: 3em !important;
  }

  .sm-mrgt3-mid {
    margin-top: 3.5em !important;
  }

  .sm-mrgt4 {
    margin-top: 4em !important;
  }

  .sm-mrgt5 {
    margin-top: 5em !important;
  }

  .sm-mrgt6 {
    margin-top: 6em !important;
  }

  .sm-mrgt7 {
    margin-top: 7em !important;
  }

  .sm-mrgt8 {
    margin-top: 8em !important;
  }

  .sm-mrgt9 {
    margin-top: 9em !important;
  }

  .sm-mrgt10 {
    margin-top: 10em !important;
  }

  .sm-mrgt12 {
    margin-top: 12em !important;
  }

  .sm-mrgt14 {
    margin-top: 14em !important;
  }

  /* margin mx */

  .sm-mrgx0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }

  .sm-mrgx {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }

  .sm-mrgx1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }

  .sm-mrgx1.mid {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }

  .sm-mrgx2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }

  .sm-mrgx3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }

  .sm-mrgx4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }

  .sm-mrgx5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .sm-mrgx6 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }

  .sm-mrgx7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }

  .sm-mrgx8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }

  .sm-mrgx9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }

  .sm-mrgx10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }

  .sm-mrgy {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }

  .sm-mrgy1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }

  .sm-mrgy1-mid {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }

  .sm-mrgy2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }

  .sm-mrgy3 {
    margin: 3em 0 !important;
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }

  .sm-mrgy4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }

  .sm-mrgy5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }

  .sm-mrgy6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }

  .sm-mrgy7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }

  .sm-mrgy8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }

  .sm-mrgy9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }

  .sm-mrgy10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }

  .custom-modal .dm--dbx {
    display: none !important;
  }

  .custom-modal .modal-body>.d-flex {
    display: unset !important;
  }

  .hero-section h1 {
    text-align: left !important;
    margin-left: 2px;
    font-size: 40px !important;
  }

  .hero .caption.sm,
  .hero .caption.sm span {
    font-size: 36px !important;
    line-height: 37px !important;
  }

  .app-store {
    min-width: 100%;
    /* padding-inline: 2em; */
  }

  .app-store.sm {
    min-width: fit-content;
    min-height: 40px;
    padding-inline: 1rem;
    padding-block: 0.8rem;
  }

  .app-store.sm img {
    width: 90px;

  }

  .app-store.md {
    width: 100%;
  }

  .sm-w-100 {
    width: 100%;
  }

  .switch-slide {
    min-height: 100%;
    padding: 1rem;
  }

  .switch-slide.api {
    width: 100%;
    height: 100%;
  }

  .switch-slide .item,
  .switch-slide .item.wallets,
  .switch-slide .item.agency,
  .switch-slide.api .item.api,
  .switch-slide .item.developers {
    width: 280px;
    height: 400px;
    position: static !important;
  }

  .switch-slide .item {
    height: 400px;
  }

  .switch-slide .item.agency {
    height: 300px;
    width: 100%;
    position: relative !important;
  }

  .switch-card {
    height: 100%;
    width: 100%;
    border-radius: 8px;
    display: block;
  }

  .ft-tabs-img {
    height: 100%;
  }

  .ft-tabs-img .item,
  .ft-tabs-img .item.md,
  .ft-tabs-img .item.mmd,
  .ft-tabs-img .item.smd {
    height: 320px;
    width: 100%;
  }

  .ft-tabs {
    flex-wrap: wrap;
  }

  .ft-tabs .tab {
    /* flex: 1; */
    width: 47.5%;
  }

  .home-api {
    min-height: 100%;
  }

  .home-api img {
    height: 100%;
    width: 100%;
  }

  .ts-card {
    min-height: 300px
  }

  .ts-card.lg {
    height: 100% !important;
  }

  .ts-card.md {
    height: 450px;
    margin-bottom: 1rem;
  }

  .ts-services {
    position: relative;
    height: fit-content;
    width: 100%;
  }

  .ts-services .inner {
    position: relative;
    bottom: 0px;
    left: 0px;
    height: 100%;
    width: 300px;
  }

  .ts-getstarted {
    height: 100%;
  }


  .ts-getstarted img {
    width: 340px !important;
    height: 330px !important;
  }

  .easy-pm img{
    height: 330px !important;
    width: 350px !important;
  }

  .sm-shadow {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  }

  .ts-getapp-content {
    height: fit-content;
    border-top-left-radius: 4.8px;
    border-bottom-left-radius: 4.8px;
    padding-top: 3rem;
    padding-bottom: 5rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .ts-getapp-img {
    height: 300px;
    border-radius: 4.8px;
  }

  .cookie-consent {
    bottom: 0;
    right: 0
  }

}

/* small device */
@media (max-width:375px) {

  .hero .caption-sub {
    display: inline-block;
    margin-bottom: 0.5rem;
    margin-top: 7rem;
  }

  .hero .caption.sm,
  .hero .caption.sm span {
    font-size: 36px;
    line-height: 56px;
  }



  .btn.mini {
    padding: 0.2rem 0.5rem;
    min-width: 41px;
    font-size: 11px;
  }
}

/* smaller device */
@media (max-width:360px) {

  .hero .row h1 {
    line-height: 2.8rem !important;
  }

  .hero ul.list-inline li.pdl {
    padding-left: 0 !important;
  }

  .hero .row p.fs-19 {
    font-size: 19px !important;
  }

}