.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Rubik";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Rubik";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Rubik";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Rubik";--e-global-typography-accent-font-weight:600;font-size:18px;line-height:1.7em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Font family everywhere */
html, body, .elementor-heading-title,
.elementor-widget-text-editor { font-family: "Rubik", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif; }

/* Body */
body { font-size: 18px; line-height: 1.7; }

/* Headings */
h1, .elementor-heading-title.elementor-size-xxl { font-size: 60px; line-height: 1.15; font-weight: 700; }
h2, .elementor-heading-title.elementor-size-xl  { font-size: 46px; line-height: 1.2;  font-weight: 700; }
h3, .elementor-heading-title.elementor-size-lg  { font-size: 32px; line-height: 1.25; font-weight: 700; }
h4, .elementor-heading-title.elementor-size-md  { font-size: 24px; line-height: 1.35; font-weight: 600; }
h5, .elementor-heading-title.elementor-size-sm  { font-size: 20px; line-height: 1.4;  font-weight: 600; }
h6, .elementor-heading-title.elementor-size-xs  { font-size: 18px; line-height: 1.4;  font-weight: 600; }

/* Hero eyebrow (use a class "eyebrow" on that heading) */
.eyebrow { font-size: 18px; font-weight: 400; opacity: .95; }

/* Buttons (matches demo feel) */
.elementor-button { font-size: 14px; font-weight: 600; }
@media (max-width:1024px){
  h1{font-size:46px} h2{font-size:36px} h3{font-size:28px}
  body{font-size:16px}
}
@media (max-width:767px){
  h1{font-size:36px} h2{font-size:28px} h3{font-size:24px}
}








/* =========================================================
   HERO FIX PACK — single file
   - Overlay tints IMAGE only (not text/buttons)
   - Right amber ribbon + left glow via CSS (no HTML)
   - Mobile-safe (iOS/Android), correct stacking/z-index
   - Matches Bizmax typography scale (Rubik)
   ========================================================= */

/* ---------- SAFETY / BASE ---------- */
.hero{
  position: relative;
  isolation: isolate;                 /* stable stacking on iOS */
}
.hero .elementor-slides{
  height: 100vh;
}
@supports (height: 100svh){
  .hero .elementor-slides{ height: 100svh; }  /* modern mobile viewports */
}

/* If you previously added HTML shapes, hide them to avoid duplicates */
.hero .shape-1, .hero .shape-2{ display:none !important; }

/* ---------- IMAGE-ONLY DARK OVERLAY ---------- */
/* make sure image layers exist and sit at the bottom */
.hero .elementor-slide-bg,
.hero .elementor-background-overlay{
  position:absolute; inset:0; z-index:0;
}

/* tint ONLY the image layer (not text/buttons) */
.hero .elementor-slide-bg::after,
.hero .elementor-background-overlay::after{
  content:"";
  position:absolute; inset:0;
  background: rgba(0,0,0,.38);        /* adjust darkness here */
  pointer-events:none;
  z-index:1;                          /* above image, below shapes/text */
}

/* ---------- CSS SHAPES (NO HTML) ---------- */
/* RIGHT amber ribbon (diagonal wedge) */
.hero::after{
  content:"";
  position:absolute; inset:0;
  z-index:2;                          /* above overlay, below content */
  pointer-events:none;
  background: linear-gradient(180deg,
              rgba(254,198,63,0) 0%,
              rgba(254,198,63,.18) 58%,
              rgba(254,198,63,.45) 100%);
  /* diagonal wedge */
  -webkit-clip-path: polygon(68% 0, 100% 0, 100% 100%, 58% 100%);
          clip-path: polygon(68% 0, 100% 0, 100% 100%, 58% 100%);
}

/* TOP–LEFT warm glow triangle */
.hero::before{
  content:"";
  position:absolute; inset:0;
  z-index:2;                          /* same layer as ribbon */
  pointer-events:none;
  background:
    radial-gradient(120% 120% at 0% 0%,
      rgba(254,198,63,.35) 0%,
      rgba(254,198,63,0) 60%);
  -webkit-clip-path: polygon(0 0, 28% 0, 0 28%);
          clip-path: polygon(0 0, 28% 0, 0 28%);
}

/* ---------- CONTENT ABOVE EVERYTHING ---------- */
.hero .swiper-slide{ position:relative; z-index:3; }
.hero .elementor-slide-content{ position:relative; z-index:4; }
.hero .elementor-swiper-button{ z-index:5; }
.hero .swiper-pagination{ display:none !important; }

/* ---------- TYPOGRAPHY (Rubik scale to match Bizmax) ---------- */
.hero .elementor-slide-heading{
  font-family:"Rubik",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  font-weight:800;
  font-size: clamp(32px, 6.2vw, 60px);
  line-height:1.1;
  letter-spacing:-0.02em;
  color:#fff;
  margin:0 0 16px 0;
}
.hero .elementor-slide-description{
  font-family:"Rubik",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  font-weight:400;
  font-size: clamp(15px, 1.8vw, 18px);
  line-height:1.7;
  color:#fff;
  opacity:.95;
  margin:0 0 24px 0;
}

/* (optional) eyebrow line if you use a small heading above H1 */
.hero .eyebrow{
  font-family:"Rubik",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  font-weight:400; font-size:18px; line-height:1.2; color:#fff; opacity:.95; margin:0 0 12px 0;
}

/* Button look (outline like your screenshot) */
.hero .elementor-button{
  background: transparent;
  border: 2px solid rgba(255,255,255,.7);
  color:#fff;
  border-radius:8px;
  padding:12px 24px;
  font-weight:600;
  font-size:14px;
}
.hero .elementor-button:hover{
  background: rgba(255,255,255,.12);
  border-color:#fff;
}

/* Arrows: round + stacked right */
.hero .elementor-swiper-button{
  width:46px; height:46px; background:#fff; border-radius:50%;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  display:flex; align-items:center; justify-content:center;
}
.hero .elementor-swiper-button-prev,
.hero .elementor-swiper-button-next{ left:auto; right:24px; }
.hero .elementor-swiper-button-prev{ top: calc(50% - 34px); }
.hero .elementor-swiper-button-next{ top: calc(50% + 34px); }

/* ---------- MOBILE HARDENING ---------- */
@media (max-width: 767px){
  /* taller hero and wider ribbon so it stays visible */
  /*.hero .elementor-slides{ min-height: ; }*/
  .hero::after{
    -webkit-clip-path: polygon(40% 0, 40% 0, 100% 00%, 35% 10%);
            clip-path: polygon(% 0, 10% 0, 1% 10%, 3% 100%);
  }
  .hero::before{
    -webkit-clip-path: polygon(0 0, 40% 0, 0 40%);
            clip-path: polygon(0 0, 40% 0, 0 40%);
  }
  /* move arrows to bottom on phones */
  .hero .elementor-swiper-button-prev,
  .hero .elementor-swiper-button-next{ top:auto; bottom:18px; }
  .hero .elementor-swiper-button-prev{ right:78px; }
  .hero .elementor-swiper-button-next{ right:24px; }
}/* End custom CSS */