@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;500;700;900&display=swap");
/* width */
::-webkit-scrollbar {
  width: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
  width: 3px;
  height: 3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #ccc;
  width: 3px;
  height: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #999;
  width: 3px;
  height: 3px;
}

.mobile-container {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
}

.mobile-container.noscroll {
  overflow: hidden;
}

.mobile-container.pink {
  background: #C33364;
  background: #c33364;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(80%, #c33364), to(#5a182e));
  background: linear-gradient(0deg, #c33364 80%, #5a182e 100%);
  padding: 40px 20px 0px 20px;
}

.mobile-container.pink:after {
  content: '';
  height: 6px;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: repeating-linear-gradient(90deg, #0fc299 0%, #0fc299 20%, #f7a180 20%, #f7a180 24%, #8c1f59 24%, #8c1f59 32%, #f5c245 32%, #f5c245 40%, #70cbd8 40%, #70cbd8 52%, #eee 52%, #eee 60%, #e63e59 60%, #e63e59 68%);
}

.mobile-container .tag-line {
  font-size: 13px;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
  padding-left: 15px;
  display: inline-block;
  color: var(--cad-color-yellow);
  font-family: 'Roboto', sans-serif;
}

.mobile-container .btn-selector img {
  max-width: 35px;
  padding-right: 10px;
}

.mobile-container .btn-selector img.no-max {
  max-width: 50px;
}

.marketing-total {
  font-size: 50px;
  line-height: 35px;
}

.check-list {
  margin: 0px;
  padding: 0px;
}

.check-list li {
  background: url("../img/check-circle.png") no-repeat left top;
  margin-top: 5px;
  padding: 3px 0px 15px 35px;
  /* reset styles (optional): */
  list-style: none;
  margin: 0;
  font-size: 15px;
}

.modal-bg {
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}

.apple-pay-modal,
.google-pay-modal {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 5;
  text-align: center;
}

.btn {
  -webkit-appearance: initial;
}

.apple-close,
.google-close {
  position: absolute;
  right: 0px;
  height: 60px;
  width: 60px;
  cursor: pointer;
}

.google-pay-image {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 6;
  cursor: pointer;
}

.apple-pay-image {
  display: none;
  position: absolute;
  bottom: -100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-animation: slideUpBottom 0.5s ease-out forwards;
          animation: slideUpBottom 0.5s ease-out forwards;
  z-index: 6;
  cursor: pointer;
}

.btn-white {
  background: white;
  color: #000;
  -webkit-animation: pulse 2s ease-out infinite;
          animation: pulse 2s ease-out infinite;
}

.btn-white.no-pulse {
  -webkit-animation: none;
          animation: none;
}

.bottom-request-section {
  background-color: #C33364;
  position: fixed;
  bottom: 0px;
  width: 100%;
  margin: 0px;
  padding: 0px 20px 15px;
  left: 0px;
}

.bottom-request-section:after {
  content: '';
  height: 6px;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: repeating-linear-gradient(90deg, #0fc299 0%, #0fc299 20%, #f7a180 20%, #f7a180 24%, #8c1f59 24%, #8c1f59 32%, #f5c245 32%, #f5c245 40%, #70cbd8 40%, #70cbd8 52%, #eee 52%, #eee 60%, #e63e59 60%, #e63e59 68%);
}

.go-back {
  cursor: pointer;
}

@-webkit-keyframes slideUpBottom {
  from {
    bottom: -100%;
  }
  to {
    bottom: -10px;
  }
}

@keyframes slideUpBottom {
  from {
    bottom: -100%;
  }
  to {
    bottom: -10px;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  15% {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.8);
            box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.8);
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0);
            box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  15% {
    -webkit-box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.8);
            box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.8);
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  70% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0);
            box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0);
  }
}

@media only screen and (min-width: 600px) {
  .mobile-container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-width: 400px;
    width: 100%;
    max-height: 800px;
    min-height: 600px;
    height: 100%;
    border: 1px solid #ccc;
    overflow: auto;
  }
}
/*# sourceMappingURL=style.css.map */