* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "kruti dev 10", "Mangal", "Noto Sans Devanagari", sans-serif;
}

body {
    background-color: #538b5f;
    color: #333333;
}

.top-header{
    background: linear-gradient(to right, #1a1a1a, #056831);
    color:white;
    padding:1% 1%;
    text-align: right;

}
/* Header */
.site-header {
    width: 100%;
    height: 100px;                /* 15% of screen height */
    /*background-image: url("images\gmas-header.jpg"); /* attached image */
    background-size: cover;       /* fills area without distortion */
    background-position: center;
    background-repeat: no-repeat;
        text-align: center;
    background-color: #2e6734;
}

/*.overlay {
    background: rgba(0, 0, 0, 0.45);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-content {
    text-align: center;
    color: #fff;
}*/

.top-banner {
    width: 100%;
    height: 10%;
    object-fit:cover;
    text-align: center;

}

.header-content h1 {
    font-size: 40px;
    font-weight: bold;
}

.header-content p {
    font-size: 20px;
    margin-top: 10px;
}

/* Menu */
.main-menu {
    background: linear-gradient(to top, #aa5703, #202922);
    padding:0;
}

.main-menu ul {
    list-style: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.main-menu ul li a {
    display: block;
    padding: 10px 20px;
    color: #fff;
    text-decoration: none;
    /*font-weight: bold;*/
    font-size: large;
}

.main-menu ul li a:hover {
    background: rgba(255,255,255,0.2);
}

/* Content */
.content {
   /* padding: 40px;*/
    max-width: 100%;
    margin: auto;
    background: #fff;
    text-align:center;
    background: linear-gradient(to right, #515050, #3bb23b);

        /*background-color: #676560;*/
       /*background-color: #b27f09;*/

}

.content h2 {
    color: #ff5722;
    margin-bottom: 15px;
}

.marquee-event{
    color:maroon;
    font-weight: bold;
    font-size: x-large;
    background-color:white;
}
.event-image{
    /*width:400px;
    height:300px;
    margin:2%;*/
    
}

.event-image-size{
    width: 320px;       /* Fixed width */
    height: 200px;      /* Fixed height */
    object-fit: cover;  /* Keeps aspect ratio and crops extra part */
    border-radius: 8px; /* Optional: rounded corners */ 
    /*border:2px solid green;*/
    box-sizing: border-box;
    padding-top:15px;
    margin-left:15px;
}
.gallary-image-size{
    width: 520px;       /* Fixed width */
    height: 320px;      /* Fixed height */
    object-fit: cover;  /* Keeps aspect ratio and crops extra part */
    border-radius: 8px; /* Optional: rounded corners */ 
    /*border:2px solid green;*/
    box-sizing: border-box;
    padding-top:15px;
    margin-left:15px;
}
.video-block
{
margin-left:10%;
margin-right:10%;
padding:0px 60px 10px 60px;
background-color:#e6e5e7;
border:1px solid rgb(149, 148, 148);
}

.image-block{
   margin-left:10%;
margin-right:10%;
padding:0px 60px 30px 60px;
background-color:#e6e5e7;
border:1px solid rgb(149, 148, 148);
}

.media-coverage-block{
 margin-left:5%;
margin-right:5%;
padding:0px 60px 35px 60px;
background-color:#e6e5e7;
border:1px solid rgb(149, 148, 148);   
}
.slider{
    display:flex;
    width:auto;
    overflow:hidden;
}

.clip{
    width:330px;
    height:200px;
    margin-right:10px;
    cursor:pointer;
    border-radius:8px;
}

/* Footer */
.site-footer {
    background: #222;
    color: #ddd;
    text-align: center;
    padding: 20px;
    font-size: 15px;
}

.site-footer p {
    margin: 6px 0;
}

.site-footer .copyright {
    font-size: 13px;
    color: #aaa;
}

/* Responsive */
@media(max-width: 768px) {
    .header-content h1 {
        font-size: 26px;
    }

    .main-menu ul {
        flex-direction: column;
    }

    .site-header {
        /*height: 100px;*/
    }
}