/* Small migration fixes. Original design is preserved in assets/*.css. */
/* One locally hosted text family for Arabic and English, including form controls.
   Keep Webflow's icon font intact for navigation and player controls. */
:root { --site-font-family: "IBM Plex Sans Arabic", sans-serif; }
html, body, body *:not([class^="w-icon-"]):not([class*=" w-icon-"]) {
 font-family: var(--site-font-family) !important;
}
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body { overflow-x: clip; }
.nav_fixed.show, .hero_content.show, .hero_bottom-card-wrapper.show { opacity: 1; pointer-events: auto; transform: none; }
#scroll-video { display: block; }
.w-webflow-badge { display: none !important; }
.local-form-note { font-size: .875rem; line-height: 1.5; color: #e0d4cb; margin: 12px 0; }
.local-form-result { padding: 16px; border: 1px solid #ea5a11; border-radius: 8px; margin-top: 16px; color: white; }
.local-form-result a { color: #ff9854; text-decoration: underline; }
:focus-visible { outline: 2px solid #ff9854; outline-offset: 5px; }
.local-video-dialog { padding: 0; border: 1px solid #4c4d59; border-radius: 12px; width: min(1000px, 92vw); background: #0e0f1e; color: white; }
.local-video-dialog::backdrop { background: #000c; }
.local-video-dialog iframe { display: block; width: 100%; aspect-ratio: 16/9; border: 0; }
.local-video-dialog button { float: right; padding: 12px 20px; background: none; color: white; border: none; cursor: pointer; }
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
 *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
.local-form-note, .local-form-result { grid-column: 1 / -1; }

/* Original idle rotation: scroll scrubbing resumes as soon as the page moves. */
@keyframes samim-hero-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
#scroll-video.is-spinning { animation: samim-hero-spin 10s linear infinite; }
@media (prefers-reduced-motion: reduce) { #scroll-video.is-spinning { animation: none; } }

/* Play the original opening sequence before revealing the idle hero. */
html.intro-pending, html.intro-pending body { overflow: hidden; }
.intro-pending body { background-color: #000; }
.intro-pending .nav_fixed,
.intro-pending .hero_content,
.intro-pending .hero_bottom-card-wrapper { opacity: 0 !important; pointer-events: none !important; }
.intro-pending #scroll-video { display: none; }
#loading-video[hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) {
 .intro-pending #loading-video { display: none; }
}

/* Keep small text legible on the original orange and dark surfaces. */
.studio-filters button[aria-pressed=true],.refresh-legacy .w-tab-link.w--current,.refresh-legacy .w-tab-link.w--current *{color:#111321!important}
.hero_bottom-card-text-span:first-child{color:#bcc3d4!important}
.button--sups{color:#fff!important;background:#353b4a!important}
.studio-service-link-label{position:absolute;left:20px;bottom:20px;z-index:2;padding:10px 16px;background:#121423ee;color:#fff;border:1px solid #ffffff55;border-radius:30px;font-size:14px}

/* Keep brand, action and menu on one row through the tablet breakpoint. */
@media(max-width:991px){
 .nav_fixed{padding-inline:12px}
 .nav_fixed>.padding-global{padding-inline:0}
 .nav_container,.nav_container:lang(ar){display:flex;gap:10px;padding:8px 12px;min-width:0}
 .nav_brand{flex:none}
 .nav_right{margin:0 0 0 auto;flex:none}
 .nav_button{flex:none;width:44px;height:44px;padding:12px}
 .nav_menu{max-height:calc(100svh - 88px);overflow-y:auto}
}
@media(max-width:359px){.nav_container{gap:6px;padding-inline:8px}.nav_right .button--sups{padding:10px;font-size:12px}}

/* Keep the subscription's rotating phrase on one stable line. */
#animated-text1-wrapper{
 width:100%;min-width:0;height:1.5em;
 display:flex;align-items:center;
}
#animated-text1{
 flex:none;width:max-content;max-width:none;height:auto;
 white-space:nowrap;line-height:1.2;
}
.div-block-4:has(#animated-text1){min-width:0}
.div-block-4>.heading-style-h1:has(#animated-text1){width:100%;min-width:0}
@media(max-width:991px){
 .request_card-wapper .request_heading-wrap{flex:none;min-width:0;height:auto}
 .request_card-wapper .request_heading-wrap>.heading-style-h3-2.text-weight-semibold.text-color-secondary-2{
  height:auto;min-height:0;flex:none;
 }
 .request_card-wapper .request_heading-wrap>p{flex:none}
}
@media(max-width:767px){
 #animated-text1-wrapper{justify-content:center}
}