@import "https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Cairo,sans-serif}.Hero{background-image:url(/assets/HeroImg-WOk4IR_9.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;min-height:100svh;padding:180px 5% 60px}.Hero .HeroTitle{justify-content:center;align-items:center;gap:30px;width:100%;max-width:1400px;margin:0 auto;display:flex}.Hero .HeroTitle img{object-fit:contain;flex-shrink:0;width:clamp(160px,18vw,250px);height:auto}.Hero .HeroTitle .Title{color:#fff;overflow-wrap:break-word;flex:1;min-width:0}.Hero .HeroTitle .Title h1{margin:0 0 20px;font-size:clamp(32px,4vw,55px);line-height:1.15}.Hero .HeroTitle .Title h2{margin:0 0 16px;font-size:clamp(24px,2.6vw,35px);line-height:1.3}.Hero .HeroTitle .Title p{max-width:650px;margin:0;font-size:20px;line-height:1.7}@media (width<=1024px){.Hero{padding-top:150px}.Hero .HeroTitle{gap:24px}.Hero .HeroTitle .Title p{font-size:18px}}@media (width<=768px){.Hero{padding:130px 24px 50px}.Hero .HeroTitle{text-align:center;flex-direction:column;gap:28px}.Hero .HeroTitle img{width:180px}.Hero .HeroTitle .Title{width:100%;max-width:600px}.Hero .HeroTitle .Title h1{font-size:clamp(28px,5.5vw,40px)}.Hero .HeroTitle .Title h2{font-size:26px}.Hero .HeroTitle .Title p{margin-inline:auto;font-size:17px}}@media (width<=480px){.Hero{background-image:url(/assets/HeroMobile-BvLzVgu5.png);padding:110px 18px 40px}.Hero .HeroTitle{gap:24px}.Hero .HeroTitle img{width:200px}.Hero .HeroTitle .Title h1{margin-bottom:16px;font-size:28px}.Hero .HeroTitle .Title h2{margin-bottom:12px;font-size:22px}.Hero .HeroTitle .Title p{font-size:16px;line-height:1.6}}.Navbar{z-index:99;color:#fff;background-color:#071b3a;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;width:90%;height:80px;padding:0 30px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 15px 5px #00000040}.Navbar .Logo{color:inherit;flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.Navbar .Logo img{object-fit:contain;width:45px;height:45px}.Navbar .Logo h2{white-space:nowrap;margin:0;font-size:32px}.Navbar .Menu-buttton{align-items:center;gap:10px;display:flex}.Navbar .Menu{align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}.Navbar .Menu a{color:inherit;white-space:nowrap;border-radius:6px;padding:8px;font-size:18px;font-weight:600;text-decoration:none;transition:color .2s,background-color .2s;display:block}.Navbar .Menu a:hover{color:#62d5f7;background-color:#ffffff0f}.Navbar .Language-button{color:#071b3a;white-space:nowrap;cursor:pointer;background-color:#fff;border:none;border-radius:20px;flex-shrink:0;min-height:44px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:700;transition:background-color .2s}.Navbar .Language-button:hover{background-color:#62d5f7}.Navbar .Menu-toggle{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;width:44px;height:44px;padding:10px;display:none}.Navbar .Menu-toggle span{background-color:#fff;border-radius:2px;width:24px;height:2px;transition:transform .2s,opacity .2s;display:block}.Navbar a:focus-visible,.Navbar button:focus-visible{outline-offset:4px;outline:2px solid #62d5f7}@media (width<=1280px){.Navbar{gap:12px;padding:0 20px}.Navbar .Logo h2{font-size:26px}.Navbar .Menu a{padding:8px 6px;font-size:15px}}@media (width<=1100px){.Navbar{height:72px}.Navbar .Menu-toggle{flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}.Navbar .Menu-toggle.is-open span:first-child{transform:translateY(8px)rotate(45deg)}.Navbar .Menu-toggle.is-open span:nth-child(2){opacity:0}.Navbar .Menu-toggle.is-open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.Navbar .Menu-buttton{overscroll-behavior:contain;background-color:#071b3a;border-radius:13px;flex-direction:column;align-items:stretch;gap:16px;width:100%;max-height:calc(100dvh - 124px);padding:20px;display:none;position:absolute;top:calc(100% + 12px);left:0;overflow-y:auto;box-shadow:0 12px 24px #00000040}.Navbar .Menu-buttton.is-open{display:flex}.Navbar .Menu{flex-direction:column;align-items:stretch;gap:6px}.Navbar .Menu a{text-align:center;padding:12px 16px;font-size:16px}.Navbar .Language-button{align-self:center;min-width:120px}}@media (width<=600px){.Navbar{gap:8px;width:calc(100% - 24px);height:80px;padding:0 14px;top:12px}.Navbar .Logo{gap:8px}.Navbar .Logo img{width:36px;height:36px}.Navbar .Logo h2{font-size:22px}.Navbar .Menu-buttton{max-height:calc(100dvh - 108px);padding:14px}}@media (width<=360px){.Navbar{padding:0 10px}.Navbar .Logo img{width:30px;height:30px}.Navbar .Logo h2{font-size:18px}}@media (prefers-reduced-motion:reduce){.Navbar *{transition:none}}.intro-screen{z-index:9999;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intro-logo{width:250px;animation:1.4s ease-in-out forwards logoIntro}@keyframes logoIntro{0%{opacity:0;transform:rotate(-35deg)scale(.5)}55%{opacity:1;transform:rotate(15deg)scale(1.1)}80%{transform:rotate(-5deg)scale(.95)}to{opacity:1;transform:rotate(0)scale(1)}}
