@font-face{font-family:HamarFont;src:url(Assets/Fonts/Zuume-ExtraBold.ttf)}@font-face{font-family:ProductSans;src:url('Assets/Fonts/Product/ Sans/ Regular.ttf')}@font-face{font-family:FontOne;src:url(Assets/Images/Beatrice-Medium.otf)}@font-face{font-family:FontTwo;src:url(Assets/Images/ElgocAlt-Medium.otf)}:root{--container:1400px;--pad:clamp(14px, 2vw, 24px);--white:#fff;--black:#000;--softBlack:#111;--accent:#2ecc71}*{margin:0;padding:0;box-sizing:border-box;font-family:ProductSans,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}body,html{width:100%;height:100%}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:var(--pad);top:var(--pad);width:auto;height:auto;padding:10px 14px;background:#fff;color:#000;z-index:99999;border-radius:10px}#main{width:100%;min-height:100svh}.part-1{width:100%;min-height:100svh;background-image:url(https://images.unsplash.com/photo-1585511582331-14e7c5f89735?auto=format&fit=crop&w=2670&q=80);background-size:cover;background-position:center;overflow:hidden}.premium-nav{width:100%;background:#000;border-bottom:1px solid rgba(255,255,255,.15);position:sticky;top:0;z-index:9999}.nav-inner{max-width:var(--container);margin:auto;padding:12px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:14px}.nav-left img,.nav-right img{height:clamp(38px,4vw,55px);width:auto}.nav-right{display:flex;align-items:center;gap:10px}.nav-menu{display:flex;gap:clamp(16px,3vw,40px);list-style:none;align-items:center}.nav-menu a{color:#fff;font-size:clamp(14px,1.2vw,18px);font-weight:600;opacity:.95;transition:.25s}.nav-menu a:hover{opacity:.7}.chat-btn{background:var(--accent);color:#fff;padding:10px 18px;border-radius:999px;font-weight:800;font-size:clamp(12px,1vw,15px);white-space:nowrap}.nav-toggle{display:none;width:46px;height:40px;border:1px solid rgba(255,255,255,.25);background:0 0;border-radius:12px;cursor:pointer}.nav-toggle span{display:block;height:2px;margin:6px 10px;background:#fff}.text-area{display:flex;width:100%;min-height:calc(100svh - 70px);align-items:stretch}.lft-text{width:40%;padding:clamp(30px,6vw,80px) 0 clamp(30px,6vw,80px) clamp(18px,6vw,90px);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,2vw,22px)}.lft-text h3{font-size:clamp(16px,2vw,26px);font-weight:300}.lft-text h1{font-size:clamp(52px,8vw,120px);line-height:.95;font-family:HamarFont,sans-serif;color:transparent;-webkit-background-clip:text;background-clip:text;background-image:url(https://media.giphy.com/media/v1.Y2lkPWVjZjA1ZTQ3bWRoMGkzeml1eW9lMXowcDhidHpzeXBvcXVsbWZldTZqbmgzenlpNyZlcD12MV9naWZzX3NlYXJjaCZjdD1n/j78oOWCoCbNFYUJmSK/giphy.gif);background-size:cover;background-position:center}.description{display:flex;align-items:flex-start;gap:16px;max-width:760px}.line{width:1px;min-height:90px;background:#fff;opacity:.9}.description p{width:min(520px,100%);font-size:clamp(14px,1.2vw,18px);line-height:1.6;opacity:.95}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.btn-primary{background:var(--accent);color:#fff;padding:12px 18px;border-radius:999px;font-weight:800}.btn-outline{border:1px solid rgba(255,255,255,.55);padding:12px 18px;border-radius:999px;font-weight:700;color:#fff;background:rgba(0,0,0,.18)}.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.badge{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.25);padding:10px 12px;border-radius:999px;font-size:13px}.rght-text{width:60%;position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(16px,3vw,40px)}.cir-big{width:min(650px,50vw);aspect-ratio:1/1;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,rgba(0,0,0,1) 0,rgba(0,0,0,0) 25%,rgba(0,0,0,1) 75%,rgba(0,0,0,0) 80%,rgba(0,0,0,1) 100%)}.cir-big img{width:92%;transform:translateY(-20%);filter:grayscale(.35) contrast(1.2) drop-shadow(0 0 30px #000);pointer-events:none}.cv{position:absolute;top:8%;left:4%;width:84px;height:84px}.cv-1{position:absolute;inset:0;border-radius:50%;background:#fff}#cv-2{inset:auto;width:110px;height:110px;background:rgba(255,255,255,.35);animation:cv2 2s infinite linear}#cv-3{inset:auto;width:130px;height:130px;background:rgba(255,255,255,.25);animation:cv3 2s infinite linear}@keyframes cv2{0%{transform:scale(1);opacity:1}100%{transform:scale(1.25);opacity:0}}@keyframes cv3{0%{transform:scale(1);opacity:1}100%{transform:scale(1.45);opacity:0}}.part-2{position:relative;width:100%;min-height:100svh;background:#111;overflow:hidden}.strip{display:flex;align-items:center;width:150%;height:clamp(70px,16vh,140px);background:#000}.strip h1{font-size:clamp(18px,3vw,56px);color:#fff;white-space:nowrap}.img-part-2{width:100%;height:calc(100svh - 140px);background-image:url(https://images.unsplash.com/photo-1603302576837-37561b2e2302?auto=format&fit=crop&w=2068&q=80);background-size:cover;background-position:center}.text-part-2{position:absolute;top:100%;width:100%;height:100svh;transition:all cubic-bezier(.19,1,.22,1) 1.5s;background-image:url('Assets/Images/port/ mission.png');background-size:cover;background-position:center}.part-3{position:relative;width:100%;min-height:100svh;background:#fff;overflow:hidden;padding:clamp(30px,4vw,60px) var(--pad)}.top-part-3{display:flex;align-items:center;justify-content:space-evenly;gap:clamp(16px,3vw,40px);width:100%;min-height:40vh}.our-work{flex:1;text-align:center;display:flex;flex-direction:column;gap:12px}.our-work h2{font-size:clamp(18px,2.2vw,34px);font-weight:400}.our-work p{font-size:clamp(13px,1.5vw,18px);font-weight:300;line-height:1.4}.line-work{width:1px;height:clamp(120px,30vh,320px);background:#333;opacity:.6}.line-hor-work{display:flex;align-items:center;justify-content:space-evenly;margin:12px 0}.line-hor-work .line-1{width:40%;height:1px;background:#333;opacity:.6}.cntr-cir{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;transition:all cubic-bezier(.19,1,.22,1) 2s;overflow:hidden}.cntr-cir h1{font-size:clamp(26px,3vw,56px);opacity:0;color:#fff;transition:all cubic-bezier(.19,1,.22,1) 2s}.part-4{display:flex;width:100%;background:#000;padding:clamp(40px,5vw,80px) var(--pad);gap:clamp(18px,3vw,40px);flex-wrap:wrap}.lft-part-4{flex:1;min-width:280px;display:flex;flex-direction:column;gap:clamp(24px,4vw,60px)}.project{display:flex;flex-direction:column;gap:12px;color:#fff}.project h3{font-size:clamp(18px,1.8vw,28px);font-weight:600}.project p{font-size:clamp(14px,1.2vw,18px);opacity:.9;line-height:1.6}.project .img img{width:100%;border-radius:16px}#main2{width:100%;min-height:100svh;background:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(50px,7vw,120px) var(--pad);position:relative;overflow:hidden}#main2::before{content:"";position:absolute;inset:0;background-image:url(pic/Pages/certificate1.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.1;z-index:0}#main2>*{position:relative;z-index:1}#main2 p{width:min(700px,100%);font-family:FontOne,sans-serif;color:#fff;font-size:clamp(14px,1.2vw,18px);line-height:1.8;padding:0;margin-bottom:40px}#main2 .resume{width:min(520px,100%);height:auto}#main2 .img{width:100%;transform-origin:top}#main2 .img img{width:100%;border-radius:16px}#imgThree,#imgTwo{transform:perspective(1000px) rotateX(-90deg)}#main2 .text{display:flex;align-items:center;justify-content:center;width:100%;min-height:40vh;z-index:99}#main2 .text h1{color:#fff;font-family:FontTwo,serif;font-size:clamp(42px,6vw,90px);font-weight:400;text-align:center}#main2 .overlay{position:fixed;inset:0;opacity:0;background:rgba(17,17,17,.75);pointer-events:none}.part-5{width:100%;min-height:100svh;background:#000;color:#fff;display:flex;align-items:center;justify-content:center;padding:var(--pad)}@property --angle{syntax:"<angle>";initial-value:90deg;inherits:true}:root{--c1:rgb(255,255,255);--c2:rgba(168,239,255,.1)}.connect{width:min(1100px,100%);min-height:70vh;border-radius:34px;border:.35rem solid;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:clamp(18px,3vw,40px);border-image:conic-gradient(from var(--angle),var(--c2),var(--c1) .1turn,var(--c1) .15turn,var(--c2) .25turn) 30;animation:borderRotate 4s linear infinite;text-align:center}@keyframes borderRotate{100%{--angle:420deg}}.connect h4{font-size:clamp(14px,1.6vw,22px);letter-spacing:.08em;opacity:.9}.connect h1{font-size:clamp(34px,5vw,80px);font-weight:500}.wam{width:140px;height:140px;border-radius:50%;border:1px solid #fff;display:grid;place-items:center;transition:.3s;color:#fff}.wam:hover{background:#fff;color:#000}.contact-mini{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.contact-mini a{display:flex;align-items:center;gap:8px;opacity:.9;border:1px solid rgba(255,255,255,.25);padding:10px 12px;border-radius:999px}#lwt{display:flex;align-items:center;gap:10px;margin:10px 0 14px}.float{width:140px;position:absolute;pointer-events:none;display:none;z-index:10}@media (max-width:900px){.nav-toggle{display:block}.nav-menu{position:absolute;top:70px;left:var(--pad);right:var(--pad);background:rgba(0,0,0,.92);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:14px;flex-direction:column;gap:10px;display:none}.nav-menu.is-open{display:flex}.text-area{flex-direction:column;min-height:auto;padding-bottom:30px}.lft-text,.rght-text{width:100%;padding:28px var(--pad)}.cir-big{width:min(520px,92vw);margin:0 auto}.top-part-3{flex-direction:column;min-height:auto;padding:18px 0}.line-work{display:none}.line-hor-work .line-1{width:45%}.project .img img{border-radius:14px}.wam{width:120px;height:120px}}@media (max-width:520px){.chat-btn{display:none}.badge{width:100%;justify-content:center}.strip{width:220%}}.project .img{display:flex!important;flex-direction:row!important;gap:14px;align-items:stretch}.project .img img{flex:1 1 0;width:0;height:300px;object-fit:cover;display:block;border-radius:12px}@media (max-width:768px){.project .img{flex-direction:column!important}.project .img img{width:100%;height:220px}}.scroll-area{height:250vh;position:relative}.scroll-area .wrapper{position:sticky;top:0;height:100vh;width:100%;display:flex;align-items:center;overflow:hidden;padding:0 30px}.scroll-area .track{display:flex;gap:24px;will-change:transform;transform:translate3d(0,0,0)}.scroll-area .card{flex:0 0 clamp(320px,55vw,820px);aspect-ratio:16/6;border-radius:20px;overflow:hidden;background:#000;transform:scale(.86);opacity:.45;transition:transform .15s linear,opacity .15s linear;will-change:transform,opacity;box-shadow:0 20px 60px rgba(0,0,0,.35)}.scroll-area .card img{width:100%;height:100%;object-fit:contain;background:#000;display:block}.section-header{background:#f3f3f3;text-align:center;padding:70px 20px 60px}.section-header h2{font-size:clamp(28px,4vw,48px);font-weight:800;color:#1d2333;line-height:1.2;margin:0 auto 20px;max-width:900px;position:relative}.section-header h2::after{content:"";display:block;width:200px;height:8px;background:#e10600;margin:25px auto 0;border-radius:20px}.section-header p{font-size:clamp(15px,1.2vw,18px);color:#555;max-width:750px;margin:0 auto;line-height:1.6}@media (max-width:768px){.scroll-area{height:420vh}.scroll-area .wrapper{padding:0 14px}.scroll-area .track{gap:14px}.scroll-area .card{flex-basis:92vw;aspect-ratio:16/9;border-radius:16px}}