.fb {
  border: 1px solid #cccccc;
    --border-width: 1px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: var(--border-width);
    padding: 30px 0;
}
.fb::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background: linear-gradient(60deg, #1378a7,#285b6a,#000000,#285b6a,#1378a7);
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: calc(2 * var(--border-width));
  animation: moveGradient 10s alternate infinite;
}

@keyframes moveGradient {
  50% {
    background-position: 100% 10%;
  }
}
.fb2 {
  border: 1px solid #cccccc;
    --border-width: 1px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: var(--border-width);
    padding: 30px 0;
}
.fb2::after {
  position: absolute;
  content: "";
  top: calc(-1 * var(--border-width));
  left: calc(-1 * var(--border-width));
  z-index: -1;
  width: calc(100% + var(--border-width) * 2);
  height: calc(100% + var(--border-width) * 2);
  background: linear-gradient(120deg, #1378a7,#285b6a,#000000,#285b6a,#1378a7);
  background-size: 300% 300%;
  background-position: 0 50%;
  border-radius: calc(2 * var(--border-width));
  animation: moveGradient 10s alternate infinite;
}

@keyframes moveGradient {
  50% {
    background-position: 100% 10%;
  }
}
section#who,
section#merchant,
section#partners,
.section-footer {
	background: #fff;
}
section#blockchain,
section#endless,
section#about,
section#team,
section#contact   {
	background: #fff;
}
.block-partners {
  margin-top: 40px;
  display: block;
}
.copyright-text {
  padding: 80px 0 !important;
}
.banner-caption h1 {
  font-size: 3rem !important; 
}
h6.sectag {
	font-size: 17px !important;
	font-weight: 600 !important;

}
.row-flex {
    display: flex;
    flex-wrap: wrap;
}
.box {
	/*background: #000000;
	padding: 20px;
	border-radius: 10px;*/
}
.stag {
    background: #ffcc00;
    color: #0b0c22 !important;
    display: inline;
    padding: 5px 20px;
    border-radius: 100px;
    font-weight: 600;
    margin: 10px 0;
}


h1.text {
  color: transparent;
  font-size: 10vw;
  display: inline-block;
  border-radius: 3px;
  background-color: #1d3557;
  position: relative;
  -webkit-background-clip: text;
  background-clip: text;
}
h1.text:before {
  content: attr(data-title);
  background: linear-gradient(90deg, #f58915 0%, #fd1d1d 51%, #1d3557 100%);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-clip: text;
  -webkit-background-clip: text;
  transition: all 3s ease-in-out;
  animation: text-animation 3s infinite;
}

@keyframes text-animation {
  0% {
    width: 0;
  }
  50% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}

@media (min-width: 992px){
  section#who,
section#merchant,
section#partners,
section#blockchain,
section#endless,
section#about,
section#team {
  padding: 80px 0 !important;
}
}

@media (max-width: 991px) {
.container { display: flex; flex-flow: column; }
.orderone { order: 1; }
.ordertwo { order: 2; }
.orderthree { order: 3 }

.feature.feature-s2 {
  display: inline-flex;
}

section#who,
section#merchant,
section#partners,
section#blockchain,
section#endless,
section#about,
section#team {
  padding: 40px 0 !important;
}

.mhide {
  display: none;
}
}