.footer-ul> li> a {
    color: var(--color-just-black) !important;
    font-weight: 600 !important;
}
.footermail{
    border-color: var(--color-just-black) !important;
}
.footermail::placeholder {
    color: var(--color-just-black) !important;
}

input:focus {
    color: var(--color-just-black) !important;
}

.footermail:focus {
    outline: 2px solid var(--color-just-black) !important;
    border-radius: 2px !important;
}
.footer-banner>a{
  color: var(--color-just-black) !important;
  
}

@media(min-width: 992px) and (max-width: 1200px) {
    
    .footer-ul>li>a{
        font-size: 16px !important;
    }
}

@media (max-width: 992px) {
    .footer-ul>li>a{
        font-size: 14px !important;
        font-weight: 600;
    }
}
.footer-links {
    margin-top: 37px !important;
  }
  
  
.footermailIcon{
    font-size: 32px;
    color: var(--color-just-black);
}

.btn-31,
.btn-31 *,
.btn-31 :after,
.btn-31 :before,
.btn-31:after,
.btn-31:before {
  border: 0 solid;
  box-sizing: border-box;
}

.btn-31 {
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
  color: var(--color-just-black);
  cursor: pointer;
  font-size: 100%;
  font-weight: 900;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}

.btn-31:disabled {
  cursor: default;
}

.btn-31:-moz-focusring {
  outline: auto;
}

.footermailIcon {
  display: block;
  vertical-align: middle;
}

.btn-31 [hidden] {
  display: none;
}

.btn-31 {
  padding: .5rem 1.5rem;
  text-transform: uppercase;
  margin-right: 5px;
}

.btn-31:before {
    border-radius: 25% 10%;
  --progress: 100%;
  background: linear-gradient(to bottom, var(--color-just-black), #000066);
  -webkit-clip-path: polygon(
    100% 0,
    var(--progress) var(--progress),
    0 100%,
    100% 100%
  );
  clip-path: polygon(
    100% 0,
    var(--progress) var(--progress),
    0 100%,
    100% 100%
  );
  content: "";
  inset: 0;
  position: absolute;
  transition: -webkit-clip-path 0.2s ease;
  transition: clip-path 0.2s ease;
  transition: clip-path 0.2s ease, -webkit-clip-path 0.2s ease;
}

.btn-31:hover:before {
  --progress: 0%;
  border-radius: 25% 10%;
}
.btn-31 .text-container {
    display: block;
    overflow: hidden;
    position: relative;
  }
  
  .btn-31 .text {
    display: block;
    font-weight: 900;
    mix-blend-mode: difference;
    position: relative;
  }

  .btn-31:hover .footermailIcon {
    color:#eeff00 !important;
  } 
  
  .btn-31:hover .text {
    -webkit-animation: move-up-alternate 0.3s ease forwards;
    animation: move-up-alternate 0.3s ease forwards;
  }

  @-webkit-keyframes move-up-alternate {
    0% {
      transform: translateY(0);
    }
  
    50% {
      transform: translateY(80%);
    }
  
    51% {
      transform: translateY(-80%);
    }
  
    to {
      transform: translateY(0);
    }
  }
  
  @keyframes move-up-alternate {
    0% {
      transform: translateY(0);
    }
  
    50% {
      transform: translateY(80%);
    }
  
    51% {
      transform: translateY(-80%);
    }
  
    to {
      transform: translateY(0);
    }
  }