form {
    width: calc(var(--fs-root) * 91.4375);
    height: calc(var(--fs-root) * 7.5);
    background-color: var(--white);
    border-radius: calc(var(--fs-root) * .9375);
    box-shadow: 0 4px 25px #1f295140;
    display: grid;
    grid-template-columns: 1fr .75fr repeat(3,max-content);
    place-items: center;
    padding: calc(var(--fs-root) * .38) calc(var(--fs-root) * .5);
    transform: translateY(-50%)
}

form .element-wrapper {
    height: 100%;
    min-height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 calc(var(--fs-root) * 2)
}

form .element-wrapper>* {
    height: 100%;
    width: 100%;
    color: var(--blue)!important;
    font-size: calc(var(--fs-root) * 1.75)!important;
    font-style: normal;
    font-weight: 600;
    line-height: 150%
}

form .element-wrapper:first-of-type,form .element-wrapper:nth-of-type(2) {
    width: 100%
}

form .element-wrapper:nth-of-type(3) {
    padding: 0 calc(var(--fs-root) * 3)
}

form .element-wrapper:after {
    content: "";
    width: 1px;
    height: calc(var(--fs-root) * 4.5);
    background-color: #c7c7c7;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%)
}

form .element-wrapper:last-of-type:after {
    display: none
}

form .input {
    position: relative;
    display: flex;
    align-items: center
}

form .input .search-icon {
    position: absolute;
    width: calc(var(--fs-root) * 2);
    height: calc(var(--fs-root) * 2);
    left: 0
}

form .input .clean-icon {
    position: absolute;
    width: calc(var(--fs-root) * 1.25);
    height: calc(var(--fs-root) * 1.25);
    right: 0
}

form .input button {
    top: 50%;
    transform: translateY(-50%)
}

form .input button img {
    width: 100%;
    height: 100%
}

form .input input {
    color: #1f2951;
    font-size: calc(var(--fs-root) * 1.75);
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    border-bottom: 1px solid #c3c3c3;
    padding: calc(var(--fs-root)) calc(var(--fs-root) * 2.5) calc(var(--fs-root)) calc(var(--fs-root) * 3);
    width: 100%
}

form .location {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

form .location .map-pin {
    width: calc(var(--fs-root) * 1.8125);
    height: calc(var(--fs-root) * 1.8125)
}

form .location .SelectTrigger {
    display: grid;
    gap: calc(var(--fs-root));
    grid-auto-flow: column;
    grid-template-columns: 1fr max-content;
    place-items: center;
    width: 100%;
    height: 100%;
    color: var(--blue);
    text-transform: capitalize;
    margin-left: calc(var(--fs-root) * 1)
}

form .location .SelectTrigger span:first-of-type {
    text-align: left;
    width: 100%
}

form .remote {
    color: #1f2951;
    font-size: calc(var(--fs-root) * 1.75);
    font-style: normal;
    font-weight: 600;
    line-height: .85;
    display: grid;
    grid-auto-flow: column;
    align-content: center;
    text-transform: capitalize;
    gap: calc(var(--fs-root) * 1.25)
}

form .remote .SwitchRoot {
    width: calc(var(--fs-root) * 3.375);
    height: calc(var(--fs-root) * 1.6875);
    background-color: #c7c7c7;
    border-radius: calc(var(--fs-root) * 1.5);
    box-shadow: 0 2px 10px var(--black-a7);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    position: relative;
    z-index: 1
}

form .remote .SwitchThumb {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: calc(var(--fs-root) * 1.625);
    height: calc(var(--fs-root) * 1.625);
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 2px var(--black-a7);
    transition: transform .1s;
    transform: translate(-100%,-50%);
    will-change: transform
}

form .remote .SwitchThumb[data-state=checked] {
    transform: translateY(-50%)
}

form .remote .Label {
    color: #fff;
    font-size: 15px;
    line-height: 1;
    user-select: none
}

form .form-button {
    border-radius: calc(var(--fs-root) * .625);
    font-size: calc(var(--fs-root) * 1.3125);
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: calc(var(--fs-root) * .125);
    text-transform: uppercase;
    padding: 0 calc(var(--fs-root) * 2.75);
    height: 100%
}

form .form-button:hover {
    box-shadow: 0 0 2px #000
}

form .form-button.findout {
    background: var(--blue);
    color: #fff
}

form .form-button.findout:hover {
    outline: 2px solid var(--blue)
}

form .form-button.clear {
    color: var(--blue);
    border: 2px solid var(--blue);
    margin-left: calc(var(--fs-root))
}

form .form-button.clear:hover {
    border-color: #000;
    color: #000
}

:root {
    --radix-select-trigger-width: 100% !important
}

div[dir=ltr] {
    z-index: 1
}

.SelectContent {
    width: var(--radix-select-trigger-width)
}

.SelectContent .SelectViewport {
    width: 100%;
    background: #fff;
    backdrop-filter: blur(2.5px);
    -webkit-backdrop-filter: blur(2.5px);
    box-shadow: 0 4px 25px #1f295140;
    border-radius: calc(var(--fs-root) * .25);
    padding: calc(var(--fs-root)) 0
}

.SelectContent .SelectViewport .SelectLabel,.SelectContent .SelectViewport .SelectItem {
    display: block;
    padding: calc(var(--fs-root) * 1.75) calc(var(--fs-root) * .75);
    color: var(--blue);
    font-size: var(--fs-root);
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: calc(var(--fs-root) * .085);
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    border-radius: calc(var(--fs-root) * .25)
}

.SelectContent .SelectViewport .SelectLabel:after,.SelectContent .SelectViewport .SelectItem:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,50%);
    background-color: #dadde7;
    height: 1px;
    width: calc(100% - var(--fs-root) * 1.5);
    z-index: -1
}

.SelectContent .SelectViewport .SelectLabel:last-of-type:after,.SelectContent .SelectViewport .SelectItem:last-of-type:after {
    display: none
}

@media (orientation: portrait) {
    form {
        width:calc(100% - var(--horizontal-padding) * 2);
        height: initial;
        background-color: var(--white);
        border-radius: calc(var(--fs-root) * .9375);
        box-shadow: 0 4px 25px #1f295140;
        display: grid;
        grid-template-columns: 3fr 2fr;
        place-items: center;
        padding: calc(var(--fs-root) * 2) calc(var(--fs-root)) calc(var(--fs-root) * 1);
        transform: translateY(0);
        margin-top: calc(var(--fs-root) * 2.6);
        gap: calc(var(--fs-root) * .5)
    }

    form .element-wrapper {
        height: 100%;
        min-height: 100%;
        position: relative;
        display: flex;
        align-items: center;
        padding: 0!important;
        width: 100%
    }

    form .element-wrapper>* {
        height: initial;
        width: 100%;
        font-size: calc(var(--fs-root) * .875)!important
    }

    form .element-wrapper:first-of-type {
        grid-column: 1/3
    }

    form .element-wrapper:nth-of-type(2),form .element-wrapper:nth-of-type(3) {
        padding: calc(var(--fs-root) * 2.5) 0!important
    }

    form .element-wrapper:nth-of-type(2) {
        padding-right: calc(var(--fs-root) * .5)!important
    }

    form .element-wrapper:nth-of-type(3) {
        padding-left: calc(var(--fs-root) * .5)!important
    }

    form .element-wrapper:after {
        content: "";
        width: 1px;
        height: calc(var(--fs-root) * 1.8);
        background-color: #c7c7c7;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%)
    }

    form .element-wrapper:last-of-type:after,form .element-wrapper:first-of-type:after {
        display: none
    }

    form .input {
        position: relative;
        display: flex;
        align-items: center
    }

    form .input .search-icon {
        position: absolute;
        width: calc(var(--fs-root) * 1.25);
        height: calc(var(--fs-root) * 1.25);
        left: 0
    }

    form .input .clean-icon {
        position: absolute;
        width: calc(var(--fs-root) * 1.2);
        height: calc(var(--fs-root) * 1.2);
        right: 0
    }

    form .input button {
        top: 50%;
        transform: translateY(-50%)
    }

    form .input button img {
        width: 100%;
        height: 100%
    }

    form .input input {
        color: #1f2951;
        font-size: calc(var(--fs-root) * 1.5);
        font-style: normal;
        font-weight: 600;
        line-height: 150%;
        border-bottom: 1px solid #c3c3c3;
        padding: calc(var(--fs-root) * .25) calc(var(--fs-root) * 2.5 * .75) calc(var(--fs-root) * .25) calc(var(--fs-root) * 3 * .75);
        width: 100%
    }

    form .location {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center
    }

    form .location .map-pin {
        width: calc(var(--fs-root) * 1.3125);
        height: calc(var(--fs-root) * 1.3125)
    }

    form .location .SelectTrigger {
        display: grid;
        gap: calc(var(--fs-root));
        grid-auto-flow: column;
        place-items: center;
        width: 100%;
        color: var(--blue)
    }

    form .location .SelectTrigger .map-pin {
        width: calc(var(--fs-root) * 1.8125);
        height: calc(var(--fs-root) * 1.8125)
    }

    form .location .SelectContent {
        width: 100%
    }

    form .remote {
        color: #1f2951;
        font-size: calc(var(--fs-root) * 1.75);
        font-style: normal;
        font-weight: 600;
        line-height: 1.25;
        display: grid;
        grid-auto-flow: column;
        grid-auto-rows: max-content;
        justify-content: start;
        text-transform: capitalize;
        gap: calc(var(--fs-root) * 1);
        --switch-size: .65
    }

    form .remote .SwitchRoot {
        width: calc(var(--fs-root) * 3.375 * var(--switch-size));
        height: calc(var(--fs-root) * 1.6875 * var(--switch-size));
        background-color: var(--blue);
        border-radius: calc(var(--fs-root) * 1.5 * var(--switch-size));
        box-shadow: 0 2px 10px var(--black-a7);
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        position: relative;
        z-index: 1
    }

    form .remote .SwitchThumb {
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: calc(var(--fs-root) * 1.625 * var(--switch-size));
        height: calc(var(--fs-root) * 1.625 * var(--switch-size));
        background-color: #fff;
        border-radius: 50%;
        transition: transform .1s;
        transform: translate(-100%,-50%);
        will-change: transform
    }

    form .remote .SwitchThumb[data-state=checked] {
        transform: translateY(-50%)
    }

    form .remote .Label {
        color: #fff;
        font-size: 15px;
        line-height: 1;
        user-select: none
    }

    form .form-button {
        border-radius: calc(var(--fs-root) * .34725);
        font-size: calc(var(--fs-root) * .75);
        letter-spacing: calc(var(--fs-root) * .0625);
        text-transform: uppercase;
        padding: calc(var(--fs-root) * 1.5) 0;
        height: 100%;
        width: 100%
    }

    form .form-button.findout {
        grid-column: 1/2
    }

    form .form-button.clear {
        grid-column: 2/3;
        margin-left: 0
    }

    .SelectContent {
        width: var(--radix-select-trigger-width)
    }

    .SelectContent .SelectViewport {
        width: 100%;
        background: #fff;
        backdrop-filter: blur(2.5px);
        -webkit-backdrop-filter: blur(2.5px);
        box-shadow: 0 4px 25px #1f295140;
        border-radius: calc(var(--fs-root) * .25);
        padding: calc(var(--fs-root) * .5) 0
    }

    .SelectContent .SelectViewport .SelectLabel,.SelectContent .SelectViewport .SelectItem {
        display: block;
        padding: calc(var(--fs-root) * 1.5) calc(var(--fs-root) * .75);
        color: var(--blue);
        font-size: var(--fs-root);
        font-size: calc(var(--fs-root) * .85);
        letter-spacing: calc(var(--fs-root) * .085);
        border-radius: calc(var(--fs-root) * .25)
    }

    .SelectContent .SelectViewport .SelectLabel:after,.SelectContent .SelectViewport .SelectItem:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%,50%);
        background-color: #dadde7;
        height: 1px;
        width: calc(100% - var(--fs-root) * 1.5);
        z-index: -1
    }
}

#hero-section[data-astro-cid-cnau7fuc] {
    position: relative;
    padding: calc(var(--header-height) * 2) calc(var(--horizontal-padding) * 3) 0;
    height: calc(var(--fs-root) * 38 + var(--header-height));
    min-height: unset;
    display: flex;
    align-items: center
}

#hero-section[data-astro-cid-cnau7fuc] .hero-content[data-astro-cid-cnau7fuc] {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#hero-section[data-astro-cid-cnau7fuc] .hero-content[data-astro-cid-cnau7fuc] .hero-background[data-astro-cid-cnau7fuc] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover
}

#careers-section[data-astro-cid-cnau7fuc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1;
    min-height: unset;
    padding-bottom: calc(var(--fs-root) * 5)
}

#careers-section[data-astro-cid-cnau7fuc] .careers-results[data-astro-cid-cnau7fuc] {
    display: grid;
    grid-auto-flow: row;
    gap: calc(var(--fs-root) * 1.25);
    margin-top: calc(var(--fs-root) * 2.5)
}

@media (orientation: portrait) {
    #hero-section[data-astro-cid-cnau7fuc] {
        position:relative;
        padding: calc(var(--header-height)) calc(var(--horizontal-padding) * 1) 0;
        height: calc(var(--fs-root) * 22.5 + var(--header-height));
        min-height: unset
    }

    #hero-section[data-astro-cid-cnau7fuc] .hero-background[data-astro-cid-cnau7fuc] {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 100%;
        height: 100%
    }

    #hero-section[data-astro-cid-cnau7fuc] .hero-content[data-astro-cid-cnau7fuc] {
        display: grid;
        grid-auto-flow: row;
        gap: calc(var(--fs-root))
    }

    #careers-section[data-astro-cid-cnau7fuc] {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;
        z-index: 1;
        min-height: unset
    }

    #careers-section[data-astro-cid-cnau7fuc] .careers-results[data-astro-cid-cnau7fuc] {
        display: grid;
        grid-auto-flow: row;
        gap: calc(var(--fs-root) * 1.25);
        margin-top: calc(var(--fs-root) * 2.5);
        width: calc(100% - var(--horizontal-padding) * 2)
    }
}

form .remote .SwitchRoot[data-state=checked] {
    background-color: var(--blue);
}