/* New animation fixes for skills */

/* Reset animations and prepare for new ones */
.skill-bar,
.skill-bar::before {
  animation: none !important;
}

.skill-bar {
  position: relative !important;
  width: 100% !important;
  background-color: rgba(58, 134, 255, 0.15) !important;
  border-radius: 5px !important;
  overflow: hidden !important;
  height: 6px !important;
}

.skill-bar::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 100% !important;
  width: 0 !important;
  background: linear-gradient(
    to right,
    var(--primary-color),
    var(--secondary-color)
  ) !important;
  border-radius: 5px !important;
  transition: width 1.5s ease-out !important;
}

.skill-bar.animate::before {
  width: var(--skill-width, 0%) !important;
}

/* Fix certifications section */
.certifications {
  display: block !important;
  padding: 80px 0 !important;
  background-color: var(--bg-color) !important;
}

/* Fix certification cards to ensure they display properly */
.certifications-content {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 30px !important;
}