.elementor-kit-7{--e-global-color-primary:#1A2D5A;--e-global-color-secondary:#2B5FC9;--e-global-color-text:#FFFFFF;--e-global-color-accent:#39B6FD;--e-global-color-930e455:#8AADDD;--e-global-color-397bc66:#01696E;--e-global-color-3ab31ef:#FFFFFF;--e-global-color-a56c3a1:#26272A;--e-global-color-1eea73f:#3B3B3D;--e-global-typography-primary-font-family:"Source Sans Pro";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"PT Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Open Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-secondary );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-text );border-radius:20px 20px 20px 20px;}.elementor-kit-7 button:hover,.elementor-kit-7 button:focus,.elementor-kit-7 input[type="button"]:hover,.elementor-kit-7 input[type="button"]:focus,.elementor-kit-7 input[type="submit"]:hover,.elementor-kit-7 input[type="submit"]:focus,.elementor-kit-7 .elementor-button:hover,.elementor-kit-7 .elementor-button:focus{background-color:#4985FF;color:var( --e-global-color-text );border-radius:20px 20px 20px 20px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-7 a:hover{color:var( --e-global-color-accent );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-7 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-7 h2{color:var( --e-global-color-930e455 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-kit-7 h3{color:var( --e-global-color-text );font-family:"Source Sans Pro", Sans-serif;font-weight:600;}.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;}}:root { --primary-dark-blue:#1a2d5a; --primary-font:Open Sans; --white:#FFFFFF; --accent-green:#01696F; --accent-blue:#8BAEDD; --bright-blue:#2B5FC9; --black:#000000; --muted-blue:#b9c7da; --dark-text:#3b3b3d; --muted-accent-green:rgba(1, 105, 111, 0.08); --shadow:rgba(77, 77, 77, 1); --off-white:#F4F6FB; --muted-text-dark:#9B9B9B; --DUP_primary-font:Open Sans; --DUP_bright-blue:#2B5FC9; --DUP_dark-text:#3b3b3d; --DUP_white:#FFFFFF; --DUP_primary-dark-blue:#1a2d5a; --DUP_off-white:#F4F6FB; --DUP_primary-font1:Open Sans; --DUP_bright-blue1:#2B5FC9; --DUP_dark-text1:#3b3b3d; --DUP_white1:#FFFFFF; --DUP_primary-dark-blue1:#1a2d5a; --DUP_off-white1:#F4F6FB; --DUP_primary-font2:Open Sans; --DUP_white2:#FFFFFF; --DUP_accent-green:#01696F; --DUP_bright-blue2:#2B5FC9; --DUP_accent-blue:#8BAEDD; --DUP_muted-blue:#b9c7da; --DUP_primary-dark-blue2:#1a2d5a; --DUP_dark-text2:#3b3b3d; --DUP_shadow:rgba(77, 77, 77, 1); --DUP_primary-font3:Open Sans; --DUP_bright-blue3:#2B5FC9; --DUP_dark-text3:#3b3b3d; --DUP_white3:#FFFFFF; --DUP_primary-dark-blue3:#1a2d5a; --DUP_off-white2:#F4F6FB; --DUP_primary-font4:Open Sans; --DUP_bright-blue4:#2B5FC9; --DUP_dark-text4:#3b3b3d; --DUP_white4:#FFFFFF; --DUP_primary-dark-blue4:#1a2d5a; --DUP_off-white3:#F4F6FB; --DUP_primary-font5:Open Sans; --DUP_bright-blue5:#2B5FC9; --DUP_dark-text5:#3b3b3d; --DUP_white5:#FFFFFF; --DUP_primary-dark-blue5:#1a2d5a; --DUP_off-white4:#F4F6FB; --DUP_primary-font6:Open Sans; --DUP_bright-blue6:#2B5FC9; --DUP_dark-text6:#3b3b3d; --DUP_white6:#FFFFFF; --DUP_primary-dark-blue6:#1a2d5a; --DUP_off-white5:#F4F6FB; --DUP_primary-font7:Open Sans; --DUP_bright-blue7:#2B5FC9; --DUP_dark-text7:#3b3b3d; --DUP_white7:#FFFFFF; --DUP_primary-dark-blue7:#1a2d5a; --DUP_off-white6:#F4F6FB; --DUP_primary-font8:Open Sans; --DUP_black:#000000; --DUP_white8:#FFFFFF; --DUP_accent-green1:#01696F; --DUP_bright-blue8:#2B5FC9; --DUP_accent-blue1:#8BAEDD; --DUP_muted-blue1:#b9c7da; --DUP_primary-dark-blue8:#1a2d5a; --DUP_dark-text8:#3b3b3d; --DUP_shadow1:rgba(77, 77, 77, 1); --DUP_off-white7:#F4F6FB; --DUP_primary-font9:Open Sans; --DUP_black1:#000000; --DUP_white9:#FFFFFF; --DUP_accent-green2:#01696F; --DUP_bright-blue9:#2B5FC9; --DUP_accent-blue2:#8BAEDD; --DUP_muted-blue2:#b9c7da; --DUP_primary-dark-blue9:#1a2d5a; --DUP_dark-text9:#3b3b3d; --DUP_shadow2:rgba(77, 77, 77, 1); --DUP_off-white8:#F4F6FB; --DUP_primary-font10:Open Sans; --DUP_black2:#000000; --DUP_white10:#FFFFFF; --DUP_accent-green3:#01696F; --DUP_bright-blue10:#2B5FC9; --DUP_accent-blue3:#8BAEDD; --DUP_muted-blue3:#b9c7da; --DUP_primary-dark-blue10:#1a2d5a; --DUP_dark-text10:#3b3b3d; --DUP_shadow3:rgba(77, 77, 77, 1); --DUP_off-white9:#F4F6FB; --DUP_primary-font101:Open Sans; --DUP_bright-blue101:#2B5FC9; --DUP_dark-text101:#3b3b3d; --DUP_white101:#FFFFFF; --DUP_primary-dark-blue101:#1a2d5a; --DUP_off-white91:#F4F6FB; --DUP_primary-font81:Open Sans; --DUP_bright-blue81:#2B5FC9; --DUP_dark-text81:#3b3b3d; --DUP_white81:#FFFFFF; --DUP_off-white71:#F4F6FB; --DUP_primary-dark-blue81:#1a2d5a; --DUP_primary-font91:Open Sans; --DUP_bright-blue91:#2B5FC9; --DUP_dark-text91:#3b3b3d; --DUP_primary-dark-blue91:#1a2d5a; --DUP_white91:#FFFFFF; --DUP_off-white81:#F4F6FB; --DUP_primary-font11:Open Sans; --DUP_black3:#000000; --DUP_white11:#FFFFFF; --DUP_accent-green4:#01696F; --DUP_bright-blue11:#2B5FC9; --DUP_accent-blue4:#8BAEDD; --DUP_muted-blue4:#b9c7da; --DUP_primary-dark-blue11:#1a2d5a; --DUP_dark-text11:#3b3b3d; --DUP_shadow4:rgba(77, 77, 77, 1); --DUP_off-white10:#F4F6FB; --DUP_primary-font12:Open Sans; --DUP_black4:#000000; --DUP_white12:#FFFFFF; --DUP_accent-green5:#01696F; --DUP_bright-blue12:#2B5FC9; --DUP_accent-blue5:#8BAEDD; --DUP_muted-blue5:#b9c7da; --DUP_primary-dark-blue12:#1a2d5a; --DUP_dark-text12:#3b3b3d; --DUP_shadow5:rgba(77, 77, 77, 1); --DUP_off-white11:#F4F6FB; --DUP_primary-font121:Open Sans; --DUP_bright-blue121:#2B5FC9; --DUP_dark-text121:#3b3b3d; --DUP_white121:#FFFFFF; --DUP_primary-font111:Open Sans; --DUP_bright-blue111:#2B5FC9; --DUP_dark-text111:#3b3b3d; --DUP_white111:#FFFFFF; --DUP_primary-dark-blue111:#1a2d5a; --DUP_off-white101:#F4F6FB; --DUP_primary-font13:Open Sans; --DUP_black5:#000000; --DUP_white13:#FFFFFF; --DUP_accent-green6:#01696F; --DUP_bright-blue13:#2B5FC9; --DUP_accent-blue6:#8BAEDD; --DUP_muted-blue6:#b9c7da; --DUP_primary-dark-blue13:#1a2d5a; --DUP_dark-text13:#3b3b3d; --DUP_shadow6:rgba(77, 77, 77, 1); --DUP_off-white12:#F4F6FB; --DUP_primary-font14:Open Sans; --DUP_black6:#000000; --DUP_white14:#FFFFFF; --DUP_accent-green7:#01696F; --DUP_bright-blue14:#2B5FC9; --DUP_accent-blue7:#8BAEDD; --DUP_muted-blue7:#b9c7da; --DUP_primary-dark-blue14:#1a2d5a; --DUP_dark-text14:#3b3b3d; --DUP_shadow7:rgba(77, 77, 77, 1); --DUP_off-white13:#F4F6FB; --DUP_primary-font141:Open Sans; --DUP_bright-blue141:#2B5FC9; --DUP_dark-text141:#3b3b3d; --DUP_white141:#FFFFFF; --DUP_primary-dark-blue141:#1a2d5a; --DUP_off-white131:#F4F6FB; --DUP_primary-font15:Open Sans; --DUP_black7:#000000; --DUP_white15:#FFFFFF; --DUP_accent-green8:#01696F; --DUP_bright-blue15:#2B5FC9; --DUP_accent-blue8:#8BAEDD; --DUP_muted-blue8:#b9c7da; --DUP_primary-dark-blue15:#1a2d5a; --DUP_dark-text15:#3b3b3d; --DUP_shadow8:rgba(77, 77, 77, 1); --DUP_off-white14:#F4F6FB; --DUP_primary-font151:Open Sans; --DUP_bright-blue151:#2B5FC9; --DUP_dark-text151:#3b3b3d; --DUP_primary-dark-blue151:#1a2d5a; --DUP_white151:#FFFFFF; --DUP_off-white141:#F4F6FB; --DUP_primary-font92:Open Sans; --DUP_bright-blue92:#2B5FC9; --DUP_dark-text92:#3b3b3d; --DUP_primary-dark-blue92:#1a2d5a; --DUP_white92:#FFFFFF; --DUP_off-white82:#F4F6FB; --DUP_primary-font152:Open Sans; --DUP_bright-blue152:#2B5FC9; --DUP_dark-text152:#3b3b3d; --DUP_primary-dark-blue152:#1a2d5a; --DUP_white152:#FFFFFF; --DUP_off-white142:#F4F6FB; }
/* Start custom CSS */.hr-flow-tool,
.hr-flow-tool *,
.hr-flow-tool *::before,
.hr-flow-tool *::after {
  box-sizing: border-box;
}

.hr-flow-tool {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 24px;
  background: transparent;
  color: #28251d;
  font-family: inherit;
  overflow-wrap: break-word;
  word-wrap: break-word;
  position: relative;
  text-transform: none;
  letter-spacing: normal;
  flex: 0 0 auto;
}

.hr-flow-tool .elementor-widget-container,
.hr-flow-tool .elementor-container,
.hr-flow-tool .elementor-column,
.hr-flow-tool .elementor-column-wrap {
  width: 100%;
  max-width: 100%;
}

.hr-page-header,
.hr-flow-controls,
.hr-path-output {
  width: 100%;
  min-width: 0;
}

.hr-page-header {
  margin-bottom: 40px;
}

.hr-page-header h1 {
  margin: 0 0 16px;
  font-size: clamp(28px, 4vw, 48px);
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #28251d;
}

.hr-page-header p {
  margin: 0;
  font-size: clamp(15px, 1.4vw, 18px);
  line-height: 1.65;
  color: #7a7974;
  max-width: 100%;
}

.hr-flow-controls {
  display: grid;
  gap: 24px;
  margin-bottom: 40px;
  padding: 32px;
  background: #f9f8f5;
  border: 1px solid #dcd9d5;
  border-radius: 12px;
}

.hr-control-group {
  display: grid;
  gap: 12px;
  min-width: 0;
}

.hr-control-label {
  margin: 0;
  font-size: 13px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #28251d;
}

.hr-button-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.hr-btn {
  appearance: none;
  position: relative;
  min-height: 46px;
  padding: 12px 22px;
  border: 1px solid #d4d1ca;
  border-radius: 8px;
  background: #ffffff;
  color: #28251d;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.2;
  font-weight: 600;
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    background-color 180ms ease,
    border-color 180ms ease,
    color 180ms ease;
  max-width: 100%;
}

.hr-btn:hover {
  border-color: #3B5BDB;
  color: #3B5BDB;
  background: #ffffff;
  transform: translateY(-1px);
}

.hr-btn.active {
  background: #3B5BDB;
  border-color: #3B5BDB;
  color: #ffffff;
  box-shadow: 0 0 0 3px rgba(59, 91, 219, 0.35), 0 12px 26px rgba(27, 36, 71, 0.28);
  transform: translateY(-3px);
  z-index: 2;
}

.hr-btn.active:hover {
  transform: translateY(-3px);
}

.hr-button-row--packages {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.hr-btn--package {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 18px 20px;
  min-height: 78px;
  text-align: left;
  min-width: 0;
  background: #1B2447;
  border-color: rgba(255, 255, 255, 0.18);
  color: #ffffff;
}

.hr-btn--package:hover {
  background: #2A3870;
  border-color: rgba(255, 255, 255, 0.4);
  color: #ffffff;
  transform: translateY(-1px);
}

.hr-btn--package.active {
  background: #3B5BDB;
  border-color: #ffffff;
  color: #ffffff;
}

.hr-btn--package.active::after {
  content: "✓ Selected";
  position: absolute;
  bottom: -12px;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 12px;
  background: #ffffff;
  color: #3B5BDB;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border-radius: 999px;
  box-shadow: 0 4px 12px rgba(27, 36, 71, 0.22);
  white-space: nowrap;
  z-index: 3;
}

.hr-btn-name {
  font-size: 17px;
  font-weight: 700;
  line-height: 1.2;
  color: #ffffff;
}

.hr-btn-meta {
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  color: #ffffff;
  white-space: normal;
}

.hr-btn--package:hover .hr-btn-meta,
.hr-btn--package.active .hr-btn-meta {
  color: #ffffff;
}

.hr-btn-badge {
  position: absolute;
  top: 10px;
  right: 12px;
  padding: 3px 9px;
  border-radius: 999px;
  background: #ffffff;
  color: #3B5BDB;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
}

.hr-btn--package.active .hr-btn-badge,
.hr-btn--package:hover .hr-btn-badge {
  background: rgba(255, 255, 255, 0.22);
  color: #ffffff;
}

.hr-path-output {
  margin-top: 0;
  width: 100%;
  min-width: 0;
  overflow: hidden;
}

.hr-now-viewing {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px 14px;
  margin: 0 0 24px;
  padding: 18px 22px;
  background: #eef1ff;
  border-left: 5px solid #3B5BDB;
  border-radius: 10px;
}

.hr-now-viewing-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7a7974;
}

.hr-now-viewing-package {
  font-size: clamp(18px, 2vw, 22px);
  font-weight: 700;
  color: #3B5BDB;
  letter-spacing: -0.01em;
}

.hr-now-viewing-tag {
  margin-left: auto;
  padding: 4px 12px;
  border: 1px solid #ccd5f7;
  border-radius: 999px;
  background: #ffffff;
  color: #28251d;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.hr-path-topline {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0 0 20px;
}

.hr-pill {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 14px;
  border: 1px solid #dcd9d5;
  border-radius: 8px;
  background: #f9f8f5;
  color: #28251d;
  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.hr-arrow {
  font-size: 16px;
  line-height: 1;
  color: #7a7974;
}

.hr-path-title {
  margin: 0 0 16px;
  font-size: clamp(15px, 3vw, 28px);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #7a7a7a !important;
}

.hr-path-subtitle {
  margin: 0 0 20px;
  font-size: clamp(15px, 1.4vw, 18px);
  line-height: 1.65;
  color: #7a7974;
  max-width: 100%;
}

.hr-plan-card {
  width: 100%;
  max-width: 100%;
  margin: 0 0 20px;
  padding: 24px;
  background: #f9f8f5;
  border: 1px solid #dcd9d5;
  border-radius: 10px;
  overflow: hidden;
}

.hr-plan-head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 14px;
  margin: 0 0 6px;
}

.hr-plan-eyebrow {
  font-size: 11px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #3B5BDB;
}

.hr-plan-name {
  margin: 0;
  font-size: clamp(20px, 2.2vw, 26px);
  line-height: 1.2;
  font-weight: 700;
  color: #28251d;
  letter-spacing: -0.01em;
}

.hr-plan-tag {
  margin-left: auto;
  padding: 4px 10px;
  border: 1px solid #ccd5f7;
  border-radius: 999px;
  background: #ffffff;
  color: #3B5BDB;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.hr-plan-price {
  margin: 0 0 4px;
  font-size: clamp(18px, 1.8vw, 22px);
  line-height: 1.3;
  font-weight: 700;
  color: #28251d;
}

.hr-plan-tagline {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 1.5;
  color: #7a7974;
}

.hr-plan-inherits {
  margin: 0 0 10px;
  padding: 10px 14px;
  border-left: 4px solid #3B5BDB;
  background: #eef1ff;
  border-radius: 0 8px 8px 0;
  font-size: 14px;
  line-height: 1.5;
  color: #28251d;
  font-weight: 600;
}

.hr-plan-features-label {
  margin: 4px 0 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #7a7974;
}

.hr-plan-features {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 20px;
}

.hr-plan-features li {
  position: relative;
  padding-left: 22px;
  font-size: 15px;
  line-height: 1.5;
  color: #28251d;
  min-width: 0;
}

.hr-plan-features li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 0.55em;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #3B5BDB;
}

.hr-path-branch {
  width: 100%;
  max-width: 100%;
  margin: 0 0 20px;
  padding: 20px 22px;
  border-radius: 10px;
  background: #eef1ff;
  border: 1px solid #ccd5f7;
  font-size: 15px;
  line-height: 1.7;
  color: #28251d;
  font-weight: 600;
}

.hr-flow-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(220px, 1fr));
  gap: 28px 32px;
  margin-top: 12px;
  align-items: stretch;
  width: 100%;
  min-width: 0;
}

.hr-flow-step {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 260px;
  min-width: 220px;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #dcd9d5;
  border-top: 4px solid #3B5BDB;
  border-radius: 10px;
  overflow: hidden;
}

.hr-flow-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -22px;
  width: 14px;
  height: 14px;
  border-top: 3px solid #3B5BDB;
  border-right: 3px solid #3B5BDB;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
  z-index: 1;
}

.hr-step-package {
  position: absolute;
  top: 14px;
  right: 14px;
  padding: 3px 9px;
  border-radius: 999px;
  background: #eef1ff;
  color: #3B5BDB;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.2;
  max-width: calc(100% - 28px);
}

.hr-step-number {
  margin: 0 0 12px;
  padding-right: 90px;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.1;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #3B5BDB;
}

.hr-step-title {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  color: #28251d;
}

.hr-step-text {
  margin: 0;
  max-width: 34rem;
  font-size: 15px;
  line-height: 1.7;
  color: #4a4640;
}

@media (max-width: 1200px) {
  .hr-flow-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .hr-flow-step:not(:last-child)::after {
    display: none;
  }
}

@media (max-width: 1024px) {
  .hr-button-row--packages {
    grid-template-columns: 1fr;
  }

  .hr-flow-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .hr-flow-tool {
    padding: 32px 16px;
  }

  .hr-page-header {
    margin-bottom: 32px;
  }

  .hr-flow-controls {
    gap: 20px;
    margin-bottom: 32px;
    padding: 20px;
  }

  .hr-button-row {
    flex-direction: column;
  }

  .hr-btn {
    width: 100%;
    text-align: center;
  }

  .hr-btn--package {
    text-align: left;
  }

  .hr-plan-card {
    padding: 20px;
  }

  .hr-plan-tag {
    margin-left: 0;
  }

  .hr-plan-features {
    grid-template-columns: 1fr;
  }

  .hr-flow-steps {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .hr-flow-step {
    min-width: 0;
    min-height: auto;
    padding: 22px;
  }
}

@media (max-width: 420px) {
  .hr-flow-tool {
    padding: 24px 12px;
  }

  .hr-flow-controls {
    padding: 16px;
  }

  .hr-plan-card {
    padding: 16px;
  }

  .hr-flow-step {
    padding: 18px;
  }

  .hr-step-number {
    padding-right: 0;
  }

  .hr-now-viewing-tag {
    margin-left: 0;
  }
}/* End custom CSS */