body
    font-family: "Inter", sans-serif !important
    overflow-x: hidden
    font-display: swap

.custom_container_fluid
    width: 100%
    max-width: 100%
    margin: 0 auto
.common_container
    width: 85%
    margin: 0 auto
    @include tablet
        width: 100%
        padding: 0 10px
    @include tablet-ls
        width: 100%
        padding: 0 10px
    @include phone
        width: 100%
        padding: 0 10px
body.has-sticky-nav
    padding-top: 80px
.navbar-sticky
    position: fixed
    z-index: 1000
    transition: transform 0.3s ease
    width: 100%
    margin: 0 auto
    top: 0
    border-radius: 0px
    background: #FFFFFF
    padding: 10px 0rem
    backdrop-filter: blur(10px)
    box-shadow: 0px 3px 16px #dbdbdba3
    @include tablet-ls
        width: 100%
    @include tablet
        width: 100%
    @include phone
        width: 100%
    .custom_main_menu
        width: 85%
        margin: 0 auto
        @include tablet-ls
            .navbar-collapse
                position: absolute
                background: #FFFFFF 0% 0% no-repeat padding-box
                box-shadow: 0px 12px 15px #dbdbdba3
                width: 100%
                padding: 1rem
                top: 7rem
                left: 0
        @include tablet
            .navbar-collapse
                position: absolute
                background: #FFFFFF 0% 0% no-repeat padding-box
                box-shadow: 0px 12px 15px #dbdbdba3
                width: 100%
                padding: 1rem
                top: 5rem
                left: 0
        @include phone
            .navbar-collapse
                position: absolute
                background: #FFFFFF 0% 0% no-repeat padding-box
                box-shadow: 0px 12px 15px #dbdbdba3
                width: 100%
                padding: 1rem
                top: 4rem
                left: 0
        .d-flex
            @include tablet-ls
                flex-wrap: wrap !important
                justify-content: space-between !important
            @include tablet
                flex-wrap: wrap !important
                justify-content: space-between !important
            @include phone
                flex-wrap: wrap !important
                justify-content: space-between !important
        .navbar-brand
            padding-left: 0
            width: 17%
            @include tablet-ls
                width: 200px
            @include tablet
                width: 200px
            @include phone
                width: 50%
        .login_btns
            margin-right: 0
            @include phone
                margin: 1rem 0
            @include tablet-ls
                margin: 1rem 0
            @include tablet
                margin: 1rem 0
            ul
                width: 100%
                list-style: none
                margin-bottom: 0 !important
        .navbar-nav
            width: 84%
            justify-content: center
            .active
                .nav-link
                    color: #92288F !important
                    transform: scale(1.02)
                    &::before
                        width: 25% !important
            .nav-item
                .nav-link
                    font-size: 1.2rem
                    color: #000
                    font-weight: 400
                    padding: 8px 1rem !important
                    transition: .4s ease-in-out
                    text-decoration: none
                    position: relative
                    &:hover
                        color: #92288F !important
                        transform: scale(1.02)
                        &::before
                            width: 25%
                    &::before
                        content: ''
                        width: 0%
                        height: 3px
                        background-color: #92288F
                        transition: .4s ease-in-out
                        position: absolute
                        left: 38%
                        bottom: 0
                        display: block
                        @include tablet-ls
                            display: none
                        @include tablet
                            display: none
                        @include phone
                            display: none
    &.alpha-fixed
        position: fixed
        top: 0rem
        left: 0
        right: 0
        width: 100%
        margin: 0 auto
        transform: translateY(-175%)
        background: #FFFFFFE5 0% 0% no-repeat padding-box
        box-shadow: 0px 3px 16px #dbdbdba3
        border-radius: 0px
        padding: 10px 0rem
        &.alpha-visible
            transform: translateY(0)
.schedule_btn
    background-color: #212020
    border: 1px solid #212020
    font-size: 1.2rem
    font-weight: 400
    transition: .4s ease-in-out
    border-radius: 6px
    padding: 0.7rem 1rem
    white-space: nowrap
    text-decoration: none
    color: #fff
    @include desktop
        font-size: 1rem
    &:hover
        background-color: transparent
        color: #212020 !important
.hub-navbar-toggler
    @include tablet-ls
        margin-right: .8rem
    @include tablet
        margin-right: .8rem
    @include phone
        margin-right: .8rem
.menuhubnav
    position: relative
.menu_submenu_revamp
  position: absolute
  top: 100%
  left: 0
  background: #fff
  display: none
  min-width: 200px
  padding: 10px 0
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1)
  @include phone
    position: relative
    background: #fff
    box-shadow: none

  &.show-submenu
    display: block

  li
    list-style: none

    a
      display: block
      padding: 8px 15px
      color: #000
      text-decoration: none

      &:hover
        background: #f5f5f5