.blog-container{display:grid;gap:50px;grid-template-columns:1fr 350px;margin:0 auto;max-width:1200px;padding:40px 20px;position:relative}.blog-content{max-width:100%}.blog-sidebar{align-self:start;height:fit-content;margin-top:48px;position:sticky;top:100px}.breadcrumb{margin-bottom:48px}.breadcrumb a{align-items:center;display:flex;font-family:Sansation;font-size:16px;gap:8px;text-decoration:none;width:fit-content}.breadcrumb a svg{height:16px;width:16px}.blog-header{margin-bottom:40px}a.category{background-color:#ffd500;border-radius:20px;display:inline-block;font-size:14px;margin:0 8px 16px 0;padding:5px 14px;transition:all .3s ease}a.category:hover{color:#fff}.meta{display:inline-block;font-size:14px}.meta .author,.meta .date{padding:0 8px 2px}.meta .author{border-left:2px solid #ffd500}.blog-text{line-height:1.6}.blog-text img{border-radius:8px;height:auto;margin:24px 0;width:100%}.newsletter-box{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);color:#fff;padding:36px}.newsletter-form{display:flex;flex-direction:column;gap:16px;margin-top:20px}.newsletter-form input[type=email]{background-color:transparent;border:none;border-bottom:1px solid #ddd;color:#fff;font-size:16px;padding:12px}.newsletter-form input[type=email]::placeholder{color:hsla(0,0%,100%,.7)}.checkbox-container{align-items:flex-start;display:flex;font-size:14px;gap:8px}.btn-yellow{background-color:#ffd500;border:none;border-radius:20px;cursor:pointer;display:inline-block;font-family:Sansation;font-weight:700;margin:12px 0;padding:12px 24px;width:fit-content}.related-posts-bg{background-color:#f5f5f5;margin-top:60px;padding:80px 0 60px}.posts-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:40px 0}.post-card{align-items:stretch;display:flex;flex-direction:column;height:100%;overflow:hidden}.post-card.hidden{height:0;margin:0;opacity:0;overflow:hidden;padding:0;pointer-events:none;transform:translateY(20px);visibility:hidden}.post-card.fade-in{height:auto;margin:initial;opacity:0;overflow:visible;padding:initial;pointer-events:auto;transform:translateY(20px);visibility:visible}.post-card.active{opacity:1;transform:translateY(0)}.post-image{background-position:50%;background-size:cover;flex-shrink:0;height:250px;padding:20px;position:relative}.post-image .categories{display:flex;flex-wrap:wrap;gap:8px}.post-image .category{background-color:#ffd500;border-radius:20px;font-size:14px;padding:5px 14px;transition:all .3s ease}.post-content{flex-grow:1;justify-content:space-between;padding:20px}.post-content,.post-content-inner{display:flex;flex-direction:column}.post-content-inner{align-items:flex-start;gap:12px}.post-content-inner>*{margin:0}.btn.btn-link-primary{margin-top:20px}.related-posts .date{padding-left:0}.post-content h3{font-size:20px;line-height:1.4;margin:12px 0 6px}.read-more{align-self:flex-start;font-family:Sansation;margin-top:20px;text-decoration:none}.related-posts .header-related-posts{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.related-posts .header-related-posts h3{margin:1rem 0}.btn-outline-more{border-radius:25px;display:inline-block;padding:10px 24px;text-decoration:none}.btn-outline-more:hover{color:#fff}.post_narration{padding-bottom:20px}@media (max-width:1200px){.header-related-posts,.posts-grid{padding:0 30px}}@media (max-width:992px){.blog-container{grid-template-columns:1fr}.blog-sidebar{margin-top:0;position:static}.header-related-posts,.posts-grid{padding:0 25px}.posts-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.posts-grid{grid-template-columns:1fr}}.blog-list{padding:60px 0}.blog-list-header{margin-bottom:40px}.blog-list-header h1{margin-bottom:24px}.blog-list .meta .date{padding-left:0}.blog-filters{align-items:center;display:flex;gap:24px;margin:20px 0 50px}.filter-group,.filter-group form{align-items:center;display:flex;gap:12px}.filter-group label{font-family:Sansation;font-weight:500}.filter-group select{appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid;border-radius:50px;color:#333;cursor:pointer;font-size:14px;min-width:200px;padding:12px 35px 12px 16px}.filter-group select:hover{background-color:rgba(0,0,0,.02)}.filter-group select:focus{box-shadow:0 0 0 1px;outline:none}.posts-grid{display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-bottom:40px}.post-card.hidden{display:none}.load-more{text-align:center}.btn-outline-more{background:transparent;border:1px solid;border-radius:30px;cursor:pointer;font-family:Sansation;padding:12px 24px;transition:all .3s ease}.btn-outline:hover{color:#fff}@media (max-width:1200px){.blog-list-header{margin-bottom:0;padding:50px 30px 30px}.blog-list{padding:0 0 60px}.posts-grid{margin-top:0}}@media (max-width:992px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-filters{flex-direction:column}.blog-list-header{text-align:center}.posts-grid{grid-template-columns:1fr}}.post-title{text-decoration:none;transition:color .3s ease}