.iws-portfolio-nav > .iws-portfolio-mega {
    background: #fff;
    border-top: 3px solid #16479e;
    box-shadow: 0 24px 65px rgba(7, 17, 31, .18);
}

.iws-portfolio-mega .iws-portfolio-card,
.iws-portfolio-mega .iws-portfolio-all {
    border: 0;
    margin: 0;
    width: auto;
}

.iws-portfolio-mega .iws-portfolio-card > a {
    align-items: center;
    background: #f7f9fc;
    border-radius: 8px;
    display: grid;
    gap: 12px;
    grid-template-columns: 92px minmax(0, 1fr);
    min-height: 82px;
    padding: 9px;
    text-transform: none;
    transition: background-color .2s ease, transform .2s ease;
}

.iws-portfolio-mega .iws-portfolio-card > a:hover,
.iws-portfolio-mega .iws-portfolio-card > a:focus-visible {
    background: #eef3ff;
    transform: translateY(-1px);
}

.iws-portfolio-mega .iws-portfolio-card img {
    border-radius: 8px;
    display: block;
    height: 64px;
    object-fit: cover;
    width: 92px;
}

.iws-portfolio-copy {
    align-content: center;
    display: grid;
    gap: 4px;
    min-width: 0;
}

.iws-portfolio-copy strong {
    color: #15364d;
    font: 700 13px/1.3 Manrope, sans-serif;
}

.iws-portfolio-copy small {
    color: #7b8796;
    font: 500 10px/1.35 "DM Sans", sans-serif;
}

.iws-portfolio-mega .iws-portfolio-all > a,
.iws-portfolio-mega .iws-portfolio-all > a:hover,
.iws-portfolio-mega .iws-portfolio-all > a:focus-visible {
    align-items: center;
    background: #0d2341 !important;
    border-radius: 8px;
    color: #fff !important;
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 13px 15px;
    text-transform: none;
    transform: none;
}

.iws-portfolio-mega .iws-portfolio-all strong {
    color: #fff;
    font: 700 13px Manrope, sans-serif;
}

.iws-portfolio-mega .iws-portfolio-all a > span {
    color: #c8ff36;
    font: 700 12px "DM Sans", sans-serif;
    width: auto;
}

.iws-portfolio-mega .iws-portfolio-all > a:hover,
.iws-portfolio-mega .iws-portfolio-all > a:focus-visible {
    box-shadow: inset 0 0 0 1px rgba(200, 255, 54, .25);
}

@media (min-width: 992px) {
    .navbar-nav > .iws-portfolio-nav {
        position: relative;
    }

    .navbar-nav > .iws-portfolio-nav > .iws-portfolio-mega {
        border-radius: 0 0 18px 18px;
        box-sizing: border-box;
        display: grid;
        gap: 10px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        left: 50% !important;
        margin: 0 !important;
        min-width: 0;
        opacity: 0;
        padding: 14px;
        pointer-events: none;
        top: 100%;
        transform: translateX(-50%) translateY(10px);
        transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
        visibility: hidden;
        width: 560px;
        z-index: 9999;
    }

    .navbar-nav > .iws-portfolio-nav:hover > .iws-portfolio-mega,
    .navbar-nav > .iws-portfolio-nav:focus-within > .iws-portfolio-mega {
        left: 50% !important;
        opacity: 1;
        pointer-events: auto;
        transform: translateX(-50%) translateY(0);
        visibility: visible;
    }

    .iws-portfolio-mega .iws-portfolio-all {
        grid-column: 1 / -1;
    }
}

@media (max-width: 991px) {
    .iws-portfolio-nav > .iws-portfolio-mega {
        border-top-width: 2px;
        box-shadow: none;
        padding: 8px !important;
    }

    .iws-portfolio-mega .iws-portfolio-card > a {
        gap: 11px;
        grid-template-columns: 70px minmax(0, 1fr);
        min-height: auto;
        padding: 8px;
    }

    .iws-portfolio-mega .iws-portfolio-card img {
        height: 48px;
        width: 70px;
    }

    .iws-portfolio-mega .iws-portfolio-all > a {
        padding: 12px;
    }
}