*{margin:0;padding:0}body{color:#fff;background:#161513;height:100vh;font-family:outfit}.navbar{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 50px;display:flex}.logo{width:80px;height:auto}.nav-menu{align-items:center;gap:60px;font-size:20px;list-style:none;display:flex}.nav-menu li{cursor:pointer;flex-direction:column;gap:5px;display:flex}.nav-menu li img{margin:auto;display:block}a{color:#fff;text-decoration:none}.nav-connect{color:#fff;background:linear-gradient(267deg,#da7c25 .36%,#b923e1 102.06%);border-radius:50px;padding:20px 40px;font-size:22px;transition:all .5s;display:inline-block}.nav-connect:hover{transform:scale(1.05)}.nav-mob-open,.nav-mob-close{cursor:pointer;width:30px;display:none}@media (width<=768px){.navbar{padding:20px}.nav-connect{display:none}.nav-mob-open{z-index:1000;cursor:pointer;width:35px;display:block;position:fixed;top:30px;right:30px}.nav-menu{z-index:999;background:#1f0016;flex-direction:column;align-items:flex-start;gap:30px;width:350px;height:100vh;padding-top:100px;transition:right .5s;display:flex;position:fixed;top:0;right:-350px}.nav-mob-close{cursor:pointer;width:35px;display:block;position:absolute;top:30px;right:30px}.nav-menu li{flex-direction:row;gap:20px;padding-left:50px;font-size:28px}}.hero{flex-direction:column;align-items:center;gap:15px;display:flex}.hero img{width:300px;height:auto;margin-top:15px}.hero h1{text-align:center;width:70%;font-size:60px;font-weight:600}.hero h1 span{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#df8908 10%,#b415ff 100%);-webkit-background-clip:text;background-clip:text}.hero p{text-align:center;width:50%;font-size:22px;line-height:30px}.hero-action{align-items:center;gap:25px;margin-top:15px;margin-bottom:50px;font-size:21px;font-weight:500;display:flex}.hero-connect{text-align:center;cursor:pointer;color:#fff;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);border-radius:50px;min-width:220px;padding:23px 40px;text-decoration:none;transition:all .3s;display:inline-block}.hero-connect:hover{border:2px solid #fff}.hero-resume{text-align:center;cursor:pointer;border:2px solid #fff;border-radius:50px;min-width:220px;padding:20px 40px;transition:all .3s}.hero-resume:hover{border-color:#b415ff}@media (width<=768px){.hero img{width:260px;margin-top:20px}.hero h1{width:90%;margin-top:50px;font-size:50px}.hero p{width:60%;margin:10px 0;font-size:18px;line-height:32px}.hero-action{gap:16px;margin-bottom:50px;font-size:18px;font-weight:500}.hero-connect{border-radius:40px;padding:20px 30px}.hero-resume{border-radius:40px;padding:20px 50px}}.about-left img{border-radius:20px;width:300px;height:auto}.about{flex-direction:column;justify-content:center;align-items:center;gap:80px;margin:80px 170px;display:flex}.about-title{position:relative}.about-title h1{padding:0 30px;font-size:70px;font-weight:600}.about-title img{z-index:-1;position:absolute;bottom:0;right:0}.about-sections{gap:80px;display:flex}.about-right{flex-direction:column;gap:40px;display:flex}.about-para{flex-direction:column;gap:10px;font-size:22px;font-weight:500;display:flex}.about-skills{flex-direction:column;gap:10px;display:flex}.about-skill{align-items:center;gap:50px;transition:all .3s;display:flex}.about-skill p{min-width:150px;font-size:22px;font-weight:500}.about-skill hr{background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);border:none;border-radius:50px;outline:none;width:50%;height:8px}.about-achievements{justify-content:space-around;width:100%;margin-bottom:80px;display:flex}.about-achievement{flex-direction:column;align-items:center;gap:10px;transition:all .5s;display:flex}.about-achievement h1{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#df8908 50.41%,#b415ff 90.25%);-webkit-background-clip:text;background-clip:text;font-size:60px;font-weight:700}.about-achievement p{font-size:22px;font-weight:500}.about-skill:hover{transition:all .3s;transform:scale(1.05)}.about-achievement:hover{transition:all .5s;transform:scale(1.12)}@media (width<=768px){.about{align-items:start;gap:80px;margin:80px 90px}.about-title h1{padding:0;font-size:50px}.about-title img{width:130px;right:-20px}.about-sections{flex-direction:column}.about-left{display:none}.about-para{font-size:18px;line-height:32px}.about-skill{align-items:center;gap:20px}.about-skill p{font-size:20px}.about-skill hr{height:6px}.about-achievement{justify-content:space-between;gap:10px}.about-achievement h1{font-size:34px;font-weight:700}.about-achievement p{text-align:center;font-size:16px}}.services{flex-direction:column;justify-content:center;align-items:center;gap:40px;margin:80px 100px;display:flex}.services-title{position:relative}.services-title h1{padding:0 30px;font-size:60px;font-weight:600}.services-title img{z-index:-1;position:absolute;bottom:0;right:0}.services-format{cursor:pointer;border:2px solid #fff;border-radius:10px;flex-direction:column;justify-content:center;gap:12px;min-height:250px;padding:20px 30px;transition:all .4s;display:flex}.services-container{grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:80px;display:grid}.services-format h3{font-size:22px;font-weight:600}.services-format h2{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#df8908 50%,#b415ff 100%);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:800}.services-format p{color:#d4d4d4;max-width:100%;font-size:18px;line-height:28px}.services-readmore{align-items:center;gap:20px;margin-top:20px;display:flex}.services-format:hover{background-image:linear-gradient(45deg,#3f0028,#582300);border:2px solid #f0f;transition:all .4s;transform:scale(1.05)}@media (width<=768px){.services{align-items:start;gap:70px;margin:20px 70px}.services-title h1{padding:0;font-size:50px}.services-title img{width:130px;margin-right:-20px}.services-format{gap:20px;padding:32px}.services-format h2{font-size:28px}.services-format p{max-width:300px;font-size:18px;line-height:32px}.services-readmore img{width:20px}.services-container{grid-template-columns:1fr 1fr;gap:30px}}.mywork{flex-direction:column;justify-content:center;align-items:center;gap:40px;margin:80px 170px;display:flex}.mywork-title{position:relative}.mywork-title h1{padding:0 30px;font-size:60px;font-weight:600}.mywork-title img{z-index:-1;position:absolute;bottom:0;right:0}.mywork-container{grid-template-columns:1fr 1fr 1fr;gap:30px;display:grid}.mywork-container img{box-sizing:border-box;cursor:pointer;width:419px;height:280px;transition:all .3s}.mywork-container img:hover{border:4px solid #f0f;border-radius:10px;transition:all .3s;transform:scale(1.1)}.mywork-showmore{cursor:pointer;border:2px solid #fff;border-radius:50px;gap:5px;margin-bottom:80px;padding:20px 40px;font-size:18px;font-weight:500;transition:all .6s;display:flex}.mywork-showmore:hover{gap:30px;transition:all .6s}@media (width<=768px){.mywork{align-items:start;gap:50px;margin:50px 70px}.mywork-title h1{padding:0;font-size:50px;font-weight:600}.mywork-title img{width:130px;margin-right:-20px}.mywork-container{grid-template-columns:1fr 1fr;gap:30px}.mywork-container img{width:100%;height:100%}.mywork-showmore{cursor:pointer;margin:50px auto;padding:20px 40px;font-size:18px}}.contact{flex-direction:column;justify-content:center;align-items:center;gap:80px;margin:80px 170px;display:flex}.contact-title{position:relative}.contact-title h1{padding:0 30px;font-size:60px;font-weight:600}.contact-title img{z-index:-1;position:absolute;bottom:0;right:0}.contact-section{gap:150px;display:flex}.contact-left{flex-direction:column;gap:30px;display:flex}.contact-left h1{-webkit-text-fill-color:transparent;background:linear-gradient(270deg,#df8908 80%,#b415ff 100%);-webkit-background-clip:text;background-clip:text;font-size:50px;font-weight:600}.contact-left p{color:#d8d8d8;max-width:550px;font-size:20px;line-height:35px}.contact-details{color:#d8d8d8;flex-direction:column;gap:30px;font-size:22px;display:flex}.contact-detail{align-items:center;gap:20px;display:flex}.contact-right{flex-direction:column;align-items:start;gap:30px;display:flex}.contact-right label{color:#d8d8d8;font-size:22px;font-weight:500}.contact-right input{color:#a0a0a0;background:#32323c;border:none;border-radius:4px;width:700px;height:78px;padding-left:20px;font-family:Outfit;font-size:20px}.contact-right textarea{color:#a0a0a0;background:#32323c;border:none;border-radius:4px;width:700px;padding:12px;font-family:Outfit;font-size:20px}.contact-submit{color:#fff;cursor:pointer;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);border:none;border-radius:50px;margin-bottom:50px;padding:15px 50px;font-size:22px;transition:all .3s}.contact-submit:hover{transition:all .3s;transform:scale(1.1)}@media (width<=768px){.contact{align-items:start;gap:50px;margin:50px 70px}.contact-title h1{padding:0;font-size:50px;font-weight:600}.contact-title img{width:130px;margin-right:-20px}.contact-section{flex-direction:column}.contact-left h1{font-size:54px}.contact-left p{font-size:18px}.contact-detail{gap:20px}.contact-detail img{width:25px}.contact-right label{font-size:20px}.contact-right input{width:100%;font-size:20px}.contact-right textarea{width:95%;font-size:20px}.contact-submit{padding:15px 40px;font-size:20px}}.footer{flex-direction:column;gap:30px;margin:50px 170px;display:flex}.footer-top{justify-content:space-between;display:flex}.footer-top-left{align-items:center;gap:20px;display:flex}.footer-top-left img{object-fit:contain;border-radius:12px;flex-shrink:0;width:100px;height:auto}.footer-top-left p{max-width:400px;margin:0;font-size:20px}.footer-top-right{align-items:center;gap:35px;display:flex}.footer-email-input{background:#32323b;border-radius:50px;gap:30px;padding:20px 80px 20px 30px;display:flex}.footer-email-input input{color:#a0a0a0;background:0 0;border:none;outline:none;font-family:Outfit;font-size:18px}.footer-subscribe{cursor:pointer;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%);border-radius:50px;padding:22px 50px;font-size:20px;transition:all .3s}.footer-bottom{justify-content:space-between;font-size:18px;display:flex}.footer-bottom-right{gap:50px;margin-bottom:50px;display:flex}.footer-email-input:hover{border:2px solid #fff}.footer-subscribe:hover{transition:all .3s;transform:scale(1.1)}.footer-name{color:#b415ff;font-weight:700}@media (width<=768px){.footer{margin:50px 70px}.footer-top{flex-direction:column;gap:50px}.footer-bottom{flex-direction:column-reverse;margin-bottom:50px;display:flex}}