/* Scope root */
/* Slider base */
.devmunna .slider{
  position:relative; 
  width:100%; 
  height:100vh; 
  overflow:hidden;
  background:#000;
}

/* Elementor responsive height support */
.elementor-widget-devmunna_hero_slider .slider{
  height:100vh; /* Default, will be overridden by responsive controls */
}
/* Slide */
.devmunna .slide{
  position:absolute; inset:0; opacity:0;
  transition: opacity 0.8s ease-in-out;
}
.devmunna .slide.active{ opacity:1; z-index:2; }
.devmunna .slide img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; display:block;
}

/* Video Background */
.devmunna .slide .video-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:0;
}

.devmunna .slide .video-bg iframe,
.devmunna .slide .video-bg video{
  position:absolute;
  top:50%;
  left:50%;
  width:100vw;
  height:100vh;
  min-width:100%;
  min-height:100%;
  transform:translate(-50%, -50%);
  object-fit:cover;
  pointer-events:none;
}

.devmunna .slide .video-bg iframe{
  width:100vw;
  height:56.25vw; /* 16:9 aspect ratio */
  min-height:100vh;
  min-width:177.77vh; /* 16:9 aspect ratio */
}

/* Video Size Options */
.devmunna .slide .video-bg[data-video-size="contain"] iframe,
.devmunna .slide .video-bg[data-video-size="contain"] video{
  object-fit:contain;
  width:100%;
  height:100%;
  min-width:auto;
  min-height:auto;
}

.devmunna .slide .video-bg[data-video-size="auto"] iframe,
.devmunna .slide .video-bg[data-video-size="auto"] video{
  object-fit:none;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
}

/* Video Position Options */
.devmunna .slide .video-bg[data-video-position="top"] iframe,
.devmunna .slide .video-bg[data-video-position="top"] video{
  top:0;
  transform:translate(-50%, 0);
}

.devmunna .slide .video-bg[data-video-position="bottom"] iframe,
.devmunna .slide .video-bg[data-video-position="bottom"] video{
  top:auto;
  bottom:0;
  transform:translate(-50%, 0);
}

.devmunna .slide .video-bg[data-video-position="left"] iframe,
.devmunna .slide .video-bg[data-video-position="left"] video{
  left:0;
  transform:translate(0, -50%);
}

.devmunna .slide .video-bg[data-video-position="right"] iframe,
.devmunna .slide .video-bg[data-video-position="right"] video{
  left:auto;
  right:0;
  transform:translate(0, -50%);
}

.devmunna .slide .video-bg[data-video-position="top-left"] iframe,
.devmunna .slide .video-bg[data-video-position="top-left"] video{
  top:0;
  left:0;
  transform:translate(0, 0);
}

.devmunna .slide .video-bg[data-video-position="top-right"] iframe,
.devmunna .slide .video-bg[data-video-position="top-right"] video{
  top:0;
  left:auto;
  right:0;
  transform:translate(0, 0);
}

.devmunna .slide .video-bg[data-video-position="bottom-left"] iframe,
.devmunna .slide .video-bg[data-video-position="bottom-left"] video{
  top:auto;
  bottom:0;
  left:0;
  transform:translate(0, 0);
}

.devmunna .slide .video-bg[data-video-position="bottom-right"] iframe,
.devmunna .slide .video-bg[data-video-position="bottom-right"] video{
  top:auto;
  bottom:0;
  left:auto;
  right:0;
  transform:translate(0, 0);
}

/* Video poster fallback */
.devmunna .slide.has-video img{
  z-index:1; 
  opacity:0.3;
}

/* Video controls with sound */
.devmunna .slide .video-bg video[controls]{
  pointer-events:auto;
  z-index:1;
}

/* Mute/Unmute button for videos with sound */
.devmunna .slide.has-video[data-has-sound="true"] .video-bg::after{
  content:"🔊";
  position:absolute;
  bottom:20px;
  right:20px;
  background:rgba(0,0,0,0.7);
  color:#fff;
  padding:10px 15px;
  border-radius:50%;
  font-size:18px;
  cursor:pointer;
  z-index:10;
  pointer-events:auto;
  transition:all 0.3s ease;
}

.devmunna .slide.has-video[data-has-sound="true"] .video-bg:hover::after{
  background:rgba(0,0,0,0.9);
  transform:scale(1.1);
}

/* Lazy Loading */
.devmunna .slide img[loading="lazy"]{
  background:#f0f0f0;
}

/* Slide Left */
.devmunna .slider-slide-left .slide{ 
  transform:translateX(100%); 
  transition:transform 1s ease, opacity 0.5s ease;
}
.devmunna .slider-slide-left .slide.active{ transform:translateX(0); }
.devmunna .slider-slide-left .slide.leaving{ transform:translateX(-100%); }

/* Slide Right */
.devmunna .slider-slide-right .slide{ 
  transform:translateX(-100%); 
  transition:transform 1s ease, opacity 0.5s ease;
}
.devmunna .slider-slide-right .slide.active{ transform:translateX(0); }
.devmunna .slider-slide-right .slide.leaving{ transform:translateX(100%); }

/* Slide Up */
.devmunna .slider-slide-up .slide{ 
  transform:translateY(100%); 
  transition:transform 1s ease, opacity 0.5s ease;
}
.devmunna .slider-slide-up .slide.active{ transform:translateY(0); }
.devmunna .slider-slide-up .slide.leaving{ transform:translateY(-100%); }

/* Slide Down */
.devmunna .slider-slide-down .slide{ 
  transform:translateY(-100%); 
  transition:transform 1s ease, opacity 0.5s ease;
}
.devmunna .slider-slide-down .slide.active{ transform:translateY(0); }
.devmunna .slider-slide-down .slide.leaving{ transform:translateY(100%); }

/* Zoom In */
.devmunna .slider-zoom-in .slide{ 
  transform:scale(0.5); 
  transition:transform 1s ease, opacity 1s ease;
}
.devmunna .slider-zoom-in .slide.active{ transform:scale(1); }

/* Zoom Out */
.devmunna .slider-zoom-out .slide{ 
  transform:scale(1.5); 
  transition:transform 1s ease, opacity 1s ease;
}
.devmunna .slider-zoom-out .slide.active{ transform:scale(1); }

/* Rotate */
.devmunna .slider-rotate .slide{ 
  transform:rotate(90deg) scale(0.5); 
  transition:transform 1s ease, opacity 1s ease;
}
.devmunna .slider-rotate .slide.active{ transform:rotate(0) scale(1); }

/* Flip Horizontal */
.devmunna .slider-flip-horizontal .slide{ 
  transform:rotateY(90deg); 
  transition:transform 0.8s ease, opacity 0.5s ease;
}
.devmunna .slider-flip-horizontal .slide.active{ transform:rotateY(0); }

/* Flip Vertical */
.devmunna .slider-flip-vertical .slide{ 
  transform:rotateX(90deg); 
  transition:transform 0.8s ease, opacity 0.5s ease;
}
.devmunna .slider-flip-vertical .slide.active{ transform:rotateX(0); }

/* Cube */
.devmunna .slider-cube .slide{ 
  transform:rotateY(-90deg) translateZ(50vw); 
  transition:transform 1s ease, opacity 0.5s ease;
  transform-style: preserve-3d;
}
.devmunna .slider-cube .slide.active{ transform:rotateY(0) translateZ(0); }

/* Dark overlay (value comes via inline style in JS per slide) */
.devmunna .slide::after{
  content:""; position:absolute; inset:0; z-index:1;
  background:rgba(0,0,0,.55);
}

/* Centered text */
.devmunna .slide-content{
  position:absolute; inset:0; z-index:2;
  display:flex; align-items:center; justify-content:center;
  text-align:center; padding:clamp(16px,4vw,60px); color:#fff;
}
.devmunna .text-wrap{ max-width:min(92vw, 950px); }
.devmunna .title{
  margin:0 0 .3em; font-weight:800; line-height:1.1;
  font-size:clamp(28px, 6vw, 64px); letter-spacing:.2px;
}
.devmunna .subtitle{
  margin:0; opacity:.95; font-size:clamp(14px, 2.4vw, 22px); line-height:1.4;
}

/* Button Styling */
.devmunna .slide-button-wrap{
  margin-top:clamp(20px, 3vw, 40px);
}
.devmunna .slide-button{
  display:inline-block; padding:clamp(12px, 1.5vw, 18px) clamp(24px, 3vw, 48px);
  background:rgba(255,255,255,0.95); color:#000;
  font-size:clamp(14px, 1.8vw, 18px); font-weight:600;
  text-decoration:none; border-radius:4px;
  transition:all 0.3s ease;
  border:2px solid transparent;
}
.devmunna .slide-button:hover{
  background:#fff; transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(0,0,0,0.3);
}

/* TEXT ANIMATIONS - All per-letter animations */
.devmunna [class*="text-anim-"] span{
  display:inline-block; position:relative;
  opacity:0; will-change:transform,opacity,filter;
}

/* 1. Smoke Animation (Alternating Up/Down) */
.devmunna .text-anim-smoke span.up{
  animation: dmUp 4.2s cubic-bezier(.22,.61,.36,1) forwards;
}
.devmunna .text-anim-smoke span.down{
  animation: dmDown 4.2s cubic-bezier(.22,.61,.36,1) forwards;
}
@keyframes dmUp{
  0%   {opacity:0; transform:translateY(20px) scale(1); filter:blur(0);}
  35%  {opacity:1; transform:translateY(0); filter:blur(0);}
  85%  {opacity:1; transform:translateY(-2px); filter:blur(0);}
  100% {opacity:0; transform:translate(70px,-120px) scale(1.9) rotate(18deg); filter:blur(22px);}
}
@keyframes dmDown{
  0%   {opacity:0; transform:translateY(-20px) scale(1); filter:blur(0);}
  35%  {opacity:1; transform:translateY(0); filter:blur(0);}
  85%  {opacity:1; transform:translateY(2px); filter:blur(0);}
  100% {opacity:0; transform:translate(70px,120px) scale(1.9) rotate(-18deg); filter:blur(22px);}
}

/* 2. Fade In */
.devmunna .text-anim-fade-in span{
  animation: textFadeIn 0.8s ease forwards;
}
@keyframes textFadeIn{
  0%   {opacity:0;}
  100% {opacity:1;}
}

/* 3. Slide Up */
.devmunna .text-anim-slide-up span{
  animation: textSlideUp 0.6s ease forwards;
}
@keyframes textSlideUp{
  0%   {opacity:0; transform:translateY(30px);}
  100% {opacity:1; transform:translateY(0);}
}

/* 4. Slide Down */
.devmunna .text-anim-slide-down span{
  animation: textSlideDown 0.6s ease forwards;
}
@keyframes textSlideDown{
  0%   {opacity:0; transform:translateY(-30px);}
  100% {opacity:1; transform:translateY(0);}
}

/* 5. Slide Left */
.devmunna .text-anim-slide-left span{
  animation: textSlideLeft 0.6s ease forwards;
}
@keyframes textSlideLeft{
  0%   {opacity:0; transform:translateX(30px);}
  100% {opacity:1; transform:translateX(0);}
}

/* 6. Slide Right */
.devmunna .text-anim-slide-right span{
  animation: textSlideRight 0.6s ease forwards;
}
@keyframes textSlideRight{
  0%   {opacity:0; transform:translateX(-30px);}
  100% {opacity:1; transform:translateX(0);}
}

/* 7. Zoom In */
.devmunna .text-anim-zoom-in span{
  animation: textZoomIn 0.6s ease forwards;
}
@keyframes textZoomIn{
  0%   {opacity:0; transform:scale(0);}
  100% {opacity:1; transform:scale(1);}
}

/* 8. Zoom Out */
.devmunna .text-anim-zoom-out span{
  animation: textZoomOut 0.6s ease forwards;
}
@keyframes textZoomOut{
  0%   {opacity:0; transform:scale(2);}
  100% {opacity:1; transform:scale(1);}
}

/* 9. Rotate In */
.devmunna .text-anim-rotate-in span{
  animation: textRotateIn 0.8s ease forwards;
}
@keyframes textRotateIn{
  0%   {opacity:0; transform:rotate(-180deg) scale(0);}
  100% {opacity:1; transform:rotate(0) scale(1);}
}

/* 10. Bounce */
.devmunna .text-anim-bounce span{
  animation: textBounce 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}
@keyframes textBounce{
  0%   {opacity:0; transform:translateY(-50px);}
  50%  {transform:translateY(10px);}
  100% {opacity:1; transform:translateY(0);}
}

/* 11. Flip */
.devmunna .text-anim-flip span{
  animation: textFlip 0.8s ease forwards;
}
@keyframes textFlip{
  0%   {opacity:0; transform:rotateY(90deg);}
  100% {opacity:1; transform:rotateY(0);}
}

/* 12. Wave */
.devmunna .text-anim-wave span{
  animation: textWave 1s ease forwards;
}
@keyframes textWave{
  0%, 100% {transform:translateY(0);}
  25%  {transform:translateY(-10px);}
  50%  {transform:translateY(0);}
  75%  {transform:translateY(10px);}
  0%   {opacity:0;}
  20%  {opacity:1;}
}

/* Controls */
.devmunna .nav{
  position:absolute; top:50%; transform:translateY(-50%);
  width:48px; height:48px; border-radius:50%;
  background:rgba(0,0,0,.5);
  border:1px solid rgba(255,255,255,.25);
  color:#fff; display:flex; align-items:center; justify-content:center;
  cursor:pointer; z-index:10; user-select:none;
}
.devmunna .nav:hover{ background:rgba(0,0,0,.7); }
.devmunna .nav.prev{ left:14px; }
.devmunna .nav.next{ right:14px; }

/* Dots */
.devmunna .dots{
  position:absolute; left:0; right:0; bottom:18px;
  display:flex; justify-content:center; gap:10px; z-index:6;
}
.devmunna .dot{
  width:10px; height:10px; border-radius:50%;
  background:rgba(255,255,255,.45);
  border:1px solid rgba(255,255,255,.7);
  cursor:pointer;
}
.devmunna .dot.active{ background:#fff; }

/* Ken Burns Effect */
.devmunna .slide.ken-burns-active img{
  animation: kenBurnsZoom 8s ease-out forwards;
}
@keyframes kenBurnsZoom{
  0%   { transform: scale(1); }
  100% { transform: scale(1.15); }
}
.devmunna .slide.ken-burns-pan-left img{
  animation: kenBurnsPanLeft 10s ease-out forwards;
}
@keyframes kenBurnsPanLeft{
  0%   { transform: scale(1.1) translateX(0); }
  100% { transform: scale(1.2) translateX(-5%); }
}
.devmunna .slide.ken-burns-pan-right img{
  animation: kenBurnsPanRight 10s ease-out forwards;
}
@keyframes kenBurnsPanRight{
  0%   { transform: scale(1.1) translateX(0); }
  100% { transform: scale(1.2) translateX(5%); }
}

/* Thumbnail Navigation */
.devmunna .thumbnails{
  position:absolute; left:0; right:0; bottom:60px;
  display:flex; justify-content:center; gap:12px; z-index:6;
  padding:0 20px; overflow-x:auto; overflow-y:hidden;
  scrollbar-width:thin;
}
.devmunna .thumbnails::-webkit-scrollbar{ height:4px; }
.devmunna .thumbnails::-webkit-scrollbar-thumb{ background:rgba(255,255,255,0.5); border-radius:2px; }
.devmunna .thumbnail{
  flex-shrink:0; width:80px; height:50px; cursor:pointer;
  border:2px solid rgba(255,255,255,0.4); border-radius:4px;
  overflow:hidden; transition:all 0.3s ease;
  opacity:0.6;
}
.devmunna .thumbnail img{
  width:100%; height:100%; object-fit:cover;
}
.devmunna .thumbnail.active{
  border-color:#fff; opacity:1; transform:scale(1.1);
  box-shadow:0 4px 12px rgba(0,0,0,0.4);
}
.devmunna .thumbnail:hover{
  opacity:1; transform:scale(1.05);
}

/* Gradient Overlays */
.devmunna .slide.gradient-overlay-top::after{
  background:linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 100%);
}
.devmunna .slide.gradient-overlay-bottom::after{
  background:linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 100%);
}
.devmunna .slide.gradient-overlay-left::after{
  background:linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 100%);
}
.devmunna .slide.gradient-overlay-right::after{
  background:linear-gradient(to left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 100%);
}
.devmunna .slide.gradient-overlay-radial::after{
  background:radial-gradient(circle at center, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.7) 100%);
}

/* Layer Animation Stagger */
.devmunna .slide-content.layer-stagger .title{
  animation: layerFadeUp 0.8s ease forwards;
  animation-delay: 0.2s;
  opacity:0;
}
.devmunna .slide-content.layer-stagger .subtitle{
  animation: layerFadeUp 0.8s ease forwards;
  animation-delay: 0.5s;
  opacity:0;
}
.devmunna .slide-content.layer-stagger .slide-button-wrap{
  animation: layerFadeUp 0.8s ease forwards;
  animation-delay: 0.8s;
  opacity:0;
}
@keyframes layerFadeUp{
  0%   { opacity:0; transform:translateY(30px); }
  100% { opacity:1; transform:translateY(0); }
}

/* Progress Bar */
.devmunna .progress-bar{
  position:absolute; bottom:0; left:0; right:0; height:3px;
  background:rgba(255,255,255,0.2); z-index:8;
}
.devmunna .progress-bar-fill{
  height:100%; background:#fff;
  transition:width 0.1s linear;
}

/* Parallax Effect */
.devmunna .slide.parallax-active img{
  transform:scale(1.2);
  transition:transform 0.5s ease-out;
}

/* 3D Carousel Effect */
.devmunna.carousel-3d .slider{
  perspective: 1200px;
  transform-style: preserve-3d;
}
.devmunna.carousel-3d .slide{
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.devmunna.carousel-3d .slide.active{
  transform: translateZ(0) scale(1);
  z-index: 10;
}
.devmunna.carousel-3d .slide.prev{
  transform: translateX(-40%) translateZ(-200px) rotateY(35deg) scale(0.8);
  z-index: 5;
}
.devmunna.carousel-3d .slide.next{
  transform: translateX(40%) translateZ(-200px) rotateY(-35deg) scale(0.8);
  z-index: 5;
}

/* Coverflow Effect */
.devmunna.coverflow .slider{
  perspective: 1000px;
}
.devmunna.coverflow .slide{
  transition: transform 0.6s ease;
}
.devmunna.coverflow .slide.active{
  transform: translateZ(0) scale(1.1);
  z-index: 10;
}
.devmunna.coverflow .slide.prev{
  transform: translateX(-60%) rotateY(45deg) scale(0.9);
  opacity: 0.7;
}
.devmunna.coverflow .slide.next{
  transform: translateX(60%) rotateY(-45deg) scale(0.9);
  opacity: 0.7;
}

/* Depth Transition */
.devmunna .slide.depth-transition{
  animation: depthTransition 1s ease;
}
@keyframes depthTransition{
  0%   { transform: translateZ(-500px) scale(0.5); opacity: 0; }
  100% { transform: translateZ(0) scale(1); opacity: 1; }
}

/* Slide Stack Effect */
.devmunna.stack-effect .slide{
  transform-origin: center bottom;
}
.devmunna.stack-effect .slide.leaving{
  animation: stackOut 0.8s ease forwards;
}
@keyframes stackOut{
  0%   { transform: translateY(0) scale(1); }
  100% { transform: translateY(-100%) scale(0.8); opacity: 0; }
}

/* Glitch Effect */
.devmunna .slide.glitch-effect{
  animation: glitch 0.3s ease;
}
@keyframes glitch{
  0%, 100% { transform: translate(0); }
  20% { transform: translate(-5px, 5px); }
  40% { transform: translate(5px, -5px); }
  60% { transform: translate(-5px, -5px); }
  80% { transform: translate(5px, 5px); }
}

/* Blur Transition */
.devmunna .slide.blur-transition{
  animation: blurIn 0.6s ease;
}
@keyframes blurIn{
  0%   { filter: blur(20px); opacity: 0; }
  100% { filter: blur(0); opacity: 1; }
}

/* Scale & Rotate */
.devmunna .slide.scale-rotate{
  animation: scaleRotate 0.8s ease;
}
@keyframes scaleRotate{
  0%   { transform: scale(0.5) rotate(-180deg); opacity: 0; }
  100% { transform: scale(1) rotate(0); opacity: 1; }
}

/* Bounce In */
.devmunna .slide.bounce-in{
  animation: bounceIn 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
@keyframes bounceIn{
  0%   { transform: scale(0); opacity: 0; }
  50%  { transform: scale(1.1); }
  100% { transform: scale(1); opacity: 1; }
}

/* Responsive - Mobile */
@media (max-width:767px){
  .devmunna .nav{ width:42px; height:42px; }
  .devmunna .nav.prev{ left:8px; } .devmunna .nav.next{ right:8px; }
  .devmunna .dots{ bottom:14px; }
  .devmunna .thumbnails{ bottom:50px; gap:8px; }
  .devmunna .thumbnail{ width:60px; height:40px; }
  
  /* Disable 3D on mobile for performance */
  .devmunna.carousel-3d .slide,
  .devmunna.coverflow .slide{
    transform: none !important;
  }
  
  /* Hide elements on mobile if specified */
  .elementor-widget-devmunna_hero_slider.hide-arrows-mobile .devmunna .nav{
    display:none !important;
  }
  
  .elementor-widget-devmunna_hero_slider.hide-dots-mobile .devmunna .dots{
    display:none !important;
  }
  
  .elementor-widget-devmunna_hero_slider.hide-thumbnails-mobile .devmunna .thumbnails{
    display:none !important;
  }
}

/* Responsive - Tablet */
@media (min-width:768px) and (max-width:1024px){
  .devmunna .title{ font-size:clamp(32px, 5vw, 48px); }
  .devmunna .subtitle{ font-size:clamp(16px, 2.5vw, 20px); }
  .devmunna .nav{ width:45px; height:45px; font-size:22px; }
}

/* Responsive - Desktop Large */
@media (min-width:1920px){
  .devmunna .title{ font-size:clamp(48px, 4vw, 72px); }
  .devmunna .subtitle{ font-size:clamp(20px, 1.5vw, 28px); }
}

/* Elementor Editor Preview Fix - Ensure slides are properly overlapped */
.elementor-editor-active .devmunna,
.elementor-widget-devmunna_hero_slider .devmunna{
  position:relative !important;
  display:block !important;
  width:100% !important;
  overflow:hidden !important;
}

.elementor-editor-active .devmunna .slider,
.elementor-widget-devmunna_hero_slider .devmunna .slider{
  position:relative !important;
  display:block !important;
  overflow:hidden !important;
  width:100% !important;
  min-height:400px !important;
}

/* Contain slider within section - CRITICAL FIX */
.elementor-section .elementor-widget-devmunna_hero_slider,
.elementor-column .elementor-widget-devmunna_hero_slider,
.elementor-inner-section .elementor-widget-devmunna_hero_slider{
  position:relative !important;
  overflow:hidden !important;
  contain:layout style paint !important;
  max-width:100% !important;
  width:100% !important;
}

.elementor-section .elementor-widget-devmunna_hero_slider .elementor-widget-container,
.elementor-column .elementor-widget-devmunna_hero_slider .elementor-widget-container,
.elementor-inner-section .elementor-widget-devmunna_hero_slider .elementor-widget-container{
  position:relative !important;
  overflow:hidden !important;
  max-width:100% !important;
  width:100% !important;
}

.elementor-section .elementor-widget-devmunna_hero_slider .devmunna,
.elementor-column .elementor-widget-devmunna_hero_slider .devmunna,
.elementor-inner-section .elementor-widget-devmunna_hero_slider .devmunna{
  position:relative !important;
  overflow:hidden !important;
  max-width:100% !important;
  width:100% !important;
}

.elementor-section .elementor-widget-devmunna_hero_slider .slider,
.elementor-column .elementor-widget-devmunna_hero_slider .slider,
.elementor-inner-section .elementor-widget-devmunna_hero_slider .slider{
  position:relative !important;
  overflow:hidden !important;
  contain:layout style paint !important;
  max-width:100% !important;
  width:100% !important;
}

/* Height will be applied via inline style */

.elementor-editor-active .devmunna .slide,
.elementor-widget-devmunna_hero_slider .devmunna .slide{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:100% !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  float:none !important;
  clear:none !important;
}

.elementor-editor-active .devmunna .slide:not(.active),
.elementor-widget-devmunna_hero_slider .devmunna .slide:not(.active){
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  z-index:1 !important;
  transform:none !important;
}

.elementor-editor-active .devmunna .slide.active,
.elementor-widget-devmunna_hero_slider .devmunna .slide.active{
  opacity:1 !important;
  visibility:visible !important;
  z-index:2 !important;
  position:absolute !important;
  transform:none !important;
}

/* Force image positioning in Elementor */
.elementor-editor-active .devmunna .slide img,
.elementor-widget-devmunna_hero_slider .devmunna .slide img{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  max-height:none !important;
}

/* Force content positioning in Elementor */
.elementor-editor-active .devmunna .slide-content,
.elementor-widget-devmunna_hero_slider .devmunna .slide-content{
  position:absolute !important;
  z-index:3 !important;
}

/* Enable smooth transitions in Elementor editor */
.elementor-editor-active .devmunna .slide{
  animation:none !important;
  transition:opacity 0.8s ease-in-out !important;
}

/* Ensure active slide is visible immediately */
.elementor-editor-active .devmunna .slide.active{
  opacity:1 !important;
  visibility:visible !important;
  z-index:2 !important;
  transition:opacity 0.8s ease-in-out !important;
}

/* Enable slider functionality in Elementor editor */
.elementor-editor-active .devmunna .nav,
.elementor-editor-active .devmunna .dots{
  pointer-events:auto !important;
  cursor:pointer !important;
  z-index:999 !important;
}

/* Make controls visible in editor */
.elementor-editor-active .devmunna .nav:hover{
  background:rgba(0,0,0,0.8) !important;
}

.elementor-editor-active .devmunna .dot{
  cursor:pointer !important;
}

.elementor-editor-active .devmunna .dot:hover{
  background:#fff !important;
  transform:scale(1.2) !important;
}

/* Show slide numbers in editor for easy identification */
.elementor-editor-active .devmunna .slide::before{
  content:"Slide " attr(data-slide-number);
  position:absolute;
  top:10px;
  right:10px;
  background:rgba(0,0,0,0.7);
  color:#fff;
  padding:5px 10px;
  border-radius:3px;
  font-size:12px;
  font-weight:600;
  z-index:999;
  pointer-events:none;
}

/* Smooth transitions for better UX */
.elementor-editor-active .devmunna .slide.active{
  transition:opacity 0.5s ease !important;
}

/* Ensure text is visible in editor */
.elementor-editor-active .devmunna .slide-content{
  opacity:1 !important;
  visibility:visible !important;
}

.elementor-editor-active .devmunna .title,
.elementor-editor-active .devmunna .subtitle{
  opacity:1 !important;
  visibility:visible !important;
  animation:none !important;
}

/* Fix for Elementor widget container */
.elementor-widget-devmunna_hero_slider{
  position:relative !important;
  display:block !important;
  width:100% !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.elementor-widget-devmunna_hero_slider .elementor-widget-container{
  position:relative !important;
  display:block !important;
  width:100% !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* Prevent slides from escaping section - CRITICAL */
.elementor-section .elementor-widget-devmunna_hero_slider .slide,
.elementor-column .elementor-widget-devmunna_hero_slider .slide,
.elementor-inner-section .elementor-widget-devmunna_hero_slider .slide,
.elementor-editor-active .elementor-widget-devmunna_hero_slider .slide{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  transform:none !important;
  margin:0 !important;
  padding:0 !important;
  clip-path:inset(0) !important;
}

.elementor-section .elementor-widget-devmunna_hero_slider .slide img,
.elementor-column .elementor-widget-devmunna_hero_slider .slide img,
.elementor-inner-section .elementor-widget-devmunna_hero_slider .slide img,
.elementor-editor-active .elementor-widget-devmunna_hero_slider .slide img{
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:cover !important;
  transform:none !important;
  margin:0 !important;
  padding:0 !important;
  display:block !important;
}

/* Force containment in Elementor editor */
.elementor-editor-active .elementor-section .elementor-widget-devmunna_hero_slider,
.elementor-editor-active .elementor-column .elementor-widget-devmunna_hero_slider{
  clip-path:inset(0) !important;
  -webkit-mask-image:-webkit-radial-gradient(white, white) !important;
  mask-image:radial-gradient(white, white) !important;
}

/* Disable any transforms that might push content outside */
.elementor-editor-active .elementor-widget-devmunna_hero_slider *{
  transform:none !important;
}

.elementor-editor-active .elementor-widget-devmunna_hero_slider .slide.active{
  transform:none !important;
}