@import"https://fonts.googleapis.com/css2?family=ADLaM+Display&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Dosis:wght@400;500;600&family=Inconsolata:wght@500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";.feature{font-family:Dosis,sans-serif}.feature .featureInfo{display:flex;justify-content:space-between;margin-bottom:10px}.feature .featureInfo p{font-weight:600}.feature .techPosts{display:flex;flex-direction:row}.mainFeature{position:relative;font-family:Dosis,sans-serif;transition:all .5s}.mainFeature .skInfo{margin-top:10px;border-radius:10px}.mainFeature:hover{transform:scale(1.05)}.mainFeature .bgImg{position:relative}.mainFeature .bgImg img{width:100%;height:400px;object-fit:cover;border-radius:10px;filter:brightness(.6)}@media screen and (max-width: 480px){.mainFeature .bgImg img{height:300px}}.mainFeature .bgImg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;background-image:linear-gradient(to bottom,transparent,rgb(61,66,98));-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;opacity:1;transition:opacity .25s ease}.mainFeature .info{position:absolute;bottom:30px;display:flex;flex-direction:column;margin:0 40px;color:#fff;gap:10px;z-index:3}@media screen and (max-width: 1024px){.mainFeature .info{margin:10px;gap:5px}}@media screen and (max-width: 768px){.mainFeature .info{margin:10px;gap:5px}}@media screen and (max-width: 480px){.mainFeature .info{margin:5px;gap:5px}}.mainFeature .info .feature{background-color:red;width:fit-content;padding:5px;border-radius:4px;font-weight:600}@media screen and (max-width: 480px){.mainFeature .info .feature{padding:2px}}.mainFeature .info .date{font-size:20px}@media screen and (max-width: 768px){.mainFeature .info .date{font-size:18px}}@media screen and (max-width: 480px){.mainFeature .info .date{font-size:15px}}.mainFeature .info .date .line{color:red;margin:0 5px}.mainFeature .info h1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer}@media screen and (max-width: 480px){.mainFeature .info h1{font-size:20px}}.mainFeature .info h1:hover{color:#0ff}.mainFeature .info p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:20px;font-weight:500}@media screen and (max-width: 480px){.mainFeature .info p{font-size:16px}}.mainFeature.feature{display:flex}.mainFeature.feature .bgImg{width:100%;margin:0 10px}@media screen and (max-width: 1200px){.mainFeature.feature .bgImg{width:100%;margin:0 5px}}@media screen and (max-width: 1024px){.mainFeature.feature .bgImg{width:100%;margin:0 5px}}@media screen and (max-width: 768px){.mainFeature.feature .bgImg{width:100%;margin:0 5px}}@media screen and (max-width: 480px){.mainFeature.feature .bgImg{width:100%}}.mainFeature.feature .bgImg img{object-fit:cover;border-radius:5px;filter:brightness(.6)}.mainFeature.feature .info{position:absolute;bottom:60px;display:flex;flex-direction:column;margin:0 40px;color:#fff;gap:10px;z-index:3}.mainFeature.feature .info .feature{background-color:red;width:fit-content;padding:5px;border-radius:4px;font-weight:600}.mainFeature.feature .info .date{font-size:20px}.mainFeature.feature .info .date .catName{display:none}.mainFeature.feature .info .date .line{color:red;margin:0 5px;display:none}.mainFeature.feature .info h1{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer;font-size:20px}.mainFeature.feature .info h1:hover{color:#0ff}.mainFeature.feature .info p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:20px;font-weight:500;display:none}.FeatureSlide{display:flex;justify-content:center}.FeatureSlide .container{width:100%;position:relative}.FeatureSlide .carousel-initialized{position:static}.carousel-item{position:absolute;top:0;left:0}.Carousel{width:100%}.carousel-initialized{overflow:hidden;position:relative}.carousel-arrow.carousel-hidden{display:none}.carousel-track{width:100%;display:flex;position:relative}.carousel-prev.block,.carousel-next.block{opacity:1}.carousel-prev,.carousel-next{opacity:0;font-size:0;line-height:0;width:40px;height:100%;border-radius:100%;position:absolute;top:0;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;color:transparent;border:none;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1) 0ms;z-index:4;background:none}.carousel-prev:hover,.carousel-prev:focus,.carousel-next:hover,.carousel-next:focus{opacity:1;color:transparent;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1) 0ms}.carousel-prev:hover:before,.carousel-prev:focus:before,.carousel-next:hover:before,.carousel-next:focus:before{opacity:1}.carousel-prev.carousel-disabled:before,.carousel-next.carousel-disabled:before{opacity:.25}.carousel-prev:before,.carousel-next:before{content:"";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block;width:20px;height:20px;background-position:center;background-repeat:no-repeat;background-size:contain}.carousel-prev:before{background-image:url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Earrow-left2%3C/title%3E%3Cpath fill='%23900' d='M12.586 27.414l-10-10c-0.781-0.781-0.781-2.047 0-2.828l10-10c0.781-0.781 2.047-0.781 2.828 0s0.781 2.047 0 2.828l-6.586 6.586h19.172c1.105 0 2 0.895 2 2s-0.895 2-2 2h-19.172l6.586 6.586c0.39 0.39 0.586 0.902 0.586 1.414s-0.195 1.024-0.586 1.414c-0.781 0.781-2.047 0.781-2.828 0z'%3E%3C/path%3E%3C/svg%3E%0A")}.carousel-next:before{background-image:url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Earrow-right2%3C/title%3E%3Cpath fill='%23900' d='M19.414 27.414l10-10c0.781-0.781 0.781-2.047 0-2.828l-10-10c-0.781-0.781-2.047-0.781-2.828 0s-0.781 2.047 0 2.828l6.586 6.586h-19.172c-1.105 0-2 0.895-2 2s0.895 2 2 2h19.172l-6.586 6.586c-0.39 0.39-0.586 0.902-0.586 1.414s0.195 1.024 0.586 1.414c0.781 0.781 2.047 0.781 2.828 0z'%3E%3C/path%3E%3C/svg%3E%0A")}.carousel-next.custom:before,.carousel-prev.custom:before{content:unset;background-image:unset}.carousel-prev{left:0}[dir=rtl] .carousel-prev{right:-25px;left:auto}[dir=rtl] .carousel-prev:before{content:""}.carousel-next{right:0}[dir=rtl] .carousel-next{right:auto;left:-25px}[dir=rtl] .carousel-next:before{content:""}.carousel-dots{display:block;width:100%;padding:0;margin-top:1em;list-style:none;text-align:center}.carousel-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.carousel-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.carousel-dots li button:hover,.carousel-dots li button:focus{outline:none}.carousel-dots li button:hover:before,.carousel-dots li button:focus:before{opacity:1}.carousel-dots li button:before{font-family:slick;font-size:40px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.carousel-dots li.carousel-dots-active button:before{opacity:.75;color:#000}.Carousel .carousel-initialized.scrolling .CustomArrow{display:none}.homeBanner{display:flex;gap:8px}@media screen and (max-width: 1024px){.homeBanner{gap:4px}}@media screen and (max-width: 768px){.homeBanner{display:block}}@media screen and (max-width: 480px){.homeBanner{display:block}}.homeBanner .leftFeature{flex:7;animation:slideInLeft 1.5s ease-out}@media screen and (max-width: 768px){.homeBanner .leftFeature{margin-bottom:5px;margin-right:0;flex:0}}@media screen and (max-width: 480px){.homeBanner .leftFeature{flex:0;margin-right:0;margin-bottom:5px}}.homeBanner .rightFeature{flex:3;display:flex;flex-direction:column;gap:10px}@media screen and (max-width: 1024px){.homeBanner .rightFeature{gap:4px}}@media screen and (max-width: 768px){.homeBanner .rightFeature{flex-direction:row;gap:5px}}@media screen and (max-width: 480px){.homeBanner .rightFeature{flex-direction:row;gap:5px}}.homeBanner .rightFeature .rightTopFeature,.homeBanner .rightFeature .rightBottomFeature{flex:1;margin:0 5px}@media screen and (max-width: 768px){.homeBanner .rightFeature .rightTopFeature,.homeBanner .rightFeature .rightBottomFeature{margin:0}}@media screen and (max-width: 480px){.homeBanner .rightFeature .rightTopFeature,.homeBanner .rightFeature .rightBottomFeature{margin:0}}.homeBanner .rightFeature .rightTopFeature{animation:slideInTop 1.5s ease-out}.homeBanner .rightFeature .rightBottomFeature{animation:slideInBottom 1.5s ease-out}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.SmFeature{position:relative;font-family:Dosis,sans-serif;transition:all .5s}.SmFeature .skInfo{margin-top:5px;border-radius:10px}@media screen and (max-width: 480px){.SmFeature{width:100%}}.SmFeature:hover{transform:scale(1.05)}.SmFeature .bgImg{position:relative}.SmFeature .bgImg img{width:100%;height:190px;object-fit:cover;border-radius:10px;filter:brightness(.4)}.SmFeature .bgImg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;background-image:linear-gradient(to bottom,transparent,rgb(61,66,98));-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:2;opacity:1;transition:opacity .25s ease}.SmFeature .info{position:absolute;bottom:10%;display:flex;flex-direction:column;margin:0 20px;color:#fff;gap:10px;z-index:3}@media screen and (max-width: 1024px){.SmFeature .info{margin:0 5px}}@media screen and (max-width: 768px){.SmFeature .info{margin:0 5px}}@media screen and (max-width: 480px){.SmFeature .info{margin:0 5px}}.SmFeature .info span:first-child{background-color:red;width:fit-content;padding:5px;border-radius:4px;font-weight:600}@media screen and (max-width: 480px){.SmFeature .info span:first-child{padding:2px}}.SmFeature .info span:last-child{color:teal;font-size:18px;cursor:pointer}.SmFeature .info p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:24px;font-weight:600;cursor:pointer}@media screen and (max-width: 1024px){.SmFeature .info p{font-size:20px}}@media screen and (max-width: 768px){.SmFeature .info p{font-size:20px}}@media screen and (max-width: 480px){.SmFeature .info p{font-size:16px}}.SmFeature .info p:hover{color:teal}.MainSlide{display:flex;justify-content:center}.MainSlide .container{width:100%;position:relative}.MainSlide .carousel-initialized{position:static}.slide{display:flex;justify-content:center}.slide.hideArrow .carousel-next{display:none}.slide .container{width:100%;position:relative}.slide .carousel-initialized{position:static}.slide .carousel-prev{display:none}.slide .carousel-next{width:50px;height:50px;border-radius:50%;position:absolute;top:0;bottom:0;right:-30x;margin:auto;display:flex;align-items:center;justify-content:center;color:#ff0101;z-index:1}.blogcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.blogcards.latest{display:flex;flex-direction:column;gap:8px}.blogcards.trending{grid-template-columns:repeat(3,1fr);gap:20px}@media screen and (max-width: 1024px){.blogcards.trending{grid-template-columns:repeat(3,1fr);gap:10px}}@media screen and (max-width: 768px){.blogcards.trending{grid-template-columns:repeat(2,1fr);gap:5px}}@media screen and (max-width: 480px){.blogcards.trending{grid-template-columns:repeat(2,1fr);gap:5px}}.blogcards.popular{grid-template-columns:repeat(5,1fr);gap:20px}@media screen and (max-width: 1200px){.blogcards.popular{grid-template-columns:repeat(4,1fr);gap:10px}}@media screen and (max-width: 1024px){.blogcards.popular{grid-template-columns:repeat(3,1fr);gap:10px}}@media screen and (max-width: 768px){.blogcards.popular{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 480px){.blogcards.popular{grid-template-columns:repeat(2,1fr);gap:0;gap:5px}}.blogcard{font-family:Dosis,sans-serif;transition:all .4s ease-in-out;width:260px;box-shadow:#00000029 0 1px 4px;background-color:#eeeeec;transition:all .2s ease-in;color:#333}.blogcard:hover{transform:scale(1.02);box-shadow:10px 10px 10px #bebebe,-1px -1px 15px #fff;transition:.2s ease-in-out}@media screen and (max-width: 480px){.blogcard{width:200px}}.blogcard .cardImg{flex:4}.blogcard .cardImg img{width:100%;object-fit:cover;height:100px;display:flex;border-radius:3px}@media screen and (max-width: 480px){.blogcard .cardImg img{height:100px}}.blogcard span{font-family:Dosis,sans-serif;font-weight:500;font-size:16px}.blogcard .smInfo{display:flex;align-items:center}.blogcard .smInfo .line{color:red;font-size:20px;margin:0 5px}.blogcard .blogInfo{flex:6;display:flex;flex-direction:column;gap:5px}.blogcard .blogInfo h3{margin-top:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media screen and (max-width: 480px){.blogcard .blogInfo h3{font-size:16px}}.blogcard .blogInfo h3:hover{color:#0ff}.blogcard .blogInfo p{font-family:Dosis,sans-serif;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}@media screen and (max-width: 480px){.blogcard .blogInfo p{font-size:15px}}.blogcard.trending{width:250px;height:206px;border-radius:5px}.blogcard.trending .blogInfo{padding:0 8px}@media screen and (max-width: 1200px){.blogcard.trending{width:190px}}@media screen and (max-width: 1024px){.blogcard.trending{width:100%}}@media screen and (max-width: 768px){.blogcard.trending{width:100%;height:190px}}@media screen and (max-width: 480px){.blogcard.trending{width:100%;height:190px}}.blogcard.latest{width:100%;display:flex;flex-direction:row-reverse;justify-content:space-between;border-radius:5px}@media screen and (max-width: 768px){.blogcard.latest{flex:none}}.blogcard.latest .cardImg{flex:2}@media screen and (max-width: 768px){.blogcard.latest .cardImg{flex:none}}.blogcard.latest .cardImg img{width:100px;height:90px}.blogcard.latest .blogInfo{padding:0 5px}.blogcard.latest .blogInfo h3{font-size:16px}.blogcard.popular{width:100%;height:200px;border-radius:5px}.blogcard.popular .blogInfo{padding:0 8px}@media screen and (max-width: 768px){.blogcard.popular{width:100%;height:190px}}@media screen and (max-width: 480px){.blogcard.popular{width:100%;height:190px}}.blogcard.queryposts{height:200px;width:100%;border-radius:5px}.blogcard.queryposts .blogInfo{padding:5px}.blogcard.contentposts{height:200px;width:100%;border-radius:5px}.blogcard.contentposts .blogInfo{padding:5px}.blogcard.userposts{height:200px;width:100%;border-radius:5px}.blogcard.userposts .blogInfo{padding:5px}.latest{font-family:Dosis,sans-serif;display:flex;color:#333}@media screen and (max-width: 480px){.latest{display:block}}.latest .leftLatest{flex:4;margin-right:10px}@media screen and (max-width: 768px){.latest .leftLatest{margin:0}}@media screen and (max-width: 480px){.latest .leftLatest{margin:0}}.latest .leftLatest .leftLatestTop{display:flex;justify-content:space-between;margin-bottom:10px}.latest .leftLatest .leftLatestTop p{font-weight:600}.latest .rightLatest{flex:8;border-radius:30px 0 0;padding:20px;gap:10px;box-shadow:#00000029 0 1px 4px;background-color:#eeeeec;transition:all .2s ease-in}.latest .rightLatest.skRightLatest{box-shadow:none;background-color:transparent;pointer-events:none}.latest .rightLatest:hover{transform:scale(1.01);box-shadow:10px 10px 10px #bebebe,-1px -1px 15px #fff;transition:.2s ease-in-out}@media screen and (max-width: 1200px){.latest .rightLatest{flex:6}}@media screen and (max-width: 768px){.latest .rightLatest{display:none}}@media screen and (max-width: 480px){.latest .rightLatest{display:none}}.latest .rightLatest h1{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:25px}.latest .rightLatest p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.latest .rightLatest .rightInfo{display:flex;align-items:center;color:#333;font-weight:700}.latest .rightLatest .rightInfo .line{font-size:30px;color:red;margin:0 5px}.latest .rightLatest .rightArticle .latestImg .latestDesc{margin:9px 0;font-weight:700;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.latest .rightLatest .rightArticle .latestImg img{width:100%;object-fit:cover;border-radius:10px;height:288px}.popular{font-family:Dosis,sans-serif}.popular .popularTop{display:flex;justify-content:space-between;margin-bottom:10px}.popular .popularTop p{font-weight:600}.trendingPosts{display:flex;font-family:Dosis,sans-serif;color:#333}@media screen and (max-width: 1024px){.trendingPosts{flex-direction:column;height:100%}}@media screen and (max-width: 768px){.trendingPosts{display:block;height:100%}}@media screen and (max-width: 480px){.trendingPosts{display:block;height:100%}}.trendingPosts .left{border-radius:0 30px 0 0;margin-right:20px;padding:20px;box-shadow:#00000029 0 1px 4px;background-color:#eeeeec;transition:all .2s ease-in;flex:1}.trendingPosts .left:hover{transform:scale(1.01);box-shadow:10px 10px 10px #bebebe,-1px -1px 15px #fff;transition:.2s ease-in-out}@media screen and (max-width: 1024px){.trendingPosts .left{margin-right:0}}@media screen and (max-width: 768px){.trendingPosts .left{margin-right:0}}@media screen and (max-width: 480px){.trendingPosts .left{margin-right:0;margin-top:20px}}.trendingPosts .left .top{display:flex;justify-content:space-between}.trendingPosts .left .top p{font-weight:600}.trendingPosts .left .date{display:flex;align-items:center;color:#333;font-weight:700}.trendingPosts .left .date .line{color:red;font-size:30px;margin:0 5px}.trendingPosts .left .postInfo{overflow:hidden;box-sizing:border-box}.trendingPosts .left .postInfo .latestImg{display:flex;flex-direction:column;justify-content:space-between}.trendingPosts .left .postInfo h1{font-size:25px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trendingPosts .left .postInfo img{width:100%;margin-top:10px;border-radius:20px;object-fit:cover;height:auto;height:250px}@media screen and (max-width: 1200px){.trendingPosts .left .postInfo img{height:240px}}@media screen and (max-width: 480px){.trendingPosts .left .postInfo img{height:200px}}.trendingPosts .left .postInfo .trendingDesc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#fff;margin-top:5px}@media screen and (max-width: 480px){.trendingPosts .left .postInfo .trendingDesc{display:none}}@media screen and (max-width: 1024px){.trendingPosts .right{margin-top:10px}}@media screen and (max-width: 768px){.trendingPosts .right{margin-top:10px}}@media screen and (max-width: 480px){.trendingPosts .right{margin-top:10px}}.homepage{margin:20px 40px;display:flex;flex-direction:column;gap:30px}@media screen and (max-width: 1200px){.homepage{margin:20px 15px}}@media screen and (max-width: 1024px){.homepage{margin:20px 10px}}@media screen and (max-width: 768px){.homepage{margin:20px 10px}}@media screen and (max-width: 480px){.homepage{margin:20px 5px;gap:20px}}.homepage .trending{animation:slideInBottom 1.5s ease-out}@media screen and (max-width: 480px){.homepage .trending{margin-top:0}}.homepage .latestHome,.homepage .popular{animation:slideInBottom 1.5s ease-out}@keyframes slideInBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=search]::-ms-clear{display:none;width:0;height:0}.nav{width:100%;display:flex;justify-content:space-between;padding:10px 20px 0;top:0;position:sticky;z-index:99;align-items:center;background-color:transparent}.nav.scrolled{background-color:#cbe2e2;padding:10px 20px}@media screen and (max-width: 480px){.nav{display:block}}@media (min-width: 481px){.nav .hamburger{display:none}}.nav .left{display:flex;justify-content:center;align-items:center}@media screen and (max-width: 480px){.nav .left{display:block}}.nav .left .logo{cursor:pointer}.nav .left .logo h1{font-family:ADLaM Display,"cursive";color:#8a2be2;text-align:center;margin-right:20px}@media screen and (max-width: 480px){.nav .left .logo h1{text-align:left}}@media screen and (max-width: 768px){.nav .left .logo h1{text-align:left}}.nav .left .logo h1 span{color:red}.nav .left .links{display:flex;align-items:center;justify-content:center}.nav .left .links span{margin-right:20px;font-family:Dosis,sans-serif;font-size:20px;font-weight:700;cursor:pointer}.nav .left .links span:hover{color:teal}@media screen and (max-width: 480px){.nav .left .links{display:none}}.nav .right{display:flex;flex:3;justify-content:flex-end;align-items:center}@media screen and (max-width: 480px){.nav .right{display:none;flex:0}}.nav .right .userInfo{display:flex;align-items:center}.nav .right .userInfo button{color:#090909;font-size:20px;padding:5px 10px;box-shadow:#32325d40 0 2px 5px -1px,#0000004d 0 1px 3px -1px;cursor:pointer;border-radius:4px;font-weight:600;background-color:#0ff;color:#fff;border:none;font-family:Dosis,sans-serif;text-transform:uppercase}.nav .right .userInfo button:hover{background-color:teal}.nav .right .userInfo .user{display:flex;align-items:center;margin-right:20px;cursor:pointer;justify-content:center}.nav .right .userInfo .user .userIcon{border-radius:50%;background:#00ffff;padding:2px;font-size:30px;color:#fff;display:flex;align-items:center}.nav .right .userInfo .user .userIcon:hover{background-color:teal}.catLinks{font-family:Dosis,sans-serif;display:flex;align-items:center;justify-content:center}.catLinks span{margin-right:10px;font-weight:700}.catLinks span:hover{color:teal}@media screen and (max-width: 480px){.catLinks span{display:none}}.bm-burger-button{position:fixed;width:30px;height:25px;right:20px;top:20px}.bm-burger-bars{background:#000}.bm-burger-bars-hover{background:#a90000}.bm-cross-button{height:50px;width:50px}.bm-cross{background-color:#000}.bm-menu-wrap{position:fixed;top:0;height:100%}.bm-menu{background-color:#cbe2e2;padding:2.5em 1.5em 0;font-size:1.15em;box-shadow:#00000059 0 5px 15px}.bm-morph-shape{fill:#373a47}.bm-item-list{color:#b8b7ad;padding:.8em}body .bm-overlay{background:none!important}.bm-item{display:inline-block;margin-bottom:5px;text-align:left;text-decoration:none;transition:color .2s;font-family:Dosis,sans-serif;color:#000;font-size:25px;font-weight:600}.cat{position:relative}.cat .dA{font-size:30px;position:absolute;top:4px}.cat .burgerCategories{display:flex;flex-direction:column}.cat .burgerCategories span{font-size:20px;margin-left:30px}.topListItem{margin:20px 0}.user .userIcon{border-radius:50%;background:#00FFFF;padding:2px;font-size:30px;color:#fff;margin-right:5px}.write{margin:20px}@media screen and (max-width: 768px){.write{margin:10px}}.write .dropSection{background-color:#cdc1ff;background-image:linear-gradient(316deg,#cdc1ff 0%,#e5d9f2 74%);cursor:pointer;display:flex;justify-content:center;height:300px;border-radius:15px}.write .dropSection .uploadImg{width:100%;height:300px;object-fit:cover;border-radius:15px}.write .dropSection .droparea{font-family:Dosis,sans-serif;display:flex;flex-direction:column;align-items:center}.write .dropSection .droparea p{font-size:20px;font-weight:600}@media screen and (max-width: 480px){.write .dropSection .droparea p{font-size:16px}}.write .dropSection .droparea span{display:inline-block;margin-top:10px;font-size:18px}.write .tags{font-family:Dosis,sans-serif;display:flex;margin:10px 0;align-items:center}.write .tags span{font-weight:600;font-size:20px;padding-bottom:10px}.write .tags .tagsCat{margin-left:20px;display:flex;padding-bottom:10px;overflow-x:auto;overflow-y:hidden}@media screen and (max-width: 480px){.write .tags .tagsCat{overflow-x:auto;overflow-y:hidden;white-space:nowrap}}.write .tags .tagsCat .tag{display:flex;align-items:center;margin-right:10px;background-color:#7fffd4;padding:7px;border-radius:25px;font-weight:600;cursor:pointer}.write .tags .tagsCat .tag.selected{background-color:#0ff}.write .tags .tagsCat .tag .rightIcon{margin-left:10px}.write form{margin-top:10px}.write form .writeFormGroup{display:flex;align-items:center}.write form .writeFormGroup label{font-size:40px}.write form .writeFormGroup label .plusIcon{color:#0ff}.write form .writeFormGroup input{width:100%;border:none;border-bottom:2px solid #00ffff;margin-right:20px;font-family:Dosis,sans-serif;height:30px;font-size:20px;background-color:transparent;letter-spacing:2px;font-weight:700}.write form .writeFormGroup input::placeholder{font-size:20px;letter-spacing:2px}.write form .writeFormGroup input:focus{outline:none}.write form .writeFormGroup button{font-family:Inconsolata,monospace;padding:5px 10px;cursor:pointer;border:none;border-radius:3px;background:#008080;font-size:20px;font-weight:600;color:#fff}.write form .textarea{margin:20px 0;height:500px}.write form .textarea .editor{font-family:Dosis,sans-serif;font-weight:400;letter-spacing:1px}.contact{display:flex;justify-content:center;align-items:center;margin:40px 0}.contact .contactContainer{box-shadow:#0000003d 0 3px 8px;width:70%;padding:30px;border-radius:5px}@media screen and (max-width: 1024px){.contact .contactContainer{width:500px;margin:0 10px}}@media screen and (max-width: 480px){.contact .contactContainer{display:block;width:310px;padding:10px}}.contact .contactContainer h1{text-align:center;font-size:40px;margin-bottom:15px;font-family:Dosis,sans-serif}.contact .contactContainer .contactPart{display:flex}@media screen and (max-width: 1024px){.contact .contactContainer .contactPart{display:block;padding:10px;margin:0 auto}}@media screen and (max-width: 768px){.contact .contactContainer .contactPart{display:block;width:90%;padding:10px;margin:0 auto}}@media screen and (max-width: 480px){.contact .contactContainer .contactPart{display:block;width:100%;padding:10px;margin:0 auto}}.contact .contactContainer .contactPart .contactLeft{display:flex;flex-direction:column;flex:5;gap:20px}.contact .contactContainer .contactPart .contactLeft input{padding:10px;border:none;outline:none;font-size:18px;background:transparent;border-bottom:3px solid #008080}.contact .contactContainer .contactPart .contactLeft input::placeholder{font-size:18px;font-weight:600;color:#000}.contact .contactContainer .contactPart .contactLeft textarea{padding:5px 0 0 5px;font-size:18px;resize:none;outline:none;background-color:transparent;border:3px solid #008080;border-radius:5px}.contact .contactContainer .contactPart .contactLeft textarea::placeholder{font-size:18px;color:#000;font-weight:600}.contact .contactContainer .contactPart .contactLeft button{background-color:teal;color:#fff;border:none;padding:6px 0;font-size:25px;border-radius:5px;font-family:Inconsolata,monospace;font-weight:600;cursor:pointer}.contact .contactContainer .contactPart .contactRight{flex:5;margin-left:30px}@media screen and (max-width: 1024px){.contact .contactContainer .contactPart .contactRight{margin-top:20px}}@media screen and (max-width: 480px){.contact .contactContainer .contactPart .contactRight{margin-top:20px}}.contact .contactContainer .contactPart .contactRight .contactIcons{font-size:30px}.contact .contactContainer .contactPart .contactRight .contactIcons .icons{display:flex;align-items:center}.contact .contactContainer .contactPart .contactRight .contactIcons .icons .contactIcon{color:orange;font-size:30px}.contact .contactContainer .contactPart .contactRight .contactIcons .icons:last-child{margin-top:20px}.contact .contactContainer .contactPart .contactRight .contactIcons .icons span{font-family:Dosis,sans-serif;font-size:25px;font-weight:600;margin-left:30px}@media screen and (max-width: 480px){.contact .contactContainer .contactPart .contactRight .contactIcons .icons span{font-size:20px}}.contact .contactContainer .contactPart .contactRight .lineborder{margin:20px 0}.contact .contactContainer .contactPart .contactRight .socialIcons{display:flex;justify-content:space-around}.contact .contactContainer .contactPart .contactRight .socialIcons .socialIcon{display:flex;flex-direction:column;align-items:center;cursor:pointer}.contact .contactContainer .contactPart .contactRight .socialIcons .socialIcon .sIcon{font-size:30px}.contact .contactContainer .contactPart .contactRight .socialIcons .socialIcon .Linkedin{color:#0a66c2}.contact .contactContainer .contactPart .contactRight .socialIcons .socialIcon .Resume{color:orange}.contact .contactContainer .contactPart .contactRight .socialIcons .socialIcon span{font-size:25px;font-family:Dosis,sans-serif;font-weight:600}.contact .contactContainer .contactPart .contactRight .socialIcons .socialIcon .linkdin{color:#0a66c2}.about{min-height:80vh}@media screen and (max-width: 480px){.about{overflow:auto}}.about .aboutContainer{margin:30px auto;display:flex;width:90%}@media screen and (max-width: 768px){.about .aboutContainer{display:block;margin:0 auto;width:100%}}@media screen and (max-width: 480px){.about .aboutContainer{display:block;margin:0 auto;width:100%}}.about .aboutContainer .aboutLeft{text-align:center}.about .aboutContainer .aboutLeft img{width:300px;height:300px;object-fit:cover;z-index:1;border-radius:6px}.about .aboutContainer .aboutRight{padding:0 30px;display:flex;flex-direction:column;justify-content:space-around}@media screen and (max-width: 480px){.about .aboutContainer .aboutRight{padding:20px}}.about .aboutContainer .aboutRight .heading h1{font-size:40px;font-family:Dosis,sans-serif}.about .aboutContainer .aboutRight .aboutInfo p{font-family:Dosis,sans-serif;font-size:22px;font-weight:600}.about .aboutContainer .aboutRight .aboutInfo .socialIcon{margin-top:20px;display:flex;flex-direction:column}.about .aboutContainer .aboutRight .aboutInfo .socialIcon .icons{display:flex;align-items:center;margin-top:10px;cursor:pointer}.about .aboutContainer .aboutRight .aboutInfo .socialIcon .icons:last-child{color:#0a66c2}.about .aboutContainer .aboutRight .aboutInfo .socialIcon .icons .sIcon{font-size:30px}.about .aboutContainer .aboutRight .aboutInfo .socialIcon .icons span{margin-left:5px;font-family:Dosis,sans-serif;font-weight:600;font-size:20px}.login{height:100vh;position:relative}.login:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/bgImg-e-tawv9T.jpg);background-size:cover;filter:brightness(.4)}.login .logo{position:absolute;left:50%;top:40px;transform:translate(-50%,-50%);text-align:center;z-index:1}.login .logo h1{font-family:ADLaM Display,"cursive";color:#fff;font-size:50px;text-align:center}.login .logo h1 span{color:red}.login .input{min-width:400px;background:rgb(211,211,211);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;padding:30px 60px;gap:20px;border-radius:6px;box-shadow:#08d7df81 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}@media screen and (max-width: 480px){.login .input{padding:20px;min-width:300px}}.login .input h1{font-family:Gabarito,sans-serif;text-align:center;font-size:40px;margin-bottom:30px}.login .input .inputValid{display:flex;flex-direction:column}.login .input .inputValid .inputType{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:10px 30px}.login .input .inputValid .inputType .inputIcon{font-size:30px;margin-right:10px}.login .input .inputValid .inputType input{background:transparent;border:none;width:100%;font-size:15px;font-family:Gabarito,sans-serif;font-weight:700}.login .input .inputValid .inputType input::placeholder{color:#000;font-size:15px;font-weight:550;font-family:Gabarito,sans-serif}.login .input .inputValid .inputType input:focus{outline:none}.login .input .inputValid .formError{font-family:Gabarito,sans-serif;color:red}.login .input .forgot{text-align:center;font-weight:700;cursor:pointer;font-family:Gabarito,sans-serif}.login .input span{font-family:Gabarito,sans-serif;color:#000;font-weight:700}.login .input span .signupLink{color:green}.login .input button{font-size:20px;font-family:Gabarito,sans-serif;border:none;padding:10px 0;border-radius:4px;font-weight:600;box-shadow:#63636333 0 2px 8px;cursor:pointer}.login .input button:hover{background:rgb(133,127,127)}.register{height:100vh;position:relative}.register:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/bgImg-e-tawv9T.jpg);background-size:cover;filter:brightness(.4)}.register .logo{position:absolute;left:50%;top:40px;transform:translate(-50%,-50%);text-align:center;z-index:1}.register .logo h1{font-family:ADLaM Display,"cursive";color:#fff;font-size:50px;text-align:center}.register .logo h1 span{color:red}.register .input{min-width:400px;background:rgb(211,211,211);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;padding:20px 40px;gap:20px;border-radius:6px;box-shadow:#08d7df81 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}@media screen and (max-width: 480px){.register .input{padding:20px;min-width:300px}}.register .input h1{font-family:Gabarito,sans-serif;text-align:center;font-size:40px}.register .input .inputValid{display:flex;flex-direction:column}.register .input .inputValid .inputType{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:10px 30px}.register .input .inputValid .inputType .inputIcon{font-size:30px;margin-right:10px}.register .input .inputValid .inputType input{background:transparent;border:none;width:100%;font-size:15px;padding:5px 0;font-family:Gabarito,sans-serif;font-weight:700}.register .input .inputValid .inputType input::placeholder{color:#000;font-size:15px;font-weight:550}.register .input .inputValid .inputType input:focus{outline:none}.register .input .inputValid .formError{font-family:Gabarito,sans-serif;color:red;margin-top:2px}.register .input span{font-family:Gabarito,sans-serif;font-size:16px;font-weight:600}.register .input span .loginLink{color:green}.register .input .registerButton{font-size:20px;font-family:Gabarito,sans-serif;border:none;padding:10px 0;border-radius:4px;font-weight:600;box-shadow:#08d7df81 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px;cursor:pointer}.register .input .registerButton:hover{background:rgb(133,127,127)}.settings{height:90vh;display:flex;justify-content:center;align-items:center;position:relative}.settings .profileBack{position:absolute;font-size:34px;cursor:pointer;top:10px;left:20px}@media screen and (max-width: 480px){.settings .profileBack{left:5px}}.settings .settingsWrapper{padding:40px;position:relative;border-radius:5px;width:330px}@media screen and (max-width: 480px){.settings .settingsWrapper{width:310px}}.settings .settingsWrapper .settingsIcon{position:absolute;right:10px;top:10px;color:#fff;font-size:20px;cursor:pointer}.settings .settingsWrapper .profileData{text-align:center;display:flex;flex-direction:column}.settings .settingsWrapper .profileData .profileUpdatedImg{position:relative;display:flex;justify-content:center}.settings .settingsWrapper .profileData .profileUpdatedImg .noImg{height:150px;width:150px;background-color:#fff;border-radius:50%;cursor:pointer}.settings .settingsWrapper .profileData .profileUpdatedImg .noImg .noImgSmInfo{position:absolute;top:33px;left:70px;transition:all .3s ease-in-out}@media screen and (max-width: 480px){.settings .settingsWrapper .profileData .profileUpdatedImg .noImg .noImgSmInfo{left:60px}}.settings .settingsWrapper .profileData .profileUpdatedImg .noImg .noImgSmInfo:hover{transform:scale(1.1)}.settings .settingsWrapper .profileData .profileUpdatedImg .noImg .noImgInfo{height:50px;width:50px}.settings .settingsWrapper .profileData .profileUpdatedImg .noImg p{font-weight:700;font-family:Dosis,sans-serif}.settings .settingsWrapper .profileData .profileUpdatedImg .proImg{height:150px;object-fit:cover;width:150px;border-radius:50%;transition:all .2s ease-in;cursor:pointer}.settings .settingsWrapper .profileData .profileUpdatedImg span{display:none;position:absolute;right:23%;font-family:Dosis,sans-serif;cursor:pointer;top:43%;color:#fff;padding:5px;font-size:20px;font-weight:500}.settings .settingsWrapper .profileData .profileUpdatedImg:hover .proImg{filter:brightness(.3);transform:scale(1.01)}.settings .settingsWrapper .profileData .profileUpdatedImg:hover span{display:block}.settings .settingsWrapper .profileData .profileName h3{color:#fff;text-align:center;margin:12px 0;font-family:Dosis,sans-serif;font-size:25px}.settings .settingsWrapper .profileData .ProfileEmail{text-align:center;color:#fff;font-family:Dosis,sans-serif;font-size:20px;font-weight:600}.settings .settingsWrapper .profileData .profileInputForm{margin-top:8px}.settings .settingsWrapper .profileData .profileInputForm .formError{color:red;font-family:Dosis,sans-serif;font-weight:700;margin-top:5px}.settings .settingsWrapper .profileData .profileInputForm input{border:none;width:100%;max-width:200px;border-bottom:2px solid #00ffff;font-family:Dosis,sans-serif;color:#fff;text-align:center;background-color:transparent;font-size:24px;font-weight:700}.settings .settingsWrapper .profileData .profileInputForm input:focus{outline:none}.settings .settingsWrapper .profileData .profileInputForm input::placeholder{font-size:20px;color:#fff}.settings .settingsWrapper .profileData .profileInputForm:first-child input{background:none;text-align:center;margin:5px 0;font-family:Dosis,sans-serif;font-size:25px;font-weight:600}.settings .settingsWrapper .profileData .profileInputForm:last-child input{background:none;margin:5px 0;font-family:Dosis,sans-serif;font-size:20px;font-weight:600}.settings .settingsWrapper .postCount{color:#fff;display:flex;flex-direction:column;text-align:center;font-family:Dosis,sans-serif;font-weight:600}.settings .settingsWrapper .postCount:hover{color:#0ff}.settings .settingsWrapper .postCount :first-child{font-size:50px}.settings .settingsWrapper .postCount :last-child{font-size:18px}.settings .settingsWrapper .changePwd{color:#fff;font-family:Dosis,sans-serif;font-size:18px;font-weight:500;cursor:pointer}.settings .settingsWrapper .changePwd:hover{color:#0ff;cursor:pointer}.settings .settingsWrapper .profileUpdateBtn{display:flex;justify-content:space-between}.settings .settingsWrapper .profileUpdateBtn .cancel{margin-right:15px;background-color:red}.settings .settingsWrapper .profileUpdateBtn .cancel:hover{background-color:#d41818}.settings .settingsWrapper .profileUpdateBtn button{border:none;font-size:20px;font-weight:600;background-color:#0ff;border-radius:3px;padding:5px 0;color:#fff;font-family:Dosis,sans-serif;cursor:pointer;width:100%;margin:10px 0}.settings .settingsWrapper .profileUpdateBtn button:hover{background-color:teal}.settings .settingsWrapper .profileEditBtn button{border:none;font-size:20px;font-weight:600;background-color:#0ff;border-radius:3px;padding:5px 0;color:#fff;font-family:Dosis,sans-serif;cursor:pointer;width:100%;margin:10px 0}.settings .settingsWrapper .profileEditBtn button:hover{background-color:teal}.singlepostContainer{font-family:Dosis,sans-serif;color:#333;min-height:80vh}.singlepostContainer img{width:100%;height:300px;object-fit:cover;border-radius:4px}.singlepostContainer .updateSingle{display:flex;margin-top:10px;overflow-x:auto;padding:10px 0}.singlepostContainer .updateSingle ::-webkit-scrollbar{height:8px;width:5%}.singlepostContainer .updateSingle ::-webkit-scrollbar-track{background-color:#f1f1f1}.singlepostContainer .updateSingle ::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.singlepostContainer .updateSingle ::-webkit-scrollbar-thumb:hover{background-color:#555}.singlepostContainer .updateSingle .updateTag{font-size:20px;font-weight:700;margin-right:10px}.singlepostContainer .updateSingle .tagsCat{display:flex}.singlepostContainer .updateSingle .tag{display:inline-flex;align-items:center;color:#fff;background-color:gray;margin-right:10px;padding:7px;border-radius:25px;cursor:pointer}.writeFormGroup{display:flex;align-items:center}.writeFormGroup label{font-size:40px}.writeFormGroup label .plusIcon{color:#0ff}.writeFormGroup input{width:100%;border:none;border-bottom:2px solid #00ffff;margin-right:20px;font-family:Inconsolata,monospace;height:30px;font-size:20px;background-color:transparent}.writeFormGroup input::placeholder{font-family:Inconsolata,monospace;font-size:20px}.writeFormGroup input:focus{outline:none}.writeFormGroup .textarea{height:500px}.writeFormGroup .cancel{margin-right:10px;background-color:red}.writeFormGroup .cancel:hover{background-color:#d41818}.writeFormGroup button{border:none;font-size:20px;font-weight:600;background-color:#0ff;border-radius:3px;padding:5px 10px;color:#fff;font-family:Dosis,sans-serif;cursor:pointer;margin:10px 0}.writeFormGroup button:hover{background-color:teal}h1{margin-bottom:10px}hr{margin:10px 0;color:#333}.postTags{display:flex;margin:10px 0;align-items:center}.postTags .postTag{background-color:green;font-weight:700;color:#fff;padding:3px;border-radius:2px}.postTags .views{margin-left:10px;display:flex;align-items:center}.postTags .views .viewsIcon{font-size:20px}.postTags .views p{font-weight:700;margin-left:4px;cursor:pointer}.singlePostInfo{display:flex;justify-content:space-between;margin-top:10px;align-items:center}.singlePostInfo .userInfo{font-size:16px;font-weight:600}@media screen and (max-width: 480px){.singlePostInfo .userInfo{font-size:15px}}.singlePostInfo .userInfo .date{margin-left:30px}.singlePostInfo .userDoneIcon{display:flex;font-size:25px;cursor:pointer}.singlePostInfo .userDoneIcon .edit{color:teal;margin-right:10px}.singlePostInfo .userDoneIcon .delete{color:red}.postDesc{font-weight:700;font-size:20px}.postDesc p{font-size:20px;font-weight:400}.postDesc span{background:#008000;color:#fff;margin-right:10px;padding:3px;font-weight:500;border-radius:5px;cursor:pointer;font-family:Dosis,sans-serif}.sidebar{background-color:#eeeeec;border-radius:4px;height:100%}@media screen and (max-width: 768px){.sidebar{display:none}}@media screen and (max-width: 480px){.sidebar{display:none}}.sidebar .sidebarHeader{font-size:20px;font-family:Inconsolata,monospace;text-transform:uppercase;font-weight:600;border-top:2px solid #000;border-bottom:2px solid #000;width:70%;margin:15px auto;text-align:center}.sidebar .sidebarImg{padding:10px;display:flex;justify-content:center}.sidebar .sidebarImg img{height:180px;border-radius:4px}.sidebar .aboutMe p{text-align:center;font-family:Dosis,sans-serif;font-weight:500;font-size:18px;padding:0 10px}.sidebar .categories{display:flex;flex-direction:column;align-items:center}.sidebar .categories span{display:inline-block;font-family:Dosis,sans-serif;text-transform:uppercase;font-weight:600;font-size:18px;cursor:pointer;margin:10px 0}.sidebar .categories span:hover{color:#0ff}.back{margin-left:40px;font-size:34px}@media screen and (max-width: 480px){.back{margin-left:0;margin-top:20px}}.back:hover{color:teal}.single{display:flex;margin:5px 40px 20px}@media screen and (max-width: 768px){.single{margin:20px}}@media screen and (max-width: 480px){.single{margin:10px}}.single .singlepost{flex:8;margin-right:20px}@media screen and (max-width: 768px){.single .singlepost{margin-right:0;overflow:hidden}}.single .sidebar{flex:2}.footer{display:flex;justify-content:space-between;padding:40px}@media screen and (max-width: 1200px){.footer{padding:20px}}@media screen and (max-width: 768px){.footer{padding:20px}}@media screen and (max-width: 480px){.footer{padding:10px}}.footer .footerLeft .logo{cursor:pointer}.footer .footerLeft .logo h1{font-family:ADLaM Display,"cursive";font-size:40px;color:#fff}@media screen and (max-width: 480px){.footer .footerLeft .logo h1{font-size:30px}}.footer .footerLeft .logo h1 span{color:red}.footer .footerLeft .socilMediaIcon{font-size:30px;margin-top:10px}@media screen and (max-width: 480px){.footer .footerLeft .socilMediaIcon{font-size:25px}}.footer .footerLeft .socilMediaIcon .leftIcon{margin-right:10px;cursor:pointer}.footer .footerLeft .socilMediaIcon .Linkedin{color:#0a66c2;cursor:pointer}.footer .footerCenter{color:#fff;display:flex;flex-direction:column}@media screen and (max-width: 480px){.footer .footerCenter{display:none}}@media (max-width: 767px){.footer .footerCenter{display:none}}.footer .footerCenter p{font-size:30px;font-weight:600;font-family:Dosis,sans-serif}.footer .footerCenter .tags{margin-top:10px;margin-left:10px}.footer .footerCenter .tags span{font-size:18px;font-family:Dosis,sans-serif;font-weight:600;cursor:pointer;margin-right:10px}.footer .footerCenter .tags span:hover{color:teal}@media screen and (max-width: 768px){.footer .footerCenter .tags span{display:flex;flex-direction:column}}@media screen and (max-width: 1024px){.footer .footerCenter .tags span{display:flex;flex-direction:column}}.footerRight{font-family:Dosis,sans-serif;cursor:pointer;color:#fff}@media screen and (max-width: 480px){.footerRight h1{font-size:30px}}.footerRight .links{display:flex;flex-direction:column}.footerRight .links span{font-size:20px;font-weight:600}.footerRight .links span:hover{color:teal}.footerRight .links .contactLinks{display:flex;flex-direction:column;margin-top:10px;align-items:flex-start}.footerRight .links .contactLinks span{display:flex;align-items:center;flex-wrap:wrap}@media screen and (max-width: 480px){.footerRight .links .contactLinks span{font-size:16px}}.footerRight .links .contactLinks span .contactIcon{color:orange;margin-right:10px;font-size:25px}.queryPostsContainer{min-height:90vh}.queryPostsContainer .postBack{margin-top:10px;margin-left:30px;display:flex}@media screen and (max-width: 768px){.queryPostsContainer .postBack{margin-left:20px}}@media screen and (max-width: 480px){.queryPostsContainer .postBack{margin-left:0;margin-top:20px}}.queryPostsContainer .postBack h2{font-family:Dosis,sans-serif;font-weight:600}.queryPostsContainer .postBack .backArrow{margin-right:8px;font-size:34px;display:flex;align-items:center;cursor:pointer}.queryPostsContainer .postBack .backArrow:hover{color:teal}.queryPostsContainer .queryPosts{margin:10px 30px;display:flex}@media screen and (max-width: 768px){.queryPostsContainer .queryPosts{margin:0 20px}}@media screen and (max-width: 480px){.queryPostsContainer .queryPosts{margin:0 5px}}.queryPostsContainer .queryPosts .catPosts{flex:8;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-right:10px}@media screen and (max-width: 1024px){.queryPostsContainer .queryPosts .catPosts{grid-template-columns:repeat(3,1fr);gap:10px}}@media screen and (max-width: 768px){.queryPostsContainer .queryPosts .catPosts{grid-template-columns:repeat(2,1fr);gap:10px;margin-right:0}}@media screen and (max-width: 480px){.queryPostsContainer .queryPosts .catPosts{grid-template-columns:repeat(2,1fr);gap:10px;margin-right:0}}.queryPostsContainer .queryPosts .sidebar{flex:2}*{margin:0;padding:0;scroll-behavior:smooth;box-sizing:border-box}a{text-decoration:none;color:inherit}.app{background-color:#cbe2e2}.isLoading{pointer-events:none}.card-bg{background-color:#24a8a8}.updatePassword{min-height:80vh;display:flex;justify-content:center;align-items:center;font-family:Dosis,sans-serif;position:relative}.updatePassword .updatePasswordBack{position:absolute;font-size:34px;cursor:pointer;top:10px;left:30px}@media screen and (max-width: 480px){.updatePassword .updatePasswordBack{left:5px}}.updatePassword .updatePasswordContainer{padding:30px 40px;border-radius:5px;width:400px;margin-top:20px}@media screen and (max-width: 480px){.updatePassword .updatePasswordContainer{width:310px;margin-top:40px;padding:10px}}.updatePassword .updatePasswordContainer h1{color:#fff;font-size:40px}@media screen and (max-width: 480px){.updatePassword .updatePasswordContainer h1{font-size:30px}}.updatePassword .updatePasswordContainer form{display:flex;flex-direction:column;gap:20px;margin-top:15px}.updatePassword .updatePasswordContainer form .formData{display:flex;flex-direction:column}.updatePassword .updatePasswordContainer form .formData .inputData{display:flex}.updatePassword .updatePasswordContainer form .formData .inputData .inputIcon{font-size:20px}.updatePassword .updatePasswordContainer form .formData .formError{color:red;font-weight:600}.updatePassword .updatePasswordContainer form .formData label{font-weight:500;font-weight:700}.updatePassword .updatePasswordContainer form .formData input{border:none;padding:5px;background:transparent;border-bottom:2px solid #00ffff;font-size:20px;color:#e0ffff;width:100%}.updatePassword .updatePasswordContainer form .formData input::placeholder{font-size:13px;color:#e0ffff}.updatePassword .updatePasswordContainer form .formData input:focus{outline:none}.updatePassword .updatePasswordContainer form button{border:none;background-color:#0ff;padding:5px;font-size:20px;font-weight:500;color:#fff;border-radius:4px;font-family:Dosis,sans-serif;cursor:pointer}.updatePassword .updatePasswordContainer form .forgot{font-weight:700;text-align:center;font-size:18px;cursor:pointer}.userPostsContainer{min-height:80vh}.postBack{margin-top:10px;margin-left:30px;display:flex}@media screen and (max-width: 768px){.postBack{margin-left:20px}}@media screen and (max-width: 480px){.postBack{margin-left:0;margin-top:20px}}.postBack h2{font-family:Dosis,sans-serif;font-weight:600}.postBack .backArrow{margin-right:8px;font-size:34px;display:flex;align-items:center;cursor:pointer}.postBack .backArrow:hover{color:teal}.userPosts{margin:10px 30px;display:flex}@media screen and (max-width: 768px){.userPosts{margin:0 20px}}@media screen and (max-width: 480px){.userPosts{margin:0 5px}}.userPosts .userCatPosts{flex:8;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-right:10px}@media screen and (max-width: 1024px){.userPosts .userCatPosts{grid-template-columns:repeat(3,1fr);gap:10px}}@media screen and (max-width: 768px){.userPosts .userCatPosts{grid-template-columns:repeat(2,1fr);gap:10px;margin-right:0}}@media screen and (max-width: 480px){.userPosts .userCatPosts{grid-template-columns:repeat(2,1fr);gap:10px;margin-right:0}}.userPosts .userCatPosts .errorMessage{font-family:Dosis,sans-serif;font-weight:600}.userPosts .sidebar{flex:2}.contentPostsContainer{min-height:90vh;margin-bottom:20px}.contentPostsContainer .postBack{margin-top:10px;margin-left:30px;display:flex}@media screen and (max-width: 768px){.contentPostsContainer .postBack{margin-left:20px}}@media screen and (max-width: 480px){.contentPostsContainer .postBack{margin-left:0;margin-top:20px}}.contentPostsContainer .postBack h2{font-family:Dosis,sans-serif;font-weight:600;text-transform:capitalize}.contentPostsContainer .postBack .backArrow{margin-right:8px;font-size:34px;display:flex;align-items:center;cursor:pointer}.contentPostsContainer .postBack .backArrow:hover{color:teal}.contentPostsContainer .contentPostsWrapper{display:flex;margin:10px 30px}@media screen and (max-width: 768px){.contentPostsContainer .contentPostsWrapper{margin:0 20px}}@media screen and (max-width: 480px){.contentPostsContainer .contentPostsWrapper{margin:0 5px}}.contentPostsContainer .contentPostsWrapper .sidebar{flex:2}.contentPostsContainer .contentPosts{flex:8;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-right:10px}@media screen and (max-width: 1024px){.contentPostsContainer .contentPosts{grid-template-columns:repeat(3,1fr);gap:10px}}@media screen and (max-width: 768px){.contentPostsContainer .contentPosts{grid-template-columns:repeat(2,1fr);gap:10px;margin-right:0}}@media screen and (max-width: 480px){.contentPostsContainer .contentPosts{grid-template-columns:repeat(2,1fr);gap:10px;margin-right:0}}.forgotPassword{position:relative;min-height:100vh}.forgotPassword .logo{position:absolute;left:50%;top:30px;transform:translate(-50%,-50%);text-align:center;z-index:1}.forgotPassword .logo h1{font-family:ADLaM Display,"cursive";color:#8a2be2;font-size:50px;text-align:center}.forgotPassword .logo h1 span{color:red}.forgotPassword .updatePasswordBack{position:absolute;font-size:34px;cursor:pointer;top:10px;left:30px}@media screen and (max-width: 480px){.forgotPassword .updatePasswordBack{left:5px}}.forgotPassword .forgotPasswordInfo{padding:40px;gap:10px;display:flex;flex-direction:column;font-family:Dosis,sans-serif;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:400px;text-align:center;border-radius:5px;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}@media screen and (max-width: 480px){.forgotPassword .forgotPasswordInfo{width:310px}}.forgotPassword .forgotPasswordInfo h2{text-align:center;font-size:40px;color:#f5f5f5}@media screen and (max-width: 480px){.forgotPassword .forgotPasswordInfo h2{font-size:30px}}.forgotPassword .forgotPasswordInfo p{font-size:20px;font-weight:700;color:#fff}@media screen and (max-width: 480px){.forgotPassword .forgotPasswordInfo p{font-size:16px}}.forgotPassword .forgotPasswordInfo form{display:flex;flex-direction:column;justify-content:center}.forgotPassword .forgotPasswordInfo form input{padding:10px;border:none;font-size:20px;font-weight:700;font-family:Dosis,sans-serif;outline:none;border-radius:5px}@media screen and (max-width: 480px){.forgotPassword .forgotPasswordInfo form input{font-size:16px}}.forgotPassword .forgotPasswordInfo form button{margin-top:15px;padding:10px;border:none;background-color:#0ff;font-size:20px;font-weight:700;font-family:Dosis,sans-serif;color:#fff;border-radius:5px;cursor:pointer}.forgotPassword .forgotPasswordInfo form button:hover{background-color:teal}.resetPassword{height:100vh;font-family:Dosis,sans-serif;position:relative}.resetPassword .logo{position:absolute;left:50%;top:40px;transform:translate(-50%,-50%);text-align:center;z-index:1}.resetPassword .logo h1{font-family:ADLaM Display,"cursive";color:#8a2be2;font-size:50px;text-align:center}.resetPassword .logo h1 span{color:red}.resetPassword .updatePasswordBack{position:absolute;font-size:34px;cursor:pointer;top:10px;left:30px}@media screen and (max-width: 480px){.resetPassword .updatePasswordBack{left:5px}}.resetPassword .updatePasswordContainer{padding:30px 40px;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);border-radius:5px;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px;width:350px}@media screen and (max-width: 480px){.resetPassword .updatePasswordContainer{width:310px;margin-top:40px;padding:20px}}.resetPassword .updatePasswordContainer h1{color:#fff;font-size:40px}.resetPassword .updatePasswordContainer form{display:flex;flex-direction:column;gap:20px;margin-top:15px}.resetPassword .updatePasswordContainer form .formData{display:flex;flex-direction:column}.resetPassword .updatePasswordContainer form .formData .inputData{display:flex}.resetPassword .updatePasswordContainer form .formData .inputData .inputIcon{font-size:20px}.resetPassword .updatePasswordContainer form .formData .formError{color:red;font-weight:600}.resetPassword .updatePasswordContainer form .formData label{font-weight:500;font-weight:700}.resetPassword .updatePasswordContainer form .formData input{border:none;padding:5px;background:transparent;border-bottom:2px solid #00ffff;font-size:20px;color:#e0ffff}.resetPassword .updatePasswordContainer form .formData input::placeholder{font-size:13px;color:#e0ffff}.resetPassword .updatePasswordContainer form .formData input:focus{outline:none}.resetPassword .updatePasswordContainer form button{border:none;background-color:#0ff;padding:5px;font-size:20px;font-weight:500;color:#fff;border-radius:4px;font-family:Dosis,sans-serif;cursor:pointer}.notfound{min-height:80vh}.notfound .notfoundImg{position:relative}.notfound .notfoundImg img{width:100%;object-fit:cover;height:90vh}.notfound .notfoundImg .notfoundTitle{font-family:Comic Neue,cursive;font-size:140px;font-weight:700;position:absolute;top:10%;left:20%}@media screen and (max-width: 768px){.notfound .notfoundImg .notfoundTitle{font-size:clamp(100px,6vw,120px);top:8%;left:5%}}@media screen and (max-width: 480px){.notfound .notfoundImg .notfoundTitle{top:10%;left:50%;transform:translate(-50%)}}.notfound .notfoundImg .notfoundInfo{position:absolute;top:30%;left:55%;padding-right:50px}@media screen and (max-width: 1200px){.notfound .notfoundImg .notfoundInfo{top:30%}}@media screen and (max-width: 768px){.notfound .notfoundImg .notfoundInfo{top:11%;left:40%;padding:0}}@media screen and (max-width: 480px){.notfound .notfoundImg .notfoundInfo{top:70%;left:50%;transform:translate(-50%);width:100%;padding:0 20px}}.notfound .notfoundImg .notfoundInfo .notfoundesc{font-size:40px;font-weight:700;font-family:Comic Neue,cursive}@media screen and (max-width: 480px){.notfound .notfoundImg .notfoundInfo .notfoundesc{font-size:25px}}.notfound .notfoundImg .notfoundInfo .notfoundesc span{font-weight:400;font-size:36px}@media screen and (max-width: 480px){.notfound .notfoundImg .notfoundInfo .notfoundesc span{font-size:25px}}.notfound .notfoundImg .notfoundInfo button{background-color:#0ff;border:none;padding:10px;font-size:20px;margin-top:20px;font-weight:700;font-family:Comic Neue,cursive;width:auto;align-self:flex-start;border-radius:4px;cursor:pointer}@media screen and (max-width: 480px){.notfound .notfoundImg .notfoundInfo button{position:absolute;left:50%;transform:translate(-50%);padding:6px}}.notfound .notfoundImg .notfoundInfo button:hover{background-color:teal}