:root{
      --brand-blue:#1c12d5;
      --apply-yellow:#ffeb00;
      --apply-border:#5a120c;
      --dark:#212529;
      --red:#e53935;
    }

    /* ===== Desktop maroon bar ===== */
    .menu-bar{ background:var(--brand-blue); }
    .menu-bar .nav-link{
      color:#fff; font-weight:600; padding:.85rem 1rem; white-space:nowrap;
    }
    .menu-bar .nav-link:hover{ opacity:.9; }

    /* ===== Apply button ===== */
    .btn-apply{
      background:var(--apply-yellow);
      border:3px solid var(--apply-border);
      color:#000;
      font-weight:800;
      padding:.7rem 2.2rem;
      border-radius:0;
      white-space:nowrap;
    }
    .btn-apply:hover{ filter:brightness(.98); }

    /* ===== Active link ===== */
    .navbar-nav .link-active{
      background: var(--dark);
      color:#fff !important;
      border-radius:0;
      font-weight:700;
    }

    /* ===== Hover effect (only on the <a>, not the <li>) ===== */
    .navbar-nav .nav-link:hover{
      background: var(--dark);
      color:#fff !important;
      border-radius:0;
      
    }

    /* Optional: make icons a bit nicer */
    .social a{ color:#6c757d; }
    .social a:hover{ color:#000; }

    /* Logo size */
    .brand-logo{ height:55px; width:auto; }

    /* reset list */
.left-block ul.top-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.nav .nav-link {
    border-bottom: 2px solid transparent !important;
    padding-bottom: 0.5px;
    transition: 0.8s ease;
}

.nav .nav-link:hover {
    border-bottom-color: #fafafa !important;
}

.menu-bar .navlink-active{
      border-bottom: 2px solid !important;
      border-bottom-color: #fafafa !important;
      padding-bottom: 0.5px;
    }

/* each box */
.left-block ul.top-list li {
    display: flex;
    align-items: center;
    border: 1px solid var(--brand-blue);   /* red border */
    padding: 18px 20px;
    margin-bottom: 20px;
    background: #fff;
}

/* icon wrapper */
.left-block .top-icon {
    width: 48px;
    height: 48px;
    border: 1px solid var(--brand-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 18px;
    flex-shrink: 0;
}

/* icon image */
.left-block .top-icon img {
    max-width: 26px;
    max-height: 26px;
}

/* link text */
.left-block ul.top-list li a {
    font-size: 26px;
    font-weight: 600;
    color: #555;
    text-decoration: none;
    line-height: 1.2;
}

/* hover effect (optional but nice) */
.left-block ul.top-list li:hover {
    background:var(--brand-blue);
}

.left-block ul.top-list li:hover a {
    color: #fafafa;
}

.left-block ul.top-list li:hover .top-icon {
    background: #fafafa;
}

.left-block ul.mid-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.left-block ul.mid-list a li{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    border: 1px solid #fff;   /* red border */
    padding: 18px 20px;
    margin-bottom: 20px;
    background: var(--brand-blue);
}

.left-block .mid-list img {
    max-width: 48px;
    max-height: 48px;
    margin-right:18px;
    background: #fff;
    padding:10px;
}

.left-block ul.mid-list a {
    font-size: 26px;
    font-weight: 600;
    color: #fafafa;
    text-decoration: none;
    line-height: 1.2;
    padding: 0;
    margin: 0;
}

.left-block ul.mid-list a li:hover{
    background: #10025b;

}