.rop-invest-section{
  background:
    radial-gradient(circle at top left,rgba(18,61,122,.12),transparent 30%),
    radial-gradient(circle at bottom right,rgba(217,4,41,.1),transparent 30%),
    #f8fafc;
  padding:80px 5%;
}

.rop-invest-head{
  max-width:1280px;
  margin:0 auto 32px;
}

.rop-invest-head h2{
  max-width:850px;
  margin:0;
  color:#0b1f3a;
  font-family:"Space Grotesk",sans-serif;
  font-size:clamp(2rem,4vw,4.2rem);
  line-height:1;
  letter-spacing:-.06em;
}

.rop-invest-head p{
  max-width:690px;
  color:#64748b;
  line-height:1.75;
  font-weight:650;
  margin:16px 0 0;
}

.rop-invest-grid{
  max-width:1280px;
  margin:auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
}

.rop-invest-card{
  position:relative;
  overflow:hidden;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:30px;
  padding:26px;
  box-shadow:0 20px 60px rgba(15,23,42,.08);
  transition:.3s ease;
}

.rop-invest-card::after{
  content:"";
  position:absolute;
  width:160px;
  height:160px;
  right:-70px;
  top:-70px;
  border-radius:50%;
  background:rgba(217,4,41,.08);
}

.rop-invest-card:hover{
  transform:translateY(-8px);
  box-shadow:0 35px 90px rgba(15,23,42,.15);
}

.rop-invest-icon{
  width:56px;
  height:56px;
  border-radius:20px;
  background:#eff6ff;
  color:#123d7a;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.35rem;
  margin-bottom:18px;
}

.rop-invest-card:nth-child(even) .rop-invest-icon{
  background:#fff1f2;
  color:#d90429;
}

.rop-invest-card h3{
  margin:0 0 12px;
  color:#0b1f3a;
  font-size:1.18rem;
  font-weight:1000;
  line-height:1.25;
}

.rop-invest-card p{
  margin:0;
  color:#64748b;
  line-height:1.65;
  font-weight:650;
}

.rop-invest-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}

.rop-invest-meta span{
  background:#f1f5f9;
  color:#334155;
  border:1px solid #e2e8f0;
  border-radius:999px;
  padding:7px 10px;
  font-size:.75rem;
  font-weight:900;
}

@media(max-width:1100px){
  .rop-invest-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:620px){
  .rop-invest-section{
    padding:60px 4%;
  }

  .rop-invest-grid{
    grid-template-columns:1fr;
  }
}