.blog-page{background:#0c0f14;background:var(--Black,#0c0f14);display:flex;flex-direction:column;gap:200px}.blog-tags-mobile{display:none;gap:10px;justify-content:center;padding-top:20px}.blog-tags-mobile .mobile-tag{align-items:center;border:.5px solid #c0c0c2;border-radius:6px;color:#fff;display:flex;font-style:normal;font-weight:400;height:26px;justify-content:center;line-height:30px;padding:10px 15px}.selected{border:.5px solid #67fb94!important}.blog-container{grid-column-gap:40px;background:#0c0f14;column-gap:40px;display:grid;grid-template-columns:1.4fr 1fr;justify-content:space-between;margin:0 auto;max-width:1400px;width:80%}.blog-right{display:flex;flex-direction:column;gap:60px;margin-top:100px}.loading-state{justify-content:center;margin-top:50%}.loading-state,.posts-error{align-items:center;display:flex}.posts-error{color:#fff;flex-direction:column;font-weight:900;gap:10px;height:100vh;justify-content:start;margin-top:30px}.pagination{display:flex;gap:10px;justify-content:center;margin:50px auto;transform:translateY(-20px);width:50px}.pagination .page-number{align-items:center;border:.5px solid #c0c0c2;border-radius:6px;color:#fff;display:flex;font-style:normal;font-weight:600;justify-content:center;line-height:25px;padding:10px 15px}.page-number:hover{cursor:pointer}@media (max-width:1200px){.category-container{padding:20px!important}.search-container{gap:16px;height:160px!important}.category-container .blog-card-title,.popular-posts-container .blog-card-title,.search-container .search-title{font-size:20px}.search-box button svg{height:24px!important;width:24px!important}.tags-blog-highlighter{top:20px!important}.search-container .blog-highlighter{top:44px!important}.category-highlighter{top:28px!important}.popular-blogs-highlighter{top:40px!important}.blog-container{grid-template-columns:1.6fr 1fr}.popular-posts-container .content a{font-size:14px}.popular-posts-container p{margin:0;padding:0}.popular-posts-container .thumbnail{height:70px}.popular-posts-container{height:300px!important}}@media (max-width:1000px){.blog-container{display:flex!important;flex-direction:column}.category-container,.popular-posts-container,.search-container,.tags-container{display:none!important}.article-container .date-comment{flex-direction:row;gap:20px}.blog-container .blog-heading{font-size:24px!important;line-height:26px!important}}@media (max-width:820px){.blog-container{margin-top:-200px}}@media (max-width:768px){.blog-tags-mobile,.pagination{display:flex}.blog-container .blog-desc{color:#c0c0c2}}@media (max-width:550px){.posts-error{margin-top:10px}}.page{height:319px;position:relative}.page-header-bg{background:url(https://res.cloudinary.com/dhbe6wtod/image/upload/v1721232802/werkix/home/header-img-secondary_m6a05y.jpg) #d3d3d3 -4px -63.656px/100% 228.938%;background-position:top;background-size:cover;height:100%;width:100%}.page-header-overlay{align-items:center;background-color:#0c0f14;display:flex;height:100%;justify-content:center;opacity:.7;width:100%}.page .page-heading{opacity:.2;transform:translateY(-60px)}@media (max-width:820px){.page .page-heading{font-size:50px}}.blog{background:#161d27;color:#fff;margin-top:100px;max-width:830px}.article-container{display:flex;flex-direction:column;gap:20px}.article-img{height:470px}.article-img,.article-img img{border-radius:24px 24px 0 0;width:100%}.article-img img{height:100%;object-fit:cover}.article-details{display:flex;flex-direction:column;gap:20px;padding:20px}.blog-heading{color:#fff;color:var(--White,#fff);font-size:28px;font-weight:600;line-height:35px;margin:0;padding:0;text-transform:capitalize}.blog-desc{color:#c0c0c2;font-size:16px;font-weight:400;line-height:30px;margin:0;padding:0}.profile-img{flex-shrink:0;height:46px;width:46px}.profile-img img{border-radius:50%;height:100%;object-fit:contain;width:100%}.blog-redirect{display:flex;justify-content:space-between}.blogger-details{display:flex;gap:10px}.name-position{color:#fff;display:flex;flex-direction:column;transform:translateY(10px)}.name-position .name{font-size:18px;font-weight:600;line-height:25px;text-transform:capitalize}.name-position .position{color:#c0c0c2;font-size:16px;font-weight:400;line-height:30px}.redirect-btn{align-items:center;border:1px solid #66fa93;border:1px solid var(--Primary,#66fa93);border-radius:24px;color:#66fa93;display:flex;font-size:16px;font-weight:600;height:50px;justify-content:center;line-height:25px;text-decoration:none;width:150px}.redirect-btn:hover{opacity:.5}@media (max-width:768px){.article-container .article-img{height:400px}.blog{border-radius:24px}}@media (max-width:600px){.article-container .article-img{height:350px}.blog .blog-heading{font-size:18px!important;line-height:normal}.blog .blog-desc,.redirect-btn{line-height:normal}.redirect-btn{font-size:14px;height:40px}@media (max-width:600px){.article-container .article-img{height:350px}.blog .blog-heading{font-size:18px!important;line-height:normal}.blog .blog-desc,.redirect-btn{line-height:normal}.redirect-btn{font-size:14px;height:40px}.name-position .name,.name-position .position{font-size:16px;line-height:normal}}}@media (max-width:500px){.article-container .article-img{height:300px}.redirect-btn{height:35px;line-height:normal}.name-position .name,.redirect-btn{font-size:14px}}.category-container{align-items:start;background-color:#161d27;border-radius:8px;box-shadow:0 2px 10px #00000080;color:#fff;display:flex;flex-direction:column;gap:10px;height:323px;justify-content:center;max-width:400px;padding:40px 30px;position:relative}.category-highlighter{background:#66fa93;height:38px;left:0;position:absolute;top:42px;width:2px}.blog-categories{width:100%}.blog-categories ul{list-style:none;padding:0}.blog-categories ul li{display:flex;justify-content:space-between;padding:5px 0}.blog-categories ul li a{align-items:center;color:#c0c0c2;color:var(--Grey,#c0c0c2);display:flex;font-size:16px;font-weight:400;justify-content:center;line-height:30px;text-decoration:none}.blog-categories ul li a:hover,.blog-categories ul li.selected .count,.blog-categories ul li.selected a,.blog-categories ul li:hover .count{color:#66fa93}.blog-categories svg{stroke:#c0c0c2;stroke:var(--Grey,#c0c0c2);height:20px;width:20px}.blog-categories ul li.selected svg,.blog-categories ul li:hover svg{stroke:#66fa93}.popular-posts-container{align-items:start;background-color:#161d27;border-radius:8px;box-shadow:0 2px 10px #00000080;color:#fff;display:flex;flex-direction:column;gap:10px;height:420px;justify-content:center;max-width:400px;padding:80px 30px;position:relative}.popular-blogs-highlighter{background:#66fa93;height:38px;left:0;position:absolute;top:54px;width:2px}.blog-card-title{align-self:flex-start;color:#fff;font-size:24px;font-weight:600;line-height:26px;text-transform:capitalize}.post{display:flex;gap:10px}.thumbnail{background:#d9d9d9;flex:none;height:80px;object-fit:cover;width:120px}.content{display:flex;flex-direction:column;gap:0}.content a{color:#fff;font-size:18px;font-weight:500;line-height:25px;text-decoration:none;text-transform:capitalize}.content .date{align-items:center;color:#c0c0c2;display:flex;font-size:12px;font-weight:400;gap:6px;line-height:25px}.tags-container{align-items:center;background-color:#161d27;border-radius:8px;box-shadow:0 2px 10px #00000080;display:flex;flex-direction:column;gap:20px;height:186px;justify-content:center;max-width:400px;padding:20px;position:relative}.tags-blog-highlighter{background:#66fa93;height:38px;left:0;position:absolute;top:42px;width:2px}.tag-title{align-self:flex-start;color:#fff;font-size:24px;font-weight:600;line-height:26px;padding-left:30px;text-transform:capitalize}.tag-container{display:flex;flex-wrap:wrap-reverse;gap:10px}.tag{align-items:center;border:1px solid #ffffff16;color:#c0c0c260;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;font-weight:400;height:35px;justify-content:center;line-height:30px;width:108px}.tag.selected,.tag:hover{border:1px solid #66fa93}.tag.selected{color:#66fa93}
/*# sourceMappingURL=721.a0e8db69.chunk.css.map*/