.mheight
{
    height: 280px;
}
      /* Styling for the container */
      .marquee-container {
        width: 80%;
        overflow: hidden;
        position: relative;
        top: 40px;
        left: 120px;
        background-color:white !important;
        border: 3px solid black;
        height: 80px;
        border-radius: 50px;
    }


    /* Styling for the links */
    .marquee-link {
        display: inline-block;
        padding: 20px 40px;
        color: blue;
        text-decoration: none;
        margin-right: 30px;
        font-size: 22px;
        white-space: nowrap; /* Prevents the links from wrapping */
        /* color: blue; */
        /* background-color:linear-gradient(to right, rgba(116, 66, 93, 1) 0%, rgba(62, 46, 46, 1) 100%); */

    }
    .marquee-link:visited{
        color: blue;
    }
    .marquee-item {
        display: inline-block;
    }
    /* Animation for the links */
    @keyframes marquee {
        from { transform: translateX(100%); }
        to { transform: translateX(-100%); }
    }

    /* Styling for the animation */
    .marquee-animation {
        display: inline-block;
        white-space: nowrap;
        animation: marquee 25s linear infinite;
    }

    a {
        color: #1f1b96;
    }


/* management team */
    @media only screen and (max-width: 768px){
        .edu_team_inner_box img, .edu_team_main_box, .edu_team_main_box:after, .edu_team_inner_box {
            height: 230px;
        }
        .edu_team_main_box h3 a {
            position: relative;
            top: 160px;
    }
    .edu_team_main_box:after{
        border:none;
        border-radius: 0px;
        position: absolute;
        top: 0;
        left: 0;
        }


    }

/* marquee tag media query */
    @media only screen and (max-width: 768px){
        .marquee-container{
            position: relative;
            left: 50px;
        }
    }

/* ========for our management cards========= */
.card {
    width: 300px;

  }
  .card img{
      height: 280px;
      /*increase image width*/
      /*width: 351px;*/
      /**/
  }

  .displaydiv{
      display: none;

  }
  .card-body{
      text-align: center;
      font-weight: bold;
  }

  @media only screen and (max-width: 768px){
    .card{
        position:relative;
        left: 100px;
    }
      .displaydiv{
      display: block;

      }
    .display-desk{
      display:none;
    }
  }

  @media only screen and (max-width: 480px){
    .card{
        position:relative;
        left: 50px;
    }
  }