*{
    margin: 0%;
    padding: 0%;
  
}




.about-h{
    margin-top: 2%;
    padding: 2%;
    text-align: center;
    font-size: 40px;
    background-color: rgb(177, 174, 174);
}
.about-paragraph{
    margin-left: 10%;
    margin-right: 10%;

    
}
.aboutoi-heading{
    margin-top: 2%;
    padding: 2%;
    text-align: center;
    font-size: 40px;
    background-color: rgb(235, 236, 162);

}
.aboutmathura{
    margin-top: 2%;
    padding: 2%;
    text-align: center;
    font-size: 40px;
    background-color: rgb(198, 224, 226);
}

.committee{
    width: 100%;    
    height: 400px; 
    background-color: #e6e6e6ee;

    
}

.committee-1{
    width: 100%;    
    height: 400px; 
    background-color: #fff;
}

.committee-2{
    width: 100%;    
    height: 400px; 
    background-color: #e6e6e6ee;

    
}
.committee-3{
    width: 100%;    
    height: 400px; 
    background-color: #fff;

    
}
.committee-4{
    width: 100%;    
    height: 400px; 
    background-color: #e6e6e6ee;

    
}
.committee-5{
    width: 100%;    
    height: 400px; 
    background-color: #fff;

    
}

.committee-heading{
    margin-top: 2%;
    padding: 2%;
    text-align: center;
    font-size: 40px;
    background-color: rgb(224, 182, 228);

}
.rounded-img{
    display: flex;
    text-align: center;

}
.flex-images{
    padding-left: 40%;
    margin-top: 2%;
   
}
.flex-images-1{
    padding-left: 42%;
}
.flex-images-1 img{
    border-radius: 50%;
}
.flex-images-2{
    margin-top: 2%;
    padding-left: 40%;
}

.flex-images-2 img{
    border-radius: 50%;
}
.flex-images img{
    border-radius: 50%;
}
.flex-images h5{
    margin-top: 5%;
}



.committee-box h4{
    font-size: 35px;
    margin-top: 2%;
    margin-bottom: 2%;
    text-align: center;
    color: green;
    
}
.advisory-committee{
    margin-top: 2%;
    padding: 2%;
    background-color: rgb(214, 231, 214);


}

.advisory-committee .advisory-heading{
    color: rgb(21, 108, 184);
    text-align: center;
    font-size: 35px;
    padding-bottom: 2%;
}
    
.advisory-name ul{
    padding-left: 13%;
    font-size: 15px;

}

.scientific-heading{
    text-align: center;
    margin-top: 1%;
    background-color: beige;
    padding: 1%;

}
.scientific-heading h3{
    font-size: 45px;
}
.scientific-list {
    margin-left: 13%;
    padding: 1%;
}

.area-confrence{
    
    margin-top: 1%;
    background-color: rgb(175, 146, 146);
    padding: 1%;


}



.area-confrence .area-heading h3{
    text-align: center;
    color: #ffff;
    font-size: 35px;

}
.area-list{
    margin-left: 13%;
    font-size: 22px;
    color: #ffff;
}
.track-heading{
    margin-left: 13%;
    margin-top: 2%;
}
.track-heading h4{
    font-size: 30px;
    color: yellowgreen;
}
.call-paper{
    background-color: lightblue;
    padding: 1%;
}
.call-heading h3{
    text-align: center;
    font-size: 35px;
    color: #ffff;

}
.call-p{
    margin-left: 13%;
    margin-right: 12%;
    font-size: 20px;
    font-weight: 400;
}
 .registration-desk{
   background-color: #e6e6e6ee;
 }
.registration-heading h3{
    margin-top: 1%;
    background-color: rgb(243, 123, 123);
    padding: 2%;
    text-align: center;
    font-size: 35px;
}

.table-fees{
    margin-top: 2%;
    margin-left: 13%;
    margin-right: 10%;
    margin-bottom: 3%;
}
.registration-note p{
    margin-left: 13%;
    margin-right: 10%;
    color: red;
    font-size: 20px;
}
.registration-process {
    background-color: silver;
}
.registration-process h4{
    margin-top: 1%;
    padding: 1%;
    text-align: center;
    font-size: 38px;
}
.registration-process p{
    margin-left: 13%;
    margin-right: 10%;
    font-size: 20px;
}
.registration-link{
   background-color: tan;

}

.registration-link h4{
    text-align: center;
    font-size: 28px;
    padding-top: 1%;

}
.registration-link .form-fill{
    margin-left: 13%;
    margin-top: 1%;
    font-size: 28px;
    

}
.form-fill button{
    margin-left: 4%;
}
.form-fill button a{
    text-decoration: none;
    color: green;
    
}
.form-fill button:hover{
    background-color: grey;

}
.registration-link p{
    margin-left: 13%;
    font-size: 23px;

}
.submission{
    background-color: #FFFF;
    padding-top: 2%;
    padding-bottom: 1%;
}
.submission h4{
     margin-left: 13%;
    font-size: 28px;
}

.submission p{
    margin-left: 13%;
    margin-right: 10%;
    font-size: 17px;
}

.term-heading h4{
    text-align: center;
    font-size: 30px;
    padding-top: 1%;
}
.term-line{
    margin-left: 13%;
}
.paper-link{
    margin-left: 13%;
}
.award{
    padding: 2%;
    background-color: rgb(141, 131, 131);
}
.award h4{
    text-align: center;
    font-size: 30px;
}
.award p{
    margin-left: 13%;
    font-size: 19px;
}


.important-date h4{
    font-size: 35px;
    margin-top: 2%;
    color: green;

}
.important-date{
    margin-left: 13%;

}
.important-date ul{
    font-size: 18px;
    
}

.any-query{
    background-color: rgb(159, 233, 183);
}

.any-query h4{
    text-align: center;
    font-size: 30px;

}
.query-contact{
    margin-left: 13%;
    font-size: 18px;


}
@media screen and (max-width:1095px){

    .about-h{
        margin-top: 1%;
        padding: 2%;
        text-align: center;
        font-size: 20px;
        background-color: rgb(177, 174, 174);
    }

    .about-paragraph{
        margin-left: 3%;
        margin-right: 2%;
        font-size: 19px;
    }
    .aboutoi-heading{
        margin-top: 2%;
        padding: 2%;
        text-align: center;
        font-size: 20px;
        background-color: rgb(235, 236, 162);
    
    }
    .aboutmathura{
        margin-top: 2%;
        padding: 2%;
        text-align: center;
        font-size: 20px;
        background-color: rgb(198, 224, 226);
    }

    .committee{
        width: 100%;    
        height: 1000px; 
        background-color: #e6e6e6ee;
    }

    .committee-1{
        width: 100%;    
        height: 700px; 
        background-color: #ffff;
    }

    .committee-2{
        width: 100%;    
        height: 400px; 
        background-color: #e6e6e6ee;
    
        
    }
    .committee-3{
        width: 100%;    
        height: 700px; 
        background-color: #fff;
    
      }
      .committee-4{
        width: 100%;    
        height: 700px; 
        background-color: #e6e6e6ee;
    
        
    }
    .committee-5{
        width: 100%;    
        height: 700px; 
        background-color: #fff;
    
        
    }
    .flex-images-1{
        padding-left: 20%;
        margin-top: 2%;
    }
    
    
    


    .committee-heading{
        margin-top: 2%;
        padding: 2%;
        text-align: center;
        font-size: 20px;
        background-color: rgb(224, 182, 228);
    
    }

    .rounded-img{
        display: block;
    }
    .flex-images{
        padding-left: 20%;
        margin-top: 5%;
       
    }
    

    .scientific-heading h3{
        font-size: 20px;
    }

    .scientific-list {
        margin-left: 5%;
        padding: 1%;
    }
    .track-heading{
        margin-left: 8%;
        margin-top: 2%;
    }
    .track-heading h4{
        font-size: 20px;
        color: yellowgreen;
    }
    .table-fees{
        margin-top: 2%;
        width: 100%;
        margin-bottom: 3%;
    }
    .registration-note p{
        margin-left: 2%;
        margin-bottom: 6%;
        color: red;
        font-size: 18px;
    }
    .submission h4{
        margin-left: 5%;
       font-size: 28px;
   }
    

}