@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{font-family:Outfit,sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#fff;color:#000}.Topbar{width:100%;padding:5px 5%;display:flex;justify-content:space-between;box-shadow:0 1px #00000014}.Topbar_right ul{display:flex;justify-content:center;align-items:center;list-style:none;gap:20px}.Topbar_right ul li a{display:flex;justify-content:center;align-items:center;gap:5px;text-decoration:none;color:#000}.Topbar_right ul li a:hover{text-decoration:underline}.Topbar_left nav{display:flex;justify-content:center;align-items:center;gap:10px}.Topbar_left nav img{width:20px;height:20px;cursor:pointer;filter:grayscale(50%) opacity(.9);transition:filter .3s ease-in-out}.Topbar_left nav img:hover{filter:grayscale(0%) opacity(1)}.Topbar img{width:18px;height:18px;cursor:pointer}@media(max-width:600px){.Topbar{padding:5px 2%}.Topbar_right ul{gap:10px}.Topbar_right ul li:last-child{display:none}.Topbar_left nav img{width:15px;height:15px}}.Navbar{width:100%;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10000;background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px #0000000f}.Navbar_left{display:flex;justify-content:center;align-items:center;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:-.4px;cursor:pointer;gap:5px}.logo-icon{color:#2563eb}.logo-text{color:#0f172a}.Navbar_maddle ul{display:flex;justify-content:center;align-items:center;list-style:none;gap:25px}.Navbar_maddle ul li{list-style:none;font-size:1.2rem;padding:5px;border-radius:5px;cursor:pointer}.Navbar_maddle ul li:hover{background-color:#f4f4f5}.Navbar_maddle ul a{text-decoration:none;color:#000;font-size:1.2rem}.Navbar_right button{padding:8px 10px;border-radius:6px;background-color:#fff;border:1px solid #e5e7eb;font-family:Inter,system-ui,sans-serif;font-size:.95rem;font-weight:500;color:#0f172a;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;gap:5px;transition:all .3 ease}.Navbar_right button:hover{background-color:#f9fafb;border-color:#2563eb;color:#2563eb}.Navbar_right .Navbar_menu{display:none}.live-dot{width:10px;height:10px;border-radius:50%;background-color:#1dbf73;margin-right:5px;animation:live-dot 2s infinite ease-in-out;display:flex;justify-content:center;align-items:center}.Navbar_toggle{width:100%;height:100vh;position:fixed;inset:0;z-index:999;display:flex;justify-content:center;align-items:center;animation:slideIn .5s ease}.Navbar-toggle-left{width:30%;height:100%;background-color:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(10px);opacity:0;box-shadow:-10px 0 30px #00000014;animation:fadeIn .5s ease forwards;animation-delay:.4s;z-index:1000}.Navbar-toggle-right{width:70%;height:100%;background-color:#fff;display:flex;flex-direction:column;padding:10px 20px;gap:10px}.toggle-button{width:100%;display:flex;justify-content:flex-end;align-items:center}.toggle-button img{width:24px;height:24px;cursor:pointer;transition:transform .25s ease,opacity .25s ease}.toggle-button img:hover{transform:rotate(90deg);opacity:.8}.toggle-button button{border:none}.toggle-logo{width:100%;display:flex;justify-content:center;align-items:center;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.4px;cursor:pointer;gap:5px}.Navbar-toggle-right ul{width:100%;list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.Navbar-toggle-right ul li{font-size:1.2rem;padding:5px;font-weight:600;border-radius:5px;cursor:pointer;transition:all .25s ease}.Navbar-toggle-right ul li a{text-decoration:none;color:#0f172a;display:block;width:100%;padding:10px 0}.toggle-buttons{width:100%;display:flex;justify-content:center;align-items:center}.toggle-buttons button{display:flex;justify-content:center;align-items:center;width:80%;padding:7px 0;outline:none;border:none;border-radius:5px;margin-top:10px}.Navbar-toggle-right ul li:hover,.Navbar-toggle-right ul li a:hover{background-color:#f4f4f5;color:#2563eb;transform:translate(5px)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes live-dot{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:.7}}@media(min-width:800px){.Navbar-toggle-left{width:60%;border-radius:0}}@media(min-width:1000px){.Navbar-toggle-left{width:100%;border-radius:0}.Navbar-toggle-right{max-width:300px}}@media(max-width:800px){.Navbar_maddle,.Navbar_right button{display:none}.Navbar_right .Navbar_menu{display:block}.Navbar{padding:15px 5%}}.Hero{width:100%;height:85vh;background-image:linear-gradient(to bottom,#ffffff56,#ffffffa8 70%,#fff),url(/assets/Background%20image-Bnqe7dIX.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:0 10%}.Hero-box{width:100%;height:100%;display:flex;flex-direction:column;padding:40px 0;gap:20px}.Hero-greeting{display:flex;flex-direction:column}.Hero-greeting h1{font-size:3.5rem;font-weight:700;letter-spacing:-.4px}.Hero-description{width:50%;font-size:1.2rem;font-weight:400;letter-spacing:-.4px;padding-left:10px}.Hero-cta{display:flex;align-items:center;gap:20px;padding:0 20px}.Hero-cta button{padding:10px 20px;border:none;border-radius:5px;font-size:1.2rem;font-weight:700;letter-spacing:-.4px;cursor:pointer}.Hero-cta button:first-child{background-color:#18181b;color:#fff}.Hero-ctab button:last-child{background-color:#fff;color:#18181b}.my-experience{display:flex;justify-content:center;align-items:flex-end;flex:1}.my-experience ul{display:flex;justify-content:center;align-items:center;list-style:none;padding:10px 20px;background-color:#f1f0f1;border-radius:10px;box-shadow:0 4px 12px #0000001a}.my-experience ul li{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 20px}.Skillset{width:100%;padding-top:50px;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px}.Skilltitle{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.Skillset-list{width:80%;display:flex;justify-content:center;align-items:center;gap:10px}.list-title{width:100%;display:flex;justify-content:center;align-items:center}.Skilltitle h1{font-size:2rem;font-weight:700;letter-spacing:-.4px;color:#0f172a}.Skilltitle h2{font-size:1.2rem;font-weight:500;letter-spacing:-.4px;color:#0f172a}.Skilltitle h2 span{color:#2563eb}.list-title h1{font-size:1.5rem;font-weight:700;letter-spacing:-.4px;color:#0f172a}.Skillset-list-left,.skillset-list-right{width:50%}.Skillset-list-right-list,.Skillset-list-left-list{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;gap:15px}.skillitem{width:100%;height:50px;display:flex;justify-content:center;align-items:center}.skillitem img{width:40px;height:40px}.Skill-graph{height:100%;width:100%;display:flex;flex-direction:column;gap:5px;justify-content:flex-end;padding:5px}.graph-upper{display:flex;justify-content:space-between}.graph-upper p:first-child{font-weight:700;font-size:1.2rem}.graph-lower{width:100%;height:10px;background-color:#e0e0e0;border-radius:5px;overflow:hidden;position:relative}.graph-lower .fill{width:50%;height:100%;background:linear-gradient(90deg,#695dd9,#8c6eff);border-radius:5px;transition:width 1s ease-in-out}.Ourservice{width:100%;padding:50px 5% 0;display:flex;flex-direction:column;gap:20px}.Service-title{width:100%;display:flex;justify-content:center;align-items:center;gap:5px;font-size:1.5rem;font-weight:700;color:#000000ec}.Service-title span:nth-child(1){font-size:1.5rem;font-weight:700;color:#000000ec}.Service-card{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,350px));align-items:center;justify-content:center;gap:20px}.serviceCard{height:200px;background-color:#c3c3c4;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;text-align:center;border-radius:10px;box-shadow:0 4px 12px #0000001a;gap:10px}img{width:100px;height:100px}.serviceCard-img{width:70px;border-radius:50%;height:70px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#f4f4f5}.serviceCard-img img{width:50px;height:50px;object-fit:cover}.serviceCard-description{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.serviceCard-description h2{font-size:1.2rem;font-weight:700;color:#000000ec}.serviceCard-description p{font-size:.9rem;font-weight:400;color:#000000ec}.Project{width:100%;padding:50px 5% 20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.Project-title{width:100%;display:flex;justify-content:center;align-items:center}.Project-card{width:100%;display:flex;flex-wrap:nowrap;overflow-y:auto;gap:10px;align-items:center;justify-content:center}.Projectcard{width:370px;height:400px;background-color:#f3f4f6}.Project-banner{width:100%;height:45%;background-color:#0ff}.Project-banner img{width:100%;height:100%;object-fit:cover}.Project-description{padding:20px 10px;width:100%;display:flex;flex-direction:column;gap:5px}.Project-technology{padding:0 10px;display:flex;gap:10px}.Project-technology p{background-color:#fff;padding:5px 10px;border-radius:10px}.Project-demo{padding:10px;display:flex;justify-content:flex-start;align-items:center;gap:10px}.Project-demo button{padding:5px 10px;border-radius:5px;border:none;outline:none;background-color:#18181b;color:#fff}.Gitintouch{width:100%;display:flex;padding:20px 5% 50px;flex-direction:column;align-items:center;gap:30px}img{width:20px;height:20px}.Gitintouch-detail{height:100%;width:100%;display:flex;justify-content:center}.Gitintouch-left{display:flex;flex-direction:column;gap:20px;width:50%}.phone,.gmail,.location{display:flex;align-items:center;gap:5px}.social-link{display:flex;gap:10px}.social-link button{padding:5px 10px;border-radius:5px;border:none}.Gitintouch-right{width:50%}.Gitintouch form{display:flex;flex-direction:column;gap:10px;background-color:#ffffff6e;padding:0 30px}.Gitintouch form textarea{padding:10px}.Gitintouch form .send{width:40%;padding:10px 20px}.Gitintouch form input{outline:none;padding:10px 20px}.Footer{width:100%;padding:10px 5%;background-color:#f9fafb2c;display:flex;flex-direction:column;gap:20px}.Footer-top{display:flex;flex-direction:column;gap:5px}.Footer_logo{font-size:2rem}.Footer-top p{margin-left:10px}.Footer-main{width:100%;padding:10px 50px;display:flex;justify-content:space-between}.Footer-main ul{list-style:none;display:flex;justify-content:flex-start;gap:5px;flex-direction:column}.Footer-main ul li a{color:#000;text-decoration:none;display:flex;gap:5px}.Footer-bottom{width:100%;display:flex;align-items:center;justify-content:center}