.card-custom-focus:focus{
        box-shadow: 0 0 0 0.1rem rgb(13 110 253 / 25%);
        clip-path: inset(0px 2px -10px 2px);
    }
    

.card-custom-focus:-moz-placeholder {
  color: #222;
  opacity: 1;
}
.card-custom-focus:-ms-input-placeholder {
  color: #222;
}
.card-custom-focus:focus {
  border: 2px solid #0079ff;
}
.card-custom-focus::-webkit-input-placeholder {
  color: #222;
}
.card-custom-focus::-moz-placeholder {
  color: #222;
  opacity: 1;
}
form #cc_number {
  background-image: url(http://jquerycreditcardvalidator.com/images/images.png), url(http://jquerycreditcardvalidator.com/images/images.png);
  background-position: 2px -121px, 260px -61px;
  background-size: 120px 361px, 120px 361px;
  background-repeat: no-repeat;
  padding-left: 54px;
}
form #cc_number.visa {
  background-position: 2px -163px, 260px -61px;
}
form #cc_number.visa_electron {
  background-position: 2px -205px, 260px -61px;
}
form #cc_number.mastercard {
  background-position: 2px -247px, 260px -61px;
}
form #cc_number.maestro {
  background-position: 2px -289px, 260px -61px;
}
form #cc_number.discover {
  background-position: 2px -331px, 260px -61px;
}
form #cc_number.valid.visa {
  background-position: 2px -163px, 260px -87px;
}
form #cc_number.valid.visa_electron {
  background-position: 2px -205px, 260px -87px;
}
form #cc_number.valid.mastercard {
  background-position: 2px -247px, 260px -87px;
}
form #cc_number.valid.maestro {
  background-position: 2px -289px, 260px -87px;
}
form #cc_number.valid.discover {
  background-position: 2px -331px, 260px -87px;
}