:root {
    --drab-dark-brown: #5c573eff;
    --canary: #feea00ff;
    --rosewood: #520100ff;
    --russian-violet: #0c0a3eff;
    --ghost-white: #f0eff4ff;
    --tile-1: #de4b3a;
    --tile-2: #2f4b3c;
    --tile-3: #274234;
    --tile-4: #ff6f50;
    --tile-5: #78c8d4;
    --tile-6: #8e44aa;
    --tile-7: #444444;
    --tile-8: #3f6b72;
    --tile-9: #193a7a;
    --tile-10: #92275e;
    --tile-11: #6f6f6f;
    --tile-12: #10162a;
    --card-radius: 12px;
    --card-padding: 16px;
    --card-gap: 18px;
    --icon-size: 30px;
}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; 
}
    .boxMenu nav.mainmenu ul li {
        position: relative; /* important for submenu positioning */
    /*}

        .boxMenu nav.mainmenu ul li ul {
            position: absolute;
            left: 100%; 
            top: 0; 
            transform: translateY(0px);
            width: max-content; 
            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);
    
}
*/
*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/

#header{
    padding:20px 0px;
}
.absoluteDiv {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    display: block;
    clear: both;
    width: 100%;
    z-index: 3000;
    padding-bottom: 30px;
}
.navbar {
    padding: 0;
}

.navbar ul {
    margin: 0;
    padding: 0;
    display: flex;
    list-style: none;
    align-items: center;
}

.navbar li {
    position: relative;
}

.navbar > ul > li {
    position: relative;
    white-space: nowrap;
    margin: 0 12px;
}

.navbar a,
.navbar a:focus {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 3px;
    font-size: 18px;
    
    white-space: nowrap;
    transition: 0.3s;
    position: relative;
}

    .navbar a i,
    .navbar a:focus i {
        font-size: 12px;
        line-height: 0;
        margin-left: 5px;
    }

.navbar > ul > li > a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: -2px;
    left: 0;
    background-color: #0077b6;
    visibility: hidden;
    width: 0px;
    transition: all 0.3s ease-in-out 0s;
}

.navbar a:hover:before,
.navbar li:hover > a:before,
.navbar .active:before {
    visibility: visible;
    width: 100%;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover > a {
   
}

.navbar .dropdown ul {
    display: block;
    position: absolute;
    left: 0;
    top: calc(100% + 30px);
    margin: 0;
    padding: 10px 0;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    transition: 0.3s;
    border-top: 2px solid #0077b6;
}

    .navbar .dropdown ul li {
        min-width: 200px;
    }

    .navbar .dropdown ul a {
        padding: 10px 20px;
        font-size: 18px;
        text-transform: none;
        font-weight: 500;
        color: #282828;
    }

        .navbar .dropdown ul a i {
            font-size: 12px;
        }

        .navbar .dropdown ul a:hover,
        .navbar .dropdown ul .active:hover,
        .navbar .dropdown ul li:hover > a {
            color: #0077b6;
        }

.navbar .dropdown:hover > ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}

.navbar .dropdown .dropdown ul {
    top: 0;
    left: calc(100% - 30px);
    visibility: hidden;
}

.navbar .dropdown .dropdown:hover > ul {
    opacity: 1;
    top: 0;
    left: 100%;
    visibility: visible;
}

@media (max-width: 1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%;
    }

    .navbar .dropdown .dropdown:hover > ul {
        left: -100%;
    }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
    color: #fff;
    font-size: 28px;
    cursor: pointer;
    display: none;
    line-height: 0;
    transition: 0.5s;
}

@media (max-width: 991px) {
    .mobile-nav-toggle {
        display: block;
    }

    .navbar ul {
        display: none;
    }
}

.navbar-mobile {
    position: fixed;
    overflow: hidden;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(15, 15, 15, 0.9);
    transition: 0.3s;
    z-index: 999;
}

    .navbar-mobile .mobile-nav-toggle {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .navbar-mobile ul {
        display: block;
        position: absolute;
        top: 55px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        padding: 10px 0;
        background-color: #fff;
        overflow-y: auto;
        transition: 0.3s;
    }

    .navbar-mobile a,
    .navbar-mobile a:focus {
        padding: 10px 20px;
        font-size: 15px;
        color: #282828;
    }

        .navbar-mobile a:hover:before,
        .navbar-mobile li:hover > a:before,
        .navbar-mobile .active:before {
            visibility: hidden;
        }

        .navbar-mobile a:hover,
        .navbar-mobile .active,
        .navbar-mobile li:hover > a {
            color: #0077b6;
        }

    .navbar-mobile .getstarted,
    .navbar-mobile .getstarted:focus {
        margin: 15px;
    }

    .navbar-mobile .dropdown ul {
        position: static;
        display: none;
        margin: 10px 20px;
        padding: 10px 0;
        z-index: 99;
        opacity: 1;
        visibility: visible;
        background: #fff;
        box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
    }

        .navbar-mobile .dropdown ul li {
            min-width: 200px;
        }

        .navbar-mobile .dropdown ul a {
            padding: 10px 20px;
        }

            .navbar-mobile .dropdown ul a i {
                font-size: 12px;
            }

            .navbar-mobile .dropdown ul a:hover,
            .navbar-mobile .dropdown ul .active:hover,
            .navbar-mobile .dropdown ul li:hover > a {
                color: #0077b6;
            }

    .navbar-mobile .dropdown > .dropdown-active {
        display: block;
    }

    /*ENDS*/
.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:center;
        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/HomePage_Slider.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;
}

.card {
    border-radius: 16px;
    transition: transform 0.3s ease;
}

    .card:hover {
        transform: translateY(-5px);
    }

.card-header {
    font-size: 1.1rem;
    text-transform: uppercase;
}

.bg-danger {
    background-color: var(--rosewood) !important;
}

.school-timings {
    background-color: #f5f9fa;
}

.timing-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

    .timing-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 15px rgba(0,0,0,0.1);
    }

.timing-img {
    height: 140px;
    object-fit: contain;
}

.absence-section {
    background-color: #fdfdfd;
}

.timeline {
    position: relative;
    padding-left: 40px;
    border-left: 3px solid #e74c3c;
}

.timeline-item {
    margin-bottom: 30px;
    position: relative;
}

.timeline-icon {
    position: absolute;
    left: -26px;
    top: 0;
    background: #e74c3c;
    color: white;
    border-radius: 50%;
    padding: 10px;
    font-size: 16px;
    line-height: 1;
    z-index: 10;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.timeline-content {
    background: #ffffff;
    padding: 15px 20px;
    border-radius: 8px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.05);
    font-size: 16px;
    line-height: 1.6;
}

.syllabus-btn {
    display: block;
    padding: 14px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}

    .syllabus-btn i {
        margin-right: 10px;
    }

    .syllabus-btn:hover {
        transform: scale(1.05);
        box-shadow: 0 8px 18px rgba(0,0,0,0.2);
        text-decoration: none;
    }

/* Optional for custom purple */
.bg-purple {
    background-color: #6f42c1;
}

.accordion-button {
    border-radius: 0.5rem !important;
    transition: all 0.3s ease;
}

    .accordion-button:not(.collapsed) {
        background-color: #e8f0fe;
        color: #0d47a1;
    }

.accordion-body {
    border-top: 1px solid #ccc;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    line-height: 1.6;
}

.accordion-item {
    border: none;
    border-radius: 0.75rem !important;
    overflow: hidden;
}
.manager-section {
    background: var(--ghost-white);
    border: 2px solid var(--canary);
    padding: 2rem;
    margin: 2rem;
    border-radius: 12px;
    box-shadow: 0 0 15px rgba(0,0,0,0.05);
}

.manager-header {
    background-color: var(--rosewood);
    color: white;
    padding: 0.5rem 1rem;
    font-weight: bold;
    font-size: 1.5rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
}

.manager-photo {
    max-width: 100%;
    border-radius: 8px;
    border: 3px solid var(--canary);
}

.manager-name {
    font-weight: bold;
    color: var(--rosewood);
    margin-top: 0.5rem;
    text-align: center;
}

.manager-message {
    margin-top: 1.5rem;
    line-height: 1.7;
}

.manager-quote {
    font-style: italic;
    font-weight: bold;
    color: var(--russian-violet);
    margin: 1rem 0;
}
.step-title {
    border-left: 5px solid #0d6efd; /* Bootstrap primary color */
    padding-left: 15px;
    font-weight: 600;
    font-size: 1.3rem;
    background-color: #f8f9fa;
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 4px;
}
.progress-steps {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
    position: relative;
}

    .progress-steps .step {
        text-align: center;
        flex: 1;
        position: relative;
    }

    .progress-steps .circle {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #ccc;
        margin: 0 auto;
        line-height: 50px;
        color: white;
        font-size: 18px;
        padding:15px;
    }

    .progress-steps .label {
        margin-top: 8px;
        font-size: 14px;
        font-weight: 600;
    }

    .progress-steps .active .circle {
        background-color: #58141d;
    }

    .progress-steps .active .label {
        color: #58141d;
        border-bottom: solid 4px #58141d;
    }

.step:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 25px;
    right: -50%;
    width: 100%;
    height: 3px;
    background: #ccc;
    z-index: -1;
}

.step.active:not(:last-child)::after {
    background: #58141d;
}

@media (max-width: 576px) {
    .progress-steps {
        flex-direction: column;
        align-items: center;
    }

    .step {
        margin-bottom: 20px;
    }

        .step::after {
            display: none;
        }
}
.contact-area {
    background-color: var(--ghost-white);
}

.icon-box {
    background-color: var(--canary);
    padding: 10px;
    border-radius: 10px;
    font-size: 20px;
    color: var(--rosewood);
    min-width: 40px;
    text-align: center;
}

.text-primary {
    color: var(--rosewood) !important;
}

.btn-primary {
    background-color: var(--rosewood);
    border: none;
}

    .btn-primary:hover {
        background-color: var(--drab-dark-brown);
    }

.month-card {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px;
    border-radius: 8px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
}

    .month-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    }

    .month-card i {
        font-size: 1.5rem;
    }
.club-card {
    border-radius: 20px;
    padding: 25px;
    color: white;
    text-align: center;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    box-shadow: 0 8px 20px rgba(0,0,0,0.25);
}

    .club-card:hover {
        transform: translateY(-10px) scale(1.02);
        box-shadow: 0 12px 30px rgba(0,0,0,0.35);
    }

.club-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(8px);
}

/* Club-specific colors */
.jfc {
    background: linear-gradient(135deg, var(--rosewood), #a83232);
}

.art {
    background: linear-gradient(135deg, var(--canary), #ffec80);
    color: #000;
}

.radio {
    background: linear-gradient(135deg, var(--drab-dark-brown), #5c4632);
}

.literary {
    background: linear-gradient(135deg, var(--russian-violet), #6a4fa3);
}
.img-center{
    display:block;
    clear:both;
    margin:auto;
}
.club-card {
    background: linear-gradient(to right, rgb(238, 9, 121), rgb(255, 106, 0)) !important;
    background: linear-gradient(to right, rgb(218, 68, 83), rgb(137, 33, 107)) !important;
    background: linear-gradient(to right, rgb(32, 1, 34), rgb(111, 0, 0)) !important;
    background: linear-gradient(to right, rgb(135, 0, 0), rgb(25, 10, 5)) !important;
    color: #fff;
    padding: 20px;
    border-radius: 15px;
}
.facility-card {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    background:linear-gradient(to right, rgb(32, 1, 34), rgb(111, 0, 0))
}

    .facility-card .card-body {
       
        padding: 15px;
    }

    .facility-card h5 {
        font-weight: bold;
        margin-bottom: 10px;
        color:#fff;
    }

    .facility-card p {
        font-size: 14px;
        color: #fff;
    }
.house-card {
    border: 3px solid transparent;
    border-radius: 15px;
    background: var(--ghost-white);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transition: transform 0.2s ease;
}

    .house-card:hover {
        transform: translateY(-5px);
    }

/* Circular Images */
.house-img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid var(--ghost-white);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

/* Name & Role Styling */
.house-name {
    font-weight: 600;
    color: var(--rosewood);
}

.house-role {
    color: var(--drab-dark-brown);
    font-size: 0.9rem;
}

/* House Border Colors */
.house-card.tagore {
    border-color: var(--canary); /* Yellow */
}

.house-card.kalam {
    border-color: #007bff; /* Blue */
}

.house-card.sen {
    border-color: #0b9d50; /* Green */
}
.img-center
{
    display:block;
    margin:auto;
}

.carousel-inner img {
    width: 100%;
   
    object-fit: cover;
}
.team-card {
    background-color: var(--ghost-white);
    border: none;
    overflow: hidden;
    border-radius: 10px;
    transition: transform 0.4s ease;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

    .team-card:hover {
        transform: translateY(-8px);
    }

.team-img {
    
    object-fit: cover;
    transition: transform 0.4s ease;
}

.team-card:hover .team-img {
    transform: scale(1.05);
}

.team-info {
    background-color: var(--canary);
    padding: 15px;
    text-align: center;
}

    .team-info h5 {
        font-weight: bold;
        color: var(--russian-violet);
        margin-bottom: 4px;
    }

    .team-info p {
        margin: 0;
        color: var(--rosewood);
        font-size: 14px;
    }
.topdiv
{
    padding:10px 0px;
}
.img-logo
{
    max-width:100px;
}
.logo-title
{
    color:#fff;
    font-size:2.2rem;
}
.navbar > ul > li.dropdown > a {
    color: #fff;
}
.topdiv
{
    color:#fff;
    border-bottom:solid 1px #ccc;
}
.absoluteDiv nav {
    border: dashed 1px #d2b074;
}
    nav > ul > li {
    
   
    }
.navsdiv
{
    border-bottom:solid 1px #fff;
}
.topdiv a{
    color:#fff;
}
.masterDIV
{
    position:relative;
    background:#fff;
}
    .masterDIV .topdiv {
        background: var(--rosewood);
    }
    .masterDIV ul li.dropdown>a {
        color: var(--rosewood);
    }
        .masterDIV ul li a:hover {
            color: var(--rosewood);
        }

    .masterDIV .logo-title {
        color: #3c3c3c;
        font-size: 2.2rem;
    }