.section-ajeet-title {
  position: relative;
  font-size: 30px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin: 0 0 35px;
}
.gallery-sec {
  padding:0;
}

.gf-column {
  float: left;
  display: none; /* Hide all elements by default */
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}

.filter {
  padding: 20px 2px 10px;
  text-align: center;
  max-width: 1050px;
  margin: auto;
  object-fit: cover;
}

.gf-btn {
  padding: 5px 10px;
  margin: 5px 4px 4px 0;
  display: inline-block;
      color: #ffffff;
    background: #1d1d1d;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.2s;
  border-radius: 9px;
  cursor: pointer;
}
.gf-btn:hover,
.gf-btn-active {
  background: #f6c816;
  color: #181818;
  -webkit-transform: translateY(3px);
  -ms-transform: translateY(3px);
  transform: translateY(3px);
}

/* Responsive css Code Start */

@media (max-width: 767px) {
  .gallery img {
    margin: 8px 8px;
    width: 175px;
  }

  .closeBtn {
    padding: 8px 25px;
  }

  .imgPreview {
    width: 80%;
    height: auto;
  }
}

@media (max-width: 575px) {
  .gallery img {
    margin: 8px 6px;
    width: 155px;
  }

  .gf-btn {
    font-size: 15px;
  }

  .closeBtn {
    font-size: 18px;
    padding: 8px 25px;
    border-radius: 15px;
  }
  .closeBtn:hover {
    padding: 8px 20px;
  }

  .imgPreview {
    width: 90%;
    /* max-height: 50vh; */
    height: auto;
  }
}



