/* If two consecutive sections share the same data-bg-color, remove padding-top on the second */
section[data-bg-color=bg-white] + section[data-bg-color=bg-white], section[data-bg-color=bg-buff] + section[data-bg-color=bg-buff] {
  padding-top: 0 !important;
}

/* repeat for each background color you use */
.p-20 {
  padding: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

/*
html .container, html .container-fluid {
    max-width: 100%;

    img {
        max-width: 100%;
    }
}
    */
/* If two consecutive sections share the same data-bg-color, remove padding-top on the second */
section[data-bg-color=bg-white] + section[data-bg-color=bg-white], section[data-bg-color=bg-buff] + section[data-bg-color=bg-buff] {
  padding-top: 0 !important;
}

/* repeat for each background color you use */
.p-20 {
  padding: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

/*
html .container, html .container-fluid {
    max-width: 100%;

    img {
        max-width: 100%;
    }
}
    */
@media (min-width: 576px) {
  .icon-card-group[data-item-total="2"] .col {
    flex: 0 0 50%;
  }
}

@media (max-width: 575.98px) {
  .icon-card-group iconcardgroup-card-item,
  .icon-card-group .col {
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) {
  .icon-card-group iconcardgroup-card-item,
  .icon-card-group .col {
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .icon-card-group iconcardgroup-card-item,
  .icon-card-group .col {
    flex: 0 0 33.3333333333%;
  }
}
.icon-card-group .icon-card__icon {
  border-radius: 50%;
  position: relative;
}
@media (max-width: 991.98px) {
  .icon-card-group .icon-card__icon {
    width: 60px;
    height: 60px;
  }
}
@media (min-width: 992px) {
  .icon-card-group .icon-card__icon {
    width: 80px;
    height: 80px;
  }
}
.icon-card-group .icon-card__icon .icon {
  transition: 0.2s;
}
.icon-card-group .icon-card__icon .icon-hover {
  transition: 0.2s;
  opacity: 0;
  left: -150%;
  position: absolute;
}
@media (max-width: 575.98px) {
  .icon-card-group .icon-card h2, .icon-card-group .icon-card h3, .icon-card-group .icon-card p {
    text-align: center;
  }
}
.icon-card-group .icon-card:hover .icon-card__icon {
  background-color: #0065BD !important;
}
.icon-card-group .icon-card:hover .icon-card__icon .material-symbols-outlined {
  color: #fff !important;
}
.icon-card-group .icon-card:hover .icon-card__icon .icon {
  opacity: 0;
}
.icon-card-group .icon-card:hover .icon-card__icon .icon-hover {
  opacity: 1;
}
@media (max-width: 991.98px) {
  .icon-card-group .icon-card:hover .icon-card__icon .icon-hover {
    left: 20%;
  }
}
@media (min-width: 992px) {
  .icon-card-group .icon-card:hover .icon-card__icon .icon-hover {
    left: 30%;
  }
}
.icon-card-group .icon-card:hover .icon-card__heading {
  text-decoration: underline;
  color: #0065BD;
}