.gpc-about-us {
  padding-top: var(--section-pad-top);
  padding-bottom: var(--section-pad-bot);
}

.gpc-about-us .gpc-heading {
  margin-bottom: 20px;
  max-width: 715px;
}

.gpc-about-us .gpc-about-images {
  position: relative;
}

.gpc-about-us .gpc-about-img-right,
.gpc-about-us .gpc-about-img-left {
  position: relative;
  width: 296px;
  height: 400px;
  overflow: hidden;
}

.gpc-about-us .gpc-about-desc {
  color: var(--color-text);
}

@media (max-width: 992px) {
  .gpc-about-us .gpc-about-img-right,
  .gpc-about-us .gpc-about-img-left {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .gpc-about-us .gpc-about-img-right,
  .gpc-about-us .gpc-about-img-left {
    height: 300px;
  }
}

.gpc-about-us .gpc-about-img-right img,
.gpc-about-us .gpc-about-img-left img {
  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.gpc-about-us .gpc-about-img-right {
  position: relative;
  bottom: 75px;
  z-index: 1;
}

@media (min-width: 768px) {
  .gpc-about-desc {
    padding-right: 40px;
  }
}

@media (max-width: 767px) {
  .gpc-about-desc {
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .gpc-about-us .gpc-about-desc {
    margin-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .gpc-about-us .gpc-about-desc {
    margin-bottom: 60px;
  }
  .gpc-about-us .gpc-about-img-right img {
    bottom: 30px;
  }
}