.About-Us-Section-2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .About-Us-Section-2 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media (min-width: 1200px) {
  .About-Us-Section-2 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
}
.About-Us-Section-2 iframe {
  box-shadow: 4.5679px 4.5679px 18.2716px rgba(0, 0, 0, 0.16);
  margin-top: 20px;
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .About-Us-Section-2 iframe {
    margin-bottom: 50px;
  }
}
@media (min-width: 1200px) {
  .About-Us-Section-2 iframe {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

.About-Us-Section-3 .container .row h3 {
  color: #112F4F;
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  text-transform: capitalize;
}
@media (min-width: 1200px) {
  .About-Us-Section-3 .container .row h3 {
    font-size: 26px;
  }
}
.About-Us-Section-3 .container .row p {
  color: #112F4F;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
.About-Us-Section-3 .container .row .Shadow-Box {
  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.16);
  padding: 16px;
  height: 112px;
}
@media (min-width: 768px) {
  .About-Us-Section-3 .container .row .Shadow-Box {
    height: 136px;
  }
}

/* .About-Us-Section-4 {
  margin-top: 20px;
  margin-bottom: 20px;

  @media (min-width: $md) {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  @media (min-width: $xl) {
    margin-top: 60px;
  }

  .container {
    .row {
      overflow-x: scroll;
      flex-wrap: initial;
      padding-top: 20px;
      padding-bottom: 30px;

      @media (min-width: $xl) {
        overflow-x: hidden;
        flex-wrap: wrap;
      }

      .Shadow-Box {
        box-shadow: 0px 20px 50px rgba(18, 17, 39, 0.08);
      }

      p {
        color: $primary-color-2;
        font-family: $primary-font-1;
        font-weight: 700;
        text-transform: capitalize;
        margin-bottom: 6px;
      }

      small {
        color: $home-color-2;
        font-family: $primary-font-1;
        font-weight: 400;
      }
    }
  }
}
 */
@media (min-width: 1200px) {
  .About-Us-Section-5 {
    margin-top: 60px;
    margin-bottom: 80px;
  }
}
@media (min-width: 768px) {
  .About-Us-Section-5 .timeline .timeline-body {
    position: relative;
    margin-left: 100px;
  }
}
@media (min-width: 768px) {
  .About-Us-Section-5 .timeline .timeline-body:after {
    content: "";
    border: 1px solid #878787;
    height: 100%;
    position: absolute;
    background-color: #878787;
    left: -7px;
    top: 10px;
  }
}
.About-Us-Section-5 .timeline .timeline-body .timeline-item {
  position: relative;
}
@media (min-width: 768px) {
  .About-Us-Section-5 .timeline .timeline-body .timeline-item:after {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #17B7D0;
    background-color: #ffffff;
    position: absolute;
    left: -16px;
    top: 1px;
    z-index: 9;
  }
}
@media (min-width: 768px) {
  .About-Us-Section-5 .timeline .timeline-body .timeline-item .year {
    position: absolute;
    left: -120px;
    top: -8px;
  }
}
.About-Us-Section-5 .timeline .timeline-body .timeline-item .year .Month {
  font-weight: 500;
  opacity: 0.7;
  font-size: 18px;
  color: #898989;
  font-family: "Roboto", sans-serif;
}
@media (min-width: 768px) {
  .About-Us-Section-5 .timeline .timeline-body .timeline-item .content {
    margin: 40px;
  }
}
.About-Us-Section-5 .timeline .timeline-body .timeline-item .content .title {
  font-weight: 500;
  margin-bottom: 15px;
  color: #292929;
  font-family: "Roboto", sans-serif;
}/*# sourceMappingURL=about_us.css.map */