/* Small adaptations around the template's native About sections. */
.pl-template-logo img {
  max-height: 46px;
  width: auto;
}

.pl-about-banner {
  min-height: 292px;
  padding: 110px 0 24px;
  background-image: linear-gradient(90deg, rgba(10, 22, 48, .82), rgba(10, 22, 48, .34)), url("../../image/about-banner-heels.jpeg?v=20260730-assets");
  background-position: 50% 54%;
  color: #fff;
}

.pl-about-banner .pl-about-banner-symbol {
  display: block;
  width: 92px;
  height: auto;
  margin: 0 auto 17px;
}

.pl-about-banner h1,
.pl-about-banner .breadcrumbs,
.pl-about-banner .breadcrumbs a,
.pl-about-banner .breadcrumbs ul,
.pl-about-banner .breadcrumbs li {
  color: #fff;
  opacity: 1;
}

.pl-about-banner.mt-contact-banner .breadcrumbs,
.pl-about-banner.mt-contact-banner .breadcrumbs ul,
.pl-about-banner.mt-contact-banner .breadcrumbs ul li,
.pl-about-banner.mt-contact-banner .breadcrumbs ul li a,
.pl-about-banner.mt-contact-banner .breadcrumbs ul li .fa {
  color: #fff !important;
  opacity: 1 !important;
}

.pl-about-story {
  padding-bottom: 76px;
}

.pl-about-story .txt,
.pl-about-direct .txt {
  padding-right: 28px;
}

.pl-about-story .txt p,
.pl-about-direct .txt p {
  max-width: 720px;
}

.pl-about-signature {
  color: #1d315c;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px !important;
  font-style: italic;
  line-height: 1.35 !important;
}

.pl-about-signature span,
.pl-about-gold {
  color: #b08a3c;
}

.pl-about-portrait {
  height: 475px;
  overflow: hidden;
}

.pl-about-portrait img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 35%;
}

.pl-about-method {
  padding-bottom: 88px;
}

.pl-about-method .img-holder {
  position: relative;
  height: auto !important;
  aspect-ratio: 354 / 404 !important;
}

.pl-about-method .img-holder a {
  position: absolute;
  inset: 0;
  height: 100%;
}

.pl-about-method .img-holder img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}

.pl-about-method .sub-title {
  min-height: 30px;
  margin-top: 7px;
  line-height: 17px;
  letter-spacing: 2px;
}

.pl-about-workspace {
  padding-top: 50px;
  background: #f7f7f7;
}

.pl-about-workspace-intro {
  max-width: 680px;
  margin: -18px 0 34px;
  color: #777;
  font-size: 17px;
  line-height: 28px;
}

.pl-about-workspace .work-slider img {
  width: 100%;
  display: block;
  object-fit: cover;
}

.pl-about-workspace .work-slider .img-holder:first-child img {
  height: 545px;
}

.pl-about-workspace .work-slider .coll1 img,
.pl-about-workspace .work-slider .coll2 img {
  height: 310px;
}

.pl-about-workspace .work-slider .coll3 img {
  height: 220px;
}

.pl-about-direct {
  padding-bottom: 100px;
}

.pl-about-direct h2 {
  line-height: 38px;
}

.pl-about-request {
  padding: 30px 0 0 30px;
  border-left: 1px solid #dedede;
}

.pl-about-request h2 {
  margin-bottom: 30px;
}

.pl-about-request .btn-type2 {
  margin-top: 10px;
}

@media (max-width: 991px) {
  .pl-about-portrait {
    height: 390px;
    margin-top: 30px;
  }

  .pl-about-story .txt,
  .pl-about-direct .txt {
    padding-right: 0;
  }

  .pl-about-request {
    margin-top: 30px;
    padding: 30px 0 0;
    border-top: 1px solid #dedede;
    border-left: 0;
  }
}

@media (max-width: 767px) {
  .pl-about-banner {
    min-height: 230px;
    padding: 78px 0 18px;
  }

  .pl-about-banner h1 {
    font-size: 30px;
    line-height: 34px;
  }

  .pl-about-story {
    padding-top: 60px;
  }

  .pl-about-portrait {
    height: 360px;
  }

  .pl-about-method .img-holder {
    height: auto;
    aspect-ratio: 354 / 404 !important;
  }

  .pl-about-workspace .work-slider .img-holder:first-child img {
    height: 360px;
  }
}