/* Work Start */
.work_box1 {
  width: 100%;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 5;
  padding: 10px;
  height: 40vw;
  margin-bottom: 25px;
}
.work_box1::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("../images/work/production.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -2;
}
.work_box1::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgb(4 1 32 / 74%);
  z-index: -1;
}
.work_box1 h3 {
  margin: 0px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.work_box1 a {
  margin: 0px;
  position: absolute;
  top: 57%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
}
/* Work End */

/* Work Start */
.work_box2 {
  width: 100%;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 5;
  padding: 10px;
  height: 40vw;
  margin-bottom: 25px;
}
.work_box2::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("../images/work/my-songs.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -2;
}
.work_box2::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgb(4 1 32 / 74%);
  z-index: -1;
}
.work_box2 h3 {
  margin: 0px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.work_box2 a {
  margin: 0px;
  position: absolute;
  top: 57%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
}
/* Work End */

/* Work Start */
.work_box3 {
  width: 100%;
  position: relative;
  top: 0px;
  left: 0px;
  z-index: 5;
  padding: 10px;
  height: 40vw;
  margin-bottom: 25px;
}
.work_box3::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("../images/work/client-mixes-and-masters.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: -2;
}
.work_box3::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgb(4 1 32 / 74%);
  z-index: -1;
}
.work_box3 h3 {
  margin: 0px;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.work_box3 a {
  margin: 0px;
  position: absolute;
  top: 57%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.5s;
}
/* Work End */