:root {
    /* --color-primary: #0D4480; */
    /* --color-second : #27A6DC; */
    /* --color-details: #8B03DC; */
    --color-primary: #152232;
    --color-second: #1b3350;
    --color-details: #00958e;
    --color-details-hover: #02cebf;
    --color-dark-gray: #5a5a5a;
    --color-gray: #bbbfc3;
    --color-white: #ffffff;
}

@media (min-width:1600px) {
    /* .hero-slider-content.text-white {
        top: 22vh;
    } */

    .mouse_scroll {
        top: -180px;
    }
}

@media (min-width:1200px) {
    header.header.fixed-top.affix {
        background: linear-gradient( 75deg, var(--color-details), var(--color-details-hover)) !important;
        z-index: 1090;
    }
    
    nav.navbar.navbar-expand-lg.fixed-top.bg-transparent.affix {
        top: 0px;
        padding: 10px 2rem !important;
    }
}