.bc-primary-heading {
  font-size: 40px;
  line-height: normal;
  text-align: center;
  font-weight: 600;
  color: $bcb-brand-secondary;
}

.bc-primary-sub-heading {
  font-size: 18px;
  line-height: 36px;
  font-weight: 400;
  text-align: center;
  color: $bcb-base-color-text;
  margin-bottom: 30px;
}

.bc-btn-primary {
  border-radius: $bcb-shoppingexperiences-btn-radius + px;
  max-width: 200px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  margin-top: 15px;
  height: 45px;
  line-height: 45px;
  text-transform: uppercase;
  &:hover {
    text-decoration: none;
  }
}

.bc-btn-secondary {
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  margin-top: 20px;
  text-transform: uppercase;
  &:hover {
    text-decoration: none;
  }
}

.bc-featured-categories {
  .bc-categories-wrapper {
    .bc-categories-content-wrapper {
      padding: 20px;
      height: 100%;
      display: flex;
      flex-direction: column;
      position: relative;
      z-index: 1;
      &.content-center {
        justify-content: center;
        padding-left: 41%;
        padding-top: 28%;
      }
      &.content-left {
        justify-content: end;
        padding-left: 8%;
      }
      &.content-right {
        justify-content: end;
        padding-right: 45%;
      }
      .bc-categories-content-heading {
        @if $bcb-google-font-import == "1" {
          font-family: $bcb-googlefont-familyHeadline;
          font-weight: $bcb-googlefont-familyHeadlinewhight;
        } @else {
          font-family: $sw-font-family-headline;
        }
        font-size: 24px;
        font-weight: 700;
        line-height: 23px;
        margin-bottom: 10px;
      }
      .bc-categories-content-big-heading {
        @if $bcb-google-font-import == "1" {
          font-family: $bcb-googlefont-familyHeadline;
          font-weight: $bcb-googlefont-familyHeadlinewhight;
        } @else {
          font-family: $sw-font-family-headline;
        }
        font-size: 36px;
        font-weight: 700;
        line-height: 50px;
        margin-bottom: 10px;
      }
      .bc-categories-content {
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
      }
    }
    .big-img {
      height: 700px !important;
    }
    .bc-categories-image {
      height: 341px;
      background-size: cover;
      background-position: center center;
      position: relative;
      border-radius: $bcb-shoppingexperiences-radius + px;
      overflow: hidden;

      &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: $bcb-shoppingexperiences-GridbannerOverlay;
        border-radius: $bcb-shoppingexperiences-radius + px;
        overflow: hidden;
        transition: 0.5s all;
      }

      &:hover {
        &::before {
          background: $bcb-shoppingexperiences-GridbannerOverlayhover;
        }
      }
    }
  }
  .full-banner-margin-top {
    margin-top: 20px;
  }
  a {
    text-decoration: none;
  }
}

@media (min-width: 1366px) {
  .bc-featured-categories {
    .bc-categories-wrapper {
      .bc-categories-content-wrapper.content-center {
        padding-left: 50%;
        &.bc-text-left {
          padding-right: 45%;
          padding-left: 4%;
        }
      }
      .bc-categories-content-wrapper.content-right {
        &.bc-text-right {
          justify-content: end;
          padding-left: 50%;
          padding-right: 3%;
        }
      }
    }
  }
}
@media (max-width: 1200px) {
  .bc-featured-categories {
    .bc-categories-wrapper {
      .bc-categories-content-wrapper {
        .bc-categories-content {
          font-size: 16px;
          line-height: normal;
        }
      }
    }
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .bc-featured-categories {
    .bc-categories-wrapper {
      .bc-categories-content-wrapper {
        &.content-center {
          padding-left: 20px;
        }
        &.content-left {
          padding-left: 20px;
        }
        &.content-right {
          padding-right: 20px;
        }
      }
    }
    .full-banner-margin-top {
      margin-top: 20px;
    }
  }
}

@media (max-width: 991.98px) {
  .bc-featured-categories .full-banner-margin-top {
    margin-top: 25px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
  .bc-featured-categories {
    .bc-categories-wrapper {
      .bc-categories-content-wrapper.content-center {
        &.bc-text-left {
          padding-right: 45%;
          padding-left: 4%;
        }
      }
      .bc-categories-content-wrapper.content-right {
        &.bc-text-right {
          justify-content: end;
          padding-left: 52%;
          padding-right: 3%;
        }
      }
    }
  }
}

@media (max-width: 767.98px) {
  .bc-featured-categories {
    .bc-categories-wrapper {
      .bc-categories-content-wrapper {
        &.content-center {
          padding-left: 20px;
        }
        &.content-left {
          padding-left: 20px;
        }
        &.content-right {
          padding-right: 20px;
        }
      }
    }
    .bc-margin-bottom {
      margin-bottom: 25px;
    }
  }
  .bc-primary-heading {
    font-size: 28px;
    line-height: normal;
  }
  .bc-primary-sub-heading {
    font-size: 20px;
    line-height: normal;
    margin-top: 15px;
  }
}

@media (max-width: 575.98px) {
  .bc-featured-categories {
    .bc-categories-wrapper {
      .bc-categories-content-wrapper {
        .bc-categories-content-big-heading {
          font-size: 24px;
          line-height: normal;
          margin-bottom: 10px;
        }
        .bc-categories-content-heading {
          font-size: 20px;
          line-height: normal;
          font-weight: 700;
          margin-bottom: 5px;
        }
      }
      .big-img {
        height: 500px !important;
      }
    }
  }

  .bc-primary-sub-heading {
    font-size: 16px;
  }
}
