: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;--color-dark-blue:#223263;--color-blue:#4e61ac;--color-light-blue:#b7c1e0;--color-dark-purple:#9a7fba;--color-purple:#d2b9ef;--color-light-purple:#ebe5f1;--color-text-primary:#111;--color-text-secondary:#838383;--color-text-secondary-light:#b1b1b1;--color-text-brand-primary-dark:#223263;--color-text-brand-primary:#4e61ac;--color-text-brand-primary-light:#b7c1e0;--color-text-brand-secondary-dark:#9a7fba;--color-text-brand-secondary:#d2b9ef;--color-text-brand-secondary-light:#ebe5f1;--color-text-inverse:#fff;--color-surface-primary:#fff;--color-surface-secondary:#505050;--color-surface-secondary-light:#dcdcdc;--color-surface-brand-primary-extralight:#e9ecf6;--color-surface-brand-primary-light:#b7c1e0;--color-surface-brand-primary:#4e61ac;--color-surface-brand-primary-dark:#223263;--color-surface-brand-primary-pastel:#4f5e88;--color-surface-brand-secondary-light:#ebe5f1;--color-surface-brand-secondary:#d2b9ef;--color-surface-brand-secondary-dark:#9a7fba;--color-surface-inverted:#111;--color-border-primary:#fff;--color-border-secondary:#111;--color-border-neutral:#b1b1b1;--color-border-brand-primary-light:#b7c1e0;--color-border-brand-primary:#4e61ac;--color-border-brand-primary-dark:#223263;--color-border-brand-secondary:#d2b9ef;--color-border-brand-secondary-dark:#9a7fba;--color-border-error:#e74235;--color-success-lightest:#bef9be;--color-success-light:#5be25b;--color-success:#00ae00;--color-success-dark:#006900;--color-success-darkest:#002e00;--color-alert-light:#ff978e;--color-alert-lightest:#ffcbcb;--color-alert:#e74235;--color-alert-dark:#831a11;--color-alert-darkest:#821a11;--color-warning-lightest:#ffeab5;--color-warning-light:#ffd977;--color-warning:#f6bb22;--color-warning-dark:#c59311;--color-warning-darkest:#856106;--primitive-gray-3-hex:#B7C1E04D;--primitive-gray-3-30:rgba(183,193,224,0.3);--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%}
}
}