.hero-section {
  margin-top: 8rem;
}
.hero-section .hero-content-section .ds-display-font {
  margin-bottom: 1.3125rem;
}
.hero-section .hero-content-section p {
  margin-bottom: 2.5rem;
}

.highlights-section {
  margin-top: 8.75rem;
  padding-top: 2.5rem;
  padding-bottom: 2.6rem;
  background-color: rgba(60, 160, 120, 0.05);
}
.highlights-section .highlights-content-section {
  margin-top: 1.3125rem;
  width: 55%;
  color: #757575;
  margin-bottom: 0;
}
.ds-slider {
  margin-top: 3.375rem;
}

.benefits-section {
  margin-top: 6.25rem;
}
.benefits-section .benefits-title-section {
  margin-bottom: 3.1875rem;
}
.benefits-section .benefits-title-section p {
  width: 55%;
  color: #757575;
  margin-bottom: 0px;
  margin-top: 1.2rem;
}
.benefits-section .benefits-content-section {
  display: flex;
  margin-bottom: 2.5rem;
}
.benefits-section .benefits-content-section i {
  font-size: 24px;
  color: #066058;
  margin-right: 2.9375rem;
}
[dir="rtl"] .benefits-section .benefits-content-section i {
  margin-left: 2.9375rem;
}
.benefits-section .benefits-content-section > div p:first-of-type {
  font-weight: bold;
  margin-bottom: 0px;
}
.benefits-section .benefits-content-section > div p:nth-child(2) {
  color: #757575;
}

.articles-news-section {
  margin-top: 6.6875rem;
  margin-bottom: 8.4375rem;
}
.articles-news-section .articles-news-title-section {
  display: flex;
  justify-content: space-between;
}
.articles-news-section .articles-news-title-section h1 {
  margin-bottom: 0px;
}
.articles-news-section .articles-news-content-section p {
  color: #757575;
  margin-top: 1.2rem;
  margin-bottom: 3.25rem;
}
.articles-news-section .articles-news-highlight-card-section {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.articles-news-section
  .articles-news-highlight-card-section
  .ds-highlight-card {
  margin-bottom: 0.5rem;
}

@media (max-width: 426px) {
  .hero-section {
    margin-top: 4.5625rem;
  }
  .hero-section .hero-content-section .ds-display-font {
    margin-bottom: 14px;
  }
  .hero-section .hero-content-section p {
    margin-bottom: 1.5625rem;
  }

  .highlights-section {
    margin-top: 3.78rem;
  }
  .highlights-section .highlights-content-section {
    width: 100%;
  }
  .ds-slider {
    margin-top: 40px;
  }

  .benefits-section {
    margin-top: 3.75rem;
  }
  .benefits-section .benefits-title-section p {
    width: 100%;
    margin-top: 0.7rem;
  }

  .articles-news-section {
    margin-top: 3.75rem;
    margin-bottom: 5.4375rem;
  }
  .articles-news-section .articles-news-content-section p {
    margin-top: 0.7rem;
    margin-bottom: 1.25rem;
  }
  .articles-news-section .articles-news-highlight-card-section {
    justify-content: center;
  }
  .articles-news-section
    .articles-news-highlight-card-section
    .ds-highlight-card {
    margin-bottom: 1.25rem;
  }
}

.empty-logo{
  height: 50px;
  white-space: nowrap;
  text-align: center;
  background: #3ca078;
  padding: 13px 46px 14px;
  opacity: .15;
}


.numbers-section {
  padding-top: 3.5rem;
  padding-bottom: 2.625rem;
  background-color: rgba(60, 160, 120, 0.05);
}