@font-face {
    font-family: "espuma bold";
    src: url("../fonts/espuma/espuma-pro-bold.ttf");
}

.espuma-bold {
    font-family: "espuma bold" !important;
}

.splashBg-yellow {
    width: 6rem;
    height: 6rem;
    justify-content: center;
    align-items: center;
    background-image: url('/wp-content/themes/tally/assets/images/icons/icon-bg-yellow.svg');
    background-position: inherit;
    background-size: cover;
    background-repeat: no-repeat;
}

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

.border-radius-2rem {
    border-radius: 2rem;
}

.bannerBg {
    height: 54rem;
}

.makeDifference {
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    top: -11rem;
}

.exploreCareers {
    top: -9rem;
}

.slick-dots,
.responsive .slick-prev,
.responsive .slick-next {
    display: none !important;
}

.pagingInfo {
    font-size: 1.5rem;
}

.pagingInfo {
    font-size: 1.5rem;
}

.responsive .slick-track {
    display: flex !important;
}

.responsive .slick-slide {
    height: inherit !important;
}
.headingContainer{
    background-color: #00000073;
    border-radius: 0.5rem;
}

@media (min-width: 280px) {

    .bannerBg {
        background-image: url('/wp-content/themes/tally/assets/images/carrer-page-banner.svg');
        background-size: cover;
        background-repeat: no-repeat;
        height: 28rem;
        background-position-y: 4rem;
    }

    .exploreCareers {
        top: -18rem;
    }

    .makeDifference {
        top: -17rem;
    }

    .paragraphLeft {
        z-index: 1;
    }

    .imageRight {
        margin-top: -2rem;
    }

    .imageLeft {
        z-index: 1;
        margin-top: -1rem;
    }

    .paragraphRight {
        z-index: 2;
    }

    .workWithUsStarts {
        margin-top: -18rem;
    }
}



@media (min-width: 425px) {
    .bannerBg {
        height: 31rem;
    }

    .imageRight {
        margin-top: -1rem;
    }

    .imageLeft {
        margin-top: -1rem;
    }
}

@media (min-width: 576px) {
    .bannerBg {
        height: 38rem;
    }

    .imageRight {
        margin-top: -1rem;
    }

    .makeDifference {
        top: -11rem;
    }

    .exploreCareers {
        top: -13rem;
    }

    .imageLeft {
        margin-top: -1rem;
    }

}

@media (min-width: 768px) {
    .bannerBg {
        height: 48rem;
    }

    .workWithUsStarts {
        margin-top: -13rem;
    }


    .imageRight {
        margin-top: -1rem;
    }

    .imageLeft {
        margin-top: -1rem;
    }
}

@media (min-width: 1024px) {
    .bannerBg {
        background-image: url('/wp-content/themes/tally/assets/images/carrer-page-banner.svg');
        background-size: contain;
        background-repeat: no-repeat;
        height: 33rem;
        background-position-y: 0rem;
    }

    .makeDifference {
        top: -18rem;
    }

    .workWithUsStarts {
        margin-top: -18rem;
    }

    .exploreCareers {
        top: -20rem;
    }

    .imageRight {
        margin-top: 0rem;
    }

    .position-lg-absolute {
        position: absolute !important;
    }

    .imageLeft {
        margin-top: 0rem;
    }

    .imageRight img,
    .imageLeft img {
        width: 30rem !important;
    }

    .workWithUs {
        margin-top: 0rem;
        width: 36rem;
    }

    .workWithUsLeftCard {
        margin-left: 0rem;
    }

    .workWithUsRightCard {
        margin-left: -10rem !important;
    }
    .bannerCaption{
        font-size: 3rem;
    }


}

@media (min-width: 1200px) {
    .workWithUs {
        width: 39rem;
        margin-top: 2rem;
    }

    .workWithUsStarts {
        margin-top: -13rem;
    }

    .exploreCareers {
        top: -15rem;
    }

    .makeDifference {
        top: -13rem;
    }

    .socialIcons {
        width: 2rem;
    }

    .workWithUsLeftCard {
        margin-left: 0rem;
    }

    .imageRight img,
    .imageLeft img {
        width: 39rem !important;
    }

    .workWithUsRightCard {
        margin-left: -7rem;
    }

    .bannerBg {
        height: 37rem;
        background-size: cover;
    }
}

@media (min-width: 1440px) {
    .bannerBg {
        height: 41rem;
    }

    .imageRight img,
    .imageLeft img {
        width: 43rem !important;
    }
}

@media (min-width: 1680px) {
    .bannerBg {
        height: 47rem;
    }
}

@media (min-width: 1920px) {

    .imageRight img,
    .imageLeft img {
        width: 45rem !important;
    }

    .bannerBg {
        height: 53rem;
    }

    .exploreCareers {
        top: -25rem;
    }

    .makeDifference {
        top: -23rem;
    }

    .workWithUsStarts {
        margin-top: -20rem;
    }
}