.payment-gateway label{padding: 2px;}
#creditcard,#btn-row{display: none;}
.jp-card-container{margin:0!important;transform-origin: left;}

#coverpage{
  position: fixed;
  height: 100%;
  width: 84%;
  z-index: 999999;
  background:white;
  display: none;
}
.spinner-box{
    margin-top:-36px;
    position: relative;
    top: 50%;
}
.spinner-box p{
    margin-bottom:0;
    text-align: center;
    font-weight: bold;
}
.spinner {
  margin: 0 auto;
  width: 60px;
  height: 50px;
  text-align: center;
  font-size: 13px;
}

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;

  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

#paymentform {
    background: #f4f7f8;
    padding: 20px;
    border-radius: 10px;
}


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
.comp-title{
   border-radius: 1rem 0 0 0;
   background: linear-gradient(84deg, #33a928, #87e17f);
   text-align: center;
}
body {
   background-color: #f1f5f9;
   font-family: 'Inter', sans-serif;
}

.input-group-icon {
   background-color: #f8fafc;
   border: 1px solid #e2e8f0;
   border-right: none;
   display: flex;
   align-items: center;
   padding: 0 1rem;
   color: #64748b;
}

.form-input {
   border: 1px solid #e2e8f0;
   padding: 0.75rem;
   width: 100%;
   outline: none;
   transition: all 0.2s;
   font-size: 0.875rem;
}

.form-input:focus {
   border-color: #576e86;
   box-shadow: 0 0 0 3px rgba(87, 110, 134, 0.1);
}

.header-bg { background-color: #576e86; }

.btn-submit {
   background-color: #576e86;
   transition: all 0.3s ease;
}

.btn-submit:hover {
   background-color: #455a6f;
   transform: translateY(-1px);
}

/* Custom Scrollbar for the form side */
.custom-scrollbar::-webkit-scrollbar { width: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: #f1f1f1; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 10px; }