/* =========================================================
   STANDPHILL INDIA - SERVICES MEGA MENU
   Clean Final Version
========================================================= */

/* =========================
   MAIN MEGA MENU
========================= */

.menuzord-menu > li.services-mega-menu{
    position: static !important;
}

.services-mega-menu{
    position: static !important;
}

/* dropdown wrapper */
.services-mega-menu .mega-menu{
    position: absolute !important;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    border: none;
    background: #ffffff;
    display: none;
    z-index: 99999;

    border-top: 1px solid #f1f1f1;

    box-shadow:
        0 18px 45px rgba(7, 27, 58, 0.10),
        0 2px 6px rgba(7, 27, 58, 0.06);

    overflow: hidden;

    animation: megaFade 0.25s ease;
}

/* desktop open */
.services-mega-menu:hover > .mega-menu,
.services-mega-menu.open > .mega-menu{
    display: flex !important;
}

/* animation */
@keyframes megaFade{
    from{
        opacity: 0;
        transform: translateY(10px);
    }
    to{
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================
   COLUMN LAYOUT
========================= */

.mega-menu{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

.mega-column{
    width: 33.3333%;
    padding: 26px 22px;
    background: #fff;
    list-style: none;
    border-right: 1px solid #edf1f5;
    min-height: 100%;
}

.mega-column:last-child{
    border-right: none;
}

/* =========================
   COLUMN HEADING
========================= */

.mega-column h4{
    margin: 0 0 18px 0;
    background: linear-gradient(135deg, #071b3a 0%, #0b2344 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;
    min-height: 54px;
    padding: 14px 18px;
    border-radius: 6px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    box-shadow: 0 6px 16px rgba(7, 27, 58, 0.10);
}
/* =========================
   LINKS
========================= */
.mega-column a{
    display: flex;
    align-items: center;

    gap: 10px;

    padding: 10px 2px;

    color: #1d2b3a;

    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;

    text-decoration: none !important;

    border-bottom: 1px solid #f2f4f7;

    transition:
        color 0.25s ease,
        padding-left 0.25s ease,
        background 0.25s ease;
}

/* icon */
.mega-column a i{
    color: #ff4a2f;
    font-size: 12px;
    transition: transform 0.25s ease;
}

/* hover */
.mega-column a:hover{
    color: #ff4a2f;
    padding-left: 8px;
    background: rgba(255, 74, 47, 0.03);
}

.mega-column a:hover i{
    transform: translateX(3px);
}

/* last link */
.mega-column a:last-child{
    border-bottom: none;
}

/* =========================
   NAVBAR ACTIVE STYLE MATCH
========================= */

.menuzord-menu > li.services-mega-menu > a{
    transition: all 0.25s ease;
}

.menuzord-menu > li.services-mega-menu:hover > a{
    color: #ff4a2f !important;
}

/* =========================
   MOBILE VERSION
========================= */

@media(max-width:991px){

    /* wrapper */
    .services-mega-menu .mega-menu{

        position: relative !important;

        left: 0 !important;
        top: 0 !important;

        width: 100% !important;

        display: none;

        flex-direction: column;

        background: #ffffff;

        border-top: 1px solid #f1f1f1;

        box-shadow: none !important;

        animation: none;

        overflow: hidden;
    }

    /* open */
    .services-mega-menu.open > .mega-menu{
        display: flex !important;
    }

    /* columns */
    .mega-column{
        width: 100% !important;

        padding: 18px 16px !important;

        border-right: none !important;

        border-bottom: 1px solid #edf1f5;
    }

    .mega-column:last-child{
        border-bottom: none;
    }

    /* heading */
    .mega-column h4{
        font-size: 12px;
        padding: 12px 14px;
        margin-bottom: 14px;
        border-radius: 4px;
    }
    /* links */
    .mega-column a{
        font-size: 13px;
        padding: 9px 0;
        line-height: 1.5;
    }

    .mega-column a i{
        font-size: 11px;
    }

    /* mobile service navbar item */
    .menuzord-responsive .menuzord-menu > li.services-mega-menu > a{
        position: relative;
    }

    /* smooth accordion */
    .services-mega-menu .mega-menu{
        transition: all 0.3s ease;
    }
}

/* =========================
   LARGE SCREEN SPACING
========================= */
@media(min-width:1200px){
    .mega-column{
        padding-left: 42px;
        padding-right: 42px;
    }
    .mega-column h4{
        font-size: 16px;
    }
    .mega-column a{
        font-size: 15px;
    }
}
/* ====================================
   REMOVE ORANGE ACTIVE BLOCK
==================================== */

.menuzord-menu > li.services-mega-menu > a,
.menuzord-menu > li.services-mega-menu:hover > a,
.menuzord-menu > li.services-mega-menu.active > a,
.menuzord-menu > li.services-mega-menu.open > a{
    background: transparent !important;
    box-shadow: none !important;
}

/* active text color only */
.menuzord-menu > li.services-mega-menu:hover > a,
.menuzord-menu > li.services-mega-menu.active > a,
.menuzord-menu > li.services-mega-menu.open > a{
    color: #ff4a2f !important;
}

/* MOBILE FIX */
@media(max-width:991px){

    .menuzord-responsive .menuzord-menu > li.services-mega-menu > a,
    .menuzord-responsive .menuzord-menu > li.services-mega-menu:hover > a,
    .menuzord-responsive .menuzord-menu > li.services-mega-menu.open > a{
        background: transparent !important;
        color: #071b3a !important;
    }
}