:root{
  --onp-container: 800px;
  --onp-gutter: 15px;
  --onp-card: 300px;
  --onp-thumb: 220px;
  --onp-bg: #fff;
  --onp-shadow: 0 6px 18px rgba(0,0,0,.08);
}
.onp-slider-wrapper{
  width: 100%;
  max-width: var(--onp-container);
  margin: 0 auto;
  padding-left: var(--onp-gutter);
  padding-right: var(--onp-gutter);
  box-sizing: border-box;
}
.onp-slider{ position: relative; }
.onp-track{ display:flex; gap:16px; overflow:hidden; scroll-behavior:smooth; }
.onp-card{ flex:0 0 auto; width:var(--onp-card); background:#fff; color:#111; border-radius:14px; overflow:hidden; box-shadow:var(--onp-shadow); text-decoration:none; }
.onp-thumb{ width:100%; height:var(--onp-thumb); overflow:hidden; background:#f2f2f6; }
.onp-thumb img{ width:100%; height:100%; object-fit:cover; object-position:top center; display:block; }
.onp-meta{ padding:10px 12px; text-align:center; }
.onp-title{ font-weight:700; font-size:14px; line-height:1.3; }
.onp-prev,.onp-next{ position:absolute; top:50%; transform:translateY(-50%); border:none; border-radius:50%; padding:8px 12px; background:rgba(0,40,172,.9); color:#fff; font-size:22px; cursor:pointer; box-shadow:0 6px 18px rgba(0,0,0,.15); }
.onp-prev:hover,.onp-next:hover{ background:rgba(254,78,18,.95); }
.onp-prev{ left:0; } .onp-next{ right:0; }
.onp-sidebar{ max-width:100%; padding-left:0; padding-right:0; }
.onp-sidebar .onp-card{ width:240px; } .onp-sidebar .onp-thumb{ height:200px; }
html, body{ overflow-x:hidden; }


/* === Charte Avantis Aviation - Africa United Airlines === */
:root{
  --onp-av-blue-dark:#0B1F52;
  --onp-av-blue:#102B63;
  --onp-av-blue-soft:#1D4E89;
  --onp-av-red:#D61F3A;
  --onp-av-red-soft:#E84A63;
  --onp-av-bg:#F5F7FA;
  --onp-av-border:#DBE3F3;
}
.onp-card{
  color:var(--onp-av-blue-dark)!important;
  border:1px solid var(--onp-av-border);
  box-shadow:0 14px 34px rgba(11,31,82,.12)!important;
}
.onp-title{
  color:var(--onp-av-blue-dark)!important;
  font-weight:900!important;
}
.onp-prev,.onp-next{
  background:rgba(16,43,99,.95)!important;
}
.onp-prev:hover,.onp-next:hover{
  background:rgba(214,31,58,.95)!important;
}
.onp-thumb--ph{
  background:linear-gradient(135deg,var(--onp-av-blue-dark),var(--onp-av-blue),var(--onp-av-red));
  height:100%;
}
.onp-blog-grid{
  display:grid;
  gap:22px;
  margin:20px auto;
}
.onp-blog-cols-1{grid-template-columns:1fr}
.onp-blog-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.onp-blog-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.onp-blog-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.onp-blog-card{
  background:#fff;
  border:1px solid var(--onp-av-border);
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(11,31,82,.12);
  transition:.2s ease;
}
.onp-blog-card:hover{
  transform:translateY(-5px);
  box-shadow:0 24px 55px rgba(11,31,82,.18);
}
.onp-blog-card a{
  text-decoration:none;
  color:var(--onp-av-blue-dark);
  display:block;
}
.onp-blog-thumb{
  height:230px;
  overflow:hidden;
  background:var(--onp-av-bg);
}
.onp-blog-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.onp-blog-meta{
  padding:18px;
}
.onp-blog-date{
  display:inline-block;
  background:#E8F1FF;
  color:var(--onp-av-blue);
  border:1px solid #C9DAFF;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  margin-bottom:10px;
}
.onp-blog-meta h3{
  margin:0 0 10px;
  color:var(--onp-av-blue-dark);
  font-size:20px;
  line-height:1.25;
  font-weight:900;
}
.onp-blog-meta p{
  color:#64748B;
  line-height:1.55;
  margin:0 0 14px;
}
.onp-blog-meta strong{
  color:#fff;
  background:var(--onp-av-red);
  display:inline-block;
  padding:9px 13px;
  border-radius:999px;
  font-size:13px;
}
@media(max-width:900px){
  .onp-blog-cols-2,.onp-blog-cols-3,.onp-blog-cols-4{grid-template-columns:1fr}
}

.onp-blog-meta h3 a{
  color:var(--onp-av-blue-dark);
  text-decoration:none;
}
.onp-blog-meta h3 a:hover{
  color:var(--onp-av-red);
}
.onp-read-more{
  color:#fff!important;
  background:var(--onp-av-red);
  display:inline-block;
  padding:9px 13px;
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  text-decoration:none!important;
}
.onp-read-more:hover{
  background:var(--onp-av-blue);
  color:#fff!important;
}

.onp-read-more{cursor:pointer!important}