.third-level-page {padding-top:45px;}
.text-center {text-align:center;}
.menu-title {position: fixed;z-index:999;left:0px;right:0px;background:var(--v-orange);padding:12px 0px;}
.menu-title .inner{padding-right: 0px;}
.menu-title .three-level-list {overflow-x:scroll;white-space:nowrap;}
.menu-title .three-level-list::-webkit-scrollbar {display: none;}
.menu-title p {display: inline-block;color: rgba(255,255,255,.5);margin:0px 20px 0px 0px;}
.menu-title p.active {color: var(--v-white);}

.menu-bottom{position: fixed;z-index:999;bottom:75px;left:0px;right:0px;display:none;}
.menu-bottom .hide-btn-box {position: absolute;top: 0px;left: 0px; height: 6%;width: 100%;z-index: 5;}
.menu-bottom .menu-hide-btn {width: 36px;height: 5px;border-radius: 3px;background:#3C3C434D;position: absolute;left: 50%;transform: translateX(-50%);top: 10px;}

.menu-bottom .menu-bottom-box{width: 100%;background:var(--v-white);padding:30px 20px;border-radius: 15px 15px 0px 0px;position: relative;z-index: 1;color:var(--v-black);max-height: calc(100vh - 200px);overflow-x: auto;}
.menu-bottom .menu-bottom-box::-webkit-scrollbar {display: none;}
.menu-bottom .menu-bottom-title .menu-h2{text-align:center;font-size:22px;font-weight: 600;margin-bottom:15px;}
.menu-bottom .menu-bottom-list {margin-bottom:50px;}
.menu-bottom .menu-bottom-list li {margin-bottom:10px;cursor: pointer;transition:0.3s;}
.menu-bottom .menu-bottom-list li:hover{color: var(--v-red-dark);}
.menu-bottom .menu-bottom-list li.active {color: var(--v-red-dark);position: relative;}
.menu-bottom .menu-bottom-list li.active i{content:'';display:inline-block;width: 6px;height:6px;margin-bottom:2px;background:var(--v-red-dark);}
.menu-bottom .menu-bottom-list li p{margin:0px;font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-transform: capitalize;}
.menu-bottom .grey-button {display:inline-block;padding:15px 40px;margin:0px auto;width:100%;max-width:357px;background: var(--v-grey-light1);border-radius: 100px;font-weight: 500;}
.menu-bottom .menu-bottom-cover{position: fixed;left:0px;top:0px;width: 100vw;height:100vh;background:rgba(0,0,0,.5);}

.menu-show-btn {position:fixed;width: 52px; height:52px;border-radius:50%;background:rgba(0,0,0,.5);box-shadow: 0px 3px 6px #0000004D;right:20px;bottom:80px;z-index:100;display:flex;justify-content: center;align-items: center;border: 1px solid #FFFFFFE6;}

html[lang='en-US'] .menu-bottom .menu-bottom-list li p, html[lang='en-IN'] .menu-bottom .menu-bottom-list li p, html[lang='en-ZA'] .menu-bottom .menu-bottom-list li p, html[lang='ms-MY'] .menu-bottom .menu-bottom-list li p, html[lang='id-ID'] .menu-bottom .menu-bottom-list li p {text-transform: capitalize;}

@media (min-width:600px) {
  .menu-bottom .menu-bottom-box{text-align: center;}
}
@media (max-width:767px) {
  /* .menu-title{top:44px;} */
}