.filter-list{display:none}.filter-message{margin-bottom:1rem;color:var(--light-gray)}.blog-content{color:#d1d5db}.blog-image{border-radius:14px}.blog-video{width:100%}.article-title{margin-bottom:30px}.filter-select-box{position:relative;margin-bottom:25px}.filter-select{background:var(--eerie-black-2);color:var(--light-gray);display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;border:1px solid var(--jet);border-radius:14px;font-size:var(--fs-6);font-weight:var(--fw-300)}.filter-select.active .select-icon{transform:rotate(.5turn)}.select-list{background:var(--eerie-black-2);position:absolute;top:calc(100% + 6px);width:100%;padding:6px;border:1px solid var(--jet);border-radius:14px;z-index:2;opacity:0;visibility:hidden;pointer-events:none;transition:.15s ease-in-out}.filter-select.active+.select-list{opacity:1;visibility:visible;pointer-events:all}.select-item button{background:var(--eerie-black-2);color:var(--light-gray);font-size:var(--fs-6);font-weight:var(--fw-300);text-transform:capitalize;width:100%;padding:8px 10px;border-radius:8px}.select-item button:hover{--eerie-black-2:#323234}.project-list{display:grid;grid-template-columns:1fr;grid-gap:30px;gap:30px;margin-bottom:10px}.project-item{display:none}.project-item.active{display:block;animation:scaleUp .25s ease forwards}.blog-details-title{margin:10px 0;line-height:1.3;transition:var(--transition-1);color:var(--white-2);font-size:var(--fs-2)}.blog-meta :is(.blog-category,time){color:var(--light-gray-70);font-size:var(--fs-7);font-weight:var(--fw-300)}.blog-meta-item{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 0 14px}.blog-meta-item :is(.blog-category,time){color:var(--light-gray-70);font-size:var(--fs-7);font-weight:var(--fw-300);background:#374151;padding:0 10px;border-radius:50px}img{width:100%;object-fit:cover;transition:var(--transition-1)}@keyframes scaleUp{0%{transform:scale(.5)}to{transform:scale(1)}}.project-item>a{width:100%}.project-img{position:relative;width:100%;height:200px;border-radius:16px;overflow:hidden;margin-bottom:15px}.project-img:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:1;transition:var(--transition-1)}.project-item>a:hover .project-img:before{background:rgba(0,0,0,.5)}.project-item-icon-box{--scale:0.8;background:var(--jet);color:var(--orange-yellow-crayola);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--scale));font-size:20px;width:44.8px;height:44.8px;display:flex;align-items:center;justify-content:center;border-radius:12px;opacity:0;z-index:1;transition:var(--transition-1)}.project-item>a:hover .project-item-icon-box{--scale:1;opacity:1}.project-item-icon-box ion-icon{--ionicon-stroke-width:50px}.project-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition-1)}.project-item>a:hover img{transform:scale(1.1)}.project-category,.project-title{margin-left:10px}.project-title{color:var(--white-2);font-size:var(--fs-5);font-weight:var(--fw-400);line-height:1.3}.project-category{color:var(--light-gray-70);font-size:var(--fs-6);font-weight:var(--fw-300)}@media (min-width:450px){.blog-meta-item{padding-top:14px}.blog-meta-item :is(.blog-category,time){padding:0 14px}.blog-banner-box,.project-img{height:auto}.blog-image{height:28rem}}@media (min-width:580px){.blog-meta-item{padding-top:14px}.blog-meta-item :is(.blog-category,time){padding:0 14px}.blog-banner-box,.project-img{border-radius:16px}.blog-image{height:28rem}.blog-posts-list{gap:30px}.blog-content{padding:25px}}@media (min-width:768px){.blog-meta-item{padding-top:14px}.blog-meta-item :is(.blog-category,time){padding:0 14px}.article-title{padding-bottom:20px}.blog-image{height:28rem}.filter-select-box{display:none}.filter-list{display:flex;justify-content:flex-start;align-items:center;gap:25px;padding-left:5px;margin-bottom:30px}.filter-item button{color:var(--light-gray);font-size:var(--fs-5);transition:var(--transition-1)}.filter-item button:hover{color:var(--light-gray-70)}.filter-item button.active{color:var(--orange-yellow-crayola)}.blog-posts-list,.project-list{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.blog-image{height:28rem}.blog-meta-item :is(.blog-category,time){padding:0 14px}.blog-meta-item{padding-top:14px}.project-list{grid-template-columns:repeat(2,1fr)}}