/*  7.23 skill css



/*----------------------------------------*/

.tp-skill-item {

  background: #f8f8f8;

  border-radius: 24px;

  padding: 71px 20px;

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-skill-item {

    padding: 40px 20px;

  }

}

.tp-skill-icon {

  width: 70px;

  height: 70px;

}

.tp-skill-text {

  font-weight: 600;

  font-size: 28px;

  letter-spacing: -0.04em;

  color: var(--tp-common-black);

}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .tp-skill-text {

    font-size: 24px;

  }

}



/*----------------------------------------*/

/*  tp-skillbar – tp-team-details-progress

/*----------------------------------------*/

/* bak2 lines 13961–14001 */

.tp-team-details-progress-title {

  color: #111013;

  font-size: 16px;

  font-weight: 500;

  margin-bottom: 13px;

}

.tp-team-details-progress-inner {

  position: relative;

  width: 100%;

  height: 5px;

  background: #d9d9d9;

}

.tp-team-details-progress-bar {

  overflow: visible;

  display: flex;

  height: 5px;

  text-align: center;

  white-space: nowrap;

  transition: 0.6s ease;

  position: relative;

  background-color: var(--tp-theme-primary);

}

.tp-team-details-progress-bar::before {

  position: absolute;

  content: "";

  height: 20px;

  width: 1px;

  right: 0px;

  top: -8px;

  margin: auto;

  background-color: var(--tp-theme-primary);

}

.tp-team-details-progress-counter {

  margin-top: -29px;

  font-weight: 500;

  font-size: 14px;

  position: absolute;

  top: 0;

  right: -15px;

  text-transform: uppercase;

}