.links ul li{display:inline-block;width:50px;height:50px;border:1px solid #fff;display:flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;font-weight:700;cursor:pointer}.links ul li:hover{background:#fff;color:#000;transition:.5s ease-in-out}.about-content{text-align:center;font-size:40px;line-height:1.4}.marquee-text-container{overflow:hidden;white-space:nowrap;color:#fff;gap:20px;font-size:22px;background-color:#0d1617;padding:15px;border-radius:50px}.marquee-text{display:inline-block;animation:scroll 20s linear infinite;justify-content:center;gap:50px}.marquee-text,.marquee-text p{display:flex;align-items:center}.marquee-text p{gap:10px}.marquee-text p:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background-color:#fff}.marquee-text p:first-of-type{color:#3db5db}.marquee-text p:first-of-type:before{background-color:#3db5db}.marquee-text p:nth-of-type(2){color:#37e633}.marquee-text p:nth-of-type(2):before{background-color:#37e633}.marquee-text p:nth-of-type(3){color:#fcd445}.marquee-text p:nth-of-type(3):before{background-color:#fcd445}@keyframes scroll{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.underline{width:0;height:1px;background-color:#fff;transition:width .5s ease-in-out,background-color .5s ease-in-out}.about-me-more:hover .underline{width:100%;background-color:#00ab4d}@media(max-width:768px){.about-container{padding:2rem 0}.social-media{display:flex;flex-direction:column;justify-content:center;gap:10px;align-items:center;font-size:20px;margin:1.5rem auto}.links ul li{width:40px;height:40px;font-size:20px}.about-content{font-size:22px;margin:1rem auto;width:100%}.marquee-text-container{font-size:18px;padding:10px}.marquee-content{width:80%}.marquee-text{gap:20px}.marquee-text p{gap:5px}.underline{height:1px}.about-me-more{font-size:20px}.about-me-outer-container{padding:2rem 0}.about-me{flex-direction:column-reverse;gap:2rem}.about-me-image{width:100%}.about-me-content{width:100%;font-size:20px}.hero-section-heading{font-size:10px;gap:5px}.section-header-title{font-size:40px;width:100%}.section-header-title-1{font-size:28px;line-height:2.3rem;width:100%}.footer-outer-container{padding:2rem 0}.footer-title{font-size:45px}.copyrights{font-size:18px;display:flex;justify-content:center;gap:10px;flex-direction:column}}.nav-menu{backdrop-filter:blur(4px);background:rgba(0,10,11,0)}.nav-menu ul li{padding:20px 30px;display:inline-block;border-radius:20px}.nav-menu ul li a{color:#fff;text-decoration:none}.nav-menu ul li:hover{background:#00ab4d;background:url(/hero-bg.png);background-size:cover;background-position:bottom;background-repeat:no-repeat;transition:.5s;padding-top:35px;padding-left:45px;padding-bottom:35px}@media(max-width:768px){.header-logo{width:100px}.nav-menu-button-line{width:20px;height:2px;background:#fff;margin:5px}}.hero-section-heading:after,.hero-section-heading:before{content:"";display:block;width:20px;height:3px;background:linear-gradient(90deg,#fff,#000)}.hero-section-heading:after{background:linear-gradient(90deg,#000,#fff)}@media(min-width:769px)and (max-width:1300px){.hero-section-subheading{font-size:170px}}@media(min-width:769px)and (max-width:1024px){.hero-section-container{height:500px}.hero-section-container img{top:150px;width:400px}.header-and-herosection{height:600px}.hero-section-subheading{font-size:120px}.hero-section-heading-container{padding:5px 10px}.hero-section-heading{font-size:15px;letter-spacing:1px}.hero-section-slill{font-size:15px;gap:7px}.hero-section-slill-container{display:flex;gap:1rem}}@media(max-width:768px){.hero-section-container{height:500px}.hero-section-container img{top:150px;width:300px}.header-and-herosection{height:600px}.hero-section-subheading{font-size:40px}.hero-section-heading-container{padding:5px 10px}.hero-section-heading{font-size:10px;letter-spacing:1px}.hero-section-slill{font-size:10px;gap:7px}.hero-section-slill-container{display:flex;gap:1rem}.projects-outer-container{padding:2rem 0}.project-card{flex-direction:column;padding:1rem;gap:1rem}.project-card-content{gap:1rem}.project-card-image{width:100%;height:300px}.project-card-image img{width:100%;height:100%}.project-card-title{font-size:24px;line-height:2rem}.project-card-description{font-size:20px;line-height:2rem}}.service-card:hover{background:#00ab4d;background:url(/hero-bg.png);background-size:cover;background-position:bottom;background-repeat:no-repeat;transition:.5s}@media(max-width:768px){.services-outer-container{padding:2rem 0}.service-title{font-size:20px}.service-card{padding:2rem}.services{gap:2rem;margin:2rem auto}}.skills{gap:3rem}.skill{position:relative;border-radius:10px}.skill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;padding:1px;background:linear-gradient(-90deg,rgba(0,171,77,.573),#202020);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s}.skill:hover:before{opacity:1}.skill-card{border:1px solid #a3a3a3;border-radius:10px;padding:60px;display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:transparent;position:relative;transition:border .5s,background .5s}.skill-card:hover{border-color:transparent;background:url(/hero-bg.png);background-position:bottom;background-repeat:no-repeat}.skill-card img{filter:grayscale(2)}@media(max-width:768px){.skills-outer-container{padding:2rem 0}.skills-inner-container{width:83%}.skills-title{font-size:28px}.skills{gap:1rem;margin:0}.skill-card{padding:1rem 2rem}.skill-card img{width:30px}.skill-name{font-size:15px}}