.bg-cz {
  background-color: yellow;
}
.btn-dark {
  background-color: #000;
}
.text-cz {
  color: yellow;
}
.container-small {
  max-width: 650px;
}
.navbar {
  background-color: #000 !important;
}
.credit-card {
  width: 250px;
  height: 157px;
  background-color: #000;
  border-radius: 15px;
  position: relative;
}
.credit-card .bar {
  background-color: #dfdfdf;
  position: absolute;
  height: 33px;
  top: 30px;
  left: 0px;
  width: 100%;
}
.credit-card .detail {
  position: absolute;
  height: 50%;
  bottom: 0px;
  left: 0px;
  width: 100%;
}
.credit-card .broken {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #fff;
  clip-path: polygon(53% 0, 65% 0, 43% 28%, 55% 59%, 35% 100%, 22% 100%, 43% 60%, 30% 29%);
  height: 100%;
  width: 100%;
  z-index: 1;
  border: 1px solid white;
}
.credit-card .scissor-wrapper {
  font-size: 120px;
  position: absolute;
  color: lightgrey;
  left: 24%;
  top: 82px;
}
.credit-card .scissor-wrapper .scissor-hide-part {
  position: absolute;
  background-color: #000;
  width: 30px;
  height: 75px;
  left: 47px;
  top: 0px;
  z-index: 1;
}
.credit-card .scissor-wrapper .scissor {
  position: relative;
  transform: rotate(30deg);
}