@font-face {
    font-family: "Poppins", sans-serif;
    src: url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap")
}

@font-face {
    font-family: "Aleo", serif;
    src: url("https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap")
}

@font-face {
    font-family: "Poppins", sans-serif;
    src: url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap")
}

@font-face {
    font-family: "Aleo", serif;
    src: url("https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap")
}

.btn {
    padding: 9px 30px;
    min-width: 110px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    border-radius: 30px;
    box-shadow: none;
    outline: none;
    transition: .4s
}

.btn:hover,
.btn:focus,
.btn:active {
    outline: none;
    box-shadow: none !important
}

.btn-primary {
    color: #fff;
    background-color: #58BDE2
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #fff;
    background-color: #06598c
}

.btn-secondary {
    color: #000612;
    background-color: #fff;
    border: 1px solid #58BDE2
}

.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {
    color: #fff;
    background-color: #58BDE2
}

.radio-main-wrap {
    padding-top: 10px
}

.radio-main-wrap .radio-wrap {
    margin-bottom: 5px
}

.radio-main-wrap .radio-wrap label {
    font-weight: 400;
    margin-bottom: 0
}

.radio-main-wrap .radio-wrap [type=radio]:checked,
.radio-main-wrap .radio-wrap [type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.radio-main-wrap .radio-wrap [type=radio]:checked+label,
.radio-main-wrap .radio-wrap [type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666
}

.radio-main-wrap .radio-wrap [type=radio]:checked+label:before,
.radio-main-wrap .radio-wrap [type=radio]:not(:checked)+label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 2px solid #b2b2b2;
    border-radius: 100%;
    background: #fff
}

.radio-main-wrap .radio-wrap [type=radio]:checked+label:before {
    border: 2px solid #000
}

.radio-main-wrap .radio-wrap [type=radio]:checked+label:after,
.radio-main-wrap .radio-wrap [type=radio]:not(:checked)+label:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #000;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    transition: all .2s ease
}

.radio-main-wrap .radio-wrap [type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

.radio-main-wrap .radio-wrap [type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

.checkbox-main-wrap {
    padding-top: 10px
}

.checkbox-main-wrap .checkbox-wrap {
    display: block;
    margin-bottom: 6px
}

.checkbox-main-wrap .checkbox-wrap input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer
}

.checkbox-main-wrap .checkbox-wrap input:checked+label:after {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 7px;
    width: 5px;
    height: 10px;
    border: solid #58BDE2;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.checkbox-main-wrap .checkbox-wrap input:checked+label:before {
    border: 2px solid #58BDE2
}

.checkbox-main-wrap .checkbox-wrap label {
    position: relative;
    font-weight: 400;
    cursor: pointer;
    margin-bottom: 0
}

.checkbox-main-wrap .checkbox-wrap label:before {
    content: "";
    -webkit-appearance: none;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid #b2b2b2;
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px
}

header {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 0 4px -2px #525252;
    z-index: 12
}

header nav {
    background-color: #fff
}

header nav .navbar-toggler {
    box-shadow: none !important;
    padding: 0;
    border: none
}

header nav .navbar-toggler .navbar-toggler-icon {
    width: 28px;
    height: 28px;
    background-image: url(../../images/new/menu.svg)
}

header nav .navbar-collapse {
    justify-content: flex-end
}

@media(max-width: 991px) {
    header nav .navbar-collapse ul li {
        border-bottom: 1px solid #ebebeb
    }
}

header nav .navbar-collapse ul li a {
    color: #6b7994;
    font-size: 15px;
    letter-spacing: 1px
}

@media(min-width: 992px) {
    header nav .navbar-collapse ul li a {
        padding: 0 15px !important
    }
}

header nav .btn-wrap {
    margin-left: 10px
}

@media(max-width: 991px) {
    header nav .btn-wrap {
        margin: 0
    }

    header nav .btn-wrap .btn {
        display: block;
        padding: 8px 0;
        margin: 0 !important;
        width: 100% !important;
        text-align: left;
        color: #6b7994;
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 1px;
        width: auto;
        min-width: unset;
        background-color: rgba(0, 0, 0, 0) !important;
        border: none !important;
        border-bottom: 1px solid #ebebeb !important;
        border-radius: 0 !important
    }
}

header nav .btn-wrap .btn-primary {
    margin-left: 8px;
    background-color: #0040ab;
    border: 1px solid #0040ab
}

header nav .btn-wrap .btn-primary:hover,
header nav .btn-wrap .btn-primary:focus,
header nav .btn-wrap .btn-primary:active {
    border-color: #0040ab;
    background-color: #1c58bd
}

header nav .btn-wrap .btn-secondary {
    background-color: #fff;
    border: 1px solid #dce4ec
}

header nav .btn-wrap .btn-secondary:hover,
header nav .btn-wrap .btn-secondary:focus,
header nav .btn-wrap .btn-secondary:active {
    background-color: #1c58bd
}

header nav .btn-wrap .btn-xverse {
    position: relative;
    margin-left: 25px;
    color: #fff;
    background: #b30065;
    background: linear-gradient(225deg, rgb(179, 0, 101) 35%, rgb(6, 33, 121) 85%);
    border: none;
    height: 41.6px;
    line-height: 25px;
    font-weight: 400;
    font-size: 15px
}

header nav .btn-wrap .btn-xverse:hover,
header nav .btn-wrap .btn-xverse:focus,
header nav .btn-wrap .btn-xverse:active {
    background: #b30065;
    background: linear-gradient(225deg, rgb(179, 0, 101) 35%, rgb(6, 33, 121) 85%);
    opacity: .7
}

header nav .btn-wrap .btn-xverse:before {
    content: "";
    position: absolute;
    left: -18px;
    top: 5px;
    height: 30px;
    width: 1px;
    background-color: #e4e4e4;
    margin-left: 5px
}

@media(max-width: 992px) {
    header nav .btn-wrap .btn-xverse {
        color: #6b7994 !important;
        background: none
    }

    header nav .btn-wrap .btn-xverse:before {
        display: none
    }

    header nav .btn-wrap .btn-xverse:hover,
    header nav .btn-wrap .btn-xverse:focus,
    header nav .btn-wrap .btn-xverse:active {
        background: rgba(0, 0, 0, 0) !important
    }
}

.social-wrap {
    margin-top: 50px
}

.social-wrap h4 {
    margin-bottom: 20px;
    font-size: 18px;
    color: #6b7994
}

.social-wrap ul {
    display: flex;
    padding: 0;
    margin: 0;
    margin-top: 10px;
    list-style: none
}

@media(max-width: 991px) {
    .social-wrap ul {
        display: inline-block
    }
}

.social-wrap ul li {
    margin-right: 10px
}

@media(max-width: 991px) {
    .social-wrap ul li {
        float: left
    }
}

.social-wrap ul li a {
    display: block;
    padding: 12px;
    width: 42px;
    height: 42px;
    line-height: 0;
    border: 1px solid #619bbd;
    border-radius: 50px;
    transition: .3s
}

.social-wrap ul li a:hover,
.social-wrap ul li a:focus,
.social-wrap ul li a:active {
    opacity: .7
}

footer {
    padding: 30px 0;
    padding-top: 60px;
    background-color: #102c48;
    
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover
}

footer .logo-block {
    width: 400px
}

footer .logo-block a {
    display: block;
    margin-bottom: 20px
}

footer .logo-block p {
    margin-bottom: 70px;
    width: 86%;
    color: #cbdcfe;
    font-size: 16px;
    font-weight: 400
}

footer .links-wrap {
    display: flex;
    padding-top: 30px;
    width: calc(100% - 400px)
}

footer .links-wrap .links-block {
    width: 33.3%
}

footer .links-wrap .links-block h3 {
    margin-bottom: 20px;
    color: #eaf1f6;
    font-size: 18px;
    font-weight: 600
}

footer .links-wrap .links-block ul {
    margin: 0;
    padding: 0;
    list-style: none
}

footer .links-wrap .links-block ul li {
    margin-bottom: 10px
}

footer .links-wrap .links-block ul li a {
    color: #cbdcfe;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: .3s
}

footer .links-wrap .links-block ul li a:hover,
footer .links-wrap .links-block ul li a:focus,
footer .links-wrap .links-block ul li a:active {
    opacity: .7
}

footer .social-store-wrap {
    display: flex;
    justify-content: space-between
}

footer .social-store-wrap .social-wrap {
    margin-top: 30px
}

footer .social-store-wrap .download-app-wrap {
    display: flex;
    gap: 10px
}

@media(max-width: 768px) {
    footer .social-store-wrap .download-app-wrap {
        flex-direction: column
    }
}

footer .social-store-wrap .store-wrap {
    width: 290px;
    padding: 12px 18px;
    border-radius: 10px;
    background-color: #5f7284
}

footer .social-store-wrap .store-wrap h4 {
    font-size: 14px;
    font-weight: 300;
    color: #e5e5e5
}

footer .social-store-wrap .store-wrap a {
    display: inline-block;
    width: 120px
}

footer .social-store-wrap .store-wrap a.mr-8 {
    margin-right: 8px
}

footer .bottom-footer {
    padding-top: 40px
}

footer .bottom-footer p {
    font-size: 14px;
    font-weight: 400;
    color: #767f90
}

footer .bottom-footer p.taRight {
    text-align: right
}

footer .bottom-footer p a {
    color: #7ba8ba !important;
    text-decoration: underline
}

footer .bottom-footer ul.bottom-footer-ul {
    display: flex;
    gap: 12px;
    padding: 0;
    list-style: none;
    color: #000
}

@media(max-width: 992px) {
    footer .bottom-footer ul.bottom-footer-ul {
        justify-content: center
    }
}

@media(max-width: 768px) {
    footer .bottom-footer ul.bottom-footer-ul {
        flex-direction: column;
        align-items: center
    }
}

footer .bottom-footer ul.bottom-footer-ul li {
    color: #767f90;
    font-size: 14px
}

footer .bottom-footer ul.bottom-footer-ul li a {
    color: #767f90;
    font-size: 14px;
    text-decoration: underline
}

footer .bottom-footer ul.bottom-footer-ul li:last-child {
    position: relative;
    padding-left: 10px
}

footer .bottom-footer ul.bottom-footer-ul li span {
    position: absolute;
    top: 0;
    left: -2px;
    display: inline-block;
    padding-left: 0px;
    color: #767f90;
    font-size: 14px
}

@media(max-width: 768px) {
    footer .bottom-footer ul.bottom-footer-ul li span {
        display: none
    }
}

@media(max-width: 991px) {

    footer .logo-block,
    footer .links-wrap {
        width: 100%
    }

    footer .logo-block p {
        margin-bottom: 40px;
        width: 100%
    }

    footer .links-wrap {
        padding-top: 0
    }

    footer .social-store-wrap {
        display: inline-block;
        margin-top: 40px
    }

    footer .social-store-wrap .social-wrap {
        width: 100%;
        text-align: center
    }

    footer .social-store-wrap .store-wrap {
        margin: 25px auto 0 auto
    }

    footer .bottom-footer p {
        margin-bottom: 5px;
        text-align: center !important
    }
}

@media(max-width: 575px) {
    footer .social-store-wrap {
        margin-top: 0
    }

    footer .social-store-wrap .store-wrap {
        width: 260px;
        text-align: center
    }

    footer .social-store-wrap .store-wrap a {
        width: 100%;
        margin-bottom: 10px
    }

    footer .links-wrap {
        flex-wrap: wrap
    }

    footer .links-wrap .links-block {
        width: 50%;
        margin-bottom: 20px
    }
}

@media(max-width: 430px) {
    footer .links-wrap {
        flex-wrap: wrap
    }

    footer .links-wrap .links-block {
        width: 100%;
        margin-bottom: 20px
    }

    footer .social-store-wrap .store-wrap {
        width: 100%
    }
}

footer.non-menu-footer .social-store-wrap {
    display: block
}

footer.non-menu-footer .social-store-wrap .social-wrap {
    margin-top: 0
}

footer.non-menu-footer .social-store-wrap .store-wrap {
    margin-top: 30px
}

footer.non-menu-footer .logo-block {
    width: 500px
}

@media(max-width: 1199px) {
    footer.non-menu-footer .logo-block {
        width: 350px
    }
}

@media(max-width: 991px) {
    footer.non-menu-footer .logo-block {
        width: 100%;
        text-align: center
    }
}

footer.non-menu-footer .logo-block p {
    width: 100%
}

footer.non-menu-footer .links-wrap {
    margin-top: 10px;
    justify-content: space-around;
    width: calc(100% - 500px)
}

@media(max-width: 1199px) {
    footer.non-menu-footer .links-wrap {
        width: calc(100% - 350px)
    }
}

@media(max-width: 991px) {
    footer.non-menu-footer .links-wrap {
        width: 100%;
        flex-flow: column
    }

    footer.non-menu-footer .links-wrap .links-block,
    footer.non-menu-footer .links-wrap .social-store-wrap {
        width: 100%;
        text-align: center
    }
}

.workbank-main-wrap .section-wrap {
    margin-top: 75px
}

.workbank-main-wrap .common-padding {
    padding: 50px 0
}

.workbank-main-wrap .head-wrap h2 {
    color: #000612;
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 1px;
    font-family: "Poppins", sans-serif
}

@media(max-width: 991px) {
    .workbank-main-wrap .head-wrap h2 {
        font-size: 22px
    }
}

.workbank-main-wrap .head-wrap h5 {
    color: #6b7994;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    font-family: "Poppins", sans-serif
}

@media(max-width: 991px) {
    .workbank-main-wrap .head-wrap h5 {
        font-size: 14px
    }
}

.login-section-wrap .login-wrap {
    display: flex;
    justify-content: space-between;
    margin: 70px 0;
    margin: 70px 0
}

@media(max-width: 991px) {
    .login-section-wrap .login-wrap {
        margin: 50px 0;
        margin-top: 25px;
        height: 100%
    }
}

.login-section-wrap .login-wrap .left-block {
    width: 50%;
    text-align: center
}

.login-section-wrap .login-wrap .left-block .employer-img {
    display: none
}

.login-section-wrap .login-wrap .left-block .emp-sec {
    display: none
}

.login-section-wrap .login-wrap .left-block h3 {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 700;
    color: #42b8e7
}

.login-section-wrap .login-wrap .left-block h3.cand-text {
    margin-left: 75px
}

@media(max-width: 1200px) {
    .login-section-wrap .login-wrap .left-block h3.cand-text {
        margin-left: 35px
    }
}

@media(max-width: 1199px) {
    .login-section-wrap .login-wrap .left-block img {
        width: 80%
    }
}

@media(max-width: 991px) {
    .login-section-wrap .login-wrap .left-block {
        display: none
    }
}

.login-section-wrap .login-wrap.show-employer-img .left-block .candidate-img {
    display: none
}

.login-section-wrap .login-wrap.show-employer-img .left-block .employer-img {
    display: block;
    margin: 0 auto
}

.login-section-wrap .login-wrap.show-employer-img .left-block .cand-sec {
    display: none
}

.login-section-wrap .login-wrap.show-employer-img .left-block .emp-sec {
    display: block;
    margin: 0 auto
}

.login-section-wrap .login-wrap .right-block {
    width: 50%;
    text-align: center
}

@media(max-width: 991px) {
    .login-section-wrap .login-wrap .right-block {
        width: 100%
    }
}

.login-section-wrap .login-wrap .right-block .login-form-wrap {
    max-width: 400px;
    margin: 0 auto
}

.login-section-wrap .login-wrap .right-block .login-form-wrap h1 {
    margin-bottom: 25px;
    font-size: 36px;
    color: #000612;
    font-weight: 600;
    text-align: center;
    font-family: "Poppins", sans-serif
}

.login-section-wrap .login-wrap .right-block .login-form-wrap h1 span {
    color: #42b8e7
}

@media(max-width: 575px) {
    .login-section-wrap .login-wrap .right-block .login-form-wrap h1 {
        font-size: 28px
    }
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .form-group {
    position: relative;
    margin-bottom: 15px;
    text-align: left
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .form-group .select2-container--default .select2-selection--single {
    border: 1px solid #ced4da;
    border-radius: 6px;
    height: 50px;
    padding: 9px 4px
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .form-group .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 24px
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .form-group .form-control {
    height: 50px;
    border-radius: 8px;
    box-shadow: none
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .form-group .btn-showpassword {
    position: absolute;
    right: 15px;
    top: 13px;
    font-size: 16px;
    color: #758690
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .form-group .btn-showpassword .bi-eye-fill {
    display: none
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .form-group .btn-showpassword.show .bi-eye-fill {
    display: block
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .form-group .btn-showpassword.show .bi-eye-slash-fill {
    display: none
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .form-group.custom-dropdown {
    position: relative
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .form-group.custom-dropdown select {
    position: relative;
    padding-right: 35px;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .form-group.custom-dropdown:after {
    content: "";
    position: absolute;
    top: 25px;
    right: 15px;
    width: 0;
    height: 0;
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #c4b8b8;
    z-index: 0
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .input-group {
    grid-column-gap: 10px;
    margin-bottom: 15px
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .input-group .country-code-dropdown {
    margin-bottom: 0
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .input-group .country-code-dropdown select {
    width: 120px
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .input-group .mob-num-field {
    margin-bottom: 0;
    width: calc(100% - 130px)
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .input-group .mob-num-field input::-webkit-outer-spin-button,
.login-section-wrap .login-wrap .right-block .login-form-wrap .input-group .mob-num-field input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .bottom-block {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .bottom-block .checkbox-main-wrap {
    padding-top: 0;
    width: 100%
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .bottom-block .checkbox-main-wrap .checkbox-wrap {
    float: left
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .bottom-block .checkbox-main-wrap .checkbox-wrap label {
    font-size: 13px
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .bottom-block .checkbox-main-wrap .checkbox-wrap label:before {
    top: -2px;
    padding: 5px;
    margin-right: 6px;
    border-radius: 2px
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .bottom-block .checkbox-main-wrap .checkbox-wrap input:checked+label:after {
    top: 5px;
    left: 5px;
    width: 4px;
    height: 8px
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .bottom-block .forgot-pw {
    float: right;
    margin-top: 4px;
    color: #58BDE2;
    font-size: 13px;
    text-decoration: none
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .bottom-block .forgot-pw:hover {
    color: #58BDE2
}

.login-section-wrap .login-wrap .right-block .login-form-wrap #js-company-signup-form .login-block {
    text-align: center
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .login-block {
    margin-top: 35px
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .login-block.login-top-space {
    margin-top: 15px
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .login-block .btn-primary {
    float: left;
    margin-top: 15px;
    padding: 16px 60px
}

@media(max-width: 400px) {
    .login-section-wrap .login-wrap .right-block .login-form-wrap .login-block .btn-primary {
        padding: 14px 60px;
        margin-bottom: 20px;
        width: 100%
    }
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .login-block .btn-primary.btn-center {
    float: none
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .login-block .login-with-block {
    float: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

@media(max-width: 400px) {
    .login-section-wrap .login-wrap .right-block .login-form-wrap .login-block .login-with-block {
        display: block;
        float: none
    }

    .login-section-wrap .login-wrap .right-block .login-form-wrap .login-block .login-with-block .d-flex {
        justify-content: center
    }
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .login-block .login-with-block span {
    display: block;
    margin-bottom: 5px;
    text-align: center;
    color: #262626;
    font-weight: 300;
    font-size: 14px
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .login-block .login-with-block .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    transition: .3s
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .login-block .login-with-block .social-icon:hover {
    opacity: .8
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .login-block .login-with-block .social-icon img {
    width: 20px
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .login-block .login-with-block .social-icon:last-child {
    margin-right: 0
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .login-block .login-with-block .social-icon.google {
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2)
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .login-block .login-with-block .social-icon.google img {
    width: 25px
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .login-block .login-with-block .social-icon.facebook {
    background-color: #3b5998
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .login-block .login-with-block .social-icon.linkedin {
    background-color: #0e76a8
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .no-accout-block {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 35px;
    width: 100%
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .no-accout-block span {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #262626
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .no-accout-block .btn {
    min-width: 170px;
    padding: 14px 40px;
    margin-top: 15px;
    max-width: 200px;
    border-color: #c9cfd6;
    color: #0076bd
}

.login-section-wrap .login-wrap .right-block .login-form-wrap .no-accout-block .btn:hover,
.login-section-wrap .login-wrap .right-block .login-form-wrap .no-accout-block .btn:focus,
.login-section-wrap .login-wrap .right-block .login-form-wrap .no-accout-block .btn:active {
    color: #fff
}

.switching-wrap {
    width: 100%
}

.switching-wrap .card {
    border: none
}

.switching-wrap .nav-pills {
    display: flex;
    gap: 20px;
    justify-content: center;
    width: 100%
}

.switching-wrap .nav-pills .nav-link {
    padding: 5px 0;
    font-weight: 600;
    color: #717171;
    text-align: left;
    border-radius: 0px;
    background-color: #fff
}

.switching-wrap .nav-pills .nav-link#pills-candidate-tab,
.switching-wrap .nav-pills .nav-link#pills-candidate-reg-tab {
    border-top-left-radius: 8px
}

.switching-wrap .nav-pills .nav-link#pills-employer-tab,
.switching-wrap .nav-pills .nav-link#pills-employer-reg-tab {
    border-top-right-radius: 8px
}

@media(max-width: 400px) {
    .switching-wrap .nav-pills .nav-link {
        font-size: 14px
    }
}

.switching-wrap .nav-pills .nav-link.active {
    color: #0d6efd;
    border-bottom: 3px solid #0d6efd !important
}

.switching-wrap .nav-item.left-tab {
    border-top-left-radius: 8px
}

.switching-wrap .nav-item.right-tab {
    border-top-right-radius: 8px
}

.switching-wrap .tab-content {
    margin-top: 20px
}

.switching-wrap .tab-content h3 {
    display: none;
    margin-bottom: 30px;
    font-size: 19px;
    font-weight: 600;
    color: #42b8e7
}

@media(max-width: 991px) {
    .switching-wrap .tab-content h3 {
        display: block
    }
}

.verify-wrap .resend-otp {
    margin-bottom: 0;
    text-align: left;
    font-size: 12px;
    color: #58BDE2
}

.verify-wrap .resend-btn {
    position: absolute;
    top: 13px;
    right: 10px;
    padding: 4px 10px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    background-color: #58BDE2;
    border-radius: 3px;
    transition: .3s;
    cursor: pointer
}

.verify-wrap .resend-btn:hover,
.verify-wrap .resend-btn:focus,
.verify-wrap .resend-btn:active {
    background-color: #06598c
}

.verify-wrap .resend-btn.disabled {
    background-color: #b2adad;
    pointer-events: none
}

.alert {
    position: relative;
    padding: 10px 10px;
    padding-right: 30px
}

.alert .close {
    position: absolute;
    right: 10px;
    top: 2px;
    text-decoration: none;
    color: #ac0817;
    font-size: 22px;
    font-weight: 700;
    z-index: 9;
    cursor: pointer;
    transition: .3s
}

.alert .close:hover,
.alert .close:focus,
.alert .close:active {
    opacity: .8
}

.alert p {
    margin: 0;
    font-size: 14px;
    text-align: left
}

span.error,
label.error {
    color: red;
    font-size: 13px
}

#register-basic-form,
#js-company-signup-form {
    text-align: left
}

#register-basic-form span.error,
#js-company-signup-form span.error {
    display: block
}

header nav .btn-wrap .btn-xverse {
    line-height: unset;
    height: unset
}

@media(max-width: 992px) {
    .navbar.cls-wb-header.new-theme-header .cls-menu {
        background-color: #fff
    }

    .navbar.cls-wb-header.new-theme-header .cls-menu .navbar-nav li {
        border-bottom: 1px solid #ebebeb
    }

    .navbar.cls-wb-header.new-theme-header .cls-menu .navbar-nav li a {
        color: #6b7994 !important;
        font-size: 15px;
        letter-spacing: 1px;
        padding: 8px 0
    }

    header nav .navbar-collapse {
        position: fixed;
        top: 74px;
        bottom: 0px;
        display: block !important;
        width: 100%;
        padding-right: 1rem;
        padding-left: 1rem;
        overflow-y: auto;
        visibility: hidden;
        background-color: #fff;
        transition-timing-function: ease-in-out;
        transition-duration: .3s;
        transition-property: left, visibility
    }

    header nav .navbar-collapse.show {
        left: 0;
        visibility: visible;
        z-index: 999
    }

    header nav .navbar-collapse:not(.show) {
        left: 100%
    }
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    z-index: 10000000
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin: -75px 0 0 -37px;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0);
    border-top-color: #0075c9;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0);
    border-top-color: #0e3ffc;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0);
    border-top-color: #40b4e5;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite
}

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

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

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

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

.vjf-head-wrap {
    display: block
}
.vjf-img-wrap {
    display: none
}

.vjf-reg-wrap .container {
    max-width: 100%
}

.vjf-reg-wrap .switching-wrap .nav-pills {
    display: none
}

.vjf-reg-wrap .login-wrap {
    margin: 0;
    padding: 0
}

.vjf-reg-wrap .login-wrap .left-block img {
    display: none
}

.vjf-reg-wrap .login-wrap .vjf-img-wrap {
    display: block
}

.vjf-reg-wrap .login-wrap .vjf-img-wrap img {
    position: fixed;
    top: 75px;
    display: block;
    width: 50%;
    height: calc(100vh - 75px);
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: -40px
}

@media(max-width: 1200px) {
    .vjf-reg-wrap .login-wrap .vjf-img-wrap img {
        -o-object-fit: cover;
        object-fit: cover
    }
}

.vjf-reg-wrap .login-wrap .right-block .login-form-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 15px;
    margin: 50px auto;
    max-width: 500px
}

.vjf-reg-wrap .login-wrap .right-block .login-form-wrap.vjf-verify-email {
    margin-top: 180px
}

@media(max-width: 768px) {
    .vjf-reg-wrap .login-wrap .right-block .login-form-wrap.vjf-verify-email {
        margin-top: 120px
    }
}

.vjf-reg-wrap .login-wrap .right-block .login-form-wrap h1.reg-page-title {
    display: none
}

.vjf-reg-wrap .login-wrap .right-block .login-form-wrap .vjf-head-wrap {
    display: block
}

.vjf-reg-wrap .login-wrap .right-block .login-form-wrap .vjf-head-wrap a {
    display: inline-block;
    margin-bottom: 35px
}

.vjf-reg-wrap .login-wrap .right-block .login-form-wrap .vjf-head-wrap a img {
    max-height: 50px
}

.vjf-reg-wrap .login-wrap .right-block .login-form-wrap .vjf-head-wrap a.partner-logo {
    margin-left: 20px
}

.vjf-reg-wrap .login-wrap .right-block .login-form-wrap .vjf-head-wrap a.partner-logo img {
    -o-object-fit: contain;
    object-fit: contain
}

.vjf-reg-wrap .login-wrap .right-block .login-form-wrap .vjf-head-wrap h1 {
    display: block;
    width: 100%;
    color: #42b8e7;
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 10px
}

.vjf-reg-wrap .login-wrap .right-block .login-form-wrap .vjf-head-wrap p {
    color: #555759;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 19px
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

/*# sourceMappingURL=login-page.min.css.map */