.swiper_control1_dots .swiper-pagination-bullet { width: 7px; height: 7px; background: #1A20324D; opacity: 1; margin: 0 2px !important; pointer-events: none; } .swiper_control1_dots .swiper-pagination-bullet-active { background: #001A67; } [sk-element="slider-layout29"] .swiper-slide>* { height: 100%; } [sk-element="slider-layout32"] { position: relative; } .layout32_arrow { position: absolute; top: 50%; transform: translate(-50%, -50%); left: calc((100% - 32px) / 2.2); } .layout34_arrow { position: absolute; top: 50%; transform: translate(100%, -150%); left: calc((100% - 32px) / 1.25); } @media (min-width: 768px) { .layout35_component { position: relative; } .layout35_component .swiper-slide .layout35_visual_image { filter: blur(6px); transform: scale(0.85); transition: filter 0.4s ease, transform 0.4s ease; } .layout35_component .swiper-slide-active .layout35_visual_image { filter: none; transform: scale(1); } .layout35_component .swiper-slide .layout35_subtitle { opacity: 0; transition: opacity 0.4s ease; } .layout35_component .swiper-slide-active .layout35_subtitle { opacity: 1; } .layout35_arrow { position: absolute; top: 40%; left: calc(50% + 10.5rem); transform: translateY(-50%); z-index: 10; } .layout35_component .swiper-slide { cursor: pointer; } .layout35_component .swiper-slide.swiper-slide-active { cursor: default !important; } } @media (min-width: 992px) { [sk-element="slider-layout29"] .swiper { overflow: visible; clip-path: inset(-100% -100% -100% 0); } [sk-element="slider-layout34"] .swiper { overflow: visible; clip-path: inset(-100% -100% -100% 0); } }