.ie-container{
        width:900px;
        margin:10px auto;
        background:#f6ecdd;;
        padding:30px;
        border-radius:6px;
    }

    /* Top red label */
    .ie-tag{
        display:inline-block;
        background:#e60000;
        color:#fff;
        padding:6px 18px;
        border-radius:15px;
        font-weight:bold;
        font-size:14px;
		align:center;
        margin-bottom:8px;
    }

    .ie-subtitle{
        font-size:14px;
        color:#003366;
        margin-bottom:10px;
        font-weight:bold;
    }

    .ie-description{
        font-size:12px;
        color:#000;
        text-align:justify;
        margin-bottom:15px;
        line-height:1.5;
    }

    /* Black rounded highlight */
    .ie-highlight{
        width:720px;		
        background:#000;
        color:#fff;
        padding:10px 18px;
        border-radius:20px;
        text-align:center;
        font-size:14px;
        font-weight:bold;
        margin:15px auto 20px;
        /*width:fit-content;*/
    }
	.wrapper{
        display:flex;
        gap:20px;
        align-items:flex-start;
        background:#ffffff;
        padding:20px;
        border-radius:6px;
    }

    .table-box{
        flex:2;
    }

    .image-box{
        flex:1;
        text-align:center;
    }

    .image-box img{
        max-width:100%;
        height:auto;
        border:1px solid #ccc;
        border-radius:4px;
    }

    table{
        width:100%;
        border-collapse:collapse;
        font-size:12px;
    }

    th{
        background:#e60000;
        color:#fff;
        padding:10px;
        border:1px solid #fff;
    }

    td{
		font-size:13px;
        padding:9px;
        background:#e6fff8;
        border:1px solid #fff;
    }

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

    /* Responsive */
    @media(max-width:768px){
        .wrapper{
            flex-direction:column;
        }
    }
	
	.events-main-box{
        width:800px;
        margin:auto;
		font-size:13px;
        background:#fff;
        border:1px solid #666;
    }

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

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

    /* Section headers */
    .events-section-title{
		font-size:13px;		
        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; }
	.voilet{ background:voilet; color:#fff; }
	.pink{ background:pink; color:Black; }
	
    /* Content box */
    .events-content{
        text-align:left;		
		font-size:13px;		
        padding:8px 12px;
        border-left:1px solid #666;
        border-right:1px solid #666;
        border-bottom:1px solid #666;
        line-height:1.5;
    }

    .events-content p{
		font-size:13px;		
        margin:4px 0;
    }
	
	.sim-container {
        width: 800px;
        max-width: 1100px;
        margin: 30px auto;
    }

    /* Heading badge */
    .sim-badge-title {
        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);
    }

    .sim-title-wrapper {
        text-align: center;
        margin-bottom: 20px;
    }

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

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

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

    /* Content */
    .sim-content {
        font-size: 14px;
        line-height: 1.6;
        text-align: justify;
    }

    .sim-milestone {
        margin-bottom: 18px;
    }

    .sim-milestone-title {
        font-size: 13px;
		text-align:left;
		
    }

    .sim-milestone-number {
        font-size: 12px;
		text-align:left;
    }
	
	/* Thought of the month */

    .totm-container {
        width: 780px;
        margin: 10px auto;
        padding: 10px;
        border: 1px solid #ddd;
    }

    .totm-header {
        font-size: 22px;
        font-style: italic;
        font-weight: bold;
        color: #5a2ca0;
        display: inline;
    }

    .totm-title {
        font-size: 16px;
        font-weight: bold;
        color: #d40000;
        margin-left: 8px;
    }

    .totm-photo-box {
        float: left;
        width: 150px;
        text-align: center;
        margin: 10px 15px 5px 0;
    }

    .totm-photo-box img {
        width: 120px;
        border: 1px solid #999;
    }

    .totm-name {
        font-size: 14px;
        font-weight: bold;
        margin-top: 6px;
    }

    .totm-designation {
        font-size: 12px;
        line-height: 16px;
    }

    .totm-content {
        font-size: 13.5px;
        line-height: 20px;
        text-align: justify;
    }

    .totm-content p {
        margin: 0 0 10px 0;
        text-align: justify;
        font-size: 13px;		
    }

    .totm-clear {
        clear: both;
    }
	
    ol {
        list-style-type: decimal;
        padding-left: 40px;   /* IMPORTANT: shows numbers */
        margin-left: 0;		 
        font-family: "Trebuchet MS", Arial, sans-serif;
        font-size: 14px;
        line-height: 25px;
        text-align: justify;
    }
	
	        /* Header */
        .fheader {
            background: linear-gradient(to right, #f9a825, #ffcc00);
            padding: 15px;
            text-align: center;
            font-size: 24px;
            font-style: italic;
            font-weight: bold;
            color: #000;
            position: relative;
        }

        .logo {
            position: absolute;
            right: 15px;
            top: 5px;
            height: 60px;
        }

        /* Achievement Blocks */
        .fachievement {
            display: flex;
            align-items: center;
            padding: 15px;
            border-bottom: 8px solid #8bc34a;
        }

        .fachievement:nth-child(even) {
            background-color: #e3f2fd;
        }

        .fachievement:nth-child(odd) {
            background-color: #dcedc8;
        }

        .fachievement img {
            width: 85px;
            height: 102px;
            object-fit: cover;
            border: 2px solid #c2185b;
            margin-right: 15px;
        }

        .fachievement-content {
            font-size: 13px;
            line-height: 1.6;
            text-align: justify;
        }

        .fachievement-content b {
            color: #003399;
        }

        .fachievement-content i {
            color: #000;
        }
		
		.book-container{
    width:100%;
    margin:auto;
    border:1px solid #ccc;
}

/* Title Section */
.book-title{
    background:#b7d8a8;
    text-align:center;
    padding:15px 0;
}

.book-title span{
    background:#f4c27a;
    padding:8px 25px;
    border-radius:25px;
    font-weight:bold;
    font-size:16px;
    border:3px solid #8b5e3c;
}

/* Row Common Style */
.book-row{
    display:flex;
    align-items:center;
    padding:15px;
}

/* First Row */
.row1{
    background:#efe2a6;
}

/* Second Row */
.row2{
    background:#8cc1da;
}

/* Faculty Image */
.book-img{
    width:85px;
    text-align:center;
}

.book-img img{
            width: 85px;
            height: 102px;
    border-radius:5px;
    border:2px solid #999;
}

/* Text Section */
.book-text{
    flex:1;
    padding:0 20px;
    font-size:13px;
    line-height:1.6;
	text-align:justify;
}

.name{
    color:#1f4eaa;
    font-weight:bold;
}
   .patent-container{
        width:740px;
        margin: 0px auto;
        background: #b9c27a; /* light green background */
        padding: 15px 20px;
        display: flex;
        align-items: flex-start;
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    }

    .patent-image img{
        width: 120px;
        height: 130px;
        object-fit: cover;
        border: 3px solid #ffffff;
    }

    .patent-details{
        margin-left: 25px;
		    font-size:13px;
        flex: 1;
    }

    .patent-row{
        margin-bottom: 8px;
        display: flex;
    }

    .patent-label{
        width: 180px;
        font-weight: bold;
        color: #000000;
    }

    .colon{
        width: 15px;
        font-weight: bold;
    }

    .patent-value{
        color: #003399;
    }

    .patent-title{
        color: #003399;
        font-weight: bold;
    }
	
	.milestone-container{
        width:778px;
    margin:px auto;
    border:1px solid #ccc;
    box-shadow:0 4px 8px rgba(0,0,0,0.1);
}

/* Header */
.milestone-header{
    background: linear-gradient(to right, #c8e6c9, #b3e5fc);
    text-align:center;
    padding:12px;
    border-bottom:3px solid #2e7d32;
}

.milestone-header h2{
    margin:0;
    display:inline-block;
    background:#f4b942;
    padding:5px 25px;
    color:#c62828;	
    border-radius:20px;
    font-style:italic;
}

/* Sub Heading */
.sub-title{
    text-align:center;
    color:#c62828;
    font-weight:bold;
    font-size:18px;
    margin-top:10px;
}

/* Content Section */
.milestone-content{
    display:flex;
    padding:15px 20px;
    background:#fff8e1;
}

.milestone-content img{
    width:80px;
    height:95px;
    border:2px solid #ccc;
    margin-right:15px;
}

.details{
    font-size:13px;
    line-height:1.6;
    text-align:justify;	
}

.name{
    color:#c62828;
    font-weight:bold;
}

.supervisor{
    color:#1565c0;
    font-weight:bold;
}

/* Top Header */
/* Container */
.spcontainer{
    width:780px;
    margin:auto;
    background:#e8d7c8;
    font-family: Georgia, serif;
}

/* Header */
.spheader{
    background:linear-gradient(to right,#f7b500,#f7a000);
    padding:2px 0;
    text-align:center;
}

.spheader h1{
    font-size:36px;
    font-style:italic;
}

/* Section Titles */
.spsection-title{
    text-align:center;
    color:#ffd700;
    font-weight:bold;
    padding:6px 0;
    font-size:17px;
    letter-spacing:1px;
}

.brown{ background:#8b3f2f; border-top:4px solid #fff; border-bottom:4px solid #fff; }
.purple{ background:#3b2c7a; border-top:4px solid #fff; border-bottom:4px solid #fff; }
.magenta{ background:#b0128f; border-top:4px solid #fff; border-bottom:4px solid #fff; }

/* FLEX ROW */
.sprow{
    display:flex;
    gap:20px;                 /* use gap instead of justify-content */
    padding:15px;
}

/* LEFT TEXT */
.sptext{
    flex:0 0 230px;           /* fixed width */
    font-size:13px;
    line-height:1.3;
    text-align:justify;
}

/* RIGHT TABLE BOX */
.sptable-box{
    flex:1;                   /* automatically take remaining space */
}

/* Table Styling */
table{
    width:100%;
    border-collapse:collapse;
    background:#d6df74;
    font-size:13px;
}

table th, table td{
    border:1px solid #3a7a2a;
    padding:5px;
    text-align:center;
}

table th{
    background:#c9d85a;
    font-weight:bold;
}

.sptable-heading{
    text-align:center;
    font-weight:bold;
    margin-bottom:5px;
    color:#990066;	
}