/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

html {
  scroll-behavior: smooth;
}


.wsf-button.wsf-button-arrow_right {
  position: relative;
  border: none;
  color: #17264D;
  width: auto;
  padding: 9px 10px 9px 32px;
  font-size: 16px;
  line-height: 24px;
  min-height: 40px;
  font-weight: bold;
  text-align: left;
  user-select: none;
  cursor: pointer;
  vertical-align: middle;
  margin: 0;
}

.wsf-button.wsf-button-arrow_right:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-image .4s ease-in-out, color .4s ease-in-out;
  background-size: cover;
  background-image: url("/wp-content/themes/payair/img/arrow_right_dark.svg");
}

.wsf-button.wsf-button-arrow_right:not(:empty) {
  padding-left: 56px;
}

.wsf-button.wsf-button-arrow_right:hover:before {
  background-image: url("/wp-content/themes/payair/img/arrow_right_blue.svg");
}

.wsf-button.wsf-button-arrow_right:hover {
  color: #0376B5;
  outline: none;
  box-shadow: none;
}

@media (width >= 768px) {
  .wsf-button.wsf-button-arrow_right {
    padding: 9px 10px 9px 66px;
    min-height: 80px;
    line-height: 30px;
    display: flex;
    align-items: center;
    font-size: 24px;
  }
  .wsf-button.wsf-button-arrow_right:before {
    width: 80px;
    height: 80px;
  }
  .wsf-button.wsf-button-arrow_right:not(:empty) {
    padding-left: 100px;
  }
}

.product-action-box:hover .wsf-button.wsf-button-arrow_right,
.news-box:hover .wsf-button.wsf-button-arrow_right {
  color: #0376B5;
  outline: none;
  box-shadow: none;
}

.product-action-box:hover .wsf-button.wsf-button-arrow_right:before,
.news-box:hover .wsf-button.wsf-button-arrow_right:before {
  background-image: url("/wp-content/themes/payair/img/arrow_right_blue.svg");
}

.wsf-button.wsf-button-white.wsf-button-arrow_right {
  position: relative;
  border: none;
  color: #FFF;
  width: auto;
  font-size: 16px;
  line-height: 24px;
  min-height: 40px;
  font-weight: bold;
  cursor: pointer;
  padding: 9px 10px 9px 80px;
}

.wsf-button.wsf-button-white.wsf-button-arrow_right:not(:empty) {
  padding-left: 56px;
}

.wsf-button.wsf-button-white.wsf-button-arrow_right:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-image .4s ease-in-out, color .4s ease-in-out;
  background-size: cover;
  background-image: url("/wp-content/themes/payair/img/arrow_right_white.svg");
}

.wsf-button.wsf-button-arrow_right:hover:before {
  background-image: url("/wp-content/themes/payair/img/arrow_right_blue-light.svg");
}

.wsf-button.wsf-button-white.wsf-button-arrow_right:hover {
  color: #0376B5;
  outline: none;
  box-shadow: none;
}

@media (width >= 768px) {
  .wsf-button.wsf-button-white.wsf-button-arrow_right {
    padding: 9px 10px 9px 100px;
    min-height: 80px;
    line-height: 30px;
    font-size: 24px;
    display: flex;
    align-items: center;
  }
  .wsf-button.wsf-button-white.wsf-button-arrow_right:before {
    width: 80px;
    height: 80px;
  }
  .wsf-button.wsf-button-white.wsf-button-arrow_right:not(:empty) {
    padding-left: 100px;
  }
}

.wsf-button.wsf-button-primary {
  border: none !important;
  font-weight: bold;
  color: white;
  font-size: 20px;
  background-color: #0376B5;
  line-height: 64px;
  padding: 0 24px;
  border-radius: 32px;
}

.wsf-form .wsf-button.wsf-button-primary {
  background-color: #0376B5;
}

.wsf-form .wsf-button.wsf-button-primary:hover {
  background-color: #17264D;
  color: #52A8FF;
}

.wsf-button.wsf-button-navigation {
  position: relative;
  border-radius: 50%;
  border: none;
  width: 40px;
  height: 40px;
  font-size: 16px;
  line-height: 24px;
  min-height: 40px;
  user-select: none;
  cursor: pointer;
  vertical-align: middle;
  background: transparent;
}
.wsf-button.wsf-button-navigation:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: background-image .4s ease-in-out, color .4s ease-in-out;
  background-size: cover;
  background-image: url("/wp-content/themes/payair/img/menu_white.svg");
}
.wsf-button.wsf-button-navigation:hover:before {
  background-image: url("/wp-content/themes/payair/img/menu_white_hover.svg");
}
.wsf-button.wsf-button-navigation.wsf-button-dark:before {
  background-image: url("/wp-content/themes/payair/img/menu_dark.svg");
}
.wsf-button.wsf-button-navigation.wsf-button-dark:hover:before {
  background-image: url("/wp-content/themes/payair/img/menu_dark_hover.svg");
}
.wsf-button.wsf-button-navigation.wsf-button-close:before {
  background-image: url("/wp-content/themes/payair/img/close.svg");
}
.wsf-button.wsf-button-navigation.wsf-button-close:hover:before {
  background-image: url("/wp-content/themes/payair/img/close_hover.svg");
}

.page-header_navigation {
  min-height: 40px;
}

.page-header_navigation .wsf-button.wsf-button-navigation.wsf-button-close {
  display: none;
}

@media (width >= 768px) {
  .page-header_navigation {
    min-height: 24px;
  }
}


.page-header_navigation .wsf-button.wsf-button-navigation {
  display: block;
}

.page-header.is-open .page-header_navigation .wsf-button.wsf-button-navigation {
  display: none;
}

@media (width >= 768px) {
  .page-header_navigation .wsf-button.wsf-button-navigation {
    display: none;
  }
}

.page-header.is-open:before {
  content: '';
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #17264D;
  opacity: 75%;
  z-index: 111;
}

.page-header.is-open .page-header_navigation {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: white;
  padding: 24px 24px 88px;
  z-index: 112;
}

.page-header.is-open .page-header_navigation nav {
  display: block;
}

.page-header.is-open .page-header_navigation a {
  font-size: 16px;
  line-height: 24px;
  color: #17264D;
  height: 60px;
  padding: 16px 0;
  border-top: 2px solid #17264D;
  position: relative;
}

.page-header.is-open .page-header_navigation a:last-child {
  border-bottom: 2px solid #17264D;
}

.page-header.is-open .page-header_navigation .wsf-button.wsf-button-navigation.wsf-button-close  {
  display: block;
  position: absolute;
  right: 24px;
  bottom: 24px;
}

@media (width < 768px) {
  .page-header .page-header_navigation a.active,
  .page-header .page-header_navigation a:hover {
    color: #0376B5;
  }
  .page-header .page-header_navigation a:after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    left: auto;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    background-size: cover;
    background-image: url("/wp-content/themes/payair/img/arrow_right.svg");
  }
  .page-header .page-header_navigation a:hover:after,
  .page-header .page-header_navigation a.active:after {
    color: #0376B5;
    background-image: url("/wp-content/themes/payair/img/arrow_right_hover.svg");
  }
}

.wsf-field-wrapper .wsf-label {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 8px;
}

.wsf-field-wrapper.wsf-required-hidden .wsf-label .wsf-required-wrapper {
  display: none !important;
}

.wsf-field-wrapper input.wsf-field {
  height: 64px;
  font-weight: normal;
  font-size: 20px;
  line-height: 64px;
  color: #17264D !important;
}

a.blue-link {
  color: #17264D;
}

a.blue-link:hover {
  color: #0376B5;
}

header.header-technology .description,
header.header-news .description,
header.header-about .description {
  max-width: 530px;
  line-height: 150%;
  font-size: 16px;
  margin-top: 16px;
}

@media (width >= 768px) {
  header.header-technology .description,
  header.header-news .description,
  header.header-about .description {
    font-size: 24px;
    margin-top: 0;
  }
}

.header-home .header-home_sub-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 8px;
}

@media (width >= 768px) {
  .header-home .header-home_sub-title {
    font-size: 24px;
    line-height: 29px;
  }
}

.header-home .header-home_title {
  font-weight: 700;
  font-size: 32px;
  line-height: normal;
}

@media (width >= 768px) {
  .header-home .header-home_title {
    font-size: 56px;
    line-height: 120%;
    max-width: 980px;
  }
}

.header-home .header-home_action.wsf-button {
  margin-top: 25px;
}

@media (width >= 768px) {
  .header-home .header-home_action.wsf-button {
    margin-top: 80px;
  }
}

.home-article .home-article_banner {
  border-radius: 40px;
  overflow: hidden;
  border: 5px solid #17264D;
  max-height: 500px;
}

@media (width >= 768px) {
  .home-article .home-article_banner {
    width: 45%;
    height: fit-content;
    max-height: none;
  }
}

@media (width >= 1300px){
  .home-article .home-article_banner {
    border-radius: 105px;
    width: 707px;
    height: 807px;
    aspect-ratio: auto;
  }
}

.home-article .home-article_banner figure {
  width: 102%;
  height: 102%;
  margin-left: -1%;
  margin-top: -1%;
}

.home-article .home-article_text {
  padding-top: 24px;
}

@media (width >= 768px) {
  .home-article .home-article_text {
    width: 45%;
  }
}

@media (width >= 1300px){
  .home-article .home-article_text {
    width: calc(100% - 730px);
    padding-top: 0;
    max-width: 586px;
  }
}

.home-article .home-article_text h2 {
  margin-bottom: 32px;
  padding-bottom: 0;
  font-weight: bold;
  font-size: 32px;
  line-height: 48px;
}

@media (width >= 768px) {
  .home-article .home-article_text h2 {
    font-size: 56px;
    line-height: 120%;
  }
}

.home-article .home-article_text p {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
}

.home-article .home-article_text p:last-child {
  margin-bottom: 0;
}

.home-article .home-article_text p a {
  margin-top: 32px;
}

@media (width >= 768px) {
  .home-article .home-article_text p {
    margin-bottom: 32px;
    font-size: 24px;
    line-height: 150%;
  }
  .home-article .home-article_text p a {
    margin-top: 40px;
  }
}



.home-experience .home-experience_header {
  max-width: 830px;
}

.home-experience .home-experience_header h2 {
  margin-bottom: 24px;
  padding-bottom: 0;
  font-weight: bold;
  font-size: 32px;
  line-height: 48px;
}

.home-experience .home-experience_header p {
  margin-bottom: 32px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px
}

.home-experience .home-experience_list {
  margin-top: 32px;
}

.home-experience .home-experience_list div {
  position: relative;
  padding-top: 28px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  margin-bottom: 32px;
}

.home-experience .home-experience_list div:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 164px;
  height: 12px;
  background: #EA5A0A;
}

.home-experience .home-experience_box div {
  padding: 24px;
  min-height: 150px;
  border-radius: 20px;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  margin-bottom: 16px;
}

@media (width >= 768px) {
  .home-experience .home-experience_header h2 {
    margin-bottom: 32px;
    font-size: 56px;
    line-height: 120%;
  }
  .home-experience .home-experience_header p {
    font-size: 24px;
    line-height: 150%;
  }
  .home-experience .home-experience_list {
    margin-top: 64px;
    display: grid;
    gap: 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-experience .home-experience_list div {
    max-width: 586px;
    margin-bottom: 0;
    padding-top: 28px;
    font-size: 32px;
    line-height: 40px;
  }

  .home-experience .home-experience_box {
    margin-top: 80px;
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .home-experience .home-experience_box div {
    margin-bottom: 0;
    min-height: 174px;
  }
}

.home-experience .home-experience_box h3 {
  position: relative;
  padding-top: 24px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 16px;
}

.home-experience .home-experience_box h3:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: #0376B5;
}

.home-experience .home-experience_box p {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
}

.home-resource {
  display: flex;
  justify-content: space-between;
  padding-top: 32px;
  flex-direction: column-reverse;
}

@media (width >= 768px) {
  .home-resource {
    padding-top: 80px;
    flex-direction: row;
    justify-content: space-between;
  }
}

.home-resource .home-resource_banner {
  width: 100%;
  overflow: hidden;
  max-height: 380px;
}

@media (width >= 768px) {
  .home-resource .home-resource_banner {
    width: 586px;
    max-height: 483px;
  }
}

.home-resource .home-resource_banner figure {
  text-align: center;
}

.home-resource .home-resource_banner figure img {
  display: inline-block;
}

.home-resource .home-resource_header {
  max-width: 708px;
  color: white;
}

.home-resource .home-resource_header h2 {
  position: relative;
  margin-bottom: 16px;
  padding-bottom: 0;
  font-weight: bold;
  font-size: 32px;
  line-height: 120%;
  letter-spacing: -0.4px;
  padding-top: 44px;
  color: #FFF;
}

@media (width >= 768px) {
  .home-resource .home-resource_header h2 {
    font-size: 56px;
    margin-bottom: 32px;
  }
}

.home-resource .home-resource_header h2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 163px;
  height: 12px;
  background: #52A8FF;
}

.home-resource .home-resource_header p {
  margin-bottom: 32px;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
}

@media (width >= 768px) {
  .home-resource .home-resource_header p {
    font-size: 24px;
  }
}

.home-resource .home-resource_header p a {
  margin-top: 32px;
}

@media (width >= 768px) {
  .home-resource .home-resource_header p a {
    margin-top: 40px;
  }
}

.home-contact .home-contact_banner {
  max-width: 144px;
  margin-bottom: 24px;
}

@media (width >= 768px) {
  .home-contact .home-contact_banner {
    max-width: 464px;
    width: 30%;
    padding-right: 30px;
    margin-bottom: 0;
  }
}

.home-contact .home-contact_banner figure, .home-contact .home-contact_banner figure img {
  width: 100%;
}

.home-contact .home-contact_form {
  width: 70%;
  max-width: 830px;
}

.home-contact .home-contact_form h2 {
  font-weight: bold;
  font-size: 32px;
  line-height: 120%;
  padding-bottom: 16px;
}

.home-contact .home-contact_form p {
  margin-bottom: 16px;
  font-weight: 500;
  font-size: 16px;
  line-height: 150%;
}

@media (width >= 768px) {
  .home-contact .home-contact_form h2 {
    font-size: 56px;
    padding-bottom: 32px;
  }

  .home-contact .home-contact_form p {
    margin-bottom: 24px;
    font-size: 24px;
  }
}

.home-contact .home-contact_form .wsf-form .wsf-grid {
  display: block;
}

.home-contact .home-contact_form .wsf-form .wsf-grid .wsf-extra-small-9 {
  max-width: 100% !important;
}
.home-contact .home-contact_form .wsf-form .wsf-grid .wsf-extra-small-3 {
  max-width: 100% !important;
}

@media (width >= 768px) {
  .home-contact .home-contact_form .wsf-form .wsf-grid {
    display: flex;
  }

  .home-contact .home-contact_form .wsf-form .wsf-grid .wsf-extra-small-9 {
    max-width: 75% !important;
  }

  .home-contact .home-contact_form .wsf-form .wsf-grid .wsf-extra-small-3 {
    max-width: 25% !important;
  }
}


/* ARTICLE STYLES: */

.single-product {
  color: #17264D;
}

.article-full-size-image {
  border: 5px #17264D solid;
  border-radius: 20px;
  overflow: hidden;
}

.article-content {
  margin: 32px auto 60px;
}

.article-content h3 {
  font-size: 20px;
  line-height: normal;
  margin-bottom: 24px;
}

.article-content p {
  font-size: 16px;
  line-height: normal;
  margin-bottom: 24px;
}

.article-content figure {
  margin: 32px 0;
}

.article-content figure img {
  border-radius: 10px;
  overflow: hidden;
}

.article-content figure.aligncenter img {
  display: inline-block;
}

.article-content figure.size-full img {
  width: 100%;
}

.article-content figure span {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1;
  font-style: italic;
  display: inline-block;
}

.article-content a {
  font-weight: bold;
}

.article-content a.link {
  position: relative;
  padding: 24px 15px 24px 100px;
  display: inline-block;
  font-weight: bold;
}

.article-content a.link:before {
  content: '';
  background: transparent url("/wp-content/themes/payair/img/link_article.svg") no-repeat;
  transition: background .4s ease-in-out;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  height: 80px;
}

.article-content a:hover,
.article-content a.link:hover {
  color: #0376B5;
}

.article-content a.link:hover:before {
  background: transparent url("/wp-content/themes/payair/img/link_article_active.svg") no-repeat;
}

.article-content ul li {
  position: relative;
  padding-left: 32px;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 120%;
}

.article-content ul li:before {
  content: '';
  width: 16px;
  height: 16px;
  background: #0376B5;
  position: absolute;
  left: 0;
  top: 1px;
}

.single-job .article-content {
  margin-top: 50px;
}

.single-job .article-content h3 {
  margin-top: 40px;
}

.single-job .article-content h4 {
  margin-top: 20px;
}

@media (width >= 768px) {
  .single-job .article-content {
    margin-top: 80px;
  }

  .single-job .article-content h3 {
    margin-top: 60px;
  }

  .single-job .article-content h4 {
    margin-top: 40px;
  }
}

.divider {
  border-top: 1px #C5C5CA solid;
  margin: 32px 0;
}

@media (width >= 768px) {
  .article-content {
    max-width: 952px;
    margin: 64px auto 120px;
  }

  .article-content h3 {
    font-size: 40px;
    line-height: 1.5;
    margin-bottom: 32px;
  }

  .article-content p {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px;
  }

  .article-content figure {
    margin: 60px 0;
  }

  .article-content figure img {
    border-radius: 20px;
  }

  .article-content ul li {
    font-size: 24px;
  }

  .article-content ul li:before {
    top: 9px;
  }

  .divider {
    margin: 60px 0;
  }
}

/** NEWS STYLES*/

.page-technology .news-box.h-\[540px\] .content h2,
.single-product .news-box.h-\[540px\] .content h2 {
  padding-bottom: 0;
}

.page-technology .page-technology_title {
  font-size: 32px;
  line-height: 150%;
  font-weight: bold;
  padding-bottom: 16px;
}

@media (width >= 768px) {
  .page-technology .page-technology_title {
    font-size: 56px;
    line-height: 120%;
  }
}
@media (width < 768px) {
  .page-news .news-box.h-\[540px\],
  .single-post .news-box.h-\[540px\],
  .page-technology .news-box.h-\[540px\],
  .single-product .news-box.h-\[540px\] {
      height: auto;
  }

  .page-news .news-box.h-\[540px\] .content,
  .single-post .news-box.h-\[540px\] .content,
  .page-technology .news-box.h-\[540px\] .content,
  .single-product .news-box.h-\[540px\] .content {
    margin-bottom: 8px;
  }

  .page-news .news-box.h-\[540px\] .content .text-2xl,
  .single-post .news-box.h-\[540px\] .content .text-2xl,
  .page-technology .news-box.h-\[540px\] .content .text-2xl,
  .single-product .news-box.h-\[540px\] .content .text-2xl {
    font-size: 20px;
    line-height: 150%
  }

  .page-news .news-box.h-\[540px\] .content .text-base,
  .single-post .news-box.h-\[540px\] .content .text-base,
  .page-technology .news-box.h-\[540px\] .content .text-base,
  .single-product .news-box.h-\[540px\] .content .text-base {
    line-height: 150%
  }

  .page-contact .grid .tab a.blue-link img {
    max-width: 40px;
    margin-bottom: 10px;
  }

  .page-contact .grid .tab a.blue-link {
    font-size: 16px;
    line-height: 150%;
  }
}


.news-box .content-cover {
  position: relative;
  min-height: 240px;
  width: 100%;
  overflow: hidden;
}

.news-box .content-cover .object-cover {
  position: absolute;
  min-height: 240px;
}

.pagination a {
  padding: 1rem;
  margin-right: 1rem;
  border-radius: 0.75rem;
  background: #EAECEF;
  color: #17264D;
  min-width: 45px;
  transition: background .4s ease-in-out;
  text-align: center;
  font-weight: bold;
}

.pagination a:hover, .pagination a.active {
  background: rgba(3, 118, 181, 0.7);
}

.pagination a.active {
  pointer-events: none;
}

.about-us-container .story p {
  font-size: 16px;
  line-height: 200%;
  font-weight: 500;
  margin-bottom: 24px;
}

@media (width >= 768px) {
  .about-us-container .story p {
    font-size: 24px;
    margin-bottom: 32px;
  }
}

.payair-underline {
  text-decoration-line: underline;
  text-decoration-color: #EA5A0A;
  text-underline-offset: 12px;
}

.payair-pill {
  line-height: 150%;
  border-radius: 9999px;
  border-width: 2px;
  border-color: #EA5A0A;
  padding: 1px 10px;
  white-space: nowrap;
  display: inline-block;
}

@media (width >= 768px) {
  .payair-pill {
    padding: 6px 16px;
  }
}

.job-offer-closed {
  padding: 16px;
  border-radius: 20px ;
  border: 2px solid #FB1818;
  box-sizing: border-box;
  display: inline-block;
}

.job-offer-closed p {
  font-size: 16px;
  line-height: 120%;
  font-weight: 500;
  padding-left: 24px;
}

.job-offer-closed p.job-offer-closed_title {
  font-size: 16px;
  font-weight: bold;
  padding-left: 24px;
  position: relative;
  line-height: normal;
  margin-bottom: 8px;
}

.job-offer-closed .job-offer-closed_title:before {
  content: '';
  width: 16px;
  height: 16px;
  background: #FB1818;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media (width >= 768px) {
  .job-offer-closed {
    padding: 24px;
  }

  .job-offer-closed p {
    padding-left: 32px;
  }

  .job-offer-closed p.job-offer-closed_title {
    font-size: 24px;
    padding-left: 32px;
  }
}

.about-us-container_team .description {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
  max-width: 830px;
}

@media (width >= 768px) {
  .about-us-container_team .description {
    font-size: 24px;
    line-height: 150%;
  }
}

.about-us-container_team-grid {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (width >= 768px) {
  .about-us-container_team-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width >= 1024px) {
  .about-us-container_team-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width >= 1280px) {
  .about-us-container_team-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.team-box {
  border-radius: 24px;
  border: 4px solid #17264D;
  overflow: hidden;
  height: 350px;
  position: relative;
}

.team-box .team-box_description {
  height: 0;
  overflow: hidden;
  position: absolute;
  transition: height .4s ease-in-out, opacity .4s ease-in-out;
  top: 0;
  left: 0;
  right: 0;
  font-size: 16px;
  line-height: 20px;
  font-style: italic;
  background: #EAECEF;
  padding: 24px;
  opacity: 0;
  z-index: 1;
}

.team-box .team-box_description:before {
  content: '';
  width: 24px;
  height: 24px;
  background: #EAECEF url('/wp-content/themes/payair/img/payair_dark.svg') no-repeat;
  display: block;
  margin-bottom: 16px;
}

.team-box.is-active .team-box_description {
  top: 0;
  height: 246px;
  overflow: auto;
  opacity: 1;
}

.team-box .team-box_image {
  min-height: 246px;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}

.team-box .team-box_image img {
  height: 246px;
  width: auto;
  position: absolute;
  right: 0;
  display: inline-block;
  max-width: none;
}

/*@media (width >= 768px) {*/
/*  .team-box .team-box_image img {*/
/*    right: auto;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*  }*/
/*}*/

.team-box .team-box_action {
  max-height: 96px;
  position: relative;
}

.team-box .team-box_action .team-box_details {
  padding: 24px 80px 24px 24px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  align-content: flex-start;
  justify-content: center;
}

.team-box .team-box_action .team-box_details .team-box_name {
  line-height: normal;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 4px;
}

.team-box .team-box_action .team-box_details .team-box_position {
  line-height: normal;
  font-size: 16px;
  font-weight: 500;
}

.team-box .team-box_action .show-description {
  border: none;
  height: 40px;
  width: 40px;
  transition: transform .4s ease-in-out;
  user-select: none;
  cursor: pointer;
  vertical-align: middle;
  margin: 0;
  background: white url('/wp-content/themes/payair/img/arrow_up_dark.svg') no-repeat;
  background-size: cover;
  color: #0376B5;
  outline: none;
  box-shadow: none;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
}

.team-box.is-active .team-box_action .show-description {
  transform: translateY(-50%) rotate(180deg) rotateX(180deg);
}

@media (width >= 768px) {
  .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.payair-form .wsf-button.wsf-button-arrow_right {
  background-color: transparent;
}

.footer-container .footer-container_logo img {
  height: 40px;
}

.footer-container .footer-container_description {
  color: #17264D;
  font-size: 24px;
  line-height: 150%;
  margin: 24px 0 40px;
  width: 100%;
  max-width: 560px;
}

@media (width >= 768px) {
  .footer-container .footer-container_logo img {
    height: 71px;
  }
  .footer-container .footer-container_description {
    color: #17264D;
    font-size: 32px;
  }
}

@media (width < 768px) {
  .xs\:hidden {
    display: none;
  }
}

@media (width < 1024px) {
  .sm\:hidden {
    display: none;
  }
}

.job-offer_list {
  margin-top: 0;
  display: grid;
  gap: 24px;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.job-offer_list .job-offer_box {
  padding: 24px;
  min-height: 150px;
  border-radius: 20px;
  box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
  margin-bottom: 16px;
}

.job-offer_list .job-offer_box-redirect {
  max-height: 145px;
}

.job-offer_list .job-offer_box:hover .job-offer_location:after {
  background-image: url("/wp-content/themes/payair/img/arrow_right_blue.svg");
}

.job-offer_list .job-offer_box .job-offer_title {
  position: relative;
  padding-top: 24px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 16px;
}
.job-offer_list .job-offer_box .job-offer_title:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background: #0376B5;
}

.job-offer_list .job-offer_box .job-offer_location {
  min-height: 40px;
  display: flex;
  position: relative;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  padding-right: 50px;
}

.job-offer_list .job-offer_box .job-offer_location:after {
  content: '';
  position: absolute;
  right: 0;
  width: 40px;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
  transition: background-image .4s ease-in-out, color .4s ease-in-out;
  background-size: cover;
  background-image: url("/wp-content/themes/payair/img/arrow_right_dark.svg");
}

@media (width >= 768px) {
  .job-offer_list {
    margin-top: 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (width >= 1024px) {
  .job-offer_list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (width >= 1300px) {
  .job-offer_list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.page-error {
  height: calc(100vh - 710px);
}

@media (width >= 768px) {
  .page-error {
    height: calc(100vh - 980px);
  }
}