.elementor-29 .elementor-element.elementor-element-dd570dd{--display:flex;}.elementor-29 .elementor-element.elementor-element-7a2a274{--display:flex;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-29 .elementor-element.elementor-element-ce73b2f.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-29 .elementor-element.elementor-element-ce73b2f .elementor-thumbnails-swiper .elementor-carousel-image{aspect-ratio:1 / 1;}.elementor-29 .elementor-element.elementor-element-ce73b2f .elementor-swiper-button{font-size:30px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-29 .elementor-element.elementor-element-ce73b2f.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-29 .elementor-element.elementor-element-ce73b2f.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}/* Start custom CSS for media-carousel, class: .elementor-element-ce73b2f *//* 1. FORCE DEFAULT: Page par jitne bhi thumbnail swipers hain unki images ko dim karo */
div[class*="thumbnails"] .swiper-slide img,
.elementor-thumbnails-swiper .swiper-slide img,
.swiper-container-thumbs .swiper-slide img {
    border: 3px solid transparent !important;
    opacity: 0.4 !important;
    transition: all 0.3s ease-in-out !important;
}

/* 2. FORCE HOVER */
div[class*="thumbnails"] .swiper-slide:hover img,
.elementor-thumbnails-swiper .swiper-slide:hover img {
    opacity: 0.2 !important;
}

/* 3. FORCE ACTIVE: Har tarah ki active class ko target kar k border thonk do */
div[class*="thumbnails"] .swiper-slide[class*="active"] img,
div[class*="thumbnails"] .swiper-slide[class*="thumb-active"] img,
.elementor-thumbnails-swiper .swiper-slide.swiper-slide-thumb-active img,
.elementor-thumbnails-swiper .swiper-slide.swiper-slide-active img,
.swiper-slide-thumb-active img {
    border: 3px solid #000000 !important; /* Aap ka color */
    opacity: 1 !important;
}/* End custom CSS */