.ab-company-area .sub-heading-three {
  color: var(--bodyclr);
  text-transform: uppercase;
}
.ab-company-area p {
  text-align: justify;
}
.ab-company-area .tp-section-title {
  font-weight: 700;
  line-height: 1.2;
}
.ab-company-area .ab-company-right {
  padding: 0px 50px;
}
.ab-company-area .ab-company-section-box {
  background: var(--gradientone);
  border-radius: 35px;
  padding: 100px 29px 100px 86px;
  margin-bottom: 30px;
}
.ab-company-area .ab-company-section-box .main-heading {
  color: var(--plainclr);
}

@media (min-width: 767px) and (max-width: 1023px) {
  .about-banner-area .about-img-area {
    position: relative;
    z-index: 3;
  }
  .ab-company-area .ab-company-right {
    padding: 0px 0;
  }
  .about-banner-content {
    padding-bottom: 0px;
  }
  .about-banner-area .about-img-area img {
    height: auto;
    min-height: auto;
    width: 100%;
    margin-top: -80px;
  }
  .ab-company-area .ab-company-right {
    padding: 0px 0px;
  }
  .ab-company-area .ab-company-section-box {
    padding: 35px;
  }
  .tp-service-area2 .tp-section-title-5 {
    text-align: left;
  }
}
@media (max-width: 767px) {
  .about-banner-area .about-img-area img {
    height: auto;
    min-height: auto;
    margin-top: -120px;
  }
  .ab-company-area .ab-company-right {
    padding: 0px 0px;
  }
  .ab-company-area .ab-company-section-box {
    background-color: var(--lightbg);
    padding: 30px;
    margin-bottom: 30px;
  }
  .about-banner-area .sub-heading-two {
    line-height: 35px;
  }
  .about-banner-area .about-banner {
    padding-top: 1rem;
    height: auto;
  }
  .about-banner .about-banner-content a {
    width: 50%;
    padding: 10px 10px !important;
  }
  .tp-hero-five-btn-box {
    display: flex;
  }
  .about-banner-area .about-img-area p {
    text-align: left !important;
    margin-top: 0;
    margin-bottom: 0;
  }
  .about-banner-area {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .ab-company-area p {
    margin-bottom: 5px;
  }
  .about-banner-content {
    padding-bottom: 20px;
  }
  .about-banner-area .about-img-area {
    margin-bottom: 0px;
  }
}
@media (max-width: 575.98px) {
  .about-banner-area .about-img-area img {
    margin-top: -151px;
  }
}
@media (max-width: 767px) {
  .about-banner-area .about-img-area img {
    margin-top: 23px;
  }
}
@media (min-width: 767px) and (max-width: 992px) {
  .about-banner-area .about-img-area img {
    margin-top: -312px;
  }
  .ab-company-area .ab-company-section-box {
    background-color: var(--lightbg);
    padding: 30px;
    margin-bottom: 30px;
  }
}/*# sourceMappingURL=designed-for-expansion.css.map */