:root {
  --sidebar-width: 31rem;
  --layout-gap: 4rem;
  --wp--style--block-gap: clamp(3.5rem, 2.737rem + 1.404vw, 4rem);
}

@media (min-width: 1300px) {
  :root {
    --sidebar-width: 34rem;
    --layout-gap: 6rem;
  }
}
.bank-list {
  text-align: center;
}
* + .bank-list {
  margin-top: var(--wp--preset--spacing--l) !important;
}
.bank-list__filters {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0 auto var(--wp--preset--spacing--l) auto;
  padding: 5px;
  background: rgba(0, 77, 188, 0.1);
  border-radius: 5rem;
  position: relative;
}
.bank-list__filters .bank-filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--wp--preset--font-family--primary);
  font-size: var(--wp--preset--font-size--font-17);
  font-weight: 500;
  line-height: 1.025;
  text-align: center;
  text-decoration: none;
  padding: 1.4rem 3rem;
  color: #02061A;
  border-radius: 5rem;
  cursor: pointer;
  position: relative;
  transition: color 0.45s cubic-bezier(0.4, 0, 0.2, 1), background 0.45s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  color: #FFF;
  background: transparent;
  border: 1px solid #FFF;
  border-color: transparent;
}
.bank-list__filters .bank-filter:hover, .bank-list__filters .bank-filter:active, .bank-list__filters .bank-filter:focus {
  color: #86F1A7;
  background: #000A24;
}
.bank-list__filters .bank-filter:hover, .bank-list__filters .bank-filter:active, .bank-list__filters .bank-filter:focus, .bank-list__filters .bank-filter.is-active {
  background: transparent;
  border-color: #AEB6C6;
}
.bank-list__filters .bank-filter.is-active {
  border-color: #FFF;
}
.bank-list__grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  padding: var(--wp--preset--spacing--normal);
  background: linear-gradient(116deg, rgba(0, 77, 188, 0.15) 5%, rgba(134, 241, 167, 0.15) 98%);
  border: 1px solid rgba(174, 182, 198, 0.25);
  border-radius: 15px;
  position: relative;
}
.bank-list__grid .bank {
  width: 100%;
  height: 54px;
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  align-content: center;
  font-size: var(--wp--preset--font-size--font-16);
  line-height: 1.05;
  padding: 10px 12px 12px 55px;
  color: #fff;
  background: rgba(26, 46, 65, 0.2);
  border-radius: 3px;
  position: relative;
}
.bank-list__grid .bank img {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  left: 12px;
}
.bank-list__grid .bank p {
  display: flex;
  gap: 0.7ch;
  align-items: center;
  font-size: var(--wp--preset--font-size--font-16);
  font-weight: 500;
  line-height: 1.05 !important;
  text-transform: uppercase;
  margin: 0;
  color: #D6DBE7;
}
.bank-list__grid .bank p span {
  font-weight: 300;
  color: #636F88;
}
.bank-list__grid .bank .actions {
  display: flex;
  gap: 1.7rem;
  margin-left: auto;
}
.bank-list__grid .bank a {
  height: 30px;
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  padding: 0 0 0 40px;
  color: #AEB6C6;
  position: relative;
  transition: color 0.45s ease-in-out;
}
.bank-list__grid .bank a svg {
  position: absolute;
  top: 0;
  left: 0;
}
.bank-list__grid .bank a:hover {
  color: #FFF;
}
@media (max-width: 599px) {
  .bank-list__grid .bank {
    height: 120px;
  }
  .bank-list__grid .bank .actions {
    width: 100%;
    margin-right: auto;
    margin-left: 0;
    padding-top: 1.5rem;
    border-top: 1px dashed rgba(44, 139, 255, 0.35);
  }
}
@media (min-width: 1024px) {
  .bank-list__grid {
    gap: 2rem;
  }
  .bank-list__grid .bank {
    width: calc(50% - 1rem);
  }
}
@media (min-width: 1250px) {
  .bank-list__grid {
    gap: 3rem;
  }
  .bank-list__grid .bank {
    width: calc(50% - 1.5rem);
  }
  .bank-list__grid .bank .actions {
    gap: 2.2rem;
  }
}

.goverlay {
  background: linear-gradient(114deg, rgba(0, 37, 148, 0.9) 5%, rgba(134, 241, 167, 0.9) 95%) !important;
}

.gslide-inline {
  background: #02061A !important;
  border-radius: 10px;
}

.pairs-popup {
  padding: 40px !important;
}
.pairs-popup h4 {
  font-size: var(--wp--preset--font-size--font-23);
  font-weight: 200;
  text-align: center;
  margin: 0.5ch 0 3.2ch 0;
  color: #86F1A7;
}
.pairs-popup ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.pairs-popup ul li {
  width: calc(50% - 0.5rem);
  font-size: var(--wp--preset--font-size--font-16);
  margin: 0;
  padding: 1rem 1.1rem;
  background: linear-gradient(116deg, rgba(0, 77, 188, 0.15) 5%, rgba(134, 241, 167, 0.12) 95%);
  border-radius: 3px;
}
@media (min-width: 782px) {
  .pairs-popup ul li {
    width: calc(33.33% - 0.8rem);
  }
}