.allblogs-page{margin-top:100px}.intro-blog{width:90%;margin:auto;padding:10px;border-radius:4px;background-color:#1b2235d2}.intro-blog .blog-card{display:flex;gap:50px}.intro-blog .blog-card .blog-image{width:50%}.intro-blog .blog-card img{width:100%;border-radius:4px}.intro-blog .blog-info{width:50%}.intro-blog .blog-info .blog-header{display:flex;justify-content:space-between;align-items:center}.intro-blog .blog-info .blog-header p{color:#b0b0b0;font-size:14px;display:flex;gap:5px;align-items:center}.line{margin:20px 0;width:100%;height:1px;background-color:gray}.intro-blog .blog-info h1{color:#9445fb;text-decoration:underline #9445fb;font-size:25px;font-weight:600;text-transform:capitalize;cursor:pointer}.intro-blog .blog-info p{color:#9f9f9f}.lines{margin:5px 0;width:100%;height:1px;border-bottom:1px dashed #5c5b5b}.allblogs-page .blogs-filter{width:95%;margin:50px auto auto;background-color:transparent;border-radius:8px;border:1px solid #85858555;background-image:linear-gradient(90deg,#000,#85858555)}.allblogs-page .blogs-filter .blog-searching{display:flex;align-items:center;position:relative}.allblogs-page .blogs-filter .blog-searching input{outline:none;background-color:transparent;color:#fff;width:300px;height:40px;padding:5px 5px 5px 25px;border:1px solid #2b2d3f}.allblogs-page .blogs-filter .blog-searching svg{position:absolute;left:5px;color:hsla(0,0%,77%,.916)}.allblogs-page .blogs-filter .blog-searching button{height:40px;width:80px;color:#fff;background-color:#2b2d3f;text-transform:capitalize}.allblogs-page .blogs-filter .drop-down-filter{position:relative}.allblogs-page .blogs-filter .drop-down-filter .drop-down-btn{width:150px;height:40px;display:flex;justify-content:space-between;align-items:center;padding:5px;background-color:#1d1f32;color:hsla(0,0%,100%,.793);text-transform:capitalize}.allblogs-page .blogs-filter .drop-down-filter .drop-down-menu{position:absolute;top:40px;left:-50px;width:200px;height:fit-content;background-color:rgba(13,10,26,.846);box-shadow:45px 78px 170px #0f23d4;padding:5px}.allblogs-page .blogs-filter .drop-down-filter .drop-down-menu li{display:flex;align-items:baseline;gap:5px;color:#d1d1d1;font-size:14px;padding:5px;border-bottom:1px solid #55555555}.allblogs-page .blogs-filter .drop-down-filter .drop-down-menu li input{border:1px dashed #560fda;background-color:#560fda}.blogs-section{width:95%;margin:100px auto auto}.all-blogs-section{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:100px}.all-blogs-section .article-card-details{display:flex;flex-direction:column;gap:10px;width:30%;height:fit-content;background-color:transparent;border:1px solid #2b2b2b;border-radius:4px}.all-blogs-section .article-card-details .article-img{width:100%;border-radius:4px}.all-blogs-section .article-card-details .article-img img{border-bottom-right-radius:50%}.all-blogs-section .article-card-details .article-title-desc{padding:5px}.all-blogs-section .article-card-details .article-title-desc h2{color:#9445fb;font-size:16px;text-decoration:underline #9445fb;cursor:pointer}.all-blogs-section .article-card-details .article-title-desc p{color:#aaa;font-size:14px}.all-blogs-section .article-card-details .artilce-info{padding:5px}.all-blogs-section .article-card-details .artilce-info div p{color:gray;cursor:pointer;font-size:14px;display:flex;align-items:center}@media (max-width:898px){.intro-blog{width:98%}.intro-blog .blog-card{gap:20px}.intro-blog .blog-info h1{font-size:20px}.intro-blog .blog-info p{font-size:16px}.all-blogs-section .article-card-details{width:48%}}@media (max-width:768px){.intro-blog .blog-info h1{font-size:18px}.intro-blog .blog-info p{font-size:14px}}@media (max-width:680px){.intro-blog .blog-card{flex-direction:column}.intro-blog .blog-card .blog-image,.intro-blog .blog-info{width:100%}.allblogs-page .blogs-filter{border:1px solid red;padding:2px;width:95%;margin:auto}.allblogs-page .blogs-filter .blog-searching input{width:200px}}@media (max-width:600px){.allblogs-page{width:100%}.allblogs-page .blogs-filter{width:98%}.allblogs-page .blogs-filter .drop-down-filter .drop-down-menu{top:29px;left:-100px}.allblogs-page .blogs-filter .drop-down-filter .drop-down-menu li p{font-size:12px}.allblogs-page .blogs-filter .blog-searching input{font-size:12px;height:30px;width:150px}.allblogs-page .blogs-filter .blog-searching button{height:30px;width:60px;font-size:12px}.allblogs-page .blogs-filter .drop-down-filter .drop-down-btn{width:100px;height:30px;font-size:12px}.blogs-section{width:100%}}@media (max-width:520px){.all-blogs-section .article-card-details{width:80%}}