.card-columns {
  column-count: 2;
  column-gap: 1rem;
}

html {
  scroll-behavior: smooth;
}

span.text-erp {
  color: rgba(255,255,255,.6);
}

/*.login-box-width {
  width: 18.4rem;
}*/

.device-combo,
.pricing-table {
    z-index: 1;
}

.device-combo-iphonex-macbook, .device-combo-macbook-iphonex {
    padding-bottom: 62.4260355%;
}

.device-combo-macbook-iphonex>.device-macbook {
    top: 0;
    left: 0;
}

.device-combo-iphonex-macbook>.device-macbook, .device-combo-macbook-iphonex>.device-macbook {
    width: 91.7159763%;
    z-index: 1;
}

.device-combo>.device {
    position: absolute;
}

.device {
    position: relative;
}

.device-macbook::before, .device-macbook>.device-screen {
    top: 11.53846154%;
    left: 13.38709677%;
    width: 73.548387096%;
    height: 73.076923076%;
}

.device-screen, .device::before {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
}

.device>.img-fluid {
    position: relative;
}

.device-combo-macbook-iphonex>.device-iphonex {
    bottom: 0;
    right: 0;
}

.device-combo-iphonex-macbook>.device-iphonex, .device-combo-macbook-iphonex>.device-iphonex {
    width: 27.9585799%;
    z-index: 2;
}

.device-iphonex::before, .device-iphonex>.device-screen {
    top: 7.784431138%;
    left: 16.4021164%;
    width: 66.137566137%;
    height: 80.838323353%;
}

.shape:not([class*=shape-blur]) {
    overflow: hidden;
}

.shape-bottom {
    right: 0;
    bottom: 0;
    left: 0;
}

.shape-right {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.shape {
    position: absolute;
    pointer-events: none;
}
.shape:not([class*=shape-blur])>* {
    -webkit-transform: scale(2);
    transform: scale(2);
}


.shape-fluid-x>* {
    width: 100%;
    height: auto;
}

.shape-bottom>* {
    -webkit-transform-origin: top center;
    transform-origin: top center;
}

.shape-fluid-y>* {
    width: auto;
    height: 100%;
}

.shape-right>* {
    position: inherit;
    top: inherit;
    bottom: inherit;
    right: inherit;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.shape>* {
    display: block;
}

svg {
    overflow: hidden;
    vertical-align: middle;
}

.vw-50 {
    width: 50vw!important;
}

/*img.list-social-icon {
  filter: grayscale(100%);
}*/

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #28a745;
  background-color: #28a745;
}

/*section#features {
  margin-bottom: -4rem;
}*/

section#top {
  padding-bottom: 26vw;
}

section#device-combo {
  margin-top: -27vw;
  margin-bottom: -4rem;
}

section#pricing {
  margin-top: -3rem;
  height: 25rem;
}

section#pricing del {
  opacity: .5;
}

section#pricing-table {
  height: 96rem;
}

.pwa-badge {
  max-width: 15rem;
  width: calc(38vw + 1.5rem);
  border-width: 2px!important;
  border-radius: 0.5rem !important;
}

.pwa-badge img.pwa {
  min-width: 18vw;
}

.pwa-badge div.pwa {
  min-width: 20vw;
  font-size: 3vw;
}

.navbar-collapse {
  margin-bottom: -2rem;
}

.navbar-collapse.show ~ .btn-group,
.navbar-collapse.show + .btn {
  margin-bottom: .5rem;
}

section#faq {
  margin-top: -3rem;
}

/*section#features {
  margin-top: -4rem;
  padding-top: 4rem;
}*/

a#scroll-back-to-top {
  bottom: 14px;
  left: 14px;
  width: 54px;
  height: 54px;
  font-size: 54px;
  z-index: 1;
}

@media (min-width: 560px) {
  a#scroll-back-to-top {
    bottom: 20px;
    left: 24px;
    width: 60px;
    height: 60px;
    font-size: 60px;
    z-index: 1;
  }
}

@media (min-width: 576px) {
  .pwa-badge {
    border-width: 3px!important;
  }
  .pwa-badge img.pwa {
    min-width: 7rem;
  }
  .pwa-badge div.pwa {
    width: 9rem;
    font-size: 1rem;
  }
  section#top {
    height: 20rem;
    padding-bottom: 0;
  }
  section#device-combo {
    margin-top: -9rem;
  }
  section#pricing-table {
    height: 97rem;
  }
}

@media (min-width: 768px) {
  section#top {
    height: 25rem;
  }
  section#device-combo {
    margin-top: -12.2rem;
  }
  section#pricing {
    height: 27rem;
  }
  section#pricing-table {
    height: 92rem;
  }
}

@media (min-width: 992px) {
  .navbar-collapse {
    margin-bottom: 0;
  }
  section#top {
    height: 29rem;
  }
  section#device-combo {
    margin-top: -16.5rem;
  }
  section#pricing {
    height: 28rem;
  }
  section#pricing-table {
    height: 35rem;
  }
}

@media (min-width: 1200px) {
  .pwa-row {
    margin-top: -3rem;
  }
  section#top {
    height: 32rem;
  }
  section#device-combo {
    margin-top: -19.6rem;
  }
  section#pricing {
    height: 29rem;
  }
  section#pricing-table {
    height: 30rem;
  }
}

.sup {
  font-size: smaller
}