@charset "UTF-8";
/* ==========================================
   Global Design System Reset & Baseline
   Author: Clement Femi Bazuaye
   Github: https://github.com/dev-bazz
   LinkedIn: https://www.linkedin.com/in/devbazz/
   ========================================== */
/*
#:~:text=hello,you
  ::target-text {}
  */
@property --base {
  initial-value: #fff;
  inherits: true;
  syntax: "<color>";
}
@property --color-bg {
  initial-value: #fff;
  inherits: true;
  syntax: "<color>";
}
@property --color-fg {
  initial-value: #111;
  inherits: true;
  syntax: "<color>";
}
@property --outline-color {
  initial-value: #0275d8;
  inherits: true;
  syntax: "<color>";
}
@property --selection-fg {
  initial-value: #38a2ff;
  inherits: true;
  syntax: "<color>";
}
@property --active-blue-100 {
  syntax: "<color>";
  inherits: false;
  initial-value: #EBF8FE;
}
@property --container-1120 {
  syntax: "*";
  inherits: true;
  initial-value: 70rem;
}
@property --container-1200 {
  syntax: "*";
  inherits: false;
  initial-value: 75rem;
}
@property --debug {
  syntax: "<color>";
  inherits: true;
  initial-value: magenta;
}
@property --pop-blue {
  syntax: "<color>";
  inherits: false;
  initial-value: #00B8DE;
}
@property --nav-container {
  syntax: "*";
  inherits: false;
  initial-value: 80rem;
}
::target-text {
  background-color: var(--target-text-bg);
  color: var(--target-text-color);
  font-weight: var(--font-weight-bold);
}

@layer tokens {
  :root {
    --selection-bg: hsl(from var(--selection-fg) h 100% 80% / 0.2);
    /* Color Variables - Neutral */
    --spacing: 1rem;
    --outline-size: 0.25rem;
    --outline-offset: 0.25rem;
    --neutral-100: #f9fbfc;
    --neutral-200: #f3f5f6;
    --neutral-300: #e1e6ed;
    --neutral-800: #4e5a6c;
    --neutral-900: #353f50;
    --text-neutral-600: #848f9f;
    --text-neutral-700: #5f738c;
    --text-primary: #353f50;
    --default-grey-200: #E5E7EB;
    /* Color Variables - Blue */
    --white: #fff;
    --active-blue-100: #ebf8fe;
    --active-blue-200: #6eb4e0;
    --active-blue-300: #7bc6e4;
    --active-blue-400: #0275d8;
    --active-blue-500: #1a4983;
    --active-blue-600: #10345e;
    --primary-blue-100: #ebf8fe;
    --primary-blue-200: #aeddf1;
    --primary-blue-400: #479fc8;
    --primary-blue-700: #072f40;
    --primary-blue-800: #647f8b;
    --primary-base-blue: #00425f;
    --brand-colors-pop-blue: #00b8de;
    /* Color Variables - Red */
    --primary-red-100: #fbe9e9;
    --primary-red-400: #dc4437;
    --primary-red-500: #a4251a;
    --primary-red: #EE312A;
    /* Color Variables - Gray */
    --default-gray-200: #ebf8fe;
    --default-gray-500: #6b7280;
    --default-gray-900: #111827;
    /* Other Colors */
    --lin: #111827;
    /* Container & Layout */
    --container-170: 73.125rem;
    --container-lg: 70rem;
    --container-1200: 75rem;
    --container-max: 90rem;
    --container-lgsx: 70.4375rem;
    --container-lgx1: 71.25rem;
    --container-sm: 48rem;
    --mobile-lg: 50rem;
    --nav-container: 80rem;
    --max-container: 75rem;
    --container: 75rem;
    --page-container: 75rem;
    /* Static Properties (moved from @property) */
    --scroll-width: 0px;
    --scroll-track-color: transparent;
    --scroll-thumb-color: rgb(47, 47, 47);
    --scroll-border-radius: 50px;
    --scroll-hover-color: rgb(77, 87, 108);
    --scroll-display: block;
    --background-color: #fff;
    --option-fg: #000;
    --option-bg: #fff;
    --option-hover: #3d52ea;
    --option-check: '☑️';
    --drop-down-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.0002 6.66679C18.0002 6.88013 17.9185 7.09346 17.756 7.25596L11.0894 13.9226C10.7635 14.2485 10.2369 14.2485 9.91104 13.9226L3.24437 7.25596C2.91854 6.93013 2.91854 6.40346 3.24437 6.07763C3.57021 5.75179 4.09687 5.75179 4.42271 6.07763L10.5002 12.1551L16.5777 6.07763C16.9035 5.75179 17.4302 5.75179 17.756 6.07763C17.9185 6.24013 18.0002 6.45346 18.0002 6.66679Z' fill='%235F738C'/%3E%3C/svg%3E");
    --img-placeholder: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%23cfe3ec'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='lucide%20lucide-image-icon%20lucide-image'%3e%3crect%20width='18'%20height='18'%20x='3'%20y='3'%20rx='2'%20ry='2'/%3e%3ccircle%20cx='9'%20cy='9'%20r='2'/%3e%3cpath%20d='m21%2015-3.086-3.086a2%202%200%200%200-2.828%200L6%2021'/%3e%3c/svg%3e");
    --target-text-bg: #fbe9e9;
    --target-text-color: #353f50;
    --placeholder-color: rgb(135, 135, 135);
    --table-border-color: #ddd;
    --option-hover-bg: #e5e5e5;
    --picker-icon-color: #999999;
    --font-weight-bold: 700;
    --line-height-base: 1.5;
    --line-height-heading: 1.2;
    --line-height-body: 1.6;
    --gap-label: 0.5rem;
    --padding-table-cell: 0.5rem;
    --picker-offset: 0.5rem;
    --details-padding-bottom: 0.5em;
    --textarea-min-height: 10em;
    --max-text-width: 64ch;
    --section-intrinsic-size: 43.75rem;
    --blur-amount: 0.4375rem;
    --border-radius-top: 8px;
    --border-radius-bottom: 8px;
    --transition-duration-fast: 0.2s;
    --transition-duration-medium: 0.4s;
    --transition-duration-base: 0.5s;
    --transition-duration-slow: 0.6s;
    --transition-duration-slower: 1s;
    --transition-duration-instant: 0.01ms;
    --ease-out-3: cubic-bezier(0.2, 0.8, 0.2, 1);
    --table-border-width: 1px;
    --rotation-180: 180deg;
    --opacity-hidden: 0;
    --opacity-visible: 1;
    --transform-translate-y: 10px;
    --box-sizing: border-box;
    --height-full: 100%;
    --min-height-full: 100dvh;
    --width-full: 100%;
    --margin-zero: 0;
    --padding-zero: 0;
    --max-width-full: 100%;
    --height-auto: auto;
    --text-align-left: left;
    --vertical-align-top: top;
    --border-collapse: collapse;
    --outline-style: solid;
    --order-one: 1;
    --iteration-count: 1;
    --anchor-left: 0%;
    --backdrop-color: #00000083;
    /* Borders */
    --table-border: var(--table-border-width) var(--outline-style) var(--table-border-color);
    --debug-outline: var(--table-border-width) var(--outline-style) var(--debug);
    /* Border Radius Compound */
    --border-radius-top-compound: var(--border-radius-top) var(--border-radius-top) var(--margin-zero) var(--margin-zero);
    --border-radius-bottom-compound: var(--margin-zero) var(--margin-zero) var(--border-radius-bottom) var(--border-radius-bottom);
    /* Code Styling */
    --code-bg: #1e293b;
    --code-color: #e2e8f0;
    --code-border: #334155;
    --code-inline-bg: #f3f5f6;
    --code-font-family: 'Courier New', Courier, monospace;
  }
}
@layer base {
  *,
  *::before,
  *::after {
    box-sizing: var(--box-sizing);
    font-family: var(--averta-font);
  }
  html,
  body,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  figure,
  blockquote,
  dl,
  dd,
  ul,
  ol {
    margin: var(--margin-zero);
    padding: var(--padding-zero);
  }
  html {
    height: var(--height-full);
    scroll-behavior: smooth;
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
  }
  body {
    min-height: var(--min-height-full);
    line-height: var(--line-height-base);
    font-family: var(--averta-font);
    background-color: var(--color-bg);
    color: var(--color-fg);
    text-rendering: optimizeSpeed;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-family: var(--averta-font);
    line-height: var(--line-height-heading);
  }
  a {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
  }
  img,
  picture,
  video,
  canvas,
  svg {
    display: block;
    max-width: var(--max-width-full);
    height: var(--height-auto);
  }
  video,
  img {
    object-fit: cover;
  }
  ul,
  ol {
    list-style: none;
  }
  :is(button, input, select) {
    cursor: pointer;
  }
  button,
  input:not([type=checkbox], [type=radio]),
  textarea,
  select {
    font: inherit;
    color: inherit;
    background: none;
    border: none;
    margin: var(--margin-zero);
    padding: var(--padding-zero);
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }
  :is(select[data-select-placeholder]) {
    --placeholder-color: var(--placeholder-color);
  }
  :is(select[data-select-placeholder]:focus-within option:first-child) {
    opacity: var(--opacity-hidden);
    pointer-events: none;
  }
  :is(select[data-select-placeholder]:invalid) {
    color: var(--placeholder-color);
  }
  :is(textarea:not([rows])) {
    min-height: var(--textarea-min-height);
  }
  :is(label:has(input, textarea, select, div)) {
    display: grid;
    gap: var(--gap-label);
    cursor: pointer;
  }
  textarea {
    resize: vertical;
    min-height: var(--textarea-min-height);
    /* fallback */
  }
  @supports (field-sizing: content) {
    textarea {
      field-sizing: content;
    }
  }
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: var(--margin-zero);
  }
  table {
    border-collapse: var(--border-collapse);
    width: var(--width-full);
  }
  th,
  td {
    text-align: var(--text-align-left);
    vertical-align: var(--vertical-align-top);
    padding: var(--padding-table-cell);
    border: var(--table-border);
  }
  ::selection {
    background-color: var(--selection-bg);
    color: var(--selection-fg);
  }
  :focus-visible {
    outline-color: var(--outline-color);
    outline-width: var(--outline-size);
    outline-offset: var(--outline-offset);
    outline-style: var(--outline-style);
  }
  pre {
    border-radius: 8px;
    padding: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    word-wrap: break-word;
    word-break: break-word;
  }
  code {
    font-family: "Courier New", Courier, monospace;
    font-size: 0.875rem;
    line-height: 1.5;
    color: var(--code-color, #353f50);
    background-color: transparent;
    padding: 0.125rem 0.25rem;
    border-radius: 4px;
    word-break: break-word;
    overflow-wrap: break-word;
  }
  pre code {
    background-color: transparent;
    padding: 0;
    color: inherit;
    font-size: inherit;
  }
  /* Inline code styling */
  :not(pre) > code {
    background-color: var(--code-inline-bg, #f3f5f6);
    padding: 0.25rem 0.5rem;
  }
}
@layer scrollStyle {
  div,
  body,
  section {
    scrollbar-width: var(--scroll-width);
    -ms-overflow-style: var(--scroll-display);
  }
  div::-webkit-scrollbar,
  body::-webkit-scrollbar,
  section::-webkit-scrollbar {
    display: var(--scroll-display);
  }
  div::-webkit-scrollbar,
  body::-webkit-scrollbar,
  section::-webkit-scrollbar {
    width: var(--scroll-width);
  }
  div::-webkit-scrollbar-track,
  body::-webkit-scrollbar-track,
  section::-webkit-scrollbar-track {
    background: var(--scroll-track-color);
  }
  div::-webkit-scrollbar-thumb,
  body::-webkit-scrollbar-thumb,
  section::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb-color);
    border-radius: var(--scroll-border-radius);
  }
  div::-webkit-scrollbar-thumb:hover,
  body::-webkit-scrollbar-thumb:hover,
  section::-webkit-scrollbar-thumb:hover {
    background: var(--scroll-hover-color);
  }
}
@layer experimental {
  select {
    font-family: inherit;
    font-size: inherit;
    cursor: inherit;
    line-height: inherit;
    width: var(--width-full);
  }
  select option:checked {
    font-weight: bold;
  }
  select option::checkmark {
    order: var(--order-one);
    margin-left: auto;
    content: var(--option-check);
  }
  option:first-of-type {
    border-radius: var(--border-radius-top-compound);
  }
  option:last-of-type {
    border-radius: var(--border-radius-bottom-compound);
  }
  option:not(option:last-of-type) {
    border-bottom: none;
  }
  option {
    background: var(--option-bg);
    color: var(--option-fg);
  }
  option:hover {
    background: var(--option-hover-bg);
  }
  select,
  ::picker(select) {
    appearance: base-select;
  }
  select::picker-icon {
    content: var(--drop-down-icon);
    color: var(--picker-icon-color);
    transition: var(--transition-duration-medium) rotate;
  }
  select:open::picker-icon {
    rotate: var(--rotation-180);
  }
  ::picker(select) {
    opacity: var(--opacity-hidden);
    transition: opacity var(--transition-duration-fast) ease, transform var(--transition-duration-fast) var(--ease-out-3), display var(--transition-duration-fast) allow-discrete, overlay var(--transition-duration-fast) allow-discrete;
    border: none;
  }
  ::picker(select):popover-open {
    opacity: var(--opacity-visible);
  }
  @starting-style {
    ::picker(select):popover-open {
      opacity: var(--opacity-hidden);
    }
  }
  ::picker(select) {
    top: calc(anchor(bottom) + var(--picker-offset));
    left: anchor(var(--anchor-left));
  }
  select::-ms-expand {
    display: none;
  }
  /* transition the selected option changing */
  selectedcontent > * {
    transition: transform var(--transition-duration-slower) var(--ease-out-3), display var(--transition-duration-slower) allow-discrete, opacity var(--transition-duration-slower);
    opacity: var(--opacity-visible);
  }
  @starting-style {
    selectedcontent > * {
      opacity: var(--opacity-hidden);
      transform: translateY(var(--transform-translate-y));
    }
  }
}
/* -----------------------------
   3. Typography
   ----------------------------- */
@layer typography {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    text-wrap: balance;
    overflow-wrap: break-word;
  }
  p,
  li,
  figcaption {
    max-width: var(--max-text-width);
    line-height: var(--line-height-body);
    text-wrap: pretty;
  }
}
/* -----------------------------
   4. Layout
   ----------------------------- */
@layer layout {
  footer,
  main,
  nav,
  aside,
  section,
  article {
    width: var(--width-full);
    container-type: inline-size;
  }
  section {
    content-visibility: auto;
    contain-intrinsic-size: auto var(--section-intrinsic-size);
  }
  [data-container] {
    max-width: var(--container-max);
    margin-inline: auto;
    padding-inline: var(--spacing);
  }
  [float-root] {
    display: flow-root;
  }
}
/* Details */
@layer details {
  details > summary {
    cursor: pointer;
    list-style: none;
  }
  details > summary::marker,
  details > summary::-webkit-details-marker {
    display: none;
  }
  @supports (interpolate-size: allow-keywords) {
    :root {
      interpolate-size: allow-keywords;
    }
    ::details-content {
      --trans-duration: var(--transition-duration-base);
      transition: all var(--trans-duration) var(--ease-out-3), content-visibility var(--trans-duration) allow-discrete;
      height: var(--opacity-hidden);
      overflow: clip;
    }
    [open]::details-content {
      height: var(--height-auto);
      padding-bottom: var(--details-padding-bottom);
    }
  }
}
/* Dialog */
@layer modal {
  dialog {
    transition: display var(--transition-duration-slower) allow-discrete, overlay var(--transition-duration-slower) allow-discrete, scale var(--transition-duration-fast) var(--ease-out-3);
    scale: var(--opacity-hidden);
  }
  dialog[open] {
    transition: display var(--transition-duration-slower) allow-discrete, overlay var(--transition-duration-slower) allow-discrete, scale var(--transition-duration-slow) var(--ease-out-3);
    scale: var(--opacity-visible);
  }
  @starting-style {
    dialog[open] {
      scale: var(--opacity-hidden);
    }
  }
  dialog[open]::backdrop {
    opacity: var(--opacity-visible);
  }
  @starting-style {
    dialog[open]::backdrop {
      opacity: var(--opacity-hidden);
    }
  }
  dialog::backdrop {
    background-color: var(--background-color);
    transition: opacity var(--transition-duration-slower);
    opacity: var(--opacity-hidden);
  }
  [popover] {
    transition: display var(--transition-duration-slower) allow-discrete, overlay var(--transition-duration-slower) allow-discrete, scale var(--transition-duration-fast) var(--ease-out-3);
    scale: var(--opacity-hidden);
  }
  [popover]:popover-open {
    transition: display var(--transition-duration-slower) allow-discrete, overlay var(--transition-duration-slower) allow-discrete, scale var(--transition-duration-slow) var(--ease-out-3);
    scale: var(--opacity-visible);
  }
  @starting-style {
    [popover]:popover-open {
      scale: var(--opacity-hidden);
    }
  }
  [popover]:popover-open::backdrop {
    background-color: var(--backdrop-color);
    backdrop-filter: blur(var(--blur-amount));
    transition: opacity var(--transition-duration-slower);
    opacity: var(--opacity-visible);
  }
  @starting-style {
    [popover]:popover-open::backdrop {
      opacity: var(--opacity-hidden);
    }
  }
}
/* -----------------------------
   6. Accessibility
   ----------------------------- */
@layer accessibility {
  @media (prefers-reduced-motion: reduce) {
    html:focus-within {
      scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
      animation-duration: var(--transition-duration-instant) !important;
      animation-iteration-count: var(--iteration-count) !important;
      transition-duration: var(--transition-duration-instant) !important;
      scroll-behavior: auto !important;
    }
  }
  @media (prefers-contrast: more) {
    :focus-visible {
      outline-color: CanvasText;
    }
  }
}
/* -----------------------------
   7. Developer Ergonomics
   ----------------------------- */
@layer helpers {
  [data-debug] * {
    outline: var(--debug-outline);
  }
}
#root_content {
  text-align: justify;
}.geo-tag[data-astro-cid-5dckgrjb] {
  position: relative;
}

@media screen and (width <= 930px) {
  .geo-tag[data-astro-cid-5dckgrjb] {
    display: none;
  }
}

.geo-tag[data-astro-cid-5dckgrjb]:is(:hover, :focus-within) .geo-tag__dropdown[data-astro-cid-5dckgrjb] {
  display: block;
  transition: all .6s cubic-bezier(.2, .8, .2, 1);
  scale: 1;
}

@starting-style {
  .geo-tag[data-astro-cid-5dckgrjb]:is(:hover, :focus-within) .geo-tag__dropdown[data-astro-cid-5dckgrjb] {
    scale: .6;
  }
}

.geo-tag__country[data-astro-cid-5dckgrjb] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .25rem;
  background-color: #ebf8fe;
  color: #353f50;
  padding: .5rem 1rem;
  border-radius: 5rem;
  line-height: 1.5;
  font-weight: 600;
  text-transform: capitalize;
}

.geo-tag__country[data-astro-cid-5dckgrjb].dark {
  background-color: #072f40 !important;
}

.geo-tag__dropdown[data-astro-cid-5dckgrjb] {
  position: absolute;
  display: none;
  right: 0;
  padding-top: .875rem;
  transition: display .6s cubic-bezier(.2, .8, .2, 1) allow-discrete, scale .6s cubic-bezier(.2, .8, .2, 1);
  scale: 0;
}

@starting-style {
  .geo-tag__dropdown[data-astro-cid-5dckgrjb] {
    scale: 1;
  }
}

.geo-tag__dropdown-list[data-astro-cid-5dckgrjb] {
  color: var(--neutral-900);
  width: 40cqw;
  background-color: var(--white);
  max-width: 228px;
  padding: .5rem;
  box-shadow: 0 8px 24px #959da533;
  border-radius: .5rem;
}

.geo-tag__dropdown-list-item[data-astro-cid-5dckgrjb] {
  padding: .5rem;
  border-radius: .5rem;
}

.geo-tag__dropdown-list-item[data-astro-cid-5dckgrjb].active {
  background-color: var(--active-blue-100);
  border: 1px solid #7bc6e4;
}

.geo-tag__dropdown-list-item[data-astro-cid-5dckgrjb]:hover {
  background-color: var(--active-blue-100);
}

.geo-tag__label[data-astro-cid-5dckgrjb] {
  display: flex;
  gap: .5rem;
  text-transform: capitalize;
  font-size: .875rem;
  align-items: center;
}

.geo-tag__group[data-astro-cid-5dckgrjb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.geo-tag[data-astro-cid-5dckgrjb] .coming-soon[data-astro-cid-5dckgrjb] {
  background-color: #fef6cf;
  color: #af5f26;
  font-size: .5625rem;
  padding-inline: .3125rem;
  padding-block: .1875rem;
}

.geo-tag[data-astro-cid-5dckgrjb] .disable[data-astro-cid-5dckgrjb] {
  pointer-events: none;
}

.geo-tag[data-astro-cid-5dckgrjb] .disable[data-astro-cid-5dckgrjb] .geo-tag__label[data-astro-cid-5dckgrjb] {
  opacity: 1;
}

.geo-tag[data-astro-cid-5dckgrjb] .disable[data-astro-cid-5dckgrjb] .geo-tag__label[data-astro-cid-5dckgrjb].disable {
  opacity: .7;
}
.mobile-nav-back[data-astro-cid-kbunsr2s] {
  background-color: #fff;
  border: none;
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh;
  min-height: 100dvh;
  color: #000;
}

.mobile-nav-back[data-astro-cid-kbunsr2s] .nav-mobile-center[data-astro-cid-kbunsr2s] {
  align-content: center;
}

.mobile-nav-back[data-astro-cid-kbunsr2s]:popover-open {
  transition: none !important;
}

.mobile-nav-back__header[data-astro-cid-kbunsr2s] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: 1.5rem;
  padding-block: 1.5rem;
  border-bottom: 1px dashed #aeddf1;
  padding-bottom: .75rem;
}

.mobile-nav-back__back[data-astro-cid-kbunsr2s] {
  display: flex;
  color: #0275d8;
  font-weight: 600;
}

.mobile-nav-back__nav-list[data-astro-cid-kbunsr2s] {
  padding-inline: 1.5rem;
  padding-block: 1rem;
  display: grid;
  gap: 1rem;
}

.mobile-nav-back[data-astro-cid-kbunsr2s] .nav-mobile__layout[data-astro-cid-kbunsr2s] {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: .5rem;
}

.mobile-nav-back[data-astro-cid-kbunsr2s] .nav-mobile__layout--title[data-astro-cid-kbunsr2s] {
  color: var(--active-blue-600);
  font-weight: 600;
}

.mobile-nav-back[data-astro-cid-kbunsr2s] .nav-mobile__layout--des[data-astro-cid-kbunsr2s] {
  font-size: .875rem;
  color: #4e5a6c;
}

.mobile-nav-back[data-astro-cid-kbunsr2s] .icon-wrapper[data-astro-cid-kbunsr2s] {
  background-color: var(--icon-bg);
  padding: .5rem;
  border-radius: .5rem;
  width: fit-content;
}

.mobile-nav-back[data-astro-cid-kbunsr2s] .icon-wrapper[data-astro-cid-kbunsr2s]:is(.real-estate, .developers, .developers-and-aggregators, .alumni, .dev-resources) {
  --icon-fill: #74c965;
  --icon-bg: #f1fef1;
}

.mobile-nav-back[data-astro-cid-kbunsr2s] .icon-wrapper[data-astro-cid-kbunsr2s]:is(.energy, .small-businesses, .leadership, .news) {
  --icon-fill: #ef8781;
  --icon-bg: #fbe9e9;
}

.mobile-nav-back[data-astro-cid-kbunsr2s] .icon-wrapper[data-astro-cid-kbunsr2s].leader {
  --icon-fill: #aab7c6;
  --icon-bg: #f3f5f6;
}

.mobile-nav-back[data-astro-cid-kbunsr2s] .icon-wrapper[data-astro-cid-kbunsr2s]:is(.brands, .healthcare, .wellness, .social, .government, .enterprise, .support) {
  --icon-fill: #00b8de;
  --icon-bg: #ebf8fe;
}

.mobile-nav-back[data-astro-cid-kbunsr2s] .icon-wrapper[data-astro-cid-kbunsr2s]:is(.financial, .transport, .individual, .company, .careers, .blog, .partnerships) {
  --icon-fill: #f7ca5c;
  --icon-bg: #fef6cfb0;
}
.closeMobileMenu[data-astro-cid-wyatwkpg] {
  color: #fff;
}

.nav-mobile[data-astro-cid-wyatwkpg] {
  background-color: #fff;
  position: fixed;
  inset: 0;
  height: 100%;
  width: 100svw;
  padding: 0;
  margin: 0;
  border: none;
  transition: none !important;
}

.nav-mobile[data-astro-cid-wyatwkpg]::backdrop {
  background-color: #fff;
}

.nav-mobile__header[data-astro-cid-wyatwkpg] {
  background-color: var(--active-blue-600);
  display: flex;
  justify-content: space-between;
  padding-inline: 1.5rem;
  padding-block: 1.5rem;
}

.nav-mobile__header[data-astro-cid-wyatwkpg] .logo[data-astro-cid-wyatwkpg] {
  max-width: 8.25rem;
}

.nav-mobile__content[data-astro-cid-wyatwkpg] {
  padding-inline: 1.5rem;
  padding-block: 1rem;
  color: #000;
}

.nav-mobile__item[data-astro-cid-wyatwkpg] {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.nav-mobile__list[data-astro-cid-wyatwkpg] {
  display: grid;
  gap: 1.25rem;
}

.nav-mobile__list[data-astro-cid-wyatwkpg] li[data-astro-cid-wyatwkpg] {
  max-width: none;
}

.nav-mobile__list-title[data-astro-cid-wyatwkpg] {
  text-transform: capitalize;
  font-weight: 600;
  color: #5f738c;
}
/* ----------------- custom support for unsupported property ----------------- */
.dropdown-grid__item {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
.dropdown-grid__item .dd-link {
  display: flex;
  gap: 0.5rem;
  padding: 1.25rem 0.75rem;
  align-items: center;
}
.dropdown-grid__item .dd-link .title {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.dropdown-grid__item .dd-link .arrow {
  display: none;
  font-size: 1.25rem;
}
.dropdown-grid__item .dd-link:hover .arrow {
  display: block;
  opacity: 1;
  transition: opacity 0.4s ease;
}
@starting-style {
  .dropdown-grid__item .dd-link:hover .arrow {
    opacity: 0;
  }
}

.nav-link {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  text-transform: capitalize;
}
@container (width <= 930px) {}
.nav-link:hover {
  cursor: pointer;
}
.nav-link__drop-down--blur {
  --blur: 0.25rem;
  padding: 1rem;
  background-color: rgba(249, 251, 252, 0.3333333333);
  backdrop-filter: blur(var(--blur));
  -webkit-backdrop-filter: blur(var(--blur));
  border-radius: 0.5rem;
}
.nav-link__drop_down {
  --drop-space: 10cqw;
  transition: opacity 0.4s ease, display 1s allow-discrete;
  display: none;
  padding-block: 2.1875rem;
  position: absolute;
  left: var(--drop-space);
  width: 100cqw;
  opacity: 0;
  padding-bottom: 0;
}
@container (width <= 1032px) {
  .nav-link__drop_down {
    left: 0;
  }
}
.nav-link__drop_down:is(.right) {
  right: var(--drop-space);
  left: auto;
}
@container (width <= 1032px) {
  .nav-link__drop_down:is(.right) {
    right: 0;
  }
}
.nav-link__drop_down:has(.single) {
  width: min(100cqw, 58.125rem);
}
.nav-link__drop_down .bottom__sidebar {
  display: flex;
  flex-direction: column;
  justify-content: end;
}
.nav-link__drop_down .bottom__sidebar .btn {
  background-color: #fff;
  padding-block: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  align-items: center;
  border: 1px solid #00b8de;
  border-radius: 0.5rem;
  font-weight: 600;
  gap: 0.5rem;
  color: #00b8de;
}
.nav-link__drop_down .bottom__sidebar .btn svg {
  font-size: 1.25rem;
}
.nav-link__drop_down__wrapper {
  --title: #10345e;
  --text: #4e5a6c;
  --offset: 0px;
  --degrees: 90deg;
  transform: translate(calc(cos(var(--degrees)) * var(--offset)), calc(sin(var(--degrees)) * var(--offset)));
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
  background-color: white;
  color: var(--text);
  border-radius: 0.625rem;
  display: grid;
  grid-template-columns: minmax(7.5rem, 16.75rem) 1fr;
  transition: scale 0.4s 0.2s ease;
  scale: 1;
}
@starting-style {
  .nav-link__drop_down__wrapper {
    scale: 0px;
  }
}
.nav-link__drop_down__wrapper:is(.single) {
  grid-template-columns: 1fr;
}
.nav-link__drop_down__wrapper .title-header {
  display: grid;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
}
.nav-link__drop_down__wrapper .title-header .icon-wrapper {
  aspect-ratio: 1;
  width: fit-content;
  display: grid;
  place-items: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 1.5rem;
  background-color: var(--icon-bg);
}
.nav-link__drop_down__wrapper .title-header .icon-wrapper:is(.real-estate,
.developers,
.marketplace,
.alumni,
.dev-resources) {
  --icon-fill: #74c965;
  --icon-bg: #f1fef1;
}
.nav-link__drop_down__wrapper .title-header .icon-wrapper:is(.energy, .small-businesses, .leadership, .news) {
  --icon-fill: #ef8781;
  --icon-bg: #fbe9e9;
}
.nav-link__drop_down__wrapper .title-header .icon-wrapper:is(.leader) {
  --icon-fill: #aab7c6;
  --icon-bg: #f3f5f6;
}
.nav-link__drop_down__wrapper .title-header .icon-wrapper:is(.brands,
.healthcare,
.wellness,
.social,
.government,
.enterprise,
.support) {
  --icon-fill: #00b8de;
  --icon-bg: #ebf8fe;
}
.nav-link__drop_down__wrapper .title-header .icon-wrapper:is(.financial,
.mobility,
.individual,
.company,
.careers,
.blog,
.partnerships) {
  --icon-fill: #f7ca5c;
  --icon-bg: rgba(254, 246, 207, 0.69);
}
.nav-link__drop_down__content {
  container-type: inline-size;
}
.nav-link__drop_down__content li {
  max-width: none;
}
.nav-link__drop_down .nav-content__item {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  width: 100%;
  max-width: none;
  padding: 0.875rem;
  display: grid;
}
.nav-link__drop_down .nav-content__item .dropdown-link__item {
  --icon-bg: #f3f5f6;
  --icon-fill: #aab7c6;
  padding: 1.5rem;
  height: max-content;
  cursor: pointer;
  font-size: 0.875rem;
  transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
  border: 1px solid transparent;
}
.nav-link__drop_down .nav-content__item .dropdown-link__item p {
  text-wrap: auto;
  max-width: 21ch;
  text-transform: capitalize;
}
.nav-link__drop_down .nav-content__item .dropdown-link__item:hover {
  background-color: var(--active-blue-100);
  border-radius: 0.625rem;
  border: 1px solid #7bc6e4;
}
.nav-link__drop_down .nav-content__item .dropdown-link__item .title-link {
  font-weight: 600;
  color: var(--title);
  font-size: 1rem;
  max-width: none !important;
  text-wrap: auto !important;
}
.nav-link__drop_down .nav-link__sidebar--bg {
  background-color: #ebf8fe;
  padding: 1rem;
  border-radius: 0.625rem 0 0 0.625rem;
  border-right: 1px solid #a8d6ef;
  display: grid;
  min-height: 25rem;
}
.nav-link__drop_down__sidebar {
  display: grid;
  grid-template-rows: max-content;
  grid-auto-rows: max-content;
}
.nav-link__drop_down__sidebar li {
  display: flex;
  padding: 0.75rem;
  gap: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid transparent;
  align-items: center;
  transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.nav-link__drop_down__sidebar li:is(.active) {
  background-color: white;
  border: 1px solid #aeddf1;
  transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.nav-link__drop_down__sidebar li .title {
  color: var(--title);
  font-weight: 600;
  text-transform: capitalize;
}
.nav-link__drop_down__sidebar li .des {
  font-size: 0.875rem;
}
.nav-link__drop_down__sidebar li .children {
  grid-column: 2/-1;
}
.nav-link__drop_down__sidebar li:hover {
  background-color: white;
  border: 1px solid #aeddf1;
}

.nav-link__group:hover .nav-link__drop-down--blur {
  opacity: 1;
}
@starting-style {
  .nav-link__group:hover .nav-link__drop-down--blur {
    opacity: 0;
  }
}
.nav-link__group:hover .nav-link__drop_down {
  display: block;
  transition: opacity 0.3s ease, display 4s allow-discrete, scale 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), transform 1300ms linear(0, 0.1513, 0.4536, 0.7472, 0.9574, 1.0706, 1.1063, 1.0948, 1.0637, 1.0315, 1.0074, 0.9937, 0.9888, 0.9895, 0.9926, 0.9961, 0.9989, 1.0005, 1.0012, 1.0012, 1.0008, 1.0005, 1.0002, 1, 0.9999, 0.9999, 0.9999, 0.9999, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1);
  opacity: 1;
}
@starting-style {
  .nav-link__group:hover .nav-link__drop_down {
    transform: translateY(-1.5rem);
  }
}
.nav-link__group:hover .nav-link__drop_down__wrapper {
  opacity: 1;
  transition: opacity 0.3s 0.3s ease, transform 800ms 0.35s linear(0, 0.2957, 0.7472, 1.0254, 1.1063, 1.0803, 1.0315, 0.9993, 0.9888, 0.9909, 0.9961, 0.9998, 1.0012, 1.001, 1.0005, 1, 1);
}
@starting-style {
  .nav-link__group:hover .nav-link__drop_down__wrapper {
    opacity: 0;
    transform: translateY(-0.5rem);
  }
}
.nav-link__group:hover .nav-link__drop_down__wrapper .nav-content__item .dropdown-link__item {
  opacity: 1;
  transition: opacity 300ms calc(200ms * sibling-index()) ease, transform 400ms calc(200ms * sibling-index()) cubic-bezier(0.06, 0.485, 0.047, 0.898);
}
@starting-style {
  .nav-link__group:hover .nav-link__drop_down__wrapper .nav-content__item .dropdown-link__item {
    opacity: 0;
    scale: 0;
    transform: translateY(-24px);
  }
}

.nav-sub__details {
  padding: 1rem;
}
.nav-sub__details button {
  background: transparent;
  font-size: 1.75rem;
}
.nav-sub__details--header {
  display: flex;
  gap: 1.5rem;
  align-items: center;
}
.nav-sub__details--header svg {
  font-size: 2rem;
}
.nav-sub__details--content {
  display: flex;
  gap: 0.75rem;
}
.nav-sub__details--content .icon-wrapper {
  background-color: #633232;
  width: 3rem;
  aspect-ratio: 1;
  border-radius: 0.5rem;
  display: grid;
  place-items: center;
}
.nav-sub__details[class*=color-] .icon-wrapper {
  font-size: 1.5rem;
}
.nav-sub__details:is(.color-0, .color-5) {
  --icon-fill: #f7ca5c;
}
.nav-sub__details:is(.color-0, .color-5) .icon-wrapper {
  background-color: rgba(254, 246, 207, 0.69);
}
.nav-sub__details:is(.color-1, .color-6) {
  --icon-fill: #00b8de;
}
.nav-sub__details:is(.color-1, .color-6) .icon-wrapper {
  background-color: #ebf8fe;
}
.nav-sub__details:is(.color-2, .color-7) {
  --icon-fill: #74c965;
}
.nav-sub__details:is(.color-2, .color-7) .icon-wrapper {
  background-color: #f1fef1;
}
.nav-sub__details:is(.color-3, .color-8) {
  --icon-fill: #ef8781;
}
.nav-sub__details:is(.color-3, .color-8) .icon-wrapper {
  background-color: #fff1f1;
}
.nav-sub__details:is(.color-4, .color-9) {
  --icon-fill: #f7ca5c;
}
.nav-sub__details:is(.color-4, .color-9) .icon-wrapper {
  background-color: rgba(254, 246, 207, 0.69);
}.brand-logo[data-astro-cid-k5dwlr6h].dark {
  --logo-color: #00425f;
}

.brand-logo[data-astro-cid-k5dwlr6h]:not(.dark) {
  --logo-color: #fff;
}

.nav-mobile[data-astro-cid-k5dwlr6h] {
  background-color: #fff;
  position: fixed;
  inset: 0;
  height: 100svh;
  width: 100svw;
  padding: 0;
  margin: 0;
  border: none;
}

.nav-mobile[data-astro-cid-k5dwlr6h][data-mobile-nav="open"] {
  display: block;
  position: fixed;
  z-index: 10000;
  inset: 0;
}

.nav-mobile__header[data-astro-cid-k5dwlr6h] {
  background-color: var(--active-blue-600);
  display: flex;
  justify-content: space-between;
  padding-inline: 1rem;
  padding-block: .5rem;
}

.nav-mobile__header[data-astro-cid-k5dwlr6h] .logo[data-astro-cid-k5dwlr6h] {
  max-width: 8.25rem;
}

.nav-mobile__content[data-astro-cid-k5dwlr6h] {
  padding-inline: 1.5rem;
  padding-block: 1rem;
  color: #000;
}

.nav-mobile__drop-down[data-astro-cid-k5dwlr6h] summary[data-astro-cid-k5dwlr6h] {
  display: flex;
  justify-content: space-between;
  transition: rotate .4s;
}

.nav-mobile__drop-down[data-astro-cid-k5dwlr6h] summary[data-astro-cid-k5dwlr6h]:after {
  content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='7'%20height='12'%20viewBox='0%200%207%2012'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.293726%2010.2933C-0.0972733%2010.6842%20-0.0972733%2011.3162%200.293726%2011.7072C0.684726%2012.0982%201.31673%2012.0982%201.70773%2011.7072L6.70773%206.70725C7.09873%206.31625%207.09873%205.68425%206.70773%205.29325L1.70773%200.29325C1.31673%20-0.09775%200.684726%20-0.09775%200.293726%200.29325C-0.0972733%200.68425%20-0.0972733%201.31625%200.293726%201.70725L4.58673%206.00025L0.293726%2010.2933Z'%20fill='%235F738C'/%3e%3c/svg%3e");
  rotate: 0turn;
}

.nav-mobile__drop-down[data-astro-cid-k5dwlr6h][open] summary[data-astro-cid-k5dwlr6h]:after {
  content: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='7'%20height='12'%20viewBox='0%200%207%2012'%20fill='none'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.293726%2010.2933C-0.0972733%2010.6842%20-0.0972733%2011.3162%200.293726%2011.7072C0.684726%2012.0982%201.31673%2012.0982%201.70773%2011.7072L6.70773%206.70725C7.09873%206.31625%207.09873%205.68425%206.70773%205.29325L1.70773%200.29325C1.31673%20-0.09775%200.684726%20-0.09775%200.293726%200.29325C-0.0972733%200.68425%20-0.0972733%201.31625%200.293726%201.70725L4.58673%206.00025L0.293726%2010.2933Z'%20fill='%235F738C'/%3e%3c/svg%3e");
  rotate: .25turn;
}

.menue[data-astro-cid-k5dwlr6h] {
  display: none;
}

@media screen and (width <= 930px) {
  .menue[data-astro-cid-k5dwlr6h] {
    display: block;
  }
}

.nav[data-astro-cid-k5dwlr6h] {
  padding-block: 1.5rem;
  padding-inline: 1.5rem;
  color: var(--white);
  z-index: 10;
  position: relative;
  background-color: var(--active-blue-600);
  container-type: inline-size;
  container-name: nav;
  position: sticky;
  top: 0;
}

.nav[data-astro-cid-k5dwlr6h].white {
  background-color: var(--white);
  color: #353f50;
}

.nav[data-astro-cid-k5dwlr6h].transparent {
  background-color: #0000;
  position: absolute;
}

.nav[data-astro-cid-k5dwlr6h].noSticky {
  position: relative;
}

.nav[data-astro-cid-k5dwlr6h].blue {
  background-color: var(--active-blue-100);
}

.nav[data-astro-cid-k5dwlr6h].enableRemoveNavBg {
  background-color: #0000;
}

.nav__location[data-astro-cid-k5dwlr6h] {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.nav[data-astro-cid-k5dwlr6h] .menue[data-astro-cid-k5dwlr6h] {
  aspect-ratio: 1;
  max-width: 1.5rem;
}

.nav[data-astro-cid-k5dwlr6h] .brand-logo[data-astro-cid-k5dwlr6h] {
  display: grid;
  place-items: center;
}

.nav[data-astro-cid-k5dwlr6h] .brand-logo[data-astro-cid-k5dwlr6h] img[data-astro-cid-k5dwlr6h] {
  aspect-ratio: 131.9 / 33.43;
  height: 2.0894rem;
}

.nav__group[data-astro-cid-k5dwlr6h] {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 2.5rem;
  align-items: center;
}

@media screen and (width <= 930px) {
  .nav__group[data-astro-cid-k5dwlr6h] {
    grid-template-columns: auto;
  }
}

.nav_container[data-astro-cid-k5dwlr6h] {
  max-width: var(--nav-container);
  margin: 0 auto;
  display: flex;
  gap: 1.25rem;
  justify-content: space-between;
  position: relative;
  container-type: inline-size;
}

.nav_list[data-astro-cid-k5dwlr6h] {
  display: flex;
  align-items: center;
  gap: 2rem;
  font-size: clamp(.875rem, .755435rem + .434783vw, 1rem);
}

@media screen and (width <= 930px) {
  .nav_list[data-astro-cid-k5dwlr6h] {
    display: none;
  }
}