.daphi-style {
      font-family: Arial, sans-serif;
      /* Replace with your desired font-family */
    }

    /* about us  start */
    .info-container {
      background-color: var(--color-primary);
      height: 100%;
      padding: 20px;
      border-radius: 10px 0 0 10px;
      box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);
    }

    .info-item {
      width: 100%;
      /* background-color: #009282; */
      /* margin-bottom: 20px; */
      padding: 0 20px;
      border-radius: 10px;
      /* color: #fff; */
    }

    .quick-links a {
      color: #fff;
      font-size: 0.875rem !important;
    }

    .quick-links a:hover {
      text-decoration: underline;
    }

    /* about us  end */



    .bg-gradient-dark-m {
 background-image: linear-gradient(310deg, #04071473 0%, #475089 100%);
    }

    .mask_immunology {
      position: absolute;
      background-size: cover;
      background-position: center center;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 0.5;
    }


    .breadcrumb {
      display: flex;
      flex-wrap: wrap;
      padding: 0.5rem 0rem;
      margin-bottom: 1rem;
      list-style: none;
      background-color: #fff;
      border-radius: 0.5rem;
    }




    /* publication  start */
    .publication-header {
      border: 1px solid #d8d8d8;
      padding: 1em;
      margin-bottom: 1em;
    }

    .publication-title {
      padding-bottom: 14px;
      font-size: 18px;
      line-height: 30px;
      text-align: left;
    }

    .publication-title a {
      color: #000;
    }

    .small-icons {
      width: 36px;
      height: 42px;
      margin-bottom: 0em;
      margin-left: .4em;
    }

    /* Tooltip container */
    .tooltip2 {
      position: relative;
      display: inline;
    }



    .publication-icons {
      margin-left: auto;
      display: inline-block;
    }

    .publication-flex {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -webkit-box-align: center;
      align-items: center;
      width: 100%;
    }

    .publication-single .hexa {
      //width: 114px;
      height: 78px;
      float: left;
      padding-left: 15px;
      margin-bottom: 7px;
    }

    .btn {
      color: #FFFFFF;
      background-color: #cc3302;
      display: inline-block;
      padding: 5px 25px;
      -moz-appearance: none !important;
      -webkit-appearance: none !important;
      appearance: none !important;
      border: 0px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      font-size: 16px;
    }

    .btn-danger {
      color: #fff;
      background-color: #cc3302;
      border-color: #d43f3a;
    }

    /* publication  end */

    /* software start */

    .boxed-icon {
      border-radius: 5px px;
      border: 1px solid #edf2f4;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
      padding: 30px 30px 30px 170px;
      position: relative;
      min-height: 200px;
      margin-bottom: 30px;
    }

    .software-image {
      position: absolute;
      left: 20px;
      top: 40px;
      width: 120px;
      height: 120px;
      border-radius: 10px;
      box-shadow: 6px 6px 12px #ccc;
      -moz-box-shadow: 6px 6px 12px #ccc;
      -webkit-box-shadow: 6px 6px 12px #ccc;
      /* display: inline-block; */
      /* margin-bottom: 10px; */
    }

    /* software end */

    /* people start */

    .peopleimg img {
      height: 250px;
      padding: 7px;
      margin-top: 20px;
      margin-left: auto;
      margin-right: auto;
      border: 1px solid #ddd;
      box-shadow: 4px 4px 5px #888;
    }

    .lead {
      font-size: 18px;
      font-weight: 400;
    }

    .section-heading {
      margin-top: 20px;
      margin-bottom: 10px;
    }

    hr.faded {
      clear: both;
      float: none;
      width: 90%;
      height: 1px;
      margin: 40px;
      border: none;
      background: #ddd;
      background-image: -webkit-gradient(linear, left bottom, right bottom,
          color-stop(0, rgb(255, 255, 255)),
          color-stop(0.1, rgb(150, 150, 150)),
          color-stop(0.9, rgb(150, 150, 150)),
          color-stop(1, rgb(255, 255, 255)));
    }

    /* people end */

    .card_project {
      border: 1px solid rgb(214, 210, 210);
    }
    
    
    .page-header {
    z-index: 0  !important; 
     }