html, body {
    height: 100%;
}

body {
    color: var(--midnight-blue);
    font-family: "Euclidcirculara", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Peachi", sans-serif;
}

p {
    margin: 0 0 12px;
}

.navbar_link a:hover {
    text-decoration: none;
    color: var(--midnight-blue);
}

.navbar_container, .navbar-toplinks, .container-large {
    max-width: 1280px;
}

.navbar_link {
    padding: 32px 8px;
}

.margin-small {
    margin: 0 0 24px 0;
}

.margin-medium {
    margin: 0 0 32px 0;
}

.margin-bottom.margin-footer-bottom {
    margin-bottom: 108px;
}

.superscript {
    font-size: 8px;
}

.navbar_menu-component.is-new {
    margin-left: 76px;
}

.text-style-link {
    color: var(--midnight-blue);
}

    .text-style-link:hover,
    .text-style-link:active,
    .text-style-link:focus {
        color: var(--midnight-blue);
    }

.footer_link.active, .footer_link:focus {
    text-decoration: none;
    color: #fff;
}

.footer_link:hover {
    color: rgba(255,255,255,.8)
}

.footer_link, .footer_credit-text, .footer_legal-link, .footer_bottom-wrapper, .toplink_text {
    font-size: 14px;
}

.footer_link {
    padding-top: 10px;
    padding-bottom: 10px;
}

.footer_phone-link {
    font-size: 32px;
    padding-bottom: 10px;
}

.footer_bottom-padding {
    padding-bottom: 16px;
}

.padding-vertical.padding-footer {
    padding-top: 57px;
    /*    padding-bottom: 32px;*/
}

.footer_legal-list {
    grid-column-gap: 16px;
    margin-top: -10px
}

.footer_menu-wrapper {
    grid-column-gap: 32px;
}

.footer_logo-link img {
    width: 200px;
}

.footer_social-list {
    margin-top: 28px;
    grid-column-gap: 12px;
}

.form-control:focus {
    border-color: var(--midnight-blue);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(201 219 233 / 60%);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgb(18 48 72 / 60%);
}

.nav-toplink_padding {
    height: 48px;
    padding: .5rem 50px;
}

.hs-button-orange:hover, .footer_link:hover, .footer_legal-list a:hover, .footer_phone-link:hover, .margin-medium a:hover {
    text-decoration: none;
}

.navbar_link a {
    color: var(--midnight-blue);
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    padding: 0 8px;
    display: flex;
}

.auth-modal a {
    color: var(--midnight-blue);
}

.font-company-body .font-company-header {
    margin: 35px;
}

.footer-item a:hover, .footer-item a:focus {
    text-decoration: none;
}


main .body-content {
    margin-top: 10px;
    font-size: 16px;
}

.btn {
    font-size: 16px;
    border-radius: 50px;
}

.searchjob .form-horizontal .form-group,
.form-horizontal .form-group .control-label {
    font-size: 16px;
}

aside.sidebar {
    padding-top: 2.5rem;
}

    aside.sidebar p.active span {
        border-radius: 0;
        background-color: transparent;
    }

    aside.sidebar .careernav span {
        margin-left: 5px;
    }

.vacancy-item > .vacancy-box {
    background-color: transparent;
}

aside.sidebar p {
    margin: 0;
    padding: 0;
}

aside.sidebar a {
    padding: 0.8rem 0;
    transition: all ease 0.3s;
    color: #13253e;
}

    aside.sidebar a:hover {
        text-decoration: none;
        padding-left: 1rem;
        background-color: #13253e;
        color: #fff;
    }

    aside.sidebar a:focus {
        text-decoration: none;
    }

#JobNumberOrTitle {
    width: 100%;
}

hr {
    border-top: 1px solid rgba(80, 35, 20,0.15);
}

aside.sidebar .searchjob {
    margin-top: 3rem;
}

.social-share .share-label {
    color: #13253e;
}

main.body-content a {
    color: #13253e;
}

.social-share a i {
    color: #13253e;
}

.vacancy-info > h2 > a {
    color: #13253e;
}

.hs-button-orange {
    position: relative;
    overflow: hidden;
    padding: 12.8px 25.6px;
}

    .hs-button-orange::before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: white;
        transition: top 0.3s ease-out;
        z-index: 0;
    }

    .hs-button-orange:hover::before {
        top: 0;
    }

    .hs-button-orange .button-text {
        position: relative;
        z-index: 1;
        color: #fff;
    }

.btn.btn-primary,
.btn.btn-danger {
    position: relative;
    color: #fff;
    background-color: var(--midnight-blue);
    border-color: var(--midnight-blue);
    padding: 12.8px 25.6px;
    font-weight: 500;
    overflow: hidden;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
    z-index: 1;
}

.btn.btn-success {
    position: relative;
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
    z-index: 1;
    font-weight: 500;
    overflow: hidden;
    padding: 12.8px 25.6px;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
}

    .btn.btn-info::before,
    .btn.btn-primary::before,
    .btn.btn-danger::before,
    .btn.btn-success::before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: white;
        transition: top 0.3s ease-out;
        z-index: -1;
    }

    .btn.btn-info:hover::before,
    .btn.btn-primary:hover::before,
    .btn.btn-danger:hover::before,
    .btn.btn-success:hover::before {
        top: 0;
    }

    .btn.btn-info:hover,
    .btn.btn-primary:hover,
    .btn.btn-danger:hover {
        color: var(--midnight-blue);
        background-color: #fff;
        border-color: var(--midnight-blue);
    }
    
.btn.btn-success:hover {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #fff;
}

.btn.btn-info {
    position: relative;
    color: #fff;
    background-color: #ff714d;
    border-color: #ff714d;
    padding: 12.8px 25.6px;
    font-weight: 500;
    overflow: hidden;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
    z-index: 1;
}

.btn.btn-outline-dark,
.btn.btn-default {
    position: relative;
    color: #fff;
    background-color: #ff714d;
    border-color: #ff714d;
    padding: 12.8px 25.6px;
    font-weight: 500;
    overflow: hidden;
    transition: color 0.3s ease-out, background-color 0.3s ease-out;
    z-index: 1;
}

    .btn.btn-outline-dark::before,
    .btn.btn-default::before {
        content: '';
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        transition: top 0.3s ease-out;
        z-index: -1;
    }

    .btn.btn-outline-dark:hover::before,
    .btn.btn-default:hover::before {
        top: 0;
    }

    .btn.btn-outline-dark:hover,
    .btn.btn-default:hover {
        color: var(--midnight-blue);
        border-color: var(--midnight-blue);
    }

.table-responsive .table tbody td .btn-xs {
    padding: 6px 15px;
}

.custom-file-input-wrapper .custom-file-input-button-group .custom-file-input-button {
    padding: 6.8px 25.6px;
    border-radius: 0 50px 50px 0;
}

.share-buttons > .btn-share--front {
    padding: 12.8px 25.6px;
    font-weight: 500;
    background-color: #13253e;
    border-color: #13253e;
    color: #fff;
}

.share-buttons > .btn-share--back a {
    color: #13253e;
}

.btn[class*="btn-share"] {
    border: 1px solid #13253e;
}

.item {
    width: 100%;
    height: 912.27px;
    position: relative;
}

    .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        justify-self: center;
    }


#section-18328816 {
    margin-bottom: 15px;
}

#RegisterModal .text-right {
    text-align: left;
}

.navbar-social-icons {
    right: 0;
}

    .navbar-social-icons button {
        background-color: transparent;
        border: none;
        font-size: 16px;
    }

.job-ad-side__content > .btn-primary {
    margin-bottom: 1rem;
}

.my-settings-wrapper .col-md-6 {
    width: 100%;
}

main.body-content [type=checkbox], main.body-content [type=radio] {
    appearance: auto;
    height: auto;
    width: auto;
    margin-top: 0;
}

.k-picker-wrap, .k-select {
    border-color: #13253e;
}

.k-icon {
    color: #13253e;
}

.nav.nav-wizard > li.active, .nav.nav-wizard > li.active > a, .nav.nav-wizard > li.active > a:hover, .nav.nav-wizard > li.active > a:focus {
    background-color: var(--linen-2);
    color: var(--midnight-blue);
}

ul.nav-wizard li.active:after {
    border-left: 16px solid #13253e;
}

.careernav .username {
    color: #13253e !important;
}

div.alert.alert-warning {
    background-color: #13253e;
    color: #fff;
}

#pdfViewer {
    margin-bottom: 2rem;
}

legend {
    color: #13253e;
}

.panel.panel-default.wkf-panel-forms .panel-heading {
    background-color: #F68738;
}

.panel.panel-default.wkf-panel-forms .panel-body .row.form-row {
    background-color: #F5EBDC;
}

.pagination .active a {
    background-color: #ff714d;
    border-color: #ff714d;
}

.d-block-tablet {
    display: none;
}

.navbar-mobile {
    list-style: none;
}

    .navbar-mobile a {
        padding-top: 0;
        padding-bottom: 0;
    }

    .navbar-mobile p {
        margin-bottom: 0;
    }

    .navbar-mobile .careernav a:hover {
        background-image: linear-gradient(var(--tw-degree,-90deg),transparent 12%,var(--navigation-highlight-color,rgb(var(--company-link-color))) 50%);
        text-decoration: none;
    }

    .navbar-mobile .careernav a span {
        background-color: transparent;
    }

.k-datepicker > .k-picker-wrap .date_field {
    height: 34px;
}

@media(min-width: 767px) and (max-width: 991px) {
    .footer_top-wrapper {
        grid-row-gap: 64px;
        grid-template-columns: 1fr;
    }
}


@media(max-width: 991px) {
    #section-18328816, #imageCarousel {
        display: none;
    }

    .hs-button-orange::before {
        content: none;
    }

    ul.nav-wizard li.active:after {
        border-left: 8px solid var(--midnight-blue);
    }

    .sidebar-nav .careernav p a span {
        margin-left: 2px;
    }

    .button-group {
        padding-top: 32px;
    }

    .footer_legal-list {
        margin-bottom: 24px;
        margin-top: 0;
    }

    .footer_phone-link {
        padding-bottom: 9px;
    }
}

@media(max-width: 767px) {
    .footer_bottom-wrapper {
        padding-bottom: 16px;
    }

    .footer_credit-text {
        margin-top: 32px;
    }

    .footer_legal-list {
        margin-bottom: 16px;
    }

    .margin-bottom.margin-footer-bottom, .margin-bottom.margin-a-z-search {
        margin-bottom: 64px;
    }

    .margin-small {
        margin: 0 0 20px 0;
    }

    .margin-medium {
        margin: 0 0 24px 0;
    }

    .footer_menu-wrapper {
        grid-column-gap: 24px;
    }

    .footer_top-wrapper {
        grid-row-gap: 48px;
    }

    .hs-button-orange {
        padding: 12.8px 25.6px;
    }
}

@media (min-width: 475px) and (max-width: 991px) {
    .nav-toplink_padding {
        padding: .5rem 30px;
    }
}

@media (max-width: 479px) {
    .footer_legal-list {
        margin-bottom: 0;
        grid-column-gap: 8px;
        margin-top: -10px;
    }

    .footer_menu-wrapper {
        grid-row-gap: 24px;
    }
}
.vacancy-box.feature-job {
    background-color: var(--linen-2);
    /*    opacity: 0.9;*/
}

.field-validation-error.text-danger {
    padding: 0;
    background-color: transparent;
    font-size: 14px;
}

.form-group canvas {
    background-color: #fff;
}

.vacancy-info .vacancy-info-body .text-justify,
.container-job-details .form-group {
    color: #13253e;
}


/*Mobile Navbar START*/
.sidebar-nav {
    margin-top: 50px;
}

#sidebar-wrapper {
    display: none;
}

.mobile-menu {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9999;
    top: 48px;
    left: 0;
    background-color: #13253e;
    padding-top: 20px;
    padding-left: 5%;
    padding-right: 5%;
    overflow-y: scroll;
    transform: translateX(-100%);
    transition: transform 0.5s ease, visibility 0s linear 0.5s;
    visibility: hidden;
}

    .mobile-menu.open {
        transform: translateX(0);
        visibility: visible;
        transition: transform 0.5s ease, visibility 0s linear 0s;
    }

    .mobile-menu.closing {
        transform: translateX(-100%);
        visibility: hidden;
        transition: transform 0.5s ease, visibility 0s linear 0.5s;
    }

.sidebar-nav li {
    padding: 8px 0;
    line-height: 1;
    font-family: "Euclidcirculara", sans-serif;
    list-style: none;
}

.sidebar-nav a {
    color: #bbb4e1;
    font-size: 20px;
    font-weight: 500;
}

.sidebar-nav .careernav p {
    margin-bottom: 0;
}

    .sidebar-nav .careernav p a {
        padding: 8px 0;
    }

.menu-icon_line-top,
.menu-icon_line-middle,
.menu-icon_line-bottom {
    transition: transform 1s ease, width 1s ease;
}

.menu-icon.open .menu-icon_line-top {
    transform: translate3d(0px, 8px, 0px) rotate(-45deg);
}

.menu-icon.open .menu-icon_line-middle {
    width: 0;
    opacity: 0;
}

.menu-icon.open .menu-icon_line-bottom {
    transform: translate3d(0px, -8px, 0px) rotate(45deg);
}

.mobile-menu .fa-home {
    transform: scale(1.2);
    margin-right: 7px;
}

.navbar-open {
    overflow: hidden;
}

.mobile-menu .close,
.mobile-menu .close:hover,
.mobile-menu .close:focus {
    opacity: 1;
    color: var(--white);
}

.mobile-menu a:hover,
.mobile-menu a:focus {
    text-decoration: none;
}
/*Mobile Navbar END*/


/*Mobile changes START*/
@media (max-width: 991px) {
    .careernav .username {
        color: #bbb4e1 !important;
        font-size: 20px;
        font-weight: 500;
        padding: 8px 0;
    }

    aside.sidebar {
        padding-top: 0;
    }

    .main-content {
        margin-top: 40px;
    }

    aside.sidebar .careernav {
        display: none;
    }

    .hidden-xs {
        display: block !important;
    }

    #w-node-_8e3e1c59-91ff-2aa2-ab65-2da456ac44a8-56ac4485 {
        margin-bottom: 80px;
    }
}

@media(max-width: 767px) {
    .copyright-inner {
        flex-direction: column;
        gap: 10px;
    }

    #w-node-_8e3e1c59-91ff-2aa2-ab65-2da456ac44a8-56ac4485 {
        margin-top: 3px;
    }
}
/*Mobile changes END*/

.carousel-inner > .item > img {
    height: 912px;
    width: 100%;
    object-fit: cover;
    object-position: 50% 90%;
}

@media(min-width: 2100px) {
    .carousel-inner > .item > img {
        height: 1100px;
        width: 100%;
        object-fit: cover;
        object-position: 50% 90%;
    }
}