/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
[id^="section-image-slider-"] {
  position: relative; }
  [id^="section-image-slider-"] .image-slider .image-wrapper {
    position: relative;
    overflow: hidden;
    height: 180px;
    width: 320px;
    border-radius: 16px; }
    @media (min-width: 768px) {
      [id^="section-image-slider-"] .image-slider .image-wrapper {
        height: 285px;
        width: 505px; } }
    [id^="section-image-slider-"] .image-slider .image-wrapper img {
      position: absolute;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      inset: 0;
      width: 100%;
      height: 100%;
      border-radius: 0; }
  @media (min-width: 981px) {
    [id^="section-image-slider-"] .image-slider:after, [id^="section-image-slider-"] .image-slider:before {
      content: '';
      background: linear-gradient(90deg, rgba(28, 63, 133, 0.7) 0%, rgba(28, 63, 133, 0) 100%);
      position: absolute;
      width: 160px;
      height: 100%;
      top: 0;
      z-index: 1; }
    [id^="section-image-slider-"] .image-slider:before {
      left: 0; }
    [id^="section-image-slider-"] .image-slider:after {
      transform: scaleX(-1);
      right: 0; } }
  [id^="section-image-slider-"] .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 2rem;
    z-index: 9; }
    [id^="section-image-slider-"] .owl-nav.disabled {
      display: none; }
    [id^="section-image-slider-"] .owl-nav .owl-next, [id^="section-image-slider-"] .owl-nav .owl-prev {
      position: relative;
      font-size: 30px;
      line-height: 1;
      color: #fff;
      background-color: #40c7e9;
      border-radius: 8px;
      width: 40px;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: center;
      pointer-events: auto;
      transition: all .3s ease-in-out; }
      [id^="section-image-slider-"] .owl-nav .owl-next span, [id^="section-image-slider-"] .owl-nav .owl-prev span {
        position: relative;
        top: -4px; }
      [id^="section-image-slider-"] .owl-nav .owl-next:focus, [id^="section-image-slider-"] .owl-nav .owl-prev:focus {
        outline: 0; }
      [id^="section-image-slider-"] .owl-nav .owl-next.disabled, [id^="section-image-slider-"] .owl-nav .owl-prev.disabled {
        opacity: .75; }
    @media (min-width: 981px) {
      [id^="section-image-slider-"] .owl-nav {
        margin-top: 0;
        justify-content: space-between;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        pointer-events: none; }
        [id^="section-image-slider-"] .owl-nav .owl-next {
          right: .5rem; }
        [id^="section-image-slider-"] .owl-nav .owl-prev {
          left: .5rem; } }

/*# sourceMappingURL=image-slider.css.map */