
:root{--aw-red:#e31b23;--aw-navy:#071624;--aw-text:#102235;--aw-border:#e3e8ec}
.aw-breaking,.aw-hero,.aw-grid,.aw-most,.aw-catnav,.aw-promo{font-family:"Tajawal","Arial",sans-serif;box-sizing:border-box}
.aw-breaking{display:flex;gap:20px;align-items:center;padding:14px 20px;background:var(--aw-red);color:#fff;overflow:hidden}.aw-breaking strong{font-size:22px}.aw-breaking>div{display:flex;gap:35px;overflow:hidden}.aw-breaking a{color:#fff;text-decoration:none;white-space:nowrap}
.aw-hero{min-height:520px;background-size:cover;background-position:center;display:flex;align-items:center;padding:55px;border-radius:6px}.aw-hero>div{max-width:620px;color:#fff}.aw-hero span{background:var(--aw-red);padding:5px 10px;border-radius:3px}.aw-hero h1{font-size:46px;line-height:1.35;margin:18px 0}.aw-hero p{font-size:17px;line-height:1.9}.aw-hero a,.aw-promo a{display:inline-block;background:var(--aw-red);color:#fff;text-decoration:none;padding:12px 22px;border-radius:4px;margin-top:15px}
.aw-title{border-right:4px solid var(--aw-red);padding-right:12px;color:var(--aw-text)}
.aw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.aw-card{border:1px solid var(--aw-border);border-radius:5px;overflow:hidden;background:#fff}.aw-img{display:block;aspect-ratio:16/9;overflow:hidden}.aw-img img{width:100%;height:100%;object-fit:cover}.aw-body{padding:14px}.aw-cat{background:var(--aw-red);color:#fff;padding:4px 8px;border-radius:3px;font-size:11px}.aw-card h3{font-size:18px;line-height:1.55}.aw-card h3 a{color:var(--aw-text);text-decoration:none}.aw-card p{color:#65717c}.aw-card small{color:#89939d}
.aw-most{border:1px solid var(--aw-border);padding:18px;border-radius:5px}.aw-most ol{list-style:none;padding:0}.aw-most li{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid var(--aw-border)}.aw-most li span{font-size:25px;color:var(--aw-red)}.aw-most li a{color:var(--aw-text);text-decoration:none}
.aw-catnav{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.aw-catnav a{display:flex;gap:8px;justify-content:center;align-items:center;border:1px solid var(--aw-border);padding:14px;border-radius:5px;color:var(--aw-text);text-decoration:none}
.aw-promo{min-height:260px;background:var(--aw-navy);background-size:cover;background-position:center;color:#fff;display:flex;align-items:center;padding:45px;border-radius:6px}.aw-promo>div{max-width:650px}.aw-promo h2{font-size:36px}.aw-promo p{font-size:17px;line-height:1.8}
@media(max-width:1024px){.aw-catnav{grid-template-columns:repeat(4,1fr)}}
@media(max-width:767px){.aw-hero{padding:25px;min-height:420px}.aw-hero h1{font-size:30px}.aw-grid{grid-template-columns:1fr}.aw-catnav{grid-template-columns:repeat(2,1fr)}.aw-promo{padding:28px 22px}}


/* Hero Slider v1.1 */
.aw-hero-slider{
  --aw-hero-speed:650ms;
  position:relative;
  min-height:520px;
  overflow:hidden;
  background:#071624;
  isolation:isolate;
}
.aw-hero-track{position:relative;min-height:inherit;height:100%}
.aw-hero-slide{
  position:absolute;
  inset:0;
  min-height:inherit;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity var(--aw-hero-speed) ease,visibility var(--aw-hero-speed) ease;
  display:flex;
  overflow:hidden;
}
.aw-hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}
.aw-hero-media{
  position:absolute;
  inset-block:0;
  inset-inline-start:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#071624;
}
.aw-hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  transition:transform 700ms ease;
  transform-origin:center;
}
.aw-hero-overlay{position:absolute;inset:0;z-index:1}
.aw-hero-content{
  position:relative;
  z-index:3;
  align-self:center;
  padding:55px;
  max-width:55%;
  color:#fff;
}
.aw-h-right .aw-hero-content{margin-inline-end:0;margin-inline-start:auto;text-align:right}
.aw-h-center .aw-hero-content{margin-inline:auto;text-align:center}
.aw-h-left .aw-hero-content{margin-inline-start:0;margin-inline-end:auto;text-align:left}
.aw-v-top .aw-hero-content{align-self:flex-start}
.aw-v-middle .aw-hero-content{align-self:center}
.aw-v-bottom .aw-hero-content{align-self:flex-end}
.aw-hero-badge{display:inline-block;background:#e31b23;color:#fff;padding:5px 10px;border-radius:3px;font-size:13px}
.aw-hero-content h1{font-size:46px;line-height:1.35;margin:18px 0;color:#fff}
.aw-hero-content p{font-size:17px;line-height:1.9;margin:0 0 12px;color:#eef2f5}
.aw-hero-meta{font-size:13px;color:#c8d1d8;margin-top:10px}
.aw-hero-button{display:inline-block;background:#e31b23;color:#fff;text-decoration:none;padding:12px 22px;border-radius:4px;margin-top:18px;transition:.2s}
.aw-hero-arrow{
  position:absolute;
  z-index:6;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border:0;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:30px;
  line-height:1;
  cursor:pointer;
  color:#fff;
  background:rgba(0,0,0,.35);
}
.aw-hero-prev{inset-inline-start:20px}
.aw-hero-next{inset-inline-end:20px}
.aw-hero-dots{
  position:absolute;
  z-index:6;
  inset-inline-start:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:flex;
  gap:8px;
}
.aw-hero-dot{
  width:10px;height:10px;border:0;border-radius:50%;
  padding:0;cursor:pointer;background:rgba(255,255,255,.55);
}
.aw-hero-dot.is-active{background:#e31b23;transform:scale(1.15)}
.aw-layout-split .aw-hero-slide{background:#071624}
.aw-layout-split .aw-hero-media{position:relative;inset:auto;flex:0 0 auto;height:auto;min-height:inherit}
.aw-layout-split .aw-hero-overlay{display:none}
.aw-layout-split .aw-hero-content{flex:1;max-width:none;background:#071624}
@media(max-width:767px){
  .aw-hero-content{max-width:100%;padding:25px}
  .aw-hero-content h1{font-size:30px}
  .aw-hero-content p{font-size:15px}
  .aw-hero-arrow{width:38px;height:38px}
  .aw-hero-prev{inset-inline-start:10px}.aw-hero-next{inset-inline-end:10px}
  .aw-layout-split .aw-hero-slide{flex-direction:column}
  .aw-layout-split .aw-hero-media{width:100%!important;min-height:52%}
}


/* v1.2 hero corrections */
.aw-hero-slider{background-color:#071624}
.aw-hero-media{
  --aw-image-y:50%;
  position:absolute;
  inset-block-start:0;
  inset-inline-start:0;
  overflow:hidden;
}
.aw-hero-media img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-position:50% var(--aw-image-y,50%);
}
.aw-hero-overlay{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}
.aw-hero-content{z-index:4}
.aw-layout-split .aw-hero-media{
  position:relative;
  inset:auto;
  align-self:stretch;
  min-height:inherit;
}
.aw-layout-split .aw-hero-content{
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
@media(max-width:767px){
  .aw-layout-split .aw-hero-media{
    flex-basis:auto!important;
    min-height:220px;
  }
}
