.swiper-pagination{text-align:center;z-index:10;transition:opacity .3s;position:absolute;transform:translate(0,0)}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{width:100%;bottom:10px;left:0}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);border-radius:50%;display:inline-block}button.swiper-pagination-bullet{box-shadow:none;appearance:none;border:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{top:50%;right:10px;transform:translateY(-50%)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px)0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{width:8px;top:50%;transform:translateY(-50%)}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,top .2s;display:inline-block}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{white-space:nowrap;left:50%;transform:translate(-50%)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:#00000040;position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0;transform:scale(0)}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:100% 0}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;top:0;left:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:4px;height:100%;top:0;left:0}.swiper-pagination-lock{display:none}
.swiper{background-size:cover;flex-direction:column;width:100%;height:317px;display:flex}.swiper-slide{text-align:center;justify-content:center;align-items:center;font-size:18px;display:flex}.swiper-slide img{object-fit:cover;width:100%;height:100%;display:block}.swiper-slide h3{width:80%;color:var(--okx-palette-on-primary);margin:0;position:absolute}.swiper-pagination-bullet{border:solid 3px var(--okx-palette-on-primary);opacity:10;background:0 0;border-radius:50%;width:9px!important;height:9px!important}.swiper-pagination-bullet-active{background:var(--okx-palette-on-primary);width:9px!important;height:9px!important}.swiper-pagination{text-align:end;width:unset!important;bottom:4px!important;right:10px!important}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{white-space:nowrap;left:0;transform:none}@media (max-width:1024px){.swiper-pagination-bullet,.swiper-pagination-bullet-active{width:7px!important;height:7px!important}}@media (min-width:1024px){.swiper-pagination-bullet,.swiper-pagination-bullet-active{width:8px!important;height:8px!important}}@media (min-width:1280px){.swiper{height:370px}}@media (min-width:1366px){.swiper{height:400px}}@media (min-width:1920px){.swiper{height:555px}}@media screen and (max-width:480px){.swiper-slide img{width:100%;height:135px}.swiper-pagination-bullet{border:solid 1px var(--okx-palette-on-primary);width:4px!important;height:4px!important}.swiper-pagination-bullet-active{width:4px!important;height:4px!important}.swiper{width:100%;height:auto}}
.image-container{width:100%;height:100%}.image-container Button{cursor:pointer;background-color:var(--mdc-theme-on-secondary);border:2px solid var(--mdc-theme-on-secondary);color:#fff;opacity:.8;white-space:nowrap;border-radius:15px;justify-content:center;align-items:center;gap:20px;width:145px;height:28px;padding:13px 48.6px 13px 47px;font-family:ArialMT;font-size:9px;font-weight:700;display:flex;position:absolute;top:143px;right:10%;box-shadow:3px 3px 5px #070707cc}.image-container Button img{width:10px;height:10px}@media (min-width:1024px){.image-container Button{width:190px;height:38px;font-size:13px}.image-container Button img{width:17px;height:17px}}@media (min-width:1280px){.image-container Button{width:220px;height:44px;font-size:16px;top:168px}.image-container Button img{width:17px;height:17px}}@media (min-width:1366px){.image-container Button{top:182px}}@media (min-width:1920px){.image-container Button{width:331px;height:66px;padding:10px 31px;font-size:23px;top:255px;right:8%}}@media screen and (max-width:480px){.image-container Button{width:90px;height:18px;padding:2px 10px;font-size:6px;top:58px;right:9%}.image-container Button img{width:7px;height:7px}}