.main-box{
        width:900px;
        margin:auto;
        background:#fff;
        border:1px solid #666;
    }

    /* Top Heading */
    .main-title{
        background:#f6e4b6;
        color:#b30000;
        text-align:center;
        font-weight:bold;
        padding:6px;
        border-bottom:1px solid #666;
    }

    .intro-text{
        padding:8px 12px;
        text-align:justify;
        border-bottom:1px solid #666;
    }

    /* Section headers */
    .section-title{
        font-weight:bold;
        padding:6px 10px;
        color:#000;
    }

    .green{ background:#00b050; color:#fff; }
    .yellow{ background:#ffe699; }
    .gray{ background:#7f7f7f; color:#fff; }
    .blue{ background:#0070c0; color:#fff; }

    /* Content box */
    .content{
        padding:8px 12px;
        border-left:1px solid #666;
        border-right:1px solid #666;
        border-bottom:1px solid #666;
        line-height:1.5;
    }

    .content p{
        margin:4px 0;
    }

    /* Table 
    table{
        width:100%;
        border-collapse:collapse;
        margin-top:5px;
        font-size:13px;
    }

    th{
        background:#d9d9d9;
        border:1px solid #666;
        padding:5px;
        text-align:center;
        font-weight:bold;
    }

    td{
        border:1px solid #666;
        padding:5px;
    }*/

    .roll{
        width:30%;
        font-weight:bold;
    }

    .name{
        width:70%;
    }
.duheader{
    background:linear-gradient(to right,#f7b500,#ffcc33);
    padding:5px;
    text-align:center;
    position:relative;
}

.duheader h1{
    margin:0;
    font-style:italic;
    font-weight:bold;	
    font-size:26px;
    color:green;
}

.dulogo{
    position:absolute;
    right:15px;
    top:10px;
    width:70px;
}

/* MoU Section */
.dumou-section{
    background:#c9c6a3;
    padding:15px 20px;
}

.dumou-title{
    background:#9b2fae;
    color:#fff;
    display:inline-block;
    padding:6px 20px;
    border-radius:20px;
    font-weight:bold;
    font-size:16px;
    margin-bottom:10px;
    margin-left:130px;	
    text-align:center;	
}

.dumou-section p{
    margin:10px 0 0 0;
    font-size:16px;
    line-height:1.6;
}

/* Workshop Section */
.duworkshop-section{
    background:#f7a000;
    padding:0;
}

.duworkshop-title{
    background:#e67e00;
    color:#fff;
    padding:6px 15px;
    font-weight:bold;
    font-size:14px;
}

.duworkshop-content{
    background:#e6d8b5;
    padding:15px 20px;
    font-size:13px;	
    text-align:justify;		
}

.duworkshop-content p{
    font-size:16px;
    line-height:1.6;
    margin-top:0;
}

.duimage-row{
    display:flex;
    gap:10px;
    margin-top:1px;
}

.duimage-row img{
    width:50%;
    height:220px;
    object-fit:cover;
}

.ducaption{
    text-align:center;
    font-size:13px;
    padding:8px;
    background:#e6d8b5;
}
/* EL Header Section */
.elheader{
    background: linear-gradient(to right, #f7b000, #ff7f2a);
    text-align:center;
    padding:5px 10px;
}

.elheader h1{
    margin:0;
    font-style:italic;
    font-size:26px;
    color: blue; /*#000;*/
}

.elsubtitle{
    text-align:center;
    color:#1f3a93;
    font-size:22px;
    font-weight:bold;
    margin-top:1px;
}

.eldescription{
    padding:5px 20px;
    font-size:13px;
    text-align:justify;
	line-height:15px;
}

/* Image Grid */
.row{
    display:flex;
    gap:5px;
    padding:10px 20px;
}

.row img{
    width:100%;
    height:auto;
    border-radius:5px;
}

.col-50{
    width:50%;
}

.elsubtitle img{
    border-radius:25px;
}
.elcaption{
    text-align:center;
    font-size:13px;
    margin-top:5px;
    /*font-weight:bold;*/
}

.elsmall-caption{
    text-align:center;
    font-size:13px;
    margin-top:5px;
}

/* Bottom Grid */
.elbottom-row{
    display:flex;
    gap:5px;
    padding:10px 20px 20px 20px;
}

.elbottom-col{
    width:25%;
    text-align:center;
}

.elbottom-col img{
    /*width:100%;
    height:auto;*/
    border-radius:5px;
}

.elbottom-col p{
    font-size:15px;
    margin-top:5px;
}

	.ev-container {
        width: 800px;
        max-width: 800px;
        margin: 5px auto;
    }

    /* Heading badge */
    .ev-badge-title {
		width: 780px;
        display: inline-block;
        padding: 10px 30px;
        font-size: 18px;
        font-weight: bold;
        color: #ffffff;
        background: linear-gradient(90deg, #ff4f9a, #7b3fe4);
        border-radius: 25px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    }

    .ev-title-wrapper {
		width: 780px;		
        text-align: center;
        margin-bottom: 10px;	
    }

    /* Image section */
    .ev-image-box {
        text-align: center;
        margin: 20px 0 30px 0;
    }

    .ev-image-box img {
        max-width: 100%;
        border: 2px solid #ccc;
        padding: 5px;
        background: #fff;
    }

    .ev-caption {
        font-size: 13px;
        /*font-weight: bold;		
        font-style: italic;*/
        margin-top: 8px;
		color:purple;
    }

    /* Content */
    .ev-content {
        padding: 0px 10px;
		width: 760px;		
        font-size: 13px;
        line-height: 1.6;
        text-align: justify;
    }

    .ev-milestone {
        margin-bottom: 10px;
    }

.row{
    display:flex;
    justify-content:space-between;
    margin-bottom:5px;
}

.column{
    width:342px;
}

.column img{
    width:340px;	
    border-radius:6px;
}

.evheading{
    background:#6a1b9a;
    color:#ffcc00;
    text-align:center;
    padding:8px;
    font-weight:bold;
    font-size:14px;
}

.evsubheading{
    background:#7e57c2;
    color:#ffffff;
    text-align:center;
    padding:6px;
    font-weight:bold;
    font-size:14px;
}

.evcontent-box{
    background:#e6e6e6;
    padding:12px;
    font-size:13px;
    line-height:1.3;
    text-align:justify;
}

.evcaption{
    font-size:14px;
    text-align:center;
    margin-top:5px;
	color:purple;	
}

.evtitle{
    text-align:center;
    font-size:13px;
    margin:8px 0;
}


/* Top Section */
.evtop-section{
    display:flex;
    justify-content:space-between;
    gap:20px;
}

/* Left Oval Block */
.evoval-box{
    width:340px;
	height:130px;
    background: radial-gradient(circle at top left, #ffcc33, #f4b000 60%, #f08a00);
    border-radius:200px;
	font-size:13px;
    padding:40px;
    color:#5a2a00;
    text-align:center;
    box-shadow:0 6px 10px rgba(0,0,0,0.2);
}

.evoval-box h3{
	font-weight:600;
    color:#cc0000;
    margin-bottom:10px;
}

/* Right Green Block */
.evgreen-box{
    width:420px;
	height:150px;
    background:#5a8f0f;
    color:white;
    padding:15px;
    text-align:justify;	
	font-size:13px;
    box-shadow:0 6px 10px rgba(0,0,0,0.2);
}

.evgreen-box h3{
    color:#ffff66;
    margin-top:0;
}

/* Purple Section */
.evpurple-box{
    background:#4b2e83;
    color:white;
    margin-top:25px;
    padding:20px 30px;
    border-radius:30px;
}

.evpurple-box h3{
    background:white;
    color:#d62828;
    display:inline-block;
    padding:6px 15px;
    border-radius:20px;
    font-size:16px;
}

/* Bottom Section */
.evbottom-section{
    display:flex;
    gap:20px;
    margin-top:25px;
}

/* Orange Block */
.evorange-box{
    width:50%;
    background:#f28c00;
    color:white;
    padding:25px;
    border-radius:0 0 0 50px;
    box-shadow:0 6px 10px rgba(0,0,0,0.2);
}

.evorange-box h3{
    background:white;
    color:#d62828;
    display:inline-block;
    padding:6px 15px;
    border-radius:20px;
}

/* Image Section */
.evimage-box{
    width:50%;
    text-align:center;
}

.evimage-box img{
    width:100%;
    border-radius:10px;
    box-shadow:0 4px 10px rgba(0,0,0,0.3);
}

.evcaption{
    font-size:14px;
    margin-top:8px;
    color:#333;
}


.top-header{
    background: linear-gradient(to right,#f7b500,#fdd835);
    text-align:center;
    padding:5px 0;
    position:relative;
}

.top-header h1{
    margin:0;
    font-family: Georgia, serif;
    font-style: italic;
    font-size:30px;
    color:#02407e;  /*#000;*/
}

.logo{
    position:absolute;
    right:20px;
    top:10px;
    width:70px;
}

/* Congratulations */
.congrats{
    background:#e6d5c7;
    text-align:center;
    padding:1px 0;
}

.congrats h2{
    margin:0;
    font-size:30px;
    color:#d62828;
    font-family:cursive;
}

/* Purple Title Bar */
.title-bar{
    background:#3b2e83;
    color:#fff;
    text-align:center;
    padding:8px;
    font-size:20px;
    font-weight:bold;
}

/* Faculty Section */
.faculty-section{
    background:#e6d5c7;
    padding:2px 5px;
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
    text-align:center;
}

.faculty-card{
    width:200px;
}

.faculty-card h3{
    font-weight:bold;	
    font-size:12px;
    margin-bottom:10px;
}

.faculty-card img{
    width:86px;
    height:102px;
    border-radius:15px;
    border:3px solid #333;
}

.name-box{
    font-size:13px;	
    background:#ffd60a;
    padding:3px;
    border-radius:20px;
    margin-top:1px;
    font-weight:bold;
}

.designation{
    font-size:14px;
    font-weight:normal;
}

/* Table Section */
.table-section{
    padding:20px;
    background:#e6d5c7;
}

table{
    width:750px;
    border-collapse:collapse;
    background:#fff;
}

th{
    background:#ffd60a;
    padding:8px;
    border:1px solid #999;
    font-size:13px;
	color:blue;
    font-weight:bold;	
}

td{
    padding:6px;
    border:1px solid #999;
    font-size:13px;
}

tr:nth-child(even){
    background:#f9f9f9;
}