/* Custom tab styling */
  .nav-tabs-custom {
    border-radius: 0.5rem;
    overflow: hidden;
  }

  .nav-tabs-custom .nav-link {
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    color: #495057;
    border: none;
    position: relative;
    transition: all 0.3s ease;
  }

  .nav-tabs-custom .nav-link.active {
    color: #3949ab;
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  }

  .nav-tabs-custom .nav-link:hover:not(.active) {
    color: #3949ab;
    background-color: rgba(57, 73, 171, 0.05);
  }

  /* Rating stars hover effect */
  .rating-stars .rating-star {
    cursor: pointer;
    margin-right: 0.25rem;
    transition: all 0.2s ease;
  }

  .rating-stars .rating-star:hover {
    transform: scale(1.2);
  }

  /* Accordion styling */
  .accordion-button:not(.collapsed) {
    color: #3949ab;
    background-color: rgba(57, 73, 171, 0.05);
  }

  .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(57, 73, 171, 0.25);
  }

  /* Hover effects for cards */
  .test-series-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
  }

  /* Card transitions */
  .test-series-card .card-img-top:hover {
    transform: scale(1.1);
  }

  /* Custom border radius */
  .rounded-4 {
    border-radius: 1rem !important;
  }

  /* Course preview play button hover effect */
  .position-absolute.top-50.start-50.translate-middle:hover {
    background-color: #3949ab !important;
    color: white !important;
    transform: translate(-50%, -50%) scale(1.1) !important;
  }

  /* Feature card hover effect */
  .feature-card {
    transition: all 0.3s ease;
  }

  .feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15) !important;
  }

  /* Toast notification for share button */
  .toast-notification {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1050;
    max-width: 300px;
  }
  /* Thank you message animation */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.thank-you-message {
  animation: fadeInUp 0.5s ease forwards;
}

.thank-you-message i.fas.fa-check-circle {
  filter: drop-shadow(0 0 10px rgba(40, 167, 69, 0.3));
}

/* Success icon pulse animation */
@keyframes successPulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.thank-you-message i.fas.fa-check-circle {
  animation: successPulse 2s ease infinite;
}