[data-theme=dark] .cardItem {
  background: var(--color-dark-theme);
}
[data-theme=dark] .cardItem .--icon i {
  color: #fff;
}

.supportBanner {
  width: 100%;
  height: 40vh;
  overflow: hidden;
  margin-bottom: 32px;
}
.supportBanner img {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .supportBanner {
    height: 140px;
  }
}

.supportCenterContent {
  padding-bottom: 100px;
}
.supportCenterContent .supportCenterContentDetails {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.supportCenterContent .supportCenterContentDetails .description_support {
  width: 50%;
  text-align: center;
  margin-bottom: 52px;
}
.supportCenterContent .supportCenterContentDetails .description_support .blck_title {
  margin-bottom: 20px;
}
.supportCenterContent .supportCenterContentDetails .description_support .txt {
  text-align: center;
}
@media (max-width: 767px) {
  .supportCenterContent .supportCenterContentDetails .description_support {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .supportCenterContent {
    padding-bottom: 60px;
  }
}

.cardItem {
  box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.06);
  padding: 30px;
  border-radius: 12px;
  background: var(--color-white);
  display: flex;
  flex-flow: column;
  align-items: center;
  text-align: center;
  height: 100%;
  justify-content: space-between;
}
.cardItem .--content {
  flex: 1;
}
.cardItem .btn_primary {
  padding: 8px 15px;
  font-weight: 500;
}
.cardItem .btn_primary i {
  font-size: 11px;
}
.cardItem .--name {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 8px;
}
.cardItem article {
  margin-bottom: 24px;
}
.cardItem .--icon {
  margin-bottom: 20px;
  width: 42px;
  height: 42px;
}
.cardItem .--icon i {
  font-size: 42px;
  color: var(--color-blue);
}

@media (min-width: 768px) and (max-width: 1056px) {
  .col-md-3 {
    width: 50% !important;
  }
}/*# sourceMappingURL=supportcenter.css.map */