.elementor-pymac-slider-widget { overflow-x: hidden; position: relative; width: 100%; } .elementor-pymac-slider-container { display: flex; align-items: center; position: relative; transition: 0.3s all; } .elementor-pymac-slider-item { position: relative; display: block; z-index: 1; } .elementor-pymac-slider-item img { width: 100%; height: auto; display: block; } .elementor-pymac-slider-arrow-container { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .elementor-pymac-slider-arrow-container i { position: absolute; font-size: 50px; top: 50%; cursor: pointer; color: white; margin-top: -25px; z-index: 2; } .elementor-pymac-slider-arrow-container i:first-child { left: 10px; } .elementor-pymac-slider-arrow-container i:last-child { left: 100%; margin-left: -10px; transform: translateX(-100%); } .elementor-pymac-slider-dots-container { position: absolute; top: 100%; left: 50%; z-index: 2; transform: translate(-50%, -100%); } .elementor-pymac-slider-dots-container i { font-size: 12px; color: #AAA; margin: 0px 5px 20px 5px; cursor: pointer; } .elementor-pymac-slider-dots-container i.active { color: white; } .elementor-pymac-slider-play-control-container { position: absolute; top: 99%; left: 99%; transform: translate(-100%, -100%); z-index: 2; } .elementor-pymac-slider-play-control-container i { font-size: 20px; color: #FFF; margin: 5px; cursor: pointer; } body[data-elementor-device-mode="mobile"] .elementor-pymac-slider-image-mobile { display: block; } body[data-elementor-device-mode="mobile"] .elementor-pymac-slider-image-pc { display: none; } body[data-elementor-device-mode="desktop"] .elementor-pymac-slider-image-mobile, body[data-elementor-device-mode="tablet"] .elementor-pymac-slider-image-mobile { display: none; } body[data-elementor-device-mode="desktop"] .elementor-pymac-slider-image-pc, body[data-elementor-device-mode="tablet"] .elementor-pymac-slider-image-pc { display: block; }