/* Theme base styles !!!*/

/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}legend,ul{padding:0}body,ul{margin:0}html{line-height:1.15;-webkit-text-size-adjust:100%}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}ul{list-style:none}


/* Objects
    common styles for all pages
*/
body.overflow-hidden {
    height: 100vh !important;
    position: fixed;
    left: 0;
    right: 0;
    overflow-y: hidden !important;
}

.container {
    width: 100%;
    margin: 0 auto;
}
@media (min-width: 1440px) {
    .container {
        /* max-width: 1440px; */
        min-width: unset;
        max-width: 1440px;
        padding: 0 80px;
    }
}

@media (max-width: 1439.5px) and (min-width: 1280px) {
    .container {
        max-width: 1280px;
        padding: 0 44px;
    }
}
@media (max-width: 1279.5px) and (min-width: 744px) {
    .container {
        max-width: 744px;
        padding: 0 20px;
    }
}
@media (max-width: 743.5px) {
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
}

html {
    scroll-behavior: smooth;
}

:root {
    /* ============ Typography ============ */
    --font-heading-family: 'Roboto Condensed',sans-serif;
    --font-heading-weight: 700;
    --font-heading-color:  #161A1F;

    --font-accent-family:  'Higher Jump', 'Comic Sans MS', cursive, sans-serif;
    --font-accent-weight:  400;
    --font-accent-color:   #161A1F;

    /* ============ Base Colors ============ */
    --color-yellow:      #FEB404;
    --color-black:       #161A1F;
    --color-purple:      #7D7DFA;
    --color-purple-2:    #685DF9;
    --color-white:       #fff;
    --color-grey:        #F4F5F8;
    --color-grey-2:      #647383;
    --color-grey-3:      #789;
    --color-block-grey:  #E6E7F1;
    --color-red:         #DA3E33;
    --color-red-2:       #F2554A;
    --color-red-3:       #B52C22;
    --color-error-on-purple: #F78F87;

    /* ============ Buttons ============ */
    --btn-font-family:        'Open Sans',sans-serif;
    --btn-font-weight:        600;

    --btn-color-primary:      #FFF;
    --btn-bg-primary:         #685DF9;
    --btn-bg-primary-hover:   #7D7DFA;
    --btn-bg-primary-active:  #5534ED;

    --btn-color-secondary:            #242A30;
    --btn-color-secondary-hover:      #363E46;
    --btn-color-secondary-borders:    #685DF9;
    --btn-color-secondary-borders-active: #5534ED;

    --btn-simple-color:        #5534ED;
    --btn-simple-color-hover:  #685DF9;
    --btn-simple-color-active: #5534ED;
    --btn-simple-bg-hover:     #F4F7FB;

    /* ============ Links ============ */
    --link-font-family:    'Open Sans',sans-serif;
    --link-font-weight:    400;
    --link-color:          #685DF9;
    --link-decor:          #B1B6EB;
    --link-decor-hover:    #685DF9;
    --link-color-dark:     #FFF;

    /* ============ Elements ============ */
    --border-color-dark:    rgba(255, 255, 255, 0.16);
    --border-color:         #BCC9D7;
    --border-color-purple:  #959AF5;
    --border-color-grey:    #A6B8CA;
    --border-color-grey-2:  #E6ECF2;
    --border-color-grey-3:  #D1DAE3;
    --tab-hover:            #CFD2EB;
}
@keyframes spinner-rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}



.lazybg {
    background-image: none!important;
}

/* richtext */

.richtext.dark *,
.richtext.dark {
    color: var(--color-white);
}

/* heading */
.dark_theme .heading,
.dark_theme .heading * {
    color: var(--color-white);
}
.heading {
    margin: 0 0 40px;
}
@media (max-width: 743.5px) {
    .heading {
        margin-bottom: 32px;
    }
}


/* spacer */
.margins {
    min-height: 40px;
}
.margins.with-borders-bottom {
    border-radius: 0 0 50px 50px;
}
.margins.with-borders-top {
    border-radius: 50px 50px 0 0;
}
.margins.margins--0 {
    min-height: 0;
}
.margins.margins--20 {
    min-height: 20px;
}
.margins.margins--40 {
    min-height: 40px;
}
.margins.margins--64 {
    min-height: 64px;
}
.margins.margins--72 {
    min-height: 72px;
}
.margins.margins--80 {
    min-height: 80px;
}
.margins.margins--120 {
    min-height: 120px;
}
.margins.margins--152 {
    min-height: 152px;
}

@media (max-width: 1279.5px) and (min-width: 744px) {
    .margins.margins--64 {
        min-height: 40px;
    }
    .margins.margins--152 {
        min-height: 112px;
    }
}

@media (max-width: 743.5px) {
    .margins.margins--120 {
        min-height: 80px;
    }
    .margins.margins--80 {
        min-height: 40px;
    }
    .margins.margins--64 {
        min-height: 32px;
    }
    .margins.margins--40 {
        min-height: 32px;
    }
    .margins.margins--152 {
        min-height: 112px;
    }
}


/* theme background color */
.white_theme {
    background-color: var(--color-white);
}
.gray_theme {
    background-color: var(--color-grey);
}
.blue_theme {
    background-color: var(--color-purple);
}
.dark_theme {
    background-color: var(--color-black);
}


/* dropdown */
.dropdown {
    position: relative;
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
}

/* === INPUT === */
.dropdown input {
    width: 100%;
    padding: 27px 16px 9px 16px;

    border: 2px solid var(--border-color-grey, #A6B8CA);
    background-color: #fff;
    border-radius: 16px;

    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
    user-select: none;
}

.dropdown input:focus {
    outline: none;
    border-color: #b4b9bf;
}

.dropdown-label {
    position: absolute;
    top: 9px;
    left: 16px;

    color: var(--color-grey-2, #647383);
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
}

/* === ARROW === */
.dropdown-arrow {
    position: absolute;
    right: 10px;
    top: 19px;

    width: 24px;
    height: 24px;
}

.dropdown.open .dropdown-arrow {
    transform: translateY(-50%) rotate(180deg);
}

/* === LIST WRAPPER === */
.dropdown-list__wrp {
    position: absolute;
    width: 100%;
    top: calc(100% + 4px);
    left: 0;

    padding: 8px;

    border-radius: 0 0 16px 16px;
    border: 1px solid var(--border-color-grey-2, #E6ECF2);
    background: var(--color-white, #FFF);

    box-shadow: 0 4px 10px 0 rgba(22, 26, 31, 0.10);

    max-height: 320px;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    transform: translateY(6px);
    transition: all 0.25s ease;
    z-index: 50;
}

.dropdown-list__wrp.open {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

/* === LIST === */
.dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* === ITEM === */
.dropdown-list__item {
    padding: 8px;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 12px;
    transition: background 0.2s ease;
}

.dropdown-list__item:hover {
    background: #f2f4f7;
}

.dropdown-list__item.selected {
    position: relative;
}

.dropdown-list__item.selected::after {
    content: "✓";
    position: absolute;
    right: 16px;
    font-size: 16px;
    color: #0a7a3c;
}
.dropdown-list__wrp::-webkit-scrollbar {
    width: 6px;
}
.dropdown-list__wrp::-webkit-scrollbar-thumb {
    background: var(--border-color-grey-3);
    border-radius: 12px;
}
form .hsfc-Row span {
    font-family: var(--btn-font-family);
}

form .hsfc-Step .hsfc-Row {
    margin-bottom: 24px;
}
form .hsfc-Step .hsfc-FieldLabel {
    margin: 0;
}
form .hsfc-Step .hsfc-TextInput,
form .hsfc-Step .hsfc-TextareaInput {
    height: 56px;

    padding: 14px 8px 14px 14px;

    font-size: 16px;
    font-weight: 400;
    line-height: 20px;

    color: var(--color-black);
    background-color: transparent;
    border-radius: 16px;
    border: 2px solid var(--border-color-grey);
}
form .hsfc-Step .hsfc-TextareaInput {
    min-height: 108px;

    padding: 16px 14px;
}
form .hsfc-Step .hsfc-DropdownInput > input::placeholder,
form .hsfc-Step .hsfc-TextInput::placeholder {
    color: var(--color-grey-2);

    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
form .hsfc-Step input:focus::placeholder {
    opacity: 0;
}
form .hsfc-Step .hsfc-TextInput:hover {
    border-color: var(--color-purple);
}
form .hsfc-Step .hsfc-TextInput:focus {
    border-color: var(--color-purple-2);
}
form .hsfc-Step .hsfc-TextInput[aria-invalid="true"] {
    color: var(--color-red, #DA3E33);
    border-color: var(--color-red-2);
}
form .hsfc-Step .hsfc-ErrorAlert {
    color: var(--color-red, #DA3E33);
}
form .hsfc-Step .hsfc-DropdownInput > input {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;

    color: var(--color-black);
    background-color: transparent;
    border-radius: 16px;
    border: 2px solid var(--border-color-grey, #A6B8CA);
    transition: all ease-in-out .2s;
}
.form form .hsfc-PhoneInput__FlagAndCaret__Caret,
.form form .hsfc-DropdownInput__Caret > span {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12.6182 15.1436L12 15.6289L11.3818 15.1436L6 10.915L6 8.37109L12 13.085L18 8.37109L18 10.915L12.6182 15.1436Z" fill="%23161A1F"/></svg>');
    width: 24px;
    height: 24px;
    border: unset!important;
}
.purple form .hsfc-PhoneInput__FlagAndCaret__Caret,
.purple form .hsfc-DropdownInput__Caret > span {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12.6182 15.1436L12 15.6289L11.3818 15.1436L6 10.915L6 8.37109L12 13.085L18 8.37109L18 10.915L12.6182 15.1436Z" fill="%23fff"/></svg>');
    width: 24px;
    height: 24px;
    border: unset!important;
}
.purple form .hsfc-Step .hsfc-DropdownInput > input {
    color: var(--color-white);
    border-color: rgba(255, 255, 255, 0.32);
}
form .hsfc-DropdownInput input[aria-expanded="true"] + input + div.hsfc-DropdownInput__Caret > span {
    transform: rotate(180deg);
}
form .hsfc-DropdownInput input[name="0-1/country_new"] + .hsfc-DropdownInput__Caret + .hsfc-DropdownOptions .hsfc-DropdownOptions__Search {
    display: block;
    padding: 0;
}
form .hsfc-DropdownInput input[name="0-1/country_new"] + .hsfc-DropdownInput__Caret + .hsfc-DropdownOptions .hsfc-DropdownOptions__Search > input {
    border: unset;
    padding: 12px 12px 12px 16px !important;
}
form .hsfc-DropdownInput input[name="0-1/country_new"] + .hsfc-DropdownInput__Caret + .hsfc-DropdownOptions .hsfc-DropdownOptions__List__ListItem {
    padding: 8px 36px 8px 8px;
}
form .hsfc-DropdownInput .hsfc-DropdownOptions__Search {
    display: none;
}
.form form .hsfc-DropdownInput .hsfc-DropdownOptions__Search .hsfc-TextInput {
    padding-top: 14px!important;
}
form .hsfc-DropdownInput .hsfc-DropdownOptions {
    border-radius: 16px;
    border: 1px solid var(--border-color-grey-2, #E6ECF2);
    background: var(--color-white);
    box-shadow: 0 4px 10px 0 rgba(22, 26, 31, 0.10);
}
form .hsfc-DropdownInput .hsfc-DropdownOptions {

}
form .hsfc-DropdownInput .hsfc-DropdownOptions .hsfc-DropdownOptions__List {
    max-height: 200px;
    padding: 8px;

    /*border-radius: 16px;*/
    /*border: 1px solid var(--border-color-grey-2, #E6ECF2);*/
    /*background: var(--color-white, #FFF);*/

    /*box-shadow: 0 4px 10px 0 rgba(22, 26, 31, 0.10);*/
}

form .hsfc-DropdownInput .hsfc-DropdownOptions .hsfc-DropdownOptions__List::-webkit-scrollbar {
    display: block;
    width: 16px;
}
form .hsfc-DropdownInput .hsfc-DropdownOptions .hsfc-DropdownOptions__List::-webkit-scrollbar-thumb {
    border: 5px solid transparent;
    background-clip: content-box;
    background-color: #e6ecf4;
    border-radius: 11px;
}
form .hsfc-DropdownInput .hsfc-DropdownOptions .hsfc-DropdownOptions__List::-webkit-scrollbar-track {
    background: transparent;
    margin: 0 0;
}
form .hsfc-DropdownInput .hsfc-DropdownOptions .hsfc-DropdownOptions__List__ListItem {
    border-radius: 8px;
    padding: 10px 36px 10px 8px;

    color: var(--color-black, #161A1F)!important;
    background: transparent;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
form .hsfc-DropdownInput .hsfc-DropdownOptions .hsfc-DropdownOptions__List__ListItem:not(:last-child) {
    margin-bottom: 8px;
}
form .hsfc-DropdownInput .hsfc-DropdownOptions .hsfc-DropdownOptions__List__ListItem:hover {
    background: var(--color-grey);
}
form .hsfc-DropdownInput .hsfc-DropdownOptions .hsfc-DropdownOptions__List__ListItem.hsfc-DropdownOptions__List__ListItem--selected {
    position: relative;
}
form .hsfc-DropdownInput .hsfc-DropdownOptions .hsfc-DropdownOptions__List__ListItem.hsfc-DropdownOptions__List__ListItem--selected::after {
    content: '';
    position: absolute;
    top: 12px;
    right: 8px;

    width: 16px;
    height: 16px;

    background-image: url('https://7567185.fs1.hubspotusercontent-na1.net/hubfs/7567185/career-part/form/dropdown-check.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.form .hsfc-FileField.lx-file .hsfc-FieldDescription {
    visibility: hidden;
    opacity: 0;
    height: 0;
}
form .hsfc-CheckboxField label.hsfc-FieldLabel {
    align-items: flex-start;
}
form .hsfc-CheckboxField label.hsfc-FieldLabel,
form .hsfc-CheckboxField label.hsfc-FieldLabel * {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
}
form .hsfc-CheckboxField .hsfc-CheckboxInput {
    background: transparent;
    border-radius: 6px;
    border: 2px solid var(--border-color-grey);
    box-shadow: unset!important;
}
form .hsfc-Step .hsfc-Step__Content input[aria-invalid="true"] {
    border-color: var(--color-red);
}
form .hsfc-Step .hsfc-Step__Content .hsfc-ErrorAlert,
form .hsfc-Step .hsfc-Step__Content .hsfc-ErrorAlert * {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
}
form .hsfc-Step .hsfc-EmailField > *:not(:last-child),
form .hsfc-Step .hsfc-PhoneField > *:not(:last-child),
form .hsfc-Step .hsfc-DropdownField > *:not(:last-child),
form .hsfc-Step .hsfc-TextField > *:not(:last-child) {
    margin-bottom: 4px;
}
form .hsfc-Step .hsfc-Step__Content .hsfc-ErrorAlert {
    color: var(--color-red, #DA3E33);
}
form .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxField input[aria-invalid="true"] + span > span {
    color: var(--color-red-3, #B52C22);
}

form .hsfc-CheckboxField .hsfc-CheckboxInput:hover {
    border-color: var(--color-purple);
    box-shadow: unset;
}
form .hsfc-CheckboxField .hsfc-CheckboxInput:checked {
    background-color: var(--color-purple-2);
    border-color: var(--color-purple-2);
}
form .hsfc-CheckboxField .hsfc-CheckboxInput:checked::after {
    -webkit-mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTQuNzA3IDQuMzUzNTJMNiAxMy4wNjA1TDEuMjkyOTcgOC4zNTM1MkwyLjcwNzAzIDYuOTM5NDVMNiAxMC4yMzI0TDEzLjI5MyAyLjkzOTQ1TDE0LjcwNyA0LjM1MzUyWiIgZmlsbD0iI0ZDRkRGRiIvPgo8L3N2Zz4= ');
    mask-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTQuNzA3IDQuMzUzNTJMNiAxMy4wNjA1TDEuMjkyOTcgOC4zNTM1MkwyLjcwNzAzIDYuOTM5NDVMNiAxMC4yMzI0TDEzLjI5MyAyLjkzOTQ1TDE0LjcwNyA0LjM1MzUyWiIgZmlsbD0iI0ZDRkRGRiIvPgo8L3N2Zz4= ');
    background-color: white;
}
form .hsfc-CheckboxField .hsfc-ErrorAlert {
    display: none;
}
form .hsfc-Step__Content .hsfc-NavigationRow {
    margin-top: 24px;
}
form .hsfc-Step__Content .hsfc-NavigationRow .hsfc-NavigationRow__Buttons {
    justify-content: start;
}
.hsfc-Renderer form .hsfc-NavigationRow .hsfc-NavigationRow__Buttons button.hsfc-Button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;

    width: 100%;

    padding: 16px 20px 16px 24px;

    border-radius: 16px;
    background: var(--color-purple-2);
    color: var(--color-white);

    transition: all .2s ease-in-out;
}
.hsfc-Renderer form .hsfc-NavigationRow .hsfc-NavigationRow__Buttons button.hsfc-Button::after {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M19.5265 11.3818L20.0039 12L19.5265 12.6182L15.3676 18H12.8654L16.7296 13H4V11H16.7296L12.8654 6H15.3676L19.5265 11.3818Z" fill="white"/></svg>');
    width: 24px;
    height: 24px;

    color: var(--color-white);
    transition: all .2s ease-in-out;
}
.hsfc-Renderer form .hsfc-NavigationRow .hsfc-NavigationRow__Buttons button.hsfc-Button:hover {
    background: var(--color-purple, #7D7DFA) !important;
}
.hsfc-Renderer form .hsfc-NavigationRow .hsfc-NavigationRow__Buttons button.hsfc-Button:active {
    color: var(--btn-bg-primary-hover)!important;
}
.hsfc-Renderer form .hsfc-NavigationRow .hsfc-NavigationRow__Buttons button.hsfc-Button:focus {
    background-color: var(--color-purple-2) !important;
    color: var(--color-white) !important;
}
.hsfc-Renderer .hsfc-Step .hsfc-Step__Content {
    padding: 0!important;
}


.form form .hsfc-PhoneField .hsfc-PhoneInput .hsfc-PhoneInput__FlagAndCaret {
    display: flex;
    align-items: center;
    gap: 8px;

    min-width: 88px;
    max-width: 88px;

    padding: 14px 8px 14px 14px;

    border-radius: 16px;
    border: 2px solid var(--border-color-grey, #A6B8CA);
}
.form form .hsfc-PhoneInput > input {
    padding: 16px 14px;
}
.form form .hsfc-PhoneField .hsfc-PhoneInput > input[data-hsfc-id="TextInput"] {
    border-radius: 16px;
    border: 2px solid var(--border-color-grey, #A6B8CA);
}

.form form .hsfc-PhoneField .hsfc-PhoneInput > input[data-hsfc-id="TextInput"][aria-invalid="true"] {
    border-color: var(--color-red);
}

/* --- Privacy Policy Link Styles --- */

form a[href*="privacy-policy"] span {
    color: #685DF9 !important;
    text-decoration-color: #B1B6EB !important;
}

form a[href*="privacy-policy"]:hover span {
    color: #685DF9 !important;
    text-decoration-color: #685DF9 !important;
}

/* purple form */
.purple .hsfc-Renderer .hsfc-Step .hsfc-Step__Content * {
    color: var(--color-white);
}
.purple form .hsfc-Step .hsfc-DropdownInput > input,
.purple form .hsfc-Step .hsfc-TextInput {
    background-color: transparent!important;
}

.purple form .hsfc-CheckboxField .hsfc-CheckboxInput {
    border: 2px solid rgba(255, 255, 255, 0.32);
}
.purple form .hsfc-DropdownInput .hsfc-DropdownInput__Caret > span {
    width: 24px;
    height: 24px;

    border: unset;
    background-image: url('https://7567185.fs1.hubspotusercontent-na1.net/hubfs/7567185/career-part/form/dropdown-arrow-down-white.svg');
}
.purple form .hsfc-Step .hsfc-TextInput {
    color: var(--color-white);
    border: 2px solid rgba(255, 255, 255, 0.32);
}
.purple form .hsfc-Step .hsfc-DropdownInput > input::placeholder,
.purple form .hsfc-Step .hsfc-TextInput::placeholder {
    color: rgba(255, 255, 255, 0.64);
}
.purple form .hsfc-Step .hsfc-TextInput:hover {
    border-color: rgba(255, 255, 255, 0.64);
}
.purple form .hsfc-Step .hsfc-TextInput:focus {
    border-color: var(--color-white);
}
.purple form .hsfc-Step .hsfc-DropdownInput > input {
    color: var(--color-white);
    border: 2px solid rgba(255, 255, 255, 0.32);
}
.purple form .hsfc-DropdownInput .hsfc-DropdownOptions {
    border-radius: 16px;
    border: 1px solid var(--border-color-grey-2, #E6ECF2);
    background: var(--color-white);
    box-shadow: 0 4px 10px 0 rgba(22, 26, 31, 0.10);
}

.purple form .hsfc-Step__Content .hsfc-NavigationRow .hsfc-NavigationRow__Buttons {
    justify-content: start;
}
.purple .hsfc-Renderer form .hsfc-NavigationRow .hsfc-NavigationRow__Buttons button.hsfc-Button {
    width: fit-content;

    background: var(--color-white, #FFF);
    color: var(--btn-color-secondary);
    transform: translateY(0) !important;
}
.purple .hsfc-Renderer form .hsfc-NavigationRow .hsfc-NavigationRow__Buttons button.hsfc-Button::after {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTkuNTI2NSAxMS4zODE4TDIwLjAwMzkgMTJMMTkuNTI2NSAxMi42MTgyTDE1LjM2NzYgMThIMTIuODY1NEwxNi43Mjk2IDEzSDRWMTFIMTYuNzI5NkwxMi44NjU0IDZIMTUuMzY3NkwxOS41MjY1IDExLjM4MThaIiBmaWxsPSIjMjQyQTMwIi8+Cjwvc3ZnPg==');
    color: var(--btn-color-secondary);
}
.purple .hsfc-Renderer form .hsfc-NavigationRow .hsfc-NavigationRow__Buttons button.hsfc-Button:hover {
    background: var(--btn-simple-bg-hover, #F4F7FB) !important;
    color: var(--color-purple-2, #685DF9) !important;
}
.purple .hsfc-Renderer form .hsfc-NavigationRow .hsfc-NavigationRow__Buttons button.hsfc-Button:hover::after {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTkuNTI2NSAxMS4zODE4TDIwLjAwMzkgMTJMMTkuNTI2NSAxMi42MTgyTDE1LjM2NzYgMThIMTIuODY1NEwxNi43Mjk2IDEzSDRWMTFIMTYuNzI5NkwxMi44NjU0IDZIMTUuMzY3NkwxOS41MjY1IDExLjM4MThaIiBmaWxsPSIjNjg1REY5Ii8+Cjwvc3ZnPg==');
}
.purple .hsfc-Renderer form .hsfc-NavigationRow .hsfc-NavigationRow__Buttons button.hsfc-Button:active {
    color: var(--btn-bg-primary-active)!important;
    background: var(--btn-simple-bg-hover, #F4F7FB) !important;
}
.purple .hsfc-Renderer form .hsfc-NavigationRow .hsfc-NavigationRow__Buttons button.hsfc-Button:focus {
    color: var(--btn-bg-primary-active)!important;
    background: var(--btn-simple-bg-hover, #F4F7FB) !important;
}
.purple .hsfc-Renderer form .hsfc-NavigationRow .hsfc-NavigationRow__Buttons button.hsfc-Button:focus:after,
.purple .hsfc-Renderer form .hsfc-NavigationRow .hsfc-NavigationRow__Buttons button.hsfc-Button:active::after {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBkPSJNMTkuNTI2NSAxMS4zODE4TDIwLjAwMzkgMTJMMTkuNTI2NSAxMi42MTgyTDE1LjM2NzYgMThIMTIuODY1NEwxNi43Mjk2IDEzSDRWMTFIMTYuNzI5NkwxMi44NjU0IDZIMTUuMzY3NkwxOS41MjY1IDExLjM4MThaIiBmaWxsPSIjNTUzNEVEIi8+Cjwvc3ZnPg==');
}
.purple form .hsfc-Step .hsfc-Step__Content input[aria-invalid="true"] {
    border-color: var(--color-error-on-purple, #F78F87);
}
.purple form .hsfc-Step .hsfc-Step__Content input[aria-invalid="true"],
.purple form .hsfc-Step .hsfc-Step__Content input[aria-invalid="true"]::placeholder {
    color: var(--color-error-on-purple, #F78F87);
}
form .hsfc-Step .hsfc-Step__Content input[aria-invalid="true"],
form .hsfc-Step .hsfc-Step__Content input[aria-invalid="true"]::placeholder{
    color: var(--color-red, #DA3E33);
}
form .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxField input[aria-invalid="true"] + span > span * {
    color: var(--color-red-3, #B52C22)!important;
}
.purple form .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxField input[aria-invalid="true"] + span > span * {
    color: var(--color-error-on-purple, #F78F87)!important;
}
.purple form .hsfc-Step .hsfc-Step__Content .hsfc-ErrorAlert ,
.purple form .hsfc-Step .hsfc-Step__Content .hsfc-CheckboxField input[aria-invalid="true"] + span > span{
    color: var(--color-error-on-purple, #F78F87);
}
.purple form .hsfc-CheckboxField .hsfc-CheckboxInput:checked {
    background-color: var(--color-white);
    border-color: var(--color-white);
}
.purple form .hsfc-CheckboxField .hsfc-CheckboxInput:hover {
    border-color: var(--color-white);
    box-shadow: unset;
}
.purple form .hsfc-CheckboxField .hsfc-CheckboxInput:checked::after {
    -webkit-mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11" fill="none"><path d="M13.4141 1.41406L4.70703 10.1211L0 5.41406L1.41406 4L4.70703 7.29297L12 0L13.4141 1.41406Z" fill="%23685DF9"/></svg>');
    mask-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="11" viewBox="0 0 14 11" fill="none"><path d="M13.4141 1.41406L4.70703 10.1211L0 5.41406L1.41406 4L4.70703 7.29297L12 0L13.4141 1.41406Z" fill="%23685DF9"/></svg>');
    background-color: var(--color-purple-2, #685DF9);
}


/* end purple theme */

.form form .hsfc-TextField,
.form form .hsfc-EmailField,
.form form .hsfc-NumberField,
.form form .hsfc-TextareaField,
.form form .hsfc-PhoneField {
    position: relative;
}

/* Floating label base */
.form form .lx-float-label .hsfc-FieldLabel {
    position: absolute;
    left: 18px;
    top: 7px;
    z-index: 2;
    display: inline-flex;
    gap: 4px;
    align-items: center;

    margin-bottom: 0;

    opacity: 0;
    pointer-events: none;

    font-size: 12px;
    line-height: 16px;
    background: transparent;
    color: var(--color-grey-2, #647383);

    transition: opacity 0.15s ease, transform 0.15s ease;
    transform: translateY(2px);
}
.form form .lx-float-label.hsfc-PhoneField .hsfc-FieldLabel {
    left: 110px;
}
.form form .hsfc-FieldLabel .hsfc-FieldLabel__RequiredIndicator {
    display: none;
}

.form form .lx-float-label:focus-within .hsfc-FieldLabel,
.form form .lx-float-label.lx-has-value .hsfc-FieldLabel {
    opacity: 1;
    transform: translateY(0);
}

.form form .lx-float-label:focus-within .hsfc-TextInput,
.form form .lx-float-label.lx-has-value .hsfc-TextInput,
.form form .lx-float-label:focus-within .hsfc-TextareaInput,
.form form .lx-float-label.lx-has-value .hsfc-TextareaInput {
    padding-top: 25px;
    box-shadow: unset;
}

.form form .lx-float-label:focus-within .hsfc-TextInput,
.form form .lx-float-label:focus-within .hsfc-TextareaInput {
    outline: none;
}


.form form .hsfc-PhoneInput {
    display: flex;
    gap: 8px;
}

.form form .hsfc-PhoneInput__FlagAndCaret {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    min-width: 110px;
    justify-content: space-between;
}

.form form .hsfc-PhoneField .hsfc-DropdownOptions {
    max-width: 320px;
    z-index: 99999;

    border-radius: 16px;
    border: 1px solid var(--border-color-grey-2, #E6ECF2);
    background: var(--color-white, #FFF);
    box-shadow: 0 4px 10px 0 rgba(22, 26, 31, 0.10);
}
.form form .hsfc-PhoneField .hsfc-DropdownOptions__Search {
    padding: 0;
}
.form form .hsfc-PhoneField .hsfc-DropdownOptions__Search input {
    height: 48px;

    padding: 12px 12px 12px 16px!important;

    border: unset;
    border-radius: 0;
    border-bottom: 1px solid var(--border-color-grey-2, #E6ECF2);
    background: var(--color-white, #fff);
}
.form form .hsfc-PhoneField .hsfc-DropdownOptions__List {
    padding: 8px;
}
.form form .hsfc-PhoneField .hsfc-DropdownOptions__List::-webkit-scrollbar-thumb {
    background-color: #e6ecf4;
    border: 5px solid #fff;
    border-radius: 11px;
    background-clip: padding-box;
}
.form form .hsfc-PhoneField .hsfc-DropdownOptions__List::-webkit-scrollbar {
    width: 16px;
}
.form form .hsfc-PhoneField .hsfc-DropdownOptions__List__ListItem {
    padding: 8px;

    background: var(--color-white, #fff);
    color: var(--color-black, #161A1F);
}
.form form .hsfc-PhoneField .hsfc-DropdownOptions__List__ListItem:hover {
    border-radius: 8px;
    background: var(--color-grey, #F4F5F8);
}

.form .hsfc-DateField {
    position: relative;

    display: flex;
    flex-direction: column;
}
.form .hsfc-FieldDescription {
    order: 1;
    margin: 4px 0 0!important;
}
.form .hsfc-DateField .hsfc-ErrorAlert {
    order: 2;
}
.form .hsfc-DateField .hsfc-TextInput.hsfc-DateInput {
    margin-bottom: 4px;
}



/* =========================
   File dropzone
   ========================= */
.form form .lx-file {
    position: relative;
}

.hsfc-FileField.lx-file .hsfc-InfoAlert {
    display: none;
}

.form form .lx-dropzone {
    position: relative;
    padding: 30px 14px;

    cursor: pointer;
    user-select: none;
    border: 2px dashed var(--border-color-grey, #A6B8CA);
    border-radius: 16px;
    background: transparent;
}

.form form .lx-file:hover .lx-dropzone {
    border-color: var(--color-purple, #7D7DFA);
}

.hsfc-FileField.lx-file.lx-file--invalid .lx-dropzone {
    border-color: var(--color-red-2, #F2554A);
}

.hsfc-FileField.lx-file.lx-file--invalid .lx-fileerror {
    color: var(--color-red, #DA3E33);
}

.form form .lx-file--drag .lx-dropzone {
    border-color: var(--color-purple-2, #685DF9);
    background: var(--color-block-grey, #E6E7F1);
}

.form form .lx-dropzone__title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    margin: 0;
}

.form form .lx-dropzone__title .grey {
    color: var(--color-grey-2, #647383);
}

.form form .lx-dropzone__subtitle {
    color: var(--color-grey-2, #647383);
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;

    margin-top: 8px;
}

.form form .lx-file input[type="file"].hsfc-FileInput {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}
.form form .lx-filebar {
    position: relative;
    z-index: 1;

    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;

    padding: 12px 16px;
    background: var(--border-color-grey-2);
    border-radius: 16px;
}

.form form .lx-filebar__name {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.form form .lx-filebar__name.lx-filebar__label {
    display: block;
}

.form form .lx-filebar__icon {
    width: 24px;
    height: 24px;
    flex: 0 0 24px;
}

.form form .lx-filebar__remove {
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
}
.form form .lx-filebar__remove svg path {
    fill: var(--color-grey-2, #647383);
}
.form form .lx-filebar__remove:hover svg path {
    fill: var(--color-purple, #5534ED);
}
.form form .lx-file > .hsfc-FieldLabel {
    display: none;
}

.lx-flag-icon,
.hsfc-PhoneInput__FlagAndCaret__Flag {
    min-width: 24px;
    width: 24px;
    height: 24px;

    border-radius: 50%;
}
.lx-flag-icon {
    display: inline-block;

    background-position: center;
    background-size: cover;
}
.hsfc-DropdownOptions__List__ListItem {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Elements
Base HMTL elements are styled in this section (<body<, <h1>, <a>, <p>, <button> etc.)
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap&family=Open+Sans:ital,wght@0,300..800;1,300..800');

@font-face {
    font-family: 'Higher Jump';
    src: url('https://7567185.fs1.hubspotusercontent-na1.net/hubfs/7567185/higher-jump-font.ttf') format('ttf');
}

/* headings */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto Condensed',sans-serif;
    color: #161A1F;
    font-weight: 700;
    margin: 0;
}
/* headings */
h1.center,
h2.center,
h3.center,
h4.center,
h5.center,
h6.center {
    margin: 0 auto;
    width: fit-content;
    text-align: center;
}
h1,
h1 * {
    font-size: 68px;
    font-weight: 700;
    line-height: 74px;
}
h1.uppercase,
h1.uppercase * {
    line-height: 68px;
    letter-spacing: -1.36px;
}
h2, h2 * {
    font-size: 48px;
    line-height: 54px;
}
h2.uppercase, h2.uppercase * {
    line-height: 48px;
    letter-spacing: -0.96px;
}
h3, h3 * {
    font-size: 40px;
    line-height: 48px;
}
h3.uppercase, h3.uppercase * {
    line-height: 40px;
    letter-spacing: -0.8px;
}
h4, h4 * {
    font-size: 32px;
    line-height: 38px;
}
h4.uppercase, h4.uppercase * {
    line-height: 32px;
    letter-spacing: -0.64px;
}
h5, h5 * {
    font-size: 24px;
    line-height: 30px;
}
h5.uppercase, h5.uppercase * {
    line-height: 24px;
    letter-spacing: -0.48px;
}
h6, h6 * {
    font-size: 20px;
    line-height: 24px;
}
h6.uppercase h6.uppercase * {
    line-height: 20px;
    letter-spacing: -0.4px;
}
.uppercase,
.uppercase *,
h1.uppercase,
h2.uppercase,
h3.uppercase,
h4.uppercase,
h5.uppercase,
h6.uppercase {
    text-transform: uppercase;
}

@media (max-width: 743.5px) {
    h1, h1 * {
        font-size: 48px;
        line-height: 56px;
    }
    h1.uppercase, h1.uppercase * {
        line-height: 48px;
        letter-spacing: -0.96px;
    }
    h2, h2 * {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: -0.8px;
    }
}


/* subheadings */
p.subheading-1,
p.subheading-2 {
    font-family: 'Roboto Condensed',sans-serif;
    color: #161A1F;
    font-weight: 600;
}
p.subheading-1 *,
p.subheading-1 {
    font-size: 40px;
    line-height: 48px;
}
p.subheading-2 *,
p.subheading-2 {
    font-size: 24px;
    line-height: 30px
}
.subheading,
.subheading * {
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color: var(--color-black, #161A1F);
}
.subheading {
    margin-bottom: 16px;
}
.subheading p {
    margin: 0 0 16px;
}
.subheading *:last-child {
    margin-bottom: 0;
}
.subheading.center {
    margin: 16px auto 0;
    text-align: center;
    max-width: 620px;
}


/* accent font */
p.accent-1,
p.accent-2 {
    font-family: 'Higher Jump',sans-serif;
    color: #161A1F;
    font-weight: 400;
    text-transform: uppercase;
}

p.accent-1, p.accent-1 * {
    font-size: 40px;
    line-height: 80px;
}
p.accent-2, p.accent-2 * {
    font-size: 16px;
    line-height: 32px;
}


/* body */
body,
body p {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    margin: 0;
}
body strong,
body b {
    font-weight: 600;
}
body .small {
    font-size: 14px;
    line-height: 22px;
}
/* buttons */
button,
.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 8px;

    padding: 18px 24px;

    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-weight: 600;;
    line-height: 20px;

    border-radius: 16px;
    border: none;
    color: #5534ED;

    transition: all ease-in-out .2s;
    cursor: pointer;
}
.button {
    text-decoration-line: none!important;
}
button svg,
.button svg {
    width: 24px;
    height: 24px;
}
button svg path,
.button svg path {
    transition: fill ease-in-out .2s;
    fill: #5534ED;
}
button:hover,
.button:hover {
    color: #685DF9;
    background-color: #F4F7FB;
}
button:hover svg path,
.button:hover svg path {
    fill: #685DF9;
}
button:active,
.button:active {
    color: #5534ED;
    background-color: ;
}
button:active svg path,
.button:active svg path {
    fill: #5534ED;
}


/* primary */
button.primary,
.button.primary {
    padding: 15px 20px 18px 24px;
    color: #FFF;
    background-color: #685DF9;
}
button.primary svg path,
.button.primary svg path {
    fill: #FFF;
}
button.primary:hover,
.button.primary:hover {
    background-color: #7D7DFA;
}
button.primary:active,
.button.primary:active {
    background-color: #5534ED;
}

button.primary[disabled],
.button.primary[disabled] {
    background: var(--link-decor, #B1B6EB);
    pointer-events: none;
}

/* secondary */
button.secondary,
.button.secondary {
    padding: 15px 24px;

    background: transparent;
    color: #242A30;
    border: 2px solid #685DF9;
}
button.secondary.with-icon,
.button.secondary.with-icon {
    display: flex;
    align-items: center;

    padding: 14px 24px 14px 20px;

    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
button.secondary.with-icon svg,
.button.secondary.with-icon svg {
    width: 24px;
    height: 24px;
}
button.secondary.small,
.button.secondary.small {
    padding: 12px 20px 12px 16px;

}
button.secondary svg path,
.button.secondary svg path {
    fill: #242A30;
}
button.secondary:hover,
.button.secondary:hover {
    color: var(--color-white);
    background-color: var(--color-purple, #7D7DFA);
    border-color: var(--color-purple, #7D7DFA);
}
button.secondary:hover svg path,
.button.secondary:hover svg path {
    fill: var(--color-white);
}
button.secondary:active,
.button.secondary:active {
    border-color: var(--btn-bg-primary-active, #5534ED);
    background-color: var(--btn-bg-primary-active, #5534ED);
    color: var(--border-color-grey-2, #E6ECF2);
}
button.secondary:active svg path,
.button.secondary:active svg path {
    fill: var(--border-color-grey-2, #E6ECF2);
}
/* button transparent*/
.button.transparent {
    display: flex;
    align-items: center;
    gap: 4px;

    width: fit-content;

    padding: 4px 0;

    color: var(--color-black, #161A1F);
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}
.button.transparent path {
    fill: var(--color-black)
}
.button.transparent:hover {
    color: var(--btn-bg-primary);
}
.button.transparent:hover path {
    fill: var(--btn-bg-primary)
}
.button.transparent:active {
    color: var(--btn-bg-primary-hover, #5534ED);
}
.button.transparent:active path {
    fill: var(--btn-bg-primary-hover)
}

/* sizes */
.button.s-size {
    padding: 16px 24px 16px 24px;
}
.button.s-size.with-icon {
    padding: 16px 20px 16px 24px;
}
/* others */
button.reverse,
.button.reverse {
    flex-direction: row-reverse;
}

button.small,
.button.small {
    gap: 4px;

    padding: 4px 0;

    font-size: 14px;
    line-height: 18px;
}
.button.button-arrow {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    padding: 12px;
    border-radius: 98px;
    border: 2px solid var(--btn-bg-primary);
    background-color: transparent;

    transition: background-color ease-in-out .2s;
}
.button.button-arrow path {
    fill: var(--color-black);
    transition: fill ease-in-out .2s;
}
.button.button-arrow:active,
.button.button-arrow:hover {
    background-color: var(--btn-bg-primary);
}
.button.button-arrow:active path,
.button.button-arrow:hover path {
    fill: var(--color-white);
}

.button.button-arrow-2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;

    padding: 12px;
    border-radius: 100%;
    border: unset;
    background-color: var(--color-white);
    box-shadow: 0 4px 16px 0 rgba(22, 26, 31, 0.06);

    transition: background-color ease-in-out .2s;
}
.button.button-arrow-2 path {
    fill: var(--color-black);
    transition: fill ease-in-out .2s;
}
.button.button-arrow-2:active path,
.button.button-arrow-2:hover path {
    fill: var(--btn-bg-primary);
}

.button.with-arrow {
    padding: 14px 19px 14px 22px;
}
/* links */
a,
.link {
    color: #685DF9;

    font-family: 'Open Sans',sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-color: #B1B6EB;
    text-decoration-thickness: 10%;
    text-underline-offset: 25%;
    text-underline-position: from-font;

    transition: all ease-in-out .2s;
}
a.without-decoration,
.link.without-decoration {
    text-decoration-color: transparent!important;
}

a:hover,
.link:hover {
    text-decoration-color: var(--color-purple-2);
}

a.dark,
.link.dark {
    text-decoration-color: transparent;
    color: #FFF;
}
a.dark:hover,
.link.dark:hover {
    text-decoration-color: #FFF;
}

.link.s-size,
a.s-size {
    font-size: 14px;
    line-height: 18px
}



/* tags */
.tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.tag {
    display: flex;
    align-items: center;
    gap: 4px;

    cursor: pointer;

    max-width: fit-content;
    padding: 7px 12px;

    color: var(--color-black, #161A1F);

    font-size: 14px;
    font-weight: 600;
    line-height: 18px;

    border-radius: 40px;
    background: var(--color-block-grey, #E6E7F1);

    transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.tag .count {
    color: var(--color-grey-2, #647383);
}
.tag.active {
    background: var(--color-purple-2, #685DF9);
    color: var(--color-white, #fff);
}
.tag.active .count {
    color: var(--link-decor, #B1B6EB);
}
.tag:hover {
    color: var(--color-black, #161A1F);
    background: var(--tab-hover, #CFD2EB);
}
.tag.active:hover {
    background: var(--btn-bg-primary-active, #5534ED);
    color: var(--color-white, #fff);
}
.tag.active:hover .count {
    color: var(--link-decor, #B1B6EB);
}

.tag.tag-secondary {
    cursor: pointer;

    max-width: fit-content;
    padding: 5px 10px;

    color: var(--color-black, #161A1F);

    font-size: 14px;
    font-weight: 400;
    line-height: 18px;

    border-radius: 40px;
    border: 2px solid var(--color-purple-2, #685DF9);
    background: transparent!important;

    transition: border-color 0.2s ease-in-out;
}
.tag.tag-secondary:hover {
    color: var(--color-black, #161A1F);
    background: transparent;
    border-color: var(--btn-bg-primary-hover, #5534ED);
}
.tag.tag-secondary .chip-close {
    margin-left: 4px;

    width: 16px;
    height: 16px;
}
.tag.tag-secondary .chip-close svg {
    width: 16px;
    height: 16px;
}
.tag.tag-secondary .chip-close path {
    fill: var(--color-black, #161A1F);
}
.tag.tag-secondary:hover .chip-close path {
    fill: var(--btn-bg-primary-hover, #5534ED);
}
/* /* Missing Template at Path: \'leverx-career\/css\/elements\/_tables.css\' */ */

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

/* css from main page modules should live in /leverx-career/css/components/_header this directory */

@keyframes showHeader {
    from {
        top: -72px;
    }
    to {
        top: 0;
    }
}
@keyframes hideHeader {
    from {
        top: 0;
    }
    to {
        top: -72px;
    }
}

.header {
    position: sticky;
    top: 0;

    height: 0;
    width: 100%;

    z-index: 9999;
}
.header.--scroll {
    position: fixed;
    width: 100%;
    animation: showHeader .2s ease-in-out;
}
.header-container {
    position: relative;

    background-color: var(--color-grey, #F4F5F8);
    border-bottom: 1px solid transparent;
    transition: border-color .2s ease-in-out;
}
.header.--scroll .header-container {
    border-bottom: 1px solid var(--border-color-grey-3, #D1DAE3);
    background: var(--color-white, #FFF);
    backdrop-filter: blur(20px);
}
.header.grey .header-container {
    background-color: var(--color-grey, #F4F5F8);
}

.header-container > .container {
    position: relative;
    display: flex;
    align-items: center;
}

/* logo */
.header__logo {
    position: absolute;
    left: 80px;
    top: 50%;
    transform: translateY(-50%);
}
.header__logo > .header__logo-link {
    display: flex;
}
.header__logo-link > svg {
    display: block;

    width: 146px;
    height: 56px;
}

/*menu*/
.header__wrap {
    padding: 25px 0 15px;
    margin: 0 auto;
}
.header__menu {
    display: flex;
    gap: 32px;
}
.header__menu-item {
    position: relative;
}
.header__item-label {
    display: flex;
    align-items: center;
    gap: 4px;

    padding-bottom: 6px;

    text-decoration-color: transparent!important;
}

.header__menu-item::after {
    content: "";

    display: block;

    height: 7px;
    width: 100%;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    opacity: 0;
    transition: opacity 0.2s ease-in-out;
}


.header__menu-item:hover::after,
.header__menu-item:active::after,
.header__menu-item.active::after {
    opacity: 1;
}
.header__item-img {
    width: 30px;
    height: 20px;

    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.header__item-label {
    font-weight: 600;
    color: var(--font-heading-color)
}

/* social links */
.header__social {
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
}
.social-links__list {
    display: flex;
    align-items: center;
    gap: 16px;
}
.social-links__link {
    height: 24px;
    width: 24px;

    padding: 3px;
}

.social-links__link > .svg {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-links__icon {
    display: block;
}

.social-links__icon svg {
    display: block;
    fill: var(--color-black);
    height: 100%;
    width: 100%;

    transition: all 0.2s ease-in-out;
}
.social-links__icon svg path {
    transition: fill 0.2s ease-in-out;
}

.social-links__icon:hover svg path,
.social-links__icon:focus svg path,
.social-links__icon:active svg path,
.social-links__icon:hover svg,
.social-links__icon:focus svg,
.social-links__icon:active svg {
    fill: var(--btn-bg-primary-hover);
}

.header .mobile-bg,
.header-burger-btn {
    display: none;
}


@media (max-width: 1439.5px) {
    .header__logo {
        left: 44px;
    }
    .header__social {
        right: 44px;
    }
}

@media (max-width: 1279.5px) {
    .header.--open .header-container {
        backdrop-filter: blur(20px);
        background: var(--color-white, #fff);
        border-bottom-color: var(--color-white, #fff);
    }
    .header .container {
        min-height: 72px;
    }
    .header-container > .container {
        display: flex;
        justify-content: end;
    }
    .header__logo {
        left: 20px;
    }

    .header__logo-link > svg {
        width: 126px;
        height: 48px;
    }

    /*menu*/
    .header__wrap {
        z-index: -1;

        overflow: hidden;

        transition: transform .4s ease-in-out;

        position: fixed;
        top: 72px;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateX(100%);

        height: calc(100vh - 72px);
        width: 100%;

        margin: 0;
        padding: 0;

        background: #fff;
    }
    .header.--open .header__wrap {
        transform: translateX(0);
    }

    .header__menu {
        flex-direction: column;

        max-width: 700px;
        min-width: 700px;
        padding: 0 20px;
        margin: 80px auto 0;
    }

    .header__menu-item::after {
        background-position: left;
    }

    .header-burger-btn__close {
        display: none;
    }
    .header.--open .header-burger-btn__close {
        display: block;
    }
    .header.--open .header-burger-btn__burger {
        display: none;
    }

    .header-burger-btn {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);

        display: block;
        width: 24px;
        height: 24px;
    }

    .header__social {
        z-index: -1;

        visibility: hidden;
        opacity: 0;
        overflow: hidden;

        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        transform: translateY(95vh);
        transition: opacity .2s ease-in-out;
        transition-delay: .4s;

        height: 32px;
        width: 100%;

        margin: 0;
        padding: 0;
    }
    .header.--close .header__social {
        opacity: 0;
        transition-delay: 0s;
    }
    .header.--open .header__social {
        overflow: auto;
        visibility: visible;
        -webkit-overflow-scrolling: touch;
        opacity: 1;
        z-index: 2;
    }
    .social-links__list {
        max-width: 700px;
        min-width: 700px;
        padding: 0 20px;
        margin: 0 auto 0;
    }

    .footer__social .social-links__list {
        justify-content: center;
    }
    
    .header .mobile-bg {
        position: fixed;
        right: 0;
        top: 0;

        display: flex;
        align-items: flex-end;
        justify-content: flex-end;

        height: 100vh;
        width: fit-content;

        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        transition: opacity .2s ease-in-out;
        transition-delay: 5s;
    }
    .header.--close .mobile-bg {
        opacity: 0;
        transition-delay: 0s;
    }
    .header.--open .mobile-bg {
        z-index: 1;
        opacity: 1;
        overflow: auto;
        visibility: visible;
        transition-delay: 0s;
    }
    .header.--open .header-burger-btn {
        z-index: 10;
    }
}

@media (max-width: 743.5px) {
    .header__menu {
        max-width: 100%;
        min-width: 100%;
        padding: 0 40px;
    }
    .social-links__list {
        max-width: 100%;
        min-width: 100%;
        padding: 0 40px;
    }
}
/*/* Missing Template at Path: \'leverx-career\/css\/components\/_footer.css\' */*/
/*/* Missing Template at Path: \'leverx-career\/css\/theme-overrides.css\' */*/