/* ---------- WR CAROUSEL SLIDER CORE ---------- */
.wr_carousel_slider_section{position:relative;background:#fff}
.wr_carousel_slider_heading{font-size:2.2rem;margin-bottom:10px}
.wr_carousel_slider_intro{font-size:1rem;color:#555;margin-bottom:30px}
.wr_carousel_slider_wrapper .wr_carousel_slider_item{
text-align:center;
padding:0 10px;
}
.wr_carousel_slider_wrapper .wr_carousel_slider_item img{
width:100%;
height:220px;
object-fit:cover;
border-radius:8px;
}
.wr_carousel_slider_title{
margin-top:12px;
font-size:1.05rem;
font-weight:600;
}
/* Arrows */
.wr_carousel_slider_arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
background:rgba(0,0,0,.45);
color:#fff;
border:none;
width:44px;
height:44px;
border-radius:50%;
font-size:18px;
cursor:pointer;
z-index:10;
transition:background .3s;
}
.wr_carousel_slider_arrow:hover{background:rgba(0,0,0,.7)}
.wr_carousel_slider_left{left:-50px}
.wr_carousel_slider_right{right:-50px}
/* Responsive visibility of arrows */
@media (max-width: 991px){
.wr_carousel_slider_left {left:-30px}
.wr_carousel_slider_right{right:-30px}
}
@media (max-width: 575px){
.wr_carousel_slider_left {left:10px}
.wr_carousel_slider_right{right:10px}
}


/* ---------- WR SHORTS CODE CSS ---------- */
.shorts-container {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  justify-content: center;
}
.short-card {
  width: 250px;
  height: 450px;
  border-radius: 12px;
  overflow: hidden;
  background: #000;
  box-shadow: 0 4px 10px rgba(0,0,0,0.6);
}
iframe {
  width: 100%;
  height: 100%;
  border: none;
}