.flexbox2 {
  display: flex;
  align-items: stretch;
}
.flexbox2 .leftbox,.flexbox2 .rightbox {
flex-basis: 50%;
  padding: 0;
  margin: 0 5px;
}
.flexbox3 {
  display: flex;
  align-items: stretch;
}

.box1, .box2, .box3 {
  flex-basis: 33%;
  margin: 10px;
  background-color: #e5e5e5;
}

.box1 a, .box2 a, .box3 a {
  display: block;
  text-decoration: none;
  color: #000;
  position: relative;
  padding: 10px;
}

.box1 a::after, .box2 a::after, .box3 a::after {
  font-family: "Font Awesome 6 Free";
  content: "\f105";
  font-weight: 900;
  right: 10px;
  font-size: 0.8em;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
.flexbox2 {
display: block;
}
.flexbox3 {
display: block;
}
.flexbox2 .leftbox, .flexbox2 .rightbox {
  padding: 0;
margin-bottom:10px;
}
}