/* ================================
   Banner content
================================ */

.section-banner .banner-content p {
  max-width: 1000px;
  width: 100%;
  margin-bottom: 54px;
}

.section-banner .btn-black {
  margin-top: 20px;
}

/* ================================
   Client trust text
================================ */

.client-trust-text {
  text-align: center;
  max-width: 900px;
  margin: 24px auto 0;
  font-size: 19px;
  font-weight: 450;
  line-height: 1.65;
  font-family: inherit;
}

/* ================================
   About (Millie) section layout
================================ */

/* Constrain width of Millie text block */
.section-millie .text-center {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

/* Reduce excessive vertical spacing between lines */
.section-millie .text-center h4 {
  margin: 0 0 10px 0;
  line-height: 1.45;
  font-weight: 300;
}

/* Slightly tighter spacing after the first highlighted line */
.section-millie .text-center h4:first-of-type {
  margin-bottom: 6px;
}

/* Push About text in from the left (desktop only) */
.section-millie .col-md-7 {
  padding-left: 60px;
}

/* ================================
   Strategy image (circular)
================================ */

.section-millie .col-md-4 img {
  width: 300px;
  height: 300px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

.yellow-underline {
  background-image: linear-gradient(#ffe84d, #ffe84d);
  background-repeat: no-repeat;
  background-size: 100% 0.35em;
  background-position: 0 90%;
  padding: 0 4px;
}

/* HOMEPAGE ONLY: make the hero intro paragraph(s) wider */
body.home .section-banner .banner-content p {
  max-width: 1300px !important;  /* try 1300px if you want it wider */
  width: 100% !important;
}

.section-client-trust .client-trust-text {
  max-width: 1100px;
  margin: 0 auto;
  font-weight: 400;
  line-height: 2;
}

/* Portfolio body copy (carousel / Instagram post descriptions) */
.section-portfolio .col-md-6 p {
  font-size: 2rem;
  line-height: 1.4;
}

/* Reduce space before "We also offer..." on Services page */
.section-portfolio-listing {
  padding-top: 40px;
}

.section-portfolio-listing h2 {
  margin-bottom: 1rem;
  padding-bottom: 0;
}

/* Reduce bottom space after the last Services block */
.section-services.section-padding {
  padding-bottom: 30px;
}

/* Services + Portfolio subtitle (shared styling) */
.services-subheading {
  font-size: 1rem;
  line-height: 1.55;
  margin-top: 0.5rem;
  margin-bottom: 0;
  font-weight: 400;
}

.section-portfolio-listing {
  margin-top: 4rem;
}