.blog-section{background-color:#f9f9f9!important}.blogs__banner{width:100%;height:36rem;position:relative;background-color:gray;margin-bottom:5.4rem}.blogs__banner img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}@media (max-width: 640px){.blog-grid{grid-template-columns:1fr}.blog-card img{height:180px}}.slide-content{position:absolute;bottom:30px;left:30px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);max-width:70%}.slide-date{font-size:14px;margin-bottom:5px}.slide-title{color:#fff;font-size:28px;font-weight:700;margin:0 0 10px}.slide-excerpt{font-size:16px}.slider-controls{position:absolute;top:50%;left:0;right:0;padding:0 20px;display:flex;justify-content:space-between;transform:translateY(-50%);z-index:2}.slider-controls button{background:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 2px 5px #0003}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:6.4rem}.sorting-block{position:sticky;top:13rem;margin:6.4rem auto 1.4rem;z-index:10;background-color:#fff;padding:1rem 10rem}.sorting-block button{display:inline-flex;line-break:strict;flex-wrap:nowrap;justify-content:center;align-items:center;padding:0 2.4rem;height:4rem;border-radius:10rem;border:.1rem solid #CED2FB;background-color:transparent;transition:all .3s ease-in-out;color:#040147;cursor:pointer;white-space:nowrap}.sorting-block button.active{background:#040147;color:#fff}.sorting-block button:last-child{margin-right:0}.blogs_title{font-family:Arial;font-weight:700;font-size:28px;line-height:100%;letter-spacing:0;margin:0}.sorting-wrapper{display:flex;overflow:auto;flex-wrap:wrap;gap:1rem}@media (max-width: 1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 989.98px){.sorting-block{top:11.8rem;padding:1rem 3rem}}@media (max-width: 768px){.blog-grid{grid-template-columns:1fr}.sorting-block{margin:1.4rem auto}.sorting-wrapper{flex-wrap:nowrap;margin-left:-30px;margin-right:-30px;padding:0 30px;width:calc(100% + 60px)}}@media (max-width: 480px){.sorting-block{overflow:visible;padding:1rem 1.5rem}.sorting-wrapper{margin-left:-15px;margin-right:-15px;padding:0 15px;width:calc(100% + 30px)}}@media screen and (hover:hover){.sorting-block button:hover{background:#040147;color:#fff}}@media screen and (hover:none){.sorting-block button:active{background:#040147;color:#fff}}
/*# sourceMappingURL=/cdn/shop/t/47/assets/blogs.css.map */