*{    margin:0; padding: 0; box-sizing: border-box;
}

a       { text-decoration: none;} 

a:hover {text-decoration: none;
         }

         li{list-style: none;}

i{   color: #2fccd0;
            }

/* *****************Header Section Start************ */

.blink_me {
        animation: blinker 1s linear infinite;
      }
      
      @keyframes blinker {
        50% {
          opacity: 0;
        }
      }


.contacttitle a{color: gray;}

.muhslogo{      text-align: center;
                border-right: 0.5px solid gray;
                padding: 10px;
}

.dcilogo    {   text-align: center;
                border-left: 0.5px solid gray;
                padding: 10px;
              }
.muhslogo span, .dcilogo span{
                  font-size: 12px;
                  font-family: helvetica neue,Arial,sans-serif;
                  color: #717171;
                  letter-spacing: 0.5px;
}

.clglogo{
                padding: 30px;
                text-align: center;
         }
.clgname{
        display: flex;
        justify-content: center;
        align-items: center;
}
.clgname h6{    text-align: center;
                font-weight: 500;
                font-family: Arial, Helvetica, Serif;
            letter-spacing: 1px;
            }
.clgname h3{    text-align: center;
          color: #1e384b;
          font-family: "Oswald Regular";
          width: 90%;
          margin-top: 10px;
          font-weight: 800;
          font-size: 180%;
          letter-spacing: 1px;
          word-spacing: 2px;
          line-height: 40px;
}
.capup {
        font-size: 110% !important;
 
}

/* *****************Header Section End************ */
.navbarbg{     
                background-color: #1e384b;
                box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 
                0 4px 50px 0 rgba(0, 0, 0, 0.19);  
                border-top: 4px solid #f4ac41;
                margin-bottom: 0px;
                z-index: 99; 
                padding: 0px 10px 0px 0px} 
                
                
                
.mainmenu a, .mainmenu button{
                line-height: 1.375;
                font-weight: 500;
                font-size: 100%;
                font-family: "Open Sans",sans-serif;
                color: white !important;
         }
.mainmenu a:hover, .mainmenu  {color: #eda920 !important;} 

.mainmenu li {
        margin: 0 5px 0 5px;
} 
.menu-bar{
                text-align: center;
}


.dropdown-menu{
        background: #1e384b !important;
}

.sub-menu-1{
                display: none;
                text-align: left;
                }
.menu-bar ul li:hover .sub-menu-1
{
        display: block;
        position: absolute;     
        background: #1e384b;
        margin-left: -15px;
        border-radius: 0 0 5% 5%;
}


.slider{width: 400px;
        }

.sliderheader{background-color:  #1e384b !important;
                height: 40px;
                padding: 1px;
                }
.sliderheader h6 button{
        line-height: 1.375;
        font-weight: 500;
        font-size: 100%;
        font-family: "Open Sans",sans-serif;
        }

.sliderheader h6 button:hover{
                line-height: 1.375;
                font-weight: 500;
                font-size: 100%;
                font-family: "Open Sans",sans-serif;
                color:#eda920 !important ;
                }
.card-body ul li a{color: #1e384b !important;
                line-height: 2;
                font-weight: 500;
                font-size: 100%;
                font-family: "Open Sans",sans-serif;}
.card-body ul li i{color: #1e384b;}


/* **************************MAIN IMAGE SLIDER STARTS ****************  */
.mainslider{
                width: 100%;
                height: auto !important;
                }


/* ***************************MAIN IMAGE SLIDER END ********************* */


/* ************************** News and About NRDC STARTS ****************  */
.news{line-height: 2.5rem;}
hr {
        width: 15%;
        height: 3px;
       
        background-color: #eda920;
      }

/* *************************** News and About NRDC END ********************* */

/* *******************background image start ****************** */

.img-box{
        margin: 150px auto;
        text-align: center;
          }
.img-box iframe{
                width: 100%;
                height: 300px;
          }

/* *******************background image End ************** */

/* ***************COURSES STARTS************************ */

.extra-div h2{    font-size: 0.9rem;
        margin: 20px 0 15px 0;
        font-weight: bold;
        line-height: 1.1;
        word-spacing: 4px;

}
.header-extradiv {
width: 100%; height: auto;
margin: 30px 0;
text-align: center;
}
.header-extradiv h2{  
font-family: 'Poppins', sans-serif;
color: #4C4C4C;
font-weight: 500;
font-size: 2rem;
margin: 20px;
text-align: left;
text-decoration-line: underline;
text-decoration-style: double;

}
.extra-div {
background: orange;
border: none;
padding: 10px !important; 
border: 4px solid #fff;
border-radius: 3px;
transition: 0.3s;    }

.extra-div:hover {
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
transform: translateY(-20px);
}


.text-block {
        position: absolute;
        bottom: 10px ;
        right: 0px;
        left: 0px;
        background-color: rgba(130, 128, 124, 0.5);
        color:#fff;
        padding-left: 20px;
        padding-right: 20px;
        }

/* ****************COURSES END ************************ */

/* Events and facebook */
.events h4{border-radius: 10px 10px 10px 10px;
        font-family: 'Poppins', sans-serif;
        text-align: center;
        font-weight: 600;
        }
.events iframe{width: 100%;
                height: 100vh;
                }
/*********** footer start ******/

.footersection{
        width: 100%;
        height: auto;
        padding: 35px 0 20px 0;
        background:#2e2e2e;
        position: relative;
}
.footersection p{
      color: #fff;
      font-size: 0.9rem;

}

.footersection li a{
      font-size: 0.9rem;
      line-height: 2;
      font-weight: 400;
      color: #fff;
      text-transform: capitalize;
       }

.footersection h3{
      text-transform: uppercase;
      color: #fff;
      margin-bottom: 25px;
      font-size: 1rem !important;
      font-weight: 600;
      text-shadow: 0 2px 5px rgba(0,0,0,0.4);
}

.footersection ul, .about1 ul{text-align: left;
              margin-left: 50px;
              list-style-type: lower-alpha !important;}
.footersection ul li{  
                list-style-type: disc;
                color: #fff;}
.about1 ul li{          line-height: 2rem;
                        list-style-type: disc;
                        color:#2e2e2e;}


/*********** footer end ******/
/* **************** COMMITTEE SECTION START ************************* */

#committee1 {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        border-collapse: collapse;
        width: 100%;
      }
      
      #committee1 td, #committee1 th {
        border: 1px solid #ddd;
        padding: 8px;
      }
      
      #committee1 tr:nth-child(even){background-color: #f2f2f2;}
      
      #committee1 tr:hover {background-color: #ddd;}
      
      #committee1 th {
        padding-top: 6px;
        padding-bottom: 6px;
        text-align: left;
        background-color: #1e384b;
        color: white;
        
      }
/* **************** COMMITTEE SECTION END ************************* */
/* *****************AFFILIATION SECTION START ***********************/
.affiliation2 li a{
        font-weight: 500 !important;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 90%;}


.affiliation2 li a:hover {
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
        transform: translatex(2px);
        background-color: #1e384b !important;
        color: #ddd !important;
        font-weight: 600 !important;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 90%;}

.affiliationiframe{
        width: 100%;
        height: 100vh !important;
        }
/* *****************AFFILIATION SECTION END ***********************/

/* *****************ADMISSION SECTION START ***********************/
a.active.nav-link{
                background-color: #1e384b!important;
        }
.adm1{  
        color:#2e2e2e;
        font-weight: 500 !important;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 100%;}
/* *****************ADMISSION SECTION END ***********************/

/* ****************DEPARTMENT SECTION START ******************* */

.deptlist1{
        display: block !important;
        list-style-type: decimal !important;
        margin-top: 1em !important;
        margin-bottom: 1em !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 40px !important;
      }
/* **************** DEPARTMENT SECTION END ****************** */

/* ***javascrip CSS ****** */
#myBtn{
        display: none;
        position: fixed;
        bottom: 20px;
        right: 40px;
        z-index: 99;
        border: none;
        color: #fff;
        background: #eda920;
        padding: 10px;
        border-radius: 10px;
        }
#myBtn:hover{
                background: #606060;
      }

/* ***contact us start ****** */
.contact01{        
                border: #1e384b 2px solid ;
                box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.3);
                font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
                padding: 10px;
                margin: 10px 0 10px 0;
               }
.contact01 h5{
       background-color: #eda920;
       padding: 5px 20px;
       font-weight: 600;
       
}

/* ***contact us end ****** */








/*********** media quries starts ******/
@media(max-width:768px) 

{     .clglogo {        text-align: center;}

        
        .clgname h3{    font-size: 130% ;
                        line-height: normal;
                        margin: 0px 10px 0px 10px; 
                        text-align: center;   }   


        .capup {        font-size: 130% ;     }

        .clgname h6{
        font-size: 12px;
        margin-top: 0px;
                        }

        .dropdown-menu{text-align: center;}
        .card-body{text-align: left;}
        .mainslider{
                width: 100%;
                height: auto !important;
                }
      
        .footer-div{
                  margin: 30px 0;
                  
        }
        
      }