/*--------------------------------------------------------------
  11. Iconbox
----------------------------------------------------------------*/
.cs_iconbox.cs_style_2 {
  .cs_iconbox_icon {
    height: 110px;
    width: 110px;
    border-radius: 20px;
    background-color: #fff;
    box-shadow: 0px 0px 25px 0px rgba(27, 27, 27, 0.1);
    img {
      max-height: 60px;
      max-width: 60px;
    }
  }
  &.text-center {
    .cs_iconbox_icon {
      margin-left: auto;
      margin-right: auto;
    }
  }
  @media (max-width: 1199px) {
    p {
      br {
        display: none;
      }
    }
  }
}
.cs_iconbox.cs_style_3 {
  box-shadow: 0px 0px 20px 0px rgba(27, 27, 27, 0.1);
  padding: 1px 50px 44px;
  margin-top: 62px;
  @media (max-width: 991px) {
    padding: 1px 30px 34px;
  }
  @media (max-width: 400px) {
    padding: 1px 25px 34px;
  }
  .cs_iconbox_icon {
    height: 125px;
    width: 125px;
    border: 1px solid var(--accent);
    margin-top: -63px;
    img {
      width: 60px;
      transition: all 1s ease;
    }
  }
  &:hover {
    .cs_iconbox_icon {
      img {
        transform: rotateY(360deg);
      }
    }
  }
}
.cs_iconbox.cs_style_4 {
  display: flex;
  gap: 24px;
  align-items: center;
  &:not(:last-child) {
    margin-bottom: 40px;
  }
  .cs_iconbox_icon {
    height: 88px;
    width: 88px;
    border: 1px solid var(--primary);
    flex: none;
    img {
      flex: none;
      height: 40px;
      width: 40px;
    }
  }
}
.cs_iconbox.cs_style_5 {
  .cs_iconbox_icon {
    height: 85px;
    width: 85px;
    img {
      max-height: 45px;
      max-width: 45px;
      filter: brightness(0) invert(1);
    }
  }
  &.text-center {
    .cs_iconbox_icon {
      margin-left: auto;
      margin-right: auto;
    }
  }
  b {
    font-weight: 400;
    color: var(--primary);
  }
}