#q4i-blog-posts-wrapper{padding-bottom:100px;#q4i-blog-tags-wrapper{border-bottom:1px solid #d9d9d9;margin-bottom:50px;overflow:hidden;padding-right:60px;position:relative;@media (max-width:768px){display:flex;justify-content:space-between;overflow:visible;padding-right:0}&.loading{ul{opacity:.5;li{background-color:#f2f2f2;height:20px;margin-bottom:5px;width:150px}}}ul{align-items:center;display:flex;flex-wrap:nowrap;justify-content:flex-start;list-style:none;margin:0;overflow-x:auto;padding:0;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;&::-webkit-scrollbar{display:none}li{display:inline-block;flex:1 0 auto;margin:0 0 0 25px;padding:5px 0;position:relative;@media (max-width:768px){display:none;&:first-child{display:block}}a{color:#000;font-family:DM Sans,serif;font-size:16px;font-style:normal;font-weight:400;line-height:normal;text-decoration:none}&.active{text-shadow:0 0 .5px #000;&:after{background-color:#000;bottom:0;content:"";display:block;height:1px;left:0;position:absolute;width:100%}}&:first-child{margin-left:0}}}.button-holder{align-items:center;display:flex;justify-content:flex-start;position:absolute;right:0;top:50%;transform:translateY(-50%);width:50px;z-index:1;@media (max-width:768px){display:none}button{background-color:transparent;border:none;cursor:pointer;padding:0;svg path{fill:#f0f0f0}&.active{svg path{fill:#0099a8}}&:first-child{margin-right:10px}}}#q4i-blog-tags-dropdown{display:none;@media (max-width:768px){display:block}form{position:relative}&.active{.dropdown{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.dropdown-content{display:block}}.dropdown{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#000;display:flex;font-family:DM Sans;font-size:16px;font-style:normal;font-weight:700;justify-content:space-between;line-height:normal;padding:1px 10px 1px 20px;width:270px}.dropdown-content{background-color:#fff;border:1px solid #d9d9d9;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-color:#f0f0f0;display:none;left:0;padding:20px 10px;position:absolute;right:0;top:100%;z-index:1;fieldset{border:none;height:100px;margin:0 0 10px;overflow:scroll;padding:0;label{color:#000;display:block;font-family:DM Sans,serif;font-size:15px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:10px}}button{background:var(--button-color);border:var(--button-border);border-radius:var(--button-corner-radius);color:var(--button-text-color);line-height:1.2;padding:8px 15px;text-transform:uppercase}}}}#q4i-blog-posts{column-gap:100px;display:flex;flex-wrap:wrap;justify-content:flex-start;row-gap:50px;@media (max-width:992px){column-gap:50px;row-gap:25px}@media (max-width:520px){column-gap:0}.q4i-blog-post{flex:1 0 33.33%;list-style:none;margin:0;max-width:calc(33.33% - 66.66667px);padding:0;position:relative;width:100%;@media (max-width:992px){max-width:calc(33.33% - 33.33333px)}@media (max-width:768px){flex:1 0 50%;max-width:calc(50% - 33.33333px)}@media (max-width:520px){flex:1 0 100%;max-width:100%}.q4i-blog-post-image{border-radius:10px;display:block;height:180px;overflow:hidden;position:relative;width:100%;img{border-radius:10px;display:block;height:100%;object-fit:cover;width:100%}}.q4i-blog-post-content{padding:20px 0;position:relative;.q4i-blog-post-category{margin-bottom:15px}.q4i-blog-post-title{text-decoration:none;h3{color:#000;font-family:Helvetica Neue,serif;font-size:20px;font-style:normal;font-weight:700;line-height:normal;margin:0 0 10px;padding:0}}.q4i-blog-post-author span{color:#d9d9d9;font-family:DM Sans,serif;font-size:16px;font-style:normal;font-weight:700;line-height:normal}}}&.loading{.q4i-blog-post{.q4i-blog-post-image{&:before{background-color:#f2f2f2;content:"";display:block;height:180px;left:0;position:absolute;top:0;width:100%;z-index:1}}.q4i-blog-post-content{.q4i-blog-post-category{background-color:#f2f2f2;border-radius:4px;height:20px;margin-bottom:15px;width:50%;label{background-color:#f2f2f2!important;color:#f2f2f2!important;font-size:1px;line-height:1;margin:0;padding:0}}.q4i-blog-post-title{background-color:#f2f2f2;border-radius:4px;color:#f2f2f2;display:block;height:20px;margin-bottom:15px;overflow:hidden;width:100%;h3{color:#f2f2f2}}.q4i-blog-post-author{background-color:#f2f2f2;border-radius:4px;height:20px;margin-bottom:15px;width:100%;span{color:#f2f2f2}}}}}}#q4i-blog-pagination{align-items:center;display:flex;justify-content:space-between;@media (max-width:1200px){margin-bottom:0;padding-left:0;padding-right:0}a{cursor:not-allowed;pointer-events:none}a.has-items{cursor:pointer;pointer-events:auto;svg path{fill:#0099a8}}#pagination-dots{align-items:center;display:flex;justify-content:flex-start;@media (max-width:768px){display:none!important}.pagination-nav-item{background-color:#d9d9d9;border:none;border-radius:4px;box-shadow:none;height:8px;padding:0;transition:all .2s ease-in-out;width:8px;+.pagination-nav-item{margin-left:10px}&.active{background-color:#0099a8;width:30px}}}}}