/**
* Note: we need to use universal selector "*" for mozila firefox's scrollbar because
* there is no scope to customize scroll bar in mozila firefox.
* ref: https://www.w3schools.com/howto/howto_css_custom_scrollbar.asp
*
* Firefox 64 adds support for the spec draft CSS Scrollbars Module Level 1,
* which adds two new properties of scrollbar-width and scrollbar-color which
* give some control over how scrollbars are displayed.
* ref: https://stackoverflow.com/a/54101063/2463147
*/
* {
    scrollbar-color: #416def #dfdfdf;
}


body {
    scrollbar-color: #416def #dfdfdf;
}

/*------scroll bar---------------------*/
::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

::-webkit-scrollbar-button {
    width: 0;
    height: 0;
}

::-webkit-scrollbar-thumb {
    background: #416def;
    border: 0 none #ffffff;
    border-radius: 0;
    width: 7px;
}

::-webkit-scrollbar-thumb:hover {
    background: #525965;
}

::-webkit-scrollbar-thumb:active {
    background: #525965;
}

::-webkit-scrollbar-track {
    background: #dfdfdf;
    border: 0 none #ffffff;
    border-radius: 50px;
}

::-webkit-scrollbar-track:hover {
    background: #dfdfdf;
}

::-webkit-scrollbar-track:active {
    background: transparent;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

/****** header  navbar footer css ******/

.header-title {
    color: #0084FF;
    font-weight: 950;
    font-size: 4.0rem;
    font-family: Inter, sans-serif;
    letter-spacing: -0.1rem;
}

.header-summary {
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 25px;
    font-family: Inter, sans-serif;
}

@media screen and (max-width: 575px) {
    .header-summary {
        line-height: 18px;
    }
}

.menu-list {
    font-size: 1.25rem;
    font-weight: 400;
}

.menu-list a:hover {
    font-weight: 700;
}

.nav-btn:hover {
    background: rgba(255,255,255,.8) !important;
}

.optional-nav {
    background: #F5F5F5;
    font-size: 1.25rem;
    font-weight: 500;
}

.card-img {
    height: 6rem;
    width: 6rem;
}

.header-icon {
    height: 4.5rem;
}

.login-icon, .home-icon {
    height: 1.5rem;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.opt-custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 132, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

button:focus {
    outline: none;
}

.footer-bg {
    background: #121212;
}

.media-section a {
    color: rgba(255, 255, 255, 0.8);
}

.media-section a:hover {
    color: rgba(255, 255, 255, 1);
}

.footer-title img {
    max-width: 100%;
    height: auto;
    width: auto\9; /* ie-8 */
}

.height-33 {
    height: 33px !important;
}