.rop-categories-section{
  background:#f8fafc;
  padding:70px 5%;
}

.rop-categories-head{
  max-width:1280px;
  margin:0 auto 28px;
}

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

.rop-categories-head p{
  color:#64748b;
  font-weight:650;
  line-height:1.7;
  margin:14px 0 0;
}

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

.rop-category-card{
  min-height:210px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius:28px;
  padding:22px;
  color:#0b1f3a;
  text-decoration:none;
  box-shadow:0 18px 50px rgba(15,23,42,.07);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  transition:.3s ease;
}

.rop-category-card:hover{
  transform:translateY(-7px);
  box-shadow:0 30px 80px rgba(15,23,42,.14);
  color:#0b1f3a;
}

.rop-category-card i{
  width:52px;
  height:52px;
  border-radius:18px;
  background:#eff6ff;
  color:#123d7a;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:1.25rem;
}

.rop-category-card:nth-child(2n) i{
  background:#fff1f2;
  color:#d90429;
}

.rop-category-card strong{
  display:block;
  font-size:1.08rem;
  font-weight:1000;
  margin-top:22px;
}

.rop-category-card span{
  color:#64748b;
  font-size:.88rem;
  font-weight:650;
  line-height:1.5;
  margin-top:8px;
}

@media(max-width:1180px){
  .rop-categories-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

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

  .rop-category-card{
    min-height:190px;
  }
}

@media(max-width:460px){
  .rop-categories-section{
    padding:55px 4%;
  }

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