.ox-nav { flex: 1 1 auto; min-width: 0; display: flex; justify-content: center; } .ox-nav-in { display: flex; flex-wrap: nowrap; align-items: center; gap: 0 clamp(10px, 1.25vw, 20px); min-width: 0; } .ox-nav a { font-size: clamp(15px, 1.18vw, 16.9px); } .ox-nav a { position: relative; padding-block: 2.5px; margin-block: -2.5px; } .ox-nav a::after { content: ''; position: absolute; left: 0; right: 0; bottom: -2.5px; height: 1px; background: currentColor; transform: scaleX(0); transform-origin: left; transition: transform .35s cubic-bezier(0.16, 1, 0.3, 1); } .ox-nav a:hover::after { transform: scaleX(1); } .ox-nav a[aria-current="page"] { font-weight: 620; } .ox-nav a[aria-current="page"]::after { transform: scaleX(1); background: #DD6E3E; } @media (max-width: 1120px) { .ox-nav { order: 3; flex: 0 0 100%; justify-content: flex-start; margin-top: -6px; padding-bottom: 10px; } .ox-nav-in { flex-wrap: wrap; gap: 5px 16px; } .ox-nav a { font-size: 16px; } } @media (max-width: 560px) { .ox-nav-in { gap: 5px 14px; } .ox-nav a { font-size: 15.2px; } } .ox-map{border-top:1px solid #E3DFD5;background:#F4F2EC} .ox-map-in{max-width:1860px;margin:0 auto;padding:clamp(34px,4vw,58px) clamp(18px,3.2vw,44px);display:grid;gap:clamp(22px,2.6vw,38px) clamp(20px,2.6vw,40px);grid-template-columns:repeat(auto-fit,minmax(190px,1fr))} .ox-map-h{margin:0 0 12px;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:12.4px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(11,11,12,0.88)} .ox-map ul{margin:-2px 0 0;padding:0;list-style:none;display:grid;gap:5px} .ox-map a{display:inline-block;padding-top:2px;font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;font-size:15.4px;font-weight:450;line-height:1.45;color:#0B0B0C;text-decoration:none;border-block-end:1px solid transparent} .ox-map a:hover{color:#9E3B22;border-block-end-color:#DD6E3E} .ox-map a:focus-visible{outline:2px solid #DD6E3E;outline-offset:3px;border-radius:3px} @media (max-width: 560px) { .ox-map-in { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); } .ox-map a { font-size: 14.8px; } }
.ap2-ox-stage { position: absolute; left: 0; bottom: 0; width: 100%; aspect-ratio: 240 / 394; pointer-events: none; content-visibility: auto; contain-intrinsic-size: auto 100% auto 1000px; } .ap2-ox { position: absolute; inset: 0; display: block; width: 100%; height: 100%; shape-rendering: crispEdges; } .ap2-ox-sprite { position: absolute; display: block; shape-rendering: crispEdges; overflow: visible; } img.ap2-ox-sprite { max-width: none; } .ap2-ox-glow { position: absolute; border-radius: 50%; background: radial-gradient(circle, rgba(255,242,190,0.34) 0%, rgba(255,242,190,0.20) 42%, rgba(255,242,190,0) 72%); animation: ap2OxGlow 9s ease-in-out infinite; } .ap2-ox-ray { position: absolute; transform-origin: 50% 0; background: linear-gradient(to bottom, rgba(255,248,214,0) 0%, rgba(255,248,214,0.34) 14%, rgba(255,248,214,0.17) 50%, rgba(255,248,214,0) 100%); animation-name: ap2OxRay; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @keyframes ap2OxRay { 0%, 100% { opacity: 0.3; } 50% { opacity: 0.78; } } @keyframes ap2OxGlow { 0%, 100% { transform: scale(1); opacity: 0.85; } 50% { transform: scale(1.12); opacity: 1; } } .ap2-ox-hand { transform-origin: 50% 50%; animation-name: ap2OxSpin; animation-timing-function: linear; animation-iteration-count: infinite; } .ap2-ox-hand.is-min { animation-duration: 24s; } .ap2-ox-hand.is-hour { animation-duration: 288s; } @keyframes ap2OxSpin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ap2-ox-flag { transform-origin: 18% 50%; animation: ap2OxFlag 1.1s ease-in-out infinite; } @keyframes ap2OxFlag { 0%, 100% { transform: scaleX(1) skewY(0deg); } 35% { transform: scaleX(0.82) skewY(-7deg); } 70% { transform: scaleX(0.94) skewY(5deg); } } .ap2-ox-lit { opacity: 0.14; animation-name: ap2OxLit; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @keyframes ap2OxLit { 0%, 100% { opacity: 0.14; } 42% { opacity: 0.95; } 64% { opacity: 0.5; } } .ap2-ox-tree { transform-origin: 50% 100%; animation-name: ap2OxSway; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @keyframes ap2OxSway { 0%, 100% { transform: skewX(0deg); } 30% { transform: skewX(-2.4deg); } 66% { transform: skewX(1.6deg); } } .ap2-ox-refl { animation-name: ap2OxRefl; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @keyframes ap2OxRefl { 0%, 100% { transform: translateX(0) scaleX(1); } 34% { transform: translateX(18%) scaleX(1.18); } 68% { transform: translateX(-12%) scaleX(0.9); } } .ap2-ox-glint { opacity: 0; animation-name: ap2OxGlint; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @keyframes ap2OxGlint { 0%, 100% { opacity: 0; transform: translateX(0); } 40% { opacity: 0.8; } 100% { transform: translateX(280%); } } .ap2-ox-punt { animation: ap2OxPunt 74s linear infinite; animation-delay: -22s; } .ap2-ox-punt.is-far { animation-name: ap2OxPuntFar; animation-duration: 104s; animation-delay: -58s; transform-origin: 50% 100%; } @keyframes ap2OxPunt { from { transform: translateX(-130%); } to { transform: translateX(1240%); } } @keyframes ap2OxPuntFar { from { transform: translateX(1240%) scale(0.82); } to { transform: translateX(-130%) scale(0.82); } } .ap2-ox-bob { transform-box: fill-box; transform-origin: 50% 100%; animation: ap2OxBob 3.4s ease-in-out infinite; } @keyframes ap2OxBob { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-0.7px) rotate(0.7deg); } } .ap2-ox-pole { transform-box: fill-box; transform-origin: 50% 92%; animation: ap2OxPole 3.4s ease-in-out infinite; } @keyframes ap2OxPole { 0%, 100% { transform: rotate(-9deg); } 50% { transform: rotate(11deg) translateY(-1px); } } .ap2-ox-swan { animation: ap2OxSwan 96s linear infinite; } .ap2-ox-swan.is-two { animation-name: ap2OxSwanTwo; animation-duration: 124s; animation-delay: -47s; transform-origin: 50% 100%; } @keyframes ap2OxSwan { from { transform: translateX(2280%); } to { transform: translateX(-190%); } } @keyframes ap2OxSwanTwo { from { transform: translateX(-190%) scale(0.86); } to { transform: translateX(2280%) scale(0.86); } } .ap2-ox-cloud { animation-name: ap2OxCloud; animation-timing-function: linear; animation-iteration-count: infinite; } .ap2-ox-cloud.is-low { animation-duration: 132s; opacity: 0.95; } .ap2-ox-cloud.is-mid { animation-duration: 178s; opacity: 0.8; } .ap2-ox-cloud.is-high { animation-duration: 236s; opacity: 0.55; } @keyframes ap2OxCloud { from { transform: translateX(0); } to { transform: translateX(-50%); } } .ap2-ox-shade { position: absolute; background: linear-gradient(90deg, rgba(30,68,38,0) 0%, rgba(30,68,38,0.2) 50%, rgba(30,68,38,0) 100%); animation-name: ap2OxShade; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes ap2OxShade { from { transform: translateX(0); } to { transform: translateX(420%); } } .ap2-ox-sweep { position: absolute; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(234,249,255,0.4) 50%, rgba(255,255,255,0) 100%); animation: ap2OxSweep 21s ease-in-out infinite; } @keyframes ap2OxSweep { 0% { opacity: 0; transform: translateX(0); } 16% { opacity: 0.9; } 78% { opacity: 0.6; } 100% { opacity: 0; transform: translateX(500%); } } .ap2-ox-depth { position: absolute; pointer-events: none; background: linear-gradient(to bottom, rgba(74, 56, 28, 0) 0%, rgba(74, 56, 28, 0.07) 46%, rgba(64, 46, 22, 0.16) 82%, rgba(58, 42, 20, 0.2) 100%); } .ap2-ox-eight { animation: ap2OxEight 118s linear infinite; animation-delay: -74s; } @keyframes ap2OxEight { from { transform: translateX(680%); } to { transform: translateX(-115%); } } .ap2-ox-oars { transform-box: fill-box; transform-origin: 50% 6%; animation: ap2OxOars 2.6s cubic-bezier(0.45, 0, 0.3, 1) infinite; } @keyframes ap2OxOars { 0%, 100% { transform: rotate(-9deg); } 42% { transform: rotate(8deg); } 70% { transform: rotate(2deg); } } .ap2-ox-daw { top: 1%; animation-name: ap2OxDaw; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } @keyframes ap2OxDaw { 0% { transform: translate(0, 0) scaleX(1); } 25% { transform: translate(420%, 260%) scaleX(1); } 50% { transform: translate(880%, 60%) scaleX(-1); } 75% { transform: translate(430%, -230%) scaleX(-1); } 100% { transform: translate(0, 0) scaleX(1); } } .ap2-ox-wing { transform-box: fill-box; transform-origin: 50% 50%; animation: ap2OxWing 0.42s ease-in-out infinite; } @keyframes ap2OxWing { 0%, 100% { transform: scaleY(1); } 50% { transform: scaleY(-0.6); } } .ap2-ox-cyclist { animation: ap2OxCyclist 86s linear infinite; animation-delay: -31s; } @keyframes ap2OxCyclist { from { transform: translateX(-260%); } to { transform: translateX(3900%); } } .ap2-ox-cloud { translate: calc(var(--gd-px, 0) * 2px) calc(var(--gd-py, 0) * 1px); } .ap2-ox-glow, .ap2-ox-ray { translate: calc(var(--gd-px, 0) * 3px) calc(var(--gd-py, 0) * 1.5px); } .ap2-ox-flag, .ap2-ox-daw, .ap2-ox-hand, .ap2-ox-lit { translate: calc(var(--gd-px, 0) * 5px) calc(var(--gd-py, 0) * 2.4px); } .ap2-ox-tree, .ap2-ox-still { translate: calc(var(--gd-px, 0) * 7px) calc(var(--gd-py, 0) * 3.4px); } .ap2-ox-glint, .ap2-ox-refl, .ap2-ox-sweep, .ap2-ox-shade { translate: calc(var(--gd-px, 0) * 10px) calc(var(--gd-py, 0) * 4.8px); } .ap2-ox-punt, .ap2-ox-swan, .ap2-ox-eight, .ap2-ox-pole, .ap2-ox-bob, .ap2-ox-cyclist { translate: calc(var(--gd-px, 0) * 13px) calc(var(--gd-py, 0) * 6.2px); } @media (prefers-reduced-motion: reduce) { .ap2-ox-glow, .ap2-ox-hand, .ap2-ox-flag, .ap2-ox-tree, .ap2-ox-refl, .ap2-ox-bob, .ap2-ox-pole, .ap2-ox-cloud, .ap2-ox-shade, .ap2-ox-oars, .ap2-ox-wing { animation: none; } .ap2-ox-flag.is-gate { animation: none; } .ap2-ox-eight { animation: none; transform: translateX(210%); } .ap2-ox-cyclist { animation: none; transform: translateX(1400%); } .ap2-ox-daw { animation: none; transform: translate(430%, -230%) scaleX(-1); } .ap2-ox-daw.is-1 { transform: translate(880%, 60%) scaleX(-1); } .ap2-ox-daw.is-2 { transform: translate(420%, 260%); } .ap2-ox-cloud.is-low, .ap2-ox-cloud.is-mid, .ap2-ox-cloud.is-high { animation: none; } .ap2-ox-ray { animation: none; opacity: 0.44; } .ap2-ox-shade { transform: translateX(200%); } .ap2-ox-sweep { animation: none; opacity: 0.5; transform: translateX(200%); } .ap2-ox-hand.is-min, .ap2-ox-hand.is-hour { animation: none; } .ap2-ox-glint { animation: none; opacity: 0.5; } .ap2-ox-lit { animation: none; opacity: 0.85; } .ap2-ox-punt { animation: none; transform: translateX(300%); } .ap2-ox-punt.is-far { animation: none; transform: translateX(830%) scale(0.82); } .ap2-ox-swan { animation: none; transform: translateX(1300%); } .ap2-ox-swan.is-two { animation: none; transform: translateX(1700%) scale(0.86); } .ap2-ox-stage [class*="ap2-ox-"] { translate: none; } } .ap2-close-chat { position: relative; margin-top: clamp(20px, 2.2vw, 30px); border: 1px solid rgba(11, 15, 20, 0.10); border-radius: 22px; background: #fff; overflow: hidden; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 0 0 1px rgba(11, 15, 20, 0.05), 0 8px 26px rgba(6, 26, 48, 0.13), 0 28px 72px rgba(6, 26, 48, 0.26); } .ap2-close-chat::before { content: ''; position: absolute; inset-block-start: 0; inset-inline: 0; block-size: 2px; background: linear-gradient(90deg, #DD6E3E, #C98A63, #16204A, #2E9E62, #DD6E3E); z-index: 2; } .ap2-close-chat::after { content: ''; position: absolute; inset-block-start: 0; inset-inline-start: 0; inline-size: 42%; block-size: 2px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.85), transparent); z-index: 3; animation: ap2ChatSweep 5.4s ease-in-out infinite; pointer-events: none; } @keyframes ap2ChatSweep { 0%, 62% { transform: translateX(-110%); } 92%, 100% { transform: translateX(300%); } } .ap2-close-chat-top { display: flex; align-items: center; gap: 12px; padding: clamp(14px, 1.4vw, 18px) clamp(15px, 1.6vw, 20px); border-bottom: 1px solid rgba(11, 15, 20, 0.07); background: radial-gradient(58px 44px at 26px 50%, rgba(38, 53, 110, 0.09) 0%, rgba(38, 53, 110, 0) 72%), linear-gradient(180deg, #FFFFFF 0%, #FAFBFD 100%); } .ap2-close-chat-av { position: relative; flex-shrink: 0; display: inline-flex; line-height: 0; } .ap2-close-chat-mark { width: 38px; height: 38px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; background: radial-gradient(120% 110% at 26% 18%, #FFFFFF 0%, rgba(255,255,255,0) 62%), linear-gradient(158deg, #F7F9FD 0%, #E8ECF6 100%); border: 1px solid rgba(22, 32, 74, 0.14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 1px 2px rgba(11, 15, 20, 0.07), 0 0 0 4px rgba(38, 53, 110, 0.045); color: #26356E; } .ap2-ccm-b1, .ap2-ccm-b2, .ap2-ccm-b3, .ap2-ccm-b4 { transform-box: fill-box; transform-origin: center bottom; will-change: transform; } .ap2-ccm-b1 { animation: ap2CcmBar 1.9s ease-in-out infinite; } .ap2-ccm-b2 { animation: ap2CcmBar 2.6s ease-in-out infinite -0.4s; } .ap2-ccm-b3 { animation: ap2CcmBar 2.2s ease-in-out infinite -1.1s; } .ap2-ccm-b4 { animation: ap2CcmBar 3.1s ease-in-out infinite -0.7s; } @keyframes ap2CcmBar { 0%, 100% { transform: scaleY(0.42); opacity: 0.55; } 50% { transform: scaleY(1); opacity: 1; } } .ap2-close-chat-id { flex: 1; min-width: 0; display: grid; gap: 1px; } .ap2-close-chat-name { font-family: 'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif; font-size: 16px; font-weight: 650; letter-spacing: -0.014em; line-height: 1.22; color: #0D1420; text-transform: capitalize; } .ap2-close-chat-state { display: block; font-size: 12.5px; font-weight: 500; line-height: 1.25; letter-spacing: 0.002em; color: rgba(11,15,20,0.757); } .ap2-close-chat-dot { position: absolute; inset-block-end: -1px; inset-inline-end: -1px; width: 11px; height: 11px; border-radius: 50%; background: #2E9E62; border: 2px solid #FBFCFE; box-shadow: 0 0 7px rgba(46, 158, 98, 0.6); animation: ap2Pulse 2.4s infinite; } .ap2-close-chat-log { height: clamp(116px, 9.4vw, 138px); overflow-y: auto; overscroll-behavior: contain; display: flex; flex-direction: column; gap: 11px; margin: 0; padding: clamp(14px, 1.5vw, 18px) clamp(15px, 1.6vw, 20px) 0; } .ap2-close-chat-log > *:first-child { margin-top: auto; } .ap2-close-chat-turn { display: flex; align-items: flex-start; gap: 9px; max-width: 94%; align-self: flex-start; } .ap2-close-chat-turn.is-me { align-self: flex-end; max-width: 88%; } .ap2-close-chat-face { width: 28px; height: 28px; flex-shrink: 0; margin-top: 2px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: rgba(22, 32, 74, 0.09); color: #16204A; } @media (max-width: 620px) { .ap2-close-chat-log { height: auto; min-height: 96px; max-height: 46vh; } } .ap2-close-chat-msg { margin: 0; min-width: 0; padding: 10px 14px; border: 1px solid rgba(11, 15, 20, 0.09); border-radius: 18px 18px 18px 5px; background: #fff; box-shadow: 0 1px 2px rgba(11, 15, 20, 0.05); font-size: 15.3px; font-weight: 450; line-height: 1.5; color: rgba(11,15,20,0.928); } .ap2-close-chat-turn.is-me .ap2-close-chat-msg { border-color: transparent; border-radius: 18px 18px 5px 18px; background: linear-gradient(160deg, #26356E 0%, #16204A 100%); box-shadow: 0 2px 8px rgba(22, 32, 74, 0.24); font-weight: 500; color: rgba(255, 255, 255, 0.96); } .ap2-close-chat-msg.is-err { color: #B4471F; } .ap2-close-chat-dots { display: inline-flex; gap: 4px; } .ap2-close-chat-dots i { width: 5px; height: 5px; border-radius: 50%; background: rgba(11, 15, 20, 0.32); animation: ap2ChatDot 1.1s ease-in-out infinite; } .ap2-close-chat-dots i:nth-child(2) { animation-delay: 0.18s; } .ap2-close-chat-dots i:nth-child(3) { animation-delay: 0.36s; } @keyframes ap2ChatDot { 0%, 100% { opacity: 0.28; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-2px); } } .ap2-close-chat-chips { display: flex; gap: 8px; margin: 0; padding: clamp(14px, 1.4vw, 16px) clamp(15px, 1.6vw, 20px) 0; overflow-x: auto; scrollbar-width: none; } .ap2-close-chat-chips::-webkit-scrollbar { display: none; } .ap2-close-chat-chip { flex-shrink: 0; padding: 8px 14px; border: 1px solid rgba(11, 15, 20, 0.14); border-radius: 999px; background: #fff; font-family: inherit; font-size: 13.6px; font-weight: 500; color: rgba(11,15,20,0.892); cursor: pointer; white-space: nowrap; transition: border-color .2s ease, color .2s ease, background .2s ease, box-shadow .2s ease; } .ap2-close-chat-chip:hover { border-color: rgba(221, 110, 62, 0.7); background: rgba(221, 110, 62, 0.07); color: #16204A; box-shadow: 0 2px 8px rgba(221, 110, 62, 0.14); } .ap2-close-chat-bar { display: flex; align-items: center; gap: 8px; margin: clamp(14px, 1.4vw, 16px) clamp(15px, 1.6vw, 20px) clamp(14px, 1.5vw, 18px); padding: 6px 6px 6px 15px; border: 1px solid rgba(11, 15, 20, 0.14); border-radius: 12px; background: rgba(11, 15, 20, 0.028); transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; } .ap2-close-chat-bar:focus-within { border-color: rgba(221, 110, 62, 0.8); background: #fff; box-shadow: 0 0 0 3px rgba(221, 110, 62, 0.14); } .ap2-close-chat-in { flex: 1; min-width: 0; background: transparent; border: 0; outline: none; padding: 0; font-size: 15.2px; font-weight: 450; color: #16204A; } .ap2-close-chat-in::placeholder { color: rgba(11,15,20,0.739); } .ap2-close-chat-go { width: 38px; height: 38px; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 10px; cursor: pointer; background: linear-gradient(160deg, #26356E 0%, #16204A 100%); color: #fff; box-shadow: 0 2px 8px rgba(22, 32, 74, 0.26); transition: opacity .2s ease, background .2s ease, transform .2s cubic-bezier(0.16, 1, 0.3, 1); } .ap2-close-chat-go:hover:not(:disabled) { background: linear-gradient(160deg, #E8834F 0%, #DD6E3E 100%); transform: scale(1.06); } .ap2-close-chat-go:disabled { opacity: 0.28; cursor: not-allowed; box-shadow: none; } [dir='rtl'] .ap2-close-chat-go svg { transform: scaleX(-1); } .ox-fin{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1.24fr);min-height:0;background:#2F6E9C} .ox-fin-chat{min-height:440px} @media (min-width:360px){.ox-fin-chat{min-height:388px}} @media (min-width:393px){.ox-fin-chat{min-height:362px}} @media (min-width:430px){.ox-fin-chat{min-height:336px}} @media (min-width:600px){.ox-fin-chat{min-height:312px}} @media (min-width:700px){.ox-fin-chat{min-height:298px}} @media (min-width:1100px){.ox-fin-chat{min-height:316px}} @media (min-width:1280px){.ox-fin-chat{min-height:336px}} @media (min-width:900px) and (min-height:620px){.ox-fin{min-height:calc(92 * var(--ap2-vh, 1vh));min-height:max(calc(92 * var(--ap2-svh, 1svh)),calc(57 * var(--ap2-vw, 1vw)))}} .ox-fin-col{position:relative;overflow:hidden;background:linear-gradient(155deg,#4E93C4 0%,#2F6E9C 100%);padding:clamp(30px,3.4vw,58px) clamp(18px,3vw,56px);display:grid;align-content:start} .ox-fin-h{margin:0 0 clamp(18px,2vw,26px);font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;font-size:clamp(31.35px,2.732vw,46.35px);font-weight:560;letter-spacing:-.032em;line-height:1.08;color:#fff;max-width:15em} .ox-fin-em{color:#FFD9A8} .ox-fin-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;border-radius:10px;font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;font-size:16px;font-weight:650;text-decoration:none} .ox-fin-btn-a{background:#fff;color:#0B0B0C} .ox-fin-rule{height:1px;background:rgba(255,255,255,.20);margin:clamp(24px,2.6vw,40px) 0 0} .ox-fin-lab{font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:14.2px;font-weight:560;letter-spacing:.115em;text-transform:uppercase;color:rgba(255,255,255,0.964);margin:clamp(20px,2.2vw,30px) 0 10px} .ox-fin-mail{display:inline-flex;align-items:center;gap:9px;min-height:44px;font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:20.9px;font-weight:560;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.42);justify-self:start} .ox-fin-mail:hover{border-bottom-color:#fff} .ox-fin-where-slot{margin-top:clamp(26px,2.8vw,40px)} .ox-fin-foot{position:relative;border-top:1px solid rgba(255,255,255,.20);margin-top:clamp(24px,2.6vw,40px);padding-top:clamp(19px,2vw,28px);display:grid;row-gap:clamp(13px,1.4vw,19px)} .ox-fin-id{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;font-size:23px;justify-self:start} .ox-fin-id b{font-weight:700} .ox-fin-id span{font-weight:430;color:rgba(255,255,255,0.955)} .ox-fin-tag{font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:14.6px;font-weight:500;color:rgba(255,255,255,0.964);margin:0} .ox-fin-tag a{color:rgba(255,255,255,0.964);text-decoration:none} .ox-fin-tag a:hover{text-decoration:underline;text-underline-offset:3px} .ox-fin-tag a:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px} .ox-fin-nav{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 clamp(18px,2.2vw,36px);margin-top:clamp(16px,1.7vw,22px)} .ox-fin-menu{display:flex;flex-wrap:wrap;gap:0 20px} .ox-fin-menu a{font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;font-size:15.4px;font-weight:600;color:#fff;text-decoration:none;min-height:44px;display:inline-flex;align-items:center} .ox-fin-menu a:hover{text-decoration:underline;text-underline-offset:3px} .ox-fin-menu button{font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;font-size:15.4px;font-weight:600;color:#fff;min-height:44px;display:inline-flex;align-items:center} .ox-fin-menu button:hover{text-decoration:underline;text-underline-offset:3px} a.ox-fin-menu{min-height:27px;align-items:center} .ox-fin-legal{margin:0;font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;font-size:14.6px;font-weight:450;line-height:1.45;color:rgba(255,255,255,0.964)} .ox-fin-art{position:relative;overflow:clip;min-height:520px;background:#12609B} .ox-fin-scene{position:absolute;inset:0} .ox-fin-float{position:absolute;z-index:1;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);width:min(calc(100% - 36px),380px);background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 18px 46px -20px rgba(9,32,52,.55)} .ox-fin-float-lab{display:flex;align-items:center;gap:8px;font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;font-size:13.6px;font-weight:600;letter-spacing:0;line-height:1.3;color:rgba(11,11,12,0.88);margin:0 0 12px} .ox-fin-float-lab::before{content:'';flex:0 0 auto;width:6px;height:6px;border-radius:50%;background:#DD6E3E} .ox-fin-faces{display:flex;align-items:center;gap:14px} .ox-fin-stack{display:flex;flex:0 0 auto} .ox-fin-stack img{width:38px;height:38px;border-radius:50%;object-fit:cover;object-position:50% 22%;border:2px solid #fff;margin-left:-10px;background:#F4F2EC} .ox-fin-stack img:first-child{margin-left:0} .ox-fin-float p{margin:12px 0 0;font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;font-size:15.2px;font-weight:450;line-height:1.55;color:#0B0B0C} @media (max-width:1040px){ .ox-fin{grid-template-columns:minmax(0,1fr)} .ox-fin-art{min-height:470px;order:2} .ox-fin-float{position:relative;inset:auto;max-width:none;margin:18px;transform:none} } @media (max-width:560px){ .ox-fin-h{max-width:none} } @supports (animation-timeline: view()) { @media (prefers-reduced-motion: no-preference) and (min-width:1041px) { .ox-fin-float{animation:oxFloatDrift linear both;animation-timeline:view();animation-range:entry 0% exit 100%} @keyframes oxFloatDrift{ from{transform:translate(-50%,calc(-50% - 54px))} to{transform:translate(-50%,calc(-50% + 54px))} } } }
.ox-foot-where{display:grid;gap:16px} .ox-foot-h{font-family:'JetBrains Mono AP2', ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace, 'Noto Sans Arabic';font-size:14.2px;font-weight:560;letter-spacing:.115em;text-transform:uppercase;color:rgba(255,255,255,0.964);margin:0} .ox-foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:clamp(14px,1.6vw,22px)} .ox-foot-card{display:grid;gap:10px clamp(22px,2.4vw,34px);min-width:0;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start} @media (max-width:520px){.ox-foot-card{grid-template-columns:minmax(0,1fr)}} .ox-foot-pic{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.18);display:block} .ox-foot-body{display:grid;gap:9px;min-width:0;align-content:start} .ox-foot-city{font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;font-size:20px;font-weight:640;letter-spacing:-0.016em;line-height:1.15;color:#fff} .ox-foot-lines{display:grid;gap:2px;font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;font-size:16.4px;font-weight:450;font-style:normal;color:#FFFFFF;line-height:1.5} .ox-foot-tel{display:inline-flex;align-items:center;gap:8px;min-height:34px;font-size:17.6px;font-weight:560;font-variant-numeric:tabular-nums;color:#FFFFFF;text-decoration:none;border-block-end:1px solid rgba(255,255,255,.42);justify-self:start;margin-block-start:11px;padding-block-start:11px} .ox-foot-tel:hover{border-block-end-color:#FFFFFF} .ox-foot-hours{color:#FFFFFF;font-size:15.3px;font-weight:450;letter-spacing:-0.002em} .ox-foot-map{display:inline-flex;align-items:center;gap:7px;min-height:34px;font-family:'Plus Jakarta Sans', 'Plus Jakarta Sans Fallback', 'Plus Jakarta Sans Fallback Roboto', 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;font-size:15.1px;font-weight:600;color:#FFD9A8;text-decoration:none;justify-self:start} .ox-foot-map:hover{color:#FFFFFF}