.elementor-286 .elementor-element.elementor-element-b7877ca{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-286 .elementor-element.elementor-element-b7877ca:not(.elementor-motion-effects-element-type-background), .elementor-286 .elementor-element.elementor-element-b7877ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("../../2026/02/hero-about.png");}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-286 .elementor-element.elementor-element-859c5cf{text-align:center;}.elementor-286 .elementor-element.elementor-element-859c5cf .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:80px;font-weight:900;text-transform:uppercase;color:#FFFFFF;}.elementor-286 .elementor-element.elementor-element-37f9805{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-286 .elementor-element.elementor-element-403bcff{--spacer-size:100px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-286 .elementor-element.elementor-element-da39e86 .elementor-icon-box-wrapper{gap:15px;}.elementor-286 .elementor-element.elementor-element-da39e86 .elementor-icon{font-size:125px;}.elementor-286 .elementor-element.elementor-element-da39e86 .elementor-icon-box-title, .elementor-286 .elementor-element.elementor-element-da39e86 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-286 .elementor-element.elementor-element-da39e86 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;}.elementor-286 .elementor-element.elementor-element-d13ae40 .elementor-icon-box-wrapper{gap:15px;}.elementor-286 .elementor-element.elementor-element-d13ae40 .elementor-icon{font-size:125px;}.elementor-286 .elementor-element.elementor-element-d13ae40 .elementor-icon-box-title, .elementor-286 .elementor-element.elementor-element-d13ae40 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-286 .elementor-element.elementor-element-d13ae40 .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;}.elementor-286 .elementor-element.elementor-element-208e4fb .elementor-icon-box-wrapper{gap:15px;}.elementor-286 .elementor-element.elementor-element-208e4fb .elementor-icon{font-size:125px;}.elementor-286 .elementor-element.elementor-element-208e4fb .elementor-icon-box-title, .elementor-286 .elementor-element.elementor-element-208e4fb .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-weight:600;}.elementor-286 .elementor-element.elementor-element-208e4fb .elementor-icon-box-description{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;}.elementor-286 .elementor-element.elementor-element-935f52a{--spacer-size:100px;}.elementor-286 .elementor-element.elementor-element-e746aac{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;}.elementor-286 .elementor-element.elementor-element-e746aac:not(.elementor-motion-effects-element-type-background), .elementor-286 .elementor-element.elementor-element-e746aac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("../../2026/02/home-about.png");}.elementor-286 .elementor-element.elementor-element-0fbe985{text-align:center;}.elementor-286 .elementor-element.elementor-element-0fbe985 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:30px;font-weight:900;text-transform:uppercase;color:#FFFFFF;}.elementor-286 .elementor-element.elementor-element-bd12a94{text-align:center;}.elementor-286 .elementor-element.elementor-element-bd12a94 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:80px;font-weight:900;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-286 .elementor-element.elementor-element-0b797fa{text-align:center;font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-286 .elementor-element.elementor-element-a7c9355 .elementor-button{background-color:transparent;font-family:"Inter", Sans-serif;font-weight:700;background-image:linear-gradient(0deg, #826400 0%, #EBC353 100%);}.elementor-286 .elementor-element.elementor-element-a7c9355 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-286 .elementor-element.elementor-element-a7c9355 .elementor-button .elementor-button-content-wrapper{gap:38px;}.elementor-286 .elementor-element.elementor-element-336b464{--display:flex;--margin-top:0px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-286 .elementor-element.elementor-element-336b464.e-con{--align-self:center;}.elementor-286 .elementor-element.elementor-element-5c7f397{--spacer-size:100px;}.elementor-286 .elementor-element.elementor-element-3610d0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-286 .elementor-element.elementor-element-1367974{--display:flex;}.elementor-286 .elementor-element.elementor-element-1367974:not(.elementor-motion-effects-element-type-background), .elementor-286 .elementor-element.elementor-element-1367974 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}.elementor-286 .elementor-element.elementor-element-17d2218{width:var( --container-widget-width, 34px );max-width:34px;background-color:#FFFFFF;--container-widget-width:34px;--container-widget-flex-grow:0;border-radius:100px 100px 100px 100px;text-align:center;font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;}.elementor-286 .elementor-element.elementor-element-17d2218.elementor-element{--align-self:center;}.elementor-286 .elementor-element.elementor-element-a5c7215{--display:flex;}.elementor-286 .elementor-element.elementor-element-a5c7215:not(.elementor-motion-effects-element-type-background), .elementor-286 .elementor-element.elementor-element-a5c7215 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}.elementor-286 .elementor-element.elementor-element-b3a511e{width:var( --container-widget-width, 34px );max-width:34px;background-color:#FFFFFF;--container-widget-width:34px;--container-widget-flex-grow:0;border-radius:100px 100px 100px 100px;text-align:center;font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;}.elementor-286 .elementor-element.elementor-element-b3a511e.elementor-element{--align-self:center;}.elementor-286 .elementor-element.elementor-element-1ef9bb1{--display:flex;}.elementor-286 .elementor-element.elementor-element-1ef9bb1:not(.elementor-motion-effects-element-type-background), .elementor-286 .elementor-element.elementor-element-1ef9bb1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}.elementor-286 .elementor-element.elementor-element-63ce880{width:var( --container-widget-width, 34px );max-width:34px;background-color:#FFFFFF;--container-widget-width:34px;--container-widget-flex-grow:0;border-radius:100px 100px 100px 100px;text-align:center;font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;}.elementor-286 .elementor-element.elementor-element-63ce880.elementor-element{--align-self:center;}.elementor-286 .elementor-element.elementor-element-5ed5296{--display:flex;}.elementor-286 .elementor-element.elementor-element-5ed5296:not(.elementor-motion-effects-element-type-background), .elementor-286 .elementor-element.elementor-element-5ed5296 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}.elementor-286 .elementor-element.elementor-element-2c4b197{width:var( --container-widget-width, 34px );max-width:34px;background-color:#FFFFFF;--container-widget-width:34px;--container-widget-flex-grow:0;border-radius:100px 100px 100px 100px;text-align:center;font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;}.elementor-286 .elementor-element.elementor-element-2c4b197.elementor-element{--align-self:center;}.elementor-286 .elementor-element.elementor-element-f4acfe7{--display:flex;}.elementor-286 .elementor-element.elementor-element-f4acfe7:not(.elementor-motion-effects-element-type-background), .elementor-286 .elementor-element.elementor-element-f4acfe7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}.elementor-286 .elementor-element.elementor-element-e3479f6{width:var( --container-widget-width, 34px );max-width:34px;background-color:#FFFFFF;--container-widget-width:34px;--container-widget-flex-grow:0;border-radius:100px 100px 100px 100px;text-align:center;font-family:"Inter", Sans-serif;font-size:24px;font-weight:700;}.elementor-286 .elementor-element.elementor-element-e3479f6.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(min-width:2400px){.elementor-286 .elementor-element.elementor-element-bd12a94 .elementor-heading-title{font-size:80px;}.elementor-286 .elementor-element.elementor-element-17d2218{--container-widget-width:34px;--container-widget-flex-grow:0;width:var( --container-widget-width, 34px );max-width:34px;}.elementor-286 .elementor-element.elementor-element-b3a511e{--container-widget-width:34px;--container-widget-flex-grow:0;width:var( --container-widget-width, 34px );max-width:34px;}.elementor-286 .elementor-element.elementor-element-63ce880{--container-widget-width:34px;--container-widget-flex-grow:0;width:var( --container-widget-width, 34px );max-width:34px;}.elementor-286 .elementor-element.elementor-element-2c4b197{--container-widget-width:34px;--container-widget-flex-grow:0;width:var( --container-widget-width, 34px );max-width:34px;}.elementor-286 .elementor-element.elementor-element-e3479f6{--container-widget-width:34px;--container-widget-flex-grow:0;width:var( --container-widget-width, 34px );max-width:34px;}}@media(max-width:880px){.elementor-286 .elementor-element.elementor-element-bd12a94 .elementor-heading-title{font-size:70px;}}@media(max-width:767px){.elementor-286 .elementor-element.elementor-element-bd12a94 .elementor-heading-title{font-size:35px;}.elementor-286 .elementor-element.elementor-element-0b797fa{font-size:16px;}}/* Start custom CSS for shortcode, class: .elementor-element-18edc7e */.bnh-breadcrumbs,
.bnh-breadcrumbs a,
.bnh-breadcrumbs span{
  color:#fff !important;
}

.bnh-breadcrumbs{
  display:inline-flex;
  align-items:center;
  gap:10px;
}

.bnh-breadcrumbs__homeicon{
  width:18px;
  height:auto;
  margin-right:6px;
}
/* Center breadcrumbs horizontally */
.bnh-breadcrumbs{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: 100%;
}

/* Keep spacing consistent */
.bnh-breadcrumbs > *{
  display: inline-flex;
  align-items: center;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a7c9355 *//* Anchor for separator */
.button-with-divider4 .elementor-button-content-wrapper{
  position: relative;
}

/* Vertical separator between text and icon – full height */
.button-with-divider4 .elementor-button-content-wrapper{
  position: relative;
}

.button-with-divider4 .elementor-button{
  position: relative;
}

.button-with-divider4 .elementor-button::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #fff;
  right: 60px; /* tweak */
  pointer-events: none;
}
.button-with-divider4 .elementor-button-content-wrapper{
  align-items: center;
  height: 100%;
}

  /* place separator just before the icon */
  right: 36px; /* tweak if needed */
}

/* Control icon size */
.button-with-divider4 .elementor-button-icon{
  font-size: 10px; /* ← change this value */
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-b3a511e */.bnh-num p{
  position: relative;
  top: 7px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-63ce880 */.bnh-num p{
  position: relative;
  top: 7px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-2c4b197 */.bnh-num p{
  position: relative;
  top: 7px;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-e3479f6 */.bnh-num p{
  position: relative;
  top: 7px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3610d0b *//* ====== TIMELINE BASE ====== */
.bnh-timeline{
  --gold: #AF7E2B;
  --line-off: #EEEEEE;
  --dot-off: #000000;
  --card-off: #EEEEEE;
  --text-off: #000000;

  --fill: 0%;            /* set by JS */
  --line-x: 50%;         /* desktop center */

  position: relative;
  padding: 40px 0;
}

/* Center line (inactive) */
.bnh-timeline::before{
  content:"";
  position:absolute;
  top: 0;
  bottom: 0;
  left: var(--line-x);
  width: 3px;
  transform: translateX(-50%);
  background: var(--line-off);
  border-radius: 3px;
}

/* Filled line */
.bnh-timeline::after{
  content:"";
  position:absolute;
  top: 0;
  left: var(--line-x);
  width: 3px;
  transform: translateX(-50%);
  height: var(--fill);
  background: var(--gold);
  border-radius: 3px;
  transition: height .22s ease;
}

/* Each item */
.bnh-timeline-item{
  position: relative;
  width: 44%;
  background: var(--card-off);
  padding: 26px 26px 22px;
  margin: 40px 0;
  border-radius: 0; /* keep sharp like your design */
  transition: background .85s ease-in, transform .85s ease-in;
}

/* Alternate sides */
.bnh-timeline-item.is-left{ margin-right: auto; }
.bnh-timeline-item.is-right{ margin-left: auto; }

/* Little pointer “arrow” to the line */
.bnh-timeline-item.is-left::after,
.bnh-timeline-item.is-right::after{
  content:"";
  position:absolute;
  top: 30px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.bnh-timeline-item.is-left::after{
  right: -10px;
  border-left: 10px solid var(--card-off);
  transition: border-left-color .35s ease;
}
.bnh-timeline-item.is-right::after{
  left: -10px;
  border-right: 10px solid var(--card-off);
  transition: border-right-color .35s ease;
}


/* Number circle */
.bnh-num{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #fff;
  color: #000;
  font-weight: 800;
  margin-bottom: 10px;
  transition: color .85s ease-in, background .85s ease-in;
}

/* Title */
.bnh-title{
  color: var(--text-off);
  margin: 0 0 10px;
  transition: color .35s ease;
}

/* Separator (30% width, 2px height) */
.bnh-sep{
  width: 30%;
  height: 2px;
  background: #000;
  border: 0;
  margin: 10px auto 14px;
  transition: background .35s ease;
}

/* Description */
.bnh-desc{
  color: var(--text-off);
  transition: color .35s ease;
}

/* ====== ACTIVE STATE ====== */
.bnh-timeline-item.is-active{
  background: linear-gradient(90deg, #AF7E2B, #F5D58C);
}

.bnh-timeline-item.is-active.is-left::after{
  border-left-color: transparent; /* arrow inherits via background; hide seam */
}
.bnh-timeline-item.is-active.is-right::after{
  border-right-color: transparent;
}

/* Make arrow match active background by using a pseudo overlay */
.bnh-timeline-item.is-active.is-left::after{
  border-left: 10px solid #AF7E2B;
}
.bnh-timeline-item.is-active.is-right::after{
  border-right: 10px solid #AF7E2B;
}

.bnh-timeline-item.is-active::before{
  background: var(--gold);
  transform: translateX(-50%) scale(1.05);
}

.bnh-timeline-item.is-active .bnh-title,
.bnh-timeline-item.is-active .bnh-desc{
  color: #fff;
}

.bnh-timeline-item.is-active .bnh-sep{
  background: #fff;
}

.bnh-timeline-item.is-active .bnh-num{
  color: var(--gold);
}

/* ====== MOBILE: line on left, cards on right ====== */
@media (max-width: 767px){
  .bnh-timeline{
    --line-x: 28px;
    padding-left: 22px;
    padding-right: 0;
  }

  .bnh-timeline-item{
    width: calc(100% - 54px);
    margin-left: 54px !important;
    margin-right: 0 !important;
  }

  .bnh-timeline-item::before{
    left: var(--line-x);
  }

  .bnh-timeline-item.is-left::after,
  .bnh-timeline-item.is-right::after{
    left: -10px;
    right: auto;
    border-right: 10px solid var(--card-off);
    border-left: 0;
  }

  .bnh-timeline-item.is-active.is-left::after,
  .bnh-timeline-item.is-active.is-right::after{
    border-right: 10px solid #AF7E2B;
  }

  .bnh-sep{
    margin-left: 0;
    margin-right: auto;
  }
}
@media (max-width: 767px){

  /* Always put triangle on the LEFT side pointing to the line */
  .bnh-timeline-item.is-left::after,
  .bnh-timeline-item.is-right::after{
    left: -10px !important;
    right: auto !important;

    border-right: 10px solid var(--card-off) !important;
    border-left: 0 !important;
  }

  .bnh-timeline-item.is-active.is-left::after,
  .bnh-timeline-item.is-active.is-right::after{
    border-right-color: #AF7E2B !important;
  }
}

/* Make each item a positioning context */
.bnh-timeline-item{
  position: relative !important;
  overflow: visible !important;
}

/* DOT = place it on the timeline line */
.bnh-timeline-item::before{
  content:"" !important;
  position: absolute !important;
  top: 32px !important;
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: #000 !important;
  z-index: 10 !important;
}

/* Desktop: line is in the middle of the whole timeline */
@media (min-width: 1200px){
  .bnh-timeline-item.is-left::before{
    left: calc(100% + 68px) !important;  /* dot sits outside the card, on the line */
    transform: translateX(-50%) !important;
  }
  .bnh-timeline-item.is-right::before{
    left: calc(0% - 68px) !important;    /* dot sits outside the card, on the line */
    transform: translateX(-50%) !important;
  }
}

/* Mobile: line is on the left; dot should be left of the card */
@media (max-width: 767px){
  .bnh-timeline-item::before{
    left: -48px !important;              /* tweak to land exactly on your mobile line */
    transform: translateX(-50%) !important;
  }
}

/* ===== 1-column layout from 880px and below ===== */
@media (max-width: 880px){
  .bnh-timeline{
    --line-x: 28px;         /* line on the left */
    padding-left: 22px;
    padding-right: 0;
  }

  .bnh-timeline-item{
    width: calc(100% - 54px);
    margin-left: 54px !important;
    margin-right: 0 !important;
  }

  /* Dots: left of the cards (on the line) */
  .bnh-timeline-item::before{
    left: -26px !important;   /* aligns to the left line */
    transform: translateX(-50%) !important;
  }

  /* Triangles: always point LEFT toward the line */
  .bnh-timeline-item.is-left::after,
  .bnh-timeline-item.is-right::after{
    left: -10px !important;
    right: auto !important;
    border-right: 10px solid var(--card-off) !important;
    border-left: 0 !important;
  }

  .bnh-timeline-item.is-active.is-left::after,
  .bnh-timeline-item.is-active.is-right::after{
    border-right-color: #AF7E2B !important;
  }

  /* Separator aligns left */
  .bnh-sep{
    margin-left: 0;
    margin-right: auto;
  }
}


/* Desktop: line is in the middle of the whole timeline */
@media (max-width: 1200px){
  .bnh-timeline-item.is-left::before{
    left: calc(100% + 62px) !important;  /* dot sits outside the card, on the line */
    transform: translateX(-50%) !important;
  }
  .bnh-timeline-item.is-right::before{
    left: calc(0% - 62px) !important;    /* dot sits outside the card, on the line */
    transform: translateX(-50%) !important;
  }
}
/* Desktop: line is in the middle of the whole timeline */
@media (max-width: 1024px){
  .bnh-timeline-item.is-left::before{
    left: calc(100% + 53px) !important;  /* dot sits outside the card, on the line */
    transform: translateX(-50%) !important;
  }
  .bnh-timeline-item.is-right::before{
    left: calc(0% - 53px) !important;    /* dot sits outside the card, on the line */
    transform: translateX(-50%) !important;
  }
}

/* Constrain width on 1-column mode too (still one-side dots) */
@media (max-width: 880px){
  .bnh-timeline{
    max-width: 600px;
    margin: 0 auto;
  }
}
/* Constrain width on 1-column mode too (still one-side dots) */
@media (max-width: 767px){
  .bnh-timeline{
    max-width: 450px;
    margin: 0 auto;
  }
}

/* FORCE dots to ONE side (left line) whenever we are in 1-column layout */
@media (max-width: 880px){
  .bnh-timeline-item.is-left::before,
  .bnh-timeline-item.is-right::before{
    left: -48px !important;     /* tweak to sit exactly on the line */
    transform: translateX(-50%) !important;
  }
}

@media (max-width: 1200px)and (min-width: 1025px){
  .bnh-timeline{
    max-width:  980px;
    margin: 0 auto;
  }
}

/* ===== FORCE 600px width at 1024 and below (but above mobile) ===== */
@media (max-width: 1024px) and (min-width: 881px){
  .bnh-timeline{
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .bnh-timeline > .e-con-inner{
    max-width: 800px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-336b464 *//* =========================================================
   SCROLL HIGHLIGHT — SAFE CSS (NO PINNING / NO WRAPPERS)
   Scope: .clean .scroll-highlight
   Active class: .is-active (set by JS)
   ========================================================= */

/* ---------- Base (all viewports) ---------- */
.clean .scroll-highlight{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Prevent Elementor “boxed width” behaviour from leaking in */
.clean .scroll-highlight{
  inline-size: 100% !important;
  max-inline-size: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;
  margin-inline: auto !important;

  /* kill the weird 800px + 170px margins behaviour */
  width: 100% !important;
  max-width: none !important;
}

/* Items */
.clean .scroll-highlight .scroll-item{
  opacity: 0.8;
  transition: opacity .35s ease;
}

/* Inactive colour */
.clean .scroll-highlight .scroll-item *{
  color: rgba(255,255,255,0.80) !important;
}

.clean .scroll-highlight .scroll-item svg,
.clean .scroll-highlight .scroll-item svg *{
  fill: rgba(255,255,255,0.80) !important;
  stroke: rgba(255,255,255,0.80) !important;
}

/* Active state (NO GLOW) */
.clean .scroll-highlight .scroll-item.is-active{
  opacity: 1;
  filter: none !important; /* no glow */
}

.clean .scroll-highlight .scroll-item.is-active *{
  color: #AC70EF !important;
}

.clean .scroll-highlight .scroll-item.is-active svg,
.clean .scroll-highlight .scroll-item.is-active svg *{
  fill: #AC70EF !important;
  stroke: #AC70EF !important;
}

/* Make headings predictable (Elementor sometimes adds margins) */
.clean .scroll-highlight h2,
.clean .scroll-highlight h3{
  margin: 0 !important;
}

/* ---------- Tablet tweaks ---------- */
@media (max-width: 1024px){
  .clean .scroll-highlight h2,
  .clean .scroll-highlight h3{
    font-size: clamp(18px, 2.6vw, 22px);
    line-height: 1.25;
  }

  .clean .scroll-highlight svg,
  .clean .scroll-highlight i{
    width: 38px;
    height: 38px;
  }
}

/* ---------- Mobile layout ---------- */
@media (max-width: 767px){

  /* centre relative to .clean */
  .clean .scroll-highlight{
    max-width: 460px;
    padding: 0 14px;
  }

  .clean .scroll-highlight .scroll-item{
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: 64px 10px 1fr;
    align-items: center;
    column-gap: 12px;
  }

  .clean .scroll-highlight .scroll-item > *{
    min-width: 0;
  }

  .clean .scroll-highlight .scroll-item h2,
  .clean .scroll-highlight .scroll-item h3{
    font-size: 14px !important;
    line-height: 1.25 !important;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: normal !important;
  }

  .clean .scroll-highlight .scroll-item p,
  .clean .scroll-highlight .scroll-item span{
    font-size: 13px !important;
    line-height: 1.25;
  }

  .clean .scroll-highlight .scroll-item svg,
  .clean .scroll-highlight .scroll-item i{
    width: 48px !important;
    height: 48px !important;
  }

  /* your nudge (leave it) */
  .clean .scroll-highlight .scroll-item h2,
  .clean .scroll-highlight .scroll-item h3,
  .clean .scroll-highlight .scroll-item .elementor-widget-heading{
    position: relative;
    top: -15px;
    left: 25px;
  }
}

/* ---------- Extra-small phones ---------- */
@media (max-width: 360px){
  .clean .scroll-highlight .scroll-item{
    grid-template-columns: 58px 10px 1fr;
  }

  .clean .scroll-highlight .scroll-item h2,
  .clean .scroll-highlight .scroll-item h3{
    font-size: 16px !important;
  }

  .clean .scroll-highlight .scroll-item svg,
  .clean .scroll-highlight .scroll-item i{
    width: 48px !important;
    height: 48px !important;
  }
}

/* =========================================================
   FORCE scroll-highlight to ignore Elementor boxed widths
   (mobile/tablet safe, scoped to the element itself)
   ========================================================= */

@media (max-width: 1024px){
  .elementor-element.scroll-highlight{
    width: 100% !important;
    max-width: 100% !important;

    /* kill the "800px + 170px margins" behaviour */
    margin-left: auto !important;
    margin-right: auto !important;
    margin-inline: auto !important;

    /* also neutralise any weird offset that can be applied */
    left: auto !important;
    right: auto !important;
  }
}

@media (max-width: 767px){
  .elementor-element.scroll-highlight{
    max-width: 460px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}

/* Force left alignment for text inside scroll items */
.scroll-highlight .scroll-item{
  justify-items: start; /* for grid (mobile) */
}

.scroll-highlight .scroll-item h2,
.scroll-highlight .scroll-item h3,
.scroll-highlight .scroll-item p,
.scroll-highlight .scroll-item span,
.scroll-highlight .scroll-item .elementor-widget-heading{
  text-align: left !important;
}/* End custom CSS */