.navTop {
    background: linear-gradient(180deg, var(--naa-modal-footer) 0%, var(--naa-body-bg) 100%);
    transition: all 0.4s ease-in-out 0s;
    position: fixed;
    width: 100%;
    z-index: 999;
    height: 6rem;
    padding: 0;
}

    .navTop .navbar-header {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }

        .navTop .navbar-header img {
            width: 2.5rem;
            transition: 0.5s;
        }

            .navTop .navbar-header img.logo-text {
                width: auto;
                margin-left: 0.8rem;
                opacity: 1;
            }

        .navTop .navbar-header:hover img.logo-text {
            opacity: 1;
            transition: 0.5s;
        }

    .navTop .navbar-nav {
        background: var(--naa-body-bg);
        border-radius: 25rem;
    }

        .navTop .navbar-nav li.nav-item {
            position: relative;
            z-index: 9;
        }

        .navTop .navbar-nav li a {
            color: var(--naa-title-text);
            font-size: var(--font-size-16);
            padding: 0.4rem 2.2rem !important;
            cursor: pointer;
            border: 2px solid transparent;
            font-family: var(--ff-regular);
        }

            .navTop .navbar-nav li a.active {
                border-radius: 25rem;
                border: 2px solid var(--naa-para-text);
                color: var(--naa-title-text);
            }

            .navTop .navbar-nav li a.login_nav {
                background: var(--naa-cards-bg-alt);
                border-radius: 25rem;
            }

        .navTop .navbar-nav li.dropdown {
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
            perspective: 1000px;
            z-index: 100;
        }

            .navTop .navbar-nav li.dropdown:hover .dropdown_menu--animated {
                visibility: visible;
                opacity: 1;
                transition: all 0.3s;
                transform: translate(50.2%) translateY(0px);
            }

            .navTop .navbar-nav li.dropdown .dropdown_menu--animated {
                /*display: none;*/
            }

                .navTop .navbar-nav li.dropdown .dropdown_menu--animated li {
                    display: block;
                    opacity: 1;
                    padding: 0;
                    margin-right: 0;
                }

                    .navTop .navbar-nav li.dropdown .dropdown_menu--animated li a {
                        display: block;
                        text-align: center;
                        font-family: var(--ff-light);
                        padding: 0.5rem 0.2rem !important;
                        border-radius: 0.3rem;
                        font-size: var(--font-size-14);
                    }

            .navTop .navbar-nav li.dropdown .dropdown_menu-6 {
                /*      animation: growDown 300ms ease-in-out forwards;
  transform-origin: top center;*/
                padding-left: 0;
                padding-bottom: 0;
            }

            .navTop .navbar-nav li.dropdown .dropdown_menu {
                position: absolute;
                right: 50%;
                top: 2.4rem;
                width: 9.5rem;
                min-width: 9.5rem;
                text-align: center;
                border-radius: 0 0 0.625rem 0.625rem;
                opacity: 0;
                visibility: hidden;
                box-shadow: rgba(0, 0, 0, 0.2) 0 20px 30px;
                background: var(--naa-body-bg);
                transform: translate(50.2%, 0);
                transition: all 0.3s ease 0s;
                transform-origin: 0 0 0;
                z-index: -1;
                padding: 0rem 0.5rem 0.5rem;
                padding-top: 0.5rem;
            }

                .navTop .navbar-nav li.dropdown .dropdown_menu li:last-child a {
                    border-radius: 0 0 2rem 2rem;
                }

    .navTop.scrolled {
        background-color: #151535;
        box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
    }

        .navTop.scrolled.aboutnavthree {
            background: var(--aboutbg);
        }

.dropdown_menu.expandDropdown {
    min-width: 13rem;
}

.navbar-toggler {
    position: relative;
    float: right;
    padding: 9px 3px;
    margin-right: 0;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggler .icon-bar {
        width: 20px;
        transition: all 0.2s;
    }

    .navbar-toggler .icon-bar {
        display: block;
        width: 20px;
        height: 2px;
        border-radius: 1px;
        background-color: #fff;
    }

    .navbar-toggler .top-bar {
        transform: rotate(45deg);
        transform-origin: 23% 10%;
    }

    .navbar-toggler.collapsed .top-bar {
        transform: rotate(0);
    }

    .navbar-toggler .icon-bar + .icon-bar {
        margin-top: 4px;
    }

    .navbar-toggler.collapsed .middle-bar {
        opacity: 1;
    }

    .navbar-toggler .middle-bar {
        opacity: 0;
    }

    .navbar-toggler.collapsed .bottom-bar {
        transform: rotate(0);
    }

    .navbar-toggler .bottom-bar {
        transform: rotate(-45deg);
        transform-origin: -9% 22%;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

.side-bar {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: -100%;
    width: 21rem;
    padding: 40px 30px;
    padding-top: 50px;
    height: 100%;
    display: block;
    background-color: var(--naa-body-bg);
    backdrop-filter: blur(7px);
    z-index: 1900;
    transition: all 300ms ease;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow: visible;
}

    .side-bar.show {
        right: 0;
        overflow-y: auto;
    }

#anywhere-home {
    cursor: url(../assets/images/close.png), auto;
    background: #0e1013;
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 500ms ease-in-out;
    pointer-events: none;
    z-index: 50;
}

    #anywhere-home.bgshow {
        background: #0e1013;
        opacity: 70%;
        visibility: visible;
        pointer-events: visible;
        z-index: 999;
        top: 0;
    }

.side-bar .close-icon-menu {
    max-width: max-content;
    margin-right: auto;
    margin-top: 0;
    position: absolute;
    border: 0;
    padding: 0;
    left: 0;
    cursor: pointer;
    top: 0;
    padding: 0.5rem;
    background: var(--naa-ash);
    display: block;
}

    .side-bar .close-icon-menu img {
        color: #353535;
        height: 1.5rem;
        width: 1.5rem;
        border-radius: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 2rem;
        margin-top: -2.5rem;
        font-style: normal;
        font-family: cursive;
        background: #13368d;
        padding: 0.5rem;
    }

.mainmenu ul li a {
    padding: 0.8rem 0;
    cursor: pointer;
    color: var(--naa-para-text);
    display: block;
    font-size: var(--font-size-20);
}

.mainmenu ul {
    list-style: none;
    padding: 0;
}

    .mainmenu ul li a.login_nav {
        background: var(--naa-cards-bg-alt);
        border-radius: 25rem;
        color: var(--naa-title-text);
        font-size: var(--font-size-18);
        padding: 0.5rem 2rem !important;
        cursor: pointer;
        border: 1px solid transparent;
        display: inline-block;
        margin-top: 1rem;
    }

    .mainmenu ul li a.active {
        color: var(--naa-highlight-text);
    }

.navbar-nav li.dropdown:hover .megamenuDrop {
    visibility: initial;
}

.navbar-nav li.dropdown .megamenuDrop {
    background: #1E1628;
    top: 3.5rem;
    /* bottom: 0; */
    opacity: 1;
    visibility: inherit;
    position: fixed;
    display: block;
    /* width: 10rem; */
    height: auto;
    visibility: hidden;
    padding: 1rem 0;
    border-radius: 0;
    border: 0;
}

    .navbar-nav li.dropdown .megamenuDrop li a {
        width: 100%;
        display: block;
        text-align: left;
        padding: 0.8rem 1rem !important;
    }

.navSplit {
    margin: 0 auto;
}

.dropdownHead {
    display: flex;
    align-items: center;
}

    .dropdownHead p {
        font-size: 1.6vw;
        font-family: "gravesend-semi";
        color: #fff;
        margin-bottom: 0;
    }

.megamenuDrop .innerPages {
    padding: 2rem 0;
    position: relative;
}

    .megamenuDrop .innerPages img {
        padding: 2rem 0;
        position: absolute;
        top: -2.5rem;
        right: 0;
    }

.dropdownContent .navBorder {
    border-right: 0px solid rgba(255, 255, 255, 0.11);
    padding-right: 4rem;
    margin-right: 0vw;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    min-height: 9rem;
}

.megamenuDrop .innerPages h4 {
    font-size: 1.2rem;
    font-family: "poppins-regular";
    padding-bottom: 0.8rem;
    color: rgb(255, 255, 255);
}

.megamenuDrop .innerPages p {
    font-size: 0.8rem;
    line-height: 1.7;
    color: #fff;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 5.5rem;
    margin: 0 auto;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropdownContent .navBorder.borderNone {
    border-right: 0px solid #ccc !important;
}

.megamenuDrop .innerPages a {
    text-align: left;
    color: rgb(138, 138, 138) !important;
    padding: 0 !important;
    margin-top: 0.8rem;
    display: flex;
    align-items: baseline;
    width: fit-content;
    /*transition: all .2s;*/
}

    .megamenuDrop .innerPages a:hover {
        color: #4371da !important;
    }

    .megamenuDrop .innerPages a i {
        margin-left: 0.2rem;
        font-size: 0.65rem;
    }

.navTop.hovered {
    background: rgb(32, 24, 43) !important;
}

/***************/
.dropdown img {
    margin-left: 0.2rem;
}

.dropdown:hover {
    /*background: #2980b9;*/
    cursor: pointer;
}

    .dropdown:hover .dropdown_menu li {
        display: block;
    }

.dropdown_menu--animated li a:hover {
    background: var(--naa-cards-bg-alt);
    border-radius: 0.3rem !important;
}

@-moz-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(1);
    }
}

@-webkit-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(1);
    }
}

@-o-keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes growDown {
    0% {
        transform: scaleY(0);
    }

    80% {
        transform: scaleY(1.1);
    }

    100% {
        transform: scaleY(1);
    }
}

.mainmenu ul li.submenu ul {
    padding-left: 1rem;
    display: none;
}

.mainmenu ul li.submenu span.menu-expand i {
    display: block;
    position: relative;
    width: 10px;
    -webkit-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
    border-bottom: 1px solid #fff;
}

.mainmenu ul li.submenu {
    position: relative;
}

    .mainmenu ul li.submenu span.menu-expand {
        line-height: 50;
        top: 0;
        left: 82%;
        position: absolute;
        height: 50px;
        cursor: pointer;
        width: 50px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9;
    }

        .mainmenu ul li.submenu span.menu-expand i:before {
            top: 0;
            width: 100%;
            content: "";
            display: block;
            position: absolute;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
            border-bottom: 1px solid var(--darkdeep1);
            -webkit-transition: 0.4s;
            transition: 0.4s;
            border-bottom: 1px solid #fff;
        }

    .mainmenu ul li.submenu.active span.menu-expand i:before {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

.side-bar, #anywhere-home {
    display: none;
}
@media (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    footer .footer_disc {
        width: 100%;
    }

    .desktop_nav {
        display: none;
    }

    .navbar-expand-sm .navbar-toggler {
        display: block;
    }

    .side-bar, #anywhere-home {
        display: block;
    }

    .navTop .navbar-header {
        width: 100%;
    }

    .pl-md-0 {
        padding-left: 0;
    }

    .pr-md-0 {
        padding-right: 0;
    }

    .mb-md-2rem {
        margin-bottom: 2rem;
    }

    .mt-md-2rem {
        margin-top: 2rem;
    }
}

@media (max-width: 991px) {
    .desktop_nav {
        display: none;
    }
    .side-bar, #anywhere-home {
        display: block;
    }
    .pl-md-0 {
        padding-left: 0;
    }
    .navTop .navbar-header {
        width: 100%;
    }
    .pr-md-0 {
        padding-right: 0;
    }

    .mb-md-2rem {
        margin-bottom: 2rem;
    }

    .mt-md-2rem {
        margin-top: 2rem;
    }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    .side-bar, #anywhere-home {
        display: block;
    }

    #methodology .img-res {
        width: 100%;
    }
}
.dropdown-toggle::after{
    display: none;
}