.genes-menu-group{margin-bottom:60px}
.genes-group-title{
  font-size:32px;
  font-weight:800;
  margin-bottom:24px;
  text-transform:uppercase;
}

.genes-sub-grid{
  display:grid;
  gap:24px;
}
.genes-sub-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.genes-sub-grid.cols-4{grid-template-columns:repeat(4,1fr)}
.genes-sub-grid.cols-5{grid-template-columns:repeat(5,1fr)}
.genes-sub-grid.cols-6{grid-template-columns:repeat(6,1fr)}
@media(max-width:1200px){
  .genes-sub-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:768px){
  .genes-sub-grid{grid-template-columns:repeat(2,1fr)}
}
.referans-line {
    display: block;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #000, #999);
    border-radius: 2px;
}

.genes-sub-card{
  position:relative;
  min-height:260px;
  border-radius:14px;
  background:#111;
  background-size:cover;
  background-position:center;
  overflow:hidden;
}
.genes-sub-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.35);
}

.genes-sub-content{
  position:absolute;
  inset:0;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  color:#fff;
  gap:14px;
  padding:16px;
}

.genes-btn{
  padding:10px 22px;
  border-radius:8px;
  font-weight:700;
  text-decoration:none;
  color:#fff !important;
  background:#1abc9c;
  transition:background .2s ease;
}
.genes-btn:hover{
  background:#16a085;
}