.Headerwrapp{background-color:#ea3a3e;transition:all 1.3s linear;box-shadow:0 14px 28px rgb(0 0 0/10%);box-sizing:border-box;position:fixed;z-index:9999;width:100%;transition:all .5s ease-in-out}.Headerwrapp.scrolled{transform:translateY(-100px);transition:all .5s ease-in-out}nav{position:relative;z-index:10;left:0;right:0;top:0;height:80px;display:flex;gap:40px;align-items:center;justify-content:space-between}nav .logo{display:flex;font-size:24px;color:#fff}nav .links,nav .logo{float:left;width:auto;height:100%;align-items:center}nav .links{padding:0;margin:0;display:none;justify-content:end;gap:40px}nav .links li{list-style:none}nav .links a{display:block;padding-bottom:5px;font-size:16px;color:#ffffff;text-decoration:none;position:relative}nav .links a.active:before{visibility:visible;transform:scaleX(1);background:#ffffff}nav .links a:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#ffffff;visibility:hidden;transform:scaleX(0);transition:all .3s ease-in-out 0s}nav .links a:hover:before{visibility:visible;transform:scaleX(1);color:white}#nav-toggle{position:absolute;top:-100px}nav .icon-burger{display:none;position:absolute;right:5%;top:50%;transform:translateY(-50%)}nav .icon-burger .line{width:30px;height:5px;background-color:#fff;margin:5px;border-radius:3px;transition:all .5s ease-in-out}nav .logoWrapper{display:flex;align-items:center;gap:40px}nav .logoWrapper .findStoreCta{padding-bottom:5px;color:#ffffff;font-size:16px;text-decoration:none;position:relative;border-bottom:2px solid white}nav .appointmentCta{position:relative}nav .appointmentCta,nav .appointmentCta span{display:flex;align-items:center;justify-content:center;color:#ffffff}nav .appointmentCta span{visibility:hidden;position:absolute;bottom:-26px;right:0;background:rgba(0,0,0,.6);padding:4px;border-radius:6px;font-size:14px;font-weight:500;min-width:158px;opacity:0;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}nav .appointmentCta:hover span{visibility:visible;opacity:1}@media screen and (min-width:768px) and (max-width:1180px){.storeAddressBox .btnWrapp{flex-wrap:wrap}.storeDetailInfoBox .storeInfoDetail .listBox{display:flex;gap:0;flex-direction:column;width:max-content;text-transform:capitalize}}@media screen and (max-width:767px){.Headerwrapp{padding:10px 0}nav{height:60px}nav .logo{float:none}nav .links,nav .logo{width:auto;justify-content:flex-start}nav .links{position:fixed;z-index:9;left:0;right:0;top:79px;bottom:100%;height:auto;flex-direction:column;gap:10px;align-items:flex-start;background-color:#ea3a3e;overflow:hidden;transition:all .5s ease-in-out}nav .links li:first-child{padding-top:30px}nav .links li{padding-left:20px;padding-top:10px;width:90%;border-bottom:1px solid #fff;margin:0 auto;padding-bottom:10px}nav .links a{font-size:20px;width:max-content}nav :checked~.links{bottom:0}nav .icon-burger{display:block;right:0}nav :checked~.icon-burger .line:first-child{transform:translateY(10px) rotate(225deg)}nav :checked~.icon-burger .line:nth-child(3){transform:translateY(-10px) rotate(-225deg)}nav :checked~.icon-burger .line:nth-child(2){opacity:0}nav .logoWrapper .findStoreCta{display:none}nav .links{display:flex}nav .appointmentCta{display:none}}