.owl-carousel {
  &.owl-loaded {
  }
  &.owl-theme {
    .owl-nav {
      margin-top: 0;
    }
    .owl-nav {
      div {
        position: absolute;
        top: 0;
        bottom: 0;

        width: 2.5em;
        height: 2.5em;

        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background-color: #fff;
        border-radius: 50%;
        overflow: hidden;
        margin: auto 0;

        &:disabled {
          opacity: 0;
        }


        &.owl-prev {
          left: 0;
          border: 1px solid #f1f1f1;
          padding-right: 4px;
          color: #bdc4cc;

          background-image: url("../../common/img/chevron-left.svg");
          // background-image: url("#{$VITE_COMMON_ASSETS_URL}/img/chevron-left.svg");
          background-repeat: no-repeat;
          background-size: contain;

        }

        &.owl-next {
          right: 0;
          border: 1px solid #f1f1f1;
          padding-left: 4px;
          color: #bdc4cc;


          transform: rotate(180deg);
          background-image: url("../../common/img/chevron-left.svg");
          // background-image: url("#{$VITE_COMMON_ASSETS_URL}/img/chevron-left.svg");
          background-repeat: no-repeat;
          background-size: contain;
        }
      }
    }
    .owl-dots {
      .owl-dot {
        &.active {
        }
      }
    }
  }
  .owl-stage-outer {
    .owl-stage {
      .owl-item {
        &.active {
        }
      }
    }
  }
}