/* Custom styles */
 .card {
    border-radius: 20px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    margin-bottom: 20px;
    height:320px;
    width:250px;
  }

  .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.2);
  }

  .rounded-circle {
    border: 4px solid #fff;
    width: 120px; /* Adjust the size of the circular images */
    height: 120px; /* Adjust the size of the circular images */
  }

  .mentor-card .rounded-circle {
    width: 130px; /* Larger size for mentor images */
    height: 130px; /* Larger size for mentor images */
  }

  .titiles {
    color: navy;
  }

  .row {
    justify-content: center; /* Center align the cards */
  }

    .titiles {
      color: navy;
    }

    /* Custom styles for executive cards */
/* Custom styles for executive cards */
.exe_card {
  border-radius: 15px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  padding: 10px;
  height: 100%;
  margin-bottom: 20px;
  background-color: #ffffff;
}

.exe_card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.exe_card .card-body {
  padding: 10px;
}

.exe_card img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}

.exe_card .card-title {
  margin-top: 10px;
  font-size: 1rem;
  font-weight: bold;
}

.exe_card .insta, .exe_card .linkedin {
  font-size: 1.2rem;
  color: #000;
  transition: color 0.3s ease;
}

.exe_card .insta:hover, .exe_card .linkedin:hover {
  color: #3f729b;
}

.exe_card .card-body a {
  margin-right: 5px;
}

.exe_card .card-body a:last-child {
  margin-right: 0;
}

@media (max-width: 768px) {
  .exe_card {
      margin-bottom: 10px;
  }
}



/* External CSS file (styles.css) */

/* Center the table horizontally */
.table-container {
  text-align: center; /* Center align the content */
}

.image-table {
  margin: 0 auto; /* This will center the table horizontally */
  border-collapse: collapse;
  padding: 20px; /* Add padding to the table */
  width: 80%; /* Set a width for the table */
}

/* Invisible borders for table cells */
.image-table td,
.image-table th {
  border: none;
  padding: 10px; /* Add padding to each cell */
}

/* Add space between image and text */
.image-table img {
  max-width: 100px; /* Adjust the maximum width of images */
  margin-bottom: 10px; /* Add space below the image */
}

.image-table p {
  font-size: 16px;
  color: #333; /* Adjust text color */
  margin: 0; /* Remove default margin */
}

/* External CSS file (styles.css) */

/* Center the table horizontally */
.image-table {
  margin: 0 auto; /* This will center the table horizontally */
  border-collapse: collapse;
}

/* Invisible borders for table cells */
.image-table td {
  border: none;
}

/* Add styling as needed for images and text */
.image-table img {
  max-width: 100px; /* Adjust the maximum width of images */
}

.image-table p {
  font-size: 16px;
  color: #333; /* Adjust text color */
}


/* Invisible table borders */
.image-table {
  border-collapse: collapse;
}

/* Invisible borders for table cells */
.image-table td {
  border: none;
}

/* Add styling as needed for images and text */
.image-table img {
  max-width: 300px; /* Adjust the maximum width of images */
 
}

.image-table p {
  font-size: 16px;
  color: #333; /* Adjust text color */
}

    .dropdown-submenu .dropdown-menu {
        margin-top: 0;
        margin-left: 100%;
        margin-right: 0;
    }
/* Custom CSS to open dropdown on the side where it opens */
.dropdown-submenu {
position: relative;
}

.dropdown-submenu .dropdown-menu {
left: 0.5%;
top: 0;
margin-top: -1px;
display: none; /* Hide submenu by default */
}

.dropdown-submenu:hover .dropdown-menu,
.dropdown-submenu:focus-within .dropdown-menu {
display: block; /* Display submenu when hovering over or focusing within */
}