html, body {
            margin: 0;
            padding: 0;
            width: 100%;
            font-family: Arial, sans-serif;
            transition: background-color 0.3s ease;
        }

        body {
            background-color: #f4f4f9; /* Light grey/blue for mobile */
            color: #333333;
            padding: 0px;
            font-size: 14px;
        }

        .container {
            max-width: 100%;
            margin: 0;
        }
        /* Small Devices: Portrait Tablets and Large Phones */
        @media only screen and (min-width: 600px) {
            body {
                background-color: #e2e8f0; /* Changes background color */
                padding: 0px;             /* Increases padding */
                font-size: 16px;           /* Scales up text sizing */
            }
        }

        /* Medium Devices: Landscape Tablets */
        @media only screen and (min-width: 768px) {
            body {
                background-color: #cbd5e1;
                padding: 40px;
            }
            .container {
                max-width: 100%;          /* Restricts layout width */
            }
        }

        /* Large Devices: Laptops and Desktops */
        @media only screen and (min-width: 992px) {
            body {
                background-color: #94a3b8;
	width:100%;
margin:0;
padding:0;
            }
            .container {
                max-width: 100%x;
            }
        }

        /* Extra Large Devices: Large Desktops and Monitors */
        @media only screen and (min-width: 1200px) {
            body {
                background-color: #64748b;
                color: #ffffff;            /* Flips text to white for contrast */
            }
            .container {
                max-width: 1140px;
            }
        }
.header{
width:100%;
height:100;
background-color:rgba(0, 0, 128,0.9);
padding:12px;
position:fixed;
}
.footer{
width:100%;
height:170;
background-color:rgb(0, 0, 128);
padding:12px;
}
.link{
font-family:Bookman Old Style;
color:#ffffff;
font-size:14;
text-decoration:none;
padding:12px;
}
.link:hover{
font-family:Bookman Old Style;
color:orange;
font-size:14;
text-decoration:none;
padding:12px;
}
.heading{
font-family:Bookman Old Style;
font-size:28;
color:rgb(0, 0, 128);
}
.progbutton{
font-family:Bookman Old Style;
font-size:14;
width:60%;
height:50;
padding:12px;
background-color:rgb(0, 0, 128);
color:#ffffff;
}
.progbutton:hover{
width:60%;
height:50;
padding:12px;
background-color:orange;
color:rgb(0, 0, 128);
}
.progicon{
width:100;
height:100;
border-radius:100%;
}
.progicon:hover{
width:100;
height:100;
border:2px dotted orange;
border-radius:100%;
}
.apply{
width:200px;
height:50px;
background-color:black;
border:0px;
padding:12px;
color:orange;
border-radius:15px;
}
.apply:hover{
width:200px;
height:50px;
background-color:rgb(0, 0, 128);
border:2px dotted orange;
padding:12px;
color:white;
border-radius:15px;
}
.partner{
width:200;
height:200;
}
.partner:hover{
width:250;
height:250;
}
#testimony{
width:200;
height:200;
border-radius:100%:
border:2px solid orange;
}
#testimony:hover{
width:250;
height:250;
border-radius:100%:
border:2px dotted blue;
}
.profile{
width:90%;
color:rgb(0, 0, 128);
font-family:Bookman Old Style;
font-size:14;
}

        .container1{
            width:700px;
            max-width:100%;
            margin:auto;
            background:#fff;
            padding:25px;
            border-radius:8px;
            box-shadow:0 0 10px rgba(0,0,0,0.2);
        }

        h2{
            text-align:center;
            color:#003366;
        }

        label{
            font-weight:bold;
            display:block;
            margin-top:12px;
        }

        input, select, textarea{
            width:100%;
            padding:10px;
            margin-top:5px;
            border:1px solid #ccc;
            border-radius:5px;
            box-sizing:border-box;
        }

        .row{
            display:flex;
            gap:15px;
        }

        .col{
            flex:1;
        }

        .gender{
            display:flex;
            gap:20px;
            margin-top:8px;
        }

        .gender label{
            font-weight:normal;
        }

        button{
	width:100%;
            padding:12px;
            margin-top:20px;
            background-color:#003366;
            border:none;
            border-radius:5px;
            cursor:pointer;
            font-size:16px;
        }

        button:hover{
            background-color:#0055aa;
color:orange;
        }
.reference{
    background:#eaf4ff;
    font-weight:bold;
    color:#c00000;
}
.container2{
    max-width:900px;
    margin:auto;
    background:#fff;
    padding:20px;
    border-radius:8px;
    box-shadow:0 0 10px rgba(0,0,0,0.1);
}
h2{
    text-align:center;
}
.academic{
    border:1px solid #ddd;
    padding:15px;
    margin-bottom:15px;
    border-radius:5px;
    background:#fafafa;
}
.row{
    display:flex;
    gap:15px;
    margin-bottom:10px;
}
.col{
    flex:1;
}
label{
    font-weight:bold;
    display:block;
    margin-bottom:5px;
}
input, select{
    width:100%;
    padding:8px;
    border:1px solid #ccc;
    border-radius:4px;
}
button2{
    padding:10px 20px;
    border:none;
    border-radius:5px;
    cursor:pointer;
}
.add-btn{
    background:#28a745;
    color:#fff;
}
.remove-btn2{
    background:#dc3545;
    color:#fff;
    margin-top:10px;
}
.submit-btn2{
    background:#007bff;
    color:#fff;
}