/* ===============================
   SISTER CONCERNS – MODERN IMAGE
================================ */

.sister-modern{
  padding:70px 0;
  background:
    radial-gradient(700px 350px at 10% 0%, rgba(30,198,198,.14), transparent 60%),
    linear-gradient(180deg,#f6fffb 0%, #ffffff 100%);
}

.sm-sub{
  max-width:850px;
  margin:12px auto 40px;
  font-size:16px;
  line-height:1.7;
  color:#4b5f5f;
}

/* Grid */
.sm-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

/* Card */
.sm-card{
  background:#fff;
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(30,198,198,.25);
  box-shadow:0 14px 34px rgba(0,0,0,.08);
  transition:.3s ease;
}

/* Image */
.sm-img{
  height:150px;
  overflow:hidden;
}

.sm-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.4s ease;
}

/* Body */
.sm-body{
  padding:16px 18px 20px;
}

.sm-body h3{
  font-size:16px;
  font-weight:800;
  margin-bottom:6px;
  color:#003436;
}

.sm-body h3 a{
  color:inherit;
  text-decoration:none;
}

.sm-body p{
  font-size:14.5px;
  line-height:1.6;
  color:#4b5f5f;
}

/* Hover */
.sm-card:hover{
  transform:translateY(-6px);
  box-shadow:0 22px 50px rgba(0,0,0,.16);
}

.sm-card:hover .sm-img img{
  transform:scale(1.05);
}

/* Responsive */
@media(max-width:1024px){
  .sm-grid{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:600px){
  .sister-modern{padding:45px 0;}
  .sm-grid{grid-template-columns:1fr;}
  .sm-img{height:170px;}
}


/* Sister Concern – Name Color Update */
.sm-body h3{
  margin-bottom: 8px;
}

.sm-body h3 a{
  color: #0c6e6d;              /* deep teal (professional) */
  font-weight: 800;
  text-decoration: none;
  transition: color .25s ease;
}

/* Hover effect */
.sm-card:hover .sm-body h3 a{
  color: #1ec6c6;              /* brand green highlight */
}