<style>
    :root {
        /* CSS HEX */
        --blue: #169ddd;
        --green: #31a94e;
        --orange: #fca725;
        --grey: #acaeb0;
    }

    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    /* Headings */
    h1 {
        font-size: 26px !important;
        color: var(--blue) !important;
    }

    h2 {
        font-size: 22px !important;
        color: var(--orange) !important;
    }

    h3 {
        font-size: 18px !important;
        color: var(--grey) !important;
    }

    h4 {
        font-size: 16px !important;
        color: var(--blue) !important;
    }

    .margin-container {
        margin: 0 15px 0 15px;
    }

    a.conf-link {
        color: var(--green) !important;
    }

    a.conf-link:hover {
        color: var(--orange) !important;
    }

    /* Conference Menu Styling */
    nav {
        position: inherit;
        z-index: 555;
    }

    ul {
        list-style-type: none;
    }

    a:hover {
        text-decoration: underline;
    }

    .conf-menu {
        background-color: #2177bb;
        padding: 0;
        margin-bottom: 14px;
    }

    .submenu {
        border-bottom: 2px solid #acaeb0;
        background-color: #fff;
    }

    .conf-menu li {
        padding: 10px;
    }

    .menu-icon {
        color: white;
        margin-left: 10px;
        font-size: 14px;
    }

    /* Flexbox rules */
    .conf-menu {
        display: flex;
        align-items: center;
        text-align: center;
        width: 100%;
        height: 60px;
        position: relative;
    }

    .menu-item {
        flex: 1;
        list-style: none;
    }

    .menu-item>a {
        color: white !important;
        font-size: 18px;
        font-weight: bold;
        line-height: 40px;
        list-style: none;
    }

    .submenu {
        width: 100%;
        position: absolute;
        top: 60px;
        left: 0;
        text-align: left;
        display: flex;
        flex-direction: column;
        z-index: 999;
        list-style: none;
    }

    .submenu-item {
        padding: 15px;
        list-style: none;
    }

    .submenu-top {
        display: flex;
        justify-content: center;
        gap: 60px;
        padding: 0;
        margin-top: 5px;
        list-style: none;   
    }

    /* Submenu general styling */
    .submenu-top li {
        padding: 0;
        list-style: none;
    }

    .submenu a {
        color: #111;
    }

    .submenu-top-item {
        font-weight: bold;
        max-width: 33.333%;
        list-style: none;
    }

    .submenu .submenu-title {
        font-weight: bold;
        color: darkslateblue;
    }

    .submenu .submenu-title:hover {
        text-decoration: none;
    }

    /* Hover rule */
    .submenu {
        display: none;
    }

    .menu-item:hover .submenu {
        display: flex;
    }

    .menu-item:hover>a {
        text-decoration: underline;
    }

    /* Conference Mobile Menu */
    .conf-mobile-menu {
        display: none;
    }

    @media (max-width: 900px) {
        /* mobile menu styling */
        .conference-standard-menu {
            display: none;
        }

        .conf-mobile-menu {
            position: relative;
            display: block;
        }

        .mobile-menu-button-container {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: end;
        }

        .conf-menu-toggle {
            font-size: 26px;
            background: none;
            border: none;
            cursor: pointer;
            padding: 10px 15px 15px 15px;
        }

        .conf-menu {
            list-style: none;
            padding: 0;
            margin: 0;
            display: none;
            background: var(--blue);
            color: #fff;
        }

        .conf-menu li {
            border-bottom: 3px solid #2177bb;
            padding: 0px;
        }

        .conf-menu li a {
            display: block;
            padding: 10px;
            text-decoration: none;
            color: #fff;
            background-color: var(--blue);
        }

        .conf-menu li a:hover {
            background: #2177bb;
        }

        .conf-submenu-list {
            display: none;
            list-style: none;
            padding: 0;
            margin: 0;
            background: white
        }

        .conf-submenu-list li a {
            padding-left: 20px;
            background-color: white;
            color: black;
        }

        .conf-submenu-list li a:hover {
            background: rgb(17, 143, 157);
            color: white;
        }

        .conf-submenu > a::after {
            content: ' ▼';
            float: right;
        }

        .conf-submenu.open .conf-submenu-list {
            display: block;
        }
    }
</style>