@import"https://fonts.googleapis.com/css2?family=Gelasio&family=Inter:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap";.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 3rem;background-color:#f8fcff;position:sticky;top:0;width:100%;z-index:999;transition:all ease .7s}.navbar.active{background-color:#fff;color:#000;box-shadow:#64646f33 0 7px 29px;transition:all ease .7s}.navbar .forkandmenu{display:flex;justify-content:space-between;align-items:center;gap:3rem;border:2px solid rgb(30,30,30);border-radius:3rem;padding:0 .8rem 0 0;background-color:#f8fcff}.navbar .forkandmenu .resumebutton{border:none;background-color:transparent;color:#000;padding:.5rem;border-radius:3rem;font-weight:600;letter-spacing:.002rem;font-size:1rem;cursor:pointer}.navbar .forkandmenu .resumebutton:hover{background:radial-gradient(circle at -1% 57.5%,rgba(0,0,0,.063) 100%,rgba(0,0,0,.065) 100%);cursor:pointer;transition:all ease .5s}.navbar .forkandmenu .resumebutton:hover:before{content:"Download"}.navbar .forkandmenu .link{text-decoration:none;color:#000}.navbar .forkandmenu .fork{border:1px solid gray;border-radius:2rem;display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;padding:0 .4rem}.navbar .forkandmenu .fork:hover{background-color:#0000001a}.navbar .forkandmenu .fork span{font-size:1.3rem;font-weight:600}.navbar .forkandmenu .fork .gitforkimg{width:2.5rem;height:2.5rem;object-fit:contain}.navbar .responsivemenuu{border:1px solid rgb(162,162,162);position:absolute;right:.31rem;top:5.5rem;padding:.5rem 1rem;width:12rem;border-radius:.2rem;background-color:#fff;transition:all ease .7s}.navbar .responsivemenuu hr{width:6.5rem;height:.1rem;background-color:gray;transition:all ease .7s}.navbar .right .navitems{display:flex;justify-content:space-around;align-items:center;flex-direction:column;list-style:none;gap:.5rem}.navbar .right .navitems .link{text-decoration:none;color:#000}.navbar .right .navitems .fork{border:1px solid gray;border-radius:2rem;display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;padding:0 .4rem}.navbar .right .navitems .fork:hover{background-color:#0000001a}.navbar .right .navitems .fork span{font-size:1.3rem;font-weight:600}.navbar .right .navitems .fork .gitforkimg{width:2.5rem;height:2.5rem;object-fit:contain}.navbar .right .navitems .navitem{font-weight:500;font-size:1.2rem;border:1px solid rgb(0,0,0);padding:.2rem .5rem;border-radius:.3rem;width:87%;display:flex;justify-content:center;align-items:center;cursor:pointer}.navbar .right .navitems .navitem:hover hr{width:10rem}.navbar .right .navitems .navitem:hover{background-color:#2e8b57;color:#fff;transition:all ease .7s}.navbar .right .navitems .toggle{border:none}.navbar .right .navitems .toggle:hover{background-color:#fff;color:#fff;transition:all ease .7s;border-radius:10rem}.navbar .responsivemenu .menu{height:2rem;cursor:pointer}.navbar .left img{height:5rem;object-fit:cover}.navbar .afp{padding:.5rem 1rem .5rem 3rem;border-radius:3rem;border:2px solid grey;display:flex;gap:2rem;align-items:center;position:relative;cursor:pointer}.navbar .afp:hover{background-color:#e8e8e890}.navbar .afp span{font-weight:600;color:#000}.navbar .afp .dot{position:absolute;top:.5rem;left:.4rem;width:1.5rem;height:1.5rem;border-radius:50%;background:radial-gradient(circle at -1% 57.5%,rgb(19,170,82) 0%,rgb(0,102,43) 90%);-webkit-animation:slide-in-fwd-center .8s cubic-bezier(.25,.46,.45,.94) infinite alternate-reverse both;animation:slide-in-fwd-center .8s cubic-bezier(.25,.46,.45,.94) infinite alternate-reverse both}@-webkit-keyframes slide-in-fwd-center{0%{-webkit-transform:translateZ(-1400px);transform:translateZ(-1400px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes slide-in-fwd-center{0%{-webkit-transform:translateZ(-1400px);transform:translateZ(-1400px);opacity:0}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}#dark .navbar{background-color:#000;transition:all ease .7s}#dark .navbar.active{background-color:#000;box-shadow:#fff3 0 7px 29px;color:#fff;transition:all ease .7s}#dark .navbar .forkandmenu{display:flex;justify-content:space-between;align-items:center;border:2px solid #808080;background-color:#030303}#dark .navbar .forkandmenu .resumebutton{border:none;background:radial-gradient(circle at -1% 57.5%,rgba(218,218,218,.263) 100%,rgba(221,221,221,.265) 100%);color:#fff;cursor:pointer}#dark .navbar .forkandmenu .resumebutton:hover{background:radial-gradient(circle at -1% 57.5%,rgba(255,255,255,.213) 100%,rgba(255,255,255,.215) 100%);cursor:pointer;transition:all ease .5s}#dark .navbar .forkandmenu .resumebutton:hover:before{content:"Download"}#dark .navbar .forkandmenu .link{text-decoration:none;color:#fff}#dark .navbar .forkandmenu .fork{border:2px solid #808080;border-radius:2rem}#dark .navbar .forkandmenu .fork:hover{background-color:#171717}#dark .navbar .forkandmenu .fork span{font-size:1.3rem;font-weight:600;color:#fff}#dark .navbar .forkandmenu .fork .gitforkimg{width:2.5rem;height:2.5rem;object-fit:contain;filter:brightness(0) invert(1) sepia(0) saturate(5) hue-rotate(320deg)}#dark .navbar .responsivemenuu{border:1px solid rgb(162,162,162);background-color:#000;color:#fff;transition:all ease .7s}#dark .navbar .responsivemenuu hr{background-color:#dbdbdb;transition:all ease .7s}#dark .navbar .right .navitems .link{text-decoration:none;color:#fff}#dark .navbar .right .navitems .fork{border:2px solid #808080;border-radius:2rem}#dark .navbar .right .navitems .fork:hover{background-color:#171717}#dark .navbar .right .navitems .fork span{color:#fff}#dark .navbar .right .navitems .fork .gitforkimg{filter:brightness(0) invert(1) sepia(0) saturate(5) hue-rotate(320deg)}#dark .navbar .right .navitems .navitem{width:100%;border:1px solid white}#dark .navbar .right .navitems .toggle{border:none}#dark .navbar .right .navitems .toggle:hover{background-color:#000;color:#fff;transition:all ease .7s;border-radius:10rem}#dark .navbar .responsivemenu .menu{background-color:#fff;padding:.15rem;border-radius:10rem;transition:all ease .7s}#dark .navbar .afp:hover{background-color:#29292990}#dark .navbar .afp span{color:#fff}@media (max-width: 1025px){.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;background-color:#f8fcff;position:sticky;top:0;width:100%;z-index:999}.navbar.active{background-color:#fff;color:#000;box-shadow:#64646f33 0 7px 29px}.navbar .responsivemenuu{border:1px solid rgb(162,162,162);position:absolute;right:1rem;top:5.5rem;padding:.5rem 1rem;width:90%;border-radius:.2rem;background-color:#fff;height:3.8rem}.navbar .right{width:100%}.navbar .right .navitems{display:flex;justify-content:space-around;align-items:center;flex-direction:row;list-style:none;gap:.5rem;width:100%}.navbar .right .navitems .navitem{font-weight:500;font-size:.88rem;padding:.2rem .4rem;border-radius:.3rem;width:100%;display:flex;justify-content:center;align-items:center;height:2.6rem;cursor:pointer}.navbar .right .navitems .navitem:hover hr{width:10rem}.navbar .right .navitems .navitem:hover{background-color:#2e8b57;color:#fff}.navbar .responsivemenu .menu{height:2rem;cursor:pointer}.navbar .left img{height:5rem;object-fit:cover}}@media (max-width: 456px){.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 1rem;background-color:#f8fcff;position:sticky;top:0;width:100%}.navbar.active{background-color:#fff;color:#000;box-shadow:#64646f33 0 7px 29px}.navbar .forkandmenu{display:flex;gap:1rem;border:2px solid rgb(30,30,30);border-radius:3rem;padding:0 .8rem 0 0;background-color:#f8fcff}.navbar .forkandmenu .resumebutton{border:none;background:radial-gradient(circle at -1% 57.5%,rgba(0,0,0,.063) 100%,rgba(0,0,0,.065) 100%);color:#000;padding:.6rem;border-radius:3rem;font-weight:600;letter-spacing:.002rem;font-size:.9rem;cursor:pointer}.navbar .forkandmenu .resumebutton:hover{background:radial-gradient(circle at -1% 57.5%,rgba(0,0,0,.063) 100%,rgba(0,0,0,.065) 100%);cursor:pointer;transition:all ease .5s}.navbar .forkandmenu .resumebutton:hover:before{content:"Download"}.navbar .forkandmenu .link{display:none}.navbar .responsivemenuu{position:absolute;right:0;top:-5.5rem;width:100%;height:110vh;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:-1;transform:translateY(3rem);transition:all ease .7s}.navbar .right .navitems{display:flex;justify-content:space-around;align-items:center;list-style:none;flex-direction:column;gap:1.5rem}.navbar .right .navitems .link{text-decoration:none}.navbar .right .navitems .fork{border:1px solid gray;border-radius:2rem;display:flex;justify-content:space-between;align-items:center;height:100%;width:100%;padding:0 .4rem}.navbar .right .navitems .fork:hover{background-color:#0000001a}.navbar .right .navitems .fork span{font-size:1.3rem;font-weight:600;color:#000}.navbar .right .navitems .fork .gitforkimg{width:2.5rem;height:2.5rem;object-fit:contain}.navbar .right .navitems .navitem{font-weight:500;font-size:1.2rem}.navbar .right .navitems .toggle{border:none}.navbar .right .navitems .toggle:hover{background-color:#fff;color:#fff;transition:all ease .7s;border-radius:10rem}.navbar .responsivemenu{z-index:1}.navbar .left{z-index:-1}.navbar .left img{height:4rem;object-fit:cover}.navbar .afp{display:none}.navbar .afp span{font-weight:600;color:#000}}.themetogglebtn{display:flex;align-items:center;justify-content:space-between;width:4.9rem;border:2.5px solid rgb(210,212,211);border-radius:4rem;position:relative;padding:.2rem}.ball{width:1.7rem;height:1.7rem;border-radius:2rem;background-color:#13b95b;position:absolute;cursor:pointer}.ball:hover{transition:all ease .7s}#light{background-color:#fff;transition:all ease 2s}#dark{background:radial-gradient(circle at 24.1% 68.8%,rgb(50,50,50) 0%,rgb(0,0,0) 99.4%);transition:all ease 2s}.hero{display:flex;flex-direction:column;gap:5rem;padding:5rem 13rem;height:calc(100vh - 5rem);background-color:#f8fcff;transition:all ease 1s}.hero .top{display:flex;gap:10rem;width:100%;margin:0 auto;align-items:center}.hero .top .left{display:flex;flex-direction:column;gap:2.5rem;width:50%}.hero .top .left .socialmedia{width:100%;display:flex;gap:1rem;align-items:center;justify-content:start}.hero .top .left .socialmedia .firstchild{height:2.3rem}.hero .top .left .socialmedia .upwork{height:3rem}.hero .top .left .socialmedia .lastchild{height:2rem}.hero .top .left .desc p{font-size:1.2rem;font-weight:300}.hero .top .left .desc p .name{font-family:Gelasio,serif;border-radius:.3rem;padding:.15rem .5rem;background-color:#2e2e2e;font-weight:500;color:#fff;transition:all ease .1s}.hero .top .left .desc p .name:hover{filter:drop-shadow(1px 4px 0 #2e8b57);color:#fff}.hero .top .left .designation h1{color:#2d2e32;font-size:3.5rem;line-height:3rem;transition:all ease .7s;text-transform:capitalize;filter:drop-shadow(1px 4px 0 #6bffab)}.hero .top .left .designation span{margin-left:1rem}.hero .top .left .designation span img{height:4.5rem;animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.hero .top .right{border:2px solid black;border-radius:70% 30% 44% 56%/47% 47% 53% 53%;height:18rem;transition:all ease .7s;background:url(https://t3.ftcdn.net/jpg/02/03/15/34/360_F_203153438_6tvdEUB2Nw9K0pubP6GAk7TjSIKlLorI.jpg) no-repeat center center/cover;animation:morph 15s ease-in-out infinite;transition:all .4s ease-in-out;z-index:5;overflow:hidden}.hero .top .right img{border:3px solid black;height:18rem;border-radius:70% 30% 44% 56%/47% 47% 53% 53%;filter:contrast(140%) saturate(90%);animation:morph 15s ease-in-out infinite;transition:all .4s ease-in-out;z-index:5;overflow:hidden}.hero .top .right img:hover{background:url(https://cdn.dribbble.com/userupload/11225362/file/original-c556f5d873c996992430621715733e26.png?resize=752x) no-repeat center center/contain;cursor:url(/assets/cursor2-1768d957.cur),default}@keyframes morph{0%{border-radius:42% 58% 59% 41%/42% 41% 59% 58%}10%{border-radius:33% 67% 59% 41%/51% 34% 66% 49%}20%{border-radius:33% 67% 46% 54%/65% 45% 55% 35%}30%{border-radius:47% 53% 32% 68%/59% 34% 66% 41%}40%{border-radius:60% 40% 40% 60%/44% 50% 50% 56%}50%{border-radius:73% 27%/29% 63% 37% 71%}60%{border-radius:50% 50% 57% 43%/41% 40% 60% 59%}70%{border-radius:27% 73% 32% 68%/58% 24% 76% 42%}80%{border-radius:40% 60% 28% 72%/49% 45% 55% 51%}90%{border-radius:59% 41% 47% 53%/61% 58% 42% 39%}to{border-radius:44% 56% 56% 44%/39% 50% 50% 61%}}.hero .bottom{width:70%;display:flex;gap:6rem;align-items:center}.hero .bottom .right{display:flex;flex-wrap:wrap;width:100%;gap:2.5rem;align-items:center}.hero .bottom .right .container{height:4rem;width:4rem;background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:100rem;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;-webkit-animation:rotate-center 15.6s steps(250,end) infinite both;animation:rotate-center 15.6s steps(250,end) infinite both;transition:all ease .7s}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hero .bottom .right .container:hover{cursor:pointer;animation:myAnim 2s ease 0s 1 normal forwards}@keyframes myAnim{0%,50%,to{opacity:1}25%,75%{opacity:.8;background-color:#2e8b5671}}.hero .bottom .right .container img{height:80%;width:80%;object-fit:contain;border-radius:100rem}.hero .bottom .left{text-align:center;border-radius:.4rem;position:relative}.hero .bottom .left span{font-size:1.2rem;font-weight:500}.hero .bottom .left .borderright{position:absolute;width:.2rem;height:6rem;background:linear-gradient(to bottom,violet,indigo,#001399,seagreen,#edd94c,orange,red);left:8rem;top:-1.3rem;border-radius:1.5rem;transition:all ease .7s}@media (max-width: 1370px){.hero{display:flex;flex-direction:column;gap:5rem;padding:4rem 6rem;height:calc(100vh - 1rem);background-color:#f8fcff;transition:all ease 1s}.hero .top{display:flex;gap:10rem;width:100%;margin:0 auto;align-items:center}.hero .top .left{display:flex;flex-direction:column;gap:2.5rem;width:50%}.hero .top .left .socialmedia{width:100%;display:flex;justify-content:start;gap:1rem;align-items:center}.hero .top .left .socialmedia .firstchild{height:2.1rem}.hero .top .left .socialmedia .lastchild{height:2rem}.hero .top .left .desc p{font-size:1.2rem;font-weight:300}.hero .top .left .desc p .name{border-radius:.2rem;padding:.15rem .5rem;background-color:#2e2e2e;font-weight:600;color:#fff;transition:all ease .7s}.hero .top .left .designation h1{color:#2d2e32;font-size:3.5rem;line-height:3rem;transition:all ease .7s}.hero .top .left .designation span{margin-left:1rem}.hero .top .left .designation span img{height:4.5rem;animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.hero .top .right{border:2px solid black;border-radius:70% 30% 44% 56%/47% 47% 53% 53%;background-color:#f8fff7;height:18rem;transition:all ease .7s;animation:morph 15s ease-in-out infinite;transition:all .4s ease-in-out;z-index:5}.hero .top .right img{border:3px solid black;height:18rem;border-radius:70% 30% 44% 56%/47% 47% 53% 53%;filter:contrast(140%) saturate(90%);animation:morph 15s ease-in-out infinite;transition:all .4s ease-in-out;z-index:5}@keyframes morph{0%{border-radius:42% 58% 59% 41%/42% 41% 59% 58%}10%{border-radius:33% 67% 59% 41%/51% 34% 66% 49%}20%{border-radius:33% 67% 46% 54%/65% 45% 55% 35%}30%{border-radius:47% 53% 32% 68%/59% 34% 66% 41%}40%{border-radius:60% 40% 40% 60%/44% 50% 50% 56%}50%{border-radius:73% 27%/29% 63% 37% 71%}60%{border-radius:50% 50% 57% 43%/41% 40% 60% 59%}70%{border-radius:27% 73% 32% 68%/58% 24% 76% 42%}80%{border-radius:40% 60% 28% 72%/49% 45% 55% 51%}90%{border-radius:59% 41% 47% 53%/61% 58% 42% 39%}to{border-radius:44% 56% 56% 44%/39% 50% 50% 61%}}.hero .bottom{width:70%;display:flex;gap:6rem;align-items:center}.hero .bottom .right{display:flex;gap:2.5rem;align-items:center}.hero .bottom .right .container{height:4rem;width:4rem;background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:100rem;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;-webkit-animation:rotate-center 15.6s steps(250,end) infinite both;animation:rotate-center 15.6s steps(250,end) infinite both;transition:all ease .7s}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hero .bottom .right .container:hover{cursor:pointer;animation:myAnim 2s ease 0s 1 normal forwards}@keyframes myAnim{0%,50%,to{opacity:1}25%,75%{opacity:.8;background-color:#2e8b5671}}.hero .bottom .right .container img{height:80%;width:80%;object-fit:contain;border-radius:100rem}.hero .bottom .left{text-align:center;border-radius:.4rem;position:relative}.hero .bottom .left span{font-size:1.2rem;font-weight:500}.hero .bottom .left .borderright{position:absolute;width:.2rem;height:6rem;background-color:#b0b0b0;left:8rem;top:-1.3rem;border-radius:1.5rem;transition:all ease .7s}}@media (max-width: 1230px){.hero{height:calc(100vh + 5rem);gap:7rem;padding:4rem 5rem}.hero .top{gap:13rem}.hero .top .left{width:50%}.hero .bottom{width:100%;gap:6rem}.hero .bottom .left .borderright{left:9rem;top:-2rem}}@media (max-width: 1025px){.hero{display:flex;flex-direction:column;gap:5rem;padding:7rem 2rem;height:calc(100vh + 5rem);background-color:#f8fcff}.hero .top{display:flex;gap:10rem;width:100%;margin:0 auto;align-items:center}.hero .top .left{width:50%}.hero .top .right{border:2px solid black;border-radius:50%;height:14rem;transition:all ease .7s;background:url(https://t3.ftcdn.net/jpg/02/03/15/34/360_F_203153438_6tvdEUB2Nw9K0pubP6GAk7TjSIKlLorI.jpg) no-repeat center center/cover;object-fit:contain;animation:morph 15s ease-in-out infinite;transition:all .4s ease-in-out;z-index:5;overflow:hidden}.hero .top .right img{border:3px solid black;height:14rem;border-radius:50%;object-fit:contain;filter:contrast(140%) saturate(90%);animation:morph 15s ease-in-out infinite;transition:all .4s ease-in-out;z-index:5;overflow:hidden}.hero .top .right img:hover{background:url(https://cdn.dribbble.com/userupload/11225362/file/original-c556f5d873c996992430621715733e26.png?resize=752x) no-repeat center center/contain}@keyframes morph{0%{border-radius:42% 58% 59% 41%/42% 41% 59% 58%}10%{border-radius:33% 67% 59% 41%/51% 34% 66% 49%}20%{border-radius:33% 67% 46% 54%/65% 45% 55% 35%}30%{border-radius:47% 53% 32% 68%/59% 34% 66% 41%}40%{border-radius:60% 40% 40% 60%/44% 50% 50% 56%}50%{border-radius:73% 27%/29% 63% 37% 71%}60%{border-radius:50% 50% 57% 43%/41% 40% 60% 59%}70%{border-radius:27% 73% 32% 68%/58% 24% 76% 42%}80%{border-radius:40% 60% 28% 72%/49% 45% 55% 51%}90%{border-radius:59% 41% 47% 53%/61% 58% 42% 39%}to{border-radius:44% 56% 56% 44%/39% 50% 50% 61%}}.hero .bottom{width:100%}.hero .bottom .left .borderright{position:absolute;width:.2rem;height:6rem;background-color:#b0b0b0;left:8rem;top:-2rem;border-radius:1.5rem}}@media (max-width: 456px){.hero{width:100%;display:flex;flex-direction:column;gap:5rem;padding:5rem .5rem;height:100%;background-color:#f8fcff}.hero .top{display:flex;flex-direction:column-reverse;gap:5rem;width:100%;margin:0 auto;align-items:center}.hero .top .left{display:flex;flex-direction:column;gap:2.5rem;width:100%}.hero .top .left .socialmedia{width:100%;display:flex;justify-content:start;gap:.4rem;align-items:center}.hero .top .left .socialmedia .firstchild{height:2rem}.hero .top .left .socialmedia .lastchild{height:2.3rem}.hero .top .left .socialmedia .upwork{height:3rem}.hero .top .left .desc p{font-size:1.2rem;font-weight:300}.hero .top .left .desc p .name{border-radius:.2rem;padding:.15rem .5rem;background-color:#2e2e2e;font-weight:500;color:#fff}.hero .top .left .designation h1{color:#2d2e32;font-size:2.8rem;line-height:3rem}.hero .top .left .designation span{margin:4rem auto;z-index:999}.hero .top .left .designation span img{height:2.5rem;animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;transform-origin:70% 70%;z-index:999;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.hero .top .right{border:2px solid black;border-radius:70% 30% 44% 56%/47% 47% 53% 53%;background-color:#f8fff7;height:14rem;animation:morph 15s ease-in-out infinite;transition:all .4s ease-in-out;z-index:50}.hero .top .right img{border:3px solid black;height:14rem;border-radius:70% 30% 44% 56%/47% 47% 53% 53%;filter:contrast(140%) saturate(90%);animation:morph 15s ease-in-out infinite;transition:all .4s ease-in-out;z-index:50}@keyframes morph{0%{border-radius:42% 58% 59% 41%/42% 41% 59% 58%}10%{border-radius:33% 67% 59% 41%/51% 34% 66% 49%}20%{border-radius:33% 67% 46% 54%/65% 45% 55% 35%}30%{border-radius:47% 53% 32% 68%/59% 34% 66% 41%}40%{border-radius:60% 40% 40% 60%/44% 50% 50% 56%}50%{border-radius:73% 27%/29% 63% 37% 71%}60%{border-radius:50% 50% 57% 43%/41% 40% 60% 59%}70%{border-radius:27% 73% 32% 68%/58% 24% 76% 42%}80%{border-radius:40% 60% 28% 72%/49% 45% 55% 51%}90%{border-radius:59% 41% 47% 53%/61% 58% 42% 39%}to{border-radius:44% 56% 56% 44%/39% 50% 50% 61%}}.hero .bottom{width:100%;display:flex;gap:6rem;align-items:center}.hero .bottom .right{display:flex;flex-wrap:wrap;gap:2.5rem;align-items:center}.hero .bottom .right .container{height:4rem;width:4rem;background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:100rem;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.hero .bottom .right .container:hover{cursor:pointer;animation:myAnim 2s ease 0s 1 normal forwards}@keyframes myAnim{0%,50%,to{opacity:1}25%,75%{opacity:.7}}.hero .bottom .right .container img{height:80%;width:80%;object-fit:contain;border-radius:100rem}.hero .bottom .left{text-align:center;border-radius:.4rem;position:relative}.hero .bottom .left span{font-size:1.2rem;font-weight:500}.hero .bottom .left .borderright{position:absolute;width:.2rem;height:6rem;background-color:#b0b0b0;left:8rem;top:-1.3rem;border-radius:1.5rem}}#dark .hero{background-color:#000;transition:all ease 1s}#dark .hero .top .left .socialmedia .upworkk{filter:invert(1)}#dark .hero .top .left .socialmedia .lastchild{height:2.4rem;background-color:#f8fff7;border-radius:45rem;padding:.2rem}#dark .hero .top .left .desc{color:#f8fff7;transition:all ease .7s}#dark .hero .top .left .desc p .name{background-color:#fff;color:#000;transition:all ease .7s;font-weight:500}#dark .hero .top .left .designation h1{color:#f8fff7;transition:all ease .7s;filter:drop-shadow(1px 4px 0 #2e8b57)}#dark .hero .top .right{border:2px solid rgb(255,255,255);background-color:#181818;transition:all ease .7s}#dark .hero .top .right img{border:3px solid rgb(255,255,255);transition:all ease .7s}#dark .hero .bottom .left span{color:#f8fff7;transition:all ease .7s}#dark .hero .bottom .left .borderright{background-color:#e4e4e4;transition:all ease .7s}@media (max-width: 456px){.hero{width:100%;display:flex;flex-direction:column;gap:5rem;padding:5rem .5rem;height:100%;background-color:#f8fcff}.hero .top{display:flex;flex-direction:column-reverse;gap:5rem;width:100%;margin:0 auto;align-items:center}.hero .top .left{display:flex;flex-direction:column;gap:2.5rem;width:100%}.hero .top .left .socialmedia{width:100%;display:flex;justify-content:start;gap:.4rem;align-items:center}.hero .top .left .socialmedia .firstchild{height:2.4rem}.hero .top .left .socialmedia .lastchild{height:2.3rem}.hero .top .left .socialmedia .upwork{height:3rem}.hero .top .left .desc p{font-size:1.2rem;font-weight:300}.hero .top .left .desc p .name{border-radius:.2rem;padding:.15rem .5rem;background-color:#2e2e2e;font-weight:500;color:#fff}.hero .top .left .designation h1{color:#2d2e32;font-size:2.8rem;line-height:3rem}.hero .top .left .designation span{margin:4rem auto;z-index:999}.hero .top .left .designation span img{height:2.5rem;animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;transform-origin:70% 70%;z-index:999;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.hero .top .right{border:2px solid black;border-radius:70% 30% 44% 56%/47% 47% 53% 53%;background-color:#f8fff7;height:14rem;animation:morph 15s ease-in-out infinite;transition:all .4s ease-in-out;z-index:50}.hero .top .right img{border:3px solid black;height:14rem;border-radius:70% 30% 44% 56%/47% 47% 53% 53%;filter:contrast(140%) saturate(90%);animation:morph 15s ease-in-out infinite;transition:all .4s ease-in-out;z-index:50}@keyframes morph{0%{border-radius:42% 58% 59% 41%/42% 41% 59% 58%}10%{border-radius:33% 67% 59% 41%/51% 34% 66% 49%}20%{border-radius:33% 67% 46% 54%/65% 45% 55% 35%}30%{border-radius:47% 53% 32% 68%/59% 34% 66% 41%}40%{border-radius:60% 40% 40% 60%/44% 50% 50% 56%}50%{border-radius:73% 27%/29% 63% 37% 71%}60%{border-radius:50% 50% 57% 43%/41% 40% 60% 59%}70%{border-radius:27% 73% 32% 68%/58% 24% 76% 42%}80%{border-radius:40% 60% 28% 72%/49% 45% 55% 51%}90%{border-radius:59% 41% 47% 53%/61% 58% 42% 39%}to{border-radius:44% 56% 56% 44%/39% 50% 50% 61%}}.hero .bottom{width:100%;display:flex;gap:6rem;align-items:center}.hero .bottom .right{display:flex;flex-wrap:wrap;gap:2.5rem;align-items:center}.hero .bottom .right .container{height:4rem;width:4rem;background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:100rem;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px}.hero .bottom .right .container:hover{cursor:pointer;animation:myAnim 2s ease 0s 1 normal forwards}@keyframes myAnim{0%,50%,to{opacity:1}25%,75%{opacity:.7}}.hero .bottom .right .container img{height:80%;width:80%;object-fit:contain;border-radius:100rem}.hero .bottom .left{text-align:center;border-radius:.4rem;position:relative}.hero .bottom .left span{font-size:1.2rem;font-weight:500}.hero .bottom .left .borderright{position:absolute;width:.2rem;height:10rem;background-color:#b0b0b0;left:7rem;top:-3.3rem;border-radius:1.5rem}}@media (min-height: 1050px){.hero{margin-top:4rem;gap:7rem}.hero .top{display:flex;gap:20rem;width:100%;margin:0 auto;align-items:center}.hero .top .left{display:flex;flex-direction:column;gap:2.5rem;width:50%}.hero .top .left .socialmedia{width:22%;display:flex;gap:2rem;align-items:center}.hero .top .left .socialmedia .firstchild{height:3.3rem}.hero .top .left .socialmedia .upwork{height:3.5rem}.hero .top .left .socialmedia .lastchild{height:3rem}.hero .top .left .desc p{font-size:2rem;font-weight:300}.hero .top .left .desc p .name{border-radius:.2rem;padding:.15rem .5rem;background-color:#2e2e2e;font-weight:600;color:#fff;transition:all ease .7s}.hero .top .left .designation h1{color:#2d2e32;font-size:4.5rem;line-height:4rem;transition:all ease .7s}.hero .top .left .designation span{margin-left:1rem}.hero .top .left .designation span img{height:5.5rem;animation-name:wave-animation;animation-duration:2.5s;animation-iteration-count:infinite;transform-origin:70% 70%;display:inline-block}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.hero .top .right{border:2px solid black;border-radius:70% 30% 44% 56%/47% 47% 53% 53%;height:25rem;transition:all ease .7s;background:url(https://t3.ftcdn.net/jpg/02/03/15/34/360_F_203153438_6tvdEUB2Nw9K0pubP6GAk7TjSIKlLorI.jpg) no-repeat center center/cover;animation:morph 15s ease-in-out infinite;transition:all .4s ease-in-out;z-index:5;overflow:hidden}.hero .top .right img{border:3px solid black;height:25rem;border-radius:70% 30% 44% 56%/47% 47% 53% 53%;filter:contrast(140%) saturate(90%);animation:morph 15s ease-in-out infinite;transition:all .4s ease-in-out;z-index:5;overflow:hidden}.hero .top .right img:hover{scale:1.6;background:linear-gradient(to right,red,black,rgb(255,255,255),green)}@keyframes morph{0%{border-radius:42% 58% 59% 41%/42% 41% 59% 58%}10%{border-radius:33% 67% 59% 41%/51% 34% 66% 49%}20%{border-radius:33% 67% 46% 54%/65% 45% 55% 35%}30%{border-radius:47% 53% 32% 68%/59% 34% 66% 41%}40%{border-radius:60% 40% 40% 60%/44% 50% 50% 56%}50%{border-radius:73% 27%/29% 63% 37% 71%}60%{border-radius:50% 50% 57% 43%/41% 40% 60% 59%}70%{border-radius:27% 73% 32% 68%/58% 24% 76% 42%}80%{border-radius:40% 60% 28% 72%/49% 45% 55% 51%}90%{border-radius:59% 41% 47% 53%/61% 58% 42% 39%}to{border-radius:44% 56% 56% 44%/39% 50% 50% 61%}}.hero .bottom{width:70%;display:flex;gap:7rem;align-items:center}.hero .bottom .right{display:flex;flex-wrap:wrap;width:100%;gap:3.5rem;align-items:center}.hero .bottom .right .container{height:6rem;width:6rem;background-color:#fff;display:flex;justify-content:center;align-items:center;border-radius:100rem;box-shadow:#32325d40 0 13px 27px -5px,#0000004d 0 8px 16px -8px;-webkit-animation:rotate-center 15.6s steps(250,end) infinite both;animation:rotate-center 15.6s steps(250,end) infinite both;transition:all ease .7s}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.hero .bottom .right .container:hover{cursor:pointer;animation:myAnim 2s ease 0s 1 normal forwards}@keyframes myAnim{0%,50%,to{opacity:1}25%,75%{opacity:.8;background-color:#2e8b5671}}.hero .bottom .right .container img{height:80%;width:80%;object-fit:contain;border-radius:100rem}.hero .bottom .left{text-align:center;border-radius:.4rem;position:relative}.hero .bottom .left span{font-size:2.2rem;font-weight:500}.hero .bottom .left .borderright{position:absolute;width:.2rem;height:10rem;background:linear-gradient(to bottom,violet,indigo,#001399,seagreen,#edd94c,orange,red);left:12rem;top:-1.3rem;border-radius:1.5rem;transition:all ease .7s}}.aboutme{background-color:#fff;padding:5rem 13rem;transition:all ease 1s}.aboutme .container{display:flex;justify-content:space-around;gap:8rem;align-items:center}.aboutme .container .right{display:flex;flex-direction:column;gap:1rem}.aboutme .container .right .top h1{font-size:3rem;color:#2e8b57;transition:all ease .7s}.aboutme .container .right .mid h2{color:#2d2e32;font-size:1.9rem;transition:all ease .7s}.aboutme .container .right .bottom p{color:#636363;font-size:1.1rem;line-height:1.9rem;transition:all ease .7s}.aboutme .container .right .bottom p .pspan{color:#fff;background-color:#2e8b57;padding:.1rem .2rem;border-radius:.1rem;font-weight:600;transition:all ease .7s}.aboutme .container .left img{height:20rem}#dark .aboutme{transition:all ease 1s;background-color:#0d0d0d}#dark .aboutme .container .right .top h1{color:#2e8b57;transition:all ease .7s}#dark .aboutme .container .right .mid h2{color:#f5f5f5;transition:all ease .7s}#dark .aboutme .container .right .bottom p{color:#eee;font-size:1rem;line-height:1.9rem;transition:all ease .7s}#dark .aboutme .container .right .bottom p .pspan{color:#fff;background-color:#2e8b57;padding:.1rem .2rem;border-radius:.1rem;font-weight:600;transition:all ease .7s}#dark .aboutme .container .left img{height:20rem}@media (max-width: 1370px){.aboutme{background-color:#fff;padding:5rem 6rem;transition:all ease 1s}.aboutme .container{display:flex;justify-content:space-around;gap:7rem;align-items:center}.aboutme .container .right{display:flex;flex-direction:column;gap:1rem}.aboutme .container .right .top h1{font-size:3rem;color:#2e8b57;transition:all ease 1s}.aboutme .container .right .mid h2{color:#2d2e32;font-size:1.8rem;transition:all ease 1s}.aboutme .container .right .bottom p{color:#636363;font-size:1rem;line-height:1.9rem;transition:all ease .7s}.aboutme .container .right .bottom p .pspan{color:#fff;background-color:#2e8b57;padding:.1rem .2rem;border-radius:.1rem;font-weight:600;transition:all ease .7s}.aboutme .container .left img{height:20rem}}@media (max-width: 1230px){.aboutme{padding:6rem 4rem}.aboutme .container .right .bottom p{font-size:.95rem}}@media (max-width: 1024px){.aboutme{padding:5rem 4rem}.aboutme .container{display:flex;gap:5rem;align-items:center}.aboutme .container .right{display:flex;flex-direction:column;gap:1rem}.aboutme .container .right .top h1{font-size:3rem;color:#2e8b57}.aboutme .container .right .mid h2{color:#2d2e32;font-size:1.3rem}.aboutme .container .right .bottom p{color:#636363;font-size:1rem;line-height:1.8rem;width:100%}.aboutme .container .right .bottom p .pspan{color:#fff;background-color:#2e8b57;padding:.1rem .2rem;border-radius:.1rem;font-weight:600}.aboutme .container .left img{height:17rem}}@media (max-width: 456px){.aboutme{width:100%;padding:5rem .5rem;height:100%}.aboutme .container{display:flex;flex-direction:column-reverse;gap:5rem}.aboutme .container .right{display:flex;flex-direction:column;gap:1rem}.aboutme .container .right .top h1{font-size:2.5rem;color:#2e8b57;font-weight:700}.aboutme .container .right .mid h2{color:#2d2e32;font-size:1.9rem}.aboutme .container .right .bottom p{color:#636363;font-size:.9rem;line-height:1.9rem}.aboutme .container .right .bottom p .pspan{color:#fff;background-color:#2e8b57;padding:.1rem .2rem;border-radius:.1rem;font-weight:600}.aboutme .container .left{height:300px;width:340px}.aboutme .container .left img{height:100%;width:100%;object-fit:contain;filter:contrast(20rem)}}.projects .container .bottom .containerb{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:1rem;border-radius:1rem;margin-bottom:2rem;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;transition:all ease .7s}.projects .container .bottom .containerb .rightb .midb .midbtn{width:50%;margin:.5rem auto;display:flex;justify-content:center;align-items:center;gap:1rem}.projects .container .bottom .containerb .rightb .midb .midbtn span:first-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem;transition:all ease .7s}.projects .container .bottom .containerb .leftbb{width:500px;height:350px;overflow-y:hidden;border-radius:1rem;box-shadow:#00000026 0 5px 15px;position:relative;transition:all ease .7s}@media (max-width: 1370px){.projects{background-color:#f0f8ff;padding:5rem 6rem;transition:all ease .9s}.projects .container{display:flex;flex-direction:column}.projects .container .top{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.projects .container .top h1{color:#2e8b57;font-weight:700;font-size:2.8rem;transition:all ease .7s}.projects .container .top h2{color:#2d2e32;font-size:1.9rem;transition:all ease .7s}.projects .container .bottom .containerb{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:1rem;border-radius:1rem;margin-bottom:2rem;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;transition:all ease .7s}.projects .container .bottom .containerb.containerbrow{display:flex;justify-content:space-between;flex-direction:row-reverse}.projects .container .bottom .containerb .rightb{display:flex;flex-direction:column;gap:1rem;align-items:center;width:50%}.projects .container .bottom .containerb .rightb .midb{display:flex;flex-direction:column;justify-content:center;gap:.8rem;align-items:center}.projects .container .bottom .containerb .rightb .midb p{text-align:center;color:#636363;font-size:1.1rem;transition:all ease .7s}.projects .container .bottom .containerb .rightb .midb .midbtn{width:50%;margin:.5rem auto;display:flex;justify-content:center;align-items:center;gap:1rem}.projects .container .bottom .containerb .rightb .midb .midbtn span:first-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem;transition:all ease .7s}.projects .container .bottom .containerb .rightb .midb .midbtn span:last-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem;transition:all ease .7s}.projects .container .bottom .containerb .rightb .topr{font-size:1.5rem}.projects .container .bottom .containerb .leftb{width:500px;height:350px;overflow-y:hidden;border-radius:1rem;box-shadow:#00000026 0 5px 15px;position:relative;transition:all ease .7s}.projects .container .bottom .containerb .leftb .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:#2e8b57;font-weight:700;cursor:pointer;transition:opacity .3s ease;transition:all ease .7s}.projects .container .bottom .containerb .leftb .overlay span{background-color:#f5f5f5;color:#2e8b57;padding:.2rem;border-radius:.2rem;transition:all ease .7s}.projects .container .bottom .containerb .leftb:hover .overlay{display:none}.projects .container .bottom .containerb .leftb:hover img{transform:translateY(-78%)}.projects .container .bottom .containerb .leftb img{width:100%;height:auto;transition:transform 10.3s ease}.projects .container .bottom .bottomb{display:flex;justify-content:space-around;align-items:center;gap:1rem}.projects .container .bottom .bottomb .btns{background-color:#2e8b57;height:3.1rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen;transition:all ease .7s}.projects .container .bottom .bottomb .btns:hover{background-color:#fff;transition:.4s all ease;box-shadow:none;transition:all ease .7s}.projects .container .bottom .bottomb .btnss{background-color:#2e8b57;height:3.32rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen;transition:all ease .7s}.projects .container .bottom .bottomb .btnss:hover{background-color:#fff;transition:.4s all ease;box-shadow:none;transition:all ease .7s}.projects .container .bottom .bottomb .rightbb{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:.4rem .7rem;font-weight:600;color:#1c1c1c;border-radius:.2rem;gap:1rem;text-decoration:none;transition:all ease .7s}.projects .container .bottom .bottomb .rightbb h3{cursor:not-allowed;font-weight:550;font-size:1rem}.projects .container .bottom .bottomb .imglive{height:1.8rem}.projects .container .bottom .bottomb img{height:2rem}}@media (max-width: 1025px){.projects{background-color:#f0f8ff;padding:3rem 4rem}.projects .container{display:flex;flex-direction:column}.projects .container .top{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.projects .container .top h1{color:#2e8b57;font-weight:700;font-size:2.8rem}.projects .container .top h2{color:#2d2e32;font-size:1.6rem}.projects .container .bottom .containerb{display:flex;justify-content:space-between;gap:3rem;align-items:center;background-color:#fff;padding:1rem;border-radius:1rem;margin-bottom:2rem;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px}.projects .container .bottom .containerb.containerbrow{display:flex;justify-content:space-between;flex-direction:row-reverse}.projects .container .bottom .containerb .rightb{display:flex;flex-direction:column;gap:1rem;align-items:center;width:50%}.projects .container .bottom .containerb .rightb .midb{display:flex;flex-direction:column;justify-content:center;gap:.8rem;align-items:center}.projects .container .bottom .containerb .rightb .midb p{text-align:center;color:#636363;font-size:1rem}.projects .container .bottom .containerb .rightb .midb .midbtn{width:50%;margin:.5rem auto;display:flex;justify-content:center;align-items:center;gap:1rem}.projects .container .bottom .containerb .rightb .midb .midbtn span:first-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem}.projects .container .bottom .containerb .rightb .midb .midbtn span:last-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem}.projects .container .bottom .containerb .rightb .topr{font-size:1.4rem}.projects .container .bottom .containerb .leftb{width:400px;height:250px;overflow-y:hidden;border-radius:1rem;box-shadow:#00000026 0 5px 15px;position:relative}.projects .container .bottom .containerb .leftb .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:#2e8b57;font-weight:700;cursor:pointer;transition:opacity .3s ease}.projects .container .bottom .containerb .leftb .overlay span{background-color:#f5f5f5;color:#2e8b57;padding:.2rem;border-radius:.2rem}.projects .container .bottom .containerb .leftb:hover .overlay{display:none}.projects .container .bottom .containerb .leftb:hover img{transform:translateY(-78%)}.projects .container .bottom .containerb .leftb img{width:100%;height:auto;transition:transform 10.3s ease}.projects .container .bottom .bottomb{display:flex;justify-content:space-around;align-items:center;gap:1rem}.projects .container .bottom .bottomb .btns{background-color:#2e8b57;height:3.1rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen}.projects .container .bottom .bottomb .btns:hover{background-color:#fff;transition:.4s all ease;box-shadow:none}.projects .container .bottom .bottomb .btnss{background-color:#2e8b57;height:3.32rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen}.projects .container .bottom .bottomb .btnss:hover{background-color:#fff;transition:.4s all ease;box-shadow:none}.projects .container .bottom .bottomb .rightbb{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:.4rem .7rem;font-weight:600;color:#1c1c1c;border-radius:.2rem;gap:1rem;text-decoration:none}.projects .container .bottom .bottomb .imglive{height:1.8rem}.projects .container .bottom .bottomb img{height:2rem}}@media (max-width: 456px){.projects{width:100%;padding:5rem .5rem}.projects .container .top{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.projects .container .top h1{color:#2e8b57;font-weight:700;font-size:2.4rem}.projects .container .top h2{color:#2d2e32;font-size:1.2rem}.projects .container .bottom .containerb{display:flex;flex-direction:column;align-items:center;gap:1.5rem;background-color:#fff;padding:1rem;border-radius:.8rem;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;margin-bottom:3rem}.projects .container .bottom .containerb.containerbrow{display:flex;flex-direction:column}.projects .container .bottom .containerb .rightb{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%}.projects .container .bottom .containerb .rightb .midb{display:flex;flex-direction:column;justify-content:center;gap:.8rem;align-items:center}.projects .container .bottom .containerb .rightb .midb p{text-align:center;color:#636363;font-size:1rem}.projects .container .bottom .containerb .rightb .midb .midbtn{width:100%;margin:.5rem auto;display:flex;justify-content:center;align-items:center;gap:1rem}.projects .container .bottom .containerb .rightb .midb .midbtn span:first-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem}.projects .container .bottom .containerb .rightb .midb .midbtn span:last-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem}.projects .container .bottom .containerb .rightb .topr{font-size:1.4rem}.projects .container .bottom .containerb .leftbb{width:320px;height:210px;overflow-y:hidden;border-radius:.5rem;box-shadow:#00000026 0 5px 15px}.projects .container .bottom .containerb .leftbb img{width:100%;height:100%}.projects .container .bottom .containerb .leftb{width:320px;height:210px;overflow-y:hidden;border-radius:.5rem;box-shadow:#00000026 0 5px 15px}.projects .container .bottom .containerb .leftb:hover img{transform:translateY(-78%)}.projects .container .bottom .containerb .leftb img{width:100%;height:auto;transition:transform 10.3s ease}.projects .container .bottom .bottomb{display:flex;justify-content:space-around;align-items:center;gap:1rem}.projects .container .bottom .bottomb .btns{background-color:#2e8b57;height:3.1rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen}.projects .container .bottom .bottomb .btns:hover{background-color:#fff;transition:.4s all ease;box-shadow:none}.projects .container .bottom .bottomb .btnss{background-color:#2e8b57;height:3.32rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen}.projects .container .bottom .bottomb .btnss:hover{background-color:#fff;transition:.4s all ease;box-shadow:none}.projects .container .bottom .bottomb .rightbb{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:.4rem .7rem;font-weight:600;color:#1c1c1c;border-radius:.2rem;gap:1rem;text-decoration:none}.projects .container .bottom .bottomb .rightbb h3{font-weight:600;font-size:.91rem}.projects .container .bottom .bottomb .imglive{height:1.8rem}.projects .container .bottom .bottomb img{height:2rem}}.contact{padding:8rem 13rem;background-color:#fff;transition:all ease .7s}.contact .container{display:flex;flex-direction:column;gap:2rem}.contact .container .bottom{display:flex;flex-wrap:wrap;gap:2rem}.contact .container .bottom .subbottom{width:31%;display:flex;align-items:center;background-color:#fafafa;position:relative;cursor:pointer;border-radius:.4rem;padding:.4rem .2rem;transition:all ease .7s}.contact .container .bottom .subbottom .a{text-decoration:none;display:flex;align-items:center;gap:1rem;color:#171717;transition:all ease .7s}.contact .container .bottom .subbottom .a:visited{color:#171717;transition:all ease .7s}.contact .container .bottom .subbottom:hover{background-color:#f1f1f1;transition:all ease .7s}.contact .container .bottom .subbottom:hover .hoverspan:before{content:"A-1888, Phase-2, Gulshan-e-Hadeed";position:absolute;height:2rem;width:20rem;top:-2.3rem;background-color:#2e8b57;display:flex;justify-content:center;align-items:center;border-radius:.2rem;font-weight:600;color:#fff;transition:all ease .7s}.contact .container .bottom .subbottom .right{display:flex;flex-direction:column}.contact .container .bottom .subbottom .right span:first-child{font-weight:600;font-size:1.3rem}.contact .container .bottom .subbottom .right span:last-child{color:#5a5a5a;font-weight:500;font-size:1rem;transition:all ease .7s}.contact .container .bottom .subbottom .right span:last-child:hover.spanlast{background-color:#dcdcdc;padding:.15rem;border-radius:.1rem;color:#282828;font-weight:600;transition:all ease .7s}.contact .container .bottom .subbottom .right .a{text-decoration:none}.contact .container .bottom .subbottom .left{height:4.1rem;width:4.1rem;border-radius:4rem}.contact .container .bottom .subbottom .left img{height:100%;width:100%;object-fit:contain;border-radius:4rem}.contact .container .top h1{font-size:3rem;color:#2e8b57;transition:all ease .7s}.contact .container .top h2{color:#2d2e32;font-size:1.9rem;transition:all ease .7s}#dark .contact{background-color:#0d0d0d;transition:all ease .7s}#dark .contact .container .bottom .subbottom{background-color:#000;transition:all ease .7s}#dark .contact .container .bottom .subbottom:hover{background-color:#171717;transition:all ease .7s}#dark .contact .container .bottom .subbottom:hover .hoverspan:before{content:"A-1888, Phase-2, Gulshan-e-Hadeed";position:absolute;height:2rem;width:20rem;top:-2.3rem;background-color:#2e8b57;display:flex;justify-content:center;align-items:center;border-radius:.2rem;font-weight:600;color:#fff;transition:all ease .7s}#dark .contact .container .bottom .subbottom .right{display:flex;flex-direction:column}#dark .contact .container .bottom .subbottom .right span:first-child{color:#f5f5f5;transition:all ease .7s}#dark .contact .container .bottom .subbottom .right span:last-child{color:#cacaca;transition:all ease .7s}#dark .contact .container .bottom .subbottom .right span:last-child:hover.spanlast{background-color:#dcdcdc;color:#282828;transition:all ease .7s}#dark .contact .container .top h1{font-size:3rem;color:#2e8b57;transition:all ease .7s}#dark .contact .container .top h2{color:#f5f5f5;font-size:1.9rem;transition:all ease .7s}@media (max-width: 1370px){.contact{padding:8rem 6rem;background-color:#fff;transition:all ease .7s}.contact .container{display:flex;flex-direction:column;gap:2rem}.contact .container .bottom{display:flex;flex-wrap:wrap;gap:2rem}.contact .container .bottom .subbottom{width:31%;display:flex;align-items:center;background-color:#fafafa;position:relative;cursor:pointer;border-radius:.4rem;padding:.4rem .2rem;transition:all ease .7s}.contact .container .bottom .subbottom .a{text-decoration:none;display:flex;align-items:center;gap:1rem;color:#171717;transition:all ease .7s}.contact .container .bottom .subbottom .a:visited{color:#171717;transition:all ease .7s}.contact .container .bottom .subbottom:hover{background-color:#f1f1f1;transition:all ease .7s}.contact .container .bottom .subbottom:hover .hoverspan:before{content:"A-1888, Phase-2, Gulshan-e-Hadeed";position:absolute;height:2rem;width:20rem;top:-2.3rem;background-color:#2e8b57;display:flex;justify-content:center;align-items:center;border-radius:.2rem;font-weight:600;color:#fff;transition:all ease .7s}.contact .container .bottom .subbottom .right{display:flex;flex-direction:column}.contact .container .bottom .subbottom .right span:first-child{font-weight:600;font-size:1.3rem}.contact .container .bottom .subbottom .right span:last-child{color:#5a5a5a;font-weight:500;font-size:1rem;transition:all ease .7s}.contact .container .bottom .subbottom .right span:last-child:hover.spanlast{background-color:#dcdcdc;padding:.15rem;border-radius:.1rem;color:#282828;font-weight:600;transition:all ease .7s}.contact .container .bottom .subbottom .right .a{text-decoration:none}.contact .container .bottom .subbottom .left{height:4.1rem;width:4.1rem;border-radius:4rem}.contact .container .bottom .subbottom .left img{height:100%;width:100%;object-fit:contain;border-radius:4rem}.contact .container .top h1{font-size:3rem;color:#2e8b57;transition:all ease .7s}.contact .container .top h2{color:#2d2e32;font-size:1.9rem;transition:all ease .7s}}@media (max-width: 1230px){.contact{padding:8rem 4rem}}@media (max-width: 1024px){.contact{padding:7rem 3rem}.contact .container{display:flex;flex-direction:column;gap:2rem}.contact .container .bottom{display:flex;flex-wrap:wrap;gap:1.9rem;width:100%}.contact .container .bottom .subbottom{width:31%;display:flex;gap:0rem;align-items:center;background-color:#fafafa;position:relative;cursor:pointer;border-radius:.4rem;padding:.3rem .5rem}.contact .container .bottom .subbottom .a{text-decoration:none;display:flex;align-items:center;width:100%;color:#171717}.contact .container .bottom .subbottom .a:visited{color:#171717}.contact .container .bottom .subbottom:hover{background-color:#f1f1f1}.contact .container .bottom .subbottom:hover .hoverspan:before{content:"A-1888, Phase-2, Gulshan-e-Hadeed";position:absolute;height:2rem;width:20rem;top:-2.3rem;background-color:#2e8b57;display:flex;justify-content:center;align-items:center;border-radius:.2rem;font-weight:600;color:#fff}.contact .container .bottom .subbottom .right{display:flex;flex-direction:column}.contact .container .bottom .subbottom .right span:first-child{font-weight:600;font-size:1.3rem}.contact .container .bottom .subbottom .right span:last-child{color:#5a5a5a;font-weight:500;font-size:1rem;width:100%;word-break:break-all}.contact .container .bottom .subbottom .right span:last-child:hover.spanlast{background-color:#dcdcdc;padding:.15rem;border-radius:.1rem;color:#282828;font-weight:600}.contact .container .bottom .subbottom .right .a{text-decoration:none}.contact .container .bottom .subbottom .left{height:4.1rem;width:4.1rem;border-radius:4rem}.contact .container .bottom .subbottom .left img{height:100%;width:100%;object-fit:contain;border-radius:4rem}.contact .container .top h1{font-size:3rem;color:#2e8b57}.contact .container .top h2{color:#2d2e32;font-size:1.9rem}}@media (max-width: 456px){.contact{width:100%;padding:5rem .5rem}.contact .container{display:flex;flex-direction:column;gap:4rem}.contact .container .bottom{display:flex;flex-direction:column;gap:5rem}.contact .container .bottom .subbottom{width:100%;display:flex;flex-direction:column;align-items:center;background-color:#fafafa;position:relative;cursor:pointer;border-radius:.4rem;padding:.3rem .2rem}.contact .container .bottom .subbottom .a{text-decoration:none;display:flex;align-items:center;flex-direction:column;width:100%;gap:2rem}.contact .container .bottom .subbottom:hover{background-color:#f1f1f1}.contact .container .bottom .subbottom:hover .hoverspan:before{content:"A-1888, Phase-2, Gulshan-e-Hadeed";position:absolute;height:2rem;width:20rem;top:-2.3rem;left:0;background-color:#2e8b57;display:flex;justify-content:center;align-items:center;border-radius:.2rem;font-weight:600;color:#fff}.contact .container .bottom .subbottom .right{display:flex;flex-direction:column;align-items:center}.contact .container .bottom .subbottom .right span:first-child{font-weight:600;font-size:1.3rem}.contact .container .bottom .subbottom .right span:last-child{color:#5a5a5a;font-weight:500;font-size:1rem}.contact .container .bottom .subbottom .right span:last-child:hover.spanlast{background-color:#dcdcdc;padding:.15rem;border-radius:.1rem;color:#282828;font-weight:600}.contact .container .bottom .subbottom .left{height:4.5rem;width:4.5rem;border-radius:4rem;background-color:#f5f5f5;padding:.3rem;box-shadow:#0003 0 12px 28px,#0000001a 0 2px 4px,#ffffff0d 0 0 0 1px inset}.contact .container .bottom .subbottom .left img{height:100%;width:100%;object-fit:contain;border-radius:4rem}.contact .container .top h1{font-size:3rem;color:#2e8b57}.contact .container .top h2{color:#2d2e32;font-size:1.9rem}}footer{display:flex;justify-content:space-around;background-color:#f0f8ff;align-items:center;transition:all ease 1s}footer .right{background-color:#fff;padding:.2rem;border-radius:.2rem;transition:all ease 1.5s}footer .right span{font-size:1.1rem;color:#848484;transition:all ease 1.5s}footer .left{display:flex;justify-content:center;align-items:center;gap:1rem}footer .left img{height:4rem;filter:grayscale(1)}footer .left span{font-size:1.1rem;color:#848484;transition:all ease 1.5s}footer .a{text-decoration:none;font-weight:600;color:#fff;animation-name:fontWeightAnimation;animation-duration:1.5s;animation-timing-function:ease;animation-iteration-count:infinite}footer .a:hover{background-color:#ebebeb;padding:0rem .3rem;color:#000;border-radius:.15rem;animation-play-state:paused}#dark footer{background-color:#000;transition:all ease 1s}#dark footer .right{background-color:#010101;padding:.2rem;border-radius:.2rem;transition:all ease 1.5s}#dark footer .right span{color:#a8a8a8;transition:all ease 1.5s}#dark footer .left img{filter:grayscale(2)}#dark footer .left span{color:#a8a8a8;transition:all ease 1.5s}#dark footer .a{text-decoration:none;font-weight:600;color:#fff;animation-name:fontWeightAnimation;animation-duration:1.5s;animation-timing-function:ease;animation-iteration-count:infinite}@keyframes fontWeightAnimation{0%{font-weight:600;background-color:#000;color:#fff;border-radius:.1rem;padding:0 .2rem}50%{font-weight:600;background-color:#fff;color:#000;border-radius:.1rem;padding:0 .2rem}to{font-weight:600;background-color:#000;color:#fff;border-radius:.1rem;padding:0 .2rem}}#dark footer .a:hover{background-color:#ebebeb;padding:0rem .3rem;color:#000;border-radius:.15rem;animation-play-state:paused}@media (max-width: 1370px){footer{display:flex;justify-content:space-between;background-color:#f0f8ff;align-items:center;transition:all ease 1s}footer .right{background-color:#fff;padding:.2rem;border-radius:.2rem;transition:all ease 1.5s}footer .right span{font-size:.95rem;color:#848484;transition:all ease 1.5s}footer .left{display:flex;justify-content:center;align-items:center;gap:.5rem}footer .left img{height:3.5rem;filter:grayscale(1)}footer .left span{font-size:.95rem;color:#848484;transition:all ease 1.5s}footer .a{text-decoration:none;font-weight:600;color:#fff;animation-name:fontWeightAnimation;animation-duration:1.5s;animation-timing-function:ease;animation-iteration-count:infinite}@keyframes fontWeightAnimation{0%{font-weight:600;background-color:#000;color:#fff;border-radius:.1rem;padding:0 .2rem}50%{font-weight:600;background-color:#fff;color:#000;border-radius:.1rem;padding:0 .2rem}to{font-weight:600;background-color:#000;color:#fff;border-radius:.1rem;padding:0 .2rem}}footer .a:hover{background-color:#ebebeb;padding:0rem .3rem;color:#000;border-radius:.15rem;animation-play-state:paused}}@media (max-width: 456px){footer{display:flex;gap:.1rem;flex-direction:column-reverse;background-color:#f0f8ff;align-items:center}footer .right{display:flex;justify-content:center;align-items:center;text-align:center;background-color:#f8fcff;padding:.2rem;border-radius:.2rem}footer .right span{font-size:1.1rem;color:#848484}footer .left{display:flex;align-items:center;flex-direction:column;gap:.1rem}footer .left img{height:2rem;filter:grayscale(1)}footer .left span{font-size:1.2rem;color:#848484}}@media (max-width: 1024px){footer{display:flex;justify-content:space-around;background-color:#f0f8ff;align-items:center}footer .right span{font-size:.8rem;color:#848484}footer .left{display:flex;justify-content:center;align-items:center;gap:1rem}footer .left img{height:3rem;filter:grayscale(1)}footer .left span{font-size:.8rem;color:#848484}}.Certificates{padding:5rem 13rem}.Certificates .container{display:flex;flex-direction:column;gap:4rem}.Certificates .container .top h1{font-size:3rem;color:#2e8b57;transition:all ease .7s}.Certificates .container .top h2{color:#2d2e32;font-size:1.9rem;transition:all ease .7s}.Certificates .container .bottom{display:flex;flex-direction:column;align-items:center;gap:2rem}.Certificates .container .bottom .certificatecontainer{display:flex;align-items:center;flex-direction:column;gap:1rem;width:100%}.Certificates .container .bottom .certificatecontainer .certificateprovider{display:flex;align-items:center;justify-content:space-around;background-color:#f8f8f8;border-radius:.4rem;padding:.2rem;width:75%}.Certificates .container .bottom .certificatecontainer .certificateprovider .left{height:60px;width:60px;border-radius:4rem}.Certificates .container .bottom .certificatecontainer .certificateprovider .left img{height:100%;width:100%;border-radius:4rem;object-fit:contain}.Certificates .container .bottom .certificatecontainer .certificateprovider .right h2{color:#2d2e32;font-weight:700;font-size:1.6rem}.Certificates .container .bottom .certificatecontainer .certificateprovider .right h2 .reactjs{color:#2e8b57}.Certificates .container .bottom .certificatecontainer .certificateimage{margin-top:-3rem;margin:0 auto;height:450px;width:600px;display:flex;justify-content:center;align-items:center;background-color:#f9f9f9;padding:.4rem;border-radius:1rem;position:relative}.Certificates .container .bottom .certificatecontainer .certificateimage:hover{transform:scale(1)}.Certificates .container .bottom .certificatecontainer .certificateimage:hover .overlay{display:none}.Certificates .container .bottom .certificatecontainer .certificateimage .overlay{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;border-radius:.7rem;background-color:#000000b3;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:#2e8b57;font-weight:700;cursor:pointer;transition:opacity .3s ease;transition:all ease 1.5s}.Certificates .container .bottom .certificatecontainer .certificateimage .overlay span{background-color:#f5f5f5;color:#2e8b57;padding:.2rem;border-radius:.2rem;transition:all ease 1.5s}.Certificates .container .bottom .certificatecontainer .certificateimage img{height:100%;width:100%;object-fit:contain;border-radius:1rem}#dark .Certificates{background-color:#0d0d0d}#dark .Certificates .container .top h2{color:#fff}#dark .Certificates .container .bottom .certificatecontainer .certificateprovider{background-color:#0a0a0a}#dark .Certificates .container .bottom .certificatecontainer .certificateprovider .right h2{color:#fff}#dark .Certificates .container .bottom .certificatecontainer .certificateimage{background-color:#131313}@media (max-width: 1370px){.Certificates{padding:5rem 6rem}.Certificates .container{display:flex;flex-direction:column;gap:5rem}.Certificates .container .bottom .certificatecontainer{gap:2rem}.Certificates .container .bottom .certificatecontainer .certificateprovider{justify-content:space-around;border-radius:.4rem;padding:.2rem;width:80%}.Certificates .container .bottom .certificatecontainer .certificateprovider .left{border-radius:21rem}.Certificates .container .bottom .certificatecontainer .certificateprovider .left img{border-radius:21rem;object-fit:contain}.Certificates .container .bottom .certificatecontainer .certificateprovider .right h2{color:#2d2e32;font-weight:700;font-size:1.6rem}.Certificates .container .bottom .certificatecontainer .certificateimage{margin:1rem auto}}@media (max-width: 1230px){.Certificates{padding:5rem 4rem}.Certificates .container{gap:5rem}.Certificates .container .top h1{font-size:2.8rem}.Certificates .container .top h2{font-size:1.7rem}.Certificates .container .bottom .certificatecontainer{gap:1.4rem}.Certificates .container .bottom .certificatecontainer .certificateprovider{padding:.3rem;width:100%}.Certificates .container .bottom .certificatecontainer .certificateimage{height:400px;width:550px;border-radius:1rem}.Certificates .container .bottom .certificatecontainer .certificateimage img{border-radius:2rem}}@media (max-width: 1025px){.Certificates{padding:3rem 4rem}.Certificates .container{gap:5rem}.Certificates .container .top h1{font-size:2.8rem}.Certificates .container .top h2{font-size:1.7rem}.Certificates .container .bottom,.Certificates .container .bottom .certificatecontainer{width:100%}.Certificates .container .bottom .certificatecontainer .certificateprovider{padding:.4rem;width:100%}.Certificates .container .bottom .certificatecontainer .certificateimage{height:100%;width:500px;padding:.1rem;border-radius:.51rem}.Certificates .container .bottom .certificatecontainer .certificateimage img{border-radius:.5rem}}@media (max-width: 456px){.Certificates{padding:5rem .5rem;width:100%}.Certificates .container{gap:3rem}.Certificates .container .top h1{font-size:2.4rem}.Certificates .container .top h2{font-size:1.2rem}.Certificates .container .bottom{width:100%}.Certificates .container .bottom .certificatecontainer{gap:.5rem;border-radius:.3rem;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px}.Certificates .container .bottom .certificatecontainer .certificateprovider{border-radius:.4rem;padding:.4rem;width:100%;gap:1rem;flex-direction:column;align-items:center;justify-content:space-around}.Certificates .container .bottom .certificatecontainer .certificateprovider .left{height:25%;width:25%;border-radius:50%}.Certificates .container .bottom .certificatecontainer .certificateprovider .left img{height:100%;width:100%;border-radius:50%;object-fit:cover}.Certificates .container .bottom .certificatecontainer .certificateprovider .right{width:100%;text-align:center}.Certificates .container .bottom .certificatecontainer .certificateprovider .right h2{color:#2d2e32;font-weight:700;width:100%;font-size:1.2rem}.Certificates .container .bottom .certificatecontainer .certificateimage{height:250px;width:400px;width:100%;border-radius:.1rem}.Certificates .container .bottom .certificatecontainer .certificateimage img{height:100%;width:100%;object-fit:contain;border-radius:.4rem}}@media (max-width: 360px){.Certificates{padding:3rem .5rem;width:100%}.Certificates .container{gap:3rem}.Certificates .container .top h1{font-size:3rem}.Certificates .container .top h2{font-size:1.9rem}.Certificates .container .bottom{padding:.4rem;width:100%}.Certificates .container .bottom .certificatecontainer{border-radius:.3rem;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;gap:1.5rem}.Certificates .container .bottom .certificatecontainer .certificateprovider{border-radius:.4rem;padding:.4rem;width:100%;gap:1rem;flex-direction:column;align-items:center;justify-content:space-around}.Certificates .container .bottom .certificatecontainer .certificateprovider .left{height:25%;width:25%;border-radius:50%}.Certificates .container .bottom .certificatecontainer .certificateprovider .left img{height:100%;width:100%;border-radius:50%;object-fit:cover}.Certificates .container .bottom .certificatecontainer .certificateprovider .right{width:100%;text-align:center}.Certificates .container .bottom .certificatecontainer .certificateprovider .right h2{color:#2d2e32;font-weight:700;width:100%;font-size:1.2rem}.Certificates .container .bottom .certificatecontainer .certificateimage{height:250px;width:400px;padding:.4rem;width:100%;border-radius:.1rem}.Certificates .container .bottom .certificatecontainer .certificateimage img{height:100%;width:100%;object-fit:contain;border-radius:.4rem}}.githubstats{background:#f0f8ff;color:#000;padding:4rem 13rem;background-color:#f0f8ff;transition:all ease .7s}.githubstats .container{display:flex;flex-direction:column;gap:4rem}.githubstats .container .top h1{font-size:3rem;color:#2e8b57;transition:all ease .7s}.githubstats .container .top h2{color:#2d2e32;font-size:1.9rem;transition:all ease .7s}.githubstats .container .bottom{display:flex;justify-content:center;align-items:center;border:2px dashed rgb(23,149,61);border-radius:1rem;padding:1.5rem 2rem .5rem 3rem;box-shadow:#11111a1a 0 1px,#11111a1a 0 8px 24px,#11111a1a 0 16px 48px}.githubstats .container .bottom .spanError{background-color:#fb3838;padding:.1rem;border-radius:.4rem;font-size:1.5rem;font-weight:600}.githubstats .lessmore{display:flex;justify-content:center;align-items:center;gap:4.5rem;position:relative;margin-top:2rem}.githubstats .lessmore .boxes{display:flex;justify-content:center;align-items:center;position:relative}.githubstats .lessmore .boxes .box1{position:absolute;top:-.61rem;left:-4rem;width:1.3rem;height:1.3rem;background:#dfdfdf;z-index:1;border-radius:.3rem}.githubstats .lessmore .boxes .box2{position:absolute;top:-.61rem;left:-1.8rem;width:1.3rem;height:1.3rem;background:#9be9a8;z-index:1;border-radius:.3rem}.githubstats .lessmore .boxes .box3{position:absolute;top:-.61rem;left:.4rem;width:1.3rem;height:1.3rem;background:#40c463;z-index:1;border-radius:.3rem}.githubstats .lessmore .boxes .box4{position:absolute;top:-.61rem;left:2.6rem;width:1.3rem;height:1.3rem;background:#216e39;z-index:1;border-radius:.3rem}#dark .githubstats{background:#000;color:#fff}#dark .githubstats .top h1{font-size:3rem;color:#2e8b57;transition:all ease .7s}#dark .githubstats .top h2{color:#f5f5f5;font-size:1.9rem;transition:all ease .7s}@media (max-width: 1370px){.githubstats{padding:8rem 6rem}}@media (max-width: 1230px){.githubstats{padding:8rem 4rem}}@media (max-width: 1024px){.githubstats{padding:7rem 3rem}}@media (max-width: 456px){.githubstats{width:100%;padding:5rem .5rem}.githubstats .container{display:flex;flex-direction:column}.githubstats .container .bottom{padding:0 1rem;margin:0 auto}.githubstats .container .bottom .spanError{font-size:1.5rem;font-weight:400;font-size:1rem;padding:.3rem}.githubstats .container .top h1{font-size:3rem;color:#2e8b57}.githubstats .container .top h2{color:#2d2e32;font-size:1.9rem}.githubstats .lessmore{display:flex;justify-content:center;align-items:center;gap:4.5rem;position:relative;margin-top:2rem}.githubstats .lessmore .boxes{display:flex;justify-content:center;align-items:center;position:relative}.githubstats .lessmore .boxes .box1{position:absolute;top:-.61rem;left:-4rem;width:1.1rem;height:1.1rem;background:#ebedf0;z-index:1;border-radius:.1rem}.githubstats .lessmore .boxes .box2{position:absolute;top:-.61rem;left:-1.8rem;width:1.1rem;height:1.1rem;background:#9be9a8;z-index:1;border-radius:.1rem}.githubstats .lessmore .boxes .box3{position:absolute;top:-.61rem;left:.4rem;width:1.1rem;height:1.1rem;background:#40c463;z-index:1;border-radius:.1rem}.githubstats .lessmore .boxes .box4{position:absolute;top:-.61rem;left:2.6rem;width:1.1rem;height:1.1rem;background:#216e39;z-index:1;border-radius:.1rem}}.banner{display:flex;justify-content:center;align-items:center;height:100%;width:100%;gap:2rem;font-size:1.2rem;font-weight:600;background-color:#f8fcff}.banner img{height:2.5rem;width:2.5rem;object-fit:contain}#dark .banner{color:#fff;background-color:#0a0a0a}@media (max-width: 456px){.banner{font-size:1rem}}.projects{background-color:#f0f8ff;padding:5rem 13rem;transition:all ease 1s}.projects .container{display:flex;flex-direction:column}.projects .container .top{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.projects .container .top h1{color:#2e8b57;font-weight:700;font-size:2.8rem;transition:all ease .7s}.projects .container .top h2{color:#2d2e32;font-size:1.9rem;transition:all ease .7s}.projects .container .bottom .containerb{position:relative;display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:1rem;border-radius:1rem;margin-bottom:2rem;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;transition:all ease .7s}.projects .container .bottom .containerb.containerbrow{display:flex;justify-content:space-between;flex-direction:row-reverse}.projects .container .bottom .containerb .rightb{display:flex;flex-direction:column;gap:1rem;align-items:center;width:50%}.projects .container .bottom .containerb .rightb .midb{display:flex;flex-direction:column;justify-content:center;gap:.8rem;align-items:center}.projects .container .bottom .containerb .rightb .midb .companyEmail{display:flex;justify-content:center;align-items:center;gap:1rem;font-size:1.1rem;color:#e3e3e3;font-weight:500;transition:all ease .7s;background-color:#2e322d8c;padding:.2rem .7rem;border-radius:1rem;cursor:pointer}.projects .container .bottom .containerb .rightb .midb .companyEmail:hover{background-color:#2e322d45;transition:all ease .7s}.projects .container .bottom .containerb .rightb .midb p{text-align:center;color:#636363;font-size:1.1rem;transition:all ease .7s}.projects .container .bottom .containerb .rightb .midb .midbtn{width:100%;margin:.5rem auto;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.projects .container .bottom .containerb .rightb .midb .midbtn span,.projects .container .bottom .containerb .rightb .midb .midbtn span:first-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem;transition:all ease .7s}.projects .container .bottom .containerb .rightb .midb .midbtn span:last-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem;transition:all ease .7s}.projects .container .bottom .containerb .rightb .topr{font-size:1.5rem}.projects .container .bottom .containerb .leftbb{width:500px;height:250px;overflow-y:hidden;border-radius:1rem;box-shadow:#00000026 0 5px 15px;position:relative;transition:all ease .7s}.projects .container .bottom .containerb .leftbb img{width:100%;height:100%}.projects .container .bottom .containerb .leftb{width:500px;height:350px;overflow-y:hidden;border-radius:1rem;box-shadow:#00000026 0 5px 15px;position:relative;transition:all ease .7s}.projects .container .bottom .containerb .leftb .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:#2e8b57;font-weight:700;cursor:pointer;transition:opacity .3s ease;transition:all ease .7s}.projects .container .bottom .containerb .leftb .overlay span{background-color:#f5f5f5;color:#2e8b57;padding:.2rem;border-radius:.2rem;transition:all ease .7s}.projects .container .bottom .containerb .leftb:hover .overlay{display:none}.projects .container .bottom .containerb .leftb:hover img{transform:translateY(-78%)}.projects .container .bottom .containerb .leftb img{width:100%;height:auto;transition:transform 10.3s ease}.projects .container .bottom .containerb .live{position:absolute;top:1px;right:0;font-weight:400;background-color:#2e8b57;font-size:1rem;border-radius:.1rem 1rem .1rem .1rem;color:#fff;padding:.1rem .7rem}.projects .container .bottom .containerb .liveRow{position:absolute;top:1px;left:0;font-weight:400;background-color:#2e8b57;font-size:1rem;border-radius:1rem .1rem .1rem;color:#fff;padding:.1rem .7rem}.projects .container .bottom .containerb .left{position:absolute;top:1px;right:0;font-weight:400;background-color:#dc3e30;font-size:1rem;border-radius:.1rem 1rem .1rem .1rem;color:#fff;padding:.1rem .7rem}.projects .container .bottom .bottomb{display:flex;justify-content:space-around;align-items:center;gap:1rem}.projects .container .bottom .bottomb .btns{background-color:#2e8b57;height:3.1rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen;transition:all ease .7s}.projects .container .bottom .bottomb .btns:hover{background-color:#fff;transition:.4s all ease;box-shadow:none;transition:all ease .7s}.projects .container .bottom .bottomb .btnss{background-color:#2e8b57;height:3.32rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen;transition:all ease .7s}.projects .container .bottom .bottomb .btnss:hover{background-color:#fff;transition:.4s all ease;box-shadow:none;transition:all ease .7s}.projects .container .bottom .bottomb .rightbb{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:.4rem .7rem;font-weight:600;color:#1c1c1c;border-radius:.2rem;gap:1rem;text-decoration:none;transition:all ease .7s}.projects .container .bottom .bottomb .rightbb h3{cursor:not-allowed;font-weight:550;font-size:1rem}.projects .container .bottom .bottomb .imglive{height:1.8rem}.projects .container .bottom .bottomb img{height:2rem}#dark .projects{background-color:#000;transition:all ease 1s}#dark .projects .container .top h2{color:#f5f5f5;font-size:1.9rem;transition:all ease .7s}#dark .projects .container .bottom .containerb{background-color:#0d0d0d;box-shadow:#ffffff1f 0 2px 4px,#ffffff52 0 2px 16px;transition:all ease .7s}#dark .projects .container .bottom .containerb .rightb .midb p{text-align:center;color:#f2f2f2;font-size:1.1rem;transition:all ease .7s}#dark .projects .container .bottom .containerb .rightb .topr{color:#f5f5f5;transition:all ease .7s}#dark .projects .container .bottom .containerb .leftb{box-shadow:#00000026 0 5px 15px;transition:all ease .7s}#dark .projects .container .bottom .containerb .leftb img{width:100%;height:auto;transition:transform 4.3s ease}#dark .projects .container .bottom .bottomb .rightbb,#dark .projects .container .bottom .leftbb{background-color:#fff;color:#1c1c1c;transition:all ease .7s}@media (max-width: 1370px){.projects{background-color:#f0f8ff;padding:5rem 6rem;transition:all ease .9s}.projects .container{display:flex;flex-direction:column}.projects .container .top{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.projects .container .top h1{color:#2e8b57;font-weight:700;font-size:2.8rem;transition:all ease .7s}.projects .container .top h2{color:#2d2e32;font-size:1.9rem;transition:all ease .7s}.projects .container .bottom .containerb{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:1rem;border-radius:1rem;margin-bottom:2rem;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;transition:all ease .7s}.projects .container .bottom .containerb.containerbrow{display:flex;justify-content:space-between;flex-direction:row-reverse}.projects .container .bottom .containerb .rightb{display:flex;flex-direction:column;gap:1rem;align-items:center;width:50%}.projects .container .bottom .containerb .rightb .midb{display:flex;flex-direction:column;justify-content:center;gap:.8rem;align-items:center}.projects .container .bottom .containerb .rightb .midb p{text-align:center;color:#636363;font-size:1.1rem;transition:all ease .7s}.projects .container .bottom .containerb .rightb .midb .midbtn{width:100%;margin:.5rem auto;display:flex;justify-content:center;align-items:center;gap:1rem}.projects .container .bottom .containerb .rightb .midb .midbtn span:first-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem;transition:all ease .7s}.projects .container .bottom .containerb .rightb .midb .midbtn span:last-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem;transition:all ease .7s}.projects .container .bottom .containerb .rightb .topr{font-size:1.5rem}.projects .container .bottom .containerb .leftb{width:500px;height:350px;overflow-y:hidden;border-radius:1rem;box-shadow:#00000026 0 5px 15px;position:relative;transition:all ease .7s}.projects .container .bottom .containerb .leftb .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:#2e8b57;font-weight:700;cursor:pointer;transition:opacity .3s ease;transition:all ease .7s}.projects .container .bottom .containerb .leftb .overlay span{background-color:#f5f5f5;color:#2e8b57;padding:.2rem;border-radius:.2rem;transition:all ease .7s}.projects .container .bottom .containerb .leftb:hover .overlay{display:none}.projects .container .bottom .containerb .leftb:hover img{transform:translateY(-78%)}.projects .container .bottom .containerb .leftb img{width:100%;height:auto;transition:transform 10.3s ease}.projects .container .bottom .bottomb{display:flex;justify-content:space-around;align-items:center;gap:1rem}.projects .container .bottom .bottomb .btns{background-color:#2e8b57;height:3.1rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen;transition:all ease .7s}.projects .container .bottom .bottomb .btns:hover{background-color:#fff;transition:.4s all ease;box-shadow:none;transition:all ease .7s}.projects .container .bottom .bottomb .btnss{background-color:#2e8b57;height:3.32rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen;transition:all ease .7s}.projects .container .bottom .bottomb .btnss:hover{background-color:#fff;transition:.4s all ease;box-shadow:none;transition:all ease .7s}.projects .container .bottom .bottomb .rightbb{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:.4rem .7rem;font-weight:600;color:#1c1c1c;border-radius:.2rem;gap:1rem;text-decoration:none;transition:all ease .7s}.projects .container .bottom .bottomb .rightbb h3{cursor:not-allowed;font-weight:550;font-size:1rem}.projects .container .bottom .bottomb .imglive{height:1.8rem}.projects .container .bottom .bottomb img{height:2rem}}@media (max-width: 1230px){.projects{padding:5rem 4rem}}@media (max-width: 1025px){.projects{background-color:#f0f8ff;padding:3rem 4rem}.projects .container{display:flex;flex-direction:column}.projects .container .top{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.projects .container .top h1{color:#2e8b57;font-weight:700;font-size:2.8rem}.projects .container .top h2{color:#2d2e32;font-size:1.6rem}.projects .container .bottom .containerb{display:flex;justify-content:space-between;gap:3rem;align-items:center;background-color:#fff;padding:1rem;border-radius:1rem;margin-bottom:2rem;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px}.projects .container .bottom .containerb.containerbrow{display:flex;justify-content:space-between;flex-direction:row-reverse}.projects .container .bottom .containerb .rightb{display:flex;flex-direction:column;gap:1rem;align-items:center;width:50%}.projects .container .bottom .containerb .rightb .midb{display:flex;flex-direction:column;justify-content:center;gap:.8rem;align-items:center}.projects .container .bottom .containerb .rightb .midb p{text-align:center;color:#636363;font-size:1rem}.projects .container .bottom .containerb .rightb .midb .midbtn{width:100%;margin:.5rem auto;display:flex;justify-content:center;align-items:center;gap:1rem}.projects .container .bottom .containerb .rightb .midb .midbtn span:first-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem}.projects .container .bottom .containerb .rightb .midb .midbtn span:last-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem}.projects .container .bottom .containerb .rightb .topr{font-size:1.4rem}.projects .container .bottom .containerb .leftb{width:400px;height:250px;overflow-y:hidden;border-radius:1rem;box-shadow:#00000026 0 5px 15px;position:relative}.projects .container .bottom .containerb .leftb .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;font-size:1.2rem;color:#2e8b57;font-weight:700;cursor:pointer;transition:opacity .3s ease}.projects .container .bottom .containerb .leftb .overlay span{background-color:#f5f5f5;color:#2e8b57;padding:.2rem;border-radius:.2rem}.projects .container .bottom .containerb .leftb:hover .overlay{display:none}.projects .container .bottom .containerb .leftb:hover img{transform:translateY(-78%)}.projects .container .bottom .containerb .leftb img{width:100%;height:auto;transition:transform 10.3s ease}.projects .container .bottom .bottomb{display:flex;justify-content:space-around;align-items:center;gap:1rem}.projects .container .bottom .bottomb .btns{background-color:#2e8b57;height:3.1rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen}.projects .container .bottom .bottomb .btns:hover{background-color:#fff;transition:.4s all ease;box-shadow:none}.projects .container .bottom .bottomb .btnss{background-color:#2e8b57;height:3.32rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen}.projects .container .bottom .bottomb .btnss:hover{background-color:#fff;transition:.4s all ease;box-shadow:none}.projects .container .bottom .bottomb .rightbb{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:.4rem .7rem;font-weight:600;color:#1c1c1c;border-radius:.2rem;gap:1rem;text-decoration:none}.projects .container .bottom .bottomb .imglive{height:1.8rem}.projects .container .bottom .bottomb img{height:2rem}}@media (max-width: 456px){.projects{width:100%;padding:5rem .5rem}.projects .container .top{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.projects .container .top h1{color:#2e8b57;font-weight:700;font-size:2.4rem}.projects .container .top h2{color:#2d2e32;font-size:1.2rem}.projects .container .bottom .containerb{display:flex;flex-direction:column;align-items:center;gap:1.5rem;background-color:#fff;padding:1rem;border-radius:.8rem;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;margin-bottom:3rem}.projects .container .bottom .containerb .live{position:absolute;top:.1px;right:0;font-weight:400;background-color:#2e8b57;font-size:.7rem;border-radius:.1rem .7rem .1rem .1rem;color:#fff;padding:.1rem .5rem}.projects .container .bottom .containerb .liveRow{position:absolute;top:.1px;left:0;font-weight:400;background-color:#2e8b57;font-size:.8rem;border-radius:.7rem .1rem .1rem;color:#fff;padding:.1rem .7rem;font-weight:600;z-index:1}.projects .container .bottom .containerb .left{position:absolute;top:.1px;right:0;font-weight:600;background-color:#dc3e30;font-size:.8rem;border-radius:.1rem 1rem .1rem .1rem;color:#fff;padding:.1rem .7rem;z-index:1}.projects .container .bottom .containerb.containerbrow{display:flex;flex-direction:column}.projects .container .bottom .containerb .rightb{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%}.projects .container .bottom .containerb .rightb .midb{display:flex;flex-direction:column;justify-content:center;gap:.8rem;align-items:center}.projects .container .bottom .containerb .rightb .midb p{text-align:center;color:#636363;font-size:1rem}.projects .container .bottom .containerb .rightb .midb .midbtn{width:100%;margin:.5rem auto;display:flex;justify-content:center;align-items:center;gap:1rem}.projects .container .bottom .containerb .rightb .midb .midbtn span:first-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem}.projects .container .bottom .containerb .rightb .midb .midbtn span:last-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem}.projects .container .bottom .containerb .rightb .topr{font-size:1.4rem}.projects .container .bottom .containerb .leftbb{width:320px;height:210px;overflow-y:hidden;border-radius:.5rem;box-shadow:#00000026 0 5px 15px}.projects .container .bottom .containerb .leftbb img{width:100%;height:100%}.projects .container .bottom .containerb .leftb{width:320px;height:210px;overflow-y:hidden;border-radius:.5rem;box-shadow:#00000026 0 5px 15px}.projects .container .bottom .containerb .leftb:hover img{transform:translateY(-78%)}.projects .container .bottom .containerb .leftb img{width:100%;height:auto;transition:transform 10.3s ease}.projects .container .bottom .bottomb{display:flex;justify-content:space-around;align-items:center;gap:1rem}.projects .container .bottom .bottomb .btns{background-color:#2e8b57;height:3.1rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen}.projects .container .bottom .bottomb .btns:hover{background-color:#fff;transition:.4s all ease;box-shadow:none}.projects .container .bottom .bottomb .btnss{background-color:#2e8b57;height:3.32rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen}.projects .container .bottom .bottomb .btnss:hover{background-color:#fff;transition:.4s all ease;box-shadow:none}.projects .container .bottom .bottomb .rightbb{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:.4rem .7rem;font-weight:600;color:#1c1c1c;border-radius:.2rem;gap:1rem;text-decoration:none}.projects .container .bottom .bottomb .rightbb h3{font-weight:600;font-size:.91rem}.projects .container .bottom .bottomb .imglive{height:1.8rem}.projects .container .bottom .bottomb img{height:2rem}}@media (max-width: 360px){.projects{width:100%;padding:3rem .5rem}.projects .container .top{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.projects .container .top h1{color:#2e8b57;font-weight:700;font-size:2.4rem}.projects .container .top h2{color:#2d2e32;font-size:1.5rem}.projects .container .bottom .containerb{display:flex;flex-direction:column;align-items:center;gap:2.5rem;background-color:#fff;padding:1rem 0;border-radius:.8rem;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;margin-bottom:3rem}.projects .container .bottom .containerb.containerbrow{display:flex;flex-direction:column}.projects .container .bottom .containerb .rightb{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%}.projects .container .bottom .containerb .rightb .midb{display:flex;flex-direction:column;justify-content:center;gap:.8rem;align-items:center}.projects .container .bottom .containerb .rightb .midb p{text-align:center;color:#636363;font-size:.9rem}.projects .container .bottom .containerb .rightb .midb .midbtn{width:100%;margin:.5rem auto;display:flex;justify-content:center;align-items:center;gap:1rem}.projects .container .bottom .containerb .rightb .midb .midbtn span:first-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem}.projects .container .bottom .containerb .rightb .midb .midbtn span:last-child{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem}.projects .container .bottom .containerb .rightb .topr{font-size:1.4rem}.projects .container .bottom .containerb .leftbb{width:320px;height:210px;overflow-y:hidden;border-radius:.5rem;box-shadow:#00000026 0 5px 15px}.projects .container .bottom .containerb .leftbb img{width:100%;height:100%}.projects .container .bottom .containerb .leftb{width:320px;height:210px;overflow-y:hidden;border-radius:.5rem;box-shadow:#00000026 0 5px 15px}.projects .container .bottom .containerb .leftb:hover img{transform:translateY(-78%)}.projects .container .bottom .containerb .leftb img{width:100%;height:auto;transition:transform 10.3s ease}.projects .container .bottom .bottomb{display:flex;justify-content:space-around;align-items:center;gap:1rem}.projects .container .bottom .bottomb .btns{background-color:#2e8b57;height:3.1rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen}.projects .container .bottom .bottomb .btns:hover{background-color:#fff;transition:.4s all ease;box-shadow:none}.projects .container .bottom .bottomb .btnss{background-color:#2e8b57;height:3.32rem;border-radius:.3rem;box-shadow:none;border:1.8px solid seagreen}.projects .container .bottom .bottomb .btnss:hover{background-color:#fff;transition:.4s all ease;box-shadow:none}.projects .container .bottom .bottomb .rightbb{display:flex;justify-content:center;align-items:center;background-color:#fff;padding:.4rem .7rem;font-weight:600;color:#1c1c1c;border-radius:.2rem;gap:1rem;text-decoration:none}.projects .container .bottom .bottomb .rightbb h3{font-weight:600;font-size:.91rem}.projects .container .bottom .bottomb .imglive{height:1.8rem}.projects .container .bottom .bottomb img{height:2rem}}.freelance{background-color:#fff;padding:5rem 13rem;transition:all ease 1s}.freelance .container{display:flex;flex-direction:column}.freelance .container .top{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.freelance .container .top h1{color:#2e8b57;font-weight:700;font-size:2.8rem;transition:all ease .7s}.freelance .container .top h2{color:#2d2e32;font-size:1.9rem;transition:all ease .7s}.freelance .carousel-container{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:1rem;border-radius:1rem;margin-bottom:2rem;box-shadow:#0e1e251f 0 2px 4px,#0e1e2552 0 2px 16px;transition:all ease .7s;width:100%;height:100%}.freelance .carousel-container .carousel-container-inner{display:flex;height:100%}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data{flex:1;background-color:#88bd9f33;border-radius:1rem;padding:.5rem;width:100%;height:100%;margin:auto 0}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom{display:flex;justify-content:space-between;align-items:start;flex-direction:column;width:100%;gap:1rem;margin-top:1.1rem}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom a{width:80%;margin:0 auto}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom a button{outline:none;border:none;padding:.5rem 2rem;border-radius:12rem;font-size:1.4rem;background-color:#2e8b569a;width:100%;cursor:pointer;color:#f5f5f5;font-weight:600}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom a button:hover{background-color:#2e8b57;transition:all ease .3s}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top span{font-size:1.2rem;font-weight:800}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top h3,.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top span{text-align:center;display:flex;justify-content:center;align-items:center;gap:.5rem}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top h3 .h3-icon,.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top h3 .span-icon,.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top span .h3-icon,.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top span .span-icon{font-size:1.5rem;color:#006b2e;font-weight:800}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom ul{display:flex;flex-direction:column;list-style:none;flex-wrap:wrap;gap:.2rem;width:100%;height:130px}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom ul div{display:flex;justify-content:start;align-items:center;gap:.2rem}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom ul div .icon{border-radius:10rem;background-color:#2e8b566c;padding:.4rem;font-size:1.8rem}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom ul div .icon:hover{background-color:#2e8b57;cursor:pointer}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom ul li{font-size:1.2rem;border-radius:.1rem;background-color:#2e8b5617;padding:.01rem .1rem}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom ul li:hover{background-color:#2e8b57;cursor:pointer;transition:all ease .2s}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-middle{display:flex;justify-content:start;align-items:center;gap:1rem;font-weight:500}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top{display:flex;justify-content:start;align-items:center;gap:10rem;width:100%}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top span{font-weight:600}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .title{text-transform:capitalize;text-align:center;font-size:1.8rem}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .midbtn{width:100%;margin:.5rem 1rem;display:flex;justify-content:start;align-items:flex-start;flex-direction:column;gap:1rem;height:60%;flex-wrap:wrap}.freelance .carousel-container .carousel-container-inner .carousel-container-text-data .midbtn li{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem;transition:all ease .7s;list-style:none}#dark .freelance{background-color:#0d0d0d}#dark .freelance .container .top h1{color:#2e8b57}#dark .freelance .container .top h2{color:#f5f5f5}#dark .freelance .carousel-container{background-color:#0d0d0d;box-shadow:#ffffff1f 0 2px 4px,#ffffff52 0 2px 16px;transition:all ease .7s}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data{background-color:#88bd9f2d}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data h1,#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom{color:#f5f5f5}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom a{width:80%;margin:0 auto}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom a button{outline:none;border:none;padding:.5rem 2rem;border-radius:12rem;font-size:1.4rem;background-color:#2e8b569a;width:100%;cursor:pointer;color:#f5f5f5;font-weight:600}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom a button:hover{background-color:#2e8b57;transition:all ease .3s}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top span{font-size:1.2rem;font-weight:800}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top h3,#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top span{text-align:center;display:flex;justify-content:center;align-items:center;gap:.5rem}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top h3 .h3-icon,#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top h3 .span-icon,#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top span .h3-icon,#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top span .span-icon{font-size:1.5rem;color:#006b2e;font-weight:800}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom ul{display:flex;flex-direction:column;list-style:none;flex-wrap:wrap;gap:.2rem;width:100%;height:130px}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom ul div{display:flex;justify-content:start;align-items:center;gap:.2rem}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom ul div .icon{border-radius:10rem;background-color:#2e8b566c;padding:.4rem;font-size:1.8rem}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom ul div .icon:hover{background-color:#2e8b57;cursor:pointer}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom ul li{font-size:1.2rem;border-radius:.1rem;background-color:#2e8b5617;padding:.01rem .1rem}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom ul li:hover{background-color:#2e8b57;cursor:pointer;transition:all ease .2s}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-middle{display:flex;justify-content:start;align-items:center;gap:1rem;font-weight:500}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top{display:flex;justify-content:start;align-items:center;gap:10rem;width:100%}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .carousel-container-text-data-bottom .carousel-container-text-data-bottom-top span{font-weight:600}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .title{text-transform:capitalize;text-align:center;font-size:1.8rem}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .midbtn{width:100%;margin:.5rem 1rem;display:flex;justify-content:start;align-items:flex-start;flex-direction:column;gap:1rem;height:60%;flex-wrap:wrap}#dark .freelance .carousel-container .carousel-container-inner .carousel-container-text-data .midbtn li{padding:.4rem .7rem;background-color:#2e8b57;font-weight:600;color:#fff;border-radius:.2rem;transition:all ease .7s;list-style:none}@media (max-width: 1370px){.freelance{display:none}}@media (max-width: 1230px){.freelance{display:none}}@media (max-width: 1025px){.freelance{display:none}}@media (max-width: 456px){.freelance{display:none}}@media (max-width: 360px){.freelance{display:none}}.embla{max-width:25rem;margin:2.5rem 1rem;--slide-height: 17rem;--slide-spacing: 1.2rem;--slide-size: 100%;background-color:#2e8b5691;border-radius:1rem;padding:.5rem}#dark .embla{background-color:#171717}.embla__viewport{overflow:hidden}.embla__container{display:flex;touch-action:pan-y pinch-zoom;margin-left:calc(var(--slide-spacing) * -1)}.embla__slide{transform:translateZ(0);flex:0 0 var(--slide-size);min-width:0;padding-left:var(--slide-spacing)}.embla__slide__number{box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);border-radius:1.8rem;display:flex;align-items:center;justify-content:center;height:var(--slide-height);-webkit-user-select:none;user-select:none;width:100%}.embla__controls{display:grid;grid-template-columns:auto 1fr;justify-content:space-between;gap:1.2rem;margin-top:1.8rem}.embla__buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;align-items:center;background-color:#2e8b562b;border-radius:2rem}.embla__button{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);width:3.6rem;height:3.6rem;z-index:1;border-radius:50%;color:var(--text-body);display:flex;align-items:center;justify-content:center;background-color:#2e8b562b;border-radius:2rem}.embla__button:hover{background-color:#2e8b5673;border-radius:2rem}.embla__button:disabled{color:var(--detail-high-contrast)}.embla__button__svg{width:35%;height:35%}.embla__dots{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;margin-right:calc((2.6rem - 1.4rem) / 2 * 1);gap:.4rem}.embla__dot{-webkit-tap-highlight-color:rgba(var(--text-high-contrast-rgb-value),.5);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;touch-action:manipulation;display:inline-flex;text-decoration:none;cursor:pointer;border:0;padding:0;margin:0;width:.7rem;height:.7rem;display:flex;align-items:center;justify-content:center;border-radius:50%;gap:2rem;background-color:#2e8b5656}.embla__dot:after{box-shadow:inset 0 0 0 .2rem var(--detail-medium-contrast);width:.7rem;height:.7rem;border-radius:50%;display:flex;align-items:center;content:""}.embla__dot--selected:after{box-shadow:inset 0 0 0 .2rem var(--text-body);background-color:#2e8b57}.chatbot-container{position:fixed;bottom:20px;right:20px;z-index:1000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.chat-toggle{width:60px;height:60px;background:linear-gradient(135deg,#25D366 0%,#128C7E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #25d36666;transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff}.chat-toggle:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 8px 25px #25d36699}.chat-toggle.active{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);box-shadow:0 4px 20px #dc354566}.chat-toggle.active:hover{box-shadow:0 8px 25px #dc354599}.chat-toggle svg{transition:transform .3s ease}.chat-toggle.active svg{transform:rotate(90deg)}.chat-window{position:absolute;bottom:80px;right:0;width:350px;height:500px;background:#f0f2f5;border-radius:20px;box-shadow:0 8px 40px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:slideInUp .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{background:linear-gradient(135deg,#075E54 0%,#128C7E 100%);color:#fff;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;border-radius:20px 20px 0 0}.chat-header .chat-header-info{display:flex;align-items:center;gap:12px}.chat-header .chat-header-info .avatar{position:relative}.chat-header .chat-header-info .avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.chat-header .chat-header-info .avatar .status-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#25D366;border-radius:50%;border:2px solid white;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.chat-header .chat-header-info .header-text h4{margin:0;font-size:16px;font-weight:600;line-height:1.2}.chat-header .chat-header-info .header-text span{font-size:12px;opacity:.8;line-height:1}.chat-header .chat-actions .whatsapp-btn{background:rgba(255,255,255,.2);border:none;border-radius:50%;width:35px;height:35px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:16px}.chat-header .chat-actions .whatsapp-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.messages-container{flex:1;padding:20px 15px;overflow-y:auto;background:#e5ddd5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.03'%3E%3Cpath d='m36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm-6-30c-11.046 0-20 8.954-20 20 0 11.046 8.954 20 20 20 11.046 0 20-8.954 20-20 0-11.046-8.954-20-20-20zm0 36c-8.837 0-16-7.163-16-16 0-8.837 7.163-16 16-16 8.837 0 16 7.163 16 16 0 8.837-7.163 16-16 16z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:10px}.message{margin-bottom:15px;display:flex}.message.user{justify-content:flex-end}.message.user .message-content{background:#dcf8c6;color:#000;border-radius:18px 18px 5px;max-width:80%;position:relative}.message.user .message-content:before{content:"";position:absolute;bottom:0;right:-8px;width:0;height:0;border:8px solid transparent;border-top-color:#dcf8c6;border-bottom:0;border-right:0;margin-bottom:-8px}.message.bot{justify-content:flex-start}.message.bot .message-content{background:white;color:#000;border-radius:18px 18px 18px 5px;max-width:80%;position:relative;box-shadow:0 1px 2px #0000001a}.message.bot .message-content:before{content:"";position:absolute;bottom:0;left:-8px;width:0;height:0;border:8px solid transparent;border-top-color:#fff;border-bottom:0;border-left:0;margin-bottom:-8px}.message.bot .message-content.typing{padding:15px 20px}.message.bot .message-content.typing .typing-indicator{display:flex;gap:4px}.message.bot .message-content.typing .typing-indicator span{width:8px;height:8px;border-radius:50%;background:#999;animation:typing 1.4s infinite ease-in-out}.message.bot .message-content.typing .typing-indicator span:nth-child(1){animation-delay:0s}.message.bot .message-content.typing .typing-indicator span:nth-child(2){animation-delay:.2s}.message.bot .message-content.typing .typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:scale(.8);opacity:.5}30%{transform:scale(1);opacity:1}}.message .message-content{padding:12px 16px}.message .message-content p{margin:0;font-size:14px;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.message .message-content .timestamp{display:block;font-size:11px;color:#666;margin-top:5px;text-align:right;opacity:.7}.quick-actions{padding:10px 15px;background:#f0f2f5;display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid rgba(0,0,0,.1)}.quick-actions button{background:white;border:1px solid #ddd;border-radius:20px;padding:8px 14px;font-size:12px;cursor:pointer;transition:all .3s ease;color:#075e54;font-weight:500}.quick-actions button:hover{background:#f5f5f5;border-color:#075e54;transform:translateY(-1px)}.quick-actions button:active{transform:translateY(0)}.chat-input{padding:15px;background:#f0f2f5;display:flex;align-items:center;gap:10px;border-top:1px solid rgba(0,0,0,.1)}.chat-input input{flex:1;padding:12px 16px;border:none;border-radius:25px;background:white;font-size:14px;outline:none;box-shadow:0 1px 3px #0000001a;transition:box-shadow .3s ease}.chat-input input:focus{box-shadow:0 2px 8px #00000026}.chat-input input::placeholder{color:#999}.chat-input input:disabled{background:#f5f5f5;cursor:not-allowed}.chat-input .send-btn{width:45px;height:45px;background:linear-gradient(135deg,#25D366 0%,#128C7E 100%);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #25d3664d}.chat-input .send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #25d36666}.chat-input .send-btn:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.chat-input .send-btn svg{transition:transform .3s ease}.chat-input .send-btn:active:not(:disabled) svg{transform:scale(.9)}#dark .chat-window{background:#1e1e1e;border-color:#ffffff1a}#dark .messages-container{background:#0c1317;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='m36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm-6-30c-11.046 0-20 8.954-20 20 0 11.046 8.954 20 20 20 11.046 0 20-8.954 20-20 0-11.046-8.954-20-20-20zm0 36c-8.837 0-16-7.163-16-16 0-8.837 7.163-16 16-16 8.837 0 16 7.163 16 16 0 8.837-7.163 16-16 16z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}#dark .message.bot .message-content{background:#2a2a2a;color:#e1e1e1}#dark .message.bot .message-content:before{border-top-color:#2a2a2a}#dark .message.user .message-content{background:#056162;color:#fff}#dark .message.user .message-content:before{border-top-color:#056162}#dark .quick-actions{background:#1e1e1e;border-color:#ffffff1a}#dark .quick-actions button{background:#2a2a2a;border-color:#fff3;color:#25d366}#dark .quick-actions button:hover{background:#3a3a3a;border-color:#25d366}#dark .chat-input{background:#1e1e1e;border-color:#ffffff1a}#dark .chat-input input{background:#2a2a2a;color:#e1e1e1;border-color:#fff3}#dark .chat-input input::placeholder{color:#888}@media (max-width: 768px){.chatbot-container{bottom:15px;right:15px}.chat-toggle{width:55px;height:55px}.chat-window{width:calc(100vw - 30px);height:calc(100vh - 120px);max-width:350px;max-height:500px;bottom:75px;right:-15px}}@media (max-width: 480px){.chat-window{width:calc(100vw - 20px);right:-10px;border-radius:15px}.chat-header{padding:12px 15px;border-radius:15px 15px 0 0}.chat-header .header-text h4{font-size:15px}.chat-header .header-text span{font-size:11px}.messages-container{padding:15px 12px}.message .message-content{max-width:85%}.message .message-content p{font-size:13px}.chat-input{padding:12px}.chat-input input{padding:10px 14px;font-size:13px}.chat-input .send-btn{width:40px;height:40px}}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif;scroll-behavior:smooth}*::-webkit-scrollbar{width:.6rem}*::-webkit-scrollbar-track{background-color:#fff;box-shadow:inset 0 0 15px #fff;border-radius:3rem;overflow:auto}*::-webkit-scrollbar-thumb{background-color:#bbb;border-radius:3rem}*::-webkit-scrollbar-thumb:hover{background-color:#656565}