@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap";body{overflow-x:hidden}.nav-font{font-family:Pin Sans,sans-serif;font-optical-sizing:auto;font-weight:474;font-style:normal}.nav{z-index:10;position:fixed;top:0;left:0;width:100%;height:5rem;background-color:#000;color:#fff;align-items:center;display:flex;justify-content:space-between}.left{font-size:1.2rem}.nav .left a{color:#efc254;text-decoration:none}.nav .left,.right{padding:0 1.5rem;font-weight:800;color:#efc254}.nav .right{display:flex;justify-content:space-around;align-items:center;font-size:.9rem}.nav .right ul{list-style:none;display:flex;gap:3rem}.nav .right ul li a{color:#fff;text-decoration:none}.nav .right ul li a:hover{color:#efc254;text-decoration:underline;text-underline-offset:.3rem;transition:ease-in-out .5s}.nav .right .active{color:#d7a72b;text-decoration:underline;text-underline-offset:.3rem}.slideNavHidden{position:fixed;top:-100%;left:0;width:100%;height:100%;background-color:#000c;z-index:9;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:1s ease-in-out;animation:fade .3s ease-in 0s 1 forwards}@keyframes fade{0%{opacity:100%}to{opacity:0%}}.threedot{border:2px solid #EFC254;height:1.5rem;width:1.5rem;display:flex;justify-content:center;align-items:center;background-color:#d7a72b;border-radius:50%}.slideNav{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:1s ease-in-out}.slideNav ul{list-style:none;display:flex;flex-direction:column;gap:2rem}.cross{position:absolute;top:1rem;right:1rem;font-size:2rem;color:#efc254;cursor:pointer}.about{color:#fff;display:flex;padding:20px;background-color:#000;height:100dvh;width:100dvw;position:relative}.about .left-section{width:35%;height:85%;top:0;margin:auto 0;position:absolute;display:flex;flex-direction:column;justify-content:center}.about .left-section img{object-fit:cover;-webkit-mask-image:linear-gradient(to top,transparent,black,white);mask-image:linear-gradient(to top,transparent,black,white)}.about .right-section{width:50%;position:absolute;right:5rem;display:flex;flex-direction:column;justify-content:center}.about .right-section .backText{font-size:4.5rem;opacity:.1;display:inline-flex}.about .right-section .frontText{position:absolute;top:0;font-size:2.1rem;font-style:bold;color:#fff}.about .right-section .Descriptive-text{font-size:.8rem;letter-spacing:1px;margin:1rem 0;opacity:.5;font-weight:400;text-transform:capitalize}.about .right-section .details{display:flex;margin:1.3rem 0;list-style:none}.about .right-section .details .heads,.info{font-size:.8rem;line-height:1.4rem}.about .right-section .details .heads{margin:0 3rem 0 0}.about .right-section .details .info{font-size:.8rem;opacity:.5}.about .right-section .NoOfProjects p{font-size:.95rem;margin:.5rem 0}.about .right-section .NoOfProjects p span{color:#d7a72a}.about .right-section .NoOfProjects .cvBtn{height:2rem;width:6.5rem;margin:.4rem 0;border:transparent;background-color:#d7a72a;border-radius:1.5rem;color:#000;cursor:pointer}.about .right-section .NoOfProjects .cvBtn:hover{background-color:transparent;color:#fff;border:1px solid #D7A72A;transform:ease-in-out .3s}@media (max-width: 833px){.about{color:#fff;display:flex;padding:20px;background-color:#000;min-height:750px;max-height:750px;width:100dvw}.about .right-section{width:70%;display:flex;flex-direction:column;justify-content:center}.about .right-section .backText{font-size:4.5rem;opacity:.1;display:inline-flex}.about .right-section .frontText{position:absolute;top:1.3rem;font-size:2.1rem;font-style:bold;color:#fff}.about .right-section .Descriptive-text{font-size:.8rem;letter-spacing:1px;margin:1rem 0;opacity:.5;font-weight:400;text-transform:capitalize;text-align:left}.about .right-section .details{display:flex;margin:1.3rem 0;list-style:none}.about .right-section .details .heads,.info{font-size:.8rem;line-height:1.4rem}.about .right-section .details .heads{margin:0 3rem 0 0}.about .right-section .details .info{font-size:.8rem;opacity:.5}.about .right-section .NoOfProjects p{font-size:.95rem;margin:.5rem 0}.about .right-section .NoOfProjects p span{color:#d7a72a}.about .right-section .NoOfProjects .cvBtn{height:2rem;width:6.5rem;margin:.4rem 0;border:transparent;background-color:#d7a72a;border-radius:1.5rem;color:#000;cursor:pointer}.about .right-section .NoOfProjects .cvBtn:hover{background-color:transparent;color:#fff;border:1px solid #D7A72A;transform:ease-in-out .3s}}.body-font{font-family:Pin Sans,sans-serif;font-optical-sizing:auto;font-weight:474;font-style:normal}.intro-section{height:100dvh;width:100dvw;background-color:#000;color:#fff;padding:0 2rem 2rem;display:flex;justify-content:space-around}.left-pannel{margin:auto 0;display:flex;flex-direction:column}.left-pannel .small-text{color:#d7a72a;font-size:.8rem}.left-pannel h2{font-size:3rem;margin:1rem 0}.left-pannel h2 span{color:#d7a72a}.left-pannel .description{font-size:1.2rem;margin:1rem 0 2rem;text-transform:capitalize}.left-pannel .cta-buttons{display:flex;gap:1rem}.left-pannel .cta-buttons button{height:3rem;width:8rem;padding:.5rem 1rem;border:none;border-radius:1.5rem;background-color:#d7a72a;color:#000;font-weight:900;cursor:pointer;text-transform:uppercase}.left-pannel .cta-buttons button a{text-decoration:none}.left-pannel .cta-buttons button:nth-child(2){background-color:transparent;color:#fff;box-shadow:0 0 10px #d7a72a}.left-pannel .cta-buttons button:hover{background-color:#b88a1f;transition:ease-in-out .3s}.left-pannel .cta-buttons button:nth-child(2):hover{background-color:#d7a72a;color:#000;box-shadow:0 0 #fff;transition:ease-in-out .3s}.right-pannel{margin:auto 0;display:flex;justify-content:center;align-items:center;position:relative}.right-pannel img{min-height:40%;max-height:40%;margin-top:0rem;z-index:2;mask-image:linear-gradient(to top,transparent,black,white);-webkit-mask-image:linear-gradient(to top,transparent,black,white)}.right-pannel .bgoval{position:absolute;height:15rem;width:25rem;margin:0 auto;border-radius:50% 48%;transform:rotate(-22deg) translate(-1rem) translateY(1.75rem);background-color:#a68824;z-index:1}@media (max-width: 833px){.intro-section{flex-direction:column;justify-content:space-between;margin:5rem 0 0;height:fit-content}.left-pannel{margin:0 0 1rem;display:flex;flex-direction:column}.left-pannel .small-text{color:#d7a72a;font-size:.8rem}.left-pannel h2{font-size:2.5rem;margin:1rem 0}.left-pannel h2 span{color:#d7a72a}.left-pannel .description{font-size:1rem;margin:0rem 0 2rem;text-transform:capitalize}.left-pannel .cta-buttons{display:flex;gap:1rem;justify-content:space-around;align-items:center}.left-pannel .cta-buttons button{height:max-content;width:max-content;padding:.5rem 1rem;border:none;border-radius:1.5rem;background-color:#d7a72a;color:#000;font-weight:900;cursor:pointer;text-transform:uppercase}.left-pannel .cta-buttons button a{text-decoration:none}.left-pannel .cta-buttons button:nth-child(2){background-color:transparent;color:#fff;box-shadow:0 0 10px #d7a72a}.left-pannel .cta-buttons button:hover{background-color:#b88a1f;transition:ease-in-out .3s}.left-pannel .cta-buttons button:nth-child(2):hover{background-color:#d7a72a;color:#000;box-shadow:0 0 #fff;transition:ease-in-out .3s}.right-pannel{margin:0 0 3rem;display:flex;justify-content:center;align-items:center;position:relative;height:17rem}.right-pannel img{min-height:100%;margin:0;z-index:2;mask-image:linear-gradient(to top,transparent,black,white);-webkit-mask-image:linear-gradient(to top,transparent,black,white)}.right-pannel .bgoval{position:absolute;height:10rem;width:20rem;margin:0 auto;border-radius:50% 48%;transform:rotate(-22deg) translate(-1rem) translateY(1.75rem);background-color:#a68824;z-index:1}}.resume{min-width:100dvw;max-height:150vh;display:flex;flex-direction:column;align-items:center;padding:5rem;position:relative;background:linear-gradient(to bottom,#000,#1d1b1bcc,gray);overflow:hidden}.resume .backText,.frontText{color:#fff;text-transform:uppercase;position:absolute;top:3rem}.resume .backText{font-size:4.5rem;opacity:.1;font-weight:900}.resume .frontText{color:#fff;font-size:2.1rem;font-style:bold;top:4.5rem}.resume .description{font-size:1rem;color:#fff;opacity:.8;margin-top:5rem;letter-spacing:.2rem}.resume .cards{display:flex;flex-wrap:wrap;justify-content:space-evenly;flex-direction:row;padding:0}.resume .cards .card{height:fit-content;width:25rem;padding:1.5rem 1rem;background-color:#1a1a1a;margin:2rem .5rem;border-radius:1rem;color:#ffffffb3}.resume .cards .card .years{font-weight:600;color:#d7a72a;margin:0 0rem .3rem 0}.resume .cards .card .education{margin:0 0rem .3rem 0}.resume .cards .card .institute{text-transform:uppercase;font-weight:100;font-size:.6rem;letter-spacing:.2rem;margin:.8rem 0rem .8rem 0}@media (max-width: 833px){.resume{min-width:100dvw;max-height:175vh;display:flex;flex-direction:column;align-items:center;padding:5rem 1rem;position:relative;background:linear-gradient(to bottom,#000,#1d1b1bcc,gray);overflow:hidden}.resume .description{font-size:.8rem;color:#fff;opacity:.8;margin-top:5rem;letter-spacing:.2rem}.resume .cards{display:flex;flex-wrap:wrap;justify-content:space-evenly;flex-direction:row;padding:0 1rem}.resume .cards .card{height:fit-content;width:25rem;padding:1.5rem 1rem;background-color:#1a1a1a;margin:2rem .5rem;border-radius:1rem;color:#ffffffb3}.resume .cards .card .years{font-weight:600;color:#d7a72a;margin:0 0rem .3rem 0}.resume .cards .card .education{margin:0 0rem .3rem 0}.resume .cards .card .institute{text-transform:uppercase;font-weight:100;font-size:.6rem;letter-spacing:.2rem;margin:.8rem 0rem .8rem 0}}.skills{height:60dvh;width:100dvw;position:relative;background:linear-gradient(to bottom,gray,#1d1b1bcc,#000);display:flex;justify-content:space-around}.skills .backText,.frontText{color:#000;text-transform:uppercase;position:absolute;top:3rem}.skills .backText{font-size:4.5rem;opacity:.1;font-weight:900}.skills .frontText{font-size:2.1rem;font-style:bold;top:4.5rem}.skills .skillsText{font-size:1.5rem;color:#fff9;opacity:.8;margin-top:10rem;text-align:center}.skills .skillsText span{color:#d7a72a}.skills .icons{width:100dvw;height:10rem;position:absolute;bottom:2rem;overflow:hidden;display:flex;padding:2rem;align-items:center}@keyframes moveleft{0%{transform:translate(95vw)}to{transform:translate(-195vw)}}.skills .icons i{font-size:8rem;color:#ffffffb5;margin:0 2rem;animation:moveleft 10s linear infinite forwards}.skills .icons i:hover{color:#000;transition:all .3s ease-in-out}.projects{min-height:100dvh;width:100dvw;position:relative;background:#000;display:flex;justify-content:space-around}.projects .backText,.frontText{color:#fff;text-transform:uppercase;position:absolute;top:3rem}.projects .backText{font-size:4.5rem;opacity:.1;font-weight:900}.projects .frontText{font-size:2.1rem;font-style:bold;top:4.5rem}.projects .cards{margin:8rem 0;color:#fff;width:85%;display:flex;flex-wrap:wrap;justify-content:space-around}.projects .cards .card{width:20rem;height:15rem;margin:1rem .3rem;background:#e7e5e561;box-shadow:0 0 10px #fff7;border-radius:1px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;position:relative}.projects .cards .card img{height:10rem;border-radius:4px}.projects .cards .card .project-type{font-size:.7rem;font-weight:900;position:absolute;bottom:3rem;color:#d7a72a}.projects .cards .card .project-title{font-size:1.3rem;font-weight:700}.projects .cards .card .project-title a{text-decoration:none;color:#fff}*{margin:0;padding:0;box-sizing:border-box}.contact{height:80dvh;width:100dvw;position:relative;background:#000;display:flex;justify-content:space-around}.contact .backText,.frontText{color:#fff;text-transform:uppercase;position:absolute;top:3rem}.contact .backText{font-size:4.5rem;opacity:.1;font-weight:900}.contact .frontText{font-size:2.1rem;font-style:bold;top:4.5rem}.contact .contactContainer{width:80%;display:flex;flex-direction:column;margin:8rem}.contact .contactContainer .contactText{color:#ffffffb3;text-align:center;text-transform:capitalize;font-size:.8rem}.contact .contactContainer .contactForm{margin:3rem 0;padding:2rem;color:#ffffffc6;line-height:2rem}.contact .contactContainer .contactForm input,textarea{width:100%;height:3rem;background:none;padding:1rem;margin:0 0 1rem;border:transparent;border-bottom:2px solid grey;color:#d7a72b}.contact .contactContainer .contactForm form button{background:none;border:2px solid #d7a72b;color:#fff;height:2.5rem;width:100%;border-radius:2rem}.contact .contactContainer .contactForm form button:hover{background:#d7a72b;color:#000;border:2px solid #000;transition:.5s ease-in-out}@media (max-width: 833px){.contact .contactContainer{width:100%;display:flex;flex-direction:column;margin:8rem 1.5rem 0}.contact .contactContainer .contactText{color:#ffffffb3;text-align:justify;text-transform:capitalize;font-size:.8rem;line-height:1.5rem}.contact .contactContainer .contactText p{color:#d7a72b;opacity:.7}.contact .contactContainer .contactForm{margin:.5rem 0;padding:1.5rem 1rem;color:#ffffffc6;line-height:2rem}.contact .contactContainer .contactForm input,textarea{width:100%;height:3rem;background:none;padding:1rem;margin:0 0 1rem;border:transparent;border-bottom:2px solid grey;color:#d7a72b}.contact .contactContainer .contactForm form button{background:none;border:2px solid #d7a72b;color:#fff;height:2.5rem;width:100%;border-radius:2rem}.contact .contactContainer .contactForm form button:hover{background:#d7a72b;color:#000;border:2px solid #000;transition:.5s ease-in-out}}.dbInfo{display:flex;align-items:center;justify-content:center}.InstanceMessage{position:fixed;top:.8rem;z-index:20;width:100%}button:disabled{background-color:#000;color:#d7a72b;cursor:not-allowed;opacity:.5}*{margin:0;padding:0;box-sizing:border-box;color:#fff}.body-font{font-family:Pin Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.footer{background-color:#639;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem}.footer p{font-size:.7rem}.neon-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050505d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:1rem}.neon-modal-content{background:#111;color:#e0f7ff;border:1.5px solid #00ffe7;box-shadow:0 0 12px #00ffe7aa;padding:2rem;border-radius:14px;max-width:420px;width:100%;text-align:center;animation:fadeIn .4s ease;font-family:Inter,sans-serif}.neon-modal-content h2{margin-bottom:.8rem;color:#fff;font-size:1.5rem;font-weight:600}.glow-text{color:#b0bec5;font-size:.95rem;margin-bottom:1.6rem;line-height:1.5;padding:0 .5rem}.visit-link{display:inline-block;background:transparent;color:#00ffe7;border:1px solid #00ffe7;padding:.6rem 1.2rem;border-radius:8px;font-size:.95rem;font-weight:600;text-decoration:none;margin-bottom:1rem;transition:all .3s ease}.visit-link:hover{background:#00ffe7;color:#111;box-shadow:0 0 10px #00ffe7}.continue-btn{background:none;border:1px solid #444;color:#aaa;padding:.5rem 1rem;border-radius:6px;font-size:.9rem;margin-top:.5rem;cursor:pointer;transition:all .3s ease}.continue-btn:hover{border-color:#00ffe7;color:#00ffe7}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 480px){.neon-modal-content{padding:1.5rem 1.2rem;border-radius:12px}.neon-modal-content h2{font-size:1.3rem}.glow-text{font-size:.9rem}.visit-link,.continue-btn{font-size:.85rem;padding:.5rem 1rem}}*{scroll-behavior:smooth}body{overflow-x:hidden;background-color:#000}