/* Optional: Enhance section titles */


/* Optional: Style for lists with checkmarks */
.checkmark-list {
    list-style: none; /* Remove default bullet points */
    padding-left: 0;
}

.checkmark-list li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 25px; /* Space for the checkmark icon */
}

.checkmark-list li .fas.fa-check-circle {
    color: #28a745; /* Green color for checkmarks */
    position: absolute;
    left: 0;
    top: 3px; /* Adjust as needed for vertical alignment */
}

/* Optional: Enhance section titles */


/* Optional: Style for lists with checkmarks */
.checkmark-list {
    list-style: none; /* Remove default bullet points */
    padding-left: 0;
}

.checkmark-list li {
    margin-bottom: 8px;
    position: relative;
    padding-left: 25px; /* Space for the checkmark icon */
    /* Add this line to justify text in list items */
    text-align: justify; /* */
}

.checkmark-list li .fas.fa-check-circle {
    color: #28a745; /* Green color for checkmarks */
    position: absolute;
    left: 0;
    top: 3px; /* Adjust as needed for vertical alignment */
}

/* Add this new rule to justify text within card paragraphs */
.card-body p.card-text {
    text-align: justify; /* */
}

/* If you also want to justify the general "About SARI" paragraph outside a card initially */


/* In about.css */

.note-section {
    text-align: justify;
}

/* In about.css */

.read-more-btn {
    cursor: pointer;
}

.team-card .card-img-top {
       /* Add a border to the circular images */
      box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Subtle shadow for images */
  }
  .team-card .card-body {
      padding-top: 0.5rem; /* Adjust padding for better alignment with image */
  }

  .team-card {
    border: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  }
  .team-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 12px 24px rgba(0,0,0,0.2);
  }
  .team-card .card-img-top {
    width: 100%;
    height: 300px;
    object-fit: cover;
  }
  .team-card .card-body {
    text-align: left;
  }