.elementor-37 .elementor-element.elementor-element-e8e905b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-735ecac{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-5b114c1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-1503eb7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-bd848b9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-bc45842{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-121692d *//* =========================================================
   ILPPS
   PROGRAMMES PAGE
   SECTION 01 — CORPORATE PROGRAMME HERO
========================================================= */

.ilpps-prohero,
.ilpps-prohero * {
  box-sizing: border-box;
}


.ilpps-prohero {
  --blue: #0b4c93;
  --blue-dark: #062f61;
  --blue-deep: #031f43;

  --green: #2b8d3e;
  --green-light: #86c647;

  --orange: #e86524;

  position: relative;

  width: 100%;
  min-height: 760px;

  overflow: hidden;

  background: var(--blue-deep);

  font-family: "Inter", Arial, sans-serif;
}


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

.ilpps-prohero__bg {
  position: absolute;
  inset: 0;

  background-image:
    url("https://images.unsplash.com/photo-1625246333195-78d9c38ad449?auto=format&fit=crop&w=2000&q=90");

  background-size: cover;
  background-position: center 55%;
  background-repeat: no-repeat;

  transform: scale(1.02);
}


/* =========================================================
   OVERLAY
========================================================= */

.ilpps-prohero__shade {
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(3,31,67,.98) 0%,
      rgba(3,31,67,.94) 37%,
      rgba(3,31,67,.78) 62%,
      rgba(3,31,67,.38) 100%
    );
}


.ilpps-prohero__shade::after {
  content: "";

  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      0deg,
      rgba(3,31,67,.55) 0%,
      transparent 36%
    );
}


/* =========================================================
   BRAND ACCENT
========================================================= */

.ilpps-prohero__accent {
  position: absolute;

  z-index: 5;

  top: 0;
  left: 0;

  width: 100%;
  height: 5px;

  display: grid;

  grid-template-columns:
    56% 17% 27%;
}


.ilpps-prohero__accent span:nth-child(1) {
  background: var(--blue);
}

.ilpps-prohero__accent span:nth-child(2) {
  background: var(--orange);
}

.ilpps-prohero__accent span:nth-child(3) {
  background: var(--green);
}


/* =========================================================
   WRAPPER
========================================================= */

.ilpps-prohero__wrap {
  position: relative;

  z-index: 3;

  width: min(1280px, calc(100% - 50px));

  min-height: 650px;

  margin: 0 auto;

  display: grid;

  grid-template-columns:
    minmax(0,1fr)
    410px;

  gap: clamp(70px,9vw,130px);

  align-items: center;

  padding:
    100px
    0
    80px;
}


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

.ilpps-prohero__content {
  max-width: 790px;
}


.ilpps-prohero__eyebrow {
  display: flex;

  align-items: center;

  gap: 13px;

  margin-bottom: 23px;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: .21em;

  text-transform: uppercase;

  color: rgba(255,255,255,.66);
}


.ilpps-prohero__eyebrow > span {
  width: 43px;
  height: 3px;

  background:
    linear-gradient(
      90deg,
      #6ba5e4 0 40%,
      var(--orange) 40% 65%,
      var(--green-light) 65% 100%
    );
}


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

.ilpps-prohero__content h1 {
  margin: 0;

  max-width: 850px;

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

  font-size:
    clamp(54px,6.4vw,91px);

  line-height: .97;

  letter-spacing: -.06em;

  font-weight: 800;

  color: #ffffff;
}


.ilpps-prohero__content h1 span {
  display: block;

  color: var(--green-light);
}


/* =========================================================
   LEAD
========================================================= */

.ilpps-prohero__lead {
  max-width: 600px;

  margin:
    29px
    0
    0;

  padding-left: 20px;

  border-left:
    3px solid var(--orange);

  font-size: 14px;

  line-height: 1.8;

  color: rgba(255,255,255,.68);
}


/* =========================================================
   SVG GLOBAL
========================================================= */

.ilpps-prohero svg {
  display: block;

  width: 100%;
  height: 100%;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;

  overflow: visible;
}


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

.ilpps-prohero__cta {
  min-height: 56px;

  display: inline-flex;

  align-items: center;

  gap: 22px;

  margin-top: 34px;

  padding:
    5px
    6px
    5px
    23px;

  border-radius: 999px;

  background: #ffffff;

  text-decoration: none;

  font-size: 9px;

  font-weight: 800;

  letter-spacing: .055em;

  text-transform: uppercase;

  color: var(--blue-deep);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.ilpps-prohero__cta-arrow {
  width: 44px;
  height: 44px;

  flex: 0 0 auto;

  display: grid;

  place-items: center;

  border-radius: 50%;

  background: var(--orange);

  color: #ffffff;
}


.ilpps-prohero__cta-arrow svg {
  width: 17px;
  height: 17px;
}


.ilpps-prohero__cta:hover {
  transform: translateY(-3px);

  box-shadow:
    0 18px 38px rgba(0,0,0,.22);
}


/* =========================================================
   DIRECTORY
========================================================= */

.ilpps-prohero__index {
  border-top:
    1px solid rgba(255,255,255,.20);

  border-bottom:
    1px solid rgba(255,255,255,.20);
}


.ilpps-prohero__index-head {
  min-height: 65px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 15px;

  border-bottom:
    1px solid rgba(255,255,255,.14);
}


.ilpps-prohero__index-head > span {
  font-size: 8px;

  font-weight: 800;

  letter-spacing: .16em;

  text-transform: uppercase;

  color: #ffffff;
}


.ilpps-prohero__index-head small {
  font-size: 7px;

  font-weight: 700;

  letter-spacing: .10em;

  text-transform: uppercase;

  color: rgba(255,255,255,.40);
}


/* =========================================================
   PROGRAMME ROW
========================================================= */

.ilpps-prohero__programme {
  display: grid;

  grid-template-columns:
    38px
    minmax(0,1fr)
    23px;

  gap: 19px;

  align-items: center;

  min-height: 137px;

  border-bottom:
    1px solid rgba(255,255,255,.14);

  text-decoration: none;

  transition:
    padding-left .25s ease;
}


.ilpps-prohero__programme:hover {
  padding-left: 7px;
}


/* =========================================================
   PROGRAMME ICON
   CLEAN / NO BOX
========================================================= */

.ilpps-prohero__programme-icon {
  width: 28px;
  height: 28px;

  color: var(--orange);
}


.ilpps-prohero__programme-icon--green {
  color: var(--green-light);
}


.ilpps-prohero__programme-icon svg {
  width: 28px;
  height: 28px;

  stroke-width: 1.7;
}


/* =========================================================
   PROGRAMME COPY
========================================================= */

.ilpps-prohero__programme-copy > span {
  display: block;

  margin-bottom: 7px;

  font-size: 7px;

  font-weight: 800;

  letter-spacing: .13em;

  text-transform: uppercase;

  color: rgba(255,255,255,.42);
}


.ilpps-prohero__programme-copy h3 {
  margin: 0;

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

  font-size: 15px;

  line-height: 1.45;

  font-weight: 500;

  color: rgba(255,255,255,.70);
}


.ilpps-prohero__programme-copy h3 strong {
  display: block;

  font-weight: 800;

  color: #ffffff;
}


/* =========================================================
   ROW ARROW
========================================================= */

.ilpps-prohero__row-arrow {
  width: 18px;
  height: 18px;

  color: rgba(255,255,255,.42);

  transition:
    transform .25s ease,
    color .25s ease;
}


.ilpps-prohero__programme:hover
.ilpps-prohero__row-arrow {
  transform: translateX(4px);

  color: var(--orange);
}


/* =========================================================
   LOCATION
========================================================= */

.ilpps-prohero__location {
  min-height: 86px;

  display: flex;

  align-items: center;

  gap: 18px;
}


.ilpps-prohero__location-icon {
  width: 20px;
  height: 20px;

  flex: 0 0 auto;

  color: var(--orange);
}


.ilpps-prohero__location small {
  display: block;

  margin-bottom: 4px;

  font-size: 7px;

  font-weight: 800;

  letter-spacing: .13em;

  text-transform: uppercase;

  color: rgba(255,255,255,.40);
}


.ilpps-prohero__location strong {
  display: block;

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

  font-size: 11px;

  color: #ffffff;
}


/* =========================================================
   BOTTOM BAR
========================================================= */

.ilpps-prohero__bottom {
  position: relative;

  z-index: 4;

  min-height: 110px;

  display: flex;

  align-items: center;

  background:
    rgba(3,31,67,.95);

  border-top:
    1px solid rgba(255,255,255,.14);
}


.ilpps-prohero__bottom-wrap {
  width: min(1280px, calc(100% - 50px));

  margin: 0 auto;

  display: flex;

  align-items: center;

  gap: clamp(30px,5vw,65px);
}


/* =========================================================
   BOTTOM ITEM
========================================================= */

.ilpps-prohero__bottom-item {
  flex: 1;

  display: flex;

  align-items: center;

  gap: 16px;
}


.ilpps-prohero__bottom-icon {
  width: 25px;
  height: 25px;

  flex: 0 0 auto;

  color: var(--green-light);
}


.ilpps-prohero__bottom-icon--orange {
  color: var(--orange);
}


.ilpps-prohero__bottom-icon--blue {
  color: #6ca6e4;
}


.ilpps-prohero__bottom-icon svg {
  width: 25px;
  height: 25px;
}


.ilpps-prohero__bottom-item small {
  display: block;

  margin-bottom: 4px;

  font-size: 7px;

  font-weight: 700;

  letter-spacing: .12em;

  text-transform: uppercase;

  color: rgba(255,255,255,.40);
}


.ilpps-prohero__bottom-item strong {
  display: block;

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

  font-size: 11px;

  color: #ffffff;
}


/* =========================================================
   DIVIDER
========================================================= */

.ilpps-prohero__divider {
  width: 1px;
  height: 38px;

  flex: 0 0 auto;

  background:
    rgba(255,255,255,.15);
}


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

@media (max-width: 1000px) {

  .ilpps-prohero__wrap {
    grid-template-columns: 1fr;

    gap: 55px;
  }


  .ilpps-prohero__index {
    max-width: 600px;
  }

}


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

@media (max-width: 700px) {

  .ilpps-prohero {
    min-height: auto;
  }


  .ilpps-prohero__bg {
    background-position: 65% center;
  }


  .ilpps-prohero__wrap {
    width: calc(100% - 30px);

    min-height: auto;

    padding:
      80px
      0
      60px;
  }


  .ilpps-prohero__content h1 {
    font-size:
      clamp(44px,13vw,63px);
  }


  .ilpps-prohero__lead {
    font-size: 13px;
  }


  .ilpps-prohero__cta {
    width: 100%;

    justify-content: space-between;
  }


  .ilpps-prohero__programme {
    grid-template-columns:
      32px
      minmax(0,1fr)
      20px;

    gap: 14px;

    min-height: 125px;
  }


  .ilpps-prohero__programme-icon,
  .ilpps-prohero__programme-icon svg {
    width: 23px;
    height: 23px;
  }


  .ilpps-prohero__bottom {
    min-height: auto;
  }


  .ilpps-prohero__bottom-wrap {
    width: calc(100% - 30px);

    display: grid;

    grid-template-columns: 1fr;

    gap: 0;

    padding:
      10px
      0;
  }


  .ilpps-prohero__bottom-item {
    min-height: 76px;

    border-bottom:
      1px solid rgba(255,255,255,.12);
  }


  .ilpps-prohero__bottom-item:last-child {
    border-bottom: 0;
  }


  .ilpps-prohero__divider {
    display: none;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-61652a8 *//* =========================================================
   ILPPS
   PROGRAMMES PAGE
   SECTION 02 — PLANTATION MANAGEMENT V2
========================================================= */

.ilpps-pm-v2,
.ilpps-pm-v2 * {
  box-sizing: border-box;
}


.ilpps-pm-v2 {
  --pm2-blue: #0b4c93;
  --pm2-blue-dark: #062f61;
  --pm2-blue-deep: #031f43;

  --pm2-green: #2b8d3e;
  --pm2-green-light: #86c647;

  --pm2-orange: #e86524;

  --pm2-dark: #102238;
  --pm2-text: #536170;
  --pm2-muted: #7c8791;

  --pm2-light: #f4f7f9;
  --pm2-border: #dfe6ea;

  width: 100%;

  overflow: hidden;

  background: #ffffff;

  font-family: "Inter", Arial, sans-serif;
}


/* =========================================================
   SVG
========================================================= */

.ilpps-pm-v2 svg {
  width: 100%;
  height: 100%;

  display: block;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   WRAPPER
========================================================= */

.ilpps-pm-v2__wrap {
  width: min(1280px, calc(100% - 50px));

  margin: 0 auto;

  padding:
    clamp(90px, 10vw, 140px)
    0;
}


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

.ilpps-pm-v2__head {
  display: grid;

  grid-template-columns:
    1fr .5fr;

  gap: clamp(60px, 8vw, 110px);

  align-items: end;

  margin-bottom: 50px;
}


.ilpps-pm-v2__eyebrow {
  display: flex;
  align-items: center;

  gap: 12px;

  margin-bottom: 17px;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .20em;
  text-transform: uppercase;

  color: var(--pm2-blue);
}


.ilpps-pm-v2__eyebrow > span {
  width: 38px;
  height: 3px;

  background:
    linear-gradient(
      90deg,
      var(--pm2-blue) 0 40%,
      var(--pm2-orange) 40% 65%,
      var(--pm2-green) 65% 100%
    );
}


.ilpps-pm-v2__head h2 {
  margin: 0;

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

  font-size:
    clamp(40px, 4.8vw, 64px);

  line-height: 1.04;

  letter-spacing: -.048em;

  font-weight: 800;

  color: var(--pm2-dark);
}


.ilpps-pm-v2__head h2 span {
  display: block;

  color: var(--pm2-blue);
}


.ilpps-pm-v2__head-note {
  padding-left: 27px;

  border-left:
    1px solid var(--pm2-border);
}


.ilpps-pm-v2__head-note > span {
  display: block;

  margin-bottom: 9px;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .15em;
  text-transform: uppercase;

  color: var(--pm2-orange);
}


.ilpps-pm-v2__head-note p {
  margin: 0;

  font-size: 11px;
  line-height: 1.8;

  color: var(--pm2-muted);
}


/* =========================================================
   FEATURE
========================================================= */

.ilpps-pm-v2__feature {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    340px;

  min-height: 500px;
}


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

.ilpps-pm-v2__visual {
  position: relative;

  min-height: 500px;

  overflow: hidden;

  background: var(--pm2-blue-deep);
}


.ilpps-pm-v2__visual img {
  position: absolute;

  inset: 0;

  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transition:
    transform .75s ease;
}


.ilpps-pm-v2__visual:hover img {
  transform: scale(1.035);
}


.ilpps-pm-v2__visual-overlay {
  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      to top,
      rgba(3,31,67,.94),
      rgba(3,31,67,.35) 50%,
      rgba(3,31,67,.03) 82%
    );
}


.ilpps-pm-v2__visual-content {
  position: absolute;

  z-index: 2;

  left: clamp(28px,4vw,50px);
  right: clamp(28px,4vw,50px);
  bottom: 42px;
}


.ilpps-pm-v2__visual-content > span {
  display: block;

  margin-bottom: 10px;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .18em;
  text-transform: uppercase;

  color: var(--pm2-green-light);
}


.ilpps-pm-v2__visual-content h3 {
  margin: 0;

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

  font-size:
    clamp(34px,4vw,53px);

  line-height: 1.03;

  letter-spacing: -.045em;

  color: #ffffff;
}


.ilpps-pm-v2__visual-content h3 strong {
  display: block;

  color: #f17b3b;
}


/* =========================================================
   INFO PANEL
========================================================= */

.ilpps-pm-v2__info {
  display: flex;
  flex-direction: column;

  justify-content: center;

  padding:
    38px
    32px;

  background: var(--pm2-blue-deep);
}


.ilpps-pm-v2__info-label {
  display: block;

  margin-bottom: 13px;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .16em;
  text-transform: uppercase;

  color: var(--pm2-green-light);
}


.ilpps-pm-v2__info > p {
  margin: 0 0 29px;

  font-size: 11px;
  line-height: 1.8;

  color: rgba(255,255,255,.61);
}


/* =========================================================
   FACTS
========================================================= */

.ilpps-pm-v2__fact {
  display: grid;

  grid-template-columns:
    30px 1fr;

  gap: 16px;

  align-items: center;

  min-height: 78px;

  border-top:
    1px solid rgba(255,255,255,.13);
}


.ilpps-pm-v2__fact:last-child {
  border-bottom:
    1px solid rgba(255,255,255,.13);
}


/* CLEAN ICON — NO BOX */

.ilpps-pm-v2__fact-icon {
  width: 23px;
  height: 23px;

  color: #69a5e6;
}


.ilpps-pm-v2__fact-icon--orange {
  color: var(--pm2-orange);
}


.ilpps-pm-v2__fact-icon--green {
  color: var(--pm2-green-light);
}


.ilpps-pm-v2__fact small {
  display: block;

  margin-bottom: 4px;

  font-size: 7px;
  font-weight: 700;

  letter-spacing: .11em;
  text-transform: uppercase;

  color: rgba(255,255,255,.40);
}


.ilpps-pm-v2__fact strong {
  display: block;

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

  font-size: 11px;

  color: #ffffff;
}


/* =========================================================
   LEARNING HEAD
========================================================= */

.ilpps-pm-v2__learning-head {
  display: grid;

  grid-template-columns:
    1fr .5fr;

  gap: 60px;

  align-items: end;

  padding:
    65px
    0
    35px;
}


.ilpps-pm-v2__learning-head span {
  display: block;

  margin-bottom: 10px;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .16em;
  text-transform: uppercase;

  color: var(--pm2-orange);
}


.ilpps-pm-v2__learning-head h3 {
  margin: 0;

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

  font-size:
    clamp(28px,3.2vw,41px);

  line-height: 1.08;

  letter-spacing: -.04em;

  color: var(--pm2-dark);
}


.ilpps-pm-v2__learning-head h3 strong {
  display: block;

  color: var(--pm2-blue);
}


.ilpps-pm-v2__learning-head > p {
  margin: 0;

  font-size: 10px;
  line-height: 1.8;

  color: var(--pm2-muted);
}


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

.ilpps-pm-v2__areas {
  display: grid;

  grid-template-columns:
    repeat(3,1fr);

  border-top:
    1px solid var(--pm2-border);

  border-left:
    1px solid var(--pm2-border);
}


.ilpps-pm-v2__area {
  min-height: 250px;

  padding: 27px;

  background: #ffffff;

  border-right:
    1px solid var(--pm2-border);

  border-bottom:
    1px solid var(--pm2-border);

  transition:
    background .25s ease;
}


.ilpps-pm-v2__area:hover {
  background: #f8fafb;
}


.ilpps-pm-v2__area-top {
  display: flex;

  align-items: center;
  justify-content: space-between;

  margin-bottom: 46px;
}


.ilpps-pm-v2__area-top > span {
  font-family: "Manrope", Arial, sans-serif;

  font-size: 8px;
  font-weight: 800;

  color: var(--pm2-orange);
}


/* CLEAN LINE ICON */

.ilpps-pm-v2__area-icon {
  width: 25px;
  height: 25px;

  color: var(--pm2-blue);
}


.ilpps-pm-v2__area-icon--green {
  color: var(--pm2-green);
}


.ilpps-pm-v2__area-icon--orange {
  color: var(--pm2-orange);
}


.ilpps-pm-v2__area > small {
  display: block;

  margin-bottom: 7px;

  font-size: 7px;
  font-weight: 800;

  letter-spacing: .13em;
  text-transform: uppercase;

  color: var(--pm2-muted);
}


.ilpps-pm-v2__area h4 {
  margin: 0;

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

  font-size: 16px;

  line-height: 1.3;

  color: var(--pm2-dark);
}


.ilpps-pm-v2__area p {
  max-width: 250px;

  margin:
    10px
    0
    0;

  font-size: 9px;
  line-height: 1.7;

  color: var(--pm2-muted);
}


/* =========================================================
   FEATURE AREA
========================================================= */

.ilpps-pm-v2__area--feature {
  background: var(--pm2-green);
}


.ilpps-pm-v2__area--feature:hover {
  background: #247f39;
}


.ilpps-pm-v2__area--feature
.ilpps-pm-v2__area-top > span {
  color: rgba(255,255,255,.55);
}


.ilpps-pm-v2__area--feature
.ilpps-pm-v2__area-icon {
  color: #ffffff;
}


.ilpps-pm-v2__area--feature > small {
  color: rgba(255,255,255,.52);
}


.ilpps-pm-v2__area--feature h4 {
  color: #ffffff;
}


.ilpps-pm-v2__area--feature p {
  color: rgba(255,255,255,.70);
}


/* =========================================================
   NEXT
========================================================= */

.ilpps-pm-v2__next {
  min-height: 150px;

  display: flex;

  align-items: center;
  justify-content: space-between;

  gap: 40px;
}


.ilpps-pm-v2__next > div > span {
  display: block;

  margin-bottom: 7px;

  font-size: 8px;
  font-weight: 800;

  letter-spacing: .14em;
  text-transform: uppercase;

  color: var(--pm2-orange);
}


.ilpps-pm-v2__next > div > strong {
  font-family: "Manrope", Arial, sans-serif;

  font-size: 16px;

  color: var(--pm2-dark);
}


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

.ilpps-pm-v2__next-btn {
  min-height: 55px;

  display: inline-flex;

  align-items: center;

  gap: 20px;

  padding:
    5px
    6px
    5px
    22px;

  border-radius: 999px;

  background: var(--pm2-blue);

  text-decoration: none;

  font-size: 9px;
  font-weight: 800;

  letter-spacing: .04em;
  text-transform: uppercase;

  color: #ffffff;
}


.ilpps-pm-v2__next-arrow {
  width: 43px;
  height: 43px;

  display: grid;
  place-items: center;

  border-radius: 50%;

  background: var(--pm2-orange);
}


.ilpps-pm-v2__next-arrow svg {
  width: 16px;
  height: 16px;
}


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

@media (max-width: 1000px) {

  .ilpps-pm-v2__feature {
    grid-template-columns: 1fr;
  }


  .ilpps-pm-v2__info {
    min-height: 330px;
  }


  .ilpps-pm-v2__areas {
    grid-template-columns:
      repeat(2,1fr);
  }

}


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

@media (max-width: 700px) {

  .ilpps-pm-v2__wrap {
    width: calc(100% - 30px);

    padding:
      75px
      0;
  }


  .ilpps-pm-v2__head,
  .ilpps-pm-v2__learning-head {
    grid-template-columns: 1fr;

    gap: 25px;
  }


  .ilpps-pm-v2__head h2 {
    font-size: 38px;
  }


  .ilpps-pm-v2__head-note {
    padding:
      20px
      0
      0;

    border-left: 0;

    border-top:
      1px solid var(--pm2-border);
  }


  .ilpps-pm-v2__visual {
    min-height: 430px;
  }


  .ilpps-pm-v2__info {
    min-height: auto;

    padding:
      38px
      24px;
  }


  .ilpps-pm-v2__areas {
    grid-template-columns: 1fr;
  }


  .ilpps-pm-v2__area {
    min-height: auto;

    padding:
      25px
      22px;
  }


  .ilpps-pm-v2__area-top {
    margin-bottom: 34px;
  }


  .ilpps-pm-v2__next {
    flex-direction: column;

    align-items: flex-start;

    gap: 25px;
  }


  .ilpps-pm-v2__next-btn {
    width: 100%;

    justify-content: space-between;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3f97aab *//* =========================================================
   ILPPS
   PROGRAMMES PAGE
   SECTION 03 — SMART CROP MANAGEMENT V2
========================================================= */

.ilpps-scm-v2,
.ilpps-scm-v2 * {
  box-sizing: border-box;
}


.ilpps-scm-v2 {
  --sc2-blue:#0b4c93;
  --sc2-blue-dark:#062f61;
  --sc2-blue-deep:#031f43;

  --sc2-green:#2b8d3e;
  --sc2-green-light:#86c647;

  --sc2-orange:#e86524;

  --sc2-dark:#102238;
  --sc2-text:#536170;
  --sc2-muted:#7c8791;

  --sc2-light:#f4f7f9;
  --sc2-border:#dfe6ea;

  width:100%;

  overflow:hidden;

  background:#f4f7f9;

  font-family:"Inter",Arial,sans-serif;
}


/* =========================================================
   SVG
========================================================= */

.ilpps-scm-v2 svg {
  width:100%;
  height:100%;

  display:block;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================================
   WRAP
========================================================= */

.ilpps-scm-v2__wrap {
  width:min(1280px,calc(100% - 50px));

  margin:0 auto;

  padding:
    clamp(90px,10vw,140px)
    0;
}


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

.ilpps-scm-v2__head {
  display:grid;

  grid-template-columns:
    1fr .5fr;

  gap:clamp(60px,8vw,110px);

  align-items:end;

  margin-bottom:50px;
}


.ilpps-scm-v2__eyebrow {
  display:flex;

  align-items:center;

  gap:12px;

  margin-bottom:17px;

  font-size:9px;

  font-weight:800;

  letter-spacing:.20em;

  text-transform:uppercase;

  color:var(--sc2-blue);
}


.ilpps-scm-v2__eyebrow > span {
  width:38px;
  height:3px;

  background:
    linear-gradient(
      90deg,
      var(--sc2-blue) 0 40%,
      var(--sc2-orange) 40% 65%,
      var(--sc2-green) 65% 100%
    );
}


.ilpps-scm-v2__head h2 {
  margin:0;

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

  font-size:
    clamp(40px,4.8vw,64px);

  line-height:1.04;

  letter-spacing:-.048em;

  font-weight:800;

  color:var(--sc2-dark);
}


.ilpps-scm-v2__head h2 span {
  display:block;

  color:var(--sc2-green);
}


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

.ilpps-scm-v2__head-note {
  padding-left:27px;

  border-left:
    1px solid var(--sc2-border);
}


.ilpps-scm-v2__head-note > span {
  display:block;

  margin-bottom:9px;

  font-size:8px;

  font-weight:800;

  letter-spacing:.15em;

  text-transform:uppercase;

  color:var(--sc2-orange);
}


.ilpps-scm-v2__head-note p {
  margin:0;

  font-size:11px;

  line-height:1.8;

  color:var(--sc2-muted);
}


/* =========================================================
   FEATURE
========================================================= */

.ilpps-scm-v2__feature {
  display:grid;

  grid-template-columns:
    390px minmax(0,1fr);

  min-height:520px;
}


/* =========================================================
   INFO
========================================================= */

.ilpps-scm-v2__info {
  display:flex;

  flex-direction:column;

  justify-content:center;

  padding:
    43px
    38px;

  background:var(--sc2-blue-deep);
}


.ilpps-scm-v2__info-label {
  display:block;

  margin-bottom:13px;

  font-size:8px;

  font-weight:800;

  letter-spacing:.17em;

  text-transform:uppercase;

  color:var(--sc2-green-light);
}


.ilpps-scm-v2__info h3 {
  margin:0;

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

  font-size:
    clamp(29px,3vw,40px);

  line-height:1.08;

  letter-spacing:-.04em;

  color:#fff;
}


.ilpps-scm-v2__info h3 strong {
  display:block;

  color:var(--sc2-orange);
}


.ilpps-scm-v2__info > p {
  margin:
    21px
    0
    28px;

  font-size:11px;

  line-height:1.8;

  color:
    rgba(255,255,255,.61);
}


/* =========================================================
   FACT
========================================================= */

.ilpps-scm-v2__fact {
  min-height:72px;

  display:grid;

  grid-template-columns:
    28px 1fr;

  gap:15px;

  align-items:center;

  border-top:
    1px solid rgba(255,255,255,.13);
}


.ilpps-scm-v2__fact:last-child {
  border-bottom:
    1px solid rgba(255,255,255,.13);
}


.ilpps-scm-v2__fact-icon {
  width:22px;
  height:22px;

  color:#69a5e6;
}


.ilpps-scm-v2__fact-icon--orange {
  color:var(--sc2-orange);
}


.ilpps-scm-v2__fact-icon--green {
  color:var(--sc2-green-light);
}


.ilpps-scm-v2__fact small {
  display:block;

  margin-bottom:4px;

  font-size:7px;

  letter-spacing:.11em;

  text-transform:uppercase;

  color:rgba(255,255,255,.40);
}


.ilpps-scm-v2__fact strong {
  font-family:"Manrope",Arial,sans-serif;

  font-size:11px;

  color:#fff;
}


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

.ilpps-scm-v2__visual {
  position:relative;

  min-height:520px;

  overflow:hidden;

  background:var(--sc2-blue-dark);
}


.ilpps-scm-v2__visual img {
  position:absolute;

  inset:0;

  width:100%;
  height:100%;

  display:block;

  object-fit:cover;

  transition:
    transform .75s ease;
}


.ilpps-scm-v2__visual:hover img {
  transform:scale(1.035);
}


.ilpps-scm-v2__visual-overlay {
  position:absolute;

  inset:0;

  background:
    linear-gradient(
      to top,
      rgba(3,31,67,.90),
      rgba(3,31,67,.24) 55%,
      transparent
    );
}


.ilpps-scm-v2__visual-content {
  position:absolute;

  z-index:2;

  left:clamp(28px,4vw,50px);
  right:clamp(28px,4vw,50px);
  bottom:42px;
}


.ilpps-scm-v2__visual-content > span {
  display:block;

  margin-bottom:10px;

  font-size:8px;

  font-weight:800;

  letter-spacing:.18em;

  text-transform:uppercase;

  color:var(--sc2-green-light);
}


.ilpps-scm-v2__visual-content h3 {
  margin:0;

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

  font-size:
    clamp(34px,4vw,53px);

  line-height:1.03;

  letter-spacing:-.045em;

  color:#fff;
}


.ilpps-scm-v2__visual-content h3 strong {
  display:block;

  color:#f17b3b;
}


/* =========================================================
   LEARNING HEAD
========================================================= */

.ilpps-scm-v2__learning-head {
  display:grid;

  grid-template-columns:
    1fr .5fr;

  gap:60px;

  align-items:end;

  padding:
    65px
    0
    35px;
}


.ilpps-scm-v2__learning-head span {
  display:block;

  margin-bottom:10px;

  font-size:8px;

  font-weight:800;

  letter-spacing:.16em;

  text-transform:uppercase;

  color:var(--sc2-orange);
}


.ilpps-scm-v2__learning-head h3 {
  margin:0;

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

  font-size:
    clamp(28px,3.2vw,41px);

  line-height:1.08;

  letter-spacing:-.04em;

  color:var(--sc2-dark);
}


.ilpps-scm-v2__learning-head h3 strong {
  display:block;

  color:var(--sc2-blue);
}


.ilpps-scm-v2__learning-head > p {
  margin:0;

  font-size:10px;

  line-height:1.8;

  color:var(--sc2-muted);
}


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

.ilpps-scm-v2__grid {
  display:grid;

  grid-template-columns:
    repeat(5,1fr);

  border-top:
    1px solid var(--sc2-border);

  border-left:
    1px solid var(--sc2-border);
}


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

.ilpps-scm-v2__item {
  min-height:190px;

  padding:
    23px;

  background:#fff;

  border-right:
    1px solid var(--sc2-border);

  border-bottom:
    1px solid var(--sc2-border);

  transition:
    background .25s ease;
}


.ilpps-scm-v2__item:hover {
  background:#fafbfc;
}


.ilpps-scm-v2__item-top {
  display:flex;

  align-items:center;

  justify-content:space-between;

  margin-bottom:48px;
}


.ilpps-scm-v2__item-top > span {
  font-family:"Manrope",Arial,sans-serif;

  font-size:8px;

  font-weight:800;

  color:var(--sc2-orange);
}


/* =========================================================
   CLEAN OFFICIAL STYLE SVG ICON
========================================================= */

.ilpps-scm-v2__item-icon {
  width:25px;
  height:25px;

  color:var(--sc2-blue);
}


.ilpps-scm-v2__item-icon--green {
  color:var(--sc2-green);
}


.ilpps-scm-v2__item-icon--orange {
  color:var(--sc2-orange);
}


.ilpps-scm-v2__item > small {
  display:block;

  margin-bottom:7px;

  font-size:7px;

  font-weight:800;

  letter-spacing:.12em;

  text-transform:uppercase;

  color:var(--sc2-muted);
}


.ilpps-scm-v2__item h4 {
  margin:0;

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

  font-size:13px;

  line-height:1.4;

  color:var(--sc2-dark);
}


/* =========================================================
   AI FEATURE
========================================================= */

.ilpps-scm-v2__item--feature {
  grid-column:span 2;

  background:
    linear-gradient(
      135deg,
      var(--sc2-green),
      #176c32
    );
}


.ilpps-scm-v2__item--feature:hover {
  background:
    linear-gradient(
      135deg,
      #329949,
      #176c32
    );
}


.ilpps-scm-v2__item--feature
.ilpps-scm-v2__item-top > span {
  color:
    rgba(255,255,255,.56);
}


.ilpps-scm-v2__item--feature
.ilpps-scm-v2__item-icon {
  color:#fff;
}


.ilpps-scm-v2__item--feature > small {
  color:
    rgba(255,255,255,.52);
}


.ilpps-scm-v2__item--feature h4 {
  font-size:17px;

  color:#fff;
}


.ilpps-scm-v2__item--feature h4 strong {
  display:block;

  color:
    rgba(255,255,255,.72);
}


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

@media (max-width:1050px) {

  .ilpps-scm-v2__feature {
    grid-template-columns:1fr;
  }


  .ilpps-scm-v2__info {
    min-height:390px;
  }


  .ilpps-scm-v2__visual {
    min-height:500px;
  }


  .ilpps-scm-v2__grid {
    grid-template-columns:
      repeat(3,1fr);
  }

}


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

@media (max-width:700px) {

  .ilpps-scm-v2__wrap {
    width:calc(100% - 30px);

    padding:
      75px
      0;
  }


  .ilpps-scm-v2__head,
  .ilpps-scm-v2__learning-head {
    grid-template-columns:1fr;

    gap:25px;
  }


  .ilpps-scm-v2__head h2 {
    font-size:38px;
  }


  .ilpps-scm-v2__head-note {
    padding:
      20px
      0
      0;

    border-left:0;

    border-top:
      1px solid var(--sc2-border);
  }


  .ilpps-scm-v2__info {
    min-height:auto;

    padding:
      40px
      24px;
  }


  .ilpps-scm-v2__visual {
    min-height:430px;
  }


  .ilpps-scm-v2__grid {
    grid-template-columns:1fr;
  }


  .ilpps-scm-v2__item,
  .ilpps-scm-v2__item--feature {
    grid-column:auto;

    min-height:160px;
  }


  .ilpps-scm-v2__item-top {
    margin-bottom:35px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d014b68 *//* =========================================================
   ILPPS
   PROGRAMMES PAGE
   SECTION 04 — STUDY STRUCTURE
   TYPOGRAPHY MATCH SECTION 01–03
========================================================= */

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


/* =========================================================
   ROOT
========================================================= */

.ilpps-study-v2,
.ilpps-study-v2 * {
  box-sizing: border-box;
}

.ilpps-study-v2 {
  --sv2-blue: #0b4c93;
  --sv2-blue-dark: #062f61;
  --sv2-blue-deep: #031f43;

  --sv2-green: #2b8d3e;
  --sv2-green-light: #86c647;

  --sv2-orange: #e86524;

  --sv2-dark: #102238;
  --sv2-text: #536170;
  --sv2-muted: #7c8791;

  --sv2-border: #dfe6ea;
  --sv2-light: #f4f7f9;

  width: 100%;
  overflow: hidden;

  background: #ffffff;

  font-family: "Inter", Arial, sans-serif;
  color: var(--sv2-dark);
}


/* =========================================================
   TYPOGRAPHY RESET
========================================================= */

.ilpps-study-v2 p,
.ilpps-study-v2 span,
.ilpps-study-v2 small,
.ilpps-study-v2 a,
.ilpps-study-v2 div {
  font-family: "Inter", Arial, sans-serif;
}

.ilpps-study-v2 h1,
.ilpps-study-v2 h2,
.ilpps-study-v2 h3,
.ilpps-study-v2 h4,
.ilpps-study-v2 h5,
.ilpps-study-v2 h6 {
  font-family: "Manrope", Arial, sans-serif;
}

.ilpps-study-v2 strong {
  font-family: "Manrope", Arial, sans-serif;
}


/* =========================================================
   SVG ICON SYSTEM
========================================================= */

.ilpps-study-v2 svg {
  display: block;

  width: 100%;
  height: 100%;

  fill: none;

  stroke: currentColor;

  stroke-width: 1.8;

  stroke-linecap: round;
  stroke-linejoin: round;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.ilpps-study-v2__wrap {
  width: min(1280px, calc(100% - 50px));

  margin: 0 auto;

  padding:
    clamp(90px, 10vw, 140px)
    0;
}


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

.ilpps-study-v2__head {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    minmax(280px, .55fr);

  gap: clamp(50px, 7vw, 90px);

  align-items: end;

  margin-bottom: 55px;
}


/* EYEBROW */

.ilpps-study-v2__eyebrow {
  display: flex;
  align-items: center;

  gap: 12px;

  margin-bottom: 17px;

  font-family: "Inter", Arial, sans-serif;

  font-size: 9px;
  line-height: 1.2;

  font-weight: 800;

  letter-spacing: .20em;

  text-transform: uppercase;

  color: var(--sv2-blue);
}

.ilpps-study-v2__eyebrow > span {
  width: 38px;
  height: 3px;

  flex: 0 0 auto;

  background:
    linear-gradient(
      90deg,
      var(--sv2-blue) 0 40%,
      var(--sv2-orange) 40% 65%,
      var(--sv2-green) 65% 100%
    );
}


/* MAIN HEADING */

.ilpps-study-v2__head h2 {
  max-width: 850px;

  margin: 0;

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

  font-size:
    clamp(40px, 4.7vw, 63px);

  line-height: 1.04;

  font-weight: 800;

  letter-spacing: -.048em;

  color: var(--sv2-dark);
}

.ilpps-study-v2__head h2 span {
  display: block;

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

  font-weight: 800;

  color: var(--sv2-blue);
}


/* HEADER DESCRIPTION */

.ilpps-study-v2__head > p {
  margin: 0;

  padding-left: 27px;

  border-left:
    1px solid var(--sv2-border);

  font-family: "Inter", Arial, sans-serif;

  font-size: 11px;
  line-height: 1.8;

  font-weight: 400;

  color: var(--sv2-muted);
}


/* =========================================================
   STUDY TIMELINE
========================================================= */

.ilpps-study-v2__timeline {
  display: grid;

  grid-template-columns:
    minmax(0, 1fr)
    60px
    minmax(0, 1fr)
    60px
    minmax(0, 1fr);

  align-items: center;
}


/* =========================================================
   PHASE CARD
========================================================= */

.ilpps-study-v2__phase {
  min-width: 0;

  background: #ffffff;

  border:
    1px solid var(--sv2-border);
}


/* =========================================================
   PHASE IMAGE
========================================================= */

.ilpps-study-v2__phase-image {
  position: relative;

  height: 245px;

  overflow: hidden;

  background: var(--sv2-blue-deep);
}

.ilpps-study-v2__phase-image img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;

  transition:
    transform .7s ease;
}

.ilpps-study-v2__phase:hover
.ilpps-study-v2__phase-image img {
  transform: scale(1.04);
}


/* IMAGE OVERLAY */

.ilpps-study-v2__phase-overlay {
  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      to top,
      rgba(3,31,67,.67) 0%,
      rgba(3,31,67,.15) 55%,
      rgba(3,31,67,.03) 100%
    );
}


/* =========================================================
   PHASE NUMBER
========================================================= */

.ilpps-study-v2__phase-number {
  position: absolute;

  z-index: 2;

  top: 20px;
  left: 20px;

  display: flex;
  align-items: center;

  gap: 9px;

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

  font-size: 11px;
  line-height: 1;

  font-weight: 800;

  letter-spacing: .03em;

  color: #ffffff;
}

.ilpps-study-v2__phase-number::before {
  content: "";

  width: 23px;
  height: 2px;

  flex: 0 0 auto;

  background: #6ca6e4;
}

.ilpps-study-v2__phase-number--orange::before {
  background: var(--sv2-orange);
}

.ilpps-study-v2__phase-number--green::before {
  background: var(--sv2-green-light);
}


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

.ilpps-study-v2__phase-content {
  min-height: 285px;

  padding:
    28px
    27px
    30px;
}


/* =========================================================
   PROFESSIONAL SVG ICON
   NO BOX / NO BACKGROUND / NO CIRCLE
========================================================= */

.ilpps-study-v2__phase-icon {
  width: 27px;
  height: 27px;

  margin-bottom: 23px;

  color: var(--sv2-blue);
}

.ilpps-study-v2__phase-icon svg {
  width: 27px;
  height: 27px;

  stroke-width: 1.7;
}

.ilpps-study-v2__phase-icon--orange {
  color: var(--sv2-orange);
}

.ilpps-study-v2__phase-icon--green {
  color: var(--sv2-green);
}


/* =========================================================
   DURATION
========================================================= */

.ilpps-study-v2__duration {
  display: block;

  margin-bottom: 9px;

  font-family: "Inter", Arial, sans-serif;

  font-size: 8px;
  line-height: 1.2;

  font-weight: 800;

  letter-spacing: .12em;

  text-transform: uppercase;

  color: var(--sv2-blue);
}

.ilpps-study-v2__duration--orange {
  color: var(--sv2-orange);
}

.ilpps-study-v2__duration--green {
  color: var(--sv2-green);
}


/* =========================================================
   PHASE LABEL
========================================================= */

.ilpps-study-v2__phase-content > small {
  display: block;

  margin-bottom: 7px;

  font-family: "Inter", Arial, sans-serif;

  font-size: 7px;
  line-height: 1.2;

  font-weight: 800;

  letter-spacing: .13em;

  text-transform: uppercase;

  color: var(--sv2-muted);
}


/* =========================================================
   PHASE TITLE
========================================================= */

.ilpps-study-v2__phase-content h3 {
  margin: 0;

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

  font-size:
    clamp(22px, 2.5vw, 30px);

  line-height: 1.1;

  font-weight: 700;

  letter-spacing: -.035em;

  color: var(--sv2-dark);
}

.ilpps-study-v2__phase-content h3 strong {
  display: block;

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

  font-weight: 800;

  color: var(--sv2-blue);
}

.ilpps-study-v2__phase--practical
.ilpps-study-v2__phase-content h3 strong {
  color: var(--sv2-green);
}


/* =========================================================
   PHASE DESCRIPTION
========================================================= */

.ilpps-study-v2__phase-content p {
  max-width: 280px;

  margin:
    13px
    0
    0;

  font-family: "Inter", Arial, sans-serif;

  font-size: 10px;
  line-height: 1.75;

  font-weight: 400;

  color: var(--sv2-muted);
}


/* =========================================================
   CONNECTING ARROWS
========================================================= */

.ilpps-study-v2__arrow {
  position: relative;

  width: 19px;
  height: 19px;

  margin: auto;

  color: var(--sv2-orange);
}

.ilpps-study-v2__arrow::before {
  content: "";

  position: absolute;

  top: 50%;
  right: 100%;

  width: 20px;
  height: 1px;

  margin-right: 8px;

  background: var(--sv2-border);
}

.ilpps-study-v2__arrow::after {
  content: "";

  position: absolute;

  top: 50%;
  left: 100%;

  width: 20px;
  height: 1px;

  margin-left: 8px;

  background: var(--sv2-border);
}


/* =========================================================
   SUMMARY
========================================================= */

.ilpps-study-v2__summary {
  display: grid;

  grid-template-columns:
    270px
    minmax(0, 1fr);

  min-height: 180px;

  margin-top: 45px;

  background: var(--sv2-light);

  border:
    1px solid var(--sv2-border);
}


/* =========================================================
   TOTAL DURATION
========================================================= */

.ilpps-study-v2__summary-title {
  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 30px;

  background: var(--sv2-blue-deep);

  border-left:
    4px solid var(--sv2-orange);
}

.ilpps-study-v2__summary-title > span {
  display: block;

  margin-bottom: 8px;

  font-family: "Inter", Arial, sans-serif;

  font-size: 8px;
  line-height: 1.2;

  font-weight: 800;

  letter-spacing: .13em;

  text-transform: uppercase;

  color: rgba(255,255,255,.46);
}

.ilpps-study-v2__summary-title > strong {
  display: flex;

  align-items: baseline;

  gap: 9px;

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

  font-size: 47px;
  line-height: 1;

  font-weight: 800;

  letter-spacing: -.05em;

  color: #ffffff;
}

.ilpps-study-v2__summary-title strong small {
  font-family: "Manrope", Arial, sans-serif;

  font-size: 14px;

  font-weight: 700;

  letter-spacing: 0;

  color: var(--sv2-green-light);
}


/* =========================================================
   BREAKDOWN
========================================================= */

.ilpps-study-v2__breakdown {
  display: flex;

  align-items: center;

  justify-content: space-around;

  gap: 25px;

  padding:
    30px
    clamp(25px, 4vw, 50px);
}

.ilpps-study-v2__breakdown >
div:not(.ilpps-study-v2__plus) {
  display: flex;

  align-items: center;

  gap: 13px;
}


/* BIG NUMBER */

.ilpps-study-v2__breakdown >
div:not(.ilpps-study-v2__plus) > span {
  font-family: "Manrope", Arial, sans-serif;

  font-size: 29px;
  line-height: 1;

  font-weight: 800;

  letter-spacing: -.04em;

  color: var(--sv2-blue);
}

.ilpps-study-v2__breakdown >
div:last-child > span {
  color: var(--sv2-green);
}


/* BREAKDOWN TEXT */

.ilpps-study-v2__breakdown p {
  margin: 0;
}

.ilpps-study-v2__breakdown p small {
  display: block;

  margin-bottom: 3px;

  font-family: "Inter", Arial, sans-serif;

  font-size: 7px;
  line-height: 1.2;

  font-weight: 700;

  letter-spacing: .08em;

  text-transform: uppercase;

  color: var(--sv2-muted);
}

.ilpps-study-v2__breakdown p strong {
  display: block;

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

  font-size: 10px;
  line-height: 1.35;

  font-weight: 700;

  color: var(--sv2-dark);
}


/* PLUS */

.ilpps-study-v2__plus {
  font-family: "Manrope", Arial, sans-serif !important;

  font-size: 16px;

  line-height: 1;

  font-weight: 700;

  color: var(--sv2-orange);
}


/* =========================================================
   PRACTICAL FEATURE BAND
========================================================= */

.ilpps-study-v2__band {
  position: relative;

  min-height: 340px;

  overflow: hidden;

  background: var(--sv2-blue-deep);
}


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

.ilpps-study-v2__band-bg {
  position: absolute;

  inset: 0;

  background-image:
    url("https://images.unsplash.com/photo-1592982537447-7440770cbfc9e5ceb322ecf61?auto=format&fit=crop&w=1900&q=90");

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;
}


/* =========================================================
   BAND OVERLAY
========================================================= */

.ilpps-study-v2__band-overlay {
  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(3,31,67,.97) 0%,
      rgba(3,31,67,.91) 42%,
      rgba(3,31,67,.76) 68%,
      rgba(43,141,62,.44) 100%
    );
}


/* =========================================================
   BAND WRAPPER
========================================================= */

.ilpps-study-v2__band-wrap {
  position: relative;

  z-index: 2;

  width: min(1280px, calc(100% - 50px));

  min-height: 340px;

  margin: 0 auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 60px;
}


/* LABEL */

.ilpps-study-v2__band-wrap >
div:first-child > span {
  display: block;

  margin-bottom: 12px;

  font-family: "Inter", Arial, sans-serif;

  font-size: 8px;
  line-height: 1.2;

  font-weight: 800;

  letter-spacing: .18em;

  text-transform: uppercase;

  color: var(--sv2-green-light);
}


/* BAND TITLE */

.ilpps-study-v2__band-wrap h3 {
  max-width: 760px;

  margin: 0;

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

  font-size:
    clamp(34px, 4vw, 52px);

  line-height: 1.05;

  font-weight: 800;

  letter-spacing: -.045em;

  color: #ffffff;
}

.ilpps-study-v2__band-wrap h3 strong {
  display: block;

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

  font-weight: 800;

  color: #f17b3b;
}


/* =========================================================
   LARGE AGRICULTURE ICON
   NO BOX / NO CIRCLE
========================================================= */

.ilpps-study-v2__band-icon {
  width: 72px;
  height: 72px;

  flex: 0 0 auto;

  color: var(--sv2-green-light);
}

.ilpps-study-v2__band-icon svg {
  width: 72px;
  height: 72px;

  stroke-width: 1.35;
}


/* =========================================================
   HOVER DETAILS
========================================================= */

.ilpps-study-v2__phase {
  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}

.ilpps-study-v2__phase:hover {
  transform: translateY(-4px);

  border-color:
    rgba(11,76,147,.25);

  box-shadow:
    0 20px 45px rgba(16,34,56,.08);
}


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

@media (max-width: 1050px) {

  .ilpps-study-v2__timeline {
    grid-template-columns: 1fr;

    gap: 0;
  }


  .ilpps-study-v2__phase {
    width: 100%;
    max-width: 720px;

    margin: 0 auto;
  }


  .ilpps-study-v2__arrow {
    width: 20px;
    height: 20px;

    margin:
      25px
      auto;

    transform: rotate(90deg);
  }


  .ilpps-study-v2__arrow::before,
  .ilpps-study-v2__arrow::after {
    display: none;
  }


  .ilpps-study-v2__summary {
    grid-template-columns:
      250px
      minmax(0,1fr);
  }


  .ilpps-study-v2__breakdown {
    gap: 15px;

    padding:
      30px
      25px;
  }

}


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

@media (max-width: 700px) {

  .ilpps-study-v2__wrap {
    width: calc(100% - 30px);

    padding:
      75px
      0;
  }


  /* HEADER */

  .ilpps-study-v2__head {
    grid-template-columns: 1fr;

    gap: 25px;

    margin-bottom: 40px;
  }


  .ilpps-study-v2__head h2 {
    font-size:
      clamp(36px, 10vw, 44px);

    line-height: 1.06;
  }


  .ilpps-study-v2__head > p {
    padding:
      20px
      0
      0;

    border-left: 0;

    border-top:
      1px solid var(--sv2-border);
  }


  /* PHASE */

  .ilpps-study-v2__phase-image {
    height: 220px;
  }


  .ilpps-study-v2__phase-content {
    min-height: auto;

    padding:
      25px
      22px
      27px;
  }


  .ilpps-study-v2__phase-content h3 {
    font-size: 25px;
  }


  .ilpps-study-v2__phase-content p {
    max-width: none;

    font-size: 10px;
  }


  /* SUMMARY */

  .ilpps-study-v2__summary {
    grid-template-columns: 1fr;

    margin-top: 40px;
  }


  .ilpps-study-v2__summary-title {
    min-height: 150px;

    padding:
      27px
      24px;
  }


  .ilpps-study-v2__breakdown {
    flex-direction: column;

    align-items: flex-start;

    gap: 20px;

    padding:
      30px
      24px;
  }


  .ilpps-study-v2__breakdown >
  div:not(.ilpps-study-v2__plus) {
    width: 100%;
  }


  .ilpps-study-v2__plus {
    margin-left: 10px;
  }


  /* BAND */

  .ilpps-study-v2__band {
    min-height: auto;
  }


  .ilpps-study-v2__band-bg {
    background-position: 65% center;
  }


  .ilpps-study-v2__band-wrap {
    width: calc(100% - 30px);

    min-height: auto;

    padding:
      65px
      0;

    flex-direction: column;

    align-items: flex-start;

    gap: 35px;
  }


  .ilpps-study-v2__band-wrap h3 {
    font-size:
      clamp(32px, 9vw, 42px);
  }


  .ilpps-study-v2__band-icon,
  .ilpps-study-v2__band-icon svg {
    width: 55px;
    height: 55px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1f228d8 *//* =========================================================
   ILPPS
   PROGRAMMES PAGE
   SECTION 05 — ADMISSION & PROGRAMME FEES
========================================================= */

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


.ilpps-admission,
.ilpps-admission * {
  box-sizing: border-box;
}


.ilpps-admission {
  --ia-blue:#0b4c93;
  --ia-blue-dark:#062f61;
  --ia-blue-deep:#031f43;

  --ia-green:#2b8d3e;
  --ia-green-light:#86c647;

  --ia-orange:#e86524;

  --ia-dark:#102238;
  --ia-text:#536170;
  --ia-muted:#7c8791;

  --ia-light:#f4f7f9;
  --ia-border:#dfe6ea;

  width:100%;

  overflow:hidden;

  background:#f4f7f9;

  color:var(--ia-dark);

  font-family:"Inter",Arial,sans-serif;
}


/* =========================================================
   FONT LOCK
========================================================= */

.ilpps-admission p,
.ilpps-admission span,
.ilpps-admission small,
.ilpps-admission a {
  font-family:"Inter",Arial,sans-serif;
}


.ilpps-admission h1,
.ilpps-admission h2,
.ilpps-admission h3,
.ilpps-admission h4,
.ilpps-admission strong {
  font-family:"Manrope",Arial,sans-serif;
}


/* =========================================================
   SVG SYSTEM
========================================================= */

.ilpps-admission svg {
  display:block;

  width:100%;
  height:100%;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}


/* =========================================================
   WRAPPER
========================================================= */

.ilpps-admission__wrap {
  width:min(1280px,calc(100% - 50px));

  margin:0 auto;

  padding:
    clamp(90px,10vw,140px)
    0;
}


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

.ilpps-admission__head {
  display:grid;

  grid-template-columns:
    1fr .55fr;

  gap:70px;

  align-items:end;

  margin-bottom:50px;
}


/* EYEBROW */

.ilpps-admission__eyebrow {
  display:flex;

  align-items:center;

  gap:12px;

  margin-bottom:17px;

  font-size:9px;

  font-weight:800;

  letter-spacing:.20em;

  text-transform:uppercase;

  color:var(--ia-blue);
}


.ilpps-admission__eyebrow > span {
  width:38px;
  height:3px;

  flex:0 0 auto;

  background:
    linear-gradient(
      90deg,
      var(--ia-blue) 0 40%,
      var(--ia-orange) 40% 65%,
      var(--ia-green) 65% 100%
    );
}


/* TITLE */

.ilpps-admission__head h2 {
  margin:0;

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

  font-size:
    clamp(40px,4.7vw,63px);

  line-height:1.04;

  font-weight:800;

  letter-spacing:-.048em;

  color:var(--ia-dark);
}


.ilpps-admission__head h2 span {
  display:block;

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

  color:var(--ia-blue);
}


/* DESCRIPTION */

.ilpps-admission__head > p {
  margin:0;

  padding-left:27px;

  border-left:
    1px solid var(--ia-border);

  font-size:11px;

  line-height:1.8;

  color:var(--ia-muted);
}


/* =========================================================
   PROGRAMME FEES
========================================================= */

.ilpps-admission__fees {
  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  border-top:
    1px solid var(--ia-border);

  border-left:
    1px solid var(--ia-border);
}


/* =========================================================
   PROGRAMME
========================================================= */

.ilpps-admission__programme {
  min-height:470px;

  padding:
    clamp(30px,4vw,46px);

  background:#fff;

  border-right:
    1px solid var(--ia-border);

  border-bottom:
    1px solid var(--ia-border);
}


/* TOP */

.ilpps-admission__programme-top {
  display:flex;

  align-items:center;

  justify-content:space-between;

  margin-bottom:65px;
}


.ilpps-admission__programme-top > span {
  font-size:8px;

  font-weight:800;

  letter-spacing:.14em;

  text-transform:uppercase;

  color:var(--ia-orange);
}


/* ICON — NO BOX */

.ilpps-admission__programme-icon {
  width:30px;
  height:30px;

  color:var(--ia-blue);
}


.ilpps-admission__programme--green
.ilpps-admission__programme-icon {
  color:var(--ia-green);
}


/* LABEL */

.ilpps-admission__programme > small {
  display:block;

  margin-bottom:7px;

  font-size:7px;

  font-weight:800;

  letter-spacing:.14em;

  text-transform:uppercase;

  color:var(--ia-muted);
}


/* PROGRAMME TITLE */

.ilpps-admission__programme h3 {
  margin:0;

  font-size:
    clamp(26px,3vw,38px);

  line-height:1.08;

  font-weight:700;

  letter-spacing:-.04em;

  color:var(--ia-dark);
}


.ilpps-admission__programme h3 strong {
  display:block;

  font-weight:800;

  color:var(--ia-blue);
}


.ilpps-admission__programme--green
h3 strong {
  color:var(--ia-green);
}


/* =========================================================
   FEE
========================================================= */

.ilpps-admission__fee {
  margin-top:36px;

  padding:
    26px
    0;

  border-top:
    1px solid var(--ia-border);

  border-bottom:
    1px solid var(--ia-border);
}


.ilpps-admission__fee > span {
  display:block;

  margin-bottom:8px;

  font-size:8px;

  font-weight:800;

  letter-spacing:.13em;

  text-transform:uppercase;

  color:var(--ia-muted);
}


.ilpps-admission__fee > strong {
  display:flex;

  align-items:flex-start;

  gap:7px;

  font-size:
    clamp(35px,4vw,51px);

  line-height:1;

  font-weight:800;

  letter-spacing:-.05em;

  color:var(--ia-dark);
}


.ilpps-admission__fee strong small {
  margin-top:6px;

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

  font-size:12px;

  font-weight:800;

  letter-spacing:0;

  color:var(--ia-orange);
}


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

.ilpps-admission__status {
  display:grid;

  grid-template-columns:
    27px 1fr;

  gap:15px;

  align-items:center;

  margin-top:25px;
}


.ilpps-admission__status-icon {
  width:24px;
  height:24px;

  color:var(--ia-green);
}


.ilpps-admission__programme--green
.ilpps-admission__status-icon {
  color:var(--ia-orange);
}


.ilpps-admission__status small {
  display:block;

  margin-bottom:4px;

  font-size:7px;

  font-weight:700;

  letter-spacing:.11em;

  text-transform:uppercase;

  color:var(--ia-muted);
}


.ilpps-admission__status strong {
  display:block;

  font-size:11px;

  font-weight:700;

  color:var(--ia-dark);
}


/* =========================================================
   ENTRY REQUIREMENT
========================================================= */

.ilpps-admission__entry {
  display:grid;

  grid-template-columns:
    1.25fr repeat(3,1fr);

  margin-top:70px;

  background:var(--ia-blue-deep);

  border-top:
    5px solid var(--ia-orange);
}


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

.ilpps-admission__entry-intro {
  min-height:270px;

  display:flex;

  flex-direction:column;

  justify-content:center;

  padding:
    35px
    45px;

  border-right:
    1px solid rgba(255,255,255,.12);
}


.ilpps-admission__entry-intro > span {
  display:block;

  margin-bottom:10px;

  font-size:8px;

  font-weight:800;

  letter-spacing:.17em;

  text-transform:uppercase;

  color:var(--ia-green-light);
}


.ilpps-admission__entry-intro h3 {
  margin:0;

  font-size:
    clamp(26px,3vw,38px);

  line-height:1.08;

  font-weight:800;

  letter-spacing:-.04em;

  color:#fff;
}


.ilpps-admission__entry-intro h3 strong {
  display:block;

  color:#f17b3b;
}


.ilpps-admission__entry-intro p {
  max-width:310px;

  margin:
    15px
    0
    0;

  font-size:9px;

  line-height:1.75;

  color:rgba(255,255,255,.50);
}


/* =========================================================
   REQUIREMENT
========================================================= */

.ilpps-admission__requirement {
  position:relative;

  min-height:270px;

  display:flex;

  flex-direction:column;

  justify-content:center;

  padding:
    30px;

  border-right:
    1px solid rgba(255,255,255,.12);
}


.ilpps-admission__requirement:last-child {
  border-right:0;
}


/* NUMBER */

.ilpps-admission__requirement-no {
  position:absolute;

  top:25px;
  right:25px;

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

  font-size:8px;

  font-weight:800;

  color:rgba(255,255,255,.35);
}


/* ICON */

.ilpps-admission__requirement-icon {
  width:28px;
  height:28px;

  margin-bottom:28px;

  color:#6ca6e4;
}


.ilpps-admission__requirement-icon--orange {
  color:var(--ia-orange);
}


.ilpps-admission__requirement-icon--green {
  color:var(--ia-green-light);
}


/* LABEL */

.ilpps-admission__requirement > small {
  display:block;

  margin-bottom:7px;

  font-size:7px;

  font-weight:800;

  letter-spacing:.12em;

  text-transform:uppercase;

  color:rgba(255,255,255,.42);
}


/* VALUE */

.ilpps-admission__requirement > strong {
  display:block;

  font-size:14px;

  line-height:1.4;

  font-weight:700;

  color:#fff;
}


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

.ilpps-admission__bottom {
  min-height:155px;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:45px;

  padding:
    35px
    0;
}


/* =========================================================
   NOTE
========================================================= */

.ilpps-admission__note {
  display:flex;

  align-items:center;

  gap:17px;

  max-width:630px;
}


.ilpps-admission__note-icon {
  width:23px;
  height:23px;

  flex:0 0 auto;

  color:var(--ia-blue);
}


.ilpps-admission__note p {
  margin:0;

  font-size:10px;

  line-height:1.75;

  color:var(--ia-muted);
}


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

.ilpps-admission__button {
  min-height:56px;

  flex:0 0 auto;

  display:inline-flex;

  align-items:center;

  gap:20px;

  padding:
    5px
    6px
    5px
    23px;

  border-radius:999px;

  background:var(--ia-blue);

  text-decoration:none;

  font-size:9px;

  font-weight:800;

  letter-spacing:.04em;

  text-transform:uppercase;

  color:#fff;

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.ilpps-admission__button-arrow {
  width:44px;
  height:44px;

  display:grid;

  place-items:center;

  flex:0 0 auto;

  border-radius:50%;

  background:var(--ia-orange);

  color:#fff;
}


.ilpps-admission__button-arrow svg {
  width:17px;
  height:17px;
}


.ilpps-admission__button:hover {
  transform:translateY(-3px);

  box-shadow:
    0 16px 30px rgba(11,76,147,.18);
}


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

@media (max-width:1050px) {

  .ilpps-admission__entry {
    grid-template-columns:
      repeat(3,1fr);
  }


  .ilpps-admission__entry-intro {
    grid-column:1 / -1;

    min-height:auto;

    padding:
      45px;

    border-right:0;

    border-bottom:
      1px solid rgba(255,255,255,.12);
  }

}


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

@media (max-width:700px) {

  .ilpps-admission__wrap {
    width:calc(100% - 30px);

    padding:
      75px
      0;
  }


  .ilpps-admission__head {
    grid-template-columns:1fr;

    gap:25px;
  }


  .ilpps-admission__head h2 {
    font-size:
      clamp(36px,10vw,44px);
  }


  .ilpps-admission__head > p {
    padding:
      20px
      0
      0;

    border-left:0;

    border-top:
      1px solid var(--ia-border);
  }


  /* PROGRAMME FEES */

  .ilpps-admission__fees {
    grid-template-columns:1fr;
  }


  .ilpps-admission__programme {
    min-height:auto;

    padding:
      35px
      25px;
  }


  .ilpps-admission__programme-top {
    margin-bottom:45px;
  }


  /* ENTRY */

  .ilpps-admission__entry {
    grid-template-columns:1fr;

    margin-top:50px;
  }


  .ilpps-admission__entry-intro {
    grid-column:auto;

    padding:
      40px
      25px;
  }


  .ilpps-admission__requirement {
    min-height:190px;

    padding:
      30px
      25px;

    border-right:0;

    border-bottom:
      1px solid rgba(255,255,255,.12);
  }


  /* CTA */

  .ilpps-admission__bottom {
    flex-direction:column;

    align-items:flex-start;

    gap:25px;
  }


  .ilpps-admission__button {
    width:100%;

    justify-content:space-between;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ac90e6d *//* =========================================================
   ILPPS
   PROGRAMMES PAGE
   SECTION 06 — PROGRAMME ENQUIRY CTA
========================================================= */

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


.ilpps-programme-cta,
.ilpps-programme-cta * {
  box-sizing: border-box;
}


.ilpps-programme-cta {
  --ipc-blue:#0b4c93;
  --ipc-blue-dark:#062f61;
  --ipc-blue-deep:#031f43;

  --ipc-green:#2b8d3e;
  --ipc-green-light:#86c647;

  --ipc-orange:#e86524;

  --ipc-border:rgba(255,255,255,.15);

  position:relative;

  width:100%;
  overflow:hidden;

  background:var(--ipc-blue-deep);

  color:#ffffff;

  font-family:"Inter",Arial,sans-serif;
}


/* =========================================================
   FONT LOCK
========================================================= */

.ilpps-programme-cta p,
.ilpps-programme-cta span,
.ilpps-programme-cta small,
.ilpps-programme-cta a {
  font-family:"Inter",Arial,sans-serif;
}


.ilpps-programme-cta h1,
.ilpps-programme-cta h2,
.ilpps-programme-cta h3,
.ilpps-programme-cta strong {
  font-family:"Manrope",Arial,sans-serif;
}


/* =========================================================
   SVG
========================================================= */

.ilpps-programme-cta svg {
  width:100%;
  height:100%;

  display:block;

  fill:none;

  stroke:currentColor;

  stroke-width:1.8;

  stroke-linecap:round;
  stroke-linejoin:round;
}


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

.ilpps-programme-cta__bg {
  position:absolute;

  inset:0;

  background-image:
    url("https://images.unsplash.com/photo-1535379453347-1ffd615e2e08?auto=format&fit=crop&w=2000&q=90");

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}


/* =========================================================
   OVERLAY
========================================================= */

.ilpps-programme-cta__overlay {
  position:absolute;

  inset:0;

  background:
    linear-gradient(
      90deg,
      rgba(3,31,67,.98) 0%,
      rgba(3,31,67,.95) 42%,
      rgba(5,45,82,.83) 67%,
      rgba(43,141,62,.44) 100%
    );
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.ilpps-programme-cta__wrap {
  position:relative;

  z-index:2;

  width:min(1280px,calc(100% - 50px));

  min-height:590px;

  margin:0 auto;

  display:grid;

  grid-template-columns:
    minmax(0,1fr)
    390px;

  gap:clamp(70px,9vw,130px);

  align-items:center;

  padding:
    90px
    0;
}


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

.ilpps-programme-cta__content {
  max-width:780px;
}


/* EYEBROW */

.ilpps-programme-cta__eyebrow {
  display:flex;

  align-items:center;

  gap:12px;

  margin-bottom:20px;

  font-size:9px;

  font-weight:800;

  letter-spacing:.20em;

  text-transform:uppercase;

  color:rgba(255,255,255,.67);
}


.ilpps-programme-cta__eyebrow > span {
  width:40px;
  height:3px;

  flex:0 0 auto;

  background:
    linear-gradient(
      90deg,
      #6ba5e4 0 40%,
      var(--ipc-orange) 40% 65%,
      var(--ipc-green-light) 65% 100%
    );
}


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

.ilpps-programme-cta__content h2 {
  max-width:800px;

  margin:0;

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

  font-size:
    clamp(47px,5.8vw,78px);

  line-height:.99;

  font-weight:800;

  letter-spacing:-.055em;

  color:#ffffff;
}


.ilpps-programme-cta__content h2 span {
  display:block;

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

  color:var(--ipc-green-light);
}


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

.ilpps-programme-cta__content > p {
  max-width:560px;

  margin:
    27px
    0
    0;

  padding-left:20px;

  border-left:
    3px solid var(--ipc-orange);

  font-size:13px;

  line-height:1.8;

  color:rgba(255,255,255,.66);
}


/* =========================================================
   ACTIONS
========================================================= */

.ilpps-programme-cta__actions {
  display:flex;

  flex-wrap:wrap;

  gap:12px;

  margin-top:34px;
}


/* BUTTON */

.ilpps-programme-cta__button {
  min-height:56px;

  display:inline-flex;

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

  text-decoration:none;

  border-radius:999px;

  font-size:9px;

  font-weight:800;

  letter-spacing:.05em;

  text-transform:uppercase;

  transition:
    transform .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}


/* PRIMARY */

.ilpps-programme-cta__button--primary {
  gap:20px;

  padding:
    5px
    6px
    5px
    23px;

  background:#ffffff;

  color:var(--ipc-blue-deep);
}


.ilpps-programme-cta__button-arrow {
  width:44px;
  height:44px;

  display:grid;
  place-items:center;

  flex:0 0 auto;

  border-radius:50%;

  background:var(--ipc-orange);

  color:#ffffff;
}


.ilpps-programme-cta__button-arrow svg {
  width:17px;
  height:17px;
}


.ilpps-programme-cta__button--primary:hover {
  transform:translateY(-3px);

  box-shadow:
    0 18px 38px rgba(0,0,0,.22);
}


/* SECONDARY */

.ilpps-programme-cta__button--secondary {
  padding:
    0
    25px;

  border:
    1px solid rgba(255,255,255,.28);

  background:
    rgba(255,255,255,.06);

  color:#ffffff;

  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}


.ilpps-programme-cta__button--secondary:hover {
  transform:translateY(-3px);

  background:
    rgba(255,255,255,.12);
}


/* =========================================================
   RIGHT PANEL
========================================================= */

.ilpps-programme-cta__panel {
  border-top:
    1px solid var(--ipc-border);

  border-bottom:
    1px solid var(--ipc-border);
}


/* PANEL LABEL */

.ilpps-programme-cta__panel-label {
  min-height:65px;

  display:flex;

  align-items:center;

  border-bottom:
    1px solid var(--ipc-border);

  font-size:8px;

  font-weight:800;

  letter-spacing:.17em;

  text-transform:uppercase;

  color:var(--ipc-orange);
}


/* =========================================================
   PANEL ITEM
========================================================= */

.ilpps-programme-cta__panel-item {
  min-height:115px;

  display:grid;

  grid-template-columns:
    30px
    minmax(0,1fr);

  gap:18px;

  align-items:center;

  border-bottom:
    1px solid var(--ipc-border);
}


.ilpps-programme-cta__panel-item:last-child {
  border-bottom:0;
}


/* ICON — PROFESSIONAL / NO BOX */

.ilpps-programme-cta__panel-icon {
  width:25px;
  height:25px;

  color:#6ba5e4;
}


.ilpps-programme-cta__panel-icon--orange {
  color:var(--ipc-orange);
}


.ilpps-programme-cta__panel-icon--green {
  color:var(--ipc-green-light);
}


/* TEXT */

.ilpps-programme-cta__panel-item small {
  display:block;

  margin-bottom:5px;

  font-size:7px;

  font-weight:700;

  letter-spacing:.12em;

  text-transform:uppercase;

  color:rgba(255,255,255,.38);
}


.ilpps-programme-cta__panel-item strong {
  display:block;

  font-size:12px;

  line-height:1.4;

  font-weight:700;

  color:#ffffff;
}


/* =========================================================
   BOTTOM BAR
========================================================= */

.ilpps-programme-cta__bottom {
  position:relative;

  z-index:2;

  background:
    rgba(3,31,67,.95);

  border-top:
    1px solid rgba(255,255,255,.14);

  border-bottom:
    5px solid var(--ipc-orange);
}


/* =========================================================
   BOTTOM WRAP
========================================================= */

.ilpps-programme-cta__bottom-wrap {
  width:min(1280px,calc(100% - 50px));

  min-height:105px;

  margin:0 auto;

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:40px;
}


/* =========================================================
   BRAND
========================================================= */

.ilpps-programme-cta__brand {
  display:flex;

  align-items:center;

  gap:17px;
}


.ilpps-programme-cta__brand strong {
  font-size:16px;

  font-weight:800;

  letter-spacing:.12em;

  color:#ffffff;
}


.ilpps-programme-cta__brand span {
  padding-left:17px;

  border-left:
    1px solid rgba(255,255,255,.16);

  font-size:8px;

  font-weight:700;

  letter-spacing:.09em;

  text-transform:uppercase;

  color:rgba(255,255,255,.48);
}


/* =========================================================
   LOCATION
========================================================= */

.ilpps-programme-cta__location {
  display:flex;

  align-items:center;

  gap:10px;
}


.ilpps-programme-cta__location-icon {
  width:18px;
  height:18px;

  color:var(--ipc-orange);
}


.ilpps-programme-cta__location span {
  font-size:8px;

  font-weight:700;

  letter-spacing:.08em;

  text-transform:uppercase;

  color:rgba(255,255,255,.60);
}


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

@media (max-width:1000px) {

  .ilpps-programme-cta__wrap {
    grid-template-columns:1fr;

    gap:55px;
  }


  .ilpps-programme-cta__panel {
    max-width:600px;
  }

}


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

@media (max-width:700px) {

  .ilpps-programme-cta__wrap {
    width:calc(100% - 30px);

    min-height:auto;

    padding:
      75px
      0;
  }


  .ilpps-programme-cta__content h2 {
    font-size:
      clamp(42px,12vw,60px);
  }


  .ilpps-programme-cta__content > p {
    font-size:12px;
  }


  /* BUTTONS */

  .ilpps-programme-cta__actions {
    display:grid;
  }


  .ilpps-programme-cta__button {
    width:100%;
  }


  .ilpps-programme-cta__button--primary {
    justify-content:space-between;
  }


  /* PANEL */

  .ilpps-programme-cta__panel {
    max-width:none;
  }


  /* BOTTOM */

  .ilpps-programme-cta__bottom-wrap {
    width:calc(100% - 30px);

    min-height:auto;

    padding:
      28px
      0;

    flex-direction:column;

    align-items:flex-start;

    gap:20px;
  }


  .ilpps-programme-cta__brand {
    display:block;
  }


  .ilpps-programme-cta__brand span {
    display:block;

    margin-top:7px;

    padding-left:0;

    border-left:0;
  }

}/* End custom CSS */