*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif;scroll-behavior:smooth}.container{width:100%;max-width:1100px;margin:0 auto;padding:20px;box-sizing:border-box}@media (max-width: 1200px){.container{padding:20px}}.header-wrapper{width:100%;top:0;z-index:1000;position:sticky;background-color:#fff;box-shadow:0 0 10px #00000017;height:auto}.header-wrapper .h-container{display:flex;align-items:center;justify-content:space-between;padding:28px 48px}.header-wrapper .h-container .logo{font-weight:600;font-size:1.3rem;cursor:pointer}.header-wrapper .h-container .menu ul{display:flex;list-style:none}.header-wrapper .h-container .menu ul li{text-align:center;margin-left:20px}.header-wrapper .h-container .menu ul li a{font-size:1.1rem;font-weight:600;color:#2d2e32;text-decoration:none;cursor:pointer;transition:all .23s}.header-wrapper .h-container .menu ul li a:hover{color:#2781f8}@media (max-width: 767px){.header-wrapper .h-container .menu ul li a{font-size:1.4rem}}.header-wrapper .h-container .menu-icon,.header-wrapper .h-container .close-icon{display:none}.header-wrapper .h-container .menu-icon svg{font-size:30px}@media (max-width: 892px){.header-wrapper .h-container .menu-icon{display:block;color:#000;cursor:pointer}.header-wrapper .h-container .menu{position:fixed;top:0;left:0;height:100%;width:100%;z-index:1000;background-color:#fff;display:flex;align-items:center;justify-content:center}.header-wrapper .h-container .menu .close-icon{display:block;position:absolute;font-size:40px;margin-top:20px;margin-right:30px;top:0;right:0;transition:all .23s}.header-wrapper .h-container .menu .close-icon:hover{color:#2781f8}.header-wrapper .h-container .menu ul{display:flex;flex-direction:column}.header-wrapper .h-container .menu ul li{padding:15px}.header-wrapper .h-container .show{opacity:1;visibility:visible;transform:translateY(0);transition:.5s ease}.header-wrapper .h-container .hide{opacity:0;visibility:hidden;transform:translateY(-20px);transition:.5s ease}}.hero-wrapper{padding-top:80px;background-color:#f9f9f9}.hero-wrapper .about{display:flex}.hero-wrapper .about .info{width:50%;position:relative}.hero-wrapper .about .info h1{font-size:55px;color:#2d2e32}@media (max-width: 480px){.hero-wrapper .about .info h1{font-size:40px}}.hero-wrapper .about .info p{margin-top:20px;font-size:17px;line-height:26px;color:#555}.hero-wrapper .about .info .icons{margin-top:20px}.hero-wrapper .about .info .icons a{color:#2d2e32}.hero-wrapper .about .info .icons a svg{font-size:45px;padding:8px;transition:all .23s}.hero-wrapper .about .info .icons a svg:hover{color:#2781f8}.hero-wrapper .about .photo{width:50%;text-align:right}@keyframes morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.hero-wrapper .about .photo img{height:330px;animation:morph 8s ease-in-out infinite;border:3px solid #2d2e32;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;position:relative;transition:all 1s ease-in-out}@media (max-width: 480px){.hero-wrapper .about .photo img{height:250px}}.hero-wrapper .skills{margin-top:50px;display:flex;align-items:center}.hero-wrapper .skills h3{padding-right:15px;margin-right:15px;border-right:2px solid #8a8a8a}.hero-wrapper .skills ul{list-style:none;display:flex;flex-wrap:wrap;gap:2rem}.hero-wrapper .skills ul li{cursor:pointer;transition:all ease-in-out .3s}.hero-wrapper .skills ul li:hover{transform:translateY(-10px)}@media (max-width: 890px){.hero-wrapper{padding-top:30px}.hero-wrapper .about{display:flex;flex-direction:column-reverse;align-items:center}.hero-wrapper .about .info{text-align:center;width:auto;padding:30px}.hero-wrapper .about .photo{width:auto}.hero-wrapper .skills{display:block;margin-top:30px;padding-bottom:80px}.hero-wrapper .skills h3{margin:auto auto 20px;padding:10px;width:fit-content;border:0;border-bottom:2px solid #8a8a8a}.hero-wrapper .skills ul{justify-content:center}}.about-wrapper{padding-top:150px;margin-bottom:150px;display:flex;justify-content:space-between}.about-wrapper .photo{position:relative;height:330px}@media (max-width: 480px){.about-wrapper .photo{height:220px;width:250px;margin:auto}}.about-wrapper .photo img{height:100%;max-width:400px;border-radius:12px;width:100%}.about-wrapper .photo .circle{position:absolute;height:185px;width:185px;background-color:#fff;z-index:10;bottom:-40px;right:-70px;border-radius:50%;display:flex;align-items:center;justify-content:center}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.about-wrapper .photo .circle img:first-of-type{position:absolute;height:60px;width:60px}.about-wrapper .photo .circle img:last-of-type{position:absolute;height:180px;width:180px;animation:rotate 9s linear infinite}.about-wrapper .info{width:50%}.about-wrapper .info h4{color:#2781f8}.about-wrapper .info h2{margin-top:20px;color:#2d2e32}.about-wrapper .info p{margin-top:20px;font-size:17px;line-height:25px;color:#555}@media (max-width: 892px){.about-wrapper{display:block}.about-wrapper .photo{margin:auto;text-align:center}.about-wrapper .photo .circle{display:none}.about-wrapper .info{width:auto;margin:30px auto auto;padding:0 30px;text-align:center}}.projects-wrapper{padding-top:150px;margin-bottom:100px;padding-bottom:100px;background-color:#f9f9f9}.projects-wrapper .text{margin-bottom:60px}.projects-wrapper .text h4{color:#2781f8}.projects-wrapper .text h2{margin-top:20px;color:#2d2e32}@media (max-width: 600px){.projects-wrapper .text{text-align:center}}.projects-wrapper .projects{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.projects-wrapper .projects .project{padding:20px;border-radius:30px;background-color:#fff;box-shadow:0 0 10px #0000001a;height:auto;max-width:600px}.projects-wrapper .projects .project .project-sh{width:100%;height:280px;border-radius:10px;overflow:hidden;box-shadow:0 0 10px #0000001a;cursor:pointer}.projects-wrapper .projects .project .project-sh img{width:100%;height:auto;transform:translateY(0);transition:transform 10s ease-in-out 0s}.projects-wrapper .projects .project .project-sh img:hover{transform:translateY(-83%)}.projects-wrapper .projects .project .project-ds{text-align:center;padding:15px 40px;width:100%}.projects-wrapper .projects .project .project-ds h3{color:#2d2e32;margin-bottom:25px}.projects-wrapper .projects .project .project-ds h3 span{font-size:15px;color:#4a4a4a}.projects-wrapper .projects .project .project-ds p{margin-bottom:20px;font-size:19px;line-height:25px;color:#555}.projects-wrapper .projects .project .project-ds .tech{margin:10px 0;display:flex;flex-wrap:wrap;justify-content:center}.projects-wrapper .projects .project .project-ds .tech span{padding:7px 10px;background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000001a;font-size:17px;font-weight:600;margin:7px}.projects-wrapper .projects .project .project-ds .links button{border:none;background-color:transparent;font-size:18px;font-weight:500;cursor:pointer}.projects-wrapper .projects .project .project-ds .links button:first-of-type{margin-right:20px}.projects-wrapper .projects .project .project-ds .links button a{color:#2d2e32;transition:all .23s;text-decoration:none;display:flex;align-items:center;gap:6px}.projects-wrapper .projects .project .project-ds .links button a:hover{color:#2781f8}.projects-wrapper .btnContainer{display:flex;justify-content:center}.projects-wrapper .btnContainer .showMoreBtn{color:#2d2e32;margin-top:30px;padding:7px 10px;background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000001a;font-size:17px;font-weight:500;border:1.5px solid #2d2e32}.projects-wrapper .btnContainer .showMoreBtn:hover{transition:all .23s;color:#2781f8;border-color:#2781f8}@media (max-width: 892px){.projects-wrapper .projects{grid-template-columns:1fr}.projects-wrapper .projects .project{margin:auto;display:block;max-height:fit-content}.projects-wrapper .projects .project .project-sh{width:100%;max-height:300px}.projects-wrapper .projects .project .project-ds{width:fit-content;margin:auto}}.contact-wrapper{margin-bottom:100px}.contact-wrapper .text h4{color:#2781f8}.contact-wrapper .text h2{margin-top:20px;color:#2d2e32}.contact-wrapper .links{margin-top:30px;display:flex}.contact-wrapper .links .sec{margin-top:50px;width:fit-content;display:flex}.contact-wrapper .links .sec:first-child{margin-right:50px}.contact-wrapper .links .sec span:first-child{background-color:#fff;color:#2781f8;font-size:28px;display:flex;align-items:center;justify-content:center;height:55px;width:55px;box-shadow:0 0 10px #0000001a;margin-right:20px;border-radius:50%}.contact-wrapper .links .sec span:last-child{cursor:pointer;color:#555;transition:all .23s}.contact-wrapper .links .sec span:last-child a{text-decoration:none;font-size:18px;color:#555;transition:all .23s}.contact-wrapper .links .sec span:last-child a:hover{color:#2781f8}.contact-wrapper .links .sec span:last-child:hover{color:#2781f8}.contact-wrapper .links .sec h3{color:#2d2e32;margin-bottom:10px}@media (max-width: 892px){.contact-wrapper .text{text-align:center}.contact-wrapper .links{flex-direction:column;align-items:center}.contact-wrapper .links .sec{flex-direction:column;text-align:center;align-items:center}.contact-wrapper .links .sec:first-child{margin-right:0}.contact-wrapper .links .sec span{margin:0 0 30px}.contact-wrapper .links .sec span:first-child{margin-right:0}}.footer-wrapper{background-color:#2d2e32;padding:60px 0;color:#fff}.footer-wrapper .footer{display:flex;justify-content:space-between}.footer-wrapper .footer .right-side a{color:#fff}.footer-wrapper .footer .right-side a svg{font-size:30px;margin-right:20px;transition:all .23s}.footer-wrapper .footer .right-side a svg:hover{color:#2781f8}@media (max-width: 892px){.footer-wrapper .footer{flex-direction:column}.footer-wrapper .footer .left-side{text-align:center}.footer-wrapper .footer .right-side{margin-top:30px;text-align:center}}