.infographics-carousel-container .swiper-wrapper{padding:32px 0 30px;@media screen and (max-width:768px){padding:15px 0 20px}
}
.infographics-carousel{height:auto}
.kl-infographicsCarousel__box-item{position:relative;height:fill-available;height:-webkit-fill-available;background:#ffffff;box-shadow:0 8px 24px 0 rgba(69,69,80,0.10);border-radius:20px;padding:12px 12px 20px;cursor:pointer;transition:transform .2s ease;@media screen and (max-width:768px){padding:10px;border-radius:16px}
}
.kl-infographicCard__image{width:100%;min-height:410px;max-height:410px;border-radius:10px 10px 0 0;@media screen and (max-width:768px){min-height:220px;max-height:220px;border-radius:5px 5px 0 0}
}
.kl-infographicCard__title{font-size:20px;font-weight:500;line-height:28px;color:#1C2633;margin-top:20px;@media screen and (max-width:768px){font-size:12px;line-height:14px;margin-top:12px}
}
.infographics-carousel-container .swiper-cerousel-title{font-size:20px;color:#1C2633;font-weight:600;line-height:36px;background-color:white;padding-inline-end:15px;width:max-content;@media screen and (max-width:768px){line-height:28px}
}
.infographics-carousel-container span.swiper-pagination-bullet{background:#e5e5e5}
.infographics-carousel-container span.swiper-pagination-bullet{width:14px;height:3px}
.infographics-carousel-container span.swiper-pagination-bullet.swiper-pagination-bullet-active{background:#ed1c24}
.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:0}
@media(max-width:768px){.infographics-carousel-container{padding:0;padding-block-end:20px;padding-inline-start:20px}
}
.kl-infographic-popup{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:none}
.kl-infographic-popup.active{display:block}
.kl-infographic-popup__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.88;background:#0c111d}
.kl-infographic-popup__container{position:relative;width:100%;height:calc(100% - 75px);display:flex;align-items:center;z-index:10000;margin-top:75px;@media screen and (max-width:768px){height:calc(100% - 65px);margin-top:65px}
}
.kl-infographic-popup__close{position:absolute;top:30px;right:20px;width:24px;height:24px;background:0;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10001;transition:all .3s ease;padding:0;@media screen and (max-width:768px){top:15px;right:15px;width:15px;height:15px}
}
.kl-infographic-popup__close svg{width:inherit;height:inherit}
.kl-infographic-popup__swiper{width:calc(100% - 70px);height:calc(100% - 40px);margin-inline:35px;margin-block:20px;@media screen and (max-width:768px){width:calc(100% - 40px);height:auto;margin-inline:20px;margin-block:0}
}
.kl-infographic-popup__swiper .swiper-wrapper{height:calc(100% - 40px);margin-block-end:20px;@media screen and (max-width:768px){height:auto;margin-block-end:0}
}
.kl-infographic-popup__swiper .swiper-slide{display:flex;justify-content:center;height:calc(100% - 24px);padding-bottom:24px;@media screen and (max-width:768px){height:100%;padding-bottom:20px}
}
.kl-infographic-popup__slide-image{max-width:100%;height:auto;aspect-ratio:4 / 5;object-fit:contain;display:block;margin:0 auto;@media screen and (max-width:768px){width:100%;height:auto;aspect-ratio:4 / 5;object-fit:contain;padding:0 12px;box-sizing:border-box}
}
.kl-infographic-popup__swiper .swiper-slide-title{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:white;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;max-width:90%;text-align:center;@media screen and (max-width:768px){font-size:14px;padding:10px 20px;bottom:15px}
}
.kl-infographic-popup__swiper .swiper-button-prev,.kl-infographic-popup__swiper .swiper-button-next{width:14px;height:24px;color:#ffffff;transition:all .3s ease;@media screen and (max-width:768px){display:none}
}
.kl-infographic-popup__swiper .swiper-button-prev:after,.kl-infographic-popup__swiper .swiper-button-next:after{font-size:14px;font-weight:bold}
.kl-infographic-popup__swiper .swiper-button-prev.swiper-button-disabled,.kl-infographic-popup__swiper .swiper-button-next.swiper-button-disabled{color:#717684;opacity:1}
.kl-infographic-popup__swiper .swiper-pagination{bottom:-40px;@media screen and (max-width:768px){bottom:-30px}
}
.kl-infographic-popup__swiper .swiper-pagination-bullet{width:8px;height:8px;background:#e6ebf5;opacity:1;border-radius:50%}
.kl-infographic-popup__swiper .swiper-pagination-bullet-active{background:#ed1c24}
.infographics-carousel-container{position:relative}
.infographics-carousel-container .swiper-button-next,.infographics-carousel-container .swiper-button-prev{width:54px;height:54px;background:#fff;border-radius:50px;border:1px solid #c9d3e9;box-shadow:0 2px 4px 0 rgba(96,97,112,0.08),0 0 1px 0 rgba(40,41,61,0.04);box-sizing:border-box;opacity:1 !important}
.infographics-carousel-container .swiper-button-next svg,.infographics-carousel-container .swiper-button-prev svg{color:#121a2c;height:14px;width:7px}
.infographics-carousel-container .swiper-button-next.swiper-button-disabled svg,.infographics-carousel-container .swiper-button-prev.swiper-button-disabled svg{color:#c9d3e9}
.infographics-carousel-container .swiper-button-prev{left:-30px;top:50%}
.infographics-carousel-container .swiper-button-next{right:-30px;top:50%}
@media(max-width:768px){.infographics-carousel-container .swiper-button-next,.infographics-carousel-container .swiper-button-prev{display:none}
}