@import url("https://fonts.googleapis.com/css2?family=Work+Sans&display=swap");*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Work Sans,sans-serif;letter-spacing:-.5px}h1,h2,h3,h4,h5{letter-spacing:0}:root{--xs:14px;--s:16px;--m:20px;--l:24px;--xl:28px;--largest:34px;--blogFont:44px;--container:1120px}body.light{--primary:#f9fbff;--theme:#f9fbff;--active:#0b60f4;--active2:#2699f6;--activelight:#1e90ff10;--black:#363636;--midblack:#585858;--darkgrey:#898989;--grey:#9f9f9f;--grey100:#e2e2e2;--grey200:#b8b8b8;--shadow1:#e8f0ff;--white:#fff;--backdrop:#22222244;--gradient1:linear-gradient(13deg,var(--active),var(--active2))}body.dark{--primary:#141d26;--theme:#141d26;--active:#9af00f;--active2:#bbf55d;--activelight:#f9fef110;--black:#fff;--midblack:#fff;--darkgrey:#fff;--grey:#fff;--grey100:#e2e2e2;--grey200:#b8b8b8;--shadow1:#353235;--gradient1:linear-gradient(33deg,var(--active),var(--active2));--white:#141d26;--backdrop:#ffffff44}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--primary);background-clip:content-box}::-webkit-scrollbar-thumb{background:#767876;border-radius:40px}.btn{border:none;outline:none;padding:8px 15px;border-radius:5px}.btn:hover{filter:grayscale(20%)}#layout{display:flex}.content{position:relative;width:100%;overflow-y:auto;height:100vh;padding:0 16px;overflow-x:hidden}.content,.topbar{background:var(--primary)}.topbar{height:80px;color:var(--black);width:auto;position:sticky;top:0;display:flex;z-index:10;align-items:center;justify-content:space-between;padding:0 20px;margin:0 -20px}.topbar i{font-size:var(--xl)}.topbar h1{font-size:var(--l)}.topbar p{font-size:var(--xs);text-align:right}.topbar .left-nav{display:flex;align-items:center}.my-logo:active{-webkit-animation:spin .1s linear infinite;animation:spin .1s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.sidebar{position:relative;flex-shrink:0;min-height:100vh;background:var(--primary);padding:10px;width:150px;flex-direction:column;-webkit-box-shadow:0 0 10px 0 var(--shadow1);box-shadow:0 0 10px 0 var(--shadow1);z-index:1}.shrink-btn,.sidebar{display:flex;justify-content:center;align-items:center;-webkit-transition:.3s;transition:.3s}.shrink-btn{position:absolute;top:30px;left:10px;width:35px;height:35px;border-radius:100%;font-size:30px;border:2px solid var(--active);color:var(--active);background-color:var(--white)}.shrink-btn:hover{background-color:var(--active);color:var(--white)}.btn-rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sidebar a{display:flex;align-items:center;text-decoration:none;width:100%;background-color:transparent;margin-bottom:10px;padding:10px;border-radius:5px;color:var(--grey)}.sidebar a i{width:30px;height:30px;text-align:center;line-height:30px;font-size:var(--l);flex-shrink:0;border-radius:100%}.sidebar-link-active{background:radial-gradient(circle at 0 0,var(--active2) 0 45%,var(--active) 35%)!important;color:var(--white)!important}.sidebar-link-active i{background-color:var(--white)!important;color:var(--active)}.sidebar p{opacity:1;font-size:var(--s);margin-left:10px;-webkit-transition:.3s;transition:.3s}.sidebar-shrinked{width:70px}.sidebar-shrinked p{display:none;opacity:0}.bottombar-wrapper{position:fixed;bottom:8px;width:100%;height:60px;display:none;z-index:1000}.bottombar{background-color:var(--primary);width:calc(100% - 16px);margin:auto;justify-content:space-between;padding:10px;border-radius:10px;-webkit-box-shadow:0 0 10px 0 var(--shadow1);box-shadow:0 0 10px 0 var(--shadow1);overflow-y:hidden;overflow-x:scroll}.bottombar,.bottombar a{display:flex;align-items:center;text-align:center}.bottombar a{position:relative;padding:5px 10px;height:50px;justify-content:center;color:var(--grey);text-decoration:none;border-radius:30px}.bottombar a i{background:inherit;width:35px;height:35px;border:1.5px solid;text-align:center;line-height:32px;font-size:var(--m);flex-shrink:0;border-radius:100%}.bottombar-link-active{color:var(--active)!important;background-color:var(--activelight)}.bottombar-link-active i{background-color:var(--active)!important;color:var(--white);border-color:var(--active)!important}.bottombar a:nth-child(3) i{border-radius:100%;font-size:var(--l)}.bottombar a p{width:0;overflow:hidden;font-size:var(--s);margin-left:8px}.bottombar-link-active p{width:100%!important;-webkit-transition:.5s;transition:.5s}.home-section .download-resume{text-decoration:none;border:2px solid var(--active);padding:10px 15px;border-radius:5px;display:inline-block;background-color:var(--active);color:var(--white)}.home-section .hireme_btn{color:var(--white);-webkit-animation:tickle .35s linear infinite;animation:tickle .35s linear infinite}@-webkit-keyframes tickle{25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}@keyframes tickle{25%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}75%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}.home-page-video{width:100%;max-width:550px}.about-me{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 80px)}.about-me div{max-width:650px;padding:15px 0}.about-me h1{font-size:var(--largest);color:var(--black)}.about-me h1:nth-child(2){overflow:hidden;display:flex;line-height:60px;height:60px}.about-me ul{width:auto;-webkit-animation:animate 6s ease-in-out infinite;animation:animate 6s ease-in-out infinite;margin-left:10px}.about-me li{list-style:none;height:60px;line-height:60px;background:var(--gradient1);-webkit-background-clip:text;background-clip:text;color:transparent}@-webkit-keyframes animate{0%{-webkit-transform:translateY(0);transform:translateY(0)}9%{-webkit-transform:translateY(0);transform:translateY(0)}17%{-webkit-transform:translateY(-75px);transform:translateY(-75px)}22%{-webkit-transform:translateY(-60px);transform:translateY(-60px)}28%{-webkit-transform:translateY(-60px);transform:translateY(-60px)}34%{-webkit-transform:translateY(-135px);transform:translateY(-135px)}39%{-webkit-transform:translateY(-120px);transform:translateY(-120px)}45%{-webkit-transform:translateY(-120px);transform:translateY(-120px)}51%{-webkit-transform:translateY(-195px);transform:translateY(-195px)}56%{-webkit-transform:translateY(-180px);transform:translateY(-180px)}62%{-webkit-transform:translateY(-180px);transform:translateY(-180px)}68%{-webkit-transform:translateY(-255px);transform:translateY(-255px)}72%{-webkit-transform:translateY(-240px);transform:translateY(-240px)}78%{-webkit-transform:translateY(-240px);transform:translateY(-240px)}84%{-webkit-transform:translateY(-315px);transform:translateY(-315px)}88%{-webkit-transform:translateY(-300px);transform:translateY(-300px)}94%{-webkit-transform:translateY(-300px);transform:translateY(-300px)}}@keyframes animate{0%{-webkit-transform:translateY(0);transform:translateY(0)}9%{-webkit-transform:translateY(0);transform:translateY(0)}17%{-webkit-transform:translateY(-75px);transform:translateY(-75px)}22%{-webkit-transform:translateY(-60px);transform:translateY(-60px)}28%{-webkit-transform:translateY(-60px);transform:translateY(-60px)}34%{-webkit-transform:translateY(-135px);transform:translateY(-135px)}39%{-webkit-transform:translateY(-120px);transform:translateY(-120px)}45%{-webkit-transform:translateY(-120px);transform:translateY(-120px)}51%{-webkit-transform:translateY(-195px);transform:translateY(-195px)}56%{-webkit-transform:translateY(-180px);transform:translateY(-180px)}62%{-webkit-transform:translateY(-180px);transform:translateY(-180px)}68%{-webkit-transform:translateY(-255px);transform:translateY(-255px)}72%{-webkit-transform:translateY(-240px);transform:translateY(-240px)}78%{-webkit-transform:translateY(-240px);transform:translateY(-240px)}84%{-webkit-transform:translateY(-315px);transform:translateY(-315px)}88%{-webkit-transform:translateY(-300px);transform:translateY(-300px)}94%{-webkit-transform:translateY(-300px);transform:translateY(-300px)}}.project-banner{display:flex;max-width:var(--container);justify-content:center;align-items:center;min-height:calc(100vh - 80px);margin:auto;padding-top:30px}.project-banner img{width:100%;max-width:500px;margin:50px}.project-banner-content h1{font-size:var(--largest)}.projects-container{margin-bottom:50px}.project{display:flex;justify-content:center;align-items:center;perspective:1000px;max-width:var(--container);margin:20px auto}.project:nth-child(2n){flex-flow:row-reverse}.project img{max-width:450px;width:100%;margin:50px;border-radius:20px;-webkit-transition:.3s;transition:.3s}.project-details{max-width:700px}.project-details h1{font-size:var(--xl);color:var(--black)}.project-details .btn{position:relative;margin-right:10px;min-width:140px;padding:14px 0;font-size:var(--s);margin-top:20px;background-color:var(--primary);color:var(--black);overflow:hidden;border-radius:8px;-webkit-box-shadow:0 0 0 2px var(--black) inset;box-shadow:0 0 0 2px var(--black) inset}.project-details .btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--black);-webkit-clip-path:circle(0 at 0 0);clip-path:circle(0 at 0 0);-webkit-transition:.5s;transition:.5s}.project-details .btn:hover:before{z-index:-1;-webkit-clip-path:circle(150% at 0 0);clip-path:circle(150% at 0 0)}.project-details .btn:hover{color:var(--primary)}.project-details .btn i{font-size:var(--m);margin-right:5px}.project-page-container{max-width:var(--container);margin:50px auto}.project-page-container .desktop-img{width:100%;max-width:700px;margin:50px auto;display:block}.project-page-container .mobile-img{max-width:200px;margin:50px;display:block}.project-page-container .til-section span{width:250px!important;height:auto!important}.project-page-container .til-section{display:flex;justify-content:center;align-items:center;margin-top:50px}.project-page-container .til-section ul{max-width:700px;align-self:flex-start}.project-page-container .til-section h1{margin:20px 0}.project-page-container .tech-stack-used{display:flex;flex-wrap:wrap}.project-page-container .tech-stack-used span{width:auto!important;height:auto!important;min-width:auto!important;border-radius:20px;flex-shrink:0}.project-page-container .live-view-btn{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;text-decoration:none;border:2px solid var(--active);background-color:var(--white);color:var(--active);margin-top:15px;padding:15px 20px;font-size:var(--m);-webkit-transition:.3s;transition:.3s}.project-page-container .live-view-btn:hover{background-color:var(--active);color:var(--white)}.project-page-container .tech-stack-used>span{margin:10px!important;border:2px solid var(--activelight)!important}.about-container{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto;max-width:var(--container);overflow-x:hidden}.about-banner{position:relative;width:100%;height:calc((100vh - 80px)/2);background:url(/_next/static/media/about-bg.906ffaea.jpeg) no-repeat;background-size:cover;background-position:30% 60%;border-radius:30px;margin-top:20px}.about-img-container{width:220px;height:220px;border-radius:100%;position:absolute;top:100%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:8px solid var(--primary)}.about-img-container span{width:60px;height:60px;background-color:red;display:inline-block;border-radius:100%;text-align:center;line-height:60px;font-size:25px;position:absolute;-webkit-transform:translate(0);transform:translate(0);-webkit-animation:fall 1s linear forwards;animation:fall 1s linear forwards}@-webkit-keyframes fall{to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes fall{to{-webkit-transform:translate(0);transform:translate(0)}}.about-img{width:100%;height:100%;border-radius:100%;object-fit:cover}.about-info{width:100%;margin:120px auto}.about-info>p.large_text:after,.about-info>p.large_text:before{content:" “ ";color:var(--black);font-size:(--largest);font-weight:700}.about-info>p.large_text:after{content:" ” "}.about-info>h1{margin:60px 0 30px}.about-info .socials{display:flex;grid-gap:15px;gap:15px;justify-content:center;align-items:center;margin-top:20px}.about-info .socials svg{width:35px;fill:var(--black)}.progress-bar-container{width:100%}.progress-bar-container .info-head{display:flex;align-items:center}.info-div{padding:20px 20px 20px 30px;position:relative;margin-left:30px;border-left:2px solid var(--grey100)}.info-div:before{width:15px;height:15px;background-color:var(--grey100);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1}.info-div:after,.info-div:before{content:"";position:absolute;border-radius:100%;top:50%;left:0}.info-div:after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1);width:20px;height:20px;background-color:var(--white);border:2px solid var(--grey200)}.info-div-active:before{background-color:var(--active)}.info-div-active.info-div:after{border:2px solid var(--active);-webkit-animation:grow 1s linear infinite;animation:grow 1s linear infinite}.info-url{position:relative;color:var(--active);display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:12px;text-decoration:none}.info-url:before{content:"";position:absolute;top:calc(100% + 3px);left:0;width:0;height:2px;background-color:var(--active);-webkit-transition:.3s;transition:.3s}.info-url:hover:before{width:100%}#technology{width:90vw!important}.tech-container{overflow-x:hidden}.tech,.tech-container{display:flex;position:relative}.tech{-webkit-animation:keepmoving 12s linear infinite;animation:keepmoving 12s linear infinite}.tech-container:nth-of-type(4).tech-container .tech{-webkit-animation:keepmoving 12s cubic-bezier(.73,.41,.64,.79) infinite;animation:keepmoving 12s cubic-bezier(.73,.41,.64,.79) infinite}.tech-container:nth-of-type(5).tech-container .tech{-webkit-animation:keepmoving 12s cubic-bezier(.55,.61,.45,.65) infinite;animation:keepmoving 12s cubic-bezier(.55,.61,.45,.65) infinite}.tech span{width:125px!important;height:125px!important;margin:10px!important}.tech-image,.tech span{border-radius:20px!important}.tech-image{border:2px solid var(--activelight)!important}@-webkit-keyframes keepmoving{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes keepmoving{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@-webkit-keyframes grow{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{-webkit-transform:translate(-50%,-50%) scale(1.4);transform:translate(-50%,-50%) scale(1.4)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes grow{0%{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{-webkit-transform:translate(-50%,-50%) scale(1.4);transform:translate(-50%,-50%) scale(1.4)}to{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.work-page{max-width:800px;margin:20px auto}.work-item-list{margin:40px auto}.work-item{font-size:var(--m);color:var(--black);margin-bottom:40px}.work-item .link{color:var(--active);cursor:pointer;text-decoration:underline}.work-item p{margin:8px 0}.work-item .role-row{display:flex;align-items:center;font-size:var(--xl);font-weight:700;grid-gap:10px;gap:10px}.work-item .role-row span{color:var(--active)}.work-item .logo{border-radius:40px;width:160px;border:1.5px dashed var(--black);cursor:pointer}.work-item .duration{font-size:var(--s)}.work-item .about{font-size:var(--m);color:var(--darkgrey);line-height:var(--xl)}.company-page{max-width:800px;margin:20px auto;line-height:var(--largest);font-size:var(--m);color:var(--black)}.company-page .project-container{margin-top:30px}.company-page .project-item{margin-top:50px}.company-page .project-item>*{margin-top:15px}.company-page .project-item a{color:var(--active)}.company-page .project-item .about{color:var(--midblack)}.company-page .project-item .project-role{padding:0 15px;color:var(--midblack)}.company-page .tech-tools{display:flex;flex-wrap:wrap;grid-gap:10px;gap:10px}.company-page .tech-tools span{color:var(--active);background:var(--activelight);padding:4px 8px;border-radius:10px}.company-page .tech-container{display:flex}@media (max-width:1024px){.project,.project-banner{flex-direction:column}.project img{max-width:700px}.project:nth-child(2n){flex-direction:column}.project:nth-child(2n) img{-webkit-transform:rotate(0);transform:rotate(0);-webkit-box-shadow:none;box-shadow:none;max-width:700px}}@media (max-width:768px){.content{padding-bottom:100px}.bottombar-wrapper{display:block}.sidebar{display:none}.about-me{flex-direction:column}.tech{-webkit-animation:none!important;animation:none!important}.tech-container{overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.tech-container::-webkit-scrollbar{display:none}.project-page-container .til-section{flex-direction:column}.project-page-container .til-section .mobile-img{width:100%}.project-page-container .til-section ul{margin-top:0}.project-page-container .til-section h1:nth-child(2){text-align:center}.project-page-container .tech-stack-used{justify-content:center!important}.project-page-container .tech-stack-used>span{margin:5px!important;max-width:65px!important;border-radius:15px!important}:root{--blogFont:38px}}@media (max-width:450px){:root{--largest:28px;--xs:13px;--s:15px;--m:17px;--l:20px;--xl:24px;--blogFont:28px}.tech span{width:100px!important;height:100px!important;border-radius:20px!important}}@media (max-width:400px){::-webkit-scrollbar{width:3px;height:3px}.bottombar a{padding:5px 7px}.bottombar a i{background:inherit;width:30px;height:30px;line-height:28px}.bottombar a p{width:0;overflow:hidden;font-size:var(--s);margin-left:5px}}@media (max-width:320px){:root{--largest:27px;--xs:11px;--s:13px;--m:15px;--l:18px;--xl:20px;--blogFont:24px}.about-me h1{font-size:24px}.tech-image{width:75px;margin:5px}.content{padding-left:12px;padding-right:12px}}.d-flex{display:flex}.para_text{font-size:var(--m);line-height:calc(var(--m) + 10px)}.small_text{font-size:var(--s);line-height:calc(var(--m) + 6px)}.extra_small_text{font-size:var(--xs);line-height:calc(var(--m) + 4px)}.text_underline{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--black)!important;padding:10px 15px 10px 20px;border-radius:5px}.text_underline:before{content:"";position:absolute;left:0;top:100%;height:5px;width:100%;border-radius:15px;background-color:var(--black)}.large_text{font-size:var(--l);line-height:calc(var(--l) + 12px)}.larger_text{font-size:var(--xl);line-height:calc(var(--xl) + 14px)}.cursive{font-family:Caveat,cursive}.largest_text{font-size:var(--largest);line-height:calc(var(--largest) + 16px)}.blog_head_text{font-size:var(--blogFont);line-height:calc(var(--blogFont) + 20px)}.mt_4{margin-top:4px}.mt_8{margin-top:8px}.mt_10{margin-top:10px}.mt_12{margin-top:12px}.ml_4{margin-left:4px}.ml_8{margin-left:8px}.ml_10{margin-left:10px}.ml_12{margin-left:12px}.ml_16{margin-left:16px}.mr_4{margin-right:4px}.mr_8{margin-right:8px}.mr_10{margin-right:10px}.mr_12{margin-right:12px}.mb_4{margin-bottom:4px}.mb_8{margin-bottom:8px}.mb_10{margin-bottom:10px}.mb_12{margin-bottom:12px}.mb_20{margin-bottom:20px}.ml_20{margin-left:20px}.mt_16{margin-top:16px}.my_16{margin:16px 0}.my_8{margin:8px 0}.my_10{margin:10px 0}.my_12{margin:12px 0}.mx_8{margin:0 8px}.mx_10{margin:0 10px}.mx_12{margin:0 12px}.py_16{padding:16px 0}.py_8{padding:8px 0}.py_10{padding:10px 0}.py_12{padding:12px 0}.text_center{text-align:center}.darkgrey{color:var(--darkgrey)}.lightgrey{color:var(--grey100)}.grey{color:var(--grey)}.midblack{color:var(--midblack)}.black{color:var(--black)}.blue{color:var(--active)}.normal{font-weight:400}.activeColor{color:var(--active)}.activeBg{background-color:var(--active)}.custom_error_page{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 0;min-height:90vh}.custom_error_page img{width:100%;border-radius:10px;max-width:600px}.custom_error_page h1{text-align:center;font-size:70px;margin:20px}.custom_error_page button{background-color:var(--active);color:#fff}@media(max-width:576px){.text_underline{width:100%}}.default{-webkit-animation:animateup .3s linear;animation:animateup .3s linear}@-webkit-keyframes animateup{0%{opacity:0;filter:blur(20px)}to{opacity:1;filter:none}}@keyframes animateup{0%{opacity:0;filter:blur(20px)}to{opacity:1;filter:none}}.animate-down{-webkit-animation:animatedown .6s linear;animation:animatedown .6s linear}@-webkit-keyframes animatedown{0%{-webkit-transform:translateY(200px);transform:translateY(200px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes animatedown{0%{-webkit-transform:translateY(200px);transform:translateY(200px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.blogs-page{margin:50px 0}.blogs-page-head{font-size:64px;text-align:center;background-color:var(--active);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;color:var(--white);padding:5px 15px;text-shadow:2px 2px var(--black),2px 2px var(--black),2px 2px var(--black)}.blogs-page-head:first-child{-webkit-transform:translateX(-50px) rotate(-15deg) skewX(-26deg);transform:translateX(-50px) rotate(-15deg) skewX(-26deg);padding-right:40px}.blogs-page-head:nth-child(2){padding-left:40px;-webkit-transform:translate(30px,-18px) rotate(-15deg) skewX(-26deg);transform:translate(30px,-18px) rotate(-15deg) skewX(-26deg)}.blog-container{margin-top:50px}.tags{display:flex;flex-wrap:wrap}.tags p{background-color:var(--activelight);color:var(--active);padding:3px 10px;border-radius:5px;margin:8px 8px 0 0}.blog-content{max-width:900px;margin:50px auto;padding:20px 0}.dark .markdown-content :is(h1,h2,h3,h4,h5,h6){color:var(--active)}.blog-content ul{margin-left:20px}.blog-content a{display:inline-block;color:var(--active);background-color:var(--activelight);text-decoration:none;padding:3px 5px;border-radius:8px;margin:0 8px;font-size:var(--m)}.blog-container{display:grid;max-width:1200px;margin:70px auto;grid-gap:20px;gap:20px;grid-template-columns:repeat(3,1fr)}.blog-box{background-color:var(--white)!important;border:3px solid var(--activelight);border-radius:20px;-webkit-box-shadow:0 0 10px 0 var(--shadow1);box-shadow:0 0 10px 0 var(--shadow1);display:flex;flex-direction:column;overflow:hidden;-webkit-transition:.3s linear;transition:.3s linear}.blog-page-img>span{max-height:500px;margin:20px 0!important;border-radius:10px!important}.blog-page-img-with-scroll{width:100%;overflow-y:hidden;border-radius:10px;margin:20px 0}.blog-page-img-with-scroll::-webkit-scrollbar{width:0;height:0;padding:0}.blog-page-img-with-scroll img{min-width:100%}.blog-box .blog-card-details{padding:20px;height:calc(100% - 220px);display:flex;flex-direction:column}.blog-card-details>p{-webkit-line-clamp:3}.blog-box>h1,.blog-card-details>p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}.blog-box>h1{-webkit-line-clamp:2}.blog-box .img-container{position:relative;width:calc(100% + 30px);height:220px;border-radius:5px;border-top-left-radius:20px;border-top-right-radius:20px;overflow:hidden}.blog-box:nth-child(3n-1){-webkit-transform:translateY(20px);transform:translateY(20px)}.blog-box:nth-child(3n-1):hover{-webkit-transform:translateY(5px);transform:translateY(5px)}.blog-box:hover{-webkit-box-shadow:0 0 20px 4px var(--shadow1);box-shadow:0 0 20px 4px var(--shadow1);-webkit-transform:translateY(-15px);transform:translateY(-15px)}.author-details{display:flex;align-items:center;margin-top:auto}.author-details img{width:50px!important;height:50px!important;border-radius:100%;object-fit:cover;padding:3px!important;border:2px solid var(--active)!important}.author-details .details{margin-left:10px;align-self:flex-start}.author-details .read-time{margin-left:auto}@media (max-width:1024px){.blog-container{grid-template-columns:repeat(2,1fr)}.blog-box:nth-child(2n){-webkit-transform:translateY(20px);transform:translateY(20px)}.blog-box:nth-child(odd){-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@media (max-width:576px){.blog-content{max-width:900px;margin:40px auto}.blogs-page-head{font-size:50px;padding:5px 15px}.blog-container{grid-template-columns:1fr}.blog-box{-webkit-transform:translateY(0)!important;transform:translateY(0)!important}}@media (max-width:400px){.blogs-page-head{font-size:36px;padding:5px 15px}}.backdrop{position:fixed;width:100%;height:100vh;background-color:var(--backdrop);top:0;left:0;z-index:99999}.popup-container{width:calc(100% - 32px);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:var(--white);min-height:300px;margin:0 auto;border-radius:20px;padding:50px 13px 20px;max-width:550px}.popup-container .popup-content{max-height:350px;overflow-y:scroll;padding:8px}.popup-container .uil-times-circle{position:absolute;top:15px;right:15px;color:var(--black);font-size:30px}.popup-container .popup-head{display:flex;justify-content:center;align-items:center}@media (max-width:576px){.popup-container{width:100%;top:100%;left:50%;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);border-bottom-left-radius:0;border-bottom-right-radius:0}.popup-container .popup-content{max-height:400px}}