

  .panel {  
    overflow: hidden; 
  }


  .equal-height-panel {
      height: 370px; 
      margin: auto;
      opacity: 0; 
      transform: translateY(30px); 
      animation: fadeInUp 1s ease forwards; 
      transition: 0.3s ease-in-out;
  }

  .equal-height-panel:hover{
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  }

  .col-md-4:nth-child(1) .equal-height-panel {
      animation-delay: 0.3s;
  }
  .col-md-4:nth-child(2) .equal-height-panel {
      animation-delay: 0.6s;
  }
  .col-md-4:nth-child(3) .equal-height-panel {
      animation-delay: 0.9s;
  }

  @keyframes fadeInUp {
      to {
          opacity: 1;
          transform: translateY(0);
      }
  }


  section[name="vision-mission-corevalues"] {
      position: relative;
      overflow: hidden;
      z-index: 1;
  }

  section[name="vision-mission-corevalues"]::before {
      content: "";
      position: absolute;
      top: 0; 
      left: 0;
      width: 100%;
      height: 100%;
      background: url("../../../../../templates/template10/images/lib1.jpg") center/cover no-repeat; /* random image */
      background-attachment: fixed;
      filter: blur(8px);
      transform: scale(1.1); /* prevents edges from showing after blur */
      z-index: -2;
  }

  section[name="vision-mission-corevalues"]::after {
      content: "";
      position: absolute;
      top: 0; 
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 51, 102, 0.7); /* blue overlay */
      z-index: -1;
  }


  .vmc-section {
    margin-bottom: 0;
}

.vmc-container {
    padding-top: 100px;
    padding-bottom: 100px;
}

.vmc-header {
    margin-bottom: 50px;
}

.vmc-title {
    font-size: 3em;
    font-weight: bold;
    color: white;
}

.vmc-col {
    margin-bottom: 20px;
}

.vmc-panel {
    border: none;
    border-radius: 10px;
    color: white;
}

.vmc-vision {
    background-color: #092a4b;
}

.vmc-mission {
    background-color: #c19100;
}

.vmc-values {
    background-color: #f5f5f5;
    color: #333;
}

.vmc-body {
    padding: 60px;
}

.vmc-heading {
    font-size: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
}

.vmc-icon {
    margin: 15px 0;
}

.vmc-text {
    font-size: 16px;
    color: inherit;
}

.core-values-list {
    margin: 0 auto;
}

.home-page section{
    margin-bottom: 0px;
}