:root
{
    --drab-dark-brown: #5c573eff;
--canary: #feea00ff;
--rosewood: #520100ff;
--russian-violet: #0c0a3eff;
--ghost-white: #f0eff4ff;
}body 
{
    overflow-x:hidden;
}
a
{
    text-decoration:none;
}
header
{
    position:sticky;
    top:0px;
    z-index:2;
  position:relative;

}
header.ActiveH .topsMenu
{
    background:var(--drab-dark-brown);
}
.menuButton1 a
{
    color:var(--ghost-white);
    text-decoration:none;
    padding:8px;
}
.menuButton,.menuButton  i,.menuButton1,.menuButton1  i
{
    color:var(--ghost-white);
    cursor:pointer;
    font-size:1.5rem;
    font-weight:bold;
    padding:5px;
}
.menuButton  i,.menuButton1  i
{
    font-size:1.8rem;
}
.BigNavigation
{transform-origin: left top;
    transition: all .2s ease-in-out;
     transform:scaleY(0);
     background:#EFE9F4;
     position:absolute;
     top:60px;
     left:0;
     z-index:3000;
     color:#000;
     
}
.topsMenu
{
    position:absolute;
    width:100%;
    background:rgba(0,0,0,0.5);
}
.menuButton,.menuButton1
{
    position:relative;
}
.BigOpen
{
     transform:scaleY(1);
}
.boxMenu
{
    padding-top:30px;
    padding-bottom:30px;
    padding-left:40px;
}
.boxMenu nav.mainmenu
{
 
   
    margin-left:30px;
    margin-top:30px;
}
.boxMenu nav.mainmenu ul
{ box-shadow:1px 1px 5px #ccc;
  padding:0;
  margin:0;
}
.boxMenu nav.mainmenu ul li
{
    list-style:none;
    color:#000;
    display:block;
   background:#fff;
    position:relative;
}

.boxMenu nav.mainmenu ul li a
{   background:var(--ghost-white);
    text-decoration:none;
    color:#000;
    display:block;
    border-bottom:solid 1px #ccc;
       padding:8px;
       display:flex;
       align-items:center;
      
}
.boxMenu nav.mainmenu ul li ul
{
    position:absolute;
    left:100%;
    top:0;
    transform:translateY(100px);
    width:100%;
    
    opacity:0;
     transition: all .5s ease-in-out; 
}
    .boxMenu nav.mainmenu ul li {
        position: relative; /* important for submenu positioning */
    }

        .boxMenu nav.mainmenu ul li ul {
            position: absolute;
            left: 100%; /* or 100% for horizontal submenu */
            top: 0; /* place it just below the parent */
            transform: translateY(0px);
            width: max-content; /* or 100% */
            opacity: 0;
            visibility: hidden;
            transition: all 0.5s ease-in-out;
            z-index: 999;
        }

        .boxMenu nav.mainmenu ul li:hover > ul {
            display: block;
            opacity: 1;
            visibility: visible;
        }
@media only screen and (max-width: 600px) {
 .boxMenu nav.mainmenu ul li ul
{   
    position:relative;
    visibility:none;
    display:none;
    left:auto;
    top:auto;
    }
    .boxMenu nav.mainmenu>ul>li:hover ul
{
 display:block;  
}
}
.boxMenu nav.mainmenu>ul>li:hover ul
{
    display:block;
    opacity:1;
    
    transform:translateY(0px);
    
}
.icondown
{
    margin-left:auto;
}
.Alumniclub
{
    background:#a8dadc;
    color:#000;
    padding:30px 20px;
    
    }
    nav.qLinks ul
    {
        margin:0px 20px;
    }
    nav.qLinks ul li
    {
        display:block;
    }
    nav.qLinks ul li a
{
    display:block;
    padding:10px 5px;
    text-decoration:none;
    color:#000;
    font-weight:bold;
    border-bottom:solid 1px #ccc;
}    
.marqueeDiv
{
    background:var(--russian-violet);
    color:var(--ghost-white);
    padding:10px 0px;
    font-weight:bold;
}
    .section-title
    {
        font-weight:bold;
        margin:10px 0px;
    }
    .gaps
    {
        padding:40px 0px;
        
    }
       .section-title h2
    {
        
        font-size:2.3rem;
        font-weight:bold;
        margin:0px;
    }
    .text-justify
    {
        text-align:justify;
    }
    .servicesdiv
    {
       
    
    padding:30px 20px;
    margin-bottom:10px;
    }

.greenbg {
    border: solid 2px #13315c;
    background: #13315c;
    box-shadow: 8px 8px 9px #ccc;
    color: #fff;
}
.pinkbg {
    border: solid 2px #13315c;
    background: #13315c;
    box-shadow: 8px 8px 9px #ccc;
    color: #fff;
}
    .orangebg
    {
         border: solid 2px #ff8700;
        background:#ff8700;
     box-shadow: 8px 8px 9px #ccc;
        color:#fff;
    }
     .yellowbg
    {
         border: solid 2px #fbbc05;
        background:#fbbc05;
     box-shadow: 8px 8px 9px #ccc;
        color:#fff;
    }
.drkblue {
    border: solid 2px #1b263b;
    background: #1b263b;
    box-shadow: 8px 8px 9px #ccc;
    color: #fff;
}
.bluebg {
    border: solid 2px #134074;
    background: #134074;
    box-shadow: 8px 8px 9px #ccc;
    color: #fff;
}
.purplebg {
    border: solid 2px #134074;
    background: #134074;
    box-shadow: 8px 8px 9px #ccc;
    color: #fff;
}
    .NewsBox
    {
            border:1px solid #ccc;
            borde-radius:5px;
            padding-bottom:30px;
            background:#fff;
            box-shadow:2px 2px 4px #ccc;
    }
    .NewsBox h3
    {
        text-align:center;
        margin:20px 5px;
    }
    
    .NewsBox .content
    {
        text-align:justify;
        padding:20px;
    }
    .dtNews
    {
        text-align:center;
        margin:10px auto;
        max-width:80%;
        margin:auto;
    }
    .NewsBox a
    {
        display:block;
        clear:both;
        margin:10px auto;
        max-width:80%;
        text-align:center;
        background:#2a9d8f;
        padding:10px 10px;
        color:#fff;
        
    }
    footer
    {
        background:#283618;
        color:#fff;
        padding-top:30px;
        
    }
    .sbgs
    {
        background-image:url('images/sbg.jpg');
    }
    .BlueBgs
    {
        background:#2a9d8f;
        color:#fff;
    }
    .applyadmi
    {
        display:inline-block;
        padding:12px 20px;
        text-decoration:none;
        background:#fff;
        color:#2a9d8f;
        font-weight:bold;
        transition:all 0.3s ease-in;
    }
    .applyadmi:hover
    {
        box-shadow:2px 2px 5px #fff;
    }
    .ftmenu
    {
        font-size:1.3rem;
        color:#fff;
        font-weight:bold;
    }
    ul.femnu li a
    {
        display:block;
        color:#fff;
        padding:10px;
        font-size:1rem;
        font-weight:bold;
    }
    .fbot
    {
        background:#bc6c25; }
    .s-item
    {
        width:calc(50% - 40px);
       box-shadow:1px 1px 2px #ccc;
        margin:5px;
        font-size:2rem;
        padding:2rem;
        margin-bottom:5px;
        
    }
    .s-item a
    {
        display:block;
        clear:both;
        text-align:center;
        color:#fff;
    }
    .s-item.fb
    {
        background:#3b5998;
    }
    
    .s-item.linked
    {
        background:#0077b5;
    }
    .s-item.you
    {
        background:#cd201f;
    }
     .s-item.ins
    {
        background:#262626;
    }
    .qLinks a:hover
    {
        color:#cd201f;
    }
    .img-logo
    {
        position:relative;
        z-index:8000;
    }



    /* Page wise CSS HERE*/
.fbg {
    background: url('images/bg2.jpeg');
    background-size: cover;
    background-position: top left;
    background-attachment: fixed;
}
.masterTop {
    position: relative;
    background: var(--drab-dark-brown);
}
.bdiv {
    padding-top: 30px;
    position: relative;
    z-index: 3;
}

.overlay {
    background: rgba(255,255,255,0.8);
    z-index: 2;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.ghost {
    background: var(--ghost-white);
    ;
}

.gapSection {
    padding-top: 60px;
    padding-bottom: 60px;
}

.boxBorderShadow {
    border: dashed 1px var(--rosewood);
    background: rgba(255,255,255,0.9);
}
    .boxBorderShadow .section-title {
        color: #283618;
    }
.toptitle {
    background: var(--rosewood);
    color: var(--ghost-white);
    font-size: 1.4rem;
    padding: 5px;
    text-align: center;
    margin-bottom: 10px;
}
.bcdiv {
    position: relative;
    z-index: 1;
    background: url('images/bcimg.jpg');
    padding-top: 40px;
    padding: 20px;
    border-bottom: solid 4px var(--rosewood);
    background-position: center center;
    background-size: cover;
}
.text-justify
{
    text-align:justify;
}
.img-center
{
    display:block;
    margin:auto;

}
.gaplist li
{
    padding-bottom:10px;
}