.section--top {
  margin-bottom: 180px; }
  @media (max-width: 767.98px) {
    .section--top {
      margin-bottom: 50px; } }
  .section--top img {
    border-radius: 3px; }
    @media (max-width: 767.98px) {
      .section--top img {
        border-radius: 0; } }
  .section--top .content {
    max-width: 476px; }
    .section--top .content h5 {
      line-height: 1.5; }
    .section--top .content a {
      color: #9D9A9A; }
      .section--top .content a:hover {
        color: #F05A23;
        text-decoration: none; }
    @media (max-width: 767.98px) {
      .section--top .content {
        padding: 0 40px;
        max-width: unset; } }

.swiper--banner .swiper-button-prev, .swiper--banner .swiper-button-next {
  top: 20%;
  display: none;
  background-color: rgba(0, 0, 0, 0.3); }
  @media (max-width: 767.98px) {
    .swiper--banner .swiper-button-prev, .swiper--banner .swiper-button-next {
      display: flex; } }

.swiper--banner .banner {
  margin: 0; }
  @media (max-width: 991.98px) {
    .swiper--banner .banner .btn-icon .img-icon line {
      stroke: #F05A23;
      opacity: 1; } }

.section--about-us-diagram {
  margin-top: 150px; }
  @media (max-width: 767.98px) {
    .section--about-us-diagram {
      margin-top: 40px; } }