.blog.banner{background:#ecf0eb url(../../../../images/web/pages/blog/banner.webp?v=2) no-repeat 50%;height:37.5rem}@media (max-width:767.98px){.blog.banner{background-size:cover;height:auto;padding-bottom:4rem;padding-top:7rem}}.blog.banner .container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.blog.banner .container h1{color:#fff;font-weight:700;line-height:4rem;margin:1.875rem 0;text-align:center}.blog.banner .container form .form-control{padding-right:3.6rem}.blog.banner .container form .btn[type=submit]{border:none;bottom:0;left:auto;margin:auto;padding:0;position:absolute;right:1.3rem;top:0}.blog.banner .container form .btn[type=submit] svg{color:#595959}.blog.banner .container .themes a{align-items:center;background-color:#fff;border-radius:.7rem;display:flex;font-size:.875rem;font-weight:700;height:2.5rem;justify-content:center;padding:0 1.063rem;text-transform:uppercase;width:100%}.blog.banner .container .themes a.active,.blog.banner .container .themes a:hover{background-color:#29bfbf;color:#000}.blog.posts{padding-bottom:8.188rem;padding-top:5.875rem}@media (max-width:767.98px){.blog.posts{padding-bottom:4rem;padding-top:4rem}}.blog.posts .container h2{font-weight:700;margin-bottom:3.5rem;text-align:center}.blog.posts .container article{border:1px solid #007f80;border-radius:3rem;height:100%;text-align:center;transition:background-color .3s}.blog.posts .container article:hover{background-color:#29bfbf}.blog.posts .container article:hover a .text{color:#fff}.blog.posts .container article:hover a .text .kmbi-arrow-topright{animation:point .5s linear}@keyframes point{0%{transform:translateZ(0)}50%{transform:translate3d(10px,-10px,0)}to{transform:translateZ(0)}}.blog.posts .container article a img{border-bottom:1px solid #007f80;border-radius:3rem 3rem 0 0;height:14rem;-o-object-fit:cover;object-fit:cover;width:100%}.blog.posts .container article a .text{border-radius:0 0 3rem 3rem;padding:3.75rem;position:relative}@media (max-width:1199.98px){.blog.posts .container article a .text{padding:2rem}}.blog.posts .container article a .text .kmbi-arrow-topright{bottom:auto;color:#fff;font-size:1.5rem;left:auto;position:absolute;right:2rem;top:2rem}.blog.posts .container article a .text h3,.blog.posts .container article a .text p{transition:color .3s}.blog.posts .container article a .text p{font-size:.875rem}.blog.posts .container article a .text h3{font-size:1rem;font-weight:700;margin-bottom:0}