.courseMegaMenu {
        background-color: var(--White);
        color: var(--Prime100);
        padding: 16px;
        font-size: 16px;
        border: none;
    }
    
    .megaSectionWrapper {
        position: relative;
        /* display: inline-block; */
        display: inline-flex;
    }
    
    .mega_menu_nav_content {
        display: none;
        position: absolute;
        top: 34px;
    }
    .mega_menu_nav_content ul{
        padding: 0;
        margin: 0;
    }

    .megaMenuHead{
        padding-bottom: 16px;
        text-transform: capitalize
    }
    .megaMenuHead a:hover{
       text-decoration: none;
    }
   
    .mega_menu_nav_content ul li {       
        padding: 2px 12px;
        text-decoration: none;
        display: block;
        font-size: 14px;
    }


   .megaLinkText{
      text-transform: capitalize;
    }
  
    .megaSectionWrapper:hover .courseMegaMenu {     
         color: #de0b1a;
         border: 1px solid #de0b1a;
         text-decoration: none;
    }

    .mega_menu_nav_content ul li i{
        font-weight: bold;
    }
    .mega_menu_nav_content ul li a{
        text-decoration: none;
    }


    /* ............................ */

    .megaSectionWrapper:hover .mega_menu_nav_content {
        display: block;
        width: 98vw;       
    }
    .menuIas{
        background: #fff;
        padding: 24px !important;      
        margin: auto;
        border: solid 1px;
    }
    .menuIas:hover{      
        border: solid 1px var(--Sec100);
    }
    /* .megaRow{
        padding: 32px 0px 18px;
    } */
    .megaSubmenuAnchorTag{
        color: var(--black3);
    }

    .searchBar{
        display: inline-flex;
        background-color: var(--White);
        border-radius: 5px 5px 5px 5px;
    }
    .searchBarBtn{       
        border-color: var(--White) !important;
    }

    .form-control-search-bar {
        display: block;
        width: 274px;
        height: 52px;
        padding: 0 12px;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: var(--zblack);
        background-color: #fff;
        background-clip: padding-box;
        border: none;
        border-radius: 5px 0 0 5px;
        transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }

    .form-control-search-bar:focus-visible {
        outline: none !important;
        box-shadow: none !important;
    }

        
        .mega_menu_nav_content ul li a:hover {           
            color:var(--black1);
        } 
        .menuIas:hover{
            border: solid 1px;
        }  
        .has-submenu{
            font-size: 14px !important;
        }    
        
        .scroll-megaMenu{
            width: 100%;
            height:500px;          
            /* border-radius: 10px; */
            overflow: auto;                    
        } 
        .allCourseBtn {                 
            border-radius: 5px !important;
            background: var(--Sec100) !important;
            color: var(--White) !important;
            width: 25%;
            /* width: 100%; */
            border-color: var(--Sec100);
        }       
          
        .dot_icon{
            font-size: 5px;
        }
        .megaSectionWrapper ul li a {
            text-transform: uppercase;
            display: flex;
            gap: 10px;
            align-items: center;
        }
       /* width */
       /* .megaSectionWrapper ::-webkit-scrollbar {
        width: 10px;
        } */

        /* Track */
        /* .megaSectionWrapper ::-webkit-scrollbar-track {
        
        border-radius: 16px;
        } */
        
        /* Handle */
        /* .megaSectionWrapper ::-webkit-scrollbar-thumb {
              border-radius: 10px;
              background-image: linear-gradient(
              to top, 
              rgb(122, 153, 217) 44%, 
              rgb(73, 125, 189) 72%, 
              rgb(28, 58, 148) 86%
            );
         } */

        /* Handle on hover */
       

        @media screen and (max-width: 1650px) { 
            .mega_menu_nav_content .container-ias {
                max-width: 1200px;
                padding: 0 60px;
                position: relative;
                
            }                  
        }
    


    @media screen and (max-width: 992px) { 
        .megaSectionWrapper {           
            display: none;
        } 
        .searchBar {           
            display: none;
        } 
    }