.arrow-icon i {
  font-size: 12px !important; /* Adjust the size as needed */
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease !important;
  transition: transform 0.3s ease !important;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease !important; /* Smooth animation */
}

.rotate-down {
  -webkit-transform: rotate(0deg) !important;
          transform: rotate(0deg)!important; /* Downward facing arrow */
}

.rotate-up {
  -webkit-transform: rotate(180deg) !important;
          transform: rotate(180deg) !important; /* Upward facing arrow */
}