.mixin-title-h1{font-family:'Roboto';font-weight:500;font-style:normal;font-size:42px;line-height:54px;letter-spacing:-1px}
@media(min-width:1024px){.mixin-title-h1{font-size:62px;line-height:76px;letter-spacing:-2px}
}
.mixin-title-h2{font-family:'Roboto';font-weight:500;font-style:normal;font-size:36px;line-height:48px}
@media(min-width:1024px){.mixin-title-h2{font-size:42px;line-height:54px}
}
.mixin-title-h3{font-family:'Roboto';font-weight:500;font-style:normal;font-size:20px;line-height:36px}
@media(min-width:1024px){.mixin-title-h3{line-height:28px}
}
.mixin-title-h4{font-family:'Roboto';font-style:normal;font-weight:500;font-size:16px;line-height:22px}
@media(min-width:1024px){.mixin-title-h4{font-size:18px;line-height:24px}
}
.mixin-paragraph{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:16px;line-height:32px}
@media(min-width:1024px){.mixin-paragraph{font-size:16px;line-height:24px}
}
.mixin-paragraph-bold{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:16px;line-height:32px;font-weight:bold}
@media(min-width:1024px){.mixin-paragraph-bold{font-size:16px;line-height:24px}
}
.mixin-text-small{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:14px;line-height:24px}
.mixin-text-medium{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:21px;line-height:30px}
.mixin-text-caption{font-family:'Roboto';font-weight:normal;font-style:normal;font-size:12px;line-height:16px}
.mixin-text-button{font-family:'Roboto';font-weight:bold;font-style:normal;font-size:16px;line-height:24px}
.mixin-text-subtitle{font-family:'Roboto';font-style:normal;font-weight:500;font-size:18px;line-height:28px}
@media(min-width:1024px){.mixin-text-subtitle{font-size:20px}
}
.mixin-full-width{margin-left:-50vw;left:50%;position:relative;width:100vw}
.mixin-contanizr{max-width:1440px;padding:0 20px;float:none !important;margin:0 auto}
@media(min-width:1024px){.mixin-contanizr{padding:0 60px}
}
@media(min-width:1440px){.mixin-contanizr{padding:0 150px}
}
.blog-filter-component .blog-filter-title{margin-bottom:30px}
.blog-filter-component .blog-filter-items{display:grid;grid-template-columns:repeat(2,1fr);row-gap:20px;column-gap:20px;align-items:stretch}
@media(min-width:1024px){.blog-filter-component .blog-filter-items{grid-template-columns:repeat(4,1fr)}
}
.blog-filter-component .blog-filter-items .filter-item{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;height:100%;background:#edf7f3;border:1px solid #186746;border-radius:4px;color:#186746;padding:30px;text-decoration:none;flex-wrap:wrap}
.blog-filter-component .blog-filter-items .filter-item .filter-item-title{font-weight:500;line-height:22px;margin:0}
@media(min-width:1024px){.blog-filter-component .blog-filter-items .filter-item .filter-item-title{font-size:18px;line-height:24px}
}
.blog-filter-component .blog-filter-items .filter-item span{margin-bottom:20px}
.blog-filter-component .blog-filter-items .filter-item span:last-child{margin-bottom:0}
.blog-filter-component .blog-filter-items .filter-item span i{font-size:40px}
@media(min-width:1024px){.blog-filter-component .blog-filter-items .filter-item span i{font-size:50px}
}
.blog-filter-component .blog-filter-items .filter-item span.filter-item-desc{margin-top:20px;margin-bottom:0;text-align:center;font-family:'Roboto';font-weight:normal;font-style:normal;font-size:14px;line-height:24px}