.elementor-11466 .elementor-element.elementor-element-c902ca2 > .elementor-background-overlay{background-color:var( --e-global-color-296cd3d );background-image:url("https://hartmetrics.com/wp-content/uploads/2021/10/z3htkdHUh5w-min.jpg");opacity:0.41;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-11466 .elementor-element.elementor-element-c287978{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-11466 .elementor-element.elementor-element-c287978 .elementor-divider-separator{width:100%;}.elementor-11466 .elementor-element.elementor-element-c287978 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-11466 .elementor-element.elementor-element-268ca9c{text-align:center;}.elementor-11466 .elementor-element.elementor-element-268ca9c .elementor-heading-title{font-family:var( --e-global-typography-c49438f-font-family ), Sans-serif;font-size:var( --e-global-typography-c49438f-font-size );text-decoration:var( --e-global-typography-c49438f-text-decoration );color:var( --e-global-color-5ededed );}.elementor-11466 .elementor-element.elementor-element-0a518f7{--spacer-size:50px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11466 .elementor-element.elementor-element-bb0e182 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:50px 50px 50px 50px;}.elementor-11466 .elementor-element.elementor-element-bb0e182{text-align:center;font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:400;color:var( --e-global-color-558e50f );}.elementor-11466 .elementor-element.elementor-element-4325274{text-align:center;}.elementor-11466 .elementor-element.elementor-element-4325274 .elementor-heading-title{font-family:"Cantarell", Sans-serif;font-size:35px;font-weight:500;color:var( --e-global-color-fe19fee );}.elementor-11466 .elementor-element.elementor-element-4ce0993{text-align:center;}.elementor-11466 .elementor-element.elementor-element-4ce0993 .elementor-heading-title{font-family:"Cantarell", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-fe19fee );}.elementor-11466 .elementor-element.elementor-element-4aa209f{text-align:start;font-family:"Spectral", Sans-serif;font-size:25px;font-weight:400;color:var( --e-global-color-558e50f );}.elementor-11466 .elementor-element.elementor-element-f3cc8cd{text-align:center;}.elementor-11466 .elementor-element.elementor-element-f3cc8cd .elementor-heading-title{font-family:"Cantarell", Sans-serif;font-size:35px;font-weight:500;color:var( --e-global-color-fe19fee );}.elementor-11466 .elementor-element.elementor-element-1969f31{text-align:center;}.elementor-11466 .elementor-element.elementor-element-1969f31 .elementor-heading-title{font-family:"Cantarell", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-fe19fee );}.elementor-11466 .elementor-element.elementor-element-08c55e7{text-align:start;font-family:"Spectral", Sans-serif;font-size:25px;font-weight:400;color:var( --e-global-color-558e50f );}.elementor-11466 .elementor-element.elementor-element-9a5f6cd{text-align:center;}.elementor-11466 .elementor-element.elementor-element-9a5f6cd .elementor-heading-title{font-family:"Cantarell", Sans-serif;font-size:35px;font-weight:500;color:var( --e-global-color-fe19fee );}.elementor-11466 .elementor-element.elementor-element-f46f030{text-align:center;}.elementor-11466 .elementor-element.elementor-element-f46f030 .elementor-heading-title{font-family:"Cantarell", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-fe19fee );}.elementor-11466 .elementor-element.elementor-element-cd2a9f1{text-align:justify;font-family:"Spectral", Sans-serif;font-size:25px;font-weight:400;color:var( --e-global-color-558e50f );}.elementor-11466 .elementor-element.elementor-element-c3143b7{text-align:center;}.elementor-11466 .elementor-element.elementor-element-c3143b7 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:35px;font-weight:400;color:var( --e-global-color-fe19fee );}.elementor-11466 .elementor-element.elementor-element-4a4ffab{text-align:center;}.elementor-11466 .elementor-element.elementor-element-4a4ffab .elementor-heading-title{font-family:"Cantarell", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-fe19fee );}.elementor-11466 .elementor-element.elementor-element-dd687da{text-align:start;font-family:"Spectral", Sans-serif;font-size:25px;font-weight:400;color:var( --e-global-color-558e50f );}.elementor-11466 .elementor-element.elementor-element-6749ed5{text-align:center;}.elementor-11466 .elementor-element.elementor-element-6749ed5 .elementor-heading-title{font-family:"Cantarell", Sans-serif;font-size:35px;font-weight:500;color:var( --e-global-color-fe19fee );}.elementor-11466 .elementor-element.elementor-element-a58443e{text-align:center;}.elementor-11466 .elementor-element.elementor-element-a58443e .elementor-heading-title{font-family:"Cantarell", Sans-serif;font-size:25px;font-weight:600;color:var( --e-global-color-fe19fee );}.elementor-11466 .elementor-element.elementor-element-238c73c{text-align:start;font-family:"Spectral", Sans-serif;font-size:25px;font-weight:400;color:var( --e-global-color-558e50f );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-11466 .elementor-element.elementor-element-b714fd4 .elementor-icon-wrapper{text-align:center;}.elementor-11466 .elementor-element.elementor-element-b714fd4.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-e9a8979 );}.elementor-11466 .elementor-element.elementor-element-b714fd4.elementor-view-framed .elementor-icon:hover, .elementor-11466 .elementor-element.elementor-element-b714fd4.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-e9a8979 );border-color:var( --e-global-color-e9a8979 );}.elementor-11466 .elementor-element.elementor-element-b714fd4.elementor-view-framed .elementor-icon:hover, .elementor-11466 .elementor-element.elementor-element-b714fd4.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-e9a8979 );}.elementor-11466 .elementor-element.elementor-element-b714fd4 .elementor-icon{font-size:74px;}.elementor-11466 .elementor-element.elementor-element-b714fd4 .elementor-icon svg{height:74px;}.elementor-11466 .elementor-element.elementor-element-9edd76e{text-align:center;font-family:"Cantarell", Sans-serif;font-size:25px;font-weight:400;color:var( --e-global-color-fe19fee );}.elementor-11466 .elementor-element.elementor-element-9b48b51 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 3px 0px 0px;}.elementor-11466 .elementor-element.elementor-element-9b48b51{text-align:center;font-family:"Spectral", Sans-serif;font-size:22px;font-weight:400;color:var( --e-global-color-558e50f );}.elementor-11466 .elementor-element.elementor-element-be84ce1 .elementor-icon-wrapper{text-align:center;}.elementor-11466 .elementor-element.elementor-element-be84ce1.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-e9a8979 );}.elementor-11466 .elementor-element.elementor-element-be84ce1.elementor-view-framed .elementor-icon:hover, .elementor-11466 .elementor-element.elementor-element-be84ce1.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-e9a8979 );border-color:var( --e-global-color-e9a8979 );}.elementor-11466 .elementor-element.elementor-element-be84ce1.elementor-view-framed .elementor-icon:hover, .elementor-11466 .elementor-element.elementor-element-be84ce1.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-e9a8979 );}.elementor-11466 .elementor-element.elementor-element-be84ce1 .elementor-icon{font-size:74px;}.elementor-11466 .elementor-element.elementor-element-be84ce1 .elementor-icon svg{height:74px;}.elementor-11466 .elementor-element.elementor-element-e11647c{text-align:center;font-family:"Cantarell", Sans-serif;font-size:25px;font-weight:400;color:var( --e-global-color-fe19fee );}.elementor-11466 .elementor-element.elementor-element-724290a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 3px 0px 0px;}.elementor-11466 .elementor-element.elementor-element-724290a{text-align:center;font-family:"Spectral", Sans-serif;font-size:22px;font-weight:400;color:var( --e-global-color-558e50f );}.elementor-11466 .elementor-element.elementor-element-bddc9c5 > .elementor-element-populated{padding:0px -1px 0px 0px;}.elementor-11466 .elementor-element.elementor-element-2f9ed48 .elementor-icon-wrapper{text-align:center;}.elementor-11466 .elementor-element.elementor-element-2f9ed48.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-e9a8979 );}.elementor-11466 .elementor-element.elementor-element-2f9ed48.elementor-view-framed .elementor-icon:hover, .elementor-11466 .elementor-element.elementor-element-2f9ed48.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-e9a8979 );border-color:var( --e-global-color-e9a8979 );}.elementor-11466 .elementor-element.elementor-element-2f9ed48.elementor-view-framed .elementor-icon:hover, .elementor-11466 .elementor-element.elementor-element-2f9ed48.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-e9a8979 );}.elementor-11466 .elementor-element.elementor-element-2f9ed48 .elementor-icon{font-size:74px;}.elementor-11466 .elementor-element.elementor-element-2f9ed48 .elementor-icon svg{height:74px;}.elementor-11466 .elementor-element.elementor-element-d87ebcf{text-align:center;font-family:"Cantarell", Sans-serif;font-size:25px;font-weight:400;color:var( --e-global-color-fe19fee );}.elementor-11466 .elementor-element.elementor-element-07b35f1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 3px 0px 0px;}.elementor-11466 .elementor-element.elementor-element-07b35f1{text-align:center;font-family:"Spectral", Sans-serif;font-size:22px;font-weight:400;color:var( --e-global-color-558e50f );}@media(min-width:768px){.elementor-11466 .elementor-element.elementor-element-5f947e4{width:49.786%;}.elementor-11466 .elementor-element.elementor-element-10360aa{width:50.214%;}}@media(max-width:1024px){.elementor-11466 .elementor-element.elementor-element-268ca9c .elementor-heading-title{font-size:var( --e-global-typography-c49438f-font-size );}}@media(max-width:767px){.elementor-11466 .elementor-element.elementor-element-268ca9c .elementor-heading-title{font-size:var( --e-global-typography-c49438f-font-size );}}/* Start custom CSS for shortcode, class: .elementor-element-1444a91 *//* === Forminator Navigation Buttons === */
.forminator-button-back,
.forminator-button-next {
  background-color: #e6e7e8; /* Light gray background */
  color: #58595b !important; /* Default text color */
  border: none;
  font-family: 'Lora', serif;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 40px;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  width: 180px; /* Consistent button width */
  text-transform: none;
}

.forminator-button-next {
  background-color: #7a0f18 !important; /* Hartmetrics accent color */
  color: #fff !important;
}

.forminator-button-back:hover{
    opacity: 0.9;
    color:white !important;
    transform: translateY(-1px);
}
.forminator-button-next:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}
/*Radio color to Hartmetrics accent color*/
input[type="radio"] {
  accent-color: #4D4D4F; 
}

.forminator-ui#forminator-module-12716.forminator-design--basic .forminator-radio{
    margin: 5px 0;
    padding: 8px;
}

/*Changing background color when hover and radio button is checked*/
.forminator-ui#forminator-module-12716.forminator-design--basic .forminator-radio:hover,.forminator-radio.forminator-is_checked {
  background-color: rgba(122, 15, 24, 1); 
  color:white !important;
  border: 0.5px solid rgba(238, 238, 238, 0.5);
  border-radius: 5px;
  transition: all 0.1s ease-in-out;

}
.forminator-pagination {
  text-align: center !important;
}


h2.forminator-title{
    font-size:24px !important;
}

/* === Form container width adjustment === */
.forminator-custom-form {
  max-width: 850px; /* Adjust width for readability */
  margin: 0 auto !important;
  background-color: #ffffff;
  padding: 20px 40px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
  .forminator-custom-form {
    max-width: 95%;
    padding: 15px 20px;
  }
  .forminator-button-back,
  .forminator-button-next {
    width: 100%;
    margin: 8px 0;
  }
/* === Two-column layout for first and last name === */
.forminator-row-name {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px; /* space between columns */
}

.forminator-row-name .forminator-field {
  flex: 1;
  min-width: 250px; /* prevent collapsing */
}

/* Email remains full width */
.forminator-row-email {
  width: 100%;
}

/* === Mobile-friendly adjustment === */

@media (max-width: 768px) {
  .forminator-row-name {
    flex-direction: column;
  }

  .forminator-row-name .forminator-field {
    width: 100%;
  }
}
/* === FORM POLISH & SPACING === */

/* Tighter spacing under header */
.forminator-section .forminator-title {
  margin-bottom: 8px !important;
}
.forminator-section .forminator-subtitle {
  margin-bottom: 20px !important;
}

/* Even field rhythm */
.forminator-row {
  margin-bottom: 14px !important;
}

/* Subtle padding to input fields */
.forminator-input,
.forminator-textarea,
.forminator-select {
  padding: 10px 14px !important;
  border: 1px solid #ccc !important;
  border-radius: 6px !important;
  background-color: #fff;
}

/* Add gentle hover highlight */
.forminator-input:hover,
.forminator-textarea:hover,
.forminator-select:hover {
  border-color: #7a0f18 !important;
  transition: all 0.25s ease;
}

/* Align the buttons perfectly */
.forminator-button-back,
.forminator-button-next {
  display: inline-block !important;
  width: 180px !important;
  height: auto !important;
  margin: 8px 6px !important;
  border-radius: 8px !important;
  text-align: center !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}

/* Center both buttons in one line */
.forminator-pagination {
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  gap: 20px;
  margin-top: 20px !important;
}

/* Mobile optimization */
@media (max-width: 768px) {
  .forminator-pagination {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .forminator-button-back,
  .forminator-button-next {
    width: 100% !important;
    max-width: 300px !important;
  }
}
/* Hide the Previous button on the first page for the Hart Career Compass form */
.forminator-id-12716 .forminator-page--1 .forminator-button-back {
    display: none !important;
}
/* === Previous + Submit Buttons Styling (Desktop) === */
.forminator-button-back,
.forminator-button-submit {
    width: 48%;                /* balanced side by side */
    margin: 8px 1%;            /* spacing between buttons */
    border-radius: 8px !important;
    padding: 12px 0 !important;
    font-weight: 600 !important;
    font-size: 16px !important;
}

/* === Submit Button (Branded) === */
.forminator-button-submit {
    background-color: #7a0f18 !important;
    color: #ffffff !important;
    border: none !important;
}
.forminator-button-submit:hover {
    background-color: #5d0b13 !important;
}

/* === Previous Button (Neutral) === */
.forminator-button-back {
    background-color: #e6e7ea !important;
    color: #58595b !important;
    border: none !important;
}
.forminator-button-back:hover {
    background-color: #d3d4d7 !important;
}

/* === Mobile Responsive Layout === */
@media (max-width: 768px) {
    .forminator-button-back,
    .forminator-button-submit {
        width: 100% !important;      /* full-width buttons on mobile */
        margin: 6px 0 !important;    /* vertical spacing */
        display: block !important;
    }
}
/* === Fix spacing and alignment for Previous + Submit buttons === */
.forminator-button-back {
  margin-right: 20px !important; /* adds space between buttons */
}

.forminator-button-submit {
  background-color: #7a0f18 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  transition: background-color 0.3s ease;
}

.forminator-button-submit:hover {
  background-color: #5c0c12 !important; /* darker red on hover */
}

/* Make sure both buttons are vertically aligned */
.forminator-button-back,
.forminator-button-submit {
  vertical-align: middle !important;
}
/* === Hart-Centered Compass Buttons - Unified Styling === */

/* Shared style for both buttons */
.forminator-button-submit,
.forminator-button-back {
  border: none !important;
  border-radius: 8px !important;
  padding: 12px 24px !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  text-align: center !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  transition: background-color 0.3s ease, transform 0.2s ease !important;
}

/* Submit Button (Hartmetrics Red) */
.forminator-button-submit {
  background-color: #7a0f18 !important;
  color: #ffffff !important;
}

.forminator-button-submit:hover {
  background-color: #5c0c12 !important;
  transform: translateY(-1px);
}

/* Previous Button (Neutral Gray) */
.forminator-button-back {
  background-color: #cccccc !important;
  color: #333333 !important;
}

.forminator-button-back:hover {
  background-color: #a9a7ac !important;
  color: #ffffff !important;
}

/* Alignment and spacing for desktop */
.forminator-pagination-footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
  margin-top: 20px !important;
}

/* Responsive layout for mobile */
@media only screen and (max-width: 768px) {
  .forminator-button-back,
  .forminator-button-submit {
    display: block !important;
    width: 100% !important;
    margin: 8px 0 !important;
  }
}
.forminator-button-back,
.forminator-button-submit {
  line-height: 1.4 !important;
  height: 48px !important; /* force equal height */
}
.forminator-pagination-footer {
  gap: 20px !important; /* adds even space between buttons */
  justify-content: center !important; /* keeps them centered */
  align-items: center !important;
}
/* Keep spacing and alignment identical on all pagination sections */
.forminator-pagination,
.forminator-pagination-footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 20px !important; /* equal spacing between buttons */
  flex-wrap: wrap !important;
}
/* Make the footer use flex, then space the actual buttons */
.forminator-pagination-footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}

/* Reset any inherited margins first */
.forminator-pagination-footer .forminator-button-back,
.forminator-pagination-footer .forminator-button-submit {
  margin: 0 !important;
}

/* Apply the 20px space between the two buttons on the last page */
.forminator-pagination-footer .forminator-button-back {
  margin-right: 20px !important;
}
/* Last page only: space out Previous & Submit */
#forminator-module-12716 .forminator-pagination-footer {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 20px !important;        /* <<< desired spacing */
  flex-wrap: wrap !important;
}

/* Fallback in case theme margins conflict */
#forminator-module-12716 .forminator-pagination-footer .forminator-button-back,
#forminator-module-12716 .forminator-pagination-footer .forminator-button-submit {
  margin: 0 !important;
}
#forminator-module-12716 .forminator-pagination-footer .forminator-button-back {
  margin-right: 20px !important;  /* backup spacing if gap is ignored */
}

/* (Optional) keep full-width on mobile, if you already had this you can skip */
@media (max-width: 768px) {
  #forminator-module-12716 .forminator-pagination-footer .forminator-button-back,
  #forminator-module-12716 .forminator-pagination-footer .forminator-button-submit {
    width: 100% !important;
    margin: 8px 0 !important;
  }
}/* End custom CSS */