/**
 * --------------------------------------------------------------------------------------------
 * FONT
 *
 * Apply font-size, line-height, and letter-spacing in one go.
 *
 * @usage
 *    @include font($font-size $line-height $letter-spacing);
 *    // All arguments are optional
 * --------------------------------------------------------------------------------------------
 */

.sliding-card-list .carousel {
  padding-left: 10%;
  padding-right: 10%;
  margin-top: 1.875rem;
}

@media (min-width: 750px) {
  .sliding-card-list .carousel {
    padding-left: 0;
    padding-right: 0;
    margin-left: 25%;
    margin-top: 1.25rem;
  }
}

@media (min-width: 1200px) {
  .sliding-card-list .carousel {
    margin-top: 2.5rem;
  }
}

@media (min-width: 750px) {
  .sliding-card-list .carousel[data-carousel-items='1'] .carousel__ctrls,
  .sliding-card-list .carousel[data-carousel-items='2'] .carousel__ctrls,
  .sliding-card-list .carousel[data-carousel-items='3'] .carousel__ctrls {
    display: none;
  }
}

@media (max-width: 749px) {
  .sliding-card-list .carousel[data-carousel-items='1'] {
    display: none;
  }
}

.sliding-card-list .carousel__item,
.sliding-card-list .carousel .card {
  margin-right: .9375rem;
}

@media (max-width: 749px) {
  .sliding-card-list .carousel__item,
  .sliding-card-list .carousel .card {
    width: 100%;
  }
}

@media (min-width: 750px) {
  .sliding-card-list .carousel__item,
  .sliding-card-list .carousel .card {
    width: 29.25333%;
    margin-right: 2.77733%;
  }
}

@media (min-width: 1200px) {
  .sliding-card-list .carousel__item,
  .sliding-card-list .carousel .card {
    width: 29.10667%;
    margin-right: 2.95333%;
  }
}

html[dir="rtl"] .sliding-card-list .carousel__item,
html[dir="rtl"]
    .sliding-card-list .carousel .card {
  margin-right: 0;
  margin-left: .75rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .sliding-card-list .carousel__item,
  html[dir="rtl"]
        .sliding-card-list .carousel .card {
    margin-left: 5.88235%;
    width: 23.52941%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .sliding-card-list .carousel__item,
  html[dir="rtl"]
        .sliding-card-list .carousel .card {
    margin-left: 1.5rem;
    width: 26.66667%;
  }
}

@media (min-width: 750px) {
  .sliding-card-list .carousel__ctrls {
    margin-left: 76.47059%;
  }

  html[dir="rtl"] .sliding-card-list .carousel__ctrls {
    margin-right: 76.47059%;
  }
}

@media (min-width: 1200px) {
  .sliding-card-list .carousel__ctrls {
    margin-left: 80%;
  }

  html[dir="rtl"] .sliding-card-list .carousel__ctrls {
    margin-right: 80%;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .sliding-card-list .carousel {
    margin-left: 0;
    margin-right: 15%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .sliding-card-list .carousel {
    margin-right: 25%;
  }
}

@media (max-width: 749px) {
  .sliding-card-list .cta {
    min-width: auto;
  }
}

.sliding-card-list.has-description .carousel {
  margin-top: 2.5rem;
}

@media (min-width: 1200px) {
  .sliding-card-list.has-description .carousel {
    margin-top: 3.75rem;
  }
}

@media (min-width: 750px) {
  .sliding-card-list.has-cta .container {
    padding-top: .75rem;
  }
}

.sliding-card-list.has-cta .scl-eyebrow {
  margin-bottom: 1.875rem;
}

html[dir="rtl"] .sliding-card-list.has-cta .scl-eyebrow + hr {
  margin-left: 0;
}

@media (min-width: 750px) {
  html[dir="rtl"] .sliding-card-list.has-cta .scl-eyebrow + hr {
    display: block;
    margin-right: 25%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .sliding-card-list.has-cta .scl-eyebrow + hr {
    display: block;
  }
}

@media (min-width: 750px) {
  .sliding-card-list--topics > .eyebrow {
    margin-left: 15%;
  }
}

@media (min-width: 1200px) {
  .sliding-card-list--topics > .eyebrow {
    margin-left: 25%;
  }
}

@media (min-width: 750px) {
  .sliding-card-list--topics > .eyebrow + hr {
    margin-left: 15%;
  }
}

@media (min-width: 1200px) {
  .sliding-card-list--topics > .eyebrow + hr {
    margin-left: 25%;
  }
}

.sliding-card-list--topics .carousel {
  padding-left: 12.5%;
  padding-right: 12.5%;
}

@media (min-width: 750px) {
  .sliding-card-list--topics .carousel {
    padding-left: 0;
    padding-right: 0;
    margin-left: 15%;
  }
}

@media (min-width: 1200px) {
  .sliding-card-list--topics .carousel {
    margin-left: 25%;
  }
}

.sliding-card-list--topics .carousel__item {
  width: 100%;
  margin-right: 6.66667%;
}

@media (min-width: 750px) {
  .sliding-card-list--topics .carousel__item {
    width: 23.52941%;
    margin-right: 5.88235%;
  }
}

@media (min-width: 1200px) {
  .sliding-card-list--topics .carousel__item {
    width: 26.66667%;
    margin-right: 2.88667%;
  }
}

html[dir="rtl"] .sliding-card-list .container .cta {
  right: auto;
  left: 0;
  margin-right: 0;
}

@media (min-width: 750px) {
  html[dir="rtl"] .sliding-card-list .container .cta {
    margin-left: 5%;
  }
}

html[dir="rtl"] .sliding-card-list .container > .eyebrow {
  font-family: "Helvetica Neue LT Arabic Bold", helvetica;
  letter-spacing: 0;
  font-size: 1.375rem;
  line-height: 1.375rem;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 1.875rem;
}

@media (min-width: 750px) {
  html[dir="rtl"] .sliding-card-list .container > .eyebrow {
    margin-right: 15%;
    margin-left: 5.88235%;
    text-align: right;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .sliding-card-list .container > .eyebrow {
    font-size: 1.5rem;
    margin-bottom: 2.625rem;
    margin-right: 25%;
    margin-left: 6.66667%;
  }
}

html[dir="rtl"] .sliding-card-list .container > .typo-header {
  line-height: 1.875rem;
  text-align: center;
  margin-bottom: 2rem;
  margin-left: 10%;
  margin-right: 10%;
}

@media (min-width: 750px) {
  html[dir="rtl"] .sliding-card-list .container > .typo-header {
    text-align: right;
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 1.3125rem;
    margin-right: 15%;
    margin-left: 5.88235%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .sliding-card-list .container > .typo-header {
    font-size: 2.9375rem;
    line-height: 3.4375rem;
    margin-bottom: 1.9375rem;
    margin-right: 25%;
    margin-left: 6.66667%;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .sliding-card-list .container .scl-description {
    margin-right: 15%;
    margin-left: 5.88235%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .sliding-card-list .container .scl-description {
    margin-left: 6.66667%;
    margin-right: 25%;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .sliding-card-list-cta .container > .eyebrow {
    margin-right: 15%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .sliding-card-list-cta .container > .eyebrow {
    margin-right: 25%;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .sliding-card-list-cta .container > .typo-header {
    margin-right: 15%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .sliding-card-list-cta .container > .typo-header {
    margin-right: 25%;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .sliding-card-list-cta .container > .scl-description {
    margin-right: 15%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .sliding-card-list-cta .container > .scl-description {
    margin-right: 25%;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .sliding-card-list-cta .carousel {
    margin-right: 15%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .sliding-card-list-cta .carousel {
    margin-right: 25%;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .sliding-card-list-cta .carousel__item,
  html[dir="rtl"] .sliding-card-list-cta .carousel .card {
    width: 10.3125rem;
    position: relative;
    margin-left: 2.0625rem;
  }

  html[dir="rtl"] .sliding-card-list-cta .carousel__item:before,
  html[dir="rtl"] .sliding-card-list-cta .carousel .card:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 163.63636%;
  }

  html[dir="rtl"] .sliding-card-list-cta .carousel__item > *,
  html[dir="rtl"] .sliding-card-list-cta .carousel .card > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .sliding-card-list-cta .carousel__item,
  html[dir="rtl"] .sliding-card-list-cta .carousel .card {
    width: 16.375rem;
    position: relative;
    margin-left: 1.6875rem;
  }

  html[dir="rtl"] .sliding-card-list-cta .carousel__item:before,
  html[dir="rtl"] .sliding-card-list-cta .carousel .card:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 139.31298%;
  }

  html[dir="rtl"] .sliding-card-list-cta .carousel__item > *,
  html[dir="rtl"] .sliding-card-list-cta .carousel .card > * {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .sliding-card-list-cta .carousel__item > .icon-linkout,
  html[dir="rtl"] .sliding-card-list-cta .carousel .card > .icon-linkout {
    left: 0;
    right: auto;
    bottom: auto;
  }
}

@media (min-width: 750px) {
  html[dir="rtl"] .sliding-card-list-cta .carousel__ctrls {
    margin-right: 76.47059%;
  }
}

@media (min-width: 1200px) {
  html[dir="rtl"] .sliding-card-list-cta .carousel__ctrls {
    margin-right: 80%;
  }
}

/*# sourceMappingURL=sliding-card-list.css.map */