.nav-down{display:none;}
.nav-up {display:none;}
.bottom-call.nav-down {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    text-align: center;
    padding: 5px 0;
    font-size: 20px;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.07);
    transition: transform 0.3s, opacity 0.3s;
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
@media (max-width: 1024px) {
  .bottom-call.nav-down.show {
    display: block;margin-bottom: 15px;padding-left: 10%;width: 80%;left: 50%;border-radius: 10px;transform: translate(-50%,0);opacity: 1;pointer-events: auto;visibility: visible;overflow: hidden;}
  .bottom-call.nav-down.hide {display: none;transform: translateY(100%);opacity: 0;pointer-events: none;visibility: hidden;}
  .bottom-call.nav-down a {text-decoration: none;font-weight: bold;display: inline-block;}
  span.phoneIcon {display: flex;position: absolute;width: 15%;height: 100%;top: 0;left: 0;align-items: center;justify-content: center;font-size: 24px;}
}