.section-title {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
  font-size: 40px !important; }

.btn-outline-transparent {
  height: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  margin-left: 15px;
  background: transparent !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  border-radius: 22.5px !important;
  font-style: normal;
  font-stretch: normal;
  text-align: center !important;
  text-transform: uppercase; }
  .btn-outline-transparent:hover {
    color: #fff !important; }

.button-container {
  margin-top: 50px; }

.feature {
  display: flex;
  margin-bottom: 138px; }
  .feature:nth-child(odd) {
    flex-direction: row-reverse; }
  .feature:nth-of-type(4) {
    margin-bottom: 60px !important; }
  .feature .feature-image {
    height: 386px;
    flex: 1;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important; }
  .feature .feature-data {
    flex: 1;
    margin-left: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .feature .feature-data h2 {
      font-family: 'Poppins-SemiBold', Arial, 'Helvetica Neue', Helvetica, sans-serif;
      font-size: 36px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: 48px;
      letter-spacing: normal;
      color: #333333; }
    .feature .feature-data p {
      font-family: 'OpenSans-Regular', Arial, 'Helvetica Neue', Helvetica, sans-serif;
      font-size: 18px;
      font-weight: normal;
      font-style: normal;
      font-stretch: normal;
      line-height: 28px;
      letter-spacing: normal;
      color: #555555; }

@media screen and (max-width: 991px) {
  .section-title {
    margin-top: 0 !important; }

  .feature {
    flex-direction: column !important;
    margin-bottom: 80px !important; }
    .feature .feature-image {
      flex: initial !important;
      height: 200px !important; }
    .feature .feature-data {
      margin-left: 0 !important;
      text-align: center; } }
@media screen and (max-width: 550px) {
  .button-container {
    display: flex;
    flex-direction: column; }
    .button-container a {
      margin: 0; }
      .button-container a:first-of-type {
        margin-bottom: 10px; } }