.title{position:relative}.title h1{padding:0 30px;font-size:60px;font-weight:600}.title img{position:absolute;width:160px;bottom:0;right:0;z-index:-1}@media (max-width: 768px){.title img{display:none}.title h1{font-size:50px;display:inline-block}.title{width:100vw;margin-top:40px}}.about{margin:80px 170px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:30px}.about-sections{display:flex;gap:80px}.about-left img{height:400px;border-radius:200px 200px 0}.about-right{margin-top:20px;display:flex;flex-direction:column;gap:30px}.about-para{font-size:20px;font-weight:400}.about-skills{display:flex;flex-direction:column;gap:20px}.about-skill{display:flex;align-items:center;gap:50px;transition:.5s}.about-skill p{min-width:150px;font-size:18px;font-weight:400}.about-skill hr{width:50%;height:6px;outline:none;border:none;border-radius:50px;background:linear-gradient(270deg,#fec5f6 30%,#b33791 70%)}.about-skill:hover{transform:scale(1.05)}.about-achivements{display:flex;width:100%;justify-content:space-around;margin-bottom:70px}.about-achivement{display:flex;flex-direction:column;gap:10px;transition:.5s;align-items:center}.about-achivement:hover{transform:scale(1.09)}.about-achivement h1{background:linear-gradient(to top right,#b33791 30%,#fec5f6 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 768px){.about{gap:0px;width:100%;margin:0;padding:0 20px}.about-sections{gap:0}.about-right{gap:50px;padding-right:40px}.about-left img{display:none}.about-skill{gap:0}.about-achivements{margin-top:50px;flex-direction:column;gap:30px}}.profile-img{margin-top:40px;height:250px;border-radius:200px}.hero{display:flex;flex-direction:column;align-items:center;margin-top:100px;gap:22px}.hero h1{font-weight:600;text-align:center;width:70%;font-size:55px}.hero h1 span{background:linear-gradient(270deg,#df8908 10%,#b415ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:20px;width:50%;text-align:center;line-height:30px}.hero-action{display:flex;gap:50px;font-size:20px;font-weight:500;align-items:center;margin-bottom:50px}.hero-connect{padding:15px 25px;border-radius:50px;font-size:17px;font-weight:400;cursor:pointer;background:linear-gradient(270deg,#df8908 1%,#b415ff);transition:.5s;box-shadow:1px 1px 100px #99009990}.hero-connect:hover{transform:scale(1.05)}.connect-anchor{all:unset}.hero-resume{all:unset;padding:15px 25px;border-radius:50px;font-size:17px;font-weight:400;cursor:pointer;border:2px solid white;transition:.5s;box-shadow:1px 1px 100px #cccccc90}.hero-resume:hover{transform:scale(1.05)}@media (max-width: 780px){.hero{margin-top:100px;width:100%;gap:40px}.hero h1{font-size:30px}.hero p{font-size:20px;width:100%}.hero img{height:200px}}.mywork{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:80px 170px 300px;gap:80px}.mywork-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}.work_img{box-sizing:border-box;height:220px;width:400px;border-radius:20px;cursor:pointer;transition:.1s}.work_img:hover{transform:scale(1.09);border:4px solid #ff00ff}@media (max-width: 768px){.mywork-container{grid-template-columns:1fr}.mywork{margin:80px 20px;gap:30px}.work_img{border:2px solid #ff00ff82;width:100%!important;height:202px;box-shadow:1px 1px 30px #ff00ff67}}*{margin:0;padding:0}#root{min-height:100vh;overflow-x:hidden;overflow-y:auto}body{width:100vw;height:100vh;background:#161513;color:#fff;font-family:outfit}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:5px 170px;box-shadow:1px 1px 10px #161513;background-color:#161513}.nav-menu{display:flex;align-items:center;list-style:none;gap:60px;font-size:17px}.nav-menu li{cursor:pointer}.logo{font-family:Poppins,sans-serif;font-size:40px;font-weight:800;background:linear-gradient(to top right,#fff 30%,#909 70%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-connect{padding:15px 25px;border-radius:50px;font-size:17px;font-weight:400;cursor:pointer;background:linear-gradient(270deg,#df8908 1%,#b415ff);transition:.5s;box-shadow:1px 1px 100px #99009990}.nav-connect:hover{transform:scale(1.05)}.link{position:relative}.link img{display:none;position:absolute;width:40px;bottom:0;top:20px;right:0;z-index:-1}.hidden{display:none}.active .anchor_link img{display:block}.anchor_link{all:unset}.nav_close,.nav_open,.Contact{display:none}@media (max-width: 768px){.navbar{padding:10px 30px}.nav_open{display:block;position:fixed;right:30px}.nav_close{display:block;position:relative;top:20px;left:230px;width:30px}.nav-menu{position:fixed;flex-direction:column;align-items:start;top:0;gap:30px;background-color:#2b2b2b;width:300px;height:100%;z-index:10001;transition:.5s;right:-300px}.open{right:0}.nav-connect{display:none}.nav-menu li{flex-direction:row;gap:20px;left:30px;font-size:25px}.Contact{display:block}.logo{font-size:35px}}.services{display:flex;flex-direction:column;align-items:center;gap:100px}.all-services{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;width:100%}.service{width:28%;background:linear-gradient(to top right,#ffffffc8 70%,#fff0);transition:.7s;border-radius:30px;color:#000}.service:hover{transform:scale(1.03)}.service-icon{padding:20px 20px 0;width:30px;font-weight:300}.service-img{width:380px!important;height:180px!important;padding:0 40px 20px;border-radius:0 0 0 250px}.back h1{padding:0 40px 40px;position:absolute;top:0;left:0;font-size:100px;color:#00000023;z-index:0;pointer-events:none}.service *:not(.back h1){position:relative;z-index:1}.heading{padding:40px 40px 20px;font-weight:400}.service p{padding:0 40px 50px}@media (max-width: 768px){.all-services{flex-direction:column;gap:50px}.service{width:100%}.services{padding:0 30px;gap:50px}.service-img{width:96%!important;padding-left:10px}.heading{padding:20px}.service p{padding-bottom:20px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:80px;margin:80px 170px}.contact_section{display:flex;gap:100px}.contact_left{display:flex;flex-direction:column;gap:30px}.contact_left h1{font-size:50px;font-weight:700;background:linear-gradient(270deg,#df8908 80%,#b415ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact_left p{max-width:580px;font-size:17px;color:#d8d8d8;line-height:30px}.contact_details{display:flex;flex-direction:column;gap:20px}.contact_detail{display:flex;align-items:center;gap:20px}.contact_detail img{height:20px}.contact_right{display:flex;flex-direction:column;gap:30px;align-items:start}.contact_right label{font-size:18px;font-weight:400;color:#d8d8d8}.contact_right input{border:none;border-radius:4px;height:65px;width:700px;padding-left:20px;background:#32323c;color:#a0a0a0;font-family:Outfit;font-size:20px}.contact_right textarea{border:none;border-radius:4px;width:650px;padding-left:20px;background:#32323c;color:#a0a0a0;font-family:Outfit;font-size:20px}.submit{cursor:pointer;color:#fff;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff);border-radius:50px;padding:18px 45px;margin-bottom:50px;font-size:18px;border:none;transition:.03s}.submit:hover{transform:scale(1.05)}@media (max-width: 768px){.contact{margin:50px 20px}.contact_left,.contact_right{margin:0 20px}.contact_section{flex-direction:column;width:100%;margin-right:20px}.contact_right input,.contact_right textarea{width:100%}}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;margin:80px 170px}.logo-footer{font-family:Poppins,sans-serif;font-size:40px;font-weight:800;background:linear-gradient(to top right,#fff 10%,#909 40%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.discription{display:flex;gap:250px;justify-content:space-between}.right{display:flex;align-items:center;gap:30px}.email{display:flex;background:#32323c;padding:15px 50px 15px 25px;border-radius:40px;gap:20px;height:25px}.email input{all:unset}.email:hover{border:1px solid white}.sub{all:unset;height:25px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff);padding:15px 30px;border-radius:40px}.footer hr{width:100%}.rights{display:flex;gap:300px;justify-content:space-between;width:100%;margin-bottom:80px}.terms{display:flex;gap:20px}@media (max-width: 768px){.footer{padding:0 20px;margin:0}.discription{width:100%;gap:50px;flex-direction:column}.right,.rights{flex-direction:column;gap:50px}}