.pros-cons {
  gap: 20px;
  align-items: normal;
}
@media screen and (max-width: 600px) {
  .pros-cons {
    flex-wrap: wrap;
  }
}
.pros-cons .pros, .pros-cons .cons {
  width: 50%;
  padding: 35px;
  border-radius: 20px;
  color: white;
}
@media screen and (max-width: 600px) {
  .pros-cons .pros, .pros-cons .cons {
    width: 100%;
    padding: 25px;
  }
}
@media screen and (max-width: 600px) {
  .pros-cons .pros .fz-30, .pros-cons .cons .fz-30 {
    font-size: 30px;
    line-height: 34px;
  }
}
.pros-cons .pros ul, .pros-cons .cons ul {
  padding-left: 20px;
}
@media screen and (max-width: 600px) {
  .pros-cons .pros ul li, .pros-cons .cons ul li {
    font-size: 18px;
    line-height: 26px;
    margin: 15px 0;
  }
}
.pros-cons .pros {
  border: 1px solid var(--color-3);
}
.pros-cons .pros ul {
  list-style: none;
  padding-left: 0;
}
.pros-cons .pros ul li {
  position: relative;
  padding-left: 28px;
}
.pros-cons .pros ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 20px;
  height: 20px;
  background: url("./like.svg") no-repeat center;
  background-size: contain;
}
.pros-cons .cons {
  border: 1px solid #C20000;
}
.pros-cons .cons ul {
  list-style: none;
  padding-left: 0;
}
.pros-cons .cons ul li {
  position: relative;
  padding-left: 28px;
}
.pros-cons .cons ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.25em;
  width: 20px;
  height: 20px;
  background: url("./dislike.svg") no-repeat center;
  background-size: contain;
}