/* home page stylee */
/*
body {
    background-color: rgb(255, 255, 255);
    padding-top: 50px;
}
@media (max-width: 1200px) {
  body {
    padding-top: 30px;}
}*/
.homepage-width{
     max-width: 100%;
  padding: 70px 8% 50px 8%;
}
@media (max-width: 1200px) {
  .homepage-width {
  max-width: 100%;
  padding: 50px 5%;}
}
/* end home page stylee */

/* start what we provide section  */
    .whatweprovide1-main{
      background: #f9f9f9;
      padding-bottom: 100px;
    }
    .whatweprovidebox-detail {
      display: grid;
      grid-template-columns: repeat(1, 1fr); /* Default: mobile view */
      gap: 20px;
    }
    .whatweprovide-detail-icon-box {
      background: #fff;
      padding: 20px;
      border-radius: 8px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
      text-align: center;
    }
    .whatweprovide-detail-icon-box img {
      width: 50px;
      height: auto;
      margin-bottom: 10px;
    }
    .whatweprovide-detail-icon-box h3 {
      margin: 10px 0;
      font-size: 20px;
    }
    /* Tablet View: 2 columns */
    @media (min-width: 600px) {
      .whatweprovidebox-detail {
        grid-template-columns: repeat(2, 1fr);
      }
    }
    /* Desktop View: 4 columns */
    @media (min-width: 1024px) {
      .whatweprovidebox-detail {
        grid-template-columns: repeat(3, 1fr);
      }
    }
/* end what we provide section  */

/* careers listing styles */
.careers-section{ padding-top:40px; padding-bottom:60px; background:#ffffff; }
.careers-section h2{ color:#000000; }
.careers-section p{ color:#000000; }
.careers-grid{ display:grid; grid-template-columns: repeat(1,1fr); gap:28px; margin-top:30px; }
.job-card{ background:#fff; color:#222; border: solid  1px #cccccc; border-radius:14px; padding:26px; box-shadow: 0 8px 0 rgba(0,0,0,0.08); display:flex; flex-direction:column; min-height:260px; }
.job-card__header{ display:flex; align-items:center; gap:18px; }
.job-logo img{ width:64px; height:64px; border-radius:50%; background:#f4f6f9; padding:12px; }
.job-title{ font-size:22px; margin:0; }
.job-card__body{ margin-top:14px; display:flex; flex-direction:column; flex:1; }
.job-badges{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:16px; }
.job-badges span{ background:#e7e7e7; color:#555; padding:8px 12px; border-radius:8px; font-size:13px; }
/*.job-apply{ display:inline-block; background: linear-gradient(180deg,#0b2a72 0%, #07205a 100%); color:#fff; padding:12px 20px; border-radius:8px; text-decoration:none; width:150px; text-align:center; margin-top:auto; box-shadow:0 6px 0 rgba(6,16,58,0.2); }
.job-apply .arrow{ margin-left:8px; }*/

/* Responsive grid */
@media (min-width: 600px){ .careers-grid{ grid-template-columns: repeat(2,1fr); } }
@media (min-width: 1024px){ .careers-grid{ grid-template-columns: repeat(3,1fr); } }

/* make sure page content inside cards doesn't overflow */
.job-card p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; line-clamp:3; }