/*------------------------------------------
 *  Reponsive
 * -----------------------------------------*/
/*------------------------------------------
 *  BUTTON
 * -----------------------------------------*/
/*------------------------------------------
 *  Before/After
 * -----------------------------------------*/
.plan-site {
  display: grid;
  gap: 50px 70px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.plan-site h2 {
  font-size: var(--pl);
}
.plan-site ul {
  border-left: solid 2px var(--wp--preset--color--black);
}
.plan-site ul li a {
  text-decoration: none;
}
.plan-site ul li a:hover {
  color: var(--wp--preset--color--darkgray);
}

@media (max-width: 1224px) {
  .plan-site {
    gap: 40px 55px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 992px) {
  .plan-site {
    gap: 25px 40px;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 550px) {
  .plan-site {
    grid-template-columns: 1fr;
  }
}/*# sourceMappingURL=block.css.map */