/* Baazi365 mobile bottom navigation v5.5.0.
   Final layer shared by the original template and every Builder variant. */
@media (max-width:1023px), (hover:none) and (pointer:coarse){
  html[data-baazi365-footer="1"]{
    --baz365-nav-bar-height:clamp(58px,13.333vw,72px);
    --baz365-nav-rise:clamp(14px,4.267vw,23px);
    --baz365-nav-total:calc(var(--baz365-nav-bar-height) + var(--baz365-nav-rise));
  }
  html[data-baazi365-footer="1"] body{
    padding-bottom:0!important;
  }
  html[data-baazi365-footer="1"] .velki-shell{
    box-sizing:border-box!important;
    padding-bottom:calc(var(--baz365-nav-total) + env(safe-area-inset-bottom,0px))!important;
  }
  html[data-baazi365-footer="1"] .baazi365-bottom-fixed{
    position:fixed!important;
    z-index:9000!important;
    right:auto!important;
    bottom:0!important;
    left:50%!important;
    display:block!important;
    width:100vw!important;
    max-width:600px!important;
    height:calc(var(--baz365-nav-bar-height) + env(safe-area-inset-bottom,0px))!important;
    margin:0!important;
    padding:0 0 env(safe-area-inset-bottom,0px)!important;
    box-sizing:border-box!important;
    transform:translate3d(-50%,0,0)!important;
    background:#172d3a!important;
    border:0!important;
    box-shadow:0 -2px 12px rgba(0,0,0,.34)!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  html[data-baazi365-footer="1"] .baazi365-bottom-nav,
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul{
    position:relative!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:var(--baz365-nav-bar-height)!important;
    margin:0!important;
    padding:0!important;
    background:#172d3a!important;
    border:0!important;
    border-radius:0!important;
    list-style:none!important;
    overflow:visible!important;
  }
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:stretch!important;
  }
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul>li{
    position:relative!important;
    display:block!important;
    min-width:0!important;
    height:var(--baz365-nav-bar-height)!important;
    margin:0!important;
    padding:0!important;
    background:#172d3a!important;
    border:0!important;
    list-style:none!important;
    overflow:visible!important;
  }
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul>li.select{
    background:#285b78!important;
  }
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul>li>a{
    position:relative!important;
    z-index:2!important;
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    height:var(--baz365-nav-bar-height)!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:3px!important;
    margin:0!important;
    padding:5px 2px 4px!important;
    border:0!important;
    border-radius:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#fff!important;
    font:400 clamp(12px,3.2vw,17px)/1.1 Arial,Helvetica,sans-serif!important;
    text-align:center!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent!important;
    touch-action:manipulation!important;
    user-select:none!important;
  }
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul>li>a>img{
    display:block!important;
    flex:0 0 clamp(27px,5.333vw,32px)!important;
    width:clamp(27px,5.333vw,32px)!important;
    height:clamp(27px,5.333vw,32px)!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    filter:none!important;
  }
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul>li>a>span{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    color:#fff!important;
    line-height:1.1!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul>li.main-nav.select{
    z-index:3!important;
    background:#285b78!important;
  }
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul>li.main-nav.select:before{
    content:""!important;
    position:absolute!important;
    z-index:1!important;
    top:calc(-1 * var(--baz365-nav-rise))!important;
    left:50%!important;
    width:100%!important;
    height:calc(var(--baz365-nav-rise) + 1px)!important;
    transform:translateX(-50%)!important;
    border:0!important;
    border-radius:52% 52% 0 0/100% 100% 0 0!important;
    background:#285b78!important;
    pointer-events:none!important;
  }
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul>li.main-nav.select>a{
    height:var(--baz365-nav-total)!important;
    margin-top:calc(-1 * var(--baz365-nav-rise))!important;
    padding-top:5px!important;
  }
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul>li.main-nav.select>a>img.icon-home{
    flex-basis:clamp(36px,8.533vw,48px)!important;
    width:clamp(36px,8.533vw,48px)!important;
    height:clamp(36px,8vw,44px)!important;
    margin:0!important;
  }
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul>li>a>img.icon-sports{
    width:clamp(28px,5.866vw,34px)!important;
    height:clamp(25px,4.8vw,30px)!important;
  }
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul>li>a:active{
    background:rgba(255,255,255,.08)!important;
  }
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul>li>a:focus-visible{
    outline:2px solid #ffd400!important;
    outline-offset:-3px!important;
  }
}
@media (min-width:601px) and (max-width:1023px){
  html[data-baazi365-footer="1"] .baazi365-bottom-fixed,
  html[data-baazi365-footer="1"] .baazi365-bottom-nav,
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul{
    border-radius:12px 12px 0 0!important;
  }
}
@media (max-width:340px){
  html[data-baazi365-footer="1"] .baazi365-bottom-nav>ul>li>a{font-size:11px!important}
}
@media (min-width:1024px) and (hover:hover) and (pointer:fine){
  html[data-baazi365-footer="1"] .baazi365-bottom-fixed{display:none!important}
}
@media (prefers-reduced-motion:reduce){
  html[data-baazi365-footer="1"] .baazi365-bottom-nav *{scroll-behavior:auto!important;transition:none!important}
}