.blog-card{border:1px solid #222328;height:100%;padding:20px 25px 45px}@media screen and (width<=1140px){.blog-card{padding:0 0 45px}}.blog-card_case-study{overflow:visible}.blog-card__case-badge{z-index:4;pointer-events:none;color:#f6f5f0;align-items:center;width:46%;max-width:168px;height:34px;display:flex;position:absolute;top:-1px;left:-1px;overflow:visible;container:blog-card-case-badge/size}@media screen and (width>=1921px){.blog-card__case-badge{max-width:8.8vw;height:1.8vw}}@media screen and (width<=767px){.blog-card__case-badge{max-width:150px;height:30px}}.blog-card__case-badge-shape{position:absolute;inset:0}.blog-card__case-badge-shape svg{width:100%;height:100%;color:inherit;display:block;overflow:visible}.blog-card__case-badge-label{z-index:1;box-sizing:border-box;letter-spacing:-.02em;color:#000;white-space:nowrap;padding:0 14% 0 8%;font-family:Lexend Exa Extra Bold,Arial,Helvetica,sans-serif;font-size:min(52cqh,14cqw);line-height:.95;display:block;position:relative}.blog-card__decor{width:124px;transition:all 1s ease-in-out;top:50px;left:40px}.blog-card__decor svg{aspect-ratio:1/.98;fill:#b18af1;transition:inherit;transform:rotate(48deg)}.blog-card__header{margin-bottom:48px}@media screen and (width<=900px){.blog-card__header{margin-bottom:25px}}@media screen and (width<=575px){.blog-card__header{margin-bottom:0}}.blog-card__case-thumb{box-sizing:border-box;aspect-ratio:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.blog-card__case-thumb,.blog-card__case-thumb_myellow,.blog-card__case-thumb_yellow{background-color:#f7e13e}.blog-card__case-thumb_green{background-color:#1e945a}.blog-card__case-thumb_lgray{background-color:#d0d0d0}.blog-card__case-thumb-logo{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:72%;height:auto;max-height:58%;display:block}.blog-card__header-img{border-radius:50%;width:80%;margin:0 auto 10px;transition:all 1s ease-in-out;overflow:hidden}@media screen and (width<=1140px){.blog-card__header-img-wrapper{width:100%!important}}.blog-card__header-img-wrapper:has(.blog-card__case-thumb){height:100%;width:100%!important}@media screen and (width>=1141px){.blog-card__header-img .blog-post-hero_right{transition:all 1s ease-in-out;transform:translate(-56%)}}@media screen and (width>=1921px){.blog-card__header-img{margin-bottom:.5vw}}@media screen and (width<=1140px){.blog-card__header-img{border-radius:initial;width:100%;margin-bottom:40px}}@media screen and (width<=575px){.blog-card__header-img{margin-bottom:20px}}.blog-card__header-img .blog-post-hero_right .blog-post-hero__title{padding-left:1.5vw}.blog-card__header-img .blog-post-hero__new{width:32%}.blog-card__header-img .blog-post-hero__title{padding-right:2vw}.blog-card__header-img .blog-post-hero__title h2{font-size:28px}@media screen and (width<=1440px){.blog-card__header-img .blog-post-hero__title h2{font-size:1.66vw}}@media screen and (width<=1140px){.blog-card__header-img .blog-post-hero__title h2{font-size:3.2vw}}.blog-card__header-img .blog-post-hero__title.x2 h2{font-size:32px}@media screen and (width<=1140px){.blog-card__header-img .blog-post-hero__title.x2 h2{font-size:3.4vw}}.blog-card__header-img .blog-post-hero__new{font-size:32%}.blog-card__header-title{height:170px}@media screen and (width<=900px){.blog-card__header-title{max-width:400px;height:145px;margin:0 auto;padding:0 30px}}@media screen and (width<=575px){.blog-card__header-title{height:120px}}.blog-card__header-title h3,.blog-card__header-title h4{margin-bottom:18px;font-size:32px;font-weight:400;line-height:1.2}.blog-card__body{margin-top:auto}@media screen and (width<=767px){.blog-card__body{padding:0 30px}}@media screen and (width<=900px){.blog-card__body>div{flex-direction:column;align-items:center}}.blog-card__body-description{max-width:0;height:150px;transition:max-width 1.5s;overflow:hidden}@media screen and (width<=900px){.blog-card__body-description{max-width:none;overflow:initial;flex:1;max-width:438px;height:144px;margin-bottom:30px}}@media screen and (width<=575px){.blog-card__body-description{height:109px}}.blog-card__body-description p{width:fit-content;height:0;overflow:hidden}@media screen and (width<=1435px){.blog-card__body-description p{width:100%}}@media screen and (width<=1140px){.blog-card__body-description p{height:100%}}@media screen and (width<=900px){.blog-card__body-btn{text-align:center;width:100%}}.blog-card__body-btn .btn{width:240px}@media screen and (width<=1200px){.blog-card__body-btn .btn{width:200px}}@media screen and (width<=900px){.blog-card__body-btn .btn{max-width:240px}}
