.news-ticker {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #4ba1f7;
  color: #ffffff;
  padding: 8px 0;
  z-index: 1050;
  white-space: nowrap;
  overflow: hidden;
}

.ticker-content {
  display: inline-block;
  animation: ticker 30s linear infinite;
}

@keyframes ticker {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

.news-ticker.hidden {
  transform: translateY(-100%);
  transition: transform 0.3s ease-in-out;
}

.navbar-landing {
  top: 40px; /* push navbar below ticker */
  transition: top 0.3s ease-in-out;
}

.navbar-landing.ticker-hidden {
  top: 0;
}


.navbar-landing.ticker-hidden {
  /* Your existing styles for when the ticker is hidden */
  background-color: white; /* Force the navbar to be white */
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: add a shadow for better visibility */
}

/* Add a transition to the navbar for a smooth fade effect */
.navbar-landing {
  transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}



.card {
  /* transition: transform 0.3s ease-in-out;  Smooth transition */
  transition: all 0.3s ease-in-out;
  
}

.card:hover {
  /* transform: scale(1.05); */
  transform: translateY(-0.6rem);
  box-shadow: 0px 0px 20px 5px rgba(0, 0, 0, 0.15) !important;
}

.truncate-text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /* Change fixed width to a responsive one */
    max-width: 100%; /* Ensures it doesn't exceed its parent's width */
}

.multi-line-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box; /* Necessary for -webkit-line-clamp to work. */
    -webkit-line-clamp: 3; /* Limit to 3 lines. */
    -webkit-box-orient: vertical; /* Essential for -webkit-line-clamp to function properly. */
}

/* @media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
} */


.education-section {
      border-left: 3px solid #007bff;
      padding-left: 2rem;
    }

    .education-entry {
      position: relative;
      margin-bottom: 2rem;
    }

    .education-entry::before {
      content: "";
      position: absolute;
      left: -1.15rem;
      top: 0.25rem;
      width: 10px;
      height: 10px;
      background-color: #007bff;
      border-radius: 50%;
    }

    .education-title {
      font-weight: 600;
    }

    .institution {
      color: #555;
    }

    .sub-info {
      font-style: italic;
      color: #555;
    }


    .info-card {
      border: 1px solid #0d6efd;
      border-radius: 0.5rem;
      padding: 1.5rem;
      height: 100%;
      transition: box-shadow 0.3s;
    }

    .info-card:hover {
      box-shadow: 0 0 10px rgba(13, 110, 253, 0.2);
    }

    .info-card i {
      color: #0d6efd;
      margin-right: 0.5rem;
    }

    .card-title {
      color: #0d6efd;
      font-weight: 600;
    }


    .award-card {
      border: 1px solid #dee2e6;
      border-radius: 0.75rem;
      padding: 1.5rem;
      background-color: #fff;
    }

    .border-yellow {
      border-color: #ffe69c !important;
    }

    .border-blue {
      border-color: #cfe2ff !important;
    }

    .border-green {
      border-color: #d1e7dd !important;
    }

    .icon {
      font-size: 1.5rem;
      margin-right: 0.5rem;
    }

    .icon-yellow {
      color: #f9c74f;
    }

    .icon-blue {
      color: #0d6efd;
    }

    .icon-green {
      color: #198754;
    }

    .award-title {
      font-weight: 600;
    }

    .award-date {
      font-size: 0.9rem;
      color: #6c757d;
    }


    .custom-card {
      border: 2px solid;
      border-radius: 0.5rem;
      padding: 1rem 1.25rem;
      height: 100%;
    }

    .card-blue {
      border-color: #0d6efd;
      color: #0d6efd;
    }

    .card-green {
      border-color: #198754;
      color: #198754;
    }

    .card-yellow {
      border-color: #f0ad4e;
      color: #d49100;
    }

    .card-indigo {
      border-color: #6366f1;
      color: #4a4ef1;
    }

    .custom-icon {
      margin-right: 0.5rem;
      font-size: 1.25rem;
    }

    .card-title {
      font-weight: 600;
      margin-bottom: 0.25rem;
    }

    .text-body {
      color: #212529;
    }


    .key-achievements ul {
            padding-left: 20px;
        }

    .custom-ul ul {
      padding-left: 20px;
  }

  .content-card {
    background: white;
    border-radius: 15px;
    padding: 2rem;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    margin-bottom: 2rem;
    border: none;
}