* {
    border: 0;
    margin: 0;
    padding: 0;
    font-weight: 400;
}

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15;
    scroll-behavior: smooth;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body {
    font-size: 12px;
    font-weight: 400;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    line-height: 26px;
    background-color: #fbfbfc;
    color: #032d60;
}

.accountbody {
    background: #fff;
}

.gradientbody {
    background: linear-gradient(to bottom, #fcfcfd 0%, #fcfcfd 150px, #ffffff 300px, #ffffff 100%);
}

.commonbody {
    background: #fbfbfc;
}

main {
    display: block
}

h1, h2, h3, h4, h5, h6 {
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

h1 {
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 45px;
    animation: bounceIn 1s ease-in-out;
}

h1 i {
    color: #6fb2ff;
    position: relative;
    font-size: 80%;
    margin-right: 5px;
}

h2 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    animation: bounceIn 1s ease-in-out;
    margin-bottom: 20px;
}

h2 i {
    font-size: 20px;
    margin-right: 0;
}

h3 {
    font-size: 18px;
    line-height: 29px;
    font-weight: 600;
}

h4 {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 27px;
}

h5 {
    font-size: 14px;
    line-height: 21px;
}

h6 {
    font-size: 12px;
    line-height: 16px;
}

/* Insight spotlight block */
.insight-spotlight {
    background: linear-gradient(135deg, #f6f9ff 0%, #eef3ff 100%);
    border: 1px solid #e3e9ff;
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 14px 40px rgba(43, 76, 155, 0.08);
}

.insight-spotlight__header h4 {
    line-height: 1.4;
}

.insight-spotlight__header .lead {
    color: #4b5563;
}

.insight-spotlight__eyebrow {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: #e0e7ff;
    color: #374151;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.2px;
    margin-bottom: 8px;
}

.insight-spotlight__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 18px;
    margin-top: 22px;
}

.insight-spotlight__card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 14px;
    padding: 18px;
    box-shadow: 0 8px 24px rgba(31, 41, 55, 0.04);
}

.insight-spotlight__list {
    padding-left: 20px;
    margin-bottom: 16px;
    color: #374151;
}

.insight-spotlight__list li {
    margin-bottom: 8px;
}

.insight-spotlight__pill {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    border: 1px dashed #cbd5e1;
    border-radius: 12px;
    padding: 12px;
    background: #f8fafc;
    margin: 14px 0;
}

.insight-spotlight__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.insight-spotlight__footer {
    margin-top: 18px;
    padding: 14px 18px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    color: #1f2937;
}

@media (max-width: 576px) {
    .insight-spotlight {
        padding: 20px;
    }

    .insight-spotlight__pill {
        flex-direction: column;
        align-items: flex-start;
    }
}


@media (max-width: 374.98px) {
    h1 {
        font-size: 18px;
        line-height: 38px;
        margin-bottom: 0px;
    }

    h2 {
        font-size: 18px;
    }

    h3 {
        font-size: 16px;
        line-height: 28px;
    }

    h4 {
        font-size: 14px;
        line-height: 18px;
    }

    h5 {
        font-size: 12px;
        line-height: 16px;
    }
}

@media(min-width: 375px) and (max-width: 575.98px) {
    h1 {
        font-size: 19px;
        line-height: 39px;
        margin-bottom: 0px;
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 17px;
        line-height: 30px;
    }

    h4 {
        font-size: 15px;
        line-height: 28px;
    }

    h5 {
        font-size: 14px;
        line-height: 25px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    h1 {
        font-size: 22px;
        line-height: 39px
    }

    h2 {
        font-size: 20px;
    }

    h3 {
        font-size: 18px;
        line-height: 30px;
    }

    h4 {
        font-size: 16px;
        line-height: 30px;
    }

    h5 {
        font-size: 14px;
        line-height: 21px;
    }
}


@media (min-width: 768px) and (max-width: 991.98px) {
    h1 {
        font-size: 23px;
        line-height: 39px;
    }

    h2 {
        font-size: 21px;
    }

    h3 {
        font-size: 20px;
        line-height: 31px;
    }

    h4 {
        font-size: 18px;
        line-height: 30px;
    }

    h5 {
        font-size: 14px;
        line-height: 21px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    h1 {
        font-size: 24px;
        line-height: 29px
    }

    h3 {
        line-height: 30px;
    }

    h4 {
        line-height: 25px;
    }

    h5 {
        font-size: 14px;
        line-height: 21px;
    }
}

h5 i {
    position: relative;
    top: 1px;
    color: #5c9f99;
    margin-right: 5px;
    font-size: 12px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    margin: 35px 0;
    border: 1px solid lightblue;
}

pre {
    font-size: 1em
}

p {
    line-height: 30px;
    font-size: 14px;
}

a {
    color: #418ce2;
    background-color: transparent;
    text-decoration: none;
}

a :hover,
a:hover {
    color: #2f78cc;
    text-decoration: underline;

}

:hover {
    transition-duration: .2s
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: 550;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    height: auto;
}

i {
    position: relative;
    top: 2px;
    margin-right:2px;
}

i:hover {
    text-decoration: none !important;
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

button {
    border: 0px;
    background: none;
    margin: 0;
    padding: 0;
}

::-webkit-scrollbar {
    width: 5px;
    background: #3267d1
}

::-webkit-scrollbar-thumb {
    background: #2479f6;
    border-radius: 2px;
}

::-webkit-scrollbar-track {
    background: #fff
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

input:read-only:not([type="file"]):not([type="checkbox"]),
textarea:read-only {
    background-color: #f4f3ff !important;
    cursor: not-allowed;
}


blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.custom-select:focus,
:focus,
[contenteditable].form-control:focus,
[type=email].form-control:focus,
[type=password].form-control:focus,
[type=tel].form-control:focus,
[type=text].form-control:focus,
button:focus,
input.form-control:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=text]:focus,
select:focus,
textarea.form-control:focus,
textarea:focus {
    box-shadow: none !important
}

input:focus::-moz-placeholder {
    opacity: 0;
    -moz-transition: .4s;
    transition: .4s
}

li.hr span {
    background-color: #e4e4e4;
    display: block;
    height: 1px;
    margin: 20px 0;
    width: 100%
}

::selection {
    background: #6FB2FF;
    color: #fff
}

::-moz-selection {
    background: #6FB2FF;
    color: #fff
}

::-moz-placeholder {
    color: #777f87;
    opacity: 1
}

::placeholder {
    color: #777f87;
    opacity: 1;
}

:-ms-input-placeholder,
::-webkit-input-placeholder {
    color: #777f87;
    opacity: 1
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

i[class^=fi-rr-],
span[class^=fi-rr-] {
    line-height: 0 !important
}

i[class*=" fi-rr-"]:before,
i[class^=fi-rr-]:before,
span[class*=fi-rr-]:before,
span[class^=fi-rr-]:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400 !important;
    line-height: 1;
    text-transform: none
}

li {
    font-size: 14px;
    margin-bottom: 10px;
}

main {
    clear: both;
    display: block
}

thead {
    font-weight: 600
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none;
    padding-left: 0;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.p-10 {
    padding: 10px !important
}

.p-15 {
    padding: 15px !important
}

.p-20 {
    padding: 20px !important
}

.p-25 {
    padding: 25px !important
}

.pt-5 {
    padding-top: 5px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-25 {
    padding-top: 25px !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-25 {
    padding-bottom: 25px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-35 {
    padding-bottom: 35px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pl-0 {
    padding-left: 0 !important
}

.pl-5 {
    padding-left: 5px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pl-15 {
    padding-left: 15px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pl-25 {
    padding-left: 25px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pr-5 {
    padding-right: 5px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pr-15 {
    padding-right: 15px !important
}

.pr-20 {
    padding-right: 20px !important
}

.pr-25 {
    padding-right: 25px !important
}

.mb-24 {
    margin-bottom: 24px
}

.mt-0 {
    margin-top: 0px !important
}

.mt-5 {
    margin-top: 5px !important
}

.mt-8 {
    margin-top: 8px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-15 {
    margin-top: 15px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-25 {
    margin-top: 25px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-35 {
    margin-top: 35px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-45 {
    margin-top: 45px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mb-0 {
    margin-bottom: 0px !important
}

.mb-5 {
    margin-bottom: 5px !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-15 {
    margin-bottom: 15px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-25 {
    margin-bottom: 25px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-35 {
    margin-bottom: 35px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-45 {
    margin-bottom: 45px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.ml-0 {
    margin-left: 0 !important
}

.ml-5 {
    margin-left: 5px !important
}

.ml-10 {
    margin-left: 10px !important
}

.ml-15 {
    margin-left: 15px !important
}

.ml-20 {
    margin-left: 20px !important
}

.ml-25 {
    margin-left: 25px !important
}

.mr-5 {
    margin-right: 5px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mr-15 {
    margin-right: 15px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mr-25 {
    margin-right: 25px !important
}

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

.wd100 {
    width: 100%;
}

.avatar-border {
    max-width: 100%;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 1
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1
}

input[type=date],
input[type=email],
input[type=tel],
input[type=text],
input[type=time] {
    padding: 10px 10px;
    width: 100%;
    outline: none;
    background: #FFFFFF;
    color: #3D403F;
    border: 1px solid #DEE0E3;
    border-radius: 5px;
    transition: .3s ease;
    font-size: 14px;
}

input[type=date]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus {
    border: 1px solid #eff2fb
}

select {
    background: #fff;
    border: 1px solid #eff2fb;
    box-shadow: none;
    width: 100%
}

option {
    background: #fff;
    border: 0 solid #626262;
    padding-left: 10px
}

textarea {
    border: 1px solid #e0e6f6;
    border-radius: 10px;
    box-shadow: none;
    font-size: 16px;
    height: 50px;
    min-height: 250px;
    padding: 10px 10px 10px 20px;
    width: 100%
}

textarea:focus {
    background: transparent;
    border: 1px solid var(--primary-color-hover)
}

.form-label {
    font-weight: 600;
    text-align: center;
    width: 100%;
}

@media (max-width: 574.98px) {
    .form-label {
        margin-bottom: 4px;
    }
}

.headline {
    display: none;
    background: #7171ff;
    color:#fff;
    text-align: center;
    line-height:18px;
    padding:5px 10px;
}

.headline a {
    color:#fff;
    text-decoration: underline;
    margin-left:5px;
}

.headline i {
    color:#96ff27;
    margin-right:3px;
}

.header {
    width: 100%;
    min-height: 59px;
    border-bottom: 1px solid #fff3f3;
    background: #fff;
}

header p {
    font-size:16px;
}

.header .main-header {
    align-items: center;
    width: 100%;
    height: 59px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    padding: 0 2%;
    background: #fff;
}

.header .main-header .header-right {
    display: flex;
    align-content: center;
    align-items: center;
    gap: 10px;
}
.header .header-messenger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid #e0e6f6;
    border-radius: 10px;
    background: #f7f9ff;
    color: #032d60;
    font-weight: 600;
    text-decoration: none;
    line-height: 1;
}
.header .header-messenger:hover {
    border-color: var(--primary-color);
    color: var(--primary-color);
}
.header .header-messenger i {
    font-size: 18px;
}
.header-messenger__counter {
    background: var(--primary-color);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 999px;
    padding: 2px 7px;
    min-width: 22px;
    text-align: center;
    line-height: 1.3;
}

.header .header-right .main-menu li {
    padding: 0px;
}

.header-logo {
    display: flex;
    padding: 14px;
    overflow: hidden;
    min-width: 125px;
}

.header-logo a img,
.header-logo-user a img {
    height: 31px;
    max-height: 100%;
    max-height: 100%;
}

@media screen and (max-width: 599.98px) {

    .header-logo a img,
    .header-logo-user a img {
        height: 20px;
    }

}

.header-logo-user {
    display: flex;
    align-items: center;
    padding: 14px;
}

.block-signin {
    display: flex;
    gap: 10px;
}

.header-menu {
    margin: 8px 20px 0 75px;
}

.header .main-menu {
    display: flex;
    margin: 0 30px 0;
    text-transform: uppercase;
}

.header .main-menu i {
    margin-right: 3px;
    font-size: 11px;
    top:1px;
}

.header .user-menu-info {
    display: flex;
    flex-direction: column;
}

.user-menu-info .uname {
    margin-bottom: -6px;
}

.header .main-menu li {
    display: flex;
    padding: 0px 14px;
    position: relative;
    border-bottom: 2px solid #fff;
    margin-bottom: 0;
    height: 56px;
}

.header .main-menu li.hr {
    padding: 0 22px
}

.header .main-menu li.hr span {
    background-color: #e0e6f6;
    display: block;
    height: 1px;
    margin: 5px 0;
    width: 100%
}

.header .main-menu li a {
    color: #05264e;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    padding: 20px 5px 14px;
    position: relative;
    text-decoration: none;
    border-bottom: 2px solid #fff;
}

.header .main-menu li.active,
.header .main-menu li:hover {
    border-bottom: 2px solid #59a3f3;
}

.header .dropdown {
    height: 58px !important;
    margin-top: -2px;
}

.header .signup {
    margin-right: 0px;
    background: #6fb2ff;
    padding-bottom: 20px;
}

.header .btn {
    height: 30px;
    min-height: 30px;
}

.hide_mini_bar {
    display: none;
}

.main {
    overflow: hidden;
    min-height: 65vh;
    padding: 20px 1%;
}

@media screen and (max-width: 574.98px) {
    .cp {
        margin-left: 3% !important;
        margin-right: 3% !important;
    }
}

.udata {
    display: flex;
    align-items: center;
    gap: 10px;
}

.uavatar {
    margin-top: -2px;
    min-width: 33px;
}

.lang-flag {
    width: 21px;
    vertical-align: text-bottom;
}

.arrow-down {
    background: url(../imgs/template/icons/arrow-down.png);
    background-size: contain;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
}

@media (min-width: 100px) and (max-width: 319.8px) {

    .header .main-header .header-logo a img {
        height: 20px;
    }

    .header .btn {
        font-size: 12px;
    }

    .udata {
        display: none;
    }

    .hide_mini_bar {
        display: block;
    }

}

@media (min-width: 400px) and (max-width: 575.98px) {

    .header .main-header .header-logo a img {
        height: 25px;
    }

    .header .btn {
        font-size: 14px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {

    .header .main-header .header-logo a img {
        height: 28px;
    }
}


@media (min-width: 768px) and (max-width: 991.98px) {

    .header .main-header .header-logo a img {
        height: 29px;
    }

}

@media (min-width: 992px) and (max-width: 1199.98px) {

    .header .main-header .header-logo a img {
        height: 30px;
    }
}

@media (max-width: 999.98px) {
    .main-menu {
        display: none !important;
    }
}

.loading-ring {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;

    background: rgba(255, 255, 255, 0.2);
    /* semi-transparent */
    backdrop-filter: blur(10px);
    /* blur effect */
    -webkit-backdrop-filter: blur(10px);
    /* for Safari */

    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loading-ring::before {
    content: "";
    width: 60px;
    height: 60px;
    border: 6px solid rgba(255, 255, 255, 0.3);
    border-top: 6px solid #958ff0;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.header .block-signin .btn-shadow {
    box-shadow: 0 18px 40px rgba(25, 15, 9, .1)
}

.invalid-feedback {
    width:100%;
    margin-top:8px;
    font-family: system-ui;
    font-size: 13px;
    text-align: center;
    line-height: 19px;
    display: none;
    color: #d63939;
}

.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-feedback {
    display: block;
}


.not-found {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #a19898;
    font-weight: 400;
    margin: 10px 0;
    height: 60px;
    align-content: center;
}

.not-found a {
    text-decoration: underline;
}

.alert {
    width: 100%;
    text-align: center;
}

.fix-menu.stick {
    animation: fadeInDown .7s ease-in-out 0s 1 normal none running;
    background: #fff;
    border-bottom: 1px solid #e0e6f6;
    left: 0;
    position: fixed;
    top: 0;
    transition: all .3s ease 0s;
    width: 100%;
    max-width: 100vw;
    z-index: 999;
}

@media (max-width: 1199.98px) {

    .header-right .arrow-down {
        display: none;
    }

    .not-found {
        margin: 20px 0;
        font-size: 14px;
    }

}

.mobile-menu-active .body-overlay {
    opacity: 1;
    visibility: visible
}

.body-overlay {
    background-color: rgba(0, 0, 0, .5) !important;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 56px;
    visibility: hidden;
    width: 100%;
    z-index: 997;
}

.mobile-menu-active .body-overlay {
    opacity: 1;
    visibility: visible;
}

.mobile-header-block {
    position: fixed;
    top: 56px;
    right: -100%;
    bottom: 0;
    width: 380px;
    max-width: 95%;
    padding: 5px 20px 20px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #fff;
    z-index: 99999;
    transition: none;
    display: none;
}

.mobile-header-block.sidebar-visible {
    display: block;
}


.mobile-header-block .mtitle {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 400;
    color: #444;
    margin: 10px 0 10px;
}

.mobile-menu {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
    padding: 0;
}

.mobile-menu li {
    padding: 2px 0 2px 0;
    margin: 10px 0;
    background-size: 18px auto;
    background-repeat: no-repeat;
    background-position: left 3px;
}

.mobile-language .mobile-menu {
    padding-bottom: 40px;
}

.mobile-language .mobile-menu li {
    margin-right: 10px;
    padding-left: 0;
}

.mobile-menu li a {
    color: #05264E;
}

.mobile-menu .pages_menu {
    display: none;
}

.burger-icon {
    cursor: pointer;
    background: #eee url(../imgs/template/icons/burger-menu.png) no-repeat center;
    background-size: contain;
    width: 32px;
    height: 31px;
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
    border-radius: 5px;
    background-size: 21px auto;
}

.burger-icon:active {
    animation: flip 1s ease-in-out;
}

@media screen and (max-width:1340px) {
    .burger-icon {
        display: block;
    }

    .sidebar-mobile {
        display: none;
    }
}

.nav li {
    list-style: none
}

.nav .warning {
    border: 1px solid #fbc2c2 !important;
    background: #fdf8f8 !important;
}

.nav .warning a {
    color: #f95656 !important;
}

.ps-custom-scrollbar {
    max-height: 250px;
    overflow: auto;
    padding-right: 10px
}

.footer {
    margin-top: 80px;
    padding: 40px 10px 80px;
    background: #fff;
    border-top: 1px solid #e2e8f0;
}

.footer h5 {
    margin-bottom: 10px;
}

.footer a {
    color: #032d60 !important;
    text-decoration: none;
}

footer a:hover {
    text-decoration: underline;
}

.footer .container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
}

.footer .bottom-image {
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
    display: block;
}

.footer-column {
    max-width: 300px;
    flex: 1;
}

@media(max-width: 555.98px) {

    .footer {
        margin-top: 100px;
        padding: 30px 20px;
    }

    .footer .container {
        flex-wrap: wrap;
        gap: 20px;
    }

    .footer-column {
        width: 40%;
        flex: 1;
    }
}


#preloader-active .preloader {
    z-index: 9999999
}

#preloader-active .preloader .preloader-inner .typing-indicator {
    animation: bulge 2s ease-out infinite;
    border-radius: 50px;
    display: table;
    margin: 0 auto;
    padding: 20px;
    position: relative;
    width: auto;
    will-change: transform
}

#preloader-active .preloader .preloader-inner .typing-indicator span {
    background-color: var(--primary-color);
    border-radius: 50%;
    display: block;
    float: left;
    height: 20px;
    margin: 0 8px;
    opacity: .4;
    width: 20px
}

#preloader-active .preloader .preloader-inner .typing-indicator span:first-of-type {
    animation: blink 1.5s .3333s infinite
}

#preloader-active .preloader .preloader-inner .typing-indicator span:nth-of-type(2) {
    animation: blink 1.5s .6666s infinite
}

#preloader-active .preloader .preloader-inner .typing-indicator span:nth-of-type(3) {
    animation: blink 1.5s .9999s infinite
}

@keyframes blink {
    50% {
        opacity: 1;
        transform: translateY(50%)
    }
}

@keyframes bulge {
    50% {
        transform: scale(1.05)
    }
}


.dropdown {
    position: relative;
    list-style: none;
}

.dropdown .dropdown-menu.show {
    background-color: #fff;
    border: 1px solid #DEE0E3;
    border-radius: 5px;
    overflow: hidden;
    padding: 0
}

.dropdown .dropdown-menu.show .dropdown-item {
    color: #4f5e64;
    font-size: 14px;
    padding: 10px 20px;
    height: 36px;
    border: 0;
}

.dropdown .dropdown-menu.show .dropdown-item.active,
.dropdown .dropdown-menu.show .dropdown-item:active {
    font-weight: 600;
    background: #fff;
    text-decoration: none
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #4f5e64;
    background-color: #f8f9fa;
}

.dropdown-menu.show {
    border-radius: 10px;
    margin-top: 20px
}

.dropdown.dropdown-sort button {
    border: 1px solid #6fb2ff;
    border-radius: 10px;
    background: #e8f2fb;
    padding: 6px 8px 6px 12px;
    color: #2583ef;
}

.dropdown.dropdown-sort i:first-child {
    position: relative;
    top: 2px;
    left: 0px;
    margin-right: 10px;
}

.clear {
    clear: both;
}

.clearbrake {
    clear: both;
    height: 1px;
    width: 100%;
}

.cleaner {
    background: none !important;
    border: 0 !important;
}

.no-shadow {
    box-shadow: none !important;
}

.container {
    width: 100%;
    max-width: 1650px;
    clear: both;
    flex-wrap: wrap;
    padding: 0;
    margin: 0px auto;
}

@media screen and (max-width: 1649.98px) {
    .container {
        padding: 0 5px;
    }
}

@media screen and (max-width: 574.98px) {
    .container {
        padding: 0;
    }
}

.mini-container {
    width: 100%;
    max-width: 1200px;
    clear: both;
    flex-wrap: wrap;
    padding: 0;
    margin: 0px auto;
    display: flex;
    gap:20px;
}

.mini-content {
    max-width:800px;
}



@media screen and (max-width: 1199.98px) {
    .mini-content {
    max-width:100%;
    width:100%;
    padding:0 20px;
    }

    .mini-container .sidebar {
    width:100%;
    }
}

.container-sidebars {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.items-list {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    justify-content: center;
    overflow: hidden;
}
.items-list .item-item {
    transition: opacity 0.25s ease, transform 0.25s ease;
    position: relative;
}
.items-list .item-item:not(.show) {
    opacity: 0.3;
    transform: translateY(10px);
}
.items-list .item-item:not(.show)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 50%;
    border: 3px solid rgba(63, 114, 255, 0.25);
    border-top-color: #3f72ff;
    animation: items-list-spin 0.7s linear infinite;
    pointer-events: none;
    z-index: 3;
}
.items-list .item-item.show::after {
    display: none;
}
.items-list__loading {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, rgba(255,255,255,0.8), rgba(255,255,255,0.65));
    z-index: 2;
}
.items-list__loading.d-none {
    display: none!important;
}
.items-list__spinner {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 3px solid rgba(63,114,255,0.25);
    border-top-color: #3f72ff;
    animation: items-list-spin 0.7s linear infinite;
}
@keyframes items-list-spin {
    to { transform: rotate(360deg); }
}

.items-list-center {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    justify-content: center;
    overflow: hidden;
}

.contentbar {
    flex: 1;
}

@media (max-width: 574.98px) {
    .company-jobs-page .sidebar {
       order:2;
    }

    .company-jobs-page .contentbar {
       order:1;
    }
}

.sidebar {
    width: 350px;
}

.company-bars {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-content: flex-start;

}

.company-bar-first {
    flex: 1;
    min-width: 70%;
    overflow: hidden;
}

@media (max-width: 1174.98px) {
    .company-sort .contentbar {
        order:1;
    }

    .company-sort .sidebar {
        order:2;
    }
}

.singlebar {
    flex: 1;
    min-width: 300px;
}

.bargradient {
    background: linear-gradient(to bottom, #efeef5, #fbf3ea) !important;
}

@media (max-width: 475px) {
    .container-sidebars {
        padding: 0 !important;
        margin: 0;
    }
}

@media (max-width: 700px) {
    .sidebar {
        width: 100%;
    }
}

@media (max-width: 1050px) {
    .sidebar-mobile {
        display: none;
    }

    .bottom-sidebar {
        display: none;
    }

    .company-bar-first {
        max-width: 100%;
    }
}

@media (min-width: 1050px) and (max-width: 1495px) {

    .container-sidebars {
        gap: 20px;
    }

    .company-bar-first {
        min-width: 66%;
    }

    .singlebar {
        flex: 1;
        min-width: 275px;
    }
}

.cover-top,
.talent-cover {
    border-radius: 15px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: radial-gradient(circle at 25% 56%, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 2%, transparent 2%, transparent 100%), radial-gradient(circle at 82% 13%, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.01) 2%, transparent 2%, transparent 100%), radial-gradient(circle at 83% 72%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 8%, transparent 8%, transparent 100%), radial-gradient(circle at 2% 3%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 8%, transparent 8%, transparent 100%), radial-gradient(circle at 40% 42%, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 8%, transparent 8%, transparent 100%), radial-gradient(circle at 65% 1%, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 8%, transparent 8%, transparent 100%), radial-gradient(circle at 14% 41%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 67% 71%, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.03) 5%, transparent 5%, transparent 100%), radial-gradient(circle at 11% 31%, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.02) 5%, transparent 5%, transparent 100%), linear-gradient(45deg, rgb(71, 230, 233), rgb(16, 29, 178));
}

.cover-top {
    aspect-ratio: 4 / 0.8;
    animation: fadeIn 3s ease-in-out;
}

.contentbar .cover-top {
    position: relative;
    margin-bottom: 20px;
    border: 4px solid #ebe2ff;
}

.contentbar .cover-top:hover {
    border: 4px solid #dfd9fa;
    transform: scale(1.01);
    transition: transform 0.2s;
}

.cover-top-mobile {
    width:calc(100%+40px);
    max-height: 150px;
    min-height: 110px;
    margin:-20px -20px 0 -20px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.company-sort  .cover-top {
    display: none;
}

@media (min-width: 1274.98px) {
    .cover-top-mobile {
        display: none !important;
    }

    .company-sort  .cover-top {
    display: block !important;
}
    
}

.company_sharing {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    color: #fff;
    text-align: center;
    padding: 20px;
    font-size: 33px;
    justify-content: center;
    align-items: center;
    cursor: default;
}

.contentbar .cover-top:hover .company_sharing {
    display: flex;
    animation: fadeIn 2s ease-in-out;
}

.user-profile-section .contentbar .cover-top {
    width: 100%;
    border-radius: 15px;
    margin: 0;
}

.wblock {
    position: relative;
    background: #fff;
    padding: 20px;
    border-radius: 15px;
    border: 1px solid #e5e7eb;
    overflow: hidden;
    animation: fadeIn 1s ease-in-out;
}

@media (max-width: 574.98px) {
    .wblock {
        overflow: visible;
        border: 0;
        border-radius: 0;
    }
}

@media (max-width: 991.98px) {
    .wblock {
        margin: 0;
    }
}

.parentbar {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    width: 100%;
}

.top-sidebar {
    width: 100%;
    order: 2;
}

.bottom-sidebar {
    width: 100%;
    order: 3;
}

.upload-avatar {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.profile-image {
    height: 90px;
    min-width: 98px;
    float: left;
    z-index: 99;
    border-radius: 6px;
    display: flex;
    animation: flipInX 1s ease-in-out;
}

.profile-image img {
    height: 98px;
    width: 98px;
    border-radius: 30%;
    object-fit: contain;
    padding: 3px;
    background: #fff;
    box-shadow: 0px 1px 3px 0px #D3E4ED;
}

.sidebar .profile-image,
.mobile-header-block .profile-image {
    margin-top: -68px;
}

.job-description {
    display: flex;
    min-width: 340px;
    flex: 1;
    flex-direction: column;
    font-size: 15px;
}

.job-description img {
    max-width: 100%;
}

.job-description ul {
    margin-bottom: 20px !important;
    display: flex !important;
    gap: 10px;
    flex-direction: column !important;
}

.job-description li {
    border-left: 2px solid #bdbdff !important;
    padding: 7px 15px !important;
    font-size: 15px;
    color: #373191;
    line-height: 28px;
    background: #fdfdff;
}

.job-salary {
    color: #6067c6;
    line-height:20px;
    font-size: 16px;
    font-weight: 500;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.apply_buttons {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    max-width: 500px;
    margin:0px auto;
}

.apply_buttons .btn {
    flex: 1;
    min-width: 120px;
    font-size: 14px;
    padding: 10px 0;
}

.apply_buttons .job-to-favorite {
    width:33px;
    padding-left:3px;
    line-height: 20px;
}

.parentbar .job-description {
    padding: 20px 30px;
}

.dashboard-content {
    display: flex;
    min-width: 260px;
    flex: 1;
}

.candidate_profile {
    display: flex;
    width: 100%;
    flex: 1;
    flex-wrap: wrap;
    gap: 20px;
    align-content: flex-start;
}

.candidate_bars {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 50%;
    gap: 20px;
    max-width: 940px;
}

.candidate_bars .talent_about_block {
    flex: 0 0 auto;
    height: auto;
    min-width: 300px;
}


.candidate_timeline_bar {
    display: flex;
    min-width: 390px;
    max-width: 400px;
}

@media screen and (max-width: 574.98px) {
    .candidate_bars {
        min-width: 100%;
    }

    .candidate_timeline_bar {
        min-width: unset;
        max-width: 100%;
    }
}

@media (max-width: 1115.98px) {
    .parentbar .sidebar {
        width: 100% !important;
    }

}

@media (max-width: 1199.98px) {
    .candidate_timeline_bar {
        flex: 1;
    }
}

.system-msg {
    width: 100%;
    color: #616787;
    line-height: 23px;
    padding: 3px 10px;
    border-radius: 7px;
    font-size: 12px;
    font-family: system-ui;
}

.system-msg a {
    font-weight: 500;
    color:#444;
}

.block-msg {
    background: #f6f5fd;
    padding: 5px 10px;
    border-radius: 15px;
    color: #727175;
    font-size: 13px;
    font-weight: 500;
    width: 80%;
    line-height: 22px;
}

.income-msg {
    align-self: flex-start;
    border-bottom-left-radius: 0;
}

.outcome-msg {
    background: #e5effb;
    align-self: flex-end;
    border-bottom-right-radius: 0;
}

.metabox-bottom {
    clear: both;
    width: 100%;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}


.form-field,
.select-location-fields {
    margin-bottom: 25px;
    display: flex;
    flex-direction: column;
    max-width: 100% !important;
    overflow: hidden;
    justify-content: space-around;
}

.modal .form-field,
.modal .select-location-fields {
    margin-bottom: 15px;
}

.select-location-fields {
    width: 100%;
    gap: 20px;
    flex-direction: row !important;
    flex-wrap: wrap;
}

.select-location-item {
    min-width: 100px;
    flex: 1;
}

.select2-container {
    font-size: 14px;
}

.select2-search.select2-search--dropdown {
    margin-bottom: 10px;
    padding: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #DEE0E3;
    border-radius: 5px;
    height: 40px;
    padding-left: 15px;
    margin: 2%;
    width: 96%;
}

.select2-container--open .select2-dropdown--below,
.select2-container--open .select2-dropdown--above {
    border: 0px;
    margin-top: 10px;
    min-width: 200px;
    padding: 5px;
}

.select-style .select2-selection--single .select2-selection__rendered {
    color: #777f87;
}

.select-style .select2 {
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    display: inline-block;
    padding: 10px 20px;
    width: 100% !important;
}

.select-style .select2 .select2-selection__arrow {
    background: url(../imgs/template/icons/arrow-down.png) no-repeat right 10px center;
    opacity: .5;
    top: 11px;
    width: 26px;
}

.select-style .select2 .select2-selection__arrow b {
    display: none !important;
}

.select-style-icon .select2 {
    padding-left: 33px;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em;
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    margin-left: 5px;
    padding: 0;
    max-width: 100%;
    resize: none;
    height: 18px;
    vertical-align: bottom;
    font-family: sans-serif;
    overflow: hidden;
    word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-dropdown {
    background: #f5f1ff;
    border: 1px solid #dfccff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
}

.select2-results {
    display: block;
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
}

.select2-results__option {
    padding: 6px 12px 4px;
    user-select: none;
    -webkit-user-select: none;
    border-bottom: 1px dotted #eee;
    cursor: pointer;
    margin: 0;
}

.select2-results__option:first-child {
    font-weight: 500;
}

.select2-results__option--selectable {
    cursor: pointer;
}

.select2-container--open .select2-dropdown {
    left: 0;
    top: -3px;
    border-radius: 10px;
}

.select2-container--open .select2-dropdown--above {
    top: -6px;
}

.select2-container--open .select2-dropdown--below {
    top: 6px;
}

.select2-results__message {
    text-align: center;
    background: #f8f8ff;
    border-radius: 10px;
    font-weight: 500;
}

.select2-search--dropdown {
    display: block;
    padding: 4px;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
    display: none;
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border-radius: 4px;
    padding: 7px 14px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
    padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 14px;
    right: 15px;
    width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: bold;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    position: absolute;
    right: 0;
    padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
    padding-left: 20px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
    position: absolute;
    left: 0;
    top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
    background-color: #f1f1f1;
    color: #333;
    outline: none;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield;
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
    padding: 0;
}

.select2-container--default .select2-results__option--disabled {
    color: #999;
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: white;
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 26px;
    margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left;
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0;
    padding-bottom: 5px;
    padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #888;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555;
    outline: none;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px;
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none;
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
    border-top: none;
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
    padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
    color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #3875d7;
    color: #fff;
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb;
}

.select2-container .select2-dropdown {
    background: #f5f1ff !important;
    border: 1px solid #dfccff !important;
    border-radius: 10px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06) !important;
}

.select2-results__options {
    font-size: 13px !important;
    padding: 4px !important;
}

.select2-results__option {
    padding: 6px 12px 4px !important;
    border-bottom: 1px dotted #eee !important;
    color: #1f2938 !important;
}

.select2-results__option--selected {
    background-color: #f1f1ff !important;
    color: #1f2938 !important;
}

.select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb !important;
    color: #fff !important;
}

.location-custom-fields .select2-container {
    border: 2px solid #e0e6f6;
    border-radius: 4px;
    padding: 9px 7px;
    width: 100% !important;
}

.location-custom-fields .select2-container .select2-selection__rendered {
    color: #1f2938;
}

.location-custom-fields .select2-selection--single .select2-selection__arrow {
    top: 50%;
    transform: translateY(-50%);
}

.form-switch .form-check-input {
    width: 4em;
    height: 26px;
    margin-right: 10px;
}

.form-check-label {
    font-size: 14px;
    font-weight:500;
}

.form-check-input:checked {
    background-color: #6eacf5;
    border-color: #6fadf6;
}


.form-control.is-invalid {
    border: 1px solid #ffb4b4 !important;
}

.form-control:disabled {
    background: #f5f6fb !important;
    border-color: #e9e9f3 !important;
    color: #6862ad !important;
}


.custom-select:focus,
:focus,
[contenteditable].form-control:focus,
[type=email].form-control:focus,
[type=password].form-control:focus,
[type=tel].form-control:focus,
[type=text].form-control:focus,
button:focus,
input.form-control:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=text]:focus,
select:focus,
textarea.form-control:focus,
textarea:focus {
    box-shadow: none;
    outline: none !important
}

.btn,
.hover-up,
.hover-up:hover {
    transition: all .25s cubic-bezier(.02, .01, .47, 1)
}

.btn:hover .hover-up:hover {
    transform: translateY(-3px)
}

.none-shadow {
    box-shadow: none !important
}

textarea.form-control {
    min-height: unset;
    height: unset;
}

.form-control {
    padding: 15px 18px !important;
    max-width: 100% !important;
    font-size:15px !important;
    outline: none !important;
    color: #000000 !important;
    border: 1px solid #E1E1E1 !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    transition: .3s ease;
    height: 46px;
}

.form-control[type=file] {
    padding: 10px 24px !important;
}

.form-select, .select2-selection {
    padding: 4px 15px 2px !important;
    height: 46px !important;
}

.form-control, .ck-content, .form-select, .select2-selection {
    border: 3px solid #daebff !important;
    outline: 1px solid #afc3df !important;
    border-radius: 20px !important;
    margin: 5px;
    max-width: 97% !important;
    font-size:14px !important;
}

.simple-select {
    border: 1.5px solid #cfc9fb !important;
    border-radius: 5px !important;
    padding: 6px 10px !important;
    height: 32px !important;
    max-width: 100% !important;
    font-size: 13px !important;
    background: #fefdff;
}

@media (max-width: 574.98px) {
   .simple-select {
    padding: 6px 6px !important;
   } 
}

.ck-content {
  padding:0px 20px !important;
}

.tagify {
    height:auto !important;
}

.date-selector {
  display: flex;
  gap: 10px;
  flex-wrap: nowrap;
  min-width:200px;
}

.right-side {
    float: right;
}

.modal-dialog-centered {
    min-height: 92% !important;
}

.modal {
    z-index: 1051;
}

.modal-content {
    border-radius: 15px;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
    background: #fff;
    margin:0px auto;
    max-width: 600px;
    min-width: 300px;
    padding: 3px;
    width:94%;
    background: linear-gradient(to left, #f2f3f5, #f2f3f5);
}

.modal-header {
    display: flex;
    gap: 5px;
    border: 0;
    padding: 10px 18px;
    min-height: 35px;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
}

.modal-header p {
    margin: 0;
    color:#737070;
    line-height: 21px;
}

.modal-header h3 i {
    position: relative;
    top: 1px;
    color: #c9c9c9;
    margin-right: 9px;
}

.modal-body {
    padding: 35px 40px;
    font-size: 14px;
    background: #fff;
    border-radius: 13px;
    border:1px solid #e4e6e6;
}

@media (max-width: 574.98px) {
    .modal-body {
        padding: 15px;
    }
}

.modal-body .wblock {
    border-radius: 12px !important;
}

.modal .company-logo {
    box-shadow: none !important;
    border: 1px solid #e9e9e9;
}

.modal-hint {
    display: flex;
    gap: 10px;
    text-align: center;
    padding: 10px 20px;
    line-height: 27px;
    color: #7a7a8d;
    margin-top: 30px !important;
    background: #f4f4ff;
    border-radius: 10px;
    align-content: center;
    align-items: center;
}

.modal-hint iframe {
    width:40px !important;
    height:40px !important;
    max-width:40px;
    max-height:40px;
    flex: 1;
}

.modal-footer {
    display: flex;
    border: 0px;
    justify-content: space-between;
}

.modal-register {
    text-align: center;
    font-size: 15px;
    color: #737070;
    margin: 10px;
}

.modal-job-name {
    font-weight: bold;
    font-size: 14px;
}

.btn-center {
    display: flex;
    justify-content: center;
    gap:20px;
}

.btn {
    background: #568cff;
    background-origin: border-box;
    box-shadow: 0px 0.5px 1.5px rgba(54, 122, 246, 0.25), inset 0px 0.8px 0px -0.25px rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 9px;
    font-size: 14px;
    height: 36px;
    min-height: 36px;
    transition: .2s;
    white-space: nowrap;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    line-height: 1;
    gap: 5px;
    animation: fadeIn 1s ease-in-out;
    padding: 0 15px;
}

@media screen and (max-width: 575.98px) {
    .btn {
        font-size: 13px;
        height: 31px;
        min-height: 31px;
    }

}

.btn span {
    display: flex;
    gap: 5px;
    align-items: center;
}

.btn:hover,
.btn:active {
    color: #fff !important;
    background: #4f83f3;
    text-decoration: none;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    background: #f3f8ff !important;
    border: 1px solid #d0d6ff;
    color: #a097e1 !important;
}

.btn:focus {
  color: #fff !important;
  background: #568cff !important;
  text-decoration: none;
}

.btn a {
    text-decoration: none;
    color: #fff;
}

a.btn:hover {
    color: #fff;
}

.btn i {
    color: #fff;
    height: 18px;
}

.btn-red {
    background: linear-gradient(-180deg, #ef7878, #c56363);
}

.btn-red:hover {
    background: linear-gradient(-180deg, #f07272, #c25656) !important;
}

.btn-simple {
    background-color: #fff !important;
    color: #6FB2FF;
    border: 1px solid #6FB2FF;
}

.btn-simple,
.btn-primary,
.btn-info {
    background: none;
    border: 1px solid #6FB2FF;
    color: #3b87df !important;
    font-weight: 400 !important;
}

.btn-simple i,
.btn-primary i,
.btn-info i {
    color: #3b87df !important;
}

.btn-simple:hover,
.btn-simple:active,
.btn-simple:focus,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-info:hover,
.btn-info:active,
.btn-info:focus {
    background: none !important;
    border: 1px solid #59a3f8;
    color: #59a3f8 !important;
}

.btn-mini {
    font-size: 12px !important;
    height: 29px;
    min-height: 29px;
    font-weight: 600;
    white-space: nowrap;
    line-height: 4px;
    padding: 5px 8px;
}

@media (max-width: 575.98px) {
    .btn-mini {
        font-size: 10px !important;
        padding: 4px 5px;
        height: 26px;
        min-height: 26px;
    }
}

.btn-mini i {
    font-size: 12px !important;
    height: 12px;
    top:0 !important;
    margin-right:0;
    margin-top: 0 !important;
}

.btn-big {
    padding: 14px 18px 14px 18px;
    font-size: 16px;
    font-weight: 500;
    border-radius: 6px;
    border-color: #ddbc50;
    background: linear-gradient(180deg, color(display-p3 1 1 1 / .32) 0, color(display-p3 1 1 1 / 0) 77.51%), #f3d05d;
    box-shadow: 0 1px 0px rgba(33, 38, 49, .24), 0 6px 12px rgba(33, 38, 49, .12), 2px 2px 24px rgba(33, 38, 49, .12), inset 2px 1px 2px rgba(255, 255, 255, .2);
    color: #70602a;
    text-shadow: 0px 0px 9px #f7f7f7;
}

.btn-big:hover,
.btn-big:active,
.btn-big:focus {
    background: linear-gradient(180deg, color(display-p3 1 1 1 / .4) 0%, color(display-p3 1 1 1 / 0) 77.51%), #f3d05d !important;
    color: #6d5d29 !important;
    text-shadow: 0px 0px 9px #f7f7f7 !important;
    border-color: #d1b24b;
}

.btn-big i {
    font-size: 16px !important;
    height: 16px;
    transition: transform 0.2s;
    color: #70602a;
}

.btn-big:hover i {
    transform: translateY(-1px) scale(1.1) rotate(-5deg);
    color: #9487eb;
}

.btn-join {
    padding: 10px 25px;
    text-align: center;
    font-size: 14px;
    font-weight: 600 !important;
    display: block;
    max-width:300px;
    border-radius: 5px;
    font-family: system-ui;
    line-height: 21px;
}

@media screen and (max-width: 575.98px) {
    .btn-join {
        font-size: 13px;
        padding: 8px 15px;
    }
    
}

.btn-join i {
    font-size: 16px !important;
    height: 16px;
    transition: transform 0.2s;
    margin-right:5px;
    top:0;
}

.btn-join-talent {
    background: #6789ed !important;
    border:1px solid #6789ed;
    color: #fff !important;
    border-radius: 8px;
    font-size: 130%;
    line-height: 20px;
}

.btn-join-business {
    background: #fff !important;
    border:1px solid #6789ed;
    color: #6789ed !important;
    border-radius: 8px;
    font-size: 130%;
    line-height: 20px;
}

.btn-danger {
    background: none;
    border: 1px solid #ffc7c7;
    color: #af7373 !important;
    font-weight: 400 !important;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
    background: none !important;
    border: 1px solid #ff9c9c;
    color: #fa6d6d !important;
}

.btn-danger i {
    color: #af7373 !important;
}

.btn-danger span:hover {
    color: #fa6d6d !important;
}

.btn-grey, .btn-white {
    font-weight: 500 !important;
    display: flex;
    border-radius: 10px;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: #8f92b5;
    font-family: system-ui;
    justify-content: center;
    align-items: center;
    line-height: 3px;
}

.btn-blue {
    background: #f7f7ff !important;
    border:0;
    width:100%;
    color: #5b307e !important;
    font-weight: 500 !important;
    padding: 5px 10px;
    text-align: center;
    border-radius: 10px;
    display: block;
    text-transform: uppercase;
}

.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
    background: #ededfd !important;
    text-decoration: none;
}

.btn-white {
    background: #fff !important;
    border: 1px solid #e4e4e7;
}

.btn-white:hover,
.btn-white:active,
.btn-white:focus {
    background: #f4f4f5 !important;
    color: #333 !important;
    border: 1px solid #e4e4e7;
    text-decoration: none;
}

.btn-grey {
    background: #f5f5ff !important;
    border: 1px solid #b6b6ff;
    color: #9199ff;
}

.btn-grey:hover,
.btn-grey:active,
.btn-grey:focus {
    background: #f3f3ff !important;
    color: #8d95fd !important;
    border: 1px solid #b0b0fc;
    text-decoration: none;
}

.btn-more {
    background: #fcfcff !important;
    border: 1px solid #d7d7ff;
    color: #595dbb;
    font-weight: 500 !important;
    padding: 6px 12px;
    font-size: 13px;
    border-radius: 8px;
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    width: 40%;
    margin: 0px auto;
}

@media (max-width: 575.98px) {
    .btn-more {
        width: auto;
    }
}

.btn-more:hover,
.btn-more:active,
.btn-more:focus {
    background: #f3f3ff !important;
    color: #6e6eff !important;
    border: 1px solid #c7c7ff;
    text-decoration: none;
}

.table-actions,
.btn-list {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
}

.folow-button {
    background: #dd9dff !important;
    color: #fff !important;
}

.follow-button i {
    color: #fff !important;
}

.folow-button:hover {
    background: #d395f5 !important;
}

.page-top-container {
    width: 100%;
    margin: 10px 0 20px;
    text-align: center;
}

@media (max-width: 992px) {
    .page-top-container {
        margin: 20px 0;
    }
}

.homepage-features {
    display: flex;
    flex-wrap: wrap;
    gap:20px;
    justify-content: center;
    align-items: center;
    color: #6a6afd;
    font-size: 11.2pt;
}

.homepage-features div {
    font-weight:600;
}

.w-100 {
    width: 100% !important;
}

.page-top-container-text,
.subtitle {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: #6b6489;
    letter-spacing: 0.5px;
    width: 80%;
    text-align: center;
    max-width: 800px;
    text-align: center;
    margin: 0 auto
}

.sub-text {
    color: #7c79ad;
}

.staticpage {
    width: 80%;
    margin: 0px auto;
    max-width: 800px;
}

.verified_badge {
    width: 18px;
    position: relative;
    top: -3px;
}

.home_dash_blocks {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
    gap: 10px;
    width: 100%;
}

.dash_block {
    background: #fdfdfd;
    border-radius: 9px;
    border: 1.5px solid #f1ecec;
    padding: 9px 9px 9px 18px;
    max-width: 50%;
    min-width: 145px;
    position: relative;
    white-space: nowrap;
    flex-grow: 1;
    text-align: left;
    animation: zoomIn 1s ease-in-out;
    color: #9e8db8 !important;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    cursor: default;
    line-height: 19px;
}

.dash_block:hover {
    background: #f7f6ff !important;
    border: 1.5px solid #d6c9f5 !important;
    box-shadow: 0 4px 12px rgba(101, 78, 178, 0.1);
    color: #533b6e !important;
    text-decoration: none !important;
}

.dash_block div {
    font-weight: 500 !important;
}

.dash_block a,
.dash_block a:hover {
    text-decoration: none !important;
    color: #a79bb9 !important;
    text-transform: uppercase;
    font-size: 12px;
}

.dash_block:hover .dash_block_counter {
    text-decoration: none !important;
    color: #533b6e !important;
}

.dash_block_counter {
    white-space: nowrap;
    font-size: 18px;
    margin-top: 5px;
    text-align: left;
    color: #7e6767;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
}

.dash_block_counter i {
    font-size: 17px;
    color: #59a3f3;
    margin-right: 5px;
}

.dash_block_counter i:nth-of-type(2) {
    font-size: 10px;
    color: #ccc;
    vertical-align: middle;
}

@media screen and (max-width: 574.98px) {
    .dash_block {
        padding: 7px 5px 8px 13px;
        min-width: 30%;
        max-width: 50%;
        flex: 1;
    }

    .dash:first-child {
        padding-left:10px !important
    }

    .dash_block_counter i {
    font-size: 15px;
    color: #59a3f3;
    margin-right: 5px;
    height: 15px;
    }
}

.pending_interviews {
    animation: zoomIn 2s ease-in-out infinite;
}

.sidebar-menu {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    gap: 5px;
}

.sidebar-menu-item {
    color: #333;
}

.sidebar-menu i {
    margin-right: 10px;
    position: relative;
    bottom: -1px;
    color: #7d8189;
}

.sidebar-menu-item {
    display: flex;
    position: relative;
    width: 100%;
    gap: 10px;
    padding: 6px 15px 4px;
    justify-content: space-between;
    align-items: center;
}

.sidebar-menu-item.active,
.sidebar-menu-item:hover {
    background: #f7f6ff;
    border-radius: 5px;
    text-decoration: none !important;
    color: #333;
}

.sidebar-menu-item .menu-counter {
    display: flex;
    background: #59a3f3;
    padding: 0 8px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    align-content: center;
    align-items: center;
    height: 20px;
}

.counter-danger {
    background: #f78181 !important;
}

.sidebar-cover {
    margin: -20px -20px 0px;
    min-height: 100px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    max-width: calc(100% + 40px);
}

@media screen and (max-width: 574.98px) {
    .sidebar-cover {
        border-radius: 0 !important;
    }
}

.top-companies {
    max-width: 1200px;
    margin: 0px auto;
}

.myblock {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #F3E2F5;
    border-radius: 12px;
    padding: 15px;
    box-shadow: -1px 4px 16px -3px #8ad5fd59;
    animation: fadeIn 1s ease-in-out;
    text-align: left;
    overflow: hidden;
}

.sidebar .myblock {
    max-width: unset;
}

.featuredcompany {
    background: #4DB3FB !important;
    background: linear-gradient(180deg,rgba(254, 238, 222, 1) 0%, rgba(255, 255, 255, 0.84) 75%) !important;
}

.mycompany {
    flex: 1;
    padding-bottom: 0px !important;
    min-width: 245px;
    max-width: 500px;
    position: relative;
    padding: 5px;
    border-radius: 15px;
    background: #fff;
    border: 1px solid #e9edff;
    overflow: hidden;
}

@media (max-width: 575.98px) {
    .mycompany {
        padding: 3px;
    }
}

.mycompany:hover {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
    border: 1px solid #e2d7fa;
}

.sidebar .mycompany {
    max-width: unset;
    min-width: 100%;
}

.mycompany .status-badges {
    position: relative;
    top: 2px;
    left: 3px;
}

.mycompany .company-cover {
    position: relative;
    width: calc(100% + 30px);
    height: 105px;
    margin: -15px -15px 10px -15px;
    background-image: radial-gradient(circle at 32% 12%, rgba(229, 229, 229, 0.05) 0%, rgba(229, 229, 229, 0.05) 50%, rgba(101, 101, 101, 0.05) 50%, rgba(101, 101, 101, 0.05) 100%), radial-gradient(circle at 49% 59%, rgba(113, 113, 113, 0.05) 0%, rgba(113, 113, 113, 0.05) 50%, rgba(240, 240, 240, 0.05) 50%, rgba(240, 240, 240, 0.05) 100%), radial-gradient(circle at 16% 86%, rgba(118, 118, 118, 0.05) 0%, rgba(118, 118, 118, 0.05) 50%, rgba(207, 207, 207, 0.05) 50%, rgba(207, 207, 207, 0.05) 100%), linear-gradient(252deg, rgb(34, 85, 150), rgb(117, 220, 202));
    animation: fadeIn 2s ease-in-out;
    background-position: center;
    background-size: cover;
}

.mycompany .company-cover img {
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
}

.company-log-wrap {
    position: absolute;
    bottom: -20px;
    width: 100%;
    text-align: center;
}

.company-logo {
    background: #fff;
    border-radius: 50%;
    width: 75px;
    height: 75px;
    box-shadow: 0 1px 0px 0px #a3ddfb;
    display: inline-block;
    z-index: 1;
    animation: flipInX 3s ease-in-out;
}

.company-logo img {
    position: relative;
    padding: 3px;
    border-radius: 50%;
    object-fit: contain;
    width: 75px;
    height: 75px;
}

.mycompany .mycompany-label {
    font-weight: 500;
    margin: 10px 0;
}

.mycompany .mycompany-label i {
    margin: 2px 4px 0 0;
    position: relative;
}

.mycompany .mycompany-label span {
    font-weight: 400;
    color: #afaeae;
    letter-spacing: 0.5px;
}

.mycompany .folow-button {
    margin: 10px 0;
    width:200px;
}

.company-description {
    margin: 10px 0 10px;
    clear: both;
    font-size: 13px;
    line-height: 26px;
}

.company-head {
    position: absolute;
    top:2px;
    display: flex;
    justify-content: space-between;
    gap:20px;
    padding:0 5px;
    width: calc(100% - 3px);
}

.company-head div {
    margin:2px 0 3px;
}

.company-bottom {
    display: flex;
    justify-content: space-between;
    color: #b3b0c5;
    font-size: 12px;
    margin:10px 5px;
}

@media (max-width: 575.98px) {
    .company-bottom {
        margin:5px;
    }
}

.myblock .top-info {
    font-size: 10px;
    margin-top: -17px;
    color: #777f87;
    display: inline-block;
}

@media (max-width: 374.98px) {

    .myblock {
        padding: 10px;
        max-width: 100% !important;
    }

    .mycompany {
        width: 100%;
        max-width: unset;
        min-width: 150px;
    }

    .mycompany h4 {
        line-height: 21px !important;
    }

    .mycompany h4 a {
        font-size: 14px;
    }

    .mycompany .category-item {
        white-space: break-spaces !important;
        padding: 3px 7px 2px !important;
        min-width: 100%;
        justify-content: space-between !important;
    }

}

@media(min-width: 375px) and (max-width: 575.98px) {

    .myblock {
        padding: 10px;
    }

    .mycompany {
        min-width: 150px;
        max-width: 250px;
    }

    .mycompany h4 {
        line-height: 26px !important;
    }

    .mycompany h4 a {
        font-size: 16px;
    }

    .mycompany .category-item {
        white-space: break-spaces !important;
        padding: 3px 7px 2px !important;
        min-width: 100%;
        justify-content: space-between !important;
    }

}

@media (min-width: 576px) and (max-width: 767.98px) {

    .mycompany {
        min-width: 50% !important;
        max-width: unset;
    }

    .mycompany h4 {
        line-height: 29px !important;
    }

    .mycompany h4 a {
        font-size: 18px;
    }

}


@media (min-width: 768px) and (max-width: 991.98px) {}

@media (min-width: 992px) and (max-width: 1199.98px) {}


.mycompany-header {
    display: flex;
    justify-content: space-between;
}

.mycompany-bottom {
    width: 92%;
    position: absolute;
    left: 4%;
    bottom: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.company-views {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top:2px;
    color:#8f8f8f;
}

@media (max-width: 575.98px) {
    .company-views {
        font-size:10px;
        line-height: 18px;
    }
}

.mycompany-profile {
    padding: 8px 5px;
    color: #51468b;
    font-size: 13px;
}

.mycompany h4 {
    font-size: 140%;
    line-height: 160%;
    text-align: center;
    margin: 35px 0 15px;
}

.mycompany h4 a {
    font-weight: 400;
    color: #418ce2;
}

.mycompany .company-info {
    margin-top: 15px;
}

.mycompany .ratescore {
    display: inline-flex;
    width: auto;
    border-radius: 10px;
    background: #f7f8ff;
    padding: 3px 10px;
    height: 24px;
    line-height: 20px;
    color: #59a3f3;
    gap: 3px;
}

.mycompany .ratescore i {
    position: relative;
    color: #59a3f3;
    top: 1px;
    vertical-align: unset;
    font-size: 10px;
}

.mycompany .mybadge {
    padding: 4px 6px 4px 18px;
    font-size: 12px;
    border-radius: 8px;
    height: 22px;
    line-height: 11px
}

.mycompany .mybadge .dot {
    top:10px;
    left:10px;
    width: 6px;
    height: 6px;
}

.mycompany .btn-mini span {
    color: #d9ff00;
}

.mytalent {
    flex: 1;
    min-width: 240px;
    max-width: 280px;
}

@media screen and (max-width: 575px) {

    .mycompany .mybadge {
        padding: 3px 5px 3px 15px;
        font-size: 10px;
        height: 20px;
        line-height: 12px
    }

    .mycompany .mybadge .dot {
        top:9px;
        left:8px;
    }
    .mytalent {
        flex: 1;
        min-width: 150px;
    }
}

.mytalent .myblock:hover {
    border: 1px solid #c1d7f8;
}

.mytalent .talent-block-cover {
    width: calc(100% + 26px);
    height: 70px;
    margin: -13px -13px 8px -13px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251, 0.04) 0%, rgba(251, 251, 251, 0.04) 50%, rgba(229, 229, 229, 0.04) 50%, rgba(229, 229, 229, 0.04) 100%), radial-gradient(circle at 66% 97%, rgba(36, 36, 36, 0.04) 0%, rgba(36, 36, 36, 0.04) 50%, rgba(46, 46, 46, 0.04) 50%, rgba(46, 46, 46, 0.04) 100%), radial-gradient(circle at 86% 7%, rgba(40, 40, 40, 0.04) 0%, rgba(40, 40, 40, 0.04) 50%, rgba(200, 200, 200, 0.04) 50%, rgba(200, 200, 200, 0.04) 100%), radial-gradient(circle at 15% 16%, rgba(99, 99, 99, 0.04) 0%, rgba(99, 99, 99, 0.04) 50%, rgba(45, 45, 45, 0.04) 50%, rgba(45, 45, 45, 0.04) 100%), radial-gradient(circle at 75% 99%, rgba(243, 243, 243, 0.04) 0%, rgba(243, 243, 243, 0.04) 50%, rgba(37, 37, 37, 0.04) 50%, rgba(37, 37, 37, 0.04) 100%), linear-gradient(90deg, rgb(34, 222, 237), rgb(135, 89, 215));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.applier {
    background: #fefeff;
    padding: 3px;
    border-radius: 13px;
    border: 1px solid #f2e7ff;
}

.application-menu {
    display: flex;
    justify-content: space-between;
    padding: 2px 2px 4px;
    color: #896d6d;
    width: 91%;
    margin: 0px auto;
}

.application-menu .btn {
    flex:1;
    min-width:40%;
    border-radius: 6px;
}

.application-menu i {
    position: relative;
    bottom: -2px;
    margin-right: 3px;
}

.application-menu .review_single_line {
    margin-top:0 !important;
    border: 1px solid #dbe1ff;
    height:21px;
    background: #e0ebff;
}

.application-menu .review_single_line_fill {
    height:19px;
}

.application-menu .progress_score {
    line-height: 19px;
    font-size: 12px;
    font-family: system-ui;
}

.application-menu select {
    background: #fff;
    border-radius: 5px;
    border: 1px solid #e5deff;
    color: #7471c9;
    text-align: right;
    width: 85px;
    padding: 0 5px;
}

.application-menu option {
    text-align: left;
    font-size: 13px;
}

.talent-block-content {
   position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: flex-start;
    align-items: flex-start;
    line-height: 15px;
}

.talent-block-content h4 a {
    font-weight: 500;
}

.talent-block-content .silent {
    color: #666262;
}

.talent-info {
    line-height: 21px;
    margin-bottom:10px;
}

.talent-logo-wrap {
    width: 100%;
    height: 80px;
    margin-bottom: 0px;
    padding-top: 15px;
}

.talent-logo {
    margin-right:16px;
  float:right;
}

.talent-logo img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    padding: 3px;
    border-radius: 30%;
    background-color: #fff;
    box-shadow: 0px 0px 13px 0px #47484c36;
}

.talent-msg {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.talent-msg-date {
    font-size: 12px;
    color: #a1a1a1;
    margin: 0 10px;
    text-align: center;
}

.talent-msg .progress_score {
    color: #b292ff !important;
}

.mycategories {
    color: #5f646a;
    font-size: 12px;
    line-height: 20px;
    animation: fadeIn 1s ease-in-out;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.profile-info .mycategories {
    font-size: 13px;
    line-height: 26px;
}

.category-item {
    white-space: nowrap;
    color: #5d518b;
    border-radius: 5px;
    padding: 3px 15px 2px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    line-height: 18px;
    gap: 5px;
    flex: 1;
    background: #fdfeff;
    border: 1px solid #efebff;
}

.category-item img {
    width: 12px;
    height: 12px;
    vertical-align: middle;
}

.sidebar .category-item {
    padding: 8px 15px 7px;
    background: #fcf6ff;
    font-size: 14px;
}

@media(max-width: 575.98px) {
    .profile-info .mycategories {
        font-size: 12px;
    }

    .category-item img {
        margin-right: 4px;
        margin-top: 0;
    }
}

.company-bars .category-item {
    padding:10px;
    font-size:14px;
}

.company-bars.category-item img {
    width:14px;
    height:14px;    
}

.silent {
    color: #7976ad;
}

.silent a {
    font-style: normal;
}


.available-hiring-switch {
    display: flex !important;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
}

.available-hiring-switch .form-check-label {
    font-weight: 600;
}

.available-hiring {
    border: 3px solid #6fb2ff;
}

.available-hiring:hover {
    border: 3px solid #ebae5f;
}


.status-badges {
    display: flex;
    gap: 10px;
    font-family: sans-serif;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 99;
}

.mybadge {
    position: relative;
    padding:0 10px 0 25px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 500;
    border: 1px solid #ffe0e0;
    height: 29px;
    line-height: 26px;
    font-family: system-ui;
}

.company-buttons .mybadge {
    height: 36px;
    line-height: 32px;
    font-size: 14px;
}

.company-buttons .available .dot {
    left:15px;  
}

.mybadge span {
    white-space: nowrap;
}

.mybadge .dot {
    width: 8px;
    height: 8px;
    border-radius: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left:10px;
}

@media (max-width: 575px) {

    .mybadge {
        padding:0 8px 0 20px;
        font-size: 10px;
        height: 26px;
        line-height: 24px;
    }

    .mybadge .dot {
      left:11px;
    }

    .company-buttons .mybadge {
    height: 32px;
    line-height: 29px;
    font-size: 12px;
    }

    .company-buttons .available .dot {
    left:11px;  
    }

    .company-buttons .not-available .dot {
    left:7px;  
    }
}

.mybadge.available {
    background-color: #e6f9ec;
    color: #2e7d32;
    animation: flash 2s ease-in-out;
}

.mybadge.available .dot {
    background-color: #4caf50;
    animation: pulse 1.5s infinite;
}

/* Not Available Badge */
.mybadge.not-available {
    background-color: #eeeeee;
    color: #616161;
    animation: fadeIn 1s ease-in-out;
}

.mybadge.not-available .dot {
    background-color: #9e9e9e;
}

/* Pulse animation */
@keyframes pulse {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    50% {
        opacity: 0.4;
        transform: scale(1.3);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.myblock .status {
    height: 24px;
    padding: 4px 7px;
    line-height: 16px;
    font-size: 10px;
    top: 10px;
    right: 10px;
    border-radius: 8px;
}

.profile-info {
    padding: 0 20px;
}

.profile-info h1 {
    margin: 5px 0 20px;
    text-align: center;
}

.candidate-role {
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
}

.container-divider {
    width: 100%;
    height: 0;
    border-top: 1px solid #ebe9e9;
}

.header-search {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    border-top: 1px solid #ffe4e4;
    border-bottom: 1px solid #ffe4e4;
    gap: 20px;
    padding: 20px 20px 15px 20px;
    justify-content: center;
    max-width: 100%;
    overflow: hidden;
}

.header-search .form-field,
.header-search .select-location-fields {
    margin-bottom: 0;
}

@media (max-width: 574.98px) {

    .header-search .form-field,
    .header-search .select-location-fields {
        margin-bottom: 0;
        width: 100%;
        min-width: 200px;
    }
}


.search-company {
    height: 36px;
    margin: 1px;
}

.company-header {
    display: flex;
    justify-content: center;
    padding: 0 4% 30px;
    gap: 30px;
}

.company-header h1 {
    margin: 0;
    line-height: 1.4em;
}

.company-header-left {
    display: flex;
    gap: 20px;
    max-width: 50%;
}

.company-header .profile-image {
    max-width: 100px;
    max-height: 100px;
    margin: 0;
    min-width: 90px;
}

.company-header-panel {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-content: flex-start;
    gap: 5px;
    justify-content: space-around;
}

.company-header .badge {
    border-radius: 8px;
    padding: 7px 10px;
}

.company-header .company-buttons {
    display: flex;
    gap: 10px;
    align-items: stretch;
    justify-content: center;
}

.company-header .company-description {
    width: 50%;
    margin: 0;
    font-family: sans-serif;
    font-style: oblique;
    display: flex;
    align-items: center;
}

.company-description {
    font-size: 13px;
    margin: 5px 0;
    line-height: 23px;
}

@media(max-width: 1275px) {

    .company-header {
        padding: 20px 1% 30px;
        gap: 20px;
        margin-top: -90px;
    }

    .company-header-left {
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
    }

    .company-header-panel {
        width: 100%;
        align-items: center;
        align-content: center;
        text-align: center;
        gap: 20px;
    }
}

.job-containers {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.job-left-block {
    max-width: 500px;
    min-width: 250px;
}

.about-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}

.job-about {
    display: flex;
    gap: 7px;
    font-size: 14px;
    justify-content: flex-start;
    margin-bottom: 8px;
    border: 1.5px solid #dbe0e9;
    padding: 7px 15px 6px 15px;
    border-radius:8px;
    align-content: center;
    align-items: center;
}

.job-about:hover {
    border-color: #cbd5e1;
}

.job-about i {
    color: #77a4ff;
    font-size: 14px;
    padding-bottom: 2px;
}

.myblock .job-about {
    margin-bottom: 4px;
    padding-bottom: 3px;
}

.myblock .job-about:last-child {
    margin-bottom: 0;
}

@media (max-width: 574.98px) {
    .about-wrap .job-about {
        min-width: 46% !important;
    }
}

.job-text {
    font-size: 14px;
    line-height: 26px;
}

.job-label {
    color: #7c7a7a;
    font-weight: 500;
}

.job-buttons {
    display: flex;
    gap: 15px;
    justify-content: flex-end
}

.job-buttons .jbut {
    color: #6fb2ff !important;
    top:0;
}

.job-but1 {
    border-left:1px solid #d8e0ef;
    padding-left:15px;
    display: flex;
    gap: 7px;
}

.job-but1:first-child {
    border-left:0;
}

.job-buttons .btn {
    max-width: 100%;
    display: flex;
    flex: 1;
    margin: 0;
    padding: 10px;
}

.job-buttons .btn-simple {
    padding: 3px 5px !important;
    max-width: 75px;
}

.option {
    white-space: nowrap;
    color: #886aaf;
    font-weight: 500;
    font-size: 13px;
}

.option-value {
    font-weight: 500;
    display: flex;
    gap: 11px;
    line-height: 20px;
    font-size: 12px;
}

.option-value-label {
    color: #938acd;
    font-weight: 500;
}

.option-value a {
  color:#5555fd;
}

.option-value .option-age {
    font-weight: 500;
    text-transform: lowercase;
}

.candidate-alert-container {
    display: flex;
    flex-wrap: wrap;
}

.candidate-alert {
    display: flex;
    justify-content: space-between;
    margin: 0 0 20px;
    background: #f5ecfb;
    padding: 10px 20px;
    border-radius: 15px;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #f3e7fb;
    width: 100%;
}

.candidate-alert-left i {
    margin-top: 5px;
}

.candidate-alert-left {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.candidate-progress-item {
    line-height: 18px;
    background: #f4f6fb;
    border-radius: 5px;
    padding: 6px 10px 5px;
    border: 1px solid #ddddff;
}

.candidate-alert .form-select {
    height: 30px !important;
    font-size: 12px !important;
    padding: 5px 35px 3px 10px !important;
}

@media screen and (max-width: 575.98px) {
    .candidate-alert {
        border-radius: 0;
    }

    .candidate-alert-container {
        margin: 0 !important;
        gap: 0 !important;
    }
}

@media screen and (max-width: 1199.98px) {
    .candidate-alert-container {
        margin-bottom: 15px;
        gap: 10px;
    }

    .candidate-alert {
        margin: 0;
        padding: 10px;
    }

    .candidate-msg {
        padding-bottom: 10px;
        padding-left: 5px;
    }

    .candidate-alert-left {
        gap: 2px;
        margin-bottom: 10px;
    }

    .candidate-alert i {
        margin-top: 2px;
    }

    .candidate-progress-item {
        padding: 1px 8px 1px;
        line-height: 21px;
        height: 25px;
    }
}

.current-hr-status {
    background: #fff;
}

.job-info {
    display: flex;
    margin-top: 5px;
}

.favorite {
    font-weight: 600;
    float: right;
}

.favorite a:hover {
    text-decoration: none;
}

.myblock.short-job .add-favorite {
    padding-right: 2px;
}

.apage {
    text-align: center;
    padding: 30px 0 0px !important;
    margin-bottom: 0px !important;
}

.myblock .add-favorite:hover {
    color: #506a81;
}

.myblock .remove-favorite:hover i {
    color: rgb(218, 4, 4);
}

.sidebar .myblog {
    aspect-ratio: 4/3;
}

.jobfeatured {
    background: #4DB3FB !important;
    background: linear-gradient(180deg,rgba(77, 179, 251, 1) 0%, rgba(255, 255, 255, 0.84) 75%) !important;
}

.myjob {
    flex: 1;
    width: 50%;
    min-width: 330px;
    max-width: 500px;
    padding: 5px;
    background: #faf9ff;
    border-radius: 15px;
    border: 1px solid #f3e7fb;
}

@media(max-width: 575.98px) {
    .myjob {
        min-width: 250px !important;
        max-width: 100% !important;
        flex: 1;
    }
}

.sidebar .myjob,
.singlebar .myjob {
    max-width: unset;
    width: 100% !important;
    min-width: 300px !important;
    padding: 3px;
}

@media screen and (max-width: 575.98px) {

    .sidebar .myjob,
    .singlebar .myjob {
        min-width: 250px !important;
        max-width: 100% !important;
        width: 100% !important;
    }

}

.myjobheader {
    display: flex;
    gap:5px;
    margin: 3px 5px 6px 5px;
    justify-content: space-between;
}

.myjobheader .candidateselect {
    max-width: 150px;
    font-size: 13px;
    padding: 3px 15px 3px 10px;
    height: 26px;
    border-radius: 5px;
    border: 1px solid #e1d8f7;
    color: #6c6c74;
}

.job-moderation {
    background: #ffffff;
    padding: 1px 12px;
    height: 25px;
    line-height: 21px;
    border-radius: 5px;
    border: 1px solid #e1d8f7;
    font-weight: 500;
    color: #728d49;
}

.job-status {
    background: #fbfbfb;
    padding: 1px 12px;
    color: #6c6c74;
    height: 25px;
    line-height: 21px;
    border-radius: 5px;
    border: 1px solid #dbdbdb;
    font-weight:500;
    white-space: nowrap;
}

.job-expire {
    color:#7798bd;
    margin-right: 5px;
}

.job-expiring {
    color: #d97706;
}

.job-expired {
    color: #dc2626;
}

.myjob h3 {
    margin: unset;
    text-align: left !important;
}

.myjob h3 a {
    font-weight: 500;
    color: #032d60;
}

.myjob:hover {
    border: 1px solid #c1d7f8;
    box-shadow: 0 0 6px 0px #7196a526;
}

.myjob:hover .job-head h3 a  {
  text-decoration: underline;
}

.myjob .job-head {
    display: flex;
    margin: 0 0 16px;
    font-size: 14px;
    gap: 20px;
    justify-content: space-between;
    line-height: 26px;
}

.myjob .job-head a {
    font-weight:500;
}

.myjob .job-head i {
    top: 0.5px;
    font-size: 12px;
    position: relative;
    color: #8889bd;
    margin-right: 1px;
}

.myjob .clogo {
    overflow: hidden;
    border-radius: 14px;
    width: 70px;
    min-width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    background-color: #fff;
    border: 2px solid #e4e5fd;
}

@media(max-width: 575.98px) {
    .myjob .clogo {
        width: 50px;
        min-width: 50px;
        height: 50px;
    }
}

.myjob .clogo:hover {
    border: 1px solid #c5c2f8;
}

.myjob .clogo a {
    min-width: 100%;
    min-height: 100%;
}

.myjob .clogo img {
    padding: 3px;
    border-radius: 15px;
    object-fit: contain;
    width: 100%;
    height: 70px;
}

.myjob .job-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #6fb2ff;
    float: left;
    color: #fff;
    padding: 2px 10px 0;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    height: 22px;
}

.myjob .mycategories {
    text-align: left;
    line-height: 22px;
}

.myjobtags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    font-weight: 500;
    color: #032d60;
    border-top: 2px solid #f4f6ff;
    padding-top: 17px;
    padding-right: 5px;
    margin-bottom: 8px;
}

.myjobtags span {
    background: #fcfcff;
    padding: 3px 14px;
    border-radius: 5px;
    font-size: 12px;
    color: #7060af;
    line-height: 19px;
    font-weight: 500;
    border: 1px solid #d1eaff;
}

.myjobtags span:hover {
    background: #f3f3ff;
    color: #6455a0;
    cursor: default;
    transition: background 0.2s, color 0.2s;
}

.job-to-favorite {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    color: #d8d2f7;
}

.job-to-favorite:hover,
.job-to-favorite.applied {
    cursor: pointer;
    color: #59a6fd;
    text-decoration: none !important;
}

.job-to-favorite i {
    height: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #b9abff;
}

.job-to-favorite:hover i,
.job-to-favorite.applied i {
    color: #b9abff !important;
}

.job-bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin: 12px 15px 5px;
    align-content: center;
    align-items: center;
}

.profile-completion-info {
    margin-top: 20px;
    padding: 20px;
    border: 5px solid #f6f7f9;
    border-radius: 15px;
}

.profile-completion-info h4 i {
    color: #59a3f3;
    font-size: 19px;
    margin-bottom: -2px;
    line-height: 1;
}

.form-hint {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #443a3a;
    background: #fcfbff;
    border: 1px solid #d6ddf7;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 14px;
    margin: 20px 0px 0px;
    gap: 20px;
}

.form-hint i {
    margin-right: 3px;
    color: #828fcd;
    font-size: 16px;
    top:3px;
    position: relative;
}

@media (max-width: 700px) {
    .form-hint {
        flex-direction: column-reverse;
        text-align: center;
        gap: 10px;
    }
}

.sidebar .form-hint {
    text-align: center;
    margin-top: 10px;
}

.profile_sidebar_header {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    margin: 10px 0 5px;
}

.profile_sidebar_header h3 {
    margin-bottom: 0px;
}

.profile-item {
    display: flex;
    min-width: 30%;
    max-width: 49%;
    line-height: 20px;
    gap: 10px;
}

.profile-item-info {
    display: flex;
    flex-direction: column;
}

.profile_value {
    font-weight: 600;
}

.profile_label {
    color: #8b8b8b;
}

.candidate-profile-info {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    margin: 10px 0 0;
    padding: 0 10px 25px;
    justify-content: space-evenly;
}

.sidebar .candidate-profile-info {
    justify-content: flex-start;
}

.sidebar .candidate-profile-info .profile-item {
    max-width: unset;
    flex: 1;
}

.candidate-profile-info i {
    font-style: normal;
    background: #f6f6f6;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    font-size: 16px;
    color: #7f8484;
    display: flex;
    justify-content: center;
    align-items: center;
}


@media (max-width: 600px) {
    .candidate-profile-info div {
        min-width: 43%;
    }
}

.candidate-profile-info span {
    color: #5a5476;
}

.candidate-profile-details {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.candidate-profile-contacts {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
}

.circle-wrapper {
    width: 120px;
    height: 120px;
    position: relative;
    margin: 20px auto;
}

.circle-bg,
.circle-progress {
    fill: none;
    stroke-width: 10;
}

.circle-bg {
    stroke: #E6E7FB;
}

.circle-progress {
    stroke: #8182FD;
    stroke-linecap: round;
    transform: rotate(-90deg);
    transform-origin: center;
    transition: stroke-dashoffset 0.5s ease;
}

.circle-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

.toleft {
    float: left;
}

.toright {
    float: right;
}

.inline-block {
    display: inline-block;
}

.text-center {
    text-align: center !important;
}

.btn-icon i {
    margin: 0;
}

.brand-color {
    font-weight: inherit;
    background: #9EB755;
    background: linear-gradient(to right, #c0d820 0%, #1535F2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.application-status {
    background: #F4F5FF;
    padding: 5px 10px;
    border-radius: 5px;
    color: #5A597D;
    font-weight: 600;
    text-transform: capitalize;
}

.bottom-menu .application-status {
    padding: 2px 8px;
}

.applicatio-reject {
    color: red;
}

.application-interview {
    color: green;
}

.add-company-banner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    background: linear-gradient(178deg, #f8f8ff, #ecebff);
    color: #714d9f;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    min-height: 200px;
    border: 1px solid #e4deff;
    overflow: hidden;
}

.add-company-banner .banner-msg {
    font-size: 17px;
    line-height: 32px;
    display: flex;
    gap:20px;
}

.banner-msg-title {
    max-width:500px;
    text-align: center;
    align-content: center;
}

.add-company-banner .banner-img {
    width: 60%;
    max-width: 300px;
    margin-bottom: -13%;
}

.payments_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px;
    justify-content: center;
    gap: 5px;
}

.payment {
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    background: #fff;
    padding: 10px;
}

.payment img {
    height: 35px;
    object-fit: contain;
}

.price-table {
    margin: 20px 0;
}

.package-save {
    display: inline-flex;
    background: #ff4545;
    color: #fff;
    padding: 1px 7px;
    border-radius: 5px;
    font-weight: 700;
    margin-top: -18px;
    margin-right: -18px;
}

.package-credits {
    display: inline-flex;
    background: #5184fd;
    color: #fff;
    padding: 1px 7px;
    margin: 10px auto 0;
    border-radius: 5px;
    font-weight: 700;
    font-size:17px;
    position: relative;
}

.block-pricing {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.box-pricing-item {
    background: #fff;
    border: 3px solid #F5F1FF;
    border-radius: 15px;
    padding: 20px 30px;
    width: 100%;
    min-width: 260px;
    max-width: 310px;
    flex: 1;
    font-size: 14px;
}

.block-pricing .default-package,
.box-pricing-item:hover {
    border: 5px solid #102BAD;
}

.block-pricing .box-pricing-item:hover {
    box-shadow: 0 10px 20px -5px rgba(10, 42, 105, .06)
}

.block-pricing .box-pricing-item:hover .btn-border {
    color: #fff
}

.block-pricing .box-pricing-item .for-month,
.block-pricing .box-pricing-item .for-year {
    display: none
}

.block-pricing .box-pricing-item .display-month,
.block-pricing .box-pricing-item .display-year {
    display: inline-block
}

.block-pricing .box-pricing-item .btn-border {
    width: 100%
}

.block-pricing .box-pricing-item .btn-border:hover {
    color: #fff
}

.block-pricing .box-info-price {
    display: grid;
    padding-bottom: 15px;
    padding-top: 15px;
    width: 100%;
    position: relative;
}

.block-pricing .box-info-price .text-price {
    font-size: 56px;
    font-weight: 800;
    line-height: 56px;
    margin-right: 1px
}

.block-pricing .box-info-price .text-month {
    color: #777f87;
    font-size: 18px;
    line-height: 26px
}

.block-pricing .text-desc-package {
    color: #4f5e64;
    font-size: 15px;
    line-height: 20px
}

.block-pricing .list-package-feature {
    display: inline-block;
    padding-bottom: 10px;
    padding-left: 0;
    width: 100%
}

.block-pricing .list-package-feature li {
    color: #4f5e64;
    display: inline-block;
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 2px;
    padding: 4px 0;
    width: 100%
}

.block-pricing .list-package-feature i {
    margin-right: 5px;
}

.block-pricing .most-popular {
    background-size: contain;
    border-radius: 26px;
    margin-top: -50px;
    padding: 20px 30px 44px
}

.block-pricing .most-popular .text-desc-package,
.block-pricing .most-popular .text-month,
.block-pricing .most-popular .text-price,
.block-pricing .most-popular h4 {
    color: #fff
}

.block-pricing .most-popular .btn-border {
    font-weight: 700;
    text-align: center;
    width: 100%
}

.block-pricing .most-popular .btn-white-sm {
    border-radius: 14px;
    font-size: 10px;
    line-height: 12px;
    padding: 9px 25px 7px;
    text-transform: uppercase
}

@media(max-width: 374.98px) {

    .block-pricing .box-info-price .text-price {
        font-size: 36px;
        line-height: 30px;
    }

    .box-pricing-item {
        width: 100%;
        margin: 5px;
    }

    .block-pricing .list-package-feature li {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 0px;
    }
}

@media(min-width: 375px) and (max-width: 575.98px) {

    .block-pricing .box-info-price .text-price {
        font-size: 36px;
        line-height: 30px;
    }

    .box-pricing-item {
        width: 45%;
        margin: 5px;
    }

    .block-pricing .list-package-feature li {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 0px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .block-pricing .box-info-price .text-price {
        font-size: 42px;
        line-height: 30px;
    }

    .box-pricing-item {
        width: 45%;
        margin: 5px;
    }

    .block-pricing .list-package-feature li {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 0px;
    }

}


@media (min-width: 768px) and (max-width: 991.98px) {
    .block-pricing .box-info-price .text-price {
        font-size: 45px;
        line-height: 40px;
    }

    .box-pricing-item {
        width: 45%;
        margin: 5px;
        padding: 20px 10px;
    }

    .block-pricing .list-package-feature li {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 0px;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .block-pricing .box-info-price .text-price {
        font-size: 54px;
    }
}


.datagrid-item {
    margin-bottom: 20px;
}

.image-box-logo .preview-image-wrapper {
    overflow: hidden;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0px 1px 3px 0px #D3E4ED;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    width: 100px;
    height: 100px;
}

.image-box-logo .preview-image-wrapper img {
    padding: 3px;
    border-radius: 50%;
    object-fit: contain;
    height: 100%;
}

.upload_company_media {
    position: relative;
}

.image-box .btn {
    margin-top: 10px;
}

.upload_company_logo {
    margin: 0px auto 30px;
    display: flex;
    justify-content: center;
}

.upload_company_logo_img {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

.upload_company_logo .form-label,
.upload_company_cover .form-label {
    display: none;
}

.btn-list {
    float: right;
    display: flex;
}

.upload_company_cover {
    width: 100%;
}

.upload_company_cover .preview-image-wrapper {
    width: 100%;
    aspect-ratio: 4/0.91;
}

.upload_company_logo .preview-image-wrapper {
    aspect-ratio: unset;
}

.upload_company_logo .image-picker-remove-button {
    display: none;
}

.upload_company_cover .preview-image {
    width: 100%;
    aspect-ratio: 1350 / 300;
    object-fit: cover;
    display: block;
}

#edit-slug-box {
    line-height: 24px;
    margin-top: 5px;
    min-height: 25px
}

.btn-preview {
    color: #fff !important;
    margin-left: 10px
}

.permalink {
    text-decoration: underline
}

#editable-post-name {
    font-weight: 700
}

#editable-post-name input {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    height: 22px;
    margin: 0;
    width: 16em
}

#edit-slug-box .cancel {
    background: 0 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #0073aa;
    cursor: pointer;
    display: none;
    font-size: 11px;
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: underline
}

.datepicker {
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    gap: 2px;
}

.datepicker .btn:has(i) {
    padding: 0 !important;
}

.datepicker .btn {
    width: 40px;
    height: 38px;
    margin: 0;
    border: 0;
}

.datepicker .btn:last-child {
    border-left: 1px solid #90bff5 !important;
}

.table-wrapper {
    border: 1px solid #eee;
    border-radius: 15px;
    overflow: hidden;
}

.table-responsive .dropdown-menu {
    padding: 10px;
    border-radius: 10px;
}

.table-responsive .dropdown-menu .btn {
    margin-bottom: 5px;
}

.table-responsive .table-actions {
    flex-wrap: wrap;
}

.table-responsive .table-actions .btn {
    flex: 0;
}

.ck-content h1,
.ck-content h2,
.ck-content h3,
.ck-content h4,
.ck-content h5,
.ck-content h6 {
    margin-bottom: 20px;
}

@media (max-width: 574.98px) {

    .ck-content p,
    .ck-content li,
    .content-single li {
        font-size: 14px !important;
        line-height: 28px !important;
    }
}


.ck-content ul {
    margin: 20px;
}

.ck-content p,
.content-single li {
    font-size: 15px;
    line-height: 200%;
    line-height: 35px;
}

.ck-content li {
    list-style: outside;
    margin-left: 18px;
    margin-bottom: 15px;
    font-size: 16px;
}

.ck-content li::marker {
    color: #a3a6aa;
}

.dashboard_credits {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f7f6ff;
    padding: 10px 20px;
    border-radius: 15px;
    border: 1px solid #e9eafd;
}

.dashboard_credits .credit_title {
    color: #7c8692;
    margin-bottom: 5px;
}

.dashboard_credits .credit_score {
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 10px;
}

.dashboard_credits i {
    color:#fff !important;
}


.review_single {
    display: inline-flex;
    width: 100%;
}

.review_single_score {
    display: inline-flex;
    margin-right: 2px;
    color: #b18a02;
    font-size: 13px;
    line-height: 17px;
}

.review_single_score i {
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    bottom: -1.5px;
    height: 14px;
}

.review_single_line {
    width: 100%;
    height: 25px;
    background: #f7f6ff;
    border-radius: 5px;
    border: 1px solid #edf1ff;
    margin-right: 10px;
    overflow: hidden;
}

.review_scores .review_single_line,
.review_scores .review_single_line_fill {
    height: 10px;
    min-width: 10px;
}

.review_scores .review_single_line {
    margin-top: 3px;
}

.review_single_line_fill {
    background: linear-gradient(178deg, #b3b1ef, #ad97ef);
    height: 23px;
    width: 50%;
    min-width: 80px;
    border-radius: 3px;
    animation: fadeInLeft 1s ease-in-out;
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    text-align: right;
    padding-right: 5px;
}

.progress_score {
    font-weight: 400;
    color: #fff;
    cursor: default;
    line-height: 23px;
    font-size: 12px;
    float: right;
    padding: 0 7px;
    text-shadow: 0 0 #151824;
    font-family: 'Outfit';
}

.review_single_votes {
    line-height: 17px;
    color: #8d8a8a;
}

#alert-container {
    position: fixed;
    top: 70px;
    right: 10%;
    width: 90%;
    max-width: 600px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999999999;
}

#alert-container .alert {
    box-shadow: 0 4px 10px 0 rgba(3, 3, 3, .1);
    font-weight: 400;
    margin-bottom: 10px;
    width: 80%;
    max-width: 450px !important;
    min-height: 100px !important;
    padding: 15px 40px 15px 60px;
    position: relative
}

#alert-container .alert.alert-success {
    background-color: #bff9d0;
    color: #299c77
}

#alert-container .alert .message-icon {
    fill: #299c77;
    stroke: #299c77;
    font-size: 20px;
    left: 5%;
    position: absolute;
    top: 11px
}

#alert-container .alert.alert-dismissible .close {
    font-size: 10px;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 5px
}

.toast-notification p {
    margin-bottom: 0;
}

.toast-notification .wrapper {
    left: 5%;
    position: absolute;
    top: 45%;
    width: 90%;
    max-width: 600px;
}

.toast-notification .toast {
    animation-delay: 1ms;
    animation-duration: 1ms;
    animation-name: fadeIn;
    background-color: #fff;
    border-radius: 10px;
    display: grid;
    height: 100%;
    width: 100%;
    padding: 8px 5px;
    position: relative;
    border: 0;
    margin-bottom: 10px;
}

.toast-notification .alert-head {
    padding: 2px 10px 6px;
    font-size: 12px;
    font-weight: 500;
}

.toast-notification .error {
    background-color: #eacdcd;
}

.toast-notification .error i {
    color: red;
}

.toast-notification .success {
    background-color: #e2eeff;
}

.toast-notification .success i {
    color: #6fb2ff;
}

.toast-notification .info {
    background-color: #eff4ff;
}

.toast-notification .info i {
    color: #2479f6;
}

.toast-notification .warning {
    background-color: #fff4dd;
}

.toast-notification .warning i {
    color: #e8952f;
}

.toast-notification .inner-container {
    border-radius: 10px;
    text-align: center;
}

.toast-notification p {
    font-size: 13px;
}

.toast-notification .close-toast {
    background-color: transparent;
    color: #656565;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 7px;
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.button-loading {
    border: 1px solid #c4cdd5;
    color: transparent !important;
    cursor: default;
    position: relative;
    text-shadow: none;
    transition: border-color .2s ease-out
}

.main-bottom-menu {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    background: #fff;
    border-top: 1px solid #eee;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    margin: 0;
}

.main-bottom-menu .menu-item {
    display: flex;
    align-items: center;
    width: 20%;
    min-width: 20%;
    max-width: 20%;
    justify-content: center;
    padding: 10px 0 0;
    white-space: nowrap;
    font-size: 12px;
    position: relative;
}

.main-bottom-menu .menu-item .eye-menu {
    visibility: hidden;
    position: absolute;
    text-align: center;
    width:70px;
    height:34px;
    top: -40px;
    left:50%;
    margin-left:-35px;
    background: #5e95ff;
    color: white;
    font-size: 12px;
    padding: 2px 8px;
    border-radius: 5px;
    max-width: 100px;
    white-space: normal;
    line-height: 15px;
    cursor: default;
}

.registerbody .main-bottom-menu {
    display: none;
}

.registerbody .wa-chat-bubble {
    bottom:15px !important;
}

.registerbody .wa-widget-send-button {
    margin-bottom:15px !important;
}

.main-bottom-menu .active a {
    color: #888 !important;
}

.main-bottom-menu i {
    font-size: 18px;
    margin: 0;
    padding: 0;
    height: 18px;
}

.main-bottom-menu a {
    display: flex;
    flex-direction: column;
    margin: 0;
    align-content: center;
    align-items: center;
    color: #444;
}

.main-bottom-menu a:hover {
    text-decoration: none;
}

.nav {
    display: flex;
    gap: 10px;
    --bb-nav-link-color: var(--bb-gray-500);
}


.dashboard-content .nav {
    margin: 1vh -10px;
}

@media (max-width: 574.98px) {

    .main-bottom-menu .menu-item {
        font-size: 10px;
    }

    .main-bottom-menu i {
        font-size: 16px;
    }

    .nav {
        gap: 7px;
    }

    .dashboard-content .nav {
        margin: 1.5vh -10px 3vh;
    }
}

.nav-item {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 2px 10px;
}


.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #127aeb !important;
    background: none;
}

.nav-link {
    align-items: center;
    display: flex;
    transition: color .3s;
    font-size: 15px;
    color: #535a64;
    padding: 0;
}

.company-step-navigation {
    padding: 0 10px;
}

.company-step-navigation .nav-item {
    background: #faf9ff;
    border: 1px solid #c2d2fd;
    box-shadow: 0 0 0 0 #999cffd9;
    padding: 0;
    border-radius: 6px;
}

.company-step-navigation .nav-link {
    color: #3672e3 !important;
    font-size: 14px;
    font-weight: 500;
    padding: 4px 12px;
    border-radius: 6px;
}

.company-step-navigation .nav-link.active {
    color: #7b57a9 !important;
    text-shadow: none;
    background: #fff;
    font-weight: 600;
}

.company-step {
    justify-content: center;
    padding: 5% 2% 0;
    margin: 0 auto !important;
    min-width: 90%;
    max-width: 900px;
}

.form-control {
   font-size:15px !important;
   padding:10px 15px !important;
   font-size: 15px !important;
   padding: 15px 18px !important;
   height: 46px;
}

.form-control[type=file] {
    padding: 10px 24px !important;
}

.form-select, .select2-selection {
    padding: 4px 15px 2px !important;
    height: 46px !important;
}

.form-control, .ck-editor .ck-content, .form-select, .select2-selection {
    border: 3px solid #daebff !important;
    outline: 1px solid #afc3df !important;
    border-radius: 20px !important;
    margin: 5px;
    max-width: 97% !important;
    font-size:14px !important;
}

.ck-content {
  padding:0px 20px !important;
}

.tagify {
    height:auto !important;
}

.company-step-actions,
.job-step-actions,
.profile-step-actions {
    display: flex;
    justify-content: space-between;
    margin: 10px auto 3px;
    padding:0 10px;
    max-width:90%;
}

.company-step h3 span,
.job-step h3 span {
    background-color: #ecfdf5;
    border: 1px solid #bde8d9;
    border-radius: 5px;
    padding: 4px 8px 5px;
    font-size: 12px;
    color: #488572;
    font-weight: 500;
    position: relative;
    top: -3px;
    margin-left: 5px;
}

.company-step h3 span i,
.job-step h3 span i {
    top:1px;
}

.company-step h3,
.job-step h3,
.profile-step h3 {
    text-align: center;
}

.company-step-actions>*:nth-child(2),
.job-step-actions>*:nth-child(2),
.profile-step-actions>*:nth-child(2) {
    margin-left: auto;
}

.js-base-form {
    width:100%;
}

.custom-field-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    align-content: center;
    align-items: flex-end;
    margin-bottom: 20px;
}

.custom-field-header label {
    font-size: 14px;
    font-weight: 500;
}

.custom-field-row {
    display: flex;
    gap: 10px;
    margin-bottom: 50px;
}

.custom-field-empty {
    background: #ffffff;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    color: #707070;
    border: 1px solid #ded5ff;
}

.ps-main .contentbar {
    max-width: 100%;
}

.multi-check-list-wrapper {
    max-height: 450px;
    overflow: auto;
    padding: 0 10px;
    -webkit-overflow-scrolling: touch;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 12px;
}

.nav-item {
    margin-bottom: 0;
}

@media (max-width: 474.98px) {
    .ps-main .contentbar {
        border: 0;
        border-radius: 0;
    }
}

@media (min-width: 1399.98px) {

    .dashboard-content {
        padding: 0 12% 0;
    }
}

.card-filter {
    display:flex;
    align-items:center;
    gap:20px;
    justify-content: flex-start;
    width:100%;
}

.card-filter-item {
    display:flex;
    align-items:center;
    gap:12px;
    justify-content: flex-start;
}

.card-filter .form-label {
    width:auto;
    flex: auto;
    white-space: nowrap;
    color:#5f4e7a;
    font-weight:500;
}

.ai-generating {
    display: flex;
    justify-content: center;
    gap: 15px;
    align-content: center;
    align-items: center;
    color: #666cff;
    max-width: 610px;
    line-height: 23px;
    text-align: right;
    margin: 10px auto 0;
    width: 100%;
    font-size:15px;
}

.dash-menu {
    color: #666cff;
    text-align: center;
    margin-bottom: 20px;
    font-size: 15px;
}

@media (max-width: 574.98px) {
    .dash-menu {
        font-size: 12px;
    }
}

.ai-dashboard {
    padding: 20px 20px 10px;
    text-align: center;
    position: relative;
    max-width: 940px;
}

.tocomplete {
    max-width:300px;
    margin:20px auto;
}

.tocomplete span {
    color:#e6f526;
    font-weight:bold;
    animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.myblock-list {
    gap: 15px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
}

@media (max-width: 574.98px) {

    .myblock-list {
        padding: 0 3%;
    }

    .ai-dashboard {
        margin-top:15px;
        padding: 20px 10px 0px;
    }

    .ai-dashboard .form-hint {
        margin-bottom:20px;
    }
}

.task-list-wrap {
    margin-bottom: 20px;
}

.task-list {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.task-list-header {
    text-align: center;
    margin-bottom: 10px;
}

.task {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #fff;
    padding: 10px 15px 8px;
    border-radius: 10px;
    max-width: 600px;
    align-content: center;
    align-items: center;
    flex: 1;
    min-width: 130px;
    line-height: 20px;
    min-height: 60px;
    border: 2px solid #efefef;
    font-size: 13px;
    z-index: 2;
    justify-content: center;
    text-align: center;
}

.task:hover {
    text-decoration: none;
}

.task-status {
    background: #a9cffa;
    color: #fff;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    height: 20px;
    white-space: nowrap;
}

.task .task-number {
    color: #6fb2ff;
    font-size: 18px;
    font-family: sans-serif;
    letter-spacing: 2px;
}

.task-completed {
    background: #e8fff0;
}

.task-completed .task-status {
    background: #6fb2ff;
    color: #fff;
}

.task-completed .task-number {
    color: #bababb;
}

.ai-job-block {}

.ai-job-text {
    margin: 20px 0 0px;
}

.ai-icon {
    display: inline-block;
    font-size: 35px;
    transform-origin: center;
    padding: 10px;
    color: #6fb2ff !important;
}

.ai-job-text .aimg {
    margin-top: -20px;
    width: 120px;
    height: 120px;
}

.ai-job-text .items-list {
    justify-content: center !important;
}

@media screen and (max-width: 575.98px) {
    .ai-job-text .aimg {
        width: 80px;
        height: 80px;
    }
}

.ai-job-text .iloading {
    animation: search-move 2s infinite linear;
}

@keyframes search-move {
    0% {
        transform: translate(0, 0);
    }

    25% {
        transform: translate(5px, -5px);
    }

    50% {
        transform: translate(10px, 0);
    }

    75% {
        transform: translate(5px, 5px);
    }

    100% {
        transform: translate(0, 0);
    }
}

.aibot {
    width: 120px;
    height: 120px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
}

@media (max-width: 374.98px) {
    .aibot {
        width: 80px;
        height: 80px;
    }
}

@media(min-width: 375px) and (max-width: 575.98px) {
    .aibot {
        width: 80px;
        height: 80px;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .aibot {
        width: 130px;
        height: 130px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .aibot {
        width: 150px;
        height: 150px;
    }
}

.ai-job-block textarea {
    width: 100%;
    max-width: 500px;
    height: 100px;
    min-height: unset;
}

.ai-job-block .ai-job-text {
    font-size: 16px;
    line-height: 24px;
    color: #777894;
    margin: 60px 0 60px;
    min-height: 100px;
}

.star {
    position: absolute;
    width: 4px;
    height: 4px;
    background: #6fb2ff;
    border-radius: 50%;
    opacity: 0;
    animation: star-burst 1.5s infinite ease-out;
}

.star1 {
    top: 50%;
    left: 50%;
    animation-delay: 0s;
}

.star2 {
    top: 50%;
    left: 50%;
    animation-delay: 0.2s;
}

.star3 {
    top: 50%;
    left: 50%;
    animation-delay: 0.4s;
}

.star4 {
    top: 50%;
    left: 50%;
    animation-delay: 0.6s;
}

.star5 {
    top: 50%;
    left: 50%;
    animation-delay: 0.8s;
}

.star6 {
    top: 50%;
    left: 50%;
    animation-delay: 1s;
}

.star7 {
    top: 50%;
    left: 50%;
    animation-delay: 1.2s;
}

.star8 {
    top: 50%;
    left: 50%;
    animation-delay: 1.4s;
}

@keyframes star-burst {
    0% {
        transform: translate(0, 0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translate(var(--x), var(--y)) scale(0.5);
        opacity: 0;
    }
}

.star1 {
    --x: -20px;
    --y: -20px;
}

.star2 {
    --x: 0;
    --y: -25px;
}

.star3 {
    --x: 20px;
    --y: -20px;
}

.star4 {
    --x: 25px;
    --y: 0;
}

.star5 {
    --x: 20px;
    --y: 20px;
}

.star6 {
    --x: 0;
    --y: 25px;
}

.star7 {
    --x: -20px;
    --y: 20px;
}

.star8 {
    --x: -25px;
    --y: 0;
}

.testimonials_block {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.testimonial {
    background: #fff;
    border-radius: 15px;
    padding: 20px;
    border: 1px solid #dfdfdf;
    max-width: 400px;
}

.testimonial-text {
    font-style: italic;
}

.testimonial-author {
    display: flex;
    gap: 10px;
    align-content: center;
    align-items: center;
}

.testimonial-author-info {
    display: flex;
    flex-direction: column;
}

.author-name {
    font-weight: 500;
    font-size: 14px;
}

.author-role {
    color: #777894;
    font-size: 13px;
}

.testimonial-author img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}

h3 i {
    position: relative;
    top: -2px;
}

.verified-icon {
    color: #59a3f3;
}

.unverified-icon {
    color: #d3d3d3;
}

.type-tip {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin-top: 20px;
}

.type-tip span {
    background: #deebfd;
    border-radius: 5px;
    margin-top: 20px;
    padding: 5px 10px;
    font-size: 14px;
    color: #5d518b;
    margin: 10px;
    display: inline-block;
}

.ck.ck-toolbar {
    background: none !important;
}

.ck-editor {
    max-width: 87vw;
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content,
.ck.ck-editor__top .ck-sticky-panel .ck-sticky-panel__content.ck-rounded-corners {
    border: 0;
    margin-bottom: 5px;
}

.ck.ck-toolbar>.ck-toolbar__items {
    justify-content: center;
}

.ck.ck-icon.ck-icon_inherit-color,
.ck.ck-icon.ck-icon_inherit-color * {
    color: #59a3f3 !important;
}

@media screen and (max-width: 600px) {

    .ck.ck-icon.ck-icon_inherit-color,
    .ck.ck-icon.ck-icon_inherit-color * {
        font-size: 10px
    }

    .ck.ck-toolbar>.ck-toolbar__items>:not(.ck-toolbar__line-break) {
        margin-right: 0 !important;
    }
}

.ck-powered-by {
    display: none !important;
}

#wa-float {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    background: #25D366;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .2);
    text-decoration: none;
    z-index: 9999998;
    transition: transform .15s ease, box-shadow .15s ease;
}

#wa-float:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 28px rgba(0, 0, 0, .24);
}

#wa-float:active {
    transform: translateY(0);
}

#wa-float .wa-label {
    position: absolute;
    left: -9999px;
}

@media (max-width: 580px) {
    #wa-float {
        width: 40px;
        height: 40px;
        bottom: 68px;
        right: 10px;
    }

    #wa-float svg {
        width: 16px;
        height: 16px;
    }
}

.modal-body p {
    margin-bottom: 30px;
}

.modal-form-group {
    width: 94%;
    margin: 0 auto 15px;
}

.modal-form {
    width: 100%;
    margin-bottom: 15px;
}

.application-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: center;
    margin-bottom: 20px;
}

.application-filters .form-field {
    min-width: 50px;
    max-width:400px !important;
}

@media screen and (max-width: 575.98px) {

    .application-filters {
        gap: 15px;
        justify-content: flex-start;
    }

    .application-filters select {
        width:auto !important;
    }

    .application-filters .form-field {
        min-width: 50px;
        max-width: 43% !important;
    }

    .application-filters .date-selector {
        gap: 5px;
    }
}

@media screen and (max-width: 1325.98px) {
    .application-filters {
        gap: 15px;
    }
}

.flatpickr-calendar.open {
    z-index: 9999999;
}

.bland h1 {
    margin-bottom: 20px;
}

.bland h1 span {
    color: #2d8fff;
    font-weight: inherit;
}

.bland .lead {
    max-width: 80%;
    line-height: 35px;
    font-weight: 400;
}

.list-unstyled {
    font-size: 16px;
}

.list-unstyled .check {
    color: #2d8fff;
    font-size: 16px;
    font-weight: 600;
}

.blandash {
    background: #eceaff;
    color: #485dcb;
    border: 1px solid #dbdeff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}

.blandash .small {
    line-height: 18px;
}

.compare-table {
    color: #6f6f6f;
    display: flex;
    gap: 0;
    width: 100%;
    min-width: 600px;
    overflow-y: hidden;
    overflow-x: auto;
}

.compare-table .bcol {
    flex: 1;
    max-width: 700px;
    min-width: 350px;
    padding: 0;
}

.compare-table .bcol:first-child {
    color: #333;
}

.compare-label {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding: 20px;
    border-bottom: 1px solid #dee2e5;
    text-align: center;
}

.compare-table li {
    border-top: 1px solid #dee2e5;
    padding: 10px 30px;
    height: 60px;
    font-size: 14px;
    text-align: center;
    cursor: default;
}

.compare-table li:hover {
    margin-left: 5px;
    transition: all 0.3s ease-in-out;
    font-weight: 500;
}

@media screen and (max-width: 575.98px) {
    .compare-table {
        min-width: 315px;
    }

    .compare-table li {
        padding: 10px 15px;
    }
}

.compare-positive {
    margin-top: -1px;
    background: #fff;
    border-radius: 15px;
    color: #3f4a74 !important;
    border: 1px solid #e2e8ff;
}

.compare-positive:hover {
    box-shadow: 0 4px 12px rgba(70, 55, 87, 0.1);
}

.bland .bstep {
    background: #fff;
    text-align: center;
    font-size: 14px;
    padding: 25px;
}

.bland .bstep .badge {
    font-size: 14px;
    font-weight: 400;
    padding: 4px 8px;
    top: 20px;
    left: 20px;
    background-color: #a797d7 !important;
}

.bland .bstep .blabel {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 20px;
}

.bland .ss_frame {
    margin: 0px 5px;
    display: block;
}

.bland .icon {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
}

.bland-stats {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 800px;
    margin-top: 20px;
}

/* Mobile-first: horizontal scroll with 80% card + peek of next */
.slideland {
    display: flex;
    gap: 12px;
    padding: 20px 10px;
    margin: 0 5px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: 5px;
}

.slideland::-webkit-scrollbar {
    height: 0;
}

.slideland {
    scrollbar-width: none;
}

.slideland_item {
    position: relative;
    flex: 0 0 80%;
    max-width: 80%;
    min-height: 150px;
    border-radius: 10px;
    scroll-snap-align: start;
    top: 40%;
}

.slideland_item:last-child {
    flex-basis: 100%;
}

.slideland img {
    width: 100%;
    display: block;
    border-radius: 10px;
}

.slidelabel {
    max-width: 80%;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    background: rgb(52 43 122 / 64%);
    color: #fff;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

@media (min-width: 640px) and (max-width: 1023.98px) {
    .slideland {
        gap: 16px;
    }

    .slidelabel {
        font-size: 11px;
        top: 40%;
    }
}

@media (min-width: 1024px) {
    .slideland {
        overflow: hidden;
        scroll-snap-type: none;
        gap: 20px;
    }

    .slideland_item {
        flex: 1 1 0;
        min-width: 0;
        max-width: 32%;
    }
}

.cta-btn {
    display: inline-block;
    padding: 14px 40px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(90deg, #65a5ef, #7d6fc7, #6859b3);
    border: none;
    border-radius: 50px;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
}


.cta-btn:hover {
    background: linear-gradient(90deg, #6859b3, #7d6fc7, #65a5ef);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
    color: #fff !important;
    text-decoration: none;
}

.wa-chat-bubble-text {
    padding: 5px 12px !important;
    box-shadow: none !important;
    border-radius: 10px !important;
    border: 1px solid #59a3f3 !important;
}

.wa-widget-send-button {
    background-color: #07c977 !important;
}

.wa-chat-bubble-close-button {
    background: #9586ff !important;
}

.wa-chat-box-poweredby {
    display: none !important;
}

.wa-chat-box {
    box-shadow: none !important;
    border: 2px solid #98c9ff !important;
    padding: 20px 25px 20px !important;
    min-height: 225px !important;
}

.wa-chat-box-brand {
    background-color: #fff !important;
    border: none !important;
    border-radius: 0 !important;
}

.wa-chat-box-content-send-btn {
    background-color: #599ae5 !important;
    box-shadow: 0 .5px 1.5px rgba(54, 122, 246, .25), inset 0 .8px 0 -.25px rgba(255, 255, 255, .2) !important;
}

@media screen and (max-width: 575.98px) {

    .wa-chat-bubble {
        margin-bottom: 46px !important;
    }

    .wa-chat-bubble-text {
        font-size: 12px !important;
        padding: 3px 8px !important;
    }

    .wa-widget-send-button {
        width: 40px !important;
        height: 40px !important;
        border-radius: 40px !important;
        min-width: unset !important;
    }

    .wa-widget-send-button img,
    .wa-widget-send-button svg {
        width: 20px !important;
        height: 20px !important;
    }
}

@media screen and (max-width: 575px) {
    .filter-block {
        padding: 0px 10px 0px;
    }
}

.platform-demo {
    background: radial-gradient(circle, #fbfbfc 0, #f4f4fb 38%, #ececff 100%);
    padding: 40px 0 30px;
    position: relative;
    overflow: hidden;
    margin:0 -2%;
    border-top: 1px solid #e2e7ff;
    border-bottom: 1px solid #e2e7ff;
}

.demo-container {
    position: relative;
    height: 400px;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    z-index: 0;
    margin:60px auto;
}

.demo-explain {
    display: flex;
    background: #fcfcff;
    border: 1px solid #e3e2ff;
    padding: 20px 20px 10px;
    border-radius: 15px;
    gap:15px;
    margin:0 20px;
    justify-content: space-between;
}

.demo-benefit {
 text-align: center;
}

.demo-benefit i {
    color: #6fb2ff;
    margin-right: 5px;
}

@media (max-width: 575.98px) {
    .platform-demo {
            background: radial-gradient(circle, #fbfbfc 0, #f4f4fb 18%, #ececff 100%);
    }

    .demo-container {
        margin:0 auto;
    }

    .demo-explain {
        flex-direction: column;
        margin:0 40px;
    }
}

.job-seekers,
.companies {
    position: relative;
    width: 250px;
    height: 100%;
    z-index: 20;
}

.ai-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    height: 200px;
    z-index: 30;
}

.seeker-profile .connection-line,
.demo-company-logo .connection-line {
    z-index: 21;
}

.seeker-profile {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 30%;
    background: linear-gradient(1deg, #9c8ff9 0, #b3a8f9 100%);
    border: 3px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 14px;
    animation: float 3s ease-in-out infinite;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    text-align: center;
    line-height: 17px;
}

.seeker-profile:nth-child(1) {
    top: 0px;
    right: 0px;
    animation-delay: 0s;
}

.seeker-profile:nth-child(2) {
    top: 10%;
    right:60%;
    animation-delay: 0.5s;
}

.seeker-profile:nth-child(3) {
    top: 45%;
    right: 70%;
    animation-delay: 1s;
}

.seeker-profile:nth-child(4) {
    top: 75%;
    right: 30%;
    animation-delay: 1.5s;
}

.ai-core {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: linear-gradient(45deg, #1e3c72 0%, #2a5298 100%);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 18px;
    box-shadow: 0 0 30px rgba(30, 60, 114, 0.5);
    animation: pulse 2s ease-in-out infinite;
    z-index: 31;
}

.ai-orbit {
    position: absolute;
    border: 2px solid rgba(79, 172, 254, 0.3);
    border-radius: 50%;
    animation: rotate 4s linear infinite;
}

.ai-orbit:nth-child(1) {
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
}

.ai-orbit:nth-child(2) {
    width: 200px;
    height: 200px;
    top: 0;
    left: 0;
    animation-direction: reverse;
    animation-duration: 6s;
}

.orbit-dot {
    width: 12px;
    height: 12px;
    background: #9c8ff9;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
    animation: glow 1s ease-in-out infinite alternate;
}

.ai-orbit:nth-child(1) .orbit-dot {
    background: #f9768c;
}

.demo-company-logo {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 30%;
    background: linear-gradient(179deg, #f9768c 0, #fb6b6b 100%);
    border: 3px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-weight: bold;
    font-size: 12px;
    animation: bounce 2s ease-in-out infinite;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    text-align: center;
    line-height: 17px;
}

.demo-company-logo:nth-child(1) {
    top: 2%;
    left: 30%;
    animation-delay: 0.2s;
}

.demo-company-logo:nth-child(2) {
    top: 22%;
    left: 75%;
    animation-delay: 0.7s;
}

.demo-company-logo:nth-child(3) {
    top: 50%;
    left: 65%;
    animation-delay: 1.2s;
}

.demo-company-logo:nth-child(4) {
    top: 80%;
    left: 20%;
    animation-delay: 1.7s;
}

.connection-line {
    position: absolute;
    height: 2px;
    background: linear-gradient(10deg, transparent, #4facfe, transparent);
    animation: flow 3s ease-in-out infinite;
    opacity: 0.5;
    z-index: 1; /* local baseline; overridden to 21 above */
    background-size: 200% 100%;
}

.line-1 {
    bottom: -55%;
    left: 25%;
    width: 76px;
    transform: rotate(76deg);
    animation-delay: 0s;
}

.line-2 {
    bottom: -38%;
    left: 87%;
    width: 120px;
    transform: rotate(32deg);
    animation-delay: 1s;
}

.line-3 {
    bottom: 53%;
    left: 106%;
    width: 126px;
    transform: rotate(-4deg);
    animation-delay: 2s;
}

.line-4 {
    top: -47%;
    left: 72%;
    width: 98px;
    transform: rotate(312deg);
    animation-delay: .5s;
}

.line-5 {
    bottom: -50%;
    right: 55%;
    width: 87px;
    transform: rotate(-50deg);
    animation-delay: 1.5s;
}

.line-6 {
    bottom: 17%;
    right: 99%;
    width: 137px;
    transform: rotate(338deg);
    animation-delay: 1.5s;
}

.line-7 {
    bottom: 58%;
    right: 104%;
    width: 106px;
    transform: rotate(9deg);
    animation-delay: 1.5s;
}

.line-8 {
    top: -67%;
    right: 41%;
    width: 103px;
    transform: rotate(66deg);
    animation-delay: 1.5s;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

@keyframes bounce {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

@keyframes pulse {
    0%, 100% { transform: translate(-50%, -50%) scale(1); }
    50% { transform: translate(-50%, -50%) scale(1.1); }
}

@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes glow {
    from { opacity: 0.5; }
    to { opacity: 1; }
}

@keyframes flow {
    0% { background-position: -100% center; }
    100% { background-position: 100% center; }
}

.companies-title {
    top: 10px;
    right: 50px;
    transform: translateX(50%);
}

.hero-title {
    text-align: center;
    margin-bottom: 30px;
}

.hero-subtitle {
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
}

@media (max-width: 768px) {
    .demo-container {
        transform: scale(0.7);
        height: 375px;
        margin: -35px auto -15px;
    }

    .hero-title {
        font-size: 2rem;
    }

    .hero-subtitle {
        font-size: 16px;
    }
}

.data-particle {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #4facfe;
    border-radius: 50%;
    animation: particle-flow 4s linear infinite;
}

@keyframes particle-flow {
    0% { opacity: 0; transform: scale(0); }
    10% { opacity: 1; transform: scale(1); }
    90% { opacity: 1; transform: scale(1); }
    100% { opacity: 0; transform: scale(0); }
}

.searching-problem {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin:0 10px;
    max-width:100%;
}

.searching-problem img {
    max-width:500px;
}

@media screen and (max-width: 768px) {
    .searching-problem img {
        max-width: 100%;
    }
}

.searching-problem-text {
    font-size:18px; 
    line-height:32px;
}

.searching-problem-text li {
    list-style: none;
    font-size:18px;
}

.iproblem {
    color: #fb1c1c;
    font-size: 18px;
    transform-origin: center;
    padding: 5px;
    position: relative;
    bottom: -2px;
}

.ibenefit {
    position: relative;
    color: #59a3f3;
    font-size: 18px;
    transform-origin: center;
    padding: 5px;
    bottom: -2px;
}

.searching-benefits {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap:20px;
    margin:0 10px;
    max-width:100%;
    color: #2479f6;
    font-weight: 500;
}

.homepage_jobs {
 margin:50px 0 30px;
 display: flex;
 align-content: flex-start;
 align-items: flex-start;
}

.homepage_jobs .myjob {
  display: inline-block;
  vertical-align: top;
}

.homepage_jobs .myjob:hover {
    z-index: 10;
    transform: rotate(0deg) !important;
    transition: transform 0.3s ease-in-out;
}

.homepage_jobs .myjob:nth-child(1) {
    transform: rotate(350deg);
}

.homepage_jobs .myjob:nth-child(2) {
    transform: rotate(4deg);
}

.homepage_jobs .myjob:nth-child(3) {
    transform: rotate(354deg);
}

.homepage_jobs .myjob:nth-child(4) {
    transform: rotate(10deg);
}

.homepage_jobs .myjob:nth-child(5) {
    transform: rotate(3deg);
}

.homepage_jobs .myjob:nth-child(6) {
    transform: rotate(11deg);
}

.homepage_jobs .myjob:nth-child(7) {
    transform: rotate(355deg)
}

.homepage_jobs .myjob:nth-child(8) {
    transform: rotate(10deg);
}

.homepage_jobs .myjob:last-child {
    transform: rotate(0deg) !important;
    margin-left:20px;
}

.marquee {
  display: flex;
  align-content: flex-start;
  align-items: flex-start;
  width: max-content;
  animation: scroll-left 40s linear infinite;
  padding-right:1000px;
}

.homepage_jobs:hover .marquee {
  animation-play-state: paused;
}

@keyframes scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.badge {
    cursor: default;
    background: #c69aff;
    padding: 3px 6px;
    min-width: 22px;
    border-radius: 6px;
    color: #fff;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    margin:0 3px;
    font-weight:500 !important;
    font-family: system-ui;
    letter-spacing: 0.09px;
    display: inline-block !important;
}

.badge:empty {
    display: none
}

.bmatch {
    background: #dfe4ff !important;
    color:#4a82ff !important;
}

.bnomatch {
    background: #fef2f2 !important;
    color:#f04c4c !important;
}

.bneutral {
    background: #42d2e9 !important;
    color:#fff !important;
}

.referral {
    background: #fff;
    border: 1px solid #dfe4ff;
    border-radius: 15px;
    padding: 20px;
    text-align: center;
}

.referral img {
    max-width: 100%;
    border-radius: 15px;
    overflow: hidden;
    margin-bottom: 20px;
}

.ref_amount {
    font-size: 24px;
    font-weight: 600;
    color: #333;
}

.blur-text {
    filter: blur(4px);
    user-select: none;
}

.blur-image {
    filter: blur(1px);
    user-select: none;
}
.messenger-toast-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 5000;
}

.messenger-toast {
    width: 320px;
    max-width: calc(100vw - 40px);
    background: #fff;
    border-radius: 22px;
    box-shadow: 0 25px 60px rgba(3, 45, 96, 0.25);
    padding: 14px 16px;
    display: flex;
    gap: 14px;
    align-items: center;
    cursor: pointer;
    opacity: 0;
    transform: translateY(12px);
    transition: opacity 0.2s ease, transform 0.2s ease;
    border-left: 4px solid #2479f6;
}

.messenger-toast.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.messenger-toast__avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(36, 121, 246, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #2479f6;
    overflow: hidden;
    flex-shrink: 0;
}

.messenger-toast__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.messenger-toast__content {
    flex: 1;
    min-width: 0;
}

.messenger-toast__title {
    font-weight: 600;
    color: #032d60;
    margin-bottom: 2px;
}

.messenger-toast__subtitle {
    font-size: 0.8rem;
    color: rgba(3, 45, 96, 0.7);
}

.messenger-toast__preview {
    font-size: 0.85rem;
    color: rgba(3, 45, 96, 0.8);
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.messenger-toast__close {
    border: none;
    background: transparent;
    font-size: 1.1rem;
    color: rgba(3, 45, 96, 0.4);
    cursor: pointer;
    padding: 0 4px;
    flex-shrink: 0;
}

@media (max-width: 575.98px) {
    .messenger-toast-container {
        left: 10px;
        right: 10px;
        bottom: 10px;
    }

    .messenger-toast {
        width: 100%;
    }
}

.messenger-inline-alert {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 20px;
    background: rgba(36, 121, 246, 0.08);
    border: 1px solid rgba(36, 121, 246, 0.2);
}

.messenger-inline-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(36, 121, 246, 0.15);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    color: #2479f6;
}

.messenger-inline-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.messenger-inline-avatar--placeholder {
    font-size: 0.9rem;
}

.messenger-inline-alert__name {
    font-weight: 600;
    color: #032d60;
    margin-bottom: 2px;
}

.messenger-inline-alert__text {
    font-size: 0.85rem;
    color: rgba(3, 45, 96, 0.8);
    margin: 0;
    line-height: 1.35;
}

.ai-matches-empty,
.ai-matches-pending {
    border: 1px dashed var(--border);
    border-radius: 16px;
    padding: 40px 20px;
    background: #fff;
}

.ai-matches-title {
    text-align: center;
    margin: 10px -5px;
    line-height: 21px;
    font-weight: 600;
    font-size: 12px;
    letter-spacing: .1px;
    padding: 5px 20px;
    background: #fdfdfd;
    border-radius: 10px;
    border: 1px solid #eee;
}

@media (max-width: 575.98px) {
    .ai-matches-title {
        padding: 10px;
    }
}

.filter-actions {
    display: flex;
    align-items: center;
}

.ai-empty-icon {
    font-size: 48px;
    color: var(--primary);
    display: inline-block;
}

.ai-match-footer {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.ai-match-footer-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ai-match-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.ai-match-buttons .btn {
    flex: 1;
    min-width: 130px;
}

.ai-match-unlock {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
}

.ai-unlocked-label {
    position: absolute;
    top: 6px;
    left: 3px;
}

.ai-unlock-btn[aria-disabled='true'],
.ai-unlock-btn.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.ai-invite-btn[aria-disabled='true'],
.ai-invite-btn.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.ai-match-location {
    background: #f9fafb;
    color: #626670;
    padding: 6px 11px;
    border: 1px solid #f3eeee;
    border-radius: 6px;
}

.ai-match-location i {
    margin-right: 6px;
    color: #3b82f6;
}

.ai-match-timestamp {
    font-size: 12px;
    color: #248bd7;
}

.ai-match-breakdown {
 
}

.ai-match-breakdown-title {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-muted);
    margin-bottom: 10px;
}

.ai-match-breakdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.ai-match-breakdown-list li {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    font-size: 13px;
    align-items: center;
}

.ai-match-breakdown-label {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-weight: 500;
    color: #0b2251;
    white-space: nowrap;
    font-size: 12px;
}

.ai-match-breakdown-label i {
    color: #59a3f3;
    background: #f8f7ff;
    padding: 0px 7px;
    border-radius: 10px;
    height: 24px;
    line-height: 29px;
    top:0;
}

@media (max-width: 576px) {
    .ai-match-buttons {
        flex-direction: column;
    }

    .ai-match-breakdown-list li {
        gap:2px;
    }

    .ai-match-breakdown-list i {
        display: none;
    }

    .ai-match-breakdown-list .badge {
        font-size: 9px;
        padding: 1px 4px;
    }
}
.blur-text {
    filter: blur(4px);
    pointer-events: none;
    user-select: none;
}

#jobCreateDone, #companyCreateStatusStep {
    background: #f9f9ff;
    padding: 25px 20px 0;
    border-radius: 10px;
    border: 1px solid #e2e5ff;
}