.viewMore {
  display: flex;
  justify-content: center;
  margin-top: 100px;
}
@media (max-width: 600px) {
  .viewMore {
    margin-top: 50px;
  }
}
.viewMore a img {
  position: absolute;
  transform: translate(-50%, -50%);
  width: 15%;
  display: block;
  transition: 0.4s ease-in-out;
}
@media (max-width: 600px) {
  .viewMore a img {
    width: 25%;
  }
}
.viewMore a:hover img:nth-of-type(2) {
  opacity: 0;
}

#Works {
  background-color: #ECF3FB;
  padding-bottom: 100px;
}
@media (max-width: 600px) {
  #Works {
    padding-bottom: 50px;
  }
}
#Works .swiper-slide img:hover {
  transform: translateY(-20px);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3);
  transition-duration: 0.6s;
}/*# sourceMappingURL=works.css.map */