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

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

 .ib-me-section-light {
     background: var(--ib-me-light);
 }

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

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

 .ib-me-heading {
     font-size: clamp(34px, 4vw, 56px);
     line-height: 1.1;
     letter-spacing: -1.5px;
 }

 .ib-me-heading span {
     color: var(--ib-me-primary);
 }

 .ib-me-subheading {
     color: var(--ib-me-muted);
     font-size: 17px;
     max-width: 700px;
 }

 /* =========================================================
           BUTTONS
        ========================================================= */

 .ib-me-btn-primary {
     background: var(--ib-me-primary);
     color: #fff;
     border: 1px solid var(--ib-me-primary);
     padding: 13px 24px;
     border-radius: 5px;
     font-weight: 600;
     font-size: 14px;
     transition: .25s ease;
 }

 .ib-me-btn-primary:hover {
     background: #006966;
     color: #fff;
     transform: translateY(-2px);
 }

 .ib-me-btn-light {
     background: #fff;
     color: var(--ib-me-primary);
     border: 1px solid #fff;
     padding: 13px 24px;
     border-radius: 5px;
     font-weight: 600;
     font-size: 14px;
     transition: .25s ease;
 }

 .ib-me-btn-light:hover {
     background: transparent;
     color: #fff;
 }

 .ib-me-btn-outline {
     background: transparent;
     color: var(--ib-me-primary);
     border: 1px solid var(--ib-me-primary);
     padding: 12px 22px;
     border-radius: 5px;
     font-weight: 600;
     font-size: 14px;
 }

 .ib-me-btn-outline:hover {
     background: var(--ib-me-primary);
     color: #fff;
 }

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

 .ib-me-hero {
     position: relative;
     min-height: 630px;
     display: flex;
     align-items: center;
     overflow: hidden;

     background:
         linear-gradient(90deg,
             rgba(3, 30, 31, .95) 0%,
             rgba(3, 30, 31, .83) 45%,
             rgba(3, 30, 31, .40) 100%),
         url("/assets/images/photo-1556761175-b413da4baf72.avif") center center / cover no-repeat;
 }

 .ib-me-hero-content {
     max-width: 790px;
     padding: 90px 0;
 }

 .ib-me-hero .ib-me-eyebrow {
     color: #d9efeb;
 }

 .ib-me-hero .ib-me-eyebrow::before {
     background: #d9efeb;
 }

 .ib-me-hero h1 {
     color: #fff;
     font-size: clamp(42px, 5.5vw, 72px);
     line-height: 1.06;
     letter-spacing: -2px;
 }

 .ib-me-hero h1 span {
     color: #8dd3c8;
 }

 .ib-me-hero p {
     color: rgba(255, 255, 255, .82);
     font-size: 18px;
     max-width: 680px;
     margin: 24px 0 32px;
 }

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

 .ib-me-intro-image {
     height: 520px;
     border-radius: 10px;
     overflow: hidden;
 }

 .ib-me-intro-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
 }

 .ib-me-check-list {
     list-style: none;
     padding: 0;
     margin: 28px 0 0;
 }

 .ib-me-check-list li {
     display: flex;
     align-items: flex-start;
     gap: 12px;
     margin-bottom: 15px;
     color: #39464a;
 }

 .ib-me-check-list i {
     color: var(--ib-me-primary);
     font-size: 19px;
     margin-top: 3px;
 }

 /* =========================================================
           ENTRY OPTIONS
        ========================================================= */

 .ib-me-card {
     height: 100%;
     border: 1px solid var(--ib-me-border);
     border-radius: 9px;
     padding: 32px;
     background: #fff;
     transition: .3s ease;
 }

 .ib-me-card:hover {
     transform: translateY(-5px);
     border-color: rgba(0, 80, 79, .30);
     box-shadow: 0 15px 40px rgba(10, 44, 44, .08);
 }

 .ib-me-icon {
     width: 52px;
     height: 52px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--ib-me-light-teal);
     color: var(--ib-me-primary);
     border-radius: 7px;
     font-size: 24px;
     margin-bottom: 23px;
 }

 .ib-me-card h3 {
     font-size: 21px;
     margin-bottom: 12px;
 }

 .ib-me-card p {
     color: var(--ib-me-muted);
     margin-bottom: 0;
     font-size: 15px;
 }

 /* =========================================================
           STRATEGY
        ========================================================= */

 .ib-me-strategy-item {
     padding: 25px 0;
     border-top: 1px solid var(--ib-me-border);
 }

 .ib-me-strategy-item:last-child {
     border-bottom: 1px solid var(--ib-me-border);
 }

 .ib-me-strategy-number {
     color: var(--ib-me-primary);
     font-family: "Manrope", sans-serif;
     font-weight: 800;
     font-size: 15px;
 }

 .ib-me-strategy-item h3 {
     font-size: 21px;
     margin-bottom: 7px;
 }

 .ib-me-strategy-item p {
     color: var(--ib-me-muted);
     margin-bottom: 0;
     font-size: 15px;
 }

 /* =========================================================
           PROCESS
        ========================================================= */

 .ib-me-process {
     position: relative;
 }

 .ib-me-process::before {
     content: "";
     position: absolute;
     top: 55px;
     height: 1px;
     background: #c9dcda;
     width: 75%;
     left: 50%;
     transform: translateX(-50%);
 }

 .ib-me-process-step {
     position: relative;
     z-index: 2;
     text-align: center;
 }

 .ib-me-process-number {
     width: 62px;
     height: 62px;
     margin: 0 auto 22px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     background: var(--ib-me-primary);
     color: #fff;
     font-family: "Manrope", sans-serif;
     font-weight: 800;
     border: 7px solid #fff;
     box-shadow: 0 0 0 1px var(--ib-me-border);
 }

 .ib-me-process-step h3 {
     font-size: 18px;
     margin-bottom: 8px;
 }

 .ib-me-process-step p {
     color: var(--ib-me-muted);
     font-size: 14px;
     margin: 0 auto;
     max-width: 215px;
 }

 /* =========================================================
           SUPPORT BOX
        ========================================================= */

 .ib-me-support {
     background: var(--ib-me-light-teal);
     border-radius: 10px;
     padding: 40px;
 }

 .ib-me-support h3 {
     font-size: 25px;
     margin-bottom: 12px;
 }

 .ib-me-support p {
     color: var(--ib-me-muted);
 }

 .ib-me-support-list {
     list-style: none;
     padding: 0;
     margin: 25px 0 0;
 }

 .ib-me-support-list li {
     display: flex;
     gap: 12px;
     margin-bottom: 13px;
     font-size: 15px;
 }

 .ib-me-support-list i {
     color: var(--ib-me-primary);
     margin-top: 4px;
 }

 /* =========================================================
           SCENARIOS
        ========================================================= */

 .ib-me-scenario {
     min-height: 280px;
     position: relative;
     overflow: hidden;
     border-radius: 9px;
     background: var(--ib-me-dark);
     max-height: 280px;
 }

 .ib-me-scenario img {
     width: 100%;
     height: 100%;
     min-height: 280px;
     object-fit: cover;
     opacity: .52;
     transition: .4s ease;
     max-height: 280px;
 }

 .ib-me-scenario:hover img {
     transform: scale(1.04);
     opacity: .64;
 }

 .ib-me-scenario-content {
     position: absolute;
     inset: 0;
     padding: 28px;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     background: linear-gradient(transparent 10%,
             rgba(4, 27, 29, .92) 100%);
 }

 .ib-me-scenario-content h3 {
     color: #fff;
     font-size: 21px;
     margin-bottom: 7px;
 }

 .ib-me-scenario-content p {
     color: rgba(255, 255, 255, .76);
     font-size: 14px;
     margin: 0;
 }

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

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

 .ib-me-faq .accordion-button {
     font-family: "Manrope", sans-serif;
     font-weight: 700;
     color: var(--ib-me-dark);
     background: #fff;
     padding: 20px 22px;
     box-shadow: none;
 }

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

 .ib-me-faq .accordion-body {
     color: var(--ib-me-muted);
     font-size: 15px;
     padding: 0 22px 22px;
 }

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

 .ib-me-cta {
     background:
         linear-gradient(100deg,
             rgba(0, 63, 62, .98),
             rgba(0, 80, 79, .90)),
         url("/assets/images/photo-1551836022-d5d88e9218df.avif") center / cover;

     padding: 85px 0;
 }

 .ib-me-cta h2 {
     color: #fff;
     font-size: clamp(32px, 4vw, 48px);
 }

 .ib-me-cta p {
     color: rgba(255, 255, 255, .78);
     max-width: 650px;
 }

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

 .ib-me-footer {
     background: var(--ib-me-footer);
     color: rgba(255, 255, 255, .65);
     padding-top: 75px;
 }

 .ib-me-footer-brand {
     color: #fff;
     font-family: "Manrope", sans-serif;
     font-size: 26px;
     font-weight: 800;
 }

 .ib-me-footer-brand small {
     display: block;
     color: #8db5b1;
     font-family: "Inter", sans-serif;
     font-size: 8px;
     letter-spacing: 1.7px;
     margin-top: 5px;
 }

 .ib-me-footer h5 {
     color: #fff;
     font-size: 15px;
     margin-bottom: 20px;
 }

 .ib-me-footer ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .ib-me-footer li {
     margin-bottom: 10px;
 }

 .ib-me-footer a {
     color: rgba(255, 255, 255, .62);
     font-size: 14px;
 }

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

 .ib-me-social {
     display: flex;
     gap: 9px;
     margin-top: 24px;
 }

 .ib-me-social a {
     width: 35px;
     height: 35px;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid rgba(255, 255, 255, .15);
     border-radius: 50%;
 }

 .ib-me-footer-bottom {
     margin-top: 60px;
     padding: 22px 0;
     border-top: 1px solid rgba(255, 255, 255, .1);
     font-size: 12px;
 }

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

 @media (max-width: 991.98px) {

     .ib-me-nav .nav-link {
         padding: 10px 0 !important;
     }

     .ib-me-header-btn {
         display: inline-block;
         margin-top: 8px;
     }

     .ib-me-hero {
         min-height: 560px;
     }

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

     .ib-me-process::before {
         display: none;
     }
 }

 @media (max-width: 767.98px) {

     .ib-me-hero-content {
         padding: 70px 0;
     }

     .ib-me-hero h1 {
         letter-spacing: -1px;
     }

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

     .ib-me-intro-image {
         height: 350px;
     }

     .ib-me-section {
         padding: 60px 0;
     }

     .ib-me-process-step {
         margin-bottom: 35px;
     }

     .ib-me-support {
         padding: 28px;
     }
 }