.topic-filter{margin-bottom:50px;position:relative;width:210px}.topic-filter span{border:2px solid var(--bgbluedark);border-radius:5px;color:var(--bgbluedark);cursor:pointer;display:inline-block;font-weight:700;padding:10px 36px 10px 20px;position:relative;width:100%}.topic-filter span:after{background:url(https://39820056.fs1.hubspotusercontent-na1.net/hubfs/39820056/raw_assets/public/helient/images/arrow-right.svg) no-repeat 50%;content:"";height:14px;position:absolute;right:17px;top:17px;transform:rotate(90deg);width:14px}.topic-filter .wrap-tag{background:#fff;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.1);display:none;left:0;padding:20px;position:absolute;top:calc(100% + 10px);z-index:2}.topic-filter .wrap-tag a{display:inline-block;padding:2px 0;width:100%}.blog-listing .main{display:flex;flex-wrap:wrap;gap:30px 40px}.blog-listing .box{background:var(--secondary_color);border-radius:20px;display:flex;flex-flow:column;font-size:16px;line-height:150%;overflow:hidden;width:calc(33.33% - 26.7px)}.blog-listing .box .image{height:228px;position:relative}.blog-listing .box .image:before{background:linear-gradient(154deg,#2297d3 -60%,#9883e21a);content:"";height:100%;left:0;opacity:.3;pointer-events:none;position:absolute;top:0;transition:.4s;width:100%;z-index:1}.blog-listing .box .image img{-webkit-filter:grayscale(100%);filter:grayscale(100%);height:100%;object-fit:cover;width:100%}.blog-listing .box .text{display:flex;flex-flow:column;flex-grow:1;justify-content:space-between;padding:45px 40px}.blog-listing .box .text h4 a:hover{color:var(--badge)}.blog-listing .box .btn-link{margin:20px 0 0}.blog-listing .box:hover .image:before{opacity:.5}.blog-listing .loadmore-btn{margin-top:50px}.banner-blog-post{overflow:hidden;padding:150px 0 60px}.banner-blog-post .main{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.banner-blog-post .text{width:calc(100% - 600px)}.banner-blog-post .image{border-radius:20px;line-height:0;overflow:hidden;width:550px}.blog-post{padding:100px 0}.blog-post .inside{align-items:start;display:flex;flex-wrap:wrap;gap:30px;margin:0 auto;max-width:1000px;width:100%}.blog-post h2,.blog-post h3,.blog-post h4,.blog-post h5,.blog-post h6{margin-top:40px}.blog-post .social-icon{display:flex;flex-flow:column;gap:7px;margin-top:5px;position:sticky;top:110px;width:40px}.blog-post .social-icon a{align-items:center;border:2px solid;border-radius:8px;display:flex;height:34px;justify-content:center;width:34px;&:hover{filter:grayscale(1) saturate(100%) invert(52%) sepia(64%) saturate(641%) hue-rotate(156deg) brightness(88%) contrast(86%)}}.blog-post .content_post{width:calc(100% - 70px)}.banner-blog-post .details{align-items:center;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.banner-blog-post .details a:hover{color:var(--tertiary_color)}.banner-blog-post .read-time{align-items:center;display:flex;gap:7px}.banner-blog-post .read-time img{margin-top:-3px;width:19px}.banner-blog-post .author-date{display:flex;flex-wrap:wrap;gap:10px}.banner-blog-post .author-date a:hover{color:var(--tertiary_color)}.related-posts .title-part{margin-bottom:50px}@media(max-width:1229px){.blog-listing .main{gap:30px}.blog-listing .box{width:calc(33.33% - 20px)}.blog-listing .box .text{padding:35px 20px}.banner-blog-post .text{padding-right:30px;width:calc(100% - 400px)}.banner-blog-post .image{width:400px}}@media(max-width:991px){.banner-blog{min-height:360px}.blog-listing .box{width:calc(50% - 20px)}.blog-post{padding:50px 0}.banner-blog-post .text{padding:0;width:100%}.banner-blog-post .image{margin:50px auto 0;max-width:480px;width:100%}}@media(max-width:767px){.blog-listing .box{width:100%}.blog-listing .loadmore-btn{margin-top:35px}.blog-post .social-icon{flex-flow:nowrap;margin:0;position:relative;top:auto;width:100%}.blog-post .content_post{width:100%}}