:root {
  --main-color: #ff5252;
}

.serv {
  padding-top: 20px;
}

.whyweBox {
  color: var(--main-color);
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  padding: 30px 30px 40px;
  position: relative;
  z-index: 1;
}

.whyweBox:before, .whyweBox:after {
  content: '';
  border: 2px solid var(--main-color);
  border-left: none;
  border-right: none;
  border-radius: 30px;
  position: absolute;
  left: 0;
  right: 0;
  top: 13px;
  bottom: 13px;
  z-index: -1;
}

.whyweBox:after {
  border: 2px solid var(--main-color);
  border-top: none;
  border-bottom: none;
  left: 13px;
  right: 13px;
  top: 0;
  bottom: 0;
}

.whyweBox .whywe-icon {
  font-size: 35px;
  margin: 0 0 8px;
}

.whyweBox .title {
  color: gray;
  background-color: var(--main-color);
  /*font-family: 'Teko', sans-serif;*/
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 4px 15px 6px;
  margin: 0 -15px 10px;
}

.whyweBox .description {
  color: white;
  font-size: 13px;
  letter-spacing: 0.5px;
  line-height: 22px;
  margin: 0;
}

.whyweBox.gold {
  --main-color: gold;
}

.whyweBox.green {
  --main-color: #218c74;
}

.whyweBox.orange {
  --main-color: #cd6133;
}

.whyweBox.black {
  --main-color: #2c2c54;
}

@media only screen and (max-width: 990px) {
  .whyweBox {
    margin: 0 0 20px;
  }
}