/* ===== CASE STUDY PAGE ===== */

.cs-filter-wrap{
  display:flex;
  gap:16px;
  background:#eef4fb;
  padding:20px;
  border-radius:10px;
  margin-bottom:40px;
}

.cs-filter-wrap select{
  flex:1;
  padding:12px;
  border:1px solid #dbe3ee;
  border-radius:6px;
}

.cs-grid-wrap{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}

.cs-card{
  background:#fff;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  transition:.3s;
  text-decoration:none;
  color:inherit;
}
.cs-card:hover{transform:translateY(-6px);}

.cs-card img{
  width:100%;
  height:220px;
  object-fit:cover;
}

.cs-card-body{padding:20px;}

.cs-industry{
  display:inline-block;
  color:#FE6B00;
  font-size:14px;
  font-family:'DM Sans',sans-serif;
  font-weight:500;
  line-height:20px;
  margin-bottom:6px;
}

.cs-title{
  font-size:20px;
  font-weight:700;
  line-height:28px;
  font-family:'DM Sans',sans-serif;
}

.cs-card:hover .cs-title{
	color:#FE6B00;
}
.cs-excerpt{
  font-size:16px;
  line-height:22px;
  color:#5f6c72;
}

.cs-tags{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}

.cs-tag{
  background:#E8F2FF;
  font-size:12px;
  line-height:22px;
  padding:2px 12px;
  border-radius:20px;
}

/* ===== PAGINATION (CENTER FIXED) ===== */

.cs-pagination{
  display:flex;
  justify-content:center;
  gap:10px;
  margin:50px 0;
}

.cs-page{
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:1px solid #dbe3ee;
  text-decoration:none;
  font-size:14px;
  font-family:'DM Sans',sans-serif;
  color:#0b2c3d;
  transition:.3s;
}

.cs-page:hover{
  background:#FE6B00;
  color:#fff;
  border-color:#FE6B00;
}

/* ===== HOME PAGE ===== */

.home-cs-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}

.home-cs-card{
  position:relative;
  border-radius:5px;
  overflow:hidden;
}

.home-cs-card img{
  width:100%;
  height:320px;
  object-fit:cover;
}

.home-cs-overlay{
  position:absolute;
  inset:0;
  background:#006C82;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  transform:translateY(55%);
  transition:.4s;
}

.home-cs-title{
  position:absolute;
  top:20px;
  left:24px;
  right:24px;
  color:#fff;
  font-family:'Poppins',sans-serif;
  font-size:18px;
  line-height:26px;
  font-weight:500;
}

.home-cs-card:hover .home-cs-title{
  position:relative;
  top:0;
  left:0;
  right:auto;
}

.home-cs-desc{
  color:#fff;
  font-size:16px;
  line-height:22px;
  opacity:0;
  transition:.3s;
}

.home-cs-card:hover .home-cs-overlay{
  transform:translateY(0);
}

.home-cs-card:hover .home-cs-desc{
  opacity:1;
}

/* ===== RESPONSIVE ===== */
@media(max-width:991px){
  .cs-grid-wrap,.home-cs-grid{grid-template-columns:repeat(2,1fr);}
	.cs-card img{
		    height: 270px;
	}
	.cs-filter-wrap{
		    flex-direction: column;
	}
}
@media(max-width:600px){
  .cs-grid-wrap,.home-cs-grid{grid-template-columns:1fr;}
}