.quiz_bg {
  height: 590px;
  position: relative;
  color: #fff;
}

.quiz_start_column {
  z-index: 2;
}

.quiz_bg.right:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  background: -webkit-gradient(
    linear,
    right top,
    left top,
    from(#272626),
    to(transparent)
  );
  background: linear-gradient(270deg, #272626, transparent);
}

.quiz_bg.left:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#272626),
    to(transparent)
  );
  background: linear-gradient(90deg, #272626, transparent);
}

.quiz_bg.center:before {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(transparent),
    to(#272626)
  );
  background: linear-gradient(180deg, transparent, #272626);
}

.column_start {
  padding: 30px;
}

.column_start.right {
  padding-left: 45px;
  border-left: 1px solid #ffffff24;
}

.column_start.left {
  padding-left: 45px;
  border-right: 1px solid #ffffff24;
}

.quiz_bg.center .line {
  margin: 0px auto 25px;
}

.column_start.center > div {
  position: relative;
  top: 100px;
}

.line {
  width: 38px;
  height: 3px;
  background: #fff;
  margin-bottom: 25px;
}

.quiz_heading {
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
}

.quiz_start {
  padding: 20px 50px;
}

.quiz_start img,
.quiz_start svg {
  width: 23px;
  height: 23px;
  margin-right: 10px;
  margin-top: -2px;
}