.iconscards-wrapper {
  display: flex;
  gap: 1rem;
  width: 100%;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.iconic-card {
  background-color: var(--c-neutral-000);
  min-height: 13rem;
  display: flex;
  padding: 2.4rem 1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid var(--c-neutral-200);
  border-radius: 1rem;
  width: calc(
    ((100% / (var(--col, 2) - 1)) - var(--space, 0rem)) *
      ((var(--col, 2) - 1) / var(--col, 1))
  );
  flex-shrink: 0;
  transition: 0.3s;
}

.rmv-brd .iconic-card {
 background: #f8f8f8;
  /* border: none; */
  /* padding: 0; */
}
.iconic-card i {
  width: 4.8rem;
  height: 4.8rem;
  background-color: rgba(var(--c-primary-rgb), 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--c-primary);
  font-size: 2.5rem;
  border-radius: 100vw;
  transition: 0.3s;
  margin-bottom: 1rem;
}
.rmv-brd .iconic-card i {
  margin-bottom: 2rem;
}
.iconic-card:hover i {
  background-color: var(--c-primary);
  color: var(--c-neutral-000);
}
.iconscards-wrapper.rmv-brd {
  row-gap: 3rem;
}
.iconic__title {
  color: var(--c-neutral-700);
  line-height: 1.5;
}
.iconic__subtitle {
  color: var(--c-neutral-500);
  font-size: var(--fs-13);
  line-height: 1.6;
  margin-top: 0.5rem;
}
.rmv-brd .iconic__subtitle {
  margin-top: 1rem;
  color: var(--c-neutral-500);
}
@media (min-width: 0) {
  .iconscards-wrapper {
    --col: 2;
    --space: 1rem;
  }
}
/**************************/
/* BELOW 576px */
/**************************/
@media (min-width: 36em) {
  .iconscards-wrapper {
    --col: 3;
  }
}
/**************************/
/* ABOVE 768px */
/**************************/
@media (min-width: 48em) {
  .iconscards-wrapper {
    --col: 4;
  }
}
/**************************/
/* ABOVE 992px */
/**************************/
@media (min-width: 62em) {
  .not-sidebar .iconscards-wrapper {
    --col: 4;
  }
  .has-sidebar .iconscards-wrapper {
    --col: 3;
  }
}
/**************************/
/* ABOVE 1200px */
/**************************/
@media (min-width: 74.99em) {
  .iconscards-wrapper.bg::before {
    content: "";
    position: absolute;
    top: 6rem;
    height: calc(100% - 4rem);
    bottom: auto;
    left: 0rem;
    right: 0rem;
    border-radius: 12px;
    display: block;
    background: radial-gradient(
      97% 200% at 92.17% 13.35%,
      rgba(116, 32, 241, 0.6) 0%,
      rgba(6, 196, 201, 0.6) 100%
    );
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: -1;
  }
  .iconscards-wrapper.bg::after {
    content: "";
    position: absolute;
    top: calc(100% - -1rem);
    height: 1rem;
    bottom: 0;
    left: 1rem;
    right: 1rem;
    border-radius: 12px;
    display: block;
    border-radius: 18px;
    background: radial-gradient(
      97% 200% at 92.17% 15.35%,
      rgba(116, 32, 241, 0.6) 0%,
      rgba(6, 196, 201, 0.6) 100%
    );
    -webkit-filter: blur(9.5px);
    filter: blur(9.5px);
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: -1;
  }
  .workshop-main .iconscards-wrapper {
    --col: var(--col-number);
  }
  .iconscards-wrapper.bg {
    padding-inline: 1.5rem;
  }
  .iconscards-wrapper.bg + .btns--box {
    margin-top: 5rem;
  }
}

/**************************/
/* BELOW 1200px */
/**************************/
@media (max-width: 75em) {
}
/**************************/
/* BELOW 992px */
/**************************/
@media (max-width: 62em) {
}
/**************************/
/* BELOW 768px */
/**************************/
@media (max-width: 48em) {
}
/**************************/
/* BELOW 576px */
/**************************/
@media (max-width: 36em) {
}