.lab-scetion{
  padding-top: 5%;
}
.lab-scetion p{
  text-align: center;
  color: #6d6d6d;
  padding: 0 8%;
}
/* ---- GRID ---- */
.lab-container{
  width:100%;
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
  gap:25px;
  padding: 5%;
}

/* ---- CARD ---- */
.lab-card{
  width:100%;
  height:380px;
  border-radius:25px;
  overflow:hidden;
  position:relative;
  box-shadow:0 20px 40px rgba(0,0,0,0.25);
  border: 1px solid #ffffff;
}

/* Image */
.lab-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* Gradient overlay */
.lab-card::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(to top, rgb(4 66 51), rgba(0, 0, 0, 0));
}

/* ---- TEXT OVERLAY ---- */
.lab-card-content{
  position:absolute;
  bottom:25px;
  left:20px;
  color:#fff;
  z-index:2;
}

.lab-card-content h3{
  font-size:22px;
  font-weight:bold;
}

.lab-card-content p{
  font-size:14px;
  opacity:0.8;
  margin:5px 0 15px 0;
}

/* Button */
.lab-btn{
    padding: 10px 10px;
    background: rgb(255 255 255);
    color: #000000;
    border-radius: 10px;
    text-decoration: none;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
   transition: .5s all ease;
  }
/* .lab-btn:hover{
  color:var();
  
} */

.lab-btn:hover{
  color:var(blue);
 
}

.lab-arrow{
  font-size:16px;
  font-weight:bold;
}

/* FULL RESPONSIVE FIX */
@media(max-width:600px){
  .lab-card{
    height:420px;
  }
  
  .lab-card-content h3{
    font-size:20px;
  }
}