.blog-posts-section *{margin:0;padding:0;box-sizing:border-box}.blog-posts-section .container{max-width:1320px;padding:0 100px 100px;margin:0 auto}.blog-posts-section .blog-posts-header{margin-bottom:30px;position:relative}.blog-posts-section .list_categories{display:flex;justify-content:center;margin-bottom:20px;flex-wrap:wrap;padding-top:40px;column-gap:30px;max-width:560px;margin-left:auto;margin-right:auto;overflow:hidden}.slider-button-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:600px;margin:auto;display:flex;justify-content:space-between;width:95%;height:0;z-index:9}.slider-button-container .slider-button-next{transform:rotate(270deg)}.slider-button-container .slider-button-prev{transform:rotate(90deg)}.slider-button-container .slider-button{cursor:pointer}.slider-button-container .slider-button.swiper-button-disabled{opacity:.3;pointer-events:none}.blog-posts-section .list_categories .category{position:relative;z-index:2;color:#202c54;font-size:20px;margin-bottom:20px;cursor:pointer;width:fit-content;margin-left:auto;margin-right:auto}.blog-posts-section .swiper-slide{width:fit-content}.blog-posts-section .list_categories .category.active{font-weight:600}.blog-posts-section .list_categories .category.active:before{content:"";display:block;position:absolute;top:50%;left:1rem;z-index:-1;border-radius:3rem;width:40px;height:40px;background-color:#f2a78d80;transform:translateY(-50%)}.blog-posts-section .list_filter{display:none}.blog-posts-section .ctn_slider_filter{position:relative;padding:0 60px}.blog-posts-section .list_filter.active{display:flex}.blog-posts-section .list_filter{overflow:hidden}.blog-posts-section .list_filter .filter{display:flex;justify-content:center;align-items:center;text-align:center;font-size:14px;background-color:#fff;width:100%;max-width:100%;padding:5px 20px;border-radius:40px;border:1px solid #202C54;color:#202c54;cursor:pointer;text-wrap:nowrap;text-overflow:hidden}.blog-posts-section .list_filter .swiper-button-prev,.blog-posts-section .list_filter .swiper-button-next{display:flex;top:0;bottom:0;margin:auto;border-radius:100px;border:1px solid #202C54;width:40px;height:40px}.blog-posts-section .list_filter .swiper-button-prev{left:0}.blog-posts-section .list_filter .swiper-button-next{right:0}.blog-posts-section .list_filter .swiper-button-prev:after,.blog-posts-section .list_filter .swiper-button-next:after{font-size:16px;color:#202c54}.blog-posts-section .ctn_modal .header_modal{display:flex;justify-content:space-between;padding:20px 10px 15px 50px;background-color:#fff}.blog-posts-section .ctn_modal .header_modal .tlt{width:100%;font-size:20px;font-weight:300;text-transform:uppercase;color:#202c54;line-height:normal}.blog-posts-section .ctn_modal .header_modal .ctn_close{display:flex}.blog-posts-section .ctn_modal .header_modal .ctn_close .txt{font-size:14px;color:#202c54;line-height:normal;display:flex;align-items:center}.blog-posts-section .ctn_modal .header_modal .ctn_close .btn_close{box-sizing:content-box;padding:0 12px;color:#000;border:0;border-radius:.25rem;opacity:.5;cursor:pointer}.blog-posts-section .ctn_modal .header_modal .ctn_close .btn_close svg{width:14px;height:14px}.blog-posts-section .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:998}.blog-posts-section .ctn_modal .ctn_content_modal{display:flex;padding:10px 40px;column-gap:40px}.blog-posts-section .ctn_modal .ctn_content_modal .ctn_filter{display:flex;gap:40px}.blog-posts-section .ctn_modal .ctn_content_modal .ctn_filter .filter{margin-bottom:30px;margin-top:30px}.blog-posts-section .ctn_modal .ctn_content_modal .ctn_filter .filter .tlt_filter{width:100%;font-size:20px;font-weight:300;text-transform:uppercase;color:#202c54;margin-bottom:20px}.blog-posts-section .ctn_modal .ctn_content_modal .ctn_filter .filter .btn_filter{display:flex;text-decoration:none;list-style:none;gap:10px;flex-wrap:wrap}.blog-posts-section .ctn_modal .ctn_content_modal .ctn_filter .filter .btn_filter li a{font-weight:600;line-height:normal;color:#202c54;padding:15px 20px;border-radius:7rem;background-color:#fff;box-shadow:0 0 6px 1px #00000040;cursor:pointer;transition:.5s;display:flex}.blog-posts-section .ctn_modal .ctn_content_modal .ctn_filter .filter-group-container:first-child{border-right:1px solid #202C54;padding-right:7.5px;width:35%}.blog-posts-section .ctn_modal .ctn_content_modal .ctn_filter .filter-group-container:last-child{width:65%}.blog-posts-section .ctn_modal .ctn_content_modal .ctn_filter .filter-group-container .filter-group .tlt_filter{margin-bottom:20px;font-size:20px;font-weight:300;color:#202c54;text-transform:uppercase}.blog-posts-section .ctn_modal .footer_modal{display:flex;justify-content:center;background-color:#fff}.blog-posts-section .ctn_modal .footer_modal a{padding:20px;display:flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;transition:.5s}.blog-posts-section .ctn_modal .footer_modal a:hover{opacity:.7}.blog-posts-section .ctn_modal .footer_modal .txt{font-size:14px;font-weight:300;line-height:normal;font-weight:700;text-transform:uppercase;color:#202c54}.blog-posts-section .ctn_modal .ctn_content_modal .ctn_filter .filter .btn_filter li a{position:relative;overflow:hidden;z-index:1}.blog-posts-section .ctn_modal .ctn_content_modal .ctn_filter .filter .btn_filter li a:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background-color:#f5b9a7;border-radius:50%;transition:all .7s;z-index:-1;transform:translate(-50%,-50%)}.blog-posts-section .ctn_modal .ctn_content_modal .ctn_filter .filter .btn_filter li a.selected:before{width:300%;height:300%}.blog-posts-section .modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:998}.blog-posts-section .ctn_modal .ctn_content_modal{background-color:#fceae5}.blog-posts-section .ctn_modal{position:fixed;transform:translateY(-200%);right:0;left:0;top:0;bottom:0;margin:auto;z-index:999;width:100%;max-width:1300px;height:max-content;transition:.5s;padding:0 20px}.blog-posts-section .ctn_modal.active{transform:translateY(0)}.blog-posts-section .blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}.blog-posts-section .blog-posts-grid.hidden{display:none}.blog-posts-section .blog-posts-grid .blog-post-item .ctn_img{display:flex;width:100%}.blog-posts-section .blog-posts-grid .blog-post-item:hover{background-color:#f5b9a7}.blog-posts-section .blog-posts-grid .blog-post-item .ctn_img{overflow:hidden}.blog-posts-section .blog-posts-grid .blog-post-item:hover .ctn_img img{transform:scale(1.2)}.blog-posts-section .blog-posts-grid .blog-post-item .ctn_img img{width:100%;height:100%;transition:.5s;object-fit:cover}.blog-posts-section .blog-posts-grid .blog-post-item{position:relative;box-shadow:0 6px 10px -6px #a0a0a0;border-radius:10px;transition:all 1s;overflow:hidden}.blog-posts-section .blog-posts-grid .blog-post-item a{display:flex;flex-direction:column;height:100%}.blog-posts-section .blog-posts-grid .blog-post-item a .text-container{flex:1;background-color:#fff;text-align:center}.blog-posts-section .blog-posts-grid .blog-post-item .minutes{display:inline-flex;position:absolute;top:10px;left:10px;z-index:2;padding:4px 6px;font-size:14px;line-height:normal;background-color:#fff;border-radius:40px;color:#202c54;align-items:center;gap:5px}.blog-posts-section .blog-posts-grid .blog-post-item h2{font-size:14px;color:#202c54;padding:20px}.blog-posts-section .ctn_slider_filter .filter{transition:.5s}.blog-posts-section .ctn_slider_filter .filter.active{background-color:#f5b9a7}.blog-posts-section .no-results-message{max-width:100%;grid-column:1 / -1;justify-content:center;padding:40px 20px}.blog-posts-section .no-results-message .no-results-content{display:flex;align-items:center}.blog-posts-section .no-results-message .no-results-content h3{font-size:20px;color:#202c54;text-align:center}.blog-posts-section .no-results-message .no-results-content svg{fill:#202c54;margin-right:10px}.blog-posts-grid-container .view-more-btn{margin:40px auto 0;font-size:1.4rem;cursor:pointer;display:flex;border:none;padding:0;background-color:transparent;text-decoration:underline;color:#202c54;font-weight:500;text-transform:capitalize}@media (max-width: 768px){.blog-posts-section .container{padding:0 20px 20px}.blog-posts-section .ctn_modal{max-width:80%;height:500px;overflow-y:auto}.blog-posts-section .ctn_modal .ctn_content_modal .ctn_filter{flex-direction:column;gap:0}.blog-posts-section .ctn_modal .ctn_content_modal .ctn_filter .filter-group-container:first-child{padding:0;width:100%;border:none}.blog-posts-section .ctn_modal .ctn_content_modal .ctn_filter .filter-group-container:last-child{width:100%}.blog-posts-section .ctn_modal .ctn_content_modal .ctn_filter .filter{margin-top:0}.blog-posts-section .no-results-message .no-results-content{flex-direction:column;align-items:center}.blog-posts-section .no-results-message .no-results-content svg{margin-right:0;margin-bottom:10px}}@media (max-width: 520px){.blog-posts-section .ctn_modal{max-width:100%}.blog-posts-section .ctn_modal .ctn_content_modal{padding:10px 20px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/new-section-filter-blogs.css.map */