{"id":20,"date":"2026-07-22T11:18:20","date_gmt":"2026-07-22T11:18:20","guid":{"rendered":"https:\/\/bluemarina.com.ng\/asset-management\/?page_id=20"},"modified":"2026-10-15T15:22:40","modified_gmt":"2026-10-15T15:22:40","slug":"fact-sheets","status":"publish","type":"page","link":"https:\/\/bluemarina.com.ng\/asset-management\/fact-sheets\/","title":{"rendered":"Fact Sheets"},"content":{"rendered":"\n<section class=\"bm-resource-hero\">\n\n  <!-- DECORATIVE BACKGROUND -->\n  <div class=\"bm-resource-hero__art\" aria-hidden=\"true\">\n    <span class=\"bm-resource-shape bm-resource-shape-1\"><\/span>\n    <span class=\"bm-resource-shape bm-resource-shape-2\"><\/span>\n    <span class=\"bm-resource-shape bm-resource-shape-3\"><\/span>\n  <\/div>\n\n\n  <div class=\"bm-resource-hero__inner\">\n\n    <!-- LEFT CONTENT -->\n    <div class=\"bm-resource-hero__content\">\n\n      <div class=\"bm-resource-eyebrow\">\n        ASSET MANAGEMENT\n        <span><\/span>\n        RESOURCES\n      <\/div>\n\n      <h1>\n        Fund Fact Sheets\n      <\/h1>\n\n      <p>\n        Performance data and product information for our\n        investment offerings. Updated regularly.\n      <\/p>\n\n\n      <!-- BUTTONS -->\n      <div class=\"bm-resource-actions\">\n\n        <a href=\"#bm-factsheets\" class=\"bm-resource-btn bm-resource-btn--primary\">\n          Browse Fact Sheets\n\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M5 12h14\"><\/path>\n            <path d=\"m14 7 5 5-5 5\"><\/path>\n          <\/svg>\n        <\/a>\n\n\n       \n\n      <\/div>\n\n\n      <!-- QUICK DETAILS -->\n      <div class=\"bm-resource-meta\">\n\n        <div>\n          <strong>PDF<\/strong>\n          <span>Downloadable documents<\/span>\n        <\/div>\n\n        <div class=\"bm-resource-meta-line\"><\/div>\n\n        <div>\n          <strong>Updated<\/strong>\n          <span>Regular product information<\/span>\n        <\/div>\n\n        <div class=\"bm-resource-meta-line\"><\/div>\n\n        <div>\n          <strong>Support<\/strong>\n          <span>Speak to our advisory team<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n\n    <!-- RIGHT SIDE -->\n    <div class=\"bm-resource-visual\">\n\n      <div class=\"bm-resource-card bm-resource-card--back\">\n      <\/div>\n\n\n      <div class=\"bm-resource-card bm-resource-card--main\">\n\n        <div class=\"bm-resource-card-fold\"><\/div>\n\n\n        <div class=\"bm-resource-card-top\">\n\n          <span class=\"bm-resource-card-tag\">\n            LATEST RESOURCE\n          <\/span>\n\n          <div class=\"bm-resource-pdf-icon\">\n\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M6 2h8l4 4v16H6z\"><\/path>\n              <path d=\"M14 2v5h5\"><\/path>\n              <path d=\"M9 13h6\"><\/path>\n              <path d=\"M9 17h4\"><\/path>\n            <\/svg>\n\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"bm-resource-card-content\">\n\n          <span>\n            PRODUCT FACT SHEET\n          <\/span>\n\n          <h3>\n            Fixed Income Note\n          <\/h3>\n\n          <p>\n            Product overview, investment objective,\n            risk profile and key terms.\n          <\/p>\n\n        <\/div>\n\n\n        <div class=\"bm-resource-card-bottom\">\n\n          <span>\n            View latest documents\n          <\/span>\n\n          <span class=\"bm-resource-card-arrow\">\n\n            <svg viewBox=\"0 0 24 24\">\n              <path d=\"M5 12h14\"><\/path>\n              <path d=\"m14 7 5 5-5 5\"><\/path>\n            <\/svg>\n\n          <\/span>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* ============================================\n   BLUE MARINA \u2014 FUND FACT SHEETS HERO\n============================================ *\/\n\n.bm-resource-hero,\n.bm-resource-hero * {\n  box-sizing: border-box;\n}\n\n\n.bm-resource-hero {\n\n  --bm-navy: #061f31;\n  --bm-navy-deep: #041724;\n  --bm-blue: #0865aa;\n  --bm-blue-mid: #218fc5;\n  --bm-cyan: #45bfdc;\n  --bm-light: #edf6fa;\n\n  position: relative;\n\n  width: 100%;\n\n  min-height: 610px;\n\n  display: flex;\n\n  align-items: center;\n\n  padding:\n    80px 6%;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(4, 23, 36, 0.96) 0%,\n      rgba(4, 23, 36, 0.88) 34%,\n      rgba(5, 39, 62, 0.62) 58%,\n      rgba(5, 39, 62, 0.22) 78%,\n      rgba(5, 39, 62, 0.08) 100%\n    ),\n    url('https:\/\/bluemarina.com.ng\/wp-content\/uploads\/2026\/08\/fund-fact-sheet-desktop.webp');\n\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n\n  font-family:\n    \"DM Sans\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* ============================================\n   BACKGROUND ART\n============================================ *\/\n\n.bm-resource-hero__art {\n\n  position: absolute;\n\n  inset: 0;\n\n  overflow: hidden;\n\n  pointer-events: none;\n}\n\n\n.bm-resource-shape {\n\n  position: absolute;\n\n  display: block;\n\n  background:\n    rgba(\n      255,\n      255,\n      255,\n      .045\n    );\n\n  transform:\n    rotate(-30deg);\n}\n\n\n.bm-resource-shape-1 {\n\n  width: 720px;\n\n  height: 160px;\n\n  right: -130px;\n\n  top: -10px;\n}\n\n\n.bm-resource-shape-2 {\n\n  width: 680px;\n\n  height: 145px;\n\n  right: -210px;\n\n  bottom: 55px;\n}\n\n\n.bm-resource-shape-3 {\n\n  width: 340px;\n\n  height: 90px;\n\n  left: 40%;\n\n  bottom: -15px;\n\n  opacity: .5;\n}\n\n\n\/* soft glow *\/\n\n.bm-resource-hero::after {\n\n  content: \"\";\n\n  position: absolute;\n\n  width: 600px;\n\n  height: 600px;\n\n  right: -180px;\n\n  top: -180px;\n\n  border-radius: 50%;\n\n  background:\n    radial-gradient(\n      circle,\n      rgba(79, 201, 229, .16),\n      transparent 67%\n    );\n}\n\n\n\/* ============================================\n   INNER\n============================================ *\/\n\n.bm-resource-hero__inner {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n\n  max-width: 1420px;\n\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.08fr)\n    minmax(390px, .72fr);\n\n  gap: 90px;\n\n  align-items: center;\n}\n\n\n\/* ============================================\n   LEFT CONTENT\n============================================ *\/\n\n.bm-resource-hero__content {\n\n  max-width: 750px;\n}\n\n\n.bm-resource-eyebrow {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 10px;\n\n  margin-bottom: 22px;\n\n  color:\n    rgba(\n      255,\n      255,\n      255,\n      .68\n    );\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  letter-spacing: .14em;\n}\n\n\n.bm-resource-eyebrow span {\n\n  width: 28px;\n\n  height: 1px;\n\n  background:\n    rgba(\n      255,\n      255,\n      255,\n      .42\n    );\n}\n\n\n.bm-resource-hero h1 {\n\n  max-width: 760px;\n\n  margin:\n    0 0\n    24px;\n\n  color: #ffffff;\n\n  font-size:\n    clamp(\n      52px,\n      6vw,\n      88px\n    );\n\n  line-height: .98;\n\n  font-weight: 700;\n\n  letter-spacing: -.055em;\n}\n\n\n.bm-resource-hero__content > p {\n\n  max-width: 650px;\n\n  margin:\n    0 0\n    34px;\n\n  color:\n    rgba(\n      255,\n      255,\n      255,\n      .78\n    );\n\n  font-size: 18px;\n\n  line-height: 1.6;\n}\n\n\n\/* ============================================\n   BUTTONS\n============================================ *\/\n\n.bm-resource-actions {\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 12px;\n\n  margin-bottom: 54px;\n}\n\n\n.bm-resource-btn {\n\n  min-height: 54px;\n\n  display: inline-flex;\n\n  align-items: center;\n\n  justify-content: center;\n\n  gap: 14px;\n\n  padding:\n    0 24px;\n\n  border-radius: 12px;\n\n  text-decoration:\n    none !important;\n\n  font-size: 13px;\n\n  font-weight: 700;\n\n  transition:\n    transform .25s ease,\n    background .25s ease;\n}\n\n\n.bm-resource-btn--primary {\n\n  background: #ffffff;\n\n  color:\n    #075493 !important;\n}\n\n\n.bm-resource-btn--primary svg {\n\n  width: 16px;\n\n  height: 16px;\n\n  fill: none;\n\n  stroke:\n    #075493;\n\n  stroke-width: 1.8;\n\n  stroke-linecap: round;\n\n  stroke-linejoin: round;\n}\n\n\n.bm-resource-btn--secondary {\n\n  border:\n    1px solid\n    rgba(\n      255,\n      255,\n      255,\n      .45\n    );\n\n  background:\n    rgba(\n      255,\n      255,\n      255,\n      .06\n    );\n\n  color:\n    #ffffff !important;\n}\n\n\n.bm-resource-btn:hover {\n\n  transform:\n    translateY(-2px);\n}\n\n\n.bm-resource-btn--primary:hover {\n\n  background:\n    #eff7fb;\n}\n\n\n.bm-resource-btn--secondary:hover {\n\n  background:\n    rgba(\n      255,\n      255,\n      255,\n      .12\n    );\n}\n\n\n\/* ============================================\n   META\n============================================ *\/\n\n.bm-resource-meta {\n\n  display: flex;\n\n  align-items: flex-start;\n\n  gap: 24px;\n}\n\n\n.bm-resource-meta > div:not(.bm-resource-meta-line) {\n\n  max-width: 150px;\n}\n\n\n.bm-resource-meta strong {\n\n  display: block;\n\n  margin-bottom: 6px;\n\n  color: #ffffff;\n\n  font-size: 13px;\n\n  font-weight: 700;\n}\n\n\n.bm-resource-meta span {\n\n  color:\n    rgba(\n      255,\n      255,\n      255,\n      .56\n    );\n\n  font-size: 10px;\n\n  line-height: 1.4;\n}\n\n\n.bm-resource-meta-line {\n\n  width: 1px;\n\n  height: 42px;\n\n  background:\n    rgba(\n      255,\n      255,\n      255,\n      .18\n    );\n}\n\n\n\/* ============================================\n   RIGHT VISUAL\n============================================ *\/\n\n.bm-resource-visual {\n\n  position: relative;\n\n  width: 100%;\n\n  max-width: 430px;\n\n  min-height: 390px;\n\n  justify-self: end;\n}\n\n\n\/* rear sheet *\/\n\n.bm-resource-card--back {\n\n  position: absolute;\n\n  width: 85%;\n\n  height: 330px;\n\n  left: -28px;\n\n  top: 42px;\n\n  border-radius: 22px;\n\n  background:\n    rgba(\n      255,\n      255,\n      255,\n      .11\n    );\n\n  transform:\n    rotate(-6deg);\n}\n\n\n\/* main sheet *\/\n\n.bm-resource-card--main {\n\n  position: absolute;\n\n  inset: 0;\n\n  width: 100%;\n\n  min-height: 370px;\n\n  padding: 28px;\n\n  overflow: hidden;\n\n  display: flex;\n\n  flex-direction: column;\n\n  border:\n    1px solid\n    rgba(\n      255,\n      255,\n      255,\n      .4\n    );\n\n  border-radius: 24px;\n\n  background:\n    rgba(\n      255,\n      255,\n      255,\n      .94\n    );\n\n  box-shadow:\n    0 35px 70px\n    rgba(\n      0,\n      18,\n      33,\n      .22\n    );\n\n  transform:\n    rotate(2deg);\n}\n\n\n\/* fold *\/\n\n.bm-resource-card-fold {\n\n  position: absolute;\n\n  top: 0;\n\n  right: 0;\n\n  width: 150px;\n\n  height: 160px;\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(\n        58,\n        184,\n        218,\n        .13\n      ),\n      rgba(\n        23,\n        105,\n        166,\n        .04\n      )\n    );\n\n  clip-path:\n    polygon(\n      54% 0,\n      100% 0,\n      100% 62%,\n      0 100%,\n      0 42%\n    );\n}\n\n\n\/* card top *\/\n\n.bm-resource-card-top {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content:\n    space-between;\n}\n\n\n.bm-resource-card-tag {\n\n  padding:\n    7px\n    10px;\n\n  border-radius: 7px;\n\n  background:\n    #075f9f;\n\n  color:\n    #ffffff;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing:\n    .08em;\n}\n\n\n.bm-resource-pdf-icon {\n\n  width: 45px;\n\n  height: 45px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 50%;\n\n  background:\n    #e8f5fa;\n\n  color:\n    #0764a4;\n}\n\n\n.bm-resource-pdf-icon svg {\n\n  width: 20px;\n\n  height: 20px;\n\n  fill: none;\n\n  stroke:\n    currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n\n  stroke-linejoin: round;\n}\n\n\n\/* card content *\/\n\n.bm-resource-card-content {\n\n  position: relative;\n\n  z-index: 2;\n\n  margin-top: 85px;\n\n  flex-grow: 1;\n}\n\n\n.bm-resource-card-content > span {\n\n  display: block;\n\n  margin-bottom: 10px;\n\n  color:\n    #7a909e;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing:\n    .11em;\n}\n\n\n.bm-resource-card-content h3 {\n\n  margin:\n    0 0\n    14px;\n\n  color:\n    #074d84;\n\n  font-size: 29px;\n\n  line-height: 1.08;\n\n  font-weight: 700;\n\n  letter-spacing:\n    -.03em;\n}\n\n\n.bm-resource-card-content p {\n\n  max-width: 310px;\n\n  margin: 0;\n\n  color:\n    #6c7e89;\n\n  font-size: 13px;\n\n  line-height: 1.55;\n}\n\n\n\/* card bottom *\/\n\n.bm-resource-card-bottom {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: flex;\n\n  align-items: center;\n\n  justify-content:\n    space-between;\n\n  padding-top: 19px;\n\n  border-top:\n    1px solid\n    #dce9ef;\n\n  color:\n    #075f9f;\n\n  font-size: 12px;\n\n  font-weight: 600;\n}\n\n\n.bm-resource-card-arrow {\n\n  width: 34px;\n\n  height: 34px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 50%;\n\n  background:\n    #e8f4fa;\n}\n\n\n.bm-resource-card-arrow svg {\n\n  width: 15px;\n\n  height: 15px;\n\n  fill: none;\n\n  stroke:\n    #0764a4;\n\n  stroke-width: 1.8;\n\n  stroke-linecap: round;\n\n  stroke-linejoin: round;\n}\n\n\n\/* ============================================\n   TABLET\n============================================ *\/\n\n@media\n(max-width: 1050px) {\n\n  .bm-resource-hero {\n\n    min-height: auto;\n\n    padding:\n      75px 5%;\n  }\n\n\n  .bm-resource-hero__inner {\n\n    grid-template-columns:\n      1fr\n      360px;\n\n    gap: 45px;\n  }\n\n\n  .bm-resource-meta {\n\n    flex-wrap: wrap;\n  }\n\n}\n\n\n\/* ============================================\n   MOBILE\n============================================ *\/\n\n@media\n(max-width: 767px) {\n\n  .bm-resource-hero {\n\n    padding:\n      60px 20px\n      65px;\n  }\n\n\n  .bm-resource-hero__inner {\n\n    display: block;\n  }\n\n\n  .bm-resource-eyebrow {\n\n    font-size: 9px;\n  }\n\n\n  .bm-resource-hero h1 {\n\n    font-size: 48px;\n\n    line-height: 1.02;\n  }\n\n\n  .bm-resource-hero__content > p {\n\n    font-size: 15px;\n  }\n\n\n  .bm-resource-actions {\n\n    display: grid;\n\n    grid-template-columns: 1fr;\n\n    margin-bottom: 38px;\n  }\n\n\n  .bm-resource-btn {\n\n    width: 100%;\n  }\n\n\n  .bm-resource-meta {\n\n    display: grid;\n\n    grid-template-columns:\n      repeat(2, 1fr);\n\n    gap: 18px;\n  }\n\n\n  .bm-resource-meta-line {\n\n    display: none;\n  }\n\n\n  .bm-resource-visual {\n\n    max-width: 100%;\n\n    min-height: 340px;\n\n    margin-top: 50px;\n  }\n\n\n  .bm-resource-card--main {\n\n    min-height: 330px;\n\n    transform: none;\n  }\n\n\n  .bm-resource-card--back {\n\n    display: none;\n  }\n\n\n  .bm-resource-card-content {\n\n    margin-top: 60px;\n  }\n\n\n  .bm-resource-card-content h3 {\n\n    font-size: 26px;\n  }\n\n\n  .bm-resource-shape-3 {\n\n    display: none;\n  }\n\n}\n\n<\/style>\n\n<!-- ==================================================\n     BACKGROUND IMAGE OVERRIDES\n     Upload the supplied WebP to WordPress and replace:\n     PASTE_FUND_FACT_SHEET_IMAGE_URL_HERE\n================================================== -->\n<style>\n\/* Use the photography as the hero visual *\/\n.bm-resource-hero__art {\n  display: none !important;\n}\n\n\/* Remove the old illustrated resource card on the right *\/\n.bm-resource-visual {\n  display: none !important;\n}\n\n\/* Let the copy occupy the clean left side of the image *\/\n.bm-resource-hero__inner {\n  grid-template-columns: 1fr !important;\n}\n\n.bm-resource-hero__content {\n  max-width: 760px !important;\n}\n\n\/* Remove the old circular glow so the photo remains clean *\/\n.bm-resource-hero::after {\n  display: none !important;\n}\n\n\/* Same background image is used at every screen size *\/\n@media (max-width: 767px) {\n  .bm-resource-hero {\n    background-position: 62% center !important;\n  }\n}\n<\/style>\n\n\n<section  id=\"sheets\"style=\"padding-top:var(--wp--preset--spacing--tiny);padding-bottom:var(--wp--preset--spacing--tiny)\" class=\"prel contentscn scn akaweyblock wp-block-akwcoreblock-content-section\">\n<div style=\"padding-top:var(--wp--preset--spacing--size-1);padding-bottom:var(--wp--preset--spacing--size-1)\" class=\"akaweyblock site_width wp-block-akwcoreblock-content-section-inner-div is-layout-flow wp-block-akwcoreblock-content-section-inner-div-is-layout-flow\">\n\n<style data-wp-block-html=\"css\">\nhtml {\n  scroll-behavior: smooth;\n}\n\n#bm-factsheets {\n  scroll-margin-top: 90px;\n}\n<\/style>\n\n<section id=\"bm-factsheets\" class=\"bm-factsheets\">\n\n  <div class=\"bm-fs-bg\" aria-hidden=\"true\">\n    <span><\/span>\n    <span><\/span>\n  <\/div>\n\n  <div class=\"bm-fs-container\">\n\n    <!-- HEADER -->\n    <div class=\"bm-fs-header\">\n      <span class=\"bm-fs-label\">RESOURCES<\/span>\n\n      <h2>Our Fact Sheets<\/h2>\n\n      <p>\n        Download the fact sheet for any of our investment products below.\n        Each document covers the product overview, investment objective,\n        risk profile, and key terms.\n      <\/p>\n    <\/div>\n\n\n    <!-- MOBILE FILTER -->\n    <button class=\"bm-filter-mobile\" id=\"bmFilterMobile\" type=\"button\">\n      <span>\n        <svg viewBox=\"0 0 24 24\">\n          <path d=\"M4 6h16\"><\/path>\n          <path d=\"M7 12h10\"><\/path>\n          <path d=\"M10 18h4\"><\/path>\n        <\/svg>\n        Filters\n      <\/span>\n\n      <span id=\"bmMobileSymbol\">+<\/span>\n    <\/button>\n\n\n    <div class=\"bm-fs-layout\">\n\n      <!-- ==========================================\n           FILTER PANEL\n      =========================================== -->\n      <aside class=\"bm-filter-panel\" id=\"bmFilterPanel\">\n\n        <div class=\"bm-filter-head\">\n          <div>\n            <small>REFINE RESULTS<\/small>\n            <h3>Filters<\/h3>\n          <\/div>\n\n          <button type=\"button\" id=\"bmClear\">\n            Clear\n          <\/button>\n        <\/div>\n\n\n        <div class=\"bm-filter-block\">\n          <h4>Categories<\/h4>\n\n          <div class=\"bm-filter-buttons\">\n\n            <button class=\"bm-filter-option active\" data-filter=\"category\" data-value=\"all\">\n              All\n            <\/button>\n\n            <button class=\"bm-filter-option\" data-filter=\"category\" data-value=\"investment\">\n              Investment Products\n            <\/button>\n\n            <button class=\"bm-filter-option\" data-filter=\"category\" data-value=\"account\">\n              Account Opening\n            <\/button>\n\n            <button class=\"bm-filter-option\" data-filter=\"category\" data-value=\"operations\">\n              Operations\n            <\/button>\n\n          <\/div>\n        <\/div>\n\n\n        <div class=\"bm-filter-line\"><\/div>\n\n\n        <div class=\"bm-filter-block\">\n          <h4>Year<\/h4>\n\n          <div class=\"bm-filter-buttons\">\n\n            <button class=\"bm-filter-option active\" data-filter=\"year\" data-value=\"all\">\n              All\n            <\/button>\n\n            <button class=\"bm-filter-option\" data-filter=\"year\" data-value=\"2026\">\n              2026\n            <\/button>\n\n            <button class=\"bm-filter-option\" data-filter=\"year\" data-value=\"2025\">\n              2025\n            <\/button>\n\n            <button class=\"bm-filter-option\" data-filter=\"year\" data-value=\"2024\">\n              2024\n            <\/button>\n\n          <\/div>\n        <\/div>\n\n\n        <div class=\"bm-filter-line\"><\/div>\n\n\n        <div class=\"bm-filter-note\">\n          <div class=\"bm-filter-note-icon\">i<\/div>\n\n          <p>\n            Documents are updated periodically.\n            Always download the latest version available.\n          <\/p>\n        <\/div>\n\n      <\/aside>\n\n\n      <!-- ==========================================\n           RESULTS\n      =========================================== -->\n      <main class=\"bm-results\">\n\n        <div class=\"bm-results-bar\">\n\n          <div>\n            <span class=\"bm-results-small\">\n              AVAILABLE DOCUMENTS\n            <\/span>\n\n            <strong id=\"bmResultCount\">\n              9 documents\n            <\/strong>\n          <\/div>\n\n          <div class=\"bm-results-status\">\n            <span><\/span>\n            Asset Management Resources\n          <\/div>\n\n        <\/div>\n\n\n        <div class=\"bm-document-grid\">\n\n\n          <!-- =====================================\n               DOCUMENT 01\n          ====================================== -->\n          <article class=\"bm-doc-card\" data-category=\"investment\" data-year=\"2026\">\n\n            <div class=\"bm-doc-fold\"><\/div>\n\n            <div class=\"bm-doc-top\">\n\n              <span class=\"bm-doc-tag\">\n                CAPITAL PRODUCT\n              <\/span>\n\n              <div class=\"bm-doc-icon\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M6 2h8l4 4v16H6z\"><\/path>\n                  <path d=\"M14 2v5h5\"><\/path>\n                  <path d=\"M9 13h6\"><\/path>\n                  <path d=\"M9 17h4\"><\/path>\n                <\/svg>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"bm-doc-content\">\n\n              <span class=\"bm-doc-year\">\n                2026 \u2022 PRODUCT FACT SHEET\n              <\/span>\n\n              <h3>\n                Fixed Income Note (NGN)\n              <\/h3>\n\n              <p>\n                Product overview, investment objective,\n                eligible instruments, risk profile and key terms.\n              <\/p>\n\n            <\/div>\n\n            <div class=\"bm-doc-meta\">\n              <span>PDF<\/span>\n              <i><\/i>\n              <span>1.8 MB<\/span>\n              <i><\/i>\n              <span>Updated Jul 2026<\/span>\n            <\/div>\n\n            <a href=\"PASTE_NGN_FIXED_INCOME_PDF_URL_HERE\" target=\"_blank\" class=\"bm-doc-link\">\n\n              <span>View Fact Sheet<\/span>\n\n              <span class=\"bm-arrow\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M5 12h14\"><\/path>\n                  <path d=\"m14 7 5 5-5 5\"><\/path>\n                <\/svg>\n              <\/span>\n\n            <\/a>\n\n          <\/article>\n\n\n          <!-- =====================================\n               DOCUMENT 02\n          ====================================== -->\n          <article class=\"bm-doc-card\" data-category=\"investment\" data-year=\"2026\">\n\n            <div class=\"bm-doc-fold\"><\/div>\n\n            <div class=\"bm-doc-top\">\n\n              <span class=\"bm-doc-tag\">\n                CAPITAL PRODUCT\n              <\/span>\n\n              <div class=\"bm-doc-icon\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M6 2h8l4 4v16H6z\"><\/path>\n                  <path d=\"M14 2v5h5\"><\/path>\n                  <path d=\"M9 13h6\"><\/path>\n                  <path d=\"M9 17h4\"><\/path>\n                <\/svg>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"bm-doc-content\">\n\n              <span class=\"bm-doc-year\">\n                2026 \u2022 PRODUCT FACT SHEET\n              <\/span>\n\n              <h3>\n                Fixed Income Note (USD)\n              <\/h3>\n\n              <p>\n                Overview of the USD-denominated investment,\n                currency exposure, tenor and investment terms.\n              <\/p>\n\n            <\/div>\n\n            <div class=\"bm-doc-meta\">\n              <span>PDF<\/span>\n              <i><\/i>\n              <span>2.1 MB<\/span>\n              <i><\/i>\n              <span>Updated Jul 2026<\/span>\n            <\/div>\n\n            <a href=\"PASTE_USD_FIXED_INCOME_PDF_URL_HERE\" target=\"_blank\" class=\"bm-doc-link\">\n\n              <span>View Fact Sheet<\/span>\n\n              <span class=\"bm-arrow\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M5 12h14\"><\/path>\n                  <path d=\"m14 7 5 5-5 5\"><\/path>\n                <\/svg>\n              <\/span>\n\n            <\/a>\n\n          <\/article>\n\n\n          <!-- =====================================\n               DOCUMENT 03\n          ====================================== -->\n          <article class=\"bm-doc-card\" data-category=\"investment\" data-year=\"2026\">\n\n            <div class=\"bm-doc-fold\"><\/div>\n\n            <div class=\"bm-doc-top\">\n\n              <span class=\"bm-doc-tag\">\n                MANAGEMENT SERVICE\n              <\/span>\n\n              <div class=\"bm-doc-icon\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M6 2h8l4 4v16H6z\"><\/path>\n                  <path d=\"M14 2v5h5\"><\/path>\n                  <path d=\"M9 13h6\"><\/path>\n                  <path d=\"M9 17h4\"><\/path>\n                <\/svg>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"bm-doc-content\">\n\n              <span class=\"bm-doc-year\">\n                Q2 2026 \u2022 SERVICE OVERVIEW\n              <\/span>\n\n              <h3>\n                Portfolio Management\n              <\/h3>\n\n              <p>\n                Overview of our Aggressive, Balanced,\n                Conservative and Income portfolio structures.\n              <\/p>\n\n            <\/div>\n\n            <div class=\"bm-doc-meta\">\n              <span>PDF<\/span>\n              <i><\/i>\n              <span>2.7 MB<\/span>\n              <i><\/i>\n              <span>Updated Jun 2026<\/span>\n            <\/div>\n\n            <a href=\"PASTE_PORTFOLIO_MANAGEMENT_PDF_URL_HERE\" target=\"_blank\" class=\"bm-doc-link\">\n\n              <span>View Details<\/span>\n\n              <span class=\"bm-arrow\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M5 12h14\"><\/path>\n                  <path d=\"m14 7 5 5-5 5\"><\/path>\n                <\/svg>\n              <\/span>\n\n            <\/a>\n\n          <\/article>\n\n\n          <!-- =====================================\n               DOCUMENT 04\n          ====================================== -->\n          <article class=\"bm-doc-card\" data-category=\"investment\" data-year=\"2026\">\n\n            <div class=\"bm-doc-fold\"><\/div>\n\n            <div class=\"bm-doc-top\">\n\n              <span class=\"bm-doc-tag\">\n                ADVISORY SERVICE\n              <\/span>\n\n              <div class=\"bm-doc-icon\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M6 2h8l4 4v16H6z\"><\/path>\n                  <path d=\"M14 2v5h5\"><\/path>\n                  <path d=\"M9 13h6\"><\/path>\n                  <path d=\"M9 17h4\"><\/path>\n                <\/svg>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"bm-doc-content\">\n\n              <span class=\"bm-doc-year\">\n                2026 \u2022 SERVICE GUIDE\n              <\/span>\n\n              <h3>\n                Wealth Management\n              <\/h3>\n\n              <p>\n                Estate planning, succession planning,\n                education planning and long-term wealth structuring.\n              <\/p>\n\n            <\/div>\n\n            <div class=\"bm-doc-meta\">\n              <span>PDF<\/span>\n              <i><\/i>\n              <span>1.5 MB<\/span>\n              <i><\/i>\n              <span>Updated May 2026<\/span>\n            <\/div>\n\n            <a href=\"PASTE_WEALTH_MANAGEMENT_PDF_URL_HERE\" target=\"_blank\" class=\"bm-doc-link\">\n\n              <span>View Details<\/span>\n\n              <span class=\"bm-arrow\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M5 12h14\"><\/path>\n                  <path d=\"m14 7 5 5-5 5\"><\/path>\n                <\/svg>\n              <\/span>\n\n            <\/a>\n\n          <\/article>\n\n\n          <!-- =====================================\n               DOCUMENT 05\n          ====================================== -->\n          <article class=\"bm-doc-card\" data-category=\"account\" data-year=\"2026\">\n\n            <div class=\"bm-doc-fold\"><\/div>\n\n            <div class=\"bm-doc-top\">\n\n              <span class=\"bm-doc-tag\">\n                ACCOUNT OPENING\n              <\/span>\n\n              <div class=\"bm-doc-icon\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M6 2h8l4 4v16H6z\"><\/path>\n                  <path d=\"M14 2v5h5\"><\/path>\n                  <path d=\"M9 13h6\"><\/path>\n                  <path d=\"M9 17h4\"><\/path>\n                <\/svg>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"bm-doc-content\">\n\n              <span class=\"bm-doc-year\">\n                2026 \u2022 APPLICATION FORM\n              <\/span>\n\n              <h3>\n                Individual Investment Account\n              <\/h3>\n\n              <p>\n                Application form for individual clients\n                opening an investment account with Blue Marina.\n              <\/p>\n\n            <\/div>\n\n            <div class=\"bm-doc-meta\">\n              <span>PDF<\/span>\n              <i><\/i>\n              <span>3.2 MB<\/span>\n              <i><\/i>\n              <span>Updated Apr 2026<\/span>\n            <\/div>\n\n            <a href=\"PASTE_INDIVIDUAL_ACCOUNT_PDF_URL_HERE\" target=\"_blank\" class=\"bm-doc-link\">\n\n              <span>Download Form<\/span>\n\n              <span class=\"bm-arrow\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M5 12h14\"><\/path>\n                  <path d=\"m14 7 5 5-5 5\"><\/path>\n                <\/svg>\n              <\/span>\n\n            <\/a>\n\n          <\/article>\n\n\n          <!-- =====================================\n               DOCUMENT 06\n          ====================================== -->\n          <article class=\"bm-doc-card\" data-category=\"account\" data-year=\"2026\">\n\n            <div class=\"bm-doc-fold\"><\/div>\n\n            <div class=\"bm-doc-top\">\n\n              <span class=\"bm-doc-tag\">\n                KYC DOCUMENT\n              <\/span>\n\n              <div class=\"bm-doc-icon\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M6 2h8l4 4v16H6z\"><\/path>\n                  <path d=\"M14 2v5h5\"><\/path>\n                  <path d=\"M9 13h6\"><\/path>\n                  <path d=\"M9 17h4\"><\/path>\n                <\/svg>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"bm-doc-content\">\n\n              <span class=\"bm-doc-year\">\n                2026 \u2022 CHECKLIST\n              <\/span>\n\n              <h3>\n                Corporate Account KYC Checklist\n              <\/h3>\n\n              <p>\n                Required documentation for corporate\n                clients completing account onboarding.\n              <\/p>\n\n            <\/div>\n\n            <div class=\"bm-doc-meta\">\n              <span>PDF<\/span>\n              <i><\/i>\n              <span>840 KB<\/span>\n              <i><\/i>\n              <span>Updated Mar 2026<\/span>\n            <\/div>\n\n            <a href=\"PASTE_CORPORATE_KYC_PDF_URL_HERE\" target=\"_blank\" class=\"bm-doc-link\">\n\n              <span>Download Checklist<\/span>\n\n              <span class=\"bm-arrow\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M5 12h14\"><\/path>\n                  <path d=\"m14 7 5 5-5 5\"><\/path>\n                <\/svg>\n              <\/span>\n\n            <\/a>\n\n          <\/article>\n\n\n          <!-- =====================================\n               DOCUMENT 07\n          ====================================== -->\n          <article class=\"bm-doc-card\" data-category=\"operations\" data-year=\"2025\">\n\n            <div class=\"bm-doc-fold\"><\/div>\n\n            <div class=\"bm-doc-top\">\n\n              <span class=\"bm-doc-tag\">\n                OPERATIONS\n              <\/span>\n\n              <div class=\"bm-doc-icon\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M6 2h8l4 4v16H6z\"><\/path>\n                  <path d=\"M14 2v5h5\"><\/path>\n                  <path d=\"M9 13h6\"><\/path>\n                  <path d=\"M9 17h4\"><\/path>\n                <\/svg>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"bm-doc-content\">\n\n              <span class=\"bm-doc-year\">\n                2025 \u2022 CLIENT FORM\n              <\/span>\n\n              <h3>\n                Client Account Update Form\n              <\/h3>\n\n              <p>\n                Use this form to update your contact,\n                banking and investment account information.\n              <\/p>\n\n            <\/div>\n\n            <div class=\"bm-doc-meta\">\n              <span>PDF<\/span>\n              <i><\/i>\n              <span>1.1 MB<\/span>\n              <i><\/i>\n              <span>Updated Dec 2025<\/span>\n            <\/div>\n\n            <a href=\"PASTE_ACCOUNT_UPDATE_PDF_URL_HERE\" target=\"_blank\" class=\"bm-doc-link\">\n\n              <span>Download Form<\/span>\n\n              <span class=\"bm-arrow\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M5 12h14\"><\/path>\n                  <path d=\"m14 7 5 5-5 5\"><\/path>\n                <\/svg>\n              <\/span>\n\n            <\/a>\n\n          <\/article>\n\n\n          <!-- =====================================\n               DOCUMENT 08\n          ====================================== -->\n          <article class=\"bm-doc-card\" data-category=\"investment\" data-year=\"2025\">\n\n            <div class=\"bm-doc-fold\"><\/div>\n\n            <div class=\"bm-doc-top\">\n\n              <span class=\"bm-doc-tag\">\n                INVESTOR INFORMATION\n              <\/span>\n\n              <div class=\"bm-doc-icon\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M6 2h8l4 4v16H6z\"><\/path>\n                  <path d=\"M14 2v5h5\"><\/path>\n                  <path d=\"M9 13h6\"><\/path>\n                  <path d=\"M9 17h4\"><\/path>\n                <\/svg>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"bm-doc-content\">\n\n              <span class=\"bm-doc-year\">\n                2025 \u2022 INVESTOR GUIDE\n              <\/span>\n\n              <h3>\n                Investment Risk &amp; Disclosure Guide\n              <\/h3>\n\n              <p>\n                Important information on investment\n                risks, market exposure and general disclosures.\n              <\/p>\n\n            <\/div>\n\n            <div class=\"bm-doc-meta\">\n              <span>PDF<\/span>\n              <i><\/i>\n              <span>1.4 MB<\/span>\n              <i><\/i>\n              <span>Updated Nov 2025<\/span>\n            <\/div>\n\n            <a href=\"PASTE_RISK_DISCLOSURE_PDF_URL_HERE\" target=\"_blank\" class=\"bm-doc-link\">\n\n              <span>View Guide<\/span>\n\n              <span class=\"bm-arrow\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M5 12h14\"><\/path>\n                  <path d=\"m14 7 5 5-5 5\"><\/path>\n                <\/svg>\n              <\/span>\n\n            <\/a>\n\n          <\/article>\n\n\n          <!-- =====================================\n               DOCUMENT 09\n          ====================================== -->\n          <article class=\"bm-doc-card\" data-category=\"operations\" data-year=\"2024\">\n\n            <div class=\"bm-doc-fold\"><\/div>\n\n            <div class=\"bm-doc-top\">\n\n              <span class=\"bm-doc-tag\">\n                OPERATIONS\n              <\/span>\n\n              <div class=\"bm-doc-icon\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M6 2h8l4 4v16H6z\"><\/path>\n                  <path d=\"M14 2v5h5\"><\/path>\n                  <path d=\"M9 13h6\"><\/path>\n                  <path d=\"M9 17h4\"><\/path>\n                <\/svg>\n              <\/div>\n\n            <\/div>\n\n            <div class=\"bm-doc-content\">\n\n              <span class=\"bm-doc-year\">\n                2024 \u2022 MANDATE FORM\n              <\/span>\n\n              <h3>\n                Investment Mandate Instruction Form\n              <\/h3>\n\n              <p>\n                Client instruction form for authorised\n                investment and portfolio mandate requests.\n              <\/p>\n\n            <\/div>\n\n            <div class=\"bm-doc-meta\">\n              <span>PDF<\/span>\n              <i><\/i>\n              <span>960 KB<\/span>\n              <i><\/i>\n              <span>Updated Dec 2024<\/span>\n            <\/div>\n\n            <a href=\"PASTE_INVESTMENT_MANDATE_PDF_URL_HERE\" target=\"_blank\" class=\"bm-doc-link\">\n\n              <span>Download Form<\/span>\n\n              <span class=\"bm-arrow\">\n                <svg viewBox=\"0 0 24 24\">\n                  <path d=\"M5 12h14\"><\/path>\n                  <path d=\"m14 7 5 5-5 5\"><\/path>\n                <\/svg>\n              <\/span>\n\n            <\/a>\n\n          <\/article>\n\n        <\/div>\n\n\n        <!-- NO RESULTS -->\n        <div class=\"bm-no-results\" id=\"bmNoResults\">\n\n          <div>\u2315<\/div>\n\n          <h3>No documents found<\/h3>\n\n          <p>\n            Try selecting another category or year.\n          <\/p>\n\n          <button type=\"button\" id=\"bmResetResults\">\n            Show All Documents\n          <\/button>\n\n        <\/div>\n\n      <\/main>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n.bm-factsheets,\n.bm-factsheets * {\n  box-sizing: border-box;\n}\n\n.bm-factsheets {\n\n  --navy: #071f31;\n  --blue: #0865aa;\n  --blue-dark: #064c82;\n  --cyan: #42bddd;\n  --ice: #edf6fb;\n  --text: #15232d;\n  --muted: #697d89;\n  --border: #d9e7ee;\n\n  position: relative;\n\n  padding:\n    90px 5%\n    110px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      135deg,\n      #ffffff 0%,\n      #f8fbfd 52%,\n      #eef6fa 100%\n    );\n\n  font-family:\n    \"DM Sans\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* ==================================\n   BACKGROUND\n================================== *\/\n\n.bm-fs-bg {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n}\n\n.bm-fs-bg span {\n\n  position: absolute;\n\n  width: 700px;\n  height: 130px;\n\n  right: -170px;\n\n  background:\n    rgba(17,119,177,.035);\n\n  transform:\n    rotate(-28deg);\n}\n\n.bm-fs-bg span:first-child {\n  top: 120px;\n}\n\n.bm-fs-bg span:last-child {\n  bottom: 90px;\n  right: 80px;\n}\n\n\n\/* ==================================\n   WRAPPER\n================================== *\/\n\n.bm-fs-container {\n\n  position: relative;\n\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1420px;\n\n  margin: 0 auto;\n}\n\n\n\/* ==================================\n   HEADER\n================================== *\/\n\n.bm-fs-header {\n\n  max-width: 820px;\n\n  margin:\n    0 auto\n    62px;\n\n  text-align: center;\n}\n\n.bm-fs-label {\n\n  display: inline-flex;\n\n  margin-bottom: 15px;\n\n  padding:\n    8px 14px;\n\n  border-radius: 999px;\n\n  background:\n    #e9f5fa;\n\n  color:\n    var(--blue);\n\n  font-size: 11px;\n\n  font-weight: 700;\n\n  letter-spacing:\n    .15em;\n}\n\n.bm-fs-header h2 {\n\n  margin:\n    0 0\n    18px;\n\n  color:\n    #111820;\n\n  font-size:\n    clamp(\n      38px,\n      4vw,\n      58px\n    );\n\n  line-height: 1.05;\n\n  font-weight: 700;\n\n  letter-spacing:\n    -.04em;\n}\n\n.bm-fs-header p {\n\n  max-width: 760px;\n\n  margin: auto;\n\n  color:\n    var(--muted);\n\n  font-size: 16px;\n\n  line-height: 1.65;\n}\n\n\n\/* ==================================\n   LAYOUT\n================================== *\/\n\n.bm-fs-layout {\n\n  display: grid;\n\n  grid-template-columns:\n    270px\n    minmax(0,1fr);\n\n  gap: 35px;\n\n  align-items: start;\n}\n\n\n\/* ==================================\n   FILTER PANEL\n================================== *\/\n\n.bm-filter-panel {\n\n  position: sticky;\n\n  top: 30px;\n\n  padding: 26px;\n\n  border:\n    1px solid\n    var(--border);\n\n  border-radius: 22px;\n\n  background:\n    rgba(255,255,255,.92);\n\n  box-shadow:\n    0 18px 45px\n    rgba(10,55,82,.05);\n}\n\n.bm-filter-head {\n\n  display: flex;\n\n  justify-content:\n    space-between;\n\n  align-items:\n    flex-end;\n\n  margin-bottom: 28px;\n}\n\n.bm-filter-head small {\n\n  display: block;\n\n  margin-bottom: 6px;\n\n  color:\n    #8a9ba6;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing:\n    .14em;\n}\n\n.bm-filter-head h3 {\n\n  margin: 0;\n\n  color:\n    var(--text);\n\n  font-size: 20px;\n}\n\n.bm-filter-head button {\n\n  padding: 0;\n\n  border: 0;\n\n  background: none;\n\n  color:\n    var(--blue);\n\n  cursor: pointer;\n\n  font-size: 12px;\n\n  font-weight: 600;\n}\n\n\n\/* filter groups *\/\n\n.bm-filter-block h4 {\n\n  margin:\n    0 0\n    14px;\n\n  color:\n    #40515c;\n\n  font-size: 12px;\n}\n\n.bm-filter-buttons {\n\n  display: flex;\n\n  flex-wrap: wrap;\n\n  gap: 8px;\n}\n\n.bm-filter-option {\n\n  padding:\n    9px 12px;\n\n  border: 0;\n\n  border-radius: 9px;\n\n  background:\n    #edf4f8;\n\n  color:\n    #27658f;\n\n  cursor: pointer;\n\n  font-size: 11px;\n\n  transition:\n    .25s ease;\n}\n\n.bm-filter-option:hover {\n\n  background:\n    #dcecf5;\n}\n\n.bm-filter-option.active {\n\n  color:\n    #fff;\n\n  background:\n    linear-gradient(\n      135deg,\n      #0871b7,\n      #064e86\n    );\n\n  box-shadow:\n    0 6px 14px\n    rgba(8,101,170,.17);\n}\n\n.bm-filter-line {\n\n  height: 1px;\n\n  margin:\n    27px 0;\n\n  background:\n    #e5edf2;\n}\n\n\n\/* note *\/\n\n.bm-filter-note {\n\n  display: flex;\n\n  align-items:\n    flex-start;\n\n  gap: 10px;\n}\n\n.bm-filter-note-icon {\n\n  min-width: 26px;\n  height: 26px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 50%;\n\n  background:\n    #e7f4fa;\n\n  color:\n    var(--blue);\n\n  font-size: 11px;\n\n  font-weight: 700;\n}\n\n.bm-filter-note p {\n\n  margin: 1px 0 0;\n\n  color:\n    #7c8e99;\n\n  font-size: 10px;\n\n  line-height: 1.5;\n}\n\n\n\/* ==================================\n   RESULTS BAR\n================================== *\/\n\n.bm-results-bar {\n\n  display: flex;\n\n  justify-content:\n    space-between;\n\n  align-items: center;\n\n  margin-bottom: 18px;\n}\n\n.bm-results-small {\n\n  display: block;\n\n  margin-bottom: 4px;\n\n  color:\n    #8799a4;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing:\n    .12em;\n}\n\n.bm-results-bar strong {\n\n  color:\n    var(--text);\n\n  font-size: 14px;\n}\n\n.bm-results-status {\n\n  display: flex;\n\n  align-items: center;\n\n  gap: 7px;\n\n  color:\n    #687d88;\n\n  font-size: 11px;\n}\n\n.bm-results-status span {\n\n  width: 7px;\n  height: 7px;\n\n  border-radius: 50%;\n\n  background:\n    #35b9dc;\n}\n\n\n\/* ==================================\n   DOCUMENT GRID\n================================== *\/\n\n.bm-document-grid {\n\n  display: grid;\n\n  grid-template-columns:\n    repeat(3,minmax(0,1fr));\n\n  gap: 18px;\n}\n\n\n\/* ==================================\n   CARD\n================================== *\/\n\n.bm-doc-card {\n\n  position: relative;\n\n  min-height: 320px;\n\n  display: flex;\n\n  flex-direction: column;\n\n  padding: 22px;\n\n  overflow: hidden;\n\n  border:\n    1px solid\n    var(--border);\n\n  border-radius: 18px;\n\n  background:\n    rgba(255,255,255,.94);\n\n  box-shadow:\n    0 10px 30px\n    rgba(8,54,82,.035);\n\n  transition:\n    .3s ease;\n}\n\n.bm-doc-card:hover {\n\n  transform:\n    translateY(-6px);\n\n  border-color:\n    #afd5e8;\n\n  box-shadow:\n    0 22px 48px\n    rgba(8,54,82,.10);\n}\n\n\n\/* signature fold *\/\n\n.bm-doc-fold {\n\n  position: absolute;\n\n  top: 0;\n  right: 0;\n\n  width: 110px;\n  height: 110px;\n\n  background:\n    rgba(66,189,221,.055);\n\n  clip-path:\n    polygon(\n      55% 0,\n      100% 0,\n      100% 62%,\n      0 100%,\n      0 42%\n    );\n}\n\n\n\/* ==================================\n   TOP\n================================== *\/\n\n.bm-doc-top {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: flex;\n\n  justify-content:\n    space-between;\n\n  align-items: center;\n\n  gap: 10px;\n}\n\n.bm-doc-tag {\n\n  padding:\n    6px 9px;\n\n  border-radius: 6px;\n\n  background:\n    linear-gradient(\n      135deg,\n      #277eb8,\n      #17639e\n    );\n\n  color:\n    #fff;\n\n  font-size: 8px;\n\n  font-weight: 600;\n\n  letter-spacing:\n    .04em;\n}\n\n.bm-doc-icon {\n\n  width: 39px;\n  height: 39px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 50%;\n\n  background:\n    #edf7fb;\n\n  color:\n    var(--blue);\n}\n\n.bm-doc-icon svg {\n\n  width: 17px;\n  height: 17px;\n\n  fill: none;\n\n  stroke:\n    currentColor;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n\n  stroke-linejoin: round;\n}\n\n\n\/* ==================================\n   BODY\n================================== *\/\n\n.bm-doc-content {\n\n  position: relative;\n\n  z-index: 2;\n\n  flex-grow: 1;\n\n  margin-top: 28px;\n}\n\n.bm-doc-year {\n\n  display: block;\n\n  margin-bottom: 9px;\n\n  color:\n    #899aa5;\n\n  font-size: 9px;\n\n  font-weight: 700;\n\n  letter-spacing:\n    .07em;\n}\n\n.bm-doc-content h3 {\n\n  margin:\n    0 0\n    11px;\n\n  color:\n    #075493;\n\n  font-size: 19px;\n\n  line-height: 1.23;\n\n  font-weight: 700;\n}\n\n.bm-doc-content p {\n\n  margin: 0;\n\n  color:\n    #687b87;\n\n  font-size: 12px;\n\n  line-height: 1.55;\n}\n\n\n\/* ==================================\n   META\n================================== *\/\n\n.bm-doc-meta {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: flex;\n\n  align-items: center;\n\n  flex-wrap: wrap;\n\n  gap: 7px;\n\n  margin-top: 20px;\n\n  color:\n    #83939d;\n\n  font-size: 9px;\n}\n\n.bm-doc-meta i {\n\n  width: 3px;\n  height: 3px;\n\n  display: inline-block;\n\n  border-radius: 50%;\n\n  background:\n    #b0bec6;\n}\n\n\n\/* ==================================\n   LINK\n================================== *\/\n\n.bm-doc-link {\n\n  position: relative;\n\n  z-index: 2;\n\n  display: flex;\n\n  justify-content:\n    space-between;\n\n  align-items: center;\n\n  margin-top: 17px;\n\n  padding-top: 15px;\n\n  border-top:\n    1px solid\n    #e4edf2;\n\n  color:\n    var(--blue) !important;\n\n  text-decoration: none !important;\n\n  font-size: 11px;\n\n  font-weight: 600;\n}\n\n.bm-arrow {\n\n  width: 31px;\n  height: 31px;\n\n  display: grid;\n\n  place-items: center;\n\n  border-radius: 50%;\n\n  background:\n    #eaf5fa;\n\n  transition:\n    .25s ease;\n}\n\n.bm-arrow svg {\n\n  width: 14px;\n  height: 14px;\n\n  fill: none;\n\n  stroke:\n    var(--blue);\n\n  stroke-width: 1.8;\n\n  stroke-linecap: round;\n\n  stroke-linejoin: round;\n}\n\n.bm-doc-card:hover\n.bm-arrow {\n\n  transform:\n    translateX(3px);\n\n  background:\n    #d9edf6;\n}\n\n\n\/* ==================================\n   NO RESULTS\n================================== *\/\n\n.bm-no-results {\n\n  display: none;\n\n  padding: 70px 30px;\n\n  border:\n    1px dashed\n    #cadce6;\n\n  border-radius: 20px;\n\n  background:\n    rgba(255,255,255,.75);\n\n  text-align: center;\n}\n\n.bm-no-results > div {\n\n  width: 55px;\n  height: 55px;\n\n  display: grid;\n\n  place-items: center;\n\n  margin:\n    0 auto 16px;\n\n  border-radius: 50%;\n\n  background:\n    #eaf5fa;\n\n  color:\n    var(--blue);\n\n  font-size: 22px;\n}\n\n.bm-no-results h3 {\n\n  margin:\n    0 0 8px;\n\n  color:\n    var(--text);\n}\n\n.bm-no-results p {\n\n  margin:\n    0 0 18px;\n\n  color:\n    var(--muted);\n\n  font-size: 12px;\n}\n\n.bm-no-results button {\n\n  padding:\n    11px 18px;\n\n  border: 0;\n\n  border-radius: 8px;\n\n  background:\n    var(--blue);\n\n  color: #fff;\n\n  cursor: pointer;\n}\n\n\n\/* ==================================\n   MOBILE FILTER\n================================== *\/\n\n.bm-filter-mobile {\n  display: none;\n}\n\n\n\/* ==================================\n   TABLET\n================================== *\/\n\n@media\n(max-width: 1100px) {\n\n  .bm-fs-layout {\n\n    grid-template-columns:\n      220px\n      minmax(0,1fr);\n  }\n\n  .bm-document-grid {\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n  }\n\n}\n\n\n\/* ==================================\n   MOBILE\n================================== *\/\n\n@media\n(max-width: 767px) {\n\n  .bm-factsheets {\n\n    padding:\n      60px 20px\n      70px;\n  }\n\n  .bm-fs-header {\n\n    margin-bottom: 35px;\n\n    text-align: left;\n  }\n\n  .bm-fs-header h2 {\n\n    font-size: 38px;\n  }\n\n  .bm-fs-header p {\n\n    font-size: 14px;\n  }\n\n\n  .bm-filter-mobile {\n\n    width: 100%;\n\n    display: flex;\n\n    justify-content:\n      space-between;\n\n    align-items: center;\n\n    margin-bottom: 14px;\n\n    padding:\n      15px 17px;\n\n    border:\n      1px solid\n      var(--border);\n\n    border-radius: 13px;\n\n    background: #fff;\n\n    color:\n      var(--text);\n\n    font-size: 14px;\n\n    font-weight: 600;\n  }\n\n  .bm-filter-mobile > span:first-child {\n\n    display: flex;\n\n    align-items: center;\n\n    gap: 9px;\n  }\n\n  .bm-filter-mobile svg {\n\n    width: 17px;\n    height: 17px;\n\n    fill: none;\n\n    stroke:\n      var(--blue);\n\n    stroke-width:\n      1.8;\n\n    stroke-linecap:\n      round;\n  }\n\n\n  .bm-fs-layout {\n\n    display: block;\n  }\n\n  .bm-filter-panel {\n\n    position: static;\n\n    display: none;\n\n    margin-bottom: 22px;\n  }\n\n  .bm-filter-panel.open {\n\n    display: block;\n  }\n\n\n  .bm-results-status {\n    display: none;\n  }\n\n\n  .bm-document-grid {\n\n    grid-template-columns: 1fr;\n\n    gap: 14px;\n  }\n\n  .bm-doc-card {\n\n    min-height: 300px;\n  }\n\n  .bm-fs-bg {\n    display: none;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function(){\n\n  const buttons =\n    document.querySelectorAll(\n      \".bm-filter-option\"\n    );\n\n  const cards =\n    document.querySelectorAll(\n      \".bm-doc-card\"\n    );\n\n  const count =\n    document.getElementById(\n      \"bmResultCount\"\n    );\n\n  const clear =\n    document.getElementById(\n      \"bmClear\"\n    );\n\n  const noResults =\n    document.getElementById(\n      \"bmNoResults\"\n    );\n\n  const reset =\n    document.getElementById(\n      \"bmResetResults\"\n    );\n\n  const mobileButton =\n    document.getElementById(\n      \"bmFilterMobile\"\n    );\n\n  const panel =\n    document.getElementById(\n      \"bmFilterPanel\"\n    );\n\n  const mobileSymbol =\n    document.getElementById(\n      \"bmMobileSymbol\"\n    );\n\n\n  let category = \"all\";\n  let year = \"all\";\n\n\n  function update(){\n\n    let visible = 0;\n\n    cards.forEach(card => {\n\n      const categoryMatch =\n        category === \"all\" ||\n        card.dataset.category === category;\n\n      const yearMatch =\n        year === \"all\" ||\n        card.dataset.year === year;\n\n\n      if(categoryMatch && yearMatch){\n\n        card.style.display =\n          \"flex\";\n\n        visible++;\n\n      } else {\n\n        card.style.display =\n          \"none\";\n\n      }\n\n    });\n\n\n    count.textContent =\n      visible +\n      (\n        visible === 1\n          ? \" document\"\n          : \" documents\"\n      );\n\n\n    noResults.style.display =\n      visible === 0\n        ? \"block\"\n        : \"none\";\n\n  }\n\n\n  buttons.forEach(button => {\n\n    button.addEventListener(\n      \"click\",\n      function(){\n\n        const type =\n          this.dataset.filter;\n\n        const value =\n          this.dataset.value;\n\n\n        document\n          .querySelectorAll(\n            `[data-filter=\"${type}\"]`\n          )\n          .forEach(item =>\n            item.classList.remove(\n              \"active\"\n            )\n          );\n\n\n        this.classList.add(\n          \"active\"\n        );\n\n\n        if(type === \"category\"){\n          category = value;\n        }\n\n        if(type === \"year\"){\n          year = value;\n        }\n\n\n        update();\n\n      }\n    );\n\n  });\n\n\n  function resetAll(){\n\n    category = \"all\";\n    year = \"all\";\n\n\n    buttons.forEach(button =>\n      button.classList.remove(\n        \"active\"\n      )\n    );\n\n\n    document\n      .querySelector(\n        '[data-filter=\"category\"][data-value=\"all\"]'\n      )\n      .classList.add(\n        \"active\"\n      );\n\n\n    document\n      .querySelector(\n        '[data-filter=\"year\"][data-value=\"all\"]'\n      )\n      .classList.add(\n        \"active\"\n      );\n\n\n    update();\n\n  }\n\n\n  clear.addEventListener(\n    \"click\",\n    resetAll\n  );\n\n\n  reset.addEventListener(\n    \"click\",\n    resetAll\n  );\n\n\n  mobileButton.addEventListener(\n    \"click\",\n    function(){\n\n      const open =\n        panel.classList.toggle(\n          \"open\"\n        );\n\n\n      mobileSymbol.textContent =\n        open\n          ? \"\u2212\"\n          : \"+\";\n\n    }\n  );\n\n\n  update();\n\n})();\n\n<\/script>\n\n<\/div>\n<\/section>\n\n<section  id=\"interests\"style=\"padding-top:var(--wp--preset--spacing--size-1);padding-bottom:var(--wp--preset--spacing--size-1)\" class=\"prel contentscn scn akaweyblock bgv3 wp-block-akwcoreblock-content-section has-background has-brandcolor-4-background-color\">\n<div class=\"akaweyblock site_width wp-block-akwcoreblock-content-section-inner-div is-layout-flow wp-block-akwcoreblock-content-section-inner-div-is-layout-flow\">\n\n<section class=\"bm-related\">\n  <div class=\"bm-related__watermark\" aria-hidden=\"true\">\n    <span><\/span>\n    <span><\/span>\n  <\/div>\n\n  <div class=\"bm-related__inner\">\n\n    <div class=\"bm-related__heading\">\n      <span class=\"bm-related__eyebrow\">EXPLORE MORE<\/span>\n      <h2>You May Also Be Interested In<\/h2>\n    <\/div>\n\n    <div class=\"bm-related__grid\">\n\n      <!-- OUR OFFERINGS -->\n      <a href=\"https:\/\/bluemarina.com.ng\/asset-management\/our-offering\/\" class=\"bm-related__card\">\n        <div class=\"bm-related__fold\"><\/div>\n\n        <div class=\"bm-related__icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M4 19V11\"><\/path>\n            <path d=\"M10 19V5\"><\/path>\n            <path d=\"M16 19V8\"><\/path>\n            <path d=\"M22 19V3\"><\/path>\n            <path d=\"M2 19H22\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <div class=\"bm-related__content\">\n          <span class=\"bm-related__number\">01<\/span>\n\n          <h3>Our Offerings<\/h3>\n\n          <p>\n            See the full range of investment products and\n            services we provide.\n          <\/p>\n\n          <div class=\"bm-related__link\">\n            <span>View Offerings<\/span>\n\n            <span class=\"bm-related__arrow\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M5 12H19\"><\/path>\n                <path d=\"M14 7L19 12L14 17\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n\n\n      <!-- DOWNLOADS -->\n      <a href=\"https:\/\/bluemarina.com.ng\/asset-management\/downloads\/\" class=\"bm-related__card bm-related__card--light\">\n        <div class=\"bm-related__fold\"><\/div>\n\n        <div class=\"bm-related__icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M12 3V15\"><\/path>\n            <path d=\"M7 10L12 15L17 10\"><\/path>\n            <path d=\"M5 21H19\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <div class=\"bm-related__content\">\n          <span class=\"bm-related__number\">02<\/span>\n\n          <h3>Downloads<\/h3>\n\n          <p>\n            Access account opening forms and onboarding\n            documents.\n          <\/p>\n\n          <div class=\"bm-related__link\">\n            <span>View Downloads<\/span>\n\n            <span class=\"bm-related__arrow\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M5 12H19\"><\/path>\n                <path d=\"M14 7L19 12L14 17\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n\n\n      <!-- SPEAK TO AN ADVISOR -->\n      <a href=\"https:\/\/bluemarina.com.ng\/contact\/\" class=\"bm-related__card\">\n        <div class=\"bm-related__fold\"><\/div>\n\n        <div class=\"bm-related__icon\">\n          <svg viewBox=\"0 0 24 24\">\n            <path d=\"M21 15C21 17.2 19.2 19 17 19H8L3 22V7C3 4.8 4.8 3 7 3H17C19.2 3 21 4.8 21 7V15Z\"><\/path>\n          <\/svg>\n        <\/div>\n\n        <div class=\"bm-related__content\">\n          <span class=\"bm-related__number\">03<\/span>\n\n          <h3>Speak to an Advisor<\/h3>\n\n          <p>\n            Talk to our team about the right product for\n            your goals.\n          <\/p>\n\n          <div class=\"bm-related__link\">\n            <span>Contact Us<\/span>\n\n            <span class=\"bm-related__arrow\">\n              <svg viewBox=\"0 0 24 24\">\n                <path d=\"M5 12H19\"><\/path>\n                <path d=\"M14 7L19 12L14 17\"><\/path>\n              <\/svg>\n            <\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n<style>\n\/* =====================================\n   BLUE MARINA\n   YOU MAY ALSO BE INTERESTED IN\n===================================== *\/\n\n.bm-related,\n.bm-related * {\n  box-sizing: border-box;\n}\n\n.bm-related {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  padding: 90px 6% 100px;\n\n  background:\n    linear-gradient(\n      110deg,\n      #f5f9fc 0%,\n      #eef5fa 55%,\n      #e7f0f6 100%\n    );\n\n  font-family: \"DM Sans\", Arial, sans-serif;\n}\n\n\n\/* =====================================\n   BACKGROUND BRAND DETAIL\n===================================== *\/\n\n.bm-related__watermark {\n  position: absolute;\n  inset: 0;\n  pointer-events: none;\n  opacity: 0.65;\n}\n\n.bm-related__watermark span:first-child {\n  position: absolute;\n  width: 560px;\n  height: 110px;\n\n  top: 35px;\n  right: -80px;\n\n  background: rgba(16, 101, 167, 0.035);\n\n  transform: rotate(-29deg);\n}\n\n.bm-related__watermark span:last-child {\n  position: absolute;\n  width: 680px;\n  height: 130px;\n\n  bottom: 15px;\n  right: -160px;\n\n  background: rgba(16, 101, 167, 0.045);\n\n  transform: rotate(-29deg);\n}\n\n\n\/* =====================================\n   CONTAINER\n===================================== *\/\n\n.bm-related__inner {\n  position: relative;\n  z-index: 2;\n\n  width: 100%;\n  max-width: 1400px;\n\n  margin: 0 auto;\n}\n\n\n\/* =====================================\n   HEADING\n===================================== *\/\n\n.bm-related__heading {\n  max-width: 700px;\n  margin: 0 auto 55px;\n\n  text-align: center;\n}\n\n.bm-related__eyebrow {\n  display: inline-block;\n\n  margin-bottom: 14px;\n\n  color: #1268aa;\n\n  font-size: 12px;\n  line-height: 1;\n  font-weight: 700;\n\n  letter-spacing: 0.16em;\n}\n\n.bm-related__heading h2 {\n  margin: 0;\n\n  color: #111111;\n\n  font-size: clamp(36px, 4vw, 58px);\n  line-height: 1.08;\n\n  font-weight: 700;\n\n  letter-spacing: -0.035em;\n}\n\n\n\/* =====================================\n   GRID\n===================================== *\/\n\n.bm-related__grid {\n  display: grid;\n\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n\n  gap: 22px;\n\n  align-items: stretch;\n}\n\n\n\/* =====================================\n   CARDS\n===================================== *\/\n\n.bm-related__card {\n  position: relative;\n\n  min-height: 390px;\n\n  display: flex;\n\n  padding: 32px;\n\n  overflow: hidden;\n\n  border-radius: 24px;\n\n  text-decoration: none !important;\n\n  background:\n    linear-gradient(\n      155deg,\n      #258ac7 0%,\n      #0863a4 55%,\n      #064876 100%\n    );\n\n  box-shadow:\n    0 12px 35px rgba(10, 62, 97, 0.12);\n\n  transition:\n    transform 0.35s ease,\n    box-shadow 0.35s ease;\n}\n\n\n\/* middle blue variation *\/\n\n.bm-related__card--light {\n  background:\n    linear-gradient(\n      155deg,\n      #4fc2df 0%,\n      #299bc8 52%,\n      #1478aa 100%\n    );\n}\n\n\n\/* hover *\/\n\n.bm-related__card:hover {\n  transform: translateY(-7px);\n\n  box-shadow:\n    0 24px 50px rgba(10, 62, 97, 0.18);\n}\n\n\n\/* =====================================\n   TOP RIGHT FOLD\n===================================== *\/\n\n.bm-related__fold {\n  position: absolute;\n\n  top: 0;\n  right: 0;\n\n  width: 155px;\n  height: 165px;\n\n  background:\n    rgba(255, 255, 255, 0.08);\n\n  clip-path:\n    polygon(\n      52% 0,\n      100% 0,\n      100% 58%,\n      0 100%,\n      0 35%\n    );\n}\n\n\n\/* additional diagonal shine *\/\n\n.bm-related__card::after {\n  content: \"\";\n\n  position: absolute;\n\n  width: 350px;\n  height: 150px;\n\n  right: -180px;\n  bottom: -30px;\n\n  background:\n    rgba(255,255,255,0.035);\n\n  transform: rotate(-27deg);\n}\n\n\n\/* =====================================\n   ICON\n===================================== *\/\n\n.bm-related__icon {\n  position: absolute;\n\n  top: 30px;\n  right: 30px;\n\n  z-index: 3;\n\n  width: 54px;\n  height: 54px;\n\n  display: grid;\n  place-items: center;\n\n  border: 1px solid rgba(255,255,255,0.32);\n\n  border-radius: 50%;\n\n  background:\n    rgba(255,255,255,0.10);\n\n  backdrop-filter: blur(5px);\n}\n\n.bm-related__icon svg {\n  width: 22px;\n  height: 22px;\n\n  fill: none;\n\n  stroke: #ffffff;\n\n  stroke-width: 1.6;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n\n\/* =====================================\n   CARD CONTENT\n===================================== *\/\n\n.bm-related__content {\n  position: relative;\n\n  z-index: 4;\n\n  width: 100%;\n\n  display: flex;\n  flex-direction: column;\n\n  padding-top: 100px;\n}\n\n\n\/* number *\/\n\n.bm-related__number {\n  display: block;\n\n  margin-bottom: 16px;\n\n  color: rgba(255,255,255,0.55);\n\n  font-size: 12px;\n  font-weight: 700;\n\n  letter-spacing: 0.14em;\n}\n\n\n\/* title *\/\n\n.bm-related__content h3 {\n  margin: 0 0 17px;\n\n  color: #ffffff;\n\n  font-size: clamp(25px, 2.2vw, 31px);\n\n  line-height: 1.15;\n\n  font-weight: 700;\n\n  letter-spacing: -0.02em;\n}\n\n\n\/* description *\/\n\n.bm-related__content p {\n  max-width: 360px;\n\n  margin: 0;\n\n  color: rgba(255,255,255,0.82);\n\n  font-size: 15px;\n\n  line-height: 1.6;\n}\n\n\n\/* =====================================\n   BOTTOM LINK\n===================================== *\/\n\n.bm-related__link {\n  width: 100%;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: space-between;\n\n  margin-top: auto;\n  padding-top: 26px;\n\n  border-top:\n    1px solid rgba(255,255,255,0.20);\n\n  color: #ffffff;\n\n  font-size: 14px;\n  font-weight: 600;\n}\n\n\n\/* arrow *\/\n\n.bm-related__arrow {\n  width: 42px;\n  height: 42px;\n\n  display: grid;\n  place-items: center;\n\n  border-radius: 50%;\n\n  background: #ffffff;\n\n  transition:\n    transform 0.3s ease,\n    background 0.3s ease;\n}\n\n.bm-related__arrow svg {\n  width: 18px;\n  height: 18px;\n\n  fill: none;\n\n  stroke: #0762a2;\n\n  stroke-width: 1.8;\n\n  stroke-linecap: round;\n  stroke-linejoin: round;\n}\n\n.bm-related__card:hover .bm-related__arrow {\n  transform: translateX(4px);\n}\n\n\n\/* =====================================\n   TABLET\n===================================== *\/\n\n@media (max-width: 1024px) {\n\n  .bm-related {\n    padding:\n      75px 5%\n      85px;\n  }\n\n  .bm-related__grid {\n    grid-template-columns:\n      repeat(2, minmax(0,1fr));\n  }\n\n  .bm-related__card:last-child {\n    grid-column:\n      1 \/ -1;\n  }\n}\n\n\n\/* =====================================\n   MOBILE\n===================================== *\/\n\n@media (max-width: 700px) {\n\n  .bm-related {\n    padding:\n      60px 20px\n      65px;\n  }\n\n  .bm-related__heading {\n    margin-bottom: 34px;\n    text-align: left;\n  }\n\n  .bm-related__heading h2 {\n    font-size: 36px;\n  }\n\n  .bm-related__grid {\n    grid-template-columns: 1fr;\n\n    gap: 16px;\n  }\n\n  .bm-related__card,\n  .bm-related__card:last-child {\n    grid-column: auto;\n\n    min-height: 330px;\n\n    padding: 24px;\n\n    border-radius: 20px;\n  }\n\n  .bm-related__content {\n    padding-top: 78px;\n  }\n\n  .bm-related__icon {\n    top: 22px;\n    right: 22px;\n\n    width: 48px;\n    height: 48px;\n  }\n\n  .bm-related__fold {\n    width: 125px;\n    height: 135px;\n  }\n\n  .bm-related__content h3 {\n    font-size: 25px;\n  }\n\n  .bm-related__content p {\n    font-size: 14px;\n  }\n\n  .bm-related__watermark {\n    display: none;\n  }\n}\n<\/style>\n\n<\/div>\n<\/section>\n\n\n<!-- =========================================================\nBLUE MARINA \u2014 READY TO INVEST CTA\nDUSTY BLUE \/ CREATIVE VERSION\nWordPress + Elementor + Gutenberg compatible\n========================================================= -->\n\n<style>\n#bm-invest-cta,\n#bm-invest-cta *{\n  box-sizing:border-box;\n}\n\n#bm-invest-cta{\n  --dusty:#D8E5EC;\n  --dusty-light:#EEF4F7;\n  --dusty-mid:#C7D8E2;\n\n  --blue:#0757A5;\n  --navy:#081725;\n  --text:#4D6271;\n  --white:#FFFFFF;\n\n  position:relative;\n\n  width:100%;\n  overflow:hidden;\n\n  padding:90px 24px;\n\n  font-family:inherit;\n\n  background:\n    radial-gradient(\n      circle at 80% 10%,\n      rgba(255,255,255,.75),\n      transparent 27%\n    ),\n    linear-gradient(\n      125deg,\n      #EEF5F7 0%,\n      #D8E5EC 52%,\n      #BED2DE 100%\n    );\n\n  color:var(--navy);\n}\n\n\n\/* =========================================================\nLARGE DESIGN STREAK\n========================================================= *\/\n\n#bm-invest-cta .bm-streak{\n  position:absolute;\n  inset:0;\n\n  overflow:hidden;\n\n  pointer-events:none;\n}\n\n#bm-invest-cta .bm-streak::before{\n  content:\"\";\n\n  position:absolute;\n\n  width:900px;\n  height:650px;\n\n  left:-270px;\n  top:-330px;\n\n  background:\n    rgba(255,255,255,.45);\n\n  clip-path:\n    polygon(\n      12% 0,\n      43% 0,\n      32% 34%,\n      63% 34%,\n      45% 100%,\n      13% 100%,\n      28% 53%,\n      0 53%\n    );\n\n  transform:rotate(-5deg);\n}\n\n\n\/* second streak *\/\n\n#bm-invest-cta .bm-streak::after{\n  content:\"\";\n\n  position:absolute;\n\n  width:760px;\n  height:380px;\n\n  right:-300px;\n  bottom:-140px;\n\n  background:\n    rgba(7,87,165,.055);\n\n  clip-path:\n    polygon(\n      0 0,\n      48% 0,\n      34% 42%,\n      100% 42%,\n      77% 100%,\n      15% 100%,\n      36% 55%,\n      0 55%\n    );\n\n  transform:rotate(-7deg);\n}\n\n\n\/* =========================================================\nDECORATIVE RINGS\n========================================================= *\/\n\n#bm-invest-cta .bm-rings{\n  position:absolute;\n\n  width:500px;\n  height:500px;\n\n  right:-220px;\n  bottom:-290px;\n\n  border:\n    50px solid\n    rgba(7,87,165,.055);\n\n  border-radius:50%;\n\n  pointer-events:none;\n}\n\n#bm-invest-cta .bm-rings::before{\n  content:\"\";\n\n  position:absolute;\n\n  inset:40px;\n\n  border:\n    1px solid\n    rgba(7,87,165,.12);\n\n  border-radius:50%;\n}\n\n\n\/* =========================================================\nINNER\n========================================================= *\/\n\n#bm-invest-cta .bm-inner{\n  position:relative;\n  z-index:5;\n\n  width:100%;\n  max-width:1100px;\n\n  margin:0 auto;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1.15fr)\n    minmax(360px,.85fr);\n\n  gap:70px;\n\n  align-items:center;\n}\n\n\n\/* =========================================================\nLEFT\n========================================================= *\/\n\n#bm-invest-cta .bm-left{\n  max-width:650px;\n}\n\n#bm-invest-cta .bm-eyebrow{\n  display:flex;\n\n  align-items:center;\n\n  gap:12px;\n\n  margin-bottom:18px;\n\n  color:var(--blue);\n\n  font-size:11px;\n\n  font-weight:700;\n\n  letter-spacing:3px;\n\n  text-transform:uppercase;\n}\n\n#bm-invest-cta .bm-eyebrow::before{\n  content:\"\";\n\n  width:30px;\n  height:2px;\n\n  background:var(--blue);\n}\n\n\n\/* =========================================================\nTITLE\n========================================================= *\/\n\n#bm-invest-cta .bm-title{\n  margin:0;\n\n  max-width:620px;\n\n  color:var(--navy);\n\n  font-size:\n    clamp(50px,6vw,78px);\n\n  line-height:.98;\n\n  letter-spacing:-3.5px;\n\n  font-weight:600;\n}\n\n\n\/* =========================================================\nDESCRIPTION\n========================================================= *\/\n\n#bm-invest-cta .bm-copy{\n  max-width:610px;\n\n  margin:25px 0 0;\n\n  color:var(--text);\n\n  font-size:16px;\n\n  line-height:1.7;\n}\n\n\n\/* =========================================================\nRIGHT ACTION PANEL\n========================================================= *\/\n\n#bm-invest-cta .bm-panel{\n  position:relative;\n\n  overflow:hidden;\n\n  padding:35px 30px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.65);\n\n  border-radius:25px;\n\n  background:\n    rgba(255,255,255,.42);\n\n  backdrop-filter:blur(10px);\n\n  -webkit-backdrop-filter:\n    blur(10px);\n\n  box-shadow:\n    0 30px 70px\n    rgba(42,74,96,.10);\n}\n\n\n\/* panel accent *\/\n\n#bm-invest-cta .bm-panel::before{\n  content:\"\";\n\n  position:absolute;\n\n  width:240px;\n  height:240px;\n\n  right:-130px;\n  bottom:-130px;\n\n  border:\n    38px solid\n    rgba(7,87,165,.05);\n\n  border-radius:50%;\n}\n\n\n\/* =========================================================\nPANEL LABEL\n========================================================= *\/\n\n#bm-invest-cta .bm-panel-label{\n  position:relative;\n  z-index:2;\n\n  margin-bottom:27px;\n\n  color:var(--blue);\n\n  font-size:10px;\n\n  font-weight:700;\n\n  letter-spacing:2.6px;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\nBUTTON GROUP\n========================================================= *\/\n\n#bm-invest-cta .bm-actions{\n  position:relative;\n  z-index:3;\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:12px;\n}\n\n\n\/* =========================================================\nBUTTON\n========================================================= *\/\n\n#bm-invest-cta .bm-button{\n  position:relative;\n\n  min-height:72px;\n\n  display:grid;\n\n  grid-template-columns:\n    1fr 50px;\n\n  align-items:center;\n\n  gap:15px;\n\n  padding:\n    10px\n    10px\n    10px\n    23px;\n\n  overflow:hidden;\n\n  border:\n    1px solid\n    rgba(7,87,165,.15);\n\n  border-radius:999px;\n\n  background:\n    rgba(255,255,255,.58);\n\n  color:var(--navy) !important;\n\n  text-decoration:none !important;\n\n  transition:\n    transform .25s ease,\n    background .25s ease,\n    box-shadow .25s ease;\n}\n\n\n\/* PRIMARY *\/\n\n#bm-invest-cta .bm-primary{\n  background:var(--blue);\n\n  border-color:var(--blue);\n\n  color:#fff !important;\n}\n\n\n\/* =========================================================\nBUTTON TEXT\n========================================================= *\/\n\n#bm-invest-cta .bm-button-text{\n  position:relative;\n  z-index:2;\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:3px;\n}\n\n#bm-invest-cta .bm-button-title{\n  font-size:14px;\n\n  font-weight:600;\n\n  line-height:1.2;\n}\n\n#bm-invest-cta .bm-button-small{\n  color:#748896;\n\n  font-size:10px;\n}\n\n#bm-invest-cta\n.bm-primary\n.bm-button-small{\n  color:\n    rgba(255,255,255,.65);\n}\n\n\n\/* =========================================================\nARROW\n========================================================= *\/\n\n#bm-invest-cta .bm-arrow{\n  position:relative;\n  z-index:2;\n\n  width:50px;\n  height:50px;\n\n  display:grid;\n\n  place-items:center;\n\n  border-radius:50%;\n\n  background:var(--blue);\n\n  color:#fff;\n\n  font-size:19px;\n\n  transition:\n    transform .25s ease;\n}\n\n#bm-invest-cta\n.bm-primary\n.bm-arrow{\n  background:#fff;\n\n  color:var(--blue);\n}\n\n\n\/* =========================================================\nHOVER\n========================================================= *\/\n\n#bm-invest-cta .bm-button:hover{\n  transform:\n    translateX(5px);\n\n  background:\n    rgba(255,255,255,.82);\n\n  box-shadow:\n    0 15px 35px\n    rgba(36,67,88,.10);\n}\n\n#bm-invest-cta\n.bm-primary:hover{\n  background:#0757A5;\n}\n\n#bm-invest-cta\n.bm-button:hover\n.bm-arrow{\n  transform:\n    rotate(45deg);\n}\n\n\n\/* =========================================================\nTABLET\n========================================================= *\/\n\n@media(max-width:900px){\n\n  #bm-invest-cta{\n    padding:\n      72px 20px;\n  }\n\n  #bm-invest-cta .bm-inner{\n    grid-template-columns:\n      1fr\n      380px;\n\n    gap:40px;\n  }\n\n}\n\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  #bm-invest-cta{\n    padding:\n      58px 16px 62px;\n  }\n\n\n  #bm-invest-cta .bm-inner{\n    display:block;\n  }\n\n\n  \/* LEFT *\/\n\n  #bm-invest-cta .bm-eyebrow{\n    margin-bottom:15px;\n\n    font-size:10px;\n\n    letter-spacing:2px;\n  }\n\n\n  #bm-invest-cta .bm-title{\n    max-width:350px;\n\n    font-size:47px;\n\n    line-height:.98;\n\n    letter-spacing:-2.3px;\n  }\n\n\n  #bm-invest-cta .bm-copy{\n    max-width:390px;\n\n    margin-top:20px;\n\n    font-size:14px;\n\n    line-height:1.65;\n  }\n\n\n  \/* PANEL *\/\n\n  #bm-invest-cta .bm-panel{\n    margin-top:35px;\n\n    padding:\n      28px 20px 22px;\n\n    border-radius:21px;\n  }\n\n\n  #bm-invest-cta\n  .bm-panel-label{\n    margin-bottom:20px;\n  }\n\n\n  #bm-invest-cta\n  .bm-button{\n    min-height:66px;\n\n    grid-template-columns:\n      1fr 45px;\n\n    padding:\n      8px\n      9px\n      8px\n      19px;\n  }\n\n\n  #bm-invest-cta .bm-arrow{\n    width:45px;\n    height:45px;\n\n    font-size:17px;\n  }\n\n}\n\n\n\/* =========================================================\nSMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n  #bm-invest-cta .bm-title{\n    font-size:42px;\n  }\n\n}\n\n\n\/* =========================================================\nREDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  #bm-invest-cta *,\n  #bm-invest-cta *::before,\n  #bm-invest-cta *::after{\n    transition:none!important;\n  }\n\n}\n<\/style>\n\n\n\n<section id=\"bm-invest-cta\">\n\n\n  <!-- BACKGROUND DETAILS -->\n\n  <div class=\"bm-streak\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"bm-rings\" aria-hidden=\"true\"><\/div>\n\n\n\n  <div class=\"bm-inner\">\n\n\n    <!-- =========================================\n    LEFT SIDE\n    ========================================== -->\n\n    <div class=\"bm-left\">\n\n\n      <div class=\"bm-eyebrow\">\n        Your Next Step\n      <\/div>\n\n\n      <h2 class=\"bm-title\">\n        Ready to Invest?\n      <\/h2>\n\n\n      <p class=\"bm-copy\">\n        Our team is available to walk you through any\n        of our products and help you get started.\n      <\/p>\n\n\n    <\/div>\n\n\n\n    <!-- =========================================\n    RIGHT SIDE\n    ========================================== -->\n\n    <div class=\"bm-panel\">\n\n\n      <div class=\"bm-panel-label\">\n        Choose how you&#8217;d like to begin\n      <\/div>\n\n\n      <div class=\"bm-actions\">\n\n\n        <!-- INVEST -->\n\n        <a href=\"https:\/\/www.bluemarinaamonline.com\/am\/Home\/Login\" class=\"bm-button bm-primary\">\n\n          <div class=\"bm-button-text\">\n\n            <div class=\"bm-button-title\">\n              Invest Now\n            <\/div>\n\n            <div class=\"bm-button-small\">\n              Start your investment journey\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"bm-arrow\">\n            \u2197\n          <\/div>\n\n        <\/a>\n\n\n\n        <!-- ADVISOR -->\n\n        <a href=\"https:\/\/bluemarina.com.ng\/contact\/\" class=\"bm-button\">\n\n          <div class=\"bm-button-text\">\n\n            <div class=\"bm-button-title\">\n              Speak to an Advisor\n            <\/div>\n\n            <div class=\"bm-button-small\">\n              Get guidance from our team\n            <\/div>\n\n          <\/div>\n\n\n          <div class=\"bm-arrow\">\n            \u2197\n          <\/div>\n\n        <\/a>\n\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>ASSET MANAGEMENT RESOURCES Fund Fact Sheets Performance data and product information for our investment offerings. Updated regularly. Browse Fact Sheets PDF Downloadable documents Updated Regular product information Support Speak to our advisory team LATEST RESOURCE PRODUCT FACT SHEET Fixed Income Note Product overview, investment objective, risk profile and key terms. View latest documents Your Next [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":126,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"message1":"","message2":"","notification_header":"","email_header_content":"","email_body_content":"","email_footer_content":"","email_css":"","available_locations":"","available_times":"","item_notice":"","sender_email":"","email_address":"","font_url":"","middle_name":"","gender":"","country":"","address":"","city":"","location":"","state_province":"","youtube_url":"","post_subtitle":"","topic":"","price":"","amount":"","currency":"","date":"","start_date":"","end_date":"","time":"","start_time":"","end_time":"","open_time":"","close_time":"","open_days":"","add_sidebar":"","sidebar_uid":"","file_attachment":"","last_editor_id":"","attachment_url":"","email_subject":"","sender_name":"","your_name":"","first_name":"","last_name":"","personal_title":"","phone_number":"","recipients":"","notification_subject":"","emails_to_notify":"","json_append_fields_to_content":"","footnotes":""},"class_list":["post-20","page","type-page","status-publish","has-post-thumbnail","hentry","entry",""],"_links":{"self":[{"href":"https:\/\/bluemarina.com.ng\/asset-management\/wp-json\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bluemarina.com.ng\/asset-management\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bluemarina.com.ng\/asset-management\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bluemarina.com.ng\/asset-management\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bluemarina.com.ng\/asset-management\/wp-json\/wp\/v2\/comments?post=20"}],"version-history":[{"count":24,"href":"https:\/\/bluemarina.com.ng\/asset-management\/wp-json\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":382,"href":"https:\/\/bluemarina.com.ng\/asset-management\/wp-json\/wp\/v2\/pages\/20\/revisions\/382"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bluemarina.com.ng\/asset-management\/wp-json\/wp\/v2\/media\/126"}],"wp:attachment":[{"href":"https:\/\/bluemarina.com.ng\/asset-management\/wp-json\/wp\/v2\/media?parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}