.elementor-kit-7{--e-global-color-primary:#FF9413;--e-global-color-secondary:#000000;--e-global-color-text:#000000;--e-global-color-accent:#7A8CA5;--e-global-color-7d6f461:#F8F9FB;--e-global-typography-primary-font-family:"Montserrat";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Poppins";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 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);}@media(min-width:1921px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1500px;}.e-con{--container-max-width:1500px;}}@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 */.jobs-embed__frameWrap{
  overflow: hidden;
  border-radius: 16px;
}

#resumator-job-frame{
  width: 100% !important;
  border: 0;
  display: block;
  background: #fff;

  /* desktop baseline */
  min-height: 1600px;
}

/* mobile baselines (bigger) */
@media (max-width: 768px){
  #resumator-job-frame{ min-height: 2600px; }
}
@media (max-width: 480px){
  #resumator-job-frame{ min-height: 3600px; }
}

.jobs-embed__footer{
  margin-top: 12px;
  display: flex;
  justify-content: flex-end;
}

.jobs-embed__link{
  display: inline-flex;
  padding: 10px 14px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  border: 1px solid rgba(0,0,0,.12);
  color: #111;
  background: #f6f7f9;
}
.jobs-embed__link:hover{ background: #eef0f4; }

    .ut-finder{
      --bg1:#0b0d0f;
      --bg2:#060708;
      --panel: rgba(255,255,255,.04);
      --panel2: rgba(255,255,255,.06);
      --border: rgba(255,255,255,.10);
      --text: #ffffff;
      --muted: rgba(255,255,255,.72);
      --muted2: rgba(255,255,255,.62);
      --accent:#FF9413;
      --shadow: 0 18px 50px rgba(0,0,0,.45);
      --radius: 18px;
      color: var(--text);
      background:
        radial-gradient(900px 360px at 50% 0%, rgba(255,148,19,.10), transparent 60%),
        linear-gradient(180deg, var(--bg1), var(--bg2));
      padding: clamp(38px, 5vw, 72px) 18px;
      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }

    .ut-wrap{
      max-width: 1100px;
      margin: 0 auto;
    }

    .ut-head{
      text-align: center;
      margin-bottom: 26px;
    }

    .ut-head h2{
      font-family: Montserrat, Inter, sans-serif;
      font-size: clamp(28px, 3.2vw, 44px);
      line-height: 1.08;
      letter-spacing: -0.03em;
      margin: 0 0 10px;
      font-weight: 800;
    }

    .ut-head p{
      margin: 0 auto;
      max-width: 720px;
      color: var(--muted);
      font-size: clamp(14px, 1.4vw, 16px);
      line-height: 1.55;
    }

    /* Steps row */
    .ut-steps{
      display: grid;
      grid-template-columns: 1fr 1.1fr 1fr;
      align-items: center;
      gap: 22px;
      margin: 26px 0 26px;
    }

    .ut-step{
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 14px;
      align-items: center;
    }

    .ut-badge{
      width: 48px;
      height: 48px;
      border-radius: 999px;
      background: var(--accent);
      display: grid;
      place-items: center;
      font-weight: 900;
      color: #111;
      box-shadow: 0 12px 30px rgba(255,148,19,.22);
    }

    .ut-stepTitle{
      font-family: Montserrat, Inter, sans-serif;
      font-weight: 800;
      font-size: 20px;
      margin: 0;
    }

    .ut-stepSub{
      margin-top: 6px;
      color: var(--muted2);
      font-size: 14px;
      line-height: 1.35;
    }

    .ut-line{
      height: 2px;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
      border-radius: 999px;
      margin: 0 6px;
    }

    /* Expanded area */
    .ut-expand{
      margin-top: 18px;
      background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.02));
      border: 1px solid var(--border);
      border-radius: calc(var(--radius) + 6px);
      padding: clamp(18px, 3vw, 28px);
      box-shadow: var(--shadow);
    }

    .ut-ready{
      text-align: center;
      margin-bottom: 18px;
    }

    .ut-readyTitle{
      font-family: Montserrat, Inter, sans-serif;
      font-weight: 900;
      letter-spacing: -0.02em;
      font-size: clamp(18px, 2vw, 22px);
      margin-bottom: 6px;
    }

    .ut-readySub{
      color: var(--muted);
      max-width: 820px;
      margin: 0 auto;
      line-height: 1.55;
      font-size: 14px;
    }

    /* Cards */
    .ut-cards{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 16px;
    }

    .ut-card{
      text-decoration: none;
      color: var(--text);
      background: rgba(0,0,0,.25);
      border: 1px solid rgba(255,255,255,.10);
      border-radius: var(--radius);
      padding: 16px 16px 14px;
      transition: transform .12s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease;
      position: relative;
      overflow: hidden;
    }

    .ut-card::before{
      content:"";
      position:absolute;
      inset:-2px;
      background: radial-gradient(420px 140px at 30% 0%, rgba(255,148,19,.14), transparent 60%);
      opacity: 0;
      transition: opacity .2s ease;
      pointer-events:none;
    }

    .ut-card:hover{
      transform: translateY(-2px);
      border-color: rgba(255,148,19,.55);
      background: rgba(255,148,19,.06);
      box-shadow: 0 18px 45px rgba(0,0,0,.35);
    }
    .ut-card:hover::before{ opacity: 1; }

    .ut-cardTop{
      display:flex;
      align-items:center;
      justify-content: space-between;
      gap: 10px;
      position: relative;
      z-index: 1;
    }

    .ut-cardTitle{
      font-family: Montserrat, Inter, sans-serif;
      font-weight: 900;
      letter-spacing: -0.01em;
      font-size: 16px;
    }

    .ut-pill{
      font-size: 12px;
      font-weight: 900;
      color: #111;
      background: var(--accent);
      padding: 8px 10px;
      border-radius: 999px;
      white-space: nowrap;
      box-shadow: 0 12px 26px rgba(255,148,19,.18);
    }

    .ut-cardText{
      margin-top: 10px;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
      position: relative;
      z-index: 1;
    }

    .ut-cardLink{
      margin-top: 12px;
      font-weight: 900;
      letter-spacing: .01em;
      color: rgba(255,255,255,.92);
      position: relative;
      z-index: 1;
    }

    .ut-card:hover .ut-cardLink{
      color: #fff;
    }

    /* Foot */
    .ut-foot{
      display: grid;
      grid-template-columns: 1.2fr .8fr;
      gap: 16px;
      margin-top: 18px;
      padding-top: 18px;
      border-top: 1px solid rgba(255,255,255,.10);
    }

    .ut-bullets{
      display: grid;
      gap: 10px;
    }

    .ut-bullet{
      display:flex;
      gap: 10px;
      align-items:flex-start;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.5;
    }

    .ut-bullet strong{ color: rgba(255,255,255,.92); }

    .ut-dot{
      width: 9px; height: 9px;
      border-radius: 999px;
      background: rgba(255,148,19,.95);
      margin-top: 6px;
      box-shadow: 0 10px 18px rgba(255,148,19,.18);
      flex: 0 0 auto;
    }

    .ut-trust{
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.08);
      border-radius: var(--radius);
      padding: 14px;
    }

    .ut-trustTitle{
      font-family: Montserrat, Inter, sans-serif;
      font-weight: 900;
      margin-bottom: 10px;
      font-size: 14px;
      letter-spacing: .02em;
    }

    .ut-trustGrid{
      display:grid;
      gap: 10px;
    }

    .ut-trustItem{
      display:flex;
      gap: 10px;
      align-items:flex-start;
      color: var(--muted);
      font-size: 13px;
      line-height: 1.45;
    }

    .ut-ico{
      width: 20px; height: 20px;
      border-radius: 999px;
      display:grid;
      place-items:center;
      background: rgba(255,148,19,.14);
      border: 1px solid rgba(255,148,19,.35);
      color: var(--accent);
      font-weight: 900;
      flex: 0 0 auto;
      margin-top: 1px;
    }

    .ut-trustH{
      color: rgba(255,255,255,.92);
      font-weight: 900;
      margin-bottom: 2px;
    }

    .ut-trustP{
      color: var(--muted2);
    }

    /* Responsive */
    @media (max-width: 900px){
      .ut-steps{
        grid-template-columns: 1fr;
        gap: 14px;
      }
      .ut-line{ display:none; }
      .ut-cards{ grid-template-columns: 1fr; }
      .ut-foot{ grid-template-columns: 1fr; }
      .ut-badge{ width: 44px; height: 44px; }
      .ut-stepTitle{ font-size: 18px; }
    }
    /* ===== Fix step layout/alignment ===== */
.ut-steps{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; /* equal columns */
  gap: 34px;
  align-items: start;
  margin: 28px 0 26px;
  position: relative;
}

/* one continuous line behind all badges */
.ut-steps::before{
  content:"";
  position:absolute;
  left: 12%;
  right: 12%;
  top: 24px;                 /* vertically aligns through badge center */
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
  border-radius: 999px;
  pointer-events:none;
}

/* remove per-gap line blocks */
.ut-line{ display:none !important; }

.ut-step{
  display: grid;
  justify-items: center;
  text-align: center;
  gap: 12px;
}

.ut-badge{
  width: 50px;
  height: 50px;
  border-radius: 999px;
  background: var(--accent);
  display: grid;
  place-items: center;
  font-weight: 900;
  color: #111;
  box-shadow: 0 12px 30px rgba(255,148,19,.22);
  position: relative;
  z-index: 1; /* sit above the line */
}

.ut-stepBody{
  max-width: 280px; /* keeps lines consistent */
}

.ut-stepTitle{
  font-family: Montserrat, Inter, sans-serif;
  font-weight: 800;
  font-size: 20px;
  margin: 0;
}

.ut-stepSub{
  margin-top: 6px;
  color: var(--muted2);
  font-size: 14px;
  line-height: 1.35;
}

/* Mobile: stack steps & remove the line */
@media (max-width: 900px){
  .ut-steps{
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .ut-steps::before{ display:none; }
  .ut-stepBody{ max-width: 520px; }
}

.ut-finder .ut-title{
  color:#fff !important;
}

/* Universal Tubs — Animated Background 4 (background only) */
.ut-bg-animated-4{
  position: relative;
  overflow: hidden; /* keeps animation inside section */
  background:
    radial-gradient(900px 520px at 50% -10%, rgba(255,148,19,.14), transparent 55%),
    linear-gradient(180deg, #0c0d10, #040506);
}

/* Animated aurora layer */
.ut-bg-animated-4::before{
  content:"";
  position:absolute;
  inset:-45%;
  background:
    conic-gradient(from 180deg,
      transparent 0 18%,
      rgba(255,148,19,.10) 26%,
      transparent 34%,
      rgba(255,148,19,.08) 48%,
      transparent 60%,
      rgba(255,148,19,.06) 72%,
      transparent 100%);
  filter: blur(18px);
  opacity:.34;
  animation: utAuroraFloat 26s ease-in-out infinite;
  pointer-events:none;
  z-index: 0;
}

/* Keyframes */
@keyframes utAuroraFloat{
  0%{ transform: translate(-8%, -6%) rotate(0deg); }
  50%{ transform: translate(8%, 6%) rotate(18deg); }
  100%{ transform: translate(-8%, -6%) rotate(0deg); }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .ut-bg-animated-4::before{ animation: none; }
}

/* BeRocket filter pill colors override */
.berocket_single_filter_widget .bapf-clean-rounded li label{
  border-color: #ff9413 !important;
  color: #000000 !important;
}

.berocket_single_filter_widget .bapf-clean-rounded li.checked label{
  border-color: #ff9413 !important;
  color: #ff9413 !important;
}

.berocket_single_filter_widget .bapf-clean-rounded li.checked label:before{
  border-color: #ff9413 !important;
}

.ut-liquid-trigger .elementor-button {
  --black: #000;
  --orange: #FF9413;
  --white: #FFF;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px !important;
  border-radius: 16px !important;
  text-decoration: none;
  font-weight: 800 !important;
  font-size: 14px !important;
  letter-spacing: .02em;
  isolation: isolate;
  color: var(--black) !important;
  background: linear-gradient(90deg, var(--orange), #FFC07A) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  box-shadow: 0 18px 55px rgba(255,148,19,.35), 0 8px 18px rgba(0,0,0,.35);
  overflow: hidden;
  transition: all 0.3s ease;
}

/* Shine effect using pseudo-element */
.ut-liquid-trigger .elementor-button::before {
  content: "";
  position: absolute;
  inset: -40%;
  background: conic-gradient(from 180deg, 
    transparent 0 18%, 
    rgba(255,255,255,.55) 26%, 
    transparent 34%, 
    rgba(255,255,255,.25) 48%, 
    transparent 60%, 
    rgba(255,255,255,.18) 72%, 
    transparent 100%);
  filter: blur(10px);
  opacity: .45;
  animation: utLiquidSpin 7s linear infinite;
  z-index: 0;
  pointer-events: none;
}

/* Fix for Elementor internal spans to stay on top of the shine */
.ut-liquid-trigger .elementor-button-content-wrapper {
  position: relative;
  z-index: 2;
}

/* Hover & Active States */
.ut-liquid-trigger .elementor-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 24px 70px rgba(255,148,19,.45), 0 10px 22px rgba(0,0,0,.40);
}

.ut-liquid-trigger .elementor-button:active {
  transform: translateY(0px) scale(.99);
}

@keyframes utLiquidSpin {
  to { transform: rotate(360deg); }
}/* End custom CSS */