/*--------------------------------------------------------------
# Skills
--------------------------------------------------------------*/
.skills .progress {
  height: 50px;
  display: block;
  background: none;
  margin-bottom: 20px; /* Added margin for spacing between progress bars */
}

.progress-bar-wrap {
  background-color: #f3f3f3;
  border-radius: 5px;
  height: 10px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Added subtle shadow for better visual separation */
}

.progress-bar {
  transition: width 1.5s ease-in-out;
  background-color: #3444be; /* Default color for progress bar */
}

.skills .progress .skill {
  padding: 10px 0;
  margin: 0 0 6px 0;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  color: #222222;
}

.skills .progress .skill .val {
  float: right;
  font-style: normal;
}

/* Animation for progress bars */
@keyframes grow {
  from {
      width: 0;
  }
  to {
      width: var(--progress-width);
  }
}

.progress-bar {
  animation: grow 1.5s ease-in-out forwards;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .section-header {
  margin-bottom: 40px;
}

.testimonials .testimonial-item {
  text-align: center;
}

/*--------------------------------------------------------------
# Miscellaneous
--------------------------------------------------------------*/
.mt-5 {
  text-align: left !important;
}

.profile_description {
  margin-bottom: 3%;
}