@import url("https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100..900&display=swap");::-webkit-scrollbar-track{--webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#1e293b}::-webkit-scrollbar{width:6px;background-color:#1e293b}::-webkit-scrollbar-thumb{background-color:#331788}*{text-transform:capitalize}*,body{margin:0;padding:0;font-family:Noto Kufi Arabic,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}body{overflow-x:hidden}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.en{text-align:left!important;flex-direction:row-reverse}.en,.enp{direction:ltr!important}.loading{justify-content:center;align-content:center;min-height:100vh;height:100%}.loading,.navbar{display:flex;align-items:center}.navbar{position:-webkit-sticky;position:sticky;width:100%;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between;box-sizing:border-box;margin:auto;background:#2d4cbb;height:100px;background:url(/sea-water-256x256.png);background-size:auto}.loader{display:block;background:url(/ship-wheel.png);background-size:100px;width:100px;height:100px;animation:spin 1s linear infinite alternate}.logo{display:block;background-size:200px;width:auto;display:flex;flex-direction:row-reverse;align-items:center;color:#fff;font-size:20px;position:relative;padding:0 20px;box-sizing:border-box;border-radius:10px}.logo img{width:auto;height:70px;filter:brightness(0) invert(1);padding:5px;margin:0 15px}.logo a{display:flex;flex-direction:row-reverse;align-items:center;text-decoration:none;color:#fff}.logo span{direction:rtl;font-size:17px}.logo p,.logo span{font-weight:bolder}.logo:before{content:"";border-radius:inherit;background:rgba(85,136,194,.25);border:1px solid hsla(0,0%,100%,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px rgba(0,0,0,.35);width:-webkit-fill-available;height:100%;position:absolute;z-index:-1}.actionmake{flex-direction:row-reverse;align-items:center;align-content:center;position:relative}.actionmake,.navbarbtn{display:flex;flex-wrap:wrap;height:50px}.navbarbtn{width:650px;background:url(/sea-water-256x256.png);background-size:auto;overflow:hidden;margin:0 20px;box-shadow:0 6px 18px rgba(0,0,0,.35);border-radius:10px}.navbtn{flex-direction:row-reverse;border:1px solid hsla(0,0%,100%,.2)}.btn,.navbtn{display:flex;align-items:center;width:100%;align-content:center;flex-wrap:wrap;overflow:hidden}.btn{text-align:center;color:#fff;margin:auto;justify-content:center}.btn,.navbtn a{height:100%;text-decoration:none}.navbtn a{width:calc(100% / 4);display:flex;align-items:center;align-content:center;flex-wrap:wrap;overflow:hidden}.btn.active,.btn:hover{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(3px)}.mobilenavbar,.navbarslider{display:none}.navbtn{inset:-2px}.language,.navbtn{border-radius:inherit;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px rgba(0,0,0,.35)}.language{position:relative;display:flex;align-items:center;padding:0 5px;border-radius:10px;margin:0 20px;height:48px;cursor:pointer}.language:hover{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(3px)}.langicon{display:block;background:url(/language.png);filter:brightness(0) invert(1);background-size:30px;height:30px;width:30px;margin:5px}.language p{color:#fff;margin:10px}.scrolled.navbar{position:-webkit-sticky;position:sticky;z-index:100;height:70px;transition:1s}.scrolled.navbar .logo span{display:none;transition:1s;width:0}.scrolled .logo:before{content:"";width:75px;transition:1s}.scrolled .logo img{height:50px;transition:1s}.navbar{transition:1s;top:0;z-index:100}.logo span{position:relative;right:0;opacity:1;width:100%}.logo img,.logo span{transition:1s}.herosection{position:relative}.herosection,.medsection{width:100%;overflow:hidden}.medsection{height:500px;background:#4e85c3;border-radius:10px}.medsection img{height:100%;width:100%;object-fit:cover}.inhero{position:relative;width:90%;height:1120px;top:-140px;margin:20px auto}.topsection{margin:auto;position:relative;width:70%;height:300px;background:#3174b1;top:140px;border-radius:10px;background:rgba(85,136,194,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px rgba(0,0,0,.35)}.servicesection{position:relative;width:100%;height:400px;display:flex;flex-wrap:wrap;align-items:center;top:-90px;direction:rtl}.servin{width:calc(100% / 3 - 10px);height:100%;background:#faebd7;margin:5px;border-radius:10px;background:rgba(85,136,194,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 5px 10px rgba(0,0,0,.35);overflow:hidden}.topsection{display:flex;flex-direction:row-reverse;align-items:center}.topsection img{height:90%;margin:auto 20px}.topsection p.desciption{direction:rtl;padding:20px;box-sizing:border-box;color:#1f2b5b}.servin img{width:100%;height:100%;object-fit:cover}.servin .desciption{width:100%;position:absolute;height:50px;background:rgba(85,136,194,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 5px 10px rgba(0,0,0,.35);display:flex;flex-direction:column;align-items:center;align-content:center;flex-wrap:wrap;text-align:center;justify-content:center;color:#f9f9f9;bottom:-1px;padding:20px 0;transition:1s;cursor:pointer;overflow:hidden}.servin:hover .desciption{height:calc(101%);padding:0;bottom:-1px;transition:1s}.servin .desciption h3,.servin .desciption p{padding:5px;box-sizing:border-box}.service{background:rgba(85,136,194,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px rgba(0,0,0,.35);width:90%;margin:10px auto;border-radius:10px;display:flex;flex-direction:row;flex-wrap:wrap}.serviceimage{position:relative;width:500px;height:500px;margin:30px;border-radius:10px;overflow:hidden}.serviceimage img{width:100%;height:100%;object-fit:cover}.servicecontent{width:40%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin:auto;text-align:center;color:#1f2b5b}.servicetitle{background:#f0f8ff66;width:100%;padding:20px;border-radius:10px;margin:10px auto}.productsdiv{position:relative}.category,.productsdiv{display:flex;flex-direction:column}.category{margin:30px auto;width:100%}.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:10px;gap:10px;width:90%;background:rgba(128,171,215,.6);border:1px solid hsla(0,0%,100%,.18);box-shadow:0 6px 18px rgba(0,0,0,.35);margin:20px auto;padding:20px;box-sizing:border-box;border-radius:10px;direction:rtl}.product{background:hsla(0,0%,100%,.4);border-radius:5px;overflow:hidden;transition:.3s ease;max-width:350px;min-width:250px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.product:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.25)}.productimg{width:100%;height:230px}.productimg img{width:100%;height:100%;object-fit:cover;transition:.4s ease-in-out}.product:hover .productimg img{transform:scale(1.08)}.productdetails{padding:15px;text-align:center;color:#1f2b5b;font-weight:700;font-size:15px}.product{opacity:0;transform:translateY(15px);animation:fadeUp .6s ease forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.categorytitle{position:relative;margin:auto;direction:rtl;background:rgba(128,171,215,.6);border:1px solid hsla(0,0%,100%,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px rgba(0,0,0,.35);color:#1f2b5b}.categorytitle,.sectiontitle{width:90%;padding:20px;box-sizing:border-box;border-radius:10px}.sectiontitle{margin:20px auto;text-align:center;background-color:#233168;background-image:url(/logoin.png);background-repeat:repeat;background-size:60px;color:#fff;display:flex;justify-content:space-between;align-items:center;flex-direction:row-reverse;position:-webkit-sticky;position:sticky;top:75px;z-index:10}.shipwheel{display:block;background:url(/ship-wheel.png);background-size:50px;width:50px;height:50px;filter:brightness(0) invert(1);animation:spin 5s linear infinite alternate}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.anchor{background:url(/ropes.png);background-size:50px;top:0}.anchor,.anchor:before{display:block;width:50px;height:50px;position:relative}.anchor:before{content:"";background:url(/anchor.png);background-size:50px;top:60px;animation:swing 2s ease-in-out infinite alternate;top:30px;right:7px}@keyframes swing{0%{transform:translateX(-10px)}to{transform:translateX(10px)}}.footer{background:#0a1a2a;color:#fff;padding:50px 20px 20px;margin-top:40px;box-sizing:border-box;direction:rtl}.footer a{color:#fff;text-decoration:none;transition:.3s}.footer-container{width:90%;max-width:1300px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:40px;gap:40px}.footer-col h4{font-size:18px;margin-bottom:20px;position:relative}.footer-col ul{list-style:none;padding:0}.footer-col ul li{margin:8px 0}.footer-col ul li a{color:#e0e0e0;text-decoration:none;transition:.3s}.footer-col ul li a:hover{color:#4ea3ff}.footer-logo{width:130px;margin-bottom:15px;filter:brightness(0) invert(1)}.footer-description{font-size:14px;color:#ccc;margin:6px 0}.social{margin-top:15px;display:flex;gap:15px}.social span{display:block;width:28px;height:28px;background-size:cover;cursor:pointer}.facebook{background-image:url(/facebook.png)}.linkedin{background-image:url(/linkedin.png)}.whatsapp{background-image:url(/whatsapp.png)}.footer-bottom{margin-top:30px;text-align:center;padding-top:20px;border-top:1px solid #1f2f3f;font-size:12px;color:#aaa}.about-container{direction:rtl;text-align:right;font-family:Cairo,sans-serif;width:90%;margin:20px auto}.about-hero{position:relative;background:url(/ship-bg.png) 50%/cover no-repeat;height:350px;border-radius:15px;margin-bottom:50px;display:flex;align-items:center;justify-content:center}.about-hero .overlay{position:absolute;inset:0;background:rgba(10,53,87,.7);border-radius:15px}.hero-content{position:relative;color:#fff;text-align:center;padding:0 20px}.hero-content h1{font-size:40px;margin-bottom:10px}.about-section{margin-bottom:45px}.about-section h2{font-size:28px;color:#0a3557;margin-bottom:15px}.grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px;margin-bottom:45px}.grid-three{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:25px;gap:25px}.card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:.3s}.card:hover{transform:translateY(-5px);box-shadow:0 6px 18px rgba(0,0,0,.12)}.icon-card .icon{display:block;width:50px;height:50px;margin-bottom:10px;background-size:contain;background-repeat:no-repeat}.icon.quality{background-image:url(/quality.png)}.icon.support{background-image:url(/support.png)}.icon.experience{background-image:url(/experience.png)}.cta-section{text-align:center;background:linear-gradient(135deg,#0a3557,#0d4c7f);padding:40px 20px;border-radius:15px;color:#fff;margin-top:60px}.cta-btn{display:inline-block;margin-top:15px;background:#fff;color:#0a3557;padding:12px 30px;border-radius:10px;font-weight:600;text-decoration:none;transition:.3s}.cta-btn:hover{background:#e3e3e3}.contact-container{direction:rtl;font-family:Cairo,sans-serif;color:#0a3557;padding:0 20px;width:90%;margin:20px auto}.contact-hero{position:relative;background:url(/contact-hero.jpg) 50%/cover no-repeat;height:300px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:50px}.contact-hero .overlay{position:absolute;inset:0;background:rgba(10,53,87,.7);border-radius:15px}.contact-hero .hero-content{position:relative;text-align:center;color:#fff;padding:0 20px}.contact-hero h1{font-size:40px;margin-bottom:10px}.contact-hero p{font-size:18px;max-width:700px;margin:0 auto}.contact-section{margin-bottom:50px}.contact-section h2{font-size:28px;margin-bottom:25px;color:#0a3557}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:25px;gap:25px;margin-bottom:40px}.contact-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 4px 12px rgba(0,0,0,.08);text-align:center;transition:.3s}.contact-card:hover{transform:translateY(-5px);box-shadow:0 6px 18px rgba(0,0,0,.12)}.contact-card .contact-icon{display:block;width:50px;height:50px;margin:0 auto 15px;background-size:contain;background-repeat:no-repeat}.contact-icon.location{background-image:url(/icon-location.png)}.contact-icon.phone{background-image:url(/icon-phone.png)}.contact-icon.email{background-image:url(/icon-email.png)}.form-section .contact-form{display:flex;flex-direction:column;gap:20px;max-width:700px;margin:0 auto}.contact-form .form-group label{font-weight:600;margin-bottom:5px;display:block}.contact-form .form-group input,.contact-form .form-group textarea{width:100%;padding:12px 15px;border-radius:10px;border:1px solid #ccc;font-size:16px;outline:none;transition:.3s;box-sizing:border-box;resize:none}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{border-color:#0a3557}.contact-form .form-group textarea{resize:vertical;min-height:120px;resize:none}.submit-btn{width:180px;background:#0a3557;color:#fff;padding:12px;border-radius:10px;font-weight:600;border:none;cursor:pointer;transition:.3s}.submit-btn:hover{background:#0d4c7f}.map-container{width:100%;border-radius:15px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.map-container iframe{width:100%;height:350px;border:0}.customers{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:90%;margin:auto;direction:rtl}.customer{justify-content:center;flex-direction:column;border:1px solid #bfbfbf1a;padding:10px}.customer,.customer .cimg{display:flex;align-items:center}.customer .cimg{height:200px}.customer img{max-width:130px;max-height:130px;height:auto;width:auto}.customer p{font-size:10px;text-align:center}.ourplace{width:90%;margin:20px auto}@media only screen and (max-width:700px){.actionmake{display:none}.mobilenavbar{display:flex;align-items:center;margin:auto 15px}.sliderclick{background-image:url(/mobile-app.png);display:block;width:50px;height:50px;background-repeat:no-repeat;background-size:contain;filter:brightness(0) invert(1)}.logo span{display:none}.logo{padding:0;margin:0 10px}.logo:before{width:100%}.serviceimage{width:400px;height:275px}.servicecontent{width:100%;padding:10px}.topsection{display:flex;flex-direction:column}.topsection img{width:85px;height:auto;padding:5px;margin:5px}.topsection p.desciption{font-size:10px}.servin{width:100%}.inhero{margin-bottom:-200px}.inhero,.servicesection{height:auto}.products{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2px;width:90%;padding:5px;margin:10px auto;grid-gap:5px}.product{max-width:100%;min-width:auto;width:100%;font-size:5px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px}.productdetails{font-size:12px}span.sliderclick{color:#0280ed}.navbarslider.activedrop{display:block;width:100%;height:100vh;background:rgba(85,136,194,.25);border:1px solid hsla(0,0%,100%,.18);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:10px;box-sizing:border-box;position:fixed;top:0;z-index:11}.navbtn{display:flex;flex-direction:column;background:none;box-shadow:none;border:none;margin:100px auto}.btn{padding:15px}.navbtn a{width:100%;background:#74affba3;margin:1px;border-radius:10px}}