section.has-loader {
  position: relative;

  .section-loader {
    position        : absolute;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    background-color: rgba(#fff, 1);
    z-index         : 1;
    display         : flex;
    justify-content : center;
    align-items     : center;
    visibility      : hidden;
    opacity         : 0;
    &.active {
      visibility : visible;
      opacity    : 1;
    }
  }
}

.section-paddingY {
  padding-top: 20px;
}
.section-body {
  display: block;
}
.body-flex {
  display: flex;
}
.middle-section {
  padding-bottom: 0;
}

.section-paddingXY {
  padding: 70px;
}

.first-section {
  padding-top: 100px;
}

.section-see-all {
  margin-right: 100px;
  float: right;
}
.section-header {
  padding: 10px;
  padding-left: 15px;
  padding-top: 15px;
}
.section-title {
  text-align: left;
  margin-bottom: 0;
  font-size: 18px;
  color: $title-color;
  text-transform: uppercase;
  font-weight: 400;
}

.section-title-seperator {
  margin: 20px 0;
}

.section-subtitle {
  font-size: 22px;
  font-weight: 700;
  color: $subtitle-color;
}

.section-bottom {
  &.has-pagination {
    margin-top: 20px;
    padding: 8px 0;
  }
}

// gioi thieu
.section-intro {
  .section-header {
      border-bottom: 2px;
      text-align: center;
      margin-bottom: 10px;
      .section-title {
          text-align: center;
          color: #000;
          font-weight: 700;
          font-size: 24px;
      }
  }
}
.category-section {
}