 @import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

 @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


 @font-face {
     font-family: 'Optima Bold';
     src: url('../fonts/Optima-bold.ttf');

 }

 @font-face {
     font-family: 'Optima Medium';
     src: url('../fonts/Optima-Medium.ttf');

 }

 :root {
     --color-primary: #04162D;
     --color-secondary: #C5A059;
 }

 :root {
     --color-navy-darkest: #040d16;
     --color-navy-darker: #061320;
     --color-navy-dark: #08182b;
     --color-navy-card: #0c1f36;
     --color-navy-card-border: #152b47;
     --color-gold: #c59b48;
     --color-gold-hover: #b48a37;
     --color-gold-light: #e5cb93;
     --color-text-dark: #04162D;
     --color-text-muted: #64748b;
     --color-bg-light: #f4f5f7;
     --color-bg-subtle: #eff1f5;

 }

 * {
     box-sizing: border-box;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin: 0;
     font-family: 'Optima Bold';
 }


 body {
     overflow-x: hidden;
     font-family: "Manrope", sans-serif;

 }

 section {
     position: relative;
 }

 .myClass {
     overflow: hidden;
 }

 ul {
     padding: 0;
     margin: 0;
     list-style: none;
 }

 a {
     text-decoration: none;
     display: inline-block;
 }

 .section-heading {
     position: relative;
     z-index: 1;
 }

 /* Header & Sticky CSS */
 .sticky-header {
     position: fixed;
     width: 100%;
     box-shadow: 0px 0px 30px -5px #9698a6;
     animation: goDown 0.5s ease-in-out forwards;
     z-index: 1000;
 }

 @keyframes goDown {
     0% {
         top: -60px;
     }

     100% {
         top: 0;
     }
 }

 .header-area {
     background-color: var(--color-primary);
     padding: 12px 0;
 }

 @media (min-width: 1400px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
         max-width: 1296px;
     }
 }

 /* Logo Styles */
 .brand-logo {
     display: flex;
     align-items: center;
     gap: 12px;
 }

 .logo-icon {
     position: relative;
     width: 45px;
     height: 35px;
     display: flex;
     align-items: flex-end;
     justify-content: space-between;
 }

 .bar {
     width: 6px;
     background-color: var(--color-secondary);
     border-radius: 1px;
 }

 .bar-1 {
     height: 40%;
 }

 .bar-2 {
     height: 70%;
 }

 .bar-3 {
     height: 100%;
 }

 .bar-4 {
     height: 85%;
 }

 .logo-curve {
     position: absolute;
     bottom: 2px;
     left: -2px;
     width: 110%;
     height: 18px;
     border-top: 3px solid #ffffff;
     border-radius: 50% 50% 0 0;
     transform: rotate(-10deg);
 }

 .logo-text {
     display: flex;
     flex-direction: column;
 }

 .logo-title {
     color: #ffffff;
     font-size: 24px;
     font-weight: 700;
     letter-spacing: 2px;
     line-height: 1;
 }

 .logo-subtitle {
     color: var(--color-secondary);
     font-size: 7.5px;
     font-weight: 600;
     letter-spacing: 0.8px;
     text-transform: uppercase;
     margin-top: 3px;
 }

 .logo-subtitle span {
     color: #ffffff;
 }

 /* Navigation Menu */
 .navbar-nav .nav-link {
     color: #ffffff;
     font-size: 13px;
     font-weight: 600;
     text-transform: uppercase;
     padding: 8px 14px !important;
     letter-spacing: 0.5px;
     transition: color 0.3s ease;
 }

 .navbar-nav .nav-link:hover {
     color: var(--color-secondary);
 }

 .btn-get-started {
     background-color: var(--color-secondary);
     color: var(--color-primary);
     font-size: 14px;
     font-weight: 700;
     padding: 10px 24px;
     border-radius: 2px;
     transition: all 0.3s ease;
     text-align: center;
 }

 .btn-get-started:hover {
     opacity: 0.9;
     color: var(--color-primary);
 }

 /* Custom Toggler Icon with Smooth Cross (X) Animation */
 .navbar-toggler {
     border: none;
     padding: 0;
     width: 30px;
     height: 24px;
     position: relative;
     background: transparent !important;
     box-shadow: none !important;
 }

 .toggler-bar {
     display: block;
     width: 100%;
     height: 2px;
     background-color: #ffffff;
     border-radius: 0;
     position: absolute;
     left: 0;
     transition: all 0.35s ease-in-out;
 }

 .toggler-bar:nth-child(1) {
     top: 0px;
 }

 .toggler-bar:nth-child(2) {
     top: 10px;
 }

 .toggler-bar:nth-child(3) {
     top: 20px;
 }

 /* Open State Animation (Cross Concept) */
 .navbar-toggler:not(.collapsed) .toggler-bar:nth-child(1) {
     top: 10px;
     transform: rotate(45deg);
     background-color: var(--color-secondary);
 }

 .navbar-toggler:not(.collapsed) .toggler-bar:nth-child(2) {
     opacity: 0;
     transform: translateX(-15px);
 }

 .navbar-toggler:not(.collapsed) .toggler-bar:nth-child(3) {
     top: 10px;
     transform: rotate(-45deg);
     background-color: var(--color-secondary);
 }

 /* Mobile Responsive Styling */
 @media (max-width: 1399px) {
     .navbar-nav .nav-link {
         font-size: 12px;
         padding: 8px 12px !important;
     }
 }

 @media (max-width: 1199px) {
     .navbar-collapse {
         background-color: var(--color-primary);
         padding: 20px 15px;
         border-top: 1px solid rgba(255, 255, 255, 0.1);
         margin-top: 12px;
         border-radius: 0 0 8px 8px;
         box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.3);
     }

     .mobile-actions {
         display: flex;
         flex-direction: column;
         gap: 12px;
         margin-top: 15px;
         padding-top: 15px;
         border-top: 1px solid rgba(255, 255, 255, 0.1);
     }

     .navbar-nav .nav-link {
         padding: 10px 0 !important;
         border-bottom: 1px solid rgba(255, 255, 255, 0.05);
     }
 }

 /* -------------------------------------------------------------------------------------- */
 .pontis-hero-section {
     position: relative;
 }

 .pontis-hero-wrapper {
     border-radius: 4px;
     overflow: hidden;
     background: #f1f1f3;
 }

 .pontis-hero-content {
     padding: 60px 40px;
 }

 .pontis-hero-subtitle {
     color: var(--color-secondary);
     margin-bottom: 16px;
     display: block;
     font-weight: 600;
     font-size: 14px;
     line-height: normal;
     letter-spacing: 0.07em;
     text-transform: uppercase;
 }

 .pontis-hero-title {
     color: var(--color-primary);
     margin-bottom: 24px;
     font-family: 'Optima Bold';

     font-weight: 700;
     font-size: 46px;
     line-height: 139%;
 }

 .pontis-hero-description {
     margin-bottom: 35px;
     font-weight: 500;
     font-size: 18px;
     line-height: 180%;
     color: rgba(4, 22, 45, 0.75);
     font-family: 'Manrope';
 }

 .pontis-hero-btn-investor {
     background-color: var(--color-secondary);
     color: var(--color-primary);
     padding: 12px 28px;
     border: 1px solid var(--color-secondary);
     transition: all 0.3s ease;
     display: inline-flex;
     align-items: center;
     font-family: 'Manrope';
     font-weight: 700;
     font-size: 16px;
     line-height: 169%;
     text-align: center;
     border-radius: 0;
 }

 .pontis-hero-btn-investor:hover {
     background-color: #b38e48;
     color: var(--color-primary);
 }

 .pontis-hero-btn-company {
     background-color: transparent;
     color: #FFFFFF;
     padding: 12px 28px;
     border: 1px solid #FFFFFF;
     transition: all 0.3s ease;
     display: inline-flex;
     align-items: center;
     font-family: 'Manrope';
     font-weight: 700;
     font-size: 16px;
     line-height: 169%;
     text-align: center;
     border-radius: 0;
 }


 .pontis-hero-img-box {
     height: 100%;
     min-height: 400px;
 }

 .pontis-hero-img-box img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .pontis-hero-features-strip {
     border: 1.13px solid rgba(197, 198, 205, 0.5);
     margin-top: 40px;
 }

 .pontis-hero-feature-card {
     padding: 20px 15px;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 10px;
     border-right: 1px solid #E5E7EB;
 }

 .col-md-4:last-child .pontis-hero-feature-card {
     border-right: none;
 }

 .pontis-hero-feature-icon {
     color: var(--color-secondary);
     font-size: 20px;
 }

 .pontis-hero-feature-text {
     color: var(--color-primary);
     margin: 0;
     font-family: 'Manrope';
     font-weight: 600;
     font-size: 13px;
     line-height: 100%;
     letter-spacing: 0.05em;
     text-transform: uppercase;
 }

 @media (max-width: 991px) {
     .pontis-hero-content {
         padding: 40px 25px;
     }

     .pontis-hero-title {
         font-size: 32px;
     }

     .pontis-hero-feature-card {
         border-right: none;
         border-bottom: 1px solid #E5E7EB;
     }

     .pontis-hero-feature-card:last-child {
         border-bottom: none;
     }
 }

 /* --------------------------------------------------------------------------------- */
 /* --------------------------------------------------------------------------------- */



 /* Ecosystem Section Styles */
 .pontis-eco-section {
     padding: 80px 0;
     background: #f1f1f3;
 }

 .pontis-eco-header {
     text-align: center;
     margin-bottom: 45px;
     border-bottom: 1px solid rgba(197, 198, 205, 0.5);
     padding-bottom: 35px;
 }

 .pontis-eco-subtitle {
     color: var(--color-secondary);
     margin-bottom: 12px;
     display: block;
     font-family: 'Manrope';
     font-weight: 600;
     font-size: 14px;
     line-height: 96%;
     letter-spacing: 0.07em;
     text-transform: uppercase;
 }

 .pontis-eco-title {
     color: var(--color-primary);
     max-width: 700px;
     margin: 0 auto;
     font-family: 'Optima Bold';

     font-weight: 700;
     font-size: 34px;
     line-height: 147%;
     text-align: center;
 }

 /* Cards Layout */
 .pontis-eco-card {
     background-color: #ffffff;
     border: 1px solid var(--color-border);
     border-radius: 2px;
     padding: 30px;
     height: 100%;
     transition: all 0.3s ease;
     position: relative;
 }

 /* Middle Active Card Highlight (Design Matching) */
 .pontis-eco-card:hover {
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
     border-top: 2px solid var(--color-secondary);
 }

 .pontis-eco-card-top {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 40px;
 }

 .pontis-eco-number {
     background-color: #F8F9FA;
     color: var(--color-secondary);
     padding: 4px 8px;
     border-radius: 2px;
     font-family: "Inter", sans-serif;
     font-weight: 600;
     font-size: 13px;
     line-height: 100%;
     letter-spacing: 0.05em;
     text-transform: uppercase;
 }

 .pontis-eco-icon {
     width: 28px;
     height: 28px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--color-secondary);
 }

 .pontis-eco-icon svg {
     width: 100%;
     height: 100%;
     fill: currentColor;
 }

 .pontis-eco-card-title {
     color: var(--color-primary);
     margin-bottom: 25px;
     padding-bottom: 15px;
     border-bottom: 1.13px solid rgba(197, 198, 205, 0.3);
     font-family: 'Optima Bold';

     font-weight: 700;
     font-size: 22px;
     line-height: 160%;
 }

 .pontis-eco-card-desc {
     margin: 0;
     font-family: 'Manrope';
     font-weight: 500;
     font-size: 18px;
     line-height: normal;
     color: rgba(4, 22, 45, 0.75);
 }

 @media (max-width: 767.98px) {
     .pontis-eco-section {
         padding: 50px 0;
     }

     .pontis-eco-title {
         font-size: 26px;
     }

     .pontis-eco-card-top {
         margin-bottom: 25px;
     }
 }

 /* --------------------------------------------------------------------------------- */
 /* --------------------------------------------------------------------------------- */
 .pontis-why-section {
     padding: 90px 0;
     position: relative;
 }

 .pontis-why-wrapper {
     position: relative;
     display: flex;
     align-items: center;
 }

 /* Floating White Content Card */
 .pontis-why-card {
     background-color: #ffffff;
     padding: 90px 35px;
     position: relative;
     z-index: 2;
     box-shadow: 0 15px 40px rgba(0, 0, 0, 0.04);
     border-radius: 2px;
     margin-right: -100px;
     /* Desktop Overlap */
 }

 .pontis-why-subtitle {
     color: var(--color-secondary);
     margin-bottom: 16px;
     display: block;
     font-family: 'Manrope';
     font-weight: 600;
     font-size: 14px;
     line-height: 96%;
     letter-spacing: 0.11em;
     text-transform: uppercase;
 }

 .pontis-why-title {
     color: var(--color-primary);
     margin-bottom: 24px;
     font-family: 'Optima Bold';

     font-weight: 700;
     font-size: 34px;
     line-height: 130%;
 }

 .pontis-why-desc {
     margin-bottom: 40px;
     font-family: 'Manrope';
     font-weight: 500;
     font-size: 18px;
     line-height: 167%;
     color: rgba(4, 22, 45, 0.7);
 }

 /* Bottom Link */
 .pontis-why-link-box {
     border-top: 1px solid rgba(197, 198, 205, 0.5);
     padding: 20px 0;
     border-bottom: 1px solid rgba(197, 198, 205, 0.5);
 }

 .pontis-why-link {
     color: var(--color-primary);
     letter-spacing: 1.2px;
     transition: all 0.3s ease;
     display: inline-flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
     font-family: 'Manrope';
     font-weight: 700;
     font-size: 16px;
     line-height: 84%;
     text-transform: uppercase;
 }

 .pontis-why-link:hover {
     color: var(--color-secondary);
 }

 .pontis-why-link i {
     font-size: 14px;
     transition: transform 0.3s ease;
 }

 .pontis-why-link:hover i {
     transform: translateX(5px);
 }

 /* Image Wrapper */
 .pontis-why-img-box {
     width: 100%;
     height: 610px;
     position: relative;
     z-index: 1;
     border-radius: 2px;
     overflow: hidden;
 }

 .pontis-why-img-box img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 /* Responsive Breaks */
 @media (max-width: 991px) {
     .pontis-why-section {
         padding: 50px 0;
     }

     .pontis-why-wrapper {
         flex-direction: column-reverse;
     }

     .pontis-why-card {
         margin-right: 0;
         margin-top: -60px;
         /* Mobile overlap */
         padding: 30px 25px;
         width: 90%;
         margin-left: auto;
     }

     .pontis-why-title {
         font-size: 28px;
     }

     .pontis-why-img-box {
         height: 380px;
     }
 }

 @media (max-width: 575.98px) {
     .pontis-why-card {
         width: 95%;
         padding: 25px 20px;
         margin-top: -40px;
     }

     .pontis-why-title {
         font-size: 24px;
     }

     .pontis-why-img-box {
         height: 300px;
     }
 }

 /* --------------------------------------------------------------------------------- */
 /* --------------------------------------------------------------------------------- */

 /* Unique Banner Styles */
 .pontis-forum-section {
     padding: 60px 0;
 }

 .pontis-forum-card {
     background-color: var(--color-primary);
     border-radius: 2px;
     overflow: hidden;
     position: relative;
 }

 /* Left Content Column */
 .pontis-forum-main {
     padding: 50px 45px;
     position: relative;
     display: flex;
     flex-direction: column;
     border-right: 1px solid rgba(197, 198, 205, 0.3);
     height: 100%;
 }

 .pontis-forum-header-top {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 25px;
 }

 .pontis-forum-badge {
     background-color: rgba(255, 255, 255, 0.08);
     color: var(--color-secondary);
     padding: 6px 12px;
     border-radius: 2px;
     font-family: 'Manrope';
     font-weight: 600;
     font-size: 12px;
     line-height: 100%;
     letter-spacing: 0.05em;
     text-transform: uppercase;
 }

 .pontis-forum-calendar-icon {
     color: var(--color-secondary);
     font-size: 20px;
 }

 .pontis-forum-title {
     margin-bottom: 20px;
     padding-bottom: 25px;
     font-family: 'Optima Bold';
     font-weight: 700;
     font-size: 34px;
     line-height: 129%;
     color: #fff;
     border-bottom: 1px solid rgba(197, 198, 205, 0.3);
 }

 .pontis-forum-subtitle {
     margin: 0;
     font-family: 'Manrope';
     font-weight: 600;
     font-size: 18px;
     line-height: 100%;
     color: #fff;
 }

 /* Right Sidebar Column */
 .pontis-forum-sidebar {
     padding: 50px 40px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     background-color: rgba(0, 0, 0, 0.15);
 }

 .pontis-forum-list {
     list-style: none;
     padding: 0;
     margin: 0 0 30px 0;
 }

 .pontis-forum-item {
     display: flex;
     align-items: center;
     gap: 12px;
     padding: 14px 0;
     font-family: 'Manrope';
     font-weight: 400;
     font-size: 16px;
     line-height: 150%;
     letter-spacing: 0.05em;
     text-transform: uppercase;
     color: #fff;
     border-bottom: 1px solid rgba(197, 198, 205, 0.2);
 }

 .pontis-forum-item:last-child {
     margin-bottom: 20px;
 }

 .pontis-forum-item-icon {
     color: var(--color-secondary);
     font-size: 16px;
 }

 /* CTA Button */
 .pontis-forum-btn {
     background-color: var(--color-secondary);
     color: var(--color-primary);
     padding: 14px 24px;
     border-radius: 2px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     text-decoration: none;
     transition: all 0.3s ease;
     width: 100%;
     font-family: 'Manrope';
     font-weight: 700;
     font-size: 16px;
 }

 .pontis-forum-btn:hover {
     background-color: #b38e48;
     color: var(--color-primary);
 }

 /* Background Growth Graphic Effect */
 .pontis-forum-graphic {
     position: absolute;
     right: 0;
     bottom: 0;
     display: flex;
     align-items: flex-end;
     gap: 10px;
     pointer-events: none;
     opacity: 0.8;
 }

 .pontis-forum-bar {
     width: 24px;
     border-radius: 2px 2px 0 0;
     background: linear-gradient(180deg, rgba(197, 160, 89, 0.8) 0%, rgba(4, 22, 45, 0.2) 100%);
 }

 .pontis-forum-bar-1 {
     height: 40px;
     opacity: 0.4;
 }

 .pontis-forum-bar-2 {
     height: 70px;
     opacity: 0.6;
 }

 .pontis-forum-bar-3 {
     height: 110px;
     opacity: 0.8;
 }

 .pontis-forum-bar-4 {
     height: 150px;
     opacity: 1;
 }

 /* Responsive Handling */
 @media (max-width: 991px) {
     .pontis-forum-main {
         border-right: none;
         border-bottom: 1px solid var(--color-border-dark);
         padding: 35px 25px;
         min-height: auto;
     }

     .pontis-forum-sidebar {
         padding: 35px 25px;
     }

     .pontis-forum-title {
         font-size: 26px;
     }

     .pontis-forum-graphic {
         display: none;
         /* Hide graphic on small screens for clean text focus */
     }
 }

 /* --------------------------------------------------------------------------------- */
 /* --------------------------------------------------------------------------------- */
 /* Section with Full Background Image */
 .pontis-bg-section {
     position: relative;
     background-size: cover;
     background-position: center;
     width: 100%;

 }

 /* Centered White Box Overlay */
 .pontis-overlay-card {
     background-color: #ffffff;
     padding: 8rem 6rem;
     margin: 0 auto;
     border-radius: 2px;
     position: relative;
     z-index: 2;
 }

 /* Typography */
 .pontis-card-subtitle {
     color: var(--color-secondary);
     margin-bottom: 16px;
     display: block;
     font-family: 'Manrope';
     font-weight: 600;
     font-size: 14px;
     line-height: 86%;
     letter-spacing: 0.11em;
     text-transform: uppercase;
 }

 .pontis-card-title {
     color: var(--color-primary);
     margin-bottom: 10px;
     font-family: 'Optima Bold';
     font-weight: 700;
     font-size: 34px;
     line-height: 141%;
 }

 .pontis-card-desc {
     margin-bottom: 30px;
     font-family: 'Manrope';
     font-weight: 500;
     font-size: 18px;
     line-height: 178%;
     color: rgba(4, 22, 45, 0.7);
 }

 /* Gold Button Style */
 .pontis-card-btn {
     background-color: var(--color-secondary);
     color: var(--color-primary);
     padding: 12px 24px;
     border-radius: 2px;
     display: inline-flex;
     align-items: center;
     gap: 10px;
     text-decoration: none;
     transition: all 0.3s ease;
     font-family: 'Manrope';
     font-weight: 700;
     font-size: 16px;
     line-height: 150%;
     text-align: center;
 }

 .pontis-card-btn:hover {
     background-color: #b38e48;
     color: var(--color-primary);
 }

 /* Responsive Adjustments */
 @media (max-width: 991px) {
     .pontis-bg-section {
         padding: 60px 15px;
     }

     .pontis-overlay-card {
         padding: 40px 30px;
         max-width: 100%;
     }

     .pontis-card-title {
         font-size: 28px;
     }
 }

 /* --------------------------------------------------------------------------------- */
 /* --------------------------------------------------------------------------------- */

 /* Section Wrapper */
 .pontis-diff-section {
     padding: 90px 0 45px;
 }

 /* Header Styling */
 .pontis-diff-header {
     text-align: center;
     margin-bottom: 50px;
 }

 .pontis-diff-subtitle {
     color: var(--color-secondary);
     margin-bottom: 14px;
     display: block;
     font-family: var(--font-family);
     font-weight: 600;
     font-size: 14px;
     line-height: 96%;
     letter-spacing: 0.07em;
     text-align: center;
     text-transform: uppercase;
 }

 .pontis-diff-title {
     color: var(--color-primary);
     margin: 0;
     font-family: 'Optima Bold';
     font-weight: 700;
     font-size: 34px;
     line-height: 127%;
     text-align: center;
 }

 /* 5-Column Grid Box Container */
 .pontis-diff-grid-container {
     border-radius: 2px;
     background-color: #ffffff;
     border: 1px solid rgba(197, 198, 205, 0.5);
 }

 /* Individual Card Box */
 .pontis-diff-card {
     padding: 40px 25px;
     border-right: 1px solid rgba(197, 198, 205, 0.5);
     height: 100%;
     display: flex;
     flex-direction: column;
     align-items: flex-start;
     transition: background-color 0.3s ease;
 }

 .pontis-diff-card:hover {
     background-color: #FAFAFA;
 }

 /* Circular Icon Badge */
 .pontis-diff-icon-circle {
     background-color: var(--color-secondary);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--color-primary);
     font-size: 18px;
     margin-bottom: 24px;
     width: 45px;
     height: 45px;
 }

 .pontis-diff-card-title {
     color: var(--color-primary);
     margin-bottom: 14px;
     font-family: 'Optima Bold';
     font-weight: 700;
     font-size: 20px;
     line-height: 152%;
 }

 .pontis-diff-card-desc {
     margin: 0;
     font-family: 'Manrope';
     font-weight: 500;
     font-size: 15px;
     line-height: 160%;
     color: rgba(4, 22, 45, 0.7);
 }

 /* Responsive Controls */
 @media (min-width: 992px) {
     .pontis-diff-col:last-child .pontis-diff-card {
         border-right: none;
     }
 }

 @media (max-width: 991px) {
     .pontis-diff-grid-container {
         border: none;
     }

     .pontis-diff-card {
         border-radius: 2px;
         margin-bottom: 20px;
         border-bottom: 1px solid rgba(197, 198, 205, 0.5);
         border-right: none;
     }

     .pontis-diff-title {
         font-size: 26px;
     }
 }

 /* --------------------------------------------------------------------------------- */
 /* --------------------------------------------------------------------------------- */

 /* Section Styling */
 .pontis-sec-section {
     padding: 45px 0 90px 0;
 }

 .pontis-sec-header {
     margin-bottom: 35px;
 }

 .pontis-sec-subtitle {
     color: var(--color-secondary);
     margin-bottom: 12px;
     display: block;
     font-family: "Inter", sans-serif;
     font-weight: 600;
     font-size: 14px;
     line-height: 87%;
     letter-spacing: 0.07em;
     text-transform: uppercase;
 }

 .pontis-sec-title {
     color: var(--color-primary);
     margin: 0;
     font-family: 'Optima Bold';
     font-weight: 700;
     font-size: 34px;
     line-height: 115%;
 }

 /* Card Styling */
 .pontis-sec-card {
     padding: 32px;
     height: 100%;
     border-radius: 2px;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
     transition: transform 0.3s ease, box-shadow 0.3s ease;
     background: #f1f1f3;
 }

 .pontis-sec-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
 }

 .pontis-sec-number {
     margin-bottom: 24px;
     display: block;
     font-family: 'Manrope';
     font-weight: 600;
     font-size: 18px;
     line-height: 135%;
     color: #c5a059;
 }

 .pontis-sec-card-title {
     color: var(--color-primary);
     margin-bottom: 16px;
     font-size: 24px;
     font-family: 'Optima Medium';
     line-height: normal;
 }

 .pontis-sec-card-desc {
     margin-bottom: 35px;
     font-family: 'Manrope';
     font-weight: 500;
     font-size: 16px;
     line-height: 175%;
     color: rgba(4, 22, 45, 0.7);
 }

 /* Learn More Link */
 .pontis-sec-link {
     color: var(--color-primary);
     text-decoration: none;
     display: inline-flex;
     align-items: center;
     gap: 8px;
     transition: color 0.3s ease;
     font-family: 'Manrope';
     font-weight: 700;
     font-size: 16px;
     line-height: 152%;
 }

 .pontis-sec-link:hover {
     color: var(--color-secondary);
 }

 .pontis-sec-link i {
     font-size: 12px;
     transition: transform 0.3s ease;
 }

 .pontis-sec-link:hover i {
     transform: translateX(4px);
 }

 /* Responsive Handling */
 @media (max-width: 991px) {
     .pontis-sec-section {
         padding: 50px 0;
     }

     .pontis-sec-title {
         font-size: 28px;
     }

     .pontis-sec-card {
         padding: 30px 25px;
     }
 }

 /* --------------------------------------------------------------------------------- */
 /* --------------------------------------------------------------------------------- */



 /* CTA Section Container */
 .pontis-cta-section {
     padding: 75px 0;
     background: #f1f1f3;
 }

 .pontis-cta-wrapper {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 /* Left Heading & Text */
 .pontis-cta-title {
     color: var(--color-primary);
     margin-bottom: 12px;
     font-family: 'Optima Bold';
     font-weight: 700;
     font-size: 44px;
     line-height: 120%;
 }

 .pontis-cta-desc {
     margin: 0;
     font-family: 'Manrope';
     font-weight: 400;
     font-size: 18px;
     line-height: 133%;
     color: rgba(4, 22, 45, 0.7);
 }

 /* Vertical Border Divider */
 .pontis-cta-divider {
     border-left: 1px solid #bcbec0;
     height: 100px;
     margin: 0 50px;
 }

 /* Right Side Action Buttons */
 .pontis-cta-actions {
     display: flex;
     flex-direction: column;
     gap: 16px;
     width: 100%;
     max-width: 420px;
 }

 .pontis-cta-btn-gold {
     background-color: var(--color-secondary);
     color: var(--color-primary);
     padding: 16px 24px;
     border-radius: 2px;
     text-decoration: none;
     display: flex;
     align-items: center;
     justify-content: space-between;
     transition: background-color 0.3s ease;
     border: 1px solid var(--color-secondary);
     font-family: 'Manrope';
     font-weight: 700;
     font-size: 16px;
     line-height: 75%;
 }

 .pontis-cta-btn-gold:hover {
     background-color: var(--color-secondary-hover);
     color: var(--color-primary);
 }

 .pontis-cta-btn-outline {
     background-color: transparent;
     color: var(--color-primary);
     padding: 16px 24px;
     border-radius: 2px;
     text-decoration: none;
     display: flex;
     align-items: center;
     justify-content: space-between;
     border: 1px solid var(--color-primary);
     transition: all 0.3s ease;
     font-family: 'Manrope';
     font-weight: 700;
     font-size: 16px;
     line-height: 75%;
     text-align: center;
 }

 .pontis-cta-btn-outline:hover {
     background-color: var(--color-primary);
     color: #ffffff;
 }

 .pontis-cta-btn-gold i,
 .pontis-cta-btn-outline i {
     font-size: 13px;
     transition: transform 0.3s ease;
 }

 .pontis-cta-btn-gold:hover i,
 .pontis-cta-btn-outline:hover i {
     transform: translateX(4px);
 }

 /* Responsive Handling */
 @media (max-width: 991px) {
     .pontis-cta-section {
         padding: 50px 0;
     }

     .pontis-cta-wrapper {
         flex-direction: column;
         align-items: flex-start;
     }

     .pontis-cta-divider {
         display: none;
         /* Hide vertical line on tablets & mobile */
     }

     .pontis-cta-title {
         font-size: 28px;
     }

     .pontis-cta-actions {
         margin-top: 30px;
         max-width: 100%;
     }
 }

 /* --------------------------------------------------------------------------------- */
 /* --------------------------------------------------------------------------------- */


 /* Main Footer Container */
 .pontis-ft-footer {
     background-color: var(--color-primary);
     color: #ffffff;
     padding-top: 70px;
     padding-bottom: 30px;
     position: relative;
     overflow: hidden;
 }

 .pontis-ft-logo-wrapper .navbar-brand.brand-logo {
     width: 40%;
     margin-bottom: 20px;
 }

 .pontis-ft-logo-wrapper .navbar-brand.brand-logo img {
     width: 100%;
     object-fit: cover;
 }

 .pontis-ft-about {
     margin-bottom: 25px;
     max-width: 440px;
     font-family: 'Manrope';
     font-weight: 400;
     font-size: 15px;
     line-height: 167%;
     color: rgba(255, 255, 255, 0.7);
 }

 /* Social Icons Circle */
 .pontis-ft-socials {
     display: flex;
     gap: 12px;
 }

 .pontis-ft-social-btn {
     width: 34px;
     height: 34px;
     background-color: rgba(255, 255, 255, 0.1);
     color: #ffffff;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 14px;
     text-decoration: none;
     transition: all 0.3s ease;
 }

 .pontis-ft-social-btn:hover {
     background-color: var(--color-secondary);
     color: var(--color-primary);
 }

 /* Navigation Columns */
 .pontis-ft-heading {
     color: var(--color-secondary);
     margin-bottom: 20px;
     font-family: 'Optima Bold';
     font-weight: 700;
     font-size: 16px;
     line-height: 75%;
     letter-spacing: 0.04em;
     text-transform: uppercase;
 }

 .pontis-ft-links {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .pontis-ft-links li {
     margin-bottom: 14px;
 }

 .pontis-ft-links a {
     text-decoration: none;
     transition: color 0.3s ease;
     font-family: 'Manrope';
     font-weight: 400;
     font-size: 15px;
     line-height: normal;
     color: rgba(255, 255, 255, 0.7);
 }

 .pontis-ft-links a:hover {
     color: #ffffff;
 }

 /* Bottom Copyright Bar */
 .pontis-ft-bottom {
     margin-top: 60px;
     padding-top: 25px;
     border-top: 1px solid rgba(255, 255, 255, 0.08);
     font-family: "Inter", sans-serif;
     font-weight: 400;
     font-size: 15px;
     line-height: 160%;
     color: rgba(255, 255, 255, 0.5);
 }

 /* Bottom Right Growth Graphic Effect */
 .pontis-ft-graphic {
     position: absolute;
     right: 0;
     bottom: 0;
     display: flex;
     align-items: flex-end;
     gap: 12px;
     pointer-events: none;
     z-index: 1;
 }

 .pontis-ft-bar {
     width: 32px;
     border-radius: 2px 2px 0 0;
     background: linear-gradient(180deg, rgba(197, 160, 89, 0.8) 0%, rgba(255, 255, 255, 0.1) 100%);
 }

 .pontis-ft-bar-1 {
     height: 50px;
     opacity: 0.3;
 }

 .pontis-ft-bar-2 {
     height: 90px;
     opacity: 0.5;
 }

 .pontis-ft-bar-3 {
     height: 140px;
     opacity: 0.8;
 }

 .pontis-ft-bar-4 {
     height: 190px;
     opacity: 1;
 }

 /* Responsive Controls */
 @media (max-width: 991px) {
     .pontis-ft-graphic {
         display: none;
     }

     .pontis-ft-footer {
         padding-top: 50px;
     }
 }

 /* --------------------------------------------------------------------------------- */


 /* =========================================================
       SECTION: VOICES SHAPING THE CONVERSATION
       ========================================================= */
 .voices-hero-section {
     position: relative;
     padding: 130px 0;
     overflow: hidden;
     height: 70vh;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
 }

 .voices-hero-section:after {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(8, 29, 55, 0.75);
     z-index: 1;
 }



 /* Gold Category Subtitle */
 .voices-hero-section .voices-hero-subtitle {
     text-transform: uppercase;
     margin-bottom: 12px;
     display: block;
     font-family: 'Manrope';
     font-weight: 600;
     font-size: 14px;
     line-height: 231%;
     letter-spacing: 0.07em;
     color: #c5a059;
 }

 /* Gold Horizontal Accent Line */
 .voices-hero-section .voices-hero-divider {
     width: 40px;
     height: 3px;
     background-color: #c5a059;
     margin: 0 auto 20px auto;
 }

 /* Main Heading */
 .voices-hero-section .voices-hero-title {
     color: #FFF;
     margin-top: 20px;
     margin-bottom: 24px;
     font-family: 'Optima Bold';
     font-weight: 700;
     font-size: 46px;
     line-height: 139%;
 }

 /* Lead Paragraph */
 .voices-hero-section .voices-hero-description {
     max-width: 80%;
     margin: 0 auto 40px auto;
     font-family: 'Manrope';
     font-weight: 500;
     font-size: 16px;
     line-height: 163%;
     text-align: center;
     color: rgba(255, 255, 255, 0.7);
 }

 /* Action Buttons Container */
 .voices-hero-section .voices-hero-actions {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 16px;
     flex-wrap: wrap;
 }


 /* Responsive Adjustments */
 @media (max-width: 991px) {
     .voices-hero-section {
         padding: 90px 0;
     }

     .voices-hero-title {
         font-size: 2.5rem;
     }
 }

 @media (max-width: 991px) {
     .voices-hero-section {
         padding: 90px 0;
         height: auto;
     }
 }


 @media (max-width: 576px) {
     .voices-hero-section {
         padding: 70px 0;
         height: auto;
     }

     .voices-hero-title {
         font-size: 1.85rem;
     }

     .voices-hero-section .voices-hero-description {
         font-size: 0.95rem;
         max-width: 100%;
     }

     .voices-hero-actions {
         flex-direction: column;
         width: 100%;
     }

     .btn-voices-gold,
     .btn-voices-outline {
         width: 100%;
         justify-content: center;
     }
 }


 /* =========================================================
           SECTION: INVESTOR ACCESS
           ========================================================= */
 .investor-access-section {
     background: #f4f6f8;
     padding: 60px 0;
 }

 .investor-access-section .investor-img-container {
     position: relative;
     width: 100%;
     margin-right: -2rem;
     z-index: 2;
 }

 .investor-access-section .investor-img-container::before {
     content: '';
     position: absolute;
     top: -20px;
     left: -20px;
     width: 70px;
     height: 70px;
     background-color: #c5a059;
     z-index: 1;
 }

 .investor-access-section .investor-img {
     position: relative;
     z-index: 2;
     width: 100%;
     height: auto;
     display: block;
 }


 .investor-access-section .investor-content-col {
     padding-left: 30px;
 }

 .investor-access-section .investor-subtitle {
     margin-bottom: 12px;
     display: block;
     font-family: "Manrope", sans-serif;
     font-weight: 600;
     font-size: 14px;
     line-height: 86%;
     letter-spacing: 0.11em;
     text-transform: uppercase;
     color: #c5a059;
 }


 .investor-access-section .investor-text {
     margin-bottom: 1.25rem;
     font-family: "Manrope", sans-serif;
     font-weight: 500;
     font-size: 18px;
     line-height: 178%;
     color: rgba(4, 22, 45, 0.7);
 }

 .investor-access-section:after {
     content: "";
     position: absolute;
     left: 0;
     height: 100%;
     width: 40%;
     top: 0;
     background: #04162d;
 }

 .investor-access-section .btn-investor {
     width: fit-content;
     border: none;
     background-color: var(--color-secondary);
     color: #111111;
     padding: 12px 24px;
     display: inline-flex;
     align-items: center;
     gap: 10px;
     text-decoration: none;
     transition: all 0.3s ease;
     font-family: "Manrope", sans-serif;
     font-weight: 700;
     font-size: 16px;
     line-height: 150%;
     text-align: center;
 }



 .investor-access-section .btn-investor i {
     font-size: 1.1rem;
     transition: transform 0.3s ease;
 }

 .investor-access-section .btn-investor:hover i,
 .investor-access-section .btn-investor:hover svg {
     transform: translateX(4px);
 }

 /* Responsive Breakpoints */
 @media (max-width: 1199px) {
     .investor-access-section .investor-img-container {
         margin-right: 0;
     }


 }

 @media (max-width: 991px) {
     .investor-access-section:after {
         display: none;
     }

     .investor-access-section .investor-content-col {
         padding: 0;
     }

 }



 @media (max-width: 576px) {
     .investor-access-section {
         padding: 40px 0;
     }

     .investor-access-section .investor-content-col {
         padding-left: calc(var(--bs-gutter-x) * .5);
     }

     .investor-access-section .investor-img-container::before {
         width: 50px;
         height: 50px;
         top: -12px;
         left: -12px;
     }
 }



 section.investor-access-section.bio-section {
     margin: 0px 0 100px;
 }

 .bio-section .description-text {
     margin-bottom: 0.75rem;
     font-family: "Manrope", sans-serif;
     font-weight: 500;
     font-size: 16px;
     line-height: 175%;
     color: rgba(4, 22, 45, 0.7);
 }

 .bio-section .investor-content-col span {
     margin-bottom: 0.75rem;
     font-family: "Manrope", sans-serif;
     font-weight: 500;
     font-size: 16px;
     line-height: 175%;
     color: rgba(4, 22, 45, 0.7);
     display: inline-block;
 }

 .leadership-section {
     width: 100%;
     padding: 100px 0;
     background: #ffffff;
     box-sizing: border-box;
 }

 .leadership-container {
     width: 100%;
     max-width: 1280px;
     margin: 0 auto;
 }



 .leadership-header {
     text-align: center;
     margin-bottom: 48px;
 }

 .leadership-eyebrow {
     margin-bottom: 12px;
     display: block;
     font-family: "Manrope", sans-serif;
     font-weight: 600;
     font-size: 14px;
     line-height: 86%;
     letter-spacing: 0.11em;
     text-transform: uppercase;
     color: #c5a059;
 }

 .leadership-title {
     font-family: 'Optima Bold';
     font-weight: 700;
     font-size: 34px;
     line-height: 147%;
     color: #04162d;
 }


 /* =========================================
   GRID
========================================= */

 .leadership-grid {
     display: grid;
     grid-template-columns: repeat(5, 1fr);
     width: 100%;
 }


 /* =========================================
   INDIVIDUAL ITEM
========================================= */

 .leadership-item {
     display: flex;
     flex-direction: column;
     align-items: center;
     padding: 0 24px;
     text-align: center;
     box-sizing: border-box;
     border-right: 1px solid #e0e5eb;
 }

 .leadership-item:last-child {
     border-right: none;
 }


 /* =========================================
   ICON
========================================= */

 .leadership-icon {
     width: 48px;
     height: 48px;
     margin-bottom: 16px;

     display: flex;
     align-items: center;
     justify-content: center;

     color: #c39b54;
 }

 .leadership-icon svg {
     width: 36px;
     height: 36px;
     display: block;
 }


 /* =========================================
   ITEM TITLE
========================================= */

 .leadership-item-title {
     margin: 0 0 10px;
     color: #14283b;
     font-family: Georgia, "Times New Roman", serif;
     font-size: 19px;
     font-weight: 700;
     line-height: 1.35;
 }


 /* =========================================
   ITEM DESCRIPTION
========================================= */

 .leadership-item-text {
     max-width: 215px;
     margin: 0;
     color: #59697a;
     font-size: 14px;
     font-weight: 500;
     line-height: 1.7;
 }

 .agenda-footer-note span {
     line-height: 20px;
 }


 /* =========================================
   TABLET
========================================= */

 @media (max-width: 991px) {

     .leadership-section {
         padding: 45px 20px;
     }

     .leadership-header {
         margin-bottom: 35px;
     }

     .leadership-title {
         font-size: 30px;
     }

     .leadership-grid {
         grid-template-columns: repeat(2, 1fr);
         row-gap: 30px;
     }

     .leadership-item {
         display: flex;
         flex-direction: column;
         align-items: center;
         padding: 0 15px;
         text-align: center;
         box-sizing: border-box;
         border-right: 1px solid #e0e5eb;
     }

     .leadership-item:nth-child(odd) {
         border-right: 1px solid #e0e5eb;
     }

     .leadership-item:nth-last-child(-n + 2) {
         border-bottom: none;
     }

 }


 /* =========================================
   MOBILE
========================================= */

 @media (max-width: 767px) {

     .leadership-section {
         padding: 40px 15px;
     }

     .leadership-header {
         margin-bottom: 30px;
     }



     .leadership-title {
         font-size: 26px;
     }

     .leadership-grid {
         grid-template-columns: 1fr;
     }

     .leadership-item {
         padding: 25px 15px;
         border-right: none !important;
         border-bottom: 1px solid #e0e5eb;
     }

     .leadership-item:last-child {
         border-bottom: none;
     }

     .leadership-item-title {
         font-size: 18px;
     }

     .leadership-item-text {
         font-size: 13px;
         max-width: 280px;
     }

 }

 section.voices-hero-section .pontis-hero-btn-company {
     background-color: transparent;
     color: #fff;
     padding: 12px 28px;
     border: 1px solid #fff;
 }

 .bio-section .sub-heading {
     font-family: 'Optima Bold';
     font-weight: 700;
     font-size: 34px;
     line-height: 147%;
     color: #04162d;
 }


 /* investor-page-css */


 /* Kicker / Category Eyebrows (Strict anti-pill, clean unboxed typography) */
 .section-kicker {
     display: inline-block;
     color: var(--color-gold);
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     margin-bottom: 8px;
 }

 .instance-card h4 {
     font-size: 18px;
     font-weight: 600;
     color: #fff;
     margin-bottom: 0.45rem;
 }

 .instance-card .dept-desc {
     color: #ffffffa3;
 }

 /* Primary Gold Button */
 .btn-gold {
     background-color: var(--color-gold);
     color: #061320;
     font-weight: 600;
     font-size: 0.85rem;
     letter-spacing: 0.03em;
     padding: 0.7rem 1.4rem;
     border-radius: 2px;
     border: 1px solid var(--color-gold);
     transition: all 0.2s ease-in-out;
     display: inline-flex;
     align-items: center;
     text-decoration: none;
 }

 .btn-gold:hover,
 .btn-gold:focus {
     background-color: var(--color-gold-hover);
     border-color: var(--color-gold-hover);
     color: #040d16;
     box-shadow: 0 4px 14px rgba(197, 155, 72, 0.25);
 }

 /* Dark Translucent / Outlined Light Button */
 .btn-outline-translucent {
     background-color: rgba(7, 24, 43, 0.55);
     color: #ffffff;
     font-weight: 600;
     font-size: 0.85rem;
     letter-spacing: 0.03em;
     padding: 0.7rem 1.4rem;
     border-radius: 2px;
     border: 1px solid rgba(255, 255, 255, 0.45);
     backdrop-filter: blur(4px);
     transition: all 0.2s ease-in-out;
     display: inline-flex;
     align-items: center;
     text-decoration: none;
 }

 .btn-outline-translucent:hover,
 .btn-outline-translucent:focus {
     background-color: rgba(255, 255, 255, 0.15);
     border-color: #ffffff;
     color: #ffffff;
 }

 /* Navigation Bar */
 .pontis-navbar {
     background-color: var(--color-navy-dark);
     border-bottom: 1px solid rgba(255, 255, 255, 0.06);
     padding: 0.85rem 0;
 }

 .pontis-navbar .navbar-brand {
     display: flex;
     align-items: center;
     gap: 12px;
     text-decoration: none;
 }

 .brand-title {
     color: #ffffff;
     font-size: 1.15rem;
     font-weight: 700;
     letter-spacing: 0.12em;
     line-height: 1;
 }

 .brand-subtitle {
     color: var(--color-gold);
     font-size: 0.46rem;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     font-weight: 600;
     margin-top: 3px;
 }

 .pontis-navbar .nav-link {
     color: #cbd5e1;
     font-size: 0.72rem;
     font-weight: 600;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     padding: 0.5rem 0.9rem !important;
     transition: color 0.2s ease;
 }

 .pontis-navbar .nav-link:hover,
 .pontis-navbar .nav-link:focus {
     color: #ffffff;
 }

 .btn-nav-login {
     color: #ffffff;
     font-size: 0.74rem;
     font-weight: 600;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     padding: 0.5rem 1rem;
     text-decoration: none;
 }

 .btn-nav-login:hover {
     color: var(--color-gold);
 }

 .btn-nav-started {
     background-color: var(--color-gold);
     color: #08182b;
     font-size: 0.75rem;
     font-weight: 700;
     padding: 0.5rem 1.15rem;
     border-radius: 2px;
     text-decoration: none;
     letter-spacing: 0.04em;
     transition: background-color 0.2s;
     border: none;
 }

 .btn-nav-started:hover {
     background-color: var(--color-gold-hover);
     color: #040d16;
 }

 /* Hero Section */
 section.global-hero-section {
     margin-top: 45px;
 }

 .global-hero-bg .row {
     z-index: 5;
     position: relative;
 }

 .global-hero-bg::after {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
     background: linear-gradient(90deg, rgba(4, 22, 45, 0.7) 0%, rgba(4, 22, 45, 0.52) 35.03%, rgba(4, 22, 45, 0) 100%);
 }

 .global-hero-bg {
     position: relative;
     background-size: cover;
     background-position: center right;
     background-repeat: no-repeat;
     padding: 80px 35px;
 }

 .hero-title {
     margin-bottom: 12px;
     font-family: 'Optima Bold';
     font-weight: 700;
     font-size: 46px;
     line-height: normal;
     color: #fff;
 }

 .hero-desc {
     margin-bottom: 36px;
     font-family: "Manrope", sans-serif;
     font-weight: 500;
     font-size: 18px;
     line-height: 164%;
     color: rgba(255, 255, 255, 0.7);
 }

 /* Why Pontis Section */
 .why-pontis-section {
     padding: 85px 0 80px;
     background-color: #ffffff;
 }

 .why-pontis-title {
     color: var(--color-text-dark);
     font-size: 34px;
     font-weight: 600;
     margin-bottom: 1rem;
 }

 .why-pontis-lead {
     color: var(--color-text-muted);
     font-size: 18px;
     line-height: 1.65;
     margin: 0 auto 3.5rem;
     font-weight: 500;
 }

 .why-pontis-head {
     max-width: 850px;
     margin: 0 auto;
     text-align: center;
 }

 .why-pontis-card-title {
     font-size: 22px;
     font-weight: 700;
     color: var(--color-text-dark);
     margin-bottom: 10px;
     border-top: 1px solid #e5e7eb;
     padding-top: 28px;
 }

 .why-pontis-card-text {
     font-size: 18px;
     line-height: 28px;
     font-weight: 500;
     color: var(--color-text-muted);
 }

 /* The Opportunity Section */
 .opportunity-section {
     background-color: var(--color-bg-light);
     padding: 85px 0 90px;
 }

 .opportunity-title {
     color: var(--color-text-dark);
     font-size: 34px;
     font-weight: 600;
     margin-bottom: 24px;
 }

 .opportunity-card {
     background-color: #ffffff;
     border: 1px solid #e2e8f0;
     border-radius: 2px;
     padding: 2.1rem 1.6rem;
     height: 100%;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
 }

 .opportunity-card:hover {
     transform: translateY(-3px);
     box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
 }

 .opportunity-card-title {
     font-size: 24px;
     line-height: 30px;
     color: var(--color-text-dark);
     margin-bottom: 15px;
     font-family: 'Optima Medium';
 }

 .opportunity-card-text {
     margin-bottom: 0;
     font-size: 16px;
     line-height: 28px;
     font-weight: 500;
     color: var(--color-text-muted);
 }

 /* Areas of Opportunity Section */
 .areas-section {
     background-color: #ffffff;
     padding: 85px 0 85px;
 }

 .areas-title {
     color: var(--color-text-dark);
     font-size: 34px;
     margin-bottom: 30px;
     line-height: 50px;
 }

 .area-card {
     background-color: #ffffff;
     border: 1px solid #C5C6CD80;
     border-radius: 0;
     padding: 1.5rem 1.6rem;
     display: flex;
     gap: 16px;
     height: 100%;
     transition: border-color 0.2s ease, box-shadow 0.2s ease;
     flex-direction: column;
 }

 .area-card:hover {
     border-color: var(--color-gold);
     box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
 }

 .area-card-icon {
     width: 32px;
     height: 32px;
     display: flex;
     align-items: center;
     justify-content: center;
     color: var(--color-gold);
     flex-shrink: 0;
 }

 .area-card-title {
     font-size: 22px;
     line-height: 36px;
     color: var(--color-text-dark);
     font-family: 'Optima Medium';
 }

 .explore-companies-link {
     color: #04162D;
     font-weight: 700;
     font-size: 16px;
     text-decoration: none;
     display: inline-flex;
     align-items: center;
     margin-top: 2rem;
     transition: color 0.2s ease;
     line-height: 24px;
 }

 .explore-companies-link:hover {
     color: var(--color-gold);
 }

 /* Selected Opportunities / Companies Worth Watching */
 .companies-section {
     background-color: var(--color-navy-dark);
     padding: 95px 0 100px;
     color: #ffffff;
 }

 .companies-header-title {
     font-size: 34px;
     color: #ffffff;
     line-height: 45px;
     margin-bottom: 10px;
 }

 .companies-header-lead {
     color: #FFFFFFB2;
     max-width: 580px;
     margin-bottom: 0;
     font-size: 16px;
     line-height: 28px;
     font-weight: 500;
 }

 .btn-view-all-companies {
     background-color: transparent;
     color: #ffffff;
     font-size: 0.8rem;
     font-weight: 600;
     letter-spacing: 0.03em;
     padding: 0.65rem 1.3rem;
     border-radius: 2px;
     border: 1px solid rgba(255, 255, 255, 0.35);
     text-decoration: none;
     display: inline-flex;
     align-items: center;
     transition: all 0.2s ease;
 }

 .btn-view-all-companies:hover {
     border-color: #ffffff;
     background-color: rgba(255, 255, 255, 0.08);
     color: #ffffff;
 }

 .company-card {
     background-color: #142239;
     border: 1px solid var(--color-navy-card-border);
     border-radius: 2px;
     padding: 2.1rem 1.8rem;
     height: 100%;
     display: flex;
     flex-direction: column;
     transition: transform 0.2s ease, border-color 0.2s ease;
 }

 .company-card:hover {
     transform: translateY(-3px);
     border-color: rgba(197, 155, 72, 0.6);
 }

 .company-category {
     color: var(--color-gold);
     font-size: 14px;
     font-weight: 600;
     letter-spacing: 1px;
     text-transform: uppercase;
     margin-bottom: 24px;
 }

 .company-name {
     font-size: 24px;
     line-height: 30px;
     color: #fff;
     margin-bottom: 1rem;
     font-family: 'Optima Medium';
     margin-top: 10px;
 }

 .company-summary {
     flex-grow: 1;
     color: #FFFFFFB2;
     margin-bottom: 24px;
     font-size: 16px;
     line-height: 28px;
     font-weight: 500;
 }

 div#companies-container .company-summary {
     flex-grow: 1;
     color: #FFFFFFB2;
     margin-bottom: 24px;
     font-size: 16px;
     line-height: 28px;
     font-weight: 500;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     overflow: hidden;
 }

 .company-profile-link {
     color: #ffffff;
     font-size: 15px;
     font-weight: 600;
     text-decoration: none;
     display: inline-flex;
     align-items: center;
     transition: color 0.2s ease;
     line-height: 25px;
     letter-spacing: 0.4px;
 }

 .company-profile-link:hover {
     color: var(--color-gold);
 }

 /* Investor Access / Split Feature Section */
 .investor-access-container {
     display: flex;
     flex-wrap: wrap;
     min-height: 520px;
     overflow: hidden;
 }

 .investor-access-image-left {
     flex: 1 1 28%;
     min-height: 380px;
     background-image: url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1200&q=80");
     background-size: cover;
     background-position: center;
 }

 .investor-access-content {
     flex: 1 1 44%;
     background-color: #ffffff;
     padding: 60px 50px;
     display: flex;
     flex-direction: column;
     justify-content: center;
     min-height: 620px;
 }

 .investor-access-image-right {
     flex: 1 1 28%;
     min-height: 380px;
     background-image: url("https://images.unsplash.com/photo-1541888946425-d0fbb18f1563?auto=format&fit=crop&w=1200&q=80");
     background-size: cover;
     background-position: center;
 }

 .investor-access-title {
     font-size: 34px;
     line-height: 38px;
     color: #04162D;
     margin-bottom: 15px;
 }

 .investor-access-lead {
     color: #4b5563;
     font-size: 18px;
     line-height: 30px;
     font-weight: 500;
     margin-bottom: 25px;
 }

 .investor-feature-item {
     margin-bottom: 25px;
 }

 .investor-feature-title {
     font-size: 18px;
     font-weight: 700;
     color: #04162D;
     margin-bottom: 8px;
 }

 .investor-feature-desc {
     font-size: 16px;
     color: #04162DB2;
     margin-bottom: 0;
     line-height: 24px;
     font-weight: 500;
 }

 /* Built for Sophisticated Capital */
 .sophisticated-capital-section {
     background-color: #ffffff;
     padding: 90px 0 90px;
 }

 .sophisticated-title {
     font-size: 32px;
     color: var(--color-text-dark);
     margin-bottom: 0.85rem;
 }

 .sophisticated-lead {
     max-width: 846px;
     margin: 0 auto 3.5rem;
     color: #4b5563;
     font-size: 18px;
     line-height: 30px;
     font-weight: 500;
 }

 .investor-tier-card {
     background-color: #ffffff;
     border: 1px solid #C5C6CD80;
     border-radius: 0;
     padding: 32px;
     height: 100%;
     transition: border-color 0.2s ease, box-shadow 0.2s ease;
 }

 .investor-tier-card:hover {
     border-color: #cbd5e1;
     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
 }

 .investor-tier-title {
     font-size: 24px;
     color: #04162D;
     margin-bottom: 8px;
     font-family: 'Optima Medium';
     font-weight: 550;
     line-height: 1;
 }

 .investor-tier-desc {
     color: #04162DB2;
     font-size: 16px;
     line-height: 26px;
     margin: 0;
     font-weight: 500;
 }

 .sophisticated-title-sec {
     margin-bottom: 30px;
 }

 /* Ready to Connect? Banner */
 .ready-to-connect-section {
     background-color: var(--color-bg-subtle);
     border-top: 1px solid #e5e7eb;
     border-bottom: 1px solid #e5e7eb;
     padding: 65px 0;
 }

 .connect-title {
     font-size: 2.15rem;
     font-weight: 600;
     color: var(--color-text-dark);
     margin-bottom: 0.5rem;
 }

 .connect-lead {
     color: var(--color-text-muted);
     font-size: 0.94rem;
     margin-bottom: 0;
 }

 .btn-apply-company {
     background-color: var(--color-gold);
     color: #08182b;
     font-weight: 600;
     font-size: 0.88rem;
     padding: 0.95rem 1.4rem;
     border-radius: 2px;
     border: 1px solid var(--color-gold);
     display: flex;
     justify-content: space-between;
     align-items: center;
     text-decoration: none;
     width: 100%;
     transition: background-color 0.2s ease;
 }

 .investors-subtitle {
     font-size: 24px;
     font-weight: 700;
     color: #04162D;
     margin-bottom: 22px;
     text-decoration: underline;
     text-decoration-color: #C5A059;
 }

 .btn-apply-company:hover {
     background-color: var(--color-gold-hover);
     color: #040d16;
 }

 .btn-register-investor {
     background-color: transparent;
     color: #111827;
     font-weight: 600;
     font-size: 0.88rem;
     padding: 0.95rem 1.4rem;
     border-radius: 2px;
     border: 1px solid #111827;
     display: flex;
     justify-content: space-between;
     align-items: center;
     text-decoration: none;
     width: 100%;
     margin-top: 12px;
     transition: background-color 0.2s ease;
 }

 .btn-register-investor:hover {
     background-color: rgba(17, 24, 39, 0.05);
     color: #000000;
 }

 #next-growth-opportunity .pontis-why-card {
     margin-right: 0;
     margin-left: -100px;
 }

 /* The Ecosystem Section */
 .ecosystem-section {
     background-color: #F1F1F3;
     padding: 80px 0;
     margin-top: 44px;
 }

 .ecosystem-title {
     color: #04162D;
     font-size: 34px;
     line-height: 1;
     margin-bottom: 12px;
 }

 .ecosystem-desc {
     max-width: 480px;
     color: #04162DB2;
     font-size: 18px;
     line-height: 30px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .stat-item {
     text-align: center;
 }

 .stat-value {
     display: flex;
     align-items: center;
     color: #04162D;
     font-size: 40px;
     line-height: 1;
     justify-content: center;
     font-family: 'Optima Bold';
     margin-bottom: 5px;
 }

 .stat-value .stat-unit {
     font-size: 20px;
     font-weight: 500;
     margin-left: 0.45rem;
     margin-top: 7px;
 }

 .stat-label {
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 0.16em;
     text-transform: uppercase;
     color: #04162DB2;
     margin-bottom: 0;
 }

 /* Why Participate Section */
 .why-participate-section {
     background-color: #ffffff;
     padding: 95px 0 100px;
 }

 .why-participate-title {
     color: #04162D;
     font-size: 34px;
     font-weight: 600;
     margin-bottom: 54px;
 }

 .participate-col {
     text-align: center;
     padding: 0 1.2rem;
 }


 .participate-icon-box {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 32px;
     margin: 0 auto 20px;
 }

 .participate-title {
     font-size: 24px;
     color: #04162D;
     margin-bottom: 10px;
     font-family: 'Optima Medium';
 }

 .participate-desc {
     max-width: 310px;
     margin: 0 auto;
     color: #04162DB2;
     font-size: 16px;
     line-height: 28px;
     font-weight: 500;
     margin-bottom: 0;
 }

 section.pontis-why-section .pontis-hero-btn-company {
     border: 1px solid #04162D;
     color: #04162D;
 }

 .opportunity-section.bg-white {
     background: #fff;
 }

 .opportunity-card.bg-gray {
     background: #F1F1F3;
 }

 /* The Forum Section */
 .forum-section {
     background-color: #ffffff;
     padding: 90px 0;
 }

 .forum-title {
     font-size: 34px;
     color: #04162D;
     margin-bottom: 1rem;
     line-height: 1;
 }

 .forum-lead {
     max-width: 800px;
     margin: 0 auto 3.5rem;
     color: #04162DB2;
     font-size: 18px;
     line-height: 30px;
     font-weight: 500;
 }

 .forum-card {
     background-color: #ffffff;
     border: 1px solid #C5C6CD80;
     border-radius: 0;
     padding: 32px;
     height: 100%;
     transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
 }

 .forum-card:hover {
     transform: translateY(-3px);
     border-color: var(--color-gold);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
 }

 .forum-card-icon {
     width: 38px;
     height: 38px;
     display: flex;
     align-items: center;
     margin-bottom: 1.5rem;
     color: var(--color-gold);
 }

 .forum-card-title {
     font-size: 24px;
     color: #04162D;
     margin-bottom: 0.75rem;
     font-family: 'Optima Medium';
     font-weight: 550;
     line-height: 1;
 }

 .forum-card-text {
     margin-bottom: 0;
     color: #04162DB2;
     font-size: 16px;
     font-weight: 500;
     line-height: 26px;
 }

 /* The Experience Section (Image & Floating Timeline Card) */
 .forum-experience-banner {
     width: 100%;
     margin-top: 15px;
     background-color: #ffffff;
 }

 .forum-experience-image {
     width: 100%;
     height: 620px;
     background-image: url(https://images.unsplash.com/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=2200&q=85);
     background-size: cover;
     background-position: center 30%;
     filter: grayscale(100%) contrast(1.08) brightness(0.92);
 }

 .experience-card-floating {
     background-color: #F1F1F3;
     padding: 50px;
     margin-top: -204px;
     margin-bottom: 85px;
 }

 .experience-title {
     font-size: 34px;
     font-weight: 600;
     color: #04162D;
     margin-bottom: 0;
     line-height: 48px;
 }

 .experience-timeline {
     position: relative;
     margin-top: 3rem;
 }

 .experience-timeline-line {
     position: absolute;
     top: 49px;
     left: 0;
     right: 0;
     height: 1px;
     background-color: #cbd5e1;
     z-index: 1;
 }

 .experience-step {
     position: relative;
     z-index: 2;
     text-align: center;
     padding: 0 0.75rem;
 }

 .experience-step-badge {
     display: inline-block;
     background-color: #ffffff;
     border: 1px solid #C5C6CD80;
     color: #000000;
     font-size: 22px;
     padding: 15px 14px 13px;
     border-radius: 0;
     margin-bottom: 1.4rem;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
     font-family: 'Optima Bold';
     line-height: 1;
 }

 .experience-step-title {
     font-size: 24px;
     color: #04162D;
     margin-bottom: 0.75rem;
     font-family: 'Optima Medium';
     font-weight: 550;
     line-height: 1;
 }

 .experience-step-desc {
     margin-bottom: 0;
     color: #04162DB2;
     font-size: 15px;
     font-weight: 500;
     line-height: 26px;
 }

 @media (max-width: 991px) {
     .experience-card-floating {
         padding: 35px 22px;
         margin-top: -100px;
         margin-bottom: 50px;
     }

     .experience-timeline-line {
         display: none;
     }

     .forum-experience-image {
         height: 320px;
     }

     .experience-step {
         margin-bottom: 1.5rem;
     }
 }

 .pontis-hero-section .pontis-hero-btn-company {
     color: #04162d;
     border: 1px solid #04162d;
 }

 .header-area .btn-get-started {
     background-color: #c5a059 !important;
 }

 .contact-form-card {
     background-color: #ffffff;
     border: 1px solid #e2e8f0;
     border-radius: 3px;
     padding: 45px 50px;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
     position: relative;
     z-index: 10;
     margin-bottom: 60px;
         position: sticky;
         position: -webkit-sticky; /* For Safari */
    top: 20px;
 }

 .form-section-heading {
     font-size: 1.15rem;
     font-weight: 700;
     color: var(--color-navy-dark);
     border-bottom: 1px solid #e5e7eb;
     padding-bottom: 10px;
     margin-bottom: 22px;
     margin-top: 10px;
     display: flex;
     align-items: center;
     gap: 10px;
 }

 .form-section-heading i {
     color: var(--color-gold);
     font-size: 1.05rem;
 }

 .form-label-custom {
     font-size: 0.76rem;
     font-weight: 700;
     letter-spacing: 0.06em;
     text-transform: uppercase;
     color: #334155;
     margin-bottom: 0.45rem;
     display: block;
 }

 .form-label-custom .required-star {
     color: #dc2626;
     margin-left: 2px;
 }

 .form-control-custom,
 .form-select-custom {
     border: 1px solid #cbd5e1;
     border-radius: 2px;
     padding: 0.68rem 0.9rem;
     font-size: 0.9rem;
     color: var(--color-text-dark);
     background-color: #ffffff;
     transition: border-color 0.2s, box-shadow 0.2s;
 }

 .form-control-custom:focus,
 .form-select-custom:focus {
     border-color: var(--color-gold);
     outline: none;
     box-shadow: 0 0 0 3px rgba(197, 155, 72, 0.18);
 }

 /* Department Desk Cards (Sidebar) */
 .department-desk-card {
     background-color: #ffffff;
     border: 1px solid #e2e8f0;
     border-radius: 2px;
     padding: 22px 24px;
     margin-bottom: 16px;
     transition: all 0.2s ease;
 }

 .department-desk-card:hover {
     border-color: var(--color-gold);
     box-shadow: 0 6px 18px rgba(0, 0, 0, 0.03);
 }

 .dept-kicker {
     color: var(--color-gold);
     font-size: 12px;
     font-weight: 700;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     margin-bottom: 8px;
 }

 .dept-name {
     font-size: 18px;
     font-weight: 600;
     color: var(--color-navy-dark);
     margin-bottom: 0.45rem;
 }

 .dept-desc {
     margin-bottom: 15px;
     font-family: 'Manrope';
     font-weight: 500;
     font-size: 16px;
     line-height: 167%;
     color: rgba(4, 22, 45, 0.7);
 }

 .dept-contact-link i {
     font-size: 17px;
     margin-right: 4px;
 }

 .dept-contact-link {
     font-size: 14px;
     font-weight: 600;
     color: var(--color-navy-dark);
     text-decoration: none;
     display: inline-flex;
     align-items: center;
     gap: 6px;
     transition: color 0.15s;
 }

 .dept-contact-link:hover {
     color: var(--color-gold);
 }

 section.contact-section {
     padding: 80px 0;
     background: #f4f5f7;
 }

 /* Global Offices Section */
 .offices-section {
     padding: 80px 0 80px;
 }

 .offices-title {
     margin-bottom: 0.75rem;
     color: var(--color-primary);
     font-family: 'Optima Bold';
     font-weight: 700;
     font-size: 34px;
     line-height: 115%;
 }

 .offices-lead {
     max-width: 650px;
     margin: 0 auto 3.5rem;
     margin-bottom: 40px;
     font-family: 'Manrope';
     font-weight: 500;
     font-size: 18px;
     line-height: 167%;
     color: rgba(4, 22, 45, 0.7);
 }

 .office-card {
     border: 1px solid #e2e8f06b;
     border-radius: 2px;
     padding: 30px 26px;
     height: 100%;
     display: flex;
     flex-direction: column;
     transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
 }

 .office-card:hover {
     transform: translateY(-3px);
     border-color: var(--color-gold);
     box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04);
 }

 .office-badge {
     display: inline-block;
     font-size: 0.68rem;
     font-weight: 700;
     letter-spacing: 0.14em;
     text-transform: uppercase;
     color: var(--color-gold);
     margin-bottom: 0.6rem;
 }

 .office-city {
     font-size: 24px;
     font-weight: 600;
     color: var(--color-navy-dark);
     margin-bottom: 0.35rem;
 }

 .office-country {
     font-size: 14px;
     color: #64748b;
     font-weight: 600;
     margin-bottom: 1.25rem;
 }

 .office-address-block {
     margin-bottom: 1.25rem;
     flex-grow: 1;
     font-family: 'Manrope';
     font-weight: 500;
     font-size: 16px;
     line-height: 167%;
     color: rgba(4, 22, 45, 0.7);
 }

 .office-meta-row {
     border-top: 1px solid #f1f5f9;
     padding-top: 14px;
     font-size: 0.82rem;
     color: var(--color-navy-dark);
 }
 .contact-left-bar {
    position: sticky;
    top: 100px;
}
.ff-default .ff-el-input--label label {
    line-height: inherit;
    font-size: 0.76rem;
    font-weight: 700 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #334155;
    margin-bottom: 0.45rem;
    display: block;
}
.ff-default .ff-el-form-control {
    max-width: 100%;
    padding: 11px 15px !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 0px !important;
    padding: 0.68rem 0.9rem !important;
    font-size: 16px;
    background-color: #ffffff;
}
.ff-default .ff_btn_style {
 
    background: #c5a059 !important;
    color: #04162d !important;
    text-transform: capitalize;
    font-weight: 700 !important;
    width: 100%;
    height: 50px;
    border-radius: 0;
}
.contact-form-card h2 {
    font-family: 'Optima Bold';
    font-weight: 700;
    font-size: 34px;
    line-height: 147%;
    color: #04162d;
}

.contact-form-card p {
    margin: 0;
    font-family: 'Manrope';
    font-weight: 500;
    font-size: 16px;
    color: rgba(4, 22, 45, 0.7);
}

.toronto-forum-section {
    background-color: rgb(240, 240, 243);
    padding: 75px 0px;
}
.toronto-forum-section .toronto-forum-subtitle {
    color: var(--color-secondary);
    margin-bottom: 16px;
    display: block;
    font-family: Manrope, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 96%;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}
.toronto-forum-section .toronto-forum-description {
    max-width: 100%;
    font-family: Manrope, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 178%;
    text-align: center;
    color: rgba(4, 22, 45, 0.7);
    margin: 0px auto 10px;
}
.leadership-description {
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 175%;
    color: rgba(4, 22, 45, 0.7);
}
