@font-face{font-family:"DioniContact";src:url("assets/fonts/rubik-arabic-variable.woff2") format('woff2');font-weight:300 900;font-display:swap}
/* Native scrolling remains available without a painted rail. */
*,*::before,*::after{scrollbar-width:none!important;scrollbar-gutter:auto!important}
*::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.website-contact{--contact-bg:#fafbf8;--contact-ink:#20372d;--contact-muted:#64766b;--contact-line:#d9e2db;--contact-input:#fff;--contact-accent:#23624b;--contact-on-accent:#fff;--dioni-app-font:DioniContact,sans-serif;--dioni-role-muted:var(--contact-muted);--dioni-role-border:var(--contact-line);--dioni-role-control-hover:var(--contact-line);box-sizing:border-box;width:min(510px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;margin:auto;padding:30px;border:1px solid var(--contact-line);border-radius:28px;background:var(--contact-bg);color:var(--contact-ink);font-family:var(--dioni-app-font);text-align:right;box-shadow:0 24px 70px #0003;animation:contact-in 180ms ease-out}
.website-contact::backdrop{background:#10221a80;backdrop-filter:blur(12px)}
.website-contact *{box-sizing:border-box}.website-contact [hidden]{display:none!important}.website-contact :is(button,input,textarea){font:inherit}
.website-contact button{cursor:pointer}.website-contact button:disabled{cursor:wait}
.website-contact-close{position:absolute;left:22px;top:22px;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--contact-line);border-radius:50%;background:transparent;color:var(--contact-muted)}
.website-contact-close svg{width:22px;height:22px}.website-contact-heading{display:flex;align-items:center;gap:14px;padding-left:50px}
.website-contact-mark{display:grid;place-items:center;width:54px;height:54px;flex:none;border:1px solid var(--contact-line);border-radius:18px;background:color-mix(in srgb,var(--contact-accent) 8%,var(--contact-bg));color:var(--contact-accent)}.website-contact-mark svg{width:27px;height:27px}
.website-contact h2{margin:0;font-size:25px;font-weight:750;line-height:1.5}.website-contact-heading p{margin:3px 0 0;font-size:13px;color:var(--contact-muted)}
.website-contact-intro{margin:20px 0 25px;font-size:14px;line-height:1.9;color:var(--contact-muted)}
.website-contact form{display:flex;flex-direction:column}.website-contact form>label{margin:0 0 10px;font-size:14px;font-weight:600}.website-contact .website-contact-message-label{margin-top:23px}
.website-contact :is(input,textarea){min-width:0;caret-color:var(--contact-accent);color:var(--contact-ink)}
.website-contact .v1-login-phone-row{display:flex;direction:rtl;gap:10px;align-items:center;width:100%}.website-contact .v1-login-phone-row>div:first-child{position:relative;width:34%;flex:none}.website-contact .v1-login-phone-row>div:last-child{position:relative;display:flex;flex:1;min-width:0;align-items:center}
.website-contact .v1-login-field-control{width:100%;height:54px;border:2px solid var(--contact-line);border-radius:16px;background:var(--contact-input);outline:none;color:var(--contact-ink)}
.website-contact .v1-login-country-select{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px}.website-contact .v1-login-country-chevron{width:16px;height:16px}.website-contact .v1-login-country-select--open .v1-login-country-chevron{transform:rotate(180deg)}
.website-contact .v1-login-country-code{font-size:13px;font-weight:700}.website-contact .v1-login-country-flag{font-size:19px;line-height:1;width:24px;height:18px;display:inline-flex;align-items:center;justify-content:center}.website-contact .v1-login-country-flag img{width:100%;height:100%;object-fit:contain}
.website-contact .v1-login-phone-row>div:last-child>div{position:absolute;left:15px;pointer-events:none;display:flex;color:var(--contact-muted)}.website-contact .v1-login-phone-row>div:last-child>div svg{width:20px;height:20px}
.website-contact .v1-login-phone-input{text-align:right;padding:0 16px 0 46px;font-size:16px;font-weight:600}.website-contact [aria-invalid='true']{border-color:#b13e44}
.website-contact-message-field{border:2px solid var(--contact-line);border-radius:18px;background:var(--contact-input);overflow:hidden}.website-contact-message-field:focus-within{border-color:var(--contact-accent)}
.website-contact textarea{display:block;width:100%;height:156px;min-height:156px;border:0;outline:none;padding:14px 16px;background:transparent;resize:none;font-size:16px;line-height:1.85;direction:rtl}
.website-contact :is(input,textarea)::placeholder{color:var(--contact-muted);opacity:.8}
.website-contact-count{display:flex;align-items:center;justify-content:flex-start;gap:5px;min-height:34px;padding:6px 16px;border-top:1px solid var(--contact-line);line-height:20px;font-size:12px;color:var(--contact-muted);font-variant-numeric:tabular-nums}
.website-contact-submit,.website-contact-ok{position:relative;min-height:54px;width:100%;border:0;border-radius:16px;background:var(--contact-accent);color:var(--contact-on-accent);font-weight:650!important}.website-contact-submit>span:first-child{display:flex;justify-content:center;align-items:center;gap:10px}.website-contact-submit .dioni-action-label-placeholder{visibility:hidden}
.website-contact button:focus-visible{outline:2px solid var(--contact-accent);outline-offset:3px}
.website-contact :is(button,input,textarea){-webkit-tap-highlight-color:transparent}
.website-contact button:focus:not(:focus-visible){outline:none}
.website-contact :is(input,textarea):focus{outline:none;box-shadow:none}
.website-contact .v1-login-field-control:focus{border-color:var(--contact-accent)}
.website-contact .customers-country-search:focus-within{border-color:var(--contact-accent);box-shadow:none}
.website-contact .customers-country-search{margin:4px 0 0;padding:6px 10px;min-height:40px}
.website-contact .customers-country-picker{padding:6px}
.website-contact .customers-country-search__field{height:26px}.website-contact-error{margin:14px 0 0;color:#b13e44;font-size:13px;line-height:1.8}
.website-contact-receipt{text-align:center;padding-top:20px}.website-contact-receipt .website-contact-mark{margin:0 auto 22px}.website-contact-receipt p{font-size:15px;line-height:1.95;color:var(--contact-muted);margin:14px 0 28px}
.website-contact.is-closing{animation:contact-out 180ms ease-in forwards}.website-contact.is-closing::backdrop{background:transparent;backdrop-filter:none;transition:background 180ms,backdrop-filter 180ms}
.website-contact .v1-login-country-picker-portal{direction:rtl;font-family:var(--dioni-app-font)}.website-contact .customers-country-picker{background:var(--contact-input);border-color:var(--contact-line);color:var(--contact-ink);box-shadow:0 14px 38px #0002;backdrop-filter:none}
.website-contact .customers-country-option{background:transparent;color:var(--contact-ink)}.website-contact .customers-country-option bdi{color:var(--contact-muted)}.website-contact .customers-country-option:is(:hover,:focus-visible),.website-contact .customers-country-option--selected{background:color-mix(in srgb,var(--contact-accent) 10%,var(--contact-input));color:var(--contact-accent)}
.website-contact .customers-country-search{color:var(--contact-muted);background:var(--contact-bg);border-color:var(--contact-line)}.website-contact .customers-country-search input{color:var(--contact-ink)}.website-contact .customers-country-search__field{--dioni-safe-placeholder-color:var(--contact-muted)}.website-contact .customers-country-search .dioni-safe-placeholder{color:var(--contact-muted)}
.website-contact .customers-country-scroll-indicator{display:none!important}
body:has(.mobile-background) .website-contact,html[data-theme='dark'] .website-contact{--contact-bg:#252b27;--contact-ink:#edf3ee;--contact-muted:#b5c3b9;--contact-line:#405047;--contact-input:#29332d;--contact-accent:#5eead4;--contact-on-accent:#153c32}
@keyframes contact-in{from{opacity:0}to{opacity:1}}@keyframes contact-out{to{opacity:0}}
@media(max-width:420px){.website-contact{padding:25px 22px}.website-contact h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.website-contact,.website-contact.is-closing{animation:none}}
@media(hover:none),(pointer:coarse){.website-contact :where(button,a):focus,.website-contact :where(button,a):focus-visible{outline:none}}
@supports (-webkit-touch-callout:none){.website-contact::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.website-contact-close{touch-action:manipulation}}
.website-contact-submit{margin-top:20px}
.website-contact-receipt .website-contact-success{position:relative;overflow:hidden;isolation:isolate;width:88px;height:88px;border-radius:28px}
.website-contact-success svg{display:block;width:48px;height:48px;animation:contact-success-settle 480ms cubic-bezier(.16,1,.3,1) both}
.website-contact-success::after{content:"";position:absolute;inset:-25%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,color-mix(in srgb,var(--contact-accent) 26%,transparent) 50%,transparent 65%);opacity:0;animation:contact-success-sheen 900ms 160ms ease-out both}
@keyframes contact-success-settle{from{opacity:0;transform:rotate(-8deg) scale(.86)}to{opacity:1;transform:rotate(0) scale(1)}}
@keyframes contact-success-sheen{0%{opacity:0;transform:translateX(-100%)}25%{opacity:1}100%{opacity:0;transform:translateX(100%)}}
@media(prefers-reduced-motion:reduce){.website-contact-success svg,.website-contact-success::after{animation:none}}