/*
Theme Name: demeter
Description: Child theme of demeter
Author: demeter
Version: 1.0.0
Text Domain: demeter
Template: twentytwentyone
*/

/*  =========================== section-career-contact-info  =========================== */
.section-career-contact-info .career-contact-info-inner {
    display: flex;
    gap: 24px;
    border: 1px solid #265677;
    padding: 22px;
    border-radius: 8px;
}

.section-career-contact-info .career-contact-info-inner img {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.section-career-contact-info .career-contact-info-inner h6.p-big {
    margin-bottom: 8px;
    color: var(--white);
    font-family: 'Neufile Grotesk bold';
}

.section-career-contact-info .career-contact-info-inner a.p-big,
.section-career-contact-info .career-contact-info-inner p.p-big {
    color: var(--blue);
    font-family: 'Neufile Grotesk reg';
}

.section-career-contact-info .career-contact-info-inner a:hover {
    color: var(--hover);
}


/*  =========================== section-career-detail  =========================== */
.section-career-detail {
    padding: 60px 0 160px;
}

.section-career-detail .career-detail-wrap {
    padding: 16px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #193434;
    border-radius: 12px;
}

.section-career-detail .career-detail-wrap:last-child {
    margin-bottom: 0 !important;
}

.section-career-detail .career-detail-wrap:hover {
    border-color: #809DB0;
}

/*  */
.career-detail-inner-speciality-wrap {
    display: flex;
    justify-content: space-between;
    width: 45%;
}

.section-career-detail .career-detail-inner-content {
    width: 30%;
}

.section-career-detail .career-detail-inner-content .heading-style-6 {
    margin-bottom: 8px;
}

.section-career-detail .career-detail-inner-content p {
    color: var(--secondary);
}

/*  */
.section-career-detail .career-detail-wrap .career-detail-inner-speciality {
    gap: 8px;
}

.section-career-detail .career-detail-wrap img,
.section-career-detail .applicant-detail-inner img {
    width: 24px;
    height: 24px;
}

/* ------------- popup ------------------ */
/* modal */
.modal-dialog {
    max-width: 1320px;
    padding-inline: 12px;
}
.modal{pointer-events:none !important;}
.modal.open-modal-popup{pointer-events:unset !important;}
/* .modal-dialog-centered{top: 50%; transform: translateY(-50%) !important;margin-block: 0;} */
.modal-dialog-centered {
    top: 0% !important;
    transform: unset !important;
}

.modal,
.modal-open {
    padding-right: 0 !important;
}

/* modal-content */
.modal-content {
    position: relative;
    padding: 72px 66px;
    border: 2px solid;
    border-image: linear-gradient(180deg, #709595 0%, #336181 100%)1;
    border-radius: unset;
    background: transparent;
}

.modal-content::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000087;
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    z-index: -1;
}

/* modal header */
.modal-header {
    padding: 0;
    border: none;
    width: fit-content;
    top: -19px;
    right: -19px;
    position: absolute;
}

/* button */
.modal-header .btn-close {
    padding: 0px;
    height: 37px;
    width: 37px;
    opacity: 1;
    margin: 0;
    background: url(../images/popup-close-btn.svg) no-repeat center center / 30px auto, var(--black) !important;
    border-radius: 50%;
}

/* modal body */
.modal-body {
    padding: 0;
}

/* title */
.modal-body-content p:first-child,
.modal-body-content p b {
    margin-bottom: 8px;
    font-family: 'Neufile Grotesk bold';
    color: var(--white)
}

.modal-body-content .heading-style-2 {
    margin-bottom: 18px;
}

/* applicant detail */
.applicant-detail-wrap {
    display: flex;
    gap: 24px;
    align-items: center;
    margin-bottom: 19px;
}

.applicant-detail-inner {
    display: flex;
    gap: 10px;
    align-items: center;
}

.applicant-detail-inner img {
    margin-bottom: 2px;
}

.applicant-detail-inner .p-big {
    color: var(--secondary);
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0;
}

/* applicant content */
.modal-body-content p {
    margin-bottom: 15px;
    font-family: 'Neufile Grotesk reg';
    color: var(--white);
}

.modal-body-content p b {
    margin-bottom: 0;
}

.modal-body-content ul {
    padding-left: 18px;
    margin-bottom: 15px;
}

.modal-body-content ul li {
    font-size: 16px;
    line-height: 28px;
    color: var(--white);
    list-style: disc;
    font-family: 'Neufile Grotesk reg';
}

.bg-layer {
    position: relative;
}

.bg-layer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000087;
    z-index: 110;
	pointer-events:none;
}

/* button loader */
.loader {
    width: 30px;
    --b: 5px;
    aspect-ratio: 1;
    border-radius: 50%;
    padding: 1px;
    background: conic-gradient(#0000 10%, #fff) content-box;
    -webkit-mask:
        repeating-conic-gradient(#0000 0deg, #000 1deg 20deg, #0000 21deg 36deg),
        radial-gradient(farthest-side, #0000 calc(100% - var(--b) - 1px), #000 calc(100% - var(--b)));
    -webkit-mask-composite: destination-in;
    mask-composite: intersect;
    animation: l4 1s infinite steps(10);
}

@keyframes l4 {
    to {
        transform: translate(-50%, -50%) rotate(1turn)
    }
}

.section-career-detail .career-detail-button .btn-comman {
    min-width: 138px;
    min-height: 54px;
	vertical-align:middle;
}

.section-career-detail .career-detail-button .btn-comman .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


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

    /*  =========================== section-career-contact-info  =========================== */
    .section-career-contact-info .career-contact-info-inner {
        gap: 22px;
        padding: 16px;
    }

    .section-career-contact-info .career-contact-info-inner img {
        width: 35px;
        height: 35px;
    }

    .section-career-contact-info .career-contact-info-inner h6.p-big {
        margin-bottom: 7px;
    }

    /*  =========================== section-career-detail  =========================== */
    .section-career-detail {
        padding: 55px 0 130px;
    }

    /* ------------- popup ------------------ */
    /* modal */
    .modal-dialog {
        max-width: 1120px;
    }

    .applicant-detail-wrap {
        gap: 5px;
    }

    .applicant-detail-inner {
        gap: 5px;
    }

    .modal-body-content ul li {
        font-size: 15px;
        line-height: 27px;
    }

    .section-career-detail .career-detail-button .btn-comman {
        min-width: 122px;
    }

}

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

    /*  =========================== section-career-contact-info  =========================== */
    .section-career-contact-info .career-contact-info-inner {
        gap: 15px;
        padding: 14px;
    }

    .section-career-contact-info .career-contact-info-inner img {
        width: 30px;
        height: 30px;
    }

    .section-career-contact-info .career-contact-info-inner h6.p-big {
        margin-bottom: 6px;
    }

    /*  =========================== section-career-detail  =========================== */
    .section-career-detail {
        padding: 55px 0 100px;
    }

    /* .section-career-detail .career-detail-wrap{padding:16px;margin-bottom: 20px; } */
    /*  */
    /* .section-career-detail .career-detail-inner-content {width:30%;} */
    .section-career-detail .career-detail-inner-content .heading-style-6 {
        margin-bottom: 7px;
    }

    /*  */
    .section-career-detail .career-detail-wrap .career-detail-inner-speciality {
        gap: 7px;
    }

    .career-detail-inner-speciality-wrap {
        width: 52%;
    }

    .section-career-detail .career-detail-wrap img,
    .section-career-detail .applicant-detail-inner img {
        width: 20px;
        height: 20px;
    }

    /* ------------- popup ------------------ */
    /* modal */
    .modal-dialog {
        max-width: 960px;
    }

    /* modal-content */
    .modal-content {
        padding: 50px 40px;
    }

    /* modal header */
    /* .modal-header {top:-19px;right:-19px;} */
    /* button */
    .modal-header .btn-close {
        height: 30px;
        width: 30px;
        background-size: 25px !important;
    }

    /* modal body */
    .modal-body {
        padding: 0;
    }

    .modal-body-content p {
        margin-bottom: 12px;
    }

    .modal-body-content .heading-style-2 {
        margin-bottom: 16px;
    }

    .modal-body-content ul li {
        line-height: 24px;
    }

    .modal-body-content ul {
        margin-bottom: 12px;
    }

    .applicant-detail-wrap {
        gap: 12px;
        margin-bottom: 13px;
        flex-direction: column;
        align-items: start;
    }

    .applicant-detail-inner {
        gap: 10px;
    }

    .section-career-detail .career-detail-button .btn-comman {
        min-width: 108px;
        min-height: 52px;
    }

}

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

    /*  =========================== section-career-contact-info  =========================== */
    .section-career-contact-info .career-contact-info-inner {
        gap: 12px;
        padding: 12px;
    }

    .section-career-contact-info .career-contact-info-inner img {
        width: 25px;
        height: 25px;
    }

    .section-career-contact-info .career-contact-info-inner h6.p-big {
        margin-bottom: 5px;
    }

    /*  =========================== section-career-detail  =========================== */
    .section-career-detail {
        padding: 55px 0 90px;
    }

    .section-career-detail .career-detail-wrap {
        padding: 13px 8px;
        margin-bottom: 18px;
    }

    /*  */
    .section-career-detail .career-detail-inner-content {
        width: 23%;
    }

    .section-career-detail .career-detail-inner-content .heading-style-6 {
        margin-bottom: 5px;
        font-size: 16px;
        line-height: 22px;
    }

    .career-detail-inner-speciality-wrap {
        width: 60%;
        gap: 7px;
    }

    /*  */
    .section-career-detail .career-detail-wrap .career-detail-inner-speciality {
        gap: 5px;
    }

    .section-career-detail .career-detail-wrap img,
    .section-career-detail .applicant-detail-inner img {
        width: 16px;
        height: 16px;
    }

    .career-detail-button .btn-comman {
        font-size: 14px;
        line-height: 18px;
    }

    /* ------------- popup ------------------ */
    /* modal */
    .modal-dialog {
        max-width: 720px;
    }

    /* modal-content */
    .modal-content {
        padding: 40px;
    }

    /* modal header */
    /* .modal-header {top:-19px;right:-19px;} */
    /* button */
    .modal-header .btn-close {
        height: 30px;
        width: 30px;
        background-size: 25px !important;
    }

    /* modal body */
    .modal-body {
        padding: 0;
    }

    .modal-body-content p {
        margin-bottom: 10px;
    }

    .modal-body-content .heading-style-2 {
        margin-bottom: 14px;
    }

    .modal-body-content ul {
        margin-bottom: 10px;
    }

    .modal-body-content ul li {
        font-size: 15px;
        line-height: 22px;
    }

    .applicant-detail-wrap .applicant-detail-inner img {
        height: 22px;
        width: 22px;
    }

    .section-career-detail .career-detail-button .btn-comman {
        min-width: 92px;
        min-height: 40px;
    }

}

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

    /*  =========================== section-career-contact-info  =========================== */
    .section-career-contact-info .career-contact-info-wrap {
        gap: 20px;
    }

    .section-career-contact-info .career-contact-info-inner {
        gap: 16px;
        padding: 18px;
    }

    .section-career-contact-info .career-contact-info-inner img {
        width: 30px;
        height: 30px;
    }

    .section-career-contact-info .career-contact-info-inner h6.p-big {
        margin-bottom: 8px;
    }

    /*  =========================== section-career-detail  =========================== */
    .section-career-detail {
        padding: 52px 0 80px;
    }

    .section-career-detail .career-detail-wrap {
        padding: 18px 12px;
        margin-bottom: 15px;
        flex-wrap: wrap;
        row-gap: 20px;
    }

    /*  */
    .section-career-detail .career-detail-inner-content {
        width: 100%;
    }

    .section-career-detail .career-detail-inner-content .heading-style-6 {
        margin-bottom: 7px;
    }

    .career-detail-inner-speciality-wrap {
        width: 78%;
        gap: 8px;
    }

    /*  */
    .section-career-detail .career-detail-wrap .career-detail-inner-speciality {
        gap: 6px;
    }

    .section-career-detail .career-detail-wrap .career-detail-inner-speciality p {
        font-size: 14px;
        line-height: 22px;
    }

    .section-career-detail .career-detail-wrap img,
    .section-career-detail .applicant-detail-inner img {
        width: 18px;
        height: 18px;
        margin-bottom: 3px;
    }

    .career-detail-button .btn-comman {
        font-size: 14px;
        line-height: 20px;
        padding: 10px 7px;
    }

    /* ------------- popup ------------------ */
    /* modal */
    .modal-dialog {
        max-width: 100%;
    }

    /* modal-content */
    .modal-content {
        padding: 30px;
    }

    /* modal header */
    .modal-header {
        top: -12px;
        right: -12px;
    }

    /* button */
    .modal-header .btn-close {
        height: 28px;
        width: 28px;
        background-size: 22px !important;
    }

    /* modal body */
    .modal-body .row {
        row-gap: 30px;
    }

    .modal-body-content p {
        margin-bottom: 14px;
    }

    .modal-body-content .heading-style-2 {
        margin-bottom: 12px;
    }

    .modal-body-content ul {
        margin-bottom: 14px;
    }

    .modal-body-content ul li {
        font-size: 17px;
        line-height: 25px;
    }

    .applicant-detail-wrap {
        gap: 12px;
        margin-bottom: 12px;
        flex-direction: row;
    }

    .applicant-detail-inner {
        gap: 11px;
    }

    .applicant-detail-wrap .applicant-detail-inner img {
        height: 16px;
        width: 16px;
    }

    /* form */
    .modal-body form .row {
        row-gap: 0;
    }

    .section-career-detail .career-detail-button .btn-comman {
        min-width: 86px;
        min-height: 42px;
    }

}

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

    /*  =========================== section-career-contact-info  =========================== */
    .section-career-contact-info .career-contact-info-wrap {
        gap: 18px;
    }

    .section-career-contact-info .career-contact-info-inner {
        gap: 12px;
        padding: 12px;
    }

    .section-career-contact-info .career-contact-info-inner img {
        width: 25px;
        height: 25px;
    }

    .section-career-contact-info .career-contact-info-inner h6.p-big {
        margin-bottom: 3px;
    }

    /*  =========================== section-career-detail  =========================== */
    .section-career-detail {
        padding: 50px 0 70px;
    }

    .section-career-detail .career-detail-wrap {
        padding: 16px;
        margin-bottom: 18px;
        gap: 18px;
    }

    /*  */
    .section-career-detail .career-detail-inner-content .heading-style-6 {
        margin-bottom: 6px;
    }

    .career-detail-inner-speciality-wrap {
        width: 100%;
        flex-direction: column;
        gap: 15px;
    }

    /*  */
    .section-career-detail .career-detail-wrap .career-detail-inner-speciality {
        gap: 11px;
        width: 100%;
    }

    .section-career-detail .career-detail-wrap .career-detail-inner-speciality p {
        font-size: 16px;
        line-height: 24px;
    }

    .section-career-detail .career-detail-wrap img,
    .section-career-detail .applicant-detail-inner img {
        width: 18px;
        height: 18px;
    }

    .career-detail-button {
        width: 100%;
    }

    .career-detail-button .btn-comman {
        font-size: 14px;
        line-height: 20px;
        padding: 8px;
        justify-content: center;
        width: 100%;
    }

    /* ------------- popup ------------------ */

    /* modal-content */
    .modal-content {
        padding: 20px;
    }

    /* modal body */
    .modal-body-content .heading-style-2 {
        margin-bottom: 11px;
    }

    .modal-body-content ul {
        margin-bottom: 14px;
    }

    .modal-body-content ul li {
        font-size: 16px;
        line-height: 23px;
    }

    .applicant-detail-wrap {
        gap: 11px;
        margin-bottom: 11px;
        flex-direction: column;
    }

    .applicant-detail-inner {
        gap: 11px;
    }

    .applicant-detail-wrap .applicant-detail-inner img {
        height: 16px;
        width: 16px;
    }

    .section-career-detail .career-detail-button .btn-comman {
        min-width: 100%;
        min-height: 38px;
    }

}

@media screen and (max-height:780px) {
    .modal-dialog-centered {
        top: 0;
        transform: unset !important;
        margin-block: 30px;
    }
}