.elementor-285 .elementor-element.elementor-element-682f145{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-285 .elementor-element.elementor-element-682f145:not(.elementor-motion-effects-element-type-background), .elementor-285 .elementor-element.elementor-element-682f145 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://followin.live/wp-content/uploads/2026/01/Group-33601.png");background-repeat:no-repeat;background-size:cover;}.elementor-285 .elementor-element.elementor-element-33a8d01{--spacer-size:800px;}.elementor-285 .elementor-element.elementor-element-698c2e0{--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;--margin-top:-120px;--margin-bottom:250px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-285 .elementor-element.elementor-element-698c2e0:not(.elementor-motion-effects-element-type-background), .elementor-285 .elementor-element.elementor-element-698c2e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #06021D00 78%, #06021D 100%);}.elementor-285 .elementor-element.elementor-element-3d61385{--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-285 .elementor-element.elementor-element-314729b{--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-285 .elementor-element.elementor-element-314729b.e-con{--align-self:center;}.elementor-285 .elementor-element.elementor-element-64bb948{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-285 .elementor-element.elementor-element-8433e91{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-285 .elementor-element.elementor-element-40dbb74{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-285 .elementor-element.elementor-element-b22fed9{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-285 .elementor-element.elementor-element-7378b7b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-285 .elementor-element.elementor-element-a9678bc{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-285 .elementor-element.elementor-element-4f28fc2{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-285 .elementor-element.elementor-element-c85304f{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-285 .elementor-element.elementor-element-97414aa{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;}.elementor-285 .elementor-element.elementor-element-33f9463{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-285 .elementor-element.elementor-element-a2bae0e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-285 .elementor-element.elementor-element-b3f8c1b{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-285 .elementor-element.elementor-element-2b516de{--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;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-285 .elementor-element.elementor-element-daced29{--spacer-size:20px;}.elementor-285 .elementor-element.elementor-element-9c36040{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-285 .elementor-element.elementor-element-fcc6c88{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:center;--align-items:center;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.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-285 .elementor-element.elementor-element-d57248a{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-285 .elementor-element.elementor-element-d57248a .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-285 .elementor-element.elementor-element-d57248a .elementor-icon{font-size:150px;}.elementor-285 .elementor-element.elementor-element-d57248a .elementor-icon-box-title, .elementor-285 .elementor-element.elementor-element-d57248a .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:32px;font-weight:600;}.elementor-285 .elementor-element.elementor-element-d57248a .elementor-icon-box-title{color:#FFFFFF;}.elementor-285 .elementor-element.elementor-element-d57248a:has(:hover) .elementor-icon-box-title,
					 .elementor-285 .elementor-element.elementor-element-d57248a:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-285 .elementor-element.elementor-element-d57248a .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-size:32px;font-weight:400;}.elementor-285 .elementor-element.elementor-element-6cad0f4{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-285 .elementor-element.elementor-element-6cad0f4.elementor-element{--align-self:center;}.elementor-285 .elementor-element.elementor-element-6cad0f4 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-285 .elementor-element.elementor-element-6cad0f4 .elementor-icon{font-size:150px;}.elementor-285 .elementor-element.elementor-element-6cad0f4 .elementor-icon-box-title, .elementor-285 .elementor-element.elementor-element-6cad0f4 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:32px;font-weight:600;}.elementor-285 .elementor-element.elementor-element-6cad0f4 .elementor-icon-box-title{color:#FFFFFF;}.elementor-285 .elementor-element.elementor-element-6cad0f4:has(:hover) .elementor-icon-box-title,
					 .elementor-285 .elementor-element.elementor-element-6cad0f4:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-285 .elementor-element.elementor-element-f653d54{width:var( --container-widget-width, 33% );max-width:33%;--container-widget-width:33%;--container-widget-flex-grow:0;}.elementor-285 .elementor-element.elementor-element-f653d54.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-285 .elementor-element.elementor-element-f653d54 .elementor-icon-box-wrapper{text-align:center;gap:15px;}.elementor-285 .elementor-element.elementor-element-f653d54 .elementor-icon{font-size:150px;}.elementor-285 .elementor-element.elementor-element-f653d54 .elementor-icon-box-title, .elementor-285 .elementor-element.elementor-element-f653d54 .elementor-icon-box-title a{font-family:"Inter", Sans-serif;font-size:32px;font-weight:600;}.elementor-285 .elementor-element.elementor-element-f653d54 .elementor-icon-box-title{color:#FFFFFF;}.elementor-285 .elementor-element.elementor-element-f653d54:has(:hover) .elementor-icon-box-title,
					 .elementor-285 .elementor-element.elementor-element-f653d54:has(:focus) .elementor-icon-box-title{color:#FFFFFF;}.elementor-285 .elementor-element.elementor-element-f653d54 .elementor-icon-box-description{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-285 .elementor-element.elementor-element-728a600{--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-285 .elementor-element.elementor-element-3f42875{--spacer-size:75px;}.elementor-285 .elementor-element.elementor-element-7f3324f{--spacer-size:75px;}.elementor-285 .elementor-element.elementor-element-779c5b1{--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-285 .elementor-element.elementor-element-c1314fc{--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;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-285 .elementor-element.elementor-element-0f5b49d{--display:flex;}.elementor-285 .elementor-element.elementor-element-229179e{--spacer-size:50px;}.elementor-285 .elementor-element.elementor-element-113e1d8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-285 .elementor-element.elementor-element-0d0721d{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:0px;}.elementor-285 .elementor-element.elementor-element-d3ef4dc{--display:flex;}.elementor-285 .elementor-element.elementor-element-b11e796{--display:flex;}@media(min-width:768px){.elementor-285 .elementor-element.elementor-element-8433e91{--width:45%;}.elementor-285 .elementor-element.elementor-element-40dbb74{--width:1%;}.elementor-285 .elementor-element.elementor-element-b22fed9{--width:49.5%;}.elementor-285 .elementor-element.elementor-element-a9678bc{--width:45%;}.elementor-285 .elementor-element.elementor-element-4f28fc2{--width:1%;}.elementor-285 .elementor-element.elementor-element-c85304f{--width:49.5%;}.elementor-285 .elementor-element.elementor-element-33f9463{--width:45%;}.elementor-285 .elementor-element.elementor-element-a2bae0e{--width:1%;}.elementor-285 .elementor-element.elementor-element-b3f8c1b{--width:49.5%;}}@media(max-width:1366px) and (min-width:768px){.elementor-285 .elementor-element.elementor-element-0d0721d{--width:40%;}.elementor-285 .elementor-element.elementor-element-d3ef4dc{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-285 .elementor-element.elementor-element-0d0721d{--width:0vw;}}@media(max-width:1366px){.elementor-285 .elementor-element.elementor-element-113e1d8{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-285 .elementor-element.elementor-element-0d0721d{--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;}}@media(max-width:1200px){.elementor-285 .elementor-element.elementor-element-113e1d8{--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-285 .elementor-element.elementor-element-0d0721d{--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;}}@media(max-width:1024px){.elementor-285 .elementor-element.elementor-element-3d61385{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-285 .elementor-element.elementor-element-64bb948{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-285 .elementor-element.elementor-element-9c36040{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-285 .elementor-element.elementor-element-d57248a{--container-widget-width:25%;--container-widget-flex-grow:0;width:var( --container-widget-width, 25% );max-width:25%;}.elementor-285 .elementor-element.elementor-element-6cad0f4{--container-widget-width:25%;--container-widget-flex-grow:0;width:var( --container-widget-width, 25% );max-width:25%;}.elementor-285 .elementor-element.elementor-element-f653d54{--container-widget-width:25%;--container-widget-flex-grow:0;width:var( --container-widget-width, 25% );max-width:25%;}.elementor-285 .elementor-element.elementor-element-113e1d8{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-285 .elementor-element.elementor-element-0d0721d{--min-height:0px;}}@media(max-width:767px){.elementor-285 .elementor-element.elementor-element-682f145:not(.elementor-motion-effects-element-type-background), .elementor-285 .elementor-element.elementor-element-682f145 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center left;}.elementor-285 .elementor-element.elementor-element-33a8d01{--spacer-size:400px;}.elementor-285 .elementor-element.elementor-element-698c2e0{--margin-top:-100px;--margin-bottom:200px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-285 .elementor-element.elementor-element-97414aa{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-285 .elementor-element.elementor-element-894a828{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -30px) 0px;}.elementor-285 .elementor-element.elementor-element-daced29{--spacer-size:0px;}.elementor-285 .elementor-element.elementor-element-9c36040{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-285 .elementor-element.elementor-element-fcc6c88{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--padding-top:-10px;--padding-bottom:-10px;--padding-left:-10px;--padding-right:-10px;}.elementor-285 .elementor-element.elementor-element-fcc6c88.e-con{--align-self:center;}.elementor-285 .elementor-element.elementor-element-d57248a{width:var( --container-widget-width, 35vw );max-width:35vw;--e-transform-scale:0.5;--container-widget-width:35vw;--container-widget-flex-grow:0;}.elementor-285 .elementor-element.elementor-element-6cad0f4{width:var( --container-widget-width, 10vw );max-width:10vw;--e-transform-scale:0.5;--container-widget-width:10vw;--container-widget-flex-grow:0;}.elementor-285 .elementor-element.elementor-element-f653d54{width:var( --container-widget-width, 30vw );max-width:30vw;--e-transform-scale:0.5;--container-widget-width:30vw;--container-widget-flex-grow:0;}.elementor-285 .elementor-element.elementor-element-3f42875{--spacer-size:0px;}.elementor-285 .elementor-element.elementor-element-7f3324f{--spacer-size:30px;}.elementor-285 .elementor-element.elementor-element-c1314fc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-285 .elementor-element.elementor-element-0d0721d{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-682f145 *//* 1) Allow hero content to touch the frame edges */
.template-page #template-hero ._inner.baner-inner{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 2) Stretch ONLY the Elementor hero flexbox */
.template-page #template-hero .e-con.hero{
  width: 100% !important;
  max-width: 100% !important;

  /* Critical in Elementor flex layouts */
  inline-size: 100% !important;
  flex-basis: 100% !important;
  flex: 0 0 100% !important;

  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

/* 3) Make hero content (image) fill the container */
.template-page #template-hero .e-con.hero img{
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  display: block !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-314729b *//* =========================================================
   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 */
/* Start custom CSS for container, class: .elementor-element-3d61385 *//* Center the scroll-highlight RELATIVE to the .clean container */
.clean{
  display: flex;
  flex-direction: column;
  align-items: center;   /* horizontal centering of children */
}

/* Keep it responsive */
.clean .scroll-highlight{
  width: 100%;
  max-width: 800px;      /* tweak as needed */
  margin-left: auto;
  margin-right: auto;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2b516de *//* Base chars — no extra spacing */
.scroll-color .char,
.scroll-color-2 .char{
  letter-spacing: 0;
  transition:
    color .18s linear,
    transform .30s cubic-bezier(.2,.9,.2,1.15),
    letter-spacing .30s ease;
  will-change: transform, letter-spacing;
}

/* 🔥 Emphasis ON: widen letters slightly */
.scroll-color .word.is-emph .char.is-on,
.scroll-color-2 .word.is-emph .char.is-on{
  letter-spacing: 0.09em; /* subtle but readable */
}
@media (max-width: 767px){
  .scroll-color .word.is-emph .char.is-on,
  .scroll-color-2 .word.is-emph .char.is-on{
    letter-spacing: 0.09em;
  }
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-f653d54 *//* Centre the entire icon-box block inside its column */
.elementor-widget-icon-box{
  display: flex !important;
  justify-content: center !important;
}

.elementor-widget-icon-box .elementor-widget-container{
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-64bafb5 *//* =========================
   CF7 Form — Grid Layout
   ========================= */
.form-dark .wpcf7 form.wpcf7-form .form--grid{
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  width: 100%;
}

/* Half / Full columns */
.form-dark .wpcf7 form.wpcf7-form .form--item._half{
  width: calc(50% - 11px);
}

.form-dark .wpcf7 form.wpcf7-form .form--item._full{
  width: 100%;
}

/* Mobile: stack halves */
@media (max-width: 767px){
  .form-dark .wpcf7 form.wpcf7-form .form--item._half{
    width: 100%;
  }
}

/* =========================
   CF7 Inputs — Underline
   ========================= */
.form-dark .wpcf7 form.wpcf7-form input[type="text"],
.form-dark .wpcf7 form.wpcf7-form input[type="email"],
.form-dark .wpcf7 form.wpcf7-form input[type="tel"],
.form-dark .wpcf7 form.wpcf7-form textarea{
  background: transparent !important;
  border: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.65) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;

  color: #fff !important;
  width: 100% !important;

  /* taller fields */
  padding: 14px 0 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}

/* Focus */
.form-dark .wpcf7 form.wpcf7-form input:focus,
.form-dark .wpcf7 form.wpcf7-form textarea:focus{
  border-bottom-color: #AC70EF !important;
}

/* Placeholder */
.form-dark .wpcf7 form.wpcf7-form input::placeholder,
.form-dark .wpcf7 form.wpcf7-form textarea::placeholder{
  color: rgba(255,255,255,0.65) !important;
  opacity: 1 !important;
}

/* Smaller message box */
.form-dark .wpcf7 form.wpcf7-form .form--item-message textarea{
  min-height: 130px !important;
  resize: none;
}

/* Autofill fix */
.form-dark .wpcf7 form.wpcf7-form input:-webkit-autofill,
.form-dark .wpcf7 form.wpcf7-form textarea:-webkit-autofill{
  -webkit-text-fill-color: #fff !important;
  -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
  transition: background-color 999999s ease-in-out 0s;
}

/* Button: leave alone (your existing button styling applies) */
.form-dark .wpcf7 form.wpcf7-form input[type="submit"]{
  /* intentionally blank */
}
/* Smaller message box */
.form-dark .wpcf7 form.wpcf7-form .form--item-message textarea{
  min-height: 10px !important;   /* was ~130 */
  padding: 10px 0 !important;    /* slightly tighter */
  line-height: 1 !important;
}
/* CF7 Submit — Purple */
.form-dark .wpcf7 form.wpcf7-form input[type="submit"]{
  background-color: #AC70EF !important;
  border: 2px solid #AC70EF !important;
  color: #ffffff !important;

  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;

  padding: 14px 36px;
  cursor: pointer;

  transition: background-color .18s ease, border-color .18s ease, transform .12s ease;
}

/* Hover */
.form-dark .wpcf7 form.wpcf7-form input[type="submit"]:hover{
  background-color: #9A5FE0 !important;
  border-color: #9A5FE0 !important;
}

/* Active */
.form-dark .wpcf7 form.wpcf7-form input[type="submit"]:active{
  transform: translateY(1px);
}

/* =========================
   CF7 Submit — Wrapper only
   ========================= */

.form--submit-wrapper{
  background-color: #AC70EF !important;
  border-color: #AC70EF !important;
}

/* Keep arrow + text visible */
.form--submit-wrapper .form--submit-text,
.form--submit-wrapper .form--submit-icon{
  color: #fff !important;
  fill: #fff !important;
}

/* Hover — subtle darken, preserves existing hover behaviour */
.form--submit-wrapper:hover{
  background-color: #9A5FE0 !important;
  border-color: #9A5FE0 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-113e1d8 *//* =========================================================
   HERO: FORCE 2 COLUMNS at 1200px+ (and down to tablet)
   Parent: 113e1d8
   Left:   0d0721d
   Right:  d3ef4dc
   ========================================================= */

@media (min-width: 768px){

  /* Parent holds both columns */
  .elementor-element.elementor-element-113e1d8{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;           /* critical */
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 48px !important;
  }

  /* Left block */
  .elementor-element.elementor-element-113e1d8
  > .e-con-inner
  > .elementor-element.elementor-element-0d0721d{
    flex: 0 0 45% !important;               /* adjust 40–55 */
    max-width: 45% !important;
    min-width: 0 !important;                /* prevents overflow forcing wrap */
  }

  /* Right block (form) */
  .elementor-element.elementor-element-113e1d8
  > .e-con-inner
  > .elementor-element.elementor-element-d3ef4dc{
    flex: 1 1 55% !important;
    max-width: 55% !important;
    min-width: 0 !important;
  }

  /* Make the inner wrapper also behave */
  .elementor-element.elementor-element-113e1d8 > .e-con-inner{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 48px !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Mobile: stack */
@media (max-width: 767px){
  .elementor-element.elementor-element-113e1d8 > .e-con-inner{
    display: flex !important;
    flex-direction: column !important;
  }
}/* End custom CSS */
/* Start custom CSS *//* ============================================================
   TEMPLATE (page-template-template) — CLEAN MASTER CSS (TIDY)
   Uses THEME HEADER (no custom header)
   ============================================================ */

.page-template-template{
  --bg: #06021D;
  --hi: #AC70EF;
}

/* ============================================================
   FRAME COLOUR — HERO + FOOTER ONLY
   ============================================================ */

/* HERO frame (baner-inner) */
.page-template-template .baner-inner{
  border-top: 6px solid var(--hi) !important;
  border-left: 5px solid var(--hi) !important;
  border-right: 6px solid var(--hi) !important;
  border-bottom: 0 !important;
}

/* FOOTER frame / side lines */
.page-template-template footer ._inner{
  border-left: 5px solid var(--hi) !important;
  border-right: 6px solid var(--hi) !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

/* If theme draws side lines via pseudo-elements */
.page-template-template .baner-inner::before,
.page-template-template .baner-inner::after,
.page-template-template footer ._inner::before,
.page-template-template footer ._inner::after{
  background-color: var(--hi) !important;
  border-color: var(--hi) !important;
  border-left-color: var(--hi) !important;
  border-right-color: var(--hi) !important;
  pointer-events: none !important; /* never steal clicks */
}

/* ============================================================
   SLANTED SHAPES — KEEP DARK (THEME-SPECIFIC)
   ============================================================ */

.page-template-template #template-hero > div > div::before{
  background: var(--bg) !important;
  border-color: transparent !important;
  pointer-events: none !important;
}

.page-template-template #contacts > div > div::before{
  background: var(--bg) !important;
  border-color: transparent !important;
  pointer-events: none !important;
}

/* ============================================================
   HERO SPACING (ONLY if needed with theme header)
   Adjust this if the theme header overlaps the hero.
   ============================================================ */

.page-template-template #template-hero{
  padding-top: 0 !important;
}

/* If your theme header is fixed and overlaps, enable this:
.page-template-template #template-hero{
  padding-top: 120px !important;
}
@media (max-width: 767px){
  .page-template-template #template-hero{
    padding-top: 100px !important;
  }
}
*/

/* ============================================================
   IMPORTANT: DO NOT LET YOUR SCROLL CURTAIN BLOCK CLICKS
   ============================================================ */
.scroll-highlight__curtain,
.scroll-highlight__lockwrap,
.scroll-highlight__placeholder,
.scroll-highlight__spacer,
.scroll-highlight__sentinel{
  pointer-events: none !important;
}

/* =========================================================
   HARD-CODED HEADER NAV + MOBILE HAMBURGER
   Color: #AC70EF
   Hover icon: Vector1.svg above link
   ========================================================= */

.header--customnav{
  --hi: #AC70EF;
  --hoverIcon: url("https://followin.live/wp-content/uploads/2026/01/Vector1.svg");
}

/* Make header taller + logo bigger (as you wanted) */
.header__inner--tall{
  min-height: 130px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  align-items: center;
  gap: 24px;
}

.header__logo-icon--large{
  height: 37px;
  width: auto;
  display: block;
}

/* Desktop nav */
.header--customnav .header-menu{
  display: flex;
  align-items: center;
  gap: 28px;
  margin-left: auto;
}

/* Link style */
.header--customnav .header-menu__link{
  position: relative;
  text-decoration: none;
  color: var(--hi);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.01em;
  padding: 10px 4px;
}

/* Hover icon ABOVE link */
.header--customnav .header-menu__link::before{
  content: "";
  position: absolute;
  left: 50%;
  top: -18px;
  transform: translateX(-50%);
  width: 22px;
  height: 12px;
  background-image: var(--hoverIcon);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 0;
  transition: opacity 0.15s ease, transform 0.15s ease;
  pointer-events: none;
}

.header--customnav .header-menu__link:hover::before{
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}

/* Burger hidden on desktop */
.header--customnav .header-burger{
  display: none;
}

/* Mobile dropdown hidden on desktop */
.header--customnav .header-mobile{
  display: none;
}

/* ===== Mobile ===== */
@media (max-width: 767px){
  .header__inner--tall{
    min-height: 110px;
    padding-top: 28px;
    padding-bottom: 28px;
  }

  .header__logo-icon--large{
    height: 42px;
  }

  /* Hide desktop nav */
  .header--customnav .header-menu{
    display: none;
  }

  /* Burger */
  .header--customnav .header-burger{
    display: inline-flex;
    margin-left: auto;
    background: transparent;
    border: 0;
    padding: 10px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
  }

  .header--customnav .header-burger span{
    width: 28px;
    height: 2px;
    background: var(--hi);
    display: block;
  }

  /* Dropdown panel */
  .header--customnav .header-mobile{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #06021D;
    border-top: 1px solid rgba(255,255,255,0.10);
    padding: 10px 0;

    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
    z-index: 9999;
  }

  .header--customnav.is-open .header-mobile{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

  .header--customnav .header-mobile__link{
    display: block;
    padding: 14px 22px;
    color: var(--hi);
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    position: relative;
  }

  /* Hover icon for mobile too (only shows on hover-capable devices) */
  @media (hover: hover){
    .header--customnav .header-mobile__link::before{
      content: "";
      position: absolute;
      left: 22px;
      top: 6px;
      width: 22px;
      height: 12px;
      background-image: var(--hoverIcon);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: left center;
      opacity: 0;
      transition: opacity .15s ease;
      pointer-events: none;
    }
    .header--customnav .header-mobile__link:hover::before{
      opacity: 1;
    }
  }
}

/* Ensure header can position the dropdown */
.header--customnav{
  position: relative;
}

/* Allow hover icon to render above the link (prevents clipping) */
.header--customnav,
.header--customnav ._conteiner,
.header--customnav ._inner,
.header--customnav .header-menu{
  overflow: visible !important;
}

/* Make sure the icon can sit above */
.header--customnav .header-menu__link{
  position: relative;
}

/* Hover icon ABOVE link (force visible) */
.header--customnav .header-menu__link::before{
  content: "";
  position: absolute;
  left: 50%;
  top: -22px;                 /* adjust up/down */
  transform: translateX(-50%);
  width: 26px;
  height: 14px;
  background-image: url("https://followin.live/wp-content/uploads/2026/01/Vector1.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
  transition: opacity .15s ease, transform .15s ease;
}

.header--customnav .header-menu__link:hover::before{
  opacity: 1;
  transform: translateX(-50%) translateY(-2px);
}

/* Hide/show animation */
.header--customnav{
  position: sticky;      /* or fixed if your theme uses fixed */
  top: 0;
  z-index: 999999;
  transform: translateY(0);
  transition: transform .22s ease;
  will-change: transform;
}
.header--customnav.is-hidden{
  transform: translateY(-120%);
}

@media (min-width: 768px){
  .header--customnav .header__inner--tall{
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important; /* left | centre | right */
    align-items: center !important;
    gap: 0 !important;
  }

  .header--customnav .header__logo-link{
    justify-self: start !important;
  }

  .header--customnav .header-menu{
    justify-self: center !important;
    margin-left: 0 !important;  /* remove the auto push */
  }

  /* Put socials (if you keep them) on the right */
  .header--customnav .header__soc-list{
    justify-self: end !important;
  }
}

/* =========================================================
   MOBILE HEADER FIX: logo left, burger right, dropdown, big X
   ========================================================= */
@media (max-width: 767px){

  /* Make header a positioning context for dropdown */
  .header--customnav{
    position: sticky;
    top: 0;
    z-index: 999999;
  }

  /* Force clean layout: logo left, burger right */
  .header--customnav .header__inner--tall{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    position: relative !important;
  }

  /* Constrain logo so it NEVER pushes/overlaps burger */
  .header--customnav .header__logo-link{
    flex: 0 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
  }

  .header--customnav .header__logo-icon--large{
    height: 42px !important;
    width: auto !important;
    max-width: 60vw !important;   /* critical: prevents overflow */
    display: block !important;
  }

  /* Hide desktop nav */
  .header--customnav .header-menu{
    display: none !important;
  }

  /* Burger: bigger hit area + always visible */
  .header--customnav .header-burger{
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: 54px !important;       /* bigger */
    height: 54px !important;      /* bigger */
    padding: 0 !important;
    margin-left: auto !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    -webkit-tap-highlight-color: transparent;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    z-index: 1000000 !important;
  }

  /* Burger lines */
  .header--customnav .header-burger span{
    position: absolute !important;
    width: 30px !important;
    height: 3px !important;        /* thicker = more prominent */
    background: #AC70EF !important;
    border-radius: 3px !important;
    transition: transform .18s ease, opacity .18s ease, top .18s ease;
    left: 50%;
    transform: translateX(-50%);
  }

  .header--customnav .header-burger span:nth-child(1){ top: 18px; }
  .header--customnav .header-burger span:nth-child(2){ top: 26px; }
  .header--customnav .header-burger span:nth-child(3){ top: 34px; }

  /* OPEN STATE: turn into a BIG X */
  .header--customnav.is-open .header-burger span:nth-child(1){
    top: 26px;
    transform: translateX(-50%) rotate(45deg);
  }
  .header--customnav.is-open .header-burger span:nth-child(2){
    opacity: 0;
  }
  .header--customnav.is-open .header-burger span:nth-child(3){
    top: 26px;
    transform: translateX(-50%) rotate(-45deg);
  }

  /* Dropdown panel */
  .header--customnav .header-mobile{
    display: block !important;
    position: absolute !important;
    left: 0; right: 0;
    top: 100%;
    background: #06021D;
    border-top: 1px solid rgba(255,255,255,0.10);
    padding: 12px 0;

    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;

    z-index: 999999 !important;
  }

  .header--customnav.is-open .header-mobile{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
  }

  .header--customnav .header-mobile__link{
    display: block;
    padding: 16px 22px;
    color: #AC70EF;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;               /* slightly bigger */
    line-height: 1.2;
  }
}

/* =========================================================
   MOBILE HEADER: FIX LOGO POSITION + BURGER RIGHT + PURPLE X
   Paste at VERY END
   ========================================================= */
@media (max-width: 767px){

  /* Hard reset layout for the header row */
  .header--customnav .header__inner--tall{
    display: flex !important;
    flex-direction: row !important;          /* prevent row-reverse */
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }

  /* Force LOGO to be the first thing on the left */
  .header--customnav .header__logo-link{
    order: 1 !important;
    flex: 0 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  /* Constrain logo so it never pushes the burger off-screen */
  .header--customnav .header__logo-icon--large{
    height: 42px !important;
    width: auto !important;
    max-width: calc(100vw - 90px) !important; /* leaves room for burger */
    display: block !important;
  }

  /* Force BURGER to the right */
  .header--customnav .header-burger{
    order: 3 !important;
    margin-left: auto !important;            /* push to right */
    flex: 0 0 auto !important;
    width: 54px !important;
    height: 54px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    position: relative !important;
    z-index: 1000000 !important;
  }

  /* Force burger lines to ALWAYS be PURPLE (no theme overrides) */
  .header--customnav .header-burger span{
    background: #AC70EF !important;
    opacity: 1 !important;
    position: absolute !important;
    width: 30px !important;
    height: 3px !important;
    border-radius: 3px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    transition: transform .18s ease, opacity .18s ease, top .18s ease !important;
  }

  /* Burger state (DEFAULT) — 3 lines */
  .header--customnav .header-burger span:nth-child(1){ top: 18px !important; }
  .header--customnav .header-burger span:nth-child(2){ top: 26px !important; }
  .header--customnav .header-burger span:nth-child(3){ top: 34px !important; }

  /* X state (ONLY when open) */
  .header--customnav.is-open .header-burger span:nth-child(1){
    top: 26px !important;
    transform: translateX(-50%) rotate(45deg) !important;
  }
  .header--customnav.is-open .header-burger span:nth-child(2){
    opacity: 0 !important;
  }
  .header--customnav.is-open .header-burger span:nth-child(3){
    top: 26px !important;
    transform: translateX(-50%) rotate(-45deg) !important;
  }
}

/* =========================================================
   FIX: REMOVE THE THEME'S YELLOW X + FORCE PURPLE ONLY
   Paste at VERY END
   ========================================================= */
@media (max-width: 767px){

  /* The theme is likely drawing a close X via pseudo-elements */
  .header--customnav .header-burger::before,
  .header--customnav .header-burger::after,
  .header--customnav .header-burger span::before,
  .header--customnav .header-burger span::after{
    content: none !important;
    display: none !important;
    background: transparent !important;
    border-color: transparent !important;
  }

  /* Force our burger / X lines to stay purple no matter what */
  .header--customnav .header-burger span{
    background: #AC70EF !important;
    box-shadow: none !important;
    filter: none !important;
  }

  /* Just in case the theme uses an SVG for close somewhere */
  .header--customnav .header-burger svg,
  .header--customnav .header-burger svg *{
    stroke: #AC70EF !important;
    fill: #AC70EF !important;
  }

  /* Dropdown font = Inter */
  .header--customnav .header-mobile,
  .header--customnav .header-mobile__link{
    font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  }
}

/* =========================================================
   MOBILE: REDUCE GAP BETWEEN HEADER AND HERO
   ========================================================= */
@media (max-width: 767px){
  .page-template-template #template-hero{
    margin-top: -40px !important; /* was larger; adjust 70–100 */
  }
}

@media (max-width: 1024px){
  .page-template-template #template-hero{
    margin-top: -40px !important; /* was larger; adjust 70–100 */
  }
}

/* =========================================================
   TABLET (≤1024px): ALIGN HEADER BUTTONS TO THE RIGHT
   ========================================================= */
@media (max-width: 1024px){

  /* Use flex so we can push menu to the right */
  .header--customnav .header__inner--tall{
    display: flex !important;
    align-items: center !important;
  }

  /* Push menu to the right */
  .header--customnav .header-menu{
    margin-left: auto !important;
    justify-content: flex-end !important;
  }

}

  .page-template-template #template-hero{
    margin-top: -10px !important; /* was larger; adjust 70–100 */
  }
/* =========================================================
   HEADER MENU — HARD NO-WRAP (FINAL, OVERRIDE-SAFE)
   ========================================================= */

/* Prevent wrapping on the menu containers */
.header--customnav .header-menu,
.header--customnav .header-mobile{
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
}

/* Prevent wrapping on links themselves */
.header--customnav .header-menu a,
.header--customnav .header-mobile a{
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Prevent word breaking from theme resets */
.header--customnav .header-menu a,
.header--customnav .header-mobile a{
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

/* =========================================================
   HEADER: normal flow first, then "sticky mode" after passing
   ========================================================= */

/* Default: header is in flow (NOT overlaying hero) */
.header--customnav{
  position: relative;
  transform: translateY(0);
  transition: transform .28s ease;
  will-change: transform;
  z-index: 999999;
}

/* Once we pass it: pin it */
.header--customnav.is-sticky{
  position: fixed;
  top: 0; left: 0; right: 0;
}

/* Hide when sticky + scrolling down */
.header--customnav.is-sticky.is-hidden{
  transform: translateY(-100%);
}

/* =========================================================
   STICKY HEADER: prevent the 1-frame "pop"
   ========================================================= */

/* default in-flow */
.header--customnav{
  position: relative;
  transform: translateY(0);
  transition: transform .28s ease;
  will-change: transform;
  z-index: 999999;
}

/* sticky mode */
.header--customnav.is-sticky{
  position: fixed;
  top: 0; left: 0; right: 0;
}

/* hidden only matters in sticky mode */
.header--customnav.is-sticky.is-hidden{
  transform: translateY(-100%);
}

/* kill transitions for the exact moment we switch to fixed (prevents pop) */
.header--customnav.is-no-transition{
  transition: none !important;
}

/* =========================================================
   STICKY HEADER SPACER — prevents jump
   ========================================================= */
.header-sticky-spacer{
  height: 0;
}

/* When header becomes sticky, reserve its height */
.header--customnav.is-sticky + .header-sticky-spacer{
  height: var(--headerH, 0px);
}

/* =========================================================
   FIXED HEADER + STATIC BG SPACER (NO JUMP)
   ========================================================= */
:root{ --headerH: 0px; }

/* Header always fixed */
.header--customnav{
  position: fixed !important;
  top: 0; left: 0; right: 0;
  z-index: 999999;
  transform: translateY(0);
  transition: transform .28s ease;
  will-change: transform;
}

/* Hidden state */
.header--customnav.is-hidden{
  transform: translateY(-100%);
}

/* This is the “fake top area” that reserves space + color */
.header-bg-spacer{
  height: var(--headerH);
  background: #06021D;
}
:root{ --headerH: 140px; } /* fallback so it always pushes */

.page-template-template #template-hero{
  margin-top: var(--headerH) !important;
}
:root{
  --headerH: 95px;
}

@media (max-width: 767px){
  :root{
    --headerH: 65px;
  }
}

/* Raise the “frame” (hero area) up a bit */
.template-page #template-hero{
  padding-top: 0 !important;   /* remove extra space above */
  margin-top: 22px !important; /* pull section up (tweak -20/-60 etc) */
}

@media (max-width: 1024px){
  .template-page #template-hero{ margin-top: -12px !important; }
}
@media (max-width: 767px){
  .template-page #template-hero{ margin-top: -3px !important; }
}

/* ===== HERO FRAME – RESPONSIVE VERTICAL TWEAKS ===== */

/* Large laptops: 1200–1366 */
@media (min-width: 1200px) and (max-width: 1366px){
  .template-page #template-hero{
    margin-top: -5px !important;
  }
}

/* ===== HEADER MENU ALIGNMENT ===== */

/* ≤1200px: push buttons to the right */
@media (max-width: 1200px){
  .header--customnav .header__inner--tall{
    display: flex !important;
    align-items: center !important;
  }

  .header--customnav .header-menu{
    margin-left: auto !important;
    justify-content: flex-end !important;
  }
}

/* Kill justified text — TABLET + MOBILE ONLY */
@media (max-width: 1024px){
  .page-template-template p,
  .page-template-template li,
  .page-template-template span,
  .page-template-template div{
    text-align: center !important;
    text-justify: auto !important;
  }
}

/* Mobile dropdown must NOT intercept touches when closed */
.header--customnav .header-mobile{
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
}

/* Only active when open */
.header--customnav.is-open .header-mobile{
  pointer-events: auto;
  visibility: visible;
  opacity: 1;
}
/* when closed, REMOVE the overlay from the layout entirely */
.header--customnav .header-mobile{
  display: none;
}

/* when open, show it */
.header--customnav.is-open .header-mobile{
  display: block;
}

@media (max-width: 767px){
  .header--customnav .header-mobile{
    display: none;
    pointer-events: none;
  }
  .header--customnav.is-open .header-mobile{
    display: block;
    pointer-events: auto;
  }
}

/* iPhone Safari hard-fix: when menu is closed, REMOVE overlay entirely */
@media (max-width: 767px){
  .header--customnav:not(.is-open) .header-mobile{
    display: none !important;
    pointer-events: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }

  .header--customnav.is-open .header-mobile{
    display: block !important;
    pointer-events: auto !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

/* =========================================================
   MOBILE MENU: allow wrapping (no overflow)
   Paste at VERY END
   ========================================================= */
@media (max-width: 767px){

  /* Let the dropdown container size naturally */
  .header--customnav .header-mobile{
    max-width: 100%;
    overflow: visible;
  }

  /* Kill your global no-wrap rules for mobile dropdown */
  .header--customnav .header-mobile{
    flex-wrap: wrap !important;
    white-space: normal !important;
  }

  /* Let each link wrap onto multiple lines */
  .header--customnav .header-mobile__link{
    white-space: normal !important;
    overflow-wrap: anywhere !important;  /* breaks long words if needed */
    word-break: normal !important;
    display: block !important;          /* simpler than inline-flex */
    max-width: 100% !important;
  }
}

/* =========================================================
   RESPONSIVE H1 / H2 STACK
   Clean, non-overlapping breakpoints
   ========================================================= */
/* ===== 1024 Breakpoint (768–1023px) ===== */
@media (min-width: 768px) and (max-width: 1023px){

  .page-template-template h1{
    font-size: 60px !important;
    line-height: 1.1 !important;
  }

  .page-template-template h2{
    font-size: 80px !important;
    line-height: 1.15 !important;
  }
  .header--customnav .header-menu__link{
    font-size: 19px !important;
  }
}
}


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

  .page-template-template h1{
    font-size: 56px !important;
    line-height: 1.15 !important;
  }

  .page-template-template h2{
    font-size: 77px !important;
    line-height: 1.2 !important;
  }
}

/* ===== Mobile (≤767px) ===== */
@media (max-width: 766px){

  .page-template-template h1{
    font-size: 44px !important;
    line-height: 1.15 !important;
  }

  .page-template-template h2{
    font-size: 50px !important;
    line-height: 1.2 !important;
  }
}/* End custom CSS */