/* =========================================================
           GLOBAL MARKETS PAGE
           Prefix: ib-mk-
        ========================================================= */

 :root {
     --ib-mk-primary: #00504f;
     --ib-mk-primary-dark: #003f3e;
     --ib-mk-light-teal: #eaf5f3;
     --ib-mk-dark: #0c2630;
     --ib-mk-text: #172026;
     --ib-mk-muted: #647174;
     --ib-mk-border: #dfe8e6;
     --ib-mk-light: #f6f8f7;
     --ib-mk-footer: #062b2d;
 }



 .ib-mk-section {
     padding: 100px 0;
 }

 .ib-mk-eyebrow {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 1.4px;
     text-transform: uppercase;
     color: var(--ib-mk-primary);
     margin-bottom: 18px;
 }

 .ib-mk-eyebrow::before {
     content: "";
     width: 28px;
     height: 2px;
     background: var(--ib-mk-primary);
 }

 .ib-mk-section-title {
     font-size: clamp(34px, 4vw, 52px);
     line-height: 1.1;
     font-weight: 800;
     letter-spacing: -1.5px;
 }

 .ib-mk-section-title span {
     color: var(--ib-mk-primary);
 }

 .ib-mk-section-text {
     color: var(--ib-mk-muted);
     line-height: 1.8;
     font-size: 16px;
 }



 /* =========================
           HEADER
        ========================= */

 .ib-mk-header {
     background: #fff;
     border-bottom: 1px solid rgba(0, 80, 79, 0.08);
 }

 .ib-mk-navbar {
     min-height: 82px;
 }

 .ib-mk-brand {
     color: var(--ib-mk-primary);
     font-family: 'Manrope', sans-serif;
     font-size: 26px;
     font-weight: 800;
     line-height: 1;
 }

 .ib-mk-brand:hover {
     color: var(--ib-mk-primary);
 }

 .ib-mk-brand small {
     display: block;
     color: #6a7778;
     font-family: 'Inter', sans-serif;
     font-size: 7px;
     font-weight: 700;
     letter-spacing: 2.2px;
     margin-top: 5px;
 }

 .ib-mk-nav .nav-link {
     color: #243438;
     font-size: 14px;
     font-weight: 600;
     padding: 30px 13px !important;
 }

 .ib-mk-nav .nav-link:hover,
 .ib-mk-nav .nav-link:focus {
     color: var(--ib-mk-primary);
 }

 .ib-mk-header-action {
     border: 1px solid var(--ib-mk-primary);
     color: var(--ib-mk-primary);
     padding: 11px 18px;
     border-radius: 6px;
     font-size: 13px;
     font-weight: 700;
 }

 .ib-mk-header-action:hover {
     background: var(--ib-mk-primary);
     color: #fff;
 }

 .ib-mk-header-primary {
     background: var(--ib-mk-primary);
     color: #fff;
     border-radius: 6px;
     padding: 12px 19px;
     font-size: 13px;
     font-weight: 700;
 }

 .ib-mk-header-primary:hover {
     background: var(--ib-mk-primary-dark);
     color: #fff;
 }

 /* =========================
           HERO
        ========================= */

 .ib-mk-hero {
     position: relative;
     min-height: 650px;
     display: flex;
     align-items: center;
     background:
         linear-gradient(90deg,
             rgba(4, 35, 37, 0.92) 0%,
             rgba(4, 35, 37, 0.78) 48%,
             rgba(4, 35, 37, 0.38) 100%),
         url('/assets/images/photo-1521295121783-8a321d551ad2.avif') center center / cover no-repeat;
 }

 .ib-mk-hero-content {
     max-width: 780px;
     color: #fff;
 }

 .ib-mk-hero-eyebrow {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     font-size: 13px;
     font-weight: 700;
     letter-spacing: 1.8px;
     text-transform: uppercase;
     margin-bottom: 22px;
 }

 .ib-mk-hero-eyebrow::before {
     content: "";
     width: 32px;
     height: 2px;
     background: #8bc6bd;
 }

 .ib-mk-hero h1 {
     font-size: clamp(46px, 6vw, 76px);
     line-height: 1.03;
     font-weight: 800;
     letter-spacing: -2.8px;
     margin-bottom: 26px;
 }

 .ib-mk-hero h1 span {
     color: #9bd0c7;
 }

 .ib-mk-hero p {
     max-width: 690px;
     color: rgba(255, 255, 255, 0.84);
     font-size: 18px;
     line-height: 1.8;
     margin-bottom: 34px;
 }

 .ib-mk-hero-buttons {
     display: flex;
     flex-wrap: wrap;
     gap: 12px;
 }

 .ib-mk-btn-primary {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 9px;
     background: #fff;
     color: var(--ib-mk-primary);
     padding: 14px 23px;
     border-radius: 6px;
     font-size: 14px;
     font-weight: 700;
 }

 .ib-mk-btn-primary:hover {
     background: #eaf5f3;
     color: var(--ib-mk-primary-dark);
 }

 .ib-mk-btn-outline {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 9px;
     border: 1px solid rgba(255, 255, 255, .5);
     color: #fff;
     padding: 13px 23px;
     border-radius: 6px;
     font-size: 14px;
     font-weight: 700;
 }

 .ib-mk-btn-outline:hover {
     background: rgba(255, 255, 255, .1);
     color: #fff;
 }

 /* =========================
           INTRO
        ========================= */

 .ib-mk-intro {
     background: #fff;
 }

 .ib-mk-intro-number {
     font-family: 'Manrope', sans-serif;
     font-size: 90px;
     line-height: .8;
     font-weight: 800;
     color: var(--ib-mk-light-teal);
 }

 .ib-mk-intro-card {
     border-left: 2px solid var(--ib-mk-primary);
     padding-left: 28px;
 }

 /* =========================
           MARKET CARDS
        ========================= */

 .ib-mk-markets {
     background: var(--ib-mk-light);
 }

 .ib-mk-market-card {
     height: 100%;
     background: #fff;
     border: 1px solid var(--ib-mk-border);
     border-radius: 10px;
     overflow: hidden;
     transition: all .3s ease;
 }

 .ib-mk-market-card:hover {
     transform: translateY(-7px);
     border-color: rgba(0, 80, 79, .25);
     box-shadow: 0 18px 45px rgba(0, 45, 45, .08);
 }

 .ib-mk-market-image {
     height: 245px;
     position: relative;
     overflow: hidden;
 }

 .ib-mk-market-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform .5s ease;
 }

 .ib-mk-market-card:hover .ib-mk-market-image img {
     transform: scale(1.05);
 }

 .ib-mk-market-image::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(180deg,
             transparent 40%,
             rgba(0, 40, 40, .65));
 }

 .ib-mk-market-label {
     position: absolute;
     left: 22px;
     bottom: 18px;
     z-index: 2;
     color: #fff;
     font-family: 'Manrope', sans-serif;
     font-size: 24px;
     font-weight: 800;
 }

 .ib-mk-market-content {
     padding: 28px;
 }

 .ib-mk-market-content p {
     color: var(--ib-mk-muted);
     line-height: 1.75;
     font-size: 14px;
     margin-bottom: 22px;
 }

 .ib-mk-market-link {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     color: var(--ib-mk-primary);
     font-size: 13px;
     font-weight: 700;
 }

 .ib-mk-market-link i {
     transition: transform .2s ease;
 }

 .ib-mk-market-link:hover i {
     transform: translateX(4px);
 }

 /* =========================
           MARKET APPROACH
        ========================= */

 .ib-mk-approach {
     background: #fff;
 }

 .ib-mk-step {
     position: relative;
     height: 100%;
     padding: 30px 25px;
     border-top: 1px solid var(--ib-mk-border);
 }

 .ib-mk-step-number {
     font-family: 'Manrope', sans-serif;
     font-size: 14px;
     font-weight: 800;
     color: var(--ib-mk-primary);
     margin-bottom: 25px;
 }

 .ib-mk-step-icon {
     width: 54px;
     height: 54px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     background: var(--ib-mk-light-teal);
     color: var(--ib-mk-primary);
     font-size: 21px;
     margin-bottom: 20px;
 }

 .ib-mk-step h3 {
     font-size: 21px;
     font-weight: 800;
     margin-bottom: 12px;
 }

 .ib-mk-step p {
     color: var(--ib-mk-muted);
     font-size: 14px;
     line-height: 1.75;
     margin-bottom: 0;
 }

 /* =========================
           OPPORTUNITY AREAS
        ========================= */

 .ib-mk-opportunities {
     background: var(--ib-mk-dark);
     color: #fff;
 }

 .ib-mk-opportunities .ib-mk-eyebrow {
     color: #8bc6bd;
 }

 .ib-mk-opportunities .ib-mk-eyebrow::before {
     background: #8bc6bd;
 }

 .ib-mk-opportunities .ib-mk-section-title {
     color: #fff;
 }

 .ib-mk-opportunity {
     padding: 25px 0;
     border-bottom: 1px solid rgba(255, 255, 255, .12);
 }

 .ib-mk-opportunity:last-child {
     border-bottom: 0;
 }

 .ib-mk-opportunity-number {
     color: #7ebdb5;
     font-size: 13px;
     font-weight: 700;
 }

 .ib-mk-opportunity h3 {
     font-size: 20px;
     font-weight: 800;
     margin-bottom: 8px;
 }

 .ib-mk-opportunity p {
     color: rgba(255, 255, 255, .66);
     font-size: 14px;
     line-height: 1.7;
     margin-bottom: 0;
 }

 /* =========================
           WHO WE SUPPORT
        ========================= */

 .ib-mk-support {
     background: var(--ib-mk-light);
 }

 .ib-mk-support-card {
     height: 100%;
     background: #fff;
     border: 1px solid var(--ib-mk-border);
     padding: 30px;
     border-radius: 9px;
 }

 .ib-mk-support-icon {
     width: 52px;
     height: 52px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: var(--ib-mk-light-teal);
     color: var(--ib-mk-primary);
     border-radius: 8px;
     font-size: 21px;
     margin-bottom: 22px;
 }

 .ib-mk-support-card h3 {
     font-size: 19px;
     font-weight: 800;
     margin-bottom: 11px;
 }

 .ib-mk-support-card p {
     color: var(--ib-mk-muted);
     font-size: 14px;
     line-height: 1.75;
     margin-bottom: 0;
 }

 /* =========================
           SERVICES CONNECTION
        ========================= */

 .ib-mk-services {
     background: #fff;
 }

 .ib-mk-service-row {
     padding: 28px 0;
     border-top: 1px solid var(--ib-mk-border);
 }

 .ib-mk-service-row:last-child {
     border-bottom: 1px solid var(--ib-mk-border);
 }

 .ib-mk-service-index {
     color: var(--ib-mk-primary);
     font-size: 13px;
     font-weight: 800;
 }

 .ib-mk-service-row h3 {
     font-size: 21px;
     font-weight: 800;
     margin-bottom: 7px;
 }

 .ib-mk-service-row p {
     color: var(--ib-mk-muted);
     font-size: 14px;
     line-height: 1.7;
     margin-bottom: 0;
 }

 .ib-mk-service-arrow {
     color: var(--ib-mk-primary);
     font-size: 21px;
 }

 /* =========================
           FAQ
        ========================= */

 .ib-mk-faq {
     background: var(--ib-mk-light);
 }

 .ib-mk-faq .accordion-item {
     border: 1px solid var(--ib-mk-border);
     margin-bottom: 12px;
     border-radius: 7px !important;
     overflow: hidden;
 }

 .ib-mk-faq .accordion-button {
     font-family: 'Manrope', sans-serif;
     font-weight: 700;
     color: var(--ib-mk-text);
     background: #fff;
     box-shadow: none;
     padding: 21px 23px;
 }

 .ib-mk-faq .accordion-button:not(.collapsed) {
     color: var(--ib-mk-primary);
     background: var(--ib-mk-light-teal);
 }

 .ib-mk-faq .accordion-body {
     background: #fff;
     color: var(--ib-mk-muted);
     font-size: 14px;
     line-height: 1.8;
     padding: 0 23px 23px;
 }

 /* =========================
           CTA
        ========================= */

 .ib-mk-cta {
     background:
         linear-gradient(100deg,
             rgba(0, 63, 62, .97),
             rgba(0, 80, 79, .88)),
         url('/assets/images/photo-1451187580459-43490279c0fa.avif') center / cover no-repeat;
     color: #fff;
     padding: 90px 0;
 }

 .ib-mk-cta h2 {
     font-size: clamp(35px, 4vw, 52px);
     font-weight: 800;
     letter-spacing: -1.5px;
     margin-bottom: 17px;
 }

 .ib-mk-cta p {
     max-width: 690px;
     color: rgba(255, 255, 255, .78);
     line-height: 1.8;
     margin-bottom: 28px;
 }

 .ib-mk-cta-btn {
     display: inline-flex;
     align-items: center;
     gap: 9px;
     background: #fff;
     color: var(--ib-mk-primary);
     padding: 14px 24px;
     border-radius: 6px;
     font-size: 14px;
     font-weight: 700;
 }

 .ib-mk-cta-btn:hover {
     color: var(--ib-mk-primary-dark);
     background: #eaf5f3;
 }

 /* =========================
           FOOTER
        ========================= */

 .ib-mk-footer {
     background: var(--ib-mk-footer);
     color: #fff;
     padding-top: 75px;
 }

 .ib-mk-footer-brand {
     color: #fff;
     font-family: 'Manrope', sans-serif;
     font-size: 25px;
     font-weight: 800;
 }

 .ib-mk-footer-tagline {
     color: #8fb0ae;
     font-size: 7px;
     letter-spacing: 2px;
     font-weight: 700;
     margin-top: 4px;
 }

 .ib-mk-footer-description {
     color: rgba(255, 255, 255, .62);
     font-size: 14px;
     line-height: 1.8;
     max-width: 320px;
     margin-top: 20px;
 }

 .ib-mk-footer h6 {
     font-size: 14px;
     font-weight: 700;
     margin-bottom: 20px;
 }

 .ib-mk-footer-links {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .ib-mk-footer-links li {
     margin-bottom: 11px;
 }

 .ib-mk-footer-links a {
     color: rgba(255, 255, 255, .58);
     font-size: 13px;
 }

 .ib-mk-footer-links a:hover {
     color: #fff;
 }

 .ib-mk-social {
     display: flex;
     gap: 9px;
     margin-top: 22px;
 }

 .ib-mk-social a {
     width: 36px;
     height: 36px;
     border: 1px solid rgba(255, 255, 255, .15);
     display: inline-flex;
     align-items: center;
     justify-content: center;
     color: rgba(255, 255, 255, .7);
     border-radius: 5px;
 }

 .ib-mk-social a:hover {
     color: #fff;
     border-color: rgba(255, 255, 255, .4);
 }

 .ib-mk-footer-bottom {
     margin-top: 55px;
     padding: 20px 0;
     border-top: 1px solid rgba(255, 255, 255, .1);
 }

 .ib-mk-footer-bottom p,
 .ib-mk-footer-bottom a {
     color: rgba(255, 255, 255, .45);
     font-size: 12px;
     margin: 0;
 }

 .ib-mk-footer-bottom a:hover {
     color: #fff;
 }

 /* =========================
           RESPONSIVE
        ========================= */

 @media (max-width: 991.98px) {

     .ib-mk-navbar {
         min-height: 72px;
     }

     .ib-mk-nav .nav-link {
         padding: 12px 0 !important;
     }

     .ib-mk-header-actions {
         margin-top: 12px;
         padding-bottom: 15px;
     }

     .ib-mk-hero {
         min-height: 600px;
     }

     .ib-mk-section {
         padding: 75px 0;
     }
 }

 @media (max-width: 767.98px) {

     .ib-mk-hero {
         min-height: 600px;
         background-position: 60% center;
     }

     .ib-mk-hero h1 {
         letter-spacing: -1.8px;
     }

     .ib-mk-hero p {
         font-size: 16px;
     }

     .ib-mk-section {
         padding: 65px 0;
     }

     .ib-mk-intro-number {
         font-size: 65px;
     }

     .ib-mk-market-image {
         height: 220px;
     }

     .ib-mk-footer {
         padding-top: 60px;
     }
 }