Sindbad~EG File Manager

//////////// COMMON CLASSES ////////////

@mixin container {
  margin: 0 auto;
  @media only screen and (max-width: 600px) {
    max-width: 100%;
    padding: 0px 1rem;
  }
  @media only screen and (min-width: 600px) {
    max-width: 540px;
  }
  @media only screen and (min-width: 768px) {
    max-width: 720px;
  }
  @media only screen and (min-width: 992px) {
    max-width: 960px;
  }
  @media only screen and (min-width: 1200px) {
    max-width: 1140px;
  }
  @media only screen and (min-width: 1400px) {
    max-width: 1320px;
  }
}

.container {
  scroll-behavior: smooth;
  @include container;
}

.h_animation {
  position: relative;
  width: fit-content;
}

.h_animation::before {
  content: "";
  position: absolute;

  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  transition: transform 0.3s ease-in-out;
  transform-origin: right;
  transform: scaleX(0);
}

@media (min-width: 768px) {
  .h_animation:hover::before,
  .group:hover .h_animation::before {
    transform: scaleX(1);
    transform-origin: left;
    transition: transform 0.3s;
  }
}

.wpcf7-not-valid-tip,
.wpcf7-spinner {
  display: none !important;
}