@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: 45rem;
    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: 45rem;
  }

  .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 (max-width: 768px) {
  .bannerBg {
    background-image: url("/wp-content/themes/tally/assets/images/carrer-page-banner.svg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 45rem;
    background-position-y: 4rem;
    background-position-x: -16rem;
  }
  .bannerCaption {
    font-size: 22px;
  }

  .exploreCareers {
    top: -18rem;
  }

  .makeDifference {
    top: -10rem;
  }

  .paragraphLeft {
    z-index: 1;
  }

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

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

  .paragraphRight {
    z-index: 2;
  }

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

@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: cover;
    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: 60rem;
  }

  .exploreCareers {
    top: -25rem;
  }

  .makeDifference {
    top: -23rem;
  }

  .workWithUsStarts {
    margin-top: -20rem;
  }
}
@media (min-width: 2100px) {
  .bannerBg {
    height: 70rem;
  }
}