.allServicesBox {
  display: flex;
  flex-wrap: wrap;
}
.allServicesBox .serviceLink {
  background-color: #0e3052;
  padding: 10px;
  width: 24.53%;
  margin: 3px;
  border-bottom: 3px solid transparent;
}
.allServicesBox .serviceLink .serviceTitle {
  color: #000;
  font-size: 15px;
  font-weight: 500;
}
.allServicesBox .serviceLink:hover, .allServicesBox .serviceLink.active {
  border-bottom: 3px solid #c2a305;
}
.allServicesBox .serviceLink.darkLink {
  background-color: #c2a305;
}
.allServicesBox .serviceLink.darkLink .serviceTitle {
  color: #fff;
}
.allServicesBox .serviceLink.darkLink:hover {
  border-bottom: 3px solid #0e3052;
}
@media (max-width: 1399.98px) {
  .allServicesBox .serviceLink {
    width: 24.3%;
  }
}
@media (max-width: 991.98px) {
  .allServicesBox {
    justify-content: space-between;
  }
  .allServicesBox .serviceLink {
    width: 49%;
    padding: 10px;
  }
  .allServicesBox .serviceLink.darkLink {
    flex-grow: 1;
    text-align: center;
  }
}
@media (max-width: 767.98px) {
  .allServicesBox .serviceLink {
    width: 100%;
    padding: 5px;
    text-align: center;
    margin-bottom: 5px;
  }
}

.serviceGallery {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: space-between;
}
.serviceGallery .singleImage {
  display: block;
  width: 100%;
  max-width: 32.5%;
  height: 200px;
}
@media (max-width: 1199.98px) {
  .serviceGallery .singleImage {
    max-width: 32%;
  }
}
@media (min-width: 768px) {
  .serviceGallery .singleImage {
    transition: all 0.3s ease-in-out;
    filter: opacity(0.8);
  }
  .serviceGallery .singleImage:hover {
    filter: opacity(1);
  }
}
@media (max-width: 767.98px) {
  .serviceGallery .singleImage {
    max-width: 100%;
  }
}/*# sourceMappingURL=css_part_services.css.map */