/*==================================================
MESSAGE FROM THE VICE-CHANCELLOR
Bangladesh Open University
==================================================*/

.vc-section{

   padding:20px 0;
    background:#f8faf8;

}


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

.vc-heading{

    margin-bottom:45px;

}

.vc-heading span{

    display:inline-block;

    color:#2E7D32;

    font-size:15px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.vc-heading h2{

    font-size:40px;

    font-weight:700;

    color:#233042;

    margin:12px 0;

}

.vc-heading p{

    width:65%;

    margin:auto;

    color:#666;

    font-size:17px;

    line-height:1.8;

}


/*==================================================
MAIN CARD
==================================================*/

.vc-card{

    background:#ffffff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}


/*==================================================
LEFT PROFILE
==================================================*/

.vc-profile{

    background:#ffffff;

    text-align:center;

    padding:30px;

    height:100%;

    border-right:1px solid #eeeeee;

}

.vc-image{

    width:190px;

    height:235px;

    margin:0 auto 22px;

    border-radius:15px;

    overflow:hidden;

    border:5px solid #E8F5E9;

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

}

.vc-image img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.vc-profile h3{

    font-size:18px;

    color:#233042;

    font-weight:700;

    line-height:1.5;

    margin-bottom:12px;

}

.vc-designation{

    color:#2E7D32;

    font-size:18px;

    font-weight:700;

}

.vc-university{

    margin-top:15px;

    padding-top:15px;

    border-top:1px solid #eeeeee;

    color:#666;

    font-size:16px;

}

.vc-badge{

    display:inline-block;

    margin-top:18px;

    padding:8px 20px;

    background:#E8F5E9;

    color:#2E7D32;

    border-radius:30px;

    font-size:14px;

    font-weight:700;

}


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

.vc-content{

    padding:35px 40px;

}

.vc-quote{

    background:#F4FBF5;

    border-left:5px solid #2E7D32;

    border-radius:10px;

    padding:16px 22px;

    margin-bottom:25px;

}

.vc-quote i{

    font-size:24px;

    color:#2E7D32;

    margin-bottom:8px;

}

.vc-quote p{

    margin:0;

    color:#2E7D32;

    font-style:italic;

    font-size:17px;

    line-height:1.8;

}

.vc-content h4{

    font-size:22px;

    color:#233042;

    font-weight:700;

    margin-bottom:20px;

}

.vc-content p{

    color:#555;

    font-size:16px;

    line-height:1.9;

    text-align:justify;

    margin-bottom:18px;

}


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

.vc-btn{

    display:inline-block;

    margin-top:8px;

    padding:12px 28px;

    background:#2E7D32;

    color:#ffffff;

    border-radius:30px;

    text-decoration:none;

    font-size:16px;

    font-weight:600;

    transition:.35s;

}

.vc-btn i{

    margin-left:8px;

}

.vc-btn:hover{

    background:#1B5E20;

    color:#ffffff;

    text-decoration:none;

    transform:translateY(-3px);

}


/*==================================================
SIGNATURE
==================================================*/

.vc-signature{

    margin-top:25px;

    padding-top:18px;

    border-top:1px solid #eeeeee;

}

.vc-signature strong{

    display:block;

    font-size:20px;

    color:#233042;

    margin-bottom:6px;

}

.vc-signature span{

    color:#777;

    font-size:15px;

}


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

@media (max-width:991px){

    .vc-profile{

        border-right:none;

        border-bottom:1px solid #eeeeee;

    }

    .vc-content{

        padding:30px;

    }

}


@media (max-width:768px){

    .vc-section{

        padding:50px 0;

    }

    .vc-heading h2{

        font-size:32px;

    }

    .vc-heading p{

        width:100%;

        font-size:16px;

    }

    .vc-image{

        width:170px;

        height:210px;

    }

    .vc-profile h3{

        font-size:22px;

    }

    .vc-content{

        padding:25px;

    }

    .vc-content h4{

        font-size:26px;

    }

    .vc-content p{

        font-size:15px;

    }

    .vc-btn{

        display:block;

        width:100%;

        text-align:center;

    }

    .vc-signature{

        text-align:center;

    }

}


/*==================================================
UNIVERSITY LEADERSHIP
Bangladesh Open University
==================================================*/

.leadership-section{

    padding:10px 0;

    background:#f8faf8;

}


/*==================================
SECTION HEADING
==================================*/

.leadership-heading{

    margin-bottom:50px;

}

.leadership-heading span{

    display:inline-block;

    color:#2E7D32;

    font-size:15px;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.leadership-heading h2{

    font-size:42px;

    font-weight:700;

    color:#233042;

    margin:12px 0;

}

.leadership-heading p{

    width:65%;

    margin:auto;

    font-size:17px;

    color:#666;

    line-height:1.8;

}


/*==================================
CARD
==================================*/

.leader-card{

    background:#ffffff;

    border-radius:18px;

    overflow:hidden;

    text-align:center;

    height:100%;

    box-shadow:0 12px 35px rgba(0,0,0,.08);

    transition:.35s;

    margin-bottom:30px;

}

.leader-card:hover{

    transform:translateY(-8px);

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

}


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

.leader-image{

    padding:35px 20px 20px;

}

.leader-image img{

    width:180px;

    height:220px;

    object-fit:cover;

    border-radius:15px;

    border:5px solid #E8F5E9;

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

}


/*==================================
PLACEHOLDER
==================================*/

.leader-placeholder{

    padding:45px 20px 20px;

}

.leader-placeholder i{

    font-size:170px;

    color:#d9d9d9;

}


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

.leader-content{

    padding:0 10px 35px;

}

.leader-role{

    display:inline-block;

    padding:8px 12px;

    background:#E8F5E9;

    color:#2E7D32;

    border-radius:25px;

    font-size:12px;

    font-weight:700;

    margin-bottom:18px;

}

.leader-content h3{

    font-size:16px;

    color:#233042;

    font-weight:700;

    line-height:1.4;

    margin-bottom:12px;

}

.leader-content p{

    font-size:17px;

    color:#666;

    margin-bottom:25px;

}


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

.leader-btn{

    display:inline-block;

    padding:12px 28px;

    background:#0066CC;

    color:#ffffff;

    border-radius:30px;

    text-decoration:none;

    font-size:16px;

    font-weight:600;

    transition:.35s;

}

.leader-btn:hover{

    background:#1B5E20;

    color:#ffffff;

    text-decoration:none;

}

.leader-btn i{

    margin-left:8px;

}


/*==================================
COMING SOON BUTTON
==================================*/

.leader-btn.disabled{

    background:#b5b5b5;

    pointer-events:none;

    cursor:default;

}


/*==================================
VACANT CARD
==================================*/

.leader-vacant{

    border:2px dashed #dddddd;

}


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

@media(max-width:991px){

    .leader-card{

        margin-bottom:30px;

    }

    .leadership-heading p{

        width:90%;

    }

}

@media(max-width:768px){

    .leadership-section{

        padding:55px 0;

    }

    .leadership-heading h2{

        font-size:32px;

    }

    .leadership-heading p{

        width:100%;

        font-size:16px;

    }

    .leader-image img{

        width:160px;

        height:195px;

    }

    .leader-placeholder i{

        font-size:120px;

    }

    .leader-content{

        padding:0 20px 30px;

    }

    .leader-content h3{

        font-size:22px;

    }

    .leader-content p{

        font-size:15px;

    }

    .leader-btn{

        width:100%;

        text-align:center;

    }

}


/*==================================
Quick action Top section
==================================*/


.quick-access-section{

    padding:18px 0;

    background:#f8faf8;

}

.quick-access-title{

    text-align:center;

    margin-bottom:20px;

}

.quick-access-title h3{

    font-size:28px;

    font-weight:700;

    color:#173B55;

    margin-bottom:5px;

}

.quick-access-title p{

    color:#6c757d;

    margin:0;

}

.quick-card{

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    height:120px;

    background:#fff;

    border-radius:14px;

    border:1px solid #e9ecef;

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

    transition:.3s;

    text-decoration:none;

    margin-bottom:15px;

}

.quick-card:hover{

    transform:translateY(-5px);

    text-decoration:none;

    box-shadow:0 15px 35px rgba(0,0,0,.10);

}

.quick-icon{

    width:48px;

    height:48px;

    border-radius:50%;

    background:#E8F5E9;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:10px;

}

.quick-icon i{

    font-size:22px;

    color:#2E7D32;

}

.quick-card h5{

    font-size:16px;

    font-weight:600;

    line-height:1.4;

    color:#233042;

    margin:0;

}

.convocation-card{

    display:flex;

    align-items:center;

    height:120px;

    padding:18px 22px;

    background:#ffffff;

    border-radius:16px;

    border-left:6px solid #C79A00;

    border:1px solid #E9ECEF;

    box-shadow:0 12px 30px rgba(0,0,0,.08);

    transition:.35s;

    text-decoration:none;

    overflow:hidden;

}

.convocation-card:hover{

    transform:translateY(-4px);

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

    text-decoration:none;

}

.convocation-left{

    width:65px;

    height:65px;

    border-radius:50%;

    background:#FFF7DD;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-right:18px;

}

.convocation-left i{

    font-size:34px;

    color:#C79A00;

}

.convocation-right{

    flex:1;

}

.convocation-right span{

    font-size:12px;

    text-transform:uppercase;

    letter-spacing:1px;

    color:#2E7D32;

    font-weight:600;

}

.convocation-right h4{

    margin:4px 0;

    font-size:25px;

    font-weight:700;

    color:#173B55;

}

.convocation-right small{

    color:#666;

    font-size:14px;

}


.convocation-logo{

    max-width:320px;

    height:auto;

}


@media(max-width:991px){

    .convocation-card{

        margin-top:15px;

    }

}

@media(max-width:767px){

    .quick-card{

        height:110px;

    }

    .convocation-card{

        height:auto;

        padding:18px;

    }

    .convocation-right h4{

        font-size:20px;

    }

}



/* =====================================
   BOU ONLINE APPLICATIONS CARD DESIGN
===================================== */


.bou-online-services {

    padding:55px 20px;

    background:#ecf7fc;

}




/* Title */

.bou-online-title {

    text-align:center;

    margin-bottom:35px;

}



.bou-online-title h2 {

    color:#173B55;

    font-size:26px;

    font-weight:700;

    margin-bottom:8px;

}



.bou-online-title p {

    color:#666;

    font-size:16px;

}





/* Card */


.bou-service-card {

    display:block;

    height:100%;

    min-height:170px;

    background:#ffffff;

    border-radius:12px;

    padding:25px 15px;

    margin-bottom:25px;

    text-align:center;

    text-decoration:none;

    border:1px solid #e5e5e5;

    position:relative;

    overflow:hidden;

    transition:.35s;
    border-top:4px solid #008DB8;

}





.bou-service-card:hover {

    transform:translateY(-8px);

    box-shadow:

    0 12px 30px rgba(0,0,0,.12);

    border-color:#008DB8;

}






/* Icon */


.service-icon {

    width:65px;

    height:65px;

    margin:0 auto 15px;

    background:#eaf7fb;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

}





.bou-service-card:hover .service-icon {

    background:#173B55;

}





/* Title */


.bou-service-card h3 {

    margin:0 0 8px;

    color:#173B55;

    font-size:20px;

    font-weight:700;

}





/* Description */


.bou-service-card p {

    margin:0;

    color:#666;

    font-size:13px;

}





/* Popular */


.popular-badge {

    position:absolute;

    top:10px;

    right:10px;

    background:#008DB8;

    color:white;

    font-size:11px;

    padding:4px 10px;

    border-radius:20px;

    font-weight:600;

}





/* Popular Card */


.bou-service-card.popular {

    border-top:4px solid #008DB8;

}





/* Tablet */

@media(max-width:991px){


    .bou-online-title h2 {

        font-size:30px;

    }


}





/* Mobile */

@media(max-width:576px){


    .bou-online-services {

        padding:40px 15px;

    }



    .bou-online-title h2 {

        font-size:26px;

    }



    .bou-service-card {

        min-height:150px;

    }



    .service-icon {

        width:55px;

        height:55px;

        font-size:26px;

    }



    .bou-service-card h3 {

        font-size:18px;

    }

}



/* ==========================================
   BOU FORMS & RESOURCES CARD DESIGN
========================================== */


.bou-resource-section {

    padding:35px 20px;

    background:#ecf7fc;

}



.bou-resource-title {

    text-align:center;

    margin-bottom:35px;

}



.bou-resource-title h2 {

    font-size:26px;

    color:#173B55;

    font-weight:700;

    margin-bottom:8px;

}



.bou-resource-title p {

    color:#666;

    font-size:16px;

}






/* Card */


.bou-resource-card {


    display:block;


    background:#ffffff;


    min-height:170px;


    padding:25px 15px;


    margin-bottom:25px;


    border-radius:12px;


    text-align:center;


    text-decoration:none;


    border:1px solid #e5e5e5;

border-top:4px solid #008DB8;
    transition:.35s;


}





.bou-resource-card:hover {


    transform:translateY(-8px);


    box-shadow:

    0 12px 30px rgba(0,0,0,.12);


    border-color:#008DB8;


}





/* Icon */


.resource-icon {


    width:65px;


    height:65px;


    margin:0 auto 15px;


    background:#eaf7fb;


    border-radius:50%;


    display:flex;


    align-items:center;


    justify-content:center;


    font-size:30px;


}





.bou-resource-card:hover .resource-icon {


    background:#173B55;


}





/* Title */


.bou-resource-card h3 {


    color:#173B55;


    font-size:19px;


    font-weight:700;


    margin:0 0 8px;


}





/* Description */


.bou-resource-card p {


    color:#666;


    font-size:14px;


    margin:0;


}







/* Responsive */


@media(max-width:991px){


    .bou-resource-title h2 {


        font-size:30px;


    }


}




@media(max-width:576px){


    .bou-resource-section {


        padding:40px 15px;


    }



    .bou-resource-title h2 {


        font-size:26px;


    }



    .bou-resource-card {


        min-height:150px;


    }



    .resource-icon {


        width:55px;


        height:55px;


        font-size:26px;


    }



    .bou-resource-card h3 {


        font-size:18px;


    }


}



/* ==========================================
   BOU Research & Journal Updates Section
   ========================================== */


.bou-research-section {

    padding: 35px 0;

    background: linear-gradient(135deg, #f3f8fc 0%, #ffffff 100%);

}



/* Section Header */

.bou-section-header {

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:20px;

    padding-bottom:10px;

    border-bottom:2px solid #e6edf3;
    text-align:center;

}



.bou-section-header h3 {

    margin:0;

    font-size:24px;

    font-weight:600;

    color:#173B55;
    position:relative;
    

}



.bou-section-header h3:after {

    content:"";

    position:absolute;

    left:0;

    bottom:-12px;

    width:55px;

    height:3px;

    background:#0b7dda;

}



.bou-view-all {

    font-size:14px;

    color:#0b7dda;

    font-weight:500;

    text-decoration:none;

}



.bou-view-all:hover {

    color:#173B55;

}





/* Research News List */

.bou-research-list {

    display:flex;

    flex-direction:column;

    gap:12px;

}





/* News Card */

.bou-research-item {

    display:flex;

    align-items:center;

    background:rgba(255,255,255,0.95);

    border:1px solid #e2ebf3;

    border-radius:12px;

    padding:13px 16px;

    box-shadow:0 3px 12px rgba(23,59,85,0.06);

    transition:all .3s ease;

}



.bou-research-item:hover {

    transform:translateY(-3px);

    background:#ffffff;

    border-color:#0b7dda;

    box-shadow:0 8px 22px rgba(23,59,85,0.12);

}





/* Icon */

.bou-research-icon {

    width:44px;

    height:44px;

    min-width:44px;

    border-radius:50%;

    background:#e8f3ff;

    color:#0b7dda;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

    margin-right:15px;

}



.bou-research-icon.research {

    background:#e8f7ed;

    color:#198754;

}



.bou-research-icon.journal {

    background:#fff3cd;

    color:#b88600;

}





/* Content Area */

.bou-research-content {

    flex:1;

}



.bou-research-content a {

    color:#333;

    font-size:16px;

    font-weight:500;

    line-height:1.45;

    text-decoration:none;

}



.bou-research-content a:hover {

    color:#0b7dda;

}





/* Date and Category */

.bou-meta {

    display:flex;

    gap:18px;

    margin-top:6px;

    font-size:13px;

    color:#777;

}



.bou-meta i {

    color:#0b7dda;

    margin-right:5px;

}





/* Download Button */

.bou-download a {

    display:inline-block;

    padding:6px 16px;

    border-radius:20px;

    background:#173B55;

    color:#ffffff;

    font-size:13px;

    text-decoration:none;

    transition:.3s;

}



.bou-download a:hover {

    background:#0b7dda;

    color:#ffffff;

}





/* ==========================================
   Mobile Responsive
   ========================================== */


@media(max-width:768px){


    .bou-research-section {

        padding:25px 0;

    }



    .bou-section-header h3 {

        font-size:20px;

    }



    .bou-view-all {

        font-size:13px;

    }



    .bou-research-item {

        align-items:flex-start;

        flex-wrap:wrap;

        padding:12px;

    }



    .bou-research-icon {

        width:40px;

        height:40px;

        min-width:40px;

        margin-right:10px;

    }



    .bou-research-content {

        width:calc(100% - 55px);

    }



    .bou-research-content a {

        font-size:15px;

    }



    .bou-meta {

        flex-direction:column;

        gap:3px;

        margin-top:5px;

    }



    .bou-download {

        width:100%;

        margin-top:10px;

        padding-left:50px;

    }



    .bou-download a {

        padding:5px 14px;

        font-size:12px;

    }

}


/* ==========================================
   BOU News & Events Section
   ========================================== */


.bou-news-section {

    padding:35px 0;

    background:linear-gradient(135deg,#f3f8fc 0%,#ffffff 100%);

}



/* Section Header */

.bou-news-section .bou-section-header {

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:20px;

    padding-bottom:10px;

    border-bottom:2px solid #e6edf3;

}



.bou-news-section .bou-section-header h3 {

    margin:0;

    font-size:24px;

    font-weight:600;

    color:#173B55;

    position:relative;

}



.bou-news-section .bou-section-header h3:after {

    content:"";

    position:absolute;

    left:0;

    bottom:-12px;

    width:55px;

    height:3px;

    background:#0b7dda;

}



.bou-view-all {

    font-size:14px;

    color:#0b7dda;

    font-weight:500;

    text-decoration:none;

}



.bou-view-all:hover {

    color:#173B55;

}





/* News Row */

.bou-news-row {

    margin-top:5px;

}





/* News Card */

.bou-news-card {

    background:#ffffff;

    border-radius:12px;

    overflow:hidden;

    height:100%;

    border:1px solid #e2ebf3;

    box-shadow:0 3px 12px rgba(23,59,85,0.06);

    transition:all .3s ease;

}



.bou-news-card:hover {

    transform:translateY(-5px);

    box-shadow:0 10px 25px rgba(23,59,85,0.15);

}





/* Image Area */

.bou-news-image {

    position:relative;

    height:190px;

    overflow:hidden;

}



.bou-news-image img {

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.4s ease;

}



.bou-news-card:hover .bou-news-image img {

    transform:scale(1.08);

}





/* Category Badge */

.bou-news-category {

    position:absolute;

    top:12px;

    left:12px;

    background:#173B55;

    color:#ffffff;

    padding:5px 15px;

    border-radius:20px;

    font-size:12px;

    font-weight:500;

}





/* Content */

.bou-news-content {

    padding:15px;

}





/* Date */

.bou-news-date {

    font-size:13px;

    color:#777;

    margin-bottom:8px;

}



.bou-news-date i {

    color:#0b7dda;

    margin-right:5px;

}





/* News Title */

.bou-news-content h4 {

    margin:0 0 8px;

    min-height:45px;

}



.bou-news-content h4 a {

    color:#173B55;

    font-size:17px;

    font-weight:600;

    line-height:1.45;

    text-decoration:none;

}



.bou-news-content h4 a:hover {

    color:#0b7dda;

}





/* Description */

.bou-news-content p {

    color:#666;

    font-size:14px;

    line-height:1.6;

    margin-bottom:12px;


    /* Limit description height */

    display:-webkit-box;

    -webkit-line-clamp:3;

    -webkit-box-orient:vertical;

    overflow:hidden;

}





/* Read More */

.bou-news-read {

    color:#0b7dda;

    font-size:14px;

    font-weight:600;

    text-decoration:none;

}



.bou-news-read:hover {

    color:#173B55;

}





/* More News Button */

.bou-news-more-btn {

    display:inline-block;

    margin-top:15px;

    padding:8px 22px;

    background:#173B55;

    color:#ffffff;

    border-radius:25px;

    font-size:14px;

    text-decoration:none;

    transition:.3s;

}



.bou-news-more-btn:hover {

    background:#0b7dda;

    color:#ffffff;

}





/* Card spacing */

.bou-news-row > div {

    margin-bottom:20px;

}





/* ==========================================
   Responsive Design
   ========================================== */


@media(max-width:768px){


    .bou-news-section {

        padding:25px 0;

    }



    .bou-news-section .bou-section-header h3 {

        font-size:20px;

    }



    .bou-news-image {

        height:170px;

    }



    .bou-news-content h4 {

        min-height:auto;

    }



    .bou-news-content h4 a {

        font-size:16px;

    }


    .bou-news-content p {

        font-size:13px;

    }


}



@media(max-width:480px){


    .bou-news-image {

        height:160px;

    }



    .bou-news-content {

        padding:13px;

    }


}