body.page-node-type-marq-logistics-about-page{
  background-color: unset;
}
.page-node-type-marq-logistics-about-page {
  header {
    background-color: #f3f4f7;
  }
  header img {
    content: url(/themes/custom/marq_log/assets/MarqLogistics-Logo_RGB_Blue-cropped.svg);
    max-height: 70px;
  }

  .hero-banner {
    background: #f3f4f7;
    color: #021c3d;
    width: 100%;
    padding: 0 3.75rem;
  }
  .hero-banner__inner {
    gap: 31px;
  }
  .promo-box {
    max-width: 600px;
    padding-left: revert-layer;
  }
  .promo-box h2 {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 31px;
  }

  .hero-banner__content {
    max-width: 482px;
  }
  .ares-promote-menu a {
    color: #021c3d;
  }
  .highlight {
    color: #0073e6;
    font-weight: bold;
  }
  .features {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .features li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 1.1rem;
    color: var(--Colors-text-color, #021c3d);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    gap: 10px;
  }
  .forward-tick-icon::before {
    content: "\e5ca";
    font-family: "Material Icons";
    color: #0744f7;
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
  }

  .frame-stats__inner {
    display: flex;
    flex-direction: column;
    max-width: 439px;
    row-gap: 20px;
  }
  .frame-stats__heading {
    display: block;
  }
  .frame-stats__heading:before {
    top: 1.2rem;
    right: 1rem;
  }
  .frame-stats__stats {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18.62px;
    color: #021c3d;
    top: 0;
    margin-top: 0;
  }

  .hero-banner__media {
    max-width: 764px;
  }
  .hero-banner__media video {
    aspect-ratio: 764/509;
    object-fit: cover;
margin:0;
  }
  /* ================================
   THREE COLUMN GALLERY   TESTIMONIALS
   ================================ */

  .three-column-gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 48px;
    padding: 64px;
    width: 100%;
    box-sizing: border-box;
    padding-top: 0;
  }

  /* ================================
   CARD
   ================================ */

  .gallery-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-left: 2px solid #0744f7;
    background: #f3f4f7;
    padding: 14px;
    /* justify-content: space-between; */
  }

  /* ================================
   IMAGE
   ================================ */

  .gallery-image {
    width: 100%;
  }

  .gallery-image img {
    width: 200px;
    height: 200px;
    aspect-ratio: 1/1;
  }

  /* ================================
   TEXT CONTAINER
   ================================ */

  .three-image-text-container {
    margin-top: 24px;
    height: -webkit-fill-available;
  }

  /* ================================
   QUOTE BOX
   ================================ */

  .quote-box {
    font-size: 16px;
    line-height: 1.6;
    color: #1a1a1a;
    height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .quote-box p {
    color: #021c3d;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
  }

  /* ================================
   ATTRIBUTION
   ================================ */

  .quote-box .attribution {
    margin-top: 20px;
  }

  .quote-box .name {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    color: #021c3d;
  }

  .quote-box .title {
    font-size: 14px;
    color: #a8afbd;
  }
  /* ===============================
   WRAPPER
   =============================== */
  .paragraph--type--marq-image-heading-subtext-wrapp {
    background: #f3f4f7;
  }
  .row {
    margin: 0;
  }
  .paragraph--type--marq-image-heading-subtext-wrapp .col-12 {
    display: flex;
    flex-direction: column;
    gap: 7.5rem;
    padding: 7.5rem 0;
  }

  .paragraph--type--marq-image-heading-subtext.invesment-platform-container {
    background-color: #ffff;
  }

  .paragraph--type--marq-image-heading-subtext.invesment-platform-container
    img {
    aspect-ratio: 720 / 621;
    /* max-width: unset; */
  }
  .paragraph--type--marq-image-heading-subtext-wrapp .marq-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: start;
    margin: 0 3.75rem;
  }
  .paragraph--type--marq-image-heading-subtext-wrapp
    .paragraph--type--marq-image-heading-subtext.image-right
    .marq-content {
    margin-left: 0;
    padding: 0;
    margin-right: 18%;
  }
.paragraph--type--marq-image-heading-subtext .marq-heading {
  margin-left:0
}
  /* ===============================
   IMAGE
   =============================== */
  .marq-image {
    height: 100%;
  }
  .marq-image img {
    width: 100%;
    height: auto;
    display: block;
    height: 100%;
    aspect-ratio: 652/788;
    /* max-width: 652px; */
  }

  /* ===============================
   CONTENT
   =============================== */

  .marq-content {
    padding-top: 8px;
    gap: 3.75rem;
  }

  /* ===============================
   LEADER LIST
   =============================== */

  .leader-list {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  /* ===============================
   LEADER ITEM
   =============================== */

  .leader-item {
    padding: 20px 0;
    border-top: 1px solid #d1d5e1;
  }

  .leader-item:last-child {
    border-bottom: 1px solid #d1d5e1;
  }

  /* ===============================
   NAME
   =============================== */

  .leader-name {
    font-size: 16px;
    font-weight: 600;
    color: #0a1a2f;
    margin-bottom: 6px;
  }

  /* ===============================
   REGION
   =============================== */

  .leader-region {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #7a869a;
  }

  .leader-region img {
    width: 16px;
    height: 12px;
    object-fit: cover;
    display: block;
  }

  /* ===============================
   ARES INFO BLOCK
   =============================== */

  .ares-info-block {
    max-width: 520px;
    font-family: inherit;
    color: #0a1a2f;
  }

  /* ===============================
   PARAGRAPHS
   =============================== */

  .ares-info-block p {
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 20px 0;
  }

  .ares-info-block p sup {
    font-size: 10px;
    vertical-align: super;
    position: relative;
    top: 1.5px;
    font-weight: 500;
  }

  /* ===============================
   LEARN MORE LINK
   =============================== */

  .promote-btn-learn-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    padding-bottom: 4px;
    font-size: 16px;
    font-weight: 600;
    color: #021c3d;
    text-decoration: none;
    border-bottom: 2px solid #0047ff;
    width: fit-content;
  }

  /* Hover */
  .promote-btn-learn-more:hover {
    opacity: 0.85;
  }

  /* ===============================
   MATERIAL ICON ARROW
   =============================== */

  .forward-arrow-icon::after {
    font-family: "material icons";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    content: "\e5c8";
    display: inline-block;
    vertical-align: middle;
  }

  /* ===============================
   FOOTNOTE
   =============================== */

  .ares-info-block .footnote {
    margin-top: 40px;
    font-size: 12px;
    line-height: 1.4;
    color: #021c3d;
  }

  /* ===============================
   TABLET
   =============================== */

  @media (max-width: 768px) {
    .hero-banner,
    .frame-stats {
      padding: 0 14px;
    }
    .paragraph--type--marq-image-heading-subtext-wrapp {
      padding: 0 14px;
    }
    .paragraph--type--marq-image-heading-subtext {
      padding: 0;
      margin: 0;
    }
    .hero-banner__content {
      padding: 0;
    }
    .marq-inner {
      grid-template-columns: 1fr;
      gap: 14px;
      margin: 0;
    }

    .marq-heading {
      font-size: 26px;
      margin: 0;
    }
    .image-right .marq-image {
      order: 1;
    }
.promo-box h2{
font-size: 14px;
}
    .paragraph--type--marq-image-heading-subtext-wrapp .marq-inner {
      margin: 0;
      grid-template-columns: 1fr;
      gap: 48px;
    }
    .paragraph--type--marq-image-heading-subtext-wrapp
      .paragraph--type--marq-image-heading-subtext
      .marq-content {
      padding: 0;
      gap: 2.75rem;
    }
    .paragraph--type--marq-image-heading-subtext .marq-content {
      margin: 0;
      padding: 0 14px;
    }
    .three-column-gallery {
      grid-template-columns: repeat(2, 1fr);
      gap: 32px;
      padding: 14px;
    }
    .marq-heading {
      font-size: 28px;
    }

    .leader-item {
      padding: 16px 0;
    }

    .leader-name {
      font-size: 15px;
    }

    .leader-region {
      font-size: 13px;
    }
    .three-column-gallery {
      grid-template-columns: 1fr;
      gap: 14px;
      padding: 32px 20px;
      padding-bottom: 3.75rem;
    }

    .quote-box {
      font-size: 15px;
    }
    .hero-banner__inner {
      gap: 14px;
      padding-bottom: 14px;
    }
    .hero-banner__text {
      margin-bottom: 0;
    }
    .paragraph--type--marq-image-heading-subtext-wrapp .col-12 {
      padding: 3.75rem 0;
      gap: 3.75rem;
    }
  }
 @media (max-width:1024px) {
    .hero-banner__inner {
        flex-direction: column-reverse;
        min-height: auto;
    }
    .hero-banner, .frame-stats {
        padding: 0 14px;
    }
    .hero-banner__media {
        max-width: none;
    }
  }

}