.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;box-shadow: 0px 0px 20px -18px #fff;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;}
}