.index-card {
  padding-top: 60px;
  padding-bottom: 15px;
  background-color: #efefef;
}

.index-card h4 {
  margin-bottom: 0;
}

.index-card p {
  color: #767676;
}

.index-card .card:hover img {
  box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.35);
}

.index-card .btn-info-outline {
  border: none;
  color: var(--cardTextColor) !important;
  padding: 0;
  margin: 0 0.25rem!important;
}

.index-card .btn-info-outline span {
  order: 2;
  font-size: 1.1rem;
  padding-top: 3px;
  transition: padding 0.3s!important;
}

.index-card .btn-info-outline:hover span {
  padding-left: 10px;
}

.index-card .btn-info-outline:hover {
  background-color: transparent!important;
  color: var(--cardTextColorHover) !important;
  box-shadow: none!important;
}

.index-card .btn-info-outline:active, .index-card .btn-info-outline:focus {
  background-color: transparent!important;
  box-shadow: none!important;
}

.index-card .card-box {
  padding-top: 2rem;
}

.index-card .card-wrapper {
  height: 100%;
}

.index-card .mbr-iconfont {
  padding-left: 0.4rem;
}

.index-card img {
  transition: all 0.3s;
  border-radius: 8px;
}

.index-card .card-title {
  color: #2f69f9;
  text-align: center;
}

.index-card .main-title {
  color: var(--cardTextColor);
  text-align: center;
}

.index-card DIV {
  color: #2f69f9;
}

.index-card .card-img {
  width: auto;
}