@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,300,700);
    body {
      font-family: Arial, Helvetica, sans-serif;
        background: rgb(255, 255, 255);
        margin: 0;
        padding: 0;
      }
  
      .navbar {
        display: flex;
        width: 100%;
        box-shadow: 0 0 5px black;
        text-align: center;
        height: 40px;
        justify-content: center;
        align-items: center;
        font-size: 25px;
        
      }
      .wrapper .mission-txt{
        margin-top: 100px;
      }
  
      .wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        background: rgb(255, 253, 253);
        margin: 0px  auto;
        margin-bottom: 10px;
        padding: 5px 30px;
        width: 90%;
        box-shadow: 0 0 5px #f5f2f1;
      }
      .wrapper h2{
          padding-bottom: 20px;
      }
      /* sub page title start */


  .page-header {
    
    background: linear-gradient(rgba(24, 29, 56, 0.473), rgba(24, 29, 56, 0.425)), url('../../assets/img/Iot-cover.gif') !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-header-inner {
    background: rgba(15, 23, 43, 0.486);
}

.breadcrumb-item + .breadcrumb-item::before {
    color: var(--light);
}

   
  
      .hr {
        display: flex;
        align-items: center;
      }
  
      hr {
        width: 100%;
        height: 1px;
        background: rgb(120, 120, 120);
        margin: 0 15px;
      }
  
      /*h2 {*/
      /*  font-size: 30px;*/
      /*  font-weight: normal;*/
      /*  font-weight: bolder;*/
      /*  text-transform: uppercase;*/
      /*}*/
  
      .mission-txt {
        font-size: 18px;
       
        font-style: italic;
        margin-top: 0;
      }
      .wrapper .chimni{
          width: 100%;
          padding: 20px 0 20px 0;
          
      }
  
      .unit img {
        width: 150px;
        filter: drop-shadow(0 10px 5px black);
      }
  
      p {
        text-decoration: none;
        font-size: 14px;
        /* font-family: Arial, Helvetica, sans-serif; */
      }
  
      .faculties {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding: 20px;
      }
  
      .unit {
        margin: 25px;
        width: 250px;
        display: flex;
        flex-direction: column;
        align-items: center;
      }
  
      .unit img {
        border-radius: 100px;
        width: 150px;
        height: 150px;
        margin-bottom: 10px;
      }
  
      .unit p {
        text-align: left;
        margin: 2px;
      }
  
      .unit p:first-of-type {
        font-weight: bolder;
        margin-bottom: 5px;
      }
  
      @media screen and (max-width:820px) {
        .wrapper {
          width: 90%;
          padding: 5px 20px;
        }
      }