
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:'Montserrat', sans-serif;
  background:#f3f3f3;
  color:#333;
}



/* =========================
   SECTION
========================= */
.ss-section{
  padding:10px 20px;
}

.ss-container{
  max-width:1400px;
  margin:0 auto;
}

/* =========================
   GRID
========================= */
.ss-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:36px 38px;
}

/* =========================
   CARD
========================= */
.ss-card{
  background:#ece9e9;
  border:0px solid #e2e2e2;
  padding:14px;
  display:flex;
  flex-direction:column;
  min-height:100%;
}

.ss-card-image{
  position:relative;
  overflow:hidden;
}

.ss-card-image{
  position:relative;
  overflow:hidden;
}

.ss-card-image img{
  width:100%;
  height:190px;
  object-fit:cover;
  display:block;
  transform:scale(1);
  transition:transform 1.2s ease;
}

.ss-card:hover .ss-card-image img{
  transform:scale(1.08);
}

.ss-card-tag{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  padding:10px 14px;
  font-size:14px;
  line-height:1.35;
  color:#fff;
  font-weight:500;
  background:linear-gradient(to top, rgba(0,0,0,0.62), rgba(0,0,0,0.18));
}

.ss-card-text{
  font-size:15px;
  line-height:1.8;
  color:#5f6366;
  margin:16px 0 22px;
  flex:1;letter-spacing: 0rem;text-align: left;
}

.ss-card-btn{
  display:inline-block;
  align-self:flex-start;
  background:#0a4aa2;
  color:#fff;
  text-decoration:none;
  font-size:14px;
  font-weight:600;
  padding:6px 18px;
  border-radius:4px;
  transition:background .3s ease, transform .3s ease;
}

.ss-card-btn:hover{
  background:#083c83;color:#fff;
  transform:translateY(-1px);
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1100px){
  .ss-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .ss-nav{
    gap:22px;
  }
}

@media (max-width: 767px){
  .ss-header-inner{
    flex-direction:column;
    align-items:flex-start;
  }

  .ss-nav{
    gap:16px;
  }

  .ss-grid{
    grid-template-columns:1fr;
  }

  .ss-card-image img{
    height:auto;
  }
}
