:root {
  --white: white;
  --black: black;
}

.body {
  color: #000;
  font-family: Archivo, sans-serif;
  line-height: 140%;
}

.container {
  max-width: 1148px;
  height: 100%;
  padding-left: 24px;
  padding-right: 24px;
}

.herosection {
  z-index: 1;
  background-color: #040816;
  background-image: none;
  height: 100vh;
  position: relative;
}

.herosectionconent {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.heroheaderblock {
  grid-column-gap: 48px;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.herosectionheader {
  color: #fff;
  text-transform: uppercase;
  align-self: center;
  font-size: 56px;
  font-weight: 700;
  line-height: 120%;
}

.header {
  z-index: 1000;
  height: 64px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.header.withbg {
  background-color: #0c1e3c;
}

.headercontent {
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.logoblock {
  width: auto;
}

.brandtext-header {
  color: #ffffff;
  font-size: 22px;
}

.cta-button {
  text-transform: uppercase;
  background-color: #2563EB;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
}

.cta-button:hover {
  background-color: #1E40AF;
}

.cta-button.hide {
  display: none;
}

.aduantageslist {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  display: flex;
}

.integrationcard {
  grid-row-gap: 0px;
  color: #fff;
  background-color: #60A5FA;
  border: 1px solid #00000005;
  border-radius: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  min-height: 320px;
  display: flex;
}

.h1 {
  text-align: left;
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.ctasectioncontent {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.advantagessection {
  display: none;
}

.advantagessectioncontent {
  padding-bottom: 80px;
}

.advantagesitem {
  border: 1px solid #b8c0cc;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 33%;
  padding: 40px 16px;
  display: flex;
}

.advantageslist {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  display: flex;
}

.advantagestittle {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 140%;
}

.currenciessection {
  background-color: #eef1f6;
}

.currenciessectioncontent {
  padding-top: 120px;
  padding-bottom: 120px;
}

.currenciescolumns {
  grid-column-gap: 32px;
  display: flex;
}

.currenciesleftcolumn {
  max-width: 400px;
}

.currenciesrightcolumn {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.sectionheader {
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 44px;
  line-height: 120%;
}

.sectionheader.minor {
  color: #b8c0cc;
}

.sectionheader.light {
  color: #fff;
}

.sectiondescription {
  color: #9ea6b4;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
}

.currencieslist {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  margin-bottom: 40px;
  display: flex;
}

.currencyitem {
  grid-column-gap: 8px;
  background-color: #fff;
  border-radius: 8px;
  align-items: center;
  padding: 16px;
  display: flex;
}

.currencyitem.standart {
  color: #9ea6b4;
  background-color: #edf1f5;
  border: 2px solid #fff;
}

.currencyitem.hide {
  display: none;
}

.currencyicon {
  border: 1px solid #eef1f6;
  border-radius: 6px;
  width: 26px;
  overflow: hidden;
}

.currencyicon.hide {
  display: none;
}

.currencytittle {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 500;
}

.geographysection {
  background-color: #0d2350;
  overflow: hidden;
}

.geographysectioncontent {
  padding-top: 120px;
  padding-bottom: 120px;
  position: relative;
}

.geographycolumns {
  grid-column-gap: 80px;
  margin-bottom: 40px;
  display: flex;
}

.geographyleftcolumn {
  z-index: 1;
  max-width: 500px;
  position: relative;
}

.geographyrightcolumn {
  z-index: 0;
  width: 500px;
  height: 335px;
  display: flex;
  position: relative;
}

.geographynumberlist {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  margin-bottom: 40px;
  display: flex;
  position: relative;
}

.geographynumberitem {
  background-color: #1a2b4de6;
  border-radius: 16px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  max-width: 33%;
  padding: 32px 16px;
  display: flex;
}

.geographynumbertittle {
  color: #2563EB;
  font-size: 36px;
  font-weight: 900;
  line-height: 130%;
}

.geographynumberdescription {
  color: #eef1f6;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
}

.geographyrightcolumnbg {
  z-index: 1;
  margin-top: -98px;
  margin-left: -799px;
  display: none;
  position: absolute;
}

.geographycountrieslistframe {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.geographycountriesitem {
  border-radius: 8px;
  width: 44px;
  overflow: hidden;
}

.geographycountriesitem.hide {
  display: none;
}

.geographycountrieslist {
  grid-column-gap: 16px;
  display: flex;
}

.opportunitysection {
  z-index: 1;
  position: relative;
}

.opportunitysectionconent {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.processingheaderframe {
  text-align: center;
  margin-bottom: 40px;
}

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

.opportunitylist {
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.processinglistitem {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f8f8f8;
  border: 1px solid #00000005;
  border-radius: 12px;
  flex-flow: column;
  flex: 1;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.processinglistitemtop {
  z-index: 1;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.processinglistitembuttom {
  z-index: 1;
  grid-row-gap: 1px;
  border-radius: 8px;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.processinglistitemtittle {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
}

.processinglistitemfeature {
  color: #fff;
  text-align: center;
  background-color: #1a2b4de6;
  padding: 16px 8px;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}

.processinglistitembg {
  opacity: .32;
  background-image: url('../images/1.png');
  background-position: 0 0;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.processinglistitembg._2 {
  background-image: url('../images/2.png');
}

.processinglistitembg._3 {
  background-image: url('../images/3.png');
}

.footersection {
  z-index: 10;
  position: relative;
  background-color: #040816;
  color: #d6deef;
  padding: 64px 0 32px;
}

.footer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  padding-bottom: 48px;
  border-bottom: 1px solid #ffffff14;
}

.footer-brand-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}

.footer-address {
  color: #8a99b8;
  font-size: 15px;
  line-height: 160%;
  max-width: 320px;
}

.footer-contact-col {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}

.footer-col-label {
  color: #6e7d9b;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.footer-link {
  color: #e6ecf8;
  font-size: 16px;
  line-height: 140%;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
  transition: color 0.2s, border-color 0.2s;
  white-space: nowrap;
}

.footer-link:hover {
  color: #60A5FA;
  border-bottom-color: #60A5FA;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  flex-wrap: wrap;
  gap: 12px;
}

.footer-meta {
  color: #6e7d9b;
  font-size: 13px;
  letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 32px;
    padding-bottom: 32px;
  }
  .footersection {
    padding: 48px 0 24px;
  }
}

.contactssectionconent {
  grid-column-gap: 80px;
  grid-row-gap: 40px;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
  padding-top: 64px;
  padding-bottom: 32px;
  display: flex;
}

.cantactitem {
  display: flex;
}

.contactitemlink {
  color: #e6ecf8;
  border-bottom: 1px solid #ffffff1f;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 16px;
  line-height: 140%;
  text-decoration: none;
  display: inline-flex;
  white-space: nowrap;
}

.contactitemlink:hover {
  color: #60A5FA;
  border-bottom-color: #60A5FA;
}

.contactitemdescription {
  color: #9ea6b4;
  font-size: 16px;
}

.rightslabel {
  color: #9ea6b4;
  font-size: 16px;
  line-height: 150%;
}

.geographybg {
  z-index: 0;
  justify-content: flex-end;
  position: absolute;
  inset: 0%;
}

.geographybgimage {
  width: 160%;
  max-width: 160%;
  margin-top: 54px;
  margin-left: -11%;
  position: absolute;
}

.geographyrightcolumnbgimage {
  width: 170%;
  max-width: none;
}

.headerlogo {
  width: 100%;
}

.herobgvideoframe {
  z-index: 0;
  display: none;
  position: absolute;
  inset: 0%;
}

.herobgvideo {
  z-index: -10;
  height: 100%;
}

.herovideoton {
  z-index: -9;
  mix-blend-mode: hue;
  background-color: #0d2350;
  display: none;
  position: absolute;
  inset: 0%;
}

.herovideoton2 {
  z-index: -8;
  background-color: #0000005c;
  display: none;
  position: absolute;
  inset: 0%;
}

.servicesaditionallist {
  grid-column-gap: 40px;
  background-color: #eff1f5;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  padding: 56px 32px;
  display: flex;
}

.servicesaditionalcolumnleft {
  grid-row-gap: 8px;
  color: #000;
  text-align: right;
  flex-direction: column;
  justify-content: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}

.servicesaditionalcolumnright {
  grid-row-gap: 8px;
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 24px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}

.footerdocumentslist {
  grid-column-gap: 32px;
  grid-row-gap: 24px;
  width: 100%;
  display: flex;
}

.documentlinkitem {
  color: #000;
  border-bottom: 1px solid #edf1f5;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 16px;
  text-decoration: none;
}

.documentlinkitem:hover {
  color: #2563EB;
  border-bottom-color: #2563EB;
}

.documentlinkitem.hide {
  display: none;
}

.footerlegalcolumn {
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 1;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 50%;
  display: flex;
}

.documentheadersection {
  background-color: #050e1e;
  height: 32vh;
  position: relative;
}

.documentheadersectionconent {
  z-index: 1;
  height: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
}

.documentcontentsectioncontent {
  padding-top: 40px;
  padding-bottom: 40px;
}

.documentcontent {
  font-size: 16px;
  line-height: 160%;
}

.documentdescription {
  opacity: .42;
  color: #fff;
  font-size: 16px;
}

.documentheaderblock {
  margin-bottom: 48px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.documentname {
  color: #fff;
  text-transform: uppercase;
  font-size: 48px;
  line-height: 120%;
}

.footercontactscolumn {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 1;
  display: flex;
}

.rightsblock {
  grid-row-gap: 8px;
  flex-direction: column;
  width: 50%;
  display: flex;
}

.footercontactlist {
  grid-column-gap: 32px;
  flex-wrap: wrap;
  display: flex;
}

.adresslabel {
  color: #8a99b8;
  text-align: left;
  font-size: 15px;
  line-height: 150%;
}

.footerlinks {
  justify-content: flex-start;
  display: flex;
}

.footerinfo {
  align-items: flex-start;
  padding-top: 16px;
  border-top: 1px solid #ffffff14;
  display: flex;
}

.currenciesculc {
  display: none;
}

.servicesaditionallogo {
  opacity: .32;
  width: 44px;
  padding-left: 6px;
  display: none;
  position: absolute;
}

.culc {
  width: 100%;
  max-width: 577px;
  overflow: hidden;
}

.culc_frame {
  background-color: #ffffff8c;
  border: 1px solid #fff;
  border-radius: 8px;
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 24px 24px;
  display: flex;
}

.culc_frame_hero {
  background-color: #eaeaee;
  border: 1px #fff;
  border-radius: 8px;
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 24px 24px;
  display: flex;
  overflow: hidden;
}

.herosectionheaderblock {
  grid-column-gap: 34px;
  grid-row-gap: 34px;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.culc_frame_heroscreen {
  background-color: #eaeaee;
  border: 1px #fff;
  border-radius: 8px;
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 32px 24px 24px;
  display: flex;
  overflow: hidden;
}

.culcframe {
  width: 100%;
  max-width: 577px;
  overflow: hidden;
}

.aduantagesimage {
  width: 32px;
  height: 32px;
}

.h2 {
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
}

.opportunityliistitem {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  background-color: #f8f8f8;
  border: 1px solid #00000005;
  border-radius: 12px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 324px;
  padding: 0 32px 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.opportunityimageblock {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.aduantageslistitem {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f8f8f8;
  border: 1px solid #00000005;
  border-radius: 12px;
  flex-flow: column;
  flex: 1;
  height: 200px;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.aduantagesimageblock {
  flex: 1;
  align-self: stretch;
}

.opportunityimage {
  width: 120px;
  height: 120px;
}

.networkitem {
  background-color: #ffffff1f;
  border-radius: 8px;
  padding: 8px 16px 8px 12px;
}

.servicesitemtittle-copy {
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
}

.networklist {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.p1 {
  text-align: left;
  -webkit-text-stroke-color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 160%;
}

.info {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.servicesitem-copy {
  grid-row-gap: 28px;
  background-color: #050e1e;
  border-radius: 16px;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  min-height: 320px;
  padding: 36px 40px;
  display: flex;
}

.securitycard {
  grid-row-gap: 0px;
  color: #fff;
  background-color: #00cba9;
  border: 1px solid #00000005;
  border-radius: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 340px;
  min-height: 430px;
  display: flex;
}

.geographycard {
  grid-row-gap: 28px;
  background-color: #f8f8f8;
  border: 1px solid #00000005;
  border-radius: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 320px;
  padding: 36px 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image {
  width: 16px;
  height: 16px;
}

.point {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.points {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-6 {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.image-2 {
  height: 160px;
}

.image-3 {
  height: 150px;
}

.amountinfoblock {
  z-index: 2;
  background-color: #fff;
  border: 2px solid #f8f8f8;
  border-radius: 8px;
  align-self: stretch;
  padding: 20px 32px;
  display: flex;
  position: relative;
}

.text-block-4 {
  font-size: 16px;
  font-weight: 600;
}

.infodescription {
  color: #82808b;
}

.image-4 {
  width: 800px;
}

.wiget-border {
  background-color: #1E40AF14;
  border: 1px solid #ffffff1f;
  border-radius: 16px;
  flex: 1;
  justify-content: center;
  max-width: 40%;
  height: 600px;
  max-height: 80vh;
  padding: 16px;
  display: flex;
  overflow: hidden;
}

.div-block-10 {
  width: 400px;
  height: 500px;
  margin-left: auto;
  margin-right: auto;
}

.integrationimageblock {
  flex: 1;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-end;
  padding-bottom: 32px;
  padding-right: 48px;
  display: flex;
}

.blockheader {
  text-transform: uppercase;
  font-size: 44px;
  font-weight: 700;
  line-height: 120%;
}

.text-block-6 {
  color: #2563EB;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
}

.opportunityheader {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 70%;
  margin-bottom: 30px;
  display: flex;
}

.text-block-7, .text-block-8, .text-block-9 {
  color: #60A5FA;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.text-block-10, .text-block-11 {
  font-size: 16px;
  font-weight: 600;
}

.optimizationcard {
  grid-row-gap: 0px;
  color: #fff;
  background-color: #1fa1ff;
  border: 1px solid #00000005;
  border-radius: 16px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 340px;
  min-height: 430px;
  display: flex;
}

.currenciescard {
  color: #fff;
  background-color: #050e1e;
  border: 1px solid #00000005;
  border-radius: 16px;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 320px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button {
  background-color: #803ef0;
  border-radius: 8px;
  padding: 10px 12px;
}

.button:hover {
  background-color: #7229df;
}

.button:active {
  background-color: #6b23d7;
}

.ctacard {
  grid-column-gap: 24px;
  grid-row-gap: 8px;
  color: #fff;
  background-color: #050e1e;
  border: 1px solid #00000005;
  border-radius: 16px;
  flex-flow: row;
  flex: 1;
  justify-content: center;
  align-items: center;
  min-height: 240px;
  padding: 36px 32px;
  display: flex;
  position: relative;
}

.pointstar {
  justify-content: center;
  align-items: center;
  height: 26px;
  display: flex;
}

.image-5 {
  opacity: .8;
  width: 837px;
  height: 540px;
  position: absolute;
  top: -60px;
  left: 41px;
}

.aduantagessmallheader {
  color: #803ef0;
}

.aduantagessectioncontent {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  padding-top: 120px;
  padding-bottom: 120px;
  display: flex;
}

.aduantagestextblock {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  align-self: stretch;
  padding: 32px;
  display: flex;
}

.securityimageblock {
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.infoheader {
  color: #8d6bec;
}

.amountinfo {
  flex-flow: column;
  flex: 1;
  display: flex;
}

.currenciescardbg {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.currenciescardcontent {
  z-index: 1;
  flex: 1;
  padding-top: 32px;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
  position: relative;
}

.currenciescardbganimation {
  width: 100%;
  height: 100%;
}

.tag-canvas4 {
  height: 100%;
}

.tag-canvas {
  transform-origin: 0 0;
  height: 100%;
  display: none;
  overflow: hidden;
  transform: scale(1);
}

.geographycardbg {
  position: absolute;
  inset: -4% 0%;
  overflow: hidden;
}

.herosectionbg {
  z-index: -1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  background-color: #040816;
}

.headertittleblock {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  text-align: left;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  max-width: 50%;
  padding-top: 24px;
  padding-bottom: 64px;
  display: flex;
}

.widget {
  border-radius: 8px;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.html-embed-2 {
  height: 100%;
}

.security-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  align-items: center;
  height: 40px;
  display: none;
}

.image-21, .image-22, .image-23 {
  opacity: .5;
  height: 40px;
}

.image-24 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  display: inline-block;
}

.image-2-copy {
  height: 180px;
}

.ctacardbg {
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: -4% 0%;
  overflow: hidden;
}

.image-6 {
  opacity: 1;
  width: 680px;
}

.currenciesinfodescription {
  color: #ffffff80;
}

.aduantageslis {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-13 {
  z-index: 1;
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.image-26 {
  position: absolute;
  inset: auto 0% 0% auto;
}

.logotypes {
  justify-content: space-between;
  width: 100%;
  margin-bottom: 24px;
  display: flex;
}

.div-block-14 {
  opacity: .2;
  justify-content: flex-end;
  height: 32px;
  display: flex;
}

.div-block-14.hide {
  display: none;
}

.div-block-15 {
  height: 32px;
  display: flex;
}

.image-27 {
  width: 100%;
}

.div-block-16 {
  justify-content: center;
  align-items: center;
  display: none;
}

.zaglushkaherosectionheaderblock {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  text-align: center;
  flex-flow: column;
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-17 {
  width: auto;
  display: flex;
  justify-content: center;
}

.div-block-18 {
  color: #0b1530;
  text-align: left;
  background-color: #ffffffeb;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: 1px solid #ffffff40;
  border-radius: 18px;
  flex-flow: column;
  max-width: 760px;
  padding: 44px 48px 40px;
  display: flex;
  gap: 14px;
  box-shadow: 0 32px 64px -20px #00081f80, 0 2px 0 #ffffff80 inset;
  position: relative;
  overflow: hidden;
}

.eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #1E40AF;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.eyebrow-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #2563EB;
  box-shadow: 0 0 0 4px #2563EB1f;
}

.div-block-19 {
  flex-flow: column;
  display: flex;
}

.p1-copy {
  text-align: left;
  color: #1f2a44;
  font-size: 15px;
  font-weight: 500;
  line-height: 165%;
  margin: 0;
}

.heading {
  font-size: 28px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #0b1530;
  margin: 0 0 8px;
}

.link {
  color: #2563EB;
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.link:hover {
  color: #1E40AF;
}

.brandtext {
  font-family: Archivo, sans-serif;
  font-weight: 800;
  font-size: 40px;
  letter-spacing: 0.06em;
  line-height: 1;
  color: #ffffff;
  display: inline-block;
}

.brandtext-hero {
  background: linear-gradient(135deg, #ffffff 0%, #BFD3FF 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 2px 24px #0a1e5c40;
  font-size: 48px;
}

.brandtext-footer {
  color: #ffffff;
  font-size: 28px;
}

@media screen and (max-width: 991px) {
  .container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .herosection {
    height: auto;
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .heroheaderblock {
    grid-row-gap: 30px;
    flex-direction: column;
  }

  .herosectionheader {
    align-self: center;
    font-size: 44px;
  }

  .aduantageslist {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
  }

  .h1 {
    font-size: 28px;
  }

  .ctasectioncontent {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .advantagesitem {
    padding: 24px 8px;
  }

  .advantageslist {
    grid-column-gap: 8px;
  }

  .advantagestittle {
    font-size: 18px;
  }

  .currenciescolumns {
    flex-direction: column;
  }

  .currenciesleftcolumn {
    max-width: 100%;
    margin-bottom: 32px;
  }

  .geographycolumns {
    flex-direction: column;
  }

  .geographyleftcolumn {
    width: 100%;
  }

  .geographyrightcolumn {
    width: 100%;
    height: 290px;
  }

  .geographynumberlist {
    grid-column-gap: 8px;
  }

  .geographynumberitem {
    padding: 24px 12px;
  }

  .geographynumbertittle {
    font-size: 24px;
  }

  .geographyrightcolumnbg {
    margin-top: -50px;
    margin-left: -542px;
    margin-right: 23px;
  }

  .opportunitysectionconent {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .opportunitylist {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .contactssectionconent {
    grid-row-gap: 72px;
    flex-direction: column;
    align-items: center;
  }

  .rightslabel {
    text-align: center;
  }

  .geographybg {
    justify-content: center;
    padding-top: 222px;
    display: flex;
  }

  .geographybgimage {
    width: 220%;
    max-width: 220%;
  }

  .servicesaditionallist {
    grid-column-gap: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .servicesaditionalcolumnleft {
    font-size: 18px;
  }

  .servicesaditionalcolumncenter {
    width: 100px;
  }

  .servicesaditionalcolumnright {
    font-size: 18px;
  }

  .footerdocumentslist {
    justify-content: center;
  }

  .footerlegalcolumn {
    grid-row-gap: 24px;
    flex-direction: column;
    max-width: 100%;
  }

  .documentname {
    font-size: 48px;
  }

  .footercontactscolumn {
    grid-row-gap: 24px;
    align-items: center;
    max-width: 100%;
  }

  .rightsblock {
    width: 100%;
  }

  .adresslabel {
    text-align: center;
    min-width: 100%;
  }

  .footerlinks {
    grid-row-gap: 24px;
    flex-direction: column;
    align-items: center;
  }

  .footerinfo {
    grid-row-gap: 8px;
    flex-direction: column;
  }

  .herosectionheaderblock {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .opportunityliistitem {
    height: 280px;
    padding-bottom: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .aduantageslistitem {
    height: 180px;
    padding: 24px;
  }

  .servicesitemtittle-copy {
    font-size: 18px;
  }

  .p1 {
    font-size: 16px;
  }

  .info {
    align-self: stretch;
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .servicesitem-copy {
    padding: 16px 12px;
  }

  .geographycard {
    padding: 0;
  }

  .image-2 {
    height: 130px;
  }

  .amountinfoblock {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    border-width: 0;
    flex-flow: column;
    margin-bottom: 12px;
    margin-left: 12px;
    margin-right: 12px;
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .wiget-border {
    flex: 0 auto;
    max-width: 100%;
  }

  .integrationimageblock {
    justify-content: center;
    align-items: flex-end;
    padding-right: 0;
  }

  .blockheader {
    font-size: 48px;
  }

  .currenciescard {
    padding: 0;
  }

  .ctacard {
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 16px 12px;
  }

  .image-5 {
    display: none;
    overflow: hidden;
  }

  .aduantagessectioncontent {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .currenciescardcontent {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .headertittleblock {
    text-align: center;
    max-width: 100%;
    padding-bottom: 24px;
  }

  .widget {
    width: 360px;
  }

  .security-2 {
    justify-content: center;
    align-items: center;
    height: 32px;
  }

  .image-21, .image-22, .image-23 {
    height: 32px;
  }

  .image-24 {
    width: 190%;
  }

  .ctacardbg {
    display: none;
  }

  .aduantageslis {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-13 {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .logotypes {
    flex-flow: column;
  }

  .div-block-14 {
    justify-content: space-around;
    display: none;
  }

  .zaglushkaherosectionheaderblock {
    flex-flow: column;
    width: 100%;
    display: flex;
  }

  .p1-copy {
    font-size: 14px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    padding-left: 32px;
    padding-right: 32px;
  }

  .herosectionheader {
    font-size: 36px;
  }

  .aduantageslist {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    flex-flow: column;
  }

  .opportunitylist {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .contactssectionconent {
    flex-direction: column;
  }

  .geographybgimage {
    width: 300%;
    max-width: 300%;
  }

  .footerlegalcolumn {
    width: 100%;
  }

  .culc_frame, .culc_frame_hero, .culc_frame_heroscreen {
    padding: 12px;
  }

  .h2 {
    font-size: 18px;
  }

  .opportunityliistitem {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    height: 240px;
  }

  .aduantageslistitem {
    height: 150px;
  }

  .info {
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .securitycard {
    max-width: 100%;
  }

  .image-2 {
    height: 140px;
  }

  .wiget-border {
    padding: 12px;
  }

  .blockheader {
    font-size: 32px;
  }

  .opportunityheader {
    width: 100%;
  }

  .optimizationcard {
    max-width: 100%;
  }

  .ctacard {
    min-height: 200px;
  }

  .aduantagessectioncontent {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .aduantagestextblock {
    padding: 24px;
  }

  .securityimageblock {
    justify-content: center;
    align-items: flex-start;
  }

  .tag-canvas {
    width: 125%;
    height: 125%;
    transform: scale(.8);
  }

  .aduantageslis {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .image-25 {
    height: 200px;
  }

  .image-26 {
    max-width: 140%;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-left: 24px;
    padding-right: 24px;
  }

  .herosection {
    background-image: linear-gradient(#0000, #0000);
  }

  .herosectionconent {
    height: 90%;
  }

  .heroheaderblock {
    grid-row-gap: 16px;
    margin-bottom: 24px;
  }

  .herosectionheader {
    font-size: 40px;
  }

  .header {
    height: 58px;
  }

  .logoblock {
    width: 132px;
  }

  .cta-button {
    padding: 8px 16px;
  }

  .aduantageslist {
    flex-wrap: wrap;
  }

  .integrationcard {
    width: 100%;
  }

  .ctasectioncontent {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .advantagessectioncontent {
    padding-bottom: 56px;
  }

  .advantagesitem {
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .advantageslist {
    flex-direction: column;
  }

  .currenciessectioncontent {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .sectionheader {
    font-size: 32px;
  }

  .sectiondescription {
    font-size: 20px;
  }

  .currencieslist {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
  }

  .currencyitem {
    padding: 12px 8px;
  }

  .currencytittle {
    font-size: 18px;
  }

  .geographysectioncontent {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .geographyrightcolumn {
    height: 240px;
  }

  .geographynumberlist {
    flex-direction: column;
  }

  .geographynumberitem {
    max-width: 100%;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .geographyrightcolumnbg {
    width: 300px;
    margin-top: -10px;
    margin-left: -22px;
    top: 1%;
    left: -120%;
  }

  .geographycountrieslist {
    grid-column-gap: 12px;
  }

  .opportunitysectionconent {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .opportunitylist {
    flex-direction: column;
  }

  .processinglistitemtop {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .processinglistitemfeature {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .contactssectionconent {
    align-items: center;
  }

  .rightslabel {
    text-align: center;
  }

  .geographybg {
    padding-top: 162px;
  }

  .geographybgimage {
    width: 400%;
    max-width: 400%;
    margin-top: auto;
  }

  .geographyrightcolumnbgimage {
    width: 160%;
  }

  .servicesaditionallist {
    grid-row-gap: 8px;
    flex-direction: column;
    margin-top: 8px;
    padding: 20px;
  }

  .servicesaditionalcolumnleft, .servicesaditionalcolumnright {
    width: 100%;
    font-weight: 600;
  }

  .footerdocumentslist {
    grid-row-gap: 10px;
    flex-wrap: wrap;
  }

  .documentlinkitem {
    text-align: center;
  }

  .footerlegalcolumn {
    align-items: center;
  }

  .documentheadersection {
    height: 500px;
  }

  .documentcontent {
    font-size: 14px;
  }

  .documentdescription {
    text-transform: uppercase;
    font-size: 16px;
  }

  .documentname {
    font-size: 32px;
  }

  .rightsblock {
    grid-row-gap: 12px;
  }

  .footercontactlist {
    flex-wrap: wrap;
  }

  .adresslabel {
    text-align: center;
  }

  .footerlinks {
    grid-row-gap: 20px;
  }

  .footerinfo {
    grid-row-gap: 12px;
  }

  .culc_frame_hero, .culc_frame_heroscreen {
    padding: 24px;
  }

  .aduantagesimage {
    width: 24px;
  }

  .h2 {
    font-size: 14px;
  }

  .opportunityliistitem {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    height: auto;
    padding: 24px 8px 32px;
  }

  .aduantageslistitem {
    height: auto;
    padding: 16px;
  }

  .opportunityimage {
    width: 80px;
    height: 80px;
  }

  .servicesitem-copy {
    width: 48%;
  }

  .securitycard, .geographycard {
    width: 100%;
  }

  .image-2 {
    height: 100px;
  }

  .wiget-border {
    width: 100%;
    padding: 0;
    overflow: hidden;
  }

  .optimizationcard, .currenciescard {
    width: 100%;
  }

  .ctacard {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-left: 24px;
  }

  .aduantagessectioncontent {
    padding-top: 56px;
    padding-bottom: 56px;
  }

  .securityimageblock {
    justify-content: center;
    align-items: center;
  }

  .herosectionbg {
    justify-content: center;
    align-items: flex-start;
    height: 800px;
  }

  .headertittleblock {
    text-align: left;
    padding-top: 0;
    padding-bottom: 0;
  }

  .widget {
    width: 100%;
  }

  .security-2 {
    display: none;
  }

  .image-24 {
    width: 280%;
    margin-left: auto;
    margin-right: auto;
  }

  .image-2-copy {
    height: 160px;
  }

  .aduantageslis {
    flex-direction: column;
  }

  .image-25 {
    height: 160px;
  }

  .div-block-13 {
    justify-content: center;
    align-items: flex-start;
  }

  .image-26 {
    max-width: 180%;
  }

  .div-block-18 {
    padding: 24px;
    border-radius: 12px;
  }

  .heading {
    font-size: 22px;
  }

  .brandtext-hero {
    font-size: 36px;
  }

  .brandtext-footer {
    font-size: 24px;
  }
}