.service-wrapper .arrow-right .shape-main {
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 2s ease, transfor 2s ease;
}
.service-wrapper .arrow-right {
  opacity: 0;
}
.service-wrapper:hover .arrow-right {
  opacity: 1;
  transition: opacity 0.5s ease;
}
/* Fade in + slide to position on hover */
.service-wrapper:hover .arrow-right .shape-main {
  opacity: 1;
  transform: translateY(0);
}

.service-wrapper {
  display: block;
  overflow: hidden;
}

.service-wrapper .image-wrap img, .blog-main-wrapper .image-wrap img {
  transition: transform 0.5s ease;
}

.service-wrapper:hover .image-wrap img ,.blog-main-wrapper:hover .image-wrap img{
  transform: scale(1.05);
}

/* Keep arrow visible always */
/* .service-wrapper .arrow-right .arrow-bottom {
      opacity: 1;
    } */
.perc {
  font-weight: 400;
  font-size: 50px;
  vertical-align: super;
  /* margin-top: -5px; */
  position: unset;
  margin-left: 9px;
}

.blog-main-wrapper .arrow-right .shape-main {
  opacity: 0;
  transform: translateY(15px);
  transition: transform 1s ease; /* ONLY movement is slow */
}

.blog-main-wrapper .arrow-right {
  opacity: 0;
  transition: opacity 0s; /* opacity changes instantly */
}

/* Hover state */
.blog-main-wrapper:hover .arrow-right {
  opacity: 1; /* appears instantly */
}

.blog-main-wrapper:hover .arrow-right .shape-main {
  opacity: 1; /* appears instantly */
  transform: translateY(0); /* moves slowly upward */
}

/* Fade in + slide to position on hover */
.blog-main-wrapper:hover .arrow-right .shape-main {
  opacity: 1;
  transform: translateY(0);
}

ul#menu-header-menu {
  display: flex !important;
  grid-column-gap: 7px !important;
  grid-row-gap: 7px !important;
  white-space: nowrap !important;
}

/* Mobile screens */
@media (max-width: 640px) {
  .minimize {
    font-size: 3rem; /* smaller text on mobile */
  }
  
}