.imgback {
    width: 100%;
    height: 100%;
    background-image: url(./back1.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	position: relative;
}
.imgback::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0.55;
    backdrop-filter: blur(4px);
}
.s-intro{
    background-color: var(--color-body);
}
.intro-content {
    min-height: 0;
    align-items: flex-start;
    padding-top: calc(6.5rem + var(--header-height)) !important;
    padding-bottom: calc(4.5rem + var(--header-height)) !important;
}

:root {
    --app-bg-dark: #01081f;
    --app-bg-before: linear-gradient(
        180deg,
        rgba(1, 8, 31, 0) 0%,
        rgba(1, 8, 31, 1) 100%
    );
    --app-bg-before-2: linear-gradient(
        0deg,
        rgba(1, 8, 31, 0) 0%,
        rgba(1, 8, 31, 1) 100%
    );
    --app-bg-light: #151c32;
    --app-logo: #3d7eff;
    --nav-link: #5e6a81;
    --nav-link-active: #fff;
    --list-item-hover: #0c1635;
    --main-color: #fff;
    --secondary-color: #5e6a81;
    --color-light: rgba(52, 129, 210, 0.2);
    --warning-bg: #ffe5e5;
    --warning-icon: #ff8181;
    --applicant-bg: #e3fff1;
    --applicant-icon: #61e1a1;
    --close-bg: #fff8e5;
    --close-icon: #fdbc64;
    --draft-bg: #fed8b3;
    --draft-icon: #e9780e;
}

.app-container {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}

ul {
    list-style-type: none;
    padding: 0;
}

a {
    text-decoration: none;
    cursor: pointer;
}

.main-header-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.main-header-line h2 {
    color: var(--main-color);
    margin-top: var(--vspace-1);
    line-height: 32px;
    font-size: 32px;
    margin-left: 20px;
}

.main-header-line h2 span {
    font-size: var(--text-sm);
    color: #ccfc04;
}

.crow {
    display: flex;
    justify-content: space-between;
    margin: 0 0;
}

.crow.four .container-wrapper {
    width: 25%;
}

.crow .container-wrapper .chart-container {
    justify-content: space-between;
}

.c65 {
    width: 65%;
    display: flex;
}

.c50 {
    width: 50%;
    display: flex;
}

.c100 {
    width: 100%;
    display: flex;
}

.c35 {
    width: 35%;
    display: flex;
    flex-direction: column;
}

.two .chart-container {
    flex-direction: column;
}

.crow.two .chart-container + .chart-container {
    margin-top: 16px;
}

.line-chart {
    width: 100%;
    margin-top: 24px;
}

.chart-container {
    width: 100%;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    background-color: #000000;
    height: 100%;
}

.module-cont {
    border-radius: 10px;
    display: flex;
    align-items: center;
    background-color: #000000;
    height: 100%;
    width: 100%;
	position: relative;
    flex-direction: column;
    overflow: hidden;
}

.module-contasteroid{
    border-radius: 10px;
    display: flex;
    align-items: center;
    background-color: #000000;
    height: 100%;
    width: 100%;
    flex-direction: column;
    background-image: url(./back2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
	position: relative;
	overflow: hidden;
}

.mcp0{
    padding: 0px;
}

.mcp20{
    padding: 20px;
}

.circle-container {
    width: 100%;
    border-radius: 10px;
    padding: 20px;
    display: flex;
    align-items: center;
    background-color: #000000;
    height: 100%;
    flex-direction: column;
}

.circle-container .chart-svg {
    position: relative;
    width: 100%;
    height: 100%;
    flex: 1;
    padding: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.container-wrapper {
    padding: 5px;
    height: 100%;
	overflow: hidden;
}

.chart-info-wrapper {
    flex-shrink: 0;
    flex-basis: 120px;
}

.chart-info-wrapper span {
    color: var(--main-color);
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
}

.circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 1.2;
}

.circle {
    fill: none;
    stroke-width: 1.6;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

.circular-chart.purp .circle {
    stroke: #ff67ad;
}

.circular-chart.purp .circle-bg {
    stroke: #ffffff2b;
}

.circular-chart.orange .circle {
    stroke: #ff9f00;
}

.circular-chart.orange .circle-bg {
    stroke: #ffffff2b;
}

.circular-chart.blue .circle {
    stroke: #55cfff;
}

.circular-chart.blue .circle-bg {
    stroke: #ffffff2b;
}

.circular-chart.err .circle {
    stroke: #ccfc04;
}

.circular-chart.err .circle-bg {
    stroke: #ffffff2b;
}

.percentage {
    fill: #fff;
    font-size: 0.45em;
    text-anchor: middle;
    font-weight: 400;
    margin-top: 10px;
}

.percentagem {
    fill: #fff;
    font-size: 0.35em;
    text-anchor: middle;
    font-weight: 400;
    margin-top: 10px;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.container-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 12px;
}

.title2 {
    font-weight: 500;
    color: var(--color-white);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 0;
    position: relative;
    font-size: 15px;
}

.subtc{
    font-size: var(--text-md);
    line-height: 18px;
	letter-spacing: 0.025em;
    text-align: left;
    width: 100%;
    margin-top: 0;
}

.lsbls3{
    font-size: 18px;
}

.title3 {
    font-weight: 500;
    color: var(--color-white);
    text-transform: uppercase;
    letter-spacing: 0.115em;
    margin-top: 0;
    position: relative;
    white-space: nowrap; 
    font-size: 18px;
    text-align: center;
}

.extrasmall {
    font-size: 14px;
    color: #a3a3a3;
}

.container-header span {
    color: var(--color-text);
    font-size: 12px;
    line-height: 16px;
    cursor: default;
}

.acquisitions-bar {
    width: 100%;
    height: 4px;
    border-radius: 4px;
    margin-top: 16px;
    margin-bottom: 8px;
    display: flex;
}

.bar-progress {
    height: 4px;
    display: inline-block;
}

.bar-progress.hedge {
    background-color: #53ff8b;
}

.bar-progress.venture {
    background-color: #ff60e4;
}

.bar-progress.retail {
    background-color: #ff6767;
}

.bar-progress.corporate {
    background-color: #ccfc04;
}

.bar-progress.brokers {
    background-color: #22a0ff;
}

.bar-progress.hnwi {
    background-color: #ffaa50;
}

.progress-bar-info {
    display: flex;
    align-items: center;
    margin-top: 8px;
    width: 100%;
}

.progress-color {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 8px;
}

.progress-color.hedge {
    background-color: #53ff8b;
}

.progress-color.venture {
    background-color: #ff60e4;
}

.progress-color.retail {
    background-color: #ff6767;
}

.progress-color.corporate {
    background-color: #ccfc04;
}
.progress-color.brokers {
    background-color: #22a0ff;
}

.progress-color.hnwi {
    background-color: #ffaa50;
}

.progress-type {
    color: var(--color-text);
    font-size: 13px;
    line-height: 18px;
}

.progress-amount {
    color: var(--color-text);
    font-size: 12px;
    line-height: 18px;
    margin-left: auto;
}

.blocknumberfollowers {
    width: 100%;
    height: 100%;
    margin-top: 10px;
    border-top: 1px solid rgb(255 255 255 / 15%);
    padding-top: 30px;
}
.numfoll {
    font-family: var(--font-1);
    font-weight: 600;
    font-size: 42px;
    color: #ffffff;
    font-variant-ligatures: common-ligatures;
    text-rendering: optimizeLegibility;
    text-align: left;
}
.subtext {
    font-size: 20px;
    text-align: left;
    letter-spacing: 0.05em;
    color: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
}
.squareblocktitle {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.linksblock {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: #141516;
    border-radius: 10px;
    padding: 10px;
}
.lsbls{
    height: 80px;
    margin: 0px;
}
.lsbls a{
	width: 100%;
	height: 100%;
	display: flex;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
}
.lw3{
    width: calc(100% / 3);
}
.lsbls a:hover{
    background-color: #ccfc04;
}
.lsbls a:hover svg{
    -webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
}

.lsbls2{
    padding: 1px;
    font-size: 17px;
    color: #a7a7a7;
    letter-spacing: 0.005em;
    font-family: var(--font-mono);
}

.bsvg{
    width: 30px;
}
.osvg{
    width: 86px;
}
.ffsvg{
    width: 26px;
}
.fesvg{
    width: 92px;
}
.yasvg{
    width: 83px;
}
.kesvg{
    width: 63px;
}
.csvg{
    width: 85px;
}
.tbsvg{
	width: 68px;
}
.extraboldslogan{
    font-size: 67px;
    line-height: 1.25;
    letter-spacing: 1.1px;
    font-family: var(--font-2);
    padding: 40px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.fgradient {
    background-image: -webkit-linear-gradient(92deg, #ffffff, #ccfc04);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	-webkit-animation: hue 10s infinite linear;
}

@-webkit-keyframes hue {
	from {
		-webkit-filter: hue-rotate(0deg);
	}
	to {
		-webkit-filter: hue-rotate(-360deg);
	}
}
/* Circlesmode Animation */

.circlesmode {
    width: 360px;
    height: 360px;
    position: absolute;
    top: -10%;
    right: -10%;
    --particles: 30;
    animation: zoom 5s linear infinite;
}

@keyframes zoom {
    to {
        transform: scale(0.5) translateY(-50%);
    }
}

.circlesmode span {
    position: absolute;
    width: 50%;
    height: 50%;
    background-color: white;
    border-radius: 50%;
    left: 25%;
    transform-origin: bottom center;
    --deg: calc(1turn / var(--particles) * (var(--n) - 1));
    animation: rotating 5s ease-in-out infinite;
    mix-blend-mode: difference;
}

@keyframes rotating {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(var(--deg)) translateY(0); }
    100% { transform: rotate(var(--deg)) translateY(100%) scale(2); }
}

.circlesmode span:nth-child(1) { --n: 1; }
.circlesmode span:nth-child(2) { --n: 2; }
.circlesmode span:nth-child(3) { --n: 3; }
.circlesmode span:nth-child(4) { --n: 4; }
.circlesmode span:nth-child(5) { --n: 5; }
.circlesmode span:nth-child(6) { --n: 6; }
.circlesmode span:nth-child(7) { --n: 7; }
.circlesmode span:nth-child(8) { --n: 8; }
.circlesmode span:nth-child(9) { --n: 9; }
.circlesmode span:nth-child(10) { --n: 10; }
.circlesmode span:nth-child(11) { --n: 11; }
.circlesmode span:nth-child(12) { --n: 12; }
.circlesmode span:nth-child(13) { --n: 13; }
.circlesmode span:nth-child(14) { --n: 14; }
.circlesmode span:nth-child(15) { --n: 15; }
.circlesmode span:nth-child(16) { --n: 16; }
.circlesmode span:nth-child(17) { --n: 17; }
.circlesmode span:nth-child(18) { --n: 18; }
.circlesmode span:nth-child(19) { --n: 19; }
.circlesmode span:nth-child(20) { --n: 20; }
.circlesmode span:nth-child(21) { --n: 21; }
.circlesmode span:nth-child(22) { --n: 22; }
.circlesmode span:nth-child(23) { --n: 23; }
.circlesmode span:nth-child(24) { --n: 24; }
.circlesmode span:nth-child(25) { --n: 25; }
.circlesmode span:nth-child(26) { --n: 26; }
.circlesmode span:nth-child(27) { --n: 27; }
.circlesmode span:nth-child(28) { --n: 28; }
.circlesmode span:nth-child(29) { --n: 29; }
.circlesmode span:nth-child(30) { --n: 30; }

.videos1{
	width: 100%;
    overflow: hidden;
    border-radius: 8px; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.s1{
    border-radius: 10px;
	aspect-ratio: 1 / 1;
	width: 100%;
	object-fit: cover;
}
/* Blob */
:root {
  --aqua:  #7FDBFF;
  --blue:  #0074D9;
  --navy:  #001F3F;
  --teal:  #39CCCC;
  --green: #2ECC40;
  --olive: #3D9970;
  --lime:  #01FF70;
  
  --yellow:  #FFDC00;
  --orange:  #FF851B;
  --red:     #FF4136;
  --fuchsia: #F012BE;
  --purple:  #B10DC9;
  --maroon:  #85144B;

  --white:  #FFFFFF;
  --silver: #DDDDDD;
  --gray:   #AAAAAA;
  --black:  #111111;
}
.stack {
    display: grid;
    grid-template-areas: 'stack';
	margin-top: 30px;
}
.blobs {
    display: grid;
    grid-template-areas: 'stack';
    position: relative;
    -webkit-animation: spin infinite 5s linear;
    animation: spin infinite 5s linear;
    grid-area: stack;
}
.blob {
    --border-radius: 115% 140% 145% 110% / 125% 140% 110% 125%;
    --border-width: 10px;
    aspect-ratio: 1;
    display: block;
    grid-area: stack;
    background-size: calc(100% + var(--border-width) * 2);
    background-repeat: no-repeat;
    background-position: center;
    border: var(--border-width) solid transparent;
    border-radius: var(--border-radius, 50%);
    -webkit-mask-image:
    linear-gradient(transparent, transparent),
    linear-gradient(black, white);
    mask-image:
    linear-gradient(transparent, transparent),
    linear-gradient(black, white) ;
      -webkit-mask-clip: padding-box, border-box;
          mask-clip: padding-box, border-box;
      -webkit-mask-composite: source-in, xor;
          mask-composite: intersect;
    mix-blend-mode: screen;
    height: 120px;
    padding: 10px; 
    filter: blur(1vmin);
  
    &:nth-child(1) {
    background-color: var(--blue);
    background-image: linear-gradient(var(--blue), var(--teal), var(--blue));
    rotate: 30deg;
    scale: 1.03;
  }
  
  &:nth-child(2) {
    background-color: var(--red);
    background-image: linear-gradient(var(--red), var(--orange), var(--red));
    rotate: 60deg;
    scale: 0.95;
  }
  
  &:nth-child(3) {
    background-color: var(--olive);
    background-image: linear-gradient(var(--olive), var(--lime), var(--olive));
    rotate: 90deg;
    scale: 0.97;
  }
  
  &:nth-child(4) {
    background-color: var(--purple);
    background-image: linear-gradient(var(--purple), var(--maroon), var(--purple));
    rotate: 120deg;
    scale: 1.02;
  }
}

@-webkit-keyframes spin {
  from {
    rotate: 0deg;
  }
  to {
    rotate: 360deg;
  }
}

@keyframes spin {
  from {
    rotate: 0deg;
  }
  to {
    rotate: 360deg;
  }
}
.contactcrd{
    width: 100%;
    height: 80px;
    margin-top: 40px;
}
.ссrd1{
    font-size: 30px;
    line-height: 1.25;
    letter-spacing: 1px;
    font-family: var(--font-2);
    color: #ffffff;
    text-align: center;
}
.btnsblockbottom{
	margin-top: 30px;
}
.contactbtn{
	width: 100%;
    display: flex;
    height: 52px;
    background-color: #0000001a;
    border-radius: 25px;
    border: 2px solid #ffffff17;
    text-align: center;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .035em;
    font-weight: 600;
}
.contactbtn:hover{
    background-color: #cdff00;
    border: 2px solid #cdff00;
    color: #000000;
}

.contactbtna:active{
    color: #fff;
}
 @media screen and (max-width: 1000px) {
.extraboldslogan {
    font-size: 52px;
    line-height: 1.25;
    letter-spacing: 1px;
}
}
 @media screen and (max-width: 880px) {
.circlesmode {
    top: -20%;
    right: -20%;
}
.two {
    flex-direction: column;
    width: 100%;
}
.c65, .c35 {
    width: 100%;
}
.c50 {
    width: 100%;
}
.four{
	flex-wrap: wrap;
}
.crow.four .container-wrapper {
    width: 50%;
	height: auto;
}
.extraboldslogan {
    padding: 15px;
}
}
 @media screen and (max-width: 650px) {
.lsbls a{
	border-radius: 8px;
}
.title3 {
    font-size: 15px;
}
.circlesmode {
    top: -40%;
    right: -40%;
}
.main-header-line h2 {
    font-size: 26px;
}
.extraboldslogan {
    font-size: 36px;
}
.title2 {
    font-size: 14px;
}
.container-header span {
    font-size: 11px;
}
.contactbtn{
	font-size: 16px;
}
}
@media screen and (max-width: 550px) {
    .linksblock {
        padding: 0;
    }
    .extraboldslogan {
        font-size: 28px;
        padding: 5px;
        line-height: 1.35;
    }
    .circlesmode {
        top: -60%;
        right: -60%;
    }
    .lsbls2 {
        font-size: 17px;
        line-height: 25px;
        letter-spacing: 0.020em;
    }
@media screen and (max-width: 440px) {
    .container-header span {
        display:none;
    }
    .main-header-line h2 {
        font-size: 22px;
    }
    .lsbls2 {
        font-size: 15px;
        line-height: 22px;
        letter-spacing: 0.005em;
    }
	.fesvg {
        width: 72px;
    }
	.osvg {
        width: 72px;
	}
	.csvg {
        width: 78px;
	}
	.ffsvg {
        width: 22px;
	}
	.tbsvg {
        width: 56px;
	}
	.kesvg {
        width: 52px;
	}
}