/* ======================== Global H1 Typography ======================== */
@media (min-width: 1025px) {
  .site-header__inner { height: auto; padding-top: 25px; padding-bottom: 25px; }
  .site-header.is-scrolled .site-header__inner { padding-top: 12px; padding-bottom: 12px; }
  .site-nav__list > .current-menu-ancestor > .site-nav__link > span::after { opacity: 1; }
  .site-nav__list .sub-menu .current-menu-item > .site-nav__link { color: var(--color-dark); background: transparent; }
}

@media (min-width: 1201px) and (max-width: 1366px) {
  h1 { font-size: 65px; line-height: 70px; }
}

/* ============================== About ============================== */
@media (max-width: 1800px) {
  .about-section__background {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* ======================= Contact Connect ======================= */
@media (max-width: 1200px) {
  .contact-form-panel { min-height: auto; }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .floating-whatsapp { right: 70px; bottom: 70px; width: 65px; height: 65px; }
  .contact-connect { padding-block: 70px; }
  .contact-connect__cards { gap: 20px; margin-top: 35px; }
  .contact-connect-card { min-height: 200px; padding: 28px; }
  .contact-connect-card__icon { width: 54px; height: 54px; flex-basis: 54px; }
  .contact-connect-card__link { margin-left: 70px; }
  .contact-connect__lower { gap: 20px; margin-top: 20px; }
  .contact-form-panel,
  .contact-details-panel { padding: 30px; }
  .contact-form-panel { width: calc((100% - 20px) * .58); padding-bottom: 40px; }
  .malf-contact-form .gform_fields { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 20px !important; row-gap: 20px !important; }
  .contact-details-panel { width: calc((100% - 20px) * .42); }
  .contact-details-panel__list { display: flex; flex-direction: column; gap: 20px; margin-top: 40px; }
  .contact-details-panel__list li > img { width: 55px; height: 55px; flex: 0 0 55px; object-fit: contain; }
  .contact-form-panel__security { left: 35px; bottom: 40px; }
  .contact-offices { min-height: 500px; }
  .contact-offices__map { width: 40%; flex-basis: 40%; }
  .contact-offices__content { width: 60%; padding: 40px 30px; }
  .contact-offices__list { gap: 20px; margin-top: 38px; }
  .contact-office-card__media { height: 180px; }
  .contact-office-card__content { min-height: 170px; padding: 17px 20px 20px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .floating-whatsapp { right: 50px; bottom: 80px; width: 55px; height: 55px; }
  .contact-connect { padding-block: 55px; }
  .contact-connect__header h2 { margin-top: 18px; }
  .contact-connect__cards { gap: 16px; margin-top: 30px; }
  .contact-connect-card { min-height: 190px; padding: 22px 18px; }
  .contact-connect-card__top { gap: 10px; }
  .contact-connect-card__icon { width: 46px; height: 46px; flex-basis: 46px; }
  .contact-connect-card__content { gap: 10px; }
  .contact-connect-card__content p { font-size: 14px; line-height: 22px; }
  .contact-connect-card__link { gap: 6px; margin-left: 56px; font-size: 15px; line-height: 24px; }
  .contact-connect__lower { flex-direction: column; gap: 20px; margin-top: 20px; }
  .contact-form-panel,
  .contact-details-panel { width: 100%; padding: 35px; }
  .contact-form-panel { min-height: 0; padding-bottom: 30px; }
  .contact-form-panel__security { left: 35px; bottom: 45px; }
  .contact-details-panel__list { display: flex; flex-flow: row wrap; gap: 24px; }
  .contact-details-panel__list li { width: calc(50% - 12px); }
  .contact-offices { min-height: 0; flex-direction: column; }
  .contact-offices__map,
  .contact-offices__content { width: 100%; flex-basis: auto; }
  .contact-offices__map { height: 380px; }
  .contact-offices__content { padding: 45px 35px 50px; }
  .contact-offices__list { gap: 20px; margin-top: 40px; }
  .contact-office-card__media { height: 210px; }
}

@media (min-width: 1024px) and (max-width: 1200px) {
  .contact-details-panel__socials { display: flex; flex-direction: column; gap: 10px; margin-top: 25px; }
}

@media (max-width: 1024px) {
  .malf-contact-form .gform_fields { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 20px !important; row-gap: 20px !important; }
}

@media (max-width: 767px) {
	.error-page { min-height: 100vh; min-height: 100dvh; padding: 40px 0; }
	.error-page__code { font-size: 80px; }
	.error-page h1 { margin-top: 20px; font-size: 38px; line-height: 46px; letter-spacing: -.38px; }
	.error-page__message { margin-top: 15px; font-size: 14px; line-height: 22px; }
	.error-page__button { min-width: 180px; min-height: 50px; margin-top: 25px; padding-inline: 22px; font-size: 16px; }

  .floating-whatsapp { right: 30px; bottom: 80px; width: 50px; height: 50px; }
  .contact-connect { padding-block: 40px; }
  .contact-connect__header h2 { margin-top: 15px; }
  .contact-connect__cards { flex-direction: column; gap: 15px; margin-top: 30px; }
  .contact-connect-card { width: 100%; height: auto; min-height: 0; flex: 0 0 auto; padding: 24px 20px; }
  .contact-connect-card__top { width: 100%; }
  .contact-connect-card__icon { width: 45px; height: 45px; flex-basis: 45px; }
  .contact-connect-card__content { gap: 8px; }
  .contact-connect-card__content p { font-size: 14px; line-height: 22px; }
  .contact-connect-card__link { margin: 20px 0 0 66px; font-size: 16px; line-height: 24px; }
  .contact-connect__lower { flex-direction: column; gap: 15px; margin-top: 15px; }
  .contact-form-panel,
  .contact-details-panel { width: 100%; padding: 25px 20px; }
  .contact-form-panel { min-height: 0; padding-bottom: 25px; }
  .contact-panel-title::after { bottom: -12px; }
  .malf-contact-form-wrap { margin-top: 40px; }
  .malf-contact-form .gform_fields { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 15px !important; }
  .malf-contact-form .gfield { grid-column: 1 / -1 !important; }
  .malf-contact-form .gfield--type-captcha { position: absolute !important; width: 0 !important; height: 0 !important; grid-column: auto !important; }
  .malf-contact-form input[type='text'],
  .malf-contact-form input[type='email'],
  .malf-contact-form input[type='tel'],
  .malf-contact-form input[type='url'],
  .malf-contact-form input[type='number'],
  .malf-contact-form input[type='date'],
  .malf-contact-form select,
  .malf-contact-form textarea { min-height: 45px !important; padding: 12px 15px !important; font-size: 14px !important; line-height: 22px !important; }
  .malf-contact-form textarea { height: 111px !important; min-height: 111px !important; }
  .malf-contact-form .gform_footer { justify-content: stretch !important; margin-top: 15px !important; }
  .malf-contact-form .gform_button { width: 100% !important; min-width: 0 !important; min-height: 52px !important; font-size: 16px !important; }
  .contact-form-panel__security { position: static; max-width: none; margin-top: 18px; font-size: 13px; line-height: 21px; }
  .contact-form-panel__security img { width: 20px; height: 20px; flex-basis: 20px; }
  .contact-details-panel__list { gap: 22px; margin-top: 40px; }
  .contact-details-panel__list li { align-items: flex-start; gap: 12px; }
  .contact-details-panel__list li > img { width: 40px; height: 40px; flex-basis: 40px; }
  .contact-details-panel__list li > div { gap: 2px; }
  .contact-details-panel__list p,
  .contact-details-panel__list a { font-size: 14px; line-height: 22px; }
  .contact-details-panel__socials { gap: 16px; margin-top: 30px; }
  .contact-details-panel__socials a,
  .contact-details-panel__socials span { width: 36px; height: 36px; flex-basis: 36px; }
  .contact-offices { width: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
  .contact-offices__map,
  .contact-offices__content { width: 100%; min-width: 0; flex: 0 0 auto; }
  .contact-offices__map { height: 280px; }
  .contact-offices__map-image { width: 100%; height: 100%; object-fit: cover; object-position: center right; }
  .contact-offices__content { padding: 40px 20px; }
  .contact-offices__heading::after { bottom: -12px; width: 36px; }
  .contact-offices__list { width: 100%; min-width: 0; flex-direction: column; gap: 15px; margin-top: 35px; }
  .contact-office-card { width: 100%; min-width: 0; flex: 0 0 auto; }
  .contact-office-card__media { height: 200px; }
  .contact-office-card__content { min-height: auto; padding: 17px 20px 20px; }
  .contact-office-card__content p { font-size: 14px; line-height: 22px; }
  .contact-office-card__content a { margin-top: 10px; padding-top: 0; font-size: 16px; line-height: 24px; }
}

@media (min-width: 1201px) and (max-width: 1470px) {
  .team-member-overview__list { gap: 40px; }
  .team-member-overview__item { width: calc((100% - 120px) / 4); flex-basis: calc((100% - 120px) / 4); }
  .team-member-overview__item + .team-member-overview__item::before { left: -20px; }

  .team-member-profile__inner { gap: 30px; }
  .team-member-profile__about { width: calc(42% - 15px); flex-basis: calc(42% - 15px); }
  .team-member-profile__expertise { width: calc(58% - 15px); flex-basis: calc(58% - 15px); }
  .team-member-expertise__item { padding: 16px; }
  .team-member-expertise__header { gap: 8px; }
  .team-member-expertise__header h3 { font-size: 16px; line-height: 21px; white-space: normal; overflow-wrap: anywhere; }

  .team-member-experience__item,
  .team-member-experience__item:nth-child(1),
  .team-member-experience__item:nth-child(2),
  .team-member-experience__item:nth-child(3),
  .team-member-experience__item:nth-child(4) { width: 25%; flex-basis: 25%; padding-inline: 28px; }
  .team-member-experience__item:first-child { padding-left: 0; }
  .team-member-experience__item:last-child { padding-right: 0; }
  .team-member-experience__icon { width: 54px; height: 54px; flex-basis: 54px; }
  .team-member-experience__value { font-size: 26px; line-height: 30px; }
  .team-member-experience__details p { font-size: 16px; line-height: 24px; }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  h1 { font-size: 60px; line-height: 65px; }
  .team-member-profile {
    padding: 60px 0 0;
    background: var(--color-white);
    color: #171717;
  }
  .team-member-experience { padding-block: 70px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  h1 { font-size: 45px; line-height: 50px; }
}

@media (max-width: 767px) {
  h1 { font-size: 35px; line-height: 40px; }
  .page-template-page-our-team .inner-banner__heading { width: 100%; font-size: 32px; line-height: 38px; }
}

/* ========================= 1366px - 1550px ========================= */
@media (min-width: 1366px) and (max-width: 1550px) {
  .about-philosophy { height: auto; min-height: 650px; flex-direction: row; align-items: stretch; }
  .about-philosophy__media { width: 49.21875%; height: auto; }
  .about-philosophy__panel { width: 50.78125%; }
  .about-philosophy__inner { width: auto; max-width: none; margin: 0; padding: 40px 30px; }
  .about-philosophy__header h2  { width: 100%; }
  .about-philosophy__items { width: 100%; max-width: none; gap: 24px; }
  .about-philosophy__item,
  .about-philosophy__item:last-child { width: calc((100% - 48px) / 3); flex-basis: calc((100% - 48px) / 3); min-width: 0; }
  .about-philosophy__item + .about-philosophy__item::before { left: -12px; }
  .about-philosophy__item h4 { font-size: 20px; line-height: 22px; overflow-wrap: anywhere; }
  .about-philosophy__item p { font-size: 14px; line-height: 20px; overflow-wrap: anywhere; }
}

/* ========================= 1025px - 1365px ========================= */
@media (min-width: 1025px) and (max-width: 1365px) {
  .about-philosophy { height: auto; min-height: 650px; flex-direction: row; align-items: stretch; }
  .about-philosophy__media { width: 49.21875%; height: auto; }
  .about-philosophy__panel { width: 50.78125%; }
  .about-philosophy__inner { width: auto; max-width: none; margin: 0; padding: 40px 30px; }
  .about-philosophy__header h2  { width: 100%; }
  .about-philosophy__items { width: 100%; max-width: none; gap: 24px; }
  .about-philosophy__item,
  .about-philosophy__item:last-child { width: calc((100% - 48px) / 3); flex-basis: calc((100% - 48px) / 3); min-width: 0; }
  .about-philosophy__item + .about-philosophy__item::before { left: -12px; }
  .about-philosophy__item h4 { font-size: 20px; line-height: 22px; overflow-wrap: anywhere; }
  .about-philosophy__item p { font-size: 14px; line-height: 20px; overflow-wrap: anywhere; }
}

/* ============================== 1470px ============================== */
@media (max-width: 1470px) {
  h2 { font-size: 50px !important; line-height: 52px !important; }

  .about-industry { width: 12.5%; flex-basis: 12.5%; }
  .about-industry + .about-industry::before { left: 0; }
  .about-industry__title { line-height: 30px; overflow-wrap: anywhere; white-space: normal; }

  .about-values__list { gap: 20px; }
  .about-value { width: calc((100% - 100px) / 6); min-width: 0; flex-basis: calc((100% - 100px) / 6); gap: 8px; }
  .about-value__icon { width: 32px; height: 32px; flex-basis: 32px; }
  .about-value__title { font-size: 14px; line-height: 18px; overflow-wrap: anywhere; white-space: normal; }

  .inner-banner__content { padding-top: 280px; }
  .single-post .inner-banner__content { padding-top: 260px; }

  .team-values { height: auto; min-height: 260px; padding-block: 70px; }
  .team-values__list { align-items: stretch; }
  .team-value { width: calc((100% - 90px) / 4); flex-basis: calc((100% - 90px) / 4); gap: 18px; }
  .team-value__content { width: auto; }

  .team-listing-card { min-height: 560px; height: auto; }
  .team-listing-card__media { height: 270px; flex-basis: 270px; }
  .team-listing-card__body { padding-inline: 24px; }
  .team-listing-card__details { gap: 14px; }

  :root {
    --container-padding: 40px;
  }

  /* Header */
  .site-header__inner {
    grid-template-columns: 160px 1fr 260px;
  }

  .site-nav {
    width: auto;
    justify-self: center;
  }

  .site-nav__list {
    gap: 38px;
  }

  /* Banner */
  .banner {
    height: 820px;
  }

  .banner__image {
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .banner__content {
    bottom: 100px;
  }

  .banner__title {
    max-width: 700px;
  }

  .banner__description {
    max-width: 720px;
  }

  .banner__pagination {
    bottom: 42px;
  }

  /* Services */
  .services-section__viewport {
    width: 100%;
    max-width: none;
    overflow-x: auto;
    scrollbar-width: none;
    scroll-snap-type: x proximity;
  }

  .services-section__viewport::-webkit-scrollbar {
    display: none;
  }

  .service-card {
    scroll-snap-align: start;
  }

  .services-list {
    gap: 20px;
  }

  /* About */
  .about-section {
    height: 700px;
  }

  .about-section__content {
    width: 54%;
    margin-left: 46%;
    padding-top: 115px;
  }

  .about-section__glow {
    top: 20px;
    right: -5%;
  }

  .about-section__button {
    margin-top: 48px;
  }

  /* Expertise */
  .expertise-section { padding: 85px 0 0; }

  .expertise-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  /* Team */
  .team-section { padding-top: 85px; }

  .team-section__intro {
    grid-template-columns: minmax(0, 460px) minmax(0, 668px);
    gap: 50px;
  }

  .team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .team-card__portrait--mutaz { left: 50%; transform: translateX(-50%); }
  .team-card__portrait--adil { left: 50%; transform: translateX(-50%); }
  .team-card__portrait--abutalib { left: 50%; transform: translateX(-50%); }

  /* Blogs */
  .blogs-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(320px, 407px);
    gap: 30px;
  }

  /* Contact CTA */
  .contact-cta__content { margin-right: 0; }

  /* Footer */
  .site-footer__top {
    grid-template-columns: 300px 1fr 285px;
    gap: 45px;
  }

  .footer-links__columns {
    grid-template-columns: repeat(3, max-content);
    column-gap: 34px;
  }

  .site-footer__bottom {
    width: 100%;
  }
}

/* ============================== 1200px ============================== */
@media (min-width: 1025px) and (max-width: 1200px) {
  .inner-banner { height: 550px; }
  .service-detail-banner { height: 600px; }
  .service-detail-banner__content { padding-top: 210px; }
  .service-detail-banner__copy { gap: 30px; }
  .service-detail-banner__intro { gap: 28px; }
  .service-detail-banner__actions { margin-top: 36px; }
  .service-detail-overview { padding: 70px 0; }
  .service-detail-overview__inner { gap: 20px; }
  .service-detail-overview__content h2 { line-height: 52px !important; }
  .service-detail-overview__card { width: 310px; flex-basis: 310px; padding: 25px; }
  .service-detail-includes { padding: 45px 0 70px; }
  .service-detail-includes__layout { gap: 20px; margin-top: 40px; }
  .service-detail-includes__list { width: calc(100% - 220px); column-gap: 20px; row-gap: 35px; }
  .service-detail-include-item { min-height: 125px; gap: 12px; padding-bottom: 35px; }
  .service-detail-include-item__icon { width: 60px; height: 60px; flex-basis: 60px; }
  .service-detail-include-item__icon img { width: 34px; height: 34px; }
  .service-detail-include-item__content { gap: 12px; }
  .service-detail-include-item__content h4 { font-size: 19px; line-height: 25px; }
  .service-detail-include-item__content p { font-size: 14px; line-height: 21px; }
  .service-detail-include-item__arrow { width: 20px; height: 20px; flex-basis: 20px; }
  .service-detail-includes__metrics { width: 200px; min-height: 500px; flex-basis: 200px; margin-top: -53px; padding: 15px; }
  .service-detail-industries { padding: 70px 0; }
  .service-detail-industries__header h2 { line-height: 52px !important; }
  .service-detail-industries__list { grid-template-columns: repeat(3, minmax(0, 166px)); justify-content: space-between; gap: 45px 30px; margin-top: 50px; }
  .service-detail-approach { padding: 70px 0 0; }
  .service-detail-approach__inner { padding-bottom: 40px; }
  .service-detail-approach__content { flex: 1 1 auto; }
  .service-detail-approach__header h2 { line-height: 52px !important; }
  .service-detail-approach__steps { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .service-detail-approach__steps::before { right: calc(12.5% - 30px); }
  .service-detail-approach-step__content p { font-size: 16px; line-height: 24px; }
  .service-detail-approach__media { width: 360px; flex-basis: 360px; }
  .service-detail-approach__image { left: 50%; width: 600px; transform: translateX(-50%); }
  .service-detail-insights { padding: 40px 0; }
  .service-detail-insights__layout { gap: 25px; }
  .service-detail-insights__header h2 { line-height: 52px !important; }
  .service-detail-insights__grid { gap: 15px; margin-top: 40px; }
  .service-insight-card__body { padding: 16px; }
  .service-detail-insights__panel { width: 245px; flex-basis: 245px; padding: 24px 18px; }
  .service-detail-insights__contacts a { font-size: 16px; }
  .service-listing-banner { height: 620px; }
  .service-listing-banner__content { gap: 26px; padding-top: 150px; padding-bottom: 50px; }
  .service-listing-banner__intro h1 { width: 900px; margin-top: 30px; }
  .service-listing-banner__intro > p { margin-top: 24px; }
  .service-listing-banner__highlights { width: 100%; }
  .service-listing-banner__highlight,
  .service-listing-banner__highlight:nth-child(1),
  .service-listing-banner__highlight:nth-child(2),
  .service-listing-banner__highlight:nth-child(3),
  .service-listing-banner__highlight:nth-child(4) { width: 25%; flex: 0 1 25%; gap: 10px; padding-right: 12px; }
  .service-listing-banner__highlight + .service-listing-banner__highlight { padding-left: 12px; }
  .service-listing-banner__icon { width: 42px; height: 42px; flex-basis: 42px; }
  .service-listing-banner__highlight:nth-child(3) .service-listing-banner__icon img { width: 42px; height: 42px; }
  .service-listing-banner__highlight h5 { white-space: normal; }
  .service-listing-banner__highlight p { font-size: 14px; line-height: 21px; }
  .contact-banner { height: 550px; }
  .contact-banner__inner { padding-top: 170px; }
  .contact-banner__content h1 { margin-top: 30px; }
  .contact-banner__description { margin-top: 35px; }
  .contact-banner__highlights { margin-top: 24px; }
  .team-member-banner { min-height: 600px; }
  .team-member-banner__content { padding: 220px 0 30px; }
  .team-member-banner__contacts { gap: 18px; margin-top: 30px; }
}

@media (max-width: 1200px) {
  h2 { font-size: 40px !important; line-height: 44px !important; }

  .inner-banner__content { padding-top: 235px; }
  .inner-banner__heading { width: 650px; }
  .single-post .inner-banner__content { padding-top: 210px; }
  .single-post .inner-banner__heading { width: 100%; margin-top: 30px; }
  .single-post .inner-banner__description { width: 70%; padding-top: 30px; }
  .page-template-page-about .inner-banner__image { inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }

  .team-member-overview__list { gap: 40px; }
  .team-member-overview__item { width: calc((100% - 120px) / 4); flex-basis: calc((100% - 120px) / 4); }
  .team-member-overview__item + .team-member-overview__item::before { left: -20px; }

  .team-member-expertise__item { padding: 16px; }
  .team-member-expertise__header { gap: 8px; }
  .team-member-expertise__header h3 { font-size: 16px; line-height: 21px; white-space: normal; overflow-wrap: anywhere; }

  .team-member-profile__inner { flex-direction: column; gap: 30px; }
  .team-member-profile__about,
  .team-member-profile__expertise { width: 100%; flex-basis: auto; }

  .team-member-experience__list { flex-wrap: wrap; gap: 40px 0; }
  .team-member-experience__item,
  .team-member-experience__item:nth-child(1),
  .team-member-experience__item:nth-child(2),
  .team-member-experience__item:nth-child(3),
  .team-member-experience__item:nth-child(4) { width: 50%; flex: 0 0 50%; padding-inline: 30px; }
  .team-member-experience__item:nth-child(odd) { padding-left: 0; }
  .team-member-experience__item:nth-child(even) { padding-right: 0; }
  .team-member-experience__item:nth-child(odd)::before { display: none; }
  .team-member-experience__item + .team-member-experience__item::before { left: 0; }
  .team-member-experience__item:nth-child(n + 3) { padding-top: 40px; border-top: 1px solid rgba(174, 141, 90, .2); }
  .team-member-experience__item:nth-child(n + 3)::before { top: 40px; }

  .team-member-approach { padding-block: 45px; }
  .team-member-approach__list { margin-top: 35px; }
  .team-member-approach__item { padding-inline: 24px; }
  .team-member-approach__icon { width: 52px; height: 52px; flex-basis: 52px; }
  .team-member-approach__content p { font-size: 16px; line-height: 24px; }

  .about-story { padding-block: 80px; }
  .about-story__timeline { flex-wrap: wrap; gap: 50px 30px; }
  .about-story__timeline::before { display: none; }
  .about-story__item { width: calc(50% - 15px); }
  .about-story__item:not(:last-child)::after { display: none; }

  .about-statistics { padding-block: 60px; }
  .about-statistic { padding-inline: 24px; }
  .about-statistic__title { font-size: 26px; line-height: 29px; }
  .about-statistic__subtitle { font-size: 22px; line-height: 26px; }
  .about-statistic__description { font-size: 16px; line-height: 24px; }

  .about-industries { padding-block: 70px; }
  .about-industries__list { flex-wrap: wrap; gap: 55px 0; }
  .about-industry { width: 25%; flex-basis: 25%; }
  .about-industry + .about-industry::before { left: 0; }
  .about-industry:nth-child(4n + 1)::before { display: none; }

  .about-founder { padding: 0 0 80px; }
  .about-founder__panel { padding: 42px 35px; }
  .about-founder__message { margin-top: 32px; }
  .about-founder__message p { margin-top: 22px; font-size: 16px; line-height: 24px; }
  .about-founder__identity { margin-top: 30px; }

  .about-values { height: auto; padding: 0 0 70px; }
  .about-values__list { flex-wrap: wrap; justify-content: center; }
  .about-value { width: 215px; flex-basis: 215px; }

  .team-values__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 45px 30px; }
  .team-value { width: auto; }
  .team-value + .team-value { margin-left: 0; }
  .team-value + .team-value::before { display: none; }
  .team-value:nth-child(even) { padding-left: 30px; border-left: 1px solid rgba(14, 59, 53, .4); }

  .team-listing__top { align-items: flex-start; flex-direction: column; gap: 30px; }
  .team-listing__filters { flex-wrap: wrap; }
  .team-listing__results { margin-top: 40px; }
  .team-listing__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .team-listing-card { min-height: 600px; height: auto; }
  .team-listing-card__media { height: 280px; flex-basis: 280px; }


  /* Header */
  .site-header__inner {
    grid-template-columns: 150px 1fr auto;
  }

  .site-nav__list {
    gap: 24px;
  }

  .site-nav__link,
  .header-button {
    font-size: 16px;
  }

  /* Banner */
  .banner {
    height: 780px;
  }

  .banner__content {
    bottom: 100px;
  }

  .banner__title {
    max-width: 620px;
  }

  .banner__description {
    max-width: 680px;
    font-size: 16px;
    line-height: 25px;
  }

  /* Services */
  .services-section {
    min-height: auto;
    padding-block: 85px 55px;
  }

  .services-section__intro h2  {
  }

  .service-card {
    width: 380px;
    height: 380px;
    flex-basis: 380px;
  }

  /* About */
  .about-section {
    height: 650px;
  }

  .about-section__content {
    width: 56%;
    margin-left: 44%;
    padding-top: 80px;
  }

  .about-section__content h2  {
  }

  .about-section__copy {
    font-size: 16px;
    line-height: 24px;
  }

  .about-section__copy p + p {
    margin-top: 20px;
  }

  .about-section__button {
    margin-top: 35px;
  }

  /* Expertise */
  .expertise-section {
    min-height: auto;
    padding: 70px 0 0;
  }

  .expertise-section__header h2  {
  }

  .expertise-grid {
    gap: 20px;
  }

  .expertise-card {
    height: 330px;
    padding: 38px 24px;
  }

  .expertise-card h3 {
    font-size: 25px;
    line-height: 29px;
  }

  .expertise-card__categories,
  .expertise-card__description {
    font-size: 16px;
    line-height: 24px;
  }

  /* Team */
  .team-section { min-height: auto; margin-top: 0; padding: 70px 0 85px; }

  .team-section__header h2  {
  }

  .team-section__summary p {
    font-size: 16px;
    line-height: 24px;
  }

  .team-grid { gap: 20px; }

  .team-card { height: 480px; }

  .team-card__background { height: 100%; }

  .team-card__portrait--mutaz { width: 483px; height: 484px; }
  .team-card__portrait--adil { width: 513px; height: 513px; }
  .team-card__portrait--abutalib { width: 457px; height: 469px; }

  .team-card__content { right: 25px; bottom: 30px; left: 25px; }

  .team-card__content h3 {
    font-size: 25px;
    line-height: 29px;
  }

  .team-card__content p { font-size: 16px; line-height: 24px; }

  .team-card__socials { top: 16px; right: 16px; }
  .team-card__socials a { width: 46px; height: 46px; }

  /* Testimonials */
  .testimonial-slide blockquote {
    font-size: 30px;
    line-height: 44px;
  }

  /* Blogs */
  .blogs-section { min-height: auto; padding-block: 90px; }

  .blogs-section__header h2  {
  }

  .blogs-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px 30px;
  }

  .blog-list {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 30px;
  }

  /* Contact CTA */
  .contact-cta__graphic { left: -110px; }

  .contact-cta__content { width: 58%; }

  .contact-cta__content h2  {
  }

  .contact-cta__content p { font-size: 16px; line-height: 24px; }

  /* Footer */
  .site-footer {
    padding-top: 64px;
  }

  .site-footer__top {
    grid-template-columns: 240px 1fr 265px;
    gap: 35px;
  }

  .footer-links__columns {
    column-gap: 30px;
  }

  .footer-links__link,
  .work-time__description {
    font-size: 16px;
  }
}

@media (min-width: 768px) and (max-width: 1200px) {
  .page-template-page-about .inner-banner__content {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 0;
    padding-bottom: 36px;
  }
}

/* ============================== 1024px ============================== */
@media (max-width: 1024px) {
  h2 { font-size: 35px !important; line-height: 39px !important; }

  .news-page__intro { padding: 150px 0 42px; }
  .news-featured { padding-bottom: 55px; }
  .news-featured__viewport { height: 480px; }
  .news-featured__content { width: 650px; max-width: 75%; padding-left: 40px; }
  .news-listing { padding-bottom: 70px; }
  .news-listing__tabs { border-radius: 8px; }
  .news-listing__tabs button { min-height: 52px; padding-inline: 18px; }
  .news-listing__grid { gap: 24px; margin-top: 32px; }
  .news-card { min-height: 520px; }
  .news-card__media { height: 240px; }
  .news-card__body { min-height: 280px; padding: 24px; }

  .single-news .inner-banner, .single-news .inner-banner__inner { min-height: 620px; }
  .single-news .inner-banner__content { width: 820px; min-height: 620px; padding: 140px 0 60px; }
  .single-news .inner-banner__heading { width: 820px; }
  .news-story { padding: 70px 0; }
  .news-story__layout { gap: 34px; }
  .news-story__sidebar { width: 310px; flex-basis: 310px; }
  .news-story-sidebar-related, .news-story-consult { padding: 22px; }
  .news-story-sidebar-related article { align-items: flex-start; flex-direction: column; }
  .news-story-sidebar-related__image { width: 100%; height: 150px; flex-basis: 150px; }
  .news-story-related { padding: 70px 0 80px; }
  .news-story-related__grid { gap: 18px; }
  .news-story-related-card { width: calc((100% - 36px) / 3); }
  .news-story-related-card__image { height: 170px; }
  .news-story-related-card > div { padding: 20px; }

  .service-detail-banner { height: 560px; }
  .service-detail-banner__image { object-position: 62% center; }
  .service-detail-banner__content { padding-top: 190px; }
  .service-detail-banner__copy { gap: 28px; }
  .service-detail-banner__intro { gap: 24px; }
  .service-detail-banner__intro p { width: 620px; font-size: 16px; line-height: 24px; }
  .service-detail-banner__actions { margin-top: 32px; }
  .service-detail-overview { padding: 55px 0; }
  .service-detail-overview__inner { flex-direction: column; gap: 35px; }
  .service-detail-overview__content { width: 100%; flex-basis: auto; }
  .service-detail-overview__content h2 { line-height: 44px !important; }
  .service-detail-overview__content > p { margin-top: 25px; font-size: 16px; line-height: 24px; }
  .service-detail-overview__card { width: 100%; min-height: auto; flex-basis: auto; }
  .service-detail-includes { padding: 40px 0 55px; }
  .service-detail-includes__layout { flex-direction: column; gap: 35px; margin-top: 35px; }
  .service-detail-includes__list { width: 100%; }
  .service-detail-includes__metrics { width: 100%; min-height: auto; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); flex-basis: auto; margin-top: 0; padding: 20px; }
  .service-detail-include-metric { min-height: 140px; align-items: center; justify-content: flex-start; padding: 15px; text-align: center; }
  .service-detail-include-metric + .service-detail-include-metric { border-top: 0; border-left: 1px solid rgba(14, 59, 53, .25); }
  .service-detail-industries { padding: 55px 0; }
  .service-detail-industries__background { object-position: 65% center; }
  .service-detail-industries__header { gap: 18px; }
  .service-detail-industries__header h2 { line-height: 44px !important; }
  .service-detail-industries__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 24px; margin-top: 45px; }
  .service-detail-industry { gap: 18px; }
  .service-detail-industry__icon { width: 65px; height: 65px; flex-basis: 65px; }
  .service-detail-industry h3 { width: 100%; font-size: 20px; line-height: 28px; }
  .service-detail-approach { padding: 55px 0 0; }
  .service-detail-approach__inner { padding-bottom: 40px; }
  .service-detail-approach__layout { flex-direction: column; gap: 40px; }
  .service-detail-approach__content { width: 100%; flex-basis: auto; }
  .service-detail-approach__header { gap: 18px; }
  .service-detail-approach__header h2 { line-height: 44px !important; }
  .service-detail-approach__description { margin-top: 25px; }
  .service-detail-approach__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 35px 24px; justify-content: stretch; margin-top: 40px; }
  .service-detail-approach__steps::before { display: none; }
  .service-detail-approach-step { display: flex; gap: 18px; }
  .service-detail-approach-step__number { flex: 0 0 60px; }
  .service-detail-approach-step__content { gap: 12px; margin-top: 0; }
  .service-detail-approach-step__content h4 { line-height: 30px; }
  .service-detail-approach__media { width: 100%; height: auto; aspect-ratio: 16 / 9; flex-basis: auto; }
  .service-detail-approach__image { left: 0; width: 100%; height: 100%; transform: none; object-position: center; }
  .service-detail-insights { padding: 40px 0; }
  .service-detail-insights__layout { flex-direction: column; gap: 40px; }
  .service-detail-insights__main { width: 100%; flex-basis: auto; }
  .service-detail-insights__header { gap: 18px; }
  .service-detail-insights__header h2 { line-height: 44px !important; }
  .service-detail-insights__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 40px; }
  .service-insight-card h3 { font-size: 19px; line-height: 27px; }
  .service-detail-insights__panel { width: 100%; min-height: auto; flex-basis: auto; margin-top: 0; }

  .service-master-overview, .service-master-help, .service-master-work, .service-master-related { padding: 60px 0; }
  .service-master-hero--with-supporting { height: auto; min-height: 620px; }
  .service-master-hero--with-supporting .service-detail-banner__inner { min-height: 620px; }
  .service-master-hero--with-supporting .service-detail-banner__content { padding-top: 170px; padding-bottom: 50px; }
  .service-master-overview__inner { flex-direction: column; gap: 35px; }
  .service-master-scenarios { width: 100%; flex-basis: auto; }
  .service-master-help-card { width: calc((100% - 20px) / 2); }
  .service-master-work__steps { flex-wrap: wrap; gap: 35px 24px; }
  .service-master-work__steps::before { display: none; }
  .service-master-work__steps li { width: calc((100% - 24px) / 2); display: flex; gap: 18px; }
  .service-master-work__steps li > span { flex: 0 0 60px; }
  .service-master-work__steps li > div { margin-top: 0; }
  .service-master-related-card { width: calc((100% - 20px) / 2); flex-basis: calc((100% - 20px) / 2); padding: 24px; }
  .service-master-cta { padding: 55px 0; }
  .service-master-cta__inner { gap: 35px; }

  .service-listing-banner { height: 650px; }
  .service-listing-banner__image { object-position: 62% center; }
  .service-listing-banner__content { gap: 28px; padding-top: 175px; }
  .service-listing-banner__intro h1 { width: 760px; margin-top: 30px; }
  .service-listing-banner__intro > p { width: 680px; margin-top: 24px; font-size: 16px; line-height: 24px; }
  .service-listing-banner__highlights { width: 100%; flex-wrap: wrap; row-gap: 20px; }
  .service-listing-banner__highlight,
  .service-listing-banner__highlight:nth-child(1),
  .service-listing-banner__highlight:nth-child(2),
  .service-listing-banner__highlight:nth-child(3),
  .service-listing-banner__highlight:nth-child(4) { width: 50%; flex: 0 1 50%; flex-direction: row; padding: 0 20px 0 0; }
  .service-listing-banner__highlight + .service-listing-banner__highlight { padding-left: 20px; }
  .service-listing-banner__highlight:nth-child(3) { padding-left: 0; }
  .service-listing-banner__highlight:nth-child(3)::before { display: none; }
  .service-listing-banner__highlight h5 { white-space: normal; }
  .service-listing-banner__highlight p { font-size: 14px; line-height: 21px; }

  .inner-banner { height: 520px; }
  .inner-banner__image { object-position: 58% center; }
  .inner-banner__content { padding-top: 210px; }
  .inner-banner__heading { margin-top: 30px; }
  .inner-banner__description { width: 620px; }
  .single-post .inner-banner__content { padding-top: 185px; }
  .single-post .inner-banner__description { width: 620px; }
  .inner-banner__meta { margin-top: 32px; }

  .contact-banner { height: 520px; }
  .contact-banner__image { left: 0; width: 100%; height: 100%; object-position: 68% center; }
  .contact-banner__inner { padding-top: 160px; }
  .contact-banner__content h1 { margin-top: 30px; }
  .contact-banner__description { margin-top: 30px; font-size: 16px; line-height: 24px; }
  .contact-banner__highlights { margin-top: 24px; }
  .contact-banner__highlight { width: 230px; }
  .contact-banner__highlight > img { width: 42px; height: 42px; flex-basis: 42px; }
  .contact-banner__highlight > div { gap: 8px; }
  .contact-banner__highlight h4 { font-size: 18px; line-height: 24px; }
  .contact-banner__highlight p { font-size: 14px; line-height: 21px; }

  .team-member-banner { min-height: 510px; }
  .team-member-banner__image { object-position: 66% center; }
  .team-member-banner__content { padding: 200px 0 30px; }
  .team-member-banner__identity { margin-top: 30px; }
  .team-member-banner__contacts { margin-top: 25px; }

  .team-member-overview { padding-block: 50px; }
  .team-member-overview__list { flex-wrap: wrap; gap: 50px 40px; }
  .team-member-overview__item { width: calc(50% - 20px); flex-basis: calc(50% - 20px); }
  .team-member-overview__item:nth-child(odd)::before { display: none; }
  .team-member-overview__content { margin-top: 25px; }
  .team-member-overview__value,
  .team-member-overview__title,
  .team-member-overview__item--metric .team-member-overview__title {
    margin: 0;
    color: #fdfdfd;
    font-family: var(--font-display);
    font-size: 26px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -.3px;
    text-transform: capitalize;
  }
  .team-member-overview__description {
    max-width: 300px;
    margin: 12px auto 0;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
  }

  .team-member-profile { padding: 45px 0 0; }
  .team-member-profile__inner { flex-direction: column; gap: 30px; }
  .team-member-profile__about,
  .team-member-profile__expertise { width: 100%; flex-basis: auto; }

  .team-member-experience { padding-block: 55px; }
  .team-member-experience__icon { width: 48px; height: 48px; flex-basis: 48px; }

  .team-member-approach { padding-block: 40px; }
  .team-member-approach__list { flex-wrap: wrap; gap: 30px 0; margin-top: 30px; }
  .team-member-approach__item { width: 50%; padding-inline: 24px; }
  .team-member-approach__item:nth-child(odd) { padding-left: 0; }
  .team-member-approach__item:nth-child(even) { padding-right: 0; }
  .team-member-approach__item:nth-child(3) { padding-top: 30px; }
  .team-member-approach__item:nth-child(3)::before { top: 0; left: 0; width: 100%; height: 1px; }
  .team-member-approach__icon { width: 48px; height: 48px; flex-basis: 48px; }

  .about-philosophy { height: auto; min-height: 0; flex-direction: column; }
  .about-philosophy__media,
  .about-philosophy__panel { width: 100%; }
  .about-philosophy__media { height: 500px; }
  .about-philosophy__image { transform: none; }
  .about-philosophy__inner { width: auto; max-width: none; margin: 0; padding: 70px var(--container-padding); }
  .about-philosophy__header h2  { width: 760px; }
  .about-philosophy__items { max-width: 760px; }

  .about-statistics__list { flex-wrap: wrap; gap: 55px 0; }
  .about-statistic { width: 50%; padding-inline: 40px; }
  .about-statistic:nth-child(odd)::before { display: none; }
  .about-statistic + .about-statistic::before { height: 180px; }

  .about-industries__eyebrow { letter-spacing: 9px; }

  .about-founder__card { height: auto; flex-direction: column; }
  .about-founder__media,
  .about-founder__panel { width: 100%; }
  .about-founder__media { height: 500px; }
  .about-founder__panel { padding: 60px var(--container-padding); }
  .about-founder__message p { max-width: 760px; }

  :root {
    --container-padding: 30px;
  }

  /* Header */
  .site-header__inner {
    height: auto;
    display: flex;
    justify-content: space-between;
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .site-header.is-scrolled .site-header__inner {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .site-header__logo {
    width: 126px;
    height: auto;
  }

  .nav-toggle {
    display: inline-flex;
  }

  .site-header__drawer {
    position: fixed;
    z-index: 30;
    top: 0;
    right: 0;
    width: min(400px, 100%);
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    padding: 110px 30px 30px;
    color: var(--color-dark);
    background: var(--color-cream);
    box-shadow: -15px 0 35px rgba(0, 0, 0, .18);
    overflow-y: auto;
    visibility: hidden;
    transform: translateX(100%);
    transition: transform 300ms ease, visibility 300ms ease;
  }

  .site-header__drawer.is-open {
    visibility: visible;
    transform: translateX(0);
  }

  .site-nav {
    width: 100%;
  }

  .site-nav__list {
    display: grid;
    gap: 0;
  }

  .site-nav__list > .menu-item-has-children {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    align-items: center;
  }

  .site-nav__submenu-toggle {
    width: 44px;
    height: 50px;
    margin-left: 0;
  }

  .site-nav__list > .menu-item-has-children > .sub-menu {
    position: static;
    grid-column: 1 / -1;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    max-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
    border: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: max-height 300ms ease, margin 300ms ease, padding 300ms ease;
  }

  .site-nav__list > .menu-item-has-children.is-submenu-open > .sub-menu {
    max-height: 430px;
    margin: 4px 0 12px;
    padding: 0;
  }

  .site-nav__list > .menu-item-has-children:hover > .site-nav__submenu-toggle .site-nav__chevron,
  .site-nav__list > .menu-item-has-children:focus-within > .site-nav__submenu-toggle .site-nav__chevron {
    transform: none;
  }

  .site-nav__list > .menu-item-has-children.is-submenu-open > .site-nav__submenu-toggle .site-nav__chevron {
    transform: rotate(180deg);
  }

  .site-nav__list .sub-menu a {
    width: 100%;
    min-width: 0;
    min-height: 38px;
    padding: 7px 10px;
    font-size: 14px;
    line-height: 20px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .site-nav__list .sub-menu li { width: 100%; min-width: 0; }

  .site-nav__list .sub-menu .current-menu-item > .site-nav__link > span::after {
    bottom: -3px;
    display: block;
    background: currentColor;
    opacity: 1;
    transform: translateX(0) scaleX(1);
  }

  .site-nav__list .sub-menu .current-menu-item > .site-nav__link:hover {
    color: var(--color-dark);
    background: transparent;
  }

  .site-nav__link {
    width: max-content;
    min-height: 50px;
    justify-content: flex-start;
    padding-inline: 0;
  }

  .site-nav__link > span::after {
    display: block;
    background: #171717;
  }

  .site-nav__chevron {
    filter: brightness(0);
    transition: transform var(--transition);
  }

  .site-header__actions {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-top: 20px;
  }

  .site-header__drawer .header-button {
    height: 45px;
    color: var(--color-white);
    border-color: var(--color-dark);
    background: var(--color-dark);
    font-size: 14px;
  }

  .site-header__drawer .header-button--contact img {
    filter: none;
  }

  .site-header__drawer .header-button--contact {
    width: 130px;
    justify-content: space-between;
    gap: 10px;
    padding: 0 10px;
  }

  .site-header__drawer .header-office-dropdown {
    width: 115px;
    flex: 0 0 115px;
  }

  .site-header__drawer .header-office-dropdown::after {
    display: none;
  }

  .site-header__drawer .header-button--office {
    width: 115px;
  }

  .site-header__drawer .header-button--office img {
    filter: none;
  }

  .site-header__drawer .header-office-dropdown__menu {
    position: static;
    width: 100%;
    max-height: 0;
    margin-top: 0;
    padding: 0;
    border: 0;
    border-radius: 10px;
    color: var(--color-cream);
    background: var(--color-dark);
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: max-height 300ms ease, margin-top 300ms ease, padding 300ms ease;
  }

  .site-header__drawer .header-office-dropdown.is-open .header-office-dropdown__menu {
    max-height: 130px;
    margin-top: 8px;
    padding: 6px;
  }

  .site-header__drawer .header-office-dropdown__menu a:hover,
  .site-header__drawer .header-office-dropdown__menu a:focus-visible {
    color: var(--color-dark);
    background: var(--color-cream);
  }

  .site-header__drawer .header-button:hover {
    color: var(--color-dark);
    border-color: var(--color-dark);
    background: transparent;
  }

  .site-header__drawer .header-office-dropdown:hover .header-button--office,
  .site-header__drawer .header-office-dropdown:focus-within .header-button--office,
  .site-header__drawer .header-office-dropdown.is-open .header-button--office {
    color: var(--color-dark);
    border-color: var(--color-dark);
    background: transparent;
  }

  .site-header__drawer .header-office-dropdown:hover .header-button--office img,
  .site-header__drawer .header-office-dropdown:focus-within .header-button--office img {
    filter: brightness(0);
    transform: none;
  }

  .site-header__drawer .header-office-dropdown.is-open .header-button--office img {
    filter: brightness(0);
    transform: rotate(180deg);
  }

  .site-header__drawer .header-button--contact:hover img {
    filter: brightness(0);
  }

  .nav-toggle {
    position: relative;
    z-index: 40;
  }

  .nav-toggle[aria-expanded="true"] {
    color: var(--color-dark);
    border-color: rgba(23, 23, 23, .35);
  }

  .nav-overlay {
    position: fixed;
    z-index: 25;
    inset: 0;
    display: block;
    background: rgba(0, 0, 0, .45);
    opacity: 0;
    visibility: hidden;
    transition: opacity 300ms ease, visibility 300ms ease;
  }

  .nav-overlay.is-open {
    opacity: 1;
    visibility: visible;
  }

  body.nav-open {
    overflow: hidden;
  }

  /* Banner */
  .banner {
    height: 740px;
  }

  .banner__content {
    bottom: 95px;
  }

  .banner__title {
    max-width: 570px;
  }

  .banner__description {
    max-width: 620px;
  }

  .banner__glow {
    left: -430px;
  }

  /* Services */
  h6 {
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 10px;
  }

  .services-section__intro h6 {
    margin-left: 10px;
  }

  .services-section__intro h2  {
  }

  .service-card {
    width: min(360px, calc(100vw - 60px));
    height: min(360px, calc(100vw - 60px));
    flex-basis: min(360px, calc(100vw - 60px));
  }

  .service-card__details h3 {
    font-size: 25px;
    line-height: 29px;
  }

  .service-card__details p {
    font-size: 16px;
  }

  /* About */
  .about-section {
    height: 620px;
  }

  .about-section__background {
    object-position: 38% center;
  }

  .about-section__content {
    width: 58%;
    margin-left: 42%;
    padding-top: 65px;
  }

  .about-section__content h2  {
  }

  .about-section__button {
    width: 205px;
    height: 54px;
    margin-top: 28px;
    padding-inline: 24px;
    font-size: 16px;
  }

  /* Expertise */
  .expertise-section {
    padding: 55px 0 0;
  }

  .expertise-section__header h2  {
  }

  .expertise-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin-top: 38px;
  }

  .expertise-card:last-child {
    grid-column: 1 / -1;
  }

  /* Team */
  .team-section { margin-top: 0; padding-top: 55px; }

  .team-section__intro {
    grid-template-columns: 1fr 1fr;
    gap: 40px;
  }

  .team-section__header h2  {
  }

  .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .team-card:last-child {
    width: calc(50% - 10px);
    grid-column: 1 / -1;
    justify-self: center;
  }

  /* Testimonials */
  .testimonial-section { width: calc(100% - 30px); }

  .testimonial-slide blockquote {
    font-size: 27px;
    line-height: 40px;
  }

  .testimonial-arrow { width: 54px; height: 54px; }
  .testimonial-arrow img { width: 54px; height: 54px; }

  /* Blogs */
  .blogs-section__header h2  {
  }

  .featured-blog-card__media { height: 270px; }

  .featured-blog-card > h3 {
    font-size: 25px;
    line-height: 29px;
  }

  .featured-blog-card__excerpt { font-size: 16px; line-height: 24px; }

  /* Contact CTA */
  .contact-cta__graphic { left: -260px; }

  .contact-cta__content {
    width: 60%;
    padding-top: 72px;
  }

  .contact-cta__content h2  {
  }

  /* Footer */
  .site-footer {
    padding-top: 50px;
  }

  .site-footer__top {
    grid-template-columns: 1fr 1fr;
    gap: 40px 34px;
    padding-bottom: 40px;
  }

  .site-footer__brand {
    grid-column: 1 / -1;
  }

  .site-footer__socials {
    margin-top: 20px;
  }
}

/* ============================== 767px =============================== */
@media (max-width: 767px) {
  h2 { font-size: 30px !important; line-height: 34px !important; }
  h6 { letter-spacing: 4px !important; }

  .service-detail-banner { height: auto; min-height: 470px; }
  .service-detail-banner__image { object-position: 68% center; }
  .service-detail-banner__inner { min-height: inherit; }
  .service-detail-banner__content { min-height: inherit; display: flex; flex-direction: column; justify-content: flex-end; padding: 110px 0 35px; }
  .service-detail-banner__copy { gap: 20px; }
  .service-detail-banner__copy h6 { font-size: 14px; line-height: 22px; letter-spacing: 6px !important; overflow-wrap: anywhere; }
  .service-detail-banner__intro { gap: 15px; }
  .service-detail-banner__intro h1 { padding: 12px 0; letter-spacing: -.44px; overflow-wrap: anywhere; }
  .service-detail-banner__intro h1 br { display: none; }
  .service-detail-banner__intro p { width: 100%; font-size: 14px; line-height: 20px; }
  .service-detail-banner__actions { width: 100%; gap: 10px; margin-top: 25px; }
  .service-detail-banner__button { width: 100%; min-width: 0; min-height: 50px; padding-inline: 18px; font-size: 14px; }
  .service-detail-overview { padding: 40px 0; }
  .service-detail-overview__inner { gap: 30px; }
  .service-detail-overview__content h6 { font-size: 14px; line-height: 22px; letter-spacing: 6px !important; }
  .service-detail-overview__content h2 { margin-top: 15px; line-height: 34px !important; }
  .service-detail-overview__content > p { margin-top: 20px; font-size: 14px; line-height: 20px; }
  .service-detail-overview__card { gap: 24px; padding: 25px 20px; }
  .service-detail-overview__card-icon { width: 48px; height: 48px; flex-basis: 48px; }
  .service-detail-overview__card-copy { gap: 15px; }
  .service-detail-overview__card-copy h3 { font-size: 22px; line-height: 30px; }
  .service-detail-overview__card-copy p { font-size: 14px; line-height: 20px; }
  .service-detail-overview__card > a { font-size: 16px; line-height: 24px; }
  .service-detail-includes { padding: 35px 0 40px; }
  .service-detail-includes__inner > h6 { font-size: 14px; line-height: 22px; letter-spacing: 6px !important; }
  .service-detail-includes__layout { gap: 30px; margin-top: 30px; }
  .service-detail-includes__list { grid-template-columns: minmax(0, 1fr); row-gap: 25px; }
  .service-detail-include-item { min-height: auto; gap: 12px; padding-bottom: 25px; }
  .service-detail-include-item__icon { width: 50px; height: 50px; flex-basis: 50px; }
  .service-detail-include-item__icon img { width: 30px; height: 30px; }
  .service-detail-include-item__content { gap: 8px; padding-top: 0; }
  .service-detail-include-item__content h4 { font-size: 18px; line-height: 24px; }
  .service-detail-include-item__content p { font-size: 13px; line-height: 19px; }
  .service-detail-include-item__arrow { width: 18px; height: 18px; flex-basis: 18px; margin-top: 16px; }
  .service-detail-includes__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 15px; }
  .service-detail-include-metric { min-height: 140px; gap: 10px; padding: 15px; }
  .service-detail-include-metric:nth-child(odd) { border-left: 0; }
  .service-detail-include-metric:nth-child(n+3) { border-top: 1px solid rgba(14, 59, 53, .25); }
  .service-detail-include-metric h3 { font-size: 26px; line-height: 32px; }
  .service-detail-include-metric p { font-size: 13px; line-height: 19px; }
  .service-detail-industries { padding: 40px 0; }
  .service-detail-industries__background { object-position: 68% center; }
  .service-detail-industries__overlay { background: linear-gradient(90deg, #0e3b35 35%, rgba(14, 59, 53, .2) 100%); }
  .service-detail-industries__header { gap: 15px; }
  .service-detail-industries__header h6 { font-size: 14px; line-height: 22px; letter-spacing: 6px !important; overflow-wrap: anywhere; }
  .service-detail-industries__header h2 { line-height: 34px !important; }
  .service-detail-industries__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 35px 18px; margin-top: 35px; }
  .service-detail-industry { gap: 14px; }
  .service-detail-industry__icon { width: 40px; height: 40px; flex-basis: 40px; }
  .service-detail-industry h3 { font-size: 17px; line-height: 24px; overflow-wrap: anywhere; }
  .service-detail-approach { padding: 40px 0 0; }
  .service-detail-approach__inner { padding-bottom: 30px; }
  .service-detail-approach__layout { gap: 30px; }
  .service-detail-approach__header { gap: 15px; }
  .service-detail-approach__header h6 { font-size: 14px; line-height: 22px; letter-spacing: 6px !important; overflow-wrap: anywhere; }
  .service-detail-approach__header h2 { line-height: 34px !important; }
  .service-detail-approach__description { margin-top: 20px; font-size: 14px; line-height: 20px; }
  .service-detail-approach__steps { grid-template-columns: minmax(0, 1fr); gap: 25px; margin-top: 30px; }
  .service-detail-approach-step { gap: 15px; }
  .service-detail-approach-step__number { width: 50px; height: 50px; flex-basis: 50px; background-size: 50px 50px; font-size: 18px; }
  .service-detail-approach-step__content { gap: 8px; }
  .service-detail-approach-step__content h4 { font-size: 18px; line-height: 24px; }
  .service-detail-approach-step__content p { font-size: 13px; line-height: 19px; }
  .service-detail-approach__media { aspect-ratio: 460 / 300; border-radius: 12px; }
  .service-detail-insights { padding: 30px 0; }
  .service-detail-insights__layout { gap: 30px; }
  .service-detail-insights__header { gap: 15px; }
  .service-detail-insights__header h6 { font-size: 14px; line-height: 22px; letter-spacing: 6px !important; overflow-wrap: anywhere; }
  .service-detail-insights__header h2 { line-height: 34px !important; }
  .service-detail-insights__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 30px; }
  .service-insight-card { min-height: auto; }
  .service-insight-card__media { height: 190px; }
  .service-insight-card__body { min-height: auto; padding: 18px; }
  .service-insight-card h3 { font-size: 18px; line-height: 26px; }
  .service-detail-insights__panel { padding: 25px 20px; }
  .service-detail-insights__panel h3 { font-size: 22px; line-height: 30px; }
  .service-detail-insights__panel-copy { margin-top: 15px; font-size: 14px; line-height: 20px; }
  .service-detail-insights__button { min-height: 50px; margin-top: 24px; font-size: 16px; }
  .service-detail-insights__contact-label { margin-top: 24px; font-size: 16px; }
  .service-detail-insights__contacts { gap: 15px; margin-top: 18px; }
  .service-detail-insights__contacts a { min-width: 0; font-size: 14px; line-height: 22px; white-space: normal; overflow-wrap: anywhere; }

  .service-master-hero__supporting-heading { font-size: 22px !important; line-height: 29px !important; }
  .service-master-hero .service-detail-banner__intro p { margin: 0; padding: 25px 0; }
  .service-master-hero .service-detail-banner__actions { margin-top: 0; }
  .service-master-hero--with-supporting .service-detail-banner__actions { margin-top: 20px; }
  .service-master-overview, .service-master-help, .service-master-work, .service-master-related { padding: 40px 0; }
  .service-master-overview__copy h2, .service-master-section-header h2 { margin-top: 12px; }
  .service-master-overview__content { margin-top: 20px; font-size: 14px; line-height: 21px; }
  .service-master-overview__content p + p { margin-top: 14px; }
  .service-master-scenarios { padding: 24px 20px; }
  .service-master-scenarios h3 { font-size: 22px; line-height: 30px; }
  .service-master-scenarios ul { gap: 13px; margin-top: 18px; }
  .service-master-scenarios li { font-size: 14px; line-height: 21px; }
  .service-master-help__grid, .service-master-related__grid { flex-direction: column; gap: 15px; margin-top: 30px; }
  .service-master-help-card, .service-master-related-card { width: 100%; min-height: auto; padding: 24px 20px; }
  .service-master-related-card { flex-basis: 100%; }
  .service-master-help-card { gap: 18px; }
  .service-master-help-card h3, .service-master-related-card h3 { font-size: 20px; line-height: 28px; }
  .service-master-help-card p, .service-master-related-card p { font-size: 14px; line-height: 21px; }
  .service-master-work__steps { flex-direction: column; flex-wrap: nowrap; gap: 25px; margin-top: 30px; }
  .service-master-work__steps li { width: 100%; gap: 15px; }
  .service-master-work__steps li > span { width: 50px; height: 50px; flex-basis: 50px; font-size: 18px; }
  .service-master-work__steps li > div { gap: 6px; }
  .service-master-work__steps h3 { font-size: 20px; line-height: 28px; }
  .service-master-work__steps p { font-size: 14px; line-height: 21px; }
  .service-master-related-card p { margin-top: 12px; }
  .service-master-related-card a { margin-top: 22px; }
  .service-master-cta { padding: 40px 0; }
  .service-master-cta__inner { flex-direction: column; align-items: flex-start; gap: 25px; }
  .service-master-cta p { font-size: 14px; line-height: 21px; }
  .service-master-cta a { width: 100%; min-width: 0; min-height: 50px; font-size: 16px; }
  .service-master-note { padding: 18px 0; }
  .service-master-note p { padding: 10px 0 10px 16px; font-size: 14px; line-height: 21px; }

  .service-listing-banner { height: auto; min-height: auto; }
  .service-listing-banner__image { object-position: 66% center; }
  .service-listing-banner__inner { min-height: auto; }
  .service-listing-banner__content { min-height: auto; justify-content: flex-end; gap: 25px; padding: 100px 0 35px; }
  .service-listing-banner__intro h6 { font-size: 14px; line-height: 22px; letter-spacing: 6px !important; }
  .service-listing-banner__intro h1 { margin-top: 10px; }
  .service-listing-banner__intro > p { margin-top: 10px; font-size: 14px; line-height: 20px; }
  .service-listing-banner__highlights { width: 100%; max-width: calc(100vw - (2 * var(--container-padding))); flex-direction: column; flex-wrap: nowrap; gap: 25px; }
  .service-listing-banner__highlight,
  .service-listing-banner__highlight:nth-child(1),
  .service-listing-banner__highlight:nth-child(2),
  .service-listing-banner__highlight:nth-child(3),
  .service-listing-banner__highlight:nth-child(4),
  .service-listing-banner__highlight + .service-listing-banner__highlight { width: 100%; flex: 0 1 100%; padding: 0; }
  .service-listing-banner__highlight + .service-listing-banner__highlight::before { display: none; }
  .service-listing-banner__highlight > div { width: auto; max-width: none; flex: 1 1 0; }
  .service-listing-banner__highlight h5, .service-listing-banner__highlight p { width: 100%; white-space: normal; }
  .service-listing-banner__highlight h5 { font-size: 16px; font-weight: 400; line-height: 20px; }
  .service-listing-banner__icon { width: 35px; height: 35px; flex-basis: 35px; }
  .service-listing-banner__icon img { width: 20px; height: 20px; }
  .service-listing-banner__highlight:nth-child(3) .service-listing-banner__icon img { width: 35px; height: 35px; }
  .service-listing-banner__highlight p { font-size: 13px; line-height: 18px; }

  .inner-banner { height: 450px; }
  .inner-banner__image { object-position: 65% center; }
  .inner-banner__content { display: flex; height: 100%; flex-direction: column; justify-content: flex-end; padding: 0 0 64px; }
  .inner-banner__eyebrow { font-size: 14px; line-height: 22px; letter-spacing: 8px; }
  .inner-banner__heading { margin-top: 24px; letter-spacing: -.44px; }
  .inner-banner__description { font-size: 16px; line-height: 24px; }
  .single-post .inner-banner__content { padding: 0 0 48px; }
  .single-post .inner-banner__heading { margin-top: 24px; }
  .single-post .inner-banner__description { width: 100%; padding-top: 20px; }
  .inner-banner__meta { flex-wrap: wrap; gap: 10px 12px; margin-top: 24px; font-size: 13px; }
  .inner-banner__meta li { gap: 12px; }
  .inner-banner__meta li:not(:last-child)::after { width: 8px; height: 8px; }

  .contact-banner { height: 450px; min-height: 0; }
  .contact-banner__image { object-position: 70% center; }
  .contact-banner__inner { min-height: 0; height: 100%; justify-content: flex-end; padding-top: 0; padding-bottom: 35px; }
  .contact-banner__content h1 { margin-top: 20px; }
  .contact-banner__description { margin-top: 25px; font-size: 14px; line-height: 20px; }
  .contact-banner__highlights { width: 100%; align-items: flex-start; gap: 0; margin-top: 25px; }
  .contact-banner__highlight { width: 50%; display: flex; gap: 8px; padding-right: 10px; }
  .contact-banner__highlight + .contact-banner__highlight { margin: 0; padding: 0 0 0 10px; }
  .contact-banner__highlight + .contact-banner__highlight::before { top: 0; left: 0; width: 1px; height: 100%; }
  .contact-banner__highlight > img { width: 25px; height: 25px; flex-basis: 25px; }
  .contact-banner__highlight > div { gap: 4px; }
  .contact-banner__highlight h4 { font-size: 15px; line-height: 19px; white-space: normal; }
  .contact-banner__highlight p { width: auto; font-size: 12px; line-height: 17px; }

  .team-member-banner { min-height: 450px; }
  .team-member-banner__image { object-position: 71% center; }
  .team-member-banner__content { min-height: inherit; display: flex; flex-direction: column; justify-content: flex-end; padding: 34px 0; }
  .team-member-banner__eyebrow { font-size: 14px; line-height: 22px; }
  .team-member-banner__identity { margin-top: 15px; }
  .team-member-banner__heading { letter-spacing: -.44px; }
  .team-member-banner__designation { margin-top: 8px; font-size: 16px; line-height: 24px; }
  .team-member-banner__contacts { gap: 10px; margin-top: 20px; }
  .team-member-banner__contacts li { font-size: 14px; line-height: 22px; }

  .team-member-overview { padding-block: 40px; }
  .team-member-overview__list { display: flex; flex-direction: column; gap: 0; }
  .team-member-overview__item { width: 100%; flex-basis: auto; padding: 20px 0; }
  .team-member-overview__item:first-child { padding-top: 0; }
  .team-member-overview__item:last-child { padding-bottom: 0; }
  .team-member-overview__item + .team-member-overview__item::before { top: 0; left: 0; width: 100%; height: 1px; display: block; background: rgba(255, 255, 255, .4); }
  .team-member-overview__icon { width: 50px; height: 50px; }
  .team-member-overview__content { margin-top: 20px; }
  .team-member-overview__value,
  .team-member-overview__title,
  .team-member-overview__item--metric .team-member-overview__title {
    margin: 0;
    color: #fdfdfd;
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -.3px;
    text-transform: capitalize;
  }
  .team-member-overview__description { margin-top: 14px; font-size: 15px; line-height: 24px; }

  .team-member-profile { padding: 40px 0 0; }
  .team-member-profile__inner { gap: 30px; }
  .team-member-profile__biography { margin-top: 15px; font-size: 16px; line-height: 24px; }
  .team-member-profile__biography p + p { margin-top: 10px; }
  .team-member-profile__button { max-width: 100%; margin-top: 24px; }
  .team-member-expertise__grid { margin-top: 24px; }
  .team-member-expertise__item { width: 50%; min-height: 150px; }
  .team-member-expertise__item:not(:nth-child(3n + 1)) { border-left: 0; }
  .team-member-expertise__item:nth-child(even) { border-left: 1px solid #0e3b35; }
  .team-member-expertise__item:nth-child(n + 3) { border-top: 1px solid #0e3b35; }

  .team-member-experience { padding: 40px 0; }
  .team-member-experience__list { display: flex; flex-direction: column; gap: 0; margin-top: 30px; }
  .team-member-experience__item,
  .team-member-experience__item:nth-child(1),
  .team-member-experience__item:nth-child(2),
  .team-member-experience__item:nth-child(3),
  .team-member-experience__item:nth-child(4),
  .team-member-experience__item:nth-child(odd),
  .team-member-experience__item:nth-child(even) { width: 100%; flex: 0 0 100%; padding: 24px 0; border-top: 1px solid rgba(174, 141, 90, .2); }
  .team-member-experience__item:first-child { padding-top: 0; border-top: 0; }
  .team-member-experience__item:last-child { padding-bottom: 0; }
  .team-member-experience__item + .team-member-experience__item::before { display: none; }
  .team-member-experience__icon { width: 40px; height: 40px; flex-basis: 40px; }
  .team-member-experience__content { gap: 5px; }
  .team-member-experience__details { gap: 5px; }
  .team-member-experience__details h4 { white-space: normal; }
  .team-member-experience__details p { max-width: none; font-size: 15px; line-height: 24px; }

  .team-member-approach { padding-block: 40px; }
  .team-member-approach__list { display: flex; flex-direction: column; gap: 0; margin-top: 30px; }
  .team-member-approach__item,
  .team-member-approach__item:nth-child(odd),
  .team-member-approach__item:nth-child(even) { width: 100%; padding: 20px 0; }
  .team-member-approach__item:first-child { padding-top: 0; }
  .team-member-approach__item:last-child { padding-bottom: 0; }
  .team-member-approach__item + .team-member-approach__item::before,
  .team-member-approach__item:nth-child(3)::before { top: 0; left: 0; width: 100%; height: 1px; background: rgba(14, 59, 53, .4); }
  .team-member-approach__icon { width: 40px; height: 40px; flex-basis: 40px; }
  .team-member-approach__content { gap: 6px; }
  .team-member-approach__content p { max-width: none; font-size: 15px; line-height: 24px; }

  .about-story { padding-block: 60px; }
  .about-story__timeline { gap: 25px; margin-top: 40px; }
  .about-story__item { width: 100%; }
  .about-story__item:not(:last-child)::before { display: none; }
  .about-story__marker { width: 50px; height: 50px; }
  .about-story__icon { width: 50px; height: 50px; object-fit: contain; }
  .about-story__content { margin-top: 15px; }
  .about-story__milestone { font-size: 24px; line-height: 32px; }
  .about-story__title { min-height: 0; margin-top: 10px; font-size: 21px; line-height: 30px; }
  .about-story__description { margin-top: 10px; }

  .about-philosophy__media { height: 420px; }
  .about-philosophy__inner { padding-top: 30px; padding-bottom: 20px; }
  .about-philosophy__header h6 { font-size: 14px; line-height: 22px; letter-spacing: 8px; }
  .about-philosophy__header h2  { margin-top: 24px; }
  .about-philosophy__header h3 { margin-top: 22px; font-size: 26px; line-height: 32px; }
  .about-philosophy__header p { margin-top: 24px; font-size: 16px; line-height: 24px; }
  .about-philosophy__items { flex-direction: column; gap: 0; margin-top: 38px; }
  .about-philosophy__item { width: 100%; flex-basis: auto; padding-bottom: 28px; }
  .about-philosophy__item:last-child { width: 100%; flex-basis: auto; }
  .about-philosophy__item + .about-philosophy__item { padding-top: 28px; padding-left: 0; }
  .about-philosophy__item + .about-philosophy__item::before { top: 0; right: 0; bottom: auto; left: 0; width: auto; height: 1px; }
  .about-philosophy__item h4 { margin-top: 18px; line-height: 26px; }
  .about-philosophy__item p { margin-top: 10px; }

  .about-statistics { padding-block: 45px; }
  .about-statistics__list { flex-direction: column; flex-wrap: nowrap; gap: 0; }
  .about-statistic { width: 100%; padding: 30px 0; }
  .about-statistic:first-child { padding-top: 0; }
  .about-statistic:last-child { padding-bottom: 0; }
  .about-statistic + .about-statistic::before,
  .about-statistic:nth-child(odd)::before { top: 0; left: 50%; width: 120px; height: 1px; display: block; transform: translateX(-50%); }
  .about-statistic__icon { width: 56px; height: 56px; }
  .about-statistic__title { margin-top: 18px; font-size: 24px; line-height: 28px; }
  .about-statistic__subtitle { font-size: 22px; line-height: 26px; }
  .about-statistic__description { margin-top: 12px; }

  .about-industries { padding-block: 55px; }
  .about-industries__eyebrow { line-height: 22px; letter-spacing: 8px; }
  .about-industries__list { gap: 45px 0; margin-top: 40px; }
  .about-industry { width: 50%; flex-basis: 50%; }
  .about-industry:nth-child(4n + 1)::before { display: block; }
  .about-industry:nth-child(odd)::before { display: none; }
  .about-industry__icon { width: 50px; height: 50px; }
  .about-industry__title { min-height: 0; margin-top: 12px; line-height: 25px; overflow-wrap: anywhere; white-space: normal; }

  .about-founder { padding: 0 0 55px; }
  .about-founder__media { height: 360px; }
  .about-founder__panel { padding: 35px 24px; }
  .about-founder__eyebrow { font-size: 14px; line-height: 22px; }
  .about-founder__message { margin-top: 30px; }
  .about-founder__quote-icon { width: 42px; height: 36px; }
  .about-founder__message p { margin-top: 20px; font-size: 16px; line-height: 24px; }
  .about-founder__identity { margin-top: 30px; }
  .about-founder__signature { width: 250px; height: 28px; }
  .about-founder__name { margin-top: 12px; font-size: 21px; line-height: 30px; }
  .about-founder__role { font-size: 16px; line-height: 24px; }

  .about-values { padding: 0 0 55px; }
  .about-values__eyebrow { font-size: 14px; line-height: 22px; }
  .about-values__list { gap: 10px; margin-top: 30px; }
  .about-value { width: calc(50% - 5px); height: 100px; flex-basis: calc(50% - 5px); flex-direction: column; gap: 8px; }
  .about-value__icon { width: 30px; height: 30px; flex-basis: 30px; }
  .about-value__title { font-size: 14px; line-height: 18px; white-space: normal; }

  .team-values { padding-block: 50px; }
  .team-values__list { grid-template-columns: 1fr; gap: 32px; }
  .team-value { gap: 20px; }
  .team-value:nth-child(even) { padding-left: 0; border-left: 0; }
  .team-value + .team-value { padding-top: 32px; border-top: 1px solid rgba(14, 59, 53, .4); }
  .team-value__icon { width: 40px; height: 40px; flex-basis: 40px; }
  .team-value__content h3 { font-size: 21px; line-height: 25px; }
  .team-value__content p { margin-top: 10px; font-size: 16px; line-height: 24px; }

  .team-listing { padding-bottom: 70px; }
  .team-listing__heading h2  { margin-top: 16px; }
  .team-listing__filters { width: 100%; flex-wrap: nowrap; gap: 10px; overflow-x: auto; padding-bottom: 8px; scrollbar-width: thin; }
  .team-filter { height: 46px; flex: 0 0 auto; padding-inline: 20px; font-size: 16px; }
  .team-listing__results { margin-top: 32px; }
  .team-listing__grid { grid-template-columns: 1fr; gap: 24px; }
  .team-listing-card { width: 100%; max-width: none; min-height: 0; height: auto; margin-inline: 0; }
  .team-listing-card__media { height: 240px; max-height: 240px; flex-basis: 240px; }
  .team-listing-card__header h3 { font-size: 27px; line-height: 32px; }
  .team-listing-card__body { padding: 22px 24px 24px; }
  .team-listing-card__rule { margin-top: 18px; }
  .team-listing-card__details { gap: 12px; margin-top: 18px; }
  .team-listing-card__details li { font-size: 15px; line-height: 22px; }
  .team-listing-card__profile { margin-top: 10px; font-size: 16px; line-height: 24px; }

  :root {
    --container-padding: 20px;
  }

  /* Header */
  .site-header__inner {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .site-header.is-scrolled .site-header__inner {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .site-header__logo {
    width: 112px;
  }

  .site-header__logo img {
    width: 85px;
    height: 100%;
    max-width: 100%;
  }

  .site-header__drawer {
    width: min(320px, 100%);
    padding: 90px 20px 24px;
  }

  .nav-toggle {
    width: 35px;
    height: 35px;
    border-radius: 5px;
  }

  .header-preview {
    min-height: 620px;
  }

  /* Banner */
  .banner {
    height: auto;
    min-height: 520px;
  }

  .banner__content {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    padding-top: 185px;
    padding-bottom: 50px;
  }

  .banner__title {
    max-width: 460px;
    letter-spacing: -.48px;
  }

  .banner__description {
    max-width: 540px;
    margin-top: 0;
    padding-top: 10px;
  }

  .banner__button {
    width: 205px;
    height: 50px;
    margin-top: 22px;
    padding-inline: 24px;
    font-size: 16px;
  }

  .banner__pagination {
    bottom: 28px;
  }

  /* Services */
  h6 {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 6px;
  }

  .services-section {
    padding-block: 45px;
  }

  .services-section__intro h6 {
    margin-left: 6px;
  }

  .services-section__intro h2  {
    margin-top: 14px;
  }

  .services-section__intro p {
    margin-top: 16px;
    font-size: 16px;
    line-height: 24px;
  }

  .services-section__viewport {
    margin-top: 30px;
  }

  .services-list {
    gap: 16px;
  }

  .service-card {
    width: calc(100vw - 100px);
    height: min(360px, 100vw);
    flex-basis: calc(100vw - 100px);
    scroll-snap-align: center;
  }

  .service-card__content {
    padding: 28px;
  }

  .service-card__details p {
    font-size: 15px;
    line-height: 23px;
  }

  .service-card__details h3 {
    font-size: 22px;
    line-height: 26px;
  }

  .service-card .service-card__overlay {
    background: linear-gradient(180deg, rgba(14, 59, 53, .1) 0%, #0e3b35 100%);
  }

  .service-card .service-card__details p {
    max-height: 120px;
    margin-top: 10px;
    opacity: 1;
  }

  .service-card .service-card__link {
    height: 24px;
    margin-top: 20px;
    overflow: visible;
    opacity: 1;
    visibility: visible;
  }

  /* About */
  .about-section {
    height: auto;
    min-height: 750px;
  }

  .about-section__background {
    top: 0;
    left: 0;
    width: 100%;
    height: 330px;
    object-fit: cover;
    object-position: 30% center;
  }

  .about-section__glow {
    display: none;
  }

  .about-section__inner {
    height: auto;
  }

  .about-section__content {
    width: 100%;
    margin-left: 0;
    padding: 360px 0 60px;
  }

  .about-section__content h2  {
    margin-top: 12px;
  }

  .about-section__copy {
    margin-top: 14px;
    font-size: 15px;
    line-height: 23px;
  }

  .about-section__copy p + p {
    margin-top: 18px;
  }

  .about-section__button {
    height: 50px;
    margin: 28px 0 0;
  }

  /* Expertise */
  .expertise-section {
    padding: 45px 0 0;
  }

  .expertise-section__header h6 {
    margin-left: 6px;
  }

  .expertise-section__header h2  {
    margin-top: 12px;
  }

  .expertise-grid {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .expertise-card,
  .expertise-card:last-child {
    grid-column: auto;
  }

  .expertise-card {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 310px;
    padding: 30px 24px;
    color: var(--color-white);
    border-color: #0e3b35;
    background: #0e3b35;
    box-shadow: 0 4px 50px rgba(0, 0, 0, .1);
  }

  .expertise-card h3 {
    color: var(--color-white);
    font-size: 22px;
    line-height: 26px;
  }

  .expertise-card .expertise-card__symbol {
    filter: brightness(0) invert(1);
    opacity: .82;
  }

  .expertise-card:nth-child(2) .expertise-card__symbol {
    filter: none;
    opacity: 1;
  }

  .expertise-card .expertise-card__link img {
    filter: brightness(0) invert(1);
  }

  .expertise-card__categories,
  .expertise-card__description {
    font-size: 15px;
    line-height: 23px;
  }

  /* Team */
  .team-section {
    margin-top: 0;
    padding: 45px 0 65px;
  }

  .team-section__intro {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .team-section__header h2  {
    margin-top: 12px;
  }

  .team-section__summary { padding-top: 0; }

  .team-section__summary p {
    font-size: 15px;
    line-height: 23px;
  }

  .team-section__button {
    width: 220px;
    height: 50px;
    margin-top: 20px;
    padding-inline: 24px;
    font-size: 16px;
  }

  .team-grid {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .team-card,
  .team-card:last-child {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 550px;
    grid-column: auto;
    justify-self: center;
  }

  .team-card .team-card__socials {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }

  .team-card__portrait--mutaz { width: 553px; height: 554px; }
  .team-card__portrait--adil { width: 588px; height: 588px; }
  .team-card__portrait--abutalib { width: 524px; height: 538px; }

  .team-card__content h3 {
    font-size: 22px;
    line-height: 26px;
  }

  .team-card__content p { font-size: 15px; line-height: 23px; }

  /* Testimonials */
  .testimonial-section {
    --testimonial-curve-width: 156.96px;
    --testimonial-curve-height: 151.2px;
    --testimonial-curve-top: -7.56px;
    width: calc(100% - 20px);
    height: auto;
    border-radius: 30px 30px 0 0;
  }

  .testimonial-badge {
    top: -30px;
    transform: translateX(-50%) scale(.72);
    transform-origin: top center;
  }

  .testimonial-slide blockquote {
    width: calc(100% - 40px);
    font-size: 26px;
    line-height: 38px;
  }

  .testimonial-slider, .testimonial-slides { height: auto; }
  .testimonial-slider:has(.testimonial-arrow) { padding-bottom: 60px; }
  .testimonial-slides { display: grid; }
  .testimonial-slide { position: relative; inset: auto; grid-area: 1 / 1; min-width: 0; padding: 155px 0 24px; }
  .testimonial-slide figcaption { width: calc(100% - 40px); margin: 24px auto 0; }

  .testimonial-slide__designation { font-size: 16px; line-height: 22px; }
  .testimonial-slide__details { font-size: 15px; line-height: 23px; }
  .testimonial-slide__points { flex-wrap: wrap; gap: 4px 12px; margin-top: 10px; white-space: normal; }
  .testimonial-slide__points strong { font-size: 14px; line-height: 21px; }
  .testimonial-slide__points strong + strong::before { margin-right: 12px; }

  .testimonial-arrow { top: auto; bottom: 5px; width: 46px; height: 46px; }
  .testimonial-arrow img { width: 46px; height: 46px; }
  .testimonial-arrow img { content: url("../images/testimonial-arrow-next.svg"); }
  .testimonial-arrow:hover { transform: none; }
  .testimonial-arrow--prev { left: calc(50% - 58px); }
  .testimonial-arrow--next { right: calc(50% - 58px); }
  .testimonial-arrow--prev img { transform: rotate(180deg); }

  /* Blogs */
  .blogs-section { padding: 65px 0 60px; }

  .blogs-section__header {
    display: grid;
    gap: 24px;
  }

  .blogs-section__header h2  {
    margin-top: 12px;
  }

  .blogs-section__button {
    width: 220px;
    height: 50px;
    margin: 0;
    padding-inline: 24px;
    font-size: 16px;
  }

  .blogs-layout {
    grid-template-columns: 1fr;
    gap: 45px;
    margin-top: 30px;
  }

  .featured-blog-card__media { height: min(300px, 64vw); }

  .featured-blog-card > h3 {
    width: 100%;
    font-size: 22px;
    line-height: 26px;
  }

  .featured-blog-card__tags li { min-height: 36px; padding: 8px 12px; }

  .featured-blog-card__excerpt { font-size: 15px; line-height: 23px; }

  .blog-list {
    grid-column: auto;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .blog-list__item { min-height: auto; }

  .blog-list__item a { grid-template-columns: 120px minmax(0, 1fr); gap: 16px; }
  .blog-list__item img { width: 120px; height: 104px; }
  .blog-list__item h3 { font-size: 18px; line-height: 23px; }

  .services-section__intro h2,
  .about-section__content h2,
  .expertise-section__header h2,
  .team-section__header h2,
  .blogs-section__header h2,
  .contact-cta__content h2  {
  }

  /* Contact CTA */
  .contact-cta {
    height: auto;
    min-height: 0;
  }

  .contact-cta__inner {
    display: flex;
    align-items: center;
  }

  .contact-cta__graphic {
    left: -220px;
    width: 1100px;
    height: 100%;
    opacity: .3;
  }

  .contact-cta__content {
    width: min(100%, 560px);
    margin: 0;
    padding-block: 40px;
  }

  .contact-cta__content p {
    margin-top: 14px;
    font-size: 15px;
    line-height: 23px;
  }

  .contact-cta__button {
    width: 210px;
    height: 50px;
    margin-top: 24px;
    padding-inline: 26px;
    font-size: 16px;
  }

  .services-section__button {
    width: 240px;
    height: 50px;
    margin-top: 30px;
    padding-inline: 24px;
    font-size: 16px;
  }

  /* Conversation CTA */
  .conversation-cta { height: auto; min-height: 240px; display: flex; align-items: center; padding-block: 30px; }
  .conversation-cta__inner { align-items: flex-start; flex-direction: column; justify-content: center; gap: 20px; }
  .conversation-cta__content h2  { }
  .conversation-cta__content p { font-size: 16px; line-height: 24px; }
  .conversation-cta__button { width: 210px; height: 52px; flex-basis: 52px; font-size: 16px; }
  .service-professional-note { padding: 18px 0; }
  .service-professional-note__inner { padding-block: 10px; }
  .service-professional-note__inner p { padding-left: 16px; font-size: 14px; line-height: 21px; }

  /* Footer */
  .site-footer {
    padding-top: 40px;
  }

  .site-footer__top {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .site-footer__brand {
    grid-column: auto;
  }

  .site-footer__logo {
    width: 112px;
    height: auto;
  }

  .social-link {
    width: 42px;
    height: 42px;
  }

  .site-footer__heading {
    margin-bottom: 20px;
    font-size: 27px;
  }

  .footer-links__columns {
    grid-template-columns: repeat(2, max-content);
    gap: 20px;
  }

  .footer-links__column {
    row-gap: 20px;
  }

  .work-time__description {
    white-space: normal;
  }

  .site-footer__bottom {
    height: 53px;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .site-footer__copyright {
    font-size: 15px;
  }
}

/* ============================== 480px =============================== */
@media (max-width: 480px) {
  .team-member-expertise__item { width: 100%; min-height: 0; }
  .team-member-expertise__item:nth-child(even) { border-left: 0; }
  .team-member-expertise__item + .team-member-expertise__item { border-top: 1px solid #0e3b35; }

  .about-philosophy__media { height: 340px; }

  .about-industries__list { flex-direction: column; flex-wrap: nowrap; gap: 0; }
  .about-industry { width: 100%; flex-basis: 100%; padding-block: 16px; }
  .about-industry:first-child { padding-top: 0; }
  .about-industry:last-child { padding-bottom: 0; }
  .about-industry + .about-industry::before,
  .about-industry:nth-child(odd)::before { top: 0; left: 50%; width: 120px; height: 1px; display: block; transform: translateX(-50%); }

  .about-founder__media { height: 300px; }
  .about-founder__panel { padding: 30px 20px; }

  h2 { font-size: 26px !important; line-height: 30px !important; }

  .inner-banner__image { object-position: 69% center; }
  .inner-banner__content { padding-bottom: 48px; }
  .inner-banner__eyebrow { letter-spacing: 6px; }
  .team-member-banner__contacts li { font-size: 13px; }

  .team-listing__heading h2  { }
  .team-listing-card { height: auto; }
  .team-listing-card__media { height: 240px; max-height: 240px; flex-basis: 240px; }


  /* Header */
  .site-header__logo {
    width: 102px;
  }

  /* Banner */
  .banner {
    height: auto;
    min-height: 520px;
  }

  .banner__content {
    bottom: auto;
  }

  .banner__description {
    font-size: 15px;
    line-height: 23px;
  }

  .banner__progress {
    width: 130px;
  }

  .banner__progress-fill {
    width: 44px;
  }

  /* Services */
  .services-section__intro h2  {
  }

  .services-list {
    gap: 20px;
  }

  .services-section__viewport {
    padding-inline: 20px;
  }

  .service-card {
    width: calc(100vw - 40px);
    height: min(360px, 100vw);
    flex-basis: calc(100vw - 40px);
  }

  .service-card__content {
    padding: 24px;
  }

  .service-card .service-card__details p {
    max-height: 138px;
    font-size: 15px;
    line-height: 23px;
  }

  /* About */
  .about-section {
    min-height: 720px;
  }

  .about-section__background {
    height: 280px;
    object-position: 28% center;
  }

  .about-section__content {
    padding-top: 310px;
  }

  .about-section__content h2  {
  }

  /* Expertise */
  .expertise-section__header h2  {
  }

  .expertise-card {
    min-height: 300px;
    height: auto;
  }

  /* Team */
  .team-section__header h2  {
  }

  .team-card,
  .team-card:last-child {
    height: min(550px, calc((100vw - 40px) * 1.195652));
  }

  .team-card__content { right: 24px; bottom: 28px; left: 24px; }

  .team-card__socials { top: 14px; right: 14px; gap: 5px; }
  .team-card__socials a { width: 42px; height: 42px; }

  /* Testimonials */
  .testimonial-section {
    --testimonial-curve-width: 130.8px;
    --testimonial-curve-height: 126px;
    --testimonial-curve-top: -6.3px;
  }

  .testimonial-badge {
    top: -24px;
    transform: translateX(-50%) scale(.6);
  }

  .testimonial-slide blockquote {
    font-size: 20px;
    line-height: 28px;
  }

  .testimonial-slide { padding-top: 145px; }

  /* Blogs */
  .blogs-section__header h2  {
  }

  .featured-blog-card__media span {
    right: 8px;
    max-width: calc(100% - 16px);
    min-height: 34px;
    padding: 7px 11px;
    white-space: normal;
  }

  .featured-blog-card__footer { align-items: center; }

  .blog-list__item a { grid-template-columns: 104px minmax(0, 1fr); }
  .blog-list__item img { width: 104px; height: 90px; }

  .services-section__intro h2,
  .about-section__content h2,
  .expertise-section__header h2,
  .team-section__header h2,
  .blogs-section__header h2,
  .contact-cta__content h2  {
  }

  /* Contact CTA */
  .contact-cta { min-height: 0; }
  .contact-cta__graphic { left: -270px; }

  /* Footer */
  .site-footer__logo {
    width: 102px;
  }

  .footer-links__columns {
    column-gap: 20px;
  }

  .site-footer__socials {
    gap: 14px;
  }

  .social-link {
    width: 38px;
    height: 38px;
  }
}

/* ========================= Blog Directory ========================= */
@media (min-width: 1025px) and (max-width: 1200px) {
  .blog-directory { padding: 70px 0; }
  .blog-directory__layout { flex-direction: column; }
  .blog-directory__primary { width: 100%; }
  .blog-directory__sidebar { width: 100%; flex-basis: auto; margin-top: 36px; }
  .blog-featured__viewport { height: 470px; }
  .blog-archive__grid { gap: 20px; }
  .blog-archive-card__body { padding: 18px; }
}

@media (max-width: 1024px) {
  .blog-article { padding-top: 70px; }
  .blog-article__layout { flex-wrap: wrap; }
  .blog-article__main { width: 100%; flex-basis: 100%; padding-right: 0; border-right: 0; }
  .blog-article__intro { width: 100%; }
  .blog-article__image-wrap { width: 100%; }
  .blog-feature-card { width: 25%; flex-basis: 25%; padding-right: 20px; }
  .blog-feature-card + .blog-feature-card { padding-left: 20px; }
  .blog-feature-card:nth-child(4n) { width: 25%; flex-basis: 25%; }
  .blog-article-quote__content > p { font-size: 21px; line-height: 31px; }
  .blog-article-nav__item { padding: 24px; }
  .blog-article-nav__image { width: 84px; flex-basis: 84px; }
  .blog-article__sidebar { width: 100%; flex-basis: 100%; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; margin: 0 0 70px; }
  .article-authors, .article-contents, .article-related, .article-newsletter { min-height: 0; height: auto; }

  .blog-directory { padding: 55px 0; }
  .blog-directory__layout { flex-direction: column; }
  .blog-directory__primary { width: 100%; }
  .blog-directory__sidebar { width: 100%; flex-basis: auto; margin-top: 36px; }
  .blog-featured__viewport { height: 450px; margin-top: 26px; }
  .blog-featured__content { height: 100%; justify-content: center; padding: 60px 40px; }
  .blog-featured__content h3 { margin-top: 35px; }
  .blog-archive { margin-top: 36px; }
  .blog-archive__filter { align-items: flex-start; flex-direction: column; gap: 14px; }
  .blog-archive__topics { width: 100%; }
  .blog-archive__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
  .blog-quote { min-height: 260px; margin-top: 55px; }
  .blog-quote__content { padding-left: 40px; gap: 30px; }
  .blog-quote blockquote { font-size: 30px; line-height: 40px; }
}

@media (max-width: 767px) {
  .blog-article { padding-top: 45px; }
  .blog-article__main { padding-bottom: 60px; }
  .blog-article__intro { font-size: 16px; line-height: 24px; }
  .blog-article__intro > :first-child::first-letter { font-size: 42px; line-height: 40px; }
  .blog-article__intro p + p { margin-top: 24px; }
  .blog-article__image-wrap { height: 260px; margin-top: 28px; }
  .blog-features { margin-top: 40px; }
  .blog-features__header > span { margin-top: 18px; }
  .blog-features__list { flex-wrap: wrap; margin-top: 36px; }
  .blog-feature-card, .blog-feature-card:nth-child(4n) { width: 50%; flex-basis: 50%; padding: 0 18px 30px 0; }
  .blog-feature-card + .blog-feature-card { padding-left: 18px; }
  .blog-feature-card:nth-child(odd) { padding-left: 0; }
  .blog-feature-card:nth-child(odd)::before { display: none; }
  .blog-feature-card__icon { width: 52px; height: 52px; }
  .blog-feature-card h3 { margin-top: 18px; font-size: 19px; line-height: 27px; }
  .blog-feature-card p { margin-top: 14px; font-size: 15px; line-height: 23px; }
  .blog-article-quote { flex-direction: column; gap: 12px; margin-top: 20px; padding: 24px 20px; }
  .blog-article-quote__icon { width: 42px; height: 36px; flex-basis: 36px; }
  .blog-article-quote__content > p { font-size: 18px; line-height: 28px; }
  .blog-article-quote footer { flex-direction: column; gap: 2px; align-items: flex-start; margin-top: 20px; }
  .blog-article-quote cite { font-size: 18px; line-height: 28px; white-space: normal; }
  .blog-article-quote footer span { font-size: 15px; line-height: 23px; }
  .blog-share { flex-wrap: wrap; gap: 14px; margin-top: 36px; }
  .blog-share h2 { width: 100%; font-size: 20px !important; line-height: 30px !important; }
  .blog-article-nav { flex-direction: column; margin-top: 50px; }
  .blog-article-nav__item { width: 100%; padding: 22px 20px; }
  .blog-article-nav__item + .blog-article-nav__item { border-top: 1px solid #d8d8d8; border-left: 0; }
  .blog-article-nav__label { font-size: 19px; line-height: 29px; }
  .blog-article-nav__post { margin-top: 20px; }
  .blog-article-nav__post strong { font-size: 16px; line-height: 24px; }
  .blog-article-nav__post time { font-size: 14px; line-height: 22px; }
  .blog-article__sidebar { display: flex; margin-bottom: 45px; }
  .article-sidebar-card, .article-newsletter { padding: 24px 20px; }
  .article-authors { height: 432px; }
  .article-author__image { width: 88px; height: 88px; flex-basis: 88px; }
  .article-author__details h3 { font-size: 19px; line-height: 27px; }
  .article-author__details > p, .article-authors__more { font-size: 16px; line-height: 24px; }
  .article-author__bio { margin-top: 20px; font-size: 15px; line-height: 23px; }
  .article-contents li { gap: 22px; font-size: 15px; }
  .article-related__image { width: 88px; flex-basis: 88px; }
  .article-related__item h3 { font-size: 17px; line-height: 25px; }

  .blog-directory { padding: 40px 0; }
  .blog-directory__layout, .blog-directory__primary, .blog-directory__sidebar, .blog-featured, .blog-featured__viewport, .blog-archive, .blog-archive__results, .blog-archive__grid, .blog-archive-card { width: calc(100vw - 40px); max-width: calc(100vw - 40px); min-width: 0; }
  .blog-directory__sidebar { gap: 16px; margin-top: 32px; }
  .blog-search { height: 58px; }
  .blog-search input { padding-inline: 16px; font-size: 16px; }
  .blog-search button { width: 72px; flex-basis: 72px; }
  .latest-publications__inner { padding: 22px 24px 24px; }
  .latest-publications__list { gap: 20px; }
  .latest-publications__item { gap: 14px; }
  .latest-publications__media { width: 100px; height: 100px; flex-basis: 100px; }
  .latest-publications__content h4 { font-size: 17px; line-height: 25px; }
  .latest-publications__meta { font-size: 15px; line-height: 23px; }
  .sidebar-card__inner { padding: 22px 24px; }
  .popular-reads__list, .practice-areas__list { height: 187px; }
  .downloadable-guides__item { gap: 12px; }
  .downloadable-guides__media { width: 104px; height: 124px; flex-basis: 104px; }
  .downloadable-guides__content h4 { font-size: 18px; line-height: 27px; }
  .downloadable-guides__button { min-height: 42px; margin-top: 16px; padding: 8px 14px; font-size: 15px; line-height: 23px; }
  .blog-featured__viewport { height: 440px; margin-top: 20px; border-radius: 15px; }
  .blog-featured__content { position: absolute; inset: 0; width: auto; max-width: none; height: 100%; justify-content: center; padding: 35px 20px; }
  .blog-featured__meta { flex-wrap: wrap; gap: 8px; font-size: 12px; }
  .blog-featured__content h3 { margin-top: 28px; }
  .blog-featured__content p { margin-top: 10px; font-size: 15px; line-height: 23px; }
  .blog-featured__content h3, .blog-featured__content p { width: calc(100% - 28px); white-space: normal; overflow-wrap: anywhere; }
  .blog-featured__button { width: 180px; height: 52px; margin-top: 20px; font-size: 16px; }
  .blog-archive__topics { gap: 10px; }
  .blog-archive__topics button { padding-inline: 16px; }
  .blog-archive__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .blog-archive-card { min-height: 390px; }
  .blog-archive-card__media { height: 190px; }
  .blog-archive-card__body { height: auto; min-height: 200px; overflow: hidden; padding: 16px; }
  .blog-archive-card h3 { width: calc(100% - 24px); }
  .blog-archive-card footer { margin-top: 24px; }
  .blog-archive-card__link { font-size: 16px; }
  .blog-archive__pagination { margin-top: 30px; }
  .blog-quote { min-height: 300px; margin-top: 40px; }
  .blog-quote__wash { background: rgba(247,245,240,.88); }
  .blog-quote__content { max-width: 100%; flex-direction: column; gap: 12px; padding: 30px 24px; }
  .blog-quote__content > img { width: 42px; height: 46px; flex-basis: 42px; }
  .blog-quote blockquote { margin-top: 0; font-size: 26px; line-height: 35px; }
  .blog-quote footer { margin-top: 20px; }
  .blog-quote footer p { margin-top: 8px; font-size: 15px; line-height: 23px; }
}

/* ====================== Services: How We Can Help ====================== */
@media (min-width: 1025px) and (max-width: 1200px) {
  .service-help { padding: 70px 0; }
  .service-help__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
  .service-investment { padding: 70px 0; }
  .service-investment__inner { gap: 40px; }
  .service-investment__content { width: calc(56% - 20px); }
  .service-investment__message { width: calc(44% - 20px); padding: 36px; }
  .service-investment__message h3 { font-size: 36px; line-height: 44px; }
  .service-why__inner { gap: 30px; }
  .service-why__intro { width: 40%; flex-basis: 40%; }
  .service-why__metrics { width: calc(60% - 30px); }
  .service-why-metric { min-height: 190px; gap: 16px; padding: 24px 18px; }
  .service-why-metric__icon { width: 52px; height: 52px; flex-basis: 52px; }
  .service-why-metric__heading h3 { font-size: 26px; line-height: 32px; }
  .service-why-metric__content > p { font-size: 14px; line-height: 21px; }
  .service-approach { padding: 70px 0; }
  .service-approach__steps { gap: 15px; }
  .service-approach__line { left: 12.5%; width: 75%; }
  .service-approach-step__dot { left: -11.5px; }
  .service-approach-step__content p { font-size: 14px; line-height: 22px; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .service-help { padding: 55px 0; }
  .service-help__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
  .service-help-card { padding: 20px 24px 17px; }
  .service-investment { padding: 55px 0; }
  .service-investment__inner { flex-direction: column; gap: 30px; }
  .service-investment__content, .service-investment__message { width: 100%; }
  .service-investment__message { padding: 40px; }
  .service-investment__message h3 { font-size: 36px; line-height: 44px; }
  .service-why::before, .service-why::after { left: 0; width: 100%; }
  .service-why::before, .service-why::after { display: none; }
  .service-why__background { display: none; }
  .service-why__inner { min-height: 0; flex-direction: column; gap: 0; }
  .service-why__intro { position: relative; z-index: 0; width: 100%; height: auto; min-height: 0; flex-basis: auto; padding: 35px 0; }
  .service-why__intro::before { position: absolute; top: 0; bottom: 0; left: 50%; z-index: -1; width: 100vw; background: #0e3b35 url('../images/service-why-background.svg') center / 100% 100% no-repeat; content: ''; transform: translateX(-50%); }
  .service-why__intro h2, .service-why__intro > p { width: 620px; max-width: 100%; }
  .service-why__metrics { width: 100%; padding: 35px 0; border-bottom: 1px solid rgba(174, 141, 90, .55); }
  .service-why-metric { min-height: 190px; padding: 25px; }
  .service-approach { padding: 55px 0; }
  .service-approach__header h2 { margin-top: 18px; line-height: normal !important; }
  .service-approach__timeline { margin-top: 40px; }
  .service-approach__line, .service-approach-step__dot { display: none; }
  .service-approach__steps { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 20px; }
  .service-approach-step { gap: 24px; }
}

@media (max-width: 767px) {
  .service-help { padding: 40px 0; }
  .service-help__inner { overflow: hidden; }
  .service-help__header h6 { max-width: 100%; letter-spacing: 5px; white-space: normal; overflow-wrap: anywhere; }
  .service-help__header h2 { margin-top: 10px; }
  .service-help__header p { margin-top: 10px; font-size: 14px; line-height: 20px; }
  .service-help__grid { width: 100%; max-width: 100%; grid-template-columns: minmax(0, 1fr); gap: 15px; margin-top: 35px; }
  .service-help-card { width: 100%; max-width: 100%; padding: 20px; gap: 15px; }
  .service-help-card__body { gap: 20px; }
  .service-help-card__content { max-width: 100%; gap: 5px; }
  .service-help-card__content h3, .service-help-card__content p { max-width: 100%; white-space: normal; }
  .service-help-card__link { margin-top: 15px; font-size: 16px; line-height: 24px; }
  .service-investment { padding: 40px 0; }
  .service-investment__inner { flex-direction: column; gap: 25px; }
  .service-investment__content, .service-investment__message { width: 100%; }
  .service-investment__description { margin-top: 15px; font-size: 14px; line-height: 22px; }
  .service-investment__description p + p { margin-top: 15px; }
  .service-investment__message { padding: 25px 20px; border-radius: 10px; }
  .service-investment__message h3 { font-size: 28px; line-height: 36px; letter-spacing: -.28px; }
  .service-investment__message p { margin-top: 15px; font-size: 14px; line-height: 22px; }
  .service-why::before, .service-why::after { left: 0; width: 100%; }
  .service-why::before, .service-why::after { display: none; }
  .service-why__background { display: none; }
  .service-why__inner { width: 100%; min-height: 0; flex-direction: column; gap: 0; }
  .service-why__intro { position: relative; z-index: 0; width: calc(100% - 40px); height: auto; min-height: 0; flex-basis: auto; margin: 0 auto; padding: 30px 0; }
  .service-why__intro::before { position: absolute; top: 0; bottom: 0; left: 50%; z-index: -1; width: 100vw; background: #0e3b35 url('../images/service-why-background.svg') center / 100% 100% no-repeat; content: ''; transform: translateX(-50%); }
  .service-why__intro h6 { letter-spacing: 5px; line-height: 22px; }
  .service-why__intro h2 { margin-top: 24px; }
  .service-why__accent { margin-top: 24px; }
  .service-why__intro > p { margin-top: 25px; font-size: 14px; line-height: 20px; }
  .service-why__metrics { width: 100%; grid-template-columns: minmax(0, 1fr); padding: 25px 20px; border-bottom: 1px solid rgba(174, 141, 90, .55); }
  .service-why-metric { min-height: auto; gap: 20px; padding: 25px 0; }
  .service-why-metric:nth-child(even) { border-left: 0; }
  .service-why-metric:nth-child(n+2) { border-top: 1px solid rgba(14, 59, 53, .28); }
  .service-why-metric__icon { width: 50px; height: 50px; flex-basis: 50px; }
  .service-why-metric__content { gap: 10px; }
  .service-why-metric__heading { gap: 8px; }
  .service-why-metric__heading h3 { font-size: 24px; line-height: 34px; }
  .service-why-metric__heading h4 { font-size: 18px; line-height: 22px; }
  .service-why-metric__content > p { padding-inline: 0; font-size: 13px; line-height: 19px; }
  .service-approach { padding: 40px 0; }
  .service-approach__header h6 { max-width: 100%; letter-spacing: 5px; white-space: normal; }
  .service-approach__header h2 { margin-top: 15px; line-height: normal !important; }
  .service-approach__timeline { margin-top: 35px; }
  .service-approach__line, .service-approach-step__dot { display: none; }
  .service-approach__steps { grid-template-columns: minmax(0, 1fr); gap: 25px; padding: 0; }
  .service-approach-step { gap: 15px; }
  .service-approach-step__visual { gap: 10px; }
  .service-approach-step__visual > img { width: 45px; height: 45px; flex-basis: 45px; }
  .service-approach-step__content { gap: 15px; }
  .service-approach-step__content h3 { font-size: 18px; line-height: 22px; }
  .service-approach-step__content p { font-size: 14px; line-height: 20px; }
}

/* ===================== Team listing laptop grid ===================== */
@media (min-width: 1025px) {
  .news-featured__content { width: 1050px; max-width: 80%; }
  .news-featured__content h2 { line-height: 62px !important; }
}

@media (max-width: 767px) {
  .news-page__intro { padding: 110px 0 34px; }
  .news-page__intro p { margin-top: 14px; }
  .news-featured { padding-bottom: 42px; }
  .news-featured__viewport { height: 520px; margin-top: 18px; border-radius: 14px; }
  .news-featured__overlay { background: linear-gradient(180deg, rgba(14,59,53,.15) 0%, rgba(14,59,53,.95) 52%, #0e3b35 100%); }
  .news-featured__content { width: 100%; max-width: none; justify-content: flex-end; padding: 28px 22px; }
  .news-featured__content h2, .news-featured__content p { width: 100%; max-width: 100%; overflow-wrap: anywhere; }
  .news-featured__content p { margin-top: 12px; }
  .news-featured__meta { flex-wrap: wrap; margin-top: 16px; }
  .news-featured__button { min-width: 150px; min-height: 48px; margin-top: 18px; padding: 11px 18px; }
  .news-listing { padding-bottom: 50px; }
  .news-listing__tabs { margin-top: 18px; border-radius: 7px; }
  .news-listing__tabs button { min-height: 46px; padding: 10px 16px; }
  .news-listing__grid { grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 28px; }
  .news-card { min-height: 0; border-radius: 12px; }
  .news-card__media { height: 210px; }
  .news-card__body { min-height: 300px; padding: 20px; }
  .news-card h3 { font-size: 24px; line-height: 30px; }
  .news-card footer { align-items: flex-start; flex-direction: column; gap: 14px; }
  .news-card__link { margin-left: 0; }

  .single-news .inner-banner__content, .single-news .inner-banner__heading, .single-news .inner-banner__description { width: 100%; }
  .single-news .inner-banner, .single-news .inner-banner__inner { min-height: 500px; }
  .single-news .inner-banner__content { min-height: 500px; padding: 90px 0 32px; }
  .single-news main { overflow: hidden; }
  .single-news .inner-banner__meta { margin-top: 16px; }
  .news-story { padding: 50px 0; }
  .news-story__layout { flex-direction: column; gap: 40px; }
  .news-story__main, .news-story__content { width: 100%; max-width: 100%; min-width: 0; overflow-wrap: anywhere; }
  .news-story__sidebar { width: 100%; flex-basis: auto; }
  .news-story-sidebar-related article { align-items: center; flex-direction: row; }
  .news-story-sidebar-related article > div { flex: 1; }
  .news-story-sidebar-related__image { width: 92px; height: 76px; flex-basis: 92px; }
  .news-story-share { align-items: flex-start; flex-direction: column; margin-top: 38px; }
  .news-story-related { display: none; }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .team-listing__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
  .team-listing-card { min-height: 540px; }
  .team-listing-card__media { height: 230px; flex-basis: 230px; }
  .team-listing-card__body { padding: 20px 16px; }
  .team-listing-card__header h3 { font-size: 23px; line-height: 28px; }
  .team-listing-card__header p { font-size: 15px; line-height: 22px; }
  .team-listing-card__rule { margin-top: 18px; }
  .team-listing-card__details { gap: 12px; margin-top: 18px; padding-bottom: 0; }
  .team-listing-card__details li { align-items: flex-start; font-size: 14px; line-height: 21px; }
  .team-listing-card__details img { width: 20px; height: 20px; flex-basis: 20px; }
}

/* =========================== Reduced motion ========================== */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .testimonial-badge__text {
    animation: none !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}