@import"https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box;border:none;outline:none;scroll-behavior:smooth;font-family:Titillium Web,sans-serif}a{text-decoration:none}:root{--bg-color: #010820;--snd-bg-color: #262840;--text-color: #fff;--main-color: rgb(0, 225, 255)}html{font-size:65%}body{background:var(--bg-color);color:var(--text-color)}section{min-height:100vh;padding:10rem 9% 2rem}@keyframes lavaFlow{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes flicker{0%{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(1.2);opacity:.8}to{transform:translateY(-50%) scale(.9);opacity:1}}.header{position:fixed;top:0;left:0;width:100%;padding:2rem 10%;display:flex;justify-content:space-between;align-items:center;z-index:100;background:var(--bg-color)}.logo{font-size:2rem;color:var(--text-color);font-weight:600;cursor:default}.navbar a{font-size:1.5rem;color:var(--text-color);margin-left:5rem;font-weight:600;text-underline-offset:none}.navbar a:hover{color:#ffd900}.navbar:hover,.header:active{color:var(--text-color)}#menu-icon{font-size:2.5rem;color:var(--text-color);display:none}.all-texts{font-weight:600;background:linear-gradient(90deg,gold,orange,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.highlight-name{background:#00e0ff;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:lavaFlow 10s linear infinite}#menu-icon{font-size:2.5rem;color:var(--text-color);display:none;cursor:pointer}@media (max-width: 1100px){#menu-icon{display:block}.navbar{position:absolute;top:100%;right:10%;background:var(--bg-color);width:200px;flex-direction:column;align-items:flex-start;padding:1rem;border-radius:10px;box-shadow:0 5px 15px #0003;display:none}.navbar.open{display:flex}.navbar a{margin:1rem 0;font-size:1.3rem;width:100%}}.back-to-top{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,#00e0ff);color:#000;border:none;padding:11px 15px;border-radius:50%;font-size:1.5rem;cursor:pointer;box-shadow:0 5px 15px #0000004d;transition:all .3s ease;z-index:200}.back-to-top:hover{transform:scale(1.1);background:linear-gradient(135deg,#00ff2a)}.home{display:flex;justify-content:center;align-items:center}.home-content h3{font-size:3.3rem;font-weight:650}.home-content h3:nth-of-type(2){margin-bottom:2rem}span{color:var(--main-color)}.p{margin-right:9rem}.home-content h1{font-size:4.5rem;font-weight:700;line-height:1.5}.home-img img{width:25vw;animation:floatImage 4s ease-in-out infinite;margin-left:2rem;border:3px solid rgb(0,225,255);box-shadow:0 0 5rem #00e1ff;border-radius:50%}@keyframes floatImage{0%{transform:translateY(0)}50%{transform:translateY(-2.5rem)}to{transform:translateY(0)}}.home-content p{font-size:1.5rem}.social-media a{display:inline-flex;justify-self:center;align-items:center;height:5rem;width:5rem;background:transparent;border:.2rem solid var(--main-color);border-radius:35%;font-size:3rem;color:var(--main-color);margin:3rem 1.5rem 3rem 0;transition:.5s ease}.social-media i{margin-left:1rem}.social-media a:hover{background:var(--main-color);color:var(--bg-color);box-shadow:0 0 1rem var(--main-color)}.btn{display:inline-block;padding:1rem 2.7rem;background:var(--main-color);border-radius:4rem;box-shadow:0 0 1rem var(--main-color);font-size:1.7rem;color:var(--bg-color);letter-spacing:.2rem;font-weight:650;transition:.5s ease}.btn:hover{background-color:#fe0;transform:translateY(-3px);box-shadow:none}.btn:active{transform:translateY(12px)}.about{display:flex;justify-content:center;align-items:center;gap:2rem;background:#0b1436}.about-img img{width:16vw;border:.2rem solid var(--main-color);border-radius:50%;box-shadow:0 0 5rem #00e1ff}.pull-right{font-size:1.5em}.pull-rights{color:#ff0;font-weight:600;font-size:1.5rem;float:right}.title-s{margin-top:3rem;margin-bottom:1.8rem;font-size:2rem;font-weight:600;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}.skill-mf .progress{margin:1rem 0 1.2rem;height:1rem;background-color:#fffefe;border-radius:2rem;overflow:hidden;position:relative}.skill-mf .progress-bar{height:100%;border-radius:2rem;background:linear-gradient(90deg,red,#10f,red);background-size:300% 100%;width:0;position:relative;overflow:hidden;box-shadow:0 0 15px red,0 0 30px #ff6400e6,0 0 45px #ffc800cc;animation:gradientMove 5s linear infinite}.skill-mf .progress .progress-bar:before,.skill-mf .progress .progress-bar:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.6) 25%,transparent 70%);border-radius:45%;animation:wave 3s linear infinite;mix-blend-mode:overlay}.ul{margin-top:4rem;margin-bottom:4rem}.uls{margin-bottom:1rem}.heading{text-align:center;font-size:4.6rem}.about-content{margin-left:15rem}.about-content h2{text-align:left;line-height:1.5}.about-content h3{font-size:2.7rem}.about-content p{font-size:1.8rem;margin:2rem 0 3rem}.skills-section{padding:4rem 2rem;background:var(--bg-color);color:#fff;text-align:center}.skills-title{font-size:2.2rem;font-weight:700;color:#00e0ff;margin-bottom:2.5rem}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem 4rem;max-width:900px;margin:0 auto;margin-top:5rem}.skill-item{text-align:left}.skills-subtitle{font-size:2.5rem;font-weight:600;color:#00e0ff;margin-bottom:1.5rem;margin-top:1.1rem}.skill-header{font-size:2rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:.4rem}.underli{width:100%;height:7px;background-image:linear-gradient(to right,#0ff,#002a42);margin-top:5px;margin-bottom:2rem;border-radius:4rem}.skill-icon{font-size:3rem;margin-right:.5rem}.skill-name{flex:1;font-size:2rem;font-weight:700;color:#ddd;margin-left:.5rem}.skill-percent{font-weight:600;color:#ff004f;margin-left:.5rem}.progress{margin:.5rem 0 1.2rem;height:1.3rem;background-color:#fff;border-radius:2rem;overflow:hidden;position:relative}.progress .progress-bar{height:100%;border-radius:2rem;background:linear-gradient(90deg,red,#10f,red);background-size:300% 100%;width:0;position:relative;overflow:hidden;box-shadow:0 0 15px red,0 0 30px #ff6400e6,0 0 45px #ffc800cc;animation:gradientMove 2s linear infinite}.progress .progress-bar:before,.progress .progress-bar:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.6) 25%,transparent 70%);border-radius:45%;animation:wave 3s linear infinite;mix-blend-mode:overlay}.skill-mf .progress .progress-bar:after{animation-duration:3s;opacity:1}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes wave{0%{transform:translate(0) translateY(0) rotate(0)}to{transform:translate(-30%) translateY(-15%) rotate(360deg)}}.services{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.services h2{margin-bottom:4rem;position:inherit}.row{width:100%;height:100px;margin-top:1rem}.big-4{display:flex;justify-content:center;align-items:center;font-size:3.5rem;margin:0 auto;transform:scaleX(1.2)}.underline{width:100%;height:7px;background-image:linear-gradient(to right,#fff,#86d9ff 20%,#00e1ff 50%,#004d5a);margin-top:5px;border-radius:4rem;opacity:50%}.services-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:3rem}.services-container .services-box{height:100%;width:100%;flex:1 1 30rem;background:var(--snd-bg-color);padding:3rem 1rem;border-radius:2.5rem;text-align:center;border:.2rem solid var(--bg-color);transition:.5s ease}.services-container .services-box:hover{border-color:#00e1ff;transform:scale(1.05)}.services-container .bte{flex:1 1 42rem;background:var(--snd-bg-color);padding:3rem 1rem;border-radius:2.5rem;text-align:center;transition:.5s ease}.certificate-container{display:grid;align-items:center;flex-wrap:wrap;gap:3rem;grid-template-columns:repeat(3,1fr);margin-bottom:4.5rem}.certificate-container .services-box{height:100%;width:100%;flex:1 1 30rem;background:var(--snd-bg-color);padding:3rem 1rem;border-radius:2.5rem;text-align:center;border:.2rem solid var(--bg-color);transition:.5s ease}.services-box .btn{margin-top:3rem}.certificate-container .services-box:hover{border-color:#00e1ff;transform:scale(1.05)}.services-box i{font-size:5.2rem;margin-bottom:2rem}.services-box p{font-size:2rem;margin:1rem 0 3rem}.edu{margin-top:4rem;text-align:left;margin-left:3rem}.services-box h3{font-size:3rem}.certificate-container .services-box i{font-size:4rem;margin-bottom:2rem}.certificate-container .services-box p{font-size:2rem;margin:1rem 0 3rem}.certificate-container .edu{margin-top:4rem;text-align:left;margin-left:3rem}.certificate-container .services-box h3{font-size:2.4rem}.exp{background-color:#0b1436}.edu ul{list-style:none;padding-left:20px;border-left:2px solid #00f7ff}.edu ul li{margin:15px 0;position:relative;padding-left:15px;font-size:2rem}.services-container h3{font-size:4rem}.services-container strong{color:#00e0ff}.edu ul li:before{content:"";position:absolute;left:-9px;top:6px;width:10px;height:10px;background:#00f7ff;border-radius:50%}.portfolio{background-color:#0b1436}.portfolio h2{margin-bottom:4rem}.portfolio-container{margin-top:6rem;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:2.9rem}.portfolio-container .portfolio-box{position:relative;border-radius:2rem;box-shadow:0 0 1rem var(--bg-color);overflow:hidden;display:flex}.portfolio-box img{width:100%;height:300px;transition:.5s ease}.portfolio-box:hover img{transform:scale(1.25)}.portfolio-box .portfolio-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.1),var(--bg-color));display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:0 4rem;transform:translateY(100%);transition:.5s ease}.portfolio-box:hover .portfolio-layer{transform:translateY(0)}.portfolio-layer h3{font-size:3rem}.portfolio-layer p{font-size:1.5rem;margin:.2rem 0 1rem}.portfolio-layer a{display:inline-flex;justify-content:center;align-items:center;width:5rem;height:5rem;background:transparent;border-radius:50%}.portfolio-layer i{margin-bottom:.5rem;font-size:1.5rem;color:#fff}.thankyou-section{background:#0b0b20;color:#fff;padding:80px 20px;text-align:center;position:relative}.thankyou-container{max-width:800px;margin:auto}.thankyou-title{font-size:4rem;font-weight:700;margin-bottom:20px;color:#00e0ff}.thankyou-text{font-size:2.3rem;line-height:1.6;color:#d1d5db;margin-bottom:30px}.thankyou-links{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.thankyou-links a{font-size:1.5rem;padding:12px 20px;border-radius:30px;background:#1a1a2e;color:#00e0ff;text-decoration:none;font-weight:700;transition:all .3s ease;border:1px solid #00e0ff}.thankyou-links a:hover{background:#00e0ff;color:#0b0b20;transform:translateY(-3px)}.btt{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btt a{font-size:1.5rem;padding:12px 20px;border-radius:30px;background:#1a1a2e;color:#00e0ff;text-decoration:none;font-weight:700;transition:all .3s ease;border:1px solid #00e0ff}.btt a:hover{background:#3cff00;color:#0b0b20;transform:translateY(-10px)}.footer{display:flex;justify-content:center;align-items:center;padding:.8rem 1rem;background:var(--main-color);border-radius:.4rem;transition:.5s ease;color:#000;font-weight:600;font-style:normal;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.footer-text{font-size:1.8rem}@media (max-width: 930px){.header{position:fixed;top:0;left:0;width:100%;padding:2rem 5%;display:flex;justify-content:space-between;align-items:center;z-index:100;background:var(--bg-color)}.navbar a{font-size:1.5rem;color:var(--text-color);margin-left:2.8rem;font-weight:600;text-underline-offset:none}.home-content h3{font-size:2.3rem;font-weight:650}.home-content h3:nth-of-type(2){margin-bottom:2rem}span{color:var(--main-color)}.p{margin-right:9rem}.home-content h1{font-size:3.5rem;font-weight:700;line-height:1.5}.home-img img{width:25vw;animation:floatImage 4s ease-in-out infinite;margin-left:2rem;border:3px solid rgb(0,225,255);box-shadow:0 0 5rem #00e1ff;border-radius:50%}.home-content p{font-size:1.4rem}.about-content{margin-left:15rem}.about-content h2{text-align:left;line-height:1.5}.about-content h3{font-size:2.7rem}.about-content p{font-size:1.6rem;margin:2rem 0 3rem}.about-img img{width:23vw;border:.2rem solid var(--main-color);border-radius:50%;box-shadow:0 0 5rem #00e1ff}.services h2{margin-bottom:3rem}.row{width:100%;height:100px;margin-top:1rem}.services-container .services-box{flex:1 1 30rem;background:var(--snd-bg-color);padding:3rem 1rem;border-radius:2.5rem;text-align:center;border:.2rem solid var(--bg-color);transition:.5s ease}.certificate-container{display:grid;align-items:center;flex-wrap:wrap;gap:2rem;grid-template-columns:repeat(2,1fr);margin-bottom:4.5rem}.certificate-container .services-box{width:100%;height:100%;flex:1 1 30rem;background:var(--snd-bg-color);padding:3rem 1rem;border-radius:2.5rem;text-align:center;border:.2rem solid var(--bg-color);transition:.5s ease}.services-box .btn{margin-top:2rem}.services-box i{font-size:3rem;margin-bottom:2rem}.services-box p{font-size:2rem;margin:1rem 0 3rem}.services-box h3{font-size:3rem}.certificate-container .services-box i{font-size:4rem;margin-bottom:2rem}.certificate-container .services-box p{font-size:2rem;margin:1rem 0 3rem}.certificate-container .services-box h3{font-size:2.4rem}.portfolio-container{margin-top:6rem;display:grid;grid-template-columns:repeat(2,1fr);align-items:center;gap:2.9rem}.portfolio-box .portfolio-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.1),var(--bg-color));display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:0 4rem;transform:translateY(100%);transition:.5s ease}.portfolio-box:hover .portfolio-layer{transform:translateY(0)}.portfolio-layer h3{font-size:2.9rem}.portfolio-layer p{font-size:1.5rem;margin:.2rem 0 1rem}.portfolio-layer i{margin-bottom:.5rem;font-size:1.5rem;color:#fff}}@media (max-width: 620px){.portfolio-container,.certificate-container{grid-template-columns:1fr}.about-content{margin-left:2rem}.home-img img,.about-img img{width:30vw}}@media (max-width: 450px){html{font-size:50%}.contact form .input-box input{width:100%}}