@font-face{font-family:'Noto Sans Arabic';src:url('/static/ntssgroup/ar/fonts/NotoSansArabic.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
html[dir=rtl]{direction:rtl}
html[dir=rtl] body{font-family:'Noto Sans Arabic',Arial,sans-serif;font-size:17px;line-height:1.85}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .eyebrow{letter-spacing:0;line-height:1.5;word-break:normal;overflow-wrap:break-word}
html[dir=rtl] h1{font-size:clamp(32px,4vw,58px)}
html[dir=rtl] h2{font-size:clamp(28px,3vw,42px)}
html[dir=rtl] h3{font-size:25px}
html[dir=rtl] p{line-height:1.85}
html[dir=rtl] .brand strong{font-family:Arial,sans-serif;direction:ltr;display:block;letter-spacing:-1px}
html[dir=rtl] .brand small{font-size:9px;letter-spacing:0;white-space:normal;line-height:1.8}
html[dir=rtl] .header>.wrap{gap:20px}
html[dir=rtl] .nav{gap:18px}
html[dir=rtl] .nav a{font-size:15px;white-space:nowrap}
html[dir=rtl] .header .button{display:none}
html[dir=rtl] .hero-layout{direction:rtl}
html[dir=rtl] .hero-copy{padding-right:0;padding-inline-end:40px;min-width:0}
html[dir=rtl] .hero h1{font-size:clamp(32px,3.8vw,57px);line-height:1.5}
html[dir=rtl] .hero-media{margin:0;max-width:100%;min-width:0}
html[dir=rtl] .hero-caption{text-align:start}
html[dir=rtl] .hero-caption strong{font-size:20px}
html[dir=rtl] .hero-note{letter-spacing:0;line-height:1.8}
html[dir=rtl] .button{font-family:inherit;white-space:normal;line-height:1.7;text-align:center;font-size:16px;min-width:0;gap:15px}
html[dir=rtl] .scope-strip b{margin-right:0;margin-inline-end:10px}
html[dir=rtl] .scope-strip span{border-right:0;border-inline-end:1px solid var(--line);line-height:1.8}
html[dir=rtl] .scope-strip span:last-child{border-inline-end:0}
html[dir=rtl] .card h3{font-size:25px;display:flex;gap:12px;justify-content:space-between;align-items:start}
html[dir=rtl] .card h3 span{float:none;flex-shrink:0}
html[dir=rtl] .card p{font-size:17px}
html[dir=rtl] .card,html[dir=rtl] .process article,html[dir=rtl] .footer-grid>div{min-width:0}
html[dir=rtl] .process h3{font-size:24px;line-height:1.6}
html[dir=rtl] .text-link{font-size:15px}
html[dir=rtl] .breadcrumbs{line-height:2;flex-wrap:wrap}
html[dir=rtl] .breadcrumbs a{display:inline}
html[dir=rtl] .page-hero h1{line-height:1.5;max-width:100%}
html[dir=rtl] .page-layout,html[dir=rtl] .inquiry-grid,html[dir=rtl] .contact-grid{direction:rtl}
html[dir=rtl] .prose ul,html[dir=rtl] .prose ol{padding-left:0;padding-inline-start:25px}
html[dir=rtl] .prose table{display:block;max-width:100%;overflow-x:auto;text-align:start}
html[dir=rtl] .prose th,html[dir=rtl] .prose td{text-align:start}
html[dir=rtl] .prose blockquote{border-left:0;border-inline-start:3px solid var(--accent);padding-inline:22px 0}
html[dir=rtl] .form-grid,html[dir=rtl] .form-grid>*{min-width:0}
html[dir=rtl] .field{font-size:16px;line-height:1.8}
html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea{font-family:inherit;font-size:16px;text-align:start;min-width:0;max-width:100%}
html[dir=rtl] input[dir=ltr]{text-align:left}
html[dir=rtl] input[type=checkbox]{flex-shrink:0}
html[dir=rtl] .checks label{align-items:start}
html[dir=rtl] a[href^='tel:'],html[dir=rtl] a[href^='mailto:'],html[dir=rtl] [dir=ltr],html[dir=rtl] bdi{unicode-bidi:isolate;direction:ltr}
html[dir=rtl] a[href^='tel:'],html[dir=rtl] a[href^='mailto:']{display:inline-block;max-width:100%;overflow-wrap:anywhere;font-family:Arial,sans-serif}
html[dir=rtl] .contact-card>a{font-size:clamp(20px,2.5vw,30px)}
html[dir=rtl] .copy{direction:ltr;unicode-bidi:isolate;max-width:100%;font-family:Arial,sans-serif}
html[dir=rtl] .footer-bottom{line-height:2.4}
html[dir=rtl] .pagination{direction:rtl}
@media(max-width:1200px){html[dir=rtl] .nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px 28px;background:#fff;border-bottom:1px solid var(--line);max-height:75vh;overflow:auto}html[dir=rtl] .nav.open{display:grid;grid-template-columns:1fr 1fr}html[dir=rtl] .nav a{padding:12px;font-size:17px}html[dir=rtl] .menu-toggle{display:block;font-family:inherit;font-size:15px}}
@media(max-width:900px){html[dir=rtl] .hero-copy{padding-inline-end:0}}
@media(max-width:650px){html[dir=rtl] .header>.wrap{gap:8px}html[dir=rtl] .language-switch{justify-content:flex-start}html[dir=rtl] .hero h1,html[dir=rtl] .page-hero h1{font-size:32px}html[dir=rtl] .hero .actions{flex-direction:column;align-items:stretch}html[dir=rtl] .hero-caption>span:last-child{display:none}html[dir=rtl] .scope-strip span:nth-child(2){border-inline-end:0}html[dir=rtl] .process{grid-template-columns:1fr}html[dir=rtl] .process h3{margin-top:14px}html[dir=rtl] .nav.open{grid-template-columns:1fr}html[dir=rtl] .applications .card h3{font-size:20px}html[dir=rtl] .wechat{flex-wrap:wrap}html[dir=rtl] .floating-inquiry a{font-size:14px;padding:12px 9px}html[dir=rtl] .footer-grid{gap:30px 18px}html[dir=rtl] .footer a{overflow-wrap:break-word}html[dir=rtl] .contact-card>a{font-size:23px}html[dir=rtl] .brand small{font-size:9px}}
/* ===== Arabic Header refinement ===== */

html[dir="rtl"] .header-inner{
    gap: 22px;
}

/* Logo 保持最右侧，并增加与导航之间的呼吸空间 */
html[dir="rtl"] .brand{
    margin-right: 0;
    margin-left: 30px;
    flex-shrink: 0;
}

/* NTSSGROUP 主标 */
html[dir="rtl"] .brand strong{
    font-size: 27px;
    line-height: 1.05;
}

/* Logo 下方阿拉伯语副标题稍微放大 */
html[dir="rtl"] .brand small{
    display: block;
    margin-top: 5px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.45;
    text-align: right;
}

/* 主导航稍微拉开，但不要太松 */
html[dir="rtl"] .nav{
    gap: 20px;
}

/* 语言切换与导航保持适当距离 */
html[dir="rtl"] .language-switch{
    margin-right: 8px;
}

/* 桌面端避免 Logo 和菜单挤压 */
@media (min-width: 1201px){
    html[dir="rtl"] .header-inner{
        min-height: 96px;
    }
}