@keyframes pulse {
    0% {
        border-color: #4E91F6;
        box-shadow: 0 0 0 0 rgba(171, 201, 245, 0.7);
    }

    70% {
        border-color: #4E91F6;
        box-shadow: 0 0 0 0.75rem rgba(171, 201, 245, 0);
    }

    100% {
        border-color: #4E91F6;
        box-shadow: 0 0 0 0 rgba(171, 201, 245, 0);
    }
}

.btn_text {
    gap: 0.219rem;
}

.text {
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
}

.text_none {
    display: none;
}

@media only screen and (min-width: 23.437rem) {
    .text_xs-none {
        display: none;
    }
}

@media only screen and (min-width: 47.937rem) {
    .text_sm-none {
        display: none;
    }
}

@media only screen and (min-width: 79.937rem) {
    .text_md-none {
        display: none;
    }
}

@media only screen and (min-width: 83.437rem) {
    .text_lg-none {
        display: none;
    }
}

@media only screen and (min-width: 89.937rem) {
    .text_xl-none {
        display: none;
    }
}

@media only screen and (min-width: 119.937rem) {
    .text_2xl-none {
        display: none;
    }
}

.text_block {
    display: block;
}

@media only screen and (min-width: 23.437rem) {
    .text_xs-block {
        display: block;
    }
}

@media only screen and (min-width: 47.937rem) {
    .text_sm-block {
        display: block;
    }
}

@media only screen and (min-width: 79.937rem) {
    .text_md-block {
        display: block;
    }
}

@media only screen and (min-width: 83.437rem) {
    .text_lg-block {
        display: block;
    }
}

@media only screen and (min-width: 89.937rem) {
    .text_xl-block {
        display: block;
    }
}

@media only screen and (min-width: 119.937rem) {
    .text_2xl-block {
        display: block;
    }
}

.logo {
    display: flex;
    gap: 1rem;
    align-items: center;
    text-decoration: none;
    height: -moz-fit-content;
    height: fit-content;
}

@media only screen and (max-width: 47.937rem) {
    .logo {
        gap: 0.5rem;
    }
}

.logo__square {
    width: -moz-fit-content;
    width: fit-content;
    height: 2rem;
}

.logo__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    height: 2rem;
    width: unset;
}

@media only screen and (max-width: 47.937rem) {
    .logo__image {
        height: 1.75rem;
    }
}

.logo__text {
    color: var(--qn-neutral-800);
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 600;
}

@media only screen and (max-width: 47.937rem) {
    .logo__text {
        color: var(--qn-neutral-800);
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 600;
    }
}

.rating {
    display: flex;
    max-width: 100%;
    gap: 0.125rem;
    align-items: center;
}

.rating__score {
    color: var(--qn-warning-600);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 79.937rem) {
    .rating__score {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 600;
    }
}

.rating__starts {
    display: inherit;
    gap: inherit;
}

.rating__starts .icon {
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: #EF9600;
}

@media only screen and (max-width: 79.937rem) {
    .rating__starts .icon {
        font-size: 1rem;
        line-height: 1rem;
    }
}

.rating__starts .icon_half {
    background: linear-gradient(to right, #EF9600 50%, rgba(239, 150, 0, 0.2) 50%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.rating__starts .icon_quarter {
    background: linear-gradient(to right, #EF9600 32%, rgba(239, 150, 0, 0.2) 32%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.rating__starts .icon_three-quarter {
    background: linear-gradient(to right, #EF9600 68%, rgba(239, 150, 0, 0.2) 68%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

.rating__total {
    color: var(--qn-neutral-500);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 79.937rem) {
    .rating__total {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 400;
    }
}

.glide_negative-margin-active {
    --kl-glide-negative-margin-space: -1rem;
    margin-left: var(--kl-glide-negative-margin-space);
    margin-right: var(--kl-glide-negative-margin-space);
    width: calc(100% + var(--kl-glide-negative-margin-space) * -2);
}

@media only screen and (min-width: 23.437rem) {
    .glide_negative-margin-xs-active {
        --kl-glide-negative-margin-space: -1rem;
        margin-left: var(--kl-glide-negative-margin-space);
        margin-right: var(--kl-glide-negative-margin-space);
        width: calc(100% + var(--kl-glide-negative-margin-space) * -2);
    }
}

@media only screen and (min-width: 47.937rem) {
    .glide_negative-margin-sm-active {
        --kl-glide-negative-margin-space: -1rem;
        margin-left: var(--kl-glide-negative-margin-space);
        margin-right: var(--kl-glide-negative-margin-space);
        width: calc(100% + var(--kl-glide-negative-margin-space) * -2);
    }
}

@media only screen and (min-width: 79.937rem) {
    .glide_negative-margin-md-active {
        --kl-glide-negative-margin-space: -1rem;
        margin-left: var(--kl-glide-negative-margin-space);
        margin-right: var(--kl-glide-negative-margin-space);
        width: calc(100% + var(--kl-glide-negative-margin-space) * -2);
    }
}

@media only screen and (min-width: 83.437rem) {
    .glide_negative-margin-lg-active {
        --kl-glide-negative-margin-space: -1rem;
        margin-left: var(--kl-glide-negative-margin-space);
        margin-right: var(--kl-glide-negative-margin-space);
        width: calc(100% + var(--kl-glide-negative-margin-space) * -2);
    }
}

@media only screen and (min-width: 89.937rem) {
    .glide_negative-margin-xl-active {
        --kl-glide-negative-margin-space: -1rem;
        margin-left: var(--kl-glide-negative-margin-space);
        margin-right: var(--kl-glide-negative-margin-space);
        width: calc(100% + var(--kl-glide-negative-margin-space) * -2);
    }
}

@media only screen and (min-width: 119.937rem) {
    .glide_negative-margin-2xl-active {
        --kl-glide-negative-margin-space: -1rem;
        margin-left: var(--kl-glide-negative-margin-space);
        margin-right: var(--kl-glide-negative-margin-space);
        width: calc(100% + var(--kl-glide-negative-margin-space) * -2);
    }
}

.glide_negative-margin-inactive {
    --kl-glide-negative-margin-space: 0rem;
    margin-left: var(--kl-glide-negative-margin-space);
    margin-right: var(--kl-glide-negative-margin-space);
    width: calc(100% + var(--kl-glide-negative-margin-space) * -2);
}

@media only screen and (min-width: 23.437rem) {
    .glide_negative-margin-xs-inactive {
        --kl-glide-negative-margin-space: 0rem;
        margin-left: var(--kl-glide-negative-margin-space);
        margin-right: var(--kl-glide-negative-margin-space);
        width: calc(100% + var(--kl-glide-negative-margin-space) * -2);
    }
}

@media only screen and (min-width: 47.937rem) {
    .glide_negative-margin-sm-inactive {
        --kl-glide-negative-margin-space: 0rem;
        margin-left: var(--kl-glide-negative-margin-space);
        margin-right: var(--kl-glide-negative-margin-space);
        width: calc(100% + var(--kl-glide-negative-margin-space) * -2);
    }
}

@media only screen and (min-width: 79.937rem) {
    .glide_negative-margin-md-inactive {
        --kl-glide-negative-margin-space: 0rem;
        margin-left: var(--kl-glide-negative-margin-space);
        margin-right: var(--kl-glide-negative-margin-space);
        width: calc(100% + var(--kl-glide-negative-margin-space) * -2);
    }
}

@media only screen and (min-width: 83.437rem) {
    .glide_negative-margin-lg-inactive {
        --kl-glide-negative-margin-space: 0rem;
        margin-left: var(--kl-glide-negative-margin-space);
        margin-right: var(--kl-glide-negative-margin-space);
        width: calc(100% + var(--kl-glide-negative-margin-space) * -2);
    }
}

@media only screen and (min-width: 89.937rem) {
    .glide_negative-margin-xl-inactive {
        --kl-glide-negative-margin-space: 0rem;
        margin-left: var(--kl-glide-negative-margin-space);
        margin-right: var(--kl-glide-negative-margin-space);
        width: calc(100% + var(--kl-glide-negative-margin-space) * -2);
    }
}

@media only screen and (min-width: 119.937rem) {
    .glide_negative-margin-2xl-inactive {
        --kl-glide-negative-margin-space: 0rem;
        margin-left: var(--kl-glide-negative-margin-space);
        margin-right: var(--kl-glide-negative-margin-space);
        width: calc(100% + var(--kl-glide-negative-margin-space) * -2);
    }
}

.glide__glides_left-margin-active {
    margin-left: 1rem;
}

@media only screen and (min-width: 23.437rem) {
    .glide__glides_left-margin-xs-active {
        margin-left: 1rem;
    }
}

@media only screen and (min-width: 47.937rem) {
    .glide__glides_left-margin-sm-active {
        margin-left: 1rem;
    }
}

@media only screen and (min-width: 79.937rem) {
    .glide__glides_left-margin-md-active {
        margin-left: 1rem;
    }
}

@media only screen and (min-width: 83.437rem) {
    .glide__glides_left-margin-lg-active {
        margin-left: 1rem;
    }
}

@media only screen and (min-width: 89.937rem) {
    .glide__glides_left-margin-xl-active {
        margin-left: 1rem;
    }
}

@media only screen and (min-width: 119.937rem) {
    .glide__glides_left-margin-2xl-active {
        margin-left: 1rem;
    }
}

.glide__glides_left-margin-inactive {
    margin-left: unset;
}

@media only screen and (min-width: 23.437rem) {
    .glide__glides_left-margin-xs-inactive {
        margin-left: unset;
    }
}

@media only screen and (min-width: 47.937rem) {
    .glide__glides_left-margin-sm-inactive {
        margin-left: unset;
    }
}

@media only screen and (min-width: 79.937rem) {
    .glide__glides_left-margin-md-inactive {
        margin-left: unset;
    }
}

@media only screen and (min-width: 83.437rem) {
    .glide__glides_left-margin-lg-inactive {
        margin-left: unset;
    }
}

@media only screen and (min-width: 89.937rem) {
    .glide__glides_left-margin-xl-inactive {
        margin-left: unset;
    }
}

@media only screen and (min-width: 119.937rem) {
    .glide__glides_left-margin-2xl-inactive {
        margin-left: unset;
    }
}

.glide__arrow {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    border-radius: 50%;
    background: var(--kl-glider-back-color, var(--qn-neutral-700));
    filter: drop-shadow(0 0 1.25rem rgba(77, 77, 77, 0.1));
    opacity: 1;
    cursor: pointer;
    transition: opacity 150ms ease, border 300ms ease-in-out;
    top: 176px;
    width: 3.25rem;
    height: 3.25rem;
    border: none;
}

@media only screen and (max-width: 47.937rem) {
    .glide__arrow {
        width: 2.25rem;
        height: 2.25rem;
    }
}

.glide__arrow .icon {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--kl-glider-back-color, var(--qn-neutral-800));
    border-radius: inherit;
    font-size: 2rem;
    line-height: 2rem;
    color: var(--kl-glider-icon-color, var(--qn-white));
    transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

@media only screen and (max-width: 47.937rem) {
    .glide__arrow .icon {
        font-size: 1.5rem;
        line-height: 1.5rem;
    }
}

.glide__arrow--left:disabled,
.glide__arrow--right:disabled {
    opacity: 0;
    pointer-events: none;
}

.glide__arrow--left {
    transform: translateX(-50%);
    left: 0;
}

@media only screen and (max-width: 79.937rem) {
    .glide__arrow--left {
        transform: none;
        left: 1rem;
    }
}

.glide__arrow--left:hover .icon {
    transform: translateX(-0.25rem);
}

.glide__arrow--right {
    transform: translateX(50%);
    right: 0;
}

@media only screen and (max-width: 79.937rem) {
    .glide__arrow--right {
        transform: none;
        right: 1rem;
    }
}

.glide__arrow--right:hover .icon {
    transform: translateX(0.25rem);
}

.glide__arrows_d-flex {
    display: flex;
}

@media only screen and (min-width: 23.437rem) {
    .glide__arrows_d-xs-flex {
        display: flex;
    }
}

@media only screen and (min-width: 47.937rem) {
    .glide__arrows_d-sm-flex {
        display: flex;
    }
}

@media only screen and (min-width: 79.937rem) {
    .glide__arrows_d-md-flex {
        display: flex;
    }
}

@media only screen and (min-width: 83.437rem) {
    .glide__arrows_d-lg-flex {
        display: flex;
    }
}

@media only screen and (min-width: 89.937rem) {
    .glide__arrows_d-xl-flex {
        display: flex;
    }
}

@media only screen and (min-width: 119.937rem) {
    .glide__arrows_d-2xl-flex {
        display: flex;
    }
}

.glide__arrows_d-none {
    display: none;
}

@media only screen and (min-width: 23.437rem) {
    .glide__arrows_d-xs-none {
        display: none;
    }
}

@media only screen and (min-width: 47.937rem) {
    .glide__arrows_d-sm-none {
        display: none;
    }
}

@media only screen and (min-width: 79.937rem) {
    .glide__arrows_d-md-none {
        display: none;
    }
}

@media only screen and (min-width: 83.437rem) {
    .glide__arrows_d-lg-none {
        display: none;
    }
}

@media only screen and (min-width: 89.937rem) {
    .glide__arrows_d-xl-none {
        display: none;
    }
}

@media only screen and (min-width: 119.937rem) {
    .glide__arrows_d-2xl-none {
        display: none;
    }
}

.glide__arrows_position-bottom .glide__arrow {
    top: unset;
    bottom: 0;
}

@media only screen and (min-width: 23.437rem) {
    .glide__arrows_position-xs-bottom .glide__arrow {
        top: unset;
        bottom: 0;
    }
}

@media only screen and (min-width: 47.937rem) {
    .glide__arrows_position-sm-bottom .glide__arrow {
        top: unset;
        bottom: 0;
    }
}

@media only screen and (min-width: 79.937rem) {
    .glide__arrows_position-md-bottom .glide__arrow {
        top: unset;
        bottom: 0;
    }
}

@media only screen and (min-width: 83.437rem) {
    .glide__arrows_position-lg-bottom .glide__arrow {
        top: unset;
        bottom: 0;
    }
}

@media only screen and (min-width: 89.937rem) {
    .glide__arrows_position-xl-bottom .glide__arrow {
        top: unset;
        bottom: 0;
    }
}

@media only screen and (min-width: 119.937rem) {
    .glide__arrows_position-2xl-bottom .glide__arrow {
        top: unset;
        bottom: 0;
    }
}

.glide__arrows_position-mid .glide__arrow {
    top: calc(var(--kl-glide-padding-y, 0rem) + 156px);
    bottom: unset;
}

@media only screen and (min-width: 23.437rem) {
    .glide__arrows_position-xs-mid .glide__arrow {
        top: calc(var(--kl-glide-padding-y, 0rem) + 156px);
        bottom: unset;
    }
}

@media only screen and (min-width: 23.437rem) and (max-width: 79.937rem) {
    .glide__arrows_position-xs-mid .glide__arrow {
        top: calc(var(--kl-glide-padding-y, 0rem) + 139px);
    }
}

@media only screen and (min-width: 47.937rem) {
    .glide__arrows_position-sm-mid .glide__arrow {
        top: calc(var(--kl-glide-padding-y, 0rem) + 156px);
        bottom: unset;
    }
}

@media only screen and (min-width: 47.937rem) and (max-width: 79.937rem) {
    .glide__arrows_position-sm-mid .glide__arrow {
        top: calc(var(--kl-glide-padding-y, 0rem) + 139px);
    }
}

@media only screen and (min-width: 79.937rem) {
    .glide__arrows_position-md-mid .glide__arrow {
        top: calc(var(--kl-glide-padding-y, 0rem) + 156px);
        bottom: unset;
    }
}

@media only screen and (min-width: 79.937rem) and (max-width: 79.937rem) {
    .glide__arrows_position-md-mid .glide__arrow {
        top: calc(var(--kl-glide-padding-y, 0rem) + 139px);
    }
}

@media only screen and (min-width: 83.437rem) {
    .glide__arrows_position-lg-mid .glide__arrow {
        top: calc(var(--kl-glide-padding-y, 0rem) + 156px);
        bottom: unset;
    }
}

@media only screen and (min-width: 83.437rem) and (max-width: 79.937rem) {
    .glide__arrows_position-lg-mid .glide__arrow {
        top: calc(var(--kl-glide-padding-y, 0rem) + 139px);
    }
}

@media only screen and (min-width: 89.937rem) {
    .glide__arrows_position-xl-mid .glide__arrow {
        top: calc(var(--kl-glide-padding-y, 0rem) + 156px);
        bottom: unset;
    }
}

@media only screen and (min-width: 89.937rem) and (max-width: 79.937rem) {
    .glide__arrows_position-xl-mid .glide__arrow {
        top: calc(var(--kl-glide-padding-y, 0rem) + 139px);
    }
}

@media only screen and (min-width: 119.937rem) {
    .glide__arrows_position-2xl-mid .glide__arrow {
        top: calc(var(--kl-glide-padding-y, 0rem) + 156px);
        bottom: unset;
    }
}

@media only screen and (min-width: 119.937rem) and (max-width: 79.937rem) {
    .glide__arrows_position-2xl-mid .glide__arrow {
        top: calc(var(--kl-glide-padding-y, 0rem) + 139px);
    }
}

.glide__bullets {
    margin: calc(2.5rem - var(--kl-glide-padding-y, 0rem)) auto 0 auto;
    padding: 1.313rem 0.75rem;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    gap: 0.375rem;
}

@media only screen and (max-width: 47.937rem) {
    .glide__bullets {
        margin-top: calc(1.5rem - var(--kl-glide-padding-y, 0rem));
        padding: 0.875rem 0.75rem;
        gap: 0.25rem;
    }
}

.glide__bullets_d-none {
    display: none;
}

@media only screen and (min-width: 23.437rem) {
    .glide__bullets_d-xs-none {
        display: none;
    }
}

@media only screen and (min-width: 47.937rem) {
    .glide__bullets_d-sm-none {
        display: none;
    }
}

@media only screen and (min-width: 79.937rem) {
    .glide__bullets_d-md-none {
        display: none;
    }
}

@media only screen and (min-width: 83.437rem) {
    .glide__bullets_d-lg-none {
        display: none;
    }
}

@media only screen and (min-width: 89.937rem) {
    .glide__bullets_d-xl-none {
        display: none;
    }
}

@media only screen and (min-width: 119.937rem) {
    .glide__bullets_d-2xl-none {
        display: none;
    }
}

.glide__bullets_d-flex {
    display: flex;
}

@media only screen and (min-width: 23.437rem) {
    .glide__bullets_d-xs-flex {
        display: flex;
    }
}

@media only screen and (min-width: 47.937rem) {
    .glide__bullets_d-sm-flex {
        display: flex;
    }
}

@media only screen and (min-width: 79.937rem) {
    .glide__bullets_d-md-flex {
        display: flex;
    }
}

@media only screen and (min-width: 83.437rem) {
    .glide__bullets_d-lg-flex {
        display: flex;
    }
}

@media only screen and (min-width: 89.937rem) {
    .glide__bullets_d-xl-flex {
        display: flex;
    }
}

@media only screen and (min-width: 119.937rem) {
    .glide__bullets_d-2xl-flex {
        display: flex;
    }
}

.glide__bullet {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 1.25rem;
    background: var(--qn-neutral-300);
    transition: all 150ms ease-in-out;
    outline: none;
    border: none;
    cursor: pointer;
}

@media only screen and (max-width: 47.937rem) {
    .glide__bullet {
        width: 0.5rem;
        height: 0.5rem;
    }
}

.glide__bullet:hover {
    background: var(--qn-neutral-400);
}

.glide__bullet--active {
    width: 2rem;
    background: var(--qn-neutral-800);
}

@media only screen and (max-width: 47.937rem) {
    .glide__bullet--active {
        width: 1.75rem;
    }
}

.glide__bullet--active:hover {
    background: var(--qn-neutral-800);
}

@font-face {
    font-family: "Instrument Sans, sans-serif";
    src: url("./../vendor/quantum-v2.0.0-202307280002/assets/fonts/InstrumentSans/fonts/webfonts/InstrumentSans-Bold.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "Instrument Sans, sans-serif";
    src: url("./../vendor/quantum-v2.0.0-202307280002/assets/fonts/InstrumentSans/fonts/webfonts/InstrumentSans-BoldItalic.woff2") format("woff2");
    font-style: italic;
    font-weight: 700;
}

.hightligt-dashed {
    position: relative;
}

.hightligt-dashed::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    border: 0.125rem dashed var(--qn-ocean-blue-400);
    box-sizing: border-box;
    pointer-events: none;
    z-index: 2;
}

.hightligt-dashed::after {
    content: attr(aria-label);
    background: var(--qn-ocean-blue-400);
    position: absolute;
    top: 0.063rem;
    left: 0.063rem;
    padding: 0.25rem 0.75rem;
    border-radius: 0 0 0.25rem 0;
    color: var(--qn-white);
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
    display: block;
}

@media only screen and (min-width: 79.937rem) {
    .grid {
        gap: 1.5rem;
    }
}

@media only screen and (max-width: 79.937rem) {
    .grid_with-hightlight {
        gap: 1.5rem !important;
    }
}

@media only screen and (max-width: 47.937rem) {
    .grid_with-hightlight {
        gap: 1.25rem !important;
    }
}

body {
    background-color: var(--qn-white);
    scroll-behavior: smooth;
    --qn-ocean-blue-100: #F1F6FE;
    --qn-ocean-blue-200: #ABC9F5;
    --qn-ocean-blue-300: #4E91F6;
    --qn-ocean-blue-400: #0F6AF5;
    --qn-ocean-blue-500: #074BB2;
    --qn-ocean-blue-600: #094093;
    --qn-ocean-blue: #0F6AF5;
    --kl-svg-first-100: var(--qn-primary-100);
    --kl-svg-first-200: var(--qn-primary-200);
    --kl-svg-first-300: var(--qn-primary-300);
    --kl-svg-first-400: var(--qn-primary-400);
    --kl-svg-first-500: var(--qn-primary-500);
    --kl-svg-first-600: var(--qn-primary-600);
    --kl-svg-first: var(--qn-primary);
    --kl-svg-second-100: var(--qn-warning-100);
    --kl-svg-second-200: var(--qn-warning-200);
    --kl-svg-second-300: var(--qn-warning-300);
    --kl-svg-second-400: var(--qn-warning-400);
    --kl-svg-second-500: var(--qn-warning-500);
    --kl-svg-second-600: var(--qn-warning-600);
    --kl-svg-second: var(--qn-warning);
}

.body_without-scrollbar {
    scrollbar-width: none;
}

.body_without-scrollbar::-webkit-scrollbar {
    display: none !important;
}

.link {
    color: var(--qn-ocean-blue-400) !important;
}

.link:hover {
    color: var(--qn-ocean-blue-500) !important;
}

.layout-overlay {
    z-index: 800;
}

.front-main {
    scroll-behavior: smooth;
    max-width: 1920px;
    margin: 0 auto;
}

.front-header {
    position: sticky;
    z-index: 800;
    top: 0;
    background: var(--qn-white);
    display: flex;
    padding: 0.75rem 1rem;
    height: 4.25rem;
    max-height: 4.25rem;
    overflow: visible;
    border-bottom: 0.063rem var(--qn-neutral-200) solid;
}

@media only screen and (max-width: 79.937rem) {
    .front-header {
        height: 4rem;
        max-height: 4rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-header {
        height: 3.5rem;
        max-height: 3.5rem;
    }
}

.front-header>.container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    height: 100%;
}

.front-header__left {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 0.75rem 0;
}

.front-header__right {
    display: flex;
    align-items: center;
    padding: 0.75rem 0;
    max-height: 4rem;
}

@media only screen and (max-width: 47.937rem) {
    .front-header__right .btn {
        display: none;
    }
}

.front-header__action {
    display: flex;
    align-items: center;
    padding-right: 0.5rem;
    gap: 0.5rem;
    position: relative;
}

@media only screen and (max-width: 79.937rem) {
    .front-header__action {
        gap: 0.375rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-header__action {
        gap: 0.25rem;
    }
}

.front-header__action .icon {
    font-size: 1rem;
    line-height: 1rem;
    color: var(--qn-neutral-700);
}

.front-header__action svg,
.front-header__action img {
    width: 1rem;
    height: 1rem;
    color: var(--qn-neutral-700);
}

.front-header__action .btn {
    display: flex !important;
}

.front-header__action .btn_nav {
    min-height: unset;
    height: unset;
    color: var(--qn-neutral-700);
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
    gap: 0.375rem;
    transition: background-color 0.15s ease;
}

.front-header__action .btn_nav.show {
    background: var(--qn-neutral-200);
}

@media only screen and (max-width: 79.937rem) {
    .front-header__action .btn_nav {
        padding: 0.5rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-header__action .btn_nav.btn_icon {
        display: none;
    }
}

.front-header__action .btn_nav.btn_module {
    border-radius: 3.125rem;
    padding: 0.625rem 1.125rem;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 2.375rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-header__action .btn_nav.btn_module {
        padding: 0.5rem 0.875rem;
        max-height: 2.125rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-header__action .btn_nav.btn_module {
        padding: 0.5rem;
        border-radius: 50%;
        width: 2rem;
        height: 2rem;
        min-height: 2rem;
        max-height: 2rem;
    }

    .front-header__action .btn_nav.btn_module .btn__text {
        display: none;
    }
}

.front-header__user {
    display: flex;
    gap: 0.5rem;
    background: transparent;
    border: 0;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 0.5rem;
    align-items: center;
}

.front-header__user>.icon {
    font-size: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    color: var(--qn-neutral-500);
}

@media only screen and (max-width: 79.937rem) {
    .front-header__user>.icon {
        display: none;
    }
}

.front-header__user .show,
.front-header__user:hover,
.front-header__user:focus {
    outline: none;
    background: var(--qn-neutral-200);
}

@media only screen and (max-width: 79.937rem) {
    .front-header__user {
        padding: 0.25rem;
    }
}

.front-header__user-wrapper {
    display: flex;
    align-items: center;
    gap: 0.625rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-header__user-wrapper {
        gap: 0.5rem;
    }
}

.front-header__user-avatar {
    display: flex;
    align-items: center;
}

.front-header__user-avatar .avatar {
    border: 1px solid var(--qn-neutral-200);
}

.front-header__user-avatar .avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 79.937rem) {
    .front-header__user-avatar .avatar {
        --qn-avatar-size: 2rem;
    }
}

.front-header__user-info {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 152px;
    text-align: left;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 79.937rem) {
    .front-header__user-info {
        display: none;
    }
}

.front-header__user-name {
    color: var(--qn-neutral-700);
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.front-header__user-role {
    color: var(--qn-neutral-500);
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.front-header .grid {
    row-gap: 0.75rem;
    padding-bottom: 0.25rem;
}

.front-header .grid .btn {
    display: flex;
}

.front-header .progress__label {
    color: var(--qn-neutral-800);
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 500;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem;
}

.front-header .progress__label>* {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.front-header .progress__percentage {
    color: var(--qn-neutral-900);
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
}

.front-header .dropdown__item {
    border-radius: 0.5rem;
}

.front-header .dropdown__item button::before,
.front-header .dropdown__item a::before {
    border-radius: 0.5rem;
}

.front-header__logo-wrapper {
    display: flex;
    gap: 0.75rem;
    padding: 0.375rem 1rem 0.375rem 0rem;
    border-right: 0.063rem var(--qn-neutral-300) solid;
}

@media only screen and (max-width: 79.937rem) {
    .front-header__logo-wrapper {
        border: none;
        padding: 0.25rem 1rem 0.25rem 0rem;
    }
}

.front-header__toggle {
    --kl-icon-size: 1rem;
    padding: 0.5rem;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 2rem;
    max-height: 2rem;
    border: none;
    background: none;
    cursor: pointer;
    display: none;
}

.front-header__toggle .icon {
    font-size: var(--kl-icon-size);
    line-height: var(--kl-icon-size);
}

@media only screen and (max-width: 79.937rem) {
    .front-header__toggle {
        display: block;
    }
}

.front-nav {
    transition: transform 350ms cubic-bezier(0.38, 0.48, 0.49, 0.99);
}

@media only screen and (max-width: 79.937rem) {
    .front-nav {
        position: fixed;
        left: 0;
        top: 4rem;
        z-index: 1003;
        min-width: 320px;
        width: 320px;
        max-width: 320px;
        height: 100vh;
        background: var(--qn-white);
        overflow-y: auto;
        padding: 2rem 0;
        transform: translateX(-100%);
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-nav {
        top: 3.5rem;
    }
}

.front-nav.active {
    display: block !important;
    transform: translateX(0);
}

.front-nav__wrapper {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-nav__wrapper {
        padding: 0.5rem 1rem;
        flex-direction: column;
        align-items: start;
        width: 100%;
    }
}

.front-nav__item {
    list-style: none;
}

.front-nav__dropdown {
    list-style: none;
}

.front-nav__item:last-child {
    display: none;
}

@media only screen and (max-width: 79.937rem) {
    .front-nav__item {
        width: 100%;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-nav__item:last-child {
        display: block;
    }
}

.front-nav__link {
    display: flex;
    padding: 0.75rem 1rem;
    color: var(--qn-neutral-700);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    text-decoration: none;
}

.front-nav__dropdown {
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.front-nav__link .btn {
    width: 100%;
}

.front-nav__link:hover,
.front-nav__link:active,
.front-nav__link:focus {
    color: var(--qn-ocean-blue-400);
}

.front-section {
    background: var(--kl-back-color, var(--qn-neutral-50));
    overflow: hidden;
    position: relative;
}

.front-section__illustration-left,
.front-section__illustration-right {
    overflow: hidden;
    position: absolute;
    inset: 0;
    min-width: 100%;
    min-height: 100%;
    pointer-events: none;
    z-index: 0;
}

.front-section__illustration-left:before,
.front-section__illustration-left:after,
.front-section__illustration-right:before,
.front-section__illustration-right:after {
    position: absolute;
}

.front-section__illustration-left {
    border-bottom-left-radius: inherit;
    bottom: -0.25rem;
}

.front-section__illustration-left:before,
.front-section__illustration-left:after {
    bottom: 0;
    left: 0;
    content: "";
    width: 602px;
    height: 165px;
}

@media only screen and (max-width: 79.937rem) {

    .front-section__illustration-left:before,
    .front-section__illustration-left:after {
        width: 332px;
        height: 153px;
    }
}

@media only screen and (max-width: 47.937rem) {

    .front-section__illustration-left:before,
    .front-section__illustration-left:after {
        width: 246px;
        height: 75px;
    }
}

.front-section__illustration-left:before {
    background: url(./../images/illustrations/primary-left-1.svg) right/cover no-repeat;
}

.front-section__illustration-left:after {
    background: url(./../images/illustrations/primary-left-2.svg) right/cover no-repeat;
}

.front-section__illustration-right {
    border-top-right-radius: inherit;
}

.front-section__illustration-right:before,
.front-section__illustration-right:after {
    top: 0;
    right: 0;
    content: "";
    width: 513px;
    height: 140px;
}

@media only screen and (max-width: 79.937rem) {

    .front-section__illustration-right:before,
    .front-section__illustration-right:after {
        width: 301px;
        height: 135px;
    }
}

@media only screen and (max-width: 47.937rem) {

    .front-section__illustration-right:before,
    .front-section__illustration-right:after {
        width: 192px;
        height: 73px;
    }
}

.front-section__illustration-right:before {
    background: url(./../images/illustrations/primary-right-1.svg) left/cover no-repeat;
}

.front-section__illustration-right:after {
    background: url(./../images/illustrations/primary-right-2.svg) left/cover no-repeat;
}

.front-section_hero {
    --kl-hero-image: url(./../images/background-university-name.webp);
    --kl-hero-image-position: center calc(50%);
    --kl-linear-opacity: 1;
    padding: 5rem 1rem;
    background: linear-gradient(90deg, rgba(0, 0, 0, var(--kl-linear-opacity)) 0%, rgba(0, 0, 0, 0) 100%), var(--kl-hero-image) var(--kl-hero-image-position)/auto 100% fixed no-repeat, lightgray 50%/cover no-repeat;
    transition: none;
    background-size: cover;
}

.front-section_list {
    overflow: visible;
}

@media only screen and (min-width: 119.937rem) {
    .front-section_hero {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 0%), var(--kl-hero-image) var(--kl-hero-image-position)/auto 180% no-repeat, center 50%/cover no-repeat;
    }
}

@media only screen and (max-width: 79.937rem) {
    .front-section_hero {
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 0%), var(--kl-hero-image) var(--kl-hero-image-position)/auto 180% no-repeat, center 50%/cover no-repeat;
        padding: 3.75rem 1rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_hero {
        padding: 2.5rem 1rem;
    }
}

.front-section_breadcrumb {
    padding: 0.75rem 1rem;
    border-bottom: 0.063rem solid var(--qn-neutral-300);
}

.front-section_breadcrumb .breadcrumb {
    flex-wrap: nowrap;
}

.front-section_breadcrumb .breadcrumb__item,
.front-section_breadcrumb .breadcrumb a {
    white-space: nowrap;
}

.front-section_breadcrumb .breadcrumb__item.disable {
    cursor: default;
}

@media only screen and (max-width: 47.937rem) {
    .front-section_breadcrumb .breadcrumb {
        display: flex;
        flex-wrap: normal;
        flex-flow: column;
        align-items: baseline;
    }

    .front-section_breadcrumb .breadcrumb__item:first-child {
        padding-left: 0.25rem;
    }

    .front-section_breadcrumb .breadcrumb__item,
    .front-section_breadcrumb .breadcrumb a {
        white-space: normal;
    }
}

.front-section_list {
    padding: 3.75rem 1rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-section_list {
        padding: 1.5rem 1rem 2.5rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_list {
        padding: 1.25rem 1rem 2.5rem;
    }
}

.front-section_list-report {
    padding: 3.75rem 1rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-section_list-report {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_list-report {
        padding: 1.5rem 1rem;
    }
}

.front-section_absolute {
    padding-top: 0;
    margin-top: -2.937rem;
    background: #FCFCFD;
}

@media only screen and (max-width: 79.937rem) {
    .front-section_absolute {
        margin-top: -3.813rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_absolute {
        margin-top: -5.937rem;
    }
}

.front-section_search {
    padding: 3.75rem 1rem 0rem;
    background: url(./../images/background-search.webp);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

@media only screen and (max-width: 47.937rem) {
    .front-section_search {
        padding-top: 2.5rem;
    }
}

.front-section_search .nav-tab {
    --kl-nav-tab-width: calc(100% + 1rem * 2);
    margin: 0rem -1rem;
    min-width: var(--kl-nav-tab-width);
    width: var(--kl-nav-tab-width);
    max-width: var(--kl-nav-tab-width);
    background: none;
    padding: 3.75rem 1rem 0rem;
    border-bottom: 0.063rem solid var(--qn-neutral-300);
}

@media only screen and (max-width: 79.937rem) {
    .front-section_search .nav-tab {
        padding-top: 4.25rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_search .nav-tab {
        padding-top: 2.5rem;
    }
}

.front-section_search .nav-tab__wrapper {
    margin: 0 auto;
    min-width: -moz-fit-content;
    min-width: fit-content;
    border: none;
}

@media only screen and (max-width: 79.937rem) {
    .front-section_search .nav-tab__item {
        padding: 0.625rem 0.75rem;
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 500;
    }

    .front-section_search .nav-tab__item.active {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 600;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_search .nav-tab__item {
        padding: 0.5rem;
    }
}

.front-section_search .nav-tab * {
    background: none;
}

.front-section_search-report {
    padding: 3.75rem 1rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-section_search-report {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_search-report {
        padding: 1.5rem 1rem;
    }
}

.front-section_primary {
    padding: 3.75rem 1rem 6.5625rem;
    background-color: var(--qn-primary-400);
    z-index: 1;
}

@media only screen and (max-width: 79.937rem) {
    .front-section_primary {
        padding: 3.75rem 1rem 7.063rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_primary {
        padding: 2.5rem 1rem 7.437rem;
    }

    .front-section_primary .front-search__description {
        display: none;
    }
}

.front-section_alumni {
    padding: 6.25rem 1rem;
    background-color: #F8FAFC;
}

@media only screen and (max-width: 79.937rem) {
    .front-section_alumni {
        padding: 3.75rem 1rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_alumni {
        padding: 2.5rem 1rem;
    }
}

.front-section_testimoni {
    padding: 5rem 0;
}

@media only screen and (max-width: 79.937rem) {
    .front-section_testimoni {
        padding: 2.5rem 1rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_testimoni {
        padding: 2rem 1rem;
    }
}

.front-section_career {
    padding: 5rem 1rem 5.5rem 1rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-section_career {
        padding: 3.75rem 1rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_career {
        padding: 2.5rem 1rem;
    }
}

.front-section_vacancy {
    padding: 6.25rem 1rem;
    background-color: var(--kl-color, var(--qn-neutral-100));
}

@media only screen and (max-width: 79.937rem) {
    .front-section_vacancy {
        padding: 3.75rem 1rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_vacancy {
        padding: 2.5rem 1rem;
    }
}

.front-section_vacancy-detail {
    margin: 0 auto;
    max-width: 90rem;
    overflow: unset;
}

@media only screen and (max-width: 79.937rem) {
    .front-section_vacancy-detail {
        padding: 0;
    }
}

.front-section_training {
    padding: 6.25rem 1rem 0 1rem;
    background: url(./../images/meliuk-liuk.svg) center/100% no-repeat, var(--kl-back-color, var(--qn-neutral-50));
}

@media only screen and (max-width: 79.937rem) {
    .front-section_training {
        padding: 3.75rem 1rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_training {
        padding: 2.5rem 1rem;
    }
}

.front-section_tips {
    padding: 5rem 1rem;
    overflow: hidden;
}

@media only screen and (max-width: 79.937rem) {
    .front-section_tips {
        padding: 3.75rem 1rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_tips {
        padding: 2.5rem 1rem;
    }
}

.front-section_contact {
    padding: 5rem 1rem;
    background-color: #F8FAFC;
}

@media only screen and (max-width: 79.937rem) {
    .front-section_contact {
        padding: 3.75rem 1rem 2.5rem 1rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_contact {
        padding: 2.5rem 1rem;
    }
}

.front-section_dark {
    --kl-color: var(--qn-white);
    --kl-back-color: var(--qn-neutral-900);
    --kl-glider-back-color: var(--qn-white);
    --kl-glider-icon-color: var(--qn-neutral-800);
    --kl-p-color: var(--qn-neutral-100);
    --kl-card-back-color: var(--qn-neutral-800);
    --kl-card-icon-back-color: var(--qn-neutral-700);
    --kl-svg-first-100: var(--qn-white);
    --kl-svg-first-200: var(--qn-white);
    --kl-svg-first-300: var(--qn-white);
    --kl-svg-first-400: var(--qn-white);
    --kl-svg-first-500: var(--qn-white);
    --kl-svg-first-600: var(--qn-white);
    --kl-svg-first: var(--qn-white);
    --kl-svg-second-100: rgba(255, 255, 255, 0.6);
    --kl-svg-second-200: rgba(255, 255, 255, 0.6);
    --kl-svg-second-300: rgba(255, 255, 255, 0.6);
    --kl-svg-second-400: rgba(255, 255, 255, 0.6);
    --kl-svg-second-500: rgba(255, 255, 255, 0.6);
    --kl-svg-second-600: rgba(255, 255, 255, 0.6);
    --kl-svg-second: rgba(255, 255, 255, 0.6);
}

.front-section_dark .front-career__benefit:hover {
    box-shadow: 0 0 1.375rem 0 rgba(187, 187, 187, 0.15);
}

.front-section_dark.front-section_hero {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 0%), var(--kl-hero-image) center 50%/cover no-repeat, center 50%/cover no-repeat !important;
    background-position-y: var(--kl-hero-image-position) !important;
}

.front-section_cta {
    padding: 127px 1rem 2.5rem 1rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-section_cta {
        padding: 2.5rem 1rem 1.25rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section_cta {
        padding: 0;
    }
}

.front-section__header {
    max-width: 1200px;
}

.front-section__header-title {
    color: var(--kl-color, var(--qn-neutral-800));
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    font-size: 30px;
    line-height: 44px;
    text-align: center;
}

.front-section__header-subtitle {
    color: var(--kl-color, var(--qn-ocean-blue-400));
    line-height: 0.5rem;
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
}

@media only screen and (max-width: 79.937rem) {
    .front-section__header-title {
        margin: 0 auto;
        max-width: 592px;
        text-align: center;
        font-size: 24px;
        line-height: 36px;
    }

    .front-section__header-subtitle {
        margin: 0 auto;
        max-width: 592px;
        text-align: center;
        font-size: 16px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section__header-title {
        font-size: 16px;
        line-height: 24px;
    }

    .front-section__header-subtitle {
        font-size: 12px;
        line-height: 14px;
    }
}

.front-section__header-description {
    color: var(--kl-color, var(--qn-neutral-600));
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
}

@media only screen and (max-width: 79.937rem) {
    .front-section__header-description {
        text-align: center;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 400;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section__header-description {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 400;
    }
}

.front-section__header-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-section__header-wrapper {
        margin: 0 auto;
        max-width: 488px;
        align-items: center;
        gap: 0.75rem;
    }
}

.front-section__header-wrapper .link {
    display: flex;
    align-items: center;
    transition: transform 250ms cubic-bezier(0, 0.29, 0.84, 0.76), color 250ms ease-in;
    color: var(--kl-color, var(--qn-ocean-blue-400));
}

.front-section__header-wrapper .link:hover {
    text-decoration: underline;
    transform: translateX(0.375rem);
    color: var(--kl-color, var(--qn-ocean-blue-500)) !important;
}

.front-section__header-wrapper .link:hover .icon {
    transform: translateX(0.25rem);
}

@media only screen and (max-width: 79.937rem) {
    .front-section__header-wrapper .link {
        text-align: center;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 600;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section__header-wrapper .link {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 600;
    }
}

.front-section__header_center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 100%;
}

.front-section__header_center>* {
    text-align: center;
    max-width: 792px;
}

.front-section__header_center .front-section__header-description {
    color: var(--kl-p-color, var(--qn-neutral-600));
}

@media only screen and (max-width: 79.937rem) {
    .front-section__header_center {
        gap: 0.75rem;
    }
}

.front-section__header-highlight {
    position: relative;
    transform: rotate(-1.1deg);
    padding: 0.25rem 0.5rem;
    color: var(--qn-white);
    background: var(--qn-primary-400);
    z-index: 1;
}

.front-section__header-highlight::before {
    content: "";
    position: absolute;
    left: 0.25rem;
    top: 0.25rem;
    width: 100%;
    height: 100%;
    background: var(--qn-primary-400);
    z-index: -1;
    filter: brightness(0.82);
    transform: scale(1) rotate(-360deg);
}

.front-section__wrapper {
    padding-top: 2rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-section__wrapper {
        padding-top: 1.5rem;
    }

    .front-section__wrapper~.front-section__wrapper {
        padding-top: 2rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-section__wrapper {
        padding-top: 0.75rem;
    }

    .front-section__wrapper~.front-section__wrapper {
        padding-top: 1.5rem;
    }
}

.front-section__wrapper_center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.front-section .loader {
    padding-top: 3.75rem;
}

.front-section .loader__spinner {
    --qn-loader-width: 2.25rem;
    --qn-loader-height: 2.25rem;
}

@media only screen and (max-width: 47.937rem) {
    .front-section .loader {
        padding-top: 2.5rem;
    }
}

.front-hero {
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-hero {
        align-items: center;
        gap: 5rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-hero {
        gap: 3.75rem;
    }
}

@media only screen and (max-width: 79.937rem) {
    .front-hero__group {
        display: flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
    }
}

.front-hero__heading {
    width: 59.5%;
    color: var(--qn-white);
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 700;
    font-size: 48px;
    line-height: 62px;
}

@media only screen and (max-width: 79.937rem) {
    .front-hero__heading {
        width: calc(100% - 2.5rem);
        font-size: 1.875rem;
        line-height: 2.75rem;
        text-align: center;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-hero__heading {
        width: 100%;
        font-size: 1.25rem;
        line-height: 1.875rem;
    }
}

.front-hero__description {
    width: 46.9%;
    padding-top: 1rem;
    color: var(--qn-white);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
}

.front-hero__description_mini {
    padding-top: 1.25rem;
    padding-bottom: 1rem;
    width: 28.5%;
}

@media only screen and (max-width: 79.937rem) {
    .front-hero__description_mini {
        width: 283px !important;
        padding-top: 0.75rem !important;
        padding-bottom: 0.75rem !important;
    }
}

@media only screen and (max-width: 79.937rem) {
    .front-hero__description {
        width: calc(100% - 13.75rem);
        color: var(--qn-neutral-100);
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 400;
        text-align: center;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-hero__description {
        padding-top: 0.75rem;
        width: 100%;
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 400;
    }
}

.front-hero__wrapper {
    display: flex;
    padding-top: 2rem;
    gap: 1rem;
    flex-wrap: wrap;
}

@media only screen and (max-width: 47.937rem) {
    .front-hero__wrapper {
        padding-top: 1.5rem;
        gap: 0.75rem;
    }
}

@media only screen and (max-width: 79.937rem) {
    .front-hero__wrapper .btn {
        padding: 0.625rem 1.125rem;
        --qn-btn-height-size: 2.75rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-hero__wrapper .btn {
        padding: 0.625rem 1rem;
        --qn-btn-height-size: 2.5rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 600;
    }
}

.front-hero__avatar {
    display: flex;
    gap: 0.75rem;
}

.front-hero__avatar-list {
    display: flex;
    gap: 0;
}

.front-hero__avatar-item {
    --kl-up-length: 0.5rem;
    --kl-circle-size: 3.25rem;
    list-style: none;
    width: var(--kl-circle-size);
    height: var(--kl-circle-size);
    background: white;
    border-radius: 50%;
    border: 0.125rem solid #222;
    transition: transform 225ms cubic-bezier(0, 0.29, 0.84, 0.76), color 250ms ease-in, z-index 50ms ease-out;
    transform: translateY(0);
}

.front-hero__avatar-item:hover {
    position: relative;
    z-index: 100;
    transform: translateY(calc(var(--kl-up-length) * -1));
}

@media only screen and (max-width: 79.937rem) {
    .front-hero__avatar-item {
        --kl-circle-size: 2.75rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-hero__avatar-item {
        --kl-circle-size: 2.25rem;
    }
}

.front-hero__avatar-item~.front-hero__avatar-item {
    margin-left: -1.375rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-hero__avatar-item~.front-hero__avatar-item {
        margin-left: -1rem;
    }
}

@media only screen and (max-width: 79.937rem) {
    .front-hero__avatar-item~.front-hero__avatar-item {
        margin-left: -0.875rem;
    }
}

.front-hero__avatar-image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}

.front-hero__avatar-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.front-hero__avatar-title {
    color: var(--qn-white);
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 700;
}

@media only screen and (max-width: 79.937rem) {
    .front-hero__avatar-title {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 700;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-hero__avatar-title {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 700;
    }
}

.front-hero__avatar-subtitle {
    color: var(--qn-neutral-100);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
}

@media only screen and (max-width: 79.937rem) {
    .front-hero__avatar-subtitle {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 400;
    }
}

.front-hero__link {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    gap: 0.25rem;
    align-items: center;
    color: var(--qn-white);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    transition: transform 250ms cubic-bezier(0, 0.29, 0.84, 0.76), color 250ms ease-in;
    transform: translateX(0);
}

@media only screen and (max-width: 79.937rem) {
    .front-hero__link {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 600;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-hero__link {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 600;
    }
}

.front-hero__link .icon {
    color: inherit;
    font-size: 1.5rem;
    transition: inherit;
    transform: translateX(0);
}

@media only screen and (max-width: 79.937rem) {
    .front-hero__link .icon {
        font-size: 1.25rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-hero__link .icon {
        font-size: 1rem;
    }
}

.front-hero__link:hover {
    text-decoration: underline;
    transform: translateX(0.375rem);
}

.front-hero__link:hover .icon {
    transform: translateX(0.25rem);
}

.front-search {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.front-search__title {
    color: var(--qn-neutral-800);
    font-size: 1.875rem;
    line-height: 2.75rem;
    font-weight: 700;
    text-align: center;
    width: 100%;
}

@media only screen and (max-width: 79.937rem) {
    .front-search__title {
        font-size: 1.5rem;
        line-height: 2.25rem;
        font-weight: 700;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-search__title {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 700;
    }
}

.front-search__description {
    padding-top: 0.75rem;
    width: 613px;
    max-width: 100%;
    color: var(--qn-neutral-600);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    text-align: center;
}

@media only screen and (max-width: 79.937rem) {
    .front-search__description {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 400;
        width: 515px;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-search__description {
        padding-top: 0.5rem;
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 400;
    }
}

.front-search_description_wysiwyg p,
.front-search_description_wysiwyg h1,
.front-search_description_wysiwyg h2,
.front-search_description_wysiwyg h3,
.front-search_description_wysiwyg h4,
.front-search_description_wysiwyg h5,
.front-search_description_wysiwyg h6,
.front-search_description_wysiwyg span,
.front-search_description_wysiwyg a {
    color: #fff !important;
}

.front-search__group {
    --kl-search-button-right: 0.5rem;
    --kl-search-button-size: 2.5rem;
    --kl-search-input-padding-x: 1.5rem;
    --kl-search-input-padding-y: 1rem;
    display: block;
    width: 386px;
    padding-top: 1.5rem;
    position: relative;
}

@media only screen and (max-width: 79.937rem) {
    .front-search__group {
        --kl-search-button-size: 2.375rem;
        --kl-search-input-padding-x: 1.25rem;
        padding-top: 1.25rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-search__group {
        --kl-search-button-right: 0.313rem;
        --kl-search-button-size: 2rem;
        --kl-search-input-padding-x: 1rem;
        --kl-search-input-padding-y: 0.75rem;
        width: 17.5rem;
        padding-top: 1rem;
    }
}

.front-search__input {
    width: 100%;
    padding: var(--kl-search-input-padding-y) var(--kl-search-input-padding-x);
    padding-right: calc(var(--kl-search-button-right) + var(--kl-search-button-size));
    border-radius: 3.125rem;
    border: 0.063rem solid var(--qn-neutral-300);
    outline: none;
    transition: all 170ms ease-in-out;
    color: var(--qn-neutral-800);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
}

@media only screen and (max-width: 79.937rem) {
    .front-search__input {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 400;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-search__input {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 400;
    }
}

.front-search__input::-moz-placeholder {
    opacity: var(--qn-neutral-500);
}

.front-search__input::placeholder {
    opacity: var(--qn-neutral-500);
}

.front-search__input::-webkit-search-decoration,
.front-search__input::-webkit-search-cancel-button,
.front-search__input::-webkit-search-results-button,
.front-search__input::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.front-search__input:hover:not(:disabled) {
    border-color: var(--qn-neutral-400);
}

.front-search__input:focus:not(:disabled) {
    border-color: var(--qn-primary);
    box-shadow: 0 0.063rem 0.125rem rgba(16, 24, 40, 0.05), 0 0 0 0.25rem #e4eefd;
}

.front-search__button {
    position: absolute;
    right: var(--kl-search-button-right);
    bottom: var(--kl-search-button-right);
    width: var(--kl-search-button-size);
    height: var(--kl-search-button-size);
    border-radius: 50%;
    outline: none;
    border: none;
    background-color: var(--qn-neutral-800);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 250ms ease-in-out;
}

.front-search__button:hover,
.front-search__button:focus {
    background-color: var(--qn-neutral-600);
}

.front-search__button .icon {
    color: var(--qn-white);
    font-size: 1rem;
    line-height: 1rem;
}

@media only screen and (max-width: 47.937rem) {
    .front-search__button .icon {
        font-size: 0.75rem;
        line-height: 0.75rem;
    }
}

.front-search_color-white .front-search__title {
    color: var(--qn-white);
}

.front-search_color-white .front-search__description {
    color: var(--qn-neutral-300);
}

.front-alumni {
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
    padding-top: 3.75rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-alumni {
        padding-top: 2.5rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-alumni {
        padding-top: 1.5rem;
    }
}

.front-alumni__card {
    --kl-length-up: 0.5rem;
    border-radius: 0.75rem;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 21.25rem;
}

@media only screen and (max-width: 47.937rem) {
    .front-alumni__card {
        height: 15rem;
    }
}

.front-alumni__card::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 66.46%, rgb(0, 0, 0)), 0px -11.5px/100% 124.412% no-repeat;
    pointer-events: none;
}

.front-alumni__card-image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
    -o-object-position: center top;
    object-position: center top;
    transition: height 225ms ease-in-out;
}

.front-alumni__card-header {
    position: absolute;
    bottom: 0;
    z-index: 10;
    display: flex;
    gap: 0.5rem;
    padding: 1.25rem;
    transition: padding 275ms ease-in-out 50ms;
}

@media only screen and (max-width: 47.937rem) {
    .front-alumni__card-header {
        gap: 0.5rem;
        padding: 0.75rem;
    }
}

.front-alumni__card-body {
    position: absolute;
    visibility: 0;
    opacity: 0;
    inset: 0;
    z-index: 9;
    background: rgba(255, 255, 255, 0.8);
    padding: 1.5rem 1.25rem;
    padding-top: 0.375rem;
    padding-bottom: 5rem;
    transition: opacity 475ms ease-in-out, padding 250ms ease-in-out;
    max-height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 47.937rem) {
    .front-alumni__card-body {
        padding: 0.75rem;
        padding-top: 0.25rem;
        padding-bottom: 3.75rem;
    }
}

.front-alumni__card:hover .front-alumni__card-image {
    height: calc(100% + var(--kl-length-up) * 1.5);
}

.front-alumni__card:hover .front-alumni__card-body {
    opacity: 1;
    padding-top: 1.5rem;
}

@media only screen and (max-width: 47.937rem) {
    .front-alumni__card:hover .front-alumni__card-body {
        padding-top: 0.75rem;
    }
}

.front-alumni__card:hover .front-alumni__card-header {
    padding-bottom: 1.5rem;
}

@media only screen and (max-width: 47.937rem) {
    .front-alumni__card:hover .front-alumni__card-header {
        padding-bottom: 1rem;
    }
}

.front-alumni__card:hover .front-alumni__company {
    color: var(--qn-neutral-800);
}

.front-alumni__card:hover .front-alumni__position {
    color: var(--qn-neutral-600);
}

.front-alumni__box {
    --qn-card-box-size: 2.5rem;
    width: var(--qn-card-box-size);
    height: var(--qn-card-box-size);
    max-width: var(--qn-card-box-size);
    max-height: var(--qn-card-box-size);
    background-color: var(--qn-white);
    padding: 0.25rem;
    border-radius: 0.5rem;
}

@media only screen and (max-width: 47.937rem) {
    .front-alumni__box {
        --qn-card-box-size: 2rem;
    }
}

.front-alumni__logo {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}

.front-alumni__company {
    color: var(--qn-white);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 47.937rem) {
    .front-alumni__company {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 600;
    }
}

.front-alumni__position {
    color: var(--qn-white);
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 175ms ease-in-out 200ms;
}

.front-alumni__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

@media only screen and (max-width: 47.937rem) {
    .front-alumni__wrapper {
        gap: 0;
    }
}

.front-alumni__description {
    height: 100%;
    overflow: auto;
    scrollbar-width: none;
    color: var(--qn-neutral-800);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
}

.front-alumni__description::-webkit-scrollbar {
    display: none;
}

@media only screen and (max-width: 47.937rem) {
    .front-alumni__description {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 400;
    }
}

@media only screen and (min-width: 47.937rem) {
    .front-alumni .glide__slides {
        width: 100% !important;
        transform: none !important;
        display: grid !important;
        grid-auto-flow: dense !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 1.5rem !important;
    }

    .front-alumni .glide__slide {
        width: 100% !important;
        height: -moz-fit-content !important;
        height: fit-content !important;
        margin: 0 !important;
    }

    .front-alumni .glide__slide--clone {
        display: none !important;
    }

    .front-alumni .glide__arrows {
        display: none !important;
    }
}

@media only screen and (min-width: 79.937rem) {
    .front-alumni .glide__slides {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 1rem !important;
    }
}

.front-testimoni {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    -moz-column-gap: 24px;
    column-gap: 24px;
}

.front-testimoni__card {
    border-radius: 0.75rem;
    border: 1px solid var(--kl-color, var(--qn-neutral-200));
    background: var(--kl-color, var(--qn-neutral-100));
    padding: 3.625rem 1.5rem 1.5rem;
    position: relative;
    margin-top: 5rem;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.front-testimoni__card .avatar {
    position: absolute;
    top: 0;
    transform: translateY(-50%);
    font-feature-settings: "liga" off;
}

.front-testimoni__card-desc {
    font-feature-settings: "liga" off;
    color: var(--kl-color, var(--qn-neutral-700));
    font-size: 14px;
    line-height: 20px;
    flex-grow: 1;
}

.front-testimoni__card-profile {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    padding-top: 2rem;
    width: 100%;
}

.front-testimoni__card-graduate {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.25rem;
    padding-bottom: 1rem;
}

.front-testimoni__card-alumni {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.125rem;
}

.front-testimoni__card-logo {
    min-width: 2.5rem;
    max-width: 2.5rem;
    min-height: 2.5rem;
    max-height: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--qn-white);
    padding: 0.25rem;
    border-radius: 8px;
    border: 1px solid var(--kl-color, var(--qn-neutral-200));
}

.front-testimoni__card-logo img {
    max-width: 2rem;
    max-height: 2rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.front-testimoni__card-name {
    color: var(--kl-color, var(--qn-neutral-800));
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    font-feature-settings: "liga" off;
    word-break: break-word;
}

.front-testimoni__card-position,
.front-testimoni__card-prodi {
    color: var(--kl-p-color, var(--qn-neutral-600));
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
    font-feature-settings: "liga" off;
}

.front-testimoni .glide__slide {
    height: unset;
    display: flex;
    align-self: stretch;
}

@media only screen and (min-width: 47.937rem) {
    .front-testimoni .glide__slides {
        width: 100% !important;
        transform: none !important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        -moz-column-gap: 24px;
        column-gap: 24px;
    }

    .front-testimoni .glide__slide {
        margin: 0 !important;
        width: calc(25% - 18px) !important;
    }

    .front-testimoni .glide__slide--clone {
        display: none !important;
    }
}

@media only screen and (min-width: 47.937rem) and (max-width: 79.937rem) {
    .front-testimoni .glide__slide {
        width: calc(33.333333% - 16px) !important;
    }
}

@media only screen and (min-width: 47.937rem) and (max-width: 47.937rem) {
    .front-testimoni .glide__slide {
        width: calc(50% - 12px) !important;
    }
}

@media only screen and (min-width: 47.937rem) {

    .front-testimoni .glide__slide.glide__slide--eight,
    .front-testimoni .glide__slide.glide__slide--eight~.front-testimoni .glide__slide {
        width: calc(25% - 18px) !important;
    }
}

@media only screen and (min-width: 47.937rem) and (max-width: 83.437rem) {

    .front-testimoni .glide__slide.glide__slide--eight,
    .front-testimoni .glide__slide.glide__slide--eight~.front-testimoni .glide__slide {
        width: calc(25% - 18px) !important;
    }
}

@media only screen and (min-width: 47.937rem) and (max-width: 79.937rem) {

    .front-testimoni .glide__slide.glide__slide--eight,
    .front-testimoni .glide__slide.glide__slide--eight~.front-testimoni .glide__slide {
        width: calc(33.333333% - 16px) !important;
    }
}

@media only screen and (min-width: 47.937rem) and (max-width: 47.937rem) {

    .front-testimoni .glide__slide.glide__slide--eight,
    .front-testimoni .glide__slide.glide__slide--eight~.front-testimoni .glide__slide {
        width: calc(50% - 12px) !important;
    }
}

@media only screen and (min-width: 47.937rem) {

    .front-testimoni .glide__slide.glide__slide--six,
    .front-testimoni .glide__slide.glide__slide--six~.front-testimoni .glide__slide {
        width: calc(33.33% - 18px) !important;
    }
}

@media only screen and (min-width: 47.937rem) and (max-width: 79.937rem) {

    .front-testimoni .glide__slide.glide__slide--six,
    .front-testimoni .glide__slide.glide__slide--six~.front-testimoni .glide__slide {
        width: calc(33.333333% - 16px) !important;
    }
}

@media only screen and (min-width: 47.937rem) and (max-width: 47.937rem) {

    .front-testimoni .glide__slide.glide__slide--six,
    .front-testimoni .glide__slide.glide__slide--six~.front-testimoni .glide__slide {
        width: calc(50% - 12px) !important;
    }
}

@media only screen and (min-width: 47.937rem) {

    .front-testimoni .glide__slide.glide__slide--four,
    .front-testimoni .glide__slide.glide__slide--four~.front-testimoni .glide__slide {
        width: calc(25% - 18px) !important;
    }
}

@media only screen and (min-width: 47.937rem) and (max-width: 83.437rem) {

    .front-testimoni .glide__slide.glide__slide--four,
    .front-testimoni .glide__slide.glide__slide--four~.front-testimoni .glide__slide {
        width: calc(25% - 18px) !important;
    }
}

@media only screen and (min-width: 47.937rem) and (max-width: 79.937rem) {

    .front-testimoni .glide__slide.glide__slide--four,
    .front-testimoni .glide__slide.glide__slide--four~.front-testimoni .glide__slide {
        width: calc(33.333333% - 16px) !important;
    }
}

@media only screen and (min-width: 47.937rem) and (max-width: 47.937rem) {

    .front-testimoni .glide__slide.glide__slide--four,
    .front-testimoni .glide__slide.glide__slide--four~.front-testimoni .glide__slide {
        width: calc(50% - 12px) !important;
    }
}

@media only screen and (min-width: 47.937rem) {

    .front-testimoni .glide__slide.glide__slide--three,
    .front-testimoni .glide__slide.glide__slide--three~.front-testimoni .glide__slide {
        width: calc(33.333333% - 18px) !important;
    }
}

@media only screen and (min-width: 47.937rem) and (max-width: 79.937rem) {

    .front-testimoni .glide__slide.glide__slide--three,
    .front-testimoni .glide__slide.glide__slide--three~.front-testimoni .glide__slide {
        width: calc(33.333333% - 16px) !important;
    }
}

@media only screen and (min-width: 47.937rem) and (max-width: 47.937rem) {

    .front-testimoni .glide__slide.glide__slide--three,
    .front-testimoni .glide__slide.glide__slide--three~.front-testimoni .glide__slide {
        width: calc(50% - 12px) !important;
    }
}

@media only screen and (min-width: 47.937rem) {

    .front-testimoni .glide__slide.glide__slide--two,
    .front-testimoni .glide__slide.glide__slide--two~.front-testimoni .glide__slide {
        width: calc(50% - 18px) !important;
    }
}

@media only screen and (min-width: 47.937rem) and (max-width: 47.937rem) {

    .front-testimoni .glide__slide.glide__slide--two,
    .front-testimoni .glide__slide.glide__slide--two~.front-testimoni .glide__slide {
        width: calc(50% - 12px) !important;
    }
}

@media only screen and (min-width: 47.937rem) {
    .front-testimoni .glide__arrows {
        display: none !important;
    }
}

.front-career {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3.75rem;
    padding-top: 3.75rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-career {
        gap: 2.5rem;
        padding-top: 2.5rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-career {
        gap: 1.5rem;
        padding-top: 1.5rem;
    }
}

.front-career__benefit {
    --kl-section-benefit-card-height: 306px;
    --kl-section-benefit-card-y-padding: 2rem;
    --kl-section-benefit-card-x-padding: 1.5rem;
    min-height: var(--kl-section-benefit-card-height);
    height: var(--kl-section-benefit-card-height);
    max-height: var(--kl-section-benefit-card-height);
    background: var(--kl-card-back-color, var(--qn-white));
    box-shadow: 0 0 1.25rem 0 rgba(187, 187, 187, 0.1);
    border-radius: 0.75rem;
    padding: var(--kl-section-benefit-card-y-padding) var(--kl-section-benefit-card-x-padding);
    position: relative;
    transition: box-shadow 350ms ease-in-out;
}

.front-career__benefit-nohover {
    --kl-section-benefit-card-height: 306px;
    --kl-section-benefit-card-y-padding: 2rem;
    --kl-section-benefit-card-x-padding: 1.5rem;
    min-height: var(--kl-section-benefit-card-height);
    height: var(--kl-section-benefit-card-height);
    max-height: var(--kl-section-benefit-card-height);
    background: var(--kl-card-back-color, var(--qn-white));
    box-shadow: 0 0 1.25rem 0 rgba(187, 187, 187, 0.1);
    border-radius: 0.75rem;
    padding: var(--kl-section-benefit-card-y-padding) var(--kl-section-benefit-card-x-padding);
    position: relative;
    transition: box-shadow 350ms ease-in-out;
}

@media only screen and (max-width: 79.937rem) {
    .front-career__benefit {
        --kl-section-benefit-card-height: 263px;
        --kl-section-benefit-card-y-padding: 1.5rem;
        --kl-section-benefit-card-x-padding: 1rem;
    }

    .front-career__benefit-nohover {
        --kl-section-benefit-card-height: 263px;
        --kl-section-benefit-card-y-padding: 1.5rem;
        --kl-section-benefit-card-x-padding: 1rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-career__benefit {
        --kl-section-benefit-card-height: 228px;
        --kl-section-benefit-card-y-padding: 1.25rem;
    }

    .front-career__benefit-nohover {
        --kl-section-benefit-card-height: 228px;
        --kl-section-benefit-card-y-padding: 1.25rem;
    }
}

.front-career__benefit-circle {
    --kl-section-benefit-circle-size: 4.75rem;
    min-width: var(--kl-section-benefit-circle-size);
    min-height: var(--kl-section-benefit-circle-size);
    width: var(--kl-section-benefit-circle-size);
    height: var(--kl-section-benefit-circle-size);
    max-width: var(--kl-section-benefit-circle-size);
    max-height: var(--kl-section-benefit-circle-size);
    position: relative;
    border-radius: 50%;
    background-color: var(--kl-card-icon-back-color, var(--qn-primary-100));
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 79.937rem) {
    .front-career__benefit-circle {
        --kl-section-benefit-circle-size: 4.25rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-career__benefit-circle {
        --kl-section-benefit-circle-size: 3.25rem;
    }
}

.front-career__benefit-icon {
    width: var(--kl-section-benefit-card-icon-size);
    height: var(--kl-section-benefit-card-icon-size);
}

@media only screen and (max-width: 79.937rem) {
    .front-career__benefit-icon {
        --kl-section-benefit-card-icon-size: 2rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-career__benefit-icon {
        --kl-section-benefit-card-icon-size: 1.5rem;
    }
}

.front-career__benefit-title {
    padding-top: 1rem;
    color: var(--kl-color, var(--qn-neutral-800));
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 79.937rem) {
    .front-career__benefit-title {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 600;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-career__benefit-title {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 600;
    }
}

.front-career__benefit-description {
    padding-top: 0.75rem;
    color: var(--kl-p-color, var(--qn-neutral-600));
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow: hidden;
}

@media only screen and (max-width: 79.937rem) {
    .front-career__benefit-description {
        padding-top: 0.5rem;
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 400;
    }
}

.front-career__benefit-link {
    position: absolute;
    color: var(--kl-color, var(--qn-ocean-blue-400));
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    bottom: var(--kl-section-benefit-card-y-padding);
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    gap: 0.25rem;
    align-items: center;
    transition: transform 250ms cubic-bezier(0, 0.29, 0.84, 0.76), color 250ms ease-in;
    transform: translateX(0);
}

@media only screen and (max-width: 47.937rem) {
    .front-career__benefit-link {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 600;
    }
}

.front-career__benefit-link .icon {
    color: inherit;
    font-size: 1.25rem;
    transition: inherit;
    transform: translateX(0);
}

@media only screen and (max-width: 47.937rem) {
    .front-career__benefit-link .icon {
        font-size: 1rem;
    }
}

.front-career__benefit:hover {
    box-shadow: 0 0 1.625rem 0 rgba(187, 187, 187, 0.35);
}

.front-career__benefit:hover .front-career__benefit-link {
    color: var(--kl-color, var(--qn-ocean-blue-500));
    text-decoration: underline;
    transform: translateX(0.25rem);
}

.front-career__benefit:hover .front-career__benefit-link .icon {
    transform: translateX(0.125rem);
}

.front-career__video {
    height: 100%;
    min-height: 636px;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 0 1.25rem 0 rgba(77, 77, 77, 0.06);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 79.937rem) {
    .front-career__video {
        height: 320px;
        min-height: 320px;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-career__video {
        height: 240px;
        min-height: 240px;
    }
}

.front-career__video-thumbnail {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
}

.front-career__wrapper {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 250ms ease-in-out;
}

.front-career__wrapper:hover {
    background: rgba(0, 0, 0, 0.2);
}

.front-career__icon-play {
    --kl-video-size: 5rem;
    min-width: var(--kl-video-size);
    min-height: var(--kl-video-size);
    width: var(--kl-video-size);
    height: var(--kl-video-size);
    max-width: var(--kl-video-size);
    max-height: var(--kl-video-size);
    background: var(--qn-primary-400);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 79.937rem) {
    .front-career__icon-play {
        --kl-video-size: 4.5rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-career__icon-play {
        --kl-video-size: 3.25rem;
    }
}

.front-career__icon-play::after {
    --kl-icon-size: 2rem;
    content: "";
    background-image: url(./../images/icons/play.svg);
    background-size: var(--kl-icon-size) var(--kl-icon-size);
    background-repeat: no-repeat;
    width: var(--kl-icon-size);
    height: var(--kl-icon-size);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 47.937rem) {
    .front-career__icon-play::after {
        --kl-icon-size: 1.5rem;
    }
}

.front-vacancy {
    padding-top: 4rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-vacancy {
        padding-top: 2.5rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-vacancy {
        padding-top: 1.5rem;
    }
}

@media only screen and (max-width: 79.937rem) {
    .front-vacancy__content>.grid>div:first-child {
        order: 1;
    }
}

.front-vacancy__content .btn_filter {
    --qn-btn-height-size: 2.75rem;
    --qn-btn-padding-size: 0.75rem 1.5rem;
    gap: 0.25rem;
    border-radius: 3.125rem;
    position: fixed;
    bottom: 1rem;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0 auto;
    z-index: 400;
    display: none;
}

@media only screen and (max-width: 79.937rem) {
    .front-vacancy__content .btn_filter {
        display: flex;
    }
}

.front-vacancy__search {
    padding: 1.5rem;
    border-radius: 0.75rem;
    border: 0.063rem solid var(--qn-neutral-300);
    background: var(--qn-white);
    z-index: 2;
}

@media only screen and (max-width: 47.937rem) {
    .front-vacancy__search {
        padding: 1rem;
    }
}

.front-vacancy__search>.grid {
    align-items: end;
    gap: 1rem;
}

@media only screen and (max-width: 47.937rem) {
    .front-vacancy__search>.grid {
        gap: 0.5rem;
    }
}

.front-vacancy__search .form-control__label {
    padding-bottom: 0.375rem;
}

@media only screen and (max-width: 47.937rem) {
    .front-vacancy__search .form-control__label {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 500;
    }
}

.front-vacancy__search .form-control__input {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
}

@media only screen and (max-width: 47.937rem) {
    .front-vacancy__search .btn {
        --qn-btn-height-size: 2.25rem;
        padding: 0.5rem 0.875rem;
    }
}

.front-vacancy__container {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.front-vacancy__container .main__header {
    padding: 0;
}

@media only screen and (max-width: 47.937rem) {
    .front-vacancy__container .main__header {
        align-items: start;
        flex-direction: column;
        gap: 0.75rem;
    }
}

.front-vacancy__container .main__title {
    color: var(--qn-neutral-800);
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 600;
}

@media only screen and (max-width: 79.937rem) {
    .front-vacancy__container .main__title {
        font-size: 1.125rem;
        line-height: 1.625rem;
        font-weight: 600;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-vacancy__container .main__title {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 600;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-vacancy__container .main__action {
        width: 100%;
    }
}

.front-vacancy__container .main__action .nav-tab {
    min-width: -moz-fit-content;
    min-width: fit-content;
}

.front-vacancy__container .main__action .nav-tab__wrapper {
    border: none;
}

.front-vacancy__container .main__action .nav-tab__item {
    border: none;
}

.front-vacancy__container .main__action .nav-tab .icon {
    display: block;
    font-size: 1rem;
    line-height: 1rem;
}

.front-vacancy__container .main__action .form-control {
    width: 160px;
}

@media only screen and (max-width: 47.937rem) {
    .front-vacancy__container .main__action .form-control {
        width: 100%;
    }
}

.front-vacancy .tab-pane {
    padding: 0;
}

.front-vacancy__filter {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-radius: 0.75rem;
    border: 0.063rem solid var(--qn-neutral-300);
    background: var(--qn-white);
    box-shadow: 0 0 0.75rem 0 rgba(77, 77, 77, 0.06);
    --kl-vacancy-filter-section-padding: 1rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-vacancy__filter {
        --kl-vacancy-filter-section-padding: 0.75rem 1rem;
        display: none;
        position: fixed;
        width: 100vw;
        height: 100vh;
        inset: 0;
        z-index: 999;
        visibility: visible;
        opacity: 1;
    }

    .front-vacancy__filter.show {
        display: flex;
    }
}

.front-vacancy__filter-body {
    width: 100%;
}

@media only screen and (max-width: 79.937rem) {
    .front-vacancy__filter-body {
        flex-grow: 1;
        overflow-y: auto;
    }
}

.front-vacancy__filter-footer {
    display: none;
    padding: 1rem;
    background-color: var(--qn-white);
    width: 100%;
}

@media only screen and (max-width: 79.937rem) {
    .front-vacancy__filter-footer {
        display: block;
    }
}

.front-vacancy__filter-header {
    padding: var(--kl-vacancy-filter-section-padding);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.063rem solid var(--qn-neutral-200);
}

.front-vacancy__filter-header .icon {
    font-size: 2rem;
    line-height: 2rem;
    color: var(--qn-neutral-900);
    display: none;
}

@media only screen and (max-width: 79.937rem) {
    .front-vacancy__filter-header .icon {
        display: block;
    }
}

@media only screen and (max-width: 79.937rem) {
    .front-vacancy__filter-header .btn {
        display: block;
    }
}

.front-vacancy__filter-left {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.front-vacancy__filter-title {
    color: var(--qn-neutral-800);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
}

.front-vacancy__filter-section {
    --kl-vacancy-filter-section-padding: 1rem;
    border-bottom: 0.063rem solid var(--qn-neutral-200);
}

.front-vacancy__filter-section .collapse {
    padding: 0 var(--kl-vacancy-filter-section-padding) var(--kl-vacancy-filter-section-padding);
}

.front-vacancy__filter-section .collapse .grid {
    gap: 0.75rem;
}

.front-vacancy__filter-section .form-control__label-checkbox {
    color: var(--qn-neutral-800);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
}

.front-vacancy__filter-section .link.show {
    display: none;
}

.front-vacancy__filter-isolation {
    padding: 0 !important;
}

.front-vacancy__filter-subtitle {
    color: var(--qn-neutral-800);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
}

.front-vacancy__filter-toggle {
    padding: var(--kl-vacancy-filter-section-padding);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.front-vacancy__filter-toggle .icon {
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: var(--qn-neutral-500);
}

.front-vacancy__card {
    --kl-section-vacancy-card-height: 18.75rem;
    position: relative;
    width: 100%;
    height: var(--kl-section-vacancy-card-height);
    max-height: var(--kl-section-vacancy-card-height);
    border-radius: 0.75rem;
    background-color: var(--qn-white);
    background-image: url(./../images/pattern-sevima-platform.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    box-shadow: 0 0 1.25rem 0 rgba(77, 77, 77, 0.06);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.25rem;
    transition: box-shadow 350ms ease-in-out, border 350ms ease-in-out, transform 250ms ease-out;
}

.front-vacancy__card:hover:not(.front-vacancy__card_on-load) {
    /* box-shadow: 0 0 0 0.25rem #F2F4F7, 0 0.063rem 0.125rem 0 rgba(16, 24, 40, 0.05); */
    border: 0.063rem solid var(--qn-primary-400);
    box-shadow: 0 0 0 0.25rem rgba(15, 106, 245, 0.12), 0 0.063rem 0.125rem 0 rgba(16, 24, 40, 0.05);
    transform: scale(1.01);
}

.front-vacancy__card:hover:not(.front-vacancy__card_on-load) .front-vacancy__card-title {
    color: var(--qn-ocean-blue-400);
}

@media only screen and (max-width: 79.937rem) {
    .front-vacancy__card:hover:not(.front-vacancy__card_on-load) {
        transform: scale(1);
    }
}

.front-vacancy__card-header {
    position: relative;
    display: flex;
    gap: 0.5rem;
}

.front-vacancy__card-body {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.front-vacancy__card-inline {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.front-vacancy__card-title {
    color: var(--qn-neutral-800);
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 700;
    word-break: break-all;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: -webkit-text-decoration 250ms ease-in-out;
    transition: text-decoration 250ms ease-in-out;
    transition: text-decoration 250ms ease-in-out, -webkit-text-decoration 250ms ease-in-out;
}

.front-vacancy__card-footer {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: absolute;
    bottom: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.front-vacancy__card-item {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.front-vacancy__card-item .icon {
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: var(--qn-neutral-400);
}

.front-vacancy__card-text {
    color: var(--qn-neutral-600);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    word-break: break-all;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 75%;
}

.front-vacancy__card-salary {
    color: var(--qn-neutral-600);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.front-vacancy__card_on-load .front-vacancy__company,
.front-vacancy__card_on-load .front-vacancy__position,
.front-vacancy__card_on-load .front-vacancy__card-title,
.front-vacancy__card_on-load .front-vacancy__card-text .front-vacancy__card-salary {
    border-radius: 0.25rem;
}

.front-vacancy__card_on-load .front-vacancy__box,
.front-vacancy__card_on-load .front-vacancy__company,
.front-vacancy__card_on-load .front-vacancy__position,
.front-vacancy__card_on-load .front-vacancy__card-title,
.front-vacancy__card_on-load .badge,
.front-vacancy__card_on-load .front-vacancy__card-text .front-vacancy__card-salary {
    color: transparent !important;
    outline: none;
    border: none;
    background: var(--qn-neutral-200);
    background-image: linear-gradient(to left, var(--qn-neutral-200) 0px, var(--qn-neutral-300) 40px, var(--qn-neutral-200) 80px);
    background-size: 150px;
    background-repeat: no-repeat;
}

.front-vacancy__card_on-load .front-vacancy__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
}

.front-vacancy__card_on-load .front-vacancy__company,
.front-vacancy__card_on-load .front-vacancy__position {
    width: -moz-fit-content;
    width: fit-content;
}

.front-vacancy__box {
    width: 2.5rem;
    height: 2.5rem;
    max-width: 2.5rem;
    max-height: 2.5rem;
    background-color: var(--qn-white);
    padding: 0.25rem;
    border-radius: 0.5rem;
    border: 0.063rem solid var(--qn-neutral-200);
    overflow: hidden;
}

.front-vacancy__logo {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
}

.front-vacancy__company {
    color: var(--qn-neutral-800);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    word-break: break-all;
    overflow-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 100ms ease-in-out 200ms;
}

.front-vacancy__position {
    color: var(--qn-neutral-600);
    font-size: 0.75rem;
    line-height: 1.125rem;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 175ms ease-in-out 200ms;
}

.front-vacancy__float-right {
    position: absolute;
    right: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.front-vacancy__float-right .btn_icon {
    padding: 0.5rem;
    background: var(--qn-neutral-100);
    min-height: 2.25rem;
    height: 2.25rem;
}

.front-vacancy__float-right .icon {
    font-size: 1.25rem;
    line-height: 1.25rem;
    color: var(--qn-neutral-400);
}

.front-vacancy_list {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.front-training {
    --kl-glide-padding-y: 1.25rem;
    padding-top: calc(3.75rem - var(--kl-glide-padding-y));
    padding-bottom: calc(7.5rem - var(--kl-glide-padding-y));
}

@media only screen and (max-width: 79.937rem) {
    .front-training {
        padding-top: calc(2.5rem - var(--kl-glide-padding-y));
        padding-bottom: calc(3.75rem - var(--kl-glide-padding-y));
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-training {
        padding-top: calc(1.5rem - var(--kl-glide-padding-y));
        padding-bottom: 2.5rem;
    }
}

.front-training .glide__slides {
    padding-top: var(--kl-glide-padding-y);
    padding-bottom: var(--kl-glide-padding-y);
}

.front-training__card {
    --kl-training-card-height: 364px;
    --kl-up-length: 0.5rem;
    position: relative;
    z-index: 2;
    border-radius: 0.75rem;
    background: var(--qn-white);
    box-shadow: 0 0 1.25rem 0 rgba(77, 77, 77, 0.1);
    transition: all 350ms ease-in-out;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    overflow: hidden;
    height: var(--kl-training-card-height);
    max-height: var(--kl-training-card-height);
    --kl-training-card-padding: 0 1rem 1.25rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-training__card {
        --kl-training-card-height: 330px;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-training__card {
        --kl-training-card-height: 326px;
    }
}

.front-training__card-header {
    width: 100%;
    height: 10rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-training__card {
        --kl-training-card-padding: 0 0.75rem 1rem;
    }
}

.front-training__card-body {
    padding: var(--kl-training-card-padding);
}

.front-training__card-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: var(--kl-training-card-padding);
    display: flex;
    gap: 0.75rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-training__card-footer {
        gap: 0.5rem;
    }
}

.front-training__card:hover,
.front-training__card:active,
.front-training__card:focus {
    color: var(--qn-neutral-500);
}

.front-training__card:hover::before,
.front-training__card:active::before,
.front-training__card:focus::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% + var(--kl-up-length));
}

.front-training__card:hover {
    box-shadow: 0 0 1.625rem 0 rgba(77, 77, 77, 0.2);
}

.front-training__card:hover .front-training__title {
    transform: color 350ms ease-in-out 150ms;
    color: var(--qn-ocean-blue-500);
}

.front-training__image {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.front-training__author {
    color: var(--qn-neutral-600);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-bottom: 0.25rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-training__author {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 500;
    }
}

.front-training__title {
    color: var(--qn-neutral-800);
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 79.937rem) {
    .front-training__title {
        font-size: 1.125rem;
        line-height: 1.625rem;
        font-weight: 700;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-training__title {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 700;
    }
}

.front-training__price-after {
    color: var(--qn-neutral-800);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 79.937rem) {
    .front-training__price-after {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 700;
    }
}

.front-training__price-before {
    color: var(--qn-neutral-500);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 79.937rem) {
    .front-training__price-before {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 400;
    }
}

.front-training .rating {
    padding-top: 0.75rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-training .rating {
        padding-top: 0.5rem;
    }
}

.front-tips {
    padding-top: 2.75rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-tips {
        padding-top: 2.5rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-tips {
        padding-top: 1.5rem;
    }
}

.front-tips_without-padding {
    padding: 0rem;
}

.front-tips__card {
    --kl-tips-card-height: 36.875rem;
    height: var(--kl-tips-card-height);
    max-height: var(--kl-tips-card-height);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    position: relative;
    border-radius: 0.75rem;
    transition: box-shadow 250ms ease-in-out;
}

@media only screen and (max-width: 79.937rem) {
    .front-tips__card {
        --kl-tips-card-height: 33.125rem;
        gap: 1rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-tips__card {
        --kl-tips-card-height: 418px;
        gap: 0.75rem;
    }
}

.front-tips__card-header {
    width: 100%;
    height: 20rem;
    border-radius: 0.75rem;
    overflow: hidden;
}

@media only screen and (max-width: 79.937rem) {
    .front-tips__card-header {
        height: 17.5rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-tips__card-header {
        height: 12.5rem;
    }
}

.front-tips__card-body {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media only screen and (max-width: 47.937rem) {
    .front-tips__card-body {
        gap: 1rem;
    }
}

.front-tips__card-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 1;
    transition: padding 275ms ease-in-out 50ms;
}

.front-tips__card:hover .front-tips__image {
    width: 102%;
    height: 102%;
}

.front-tips__card:hover .front-tips__title {
    color: var(--qn-ocean-blue-500);
}

.front-tips__card:hover .front-tips__by .icon {
    transform: translate(4px, -4px);
}

.front-tips__by {
    --kl-tips-card-by-gap: 0.75rem;
    display: flex;
    gap: var(--kl-tips-card-by-gap);
    --kl-tips-card-box-size: 2.5rem;
    --kl-tips-card-icon-size: 2rem;
}

@media only screen and (max-width: 47.937rem) {
    .front-tips__by {
        --kl-tips-card-by-gap: 0.5rem;
    }
}

.front-tips__by-box {
    width: var(--kl-tips-card-box-size);
    height: var(--kl-tips-card-box-size);
    max-width: var(--kl-tips-card-box-size);
    max-height: var(--kl-tips-card-box-size);
    background-color: var(--qn-white);
    padding: 0.25rem;
    border-radius: 0.5rem;
    border: 0.063rem solid var(--qn-neutral-200);
}

.front-tips__by-logo {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.front-tips__by-name {
    color: var(--qn-neutral-700);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 47.937rem) {
    .front-tips__by-name {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 600;
    }
}

.front-tips__by-time {
    color: var(--qn-neutral-500);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: color 175ms ease-in-out 200ms;
}

@media only screen and (max-width: 47.937rem) {
    .front-tips__by-time {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 400;
    }
}

.front-tips__by .icon {
    color: var(--qn-neutral-500);
    font-size: var(--kl-tips-card-icon-size);
    line-height: var(--kl-tips-card-icon-size);
    transition: transform 250ms ease-in-out;
}

.front-tips__by-wrapper {
    --kl-tips-card-wrapper-width: calc(100% - var(--kl-tips-card-box-size) - var(--kl-tips-card-by-gap)*2 - var(--kl-tips-card-icon-size));
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    width: var(--kl-tips-card-wrapper-width);
    max-width: var(--kl-tips-card-wrapper-width);
}

.front-tips__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: all 300ms ease-in-out;
}

.front-tips__wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.front-tips__title {
    color: var(--qn-neutral-800);
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 79.937rem) {
    .front-tips__title {
        font-size: 1.125rem;
        line-height: 1.625rem;
        font-weight: 700;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-tips__title {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 700;
    }
}

.front-tips__description {
    color: var(--qn-neutral-600);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 47.937rem) {
    .front-tips__description {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 400;
    }
}

.front-tips .glide__track,
.front-tips .glide__slides {
    overflow: visible;
}

@media only screen and (max-width: 79.937rem) {
    .front-tips .badge {
        --qn-badge-height-size: 1.5rem;
        --qn-badge-padding-size: 0.125rem 0.5rem;
    }
}

.front-report__card {
    --qn-report-background: var(--qn-white);
    --qn-report-height: 16.25rem;
    --qn-report-corner-top: 0.625rem;
    --qn-report-corner-offset: 5.75rem;
    --qn-report-corner-offset-top: 1.375rem;
    --qn-report-padding-default: 1.25rem;
    --qn-report-padding-top: 2.25rem;
    --qn-report-border-size: 0.063rem;
    --qn-report-border-color: var(--qn-neutral-300);
    --qn-report-border-radius: 0.75rem;
    background-color: var(--qn-report-background);
    position: relative;
    z-index: 0;
    height: var(--qn-report-height);
    max-height: var(--qn-report-height);
    border: var(--qn-report-border-size) solid var(--qn-report-border-color);
    border-radius: var(--qn-report-border-radius);
}

.front-report__card::before {
    content: "";
    display: block;
    z-index: 1;
    pointer-events: none;
    background-color: var(--qn-report-background);
    position: absolute;
    top: calc(var(--qn-report-border-size) * -1);
    left: calc(var(--qn-report-border-size) * -1);
    width: calc(100% - var(--qn-report-corner-offset) + var(--qn-report-corner-offset-top));
    height: calc(var(--qn-report-padding-top));
}

.front-report__card::after {
    content: "";
    display: block;
    z-index: 2;
    pointer-events: none;
    background-color: transparent;
    border: var(--qn-report-border-size) solid var(--qn-report-border-color);
    border-bottom: none;
    border-right: none;
    border-radius: var(--qn-report-border-radius) 0 0 0;
    position: absolute;
    top: var(--qn-report-corner-top);
    left: calc(var(--qn-report-border-size) * -1);
    width: calc(100% - var(--qn-report-corner-offset));
    height: calc(var(--qn-report-padding-top) - var(--qn-report-corner-top));
}

.front-report__card-corner {
    display: block;
    pointer-events: none;
    position: absolute;
    z-index: 3;
    top: calc(var(--qn-report-border-size) * -1);
    right: calc(var(--qn-report-border-size) * -1 + var(--qn-report-corner-offset) - var(--qn-report-corner-offset-top));
    width: calc(var(--qn-report-corner-offset-top) + var(--qn-report-border-size) * 2);
    height: calc(var(--qn-report-corner-top) + var(--qn-report-border-size) * 2);
    background: linear-gradient(to top left, var(--qn-report-background) calc(50% - var(--qn-report-border-size)), var(--qn-report-border-color), var(--qn-report-background) calc(50% + var(--qn-report-border-size)));
}

.front-report__card-body {
    padding: var(--qn-report-padding-default);
    padding-top: var(--qn-report-padding-top);
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-report__card-body {
        gap: 0.75rem;
    }
}

@media only screen and (max-width: 79.937rem) {
    .front-report__card-body .badge {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 500;
        --qn-badge-height-size: 1.5rem;
        --qn-badge-padding-size: 0.125rem 0.5rem;
    }
}

.front-report__card-title {
    color: var(--qn-neutral-800);
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.front-report__card-title-tracer {
    color: var(--qn-neutral-800);
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-weight: 700;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all 0.3s ease;
}


.front-report__card-title-tracer:hover {
    line-clamp: unset;
    -webkit-line-clamp: unset;
    display: block;
    overflow: visible;
}

.front-report__card-sub {
    display: flex;
    overflow-x: auto;
    flex-wrap: wrap;
    gap: 4px;
    overflow: auto;
}

@media only screen and (max-width: 79.937rem) {
    .front-report__card-title {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 700;
    }
}

.front-report__card-footer {
    position: absolute;
    padding: var(--qn-report-padding-default);
    padding-top: 0rem;
    bottom: 0rem;
    width: 100%;
}

.front-report__card-footer>* {
    width: 100%;
}

.front-contact {
    --kl-circle-size: 3.25rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.front-contact .front-section__header {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-contact {
        --kl-circle-size: 3rem;
        flex-direction: column;
        gap: 3.75rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-contact {
        --kl-circle-size: 2.5rem;
        gap: 2.5rem;
    }
}

.front-contact__wrapper {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 2.75rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-contact__wrapper {
        gap: 2rem;
    }
}

.front-contact__wrapper~.front-contact__wrapper {
    position: relative;
    height: 33.125rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-contact__wrapper~.front-contact__wrapper {
        width: 588px;
        max-width: 588px;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-contact__wrapper~.front-contact__wrapper {
        width: 328px;
        height: 296px;
    }
}

.front-contact__wrapper~.front-contact__wrapper::before {
    --kl-contact-box-dash-size: 398px;
    content: "";
    width: var(--kl-contact-box-dash-size);
    height: var(--kl-contact-box-dash-size);
    border-radius: 0.75rem;
    border: 0.063rem dashed var(--qn-neutral-400);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}

@media only screen and (max-width: 47.937rem) {
    .front-contact__wrapper~.front-contact__wrapper::before {
        --kl-contact-box-dash-size: 222.014px;
    }
}

.front-contact__wrapper>.grid {
    gap: 1.5rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-contact__wrapper>.grid {
        gap: 1.5rem 1rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-contact__wrapper>.grid {
        gap: 1rem;
    }
}

.front-contact__item {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-right: calc(var(--kl-circle-size) / 2);
    cursor: pointer;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
}

@media only screen and (max-width: 79.937rem) {
    .front-contact__item {
        gap: 0.75rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-contact__item {
        gap: 0.75rem;
    }
}

.front-contact__item::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    min-width: var(--kl-circle-size);
    min-height: var(--kl-circle-size);
    width: var(--kl-circle-size);
    height: var(--kl-circle-size);
    border-radius: calc(var(--kl-circle-size) / 2);
    background: var(--qn-primary-100);
    transition: all 200ms cubic-bezier(0.45, 1.18, 0.92, 1.01);
    z-index: -1;
}

.front-contact__item-circle {
    min-width: var(--kl-circle-size);
    min-height: var(--kl-circle-size);
    width: var(--kl-circle-size);
    height: var(--kl-circle-size);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 300ms linear;
}

.front-contact__item-wrapper {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

@media only screen and (max-width: 47.937rem) {
    .front-contact__item-wrapper {
        gap: 0;
    }
}

.front-contact__item-label {
    color: var(--qn-neutral-600);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 47.937rem) {
    .front-contact__item-label {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 500;
    }
}

.front-contact__item-content {
    color: var(--qn-neutral-800);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 47.937rem) {
    .front-contact__item-content {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 600;
    }
}

.front-contact__item:hover .front-contact__item-content {
    text-decoration: underline;
}

.front-contact__float-image {
    width: 384px;
    height: 282px;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

@media only screen and (max-width: 47.937rem) {
    .front-contact__float-image {
        width: 214.204px;
        height: 157.306px;
    }
}

.front-contact__float-image~.front-contact__float-image {
    inset: unset;
    right: 0;
    bottom: 0;
}

.front-contact__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%;
    height: 100%;
    border-radius: 0.75rem;
    border: 0.5rem solid var(--qn-white);
}

.front-contact__box {
    --kl-circle-size: 2.5rem;
    --kl-icon-size: 1.25rem;
    width: 273px;
    position: absolute;
    top: 116px;
    right: 0;
    padding: 0.75rem 1rem;
    display: flex;
    gap: 0.75rem;
    background: var(--qn-white);
    border-radius: 0.75rem;
    box-shadow: 0 0 1.25rem 0 rgba(77, 77, 77, 0.06);
}

@media only screen and (max-width: 47.937rem) {
    .front-contact__box {
        width: 152.286px;
        padding: 0.375rem 0.5rem;
        gap: 0.5rem;
        top: 64.71px;
    }
}

.front-contact__box~.front-contact__box {
    inset: unset;
    bottom: 116px;
    left: 0;
}

@media only screen and (max-width: 47.937rem) {
    .front-contact__box~.front-contact__box {
        bottom: 65.49px;
    }
}

.front-contact__box-wrapper {
    min-width: var(--kl-circle-size);
    min-height: var(--kl-circle-size);
    width: var(--kl-circle-size);
    height: var(--kl-circle-size);
    border-radius: 50%;
    background-color: var(--qn-primary-400);
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 47.937rem) {
    .front-contact__box-wrapper {
        --kl-circle-size: 22.313px;
    }
}

.front-contact__box-wrapper .icon {
    color: var(--qn-white);
    font-size: var(--kl-icon-size);
    line-height: var(--kl-icon-size);
}

@media only screen and (max-width: 47.937rem) {
    .front-contact__box-wrapper .icon {
        --kl-icon-size: 11.156px;
    }
}

.front-contact__box-text {
    color: var(--qn-neutral-800);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: -moz-fit-content;
    height: fit-content;
}

@media only screen and (max-width: 47.937rem) {
    .front-contact__box-text {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 600;
        font-size: 7.81px;
        line-height: 11.156px;
    }
}

.front-cta {
    position: relative;
    background: var(--qn-primary-400);
    padding: 3.75rem;
    border-radius: 2rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-cta {
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 1.5rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-cta {
        border-radius: 0;
        padding: 2.5rem 1rem 2.375rem;
    }
}

.front-cta__float {
    position: absolute;
    right: 3.75rem;
    bottom: 0;
    height: 447px;
    max-height: 447px;
    overflow: hidden;
    z-index: 1;
    pointer-events: none;
}

.front-cta__float-image {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

@media only screen and (max-width: 79.937rem) {
    .front-cta__float {
        display: none;
    }
}

.front-cta__illustration-left,
.front-cta__illustration-right {
    overflow: hidden;
    position: absolute;
    inset: 0;
    min-width: 100%;
    min-height: 100%;
    pointer-events: none;
    z-index: 0;
}

.front-cta__illustration-left:before,
.front-cta__illustration-left:after,
.front-cta__illustration-right:before,
.front-cta__illustration-right:after {
    position: absolute;
}

.front-cta__illustration-left {
    border-bottom-left-radius: inherit;
    bottom: -0.25rem;
}

.front-cta__illustration-left:before,
.front-cta__illustration-left:after {
    bottom: 0;
    left: 0;
    content: "";
    width: 541px;
    height: 162px;
}

@media only screen and (max-width: 79.937rem) {

    .front-cta__illustration-left:before,
    .front-cta__illustration-left:after {
        width: 420px;
        height: 108px;
    }
}

@media only screen and (max-width: 47.937rem) {

    .front-cta__illustration-left:before,
    .front-cta__illustration-left:after {
        width: 296px;
        height: 88px;
    }
}

.front-cta__illustration-left:before {
    background: url(./../images/illustrations/cta-left-1.svg) center/cover no-repeat;
}

.front-cta__illustration-left:after {
    background: url(./../images/illustrations/cta-left-2.svg) center/cover no-repeat;
}

.front-cta__illustration-right {
    border-top-right-radius: inherit;
}

.front-cta__illustration-right:before,
.front-cta__illustration-right:after {
    top: 0;
    right: 0;
    content: "";
    width: 562px;
    height: 171px;
}

@media only screen and (max-width: 79.937rem) {

    .front-cta__illustration-right:before,
    .front-cta__illustration-right:after {
        width: 475px;
        height: 111px;
    }
}

@media only screen and (max-width: 47.937rem) {

    .front-cta__illustration-right:before,
    .front-cta__illustration-right:after {
        width: 384px;
        height: 96px;
    }
}

.front-cta__illustration-right:before {
    background: url(./../images/illustrations/cta-right-1.svg) center/cover no-repeat;
}

.front-cta__illustration-right:after {
    background: url(./../images/illustrations/cta-right-2.svg) center/cover no-repeat;
}

.front-cta__title {
    width: 65.4%;
    color: var(--qn-white);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    font-size: 30px;
    line-height: 44px;
}

@media only screen and (max-width: 79.937rem) {
    .front-cta__title {
        width: 452px;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 700;
        font-size: 24px;
        line-height: 36px;
        text-align: center;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-cta__title {
        width: 100%;
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 700;
    }
}

.front-cta__description {
    width: 52.1%;
    padding-top: 1rem;
    color: var(--qn-white);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
}

@media only screen and (max-width: 79.937rem) {
    .front-cta__description {
        width: 519px;
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 400;
        text-align: center;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-cta__description {
        padding-top: 0.75rem;
        width: 100%;
    }
}

.front-cta__wrapper {
    display: flex;
    padding-top: 2rem;
    gap: 1rem;
    flex-wrap: wrap;
}

@media only screen and (max-width: 79.937rem) {
    .front-cta__wrapper {
        padding-top: 1.5rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-cta__wrapper {
        padding-top: 2rem;
        flex-direction: column;
        gap: 0.75rem;
    }
}

.front-cta .btn_ghost {
    color: var(--qn-white);
}

.front-cta .btn_ghost:hover,
.front-cta .btn_ghost:active,
.front-cta .btn_ghost:focus {
    background-color: transparent !important;
    color: var(--qn-white) !important;
    text-decoration: underline;
}

@media only screen and (max-width: 79.937rem) {
    .front-cta .btn {
        --qn-btn-height-size: 2.5rem;
        padding: 0.625rem 1rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 600;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-cta .btn {
        --qn-btn-height-size: 2.25rem;
        padding: 0.5rem 0.875rem;
    }
}

.front-cta_dark {
    background: var(--qn-neutral-900);
}

.front-footer {
    display: flex;
    padding: 0rem 1rem;
    background-color: var(--qn-white);
}

.front-footer_strip {
    border-top: 0.063rem solid var(--qn-neutral-200);
}

.front-footer__nav {
    padding: 5rem 0;
}

@media only screen and (max-width: 79.937rem) {
    .front-footer__nav {
        padding: 2.5rem 0 3.75rem;
    }

    .front-footer__nav>.grid {
        gap: 1.5rem;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-footer__nav {
        padding: 2.5rem 0;
    }
}

.front-footer__nav .logo {
    padding: 0.375rem 0;
}

@media only screen and (max-width: 47.937rem) {
    .front-footer__nav .logo {
        padding: 0;
    }
}

.front-footer__nav-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-footer__nav-wrapper {
        gap: 1rem;
    }
}

.front-footer__nav-desc {
    color: var(--qn-neutral-600);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
}

@media only screen and (max-width: 79.937rem) {
    .front-footer__nav-desc {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 400;
    }
}

.front-footer__feature {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-footer__feature {
        gap: 1rem;
    }
}

.front-footer__feature-heading {
    color: var(--qn-neutral-800);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media only screen and (max-width: 79.937rem) {
    .front-footer__feature-heading {
        font-size: 0.875rem;
        line-height: 1.25rem;
        font-weight: 600;
    }
}

.front-footer__feature-item {
    list-style: none;
}

.front-footer__feature-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-footer__feature-list {
        gap: 0.5rem;
    }
}

.front-footer__feature-link {
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--qn-neutral-600);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-decoration: none;
}

@media only screen and (max-width: 79.937rem) {
    .front-footer__feature-link {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 400;
    }
}

.front-footer__feature-link:hover,
.front-footer__feature-link:active,
.front-footer__feature-link:focus {
    text-decoration: underline;
    color: var(--qn-ocean-blue-400);
}

.front-footer__copyright {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1.375rem 0 1.5rem 0;
    overflow: hidden;
}

@media only screen and (max-width: 79.937rem) {
    .front-footer__copyright {
        padding: 1.25rem 0;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-footer__copyright {
        padding: 1rem 0;
        flex-direction: column;
        gap: 0.75rem;
    }
}

.front-footer__copyright-text {
    color: var(--qn-neutral-500);
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
}

.front-footer__copyright-text-sub {
    color: var(--qn-neutral-500);
    font-size: 0.8rem;
    line-height: 1.25rem;
    font-weight: 400;
}

@media only screen and (max-width: 47.937rem) {
    .front-footer__copyright-text {
        font-size: 0.75rem;
        line-height: 1.125rem;
        font-weight: 600;
    }

    .front-footer__copyright-text-sub {
        font-size: 0.68rem;
        line-height: 1.125rem;
        font-weight: 400;
    }
}

.front-footer__copyright-wrapper {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.front-footer__copyright-link {
    --kl-up-length: 0.25rem;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--qn-neutral-400);
    transition: transform 150ms cubic-bezier(0, 0.29, 0.84, 0.76), color 250ms ease-in;
    transform: translateY(0);
    position: relative;
}

.front-footer__copyright-link:hover,
.front-footer__copyright-link:active,
.front-footer__copyright-link:focus {
    text-decoration: underline;
    color: var(--qn-neutral-500);
}

.front-footer__copyright-link:hover::before,
.front-footer__copyright-link:active::before,
.front-footer__copyright-link:focus::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: calc(100% + var(--kl-up-length));
}

.front-footer__copyright-link:hover {
    transform: translateY(calc(var(--kl-up-length) * -1));
}

.front-footer_border-top {
    border-top: 0.063rem solid var(--qn-neutral-300);
}

.front-section_event {
    display: flex;
    flex-direction: column;
    gap: 3.75rem;
    padding: 5.875rem 0;
}

.front-section__bgimage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}

.front-section__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.front-section_overlay {
    padding: 5rem 1rem;
    z-index: 1;
}

.front-search_left {
    width: fit-content;
    text-align: left;
}

.front-section__overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
}

.front-section__bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
}

.front-search__logo-wrap {
    width: 104px;
    height: 104px;
    padding: 8px;
    background-color: white;
    border: 1px solid #cccccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
}

.front-search__logo-space {
    margin-bottom: 12px;
}

.front-search__logo {
    max-width: 100%;
    max-height: 100%;
}

.front-search_d-flex {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: start;
    gap: 32px;
}

.front-search__content {
    flex: 1;
    flex-grow: 1;
}

.front-search__description-width {
    width: 738px;
}

.front-search__list {
    display: flex;
    gap: 12px;
    list-style-type: none;
    color: var(--qn-white);
    margin-top: 8px;
    margin-bottom: 12px;
}

.front-search__list > li > span {
    font-size: 20px;
}

.front-search__list > li {
    font-size: 14px;
    border-right: 1px solid var(--qn-white);
    display: flex;
    gap: 8px;
    align-items: center;
    padding-right: 12px;
}

.front-search__list > li:last-child {
    border-right: none;
    padding-right: 0;
}

.front-event__card {
    --kl-section-vacancy-card-height: 18.75rem;
    position: relative;
    width: 100%;
    height: var(--kl-section-vacancy-card-height);
    max-height: var(--kl-section-vacancy-card-height);
    border-radius: 0.75rem;
    background-color: var(--qn-white);
    background-image: url(./../images/pattern-sevima-platform.svg);
    background-repeat: no-repeat;
    background-position: bottom right;
    box-shadow: 0 0 1.25rem 0 rgba(77, 77, 77, 0.06);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
    transition: box-shadow 350ms ease-in-out, border 350ms ease-in-out, transform 250ms ease-out;
}

.front-event__card:hover:not(.front-event_car_d_on-load) {
    /* box-shadow: 0 0 0 0.25rem #F2F4F7, 0 0.063rem 0.125rem 0 rgba(16, 24, 40, 0.05); */
    border: 0.063rem solid var(--qn-primary-400);
    box-shadow: 0 0 0 0.25rem rgba(15, 106, 245, 0.12), 0 0.063rem 0.125rem 0 rgba(16, 24, 40, 0.05);
    transform: scale(1.01);
}

.front-event__card:hover:not(.front-event_car_d_on-load) .front-event__card-title {
    color: var(--qn-ocean-blue-400);
}

.front-event__box {
    width: 3.25rem;
    height: 3.25rem;
    max-width: 3.25rem;
    max-height: 3.25rem;
    background-color: var(--qn-white);
    padding: 0.5rem;
    border-radius: 0.5rem;
    border: 0.063rem solid var(--qn-neutral-200);
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 0.5rem;
}

.front-event__wrapper {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 24px;
}

.front-event__company {
    color: var(--qn-neutral-900);
    font-size: 1.125rem;
}

.front-event__position {
    color: var(--qn-neutral-600);
    font-size: 0.875rem;
}

@media only screen and (max-width: 79.937rem) {
    .front-event__card:hover:not(.front-event_car_d_on-load) {
        transform: scale(1);
    }
}

@media only screen and (max-width: 79.937rem) {
    .front-search__logo-wrap {
        width: 84px;
        height: 84px;
        padding: 6px;
    }

    .front-search_d-flex {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 32px;
    }

    .front-search__description-width {
        width: 738px;
    }
}

@media only screen and (max-width: 47.937rem) {
    .front-search__logo-wrap {
        width: 64px;
        height: 64px;
        padding: 6px;
    }

    .front-search__list {
        flex-direction: column;
    }

    .front-search__list > li {
        border-right: none;
        border: 0;
    }

    .front-search__description-width {
        width: 100%;
    }
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

@media only screen and (max-width: 79.937rem) {
    .container>.grid {
        gap: 0.75rem;
    }
}

[data-anim]:not(.glide__slide--clone) {
    visibility: hidden;
    opacity: 0;
}

.anim-fade-up-start {
    visibility: visible;
    opacity: 0;
    transform: translateY(64px);
}

.anim-fade-up-end {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
}

.anim-fade-down-start {
    visibility: visible;
    opacity: 0;
    transform: translateY(-64px);
}

.anim-fade-down-end {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
}

@keyframes shine-loading {
    0% {
        background-position: -124px;
    }

    100% {
        background-position: 460px;
    }
}

@keyframes show-up {
    0% {
        background: rgba(255, 255, 255, 0);
        color: rgba(255, 255, 255, 0);
    }

    25% {
        background: rgba(15, 106, 245, 0);
        color: rgba(255, 255, 255, 0);
    }

    50% {
        color: rgba(255, 255, 255, 0.2);
    }

    100% {
        background: var(--qn-primary-400);
        color: var(--qn-white);
    }
}

@keyframes spinning {
    0% {
        opacity: 0;
        transform: scale(1.25) translate(-60px, -75px);
    }

    55% {
        opacity: 0.2;
        transform: unset;
    }

    100% {
        transform: unset;
        opacity: 1;
    }
}

.anim-fade-left-start {
    opacity: 0.8;
    transform: translateX(2rem);
}

.anim-fade-left-start::before {
    opacity: 0.3;
    transform: translateX(100%);
}

.anim-fade-left-start::after {
    opacity: 0.1;
    transform: translateX(120%);
}

.anim-fade-left-end {
    transition: all 1650ms ease-out 350ms;
    opacity: 1;
    transform: translateX(0);
}

.anim-fade-left-end::before {
    transition: all 650ms ease-out 450ms;
    opacity: 1;
    transform: translateX(0);
}

.anim-fade-left-end::after {
    transition: all 850ms ease-out 450ms;
    opacity: 1;
    transform: translateX(0);
}

.anim-fade-right-start::before {
    opacity: 0.3;
    transform: translateX(-92%);
}

.anim-fade-right-start::after {
    opacity: 0.1;
    transform: translateX(-140%);
}

.anim-fade-right-end::before {
    transition: all 850ms ease-out 450ms;
    opacity: 1;
    transform: translateX(0);
}

.anim-fade-right-end::after {
    transition: all 1250ms ease-out 450ms;
    opacity: 1;
    transform: translateX(0);
}

.anim-group-left-start {
    opacity: 0;
}

.anim-group-left-start :nth-child(2) {
    margin-left: 0.625rem;
}

.anim-group-left-start :nth-child(3) {
    margin-left: 1.40625rem;
}

.anim-group-left-start :nth-child(4) {
    margin-left: 2.5rem;
}

.anim-group-left-start :nth-child(5) {
    margin-left: 3.90625rem;
}

.anim-group-left-start :nth-child(6) {
    margin-left: 5.625rem;
}

.anim-group-left-start :nth-child(7) {
    margin-left: 7.65625rem;
}

.anim-group-left-start :nth-child(8) {
    margin-left: 10rem;
}

.anim-group-left-start :nth-child(9) {
    margin-left: 12.65625rem;
}

.anim-group-left-start :nth-child(10) {
    margin-left: 15.625rem;
}

.anim-group-left-start :nth-child(11) {
    margin-left: 18.90625rem;
}

.anim-group-left-end {
    opacity: 1;
}

.anim-group-left-end :nth-child(2) {
    margin-left: -1.375rem;
}

.anim-group-left-end :nth-child(3) {
    margin-left: -1.375rem;
    transition: all 850ms cubic-bezier(0.46, 0.4, 0.25, 0.88);
    transition-delay: var(--kl-anim-delay);
}

.anim-group-left-end :nth-child(4) {
    margin-left: -1.375rem;
    transition: all 850ms cubic-bezier(0.46, 0.4, 0.25, 0.88);
    transition-delay: var(--kl-anim-delay);
}

.anim-group-left-end :nth-child(5) {
    margin-left: -1.375rem;
    transition: all 850ms cubic-bezier(0.46, 0.4, 0.25, 0.88);
    transition-delay: var(--kl-anim-delay);
}

.anim-group-left-end :nth-child(6) {
    margin-left: -1.375rem;
    transition: all 850ms cubic-bezier(0.46, 0.4, 0.25, 0.88);
    transition-delay: var(--kl-anim-delay);
}

.anim-group-left-end :nth-child(7) {
    margin-left: -1.375rem;
    transition: all 850ms cubic-bezier(0.46, 0.4, 0.25, 0.88);
    transition-delay: var(--kl-anim-delay);
}

.anim-group-left-end :nth-child(8) {
    margin-left: -1.375rem;
    transition: all 850ms cubic-bezier(0.46, 0.4, 0.25, 0.88);
    transition-delay: var(--kl-anim-delay);
}

.anim-group-left-end :nth-child(9) {
    margin-left: -1.375rem;
    transition: all 850ms cubic-bezier(0.46, 0.4, 0.25, 0.88);
    transition-delay: var(--kl-anim-delay);
}

.anim-group-left-end :nth-child(10) {
    margin-left: -1.375rem;
    transition: all 850ms cubic-bezier(0.46, 0.4, 0.25, 0.88);
    transition-delay: var(--kl-anim-delay);
}

.anim-group-left-end :nth-child(11) {
    margin-left: -1.375rem;
    transition: all 850ms cubic-bezier(0.46, 0.4, 0.25, 0.88);
    transition-delay: var(--kl-anim-delay);
}

/*# sourceMappingURL=front.css.map */