/* Custom CSS for Valante Capital child theme */

/* Site font — self-hosted. Ref CSS-0001 */
@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2-variations'),
         url('../fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Italic-VariableFont_opsz,wght.woff2') format('woff2-variations'),
         url('../fonts/Inter-Italic-VariableFont_opsz,wght.woff2') format('woff2');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}


/* Pill-shaped navbar. Ref CSS-0002 */
.tm-header .uk-navbar-container {
    margin: 20px 32px 0;  /* Navbar side gaps. Ref CSS-0003 */
    border-radius: 16px; /* Navbar corner radius. Ref CSS-0004 */
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.18);
}

/* Slightly tighter to the top once the sticky state kicks in */
.tm-header .uk-navbar-container.uk-navbar-sticky {
    margin-top: 12px;
}


/* Navbar item padding. Ref CSS-0005 */
.uk-navbar-container .uk-navbar-nav > li > a {
    padding-top: 0px !important;    /* reduce from theme default */
    padding-bottom: 0px !important;
}




/* Navbar solid white background. Ref CSS-0006 */
.tm-header .uk-navbar-container,
.tm-header .uk-navbar-container.uk-navbar-transparent,
.tm-header .uk-navbar-container.uk-navbar-sticky {
    background-color: #ffffff !important;
}

/* Footer link colour. Ref CSS-0007 */
.uk-light .uk-nav-default > li > a {
    color: #ffffff !important;
}
.uk-light .uk-nav-default > li > a:hover {
    color: rgba(255, 255, 255, 0.85) !important;
}









/* Footer nav font. Ref CSS-0008 */
.uk-nav-default {
    font-family: Inter, sans-serif;
}

/* Convert Forms — sitewide font. Ref CSS-0009 */
.convertforms .cf-label,
.convertforms .cf-input,
.convertforms textarea,
.convertforms select,
.convertforms .cf-btn {
    font-family: 'Inter', sans-serif !important;
}

/* Convert Forms Component - home page contact form overrides. */
.convertforms .cf-btn {
    background-color: rgba(2, 4, 57, 1) !important;
	border-radius: 8px !important; 
}


/* Convert Forms Component - contact general inquiries page - contact form overrides. */
.white-button .convertforms .cf-btn {
    background-color: rgba(255, 255, 255, 1) !important;
	color: #001124 !important;
	border-radius: 8px !important; 
	}


.blue-button .convertforms .cf-btn {
    background-color: rgba(2, 9, 59, 1) !important;
	color: #ffffff !important;
	border-radius: 8px !important; 
	}

/* Convert Forms - contact pages: Submit bottom-aligned with the Turnstile box. */
.blue-button .convertforms .cf-control-group[data-type="submit"],
.white-button .convertforms .cf-control-group[data-type="submit"] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* Force background repeat on designated homepage sections */
.do-repeat .uk-background-norepeat {
    background-repeat: repeat-y !important;
}


/* Animated gradient background — shared keyframes. Ref CSS-0010 */

@keyframes gradient-flow {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Gradient section 2 — navy. Ref CSS-0011 */
.showcase-gradient-2 {
    background: linear-gradient(125deg, #03182e, #36689f 100%, #03182e);
    background-size: 300% 300%;
    animation: gradient-flow 22s ease infinite;
}

@media (prefers-reduced-motion: reduce) {
    .showcase-gradient-2 {
        animation: none;
    }
}

/* Gradient section 3 — ivory strip. Ref CSS-0012 */
.showcase-gradient-3 {
    background: linear-gradient(125deg, #EFF0E8, #D9DCC9 50%, #EFF0E8);
    background-size: 300% 300%;
    animation: gradient-flow 22s ease infinite;
}

@media (prefers-reduced-motion: reduce) {
    .showcase-gradient-3 {
        animation: none;
    }
}


/* Hero headline vs navbar — fix lives in Page Builder. Ref CSS-0013 */


/* Fund detail icons — consistent size. Ref CSS-0014 */
.fund-icon img,
.fund-icon svg,
img.fund-icon,
svg.fund-icon {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

/* Fund cards with icons — layout. Ref CSS-0015 */
.fund-card {
    border: 1px solid #e1e0d8;
    border-radius: 14px;
    background: #fff;
    box-shadow: rgba(4, 16, 27, .32) 0 14px 34px -26px;
    transition: transform .45s cubic-bezier(.2, .7, .2, 1),
                box-shadow .45s cubic-bezier(.2, .7, .2, 1);
    padding: 28px 26px 6px;
    height: 100%;
}
.fund-card:hover {
    transform: translateY(-5px);
    box-shadow: rgba(4, 16, 27, .42) 0 26px 54px -30px;
}
.fund-card .el-image {
    opacity: 1;
    margin-bottom: 10px;
}
.fund-card .el-image,
.fund-card .el-image svg,
.fund-card svg {
    color: #142131 !important;
    fill: #142131 !important;
}
.fund-card .el-image,
.fund-card .el-image svg {
    width: 40px !important;
    height: 40px !important;
}
/* Fund-card brand logos — object-fit. Ref CSS-0016 */
.fund-card .el-image {
    object-fit: contain !important;
}
/* Brand-logo sizing. Ref CSS-0017 */
.fund-card .vc-brand-logo .el-image,
.fund-card .el-image.vc-brand-logo {
    width: auto !important;
    height: auto !important;
    max-width: 184px !important;
    max-height: 38px !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    margin-bottom: 6px;
}
/* Outline icons — stroke, not fill. Ref CSS-0018 */
.fund-card svg {
    stroke-width: 1.75;
}
.fund-card svg,
.fund-card svg * {
    stroke-width: 1.75;
    fill: none !important;
    stroke: #142131 !important;
}



/* Sticky Back-to-top button. Ref CSS-0019 */
#valante-back-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-family: Inter, sans-serif;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(14px);
    transition: opacity .25s ease, transform .25s ease, visibility .25s;
}

#valante-back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

#valante-back-to-top .btt-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: none;
    border-radius: 50%;
    background-color: #03093E;
    color: #ffffff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

#valante-back-to-top .btt-icon svg {
    width: 18px;
    height: 18px;
}

#valante-back-to-top .btt-label {
    background-color: #cfeefd;
    color: #03093E;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 10px 16px;
    border-radius: 999px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
}

#valante-back-to-top:hover .btt-icon {
    background-color: #0a1550;
}

#valante-back-to-top:hover .btt-label {
    background-color: #bde6f7;
}

/* Back to top — large screens. Ref CSS-0020 */
@media (min-width: 640px) {
    #valante-back-to-top {
        flex-direction: column;
        gap: 8px;
    }
}

/* Back to top — small screens. Ref CSS-0021 */
@media (max-width: 639px) {
    #valante-back-to-top {
        right: 14px;
        bottom: 14px;
        flex-direction: row-reverse;
        gap: 8px;
    }

    #valante-back-to-top .btt-icon {
        width: 40px;
        height: 40px;
    }

    #valante-back-to-top .btt-label {
        font-size: 11px;
        padding: 8px 14px;
    }
}

.shorter.uk-divider-vertical   {
   height: 50px !important;
}


/* Our Approach — parallax panels. Ref CSS-0022 */
.paint-it-blue .uk-card {
    background-color: #1b3d63 !important;
}

.paint-it-blue .uk-card-primary.uk-card-hover:hover  {
   background-color: rgb(27, 61, 99) !important;
}


.paint-it-white .uk-card {
    background-color: rgba(255, 255, 255, 0.9) !important;
}

.paint-it-cream .uk-card {
    background-color: rgba(239, 240, 232, 0.9) !important;
}

.paint-it-blue .uk-card-primary.uk-card-hover:hover  {
   background-color: rgb(255, 255, 255) !important;
}


div.white-button .uk-light .uk-button-primary   {
   background-color: #ffffff !important;
   font-weight: 500 !important;
}

div.white-button .uk-light .uk-button-primary:hover   {
   background-color: rgba(255, 255, 255, 0.0) !important;
   color: #ffffff !important;
}


.uk-navbar-dropdown-nav > li > a {
    border-bottom: none !important;
	padding-top: 9px !important;
	padding-bottom: 9px !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-left: -10px !important;
	margin-right: -10px !important;
	border-radius: 8px !important;
	transition: background-color .18s ease !important;
}

/* Dropdown — item gap. Ref CSS-0023 */
.uk-navbar-dropdown-nav > li + li {
	margin-top: 2px !important;
}

/* Dropdown — item hover highlight. Ref CSS-0024 */
.uk-navbar-dropdown-nav > li > a:hover {
	background-color: #f1f4f6 !important;
}

/* Dropdown — rounded panel and shadow. Ref CSS-0025 */
.tm-header .uk-navbar-dropdown {
	border-radius: 12px !important;
	border: 1px solid #ece9e0 !important;
	box-shadow: 0 14px 36px -12px rgba(2,17,49,.30) !important;
}

.darker-meta-text .uk-text-meta   {
   color: #58574d !important;
}


/* Valante by the Numbers — underline alignment. Ref CSS-0026 */
.js-counter-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.js-counter-item > :last-child {
    margin-top: auto;
}




/* Our Way To Invest cards — hover/tap reveal. Ref CSS-0027 */
.invest-cards .uk-width-1-5\@m {
    cursor: pointer;
}

/* Invest cards — description colour roles. Ref CSS-0028 */
.invest-cards .uk-width-1-5\@m .uk-panel.uk-text-small.uk-text-success,
.invest-cards .uk-width-1-5\@m .uk-panel.uk-text-small.uk-text-secondary {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.3s ease;
    pointer-events: none;
}

.invest-cards .uk-width-1-5\@m:hover .uk-panel.uk-text-small.uk-text-success,
.invest-cards .uk-width-1-5\@m.uk-invest-card-active .uk-panel.uk-text-small.uk-text-success,
.invest-cards .uk-width-1-5\@m:hover .uk-panel.uk-text-small.uk-text-secondary,
.invest-cards .uk-width-1-5\@m.uk-invest-card-active .uk-panel.uk-text-small.uk-text-secondary {
    opacity: 1;
    max-height: 200px;
    pointer-events: auto;
}

/* Invest card titles — font weight. Ref CSS-0029 */
/* Invest card titles — colour roles. Ref CSS-0030 */
.invest-cards .uk-h6.uk-text-success,
.invest-cards .uk-h6.uk-text-secondary {
    font-weight: 600;
}


/* Invest card titles — mobile padding. Ref CSS-0031 */
@media (max-width: 639px) {
    .invest-cards .uk-tile {
        padding: 48px 24px;
    }
}


/* Contact right panel background (disabled). Ref CSS-0032 */



/* ===== HEADER NAVBAR TIGHTENING ===== Ref CSS-0033 */

.tm-header .uk-search-navbar {
    width: 140px; /* Search box width. Ref CSS-0034 */
}
.tm-header .uk-search-navbar .uk-search-input {
    font-family: Inter;
    font-weight: 500;
    font-size: 14px;
}

/* Gaps between the 4 main menu links (Who We Are / What We Do / Our Funds / Contact) */
.tm-header .uk-navbar-nav {
    gap: 0;
}
.tm-header .uk-navbar-nav > li + li {
    margin-left: 12px; /* Menu link gap. Ref CSS-0035 */
}

/* Gaps between logo / nav-links / search / social-icon */
.tm-header .uk-navbar-left {
    gap: 0;
}
.tm-header .uk-navbar-left > .uk-navbar-nav {
    margin-left: 16px; /* Logo to nav gap. Ref CSS-0036 */
}
.tm-header .uk-navbar-left > .uk-navbar-item:nth-child(3) {
    margin-left: 12px; /* Nav to search gap. Ref CSS-0037 */
}
.tm-header .uk-navbar-left > .uk-navbar-item:last-child {
    margin-left: 6px; /* Search to social icon gap. Ref CSS-0038 */
}
/* ===== END HEADER NAVBAR TIGHTENING ===== */



/* Default Divider Icon */

.valante-divider-icon .uk-divider-icon {
    position: relative;
	height: 30px;
	background-image: url('../../../images/template_images/icons_svg/valante_divider_icon.svg');
	
}



.valante-divider-icon-white .uk-divider-icon {
    position: relative;
	height: 30px;
	background-image: url('../../../images/template_images/icons_svg/valante_divider_icon_white.svg');
	
}

/* ===== VERTICAL ACCENT TITLE ===== Ref CSS-0039 */

/* Dark line, for LIGHT section backgrounds (cream, white, etc.) */
.vertical-accent-title-dark {
    border-left: 3px solid #142131;
    padding-left: 20px !important; /* !important needed — nested container reset. Ref CSS-0040 */
}

/* Light (white) line, for DARK section backgrounds (navy, etc.) */
.vertical-accent-title-light {
    border-left: 3px solid #ffffff;
    padding-left: 20px !important; /* !important — same reason as the dark variant. Ref CSS-0041 */
}

/* Light-blue accent line. Ref CSS-0042 */
.vertical-accent-title-blue {
    border-left: 3px solid #7ba7d0;
    padding-left: 20px !important; /* !important — same reason as the dark variant. Ref CSS-0043 */
}
/* ===== END VERTICAL ACCENT TITLE ===== */

/* Hero divider line — steel blue. Ref CSS-0044 */
html #tm-main .hero-divider-blue,
html #tm-main .hero-divider-col {
    border-left-color: #7ba7d0 !important;
}


/* ===== TEAM GALLERY SCROLL REVEAL ===== Ref CSS-0045 */
.team-reveal-grid .uk-grid > div > .el-item {
    opacity: 0;
    transform: scale(0.85);
    transition: opacity 0.6s ease, transform 0.6s ease;
    transition-delay: 0s;
}
.team-reveal-grid .uk-grid > div > .el-item.uk-scrollspy-inview {
    opacity: 1;
    transform: scale(1);
}
/* 2-column stagger (@s, 640px+) */
@media (min-width: 640px) {
    .team-reveal-grid .uk-grid > div:nth-child(2n+1) > .el-item { transition-delay: 0s; }
    .team-reveal-grid .uk-grid > div:nth-child(2n)   > .el-item { transition-delay: .5s; }
}
/* 4-column stagger (@m, 960px+) -- overrides the 2-column rule above */
@media (min-width: 960px) {
    .team-reveal-grid .uk-grid > div:nth-child(4n+1) > .el-item { transition-delay: 0s; }
    .team-reveal-grid .uk-grid > div:nth-child(4n+2) > .el-item { transition-delay: .5s; }
    .team-reveal-grid .uk-grid > div:nth-child(4n+3) > .el-item { transition-delay: 1s; }
    .team-reveal-grid .uk-grid > div:nth-child(4n)   > .el-item { transition-delay: 1.5s; }
}
@media (prefers-reduced-motion: reduce) {
    .team-reveal-grid .uk-grid > div > .el-item {
        transition: none;
        opacity: 1;
        transform: none;
    }
}
/* Gallery — cancel UIkit fade keyframe. Ref CSS-0046 */
.team-reveal-grid .uk-grid > div > .el-item,
.team-reveal-grid .uk-grid > div > .el-item[class*="uk-animation-"] {
    animation: none !important;
}
/* ===== END TEAM GALLERY SCROLL REVEAL ===== */

/* ===== COOKIE POLICY DATA TABLE ===== Ref CSS-0047 */

.legal-table-wrap {
    margin: 26px 0 30px;
}

.legal-table {
    width: 100%;
    color: #33414f;
    font-size: 0.9rem;
    font-weight: 300;
    line-height: 1.7;
    display: block;
}

.legal-table caption {
    color: #33414f;
    opacity: 0.7;
    text-align: left;
    padding-top: 12px;
    font-size: 0.82rem;
    display: block;
}

.legal-table thead {
    clip-path: inset(50%);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
}

.legal-table tbody {
    flex-direction: column;
    gap: 14px;
    display: flex;
}

.legal-table tr {
    border: 1px solid #001c401f;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    padding: 16px 20px 18px;
    display: block;
}

.legal-table td {
    overflow-wrap: anywhere;
    grid-template-columns: 130px 1fr;
    align-items: baseline;
    gap: 6px 20px;
    padding: 5px 0;
    display: grid;
}

.legal-table td::before {
    content: attr(data-label);
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #001c40;
    opacity: 0.65;
    font-size: 0.68rem;
    font-weight: 600;
}

.legal-table td:first-child {
    color: #001c40;
    border-bottom: 1px solid #001c401f;
    margin-bottom: 10px;
    padding: 0 0 12px;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.95rem;
    font-weight: 500;
    display: block;
}

.legal-table td[data-label=""] {
    display: block;
}

.legal-table td:first-child::before,
.legal-table td[data-label=""]::before {
    content: none;
}

@media (max-width: 560px) {
    .legal-table tr {
        padding: 14px 16px 16px;
    }
    .legal-table td {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 7px 0;
    }
}
/* ===== END COOKIE POLICY DATA TABLE ===== */

/* ===== MOBILE FIX: counter cards ===== Ref CSS-0048 */
@media (max-width: 639px) {
  .uk-tile:has(> .js-counter-item.stat-block) {
    background-size: cover !important;
  }
}
/* ===== END MOBILE FIX: counter cards ===== */

/* ===== TRACK RECORD CARDS ===== Ref CSS-0049 */
.track-record-cards .uk-width-1-5\@m {
    cursor: pointer;
}

.track-record-cards .uk-width-1-5\@m .uk-panel.uk-text-small.uk-text-success,
.track-record-cards .uk-width-1-5\@m .uk-panel.uk-text-small.uk-text-secondary {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.3s ease;
    pointer-events: none;
}

.track-record-cards .uk-width-1-5\@m:hover .uk-panel.uk-text-small.uk-text-success,
.track-record-cards .uk-width-1-5\@m.uk-invest-card-active .uk-panel.uk-text-small.uk-text-success,
.track-record-cards .uk-width-1-5\@m:hover .uk-panel.uk-text-small.uk-text-secondary,
.track-record-cards .uk-width-1-5\@m.uk-invest-card-active .uk-panel.uk-text-small.uk-text-secondary {
    opacity: 1;
    max-height: 200px;
    pointer-events: auto;
}
/* ===== END TRACK RECORD CARDS ===== */

/* ===== MOBILE FIX: Track Record cards ===== Ref CSS-0050 */
@media (max-width: 639px) {
  .track-record-cards .uk-tile {
    background-size: cover !important;
  }
}
/* ===== END MOBILE FIX: Track Record cards ===== */



.funds-rounded-corners .uk-flex-1  {
  border-radius: 20px !important; 
}



.funds-home-cards-rounded-corners .el-item.uk-card.uk-card-default {
  border-radius: 20px !important;
  overflow: hidden !important;
}

.what-we-do-bottom-cards-rounded-corners  .el-image  {
  border-radius: 20px !important;
  
}

/* ##################### VALANTE ENHANCEMENTS -- "Our Way To Invest" cards ####### Ref CSS-0051 */

:root {
  --vc-navy:   #293945;
  --vc-cream:  #FAF9F1;
  --vc-clay:   #2f6099;
  --vc-clay-2: #7ba7d0;
  --vc-red:    #E44E56;
  --vc-ease:   cubic-bezier(.2,.7,.2,1);
}

.vc-invest { counter-reset: vc-owi; }

/* Card shell — fixed ratio, rounded. Ref CSS-0052 */
.vc-invest .uk-tile{
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  isolation: isolate;
  aspect-ratio: 3 / 4.3;
  background-size: cover !important;          /* override inline 320x480 */
  background-position: center !important;
  background-color: rgba(20,33,49,.12);
  background-blend-mode: multiply;
  transition: transform .45s var(--vc-ease), box-shadow .45s var(--vc-ease);
}
.vc-invest .uk-tile:hover{
  transform: translateY(-6px);
  box-shadow: 0 22px 44px -16px rgba(2,17,49,.55);
}

/* Scrim — top and foot only. Ref CSS-0053 */
.vc-invest .uk-tile::after{
  content: "";
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg,
    rgba(2,17,49,.40) 0%,
    rgba(2,17,49,.06) 20%,
    rgba(2,17,49,0)   44%,
    rgba(2,17,49,.52) 76%,
    rgba(2,17,49,.90) 100%);
  transition: background .5s var(--vc-ease);
}
.vc-invest .uk-tile:hover::after,
.vc-invest .uk-tile:focus-within::after{
  background: linear-gradient(180deg,
    rgba(2,17,49,.48) 0%,
    rgba(2,17,49,.40) 34%,
    rgba(2,17,49,.68) 72%,
    rgba(2,17,49,.92) 100%);
}
@media (hover: none){
  .vc-invest .uk-tile::after{
    background: linear-gradient(180deg,
      rgba(2,17,49,.44) 0%,
      rgba(2,17,49,.34) 34%,
      rgba(2,17,49,.66) 72%,
      rgba(2,17,49,.92) 100%);
  }
}

/* number 01-05 */
.vc-invest .uk-tile::before{
  counter-increment: vc-owi;
  content: counter(vc-owi, decimal-leading-zero);
  position: absolute; top: 15px; left: 17px; z-index: 3;
  font-size: 13px; font-weight: 700; letter-spacing: .08em;
  color: var(--vc-clay-2, #7ba7d0);
}

/* Content panel — pinned to bottom. Ref CSS-0054 */
.vc-invest .uk-tile > .uk-panel{
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  margin: 0 !important;
  padding: 20px 18px 22px;
}
.vc-invest .uk-tile > .uk-panel .uk-width-1-1{
  display: flex; flex-direction: column-reverse;
}
.vc-invest .uk-tile h3{
  color: #fff !important;
  font-size: 15px; font-weight: 600; letter-spacing: -.01em; line-height: 1.28;
  margin: 0;
  max-width: 15ch;
  text-wrap: balance;
  min-height: calc(2 * 1.28em);
}
.vc-invest .uk-tile h3 span{ white-space: normal; }
/* light-blue rule under the title */
.vc-invest .uk-tile h3::after{
  content: ""; display: block; width: 26px; height: 2px;
  background: var(--vc-clay); margin-top: 12px;
  transition: width .45s var(--vc-ease);
}
.vc-invest .uk-tile:hover h3::after,
.vc-invest .uk-tile:focus-within h3::after{ width: 46px; }

/* description: hidden until hover / focus */
.vc-invest .uk-tile .uk-text-small{
  color: rgba(250,249,241,.88) !important;
  font-size: 12.5px; line-height: 1.6;
  max-height: 0; opacity: 0; overflow: hidden;
  margin-top: 0 !important;
  transition: max-height .5s var(--vc-ease), opacity .45s var(--vc-ease), margin-top .5s var(--vc-ease);
}
.vc-invest .uk-tile:hover .uk-text-small,
.vc-invest .uk-tile:focus-within .uk-text-small{
  max-height: 200px; opacity: 1 !important; margin-top: 12px !important;
}

/* space between the description and the title below it (column-reverse layout) */
.vc-invest .uk-tile:hover .uk-text-small,
.vc-invest .uk-tile:focus-within .uk-text-small{ margin-bottom: 16px !important; }
@media (prefers-reduced-motion: reduce){ .vc-invest .uk-tile .uk-text-small{ margin-bottom: 16px !important; } }
@media (hover: none){ .vc-invest .uk-tile .uk-text-small{ margin-bottom: 16px !important; } }

/* keep it keyboard reachable */
.vc-invest .uk-flex > .uk-tile:focus-visible{ outline: 2px solid var(--vc-clay); outline-offset: 3px; }

/* reduced motion: no lift/slide; description always visible for legibility */
@media (prefers-reduced-motion: reduce){
  .vc-invest .uk-tile:hover{ transform: none; }
  .vc-invest .uk-tile .uk-text-small{ max-height: none; opacity: 1 !important; margin-top: 12px !important; }
}

/* touch devices can't hover: reveal the description by default */
@media (hover: none){
  .vc-invest .uk-tile .uk-text-small{ max-height: none; opacity: 1 !important; margin-top: 12px !important; }
}

/* small screens: ensure aspect stays reasonable */
@media (max-width: 640px){
  .vc-invest .uk-tile{ aspect-ratio: 3 / 4; }
}
/* ===== END "Our Way To Invest" cards ===== */

/* ##################### VALANTE ENHANCEMENTS -- IDC section ####### Ref CSS-0055 */
.vc-idc.uk-section{
  background-image: radial-gradient(110% 125% at 86% 14%,
        #237c91 0%, #124c60 20%, #0a2433 46%, #061627 74%, #04101b 100%) !important;
  background-color: #04101b !important;
  background-attachment: scroll !important;
  min-height: 0 !important;
  padding: clamp(48px, 7vw, 96px) 0 !important;
}
/* Mobile: space between the heading and the IDC logo (stacked grid cells) */
@media (max-width: 959px){
  .vc-idc .uk-grid-stack > .uk-grid-margin{ margin-top: 32px !important; }
}
/* ##################### END VALANTE ENHANCEMENTS -- IDC section ####### */

/* ##################### VALANTE ENHANCEMENTS -- "Valante by the Numbers" ####### Ref CSS-0056 */

/* strip the building-photo tile + card chrome -> flat on the section bg */
.vc-numbers .stat-block{
  background: none !important;
  min-height: 0 !important;
  padding: 4px clamp(12px, 1.3vw, 22px) !important;
  display: flex; flex-direction: column; justify-content: flex-start;
}
/* hide the original stat divider block (3rd child) -- we use the top tick */
.vc-numbers .stat-block > div:nth-child(3){ display: none !important; }
.vc-numbers .uk-flex{ width: 100%; }
.vc-numbers .stat-block{ margin: 0 !important; }
.vc-numbers .stat-block .uk-grid-margin{ margin-top: 0 !important; }

/* Stat number — size and colour. Ref CSS-0057 */
.vc-numbers .js-counter{
  font-size: clamp(1.55rem, 2.35vw, 2.3rem) !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  color: var(--vc-navy, #142131) !important;
  text-align: left !important;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  margin: 0 !important;
}
/* the label -- small, muted blue-grey, left-aligned */
.vc-numbers .uk-panel.uk-text-secondary{
  color: #5a6672 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  text-align: left !important;
  margin: 12px 0 0 !important;
  max-width: 22ch;
}
.vc-numbers .uk-panel.uk-text-secondary p{ margin: 0; }

/* short blue accent tick above each number -- the one shared brand mark */
.vc-numbers .stat-block::before{
  content: "";
  display: block;
  width: 28px; height: 3px;
  background: var(--vc-clay, #2f6099);   /* token now holds steel blue */
  margin: 0 0 18px;
}

/* ---- hairline dividers, responsive to UIkit's 1-5@m / 1-2@s grid ---- */
/* desktop (5 across): vertical hairlines between columns */
@media (min-width: 960px){
  .vc-numbers > div:not(:first-child) .stat-block{
    border-left: 1px solid rgba(47, 96, 153, .18);
  }
}
/* tablet (2 across): left hairline on the right column, top on rows 2-3 */
@media (min-width: 640px) and (max-width: 959px){
  .vc-numbers > div:nth-child(even) .stat-block{
    border-left: 1px solid rgba(47, 96, 153, .18);
  }
  .vc-numbers > div:nth-child(n+3) .stat-block{
    border-top: 1px solid rgba(47, 96, 153, .18); padding-top: 26px !important;
  }
}
/* mobile (stacked): top hairline between stats */
@media (max-width: 639px){
  .vc-numbers > div:not(:first-child) .stat-block{
    border-top: 1px solid rgba(47, 96, 153, .18); padding-top: 24px !important;
  }
  .vc-numbers .stat-block::before{ margin-bottom: 14px; }
}
/* ##################### END VALANTE ENHANCEMENTS -- Valante by the Numbers ####### */

/* ##################### VALANTE ENHANCEMENTS -- "Our Funds" cards ####### Ref CSS-0058 */
.vc-funds .el-item{
  position: relative; height: 100%;
  overflow: hidden; border-radius: 16px; isolation: isolate;
  aspect-ratio: 3 / 4.3;
  transition: transform .45s var(--vc-ease), box-shadow .45s var(--vc-ease);
}
.vc-funds .el-item:hover{
  transform: translateY(-6px);
  box-shadow: 0 22px 44px -16px rgba(2,17,49,.55);
}

/* media fills the whole card (poster image + hover video) */
.vc-funds .uk-card-media-top{ position: absolute !important; inset: 0; margin: 0 !important; z-index: 0; }
.vc-funds .uk-card-media-top > a,
.vc-funds .uk-card-media-top .uk-inline-clip{ display: block; width: 100%; height: 100%; }
/* Photo tint removed 2026-10-22 (less blue). Old rules: custom.css.bak-tint-20261022. Ref CSS-0059 */
/* Blue tint on hover only (over hover video, for text readability). Fades in with the video. */
.vc-funds .uk-card-media-top::before,
.vc-funds .uk-card-media-top::after{
  content: ""; position: absolute; inset: 0; pointer-events: none;
  opacity: 0; transition: opacity .4s ease;
}
.vc-funds .uk-card-media-top::before{ z-index: 1; background: rgba(0,0,0,.25); mix-blend-mode: multiply; }
.vc-funds .uk-card-media-top::after{ z-index: 2; background: var(--vc-clay, #2f6099); mix-blend-mode: color; }
.vc-funds .el-item:hover .uk-card-media-top::before,
.vc-funds .el-item:hover .uk-card-media-top::after{ opacity: 1; }
.vc-funds .el-image{ width: 100% !important; height: 100% !important; object-fit: cover; }
.vc-funds .uk-card-media-top video{ width: 100%; height: 100%; object-fit: cover; }

/* navy scrim -- #02093b solid at bottom fading to 0 at 116% of card height (matches Our Way To Invest); deeper wash on hover */
.vc-funds .el-item::after{
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(to top, rgba(2,9,59,1) 0%, rgba(2,9,59,0) 116%);
  border-radius: inherit;
  box-shadow: inset 0 0 0 1.5px #02093b;   /* hides the light photo fringe on the rounded corners */
  transition: background .5s var(--vc-ease);
}
.vc-funds .el-item:hover::after{
  background: linear-gradient(180deg,
    rgba(2,9,59,.40) 0%, rgba(2,9,59,.45) 34%,
    rgba(2,9,59,.72) 72%, rgba(2,9,59,.95) 100%);
}

/* Text overlay and logo replacement. Ref CSS-0060 */
.vc-funds .uk-card-body{
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  margin: 0 !important; padding: 20px 18px 22px !important;
  display: flex; flex-direction: column-reverse;   /* title/logo bottom, desc above */
  pointer-events: none;
}
.vc-funds .el-title{ margin: 0 !important; }
.vc-funds .el-title a{
  display: block;
  height: 30px;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  font-size: 0; line-height: 0; color: transparent;
}
.vc-funds .el-title::after{
  content: ""; display: block; width: 26px; height: 2px;
  background: var(--vc-clay-2, #7ba7d0); margin-top: 12px;
  transition: width .45s var(--vc-ease);
}
.vc-funds .el-item:hover .el-title::after{ width: 46px; }

/* description -- hidden until hover, revealed above the title/logo */
.vc-funds .el-content{
  color: rgba(250,249,241,.9) !important;
  font-size: 12.5px !important; line-height: 1.55 !important;
  margin: 0 !important; max-height: 0; opacity: 0; overflow: hidden;
  transition: max-height .5s var(--vc-ease), opacity .45s var(--vc-ease), margin .5s var(--vc-ease);
}
.vc-funds .el-item:hover .el-content,
.vc-funds .el-item:focus-within .el-content{
  max-height: 220px; opacity: 1 !important; margin-top: 12px !important;
}
/* the separate "Read More" is redundant now (whole card links) -- hide it */
.vc-funds .uk-card-body > .uk-margin-top{ display: none !important; }

/* touch devices can't hover: show the description, keep a firmer scrim */
@media (hover: none){
  .vc-funds .el-content{ max-height: 220px; opacity: 1 !important; margin-top: 12px !important; }
  .vc-funds .el-item::after{
    background: linear-gradient(180deg, rgba(2,17,49,.42) 0%, rgba(2,17,49,.32) 34%, rgba(2,17,49,.66) 72%, rgba(2,17,49,.92) 100%);
  }
}
@media (prefers-reduced-motion: reduce){
  .vc-funds .el-item:hover{ transform: none; }
  .vc-funds .el-content{ max-height: 220px; opacity: 1 !important; margin-top: 12px !important; }
}

/* Per-fund logo images. Ref CSS-0061 */
.vc-funds .vc-logo-ascend1 .el-title a{
  background-image: url('../../../images/template_images/sections/funds/ascend_1/acend_i_logo_hero.webp');
}
.vc-funds .vc-logo-ascend2 .el-title a{
  background-image: url('../../../images/template_images/sections/funds/ascend_2/acend_ii_logo_hero.webp');
}
/* Ascend I/II wordmarks are tightly cropped: add space above them like the other logos (~32px) */
.vc-funds:not(.vc-funds-lg) .vc-logo-ascend1 .el-title,
.vc-funds:not(.vc-funds-lg) .vc-logo-ascend2 .el-title{ padding-top: 32px; }
/* Other Funds (lg) cards: space between description and logo */
.vc-funds-lg .el-item:hover .el-content,
.vc-funds-lg .el-item:focus-within .el-content{ margin-bottom: 24px !important; }
@media (hover: none){ .vc-funds-lg .el-content{ margin-bottom: 24px !important; } }
/* Per-fund logo heights. Ref CSS-0062 */
.vc-funds .vc-logo-saudi .el-title a{
  height: 76px;
  background-image: url('../../../images/template_images/sections/funds/saudi_eksab/saudi_eksab_logo.svg');
}
.vc-funds .vc-logo-venezuela .el-title a{
  height: 80px;
  background-image: url('../../../images/template_images/sections/funds/venezuela/venezuela_emerge_logo_home.webp');
}
.vc-funds .vc-logo-campi .el-title a{
  height: 80px;
  background-image: url('../../../images/template_images/sections/funds/campi/logo_campi_home.webp');
}

/* Fund status badge. Ref CSS-0063 */
.vc-funds .vc-status::before{
  content: attr(data-status);
  position: absolute; top: 12px; right: 12px; z-index: 3;
  display: inline-block;
  background: #84C3E4; color: #02093B;
  font-size: 10px; font-weight: 600;
  letter-spacing: .4px; text-transform: uppercase; white-space: nowrap;
  padding: 5px 9px; border-radius: 999px; pointer-events: none;
}
/* ##################### END VALANTE ENHANCEMENTS -- Our Funds cards ####### */

/* ##################### VALANTE ENHANCEMENTS -- "Our Funds" cards, LARGE variant ####### Ref CSS-0064 */
/* Large cards — logo replacement on title. Ref CSS-0065 */
.vc-funds.vc-funds-lg .el-title{
  position: relative;
  display: block;
  height: 30px;
  margin-bottom: 14px !important;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: contain;
  font-size: 0; line-height: 0; color: transparent;
}
.vc-funds.vc-funds-lg .vc-logo-ascend1 .el-title{
  background-image: url('../../../images/template_images/sections/funds/ascend_1/acend_i_logo_hero.webp');
}
.vc-funds.vc-funds-lg .vc-logo-ascend2 .el-title{
  background-image: url('../../../images/template_images/sections/funds/ascend_2/acend_ii_logo_hero.webp');
}
.vc-funds.vc-funds-lg .vc-logo-saudi .el-title{
  height: 46px;
  background-image: url('../../../images/template_images/sections/funds/saudi_eksab/saudi_eksab_logo.svg');
}
.vc-funds.vc-funds-lg .vc-logo-venezuela .el-title{
  height: 46px;
  background-image: url('../../../images/template_images/sections/funds/venezuela/venezuela_emerge_logo_home.webp');
}
.vc-funds.vc-funds-lg .vc-logo-campi .el-title{
  height: 46px;
  background-image: url('../../../images/template_images/sections/funds/campi/logo_campi_home.webp');
}
/* Large cards — blue tick under logo. Ref CSS-0066 */
.vc-funds.vc-funds-lg .el-title::after{
  content: "";
  position: absolute; left: 0; bottom: -14px;
  width: 26px; height: 2px;
  background: var(--vc-clay-2, #7ba7d0);
  transition: width .45s var(--vc-ease);
}
.vc-funds.vc-funds-lg .el-item:hover .el-title::after{ width: 46px; }
/* Large cards — per-fund logo heights. Ref CSS-0067 */
.vc-funds.vc-funds-lg .vc-logo-saudi .el-title a{ height: 46px; }
.vc-funds.vc-funds-lg .vc-logo-venezuela .el-title a{ height: 46px; }
.vc-funds.vc-funds-lg .vc-logo-campi .el-title a{ height: 46px; }
/* Large cards -- wider gutter between cards. Ref CSS-0120 */
.vc-funds-lg .uk-grid.uk-grid-column-small{ margin-left: -30px; }
.vc-funds-lg .uk-grid.uk-grid-column-small > *{ padding-left: 30px; }
.vc-funds-lg .uk-grid.uk-grid-column-small > .uk-grid-margin{ margin-top: 30px; }
@media (min-width: 1200px){
  .vc-funds-lg .uk-grid.uk-grid-column-small{ margin-left: -40px; }
  .vc-funds-lg .uk-grid.uk-grid-column-small > *{ padding-left: 40px; }
  .vc-funds-lg .uk-grid.uk-grid-column-small > .uk-grid-margin{ margin-top: 40px; }
}
/* ##################### END VALANTE ENHANCEMENTS -- Our Funds cards, LARGE variant ####### */


/* ##################### VALANTE ENHANCEMENTS -- value-prop row ####### Ref CSS-0068 */
.vc-values h5{
  font-size: 23px; font-weight: 700; color: #293945;
  margin: 0 0 10px;
}
.vc-values h5::before{
  content: ""; display: block;
  width: 26px; height: 3px; background: var(--vc-clay, #2f6099);
  margin-bottom: 12px;
}
.vc-values h5 strong{
  color: var(--vc-clay, #2f6099); font-weight: 700;
}
.vc-values p{
  font-size: 14px; color: #4d5865; line-height: 1.55; margin: 0;
}
/* Value-prop — column dividers. Ref CSS-0069 */
.vc-values > div:not(:first-child){
  border-left: 1px solid rgba(47,96,153,.18);
}
/* Value-prop — highlighted word. Ref CSS-0070 */
.vc-values-title strong{
  color: var(--vc-clay, #2f6099); font-weight: inherit;
}
/* ##################### END VALANTE ENHANCEMENTS -- value-prop row ####### */

/* ##################### VALANTE ENHANCEMENTS -- Track Record ####### Ref CSS-0071 */
.vc-track .uk-heading-large{
  font-size: clamp(1.55rem, 2.35vw, 2.3rem) !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  letter-spacing: -.02em !important;
  color: #ffffff !important;
  text-align: left !important;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
  margin: 0 !important;
  position: relative;
}
.vc-track .uk-heading-large::before{
  content: "";
  display: block;
  width: 28px; height: 3px;
  background: var(--vc-clay-2, #7ba7d0);
  margin: 0 0 18px;
}
.vc-track .uk-text-lead.uk-text-secondary,
.vc-track .uk-text-meta,
.vc-track .vc-tcap{
  color: rgba(250, 249, 241, .82) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  text-align: left !important;
  margin: 12px 0 0 !important;
  max-width: 22ch;
}
.vc-track .uk-text-lead.uk-text-secondary p{ margin: 0; }

/* Track Record — supporting text line. Ref CSS-0072 */
.vc-track .vc-tsub,
.vc-track .uk-text-small,
.vc-track .uk-width-medium{
  display: block;
  margin-top: 10px !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  color: rgba(250, 249, 241, .62) !important;
  font-weight: 500 !important;
  max-width: 34ch;
}
.vc-track .uk-text-small p,
.vc-track .uk-width-medium p{ margin: 0; }

/* Track Record — light variant. Ref CSS-0073 */
.vc-track--light .uk-heading-large{
  color: #021126 !important;
}
.vc-track--light .uk-heading-large::before{
  background: #84C3E4;
}
.vc-track--light .uk-text-lead.uk-text-secondary,
.vc-track--light .uk-text-meta,
.vc-track--light .vc-tcap{
  color: #4A5568 !important;
}
.vc-track--light .vc-tsub,
.vc-track--light .uk-text-small,
.vc-track--light .uk-width-medium{
  color: #8A93A2 !important;
}

/* ---- hairline dividers, same responsive breakpoints/values as .vc-numbers ---- */
@media (min-width: 960px){
  .vc-track > div:not(:first-child) > .uk-panel.uk-margin{
    border-left: 1px solid rgba(47, 96, 153, .18);
    padding-left: clamp(12px, 1.3vw, 22px);
  }
}
@media (min-width: 640px) and (max-width: 959px){
  .vc-track > div:nth-child(even) > .uk-panel.uk-margin{
    border-left: 1px solid rgba(47, 96, 153, .18);
    padding-left: clamp(12px, 1.3vw, 22px);
  }
  .vc-track > div:nth-child(n+3) > .uk-panel.uk-margin{
    border-top: 1px solid rgba(47, 96, 153, .18); padding-top: 26px !important;
  }
}
@media (max-width: 639px){
  .vc-track > div:not(:first-child) > .uk-panel.uk-margin{
    border-top: 1px solid rgba(47, 96, 153, .18); padding-top: 24px !important;
  }
  .vc-track .uk-heading-large::before{ margin-bottom: 14px; }
}
/* ##################### END VALANTE ENHANCEMENTS -- Track Record ####### */

/* ##################### VALANTE ENHANCEMENTS -- Our Leaders caption ####### Ref CSS-0074 */
.team-reveal-grid .el-item{
  flex-direction: column;
  display: flex !important;
  overflow: visible !important;
  max-width: none !important;
}
.team-reveal-grid .el-item > .uk-position-center{
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
}
.team-reveal-grid .el-item .uk-overlay{
  text-align: left;
  position: static !important;
  background: transparent !important;
  padding: 16px 2px 0 !important;
}
.team-reveal-grid .el-title{
  color: var(--vc-navy, #142131) !important;
  font-size: clamp(16px, 1.4vw, 19px) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  line-height: 1.2 !important;
  margin: 0 0 6px !important;
  text-transform: none !important;
}
.team-reveal-grid .el-meta{
  color: var(--vc-clay, #2f6099) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}
/* ##################### END VALANTE ENHANCEMENTS -- Our Leaders caption ####### */

/* ---- Leaders — hover image sizing fix ---- Ref CSS-0075 */
.team-reveal-grid .el-item{
  display: grid !important;
  grid-template-columns: 1fr !important;
}
.team-reveal-grid .el-item > .el-image{
  grid-column: 1;
  grid-row: 1;
}
.team-reveal-grid .el-item > .el-hover-image{
  grid-column: 1;
  grid-row: 1;
  position: static !important;
  inset: auto !important;
  top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;
}
.team-reveal-grid .el-item > .uk-position-center{
  grid-column: 1;
  grid-row: 2;
}

/* ##################### VALANTE ENHANCEMENTS -- Footer overrides ####### Ref CSS-0076 */

/* Footer — Get in touch button. Ref CSS-0077 */
footer .uk-button-secondary{
  border-radius: 12px !important;
  background: #ffffff !important;
}
/* Footer — button hover colours. Ref CSS-0078 */
footer .uk-button-secondary:hover{
  background: #ffffff !important;
  color: #293945 !important;
}
footer .uk-button-secondary:hover .el-image{
  color: var(--vc-clay-2, #7ba7d0) !important;
}

/* Footer — column titles and country names. Ref CSS-0079 */
footer .uk-h6{
  color: var(--vc-clay-2, #7ba7d0) !important;
}

/* Footer — nav chevron colour. Ref CSS-0080 */
footer .el-link .el-image{
  color: var(--vc-clay-2, #7ba7d0) !important;
}

/* Footer — nav link colours. Ref CSS-0081 */
footer .el-link:hover,
footer .el-link:focus{
  color: var(--vc-clay-2, #7ba7d0) !important;
}

/* Footer — column height alignment. Ref CSS-0082 */
footer .uk-nav-secondary > .el-item{
  margin-bottom: 10px;
}

/* Footer — text sizes. Ref CSS-0083 */
footer .uk-h6{
  font-size: 12px !important;
}
/* Footer column titles (Company/Governance/Offices) bumped to 14px; country names stay 12px */
footer .uk-h6:not(.el-title){
  font-size: 14px !important;
}
footer .el-link{
  font-size: 15px !important;
}
footer .el-content:not(.uk-button){
  font-size: 14px !important;
}

/* ----- IDC Network — big-numbers row ----- Ref CSS-0084 */
.vc-idc-stats > .uk-grid > div + div{
  border-left: 1px solid #e1e0d8 !important;
}
.vc-idc-stats{
  border-top: 1px solid #e1e0d8 !important;
  border-bottom: 1px solid #e1e0d8 !important;
}
.vc-idc-stats .uk-h6{
  color: rgba(20, 33, 49, 0.6) !important;
}
.vc-idc-stats .uk-heading-xlarge{
  position: relative;
  padding-top: 21px;
  font-weight: 700 !important;
}
.vc-idc-stats .uk-heading-xlarge::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 3px;
  border-radius: 2px;
  background: var(--vc-clay, #2f6099);
}

/* IDC Network — stat row padding. Ref CSS-0085 */
.vc-idc-stats > .uk-grid > div{
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* ----- "What We Do" hero — gradient overlay ----- Ref CSS-0086 */
.vc-wwd-hero{
  position: relative;
}
.vc-wwd-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    rgba(2, 9, 59, 0.92) 0%,
    rgba(2, 9, 59, 0.72) 32%,
    rgba(2, 9, 59, 0.34) 62%,
    rgba(2, 9, 59, 0.12) 100%);
  pointer-events: none;
  z-index: 0;
}
.vc-wwd-hero .uk-container{
  position: relative;
  z-index: 1;
}

/* ----- IDC Network hero — gradient overlay ----- Ref CSS-0087 */
.vc-idc-hero{
  position: relative;
}
.vc-idc-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to right,
    #081132 0%,
    #0b2644 35%,
    #0b3c58 55%,
    rgba(11, 60, 88, 0) 75%);
  pointer-events: none;
  z-index: 0;
}
.vc-idc-hero .uk-container{
  position: relative;
  z-index: 1;
}

/* IDC Network — capability cards, uniform logo sizing. Ref CSS-0118 */
.vc-idc-card.uk-tile,
.vc-idc-card .uk-tile{
  aspect-ratio: 3 / 2;
  border-radius: 6px;
  overflow: hidden;
  padding: 0;
  min-height: 0;
  justify-content: center;
  align-items: center;
}
.vc-idc-card.uk-tile .uk-panel,
.vc-idc-card .uk-tile .uk-panel,
.vc-idc-card.uk-tile .uk-panel > .uk-margin,
.vc-idc-card .uk-tile .uk-panel > .uk-margin{
  display: contents;
}
.vc-idc-card__logo img,
img.vc-idc-card__logo{
  width: auto !important;
  height: auto !important;
  max-width: 62%;
  max-height: 26%;
  object-fit: contain;
  margin: 0;
  filter: drop-shadow(0 1px 6px rgba(0,0,0,.18));
}
.vc-idc-card__logo--xochi img,
img.vc-idc-card__logo--xochi{
  max-width: 34%;
  max-height: 40%;
}

/* ##################### VALANTE ENHANCEMENTS -- "What We Do" step cards ####### Ref CSS-0088 */

.vc-steps{ counter-reset: vc-steps-num; }

.vc-steps > div > .uk-panel.uk-margin{
  background: #fff;
  border: 1px solid #e1e0d8;
  border-radius: 14px;
  overflow: hidden;
  transition: transform .5s var(--vc-ease, cubic-bezier(.2,.7,.2,1)),
              box-shadow .5s var(--vc-ease, cubic-bezier(.2,.7,.2,1));
}
.vc-steps > div > .uk-panel.uk-margin:hover{
  transform: translateY(-6px);
  box-shadow: 0 26px 60px -30px rgba(4,16,27,.5);
}

/* image -- fixed 16:10 tile, no manual cropping needed */
.vc-steps .uk-width-1-1 > div:first-child{
  position: relative;
}
.vc-steps .uk-width-1-1 > div:first-child .el-image{
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

/* number 01-03, overlaid top-left on the photo */
.vc-steps .uk-width-1-1 > div:first-child::before{
  counter-increment: vc-steps-num;
  content: counter(vc-steps-num, decimal-leading-zero);
  position: absolute; top: 2px; left: 16px; z-index: 2; pointer-events: none;
  line-height: 1; font-size: clamp(48px, 6vw, 80px); font-weight: 700;
  letter-spacing: -.04em; color: #fff; opacity: .32;
  text-shadow: 0 6px 24px rgba(4,16,27,.35);
}

/* title -- explicit size, not a template heading-size swap (see note above) */
.vc-steps h2.uk-heading-medium{
  font-size: 24px !important;
  margin: 22px 28px 10px !important;
}

/* description */
.vc-steps .uk-width-1-1 > .uk-panel.uk-margin{
  padding: 0 28px 28px !important;
  margin: 0 !important;
}

/* Step cards — equal height. Ref CSS-0089 */
.vc-steps > div > .uk-panel.uk-margin{
  height: 100%;
  display: flex;
  flex-direction: column;
}
.vc-steps .uk-width-1-1{
  display: flex;
  flex-direction: column;
  flex: 1;
}
.vc-steps .uk-width-1-1 > div:first-child{
  flex: 0 0 auto;
}
.vc-steps .uk-width-1-1 > .uk-panel.uk-margin{
  flex: 1 0 auto;
}

/* ##################### VALANTE ENHANCEMENTS -- "What We Do" Our Approach title rule ####### Ref CSS-0090 */
.vc-appr-h{
  position: relative;
  padding-top: 22px;
}
.vc-appr-h::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 3px;
  background: var(--vc-clay, #2f6099);
  border-radius: 2px;
}


/* ##################### VALANTE ENHANCEMENTS -- "What We Do" pillar video cards ####### Ref CSS-0091 */

.vc-pillars .uk-tile{
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  aspect-ratio: 3 / 4.7;
  isolation: isolate;
}
.vc-pillars .uk-tile video{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

/* Pillar cards — gradient scrim. Ref CSS-0092 */
.vc-pillars .uk-tile::after{
  content: "";
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(
    rgba(2,9,59,0) 26%,
    rgba(2,9,59,.5) 44%,
    rgba(2,9,59,.9) 66%,
    rgba(2,9,59,.95) 100%);
}

/* content box -- pinned to the bottom; neutralize the Builder
   sublayout's own nested margins first */
.vc-pillars .uk-tile > .uk-panel.uk-width-1-1,
.vc-pillars .uk-tile > .uk-panel.uk-width-1-1 .uk-panel.uk-margin,
.vc-pillars .uk-tile > .uk-panel.uk-width-1-1 .uk-grid-margin{
  margin: 0 !important;
}
.vc-pillars .uk-tile > .uk-panel.uk-width-1-1{
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  box-sizing: border-box;
  padding: 0 16px 18px !important;
}
/* Pillar cards — description above title. Ref CSS-0093 */
.vc-pillars .uk-tile > .uk-panel.uk-width-1-1 .uk-width-1-1{
  display: flex;
  flex-direction: column;
  /* Pillar cards — inner column padding. Ref CSS-0094 */
  padding: 0 !important;
}

/* description -- hidden by default, revealed on hover */
.vc-pillars .uk-tile .uk-panel.uk-text-secondary.uk-margin{
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin: 0 !important;
  transition: max-height .5s var(--vc-ease, cubic-bezier(.2,.7,.2,1)),
              opacity .4s,
              margin-bottom .5s var(--vc-ease, cubic-bezier(.2,.7,.2,1));
}
.vc-pillars .uk-tile:hover .uk-panel.uk-text-secondary.uk-margin,
.vc-pillars .uk-tile:focus-within .uk-panel.uk-text-secondary.uk-margin{
  max-height: 260px;
  opacity: 1;
  margin-bottom: 8px !important;
}
.vc-pillars .uk-tile .uk-panel.uk-text-secondary.uk-margin,
.vc-pillars .uk-tile .uk-panel.uk-text-secondary.uk-margin p{
  margin: 0 !important;
  color: rgba(255,255,255,.86);
  font-size: 14.5px !important;
  line-height: 1.6 !important;
}
@media (hover: none){
  .vc-pillars .uk-tile .uk-panel.uk-text-secondary.uk-margin{
    max-height: none; opacity: 1 !important; margin-bottom: 8px !important;
  }
}

/* title -- bottom row, light-blue tick BELOW it (not above), sitting
   right at the card's foot */
.vc-pillars .uk-tile .uk-heading-small{
  margin: 0 !important;
  color: #fff !important;
  font-size: 21px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
}
.vc-pillars .uk-tile .uk-heading-small::after{
  content: "";
  display: block;
  width: 26px; height: 2px;
  background: var(--vc-clay-2, #7ba7d0);
  border-radius: 1px;
  margin-top: 10px;
}

/* ===== VALANTE — Contact page: Investor Relations cards ===== Ref CSS-0095 */
.vc-ir-card {
  padding-left: 40px;
}

/* IR cards — email button hover. Ref CSS-0096 */
.vc-ir-card .uk-button-default {
  transition: transform .2s cubic-bezier(.2,.7,.2,1),
              box-shadow .25s cubic-bezier(.2,.7,.2,1);
}
.vc-ir-card .uk-button-default:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px -8px rgba(20, 33, 49, 0.45);
}

/* IR cards — email button border. Ref CSS-0097 */
.vc-ir-card .uk-button-default {
  border: 2px solid #e1e0d8;
}

/* ===== VALANTE — Contact page: office photo cards ===== Ref CSS-0098 */
.vc-office-card {
  position: relative;
  aspect-ratio: 4 / 3;
}
.vc-office-card .uk-tile {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}
.vc-office-card .uk-tile::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: inherit;
  background-size: cover;
  background-position: center;
  transition: transform .8s cubic-bezier(.2,.7,.2,1);
}
.vc-office-card:hover .uk-tile::before {
  transform: scale(1.08);
}
.vc-office-card .uk-tile::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    rgba(2,17,49,.34) 0%,
    rgba(2,17,49,.06) 22%,
    rgba(2,17,49,0) 46%,
    rgba(2,17,49,.55) 76%,
    rgba(2,17,49,.92) 100%
  );
}
.vc-office-card .uk-tile > .uk-panel {
  position: relative;
  z-index: 2;
}

/* Office cards — column gutter and tile padding. Ref CSS-0099 */
.vc-office-card .uk-tile {
  padding: 22px 24px !important;
}

/* ===== VALANTE — Fund detail pages: metric cards ===== Ref CSS-0100 */
.fund-metric-card {
    border: 1px solid #e1e0d8;
    border-radius: 14px;
    background: #fff;
    box-shadow: rgba(4, 16, 27, .32) 0 14px 34px -26px;
    transition: transform .45s cubic-bezier(.2, .7, .2, 1),
                box-shadow .45s cubic-bezier(.2, .7, .2, 1);
    padding: 22px 26px;
    height: 100%;
}
.fund-metric-card:hover {
    transform: translateY(-5px);
    box-shadow: rgba(4, 16, 27, .42) 0 26px 54px -30px;
}
.fund-metric-card [uk-grid] {
    align-items: center !important;
    margin-left: 0 !important;
}
/* Metric cards — content vertically centred. Ref CSS-0121 */
.fund-metric-card {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}
/* Metric cards — second-column gutter. Ref CSS-0101 */
.fund-metric-card [uk-grid] > * {
    padding-left: 0 !important;
}
/* Metric cards — icon column width. Ref CSS-0102 */
.fund-metric-card .uk-width-1-3\@m {
    width: auto !important;
    flex: 0 0 auto !important;
    margin-right: 16px;
}
/* Metric cards — icon wrapper width. Ref CSS-0103 */
.fund-metric-card .uk-width-small {
    width: auto !important;
}
.fund-metric-card .el-image {
    width: 40px !important;
    height: 40px !important;
}
.fund-metric-card .el-image,
.fund-metric-card .el-image svg,
.fund-metric-card svg {
    color: #142131 !important;
    fill: #142131 !important;
}
.fund-metric-card svg {
    stroke-width: 1.75;
}
.fund-metric-card svg,
.fund-metric-card svg * {
    fill: none !important;
    stroke: #142131 !important;
}
.fund-metric-card .uk-text-primary {
    font-size: 16px !important;
    font-weight: 500;
    line-height: 1.45;
    color: #2b3947 !important;
}
/* Brands perpetual ticker. Ref CSS-0104 */
.brand-ticker.uk-slider-container { overflow: hidden; padding: 8px 0; -webkit-mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent); }
.brand-ticker .uk-slider-items { display: flex !important; flex-wrap: nowrap !important; align-items: center; gap: 60px; width: max-content !important; position: static !important; left: auto !important; animation: vcBrandTicker 36s linear infinite; }
.brand-ticker .uk-slider-items > * { width: auto !important; flex: 0 0 auto !important; padding: 0 !important; }
.brand-ticker .uk-slider-items img { height: 128px; width: auto; object-fit: contain; }
.brand-ticker.uk-slider-container:hover .uk-slider-items { animation-play-state: paused; }
@keyframes vcBrandTicker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .brand-ticker .uk-slider-items { animation: none; flex-wrap: wrap !important; justify-content: center; }
}

/* ##################### VALANTE ENHANCEMENTS -- Ascend Fund II sector cards ####### Ref CSS-0105 */
.vc-sectors .el-item.uk-card{
  border: 1px solid #e1e0d8;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: rgba(4,16,27,.34) 0 22px 54px -34px;
  transition: transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s cubic-bezier(.2,.7,.2,1);
  background: #fff !important;
  color: #2b3947 !important;
}
.vc-sectors .el-item.uk-card:hover{
  transform: translateY(-5px);
  box-shadow: rgba(4,16,27,.42) 0 30px 64px -30px;
}
.vc-sectors .uk-card-media-top{
  padding: 30px 22px 14px;
  min-height: 104px;
  display: flex; align-items: center; justify-content: center;
  background: #fff !important;
  margin: 0 !important;
}
.vc-sectors .uk-card-media-top .el-image{
  object-fit: contain;
  max-height: 42px !important; max-width: 160px !important;
  width: auto !important; height: auto !important;
  aspect-ratio: auto !important;
}
.vc-sectors .uk-card-body{
  border-top: 1px solid #efeee8;
  padding: 6px 26px 28px !important;
}
.vc-sectors .el-title{
  color: #142131 !important;
  font-size: 18px !important;
  line-height: 1.3 !important;
  margin-top: 16px !important;
}
.vc-sectors .el-content,
.vc-sectors .el-content p{
  color: #5a6b7b !important;
  font-size: 14.5px !important;
  line-height: 1.62 !important;
}
/* ##################### END VALANTE ENHANCEMENTS -- Ascend Fund II sector cards ####### */

/* ##################### VALANTE ENHANCEMENTS -- Ascend Fund II Fund Raising CTA ####### Ref CSS-0106 */
.vc-invest-cta__pill p{
  display: inline-block;
  background: #84C3E4;
  color: #02093B;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  padding: 5px 11px;
  border-radius: 999px;
  margin: 0;
}
.vc-invest-cta__btn{
  display: inline-block;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.625 !important;
  min-height: 0 !important;
  border: 0 !important;
  padding: 13px 30px !important;
  border-radius: 8px !important;
  transition: background .3s, transform .3s;
  background: #fff !important;
  color: #02093B !important;
}
.vc-invest-cta__btn:hover{
  transform: translateY(-2px);
  background: #E9F0F8 !important;
}
/* Fund CTA -- compact two-line headline. Ref CSS-0119 */
.uk-section:has(.vc-invest-cta__btn) h2.uk-heading-medium{
  font-size: clamp(21px, 2.4vw, 29px) !important;
  line-height: 1.2 !important;
  letter-spacing: -.02em !important;
}
.uk-section:has(.vc-invest-cta__btn) h2.uk-heading-medium p{
  margin: 0 !important;
}
/* ##################### END VALANTE ENHANCEMENTS -- Ascend Fund II Fund Raising CTA ####### */

/* ##################### VALANTE ENHANCEMENTS -- Our People ####### Ref CSS-0107 */

/* ---- 1) card, normal state ---- */
.vc-people .el-item .uk-inline-clip{
  box-shadow: none !important;               /* Our People — card shadow. Ref CSS-0108 */
}
/* Our People — colour crossfade. Ref CSS-0109 */
.vc-people .el-item .el-hover-image{
  transition-duration: .55s !important;
  transition-timing-function: cubic-bezier(.2,.7,.2,1) !important;
}

/* Our People — top-aligned grid. Ref CSS-0110 */
.vc-people .uk-grid[uk-lightbox]{
  align-items: flex-start !important;
}

/* Our People — caption row. Ref CSS-0111 */
.vc-people .el-item .uk-grid{
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  margin: 16px 0 0 !important;
  /* Our People — plus button reaches photo edge. Ref CSS-0112 */
  align-self: stretch !important;
  width: 100% !important;
  box-sizing: border-box;
}
.vc-people .el-item .uk-grid > *{
  padding-left: 0 !important;
  margin-top: 0 !important;
}
.vc-people .el-item .uk-grid > :first-child{
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0;
  padding: 0 12px 0 2px !important;
  text-align: left;
}
.vc-people .el-item .uk-grid > :last-child{
  flex: 0 0 auto !important;
  width: auto !important;
  margin-top: 6px !important;
}
.vc-people .el-item .uk-grid > :last-child > *{ margin: 0 !important; }

.vc-people .el-title{
  color: #293945 !important;
  font-size: clamp(16px, 1.4vw, 19px) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em !important;
  line-height: 1.2 !important;
  margin: 0 0 6px !important;
  text-transform: none !important;
}
.vc-people .el-meta{
  color: #2f6099 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: .08em !important;
  line-height: 1.5 !important;
  text-transform: uppercase !important;
  margin: 0 !important;
}

/* "+" button: white disc, navy plus -> blue disc, white plus on card hover */
.vc-people .el-link.uk-button{
  width: 34px !important; height: 34px !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center; justify-content: center;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(255,255,255,.92) !important;
  color: #142131 !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  box-shadow: 0 2px 10px rgba(4,16,27,.18) !important;
  transition: background .3s ease, color .3s ease, transform .3s ease !important;
}
.vc-people .el-item:hover .el-link.uk-button,
.vc-people .el-item a:focus-visible .el-link.uk-button{
  background: #2f6099 !important;
  color: #fff !important;
  transform: scale(1.08);
}

/* ---- 2) bio modal (built by custom.js) ---- */
.vc-bio-modal{
  position: fixed; inset: 0; z-index: 1200;
  display: none;
}
.vc-bio-modal.is-open{ display: block; }
.vc-bio-backdrop{
  position: absolute; inset: 0;
  background: rgba(4,16,27,.72);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  animation: vcBioFade .3s ease both;
}
.vc-bio-dialog{
  position: relative;
  max-width: 900px;
  width: calc(100% - 40px);
  max-height: calc(100vh - 64px);
  margin: 32px auto;
  background: #fff;
  border-radius: 6px;
  overflow: auto;
  display: grid;
  grid-template-columns: 42% 1fr;
  box-shadow: 0 30px 80px rgba(4,16,27,.5);
  animation: vcBioRise .4s cubic-bezier(.2,.7,.2,1) both;
}
@keyframes vcBioFade{ from{ opacity: 0 } to{ opacity: 1 } }
@keyframes vcBioRise{ from{ opacity: 0; transform: translateY(24px) } to{ opacity: 1; transform: none } }

.vc-bio-photo{ position: relative; min-height: 100%; background: #e9e9e6; }
.vc-bio-photo img{
  width: 100%; height: 100%;
  object-fit: cover; object-position: center top;
  display: block;
}
.vc-bio-body{ padding: 44px 44px 48px; text-align: left; }
.vc-bio-badge{
  display: inline-block;
  font-size: 11px; letter-spacing: .14em; text-transform: uppercase;
  font-weight: 600; line-height: 1.625; color: #2f6099;
  padding: 5px 12px;
  border: 1px solid #e1e0d8; border-radius: 100px;
  margin-bottom: 22px;
}
.vc-bio-name{
  font-family: inherit;
  font-size: clamp(1.6rem, 3vw, 2.15rem) !important;
  line-height: 1.05 !important; letter-spacing: -.02em !important;
  color: #142131 !important; font-weight: 700 !important;
  text-transform: uppercase !important;
  margin: 0 0 6px !important;
}
.vc-bio-role{
  font-size: .82rem; letter-spacing: .08em; text-transform: uppercase;
  color: #2f6099; font-weight: 600; line-height: 1.625;
  margin: 0 0 22px;
}
.vc-bio-text{
  color: #35414d; font-size: .98rem; line-height: 1.7;
  max-width: 60ch;
}
.vc-bio-text p{ margin: 0 0 1em; }
.vc-bio-text p:last-child{ margin-bottom: 0; }

.vc-bio-close{
  position: absolute; top: 14px; right: 16px; z-index: 4;
  width: 40px; height: 40px; padding: 0;
  display: flex; align-items: center; justify-content: center;
  font-family: Arial, sans-serif;
  font-size: 30px; line-height: 1; font-weight: 300;
  color: #142131; background: rgba(255,255,255,.9);
  border: none; border-radius: 50%; cursor: pointer;
  box-shadow: 0 2px 10px rgba(4,16,27,.2);
  transition: background .25s ease, color .25s ease, transform .25s ease;
}
.vc-bio-close:hover,
.vc-bio-close:focus-visible{ background: #142131; color: #fff; transform: rotate(90deg); outline: none; }

@media (max-width: 720px){
  .vc-bio-dialog{ grid-template-columns: 1fr; margin: 16px auto; width: calc(100% - 24px); max-height: calc(100vh - 32px); }
  .vc-bio-photo{ max-height: 46vh; overflow: hidden; }
  .vc-bio-body{ padding: 30px 26px 34px; }
}
@media (prefers-reduced-motion: reduce){
  .vc-bio-backdrop, .vc-bio-dialog{ animation: none; }
  .vc-bio-close:hover, .vc-bio-close:focus-visible{ transform: none; }
  .vc-people .el-item .el-hover-image{ transition-duration: .2s !important; }
}
/* ##################### END VALANTE ENHANCEMENTS -- Our People ####### */

/* ##################### VALANTE ENHANCEMENTS -- Photo tilt ####### Ref CSS-0123 */
/* Opt-in: add the class vc-tilt-grid to a gallery. Mouse devices only. */
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){
  .vc-tilt-grid .el-item > a{
    --vc-rx: 0deg; --vc-ry: 0deg; --vc-s: 1; --vc-ty: 0px;
    --vc-gx: 50%; --vc-gy: 50%;
    --vc-pw: 0px; --vc-ph: 0px;
  }
  /* the photo (first child of the link) tilts */
  .vc-tilt-grid .el-item > a > :first-child{
    transform: perspective(1000px) translateY(var(--vc-ty)) rotateX(var(--vc-rx)) rotateY(var(--vc-ry)) scale(var(--vc-s));
    transition: transform .3s ease-out, box-shadow .3s ease-out;
    will-change: transform;
  }
  .vc-tilt-grid .el-item > a.vc-tilt-on{
    --vc-ty: -4px;
  }
  .vc-tilt-grid .el-item > a.vc-tilt-on > :first-child{
    transition-duration: .15s;
    box-shadow: 0 14px 32px rgba(4,16,27,.28) !important;
  }
  /* glow layer, same box and same transform as the photo */
  .vc-tilt-grid .el-item > a::after{
    content: "";
    position: absolute; left: 0; top: 0;
    width: var(--vc-pw); height: var(--vc-ph);
    background: radial-gradient(circle at var(--vc-gx) var(--vc-gy), rgba(255,255,255,.38), rgba(255,255,255,0) 60%);
    transform: perspective(1000px) translateY(var(--vc-ty)) rotateX(var(--vc-rx)) rotateY(var(--vc-ry)) scale(var(--vc-s));
    opacity: 0;
    pointer-events: none;
    transition: transform .3s ease-out, opacity .3s ease-out;
  }
  .vc-tilt-grid .el-item > a.vc-tilt-on::after{
    transition-duration: .15s, .3s;
    opacity: 1;
  }
}
/* ##################### END VALANTE ENHANCEMENTS -- Photo tilt ####### */

/* ##################### VALANTE ENHANCEMENTS -- News templates ####### Ref CSS-0113 */

/* ---- News hero — photo and gradient overlay ---- Ref CSS-0114 */
.vc-news-hero{ position: relative; }
.vc-news-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg,
    rgba(2, 9, 59, 0.92) 0%,
    rgba(2, 9, 59, 0.72) 32%,
    rgba(2, 9, 59, 0.34) 62%,
    rgba(2, 9, 59, 0.12) 100%);
  pointer-events: none;
  z-index: 0;
}
.vc-news-hero .uk-container{ position: relative; z-index: 1; }
.vc-news-hero h1{ color: #fff !important; margin-bottom: 10px !important; }
.vc-news-sub{
  color: rgba(255,255,255,.86) !important;
  font-size: 1.2rem !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  letter-spacing: normal !important;
  max-width: 46ch;
  margin-top: 6px !important;
}

/* ---- News meta line — category first ---- Ref CSS-0115 */
.vc-news-grid .el-meta,
.vc-news-grid .el-meta > span,
.vc-article-meta .el-content,
.vc-article-meta .el-content > span,
.vc-article-meta p{
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: .6em;
}
.vc-news-grid .el-meta{
  margin-top: 18px !important;
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #2F6099;
  font-weight: 600;
}
.vc-news-grid .el-meta a{ color: inherit; text-decoration: none; pointer-events: none; }
.vc-article-meta{
  font-size: 12px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #7BA7D0;
  font-weight: 600;
}
.vc-article-meta a{ color: inherit; text-decoration: none; pointer-events: none; }

/* ---- Category Blog grid (cards) ---- */
.vc-news-grid .el-image{
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: 12px;
  display: block;
}
/* News grid — rounded clip box. Ref CSS-0116 */
.vc-news-grid .uk-inline-clip{ border-radius: 12px; overflow: hidden; display: block; }
.vc-news-grid .uk-inline-clip .el-image{ border-radius: 0; }
.vc-news-grid .uk-transition-scale-up{
  transition-duration: .7s !important;
  transition-timing-function: cubic-bezier(.2,.7,.2,1) !important;
}
.vc-news-grid .el-title{
  margin: 10px 0 10px !important;
  font-size: 19px;
  line-height: 1.3;
  font-weight: 600;
  color: #142131;
}
.vc-news-grid .el-title a{ color: #142131 !important; }
.vc-news-grid .el-title a:hover{ color: #2F6099 !important; text-decoration: none; }
.vc-news-grid .el-content{
  color: #4a5561;
  font-size: 14.5px;
  line-height: 1.6;
  max-width: 46ch;
  margin-top: 0 !important;
}
/* News grid — no Read more line. Ref CSS-0117 */
.vc-news-grid .el-link{ display: none !important; }

/* ---- Single Article ---- */
.vc-article-image .el-image,
.vc-article-image img{
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 12px;
}
.vc-article-content{
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  color: #2b3642;
  font-size: 17px;
  line-height: 1.75;
}
.vc-article-content h2,
.vc-article-content h3{ color: #142131; font-weight: 600; margin-top: 1.8em; }
.vc-article-content a{ color: #2F6099; }
.vc-article-content img{ border-radius: 12px; max-width: 100%; height: auto; }
.vc-article-content blockquote{
  margin: 1.6em 0;
  padding-left: 20px;
  border-left: 3px solid #7BA7D0;
  color: #142131;
  font-size: 1.1em;
}
/* ##################### END VALANTE ENHANCEMENTS -- News templates ############## */

/* ##################### START VALANTE ENHANCEMENTS -- Our People Careers band ############## */
.vc-join { padding: 68px 0; }
.vc-join .uk-container { max-width: 1180px; }
.vc-join__text { max-width: 620px; }
.vc-join__eyebrow { font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: #7ba7d0 !important; font-weight: 600; margin-bottom: 12px; }
.vc-join__title { letter-spacing: -0.018em; color: #fff !important; font-size: 30px !important; font-weight: 600 !important; margin: 0 0 14px !important; }
.vc-join__sub { color: rgba(255,255,255,0.82) !important; font-size: 1.02rem; line-height: 1.6; margin: 0 !important; }
.vc-join .uk-container > .uk-grid { align-items: center; }
.vc-join .uk-container > .uk-grid > * > .uk-grid { margin-top: 0; }
.vc-join__btn { margin: 0 !important; background: none !important; border: 0 !important; }
.vc-join__btn .uk-button { display: inline-flex; align-items: center; justify-content: center; height: 48px; padding: 0 26px; border-radius: 6px; font-size: 14px; font-weight: 600; letter-spacing: 0.02em; line-height: 1; white-space: nowrap; text-transform: none; border: 1px solid rgba(255,255,255,0.4); background: transparent; color: #fff !important; transition: background .25s, border-color .25s, transform .25s; }
.vc-join__btn .uk-button:hover { background: rgba(255,255,255,0.08); transform: translateY(-2px); }
.vc-join__btn--primary .uk-button { background: #fff; border-color: #fff; color: #02093b !important; }
.vc-join__btn--primary .uk-button:hover { background: #e9eef5; }
@media (max-width: 780px) { .vc-join { padding: 54px 0; } }
/* ##################### END VALANTE ENHANCEMENTS -- Our People Careers band ############## */

/* Hide section title label. */
.vc-hide-section-title .tm-section-title{
  display: none !important;
}




.asc_2_bottom_shdw {
  border-bottom: 1px solid #e1e0d8;
  overflow: hidden;
  box-shadow: rgba(4,16,27,.34) 0 22px 54px -34px;