/* =======================================
    MISSION-START
  ======================================== */


.mission {
  width: 100%;
  overflow: hidden;
  height: auto;
}

/* .mission .col-padding {
  background-color: #999;
  position: relative;
} */

/* .mission-wrap {
  overflow: hidden;
} */

/* .mission-item {
  background-color: #999;
  padding: 2rem;
} */

.mission-img-wrap {
  height: 100%;
  max-height: 350px;
  width: 100%;
}

.mission-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* .mission-item > h3 {
  color: #6F6F6F !important;
} */

/* .mission-icon-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
} */

/* .mission-icon {
  color: rgba(0, 0, 0, .2);
  font-size: 100px;
} */

/* .mission-item > p {
  font-size: 14px;
  line-height: 1.8rem;
  margin-bottom: 10px;
  color: #EEE;
} */

/* .mission-column > h4,
.mission-column > h3 {
  font-size: 16px;
  font-weight: 700;
  color: #333;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-bottom: 0;
}

.mission-column > h3 {
  font-size: 20px;
  padding-bottom: 10px;
}

.mission-column > h3 > span {
  color: #FF6633;
} */

/* .mission-subheading {
  font-size: 16px;
  font-weight: 400;
  color: #444;
  letter-spacing: 1px;
  line-height: 1.5;
  margin-top: 5px;
} */

/* .mission-detail {
  font-size: 14px;
  color: #999;
  line-height: 1.8;
  margin-top: 17px;
} */


/* =======================================
    MISSION-END
  ======================================== */

/* =======================================
    COUNTER-START
  ======================================== */

/* .counter-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
} */

/* .counter-icon {
  font-size: 56px;
  line-height: 64px;
  color: #444;
} */

/* .counter-item > .divider-sm-dark {
  margin: 20px 0 25px !important;
} */

.counter-item > h1 > span {
  font-size: 42px;
  color: #555;
  font-weight: 900;
}

.counter-item > h5 {
  font-weight: 400;
  color: #444;
  letter-spacing: 1px;
  margin-top: 10px;
  font-size: .7rem;
}

/* =======================================
    COUNTER-END
  ======================================== */

/* =======================================
    SKILL-START
  ======================================== */

.skill-bar-wrap {
  margin-top: 15px;
}

.skill-bar-wrap:first-child {
  margin-top: 0;
}

.skill-details {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 5px;
}

.skill-details > p {
  font-size: 12px;
  color: #222;
  line-height: 25px;
  font-weight: 700;
}

.skill-details > p:last-child {
  width: 30px;
  height: 30px;
  color: #FFF;
  background-color: #777;
  font-size: 8px;
  text-align: center;
  position: relative;
  bottom: 5px;
  line-height: 30px;
  font-weight: 200;
}

.skill-progress-wrap {
  width: 100%;
  height: 3px;
  position: relative;
  background-color: #CCC;
}

.skill-progress {
  width: 100%;
  height: 3px;
  position: relative;
}

.skill-bar {
  border-top: 3px solid #FF6633;
}

.skillbar-animate {
  animation: skillbar-animate 2000ms ease-in-out;
}

@keyframes skillbar-animate {
 0% {
   width: 0;
 }
 100% {
   width: 100%;
 }
}

/* =======================================
    SKILL-END
  ======================================== */

/* =======================================
    FEATURES-START
  ======================================== */

/* .features > div {
  margin-bottom: 30px;
} */

.card-item {
  position: relative;
  height: 100%;
  width: 100%;
}

.feature-title {
  margin-bottom: 10px;
  font-size: 15px;
  margin-bottom: 0;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin: 30px 0;
  width: 100%;
}

.feature-card-icon,
.feature-icon-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.feature-icon-wrap {
  height: 100px;
  width: 100px;
}

.feature-icon-lg {
  font-size: 2.5rem;
  color: #FF6633;
  text-align: center;
}

/* .feature-title > h3 {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 0;
  font-weight: 700;
  letter-spacing: 1px;
} */

.card-details {
  margin: 10px 0;
  position: relative;
}

.feature-description {
  font-size: .8rem;
  line-height: 1rem;
  color: rgba(64,64,64,.8);
}

/* .feature-box-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
} */

/* .feature-box-row > .icon-big {
  position: absolute;
  left: 0;
} */

/* .feature-box-row .feature-icons {
  margin-right: 0;
} */

/* .feature-box-row > .feature-title {
  display: block;
  padding-left: 80px;
} */

/* =======================================
    FEATURES-END
  ======================================== */

/* =======================================
    TESTIMONIAL-START
  ======================================== */

.testimonial-img-sm {
  width: 100px;
  height: 100px;
}

.testimonial-slider {
  width: 100%;
  height: 60vh;
  background-color: #777;
}

.testimonial-slide {
  height: 100%;
}

/* =======================================
    TESTIMONIAL-END
  ======================================== */

/* =======================================
    PRICING-START
  ======================================== */

.price-card {
  width: 200px;
  background-color: #EEE;
  transition: all 300ms ease-in-out;
}

.price-card-wide {
  width: 200px;
  transition: all 300ms ease-in-out;
}

.price-card:hover,
.price-card-wide:hover {
  transform: scale(1.1);
  cursor: pointer;
}

.price-card-item {
  padding: 5px 0;
  font-size: .7rem;
}

.price-tag {
  height: 70px;
  font-size: 1.4rem;
}

.rounded-bottom {
  border-bottom-left-radius: 40px !important;
  border-bottom-right-radius: 40px !important;
}

/* =======================================
    PRICING-END
  ======================================== */