/* Attassia RTL Pro 6.7.6 — reference-faithful refinements */
/* 24/7: retain the supplied green timeline design; only make controls slightly smaller and lower. */
.att-lead-side{position:relative!important;background:#fff!important;border:1px solid #d9e5dc!important;border-radius:5px!important;overflow:visible!important}
.att-lead-side .att-side-title{background:#eef3ee!important;border-bottom:2px solid var(--accent,#f4b81b)!important;min-height:68px!important;padding:12px 16px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important}
.att-lead-side .att-timeline-controls{top:63px!important;right:4px!important;left:auto!important;width:24px!important;min-width:24px!important;padding:2px!important;border-radius:14px!important;gap:0!important;z-index:5!important}
.att-lead-side .att-timeline-controls button{width:20px!important;height:21px!important;min-width:20px!important;min-height:21px!important;border:0!important;font-size:0!important}
.att-lead-side .att-timeline ol:before{right:23px!important;z-index:0!important}
.att-lead-side .att-timeline li:before{z-index:2!important;background:radial-gradient(circle at center,var(--primary,#075b35) 0 2px,#fff 2.5px 100%)!important;border:2px solid var(--primary,#075b35)!important;box-shadow:0 0 0 2px #fff!important}
.att-lead-side .att-side-more{margin:8px 12px 12px!important;min-height:60px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-radius:4px!important}
/* The video band's background fills the viewport, while its content stays aligned to the site container. */
.att-home-videos-band{display:block!important;position:relative!important;box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:28px 0!important;background:var(--att-video-bg,#142b36)!important;color:#fff!important;overflow:hidden!important}
.att-home-videos-inner{width:min(var(--att-video-content-width,1180px),calc(100% - 32px))!important;max-width:var(--att-video-content-width,1180px)!important;margin-inline:auto!important;box-sizing:border-box!important}
.att-home-videos-band .section-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 18px!important;padding:0 0 12px!important;border-bottom:1px solid rgba(255,255,255,.18)!important}
.att-home-videos-band .section-heading h2,.att-home-videos-band .section-heading a{color:#fff!important}
.att-home-videos-band .att-video-layout{display:grid!important;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr)!important;direction:ltr!important;align-items:start!important;gap:24px!important;width:100%!important;max-width:100%!important}
.att-home-videos-band .att-video-feature,.att-home-videos-band .att-video-list{min-width:0!important;direction:rtl!important}
.att-home-videos-band .att-video-feature{grid-column:1!important;grid-row:1!important}
.att-home-videos-band .att-video-list{grid-column:2!important;grid-row:1!important;display:flex!important;flex-direction:column!important;gap:14px!important}
.att-home-videos-band .att-video-poster{position:relative!important;display:block!important;width:100%!important;max-width:100%!important;aspect-ratio:16/9!important;height:auto!important;overflow:hidden!important;border-radius:5px!important;background:#091a22!important;text-decoration:none!important;isolation:isolate!important}
.att-home-videos-band .att-video-poster>img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;z-index:0!important;transition:transform .3s ease!important}
.att-home-videos-band .att-video-play{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:68px!important;height:50px!important;border-radius:15px!important;background:#f00!important;color:#fff!important;box-shadow:0 5px 18px rgba(0,0,0,.35)!important;border:2px solid rgba(255,255,255,.9)!important;z-index:3!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;transition:transform .2s ease,background .2s ease!important}
.att-home-videos-band .att-video-play .snrt-icon,.att-home-videos-band .att-video-play svg{display:block!important;width:27px!important;height:27px!important;fill:currentColor!important;color:#fff!important;opacity:1!important;visibility:visible!important}
.att-home-videos-band .att-video-poster:hover .att-video-play{transform:translate(-50%,-50%) scale(1.07)!important;background:#d90000!important}
.att-home-videos-band .att-video-feature>h3{margin:12px 0 0!important;font-size:18px!important;line-height:1.7!important;font-weight:800!important;color:#fff!important}
.att-home-videos-band .att-video-feature>h3 a,.att-home-videos-band .att-video-list h3 a{color:#fff!important;text-decoration:none!important}
.att-home-videos-band .att-video-list article{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;grid-template-rows:auto!important;grid-template-areas:none!important;direction:rtl!important;align-items:start!important;gap:12px!important;padding:0 0 12px!important;margin:0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.2)!important;min-width:0!important}
.att-home-videos-band .att-video-list .att-video-thumb{position:relative!important;grid-column:1!important;grid-row:1!important;display:block!important;width:100px!important;height:100px!important;aspect-ratio:1/1!important;overflow:hidden!important;border-radius:4px!important;background:#0a1b22!important;text-decoration:none!important}
.att-home-videos-band .att-video-list .att-video-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .25s ease!important}
.att-home-videos-band .att-video-list .att-video-thumb>span{position:absolute!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:34px!important;border-radius:50%!important;background:#f59a22!important;color:#fff!important;border:2px solid #fff!important;box-shadow:0 3px 10px rgba(0,0,0,.3)!important;z-index:2!important}
.att-home-videos-band .att-video-list .att-video-thumb>span svg{width:15px!important;height:15px!important;display:block!important;fill:currentColor!important}
.att-home-videos-band .att-video-list article h3{grid-column:2!important;grid-row:1!important;margin:0!important;font-size:14px!important;line-height:1.8!important;font-weight:800!important;min-width:0!important;overflow-wrap:anywhere!important}
.att-home-videos-band .att-video-list article:hover .att-video-thumb img{transform:scale(1.05)!important}
/* Mobile header: hamburger at right, logo centered, any combination of chosen icons at left. */
@media(max-width:780px){
 .site-header .topbar{position:relative!important;display:block!important;width:100%!important;min-height:62px!important;height:62px!important;padding:0 8px!important;box-sizing:border-box!important;direction:rtl!important}
 .site-header .topbar .brand{position:absolute!important;left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;max-width:44%!important;margin:0!important;z-index:4!important}
 .site-header .topbar .brand a{display:flex!important;align-items:center!important;justify-content:center!important}
 .site-header .topbar .brand img,.site-header .topbar .brand .custom-logo{max-width:100%!important;width:auto!important;max-height:43px!important;height:auto!important;object-fit:contain!important}
 .site-header .topbar .tools{position:absolute!important;left:8px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;width:calc(50% - 76px)!important;max-width:calc(50% - 76px)!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important;direction:ltr!important;z-index:6!important}
 .site-header .topbar .tools .mobile-toggle{position:absolute!important;right:calc(-50vw - 60px)!important;left:auto!important;top:50%!important;transform:translateY(-50%)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;padding:7px!important;margin:0!important;color:var(--primary,#075b35)!important;background:transparent!important;z-index:8!important}
 .site-header .topbar .tools .search-toggle,.site-header .topbar .tools .dark-toggle,.site-header .topbar .tools .lang,.site-header .topbar .tools .attassia-header-social{display:none!important}
 .site-header .topbar .tools .attassia-header-social{display:contents!important}
 .site-header .topbar .tools .attassia-header-social .att-header-social-link{display:none!important}
 .site-header .topbar.mobile-left-search .tools .search-toggle{display:inline-flex!important}
 .site-header .topbar.mobile-left-dark .tools .dark-toggle{display:inline-flex!important}
 .site-header .topbar.mobile-left-language .tools .lang{display:inline-flex!important;align-items:center!important;justify-content:center!important}
 .site-header .topbar.mobile-left-facebook .tools .att-header-social-facebook,.site-header .topbar.mobile-left-x .tools .att-header-social-x,.site-header .topbar.mobile-left-youtube .tools .att-header-social-youtube,.site-header .topbar.mobile-left-instagram .tools .att-header-social-instagram,.site-header .topbar.mobile-left-telegram .tools .att-header-social-telegram,.site-header .topbar.mobile-left-linkedin .tools .att-header-social-linkedin{display:inline-flex!important}
 .site-header .topbar .tools .tool,.site-header .topbar .tools .lang,.site-header .topbar .tools .att-header-social-link{flex:0 0 auto!important;width:28px!important;height:28px!important;min-width:28px!important;padding:5px!important;border-radius:50%!important;align-items:center!important;justify-content:center!important}
 .site-header .topbar .tools .att-header-social-link{background:var(--primary,#075b35)!important;color:#fff!important}
 .site-header .topbar .tools .att-header-social-link svg{width:15px!important;height:15px!important}
 .site-header .topbar .tools .lang{border-radius:3px!important;width:auto!important;min-width:27px!important;height:23px!important}
}
@media(max-width:480px){.site-header .topbar{height:58px!important;min-height:58px!important}.site-header .topbar .brand img,.site-header .topbar .brand .custom-logo{max-height:39px!important}.site-header .topbar .tools{gap:3px!important}.site-header .topbar .tools .tool,.site-header .topbar .tools .att-header-social-link{width:25px!important;height:25px!important;min-width:25px!important}.site-header .topbar .tools .mobile-toggle{width:32px!important;height:32px!important}}
@media(max-width:900px){.att-home-videos-band{width:100vw!important;margin-inline:calc(50% - 50vw)!important;padding:22px 0!important}.att-home-videos-inner{width:calc(100% - 24px)!important;max-width:none!important}.att-home-videos-band .att-video-layout{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}.att-home-videos-band .att-video-feature{grid-column:1!important;grid-row:1!important}.att-home-videos-band .att-video-list{grid-column:1!important;grid-row:2!important;display:flex!important;flex-direction:column!important}.att-home-videos-band .att-video-list article{grid-template-columns:92px minmax(0,1fr)!important}.att-home-videos-band .att-video-list .att-video-thumb{width:92px!important;height:92px!important}}
@media(prefers-reduced-motion:reduce){.att-home-videos-band *{transition:none!important}}