.elementor-967 .elementor-element.elementor-element-add3611{--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;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-967 .elementor-element.elementor-element-add3611:not(.elementor-motion-effects-element-type-background), .elementor-967 .elementor-element.elementor-element-add3611 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6FC;}.elementor-967 .elementor-element.elementor-element-504fb31{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-967 .elementor-element.elementor-element-34dc264{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-967 .elementor-element.elementor-element-34dc264.elementor-element{--align-self:center;}.elementor-967 .elementor-element.elementor-element-34dc264 .elementor-wrapper{--video-aspect-ratio:1.77777;}.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-967 .elementor-element.elementor-element-325c999{font-family:"Inter", Sans-serif;font-weight:400;letter-spacing:-0.6px;color:#000000;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-967 .elementor-element.elementor-element-b1247b0 .elementor-button{background-color:#000000;}.elementor-967 .elementor-element.elementor-element-b1247b0 > .elementor-widget-container{margin:-16px 0px 20px 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-967 .elementor-element.elementor-element-8dea4b9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-967 .elementor-element.elementor-element-8dea4b9 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-967 .elementor-element.elementor-element-8dea4b9.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-967 .elementor-element.elementor-element-8dea4b9.elementor-view-framed .elementor-icon, .elementor-967 .elementor-element.elementor-element-8dea4b9.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-967 .elementor-element.elementor-element-8dea4b9 .elementor-icon{font-size:0px;}.elementor-967 .elementor-element.elementor-element-8dea4b9 .elementor-icon i{transform:rotate(0deg);}.elementor-967 .elementor-element.elementor-element-8dea4b9 .elementor-icon-box-title{color:#000000;}.elementor-967 .elementor-element.elementor-element-8dea4b9 .elementor-icon-box-description{color:#000000;}.elementor-967 .elementor-element.elementor-element-782cedd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-967 .elementor-element.elementor-element-782cedd .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-967 .elementor-element.elementor-element-782cedd.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-967 .elementor-element.elementor-element-782cedd.elementor-view-framed .elementor-icon, .elementor-967 .elementor-element.elementor-element-782cedd.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-967 .elementor-element.elementor-element-782cedd .elementor-icon-box-title{color:#000000;}.elementor-967 .elementor-element.elementor-element-782cedd .elementor-icon-box-description{color:#000000;}.elementor-967 .elementor-element.elementor-element-94493e5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-967 .elementor-element.elementor-element-94493e5 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-967 .elementor-element.elementor-element-94493e5.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-967 .elementor-element.elementor-element-94493e5.elementor-view-framed .elementor-icon, .elementor-967 .elementor-element.elementor-element-94493e5.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-967 .elementor-element.elementor-element-94493e5 .elementor-icon-box-title{color:#000000;}.elementor-967 .elementor-element.elementor-element-94493e5 .elementor-icon-box-description{color:#000000;}.elementor-967 .elementor-element.elementor-element-a2cd7c6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-967 .elementor-element.elementor-element-a2cd7c6 .elementor-icon-box-wrapper{align-items:start;text-align:start;gap:15px;}.elementor-967 .elementor-element.elementor-element-a2cd7c6.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-967 .elementor-element.elementor-element-a2cd7c6.elementor-view-framed .elementor-icon, .elementor-967 .elementor-element.elementor-element-a2cd7c6.elementor-view-default .elementor-icon{fill:#000000;color:#000000;border-color:#000000;}.elementor-967 .elementor-element.elementor-element-a2cd7c6 .elementor-icon-box-title{color:#000000;}.elementor-967 .elementor-element.elementor-element-a2cd7c6 .elementor-icon-box-description{color:#000000;}.elementor-967 .elementor-element.elementor-element-03b87d8{--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;--overlay-opacity:0.35;--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-967 .elementor-element.elementor-element-03b87d8:not(.elementor-motion-effects-element-type-background), .elementor-967 .elementor-element.elementor-element-03b87d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F4F6FC;}.elementor-967 .elementor-element.elementor-element-03b87d8::before, .elementor-967 .elementor-element.elementor-element-03b87d8 > .elementor-background-video-container::before, .elementor-967 .elementor-element.elementor-element-03b87d8 > .e-con-inner > .elementor-background-video-container::before, .elementor-967 .elementor-element.elementor-element-03b87d8 > .elementor-background-slideshow::before, .elementor-967 .elementor-element.elementor-element-03b87d8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-967 .elementor-element.elementor-element-03b87d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}@media(max-width:767px){.elementor-967 .elementor-element.elementor-element-34dc264{width:100%;max-width:100%;}.elementor-967 .elementor-element.elementor-element-325c999{width:100%;max-width:100%;font-size:14.5px;letter-spacing:-0.75px;}.elementor-967 .elementor-element.elementor-element-8dea4b9 .elementor-icon-box-wrapper{gap:0px;}.elementor-967 .elementor-element.elementor-element-8dea4b9 .elementor-icon-box-title{margin-block-end:0px;}.elementor-967 .elementor-element.elementor-element-03b87d8{--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-967 .elementor-element.elementor-element-add3611{--content-width:755px;}}/* Start custom CSS for video, class: .elementor-element-34dc264 */.elementor-967 .elementor-element.elementor-element-34dc264 {
    border-radius: 8px;
    overflow: hidden;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-add3611 */.elementor-967 .elementor-element.elementor-element-add3611 {
    font-family: 'Inter Display', 'Inter', sans-serif;
}

/* ---- Intro paragraph: 15px / 20px leading / -0.45px tracking ---- */
.elementor-967 .elementor-element.elementor-element-add3611 .rl-intro,
.elementor-967 .elementor-element.elementor-element-add3611 .rl-intro p {
    font-family: 'Inter Display', 'Inter', sans-serif;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.45px;
    color: #000000;
    margin: 0;
}

/* ---- Apply Now: 335 x 56, radius 10, 20px bold, -0.6px tracking ---- */
.elementor-967 .elementor-element.elementor-element-add3611 .rl-apply .elementor-button {
    display: block;
    width: 100%;
    height: 56px;
    line-height: 56px;
    padding: 0;
    background-color: #000000;
    color: #FFFFFF;
    border-radius: 10px;
    font-family: 'Inter Display', 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.6px;
    text-align: center;
    text-decoration: none;
    transition: background-color .2s ease;
}
.elementor-967 .elementor-element.elementor-element-add3611 .rl-apply .elementor-button:hover,
.elementor-967 .elementor-element.elementor-element-add3611 .rl-apply .elementor-button:focus {
    background-color: #1a1a1a;
    color: #FFFFFF;
    text-decoration: none;
}
.elementor-967 .elementor-element.elementor-element-add3611 .rl-apply .elementor-button span {
    text-decoration: none;
}
.elementor-967 .elementor-element.elementor-element-add3611 .rl-apply .elementor-button-content-wrapper {
    display: block;
}

/* ---- Info cards: white, 1px rgba(146,180,244,.3), radius 10 ---- */
.elementor-967 .elementor-element.elementor-element-add3611 .rl-card {
    background-color: #FFFFFF;
    border: 1px solid rgba(146, 180, 244, 0.3);
    border-radius: 10px;
    padding: 15px 16px 15px 13px;
}
.elementor-967 .elementor-element.elementor-element-add3611 .rl-card .elementor-icon-box-wrapper {
    display: flex;
    align-items: center;
    text-align: left;
    gap: 10px;
}

/* Icon column fixed at 39px so every card's text starts at 62px from the left */
.elementor-967 .elementor-element.elementor-element-add3611 .rl-card .elementor-icon-box-icon {
    flex: 0 0 39px;
    width: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}
.elementor-967 .elementor-element.elementor-element-add3611 .rl-card .elementor-icon-box-icon .elementor-icon {
    color: #000000;
    fill: #000000;
    font-size: 26px;
    line-height: 1;
}
.elementor-967 .elementor-element.elementor-element-add3611 .rl-card .elementor-icon-box-icon .elementor-icon svg {
    width: 30px;
    height: 30px;
    fill: #000000;
}

/* Title is intentionally empty - the bold label lives inline in the description,
   exactly as it does in the Figma text layer */
.elementor-967 .elementor-element.elementor-element-add3611 .rl-card .elementor-icon-box-title {
    display: none;
}
.elementor-967 .elementor-element.elementor-element-add3611 .rl-card .elementor-icon-box-description {
    font-family: 'Inter Display', 'Inter', sans-serif;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.45px;
    color: #000000;
    margin: 0;
}
.elementor-967 .elementor-element.elementor-element-add3611 .rl-card .elementor-icon-box-description strong {
    font-weight: 700;
}

/* 10px between cards, 0 after the last one */
.elementor-967 .elementor-element.elementor-element-add3611 .rl-card:not(:last-child) {
    margin-bottom: 10px;
}
.elementor-967 .elementor-element.elementor-element-add3611 .rl-card:last-child {
    margin-bottom: 0;
}/* End custom CSS */
/* Start custom CSS for rl_job_application, class: .elementor-element-14333e4 *//* ============================================================
   Remote Leverage Jobs — application form
   Figma "Jobs Portal" restyle. Override-only: no markup,
   no JS hooks, no display toggles touched.
   ============================================================ */

/* ---- 1. Retheme via the plugin's own variables -------------
   The plugin already pipes these through buttons, focus rings
   and the has-file state, so redefining them does most of the
   work with zero specificity fights.                          */
.rl-job-application {
    --rl-job-app-primary: #000000;
    --rl-job-app-primary-hover: #1a1a1a;
    --rl-job-app-border: rgba(146, 180, 244, 0.3);
    --rl-job-app-radius: 10px;
    --rl-job-app-text: #000000;

    /* Figma tokens */
    --rl-fig-line: rgba(146, 180, 244, 0.3);
    --rl-fig-ink: #000000;
    --rl-fig-muted: #6b7280;

    font-family: 'Inter Display', 'Inter', sans-serif;
  /* matches the 375px Figma frame — raise this for a wider form */
    margin-left: auto;
    margin-right: auto;
}

/* ---- 2. Step container = Figma card ------------------------ */
.rl-job-app-step,
.rl-job-app-success,
.rl-job-app-error,
.rl-job-app-confirmation {
    background: #ffffff;
    border: 1px solid var(--rl-fig-line);
    border-radius: 10px;
    padding: 20px 16px;
    box-shadow: none;
}

.rl-job-app-step-title {
    font-family: inherit;
    font-size: 20px;
    line-height: 25px;
    letter-spacing: -0.6px;
    font-weight: 700;
    color: var(--rl-fig-ink);
    margin: 0 0 4px 0;
}

.rl-job-app-step-description {
    font-family: inherit;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.45px;
    color: var(--rl-fig-muted);
    margin: 0 0 20px 0;
}

/* ---- 3. Field rhythm --------------------------------------
   Plugin ships gap:48px, which is why the live form sprawls.  */
.rl-job-app-fields {
    gap: 18px;
}

.rl-job-app-field {
    gap: 6px;
}

.rl-job-app-label {
    font-family: inherit;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.45px;
    font-weight: 700;
    color: var(--rl-fig-ink);
    flex-wrap: wrap;
}

.rl-job-app-required {
    font-weight: 400;
    color: var(--rl-fig-muted);
}

/* ---- 4. Inputs --------------------------------------------
   Plugin sets `border: ... !important`, so !important is
   required here. Error states are re-asserted in §8 at higher
   specificity so validation styling still wins.               */
.rl-job-application .rl-job-app-input,
.rl-job-application .rl-job-app-select,
.rl-job-application .rl-job-app-textarea {
    font-family: inherit;
    font-size: 15px;
    letter-spacing: -0.45px;
    color: var(--rl-fig-ink);
    padding: 11px 14px;
    border: 1px solid var(--rl-fig-line) !important;
    border-radius: 10px;
    background-color: #ffffff;
}

.rl-job-application .rl-job-app-input:focus,
.rl-job-application .rl-job-app-select:focus,
.rl-job-application .rl-job-app-textarea:focus {
    border-color: var(--rl-fig-ink) !important;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06);
}

.rl-job-app-input::placeholder {
    color: #9ca3af;
}

/* Custom chevron on selects */
.rl-job-application .rl-job-app-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 38px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 12px 8px;
}

.rl-job-app-name-fields {
    gap: 10px;
}

/* ---- 5. Consent checkbox ----------------------------------
   These carry inline style attributes, so cosmetic-only
   !important is unavoidable. Nothing functional touched.      */
.rl-job-application .rl-job-app-checkbox {
    accent-color: #000000 !important;
    margin-top: 3px !important;
    flex: 0 0 18px;
}

.rl-job-application .rl-job-app-checkbox-label {
    align-items: flex-start !important;
    font-family: inherit;
    font-size: 14px !important;
    line-height: 20px;
    color: #4b5563 !important;
}

/* ---- 6. Buttons -------------------------------------------
   Plugin locks padding / font-size / radius with !important at
   (0,2,1), so these .elementor-967 .elementor-element.elementor-element-14333e4s sit at (0,3,1) to win cleanly.  */
.rl-job-app-actions {
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}

.rl-job-application button.rl-job-app-btn.rl-job-app-btn-primary,
.rl-job-application .rl-job-app-btn.rl-job-app-btn-primary {
    width: 100%;
    height: 56px;
    padding: 0 !important;
    font-family: inherit;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: -0.6px;
    border-radius: 10px !important;
}

.rl-job-application button.rl-job-app-btn.rl-job-app-btn-primary:hover,
.rl-job-application .rl-job-app-btn.rl-job-app-btn-primary:hover {
    transform: none !important;
}

.rl-job-application button.rl-job-app-btn.rl-job-app-btn-secondary,
.rl-job-application .rl-job-app-btn.rl-job-app-btn-secondary {
    width: 100%;
    height: 56px;
    padding: 0 !important;
    font-size: 15px !important;
    border-radius: 10px !important;
    border: 1px solid var(--rl-fig-line) !important;
}

/* ---- 7. File upload + recorder ----------------------------
   Deliberately NOT !important, so the plugin's red
   .rl-job-app-field-error styling keeps overriding these.     */
.rl-job-app-file-label {
    border: 1px dashed var(--rl-fig-line);
    border-radius: 10px;
    background: #fbfcfe;
    padding: 14px 16px;
    font-family: inherit;
    font-size: 15px;
    letter-spacing: -0.45px;
    color: var(--rl-fig-muted);
}

.rl-job-app-file-label:hover {
    border-color: var(--rl-fig-ink);
    background: #f4f6fc;
}

.rl-job-app-file-input.has-file + .rl-job-app-file-label {
    background: #f4f6fc;
}

.rl-job-app-recorder-container {
    border: 1px solid var(--rl-fig-line);
    border-radius: 10px;
    background: #ffffff;
    padding: 14px 16px;
}

.rl-job-app-recorder-trigger {
    border-radius: 50%;
}

.rl-job-app-recorder-timer {
    font-family: inherit;
    font-weight: 700;
    letter-spacing: -0.45px;
    color: var(--rl-fig-ink);
}

.rl-job-app-recorder-hint {
    font-family: inherit;
    font-size: 13px;
    color: var(--rl-fig-muted);
}

.rl-job-app-audio-preview {
    width: 100%;
}

/* ---- 8. Re-assert validation states -----------------------
   MUST stay below §4 and at higher specificity, otherwise the
   input border above swallows the red error border.           */
.rl-job-application .rl-job-app-input.rl-job-app-input-error,
.rl-job-application .rl-job-app-select.rl-job-app-input-error,
.rl-job-application .rl-job-app-input.input-error,
.rl-job-application .rl-job-app-select.input-error,
.rl-job-application .rl-job-app-field-error .rl-job-app-input,
.rl-job-application .rl-job-app-field-error .rl-job-app-select {
    border-color: #ef4444 !important;
    background-color: #fef2f2 !important;
}

.rl-job-application .rl-job-app-field-error .rl-job-app-label {
    color: #ef4444;
}

.rl-job-app-error {
    border-color: #ef4444;
    background: #fef2f2;
}

.rl-job-app-error-message {
    font-family: inherit;
    font-size: 15px;
    line-height: 25px;
    color: #b91c1c;
    margin: 0;
}

/* ---- 9. Success panel -------------------------------------- */
.rl-job-app-success-icon {
    background: var(--rl-fig-ink);
    color: #ffffff;
}

.rl-job-app-success h3 {
    font-family: inherit;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.6px;
    color: var(--rl-fig-ink);
}

.rl-job-app-success p {
    font-family: inherit;
    font-size: 15px;
    line-height: 25px;
    letter-spacing: -0.45px;
    color: var(--rl-fig-muted);
}

/* ---- 10. Small screens ------------------------------------- */
@media (max-width: 640px) {
    .rl-job-app-step,
    .rl-job-app-success,
    .rl-job-app-error {
        padding: 20px 16px;
    }
}/* End custom CSS */