/*Priority Payment Systems Template*/

/* Main*/

body {
  font-size: 16px;
  line-height: 2;
  font-weight: 400;
}

#logo img {
  padding: 0.5rem;
  /* transform: scale(1.3); */
}

@media (min-width: 768px) {
  .nav__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.wrap {
  padding-top: 3rem;
  position: relative;
  display: block;
}

/*Hero*/
.hero__slider {
  background-size: cover;
  background-position: 0 0;
  height: 768px;
  padding: 5rem 0;
  position: relative;
  display: block;
}

.hero__slider:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

@media (max-width: 479px) {
  .hero__slider .container {
    width: auto !important;
  }
}

.hero__slider-content {
  padding: 1rem;
  border-radius: 5px;
  text-align: center;
}

@media (min-width: 768px) {
  .hero__slider-content {
    text-align: left;
  }
}

.hero__slider-title {
  color: #fff;
  font-size: 60px;
}

.hero__slider-sub {
  font-size: 32px;
  display: block;
  color: #fff !important;
}

[data-page="home"] .hero__slider {
  background-image: url("../jpg/1-2.jpg");
}

[data-page="employers"] .hero__slider {
  background-image: url("../jpg/employers-hero.jpg");
  background-position: center;
}

[data-page="teachers"] .hero__slider {
  background-image: url("../jpg/1-3.jpg");
  background-position: center bottom;
}

[data-page="healthcare"] .hero__slider {
  background-image: url("../jpg/1-4.jpg");
  background-position: center top;
}

[data-page="about"] .hero__slider {
  background-image: url("../jpg/1-5.jpg");
  background-position: center top;
}

[data-page="employers"] .hero__slider {
  background-image: url("../jpg/1-6.jpg");
  background-position: center top;
}

/*Intro*/
.intro__image-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 400px;

  border-radius: 5px;
}

.intro__image {
  background-position: center;
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 100%;
}

/*.intro__image:before {
  content: '';
  width: 13rem;
  height: 1rem;
  display: block;
  background-color: #ffd000;
  position: absolute;
  bottom: 0;
} */

.intro__title,
.content__title {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}

/*.intro__title:after,
.content__title:after {
  content: '';
  position: absolute;
  width: calc(100% + 2rem);
  height: 1rem;
  bottom: 0rem;
  right: 0rem;
  display: block;
  background-color: #ffd000;
  z-index: -1;
} */

@media (min-width: 768px) {
  .intro__content {
    padding-right: 3rem;
  }

  .intro__image-wrap {
    height: 30vw;
    margin-top: -7rem;
  }
}

/*Division*/

.division__section {
  margin-top: 5rem;
  text-align: center;
}

.img-fill {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.img-fill img {
  min-height: 100%;
  min-width: 100%;
  position: relative;
  display: inline-block;
  max-width: none;
}

.Grid1k {
  padding: 0 15px;
  max-width: 1200px;
  margin: auto;
}

.blocks-box,
.slick-slider {
  padding: 0 !important;
}

.slick-slide {
  float: left /* If RTL Make This Right */;
}

#slider__nav-head {
  position: absolute;
  max-width: 100%;
  width: 1200px;
  height: 9rem;
  z-index: 1;
  right: 0;
  left: 0;
  margin: 0 auto;
}

#slider__nav-head .slick-list {
  overflow: visible;
}

#slider__nav-head .slider__nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  /* margin-right: 3rem; */
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#slider__nav-head .slider__nav-item {
  display: inline-block;
  padding: 0 1rem;
  /* width: 33% !important */
}

#slider__nav-head .slider__nav-item a {
  border: 2px solid #fff;
  padding: 10px 20px;
  border-radius: 50px;
  transition: 0.3s all ease-in-out;
  width: 100%;
  display: block;
  font-size: 12px;
  text-align: center;
  color: #fff;
}

#slider__nav-head .slider__nav-item a:hover {
  background-color: #6988b7;
}

/* ==== Slider Style === */
.Modern-Slider .item .img-fill {
  height: 50rem;
  background: #000;
}

.Modern-Slider .item .img-fill .info {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}

.Modern-Slider .item .img-fill img {
  -webkit-filter: blur(3px);
  filter: blur(3px);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  object-fit: cover;
}

.Modern-Slider .item .info > div {
  display: inline-block !important;
  vertical-align: middle;
}

.Modern-Slider .NextArrow {
  position: absolute;
  top: 50%;
  right: 0px;
  width: 45px;
  height: 45px;
  background: rgba(0, 0, 0, 0.5);
  border: 0 none;
  margin-top: -22.5px;
  text-align: center;
  font: 20px/45px FontAwesome;
  color: #fff;
  z-index: 5;
}

.Modern-Slider .NextArrow:before {
  content: "\f105";
}

.Modern-Slider .PrevArrow {
  position: absolute;
  top: 50%;
  left: 0px;
  width: 45px;
  height: 45px;
  background: rgba(0, 0, 0, 0.5);
  border: 0 none;
  margin-top: -22.5px;
  text-align: center;
  font: 20px/45px FontAwesome;
  color: #fff;
  z-index: 5;
}

.Modern-Slider .PrevArrow:before {
  content: "\f104";
}

.Modern-Slider .slick-dots {
  position: absolute;
  height: 5px;
  background: rgba(255, 255, 255, 0.2);
  top: 0px;
  width: 100%;
  left: 0px;
  padding: 0px;
  margin: 0px;
  list-style-type: none;
}

.Modern-Slider .slick-dots li button {
  display: none;
}

.Modern-Slider .slick-dots li {
  float: left;
  width: 0px;
  height: 5px;
  background: #9d042b;
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.Modern-Slider .slick-dots li.slick-active {
  width: 100%;
  -webkit-animation: ProgressDots 11s both;
  animation: ProgressDots 11s both;
}

.Modern-Slider .item h3 {
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.6);
  opacity: 0.5;
  -webkit-animation: fadeOutRight 1s both;
  animation: fadeOutRight 1s both;
  margin: 0;
  padding: 0;
}

.Modern-Slider .item p {
  font-size: 1.8rem;
  font-weight: 400;
}

@media (max-width: 768px) {
  .Modern-Slider .item p {
    font-size: 1rem;
  }
  #slider__nav-head {
    display: none;
  }
}

.Modern-Slider .item h5 {
  margin: 0;
  padding: 0;
  font: 15px/30px RalewayR;
  color: #fff;
  max-width: 600px;
  overflow: hidden;
  height: 60px;
}

.Modern-Slider .item.slick-active h3 {
  -webkit-animation: fadeInDown 1s both 1s;
  animation: fadeInDown 1s both 1s;
}

.Modern-Slider .item.slick-active h5 {
  -webkit-animation: fadeInLeft 1s both 1.5s;
  animation: fadeInLeft 1s both 1.5s;
}

.Modern-Slider .item.slick-active:nth-child(odd) img {
  -webkit-animation: slideInfiZoomIn 20s both;
  animation: slideInfiZoomIn 20s both;
}

.Modern-Slider .item.slick-active:nth-child(even) img {
  -webkit-animation: slideInfiZoomOut 20s both;
  animation: slideInfiZoomOut 20s both;
}

/* ==== Slider Image Transition === */
@-webkit-keyframes slideInfiZoomIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@keyframes slideInfiZoomIn {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  100% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@-webkit-keyframes slideInfiZoomOut {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes slideInfiZoomOut {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes ProgressDots {
  from {
    width: 0px;
  }

  to {
    width: 100%;
  }
}

@keyframes ProgressDots {
  from {
    width: 0px;
  }

  to {
    width: 100%;
  }
}

/* ==== Slick Slider Css Ruls === */
.slick-slider {
  position: relative;
  display: block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100% !important;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin: 0 auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left /* If RTL Make This Right */;
  height: 100%;
  min-height: 1px;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/*JOb__cta*/

.job-cta__section {
  margin-top: 5rem;
}

.job__cta-buckets {
  position: relative;
  /* overflow: hidden; */
}

.job__cta-buckets-inner {
  margin-bottom: 5rem;
}

.job__cta-bucket {
  background: #fff;
  padding: 1rem;
  margin-top: 1.5rem;
  border-radius: 10px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  /* -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; */
  box-shadow: -5px 5px 11px 1px rgba(0, 0, 0, 0.1);
}

.job__cta-bg-wrapper {
  display: none;
}

.button__cta {
  position: relative;
  background-color: #9d042b;
  padding: 10px;
  display: block;
  border-radius: 10px;
  width: 100%;

  text-align: center;
  left: 0;
  color: #fff;
  font-weight: bold;
  right: 0;
  margin: 0 auto;
  transition: 0.3s all ease-in-out;
}

.button__cta:hover {
  background-color: #6988B7;
  color: #fff;
}

@media (min-width: 992px) {
  /* .job__cta-buckets {
    height: 50vw;
  } */

  .job__cta-bucket {
    padding: 3rem;
  }

  .job__cta-buckets-inner {
    margin-bottom: 0;
  }

  .job__cta-bg-wrapper {
    display: block;
    position: absolute;
    top: 13rem;
    z-index: -1;
    height: 100%;
    width: 100%;
    overflow: hidden;
  }

  .job__cta-bg-image {
    background: url("../jpg/job_bg.jpg");
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background-position: 0 top;
    width: 100%;
    height: 100%;
  }

  /* .button__cta {
    position: absolute;
    bottom: -2.5rem;
    width: calc(100% - 6rem);
  } */
}

.cta-img{
  height: 200px;
  background-size: cover;
  border-radius: 10px 10px 0 0;
}

.cta-title{
  padding: 10px 20px;
  background-color: #9d042b;
  color: #fff;
  border-radius: 0 0 10px 10px;
  font-weight: bold;
}

.cta-title i {
  font-size: 20px;
  margin-left: 15px;
  font-weight: 600;
}

.cta-card:hover .cta-title{
  background-color: #25506a;
}

.intro-cta__section{
  margin-bottom: 5rem;
}

@media(max-width:768px) {
  .intro-cta__section{
      margin-top: 5rem;
  }
  .cta-img{
      margin-top: 2rem;
  }
}

/*Culture*/

.culture__image-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 400px;

  border-radius: 5px;
}

.culture__image {
  background-position: center;
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .culture__section {
    padding: 6rem 0;
  }
}

/*info*/

.info__image-wrap {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 400px;

  border-radius: 5px;
}

.info__image {
  background-position: center;
  background-size: cover;
  position: absolute;
  height: 100%;
  width: 100%;
}

@media (min-width: 768px) {
  .info__section {
    padding: 6rem 0;
  }
}

.default__section {
  padding: 3rem 0;
}

/*news*/
.news__section {
}

.news__content-item {
  padding: 1rem;
}

.corona-update {
  position: relative;
  border: solid 1px #9d042b;
  background-color: #fa413814;
}

.corona-update:hover {
  animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%,
  90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%,
  80% {
    transform: translate3d(2px, 0, 0);
  }

  30%,
  50%,
  70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%,
  60% {
    transform: translate3d(4px, 0, 0);
  }
}

.corona-update p {
  margin-bottom: 0;
}

/*benefits*/

@media (min-width: 968px) {
  .list-content_items {
    column-count: 3;
    column-gap: 60px;
    -webkit-perspective: 1;
  }
}

.list-content_items {
  font-weight: bold;
  margin-bottom: 0;
}

.benefits__section {
  padding: 3rem 0;
}

.benefits__list {
  background-color: #9d042b;
  padding: 3rem;
  border-radius: 10px;
  color: #fff;
  text-align: left;
}

@media (min-width: 768px) {
  .benefits__section {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .-bg-red {
    height: auto !important;
  }
}

.benefits__box {
  background-color: #9d042b;
  padding: 3rem;
  height: 100%;
  border-radius: 10px;
  color: #fff;
  text-align: left;
  margin-bottom: 3rem;
}

/*accordioan*/

.accordion__section {
  padding: 3rem 0;
}

.meet__content {
  padding: 3rem 0;
}

.meet__modal-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4rem 0;
  flex-wrap: wrap;
}

.meet__modal-content .item {
  width: 100%;
}

@media (max-width: 768px) {
  .meet__modal-content {
    flex-flow: column;
  }
  .meet__modal-content .item {
    margin-bottom: 2rem;
  }
}

@media (min-width: 768px) {
  .meet__modal-content .item {
    width: calc(50% - 2rem);
    margin: 1rem;
  }
}

.modal-bucket__card {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  max-height: 400px;
  max-width: 100%;
  /* width: 350px; */
  height: 350px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.modal-bucket__link {
  background: rgba(35, 31, 32, 0.5);
  padding: 30px;
  color: white;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  width: 70%;
  height: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.modal-bucket__link:hover,
.modal-bucket__link:focus {
  color: white;
  background: rgba(35, 31, 32, 0.7);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.modal-bucket__link:hover .tiny-white-line,
.modal-bucket__link:focus .tiny-white-line {
  width: 100%;
}

@media (min-width: 768px) {
  .meet__section .modal-dialog {
    width: 1000px;
    margin: 30px auto;
  }
}

.jobs__section {
  margin-top: 10rem;
  padding: 2rem;
}

.jobs__section h2 {
  margin: 0 auto;
}

.no-filter__ {
  text-align: center;
  background-color: #515251;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.no-filter__ h2 {
  color: #fff;
}

.icon-medium {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.si-medium:hover,
.si-colored.si-medium {
  background-color: #000 !important;
}

.footer-logo {
  width: 350px;
}

.copyright-links a {
  display: block;
}

@media (min-width: 968px) {
  .vcenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media (max-width: 500px) {
  .full-width {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: auto !important;
  }
}

.form__section {
  padding: 3rem 0;
}

.custom__form label {
  display: block;
}

.custom__form input {
  width: 100%;
}

.custom__form .field {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

@media (min-width: 992px) {
  .custom__form .field {
    border: 1px solid #bdbdbd;
  }
  .custom__form input {
    border: none;
  }
  .custom__form .-last {
    border-left: 0;
  }

  .custom__form .-tnb {
    border-top: 0;
  }
}

.custom__form-btn {
  margin-top: 2rem;
  display: block;
}

.custom__form-btn button {
  position: relative;
  bottom: 0;
  width: 30%;
  margin: 0;
}

.olivia__banner {
  padding: 2rem;
  background: #001848;
  text-align: center;
  margin-top: 5rem;
  color: #fff;
}

.olivia__banner h2 {
  color: #fff;
}

[data-page-name="FAQ"] .content-wrap {
  padding-bottom: 0;
}

[data-page-name="FAQ"] #footer {
  margin-top: 0 !important;
}

.double-logo {
  margin-bottom: 3rem;
}