/* =========================
   CASE STUDY - EXACT SETTINGS
   ========================= */

/* Grid wrapper */
.case-study-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:20px;
}

/* Card (NO transform on card = no up/down) */
.case-study-item{
  background:transparent;
  border:none;
  box-shadow:none;
  transform:none !important;
}

/* Thumbnail wrapper fixed height to prevent layout jump */
.case-study-item .cs_thumbnail{
  overflow:hidden;
  border-radius:14px;
  height:300px;              /* fixed */
}

/* Image */
.case-study-item .cs_thumbnail img{
  width:100%;
  height:100%;               /* match wrapper */
  object-fit:cover;
  display:block;
  transform:scale(1);
  transition:transform .35s ease;
  will-change:transform;
}

/* Hover scale ONLY image */
.case-study-item:hover .cs_thumbnail img{
  transform:scale(1.1);
}

/* Category line (same left edge as image, NO LR margin) */
.cs_category{
  margin-top:18px;
  margin-left:0 !important;
  margin-right:0 !important;
}
.cs_category a{
  color:#111827;
  font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:14px;
  line-height:22px;
  text-decoration:none !important;
  font-weight:400;
}
.cs_seprator{
  color:#111827;
  font-size:14px;
  line-height:22px;
}

/* Title: Outfit 500 24px (NO LR margin/padding) */
.cs_title{
  margin-top:10px;
  margin-bottom:10px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.cs_title a{
  font-family:"Outfit", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:500;
  font-size:24px;
  line-height:32px;
  color:#111827;
  text-decoration:none !important;
  display:inline-block;
}
.cs_title a:hover{ color:#1F2D6E; }
@media (max-width: 767px) {
    .cs_title a {
        font-weight: 500;
        font-size: 22px;
        line-height: 30px;
    }
}

/* Desc: Inter 400 18px (NO LR margin/padding) */
.cs_description{
  margin-bottom:18px !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;

  font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:400;
  font-size:18px;
  line-height:28px;
  color:#6b7280;

  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  min-height:56px; /* 2 lines for 18/28 */
}

@media (max-width: 767px) {
    .cs_description {
        margin-bottom: 10px !important;
        font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
    }
}


/* Button: Outfit 500 18px (NO LR margin/padding) */
.cs_view_btn{
  display:inline-flex;
  align-items:center;
  gap:10px;

  margin-left:0 !important;
  margin-right:0 !important;

  padding:12px 22px;
  border:1px solid #1F2D6E;
  background:transparent;
  border-radius:0px;

  font-family:"Outfit", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight:500;
  font-size:18px;
  line-height:26px;

  color:#1F2D6E;
  text-decoration:none !important;
  transition:all .25s ease;
}

@media (max-width: 767px) {
    .cs_view_btn {
        font-size: 16px;
        padding: 10px 15px;
    }
}


.cs_view_btn img{
  width:13px;
  height:13px;
  display:block;
  transition:filter .25s ease;
}

/* Button hover */
.cs_view_btn:hover{
  background:linear-gradient(360deg, #1F2D6E 0%, #3C6DAD 100%);
  color:#fff;
}
.cs_view_btn:hover img{
  filter:brightness(0) invert(1);
}

/* Pagination */
.custom-pagination{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  list-style:none;
  padding:0;
  margin-top:28px !important;
  margin-bottom:0 !important;

  background:#f6f8fc;
  padding:0 32px 32px;
}
.custom-pagination li a,
.custom-pagination li span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:40px;

  border:1px solid #1F2D6E;
  color:#1F2D6E;
  background:#fff;

  font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:14px;
  font-weight:500;

  text-decoration:none !important;
  transition:all .25s ease;
}
.custom-pagination li a:hover{ background:#1F2D6E; color:#fff; }
.custom-pagination li.active span{ background:#1F2D6E; color:#fff; }
.custom-pagination li.disabled span{
  border-color:#c7cbd6; color:#9aa0ad; cursor:not-allowed; background:#fff;
}

/* Responsive */
@media (max-width: 900px){
  .case-study-grid{
    grid-template-columns:1fr;
  }
  .case-study-item .cs_thumbnail{ height:240px; }
  .custom-pagination{
    justify-content:center;
    padding:0 18px 22px;
  }
}