a,
button,
input,
select,
h1,
h2,
h3,
h4,
h5,
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: none;
    text-decoration: none;
    background: none;

    -webkit-font-smoothing: antialiased;
}

input:focus {
    border: 1px solid #3090EC !important;
    border-radius: 10px !important;
    outline: none !important;
}

menu, ol, ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

/* login */
.log-in,
.log-in * {
    box-sizing: border-box;
}

.log-in {
    background: var(--white, #ffffff);
    height: 1024px;
    position: relative;
    overflow: hidden;
}

.group-435 {
    position: absolute;
    inset: 0;
}

.rectangle-841 {
    border-radius: 0px;
    width: 514px;
    height: 800px;
    position: absolute;
    right: 168px;
    top: 0px;
    overflow: visible;
}

.leonardo-phoenix-09-a-modern-futuristic-trainer-stands-in-a-sl-0-photoroom-1 {
    border-radius: 0px 0px 120px 120px;
    width: 704px;
    height: 674px;
    position: absolute;
    right: 168px;
    top: 126px;
    object-fit: cover;
}

.coolicon {
    width: 75px;
    height: 65.58px;
    position: absolute;
    right: 207px;
    top: 290px;
    overflow: visible;
}

.vector {
    width: 81.64px;
    height: 65.58px;
    position: absolute;
    right: 737.36px;
    top: 534px;
    overflow: visible;
}

.group-1 {
    width: 273px;
    height: 159.69px;
    position: static;
}

.union {
    width: 273px;
    height: 159.69px;
    position: absolute;
    left: 679px;
    top: 219px;
    overflow: visible;
}

.group-1-text {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    right: 350px;
    top: 235px;
    width: 241px;
}

.menu {
    height: 74px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(16px);
}

.logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 88px;
    top: 22px;
    overflow: hidden;
}

.smart-hire {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}

.form-login {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 36px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    left: 168px;
    top: 274px;
}

.input-base {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    width: 400px;
    height: 48px;
    position: absolute;
    left: 168px;
    top: 340px;
}

.placeholder {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 32px;
    position: relative;
    color: #fff;
}

.placeholder2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    position: relative;
    flex: 1;
}

.input-base2 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    width: 400px;
    height: 48px;
    position: absolute;
    left: 168px;
    top: 404px;
}

.icon-eye-closed {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 532px;
    top: 416px;
    overflow: visible;
}

.icon-eye-opened {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 532px;
    top: 416px;
    overflow: visible;
}

.hidden {
    display: none;
}

.button-1 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-radius: 16px;
    padding: 16px 24px 16px 24px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 168px;
    top: 516px;
}

.button-1-btn {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 18px;
    font-weight: 600;
    background: var(--gradient-1, linear-gradient(106.77deg, rgba(44, 193, 246, 1) 0.9999999776482582%, rgba(50, 136, 234, 1) 100%));
    border-radius: 16px;
    padding: 16px 24px 16px 24px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 168px;
    top: 516px;
}

.frame-60 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 168px;
    top: 468px;
}

.invalid-feedback {
    margin-top: 20.7em !important;
    margin-left: 12em;
}

/* cabinet */
.cabinet-desctop,
.cabinet-desctop * {
    box-sizing: border-box;
}

.cabinet-desctop {
    background: var(--white, #ffffff);
    height: 1024px;
    position: relative;
    overflow: hidden;
}

.cabinet-menu {
    height: 74px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(16px);
}

.cabinet-logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 128px;
    top: 22px;
    overflow: hidden;
}

.smart-hire {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}

.cabinet-user {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 0;
    top: 50%;
    translate: 0 -50%;
}

.icons-user-circle {
    width: 57.14%;
    height: 57.14%;
    position: absolute;
    right: 21.43%;
    left: 21.43%;
    bottom: 21.43%;
    top: 21.43%;
    overflow: visible;
}

.cabinet-frame {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 300px;
    position: absolute;
    right: 50px;
    top: 50%;
    translate: 0 -50%;
}

.user-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.company-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.cabinet-icons-menu {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 88px;
    top: 26px;
    overflow: visible;
    cursor: pointer;
}

.cabinet-frame-11 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 90%;
    position: absolute;
    left: 88px;
    top: 114px;
}

.cabinet-frame-4 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.cabinet-div {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 24px;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.cabinet-frame-10 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.cabinet-_3 {
    /*color: var(--black, #00000a);*/
    /*text-align: left;*/
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 52px;
    font-weight: 500;
    /*position: relative;*/
}

.cabinet-frame-12 {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.cabinet-component-8 {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.cabinet-_1 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 24px;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.cabinet-div2 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Medium", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.cabinet-component-9 {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.cabinet-_12 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 24px;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.cabinet-div3 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Medium", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.cabinet-frame-15 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.cabinet-button-create {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-radius: 10px;
    padding: 12px 14px 12px 12px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.cabinet-icons-brain {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}

.cabinet-div4 {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.cabinet-button-open {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 12px 8px 13px 8px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.cabinet-div5 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.cabinet-dashboard-1 {
    background: #ffffff;
    border-radius: 24px;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 1px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
    cursor: pointer;
}

.cabinet-dashboard-1:hover {
    box-shadow: var(--shadow-box-shadow, 5px 5px 16px 4px rgba(174, 183, 193, 0.4));
}

.cabinet-dashboard-2:hover {
    box-shadow: var(--shadow-box-shadow, 5px 5px 16px 4px rgba(174, 183, 193, 0.4));
}

.cabinet-dashboard-12:hover {
    box-shadow: var(--shadow-box-shadow, 5px 5px 16px 4px rgba(174, 183, 193, 0.4));
}

.cabinet-dashboard-2 {
    background: #ffffff;
    border-radius: 24px;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 1px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
    cursor: pointer;
}

.cabinet-div6 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.cabinet-button-12 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1.6px;
    padding: 12px 14px 12px 12px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.cabinet-icons-user-circle-plus {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}

.cabinet-div7 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.cabinet-dashboard-12 {
    background: #ffffff;
    border-radius: 24px;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 1px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 90%;
    position: absolute;
    left: 88px;
    top: 445px;
    cursor: pointer;
}

.cabinet-group-436 {
    position: absolute;
    inset: 0;
}

.cabinet-rectangle {
    background: #ffffff;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1px;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.cabinet-rectangle-841 {
    background: #ffffff;
    border-width: 1px;
    right: 0;
    top: 63%;
    border-radius: 0;
    width: 300px;
    height: 395px;
    position: absolute;
    left: 88px;
    bottom: -395px;
    overflow: visible;
}

.cabinet-leonardo-phoenix-09-a-modern-futuristic-trainer-stands-in-a-sl-2-photoroom-1 {
    width: 487px;
    height: 334px;
    position: absolute;
    left: 88px;
    bottom: 0px;
    object-fit: cover;
}

.cabinet-group-2 {
    width: 273px;
    height: 102.69px;
    position: static;
}

.cabinet-union {
    width: 273px;
    height: 102.69px;
    position: absolute;
    left: 320px;
    top: 629px;
    overflow: visible;
}

.cabinet-div8 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    left: 335px;
    bottom: 322px;
    width: 241px;
}

.cabinet-drop,
.cabinet-drop * {
    box-sizing: border-box;
}

.cabinet-drop {
    background: var(--white, #ffffff);
    border-radius: 8px;
    padding: 0 6px 0 6px;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
    justify-content: flex-start;
    width: 140px;
    position: relative;
    box-shadow: var(
            --shadow-box-shadow,
            5px 5px 16px 4px rgba(174, 183, 193, 0.4)
    );
    left: 10%;
    top: 10px
}

.cabinet-rectangle-839 {
    background: #ffffff;
    border-radius: 6px 6px 0 0;
    align-self: stretch;
    flex-shrink: 0;
    height: 6px;
    position: relative;
}

.cabinet-drop-line {
    background: #ffffff;
    border-radius: 8px;
    padding: 13px 12px 13px 12px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    margin-bottom: 5px;
    cursor: pointer;
    z-index: 99999;
}

.cabinet-menu-div {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}

.cabinet-rectangle-840 {
    background: #ffffff;
    border-radius: 6px 6px 0px 0px;
    align-self: stretch;
    flex-shrink: 0;
    height: 6px;
    position: relative;
    transform-origin: 0 0;
    transform: rotate(0deg) scale(1, -1);
}

.cabinet-active-link {
    color: #3090EC;
}

.cabinet-link:hover {
    background-color: #DDF6FF;
}

.cabinet-drop-line:hover {
    background-color: #DDF6FF;
}

/* analytics */
.analytics-desctop-23,
.analytics-desctop-23 * {
    box-sizing: border-box;
}

.analytics-desctop-23 {
    background: var(--white, #ffffff);
    height: auto;
    position: relative;
}

.analytics-breadcamps {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 88px;
    top: 98px;
}

.analytics-div {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.analytics-icons-dot {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
}

.analytics-ellipse-1 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.analytics-div2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.analytics-div3 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 36px;
    line-height: 116%;
    font-weight: 500;
    position: relative;
    left: 88px;
    top: 135px;
}

.analytics-frame-104 {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 1264px;
    position: relative;
    left: 88px;
    top: 160px;
}

.analytics-frame-97 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.analytics-frame-93 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-dashboard-1 {
    background: #ffffff;
    border-radius: 24px;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 1px;
    padding: 24px 32px 24px 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    width: 580px;
    position: relative;
}

.analytics-frame-4 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.analytics-div4 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 24px;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.analytics-frame-92 {
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: flex-end;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.analytics-frame-90 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-component-8 {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-_1 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 24px;
    font-weight: 500;
    position: relative;
}

.analytics-div5 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
}

.analytics-frame-87 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-component-10 {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-frame-88 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-component-9 {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-frame-89 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-dashboard-12 {
    background: #ffffff;
    border-radius: 24px;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 1px;
    padding: 24px 32px 24px 32px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 580px;
    position: relative;
}

.analytics-frame-922 {
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: flex-end;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-frame-91 {
    padding: 30px 0px 4px 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    width: 82px;
    position: relative;
}

.analytics-div6 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.analytics-frame-902 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    height: 104px;
    position: relative;
}

.analytics-frame-872 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    flex-shrink: 0;
    height: 104px;
    position: relative;
}

.analytics-component-102 {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.analytics-_12 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 24px;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.analytics-frame-882 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    flex-shrink: 0;
    height: 104px;
    position: relative;
}

.analytics-component-92 {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.analytics-frame-892 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    flex-shrink: 0;
    height: 104px;
    position: relative;
}

.analytics-div7 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 120%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.analytics-frame-103 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-dashboard-2 {
    background: #ffffff;
    border-radius: 24px;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 1px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
    width: 580px;
    height: 600px;
    overflow: auto;
}

.analytics-frame-101 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.analytics-div8 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 24px;
    font-weight: 500;
    position: relative;
}

.analytics-frame-102 {
    display: flex;
    flex-direction: row;
    gap: 48px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.analytics-frame-98 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 135px;
    position: relative;
}

.analytics-div9 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.analytics-div10 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
    cursor: pointer;
}

.analytics-frame-99 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 135px;
    position: relative;
}

.analytics-frame-100 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 135px;
    position: relative;
}

.analytics-dashboard-13 {
    background: #ffffff;
    border-radius: 24px;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 1px;
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex: 1;
    position: relative;
    width: 580px;
}

.analytics-chart {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: flex-start;
    justify-content: center;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.analytics-frame-3 {
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-frame-95 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-component-2 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-rectangle-15 {
    background: #ff425b;
    border-radius: 50px;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
}

.analytics-head-hunter-2 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
    position: relative;
}

.analytics-component-3 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-rectangle-152 {
    background: #7acaf0;
    border-radius: 50px;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
}

.analytics-component-4 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-rectangle-153 {
    background: #28adff;
    border-radius: 50px;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
}

.analytics-frame-96 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-component-5 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 163px;
    height: 20px;
    position: relative;
}

.analytics-rectangle-154 {
    background: #ffe47a;
    border-radius: 50px;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
}

.analytics-component-6 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 163px;
    height: 20px;
    position: relative;
}

.analytics-rectangle-155 {
    background: #ffa973;
    border-radius: 50px;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
}

.analytics-component-7 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.analytics-rectangle-156 {
    background: #e8e8e8;
    border-radius: 50px;
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
}

.analytics-group-2 {
    flex-shrink: 0;
    width: 330px;
    height: 330px;
    position: static;
}

.analytics-ellipse-6 {
    background: #e8e8e8;
    border-radius: 50%;
    width: 330px;
    height: 330px;
    position: absolute;
    left: 0px;
    top: 124px;
    transform-origin: 0 0;
    transform: rotate(0deg) scale(1, 1);
}

.analytics-ellipse-12 {
    background: #ff425b;
    border-radius: 50%;
    width: 330px;
    height: 330px;
    position: absolute;
    left: 0px;
    top: 454px;
    transform-origin: 0 0;
    transform: rotate(-90deg) scale(1, 1);
}

.analytics-ellipse-2 {
    background: #7acaf0;
    border-radius: 50%;
    width: 330px;
    height: 330px;
    position: absolute;
    left: 0px;
    top: 454px;
    transform-origin: 0 0;
    transform: rotate(-90deg) scale(1, 1);
}

.analytics-ellipse-3 {
    background: #28adff;
    border-radius: 50%;
    width: 330px;
    height: 330px;
    position: absolute;
    left: 0px;
    top: 454px;
    transform-origin: 0 0;
    transform: rotate(-90deg) scale(1, 1);
}

.analytics-ellipse-4 {
    background: #ffe47a;
    border-radius: 50%;
    width: 330px;
    height: 330px;
    position: absolute;
    left: 0px;
    top: 454px;
    transform-origin: 0 0;
    transform: rotate(-90deg) scale(1, 1);
}

.analytics-ellipse-5 {
    background: #ffa973;
    border-radius: 50%;
    width: 330px;
    height: 330px;
    position: absolute;
    left: 0px;
    top: 454px;
    transform-origin: 0 0;
    transform: rotate(-90deg) scale(1, 1);
}

.analytics-leonardo-phoenix-a-modern-futuristic-trainer-stands-in-a-sleek-2-photoroom-1 {
    flex-shrink: 0;
    width: 325px;
    height: 418px;
    position: relative;
    object-fit: cover;
    right: 5%;
}

.analytics-menu {
    height: 74px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(16px);
}

.analytics-logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 128px;
    top: 22px;
    overflow: hidden;
}

.analytics-smart-hire {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}

.analytics-user {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 88px;
    top: 50%;
    translate: 0 -50%;
}

.analytics-rectangle-14 {
    background: #ffffff;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
}

.analytics-icons-user-circle {
    width: 57.14%;
    height: 57.14%;
    position: absolute;
    right: 21.43%;
    left: 21.43%;
    bottom: 21.43%;
    top: 21.43%;
    overflow: visible;
}

.analytics-frame-22 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 106px;
    position: absolute;
    right: 138px;
    top: 50%;
    translate: 0 -50%;
}

.analytics-user-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.analytics-company-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.analytics-icons-menu-02 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 88px;
    top: 26px;
    overflow: visible;
}

/* candidates-list */
.candidates-list-desctop-20,
.candidates-list-desctop-20 * {
    box-sizing: border-box;
}

.candidates-list-desctop-20 {
    background: var(--white, #ffffff);
    height: auto;
    position: relative;
}

.candidates-list-breadcamps {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 88px;
    top: 98px;
}

.candidates-list-div {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
    cursor: pointer;
}

.candidates-list-icons-dot {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
}

.candidates-list-ellipse-1 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.candidates-list-div2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.candidates-list-div3 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 36px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    left: 88px;
    top: 135px;
}

.candidates-list-menu {
    height: 74px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(16px);
}

.candidates-list-logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 128px;
    top: 22px;
    overflow: hidden;
}

.candidates-list-smart-hire {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}

.candidates-list-user {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 88px;
    top: 50%;
    translate: 0 -50%;
}

.candidates-list-rectangle-14 {
    background: #ffffff;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
}

.candidates-list-icons-user-circle {
    width: 57.14%;
    height: 57.14%;
    position: absolute;
    right: 21.43%;
    left: 21.43%;
    bottom: 21.43%;
    top: 21.43%;
    overflow: visible;
}

.candidates-list-frame-22 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 106px;
    position: absolute;
    right: 138px;
    top: 50%;
    translate: 0 -50%;
}

.candidates-list-user-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.candidates-list-company-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.candidates-list-icons-menu-02 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 88px;
    top: 26px;
    overflow: visible;
}

.candidates-list-frame-54 {
    position: relative;
    margin-top: 20px;
}

.candidates-list-frame-52 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.candidates-list-button-1 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.candidates-list-icons-number {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}

.candidates-list-_1 {
    color: var(--text-1, #3090ec);
    text-align: center;
    font-family: "Inter-Medium", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 4px;
    width: 24px;
}

.candidates-list-button-2 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.candidates-list-button-3 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.candidates-list-button-12 {
    background: var(--white, #ffffff);
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.pagination-active-page {
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #3090EC;
}

.candidates-list-frame-61 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 90%;
    position: absolute;
    left: 88px;
    top: 241px;
}

.candidates-list-user-line {
    background: var(--white, #ffffff);
    border-radius: 8px;
    align-self: stretch;
    flex-shrink: 0;
    height: 46px;
    position: relative;
    border-bottom: 1px solid #E3E9F1;
    padding: 4px 0 45px;
}

.candidates-list-div4 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    position: absolute;
    left: 0px;
    top: 17px;
}

.candidates-list-div5 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    position: absolute;
    left: 226px;
    top: 17px;
}

.candidates-list-div6 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    position: absolute;
    left: 375px;
    top: 17px;
}

.candidates-list-longnameemailname-yandex-ru {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    position: absolute;
    left: 556px;
    top: 17px;
}

.candidates-list-phone {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    position: absolute;
    left: 860px;
    top: 17px;
}

.candidates-list-button-13 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 4px;
    cursor: pointer;
}

.candidates-list-trash {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.candidates-list-button-22 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 3%;
    top: 4px;
    cursor: pointer;
}

.candidates-list-pencil-simple {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.candidates-list-trash2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.candidates-list-pencil-simple2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.candidates-list-trash3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.candidates-list-pencil-simple3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.candidates-list-trash4 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.candidates-list-pencil-simple4 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.candidates-list-trash5 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.candidates-list-pencil-simple5 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.candidates-list-frame-62 {
    width: 1264px;
    height: 16px;
    position: absolute;
    left: 88px;
    top: 209px;
}

.candidates-list-header {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.sort-active {
    color: #3090EC !important;
}

.candidates-list-div7 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Bold", sans-serif;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}

.candidates-list-header2 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 227px;
    top: 0;
    cursor: pointer;
}

.candidates-list-header3 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 375px;
    top: 0;
    cursor: pointer;
}

.candidates-list-header4 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 556px;
    top: 0;
    cursor: pointer;
}

.candidates-list-header5 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 860px;
    top: 0;
    cursor: pointer;
}

.candidates-list-frame-45 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    right: 15%;
    top: 135px;
}

.candidates-list-input-base {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 220px;
    height: 45px;
    position: relative;
}

.sort-icon {
    position: absolute;
    top: -2px;
}

.candidates-list-placeholder {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    position: absolute;
    left: 5%;
}

.candidates-list-placeholder2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    position: relative;
    flex: 1;
}

.candidates-list-button-23 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-width: 1.6px;
    border-style: solid;
    border-color: #3090EC;
    padding: 10px 16px 10px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.candidates-list-div8 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
}

.candidates-list-button-14 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-radius: 10px;
    padding: 12px 14px 12px 12px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 5%;
    top: 135px;
    cursor: pointer;
}

.candidates-list-icons-plus {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}

.candidates-list-div9 {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

/* credit candidate */
.credit-candidate-h3 {
    color: var(--black, #00000a);
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 36px;
    line-height: 116%;
    font-weight: 500;
}

.credit-candidate-h5 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 18px;
    line-height: 147%;
    font-weight: 500;
    margin-left: 20px;
    margin-top: 30px;
}

.credit-candidate-input {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 1px;
    height: 48px !important;
    min-height: 48px !important;
    padding-top: 1.3rem !important;
}

.credit-candidate-breadcamps {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    margin-top: 20px;
    margin-bottom: 20px;
}

.credit-candidate-breadcamps-div {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
    cursor: pointer;
}

.credit-candidate-breadcamps-div2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.credit-candidate-breadcamps-ellipse-12 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.credit-candidate-breadcamps-icons-dot {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
}

.credit-candidate-breadcamps-ellipse-1 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.credit-candidate-button {
    background: var(--gradient-1, linear-gradient(106.77deg, rgba(44, 193, 246, 1) 0.9999999776482582%, rgba(50, 136, 234, 1) 100%));
    border-radius: 10px;
    padding: 12px 14px 12px 12px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.candidates-list-back-button {
    border-radius: 10px;
    border-width: 1.6px;
    border-style: solid;
    border-color: #3090EC;
    cursor: pointer;
    background: var(--gradient-1, linear-gradient(106.77deg, rgba(44, 193, 246, 1) 0.9999999776482582%, rgba(50, 136, 234, 1) 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 16px 10px;
    margin-right: 15px;
}

.candidates-list-button {
    border-radius: 10px;
    border-width: 1.6px;
    border-style: solid;
    border-color: #3090EC;
    cursor: pointer;
    background: var(--gradient-1, linear-gradient(106.77deg, rgba(44, 193, 246, 1) 0.9999999776482582%, rgba(50, 136, 234, 1) 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 16px 10px;
    margin: 15px 15px 25px 20px;
}

.credit-candidate-span {
    color: var(--black, #00000a);
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 147%;
    font-weight: 400;
    margin-left: 20px;
}

.credit-candidate-response-card {
    border-radius: 20px;
    border: 1px solid;
    border-color: var(--gray-light, #e3e9f1);
}

/* vacancies */
.vacancies-desctop-34,
.vacancies-desctop-34 * {
    box-sizing: border-box;
}

.vacancies-desctop-34 {
    background: var(--white, #ffffff);
    height: auto;
    position: relative;
}

.vacancies-breadcamps {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 88px;
    top: 98px;
}

.vacancies-div {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
    cursor: pointer;
}

.vacancies-icons-dot {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
}

.vacancies-ellipse-1 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.vacancies-div2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.vacancies-div3 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 36px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    left: 88px;
    top: 135px;
}

.vacancies-frame-69 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-end;
    position: absolute;
    right: 0;
    top: 135px;
}

.vacancies-button-2 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 12px 8px 13px 8px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.vacancies-div4 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.vacancies-button-4 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-width: 1.6px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    padding: 12px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.vacancies-button-1 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-radius: 10px;
    padding: 14px 14px 12px 12px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.vacancies-icons-brain {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}

.vacancies-div5 {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    width: 135px;
}

.vacancies-header-default {
    padding: 0px 24px 0px 24px;
    width: 1264px;
    height: 16px;
    position: absolute;
    left: 88px;
    top: 209px;
}

.vacancies-header {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 24px;
    top: 0px;
}

.vacancies-div6 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Bold", sans-serif;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}

.vacancies-header2 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 500px;
    top: 0;
}

.vacancies-header3 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 450px;
    top: 0;
    cursor: pointer;
}

.vacancies-header4 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 650px;
    top: 0;
    cursor: pointer;
}

.vacancies-div7 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Bold", sans-serif;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}

.vacancies-header5 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    right: 190px;
    top: 0;
    cursor: pointer;
}

.vacancies-menu {
    height: 74px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(16px);
}

.vacancies-logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 128px;
    top: 22px;
    overflow: hidden;
}

.vacancies-smart-hire {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}

.vacancies-user {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 88px;
    top: 50%;
    translate: 0 -50%;
}

.vacancies-rectangle-14 {
    background: #ffffff;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
}

.vacancies-icons-user-circle {
    width: 57.14%;
    height: 57.14%;
    position: absolute;
    right: 21.43%;
    left: 21.43%;
    bottom: 21.43%;
    top: 21.43%;
    overflow: visible;
}

.vacancies-frame-22 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 106px;
    position: absolute;
    right: 138px;
    top: 50%;
    translate: 0 -50%;
}

.vacancies-user-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.vacancies-company-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.vacancies-icons-menu-02 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 88px;
    top: 26px;
    overflow: visible;
}

.vacancies-frame-117 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 93%;
    position: absolute;
    left: 88px;
    top: 241px;
}

.vacancies-frame-116 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.vacancies-line {
    background: var(--white, #ffffff);
    border-radius: 20px;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 1px;
    padding: 12px 18px 12px 18px;
    align-self: stretch;
    flex-shrink: 0;
    height: 74px;
    position: relative;
}

.vacancies-frame-13 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    justify-content: center;
    width: 450px;
    position: absolute;
    left: 18px;
    top: 50%;
    translate: 0 -50%;
}

.vacancies-div8 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 18px;
    line-height: 147%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.vacancies-div9 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 147%;
    font-weight: 400;
    position: absolute;
    left: 490px;
    top: 25px;
}

.vacancies-created_at {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 147%;
    font-weight: 400;
    position: absolute;
    left: 460px;
    top: 25px;
}

.vacancies-closed_at {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 147%;
    font-weight: 400;
    position: absolute;
    left: 670px;
    top: 25px;
}

.vacancies-closed {
    color: var(--gray, #aeb7c1) !important;
}

.vacancies-status {
    border-radius: 6px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1.2px;
    padding: 4px 6px 4px 6px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 160px;
    top: 25px;
}

.vacancies-status-closed {
    border-color: var(--gray, #aeb7c1) !important;
}

.vacancies-div10 {
    color: var(--black, #00000a);
    text-align: center;
    width: 60px;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 147%;
    font-weight: 400;
    position: absolute;
    right: 170px;
    top: 25px;
}

.vacancies-button-3 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 15px;
    top: 50%;
    translate: 0 -50%;
    cursor: pointer;
}

.vacancies-icons-more {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancies-icons-more2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancies-icons-more3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancies-icons-more4 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancies-icons-more5 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancies-icons-more6 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancies-icons-more7 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancies-div11 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 18px;
    line-height: 147%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.vacancies-div12 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 147%;
    font-weight: 400;
    position: absolute;
    left: 350px;
    top: 25px;
}

.vacancies-_24-10-20242 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 147%;
    font-weight: 400;
    position: absolute;
    left: 490px;
    top: 25px;
}

.vacancies-_24-10-20243 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 147%;
    font-weight: 400;
    position: absolute;
    left: 639px;
    top: 25px;
}

.vacancies-status2 {
    border-radius: 6px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 1.2px;
    padding: 4px 6px 4px 6px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 240px;
    top: 25px;
}

.vacancies-div13 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 116%;
    font-weight: 500;
    position: relative;
}

.vacancies-button-32 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 18px;
    top: 17px;
}

.vacancies-icons-more8 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancies-icons-more9 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancies-icons-more10 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancies-frame-54 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.vacancies-frame-52 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.vacancies-button-12 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-image: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-image-slice: 1;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.vacancies-icons-number {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}

.vacancies-_1 {
    color: var(--text-1, #3090ec);
    text-align: center;
    font-family: "Inter-Medium", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 4px;
    width: 24px;
}

.vacancies-button-22 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.vacancies-button-33 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.vacancies-button-13 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.vacancy-link {
    display: flex;
    width: 95%;
    height: 100%;
}

.create-vacancy-desctop-3,
.create-vacancy-desctop-3 * {
    box-sizing: border-box;
}

.create-vacancy-desctop-3 {
    background: var(--white, #ffffff);
    height: auto;
    position: relative;
}

.create-vacancy-breadcamps {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 88px;
    top: 98px;
}

.create-vacancy-div {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.create-vacancy-icons-dot {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
}

.create-vacancy-ellipse-1 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.create-vacancy-ellipse-12 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.create-vacancy-div2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.create-vacancy-date {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    right: 88px;
    top: 154px;
}

.create-vacancy-menu {
    height: 74px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(16px);
}

.create-vacancy-logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 128px;
    top: 22px;
    overflow: hidden;
}

.create-vacancy-smart-hire {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}

.create-vacancy-user {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 88px;
    top: 50%;
    translate: 0 -50%;
}

.create-vacancy-rectangle-14 {
    background: #ffffff;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
}

.create-vacancy-icons-user-circle {
    width: 57.14%;
    height: 57.14%;
    position: absolute;
    right: 21.43%;
    left: 21.43%;
    bottom: 21.43%;
    top: 21.43%;
    overflow: visible;
}

.create-vacancy-frame-22 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 106px;
    position: absolute;
    right: 138px;
    top: 50%;
    translate: 0 -50%;
}

.create-vacancy-user-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.create-vacancy-company-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.create-vacancy-icons-menu-02 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 88px;
    top: 26px;
    overflow: visible;
}

.create-vacancy-div3 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 36px;
    line-height: 116%;
    font-weight: 600;
    position: absolute;
    left: 88px;
    top: 135px;
    max-width: 70%;
    max-height: 45px;
    overflow: hidden;
}

.create-vacancy-div4 {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    width: 90%;
    left: 88px;
    top: 209px;
}

.create-vacancy-tabs {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.create-vacancy-tab {
    border-radius: 20px;
    padding: 10px 0px 10px 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.create-vacancy-div5 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
}

.create-vacancy-div6 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.create-vacancy-frame-31 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-end;
    justify-content: flex-start;
    flex: 1;
    width: 85%;
    position: relative;
}

.create-vacancy-frame-23 {
    background: #ffffff;
    border-radius: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-end;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    box-shadow: var(
            --shadow-box-shadow,
            5px 5px 16px 4px rgba(174, 183, 193, 0.4)
    );
}

.create-vacancy-frame-24 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.create-vacancy-input-base {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 1px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: 48px;
    position: relative;
}

.create-vacancy-placeholder {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 48px;
    position: relative;
    padding: 12px;
    width: 100%;
}

.create-vacancy-placeholder2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    position: relative;
    flex: 1;
}

.create-vacancy-textarea-hint {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    min-height: 320px;
    height: auto;
    position: relative;
}

.create-vacancy-textarea {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border: 1px solid rgb(174, 183, 193);
    padding: 20px;
    width: 100%;
    overflow: hidden;
}

.create-vacancy-textarea-placeholder {
    position: absolute;
    top: 75px;
    margin-left: 10px;
    color: #aeb7c1;
}

.holder:empty:before {
    content: attr(placeholder);
    color: #aeb7c1;
    display: block;
    position:relative;
    bottom: 1px;
}

[contenteditable] {
    outline: 0 solid transparent;
}

.create-vacancy-placeholder3 {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex: 1;
    position: relative;
}

.create-vacancy-frame-25 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.create-vacancy-input-base2 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 48px;
    position: relative;
}

.create-vacancy-select {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 1px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 48px;
    position: relative;
}

.create-vacancy-icons-arrow {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}

.create-vacancy-button-1 {
    background: var(--gray-light, #e3e9f1);
    border-radius: 10px;
    padding: 12px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.create-vacancy-button-2 {
    background: var(--gradient-1, linear-gradient(106.77deg, rgba(44, 193, 246, 1) 0.9999999776482582%, rgba(50, 136, 234, 1) 100%));
    border-radius: 10px;
    padding: 12px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
}

.create-vacancy-button-3 {
    background: var(--gradient-1, linear-gradient(106.77deg, rgba(44, 193, 246, 1) 0.9999999776482582%, rgba(50, 136, 234, 1) 100%));
    border-radius: 10px;
    padding: 12px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.create-vacancy-button-3:disabled {
    background: var(--gray-light, #e3e9f1);
    border-radius: 10px;
    padding: 12px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    margin-bottom: 30px;
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.create-vacancy-filled {
    color: #00000A;
}

.create-vacancy-div7 {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.create-vacancy-cursor {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 704px;
    top: 265px;
    overflow: hidden;
}

.create-vacancy-clicker {
    width: 20px;
    height: 23.63px;
    position: absolute;
    left: 2px;
    top: 0px;
    object-fit: cover;
}

.create-vacancy-cursor2 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 973px;
    top: 673px;
    overflow: hidden;
}

/* vacancy-skills */
.vacancy-skills-desctop-8,
.vacancy-skills-desctop-8 * {
    box-sizing: border-box;
}

.vacancy-skills-desctop-8 {
    background: var(--white, #ffffff);
    height: auto;
    position: relative;
}

.vacancy-skills-breadcamps {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 88px;
    top: 98px;
}

.vacancy-skills-div {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.vacancy-skills-icons-dot {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
}

.vacancy-skills-ellipse-1 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.vacancy-skills-ellipse-12 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.vacancy-skills-div2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.vacancy-skills-menu {
    height: 74px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(16px);
}

.vacancy-skills-logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 128px;
    top: 22px;
    overflow: hidden;
}

.vacancy-skills-smart-hire {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}

.vacancy-skills-user {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 88px;
    top: 50%;
    translate: 0 -50%;
}

.vacancy-skills-rectangle-14 {
    background: #ffffff;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
}

.vacancy-skills-icons-user-circle {
    width: 57.14%;
    height: 57.14%;
    position: absolute;
    right: 21.43%;
    left: 21.43%;
    bottom: 21.43%;
    top: 21.43%;
    overflow: visible;
}

.vacancy-skills-frame-22 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 106px;
    position: absolute;
    right: 138px;
    top: 50%;
    translate: 0 -50%;
}

.vacancy-skills-user-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.vacancy-skills-company-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.vacancy-skills-icons-menu-02 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 88px;
    top: 26px;
    overflow: visible;
}

.vacancy-skills-_23-01-2025 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    right: 88px;
    top: 154px;
}

.vacancy-skills-product-designer {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 36px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    left: 88px;
    top: 135px;
}

.vacancy-skills-div3 {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    right: 88px;
    left: 88px;
    top: 209px;
}

.vacancy-skills-tabs {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 230px;
    position: relative;
}

.vacancy-skills-tab {
    border-radius: 20px;
    padding: 10px 0px 10px 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.vacancy-skills-div4 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
}

.vacancy-skills-div5 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.vacancy-skills-frame-32 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-end;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}

.vacancy-skills-frame-23 {
    background: #ffffff;
    border-radius: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    box-shadow: var(
            --shadow-box-shadow,
            5px 5px 16px 4px rgba(174, 183, 193, 0.4)
    );
    overflow: visible;
}

.vacancy-skills-frame-26 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.vacancy-skills-frame-28 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.vacancy-skills-button-2 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-radius: 10px;
    padding: 12px 14px 12px 12px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.vacancy-skills-icons-brain {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-div6 {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.vacancy-skills-div7 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
    position: relative;
}

.vacancy-skills-div8 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.vacancy-skills-div9 {
    background: #ffffff;
    border-radius: 16px;
    padding: 8px 0px 8px 0px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.vacancy-skills-input-base {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 48px;
    position: relative;
}

.vacancy-skills-placeholder {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 32px;
    position: relative;
}

.vacancy-skills-icons-brain2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-placeholder2 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    position: relative;
    flex: 1;
    padding: 18px;
}

.vacancy-skills-button-1 {
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    top: 7px;
}

.vacancy-skills-button-1:hover {
    background: var(--color-4, #ddf6ff);
}

.vacancy-skills-icons-chevron {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-button-22 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
    top: 7px;
}

.vacancy-skills-button-22:hover {
    background: var(--color-4, #ddf6ff);
}

.cq-button-2:hover {
    background: var(--color-4, #ddf6ff);
}

.vacancy-skills-trash {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-icons-brain3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-button-12 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.vacancy-skills-icons-chevron2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-trash2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-icons-brain4 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-icons-chevron3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-trash3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-icons-brain5 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-icons-chevron4 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-trash4 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-icons-brain6 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-icons-chevron5 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-trash5 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-div10 {
    background: #ffffff;
    border-radius: 16px;
    padding: 8px 0px 8px 0px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.vacancy-skills-frame-29 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}

.vacancy-skills-input-base2 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    padding: 12px 0 12px 0;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: auto;
    position: relative;
}

.vacancy-skills-icons-brain7 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: absolute;
    cursor: pointer;
    bottom: 5px;
    left: 10px;
}

.icons-star {
    flex-shrink: 0;
    width: 14px;
    height: 14px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-placeholder3 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    position: relative;
    flex: 1;
}

.vacancy-skills-textarea {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: 80px;
    position: relative;
}

.vacancy-skills-placeholder4 {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex: 1;
    position: relative;
}

.vacancy-skills-icons-brain8 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
    cursor: pointer;
}

.vacancy-skills-icons-check-circle {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-trash6 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-button-3 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 12px 8px 12px 8px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.vacancy-skills-icons-plus {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}

.vacancy-skills-div11 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.gray-background {
    color: #fffefe;
    background: none;
    -webkit-text-fill-color: currentColor;
}

.vacancy-skills-frame-41 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    margin-bottom: 30px;
    position: relative;
}

.vacancy-skills-button-23 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-width: 1.6px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    padding: 10px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.vacancy-skills-button-23-gray {
    background: var(--gray-light, #e3e9f1);
    border-radius: 10px;
    border-width: 1.6px;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    padding: 10px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.vacancy-skills-button-13 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-radius: 10px;
    padding: 12px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

/* vacancy-case */
.vacancy-case-desctop-9,
.vacancy-case-desctop-9 * {
    box-sizing: border-box;
}

.vacancy-case-desctop-9 {
    background: var(--white, #ffffff);
    height: auto;
    position: relative;
}

.vacancy-case-breadcamps {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 88px;
    top: 98px;
}

.vacancy-case-div {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.vacancy-case-icons-dot {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
}

.vacancy-case-ellipse-1 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.vacancy-case-ellipse-12 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.vacancy-case-div2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.vacancy-case-menu {
    height: 74px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(16px);
}

.vacancy-case-logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 128px;
    top: 22px;
    overflow: hidden;
}

.vacancy-case-smart-hire {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}

.vacancy-case-user {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 88px;
    top: 50%;
    translate: 0 -50%;
}

.vacancy-case-rectangle-14 {
    background: #ffffff;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
}

.vacancy-case-icons-user-circle {
    width: 57.14%;
    height: 57.14%;
    position: absolute;
    right: 21.43%;
    left: 21.43%;
    bottom: 21.43%;
    top: 21.43%;
    overflow: visible;
}

.vacancy-case-frame-22 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 106px;
    position: absolute;
    right: 138px;
    top: 50%;
    translate: 0 -50%;
}

.vacancy-case-user-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.vacancy-case-company-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.vacancy-case-icons-menu-02 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 88px;
    top: 26px;
    overflow: visible;
}

.vacancy-case-product-designer {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 36px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    left: 88px;
    top: 135px;
}

.vacancy-case-div3 {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    right: 88px;
    left: 88px;
    top: 209px;
}

.vacancy-case-tabs {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 230px;
    position: relative;
}

.vacancy-case-tab {
    border-radius: 20px;
    padding: 10px 0px 10px 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.vacancy-case-div4 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.vacancy-case-div5 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.vacancy-case-frame-33 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-end;
    justify-content: flex-start;
    flex: 1;
    position: relative;
    margin-bottom: 30px;
}

.vacancy-case-frame-23 {
    background: #ffffff;
    border-radius: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    box-shadow: var(
            --shadow-box-shadow,
            5px 5px 16px 4px rgba(174, 183, 193, 0.4)
    );
    overflow: hidden;
}

.vacancy-case-frame-36 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.vacancy-case-frame-26 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 802px;
    height: 42px;
    position: relative;
}

.vacancy-case-frame-28 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}

.vacancy-case-button-2 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-radius: 10px;
    padding: 12px 14px 12px 12px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.vacancy-case-icons-brain {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}

.vacancy-case-div6 {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.vacancy-case-div7 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
    position: relative;
    flex: 1;
}

.vacancy-case-select {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: 48px;
    position: relative;
}

.vacancy-case-placeholder {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: auto;
    position: relative;
}

.vacancy-case-placeholder2 {
    color: var(--text, #000000);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    position: relative;
    flex: 1;
}

.vacancy-case-icons-arrow {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}

.vacancy-case-textarea {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: auto;
    position: relative;
    overflow: hidden;
}

.vacancy-case-placeholder3 {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex: 1;
    position: relative;
}

.vacancy-case-frame-37 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.vacancy-case-div8 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: 48px;
    position: relative;
}

.vacancy-case-div9 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 120%;
    font-weight: 400;
    position: relative;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.vacancy-case-input-base {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 640px;
    height: auto;
    position: relative;
}

.vacancy-case-icons-brain2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-case-frame-35 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: 48px;
    position: relative;
}

.vacancy-case-icons-brain3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-case-frame-362 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: auto;
    position: relative;
}

.vacancy-case-icons-brain {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
    cursor: pointer;
}

.vacancy-case-frame-372 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: 48px;
    position: relative;
}

.vacancy-case-icons-brain5 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.vacancy-case-frame-68 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.vacancy-case-button-22 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1.6px;
    padding: 12px 14px 12px 12px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.vacancy-case-icons-plus {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}

.vacancy-case-div10 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.vacancy-case-frame-41 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.vacancy-case-button-23 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-width: 1.6px;
    border-style: solid;
    border-image: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-image-slice: 1;
    padding: 12px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.vacancy-case-div11 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.vacancy-case-button-1 {
    background: var(--gray-light, #e3e9f1);
    border-radius: 10px;
    padding: 12px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.vacancy-case-button-4 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-width: 1.6px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    padding: 12px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 7%;
    top: 140px;
    cursor: pointer;
}

.vacancy-case-date {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    right: 15%;
    top: 154px;
}

/* common questions */
.cq-desctop-11,
.cq-desctop-11 * {
    box-sizing: border-box;
}

.cq-desctop-11 {
    background: var(--white, #ffffff);
    height: auto;
    position: relative;
}

.cq-breadcamps {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 88px;
    top: 98px;
}

.cq-div {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.cq-icons-dot {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
}

.cq-ellipse-1 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.cq-ellipse-12 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.cq-div2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.cq-menu {
    height: 74px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(16px);
}

.cq-logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 128px;
    top: 22px;
    overflow: hidden;
}

.cq-smart-hire {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}

.cq-user {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 88px;
    top: 50%;
    translate: 0 -50%;
}

.cq-rectangle-14 {
    background: #ffffff;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
}

.cq-icons-user-circle {
    width: 57.14%;
    height: 57.14%;
    position: absolute;
    right: 21.43%;
    left: 21.43%;
    bottom: 21.43%;
    top: 21.43%;
    overflow: visible;
}

.cq-frame-22 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 106px;
    position: absolute;
    right: 138px;
    top: 50%;
    translate: 0 -50%;
}

.cq-user-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.cq-company-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.cq-icons-menu-02 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 88px;
    top: 26px;
    overflow: visible;
}

.cq-_23-01-2025 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    right: 88px;
    top: 154px;
}

.cq-product-designer {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 36px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    left: 88px;
    top: 135px;
}

.cq-div3 {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    right: 89px;
    left: 88px;
    top: 209px;
}

.cq-tabs {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 230px;
    position: relative;
}

.cq-tab {
    border-radius: 20px;
    padding: 10px 0px 10px 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.cq-div4 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.cq-div5 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.cq-frame-33 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-end;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}

.cq-frame-23 {
    background: #ffffff;
    border-radius: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    box-shadow: var(
            --shadow-box-shadow,
            5px 5px 16px 4px rgba(174, 183, 193, 0.4)
    );
    overflow: hidden;
}

.cq-frame-28 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 802px;
    position: relative;
}

.cq-div6 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
    position: relative;
    flex: 1;
}

.cq-frame-37 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.cq-frame-38 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.cq-div7 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.cq-input-base {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 48px;
    position: relative;
}

.cq-placeholder {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 20px;
    position: relative;
}

.cq-frame-118 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}

.cq-placeholder2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.cq-frame-66 {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: 20px;
    position: relative;
}

.cq-text {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 125%;
    padding-bottom: 10px;
    font-weight: 400;
    position: relative;
    flex: 1;
}

.cq-button-2 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.cq-trash {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.cq-placeholder3 {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 32px;
    position: relative;
}

.cq-placeholder4 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    position: relative;
    flex: 1;
}

.cq-trash2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.cq-frame-39 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.cq-button-22 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 12px 8px 12px 8px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.cq-icons-plus {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}

.cq-div8 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.cq-frame-41 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.cq-button-23 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-width: 1.6px;
    border-style: solid;
    border-image: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-image-slice: 1;
    padding: 12px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.cq-button-1 {
    background: var(--gradient-1, linear-gradient(106.77deg, rgba(44, 193, 246, 1) 0.9999999776482582%, rgba(50, 136, 234, 1) 100%));
    border-radius: 10px;
    padding: 12px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.cq-div9 {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

/* candidates */
.candidates-desctop-17,
.candidates-desctop-17 * {
    box-sizing: border-box;
}

.candidates-desctop-17 {
    background: var(--white, #ffffff);
    height: auto;
    position: relative;
}

.candidates-breadcamps {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 88px;
    top: 98px;
}

.candidates-div {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.candidates-icons-dot {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
}

.candidates-ellipse-1 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.candidates-ellipse-12 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.candidates-div2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.candidates-menu {
    height: 74px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(16px);
}

.candidates-logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 128px;
    top: 22px;
    overflow: hidden;
}

.candidates-smart-hire {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}

.candidates-user {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 88px;
    top: 50%;
    translate: 0 -50%;
}

.candidates-rectangle-14 {
    background: #ffffff;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
}

.candidates-icons-user-circle {
    width: 57.14%;
    height: 57.14%;
    position: absolute;
    right: 21.43%;
    left: 21.43%;
    bottom: 21.43%;
    top: 21.43%;
    overflow: visible;
}

.candidates-frame-22 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 106px;
    position: absolute;
    right: 138px;
    top: 50%;
    translate: 0 -50%;
}

.candidates-user-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.candidates-company-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.candidates-icons-menu-02 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 88px;
    top: 26px;
    overflow: visible;
}

.candidates-product-designer {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 36px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    left: 88px;
    top: 135px;
}

.candidates-div3 {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    right: 89px;
    left: 88px;
    top: 209px;
}

.candidates-tabs {
    display: flex;
    flex-direction: column;
    gap: 0px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 230px;
    position: relative;
}

.candidates-tab {
    border-radius: 20px;
    padding: 10px 0px 10px 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.candidates-div4 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.candidates-div5 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.candidates-frame-33 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-end;
    justify-content: flex-start;
    flex: 1;
    position: relative;
    min-width: 85%;
}

.candidates-frame-23 {
    background: #ffffff;
    border-radius: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    box-shadow: var(
            --shadow-box-shadow,
            5px 5px 16px 4px rgba(174, 183, 193, 0.4)
    );
    overflow: hidden;
}

.candidates-frame-46 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.candidates-frame-44 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.candidates-button-2 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-radius: 10px;
    padding: 12px 14px 12px 12px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.candidates-button-2-disabled {
    background: var(--gray-light, #e3e9f1);
    border-radius: 10px;
    padding: 12px 14px 12px 12px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.candidates-icons-plus {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}

.candidates-div6 {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.candidates-button-4 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-width: 1.6px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    padding: 10px 16px 10px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.candidates-div7 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.candidates-div8 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.candidates-switch-off {
    background: var(--gray-light, #e3e9f1);
    border-radius: 16px;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 1px;
    flex-shrink: 0;
    width: 40px;
    height: 24px;
    position: relative;
    overflow: hidden;
}

.candidates-switch-on {
    background: #DDF6FF;
    border-radius: 16px;
    border-style: solid;
    border-color: #DDF6FF;
    border-width: 1px;
    flex-shrink: 0;
    width: 40px;
    height: 24px;
    position: relative;
    overflow: hidden;
}

.candidates-ellipse-off {
    background: var(--white, #ffffff);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 3px;
    top: 2px;
}

.candidates-ellipse-on {
    background: #3090EC;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    position: absolute;
    right: 3px;
    top: 2px;
}

.candidates-div9 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
}

.candidates-frame-45 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.candidates-input-base {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 220px;
    height: 42px;
    position: relative;
}

.candidates-placeholder {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 32px;
    position: relative;
}

.candidates-placeholder2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    position: relative;
    flex: 1;
    height: 42px;
    padding: 12px;
}

.candidates-button-22 {
    /*background: var(--white, #ffffff);*/
    border-radius: 10px;
    border-width: 1.6px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    padding: 10px 16px 10px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.candidates-frame-51 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.candidates-header-variant-2 {
    align-self: stretch;
    flex-shrink: 0;
    height: 28px;
    position: relative;
}

.candidates-header {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 32px;
    top: 50%;
    translate: 0 -50%;
    cursor: pointer;
}

.candidates-div10 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Bold", sans-serif;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}

.candidates-header2 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 270px;
    top: 50%;
    translate: 0 -50%;
    cursor: pointer;
}

.candidates-header3 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 460px;
    top: 50%;
    translate: 0 -50%;
    cursor: pointer;
}

.candidates-header4 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 575px;
    top: 50%;
    translate: 0 -50%;
    cursor: pointer;
}

.candidates-header5 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 710px;
    top: 50%;
    translate: 0 -50%;
    cursor: pointer;
}

.candidates-header6 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 800px;
    top: 50%;
    translate: 0 -50%;
    cursor: pointer;
}

.candidates-header7 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 760px;
    top: 50%;
    translate: 0 -50%;
    cursor: pointer;
}

.candidates-header8 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 837px;
    top: 50%;
    translate: 0 -50%;
    cursor: pointer;
}

.candidates-icons-checkbox {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 50%;
    translate: 0 -50%;
    overflow: visible;
}

.candidates-user-line {
    background: var(--white, #ffffff);
    border-radius: 8px;
    padding: 4px 0px 4px 0px;
    flex-shrink: 0;
    width: 962px;
    height: 72px;
    position: relative;
}

.candidates-frame-50 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    justify-content: center;
    width: 220px;
    position: absolute;
    left: 32px;
    top: 50%;
    translate: 0 -50%;
}

.candidates-div11 {
    color: #000000;
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
}

.candidates-longemailname-yandex-ru {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 120%;
    font-weight: 400;
    position: absolute;
    left: 270px;
    top: 50%;
    translate: 0 -50%;
    width: 200px;
    overflow-wrap: break-word;
    white-space: normal;
}

.candidates-icons-check-circle {
    width: 24px;
    height: 24px;
    position: absolute;
    right: -30px;
    top: 50%;
    translate: 0 -50%;
    overflow: visible;
}

.candidates-icons-check-circle2 {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 90px;
    top: 50%;
    translate: 0 -50%;
    overflow: visible;
}

.candidates-icons-number {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 178px;
    top: 50%;
    translate: 0 -50%;
}

.candidates-_1 {
    color: var(--text-1, #3090ec);
    text-align: center;
    font-family: "Inter-Medium", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    position: absolute;
    right: 200px;
    translate: -50%;
    top: 30px;
    width: 24px;
}

.candidates-status {
    font-size: 14px;
    position: absolute;
    right: 85px;
    top: 50%;
    translate: 0 -50%;
    color: rgb(48, 144, 236);
    font-weight: 600;
}

.candidates-button-1 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 4%;
    top: 50%;
    translate: 0 -50%;
    cursor: pointer;
}

.candidates-icons-more {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.candidates-phone {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    position: absolute;
    left: 480px;
    top: 50%;
    translate: 0 -50%;
}

.candidates-product-designer2 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 400;
    position: absolute;
    left: 600px;
    top: 50%;
    translate: 0 -50%;
    width: 125px;
    overflow-wrap: break-word;
    white-space: normal;
}

.candidates-icons-envelope {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 5px;
    overflow: visible;
}

.candidates-icons-check-circle3 {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 317px;
    top: 50%;
    translate: 0 -50%;
    overflow: visible;
}

.candidates-icons-check-circle4 {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 257px;
    top: 50%;
    translate: 0 -50%;
    overflow: visible;
}

.candidates-icons-more2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.candidates-icons-envelope2 {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 3px;
    top: 4px;
    overflow: visible;
}

.candidates-button-12 {
    background: var(--color-4, #ddf6ff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0px;
    top: 50%;
    translate: 0 -50%;
}

.candidates-icons-more3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.candidates-icons-more4 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.candidates-icons-more5 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.candidates-frame-26 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.candidates-frame-28 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.candidates-button-23-disabled {
    background: var(--gray-light, #e3e9f1);
    border-radius: 10px;
    padding: 12px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.candidates-button-23 {
    background: var(--gradient-1, linear-gradient(106.77deg, rgba(44, 193, 246, 1) 0.9999999776482582%, rgba(50, 136, 234, 1) 100%));
    border-radius: 10px;
    padding: 12px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.candidates-div12 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
    position: relative;
}

.candidates-frame-53 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.candidates-frame-54 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.candidates-frame-52 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.candidates-button-13 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-width: 2px;
    border-style: solid;
    border-image: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-image-slice: 1;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.candidates-icons-number2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}

.candidates-button-24 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.candidates-button-3 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.candidates-button-14 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    padding: 9px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.candidates-frame-41 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    margin-top: 14px;
    margin-bottom: 30px;
}

.candidates-snackbar-warning {
    background: var(--black, #00000a);
    border-radius: 16px;
    border-style: solid;
    border-color: var(--error-red, #f37373);
    border-width: 0 0 0 5px;
    padding: 12px 16px 12px 16px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    position: fixed;
    box-shadow: var(
            --shadow-box-shadow,
            5px 5px 16px 4px rgba(174, 183, 193, 0.4)
    );
    z-index: 99999;
    right: 5%;
    bottom: 70px;
    max-width: 400px;
}

.candidates-icon-warning {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}

.candidates-snackbar2 {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 116%;
    font-weight: 400;
    position: relative;
}

.candidates-snackbar-success {
    background: var(--black, #00000a);
    border-radius: 16px;
    border-style: solid;
    border-color: #59e4ad;
    border-width: 0px 0px 0px 5px;
    padding: 12px 16px 12px 16px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    position: fixed;
    box-shadow: var(
            --shadow-box-shadow,
            5px 5px 16px 4px rgba(174, 183, 193, 0.4)
    );
    z-index: 99999;
    right: 5%;
    bottom: 70px;
    max-width: 400px;
}

.candidates-icon-info {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}

/* answer-index */
.answer-index-desctop-24,
.answer-index-desctop-24 * {
    box-sizing: border-box;
}

.answer-index-desctop-24 {
    background: var(--white, #ffffff);
    height: auto;
    position: relative;
}

.answer-index-breadcamps {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 88px;
    top: 98px;
}

.answer-index-div {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.answer-index-icons-dot {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
}

.answer-index-ellipse-1 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.answer-index-ellipse-12 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.answer-index-div2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.answer-index-menu {
    height: 74px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(16px);
}

.answer-index-logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 128px;
    top: 22px;
    overflow: hidden;
}

.answer-index-smart-hire {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}

.answer-index-user {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 88px;
    top: 50%;
    translate: 0 -50%;
}

.answer-index-rectangle-14 {
    background: #ffffff;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
}

.answer-index-icons-user-circle {
    width: 57.14%;
    height: 57.14%;
    position: absolute;
    right: 21.43%;
    left: 21.43%;
    bottom: 21.43%;
    top: 21.43%;
    overflow: visible;
}

.answer-index-frame-22 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 106px;
    position: absolute;
    right: 138px;
    top: 50%;
    translate: 0 -50%;
}

.answer-index-user-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.answer-index-company-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.answer-index-icons-menu-02 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 88px;
    top: 26px;
    overflow: visible;
}

.answer-index-div3 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 36px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    left: 88px;
    top: 135px;
}

.answer-index-div4 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 1264px;
    position: absolute;
    left: 88px;
    top: 209px;
}

.answer-index-tabs {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.answer-index-tab {
    border-radius: 20px;
    padding: 10px 0px 10px 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.answer-index-div5 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.answer-index-div6 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.answer-index-skills {
    background: #ffffff;
    border-radius: 16px;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 1px;
    padding: 24px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 95%;
    position: relative;
}

.answer-index-frame-79 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 720px;
    position: relative;
}

.answer-index-frame-121 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.answer-index-icons-chevron {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
    cursor: pointer;
}

.answer-index-div7 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    flex: 1;
    cursor: pointer;
}

.answer-index-frame-78 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 90%;
}

.answer-index-component-12 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.answer-index-messenger-logo {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.answer-index-frame-80 {
    padding: 3px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex: 1;
    position: relative;
}

.answer-index-div8 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 120%;
    font-weight: 400;
    position: relative;
    flex: 1;
}

.answer-index-component-13 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.answer-index-messenger-logo2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}

.answer-index-vector {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
    overflow: visible;
}

.answer-index-vector2 {
    width: 75%;
    height: 75%;
    position: absolute;
    right: -62.51%;
    left: 87.51%;
    bottom: 12.49%;
    top: 12.51%;
    transform: translate(-19px, -1px);
    overflow: visible;
}

.answer-index-group-4 {
    width: 33.33%;
    height: 16.67%;
    position: absolute;
    right: 33.33%;
    left: 33.33%;
    bottom: 41.67%;
    top: 41.67%;
    overflow: visible;
}

.answer-index-frame-76 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.answer-index-div9 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.answer-index-_2 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 120%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.answer-index-frame-77 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}

.answer-index-frame-75 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.answer-index-frame-74 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 67px;
    position: relative;
}

.answer-index-_22 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.answer-index-frame-73 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: auto;
    position: relative;
}

.answer-index-_23 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 120%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.answer-index-skills2 {
    background: #ffffff;
    border-radius: 16px;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 1px;
    padding: 24px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.answer-index-icons-chevron2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.answer-index-messenger-logo3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.answer-index-vector3 {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
    overflow: visible;
}

.answer-index-vector4 {
    width: 75%;
    height: 75%;
    position: absolute;
    right: -62.51%;
    left: 87.51%;
    bottom: 12.49%;
    top: 12.51%;
    transform: translate(-19px, -1px);
    overflow: visible;
}

.answer-index-group-42 {
    width: 33.33%;
    height: 16.67%;
    position: absolute;
    right: 33.33%;
    left: 33.33%;
    bottom: 41.67%;
    top: 41.67%;
    overflow: visible;
}

.answer-index-frame-732 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.answer-index-icons-chevron3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.answer-index-messenger-logo4 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.answer-index-vector5 {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
    overflow: visible;
}

.answer-index-vector6 {
    width: 75%;
    height: 75%;
    position: absolute;
    right: -62.51%;
    left: 87.51%;
    bottom: 12.49%;
    top: 12.51%;
    transform: translate(-19px, -1px);
    overflow: visible;
}

.answer-index-group-43 {
    width: 33.33%;
    height: 16.67%;
    position: absolute;
    right: 33.33%;
    left: 33.33%;
    bottom: 41.67%;
    top: 41.67%;
    overflow: visible;
}

/* common-answers */
.common-answers-desctop-25,
.common-answers-desctop-25 * {
    box-sizing: border-box;
}

.common-answers-desctop-25 {
    background: var(--white, #ffffff);
    height: auto;
    position: relative;
}

.common-answers-breadcamps {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 88px;
    top: 98px;
}

.common-answers-div {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.common-answers-icons-dot {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
}

.common-answers-ellipse-1 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.common-answers-ellipse-12 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.common-answers-div2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.common-answers-menu {
    height: 74px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(16px);
}

.common-answers-logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 128px;
    top: 22px;
    overflow: hidden;
}

.common-answers-smart-hire {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}

.common-answers-user {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 88px;
    top: 50%;
    translate: 0 -50%;
}

.common-answers-rectangle-14 {
    background: #ffffff;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
}

.common-answers-icons-user-circle {
    width: 57.14%;
    height: 57.14%;
    position: absolute;
    right: 21.43%;
    left: 21.43%;
    bottom: 21.43%;
    top: 21.43%;
    overflow: visible;
}

.common-answers-frame-22 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 106px;
    position: absolute;
    right: 138px;
    top: 50%;
    translate: 0 -50%;
}

.common-answers-user-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.common-answers-company-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.common-answers-icons-menu-02 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 88px;
    top: 26px;
    overflow: visible;
}

.common-answers-div3 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 36px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    left: 88px;
    top: 135px;
}

.common-answers-div4 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 1264px;
    position: absolute;
    left: 88px;
    top: 209px;
}

.common-answers-tabs {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.common-answers-tab {
    border-radius: 20px;
    padding: 10px 0px 10px 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.common-answers-div5 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.common-answers-div6 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.common-answers-skills {
    background: #ffffff;
    border-radius: 16px;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 1px;
    padding: 24px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    width: 95%;
}

.common-answers-frame-79 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}

.common-answers-frame-78 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.common-answers-component-12 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.common-answers-messenger-logo {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.common-answers-frame-80 {
    padding: 3px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex: 1;
    position: relative;
}

.common-answers-div7 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 120%;
    font-weight: 400;
    position: relative;
    flex: 1;
}

.common-answers-component-13 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.common-answers-messenger-logo2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}

.common-answers-vector {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
    overflow: visible;
}

.common-answers-vector2 {
    width: 75%;
    height: 75%;
    position: absolute;
    right: -62.51%;
    left: 87.51%;
    bottom: 12.49%;
    top: 12.51%;
    transform: translate(-19px, -1px);
    overflow: visible;
}

.common-answers-group-4 {
    width: 33.33%;
    height: 16.67%;
    position: absolute;
    right: 33.33%;
    left: 33.33%;
    bottom: 41.67%;
    top: 41.67%;
    overflow: visible;
}

.common-answers-messenger-logo3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.common-answers-vector3 {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
    overflow: visible;
}

.common-answers-vector4 {
    width: 75%;
    height: 75%;
    position: absolute;
    right: -62.51%;
    left: 87.51%;
    bottom: 12.49%;
    top: 12.51%;
    transform: translate(-19px, -1px);
    overflow: visible;
}

.common-answers-group-42 {
    width: 33.33%;
    height: 16.67%;
    position: absolute;
    right: 33.33%;
    left: 33.33%;
    bottom: 41.67%;
    top: 41.67%;
    overflow: visible;
}

.common-answers-messenger-logo4 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}

.common-answers-vector5 {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
    overflow: visible;
}

.common-answers-vector6 {
    width: 75%;
    height: 75%;
    position: absolute;
    right: -62.51%;
    left: 87.51%;
    bottom: 12.49%;
    top: 12.51%;
    transform: translate(-19px, -1px);
    overflow: visible;
}

.common-answers-group-43 {
    width: 33.33%;
    height: 16.67%;
    position: absolute;
    right: 33.33%;
    left: 33.33%;
    bottom: 41.67%;
    top: 41.67%;
    overflow: visible;
}

/* report */
.report-desctop-26,
.report-desctop-26 * {
    box-sizing: border-box;
}

.report-desctop-26 {
    background: var(--white, #ffffff);
    height: auto;
    position: relative;
}

.report-breadcamps {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 88px;
    top: 98px;
}

.report-div {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.report-icons-dot {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
}

.report-ellipse-1 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.report-ellipse-12 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}

.report-div2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}

.report-menu {
    height: 74px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(16px);
}

.report-logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 128px;
    top: 22px;
    overflow: hidden;
}

.report-smart-hire {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}

.report-user {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 88px;
    top: 50%;
    translate: 0 -50%;
}

.report-rectangle-14 {
    background: #ffffff;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
}

.report-icons-user-circle {
    width: 57.14%;
    height: 57.14%;
    position: absolute;
    right: 21.43%;
    left: 21.43%;
    bottom: 21.43%;
    top: 21.43%;
    overflow: visible;
}

.report-frame-22 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 106px;
    position: absolute;
    right: 138px;
    top: 50%;
    translate: 0 -50%;
}

.report-user-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}

.report-company-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}

.report-icons-menu-02 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 88px;
    top: 26px;
    overflow: visible;
}

.report-div3 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 36px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    left: 88px;
    top: 135px;
}

.report-div4 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 95%;
    position: absolute;
    left: 88px;
    top: 209px;
}

.report-tabs {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.report-tab {
    border-radius: 20px;
    padding: 10px 0px 10px 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.report-div5 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.report-div6 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    position: relative;
}

.report-frame-82 {
    background: #ffffff;
    border-radius: 24px;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 1px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    margin-bottom: 30px;
}

.report-frame-83 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.report-frame-28 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 802px;
    height: 42px;
    position: relative;
}

.report-button-2 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-radius: 10px;
    padding: 12px 14px 12px 12px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.report-icons-brain {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}

.report-div7 {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.report-div8 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 140%;
    font-weight: 400;
    position: relative;
    flex: 1;
}

.report-button-22 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-width: 1.6px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    padding: 10px 16px 10px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.report-div9 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
}

.report-frame-84 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 100%;
}

.report-textarea {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 100%;
    height: 320px;
    position: relative;
}

.report-textarea2 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: auto;
    height: auto;
    position: relative;
}

.report-placeholder {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex: 1;
    position: relative;
}

.report-placeholder2 {
    color: var(--gray, #aeb7c1);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    position: relative;
    flex: 1;
}

.report-select {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 320px;
    height: 48px;
    position: relative;
}

.report-placeholder3 {
    display: block;
    height: 32px;
    position: absolute;
    width: auto;
    right: 10px;
    left: 10px;
}

.report-icons-arrow {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}

.report-modal {
    background: #ffffff;
    border-radius: 16px;
    border-style: solid;
    border-color: var(--gray-light, #e3e9f1);
    border-width: 1px;
    padding: 18px 24px 18px 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
}

.report-frame-57 {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.report-div10 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 18px;
    line-height: 150%;
    font-weight: 500;
    position: relative;
}

.report-select2 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #aeb7c1);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: 48px;
    position: relative;
}

.report-icons-arrow2 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}

.report-frame-41 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}

.report-frame-54 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}

.report-frame-70 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    cursor: pointer;
}

.report-button-1 {
    background: var(--gray-light, #e3e9f1);
    border-radius: 10px;
    padding: 12px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.report-button-1-active {
    background: var(--gradient-1, linear-gradient(106.77deg, rgba(44, 193, 246, 1) 0.9999999776482582%, rgba(50, 136, 234, 1) 100%));
    border-radius: 10px;
    padding: 12px 16px 13px 16px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}

.button-register {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 300px;
    top: 535px;
    color: #3090EC;
    font-weight: bold;
}

/* tooltip */
.main-tooltip,
.main-tooltip * {
    box-sizing: border-box;
}
.main-tooltip {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    border-radius: 12px;
    box-shadow: var(
            --shadow-box-shadow,
            5px 5px 16px 4px rgba(174, 183, 193, 0.4)
    );
    top: 40px;
    z-index: 99999;
}
.main-tooltip-arrow {
    flex-shrink: 0;
    width: 32px;
    height: 4px;
    position: relative;
    overflow: visible;
}
.main-tooltip-body {
    background: var(--black, #00000a);
    border-radius: 12px;
    padding: 10px 10px 10px 10px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    box-shadow: var(
            --shadow-box-shadow,
            5px 5px 16px 4px rgba(174, 183, 193, 0.4)
    );
}
.main-tooltip-snackbar {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 116%;
    font-weight: 400;
    position: relative;
}

.rotating-container {
    position: relative;
    width: 24px;
    height: 24px;
}

.rotating-border {
    position: absolute;
    width: 100%;
    height: 100%;
    border-left: 2px solid #3090EC;
    border-right: 2px solid #3090EC;
    border-top: 2px solid white;
    border-bottom: 2px solid #3090EC;
    border-radius: 50%;
    animation: rotate 2s linear infinite;
}

.main-rotating-border {
    position: absolute;
    width: 100%;
    height: 100%;
    border-left: 3px solid #3090EC;
    border-right: 3px solid #3090EC;
    border-top: 3px solid white;
    border-bottom: 3px solid #3090EC;
    border-radius: 50%;
    animation: rotate 2s linear infinite;
}

.static-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

input[type="checkbox"]:focus {
    outline: none;
    border-radius: 0 !important;
    box-shadow: 0 0 0 2px #2196f3;
}

.hh-message-input:focus {
    border-radius: 5px !important;
    width: 50% !important;
}

.spinner-wrapper {
    z-index: 99999;
}

.candidates-screener-desctop-44,
.candidates-screener-desctop-44 * {
    box-sizing: border-box;
}
.candidates-screener-desctop-44 {
    background: var(--white, #ffffff);
    height: 1091px;
    position: relative;
    overflow: hidden;
}
.candidates-screener-breadcamps {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 88px;
    top: 98px;
}
.candidates-screener-div {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}
.candidates-screener-icons-dot {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
}
.candidates-screener-ellipse-1 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}
.candidates-screener-ellipse-12 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--gray-light, #ced4dd);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}
.candidates-screener-div2 {
    color: var(--gray, #a8b0b9);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}
.candidates-screener-menu {
    height: 74px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(16px);
}
.candidates-screener-logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 128px;
    top: 22px;
    overflow: hidden;
}
.candidates-screener-smart-hire {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}
.candidates-screener-user {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 88px;
    top: 50%;
    translate: 0 -50%;
}
.candidates-screener-rectangle-14 {
    background: #ffffff;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
}
.candidates-screener-icons-user-circle {
    width: 57.14%;
    height: 57.14%;
    position: absolute;
    right: 21.43%;
    left: 21.43%;
    bottom: 21.43%;
    top: 21.43%;
    overflow: visible;
}
.candidates-screener-frame-22 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 106px;
    position: absolute;
    right: 138px;
    top: 50%;
    translate: 0 -50%;
}
.candidates-screener-user-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}
.candidates-screener-company-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}
.candidates-screener-icons-menu-02 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 88px;
    top: 26px;
    overflow: visible;
}
.candidates-screener-frame-138 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 1264px;
    position: absolute;
    left: 88px;
    top: 202px;
}
.candidates-screener-table-header-default {
    padding: 0px 24px 0px 24px;
    flex-shrink: 0;
    width: 1264px;
    height: 16px;
    position: relative;
}
.candidates-screener-header {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 16px;
    top: 0px;
    cursor: pointer;
}
.candidates-screener-div3 {
    color: var(--gray, #a8b0b9);
    text-align: left;
    font-family: "Inter-Bold", sans-serif;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0.02em;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}
.candidates-screener-header2 {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 458px;
    top: 0px;
    cursor: pointer;
}
.candidates-screener-div4 {
    color: var(--gray, #a8b0b9);
    text-align: left;
    font-family: "Inter-Bold", sans-serif;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: 0.02em;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}
.candidates-screener-header3 {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 546px;
    top: 0px;
    cursor: pointer;
}
.candidates-screener-header4 {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 666px;
    top: 0px;
}
.candidates-screener-header5 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-end;
    height: 16px;
    position: absolute;
    left: 908px;
    top: 0;
    cursor: pointer;
}
.candidates-screener-div5 {
    color: var(--gray, #a8b0b9);
    text-align: right;
    font-family: "Inter-Bold", sans-serif;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: 0.02em;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}
.candidates-screener-header6 {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 163px;
    top: 0px;
    cursor: pointer;
}
.candidates-screener-div6 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Bold", sans-serif;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: 0.02em;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
}
.candidates-screener-icons-arrow {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.candidates-screener-header7 {
    display: flex;
    flex-direction: row;
    gap: 0px;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    left: 306px;
    top: 0px;
    cursor: pointer;
}
.candidates-screener-header8 {
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: center;
    justify-content: flex-start;
    height: 16px;
    position: absolute;
    right: 90px;
    top: 0;
}
.candidates-screener-frame-145 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
    width: 95%;
    margin-bottom: 100px
}
.candidates-screener-line {
    background: var(--white, #ffffff);
    border-radius: 20px;
    border-style: solid;
    border-color: var(--gray-light, #ced4dd);
    border-width: 1px;
    padding: 8px 16px 8px 16px;
    flex-shrink: 0;
    display: grid;
    gap: 8px;
    row-gap: 0px;
    position: relative;
    overflow: hidden;
    grid-template-columns: 32px 127px 259px 80px 80px 24px 360px 143px;
    grid-template-rows: 72px;
}
.candidates-screener-frame-149 {
    width: 32px;
    height: 72px;
    position: relative;
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}
.candidates-screener-icons-image {
    border-radius: 2px;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    aspect-ratio: 1;
}
.candidates-screener-rectangle-15 {
    border-radius: 2px;
    width: 83.33%;
    height: 83.33%;
    position: absolute;
    right: 8.33%;
    left: 8.33%;
    bottom: 8.33%;
    top: 8.33%;
}
.candidates-screener-rectangle-152 {
    border-radius: 16px;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0px;
    top: 40px;
    object-fit: cover;
    aspect-ratio: 1;
}
.candidates-screener-frame-140 {
    display: grid;
    gap: 8px;
    position: relative;
    overflow: hidden;
    aspect-ratio: 206.77/72;
    grid-template-columns: 99px minmax(0, 1fr);
    grid-template-rows: 32px 32px;
    grid-column: 2 / span 1;
    grid-row: 1 / span 1;
    width: 400px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.candidates-screener-div7 {
    color: #3090EC;
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 18px;
    line-height: 147%;
    font-weight: 500;
    position: relative;
    width: 200px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}
.candidates-screener-div7:visited {
    color: #B35CED;
}
.candidates-screener-pagination-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0 100px 0 180px;
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}
.candidates-screener-_9-999-999 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    line-height: 132%;
    font-weight: 600;
    position: absolute;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    left: 100px;
}
.candidates-screener-_27 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    line-height: 132%;
    font-weight: 600;
    position: relative;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
}
.candidates-screener-frame-147 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    position: relative;
    grid-column: 5 / span 1;
    grid-row: 1 / span 1;
}
.candidates-screener-icons-check-circle {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}
.candidates-screener-frame-144 {
    height: 68px;
    position: relative;
    grid-column: 8 / span 1;
    grid-row: 1 / span 1;
}
.candidates-screener-frame-141 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 0px;
    top: 8px;
}
.candidates-screener-icons-phone {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
.candidates-screener-_7-999-123-45-67 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.candidates-screener-frame-142 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 0px;
    top: 28px;
}
.candidates-screener-icons-telegram-logo {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
.candidates-screener-username {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.candidates-screener-frame-143 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 0px;
    top: 48px;
}
.candidates-screener-icons-instagram-logo {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
.candidates-screener-instauser {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.candidates-screener-_20-06-2025 {
    color: var(--gray, #a8b0b9);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: absolute;
    right: 170px;
    bottom: 8px;
    grid-column: 0 / span 1;
    grid-row: 0 / span 1;
}
.candidates-screener-frame-150 {
    width: 428px;
    position: relative;
    grid-column: 7 / span 1;
    grid-row: 1 / span 1;
}
.candidates-screener-div8 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 132%;
    font-weight: 400;
    left: 0;
    top: 7px;
    width: 360px;
    height: 55px;
    padding-bottom: 20px;
    overflow: hidden;
}

.show-argumentation {
    height: auto;
    grid-template-rows: auto;
}

.candidates-screener-frame-151 {
    width: 24px;
    height: 72px;
    position: relative;
    grid-column: 6 / span 1;
    grid-row: 1 / span 1;
}
.candidates-screener-icons-ai {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 6px;
    overflow: visible;
    cursor: pointer;
}
.candidates-screener-icons-chevron {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 38px;
    overflow: visible;
    aspect-ratio: 1;
    cursor: pointer;
}
.candidates-screener-frame-152 {
    width: 180px;
    height: 72px;
    position: relative;
    grid-column: 3 / span 1;
    grid-row: 1 / span 1;
    left: 105px;
}
.candidates-screener-div9 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    line-height: 132%;
    font-weight: 600;
    position: relative;
    right: 20px;
    top: 47px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.candidates-screener-frame-146 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    position: relative;
    grid-column: 4 / span 1;
    grid-row: 1 / span 1;
}
.candidates-screener-icons-check-circle2 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}
.candidates-screener-rectangle-153 {
    width: 83.33%;
    height: 83.33%;
    position: absolute;
    right: 8.33%;
    left: 8.33%;
    bottom: 8.33%;
    top: 8.33%;
    object-fit: cover;
}
.candidates-screener-icons-check-circle3 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}
.candidates-screener-frame-1512 {
    width: 24px;
    height: 62px;
    position: relative;
    grid-column: 6 / span 1;
    grid-row: 1 / span 1;
}
.candidates-screener-icons-ai2 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 6px;
    overflow: visible;
}
.candidates-screener-icons-chevron2 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 38px;
    overflow: visible;
    aspect-ratio: 1;
}
.candidates-screener-frame-1522 {
    height: 72px;
    position: relative;
    grid-column: 3 / span 1;
    grid-row: 1 / span 1;
}
.candidates-screener-div10 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    line-height: 147%;
    font-weight: 600;
    position: absolute;
    right: 56px;
    top: 45px;
}
.candidates-screener-icons-check-circle4 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}
.candidates-screener-div11 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 18px;
    line-height: 147%;
    font-weight: 500;
    position: relative;
    width: 200px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-column: 1 / span 1;
    grid-row: 1 / span 1;
}
.candidates-screener-_9-999-9992 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    line-height: 147%;
    font-weight: 600;
    position: relative;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-column: 2 / span 1;
    grid-row: 2 / span 1;
}
.candidates-screener-_272 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    line-height: 147%;
    font-weight: 600;
    position: relative;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    grid-column: 1 / span 1;
    grid-row: 2 / span 1;
}
.candidates-screener-icons-phone2 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
.candidates-screener-icons-telegram-logo2 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
.candidates-screener-icons-instagram-logo2 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
.candidates-screener-icons-check-circle5 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}
.candidates-screener-icons-phone3 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
.candidates-screener-icons-telegram-logo3 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
.candidates-screener-icons-instagram-logo3 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
.candidates-screener-icons-ai3 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 6px;
    overflow: visible;
}
.candidates-screener-icons-chevron3 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 38px;
    overflow: visible;
    aspect-ratio: 1;
}
.candidates-screener-div12 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    line-height: 132%;
    font-weight: 600;
    position: absolute;
    right: 97px;
    top: 47px;
}
.candidates-screener-icons-check-circle6 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}
.candidates-screener-icons-check-circle7 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}
.candidates-screener-icons-phone4 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
.candidates-screener-icons-telegram-logo4 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
.candidates-screener-icons-instagram-logo4 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}
.candidates-screener-icons-ai4 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0px;
    top: 6px;
    overflow: visible;
}
.candidates-screener-icons-chevron4 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 38px;
    overflow: visible;
    aspect-ratio: 1;
}
.candidates-screener-div13 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    line-height: 132%;
    font-weight: 600;
    position: absolute;
    right: 90px;
    top: 47px;
}
.candidates-screener-icons-check-circle8 {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}
.candidates-screener-bottom-pagination {
    background: #ffffff;
    padding: 16px 0px 16px 0px;
    width: 93%;
    height: 64px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    box-shadow: var(
            --shadow-box-shadow,
            5px 5px 16px 4px rgba(174, 183, 193, 0.4)
    );
}
.candidates-screener-pagination {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 88px;
    top: 50%;
    translate: 0 -50%;
}
.candidates-screener-button {
    background: var(--white, #ffffff);
    border-radius: 12px;
    border-width: 2px;
    border-style: solid;
    border-image: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-image-slice: 1;
    padding: 8px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    position: relative;
}
.candidates-screener-icons-number {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
}
.candidates-screener-_1 {
    color: var(--text-1, #3090ec);
    text-align: center;
    font-family: "Inter-Medium", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 500;
    position: absolute;
    left: 50%;
    translate: -50%;
    top: 4px;
    width: 24px;
}
.candidates-screener-button-2 {
    background: var(--white, #ffffff);
    border-radius: 12px;
    padding: 8px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    position: relative;
}
.candidates-screener-button-3 {
    background: var(--white, #ffffff);
    border-radius: 12px;
    padding: 8px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    position: relative;
}
.candidates-screener-_21-03-2025-12-23 {
    color: var(--gray, #a8b0b9);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 116%;
    font-weight: 400;
    position: relative;
}
.candidates-screener-_24 {
    color: var(--black, #00000a);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 116%;
    font-weight: 400;
    position: relative;
    margin-right: 20px;
}
.candidates-screener-frame-193 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    left: 88px;
    top: 138px;
}
.candidates-screener-div14 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 32px;
    line-height: 116%;
    font-weight: 600;
    position: relative;
}
.candidates-screener-icons-edit {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}
.candidates-screener-top-bar {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    position: absolute;
    left: 990px;
    top: 138px;
}
.candidates-screener-button2 {
    background: var(--white, #ffffff);
    border-radius: 12px;
    padding: 8px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
}
.candidates-screener-icons-filter {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}
.candidates-screener-button3 {
    background: var(--white, #ffffff);
    border-radius: 12px;
    padding: 11px 12px 11px 10px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 40px;
    position: relative;
}
.candidates-screener-icons-arrow2 {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}
.candidates-screener-div15 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    position: relative;
}
.candidates-screener-button4 {
    background: var(--white, #ffffff);
    border-radius: 12px;
    padding: 11px 12px 11px 12px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: 40px;
    position: relative;
    cursor: pointer;
}

.candidates-screener-side-bar {
    background: var(--white, #ffffff);
    width: 460px;
    position: relative;
    left: 0;
    top: 0;
    box-shadow: var(
            --shadow-box-shadow,
            5px 5px 16px 4px rgba(174, 183, 193, 0.4)
    );
    z-index: 99999;
}
.candidates-screener-div16 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Unbounded-Medium", sans-serif;
    font-size: 24px;
    line-height: 116%;
    font-weight: 500;
    position: relative;
    left: 32px;
    top: 40px;
}
.candidates-screener-icons-close {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 16px;
    top: 16px;
    overflow: visible;
    cursor: pointer;
}
.candidates-screener-frame-182 {
    width: 404px;
    position: relative;
    left: 32px;
    margin-top: 70px;
    min-height: 100vh;
}
.candidates-screener-placeholder {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    width: 396px;
    position: relative;
    margin-top: 10px;
}
.candidates-screener-frame-118 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}
.candidates-screener-placeholder2 {
    color: var(--gray, #a8b0b9);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
    margin-top: 10px;
}
.candidates-screener-frame-66 {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.candidates-screener-text {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    position: relative;
    flex: 1;
}
.candidates-screener-placeholder3 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    margin-top: 10px;
}
.candidates-screener-frame-21 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    flex-wrap: wrap;
}
.candidates-screener-tag {
    background: var(--tag, #056ccf);
    border-radius: 6px;
    padding: 2px 4px 2px 4px;
    display: flex;
    flex-direction: row;
    gap: 2px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}
.candidates-screener-tag2 {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
}
.candidates-screener-placeholder4 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    margin-top: 10px;
}
.candidates-screener-placeholder5 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    margin-top: 10px;
}
.candidates-screener-placeholder6 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    margin-top: 10px;
}
.candidates-screener-placeholder7 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    margin-top: 10px;
}
.candidates-screener-placeholder8 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    width: 412px;
    position: relative;
    margin-top: 10px;
}
.candidates-screener-placeholder9 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    width: 432px;
    position: relative;
    margin-top: 10px;
}
.candidates-screener-placeholder10 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    margin-top: 10px;
}
.candidates-screener-placeholder11 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    margin-top: 10px;
}
.candidates-screener-placeholder12 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    margin-top: 10px;
}
.candidates-screener-bottom-pagination2 {
    background: #ffffff;
    padding: 16px 0px 16px 0px;
    width: 460px;
    height: 64px;
    position: absolute;
    left: 50%;
    translate: -50%;
    bottom: 0px;
    box-shadow: var(
            --shadow-box-shadow,
            5px 5px 16px 4px rgba(174, 183, 193, 0.4)
    );
}
.candidates-screener-button5 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-radius: 12px;
    padding: 11px 12px 11px 12px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    height: 40px;
    position: absolute;
    right: 16px;
    top: 50%;
    translate: 0 -50%;
    cursor: pointer;
}
.candidates-screener-div17 {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    position: relative;
}
.candidates-screener-side-bar2 {
    position: relative;
    width: 460px;
    margin-left: auto;
    background: var(--white, #ffffff);
    box-shadow: var(--shadow-box-shadow, 5px 5px 16px 4px rgba(174, 183, 193, 0.4));
    z-index: 99999;
    padding-bottom: 40px;
    box-sizing: border-box;
    top: 0;
}
.candidates-screener-frame-170 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 396px;
    position: relative;
    margin: 92px 0 0 32px;
}
.candidates-screener-icons-close2 {
    width: 24px;
    height: 24px;
    position: absolute;
    right: 16px;
    top: 16px;
    overflow: visible;
    cursor: pointer;
}
.candidates-screener-filter-sugestion {
    border-radius: 16px;
    border-style: solid;
    border-color: var(--gray-light, #ced4dd);
    border-width: 1px;
    padding: 8px 8px 8px 16px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.candidates-screener-filter-idea-filter-idea-filter-idea {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 147%;
    font-weight: 400;
    position: relative;
}
.candidates-screener-button6 {
    background: var(--white, #ffffff);
    border-radius: 12px;
    padding: 8px 12px 8px 12px;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
}
.candidates-screener-div18 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    line-height: 116%;
    font-weight: 600;
    position: relative;
}

.vacancy-screener-desctop-45,
.vacancy-screener-desctop-45 * {
    box-sizing: border-box;
}
.vacancy-screener-desctop-45 {
    background: var(--white, #ffffff);
    position: relative;
}
.vacancy-screener-frame-172 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 580px;
    position: absolute;
    left: 700px;
    top: 202px;
}
.vacancy-screener-div {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 24px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
    align-self: stretch;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.vacancy-screener-frame-167 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 600px;
    position: relative;
}
.vacancy-screener-div2 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 18px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
    align-self: stretch;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.vacancy-div222 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    position: relative;
    align-self: stretch;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    top: 10px;
}
.vacancy-screener-frame-165 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 580px;
    height: 48px;
    position: relative;
}
.vacancy-screener-select {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #a8b0b9);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 48px;
    position: relative;
}
.vacancy-screener-placeholder {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 32px;
    position: relative;
}
.vacancy-screener-placeholder2 {
    color: var(--gray, #a8b0b9);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    position: relative;
    flex: 1;
}
.vacancy-screener-icons-arrow {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-icons-arrow2 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-frame-166 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-icons-checkbox {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-div3 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    position: relative;
}
.vacancy-screener-frame-154 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-icons-checkbox2 {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-frame-163 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-end;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-frame-162 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-div4 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 18px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
    width: 200px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.vacancy-screener-input-base {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #a8b0b9);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: 48px;
    position: relative;
}
.vacancy-screener-select2 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #a8b0b9);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    min-height: 48px;
    position: relative;
}
.vacancy-screener-icons-arrow3 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-frame-169 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 580px;
    position: relative;
}
.vacancy-screener-frame-184 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-div5 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 18px;
    line-height: 125%;
    font-weight: 600;
    position: relative;
    width: 600px;
}
.vacancy-screener-input-base2 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #a8b0b9);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 580px;
    height: auto;
    position: relative;
}
.vacancy-screener-frame-183 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    height: auto;
    position: relative;
}
.vacancy-screener-div6 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 18px;
    line-height: 125%;
    font-weight: 600;
    position: relative;
    width: 600px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.vacancy-screener-icons-ai {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-frame-168 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-input-container {
    margin-top: -25px;
}
.vacancy-screener-input-label {
    position: relative;
    top: 19px;
    left: 13px;
    font-size: 12px;
    color: #aeb7c1;
    z-index: 1;
}
.vacancy-screener-select3 {
    box-sizing: border-box;
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #a8b0b9);
    border-width: 0.5px;
    padding: 0 12px 0 12px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 580px;
    min-height: 48px;
    position: relative;
}
.vacancy-screener-icons-arrow4 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-icons-arrow5 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-icons-arrow6 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-frame-158 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    margin-bottom: 100px;
}
.vacancy-screener-frame-156 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-frame-155 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-icons-checkbox3 {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-frame-153 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-icons-checkbox4 {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-icons-checkbox5 {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-frame-1562 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-icons-checkbox6 {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-frame-164 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
    width: 580px;
    position: absolute;
    left: 88px;
    top: 202px;
}
.vacancy-screener-frame-161 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-frame-157 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 184px;
    position: relative;
}
.vacancy-screener-div7 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 125%;
    font-weight: 600;
    position: relative;
    align-self: stretch;
}
.vacancy-screener-frame-1563 {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-frame-1552 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-icons-checkbox7 {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}

.vacancy-screener-icons-checkbox8 {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-frame-1722 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-frame-1622 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    width: 580px;
    height: 24px;
    position: relative;
}
.vacancy-screener-div8 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 18px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
    width: 231px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.vacancy-screener-icons-checkbox9 {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-icons-arrow7 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-icons-arrow8 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-icons-arrow9 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-icons-arrow10 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-icons-arrow11 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-frame-173 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-frame-191 {
    padding: 4px 0px 4px 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-div9 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 18px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
    width: 286px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.vacancy-screener-icons-arrow12 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-icons-arrow13 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-icons-arrow14 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-frame-171 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-frame-1672 {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 600px;
    position: relative;
}
.vacancy-screener-frame-192 {
    padding: 4px 0px 4px 0px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
}
.vacancy-screener-div10 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 18px;
    line-height: 125%;
    font-weight: 600;
    position: relative;
    width: 200px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.vacancy-screener-icons-arrow15 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-icons-arrow16 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-frame-1632 {
    padding: 8px 0px 0px 0px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    row-gap: 16px;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-content: flex-end;
    align-self: stretch;
    flex-shrink: 0;
    position: relative;
    margin-bottom: 100px;
}
.vacancy-screener-icons-checkbox10 {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-frame-1662 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}
.vacancy-screener-input-base3 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #a8b0b9);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 48px;
    position: relative;
}
.vacancy-screener-input-base::placeholder {
    font-size: 14px;
    color: #A8B0B9;
}
.vacancy-screener-input-base3::placeholder {
    font-size: 14px;
    color: #A8B0B9;
}
.vacancy-screener-select4 {
    background: var(--white, #ffffff);
    border-radius: 10px;
    border-style: solid;
    border-color: var(--gray, #a8b0b9);
    border-width: 0.5px;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    width: 160px;
    height: 48px;
    position: relative;
}
.vacancy-screener-placeholder3 {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    flex: 1;
    height: 20px;
    position: relative;
}
.vacancy-screener-frame-118 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
    position: relative;
}
.vacancy-screener-placeholder4 {
    color: var(--gray, #a8b0b9);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}
.vacancy-screener-frame-66 {
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: flex-start;
    justify-content: flex-start;
    align-self: stretch;
    flex-shrink: 0;
    height: 20px;
    position: relative;
}
.vacancy-screener-text {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 125%;
    font-weight: 400;
    position: relative;
    flex: 1;
}
.vacancy-screener-icons-arrow17 {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-breadcamps {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    left: 88px;
    top: 98px;
}
.vacancy-screener-div11 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}
.vacancy-screener-icons-dot {
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    position: relative;
}
.vacancy-screener-ellipse-1 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}
.vacancy-screener-ellipse-12 {
    border-radius: 50%;
    border-style: solid;
    border-color: var(--gray-light, #ced4dd);
    border-width: 2px;
    width: 25%;
    height: 25%;
    position: absolute;
    right: 37.5%;
    left: 37.5%;
    bottom: 37.5%;
    top: 37.5%;
}
.vacancy-screener-div12 {
    color: var(--gray, #a8b0b9);
    text-align: left;
    font-family: "Inter-Regular", sans-serif;
    font-size: 14px;
    line-height: 115%;
    font-weight: 400;
    position: relative;
}
.vacancy-screener-div13 {
    color: var(--black, #00000a);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 32px;
    line-height: 116%;
    font-weight: 600;
    position: absolute;
    left: 88px;
    top: 138px;
}
.vacancy-screener-menu {
    height: 74px;
    position: absolute;
    right: 0px;
    left: 0px;
    top: 0px;
    backdrop-filter: blur(16px);
}
.vacancy-screener-logo {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 128px;
    top: 22px;
    overflow: hidden;
}
.vacancy-screener-smart-hire {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Unbounded-SemiBold", sans-serif;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    position: relative;
}
.vacancy-screener-user {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 88px;
    top: 50%;
    translate: 0 -50%;
}
.vacancy-screener-rectangle-14 {
    background: #ffffff;
    border-radius: 60px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1px;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0%;
    left: 0%;
    bottom: 0%;
    top: 0%;
}
.vacancy-screener-icons-user-circle {
    width: 57.14%;
    height: 57.14%;
    position: absolute;
    right: 21.43%;
    left: 21.43%;
    bottom: 21.43%;
    top: 21.43%;
    overflow: visible;
}
.vacancy-screener-frame-22 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    justify-content: flex-start;
    width: 106px;
    position: absolute;
    right: 138px;
    top: 50%;
    translate: 0 -50%;
}
.vacancy-screener-user-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Medium", sans-serif;
    font-size: 14px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    align-self: stretch;
}
.vacancy-screener-company-name {
    color: var(--text-1, #3090ec);
    text-align: right;
    font-family: "Inter-Regular", sans-serif;
    font-size: 12px;
    line-height: 100%;
    font-weight: 400;
    position: relative;
    align-self: stretch;
}
.vacancy-screener-icons-menu-02 {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 88px;
    top: 26px;
    overflow: visible;
}
.vacancy-screener-hh-ru-1090 {
    text-align: right;
    font-family: "Inter-Medium", sans-serif;
    font-size: 16px;
    line-height: 116%;
    font-weight: 500;
    position: absolute;
    right: 255px;
    top: 148px;
}
.vacancy-screener-hh-ru-1090-span {
    color: var(--gray, #a8b0b9);
}
.vacancy-screener-hh-ru-1090-span2 {
    color: var(--black, #00000a);
}
.vacancy-screener-button {
    background: var(--white, #ffffff);
    border-radius: 12px;
    padding: 11px 12px 11px 10px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    height: 40px;
    position: absolute;
    right: 130px;
    top: 138px;
    cursor: help;
}
.vacancy-screener-icon-info {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-div14 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    position: relative;
}
.vacancy-screener-button-2 {
    background: var(--white, #ffffff);
    border-radius: 12px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    border-width: 1.6px;
    padding: 11px 12px 11px 12px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    height: 40px;
    position: absolute;
    right: 0;
    top: 138px;
    cursor: pointer;
}
.vacancy-screener-icons-filter {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
}
.vacancy-screener-div15 {
    color: var(--text-1, #3090ec);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    position: relative;
}
.vacancy-screener-bottom-pagination {
    background: #ffffff;
    padding: 16px 0 16px 0;
    width: 100%;
    height: 70px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
}
.vacancy-screener-button2 {
    background: var(
            --gradient-1,
            linear-gradient(
                    106.77deg,
                    rgba(44, 193, 246, 1) 0.9999999776482582%,
                    rgba(50, 136, 234, 1) 100%
            )
    );
    border-radius: 12px;
    padding: 11px 12px 11px 12px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    height: 40px;
    position: absolute;
    right: 88px;
    top: 50%;
    translate: 0 -50%;
    cursor: pointer;
}
.vacancy-screener-div16 {
    color: var(--white, #ffffff);
    text-align: left;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    line-height: 130%;
    font-weight: 600;
    position: relative;
}
.vacancy-screener-button-22 {
    background: var(--white, #ffffff);
    border-radius: 12px;
    border-width: 1.6px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    padding: 11px 12px 11px 12px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    height: 40px;
    position: absolute;
    right: 256px;
    top: 50%;
    translate: 0 -50%;
    cursor: pointer;
}
.vacancy-screener-button-3 {
    background: var(--white, #ffffff);
    border-radius: 12px;
    border-width: 1.6px;
    border-style: solid;
    border-color: var(--text-1, #3090ec);
    padding: 11px 12px 11px 12px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    justify-content: center;
    height: 40px;
    position: absolute;
    left: 175px;
    top: 50%;
    translate: 0 -50%;
    cursor: pointer;
}
.vacancy-screener-button-4 {
    background: var(--white, #ffffff);
    border-radius: 12px;
    padding: 11px 12px 11px 10px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    align-items: center;
    justify-content: center;
    height: 40px;
    position: absolute;
    left: 370px;
    top: 50%;
    translate: 0 -50%;
    cursor: pointer;
}
.vacancy-screener-icons-star {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    position: relative;
    overflow: visible;
    aspect-ratio: 1;
}

.close-modal {
    cursor: pointer;
}

/* fonts */
@font-face {
    font-family: "Unbounded-Regular";
    src: url("../fonts/unbounded/Unbounded-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "Unbounded-Medium";
    src: url("../fonts/unbounded/Unbounded-Medium.ttf") format("truetype");
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "Unbounded-Bold";
    src: url("../fonts/unbounded/Unbounded-Bold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
}

/* mobile */
@media (width < 480px) {
    .leonardo-phoenix-09-a-modern-futuristic-trainer-stands-in-a-sl-0-photoroom-1 {
        width: 504px;
        height: 474px;
        position: absolute;
        right: -90px;
        top: 350px;
    }

    .rectangle-841 {
        right: 0;
        height: 100%;
    }

    .group-1-text {
        display: none;
    }

    .union {
        display: none;
    }

    .vector {
        right: 0;
        left: 15px;
        top: 630px;
    }

    .form-login {
        left: 60px;
    }

    .input-base {
        left: 60px;
        width: 280px;
    }

    .input-base2 {
        left: 60px;
        width: 280px;
    }

    .frame-60 {
        left: 60px;
    }

    .button-1 {
        left: 60px;
    }

    .logo {
        left: 5px;
    }

    .cabinet-frame {
        right: 50px;
    }

    .cabinet-user {
        right: 0;
    }

    .cabinet-icons-menu {
        left: 5px;
    }

    .cabinet-logo {
        left: 50px;
    }

    .cabinet-frame-11 {
        display: block;
        position: static;
        margin-top: 20%;
        margin-left: 5%;
    }

    .cabinet-rectangle-841 {
        display: none;
    }

    .cabinet-leonardo-phoenix-09-a-modern-futuristic-trainer-stands-in-a-sl-2-photoroom-1 {
        display: none;
    }

    .cabinet-group-2 {
        display: none;
    }

    .cabinet-dashboard-2 {
        margin-top: 5%;
    }

    .cabinet-dashboard-12 {
        position: static;
        margin-top: 5%;
        margin-left: 5%;
    }
}