
.beha-dot-gallery{ width:100%; }

.beha-dot-gallery__swiper{
  width:100%;
  height:520px; /* Elementor responsive control overrides */
  overflow:hidden;
  position:relative;
}

.beha-dot-gallery__swiper .swiper-slide{ width:100%; height:100%; }
.beha-dot-gallery__swiper img{ width:100%; height:100%; display:block; }

.beha-dot-gallery__swiper .swiper-pagination{
  position:absolute !important;
  z-index:9999 !important;
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  gap:var(--beha-dots-gap,10px);
  padding:10px 12px;
  align-items:center;
  width: fit-content;
  max-width: calc(100% - 24px);
  border-radius: 999px;
  background: rgba(0,0,0,.28);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  pointer-events: auto;
  margin: 0 !important;
}

.beha-dot-gallery[data-dots-pos="bottom-left"] .swiper-pagination{ left:12px !important; bottom:12px !important; right:auto !important; top:auto !important; }
.beha-dot-gallery[data-dots-pos="bottom-center"] .swiper-pagination{ left:50% !important; bottom:12px !important; transform:translateX(-50%) !important; right:auto !important; top:auto !important; }
.beha-dot-gallery[data-dots-pos="bottom-right"] .swiper-pagination{ right:12px !important; bottom:12px !important; left:auto !important; top:auto !important; }

.beha-dot-gallery__swiper .swiper-pagination-bullet{
  display:inline-block !important;
  width:var(--beha-dot-size,12px) !important;
  height:var(--beha-dot-size,12px) !important;
  border-radius:999px !important;
  background: transparent !important;
  border:var(--beha-dot-border,2px) solid var(--beha-dot-color,#fff) !important;
  opacity:var(--beha-dot-opacity,1) !important;
  margin:0 !important;
}

.beha-dot-gallery__swiper .swiper-pagination-bullet-active{
  background:var(--beha-dot-active,#6C5CE7) !important;
  border-color:var(--beha-dot-active,#6C5CE7) !important;
}

.beha-dot-gallery__nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:10000;
  width:44px;
  height:44px;
  border-radius:999px;
  border:0;
  background:rgba(0,0,0,.35);
  cursor:pointer;
}
.beha-dot-gallery__prev{ left:12px; }
.beha-dot-gallery__next{ right:12px; }

.beha-dot-gallery__nav:before{
  content:"";
  display:block;
  width:10px;
  height:10px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  margin:auto;
  transform:rotate(135deg);
}
.beha-dot-gallery__next:before{ transform:rotate(-45deg); }

.beha-dot-gallery__empty{
  padding:12px 14px;
  background:#fff4f4;
  border:1px solid #ffd3d3;
  border-radius:10px;
  color:#6b0000;
  font-size:14px;
}
