.strategic-plan-goal:not(:last-child) {
  margin-bottom: 40px;
}

.sp-goal-head {
  gap: 10px;
  padding: 15px;
  background: var(--main-bg-color);
}
.sp-goal-head .sp-goal-icon {
  padding: 10px;
  background: var(--main-color);
  width: -moz-fit-content;
  width: fit-content;
}
.sp-goal-head .sp-goal-icon img {
  filter: brightness(0) invert(1);
}
.sp-goal-head .sp-goal--title-w {
  gap: 5px;
}
.sp-goal-head .sp-goal-title {
  text-align: left;
}

.sp-goal-sub-title,
.project-sub-title {
  color: var(--main-color);
}

.goal-program--item-col:not(:last-child) {
  margin-bottom: 40px;
}

.goal-program--item {
  display: flex;
  gap: 20px;
  position: relative;
  padding-left: 20px;
}
.goal-program--item:not(:last-child) {
  margin-bottom: 40px;
}
.goal-program--item:before {
  position: absolute;
  content: "";
  width: 5px;
  height: 100%;
  background: var(--main-color);
  left: -5px;
}
.goal-program--item .goal-program--title-w {
  gap: 5px;
}
.goal-program--item .goal-program-title {
  text-align: left;
}
.goal-program--item .goal-program-col {
  width: 30%;
  gap: 10px;
}
.goal-program--item .goal-program-col .goal-program-count {
  background-image: url("/themes/default/assets/images/bg-image.png");
  background-position: center;
  background-repeat: no-repeat;
  width: 40px;
  height: 32px;
  content: "";
  top: 0;
  left: 0;
  margin-top: 15px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.goal-program--item .goal-program-col .goal-program-count span {
  font-size: 50px;
  color: var(--main-color);
  font-family: var(--font-bold);
  position: relative;
  margin-top: -15px;
}
.goal-program--item .goal-program-body {
  flex: 1;
}

.project--item {
  min-width: 100%;
}
.project--item .project-head {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.project--item .project-title {
  color: var(--main-text-color);
  padding-right: 15px;
  text-align: left;
}
.project--item .project-body {
  margin-top: 15px;
}
.project--item:not(:last-child) {
  margin-bottom: 30px;
}

.indicators--list .indicator-item:not(:last-child) {
  margin-bottom: 10px;
}
.indicators--list .indicator-item .indicator-head {
  display: flex;
  align-items: center;
}
.indicators--list .indicator-item .indicator-body {
  margin: 15px 0;
}
.indicators--list .indicator-item .indicator-title {
  padding: 0 25px 0 15px;
  position: relative;
  text-align: left;
}
.indicators--list .indicator-item .indicator-title:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: var(--main-color);
}

.progress-slider {
  position: relative;
  height: 20px;
  border-radius: 30px;
  border: 1px solid var(--main-bg-color);
  overflow: hidden;
  margin: 5px 0;
}

.progress-slider.sm .progress-slide-value,
.progress-slider.sm {
  height: 15px;
}

.progress-slide-value {
  height: 20px;
  width: 100%;
  background: var(--main-color);
}

.progress-slide-mask {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: #fff;
}

.goal-status {
  font-size: 12px;
  color: var(--main-text-color);
}

@media (max-width: 767.98px) {
  .mt-767 {
    margin-top: 20px;
  }
  .goal-program--item {
    gap: 15px;
    padding-left: 15px;
  }
  .goal-program--item .goal-program-col {
    width: 35%;
  }
  .goal-program--item .goal-program-col .goal-program-count span {
    font-size: 46px;
    margin-top: -12px;
  }
  .goal-program--item:before {
    left: 0;
  }
}
@media (max-width: 600.98px) {
  .default-title.small-title.goal-program-title {
    font-size: 14px;
    line-height: 24px;
  }
}
@media (max-width: 575.98px) {
  .goal-program--item {
    flex-direction: column;
  }
  .goal-program--item .goal-program-col {
    width: 100%;
  }
  .goal-program--item .goal-program-col .goal-program-count span {
    font-size: 42px;
    margin-top: -10px;
  }
}