/* =========================================================
           CHINA MARKET PAGE
           Prefix: ib-cn-
        ========================================================= */

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

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

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

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

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

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

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


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

 .ib-cn-hero {
     min-height: 670px;
     display: flex;
     align-items: center;

     background:
         linear-gradient(90deg,
             rgba(4, 35, 37, .94) 0%,
             rgba(4, 35, 37, .82) 48%,
             rgba(4, 35, 37, .30) 100%),
         url('/assets/images/photo-1508804185872-d7badad00f7d.avif') center center / cover no-repeat;
 }

 .ib-cn-hero-content {
     max-width: 800px;
     color: #fff;
 }

 .ib-cn-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-cn-hero-eyebrow::before {
     content: "";
     width: 32px;
     height: 2px;
     background: #91c8c0;
 }

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

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

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

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

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

 .ib-cn-btn-primary:hover {
     background: var(--ib-cn-light-teal);
     color: var(--ib-cn-primary-dark);
 }

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

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


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

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

 .ib-cn-intro-box {
     border-left: 2px solid var(--ib-cn-primary);
     padding-left: 30px;
 }

 .ib-cn-highlight {
     background: var(--ib-cn-light-teal);
     border-radius: 9px;
     padding: 34px;
 }

 .ib-cn-highlight h3 {
     font-size: 22px;
     font-weight: 800;
     margin-bottom: 13px;
 }

 .ib-cn-highlight p {
     color: var(--ib-cn-muted);
     font-size: 14px;
     line-height: 1.8;
     margin-bottom: 0;
 }


 /* =========================================================
           CHINA MARKET CONSIDERATIONS
        ========================================================= */

 .ib-cn-considerations {
     background: var(--ib-cn-light);
 }

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

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

 .ib-cn-point h3 {
     font-size: 20px;
     font-weight: 800;
     margin-bottom: 12px;
 }

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


 /* =========================================================
           SOURCING
        ========================================================= */

 .ib-cn-sourcing {
     background: #fff;
 }

 .ib-cn-sourcing-card {
     background: var(--ib-cn-dark);
     color: #fff;
     border-radius: 10px;
     padding: 50px;
 }

 .ib-cn-sourcing-card .ib-cn-eyebrow {
     color: #8bc6bd;
 }

 .ib-cn-sourcing-card .ib-cn-eyebrow::before {
     background: #8bc6bd;
 }

 .ib-cn-sourcing-card h2 {
     font-size: clamp(32px, 4vw, 48px);
     font-weight: 800;
     line-height: 1.1;
     letter-spacing: -1.4px;
 }

 .ib-cn-sourcing-card h2 span {
     color: #9bd0c7;
 }

 .ib-cn-sourcing-card p {
     color: rgba(255, 255, 255, .67);
     font-size: 15px;
     line-height: 1.8;
 }

 .ib-cn-sourcing-list {
     list-style: none;
     padding: 0;
     margin: 28px 0 0;
 }

 .ib-cn-sourcing-list li {
     display: flex;
     align-items: flex-start;
     gap: 11px;
     color: rgba(255, 255, 255, .8);
     font-size: 14px;
     line-height: 1.6;
     margin-bottom: 13px;
 }

 .ib-cn-sourcing-list i {
     color: #9bd0c7;
     margin-top: 2px;
 }


 /* =========================================================
           OPPORTUNITIES
        ========================================================= */

 .ib-cn-opportunities {
     background: var(--ib-cn-light);
 }

 .ib-cn-opportunity {
     padding: 28px 0;
     border-top: 1px solid var(--ib-cn-border);
 }

 .ib-cn-opportunity:last-child {
     border-bottom: 1px solid var(--ib-cn-border);
 }

 .ib-cn-opportunity-number {
     color: var(--ib-cn-primary);
     font-size: 13px;
     font-weight: 800;
 }

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

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


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

 .ib-cn-services {
     background: var(--ib-cn-dark);
     color: #fff;
 }

 .ib-cn-services .ib-cn-eyebrow {
     color: #8bc6bd;
 }

 .ib-cn-services .ib-cn-eyebrow::before {
     background: #8bc6bd;
 }

 .ib-cn-services .ib-cn-section-title {
     color: #fff;
 }

 .ib-cn-service-card {
     height: 100%;
     padding: 30px;
     border: 1px solid rgba(255, 255, 255, .13);
     border-radius: 9px;
     background: rgba(255, 255, 255, .035);
     transition: all .3s ease;
 }

 .ib-cn-service-card:hover {
     background: rgba(255, 255, 255, .07);
     transform: translateY(-5px);
 }

 .ib-cn-service-number {
     color: #80bbb3;
     font-size: 13px;
     font-weight: 800;
     margin-bottom: 24px;
 }

 .ib-cn-service-icon {
     width: 52px;
     height: 52px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     border-radius: 8px;
     background: rgba(125, 193, 184, .12);
     color: #91cec5;
     font-size: 21px;
     margin-bottom: 22px;
 }

 .ib-cn-service-card h3 {
     font-size: 20px;
     font-weight: 800;
     margin-bottom: 12px;
 }

 .ib-cn-service-card p {
     color: rgba(255, 255, 255, .62);
     font-size: 14px;
     line-height: 1.75;
     margin-bottom: 22px;
 }

 .ib-cn-service-link {
     color: #9bcfc7;
     font-size: 13px;
     font-weight: 700;
 }

 .ib-cn-service-link i {
     margin-left: 5px;
 }


 /* =========================================================
           JOURNEY
        ========================================================= */

 .ib-cn-journey {
     background: #fff;
 }

 .ib-cn-journey-step {
     height: 100%;
     padding: 30px 25px;
     border-top: 2px solid var(--ib-cn-border);
 }

 .ib-cn-journey-step.active {
     border-color: var(--ib-cn-primary);
 }

 .ib-cn-journey-number {
     color: var(--ib-cn-primary);
     font-size: 13px;
     font-weight: 800;
     margin-bottom: 23px;
 }

 .ib-cn-journey-step h3 {
     font-size: 20px;
     font-weight: 800;
     margin-bottom: 10px;
 }

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


 /* =========================================================
           INTERNATIONAL BUSINESS
        ========================================================= */

 .ib-cn-international {
     background: var(--ib-cn-light);
 }

 .ib-cn-international-box {
     background:
         linear-gradient(100deg,
             rgba(0, 63, 62, .97),
             rgba(0, 80, 79, .89)),
         url('/assets/images/photo-1497366811353-6870744d04b2.avif') center / cover no-repeat;

     border-radius: 10px;
     padding: 65px;
     color: #fff;
 }

 .ib-cn-international-box h2 {
     font-size: clamp(32px, 4vw, 48px);
     font-weight: 800;
     letter-spacing: -1.3px;
 }

 .ib-cn-international-box p {
     max-width: 720px;
     color: rgba(255, 255, 255, .75);
     line-height: 1.8;
 }

 .ib-cn-international-list {
     list-style: none;
     padding: 0;
     margin: 28px 0 0;
 }

 .ib-cn-international-list li {
     display: flex;
     gap: 11px;
     color: rgba(255, 255, 255, .82);
     font-size: 14px;
     margin-bottom: 12px;
 }

 .ib-cn-international-list i {
     color: #9bd0c7;
 }


 /* =========================================================
           DUE DILIGENCE
        ========================================================= */

 .ib-cn-due-diligence {
     border: 1px solid var(--ib-cn-border);
     background: #fff;
     border-radius: 9px;
     padding: 28px;
 }

 .ib-cn-due-diligence-icon {
     width: 46px;
     height: 46px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     background: #fff4e6;
     color: #996515;
     border-radius: 7px;
     margin-bottom: 17px;
 }

 .ib-cn-due-diligence h3 {
     font-size: 18px;
     font-weight: 800;
     margin-bottom: 10px;
 }

 .ib-cn-due-diligence p {
     color: var(--ib-cn-muted);
     font-size: 13px;
     line-height: 1.75;
     margin-bottom: 0;
 }


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

 .ib-cn-faq {
     background: #fff;
 }

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

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

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

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


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

 .ib-cn-cta {
     background:
         linear-gradient(100deg,
             rgba(0, 63, 62, .97),
             rgba(0, 80, 79, .90)),
         url('/assets/images/photo-1521737711867-e3b97375f902.avif') center / cover no-repeat;

     color: #fff;
     padding: 90px 0;
 }

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

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

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

 .ib-cn-cta-btn:hover {
     background: var(--ib-cn-light-teal);
     color: var(--ib-cn-primary-dark);
 }


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

 @media (max-width: 991.98px) {

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

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

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

     .ib-cn-hero {
         min-height: 610px;
     }

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

     .ib-cn-international-box {
         padding: 45px;
     }

     .ib-cn-sourcing-card {
         padding: 40px;
     }

 }

 @media (max-width: 767.98px) {

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

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

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

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

     .ib-cn-international-box {
         padding: 35px 25px;
     }

     .ib-cn-sourcing-card {
         padding: 35px 25px;
     }

 }