:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:200px;min-height:100vh;overflow-x:hidden;padding:0}h1{font-size:3.2em;line-height:1.1}.Full{max-width:100vw;max-height:100vh;background-color:#fff;overflow-x:hidden}.nav{width:100%;height:60px;background-color:#000;display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:fixed;top:0;left:0;z-index:1000}.NavL h1{font-size:30px;color:#c23737;margin-left:110px;font-weight:700}.NavR{display:flex;gap:40px;margin-right:200px}.NavR p{font-size:18px;color:#fff;cursor:pointer;transition:color .3s;align-items:start}.NavR p:hover{color:#c23737}.hamburger{font-size:24px;color:#fff;display:none;cursor:pointer;z-index:2000}.center{width:100%;min-height:600px;background-color:#ededed;padding:40px 10px;display:flex;justify-content:center;align-items:center}.center-box{width:90%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;margin-top:50px;background-image:url(/assets/afkbg5-BnMJK5X7.png);background-size:contain;background-position:right;background-repeat:no-repeat}.LeftC{flex:5;max-width:800px;text-align:left}.LeftC p{font-size:20px;color:#000;margin-left:50px;text-align:left}.LeftC h1{font-size:40px;color:#000;margin-left:50px;margin-top:100px}.LeftC h2{font-size:30px;color:#000;margin-left:50px}.leftbtn{background-color:#fff;color:#c23737;font-size:17px;border:1px solid rgb(194,55,55);font-weight:700;cursor:pointer;border-radius:40px;width:130px;height:50px;transition:.3s ease-in-out;margin-top:20px;margin-left:50px;margin-bottom:60px}.leftbtn3{background-color:#fff;color:#c23737;font-size:17px;border:1px solid rgb(194,55,55);font-weight:700;cursor:pointer;border-radius:40px;width:180px;height:50px;transition:.3s ease-in-out;margin-top:20px;margin-left:50px;margin-bottom:60px}.leftbtn2{background-color:#fff;color:#c23737;font-size:17px;border:1px solid rgb(194,55,55);font-weight:700;cursor:pointer;border-radius:40px;width:130px;height:50px;transition:.3s ease-in-out;margin-top:20px;margin-left:10px;margin-bottom:60px}.leftbtn:hover,.leftbtn2:hover,.leftbtn3:hover{background-color:#f33838;color:#fff;border:1px solid white}.RightC{flex:1;max-width:50%;display:flex;justify-content:right;align-items:center;background-color:#00f}.services{width:100%;min-height:600px;padding:20px;display:block;justify-content:center;align-items:center;background-color:#ededed}.services h1{font-size:40px;color:#c23737;margin-top:50px;text-wrap:nowrap;text-align:center;margin-right:10px}.service-box{width:90%;min-height:600px;margin-left:30px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto);flex-direction:row;justify-content:space-between;gap:10px;padding:10px 10px 10px 60px}.service-card{display:flex;flex-direction:column;width:60%;height:250px;background-color:snow;padding:15px;text-align:center;border-radius:8px;box-shadow:0 4px 6px #0000001a;position:relative;margin-left:20px;margin-top:30px;border-bottom:5px solid rgb(243,56,56)}.service-image{width:30%;height:70px;align-self:center}.service-name{font-size:20px;font-weight:700;margin:10px 0;color:#333}.service-detail{font-size:14px;margin:10px 0;color:#333;text-align:center}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:20px;background-color:#ededed}.contact h1{font-size:40px;color:#c23737;margin-top:50px;text-wrap:nowrap;text-align:center;margin-right:10px}.contact-images-container{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:nowrap;margin-bottom:50px}.contact-card{display:flex;justify-content:center;align-items:center;transition:transform .3s ease}.contact-image{width:80px;height:auto;transform:scale(1.1)}.contact-image:hover{transform:scale(1.2)}.footer{display:flex;margin:0;width:100%;height:50px;background-color:#000;text-align:center;align-items:center;justify-content:center}.footer p{font-size:18px;text-wrap:nowrap}.portfolio{width:100%;min-height:500px;background-color:#000;padding:30px 20px;display:flex;flex-direction:column;align-items:center}.portfolio h1{color:#f33838;font-size:40px}.portfolio-card{width:80%;min-height:350px;border:1px solid rgb(243,56,56);border-radius:12px;display:flex;flex-direction:row;margin-top:10px;overflow:hidden;box-shadow:0 8px 20px #0006;transition:transform .6s ease,opacity .6s ease}.slide-left{transform:translate(-180px);opacity:0}.portfolio-left{display:flex;justify-content:center;align-items:center;padding:20px}.portfolio-image-container{width:420px;height:260px;background-color:#000;display:flex;justify-content:center;align-items:center;border-radius:10px;overflow:hidden;cursor:pointer;position:relative}.portfolio-image-container img{max-width:100%;max-height:100%;object-fit:contain}.portfolio-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.portfolio-image-container:hover .portfolio-overlay{opacity:1}.view-project-btn{background-color:#f33838;color:#fff;padding:12px 22px;border-radius:30px;font-weight:700;font-size:14px;letter-spacing:.5px}.portfolio-right{padding:30px;display:flex;flex-direction:column;justify-content:center}.portfolio-right h2{color:#f33838;font-size:30px;margin-bottom:10px}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tech-tag{background-color:#f3383826;color:#f33838;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;border:1px solid rgba(243,56,56,.4)}.portfolio-right p{color:#fff;font-size:18px;line-height:1.6}@media (max-width: 768px){*{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}.nav{padding:0 15px}.NavL h1{margin:0;font-size:22px}.hamburger{display:block;margin:0}.NavR{position:absolute;top:60px;left:0;width:100%;flex-direction:column;align-items:center;background-color:#ededed;display:none}.NavR.open{display:flex;background-color:#000}.NavR p{margin:12px 0;font-size:18px}.center{padding:20px;margin-top:60px;min-height:auto}.center-box{width:100%;margin:0;display:flex;flex-direction:row;align-items:center;background-size:contain;background-position:top;background-repeat:no-repeat}.LeftC{text-align:left;max-width:50%}.LeftC p{font-size:10px;margin-left:0}.LeftC h1{font-size:20px;margin-top:0;margin-left:0;margin-bottom:0}.LeftC h2{font-size:12px;margin-left:0;margin-top:3px;margin-bottom:0}.btns{display:flex;flex-wrap:wrap;gap:10px;width:100vw}.leftbtn,.leftbtn2,.leftbtn3{margin:5px 0;font-size:12px;width:95px;height:40px}.details{text-align:left}.contact h1{font-size:30px}.RightC img{max-width:150px;height:auto}.services{padding:15px}.services h1{font-size:30px;margin-right:0}.contact-image{width:40px}.service-box{width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:center}.service-card{width:100%;margin:10px 0;height:auto}.service-image{width:60px;height:60px}.contact-images-container{gap:20px;flex-wrap:wrap}.footer{width:100%;height:auto;justify-content:center;align-items:center;text-align:center;position:relative;right:0}.footer p{font-size:14px}.portfolio h1{font-size:30px}.portfolio-card{width:95%;flex-direction:column;height:420px}.portfolio-image-container{width:100%;height:220px}.portfolio-left{padding:0 20px}.portfolio-right{padding:0 20px;text-align:center}.portfolio-right h2{font-size:22px}.tech-stack{justify-content:center;margin-top:0;margin-bottom:10px}.portfolio-right p{font-size:14px;line-height:1.2;overflow:hidden}}