.hover-card:hover .arrow {
  color: #0d123d;
}

.hover-card {
  pointer-events: none;
}

.hover-card .arrow {
  background-color: #ffcc5b;
  color: #0d123d;
}

.hover-card::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  --bg-opacity: 1;
  background-color: #ffcc5b;
  background-color: rgba(255, 204, 91, var(--bg-opacity));
  height: 6px;
  content: '';
}

@media (min-width: 1026px) {
  .hover-card::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: transparent;
  }

  .hover-card .arrow {
    background-color: inherit;
    color: inherit;
  }

  .hover-card {
    pointer-events: inherit;
  }
}

.c10-left-col {
  padding-right: 30px !important;
}

