[class^=flexbox-about-us-] {
  padding: 80px 0;
}

@media (max-width: 767px) {
  [class^=flexbox-about-us-] {
    padding: 40px 0;
  }
}
@media (min-width: 992px) {
  .flexbox-layout-about-us .container {
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1200px) {
  .flexbox-layout-about-us .container {
    max-width: 1170px;
  }
}
@media (min-width: 1366px) {
  .flexbox-layout-about-us .container {
    max-width: 1290px;
  }
}
@media (min-width: 1600px) {
  .flexbox-layout-about-us .container {
    max-width: 1410px;
  }
  .flexbox-layout-about-us .container-fluid {
    max-width: 1800px;
  }
}

.flexbox-layout-about-us {
  background: var(--bg-ab);
  color: var(--color-ab);
}

#btn-scroll {
  scroll-margin-block-start: 90px;
}
@media (max-width: 767px) {
  #btn-scroll {
    scroll-margin-block-start: 70px;
  }
}
h1, h2, h3,
.h1, .h2, .h3 {
  color: currentColor;
}
.flexbox-about-us-breadcrumb {
  padding: 100px 0 40px;
  text-align: center;
}
.flexbox-about-us-breadcrumb h1 {
  font-size: 58px;
  margin-bottom: 25px;
}
.flexbox-about-us-breadcrumb .icon-down a svg {
  fill: var(--color-ab);
}
@media (max-width: 767px) {
  .flexbox-about-us-breadcrumb {
    padding: 60px 0 20px;
  }
  .flexbox-about-us-breadcrumb h1 {
    font-size: 28px;
    margin-bottom: 15px;
  }
}