.main-collapse:hover {
  background-color: rgba(155, 225, 152, 0.2);
}

.main-expand:hover {
  background-color: rgba(155, 225, 152, 0.2);
}

.main-collapse::after {
  position: absolute;
  background-image: url("https://img.icons8.com/fluency-systems-filled/48/000000/chevron-left--v2.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  right: 1.5rem;
  margin-top: 0.6rem;
  content: " ";
  width: 20px;
  height: 20px;
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
}

.main-expand::after {
  position: absolute;
  background-image: url("https://img.icons8.com/fluency-systems-filled/48/000000/chevron-left--v2.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  right: 1.5rem;
  margin-top: 0.6rem;
  vertical-align: middle;
  content: " ";
  width: 20px;
  height: 20px;
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}

sub-collapse::after {
  position: absolute;
  background-image: url("https://img.icons8.com/fluency-systems-filled/48/000000/chevron-left--v2.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  right: 1.5rem;
  margin-top: 0.6rem;
  content: " ";
  width: 20px;
  height: 20px;
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
}

sub-expand::after {
  position: absolute;
  background-image: url("https://img.icons8.com/fluency-systems-filled/48/000000/chevron-left--v2.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  right: 1.5rem;
  margin-top: 0.6rem;
  content: " ";
  width: 20px;
  height: 20px;
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
}

/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
  h2 {
    font-size: 1.75rem !important;
  }
  h3 {
    font-size: 1.5rem !important;
  }
}

/* svg as backgroud image */
.tcs-expand::after{
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M12 17.414 3.293 8.707l1.414-1.414L12 14.586l7.293-7.293 1.414 1.414L12 17.414z'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  right: 1.5rem;
  content: " ";
  width: 20px;
  height: 15px;
  transition: transform 0.3s ease;
}

.tcs-collapse::after{
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M12 17.414 3.293 8.707l1.414-1.414L12 14.586l7.293-7.293 1.414 1.414L12 17.414z'/%3E%3C/svg%3E");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  right: 1.5rem;
  margin-top: 0.5rem;
  content: " ";
  width: 20px;
  height: 15px;
  rotate: 180deg;
  transition: transform 0.3s ease;
}