@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
body{background: #ffffff; font-family: 'Quicksand', sans-serif; font-weight: 600 !important;}
a{text-decoration: none;}
.selector-for-some-widget {box-sizing: content-box;}
.login{background: url('../assets/images/login-left.jpg') no-repeat; height: 100vh; background-size: 100%; position: relative;}
.login{text-align: center;}
.logo img{width:150px; margin: 5rem 0;}
.cont {width: 60%; text-align: center; margin: 0 auto; position: absolute; bottom: 70px; left: 20%;}
.right-login{display: flex; height: 100vh; align-items: center; justify-content: center;}
.right-login .content{width: 50%;}
.spacer{display: flex; height: 20px; justify-content: space-between;}
h4{font-weight: 700;}
.form-floating>label{font-weight: 500; color: #727272;}
.form-control{font-weight: 700;}
.btn{padding: 1rem 2rem; font-size: 16px; font-weight: 600;}
.padding-content{width: 90%;}
.custom-upload .form-control[type=file]:not(:disabled):not([readonly]){border: 1px dashed #707070; height: 23vh; padding: 5rem;}
.btn.btn-sm{padding: 0.2rem 1rem; height: 32px !important;}
.spacer.height{height: 45px;}
.navigation{display: flex; justify-content: space-between; padding: 1rem 0; border-bottom: 1px solid #dadada;}
.navigation a{color: #000;}
.navigation a.active{color: #126BFB;}
.navigation a:after{ content:"-------------"; width:100px; padding: 0 1rem; color: #dadada; text-align: center;}
.navigation a:last-child:after{display: none;}
.form-control-color{height: 40px;}
.nav2{background: #EAF4FC;}
.nav2 .navigation{border-bottom: none;}
.nav2 .navigation a:after{display: none;}
.nav2 .navigation a.active{background: #126BFB; color: #fff; border-radius: 5px; padding: 0.5rem 1rem;}
.btn-group .btn{padding: 0.2rem;}
.pay-card{
  width: 320px;
height: 180px;
position: relative;
display: inline-block;
background: #f15075; color: #fff;
padding: 1rem; font-size: 16px; border-radius: 4px; margin: 1rem  1rem 1rem 0;
}
.pay-card:nth-child(2){
  background: #8a45e6;
}
.pay-card:nth-child(3){
  background: #d6af02;
}
.pay-card:nth-child(4){
  background: #340164;
}
.pay-card .small{
  font-size: 11px !important;
}
.pay-card .brand{
  width: 70%; display: inline-block;
}
.pay-card .logo{
  width: 30%; display: inline-block; text-align: right;
}
.pay-card .card_number{
  margin: 2rem 0 0; text-shadow: 1px 1px rgba(255, 255, 255, 0.5); letter-spacing: 5px; text-align: center; font-size: 18px;
}
.pay-card .customer{
  position: absolute; bottom: 1rem; width: 70%;  
}
.pay-card .expiry{
  position: absolute; bottom: 1rem;  right: 1rem; width: 30%;
}
.h-100 {
  min-height: 100% !important;
  height: initial !important;
  margin-bottom: 2rem;
}

.strip.strip-blue {
  background: #f0f9ff;
}
.strip{
  height: 60px;
  padding: 0 100px;
}
.heading {
    font-size: 23px;
    line-height: 60px;
    letter-spacing: 0.05em;
}
.c-btn{
  padding: 5px 15px;
  border-radius: 5px;
  cursor: pointer;
  letter-spacing: 0.05em;
}
.c-btn-create{
  background: #f04c48;
  color: #fff;
}
a.c-btn {
    color: #fff;
    text-decoration: none;
}
a.c-btn:hover {
    color: #fff;
    text-decoration: none;
}
span.error.invalid-input {
    color: red;
    font-size: 12px;
    letter-spacing: 0.03em;
}