/**
 * Slider Styles
 * 
 * استایل‌های اسلایدر با اصلاح ریسپانسیو و Pattern
 * 
 * @package MainBannerSlider
 * @since 2.1.0
 */

/* ==========================================================================
   CSS Variables
   ========================================================================== */

:root {
  --mbs-slider-nav-size: 48px;
  --mbs-slider-nav-size-tablet: 42px;
  --mbs-slider-nav-size-mobile: 36px;
  --mbs-slider-dot-size: 10px;
  --mbs-slider-dot-size-mobile: 8px;
  --mbs-slider-min-height: 350px;
  --mbs-slider-min-height-tablet: 300px;
  --mbs-slider-min-height-mobile: 250px;
  --mbs-primary: #1c5da9;
  --mbs-slider-nav-bg: rgba(255, 255, 255, 0.95);
  --mbs-slider-nav-color: #1c5da9;
  --mbs-slider-nav-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

/* ==========================================================================
     Prevent Horizontal Overflow - CRITICAL
     ========================================================================== */

html,
body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}

/* ==========================================================================
     Slider Wrapper
     ========================================================================== */

.mbs-slider-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden !important;
  overflow-x: hidden !important;
  margin: 0;
  padding: 0;
  max-width: 100% !important;
}

.mbs-slider {
  position: relative;
  width: 100%;
  overflow: hidden !important;
  max-width: 100% !important;
  min-height: var(--mbs-slider-min-height);
}

.mbs-slider .swiper-wrapper {
  align-items: stretch;
}

.mbs-slider .swiper-slide {
  height: auto;
  display: flex;
  align-items: stretch;
  min-height: var(--mbs-slider-min-height);
  box-sizing: border-box;
}

.mbs-slider .swiper-slide > .mbs-banner {
  width: 100%;
  flex: 1;
  min-height: inherit;
}

/* ==========================================================================
     Banner Inside Slider
     ========================================================================== */

.mbs-slider .mbs-banner {
  min-height: var(--mbs-slider-min-height);
}

.mbs-slider .mbs-banner--style-1,
.mbs-slider .mbs-banner--style-2,
.mbs-slider .mbs-banner--style-3 {
  height: 100%;
}

/* Pattern در اسلایدر - نباید کلیک را بلاک کند */
.mbs-slider .mbs-banner-pattern {
  max-height: 60%;
  opacity: 0.15;
  pointer-events: none !important;
  z-index: 1 !important;
}

.mbs-slider .mbs-banner-pattern--left {
  left: -150px !important;
  max-width: 400px;
}

.mbs-slider .mbs-banner-pattern--right {
  right: -150px !important;
  max-width: 400px;
}

/* Sidebar Image در اسلایدر - نباید کلیک را بلاک کند */
.mbs-slider .mbs-banner-sidebar-image {
  /* max-height: 85%; */
  pointer-events: none;
  z-index: 2;
}

/* .mbs-slider .mbs-banner-sidebar-img {
  max-height: 380px;
} */

/* ==========================================================================
     Content Layer - باید بالای pattern باشد
     ========================================================================== */

.mbs-slider .mbs-banner-content {
  position: relative;
  z-index: 5;
}

.mbs-slider .mbs-banner-container {
  position: relative;
  z-index: 5;
}

.mbs-slider .mbs-banner-wrapper {
  position: relative;
  z-index: 5;
}

/* ==========================================================================
     Buttons - باید کلیک‌پذیر باشند
     ========================================================================== */

.mbs-slider .mbs-banner-buttons {
  position: relative;
  z-index: 10;
}

.mbs-slider .mbs-banner-btn {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative;
  z-index: 10;
}

.mbs-slider .mbs-banner-btn:hover {
  pointer-events: auto !important;
}

/* ==========================================================================
     Navigation Buttons
     ========================================================================== */

.mbs-slider .mbs-slider-prev,
.mbs-slider .mbs-slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100 !important;
  width: var(--mbs-slider-nav-size);
  height: var(--mbs-slider-nav-size);
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--mbs-slider-nav-bg);
  border: none;
  border-radius: 50%;
  cursor: pointer !important;
  pointer-events: auto !important;
  box-shadow: var(--mbs-slider-nav-shadow);
  transition: all 0.3s ease;
  color: var(--mbs-slider-nav-color);
  padding: 0;
  margin: 0;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.mbs-slider-prev:hover,
.mbs-slider-next:hover {
  background: #fff;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  transform: translateY(-50%) scale(1.08);
  pointer-events: auto !important;
}

.mbs-slider-prev:focus,
.mbs-slider-next:focus {
  outline: 2px solid var(--mbs-primary);
  outline-offset: 2px;
  pointer-events: auto !important;
}

.mbs-slider-prev:active,
.mbs-slider-next:active {
  transform: translateY(-50%) scale(0.95);
  pointer-events: auto !important;
}

/* RTL - دکمه‌ها */
.mbs-slider-prev {
  right: 20px;
  left: auto;
}

.mbs-slider-next {
  left: 20px;
  right: auto;
}

/* LTR */
[dir="ltr"] .mbs-slider-prev {
  left: auto;
  right: 20px;
}

[dir="ltr"] .mbs-slider-next {
  right: 20px;
  left: auto;
}

.mbs-slider-prev svg,
.mbs-slider-next svg {
  width: 24px;
  height: 24px;
  display: block;
  pointer-events: none;
}

.mbs-slider-prev.swiper-button-disabled,
.mbs-slider-next.swiper-button-disabled {
  opacity: 0.4;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/* مخفی کردن فلش پیش‌فرض Swiper */
.mbs-slider .swiper-button-prev::after,
.mbs-slider .swiper-button-next::after {
  display: none !important;
  content: none !important;
}

/* Override Swiper default buttons */
.mbs-slider .swiper-button-prev,
.mbs-slider .swiper-button-next {
  pointer-events: auto !important;
}

.mbs-slider .swiper-button-disabled {
  pointer-events: none !important;
  opacity: 0.35;
}

/* ==========================================================================
     Pagination - FIXED
     ========================================================================== */

.mbs-slider-pagination {
  position: absolute !important;
  bottom: 20px !important;
  left: 50% !important;
  right: auto !important;
  top: auto !important;
  transform: translateX(-50%) !important;
  z-index: 100 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 8px 16px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  border-radius: 20px !important;
  backdrop-filter: blur(5px);
  pointer-events: auto !important;
  width: auto !important;
  max-width: 90% !important;
  box-sizing: border-box !important;
}

/* Bullets Style */
.mbs-slider-pagination .swiper-pagination-bullet {
  width: var(--mbs-slider-dot-size) !important;
  height: var(--mbs-slider-dot-size) !important;
  background: rgba(28, 93, 169, 0.3) !important;
  border: none !important;
  border-radius: 50% !important;
  opacity: 1 !important;
  transition: all 0.3s ease;
  cursor: pointer !important;
  pointer-events: auto !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

.mbs-slider-pagination .swiper-pagination-bullet:hover {
  background: rgba(28, 93, 169, 0.6) !important;
  transform: scale(1.1);
}

.mbs-slider-pagination .swiper-pagination-bullet-active {
  background: var(--mbs-primary) !important;
  transform: scale(1.3) !important;
}

/* Fraction Pagination */
.mbs-slider-pagination.swiper-pagination-fraction {
  background: rgba(255, 255, 255, 0.9) !important;
  padding: 8px 16px !important;
  border-radius: 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: var(--mbs-primary) !important;
  width: auto !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

/* Progress Bar Pagination */
.mbs-slider-pagination.swiper-pagination-progressbar {
  position: absolute !important;
  bottom: 0 !important;
  top: auto !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 4px !important;
  background: rgba(0, 0, 0, 0.1) !important;
  transform: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}

.mbs-slider-pagination.swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  background: var(--mbs-primary) !important;
}

/* Override Swiper horizontal bullets default */
.swiper-pagination-bullets.swiper-pagination-horizontal {
  position: absolute !important;
  bottom: 20px !important;
  left: 50% !important;
  right: auto !important;
  width: auto !important;
  transform: translateX(-50%) !important;
}

/* ==========================================================================
     Autoplay Progress Bar
     ========================================================================== */

.mbs-slider-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: rgba(0, 0, 0, 0.1);
  z-index: 10;
  overflow: hidden;
  pointer-events: none;
}

.mbs-slider-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--mbs-primary), #3a7bd5);
  width: 0;
  transition: width 0.1s linear;
}

/* ==========================================================================
     Slide Effects
     ========================================================================== */

/* Fade Effect */
.mbs-slider.swiper-fade .swiper-slide {
  opacity: 0 !important;
  transition: opacity 0.5s ease;
}

.mbs-slider.swiper-fade .swiper-slide-active {
  opacity: 1 !important;
}

/* ==========================================================================
     RESPONSIVE - LARGE DESKTOP (1400px+)
     ========================================================================== */

@media (min-width: 1400px) {
  :root {
    --mbs-slider-min-height: 420px;
  }

  .mbs-slider .mbs-banner-pattern {
    max-height: 75%;
    max-width: 550px;
  }

  .mbs-slider .mbs-banner-pattern--left {
    left: -200px !important;
  }

  .mbs-slider .mbs-banner-pattern--right {
    right: -200px !important;
  }

  .mbs-slider-prev {
    right: 30px;
  }

  .mbs-slider-next {
    left: 30px;
  }

  [dir="ltr"] .mbs-slider-prev {
    right: 30px;
    left: auto;
  }

  [dir="ltr"] .mbs-slider-next {
    left: 30px;
    right: auto;
  }
}

/* ==========================================================================
     RESPONSIVE - DESKTOP (1024px - 1399px)
     ========================================================================== */

@media (min-width: 1024px) and (max-width: 1399px) {
  :root {
    --mbs-slider-min-height: 380px;
  }

  .mbs-slider .mbs-banner-pattern {
    max-height: 60%;
    max-width: 400px;
    opacity: 0.12;
  }

  .mbs-slider .mbs-banner-pattern--left {
    left: -140px !important;
  }

  .mbs-slider .mbs-banner-pattern--right {
    right: -140px !important;
  }

  /* .mbs-slider .mbs-banner-sidebar-img {
    max-height: 260px;
  } */
}

/* ==========================================================================
     RESPONSIVE - TABLET (768px - 1023px)
     ========================================================================== */

@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --mbs-slider-min-height: var(--mbs-slider-min-height-tablet);
  }

  .mbs-slider {
    min-height: var(--mbs-slider-min-height-tablet);
  }

  .mbs-slider .swiper-slide {
    min-height: var(--mbs-slider-min-height-tablet);
  }

  .mbs-slider-prev,
  .mbs-slider-next {
    width: var(--mbs-slider-nav-size-tablet);
    height: var(--mbs-slider-nav-size-tablet);
  }

  .mbs-slider-prev svg,
  .mbs-slider-next svg {
    width: 20px;
    height: 20px;
  }

  .mbs-slider-prev {
    left: 15px;
  }

  .mbs-slider-next {
    right: 15px;
  }

  [dir="ltr"] .mbs-slider-prev {
    right: 15px;
    left: auto;
  }

  [dir="ltr"] .mbs-slider-next {
    left: 15px;
    right: auto;
  }

  /* Pattern تبلت */
  .mbs-slider .mbs-banner-pattern {
    max-height: 45%;
    max-width: 280px;
    opacity: 0.1;
  }

  .mbs-slider .mbs-banner-pattern--left {
    left: -100px !important;
  }

  .mbs-slider .mbs-banner-pattern--right {
    right: -100px !important;
  }

  /* Sidebar Image تبلت */
  /* .mbs-slider .mbs-banner-sidebar-image {
    max-height: 70%;
  } */
/* 
  .mbs-slider .mbs-banner-sidebar-img {
    max-height: 200px;
  } */

  /* Content */
  .mbs-slider .mbs-banner-content {
    padding: 1rem;
  }

  .mbs-slider .mbs-banner-title {
    font-size: 26px;
  }

  .mbs-slider .mbs-banner-text {
    font-size: 14px;
  }

  .mbs-slider-pagination {
    bottom: 15px !important;
    padding: 6px 12px !important;
  }
}

/* ==========================================================================
     RESPONSIVE - MOBILE (max 767px)
     ========================================================================== */

@media (max-width: 767px) {
  :root {
    --mbs-slider-min-height: var(--mbs-slider-min-height-mobile);
  }

  .mbs-slider {
    min-height: var(--mbs-slider-min-height-mobile);
  }

  .mbs-slider .swiper-slide {
    min-height: var(--mbs-slider-min-height-mobile);
  }

  /* Navigation - کوچکتر در موبایل */
  .mbs-slider-prev,
  .mbs-slider-next {
    width: var(--mbs-slider-nav-size-mobile);
    height: var(--mbs-slider-nav-size-mobile);
    opacity: 0.9;
  }

  .mbs-slider-prev svg,
  .mbs-slider-next svg {
    width: 18px;
    height: 18px;
  }

  .mbs-slider-prev {
    left: 10px;
  }

  .mbs-slider-next {
    right: 10px;
  }

  [dir="ltr"] .mbs-slider-prev {
    right: 10px;
    left: auto;
  }

  [dir="ltr"] .mbs-slider-next {
    left: 10px;
    right: auto;
  }

  /* Pattern موبایل */
  .mbs-slider .mbs-banner-pattern {
    max-height: 35%;
    max-width: 180px;
    opacity: 0.08;
  }

  .mbs-slider .mbs-banner-pattern--left {
    left: -80px !important;
    top: auto !important;
    bottom: -30px !important;
  }

  .mbs-slider .mbs-banner-pattern--right {
    right: -80px !important;
    top: -30px !important;
  }

  /* Sidebar Image موبایل */
  .mbs-slider .mbs-banner-sidebar-image {
    /* max-height: 50%; */
    opacity: 0.85;
  }

  /* .mbs-slider .mbs-banner-sidebar-img {
    max-height: 150px;
  } */

  .mbs-slider .mbs-banner-sidebar {
    max-width: 180px;
  }

  /* Content موبایل */
  .mbs-slider .mbs-banner-content {
    padding: 0.75rem;
  }

  .mbs-slider .mbs-banner-title {
    font-size: 20px;
    margin-bottom: 2rem;
  }

  .mbs-slider .mbs-banner-subtitle {
    font-size: 14px;
  }

  .mbs-slider .mbs-banner-text {
    font-size: 14px;
    margin-bottom: 0.75rem;
  }

  /* Buttons موبایل */
  .mbs-slider .mbs-banner-buttons {
    margin-top: 1rem;
    gap: 0.5rem;
  }

  .mbs-slider .mbs-banner-btn {
    padding: 10px;
    font-size: 14px;
  }

  /* Properties موبایل */
  .mbs-slider .mbs-banner-properties {
    margin-bottom: 0.75rem;
  }

  .mbs-slider .mbs-banner-properties__item {
    font-size: 14px;
    padding-right: 14px;
  }

  /* Pagination موبایل */
  .mbs-slider-pagination {
    bottom: 12px !important;
    gap: 6px !important;
    padding: 5px 10px !important;
  }

  .mbs-slider-pagination .swiper-pagination-bullet {
    width: var(--mbs-slider-dot-size-mobile) !important;
    height: var(--mbs-slider-dot-size-mobile) !important;
  }

  /* Container */
  .mbs-slider .mbs-banner-container {
    padding: 1rem 0.75rem;
  }
}

/* ==========================================================================
     RESPONSIVE - SMALL MOBILE (max 480px)
     ========================================================================== */

@media (max-width: 480px) {
  :root {
    --mbs-slider-min-height: 220px;
  }

  .mbs-slider {
    min-height: 220px;
  }

  .mbs-slider .swiper-slide {
    min-height: 220px;
  }

  /* نمایش Navigation در موبایل کوچک */
  .mbs-slider-prev,
  .mbs-slider-next {
    display: flex !important;
    width: 32px;
    height: 32px;
    opacity: 0.85;
  }

  .mbs-slider-prev svg,
  .mbs-slider-next svg {
    width: 16px;
    height: 16px;
  }

  /* Pattern کوچکتر */
  .mbs-slider .mbs-banner-pattern {
    max-height: 25%;
    max-width: 120px;
    opacity: 0.05;
  }

  /* Sidebar Image */
  /* .mbs-slider .mbs-banner-sidebar-image {
    max-height: 45%;
  } */

  /* .mbs-slider .mbs-banner-sidebar-img {
    max-height: 130px;
  } */

  .mbs-slider .mbs-banner-sidebar {
    max-width: 140px;
  }

  /* Typography */
  .mbs-slider .mbs-banner-title {
    font-size: 18px;
  }

  .mbs-slider .mbs-banner-subtitle {
    font-size: 14px;
  }

  .mbs-slider .mbs-banner-text {
    font-size: 14px;
  }

  /* Buttons */
  .mbs-slider .mbs-banner-btn {
    padding: 8px 14px;
    font-size: 14px;
  }

  /* Pagination */
  .mbs-slider-pagination {
    bottom: 8px !important;
    padding: 4px 8px !important;
  }

  .mbs-slider-pagination .swiper-pagination-bullet {
    width: 6px !important;
    height: 6px !important;
  }
}

/* ==========================================================================
     RESPONSIVE - VERY SMALL MOBILE (max 375px)
     ========================================================================== */

@media (max-width: 375px) {
  :root {
    --mbs-slider-min-height: 200px;
  }

  .mbs-slider {
    min-height: 200px;
  }

  .mbs-slider .swiper-slide {
    min-height: 200px;
  }

  /* Pattern - مخفی */
  .mbs-slider .mbs-banner-pattern {
    display: none;
  }

  /* Sidebar */
  /* .mbs-slider .mbs-banner-sidebar-image {
    max-height: 40%;
  } */
/* 
  .mbs-slider .mbs-banner-sidebar-img {
    max-height: 90px;
  } */

  /* Typography */
  .mbs-slider .mbs-banner-title {
    font-size: 16px;
  }

  .mbs-slider .mbs-banner-text {
    font-size: 14px;
  }

  /* Full width buttons */
  /* .mbs-slider .mbs-banner-buttons {
    flex-direction: column;
  } */

  .mbs-slider .mbs-banner-btn {
    width: 100%;
    justify-content: center;
  }

  /* Navigation */
  .mbs-slider-prev,
  .mbs-slider-next {
    display: flex !important;
    width: 28px;
    height: 28px;
  }

  .mbs-slider-prev svg,
  .mbs-slider-next svg {
    width: 14px;
    height: 14px;
  }
}

/* ==========================================================================
     RTL Support
     ========================================================================== */

[dir="rtl"] .mbs-slider-prev,
.mbs-slider.swiper-rtl .mbs-slider-prev {
  right: 20px;
  left: auto;
}

[dir="rtl"] .mbs-slider-next,
.mbs-slider.swiper-rtl .mbs-slider-next {
  left: 20px;
  right: auto;
}

@media (max-width: 1023px) {
  [dir="rtl"] .mbs-slider-prev,
  .mbs-slider.swiper-rtl .mbs-slider-prev {
    right: 15px;
  }

  [dir="rtl"] .mbs-slider-next,
  .mbs-slider.swiper-rtl .mbs-slider-next {
    left: 15px;
  }
}

@media (max-width: 767px) {
  [dir="rtl"] .mbs-slider-prev,
  .mbs-slider.swiper-rtl .mbs-slider-prev {
    right: 10px;
  }

  [dir="rtl"] .mbs-slider-next,
  .mbs-slider.swiper-rtl .mbs-slider-next {
    left: 10px;
  }
}

/* ==========================================================================
     Accessibility
     ========================================================================== */

@media (prefers-reduced-motion: reduce) {
  .mbs-slider .swiper-slide,
  .mbs-slider-prev,
  .mbs-slider-next,
  .mbs-slider-pagination .swiper-pagination-bullet,
  .mbs-slider-progress-bar {
    transition: none !important;
  }
}

/* Focus Visible */
.mbs-slider-prev:focus-visible,
.mbs-slider-next:focus-visible {
  outline: 3px solid var(--mbs-primary);
  outline-offset: 3px;
}

.mbs-slider-pagination .swiper-pagination-bullet:focus-visible {
  outline: 2px solid var(--mbs-primary);
  outline-offset: 2px;
}

/* Screen Reader Only */
.mbs-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ==========================================================================
     Print Styles
     ========================================================================== */

@media print {
  .mbs-slider-prev,
  .mbs-slider-next,
  .mbs-slider-pagination,
  .mbs-slider-progress,
  .mbs-shape-divider {
    display: none !important;
  }

  .mbs-slider .swiper-slide:not(.swiper-slide-active) {
    display: none !important;
  }

  .mbs-slider .mbs-banner-pattern {
    display: none !important;
  }
}

/* ==========================================================================
     High Contrast Mode
     ========================================================================== */

@media (prefers-contrast: high) {
  .mbs-slider-prev,
  .mbs-slider-next {
    border: 2px solid currentColor;
  }

  .mbs-slider-pagination .swiper-pagination-bullet {
    border: 2px solid currentColor;
  }

  .mbs-slider-pagination .swiper-pagination-bullet-active {
    outline: 2px solid #000;
    outline-offset: 2px;
  }
}

/* ==========================================================================
     Touch Device Enhancements
     ========================================================================== */

@media (hover: none) and (pointer: coarse) {
  .mbs-slider-prev,
  .mbs-slider-next {
    min-width: 44px;
    min-height: 44px;
  }

  .mbs-slider-prev:hover,
  .mbs-slider-next:hover {
    transform: translateY(-50%);
    box-shadow: var(--mbs-slider-nav-shadow);
  }

  .mbs-slider-pagination .swiper-pagination-bullet {
    min-width: 12px;
    min-height: 12px;
  }

  .mbs-slider .mbs-banner-btn {
    min-height: 44px;
    padding: 12px 20px;
  }
}

/* ==========================================================================
     Fix: Ensure All Interactive Elements are Clickable
     ========================================================================== */

.mbs-slider-wrapper .mbs-banner-pattern,
.mbs-slider-wrapper .mbs-banner-sidebar-image {
  pointer-events: none !important;
}

.mbs-slider-wrapper a,
.mbs-slider-wrapper button,
.mbs-slider-wrapper [role="button"],
.mbs-slider-wrapper input,
.mbs-slider-wrapper select,
.mbs-slider-wrapper textarea {
  pointer-events: auto !important;
}

.mbs-slider .mbs-category-card {
  pointer-events: auto !important;
  cursor: pointer !important;
  position: relative;
  z-index: 10;
}

/* ==========================================================================
     Swiper Override - Critical
     ========================================================================== */

.mbs-slider .swiper-slide {
  pointer-events: auto;
}

.mbs-slider .swiper-slide-active {
  pointer-events: auto;
}

.mbs-slider .swiper-slide-visible {
  pointer-events: auto;
}

.mbs-slider .swiper-slide:not(.swiper-slide-active) .mbs-banner-btn {
  pointer-events: auto !important;
}

/* ==========================================================================
     Fix: Loop Mode - Prevent White Slides
     ========================================================================== */

.mbs-slider .swiper-slide-duplicate {
  visibility: visible !important;
  opacity: 1 !important;
}

.mbs-slider .swiper-slide-duplicate .mbs-banner {
  visibility: visible !important;
  opacity: 1 !important;
}

.mbs-slider .swiper-slide-duplicate-active,
.mbs-slider .swiper-slide-duplicate-prev,
.mbs-slider .swiper-slide-duplicate-next {
  visibility: visible !important;
  opacity: 1 !important;
}