.slanted-border-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ff0f0050;
  clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px), 0 20px);
}

.slanted-border-box::before {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  background-color: #ffffff50;
  clip-path: polygon(20px 0, calc(100% - 20px) 0, 100% 20px, 100% calc(100% - 20px), calc(100% - 20px) 100%, 20px 100%, 0 calc(100% - 20px), 0 20px);
}

.line-45deg {
  width: 100px;
  height: 2px;
  background-color: red;
  transform: rotate(-135deg);
  transform-origin: bottom right;
}

.z_text_blur_white {
  text-shadow: 5px 5px 10px #ffffff, -5px 5px 10px #ffffff, 5px -5px 10px #ffffff, -5px -5px 10px #ffffff, 5px 0px 10px #ffffff, 0px 5px 10px #ffffff, -5px 0px 10px #ffffff, 0px -5px 10px #ffffff;
}

.z_text_blur_red_1 {
  text-shadow: 5px 5px 10px #ff2114, -5px 5px 10px #ff2114, 5px -5px 10px #ff2114, -5px -5px 10px #ff2114;
}

.z_box_blur_red_1 {
  box-shadow: 5px 5px 10px #ff211470, -5px 5px 10px #ff211470, 5px -5px 10px #ff211470, -5px -5px 10px #ff211470, 5px 0px 10px #ff211470, 0px 5px 10px #ff211470, -5px 0px 10px #ff211470, 0px -5px 10px #ff211470;
}

.z_text_body_h6 {
  color: #707070;
}

.z_cdv_menu {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
}