.article-item{position:relative;overflow:hidden;display:block;border-radius:32px;padding:54px 32px 32px;background:#fff}@media only screen and (max-width: 1200px){.article-item{padding:31px 24px 24px}}.article-item::before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;pointer-events:none;z-index:1}@media(hover: hover)and (pointer: fine){.article-item:hover::before{opacity:1}}.article-item:nth-child(5n+1){background:-webkit-gradient(linear, left top, left bottom, from(#DBE8FF), to(#fff));background:linear-gradient(to bottom, #DBE8FF 0%, #fff 100%)}.article-item:nth-child(5n+1)::before{background:#dbe8ff}.article-item:nth-child(5n+1) .article-item__icon-generic{color:#8aaee1}.article-item:nth-child(5n+2){background:-webkit-gradient(linear, left top, left bottom, from(#F1E0F4), to(#fff));background:linear-gradient(to bottom, #F1E0F4 0%, #fff 100%)}.article-item:nth-child(5n+2)::before{background:#f1e0f4}.article-item:nth-child(5n+2) .article-item__icon-generic{color:#c591ca}.article-item:nth-child(5n+3){background:-webkit-gradient(linear, left top, left bottom, from(#D4D9FF), to(#fff));background:linear-gradient(to bottom, #D4D9FF 0%, #fff 100%)}.article-item:nth-child(5n+3)::before{background:#d4d9ff}.article-item:nth-child(5n+3) .article-item__icon-generic{color:#848ee0}.article-item:nth-child(5n+4){background:-webkit-gradient(linear, left top, left bottom, from(#F9E4DA), to(#fff));background:linear-gradient(to bottom, #F9E4DA 0%, #fff 100%)}.article-item:nth-child(5n+4)::before{background:#f9e4da}.article-item:nth-child(5n+4) .article-item__icon-generic{color:#fca379}.article-item:nth-child(5n+5){background:-webkit-gradient(linear, left top, left bottom, from(#E1E5F2), to(#fff));background:linear-gradient(to bottom, #E1E5F2 0%, #fff 100%)}.article-item:nth-child(5n+5)::before{background:#e1e5f2}.article-item:nth-child(5n+5) .article-item__icon-generic{color:#767b8c}.article-item__content{position:relative;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}.article-item__author{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:4px;font-size:14px;line-height:16px;color:#0c223a;margin-top:30px;margin-bottom:0;font-family:"TT Hoves Pro",sans-serif}.article-item__author::before{content:"";font-family:"icomoon";font-size:16px}@media only screen and (max-width: 1200px){.article-item__author{margin-top:27px}}@media only screen and (max-width: 720px){.article-item__author{font-size:12px}}.article-item__title{margin-top:16px;margin-bottom:0;color:#0c223a;font:600 24px/28px "TT Hoves Pro",sans-serif}@media only screen and (max-width: 1200px){.article-item__title{font-size:18px;line-height:22px;margin-top:12px}}.article-item__categories{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-column-gap:4px;-moz-column-gap:4px;column-gap:4px;row-gap:8px;min-height:76px;margin:16px 0}@media only screen and (max-width: 1200px){.article-item__categories{margin:12px 0;min-height:56px}}.article-item__category{font-size:14px;line-height:18px;color:#23548a;padding:5px 10px;background:hsla(0,0%,100%,.2);border:1px solid #fff;border-radius:23px}@media only screen and (max-width: 720px){.article-item__category{font-size:12px;line-height:14px}}.article-item__date{font-family:"TT Hoves Pro",sans-serif;font-size:14px;line-height:16px;color:#0c223a;text-align:right;display:block;margin-top:auto}@media only screen and (max-width: 720px){.article-item__date{font-size:12px;line-height:14px}}.article-item__icon{position:relative;width:68px;height:68px;border-radius:18px;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}@media only screen and (max-width: 1200px){.article-item__icon{width:58px;height:58px}}.article-item__icon::before{content:"";width:112px;height:112px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:radial-gradient(50% 50% at 50% 50%, #fff 0%, rgba(255, 255, 255, 0) 83.65%);z-index:-1}@media only screen and (max-width: 1200px){.article-item__icon::before{width:96px;height:96px}}.article-item__icon-img{width:56px;height:56px}@media only screen and (max-width: 1200px){.article-item__icon-img{width:48px;height:48px}}.article-item__icon-generic{font-size:48px}@media only screen and (max-width: 1200px){.article-item__icon-generic{font-size:42px}}.article-item__icon:nth-child(2)::after{content:"";font-family:"icomoon";font-size:32px;color:rgba(0,0,0,.1);position:absolute;left:-38px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.article-item__icons{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;gap:44px}.popular-posts{padding:80px 0}.popular-posts .article-item:nth-child(5n+1){background:-webkit-gradient(linear, left top, left bottom, from(#F1E0F4), to(#fff));background:linear-gradient(to bottom, #F1E0F4 0%, #fff 100%)}.popular-posts .article-item:nth-child(5n+1)::before{background:#f1e0f4}.popular-posts .article-item:nth-child(5n+1) .article-item__icon-generic{color:#c591ca}.popular-posts .article-item:nth-child(5n+2){background:-webkit-gradient(linear, left top, left bottom, from(#D4D9FF), to(#fff));background:linear-gradient(to bottom, #D4D9FF 0%, #fff 100%)}.popular-posts .article-item:nth-child(5n+2)::before{background:#d4d9ff}.popular-posts .article-item:nth-child(5n+2) .article-item__icon-generic{color:#848ee0}.popular-posts .article-item:nth-child(5n+3){background:-webkit-gradient(linear, left top, left bottom, from(#F9E4DA), to(#fff));background:linear-gradient(to bottom, #F9E4DA 0%, #fff 100%)}.popular-posts .article-item:nth-child(5n+3)::before{background:#f9e4da}.popular-posts .article-item:nth-child(5n+3) .article-item__icon-generic{color:#fca379}.popular-posts .article-item:nth-child(5n+4){background:-webkit-gradient(linear, left top, left bottom, from(#E1E5F2), to(#fff));background:linear-gradient(to bottom, #E1E5F2 0%, #fff 100%)}.popular-posts .article-item:nth-child(5n+4)::before{background:#e1e5f2}.popular-posts .article-item:nth-child(5n+4) .article-item__icon-generic{color:#767b8c}.popular-posts .article-item:nth-child(5n+5){background:-webkit-gradient(linear, left top, left bottom, from(#DBE8FF), to(#fff));background:linear-gradient(to bottom, #DBE8FF 0%, #fff 100%)}.popular-posts .article-item:nth-child(5n+5)::before{background:#dbe8ff}.popular-posts .article-item:nth-child(5n+5) .article-item__icon-generic{color:#8aaee1}.popular-posts__title{font:500 44px/52px "TT Hoves Pro",sans-serif;color:#033652}@media only screen and (max-width: 1024px){.popular-posts__title{font-size:36px;line-height:44px}}@media only screen and (max-width: 700px){.popular-posts__title{font-size:28px;line-height:34px}}.popular-posts__list{margin-top:40px;display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:32px;-webkit-column-gap:32px;-moz-column-gap:32px;column-gap:32px;grid-row-gap:24px;row-gap:24px}@media only screen and (max-width: 1024px){.popular-posts__list{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 700px){.popular-posts__list{grid-template-columns:1fr}}.popular-posts__list .article-item:first-of-type{grid-column:span 2;position:relative}@media only screen and (max-width: 700px){.popular-posts__list .article-item:first-of-type{grid-column:auto}}.popular-posts__list .article-item:first-of-type::after{content:"";position:absolute;right:64px;bottom:96px;width:190px;height:200px;background:url(../images/coupler-sign.svg) no-repeat center/contain;mix-blend-mode:overlay;pointer-events:none;z-index:2}@media only screen and (max-width: 1024px){.popular-posts__list .article-item:first-of-type::after{width:147px;height:155px;right:50px;top:100px;bottom:auto}}@media only screen and (max-width: 700px){.popular-posts__list .article-item:first-of-type::after{content:none}}.popular-posts__list .article-item:first-of-type .article-item__content{max-width:calc(100% - 220px)}@media only screen and (max-width: 700px){.popular-posts__list .article-item:first-of-type .article-item__content{max-width:none;max-width:initial}}.popular-posts__list .article-item:first-of-type .article-item__date{text-align:left}.popular-posts__list .article-item:first-of-type .article-item__categories{min-height:104px}@media only screen and (max-width: 1024px){.popular-posts__list .article-item:first-of-type .article-item__categories{min-height:78px}}@media only screen and (max-width: 700px){.popular-posts__list .article-item:first-of-type .article-item__categories{min-height:56px}}
