.about-company {
  padding-top: 120px;
}

.abc__intro {
  padding-top: 120px;
  padding-bottom: 90px;
  background-image: url("../../images/company/about_as_intro_dark.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 150px;
}
@media screen and (max-width: 1560px){
  .about-company {
  padding-top: 170px;
}
}
@media screen and (max-width: 1530px){
  .abc__intro {
      padding-top: 180px;
      margin-bottom:60px;
  }
}
@media screen and (max-width: 1150px) {
  .about-company {
      padding-top: 110px;
  }
  .abc__intro{
      padding-top: 100px;
  }
}
@media screen and (max-width: 1100px) {
  .abc__intro {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 760px) {
  .abc__intro {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 560px) {
  .abc__intro {
    margin-bottom: 40px;
  }
}
.abc__intro h1 {
  position: relative;
  z-index: 2;
  font-size: 46px;
  font-weight: 500;
}
.abc__intro h1 span:first-child {
  font-weight: 600;
  color: #f2cf30;
}
.abc__intro h1 span:last-child {
  position: relative;
}
@media screen and (max-width: 1100px) {
  .abc__intro h1 {
    font-size: 42px;
  }
}
@media screen and (max-width: 760px) {
  .abc__intro h1 {
    font-size: 28px;
  }
}
@media screen and (max-width: 560px) {
  .abc__intro h1 {
    font-size: 26px;
  }
}
.abc__intro img {
  z-index: -1;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 460px) {
  .abc__intro img {
    left: 0;
  }
}/*# sourceMappingURL=abc_intro_styles.css.map */