/*====================================================
HEADER
====================================================*/
.college-header{

    position:relative;

    height:320px;

    overflow:hidden;

}

.college-header img{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center;

    transform:scale(1.02);

}

.college-header .overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(10,33,75,.92),
        rgba(10,33,75,.55),
        rgba(10,33,75,.15)
    );

}

.college-header h1{

    position:absolute;

    left:70px;

    bottom:100px;

    transform:none;

    color:#fff;

    width:auto;

    max-width:700px;

    text-align:left;

    font-size:3rem;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.5px;

    line-height:1.2;

    z-index:5;

    text-shadow:0 3px 12px rgba(0,0,0,.35);

}


/*====================================================
CONSTITUENT COLLEGES
====================================================*/

.college-page{

    background:#fff;

    padding:70px 0;

}

.college-page .container{

    max-width:1200px;

}


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

.page-title{

    color:#4A1F74;

    font-size:2rem;

    font-weight:700;

    text-transform:uppercase;

    margin-bottom:10px;

}

.title-line{

    width:180px;

    height:4px;

    background:linear-gradient(90deg,#F59E0B,#4A1F74);

    margin:0 auto 35px;

}

.page-description{

    max-width:900px;

    margin:auto;

    font-size:17px;
	
	font-weight:500;

    color:#333;

    text-align:justify;

    line-height:1.8;

}


/*====================================================
COLLEGE SECTION
====================================================*/

.college-section{

    padding:70px 0;

    border-bottom:1px solid #e2e6ea;

}

.college-section:last-child{

    border-bottom:none;

}

.college-image{

    width:100%;

    height:340px;

    object-fit:cover;

    border-radius:5px;

}


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

.college-section h3{

    color:#4A1F74;

    margin-bottom:18px;

    font-size:1.35rem;

    text-transform:uppercase;

    font-weight:700;

}

.location{

    color:#666;

    font-size:15px;

    font-weight:600;

    margin-bottom:18px;

}

.location i{

    color:#EA4335;

    margin-right:8px;

}

.college-section p{

    text-align:justify;

    font-size:17px;
	
	font-weight:500;

    color:#333;

    line-height:1.8;

}


/*====================================================
BUTTON
====================================================*/

.btn-college{

    display:inline-flex;

    align-items:center;

    gap:8px;

    margin-top:18px;

    text-decoration:none;

    color:#F59E0B;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

    transition:.3s;

}

.btn-college i{

    transition:.3s;

}

.btn-college:hover{

    color:#c69214;

}

.btn-college:hover i{

    transform:translateX(6px);

}

/*====================================================
STATISTICS SECTION
====================================================*/

.statistics-section{

    background:#4A1F74;

    padding:55px 0;

    margin:0;

    position:relative;

    overflow:hidden;

}

/* Optional decorative line at the top */

.statistics-section::before{

    content:"";

    position:absolute;

    top:0;

    left:50%;

    transform:translateX(-50%);

    width:120px;

    height:3px;

    background:#F59E0B;

}


/*====================================================
STAT ITEM
====================================================*/

.stat-item{

    position:relative;

    text-align:center;

    padding:20px 15px;

}

.stat-item:not(:last-child)::after{

    content:"";

    position:absolute;

    top:20%;

    right:0;

    width:1px;

    height:60%;

    background:rgba(255,255,255,.2);

}


/*====================================================
NUMBER
====================================================*/

.stat-item h2{

    color:#fff;

    font-size:56px;

    font-weight:800;

    line-height:1;

    margin-bottom:10px;

}


/*====================================================
LABEL
====================================================*/

.stat-item span{

    display:block;

    color:#2FA88A;

    font-size:15px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

}


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

@media(max-width:991px){

    .statistics-section{

        padding:45px 0;

    }

    .stat-item{

        margin-bottom:30px;

    }

    .stat-item::after{

        display:none;

    }

}

@media(max-width:767px){

    .statistics-section{

        padding:40px 0;

    }

    .stat-item h2{

        font-size:42px;

    }

    .stat-item span{

        font-size:13px;

        letter-spacing:1px;

    }

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

@media(max-width:992px){

    .college-section{

        padding:50px 0;

    }

    .college-image{

        height:280px;

        margin-bottom:30px;

    }

}

@media(max-width:768px){

    .college-page{

        padding:45px 0;

    }

    .page-title{

        font-size:1.7rem;

    }

    .college-section h3{

        font-size:1.2rem;

    }

    .college-section p{

        font-size:15px;

    }

}

@media(max-width:576px){

    .college-image{

        height:220px;

    }

}

/*====================================================
GENERAL
====================================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{

    font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;

    background:#ffffff;

    color:#2f2f2f;

    font-size:17px;

    line-height:1.9;

    overflow-x:hidden;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

}

img{

    max-width:100%;

    display:block;

}

a{

    text-decoration:none;

    transition:all .3s ease;

}

.container{

    max-width:1500px;

}

/*====================================================
EXPAND LEFT CONTENT
====================================================*/

.college-details .col-xl-8{

    flex:0 0 75%;

    max-width:75%;

}

.college-details .col-xl-4{

    flex:0 0 25%;

    max-width:25%;

}



/*====================================================
PAGE HEADER
====================================================*/



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

.college-details{

    background:#ffffff;

    padding:55px 0 80px;

}

.college-details .container{

    max-width:1700px;

    width:96%;

}

.college-details .row{

    align-items:flex-start;

}

/* Left Content */

.college-details .col-xl-8,
.college-details .col-lg-8{

    padding-right:18px;

}

/* Right Sidebar */

.college-details .col-xl-4,
.college-details .col-lg-4{

    padding-left:18px;

}


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

.col-lg-9{

    padding-right:55px;

}


/*====================================================
RIGHT SIDEBAR
====================================================*/

.col-lg-3{

    padding-left:25px;

}


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

.content-section{

    background:none;

    border:none;

    border-bottom:1px solid #e4e8ef;

    padding:0 0 42px;

    margin-bottom:42px;

}

.content-section:last-child{

    border-bottom:none;

    margin-bottom:0;

    padding-bottom:0;

}

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

.content-section h2{

    position:relative;

    display:inline-block;

    color:#4A1F74;

    font-size:2.05rem;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.4px;

    margin:0 0 12px 18px;

    line-height:1.2;

}

/* Gold Accent */

.content-section h2::before{

    content:"";

    position:absolute;

    left:-18px;

    top:2px;

    width:5px;

    height:38px;

    background:#F59E0B;

    border-radius:10px;

}


/*====================================================
HEADING LINE
====================================================*/





/*====================================================
SUB HEADINGS
====================================================*/

.content-section h5{

    color:#F59E0B;

    font-size:1.25rem;

    font-weight:700;

    margin:28px 0 15px;

}


/*====================================================
PARAGRAPHS
====================================================*/

.content-section p{

    color:#333;

    font-size:18px;

    line-height:2;

    text-align:justify;

    margin-bottom:24px;

}

.content-section strong{

    font-weight:500;

    color:#222;

}


/* First Paragraph */

.content-section p:first-of-type{

    font-size:18px;

    line-height:2;

}


/*====================================================
LISTS
====================================================*/

.content-section ul{

    margin:20px 0;

    padding-left:24px;

}

.content-section ul li{

    margin-bottom:14px;

    line-height:1.9;

    font-size:17px;

}


/*====================================================
LINKS INSIDE CONTENT
====================================================*/

.content-section a{

    color:#123a78;

    font-weight:600;

}

.content-section a:hover{

    color:#d4af37;

}


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

.table-responsive{

    overflow-x:auto;

    margin-top:10px;

}

/*====================================================
DEPARTMENT SIDEBAR
====================================================*/

.department-sidebar{

    border:1px solid #dfe4eb;

    background:#fff;

    position:sticky;

    top:30px;

    margin-bottom:35px;

}

.department-sidebar h4{

    margin:0;

    padding:16px 20px;

    background:#4A1F74;

    color:#fff;

    font-size:22px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

}

.department-sidebar ul{

    list-style:none;

    margin:0;

    padding:0;

}

.department-sidebar li{

    border-bottom:1px solid #eceff3;

}

.department-sidebar li:last-child{

    border-bottom:none;

}

.department-sidebar a{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:14px 20px;

    color:#4A1F74;

    font-size:16px;

    font-weight:500;

}

.department-sidebar a::after{

    content:"›";

    color:#2FA88A;

    font-size:28px;

    line-height:1;

    transition:.3s;

}

.department-sidebar a:hover{

    background:#f7f9fc;

    color:#F59E0B;

    padding-left:28px;

}

.department-sidebar a:hover::after{

    transform:translateX(5px);

}


/*====================================================
QUICK LINKS
====================================================*/

.quick-links{

    border:1px solid #dfe4eb;

    background:#fff;

}

.quick-links h4{

    margin:0;

    padding:16px 20px;

    background:#123a78;

    color:#fff;

    font-size:22px;

    font-weight:700;

    text-transform:uppercase;

}

.quick-links ul{

    list-style:none;

    margin:0;

    padding:0;

}

.quick-links li{

    border-bottom:1px solid #eceff3;

}

.quick-links li:last-child{

    border-bottom:none;

}

.quick-links a{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:14px 20px;

    color:#222;

    font-size:16px;

    font-weight:500;

}

.quick-links a::after{

    content:"›";

    color:#d4af37;

    font-size:28px;

}

.quick-links a:hover{

    background:#f7f9fc;

    color:#123a78;

}


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

.programme-table{

    width:100%;

    margin:20px 0 0;

    border-collapse:collapse;

    border-spacing:0;

    table-layout:fixed;

    background:#fff;

}

.programme-table th{

    background:#123a78;

    color:#fff;

    font-size:15px;

    font-weight:700;

    text-align:center;

    padding:10px 15px;

    border:1px solid #4d6f9f;

}

.programme-table td{

    background:#fff;

    color:#222;

    font-size:15px;

    font-weight:500;

    text-align:center;

    padding:11px 15px;

    border:1px solid #d8dde6;

    vertical-align:middle;

}

.programme-table tbody tr{

    background:#fff;

}



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

.table{

    width:100%;

    border-collapse:collapse;

    margin-top:20px;

}

.table th{

    width:32%;

    background:#f5f7fb;

    color:#123a78;

    font-size:16px;

    font-weight:700;

    padding:18px;

    border:1px solid #dfe4eb;

}

.table td{

    background:#fff;

    padding:18px;

    font-size:16px;

    border:1px solid #dfe4eb;

}

.table tbody tr:hover td,

.table tbody tr:hover th{

    background:#f9fbff;

}

/*====================================================
FACILITY IMAGES
====================================================*/

.facility-image{

    width:100%;

    height:240px;

    object-fit:cover;

    border:1px solid #dfe4eb;

    margin-bottom:18px;

    transition:.35s ease;

}

.facility-image:hover{

    transform:scale(1.03);

}


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

.table{

    margin-bottom:0;

}

.table td,
.table th{

    vertical-align:middle;

}


/*====================================================
CONTACT SECTION
====================================================*/

#contact iframe{

    width:100%;

    height:320px;

    border:1px solid #dfe4eb;

}

#contact h5{

    color:#123a78;

    font-weight:700;

    margin-bottom:18px;

}


/*====================================================
BUTTONS
====================================================*/

.btn-college{

    display:inline-block;

    padding:12px 28px;

    background:#4A1F74;

    color:#fff;

    font-weight:600;

    border-radius:4px;

    transition:.3s;

}

.btn-college:hover{

    background:#F59E0B;

    color:#4A1F74;

}


/*====================================================
CUSTOM SCROLLBAR
====================================================*/

::-webkit-scrollbar{

    width:8px;

}

::-webkit-scrollbar-thumb{

    background:#123a78;

}

::-webkit-scrollbar-track{

    background:#f3f5f8;

}



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

@media(max-width:1200px){

    .college-details .container{

        max-width:1140px;

    }

}

@media(max-width:991px){

    .college-header{

        height:300px;

    }

    .college-header h1{

        left:40px;

        bottom:40px;

        font-size:2.3rem;

    }

    .col-lg-9{

        padding-right:12px;

    }

    .col-lg-3{

        padding-left:12px;

        margin-top:40px;

    }

    .department-sidebar{

        position:relative;

        top:0;

    }

    .content-section{

        padding-bottom:35px;

        margin-bottom:35px;

    }

}

@media(max-width:768px){
    .college-header{
        height:240px;
    }
    .college-header h1{
        left:25px;
        bottom:30px;
        font-size:1.8rem;
        width:90%;
    }
    .content-section h2{
        font-size:1.65rem;
    }
    .line{
        width:110px;
    }
    .line::after{
        left:110px;
        width:28px;
    }
    .content-section p{
        font-size:15px;
        line-height:1.9;
    }
    .programme-table th,
    .programme-table td,
    .table th,
    .table td{
        padding:12px;
        font-size:14px;
    }
    .department-sidebar h4,
    .quick-links h4{
        font-size:18px;
    }
    .department-sidebar a,
    .quick-links a{
        font-size:14px;
        padding:12px 15px;
    }
    .facility-image{
        height:200px;
    }
    .college-details .row{
        display:block;
    }
    .college-details .col-xl-8,
    .college-details .col-lg-8,
    .college-details .col-xl-4,
    .college-details .col-lg-4{
        width:100%;
        max-width:100%;
        flex:0 0 100%;
        padding-left:0;
        padding-right:0;
    }
}
@media(max-width:576px){

    .college-header{

        height:210px;

    }

    .college-header h1{

        left:20px;

        bottom:25px;

        font-size:1.45rem;

        line-height:1.3;

    }

    .college-details{

        padding:40px 0;

    }

    .content-section{

        padding-bottom:28px;

        margin-bottom:28px;

    }

    .content-section h2{

        font-size:1.45rem;

        margin-left:15px;

    }

    .content-section h2::before{

        left:-15px;

        height:30px;

    }

    .line{

        width:90px;

        margin-left:15px;

    }

    .line::after{

        left:90px;

        width:24px;

    }

    .department-sidebar{

        margin-top:30px;

    }

    .department-sidebar a,

    .quick-links a{

        font-size:13px;

    }

}