@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
:root {
  --color-bg: #eaeae4;
  --color-ink: #425463;
  --color-accent: #cc6114;
  --color-white: #ffffff;
  --color-line: rgba(234, 234, 228, 0.32);
--color-ink-dark:#27333E;
  --container-max: 1440px;
  --radius-pill: 32px;
  --primaryfont:"Lato", sans-serif;
  --secondaryfont:"Open Sans", sans-serif;
}

*,
*::before,
*::after {box-sizing: border-box;}
html,body {height: 100%;}
body {margin: 0;font-family:var(--primaryfont);font-size: 18px;line-height: 150%;color: var(--color-ink);background: var(--color-bg);text-rendering: optimizeLegibility; font-family:var(--primaryfont);    overflow-x: hidden;}
html {overflow-x: hidden;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:var(--secondaryfont);margin: 0;font-weight: 600;}
h1, .h1 {font-size: 64px;line-height: 110.00000000000001%;}
h2, .h2 {font-size: 48px;line-height: 110.00000000000001%;}
h3, .h3 {font-size: 40px;line-height: 110.00000000000001%;}
h4, .h4 {font-size: 32px;line-height:130%;}
img {max-width: 100%; display: block;}
a {color: inherit;text-decoration: none !important;outline: 0;transition: ease all .5s;}
a:hover,a:focus-visible { text-decoration: underline;}
.sr-only { position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap;  border: 0;}
.skip-link { position: absolute; left: -9999px; top: 0; padding: 10px 12px; background: var(--color-white);  color: var(--color-ink);  border-radius: 8px;  z-index: 1000;}
.skip-link:focus { left: 12px;  top: 12px;}
.container {width: 100%; max-width: var(--container-max); padding: 0 20px;margin:0 auto;}
.topbar { background: var(--color-ink); color: var(--color-bg); padding-block: 12px;}
.topbar__inner { display: flex; justify-content: flex-end; align-items: center; gap: 24px; flex-wrap: wrap;}
.topbar a { font-size: 16px; line-height: 100%; color: var(--color-bg);}
.topbar a:hover { color: #fff; }
.navwrap { background: var(--color-bg); padding: 32px 0;}
.nav {display: flex; align-items: center;  justify-content: space-between;  gap: 64px; }
.nav-toggle {display: none;width: 44px; height: 44px;  border-radius: 12px;  border: 0;outline: 0;  background: transparent;  cursor: pointer;}
.nav-toggle__bar { display: block;  width: 25px;  height: 2px;  background: var(--color-ink);  margin: 5px auto;  border-radius: 1px;transition: ease all .5s;}
.brand { display: inline-flex;align-items: center; flex: 0 0 auto;}
.brand__logo { height: auto;}
.primary-nav { flex: 1 1 auto;}
.navwrap .primary-nav>ul { list-style: none;  display: flex;  justify-content: flex-end;  gap: 64px;  padding: 0;  margin: 0;  flex-wrap: wrap;}
.navwrap ul>li>a {  font-size: 16px;    line-height: 100%;        position: relative;    line-height: 3;    display: inline-block;       font-weight: 600;}
.btn { display: inline-flex;  align-items: center;  justify-content: center;  gap: 12px;  padding: 15px 34px;  border-radius: var(--radius-pill);  border: 2px solid transparent;  font-size: 16px;  line-height: 110%;  white-space: nowrap;  font-weight: 600;  position: relative;}
.btn span { transition: ease all .5s;}
.btn:after { position: absolute;    border-style: solid;    border-width: 2px 2px 0 0;    content: '';    display: inline-block;    height: 10px;    right: 25px;    vertical-align: top;    width: 10px;    top: 50%;    transform: translate(-100%, -50%) rotate(45deg);    transition: ease all .5s;    margin-top: 0px;    border-radius: 1px;    opacity: 0;    visibility: hidden;}
.btn:hover:after {opacity: 1;    visibility: visible;    transform: translate(-0%, -50%) rotate(45deg);    color: var(--color-accent);}
.btn:hover span {transform: translateX(-5%);}
.btn--primary {background: var(--color-ink);color: var(--color-bg);  border-color: var(--color-ink);}
.btn--primary:hover {background: var(--color-ink-dark);  border-color: var(--color-ink-dark);}
.btn--link { background: transparent;  color: var(--color-ink); padding-inline: 0;  border-color: transparent;  text-decoration: underline;  text-underline-offset: 3px;}
.btn--ghost { background: transparent;  border-color: var(--color-bg);  color: var(--color-bg);}
.hero { background: var(--color-bg);  padding: 48px 0;}
.hero__lead { margin: 24px 0 0px;      max-width: 450px;  color: var(--color-ink);  font-size: 18px;  line-height: 1.5;}
.hero__actions { display: flex;  align-items: center;  gap: 40px;  flex-wrap: wrap;}
.hero__media {  position: relative;  width: min(847px, 100%);  aspect-ratio: 847 / 600;  justify-self: end;}
.hero__img {  position: absolute;  background-size: cover;  background-position: center;  background-repeat: no-repeat;}
.hero__img--main {  right: 0px;  top: 0;  max-width: 668px;  width: 100%;  height: 600px;  border-radius: 32px;}
.hero__img--square {left: 79px;  top: 241.69px;  max-width: 300px;  width: 100%;  height: 300px;  border-radius: 24px;}
.hero__img--badge {  left: 6px;  top: 67.69px;  max-width: 149px;  width: 100%;  height: 150px;  border-radius: 16px;}
.hero__shape { position: absolute;  border-radius: 16px;}
.hero__shape--a {  left: 565px;  top: 499px;  width: 44px;  height: 43px;  background: var(--color-accent);  border-radius: 12px;}
.hero__shape--b {  left: 534px;  top: 406px;  width: 74px;  height: 75px;  background: rgba(234, 234, 228, 0.35);}
.section-title--light {  color: var(--color-bg);}
.section-lead {  margin: 0 0 40px;  font-size: 18px;  line-height: 1.5;  max-width: 72ch;}
.section-lead--dark {  color: var(--color-white);}
.sectors {  padding-block: 18px 74px;}
.sectors__row {  display: grid;  display: flex; flex-flow: row wrap; justify-content: center;
/*  grid-template-columns: repeat(6, minmax(0, 1fr));  */
  gap: 24px;}
.mini-card {  background: var(--color-white);  border-radius: 16px 16px 16px 64px;  padding: 32px 24px;  min-height: auto;  display: grid;  grid-template-rows: auto 1fr auto;  gap: 0px;  text-decoration: none;     box-shadow: 0px 0px 16px 0px #0000000D;    width: calc(16.66% - 24px);padding-bottom: 88px !important;position: relative;}
.mini-card:hover { box-shadow: 0px 0px 32px 0px #00000026;}
.mini-card__icon {  width: 48px;  height: 48px;  position: relative;margin: 0 0 24px;}
.mini-card__title { font-size: 20px;    line-height: 120%;    color: var(--color-ink); max-width: 150px; font-weight: 600;}
.mini-card__cta {width: 32px;  height: 32px;  border-radius: 50%;  background: var(--color-ink);  position: relative; margin-left: auto;      transition: ease all .5s;  }
.over70 {background: #27333e;  padding: 104px 0;  overflow: hidden;position: relative;}
.over70__inner { display: grid;  grid-template-columns: 0.95fr 1.05fr;  gap: 143px;  align-items: center;position: relative;z-index: 1;}
.over70__photo { width: 100%;  height: auto;  border-radius: 0 32px 32px 0;  display: block;}
.overbig-square { left: auto; right: -20px; width: 100%; max-width: 403px; height: 100%; max-height: 403px; background: #242f39; position: absolute; border-radius: 24px;}
.oversmall-square { left: auto; right: -20px; width: 100%; width: 96px; height: 96px; background: #242f39; position: absolute; border-radius: 24px; top: auto; bottom: 11%; right: 3.5%; }
.kicker {  margin: 0 0 17px;  letter-spacing: 4.8px;  text-transform: uppercase;  font-size: 16px;  line-height: 110.00000000000001%;  color: var(--color-accent);}
.kicker--accent { color: var(--color-accent);}
.services { padding: 128px 0 152px;  overflow: hidden;}
.services__arrows {display: flex; gap: 10px;}
.circle-btn {width: 48px;height: 48px;  border: 0;  padding: 0;  background-size: 112px 48px; cursor: pointer;}
.circle-btn--prev { background-position: 0 0;}
.circle-btn--next {  background-position: -64px 0;}
.circle-btn.is-disabled,.circle-btn:disabled {  cursor: not-allowed;}
.services__track::-webkit-scrollbar {display: none;}
.service-card { background: var(--color-white);    border-radius: 16px 16px 16px 64px; padding: 32px 22px 112px; position: relative;   scroll-snap-align: none;  box-shadow: 0px 0px 16px 0px #0000000D;}
.service-card__title { margin: 0; font-size: 32px; line-height: 130%; color: var(--color-ink); max-width: 276px;}
.service-card__text { margin: 0; font-size: 16px; line-height: 140%;  max-width: 276px;  margin: 24px 0 0;}
.service-card__cta { border-radius: 50%;background: var(--color-ink); position: absolute; right: 32px;  bottom: 32px;}
.why { background: var(--color-accent);  padding: 64px 0 0;}
.why-tabs {  border-top: 1px solid rgba(234, 234, 228, 0.35);  border-bottom: 1px solid rgba(234, 234, 228, 0.35);}
.why-tabs__top {  display: grid;  grid-template-columns: 110px 1fr;  align-items: center;  min-height: 74px;  border-bottom: 1px solid rgba(234, 234, 228, 0.35);}
.why-tabs__top-left { font-size: 64px;    line-height: 130%;    color: var(--color-bg);    font-weight: 600;}
.why-tabs__top-title {font-size: 48px; line-height: 130%;color: #EAEAE4;}
.why-tabs__body {display: grid;grid-template-columns: 1fr 360px;min-height: 360px;}
.why-tabs__panelwrap {border-right: 1px solid rgba(234, 234, 228, 0.35);  padding: 22px 22px 26px;}
.why-panel__grid { display: grid;  grid-template-columns: 360px 1fr;  gap: 26px;  align-items: start;}
.why-panel__lead { margin: 0;color: #EAEAE4;    font-size: 24px;    line-height: 130%;    font-weight: normal;}
.why-panel__body { margin: 24px 0 0;  color: #EAEAE4; font-size: 16px; line-height: 150%;}
.why-panel__text .btn {margin: 48px 0 0;}
.why-tabs__rail {display: grid;grid-template-rows: repeat(6, 1fr);}
.why-tab {background: transparent;  border: 0;  color: var(--color-bg);  display: grid;  grid-template-rows: auto 1fr auto;  align-items: center;  justify-items: center;  padding: 14px 10px;  cursor: pointer;  border-left: 1px solid rgba(234, 234, 228, 0.35);  border-bottom: 1px solid rgba(234, 234, 228, 0.35);  font: inherit;}
.why-tab:last-child {border-bottom: 0;}
.why-tab__num { font-size: 64px;  line-height: 130%;  font-weight: 600;}
.why-tab__label { writing-mode: vertical-rl;  transform: rotate(180deg);}
.why-tab__arrow svg {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);}
.why-tab__arrow {    width: 48px;    height: 48px;    border-radius: 50%;    border: 2px solid #EAEAE4;    position: relative;}
.why-tab:focus-visible {outline: 2px solid rgba(234, 234, 228, 0.65); outline-offset: -2px;}
.why-tab.is-active { background: rgba(39, 51, 62, 0.12);}
.faq {  background: var(--color-accent);  padding: 128px 0;  position: relative;  overflow: hidden;}
.faq__inner { display: flex;  flex-flow: row wrap; max-width: 1202px;}
.faq__title {  color: var(--color-bg); line-height: 130%;}
.faq__cta { margin-top:0 !important; max-width: 240px;}
.faq__cta-text {  margin: 0 0 16px;    color: var(--color-bg);    font-size: 20px;    line-height: 130%;    font-weight: bold;}
.faq__right {display: grid;  gap: 16px;}
.faq-item {  background: var(--color-white); border-radius: 16px;}
.faq-item__q {  width: 100%;  background: transparent;  border: 0;  padding: 24px;  display: grid;  grid-template-columns: 1fr 48px;  gap: 16px;  align-items: center;  text-align: left;  cursor: pointer;  font: inherit;}
.faq-item__qtext { color: var(--color-ink);    font-size: 20px;    line-height: 130%;  font-weight: bold;    max-width: 527px;}
.faq-item__plus {  width: 48px;  height: 48px;  border-radius: 50%;  background: var(--color-accent);  position: relative;  justify-self: end;}
.faq-item__plus::before,.faq-item__plus::after { content: "";  position: absolute;  left: 50%;  top: 50%;  width: 20px;  height: 2px;  background: var(--color-bg);  transform: translate(-50%, -50%);  border-radius: 1px;}
.faq-item__plus::after {  width: 2px;  height: 20px;}
.faq-item.is-open .faq-item__plus::after {  transform: translate(-50%, -50%) scaleY(0);}
.faq-item__a {  padding: 0 24px 24px;}
.faq-item { font-size: 18px;    line-height: 150%;}
.clients { padding: 128px 0 31px;}
.clients__inner {  text-align: center;}
.clients__logos {  width: min(1100px, 100%);  height: auto;  margin-inline: auto;  opacity: 0.9;}
.bespoke {  padding-block: 44px 72px;}
.bespoke__inner {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 64px;  align-items: center;}
.bespoke__title {  margin: 0 0 14px;  font-size: clamp(22px, 2.2vw, 32px);  line-height: 1.15;  color: var(--color-ink);}
.bespoke__text {margin: 0 0 18px;  font-size: 12px;  line-height: 1.6;  color: rgba(66, 84, 99, 0.9);  max-width: 62ch;}
.bespoke__actions {  display: flex;  gap: 18px;  flex-wrap: wrap;  align-items: center;}
.bespoke__photo {  width: 100%;  height: auto;  border-radius: 24px;  display: block;}
.contact-card {    padding: 96px 0 128px;    position: relative; }
.contact-card__inner { display: grid;  place-items: center;    position: relative;    z-index: 1;}
.contact-card__panel { width: 100%; background: #27333e;    border-radius: 30px;    padding: 64px;    color: var(--color-bg);    box-shadow: 0 0 48px rgba(0, 0, 0, 0.18);    max-width: 686px;    position: relative;}
.contact-card__title {  margin: 0 0 18px;  font-family: "Open Sans", "Lato", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;  font-weight: 400;  font-size: 20px;  line-height: 1.25;  color: var(--color-bg);}
.contact-card__form { display: grid;    gap: 24px;    margin: 40px 0 0;  font-size: 16px;    line-height: 150%;    color: #FFFFFF;}
.contact-card__row {display: grid;  grid-template-columns: 1fr 1fr;  gap: 24px;}
.cc-field {  display: grid;  gap: 6px;}
.cc-field__label {margin: 0 0 16px;    line-height: 100%;}
.cc-field__control {  width: 100%;  padding: 10px 12px;  border-radius: 10px;  border: 1px solid rgba(234, 234, 228, 0.25);  background: rgba(234, 234, 228, 0.06);  color: var(--color-bg);  font: inherit;  font-size: 12px;  line-height: 1.2;}
.cc-field__control--textarea {  resize: vertical;  min-height: 110px;}
.cc-field__control:focus-visible {  outline: 2px solid rgba(234, 234, 228, 0.5);  outline-offset: 2px;}
.cc-check {  display: grid;  grid-template-columns: 14px 1fr;  gap: 10px;  align-items: start;  margin-top: 6px;}
.cc-check__box {  margin-top: 2px;}
.contact-card__meta { margin-top: 66px;    padding-top: 0;    display: flex;    justify-content: center;    align-items: center;    gap: 10px;    flex-wrap: wrap;    color: #FFFFFF;    font-size: 24px;    line-height: 110.00000000000001%;}
.contact-card__meta-link { color: inherit;  text-decoration: none;}
.contact-card__meta-link:hover,.contact-card__meta-link:focus-visible {  text-decoration: underline;}
.section-head {  display: flex;  justify-content: space-between;  align-items: baseline;  gap: 24px;  margin-bottom: 43px;      align-items: end;}
.insights {  padding: 96px 0; background-color: #FFFFFF;overflow: hidden;}
.insights__grid {  display: grid;  grid-template-columns: repeat(4, minmax(0, 1fr));  gap: 24px;}
.post {  background: var(--color-white);  border-radius: 16px 16px 16px 64px;  padding: 32px 24px;  box-shadow: 0px 0px 20px 0px #0000001A;  transition: ease all .5s;      position: relative;      padding-bottom: 81px;}
.post:hover{box-shadow: 0px 0px 24px 0px #00000026;}
.post-card__cta { width: 32px;    height: 32px;    border-radius: 50%;    background: var(--color-ink);    margin-left: auto;    transition: ease all .5s;    position: absolute;    right: 32px;    bottom: 32px;}
.post-card__cta svg { position: absolute;    top: 50%;    left: 50%;   transform: translate(-50%, -50%);    width: 14px;    transition: ease all .5s;}
.post__meta {    margin: 0 0 8px;    display: flex;    gap: 16px;    color: var(--color-accent);    font-size: 12px;    letter-spacing: 4.8px;    text-transform: uppercase;    justify-content: space-between;    align-items: center;        line-height: 110.00000000000001%;}
.post__title { margin: 0;    font-size: 24px;    line-height: 130%;        max-width: 268px;        font-weight: 700;        transition: ease all .5s;}
.post__meta span + span { color: var(--color-ink);    text-transform: none;    letter-spacing: 0;    font-size: 12px;}
.post:hover .post__title {color: var(--color-accent);}
.post:hover  .post-card__cta { transform: rotate(45deg); background: var(--color-accent);}
.site-footer { padding: 128px 0 32px;  background-color:#27333E;  color: var(--color-bg);}
.site-footer__inner {  display: block;}
.site-footer__text {  margin: 0;  font-size: 20px;  line-height: 130%;}
.site-footer__logo {  filter: brightness(10);}
.site-footer__top {  display: flex;  align-items: flex-start;  }
.site-footer__rule {  border: 0;    border-top: 1px solid #fff;    margin: 24px 0 0;}
.site-footer__cols {  display: grid;  grid-template-columns: 1.35fr 0.75fr 0.9fr 1.1fr;  gap: 56px;  padding-block: 6px 10px;}
.site-footer__address {  margin: 53px 0 24px;  font-style: normal;}
.site-footer__title {  margin: 0 0 14px;  font-size: 14px;  font-weight: 700;  line-height: 1.2;  color: var(--color-bg);}
.site-footer__title--sr { position: absolute;  width: 1px;  height: 1px;  padding: 0;  margin: -1px;  overflow: hidden;  clip: rect(0, 0, 0, 0);  white-space: nowrap;  border: 0;}
.site-footer__list {  list-style: none;  padding: 0;  margin: 0;  display: grid;  gap: 12px;}
.site-footer__link { color: inherit;  text-decoration: none;  font-size: 12px;  line-height: 1.35;  opacity: 0.95;}
.site-footer__link:hover,.site-footer__link:focus-visible {  text-decoration: underline;  text-underline-offset: 3px;}
.site-footer__link--underline {  text-decoration: underline;  text-underline-offset: 3px;}
.site-footer__bottom {  display: flex;  justify-content: space-between;  align-items: center;  gap: 24px;  padding-top: 32px;}
.site-footer__fineprint {  margin: 0; }
.site-footer__policies {  display: flex;  gap: 64px;  flex-wrap: wrap;  justify-content: flex-end;}
.over70 h2, .over70 .h1 {    color: var(--color-bg);    font-weight: 400;}
strong{font-weight: 700;}
.navwrap ul>li.has-child>a {  position: relative;  padding-right: 24px;}
.navwrap ul>li.has-child>a:before { position: absolute;    border-style: solid;    border-width: 2px 2px 0 0;    content: '';    display: inline-block;    height: 10px;    right: 0;    vertical-align: top;    width: 10px;    top: 50%;    transform: translateY(-50%) rotate(135deg);    transition: ease all .5s;    margin-top: -1px;    border-radius: 1px;}
.navwrap ul>li>a:after {  position: absolute;    content: '';    bottom: 0;    width: 100%;    height: 2px;    background: var(--color-accent);    left: 0;    transition: ease all .5s;    left: 50%;    transform: translateX(-50%);    width: 0;}
.navwrap ul>li.open-submenu>a:after { width: 100%;}
.navwrap ul>li.open-submenu>a {color: var(--color-accent);}
.navwrap ul>li.open-submenu>a:before {color: var(--color-accent);}
.navwrap ul>li.open-submenu>a:before {  transform: translateY(-50%) rotate(-45deg);  margin-top: 0; top: 60%;}
.btn--link span { transform: none !important;}
.btn--link:after{right: 0;}
.btn--link { padding-right: 17px !important;}
.btn--link:hover {color: var(--color-accent);}
p { margin: 0 0 24px;}
p:last-child { margin: 0;}
.btn--ghost:hover:after {  color: #27333E;}
.btn--ghost:hover { border-color: #27333E;}
.site-header { position: relative;  z-index: 999999;box-shadow: 0px 0px 48px 0px #00000040;}
.navwrap ul { padding: 0; margin: 0; list-style: none;}
.navwrap ul>li.has-child>ul { position: absolute; top: 100%;  left: 0;  width: 100%;  background: #FFFFFF;    padding: 64px 0 128px;   transition: ease all .5s;   transform: translateY(-5%);    visibility: hidden;    opacity: 0;}
.square-small {  width: 44px;  height: 44px; background-color: var(--color-accent);  border-radius: 12px;  min-width: 44px;  min-height: 44px;    position: relative;    left: 22px;    bottom: -21px;        z-index: 1;}
.square-big { width: 74px; height: 74px; background-color: #EAEAE480; border-radius: 16px; min-width: 74px; min-height: 74px; } 
.square-frame { position: absolute; top: auto; display: flex; align-items: end; bottom: 70px; right: 48px; } 
.navwrap ul>li.open-submenu.has-child>ul{ transform: translateY(0%); visibility: visible; opacity: 1; } 
.navwrap ul>li.has-child>ul>.container { display: flex; flex-flow: row wrap; } 
.navwrap ul>li.has-child>ul>.container>li:first-child { width: 32%; padding-right: 20px; } 
.navwrap ul>li.has-child>ul>.container>li { width: 68%; } 
.navwrap ul>li.has-child>ul>.container>li:first-child>ul { max-width: 330px; display: block; } 
.navwrap ul>li.has-child>ul>.container>li>ul>li { width: calc(33.33% - 40px); padding: 0 0px 40px; border-bottom: 1px solid #42546340; } 
.navwrap ul>li.has-child>ul>.container>li>ul { display: flex; flex-flow: row wrap; gap: 40px; } 
.navwrap ul>li.has-child>ul>.container>li:first-child>ul>li { width: 100% !important; padding: 0 !important; margin: 0 !important; border: 0 !important; } 
.navwrap ul > li.has-child > ul > .container > li > ul > li:nth-last-child(1), .navwrap ul > li.has-child > ul > .container > li > ul > li:nth-last-child(2), .navwrap ul > li.has-child > ul > .container > li > ul > li:nth-last-child(3) { border: 0; padding: 0; margin: 0; } 
.submenu-title { color: var(--color-accent); text-transform: uppercase; font-size: 16px; line-height: 110.00000000000001%; letter-spacing: 4.8px; margin: 0 0 16px; } .navwrap h2 { font-weight: 400; } .submenu-text { margin: 24px 0 0; font-size: 16px; line-height: 150%; } .submenu-cta { margin: 48px 0 0; } .navwrap ul>li.has-child>ul>.container>li li a:not(.btn):after { display: none; } .navwrap ul>li.has-child>ul>.container>li li a:not(.btn) { line-height: 130%; color: #425463; } .navwrap ul>li.has-child>ul>.container>li li a:not(.btn):hover { color:var(--color-accent); } .navwrap ul>li.has-child>ul>.container>li>ul>li>ul>li { margin: 12px 0 0; line-height: 100%; } 
.navwrap ul>li.has-child>ul>.container>li>ul>li>a { font-size: 20px; font-weight: 600; position: relative; padding-right: 28px; } 
.navwrap ul>li.has-child>ul>.container>li>ul>li>ul>li:first-child { margin: 24px 0 0; }
.navwrap ul>li.has-child>ul>.container>li>ul>li>a:before { position: absolute; border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 10px; right: 25px; vertical-align: top; width: 10px; top: 50%; transform: translate(-100%, -50%) rotate(45deg); transition: ease all .5s; margin-top: 0px; border-radius: 1px; opacity: 0; visibility: hidden; } .navwrap ul>li.has-child>ul>.container>li>ul>li>a:hover:before { right: 0; opacity: 1; visibility: visible; } .navwrap ul>li.has-child>ul>.container>li>ul>li>ul>li>a { font-weight: normal; } 
.submenu-cta .btn { padding-left: 48px; padding-right: 48px; }
.submenu-cta .btn:after {    right: 35px;}
.navwrap ul>li.has-child:nth-child(2)>ul>.container>li>ul>li { width: calc(40% - 40px);}
.navwrap ul>li.has-child:nth-child(2)>ul>.container>li:last-child>ul>li:nth-child(2) { border-bottom: 1px solid #42546340;}
.navwrap ul>li.has-child>ul>.container>li:last-child { margin-top: 40px;}
.hero_copy_wrap { max-width: 465px;}
.hero__copy { width: 40%;}
.hero__media { position: relative; width: 60%;}
.fullwrap { display: flex;  align-items: center;  flex-flow: row wrap;}
.hero-square { position: absolute; top: auto; align-items: end; bottom: 58px; left: -3%;}
.hero-square-small {  width: 44px; height: 44px; background-color: var(--color-accent); border-radius: 12px; min-width: 44px; min-height: 44px; margin-left: auto; margin-top: 18px; }
.hero-square-big {width: 74px; height: 74px; background-color: #e0e0d7; border-radius: 16px; min-width: 74px; min-height: 74px; }
.hero__img--main { max-width: 80%; height: 100%;}
.hero__img--square {left: 9%; bottom: 10%; top: auto; height: 50.5%; max-width: none; width: 35.8%; }
.hero__img--badge {left: -1%; top: 10%; height: 25.5%; width: 17.8%; max-width: none; }
.mini-card__cta svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 14px; }
.mini-card svg, .mini-card span {transition: ease all .5s; }
.mini-card:hover .mini-card__icon svg path {stroke: var(--color-accent); }
.mini-card:hover .mini-card__icon svg circle {fill: var(--color-accent); }
.mini-card:hover .mini-card__title {color: var(--color-accent)}
.mini-card:hover .mini-card__cta { background: var(--color-accent);}
.mini-card:hover .mini-card__cta {transform: rotate(45deg); }
body .over70__inner{    display: flex;    gap: 0;}
.over70__media {width: 27.5%; position: relative; } 
.over70__copy {width: 72.5%; padding: 50px; } 
.over70_copy_wrap {max-width: 925px; margin-left: auto; margin-right: auto; }
.square-orang {width: 150px; height: 150px; border-radius: 16px; background: var(--color-accent); position: absolute; top: 19%; right: 0; z-index: 9999; right: -75px; } 
.services-arrows {display: flex; align-items: center; gap: 16px; margin: 60px 0 0; } 
.slick-arrow svg {width: 15px; } 
.slick-arrow {width: 48px; height: 48px; border: 2px solid #425463; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: ease all .5s; } 
.services-arrows .slickleft svg, .tsslickleft.slick-arrow svg {transform: rotate(180deg); } 
.services .kicker {margin: 0 0 24px; } .service-card__cta {width: 32px; height: 32px; border-radius: 50%; background: var(--color-ink); transition: ease all .5s; } .service-card__cta svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 14px; } .service-card svg, .service-card span, .service-card__cta, .service-card, .service-card h2, .service-card h3 {transition: ease all .5s; } .service-card:hover .service-card__cta {transform: rotate(45deg); background: var(--color-accent); } .slick-track {display: flex; } .slick-slide {height: auto !important; margin: 0 12px; } .service-card:hover, .service-card:hover h2, .service-card:hover h3 {color: #27333E; } .service-card:hover{box-shadow: 0px 0px 32px 0px #00000026; } .services__copy {width: 32%; padding-right: 20px; } .services__viewport {width: 68%; } .services__inner {display: flex; }
.services__viewport:before {position: absolute; content: ''; right: 100%; top: 50%; height: 110%; width: 100%; z-index: 1; background: var(--color-bg); box-shadow: none; transform: translateY(-50%); }
.services__viewport {position: relative; margin: 26px 0 0; } .services__copy {position: relative; z-index: 9; } 
.slick-arrow.slick-disabled {opacity: 0.3; pointer-events: none; }
.coverlink {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .slick-slide>div, .slick-slide>div>div, .slick-slide article {height: 100%; }
.why-solution-section {padding: 96px 0; position: relative; overflow: hidden; } .why-solution-row {position: relative; z-index: 1; } .why-solution-img {width: 50%; } .why-solution-contents {width: 50%; padding-left: 24px; }
.short-wrap{max-width: 1160px; margin-left: auto; margin-right: auto; } 
.why-solution-wrap {max-width: 465px; margin-left: auto; margin-right: auto; } .why-solution-intro {font-size: 16px; line-height: 150%; margin: 24px 0 0; max-width: 435px; }
 .hero__actions {margin: 48px 0 0; } .why-solution-img img {width: 100%; border-radius: 32px; } .section-square-single {position: absolute; left: -20px; top: 49%; background: #e0e0d7; width: 225px; height: 225px; border-radius: 24px; transform: translateY(-50%); }
.section-square-big {background: #e0e0d7; width: 153px; height: 153px; border-radius: 16px; margin-left: auto; } 
.section-square-small {background: var(--color-accent); width: 96px; height: 96px; border-radius: 16px; margin-top: 32px; margin-left: -48px; } 
.section-square {position: absolute; top: 48%; transform: translateY(-50%); right: -20px; }
.clients-logo-row {display: flex; flex-flow: row wrap; justify-content: center; }
.clients-logo-col {width: 16.66%; text-align: center; display: flex; align-items: center; justify-content: center; padding: 15px 10px; }
.clients-logo-col img {mix-blend-mode: multiply; }
.clients .kicker {margin: 0 0 24px; }
.why-solution-section.reverse .why-solution-row {flex-direction: row-reverse; }
.why-solution-section.reverse .section-square-single {left: auto; right: -20px; width: 100%; max-width: 403px; height: 100%; max-height: 403px; background: #EAEAE480; mix-blend-mode: multiply; z-index: 9;}
.why-solution-section.reverse .section-square {right: auto; left: 5%; }
.why-solution-section.reverse .section-square-big {background: #7FABB6; z-index: 1; }
.why-solution-section.reverse .section-square-small {margin-top: -32px; background: #e0e0d7; mix-blend-mode: multiply; }
.faq-item, .faq-item__plus{transition: ease all .5s;}
.faq-item.is-open {background-color: #27333E; color: var(--color-bg); }
.faq-item.is-open .faq-item__qtext {color: var(--color-bg); }
.faq-item.is-open .faq-item__plus {background-color: var(--color-bg); }
.faq-item.is-open .faq-item__plus::before, .faq-item.is-open .faq-item__plus::after {background: #27333E; }
body .faq-item.is-open .faq-item__plus::after {transform: translate(-50%, -50%); } .faq-item.is-open .faq-item__plus {background-color: var(--color-bg); transform: rotate(45deg); } .faq-item__a {padding: 0 24px 24px; }
.faq__left {width: 40%; padding-right: 24px; display: flex; flex-direction: column; justify-content: space-between; } 
.faq__right {width: 60%; }
.fsl-big {width: 257px; height: 257px; border-radius: 24px; background: #4254631A; mix-blend-mode: multiply; } 
.fsl-small {border-radius: 24px; background: #42546333; width: 105px; height: 105px; margin-left: auto; mix-blend-mode: multiply; margin-top: -57px; margin-right: -50px; }
.faq-square-left {position: absolute; top: 22%; left: -4%; } 
.faq-square-middle {position: absolute; left: 43%; transform: translateX(-50%); top: auto; bottom: 26%; } 
.fsm-big {border-radius: 24px; background: #ae5412; width: 142px; height: 142px; mix-blend-mode: multiply; } 
.fsm-small {border-radius: 12px; background: #be5b13; width: 44px; height: 44px; margin-left: -28%; margin-top: 3%; }
.faq__inner {position: relative; z-index: 1; } 
.faq-square-right {position: absolute; bottom: 14%; right: 2%; } 
.fsr-big {background: #ae5412; width: 105px; height: 105px; border-radius: 16px; margin-left: auto; }
.fsr-small {width: 61px; height: 61px; border-radius: 16px; margin-left: -38px; margin-top: -32px; background: #4254631A; mix-blend-mode: multiply; } .insights .btn.btn--link {padding-top: 0; padding-bottom: 0; } .site-footer ul li, .site-footer ul li a {font-size: 16px; line-height: 130%; } .site-footer__cols {padding: 64px 0 128px; }
.site-footer__rule.site-footer__rule--bottom {margin: 0; } .site-footer__policies a {font-size: 16px; line-height: 130%; } .site-footer {font-size: 16px; line-height: 130%; } .site-footer__col--contact a {font-size: 30px; line-height: 130%; } .site-footer__text+.site-footer__text+.site-footer__text {margin: 12px 0 0; }
.site-footer__address+.site-footer__text a {color: #FFFFFF; font-size: 16px; font-weight: 600; padding-right: 17px; position: relative; } 
.site-footer__address+.site-footer__text a:after {position: absolute; border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 10px; right: 25px; vertical-align: top; width: 10px; top: 50%; transform: translate(-100%, -50%) rotate(45deg); transition: ease all .5s; margin-top: 0px; border-radius: 1px; opacity: 0; visibility: hidden; right: 0; }
.site-footer__address+.site-footer__text a:hover {color: var(--color-accent); } 
.site-footer__address+.site-footer__text a:hover:after {opacity: 1; visibility: visible; transform: translate(-0%, -50%) rotate(45deg); color: var(--color-accent); } .site-footer__title {font-size: 20px; line-height: 130%; margin: 0 0 16px; font-weight: 600; } .site-footer__top img {width: 238px; object-fit: cover; height: auto; } .footer-link-right .site-footer__col:nth-child(1) li a, .footer-link-right .site-footer__col:nth-child(1) li {font-size: 20px; font-weight: 600; line-height: 130%; }
body .site-footer__cols{    display: flex;} .footer-link-left {width: 40%; } 
.footer-link-right {display: flex; justify-content: space-between; width: 60%; gap: 20px; } .footer-link-right .site-footer__col:nth-child(1) ul {max-width: 260px; } .faq .btn--ghost {padding-left: 24px; padding-right: 24px; } .faq .btn--ghost:hover {padding-right: 35px; }
.contact-card__panel h2, .contact-card__panel .h3 {text-align: center; line-height: 130%; max-width: 490px; margin-left: auto; margin-right: auto; font-weight: normal; } .contact-card form input, .contact-card form textarea, .contact-card form select {padding: 16px; border: 1px solid #fff; background-color: #fff; border-radius: 0; height: 56px; color: #27333E; font-size: 16px; line-height: 100%; font-family: "Lato", sans-serif; min-height: auto; outline: 0 !important; } .contact-card form textarea {height: 100px; min-height: auto; resize: none; } 
.contact-card form input[type="radio"], .contact-card form input[type="checkbox"] {height: auto !important; min-height: auto; margin: 0; border: 0; margin-top: 5px; width: 16px !important; height: 16px !important; } 
.contact-card__submit {width: 100%; justify-content: center; margin-top: 8px; line-height: 100%; border-radius: 32px; color: #EAEAE4; font-weight: 600; cursor: pointer; font-family: var(--primaryfont);}
.contact-card__submit:hover::after, .contact-card__submit:hover {border-color: var(--color-accent); } .contact-card__meta a:hover {color: var(--color-accent);} .contact-card__submit::after {right: calc(100% - 68%); } .single-card-squre {position: absolute; right: -48px; top: -48px; background: #e0e0d7; width: 96px; height: 96px; border-radius: 16px; z-index: -1; } .three-square {transform: translate(-50%, -50%); position: absolute; left: 27%; top: 34%; }
.ts-small {width: 143px; height: 143px; border-radius: 24px; background-color: #e0e0d7; position: relative; top: 100px; z-index: 1; margin-left: -48px; } 
.ts-med {width: 173px; height: 173px; border-radius: 24px; background-color: #CC6114; margin-left: -140px; position: relative; top: 30px; z-index: 1; mix-blend-mode: multiply; } 
.ts-large {background: #e0e0d7; width: 257px; height: 257px; border-radius: 24px; } .single-accent-squre {position: absolute; right: 2%; top: 16%; background: #CC6114; width: 61px; height: 61px; border-radius: 16px;     mix-blend-mode: multiply;}
.single-green-squre {position: absolute; right: auto; top: auto; background: #7FABB6; width: 96px; height: 96px; border-radius: 16px; left: -20px; bottom: 37%; mix-blend-mode: multiply;} 
.single-light-squre {position: absolute; right: auto; top: auto; background: #e0e0d7; width: 96px; height: 96px; border-radius: 16px; left: 11%; bottom: 18%; }
.tws-small {background: #7FABB6; width: 70px; height: 70px; border-radius: 16px; margin-top: -75px;mix-blend-mode: multiply; } 
.tws-large {background: #e0e0d7; width: 230px; height: 230px; border-radius: 16px; } .two-square {position: absolute; right: -20px; bottom: 20%; display: flex; align-items: self-start; gap: 15px; }
.whytab-top {display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 13px 25px; border-bottom: 1px solid #FFFFFF; } .why-panel__image {width: 40%; } .why-panel__text {width: 60%; padding-left: 48px; } .whytab-botom {padding: 47.5px; display: flex; align-items: center; flex-flow: row wrap; }
.why-panel__image img {border-radius: 16px; aspect-ratio: 1 / 1; object-fit: cover; width: 100%; } .is-short-wrap {align-items: center; justify-items: center; flex-direction: column; justify-content: space-between; display: grid; grid-template-rows: auto 1fr auto; gap: 40px; grid-template-rows: auto 1fr auto; color: #EAEAE4; font-size: 24px; line-height: 100%; }
.why-tabs-flex {display: flex; flex-direction: row; height: inherit; min-height: 690px; flex-wrap: nowrap; gap: 0px; justify-content: center; overflow: hidden; padding: 0; position: relative; border: 1px solid #fff; margin: 64px 0 0; }
.why-tabs-col {display: flex; flex-wrap: wrap; height: inherit; min-width: 124px; overflow: hidden;     transition: all 0.4s ease-out;    flex: 0.1;}
.why-tabs-col.expanded { flex: 6; }
.is-icols {display: flex; flex-direction: row; height: inherit; min-height: 600px; width: 100%; justify-content: center; cursor: pointer; }
.is-short {align-content: center; background-color: transparent; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; max-width: 94px; padding: 13.5px 25px; transition: all .5s ease; -webkit-transition: all .5s ease; width: 100%; padding-bottom: 106px; position: relative; }
.is-short:not(:last-child) {border-right: 1px solid #fff; }
.why-tab__arrow {position: absolute; bottom: 39px; } 
/*.is-isdescribe {height: 100%; opacity: 0; transform: translateX(10%); transition: all 0.5s ease-in-out; visibility: hidden; width: 0; height: 0;   }
.expanded .is-isdescribe {display: flex; opacity: 1; transform: translateX(0); visibility: visible; width: auto; height: auto; } */
.why-tabs-col:not(:last-child) {border-right: 1px solid #fff; } .why-tabs-col.expanded .is-icols {display: none; }
.why .container {max-width: 100%; padding: 0 82px; } .why__header {max-width: 741px; } .why-paneltext-wrap {max-width: 597px; }
.insights .btn.btn--link:hover {transform: translateX(-5%); }
.mobileshow {display: none !important;}
.site-footer ul li a:hover, .site-footer__policies a:hover{color: var(--color-accent);}
.mini-card__cta { position: absolute; bottom: 32px; right: 24px; }
.is-isdescribe {display:none;     width: 100%;  }
.expanded .is-isdescribe {display: block;    transition: all 0.4s ease-out;}

/*Services overview*/

.hero__media.v2 {aspect-ratio: 847 / 440;}
.hero__media.v2 .hero__img--badge { height: 24.7%; width: 12.8%; top: auto; bottom: 18%; left: 4%; }
.hero__media.v2 .hero__img--square { height: 35.6%; max-width: none; width: 18.5%; bottom: auto; top: 15%; left: 11%; } 
.hero__media.v2 .hero-square .hero-square-small { margin-left: -18px; margin-bottom: 18px; margin-top: 0; margin-right: auto; }
.hero__media.v2 .hero-square { flex-direction: column-reverse; display: flex; bottom: auto; top: 19%; left: -1%; }
.hero.v2 h1, .hero.v2 .h1 { font-size: 48px; max-width: 300px; }
.business-support {padding: 128px 0; position: relative;}
.business-support-right { width: 50%;}
.business-support-box{ background-color: #EAEAE480; mix-blend-mode: multiply; padding: 48px; border-radius: 24px; max-width: 666px;margin-left: auto;}
.business-support-left { width: 50%;  padding-right: 20px;  font-size: 16px;  line-height: 150%;}
.business-support-left-wrap { max-width: 670px; }
.sec-intro { font-family: var(--secondaryfont); margin: 24px 0 0; }
.business-support .kicker, .flexible-support .kicker{ margin: 0 0 24px;}
.business-support-box h4 { line-height: 140%;font-weight:normal; }
.business-box { position: relative; padding: 16px 24px; border-radius: 16px;  margin: 8px 0; font-size: 16px; line-height: 140%; display: flex; align-items: center; flex-flow: row wrap; transition: ease all .5s;}
.business-box-outer { margin: 16px 0 0; }
.business-box:hover {background-color: #EAEAE480;}
.business-box-text {margin: 8px 0 0;}
.business-box-header { font-size: 18px; line-height: 150%; font-weight: 700; }
.business-box-img { width: 110px; height: 110px; background-size: cover; background-repeat: no-repeat; background-position: center; border-radius: 16px; overflow: hidden; min-width: 110px; min-height: 110px; }
.business-box-contents { width: calc(100% - 110px); padding-left: 32px; }
.business-box-text { max-width: 380px; }
.business-support-box h4 strong { font-weight: 600; }
.bs-large { width: 100px; height: 100px; background-color: #EAEAE4BF; border-radius: 16px; mix-blend-mode: multiply; } 
.bs-small { width: 69px; height: 69px; background-color: var(--color-accent); border-radius: 16px; margin-left: auto; margin-top: -35px; margin-right: -35px; } 
.business-square { position: absolute; bottom: 3px; left: -20px; }
.business-support-row { position: relative;}
.streamlining-solutions { padding: 128px 0; position: relative; overflow: hidden; }
.streamlining-header { max-width: 711px; }
.streamlining-col { margin: 64px 0 0; width: 50%; padding: 0 10px; font-size: 15px; line-height: 150%; }
.streamlining-row { margin-left: -10px; margin-right: -10px; }
.streamlining-col-wrap { max-width: 626px}
.streamlining-contents { margin: 24px 0 0; }
.streamlining-text { margin: 24px 0 0; }
.streamlining-icon img { width: 64px; height: 64px; object-fit: contain; }
.ss-large { background: #7FABB6; mix-blend-mode: multiply; width: 220px; height: 220px; border-radius: 16px; } 
.ss-small { background: #EAEAE480; mix-blend-mode: multiply; width: 137px; height: 137px; border-radius: 16px; margin-left: -68.5px; margin-top: -68.5px; } 
.streamlining-square { position: absolute; top: 31px; right: 5%; }
.streamlining-header, .streamlining-row { position: relative; z-index: 1; }
.flexible-support { padding: 32px 0; }
.flexible-support-box { background-color: #27333E; padding: 64px; border-radius: 32px; font-size: 16px; line-height: 150%; color: #EAEAE4; }
.flexible-support-row { margin: 0 -10px; }
.flexible-support-col { width: 50%; padding-left: 10px; padding-right: 10px; margin-top: 32px; }
.fs-wrap { max-width: 600px;font-family:var(--secondaryfont); }
.flexible-support-header { max-width: 688px;}
.flexible-support h2 { line-height: 130%; }
.why-lowthers { padding: 96px 0 128px; position: relative; overflow: hidden; }
.why-lowther-left { width: 27%; position: relative;}
.why-lowther-middle { width: 46%; padding: 0 20px; text-align: center; display: flex; align-items: center; margin-bottom: 10px;flex-flow: row wrap;position: relative;z-index: 1;}
.why-lowther-right { width: 27%; position: relative;}
.why-lowthers .hero__actions.center { justify-content: center; }
.wlm-intro { margin: 24px 0 0; font-size: 16px; line-height: 150%; }
.why-lm-wrap { max-width: 671px; margin-left: auto; margin-right: auto; }
.wllimage { width: 100%; height: 500px; max-width: 400px; background-size: cover; background-repeat: no-repeat; border-radius: 32px; margin-left: -30px; }
.why-lowther-right .wllimage { margin-left: auto; margin-right: -30px; margin-top: 128px; }
.why-lowther-row { align-items: stretch; }
.wll-square-small { width: 44px; height: 44px; background-color: var(--color-accent); border-radius: 12px; margin-left: -44px; }
.wll-square-large { width: 111px; height: 111px; background-color: #EAEAE480; mix-blend-mode: multiply; border-radius: 24px; }
.wll-square { position: absolute; top: 4%; left: 17%; }
.why-lowther-left .wll-square-small { background: #e0e0d7; margin-left: auto; margin-right: -60px; position: relative; top: -30px; }
.why-lowther-left .wll-square { left: auto; right: 17%; top: auto; bottom: 4%; }
.why-lowther-left .wll-square-large { background-color: #7FABB6; }
.wll-single-square, .wll-single-small { width: 111px; height: 111px; background-color: #e0e0d7;  border-radius: 24px; position: absolute; bottom: 9%; right: 37%; }
.why-lowthers h2, .why-lowthers .h3 { line-height: 120%; }
.wll-single-small { bottom: auto; right: auto; left: 32.5%; width: 41px; height: 41px; border-radius: 12px; margin-top: -21px; }
.fullwidth-box { font-size: 40px; line-height: 120%; font-weight: 600; padding: 48px; border-radius: 24px; background-color: #fff; max-width: 800px; margin-left: auto; font-family: var(--secondaryfont); }
.fullwidth-img { min-height: 100vh; background-size: cover; background-repeat: no-repeat; background-position: center center; padding: 128px 0; display:flex;align-items: end; justify-content: end;position: relative;overflow: hidden;}
.fullwidth-outer {width: 100%;}
.faq.darkbg { background: #425463;}
.faq.darkbg .fsm-big, .faq.darkbg .fsr-big { background: #384957; }
.faq.darkbg .fsm-small { background: #3d4e5d; }
.faq.darkbg .faq__title { font-weight: normal; }
.faq.darkbg .btn--ghost:hover, .faq.darkbg .btn--ghost:hover:after { border-color: var(--color-accent); }
.why-solution-section.v2 h2 {max-width: 440px; }
.why-solution-section.v2 .section-square-single { width: 100%; height: 100%; max-width: 403px; max-height: 403px; bottom: 48px; top: auto; transform: none; mix-blend-mode: multiply; background: #EAEAE480; z-index: 9; }
.why-solution-section.v2 .section-square-big { background: #7FABB6; mix-blend-mode: multiply; }
.why-solution-section.v2 .section-square-small { background: #dbdbd2; margin-top: -42px; }
.why-solution-section.v2 .section-square { top: 70%; }
.testimonial-section { padding: 128px 0; background-color: var(--color-accent); position: relative; overflow: hidden; }
.testimonial-header { display: flex; align-items: center; justify-content: space-between; gap: 20px; }  
.testimonial-header h2 { color: #fff; }
.testimonial-slide { background-color: #FFFFFF; padding: 64px; box-shadow: 0px 0px 32px 0px #00000026; border-radius: 16px 16px 16px 96px; }
.testimonial-icon img { width: 64px; height: 64px; object-fit: contain; }
.testimonial-text { font-size: 24px; line-height: 130%; font-family: var(--secondaryfont); font-weight: 600; color: #27333E; margin: 24px 0 0; }
.testimonial-name { margin: 24px 0 0; font-size: 16px; line-height: 140%; }
.testimonial-slider { margin: 76px 0 0; }
.testimonial-slider .slick-slide { height: auto !important; margin: 0 24px; }
.testimonial-slider .slick-slide, .testimonial-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {transition: all 0.5s ease-in-out;transform: scale(0.95);}
.testimonial-slider .slick-current.slick-active {transform: scale(1.05);}
.testimonial-slider .slick-center, .testimonial-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {transform: scale(1.05); }
.testimonial-arrows { display: flex; align-items: center; gap: 16px; }
.testimonial-arrows .slick-arrow { border-color: #fff; } 
.testimonial-arrows .slick-arrow svg * { stroke: #fff; }
ul.slick-dots { display: flex; flex-flow: row wrap; list-style: none; justify-content: center; gap: 8px; margin: 54px 0 0; padding: 0; } 
ul.slick-dots li button { font-size: 0; outline: 0; border: 2px solid #EAEAE4; width: 16px; height: 16px; border-radius: 50%; background-color: transparent; padding: 0; transition: ease all .5s; cursor: pointer;} 
ul.slick-dots li.slick-active button { background-color: #EAEAE4; }
.understand-pain { padding: 128px 0; position: relative; overflow: hidden;font-size: 16px; line-height: 150%; }
.understand-pain-header { text-align: center;  max-width: 921px; margin-left: auto; margin-right: auto; } .understand-pain-col { width: 20%; text-align: center; padding: 0 10px; margin-top: 64px; } 
.understand-pain-inner { margin: 0 -10px; } 
.understand-pain-icon img { width: 64px; height: 64px; margin-left: auto; margin-right: auto; }
.understand-pain-desc { margin: 24px 0 0; }
.understand-pain-title { max-width: 678px; margin-left: auto; margin-right: auto; }
.understand-pain-col h4 { font-size: 20px; line-height: 120%; max-width: 210px; margin-left: auto; margin-right: auto; }
.understand-pain-text { margin: 8px 0 0; }
.understand-pain-contents { margin: 32px auto 0; max-width: 228px; }
.usb-square-large { background: #EAEAE4; width: 182px; height: 182px; border-radius: 16px; mix-blend-mode: multiply; } 
.usb-square-small { background: var(--color-accent); width: 59px; height: 59px; border-radius: 16px; margin-left: -75px; margin-top: -11px; } 
.up-square-bottom { position: absolute; top: 42px; right: -20px; }
.ust-square-large { background: #EAEAE4; width: 182px; height: 182px; border-radius: 16px; mix-blend-mode: multiply; } 
.up-square-top { position: absolute; top: 14px; left: -20px; } 
.ust-square-small { background: hsl(192deg 27% 61% / 50%); width: 59px; height: 59px; border-radius: 16px; margin-left: auto; margin-right: -23px; margin-top: -39px; }
.understand-pain-header, .understand-pain-inner { position: relative; z-index: 1; }
.why-lowther-middle {width: 100%;}
.why-lowther-right { width: 400px; margin-left: auto;min-width: 400px; }
.why-lowther-left { width: 400px;min-width: 400px; }
.why-lowther-row { flex-flow: row;}
.wll-square { left: -7%; }
.why-lowther-left .wll-square {    right: -7%;}
.streamlining-row, .understand-pain-inner, .flexible-support-row {align-items: start; }
.understand-pain-inner {justify-content: center;}
.why-solution-section.v2 .why-solution-intro {  font-family: var(--secondaryfont);}
.site-footer__link:hover { color: var(--color-accent); }
.flexible-support-col:nth-child(2) .fs-wrap {max-width: 604px;}

/*Services Details*/
.dark { background-color: #27333E; }
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark, .dark .hero__lead { color: var(--color-bg); }
.slick-arrow:hover { border-color: var(--color-accent); }
.slick-arrow:hover svg path { stroke: var(--color-accent); }
.slick-arrow svg path {transition: ease all .5s;}
.testimonial-arrows .slick-arrow:hover { border-color: #27333E; }
.testimonial-arrows .slick-arrow:hover svg * { stroke: #27333E; }
.dark .btn--ghost:hover, .dark .btn--ghost:hover:after { border-color: var(--color-accent); }
.hero.v3 .btn--ghost {min-width: 223px;}
.hero.v3 .btn--ghost:after {right: 44px;}
.hero__media.v3 .hero__img--badge { height: 18%; width: 12.8%; top: auto; bottom: 7%; left: 4%; }
.hero__media.v3 .hero__img--square { width: 28.6%; height: 40.5%; top: 50%; bottom: auto; transform: translateY(-50%);    left: 12%; }
.hero.v3 .hero-square-big { background-color: #25313b;position: relative; left: -12px; margin-top: -24px;    mix-blend-mode: multiply;     opacity: 0.05;}
.hero.v3 .hero-square { bottom: auto; top: 20%; display: flex; flex-direction: column-reverse; left: 0; }
.hero.v3 .hero-square-small { margin-top: 0; }
.services-over70 { padding: 48px 0 128px; background-color: #27333E; color: var(--color-bg); position: relative; overflow: hidden; }
.services-over70 h2 { line-height: 130%; font-weight: normal; }
.hero .kicker { margin: 0 0 24px; }
.services-over70-inner { max-width: 1172px; position: relative; z-index: 1; }
.so70-single-square { background: #CC6114; width: 153px; height: 153px; border-radius: 16px; position: absolute; left: -77px; }
.so70-large { background: #27333E1A; width: 199px; height: 199px; border-radius: 24px; mix-blend-mode: multiply; }
.so70-small { background: #27333E1A; width: 96px; height: 96px; border-radius: 16px; mix-blend-mode: multiply; margin-left: -48px; margin-bottom: 54px; }
.so70-double-square { position: absolute; right: -35px; bottom: 42px; }
.understand-pain.v2 .ust-square-large, .why-solution-section+.understand-pain .ust-square-large{ width: 145px; height: 145px; }
.understand-pain.v2 .up-square-top, .why-solution-section+.understand-pain .up-square-top{ left: -45px; }
.understand-pain.v2 .understand-pain-col { width: 25%;}
.understand-pain.v2 .understand-pain-contents{max-width: 297px;}
.understand-pain.v2 { padding-bottom: 96px; }
.flexible-support + .clients { padding-top: 96px; }
.business-support.v2 { padding: 96px 0; }
.business-support.v2 .bs-large { background-color: #EAEAE480; width: 62px; height: 62px; border-radius: 8px; }
.business-support.v2 .bs-small { background-color: #7FABB6; width: 43px; height: 43px; border-radius: 8px; margin-top: -32.5px; margin-right: -18.5px; }
.business-support.v2 .business-square { bottom: auto; top: 0; left: 29%; }
.business-support.v2 + .services { padding-top: 96px; }
.ts-large {opacity: 0;}
.why-solution-section.reverse + .contact-card .ts-large {opacity: 1;}
.hero.v3 { padding-top: 96px;}
.clients-logo-col img {height: 50px; object-fit: contain; width: 150px; }
.clients-logo-row {margin: 70px 0 0;}
.clients-logo-row {display: block;}
.clients-logo-row .clients-logo-col { display: flex !important; align-items: center; justify-content: center;}
.hero.v3 .hero-btn--ghost::after { right: 25px; }
.why-solution-section+.understand-pain .understand-pain-header { font-size: 20px; line-height: 140%; } 
.why-solution-section+.understand-pain  .understand-pain-title { max-width: 100%; }
.services-over70 + .why-solution-section, .testimonial-section +.contact-card { padding-top: 128px; }
.why-solution-section +.understand-pain { padding-top: 96px; }
.why-solution-section+.understand-pain .understand-pain-col h4 { max-width: 100%; }
.services-over70.v2 { color: var(--color-ink); padding-top: 64px; background-color: #EAEAE4; text-align: center; }
.services-over70.v2 .services-over70-inner { max-width: 1158px; margin-left: auto; margin-right: auto; }  
.services-over70.v2 .hero__actions { justify-content: center; }
.why-solution-wrap h2, .why-solution-wrap .h3 { max-width: 440px; }
.why-solution-section+.services { padding-top: 96px; }
.faq+.why-solution-section.reverse { padding-top: 128px; }
.services-over70.v2 .so70-large, .services-over70.v2 .so70-small { background: #e0e0d7;    mix-blend-mode: normal; }
.services-over70.v2 .so70-double-square { bottom: auto; top: 19px; }
.sector-hero.hero.v3 .hero-square-big { background-color: #CC611433;  opacity: 1; }
.sectors__row .slick-slide .mini-card { height: 100%; }
.sectors__row .mini-card span { display: block;}
.sectors__row.slick-slider { display: block;}
.hero.knowledge-base-hero h1, .hero.knowledge-base-hero .h1 { max-width: 400px; }
.popular-topics-row { align-items: stretch; margin: 40px -24px 0; } 
.popular-topics-col { width: 33.33%; display: flex; padding: 0 24px; margin: 24px 0 0; } 
.popular-topics-col-inner { background: var(--color-white); border-radius: 24px; padding: 48px; text-decoration: none; width: 100%; }
.popular-topics-header { text-align: center; }
.popular-topics-section { position: relative;padding: 38px 0 0; }
.popular-topics-col ul { list-style: none; padding: 0; margin: 0; } 
.popular-topics-col ul li { margin: 12px 0 0; } 
.popular-topics-col ul li a { position: relative; padding-right: 28px; display: block;font-size: 16px; line-height: 150%;} 
.popular-topics-col ul li a:after { position: absolute; border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 10px; right: 25px; vertical-align: top; width: 10px; top: 50%; transform: translate(-100%, -50%) rotate(45deg); transition: ease all .5s; margin-top: 0px; border-radius: 1px; opacity: 0; visibility: hidden; } 
.popular-topics-col ul li a:hover:after { right: 0px; opacity: 1; visibility: visible; } 
.popular-topics-list { margin: 32px 0 0px; }
.pts-square-large, .ptsr-square-large { background-color: #e0e0d7; height: 93px; width: 93px; border-radius: 16px; }
.pts-square-small, .ptsr-square-small { background-color: #bb5912; width: 58px; height: 58px; border-radius: 8px;  margin-left: auto; margin-top: 32px; margin-right: -32px; }
.pts-square-left { position: absolute; left: -20px; top: 50%; transform: translateY(-50%); }
.pts-square-right { position: absolute; top: -33px; right: -10px; transform: none; }
.ptsr-square-small { margin-left: -22px; margin-right: 0; margin-top: -22px; mix-blend-mode: multiply; background-color: #7FABB6;width: 48px; height: 48px; }
.knowledgebase-resources-section { padding: 96px 0 128px; position: relative; }
.breadcrumb-section ul { list-style: none; padding: 0; display: flex; flex-flow: row wrap; margin: 0 0 48px; }
.breadcrumb-section ul li:not(:last-child) a { padding-right: 30px; position: relative; text-decoration: underline !important;} 
.breadcrumb-section ul li:not(:last-child) a:after { position: absolute; content: '>'; top: 50%; transform: translateY(-50%); right: 9px; } 
.breadcrumb-section ul li a { color: var(--color-ink); font-size: 16px; font-weight: 600; font-family: var(--secondaryfont); position: relative;}
.breadcrumb-section ul li:last-child a { pointer-events: none; }
.knowledgebase-resource-row { display: flex; flex-flow: row wrap; }
.knowledgebase-resource-row ul { list-style: none; padding: 0; margin: 0; }
.knowledgebase-sidebar { width: 31%;  }
.knowledgebase-sidebar-box{background-color: #e0e0d7;  padding: 48px; border-radius: 24px;height: 100%;}
.knowledgebase-resources { width: 69%; padding-left: 48px; }
.knowledgebase-resources-inner { height: 100%; padding: 48px; border-radius: 24px; background-color: #FFFFFF; }
.ks-title { font-family: var(--secondaryfont); font-size: 24px; line-height: 140%; font-weight: 600; color: var(--color-ink); margin: 0 0 8px; }
.knowledgebase-sidebar h4 { line-height: 140%; margin: 0 0 16px; }
.knowledgebase-sidebar ul li a:after, .knowledgebase-resource-cat a:after { position: absolute; border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 10px; right: 25px; vertical-align: top; width: 10px; top: 50%; transform: translate(-100%, -50%) rotate(45deg); transition: ease all .5s; margin-top: 0px; border-radius: 1px; opacity: 0; visibility: hidden; } 
.knowledgebase-sidebar ul li a:hover:after, .knowledgebase-resource-cat a:hover:after { right: 0px; opacity: 1; visibility: visible; } 
.knowledgebase-sidebar ul li {margin: 4px 0 0;}
.ks-row:not(:first-child) { margin: 32px 0 0; }
.ks-innerrow { margin: 16px 0 0; }
.knowledgebase-sidebar ul li a, .knowledgebase-resource-cat a { font-size: 16px; line-height: 150%; color: var(--color-ink); display: block; padding-right: 28px; position: relative; }
.knowledgebase-resource-item:not(:first-child) { margin: 24px 0 0;}
.knowledgebase-resource-cat a{display: inline-block;}
.knowledgebase-resources-title a { font-family: var(--secondaryfont); font-size: 24px; line-height: 140%; font-weight: 600; color: var(--color-ink); }
.knowledgebase-resources-title { margin: 2px 0 0; }
.popular-topics-col ul li a:hover, .breadcrumb-section ul li a:hover, .knowledgebase-sidebar ul li a:hover, .knowledgebase-resource-cat a:hover, .knowledgebase-resources-title a:hover, .ks-title a:hover, .knowledgebase-sidebar h4 a:hover { color: var(--color-accent); }
/* KB AJAX filter — active state */
.knowledgebase-sidebar ul li.active a { color: var(--color-accent); font-weight: 700; }
.knowledgebase-sidebar ul li.active a:after { right: 0px; opacity: 1; visibility: visible; }

/* Active state for titled group headers (ks-title) to mirror li.active */
.ks-title a { position: relative; display: inline-block; padding-right: 28px; }
.ks-title a:after { position: absolute; border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 10px; right: 25px; vertical-align: top; width: 10px; top: 50%; transform: translate(-100%, -50%) rotate(45deg); transition: ease all .5s; margin-top: 0px; border-radius: 1px; opacity: 0; visibility: hidden; }
.ks-title a:hover:after { right: 0px; opacity: 1; visibility: visible; }
.ks-title a.active { color: var(--color-accent); font-weight: 700; }
.ks-title a.active:after { right: 0px; opacity: 1; visibility: visible; }
/* Active state for top-level h4 headings (mirror .knowledgebase-sidebar ul li.active) */
.knowledgebase-sidebar h4 a { position: relative; display: inline-block; padding-right: 28px; color: var(--color-ink); }
.knowledgebase-sidebar h4 a:after { position: absolute; border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 10px; right: 25px; vertical-align: top; width: 10px; top: 50%; transform: translate(-100%, -50%) rotate(45deg); transition: ease all .5s; margin-top: 0px; border-radius: 1px; opacity: 0; visibility: hidden; }
.knowledgebase-sidebar h4 a:hover:after { right: 0px; opacity: 1; visibility: visible; }
.knowledgebase-sidebar h4 a.active { color: var(--color-accent); font-weight: 700; }
.knowledgebase-sidebar h4 a.active:after { right: 0px; opacity: 1; visibility: visible; }
/* When hovering a top-level ks-row, highlight its h4 link to match other active/hover behaviour */
.ks-row:hover > h4 a { color: var(--color-accent); font-weight: 700; }
.ks-row:hover > h4 a:after { right: 0px; opacity: 1; visibility: visible; }
/* KB AJAX filter — loading state */
.kb-loading { opacity: 0.45; pointer-events: none; transition: opacity 0.25s ease; }
.popular-topics-header, .popular-topics-row { position: relative; z-index: 1; }
.popular-topics-header h2 { font-size: 40px; }
.knowledgebase-article-header { font-size: 20px; line-height: 140%; }
.knowledgebase-article-header { font-size: 20px; line-height: 140%; } 
.knowledgebase-article-excerpt { margin: 16px 0 0; } 
.knowledgebase-article-actions { margin: 24px 0 0; } 
.knowledgebase-article-header .kicker { margin: 0 0 2px; } 
.knowledgebase-article-header  h1, .knowledgebase-article-header  .h3 {  line-height: 140%; }
.article-resources .knowledgebase-sidebar-box { height: auto; }
.knowledgebase-sidebar-sticky {height: 100%;}
.knowledgebase-article-body { margin: 24px 0 0; font-size: 16px; line-height: 150%; }
.knowledgebase-article-body h1, .knowledgebase-article-body h2, .knowledgebase-article-body h3, .knowledgebase-article-body h4, .knowledgebase-article-body h5, .knowledgebase-article-body h6 { margin: 24px 0 24px; }
.knowledgebase-article-body img { margin: 24px 0; }
.knowledgebase-article-body li { margin: 12px 0 0; } 
.knowledgebase-article-body ul, .knowledgebase-article-body ol { list-style: disc; padding: 0 0 0 32px; margin: 24px 0; }
.knowledgebase-article-body ol { list-style: decimal; } 
.knowledgebase-article-body a:not(.btn) {text-decoration: underline !important;}
.knowledgebase-article-body a:hover:not(.btn) { color: var(--color-accent); }
.knowledgebase-form-box { width: 100%; background: #27333E; border-radius: 24px; padding: 48px; color: #FFFFFF; margin: 32px 0 0; }
.knowledgebase-form-box .contact-card { padding: 0; } 
.knowledgebase-form-box .contact-card form { display: flex; flex-flow: row wrap; gap: 24px; margin: 0; font-size: 16px; line-height: 150%; color: #FFFFFF; }
.knowledgebase-form-box h3, .knowledgebase-form-box .h4 { margin: 0 0 32px; }
.knowledgebase-form-box .contact-card__submit::after { right: calc(100% - 80%);}
/*.knowledgebase-form-box, .article-resources .knowledgebase-sidebar-box { position: sticky; top: 32px;}*/
.knowledgebase-form-box { position: sticky; top: 24px;}
.knowledgebase-form-box .cc-field {width: 100%;}
.site-footer__title a:hover {color: var(--color-accent);}
.knowledgebase-article-body .btn { margin: 24px 0; }
.terms-conditions { padding: 96px 0 128px; min-height: 100vh; }
.terms-conditions .container { max-width: 1192px; }
.terms-conditions .knowledgebase-article-body { font-size: 15px; }
.terms-conditions-header .kicker { margin: 0 0 2px; }
.terms-conditions-header h1, .terms-conditions-header .h2 { line-height: 140%; }
.knowledgebase-article-body blockquote { margin: 24px 0; padding-left: 20px; border-left: 3px solid var(--color-accent); }
/* 2026-04-28: Match Figma scale for Knowledge Base article rich-text headings. */
.knowledgebase-article-body h2 { font-size: 24px; line-height: 130% }
.knowledgebase-article-body h3 { font-size: 21px; line-height: 135% }
.knowledgebase-article-body h4 { font-size: 18px; line-height: 140% }
.knowledgebase-article-body h5, .knowledgebase-article-body h6 { font-size: 16px; line-height: 140%; }
.hero.about-hero h1, .hero.about-hero .h1 { max-width: 100%; }
.hero+.why-lowthers { padding-top: 128px; }
.why-lowthers + .why-solution-section.reverse { padding-bottom: 128px; }
.cover-section { padding: 96px 0 128px; background-color: #27333E; position: relative; overflow: hidden;}
.cover-header { max-width: 688px; margin-left: auto; margin-right: auto; width: 100%; text-align: center; color: var(--color-bg); font-size: 16px; line-height: 150%; }
.cover-intro { margin: 30px 0 0; } 
.cover-header .h3, .cover-header h2 { max-width: 500px; margin-left: auto; margin-right: auto;line-height: 120%; }
.cover-row { margin: 48px 0 0; gap: 24px; display: flex; flex-flow: row wrap; }
.cover-col { width: calc(25% - 24px); }
.fl-square-small { width: 153px; height: 153px; background-color: #EAEAE4; mix-blend-mode: multiply; border-radius: 16px; margin-left: auto; margin-bottom: -60px; margin-right: -80px; } 
.fl-square-large { width: 244px; height: 244px; background-color: #7FABB6; mix-blend-mode: multiply; border-radius: 16px; } 
.fullwidth-left-square { position: absolute; left: 3%; top: 33%; }
.fl-square-middle { background-color: #42546380; width: 153px; height: 153px; border-radius: 16px; position: absolute; top: 0; left: 50%; transform: translateX(-50%); top: -80px; mix-blend-mode: multiply; }
.fl-square-middle-bottom { width: 78px; height: 78px; background-color: #EAEAE4; mix-blend-mode: multiply; border-radius: 16px; position: absolute; top: 25%; left: 36%; }
.fr-square-small { width: 78px; height: 78px; background-color: #CC6114; mix-blend-mode: multiply; border-radius: 16px; margin-left: auto; margin-right: -80px; margin-bottom: 14px; } 
.fr-square-large { width: 153px; height: 153px; background-color: #EAEAE4; mix-blend-mode: multiply; border-radius: 16px; margin-left: auto; } 
.fullwidth-right-square { position: absolute; top: 8%; right: 20%; }
.testimonial-section ul.slick-dots li.slick-active button { background-color: #EAEAE4; }
.Process-section { padding: 128px 0 96px;overflow:hidden; }
.Process-row { margin: 92px 0 0; gap: 28px; display: flex; flex-flow: row wrap; } 
.Process-col { width: calc(33.33% - 28px); padding: 40px; box-shadow: 0px 0px 16px 0px #0000000D; background-color: #fff; border-radius: 16px 16px 16px 64px; font-size: 16px; line-height: 140%; transition: ease all .5s;} 
.Process-header { max-width: 700px; margin-left: auto; margin-right: auto; text-align: center; }
.process-icon img { width: 64px; height: 64px; object-fit: contain; }
.process-contents { margin: 48px 0 0; }
.process-number { font-size: 64px; line-height: 130%; color: #7FABB6; font-weight: 600; font-family: var(--secondaryfont); }
.process-intro { margin: 24px 0 0; }
.process-desc { font-size: 24px; line-height: 130%; margin: 2px 0 0;font-weight:600; }
.Process-col:hover { transform: translateY(-15px); box-shadow: 0px 16px 24px 0px #00000029; }
.contact-card + .why-lowthers { padding-top: 64px; }
.cover-col .service-card__title {max-width: 176px;}
.cover-row, .Process-row {justify-content: center;}
form input[type="submit"] { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 15px 34px; border-radius: var(--radius-pill); border: 2px solid transparent; font-size: 16px; line-height: 110%; white-space: nowrap; font-weight: 600; position: relative; background: transparent; border-color: var(--color-bg); color: var(--color-bg); width: 100%; justify-content: center; margin-top: 8px; line-height: 100%; border-radius: 32px; color: #EAEAE4; font-weight: 600; cursor: pointer; height: auto !important;transition: ease all .5s;font-family: var(--primaryfont);background-image: url('https://www.inboundweb.in/lowther/assets/images/accent-arrow.svg');background-size: 0px; background-repeat: no-repeat; background-position: 61% 50%;}
form input[type="submit"]:hover {  border-color: var(--color-accent);background-size: 10px; background-position: 68% 50%;}
.knowledgebase-form-box form input[type="submit"]:hover {   background-position: 80% 50%;}
.contact-hero-form {padding: 0 !important; width: 50%; } 
.contact-hero-contents {width: 50%; padding-right: 20px; }
.contact-hero { padding: 48px 0;position: relative; overflow: hidden; }
.contact-hero+.clients { padding-top: 96px;padding-bottom: 96px; }
.contact-hero-form-box { background-color: #27333E; padding: 64px; border-radius: 30px;max-width: 649px; margin-left: auto; }
.contact-hero-wrap { max-width: 649px; }
.contact-hero h1, .contact-hero .h2 { max-width: 425px; }
.contact-hero-sesc { margin: 24px 0 0; }
.contact-hero-row { position: relative; z-index: 1; }
.contact-hero .hero-square { left: 45%; transform: translateX(-50%); display: flex; flex-direction: column-reverse; bottom: 21px; }
.contact-hero .hero-square-small { margin-left: -45px; margin-right: auto; margin-bottom: 7px; }  
.contact-find { position: relative; background-color: #d7d7cc; padding: 96px 0; }
.contact-find .section-square-single, .contact-find .section-square-big { background: #cecec1;}
.contact-find-map iframe { border-radius: 32px; }
.contact-find-details { width: 55%; padding-left: 88px; font-size: 20px; line-height: 150%; }
.contact-find-map { width: 45%; text-align: right; }
.contact-find-map iframe { border-radius: 32px; width: 100%; height: 568px; max-width: 568px; }
.contact-find-address { margin: 48px 0 0; }
.contact-find-btn { margin: 44px 0 0; }
.contact-find-btn a {font-size: 20px; font-weight: 600; padding-right: 17px; position: relative;}
.contact-find-btn a:after {position: absolute; border-style: solid; border-width: 2px 2px 0 0; content: ''; display: inline-block; height: 10px; right: 25px; vertical-align: top; width: 10px; top: 50%; transform: translate(-100%, -50%) rotate(45deg); transition: ease all .5s; margin-top: 0px; border-radius: 1px; opacity: 0; visibility: hidden; right: 0;}
.contact-find-btn a:hover:after { opacity: 1; visibility: visible; transform: translate(-0%, -50%) rotate(45deg); color: var(--color-accent); }
.contact-find-row { position: relative; z-index: 1; }
.contact-find +.contact-card { padding-top: 128px; }
.contact-find .section-square-small { background: #ac5210;}
.contact-hero .contact-card__form {margin:0 !important;}
.contact-card + .services-over70 { padding-top: 128px; padding-bottom: 96px; margin-bottom: -5px; }
.services-over70 + .cover-section { padding-top: 32px; }
.why-lowthers + .Process-section { padding-top: 64px; }


/*Responsive*/


@media(min-width:1201px){
  .knowledgebase-resources {padding-left: 64px;}
}

@media(min-width:992px){
.sectors__row.v2 .mini-card { width: calc(20% - 24px);}
.sectors__row.v2 .mini-card__title { max-width: 212px; }
.footer-link-right nav:not(:last-child) { width: 100%; max-width: 248px; }
.sectors__row.slick-slider {overflow: hidden;}
.sectors__row .slick-slide {margin-top: 30px;margin-bottom: 30px;}
}

@media(min-width:769px){
.navwrap ul>li>a:hover:before {color: var(--color-accent);}
.navwrap ul>li>a:hover:before {  transform: translateY(-50%) rotate(-45deg);  margin-top: 0; top: 60%;}
.navwrap ul>li>a:hover:after, .navwrap ul>li.open-submenu>a:after { width: 100%;}
.navwrap ul>li>a:hover {color: var(--color-accent);}
.navwrap ul>li>a:hover:before {color: var(--color-accent);}
.navwrap ul>li>a:hover:before{  transform: translateY(-50%) rotate(-45deg);  margin-top: 0; top: 60%;}
.why-solution-section.v2 .why-solution-intro{max-width: 440px;}
.testimonial-slider:not(.slick-current.slick-active) {margin-left: -10%; margin-right: -10%; }
.why-solution-section+.understand-pain .understand-pain-contents { max-width: 236px;}
.why-solution-section.reverse .why-solution-contents {padding-left: 0; padding-right: 24px; }
}
@media (max-width: 1580px){
.square-orang {width: 70px; height: 70px; right: -35px; }
.whytab-botom {padding: 30px} .why-panel__text {padding-left: 30px; }
.why-panel__lead {font-size: 20px;}
.why-solution-section.reverse .section-square {transform: scale(0.7); top: 29%; left: 2%; }
.three-square {transform: scale(0.7) translate(-50%, -50%); left: 20%; }
.faq-square-left {transform: scale(0.7); top: 18%; left: -7%; }
.faq-square-middle {left: 39%; }
.faq-square-right {transform: scale(0.7); right: 1%; bottom: 12%; }
.section-square {transform: scale(0.7); top: 26%; right: -50px; }
.why-lowther-right { width: 350px;min-width: 350px; }
.why-lowther-left { width: 350px;min-width: 350px; }
.wll-single-square { right: 33%; }
.testimonial-slider .slick-slide { margin: 0 20px; }
.testimonial-slide { padding: 48px;}
.testimonial-text { font-size: 20px;}
.testimonial-icon img { width: 54px; height: 54px}
.why-solution-section.v2 .section-square-single { left: -170px; }
.why-solution-section.reverse .section-square-single { right: -170px; }
.services-over70 .container { width: 90%; }
.so70-single-square { left: -100px; }
.business-support.v2 .business-square { left: 23%; }
.services-over70.v2 .so70-small { width: 56px; height: 56px; margin-bottom: 30px; }
.services-over70.v2 .so70-large{ width: 118px; height: 118px; }
/*.is-isdescribe {min-width: calc(100vw - 41vw);}*/
}
/*@media(max-width:1440px){
  .is-isdescribe { min-width: calc(100vw - 43vw);}
}*/
@media(max-width:1400px){
h3, .h3 {font-size: 38px;}
.why-solution-section.reverse .section-square {transform: scale(0.5); top: 26%; left: 0%; }
.faq-square-left {transform: scale(0.4); top: 13%; left: -9%; }
.post__title {font-size: 22px; }
.over70 h2, .over70 .h1 {font-size: 56px; }
.over70_copy_wrap {max-width: 800px;} .navwrap .primary-nav>ul, .nav {gap: 40px; }
.hero__img--main {max-width: 70%;}
.hero__img--square {left: 18%;}
.hero__img--badge {left: 9%;}
.hero-square {left: 4%;}
.hero__media.v2 .hero__img--main { max-width: 80%;}
/*.is-isdescribe {min-width: calc(100vw - 45vw);}*/
.popular-topics-col-inner {padding: 38px;}
.knowledgebase-form-box .contact-card form input{height: 44px;}
.knowledgebase-form-box .contact-card form textarea { height: 60px;}
.contact-hero .hero-square { left: 40%;}

}
@media (max-width: 1300px) {
  .sectors__row {gap: 10px; }
.mini-card__title {font-size: 18px; }
h3, .h3 {font-size: 34px; } 
.over70 h2, .over70 .h1 {font-size: 50px; max-width: 100%; } 
.over70_copy_wrap {max-width: 730px;}
.why-solution-wrap .h3, .why-solution-wrap .h2 { max-width: 380px;}
.section-square {transform: scale(0.5); top: 26%; } 
.why-tabs__top-title {font-size: 34px; }
.why-solution-section.reverse .section-square {transform: scale(0.35); top: 24%; left: -2%; } 
.post__title {font-size: 20px; } 
.contact-card__panel h2, .contact-card__panel .h3 {max-width: 432px;}
.mini-card { width: calc(16.66% - 10px);}
.sectors__row.v2 .mini-card { width: calc(20% - 10px);}
.business-support-left-wrap h2, .business-support-left-wrap .h3 { max-width: 570px; }
.business-support-box { padding: 35px; }  
.streamlining-header { max-width: 661px; }
.usb-square-large { width: 145px; height: 145px; }
/*.is-isdescribe {min-width: calc(100vw - 48vw);}*/
.popular-topics-col-inner { padding: 30px 29px; }
.popular-topics-col { padding: 0 15px;}
.popular-topics-row {margin-right: -15px;margin-left: -15px;}
.knowledgebase-form-box {padding: 38px;}
.knowledgebase-form-box .contact-card form {    gap: 14px;}
.knowledgebase-form-box .cc-field__label {margin: 0 0 10px}
.Process-col { padding: 30px; }
}

@media (max-width: 1200px) {
  :root {--container-pad: 48px; } 
.hero__media {justify-self: start; } 
.over70__inner {grid-template-columns: 1fr; gap: 32px; }
.over70__photo {border-radius: 0 24px 24px 0; } 
.site-footer__cols {grid-template-columns: 1.2fr 1fr; gap: 10px; } 
.footer-link-right {gap: 10px;} .site-footer__col {min-width: 180px; }
.site-footer__policies {gap: 40px;}
h2, .h2 { font-size: 40px;} 
h3, .h3 {font-size: 28px; } 
.services h2, .services .h3 {max-width: 300px; } 
.why__header {max-width: 631px; } 
.why-tab__num, .why-tabs__top-left {font-size: 50px; }
.why-tabs__top-title {font-size: 26px; } 
.whytab-botom {padding: 20px; } 
.why-panel__text {padding-left: 20px; } 
.mini-card {padding: 30px 17px; }
.mini-card__title {font-size: 16px; } 
.over70 h2, .over70 .h1 {font-size: 40px; max-width: 100%; } 
.over70_copy_wrap {max-width: 610px;} 
.navwrap .primary-nav>ul, .nav {gap: 18px; } 
.hero__actions {gap: 15px; }
.btn {font-size: 14px;}
.btn--primary:after {right: 15px;}
.btn--primary {padding: 15px 24px;}
.service-card__title {font-size: 28px;}
.slick-slide {  margin: 0 5px;} 
.section-square {transform: scale(0.3); top:18%; right: -71px; } 
.why-solution-section.reverse .section-square {transform: scale(0.2); top: 18%; left: -5%; } 
.service-card {padding: 30px 17px 112px; }
.post {padding: 30px 17px; padding-bottom: 81px; } 
.insights__grid {gap: 10px; } 
.post__title {font-size: 18px; }
.three-square {transform: scale(0.5) translate(-50%, -50%); }
.why-panel__text {padding-left: 0; width: 100%; margin: 20px 0 0; } 
.why-panel__image {width: 100%; }
.navwrap ul>li.has-child>ul>.container>li>ul {gap: 20px;}
.flexible-support-header { max-width: 678px;}
.business-support-left-wrap h2, .business-support-left-wrap .h3 { max-width: 470px; }
h4, .h4 {font-size: 28px;}
.testimonial-slider .slick-slide { margin: 0 10px; }
.why-lowther-left { width: 290px; min-width: 290px; }
.why-lowther-right { width: 290px; min-width: 290px; }
.wllimage { height: 400px;}
.streamlining-header { max-width: 550px; }
.hero__media.v2 .hero-square { transform: scale(0.7); top: 13%; }
.business-support-box { padding: 30px 20px; }
.flexible-support-box { padding: 40px; }
.why-lm-wrap { max-width: 560px;}
.wll-square { left: 6%; top: 9%; }
.wll-square-large { width: 71px; height: 71px;    border-radius: 16px;}
.why-lowther-left .wll-square { right: 0%; bottom: 9%; }
.testimonial-slide { padding: 35px 24px; border-radius: 16px 16px 16px 60px; }
.wll-single-square {width: 71px; height: 71px; border-radius: 16px; right: 33%;}
.fullwidth-img { min-height: 60vh;}
.services-over70.v2 .services-over70-inner { max-width: 970px;}
.why-solution-section+.understand-pain .understand-pain-header { max-width: 731px;font-size:16px;}
.services-over70.v2 .so70-large {width: 80px; height: 80px; border-radius: 16px; }
.services-over70.v2 .so70-small { width: 50px; height: 50px; border-radius: 12px; margin-bottom: 20px; margin-left: -25px; }  
.services-over70.v2 .so70-double-square {right: -15px;}
.hero.v3 h1, .hero.v3 .h1 { font-size: 48px; max-width: 340px;}
body .why-solution-section .section-square { transform: scale(0.2) !important; top: -8% !important; left: 0 !important; bottom: auto !important; right: auto !important; }
/*.is-isdescribe { min-width: calc(100vw - 61vw);}*/
.popular-topics-col { padding: 0 8px;}
.popular-topics-row {margin-right: -8px;margin-left: -8px;}
.popular-topics-col-inner { padding: 30px 20px; }
.knowledgebase-sidebar-box, .knowledgebase-resources-inner { padding: 30px; }
.knowledgebase-resources { padding-left: 30px; }
.knowledgebase-form-box {padding: 28px;}
.knowledgebase-form-box .contact-card__submit::after {right: calc(100% - 83%); }
.contact-card__panel h2, .contact-card__panel .h3 {max-width: 342px; } 
.fullwidth-img.notext { padding: 0; min-height: 42vh; }
.cover-col { width: calc(25% - 15px); }
.cover-row, .Process-row { gap: 15px; }
.Process-col { width: calc(33.33% - 15px); }
.knowledgebase-form-box form input[type="submit"]:hover {   background-position: 83% 50%;}
.knowledgebase-form-box form input[type="submit"] { font-size: 14px; }
.contact-find-map iframe { height: 500px; max-width: 500px; }

}
 @media (min-width: 769px) and (max-width: 1120px){
  .contact-hero .contact-card__submit::after {right: calc(100% - 73%); }
}
@media (max-width: 991px){
.insights__grid {grid-template-columns: repeat(2, minmax(0, 1fr)); }
.site-footer__col {min-width: auto; }
.footer-link-left {width: 100%; }
.footer-link-right {width: 100%; }
body .site-footer__cols {flex-flow: column; } 
.site-footer {padding: 60px 0 32px; } 
.site-footer__cols {padding: 30px 0 30px; }
.site-footer__cols{gap: 30px;}
.site-footer__bottom {gap: 10px; } 
.site-footer__policies {gap: 10px; } 
.site-footer, .site-footer ul li, .site-footer ul li a, .site-footer__policies a {font-size: 14px;}
.post__title {font-size: 22px; } 
h2, .h2 {font-size: 32px; } 
.faq-item__q {padding: 20px; }
.faq-item__plus {width: 30px; height: 30px;} .faq-item__qtext {font-size: 18px; }

.contact-card__panel {padding: 40px; }
.why-tabs-flex {flex-flow: column; } 
.is-short {width: 100%; max-width: 100%; }
.why-tabs-col:not(:last-child) {border-bottom: 1px solid #fff; } 
.why-tabs-col:not(:last-child) {border-right: 0; } 
.why-tab__label {writing-mode: inherit; transform: none; }
.why-tab__arrow {position: relative; bottom: auto; } 
.is-short-wrap {width: 100%; display: flex; align-items: center; flex-direction: row; } 
.is-isdescribe {transform: none !important; }
.is-icols, .why-tabs-flex {min-height: auto; } 
.is-short, .whytab-top {padding: 13px 15px; }
.why-panel__text .btn, .why-panel__body {margin: 20px 0 0; } 
.why-tab__arrow {width: 30px; height: 30px;} .why-tab__arrow svg {width: 12px; }
.is-short-wrap {font-size: 18px; } 
.why-tab__num, .why-tabs__top-left {font-size: 32px; }
.insights, .faq, .contact-card, .why-solution-section,.over70, .sectors {padding: 60px 0; } 
.insights__grid {gap: 20px; } .why, .clients, .services  { padding: 60px 0 0;} 
.why .container {max-width: 100%; padding: 0 20px; }
.why__header {max-width: 500px; } 
.why-solution-section.reverse {padding-bottom: 0; } 
.over70 h2, .over70 .h1 {font-size: 32px;} 
.over70_copy_wrap {max-width: 457px; }
h1, .h1 {font-size: 48px;} 
.hero_copy_wrap {max-width: 374px; } 
.sectors {padding-top: 0; }
.mini-card__title {font-size: 20px; max-width: 100%; }
.why-tabs__top-title {font-size: 24px; }
.navwrap ul>li.has-child>a {padding-right: 20px;} 
.navwrap .primary-nav>ul, .nav {gap: 10px; } 
.navwrap ul>li>a {font-size: 14px;} 
.brand img.brand__logo {width: 110px; }
.navwrap .primary-nav>ul, .nav {gap: 15px; } 
.navwrap ul>li>a {font-size: 13px;} 
.navwrap ul>li.has-child>ul>.container>li>ul>li>a {font-size: 16px;} 
.submenu-cta {margin: 24px 0 0; }
.navwrap .primary-nav>ul, .nav {gap: 10px; } 
.btn {font-size: 13px; }
.navwrap ul>li.has-child>a:before {height: 8px; right: 6px; width: 8px}
.hero__actions {gap: 10px; } 
.hero__media, .hero__copy {width: 50%; }
.hero-square {transform: scale(0.7); bottom: 15px; left: -2%; } 
.section-square {transform: scale(0.2);} 
.why-solution-section.reverse .section-square {transform: scale(0.15);    left: -6%;} 
.site-footer__col--contact {display: flex; justify-content: space-between; }
.site-footer__address {margin: 0px 0 24px;} 
.navwrap {padding: 15px 0; } .whytab-botom {padding: 40px 20px; } 
.why-solution-section.reverse .section-square-single {max-width: 100px; height: 100%; max-height: 100px; top: 15%;right: -20px; }
.mini-card, .sectors__row.v2 .mini-card { width: calc(33% - 10px); }
.hero__media.v2 .hero-square { transform: scale(0.5); top: 0%; left: -5%; }
.business-support {padding-top: 60px;}
.ss-large { width: 130px; height: 130px; }
.ss-small { width: 100px; height: 100px; margin-left: -50px; margin-top: -50px; }
.streamlining-solutions { padding-bottom: 28px; }
.flexible-support-box { padding: 40px 30px;}
.why-lowther-right, .why-lowther-left { width: 200px; min-width: 200px; }
.wllimage { height: 300px; }
.fullwidth-img { padding: 60px 0; }
.fullwidth-box { font-size: 28px;font-weight: 600; padding: 30px;  max-width: 550px;}
.testimonial-icon img { width: 40px; height: 40px; }
.testimonial-text { font-size: 18px; }
.understand-pain-header { max-width: 571px;}
.business-support-left-wrap .kicker { letter-spacing: 2px; }
h4, .h4 { font-size: 24px; }
.flexible-support-header { max-width: 538px; }
.understand-pain-col { width: 33.33%; }
.testimonial-section { padding: 60px 0;}
.testimonial-slide { border-radius: 16px 16px 16px 60px; }
.ust-square-large,.usb-square-large { width: 100px; height: 100px; }
.understand-pain { padding-bottom: 60px; }
.why-solution-section.v2 + .services { padding-bottom: 60px; }
.why-solution-section.v2 .section-square-single {bottom: 0; }
.hero.v2 .hero_copy_wrap {max-width: 350px;}
.business-box { padding: 16px; }
.business-box-contents { padding-left: 16px; }
.slick-arrow { width: 38px; height: 38px; }
.fullwidth-img { min-height: 50vh;}
.understand-pain.v2 .understand-pain-col { width: 50%;}
.hero.v3 { padding-top: 60px; }
.so70-large { width: 80px; height: 80px; border-radius: 16px; }
.so70-small { width: 50px; height: 50px; margin-bottom: 20px; margin-left: -25px; border-radius: 12px; }
.so70-double-square { position: absolute; right: -15px; bottom: 25px; }
.services-over70 { padding-bottom: 60px; }
.so70-single-square { width: 80px; height: 80px; left: -35px; }
.services-over70-inner { max-width: 782px;}
.understand-pain.v2 .understand-pain-title { max-width: 470px;}
.understand-pain.v2 .ust-square-large, .why-solution-section+.understand-pain .ust-square-large{ width: 100px; height: 100px; }
.business-support.v2 { padding-bottom: 60px; }
.business-support.v2 + .services { padding-top: 0; padding-bottom: 60px;}
.flexible-support + .clients { padding-top: 30px; }
.understand-pain.v2 {padding-bottom: 30px; }
.btn--primary { padding: 15px 18px; }
.hero.v3 .hero-square { left: -7%; }
.faq-item__plus::after { height: 14px; } 
.faq-item__plus::before { width: 14px; }
.services-over70.v2 .services-over70-inner { max-width: 770px; }
.services-over70 + .why-solution-section, .testimonial-section +.contact-card, .why-solution-section+.services { padding-top: 60px;}
.why-solution-section+.understand-pain .understand-pain-header { max-width: 616px;}
.why-solution-section+.services { padding-bottom: 40px; }
.services +.why-solution-section.reverse { padding-bottom: 60px; }
.faq+.why-solution-section.reverse { padding-top: 60px; }
.hero.v3 h1, .hero.v3 .h1 { max-width: 100%;}
.sector-hero.hero.v3 .hero-square-big { background-color: #252d33; opacity: 0.5; }
body .why-solution-section .section-square { top: -15% !important; left: -5% !important; }
.clients-logo-row .slick-slide { min-width: 5%; }
.clients {padding-bottom: 60px;}
.is-isdescribe {  min-width: auto !important; }
.why-paneltext-wrap { max-width: 100%; }
.why-tabs-col {flex: none !important;}
.sectors__row .slick-slide {margin: 0 10px;}
.sectors ul.slick-dots li button { border-color: var(--color-ink); }
ul.slick-dots li.slick-active button{ background-color: var(--color-ink); }
.sectors .slick-list.draggable { width: 90%;}
.hero.knowledge-base-hero h1, .hero.knowledge-base-hero .h1 {font-size: 44px;    max-width: 360px; }
.knowledgebase-resources-section { padding: 60px 0 60px;}
.knowledgebase-resources { padding-left: 20px; }
.knowledgebase-sidebar-box, .knowledgebase-resources-inner { padding: 20px; }
.knowledgebase-resources-title a, .ks-title { font-size: 20px; }
.knowledgebase-form-box .contact-card__submit::after {right: calc(100% - 89%); }
.knowledgebase-form-box {padding: 20px;}
.knowledgebase-article-header { font-size: 16px; }
.terms-conditions { padding: 60px 0; }
.cover-col { width: calc(33.33% - 15px); }
.cover-section { padding: 60px 0; }
.hero+.why-lowthers { padding-top: 60px; }
.why-lowthers + .why-solution-section.reverse { padding-bottom: 60px; }
.Process-section { padding: 60px 0 60px; }
.contact-card + .why-lowthers { padding-top: 60px; }
.hero.about-hero h1, .hero.about-hero .h1 { font-size: 41px; }
.Process-col { padding: 30px 24px 40px 24px; border-radius: 16px 16px 16px 40px;  }
.process-number { font-size: 42px;}
.process-desc { font-size: 18px;}
.Process-row { margin: 40px 0 0; }
.process-contents { margin: 24px 0 0; }
.knowledgebase-form-box form input[type="submit"]:hover {   background-position: 89% 50%;}
.knowledgebase-form-box form input[type="submit"] {font-size: 13px;}
.knowledgebase-form-box form input[type="submit"] { font-size: 13px; padding-left: 20px; padding-right: 20px;}
.contact-hero h1, .contact-hero .h2 { max-width: 340px; }
.contact-find {padding: 60px 0;}
.contact-find+.contact-card { padding-top: 96px;}
.contact-find+.contact-card  { padding-bottom: 60px;}
.contact-hero-form-box { padding: 30px; }
.contact-hero .hero-square { bottom: 0px; transform: scale(0.8); left: 36%; } 
.contact-hero+.clients { padding-top: 60px; padding-bottom: 31px; }
.contact-find-map iframe {height: 400px; max-width: 400px; }
.contact-hero+.clients+.why-solution-section+.why-solution-section.reverse {padding-bottom: 60px; }
.contact-card + .services-over70 { padding-top: 60px; padding-bottom: 30px; }
.why-lowthers + .Process-section { padding-top: 0; }
.Process-header { max-width: 560px;}
}

@media (max-width: 768px) {
:root {--container-pad: 20px; } 
.nav {flex-wrap: wrap; justify-content: center; align-items: center; }
.nav-toggle {display: inline-block; margin-left: auto; } 
.primary-nav__list {justify-content: center; gap: 16px; } 
.primary-nav {width: 100%; display: none; }
.nav-cta {width: 100%; } 
.site-header.is-menu-open .primary-nav {display: block; } 
.primary-nav__list {padding-top: 10px; flex-direction: column; align-items: center; gap: 12px; }
.hero__media {width: 100%; }
.sectors {padding: 16px 0 60px; } 
.why-tabs__body {grid-template-columns: 1fr; } 
.why-tabs__panelwrap {border-right: 0; }
.why-panel__grid {grid-template-columns: 1fr; } 
.why-tabs__rail {grid-template-rows: none; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid rgba(234, 234, 228, 0.35); } .why-tab {border-left: 0; border-right: 1px solid rgba(234, 234, 228, 0.35); }
.why-tab__label {writing-mode: horizontal-tb; transform: none; text-align: center; }
.faq__inner {grid-template-columns: 1fr; gap: 28px; } 
.faq__cta {margin-top: 22px; } 
.bespoke__inner {grid-template-columns: 1fr; gap: 28px; }
.contact-card__row { grid-template-columns: 1fr;}
.over70 {padding-block: 40px; } 
.site-footer__cols {grid-template-columns: 1fr; gap: 28px; } 
.site-footer__bottom {flex-direction: column; align-items: flex-start; } 
.site-footer__policies {gap: 18px 28px; justify-content: flex-start; }
.nav-cta {display: none; } 
.hero__media, .hero__copy {width: 100%; } 
.hero__media {margin: 40px 0 0; }
.hero_copy_wrap {max-width: 100%; } 
.hero__lead {max-width: 100%; } 
.hero__actions {margin: 24px 0 0; }
.over70__media {width: 100%;} 
.over70__copy {width: 100%; padding: 40px 20px 60px; } 
.over70_copy_wrap {max-width: 100%; }
.kicker {letter-spacing: 2px; font-size: 14px; } 
.services__copy {width: 100%; padding-right: 0; } 
.services__viewport {width: 100%; }
.services__inner {display: block; } .services h2, .services .h3 {max-width: 100%; }
 body .over70__inner {flex-direction: column; } 
 .over70 {padding: 60px 0 0; } 
 .why-solution-contents {width: 100%; padding-left: 0; margin: 40px 0 0; }
.why-solution-wrap {max-width: 100%;} 
.why-solution-wrap .h3, .why-solution-wrap .h2 {max-width: 100%; } 
.why-solution-intro {max-width: 100%; } .why-solution-img {width: 100%; }
.btn {font-size: 14px; } 
.faq__left {width: 100%; padding-right: 0;} 
.faq__right {width: 100%; margin: 0px 0 0; }
.faq__inner {gap: 40px;}
.faq__cta {margin-top: 24px !important; } 
.site-footer__col--contact a, .site-footer__text, .site-footer__address+.site-footer__text a {font-size: 14px;} 
.site-footer__text+.site-footer__text+.site-footer__text {max-width: 180px; } .site-footer__col--contact>div+div {min-width: 110px; }
.footer-link-right {flex-flow: row wrap; } 
.footer-link-right .site-footer__col:first-child {width: 100%; text-align: center; margin: 0 0 30px; }
.footer-link-right .site-footer__col:nth-child(1) ul {max-width: 260px; margin-left: auto; margin-right: auto; } 
.site-footer__title {font-size: 18px;} 
.footer-link-right .site-footer__col:nth-child(1) li a, .footer-link-right .site-footer__col:nth-child(1) li {font-size: 14px; font-weight: normal; } .site-footer__bottom {text-align: center; align-items: center; }
.site-footer__policies {justify-content: center; gap: 10px 10px;}
.insights__grid {grid-template-columns: repeat(1, minmax(0, 1fr)); } 
.section-head {display: block; } .insights .btn.btn--link {font-size: 16px; margin: 24px 0 0; } .section-head {margin: 0 0 40px; }
.contact-card__panel {padding: 30px 24px; }
.contact-card__meta {font-size: 16px; margin-top: 30px; } 
.clients-logo-col {width: 33.33%;} 
.clients-logo-row {margin: 30px 0 0; } 
.clients-logo-col {padding: 10px; }
.why-tabs__top-title {font-size: 20px; } 
.is-short-wrap {font-size: 16px; } 
.services__viewport {margin: 20px 0 0;} 
.services-arrows {margin: 24px 0 0; }
.over70 h2, .over70 .h1 {font-size: 24px; line-height: 130%; } 
.sectors__row { gap: 20px; }
.navwrap ul>li.has-child>ul {position: relative; transform: none !important; visibility: visible !important; opacity: 1 !important; top: auto; left: auto; display: none; }
.navwrap ul>li.has-child.open-submenu>ul {display: block;}
.over70__photo {width: 90%;}
.square-orang { right: 10px;}
.navwrap ul>li>a { font-size: 16px; }
.topbar a { font-size: 11px;}
.topbar__inner {gap: 10px; justify-content: space-between; } 
.hero-square {transform: scale(0.7); bottom: 27px; left: 1%; }
.hero__copy {text-align: center;}
.hero__actions {justify-content: center; }
.site-footer__top img {width: 150px; margin-left: auto; margin-right: auto; }
.navwrap ul>li.has-child>ul>.container>li:first-child {width: 100%; padding-right: 0; } 
.navwrap ul>li.has-child>ul>.container>li {width: 100%; }
.navwrap ul>li.has-child>ul>.container>li>ul>li {width: 100%; padding: 0 0px 20px; }
.square-frame {bottom: 10px; right: -10px; transform: scale(0.5); }
.navwrap ul>li.has-child>ul {padding: 60px 0; } 
.navwrap ul>li.has-child>ul>.container>li>ul>li>ul>li:first-child {margin: 10px 0 0; } 
.navwrap ul>li>a, .navwrap ul>li {width: 100%; }
.navwrap ul>li {border-top: 1px solid var(--color-ink); } 
.navwrap .container.nav {padding-left: 0; padding-right: 0; } 
.navwrap a.brand {margin-left: 20px; }
.nav-toggle {margin-right: 10px; outline: 0; } 
.navwrap .primary-nav>ul {gap: 0; } 
.navwrap ul>li>a:not(.btn) {padding-left: 20px; padding-right: 20px; }
.navwrap ul>li {padding-left: 0; padding-right: 0; } 
.navwrap ul>li.has-child>ul>.container>li>ul>li>ul>li {border: 0; } 
.navwrap ul>li.has-child>ul>.container>li>ul>li {border-top: 0; } .navwrap ul>li.has-child>ul>.container>li li a:not(.btn) {padding-left: 00; padding-right: 0; }
.navwrap ul>li.has-child>a:before {right: 20px; } 
.navwrap ul>li.has-child>ul {padding: 20px 0; }
.navwrap ul>li.has-child:nth-child(2)>ul>.container>li>ul>li {width: 100%; }
.navwrap ul>li.has-child:nth-child(2)>ul>.container>li:last-child>ul>li:nth-child(2) {padding-bottom: 20px; }
.navwrap ul > li.has-child > ul > .container > li > ul > li:nth-last-child(1), .navwrap ul > li.has-child > ul > .container > li > ul > li:nth-last-child(2), .navwrap ul > li.has-child > ul > .container > li > ul > li:nth-last-child(3) {padding-bottom: 20px; border-bottom: 1px solid #42546340; }
.navwrap ul > li.has-child > ul > .container > li > ul > li:nth-last-child(1) {border: 0; }
.is-menu-open .nav-toggle__bar:nth-child(3) {transform: rotate(-45deg); top: -7px; position: relative; } .is-menu-open .nav-toggle__bar:nth-child(1) {transform: rotate(45deg); position: relative; top: 7px; }
.is-menu-open .nav-toggle__bar:nth-child(2) {opacity: 0; } .submenu-title {display: none; } .navwrap ul>li.open-submenu {background: #fff; }
.services__copy {padding-right: 20px; } .services__inner {padding-right: 0; } .services .slick-list.draggable {width: 90%; }
.services .slick-slide {margin: 30px 10px; } .services__viewport:before {display: none;} 
.slick-arrow {width: 38px; height: 38px;} 
.btn {font-size: 16px; }
.mobileshow {display: block !important; padding: 0 20px; text-align: center; margin: 20px 0 20px; } 
.mobileshow .nav-cta {display: inline-flex; width: auto; }
.section-square-single {width: 100px; height: 100px; top: 10%; } 
.why-solution-section.reverse .section-square-single {top: 10%; }
.why-solution-section.reverse .section-square, .section-square {transform: scale(0.2); left: auto; top: auto; bottom: -60px; right: -12%; }
.mini-card, .sectors__row.v2 .mini-card {width: 100%;}
.hero.v2 h1, .hero.v2 .h1 {margin-left: auto; margin-right: auto; }
.business-support-left { width: 100%; padding-right: 0;}
.business-support-left-wrap { max-width: 100%; }
.business-support-right { width: 100%; margin: 40px 0 0; }
.business-support-box { max-width: 100%; margin-left: 0; }
.business-box { padding: 16px; }
.ss-large { width: 70px; height: 70px; }
.ss-small { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; border-radius: 12px; }
.streamlining-square { top: 10px;}
.bs-large { width: 70px; height: 70px;border-radius: 12px;}
.bs-small { width: 50px; height: 50px;  margin-top: -25px; margin-right: -25px; }
.streamlining-col, .understand-pain-col { width: 100%; padding: 0; margin-top: 30px; }
.streamlining-row, .understand-pain-inner, .flexible-support-row { margin-left: 0; margin-right: 0; }
.why-lowther-row { flex-flow: column; }
.understand-pain-contents { margin: 32px auto 0; max-width: 100%; }
.ust-square-large, .usb-square-large { width: 70px; height: 70px; }
.usb-square-small {  width: 50px; height: 50px;  margin-left: -55px; margin-top: -11px; }
.ust-square-small { width: 50px; height: 50px; margin-right: -23px; margin-top: -29px; }
.flexible-support-col { width: 100%; padding-left: 0; padding-right: 0; margin-top: 30px; }
.wll-single-square {display: none;}
.why-lowther-right, .why-lowther-left { width: 180px; min-width: 180px; }
.wllimage { height: 200px; margin-left: -20px; }
.why-lowther-right .wllimage { margin-right: -20px;}
.why-lowther-left .wll-square { right: -7%; bottom: -80px; }
.hero.v2 .hero_copy_wrap {max-width: 100%;}
ul.slick-dots { margin: 35px 0 0; }
.testimonial-header { flex-direction: column; text-align: center;gap: 24px;} 
.testimonial-slider { margin: 40px 0 0; }
.faq__left { text-align: center; }
.faq__cta { margin-left: auto; margin-right: auto; }
.why-solution-section.v2 .section-square-single { max-width: 100px; height: 100%; max-height: 100px; left: -20px; bottom: auto; top: 5%; }
.why-solution-section.v2 + .services { padding-top: 0;}
.why-solution-section.v2 + .services { padding-bottom: 40px; }
.hero__media.v2 .hero__img--square { border-radius: 12px;}
.business-box-contents { padding-left: 0; width: 100%; }
.business-box-contents { padding-left: 0; width: 100%; margin: 16px 0 0; }
.business-box-img { width: 100%; padding-bottom: 56.25%; }
.flexible-support-box { padding: 60px 24px; }
.why-lowther-middle { width: 100%; padding: 100px 20px 0; }
.wll-single-small { left: 55%; }
.why-lowthers { padding: 60px 0 60px; }
.fullwidth-box { padding: 30px 24px; font-size: 18px; }
.fullwidth-img { min-height: auto; }
.fullwidth-img { padding: 260px 0 60px 0;}
.testimonial-slider .slick-slide {  transform: none !important; }
.wll-square { left: -7%; top: 16%; }
.up-square-bottom { top: 20px;}
.why-solution-section.v2 .section-square, .contact-card+.testimonial-section+.why-solution-section.reverse .section-square{ top: 90%;}
.contact-card+.testimonial-section+.why-solution-section.reverse .section-square { right: -15%; transform: scale(0.1); }
.flexible-support-col:nth-child(2) .fs-wrap, .flexible-support-col .fs-wrap {max-width: 100%;}
.understand-pain.v2 .understand-pain-col { width: 100%;}
.understand-pain.v2 .ust-square-large, .why-solution-section+.understand-pain .ust-square-large{ width: 70px; height: 70px; }
.understand-pain.v2 .up-square-top, .why-solution-section+.understand-pain .up-square-top { left: -20px; }
.business-support.v2 + .services { padding-bottom: 40px;}
.business-support.v2 .business-square { left: 20px;}
.btn--primary { padding: 15px 24px; }
.hero.v3 .hero-square { left: -4%; }
.hero__media.v3 .hero__img--square {border-radius: 12px; }
.services-over70 h2 { font-size: 18px; }
.so70-single-square { width: 70px; height: 70px; left: -45px; }
.services-over70 { padding-top: 16px; }
.hero__media.v3 .hero__img--square {left: 21%;}
.why-solution-section .hero__actions { justify-content: flex-start; align-items: flex-start;}
.streamlining-col-wrap { max-width: 100%; }
.why-solution-section +.understand-pain {padding-top: 128px;}
.services-over70.v2 .so70-double-square { top: auto; bottom: 19px; right: -35px; transform: scale(0.8); }
.why-solution-section+.services { padding-top: 0; padding-bottom: 0;}
body .why-solution-section .section-square { top: -8% !important; left: 0 !important; }
.why-solution-section:not(.reverse) .section-square { display: none; }
.navwrap ul>li.has-child>ul>.container>li:first-child { display: none;}
.navwrap ul>li.has-child>ul>.container>li:last-child { margin-top: 0; }
.primary-nav { position: absolute; top: 100%; min-height: 100vh; background-color: var(--color-bg);  }
/*.primary-nav { position: fixed; top: 108px; min-height: 100vh; background-color: var(--color-bg); overflow-y: auto; height: 100vh; padding-bottom: 120px; }
.primary-nav::-webkit-scrollbar { width: 0px; } 
.primary-nav::-webkit-scrollbar-track { background: transparent; } 
.primary-nav::-webkit-scrollbar-thumb { background: transparent; } 
.primary-nav::-webkit-scrollbar-thumb:hover { background: transparent; }*/
.footer-link-right .site-footer__col:first-child { position: absolute; top: 30px; right: -35px; width: 50%; text-align: left; max-width: 180px; }
.site-footer__col--contact { flex-direction: column; gap: 12px; }
.site-footer { overflow: hidden; }
body .site-footer__cols{position: relative;}
.site-footer__col--contact a{font-size: 18px;}
.site-footer__text+.site-footer__text+.site-footer__text { font-size: 16px; }
.popular-topics-col { padding: 0; }
.popular-topics-row { margin-right: 0; margin-left: 0; }
.popular-topics-col { width: 100%; }
.pts-square-large, .ptsr-square-large { width: 70px; height: 70px; }
.ptsr-square-small { width: 40px; height: 40px; margin-top: -20px; margin-right: 0; margin-left: -16px; }
.pts-square-small { width: 40px; height: 40px; margin-top: 20px; margin-right: 0px; }
.popular-topics-header h2 { font-size: 32px; }
.popular-topics-row { margin: 20px 0 0; }
.knowledgebase-sidebar { width: 100%; }
.knowledgebase-resources { width: 100%; padding-left: 0; margin: 24px 0 0; }
.knowledgebase-resources-title a, .ks-title { font-size: 18px; }
.ks-row:not(:first-child) { margin: 24px 0 0; }
.knowledgebase-resource-item:not(:first-child) { margin: 15px 0 0; }
.pts-square-right {top: -60px; }
.knowledgebase-form-box, .article-resources .knowledgebase-sidebar-box { position: relative; top: auto; }
.knowledgebase-form-box .contact-card__submit::after {right: calc(100% - 68%); }
.knowledgebase-form-box h3, .knowledgebase-form-box .h4 { text-align: center; }
.knowledgebase-form-box, .knowledgebase-sidebar-box, .knowledgebase-resources-inner { padding: 40px 24px; }
.article-resources .breadcrumb-section ul { margin: 0 0 30px; }
.breadcrumb-section ul li:not(:last-child) a:after { right: 7px;}
.breadcrumb-section ul li:not(:last-child) a { padding-right: 22px;}
.knowledgebase-article-body ul, .knowledgebase-article-body ol { padding-left: 20px; }
.fullwidth-img.notext { padding: 0; min-height: 42vh; }
.cover-row, .Process-row { gap: 24px; }
.cover-col { width: 100%; }
.Process-col {  width: 100%; }
.Process-section {padding-bottom: 30px;}
.Process-section + .why-solution-section { padding-bottom: 20px; }
.hero.v2.about-hero { padding-bottom: 0; }
.hero+.why-lowthers { padding-bottom: 30px; }
.contact-card + .why-lowthers { padding-top: 30px; }
.cover-row, .Process-row, .insights__grid, .popular-topics-row { display: block; gap: 0;}
.cover-row ul.slick-dots li.slick-active button { background-color: #fff; }
.cover-row .slick-slide, .Process-row .slick-slide, .insights__grid .slick-slide, .popular-topics-row .slick-slide{ margin: 0 10px; }
.cover-row .slick-list.draggable, .Process-row  .slick-list.draggable,.insights__grid .slick-list.draggable, .popular-topics-row .slick-list.draggable{ width: 90%; }
.cover-col .service-card__text, .cover-col .service-card__title { max-width: 100%; }
.Process-row ul.slick-dots li:not(.slick-active) button, .Process-row ul.slick-dots li.slick-active button, .insights__grid ul.slick-dots li:not(.slick-active) button, .insights__grid ul.slick-dots li.slick-active button, .popular-topics-row ul.slick-dots li.slick-active button, .popular-topics-row ul.slick-dots li:not(.slick-active) button{ border-color: var(--color-ink); }
.why-lowther-middle{order: 2;padding-top: 40px;}
.wll-square-small { width: 30px; height: 30px;border-radius: 8px; margin-left: -31px;}
.wll-square { left: 0; top: 24%; }
.wll-square-large { width: 51px; height: 51px; border-radius: 12px; }
.why-lowther-right, .why-lowther-left { width: 170px; min-width: 170px; }
.why-lowther-right { margin-top: -200px; }
.why-lowther-left .wll-square { right: 0; bottom: -53px; }
.why-lowther-left .wll-square-small {    top: -15px;margin-right: -34px;}
.streamlining-row, .understand-pain-inner { display: block; overflow: hidden;gap:0; }
.streamlining-row ul.slick-dots li:not(.slick-active) button, .streamlining-row ul.slick-dots li.slick-active button, .understand-pain-inner ul.slick-dots li.slick-active button, .understand-pain-inner ul.slick-dots li:not(.slick-active) button{ border-color: var(--color-ink); }
.popular-topics-col-inner { height: 100%; }
form input[type="submit"] { font-size: 16px;}
.knowledgebase-form-box form input[type="submit"]:hover {   background-position: 68% 50%;}
.knowledgebase-form-box form input[type="submit"] { font-size: 16px;}
.contact-find+.contact-card { padding-top: 60px;}
.contact-find-details { width: 100%; padding-left: 0; margin: 30px 0 0; text-align: center;}
.contact-find-map { width: 100%; text-align: center; }
.contact-find-map iframe { max-width: 100%; }
.contact-hero-contents { width: 100%; padding-right: 0; text-align: center;}
.contact-hero-form { width: 100%; padding-right: 0; margin: 30px 0 0; }
.contact-hero-form-box { max-width: 100%; padding: 40px 24px; }
.contact-hero .hero-square { left: 0; }
.contact-find-address, .contact-find-btn { margin: 24px 0 0; }
.contact-hero+.clients {padding-top:30px;}
.contact-hero h1, .contact-hero .h2 {margin-left: auto;margin-right: auto;max-width: 400px; font-size: 36px;}
}
@media(max-width:580px){
.contact-card__submit::after, .knowledgebase-form-box .contact-card__submit::after {right: calc(100% - 80%); }
.testimonial-slider .slick-slide { margin: 0 20px;}
.clients-logo-row .slick-slide { min-width: 7%; }
form input[type="submit"]:hover { background-position: 80% 50%;}
.knowledgebase-form-box form input[type="submit"]:hover {   background-position: 80% 50%;}
}
@media(max-width:480px){
h1, .h1 {font-size: 44px; } 
.hero_copy_wrap h1, .hero_copy_wrap .h1 {max-width: 340px; margin-left:auto; margin-right:auto; }
.hero__actions {flex-direction: column; } 
.hero-square {left: -5%; bottom: 5px; }
.hero__img--badge {border-radius: 12px; } 
.btn--primary {padding: 15px 34px; }
.hero__media.v2 .hero-square { left: -7%; top: -12%; transform: scale(0.4); }
.hero__media.v3 .hero__img--badge { border-radius: 12px; width: 55px; height: 55px; bottom: 3%; left: 9%; }
.hero.v3 h1, .hero.v3 .h1 { font-size: 44px;}
.hero.v3 h1, .hero.v3 .h1{max-width: 340px;}
.hero.knowledge-base-hero h1, .hero.knowledge-base-hero .h1 {font-size: 40px; max-width: 320px;}
.breadcrumb-section ul li a { font-size: 14px;}
.article-resources .breadcrumb-section ul li:last-child { width: 100%; }
.fullwidth-img.notext { padding: 0; min-height: 27vh; }
.contact-find-map iframe {height: 300px; }
}
@media (max-width: 400px) {
  .contact-card__submit::after, .knowledgebase-form-box .contact-card__submit::after {right: calc(100% - 84%); }
  .breadcrumb-section ul li a { font-size: 13px; }
  form input[type="submit"]:hover { background-position: 84% 50%;}
  .knowledgebase-form-box form input[type="submit"]:hover {   background-position: 80% 50%;}
}
@media (max-width: 359px) {
.hero-square {transform: scale(0.5); } 
h1, .h1 {font-size: 42px; }
.topbar a { font-size: 10px;}
.contact-card__submit::after, .knowledgebase-form-box .contact-card__submit::after {right: calc(100% - 89%);}
.hero__media.v2 .hero-square { left: -10.5%; top: -17%; }
.hero__media.v3 .hero__img--badge {bottom: -1%;left: 7%;}
.hero.v3 h1, .hero.v3 .h1 { font-size: 40px;}
.services-over70.v2 .so70-double-square { transform: scale(0.6);}
.breadcrumb-section ul li a { font-size: 11.5px; }
.hero.about-hero h1, .hero.about-hero .h1 {font-size: 35px;}
.why-lowther-right, .why-lowther-left { width: 145px; min-width: 145px; }
form input[type="submit"]:hover { background-position: 91% 50%;}
.knowledgebase-form-box form input[type="submit"]:hover {   background-position: 91% 50%;}
.contact-hero h1, .contact-hero .h2 { font-size: 30px; }
/* 2026-04-28: Mobile Knowledge Base article rich-text heading scale. */
.knowledgebase-article-body h2 { font-size: 22px; }
.knowledgebase-article-body h3 { font-size: 20px; }
.knowledgebase-article-body h4 { font-size: 18px; }
.knowledgebase-article-body h5, .knowledgebase-article-body h6 { font-size: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  * {scroll-behavior: auto !important; }
}
