.page__blog{padding-top:150px}.page__blog .tags .actions{display:flex;gap:10px}.page__blog .tags .actions .tag-dropdown{background-color:#fff;padding:10px 20px;border-radius:30px;border:none;display:flex;gap:10px;align-items:center}.page__blog .tags .actions .tag-dropdown img{transition:all .3s ease;filter:invert(1)}.page__blog .tags .actions .clear-tags{background-color:transparent;border:none;text-decoration:underline}.page__blog .tags .tags-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.page__blog .tags .tags-list span{font-family:var(--firaSans);font-size:14px;color:#424242;position:relative;width:-moz-fit-content;width:fit-content}.page__blog .tags .tags-list span:after{content:"";width:0;transition:all .3s ease;height:1px;left:0;position:absolute;background-color:#000;bottom:0}.page__blog .tags .tags-list .active-tag:after{width:100%}.page__blog .featured-blog{display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;gap:50px;margin-top:50px}.page__blog .featured-blog .left{display:flex;align-items:center}.page__blog .featured-blog .left img{width:100%;border-radius:10px}.page__blog .featured-blog .right{display:flex;flex-direction:column;gap:20px}.page__blog .featured-blog .right .date-and-tags{display:flex;justify-content:space-between;color:gray}@media screen and (max-width:1100px){.page__blog .featured-blog .right h1{font-size:40px}}@media screen and (max-width:768px){.page__blog .featured-blog{grid-template-columns:1fr}.page__blog .featured-blog .right h1{font-size:35px}}.page__blog .blogs-card-container{display:grid;width:100%;grid-template-columns:1fr 1fr 1fr;margin-top:100px}.page__blog .blogs-card-container .blog-card{display:flex;flex-direction:column;gap:10px;padding:15px;border:1px solid #fff;border-radius:10px;transition:all .3s ease}.page__blog .blogs-card-container .blog-card img{border-radius:10px;width:100%;aspect-ratio:16/9;object-fit:cover;height:auto}.page__blog .blogs-card-container .blog-card .created-at{font-size:12px;color:#444}.page__blog .blogs-card-container .blog-card .title{width:90%;font-family:var(--firaSans)}.page__blog .blogs-card-container .blog-card .tags .tag{text-wrap:nowrap;font-size:12px;color:#444;margin:auto 10px auto auto;font-family:var(--firaSans)}.page__blog .blogs-card-container .blog-card:hover{border:1px solid #adadad}@media screen and (max-width:950px){.page__blog .blogs-card-container{grid-template-columns:1fr 1fr}}@media screen and (max-width:768px){.page__blog .blogs-card-container{grid-template-columns:1fr;margin-top:70px}}