.iconbox {
  background-color: transparent;
  border: 1px solid #4e7bff;

  &.round {
    height: 214px;

    @include media-breakpoint-down(lg) {
      width: 35vw;
      height: 35vw;
    }
  }

  .box-content {
    font-family: "Mukta";

    h5,
    p {
      padding-bottom: 0;
    }
  }

  &>.icon {
    border-radius: 360px;
  }

  &.kpi-box {
    border-radius: 50%;
    height: 200px;
    width: 200px;
    margin: 0 auto !important;
    float: none;
    padding-top: 35px;

    @include media-breakpoint-down(lg) {
      margin-bottom: 30px !important;
    }

    @include media-breakpoint-down(md) {
      margin-bottom: 14px !important;
    }

    .icon {
      margin-bottom: 0;
    }
  }
}

.feature-items {
  background: none !important;

  @include media-breakpoint-down(md) {
    margin-top: -150px;
  }
}

.kpi-value {
  font-size: $font-size-32;
}

.kpi-box:hover {
  box-shadow: inherit;
}

.iconbox-link-wrapper .iconbox {
  background-color: $abysse;
  color: $golden_yellow;
  border-color: $abysse;
}

.iconbox-link-wrapper:hover .iconbox {
  background-color: $golden_yellow;
  border-color: $golden_yellow;
  box-shadow: none;
}

.iconbox-link-wrapper:hover .iconbox *,
.iconbox-link-wrapper:focus .iconbox *,
.iconbox-link-wrapper:active .iconbox * {
  color: $abysse;
}

.iconbox .icon .icon-image {
  background: $golden_yellow;
}

.iconbox-link-wrapper:hover .iconbox .icon .icon-image,
.iconbox-link-wrapper:focus .iconbox .icon .icon-image,
.iconbox-link-wrapper:active .iconbox .icon .icon-image {
  background: $abysse;
}