/* 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;
}

@media (max-width: 743.5px) {
.dropdown{
    max-width: 100%;
}

}
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 form .hsfc-CheckboxField label.hsfc-FieldLabel,
.form form .hsfc-CheckboxField label.hsfc-FieldLabel *,
form div[class*="hsfc-RichText"],
form div[class*="hsfc-RichText"] * {
    font-size: 14px !important;
    line-height: 22px !important;
}

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);
}
.footer-form__right.form.purple button.hsfc-Button {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600 !important;
}
/* ==========================================================================
   REPLACE DEFAULT HUBSPOT RELOAD SPINNER WITH NEW CUSTOM SVG
   ========================================================================== */

/* 1. Force hide HubSpot's default built-in tiny loading elements when form is busy */
form[aria-busy="true"] .purple .hsfc-Button::before,
form[aria-busy="true"] .purple .hsfc-Button::after {
    content: none !important;
    background: none !important;
    animation: none !important;
}

/* 2. Inject your clean new loading spinner SVG into the submitting state button */
form[aria-busy="true"] .purple .hsfc-Button {
    position: relative !important;
    color: transparent !important; /* Temporarily hides "Subscribe" text so spinner is clean */
}

form[aria-busy="true"] .purple .hsfc-Button::before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 24px !important;
    height: 24px !important;
    margin-top: -12px !important; /* Centers the spinner perfectly */
    margin-left: -12px !important;
    display: block !important;
    
    /* Your new SVG converted cleanly to a URL mask with a crisp white color fill */
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2.99491C12 2.44543 11.5535 1.99487 11.0067 2.04945C9.37982 2.21184 7.81212 2.77135 6.4443 3.6853C4.79981 4.78412 3.51808 6.3459 2.7612 8.17317C2.00433 10.0004 1.80629 12.0111 2.19215 13.9509C2.578 15.8907 3.53041 17.6725 4.92893 19.0711C6.32746 20.4696 8.10929 21.422 10.0491 21.8079C11.9889 22.1937 13.9996 21.9957 15.8268 21.2388C17.6541 20.4819 19.2159 19.2002 20.3147 17.5557C21.2286 16.1879 21.7882 14.6202 21.9506 12.9933C22.0051 12.4465 21.5546 12 21.0051 12C20.4556 12 20.0166 12.4471 19.9485 12.9924C19.7946 14.225 19.3554 15.4098 18.6602 16.4502C17.7801 17.7675 16.529 18.7942 15.0654 19.4004C13.6017 20.0067 11.9911 20.1653 10.4373 19.8563C8.88347 19.5472 7.45619 18.7843 6.33594 17.6641C5.2157 16.5438 4.4528 15.1165 4.14373 13.5627C3.83465 12.0089 3.99328 10.3983 4.59955 8.93463C5.20582 7.47096 6.23251 6.21994 7.54978 5.33977C8.59019 4.64459 9.77497 4.20542 11.0076 4.05152C11.5529 3.98344 12 3.54438 12 2.99491Z' fill='%23FFFFFF'/%3E%3C/svg%3E") no-repeat center !important;
    background-size: contain !important;
    
    /* 3. Add smooth loop animation so it spins cleanly */
    animation: hsCustomRotate 0.8s linear infinite !important;
}

/* 4. Define the infinite rotation engine */
@keyframes hsCustomRotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* 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
   ========================= */

[data-hsfc-id="Renderer"] .hsfc-FileField > *:not(:last-child),
form .hsfc-FileField > *:not(:last-child) {
    margin-bottom: 0px !important;
}
.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\' */*/