.elementor-302 .elementor-element.elementor-element-d3cd5f2{--display:flex;--padding-top:3em;--padding-bottom:3em;--padding-left:0em;--padding-right:0em;}.elementor-302 .elementor-element.elementor-element-d3cd5f2:not(.elementor-motion-effects-element-type-background), .elementor-302 .elementor-element.elementor-element-d3cd5f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-debb077 );}.elementor-302 .elementor-element.elementor-element-9c8a857{--display:flex;--padding-top:2em;--padding-bottom:2em;--padding-left:0em;--padding-right:0em;}.elementor-302 .elementor-element.elementor-element-422fc6b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-302 .elementor-element.elementor-element-422fc6b:not(.elementor-motion-effects-element-type-background), .elementor-302 .elementor-element.elementor-element-422fc6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-684e0d0 );}.elementor-302 .elementor-element.elementor-element-c5fa4bb{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-302 .elementor-element.elementor-element-3f35ab0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-302 .elementor-element.elementor-element-3f35ab0:not(.elementor-motion-effects-element-type-background), .elementor-302 .elementor-element.elementor-element-3f35ab0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-684e0d0 );}.elementor-302 .elementor-element.elementor-element-a4bd9c3{--display:flex;--padding-top:3em;--padding-bottom:10em;--padding-left:0em;--padding-right:0em;}@media(max-width:1024px){.elementor-302 .elementor-element.elementor-element-d3cd5f2{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-302 .elementor-element.elementor-element-9c8a857{--padding-top:0em;--padding-bottom:0em;--padding-left:0em;--padding-right:0em;}.elementor-302 .elementor-element.elementor-element-a4bd9c3{--padding-top:3em;--padding-bottom:10em;--padding-left:1em;--padding-right:1em;}}@media(max-width:767px){.elementor-302 .elementor-element.elementor-element-a4bd9c3{--padding-top:1em;--padding-bottom:10em;--padding-left:1em;--padding-right:1em;}}/* Start custom CSS for html, class: .elementor-element-e9004da *//* =========================================================
   IPBC MEMBERSHIP HERO
   Transparent background • Elementor-safe • Responsive
   ========================================================= */

.ipbc-membership-hero {
  --ipbc-primary: #115633;
  --ipbc-green-dark: #0a341f;
  --ipbc-green-reg: #397356;
  --ipbc-green-light: #9dbaab;
  --ipbc-green-thin: #e7eeeb;

  --ipbc-blue: #052652;
  --ipbc-blue-light: #99a6b8;
  --ipbc-blue-thin: #e6e9ee;

  --ipbc-red: #ff0000;
  --ipbc-red-reg: #ff2b2b;

  --ipbc-white: #ffffff;
  --ipbc-text: #383838;

  position: relative;
  width: 100%;
  overflow: hidden;
  background: transparent !important;
  color: var(--ipbc-text);
  font-family: "Manrope", sans-serif;
}

.ipbc-membership-hero *,
.ipbc-membership-hero *::before,
.ipbc-membership-hero *::after {
  box-sizing: border-box;
}

.ipbc-membership-hero a {
  font-family: inherit;
}


/* =========================================================
   CONTAINER
   ========================================================= */

.ipbc-membership-hero__container {
  position: relative;
  z-index: 2;

  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(430px, 0.95fr);
  align-items: center;
  gap: 64px;

  width: min(1280px, calc(100% - 64px));
  min-height: 720px;

  margin: 0 auto;
  padding: 96px 0 88px;
}


/* =========================================================
   CONTENT
   ========================================================= */

.ipbc-membership-hero__content {
  position: relative;
  z-index: 3;
  max-width: 700px;
}


/* Eyebrow */

.ipbc-membership-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  margin-bottom: 26px;

  color: var(--ipbc-green-reg);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.18em;
  line-height: 1;
  text-transform: uppercase;
}

.ipbc-membership-hero__eyebrow-line {
  width: 34px;
  height: 2px;
  flex: 0 0 auto;

  background: var(--ipbc-red-reg);
  border-radius: 999px;
}


/* Heading */

.ipbc-membership-hero__title {
  margin: 0;

  color: var(--ipbc-green-dark);
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.035em;
}

.ipbc-membership-hero__title span {
  color: var(--ipbc-blue);
}


/* Description */

.ipbc-membership-hero__description {
  max-width: 650px;
  margin: 30px 0 0;

  color: var(--ipbc-text);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
}


/* =========================================================
   BUTTON
   ========================================================= */

.ipbc-membership-hero__actions {
  margin-top: 36px;
}

.ipbc-membership-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  min-height: 56px;
  padding: 0 24px;

  border: 1px solid var(--ipbc-primary);
  border-radius: 8px;

  background: var(--ipbc-primary) !important;
  color: var(--ipbc-white) !important;

  font-family: "Manrope", sans-serif;
  font-size: 0.92rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none !important;

  box-shadow: 0 10px 28px rgba(10, 52, 31, 0.14);

  transition:
    transform 280ms ease,
    background-color 280ms ease,
    border-color 280ms ease,
    box-shadow 280ms ease;
}

.ipbc-membership-hero__button span,
.ipbc-membership-hero__button svg {
  color: #ffffff !important;
}

.ipbc-membership-hero__button:hover {
  background: var(--ipbc-green-dark) !important;
  border-color: var(--ipbc-green-dark);

  color: #ffffff !important;

  transform: translateY(-2px);

  box-shadow: 0 14px 32px rgba(10, 52, 31, 0.18);
}

.ipbc-membership-hero__button:hover span,
.ipbc-membership-hero__button:hover svg {
  color: #ffffff !important;
}

.ipbc-membership-hero__button-icon {
  width: 19px;
  height: 19px;
  flex: 0 0 auto;

  color: #ffffff !important;

  transition: transform 280ms ease;
}

.ipbc-membership-hero__button:hover .ipbc-membership-hero__button-icon {
  transform: translateX(4px);
}

.ipbc-membership-hero__button:focus-visible {
  outline: 3px solid rgba(255, 43, 43, 0.3);
  outline-offset: 4px;
}


/* =========================================================
   COUNTRY META
   ========================================================= */

.ipbc-membership-hero__meta {
  display: flex;
  align-items: center;
  gap: 16px;

  margin-top: 48px;
}

.ipbc-membership-hero__meta-item {
  display: flex;
  align-items: center;
  gap: 8px;

  color: var(--ipbc-blue);
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.2;
}

.ipbc-membership-hero__meta-dot {
  width: 8px;
  height: 8px;
  flex: 0 0 auto;

  border-radius: 50%;
  background: var(--ipbc-red);
}

.ipbc-membership-hero__meta-dot--green {
  background: var(--ipbc-primary);
}

.ipbc-membership-hero__meta-divider {
  width: 1px;
  height: 18px;

  background: var(--ipbc-blue-light);
  opacity: 0.5;
}


/* =========================================================
   VISUAL
   ========================================================= */

.ipbc-membership-hero__visual {
  position: relative;

  min-height: 520px;

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


/* Grid */

.ipbc-membership-hero__visual-grid {
  position: absolute;
  inset: 5% 2%;

  background-image:
    linear-gradient(
      rgba(5, 38, 82, 0.045) 1px,
      transparent 1px
    ),
    linear-gradient(
      90deg,
      rgba(5, 38, 82, 0.045) 1px,
      transparent 1px
    );

  background-size: 42px 42px;
  border-radius: 28px;

  transform:
    perspective(700px)
    rotateY(-8deg)
    rotateX(3deg);
}


/* Orbits */

.ipbc-membership-hero__orbit {
  position: absolute;

  border: 1px solid rgba(57, 115, 86, 0.2);
  border-radius: 50%;
}

.ipbc-membership-hero__orbit--outer {
  width: 390px;
  height: 390px;
}

.ipbc-membership-hero__orbit--inner {
  width: 280px;
  height: 280px;

  border-color: rgba(5, 38, 82, 0.18);
}


/* =========================================================
   CORE
   ========================================================= */

.ipbc-membership-hero__core {
  position: relative;
  z-index: 3;

  width: 190px;
  height: 190px;

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

  border-radius: 50%;

  background: var(--ipbc-green-dark);
  color: var(--ipbc-white);

  box-shadow:
    0 22px 50px rgba(10, 52, 31, 0.2),
    0 0 0 14px rgba(17, 86, 51, 0.07);
}

.ipbc-membership-hero__core-ring {
  width: 92px;
  height: 92px;

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

  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 50%;
}

.ipbc-membership-hero__core-letter {
  color: #ffffff;

  font-size: 1.15rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.ipbc-membership-hero__core-label {
  margin-top: 14px;

  color: #ffffff;

  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  line-height: 1;
  opacity: 0.78;
}


/* =========================================================
   NETWORK NODES
   ========================================================= */

.ipbc-membership-hero__node {
  position: absolute;
  z-index: 4;

  width: 48px;
  height: 48px;

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

  border: 1px solid rgba(5, 38, 82, 0.13);
  border-radius: 50%;

  background: #ffffff;

  box-shadow: 0 10px 26px rgba(5, 38, 82, 0.08);
}

.ipbc-membership-hero__node span {
  width: 10px;
  height: 10px;

  border-radius: 50%;
  background: var(--ipbc-blue);
}

.ipbc-membership-hero__node--one {
  top: 13%;
  right: 18%;
}

.ipbc-membership-hero__node--two {
  right: 12%;
  bottom: 18%;
}

.ipbc-membership-hero__node--three {
  bottom: 11%;
  left: 14%;
}

.ipbc-membership-hero__node--four {
  top: 22%;
  left: 10%;
}

.ipbc-membership-hero__node--two span,
.ipbc-membership-hero__node--three span {
  background: var(--ipbc-primary);
}

.ipbc-membership-hero__node--four span {
  background: var(--ipbc-red);
}


/* =========================================================
   ACCENT MARKS
   ========================================================= */

.ipbc-membership-hero__flag-mark {
  position: absolute;
  z-index: 2;

  width: 80px;
  height: 3px;

  border-radius: 999px;
}

.ipbc-membership-hero__flag-mark--red {
  top: 30%;
  right: 8%;

  background: var(--ipbc-red);

  transform: rotate(-25deg);
}

.ipbc-membership-hero__flag-mark--green {
  bottom: 27%;
  left: 5%;

  background: var(--ipbc-green-reg);

  transform: rotate(-25deg);
}


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

@media (max-width: 1024px) {
  .ipbc-membership-hero__container {
    width: min(900px, calc(100% - 48px));

    min-height: auto;
    padding: 76px 0;

    grid-template-columns: 1fr;
    gap: 48px;
  }

  .ipbc-membership-hero__content {
    max-width: 760px;
  }

  .ipbc-membership-hero__title {
    font-size: 2.4rem;
  }

  .ipbc-membership-hero__visual {
    min-height: 430px;
  }
}


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

@media (max-width: 767px) {
  .ipbc-membership-hero {
    overflow-x: hidden;
  }

  .ipbc-membership-hero__container {
    width: calc(100% - 40px);

    padding: 64px 0 58px;

    gap: 42px;
  }

  .ipbc-membership-hero__eyebrow {
    margin-bottom: 20px;
    font-size: 0.7rem;
  }

  .ipbc-membership-hero__title {
    font-size: 2rem;
    line-height: 1.14;
  }

  .ipbc-membership-hero__description {
    margin-top: 24px;
    font-size: 0.98rem;
    line-height: 1.75;
  }

  .ipbc-membership-hero__actions {
    margin-top: 30px;
  }

  .ipbc-membership-hero__button {
    width: 100%;
    min-height: 52px;
  }

  .ipbc-membership-hero__meta {
    margin-top: 34px;
  }

  .ipbc-membership-hero__visual {
    min-height: 320px;
  }

  .ipbc-membership-hero__visual-grid {
    inset: 4% 0;
    border-radius: 20px;
    background-size: 30px 30px;
  }

  .ipbc-membership-hero__orbit--outer {
    width: 260px;
    height: 260px;
  }

  .ipbc-membership-hero__orbit--inner {
    width: 190px;
    height: 190px;
  }

  .ipbc-membership-hero__core {
    width: 138px;
    height: 138px;
  }

  .ipbc-membership-hero__core-ring {
    width: 66px;
    height: 66px;
  }

  .ipbc-membership-hero__core-letter {
    font-size: 0.9rem;
  }

  .ipbc-membership-hero__core-label {
    margin-top: 8px;
    font-size: 0.48rem;
  }

  .ipbc-membership-hero__node {
    width: 38px;
    height: 38px;
  }

  .ipbc-membership-hero__node span {
    width: 8px;
    height: 8px;
  }

  .ipbc-membership-hero__node--one {
    right: 5%;
  }

  .ipbc-membership-hero__node--two {
    right: 0;
  }

  .ipbc-membership-hero__node--three {
    left: 3%;
  }

  .ipbc-membership-hero__node--four {
    left: 0;
  }

  .ipbc-membership-hero__flag-mark {
    width: 60px;
  }
}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {
  .ipbc-membership-hero *,
  .ipbc-membership-hero *::before,
  .ipbc-membership-hero *::after {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }

  .ipbc-membership-hero__button:hover {
    transform: none;
  }

  .ipbc-membership-hero__button:hover .ipbc-membership-hero__button-icon {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c68922 */.ipbc-membership-why {
  --primary: #115633;
  --green-dark: #0A341F;
  --green-reg: #397356;
  --green-light: #9DBAAB;
  --green-thin: #E7EEEB;
  --blue: #052652;
  --blue-light: #99A6B8;
  --blue-thin: #E6E9EE;
  --red: #FF0000;
  --white: #FCFFFE;
  --text: #383838;

  position: relative;
  width: 100%;
  overflow: hidden;
  background: var(--white);
  font-family: "Manrope", sans-serif;
  color: var(--text);
}

.ipbc-membership-why *,
.ipbc-membership-why *::before,
.ipbc-membership-why *::after {
  box-sizing: border-box;
}

.ipbc-membership-why__container {
  width: min(1240px, calc(100% - 64px));
  margin: 0 auto;
  padding: 112px 0;
}

.ipbc-membership-why__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.7fr);
  gap: 90px;
  align-items: end;
  margin-bottom: 54px;
}

.ipbc-membership-why__eyebrow {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 20px;
  color: var(--green-reg);
  font-size: 0.75em;
  font-weight: 700;
  letter-spacing: 0.17em;
}

.ipbc-membership-why__eyebrow-line {
  width: 34px;
  height: 2px;
  background: var(--red);
}

.ipbc-membership-why__title {
  max-width: 620px;
  margin: 0;
  color: var(--green-dark);
  font-size: 1.7em;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.025em;
}

.ipbc-membership-why__description {
  margin: 0;
  color: var(--text);
  font-size: 1em;
  line-height: 1.8;
}

.ipbc-membership-why__cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

.ipbc-membership-why__card {
  position: relative;
  min-height: 360px;
  padding: 28px;
  border: 1px solid var(--blue-thin);
  border-radius: 20px;
  overflow: hidden;
  transition:
    transform 280ms ease,
    box-shadow 280ms ease,
    border-color 280ms ease;
}

.ipbc-membership-why__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 36px rgba(10, 52, 31, 0.09);
}

.ipbc-membership-why__card--green {
  background: var(--green-thin);
  border-color: rgba(57, 115, 86, 0.16);
}

.ipbc-membership-why__card--blue {
  background: var(--blue-thin);
  border-color: rgba(5, 38, 82, 0.12);
}

.ipbc-membership-why__card--white {
  background: var(--white);
}

.ipbc-membership-why__card--split {
  background:
    linear-gradient(
      145deg,
      var(--white) 0%,
      var(--white) 63%,
      var(--green-thin) 63%,
      var(--green-thin) 100%
    );
}

.ipbc-membership-why__card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.ipbc-membership-why__number {
  color: var(--blue-light);
  font-size: 0.75em;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.ipbc-membership-why__icon {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(252, 255, 254, 0.72);
  border: 1px solid rgba(5, 38, 82, 0.08);
  color: var(--primary);
  transition:
    transform 280ms ease,
    color 280ms ease,
    background-color 280ms ease;
}

.ipbc-membership-why__icon svg {
  width: 24px;
  height: 24px;
}

.ipbc-membership-why__card--blue .ipbc-membership-why__icon {
  color: var(--blue);
}

.ipbc-membership-why__card:hover .ipbc-membership-why__icon {
  transform: translateY(-3px) scale(1.04);
  background: var(--white);
}

.ipbc-membership-why__accent {
  width: 36px;
  height: 3px;
  margin-top: 42px;
  margin-bottom: 25px;
  border-radius: 99px;
  background: var(--green-reg);
}

.ipbc-membership-why__card--blue .ipbc-membership-why__accent {
  background: var(--blue);
}

.ipbc-membership-why__card--white .ipbc-membership-why__accent {
  background: var(--red);
}

.ipbc-membership-why__card-title {
  margin: 0;
  color: var(--green-dark);
  font-size: 1.4em;
  line-height: 1.3;
  font-weight: 650;
}

.ipbc-membership-why__card--blue .ipbc-membership-why__card-title {
  color: var(--blue);
}

.ipbc-membership-why__card-text {
  margin: 17px 0 0;
  color: var(--text);
  font-size: 1em;
  line-height: 1.72;
  font-weight: 400;
}

.ipbc-membership-why__card::after {
  content: "";
  position: absolute;
  right: -30px;
  bottom: -30px;
  width: 100px;
  height: 100px;
  border: 1px solid rgba(5, 38, 82, 0.08);
  border-radius: 50%;
}

@media (max-width: 1024px) {
  .ipbc-membership-why__container {
    width: min(100% - 48px, 900px);
    padding: 88px 0;
  }

  .ipbc-membership-why__header {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 42px;
  }

  .ipbc-membership-why__cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .ipbc-membership-why__container {
    width: calc(100% - 40px);
    padding: 72px 0;
  }

  .ipbc-membership-why__header {
    margin-bottom: 34px;
  }

  .ipbc-membership-why__title {
    font-size: 1.7em;
  }

  .ipbc-membership-why__description {
    font-size: 0.98em;
    line-height: 1.75;
  }

  .ipbc-membership-why__cards {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .ipbc-membership-why__card {
    min-height: auto;
    padding: 24px;
  }

  .ipbc-membership-why__accent {
    margin-top: 30px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ipbc-membership-why *,
  .ipbc-membership-why *::before,
  .ipbc-membership-why *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }

  .ipbc-membership-why__card:hover,
  .ipbc-membership-why__card:hover .ipbc-membership-why__icon {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8c495ec */.ipbc-membership-benefits {
  --primary: #115633;
  --green-dark: #0A341F;
  --green-reg: #397356;
  --green-light: #9DBAAB;
  --green-thin: #E7EEEB;
  --blue: #052652;
  --blue-light: #99A6B8;
  --blue-thin: #E6E9EE;
  --red: #FF0000;
  --red-reg: #FF2B2B;
  --white: #FCFFFE;
  --text: #383838;

  width: 100%;
  overflow: hidden;
  background: transparant;
  font-family: "Manrope", sans-serif;
  color: var(--text);
}

.ipbc-membership-benefits *,
.ipbc-membership-benefits *::before,
.ipbc-membership-benefits *::after {
  box-sizing: border-box;
}

.ipbc-membership-benefits__container {
  width: min(1240px, calc(100% - 64px));
  margin: 0 auto;
  padding: 112px 0;
}

.ipbc-membership-benefits__heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(340px, 0.72fr);
  gap: 90px;
  align-items: end;
  margin-bottom: 54px;
}

.ipbc-membership-benefits__eyebrow {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 20px;
  color: var(--blue);
  font-size: 0.75em;
  font-weight: 700;
  letter-spacing: 0.17em;
}

.ipbc-membership-benefits__eyebrow-line {
  width: 34px;
  height: 2px;
  background: var(--red);
}

.ipbc-membership-benefits__title {
  max-width: 650px;
  margin: 0;
  color: var(--green-dark);
  font-size: 1.7em;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.025em;
}

.ipbc-membership-benefits__description {
  margin: 0;
  font-size: 1em;
  line-height: 1.8;
}

.ipbc-membership-benefits__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.ipbc-membership-benefits__card {
  position: relative;
  min-height: 300px;
  padding: 28px;
  border: 1px solid var(--blue-thin);
  border-radius: 14px;
  overflow: hidden;
  background: var(--white);
  transition:
    transform 280ms ease,
    box-shadow 280ms ease,
    border-color 280ms ease;
}

.ipbc-membership-benefits__card:hover {
  transform: translateY(-6px);
  box-shadow: 0 16px 34px rgba(10, 52, 31, 0.08);
}

.ipbc-membership-benefits__card--featured {
  background: var(--green-thin);
  border-color: rgba(57, 115, 86, 0.16);
}

.ipbc-membership-benefits__card--blue {
  background: var(--blue-thin);
  border-color: rgba(5, 38, 82, 0.12);
}

.ipbc-membership-benefits__card--green {
  background: #EEF5F1;
  border-color: rgba(57, 115, 86, 0.15);
}

.ipbc-membership-benefits__card--dark {
  background: var(--green-dark);
  border-color: var(--green-dark);
  color: var(--white);
}

.ipbc-membership-benefits__card--outline {
  background: var(--white);
  border: 1px solid var(--green-light);
}

.ipbc-membership-benefits__card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.ipbc-membership-benefits__number {
  font-size: 0.75em;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: var(--blue-light);
}

.ipbc-membership-benefits__card--dark .ipbc-membership-benefits__number {
  color: rgba(252, 255, 254, 0.5);
}

.ipbc-membership-benefits__icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(252, 255, 254, 0.75);
  border: 1px solid rgba(5, 38, 82, 0.08);
  color: var(--primary);
  transition:
    transform 280ms ease,
    background-color 280ms ease;
}

.ipbc-membership-benefits__icon svg {
  width: 23px;
  height: 23px;
}

.ipbc-membership-benefits__card--blue .ipbc-membership-benefits__icon {
  color: var(--blue);
}

.ipbc-membership-benefits__card--dark .ipbc-membership-benefits__icon {
  background: rgba(252, 255, 254, 0.1);
  border-color: rgba(252, 255, 254, 0.16);
  color: var(--white);
}

.ipbc-membership-benefits__card:hover .ipbc-membership-benefits__icon {
  transform: translateY(-3px) scale(1.04);
}

.ipbc-membership-benefits__card-title {
  margin: 40px 0 0;
  color: var(--green-dark);
  font-size: 1.4em;
  line-height: 1.3;
  font-weight: 650;
}

.ipbc-membership-benefits__card--blue .ipbc-membership-benefits__card-title {
  color: var(--blue);
}

.ipbc-membership-benefits__card--dark .ipbc-membership-benefits__card-title {
  color: var(--white);
}

.ipbc-membership-benefits__card-text {
  margin: 15px 0 0;
  font-size: 1em;
  line-height: 1.72;
  font-weight: 400;
}

.ipbc-membership-benefits__card-line {
  position: absolute;
  left: 28px;
  bottom: 24px;
  width: 34px;
  height: 3px;
  border-radius: 999px;
  background: var(--green-reg);
  transition: width 300ms ease;
}

.ipbc-membership-benefits__card--blue .ipbc-membership-benefits__card-line {
  background: var(--blue);
}

.ipbc-membership-benefits__card--dark .ipbc-membership-benefits__card-line {
  background: var(--red);
}

.ipbc-membership-benefits__card:hover .ipbc-membership-benefits__card-line {
  width: 58px;
}

@media (max-width: 1024px) {
  .ipbc-membership-benefits__container {
    width: min(100% - 48px, 900px);
    padding: 88px 0;
  }

  .ipbc-membership-benefits__heading {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .ipbc-membership-benefits__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .ipbc-membership-benefits__container {
    width: calc(100% - 40px);
    padding: 72px 0;
  }

  .ipbc-membership-benefits__title {
    font-size: 1.7em;
  }

  .ipbc-membership-benefits__description {
    font-size: 0.98em;
    line-height: 1.75;
  }

  .ipbc-membership-benefits__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .ipbc-membership-benefits__card {
    min-height: 280px;
    padding: 24px;
  }

  .ipbc-membership-benefits__card-line {
    left: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ipbc-membership-benefits *,
  .ipbc-membership-benefits *::before,
  .ipbc-membership-benefits *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }

  .ipbc-membership-benefits__card:hover,
  .ipbc-membership-benefits__card:hover .ipbc-membership-benefits__icon {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-48fc821 */.ipbc-membership-audience {
  --primary: #115633;
  --green-dark: #0A341F;
  --green-reg: #397356;
  --green-light: #9DBAAB;
  --green-thin: #E7EEEB;
  --blue: #052652;
  --blue-light: #99A6B8;
  --blue-thin: #E6E9EE;
  --red: #FF0000;
  --white: #FCFFFE;
  --text: #383838;

  width: 100%;
  overflow: hidden;
  background: var(--white);
  font-family: "Manrope", sans-serif;
  color: var(--text);
}

.ipbc-membership-audience *,
.ipbc-membership-audience *::before,
.ipbc-membership-audience *::after {
  box-sizing: border-box;
}

.ipbc-membership-audience__container {
  width: min(1240px, calc(100% - 64px));
  margin: 0 auto;
  padding: 112px 0;
}

.ipbc-membership-audience__header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.72fr);
  gap: 90px;
  align-items: end;
  margin-bottom: 52px;
}

.ipbc-membership-audience__eyebrow {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
  color: var(--blue);
  font-size: 0.75em;
  font-weight: 700;
  letter-spacing: 0.17em;
}

.ipbc-membership-audience__eyebrow-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--red);
}

.ipbc-membership-audience__title {
  max-width: 650px;
  margin: 0;
  color: var(--green-dark);
  font-size: 1.7em;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.025em;
}

.ipbc-membership-audience__description {
  margin: 0;
  font-size: 1em;
  line-height: 1.8;
}

.ipbc-membership-audience__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.ipbc-membership-audience__card {
  position: relative;
  min-height: 285px;
  padding: 25px;
  border: 1px solid var(--blue-thin);
  border-radius: 14px;
  background: var(--white);
  overflow: hidden;
  transition:
    transform 280ms ease,
    box-shadow 280ms ease,
    border-color 280ms ease;
}

.ipbc-membership-audience__card:hover {
  transform: translateY(-5px);
  border-color: var(--green-light);
  box-shadow: 0 15px 32px rgba(10, 52, 31, 0.08);
}

.ipbc-membership-audience__card--featured {
  grid-column: span 2;
  background: var(--green-dark);
  color: var(--white);
  border-color: var(--green-dark);
  min-height: 320px;
}

.ipbc-membership-audience__card--blue {
  background: var(--blue-thin);
  border-color: rgba(5, 38, 82, 0.12);
}

.ipbc-membership-audience__card--green {
  background: var(--green-thin);
  border-color: rgba(57, 115, 86, 0.14);
}

.ipbc-membership-audience__card--green-light {
  background: #EEF5F1;
}

.ipbc-membership-audience__card--last {
  background:
    linear-gradient(145deg, var(--white) 0%, var(--white) 72%, var(--blue-thin) 72%);
}

.ipbc-membership-audience__number {
  display: block;
  color: var(--blue-light);
  font-size: 0.72em;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.ipbc-membership-audience__card--featured .ipbc-membership-audience__number {
  color: rgba(252, 255, 254, 0.5);
}

.ipbc-membership-audience__icon {
  width: 48px;
  height: 48px;
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: var(--green-thin);
  color: var(--primary);
  transition:
    transform 280ms ease,
    background-color 280ms ease;
}

.ipbc-membership-audience__icon svg {
  width: 22px;
  height: 22px;
}

.ipbc-membership-audience__card--blue .ipbc-membership-audience__icon {
  background: rgba(252, 255, 254, 0.75);
  color: var(--blue);
}

.ipbc-membership-audience__card--featured .ipbc-membership-audience__icon {
  background: rgba(252, 255, 254, 0.1);
  color: var(--white);
  border: 1px solid rgba(252, 255, 254, 0.15);
}

.ipbc-membership-audience__card:hover .ipbc-membership-audience__icon {
  transform: translateY(-3px) scale(1.04);
}

.ipbc-membership-audience__card h3 {
  margin: 22px 0 0;
  color: var(--green-dark);
  font-size: 1.4em;
  line-height: 1.3;
  font-weight: 650;
}

.ipbc-membership-audience__card--blue h3 {
  color: var(--blue);
}

.ipbc-membership-audience__card--featured h3 {
  color: var(--white);
  font-size: 1.4em;
}

.ipbc-membership-audience__card p {
  margin: 12px 0 0;
  font-size: 1em;
  line-height: 1.7;
}

.ipbc-membership-audience__corner {
  position: absolute;
  right: -35px;
  bottom: -35px;
  width: 130px;
  height: 130px;
  border: 1px solid rgba(252, 255, 254, 0.14);
  border-radius: 50%;
}

.ipbc-membership-audience__card--featured::after {
  content: "";
  position: absolute;
  right: 28px;
  top: 25px;
  width: 34px;
  height: 3px;
  border-radius: 999px;
  background: var(--red);
}

@media (max-width: 1024px) {
  .ipbc-membership-audience__container {
    width: min(100% - 48px, 900px);
    padding: 88px 0;
  }

  .ipbc-membership-audience__header {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .ipbc-membership-audience__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ipbc-membership-audience__card--featured {
    grid-column: span 2;
  }
}

@media (max-width: 767px) {
  .ipbc-membership-audience__container {
    width: calc(100% - 40px);
    padding: 72px 0;
  }

  .ipbc-membership-audience__title {
    font-size: 1.7em;
  }

  .ipbc-membership-audience__description {
    font-size: 0.98em;
    line-height: 1.75;
  }

  .ipbc-membership-audience__grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .ipbc-membership-audience__card,
  .ipbc-membership-audience__card--featured {
    grid-column: span 1;
    min-height: auto;
    padding: 24px;
  }

  .ipbc-membership-audience__card--featured {
    min-height: 300px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ipbc-membership-audience *,
  .ipbc-membership-audience *::before,
  .ipbc-membership-audience *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }

  .ipbc-membership-audience__card:hover,
  .ipbc-membership-audience__card:hover .ipbc-membership-audience__icon {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9507ab8 */.ipbc-membership-steps {
  --primary: #115633;
  --green-dark: #0A341F;
  --green-reg: #397356;
  --green-light: #9DBAAB;
  --green-thin: #E7EEEB;
  --blue: #052652;
  --blue-light: #99A6B8;
  --blue-thin: #E6E9EE;
  --red: #FF0000;
  --white: #FCFFFE;
  --text: #383838;

  width: 100%;
  overflow: hidden;
  background:transparant
    linear-gradient(135deg, #FCFFFE 0%, #F4F7F8 100%);
  font-family: "Manrope", sans-serif;
  color: var(--text);
}

.ipbc-membership-steps *,
.ipbc-membership-steps *::before,
.ipbc-membership-steps *::after {
  box-sizing: border-box;
}

.ipbc-membership-steps__container {
  width: min(1240px, calc(100% - 64px));
  margin: 0 auto;
  padding: 112px 0;
}

.ipbc-membership-steps__heading {
  max-width: 780px;
  margin-bottom: 76px;
}

.ipbc-membership-steps__eyebrow {
  display: flex;
  align-items: center;
  gap: 13px;
  margin-bottom: 20px;
  color: var(--green-reg);
  font-size: 0.75em;
  font-weight: 700;
  letter-spacing: 0.17em;
}

.ipbc-membership-steps__eyebrow-line {
  width: 34px;
  height: 2px;
  background: var(--red);
}

.ipbc-membership-steps__title {
  margin: 0;
  color: var(--green-dark);
  font-size: 1.7em;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.025em;
}

.ipbc-membership-steps__description {
  max-width: 700px;
  margin: 22px 0 0;
  font-size: 1em;
  line-height: 1.8;
}

.ipbc-membership-steps__journey {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.ipbc-membership-steps__line {
  position: absolute;
  z-index: 0;
  top: 39px;
  left: 14%;
  right: 14%;
  height: 1px;
  background: var(--blue-light);
  opacity: 0.35;
}

.ipbc-membership-steps__line-progress {
  display: block;
  width: 66%;
  height: 100%;
  background: linear-gradient(
    90deg,
    var(--primary),
    var(--blue)
  );
}

.ipbc-membership-steps__step {
  position: relative;
  z-index: 2;
}

.ipbc-membership-steps__anchor {
  width: 78px;
  height: 78px;
  margin-bottom: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--white);
  border: 1px solid var(--green-light);
  box-shadow: 0 0 0 9px rgba(231, 238, 235, 0.7);
}

.ipbc-membership-steps__anchor span {
  color: var(--green-dark);
  font-size: 0.9em;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.ipbc-membership-steps__step:nth-child(3) .ipbc-membership-steps__anchor {
  border-color: var(--blue-light);
}

.ipbc-membership-steps__step:nth-child(3) .ipbc-membership-steps__anchor span {
  color: var(--blue);
}

.ipbc-membership-steps__step:nth-child(4) .ipbc-membership-steps__anchor {
  border-color: var(--green-reg);
  background: var(--green-dark);
}

.ipbc-membership-steps__step:nth-child(4) .ipbc-membership-steps__anchor span {
  color: var(--white);
}

.ipbc-membership-steps__content {
  max-width: 340px;
  padding: 30px;
  border-radius: 20px;
  background: var(--white);
  border: 1px solid var(--blue-thin);
  box-shadow: 0 10px 30px rgba(5, 38, 82, 0.045);
  transition:
    transform 280ms ease,
    box-shadow 280ms ease,
    border-color 280ms ease;
}

.ipbc-membership-steps__content:hover {
  transform: translateY(-5px);
  border-color: var(--green-light);
  box-shadow: 0 17px 34px rgba(10, 52, 31, 0.09);
}

.ipbc-membership-steps__step--middle {
  padding-top: 72px;
}

.ipbc-membership-steps__mini-label {
  margin-bottom: 15px;
  color: var(--red);
  font-size: 0.68em;
  font-weight: 800;
  letter-spacing: 0.14em;
}

.ipbc-membership-steps__content h3 {
  margin: 0;
  color: var(--green-dark);
  font-size: 1.4em;
  line-height: 1.3;
  font-weight: 650;
}

.ipbc-membership-steps__content p {
  margin: 15px 0 0;
  font-size: 1em;
  line-height: 1.72;
}

@media (max-width: 1024px) {
  .ipbc-membership-steps__container {
    width: min(100% - 48px, 900px);
    padding: 88px 0;
  }

  .ipbc-membership-steps__heading {
    margin-bottom: 60px;
  }

  .ipbc-membership-steps__journey {
    gap: 16px;
  }

  .ipbc-membership-steps__content {
    padding: 24px;
  }
}

@media (max-width: 767px) {
  .ipbc-membership-steps__container {
    width: calc(100% - 40px);
    padding: 72px 0;
  }

  .ipbc-membership-steps__title {
    font-size: 1.7em;
  }

  .ipbc-membership-steps__description {
    font-size: 0.98em;
    line-height: 1.75;
  }

  .ipbc-membership-steps__heading {
    margin-bottom: 48px;
  }

  .ipbc-membership-steps__journey {
    display: flex;
    flex-direction: column;
    gap: 18px;
  }

  .ipbc-membership-steps__line {
    top: 39px;
    bottom: 39px;
    left: 38px;
    right: auto;
    width: 1px;
    height: auto;
  }

  .ipbc-membership-steps__line-progress {
    width: 100%;
    height: 66%;
    background: linear-gradient(
      180deg,
      var(--primary),
      var(--blue)
    );
  }

  .ipbc-membership-steps__step,
  .ipbc-membership-steps__step--middle {
    display: grid;
    grid-template-columns: 78px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
    padding-top: 0;
  }

  .ipbc-membership-steps__anchor {
    margin-bottom: 0;
  }

  .ipbc-membership-steps__content {
    max-width: none;
    padding: 24px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ipbc-membership-steps *,
  .ipbc-membership-steps *::before,
  .ipbc-membership-steps *::after {
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }

  .ipbc-membership-steps__content:hover {
    transform: none;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d6709be *//* =========================================================
   SECTION 05 — MODERN CTA
   NO GLOBAL CSS DEPENDENCY
   ========================================================= */

.ipbc-cta-modern {
    position: relative;

    min-height: 620px;

    display: flex;
    align-items: center;

    overflow: hidden;

    padding: 80px 76px;

    border-radius: 28px;

    background: #082116;

    color: #ffffff;
}


/* =========================================================
   BACKGROUND
   ========================================================= */

.ipbc-cta-modern-bg {
    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at 72% 45%,
            rgba(28, 112, 72, 0.34),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 20%,
            rgba(205, 45, 39, 0.20),
            transparent 24%
        ),
        linear-gradient(
            115deg,
            #071a12 0%,
            #0b2c1c 48%,
            #071912 100%
        );

    z-index: 0;
}


.ipbc-cta-modern-overlay {
    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(5, 20, 13, 0.96) 0%,
            rgba(5, 20, 13, 0.88) 38%,
            rgba(5, 20, 13, 0.40) 66%,
            rgba(5, 20, 13, 0.16) 100%
        );

    z-index: 1;
}


/* =========================================================
   DECORATIVE GLOW
   ========================================================= */

.ipbc-cta-modern-glow {
    position: absolute;

    border-radius: 50%;

    filter: blur(2px);

    pointer-events: none;

    z-index: 1;
}


.ipbc-cta-glow-green {
    width: 380px;
    height: 380px;

    right: 18%;
    top: 8%;

    border: 1px solid rgba(109, 190, 143, 0.10);

    box-shadow:
        0 0 100px rgba(44, 137, 87, 0.15);
}


.ipbc-cta-glow-red {
    width: 180px;
    height: 180px;

    right: 4%;
    bottom: -70px;

    background: rgba(190, 45, 39, 0.10);

    filter: blur(40px);
}


/* =========================================================
   CONTENT
   ========================================================= */

.ipbc-cta-modern-content {
    position: relative;

    z-index: 5;

    width: 54%;
    max-width: 650px;
}


.ipbc-cta-modern-eyebrow {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    margin-bottom: 22px;

    color: #a9d5bc;

    font-family: "Manrope", sans-serif;
    font-size: 12px;
    font-weight: 700;

    letter-spacing: 0.14em;

    text-transform: uppercase;
}


.ipbc-cta-modern-eyebrow::before {
    content: "";

    width: 30px;
    height: 2px;

    background: #d4473f;

    border-radius: 999px;
}


.ipbc-cta-modern h2 {
    max-width: 640px;

    margin: 0 0 24px;

    color: #ffffff;

    font-family: "Manrope", sans-serif;

    font-size: clamp(
        42px,
        4.5vw,
        68px
    );

    font-weight: 800;

    line-height: 1.04;

    letter-spacing: -0.045em;
}


.ipbc-cta-modern h2 span {
    color: #8fd0aa;
}


.ipbc-cta-modern p {
    max-width: 580px;

    margin: 0 0 34px;

    color: rgba(255, 255, 255, 0.72);

    font-family: "Manrope", sans-serif;

    font-size: 17px;

    line-height: 1.75;
}


/* =========================================================
   BUTTON
   ========================================================= */

.ipbc-cta-modern-actions {
    display: flex;
    align-items: center;

    gap: 14px;
}


.ipbc-cta-modern-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    gap: 16px;

    min-height: 54px;

    padding: 15px 24px;

    border: 1px solid #ffffff;

    border-radius: 8px;

    background: #ffffff;

    color: #0a341f;

    font-family: "Manrope", sans-serif;

    font-size: 14px;

    font-weight: 700;

    line-height: 1;

    text-decoration: none;

    transition:
        transform 300ms ease,
        background-color 300ms ease,
        color 300ms ease,
        box-shadow 300ms ease;
}


.ipbc-cta-modern-btn span {
    font-size: 20px;

    line-height: 1;

    transition:
        transform 250ms ease;
}


.ipbc-cta-modern-btn:hover {
    transform: translateY(-3px);

    background: #d4473f;

    border-color: #d4473f;

    color: #ffffff;

    box-shadow:
        0 12px 35px rgba(212, 71, 63, 0.25);
}


.ipbc-cta-modern-btn:hover span {
    transform: translateX(5px);
}


/* =========================================================
   NETWORK VISUAL
   ========================================================= */

.ipbc-cta-modern-visual {
    position: absolute;

    z-index: 4;

    right: 2%;

    top: 50%;

    width: 500px;
    height: 500px;

    transform: translateY(-50%);

    pointer-events: none;
}


/* =========================================================
   ORBITS
   ========================================================= */

.ipbc-network-orbit {
    position: absolute;

    left: 50%;
    top: 50%;

    border-radius: 50%;

    transform:
        translate(-50%, -50%)
        rotate(-18deg);

    border: 1px solid rgba(143, 208, 170, 0.14);
}


.ipbc-network-orbit-outer {
    width: 440px;
    height: 440px;

    border-style: dashed;

    animation:
        ipbcNetworkRotate 24s linear infinite;
}


.ipbc-network-orbit-middle {
    width: 320px;
    height: 320px;

    border-color:
        rgba(212, 71, 63, 0.20);

    animation:
        ipbcNetworkRotateReverse 18s linear infinite;
}


@keyframes ipbcNetworkRotate {

    from {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }

}


@keyframes ipbcNetworkRotateReverse {

    from {
        transform:
            translate(-50%, -50%)
            rotate(360deg);
    }

    to {
        transform:
            translate(-50%, -50%)
            rotate(0deg);
    }

}


/* =========================================================
   CENTER
   ========================================================= */

.ipbc-network-center {
    position: absolute;

    left: 50%;
    top: 50%;

    width: 165px;
    height: 165px;

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

    transform: translate(-50%, -50%);

    border: 1px solid rgba(255, 255, 255, 0.20);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(65, 143, 96, 0.34),
            rgba(7, 35, 22, 0.92)
        );

    box-shadow:
        0 0 70px rgba(62, 153, 94, 0.20),
        inset 0 0 40px rgba(255, 255, 255, 0.04);

    text-align: center;

    animation:
        ipbcCenterFloat 4s ease-in-out infinite;
}


@keyframes ipbcCenterFloat {

    0%,
    100% {
        transform:
            translate(-50%, -50%)
            scale(1);
    }

    50% {
        transform:
            translate(-50%, -53%)
            scale(1.025);
    }

}


.ipbc-network-center-label {
    margin-bottom: 7px;

    color: #8fd0aa;

    font-family: "Manrope", sans-serif;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 0.18em;
}


.ipbc-network-center strong {
    color: #ffffff;

    font-family: "Manrope", sans-serif;

    font-size: 18px;

    line-height: 1.1;

    text-align: center;
}


.ipbc-network-center small {
    margin-top: 8px;

    color: rgba(255, 255, 255, 0.52);

    font-family: "Manrope", sans-serif;

    font-size: 9px;

    font-weight: 600;
}


/* =========================================================
   NETWORK NODES
   ========================================================= */

.ipbc-network-node {
    position: absolute;

    z-index: 5;

    display: flex;
    flex-direction: column;
    justify-content: center;

    min-width: 120px;

    padding: 14px 17px;

    border: 1px solid rgba(255, 255, 255, 0.14);

    border-radius: 14px;

    background:
        rgba(9, 31, 20, 0.82);

    box-shadow:
        0 14px 35px rgba(0, 0, 0, 0.20);

    backdrop-filter: blur(12px);
}


.ipbc-network-node-code {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    margin-bottom: 8px;

    border-radius: 9px;

    background: rgba(143, 208, 170, 0.12);

    color: #9ed5b4;

    font-family: "Manrope", sans-serif;

    font-size: 11px;

    font-weight: 800;
}


.ipbc-network-node strong {
    color: #ffffff;

    font-family: "Manrope", sans-serif;

    font-size: 12px;

    font-weight: 700;
}


.ipbc-network-node small {
    margin-top: 3px;

    color: rgba(255, 255, 255, 0.48);

    font-family: "Manrope", sans-serif;

    font-size: 9px;
}


/* =========================================================
   INDONESIA
   ========================================================= */

.ipbc-node-id {
    left: 0;

    top: 18%;
}


/* =========================================================
   PAKISTAN
   ========================================================= */

.ipbc-node-pk {
    right: 0;

    top: 22%;
}


.ipbc-node-pk .ipbc-network-node-code {
    background: rgba(212, 71, 63, 0.14);

    color: #edaaa5;
}


/* =========================================================
   INVESTMENT
   ========================================================= */

.ipbc-node-investment {
    left: 3%;

    bottom: 18%;

    min-width: 105px;
}


.ipbc-node-trade {
    right: 3%;

    bottom: 15%;

    min-width: 105px;
}


.ipbc-network-node-icon {
    width: 27px;
    height: 27px;

    display: grid;
    place-items: center;

    margin-bottom: 7px;

    border-radius: 8px;

    background: rgba(212, 71, 63, 0.12);

    color: #edaaa5;

    font-size: 14px;

    font-weight: 700;
}


/* =========================================================
   CONNECTION LINES
   ========================================================= */

.ipbc-network-line {
    position: absolute;

    z-index: 1;

    height: 1px;

    transform-origin: left center;

    background:
        linear-gradient(
            90deg,
            rgba(143, 208, 170, 0.05),
            rgba(143, 208, 170, 0.35),
            rgba(143, 208, 170, 0.05)
        );
}


/* Indonesia → Center */

.ipbc-line-id {
    width: 160px;

    left: 106px;
    top: 205px;

    transform: rotate(16deg);
}


/* Pakistan → Center */

.ipbc-line-pk {
    width: 160px;

    right: 106px;
    top: 215px;

    transform:
        rotate(164deg);
}


/* Investment → Center */

.ipbc-line-investment {
    width: 155px;

    left: 105px;
    bottom: 175px;

    transform:
        rotate(-24deg);
}


/* Trade → Center */

.ipbc-line-trade {
    width: 155px;

    right: 105px;
    bottom: 175px;

    transform:
        rotate(204deg);
}


/* =========================================================
   STATUS
   ========================================================= */

.ipbc-network-status {
    position: absolute;

    z-index: 7;

    display: inline-flex;
    align-items: center;

    gap: 8px;

    padding: 9px 13px;

    border: 1px solid rgba(255, 255, 255, 0.12);

    border-radius: 999px;

    background:
        rgba(8, 29, 19, 0.78);

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.18);

    color: rgba(255, 255, 255, 0.72);

    font-family: "Manrope", sans-serif;

    font-size: 9px;

    font-weight: 600;

    backdrop-filter: blur(10px);
}


.ipbc-status-top {
    right: 40px;
    top: 6%;
}


.ipbc-status-top span {
    width: 6px;
    height: 6px;

    border-radius: 50%;

    background: #6dd394;

    box-shadow:
        0 0 0 4px rgba(109, 211, 148, 0.10);
}


.ipbc-status-bottom {
    left: 50%;

    bottom: 4%;

    transform: translateX(-50%);

    gap: 10px;
}


.ipbc-status-bottom strong {
    color: #ffffff;

    font-size: 9px;
}


.ipbc-status-bottom span {
    color: #8fd0aa;
}


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

@media (max-width: 1100px) {

    .ipbc-cta-modern {
        padding: 70px 50px;
    }

    .ipbc-cta-modern-content {
        width: 55%;
    }

    .ipbc-cta-modern-visual {
        right: -70px;

        transform:
            translateY(-50%)
            scale(0.82);
    }

}


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

@media (max-width: 767px) {

    .ipbc-cta-modern {
        min-height: auto;

        display: block;

        padding: 55px 25px 35px;

        border-radius: 22px;
    }


    .ipbc-cta-modern-overlay {
        background:
            linear-gradient(
                180deg,
                rgba(5, 20, 13, 0.95) 0%,
                rgba(5, 20, 13, 0.90) 60%,
                rgba(5, 20, 13, 0.96) 100%
            );
    }


    .ipbc-cta-modern-content {
        width: 100%;

        max-width: none;
    }


    .ipbc-cta-modern h2 {
        font-size: 40px;

        line-height: 1.08;
    }


    .ipbc-cta-modern p {
        font-size: 15px;

        line-height: 1.7;
    }


    .ipbc-cta-modern-visual {
        position: relative;

        right: auto;
        top: auto;

        width: 100%;
        height: 330px;

        margin-top: 30px;

        transform: none;

        overflow: hidden;
    }


    .ipbc-network-orbit-outer {
        width: 290px;
        height: 290px;
    }


    .ipbc-network-orbit-middle {
        width: 210px;
        height: 210px;
    }


    .ipbc-network-center {
        width: 115px;
        height: 115px;
    }


    .ipbc-network-center strong {
        font-size: 13px;
    }


    .ipbc-network-center small {
        font-size: 7px;
    }


    .ipbc-network-node {
        min-width: 92px;

        padding: 10px 11px;
    }


    .ipbc-network-node strong {
        font-size: 9px;
    }


    .ipbc-network-node small {
        font-size: 7px;
    }


    .ipbc-node-id {
        left: 0;

        top: 12%;
    }


    .ipbc-node-pk {
        right: 0;

        top: 15%;
    }


    .ipbc-node-investment {
        left: 0;

        bottom: 12%;
    }


    .ipbc-node-trade {
        right: 0;

        bottom: 10%;
    }


    .ipbc-network-line {
        opacity: 0.55;
    }


    .ipbc-status-top {
        right: 50%;

        top: 0;

        transform: translateX(50%);
    }


    .ipbc-status-bottom {
        bottom: 0;
    }


    .ipbc-cta-modern-btn {
        width: 100%;
    }

}/* End custom CSS */