.rkp-school{
  --rkp-blue:#0877ef;
  --rkp-navy:#071f3d;
  --rkp-navy-2:#0a447f;
  --rkp-gold:#d8a91f;
  --rkp-gold-2:#f1c331;
  display:grid;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  min-height:390px;
  background:linear-gradient(135deg,#071f3d 0%,#0b4f91 100%);
  color:#fff;
  overflow:hidden;
  box-shadow:0 18px 42px rgba(8,35,65,.15);
  position:relative;
}
.rkp-school.is-reverse .rkp-school__media{order:2}
.rkp-school__media{position:relative;min-height:390px;overflow:hidden}
.rkp-school__media-link{display:block;width:100%;height:100%;color:inherit;text-decoration:none}
.rkp-school__media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,24,48,.05) 45%,rgba(7,31,61,.92) 100%);pointer-events:none}
.rkp-school.is-reverse .rkp-school__media:after{background:linear-gradient(270deg,rgba(4,24,48,.05) 45%,rgba(7,31,61,.92) 100%)}
.rkp-school__media img{width:100%;height:100%;object-fit:cover;display:block;clip-path:polygon(0 0,100% 0,92% 100%,0 100%);transition:transform .35s ease}
.rkp-school__media-link:hover img{transform:scale(1.025)}
.rkp-school.is-reverse .rkp-school__media img{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}
.rkp-school__placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#123d70,#0c2a50)}
.rkp-school__placeholder span{font-size:8rem;font-weight:950;opacity:.12}
.rkp-school__slashes{position:absolute;right:28px;bottom:22px;z-index:2;color:#1191ff;font-size:2.1rem;font-weight:950;letter-spacing:-.14em}
.rkp-school.is-reverse .rkp-school__slashes{left:28px;right:auto}

/* Desni sadržaj */
.rkp-school__content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:48px clamp(34px,4vw,68px);
  position:relative;
  z-index:2;
  isolation:isolate;
  background:
    radial-gradient(circle at 90% 8%,rgba(29,146,255,.22),transparent 34%),
    linear-gradient(145deg,rgba(7,31,61,.08),rgba(4,37,74,.38));
}
.rkp-school__content:before{
  content:"";
  position:absolute;
  left:clamp(34px,4vw,68px);
  top:38px;
  width:54px;
  height:3px;
  background:var(--rkp-gold-2);
  z-index:-1;
}
.rkp-school__content:after{
  content:"";
  position:absolute;
  width:220px;
  height:220px;
  right:-90px;
  bottom:-110px;
  border:1px solid rgba(255,255,255,.08);
  transform:rotate(18deg);
  z-index:-1;
}
.rkp-school__kicker{
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.2em;
  text-transform:uppercase;
  color:#9ed0ff !important;
  margin:14px 0 13px;
}
.rkp-school h2{
  margin:0 0 17px;
  font-size:clamp(2rem,3.5vw,3.35rem);
  line-height:.98;
  letter-spacing:-.045em;
  font-weight:950;
  color:#fff !important;
  max-width:720px;
  text-shadow:0 3px 20px rgba(0,0,0,.14);
}
.rkp-school__title-link,
.rkp-school h2 a{
  color:#fff !important;
  text-decoration:none !important;
}
.rkp-school__title-link:hover,
.rkp-school h2 a:hover{
  color:#fff !important;
  text-decoration:none !important;
}
.rkp-school__intro{
  font-size:1rem;
  line-height:1.7;
  max-width:620px;
  color:rgba(255,255,255,.92) !important;
  margin:0 0 22px;
}
.rkp-school__benefits{
  list-style:none;
  padding:0;
  margin:0 0 28px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px 12px;
}
.rkp-school__benefits li{
  display:flex;
  gap:10px;
  align-items:center;
  min-height:44px;
  padding:8px 10px;
  border-left:2px solid rgba(241,195,49,.85);
  background:linear-gradient(90deg,rgba(255,255,255,.075),rgba(255,255,255,.018));
  color:#fff !important;
  font-weight:800;
  font-size:.9rem;
  transition:background .2s ease,transform .2s ease;
}
.rkp-school__benefits li:hover{background:rgba(255,255,255,.105);transform:translateX(2px)}
.rkp-school__benefits li span{
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:var(--rkp-blue);
  color:#fff !important;
  font-size:.76rem;
  font-weight:950;
  flex:0 0 24px;
  box-shadow:0 0 0 4px rgba(8,119,239,.13);
}
.rkp-school__actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.rkp-school__button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-height:48px;
  background:var(--rkp-gold-2) !important;
  color:#08284d !important;
  text-decoration:none !important;
  padding:13px 21px;
  font-weight:900;
  font-size:.88rem;
  letter-spacing:.01em;
  box-shadow:0 9px 24px rgba(0,0,0,.14);
  transition:transform .2s ease,background .2s ease,box-shadow .2s ease;
}
.rkp-school__button:hover{
  background:#ffd64a !important;
  color:#071f3d !important;
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.rkp-school__button span{color:#08284d !important}
.rkp-school__more{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  color:#fff !important;
  text-decoration:none !important;
  font-size:.82rem;
  font-weight:850;
  border:1px solid rgba(255,255,255,.25);
  padding:11px 15px;
  background:rgba(255,255,255,.045);
  transition:background .2s ease,border-color .2s ease;
}
.rkp-school__more:hover{
  color:#fff !important;
  background:rgba(255,255,255,.1);
  border-color:rgba(255,255,255,.48);
}
.rkp-school__more span{color:var(--rkp-gold-2) !important}
.rkp-school:before{content:"///";position:absolute;right:38px;top:28px;color:#fff;opacity:.035;font-size:8rem;font-weight:950;letter-spacing:-.17em;transform:rotate(-10deg)}

@media(max-width:1100px){
  .rkp-school__content{padding-left:32px;padding-right:32px}
  .rkp-school__content:before{left:32px}
  .rkp-school__benefits{grid-template-columns:1fr 1fr}
}
@media(max-width:820px){
  .rkp-school,.rkp-school.is-reverse{grid-template-columns:1fr}
  .rkp-school.is-reverse .rkp-school__media{order:0}
  .rkp-school__media{min-height:260px}
  .rkp-school__media:after,.rkp-school.is-reverse .rkp-school__media:after{background:linear-gradient(180deg,rgba(4,24,48,.02) 40%,rgba(7,31,61,.96) 100%)}
  .rkp-school__media img,.rkp-school.is-reverse .rkp-school__media img{clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}
  .rkp-school__content{padding:36px 24px 40px}
  .rkp-school__content:before{left:24px;top:28px}
  .rkp-school__benefits{grid-template-columns:1fr}
  .rkp-school h2{font-size:clamp(2rem,10vw,2.7rem)}
}
@media(max-width:520px){
  .rkp-school__actions{align-items:stretch}
  .rkp-school__button,.rkp-school__more{width:100%;justify-content:space-between}
}