.menu-icon span,.menu-icon span:after,.menu-icon span:before{cursor:pointer;height:2px;background:#000;transition:.5s ease-in-out;z-index:100000000;display:block;content:''}.container-menu{width:100%;height:100%;padding:50px;overflow:hidden;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.container-menu::-webkit-scrollbar{display:none}.container-menu .row:after,.container-menu .row:before,.container-menu:after,.container-menu:before{content:"";display:table}.container-menu .row:after,.container-menu:after{clear:both}.outer-border{width:94%;height:90%;position:absolute;left:3%;top:5%;border:1px solid #fff}.menu-col{padding:40px}.menu-col-one{width:22%}.menu-col-two{width:20%}.menu-col-three{width:58%}.menu-col h1,.menu-col h2{color:#fff;font-size:50px;line-height:normal;font-weight:700;position:relative;margin:0}.menu-col h2 span{font-size:40px;font-weight:300;width:100%;text-transform:uppercase;margin-top:-10px}.menu-col h2{color:#71bed2;font-size:20px;text-transform:uppercase;line-height:normal;font-weight:500;margin:0;border-bottom:1px solid #ffffff38;position:relative;padding-bottom:12px}.menu-col a{color:#fff}.menu-col a:hover{color:rgba(255 255,255 ,.2)}.menu-icon{width:30px;height:31px;margin:0 5px;background-color:transparent;right:0;top:50%;cursor:pointer;transition:background .5s;background-repeat:no-repeat;background-position:center;position:relative;display:inline-block;z-index:1}.menu-icon:hover{opacity:1}.menu-icon span{position:absolute;top:13px;right:0;width:20px}.menu-icon span:after,.menu-icon span:before{width:30px;position:absolute;left:-1px}.menu-icon.active span,.menu-icon.active span:after,.menu-icon.active span:before{display:block}.menu-icon span:before{right:-1px;top:-10px}.menu-icon span:after{right:-1px;top:10px}.overlay-menu .menu-icon,.overlay-menu .menu-icon.active{position:fixed;width:50px;height:50px;top:30px;margin-top:0;right:67px;padding:10px;border:0;z-index:10000000000000}.menu-icon:hover span,.menu-icon:hover span:after,.menu-icon:hover span:before{background-color:#000!important}.overlay-menu .menu-icon span,.overlay-menu .menu-icon.active span{background-color:transparent!important}.overlay-menu .menu-icon.active span:after,.overlay-menu .menu-icon.active span:before{top:10px;right:4px;background-color:#fff}.overlay-menu .menu-icon span:after,.overlay-menu .menu-icon span:before{top:9px;right:4px;background-color:#fff}.overlay-menu .menu-icon span:before,.overlay-menu .menu-icon.active span:before{transform:rotate(135deg)}.overlay-menu .menu-icon span:after,.overlay-menu .menu-icon.active span:after{transform:rotate(-135deg)}.overlay-menu{background:rgba(31,65,108,.86);color:#fff;position:fixed;left:0;top:-100%;height:100%;width:100%;padding:0;opacity:0;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateX(0);transition:.5s;background-image:url(/National_Library/oe_/https://www.zulekhahospitals.com/images/menu-bg.jpg);background-repeat:no-repeat;background-position:center center;-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;z-index:-1;backdrop-filter:blur(5px)}.overlay-menu.open{opacity:1;transform:translateY(0);left:0;z-index:99;top:0}.overlay-menu .anim{transform:translateY(25px);opacity:0;transition:.5s}.overlay-menu.open .anim{transition:1s 1s;opacity:1;transform:translateY(0)}.overlay-menu .anims:nth-child(0),.overlay-menu.open .anim:nth-child(17){transition-delay:0.9s}.overlay-menu.open .anim:nth-child(16),.overlay-menu.open .anim:nth-child(2){transition-delay:0.8s}.overlay-menu.open .anim:nth-child(15),.overlay-menu.open .anim:nth-child(3){transition-delay:0.7s}.overlay-menu.open .anim:nth-child(14),.overlay-menu.open .anim:nth-child(4){transition-delay:0.6s}.overlay-menu.open .anim:nth-child(13),.overlay-menu.open .anim:nth-child(5){transition-delay:0.5s}.overlay-menu.open .anim:nth-child(12),.overlay-menu.open .anim:nth-child(6){transition-delay:0.4s}.overlay-menu.open .anim:nth-child(7){transition-delay:0.11s}.overlay-menu.open .anim:nth-child(10),.overlay-menu.open .anim:nth-child(8){transition-delay:0.2s}.overlay-menu.open .anim:nth-child(9){transition-delay:0.1s}.overlay-menu.open .anim:nth-child(11){transition-delay:0.3s}.overlay-menu ul{width:100%;margin:0;padding:15px 0;list-style:none}.overlay-menu ul li{display:block;width:100%;margin:0;padding:0}.overlay-menu ul li a{display:inline-block;padding:8px 0;color:#fff;font-weight:400;font-size:14px;line-height:normal;position:relative}.overlay-menu ul li a:hover{color:rgba(255 ,255 ,255 ,.5)}.overlay-menu ul li a .active{color:#8d97dc}.overlay-menu ul li a span{position:relative;z-index:2}.overlay-menu ul li a:after{width:0;height:1px;position:absolute;background-color:#fff;left:0;bottom:0;content:'';-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;transition:.3s ease-in-out}.overlay-menu ul li a:hover:after{width:50px}@media screen and (max-width:1366px){.menu-col{padding:15px}.menu-col-three{width:50%}.menu-col-two{width:18%}.menu-col-one{width:32%}}@media screen and (max-width:767px){.mobile-side{display:none}.container-menu{padding:100px 25px}.menu-col{width:100%;padding:10px 0}.menu-icon.active{right:0;top:0}}@media screen and (max-width:640px){.outer-border{display:none}.container-menu{padding:20px;border:0}.menu-col h1{font-size:18px;line-height:20px;margin:0}.menu-col h2{font-size:16px;margin:0}.menu-col h2 span{font-size:20px;margin-top:10px}.overlay-menu ul li a{font-size:12px;padding:5px 0}.pad-top{padding:50px 0 0}.menu-icon span,.menu-icon span:after,.menu-icon span:before{background:#1f416c}}