.elementor-16 .elementor-element.elementor-element-fdf10d9{--display:flex;--gap:64px 64px;--row-gap:64px;--column-gap:64px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-4b5ad67{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-4b5ad67.e-con{--align-self:center;}.elementor-16 .elementor-element.elementor-element-d946238.elementor-element{--align-self:center;}.elementor-16 .elementor-element.elementor-element-4b22ec2{width:var( --container-widget-width, 60% );max-width:60%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-16 .elementor-element.elementor-element-4b22ec2 .elementor-heading-title{font-family:"Maven Pro", Sans-serif;font-size:80px;font-weight:700;text-transform:uppercase;line-height:1.1em;letter-spacing:-1.3px;color:var( --e-global-color-primary );}.elementor-16 .elementor-element.elementor-element-b025edc{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-b025edc.e-con{--align-self:center;}.elementor-16 .elementor-element.elementor-element-3b8f7d8{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-16 .elementor-element.elementor-element-3b8f7d8 p{margin-block-end:0px;}.elementor-16 .elementor-element.elementor-element-91213f7{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-91213f7.e-con{--align-self:center;}.elementor-16 .elementor-element.elementor-element-bbd4cba{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-16 .elementor-element.elementor-element-bbd4cba.e-con{--align-self:center;}.elementor-16 .elementor-element.elementor-element-b62b5f1{--display:flex;}.elementor-16 .elementor-element.elementor-element-4cf19bb .elementor-field-group{padding-right:calc( 14px/2 );padding-left:calc( 14px/2 );margin-bottom:17px;}.elementor-16 .elementor-element.elementor-element-4cf19bb .elementor-form-fields-wrapper{margin-left:calc( -14px/2 );margin-right:calc( -14px/2 );margin-bottom:-17px;}.elementor-16 .elementor-element.elementor-element-4cf19bb .elementor-field-group.recaptcha_v3-bottomleft, .elementor-16 .elementor-element.elementor-element-4cf19bb .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-16 .elementor-element.elementor-element-4cf19bb .elementor-labels-inline .elementor-field-group > label{padding-left:11px;}body:not(.rtl) .elementor-16 .elementor-element.elementor-element-4cf19bb .elementor-labels-inline .elementor-field-group > label{padding-right:11px;}body .elementor-16 .elementor-element.elementor-element-4cf19bb .elementor-labels-above .elementor-field-group > label{padding-bottom:11px;}.elementor-16 .elementor-element.elementor-element-4cf19bb .elementor-field-type-html{padding-bottom:12px;}.elementor-16 .elementor-element.elementor-element-4cf19bb .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-16 .elementor-element.elementor-element-4cf19bb .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-16 .elementor-element.elementor-element-4cf19bb .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-16 .elementor-element.elementor-element-4cf19bb .elementor-button[type="submit"]{color:#ffffff;}.elementor-16 .elementor-element.elementor-element-4cf19bb .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-16 .elementor-element.elementor-element-4cf19bb .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-16 .elementor-element.elementor-element-4cf19bb .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-16 .elementor-element.elementor-element-4cf19bb .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-16 .elementor-element.elementor-element-4cf19bb .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-16 .elementor-element.elementor-element-4cf19bb .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-16 .elementor-element.elementor-element-4cf19bb{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-16 .elementor-element.elementor-element-f6bb4d7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-16 .elementor-element.elementor-element-b025edc{--width:60%;}.elementor-16 .elementor-element.elementor-element-b62b5f1{--width:70%;}}@media(max-width:1024px){.elementor-16 .elementor-element.elementor-element-fdf10d9{--padding-top:50px;--padding-bottom:50px;--padding-left:24px;--padding-right:24px;}.elementor-16 .elementor-element.elementor-element-4b22ec2{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-16 .elementor-element.elementor-element-4b22ec2 .elementor-heading-title{font-size:60px;line-height:1.1em;}.elementor-16 .elementor-element.elementor-element-3b8f7d8{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-16 .elementor-element.elementor-element-fdf10d9{--padding-top:60px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-16 .elementor-element.elementor-element-4b22ec2 .elementor-heading-title{font-size:35px;}.elementor-16 .elementor-element.elementor-element-3b8f7d8{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-16 .elementor-element.elementor-element-91213f7{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-bbd4cba{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-16 .elementor-element.elementor-element-b62b5f1{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}}/* Start custom CSS for container, class: .elementor-element-fdf10d9 *//* =========================================
   FLEXTERN HERO — ABSTRACT BACKGROUND
========================================= */

.fx-hero {
    position: relative !important;
    overflow: hidden !important;
    background: #ffffff !important;
    isolation: isolate;
}


/* =========================================
   LEFT ABSTRACT SHAPE
========================================= */

.fx-hero::before {
    content: "";
    position: absolute;

    width: 520px;
    height: 520px;

    left: -300px;
    top: 80px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(11, 179, 179, 0.22) 0%,
            rgba(11, 179, 179, 0.13) 38%,
            rgba(11, 179, 179, 0.055) 62%,
            transparent 74%
        );

    box-shadow:
        120px 40px 0 -35px rgba(11, 179, 179, 0.07);

    pointer-events: none;

    z-index: 0;

    animation: fxHeroLeft 9s ease-in-out infinite;
}


/* =========================================
   RIGHT ABSTRACT SHAPE
========================================= */

.fx-hero::after {
    content: "";

    position: absolute;

    width: 560px;
    height: 560px;

    right: -330px;
    top: 20px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(11, 179, 179, 0.20) 0%,
            rgba(11, 179, 179, 0.12) 38%,
            rgba(11, 179, 179, 0.045) 62%,
            transparent 74%
        );

    box-shadow:
        -120px 80px 0 -35px rgba(11, 179, 179, 0.07);

    pointer-events: none;

    z-index: 0;

    animation: fxHeroRight 10s ease-in-out infinite;
}


/* =========================================
   CONTENT ABOVE BACKGROUND
========================================= */

.fx-hero > .e-con,
.fx-hero > .elementor-container,
.fx-hero .elementor-widget {
    position: relative;
    z-index: 3;
}


/* =========================================
   SUBTLE CENTER GLOW
========================================= */

.fx-hero .elementor-widget-container::before {
    content: "";
    position: absolute;

    width: 700px;
    height: 300px;

    left: 50%;
    top: 90px;

    transform: translateX(-50%);

    background:
        radial-gradient(
            ellipse,
            rgba(11, 179, 179, 0.055) 0%,
            transparent 70%
        );

    pointer-events: none;

    z-index: -1;
}


/* =========================================
   FLOATING DOT PATTERN
========================================= */

.fx-hero .elementor-container::before,
.fx-hero > .e-con::before {
    content: "";

    position: absolute;

    width: 120px;
    height: 120px;

    left: 8%;
    bottom: 8%;

    background-image:
        radial-gradient(
            rgba(11, 179, 179, 0.35) 1.5px,
            transparent 1.5px
        );

    background-size: 16px 16px;

    opacity: 0.45;

    pointer-events: none;

    z-index: 1;
}


/* =========================================
   ANIMATIONS
========================================= */

@keyframes fxHeroLeft {

    0% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(35px, -20px) scale(1.06);
    }

    100% {
        transform: translate(0, 0) scale(1);
    }

}


@keyframes fxHeroRight {

    0% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-30px, 25px) scale(1.05);
    }

    100% {
        transform: translate(0, 0) scale(1);
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .fx-hero::before {
        width: 300px;
        height: 300px;

        left: -210px;
        top: 100px;
    }

    .fx-hero::after {
        width: 330px;
        height: 330px;

        right: -220px;
        top: 180px;
    }

    .fx-hero .elementor-container::before,
    .fx-hero > .e-con::before {
        width: 80px;
        height: 80px;

        left: 5%;
        bottom: 5%;

        background-size: 12px 12px;
    }

}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-4cf19bb *//* =========================================================
   FLEXTERN — PREMIUM EMPLOYER FORM
   Glow Border + 2 Column Gutter + Responsive
   ========================================================= */

.fx-employer-form {
    --teal: #0BB3B3;
    --teal-light: #7EDDDD;
    --dark-teal: #008F91;
    --text: #17212F;
    --label: #344054;
    --placeholder: #98A2B3;
    --border: #DDE8EA;
    --field-bg: #FBFDFD;

    position: relative !important;

    width: 100% !important;

    box-sizing: border-box !important;

    padding: 44px !important;

    background: #FFFFFF !important;

    border: 1px solid rgba(11, 179, 179, 0.22) !important;

    border-radius: 24px !important;

    box-shadow:
        0 0 0 1px rgba(11, 179, 179, 0.035),
        0 8px 25px rgba(11, 179, 179, 0.06),
        0 20px 60px rgba(17, 59, 64, 0.07) !important;
}


/* =========================================================
   GLOW AROUND FORM
   ========================================================= */

.fx-employer-form::before {
    content: "";

    position: absolute;

    inset: -1px;

    border-radius: 25px;

    background:
        linear-gradient(
            135deg,
            rgba(11, 179, 179, 0.38),
            rgba(11, 179, 179, 0.06) 35%,
            rgba(11, 179, 179, 0.03) 65%,
            rgba(11, 179, 179, 0.25)
        );

    z-index: 0;

    pointer-events: none;

    opacity: 0.7;
}


/* Keep form content above glow */

.fx-employer-form > * {
    position: relative !important;
    z-index: 2 !important;
}


/* =========================================================
   FORM WRAPPER
   ========================================================= */

.fx-employer-form .elementor-form-fields-wrapper {
    margin: 0 !important;
    padding: 0 !important;

    width: 100% !important;
}


/* =========================================================
   FIELD GROUP
   ========================================================= */

.fx-employer-form .elementor-field-group {
    margin-top: 0 !important;

    margin-bottom: 26px !important;

    padding: 0 !important;

    border: 0 !important;

    background: transparent !important;

    box-shadow: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   2 COLUMN GUTTER
   Important for 50% fields
   ========================================================= */

/*
   Elementor 50% fields:
   We create breathing room between them.
*/

.fx-employer-form
.elementor-field-group.elementor-col-50 {

    width: calc(50% - 10px) !important;
}


/* First 50% field */

.fx-employer-form
.elementor-field-group.elementor-col-50:nth-child(odd) {

    margin-right: 20px !important;
}


/* Make sure the second column has no extra right margin */

.fx-employer-form
.elementor-field-group.elementor-col-50:nth-child(even) {

    margin-right: 0 !important;
}


/* =========================================================
   FULL WIDTH FIELDS
   ========================================================= */

.fx-employer-form
.elementor-field-group.elementor-col-100 {

    width: 100% !important;
}


/* =========================================================
   LABEL
   ========================================================= */

.fx-employer-form
.elementor-field-group > label {

    display: block !important;

    margin: 0 0 10px 2px !important;

    padding: 0 !important;

    color: var(--label) !important;

    font-family: "Inter", sans-serif !important;

    font-size: 14px !important;

    font-weight: 700 !important;

    line-height: 1.45 !important;
}


/* Required */

.fx-employer-form
.elementor-mark-required {

    color: var(--teal) !important;

    font-size: 14px !important;

    font-weight: 800 !important;

    margin-left: 3px !important;
}


/* =========================================================
   INPUT / SELECT / TEXTAREA
   ========================================================= */

.fx-employer-form
input.elementor-field,

.fx-employer-form
select.elementor-field,

.fx-employer-form
textarea.elementor-field {

    width: 100% !important;

    box-sizing: border-box !important;

    color: var(--text) !important;

    background: var(--field-bg) !important;

    border: 1px solid var(--border) !important;

    border-radius: 12px !important;

    outline: none !important;

    font-family: "Inter", sans-serif !important;

    font-size: 15px !important;

    font-weight: 400 !important;

    box-shadow:
        0 1px 3px rgba(16, 24, 40, 0.025) !important;

    transition:
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease,
        transform 0.25s ease !important;
}


/* =========================================================
   INPUT / SELECT
   ========================================================= */

.fx-employer-form
input.elementor-field,

.fx-employer-form
select.elementor-field {

    height: 58px !important;

    min-height: 58px !important;

    padding: 0 18px !important;
}


/* =========================================================
   TEXTAREA
   ========================================================= */

.fx-employer-form
textarea.elementor-field {

    min-height: 165px !important;

    padding: 17px 18px !important;

    line-height: 1.7 !important;

    resize: vertical !important;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.fx-employer-form
.elementor-field::placeholder {

    color: var(--placeholder) !important;

    opacity: 1 !important;

    font-size: 14px !important;
}


/* =========================================================
   FIELD HOVER
   ========================================================= */

.fx-employer-form
input.elementor-field:hover,

.fx-employer-form
select.elementor-field:hover,

.fx-employer-form
textarea.elementor-field:hover {

    border-color: var(--teal-light) !important;

    background: #FFFFFF !important;

    box-shadow:
        0 3px 12px rgba(11, 179, 179, 0.05) !important;
}


/* =========================================================
   FIELD FOCUS GLOW
   ========================================================= */

.fx-employer-form
input.elementor-field:focus,

.fx-employer-form
select.elementor-field:focus,

.fx-employer-form
textarea.elementor-field:focus {

    border-color: var(--teal) !important;

    background: #FFFFFF !important;

    box-shadow:
        0 0 0 4px rgba(11, 179, 179, 0.08),
        0 6px 22px rgba(11, 179, 179, 0.07) !important;
}


/* =========================================================
   SELECT
   Keep Elementor native arrow
   ========================================================= */

.fx-employer-form
select.elementor-field {

    cursor: pointer !important;

    appearance: auto !important;

    -webkit-appearance: auto !important;

    -moz-appearance: auto !important;

    background-image: none !important;
}


/* No custom arrow */

.fx-employer-form
.elementor-field-type-select::after {

    content: none !important;

    display: none !important;
}


/* =========================================================
   DATE
   ========================================================= */

.fx-employer-form
input[type="date"] {

    cursor: pointer !important;
}


/* =========================================================
   PRIVACY
   ========================================================= */

.fx-employer-form
.elementor-field-type-acceptance {

    margin-top: 2px !important;

    margin-bottom: 27px !important;
}


.fx-employer-form
.elementor-field-type-acceptance
input[type="checkbox"] {

    width: 18px !important;

    height: 18px !important;

    margin: 2px 9px 0 0 !important;

    accent-color: var(--teal);

    cursor: pointer;
}


.fx-employer-form
.elementor-field-type-acceptance
label {

    color: #667085 !important;

    font-family: "Inter", sans-serif !important;

    font-size: 13px !important;

    font-weight: 400 !important;

    line-height: 1.65 !important;
}


.fx-employer-form
.elementor-field-type-acceptance
a {

    color: var(--teal) !important;

    font-weight: 600 !important;

    text-decoration: underline !important;
}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.fx-employer-form
.elementor-button {

    width: 100% !important;

    min-height: 60px !important;

    padding: 17px 28px !important;

    color: #FFFFFF !important;

    background:
        linear-gradient(
            135deg,
            #00C4BC 0%,
            #0BB3B3 55%,
            #008F91 100%
        ) !important;

    border: 0 !important;

    border-radius: 12px !important;

    font-family: "Inter", sans-serif !important;

    font-size: 16px !important;

    font-weight: 800 !important;

    cursor: pointer !important;

    box-shadow:
        0 10px 28px rgba(11, 179, 179, 0.18) !important;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease !important;
}


.fx-employer-form
.elementor-button:hover {

    color: #FFFFFF !important;

    transform: translateY(-2px) !important;

    box-shadow:
        0 16px 36px rgba(11, 179, 179, 0.25) !important;
}


/* Button arrow */

.fx-employer-form
.elementor-button-icon {

    transition:
        transform 0.3s ease !important;
}


.fx-employer-form
.elementor-button:hover
.elementor-button-icon {

    transform: translateX(5px) !important;
}


/* =========================================================
   ERROR
   ========================================================= */

.fx-employer-form
.elementor-message-danger,

.fx-employer-form
.elementor-error {

    color: #D92D20 !important;

    font-family: "Inter", sans-serif !important;

    font-size: 12px !important;
}


/* =========================================================
   SUCCESS
   ========================================================= */

.fx-employer-form
.elementor-message-success {

    margin-top: 20px !important;

    padding: 17px 20px !important;

    color: #087F5B !important;

    background: #ECFDF5 !important;

    border: 1px solid #B7E4D2 !important;

    border-radius: 11px !important;

    font-family: "Inter", sans-serif !important;

    font-size: 13px !important;

    line-height: 1.6 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .fx-employer-form {

        padding: 34px !important;

        border-radius: 21px !important;
    }


    .fx-employer-form
    .elementor-field-group {

        margin-bottom: 22px !important;
    }


    .fx-employer-form
    .elementor-field-group.elementor-col-50 {

        width: calc(50% - 8px) !important;
    }


    .fx-employer-form
    .elementor-field-group.elementor-col-50:nth-child(odd) {

        margin-right: 16px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .fx-employer-form {

        padding: 27px 21px !important;

        border-radius: 18px !important;
    }


    /* One column */

    .fx-employer-form
    .elementor-field-group.elementor-col-50,

    .fx-employer-form
    .elementor-field-group.elementor-col-100 {

        width: 100% !important;

        margin-right: 0 !important;
    }


    .fx-employer-form
    .elementor-field-group {

        margin-bottom: 20px !important;
    }


    .fx-employer-form
    .elementor-field-group > label {

        margin-bottom: 8px !important;

        font-size: 13px !important;
    }


    .fx-employer-form
    input.elementor-field,

    .fx-employer-form
    select.elementor-field {

        height: 54px !important;

        min-height: 54px !important;

        padding: 0 15px !important;

        border-radius: 10px !important;

        font-size: 14px !important;
    }


    .fx-employer-form
    textarea.elementor-field {

        min-height: 140px !important;

        padding: 15px !important;

        border-radius: 10px !important;

        font-size: 14px !important;
    }


    .fx-employer-form
    .elementor-button {

        min-height: 56px !important;

        font-size: 15px !important;

        border-radius: 10px !important;
    }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .fx-employer-form {

        padding: 23px 16px !important;

        border-radius: 16px !important;
    }


    .fx-employer-form
    .elementor-field-group {

        margin-bottom: 18px !important;
    }


    .fx-employer-form
    input.elementor-field,

    .fx-employer-form
    select.elementor-field {

        height: 52px !important;

        min-height: 52px !important;
    }


    .fx-employer-form
    textarea.elementor-field {

        min-height: 125px !important;
    }
}/* End custom CSS */