@font-face {
  font-family: Lato;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/user/themes/vmsintl/vendor/lato/lato-latin-300-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* site-v2.css — spec 004 (approved by Stuart 14 Nov 2026): the homepage (spec 002) style on every other page.
   Loaded after the page bundle and lato-chrome.css in matrix.html.twig and blog.html.twig, never on the homepage (page_css home-v2). Style only. */

/* 1. Lato for all text (icon fonts keep their own family) */
body,
body *:not(i):not(.bi):not([class*="icon"]) {
  font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* 2. Headings: thin, all caps, heading blue (white stays white via .text-white on dark sections) */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300 !important;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  line-height: 1.2;
  text-wrap: balance;
  color: #026A9F;
}
/* !important because the older page CSS sizes and colours .head-title with higher specificity */
h1, .h1 { font-size: clamp(1.7rem, 1.1475rem + 2.72vw, 3.1875rem) !important; }
h2, .h2 { font-size: clamp(1.5rem, 1.125rem + 1.55vw, 2.375rem) !important; }
h3, .h3 { font-size: clamp(1.125rem, 1rem + 0.5vw, 1.375rem) !important; }
h4, .h4 { font-size: clamp(1.0625rem, 0.98rem + 0.3vw, 1.1875rem) !important; }
h5, .h5, h6, .h6 { font-size: 1.0625rem !important; }
.gb-card h2 { font-size: 1.1875rem !important; }
.head-title.font-weight-normal { font-weight: 300 !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6,
.gb-card h2 a, .latest-title h6 { color: #026A9F !important; }
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6,
h1.text-white, h2.text-white, h3.text-white, h4.text-white, h5.text-white, h6.text-white {
  color: #FFFFFF !important;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
.gb-card h2 a:hover, .latest-title a:hover h6 { color: #01557F !important; }

/* Body links in page content: heading blue with a turquoise underline, as on the homepage (Bootstrap's #007BFF was 3.98:1) */
.content-body a:not(.btn):not(.readmore-btn),
#component p a:not(.btn), #component li a:not(.btn),
.breadcrumb a, nav[aria-label="Breadcrumb"] a, main p a:not(.btn) {
  color: #026A9F;
  text-decoration-color: #47D4CB;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
}
.text-white a:not(.btn), .content-body.text-white a:not(.btn) { color: #FFFFFF; }

/* 3. Short turquoise bar under section H2s */
h2.head-title:not(.h1):not(.sr-only)::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 4px;
  margin-top: 0.9rem;
  border-radius: 2px;
  background: #47D4CB;
}
.text-center h2.head-title::after,
h2.head-title.text-center::after {
  margin-left: auto;
  margin-right: auto;
}

/* 4. Inner page banner titles: like the homepage hero, thin caps, white, translucent turquoise block per line (no typewriter) */
h1.head-title.text-white,
h2.h1.head-title.text-white {
  display: inline;
  font-size: clamp(1.7rem, 1.1475rem + 2.72vw, 3.1875rem);
  letter-spacing: 0.045em;
  line-height: 1.3;
  color: #FFFFFF;
  background-color: rgba(71, 212, 203, 0.3);
  padding: 0.05em 0.2em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
h1.head-title.text-white + *,
h2.h1.head-title.text-white + * {
  margin-top: 1.25rem;
}

/* 5. Buttons. Solid: #026A9F, white text, hover #01557F */
.btn.btn-primary,
.btn.btn-dark,
.btn.btn-light,
.btn.btn-primary:not(:disabled):not(.disabled),
.btn.btn-dark:not(:disabled):not(.disabled),
.btn.btn-light:not(:disabled):not(.disabled) {
  background: #026A9F !important;
  border-color: #026A9F !important;
  color: #FFFFFF !important;
}
.btn.btn-primary:hover, .btn.btn-primary:focus-visible,
.btn.btn-dark:hover, .btn.btn-dark:focus-visible,
.btn.btn-light:hover, .btn.btn-light:focus-visible,
.btn.btn-primary:not(:disabled):not(.disabled):active,
.btn.btn-dark:not(:disabled):not(.disabled):active,
.btn.btn-light:not(:disabled):not(.disabled):active {
  background: #01557F !important;
  border-color: #01557F !important;
  color: #FFFFFF !important;
}
/* solid buttons sitting on the #0382C5 blue sections get a light ring so they stand out */
#mod_96 .btn.btn-primary,
.reGBTN.btn.btn-primary {
  box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.7);
}

/* Outline: transparent, 2px turquoise outline; text white on dark, #026A9F on light; hover turquoise fill, #2B2B2B text */
.btn.btn-outline-light,
.btn.btn-outline-dark,
.btn.btn-outline-primary,
.btn.btn-outline-secondary {
  background: transparent !important;
  border: 2px solid #47D4CB !important;
  color: #026A9F !important;
  box-shadow: none;
}
.btn.btn-outline-light { color: #FFFFFF !important; }
.btn.btn-outline-light:hover, .btn.btn-outline-light:focus-visible,
.btn.btn-outline-dark:hover, .btn.btn-outline-dark:focus-visible,
.btn.btn-outline-primary:hover, .btn.btn-outline-primary:focus-visible,
.btn.btn-outline-secondary:hover, .btn.btn-outline-secondary:focus-visible,
.btn.btn-outline-light:not(:disabled):not(.disabled):active,
.btn.btn-outline-dark:not(:disabled):not(.disabled):active {
  background: #47D4CB !important;
  border-color: #47D4CB !important;
  color: #2B2B2B !important;
}

/* 6. Turquoise card and icon highlights */
.myteampage,
.gb-card {
  box-shadow: inset 0 3px 0 #47D4CB, 0 1px 2px rgba(43, 43, 43, 0.06), 0 8px 24px rgba(43, 43, 43, 0.08);
  transition: box-shadow 0.25s ease, transform 0.25s ease;
}
.myteampage:hover,
.gb-card:hover {
  box-shadow: inset 0 3px 0 #47D4CB, 0 2px 4px rgba(43, 43, 43, 0.08), 0 16px 36px rgba(43, 43, 43, 0.14);
}
.category-module .col-lg-3 > .fullsize-image {
  border-bottom: 3px solid #47D4CB;
}
.head-image img,
.company-cards img {
  background: rgba(71, 212, 203, 0.18);
  box-shadow: inset 0 0 0 1.5px rgba(71, 212, 203, 0.55);
  border-radius: 50%;
}
.head-image img { padding: 14px; }
.company-cards img { padding: 8px; width: 48px; height: 48px; }
.readmore-btn .bi,
.text-white .bi,
.content-body.text-white .bi {
  color: #47D4CB;
}
.team-expertise li {
  border-color: rgba(71, 212, 203, 0.6);
}
/* Number badges (none in use on inner pages today): white text on turquoise, as on the homepage */
.work-num,
.num-badge {
  background: #47D4CB;
  color: #FFFFFF;
}
.gb-card { border-top: 3px solid #47D4CB; }

/* Spec 004 tweak (Stuart 1:30 AM): content images get 14px rounded corners and a soft turquoise glow on hover only (box-shadow, no layout shift).
   Excluded: header and footer logos, client and venture logos, icons, SVGs, full-bleed half-width section images, banners and video. */
.item-image img,
.image-wrapper img,
.team-image img,
.banner-content .row.pt-5 > [class*="col-"] > img.img-fluid,
.col-lg-4 > img.img-fluid,
.col-lg-4 > .fullsize-image {
  border-radius: 14px;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}
.team-image img { border-radius: 50%; }
.myteampage .team-image img { transition: box-shadow 0.2s ease; }
.item-image img:hover,
.image-wrapper img:hover,
.team-image img:hover,
.banner-content .row.pt-5 > [class*="col-"] > img.img-fluid:hover,
.col-lg-4 > img.img-fluid:hover,
.col-lg-4 > .fullsize-image:hover {
  box-shadow: 0 0 0 1px rgba(71, 212, 203, 0.6), 0 8px 24px rgba(71, 212, 203, 0.35);
}
/* Images inside cards that already clip with rounded corners: no extra radius, glow on the card or clip box */
.category-module .col-lg-3 > .fullsize-image {
  transition: box-shadow 0.2s ease;
}
.category-module .col-lg-3 > .fullsize-image:hover {
  box-shadow: 0 0 0 1px rgba(71, 212, 203, 0.6), 0 8px 24px rgba(71, 212, 203, 0.35);
}
.gb-card:has(.gb-cover:hover) {
  box-shadow: inset 0 3px 0 #47D4CB, 0 0 0 1px rgba(71, 212, 203, 0.6), 0 8px 24px rgba(71, 212, 203, 0.35);
}
.fixed-blog .banner-content > .container-fluid > .row:has(> .item-image-container .fullsize-image:hover) {
  box-shadow: 0 0 0 1px rgba(71, 212, 203, 0.6), 0 8px 24px rgba(71, 212, 203, 0.35);
}
/* Team photos keep their white ring; the glow sits outside it on hover */
.myteampage .team-image img:hover,
.myteampage:hover .team-image img:hover {
  box-shadow: 0 0 0 4px #fff, 0 0 0 1px rgba(71, 212, 203, 0.6), 0 8px 24px rgba(71, 212, 203, 0.35);
}

/* Spec 007 (Stuart 2:07 AM): consistent margins. Containers are 1180px + 20px gutter (lato-chrome.css). */
/* 1, 2: hero text columns line up with the content edge (video heroes, page banners, AI With Cortex on mobile) */
.custom > .container > .row > .col-12.px-0,
.page-banner .row > [class*="col-"].px-0,
.page-banner .row > [class*="col-"].px-3 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
/* Bootstrap .jumbotron side padding (16px to 32px) pushed the video hero text in at 1024 and 390; the container gutter now sets the edge */
.jumbotron {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* News list wrapper side padding (12px to 31px) pushed rows and the news grid in; the container gutter now sets the edge */
.fixed-blog {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* 10: AI With Cortex hero bottom padding 64px to 96px */
.page-banner .container-lg[style*="padding-bottom: 4rem"] {
  padding-bottom: 96px !important;
}
/* 4, 5: news list rows capped at the page container, 20px gutter on mobile */
.fixed-blog .banner-content > .container-fluid {
  max-width: 1220px !important;
  padding-left: 20px !important;
  padding-right: 20px !important;
  margin-left: auto;
  margin-right: auto;
}
.fixed-blog .banner-content > .container-fluid > .row {
  margin-left: 0;
  margin-right: 0;
}
/* 6: blue and grey text boxes get 24px sides on mobile */
@media (max-width: 991.98px) {
  .company-box,
  .company-box2 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}
/* 7: newsletter content sits 20px from the screen edge on mobile via the new 20px container gutter (no extra padding needed) */
/* 8: 24px gaps between cards and grid columns (was 30px from Bootstrap gutters) */
@media (min-width: 768px) {
  main .row:has(> .col-lg-3:not(.px-0)),
  main .row:has(> .col-lg-4:not(.px-0)) {
    margin-left: -12px;
    margin-right: -12px;
  }
  main .row > .col-lg-3:not(.px-0),
  main .row > .col-lg-4:not(.px-0) {
    padding-left: 12px;
    padding-right: 12px;
  }
}

main .btn:not(.close) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 52px;
  padding: 12px 24px !important;
  font-size: 16px;
  font-weight: 700 !important;
  letter-spacing: 0.04em;
  line-height: 1.3;
  border-radius: 10px;
  text-decoration: none;
  box-shadow: none !important;
}
main #mod_96 .btn.btn-primary,
main .reGBTN.btn.btn-primary {
  box-shadow: 0 0 0 1.5px rgba(255, 255, 255, 0.7) !important;
}
main a.more,
main a.readmore-btn {
  display: inline-block;
  align-self: flex-start;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #2B2B2B !important;
  text-decoration: none !important;
  text-transform: none;
  background: linear-gradient(#47D4CB, #47D4CB) 0 100% / 100% 1.5px no-repeat;
  padding-bottom: 3px;
  transition: background-size 0.25s ease;
}
main a.more:hover,
main a.more:focus-visible,
main a.readmore-btn:hover,
main a.readmore-btn:focus-visible {
  color: #2B2B2B !important;
  background-size: 0 1.5px;
  background-position: 100% 100%;
}
main a.readmore-btn .bi { color: #47D4CB; }
main .text-right:has(> a.more) { text-align: left !important; }
main .team-readmore { text-align: left !important; }

#how-we-help-clients #content_c_body { background: #F3F4F3; }
#how-we-help-clients #mod_123 { padding-top: clamp(4rem, 3rem + 4vw, 7rem) !important; padding-bottom: clamp(4rem, 3rem + 4vw, 7rem) !important; }
#how-we-help-clients #mod_123 .custom > .row,
#how-we-help-clients #mod_122 .category-module > .row,
#our-company .company-cards .row.py-5 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin: 0;
}
#how-we-help-clients #mod_123 .custom > .row > [class*="col-"],
#how-we-help-clients #mod_122 .category-module > .row > [class*="col-"],
#our-company .company-cards .row.py-5 > [class*="col-"] {
  flex: none;
  max-width: none;
  width: auto;
  margin: 0 !important;
}
#how-we-help-clients #mod_123 .custom > .row > .col-12:first-child {
  grid-column: 1 / -1;
  text-align: left !important;
  margin-bottom: 20px !important;
  padding: 0;
}
#how-we-help-clients #mod_123 .custom > .row > .col-12:first-child h2.head-title::after { margin-left: 0; margin-right: 0; }
#how-we-help-clients #mod_123 .custom > .row > .col-lg-4,
#our-company .company-cards .row.py-5 > [class*="col-"] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left !important;
  background: #FFFFFF;
  border: 1px solid transparent;
  border-radius: 16px;
  padding: 24px !important;
  box-shadow: inset 0 3px 0 #47D4CB, 0 1px 2px rgba(43, 43, 43, 0.06), 0 8px 24px rgba(43, 43, 43, 0.08);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
#how-we-help-clients #mod_123 .custom > .row > .col-lg-4:hover,
#our-company .company-cards .row.py-5 > [class*="col-"]:hover {
  transform: translateY(-4px);
  border-color: #47D4CB;
  box-shadow: inset 0 3px 0 #47D4CB, 0 2px 4px rgba(43, 43, 43, 0.08), 0 16px 36px rgba(43, 43, 43, 0.14);
}
#how-we-help-clients #mod_123 .head-image {
  width: 64px;
  height: 64px;
  flex: none;
  margin: 0 0 18px;
  background: rgba(71, 212, 203, 0.18);
  box-shadow: inset 0 0 0 1.5px rgba(71, 212, 203, 0.55);
  border-radius: 12px;
}
#how-we-help-clients #mod_123 .head-image img {
  width: 42px;
  height: 42px;
  padding: 0;
  object-fit: contain;
  background: none;
  box-shadow: none;
  border-radius: 0;
}
#how-we-help-clients #mod_123 .col-lg-4 h6 {
  margin: 0 0 11px !important;
  font-size: clamp(1.0625rem, 0.98rem + 0.3vw, 1.1875rem) !important;
  line-height: 1.25;
  text-align: left;
}
#how-we-help-clients #mod_123 .col-lg-4 p {
  flex: 1;
  margin: 0 0 18px !important;
  text-align: left !important;
}
#our-company .company-cards img {
  width: 64px;
  height: 64px;
  padding: 11px;
  box-sizing: border-box;
  object-fit: contain;
  border-radius: 12px;
  margin-bottom: 18px;
}
#our-company .company-cards h5 { margin: 0 0 11px !important; }
#our-company .company-cards p { margin: 0; }
#our-company .company-cards {
  background: #F3F4F3;
  box-shadow: 0 0 0 100vmax #F3F4F3;
  clip-path: inset(0 -100vmax);
}
#our-company .company-cards .row.py-5 { padding-top: clamp(4rem, 3rem + 4vw, 7rem) !important; padding-bottom: clamp(4rem, 3rem + 4vw, 7rem) !important; }
#our-company main .text-center { text-align: left !important; }
#our-company main .text-center h2.head-title::after,
#our-company main h2.head-title.text-center::after { margin-left: 0; margin-right: 0; }
#how-we-help-clients #mod_122 .category-module > .row > [class*="col-"] {
  padding: 0;
  background: #FFFFFF;
  border-top: 3px solid #47D4CB;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(43, 43, 43, 0.06), 0 8px 24px rgba(43, 43, 43, 0.08);
  transition: box-shadow 0.2s ease, transform 0.25s ease;
}
#how-we-help-clients #mod_122 .category-module > .row > [class*="col-"]:has(img:hover) {
  box-shadow: 0 0 0 1px rgba(71, 212, 203, 0.6), 0 8px 24px rgba(71, 212, 203, 0.35);
}
#how-we-help-clients #mod_122 .col-lg-4 > .fullsize-image { border-radius: 0; box-shadow: none !important; }
#how-we-help-clients #mod_122 .col-lg-4 > .fullsize-image img { display: block; width: 100%; height: auto; }
#how-we-help-clients #mod_122 .col-lg-4 > p { margin: 0 !important; padding: 20px 24px 24px; }
@media (min-width: 640px) {
  #how-we-help-clients #mod_123 .custom > .row,
  #our-company .company-cards .row.py-5 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 900px) {
  #how-we-help-clients #mod_122 .category-module > .row { grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1100px) {
  #how-we-help-clients #mod_123 .custom > .row { grid-template-columns: repeat(3, 1fr); }
  #how-we-help-clients #mod_123 .custom > .row > .col-lg-4:last-child { grid-column: 2; }
  #our-company .company-cards .row.py-5 { grid-template-columns: repeat(4, 1fr); }
}

main .category-module > .row:has(> .col-lg-3 > .fullsize-image) {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin: 0;
}
main .category-module > .row > .col-lg-3:has(> .fullsize-image) {
  display: flex;
  flex-direction: column;
  flex: none;
  max-width: none;
  width: auto;
  margin: 0 !important;
  padding: 0 0 24px;
  background: #FFFFFF;
  border-top: 3px solid #47D4CB;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(43, 43, 43, 0.06), 0 8px 24px rgba(43, 43, 43, 0.08);
  transition: transform 0.25s ease, box-shadow 0.2s ease;
}
main .category-module > .row > .col-lg-3:has(> .fullsize-image):hover {
  transform: translateY(-4px);
  box-shadow: 0 0 0 1px rgba(71, 212, 203, 0.6), 0 8px 24px rgba(71, 212, 203, 0.35);
}
main .category-module .col-lg-3 > .fullsize-image,
main .category-module .col-lg-3 > .fullsize-image:hover {
  border-radius: 0;
  border-bottom: 0;
  box-shadow: none;
}
main .category-module .col-lg-3 > .fullsize-image img { display: block; width: 100%; }
main .category-module .col-lg-3:has(> .fullsize-image) > :not(.fullsize-image) {
  padding-left: 24px;
  padding-right: 24px;
}
main .category-module .col-lg-3:has(> .fullsize-image) .content-body { flex: 1; display: flex; flex-direction: column; }
main .category-module .col-lg-3:has(> .fullsize-image) a.readmore-btn { margin-top: auto !important; padding-top: 16px; background-position: 0 100%; }
@media (min-width: 640px) {
  main .category-module > .row:has(> .col-lg-3 > .fullsize-image) { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1100px) {
  main .category-module > .row:has(> .col-lg-3 > .fullsize-image) { grid-template-columns: repeat(4, 1fr); }
}

.myteampage { border-radius: 16px !important; }
.gb-card { border-radius: 16px !important; }
.fixed-blog .banner-content > .container-fluid > .row {
  border-radius: 16px !important;
  border-top: 3px solid #47D4CB;
}
#contact .p-4.border.rounded {
  border: 0 !important;
  border-radius: 22px !important;
  box-shadow: 0 1px 2px rgba(43, 43, 43, 0.06), 0 8px 24px rgba(43, 43, 43, 0.08);
}

.item-image,
.image-wrapper {
  position: relative;
  width: fit-content;
  max-width: 100%;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(43, 43, 43, 0.06), 0 8px 24px rgba(43, 43, 43, 0.08);
  transition: box-shadow 0.2s ease;
}
.item-image::after,
.image-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 3px 0 #47D4CB;
  pointer-events: none;
}
.item-image img,
.image-wrapper img {
  display: block;
  border-radius: 0 !important;
}
.item-image img:hover,
.image-wrapper img:hover { box-shadow: none !important; }
.item-image:hover,
.image-wrapper:hover {
  box-shadow: 0 0 0 1px rgba(71, 212, 203, 0.6), 0 8px 24px rgba(71, 212, 203, 0.35);
}
.banner-content .row.pt-5 > [class*="col-"] > img.img-fluid,
#vms-ventures #mod_142 .row.align-items-center img.img-fluid {
  border-radius: 16px;
  border-top: 3px solid #47D4CB;
  box-shadow: 0 1px 2px rgba(43, 43, 43, 0.06), 0 8px 24px rgba(43, 43, 43, 0.08);
  transition: box-shadow 0.2s ease;
}
.banner-content .row.pt-5 > [class*="col-"] > img.img-fluid:hover,
#vms-ventures #mod_142 .row.align-items-center img.img-fluid:hover {
  box-shadow: 0 0 0 1px rgba(71, 212, 203, 0.6), 0 8px 24px rgba(71, 212, 203, 0.35);
}

.item-title h1.head-title:not(.text-white)::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 4px;
  margin-top: 0.9rem;
  border-radius: 2px;
  background: #47D4CB;
}
.item-page { padding-top: clamp(4rem, 3rem + 4vw, 7rem) !important; padding-bottom: clamp(4rem, 3rem + 4vw, 7rem) !important; }

.singlepage-banner:has(.banner-title) {
  isolation: isolate;
  min-height: 0;
  padding: 150px 0 64px;
}
.singlepage-banner:has(.banner-title)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, rgba(43, 43, 43, 0.85) 0%, rgba(43, 43, 43, 0.7) 55%, rgba(43, 43, 43, 0.55) 100%);
}
.singlepage-banner .banner-title { position: relative; z-index: 1; }
.eyebrow.banner-eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.4;
  color: #FFFFFF;
  text-transform: none;
}
.eyebrow.banner-eyebrow::before {
  content: "";
  display: block;
  width: 2rem;
  height: 3px;
  background: #47D4CB;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  .singlepage-banner:has(.banner-title) { padding: 112px 0 48px; }
}

.vms-ready {
  position: relative;
  isolation: isolate;
  color: #FFFFFF;
  background: #2B2B2B url("/user/themes/vmsintl/images/book-call-bg.jpg") center / cover no-repeat;
  padding: clamp(4rem, 3rem + 4vw, 7rem) 0;
}
.vms-ready::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(110deg, rgba(43, 43, 43, 0.92) 0%, rgba(43, 43, 43, 0.82) 55%, rgba(43, 43, 43, 0.72) 100%);
}
.vms-ready-copy { max-width: 46rem; }
.vms-ready .vms-ready-title {
  color: #FFFFFF !important;
  margin-bottom: 1.15rem;
}
.vms-ready .vms-ready-title::after {
  content: "";
  display: block;
  width: 3.5rem;
  height: 4px;
  margin-top: 0.9rem;
  border-radius: 2px;
  background: #47D4CB;
}
.vms-ready .lead {
  color: #FFFFFF;
  font-size: 1.125rem;
  line-height: 1.65;
  margin-bottom: 1.75rem;
  max-width: 38rem;
}
.vms-ready-cta { display: flex; flex-wrap: wrap; gap: 0.85rem; align-items: center; }
@media (max-width: 575px) {
  .vms-ready-cta .btn { width: 100%; }
}

#vms-ventures #mod_142 .category-module > .row > .col-12 {
  background: #FFFFFF;
  border-radius: 16px;
  padding: 24px !important;
  margin-bottom: 24px;
  box-shadow: inset 0 3px 0 #47D4CB, 0 1px 2px rgba(43, 43, 43, 0.06), 0 8px 24px rgba(43, 43, 43, 0.08);
}
#vms-ventures #mod_142 .category-module > .row > .col-12::after { content: ""; display: table; clear: both; }
#vms-ventures #mod_142 .category-module > .row { margin: 0; }
#content_body a.btn.btn-primary,
#content_body a.btn.btn-light,
#content_body a.btn.btn-dark,
#content_body a.btn.btn-outline-light,
.vms-ready a.btn.btn-light,
.vms-ready a.btn.btn-outline-light { color: #FFFFFF !important; }
#content_body a.btn.btn-outline-dark,
#content_body a.btn.btn-outline-primary { color: #026A9F !important; }
#content_body a.btn.btn-outline-light:hover,
#content_body a.btn.btn-outline-dark:hover,
#content_body a.btn.btn-outline-primary:hover,
.vms-ready a.btn.btn-outline-light:hover { color: #2B2B2B !important; }
#content_body a.more,
#content_body a.readmore-btn { color: #2B2B2B !important; }