:root{--navy-900: #011720;--navy-dark: #01283a;--navy: #02364c;--navy-2: #093c59;--navy-500: #0f5576;--blue: #1696bb;--gold-dark: #0d6f8c;--gold-2: #1ca0c4;--gold: #22a9cc;--gold-light: #5fcbe6;--gold-100: #d4f1f9;--orange: #ff8326;--text: #0d2b3a;--muted: #4f6b7a;--subtle: #86a0ad;--border: #d9e7ee;--bg-soft: #f1f8fb;--white: #fff;--on-dark: #eef8fb;--on-dark-muted: #a6c7d4;--success: #1f9d5a;--success-light: #5fd08f;--danger: #c0392b;--danger-bg: #fdecea;--danger-border: #f5c2bd;--whatsapp: #25d366;--page: #ffffff;--surface: #ffffff;--heading: var(--navy);--radius: 14px;--shadow: 0 10px 30px rgba(2,54,76,.10);--container: 1240px;--header-h: 92px}*{margin: 0;padding: 0;box-sizing: border-box}html{scroll-behavior: smooth;scroll-padding-top: var(--header-h)}body{font-family: 'Cairo',sans-serif;color: var(--text);background: var(--page);line-height: 1.7;overflow-x: hidden}html[lang="en"] body{font-family: 'Montserrat','Cairo',sans-serif}a{color: inherit;text-decoration: none}img{max-width: 100%;display: block}ul{list-style: none}button,input,select,textarea{font-family: inherit}body.no-scroll{overflow: hidden}.container{width: 100%;max-width: var(--container);margin: 0 auto;padding: 0 24px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 12px 28px;border-radius: 50px;font-weight: 700;font-size: 15px;cursor: pointer;border: 2px solid transparent;transition: .3s;white-space: nowrap}.btn-gold{background: var(--gold);color: var(--navy)}.btn-gold:hover{background: var(--gold-light)}.btn-outline-light{border-color: #fff;color: #fff;background: transparent}.btn-outline-light:hover{background: #fff;color: var(--navy)}.btn-outline-navy{border-color: var(--heading);color: var(--heading);background: transparent}.btn-outline-navy:hover{background: var(--navy);color: #fff}.btn-navy{background: var(--navy);color: #fff;border-radius: 10px}.btn-navy:hover{background: var(--navy-2)}.btn-block{width: 100%}.logo{display: flex;align-items: center;gap: 10px;direction: ltr}.logo picture{display: block;line-height: 0}.logo-img{height: 66px;width: auto;flex-shrink: 0;display: block;filter: drop-shadow(0 4px 8px rgba(2,54,76,.18))}.footer-logo{width: 170px;height: auto;filter: drop-shadow(0 10px 18px rgba(0,0,0,.35))}.footer-about .logo{display: inline-flex;flex-direction: column;align-items: center;gap: 6px}.footer-brand{color: #fff;font-family: 'Cairo',sans-serif;font-weight: 800;font-size: 15px;letter-spacing: 0;white-space: nowrap}.header{position: sticky;top: 0;z-index: 1000;background: var(--surface);box-shadow: 0 2px 12px rgba(2,54,76,.08);transition: .3s}.header.scrolled{box-shadow: 0 6px 24px rgba(2,54,76,.14)}.header .container{display: flex;align-items: center;justify-content: space-between;height: var(--header-h);gap: 16px}.nav{display: flex;align-items: center;gap: clamp(14px,1.7vw,30px);min-width: 0}.nav a{font-weight: 600;font-size: 15px;color: var(--heading);position: relative;padding: 6px 0;transition: .3s;white-space: nowrap}.nav a::after{content: '';position: absolute;bottom: 0;inset-inline-start: 0;width: 0;height: 2px;background: var(--navy);transition: .3s}.nav a:hover::after,.nav a.active::after{width: 100%}.header-actions{display: flex;align-items: center;gap: 10px;flex-shrink: 0}.header-actions > *{height: 44px}.lang-btn{height: 44px}.lang-switch{position: relative}.lang-btn{display: flex;align-items: center;gap: 8px;padding: 9px 14px;border-radius: 10px;background: var(--bg-soft);border: 1px solid var(--border);font-weight: 700;color: var(--heading);cursor: pointer}.lang-menu{position: absolute;top: calc(100% + 6px);inset-inline-start: 0;background: var(--surface);border: 1px solid var(--border);border-radius: 10px;box-shadow: var(--shadow);min-width: 140px;overflow: hidden;display: none}.lang-switch.open .lang-menu{display: block}.lang-menu a{display: block;padding: 10px 16px;font-weight: 600;color: var(--heading)}.lang-menu a:hover{background: var(--bg-soft)}.phone-btn{direction: ltr;padding: 0 20px;font-size: 15px;height: 44px;border-radius: 12px}@media (max-width: 1440px){.phone-btn span{display: none}.phone-btn{padding: 0;width: 44px}}.menu-toggle{display: none;background: none;border: none;font-size: 24px;color: var(--heading);cursor: pointer}.hero{position: relative;color: #fff;padding: 84px 0 96px;min-height: 520px;background: linear-gradient(to left,rgba(1,28,41,.95) 0%,rgba(1,40,58,.8) 42%,rgba(1,40,58,.28) 82%),url('../images/photos/port-containers.jpg') center/cover no-repeat,linear-gradient(135deg,var(--navy-2),var(--navy-dark))}html[dir="ltr"] .hero{background: linear-gradient(to right,rgba(1,28,41,.95) 0%,rgba(1,40,58,.8) 42%,rgba(1,40,58,.28) 82%),url('../images/photos/port-containers.jpg') center/cover no-repeat,linear-gradient(135deg,var(--navy-2),var(--navy-dark))}.hero-content{max-width: 660px}.hero .eyebrow{margin-bottom: 14px;color: var(--gold-light);font-weight: 700;font-size: 15px}html[lang="en"] .hero .eyebrow{letter-spacing: 1.5px;font-size: 13px;text-transform: uppercase}.hero h1{font-size: 50px;font-weight: 800;line-height: 1.32;margin-bottom: 20px;text-wrap: balance}html[lang="en"] .hero h1{font-size: 46px;line-height: 1.2;letter-spacing: -.5px}.hero h1 span{color: var(--gold)}.hero p{font-size: 18px;line-height: 1.9;color: var(--on-dark);margin-bottom: 32px;max-width: 540px}.hero-btns{display: flex;gap: 16px;align-items: center;flex-wrap: wrap}.hero-btns .btn{padding: 14px 30px}.hero-badges{display: flex;flex-wrap: wrap;gap: 10px 28px;margin-top: 40px}.hero-badges div{display: inline-flex;align-items: center;gap: 8px;font-size: 14px;font-weight: 600;color: var(--on-dark)}.hero-badges i{font-size: 15px;color: var(--gold-light)}.link-underline{display: inline-flex;align-items: center;gap: 10px;font-weight: 600;text-decoration: underline;text-underline-offset: 6px}.link-underline i{width: 26px;height: 26px;border: 1.5px solid #fff;border-radius: 50%;display: grid;place-items: center;font-size: 11px}.booking-wrap{position: relative;margin-top: -130px;z-index: 5;background: linear-gradient(to bottom,transparent 130px,var(--navy) 130px)}.booking{display: grid;grid-template-columns: 250px 1fr;background: var(--surface);border-radius: 16px;overflow: hidden;box-shadow: 0 20px 50px rgba(1,40,58,.25)}.booking-side{background: var(--navy);color: #fff;padding: 30px 24px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center}.booking-side > i{font-size: 34px;color: var(--gold);margin-bottom: 12px}.booking-side h3{font-size: 22px;font-weight: 800;margin-bottom: 6px}.booking-side p{font-size: 14px;opacity: .85}.booking-form{padding: 24px 26px}.booking-panel{display: none}.booking-panel.active{display: block}.form-grid{display: grid;grid-template-columns: repeat(5,1fr);gap: 14px;margin-bottom: 16px}.form-grid.cols-2{grid-template-columns: repeat(2,1fr)}.form-grid.cols-3{grid-template-columns: repeat(3,1fr)}.field.full{grid-column: 1 / -1}.field label{display: block;font-size: 13px;font-weight: 700;color: var(--heading);margin-bottom: 6px}.input-box{position: relative}.input-box input,.input-box select,.input-box textarea{width: 100%;height: 46px;border: 1px solid var(--border);border-radius: 8px;padding-inline: 38px 12px;font-size: 14px;color: var(--text);background: var(--surface);outline: none;transition: .3s;appearance: none}.input-box textarea{height: 120px;padding-top: 12px;resize: vertical}.input-box input:focus,.input-box select:focus,.input-box textarea:focus{border-color: var(--gold);box-shadow: 0 0 0 3px rgba(34,169,204,.15)}.input-box > i{position: absolute;inset-inline-start: 13px;top: 50%;transform: translateY(-50%);color: var(--subtle);font-size: 14px;pointer-events: none}.input-box textarea + i{top: 22px}.input-box .caret{inset-inline-start: auto;inset-inline-end: 13px}.input-box select{padding-inline: 12px 34px}.input-box input[type="date"],.input-box input[type="time"]{padding-inline: 12px}.booking-form .btn-gold{border-radius: 8px;padding: 12px 60px}.form-msg{display: none;margin-top: 12px;font-weight: 700;font-size: 14px}.form-msg.ok{color: var(--success)}.form-msg.err{color: var(--danger)}.stats{background: var(--navy);color: #fff;padding: 36px 0}.stats-grid{display: grid;grid-template-columns: repeat(4,1fr)}.stat{display: flex;align-items: center;justify-content: center;gap: 18px;padding: 8px 10px;border-inline-end: 1px solid rgba(255,255,255,.18)}.stat:last-child{border: none}.stat > i{font-size: 34px;color: var(--gold)}.stat strong{display: block;font-size: 30px;font-weight: 800;font-family: 'Montserrat',sans-serif;font-variant-numeric: tabular-nums;direction: ltr;text-align: start;line-height: 1.2}html[dir="rtl"] .stat strong{text-align: right}.stat span{font-size: 14px;opacity: .85}.section{padding: 96px 0}.section-head{text-align: center;margin-bottom: 52px}.section-tag{display: inline-flex;align-items: center;gap: 12px;color: var(--gold-dark);font-weight: 700;font-size: 14px;letter-spacing: .5px;margin-bottom: 8px}.section-tag::before,.section-tag::after{content: '';width: 30px;height: 1px;background: currentColor}.section-head h2{font-size: 36px;font-weight: 800;line-height: 1.4;color: var(--heading);margin-bottom: 12px;text-wrap: balance}.section-head p{color: var(--muted);font-size: 17px;max-width: 760px;margin: 0 auto}.section-head.light h2{color: #fff}.section-head.light p,.section-head.light .section-tag{color: var(--on-dark-muted)}.services-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 26px}.services{background: var(--navy-dark)}.services .section-head h2{color: #fff}.services .section-head h2 .gold{color: var(--gold)}.services .section-head p{color: var(--on-dark-muted)}.services .section-tag{color: var(--gold)}.service-card{position: relative;border-radius: var(--radius);overflow: hidden;text-align: center;display: flex;flex-direction: column;background: var(--navy);border: 1px solid rgba(255,255,255,.1);transition: transform .25s ease,border-color .25s ease}.service-card:hover{transform: translateY(-4px);border-color: rgba(34,169,204,.6)}.service-img{height: 210px;position: relative;overflow: hidden;background-size: cover;background-position: center;background-color: var(--navy-2)}.service-img::before{content: '';position: absolute;inset: 0;background: inherit;transition: transform .6s ease}.service-card:hover .service-img::before{transform: scale(1.05)}.service-icon{width: 60px;height: 60px;border-radius: 50%;color: var(--gold);background: var(--navy);border: 2px solid var(--gold);display: grid;place-items: center;font-size: 24px;margin: -30px auto 0;position: relative;z-index: 2}.service-body{padding: 16px 24px 26px;display: flex;flex-direction: column;flex: 1}.service-body h3{font-size: 21px;font-weight: 800;color: #fff;margin-bottom: 8px}.service-body p{font-size: 15px;color: var(--on-dark-muted);margin-bottom: 18px;flex: 1}.services .more{color: var(--gold)}.more{color: var(--heading);font-weight: 800;font-size: 14px;display: inline-flex;gap: 8px;align-items: center;justify-content: center;background: none;border: none;cursor: pointer;transition: color .3s,gap .3s}.more:hover,.service-card:hover .more{color: var(--gold-light);gap: 12px}.why{position: relative;color: #fff;overflow: hidden;background: linear-gradient(to left,var(--navy-dark) 0%,rgba(2,54,76,.92) 50%,rgba(2,54,76,.6) 100%),url('../images/photos/port-cranes.jpg') center/cover no-repeat,var(--navy)}.why .container{display: grid;grid-template-columns: 1.3fr 1fr;gap: 50px;align-items: center}.why .eyebrow{color: var(--gold);font-weight: 600;margin-bottom: 4px}.why h2{font-size: 34px;font-weight: 800;line-height: 1.4;margin-bottom: 14px}.why-text > p{opacity: .9;margin-bottom: 30px}.why-cards{display: flex;flex-direction: column;gap: 16px}.why-card{display: flex;align-items: center;gap: 16px;padding: 18px 20px;border-radius: 14px;background: rgba(255,255,255,.07);border: 1px solid rgba(255,255,255,.15);transition: background .3s}.why-card:hover{background: rgba(255,255,255,.13)}.why-card i{font-size: 30px;color: var(--gold);width: 40px;text-align: center}.why-card h4{font-size: 16px;font-weight: 700}.why-card p{font-size: 13px;opacity: .8}.features{display: grid;grid-template-columns: repeat(4,1fr);margin-bottom: 30px}.feature{text-align: center;padding: 0 10px;border-inline-end: 1px solid rgba(255,255,255,.2)}.feature:last-child{border: none}.feature i{font-size: 28px;color: var(--gold);margin-bottom: 10px}.feature h4{font-size: 14px;font-weight: 700}.feature p{font-size: 12.5px;opacity: .8}.about-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 60px;align-items: center}.about-img{position: relative;border-radius: 20px;overflow: hidden;min-height: 440px;background: url('../images/photos/warehouse-aerial.jpg') center/cover,var(--navy-2);box-shadow: var(--shadow)}.about-badge{position: absolute;bottom: 24px;inset-inline-start: 24px;background: var(--gold);color: var(--navy);border-radius: 14px;padding: 16px 22px;display: flex;align-items: center;gap: 14px;box-shadow: 0 10px 24px rgba(0,0,0,.2)}.about-badge strong{font-size: 30px;font-weight: 900;line-height: 1}.about-badge span{font-size: 13px;font-weight: 700;line-height: 1.4}.about-text .eyebrow{color: var(--gold-2);font-weight: 700;margin-bottom: 4px}.about-text h2{font-size: 34px;font-weight: 800;color: var(--heading);margin-bottom: 14px;line-height: 1.4;text-wrap: balance}.about-text > p{color: var(--muted);margin-bottom: 22px}.check-list{display: grid;grid-template-columns: 1fr 1fr;gap: 12px;margin-bottom: 28px}.check-list li{display: flex;align-items: center;gap: 10px;font-weight: 600;color: var(--heading);font-size: 15px}.check-list i{color: #fff;background: var(--navy);width: 22px;height: 22px;border-radius: 50%;display: grid;place-items: center;font-size: 11px;flex-shrink: 0}.about-tabs{display: flex;gap: 8px;margin-bottom: 14px}.about-tabs button{border: 1px solid var(--border);background: var(--surface);padding: 8px 18px;border-radius: 30px;font-weight: 700;color: var(--heading);cursor: pointer}.about-tabs button.active{background: var(--navy);color: #fff;border-color: var(--navy)}.about-tab-content{color: var(--muted);margin-bottom: 26px;min-height: 80px}.process{background: var(--bg-soft)}.process-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 24px;position: relative}.process-step{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius);padding: 34px 24px;text-align: center;box-shadow: var(--shadow);position: relative;transition: .3s}.process-step:hover{border-color: rgba(34,169,204,.55)}.process-step .num{position: absolute;top: 14px;inset-inline-end: 18px;font-size: 38px;font-weight: 900;color: var(--bg-soft);line-height: 1;font-family: 'Montserrat',sans-serif}.process-step .ico{width: 70px;height: 70px;border-radius: 50%;background: var(--navy);color: var(--gold);display: grid;place-items: center;font-size: 28px;margin: 0 auto 16px;position: relative}.process-step h4{font-size: 18px;font-weight: 800;color: var(--heading);margin-bottom: 6px}.process-step p{font-size: 14px;color: var(--muted)}.faq{background: var(--bg-soft)}.faq-list{max-width: 880px;margin: 0 auto;display: flex;flex-direction: column;gap: 12px}.faq-item{background: var(--surface);border: 1px solid var(--border);border-radius: 12px;overflow: hidden}.faq-q{width: 100%;display: flex;justify-content: space-between;align-items: center;gap: 16px;padding: 18px 22px;background: none;border: none;cursor: pointer;font-size: 16px;font-weight: 700;color: var(--heading);text-align: start}.faq-q i{transition: .3s;color: var(--gold-2)}.faq-item.open .faq-q i{transform: rotate(45deg)}.faq-a{max-height: 0;overflow: hidden;transition: max-height .35s ease}.faq-a p{padding: 0 22px 18px;color: var(--muted)}.partners{background: var(--page);padding: 44px 0;border-top: 1px solid var(--border)}.partners .section-head{margin-bottom: 26px}.partners .section-head h2{font-size: 22px}.partners .section-head p{font-size: 14px}.partners-row{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 26px;direction: ltr}.partner{display: flex;align-items: center;gap: 8px;font-weight: 800;color: var(--heading);font-size: 19px;opacity: .6;transition: color .3s,opacity .3s,transform .3s;font-family: 'Montserrat',sans-serif}.partner:hover{color: var(--gold-2);opacity: 1;transform: translateY(-2px)}.partner.dhl{font-style: italic;font-size: 26px;letter-spacing: -1px}.partner.ups{border: 2px solid currentColor;border-radius: 6px 6px 16px 16px;padding: 2px 10px;font-size: 16px}.partner.msc{flex-direction: column;line-height: 1;font-size: 22px;gap: 0}.partner.emirates{flex-direction: column;font-size: 13px;line-height: 1.2;gap: 2px}.partner.iata{flex-direction: column;font-size: 16px;gap: 0;line-height: 1.1}.partner.dp{font-size: 16px}.partners-marquee{direction: ltr;overflow: hidden;mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.partners-marquee .partners-row{flex-wrap: nowrap;justify-content: flex-start;gap: 70px;padding-right: 70px;width: max-content;animation: marquee 28s linear infinite}.partners-marquee:hover .partners-row{animation-play-state: paused}@keyframes marquee{to{transform: translateX(-50%)}}.cta-strip{background: var(--navy-2);color: #fff;padding: 34px 0}.cta-strip .container{display: grid;grid-template-columns: 1.4fr 1fr 1fr 1fr;gap: 18px;align-items: center}.cta-title{display: flex;align-items: center;gap: 16px}.cta-title .globe{width: 70px;height: 70px;border-radius: 50%;background: rgba(255,255,255,.08);display: grid;place-items: center;font-size: 34px;color: var(--gold-light);flex-shrink: 0}.cta-title h3{font-size: 22px;font-weight: 800}.cta-title p{font-size: 13px;opacity: .8}.cta-box{display: flex;align-items: center;gap: 14px;padding: 16px 18px;border: 1px solid rgba(255,255,255,.18);border-radius: 12px;background: rgba(255,255,255,.05);transition: .3s}.cta-box:hover{background: rgba(255,255,255,.12)}.cta-box i{font-size: 30px}.cta-box.wa{background: var(--gold);border-color: transparent;color: var(--navy)}.cta-box.wa:hover{background: var(--gold-light)}.cta-box small{display: block;font-size: 12px;opacity: .85}.cta-box strong{direction: ltr;display: block;font-size: 14px}.page-hero{background: linear-gradient(rgba(1,40,58,.85),rgba(1,40,58,.9)),url('../images/photos/port-containers.jpg') center/cover,var(--navy);color: #fff;padding: 80px 0;text-align: center}.page-hero h1{font-size: 40px;font-weight: 800;margin-bottom: 6px}.breadcrumb{display: flex;justify-content: center;gap: 10px;font-size: 14px;opacity: .85}.breadcrumb a:hover{color: var(--gold)}.contact-grid{display: grid;grid-template-columns: 1fr 1.5fr;gap: 30px}.contact-info{display: flex;flex-direction: column;gap: 16px}.info-card{display: flex;gap: 16px;align-items: flex-start;background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius);padding: 22px;box-shadow: var(--shadow)}.info-card > i{width: 52px;height: 52px;border-radius: 12px;background: var(--navy);color: var(--gold);display: grid;place-items: center;font-size: 22px;flex-shrink: 0}.info-card h4{color: var(--heading);font-size: 17px;font-weight: 800}.info-card p,.info-card a{color: var(--muted);font-size: 14px;display: block}.info-card a{direction: ltr;text-align: start}html[dir="rtl"] .info-card a{text-align: right}.contact-form{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius);padding: 30px;box-shadow: var(--shadow)}.contact-form h3{color: var(--heading);font-size: 24px;font-weight: 800;margin-bottom: 18px}.map{margin-top: 30px;border-radius: var(--radius);overflow: hidden;box-shadow: var(--shadow);height: 380px}.map iframe{width: 100%;height: 100%;border: 0}.service-detail{display: grid;grid-template-columns: 1fr 1fr;gap: 50px;align-items: center;padding: 50px 0;border-bottom: 1px solid var(--border)}.service-detail:last-child{border: none}.service-detail:nth-child(even) .sd-img{order: 2}.sd-img{border-radius: 20px;min-height: 320px;background-size: cover;background-position: center;background-color: var(--navy-2);box-shadow: var(--shadow)}.sd-text .sd-icon{width: 60px;height: 60px;border-radius: 14px;background: var(--navy);color: var(--gold);display: grid;place-items: center;font-size: 26px;margin-bottom: 14px}.sd-text h2{color: var(--heading);font-size: 28px;font-weight: 800;margin-bottom: 10px}.sd-text > p{color: var(--muted);margin-bottom: 18px}.footer{background: var(--navy-dark);color: #fff;padding: 60px 0 0}.footer.mini{padding-top: 0}.footer.mini .footer-bottom{border-top: none;padding: 20px 0}.footer-grid{display: grid;grid-template-columns: 1.4fr 1fr 1fr 1.2fr;gap: 40px;padding-bottom: 40px}.footer-about p{font-size: 14px;opacity: .8;margin: 16px 0 20px}.footer h4{font-size: 17px;font-weight: 800;margin-bottom: 18px;position: relative;padding-bottom: 10px}.footer h4::after{content: '';position: absolute;bottom: 0;inset-inline-start: 0;width: 36px;height: 2px;background: var(--gold)}.footer-list li{margin-bottom: 10px}.footer-list a{font-size: 14px;opacity: .85;transition: .3s;display: inline-flex;gap: 8px;align-items: center}.footer-list a:hover{color: var(--gold);opacity: 1;padding-inline-start: 4px}.footer-list i{font-size: 10px;color: var(--gold)}.footer-contact li{display: flex;gap: 12px;margin-bottom: 14px;font-size: 14px;opacity: .9}.footer-contact li i{color: var(--gold);margin-top: 5px;width: 16px}.footer-contact a{direction: ltr}.socials{display: flex;gap: 10px}.socials a{width: 38px;height: 38px;border-radius: 50%;border: 1.5px solid rgba(255,255,255,.6);display: grid;place-items: center;transition: .3s}.socials a:hover{background: var(--gold);border-color: var(--gold);color: var(--navy)}.footer-bottom{border-top: 1px solid rgba(255,255,255,.12);padding: 18px 0;font-size: 13px;background: rgba(0,0,0,.18)}.footer-bottom .container{display: flex;justify-content: space-between;align-items: center;gap: 14px;flex-wrap: wrap}.footer-bottom .container > span{color: var(--on-dark-muted)}.legal{display: flex;gap: 12px;flex-wrap: wrap}.legal-item{display: inline-flex;align-items: center;gap: 12px;padding: 8px 16px 8px 10px;border-radius: 14px;background: rgba(255,255,255,.05);border: 1px solid rgba(255,255,255,.16);color: inherit;font-family: inherit;cursor: pointer;text-align: start;transition: border-color .3s}.legal-item:hover{border-color: var(--gold)}.legal-ico{width: 36px;height: 36px;border-radius: 10px;display: grid;place-items: center;flex-shrink: 0;background: var(--gold);color: var(--navy);font-size: 15px}.legal-txt{display: flex;flex-direction: column;line-height: 1.25}.legal-txt small{color: var(--on-dark-muted);font-size: 11.5px}.legal-txt b{color: #fff;font-family: 'Montserrat',sans-serif;font-weight: 700;font-size: 15px;letter-spacing: 1px}.legal-copy{color: var(--on-dark-muted);font-size: 13px;opacity: .55;transition: opacity .3s,color .3s}.legal-item:hover .legal-copy{opacity: 1;color: var(--gold)}.legal-item.copied{border-color: var(--success-light)}.legal-item.copied .legal-copy{color: var(--success-light);opacity: 1}@media (max-width: 640px){.footer-bottom .container{flex-direction: column-reverse;text-align: center}.legal{justify-content: center}}.quick-actions{position: fixed;top: 50%;inset-inline-end: 0;transform: translateY(-50%);z-index: 990;display: flex;flex-direction: column;background: var(--navy);border-radius: 12px 0 0 12px;overflow: hidden;box-shadow: 0 10px 30px rgba(0,0,0,.25)}html[dir="rtl"] .quick-actions{border-radius: 0 12px 12px 0}.quick-actions a,.quick-actions button{color: #fff;display: flex;flex-direction: column;align-items: center;gap: 4px;padding: 12px 10px;font-size: 11px;font-weight: 700;border: none;background: none;cursor: pointer;border-bottom: 1px solid rgba(255,255,255,.12);transition: .3s;width: 74px}.quick-actions a:last-child{border: none}.quick-actions i{font-size: 20px}.quick-actions .wa i{color: var(--whatsapp)}.quick-actions a:hover,.quick-actions button:hover{background: var(--navy-2)}.back-top{position: fixed;bottom: 24px;inset-inline-start: 24px;width: 48px;height: 48px;border-radius: 50%;background: var(--gold);color: var(--navy);border: none;cursor: pointer;font-size: 18px;box-shadow: 0 8px 20px rgba(0,0,0,.2);z-index: 990;opacity: 0;visibility: hidden;transition: opacity .3s,visibility .3s}.back-top.show{opacity: 1;visibility: visible}.modal{position: fixed;inset: 0;background: rgba(1,40,58,.7);z-index: 2000;display: none;align-items: center;justify-content: center;padding: 20px}.modal.open{display: flex}.modal-box{background: var(--surface);border-radius: 18px;width: 100%;max-width: 620px;max-height: 90vh;overflow-y: auto;padding: 30px;position: relative;animation: heroUp .25s ease}.modal-close{position: absolute;top: 14px;inset-inline-end: 14px;width: 36px;height: 36px;border-radius: 50%;border: none;background: var(--bg-soft);cursor: pointer;font-size: 16px;color: var(--heading)}.modal-box h3{color: var(--heading);font-size: 24px;font-weight: 800;margin-bottom: 4px}.modal-box > p{color: var(--muted);margin-bottom: 20px;font-size: 14px}.reveal{opacity: 0;transform: translateY(16px);transition: opacity .5s ease,transform .5s ease}.reveal.show{opacity: 1;transform: none}.hero-content{animation: heroUp .6s ease backwards}@keyframes heroUp{from{opacity: 0;transform: translateY(12px)}to{opacity: 1;transform: none}}@keyframes spin{to{transform: rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important}.reveal:not(.show){opacity: 1 !important;transform: none !important}}@media (max-width: 1200px){.services-grid{gap: 20px}.service-img{height: 180px}.form-grid{grid-template-columns: repeat(3,1fr)}.cta-strip .container{grid-template-columns: 1fr 1fr}.nav a{font-size: 14px}.logo-img{height: 58px}}@media (max-width: 992px){:root{--header-h: 84px}.menu-toggle{display: block}.nav{position: fixed;top: var(--header-h);inset-inline: 0;background: var(--surface);flex-direction: column;gap: 0;padding: 10px 24px 20px;box-shadow: 0 10px 20px rgba(0,0,0,.08);transform: translateY(-150%);transition: .35s;z-index: -1}.nav.open{transform: translateY(0)}.nav a{width: 100%;padding: 12px 0;border-bottom: 1px solid var(--border)}.nav a::after{display: none}.hero h1{font-size: 36px}html[lang="en"] .hero h1{font-size: 36px}.services-grid{grid-template-columns: 1fr 1fr}.booking{grid-template-columns: 1fr}.booking-side{padding: 22px}.stats-grid{grid-template-columns: repeat(2,1fr);row-gap: 26px}.stat:nth-child(2){border: none}.why .container,.about-grid,.contact-grid,.service-detail{grid-template-columns: 1fr}.service-detail:nth-child(even) .sd-img{order: 0}.about-img{min-height: 320px}.process-grid{grid-template-columns: 1fr 1fr}.footer-grid{grid-template-columns: 1fr 1fr}.quick-actions{display: none}}@media (max-width: 640px){.container{padding: 0 16px}:root{--header-h: 78px}.logo-img{height: 70px}.lang-btn .fa-chevron-down{display: none}.lang-btn{padding: 8px 10px}.hero{padding: 48px 0 56px}.hero h1,html[lang="en"] .hero h1{font-size: 30px}.hero p{font-size: 16px}.form-grid,.form-grid.cols-2,.form-grid.cols-3{grid-template-columns: 1fr}.booking-form .btn-gold{width: 100%}.stats{padding: 30px 0}.stat{flex-direction: column;text-align: center;gap: 8px;border: none}.stat strong,html[dir="rtl"] .stat strong{text-align: center}.section{padding: 60px 0}.section-head h2,.why h2,.about-text h2{font-size: 24px}.services-grid{grid-template-columns: 1fr 1fr;gap: 12px}.service-img{height: 120px}.service-body{padding: 10px 12px 16px}.service-body h3{font-size: 16px}.service-body p{font-size: 13px}.service-icon{width: 52px;height: 52px;font-size: 20px;margin-top: -26px}.features{grid-template-columns: 1fr 1fr;row-gap: 22px}.feature:nth-child(2){border: none}.check-list{grid-template-columns: 1fr}.process-grid{grid-template-columns: 1fr}.partners-row{justify-content: center}.cta-strip .container{grid-template-columns: 1fr}.footer-grid{grid-template-columns: 1fr}.footer-bottom .container{justify-content: center;text-align: center}.page-hero h1{font-size: 28px}}@media (max-width: 420px){.services-grid{grid-template-columns: 1fr;gap: 16px}.service-img{height: 170px}.service-body h3{font-size: 18px}.service-body p{font-size: 14px}}@media (hover: none){.service-card:hover{transform: none}}.socials a.soc-instagram:hover{background: linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);border-color: transparent;color: #fff}.socials a.soc-snapchat:hover{background: #fffc00;border-color: #fffc00;color: #111}.socials a.soc-tiktok:hover{background: #111;border-color: #25f4ee;color: #fff;box-shadow: 2px 2px 0 #fe2c55}html[dir="ltr"] .why{background: linear-gradient(to right,var(--navy-dark) 0%,rgba(2,54,76,.92) 50%,rgba(2,54,76,.6) 100%),url('../images/photos/port-cranes.jpg') center/cover no-repeat,var(--navy)}.sd-text .more{margin-inline-start: 18px}.svc-article{max-width: 880px;margin: 50px auto 0}.svc-article h2{color: var(--heading);font-size: 24px;font-weight: 800;margin: 34px 0 10px}.svc-article p{color: var(--muted);font-size: 16px}.svc-article .faq-list{margin-top: 16px}.svc-others{max-width: 880px;margin: 50px auto 0;padding-top: 30px;border-top: 1px solid var(--border)}.svc-others h3{color: var(--heading);font-size: 18px;font-weight: 800;margin-bottom: 14px}.svc-links{display: flex;flex-wrap: wrap;gap: 10px}.svc-links a{border: 1px solid var(--border);border-radius: 30px;padding: 8px 18px;font-weight: 700;font-size: 14px;color: var(--heading);transition: border-color .3s,color .3s}.svc-links a:hover{border-color: var(--gold);color: var(--gold-2)}@media (max-width: 640px){.sd-text .more{display: flex;margin: 14px 0 0;justify-content: flex-start}.svc-article h2{font-size: 20px}}.input-box select optgroup{font-weight: 800;color: var(--heading);background: var(--surface)}.input-box select option{font-weight: 400;color: var(--text);background: var(--surface)}
