.attf-main .crumbs{background:#fff;border-bottom:1px solid #eee;font-size:14px;padding:12px 0;font-family:Poppins,sans-serif}
.attf-main .crumbs a{color:var(--gold);font-weight:600}.attf-main .crumbs .sep{color:#aaa;margin:0 4px}.attf-main .crumbs span{color:#555}
.attf-main .lang-switch{position:absolute;right:20px;margin-top:-34px;font-family:Tajawal,Poppins,sans-serif;font-weight:700;font-size:15px;color:var(--navy);background:#fff;border:1px solid #ddd;border-radius:999px;padding:4px 14px;z-index:2}
.attf-main{position:relative}
.attf-hero h1{font-size:46px}
.attf-hero .actions .btn.outline{border-color:#fff}
.attf-overview .kicker{margin-bottom:10px}.attf-overview p{margin-bottom:14px}
.attf-overview img{height:380px}
.panel{background:linear-gradient(160deg,var(--navy),#0a3e6b);border-radius:8px;min-height:300px;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;color:#c6d2df}
.panel h3{color:#fff;font-size:26px;margin:6px 0}.panel.small{min-height:220px;padding:24px}.panel.small h3{font-size:20px}
.attf-uses{text-align:left}.attf-uses .step::before{background:var(--navy)}
.attf-faq{text-align:left}.attf-faq .fcard{min-height:0;justify-content:flex-start}.attf-faq .fcard h3{font-size:18px}
.attf-others{grid-template-columns:repeat(5,1fr)}.attf-others .sys h3{font-size:15px}
.hub-intro{max-width:860px;margin:0 auto;font-size:17px}.hub-intro p{margin-bottom:14px}
.attf-hub .prod img,.attf-hub .panel{height:220px;min-height:0}
.attf-hub .prod p{min-height:72px}
@media (max-width:1000px){.attf-others{grid-template-columns:repeat(3,1fr)}}
@media (max-width:600px){.attf-others{grid-template-columns:1fr 1fr}.attf-hero h1{font-size:34px}.attf-main .lang-switch{right:12px}}
/* Arabic */
.attf-main.rtl{font-family:Tajawal,"Open Sans",sans-serif;text-align:right}
.attf-main.rtl h1,.attf-main.rtl h2,.attf-main.rtl h3,.attf-main.rtl .kicker,.attf-main.rtl .btn,.attf-main.rtl .spec b,.attf-main.rtl .crumbs,.attf-main.rtl .fcard small{font-family:Tajawal,Poppins,sans-serif;letter-spacing:0}
.attf-main.rtl .kicker{letter-spacing:0}
.attf-main.rtl .attf-uses,.attf-main.rtl .attf-faq{text-align:right}
.attf-main.rtl .lang-switch{right:auto;left:20px}
.attf-main.rtl .hero p,.attf-main.rtl .hero h1{margin-left:auto;margin-right:0}
.attf-main.rtl .center p{margin-left:auto;margin-right:auto}
.attf-main.rtl .cta .btn[style]{margin-left:0!important;margin-right:12px}