/* Counter Style 1 */

.counter-style-1 .sigma-counter-wrapper {
  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  justify-content: center;

  text-align: center;
}

.counter-style-1 .sigma-counter-number {
  font-size: 70px;

  line-height: 1.2;

  margin-bottom: 10px;

  font-weight: 700;

  position: relative;

  display: inline-block;
}

.counter-style-1 .sigma-counter-number:after {
  content: "+";
}

.counter-style-1 .sigma-counter-title {
  font-size: 18px;

  text-transform: uppercase;

  font-family: "Oswald", sans-serif;

  font-weight: 700;
}

.counter-style-1 .sigma-counter-icon {
  font-size: 70px;

  line-height: 70px;
}

.counter-style-1 .sigma-counter-content {
  margin-left: 5px;
}

.counter-style-1 .sigma-counter-icon i:before {
  font-size: 60px;

  line-height: 60px;

  margin-right: 15px;
}

.col-extend-right .counter-style-1 .sigma-counter-number {
  color: #ffaa17;
}

.col-extend-right .counter-style-1 .sigma-counter-icon i:before {
  color: #ffffff;
}

.col-extend-right .counter-style-1 .sigma-counter-title {
  color: #fff;
}

/*! Counter Style 2 */

.counter-style-2 .sigma-counter-icon {
  margin-bottom: 20px;
}

.counter-style-2 .sigma-counter-number {
  position: relative;

  font-size: 50px;

  line-height: 50px;

  color: #ffaa17;

  display: inline-block;

  margin: 0;
}

.counter-style-2 .sigma-counter-icon i:before {
  font-size: 60px;

  line-height: 60px;

  margin-right: 15px;
}

/*! Counter Style 3 */

.counter-style-3 {
  display: inline-block;

  position: absolute;

  top: 0px;

  right: -15px;

  max-width: 60%;

  width: 100%;
}

.counter-style-3 .sigma-counter-wrapper {
  display: flex;

  align-items: center;

  background: #ffaa17;

  box-shadow: 0 9px 35px 0 rgba(0, 0, 0, 0.07);

  padding: 25px 30px;
}

.counter-style-3 .sigma-counter-wrapper:before {
  position: absolute;

  right: 0;

  bottom: -30px;

  content: "";

  font-size: 46px;

  width: 0;

  border-top: 30px solid #ffaa17;

  border-right: 30px solid transparent;
}

.counter-style-3 .sigma-counter-wrapper .sigma-counter-number {
  font-size: 34px;

  font-weight: 900;

  margin: 0;

  display: inline;
}

.counter-style-3 .sigma-counter-icon i {
  font-size: 50px;

  line-height: 50px;

  margin-right: 15px;

  color: #fff;
}

.counter-style-3 .sigma-counter-number {
  position: relative;

  color: #fff;
}

.counter-style-3 .sigma-counter-number:before {
  position: absolute;

  right: -15px;

  top: -15px;

  content: "+";

  font-size: 30px;

  color: #fff;
}

.counter-style-3 .h-one {
  position: absolute;

  display: block;

  width: 25px;

  height: 25px;

  box-sizing: border-box;

  border: 1px solid #fff;

  background-color: transparent;

  top: 10px;

  left: 10px;

  border-bottom: 0;

  border-right: 0;
}

.counter-style-3 .h-two {
  position: absolute;

  display: block;

  width: 25px;

  height: 25px;

  box-sizing: border-box;

  border: 1px solid #fff;

  background-color: transparent;

  top: 10px;

  right: 10px;

  border-bottom: 0;

  border-left: 0;
}

.counter-style-3 .h-three {
  position: absolute;

  display: block;

  width: 25px;

  height: 25px;

  box-sizing: border-box;

  border: 1px solid #fff;

  background-color: transparent;

  bottom: 10px;

  left: 10px;

  border-top: 0;

  border-right: 0;
}

.counter-style-3 .h-four {
  position: absolute;

  display: block;

  width: 25px;

  height: 25px;

  box-sizing: border-box;

  border: 1px solid #fff;

  background-color: transparent;

  bottom: 10px;

  right: 10px;

  border-top: 0;

  border-left: 0;
}

/*! Counter Style 4 */

.counter-style-4 .sigma-counter-icon {
  margin-bottom: 20px;
}

.counter-style-4 .sigma-counter-number {
  position: relative;

  font-size: 50px;

  line-height: 50px;

  color: #ffaa17;

  display: inline-block;

  margin: 0;
}

.counter-style-4 .sigma-counter-number {
  display: flex;

  align-items: center;

  justify-content: center;
}

.counter-style-4 .sigma-counter-number:after {
  content: "+";

  font-size: 45px;

  line-height: 44px;
}