/* ==========================================================================
  ATOM Modular - Insights (Blog Listing & Single Post) Stylesheet
  Typography & Base Reset Aligned with tailwind.css & ATOM Design System
========================================================================== */
:root {
  --red: #e51e25;
  --red-dk: #b02024;
  --navy: #0f2031;
  --navy-dk: #08141f;
  --slate: #7f8fa0;
  --ground: #f5f7f9;
  --rule: #dce2e8;
  --white: #ffffff;
  --page-bg: #eef1f4;
  --panel: #ffffff;
  --ink: #0f2031;
  --ink-2: #4a5a6b;
  --ink-3: #7f8fa0;
  --hair: #d8dfe6;
  --chip: #e6ebf0;
  --bad: #b02024;
  --shadow: 0 1px 2px rgba(15, 32, 49, .06), 0 10px 30px rgba(15, 32, 49, .09);
  --font-sans: "Roboto", "Archivo", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-heading: "Archivo", "Roboto", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
html {
  scroll-behavior: smooth !important;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .article-content h1, .article-content h2, .article-content h3, .article-content h4, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, [id] {
  scroll-margin-top: 100px;
}
.atom-insights-wrap {
  font-family: var(--font-sans);
  color: var(--ink);
  background-color: #fff;
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: normal;
  font-variation-settings: normal;
  padding-top: 84px;
}
@media (max-width: 1439.98px) {
  .atom-insights-wrap {
    padding-top: 74px;
  }
}
@media (max-width: 782px) {
  .atom-insights-wrap {
    padding-top: 60px;
  }
  .card .body h3 {
    text-align: left;
  }
}
.atom-insights-wrap *, .atom-insights-wrap ::before, .atom-insights-wrap ::after {
  box-sizing: border-box;
}
.atom-insights-wrap .container {
  max-width: 1440px;
  width: 100%;
  padding: 0 100px;
  margin: 0 auto;
}
@media (max-width: 1439.98px) {
  .atom-insights-wrap .container {
    padding: 0 80px;
  }
}
@media (max-width: 1279.98px) {
  .atom-insights-wrap .container {
    padding: 0 70px;
  }
}
@media (max-width: 1099.98px) {
  .atom-insights-wrap .container {
    padding: 0 50px;
  }
}
@media (max-width: 427.98px) {
  .atom-insights-wrap .container {
    padding: 0 25px;
  }
}
.atom-insights-wrap a {
/*   color: inherit; */
  text-decoration: none;
}
.atom-insights-wrap a:hover {
  color: var(--red);
}
.atom-insights-wrap h1, .atom-insights-wrap h2, .atom-insights-wrap h3, .atom-insights-wrap h4, .atom-insights-wrap h5, .atom-insights-wrap h6 {
  font-family: var(--font-heading);
  font-weight: 700;
  color: var(--navy);
  margin: 0;
  line-height: 1.2;
}
.atom-insights-wrap code, .atom-insights-wrap kbd, .atom-insights-wrap samp, .atom-insights-wrap pre {
  font-family: var(--font-mono);
  font-feature-settings: normal;
  font-variation-settings: normal;
}
/* --- Page Head & Breadcrumbs --- */
.crumbs {
  font-size: 12px;
  color: rgba(255, 255, 255, .65);
  margin-bottom: 14px;
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  align-items: center;
}
.crumbs a {
  color: rgba(255, 255, 255, .65);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: all 0.2s ease;
}
.crumbs a:hover {
  color: #ffffff;
  border-bottom-color: var(--red);
}
.crumbs .sep {
  color: rgba(255, 255, 255, .35);
}
.atom-insights-wrap .pagehead, .pagehead {
  background: var(--navy, #0f2031) !important;
  color: #ffffff !important;
  padding: 40px 0 38px;
}
.single .atom-insights-wrap .pagehead, .single-post .atom-insights-wrap .pagehead, .single .pagehead, .single-post .pagehead {
  padding: 28px 0 30px;
}
.atom-insights-wrap .pagehead h1.page, .atom-insights-wrap h1.page, h1.page {
  font-family: var(--font-heading);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -.01em;
  line-height: 1.04;
  font-size: clamp(30px, 4.6vw, 44px);
  margin: 0 0 12px;
  max-width: 17ch;
  color: #ffffff !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-feature-settings: normal;
  font-variation-settings: normal;
}
.single .atom-insights-wrap .pagehead h1.page, .single-post .atom-insights-wrap .pagehead h1.page, .single .pagehead h1.page, .single-post .pagehead h1.page {
  max-width: 33ch !important;
  margin-top: 12px;
  font-size: clamp(26px, 3.8vw, 38px);
}
.atom-insights-wrap .pagehead .stand, .atom-insights-wrap .pagehead .stand p, .atom-insights-wrap .pagehead p, .atom-insights-wrap .stand, .stand {
  max-width: 52ch;
  color: rgba(255, 255, 255, .82) !important;
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
}
.atom-insights-wrap .pagehead .stand p {
  color: rgba(255, 255, 255, .82) !important;
  font-size: 16px;
  line-height: 1.55;
  margin: 0 0 10px;
}
.atom-insights-wrap .pagehead .stand p:last-child {
  margin-bottom: 0;
}
.pagehead .byline {
  color: rgba(255, 255, 255, .7);
  font-size: 13px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 14px;
}
.pagehead .byline .dot {
  color: rgba(255, 255, 255, .35);
}
.pagehead .cat {
  background: var(--red);
  color: #fff !important;
  display: inline-block;
  font-family: Archivo, Roboto, var(--font-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  padding: 4px 10px;
  margin-bottom: 12px;
}
/* --- Photo Placeholders & Featured Images --- */
.ph {
  position: relative;
  background: #16293b;
  overflow: hidden;
  display: block;
}
.ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}
.card:hover .ph img, .lead:hover .ph img {
  transform: scale(1.03);
}
.ph::before, .ph::after {
  content: "";
  position: absolute;
  top: -12%;
  height: 124%;
  background: rgba(255, 255, 255, .055);
  pointer-events: none;
}
.ph::before {
  left: 12%;
  width: 34%;
  clip-path: polygon(38% 0, 100% 0, 62% 100%, 0 100%);
}
.ph::after {
  left: 52%;
  width: 40%;
  clip-path: polygon(38% 0, 100% 0, 62% 100%, 0 100%);
  background: rgba(255, 255, 255, .035);
}
.ph i {
  position: absolute;
  left: 12px;
  bottom: 10px;
  font-style: normal;
  font-family: Archivo, Roboto, var(--font-sans);
  font-size: 9.5px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .52);
  z-index: 2;
}
.ph.r16 {
  aspect-ratio: 16/9;
}
.ph.r21 {
  aspect-ratio: 21/9;
}
.ph.fallback {
  background: var(--navy);
  display: grid;
  place-items: center;
  aspect-ratio: 16/9;
}
.ph.fallback::before, .ph.fallback::after {
  display: none;
}
.ph.fallback b {
  font-family: Archivo, Roboto, var(--font-sans);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .72);
  border-top: 2px solid var(--red);
  padding-top: 8px;
}
.vidtag {
  position: absolute;
  top: 10px;
  left: 10px;
  background: rgba(8, 20, 31, .85);
  color: #fff;
  font-family: Archivo, Roboto, var(--font-sans);
  font-size: 9.5px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  padding: 4px 7px;
  z-index: 3;
}
/* --- Category Badge --- */
.cat {
  display: inline-block;
  align-self: flex-start;
  font-family: Archivo, Roboto, var(--font-sans);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: var(--red-dk);
  background: rgba(229, 30, 37, .09);
  padding: 4px 8px;
}
/* --- Featured Lead Article --- */
.lead {
  display: grid;
  grid-template-columns: 1.15fr 1fr;
  border: 1px solid var(--rule);
  margin: 36px 0 40px;
  background: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.lead:hover {
  border-color: #b9c5d1;
  box-shadow: 0 4px 16px rgba(15, 32, 49, 0.06);
}
.lead .ph {
  height: 100%;
  min-height: 300px;
  aspect-ratio: auto;
}
.lead .body {
  padding: 34px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
}
.lead h2 {
  font-family: Archivo, Roboto, var(--font-sans);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.08;
  font-size: clamp(21px, 2.6vw, 30px);
  letter-spacing: -.005em;
  margin: 0;
  color: var(--navy);
  transition: color 0.2s ease;
}
.lead:hover h2, .lead h2 a:hover {
  color: var(--red);
}
.lead p {
  margin: 0;
  color: #3d4f61;
  max-width: 46ch;
  font-size: 15px;
  line-height: 1.55;
}
.byline {
  font-size: 12px;
  color: #6f8091;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}
.byline .dot {
  color: #b6c2cd;
}
.readmore {
  font-family: Archivo, Roboto, var(--font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--red);
  display: inline-flex;
  gap: 8px;
  margin-top: 4px;
  align-items: center;
}
.readmore::after {
  content: "→";
  transition: transform 0.2s ease;
}
.readmore:hover::after {
  transform: translateX(4px);
}
/* --- 3-Column Grid --- */
.grid3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.card {
  border: 1px solid var(--rule);
  background: #fff;
  display: flex;
  flex-direction: column;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.card .body {
  padding: 20px 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 9px;
  flex: 1;
}
.card h3 {
  font-family: Archivo, Roboto, var(--font-sans);
  font-weight: 700;
  font-size: 17px;
  line-height: 1.22;
  margin: 0;
  color: var(--navy);
  transition: color 0.2s ease;
}
.card p {
  margin: 0;
  font-size: 14px;
  color: #3d4f61;
  line-height: 1.5;
}
.card .byline {
  margin-top: auto;
  padding-top: 6px;
}
.card:hover {
  border-color: #b9c5d1;
  box-shadow: 0 4px 16px rgba(15, 32, 49, 0.06);
}
.card:hover h3, .card h3 a:hover {
  color: var(--red);
}
/* --- Pagination / Load Row --- */
.loadrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 40px 0 8px;
}
.count {
  font-size: 12.5px;
  color: #6f8091;
  font-variant-numeric: tabular-nums;
}
.btn-out {
  font-family: Archivo, Roboto, var(--font-sans);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .11em;
  text-transform: uppercase;
  color: var(--red);
  border: 2px solid var(--red);
  padding: 13px 30px;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  display: inline-block;
}
.btn-out:hover {
  background: var(--red);
  color: #fff;
}
.pagelinks {
  align-items: center;
  font-size: 12px;
  color: #6f8091;
  display: flex;
  gap: 10px;
}
.pagelinks a, .pagelinks span {
    padding: 6px 12px;
	/* border: 1px solid var(--rule); */
    color: #6f8091;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid #c9d3dd;
}
.pagelinks span.current {
  background: var(--red);
  color: #fff;
  border-color: var(--red);
  display: none;
}
.pagelinks a:hover {
  border-color: var(--red);
  color: var(--red);
}
/* --- CTA Band: SPACE FOR GREAT --- */
.band {
  background: var(--navy-dk, #08141f);
/*   background: linear-gradient(135deg, #13273a 0%, #08141f 100%); */
  color: #fff;
  margin-top: 60px;
  position: relative;
  overflow: hidden;
  padding: 70px 0;
}
.band::before, .band::after {
  content: "";
  position: absolute;
  top: -20%;
  height: 140%;
  background: rgba(255, 255, 255, 0.035);
  pointer-events: none;
}
.band::before {
  left: 18%;
  width: 25%;
  clip-path: polygon(32% 0, 100% 0, 68% 100%, 0 100%);
}
.band::after {
  left: 54%;
  width: 32%;
  clip-path: polygon(32% 0, 100% 0, 68% 100%, 0 100%);
}
.band .container {
  position: relative;
  z-index: 2;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.band h2 {
  font-family: var(--font-heading);
  font-weight: 800;
  text-transform: uppercase;
  font-size: clamp(26px, 3.6vw, 38px);
  line-height: 1.04;
  letter-spacing: 0.02em;
  margin: 0 0 14px;
  color: #fff;
  text-align: center;
}
.band p {
  margin: 0 auto 24px;
  max-width: 56ch;
  color: rgba(255,255,255,.9);
  font-size: 16px;
  line-height: 1.55;
  text-align: center;
}
.band .btns {
  display: flex;
  gap: 14px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.btn-talk {
  background: var(--red, #e51e25);
  color: #fff !important;
  font-family: var(--font-heading);
  font-size: 14.5px;
  font-weight: 700;
  padding: 15px 24px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  transition: all 0.2s ease;
  border: none;
}
.btn-talk:hover {
  background: var(--red-dk, #b02024);
  color: #fff !important;
  transform: translateY(-1px);
}
.btn-range {
  background: #ffffff;
  color: var(--navy, #0f2031) !important;
  font-family: var(--font-heading);
  font-size: 14.5px;
  font-weight: 700;
  padding: 12px 26px 12px 18px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  transition: all 0.2s ease;
  border: none;
}
.btn-range:hover {
  background: #f5f7f9;
  color: var(--red, #e51e25) !important;
  transform: translateY(-1px);
}
.icon-circle-red {
  width: 26px;
  height: 26px;
  background: var(--red, #e51e25);
  color: #ffffff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.icon-circle-red svg {
  width: 13px;
  height: 13px;
  stroke: #ffffff;
}
/* --- Single Post Layout --- */
.post-section {
  padding-bottom: 60px;
}
.post {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 56px;
  padding: 44px 0 0;
  align-items: start;
}
.article, .article-content, .entry-content {
  max-width: 80ch;
}
.article>.ph, .article-content>.ph, .entry-content>.ph {
  margin: 0 0 28px;
  height: auto !important;
  aspect-ratio: auto !important;
  max-height: 540px;
  overflow: hidden;
}
.article .ph img, .article-content .ph img, .entry-content .ph img, .article img, .article-content img, .entry-content img {
  width: 100%;
  height: auto !important;
  max-height: 400px;
  object-fit: cover;
  display: block;
}
.article p, .article-content p, .entry-content p {
  margin: 0 0 20px;
  font-size: 16.5px;
  line-height: 1.65;
  color: #28394b;
}
.article p.intro, .article-content p.intro, .entry-content p.intro {
  font-size: 19px;
  line-height: 1.5;
  color: var(--navy);
  font-weight: 500;
}
.article h2, .article-content h2, .entry-content h2, .article h5, .article-content h5, .entry-content h5 {
  font-family: Archivo, Roboto, var(--font-sans);
  font-weight: 700;
  font-size: 20px !important;
  line-height: 1.25;
  margin: 28px 0 10px;
  color: var(--navy);
}
.article h3, .article-content h3, .entry-content h3 {
  font-family: Archivo, Roboto, var(--font-sans);
  font-weight: 700;
  font-size: 17px !important;
  line-height: 1.3;
  margin: 22px 0 8px;
  color: var(--navy);
}
.article h4, .article-content h4, .entry-content h4 {
  font-family: Archivo, Roboto, var(--font-sans);
  font-weight: 700;
  font-size: 15px !important;
  line-height: 1.35;
  margin: 18px 0 6px;
  color: var(--navy);
}
.article ul, .article ol, .article-content ul, .article-content ol, .entry-content ul, .entry-content ol {
  margin: 0 0 20px;
  padding-left: 20px;
  color: #28394b;
}
.article li, .article-content li, .entry-content li {
  margin-bottom: 7px;
  font-size: 16px;
  line-height: 1.55;
}
.article blockquote, .article-content blockquote, .entry-content blockquote, .pull {
  border-left: 3px solid var(--red);
  padding: 4px 0 4px 20px;
  margin: 28px 0;
  font-family: Archivo, Roboto, var(--font-sans);
  font-weight: 700;
  font-size: 19px;
  line-height: 1.3;
  max-width: 38ch;
  color: var(--navy);
}
.figcap, .article figcaption, .article-content figcaption, .entry-content figcaption {
  font-size: 12.5px;
  color: #6f8091;
  margin: -18px 0 26px;
}
/* Sidebar Rail */
.rail {
  position: sticky;
  top: 90px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.rail .box {
  border: 1px solid var(--rule);
  padding: 20px;
  background: #fff;
}
.rail h4 {
  font-family: Archivo, Roboto, var(--font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: #7f8fa0;
  margin: 0 0 12px;
}
.share {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.share a, .share button {
  width: 36px;
  height: 36px;
  border: 1px solid #cfd8e0;
  display: grid;
  place-items: center;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
  padding: 0;
}
.share a:hover, .share button:hover {
  border-color: var(--red);
}
.share svg {
  width: 16px;
  height: 16px;
  fill: var(--navy);
  transition: fill 0.2s ease;
}
.share a:hover svg, .share button:hover svg {
  fill: var(--red);
}
.share span {
  font-size: 12px;
  color: #6f8091;
}
/* Table of Contents */
.toc {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 9px;
  font-size: 13.5px;
}
.toc a {
  color: #3d4f61;
  border-left: 2px solid var(--rule);
  padding-left: 11px;
  display: block;
  transition: all 0.2s ease;
}
.toc a:hover {
  color: var(--red);
  border-left-color: var(--red);
}
/* Related Articles Section */
.related {
  border-top: 1px solid var(--rule);
  margin-top: 52px;
  padding-top: 34px;
}
.related .h {
  font-family: Archivo, Roboto, var(--font-sans);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
  color: #7f8fa0;
  margin-bottom: 20px;
}
/* --- Responsive Media Queries --- */
@media (max-width: 980px) {
  .lead {
    grid-template-columns: 1fr;
  }
  .lead .ph {
    min-height: 0;
    aspect-ratio: 16/9;
  }
  .grid3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .post {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .rail {
    position: static;
  }
  .atom-insights-wrap .container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (max-width: 620px) {
  .grid3 {
    grid-template-columns: 1fr;
  }
  .atom-insights-wrap .container {
    padding-left: 16px;
    padding-right: 16px;
  }
  .atom-insights-wrap .pagehead, .pagehead {
    padding: 22px 0 24px;
  }
  .atom-insights-wrap .pagehead h1.page, .pagehead h1.page, h1.page {
    font-size: 25px;
    max-width: none;
  }
  .lead .body {
    padding: 22px 20px 24px;
  }
  .band {
    padding: 0;
  }
  .band .container {
    padding: 40px 20px 46px;
  }
  .band h2 {
    font-size: clamp(24px, 3.6vw, 38px);
  }
  .band p {
    font-size: 14px;
  }
  .btn-range{
	  display: none;
  }
  .footer__container {
    max-width: unset;
  }
  #enquire-form .hsfc-TextInput {
    text-align: left;
  }
}
/* ==========================================================================
   ATOM Modular - New Footer Spec (.new-footer)
   ========================================================================== */
footer.new-footer, .new-footer {
  background: var(--footer-bg, #f5f7f9);
  color: var(--navy, #0f2031);
  font-family: var(--font-sans, "DM Sans", "Roboto", sans-serif);
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
  border-top: 1px solid var(--footer-rule, #dce2e8);
}
.new-footer *, .new-footer *::before, .new-footer *::after {
  box-sizing: border-box;
}
.new-footer .inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 48px 100px 0;
}
.page-template-template-offices-workspaces .new-footer .inner {
  padding: 48px clamp(20px, 3vw, 48px) 0;
}
@media (max-width: 1439.98px) {
  .page-template-template-offices-workspaces .new-footer .inner,
  .new-footer .inner {
    padding: 48px 80px 0;
  }
}
@media (max-width: 1279.98px) {
  .page-template-template-offices-workspaces .new-footer .inner,
  .new-footer .inner {
    padding: 44px 70px 0;
  }
}
@media (max-width: 1099.98px) {
    .page-template-template-offices-workspaces .new-footer .inner,
  .new-footer .inner {
    padding: 40px 50px 0;
  }
}
.new-footer .grid {
  display: grid;
  gap: 40px 32px;
  grid-template-columns: 1.6fr 1fr 1fr 1.35fr;
  padding-bottom: 40px;
}
.new-footer img.logo {
  width: 150px;
  height: auto;
  display: block;
  margin-bottom: 16px;
}
.new-footer a {
  display: inline-block;
}
.new-footer a.logo-wrap, .new-footer a.logo-wrap:hover, .new-footer a.logo-wrap:focus-visible, .new-footer .logo-text, .new-footer .logo-text:hover {
  border-bottom: none !important;
  border-bottom-color: transparent !important;
  text-decoration: none !important;
}
.new-footer .logo-text {
  font-family: var(--font-heading, "Archivo", sans-serif);
  font-weight: 800;
  font-size: 22px;
  letter-spacing: -0.01em;
  color: var(--navy, #0f2031);
  display: inline-block;
  margin-bottom: 16px;
  text-decoration: none;
}
.new-footer .blurb {
  color: var(--navy, #0f2031);
  max-width: 34ch;
  margin: 0 0 16px;
  font-size: 13.5px;
  line-height: 1.5;
}
.new-footer .abn {
  font-size: 12px;
  color: #5d6d7d;
  margin: 0 0 18px;
  letter-spacing: 0.01em;
}
.new-footer h4 {
  font-family: var(--font-heading, "Archivo", sans-serif);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  color: #7f8fa0;
  margin: 0 0 14px;
  text-align: justify;
}
.new-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 9px;
}
.new-footer ul.contact-list {
  margin-bottom: 20px;
}
.new-footer a {
  color: var(--navy, #0f2031);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  padding-block: 2px;
  transition: color 0.15s ease, border-color 0.15s ease;
}
.new-footer a:hover, .new-footer a:focus-visible {
  color: var(--red, #e51e25);
  border-bottom-color: var(--red, #e51e25);
}
.new-footer a:focus-visible {
  outline: 2px solid var(--red, #e51e25);
  outline-offset: 3px;
}
/* ATOM Hire Link Styling */
.new-footer .col-modular a[href*="/hire/"], .new-footer .col-modular a[href*="/hire/"]:hover, .new-footer .col-modular a[href*="/hire/"]:focus-visible, .new-footer .col-modular ul li:last-child a, .new-footer .col-modular ul li:last-child a:hover {
  font-weight: 700 !important;
  border-bottom: none !important;
  border-bottom-color: transparent !important;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.new-footer .col-modular a[href*="/hire/"]::after, .new-footer .col-modular ul li:last-child a::after {
  content: "→";
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  transition: transform 0.2s ease, color 0.2s ease;
  line-height: 1;
}
.new-footer .col-modular a[href*="/hire/"]:hover::after, .new-footer .col-modular ul li:last-child a:hover::after {
  transform: translateX(3px);
  color: var(--red, #e51e25);
}
.new-footer .site {
  display: grid;
  gap: 4px;
  margin-bottom: 16px;
}
.new-footer .site .role {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: #7f8fa0;
}
.new-footer .site a {
  font-size: 13.5px;
  width: fit-content;
}
.new-footer .strong {
  font-weight: 700;
}
.new-footer .social {
  display: flex;
  gap: 10px;
  margin-top: 4px;
}
.new-footer .social a {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 1px solid #cfd8e0;
  border-bottom-color: #cfd8e0;
  transition: border-color 0.15s ease;
  padding: 0;
}
.new-footer .social a:hover {
  border-color: var(--red, #e51e25);
}
.new-footer .social svg {
  width: 17px;
  height: 17px;
  fill: var(--navy, #0f2031);
  transition: fill 0.15s ease;
}
.new-footer .social a:hover svg {
  fill: var(--red, #e51e25);
}
.new-footer .bar {
  border-top: 1px solid var(--footer-rule, #dce2e8);
  padding: 18px 0 26px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
  align-items: center;
  justify-content: space-between;
}
.new-footer .legal {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  align-items: center;
  font-size: 12.5px;
  color: #5d6d7d;
}
.new-footer .legal ul {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.new-footer .legal ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.new-footer .legal a {
  font-size: 12.5px;
  color: #5d6d7d;
}
.new-footer .legal a:hover {
  color: var(--red, #e51e25);
}
.new-footer .sig {
  font-family: var(--font-heading, "Archivo", sans-serif);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--navy, #0f2031);
}
.new-footer .sig i {
  font-style: normal;
  color: var(--red, #e51e25);
}
@media (max-width: 900px) {
    .page-template-template-offices-workspaces .new-footer .inner,
  .new-footer .inner {
    padding-top: 40px;
  }
  .new-footer .grid {
    grid-template-columns: 1fr 1fr;
    gap: 36px 24px;
  }
  .new-footer .col-brand {
    order: 1;
  }
  .new-footer .col-contact {
    order: 2;
  }
  .new-footer .col-modular {
    order: 3;
  }
  .new-footer .col-company {
    order: 4;
  }
}
@media (max-width: 560px) {
  .crumbs {
    display: block;
  }
  .crumbs a {
    display: inline;
  }
  .page-template-template-offices-workspaces .new-footer .inner,
  .new-footer .inner {
    padding: 32px 20px 24px;
  }
  .new-footer .grid {
    grid-template-columns: 1fr;
    gap: 28px;
    padding-bottom: 40px;
  }
  .new-footer .col-brand {
    order: 1;
    margin: 0 0 16px;
  }
  .new-footer .col-contact {
    order: 2;
  }
  .new-footer .col-modular {
    order: 3;
  }
  .new-footer .col-company {
    order: 4;
  }
  .new-footer .bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
    padding: 20px 0 32px;
  }
  .new-footer .legal {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    align-items: center;
    font-size: 12.5px;
    color: #5d6d7d;
  }
  .new-footer .legal span {
    display: block;
    width: 100%;
    margin-bottom: 2px;
  }
  .new-footer .sig {
    font-size: 11px;
    line-height: 1.4;
  }
  .band {
    padding: 0;
  }
  .new-footer .blurb {
    max-width: 80%;
  }
}


/* ==========================================================================
   Footer Container & Contact Form Fixes (.footer__container)
   ========================================================================== */

/* Eliminate White Gap above Footer while keeping inner footer readable */
footer.new-footer, .new-footer {
  background-color: #f5f7f9 !important;
  color: #0f2031 !important;
  border-top: none !important;
  margin-top: 0 !important;
  padding: 0 !important;
}
.post-section, .atom-insights-wrap, #content, .site-main, main {
  margin-bottom: 0 !important;
}
.band+footer.new-footer, .post-section+footer.new-footer, .atom-insights-wrap+footer.new-footer {
  margin-top: 0 !important;
}
.footer__container {
  background-color: #0D1F30 !important;
  color: #ffffff !important;
  padding: 50px 40px 45px !important;
  position: relative !important;
  width: 100% !important;
  margin: 0 auto !important;
}
/* Floating Back to Top Button */
div.backToTop, #backToTop, .footer__container .backToTop, .new-footer .backToTop {
  position: fixed !important;
  top: auto !important;
  bottom: 30px !important;
  right: 30px !important;
  left: auto !important;
  width: 48px !important;
  height: 48px !important;
  z-index: 999999 !important;
  margin: 0 !important;
  transform: none !important;
}
div.backToTop a, #backToTop a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background-color: #E41E25 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(228, 30, 37, 0.45) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  border: 2px solid #E41E25 !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
}
div.backToTop a::before {
  display: none !important;
  content: none !important;
}
div.backToTop a svg, div.backToTop a:hover svg, div.backToTop a:focus svg {
  width: 20px !important;
  height: 20px !important;
  stroke: #ffffff !important;
  fill: none !important;
  color: #ffffff !important;
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transition: transform 0.2s ease !important;
}
div.backToTop a:hover {
  background-color: #0D1F30 !important;
  border-color: #E41E25 !important;
  transform: translateY(-4px) scale(1.05) !important;
  box-shadow: 0 6px 20px rgba(13, 31, 48, 0.5) !important;
}
div.backToTop a:hover svg {
  stroke: #ffffff !important;
  transform: translateY(-2px) !important;
}
/* Contact Number Header & Call Icon */
.footer__top {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  margin-bottom: 10px !important;
}
.footer__contactNumber h1 {
  font-family: var(--font-heading, "Archivo", sans-serif) !important;
  font-size: clamp(28px, 4vw, 42px) !important;
  font-weight: 800 !important;
  margin: 0 !important;
  color: #ffffff !important;
  letter-spacing: 0.02em !important;
}
.footer__contactNumber h1 a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}
.footer__contactNumber h1 a svg {
  width: 30px !important;
  height: 30px !important;
  fill: #E41E25 !important;
  flex-shrink: 0 !important;
  transition: transform 0.2s ease !important;
}
.footer__contactNumber h1 a:hover {
  color: #E41E25 !important;
}
.footer__contactNumber h1 a:hover svg {
  transform: scale(1.1) !important;
}
/* Footer Form Container & Intro Text */
.footer__mid {
  max-width: 680px !important;
  width: 100% !important;
  margin: 0 auto !important;
  text-align: left !important;
}
.footer__subscribe p {
  color: rgba(255, 255, 255, 0.9) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  text-align: center !important;
  margin-bottom: 28px !important;
  font-weight: 500 !important;
}
/* Footer Form Fields Styling */
.footer__form form {
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
  width: 100% !important;
}
/* Labels */
.footer__form label, .footer__form form label {
  display: block !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  margin-bottom: 6px !important;
  text-transform: none !important;
}
/* Input & Textarea Fields */
.footer__form input[type="text"], .footer__form input[type="email"], .footer__form input[type="tel"], .footer__form input[type="number"], .footer__form input[type="url"], .footer__form select, .footer__form textarea, .footer__form .forminator-input, .footer__form .forminator-textarea, .footer__form .wpcf7-input {
  width: 100% !important;
  background-color: #ffffff !important;
  color: #0D1F30 !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 4px !important;
  padding: 12px 16px !important;
  font-size: 15px !important;
  font-family: inherit !important;
  height: auto !important;
  box-shadow: none !important;
  outline: none !important;
  transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}
.footer__form input:focus, .footer__form textarea:focus, .footer__form select:focus {
  border-color: #E41E25 !important;
  box-shadow: 0 0 0 3px rgba(228, 30, 37, 0.2) !important;
}
.footer__form textarea {
  min-height: 110px !important;
  resize: vertical !important;
}
/* Side-by-side Name Fields Grid */
.footer__form .form-row-half, .footer__form .forminator-row:has(input[name*="first"]), .footer__form .forminator-row:has(input[name*="name"]) {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 16px !important;
}
/* Fix File Upload Row & Button Height */
.footer__form form .forminator-row:has(.forminator-file-upload), .footer__form .forminator-row:has(input[type="file"]), .footer__form .forminator-file-upload, .footer__form .forminator-field-upload {
  height: auto !important;
  min-height: 0 !important;
  margin-bottom: 8px !important;
  padding: 0 !important;
  border: none !important;
}
.footer__form input[type="file"], .footer__form form input[type="file"], .footer__form .forminator-file-upload button {
  height: 42px !important;
  min-height: 42px !important;
  max-height: 42px !important;
  line-height: 32px !important;
  padding: 4px 12px !important;
  margin: 0 !important;
  background-color: transparent !important;
  color: #ffffff !important;
  border: 1px dashed rgba(255, 255, 255, 0.4) !important;
  border-radius: 4px !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  font-size: 13.5px !important;
  display: inline-flex !important;
  align-items: center !important;
}
.footer__form input[type="file"]::-webkit-file-upload-button {
  background-color: rgba(255, 255, 255, 0.15) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  border-radius: 3px !important;
  padding: 4px 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  margin-right: 10px !important;
  transition: background-color 0.2s ease !important;
}
.footer__form input[type="file"]::-webkit-file-upload-button:hover {
  background-color: rgba(255, 255, 255, 0.25) !important;
}
/* Submit Button */
.footer__form button[type="submit"], .footer__form input[type="submit"], .footer__form .forminator-button-submit, .footer__form .wpcf7-submit {
  background-color: #E41E25 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 4px !important;
  padding: 14px 36px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  letter-spacing: 0.03em !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease, transform 0.15s ease !important;
  align-self: flex-start !important;
  width: auto !important;
  min-width: 140px !important;
  margin-top: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.footer__form button[type="submit"]:hover, .footer__form input[type="submit"]:hover, .footer__form .forminator-button-submit:hover, .footer__form .wpcf7-submit:hover {
  background-color: #b0151b !important;
  transform: translateY(-1px) !important;
}

/*  this is the css for btn button*/
.btns .btn.btn-primary.enable-scheduling-popup{
	display: inline-flex;
    align-items: center;
	line-height: 1.2;
	font-size: 11px;
     height: 38px;
}
.btns .btn-range{
	padding: 10px 15px;
    gap: 8px;
    font-size: 11px;
}
.icon-circle-red{
	width: 18px;
    height: 18px;
}
.btns .btn-range img{
	    width: 12px;
}
/* Mobile Responsiveness */
@media (max-width: 767.98px) {
  .footer__container {
    padding: 40px 20px 36px !important;
  }
  .new-footer .backToTop {
    right: 10px !important;
    width: 40px !important;
    height: 25px !important;
  }
  .backToTop a {
    width: 40px !important;
    height: 40px !important;
  }
  .footer__form .form-row-half {
    grid-template-columns: 1fr !important;
  }
  .footer__form button[type="submit"], .footer__form input[type="submit"], .footer__form .wpcf7-submit {
    width: 100% !important;
  }
}