.blogs-banner{width:100%;height:500px;position:relative;overflow:hidden}.blogs-banner__bg{z-index:1;background-image:url(/assets/images/blogs/bg.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:900px;position:absolute;top:0;left:0}.blogs-banner__content{z-index:3;text-align:center;flex-direction:column;gap:24px;width:90%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blogs-banner__content__items{grid-template-columns:1fr 1fr;gap:16px;display:grid}.blogs-banner__content__items__item{white-space:nowrap;align-items:center;gap:8px;display:flex}.blogs-banner__content__items__item strong{color:#fff}.blogs-banner__content__items__item img{width:16px;height:16px}@media (min-width:570px){.blogs-banner__content__items__item{justify-content:start}.blogs-banner__content__items{justify-content:space-between;align-items:center;display:flex}}.blogs-banner__content__search{background-color:#fff;border-radius:4px;align-items:center;gap:8px;width:100%;height:52px;padding:0 16px;display:flex}.blogs-banner__content__search input{width:100%;height:100%}@media (min-width:570px){.blogs-banner__content{width:auto}}.blogs-banner h1{color:#fff;width:100%;margin:auto;font-size:max(30px,min(2vw,44px))}.blogs-banner h1 span{color:#bfc8ad;font-size:max(30px,min(2vw,44px))}@media (min-width:1025px){.blogs-banner h1{width:70%}}.blogs-banner__item1{z-index:2;background-image:url(/assets/images/blogs/item-1.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:150px;height:150px;animation:1.9s linear infinite alternate iconforward;position:absolute;bottom:-24px;left:35%}@media (min-width:570px){.blogs-banner__item1{width:200px;height:200px;left:0}}@media (min-width:1025px){.blogs-banner__item1{width:300px;height:270px}}@media (min-width:1340px){.blogs-banner__item1{left:100px}}.blogs-banner__item2{z-index:2;background-image:url(/assets/images/blogs/item-3.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:100px;height:100px;animation:1.9s linear infinite alternate iconforward;position:absolute;top:45%;left:-24px}@media (min-width:570px){.blogs-banner__item2{width:200px;height:200px;top:24px}}.blogs-banner__item3{z-index:2;background-image:url(/assets/images/blogs/item-2.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:200px;height:170px;animation:1.9s linear infinite alternate iconforward2;position:absolute;top:-20px;right:10px;rotate:30deg}@media (min-width:570px){.blogs-banner__item3{width:240px;height:200px;top:0}}@media (min-width:1025px){.blogs-banner__item3{height:270px;top:24px}}@-webkit-keyframes iconforward{0%{-webkit-transform:translate(0)translateY(0)}50%{-webkit-transform:translate(-4px)translateY(-4px)}to{-webkit-transform:translate(4px)translateY(4px)}}@-webkit-keyframes iconforward2{0%{-webkit-transform:translate(0)}50%{-webkit-transform:translate(-4px)}to{-webkit-transform:translate(4px)}}
.blog-topic{background-color:#fff;border-radius:8px;width:88%;height:52px;margin:auto;overflow:hidden;box-shadow:0 1px 3px 1px rgba(0,0,0,.21)}.blog-topic__item{white-space:nowrap;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;height:100%;transition:all .2s;display:flex}.blog-topic__item:hover{color:#fff;background-color:#81a285}.blog-topic .swiper{width:100%;height:100%}.blog-topic .swiper .swiper-slide{height:100%}@media (min-width:1400px){.blog-topic{width:70%}}