*{
    padding: 0px;
    margin: 0px;
}
body, html{
    font-family:Roboto, sans-serif, arial;
    background-color: #f0f3f0;
}
.width-100{
width: 100%;
float: left;
}
.container{
width: 1500px;
margin: 0px auto;
}
.top-header{
background: #2195f3;
pedding: 5px 0px;
border-bottom: 1px solid #3131315e;
}
.new-list{
background: #fff;
color:red;
padding: 6px;
font-size: 20px;
}
.headquote{
font-size: 18px;
color:#fff;
width: 100%;
}
* {
    padding: 0px;
    margin: 0px;
}
user agent stylesheet
img {
    overflow-clip-margin: content-box;
    overflow: clip;
display: inline;
    border-style: none;
}
body, html {
    font-family: Roboto, sans-serif, arial;
    background-color: #f0f3f0;
}
.header-menu{
position: relative;
box-shadow: 0px 2px 5px 0px #00000036;
}
.logo{
width: fit-content;
float:left;
}
.main-menu{
    width: fit-content;
    float: left;
}
.main-menu a{
list-style: none;
float: right;
margin-top: 20px;
}
.main-menu li{
font-width: 500;
color: #3a3a3a;
font-size: 20px;
text-decoration: none;
}
.main-menu li {
    float: left;
    padding: 12px 15px;
}
.header-menu .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo img {
    display: block;
    max-width: 100px;
    height: auto;
}

.main-menu {
    display: flex;
    list-style-type: none;
    gap: 20px;
    margin: 0;
    padding: 0;
}

.main-menu li a {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
.margin-top-50{
margin-top: 50px;
}
.width-33{
width: 33%;
float: left;
}
.latest-news{
margin-left: 10px;
margin-right: 10px;
background:#fff;
padding: 20px;
height: 350px;
margin-bottom: 30px;
}
.heading-sect{
width: 100%;
float: left;
border-bottom: 1px solid #cfcfcf;
padding-bottom: 0px;
margin: 0px;
margin-bottom: 15px;
padding-top: 2px;
border: 1px solid #cfcfcf;
padding-top: 15px;
padding: left 15px;
background: #00aed9;
color: white;
}
.head-title{
margin:0px;
padding:0px;
font-size: 15px;
font-weight: 600;
padding-bottom:5px;
}
.leatest-news-ul{
padding:0px;
list-style: none;
line-height: 40px;
}
.event-list{
margin-left: 10px;
margin-right: 10px;
background:#fff;
padding: 20px;
height: 350px;
margin-bottom: 30px;
}
.upcoming-event-list{
padding:0px;
list-style: none;
}
.upcoming-event-list li{
    width: 100%;
    float: left;
    margin-bottom: 15px;
}
.event-date{
    background: #03a9f4;
    width: 30px;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 8px;
    margin-right: 10px;
}
.notice-list{
margin-left: 10px; 
margin-right: 10px;
background:#fff;
padding: 20px;
height: 350px;
margin-bottom: 30px;
}
.notice-board{
margin-left: 10px;
margin-right: 15px;
background:#fff;
height: 390px;
margin-bottom: 35px;
}
.notice-board-list{
padding:0px;
list-style: none;
text-align: center;
background-size: auto;
}
.heading-sect {
    width: 100%;
    float: left;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom: 0px;
    margin: 0px;
    margin-bottom: 15px;
}