:root{--primary-1:#9a7fba;--primary-2:#223263;--primary-3:#b7c1e0;--primary-4:#d2b9ef;--secondary-1:#539bd2;--secondary-2:#4e61ac;--primitive-white:#fff;--primitive-gray-2:#8796c1;--primitive-gray-3:rgba(183,193,224,0.3);--primitive-gray-5:rgba(154,127,186,0.2);--primitive-gray-6:rgba(205,192,220,0.8);--primitive-gray-7:#d7cde3;--color-surface-blue-light:#dfe5f6;--font-family:"Ubuntu",sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:22px;--font-size-3xl:26px;--font-size-3-5xl:32px;--font-size-4xl:36px;--breakpoint-mobile:428px;--breakpoint-tablet:768px;--breakpoint-desktop:1280px;--breakpoint-large:1620px;--breakpoint-xlarge:1920px;--spacing-xxs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--spacing-3xl:48px;--spacing-4xl:64px;--spacing-5xl:80px;--spacing-6xl:100px;--spacing-7xl:120px;--spacing-8xl:160px;--spacing-9xl:200px;--grid-gap-sm:8px;--grid-gap-md:16px;--grid-gap-lg:24px;--grid-gap-xl:32px;--grid-gap-2xl:40px;--grid-gap-3xl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px}
.cmp-blog_banner{position:relative;padding:0}
.cmp-blog_banner .cmp-blog_banner-card__wrapper{display:flex;flex-direction:column-reverse}
.cmp-blog_banner .cmp-blog_banner-card__white-column{flex:1;background-color:var(--primitive-white);min-height:210px}
.cmp-blog_banner .cmp-blog_banner-card__image{flex:2;min-height:286px;background-size:cover}
.cmp-blog_banner .cmp-blog_banner-card__content{height:284px;width:100%;position:absolute;bottom:35px;z-index:1;display:flex;text-align:center}
.cmp-blog_banner .cmp-blog_banner-card__content-wrapper{display:inline-flex;width:100%;padding:var(--spacing-xl);flex-direction:column;align-items:center;place-content:space-between;border-radius:var(--radius-xl);background:rgba(223,229,246,0.35);backdrop-filter:blur(15px);margin:0 30px}
.cmp-blog_banner .cmp-blog_banner-card__text-wrapper{display:flex;flex-direction:column;gap:3px}
.cmp-blog_banner .cmp-blog_banner-card__title{color:var(--primary-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:28px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:4px 0}
.cmp-blog_banner .cmp-blog_banner-card__description{color:var(--secondary-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.cmp-blog_banner .cmp-blog_banner-card__link{display:flex;width:104px;padding:var(--spacing-xs) var(--spacing-md);justify-content:center;align-items:center;gap:10px;margin-bottom:61px;border-radius:200px;color:var(--primitive-white);background:var(--secondary-2);margin-top:var(--spacing-xs);height:24px;font-size:var(--font-size-sm);flex-direction:column;flex-shrink:0;text-decoration:none}
.cmp-blog_banner-grid .swiper-pagination{display:inline-flex;position:absolute;bottom:58px;left:calc(50% - 100px);width:100%;gap:var(--grid-gap-md)}
.cmp-blog_banner-grid .swiper-pagination .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0}
.cmp-blog_banner-grid .swiper-pagination .swiper-pagination-bullet{position:relative;width:48px;height:auto;text-align:left;border-radius:0;opacity:1;background-color:transparent}
.cmp-blog_banner-grid .swiper-pagination .swiper-pagination-bullet i{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:4px;border-radius:var(--radius-xl);background:rgba(223,229,246,0.35);backdrop-filter:blur(15px)}
.cmp-blog_banner-grid .swiper-pagination .swiper-pagination-bullet b{position:absolute;bottom:0;left:0;z-index:2;width:0;height:4px;border-radius:var(--radius-xl);background-color:var(--secondary-2)}
.cmp-blog_banner-grid .swiper-pagination .swiper-pagination-bullet-active{background-color:transparent;width:72px}
.cmp-blog_banner-grid .swiper-pagination .swiper-pagination-bullet-active i{min-width:72px}
.cmp-blog_banner-grid .swiper-pagination .swiper-pagination-bullet-active b{animation-name:countingBar;animation-duration:5s;animation-timing-function:ease-in;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}
@keyframes countingBar{0{width:0}
100%{width:100%}
}
@media(min-width:1280px){.cmp-blog_banner{padding:0 0 0 100px}
.cmp-blog_banner .cmp-blog_banner-card__wrapper{display:flex;flex-direction:unset}
.cmp-blog_banner .cmp-blog_banner-card__white-column{flex:5;background-color:var(--primitive-white);min-height:unset}
.cmp-blog_banner .cmp-blog_banner-card__image{flex:12;min-height:865px;background-size:cover}
.cmp-blog_banner .cmp-blog_banner-card__content{height:462px;width:738px;position:absolute;bottom:136px;z-index:1;border-radius:var(--radius-xl);background:rgba(223,229,246,0.35);backdrop-filter:blur(15px);display:flex;text-align:center;margin:0}
.cmp-blog_banner .cmp-blog_banner-card__content-wrapper{display:inline-flex;width:100%;padding:48px 88px 40px 88px;flex-direction:column;align-items:center;place-content:space-between;border-radius:unset;background:unset;backdrop-filter:unset;margin:unset}
.cmp-blog_banner .cmp-blog_banner-card__text-wrapper{display:flex;flex-direction:column;gap:24px}
.cmp-blog_banner .cmp-blog_banner-card__title{color:var(--primary-2);font-size:var(--font-size-3-5xl);font-weight:var(--font-weight-bold);line-height:39px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:14px 0}
.cmp-blog_banner .cmp-blog_banner-card__description{color:var(--secondary-2);font-size:var(--font-size-xl);font-weight:var(--font-weight-regular);line-height:25px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
.cmp-blog_banner .cmp-blog_banner-card__link{display:flex;width:104px;height:24px;font-size:var(--font-size-lg);flex-direction:column;justify-content:center;flex-shrink:0;color:var(--primitive-white);text-decoration:none;padding:16px 24px;align-items:center;gap:10px;margin-bottom:61px;border-radius:200px;background:var(--secondary-2);margin-top:unset}
.cmp-blog_banner-grid .swiper-pagination{display:inline-flex;position:absolute;bottom:175px;left:226px;width:288px;gap:24px}
.cmp-blog_banner-grid .swiper-pagination .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0}
.cmp-blog_banner-grid .swiper-pagination .swiper-pagination-bullet{position:relative;width:60px;height:auto;text-align:left;border-radius:0;opacity:1;background-color:transparent}
.cmp-blog_banner-grid .swiper-pagination .swiper-pagination-bullet i{position:absolute;bottom:0;left:0;z-index:1;width:100%;height:6px;border-radius:24px;background:rgba(223,229,246,0.35);backdrop-filter:blur(15px)}
.cmp-blog_banner-grid .swiper-pagination .swiper-pagination-bullet b{position:absolute;bottom:0;left:0;z-index:2;width:0;height:6px;border-radius:24px;background-color:var(--secondary-2)}
.cmp-blog_banner-grid .swiper-pagination .swiper-pagination-bullet-active{background-color:transparent;width:120px}
.cmp-blog_banner-grid .swiper-pagination .swiper-pagination-bullet-active i{min-width:120px}
.cmp-blog_banner-grid .swiper-pagination .swiper-pagination-bullet-active b{animation-name:countingBar;animation-duration:5s;animation-timing-function:ease-in;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}
@keyframes countingBar{0{width:0}
100%{width:100%}
}
}