@font-face { font-family: MKTArabic; src: url('./fonts/NotoKufiArabic-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: MKTArabic; src: url('./fonts/NotoKufiArabic-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: MKTArabic; src: url('./fonts/NotoKufiArabic-Bold.ttf') format('truetype'); font-weight: 600 900; font-style: normal; font-display: swap; }
:root { --mkt-header-height: 94px; }
header, header.small, header.large { position: sticky; top: 0; height: var(--mkt-header-height); padding: 8px 0; }
header.small ~ .slider_banner { margin-top: 0; }
.header_m { gap: 24px; }
.header_select { flex: 0 0 auto; }
.mkt-language-switch { display: inline-flex; justify-content: center; align-items: center; min-height: 40px; padding: 5px 13px; border: 1px solid #dfb5b0; border-radius: 4px; color: #a51b17; background: #fff7f6; font: 600 14px/1.7 MKTArabic, Arial, sans-serif; white-space: nowrap; }
.mkt-language-switch:hover, .mkt-language-switch:focus-visible { color: #fff; background: #a51b17; }
.mkt-language-switch:focus-visible, .toggle:focus-visible { outline: 2px solid #c81010; outline-offset: 4px; }
.profile-sector-icon { clip-path: none; }
/* Full-width photographs with a translucent text panel; all wording is live text. */
.slider_banner { direction: ltr; background: #302625; }
.slider_banner .swiper-slide { height: auto; }
.mkt-hero-slide { position: relative; display: flex; align-items: center; width: 100%; height: 650px; min-height: 570px; padding: 24px 0 56px; overflow: hidden; isolation: isolate; }
.mkt-hero-visual { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.slider_banner .swiper-slide .mkt-hero-image { width: 100%; height: 100%; object-fit: cover; object-position: right center; transform-origin: center; }
.mkt-hero-visual::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18,15,15,.12), transparent 60%, rgba(18,15,15,.08)); pointer-events: none; }
.mkt-hero-copy { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; width: min(580px, calc(100% - 64px)); height: auto; margin: 0 auto 0 clamp(24px, 4vw, 80px); padding: 26px 32px; border: 1px solid rgba(255,255,255,.6); border-radius: 6px; background: rgba(255,255,255,.64); backdrop-filter: blur(1.5px); box-shadow: 0 16px 54px rgba(35,17,13,.12); color: #302625; text-align: left; font-family: Arial, Helvetica, sans-serif; }
.slider_banner .swiper-slide .mkt-hero-logo { position: static; display: block; width: 130px; min-height: 0; height: auto; margin-bottom: 16px; }
.mkt-hero-eyebrow { margin: 0 0 14px; color: #a51b17; letter-spacing: 1.4px; font: 600 11px/1.7 Arial, sans-serif; }
.mkt-hero-copy h1 { width: 100%; margin: 0 0 18px; font: 600 clamp(34px, 3.4vw, 52px)/1.12 Arial, sans-serif; letter-spacing: -1.2px; color: #302625; }
.mkt-hero-description { width: 100%; margin: 0 0 22px; font: 18px/1.75 Arial, sans-serif; color: #4a403e; }
.mkt-hero-cta { display: inline-flex; gap: 20px; align-items: center; border-radius: 3px; background: #a51b17; color: #fff; font: 600 15px/1.6 Arial, sans-serif; padding: 13px 20px; }
.mkt-hero-cta:hover, .mkt-hero-cta:focus-visible { color: #fff; background: #791a18; }
.mkt-hero-cta:focus-visible, .mkt-hero-services a:focus-visible { outline: 2px solid #a51b17; outline-offset: 4px; }
.mkt-hero-services { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; width: 100%; margin-top: 24px; padding-top: 16px; border-top: 1px solid #dbc4bf; }
.mkt-hero-services a { display: flex; align-items: center; gap: 8px; color: #791a18; font: 600 13px/1.6 Arial, sans-serif; }
.slider_banner .swiper-slide .mkt-hero-services img { position: static; width: 36px; height: 36px; min-height: 0; }
.slider_banner .swiper-slide .mkt-hero-logo, .slider_banner .swiper-slide .mkt-hero-services img { transform: none !important; animation: none !important; transition: none; }
.slider_banner .swiper-pagination { left: 50%; right: auto; width: auto; bottom: 20px !important; padding: 4px 12px; background: rgba(57,18,18,.72); border-radius: 30px; transform: translateX(-50%); }
/* Arabic type is sized for Arabic letterforms throughout the complete page. */
html[lang='ar'] body, html[lang='ar'] .profile-main, html[lang='ar'] .profile-footer { font-family: MKTArabic, Arial, sans-serif; }
html[lang='ar'] .profile-copy h2, html[lang='ar'] .profile-copy h3, html[lang='ar'] .profile-copy p, html[lang='ar'] .profile-sectors li, html[lang='ar'] .profile-services li, html[lang='ar'] .profile-photo figcaption, html[lang='ar'] .profile-brand-panel figcaption, html[lang='ar'] .profile-footer p, html[lang='ar'] .profile-footer a, html[lang='ar'] .profile-contact-list span, html[lang='ar'] .profile-contact-list a, html[lang='ar'] .header_nav a, html[lang='ar'] .hc-mobile-nav .nav-container a, html[lang='ar'] .mkt-loader p { font-family: MKTArabic, Arial, sans-serif; letter-spacing: 0; }
html[lang='ar'] .profile-copy h2 { font-size: clamp(32px, 2.9vw, 44px); line-height: 1.7; font-weight: 700; }
html[lang='ar'] .profile-copy h3 { font-size: 23px; line-height: 1.85; font-weight: 700; }
html[lang='ar'] .profile-copy p { font-size: 18px; line-height: 2.1; font-weight: 400; color: #4a403e; }
html[lang='ar'] .profile-sectors li, html[lang='ar'] .profile-services li { font-size: 15px; line-height: 1.9; font-weight: 500; color: #4a403e; }
html[lang='ar'] .profile-copy, html[lang='ar'] .profile-figure figcaption, html[lang='ar'] .header_nav .profile-subnav, html[lang='ar'] .hc-mobile-nav { text-align: right; }
html[lang='ar'] .profile-photo figcaption { font-size: clamp(23px, 2vw, 29px); line-height: 1.85; }
html[lang='ar'] .profile-services li { border-left: 0; border-right: 3px solid #c81010; }
html[lang='ar'] .profile-contact-list span { font-size: 14px; line-height: 1.9; font-weight: 500; color: #6b514c; }
html[lang='ar'] .profile-contact-list a { font-size: 19px; line-height: 1.95; }
html[lang='ar'] .profile-contact-list .profile-whatsapp { font-size: 15px; }
html[lang='ar'] .profile-contact-details a[href^='tel:'], html[lang='ar'] .profile-contact-details a[href^='mailto:'], html[lang='ar'] .profile-contact-details a[href*='instagram.com'], html[lang='ar'] .profile-contact-details a[href='https://www.murtafatkhtrading.com'] { direction: ltr; unicode-bidi: isolate; text-align: right; }
html[lang='ar'] .profile-footer p, html[lang='ar'] .profile-footer a { font-size: 16px; line-height: 2; }
html[lang='ar'] .profile-footer .profile-copyright { font-size: 13px; }
html[lang='ar'] .mainmenu > nav > ul.header_nav > li > a { font-family: MKTArabic, Arial, sans-serif; font-size: 17px; font-weight: 700; }
html[lang='ar'] .mainmenu .header_nav .profile-subnav { width: 390px; max-width: calc(100vw - 32px); }
html[lang='ar'] .mainmenu .header_nav .profile-subnav a { font-family: MKTArabic, Arial, sans-serif; font-size: 16px; line-height: 1.85; padding: 11px 20px; }
/* The active marker belongs at the inline start: right in Arabic. */
html[lang='ar'] .mainmenu .header_nav .profile-subnav a::before { left: auto; right: 0; transform-origin: right center; }
.mainmenu .header_nav .profile-subnav a:focus-visible::before { transform: scaleX(1); }
html[lang='ar'] .hc-mobile-nav .nav-container a { font-size: 17px; line-height: 1.9; }
html[lang='ar'] .mkt-loader p { font-size: 14px; line-height: 2; }
html[lang='ar'] .mkt-hero-copy { direction: rtl; margin: 0 clamp(24px, 4vw, 80px) 0 auto; text-align: right; }
html[lang='ar'] .mkt-hero-copy h1, html[lang='ar'] .mkt-hero-copy p, html[lang='ar'] .mkt-hero-copy a { font-family: MKTArabic, Arial, sans-serif; letter-spacing: 0; }
html[lang='ar'] .mkt-hero-copy h1 { font-size: clamp(34px, 2.9vw, 44px); line-height: 1.65; font-weight: 700; }
html[lang='ar'] .mkt-hero-description { font-size: 18px; line-height: 1.95; }
html[lang='ar'] .mkt-hero-eyebrow { font-size: 13px; line-height: 1.9; }
html[lang='ar'] .mkt-hero-cta { font-size: 16px; line-height: 1.9; }
html[lang='ar'] .mkt-hero-services a { font-size: 14px; line-height: 1.9; }
@media (max-width: 1200px) {
 .header_m { gap: 14px; }
 .mainmenu > nav > ul.header_nav { gap: 13px; }
 html[lang='ar'] .mainmenu > nav > ul.header_nav > li > a { font-size: 14px; }
 .mkt-hero-copy { margin-left: 32px; }
 html[lang='ar'] .mkt-hero-copy { margin-right: 32px; }
}
@media (max-width: 992px) {
 :root { --mkt-header-height: 68px; }
 header, header.small, header.large { padding: 0; }
 .header_m { min-height: 66px; gap: 10px; }
 .header_select { margin-left: auto; }
 .mkt-language-switch { font-size: 13px; padding: 4px 11px; }
 html[lang='ar'] .header #logo, html[lang='ar'] header.small #logo { margin-left: 0; margin-right: 55px; }
 html[lang='ar'] header .toggle, html[lang='ar'] .hc-nav-trigger { left: auto; right: 0; }
 html[lang='ar'] .header_select { margin-left: 0; margin-right: auto; }
 .mainmenu > nav > ul.header_nav { display: none; }
 .mkt-hero-copy, html[lang='ar'] .mkt-hero-copy { width: min(580px, calc(100% - 48px)); padding: 28px 32px; }
 .mkt-hero-copy { margin-left: 24px; }
 html[lang='ar'] .mkt-hero-copy { margin-right: 24px; }
 html[lang='ar'] .mkt-hero-copy h1 { font-size: 40px; }
}
@media (max-width: 600px) {
 .mkt-hero-slide { height: 600px; min-height: 540px; align-items: flex-start; padding: 28px 0 64px; }
 .mkt-hero-copy, html[lang='ar'] .mkt-hero-copy { width: calc(100% - 32px); max-width: 370px; padding: 18px 20px; margin: 0 16px; background: rgba(255,255,255,.64); }
 .slider_banner .swiper-slide .mkt-hero-logo { width: 96px; margin-bottom: 10px; }
 .mkt-hero-copy h1 { font-size: 29px; margin-bottom: 12px; }
 .mkt-hero-description { font-size: 15px; line-height: 1.8; margin-bottom: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
 .mkt-hero-eyebrow { display: none; }
 .mkt-hero-cta { font-size: 14px; padding: 11px 16px; }
 .mkt-hero-services { display: none; }
 .mkt-hero-services a { font-size: 12px; }
 .slider_banner .swiper-slide .mkt-hero-services img { width: 32px; height: 32px; }
 html[lang='ar'] .mkt-hero-copy h1 { font-size: 29px; line-height: 1.75; }
 html[lang='ar'] .mkt-hero-description { font-size: 16px; line-height: 1.9; }
 html[lang='ar'] .mkt-hero-eyebrow { font-size: 12px; }
 html[lang='ar'] .mkt-hero-services a { font-size: 13px; }
 html[lang='ar'] .profile-copy h2 { font-size: 31px; }
 html[lang='ar'] .profile-copy h3 { font-size: 21px; }
 html[lang='ar'] .profile-copy p { font-size: 17px; line-height: 2.1; }
 html[lang='ar'] .profile-sectors { grid-template-columns: 1fr; }
 html[lang='ar'] .profile-sectors li { font-size: 16px; }
 html[lang='ar'] .profile-contact-details a { font-size: 17px; }
}
@media (max-width: 360px) {
 .mkt-hero-copy, html[lang='ar'] .mkt-hero-copy { padding: 22px 18px; }
 html[lang='ar'] .mkt-hero-copy h1 { font-size: 27px; }
}

/* Slideshow artwork is prepared per language; section photos retain their original orientation. */
html[lang='ar'] .mkt-hero-visual { transform: none; }
html[lang='ar'] .slider_banner .swiper-slide .mkt-hero-image { object-position: left center; }
html[lang='ar'] .mkt-hero-visual::after { background: linear-gradient(270deg, rgba(18,15,15,.12), transparent 60%, rgba(18,15,15,.08)); }
html[lang='ar'] .profile-photo img { transform: none; }
html[lang='ar'] .hc-mobile-nav, html[lang='ar'] .hc-mobile-nav .nav-container, html[lang='ar'] .hc-mobile-nav li, html[lang='ar'] .hc-mobile-nav a, html[lang='ar'] .hc-mobile-nav h2 { direction: rtl; text-align: right; }
html[lang='ar'] .hc-mobile-nav .nav-container { width: min(340px, 88vw); }
html[lang='ar'] .hc-mobile-nav li.nav-close span, html[lang='ar'] .hc-mobile-nav li.nav-parent span.nav-next, html[lang='ar'] .hc-mobile-nav li.nav-back span { right: auto; left: 0; }
html[lang='ar'] .hc-mobile-nav li.nav-parent > a, html[lang='ar'] .hc-mobile-nav li.nav-close > a, html[lang='ar'] .hc-mobile-nav li.nav-back > a { padding-right: 20px; padding-left: 58px; }
/* Justify paragraphs in both languages, retaining the natural direction of the final line. */
.profile-copy p, .mkt-hero-description, .profile-footer p { text-align: justify; text-align-last: start; text-justify: inter-word; }
.mkt-hero-visual picture { display: block; width: 100%; height: 100%; }
@media (min-width: 993px) {
 .mkt-hero-copy { width: min(680px, calc(100% - var(--mkt-hero-align, 32px) - 32px)); margin-left: var(--mkt-hero-align, 32px); margin-right: auto; }
 html[lang='ar'] .mkt-hero-copy { margin-right: var(--mkt-hero-align, 32px); margin-left: auto; }
}
.profile-footer { padding: 20px 0; }
.profile-footer .profile-copyright, html[lang='ar'] .profile-footer .profile-copyright { margin: 0; text-align: center; text-align-last: center; font-size: 13px; line-height: 1.9; }
.profile-main { overflow-x: clip; }
.mkt-section-motion .profile-copy, .mkt-section-motion .profile-figure { transform: translate3d(var(--mkt-entry-x, 0px), 0, 0); }
.mkt-scroll-entering .profile-copy, .mkt-scroll-entering .profile-figure { will-change: transform; }
@media (prefers-reduced-motion: reduce) {
 .mkt-section-motion .profile-copy, .mkt-section-motion .profile-figure { transform: none; will-change: auto; }
}
.profile-phone-details { display: grid; gap: 14px; }
.profile-contact-list .profile-phone-details span { margin-bottom: 2px; }
html[lang='ar'] .profile-phone-details a[href*='wa.me'] { direction: ltr; unicode-bidi: isolate; text-align: right; }

@media (max-width: 600px) {
 .swiper-slide[data-hero='infrastructure'] .mkt-hero-image { object-position: 64% center; }
 html[lang='ar'] .swiper-slide[data-hero='infrastructure'] .mkt-hero-image { object-position: 36% center; }
}

@media (max-width: 600px) { html[lang='ar'] .swiper-slide[data-hero='infrastructure'] .mkt-hero-image { object-position: 36% center; } }
/* Leave the tablet and service equipment visible beside the card on smaller desktops. */
@media (min-width: 1200px) and (max-width: 1599px) {
 .mkt-hero-slide { height: 570px; padding: 20px 0 40px; }
 .mkt-hero-copy { width: 520px; padding: 22px 28px; }
 .slider_banner .swiper-slide .mkt-hero-logo { width: 110px; margin-bottom: 12px; }
 .mkt-hero-copy h1 { font-size: 40px; }
 .mkt-hero-description { font-size: 17px; line-height: 1.75; }
 html[lang='ar'] .mkt-hero-copy h1 { font-size: 36px; line-height: 1.6; }
 html[lang='ar'] .mkt-hero-description { font-size: 17px; line-height: 1.95; }
}
@media (min-width: 601px) and (max-width: 1199px) {
 .mkt-hero-slide { align-items: flex-start; padding-top: 24px; }
 .mkt-hero-copy, html[lang='ar'] .mkt-hero-copy { width: min(440px, calc(100% - 48px)); padding: 24px; }
 .slider_banner .swiper-slide .mkt-hero-logo { width: 110px; margin-bottom: 12px; }
 .mkt-hero-eyebrow, .mkt-hero-services { display: none; }
 .mkt-hero-copy h1, html[lang='ar'] .mkt-hero-copy h1 { font-size: 34px; }
 .mkt-hero-description { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 17px; }
}
.slider_banner .swiper-pagination { display: flex; align-items: center; justify-content: center; gap: 3px; width: max-content; max-width: calc(100% - 32px); white-space: nowrap; }
.slider_banner .swiper-pagination .swiper-pagination-bullet { flex: 0 0 20px; }
.profile-topic[id] { scroll-margin-top: 120px; }
@media (max-width: 600px) {
 .mkt-hero-copy .mkt-hero-description { display: none; }
}
@media (max-width: 480px) {
 .swiper-slide[data-hero='overview'] .mkt-hero-slide { height: calc(100vw * 1.25); min-height: 0; padding: 20px 0 54px; }
 .swiper-slide[data-hero='overview'] .mkt-hero-image, html[lang='ar'] .swiper-slide[data-hero='overview'] .mkt-hero-image { object-position: center center; }
}

/* Larger English navigation, with room retained for the logo and language switch. */
html[lang='en'] .mainmenu > nav > ul.header_nav > li > a { font-size: 17px; font-weight: 600; }
html[lang='en'] .mainmenu .header_nav .profile-subnav a { font-size: 15px; }
@media (min-width: 993px) and (max-width: 1200px) {
 html[lang='en'] .mainmenu > nav > ul.header_nav { gap: 12px; }
 html[lang='en'] .mainmenu > nav > ul.header_nav > li > a { font-size: 15px; }
}
.mkt-social-links { display: flex; gap: 10px; }
.mkt-social-links a, .mkt-social-links .mkt-social-placeholder { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-width: 42px; min-height: 42px; padding: 9px; border: 1px solid #ead1ce; border-radius: 50%; background: rgba(255,255,255,.94); color: #791a18; text-decoration: none; box-shadow: 0 3px 14px rgba(69,22,18,.08); transition: color .2s, background .2s; }
.mkt-social-links a:hover, .mkt-social-links a:focus-visible { color: #fff; background: #a51b17; }
.mkt-social-links a:focus-visible { outline: 2px solid #c81010; outline-offset: 3px; }
.mkt-social-links svg { width: 22px; height: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.mkt-social-links--floating { position: fixed; z-index: 90; inset-inline-end: 14px; top: 45%; flex-direction: column; }
.mkt-social-links--contact { margin-top: 24px; flex-wrap: wrap; }
.mkt-social-links--contact a, .mkt-social-links--contact .mkt-social-placeholder { padding: 9px 16px; border-radius: 24px; font: 600 14px/1.5 Arial, sans-serif; }
html[lang='ar'] .mkt-social-links--contact a, html[lang='ar'] .mkt-social-links--contact .mkt-social-placeholder { font-family: MKTArabic, Arial, sans-serif; }
@media (max-width: 767px) {
 .mkt-social-links--floating { top: auto; bottom: max(14px, env(safe-area-inset-bottom)); inset-inline-end: 14px; flex-direction: row; gap: 7px; }
 .mkt-social-links--floating a, .mkt-social-links--floating .mkt-social-placeholder { min-width: 40px; min-height: 40px; }
}

.mkt-social-links .mkt-social-placeholder { color: #8c716c; background: #fff7f6; border-style: dashed; cursor: default; }
.mkt-social-links .mkt-social-placeholder:focus-visible { outline: 2px solid #c81010; outline-offset: 3px; }
/* Anchor each submenu to its own menu label, rather than the complete navigation row. */
.mainmenu > nav > ul.header_nav > li.has_vmegamenu { position: relative; }
.mainmenu .header_nav .has_vmegamenu > .profile-subnav { top: 100%; left: 0; right: auto; transform-origin: top left; }
html[lang='ar'] .mainmenu .header_nav .has_vmegamenu > .profile-subnav { left: auto; right: 0; transform-origin: top right; }
/* Give the sunrise its own visible strip above the compact card on narrow screens. */
@media (min-width: 601px) and (max-width: 1199px) {
 .swiper-slide[data-hero='overview'] .mkt-hero-copy { margin-top: 120px; }
}
@media (max-width: 600px) {
 .swiper-slide[data-hero='overview'] .mkt-hero-copy { margin-top: 120px; }
}

@media (min-width: 1200px) and (max-width: 1399px) {
 .swiper-slide[data-hero='overview'] .mkt-hero-copy { transform: translateY(50px); }
}