@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');





.navbar {
    border-bottom: 1px solid rgb(206, 206, 206);
    background-color: white !important;
    box-shadow: 0 0px 7px grey;
  }



  .nav-link {
    border-radius: 25px !important;
    padding: 8px 15px !important;
    font-family: 'Poppins', sans-serif;
    font-size: 21px !important;
    font-weight: 500 !important;
    color: #2e3242;
}


  /* .nav-item:hover {
    background-color: #0284d0;
    color: white !important;
    border-radius: 25px;
    text-align: center;
  }

  .nav-item:hover a{
    color: white !important;
  } */


  .nav-link:hover {
    border-radius: 25px !important;
    background-color: #0284d0;
    color: white !important;
   
    text-align: center !important;
  }

  #offcanvas-para {
    display: none;
}


  @media only screen and (max-width: 900px) {
   
    .hlink {
        color: white !important;
        font-size: 20px;
    }


    .navbar-nav  {
        padding: 0 !important;
    }

    #offcanvas-para {
        display: block;
    }

    .dropdown-menu {
        width: 80%;
        background-color: #0284d0 !important;
    }
  }

  #csir-logo-element {
    width: 140px;
  }

  #g20-logo-element {
    width: 100px;
  }

  @media screen and (max-width: 600px) {
    #csir-logo-element {
      width: 100px;
    }

    #g20-logo-element {
      width: 80px;
    }
  }