/* ==================================================
   TECHHUB SOLUTIONS
   MEGA MENU
================================================== */

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

.mega-menu{

    position:absolute;

    top:100%;
    left:50%;
    transform:translateX(-50%);

    margin-top:15px;

    width:1600px;
    max-width:95vw;

    background:#f5f7fb;

    padding:35px;

    border-radius:16px;

    box-shadow:0 20px 60px rgba(0,0,0,.12);

    display:grid;

    grid-template-columns:repeat(5,minmax(0,1fr));

    gap:30px;

    align-items:start;

    max-height:calc(100vh - 140px);

    overflow-y:auto;
    overflow-x:hidden;

    opacity:0;
    visibility:hidden;

    transition:all .35s ease;

    z-index:99999;

}

/* ==========================
   SHOW MEGA MENU
========================== */

.mega-menu-parent:hover .mega-menu{

    opacity:1;

    visibility:visible;

}

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

.mega-column{

    background:#ffffff;

    padding:20px;

    border-radius:12px;

    box-shadow:0 5px 20px rgba(0,0,0,.08);

    height:420px;

    overflow-y:auto;

    scrollbar-width:thin;

    scrollbar-color:#bdbdbd transparent;

    transition:var(--transition);

}

.mega-column::-webkit-scrollbar{

    width:5px;

}

.mega-column::-webkit-scrollbar-thumb{

    background:#bdbdbd;

    border-radius:20px;

}

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

.mega-column h4{

    color:var(--primary);

    font-size:17px;

    font-weight:700;

    line-height:1.5;

    margin:0 0 18px;

    padding-bottom:12px;

    border-bottom:2px solid var(--secondary);

}

/* ==========================
   COURSE LIST
========================== */

.mega-column ul{

    flex:1;

    overflow-y:auto;

    scrollbar-width:thin;

    scrollbar-color:#bdbdbd transparent;

}

.mega-column ul::-webkit-scrollbar{

    width:5px;

}

.mega-column ul::-webkit-scrollbar-thumb{

    background:#bdbdbd;

    border-radius:20px;

}

/* ==========================
   LINKS
========================== */

.mega-column a{

    display:block;

    padding:10px 12px;

    color:#555555;

    font-size:14px;

    line-height:1.5;

    border-radius:8px;

    transition:var(--transition);

}

.mega-column a:hover{

    background:#f8f9fc;

    color:var(--secondary);

    padding-left:18px;

    font-weight:600;

}