.text-white .navigation {
    background-color: white;

}

.header-style-12 {
        background-color: unset;
    /*position: relative;*/
}

.rs-breadcrumb-one {
    padding-top: 90px;
    padding-bottom: 70px;
}

/*.site-header #navbar>ul>li>a {*/

/*    color: #000;*/
/*}*/
    .site-header #navbar > ul > li > a{
        color:#fff;
    }
    
    .text-white .navigation {
    background-color: white;

}

/*.header-style-12 {*/
/*    background-color: #003049;*/
/*    position: relative;*/
/*}*/

.rs-breadcrumb-one {
    padding-top: 90px;
    padding-bottom: 70px;
}

/*.site-header #navbar>ul>li>a {*/

/*    color: #000;*/
/*}*/
 
    .rs-breadcrumb-bg-thumb{
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/*=========================================
      STUDENTS INDUCTION PROGRAMME (SIP)
=========================================*/

.sip-policy{
    padding:60px 60px 70px;
   /* background:#f8f7f3;*/
    /*font-family:'Playfair Display', serif;*/
}


/*=========================================
      MAIN SIP HEADING
=========================================*/

.sip-policy .prelements-heading{
    text-align:left !important;
    margin-top:-20px;
    margin-bottom:30px;
}


.sip-policy .title{
    display:block;
    width:100%;
    background:#b32b2b;
    color:#fff;
    padding:12px 35px;
    border-radius:6px;
    font-size:28px;
    font-weight:600;
    line-height:1.4;
    letter-spacing:.2px;
    box-shadow:0 8px 20px rgba(179,43,43,.15);
}


.sip-policy .title::after{
    display:none;
}


/*=========================================
      DESCRIPTION
=========================================*/

.sip-intro{
    max-width:100%;
    margin:0 0 45px;
}


.sip-intro p{
    margin:0;
    text-align:left;
    font-size:17px;
    line-height:1.85;
    color:#555;
}


/*=========================================
      TWO COLUMN LAYOUT
=========================================*/

.sip-row{
    display:flex !important;
    flex-direction:row !important;
    gap:35px;
    align-items:stretch;
}


.sip-col{
    flex:1 1 50%;
    max-width:50%;
    display:flex;
}


/*=========================================
      CONTENT BOX
=========================================*/

.sip-box{
    width:100%;
    background:#fff;
    border-radius:10px;
    overflow:hidden;
    border:1px solid #e8e8e8;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s ease;
    display:flex;
    flex-direction:column;
}


.sip-box:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}


/*=========================================
      BLUE SECTION HEADINGS
=========================================*/

.sip-box h3{
    margin:0;
    padding:17px 25px;
    background:#003049;
    color:#fff;
    font-size:22px;
    font-weight:600;
    letter-spacing:.3px;
}


/*=========================================
      CONTENT
=========================================*/

.sip-content{
    padding:28px;
    flex:1;
}


.sip-content ul{
    list-style:none;
    margin:0;
    padding:0;
}


.sip-content li{
    position:relative;
    padding-left:27px;
    color:#555;
    font-size:16px;
    line-height:1.8;
    margin-bottom:14px;
}


/* Small Blue Paper Arrow Marker */

.sip-content li::before{
    content:"➤";
    position:absolute;
    left:0;
    top:3px;
    color:#003049;
    font-size:12px;
    font-weight:bold;
}


/*=========================================
      RESPONSIVE
=========================================*/

@media(max-width:991px){

    .sip-policy{
        padding:55px 30px;
    }


    .sip-row{
        flex-direction:column !important;
    }


    .sip-col{
        max-width:100%;
        flex:1 1 100%;
    }


    .sip-policy .title{
        font-size:25px;
    }

}



@media(max-width:767px){

    .sip-policy{
        padding:45px 15px;
    }


    .sip-policy .title{
        font-size:21px;
        padding:12px 20px;
    }


    .sip-intro p{
        font-size:15px;
        line-height:1.75;
    }


    .sip-box h3{
        font-size:20px;
        padding:15px 20px;
    }


    .sip-content{
        padding:22px;
    }


    .sip-content li{
        font-size:15px;
    }

}

   
    


            .rs-breadcrumb-bg-thumb {
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
            }



            /*=========================================
      MENTOR CAREER GUIDANCE CELL
=========================================*/

            .mentor-section {
                padding: 20px 60px 70px;
                background: #fff;
                font-family: 'Playfair Display', serif;
            }


            /*=========================================
      MAROON TITLE BAR
=========================================*/

            .mentor-title {
                width: 100%;
                background: #b32b2b;
                color: #fff;
                padding: 12px 35px;
                border-radius: 6px 6px 0 0;
                font-size: 28px;
                font-weight: 600;
                line-height: 1.4;
                margin-bottom: 0;
                box-shadow: 0 8px 20px rgba(179, 43, 43, .15);
            }


            /*=========================================
      CONTENT BOX
=========================================*/

            .mentor-content {
                background: #f4f4f4;
                padding: 30px;
                border-radius: 0 0 10px 10px;
                border: 1px solid #e5e5e5;
                border-top: none;
                box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
            }


            /*=========================================
      PARAGRAPH STYLE
=========================================*/

            .mentor-content p {
                margin: 0 0 18px;
                text-align: left;
                color: #555;
                font-size: 17px;
                line-height: 1.85;
            }


            .mentor-content p:last-child {
                margin-bottom: 0;
            }


            /* Website Link */

            .mentor-content a {
                color: #003049;
                font-weight: 600;
                text-decoration: none;
            }


            .mentor-content a:hover {
                text-decoration: underline;
            }


            /*=========================================
      RESPONSIVE
=========================================*/

            @media(max-width:991px) {

                .mentor-section {
                    padding: 20px 30px 60px;
                }

            }


            @media(max-width:767px) {

                .mentor-section {
                    padding: 20px 15px 50px;
                }


                .mentor-title {
                    font-size: 21px;
                    padding: 12px 20px;
                }


                .mentor-content {
                    padding: 22px;
                }


                .mentor-content p {
                    font-size: 15px;
                    line-height: 1.75;
                }

            }
     
/*=========================================
      LESSON PLAN SECTION
=========================================*/

.lesson-plan-section{

    background:#fff;
    padding:20px 0 70px;
    font-family:'Playfair Display', serif;

}


/* 60px LEFT & RIGHT SPACE */

.lesson-plan-wrapper{

    padding:0 60px;

}


/*=========================================
      MAIN MAROON TITLE
=========================================*/

.lesson-plan-title{

    width:100%;

    background:#b32b2b;

    color:#fff;

    padding:12px 35px;

    font-size:28px;

    font-weight:600;

    line-height:1.4;

    border-radius:6px;

    margin-bottom:35px;

    box-shadow:0 8px 20px rgba(179,43,43,.15);

}



/*=========================================
      TWO COLUMN GRID
=========================================*/

.lesson-grid{

    display:flex;

    flex-wrap:wrap;

    gap:40px;

}



/*=========================================
      COURSE BLOCK
=========================================*/

.lesson-table{

    width:calc(50% - 20px);

    margin:0;

}



/*=========================================
            RIBBON
=========================================*/


.ribbon{

    display:inline-flex;

    align-items:center;

    margin:0;

    box-shadow:0 8px 18px rgba(0,0,0,.12);

}



/*=========================================
        LEFT MAROON PART
=========================================*/


.ribbon-left{

    position:relative;

    width:65px;

    height:48px;

    background:#b32b2b;

}



.ribbon-left:after{

    content:"";

    position:absolute;

    right:-20px;

    top:0;

    border-top:24px solid transparent;

    border-bottom:24px solid transparent;

    border-left:20px solid #b32b2b;

}



/*=========================================
        WHITE CIRCLE ICON
=========================================*/


.ribbon-icon{

    position:absolute;

    left:18px;

    top:50%;

    transform:translateY(-50%);

    width:26px;

    height:26px;

    border-radius:50%;

    background:#fff;

    color:#b32b2b;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:12px;

}



/*=========================================
        RIGHT BLUE PART
=========================================*/


.ribbon-right{

    background:#003049;

    color:#fff;

    height:48px;

    display:flex;

    align-items:center;

    padding:0 25px 0 35px;

    font-size:20px;

    font-weight:600;

}



/*=========================================
      TABLE
=========================================*/


.lesson-table table{

    width:100%;

    border-collapse:collapse;

    background:#f4f4f4;

    border:1px solid #d8d8d8;

    transition:.3s;

}



.lesson-table table:hover{

    box-shadow:0 10px 25px rgba(0,0,0,.08);

}



.lesson-table td{

    border:1px solid #d8d8d8;

    padding:16px 22px;

    font-size:16px;

    color:#111;

}



.lesson-table td:first-child{

    width:70%;

    font-weight:600;

}



.lesson-table td:last-child{

    width:30%;

    text-align:center;

}



/*=========================================
      DOWNLOAD
=========================================*/


.download a{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#003049;

    text-decoration:none;

    font-weight:600;

    transition:.3s ease;

}



.download a i{

    color:#b32b2b;

    font-size:15px;

    transition:.3s ease;

}



.download a:hover{

    color:#b32b2b;

}



.download a:hover i{

    transform:translateY(-2px) scale(1.08);

}



/*=========================================
      RESPONSIVE
=========================================*/


@media(max-width:991px){


.lesson-plan-wrapper{

    padding:0 30px;

}


.lesson-grid{

    gap:30px;

}


.lesson-table{

    width:100%;

}

}



@media(max-width:767px){


.lesson-plan-wrapper{

    padding:0 15px;

}



.lesson-plan-title{

    font-size:22px;

    padding:12px 20px;

}



.ribbon-left{

    width:55px;

    height:44px;

}



.ribbon-left:after{

    border-top:22px solid transparent;

    border-bottom:22px solid transparent;

    border-left:18px solid #b32b2b;

}



.ribbon-icon{

    width:24px;

    height:24px;

    left:15px;

}



.ribbon-right{

    height:44px;

    font-size:17px;

    padding:0 20px 0 30px;

}



.lesson-table td{

    padding:13px 15px;

    font-size:15px;

}


}

   

/*=========================================
            INTERNSHIP SECTION
=========================================*/

.internship-section{
    background:#ffffff;
    padding:40px 60px 70px;
    font-family:'Playfair Display', serif;
}


/*=========================================
            MAIN TITLE
=========================================*/

.internship-title{

    width:100%;
    background:#b32b2b;
    color:#fff;
    font-size:30px;
    font-weight:600;
    padding:18px 35px;
    border-radius:8px 8px 0 0;
    box-shadow:0 8px 20px rgba(0,0,0,.08);

}


/*=========================================
            LIGHT GREY CONTENT BOX
=========================================*/

.internship-box{

    background:#f7f7f7;
    padding:35px 40px 40px;
    border-radius:0 0 8px 8px;
    border:1px solid #e6e6e6;
    border-top:none;
    box-shadow:0 12px 30px rgba(0,0,0,.08);

}


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

.internship-box ul{

    list-style:none;
    margin:0;
    padding:0;

}

.internship-box li{

    position:relative;
    padding-left:28px;
    margin-bottom:16px;
    line-height:1.9;
    color:#555;
    font-size:16px;

}

/* Paper Rocket */

.internship-box li::before{

    content:"➤";
    position:absolute;
    left:0;
    top:2px;
    color:#003049;
    font-size:13px;
    font-weight:bold;

}


/*=========================================
            RIBBON
=========================================*/

.ribbon{

    display:inline-flex;
    align-items:center;
    margin:35px 0 25px;
    box-shadow:0 8px 18px rgba(0,0,0,.12);

}


/*=========================================
        LEFT MAROON PART
=========================================*/

.ribbon-left{

    position:relative;
    width:72px;
    height:52px;
    background:#b32b2b;

}

/* Maroon Slant */

.ribbon-left:after{

    content:"";
    position:absolute;
    right:-22px;
    top:0;
    border-top:26px solid transparent;
    border-bottom:26px solid transparent;
    border-left:22px solid #b32b2b;

}


/*=========================================
        WHITE CIRCLE
=========================================*/

.ribbon-icon{

    position:absolute;
    left:20px;
    top:50%;
    transform:translateY(-50%);
    width:28px;
    height:28px;
    border-radius:50%;
    background:#fff;
    color:#b32b2b;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:14px;
    font-weight:bold;

}


/*=========================================
        RIGHT BLUE PART
=========================================*/

.ribbon-right{

    background:#003049;
    color:#fff;
    height:52px;
    display:flex;
    align-items:center;
    padding:0 30px 0 35px;
    font-size:22px;
    font-weight:600;

}


/*=========================================
            RESPONSIVE
=========================================*/

@media(max-width:991px){

    .internship-section{
        padding:35px 30px 60px;
    }

}

@media(max-width:767px){

    .internship-section{

        padding:30px 15px;

    }

    .internship-title{

        font-size:22px;
        padding:15px 20px;

    }

    .internship-box{

        padding:25px;

    }

    .internship-box li{

        font-size:15px;
        line-height:1.8;

    }

    .ribbon{

        flex-wrap:nowrap;
    }

    .ribbon-left{

        width:60px;
        height:46px;

    }

    .ribbon-left:after{

        border-top:23px solid transparent;
        border-bottom:23px solid transparent;
        border-left:18px solid #b32b2b;

    }

    .ribbon-icon{

        width:24px;
        height:24px;
        left:17px;
        font-size:12px;

    }

    .ribbon-right{

        height:46px;
        font-size:17px;
        padding:0 20px 0 28px;

    }

}



/*=========================================
            SYLLABUS SECTION
=========================================*/

.syllabus-section{
    background:#fff;
    padding:20px 0 70px;
    font-family:'Playfair Display',serif;
}

.syllabus-wrapper{
    padding:0 60px;
}


/*=========================================
        MAROON TITLE
=========================================*/

.syllabus-title{
    width:100%;
    background:#b32b2b;
    color:#fff;
    padding:12px 35px;
    font-size:28px;
    font-weight:600;
    border-radius:6px;
    margin-bottom:35px;
    box-shadow:0 8px 20px rgba(179,43,43,.15);
}


/*=========================================
            GRID
=========================================*/

.syllabus-grid{
    display:flex;
    flex-wrap:wrap;
    gap:40px;
}

.syllabus-card{
    width:calc(50% - 20px);
}


/*=========================================
            RIBBON
=========================================*/

.ribbon{
    display:inline-flex;
    align-items:center;
    margin:0;
    box-shadow:0 8px 18px rgba(0,0,0,.12);
}

.ribbon-left{
    position:relative;
    width:65px;
    height:48px;
    background:#b32b2b;
}

.ribbon-left:after{
    content:"";
    position:absolute;
    right:-20px;
    top:0;
    border-top:24px solid transparent;
    border-bottom:24px solid transparent;
    border-left:20px solid #b32b2b;
}

.ribbon-icon{
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    width:26px;
    height:26px;
    border-radius:50%;
    background:#fff;
    color:#b32b2b;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
}

.ribbon-right{
    background:#003049;
    color:#fff;
    height:48px;
    display:flex;
    align-items:center;
    padding:0 25px 0 35px;
    font-size:20px;
    font-weight:600;
}


/*=========================================
            TABLE
=========================================*/

.syllabus-table{
    width:100%;
    border-collapse:collapse;
    background:#f4f4f4;
    border:1px solid #d8d8d8;
    transition:.3s;
}

.syllabus-table:hover{
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.syllabus-table td{
    border:1px solid #d8d8d8;
    padding:16px 22px;
    color:#111;
    font-size:16px;
}

.syllabus-table td:first-child{
    width:72%;
    font-weight:600;
}

.syllabus-table td:last-child{
    width:28%;
    text-align:center;
}


/*=========================================
            DOWNLOAD
=========================================*/

.download a{
    color:#003049;
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-weight:600;
    transition:.3s;
}

.download a i{
    color:#b32b2b;
}

.download a:hover{
    color:#b32b2b;
}


/*=========================================
            RESPONSIVE
=========================================*/

@media(max-width:991px){

.syllabus-wrapper{
    padding:0 30px;
}

.syllabus-card{
    width:100%;
}

}

@media(max-width:767px){

.syllabus-wrapper{
    padding:0 15px;
}

.syllabus-title{
    font-size:22px;
    padding:12px 20px;
}

.ribbon-right{
    font-size:17px;
}

.syllabus-table td{
    padding:13px 15px;
    font-size:15px;
}

}

   

 /*=========================================
        KLELC SPEAK SECTION
=========================================*/

.speak-section{

    background:#fff;
    padding:20px 0 70px;
    font-family:'Playfair Display',serif;

}


.speak-wrapper{

    padding:0 60px;

}



/*=========================================
        MAIN TITLE
=========================================*/


.speak-title{

    width:100%;

    background:#b32b2b;

    color:#fff;

    padding:12px 35px;

    font-size:28px;

    font-weight:600;

    line-height:1.4;

    border-radius:6px;

    margin-bottom:25px;

    box-shadow:0 8px 20px rgba(179,43,43,.15);

}



/*=========================================
        CONTENT BOX
=========================================*/


.speak-box{

    background:#f4f4f4;

    border:1px solid #ddd;

    border-radius:8px;

    padding:28px 35px;

    box-shadow:0 8px 20px rgba(0,0,0,.06);

}



.speak-box p{

    margin:0;

    color:#555;

    font-size:16px;

    line-height:1.9;

}



/*=========================================
        RESPONSIVE
=========================================*/


@media(max-width:991px){

    .speak-wrapper{

        padding:0 30px;

    }

}



@media(max-width:767px){

    .speak-wrapper{

        padding:0 15px;

    }


    .speak-title{

        font-size:22px;

    }


    .speak-box{

        padding:22px;

    }


    .speak-box p{

        font-size:15px;

    }

}


/*=========================================
        MOOT COURT SECTION
=========================================*/

.moot-section{

    background:#fff;
    padding:20px 0 70px;
    font-family:'Playfair Display',serif;

}


.moot-wrapper{

    padding-left:60px;
    padding-right:60px;

}


/*=========================================
        MAIN TITLE
=========================================*/


.moot-title{

    width:100%;
    background:#b32b2b;
    color:#fff;

    padding:12px 35px;

    font-size:28px;
    font-weight:600;

    line-height:1.4;

    border-radius:6px;

    margin-bottom:25px;

    box-shadow:0 8px 20px rgba(179,43,43,.15);

}



/*=========================================
        RIBBON HEADING
=========================================*/


.moot-ribbon{

    display:inline-flex;
    align-items:stretch;

    margin:25px 0 18px;

    box-shadow:0 8px 18px rgba(0,0,0,.12);

}


.moot-ribbon-left{

    position:relative;

    width:72px;
    height:55px;

    background:#b32b2b;

}



.moot-ribbon-left:after{

    content:"";

    position:absolute;

    right:-20px;
    top:0;

    border-top:27.5px solid transparent;
    border-bottom:27.5px solid transparent;
    border-left:20px solid #b32b2b;

}



.moot-ribbon-icon{

    position:absolute;

    left:20px;
    top:50%;

    transform:translateY(-50%);

    width:28px;
    height:28px;

    border-radius:50%;

    background:#fff;

    color:#b32b2b;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:13px;

}



.moot-ribbon-right{

    background:#003049;

    color:#fff;

    min-height:55px;

    display:flex;

    align-items:center;

    padding:0 30px 0 35px;

    font-size:21px;

    font-weight:600;

}



/*=========================================
        CONTENT BOX
=========================================*/


.moot-box{

    background:#f4f4f4;

    border:1px solid #ddd;

    border-radius:8px;

    padding:25px 35px;

    margin-bottom:25px;

    box-shadow:0 8px 20px rgba(0,0,0,.06);

}


.moot-box p{

    color:#555;

    font-size:16px;

    line-height:1.9;

    margin:0;

}



/*=========================================
        RESPONSIVE
=========================================*/


@media(max-width:991px){

.moot-wrapper{

    padding-left:30px;
    padding-right:30px;

}

}



@media(max-width:767px){

.moot-wrapper{

    padding-left:15px;
    padding-right:15px;

}


.moot-title{

    font-size:22px;

}


.moot-ribbon-right{

    font-size:16px;

}


.moot-box{

    padding:20px;

}


.moot-box p{

    font-size:15px;

}

}
/*=========================================
        MOOT COURT ALIGNMENT
=========================================*/

.moot-wrapper{

    padding-left:60px;
    padding-right:60px;

}


/*=========================================
        MOOT TABLE STYLE
=========================================*/

.moot-table{

    width:100%;
    border-collapse:collapse;
    margin-bottom:35px;

}


.moot-table th{

    background:#003049;
    color:#fff;
    padding:14px 18px;
    font-size:16px;
    text-align:center;
    border:1px solid #ddd;

}


.moot-table td{

    padding:14px 18px;
    font-size:15px;
    color:#555;
    line-height:1.7;
    border:1px solid #ddd;
    vertical-align:top;

}


/* Alternate rows */

.moot-table tr:nth-child(even){

    background:#f4f4f4;

}


.moot-table tr:nth-child(odd){

    background:#ffffff;

}



/* Year heading */

.moot-year{

    background:#b32b2b;
    color:#fff;

    display:inline-block;

    padding:10px 25px;

    font-size:20px;
    font-weight:600;

    border-radius:5px;

    margin:25px 0 18px;

    box-shadow:0 8px 18px rgba(0,0,0,.12);

}



/*=========================================
        RESPONSIVE
=========================================*/


@media(max-width:991px){

.moot-wrapper{

    padding-left:30px;
    padding-right:30px;

}

}



@media(max-width:767px){

.moot-wrapper{

    padding-left:15px;
    padding-right:15px;

}


.moot-table th,
.moot-table td{

    font-size:14px;
    padding:10px;

}

}



/*=========================================
        MUN COMMITTEE SECTION
=========================================*/

.mun-section{

    background:#fff;
    padding:20px 0 70px;
    font-family:'Playfair Display',serif;

}


.mun-wrapper{

    padding:0 60px;

}


/*=========================================
        MAIN MAROON TITLE
=========================================*/

.mun-title{

    width:100%;
    background:#b32b2b;
    color:#fff;

    padding:12px 35px;

    font-size:28px;
    font-weight:600;

    line-height:1.4;

    border-radius:6px;

    margin-bottom:25px;

    box-shadow:0 8px 20px rgba(179,43,43,.15);

}



/*=========================================
        INTRO TEXT
=========================================*/


.mun-intro{

    color:#555;

    font-size:16px;

    line-height:1.9;

    margin-bottom:30px;

}



/*=========================================
        RIBBON HEADING
=========================================*/


.mun-ribbon{

    display:inline-flex;

    align-items:stretch;

    margin:25px 0 18px;

    box-shadow:0 8px 18px rgba(0,0,0,.12);

}



.mun-ribbon-left{

    position:relative;

    width:72px;

    height:55px;

    background:#b32b2b;

}



.mun-ribbon-left:after{

    content:"";

    position:absolute;

    right:-20px;

    top:0;

    border-top:27.5px solid transparent;

    border-bottom:27.5px solid transparent;

    border-left:20px solid #b32b2b;

}



.mun-icon{

    position:absolute;

    left:20px;

    top:50%;

    transform:translateY(-50%);

    width:28px;

    height:28px;

    border-radius:50%;

    background:#fff;

    color:#b32b2b;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:13px;

}



.mun-ribbon-right{

    background:#003049;

    color:#fff;

    min-height:55px;

    display:flex;

    align-items:center;

    padding:0 30px 0 35px;

    font-size:21px;

    font-weight:600;

}



/*=========================================
        CONTENT BOX
=========================================*/


.mun-box{

    background:#f4f4f4;

    border:1px solid #ddd;

    border-radius:8px;

    padding:25px 30px;

    margin-bottom:30px;

    box-shadow:0 8px 20px rgba(0,0,0,.06);

}



.mun-box p{

    color:#555;

    font-size:16px;

    line-height:1.9;

    margin:0;

}



.mun-box ul{

    list-style:none;

    margin:0;

    padding:0;

}



.mun-box li{

    position:relative;

    padding-left:25px;

    margin-bottom:12px;

    color:#555;

    font-size:16px;

    line-height:1.8;

}



.mun-box li:before{

    content:"➤";

    position:absolute;

    left:0;

    top:2px;

    color:#003049;

    font-size:12px;

}



/*=========================================
        RESPONSIVE
=========================================*/


@media(max-width:991px){

.mun-wrapper{

    padding:0 30px;

}

}


@media(max-width:767px){

.mun-wrapper{

    padding:0 15px;

}


.mun-title{

    font-size:22px;

}


.mun-ribbon-right{

    font-size:17px;

}


.mun-box{

    padding:20px;

}


.mun-box li{

    font-size:15px;

}

}


/*=========================================
      GREEN LAWYERS CLUB SECTION
=========================================*/

.glc-section{

    background:#fff;
    padding:20px 0 70px;
    font-family:'Playfair Display',serif;

}


.glc-wrapper{

    padding-left:60px;
    padding-right:60px;

}



/*=========================================
          TITLE
=========================================*/


.glc-title{

    width:100%;

    background:#b32b2b;

    color:#fff;

    padding:12px 35px;

    font-size:28px;

    font-weight:600;

    line-height:1.4;

    border-radius:6px;

    margin-bottom:25px;

    box-shadow:0 8px 20px rgba(179,43,43,.15);

}



/*=========================================
          CONTENT BOX
=========================================*/


.glc-box{

    background:#f4f4f4;

    border:1px solid #ddd;

    border-radius:8px;

    padding:25px 35px;

    margin-bottom:35px;

    box-shadow:0 8px 20px rgba(0,0,0,.06);

}


.glc-box p{

    margin:0;

    color:#555;

    font-size:17px;

    line-height:1.9;

}



/*=========================================
          IMAGE GALLERY
=========================================*/


.glc-gallery{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}



.glc-gallery a{

    display:block;

    overflow:hidden;

    border-radius:8px;

    box-shadow:0 8px 18px rgba(0,0,0,.15);

}



.glc-gallery img{

    width:100%;

    height:260px;

    object-fit:cover;

    transition:.4s ease;

}



.glc-gallery a:hover img{

    transform:scale(1.08);

}



/*=========================================
          LIGHTBOX
=========================================*/


.glc-gallery a{

    cursor:pointer;

}



/*=========================================
          RESPONSIVE
=========================================*/


@media(max-width:991px){

    .glc-wrapper{

        padding-left:30px;

        padding-right:30px;

    }


    .glc-gallery{

        grid-template-columns:repeat(2,1fr);

    }

}



@media(max-width:767px){

    .glc-wrapper{

        padding-left:15px;

        padding-right:15px;

    }


    .glc-title{

        font-size:22px;

    }


    .glc-gallery{

        grid-template-columns:1fr;

    }


    .glc-gallery img{

        height:230px;

    }


}


/* ===============================
      HERITAGE CLUB SECTION
================================ */

.glc-section{

    background:#fff;
    padding:20px 0 70px;
    font-family:'Playfair Display',serif;

}


.glc-wrapper{

    padding-left:60px;
    padding-right:60px;

}



/* MAIN HEADING */

.glc-title{

    width:100%;
    background:#7b1e1e;
    color:#fff;

    padding:12px 35px;

    font-size:28px;
    font-weight:600;

    border-radius:6px;

    margin-bottom:20px;

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

}



/* MARQUEE */

.glc-marquee{

    background:#f4f4f4;

    border-left:5px solid #003049;

    padding:12px 15px;

    margin-bottom:35px;

}


.glc-marquee a{

    color:#7b1e1e;
    font-weight:700;
    text-decoration:none;

}



/* INTRO */

.glc-intro{

    color:#555;

    font-size:16px;

    line-height:1.9;

    margin-bottom:35px;

}



/* RIBBON */

.glc-ribbon{

    display:flex;

    align-items:stretch;

    margin:35px 0 25px;

    box-shadow:0 8px 18px rgba(0,0,0,.12);

}



.glc-ribbon-left{

    width:72px;

    min-height:70px;

    background:#7b1e1e;

    position:relative;

}



.glc-ribbon-left:after{

    content:"";

    position:absolute;

    right:-20px;

    top:0;

    border-top:35px solid transparent;

    border-bottom:35px solid transparent;

    border-left:20px solid #7b1e1e;

}



.glc-icon{

    width:30px;

    height:30px;

    background:#fff;

    color:#7b1e1e;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    position:absolute;

    top:50%;

    left:20px;

    transform:translateY(-50%);

}



.glc-ribbon-right{

    background:#003049;

    color:#fff;

    display:flex;

    align-items:center;

    padding:15px 35px;

    min-height:70px;

    font-size:21px;

    font-weight:600;

    line-height:1.5;

}



/* CONTENT BOX */

.glc-box{

    background:#f4f4f4;

    border:1px solid #ddd;

    padding:25px 35px;

    border-radius:8px;

    margin-bottom:35px;

    box-shadow:0 8px 20px rgba(0,0,0,.06);

}



.glc-box ul{

    margin:0;

    padding-left:25px;

}


/* ===============================
      CONTENT BOX WITH PAPER ROCKET POINTS
================================ */


.glc-box{

    background:#f4f4f4;

    border:1px solid #ddd;

    padding:25px 35px;

    border-radius:8px;

    margin-bottom:35px;

    box-shadow:0 8px 20px rgba(0,0,0,.06);

}



.glc-box ul{

    margin:0;

    padding:0;

    list-style:none;

}



.glc-box li{

    position:relative;

    padding-left:35px;

    color:#555;

    font-size:16px;

    line-height:1.9;

    margin-bottom:14px;

}



/* PAPER ROCKET ICON */

.glc-box li:before{

    content:"\f1d8";

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    position:absolute;

    left:0;

    top:5px;

    color:#003049;

    font-size:14px;

}



/* Paragraph inside last research box */

.glc-box p{

    color:#555;

    font-size:16px;

    line-height:1.9;

    margin:0;

}



/* Mobile */

@media(max-width:767px){


.glc-box{

    padding:20px;

}


.glc-box li{

    font-size:15px;

    padding-left:30px;

}


.glc-box li:before{

    font-size:13px;

}


}



/* RESPONSIVE */

@media(max-width:767px){

.glc-wrapper{

    padding-left:15px;
    padding-right:15px;

}


.glc-title{

    font-size:22px;

}


.glc-ribbon-right{

    font-size:16px;

}


.glc-box li{

    font-size:15px;

}

}
/*=========================================
      HERITAGE GRANT NEW SECTION
=========================================*/


.hc-section{

    padding-left:60px;
    padding-right:60px;

    font-family:'Playfair Display',serif;

}


/* TITLE RIBBON */

.hc-heading{

    display:flex;

    width:100%;

    margin:35px 0 25px;

}



.hc-heading-icon{

    width:72px;

    height:70px;

    background:#b32b2b;

    position:relative;

}



.hc-heading-icon:after{

    content:"";

    position:absolute;

    right:-20px;

    top:0;

    border-top:35px solid transparent;

    border-bottom:35px solid transparent;

    border-left:20px solid #b32b2b;

}



.hc-heading-icon i{

    position:absolute;

    top:50%;

    left:20px;

    transform:translateY(-50%);

    width:30px;

    height:30px;

    border-radius:50%;

    background:#fff;

    color:#b32b2b;

    display:flex;

    align-items:center;

    justify-content:center;

}



.hc-heading-text{

    flex:1;

    background:#003049;

    color:#fff;

    padding:12px 35px;

    display:flex;

    align-items:center;

    font-size:21px;

    font-weight:600;

}



/* BOX */


.hc-box{

    background:#f4f4f4;

    border:1px solid #ddd;

    border-radius:8px;

    padding:25px 35px;

    margin-bottom:35px;

}



/* TABLE */


.hc-table{

    width:100%;

    border-collapse:collapse;

}



.hc-table tr:nth-child(odd){

    background:#eeeeee;

}



.hc-table tr:nth-child(even){

    background:#fff;

}



.hc-table td{

    border:1px solid #ddd;

    padding:18px 25px;

    font-size:16px;

    color:#555;

    line-height:1.7;

}



.hc-table td:first-child{

    width:70%;

}



.hc-table td:last-child{

    width:30%;

    text-align:center;

}



/* DOWNLOAD */


.hc-download a{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#003049;

    text-decoration:none;

    font-weight:600;

}



.hc-download i{

    color:#b32b2b;

}



/* MEMBER POINTS */


.hc-box ul{

    list-style:none;

    padding:20px 35px;

    margin:0;

}



.hc-box li{

    position:relative;

    padding-left:30px;

    margin-bottom:15px;

    color:#555;

    font-size:16px;

    line-height:1.9;

}



.hc-box li:before{

    content:"\f1d8";

    font-family:"Font Awesome 6 Free";

    font-weight:900;

    position:absolute;

    left:0;

    top:5px;

    color:#b32b2b;

}



.hc-box h4{

    color:#003049;

    font-size:18px;

    font-weight:600;

}



/* LINK */


.hc-box a{

    color:#b32b2b;

    font-weight:600;

    text-decoration:none;

}



.hc-box a:hover{

    text-decoration:underline;

}



@media(max-width:767px){

.hc-section{

    padding-left:15px;

    padding-right:15px;

}


.hc-heading-text{

    font-size:16px;

}


.hc-box{

    padding:20px;

}


.hc-table td{

    font-size:14px;

    padding:12px;

}

}
/* Move Heritage Grant section slightly left */

.hc-section{

    padding-left:20px;
    padding-right:60px;

}



/* Remove grey container for tables */

.hc-box{

    background:transparent;

    border:none;

    box-shadow:none;

    padding:0;

}



/* Keep spacing below tables */

.hc-table{

    margin-bottom:25px;

}



/* Table full clean look */

.hc-table td{

    background:#fff;

}



/* Alternate row grey + white */

.hc-table tr:nth-child(odd) td{

    background:#eeeeee;

}


.hc-table tr:nth-child(even) td{

    background:#ffffff;

}
/* =================================
   HERITAGE CLUB FINAL ALIGNMENT
================================= */


/* Increase right side width */

.hc-section{

    padding-left:20px;
    padding-right:35px;

}


/* Make heading and tables use more width */

.hc-heading-text{

    flex:1;

}


.hc-table{

    width:100%;

}



/* Keep Members content grey background */

.hc-box{

    background:#f4f4f4;

    border:1px solid #ddd;

    border-radius:8px;

    padding:25px 35px;

    margin-bottom:35px;

    box-shadow:0 8px 20px rgba(0,0,0,.06);

}



/* Paper rocket icons blue */

.hc-box li:before{

    color:#003049;

}



/* Improve members heading spacing */

.hc-box h4{

    margin-bottom:20px;

}


/* Mobile */

@media(max-width:767px){

.hc-section{

    padding-left:15px;
    padding-right:15px;

}


.hc-box{

    padding:20px;

}

}


/*================= FAQ =================*/

.faq-item{
    margin-bottom:8px;
}

.faq-item summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#003049;
    color:#fff;
    padding:12px 18px;
    font-size:15px;
    font-weight:600;
    transition:.3s;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-question{
    width:calc(100% - 60px);
    line-height:1.5;
}

.faq-icon{
    width:34px;
    height:34px;
    background:#7b1534;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    flex-shrink:0;
}

.faq-icon .fa-minus{
    display:none;
}

.faq-item[open] .fa-plus{
    display:none;
}

.faq-item[open] .fa-minus{
    display:block;
}

.faq-answer{
    padding:18px 20px;
    background:#f7f7f7;
    border:1px solid #ddd;
    border-top:none;
    line-height:1.8;
    color:#555;
}

.faq-answer a{
    color:#7b1534;
    font-weight:600;
    text-decoration:none;
}

.faq-answer a:hover{
    text-decoration:underline;
}
.faq-link,
.faq-answer a{
    color:#7b1534;
    font-weight:600;
    text-decoration:none;
}

.faq-link:hover,
.faq-answer a:hover{
    color:#5d1028;
    text-decoration:underline;
}


/* MAIN SECTION */

.kle-alumni-testimonial-section {

    width:100%;
    padding:50px 0;
    clear:both;
    overflow:hidden;

}



.kle-alumni-slider-wrapper {

    max-width:1000px;
    margin-left:-15px;
    overflow:hidden;

}



.kle-alumni-slider-track {

    display:flex;
    transition:transform .6s ease;

}



.kle-alumni-slide {

    min-width:100%;
    display:flex;
    align-items:center;
    gap:35px;
    padding:35px;
    background:#ffffff;
    border-radius:16px;
    box-shadow:0 12px 35px rgba(0,0,0,.08);

}



/* IMAGE */


.kle-alumni-image-box {

    flex:0 0 180px;
    text-align:center;

}



.kle-alumni-image-box img {

    width:170px;
    height:170px;
    object-fit:cover;
    border-radius:50%;
    border:7px solid #f5f5f5;
    box-shadow:0 8px 20px rgba(0,0,0,.15);

}



/* ARROWS */


.kle-alumni-controls {

    margin-top:28px;
    display:flex;
    justify-content:center;
    gap:12px;

}



.kle-alumni-controls button {

    width:40px;
    height:40px;
    border-radius:50%;
    border:none;
    background:#960B27;
    color:#ffffff;
    font-size:18px;
    cursor:pointer;
    transition:.3s;

}



.kle-alumni-controls button:hover {

    background:#ffffff;
    color:#960B27;
    border:2px solid #960B27;

}



/* CONTENT */


.kle-alumni-content {

    flex:1;

}



.kle-alumni-content h3 {

    margin:0 0 8px;
    font-size:24px;
    color:#17376d;

}



.kle-alumni-content h5 {

    margin-bottom:18px;
    font-size:17px;
    color:#960B27;
    font-style:italic;

}



.kle-alumni-content p {

    font-size:14px;
    line-height:1.75;
    color:#555;
    margin-bottom:12px;

}



/* DETAILS */


.kle-alumni-details {

    margin-top:20px;
    padding-top:15px;
    border-top:1px solid #eeeeee;
    display:flex;
    flex-direction:column;
    gap:5px;

}



.kle-alumni-details strong {

    color:#17376d;
    font-size:15px;

}



.kle-alumni-details span {

    color:#666;
    font-size:14px;

}



/* MOBILE */

@media(max-width:768px){


.kle-alumni-slider-wrapper{

    margin:0 15px;

}


.kle-alumni-slide{

    flex-direction:column;
    text-align:center;

}


.kle-alumni-image-box img{

    width:150px;
    height:150px;

}


}



/* MAIN LAYOUT */
.facility-section{
    display:flex;
    gap:35px;
    margin:60px auto;
    max-width:1350px;
    align-items:flex-start;
}


/* LEFT CONTENT */

.facility-content{
    width:calc(100% - 425px);
    background:transparent;
    padding:0;
    box-shadow:none;
}


.facility-content h2{
    color:#003049;
    font-size:35px;
    margin-bottom:30px;
    font-weight:700;
}



/* GALLERY */

.facility-gallery{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}


.facility-image{
    position:relative;
    overflow:hidden;
    cursor:pointer;
}


.facility-image img{
    width:100%;
    height:320px;
    object-fit:cover;
    display:block;
    transition:.4s;
}



.facility-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,48,73,.88);
    opacity:0;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.4s;
}


.facility-overlay span{
    background:white;
    color:#003049;
    padding:12px 15px;
    width:75%;
    text-align:center;
    font-size:14px;
    font-weight:600;
}



.facility-image:hover .facility-overlay{
    opacity:1;
}


.facility-image:hover img{
    transform:scale(1.08);
}




/* RIGHT SIDEBAR */

.facility-sidebar{
    width:430px;
    flex-shrink:0;
    background:white;
    padding:25px;
    box-shadow:0 5px 25px rgba(0,0,0,.10);
}



.facility-menu{
    list-style:none;
    padding:0;
    margin:0;
}


.facility-menu li{
    margin-bottom:12px;
}




.facility-menu a{
    display:flex;
    align-items:center;
    width:390px;
    min-height:58px;
    background:#f7f7f7;
    padding:10px 15px;
    text-decoration:none;
    color:#222;
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
    border-radius:3px;
    transition:.3s;
}




/* ICON BOX */

.facility-menu .icon-box{
    width:42px;
    height:42px;
    min-width:42px;
    background:#800000;
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:15px;
    font-size:18px;
}




/* ACTIVE */

.facility-menu li.active a{
    background:#800000;
    color:white;
}



.facility-menu li.active .icon-box{
    background:white;
    color:#800000;
}





/* LIGHTBOX */

.lightbox{
    display:none;
    position:fixed;
    inset:0;
    z-index:9999;
    background:rgba(0,0,0,.85);
    justify-content:center;
    align-items:center;
}



.lightbox img{
    max-width:90%;
    max-height:90%;
}





/* RESPONSIVE */

@media(max-width:1000px){

.facility-section{
    flex-direction:column;
}


.facility-content,
.facility-sidebar{
    width:100%;
}


.facility-menu a{
    width:100%;
}


.facility-gallery{
    grid-template-columns:1fr;
}

}

                    .service-list-widget{
                      width:100%
                        max-width:none;
                    }

                    .service-list-widget ul{
                        margin:0;
                        padding:0;
                        list-style:none;
                    }

                    .service-list-widget ul li{
                        margin-bottom:12px;
                    }

                    .service-list-widget ul li a{
                        display:flex !important;
                        align-items:center !important;
                        justify-content:space-between !important;
                        width:100%;
                       /* padding:16px 0px !important;*/
                        box-sizing:border-box;
                        text-decoration:none;
                    }

                    /*.service-list-widget ul li a .text{*/
                    /*    flex:1;*/
                    /*    white-space:nowrap;*/
                    /*    font-size:15px;*/
                    /*    padding-right:15px;*/
                    /*}*/

                    .icon-circle{
                        width:36px;
                        height:36px;
                        border-radius:50%;
                        display:flex;
                        align-items:center;
                        justify-content:center;
                        flex-shrink:0;
                    }

                    .icon-white{
                        background:#fff;
                        color:#b32b2b;
                    }

                    .icon-red{
                        background:#b32b2b;
                        color:#fff;
                    }

                    .icon-circle i{
                        font-size:18px;
                        font-weight:700;
                    }
                    


/* LEFT SIDEBAR POSITION */
.service-sidebar{
    margin-left:-35px;
}


/* SIDEBAR BOX WIDTH */
.service-list-widget{
    width:100%;
    max-width:none;
}

.service-list-widget ul{
    margin:0;
    padding:0;
    list-style:none;
}

.service-list-widget ul li{
    margin-bottom:12px;
}


/* ARROW CIRCLE */
.icon-circle{
    width:32px;
    height:32px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}


/* FIRST WHITE CIRCLE */
.icon-white{
    background:#fff;
    color:#b32b2b;
}


/* OTHER RED CIRCLES */
.icon-red{
    background:#b32b2b;
    color:#fff;
}


.icon-circle i{
    font-size:15px;
    font-weight:700;
}


/*.service-single-content h2{
    position:relative;
    font-size:30px;
    font-weight:600;
    color:#1e4f8a;
    padding-left:20px;
    margin-bottom:25px;
    line-height:1.2;
}*/

/*.service-single-content h2:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:4px;
    height:38px;
    background:#FBB361;
}*/





/* QUESTION PAPER TABLE */
.question-table{
    width:100%;
    border-collapse:collapse;
    margin-top:25px;
}


.question-table td{
    border:1px solid #ddd;
    padding:15px;
    font-size:15px;
}


.question-table td:first-child{
    color:#000;
    font-weight:500;
}


.question-table td:last-child{
    text-align:center;
}


.question-table td:last-child a{
    color:#000;
    text-decoration:none;
    font-weight:500;
}


.question-table td:last-child i{
    color:#b32b2b;
    margin-right:8px;
    font-size:17px;
}


.question-table td:last-child a:hover{
    color:blue;
}


/* LEFT SIDEBAR POSITION */
.service-sidebar{
    margin-left:-35px;
}


/* ARROW CIRCLE */
.icon-circle{
    width:32px;
    height:32px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
}


/* ACTIVE WHITE CIRCLE */
.icon-white{
    background:#fff;
    color:#b32b2b;
}


/* OTHER RED CIRCLES */
.icon-red{
    background:#b32b2b;
    color:#fff;
}


.icon-circle i{
    font-size:15px;
    font-weight:700;
}


/* HEADING STYLE */
.service-single-content h2{
    position:relative;
    font-size:30px;
    font-weight:600;
    color:#003049;
    padding-left:20px;
    margin-bottom:25px;
    line-height:1.2;
}

.service-single-content h2:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:4px;
    height:38px;
    background:#FBB361;
}


/* TABLE */
.question-table{
    width:100%;
    border-collapse:collapse;
    margin-top:25px;
}


.question-table th{
    background:#003049;
    color:#fff;
    padding:15px;
    text-align:left;
    font-size:16px;
}


.question-table td{
    border:1px solid #ddd;
    padding:15px;
    font-size:15px;
}


/* Alternate row colors */
.timetable-table tr:nth-child(2){
    background:#fff;
}


.timetable-table tr:nth-child(3){
    background:#eeeeee;
}


/* LEFT COLUMN TEXT */
.timetable-table td:first-child{
    color:#000 !important;
    font-weight:500;
}


/* DOWNLOAD COLUMN */
.question-table td:last-child{
    text-align:center;
    width:150px;
}


.question-table td:last-child a{
    color:#000 !important;
    text-decoration:none;
    font-weight:500;
}


.question-table td:last-child a:hover{
    color:blue !important;
}


.question-table td:last-child i{
    color:#b32b2b !important;
    margin-right:8px;
    font-size:17px;
}


/* MAIN LAYOUT */
.facility-section{
    display:flex;
    gap:35px;
    margin:60px auto;
    max-width:1350px;
    align-items:flex-start;
}


/* LEFT CONTENT */

.facility-content{
    width:calc(100% - 425px);
    background:transparent;
    padding:0;
    box-shadow:none;
}


.facility-content h2{
    color:#003049;
    font-size:35px;
    margin-bottom:30px;
    font-weight:700;
}



/* GALLERY */

.facility-gallery{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.facility-image{
    position:relative;
    overflow:hidden;
    cursor:pointer;
}

.facility-image img{
    width:100%;
    height:320px;
    object-fit:cover;
    display:block;
    transition:.4s;
}

.facility-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,48,73,.55);   /* Transparent blue overlay */
    opacity:0;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:.4s;
}

/* Remove old span styling */
.facility-overlay span{
    display:none;
}

/* White Circle */
.zoom-icon{
    width:65px;
    height:65px;
    background:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transform:scale(0);
    transition:.35s ease;
    box-shadow:0 8px 20px rgba(0,0,0,.25);
}

/* Maroon Icon */
.zoom-icon i{
    font-size:22px;
    color:#800000;
}

/* Hover Effects */
.facility-image:hover .facility-overlay{
    opacity:1;
}

.facility-image:hover .zoom-icon{
    transform:scale(1);
}

.facility-image:hover img{
    transform:scale(1.08);
}

/* LIGHTBOX */

.lightbox{
    display:none;
    position:fixed;
    z-index:99999;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.92);
    justify-content:center;
    align-items:center;
}

.lightbox img{
    max-width:90%;
    max-height:90%;
    border-radius:8px;
}

.close-lightbox{
    position:absolute;
    top:20px;
    right:35px;
    font-size:50px;
    color:#fff;
    cursor:pointer;
    line-height:1;
    transition:.3s;
}

.close-lightbox:hover{
    color:#ddd;
}



/* RIGHT SIDEBAR */

.facility-sidebar{
    width:430px;
    flex-shrink:0;
    background:white;
    padding:25px;
    box-shadow:0 5px 25px rgba(0,0,0,.10);
}



.facility-menu{
    list-style:none;
    padding:0;
    margin:0;
}


.facility-menu li{
    margin-bottom:12px;
}




.facility-menu a{
    display:flex;
    align-items:center;
    width:390px;
    min-height:58px;
    background:#f7f7f7;
    padding:10px 15px;
    text-decoration:none;
    color:#222;
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
    border-radius:3px;
    transition:.3s;
}




/* ICON BOX */

.facility-menu .icon-box{
    width:42px;
    height:42px;
    min-width:42px;
    background:#800000;
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:15px;
    font-size:18px;
}




/* ACTIVE */

.facility-menu li.active a{
    background:#800000;
    color:white;
}



.facility-menu li.active .icon-box{
    background:white;
    color:#800000;
}





/* LIGHTBOX */

.lightbox{
    display:none;
    position:fixed;
    inset:0;
    z-index:9999;
    background:rgba(0,0,0,.85);
    justify-content:center;
    align-items:center;
}



.lightbox img{
    max-width:90%;
    max-height:90%;
}





/* RESPONSIVE */

@media(max-width:1000px){

.facility-section{
    flex-direction:column;
}


.facility-content,
.facility-sidebar{
    width:100%;
}


.facility-menu a{
    width:100%;
}


.facility-gallery{
    grid-template-columns:1fr;
}

}


.rbt-section-gap {
    padding: 120px 0;
}

.bg-color-extra2 {
    background: var(--color-extra2);
}
.team-style-default.style-three{
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    margin-top: 0;
}

.team-style-default, .rbt-default-card {
    margin-top: 75px;
    position: relative;
}
.rbt-hover {
    transition: 256ms ease-in-out;
}
.team-style-default{
  margin-top: 75px;
  position: relative;
}
.team-style-default .inner {
  background: #fff;
  border-radius: 6px;
  box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
}
.team-style-default .inner .thumbnail {
  max-width: 150px;
  max-height:inherit;
  border-radius: 100%;
  border: 6px solid #e6e3f1;
  top: -75px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 150px;
  min-height: 150px;
  overflow: hidden;
}
.team-style-default .inner .thumbnail img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.team-style-default .inner .content {
  text-align: center;
  padding: 20px;
  padding-top: 85px;
  padding-bottom: 35px;
}
.team-style-default .inner .content .title{
  font-size: 34px;
  line-height: 1.4;
  font-weight: 700;
  margin-bottom: 6px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-style-default .inner .content .title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-style-default .inner .content .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .team-style-default .inner .content .title{
    font-size: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .team-style-default .inner .content .title {
    font-size: 22px;
  }
}
.team-style-default .inner .content .subtitle {
  font-size: 20px;
  line-height: 1.4;
  margin-bottom: 15px;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team-style-default .inner .content .subtitle {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .team-style-default .inner .content .subtitle{
    font-size: 16px;
  }
}
.team-style-default .inner .content .team-form {
  display: block;
  font-size: 14px;
  margin-bottom: 12px;
  letter-spacing: 0.6px;
  font-style: italic;
}
.team-style-default .inner .content .team-form img {
  padding-right: 10px;
  max-height: 18px;
}
.team-style-default .inner .content .description{
  margin-bottom: 0;
  padding: 0 5%;
}
.team-style-default .inner .social-icon li a{
  color: var(--color-body);
}
.team-style-default.border-gradient .thumbnail{
  background: linear-gradient(95deg, #2f57ef 15%, var(--color-tertiary) 45%, var(--color-pink) 75%, #b966e7 100%) 98%/200% 100%;
  padding: 5px;
  border: 0 none;
}
.team-style-default.style-two{
  margin-top: 30px;
}
.team-style-default.style-two .inner{
  padding-top: 35px;
}
.team-style-default.style-two .inner .thumbnail{
  top: 0;
  position: static;
  left: inherit;
  transform: none;
  min-width: 150px;
  min-height: 150px;
  margin: 0 auto;
}
.team-style-default.style-two .inner .content {
  padding-top: 10px;
}
.team-style-default.style-three,
.rbt-default-card.style-three {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  margin-top: 0;
}
.team-style-default.style-three .inner{
  padding: 30px;
}
@media only screen and (max-width: 767px) {
  .team-style-default.style-three .inner,
  .rbt-default-card.style-three .inner {
    padding: 15px;
  }
}
.theme-gradient
 {
    background: linear-gradient(90deg, #b32b2b , #e62821);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.001);
}


.team-style-default.style-three .inner .thumbnail {
    top: 0;
    position: static;
    left: inherit;
    transform: none;
    min-width: 100%;
    min-height: inherit;
    /* max-height: inherit; */
    margin: 0 auto;
    border-radius: 6px;
    border: 0 none;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(0, 0, 0, 0.04);
}
.team-style-default.style-three .inner .thumbnail img {
  border-radius: 6px;
  height:260px;
}
.team-style-default.style-three .inner .content{
  padding: 20px 0 0 0;
   /*min-height: 110px;*/
   height: 70px;
}
.team-style-default.style-three .inner .content .subtitle {
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 10px;
  display: inline-block;
  color: var(--color-body);
  font-weight: 400;
}
.team-style-default.small-layout .inner {
  padding: 20px;
  border: 2px solid transparent;
    border-radius: 10px;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #F36371, #FDA31B) border-box;
   background: linear-gradient(#fff,#fff) padding-box,
                linear-gradient(90deg,#FDA31B,#4A2C1B) border-box;
    background: linear-gradient(#fff,#fff) padding-box,
                linear-gradient(90deg,#F36371,#A52A2A) border-box;
     background: linear-gradient(#fff,#fff) padding-box,
                linear-gradient(90deg,#FDA31B,#F36371) border-box;
     background: linear-gradient(#fff,#fff) padding-box,
                linear-gradient(135deg,#F36371,#FDA31B) border-box;
                background: linear-gradient(#fff, #fff) padding-box,
            linear-gradient(135deg, #FADADD, #F36371) border-box;
            background: linear-gradient(#fff, #fff) padding-box,
            linear-gradient(135deg, #FFB35C, #F97938) border-box;
}
.team-style-default.small-layout .inner .content .title{
  font-size: 16px;
  margin-bottom: 2px;
}
.team-style-default.small-layout .inner .content .subtitle{
  font-size: 14px;
  margin-bottom: 6px;
}

.location
 {color: #6b7385;}


.team-style-default.style-three .inner .thumbnail1 {
    min-width: auto;
    min-height: auto;
    /*max-height: auto !important;*/
    margin: 0 auto;
    width: 100%;
    height: 260px;
    padding:0;
    overflow: hidden;
    border-radius: 5%;
    box-shadow: 
        0 8px 18px rgba(0, 0, 0, 0.18),
        inset 0 0 0 1px rgba(0, 0, 0, 0.04);
   max-width: unset;
    max-height: unset;
    /*margin-top: 50px;*/
}
.team-style-default.small-layout .inner1
 {
    padding: 0px;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    border: none;
}
/*.image {*/
/*    padding: 30px 30px 0;*/
/*    background: #fff;*/
/*    border-radius: 50% 50% 0 0;*/
    /* box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41); */
/*}*/
.image {
    padding: 23px 23px 0;
    /*background: #fff;*/
    /*border-radius: 50% 50% 0 0;*/
      /*padding: 1px 1px 0;*/
    background: #fff;
    border-radius: 10% 10% 0 0;
}
.team-style-default.small-layout .inner .content .subtitle1 {
    background: none;
    -webkit-text-fill-color: black;
}
.team-style-default.style-three .inner .content1 {
    padding:20px 20px 25px;
    min-height: auto;
      height: auto;
}
.team-style-default.small-layout .inner .content .title1 {
    font-size: 14px;
}
 /* =========================================================
   SIDEBAR
========================================================= */

.kle-exam-sidebar {
    width: 100%;
}

.kle-exam-sidebar-box {
    background: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.07);
    border: 1px solid #e7e7e7;
}

.kle-exam-sidebar-title {
    background: #003366;
    color: #ffffff;
    padding: 20px 22px;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 700;
    position: relative;
}

.kle-exam-sidebar-title:after {
    content: "";
    position: absolute;
    left: 22px;
    bottom: 11px;
    width: 38px;
    height: 3px;
    background: #b32b2b;
    border-radius: 10px;
}

.kle-exam-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.kle-exam-menu li {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eeeeee;
}

.kle-exam-menu li:last-child {
    border-bottom: none;
}

.kle-exam-menu li a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 17px;
    color: #333333;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5;
    background: #ffffff;
    transition: all 0.3s ease;
}

.kle-exam-menu li a span:first-child {
    flex: 1;
}

.kle-exam-menu li a:hover {
    color: #003366;
    background: #f7f9fc;
    padding-left: 21px;
}

.kle-exam-menu li.current a {
    color: #ffffff;
    background: #b32b2b;
}

.kle-exam-menu li.current a:hover {
    color: #ffffff;
    background: #a32626;
}
.kle-exam-menu li.active a {
    color: #ffffff;
    background: #b32b2b;
}

.kle-exam-menu li.active a:hover {
    color: #ffffff;
    background: #a32626;
}

/* =========================================================
   SIDEBAR ARROW
========================================================= */

.kle-exam-arrow {
    width: 8px;
    height: 8px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
    flex-shrink: 0;
    opacity: 0.7;
}


/* =========================================================
   MAIN CONTENT
========================================================= */

.kle-exam-content {
    min-width: 0;
}

.kle-exam-content-card {
    background: #ffffff;
    padding: 38px;
    border-radius: 8px;
    border: 1px solid #e7e7e7;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
}