.logo-container{display:flex;align-items:center;justify-content:flex-start;margin:20px}.logo-container h1,.logo-container h2{font-family:Arial,sans-serif;font-weight:700;color:gold;margin:0;font-size:26px}.logo-container h1{margin-right:10px}.logo-container h2{font-size:22px;margin-left:10px}.logo{width:80px;height:80px;margin-right:20px}.home{font-family:Arial,sans-serif;background-color:#001f33;color:#fff;margin:0;padding:0}.header{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#002f4b;box-shadow:0 4px 6px #0000001a}.nav ul{list-style-type:none;display:flex;gap:25px}.nav ul li a{color:gold;text-decoration:none;font-weight:700;font-size:18px;transition:color .3s ease}.nav ul li a:hover{color:#00bfff}.banner-text{white-space:nowrap;animation-duration:10s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.hero{text-align:center;padding:50px;background-color:#002f4b;margin:20px 0;border-radius:8px}.hero h2{color:gold;font-size:40px;margin-bottom:20px}.hero p{font-size:20px;margin-bottom:30px}button{background-color:gold;border:none;padding:15px 30px;font-size:18px;cursor:pointer;border-radius:8px;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#00bfff;transform:translateY(-2px)}.info-box{background-color:#f4f4f9;color:#333;padding:30px;margin:30px auto;width:80%;max-width:850px;border-radius:12px;box-shadow:0 4px 8px #0000001a;transition:all .3s ease}.info-box:hover{box-shadow:0 6px 15px #0003}.info-box h3{color:#0d1b2a;font-weight:700;font-size:26px;margin-bottom:10px}.info-box p{font-size:18px;margin-bottom:20px}.info-box a{color:#00bfff;text-decoration:none;font-weight:700;font-size:16px;transition:color .3s ease}.info-box a:hover{color:gold}footer{background-color:#002f4b;color:#fff;padding:20px;margin-top:40px;text-align:center}form input,form textarea{width:100%;padding:12px;margin:10px 0;border:1px solid #ccc;border-radius:8px;font-size:16px}form button{background-color:gold;border:none;padding:10px 20px;font-size:18px;cursor:pointer;border-radius:8px;transition:background-color .3s ease,transform .2s ease}form button:hover{background-color:#00bfff;transform:translateY(-2px)}.sidebar-boxes{display:flex;flex-direction:column;gap:25px;position:sticky;top:100px}.sidebar-boxes .info-box{background-color:#f8f9fb;border-left:5px solid #FFD700}footer p{font-size:16px}.hero-text{flex:1 1 400px}.hero-with-video{display:flex;flex-wrap:wrap;align-items:center;gap:20px;padding:30px;background-color:#f5f5f5}.hero-text,.hero-video{flex:1 1 400px}.grid-container{display:flex;flex-wrap:wrap;gap:20px;padding:30px;justify-content:center}.grid-container .info-box{flex:1 1 300px;background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 6px #0000001a}.banner{overflow:hidden;background-color:#002f4b;padding:10px 0;border-top:1px solid #004466;border-bottom:1px solid #004466}.banner-text{white-space:nowrap;font-size:1.2rem;font-weight:700;color:gold;animation-duration:15s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes slideLeftToRight{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes slideRightToLeft{0%{transform:translate(100%)}to{transform:translate(-100%)}}.banner-text.en{animation-name:slideLeftToRight}.banner-text.ar{animation-name:slideRightToLeft}.tabs button.active{border-bottom:4px solid #FFD700!important}.tabs{display:flex;justify-content:center;margin:30px 0;gap:20px}.tabs button{background-color:transparent;border:none;font-size:18px;padding:10px 20px;cursor:pointer;color:gold;border-bottom:2px solid transparent;transition:all .3s ease}.tabs button:hover{color:#00bfff;border-bottom:2px solid #00BFFF}.tabs button.active{border-bottom:4px solid #FFD700;font-weight:700;color:gold}.nav ul li a.active-link{border-bottom:3px solid #FFD700;color:gold}.active-nav{border-bottom:4px solid #FFFFFF;font-weight:700;color:#fff!important}html,body{height:100%;margin:0;padding:0}#root{display:flex;flex-direction:column;min-height:100vh}.home{flex:1}.page-container{min-height:100vh;display:flex;flex-direction:column}.page-container>*:not(footer){flex:1}.footer{background-color:#024;color:#fff;text-align:center;padding:12px 0;margin-top:auto}.home{position:relative;min-height:100vh;padding-bottom:60px;box-sizing:border-box}.footer{position:absolute;bottom:0;left:0;width:100%;background-color:#024;color:#fff;text-align:center;padding:12px 0}@media screen and (max-width: 768px){.logo-container{flex-direction:column;align-items:center;text-align:center}.tabs{flex-direction:column;gap:10px;align-items:stretch;width:100%;padding:0 10px}.tabs button{width:100%;text-align:center;padding:12px 16px;font-size:16px;border-radius:6px;background-color:#002f4b;color:gold;border:1px solid #FFD700}.logo{width:60px;height:60px;margin-right:0;margin-bottom:10px}.logo-container h1,.logo-container h2{font-size:18px}.header{flex-direction:column;align-items:center;text-align:center;padding:10px}.nav ul{flex-direction:column;gap:10px;padding:0;margin:10px 0}.hero{padding:20px}.hero h2{font-size:26px}.hero p{font-size:16px}.info-box{width:95%!important;padding:20px;margin:15px auto}.banner-text{font-size:1rem}.hero-with-video,.grid-container,.tabs{flex-direction:column;gap:10px}.tabs button{width:100%}.hero-text,.hero-video{flex:1 1 100%}.video-container{margin-top:15px}body{overflow-x:hidden}}