.underLineImg {
    background: url('/wp-content/themes/tally/assets/images/yellow-underline-img.svg');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: contain;
}

.bg-pink {
    background-color: #FEE7DC !important;
}

.form-control:focus {
    border-color: #dee2e6 !important;
    box-shadow: 0 0 0 0rem !important;
}

.accordion-button:focus,
.form-select:focus,
.accordion-button:not(.collapsed) {
    box-shadow: 0 0 0 0rem !important;
}

.accordion-button:focus,
.accordion-button {
    border-bottom: 0px !important;
}

.bg-biscut {
    background-color: #FEE7DC;
}

.text-red,
.accordion-button:not(.collapsed) {
    color: #ED1C27;
}

.accordion-button:not(.collapsed) {
    background-color: #fff !important;
}

.careersPageIcon {
    width: 2rem;
}

.border-radius-5px {
    border-radius: 5px;
}

.accordion-item {
    border: none !important;
}

.accordion-header {
    border-bottom: 1px solid #dee2e6 !important;
}

#loading {
    background: url('/wp-content/themes/tally/assets/images/loader.gif') no-repeat center center;
    position: fixed;
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    background-size: 90px 90px;
    background-color: rgba(0, 0, 0, .75);
    z-index: 9999999;
}

.careerPagePopup .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
    max-width: none;
    position: absolute;
    top: 0;
    /*right: -100%;*/
    transition: right 0.3s ease-in-out;
}

.border-1px-grey {
    border: 1px solid #6C6C70;
}

.careerPagePopup .modal.fade.show .modal-dialog {
    right: 0;
}

.careerPagePopup .modal-content {
    height: 100%;
    overflow-y: auto;
}

.careerPagePopup p,
.careerPagePopup ul li {
    color: #6c6c70 !important;
}

.careerPagePopup .modal-header {
    background-color: #007bff;
    color: white;
}

.careerPagePopup .modal-body {
    padding: 20px;
}

.filterSection {
    position: relative;
    z-index: 2;
}

@media (min-width: 280px) {
    .careersPageBannerBg {
        background: url('/wp-content/themes/tally/assets/images/mobile-banner-bg-carrer-page.svg');
        background-repeat: no-repeat;
        background-position-y: -8rem;
        background-size: cover;
    }

    .leftImgShade,
    .rightImgShade {
        position: absolute;
        width: 12rem;
        height: 40rem;
    }

    .careersRightImg {
        position: relative;
        z-index: 1;
    }

    .leftImgShade {
        background: url('/wp-content/themes/tally/assets/images/careers-page-banner-mobile-left-shade.svg');
        background-repeat: no-repeat;
    }

    .leftImgShade {
        top: 10rem;
    display:none;    }

    .rightImgShade {
        background: url('/wp-content/themes/tally/assets/images/careers-page-banner-mobile-right-shade.svg');
        background-repeat: no-repeat;
    }

    .rightImgShade {
        right: 0;
        top: 0rem;
    }

    .underLineImg {
        height: 2.5rem;
        background-position-y: 1.8rem;
    }

    .careersPageBannerBg {
        background-position-y: -9rem;
    }

    .careersRightImg {
        width: 18rem;
    }

    .workWonderImg {
        width: 16rem;
    }
}

@media (min-width: 576px) {

    .careersPageBannerBg {
        background-position-y: -28rem;
    }

    .workWonderImg {
        width: 24rem;
    }
}

@media (min-width: 768px) {
    .careersPageBannerBg {
        background-position-y: -20rem;
    }

    .workWonderImg {
        position: relative;
        z-index: 2;
    }

    .careersRightImg {
        width: 28rem;
        position: relative;
        z-index: 5;
    }

    .leftImgShade {
        background: url('/wp-content/themes/tally/assets/images/carers-page-banner-left-shade.svg');
        background-repeat: no-repeat;
    }

    .rightImgShade {
        background: url('/wp-content/themes/tally/assets/images/careers-page-banner-right-shade.svg');
        background-repeat: no-repeat;
    }

    .leftImgShade {
        top: -2rem;
        left: -15rem;
        width: 35rem;
        display:block;
    }

    .rightImgShade {
        width: 21rem;
        top: -5rem;
    }

    .careersPageBannerBg {
        background: url('/wp-content/themes/tally/assets/images/carrers-page-banner.svg');
        background-repeat: no-repeat;
        background-position-y: -8rem;
        background-size: cover;
        height: 50rem;
    }

    .workWonderImg {
        width: 26rem;
    }

    .rightImgShade {
        right: 0;
    }

    .rightImgShade img {
        margin-top: -33rem;
        position: relative;
        z-index: 0;
    }

}

@media (min-width: 1024px) {
    .careersPageBannerBg {
        height: 35rem;
        background-position-y: 0rem;
    }

    .careersRightImg {
        width: 23rem;
    }

    .leftImgShade {
        top: 5rem;
    }

    .rightImgShade {
        top: 3rem;
    }
}

@media (min-width: 1200px) {
    .careersPageBannerBg {
        height: 39rem;
        background-position-y: -3rem;
    }

    .careersRightImg {
        width: 24rem;
    }

    .rightImgShade {
        width: 23rem;
        top: 4rem;
        height: 34rem;
    }

    .rightImgShade img {
        margin-top: -36rem;
    }

    .leftImgShade {
        top: 5rem;
        left: -21rem;
        width: 32rem;
        height: 24rem;
        z-index: 0;
    }
}

@media (min-width: 1366px) {
    .careersPageBannerBg {
        background-position-y: -5rem;
    }

    .leftImgShade {
        top: 6rem;
    }

    .rightImgShade {
        top: 4rem;
    }
}

@media (min-width: 1440px) {

    .careersPageBannerBg {
        background-position-y: -7rem;
    }

    .leftImgShade {
        top: 5rem;
    }

    .rightImgShade {
        top: 3rem;
    }
}

@media (min-width: 1536px) {
    .careersPageBannerBg {
        background-position-y: -10rem;
    }

    .rightImgShade {
        width: 26rem;
    }
}

@media (min-width: 1600px) {
    .careersPageBannerBg {
        background-position-y: -12rem;
    }

    .rightImgShade {
        width: 27rem;
    }
}

@media (min-width: 1680px) {
    .careersPageBannerBg {
        background-position-y: -15rem;
    }

    .rightImgShade {
        width: 29rem;
    }
}

@media (min-width: 1920px) {
    .careersPageBannerBg {
        background-position-y: -11rem;
        height: 50rem;
    }

    .workWonderImg {
        width: 26rem;
    }

    .leftImgShade {
        top: 5rem;
        left: -19rem;
        width: 32rem;
    }

    .rightImgShade {
        width: 31rem;
        top: 3rem;
        height: 39rem;
    }

    .careersRightImg {
        width: 31rem;
    }
}