@font-face {
  font-family: Dirham Font;
  src: url('../fonts/aed-regular-webfont.woff') format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --colors--primary-bg: #e5eaf4;
  --fonts--default-font: Montserrat, sans-serif;
  --colors--primary-dark: #1a3253;
  --size--desktop--content-p-fs-18: 18px;
  --size--desktop--content-p-lh-26: 26px;
  --colors--secondary-blue: #0046ab;
  --colors--secondary-blue-light: #0064ee;
  --fonts--display-font: Syne, sans-serif;
  --size--tablet--content-p-fs-16: 16px;
  --size--tablet--content-p-lh-25: 25px;
  --size--mobile--content-p-fs-15: 15px;
  --size--mobile--content-p-lh-22: 22px;
  --size--size-20: 20px;
  --colors--primary-white: white;
  --colors--primary-light: #2caae1;
  --size--tablet--display-fs-50: 50px;
  --size--tablet--display-lh-60: 60px;
  --size--desktop--display-fs-80: 80px;
  --size--desktop--display-lh-90: 90px;
  --size--mobile--display-fs-40: 40px;
  --size--mobile--display-lh-45: 45px;
  --size--desktop--content-p-small-fs-15: 15px;
  --size--desktop--content-p-small-lh-19: 19px;
  --size--tablet--content-p-small-fs-13: 13px;
  --size--tablet--content-p-small-lh-18: 18px;
  --size--mobile--content-p-small-fs-14: 14px;
  --size--mobile--content-p-small-lh-19: 19px;
  --size--desktop--base-fs-20: 20px;
  --size--desktop--base-lh-30: 30px;
  --size--tablet--base-fs-18: 18px;
  --size--tablet--base-lh-28: 28px;
  --size--mobile--base-fs-16: 16px;
  --size--mobile--base-lh-25: 25px;
  --size--size-100: 100px;
  --size--desktop--tags-fs-lh-16: 16px;
  --size--tablet--tags-fs-lh-13: 13px;
  --size--size-10: 10px;
  --colors--table-sub-row-bg: #b0c6e5;
  --colors--secondary-bg: #8aaad8;
  --size--size-15: 15px;
  --colors--secondary-purple: #5d048a;
  --colors--secondary-purple-light: #cf00ff;
  --colors--seconary-skye-blue: cyan;
  --fonts--dirham-font: "Dirham Font", Arial, sans-serif;
  --size--mobile--tags-fs-lh-12: 12px;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--colors--primary-bg);
  font-family: var(--fonts--default-font);
  color: var(--colors--primary-dark);
  font-size: var(--size--desktop--content-p-fs-18);
  line-height: var(--size--desktop--content-p-lh-26);
}

h1 {
  background-image: linear-gradient(90deg, var(--colors--secondary-blue), var(--colors--secondary-blue-light));
  font-family: var(--fonts--display-font);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 50px;
  font-weight: 700;
  line-height: 60px;
}

h2 {
  background-image: linear-gradient(90deg, var(--colors--secondary-blue), var(--colors--secondary-blue-light));
  font-family: var(--fonts--display-font);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}

h3 {
  font-family: var(--fonts--display-font);
  color: var(--colors--secondary-blue);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 700;
  line-height: 35px;
}

h4 {
  font-family: var(--fonts--display-font);
  color: var(--colors--secondary-blue);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
}

h5 {
  font-family: var(--fonts--display-font);
  color: var(--colors--secondary-blue);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

h6 {
  font-family: var(--fonts--display-font);
  color: var(--colors--secondary-blue-light);
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
}

p {
  font-size: var(--size--desktop--content-p-fs-18);
}

ul {
  margin-top: 0;
  margin-bottom: 20px;
  padding-left: 40px;
}

ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

li {
  padding-bottom: 10px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.container {
  flex-flow: column;
  max-width: 1200px;
  display: block;
  position: relative;
}

.container.navcontainer {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.container.containerbanner {
  padding-top: 100px;
  padding-bottom: 40px;
}

.container.containerfooter {
  flex-flow: row;
}

.container.pageherologo {
  padding-top: 40px;
  display: flex;
}

.container.aboutcontainer {
  display: flex;
}

.container.footercontainer {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.design-language-block {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border-radius: var(--size--size-20);
  background-color: var(--colors--primary-white);
  flex-flow: column;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 40px 60px;
  display: flex;
}

.primarygradient2 {
  background-image: linear-gradient(90deg, var(--colors--secondary-blue), var(--colors--primary-light));
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-top: 0;
}

.titledisplayheading {
  background-color: var(--colors--primary-dark);
  font-size: var(--size--tablet--display-fs-50);
  line-height: var(--size--tablet--display-lh-60);
  background-image: none;
  margin-top: 10px;
}

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

.titledisplayheading.bannertitle {
  text-align: center;
  align-self: center;
  width: 80%;
}

.smallparagraph {
  font-size: var(--size--desktop--content-p-small-fs-15);
  line-height: var(--size--desktop--content-p-small-lh-19);
}

.basenormal {
  font-size: var(--size--desktop--base-fs-20);
  line-height: var(--size--desktop--base-lh-30);
}

.htmlcodeinject {
  width: 100%;
}

.darktags {
  border: 2px solid var(--colors--primary-white);
  border-radius: var(--size--size-100);
  color: var(--colors--primary-white);
  font-size: var(--size--desktop--tags-fs-lh-16);
  line-height: var(--size--desktop--tags-fs-lh-16);
  padding: 10px 20px;
  font-weight: 600;
}

.darktags.primarygradientbg2 {
  background-image: linear-gradient(90deg, var(--colors--secondary-blue), var(--colors--primary-light));
  align-self: flex-start;
}

.darktags.primarygradientbg2.aligncenter {
  align-self: center;
}

.rowdirectiondiv {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}

.lighttags {
  border: 1px solid var(--colors--secondary-blue);
  border-radius: var(--size--size-100);
  color: var(--colors--secondary-blue);
  font-size: var(--size--desktop--tags-fs-lh-16);
  line-height: var(--size--desktop--tags-fs-lh-16);
  align-self: center;
  padding: 10px 20px;
  font-weight: 600;
}

.lighttags.primarygradientbg2 {
  background-image: linear-gradient(90deg, var(--colors--secondary-blue), var(--colors--primary-light));
}

.linkbutton {
  border: 2px solid var(--colors--secondary-blue);
  border-radius: var(--size--size-100);
  color: var(--colors--primary-dark);
  font-size: var(--size--desktop--tags-fs-lh-16);
  line-height: var(--size--desktop--tags-fs-lh-16);
  padding: 17px 30px;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s ease-in-out;
}

.linkbutton:hover {
  background-color: var(--colors--primary-dark);
  color: var(--colors--primary-white);
}

.linkbutton.margintop20 {
  margin-top: 20px;
}

.design-language-block-border {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border: 2px solid var(--colors--primary-white);
  border-radius: var(--size--size-20);
  flex-flow: column;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 40px;
  padding: 40px 60px;
  display: flex;
}

.menubutton {
  border-radius: var(--size--size-100);
  color: var(--colors--primary-dark);
  font-size: var(--size--desktop--tags-fs-lh-16);
  line-height: var(--size--desktop--tags-fs-lh-16);
  cursor: pointer;
  border-width: 0;
  padding: 10px 20px;
  font-weight: 600;
  transition: all .2s ease-in-out;
}

.menubutton:hover {
  background-color: var(--colors--primary-white);
}

.menubutton.w--current {
  color: var(--colors--secondary-blue);
}

.menubutton.primarygradientbg2 {
  background-image: linear-gradient(90deg, var(--colors--secondary-blue), var(--colors--primary-light));
}

.ctabutton {
  border-radius: var(--size--size-100);
  background-color: var(--colors--primary-white);
  font-family: var(--fonts--display-font);
  color: var(--colors--secondary-blue);
  cursor: pointer;
  background-image: url('../images/TopRightArrowBlue.svg');
  background-position: 30px;
  background-repeat: no-repeat;
  background-size: 17px;
  border-width: 0;
  margin-top: 5px;
  padding: 15px 20px 15px 65px;
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  text-decoration: none;
  transition: background-color .2s ease-in-out;
}

.ctabutton:hover {
  background-color: var(--colors--secondary-blue);
  background-image: url('../images/TopRightArrowWhite.svg'), linear-gradient(90deg, var(--colors--secondary-blue), var(--colors--primary-light));
  color: var(--colors--primary-white);
  background-position: 30px, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 21px, auto;
  text-decoration: none;
}

.ctabutton.primarygradientbg2 {
  background-image: linear-gradient(90deg, var(--colors--secondary-blue), var(--colors--primary-light));
}

.ctabutton.getstartedcta {
  padding-right: 30px;
  position: absolute;
  inset: auto 10% 30% auto;
}

.colorboxdg {
  color: var(--colors--primary-white);
  width: 200px;
  height: 100px;
}

.navbar {
  background-color: #e5eaf400;
  padding-top: 20px;
  padding-bottom: 20px;
  position: fixed;
  inset: 0% 0% auto;
}

.brandlogo {
  width: 192px;
  margin-left: auto;
  margin-right: auto;
}

.navigation {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-end;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.menubuttondropdown {
  border-radius: var(--size--size-100);
  color: var(--colors--primary-dark);
  font-size: var(--size--desktop--tags-fs-lh-16);
  line-height: var(--size--desktop--tags-fs-lh-16);
  padding: 10px 38px 10px 20px;
  font-weight: 600;
}

.menubuttondropdown:hover {
  background-color: var(--colors--primary-white);
}

.menubuttondropdownlist {
  border-radius: var(--size--size-20);
  background-color: var(--colors--primary-white);
  margin-top: 2px;
  padding: 10px;
  font-size: 14px;
  line-height: 15px;
  display: none;
}

.menubuttondropdownlist.w--open {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffe6;
  margin-top: 0;
}

.menubuttondropdownlistlink {
  padding-left: 15px;
  padding-right: 15px;
  font-weight: 500;
}

.menubuttondropdownlistlink:hover {
  color: var(--colors--secondary-blue);
}

.menubuttondrop {
  transition: all .2s ease-in-out;
}

.modalwrapper {
  z-index: 1100;
  inset: 0%;
  background-color: #000c;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0;
}

.modalbox {
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  align-items: center;
  padding: 40px 80px 70px;
  display: flex;
  position: relative;
}

.modelclose {
  float: none;
  border: 2px solid var(--colors--secondary-bg);
  border-radius: var(--size--size-100);
  text-align: right;
  cursor: pointer;
  position: absolute;
  inset: 10px 10px auto auto;
}

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

.modelappicon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.modelboxqrcode {
  padding-bottom: 10px;
}

.sectionhero {
  background-image: url('../images/HeroBG2.jpg');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 140%;
  min-height: 1000px;
  margin-top: 100px;
}

.bannertext {
  font-size: var(--size--desktop--base-fs-20);
  line-height: var(--size--desktop--base-lh-30);
  text-align: center;
  align-self: center;
  font-weight: 500;
}

.bannersubtitle {
  text-align: center;
  align-self: center;
  width: 80%;
}

.bannerappicon {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-self: center;
  align-items: flex-start;
  margin-top: 20px;
}

.bannersection {
  flex-flow: column;
  align-self: center;
  align-items: center;
  margin-bottom: 240px;
  display: flex;
}

.sectionabout {
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}

.aboutleft {
  flex-flow: column;
  align-self: center;
  width: 50%;
  display: flex;
}

.aboutright {
  text-align: right;
  align-self: center;
  width: 50%;
}

.aboutheading {
  width: 40%;
  margin-top: 10px;
  margin-bottom: 30px;
}

.sectionfooter {
  padding-top: 110px;
  padding-bottom: 60px;
}

.footerleft {
  flex-flow: column;
  align-self: flex-start;
  width: 40%;
  display: flex;
}

.footersocialicons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-self: flex-start;
  padding-top: 30px;
}

.footersocialicon {
  width: 35px;
  height: 35px;
}

.footerheading {
  margin-top: 0;
  margin-bottom: 5px;
}

.footerright {
  flex-flow: wrap;
  justify-content: space-between;
  align-self: flex-start;
  width: 65%;
  display: flex;
}

.footerinfoblock {
  flex-flow: column;
  width: auto;
  min-width: 45%;
  margin-bottom: 40px;
  display: flex;
}

.footerblockheading {
  color: var(--colors--primary-dark);
}

.footerlinks {
  font-family: var(--fonts--display-font);
  color: var(--colors--secondary-blue);
  font-size: var(--size--desktop--base-fs-20);
  line-height: var(--size--desktop--base-lh-30);
  padding-bottom: 5px;
  font-weight: 700;
  text-decoration: none;
}

.footerlinks:hover {
  color: var(--colors--primary-dark);
  text-decoration: none;
}

.footergetintouch {
  border-bottom: 1px solid var(--colors--secondary-bg);
  padding-bottom: 40px;
}

.footercopyright {
  padding-top: 20px;
}

.sectionfaq {
  padding-top: 30px;
  padding-bottom: 20px;
  position: relative;
}

.faqheadingsection {
  align-items: center;
  padding-bottom: 60px;
}

.basemedium {
  font-size: var(--size--desktop--base-fs-20);
  line-height: var(--size--desktop--base-lh-30);
  font-weight: 500;
}

.faqwrapper {
  border-radius: var(--size--size-20);
  background-color: #fff0;
}

.faqitems {
  border-bottom: 1px solid var(--colors--table-sub-row-bg);
  background-color: #fff6;
  padding: 30px 40px;
}

.faqitems.lastcurve {
  border-bottom-left-radius: var(--size--size-20);
  border-bottom-right-radius: var(--size--size-20);
  border-bottom-width: 0;
}

.faqitems.firstcurve {
  border-top-left-radius: var(--size--size-20);
  border-top-right-radius: var(--size--size-20);
}

.faqquestion {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.faqquestionheader {
  cursor: pointer;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.faqplusminusicon {
  text-align: right;
  flex-flow: column;
  align-self: center;
  width: 50px;
  display: flex;
}

.faqanswer {
  width: calc(100% - 100px);
  padding-top: 10px;
  display: none;
  overflow: hidden;
}

.paragraph {
  display: block;
}

.faqminus {
  display: none;
}

.backgroundmixblurleft {
  z-index: -5;
  width: 100%;
  margin-top: -110px;
  position: absolute;
  inset: -110px 0% auto;
}

.backgroundmixblurright {
  z-index: -5;
  width: 100%;
  padding-top: 300px;
  position: absolute;
}

.sectionfeatures {
  background-image: url('../images/BG-Mix-Long.svg');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  padding-top: 30px;
  padding-bottom: 100px;
  position: relative;
}

.featureheadingsection {
  text-align: center;
  flex-flow: column;
  padding-bottom: 40px;
  display: flex;
}

.featuresgrid {
  grid-row-gap: 20px;
  padding: 0;
}

.featurebigblock {
  border-radius: var(--size--size-20);
  background-color: #ffffffb3;
  background-image: url('../images/FeatureMasterBGDT.png');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  flex: 1;
  align-self: stretch;
  min-height: 400px;
  padding: 30px 50% 30px 30px;
}

.tilefeaturetop {
  border-radius: var(--size--size-20);
  font-size: var(--size--desktop--content-p-fs-18);
  background-color: #ffffffb3;
  background-image: url('../images/Feature01.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 345px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-self: stretch;
  align-items: flex-start;
  min-height: 400px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  transition: all .2s ease-in-out;
  display: flex;
}

.tilefeaturetop:hover {
  background-size: 130%;
}

.tiledescriptionfeature {
  font-size: var(--size--desktop--content-p-small-fs-15);
  line-height: var(--size--desktop--content-p-small-lh-19);
}

.tilefeaturebottom {
  border-radius: var(--size--size-20);
  font-size: var(--size--desktop--content-p-fs-18);
  background-color: #ffffffb3;
  background-image: url('../images/Feature02.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: 345px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  min-height: 400px;
  padding: 20px 30px 0;
  transition: all .2s ease-in-out;
  display: flex;
}

.tilefeaturebottom:hover {
  background-size: 140%;
}

.tilefeaturebottom.featuretile3 {
  background-image: url('../images/Feature03.png');
}

.tilefeaturebottom.featuretile4 {
  background-image: url('../images/Feature04v2.png');
}

.tilefeaturebottom.featuretile5 {
  background-image: url('../images/Feature05.png');
}

.tilefeaturebottom.featuretile6 {
  background-image: url('../images/Feature06.png');
}

.tilefeaturebottom.featuretile7 {
  background-image: url('../images/Feature07.png');
}

.tilefeaturebottom.featuretile8 {
  background-image: url('../images/Feature08.png');
}

.tilefeaturebottom.featuretile9 {
  background-image: url('../images/Feature09.png');
}

.featuretilelast {
  border-radius: var(--size--size-20);
  background-image: linear-gradient(90deg, #0046ab4d, #2caae133);
  flex-flow: column;
  flex: 1;
  align-self: stretch;
  padding: 20px 30px;
  display: flex;
}

.smallparagraphlist {
  font-size: var(--size--desktop--content-p-small-fs-15);
  line-height: var(--size--desktop--content-p-small-lh-19);
  padding-left: 20px;
  display: none;
}

.smallparagraphlistitems {
  padding-bottom: 5px;
}

.backgroundmixblurrightbottom {
  z-index: -5;
  width: 100%;
  margin-bottom: 0;
  position: absolute;
  inset: auto 0% -190px;
}

.sectionwhyemcoin {
  background-image: url('../images/BG-Mix-Long.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 30px;
  padding-bottom: 100px;
}

.whyheadingsection {
  align-items: center;
  padding-bottom: 60px;
}

.whyemcgrid {
  padding: 0;
}

.infotile {
  border-radius: var(--size--size-20);
  background-color: #ffffffb3;
  flex: 1;
  align-self: stretch;
  margin-top: 25px;
  padding: 20px 25px 25px;
  position: relative;
}

.infotileicon {
  width: 70px;
  position: absolute;
  inset: -35px 15px auto auto;
}

.sectionpricing {
  background-image: url('../images/BG-Mix-Long.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 40px;
  padding-bottom: 100px;
}

.pricingheadingsection {
  text-align: center;
  align-self: center;
  align-items: center;
  width: 90%;
  padding-bottom: 60px;
}

.pricinggrid {
  padding: 0;
}

.sectionchartingtools {
  background-image: url('../images/BG-Mix-Long.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 911px;
  padding-top: 30px;
  padding-bottom: 100px;
}

.chartingtitlegrid {
  display: flex;
}

.chartingleft {
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  width: 50%;
  padding-right: 20px;
  display: flex;
}

.chartingright {
  width: 50%;
  padding-left: 20px;
}

.chartinggrid {
  padding: 0;
}

.chartinginfotile {
  border-radius: var(--size--size-20);
  background-color: #ffffffb3;
  flex: 1;
  align-self: stretch;
  margin-top: 0;
  padding: 20px 25px 25px;
  position: relative;
}

.chartingscreens {
  text-align: center;
  padding-top: 60px;
}

.chartingsmalltaglines {
  text-align: center;
  align-self: center;
  width: 80%;
}

.sectiongetstarted {
  background-image: url('../images/BG-Mix-Long.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 911px;
  padding-top: 30px;
  padding-bottom: 10px;
}

.getstartedheadingsection {
  text-align: center;
  justify-content: center;
  padding-bottom: 40px;
  display: flex;
}

.getstartedphone {
  background-image: url('../images/GetStartedSectionBG.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 800px;
  position: relative;
}

.getstartedtiles {
  border-top-left-radius: var(--size--size-20);
  border-top-right-radius: var(--size--size-20);
  border-bottom-left-radius: var(--size--size-20);
  border-bottom-right-radius: var(--size--size-20);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #ffffff4d;
  width: 350px;
  padding: 15px 30px 20px;
  position: absolute;
}

.getstartedtiles.gstposition01 {
  inset: 0% auto auto 12%;
}

.getstartedtiles.gstposition02 {
  inset: 0% 0% auto auto;
}

.getstartedtiles.gstposition03 {
  inset: 30% auto auto 0%;
}

.chartingtickersection {
  margin-top: 40px;
}

.gototopbutton {
  z-index: 1300;
  border-radius: var(--size--size-100);
  background-color: var(--colors--primary-white);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  margin-right: 40px;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
  box-shadow: 0 0 5px #0000001a;
}

.bodyinnerbg {
  background-image: url('../images/HeroBGInner2.jpg');
  background-position: 50% -80px;
  background-repeat: no-repeat;
  background-size: 120%;
  padding-bottom: 40px;
}

.sectioninnerherocontent {
  padding-top: 0;
  position: relative;
}

.innerherotitle {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 320px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.contentbginner {
  border-top-left-radius: var(--size--size-20);
  border-top-right-radius: var(--size--size-20);
  border-bottom-left-radius: var(--size--size-20);
  border-bottom-right-radius: var(--size--size-20);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background-color: #ffffffb3;
  padding: 50px 60px 40px;
}

.transparancycontentblock {
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 60px;
  display: block;
}

.padleft40 {
  padding-left: 40px;
}

.padtop10 {
  padding-top: 10px;
}

.pagedescription {
  width: 80%;
}

.researchtabsblock {
  z-index: 10;
  -webkit-backdrop-filter: blur(2.5px);
  backdrop-filter: blur(2.5px);
  flex-flow: column;
  display: block;
  position: sticky;
  top: 0;
  bottom: 10px;
}

.researchsection {
  position: relative;
}

.resarchtabs {
  z-index: 10;
  border-radius: var(--size--size-100);
  background-image: linear-gradient(270deg, #1a3253, var(--colors--primary-dark));
  justify-content: space-between;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  display: block;
  position: static;
  top: 0;
  bottom: 10px;
}

.assetbuttonblock {
  float: left;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  width: auto;
  display: block;
}

.filtertoggle {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: var(--size--size-100);
  background-color: var(--colors--secondary-bg);
  color: var(--colors--secondary-blue);
  font-size: var(--size--desktop--tags-fs-lh-16);
  line-height: var(--size--desktop--tags-fs-lh-16);
  padding: 13px 20px 12px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.tabasset {
  border-radius: var(--size--size-100);
  font-size: var(--size--desktop--tags-fs-lh-16);
  line-height: var(--size--desktop--tags-fs-lh-16);
  background-color: #0000;
  margin-right: 10px;
  padding: 13px 20px 12px;
  font-weight: 600;
}

.tabasset:hover {
  background-color: var(--colors--primary-light);
}

.tabasset.is-active {
  background-color: var(--colors--primary-white);
  color: var(--colors--primary-dark);
}

.filterpanel {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  border-radius: var(--size--size-15);
  background-color: var(--colors--secondary-bg);
  flex-flow: column;
  margin-top: 3px;
  padding: 10px 20px;
  display: none;
  position: absolute;
  inset: 42px 0% auto auto;
}

.filterblock {
  float: right;
  text-align: right;
  justify-content: flex-end;
  width: auto;
  display: block;
  position: relative;
}

.filteroption {
  color: var(--colors--secondary-blue);
  font-size: var(--size--desktop--tags-fs-lh-16);
  line-height: var(--size--desktop--tags-fs-lh-16);
  background-color: #0000;
  padding: 8px 0;
  font-weight: 500;
  display: block;
}

.filteroption.is-active {
  font-weight: 600;
}

.reportgrid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  padding-top: 20px;
  padding-bottom: 60px;
}

.reportcard {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-radius: var(--size--size-20);
  background-color: #ffffffb3;
  flex-flow: column;
  justify-content: space-between;
  padding: 0;
  display: flex;
}

.cardtoprow {
  justify-content: space-between;
  align-self: auto;
  align-items: center;
  padding-bottom: 10px;
  display: flex;
}

.carddate {
  font-size: var(--size--desktop--content-p-small-fs-15);
  line-height: var(--size--desktop--content-p-small-lh-19);
}

.cardasset {
  border-radius: var(--size--size-100);
  background-color: var(--colors--primary-bg);
  font-size: var(--size--desktop--tags-fs-lh-16);
  line-height: var(--size--desktop--tags-fs-lh-16);
  padding: 8px 15px 7px;
  font-weight: 600;
}

.carddescription {
  font-size: var(--size--desktop--content-p-small-fs-15);
  line-height: var(--size--desktop--content-p-small-lh-19);
}

.cardcontentblock {
  flex: 1;
  padding: 30px;
}

.carddownloadblock {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-top: 1px solid var(--colors--primary-bg);
  border-bottom-left-radius: var(--size--size-20);
  border-bottom-right-radius: var(--size--size-20);
  text-align: center;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  text-decoration: none;
  display: flex;
}

.carddownloadblock:hover {
  color: var(--colors--primary-dark);
}

.carddownloadlink {
  color: #2caae1;
  line-height: var(--size--desktop--content-p-small-lh-19);
  font-weight: 600;
  text-decoration: none;
}

.carddownloadicon {
  height: 18px;
}

.aboutemcoin {
  padding-top: 20px;
  padding-bottom: 60px;
}

.aboutheadingblock {
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 20px;
  display: flex;
}

.aboutemcoinpara {
  font-size: var(--size--desktop--base-fs-20);
  line-height: var(--size--desktop--base-lh-30);
  width: 40%;
  font-weight: 500;
  display: block;
}

.aboutemcoinphoto {
  border-radius: var(--size--size-20);
  display: block;
}

.footersection {
  padding-top: 20px;
  padding-bottom: 20px;
}

.disclaimerblock {
  border-top: 1px solid var(--colors--table-sub-row-bg);
  width: 100%;
  margin-top: 40px;
  padding-top: 40px;
}

.disclaimerp {
  font-size: var(--size--desktop--content-p-small-fs-15);
  line-height: var(--size--desktop--content-p-small-lh-19);
}

.reportcontrol {
  flex-flow: row;
  justify-content: center;
  padding-bottom: 60px;
  display: flex;
}

.loadmorebutton {
  border-radius: var(--size--size-100);
  background-color: var(--colors--table-sub-row-bg);
  color: var(--colors--secondary-blue);
  font-size: var(--size--desktop--tags-fs-lh-16);
  line-height: var(--size--desktop--tags-fs-lh-16);
  padding: 15px 30px 14px;
  font-weight: 500;
}

.filterlabel {
  color: var(--colors--secondary-blue);
  line-height: var(--size--desktop--content-p-small-lh-19);
  font-weight: 600;
  text-decoration: none;
}

.filterclear {
  height: 22px;
  display: none;
}

.filteriocn {
  height: 18px;
}

@media screen and (min-width: 1280px) {
  .modalwrapper {
    cursor: auto;
    display: none;
  }

  .modalbox {
    cursor: auto;
  }

  .modelclose {
    cursor: pointer;
  }
}

@media screen and (min-width: 1440px) {
  h1 {
    font-size: 60px;
    line-height: 65px;
  }

  h2 {
    font-size: 45px;
    line-height: 50px;
  }

  .container {
    max-width: 1300px;
  }

  .container.containerbanner {
    padding-top: 140px;
    padding-bottom: 40px;
  }

  .titledisplayheading {
    font-size: var(--size--desktop--display-fs-80);
    line-height: var(--size--desktop--display-lh-90);
  }

  .titledisplayheading.bannertitle {
    width: auto;
  }

  .ctabutton {
    line-height: 26px;
  }

  .modalwrapper {
    z-index: 1400;
  }

  .sectionhero {
    background-size: 2500px;
  }

  .bannersection {
    margin-bottom: 370px;
  }

  .sectionabout {
    align-items: stretch;
    padding-bottom: 80px;
  }

  .aboutleft {
    width: 50%;
    padding-right: 0;
  }

  .aboutright {
    width: 50%;
  }

  .aboutheading {
    margin-bottom: 10px;
  }

  .aboutrightthumb {
    width: 93%;
  }

  .footerleft {
    width: 45%;
  }

  .footerright {
    justify-content: space-between;
    align-items: flex-start;
    width: 55%;
  }

  .footerinfoblock {
    min-width: 40%;
  }

  .sectionfaq {
    text-align: left;
    background-image: none;
  }

  .backgroundmixblurleft {
    z-index: -5;
    text-align: center;
    width: 100%;
    margin-top: -320px;
    position: absolute;
    top: 60px;
    left: 0%;
  }

  .backgroundmixblurright {
    width: 100%;
    padding-top: 4%;
    position: absolute;
    left: auto;
    right: 0;
  }

  .sectionfeatures {
    background-image: url('../images/BG-Mix-Long.svg');
    background-position: 50% 100%;
    background-size: auto;
  }

  .featurebigblock {
    padding: 40px 50% 40px 40px;
  }

  .tilefeaturetop, .tilefeaturebottom {
    min-height: 420px;
    padding-bottom: 20px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .featuretilelast {
    padding-left: 40px;
    padding-right: 40px;
  }

  .backgroundmixblurrightbottom {
    z-index: -5;
    text-align: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: 220px;
    position: absolute;
    bottom: -500px;
    left: 0;
  }

  .sectionwhyemcoin {
    padding-top: 40px;
    padding-bottom: 160px;
  }

  .infotile {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .infotileicon {
    width: 80px;
  }

  .sectionpricing {
    padding-top: 60px;
    padding-bottom: 100px;
  }

  .pricingheadingsection {
    align-self: center;
    width: 80%;
  }

  .sectionchartingtools {
    background-size: 1200px;
  }

  .chartingleft {
    width: 50%;
    padding-right: 20px;
  }

  .chartingright {
    padding-left: 30px;
  }

  .chartinginfotile {
    padding: 15px 30px 20px;
  }

  .sectiongetstarted {
    background-image: url('../images/BG-Mix-Long.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 911px;
  }

  .getstartedphone {
    height: 900px;
  }

  .getstartedtiles.gstposition01, .getstartedtiles.gstposition02 {
    margin-top: 30px;
  }

  .bodyinnerbg {
    background-position: 50% -300px;
    background-size: 2500px;
  }

  .innerherotitle {
    height: 400px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .contentbginner {
    padding: 60px 80px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 40px;
    line-height: 45px;
  }

  h2 {
    font-size: 30px;
    line-height: 33px;
  }

  h3 {
    font-size: 25px;
    line-height: 30px;
  }

  h4 {
    font-size: 18px;
    line-height: 24px;
  }

  h5 {
    font-size: 18px;
    line-height: 23px;
  }

  h6 {
    font-size: 16px;
    line-height: 22px;
  }

  p, ul, ol {
    font-size: var(--size--tablet--content-p-fs-16);
    line-height: var(--size--tablet--content-p-lh-25);
  }

  .container {
    max-width: none;
    margin-left: 25px;
    margin-right: 25px;
  }

  .design-language-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .titledisplayheading {
    font-size: var(--size--tablet--display-fs-50);
    line-height: var(--size--tablet--display-lh-60);
    display: block;
    overflow: visible;
  }

  .titledisplayheading.bannertitle {
    width: auto;
  }

  .smallparagraph {
    font-size: var(--size--tablet--content-p-small-fs-13);
    line-height: var(--size--tablet--content-p-small-lh-18);
  }

  .basenormal {
    font-size: var(--size--tablet--base-fs-18);
    line-height: var(--size--tablet--base-lh-28);
  }

  .darktags.primarygradientbg2, .lighttags {
    font-size: var(--size--tablet--tags-fs-lh-13);
    line-height: var(--size--tablet--tags-fs-lh-13);
    padding-left: 17px;
    padding-right: 17px;
  }

  .linkbutton {
    font-size: var(--size--tablet--base-fs-18);
    line-height: var(--size--tablet--base-lh-28);
    text-align: center;
    align-self: flex-start;
    width: 200px;
    margin-left: 0;
    padding: 12px 20px;
  }

  .menubutton {
    font-size: var(--size--tablet--base-fs-18);
    line-height: var(--size--tablet--base-lh-28);
    text-align: left;
    cursor: pointer;
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0;
    padding-left: 17px;
    padding-right: 17px;
    display: flex;
  }

  .ctabutton {
    cursor: pointer;
    font-size: 20px;
    line-height: 24px;
    transition-property: background-color;
  }

  .ctabutton.getstartedcta {
    display: inline;
    position: static;
    inset: auto auto 0% 0%;
  }

  .body {
    font-size: var(--size--tablet--content-p-fs-16);
    line-height: var(--size--tablet--content-p-lh-25);
  }

  .navigation {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    border-radius: var(--size--size-10);
    background-color: var(--colors--table-sub-row-bg);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 20px;
    margin-right: 20px;
    padding: 27px;
    display: flex;
  }

  .menubuttondropdown {
    font-size: var(--size--tablet--base-fs-18);
    line-height: var(--size--tablet--base-lh-28);
    width: 200px;
    display: block;
  }

  .menubuttondropdowntext {
    text-align: left;
  }

  .menubuttondropdownlist.w--open {
    position: relative;
  }

  .menubuttondropdownlistlink {
    font-size: var(--size--tablet--content-p-fs-16);
    line-height: var(--size--tablet--content-p-lh-25);
  }

  .menubuttondrop {
    text-align: left;
    flex-flow: column;
    align-self: flex-start;
    width: 200px;
    margin-bottom: 10px;
    margin-left: 0;
    display: flex;
  }

  .modalwrapper {
    z-index: 1100;
    background-color: #000c;
    display: none;
  }

  .menubuttondropmobile {
    margin-top: 20px;
    padding-top: 11px;
  }

  .menubuttondropmobile.w--open {
    border-radius: var(--size--size-10);
    background-color: var(--colors--table-sub-row-bg);
  }

  .menubuttondropiocn {
    width: 30px;
  }

  .sectionhero {
    background-position: 50% 17%;
    background-size: 170%;
  }

  .bannertext {
    font-size: var(--size--tablet--base-fs-18);
    line-height: var(--size--tablet--base-lh-28);
  }

  .bannersubtitle {
    width: 90%;
  }

  .sectionabout {
    flex-flow: column;
  }

  .aboutleft {
    width: 100%;
  }

  .aboutright {
    text-align: center;
    width: 100%;
    padding-top: 40px;
  }

  .aboutheading {
    margin-bottom: 10px;
  }

  .footerleft {
    width: 100%;
  }

  .footerright {
    width: 100%;
    padding-top: 40px;
  }

  .footergetintouch {
    flex-flow: column;
  }

  .sectionfaq {
    background-position: 50% 0;
    background-size: cover;
  }

  .basemedium {
    font-size: var(--size--tablet--base-fs-18);
    line-height: var(--size--tablet--base-lh-28);
  }

  .faqitems {
    padding: 20px 30px;
  }

  .faqanswer {
    width: calc(100% - 50px);
    display: none;
  }

  .backgroundmixblurleft {
    text-align: center;
    width: 100%;
    margin-top: 0;
  }

  .mixblueimg {
    max-width: 100%;
  }

  .sectionfeatures {
    background-image: url('../images/BG-Mix-Long.svg');
    background-repeat: no-repeat;
  }

  .featurebigblock {
    min-height: 360px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
  }

  .tilefeaturetop, .tilefeaturebottom {
    min-height: 370px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .smallparagraphlist {
    font-size: var(--size--tablet--content-p-small-fs-13);
    line-height: var(--size--tablet--content-p-small-lh-18);
  }

  .backgroundmixblurrightbottom {
    text-align: center;
    width: 100%;
    margin-top: 0;
    bottom: -80px;
  }

  .infotile {
    padding-top: 30px;
  }

  .sectionchartingtools {
    padding-bottom: 40px;
  }

  .chartingtitlegrid {
    flex-flow: column;
  }

  .chartingleft {
    width: 100%;
    padding-bottom: 20px;
    padding-right: 0;
  }

  .chartingright {
    width: 100%;
    padding-left: 0;
  }

  .chartinginfotile {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .chartingscreens {
    padding-top: 20px;
  }

  .chartingsmalltaglines {
    width: 100%;
  }

  .getstartedheadingsection {
    padding-bottom: 10px;
  }

  .getstartedphone {
    background-position: 50% 100%;
    background-size: 70%;
    height: auto;
    padding-bottom: 350px;
  }

  .getstartedtiles.gstposition01, .getstartedtiles.gstposition02 {
    width: 100%;
    margin-bottom: 20px;
    position: static;
  }

  .getstartedtiles.gstposition03 {
    width: 100%;
    margin-bottom: 60px;
    position: static;
  }

  .gototopbutton.w--current {
    margin-bottom: 20px;
    margin-right: 20px;
  }

  .bodyinnerbg {
    background-size: 170%;
  }

  .innerherotitle {
    height: 230px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .contentbginner {
    padding: 40px 40px 20px;
  }

  .transparancycontentblock {
    margin-bottom: 40px;
  }

  .padleft40.padtop10 {
    padding-left: 20px;
  }

  .pagedescription {
    width: 100%;
  }

  .filterpanel {
    margin-top: 9px;
  }

  .reportgrid {
    grid-template-columns: 1fr 1fr;
  }

  .carddownloadlink {
    font-size: var(--size--tablet--content-p-fs-16);
    line-height: var(--size--tablet--content-p-lh-25);
  }

  .carddownloadicon {
    height: 16px;
  }

  .aboutheadingblock {
    justify-content: space-between;
    align-items: center;
  }

  .aboutemcoinpara {
    font-size: var(--size--tablet--base-fs-18);
    line-height: var(--size--tablet--base-lh-28);
    width: 60%;
  }

  .filterlabel {
    font-size: var(--size--tablet--content-p-fs-16);
    line-height: var(--size--tablet--content-p-lh-25);
  }

  .filterclear, .filteriocn {
    height: 16px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 33px;
    line-height: 36px;
  }

  h2 {
    font-size: 27px;
    line-height: 32px;
  }

  h3 {
    font-size: 21px;
    line-height: 28px;
  }

  h4 {
    font-size: 18px;
    line-height: 24px;
  }

  h5 {
    font-size: 18px;
    line-height: 21px;
  }

  h6 {
    font-size: 15px;
    line-height: 19px;
  }

  p {
    font-size: var(--size--mobile--content-p-fs-15);
    line-height: var(--size--mobile--content-p-lh-22);
  }

  ul, ol {
    padding-left: 30px;
  }

  li {
    font-size: var(--size--mobile--content-p-fs-15);
    line-height: var(--size--mobile--content-p-lh-22);
    padding-bottom: 5px;
  }

  .container {
    margin-left: 16px;
    margin-right: 16px;
  }

  .container.containerbanner {
    padding-top: 60px;
  }

  .container.pageherologo {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .design-language-block {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px 40px;
  }

  .titledisplayheading {
    font-size: var(--size--mobile--display-fs-40);
    line-height: var(--size--mobile--display-lh-45);
  }

  .smallparagraph {
    font-size: var(--size--mobile--content-p-small-fs-14);
    line-height: var(--size--mobile--content-p-small-lh-19);
  }

  .smallparagraph.featurepaddingbottom {
    padding-bottom: 290px;
  }

  .basenormal {
    font-size: var(--size--mobile--base-fs-16);
    line-height: var(--size--mobile--base-lh-25);
  }

  .darktags.primarygradientbg2, .lighttags {
    padding: 7px 15px 9px;
  }

  .linkbutton {
    padding-top: 10px;
    padding-bottom: 11px;
  }

  .ctabutton {
    background-size: 18px;
    padding: 13px 33px 13px 62px;
    font-size: 18px;
    line-height: 26px;
  }

  .body {
    font-size: var(--size--mobile--content-p-fs-15);
    line-height: var(--size--mobile--content-p-lh-22);
  }

  .brandlogo {
    width: 170px;
  }

  .modalbox {
    width: 100vw;
    margin-left: 40px;
    margin-right: 40px;
    padding: 20px 40px 40px;
  }

  .menubuttondropmobile {
    margin-top: 10px;
  }

  .sectionhero {
    background-position: 35% 10%;
    background-size: 260%;
  }

  .aboutright {
    width: 75%;
  }

  .aboutheading {
    width: auto;
    margin-bottom: 20px;
  }

  .footerinfoblock {
    width: 100%;
  }

  .basemedium {
    font-size: var(--size--mobile--base-fs-16);
    line-height: var(--size--mobile--base-lh-25);
  }

  .featurebigblock {
    background-image: url('../images/FeatureMasterBGMB.png');
    background-position: 50% 100%;
    background-size: contain;
    min-height: auto;
    padding-right: 40px;
  }

  .tilefeaturetop {
    min-height: auto;
    padding-top: 200px;
  }

  .tilefeaturetop:hover {
    background-size: 345px;
  }

  .tilefeaturebottom {
    min-height: auto;
    padding-top: 15px;
    padding-bottom: 200px;
  }

  .tilefeaturebottom:hover {
    background-size: 345px;
  }

  .featuretilelast {
    padding-bottom: 20px;
  }

  .smallparagraphlist {
    font-size: var(--size--mobile--content-p-small-fs-14);
    line-height: var(--size--mobile--content-p-small-lh-19);
  }

  .infotileicon {
    width: 55px;
    top: -25px;
    right: 25px;
  }

  .sectionchartingtools {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .chartingscreens {
    padding-top: 40px;
  }

  .getstartedphone {
    padding-bottom: 300px;
  }

  .bodyinnerbg {
    background-position: 50% -150px;
    background-size: 240%;
  }

  .innerherotitle {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .contentbginner {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .researchtabsblock {
    z-index: 10;
  }

  .resarchtabs {
    background-image: none;
    padding: 0;
  }

  .assetbuttonblock {
    border-radius: var(--size--size-100);
    background-color: var(--colors--primary-dark);
    text-align: center;
    width: 100%;
    padding: 10px;
  }

  .tabasset {
    margin-right: 5px;
    padding: 10px 15px 9px;
  }

  .filterpanel {
    display: none;
  }

  .filterblock {
    margin-top: 10px;
  }

  .reportgrid {
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .aboutheadingblock {
    flex-flow: column;
  }

  .aboutemcoinpara {
    font-size: var(--size--mobile--base-fs-16);
    line-height: var(--size--mobile--base-lh-25);
    width: auto;
  }

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

@media screen and (max-width: 479px) {
  .container.containerbanner {
    padding-top: 40px;
  }

  .design-language-block {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    padding: 10px 20px;
  }

  .smallparagraph.featurepaddingbottom {
    padding-bottom: 220px;
  }

  .linkbutton, .menubutton {
    width: 100%;
  }

  .ctabutton {
    line-height: 21px;
  }

  .ctabutton.getstartedcta {
    display: block;
  }

  .brandlogo {
    width: 140px;
  }

  .menubuttondropdown, .menubuttondrop {
    width: 100%;
  }

  .modalwrapper {
    display: none;
  }

  .modalbox {
    margin-left: 16px;
    margin-right: 16px;
    padding: 20px 10px 40px;
  }

  .modelclose {
    width: 30px;
  }

  .modelappicon {
    flex-flow: column;
  }

  .menubuttondropmobile {
    margin-top: 0;
    padding: 9px 10px 10px;
  }

  .sectionhero {
    background-position: 28% 19%;
    background-size: 360%;
  }

  .bannertext {
    font-size: var(--size--mobile--base-fs-16);
    line-height: var(--size--mobile--base-lh-25);
  }

  .aboutright {
    width: 100%;
  }

  .aboutheading {
    margin-bottom: 10px;
  }

  .faqitems {
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .faqplusminusicon {
    width: auto;
  }

  .faqanswer {
    width: 100%;
    display: none;
  }

  .faqminus, .faqplus {
    width: 40px;
  }

  .backgroundmixblurleft {
    height: 750px;
    margin-top: 50%;
  }

  .featureheadingsection {
    padding-bottom: 20px;
  }

  .featuretilelast {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .backgroundmixblurrightbottom {
    height: 750px;
    margin-top: 50%;
  }

  .whyheadingsection {
    padding-bottom: 40px;
  }

  .infotile, .chartinginfotile {
    padding-top: 16px;
  }

  .getstartedphone {
    background-size: 100%;
    padding-bottom: 280px;
  }

  .getstartedtiles.gstposition03 {
    margin-bottom: 20px;
  }

  .bodyinnerbg {
    background-position: 50% -80px;
    background-size: 390%;
  }

  .innerherotitle {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .contentbginner {
    padding: 20px 25px 10px;
  }

  .filterpanel {
    display: none;
  }

  .reportcard {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .cardcontentblock {
    padding: 20px;
  }

  .carddownloadblock {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .carddownloadlink {
    font-size: var(--size--mobile--content-p-fs-15);
    line-height: var(--size--mobile--content-p-lh-22);
  }

  .aboutemcoin {
    padding-bottom: 40px;
  }

  .aboutemcoinphoto {
    border-radius: var(--size--size-10);
  }

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

  .filterlabel {
    font-size: var(--size--mobile--content-p-fs-15);
    line-height: var(--size--mobile--content-p-lh-22);
  }
}


@font-face {
  font-family: 'Dirham Font';
  src: url('../fonts/aed-regular-webfont.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}