/* ----------------------------------------------------------------------------- */
/** ICOMOON **/
/* ----------------------------------------------------------------------------- */

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?lg7wet');
  src:  url('fonts/icomoon.eot?lg7wet#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?lg7wet') format('truetype'),
    url('fonts/icomoon.woff?lg7wet') format('woff'),
    url('fonts/icomoon.svg?lg7wet#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-inventory:before {
  content: "\e93e";
}
.icon-arrow-left:before {
  content: "\e93a";
}
.icon-hyperlink:before {
  content: "\e93b";
}
.icon-Facebook:before {
  content: "\e93c";
}
.icon-arrow-right:before {
  content: "\e93d";
}
.icon-Arrow-Corner-Up-Right:before {
  content: "\e900";
}
.icon-Check-Large:before {
  content: "\e901";
}
.icon-Close:before {
  content: "\e902";
}
.icon-Phone-Vibrate:before {
  content: "\e903";
}
.icon-Data-File-Searchsvg:before {
  content: "\e904";
}
.icon-Begging-Hand-Coinsvg:before {
  content: "\e905";
}
.icon-Alert-Bell-Notificationsvg:before {
  content: "\e906";
}
.icon-Data-File-Bars-Editsvg:before {
  content: "\e907";
}
.icon-Iris-Scansvg:before {
  content: "\e908";
}
.icon-LinkedIn:before {
  content: "\e909";
}
.icon-Youtube:before {
  content: "\e90a";
}
.icon-Instagram:before {
  content: "\e90b";
}
.icon-Office-File-Pdf-1:before {
  content: "\e90c";
}
.icon-Common-File-Text-Alternate:before {
  content: "\e90d";
}
.icon-Play-Video:before {
  content: "\e90e";
}
.icon-Arrow-Up-1:before {
  content: "\e90f";
}
.icon-Arrow-Down-1:before {
  content: "\e910";
}
.icon-Arrow-Left-1:before {
  content: "\e911";
}
.icon-Check:before {
  content: "\e912";
}
.icon-Check-1:before {
  content: "\e913";
}
.icon-Pin:before {
  content: "\e914";
}
.icon-Arrow-Right-1:before {
  content: "\e915";
}
.icon-Pencil:before {
  content: "\e916";
}
.icon-Add-Bold:before {
  content: "\e917";
}
.icon-Add-Circle-Alternate:before {
  content: "\e918";
}
.icon-Add-Circle-Bold:before {
  content: "\e919";
}
.icon-Add-Circle:before {
  content: "\e91a";
}
.icon-Alert-Circle:before {
  content: "\e91b";
}
.icon-Alert-Triangle:before {
  content: "\e91c";
}
.icon-Arrow-Button-Down-2:before {
  content: "\e91d";
}
.icon-Arrow-Button-Down:before {
  content: "\e91e";
}
.icon-Arrow-Button-Left-2:before {
  content: "\e91f";
}
.icon-Arrow-Button-Left:before {
  content: "\e920";
}
.icon-Arrow-Button-Right-2:before {
  content: "\e921";
}
.icon-Arrow-Button-Right:before {
  content: "\e922";
}
.icon-Arrow-Button-Up-2:before {
  content: "\e923";
}
.icon-Arrow-Button-Up:before {
  content: "\e924";
}
.icon-Arrow-Corner-Left:before {
  content: "\e925";
}
.icon-Arrow-Corner-Right:before {
  content: "\e926";
}
.icon-Check-Circle-1-Alternate:before {
  content: "\e927";
}
.icon-Check-Circle-1:before {
  content: "\e928";
}
.icon-Common-File-Text:before {
  content: "\e929";
}
.icon-Envelope:before {
  content: "\e92a";
}
.icon-Information-Circle:before {
  content: "\e92b";
}
.icon-Network-Arrow:before {
  content: "\e92c";
}
.icon-Office-File-Pdf:before {
  content: "\e92d";
}
.icon-Pencil-Write-2:before {
  content: "\e92e";
}
.icon-Phone:before {
  content: "\e92f";
}
.icon-Question-Circle:before {
  content: "\e930";
}
.icon-Remove-Bold:before {
  content: "\e931";
}
.icon-Remove-Circle-Alternate:before {
  content: "\e932";
}
.icon-Remove-Circle-Bold-Alternate:before {
  content: "\e933";
}
.icon-Remove-Circle-Bold:before {
  content: "\e934";
}
.icon-Remove-Circle:before {
  content: "\e935";
}
.icon-Single-Neutral-Circle:before {
  content: "\e936";
}
.icon-Subtract-Bold:before {
  content: "\e937";
}
.icon-View-1:before {
  content: "\e938";
}
.icon-View-Off:before {
  content: "\e939";
}


/* ----------------------------------------------------------------------------- */
/** GLOBAL **/
/* ----------------------------------------------------------------------------- */
body {
  font-family: aktiv-grotesk, sans-serif;
  color: #1e293b;
  font-size: 18px;
  line-height: 150%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  text-rendering: optimizelegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-tap-highlight-color: transparent;
  min-height: 100vh;
}

body.no-scroll, html.no-scroll {
  overflow: hidden;
}

body:after {
  content: '';
  position: fixed;
  left: 0px;
  top: 0px;
  height: 0vh;
  width: 100vw;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
body:before {
  content: '';
  position: fixed;
  left: 0px;
  top: 0px;
  height: 0vh;
  width: 100vw;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  background: rgba(0, 0, 0, 0.5);
  z-index: 98;
}
body.after-open:after {
  opacity: 1;
  visibility: visible;
  height: 100vh;
}
body.menu-open:before {
  opacity: 1;
  visibility: visible;
  height: 100vh;
}


.no-scroll {
  overflow-y: hidden;
}

::-moz-selection {
  color: #1e293b;
  background: #ffcd00;
}

::selection {
  color: #1e293b;
  background: #ffcd00;
}

*:focus {
  outline: none;
}

mark.has-inline-color {
  padding: 0px;
}

a {
  transition: 0.3s;
  color: #1e293b;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

.yellow-text {
  color: #FFCD00;
}

.main-content {
  padding: 0 0 80px 0;
  overflow-x: hidden;
}
.main-content.no-banner,
.single-market-post-content,
.single-payconnect-product-post-content {
  padding-top: 60px;
}
.main-content.padding-bottom {
  padding: 0;
}
.main-content.padding-bottom .is-style-full-width-background {
  margin-bottom: 0;
}
.main-content.padding-top {
  padding-top: 80px;
}
.main-content > .container > .alignfull {
  position: relative;
  width: 100vw;
  left: calc(0px - (100vw - 100%) / 2);
}

.home .main-content {
  padding: 0;
}

.wp-block-button {
  display: inline-block;
}
.btn,
.wp-block-button > .wp-block-button__link,
button {
  color: #1E293B;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  text-align: center;
  text-decoration: none;
  border-radius: 40px;
  transition: all 0.3s ease;
  padding: 9px 27px;
  background-color: #FFCD00;
  border: none;
  height: auto;
}
.btn:hover,
.wp-block-button > .wp-block-button__link:hover,
button:hover {
  background-color: #1E293B;
  color: #fff;
}

.wp-block-button.is-style-full-grey > .wp-block-button__link {
  color: #1E293B;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 9px 27px;
  background-color: #F5F5F5;
  border: none;
}
.wp-block-button.is-style-full-grey > .wp-block-button__link:hover {
  background-color: #E5E5E5;
}

.wp-block-button.is-style-outline > .wp-block-button__link {
  color: #1E293B;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 9px 27px;
  background-color: transparent;
  border: 1px solid #ffcd00;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
  background-color: #ffcd00;
}

.wp-block-button.is-style-outline-white > .wp-block-button__link {
  color: transparent;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 9px 27px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.wp-block-button.is-style-outline-white > .wp-block-button__link:hover {
  background-color: #ffcd00;
}

.btn-outline-primary {
  text-align: center;
}
.btn-outline-primary > a {
  color: #1e293b;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  column-gap: 8px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease;
  padding: 9px 27px;
  background-color: transparent;
  border: 1px solid #ffcd00;
  color: #1e293b;
  border-radius: 40px;
}
.btn-outline-primary > a:hover {
  background-color: #ffcd00;
}

.btn-with-icon {
  padding-left: 22px !important;
}
.btn-with-icon i{
  font-size: 20px;
}

.is-type-video .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.2%;
  height: 0;
  overflow: hidden;
}
.is-type-video .wp-block-embed__wrapper iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.wp-block-image.is-style-width-100 img {
  width: 100%;
  height: auto;
}
.wp-block-image.is-style-width-50 img {
  width: 50%;
  height: auto;
}
.wp-block-image img {
  border-radius: 8px;
}
.wp-block-post-featured-image {
  margin-bottom: 80px;
}

.wp-block-separator {
  border-bottom: 1px solid;
  border-left: none;
  border-right: none;
  border-top: 0;
  background-color: transparent !important;
  color: #e2e8f0;
  border-color: currentColor;
  margin: 80px 0px;
  opacity: 1;
}
.wp-block-separator.is-style-dots:before {
  display: none;
}
.wp-block-separator.is-style-dots {
  border-bottom: 1px dashed;
  background-color: transparent !important;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.wp-block-group.is-style-section {
  padding: 115px 0;
}
.wp-block-group.is-style-section + .wp-block-group.is-style-section {
  padding-top: 0;
}
.wp-block-group.alignfull > .container > *:last-child {
  padding: 0;
  margin-bottom: 0;
}

.wp-block-cover .wp-block-cover__inner-container {
  position: relative;
}

.wp-block-image.aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.wp-block-image.alignright {
  margin-left: auto;
}

.h-100 {
  height: 100%;
}

.is-style-heading-p {
  font-size: 25px;
}

.lg-outer .lg-thumb-item {
  border: 0;
  position: relative;
  border-radius: 0;
}
.lg-outer .lg-thumb-item:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1e293b;
  opacity: 0;
  transition: 0.3s;
}
.lg-outer .lg-thumb-item.active:after, .lg-outer .lg-thumb-item:hover:after {
  opacity: 0.5;
}
.lg-outer .lg-thumb-outer,
.lg-outer .lg-toogle-thumb {
  background-color: #222;
}

sup.fn a {
  scroll-margin-top: 80px;
}

.bg-secondary {
  padding: 40px;
  background-color: #f1f5f9;
}

.is-style-full-width-background {
  position: relative;
  padding: 115px 0;
}
.is-style-full-width-background::after {
  position: absolute;
  height: 100%;
  background-color: #f1f5f9;
  width: 100vw;
  z-index: -1;
  content: "";
  top: 0;
  left: calc(0px - (100vw - 100%) / 2);
}

body:not(.home) .main-content .single-solution-post-content .container .is-style-full-width-background:last-child,
body:not(.home) .main-content .single-market-post-content .container .is-style-full-width-background:last-child,
body:not(.home) .main-content .single-payconnect-product-post-content .container .is-style-full-width-background:last-child,
body:not(.home) .main-content .single-post-content .container .is-style-full-width-background:last-child,
body:not(.home) .main-content > .container .is-style-full-width-background:last-child {
  margin-bottom: -80px;
}

/* ----------------------------------------------------------------------------- */
/** Typography **/
/* ----------------------------------------------------------------------------- */
h1 {
  margin-bottom: 60px;
  font-size: 56px;
  font-weight: 700;
}

.single-market-post-content h1 {
  margin-bottom: 20px;
}

h2 {
  font-size: 48px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 40px;
}

h3 {
  font-size: 40px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 20px;
}

h4 {
  font-size: 32px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 15px;
}

h5 {
  font-size: 24px;
  line-height: 1.2;
  font-weight: bold;
  margin-bottom: 22px;
}

h6 {
  font-size: 20px;
  line-height: 140%;
  font-weight: bold;
  margin-bottom: 5px;
}

p {
  letter-spacing: 0.1px;
  margin-bottom: 40px;
  line-height: 1.4;
}
.home p {
  font-size: 20px;
}
p > a {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-color: #CBD5E1;
  text-decoration-thickness: 15%;
  transition: all 0.3s ease;
}
p > a:hover {
  color: #FFCD00;
}


p + *:not(ul, ol, p),
ul + *:not(ul, ol, p),
ol + *:not(ul, ol, p),
p + .row,
ul + .row,
ol + .row {
  margin-top: 40px;
}

*:not(h1, h2, h3, h4, h5, h6) + h2 {
  margin-top: 45px;
}
*:not(h1, h2, h3, h4, h5, h6) + h3 {
  margin-top: 40px;
}
*:not(h1, h2, h3, h4, h5, h6) + h4 {
  margin-top: 35px;
}
*:not(h1, h2, h3, h4, h5, h6) + h5 {
  margin-top: 30px;
}
*:not(h1, h2, h3, h4, h5, h6) + h6 {
  margin-top: 25px;
}

.main-content ul:not(.slick-dots) {
  padding-left: 16px;
}
.main-content ul:not(.slick-dots) li {
  position: relative;
  padding-left: 21px;
  list-style-type: none;
  margin-bottom: 20px;
}
.main-content ul:not(.slick-dots) li::after {
  content: "";
  position: absolute;
  left: 0px;
  top: 10px;
  background: #FFCD00;
  height: 5px;
  width: 5px;
  border-radius: 50%;
}
.main-content ul:not(.slick-dots) li ul {
  margin-top: 20px;
}
ol {
  counter-reset: legal;
  list-style-type: none;
  margin-left: 14px;
  padding: 0;
  margin-bottom: 20px;
}
ol.wp-block-footnotes {
  counter-reset: inherit;
  list-style-type: auto;
  margin-left: 33px;
}
ol.wp-block-footnotes li {
  display: list-item;
  counter-increment: inherit;
  padding-left: 11px;
}
ol.wp-block-footnotes li::before {
  display: none;
}
ol li {
  display: table;
  margin-bottom: 16px;
  counter-increment: legal;
}
ol li::before {
  content: counters(legal, ".") ".";
  padding-right: 15px;
  display: table-cell;
}
ol ol {
  margin-top: 16px;
  margin-bottom: 7px;
}
ol ol li:last-child {
  margin-bottom: 0;
}
ol:not(.wp-block-footnotes) li:before {
  content: counter(legal, ".") ".";
  padding-right: 15px;
  display: table-cell;
}

.tab ol {
  counter-reset: legal2;
}
.tab ol li {
  counter-increment: legal2;
}
.tab ol li::before {
  content: counters(legal2, ".") ".";
}

.accordion-content ol {
  counter-reset: legal3;
}
.accordion-content ol li {
  counter-increment: legal3;
}
.accordion-content ol li::before {
  content: counters(legal3, ".") ".";
}

.uppercase {
  text-transform: uppercase;
}

.is-style-justify-content-between {
  justify-content: space-between;
}

.is-style-justify-content-evenly {
  justify-content: space-evenly;
}

/* ----------------------------------------------------------------------------- */
/** Custom Video Block **/
/* ----------------------------------------------------------------------------- */
.wp-block-video {
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.wp-block-video:not(.video-playing)::after {
  content: "\e90e";
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85px;
  height: 85px;
  background: #FFCD00;
  z-index: 1;
  border-radius: 100%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
}

.wp-block-video video {
  width: 100%;
  height: auto;
}

/* Hide controls by default */
.wp-block-video:not(.video-playing) video {
  pointer-events: none;
}

.wp-block-video:not(.video-playing) video::-webkit-media-controls-panel {
  display: none !important;
  opacity: 1 !important;
}

.wp-block-video:not(.video-playing) video::-webkit-media-controls-play-button {
  display: none !important;
  opacity: 1 !important;
}

.wp-block-video:not(.video-playing) video::-webkit-media-controls-start-playback-button {
  display: none !important;
  opacity: 1 !important;
}

/* ----------------------------------------------------------------------------- */
/** Container **/
/* ----------------------------------------------------------------------------- */
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1600px;
  }
}
.row {
  margin-right: -24px;
  margin-left: -24px;
}
.row > * {
  padding-right: 24px;
  padding-left: 24px;
}

.wp-block-columns {
  gap: 48px;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-left: 24px;
  padding-right: 24px;
}

/* ----------------------------------------------------------------------------- */
/** MENU **/
/* ----------------------------------------------------------------------------- */
#website-menu {
  padding: 0px 64px;
  background: #fff;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 99;
  transition: 0.3s ease-in-out;
}
#website-menu:not(.menu-open).sticky {
  transform: translateY(-100%);
}
#website-menu:not(.menu-open).visible {
  transform: translateY(0%);
}

.menu-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo-area {
  position: relative;
  z-index: 3;
  display: flex;
  gap: 24px;
  align-items: flex-end;
}
.logo-area img {
  width: 391px;
  height: auto;
}


.menus-area {
  display: flex;
  align-items: center;
  -moz-column-gap: 30px;
       column-gap: 30px;
}

.search-content {
  position: relative;
  z-index: 10;
}
.search-content .search-area {
  position: absolute;
  transition: all 0.3s ease;
  right: -100%;
  opacity: 0;
  visibility: hidden;
  top: 50%;
  transform: translateY(-50%);
}
.search-content .search-area.active {
  opacity: 1;
  visibility: visible;
}
.search-content .search-area .main-search {
  display: flex;
  box-shadow: 0 19px 60px rgba(0, 0, 0, 0.1), 0 15px 60px rgba(0, 0, 0, 0.1);
}
.search-content .search-area .main-search input[type=text] {
  border: none;
  padding: 15px 20px;
  line-height: 1;
}
.search-content .search-area .main-search .search-send {
  border: none;
  background: #fff;
  padding: 0 18px 0 0;
  color: #1e293b;
}

.main-menu-inner {
  padding: 0px;
  margin-bottom: 0px;
  display: flex;
}
.main-menu-inner ul {
  padding: 0;
  margin: 0;
}
.main-menu-inner li {
  list-style-type: none;
  display: inline-block;
}
.main-menu-inner li a {
  color: #1e293b;
  transition: all 0.3s ease;
  font-size: 20px;
  display: inline-flex;
  align-items: center;
  column-gap: 6px;
  padding: 40px 15px;
}
.main-menu-inner > li > a {
  position: relative;
}
#website-menu .main-menu-inner > li > a:before {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #FFCD00;
  width: 0px;
  height: 4px;
  transition: all 0.3s ease;
}
.main-menu-inner > li > a:hover:before {
  width: 100%;
}
.main-menu-inner li.current-menu-item a {
  font-weight: 700;
}
.main-menu-inner li a:hover {
  color: #FFCD00;
  text-decoration: none;
}
.main-menu-inner li a > i {
  color: #94A3B8;
  font-size: 10px;
  transition: all 0.3s ease;
}
.main-menu-inner li a:hover > i {
  color: #FFCD00;
}
.main-menu-inner li.current_page_item > a {
  color: #1e293b;
  text-decoration: none;
}
.main-menu-inner li.current_page_ancestor > a {
  color: #1e293b;
  text-decoration: none;
}
.main-menu-inner > li.menu-item-has-children {
  margin-right: -9px;
}
.main-menu-inner li .sub-menu-container {
  position: absolute;
  top: 100%;
  background: #fff;
  left: 0;
  z-index: 1;
  padding: 40px 0px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  max-height: calc(100vh - 110px);
  overflow-y: auto;
}
.main-menu-inner li .sub-menu-container .sub-menu {
  margin-right: -24px;
  margin-left: -24px;
}

.main-menu-inner li .sub-menu-container .menu-item-cpt {
  display: flex;
  column-gap: 24px;
  padding: 24px 48px 24px 24px;
  align-items: start;
}

.main-menu-inner li .sub-menu-container .menu-item-excerpt {
  font-size: 16px;
}
.main-menu-inner li .sub-menu-container .menu-item-cpt a {
  font-size: 16px;
  margin-top: 0px !important;
  padding: 0px;
}

.menuburger {
  display: none;
}

@media (min-width: 992px) {
  .main-menu-inner li.menu-item-has-children:hover > .sub-menu-container {
    opacity: 1;
    visibility: visible;
  }
}

/* ----------------------------------------------------------------------------- */
/** SUB MENU **/
/* ----------------------------------------------------------------------------- */
#sub-main-menu {
  padding: 6px 0 3px 0;
  background: #ffcd00;
  width: 100%;
  margin: 0;
  z-index: 100;
  transition: 0.3s ease-in-out;
  font-size: 16px;
}
#sub-main-menu .sub-main-menus-area {
  display: flex;
  justify-content: flex-end;
}
#sub-main-menu .sub-main-menus-area > * {
  position: relative;
}
#sub-main-menu .sub-main-menus-area .sub-main-rs {
  padding: 0 19px;
}
#sub-main-menu .sub-main-menus-area .wpml-container {
  padding: 0 16px;
}
#sub-main-menu .sub-main-menus-area .sub-main-support {
  padding: 0 19px;
}
#sub-main-menu .sub-main-menus-area .sub-main-login {
  padding: 0 19px;
}
#sub-main-menu .sub-main-menus-area > *::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 18px;
  right: 0;
  top: 20%;
  background-color: rgba(0, 0, 0, 0.1019607843);
}
#sub-main-menu .sub-main-menus-area > * p {
  margin: 0;
}
#sub-main-menu .sub-main-menus-area > *:last-of-type {
  padding-right: 0;
}
#sub-main-menu .sub-main-menus-area > *:last-of-type::after {
  width: 0;
  height: 0;
}
#sub-main-menu .sub-main-menus-area .sub-main-menu {
  padding-right: 21px;
}
#sub-main-menu .sub-main-menus-area .sub-main-menu ul {
  display: flex;
  list-style: none;
  padding: 0;
  gap: 24px;
  margin: 0;
}
#sub-main-menu .sub-main-menus-area .sub-main-menu ul li {
  margin-bottom: 0px;
}
#sub-main-menu .sub-main-menus-area .sub-main-menu ul li a {
  font-size: 16px;
}
#sub-main-menu .sub-main-menus-area .sub-main-menu ul li a:hover {
  color: #fff;
}
#sub-main-menu .sub-main-menus-area .sub-main-rs ul {
  display: flex;
  list-style: none;
  padding: 0;
  gap: 16px;
  margin: 0;
}
#sub-main-menu .sub-main-menus-area .sub-main-rs ul li {
  margin-bottom: 0px;
}
#sub-main-menu .sub-main-menus-area .sub-main-rs ul li a:hover {
  color: #fff;
}
#sub-main-menu .sub-main-menus-area .sub-main-support a,
#sub-main-menu .sub-main-menus-area .sub-main-login a {
  display: flex;
  gap: 6px;
  align-items: baseline;
}
#sub-main-menu .sub-main-menus-area .sub-main-support a:hover,
#sub-main-menu .sub-main-menus-area .sub-main-login a:hover {
  color: #fff;
}
#sub-main-menu .sub-main-menus-area .sub-main-support a i,
#sub-main-menu .sub-main-menus-area .sub-main-login a i {
  font-size: 18px;
}

.sub-menu-container .solution-tabs {
  margin-bottom: 0;
  padding: 0;
  display: flex;
  list-style: none;
  column-gap: 6px;
}

.sub-menu-container .solution-tabs .nav-item {
  margin-bottom: 0;
}

.sub-menu-container .solution-tabs .nav-item .nav-link {
  display: block;
  padding: 12px 16px;
  background: transparent;
  border: none;
  color: #1e293b;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 16px;
  font-weight: 500;
  border-radius: 8px;
}

.sub-menu-container .solution-tabs .nav-item .nav-link:hover {
  color: #1e293b;
  background-color: #F1F5F9;
}

.sub-menu-container .solution-tabs .nav-item .nav-link.active {
  color: #1E293B;
  background-color: #FFCD00;
  font-weight: 700;
}

.sub-menu-container .solutions-tab-content .tab-pane {
  display: none;
  padding: 30px 0;
}

.sub-menu-container .solutions-tab-content .tab-pane.active {
  display: block;
}

.sub-menu-container .solutions-tab-content .tab-pane .sub-menu {
  background: transparent;
  box-shadow: none;
  padding: 0;
  transform: none;
  min-width: auto;
  flex-direction: row;
}

.sub-menu-container .solutions-tab-content .tab-pane .sub-menu .menu-item-cpt {
  list-style: none;
  margin-bottom: 30px;
}

.sub-menu-container .menu-item-cpt .menu-item-thumbnail {
  border-radius: 8px;
}

.sub-menu-container .menu-item-cpt .menu-item-title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 12px;
  color: #1e293b;
}

.sub-menu-container .menu-item-cpt .menu-item-excerpt {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 16px;
}

.sub-menu-container .menu-item-cpt .menu-item-content a {
  font-weight: 500;
  text-decoration: none;
  font-size: 16px;
  line-height: 1.4;
}
.sub-menu-container .menu-item-cpt .menu-item-content a span {
  border-bottom: 2px solid #CBD5E1;
}

.sub-menu-container .menu-item-cpt .menu-item-content a i {
  color: #FFCD00;
}

.wpml-container {
  padding-left: 36px;
  position: relative;
  z-index: 3;
}
.wpml-container .current-language {
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
  padding-right: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.wpml-container .current-language:after {
  content: "\e910";
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.3s ease;
  font-size: 8px;
  opacity: 0.4;
}

.wpml-container .current-language:hover,
.wpml-container .current-language:hover:after {
  color: #1e293b;
  opacity: 1;
}

.wpml-container .wpml-ls-legacy-list-horizontal {
  background: #fff;
  display: none;
  position: absolute;
  right: 0px;
  padding: 5px 0px 0px 0px;
  border: 0px;
  width: 100%;
  text-align: center;
  top: calc(100% + 3px);
}
.wpml-container .wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-current-language {
  display: none;
}
.wpml-container .wpml-ls-legacy-list-horizontal .wpml-ls-item {
  display: block;
}
.wpml-container .wpml-ls-legacy-list-horizontal a {
  padding: 5px 0px;
}
.wpml-container .wpml-ls-legacy-list-horizontal a:hover {
  color: #FFCD00;
}
.wpml-ls-legacy-list-horizontal {
  position: relative;
  padding: 0px;
}
.wpml-ls-legacy-list-horizontal .wpml-ls-item {
  display: block;
}

.wpml-ls-legacy-list-horizontal a {
  font-size: 16px;
}

/* ----------------------------------------------------------------------------- */
/** BANNER TITLE **/
/* ----------------------------------------------------------------------------- */
.banner-title {
  background: #1E293B;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  padding: 140px 100px 130px 100px;
  margin-bottom: 60px;
  text-align: center;
  background: url('../images/banner-payconnect.jpg');
  background-size: cover;
}
.banner-title h1 {
  font-size: 56px;
  font-weight: 700;
  margin-bottom: 0;
}

/* ----------------------------------------------------------------------------- */
/** SEARCH PAGE **/
/* ----------------------------------------------------------------------------- */
.search-item {
  padding: 30px;
  background-color: #f7f7f7;
  border-radius: 2px;
  position: relative;
  display: flex;
  flex-direction: column;
  height: calc(100% - 30px);
  margin-bottom: 30px;
  color: #1e293b;
}
.search-item p {
  margin-bottom: 0;
}
.search-item:hover {
  background-color: #1e293b;
  color: #fff;
  text-decoration: none;
}

/* ----------------------------------------------------------------------------- */
/** PICTOGRAM + TEXT **/
/* ----------------------------------------------------------------------------- */
.pictogram {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.pictogram i {
  font-size: 17px;
  width: auto;
  margin-right: 1px;
}
.pictogram p {
  margin: 0;
}
.pictogram p a:hover {
  color: #ffcd00;
}

/* ----------------------------------------------------------------------------- */
/** SLIDER **/
/* ----------------------------------------------------------------------------- */
.slider {
  margin-bottom: 0px;
  padding: 0px 30px;
}

.slider:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  background-color: #f1f5f9;
  z-index: -1;
}
.slider .slick-list {
  border-radius: 8px;
}
.slider .slide {
  position: relative;
  height: auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  aspect-ratio: 19 / 10;
}
.slider .slide:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.50) 30%, rgba(0, 0, 0, 0.00) 100%);
  z-index: 2;
}
.slider .slide .slick-caption {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  z-index: 2;
}
.slider .slide .slick-caption .slick-caption-inner {
  max-width: 620px;
  width: 100%;
}
.slider .slide .slick-caption .slick-caption-inner h2 {
  font-size: 56px;
  line-height: 1.05;
  margin-bottom: 25px;
}
.slider .slide .slick-caption .slick-caption-inner p {
  font-size: 18px;
  letter-spacing: 0.1px;
  line-height: 1.4;
  margin-bottom: 30px;
}
.slider .slide .slick-caption .slick-caption-inner *
 {
  color: #fff;
}

.slider .slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  clip-path: inset(-1px -1px);
}

.slider-video-ratio {
  position: absolute;
  height: 100%;
  width: 100%;
}

.slider-video-ratio iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  border: 0;
  clip-path: inset(-1px -1px);
}

@media (min-aspect-ratio: 16/9) {
  .slider-video-ratio {
      height: 300%;
      top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .slider-video-ratio {
      width: 300%;
      left: -100%;
  }
}

.slider .slide .slick-caption .btn {
  background: #ffcd00;
  color: #1e293b;
  margin-top: 0px;
  padding: 9px 25px;
}
.slider .slide .slick-caption .btn:hover {
  background: #1e293b;
  color: #fff;
}

.slider .slick-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style-type: none;
  column-gap: 16px;
  position: absolute;
  bottom: 0px;
  z-index: 1;
  padding: 0px 0px 55px 0px;
  width: calc(100% - 60px);
  margin: 0px;
  left: 30px;
}

.slider .slick-dots li {
  padding: 7px 40px;
  border-bottom: 4px solid rgba(255, 255, 255, 0.25);
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 16px;
  letter-spacing: 0.1px;
}
.slider .slick-dots li:hover {
  border-bottom: 4px solid rgba(255, 255, 255, 1);
}
.slider .slick-dots li.slick-active {
  border-bottom: 4px solid #ffcd00;
}

.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  z-index: 1;
}
.slick-prev::before,
.slick-next::before {
  font-weight: 400;
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 50px;
  line-height: 1;
  opacity: 0.75;
  color: white;
}

.slick-prev {
  left: 30px;
}
.slick-prev::before {
  content: "\f104";
}

.slick-next {
  right: 30px;
}
.slick-next::before {
  content: "\f105";
}

/* ----------------------------------------------------------------------------- */
/** SLIDER LOGO AUTO **/
/* ----------------------------------------------------------------------------- */
.auto-slider-logo {
  width: 100vw;
  left: calc(0px - (100vw - 100%) / 2);
  padding: 48px 0;
}
.auto-slider-logo img {
  height: 38px;
  width: auto;
  object-fit: contain;
}

/* ----------------------------------------------------------------------------- */
/** GALLERY **/
/* ----------------------------------------------------------------------------- */
.gallery {
  margin-bottom: 80px;
}

.lightgallery {
  margin: 0 -5px;
  row-gap: 10px;
}
.lightgallery .gallery-item {
  position: relative;
  display: block;
}
.lightgallery .gallery-item::after {
  content: "\f002";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  font-size: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
}
.lightgallery .gallery-item:hover .gallery-overlay {
  opacity: 0.55;
  visibility: visible;
}
.lightgallery .gallery-item:hover::after {
  opacity: 1;
  visibility: visible;
}
.lightgallery .gallery-item .gallery-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
  background: #1e293b;
}

.grid-item {
  padding-left: 5px;
  padding-right: 5px;
}
.grid-item img {
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ----------------------------------------------------------------------------- */
/** ACCORDION **/
/* ----------------------------------------------------------------------------- */
.accordions {
  margin-bottom: 80px;
}
.accordions .accordion-item {
  background: transparent;
  transition: all 0.3s ease;
  border-bottom: #CBD5E1 1px solid;
}
.accordions .accordion-item:first-of-type {
  border-top: #CBD5E1 1px solid;
}
.accordions .accordion-item:last-of-type {
  border-bottom: none;
}
.accordions .accordion-item .accordion-header {
  padding: 26px 0 23px 0;
  display: flex;
  transition: 0.3s;
  transition-delay: 0.35s;
  cursor: pointer;
  gap: 20px;
  align-items: center;
}
.accordions .accordion-item .accordion-header h1, .accordions .accordion-item .accordion-header h2, .accordions .accordion-item .accordion-header h3, .accordions .accordion-item .accordion-header h4, .accordions .accordion-item .accordion-header h5, .accordions .accordion-item .accordion-header h6 {
  font-size: 24px;
  font-weight: 500;
  margin: 0px;
  padding: 0px;
}
.accordions .accordion-item .accordion-header i {
  transform: rotate(0);
  transition: all 0.3s ease;
  color: #FFCD00;
  padding-left: 8px;
}
.accordions .accordion-item .accordion-header.active i {
  transform: rotate(-180deg);
}
.accordions .accordion-item .accordion-content {
  padding: 0 0 24px 50px;
  display: none;
}
.accordions .accordion-item .accordion-content p:last-child {
  margin-bottom: 0px !important;
}

/* ----------------------------------------------------------------------------- */
/** TABS **/
/* ----------------------------------------------------------------------------- */
.tabs {
  margin-bottom: 80px;
}

.tabs-nav ul {
  padding: 0px !important;
  margin-bottom: 60px;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.tabs-nav ul li {
  color: #1e293b;
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  outline: none;
  background: transparent;
  list-style-type: none;
  margin-bottom: 0px !important;
}
.tabs-nav ul li:hover {
  background-color: #F1F5F9;
  color: #1e293b;
}
.tabs-nav ul li.active {
  background-color: #FFCD00;
  color: #1e293b;
}
.tabs-nav ul li:after {
  display: none;
}
.tabs-nav.faq ul {
  padding: 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 15px;
}
.tabs-nav.faq ul li {
  display: inline-block;
  list-style-type: none;
  padding: 10px 16px 8px 16px;
  background: transparent;
  transition: all 0.3s ease;
  cursor: pointer;
  font-size: 16px;
  margin-bottom: 0px;
}
.tabs-nav.faq ul li:after {
  display: none;
}
.tabs-nav.faq ul li:hover, .tabs-nav.faq ul li.active {
  background: #ffcd00;
  color: #1e293b;
  border-radius: 8px;
}
.tabs-nav.faq ul li.active {
  font-weight: bold;
}
.tabs-nav.table-product ul {
  padding: 0px;
  display: flex;
  margin-bottom: 56px;
  border-bottom: 1px solid #CBD5E1;
}
.tabs-nav.table-product ul li {
  list-style-type: none;
  padding: 18px;
  background: transparent;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
  font-size: 16px;
}
.tabs-nav.table-product ul li::after {
  position: absolute;
  content: "";
  width: 0;
  height: 3px;
  bottom: -1px;
  left: 0;
  background-color: #CBD5E1;
  transition: all 0.3s ease;
}
.tabs-nav.table-product ul li p {
  font-weight: bold;
  margin-bottom: 0;
}
.tabs-nav.table-product ul li:hover {
  color: #1e293b;
}
.tabs-nav.table-product ul li:hover::after {
  width: 100%;
}
.tabs-nav.table-product ul li.active {
  color: #1e293b;
  font-weight: 700;
}
.tabs-nav.table-product ul li.active::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  bottom: -1px;
  left: 0;
  background-color: #FFCD00;
}
.tabs-nav.table-product ul li.active:hover {
  background-color: transparent;
  color: #1e293b;
}

.tabs-content .tab {
  display: none;
}
.tabs-content .tab.active {
  display: block;
}
.tabs-content .table-product-content h5 {
  margin-bottom: 16px;
}
.tabs-content .table-product-content p {
  font-size: 16px;
}
.tabs-content .table-product-content .table-row {
  display: flex;
  flex-flow: column wrap;
  border-top: 1px solid #CBD5E1;
}
.tabs-content .table-product-content .table-row .table-row-border {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #CBD5E1;
  padding: 10px 0px;
}
.tabs-content .table-product-content .table-row .table-row-header, .tabs-content .table-product-content .table-row .table-row-content {
  border: 0;
  padding: 16px 0;
}
.tabs-content .table-product-content .table-row .table-row-header .header-text, .tabs-content .table-product-content .table-row .table-row-content .header-text {
  font-weight: 700;
}
.tabs-content .table-product-content .table-row .table-row-header p, .tabs-content .table-product-content .table-row .table-row-content p {
  margin-bottom: 0;
}
.tabs-content .table-product-content .table-row .table-row-header {
  width: 45%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.tabs-content .table-product-content .table-row .table-row-content {
  width: 65%;
}
.tabs-content .table-product-content .table-row .table-row-header.no-content {
  width: 100%;
  padding: 16px 0;
}
.tabs-content .table-product-content .table-row.active .table-row-header, .tabs-content .table-product-content .table-row.active .table-row-content {
  padding: 0;
}

/* ----------------------------------------------------------------------------- */
/** BOX COLOR **/
/* ----------------------------------------------------------------------------- */
.wp-block-group.has-background:not(.is-style-section),
.wp-block-group.has-border-color {
  padding: 30px;
  margin-bottom: 80px;
  border-radius: 8px;
}

.wp-block-group.has-background:not(.is-style-section) > *:last-child,
.wp-block-group.has-border-color > *:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

/* ----------------------------------------------------------------------------- */
/** BLOCK OFFSET **/
/* ----------------------------------------------------------------------------- */
.block-offset {
  margin-bottom: 80px;
}

/* ----------------------------------------------------------------------------- */
/** KEY NUMBER BLOCK **/
/* ----------------------------------------------------------------------------- */
.key-number {
  display: flex;
  row-gap: 32px;
  flex-wrap: wrap;
  margin-bottom: 70px;
}
.key-number-content {
  width: 50%;
}
.key-number .key-number-content .number {
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1;
}
.key-number .key-number-content p {
  margin-bottom: 0;
}

/* ----------------------------------------------------------------------------- */
/** VALUE BLOCK **/
/* ----------------------------------------------------------------------------- */
.value-block {
  text-align: center;
  margin-bottom: 80px;
}
.value-block img {
  width: 40px;
  height: auto;
}

.value-block-product {
  text-align: left;
  margin-bottom: 80px;
}
.value-block-product img {
  width: 40px;
  height: auto;
}
.value-block-product ul {
  margin-bottom: 60px;
}

/* ----------------------------------------------------------------------------- */
/** SINGLE POST **/
/* ----------------------------------------------------------------------------- */
body.single-post .main-content {
  padding: 60px 0 0;
}

.single-post-content h1 {
  position: relative;
  padding-bottom: 36px;
}
.single-post-content h1:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 82px;
  height: 4px;
  background: #FFCD00;
}

.back-all-posts {
  font-size: 16px;
  display: inline-flex;
  margin-bottom: 40px;
  align-items: center;
  column-gap: 10px;
}
.back-all-posts:hover {
  color: #FFCD00;
}
.back-all-posts i {
  font-size: 12px;
  color: #FFCD00;
}

.single-post-content img {
  width: 100%;
  height: 485px;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 50px;
}
.single-post-content .date-published {
  font-size: 14px;
}
.single-post-content .separator {
  margin: 0 0 24px 0;
  width: 100%;
  height: 1px;
  background-color: #E2E8F0;
}
.single-post-content .rs-share p {
  font-weight: 700;
  margin-bottom: 16px;
}
.single-post-content .share-icon {
  list-style: none;
  padding: 0;
  display: flex;
  gap: 12px;
  margin-bottom: 80px;
}
.single-post-content .share-icon li {
  width: 32px;
  height: 32px;
  background-color: #f1f5f9;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.latest-news {
  background-color: #f1f5f9;
  padding: 115px 0;
}
.latest-news h3 {
  text-align: center;
  margin-bottom: 40px;
}
.latest-news .latest-news-content {
  margin-bottom: 80px;
}
.latest-news .latest-news-content .teaser {
  position: relative;
  padding-bottom: 16px;
  margin-bottom: 12px;
}
.latest-news .latest-news-content .teaser:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 23px;
  height: 1px;
  background: #FFCD00;
}

/* ----------------------------------------------------------------------------- */
/** POSTS LIST **/
/* ----------------------------------------------------------------------------- */
.posts-by-category,
.products-by-category,
.events-by-category {
  margin-bottom: 48px;
}

.products-by-category-list,
.events-by-category-list {
  row-gap: 48px;
}

.post-item.animation {
  animation: fadeIn 0.5s;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}

.home .products-by-category {
  padding-top: 60px;
}
.payconnect-product-item .card {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #1e293b;
  background-color: #F1F5F9;
  padding: 40px;
  border-radius: 8px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.home .payconnect-product-item .card {
  background-color: #fff;
}
.payconnect-product-item .card img {
  max-width: 100%;
  height: auto;
}
.payconnect-product-item .card .post-content {
  padding: 42px 0 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  transition: 0.3s;
}
.payconnect-product-item .card .post-content h4 {
  margin-bottom: 30px;
}
.payconnect-product-item .card .post-content ul {
  list-style: none;
  padding-left: 0;
}
.payconnect-product-item .card .post-content ul li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 22px;
}
.payconnect-product-item .card .post-content ul li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  position: absolute;
  left: 0;
  top: 0;
  color: #FFCD00;
}
.payconnect-product-item .card .post-content ul li:after {
  display: none;
}
.home .payconnect-product-item .card .post-content .post-content-excerpt {
  display: none;
}
.payconnect-product-item .card .post-content .post-content-bottom {
  display: flex;
  gap: 24px;
}

html[lang="de-DE"] .payconnect-product-item .card .post-content .post-content-bottom {
  gap: 10px;
}

html[lang="de-DE"] .payconnect-product-item .card .post-content .post-content-bottom .wp-block-button__link {
  padding: 9px 21px;
}

.payconnect-product-item .card .post-content .post-content-bottom .coming-soon a {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.payconnect-product-item .card .post-content .post-content-bottom a.btn {
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 9px;
}
.payconnect-product-item .card .post-content .post-content-bottom a.btn:hover {
  color: #fff;
}

.payconnect-product-item .card .img-wrap {
  margin: 20px 0px;
}

.posts-by-category-list {
  row-gap: 60px;
}

.post-item .card {
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #1e293b;
}
.post-item .card img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
.post-item .card .post-content {
  padding: 24px 0 0;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
  transition: 0.3s;
}
.post-item .card h3 {
  margin-bottom: 20px;
  padding: 0;
}
.post-item .card .categories .category {
  color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 10px;
  display: inline-block;
  margin-right: 5px;
  background: #1e293b;
  padding: 2px 10px;
  border-radius: 5px;
  transition: 0.3s;
}
.post-item .card .card-info {
  font-size: 15px;
  display: inline-flex;
}
.post-item .card .card-info i {
  position: relative;
  width: 25px;
  min-width: 25px;
  top: 1px;
}

.post-item .card p {
  font-size: 16px;
}

.post-item .card .date {
  font-size: 14px;
  font-weight: 400;
  margin-top: 10px;
}

.ias-post {
  text-align: center;
}
.ias-post .loader {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  position: relative;
  margin: 0 auto;
}
.ias-post .loader::before, .ias-post .loader::after {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  border: 5px solid transparent;
  border-top-color: #1e293b;
}
.ias-post .loader::before {
  z-index: 100;
  animation: spin 1s infinite;
}
.ias-post .loader::after {
  border: 5px solid #eeeeee;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.load-more-post {
  text-align: center;
}
.load-more-post .btn {
  position: relative;
  background-color: transparent;
  border: 1px solid #ffcd00;
  transition: 0.3s;
}
.load-more-post .btn:hover {
  background-color: #ffcd00;
  color: #1E293B;
}
.load-more-post .btn .text {
  transition: 0.3s;
}
.load-more-post .btn svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
}
.load-more-post .btn.loading svg {
  opacity: 1;
  visibility: visible;
}
.load-more-post .btn.loading .text {
  opacity: 0;
  visibility: hidden;
}

/* ----------------------------------------------------------------------------- */
/** MARKET LIST **/
/* ----------------------------------------------------------------------------- */
.markets-list {
  padding-top: 40px;
}
.markets-list .row {
  row-gap: 60px;
}
.markets-list .market-item:hover {
  color: #1e293b;
}
.markets-list .img-wrap {
  margin-bottom: 25px;
  position: relative;
}
.markets-list .img-wrap:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0px;
  background-color: #FFCD00;
  transition: all 0.3s ease;
}
.markets-list .market-item:hover .img-wrap:after {
  height: 4px;
}
.markets-list .market-item img {
  max-width: 100%;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.markets-list .market-item:hover img {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.markets-list .market-item h5 {
  margin-bottom: 10px;
}
.markets-list .market-item p {
  font-size: 16px;
  margin-bottom: 0px;
}

/* ----------------------------------------------------------------------------- */
/** SINGLE MARKET **/
/* ----------------------------------------------------------------------------- */
.single-market-post-content {
  margin-bottom: -80px;
}
.head-content-market {
  padding-bottom: 80px;
}
.head-content-market .excerpt,
.head-content-product .excerpt {
  font-size: 24px;
  margin-bottom: 36px;
  padding-bottom: 36px;
  position: relative;
}
.head-content-market .excerpt p,
.head-content-product .excerpt p {
  margin-bottom: 0px;
}
.head-content-market .excerpt:after,
.head-content-product .excerpt:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 82px;
  height: 4px;
  background: #FFCD00;
}

.slider-market-images .slide-content {
  background: #1E293B;
  padding: 32px 32px 100px 32px;
}
.slider-market-images .slide-content h5 {
  color: #FFCD00;
  margin-bottom: 5px;
}
.slider-market-images .slide-content p {
  color: #fff;
  margin-bottom: 0px;
}
.slider-market-images .slick-dots {
  padding: 0px;
  margin: 0px;
  display: flex;
  column-gap: 8px;
  position: absolute;
  bottom: 20px;
  left: 32px;
}
.slider-market-images .slick-dots li {
  list-style-type: none;
}
.slider-market-images .slick-dots button {
  font-size: 0px;
  width: 8px;
  height: 8px;
  padding: 0px;
  background-color: #fff;
}
.slider-market-images .slick-dots li.slick-active button {
  background-color: #FFCD00;
}

.slider-market-images .slick-next {
  right: 32px;
}
.slider-market-images .slick-prev,
.slider-market-images .slick-next {
  top: inherit;
  bottom: 30px;
  transform: translate(0, 50%);
}
.slider-market-images .slick-prev {
  left: inherit;
  right: 75px;
}
.slider-market-images .slick-prev::before,
.slider-market-images .slick-next::before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-size: 10px;
  color: #FFCD00;
  transition: all 0.3s ease;
  border-radius: 50px;
  border: 1px solid #1e293b;
  padding: 9px;
}
.slider-market-images .slick-prev::before {
  content: "\e911";
}
.slider-market-images .slick-next::before {
  content: "\e915";
}

.slider-market-images img {
  width: 100%;
  height: auto;
}

/* ----------------------------------------------------------------------------- */
/** ASSOCIATED PRODUCTS **/
/* ----------------------------------------------------------------------------- */
.single-solution-post-content .associated-products {
  padding-top: 80px;
  padding-bottom: 0px;
}
.associated-products {
  padding-bottom: 80px;
}
.associated-products .product-item {
  display: flex;
  column-gap: 40px;
  background: #F1F5F9;
  padding: 40px;
  border-radius: 8px;
}
.associated-products .products-grid {
  padding-top: 40px;
}
.associated-products .product-item .product-image img {
  max-width: 200px;
  height: auto;
}
.associated-products .coming-soon a {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

.associated-products .product-excerpt ul {
  padding: 0px;
}
.associated-products .product-excerpt ul li {
  padding-left: 1.5em;
}
.associated-products .product-excerpt ul li::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  position: absolute;
  left: 0;
  top: 0;
  color: #FFCD00;
}
.associated-products .product-excerpt ul li::after {
  display: none;
}

/* ----------------------------------------------------------------------------- */
/** REFERENCES BLOCK **/
/* ----------------------------------------------------------------------------- */
body:not(.home) .references {
  margin-bottom: 80px;
}
.references-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 1px;
  grid-row-gap: 0.5px;
  width: calc(100% - 1px);
  margin-bottom: 60px;
}
.references-grid.list-simple {
  outline: none;
  grid-row-gap: 20px;
  padding-top: 40px;
}
.references-grid .references-grid-image {
  padding: 0 20px;
  aspect-ratio: 204 / 161;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: 1px solid #CBD5E1;
  cursor: pointer;
}
.references-grid.list-simple .references-grid-image {
  outline: none;
  height: 120px;
}
.references-grid .references-grid-image.empty {
  cursor: default;
}
.references-grid .references-grid-image:hover img {
  filter: grayscale(0%);
}
.references-grid .references-grid-image img {
  filter: grayscale(100%);
  transition: all 0.3s ease;
  width: 100%;
}
.references-grid.list-simple .references-grid-image img {
  max-width: 210px;
  max-height: 100%;
}
.references-grid .references-grid-image.active {
  position: relative;
  outline: 3px solid #FFCD00;
}
.references-grid .references-grid-image.active img {
  filter: grayscale(0%);
}

.reference-description a {
  display: flex;
  gap: 8px;
  margin-top: 0;
  align-items: center;
}
.reference-description a span {
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-color: #CBD5E1;
  text-decoration-thickness: 15%;
  transition: all 0.3s ease;
}
.reference-description a:hover {
  color: #FFCD00;
}
.reference-description a i {
  transition: all 0.3s ease;
  text-decoration: none;
  color: #FFCD00;
  font-size: 14px;
}
.reference-description a:hover i {
  transform: rotate(90deg);
}
.reference-description img {
  width: 100%;
  margin-bottom: 25px;
}
.reference-description h5 {
  margin: 0 0 8px 0;
}

.reference-content-accordion {
  display: none;
}

.reference-content-accordion {
  padding: 24px 0px;
}
.reference-content-accordion h5 {
  margin-top: 0px;
}

/* ----------------------------------------------------------------------------- */
/** PAYCONNECT PRODUCT TEMPLATE **/
/* ----------------------------------------------------------------------------- */
.head-content-gallery-product {
  margin-bottom: 80px;
}
.head-content-gallery-product {
  display: flex;
  gap: 60px;
}
.head-content-gallery-product .head-content-gallery-product-gallery {
  width: 110px;
  flex-direction: column;
}
.head-content-gallery-product .head-content-gallery-product-gallery .slick-slide {
  margin-bottom: 20px;
}
.head-content-gallery-product .head-content-gallery-product-gallery img {
  width: 100%;
  height: auto;
}
.head-content-gallery-product .head-content-gallery-product-gallery .slick-current img {
  border: 2px solid #FFCD00;
}
.head-content-gallery-product .head-content-gallery-product-single {
  width: calc(100% - 170px);
}
.head-content-gallery-product .head-content-gallery-product-single img {
  width: 100%;
  height: auto;
}
.head-content-product {
  margin-bottom: 80px;
}
.head-content-product h1 {
  margin-bottom: 20px;
}
.head-content-product .wp-block-button {
  margin-bottom: 32px;
}
.head-content-product .tabs {
  margin-bottom: 0;
}

/* ----------------------------------------------------------------------------- */
/** DOWNLOAD BLOCK **/
/* ----------------------------------------------------------------------------- */
.download-block {
  background-color: #F1F5F9;
  padding: 24px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 20px;
  transition: all 0.3s ease;
}
.download-block:hover {
  background-color: #E2E8F0;
}
.download-block i {
  font-size: 54px;
  color: #FFCD00;
}
.download-block .download-block-content p {
  font-weight: bold;
  margin: 0;
  color: #1e293b;
}
.download-block .download-block-content span {
  font-size: 14px;
  color: #1e293b;
}

/* ----------------------------------------------------------------------------- */
/** LOGO PAYMENT **/
/* ----------------------------------------------------------------------------- */
.logo-payment {
  display: flex;
  flex-wrap: wrap;
}
.logo-payment .image-logo {
  height: 122px;
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.logo-payment .image-logo img {
  height: auto;
  width: 70%;
  transition: all 0.3s ease;
}

/* ----------------------------------------------------------------------------- */
/** TABLE **/
/* ----------------------------------------------------------------------------- */
table {
  width: 100%;
  border: 0;
}
table tbody tr {
  background: #fafafa;
  border-bottom: 0;
}
table tbody tr:nth-child(even) {
  background: transparent;
}
table tr td {
  border: 0;
  padding: 19px 25px 21px 25px;
}
table tr td a:hover {
  color: #1e293b;
  text-decoration: none;
}
table p {
  margin-bottom: 0px;
}
.wp-block-table {
  margin-bottom: 80px;
}
.wp-block-table td, .wp-block-table th {
  border: 0;
  padding: 19px 25px 21px 25px;
}
.wp-block-table::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  background: #d2dce1;
}
.wp-block-table::-webkit-scrollbar-corner {
  background: #d2dce1;
}
.wp-block-table::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 0;
}

/* ----------------------------------------------------------------------------- */
/** BLOCKQUOTE **/
/* ----------------------------------------------------------------------------- */
blockquote {
  border-left: 2px solid #FFCD00;
  margin: 0px;
  margin-bottom: 80px;
  padding: 0 0 0 20px;
}
blockquote p:first-of-type {
  font-size: 24px;
  font-style: italic;
  line-height: normal;
  font-style: italic;
  margin-bottom: 15px;
}
blockquote p + * {
  padding-left: 25px;
  position: relative;
  margin-bottom: 0px;
  font-style: normal;
  margin-top: 0px;
}
blockquote p + *::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 1px;
  background-color: #1e293b;
}

/* ----------------------------------------------------------------------------- */
/** Special link **/
/* ----------------------------------------------------------------------------- */
.special-link {
  display: block;
  margin-bottom: 48px;
  padding: 20px;
  background-color: #F1F5F9;
  color: #1e293b;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.special-link > span {
  display: flex;
  flex-direction: column;
}
.special-link:hover {
  background-color: #1e293b;
  color: #fff;
}
.special-link + .special-link {
  margin-top: -38px;
}
.special-link::after {
  content: "";
  font-weight: 400;
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.special-link.extern-link:after {
  content: "\e09f";
}
.special-link.intern-link:after {
  content: "\f061";
}
.special-link.file-link:after {
  content: "\f15b";
}

/* ----------------------------------------------------------------------------- */
/** Tile icon text **/
/* ----------------------------------------------------------------------------- */
body:not(.home) .tile-icon-text-container {
  margin-bottom: 80px;
}
.tile-icon-text-container {
  row-gap: 40px;
}
.tile-icon-text {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  background: #F1F5F9;
  border-radius: 8px;
  padding: 24px 24px 48px 30px;
  height: 100%;
}
.is-style-full-width-background .tile-icon-text,
.bg-secondary .tile-icon-text {
  background: #fff;
}
.tile-icon-text .tile-icon {
  width: 56px;
  height: 56px;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
  font-size: 20px;
}
.is-style-full-width-background .tile-icon,
.bg-secondary .tile-icon {
  background: #F1F5F9;
}
.tile-icon-text .tile-content h6 {
  margin-bottom: 8px;
}
.tile-icon-text .tile-content p {
  font-size: 16px;
  margin-bottom: 0px;
}

/* ----------------------------------------------------------------------------- */
/** Block icon text & button **/
/* ----------------------------------------------------------------------------- */
body:not(.home) .block-icon-text-button {
  margin-bottom: 80px;
}
.block-icon-text-button {
  row-gap: 64px;
}
.block-icon-text .block-icon {
  margin-bottom: 24px;
  max-width: 75px;
  height: auto;
}
.block-icon-text h6 {
  margin-bottom: 24px;
}

.popup-payment {
  width: 100%;
  max-width: 750px;
  background: #fff;
  padding: 40px;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  top: 50%;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  transform: translateY(-50%);
  box-shadow: 0 8px 12px -2px rgba(0, 0, 0, 0.08);
  border-radius: 12px;
  z-index: 100;
  transition: all 0.5s ease;
  max-height: 90vh;
  overflow-y: auto;
}
.popup-payment.open {
  opacity: 1;
  visibility: visible;
}
.popup-payment img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
}
.popup-payment p {
  margin-bottom: 0px;
}
.popup-payment .popup-close {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.3s ease;
}
.popup-payment .popup-close:hover {
  opacity: 1;
}

/* ----------------------------------------------------------------------------- */
/** Customer reviews slider **/
/* ----------------------------------------------------------------------------- */
.customer-reviews-slider {
  padding-top: 40px;
}
.customer-reviews-slider .slick-list {
  margin-bottom: 60px;
  width: 100vw;
  position: relative;
  left: calc(0px - ((100vw - 100%) / 2));
  padding-left: calc((100vw - 100%) / 2);
  padding-right: 22vw;
}
.customer-reviews-slider .slick-slide {
  padding-right: 64px;
}
.customer-reviews-slider .review-description {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 32px;
  line-height: 1.25;
}
.customer-reviews-slider .review-name {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1px;
  margin-bottom: 0px;
}
.customer-reviews-slider .review-role {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.1px;
  margin-bottom: 0px;
}
.customer-reviews-slider .slick-dots {
  padding: 0px;
  margin: 0px;
  list-style-type: none;
  display: flex;
  column-gap: 8px;
}
.customer-reviews-slider .slick-dots button {
  font-size: 0px;
  width: 8px;
  height: 8px;
  padding: 0px;
  background-color: #CCC;
}
.customer-reviews-slider .slick-dots li.slick-active button {
  background-color: #1E293B;
}
.customer-reviews-slider .slick-prev, .customer-reviews-slider .slick-next {
  top: inherit;
  bottom: 0px;
  transform: translate(0, 50%);
}
.customer-reviews-slider .slick-prev:hover, .customer-reviews-slider .slick-next:hover {
  background: none;
}

.customer-reviews-slider .slick-prev::before,
.customer-reviews-slider .slick-next::before {
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-size: 20px;
  color: #1E293B;
  transition: all 0.3s ease;
  border-radius: 50px;
  border: 1px solid #1e293b;
  padding: 14px;
}

.customer-reviews-slider .slick-prev {
  left: inherit;
  right: 62px;
}

.customer-reviews-slider .slick-prev::before {
  content: "\e911";
}

.customer-reviews-slider .slick-next {
  right: 0px;
}
.customer-reviews-slider .slick-next::before {
  content: "\e915";
}
.customer-reviews-slider .slick-prev:hover::before,
.customer-reviews-slider .slick-next:hover::before {
  color: #ffcd00;
  border: 1px solid #ffcd00;
}

/* ----------------------------------------------------------------------------- */
/** Component spacing **/
/* ----------------------------------------------------------------------------- */
body:not(.home) .wp-block-embed,
body:not(.home) .wp-block-image,
body:not(.home) .wp-block-video,
body:not(.home) .sitemap {
  margin-bottom: 80px;
}

/* ----------------------------------------------------------------------------- */
/** FORM **/
/* ----------------------------------------------------------------------------- */
.main-content  .gform_wrapper.gravity-theme input[type=text],
.main-content  .gform_wrapper.gravity-theme input[type=password],
.main-content  .gform_wrapper.gravity-theme input[type=email],
.main-content  .gform_wrapper.gravity-theme input[type=url],
.main-content  .gform_wrapper.gravity-theme input[type=date],
.main-content  .gform_wrapper.gravity-theme input[type=month],
.main-content  .gform_wrapper.gravity-theme input[type=time],
.main-content  .gform_wrapper.gravity-theme input[type=datetime],
.main-content  .gform_wrapper.gravity-theme input[type=datetime-local],
.main-content  .gform_wrapper.gravity-theme input[type=week],
.main-content  .gform_wrapper.gravity-theme input[type=number],
.main-content  .gform_wrapper.gravity-theme input[type=search],
.main-content  .gform_wrapper.gravity-theme input[type=tel],
.main-content  .gform_wrapper.gravity-theme input[type=color],
.main-content  .gform_wrapper.gravity-theme textarea,
.main-content  .gform_wrapper.gravity-theme select {
  font-size: 16px;
  padding: 14px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  transition: 0.3s;
  border-radius: 4px;
  border: 2px solid #E2E8F0;
  background: #FFF;
  min-height: auto !important;
  line-height: inherit !important;
}
.main-content  .gform_wrapper.gravity-theme input[type=text]:hover,
.main-content  .gform_wrapper.gravity-theme input[type=password]:hover,
.main-content  .gform_wrapper.gravity-theme input[type=email]:hover,
.main-content  .gform_wrapper.gravity-theme input[type=url]:hover,
.main-content  .gform_wrapper.gravity-theme input[type=date]:hover,
.main-content  .gform_wrapper.gravity-theme input[type=month]:hover,
.main-content  .gform_wrapper.gravity-theme input[type=time]:hover,
.main-content  .gform_wrapper.gravity-theme input[type=datetime]:hover,
.main-content  .gform_wrapper.gravity-theme input[type=datetime-local]:hover,
.main-content  .gform_wrapper.gravity-theme input[type=week]:hover,
.main-content  .gform_wrapper.gravity-theme input[type=number]:hover,
.main-content  .gform_wrapper.gravity-theme input[type=search]:hover,
.main-content  .gform_wrapper.gravity-theme input[type=tel]:hover,
.main-content  .gform_wrapper.gravity-theme input[type=color]:hover,
.main-content  .gform_wrapper.gravity-theme textarea:hover,
.main-content  .gform_wrapper.gravity-theme select:hover {
  border-color: #CBD5E1;
}
.main-content  .gform_wrapper.gravity-theme input[type=text]:focus,
.main-content  .gform_wrapper.gravity-theme input[type=password]:focus,
.main-content  .gform_wrapper.gravity-theme input[type=email]:focus,
.main-content  .gform_wrapper.gravity-theme input[type=url]:focus,
.main-content  .gform_wrapper.gravity-theme input[type=date]:focus,
.main-content  .gform_wrapper.gravity-theme input[type=month]:focus,
.main-content  .gform_wrapper.gravity-theme input[type=time]:focus,
.main-content  .gform_wrapper.gravity-theme input[type=datetime]:focus,
.main-content  .gform_wrapper.gravity-theme input[type=datetime-local]:focus,
.main-content  .gform_wrapper.gravity-theme input[type=week]:focus,
.main-content  .gform_wrapper.gravity-theme input[type=number]:focus,
.main-content  .gform_wrapper.gravity-theme input[type=search]:focus,
.main-content  .gform_wrapper.gravity-theme input[type=tel]:focus,
.main-content  .gform_wrapper.gravity-theme input[type=color]:focus,
.main-content  .gform_wrapper.gravity-theme textarea:focus,
.main-content  .gform_wrapper.gravity-theme select:focus {
  border-color: #FFCD00;
}
.main-content  .gform_wrapper.gravity-theme .gfield_radio label,
.main-content  .gform_wrapper.gravity-theme .gfield_checkbox label {
  font-size: 16px;
}
.main-content  .gform_wrapper.gravity-theme .gfield_label {
  font-size: 16px;
  font-weight: normal;
}

input[type=checkbox] {
  border: 1px solid #ccc !important;
  border-radius: 0px;
  line-height: 0;
  width: 19px;
  min-width: 19px;
  height: 19px;
  margin-right: 10px;
  outline: 0;
  padding: 0;
  position: relative;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  transition: 0.3s;
  background: #fff;
}
input[type=checkbox]:hover {
  border: 1px solid #1e293b !important;
}
input[type=checkbox]:checked {
  background: #1e293b !important;
  border: 1px solid #1e293b !important;
}
input[type=checkbox]:checked::before {
  content: "";
  margin: 1px 6px;
  color: #fff;
  display: inline-block;
  transform: rotate(45deg);
  height: 12px;
  width: 6px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.gfield_consent_label {
  display: initial !important;
}

.ginput_container_consent {
  display: flex;
  justify-content: flex-start;
}
.ginput_container_consent input[type=checkbox] {
  top: 2px;
}

.gfield_visibility_visible {
  margin-bottom: 8px;
}
.gfield_visibility_visible.hidden_label {
  margin-bottom: 0;
}

input[type=radio]:checked, input[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
input[type=radio]:checked + label, input[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
}
input[type=radio]:checked + label::before, input[type=radio]:not(:checked) + label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0px;
  width: 20px;
  height: 20px;
  border: solid 1px #ccc;
  border-radius: 100%;
  background: #fff;
  transition: 0.3s;
}
input[type=radio]:checked + label::after, input[type=radio]:not(:checked) + label::after {
  content: "";
  width: 12px;
  height: 12px;
  background: #1e293b;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 50%;
  transition: all 0.2s ease;
}
input[type=radio] + label {
  padding-left: 30px;
}
input[type=radio]:disabled + label {
  cursor: not-allowed;
}
input[type=radio]:disabled + label::before {
  opacity: 0.35;
}
input[type=radio]:not(:checked):hover + label::before {
  border: 1px solid #1e293b;
}
input[type=radio]:checked + label::before {
  border: 1px solid #1e293b;
}
input[type=radio]:not(:checked) + label::after {
  opacity: 0;
  transform: scale(0);
}
input[type=radio]:checked + label::after {
  opacity: 1;
  transform: scale(1);
}

.gfield_radio .gchoice {
  position: relative;
}

.ginput_container_fileupload {
  padding-bottom: 12px;
  border-bottom: solid 1px #cccccc;
  max-width: 335px;
}
.ginput_container_fileupload input[type=file] {
  font-size: 14px;
  width: 100% !important;
}

select {
  display: none !important;
}

.ginput_container_select li:after {
  display: none;
}

/* .main-content  .gform_wrapper .gfield.open .dropdown {
    border-color: $secondary-color;
} */
.dropdown {
  box-sizing: border-box;
  background: #fff;
  cursor: pointer;
  display: block;
  outline: none;
  padding: 14px;
  font-size: 16px;
  position: relative;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 100%;
  border-radius: 4px;
  border: 2px solid #E2E8F0;
  background: #FFF;
}
.dropdown::after {
  content: "\f107";
  font-weight: 400;
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  display: block;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 15px;
  transition: 0.3s;
  transform-origin: 50% 25%;
  color: #1E293B;
}
.dropdown.open {
  border-color: #CBD5E1;
}
.dropdown.open::after {
  transform: rotate(-180deg);
}
.dropdown.open .list {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}
.dropdown.open .option {
  cursor: pointer;
  margin-bottom: 0px;
}
.dropdown.wide {
  width: 100%;
}
.dropdown.wide .list {
  left: 0 !important;
  right: 0 !important;
}
.dropdown .list {
  box-sizing: border-box;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  transform: scale(0.75);
  transform-origin: 50% 0;
  background-color: #fff;
  border-radius: 0px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  min-width: calc(100% + 2px);
  left: -1px;
  z-index: 999;
  top: calc(100% + 10px);
  border: 1px solid #E2E8F0;
  border-radius: 4px;
}
.dropdown .list ul {
  height: auto;
  max-height: 400px;
  overflow: auto;
  padding: 0;
  margin: 0;
}
.dropdown .list ul::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  background: #d2dce1;
}
.dropdown .list ul::-webkit-scrollbar-corner {
  background: #d2dce1;
}
.dropdown .list ul::-webkit-scrollbar-thumb {
  background: #1e293b;
  border-radius: 0;
}
.dropdown .option {
  cursor: default;
  font-weight: normal;
  color: #1e293b;
  outline: none;
  display: block;
  font-size: 16px;
  text-transform: none;
  padding: 12px 19px;
  text-align: left;
  transition: all 0.2s;
  border-bottom: 1px solid #E2E8F0;
}
.dropdown .option:last-child {
  border-bottom: none;
}
.dropdown .option:hover,
.dropdown .option:focus {
  background-color: #F1F5F9;
}
.dropdown .option.selected,
.dropdown .option.selected:hover,
.dropdown .option.selected:focus {
  font-weight: 700;
  background-color: #FFCD00 !important;
}
.dropdown .current {
  opacity: 1;
  transition: all 0.3s ease;
}

.gfield .dropdown .current {
  opacity: 1;
  transition: all 0.3s ease;
}

.gfield.open .dropdown .current {
  opacity: 1;
}

.gform_required_legend {
  display: none;
}

/* ----------------------------------------------------------------------------- */
/** SELECT FORM **/
/* ----------------------------------------------------------------------------- */
.select-content {
  margin-bottom: 40px;
}
.select-content label {
  margin-bottom: 8px;
}
.select-content .dropdown {
  background-color: transparent;
  border-color: #1e293b;
}
.select-content .dropdown::after {
  color: #1e293b;
  font-size: 18px;
}

/* ----------------------------------------------------------------------------- */
/** FILTRAGE PAR ANNÉE - POSTS **/
/* ----------------------------------------------------------------------------- */
.posts-filter {
  margin-bottom: 40px;
}

.year-filter-buttons {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.year-filter-btn {
  color: #1e293b;
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  outline: none;
  background: transparent;
}

.year-filter-btn:hover {
  background-color: #F1F5F9;
  color: #1e293b;
}

.year-filter-btn.active {
  background-color: #FFCD00;
}

.year-filter-btn.active:hover {
  background-color: #FFCD00;
}

.filter-loading {
  text-align: center;
  padding: 20px;
  font-style: italic;
  color: #6c757d;
}

.filter-loading span {
  display: inline-block;
  position: relative;
}

.filter-loading span:after {
  content: "...";
  animation: dots 1.5s steps(4, end) infinite;
}

@keyframes dots {
  0%, 20% { content: ""; }
  40% { content: "."; }
  60% { content: ".."; }
  80%, 100% { content: "..."; }
}


/* ----------------------------------------------------------------------------- */
/** FOOTER **/
/* ----------------------------------------------------------------------------- */
.footer {
  background-color: #171717;
  padding: 60px 0px 80px;
  color: #fff;
}
.footer .footer-content {
  margin-top: 60px;
}
.footer .footer-content,
.footer .footer-content p {
  font-size: 16px;
}
.footer .footer-content .footer-address p {
  margin: 0;
}
.footer .footer-content .footer-address .pictogram {
  margin-bottom: 6px;
  padding-top: 2px;
}
.footer .footer-content .footer-address .pictogram a {
  color: #fff;
}
.footer .footer-content .footer-address .pictogram a:hover {
  color: #ffcd00;
}
.footer .footer-content .footer-menu ul {
  list-style: none;
  padding: 0;
  flex-direction: column;
  gap: 0;
}
.footer .footer-content .footer-menu ul li {
  margin-bottom: 8px;
}
.footer .footer-content .footer-menu ul li a {
  color: #fff;
  font-size: 16px;
  position: relative;
  padding: 0px;
  display: inline-block;
}
.footer .footer-content .footer-menu ul li a:before {
  content: "\e915";
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #FFCD00;
  font-size: 10px;
  margin-right: 10px;
  position: relative;
  top: -2px;
}
.footer .footer-content .footer-menu ul li a:hover {
  color: #ffcd00;
}
.footer .footer-content .footer-social-media a {
  text-decoration: none;
  color: #fff;
}
.footer .footer-content .footer-social-media a:hover {
  color: #ffcd00;
}

.footer .footer-content .footer-social-media .pictogram i {
  font-size: 23px;
}

.footer .footer-content h3 {
  color: #FFCD00;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 24px;
}

.footer .wp-block-button.is-style-full-grey > .wp-block-button__link {
  background-color: rgba(255, 255, 255, 0.12);
  color: #fff;
}
.footer .wp-block-button.is-style-full-grey > .wp-block-button__link:hover {
  background-color: rgba(255, 255, 255, 0.24);
  color: #fff;
}
.footer-address .wp-block-buttons {
  gap: 15px;
}
.footer-address .wp-block-buttons .wp-block-button__link {
  min-width: 140px;
  justify-content: center;
}

.sub-footer {
  background-color: #111111;
  padding: 35px 0;
}
.sub-footer .sub-footer-content {
  display: flex;
  align-items: center;
  color: #fff;
}
.sub-footer .sub-footer-content .sub-footer-content-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sub-footer .sub-footer-content .sub-footer-content-flex p {
  font-size: 14px;
  margin-bottom: 0;
}
.sub-footer .sub-footer-content .sub-footer-content-flex a {
  color: #fff;
}
.sub-footer .sub-footer-content .sub-footer-content-flex ul {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
  gap: 27px;
  flex-wrap: wrap;
}
.sub-footer .sub-footer-content .sub-footer-content-flex ul li {
  font-size: 14px;
}
.sub-footer .sub-footer-content .sub-footer-content-flex ul li a {
  color: #fff;
}

.footer .wp-block-button.is-style-outline > .wp-block-button__link {
  color: #fff;
}
.footer .wp-block-button.is-style-outline > .wp-block-button__link:hover {
  color: #1E293B;
}

/* ----------------------------------------------------------------------------- */
/** Tarteaucitron **/
/* ----------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------- */
/** Tarteaucitron **/
/* ----------------------------------------------------------------------------- */

#tarteaucitronRoot * {
  color: var(--black) !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  color: #fff !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig {
  color: var(--body_text_color) !important;
  padding: 9px 18px !important;
  width: 100% !important;
  left: 0 !important;
  margin: auto;
  text-align: left !important;
  bottom: 0px;
  background: rgba(255, 255, 255, 1) !important;
  overflow: hidden;
  box-sizing: border-box !important;
  box-shadow: 0 10px 50px 20px rgba(22, 22, 22, 0.2);
}

#tarteaucitronRoot .tarteaucitronAllow,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
#tarteaucitronRoot .tarteaucitronDeny {
  background-color: #ffcd00 !important;
  border: none !important;
  color: #1e293b !important;
  font-size: 16px !important;
  line-height: normal !important;
  text-decoration: none !important;
  transition: all 0.2s linear !important;
  display: inline-block !important;
  cursor: pointer !important;
  position: relative;
  z-index: 1;
  margin-left: 15px !important;
  float: right;
  font-weight: 400 !important;
  padding: 9px 25px !important;
  text-align: center;
  overflow-wrap: break-word;
  box-sizing: border-box;
  border-radius: 40px !important;
}

#tarteaucitronRoot .tarteaucitronDeny {
  background-color: #F5F5F5 !important;
}

#tarteaucitronRoot .tarteaucitronAllow:hover,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2:hover {
  /* background-color: var(--secondary_color) !important; */
  opacity: 0.8;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
  font-size: 12px !important;
  line-height: 1.5 !important;
  color: var(--body_text_color) !important;
  padding: 0px !important;
  width: 70%;
  float: left;
  margin-top: 9px;
}

#tarteaucitronRoot .tarteaucitronCheck::before {
  display: none !important;
}

#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  background-color: none !important;
  color: var(--body_text_color) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  padding: 10px 0px !important;
  margin-bottom: 0 !important;
  line-height: 1 !important;
  float: right;
  margin-left: 15px;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
  background-color: #F5F5F5 !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
  background: none !important;
  border: none !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine {
  background: #fff !important;
  border: none !important;
}

#tarteaucitronRoot button#tarteaucitronBack {
  opacity: 0.5 !important;
  background: var(--body_text_color) !important;
}

#tarteaucitron .tarteaucitronBorder {
  border: none !important;
}

#tarteaucitronRoot .tarteaucitronH1 {
  text-align: center;
  margin: 15px 0 28px;
  font-size: 35px !important;
  font-family: var(--secondary_font);
  font-weight: 400 !important;
  line-height: 1.05 !important;
  color: var(--body_text_color) !important;
}

.tarteaucitronMainLine div#tarteaucitronInfo {
  font-size: 18px !important;
  color: var(--body_text_color) !important;
}

.tarteaucitronTitle {
  background: #fff;
}

#tarteaucitronRoot div#tarteaucitron {
  outline: none;
}

#tarteaucitron #tarteaucitronInfo {
  background: none !important;
  color: var(--body_text_color) !important;
  padding: 0 !important;
  border: none !important;
}

#tarteaucitronRoot .tarteaucitronH2 {
  color: var(--body_text_color) !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
  background-color: var(--body_text_color) !important;
  margin-top: 0 !important;
}

#tarteaucitronClosePanel {
  background: none !important;
  font-size: 0 !important;
  padding: 0 !important;
  width: auto !important;
  outline: none !important;
  right: 20px !important;
  color: var(--body_text_color) !important;
  z-index: 2;
  top: 15px;
}

#tarteaucitronClosePanel:after {
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
  font-weight: 300;
  font-size: 30px !important;
}

#tarteaucitron div#tarteaucitronServices {
  margin-top: 0px !important;
}

#tarteaucitronRoot div#tarteaucitron {
  background: #fff;
  border-radius: 0px;
  padding: 20px 0;
}

#tarteaucitronRoot .tarteaucitronCross::before {
  display: none !important;
}

div#tarteaucitronServices {
  box-shadow: none !important;
}

@media (max-width: 991px) {
  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
      width: 100%;
      margin-top: 0;
  }

  #tarteaucitronRoot .tarteaucitronAllow,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2 {
      float: left;
      margin-left: 0px !important;
      margin-top: 10px;
  }

  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
  #tarteaucitronRoot .tarteaucitronDeny.tarteaucitronCTAButton {
      float: left;
      margin-left: 10px !important;
      margin-top: 10px;
  }
}

@media (max-width: 767px) {
  #tarteaucitronRoot .tarteaucitronAsk button {
      margin-left: 0 !important;
  }

  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
  #tarteaucitronRoot .tarteaucitronDeny {
      margin-left: 15px;
  }

  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
      font-size: 12px !important;
  }

  #tarteaucitronRoot .tarteaucitronAllow,
  #tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize2,
  #tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny.tarteaucitronCTAButton,
  #tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronDeny.tarteaucitronCTAButton {
      font-size: 12px !important;
  }
}

#tarteaucitronRoot #tarteaucitronPercentage {
  background: var(--secondary_color) !important;
  box-shadow: none !important;
  height: 3px !important;
}


/* ----------------------------------------------------------------------------- */
/** DARK MODE **/
/* ----------------------------------------------------------------------------- */
/* @media (prefers-color-scheme: dark) {

} */
/* ----------------------------------------------------------------------------- */
/** RESPONSIVE **/
/* ----------------------------------------------------------------------------- */
@media screen and (max-width: 1200px) {
  #website-menu {
    padding: 0px;
  }
  .logo-area img {
    width: 280px;
  }
  .main-menu-inner li a {
    font-size: 18px;
  }
  .banner-title {
    padding: 110px 20px;
    margin-bottom: 50px;
  }
  .banner-title h1 {
    font-size: 50px;
  }
  .customer-reviews-slider .slick-list {
    padding-right: 10vw;
  }
  .customer-reviews-slider .slick-slide {
    padding-right: 50px;
  }
  .head-content-gallery-product {
    gap: 20px;
  }
  .head-content-gallery-product .head-content-gallery-product-gallery {
    width: 80px;
  }
  .head-content-gallery-product .head-content-gallery-product-single {
    width: calc(100% - 110px);
  }
  .head-content-gallery-product {
    margin-bottom: 60px;
  }
  .references-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .main-content.no-banner,
  .single-market-post-content,
  .single-payconnect-product-post-content {
    padding-top: 50px;
  }

  .associated-products .product-item {
    flex-direction: column;
    row-gap: 40px;
  }

  .slider-market-images {
    margin-top: 80px;
  }

  .wp-block-separator {
    margin: 60px 0px;
  }

  .sub-footer .sub-footer-content .sub-footer-content-flex {
    align-items: flex-start;
    flex-direction: column;
    row-gap: 20px;
  }
}

@media screen and (max-width: 992px) {
  /* ----------------------------------------------------------------------------- */
  /** MOBILE MENU **/
  /* ----------------------------------------------------------------------------- */
  body {
    font-size: 17px;
  }
  #website-menu {
    padding: 14px 0px 18px 0px;
  }
  h1 {
    font-size: 45px;
  }
  h2 {
    font-size: 40px;
  }
  h3 {
    font-size: 35px;
  }
  h4 {
    font-size: 28px;
  }
  h5 {
    font-size: 22px;
  }
  h6 {
    font-size: 19px;
  }
  .home p {
    font-size: 19px;
  }
  .btn,
  .wp-block-button > .wp-block-button__link,
  button {
    font-size: 15px;
  }
  .wp-block-button.is-style-full-grey > .wp-block-button__link {
    font-size: 15px;
  }
  .wp-block-button.is-style-outline > .wp-block-button__link {
    font-size: 15px;
  }
  .wp-block-button.is-style-outline-white > .wp-block-button__link {
    font-size: 15px;
  }
  .btn-outline-primary > a {
    font-size: 15px;
  }

  .logo-area img {
    width: 250px;
  }
  .menuburger {
    position: relative;
    z-index: 99999;
    cursor: pointer;
    width: 20px;
    height: 13px;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
    z-index: 5;
    display: block;
  }
  .menuburger span {
    display: block;
    position: absolute;
    height: 2px;
    width: 20px;
    background: #000000;
    border-radius: 4px;
    opacity: 1;
    left: 50%;
    transform: translateX(-50%) rotate(0deg);
    transition: 0.25s ease-in-out;
  }
  .menuburger span:nth-child(1) {
    top: 0px;
  }
  .menuburger span:nth-child(2) {
    top: 6px;
  }
  .menuburger span:nth-child(3) {
    top: 12px;
  }
  .menuburger.active span:nth-child(1) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(135deg) scaleX(0.7);
    opacity: 1;
  }
  .menuburger.active span:nth-child(2) {
    opacity: 0;
    left: 40px;
  }
  .menuburger.active span:nth-child(3) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-135deg) scaleX(0.7);
  }
  .menus-area {
    column-gap: 16px;
  }
  #website-menu .main-menu-outer {
    display: none;
    position: fixed;
    width: 100%;
    height: calc(100vh - 55px);
    overflow-y: auto;
    overflow-x: hidden;
    left: 0;
    top: 55px;
    background-color: #FFCD00;
    z-index: 2;
  }
  #website-menu .main-menu-inner {
    padding: 0px 20px 0px 20px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    gap: 0px;
    background: #fff;
  }
  #website-menu .main-menu-inner li {
    margin-right: 0;
  }
  #website-menu .main-menu-inner > li > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 0px;
    border-bottom: 1px solid #E2E8F0;
  }
  #website-menu .main-menu-inner li a:hover {
    color: #FFCD00;
  }
  #website-menu .main-menu-inner li:last-of-type a {
    border-bottom: 0px;
  }
  #website-menu .main-menu-inner li a > i {
    display: none;
  }
  #website-menu .main-menu-inner > li > a:before {
    display: none;
  }
  #website-menu .main-menu-inner li .sub-menu-container {
    position: fixed;
    background: #fff;
    min-width: inherit;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    padding: 0px 0px 50px 0px;
    z-index: 1;
    overflow-y: auto;
    overflow-x: hidden;
    top: 55px;
    left: 0;
    width: 100%;
    height: calc(100vh - 55px);
    transform: translateX(100%) !important;
  }
  #website-menu .main-menu-inner li .sub-menu-container .sub-heading {
    color: #1e293b;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    line-height: 1;
    padding-left: 0;
    font-size: 18px;
    font-weight: 700;
    transition: 0.3s;
    padding: 18px 0px;
    background: #FFCD00;
    cursor: pointer;
  }
  #website-menu .main-menu-inner li .sub-menu-container .sub-heading-container {
    display: flex;
    align-items: center;
    gap: 10px;
    max-width: 720px;
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
  #website-menu .main-menu-inner li .sub-menu-container .sub-heading .back-btn {
    display: inline-flex;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    cursor: pointer;
    transition: 0.3s;
  }
  #website-menu .main-menu-inner li .sub-menu-container .sub-heading .back-btn:hover {
    background-color: #1e293b;
    color: #fff;
  }
  #website-menu .main-menu-inner li.menu-item-has-children.sub-open > .sub-menu-container {
    transform: translateX(0px) !important;
  }
  #website-menu .main-menu-inner li.menu-item-has-children > a:after {
    content: "\e915";
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #94A3B8;
    font-size: 10px;
    margin-right: 8px;
  }
  .mobile-menu ul.active {
    overflow: hidden;
  }
  .mobile-menu ul.active > li > a,
  .mobile-menu ul.active > .sub-heading {
    transform: translateX(-100%);
  }

  .main-menu-inner li .sub-menu-container {
    top: 90px;
  }
  .sub-menu-container .menu-item-cpt .menu-item-thumbnail {
    max-width: 100px;
    height: auto;
  }
  .sub-menu-container .solutions-tab-content .tab-pane .sub-menu .menu-item-cpt {
    margin-bottom: 0px;
  }

  .sub-menu-container .solution-tabs {
    display: block;
  }
  .sub-menu-container .solution-tabs .slick-list {
    width: 100vw;
    left: calc(0px - ((100vw - 100%) / 2));
    padding-left: calc((100vw - 100%) / 2);
    padding-right: 22vw;
  }
  .sub-menu-container .solution-tabs .nav-item {
    padding-right: 10px;
  }
  .sub-menu-container .solutions-tab-content {
    margin-top: 0px;
  }
  .sub-menu-container .solutions-tab-content .tab-pane {
    padding: 15px 0px;
  }

  .sub-menu-container .solution-tabs .nav-item .nav-link {
    padding: 12px 14px;
    font-size: 15px;
  }
  .sub-menu-container .menu-item-cpt .menu-item-title {
    font-size: 19px;
  }
  .main-menu-inner li .sub-menu-container .menu-item-excerpt {
    font-size: 15px;
  }
  .main-menu-inner li .sub-menu-container .menu-item-cpt a {
    font-size: 15px;
  }

  #sub-main-menu {
    display: none;
  }
  .sub-main-login {
    position: relative;
    z-index: 3;
  }
  .sub-main-login span {
    display: none;
  }
  .sub-main-login a:hover {
    color: #FFCD00;
  }
  .sub-main-support {
    margin: 0px;
    padding: 18px 20px;
    background: #F1F5F9;
  }
  .sub-main-support a {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .sub-main-support a:hover {
    color: #FFCD00;
  }
  .sub-main-menu {
    background: #FFCD00;
    padding: 32px 20px 18px 20px;
    margin: 0px;
  }
  .sub-main-menu ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    display: flex;
    column-gap: 24px;
    justify-content: center;
  }
  .sub-main-menu ul li a:hover {
    color: #fff;
  }
  .sub-main-rs {
    background: #FFCD00;
    padding: 18px 20px;
    margin: 0px;
  }
  .sub-main-rs ul {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    display: flex;
    column-gap: 16px;
    justify-content: center;
  }
  .sub-main-rs ul li a:hover {
    color: #fff;
  }

  .main-content {
    padding: 0 0 60px 0;
  }

  .slider {
    padding: 0px;
    margin-bottom: 0px;
  }
  .slider .slick-list {
    border-radius: 0px;
  }
  .slider .slide {
    height: calc(75vh - 56px);
    aspect-ratio: inherit;
  }
  .slider .slide .slick-caption .slick-caption-inner h2 {
    font-size: 50px;
  }
  .slider .slide .slick-caption .slick-caption-inner p {
    font-size: 17px;
  }
  .slider .slick-dots {
    justify-content: flex-start;
    padding: 0px 0px 50px 0px;
    width: calc(100% - 48px);
    left: 24px;
  }
  .slider .slick-dots li {
    padding: 0px;
    width: 43px;
  }
  .slider .slick-dots li span {
    display: none;
  }
  .slider .slide .slick-caption .btn {
    font-size: 15px;
  }
  .is-style-full-width-background,
  .wp-block-group.is-style-section {
    padding: 80px 0px;
  }
  .banner-title {
    padding: 80px 20px;
    margin-bottom: 40px;
  }
  .banner-title h1 {
    font-size: 40px;
  }
  .home .products-by-category {
    padding-top: 20px;
  }
  .payconnect-product-item .card {
    padding: 28px;
  }
  .payconnect-product-item .card .img-wrap {
    margin: 0px;
  }
  .products-by-category-list,
  .events-by-category-list {
    row-gap: 36px;
  }
  .tile-icon-text-container {
    row-gap: 32px;
  }
  .tile-icon-text {
    padding: 20px;
  }
  .tile-icon-text .tile-icon {
    width: 44px;
    height: 44px;
    margin-bottom: 20px;
    font-size: 16px;
  }
  .tile-icon-text .tile-content p {
    font-size: 15px;
  }
  .markets-list .row {
    row-gap: 55px;
  }
  .markets-list .market-item p {
    font-size: 15px;
  }
  .key-number .key-number-content .number {
    font-size: 50px;
  }
  .key-number .key-number-content p {
    font-size: 18px;
  }
  .references-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .customer-reviews-slider .slick-list {
    padding-right: 20vw;
  }
  .pictogram i {
    font-size: 14px;
  }

  .head-content-gallery-product .head-content-gallery-product-gallery {
    display: none;
  }
  .head-content-gallery-product .head-content-gallery-product-single {
    width: 100%;
  }
  .head-content-gallery-product {
    margin-bottom: 50px;
  }
  .back-all-posts {
    margin-bottom: 30px;
  }
  .head-content-market .excerpt, .head-content-product .excerpt {
    margin-bottom: 32px;
    padding-bottom: 32px;
  }
  .head-content-market .excerpt:after,
  .head-content-product .excerpt:after {
    width: 68px;
  }
  .value-block-product {
    margin-bottom: 40px;
  }
  .value-block {
    margin-bottom: 40px;
  }
  .block-icon-text-button {
    row-gap: 55px;
  }

  .accordions .accordion-item .accordion-header {
    padding: 22px 0;
  }
  .accordions .accordion-item .accordion-header h1,
  .accordions .accordion-item .accordion-header h2,
  .accordions .accordion-item .accordion-header h3,
  .accordions .accordion-item .accordion-header h4,
  .accordions .accordion-item .accordion-header h5,
  .accordions .accordion-item .accordion-header h6 {
    font-size: 22px;
  }
  .accordions .accordion-item .accordion-header i {
    font-size: 14px;
  }

  .main-content .gform_wrapper.gravity-theme .gfield_label {
    font-size: 14px;
  }

  .main-content.no-banner,
  .single-market-post-content,
  .single-payconnect-product-post-content {
    padding-top: 40px;
  }

  .slider-market-images {
    margin-top: 60px;
  }

  .markets-list {
    padding-top: 0px;
  }

  .wp-block-group.has-background:not(.is-style-section), .wp-block-group.has-border-color {
    margin-bottom: 40px;
  }

  .wp-block-separator {
    margin: 50px 0px;
  }

  .associated-products .products-grid {
    padding-top: 0px;
  }

  .footer {
    padding: 48px 0px;
  }
  .footer .footer-content .footer-social-media .pictogram i {
    font-size: 18px;
  }
  .footer .footer-content {
    row-gap: 56px;
  }
  .footer .footer-content,
  .footer .footer-content p {
    font-size: 15px;
  }
  .footer .footer-content .footer-menu ul li a {
    font-size: 15px;
  }
  .footer .footer-content .footer-menu ul li a:before {
    font-size: 8px;
  }
  .sub-footer {
    padding: 28px 0;
  }
  .sub-footer .sub-footer-content .sub-footer-content-flex ul {
    list-style: none;
    display: flex;
    padding: 0;
    margin: 0;
    column-gap: 20px;
    row-gap: 10px;
    flex-wrap: wrap;
  }
}

@media screen and (max-width: 768px) {
  #website-menu .main-menu-inner li .sub-menu-container .sub-heading-container {
    max-width: 540px;
  }
}

@media screen and (max-width: 650px) {
  body {
    font-size: 16px;
  }
  h1 {
    font-size: 40px;
  }
  h2 {
    font-size: 36px;
  }
  h3 {
    font-size: 30px;
  }
  h4 {
    font-size: 24px;
  }
  h5 {
    font-size: 20px;
  }
  h6 {
    font-size: 18px;
  }
  .sub-menu-container .solution-tabs .nav-item .nav-link {
    padding: 10px 12px;
    font-size: 14px;
  }
  .sub-menu-container .menu-item-cpt .menu-item-title {
    font-size: 18px;
  }
  .main-menu-inner li .sub-menu-container .menu-item-excerpt {
    font-size: 14px;
  }
  .main-menu-inner li .sub-menu-container .menu-item-cpt a {
    font-size: 14px;
  }
  .home p {
    font-size: 18px;
  }
  .btn,
  .wp-block-button > .wp-block-button__link,
  button {
    font-size: 14px;
    padding: 8px 24px;
  }
  .wp-block-button.is-style-full-grey > .wp-block-button__link {
    font-size: 14px;
    padding: 8px 24px;
  }
  .wp-block-button.is-style-outline > .wp-block-button__link {
    font-size: 14px;
    padding: 8px 24px;
  }
  .wp-block-button.is-style-outline-white > .wp-block-button__link {
    font-size: 14px;
    padding: 8px 24px;
  }
  .btn-outline-primary > a {
    font-size: 14px;
    padding: 8px 24px;
  }
  .btn-with-icon {
    padding-left: 20px !important;
  }
  .btn-with-icon i {
    font-size: 18px;
  }

  .logo-area img {
    width: 210px;
  }
  .slider .slide .slick-caption .slick-caption-inner h2 {
    font-size: 35px;
  }
  .slider .slide .slick-caption .slick-caption-inner p {
    font-size: 16px;
  }
  .slider .slide .slick-caption .btn {
    font-size: 14px;
    padding: 8px 24px;
  }
  .is-style-full-width-background,
  .wp-block-group.is-style-section {
    padding: 60px 0px;
  }
  .tile-icon-text .tile-content p {
    font-size: 14px;
  }
  .markets-list .row {
    row-gap: 48px;
  }
  .markets-list .market-item p {
    font-size: 14px;
  }
  .key-number-content {
    width: 100%;
  }
  .key-number .key-number-content .number {
    font-size: 40px;
  }
  .key-number .key-number-content p {
    font-size: 16px;
  }
  .references-grid {
    display: flex;
    flex-direction: column;
  }
  .reference-content-accordion.active {
    display: block;
  }
  .reference-content-accordion img {
    display: none;
  }

  .customer-reviews-slider .slick-list {
    padding-right: 0px;
  }
  .customer-reviews-slider .slick-prev::before,
  .customer-reviews-slider .slick-next::before {
    font-size: 18px;
    padding: 10px;
  }

  .accordions .accordion-item .accordion-header h1,
  .accordions .accordion-item .accordion-header h2,
  .accordions .accordion-item .accordion-header h3,
  .accordions .accordion-item .accordion-header h4,
  .accordions .accordion-item .accordion-header h5,
  .accordions .accordion-item .accordion-header h6 {
    font-size: 20px;
  }

  .payconnect-product-item .card .post-content .post-content-bottom {
    gap: 15px;
  }

  .main-content.no-banner,
  .single-market-post-content,
  .single-payconnect-product-post-content {
    padding-top: 24px;
  }

  .head-content-gallery-product {
    margin-bottom: 40px;
  }

  .block-icon-text-button {
    row-gap: 48px;
  }

  .wp-block-separator {
    margin: 40px 0px;
  }

  .single-market-post-content {
    margin-bottom: -60px;
  }
  body:not(.home) .main-content .single-solution-post-content .container .is-style-full-width-background:last-child,
  body:not(.home) .main-content .single-market-post-content .container .is-style-full-width-background:last-child,
  body:not(.home) .main-content .single-payconnect-product-post-content .container .is-style-full-width-background:last-child,
  body:not(.home) .main-content .single-post-content .container .is-style-full-width-background:last-child,
  body:not(.home) .main-content > .container .is-style-full-width-background:last-child {
    margin-bottom: -60px;
  }

  .footer .footer-content,
  .footer .footer-content p {
    font-size: 14px;
  }
  .footer-logo img {
    max-width: 200px;
    height: auto;
  }
  .footer .footer-content .footer-menu ul li a {
    font-size: 14px;
  }
}