/* Only for add  CSS styles to IE 11   */
@supports (-ms-accelerator: true) {
  /* IE Edge 12+ CSS styles go here */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE 11 CSS styles go here */
}
.cta-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 40px;
  padding-right: 0;
  margin-top: 40px;
}
@media (max-width: 1023px) {
  .cta-cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 0;
  }
}
@media (max-width: 479px) {
  .cta-cards {
    margin-top: 30px;
    gap: 10px;
  }
}
.cta-cards .card-container {
  padding: 60px 60px 66px;
  border-radius: 20px;
  border: 1px solid #DEE4EE;
  min-height: 450px;
  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-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 1023px) {
  .cta-cards .card-container {
    max-width: 485px;
  }
}
@media (max-width: 768px) {
  .cta-cards .card-container {
    min-height: unset;
  }
}
@media (max-width: 479px) {
  .cta-cards .card-container {
    padding: 40px;
  }
}
.cta-cards .card-container h5 {
  margin-bottom: 20px;
}
.cta-cards .card-container p {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .cta-cards .card-container p {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}
.cta-cards .card-container:hover {
  background-color: #008FD5;
}
.cta-cards .card-container:hover h5, .cta-cards .card-container:hover p {
  color: #ffffff;
}
.cta-cards .card-container:hover .button {
  color: #ffffff;
}
.cta-cards .card-container:hover .button:after {
  background-color: #ffffff;
  content: url("data:image/svg+xml,%3Csvg width='8' height='15' viewBox='0 0 8 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.613715 0.987281C2.37481 4.34937 2.37482 9.79277 0.61372 13.1549C0.426937 13.5017 0.240149 13.8486 0 14.1421L7.07107 7.07107L0 0C0.213466 0.320199 0.426932 0.640399 0.613715 0.987281Z' fill='%23008FD5'/%3E%3C/svg%3E%0A");
}
.cta-cards .card-container:hover .button:hover:after {
  border-color: #ffffff;
}
.cta-cards.careers-page {
  display: block;
  margin-top: 150px;
  position: relative;
}
@media (max-width: 768px) {
  .cta-cards.careers-page {
    margin-top: 50px;
  }
}
.cta-cards.careers-page h2 {
  margin-bottom: 80px;
}
@media (max-width: 768px) {
  .cta-cards.careers-page h2 {
    margin-bottom: 30px;
  }
}
.cta-cards.careers-page .lines-container {
  position: absolute;
  left: -40px;
}
@media (max-width: 1440px) {
  .cta-cards.careers-page .lines-container {
    left: -170px;
  }
}
@media (max-width: 1023px) {
  .cta-cards.careers-page .lines-container {
    display: none;
  }
}
.cta-cards.careers-page .cta-cards-container {
  display: grid;
  grid-template-columns: auto auto auto;
  width: 100%;
  grid-gap: 40px;
}
@media (max-width: 1300px) {
  .cta-cards.careers-page .cta-cards-container {
    grid-gap: 20px;
  }
}
@media (max-width: 1150px) {
  .cta-cards.careers-page .cta-cards-container {
    grid-template-columns: auto auto;
  }
}
@media (max-width: 768px) {
  .cta-cards.careers-page .cta-cards-container {
    grid-template-columns: auto;
  }
}
.cta-cards.careers-page .cta-cards-container .card-container {
  max-width: 483px;
}
@media (max-width: 768px) {
  .cta-cards.careers-page .cta-cards-container .card-container {
    max-width: 100%;
  }
}