*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;scroll-behavior:smooth;font-family:Poppins}:root{--bg-color: #080808;--second-bg-color: #101010;--text-color: white;--main-color: #ea580c}html{font-size:60%;overflow-x:hidden}body{background-color:var( --bg-color );color:var( --text-color )}.header{position:fixed;width:100%;top:0;left:0;padding:3rem 10%;background-color:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;z-index:1000}#menu-icon{font-size:3.5rem;color:var( --main-color );display:none}.header--logo{font-size:3rem;color:var(--text-color);font-weight:800;cursor:pointer;transition:.3s ease-in-out}.header--logo:hover{transform:scale(1.1)}span{background:linear-gradient(270deg,#df8908 10%,#ff1d15);-webkit-background-clip:text;background-clip:text;color:transparent}.header--nav a{font-size:1.6rem;color:var(--text-color);margin-left:4rem;font-weight:500;transition:.3s ease-in-out;border-bottom:3px solid transparent}.header--nav a:hover{color:var( --main-color );border-bottom:3px solid var(--main-color)}.header--button{font-size:1.8rem;padding:1rem 2rem;border-radius:3rem;background:linear-gradient(270deg,#df8908 10%,#ff1d15);letter-spacing:1px;cursor:pointer;transition:.3s ease-in-out;color:#fff;border:none;text-wrap:nowrap}.header--button:hover{transform:scale(1.05)}section{min-height:100vh;padding:15rem 15%}.home{display:flex;align-items:center;justify-content:center;gap:15rem}.home--content{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.home--content h1{font-size:7rem;font-weight:700;margin-top:1.5rem;line-height:1;white-space:nowrap}.home--content h3{margin:1rem 0;font-size:4rem;white-space:nowrap}.home--content p{font-size:1.5rem;font-weight:500;line-height:1.8}.image img{width:32dvw;border-radius:50%;box-shadow:0 0 25px var(--main-color);transition:.4s ease-in-out}.image img:hover{box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color),0 0 100px var(--main-color)}.social-icons a{display:inline-flex;justify-content:center;align-items:center;font-size:3rem;padding:1rem;background:transparent;border:2px solid var(--main-color);border-radius:50%;color:var( --main-color );margin:3rem .5rem;transition:.3 ease-in-out;text-decoration:none}.social-icons a:hover{color:#fff;background-color:var( --main-color );transform:scale(1.2) translateY(-5px);box-shadow:0 0 25px var(--main-color)}.home--buttons{display:flex;gap:1.5rem}.button{display:inline-block;padding:1rem 3rem;background-color:var( --main-color );box-shadow:0 0 25px var(--main-color);border-radius:3rem;font-size:1.8rem;color:#000;border:2px solid transparent;font-weight:600;transition:.3s ease-in-out}.button:hover{transform:scale(1.05);box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color)}.button:nth-of-type(2){background-color:#000;color:var( --main-color );border:2px solid var(--main-color);box-shadow:0 0 25px transparent}.button:nth-of-type(2):hover{box-shadow:0 0 25px var(--main-color);background-color:var( --main-color );color:#000}.about{display:flex;justify-content:center;align-items:center;gap:10rem;background-color:var( --second-bg-color )}.about--content h2{font-size:7rem;text-align:left}.about--content p{font-size:1.8rem}.about--content .button{margin:3rem 0}::-webkit-scrollbar{width:20px}::-webkit-scrollbar-thumb{background-color:var( --main-color )}::-webkit-scrollbar-track{background-color:var( --bg-color )}.services--title{text-align:center;color:#fff;font-size:7rem;margin:5rem 0}.services{background-color:var( --bg-color );color:#000}.services--container{display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(auto-fit,minmax(294px,1fr));grid-template-rows:auto auto;gap:1.5rem}.service--box{display:flex;justify-content:center;align-items:center;background-color:var( --main-color );height:600px;border-radius:3rem;cursor:pointer;border:5px solid transparent;transition:.4s ease-in-out}.service--box:hover{background-color:var( --second-bg-color );color:var( --main-color );border:5px solid var(--main-color);transform:scale(1.03)}.service--info{display:flex;flex-direction:column;align-items:center;padding:4.7rem}.service--info h4{font-size:4rem;margin:2rem 0;font-weight:800}.service--info p{font-size:1.4rem;font-weight:600;line-height:1.7}.service--info i{font-size:8rem}.projects{background-color:var( --second-bg-color )}.projects--title{text-align:center;color:#fff;font-size:7rem;margin:5rem 0}.projects--container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-template-rows:auto auto;gap:3rem}.project--card{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var( --bg-color );border:2px solid var(--main-color);border-radius:3rem;gap:2rem;padding:5rem;overflow:hidden;cursor:pointer;box-shadow:0 0 5px var(--main-color);transition:.3s ease-in-out}.project--card:hover{box-shadow:0 0 25px var(--main-color),0 0 50px var(--main-color);transform:scale(1.02)}.project--card h3{font-size:3rem;text-align:center;margin-bottom:1rem}.project--card p{font-size:1.6rem;text-align:center;margin-bottom:2rem}.contact{background-color:var( --bg-color )}.contact h2{font-size:7rem;text-align:center;color:var(--text-color);margin:5rem 0}.contact form{display:flex;align-items:center;justify-content:center;gap:3rem;margin:5rem 0}.contact form .input-box input,.contact form textarea{width:100%;padding:2.5rem;font-size:1.8rem;color:var(--text-color);background-color:var( --bg-color );border-radius:2rem;border:2px solid var(--main-color);margin:1.5rem 0;resize:none}.contact form textarea{margin-bottom:5rem}.footer{background-color:var( --second-bg-color );padding:50px 0}.footer .social-icons{text-align:center}.footer ul{text-align:center;font-size:1.8rem}.footer ul li{display:inline-block;margin-left:2rem}.footer ul li a{color:#fff;border-bottom:3px solid transparent;transition:.3s ease-in-out}.footer ul li a:hover{border-bottom:3px solid var(--main-color)}.footer .copyright{text-align:center;margin-top:4rem;font-size:1.6rem}@media (max-width: 1285px){#menu-icon{display:block;font-size:4rem;cursor:pointer}.header--nav{display:none;position:absolute;top:100%;padding:1rem 3rem;background-color:#000c;border-radius:2rem;border:2px solid var(--main-color);border-top:none}.header--nav.active{display:block}.header--nav a{font-size:2rem;margin:1rem}.header--button{font-size:2rem}.home{flex-direction:column-reverse;margin:5rem 0;gap:5rem}.image img{width:52vw}.about{flex-direction:column-reverse;text-align:center}.about--content h2{text-align:center}.contact form{flex-direction:column}.about h2{font-size:5rem;text-align:center;margin-bottom:6rem}}@media (max-width: 1024px){.header--nav{display:none;position:absolute;top:100%;padding:1rem 3rem;background-color:#000c;border-radius:2rem;border:2px solid var(--main-color);border-top:none}.header--nav a{font-size:2rem}.image img{width:60vw}.home{gap:4rem;margin:4rem 0}.about h2{font-size:5.5rem;text-align:center;margin-bottom:6rem}}@media (max-width: 768px){.header{flex-direction:column;gap:1rem;padding:2rem 5%}.header--nav{display:none;position:absolute;top:100%;padding:1rem 3rem;background-color:#000c;border-radius:2rem;border:2px solid var(--main-color);border-top:none}.header--nav a{font-size:2rem}.image img{width:70vw}.home{gap:3rem;margin:3rem 0}.home--content h1{font-size:5rem}.home--content h3{font-size:3rem}.about h2{font-size:4.7rem;text-align:center;margin-bottom:3rem}.header--button{padding:.75rem 1.5rem}}@media (max-width: 576px){.header--nav{display:none;position:absolute;top:100%;padding:.8rem 2.5rem;background-color:#000c;border-radius:2rem;border:2px solid var(--main-color);border-top:none}.header--nav a{font-size:1.5rem}.image img{width:80vw}.home{gap:2rem;margin:2rem 0}.home--content h1{font-size:4rem}.home--content h3{font-size:2.5rem}.about h2{font-size:4.6rem;text-align:center;margin-bottom:3rem}}@media (max-width: 419px){.header--nav{display:none;position:absolute;top:100%;padding:.5rem 1rem;margin-right:auto;background-color:#000c;border-radius:2rem;border:2px solid var(--main-color);border-top:none}header .header--logo{font-size:2.5rem}.header--nav a{display:inline-flex;flex-wrap:wrap;font-size:1.2rem}.image img{width:70vw}.home{gap:2rem;margin:2rem 0}.home--content h1{font-size:3rem}.home--content h3{font-size:2rem}.about h2{font-size:4.5rem;text-align:center;margin-bottom:2rem}.about p{font-size:2.5rem;text-align:center}section .contact--title{font-size:5rem;text-align:center}}