﻿: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:2000;
  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;
     right:0;
     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; 
}
@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:var(--ghost-white);
    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 #006435;
        background:#006435;
        box-shadow: 8px 8px 9px #ccc;
        color:#fff;
    }
    .pinkbg
    {
         border: solid 2px #FF595E;
        background:#FF595E;
     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;
    }
    .bluebg
    {
        border: solid 2px #5e459b;
        background:#5e459b;
     box-shadow: 8px 8px 9px #ccc;
        color:#fff;
    }
    .purplebg
    {
        border: solid 2px #ff0000;
        background:#ff0000;
     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;
    }
    .bcdiv
    {
        position:relative;
        z-index:1;
        background:url('images/bcimg.jpg');
        padding-top:40px;
        padding:20px;
        border-bottom:solid 4px var(--rosewood);
        
    }
    .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;
    }
    .masterTop
    {
        position:relative;
        background:var(--drab-dark-brown);
    }
    .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);
        
    }
    .toptitle
    {
     background:var(--rosewood);
     color:var(--ghost-white);
     font-size:1.4rem;
     padding:5px;
     text-align:center;
     margin-bottom:10px;   
    }
    .text-just
    {
        text-align:justify;
    }
    .img-pull-left
    {
        float:left;
    }
    .imgBorders
    {
        padding:10px;
           
    }
    .bxDiv
    {
         padding:20px;
    }
    .strongBold
    {
        font-weight:bold;
        font-size:1.2rem;
    }
    .fbg
    {
        background:url('images/bgfounder.jpg');
        background-size:cover;
        background-position:top left;
        background-attachment:fixed;
    }

  .aims-wrapper {
 
   padding:20px;
   

    font-family: 'Segoe UI', sans-serif;
    color: #2c3e50;
  }

  .aims-wrapper h2 {
    text-align: center;
    font-size: 2rem;
    color: #111;
    margin-bottom: 20px;
    font-weight: bold;
  }

  .aims-wrapper hr {
    width: 100px;
    height: 3px;
    background-color: #990000;
    border: none;
    margin: 0 auto 30px auto;
  }

  .aims-wrapper ol {
    list-style: none;
    padding-left: 0;
  }

  .aims-wrapper li {
    font-size: 1.05rem;
    line-height: 1.8;
    margin-bottom: 18px;
    display: flex;
    align-items: flex-start;
    transition: background-color 0.2s ease;
    border-radius: 5px;
    padding: 5px;
  }

  .aims-wrapper li:hover {
    background-color: #f9f9f9;
  }

  .aims-wrapper li i {
    font-size: 1.1rem;
    margin-right: 10px;
    color: #990000;
    margin-top: 4px;
    min-width: 20px;
    transition: transform 0.3s ease;
  }

  .aims-wrapper li:hover i {
    transform: scale(1.2);
  }

  @media (max-width: 600px) {
    .aims-wrapper {
      padding: 20px;
    }

    .aims-wrapper h2 {
      font-size: 1.6rem;
    }
  }
.rules-title {
    display: inline-block;
    background: linear-gradient(to right, #900, #c00);
    color: #fff;
    padding: 12px 30px;
    font-size: 1.8rem;
    border-radius: 5px;
    font-weight: bold;
    margin-bottom: 30px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }
#rules-list  i
{
    color: #990000;
}
.border-danger
{
    border-color:#990000 !important;
}

.House
{
    color:var(--ghost-white);
    text-align:center;
}
.redHouse
{
    background:#fe0000;   
}
.greenHouse
{
    background:#34cc32;
}
.blueHouse
{
    background:#0070c0;
}
.yellowHouse
{
    background:#ffff00;
}
.htitle
{
    font-size:1.2rem;
    font-weight:bold;
}