/* Services dropdown: title + short description, dark card on desktop to match the Products menu. */
@media (min-width: 992px) {
    nav.navbar .services-menu {
        position: relative;
    }

    nav.navbar .services-menu > .dropdown-menu {
        background: linear-gradient(180deg, #1b1f33 0%, #151827 100%);
        border: 0;
        border-radius: 0 0 16px 16px;
        border-top: 2px solid #f1dd00;
        box-shadow: 0 28px 60px rgba(15, 18, 28, 0.38);
        left: 0;
        margin-top: 0;
        min-width: 340px;
        overflow: hidden;
        padding: 8px;
        position: absolute;
        right: auto;
        top: 100%;
        float: none;
        width: 340px;
        z-index: 40;
    }

    nav.navbar .services-menu.open > .dropdown-menu,
    nav.navbar .services-menu:focus-within > .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }

    nav.navbar .services-menu > .dropdown-menu > li > a,
    nav.navbar .services-menu > .dropdown-menu > li > a:hover,
    nav.navbar .services-menu > .dropdown-menu > li > a:focus {
        background: transparent;
        border: 0;
        border-radius: 10px;
        color: rgba(255, 255, 255, 0.82);
        display: block;
        font-weight: 400;
        line-height: 1.35;
        padding: 12px 14px;
        text-decoration: none;
        transform: none;
        white-space: normal;
        width: 100%;
    }

    nav.navbar .services-menu > .dropdown-menu > li > a:hover,
    nav.navbar .services-menu > .dropdown-menu > li > a:focus,
    nav.navbar .services-menu > .dropdown-menu > li > a.is-current {
        background: rgba(255, 255, 255, 0.08);
        color: #fff;
    }

    nav.navbar .services-menu > .dropdown-menu > li > a strong {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: 0;
        line-height: 1.3;
        margin: 0 0 3px;
    }

    nav.navbar .services-menu > .dropdown-menu > li > a.is-current strong {
        color: #f1dd00;
    }

    nav.navbar .services-menu > .dropdown-menu > li > a span {
        color: rgba(255, 255, 255, 0.6);
        display: block;
        font-size: 12.5px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 1.45;
        text-transform: none;
    }

    nav.navbar .services-menu .services-menu-foot > a,
    nav.navbar .services-menu .services-menu-foot > a:hover,
    nav.navbar .services-menu .services-menu-foot > a:focus {
        border-radius: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        color: #f1dd00;
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.06em;
        margin-top: 4px;
        text-transform: uppercase;
    }
}

@media (max-width: 991px) {
    nav.navbar .services-menu > a.dropdown-toggle {
        padding-right: 52px !important;
    }

    nav.navbar .services-menu > a i {
        color: #f1dd00;
        display: block;
        font-size: 14px;
        line-height: 48px;
        margin: 0;
        padding: 0;
        position: absolute;
        right: 8px;
        top: 0;
        width: 40px;
    }

    nav.navbar .services-menu.open > a i {
        transform: rotate(180deg);
    }

    nav.navbar .services-menu > .dropdown-menu {
        background: transparent !important;
        border-radius: 0;
        box-shadow: none !important;
        box-sizing: border-box;
        display: none !important;
        float: none !important;
        height: auto !important;
        margin: 0 !important;
        max-height: none !important;
        min-width: 0 !important;
        overflow: hidden !important;
        padding: 0 !important;
        position: static !important;
        transition: none !important;
        width: 100% !important;
    }

    nav.navbar .services-menu.open > .dropdown-menu {
        display: block !important;
        padding: 0 12px 8px 18px !important;
    }

    nav.navbar .services-menu > .dropdown-menu > li {
        margin: 0 !important;
        max-width: 100%;
        opacity: 1 !important;
    }

    nav.navbar .services-menu > .dropdown-menu > li > a,
    nav.navbar .services-menu > .dropdown-menu > li > a:hover,
    nav.navbar .services-menu > .dropdown-menu > li > a:focus {
        background: transparent !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        color: #fff !important;
        display: block !important;
        padding: 12px 8px !important;
        text-decoration: none;
        transform: none !important;
        white-space: normal;
        width: 100%;
    }

    nav.navbar .services-menu > .dropdown-menu > li > a strong {
        color: #fff;
        display: block;
        font-size: 15px;
        font-weight: 700;
        margin-bottom: 3px;
    }

    nav.navbar .services-menu > .dropdown-menu > li > a span {
        color: rgba(255, 255, 255, 0.68);
        display: block;
        font-size: 13px;
        font-weight: 400;
        line-height: 1.4;
        text-transform: none;
    }

    nav.navbar .services-menu > .dropdown-menu > li > a.is-current strong {
        color: #f1dd00;
    }

    nav.navbar .services-menu .services-menu-foot > a,
    nav.navbar .services-menu .services-menu-foot > a:hover {
        color: #f1dd00 !important;
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.04em;
        text-transform: uppercase;
    }
}